@randstad-uca/design-system 1.0.68 → 1.0.69

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import{LitElement as t,html as e,nothing as i,css as o}from"lit";import{classMap as r}from"lit/directives/class-map.js";function n(t,e,i,o){var r,n=arguments.length,s=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,o);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(s=(n<3?r(s):n>3?r(e,i,s):r(e,i))||s);return n>3&&s&&Object.defineProperty(e,i,s),s}function s(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)}"function"==typeof SuppressedError&&SuppressedError;
1
+ import{LitElement as t,html as e,nothing as i,css as o}from"lit";import{classMap as r}from"lit/directives/class-map.js";function s(t,e,i,o){var r,s=arguments.length,n=s<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(n=(s<3?r(n):s>3?r(e,i,n):r(e,i))||n);return s>3&&n&&Object.defineProperty(e,i,n),n}function n(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)}"function"==typeof SuppressedError&&SuppressedError;
2
2
  /**
3
3
  * @license
4
4
  * Copyright 2017 Google LLC
@@ -9,23 +9,23 @@ const a=t=>(e,i)=>{void 0!==i?i.addInitializer((()=>{customElements.define(t,e)}
9
9
  * @license
10
10
  * Copyright 2019 Google LLC
11
11
  * SPDX-License-Identifier: BSD-3-Clause
12
- */let p=class{constructor(t,e,i){if(this._$cssResult$=!0,i!==c)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if(d&&void 0===t){const i=void 0!==e&&1===e.length;i&&(t=h.get(e)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),i&&h.set(e,t))}return t}toString(){return this.cssText}};const u=(t,e)=>{if(d)t.adoptedStyleSheets=e.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet));else for(const i of e){const e=document.createElement("style"),o=l.litNonce;void 0!==o&&e.setAttribute("nonce",o),e.textContent=i.cssText,t.appendChild(e)}},g=d?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const i of t.cssRules)e+=i.cssText;return(t=>new p("string"==typeof t?t:t+"",void 0,c))(e)})(t):t,{is:b,defineProperty:y,getOwnPropertyDescriptor:m,getOwnPropertyNames:v,getOwnPropertySymbols:f,getPrototypeOf:w}=Object,x=globalThis,k=x.trustedTypes,$=k?k.emptyScript:"",S=x.reactiveElementPolyfillSupport,D=(t,e)=>t,E={toAttribute(t,e){switch(e){case Boolean:t=t?$:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){let i=t;switch(e){case Boolean:i=null!==t;break;case Number:i=null===t?null:Number(t);break;case Object:case Array:try{i=JSON.parse(t)}catch(t){i=null}}return i}},C=(t,e)=>!b(t,e),M={attribute:!0,type:String,converter:E,reflect:!1,useDefault:!1,hasChanged:C};
12
+ */let p=class{constructor(t,e,i){if(this._$cssResult$=!0,i!==c)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if(d&&void 0===t){const i=void 0!==e&&1===e.length;i&&(t=h.get(e)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),i&&h.set(e,t))}return t}toString(){return this.cssText}};const u=d?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const i of t.cssRules)e+=i.cssText;return(t=>new p("string"==typeof t?t:t+"",void 0,c))(e)})(t):t,{is:g,defineProperty:b,getOwnPropertyDescriptor:m,getOwnPropertyNames:y,getOwnPropertySymbols:v,getPrototypeOf:f}=Object,w=globalThis,x=w.trustedTypes,$=x?x.emptyScript:"",k=w.reactiveElementPolyfillSupport,S=(t,e)=>t,D={toAttribute(t,e){switch(e){case Boolean:t=t?$:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){let i=t;switch(e){case Boolean:i=null!==t;break;case Number:i=null===t?null:Number(t);break;case Object:case Array:try{i=JSON.parse(t)}catch(t){i=null}}return i}},E=(t,e)=>!g(t,e),C={attribute:!0,type:String,converter:D,reflect:!1,useDefault:!1,hasChanged:E};
13
13
  /**
14
14
  * @license
15
15
  * Copyright 2017 Google LLC
16
16
  * SPDX-License-Identifier: BSD-3-Clause
17
- */Symbol.metadata??=Symbol("metadata"),x.litPropertyMetadata??=new WeakMap;class F extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=M){if(e.state&&(e.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((e=Object.create(e)).wrapped=!0),this.elementProperties.set(t,e),!e.noAccessor){const i=Symbol(),o=this.getPropertyDescriptor(t,i,e);void 0!==o&&y(this.prototype,t,o)}}static getPropertyDescriptor(t,e,i){const{get:o,set:r}=m(this.prototype,t)??{get(){return this[e]},set(t){this[e]=t}};return{get:o,set(e){const n=o?.call(this);r?.call(this,e),this.requestUpdate(t,n,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??M}static _$Ei(){if(this.hasOwnProperty(D("elementProperties")))return;const t=w(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(D("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(D("properties"))){const t=this.properties,e=[...v(t),...f(t)];for(const i of e)this.createProperty(i,t[i])}const t=this[Symbol.metadata];if(null!==t){const e=litPropertyMetadata.get(t);if(void 0!==e)for(const[t,i]of e)this.elementProperties.set(t,i)}this._$Eh=new Map;for(const[t,e]of this.elementProperties){const i=this._$Eu(t,e);void 0!==i&&this._$Eh.set(i,t)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const i=new Set(t.flat(1/0).reverse());for(const t of i)e.unshift(g(t))}else void 0!==t&&e.push(g(t));return e}static _$Eu(t,e){const i=e.attribute;return!1===i?void 0:"string"==typeof i?i:"string"==typeof t?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach((t=>t(this)))}addController(t){(this._$EO??=new Set).add(t),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.()}removeController(t){this._$EO?.delete(t)}_$E_(){const t=new Map,e=this.constructor.elementProperties;for(const i of e.keys())this.hasOwnProperty(i)&&(t.set(i,this[i]),delete this[i]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return u(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach((t=>t.hostConnected?.()))}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach((t=>t.hostDisconnected?.()))}attributeChangedCallback(t,e,i){this._$AK(t,i)}_$ET(t,e){const i=this.constructor.elementProperties.get(t),o=this.constructor._$Eu(t,i);if(void 0!==o&&!0===i.reflect){const r=(void 0!==i.converter?.toAttribute?i.converter:E).toAttribute(e,i.type);this._$Em=t,null==r?this.removeAttribute(o):this.setAttribute(o,r),this._$Em=null}}_$AK(t,e){const i=this.constructor,o=i._$Eh.get(t);if(void 0!==o&&this._$Em!==o){const t=i.getPropertyOptions(o),r="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:E;this._$Em=o,this[o]=r.fromAttribute(e,t.type)??this._$Ej?.get(o)??null,this._$Em=null}}requestUpdate(t,e,i){if(void 0!==t){const o=this.constructor,r=this[t];if(i??=o.getPropertyOptions(t),!((i.hasChanged??C)(r,e)||i.useDefault&&i.reflect&&r===this._$Ej?.get(t)&&!this.hasAttribute(o._$Eu(t,i))))return;this.C(t,e,i)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(t,e,{useDefault:i,reflect:o,wrapped:r},n){i&&!(this._$Ej??=new Map).has(t)&&(this._$Ej.set(t,n??e??this[t]),!0!==r||void 0!==n)||(this._$AL.has(t)||(this.hasUpdated||i||(e=void 0),this._$AL.set(t,e)),!0===o&&this._$Em!==t&&(this._$Eq??=new Set).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[t,e]of this._$Ep)this[t]=e;this._$Ep=void 0}const t=this.constructor.elementProperties;if(t.size>0)for(const[e,i]of t){const{wrapped:t}=i,o=this[e];!0!==t||this._$AL.has(e)||void 0===o||this.C(e,void 0,i,o)}}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),this._$EO?.forEach((t=>t.hostUpdate?.())),this.update(e)):this._$EM()}catch(e){throw t=!1,this._$EM(),e}t&&this._$AE(e)}willUpdate(t){}_$AE(t){this._$EO?.forEach((t=>t.hostUpdated?.())),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&=this._$Eq.forEach((t=>this._$ET(t,this[t]))),this._$EM()}updated(t){}firstUpdated(t){}}F.elementStyles=[],F.shadowRootOptions={mode:"open"},F[D("elementProperties")]=new Map,F[D("finalized")]=new Map,S?.({ReactiveElement:F}),(x.reactiveElementVersions??=[]).push("2.1.0");
17
+ */Symbol.metadata??=Symbol("metadata"),w.litPropertyMetadata??=new WeakMap;class M extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=C){if(e.state&&(e.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((e=Object.create(e)).wrapped=!0),this.elementProperties.set(t,e),!e.noAccessor){const i=Symbol(),o=this.getPropertyDescriptor(t,i,e);void 0!==o&&b(this.prototype,t,o)}}static getPropertyDescriptor(t,e,i){const{get:o,set:r}=m(this.prototype,t)??{get(){return this[e]},set(t){this[e]=t}};return{get:o,set(e){const s=o?.call(this);r?.call(this,e),this.requestUpdate(t,s,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??C}static _$Ei(){if(this.hasOwnProperty(S("elementProperties")))return;const t=f(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(S("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(S("properties"))){const t=this.properties,e=[...y(t),...v(t)];for(const i of e)this.createProperty(i,t[i])}const t=this[Symbol.metadata];if(null!==t){const e=litPropertyMetadata.get(t);if(void 0!==e)for(const[t,i]of e)this.elementProperties.set(t,i)}this._$Eh=new Map;for(const[t,e]of this.elementProperties){const i=this._$Eu(t,e);void 0!==i&&this._$Eh.set(i,t)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const i=new Set(t.flat(1/0).reverse());for(const t of i)e.unshift(u(t))}else void 0!==t&&e.push(u(t));return e}static _$Eu(t,e){const i=e.attribute;return!1===i?void 0:"string"==typeof i?i:"string"==typeof t?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach((t=>t(this)))}addController(t){(this._$EO??=new Set).add(t),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.()}removeController(t){this._$EO?.delete(t)}_$E_(){const t=new Map,e=this.constructor.elementProperties;for(const i of e.keys())this.hasOwnProperty(i)&&(t.set(i,this[i]),delete this[i]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((t,e)=>{if(d)t.adoptedStyleSheets=e.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet));else for(const i of e){const e=document.createElement("style"),o=l.litNonce;void 0!==o&&e.setAttribute("nonce",o),e.textContent=i.cssText,t.appendChild(e)}})(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach((t=>t.hostConnected?.()))}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach((t=>t.hostDisconnected?.()))}attributeChangedCallback(t,e,i){this._$AK(t,i)}_$ET(t,e){const i=this.constructor.elementProperties.get(t),o=this.constructor._$Eu(t,i);if(void 0!==o&&!0===i.reflect){const r=(void 0!==i.converter?.toAttribute?i.converter:D).toAttribute(e,i.type);this._$Em=t,null==r?this.removeAttribute(o):this.setAttribute(o,r),this._$Em=null}}_$AK(t,e){const i=this.constructor,o=i._$Eh.get(t);if(void 0!==o&&this._$Em!==o){const t=i.getPropertyOptions(o),r="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:D;this._$Em=o,this[o]=r.fromAttribute(e,t.type)??this._$Ej?.get(o)??null,this._$Em=null}}requestUpdate(t,e,i){if(void 0!==t){const o=this.constructor,r=this[t];if(i??=o.getPropertyOptions(t),!((i.hasChanged??E)(r,e)||i.useDefault&&i.reflect&&r===this._$Ej?.get(t)&&!this.hasAttribute(o._$Eu(t,i))))return;this.C(t,e,i)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(t,e,{useDefault:i,reflect:o,wrapped:r},s){i&&!(this._$Ej??=new Map).has(t)&&(this._$Ej.set(t,s??e??this[t]),!0!==r||void 0!==s)||(this._$AL.has(t)||(this.hasUpdated||i||(e=void 0),this._$AL.set(t,e)),!0===o&&this._$Em!==t&&(this._$Eq??=new Set).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[t,e]of this._$Ep)this[t]=e;this._$Ep=void 0}const t=this.constructor.elementProperties;if(t.size>0)for(const[e,i]of t){const{wrapped:t}=i,o=this[e];!0!==t||this._$AL.has(e)||void 0===o||this.C(e,void 0,i,o)}}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),this._$EO?.forEach((t=>t.hostUpdate?.())),this.update(e)):this._$EM()}catch(e){throw t=!1,this._$EM(),e}t&&this._$AE(e)}willUpdate(t){}_$AE(t){this._$EO?.forEach((t=>t.hostUpdated?.())),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&=this._$Eq.forEach((t=>this._$ET(t,this[t]))),this._$EM()}updated(t){}firstUpdated(t){}}M.elementStyles=[],M.shadowRootOptions={mode:"open"},M[S("elementProperties")]=new Map,M[S("finalized")]=new Map,k?.({ReactiveElement:M}),(w.reactiveElementVersions??=[]).push("2.1.0");
18
18
  /**
19
19
  * @license
20
20
  * Copyright 2017 Google LLC
21
21
  * SPDX-License-Identifier: BSD-3-Clause
22
22
  */
23
- const O={attribute:!0,type:String,converter:E,reflect:!1,hasChanged:C},B=(t=O,e,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&&((t=Object.create(t)).wrapped=!0),n.set(i.name,t),"accessor"===o){const{name:o}=i;return{set(i){const r=e.get.call(this);e.set.call(this,i),this.requestUpdate(o,r,t)},init(e){return void 0!==e&&this.C(o,void 0,t,e),e}}}if("setter"===o){const{name:o}=i;return function(i){const r=this[o];e.call(this,i),this.requestUpdate(o,r,t)}}throw Error("Unsupported decorator location: "+o)};function T(t){return(e,i)=>"object"==typeof i?B(t,e,i):((t,e,i)=>{const o=e.hasOwnProperty(i);return e.constructor.createProperty(i,t),o?Object.getOwnPropertyDescriptor(e,i):void 0})(t,e,i)}
23
+ const F={attribute:!0,type:String,converter:D,reflect:!1,hasChanged:E},O=(t=F,e,i)=>{const{kind:o,metadata:r}=i;let s=globalThis.litPropertyMetadata.get(r);if(void 0===s&&globalThis.litPropertyMetadata.set(r,s=new Map),"setter"===o&&((t=Object.create(t)).wrapped=!0),s.set(i.name,t),"accessor"===o){const{name:o}=i;return{set(i){const r=e.get.call(this);e.set.call(this,i),this.requestUpdate(o,r,t)},init(e){return void 0!==e&&this.C(o,void 0,t,e),e}}}if("setter"===o){const{name:o}=i;return function(i){const r=this[o];e.call(this,i),this.requestUpdate(o,r,t)}}throw Error("Unsupported decorator location: "+o)};function A(t){return(e,i)=>"object"==typeof i?O(t,e,i):((t,e,i)=>{const o=e.hasOwnProperty(i);return e.constructor.createProperty(i,t),o?Object.getOwnPropertyDescriptor(e,i):void 0})(t,e,i)}
24
24
  /**
25
25
  * @license
26
26
  * Copyright 2017 Google LLC
27
27
  * SPDX-License-Identifier: BSD-3-Clause
28
- */function P(t){return T({...t,state:!0,attribute:!1})}
28
+ */function _(t){return A({...t,state:!0,attribute:!1})}
29
29
  /**
30
30
  * @license
31
31
  * Copyright 2017 Google LLC
@@ -36,7 +36,7 @@ const O={attribute:!0,type:String,converter:E,reflect:!1,hasChanged:C},B=(t=O,e,
36
36
  * Copyright 2017 Google LLC
37
37
  * SPDX-License-Identifier: BSD-3-Clause
38
38
  */
39
- function L(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Reflect.decorate&&"object"!=typeof e&&Object.defineProperty(t,e,i),i))(e,i,{get(){return(e=>e.renderRoot?.querySelector(t)??null)(this)}})}let j=class extends t{constructor(){super(...arguments),this.label="",this.placeholder="",this.labelColor="",this.value="",this.required=!1,this.optional=!1,this.disabled=!1,this.error=!1,this.errorMessage=null,this.helper=null,this.helperAlign="left"}renderLabelContainer(){return e`
39
+ function T(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Reflect.decorate&&"object"!=typeof e&&Object.defineProperty(t,e,i),i))(e,i,{get(){return(e=>e.renderRoot?.querySelector(t)??null)(this)}})}let B=class extends t{constructor(){super(...arguments),this.label="",this.placeholder="",this.labelColor="",this.value="",this.required=!1,this.optional=!1,this.disabled=!1,this.error=!1,this.errorMessage=null,this.helper=null,this.helperAlign="left"}renderLabelContainer(){return e`
40
40
  ${this.label?e`
41
41
  <div class="label-container">
42
42
  ${this.renderLabel()}
@@ -79,52 +79,52 @@ function L(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
79
79
  ${this.helper}
80
80
  </p>
81
81
  `:i}
82
- `}};n([T({type:String}),s("design:type",Object)],j.prototype,"label",void 0),n([T({type:String}),s("design:type",Object)],j.prototype,"placeholder",void 0),n([T({type:String}),s("design:type",Object)],j.prototype,"labelColor",void 0),n([T(),s("design:type",Object)],j.prototype,"value",void 0),n([T({type:Boolean}),s("design:type",Object)],j.prototype,"required",void 0),n([T({type:Boolean}),s("design:type",Object)],j.prototype,"optional",void 0),n([T({type:Boolean}),s("design:type",Object)],j.prototype,"disabled",void 0),n([T({type:Boolean,reflect:!0}),s("design:type",Object)],j.prototype,"error",void 0),n([T({type:String}),s("design:type",Object)],j.prototype,"errorMessage",void 0),n([T({type:String}),s("design:type",Object)],j.prototype,"helper",void 0),n([T({type:String}),s("design:type",String)],j.prototype,"helperAlign",void 0),n([T({type:String}),s("design:type",String)],j.prototype,"help",void 0),n([T({type:String}),s("design:type",String)],j.prototype,"helpLink",void 0),n([T({type:String}),s("design:type",String)],j.prototype,"helpLinkTooltipMessage",void 0),j=n([a("base-control")],j);const A=o`
82
+ `}};s([A({type:String}),n("design:type",Object)],B.prototype,"label",void 0),s([A({type:String}),n("design:type",Object)],B.prototype,"placeholder",void 0),s([A({type:String}),n("design:type",Object)],B.prototype,"labelColor",void 0),s([A(),n("design:type",Object)],B.prototype,"value",void 0),s([A({type:Boolean}),n("design:type",Object)],B.prototype,"required",void 0),s([A({type:Boolean}),n("design:type",Object)],B.prototype,"optional",void 0),s([A({type:Boolean}),n("design:type",Object)],B.prototype,"disabled",void 0),s([A({type:Boolean,reflect:!0}),n("design:type",Object)],B.prototype,"error",void 0),s([A({type:String}),n("design:type",Object)],B.prototype,"errorMessage",void 0),s([A({type:String}),n("design:type",Object)],B.prototype,"helper",void 0),s([A({type:String}),n("design:type",String)],B.prototype,"helperAlign",void 0),s([A({type:String}),n("design:type",String)],B.prototype,"help",void 0),s([A({type:String}),n("design:type",String)],B.prototype,"helpLink",void 0),s([A({type:String}),n("design:type",String)],B.prototype,"helpLinkTooltipMessage",void 0),B=s([a("base-control")],B);const L=o`
83
83
  font-family: 'Graphik', sans-serif;
84
84
  font-weight: 400;
85
85
  font-size: 12px;
86
86
  line-height: 15px;
87
87
  letter-spacing: 0%;
88
- `,R=o`
88
+ `,P=o`
89
89
  font-family: 'Graphik', sans-serif;
90
90
  font-weight: 400;
91
91
  font-size: 14px;
92
92
  line-height: 25px;
93
93
  letter-spacing: 0%;
94
- `,W=o`
94
+ `,j=o`
95
95
  font-family: 'Graphik', sans-serif;
96
96
  font-weight: 400;
97
97
  font-size: 16px;
98
98
  line-height: 25px;
99
99
  letter-spacing: 0%;
100
- `,z=o`
100
+ `,R=o`
101
101
  font-family: 'Graphik', sans-serif;
102
102
  font-weight: 400;
103
103
  font-size: 18px;
104
104
  line-height: 30px;
105
105
  letter-spacing: 0%;
106
- `,_=o`
106
+ `,W=o`
107
107
  font-family: 'Graphik', sans-serif;
108
108
  font-weight: 400;
109
109
  font-size: 18px;
110
110
  line-height: 30px;
111
111
  letter-spacing: 0%;
112
112
  vertical-align: middle;
113
- `,I=o`
113
+ `,N=o`
114
114
  font-family: 'Graphik', sans-serif;
115
115
  font-weight: 400;
116
116
  font-size: 20px;
117
117
  line-height: 30px;
118
118
  letter-spacing: -1%;
119
119
  vertical-align: middle;
120
- `,N=o`
120
+ `,z=o`
121
121
  font-family: 'Graphik', sans-serif;
122
122
  font-weight: 400;
123
123
  font-size: 26px;
124
124
  line-height: 30px;
125
125
  letter-spacing: -1%;
126
126
  vertical-align: middle;
127
- `;let q=class extends t{constructor(){super(...arguments),this.title="",this.isOpen=!1,this.isDesktop=window.innerWidth>940,this.handleResize=()=>{this.isDesktop=window.innerWidth>940}}static{this.styles=o`
127
+ `;let I=class extends t{constructor(){super(...arguments),this.title="",this.isOpen=!1,this.isDesktop=window.innerWidth>940,this.handleResize=()=>{this.isDesktop=window.innerWidth>940}}static{this.styles=o`
128
128
  :host {
129
129
  display: flex;
130
130
  flex-direction: column;
@@ -143,7 +143,7 @@ function L(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
143
143
  }
144
144
 
145
145
  .title {
146
- ${W}
146
+ ${j}
147
147
  color: var( --secondary-color );
148
148
  }
149
149
 
@@ -215,13 +215,13 @@ function L(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
215
215
  <div class="content ${this.isOpen?"open":""}">
216
216
  <slot></slot>
217
217
  </div>
218
- `}};n([T({type:String}),s("design:type",Object)],q.prototype,"title",void 0),n([P(),s("design:type",Object)],q.prototype,"isOpen",void 0),n([P(),s("design:type",Object)],q.prototype,"isDesktop",void 0),q=n([a("accordion-panel")],q);let V=class extends t{static{this.styles=o`
218
+ `}};s([A({type:String}),n("design:type",Object)],I.prototype,"title",void 0),s([_(),n("design:type",Object)],I.prototype,"isOpen",void 0),s([_(),n("design:type",Object)],I.prototype,"isDesktop",void 0),I=s([a("accordion-panel")],I);let q=class extends t{static{this.styles=o`
219
219
  :host {
220
220
  display: flex;
221
221
  flex-direction: column;
222
222
  gap: 16px;
223
223
  }
224
- `}render(){return e`<slot></slot>`}};V=n([a("accordion-list")],V);let U=class extends t{constructor(){super(...arguments),this.type="button",this.variant="button-primary",this.size="md",this.label="",this.loader=!1,this.iconPosition="left",this.iconName=null,this.disabled=!1,this.idevent=""}static{this.styles=o`
224
+ `}render(){return e`<slot></slot>`}};q=s([a("accordion-list")],q);let V=class extends t{constructor(){super(...arguments),this.type="button",this.variant="button-primary",this.size="md",this.label="",this.loader=!1,this.iconPosition="left",this.iconName=null,this.disabled=!1,this.idevent=""}static{this.styles=o`
225
225
  :host {
226
226
  display: inline-block;
227
227
  --content-padding: 16px;
@@ -261,12 +261,12 @@ function L(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
261
261
  }
262
262
 
263
263
  .button-lg {
264
- ${z}
264
+ ${R}
265
265
  min-height: 62px;
266
266
  }
267
267
 
268
268
  .button-md {
269
- ${W}
269
+ ${j}
270
270
  min-height: 57px;
271
271
  }
272
272
 
@@ -547,7 +547,7 @@ function L(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
547
547
  </div>
548
548
  `}
549
549
  </button>
550
- `}};n([T({type:String}),s("design:type",String)],U.prototype,"type",void 0),n([T({type:String}),s("design:type",String)],U.prototype,"variant",void 0),n([T({type:String}),s("design:type",String)],U.prototype,"size",void 0),n([T({type:String}),s("design:type",Object)],U.prototype,"label",void 0),n([T({type:Boolean}),s("design:type",Object)],U.prototype,"loader",void 0),n([T({type:String,attribute:"icon-src"}),s("design:type",String)],U.prototype,"iconSrc",void 0),n([T({type:String}),s("design:type",String)],U.prototype,"iconPosition",void 0),n([T({type:String}),s("design:type",Object)],U.prototype,"iconName",void 0),n([T({type:Boolean,reflect:!0}),s("design:type",Boolean)],U.prototype,"disabled",void 0),n([T({type:String}),s("design:type",Object)],U.prototype,"idevent",void 0),U=n([a("randstad-button")],U);let Y=class extends t{constructor(){super(...arguments),this.img="",this.name="",this.title="",this.description="",this.buttonLabel="",this.cardId="",this.width="",this.height=""}static{this.styles=o`
550
+ `}};s([A({type:String}),n("design:type",String)],V.prototype,"type",void 0),s([A({type:String}),n("design:type",String)],V.prototype,"variant",void 0),s([A({type:String}),n("design:type",String)],V.prototype,"size",void 0),s([A({type:String}),n("design:type",Object)],V.prototype,"label",void 0),s([A({type:Boolean}),n("design:type",Object)],V.prototype,"loader",void 0),s([A({type:String,attribute:"icon-src"}),n("design:type",String)],V.prototype,"iconSrc",void 0),s([A({type:String}),n("design:type",String)],V.prototype,"iconPosition",void 0),s([A({type:String}),n("design:type",Object)],V.prototype,"iconName",void 0),s([A({type:Boolean,reflect:!0}),n("design:type",Boolean)],V.prototype,"disabled",void 0),s([A({type:String}),n("design:type",Object)],V.prototype,"idevent",void 0),V=s([a("randstad-button")],V);let U=class extends t{constructor(){super(...arguments),this.img="",this.name="",this.title="",this.description="",this.buttonLabel="",this.cardId="",this.width="",this.height=""}static{this.styles=o`
551
551
  :host {
552
552
  display: inline-block;
553
553
  font-family: "Graphik", sans-serif;
@@ -611,7 +611,7 @@ function L(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
611
611
  }
612
612
 
613
613
  .title {
614
- ${z}
614
+ ${R}
615
615
  margin: 0;
616
616
  }
617
617
 
@@ -633,7 +633,7 @@ function L(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
633
633
  }
634
634
 
635
635
  .description {
636
- ${R}
636
+ ${P}
637
637
  margin: 0;
638
638
  }
639
639
 
@@ -684,14 +684,14 @@ function L(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
684
684
  </div>
685
685
  </div>
686
686
  </div>
687
- `}};n([T({type:String}),s("design:type",Object)],Y.prototype,"img",void 0),n([T({type:String}),s("design:type",Object)],Y.prototype,"name",void 0),n([T({type:String}),s("design:type",Object)],Y.prototype,"title",void 0),n([T({type:String}),s("design:type",Object)],Y.prototype,"description",void 0),n([T({type:String}),s("design:type",Object)],Y.prototype,"buttonLabel",void 0),n([T({type:String}),s("design:type",Object)],Y.prototype,"cardId",void 0),n([T({type:Object}),s("design:type",Object)],Y.prototype,"onClick",void 0),n([T({type:String}),s("design:type",String)],Y.prototype,"width",void 0),n([T({type:String}),s("design:type",String)],Y.prototype,"height",void 0),Y=n([a("carousel-card")],Y);let H=class extends t{constructor(){super(...arguments),this.checked=!1,this.error=!1,this.disabled=!1}static{this.styles=o`
687
+ `}};s([A({type:String}),n("design:type",Object)],U.prototype,"img",void 0),s([A({type:String}),n("design:type",Object)],U.prototype,"name",void 0),s([A({type:String}),n("design:type",Object)],U.prototype,"title",void 0),s([A({type:String}),n("design:type",Object)],U.prototype,"description",void 0),s([A({type:String}),n("design:type",Object)],U.prototype,"buttonLabel",void 0),s([A({type:String}),n("design:type",Object)],U.prototype,"cardId",void 0),s([A({type:Object}),n("design:type",Object)],U.prototype,"onClick",void 0),s([A({type:String}),n("design:type",String)],U.prototype,"width",void 0),s([A({type:String}),n("design:type",String)],U.prototype,"height",void 0),U=s([a("carousel-card")],U);let H=class extends t{constructor(){super(...arguments),this.checked=!1,this.error=!1,this.disabled=!1}static{this.styles=o`
688
688
  :host {
689
689
  display: block;
690
690
  max-width: 100%;
691
691
  }
692
692
 
693
693
  label {
694
- ${R}
694
+ ${P}
695
695
  display: flex;
696
696
  align-items: center;
697
697
  gap: 8px;
@@ -810,7 +810,7 @@ function L(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
810
810
  <slot></slot>
811
811
  </span>
812
812
  </label>
813
- `}};n([T({type:Boolean,reflect:!0}),s("design:type",Object)],H.prototype,"checked",void 0),n([T({type:Boolean}),s("design:type",Object)],H.prototype,"error",void 0),n([T({type:Boolean}),s("design:type",Object)],H.prototype,"disabled",void 0),H=n([a("randstad-checkbox")],H);const G=o`
813
+ `}};s([A({type:Boolean,reflect:!0}),n("design:type",Object)],H.prototype,"checked",void 0),s([A({type:Boolean}),n("design:type",Object)],H.prototype,"error",void 0),s([A({type:Boolean}),n("design:type",Object)],H.prototype,"disabled",void 0),H=s([a("randstad-checkbox")],H);const Y=o`
814
814
  .label-container {
815
815
  display: flex;
816
816
  align-items: center;
@@ -863,15 +863,15 @@ function L(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
863
863
  visibility: visible;
864
864
  opacity: 1;
865
865
  }
866
- `,K=o`
866
+ `,G=o`
867
867
  .button:focus-visible, button:focus-visible {
868
868
  outline: 2px solid rgb( 0, 215, 255 );
869
869
  outline-offset: 1px;
870
870
  border-radius: 4px;
871
871
  z-index: 100;
872
872
  }
873
- `,X=o`
874
- ${K}
873
+ `,K=o`
874
+ ${G}
875
875
 
876
876
  :host {
877
877
  display: block;
@@ -881,7 +881,7 @@ function L(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
881
881
  }
882
882
 
883
883
  .form-label {
884
- ${W}
884
+ ${j}
885
885
  display: flex;
886
886
  align-items: baseline;
887
887
  flex-direction: row;
@@ -896,12 +896,12 @@ function L(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
896
896
  }
897
897
 
898
898
  input::placeholder {
899
- ${z}
899
+ ${R}
900
900
  color: var( --secondary-color-40 );
901
901
  }
902
902
 
903
903
  .helper-description {
904
- ${W}
904
+ ${j}
905
905
  color: var( --secondary-color-40 );
906
906
  margin: 0;
907
907
  }
@@ -912,13 +912,13 @@ function L(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
912
912
 
913
913
  .optional {
914
914
  color: var( --secondary-color-60 );
915
- ${A}
915
+ ${L}
916
916
  }
917
917
 
918
918
  randstad-icon {
919
919
  color: var( --primary-color );
920
920
  }
921
- `,Q=o`
921
+ `,X=o`
922
922
  :host([error]) .input-wrapper, .form.error .form-input {
923
923
  border: 1px solid var( --ui-negative, red ) !important;
924
924
  }
@@ -933,11 +933,11 @@ function L(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
933
933
  }
934
934
 
935
935
  .error-message {
936
- ${W}
936
+ ${j}
937
937
  color: var(--ui-negative, #E00F0F);
938
938
  margin-top: 4px;
939
939
  }
940
- `,J=new CSSStyleSheet;J.replaceSync(o`
940
+ `,Q=new CSSStyleSheet;Q.replaceSync(o`
941
941
  ::-webkit-scrollbar {
942
942
  width: 8px;
943
943
  height: 8px;
@@ -955,10 +955,10 @@ function L(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
955
955
  ::-webkit-scrollbar-button {
956
956
  display: none;
957
957
  }
958
- `.cssText);let Z=class extends j{constructor(){super(...arguments),this.keydown=void 0,this.size="md",this.icon=null,this.typing=!1,this.type="text",this.isPasswordVisible=!1,this.cleanButton=!1}static{this.styles=[J,o`
958
+ `.cssText);let J=class extends B{constructor(){super(...arguments),this.keydown=void 0,this.size="md",this.icon=null,this.typing=!1,this.type="text",this.isPasswordVisible=!1,this.cleanButton=!1}static{this.styles=[Q,o`
959
+ ${K}
959
960
  ${X}
960
- ${Q}
961
- ${G}
961
+ ${Y}
962
962
 
963
963
  .form {
964
964
  display: flex;
@@ -968,7 +968,7 @@ function L(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
968
968
  }
969
969
 
970
970
  .form-input {
971
- ${z}
971
+ ${R}
972
972
  padding: 16px;
973
973
  border: 1px solid var(--secondary-color-10);
974
974
  border-radius: 4px;
@@ -1043,7 +1043,7 @@ function L(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
1043
1043
  }
1044
1044
 
1045
1045
  textarea {
1046
- ${z}
1046
+ ${R}
1047
1047
  resize: none;
1048
1048
  }
1049
1049
 
@@ -1059,7 +1059,7 @@ function L(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
1059
1059
  }
1060
1060
 
1061
1061
  .link-text {
1062
- ${W}
1062
+ ${j}
1063
1063
  color: var(--primary-color);
1064
1064
  cursor: pointer;
1065
1065
  text-align: end;
@@ -1181,10 +1181,10 @@ function L(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
1181
1181
 
1182
1182
  ${this.renderHelper()}
1183
1183
  </div>
1184
- `}};n([T({type:String}),s("design:type",Object)],Z.prototype,"keydown",void 0),n([T({type:String}),s("design:type",String)],Z.prototype,"size",void 0),n([T({type:String}),s("design:type",Object)],Z.prototype,"icon",void 0),n([T({type:Boolean}),s("design:type",Boolean)],Z.prototype,"typing",void 0),n([T({type:String}),s("design:type",String)],Z.prototype,"type",void 0),n([T({type:String}),s("design:type",String)],Z.prototype,"linkText",void 0),n([T({type:String}),s("design:type",String)],Z.prototype,"linkRoute",void 0),n([T({type:Boolean,reflect:!0}),s("design:type",Object)],Z.prototype,"isPasswordVisible",void 0),n([T({type:Boolean}),s("design:type",Boolean)],Z.prototype,"cleanButton",void 0),n([T({type:Number}),s("design:type",Number)],Z.prototype,"maxLength",void 0),n([T({type:String}),s("design:type",String)],Z.prototype,"heightTextArea",void 0),n([T({type:String}),s("design:type",String)],Z.prototype,"maxHeightTextArea",void 0),Z=n([a("randstad-form")],Z);let tt=class extends j{constructor(){super(...arguments),this.rows=""}static{this.styles=o`
1184
+ `}};s([A({type:String}),n("design:type",Object)],J.prototype,"keydown",void 0),s([A({type:String}),n("design:type",String)],J.prototype,"size",void 0),s([A({type:String}),n("design:type",Object)],J.prototype,"icon",void 0),s([A({type:Boolean}),n("design:type",Boolean)],J.prototype,"typing",void 0),s([A({type:String}),n("design:type",String)],J.prototype,"type",void 0),s([A({type:String}),n("design:type",String)],J.prototype,"linkText",void 0),s([A({type:String}),n("design:type",String)],J.prototype,"linkRoute",void 0),s([A({type:Boolean,reflect:!0}),n("design:type",Object)],J.prototype,"isPasswordVisible",void 0),s([A({type:Boolean}),n("design:type",Boolean)],J.prototype,"cleanButton",void 0),s([A({type:Number}),n("design:type",Number)],J.prototype,"maxLength",void 0),s([A({type:String}),n("design:type",String)],J.prototype,"heightTextArea",void 0),s([A({type:String}),n("design:type",String)],J.prototype,"maxHeightTextArea",void 0),J=s([a("randstad-form")],J);let Z=class extends B{constructor(){super(...arguments),this.rows=""}static{this.styles=o`
1185
+ ${K}
1185
1186
  ${X}
1186
- ${Q}
1187
- ${G}
1187
+ ${Y}
1188
1188
 
1189
1189
  :host {
1190
1190
  display: flex;
@@ -1216,7 +1216,7 @@ function L(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
1216
1216
 
1217
1217
  ${this.renderHelper()}
1218
1218
  </div>
1219
- `}};n([T({type:String}),s("design:type",String)],tt.prototype,"rows",void 0),tt=n([a("randstad-form-group")],tt);class et extends t{constructor(){super(...arguments),this.name="",this.size="24px",this.color="",this.svgTemplate=null}static{this.styles=o`
1219
+ `}};s([A({type:String}),n("design:type",String)],Z.prototype,"rows",void 0),Z=s([a("randstad-form-group")],Z);class tt extends t{constructor(){super(...arguments),this.name="",this.size="24px",this.color="",this.svgTemplate=null}static{this.styles=o`
1220
1220
  :host {
1221
1221
  display: inline-flex;
1222
1222
  width: var( --icon-size, 24px );
@@ -1242,14 +1242,14 @@ function L(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
1242
1242
  <div class="custom-icon" style="color: ${this.color};">
1243
1243
  ${this.svgTemplate}
1244
1244
  </div>
1245
- `:e``}}n([T({type:String}),s("design:type",Object)],et.prototype,"name",void 0),n([T({type:String}),s("design:type",Object)],et.prototype,"size",void 0),n([T({type:String}),s("design:type",Object)],et.prototype,"color",void 0),n([P(),s("design:type",Object)],et.prototype,"svgTemplate",void 0),customElements.define("randstad-icon",et);let it=class extends t{constructor(){super(...arguments),this.type="informative",this.icon="info",this.message="Este es un mensaje.",this.open=!1}static{this.styles=o`
1245
+ `:e``}}s([A({type:String}),n("design:type",Object)],tt.prototype,"name",void 0),s([A({type:String}),n("design:type",Object)],tt.prototype,"size",void 0),s([A({type:String}),n("design:type",Object)],tt.prototype,"color",void 0),s([_(),n("design:type",Object)],tt.prototype,"svgTemplate",void 0),customElements.define("randstad-icon",tt);let et=class extends t{constructor(){super(...arguments),this.type="informative",this.icon="info",this.message="Este es un mensaje.",this.open=!1}static{this.styles=o`
1246
1246
  :host {
1247
1247
  display: block;
1248
1248
  font-family: 'Graphik', sans-serif;
1249
1249
  }
1250
1250
 
1251
1251
  .container {
1252
- ${W}
1252
+ ${j}
1253
1253
  display: flex;
1254
1254
  align-items: flex-start;
1255
1255
  gap: 8px;
@@ -1299,8 +1299,8 @@ function L(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
1299
1299
 
1300
1300
  <span class="message">${this.message}</span>
1301
1301
  </div>
1302
- `}};n([T({type:String}),s("design:type",String)],it.prototype,"type",void 0),n([T({type:String}),s("design:type",String)],it.prototype,"icon",void 0),n([T({type:String}),s("design:type",String)],it.prototype,"message",void 0),n([T({type:Boolean}),s("design:type",Boolean)],it.prototype,"open",void 0),it=n([a("randstad-notice")],it);let ot=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.isPrimaryLoader=!1,this.isPrimaryDisabled=!1,this.modalWidth="500px",this.scrollable=!1,this.setScrollableMode=()=>{this.scrollable=window.innerWidth>940}}static{this.styles=[J,o`
1303
- ${K}
1302
+ `}};s([A({type:String}),n("design:type",String)],et.prototype,"type",void 0),s([A({type:String}),n("design:type",String)],et.prototype,"icon",void 0),s([A({type:String}),n("design:type",String)],et.prototype,"message",void 0),s([A({type:Boolean}),n("design:type",Boolean)],et.prototype,"open",void 0),et=s([a("randstad-notice")],et);let it=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.isPrimaryLoader=!1,this.isPrimaryDisabled=!1,this.modalWidth="500px",this.scrollable=!1,this.setScrollableMode=()=>{this.scrollable=window.innerWidth>940}}static{this.styles=[Q,o`
1303
+ ${G}
1304
1304
 
1305
1305
  :host {
1306
1306
  font-family: 'Graphik', sans-serif;
@@ -1401,13 +1401,13 @@ function L(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
1401
1401
  }
1402
1402
 
1403
1403
  .modal-title {
1404
- ${N}
1404
+ ${z}
1405
1405
  margin: 0;
1406
1406
  color: var(--secondary-color);
1407
1407
  }
1408
1408
 
1409
1409
  .modal-subtitle {
1410
- ${W}
1410
+ ${j}
1411
1411
  margin: 0;
1412
1412
  color: var(--secondary-color-60);
1413
1413
  }
@@ -1501,7 +1501,7 @@ function L(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
1501
1501
  </div>
1502
1502
  </div>
1503
1503
  </div>
1504
- `}};n([T({type:Boolean,reflect:!0}),s("design:type",Object)],ot.prototype,"open",void 0),n([T({type:String}),s("design:type",Object)],ot.prototype,"title",void 0),n([T({type:String}),s("design:type",String)],ot.prototype,"subtitle",void 0),n([T({type:Boolean}),s("design:type",Object)],ot.prototype,"showNotice",void 0),n([T({type:String}),s("design:type",String)],ot.prototype,"noticeType",void 0),n([T({type:String}),s("design:type",Object)],ot.prototype,"noticeMessage",void 0),n([T({type:String}),s("design:type",Object)],ot.prototype,"noticeIcon",void 0),n([T({type:Boolean}),s("design:type",Object)],ot.prototype,"showPrimaryButton",void 0),n([T({type:String}),s("design:type",Object)],ot.prototype,"primaryButtonLabel",void 0),n([T({type:Boolean}),s("design:type",Object)],ot.prototype,"showSecondaryButton",void 0),n([T({type:String}),s("design:type",Object)],ot.prototype,"secondaryButtonLabel",void 0),n([T({type:Boolean}),s("design:type",Object)],ot.prototype,"isFooterCustom",void 0),n([T({type:Boolean}),s("design:type",Object)],ot.prototype,"isPrimaryLoader",void 0),n([T({type:Boolean}),s("design:type",Object)],ot.prototype,"isPrimaryDisabled",void 0),n([T({type:String}),s("design:type",Object)],ot.prototype,"modalWidth",void 0),n([P(),s("design:type",Object)],ot.prototype,"scrollable",void 0),ot=n([a("custom-modal")],ot);let rt=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=t=>{const e=t.composedPath(),i=this.renderRoot.querySelector(".popup");i&&!e.includes(i)&&(this.dispatchEvent(new CustomEvent("popup-close",{detail:null})),this.open=!1)}}static{this.styles=o`
1504
+ `}};s([A({type:Boolean,reflect:!0}),n("design:type",Object)],it.prototype,"open",void 0),s([A({type:String}),n("design:type",Object)],it.prototype,"title",void 0),s([A({type:String}),n("design:type",String)],it.prototype,"subtitle",void 0),s([A({type:Boolean}),n("design:type",Object)],it.prototype,"showNotice",void 0),s([A({type:String}),n("design:type",String)],it.prototype,"noticeType",void 0),s([A({type:String}),n("design:type",Object)],it.prototype,"noticeMessage",void 0),s([A({type:String}),n("design:type",Object)],it.prototype,"noticeIcon",void 0),s([A({type:Boolean}),n("design:type",Object)],it.prototype,"showPrimaryButton",void 0),s([A({type:String}),n("design:type",Object)],it.prototype,"primaryButtonLabel",void 0),s([A({type:Boolean}),n("design:type",Object)],it.prototype,"showSecondaryButton",void 0),s([A({type:String}),n("design:type",Object)],it.prototype,"secondaryButtonLabel",void 0),s([A({type:Boolean}),n("design:type",Object)],it.prototype,"isFooterCustom",void 0),s([A({type:Boolean}),n("design:type",Object)],it.prototype,"isPrimaryLoader",void 0),s([A({type:Boolean}),n("design:type",Object)],it.prototype,"isPrimaryDisabled",void 0),s([A({type:String}),n("design:type",Object)],it.prototype,"modalWidth",void 0),s([_(),n("design:type",Object)],it.prototype,"scrollable",void 0),it=s([a("custom-modal")],it);let ot=class extends t{constructor(){super(...arguments),this.open=!1,this.type="default",this.icon="warning",this.title="",this.description="",this.width="400px",this.buttonText="Aceptar",this.confirmText="Sí",this.cancelText="No",this.stackedActions=[],this._onBackgroundClick=t=>{const e=t.composedPath(),i=this.renderRoot.querySelector(".popup");i&&!e.includes(i)&&(this.dispatchEvent(new CustomEvent("popup-close",{detail:null})),this.open=!1)}}static{this.styles=o`
1505
1505
  :host {
1506
1506
  display: none;
1507
1507
  position: fixed;
@@ -1563,13 +1563,13 @@ function L(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
1563
1563
  }
1564
1564
 
1565
1565
  .popup-title {
1566
- ${I}
1566
+ ${N}
1567
1567
  margin: 0;
1568
1568
  color: var(--secondary-color-80);
1569
1569
  }
1570
1570
 
1571
1571
  .popup-description {
1572
- ${W}
1572
+ ${j}
1573
1573
  margin: 0;
1574
1574
  color: var(--secondary-color-60);
1575
1575
  }
@@ -1597,7 +1597,7 @@ function L(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
1597
1597
  }
1598
1598
 
1599
1599
  .action-item {
1600
- ${_};
1600
+ ${W};
1601
1601
  display: flex;
1602
1602
  align-items: center;
1603
1603
  gap: 16px;
@@ -1636,9 +1636,7 @@ function L(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
1636
1636
  ${"default"===this.type?e`
1637
1637
  ${this.title?e`<h2 id="popup-title" class="popup-title">${this.title}</h2>`:i}
1638
1638
 
1639
- <div class="titles-container">
1640
- <p id="popup-description" class="popup-description">${this.description}</p>
1641
- </div>
1639
+ ${this.description?e`<p id="popup-description" class="popup-description">${this.description}</p>`:i}
1642
1640
 
1643
1641
  <div class="buttons-container">
1644
1642
  <randstad-button
@@ -1670,7 +1668,8 @@ function L(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
1670
1668
  `:e`
1671
1669
  <div class="titles-container">
1672
1670
  <h2 id="popup-title" class="popup-title">${this.title}</h2>
1673
- <p id="popup-description" class="popup-description">${this.description}</p>
1671
+
1672
+ ${this.description?e`<p id="popup-description" class="popup-description">${this.description}</p>`:i}
1674
1673
  </div>
1675
1674
 
1676
1675
  <div class="buttons-container">
@@ -1693,7 +1692,7 @@ function L(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
1693
1692
  `}
1694
1693
  </div>
1695
1694
  </div>
1696
- `}};n([T({type:Boolean,reflect:!0}),s("design:type",Object)],rt.prototype,"open",void 0),n([T({type:String}),s("design:type",String)],rt.prototype,"type",void 0),n([T({type:String}),s("design:type",Object)],rt.prototype,"icon",void 0),n([T({type:String}),s("design:type",Object)],rt.prototype,"title",void 0),n([T({type:String}),s("design:type",Object)],rt.prototype,"description",void 0),n([T({type:String}),s("design:type",Object)],rt.prototype,"width",void 0),n([T({type:String}),s("design:type",Object)],rt.prototype,"buttonText",void 0),n([T({type:String}),s("design:type",Object)],rt.prototype,"confirmText",void 0),n([T({type:String}),s("design:type",Object)],rt.prototype,"cancelText",void 0),n([T({type:Array}),s("design:type",Array)],rt.prototype,"stackedActions",void 0),rt=n([a("custom-popup")],rt);let nt=class extends t{constructor(){super(...arguments),this.value=0,this.max=5}static{this.styles=o`
1695
+ `}};s([A({type:Boolean,reflect:!0}),n("design:type",Object)],ot.prototype,"open",void 0),s([A({type:String}),n("design:type",String)],ot.prototype,"type",void 0),s([A({type:String}),n("design:type",Object)],ot.prototype,"icon",void 0),s([A({type:String}),n("design:type",Object)],ot.prototype,"title",void 0),s([A({type:String}),n("design:type",Object)],ot.prototype,"description",void 0),s([A({type:String}),n("design:type",Object)],ot.prototype,"width",void 0),s([A({type:String}),n("design:type",Object)],ot.prototype,"buttonText",void 0),s([A({type:String}),n("design:type",Object)],ot.prototype,"confirmText",void 0),s([A({type:String}),n("design:type",Object)],ot.prototype,"cancelText",void 0),s([A({type:Array}),n("design:type",Array)],ot.prototype,"stackedActions",void 0),ot=s([a("custom-popup")],ot);let rt=class extends t{constructor(){super(...arguments),this.value=0,this.max=5}static{this.styles=o`
1697
1696
  :host {
1698
1697
  display: inline-block;
1699
1698
  width: 64px;
@@ -1706,7 +1705,7 @@ function L(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
1706
1705
  }
1707
1706
 
1708
1707
  .circle-text {
1709
- ${A};
1708
+ ${L};
1710
1709
  text-align: center;
1711
1710
  vertical-align: middle;
1712
1711
  fill: var(--randstad-dark-blue-40);
@@ -1754,7 +1753,7 @@ function L(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
1754
1753
  ${this.value} de ${this.max}
1755
1754
  </text>
1756
1755
  </svg>
1757
- `}};n([T({type:Number}),s("design:type",Object)],nt.prototype,"value",void 0),n([T({type:Number}),s("design:type",Object)],nt.prototype,"max",void 0),nt=n([a("progress-circle")],nt);let st=class extends t{constructor(){super(...arguments),this.name="",this.checked=!1,this.disabled=!1,this.error=!1,this.label="",this.value=""}static{this.styles=o`
1756
+ `}};s([A({type:Number}),n("design:type",Object)],rt.prototype,"value",void 0),s([A({type:Number}),n("design:type",Object)],rt.prototype,"max",void 0),rt=s([a("progress-circle")],rt);let st=class extends t{constructor(){super(...arguments),this.name="",this.checked=!1,this.disabled=!1,this.error=!1,this.label="",this.value=""}static{this.styles=o`
1758
1757
  :host {
1759
1758
  font-family: "Graphik", sans-serif;
1760
1759
 
@@ -1898,10 +1897,37 @@ function L(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
1898
1897
 
1899
1898
  <span> ${o} </span>
1900
1899
  </label>
1901
- `}};n([T({type:String}),s("design:type",Object)],st.prototype,"name",void 0),n([T({type:Boolean}),s("design:type",Object)],st.prototype,"checked",void 0),n([T({type:Boolean}),s("design:type",Object)],st.prototype,"disabled",void 0),n([T({type:Boolean}),s("design:type",Object)],st.prototype,"error",void 0),n([T({type:String}),s("design:type",Object)],st.prototype,"label",void 0),n([T({type:String}),s("design:type",Object)],st.prototype,"value",void 0),st=n([a("custom-radio")],st);let at=class extends j{constructor(){super(...arguments),this.value="",this.defaultValue="",this.options=[],this.filterable=!0,this.isRenderClearButton=!1,this.isMobile=!1,this.highlightedIndex=-1,this._isCleared=!1,this.filteredOptions=[],this.filterValue="",this.isOpen=!1,this.mobileFilterValue="",this.debounceTimeout=null,this.updateResponsiveModeBound=this.updateResponsiveMode.bind(this)}static{this.styles=[J,o`
1900
+ `}};s([A({type:String}),n("design:type",Object)],st.prototype,"name",void 0),s([A({type:Boolean}),n("design:type",Object)],st.prototype,"checked",void 0),s([A({type:Boolean}),n("design:type",Object)],st.prototype,"disabled",void 0),s([A({type:Boolean}),n("design:type",Object)],st.prototype,"error",void 0),s([A({type:String}),n("design:type",Object)],st.prototype,"label",void 0),s([A({type:String}),n("design:type",Object)],st.prototype,"value",void 0),st=s([a("custom-radio")],st);
1901
+ /**
1902
+ * @license
1903
+ * Copyright 2017 Google LLC
1904
+ * SPDX-License-Identifier: BSD-3-Clause
1905
+ */
1906
+ const nt=globalThis,at=nt.trustedTypes,lt=at?at.createPolicy("lit-html",{createHTML:t=>t}):void 0,dt="$lit$",ct=`lit$${Math.random().toFixed(9).slice(2)}$`,ht="?"+ct,pt=`<${ht}>`,ut=document,gt=()=>ut.createComment(""),bt=t=>null===t||"object"!=typeof t&&"function"!=typeof t,mt=Array.isArray,yt="[ \t\n\f\r]",vt=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,ft=/-->/g,wt=/>/g,xt=RegExp(`>|${yt}(?:([^\\s"'>=/]+)(${yt}*=${yt}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),$t=/'/g,kt=/"/g,St=/^(?:script|style|textarea|title)$/i,Dt=Symbol.for("lit-noChange"),Et=Symbol.for("lit-nothing"),Ct=new WeakMap,Mt=ut.createTreeWalker(ut,129);function Ft(t,e){if(!mt(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==lt?lt.createHTML(e):e}const Ot=(t,e)=>{const i=t.length-1,o=[];let r,s=2===e?"<svg>":3===e?"<math>":"",n=vt;for(let e=0;e<i;e++){const i=t[e];let a,l,d=-1,c=0;for(;c<i.length&&(n.lastIndex=c,l=n.exec(i),null!==l);)c=n.lastIndex,n===vt?"!--"===l[1]?n=ft:void 0!==l[1]?n=wt:void 0!==l[2]?(St.test(l[2])&&(r=RegExp("</"+l[2],"g")),n=xt):void 0!==l[3]&&(n=xt):n===xt?">"===l[0]?(n=r??vt,d=-1):void 0===l[1]?d=-2:(d=n.lastIndex-l[2].length,a=l[1],n=void 0===l[3]?xt:'"'===l[3]?kt:$t):n===kt||n===$t?n=xt:n===ft||n===wt?n=vt:(n=xt,r=void 0);const h=n===xt&&t[e+1].startsWith("/>")?" ":"";s+=n===vt?i+pt:d>=0?(o.push(a),i.slice(0,d)+dt+i.slice(d)+ct+h):i+ct+(-2===d?e:h)}return[Ft(t,s+(t[i]||"<?>")+(2===e?"</svg>":3===e?"</math>":"")),o]};class At{constructor({strings:t,_$litType$:e},i){let o;this.parts=[];let r=0,s=0;const n=t.length-1,a=this.parts,[l,d]=Ot(t,e);if(this.el=At.createElement(l,i),Mt.currentNode=this.el.content,2===e||3===e){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes)}for(;null!==(o=Mt.nextNode())&&a.length<n;){if(1===o.nodeType){if(o.hasAttributes())for(const t of o.getAttributeNames())if(t.endsWith(dt)){const e=d[s++],i=o.getAttribute(t).split(ct),n=/([.?@])?(.*)/.exec(e);a.push({type:1,index:r,name:n[2],strings:i,ctor:"."===n[1]?Pt:"?"===n[1]?jt:"@"===n[1]?Rt:Lt}),o.removeAttribute(t)}else t.startsWith(ct)&&(a.push({type:6,index:r}),o.removeAttribute(t));if(St.test(o.tagName)){const t=o.textContent.split(ct),e=t.length-1;if(e>0){o.textContent=at?at.emptyScript:"";for(let i=0;i<e;i++)o.append(t[i],gt()),Mt.nextNode(),a.push({type:2,index:++r});o.append(t[e],gt())}}}else if(8===o.nodeType)if(o.data===ht)a.push({type:2,index:r});else{let t=-1;for(;-1!==(t=o.data.indexOf(ct,t+1));)a.push({type:7,index:r}),t+=ct.length-1}r++}}static createElement(t,e){const i=ut.createElement("template");return i.innerHTML=t,i}}function _t(t,e,i=t,o){if(e===Dt)return e;let r=void 0!==o?i._$Co?.[o]:i._$Cl;const s=bt(e)?void 0:e._$litDirective$;return r?.constructor!==s&&(r?._$AO?.(!1),void 0===s?r=void 0:(r=new s(t),r._$AT(t,i,o)),void 0!==o?(i._$Co??=[])[o]=r:i._$Cl=r),void 0!==r&&(e=_t(t,r._$AS(t,e.values),r,o)),e}class Tt{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:e},parts:i}=this._$AD,o=(t?.creationScope??ut).importNode(e,!0);Mt.currentNode=o;let r=Mt.nextNode(),s=0,n=0,a=i[0];for(;void 0!==a;){if(s===a.index){let e;2===a.type?e=new Bt(r,r.nextSibling,this,t):1===a.type?e=new a.ctor(r,a.name,a.strings,this,t):6===a.type&&(e=new Wt(r,this,t)),this._$AV.push(e),a=i[++n]}s!==a?.index&&(r=Mt.nextNode(),s++)}return Mt.currentNode=ut,o}p(t){let e=0;for(const i of this._$AV)void 0!==i&&(void 0!==i.strings?(i._$AI(t,i,e),e+=i.strings.length-2):i._$AI(t[e])),e++}}class Bt{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,e,i,o){this.type=2,this._$AH=Et,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=i,this.options=o,this._$Cv=o?.isConnected??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return void 0!==e&&11===t?.nodeType&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=_t(this,t,e),bt(t)?t===Et||null==t||""===t?(this._$AH!==Et&&this._$AR(),this._$AH=Et):t!==this._$AH&&t!==Dt&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):(t=>mt(t)||"function"==typeof t?.[Symbol.iterator])(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==Et&&bt(this._$AH)?this._$AA.nextSibling.data=t:this.T(ut.createTextNode(t)),this._$AH=t}$(t){const{values:e,_$litType$:i}=t,o="number"==typeof i?this._$AC(t):(void 0===i.el&&(i.el=At.createElement(Ft(i.h,i.h[0]),this.options)),i);if(this._$AH?._$AD===o)this._$AH.p(e);else{const t=new Tt(o,this),i=t.u(this.options);t.p(e),this.T(i),this._$AH=t}}_$AC(t){let e=Ct.get(t.strings);return void 0===e&&Ct.set(t.strings,e=new At(t)),e}k(t){mt(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let i,o=0;for(const r of t)o===e.length?e.push(i=new Bt(this.O(gt()),this.O(gt()),this,this.options)):i=e[o],i._$AI(r),o++;o<e.length&&(this._$AR(i&&i._$AB.nextSibling,o),e.length=o)}_$AR(t=this._$AA.nextSibling,e){for(this._$AP?.(!1,!0,e);t!==this._$AB;){const e=t.nextSibling;t.remove(),t=e}}setConnected(t){void 0===this._$AM&&(this._$Cv=t,this._$AP?.(t))}}class Lt{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,i,o,r){this.type=1,this._$AH=Et,this._$AN=void 0,this.element=t,this.name=e,this._$AM=o,this.options=r,i.length>2||""!==i[0]||""!==i[1]?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=Et}_$AI(t,e=this,i,o){const r=this.strings;let s=!1;if(void 0===r)t=_t(this,t,e,0),s=!bt(t)||t!==this._$AH&&t!==Dt,s&&(this._$AH=t);else{const o=t;let n,a;for(t=r[0],n=0;n<r.length-1;n++)a=_t(this,o[i+n],e,n),a===Dt&&(a=this._$AH[n]),s||=!bt(a)||a!==this._$AH[n],a===Et?t=Et:t!==Et&&(t+=(a??"")+r[n+1]),this._$AH[n]=a}s&&!o&&this.j(t)}j(t){t===Et?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class Pt extends Lt{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===Et?void 0:t}}class jt extends Lt{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==Et)}}class Rt extends Lt{constructor(t,e,i,o,r){super(t,e,i,o,r),this.type=5}_$AI(t,e=this){if((t=_t(this,t,e,0)??Et)===Dt)return;const i=this._$AH,o=t===Et&&i!==Et||t.capture!==i.capture||t.once!==i.once||t.passive!==i.passive,r=t!==Et&&(i===Et||o);o&&this.element.removeEventListener(this.name,this,i),r&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t)}}class Wt{constructor(t,e,i){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(t){_t(this,t)}}const Nt=nt.litHtmlPolyfillSupport;Nt?.(At,Bt),(nt.litHtmlVersions??=[]).push("3.3.1");
1907
+ /**
1908
+ * @license
1909
+ * Copyright 2020 Google LLC
1910
+ * SPDX-License-Identifier: BSD-3-Clause
1911
+ */
1912
+ const zt=2;
1913
+ /**
1914
+ * @license
1915
+ * Copyright 2017 Google LLC
1916
+ * SPDX-License-Identifier: BSD-3-Clause
1917
+ */class It{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i){this._$Ct=t,this._$AM=e,this._$Ci=i}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}}
1918
+ /**
1919
+ * @license
1920
+ * Copyright 2017 Google LLC
1921
+ * SPDX-License-Identifier: BSD-3-Clause
1922
+ */const qt=(t,e)=>{const i=t._$AN;if(void 0===i)return!1;for(const t of i)t._$AO?.(e,!1),qt(t,e);return!0},Vt=t=>{let e,i;do{if(void 0===(e=t._$AM))break;i=e._$AN,i.delete(t),t=e}while(0===i?.size)},Ut=t=>{for(let e;e=t._$AM;t=e){let i=e._$AN;if(void 0===i)e._$AN=i=new Set;else if(i.has(t))break;i.add(t),Gt(e)}};function Ht(t){void 0!==this._$AN?(Vt(this),this._$AM=t,Ut(this)):this._$AM=t}function Yt(t,e=!1,i=0){const o=this._$AH,r=this._$AN;if(void 0!==r&&0!==r.size)if(e)if(Array.isArray(o))for(let t=i;t<o.length;t++)qt(o[t],!1),Vt(o[t]);else null!=o&&(qt(o,!1),Vt(o));else qt(this,t)}const Gt=t=>{t.type==zt&&(t._$AP??=Yt,t._$AQ??=Ht)};class Kt extends It{constructor(){super(...arguments),this._$AN=void 0}_$AT(t,e,i){super._$AT(t,e,i),Ut(this),this.isConnected=t._$AU}_$AO(t,e=!0){t!==this.isConnected&&(this.isConnected=t,t?this.reconnected?.():this.disconnected?.()),e&&(qt(this,t),Vt(this))}setValue(t){if((t=>void 0===t.strings)(this._$Ct))this._$Ct._$AI(t,this);else{const e=[...this._$Ct._$AH];e[this._$Ci]=t,this._$Ct._$AI(e,this,0)}}disconnected(){}reconnected(){}}
1923
+ /**
1924
+ * @license
1925
+ * Copyright 2020 Google LLC
1926
+ * SPDX-License-Identifier: BSD-3-Clause
1927
+ */class Xt{}const Qt=new WeakMap,Jt=(t=>(...e)=>({_$litDirective$:t,values:e}))(class extends Kt{render(t){return Et}update(t,[e]){const i=e!==this.G;return i&&void 0!==this.G&&this.rt(void 0),(i||this.lt!==this.ct)&&(this.G=e,this.ht=t.options?.host,this.rt(this.ct=t.element)),Et}rt(t){if(this.isConnected||(t=void 0),"function"==typeof this.G){const e=this.ht??globalThis;let i=Qt.get(e);void 0===i&&(i=new WeakMap,Qt.set(e,i)),void 0!==i.get(this.G)&&this.G.call(this.ht,void 0),i.set(this.G,t),void 0!==t&&this.G.call(this.ht,t)}else this.G.value=t}get lt(){return"function"==typeof this.G?Qt.get(this.ht??globalThis)?.get(this.G):this.G?.value}disconnected(){this.lt===this.ct&&this.rt(void 0)}reconnected(){this.rt(this.ct)}});let Zt=class extends B{constructor(){super(...arguments),this.value="",this.defaultValue="",this.options=[],this.filterable=!0,this.textLabelFilterNotResult="",this.textLabelMobileSearch="",this.isRenderClearButton=!1,this.isMobile=!1,this.highlightedIndex=-1,this._isCleared=!1,this.filteredOptions=[],this.filterValue="",this.isOpen=!1,this.mobileFilterValue="",this.debounceTimeout=null,this.mobileInputRef=new Xt,this.updateResponsiveModeBound=this.updateResponsiveMode.bind(this)}static{this.styles=[Q,o`
1928
+ ${K}
1902
1929
  ${X}
1903
- ${Q}
1904
- ${G}
1930
+ ${Y}
1905
1931
 
1906
1932
  /* --- Own Error Styles --- */
1907
1933
  :host([error]) .input-container:not(.open) .input-wrapper:hover {
@@ -2010,7 +2036,7 @@ function L(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
2010
2036
  }
2011
2037
 
2012
2038
  .filter-input {
2013
- ${z};
2039
+ ${R};
2014
2040
  padding: 16px;
2015
2041
  padding-right: 40px;
2016
2042
  border: none;
@@ -2028,11 +2054,12 @@ function L(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
2028
2054
  .input-wrapper,
2029
2055
  .mobile-modal {
2030
2056
  -webkit-tap-highlight-color: transparent !important;
2057
+ caret-color: var( --primary-color ) !important;
2031
2058
  }
2032
2059
 
2033
2060
  .filter-input::placeholder {
2034
- ${z};
2035
-   color: var( --filter-text-color, var( --secondary-color-40 ) );
2061
+ ${R};
2062
+ color: var( --filter-text-color, var( --secondary-color-40 ) );
2036
2063
  }
2037
2064
 
2038
2065
  .icon-button {
@@ -2076,14 +2103,17 @@ function L(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
2076
2103
  }
2077
2104
 
2078
2105
  .options-list li {
2079
- ${z};
2106
+ ${R};
2080
2107
  padding: 8px 16px 8px 16px;
2081
- cursor: pointer;
2082
2108
  color: var(--secondary-color-80);
2083
2109
  display: flex;
2084
2110
  align-items: center;
2085
2111
  }
2086
2112
 
2113
+ .options-list li:not(.no-results-item) {
2114
+ cursor: pointer;
2115
+ }
2116
+
2087
2117
  .options-list li.highlighted {
2088
2118
  background-color: var(--primary-color-10);
2089
2119
  }
@@ -2116,6 +2146,11 @@ function L(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
2116
2146
  position: relative;
2117
2147
  }
2118
2148
 
2149
+ .mobile-modal .modal-input-container input::placeholder {
2150
+ ${R}
2151
+ color: rgba( 159, 163, 179, 1 );
2152
+ }
2153
+
2119
2154
  .mobile-modal .modal-close-button {
2120
2155
  position: absolute;
2121
2156
  top: 50%;
@@ -2130,10 +2165,28 @@ function L(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
2130
2165
  justify-content: center;
2131
2166
  }
2132
2167
 
2168
+ .mobile-modal .no-results-icon {
2169
+ position: absolute;
2170
+ top: 50%;
2171
+ right: 48px;
2172
+ transform: translateY( -50% );
2173
+ display: flex;
2174
+ align-items: center;
2175
+ justify-content: center;
2176
+ padding: 4px;
2177
+ }
2178
+
2179
+ .mobile-modal .modal-close-button randstad-icon, .mobile-modal randstad-icon.no-results-icon {
2180
+ width: 24px;
2181
+ height: 24px;
2182
+ }
2183
+
2133
2184
  .mobile-modal .modal-close-button randstad-icon {
2134
- width: 20px;
2135
- height: 20px;
2136
- color: var(--secondary-color-60);
2185
+ color: var( --primary-color );
2186
+ }
2187
+
2188
+ .mobile-modal randstad-icon.no-results-icon {
2189
+ color: var( --ui-negative );
2137
2190
  }
2138
2191
 
2139
2192
  .mobile-backdrop {
@@ -2146,14 +2199,14 @@ function L(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
2146
2199
  }
2147
2200
 
2148
2201
  .filter-fake {
2149
- ${z};
2202
+ ${R};
2150
2203
  padding: 15px;
2151
2204
  padding-right: 40px;
2152
2205
  width: 100%;
2153
2206
  background: white;
2154
2207
  box-sizing: border-box;
2155
2208
  cursor: pointer;
2156
- color: var( --filter-text-color, var( --secondary-color-80 ) );
2209
+ color: var( --filter-text-color, var( --secondary-color-80 ) );
2157
2210
  white-space: nowrap;
2158
2211
  overflow: hidden;
2159
2212
  text-overflow: ellipsis;
@@ -2183,10 +2236,6 @@ function L(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
2183
2236
  flex-shrink: 0;
2184
2237
  }
2185
2238
 
2186
- .value-text {
2187
- margin-left: 8px; /* Aumentamos el margen para separar el texto en mobile */
2188
- }
2189
-
2190
2239
  /*
2191
2240
  * Media query para aplicar estilos de escritorio (a partir de 941px)
2192
2241
  */
@@ -2196,11 +2245,6 @@ function L(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
2196
2245
  margin-left: 16px;
2197
2246
  padding-right: 18px;
2198
2247
  }
2199
-
2200
- .value-text {
2201
- /* En escritorio no necesitamos este margen, lo reseteamos */
2202
- margin-left: 0;
2203
- }
2204
2248
  }
2205
2249
 
2206
2250
  .icon-selected svg,
@@ -2216,19 +2260,33 @@ function L(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
2216
2260
  margin-right: 8px;
2217
2261
  flex-shrink: 0;
2218
2262
  }
2219
- `]}update(t){if(t.has("options")&&(this.filteredOptions=[...this.options]),t.has("defaultValue")||t.has("options")||t.has("value")){const t=this.value||this.defaultValue,e=this.options.find((e=>"string"==typeof e?e===t:e.value===t));e?(this.filterValue="string"==typeof e?e:e.label,this.value="string"==typeof e?e:e.value):((this.isOpen||this.filterValue)&&(this.isOpen||""!==this.value)||(this.filterValue=""),this.value="")}super.update(t)}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(t){this.isMobile&&(this.mobileFilterValue=""),this.disabled||(this.isOpen=!this.isOpen,this.requestUpdate())}handleInput(t){if(!this.filterable)return;this._isCleared=!1;const e=t.target.value,i=this.maxLength?e.slice(0,this.maxLength):e;if(this.filterValue=i,this.isOpen=!0,""===i)this.value="",this.filteredOptions=[...this.options];else{const t=this.options.find((t=>("string"==typeof t?t:t.label)===i));this.value=t?"string"==typeof t?t:t.value:"";const e=i.toLowerCase();this.filteredOptions=this.options.filter((t=>("string"==typeof t?t:t.label).toLowerCase().includes(e)))}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(t){this._isCleared=!1;const e=t.target.value,i=this.maxLength?e.slice(0,this.maxLength):e;this.mobileFilterValue=i,this.value="";const o=i.toLowerCase();this.filteredOptions=this.options.filter((t=>("string"==typeof t?t:t.label).toLowerCase().includes(o))),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(t){this._isCleared=!1,this.highlightedIndex=-1;const e="string"==typeof t?t:t.value;this.dispatchEvent(new CustomEvent("option-selected",{detail:{value:e},bubbles:!0,composed:!0})),this.filterValue="string"==typeof t?t:t.label,this.value=e,this.isOpen=!1,this.requestUpdate()}handleIconClick(){if(this.disabled)return;this.highlightedIndex=-1;const t=!0===this.isRenderClearButton;this.value&&""!==this.value&&t?(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(t){const e=t.target;e instanceof Node&&(this.contains(e)||(this.isOpen=!1,this.requestUpdate()))}handleKeyDown(t){const{key:e}=t,i=this.shadowRoot?.querySelector(".filter-input");if("Backspace"===e&&this.filterable){const t=i?.value||"",e=i&&i.selectionStart!==i.selectionEnd,o=1===t.length&&!e,r=0===t.length;(o||r)&&(this.value="",this.filteredOptions=[...this.options],this.isOpen=!0,this.requestUpdate())}const o=this.filteredOptions.filter((t=>!("object"==typeof t&&t.disabled)));if(!this.isOpen&&("Enter"===e||" "===e)){t.preventDefault(),this.isOpen=!0;const e=this.filteredOptions.findIndex((t=>!("object"==typeof t&&t.disabled)));return this.highlightedIndex=-1!==e?e:-1,void this.requestUpdate()}if(this.isOpen){if("ArrowDown"===e){t.preventDefault();let e=this.highlightedIndex+1;for(;e<this.filteredOptions.length;){const t=this.filteredOptions[e];if("object"!=typeof t||!t.disabled){this.highlightedIndex=e;break}e++}if(e>=this.filteredOptions.length){const t=this.filteredOptions.length-1;this.highlightedIndex=o.length>0?t:-1}this.requestUpdate(),this.updateComplete.then((()=>this.scrollHighlightedIntoView()))}else if("ArrowUp"===e){t.preventDefault();let e=this.highlightedIndex-1;for(;e>=0;){const t=this.filteredOptions[e];if("object"!=typeof t||!t.disabled){this.highlightedIndex=e;break}e--}e<0&&(this.highlightedIndex=-1),this.requestUpdate(),this.updateComplete.then((()=>this.scrollHighlightedIntoView()))}else if("Enter"===e||" "===e){this.highlightedIndex>=0&&t.preventDefault();const e=this.filteredOptions[this.highlightedIndex];if(this.highlightedIndex>=0&&e&&("object"!=typeof e||!e.disabled)){this.handleSelect(e);const t=this.shadowRoot?.querySelector(".filter-input"),i=this.shadowRoot?.querySelector(".filter-fake");return t?t.focus():i?.focus(),void(this.highlightedIndex=-1)}}else if("Escape"===e){t.preventDefault(),this.isOpen=!1,this.highlightedIndex=-1;const e=this.shadowRoot?.querySelector(".filter-input"),i=this.shadowRoot?.querySelector(".filter-fake");e?e.focus():i?.focus()}else"Tab"===e?(this.isOpen=!1,this.highlightedIndex=-1,this.requestUpdate()):!this.isMobile&&this.filterable&&1===e.length&&(this.highlightedIndex=-1);if(("ArrowLeft"===e||"ArrowRight"===e)&&this.filterable)return}if("ArrowRight"!==e)this.isOpen&&!this.isMobile&&this.filterable&&1===e.length&&(this.highlightedIndex=-1);else{const e=!i||i.selectionStart===i.value.length;if(!this.filterable||e){t.preventDefault();const e=this.shadowRoot?.querySelector(".icon-button");e?.focus()}}}handleButtonKeyDown(t){const{key:e}=t,i=this.shadowRoot?.querySelector(".filter-input"),o=this.shadowRoot?.querySelector(".filter-fake"),r=i||o;return"ArrowLeft"===e?(t.preventDefault(),r?.focus(),void(r instanceof HTMLInputElement&&(r.selectionStart=r.selectionEnd=r.value.length))):"Enter"===e||" "===e?(t.preventDefault(),this.filterable&&this.filterValue?(this.handleIconClick(),r?.focus()):(this.isOpen=!this.isOpen,this.isOpen&&(this.highlightedIndex=-1,r?.focus())),void this.requestUpdate()):void("Tab"===e&&this.isOpen&&(this.isOpen=!1,this.highlightedIndex=-1,this.requestUpdate()))}handleBlur(){window.setTimeout((()=>{this.isOpen||this.value&&""!==this.value||(this.filterValue="",this.filterable&&(this.filteredOptions=[...this.options]),this.requestUpdate())}),100)}scrollHighlightedIntoView(){if(this.isMobile||this.highlightedIndex<0)return;const t=this.shadowRoot?.querySelector(".options-list");if(!t)return;const e=t.querySelector("li.highlighted");e&&e.scrollIntoView({block:"nearest"})}renderSelectedIcon(){const t=this.options.find((t=>"string"==typeof t?t===this.value:t.value===this.value));return t&&"string"!=typeof t&&t.icon&&"string"==typeof t.icon?e`<span class="icon-selected" .innerHTML="${t.icon}"></span>`:i}renderOptionIcon(t){return t&&"string"==typeof t?e`<span class="icon-list" .innerHTML="${t}"></span>`:i}_getFilteredOptions(){if(!this.filterable)return this.options;if(!this.filterValue||""===this.filterValue.trim())return this.options;const t=this.filterValue.toLowerCase();return this.options.filter((e=>"string"==typeof e?e.toLowerCase().includes(t):e.label.toLowerCase().includes(t)))}render(){const t=this.isMobile,o=` --filter-text-color: ${this.value?"var( --secondary-color )":"var( --secondary-color-40 )"}; `,r=e`
2263
+
2264
+ options-list li.no-results-item {
2265
+ ${R}
2266
+ cursor: default !important;
2267
+ background-color: white !important;
2268
+ pointer-events: none;
2269
+ color: rgba( 64, 71, 103, 1 );
2270
+ text-align: middle;
2271
+ border-bottom: none !important;
2272
+ }
2273
+
2274
+ .mobile-modal .options-list li.no-results-item.mobile-item {
2275
+ text-align: center;
2276
+ }
2277
+ `]}update(t){if(this.textLabelFilterNotResult=this.textLabelFilterNotResult??"No se encontraron resultados",this.textLabelMobileSearch=this.textLabelMobileSearch??"buscá una opción",this.placeholder=this.placeholder??"seleccioná una opción",t.has("options")){this.filteredOptions=[...this.options];if(this.options.length<=5)this.filterable=!1;else{const t=this.getAttribute("filterable");this.filterable=null===t||"false"!==t}}if((t.has("defaultValue")||t.has("options")||t.has("value")&&this.value)&&!this._isCleared){const t=this.value||this.defaultValue,e=this.options.find((e=>"string"==typeof e?e===t:e.value===t));e?(this.filterValue="string"==typeof e?e:e.label,this.value="string"==typeof e?e:e.value):((this.isOpen||this.filterValue)&&(this.isOpen||""!==this.value)||(this.filterValue=""),this.value="")}this._isCleared&&""===this.value&&(this._isCleared=!1),super.update(t)}updated(t){super.updated(t);const e=!1===t.get("isOpen");this.isMobile&&this.isOpen&&t.has("isOpen")&&e&&window.setTimeout((()=>{const t=this.mobileInputRef.value;t&&(t.focus(),t.setSelectionRange(t.value.length,t.value.length))}),100)}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(t){this.isMobile&&(this.mobileFilterValue=""),this.disabled||(this.isOpen=!this.isOpen,this.requestUpdate())}handleInput(t){if(!this.filterable)return;this._isCleared=!1;const e=t.target.value,i=this.maxLength?e.slice(0,this.maxLength):e;if(this.filterValue=i,this.isOpen=!0,""===i)this.value="",this.filteredOptions=[...this.options];else{const t=this.options.find((t=>"object"==typeof t&&t.value===this.value)),e=t&&"string"!=typeof t?t.label:"";this.value&&e.toLowerCase()!==i.toLowerCase()&&(this.value="",this._isCleared=!0,this.dispatchEvent(new CustomEvent("option-selected",{detail:{value:""},bubbles:!0,composed:!0})));const o=i.toLowerCase();this.filteredOptions=this.options.filter((t=>("string"==typeof t?t:t.label).toLowerCase().includes(o)))}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(t){this._isCleared=!1;const e=t.target.value,i=this.maxLength?e.slice(0,this.maxLength):e;this.mobileFilterValue=i;const o=i.toLowerCase();this.filteredOptions=this.options.filter((t=>("string"==typeof t?t:t.label).toLowerCase().includes(o))),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})):0===i.length&&(this.filteredOptions=[...this.options])}),300)}handleSelect(t){this._isCleared=!1,this.highlightedIndex=-1;const e="string"==typeof t?t:t.value;this.dispatchEvent(new CustomEvent("option-selected",{detail:{value:e},bubbles:!0,composed:!0})),this.filterValue="string"==typeof t?t:t.label,this.value=e,this.isOpen=!1,this.mobileFilterValue=this.filterValue,this.filteredOptions=[...this.options],this.requestUpdate()}handleIconClick(){if(this.disabled)return;this.highlightedIndex=-1;const t=this.isRenderClearButton,e="string"==typeof this.value&&""!==this.value,i="object"==typeof this.value&&null!==this.value&&Object.keys(this.value).length>0;t&&(e||i)?(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.isOpen?(this.mobileFilterValue="",this.filteredOptions=[...this.options],this.updateComplete.then((()=>{if(this.isMobile)return;const t=this.shadowRoot?.querySelector(".filter-input");t?.focus()}))):(this.mobileFilterValue="",this.filteredOptions=[...this.options])),this.requestUpdate()}handleClickOutside(t){const e=t.target;e instanceof Node&&(this.contains(e)||(this.isOpen=!1,this.requestUpdate()),this.isMobile&&(this.mobileFilterValue="",this.filteredOptions=[...this.options]))}handleKeyDown(t){const{key:e}=t,i=this.shadowRoot?.querySelector(".filter-input");if("Backspace"===e&&this.filterable){const t=i?.value||"",e=i&&i.selectionStart!==i.selectionEnd,o=1===t.length&&!e,r=0===t.length;!this.value||r||o||(this.value="",this._isCleared=!0,this.requestUpdate()),(o||r)&&(this.value="",this.filterValue="",this._isCleared=!0,this.filteredOptions=[...this.options],this.isOpen=!0,this.dispatchEvent(new CustomEvent("option-selected",{detail:{value:""},bubbles:!0,composed:!0})),this.requestUpdate())}const o=this.filteredOptions.filter((t=>!("object"==typeof t&&t.disabled)));if(!this.isOpen&&("Enter"===e||" "===e)){t.preventDefault(),this.isOpen=!0;const e=this.filteredOptions.findIndex((t=>!("object"==typeof t&&t.disabled)));return this.highlightedIndex=-1!==e?e:-1,void this.requestUpdate()}if(this.isOpen){if("ArrowDown"===e){t.preventDefault();let e=this.highlightedIndex+1;for(;e<this.filteredOptions.length;){const t=this.filteredOptions[e];if("object"!=typeof t||!t.disabled){this.highlightedIndex=e;break}e++}if(e>=this.filteredOptions.length){const t=this.filteredOptions.length-1;this.highlightedIndex=o.length>0?t:-1}this.requestUpdate(),this.updateComplete.then((()=>this.scrollHighlightedIntoView()))}else if("ArrowUp"===e){t.preventDefault();let e=this.highlightedIndex-1;for(;e>=0;){const t=this.filteredOptions[e];if("object"!=typeof t||!t.disabled){this.highlightedIndex=e;break}e--}e<0&&(this.highlightedIndex=-1),this.requestUpdate(),this.updateComplete.then((()=>this.scrollHighlightedIntoView()))}else if("Enter"===e||" "===e){this.highlightedIndex>=0&&t.preventDefault();const e=this.filteredOptions[this.highlightedIndex];if(this.highlightedIndex>=0&&e&&("object"!=typeof e||!e.disabled)){this.handleSelect(e);const t=this.shadowRoot?.querySelector(".filter-input"),i=this.shadowRoot?.querySelector(".filter-fake");return t?t.focus():i?.focus(),void(this.highlightedIndex=-1)}}else if("Escape"===e){t.preventDefault(),this.isOpen=!1,this.highlightedIndex=-1;const e=this.shadowRoot?.querySelector(".filter-input"),i=this.shadowRoot?.querySelector(".filter-fake");e?e.focus():i?.focus()}else"Tab"===e?(this.isOpen=!1,this.highlightedIndex=-1,this.requestUpdate()):!this.isMobile&&this.filterable&&1===e.length&&(this.highlightedIndex=-1);if(("ArrowLeft"===e||"ArrowRight"===e)&&this.filterable)return}if("ArrowRight"!==e)this.isOpen&&!this.isMobile&&this.filterable&&1===e.length&&(this.highlightedIndex=-1);else{const e=!i||i.selectionStart===i.value.length;if(!this.filterable||e){t.preventDefault();const e=this.shadowRoot?.querySelector(".icon-button");e?.focus()}}}handleButtonKeyDown(t){const{key:e}=t,i=this.shadowRoot?.querySelector(".filter-input"),o=this.shadowRoot?.querySelector(".filter-fake"),r=i||o;return"ArrowLeft"===e?(t.preventDefault(),r?.focus(),void(r instanceof HTMLInputElement&&(r.selectionStart=r.selectionEnd=r.value.length))):"Enter"===e||" "===e?(t.preventDefault(),this.filterable&&this.filterValue?(this.handleIconClick(),r?.focus()):(this.isOpen=!this.isOpen,this.isOpen&&(this.highlightedIndex=-1,r?.focus())),void this.requestUpdate()):void("Tab"===e&&this.isOpen&&(this.isOpen=!1,this.highlightedIndex=-1,this.requestUpdate()))}handleBlur(){window.setTimeout((()=>{if(this.isOpen)return;let t=!1,e=!1;if(this.value&&""!==this.value){const i=this.options.find((t=>"string"==typeof t?t===this.value:t.value===this.value));if(i){t=!0,e=("string"==typeof i?i:i.label).toLowerCase()===this.filterValue.toLowerCase()}}const i=!this.filterValue||""===this.filterValue.trim();i||t&&e?i&&this.filterable&&(this.filteredOptions=[...this.options]):(this._isCleared=!0,this.value="",this.filterValue="",this.dispatchEvent(new CustomEvent("option-selected",{detail:{value:""},bubbles:!0,composed:!0})),this.filterable&&(this.filteredOptions=[...this.options])),this.requestUpdate()}),100)}scrollHighlightedIntoView(){if(this.isMobile||this.highlightedIndex<0)return;const t=this.shadowRoot?.querySelector(".options-list");if(!t)return;const e=t.querySelector("li.highlighted");e&&e.scrollIntoView({block:"nearest"})}renderSelectedIcon(){const t=this.options.find((t=>"string"==typeof t?t===this.value:t.value===this.value));return t&&"string"!=typeof t&&t.icon&&"string"==typeof t.icon?e`<span class="icon-selected" .innerHTML="${t.icon}"></span>`:i}renderOptionIcon(t){return t&&"string"==typeof t?e`<span class="icon-list" .innerHTML="${t}"></span>`:i}_getFilteredOptions(){if(!this.filterable)return this.options;if(!this.filterValue||""===this.filterValue.trim())return this.options;const t=this.filterValue.toLowerCase();return this.options.filter((e=>"string"==typeof e?e.toLowerCase().includes(t):e.label.toLowerCase().includes(t)))}render(){const t=this.isMobile,o=` --filter-text-color: ${this.value?"var( --secondary-color )":"var( --secondary-color-40 )"}; `,r=e`
2220
2278
  <randstad-icon
2221
2279
  name="${this.isOpen&&this.filteredOptions.length>0?"arrow_up":"arrow_down"}"
2222
2280
  size="24px"
2223
2281
  .color=${"var( --primary-color )"}
2224
2282
  >
2225
2283
  </randstad-icon>
2226
- `,n=!0===this.isRenderClearButton;return e`
2284
+ `,s=!0===this.isRenderClearButton,n=this.isOpen&&(this.filteredOptions.length>0||this.filterValue.length>0);return e`
2227
2285
  <div class="select-container" style="${this.labelColor?` --label-color: ${this.labelColor};`:""} ${o}">
2228
2286
  ${this.renderLabelContainer()}
2229
2287
 
2230
2288
  <div class="list-container">
2231
- <div class="input-container ${this.isOpen?"focused":""} ${this.isOpen&&this.filteredOptions.length>0?"open":""} ${t?"mobile":""}">
2289
+ <div class="input-container ${this.isOpen?"focused":""} ${n?"open":""} ${t?"mobile":""}">
2232
2290
  <div class="input-wrapper ${this.disabled?"disabled":""}">
2233
2291
  ${t?e`
2234
2292
  <div
@@ -2244,12 +2302,9 @@ function L(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
2244
2302
  aria-haspopup="listbox"
2245
2303
  aria-activedescendant="${this.isOpen&&-1!==this.highlightedIndex?`option-${this.highlightedIndex}`:i}"
2246
2304
  >
2247
- ${this.renderSelectedIcon()}
2248
- <span class="value-text">${this.filterValue||this.placeholder}</span>
2305
+ <span>${this.filterValue||this.placeholder}</span>
2249
2306
  </div>
2250
2307
  `:e`
2251
- ${this.renderSelectedIcon()}
2252
-
2253
2308
  <input
2254
2309
  class="filter-input"
2255
2310
  .value="${this.filterValue||""}"
@@ -2279,65 +2334,85 @@ function L(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
2279
2334
  tabindex="0"
2280
2335
  aria-label="${this.value&&""!==this.value?"Clear selection":"Toggle options"}"
2281
2336
  >
2282
- ${this.value&&""!==this.value&&n?e`<randstad-icon name="close" size="24px"></randstad-icon>`:r}
2337
+ ${s&&this.value&&""!==this.value?e`<randstad-icon name="close" size="24px"></randstad-icon>`:r}
2283
2338
  </button>
2284
2339
 
2285
- ${!t&&this.isOpen&&this.filteredOptions.length>0?e`
2340
+ ${!t&&this.isOpen?e`
2341
+ ${this.filteredOptions.length>0?e`
2342
+ <ul class="options-list" role="listbox">
2343
+ ${this.filteredOptions.map(((t,i)=>{const o="string"==typeof t?t:t.label,r="object"==typeof t&&t.disabled,s="object"==typeof t?t.icon:void 0;return e`
2344
+ <li
2345
+ class="${r?"disabled":""} ${i===this.highlightedIndex?"highlighted":""}"
2346
+ role="option"
2347
+ aria-selected="${i===this.highlightedIndex}"
2348
+ @click="${()=>{r||this.handleSelect(t)}}"
2349
+ >
2350
+ ${this.renderOptionIcon(s)}
2351
+ ${o}
2352
+ </li>
2353
+ `}))}
2354
+ </ul>
2355
+ `:this.filterValue.length>0?e`
2356
+ <ul class="options-list" role="listbox">
2357
+ <li class="no-results-item">
2358
+ ${this.textLabelFilterNotResult}
2359
+ </li>
2360
+ </ul>
2361
+ `:i}
2362
+ `:i}
2363
+ </div>
2364
+ </div>
2365
+
2366
+ ${this.renderError()}
2367
+ </div>
2368
+
2369
+ ${this.renderHelper()}
2370
+
2371
+ ${t&&this.isOpen?e`
2372
+ <div class="mobile-backdrop" @click="${()=>{this.isOpen=!1}}">
2373
+ <div class="mobile-modal" @click="${t=>t.stopPropagation()}">
2374
+ <div class="modal-input-container">
2375
+ <input
2376
+ class="filter-input"
2377
+ .value="${this.mobileFilterValue||""}"
2378
+ @input=${t=>this.handleMobileInput(t)}
2379
+ placeholder="${this.textLabelMobileSearch}"
2380
+ maxlength="${this.maxLength??""}"
2381
+ ${Jt(this.mobileInputRef)}
2382
+ />
2383
+
2384
+ ${this.mobileFilterValue.length>0&&0===this.filteredOptions.length?e`<randstad-icon name="warning" size="24px" class="no-results-icon"></randstad-icon>`:i}
2385
+
2386
+ <button class="modal-close-button" @click="${()=>{this.isOpen=!1,this.mobileFilterValue="",this.filteredOptions=[...this.options]}}">
2387
+ <randstad-icon name="close" size="24px"></randstad-icon>
2388
+ </button>
2389
+ </div>
2390
+
2391
+ ${this.filteredOptions.length>0?e`
2286
2392
  <ul class="options-list">
2287
- ${this.filteredOptions.map(((t,i)=>{const o="string"==typeof t?t:t.label,r="object"==typeof t&&t.disabled,n="object"==typeof t?t.icon:void 0;return e`
2393
+ ${this.filteredOptions.map(((t,i)=>{const o="string"==typeof t?t:t.label,r="object"==typeof t&&t.disabled,s="object"==typeof t?t.icon:void 0;return e`
2288
2394
  <li
2289
2395
  class="${r?"disabled":""} ${i===this.highlightedIndex?"highlighted":""}"
2290
2396
  role="option"
2291
2397
  aria-selected="${i===this.highlightedIndex}"
2292
2398
  @click="${()=>{r||this.handleSelect(t)}}"
2293
2399
  >
2294
- ${this.renderOptionIcon(n)}
2400
+ ${this.renderOptionIcon(s)}
2295
2401
  ${o}
2296
2402
  </li>
2297
2403
  `}))}
2298
2404
  </ul>
2299
- `:i}
2300
- </div>
2301
-
2302
- ${this.renderError()}
2303
- </div>
2304
-
2305
- ${this.renderHelper()}
2306
- </div>
2307
-
2308
- ${t&&this.isOpen?e`
2309
- <div class="mobile-backdrop" @click="${()=>{this.isOpen=!1}}">
2310
- <div class="mobile-modal" @click="${t=>t.stopPropagation()}">
2311
- <div class="modal-input-container">
2312
- <input
2313
- class="filter-input"
2314
- .value="${this.mobileFilterValue||""}"
2315
- @input=${t=>this.handleMobileInput(t)}
2316
- placeholder="${this.placeholder}"
2317
- maxlength="${this.maxLength??""}"
2318
- />
2319
- <button class="modal-close-button" @click="${()=>{this.isOpen=!1}}">
2320
- <randstad-icon name="close" size="20px"></randstad-icon>
2321
- </button>
2322
- </div>
2323
-
2324
- <ul class="options-list">
2325
- ${this.filteredOptions.map(((t,i)=>{const o="string"==typeof t?t:t.label,r="object"==typeof t&&t.disabled,n="object"==typeof t?t.icon:void 0;return e`
2326
- <li
2327
- class="${r?"disabled":""} ${i===this.highlightedIndex?"highlighted":""}"
2328
- role="option"
2329
- aria-selected="${i===this.highlightedIndex}"
2330
- @click="${()=>{r||this.handleSelect(t)}}"
2331
- >
2332
- ${this.renderOptionIcon(n)}
2333
- ${o}
2405
+ `:this.mobileFilterValue.length>0?e`
2406
+ <ul class="options-list" role="listbox">
2407
+ <li class="no-results-item mobile-item">
2408
+ ${this.textLabelFilterNotResult}
2334
2409
  </li>
2335
- `}))}
2336
- </ul>
2337
- </div>
2410
+ </ul>
2411
+ `:i}
2338
2412
  </div>
2339
- `:i}
2340
- `}};n([T({type:Object}),s("design:type",Object)],at.prototype,"value",void 0),n([T({type:String,attribute:"default-value"}),s("design:type",Object)],at.prototype,"defaultValue",void 0),n([T({type:Array}),s("design:type",Array)],at.prototype,"options",void 0),n([T({type:Boolean}),s("design:type",Object)],at.prototype,"filterable",void 0),n([T({type:Number}),s("design:type",Number)],at.prototype,"maxLength",void 0),n([T({type:Boolean}),s("design:type",Object)],at.prototype,"isRenderClearButton",void 0),n([P(),s("design:type",Boolean)],at.prototype,"isMobile",void 0),n([P(),s("design:type",Object)],at.prototype,"highlightedIndex",void 0),n([P(),s("design:type",Boolean)],at.prototype,"_isCleared",void 0),n([P(),s("design:type",Array)],at.prototype,"filteredOptions",void 0),n([P(),s("design:type",Object)],at.prototype,"filterValue",void 0),n([P(),s("design:type",Object)],at.prototype,"isOpen",void 0),n([P(),s("design:type",Object)],at.prototype,"mobileFilterValue",void 0),at=n([a("filterable-select")],at);const lt=new CSSStyleSheet;lt.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 dt extends t{static{this.styles=[lt,o`
2413
+ </div>
2414
+ `:i}
2415
+ `}};s([A({type:Object}),n("design:type",Object)],Zt.prototype,"value",void 0),s([A({type:String,attribute:"default-value"}),n("design:type",Object)],Zt.prototype,"defaultValue",void 0),s([A({type:Array}),n("design:type",Array)],Zt.prototype,"options",void 0),s([A({type:Boolean}),n("design:type",Object)],Zt.prototype,"filterable",void 0),s([A({type:Number}),n("design:type",Number)],Zt.prototype,"maxLength",void 0),s([A({type:String}),n("design:type",String)],Zt.prototype,"textLabelFilterNotResult",void 0),s([A({type:String}),n("design:type",String)],Zt.prototype,"textLabelMobileSearch",void 0),s([A({type:Boolean}),n("design:type",Object)],Zt.prototype,"isRenderClearButton",void 0),s([_(),n("design:type",Boolean)],Zt.prototype,"isMobile",void 0),s([_(),n("design:type",Object)],Zt.prototype,"highlightedIndex",void 0),s([_(),n("design:type",Boolean)],Zt.prototype,"_isCleared",void 0),s([_(),n("design:type",Array)],Zt.prototype,"filteredOptions",void 0),s([_(),n("design:type",Object)],Zt.prototype,"filterValue",void 0),s([_(),n("design:type",Object)],Zt.prototype,"isOpen",void 0),s([_(),n("design:type",Object)],Zt.prototype,"mobileFilterValue",void 0),Zt=s([a("filterable-select")],Zt);const te=new CSSStyleSheet;te.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 ee extends t{static{this.styles=[te,o`
2341
2416
  :host {
2342
2417
  display: flex;
2343
2418
  position: fixed;
@@ -2407,7 +2482,7 @@ function L(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
2407
2482
  }
2408
2483
 
2409
2484
  .container {
2410
- ${R};
2485
+ ${P};
2411
2486
  display: flex;
2412
2487
  align-items: center;
2413
2488
  box-sizing: border-box;
@@ -2473,7 +2548,7 @@ function L(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
2473
2548
  <randstad-icon name=${this.icon} size="24px" color="white"></randstad-icon>
2474
2549
  <span class="message">${this.message}</span>
2475
2550
  </div>
2476
- `}}customElements.define("randstad-snackbar",dt);let ct=class extends t{constructor(){super(...arguments),this.totalSteps=4,this.currentStep=0}static{this.styles=o`
2551
+ `}}customElements.define("randstad-snackbar",ee);let ie=class extends t{constructor(){super(...arguments),this.totalSteps=4,this.currentStep=0}static{this.styles=o`
2477
2552
  .stepper {
2478
2553
  display: flex;
2479
2554
  gap: 20px;
@@ -2573,7 +2648,7 @@ function L(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
2573
2648
  </div>
2574
2649
  `))}
2575
2650
  </div>
2576
- `}};n([T({type:Number}),s("design:type",Object)],ct.prototype,"totalSteps",void 0),n([T({type:Number}),s("design:type",Object)],ct.prototype,"currentStep",void 0),ct=n([a("custom-stepper")],ct);let ht=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 t=this.renderRoot.querySelector(".tab-wrapper");if(!t)return;const{scrollLeft:e,scrollWidth:i,clientWidth:o}=t;this.showPrev=e>0,this.showNext=e+o<i-1}}static{this.styles=o`
2651
+ `}};s([A({type:Number}),n("design:type",Object)],ie.prototype,"totalSteps",void 0),s([A({type:Number}),n("design:type",Object)],ie.prototype,"currentStep",void 0),ie=s([a("custom-stepper")],ie);let oe=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 t=this.renderRoot.querySelector(".tab-wrapper");if(!t)return;const{scrollLeft:e,scrollWidth:i,clientWidth:o}=t;this.showPrev=e>0,this.showNext=e+o<i-1}}static{this.styles=o`
2577
2652
  :host {
2578
2653
  display: block;
2579
2654
  border-bottom: 1px solid #E7E8EC;
@@ -2586,7 +2661,7 @@ function L(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
2586
2661
  }
2587
2662
 
2588
2663
  .tab {
2589
- ${_};
2664
+ ${W};
2590
2665
  display: flex;
2591
2666
  gap: 8px;
2592
2667
  flex-direction: row;
@@ -2684,7 +2759,7 @@ function L(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
2684
2759
 
2685
2760
  @media (max-width: 940px) {
2686
2761
  .tab {
2687
- ${W};
2762
+ ${j};
2688
2763
  padding: 16px;
2689
2764
  }
2690
2765
  }
@@ -2712,7 +2787,7 @@ function L(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
2712
2787
  </button>
2713
2788
  `:null}
2714
2789
  </div>
2715
- `}};n([T({type:Array}),s("design:type",Array)],ht.prototype,"tabs",void 0),n([T({type:String}),s("design:type",String)],ht.prototype,"selected",void 0),n([P(),s("design:type",String)],ht.prototype,"internalSelected",void 0),n([P(),s("design:type",Object)],ht.prototype,"showPrev",void 0),n([P(),s("design:type",Object)],ht.prototype,"showNext",void 0),ht=n([a("tabs-bar")],ht);let pt=class extends j{constructor(){super(...arguments),this.files=[],this.simulatedDelay=0,this.showAlertInError=!1,this.typeTextFile="",this.loading=!1,this.progress=0,this.errorTextMessage=null,this.isMultiple=!1,this.TEXT_SNACKBAR_ERROR_TYPE=t=>`El formato del archivo ${this.isMultiple?t:""} no es válido`,this.TEXT_SNACKBAR_ERROR_SIZE=(t,e)=>`El archivo ${this.isMultiple?t:""} es muy grande. Máximo ${e}`,this.TEXT_SNACKBAR_ERROR_DELETE=t=>`Tu ${this.typeTextFile?this.typeTextFile:"file"===t?"archivo":"imagen"} fue ${"file"===t?"eliminado":"eliminada"}`}showSnackbar(t,e=5e3,i){const o=document.querySelector("randstad-snackbar");o?(o.type=i,o.icon="error"===i?"warning":"check",o.message=t,o.open=!0,clearTimeout(o.timer),o.timer=setTimeout((()=>o.open=!1),e)):console.warn("randstad-snackbar component not found in the DOM. Cannot show alert.")}baseGetTextMaxFileSize(t){const e=1048576;if(t>=e){return`${parseFloat((t/e).toPrecision(3)).toString()} MB`}return`${Math.round(t/1024)} KB`}getReadableFileTypes(t,e){const i=t.map((t=>e[t]||t));if(i.length<=1)return i.join("");const o=i.pop();return`${i.join(", ")} y ${o}`}validateFiles(t,e,i,o,r,n){const s=e>0,a=i.length>0;for(const l of t){if(a&&!i.includes(l.type))return this.setError(n,o,this.TEXT_SNACKBAR_ERROR_TYPE(l.name)),!1;if(s&&l.size>e)return this.setError(n,r,this.TEXT_SNACKBAR_ERROR_SIZE(l.name,this.baseGetTextMaxFileSize(e))),!1}return!0}async baseHandleFiles(t,e){const{baseMaxFiles:i,maxFileSize:o,acceptedFileTypes:r,errorMessageType:n,errorMessageSize:s,typeError:a}=e;if(this.setError(a,null,null),!t||this.disabled||this.loading)return;const l=Array.isArray(this.files)?this.files:[],d=Number.isFinite(i)&&i>0?i:1,c=d-l.length;if(c<=0){const t=`se ha alcanzado el número máximo de archivos (${d}).`;return void this.setError(a,t,t)}const h=Array.from(t).slice(0,c);if(0===h.length)return;if(!this.validateFiles(h,o,r,n,s,a))return;const p=this.simulatedDelay??0;if(p<=0)return this.files=[...l,...h],void this.dispatchEvent(new CustomEvent("files-changed",{detail:this.files}));this.loading=!0,this.progress=0,await this.updateComplete;const u=Date.now(),g=setInterval((()=>{const t=Date.now()-u,e=Math.min(Math.round(t/p*100),100);this.progress=e,this.progress>=100&&(clearInterval(g),this.files=[...l,...h],this.loading=!1,this.progress=0,this.dispatchEvent(new CustomEvent("files-changed",{detail:this.files})))}),10);this.fileInput&&(this.fileInput.value="")}baseOnFileInputChange(t,e){const i=t.target;this.baseHandleFiles(i.files,e),this.fileInput&&(this.fileInput.value="")}removeFile(t,e){this.files=this.files.filter(((e,i)=>i!==t)),this.dispatchEvent(new CustomEvent("files-changed",{detail:this.files})),0===this.files.length&&this.setError(e,null,null),this.showAlertInError&&this.showSnackbar(this.TEXT_SNACKBAR_ERROR_DELETE(e),5e3,"success")}setError(t="file",e,i){"file"===t&&(this.error=!!e,this.errorMessage=e),"image"===t&&(this.errorTextMessage=e),this.showAlertInError&&i&&this.showSnackbar(i,5e3,"error")}renderLoadingContainer(t){return e`
2790
+ `}};s([A({type:Array}),n("design:type",Array)],oe.prototype,"tabs",void 0),s([A({type:String}),n("design:type",String)],oe.prototype,"selected",void 0),s([_(),n("design:type",String)],oe.prototype,"internalSelected",void 0),s([_(),n("design:type",Object)],oe.prototype,"showPrev",void 0),s([_(),n("design:type",Object)],oe.prototype,"showNext",void 0),oe=s([a("tabs-bar")],oe);let re=class extends B{constructor(){super(...arguments),this.files=[],this.simulatedDelay=0,this.showAlertInError=!1,this.typeTextFile="",this.loading=!1,this.progress=0,this.errorTextMessage=null,this.isMultiple=!1,this.TEXT_SNACKBAR_ERROR_TYPE=t=>`El formato del archivo ${this.isMultiple?t:""} no es válido`,this.TEXT_SNACKBAR_ERROR_SIZE=(t,e)=>`El archivo ${this.isMultiple?t:""} es muy grande. Máximo ${e}`,this.TEXT_SNACKBAR_ERROR_DELETE=t=>`Tu ${this.typeTextFile?this.typeTextFile:"file"===t?"archivo":"imagen"} fue ${"file"===t?"eliminado":"eliminada"}`}showSnackbar(t,e=5e3,i){const o=document.querySelector("randstad-snackbar");o?(o.type=i,o.icon="error"===i?"warning":"check",o.message=t,o.open=!0,clearTimeout(o.timer),o.timer=setTimeout((()=>o.open=!1),e)):console.warn("randstad-snackbar component not found in the DOM. Cannot show alert.")}baseGetTextMaxFileSize(t){const e=1048576;if(t>=e){return`${parseFloat((t/e).toPrecision(3)).toString()} MB`}return`${Math.round(t/1024)} KB`}getReadableFileTypes(t,e){const i=t.map((t=>e[t]||t));if(i.length<=1)return i.join("");const o=i.pop();return`${i.join(", ")} y ${o}`}validateFiles(t,e,i,o,r,s){const n=e>0,a=i.length>0;for(const l of t){if(a&&!i.includes(l.type))return this.setError(s,o,this.TEXT_SNACKBAR_ERROR_TYPE(l.name)),!1;if(n&&l.size>e)return this.setError(s,r,this.TEXT_SNACKBAR_ERROR_SIZE(l.name,this.baseGetTextMaxFileSize(e))),!1}return!0}async baseHandleFiles(t,e){const{baseMaxFiles:i,maxFileSize:o,acceptedFileTypes:r,errorMessageType:s,errorMessageSize:n,typeError:a}=e;if(this.setError(a,null,null),!t||this.disabled||this.loading)return;const l=Array.isArray(this.files)?this.files:[],d=Number.isFinite(i)&&i>0?i:1,c=d-l.length;if(c<=0){const t=`se ha alcanzado el número máximo de archivos (${d}).`;return void this.setError(a,t,t)}const h=Array.from(t).slice(0,c);if(0===h.length)return;if(!this.validateFiles(h,o,r,s,n,a))return;const p=this.simulatedDelay??0;if(p<=0)return this.files=[...l,...h],void this.dispatchEvent(new CustomEvent("files-changed",{detail:this.files}));this.loading=!0,this.progress=0,await this.updateComplete;const u=Date.now(),g=setInterval((()=>{const t=Date.now()-u,e=Math.min(Math.round(t/p*100),100);this.progress=e,this.progress>=100&&(clearInterval(g),this.files=[...l,...h],this.loading=!1,this.progress=0,this.dispatchEvent(new CustomEvent("files-changed",{detail:this.files})))}),10);this.fileInput&&(this.fileInput.value="")}baseOnFileInputChange(t,e){const i=t.target;this.baseHandleFiles(i.files,e),this.fileInput&&(this.fileInput.value="")}removeFile(t,e){this.files=this.files.filter(((e,i)=>i!==t)),this.dispatchEvent(new CustomEvent("files-changed",{detail:this.files})),0===this.files.length&&this.setError(e,null,null),this.showAlertInError&&this.showSnackbar(this.TEXT_SNACKBAR_ERROR_DELETE(e),5e3,"success")}setError(t="file",e,i){"file"===t&&(this.error=!!e,this.errorMessage=e),"image"===t&&(this.errorTextMessage=e),this.showAlertInError&&i&&this.showSnackbar(i,5e3,"error")}renderLoadingContainer(t){return e`
2716
2791
  ${this.loading?e`
2717
2792
  <div class="progress-bar-container">
2718
2793
  <div class="progress-bar" role="progressbar" aria-label="Subiendo archivo…">
@@ -2722,7 +2797,7 @@ function L(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
2722
2797
  `:e`
2723
2798
  ${t}
2724
2799
  `}
2725
- `}};n([T({type:Array}),s("design:type",Array)],pt.prototype,"files",void 0),n([T({type:Number}),s("design:type",Object)],pt.prototype,"simulatedDelay",void 0),n([T({type:Boolean}),s("design:type",Object)],pt.prototype,"showAlertInError",void 0),n([T({type:String}),s("design:type",Object)],pt.prototype,"typeTextFile",void 0),n([P(),s("design:type",Object)],pt.prototype,"loading",void 0),n([P(),s("design:type",Object)],pt.prototype,"progress",void 0),n([P(),s("design:type",Object)],pt.prototype,"errorTextMessage",void 0),n([L('input[ type="file" ]'),s("design:type",HTMLInputElement)],pt.prototype,"fileInput",void 0),pt=n([a("base-upload")],pt);const ut={"image/jpg":".jpg","image/jpeg":".jpeg","image/png":".png"},gt={"application/pdf":".pdf","application/msword":".doc","application/vnd.openxmlformats-officedocument.wordprocessingml.document":".docx",...ut,"text/plain":".txt"},bt=o`
2800
+ `}};s([A({type:Array}),n("design:type",Array)],re.prototype,"files",void 0),s([A({type:Number}),n("design:type",Object)],re.prototype,"simulatedDelay",void 0),s([A({type:Boolean}),n("design:type",Object)],re.prototype,"showAlertInError",void 0),s([A({type:String}),n("design:type",Object)],re.prototype,"typeTextFile",void 0),s([_(),n("design:type",Object)],re.prototype,"loading",void 0),s([_(),n("design:type",Object)],re.prototype,"progress",void 0),s([_(),n("design:type",Object)],re.prototype,"errorTextMessage",void 0),s([T('input[ type="file" ]'),n("design:type",HTMLInputElement)],re.prototype,"fileInput",void 0),re=s([a("base-upload")],re);const se={"image/jpg":".jpg","image/jpeg":".jpeg","image/png":".png"},ne={"application/pdf":".pdf","application/msword":".doc","application/vnd.openxmlformats-officedocument.wordprocessingml.document":".docx",...se,"text/plain":".txt"},ae=o`
2726
2801
  .progress-bar-container {
2727
2802
  min-height: 23px;
2728
2803
  display: flex;
@@ -2742,9 +2817,9 @@ function L(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
2742
2817
  background-color: var( --primary-color );
2743
2818
  transition: width 0.1s ease;
2744
2819
  }
2745
- `;let yt=class extends pt{constructor(){super(...arguments),this.acceptedFileTypes=[],this.maxFiles=3,this.maxFileSize=0,this.isShowInfoSize=!0,this.isChangeStyleError=!1,this.isDragging=!1,this.imageUrls=[],this.isMaxFilesReached=!1}static{this.styles=o`
2746
- ${X}
2747
- ${bt}
2820
+ `;let le=class extends re{constructor(){super(...arguments),this.acceptedFileTypes=[],this.maxFiles=3,this.maxFileSize=0,this.isShowInfoSize=!0,this.isChangeStyleError=!1,this.isDragging=!1,this.imageUrls=[],this.isMaxFilesReached=!1}static{this.styles=o`
2821
+ ${K}
2822
+ ${ae}
2748
2823
 
2749
2824
  :host {
2750
2825
  font-family: 'Graphik', sans-serif;
@@ -2791,28 +2866,28 @@ function L(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
2791
2866
  }
2792
2867
 
2793
2868
  .text-main {
2794
- ${R};
2869
+ ${P};
2795
2870
  text-align: center;
2796
2871
  vertical-align: middle;
2797
2872
  color: var( --secondary-color-80 );
2798
2873
  }
2799
2874
 
2800
2875
  .text-secondary {
2801
- ${A};
2876
+ ${L};
2802
2877
  text-align: center;
2803
2878
  vertical-align: middle;
2804
2879
  color: var( --secondary-color-60 );
2805
2880
  }
2806
2881
 
2807
2882
  .text-tertiary {
2808
- ${A};
2883
+ ${L};
2809
2884
  text-align: center;
2810
2885
  vertical-align: middle;
2811
2886
  color: var( --secondary-color-40 );
2812
2887
  }
2813
2888
 
2814
2889
  .button {
2815
- ${A};
2890
+ ${L};
2816
2891
  background-color: var( --primary-color );
2817
2892
  border: none;
2818
2893
  padding: 4px 16px;
@@ -2871,7 +2946,7 @@ function L(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
2871
2946
  .text-main.error {
2872
2947
  color: var(--ui-negative, #E00F0F);
2873
2948
  }
2874
- `}getFileConfig(){const t="tu archivo no es válido",e=this.maxFileSize>0,i=this.acceptedFileTypes.length>0;return{baseMaxFiles:this.maxFiles,maxFileSize:this.maxFileSize,acceptedFileTypes:this.acceptedFileTypes,errorMessageType:i?t:"",errorMessageSize:e?t:"",typeError:"image"}}getTextAcceptedFileTypes(){return this.getReadableFileTypes(this.acceptedFileTypes,ut)}getTextMaxFileSize(){return this.baseGetTextMaxFileSize(this.maxFileSize)}updated(t){t.has("files")&&this.files&&(this.imageUrls.forEach((t=>URL.revokeObjectURL(t))),this.imageUrls=this.files.map((t=>URL.createObjectURL(t))))}disconnectedCallback(){super.disconnectedCallback(),this.imageUrls.forEach((t=>URL.revokeObjectURL(t)))}async handleFiles(t){await this.baseHandleFiles(t,this.getFileConfig())}onFileInputChange(t){this.baseOnFileInputChange(t,this.getFileConfig())}onDrop(t){t.preventDefault(),this.disabled||(this.isDragging=!1,this.handleFiles(t.dataTransfer?.files||null))}onDragOver(t){t.preventDefault(),this.disabled||(this.isDragging=!0)}onDragLeave(t){t.preventDefault(),this.disabled||(this.isDragging=!1)}willUpdate(t){t.has("files")&&(this.isMaxFilesReached=(this.files||[]).length>=3,(t.has("maxFiles")||0===t.size)&&(this.isMultiple=this.maxFiles>1))}handleButtonKeydown(t,e){if(!e&&("Enter"===t.key||" "===t.key)){t.preventDefault();const e=t.currentTarget?.querySelector('input[type="file"]');e&&!e.disabled&&e.click()}}render(){const t=this.disabled||this.isMaxFilesReached,o=this.disabled,r=this.maxFileSize>0,n=this.acceptedFileTypes.length>0,s=!1!==this.isShowInfoSize,a=r&&s?` / max. ${this.getTextMaxFileSize()}`:"",l=n?this.getTextAcceptedFileTypes():"",d=!0===this.isChangeStyleError,c=!!this.errorTextMessage&&d,h=c&&this.errorTextMessage?this.errorTextMessage:`subí hasta ${this.maxFiles} imágenes`,p=c?"assets/img/image-upload-error.svg":t?"assets/img/image-upload-disabled.svg":"assets/img/image-upload-circle.svg",u=`container ${this.isDragging?"dragging":""} ${c?"error":""}`,g=e`
2949
+ `}getFileConfig(){const t="tu archivo no es válido",e=this.maxFileSize>0,i=this.acceptedFileTypes.length>0;return{baseMaxFiles:this.maxFiles,maxFileSize:this.maxFileSize,acceptedFileTypes:this.acceptedFileTypes,errorMessageType:i?t:"",errorMessageSize:e?t:"",typeError:"image"}}getTextAcceptedFileTypes(){return this.getReadableFileTypes(this.acceptedFileTypes,se)}getTextMaxFileSize(){return this.baseGetTextMaxFileSize(this.maxFileSize)}updated(t){t.has("files")&&this.files&&(this.imageUrls.forEach((t=>URL.revokeObjectURL(t))),this.imageUrls=this.files.map((t=>URL.createObjectURL(t))))}disconnectedCallback(){super.disconnectedCallback(),this.imageUrls.forEach((t=>URL.revokeObjectURL(t)))}async handleFiles(t){await this.baseHandleFiles(t,this.getFileConfig())}onFileInputChange(t){this.baseOnFileInputChange(t,this.getFileConfig())}onDrop(t){t.preventDefault(),this.disabled||(this.isDragging=!1,this.handleFiles(t.dataTransfer?.files||null))}onDragOver(t){t.preventDefault(),this.disabled||(this.isDragging=!0)}onDragLeave(t){t.preventDefault(),this.disabled||(this.isDragging=!1)}willUpdate(t){t.has("files")&&(this.isMaxFilesReached=(this.files||[]).length>=3,(t.has("maxFiles")||0===t.size)&&(this.isMultiple=this.maxFiles>1))}handleButtonKeydown(t,e){if(!e&&("Enter"===t.key||" "===t.key)){t.preventDefault();const e=t.currentTarget?.querySelector('input[type="file"]');e&&!e.disabled&&e.click()}}render(){const t=this.disabled||this.isMaxFilesReached,o=this.disabled,r=this.maxFileSize>0,s=this.acceptedFileTypes.length>0,n=!1!==this.isShowInfoSize,a=r&&n?` / max. ${this.getTextMaxFileSize()}`:"",l=s?this.getTextAcceptedFileTypes():"",d=!0===this.isChangeStyleError,c=!!this.errorTextMessage&&d,h=c&&this.errorTextMessage?this.errorTextMessage:`subí hasta ${this.maxFiles} imágenes`,p=c?"assets/img/image-upload-error.svg":t?"assets/img/image-upload-disabled.svg":"assets/img/image-upload-circle.svg",u=`container ${this.isDragging?"dragging":""} ${c?"error":""}`,g=e`
2875
2950
  <label class="button"
2876
2951
  tabindex="0"
2877
2952
  @keydown=${e=>this.handleButtonKeydown(e,t)}
@@ -2937,8 +3012,8 @@ function L(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
2937
3012
  </div>
2938
3013
  </div>
2939
3014
  </div>
2940
- `}};n([T({type:Array}),s("design:type",Array)],yt.prototype,"acceptedFileTypes",void 0),n([T({type:Number}),s("design:type",Object)],yt.prototype,"maxFiles",void 0),n([T({type:Number}),s("design:type",Object)],yt.prototype,"maxFileSize",void 0),n([T({type:Boolean}),s("design:type",Object)],yt.prototype,"isShowInfoSize",void 0),n([T({type:Boolean}),s("design:type",Object)],yt.prototype,"isChangeStyleError",void 0),n([P(),s("design:type",Object)],yt.prototype,"isDragging",void 0),n([P(),s("design:type",Array)],yt.prototype,"imageUrls",void 0),n([P(),s("design:type",Boolean)],yt.prototype,"isMaxFilesReached",void 0),yt=n([a("upload-image")],yt);const mt=6048e5,vt=Symbol.for("constructDateFrom");function ft(t,e){return"function"==typeof t?t(e):t&&"object"==typeof t&&vt in t?t[vt](e):t instanceof Date?new t.constructor(e):new Date(e)}function wt(t,e){return ft(e||t,t)}function xt(t,e,i){const o=wt(t,i?.in);if(isNaN(e))return ft(t,NaN);if(!e)return o;const r=o.getDate(),n=ft(t,o.getTime());n.setMonth(o.getMonth()+e+1,0);return r>=n.getDate()?n:(o.setFullYear(n.getFullYear(),n.getMonth(),r),o)}let kt={};function $t(){return kt}function St(t,e){const i=$t(),o=e?.weekStartsOn??e?.locale?.options?.weekStartsOn??i.weekStartsOn??i.locale?.options?.weekStartsOn??0,r=wt(t,e?.in),n=r.getDay(),s=(n<o?7:0)+n-o;return r.setDate(r.getDate()-s),r.setHours(0,0,0,0),r}function Dt(t,e){return St(t,{...e,weekStartsOn:1})}function Et(t,e){const i=wt(t,e?.in),o=i.getFullYear(),r=ft(i,0);r.setFullYear(o+1,0,4),r.setHours(0,0,0,0);const n=Dt(r),s=ft(i,0);s.setFullYear(o,0,4),s.setHours(0,0,0,0);const a=Dt(s);return i.getTime()>=n.getTime()?o+1:i.getTime()>=a.getTime()?o:o-1}function Ct(t){const e=wt(t),i=new Date(Date.UTC(e.getFullYear(),e.getMonth(),e.getDate(),e.getHours(),e.getMinutes(),e.getSeconds(),e.getMilliseconds()));return i.setUTCFullYear(e.getFullYear()),+t-+i}function Mt(t,...e){const i=ft.bind(null,e.find((t=>"object"==typeof t)));return e.map(i)}function Ft(t,e){const i=wt(t,e?.in);return i.setHours(0,0,0,0),i}function Ot(t,e,i){return xt(t,12*e,i)}function Bt(t){return!(!((e=t)instanceof Date||"object"==typeof e&&"[object Date]"===Object.prototype.toString.call(e))&&"number"!=typeof t||isNaN(+wt(t)));var e}function Tt(t,e){const i=wt(t,e?.in);return i.setDate(1),i.setHours(0,0,0,0),i}const Pt={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 Lt(t){return(e={})=>{const i=e.width?String(e.width):t.defaultWidth;return t.formats[i]||t.formats[t.defaultWidth]}}const jt={date:Lt({formats:{full:"EEEE, MMMM do, y",long:"MMMM do, y",medium:"MMM d, y",short:"MM/dd/yyyy"},defaultWidth:"full"}),time:Lt({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:Lt({formats:{full:"{{date}} 'at' {{time}}",long:"{{date}} 'at' {{time}}",medium:"{{date}}, {{time}}",short:"{{date}}, {{time}}"},defaultWidth:"full"})},At={lastWeek:"'last' eeee 'at' p",yesterday:"'yesterday at' p",today:"'today at' p",tomorrow:"'tomorrow at' p",nextWeek:"eeee 'at' p",other:"P"};function Rt(t){return(e,i)=>{let o;if("formatting"===(i?.context?String(i.context):"standalone")&&t.formattingValues){const e=t.defaultFormattingWidth||t.defaultWidth,r=i?.width?String(i.width):e;o=t.formattingValues[r]||t.formattingValues[e]}else{const e=t.defaultWidth,r=i?.width?String(i.width):t.defaultWidth;o=t.values[r]||t.values[e]}return o[t.argumentCallback?t.argumentCallback(e):e]}}function Wt(t){return(e,i={})=>{const o=i.width,r=o&&t.matchPatterns[o]||t.matchPatterns[t.defaultMatchWidth],n=e.match(r);if(!n)return null;const s=n[0],a=o&&t.parsePatterns[o]||t.parsePatterns[t.defaultParseWidth],l=Array.isArray(a)?function(t,e){for(let i=0;i<t.length;i++)if(e(t[i]))return i;return}(a,(t=>t.test(s))):function(t,e){for(const i in t)if(Object.prototype.hasOwnProperty.call(t,i)&&e(t[i]))return i;return}(a,(t=>t.test(s)));let d;d=t.valueCallback?t.valueCallback(l):l,d=i.valueCallback?i.valueCallback(d):d;return{value:d,rest:e.slice(s.length)}}}var zt;const _t={code:"en-US",formatDistance:(t,e,i)=>{let o;const r=Pt[t];return o="string"==typeof r?r:1===e?r.one:r.other.replace("{{count}}",e.toString()),i?.addSuffix?i.comparison&&i.comparison>0?"in "+o:o+" ago":o},formatLong:jt,formatRelative:(t,e,i,o)=>At[t],localize:{ordinalNumber:(t,e)=>{const i=Number(t),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:Rt({values:{narrow:["B","A"],abbreviated:["BC","AD"],wide:["Before Christ","Anno Domini"]},defaultWidth:"wide"}),quarter:Rt({values:{narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1st quarter","2nd quarter","3rd quarter","4th quarter"]},defaultWidth:"wide",argumentCallback:t=>t-1}),month:Rt({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:Rt({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:Rt({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:(zt={matchPattern:/^(\d+)(th|st|nd|rd)?/i,parsePattern:/\d+/i,valueCallback:t=>parseInt(t,10)},(t,e={})=>{const i=t.match(zt.matchPattern);if(!i)return null;const o=i[0],r=t.match(zt.parsePattern);if(!r)return null;let n=zt.valueCallback?zt.valueCallback(r[0]):r[0];return n=e.valueCallback?e.valueCallback(n):n,{value:n,rest:t.slice(o.length)}}),era:Wt({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:Wt({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:t=>t+1}),month:Wt({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:Wt({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:Wt({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 It(t,e){const i=wt(t,e?.in),o=function(t,e){const[i,o]=Mt(0,t,e),r=Ft(i),n=Ft(o),s=+r-Ct(r),a=+n-Ct(n);return Math.round((s-a)/864e5)}(i,function(t,e){const i=wt(t,e?.in);return i.setFullYear(i.getFullYear(),0,1),i.setHours(0,0,0,0),i}(i));return o+1}function Nt(t,e){const i=wt(t,e?.in),o=+Dt(i)-+function(t,e){const i=Et(t,e),o=ft(t,0);return o.setFullYear(i,0,4),o.setHours(0,0,0,0),Dt(o)}(i);return Math.round(o/mt)+1}function qt(t,e){const i=wt(t,e?.in),o=i.getFullYear(),r=$t(),n=e?.firstWeekContainsDate??e?.locale?.options?.firstWeekContainsDate??r.firstWeekContainsDate??r.locale?.options?.firstWeekContainsDate??1,s=ft(e?.in||t,0);s.setFullYear(o+1,0,n),s.setHours(0,0,0,0);const a=St(s,e),l=ft(e?.in||t,0);l.setFullYear(o,0,n),l.setHours(0,0,0,0);const d=St(l,e);return+i>=+a?o+1:+i>=+d?o:o-1}function Vt(t,e){const i=wt(t,e?.in),o=+St(i,e)-+function(t,e){const i=$t(),o=e?.firstWeekContainsDate??e?.locale?.options?.firstWeekContainsDate??i.firstWeekContainsDate??i.locale?.options?.firstWeekContainsDate??1,r=qt(t,e),n=ft(e?.in||t,0);return n.setFullYear(r,0,o),n.setHours(0,0,0,0),St(n,e)}(i,e);return Math.round(o/mt)+1}function Ut(t,e){return(t<0?"-":"")+Math.abs(t).toString().padStart(e,"0")}const Yt={y(t,e){const i=t.getFullYear(),o=i>0?i:1-i;return Ut("yy"===e?o%100:o,e.length)},M(t,e){const i=t.getMonth();return"M"===e?String(i+1):Ut(i+1,2)},d:(t,e)=>Ut(t.getDate(),e.length),a(t,e){const i=t.getHours()/12>=1?"pm":"am";switch(e){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:(t,e)=>Ut(t.getHours()%12||12,e.length),H:(t,e)=>Ut(t.getHours(),e.length),m:(t,e)=>Ut(t.getMinutes(),e.length),s:(t,e)=>Ut(t.getSeconds(),e.length),S(t,e){const i=e.length,o=t.getMilliseconds();return Ut(Math.trunc(o*Math.pow(10,i-3)),e.length)}},Ht="midnight",Gt="noon",Kt="morning",Xt="afternoon",Qt="evening",Jt="night",Zt={G:function(t,e,i){const o=t.getFullYear()>0?1:0;switch(e){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(t,e,i){if("yo"===e){const e=t.getFullYear(),o=e>0?e:1-e;return i.ordinalNumber(o,{unit:"year"})}return Yt.y(t,e)},Y:function(t,e,i,o){const r=qt(t,o),n=r>0?r:1-r;if("YY"===e){return Ut(n%100,2)}return"Yo"===e?i.ordinalNumber(n,{unit:"year"}):Ut(n,e.length)},R:function(t,e){return Ut(Et(t),e.length)},u:function(t,e){return Ut(t.getFullYear(),e.length)},Q:function(t,e,i){const o=Math.ceil((t.getMonth()+1)/3);switch(e){case"Q":return String(o);case"QQ":return Ut(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(t,e,i){const o=Math.ceil((t.getMonth()+1)/3);switch(e){case"q":return String(o);case"qq":return Ut(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(t,e,i){const o=t.getMonth();switch(e){case"M":case"MM":return Yt.M(t,e);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(t,e,i){const o=t.getMonth();switch(e){case"L":return String(o+1);case"LL":return Ut(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(t,e,i,o){const r=Vt(t,o);return"wo"===e?i.ordinalNumber(r,{unit:"week"}):Ut(r,e.length)},I:function(t,e,i){const o=Nt(t);return"Io"===e?i.ordinalNumber(o,{unit:"week"}):Ut(o,e.length)},d:function(t,e,i){return"do"===e?i.ordinalNumber(t.getDate(),{unit:"date"}):Yt.d(t,e)},D:function(t,e,i){const o=It(t);return"Do"===e?i.ordinalNumber(o,{unit:"dayOfYear"}):Ut(o,e.length)},E:function(t,e,i){const o=t.getDay();switch(e){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(t,e,i,o){const r=t.getDay(),n=(r-o.weekStartsOn+8)%7||7;switch(e){case"e":return String(n);case"ee":return Ut(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(t,e,i,o){const r=t.getDay(),n=(r-o.weekStartsOn+8)%7||7;switch(e){case"c":return String(n);case"cc":return Ut(n,e.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(t,e,i){const o=t.getDay(),r=0===o?7:o;switch(e){case"i":return String(r);case"ii":return Ut(r,e.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(t,e,i){const o=t.getHours()/12>=1?"pm":"am";switch(e){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(t,e,i){const o=t.getHours();let r;switch(r=12===o?Gt:0===o?Ht:o/12>=1?"pm":"am",e){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(t,e,i){const o=t.getHours();let r;switch(r=o>=17?Qt:o>=12?Xt:o>=4?Kt:Jt,e){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(t,e,i){if("ho"===e){let e=t.getHours()%12;return 0===e&&(e=12),i.ordinalNumber(e,{unit:"hour"})}return Yt.h(t,e)},H:function(t,e,i){return"Ho"===e?i.ordinalNumber(t.getHours(),{unit:"hour"}):Yt.H(t,e)},K:function(t,e,i){const o=t.getHours()%12;return"Ko"===e?i.ordinalNumber(o,{unit:"hour"}):Ut(o,e.length)},k:function(t,e,i){let o=t.getHours();return 0===o&&(o=24),"ko"===e?i.ordinalNumber(o,{unit:"hour"}):Ut(o,e.length)},m:function(t,e,i){return"mo"===e?i.ordinalNumber(t.getMinutes(),{unit:"minute"}):Yt.m(t,e)},s:function(t,e,i){return"so"===e?i.ordinalNumber(t.getSeconds(),{unit:"second"}):Yt.s(t,e)},S:function(t,e){return Yt.S(t,e)},X:function(t,e,i){const o=t.getTimezoneOffset();if(0===o)return"Z";switch(e){case"X":return ee(o);case"XXXX":case"XX":return ie(o);default:return ie(o,":")}},x:function(t,e,i){const o=t.getTimezoneOffset();switch(e){case"x":return ee(o);case"xxxx":case"xx":return ie(o);default:return ie(o,":")}},O:function(t,e,i){const o=t.getTimezoneOffset();switch(e){case"O":case"OO":case"OOO":return"GMT"+te(o,":");default:return"GMT"+ie(o,":")}},z:function(t,e,i){const o=t.getTimezoneOffset();switch(e){case"z":case"zz":case"zzz":return"GMT"+te(o,":");default:return"GMT"+ie(o,":")}},t:function(t,e,i){return Ut(Math.trunc(+t/1e3),e.length)},T:function(t,e,i){return Ut(+t,e.length)}};function te(t,e=""){const i=t>0?"-":"+",o=Math.abs(t),r=Math.trunc(o/60),n=o%60;return 0===n?i+String(r):i+String(r)+e+Ut(n,2)}function ee(t,e){if(t%60==0){return(t>0?"-":"+")+Ut(Math.abs(t)/60,2)}return ie(t,e)}function ie(t,e=""){const i=t>0?"-":"+",o=Math.abs(t);return i+Ut(Math.trunc(o/60),2)+e+Ut(o%60,2)}const oe=(t,e)=>{switch(t){case"P":return e.date({width:"short"});case"PP":return e.date({width:"medium"});case"PPP":return e.date({width:"long"});default:return e.date({width:"full"})}},re=(t,e)=>{switch(t){case"p":return e.time({width:"short"});case"pp":return e.time({width:"medium"});case"ppp":return e.time({width:"long"});default:return e.time({width:"full"})}},ne={p:re,P:(t,e)=>{const i=t.match(/(P+)(p+)?/)||[],o=i[1],r=i[2];if(!r)return oe(t,e);let n;switch(o){case"P":n=e.dateTime({width:"short"});break;case"PP":n=e.dateTime({width:"medium"});break;case"PPP":n=e.dateTime({width:"long"});break;default:n=e.dateTime({width:"full"})}return n.replace("{{date}}",oe(o,e)).replace("{{time}}",re(r,e))}},se=/^D+$/,ae=/^Y+$/,le=["D","DD","YY","YYYY"];const de=/[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g,ce=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g,he=/^'([^]*?)'?$/,pe=/''/g,ue=/[a-zA-Z]/;function ge(t,e,i){const o=$t(),r=o.locale??_t,n=o.firstWeekContainsDate??o.locale?.options?.firstWeekContainsDate??1,s=o.weekStartsOn??o.locale?.options?.weekStartsOn??0,a=wt(t,i?.in);if(!Bt(a))throw new RangeError("Invalid time value");let l=e.match(ce).map((t=>{const e=t[0];if("p"===e||"P"===e){return(0,ne[e])(t,r.formatLong)}return t})).join("").match(de).map((t=>{if("''"===t)return{isToken:!1,value:"'"};const e=t[0];if("'"===e)return{isToken:!1,value:be(t)};if(Zt[e])return{isToken:!0,value:t};if(e.match(ue))throw new RangeError("Format string contains an unescaped latin alphabet character `"+e+"`");return{isToken:!1,value:t}}));r.localize.preprocessor&&(l=r.localize.preprocessor(a,l));const d={firstWeekContainsDate:n,weekStartsOn:s,locale:r};return l.map((i=>{if(!i.isToken)return i.value;const o=i.value;(function(t){return ae.test(t)}(o)||function(t){return se.test(t)}(o))&&function(t,e,i){const o=function(t,e,i){const o="Y"===t[0]?"years":"days of the month";return`Use \`${t.toLowerCase()}\` instead of \`${t}\` (in \`${e}\`) for formatting ${o} to the input \`${i}\`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md`}(t,e,i);if(console.warn(o),le.includes(t))throw new RangeError(o)}(o,e,String(t));return(0,Zt[o[0]])(a,o,r.localize,d)})).join("")}function be(t){const e=t.match(he);return e?e[1].replace(pe,"'"):t}function ye(t,e){return wt(t,e?.in).getDate()}function me(t,e){const i=wt(t,e?.in),o=i.getFullYear(),r=i.getMonth(),n=ft(i,0);return n.setFullYear(o,r+1,0),n.setHours(0,0,0,0),n.getDate()}function ve(t,e){return+wt(t)>+wt(e)}function fe(t,e){return+wt(t)<+wt(e)}function we(t,e,i){const[o,r]=Mt(0,t,e);return o.getFullYear()===r.getFullYear()&&o.getMonth()===r.getMonth()}function xe(t,e,i){const[o,r]=Mt(0,t,e);return o.getFullYear()===r.getFullYear()}function ke(t,e){return function(t,e){const[i,o]=Mt(0,t,e);return+Ft(i)===+Ft(o)}(ft(t,t),function(t){return ft(t,Date.now())}(t))}let $e=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=t=>{const e=this.getRootNode(),i=e?.host;!i||t.composedPath().includes(this)||t.composedPath().includes(i)||this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}}static{this.styles=[J,o`
2941
- ${K}
3015
+ `}};s([A({type:Array}),n("design:type",Array)],le.prototype,"acceptedFileTypes",void 0),s([A({type:Number}),n("design:type",Object)],le.prototype,"maxFiles",void 0),s([A({type:Number}),n("design:type",Object)],le.prototype,"maxFileSize",void 0),s([A({type:Boolean}),n("design:type",Object)],le.prototype,"isShowInfoSize",void 0),s([A({type:Boolean}),n("design:type",Object)],le.prototype,"isChangeStyleError",void 0),s([_(),n("design:type",Object)],le.prototype,"isDragging",void 0),s([_(),n("design:type",Array)],le.prototype,"imageUrls",void 0),s([_(),n("design:type",Boolean)],le.prototype,"isMaxFilesReached",void 0),le=s([a("upload-image")],le);const de=6048e5,ce=Symbol.for("constructDateFrom");function he(t,e){return"function"==typeof t?t(e):t&&"object"==typeof t&&ce in t?t[ce](e):t instanceof Date?new t.constructor(e):new Date(e)}function pe(t,e){return he(e||t,t)}function ue(t,e,i){const o=pe(t,i?.in);if(isNaN(e))return he(t,NaN);if(!e)return o;const r=o.getDate(),s=he(t,o.getTime());s.setMonth(o.getMonth()+e+1,0);return r>=s.getDate()?s:(o.setFullYear(s.getFullYear(),s.getMonth(),r),o)}let ge={};function be(){return ge}function me(t,e){const i=be(),o=e?.weekStartsOn??e?.locale?.options?.weekStartsOn??i.weekStartsOn??i.locale?.options?.weekStartsOn??0,r=pe(t,e?.in),s=r.getDay(),n=(s<o?7:0)+s-o;return r.setDate(r.getDate()-n),r.setHours(0,0,0,0),r}function ye(t,e){return me(t,{...e,weekStartsOn:1})}function ve(t,e){const i=pe(t,e?.in),o=i.getFullYear(),r=he(i,0);r.setFullYear(o+1,0,4),r.setHours(0,0,0,0);const s=ye(r),n=he(i,0);n.setFullYear(o,0,4),n.setHours(0,0,0,0);const a=ye(n);return i.getTime()>=s.getTime()?o+1:i.getTime()>=a.getTime()?o:o-1}function fe(t){const e=pe(t),i=new Date(Date.UTC(e.getFullYear(),e.getMonth(),e.getDate(),e.getHours(),e.getMinutes(),e.getSeconds(),e.getMilliseconds()));return i.setUTCFullYear(e.getFullYear()),+t-+i}function we(t,...e){const i=he.bind(null,e.find((t=>"object"==typeof t)));return e.map(i)}function xe(t,e){const i=pe(t,e?.in);return i.setHours(0,0,0,0),i}function $e(t,e,i){return ue(t,12*e,i)}function ke(t){return!(!((e=t)instanceof Date||"object"==typeof e&&"[object Date]"===Object.prototype.toString.call(e))&&"number"!=typeof t||isNaN(+pe(t)));var e}function Se(t,e){const i=pe(t,e?.in);return i.setDate(1),i.setHours(0,0,0,0),i}const De={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 Ee(t){return(e={})=>{const i=e.width?String(e.width):t.defaultWidth;return t.formats[i]||t.formats[t.defaultWidth]}}const Ce={date:Ee({formats:{full:"EEEE, MMMM do, y",long:"MMMM do, y",medium:"MMM d, y",short:"MM/dd/yyyy"},defaultWidth:"full"}),time:Ee({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:Ee({formats:{full:"{{date}} 'at' {{time}}",long:"{{date}} 'at' {{time}}",medium:"{{date}}, {{time}}",short:"{{date}}, {{time}}"},defaultWidth:"full"})},Me={lastWeek:"'last' eeee 'at' p",yesterday:"'yesterday at' p",today:"'today at' p",tomorrow:"'tomorrow at' p",nextWeek:"eeee 'at' p",other:"P"};function Fe(t){return(e,i)=>{let o;if("formatting"===(i?.context?String(i.context):"standalone")&&t.formattingValues){const e=t.defaultFormattingWidth||t.defaultWidth,r=i?.width?String(i.width):e;o=t.formattingValues[r]||t.formattingValues[e]}else{const e=t.defaultWidth,r=i?.width?String(i.width):t.defaultWidth;o=t.values[r]||t.values[e]}return o[t.argumentCallback?t.argumentCallback(e):e]}}function Oe(t){return(e,i={})=>{const o=i.width,r=o&&t.matchPatterns[o]||t.matchPatterns[t.defaultMatchWidth],s=e.match(r);if(!s)return null;const n=s[0],a=o&&t.parsePatterns[o]||t.parsePatterns[t.defaultParseWidth],l=Array.isArray(a)?function(t,e){for(let i=0;i<t.length;i++)if(e(t[i]))return i;return}(a,(t=>t.test(n))):function(t,e){for(const i in t)if(Object.prototype.hasOwnProperty.call(t,i)&&e(t[i]))return i;return}(a,(t=>t.test(n)));let d;d=t.valueCallback?t.valueCallback(l):l,d=i.valueCallback?i.valueCallback(d):d;return{value:d,rest:e.slice(n.length)}}}var Ae;const _e={code:"en-US",formatDistance:(t,e,i)=>{let o;const r=De[t];return o="string"==typeof r?r:1===e?r.one:r.other.replace("{{count}}",e.toString()),i?.addSuffix?i.comparison&&i.comparison>0?"in "+o:o+" ago":o},formatLong:Ce,formatRelative:(t,e,i,o)=>Me[t],localize:{ordinalNumber:(t,e)=>{const i=Number(t),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:Fe({values:{narrow:["B","A"],abbreviated:["BC","AD"],wide:["Before Christ","Anno Domini"]},defaultWidth:"wide"}),quarter:Fe({values:{narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1st quarter","2nd quarter","3rd quarter","4th quarter"]},defaultWidth:"wide",argumentCallback:t=>t-1}),month:Fe({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:Fe({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:Fe({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:(Ae={matchPattern:/^(\d+)(th|st|nd|rd)?/i,parsePattern:/\d+/i,valueCallback:t=>parseInt(t,10)},(t,e={})=>{const i=t.match(Ae.matchPattern);if(!i)return null;const o=i[0],r=t.match(Ae.parsePattern);if(!r)return null;let s=Ae.valueCallback?Ae.valueCallback(r[0]):r[0];return s=e.valueCallback?e.valueCallback(s):s,{value:s,rest:t.slice(o.length)}}),era:Oe({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:Oe({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:t=>t+1}),month:Oe({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:Oe({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:Oe({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 Te(t,e){const i=pe(t,e?.in),o=function(t,e){const[i,o]=we(0,t,e),r=xe(i),s=xe(o),n=+r-fe(r),a=+s-fe(s);return Math.round((n-a)/864e5)}(i,function(t,e){const i=pe(t,e?.in);return i.setFullYear(i.getFullYear(),0,1),i.setHours(0,0,0,0),i}(i));return o+1}function Be(t,e){const i=pe(t,e?.in),o=+ye(i)-+function(t,e){const i=ve(t,e),o=he(t,0);return o.setFullYear(i,0,4),o.setHours(0,0,0,0),ye(o)}(i);return Math.round(o/de)+1}function Le(t,e){const i=pe(t,e?.in),o=i.getFullYear(),r=be(),s=e?.firstWeekContainsDate??e?.locale?.options?.firstWeekContainsDate??r.firstWeekContainsDate??r.locale?.options?.firstWeekContainsDate??1,n=he(e?.in||t,0);n.setFullYear(o+1,0,s),n.setHours(0,0,0,0);const a=me(n,e),l=he(e?.in||t,0);l.setFullYear(o,0,s),l.setHours(0,0,0,0);const d=me(l,e);return+i>=+a?o+1:+i>=+d?o:o-1}function Pe(t,e){const i=pe(t,e?.in),o=+me(i,e)-+function(t,e){const i=be(),o=e?.firstWeekContainsDate??e?.locale?.options?.firstWeekContainsDate??i.firstWeekContainsDate??i.locale?.options?.firstWeekContainsDate??1,r=Le(t,e),s=he(e?.in||t,0);return s.setFullYear(r,0,o),s.setHours(0,0,0,0),me(s,e)}(i,e);return Math.round(o/de)+1}function je(t,e){return(t<0?"-":"")+Math.abs(t).toString().padStart(e,"0")}const Re={y(t,e){const i=t.getFullYear(),o=i>0?i:1-i;return je("yy"===e?o%100:o,e.length)},M(t,e){const i=t.getMonth();return"M"===e?String(i+1):je(i+1,2)},d:(t,e)=>je(t.getDate(),e.length),a(t,e){const i=t.getHours()/12>=1?"pm":"am";switch(e){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:(t,e)=>je(t.getHours()%12||12,e.length),H:(t,e)=>je(t.getHours(),e.length),m:(t,e)=>je(t.getMinutes(),e.length),s:(t,e)=>je(t.getSeconds(),e.length),S(t,e){const i=e.length,o=t.getMilliseconds();return je(Math.trunc(o*Math.pow(10,i-3)),e.length)}},We="midnight",Ne="noon",ze="morning",Ie="afternoon",qe="evening",Ve="night",Ue={G:function(t,e,i){const o=t.getFullYear()>0?1:0;switch(e){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(t,e,i){if("yo"===e){const e=t.getFullYear(),o=e>0?e:1-e;return i.ordinalNumber(o,{unit:"year"})}return Re.y(t,e)},Y:function(t,e,i,o){const r=Le(t,o),s=r>0?r:1-r;if("YY"===e){return je(s%100,2)}return"Yo"===e?i.ordinalNumber(s,{unit:"year"}):je(s,e.length)},R:function(t,e){return je(ve(t),e.length)},u:function(t,e){return je(t.getFullYear(),e.length)},Q:function(t,e,i){const o=Math.ceil((t.getMonth()+1)/3);switch(e){case"Q":return String(o);case"QQ":return je(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(t,e,i){const o=Math.ceil((t.getMonth()+1)/3);switch(e){case"q":return String(o);case"qq":return je(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(t,e,i){const o=t.getMonth();switch(e){case"M":case"MM":return Re.M(t,e);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(t,e,i){const o=t.getMonth();switch(e){case"L":return String(o+1);case"LL":return je(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(t,e,i,o){const r=Pe(t,o);return"wo"===e?i.ordinalNumber(r,{unit:"week"}):je(r,e.length)},I:function(t,e,i){const o=Be(t);return"Io"===e?i.ordinalNumber(o,{unit:"week"}):je(o,e.length)},d:function(t,e,i){return"do"===e?i.ordinalNumber(t.getDate(),{unit:"date"}):Re.d(t,e)},D:function(t,e,i){const o=Te(t);return"Do"===e?i.ordinalNumber(o,{unit:"dayOfYear"}):je(o,e.length)},E:function(t,e,i){const o=t.getDay();switch(e){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(t,e,i,o){const r=t.getDay(),s=(r-o.weekStartsOn+8)%7||7;switch(e){case"e":return String(s);case"ee":return je(s,2);case"eo":return i.ordinalNumber(s,{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(t,e,i,o){const r=t.getDay(),s=(r-o.weekStartsOn+8)%7||7;switch(e){case"c":return String(s);case"cc":return je(s,e.length);case"co":return i.ordinalNumber(s,{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(t,e,i){const o=t.getDay(),r=0===o?7:o;switch(e){case"i":return String(r);case"ii":return je(r,e.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(t,e,i){const o=t.getHours()/12>=1?"pm":"am";switch(e){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(t,e,i){const o=t.getHours();let r;switch(r=12===o?Ne:0===o?We:o/12>=1?"pm":"am",e){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(t,e,i){const o=t.getHours();let r;switch(r=o>=17?qe:o>=12?Ie:o>=4?ze:Ve,e){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(t,e,i){if("ho"===e){let e=t.getHours()%12;return 0===e&&(e=12),i.ordinalNumber(e,{unit:"hour"})}return Re.h(t,e)},H:function(t,e,i){return"Ho"===e?i.ordinalNumber(t.getHours(),{unit:"hour"}):Re.H(t,e)},K:function(t,e,i){const o=t.getHours()%12;return"Ko"===e?i.ordinalNumber(o,{unit:"hour"}):je(o,e.length)},k:function(t,e,i){let o=t.getHours();return 0===o&&(o=24),"ko"===e?i.ordinalNumber(o,{unit:"hour"}):je(o,e.length)},m:function(t,e,i){return"mo"===e?i.ordinalNumber(t.getMinutes(),{unit:"minute"}):Re.m(t,e)},s:function(t,e,i){return"so"===e?i.ordinalNumber(t.getSeconds(),{unit:"second"}):Re.s(t,e)},S:function(t,e){return Re.S(t,e)},X:function(t,e,i){const o=t.getTimezoneOffset();if(0===o)return"Z";switch(e){case"X":return Ye(o);case"XXXX":case"XX":return Ge(o);default:return Ge(o,":")}},x:function(t,e,i){const o=t.getTimezoneOffset();switch(e){case"x":return Ye(o);case"xxxx":case"xx":return Ge(o);default:return Ge(o,":")}},O:function(t,e,i){const o=t.getTimezoneOffset();switch(e){case"O":case"OO":case"OOO":return"GMT"+He(o,":");default:return"GMT"+Ge(o,":")}},z:function(t,e,i){const o=t.getTimezoneOffset();switch(e){case"z":case"zz":case"zzz":return"GMT"+He(o,":");default:return"GMT"+Ge(o,":")}},t:function(t,e,i){return je(Math.trunc(+t/1e3),e.length)},T:function(t,e,i){return je(+t,e.length)}};function He(t,e=""){const i=t>0?"-":"+",o=Math.abs(t),r=Math.trunc(o/60),s=o%60;return 0===s?i+String(r):i+String(r)+e+je(s,2)}function Ye(t,e){if(t%60==0){return(t>0?"-":"+")+je(Math.abs(t)/60,2)}return Ge(t,e)}function Ge(t,e=""){const i=t>0?"-":"+",o=Math.abs(t);return i+je(Math.trunc(o/60),2)+e+je(o%60,2)}const Ke=(t,e)=>{switch(t){case"P":return e.date({width:"short"});case"PP":return e.date({width:"medium"});case"PPP":return e.date({width:"long"});default:return e.date({width:"full"})}},Xe=(t,e)=>{switch(t){case"p":return e.time({width:"short"});case"pp":return e.time({width:"medium"});case"ppp":return e.time({width:"long"});default:return e.time({width:"full"})}},Qe={p:Xe,P:(t,e)=>{const i=t.match(/(P+)(p+)?/)||[],o=i[1],r=i[2];if(!r)return Ke(t,e);let s;switch(o){case"P":s=e.dateTime({width:"short"});break;case"PP":s=e.dateTime({width:"medium"});break;case"PPP":s=e.dateTime({width:"long"});break;default:s=e.dateTime({width:"full"})}return s.replace("{{date}}",Ke(o,e)).replace("{{time}}",Xe(r,e))}},Je=/^D+$/,Ze=/^Y+$/,ti=["D","DD","YY","YYYY"];const ei=/[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g,ii=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g,oi=/^'([^]*?)'?$/,ri=/''/g,si=/[a-zA-Z]/;function ni(t,e,i){const o=be(),r=o.locale??_e,s=o.firstWeekContainsDate??o.locale?.options?.firstWeekContainsDate??1,n=o.weekStartsOn??o.locale?.options?.weekStartsOn??0,a=pe(t,i?.in);if(!ke(a))throw new RangeError("Invalid time value");let l=e.match(ii).map((t=>{const e=t[0];if("p"===e||"P"===e){return(0,Qe[e])(t,r.formatLong)}return t})).join("").match(ei).map((t=>{if("''"===t)return{isToken:!1,value:"'"};const e=t[0];if("'"===e)return{isToken:!1,value:ai(t)};if(Ue[e])return{isToken:!0,value:t};if(e.match(si))throw new RangeError("Format string contains an unescaped latin alphabet character `"+e+"`");return{isToken:!1,value:t}}));r.localize.preprocessor&&(l=r.localize.preprocessor(a,l));const d={firstWeekContainsDate:s,weekStartsOn:n,locale:r};return l.map((i=>{if(!i.isToken)return i.value;const o=i.value;(function(t){return Ze.test(t)}(o)||function(t){return Je.test(t)}(o))&&function(t,e,i){const o=function(t,e,i){const o="Y"===t[0]?"years":"days of the month";return`Use \`${t.toLowerCase()}\` instead of \`${t}\` (in \`${e}\`) for formatting ${o} to the input \`${i}\`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md`}(t,e,i);if(console.warn(o),ti.includes(t))throw new RangeError(o)}(o,e,String(t));return(0,Ue[o[0]])(a,o,r.localize,d)})).join("")}function ai(t){const e=t.match(oi);return e?e[1].replace(ri,"'"):t}function li(t,e){return pe(t,e?.in).getDate()}function di(t,e){const i=pe(t,e?.in),o=i.getFullYear(),r=i.getMonth(),s=he(i,0);return s.setFullYear(o,r+1,0),s.setHours(0,0,0,0),s.getDate()}function ci(t,e){return+pe(t)>+pe(e)}function hi(t,e){return+pe(t)<+pe(e)}function pi(t,e,i){const[o,r]=we(0,t,e);return o.getFullYear()===r.getFullYear()&&o.getMonth()===r.getMonth()}function ui(t,e,i){const[o,r]=we(0,t,e);return o.getFullYear()===r.getFullYear()}function gi(t,e){return function(t,e){const[i,o]=we(0,t,e);return+xe(i)===+xe(o)}(he(t,t),function(t){return he(t,Date.now())}(t))}let bi=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=t=>{const e=this.getRootNode(),i=e?.host;!i||t.composedPath().includes(this)||t.composedPath().includes(i)||this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}}static{this.styles=[Q,o`
3016
+ ${G}
2942
3017
 
2943
3018
  /* Estilos generales del contenedor del calendario (escritorio) */
2944
3019
  .calendar-container {
@@ -3004,7 +3079,7 @@ function L(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
3004
3079
  }
3005
3080
 
3006
3081
  .month-year-button {
3007
- ${R}
3082
+ ${P}
3008
3083
  display: flex;
3009
3084
  align-items: center;
3010
3085
  justify-content: center;
@@ -3053,7 +3128,7 @@ function L(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
3053
3128
 
3054
3129
  /* Estilos para cada botón de día */
3055
3130
  .day {
3056
- ${W}
3131
+ ${j}
3057
3132
  display: flex;
3058
3133
  align-items: center;
3059
3134
  justify-content: center;
@@ -3116,7 +3191,7 @@ function L(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
3116
3191
  /* Botones de año y mes en la grilla */
3117
3192
  .year-button,
3118
3193
  .month-button {
3119
- ${W}
3194
+ ${j}
3120
3195
  background: var(--secondary-white, #fff);
3121
3196
  border: 1px solid transparent;
3122
3197
  color: var( --secondary-dark-blue-80, #3c4257 );
@@ -3270,7 +3345,7 @@ function L(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
3270
3345
  }
3271
3346
 
3272
3347
  .mobile-modal .day {
3273
- ${z}
3348
+ ${R}
3274
3349
  font-weight: 500;
3275
3350
  display: flex;
3276
3351
  align-items: center;
@@ -3368,7 +3443,7 @@ function L(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
3368
3443
  border-radius: 9999px;
3369
3444
  }
3370
3445
  /* */
3371
- `]}firstUpdated(){this.shadowRoot?.addEventListener("keydown",this.handleCalendarKeydown.bind(this))}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this.handleOutsideClick),this.addEventListener("focus-input",this.handleFocusInput)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.handleOutsideClick)}handleFocusInput(){const t=this.shadowRoot?.querySelector(".date-input");t?.focus()}handleHeaderClick(){"days"===this.currentView?this.currentView="years":this.currentView="days"}_updateView(t,e=null){this.viewDate=t,e&&(this.currentView=e),this.dispatchEvent(new CustomEvent("view-date-change",{detail:{date:this.viewDate}}))}handleNavClick(t){let e=this.viewDate;e="days"===this.currentView?xt(this.viewDate,t):"months"===this.currentView?Ot(this.viewDate,t):Ot(this.viewDate,21*t),this._updateView(e)}handleYearSelect(t){const e=function(t,e,i){const o=wt(t,i?.in);return isNaN(+o)?ft(t,NaN):(o.setFullYear(e),o)}(this.viewDate,t);this._updateView(e,"months"),this.updateComplete.then((()=>{const t=this.shadowRoot?.querySelector(".month-year-button");t?.focus()}))}handleMonthSelect(t){const e=function(t,e,i){const o=wt(t,i?.in),r=o.getFullYear(),n=o.getDate(),s=ft(t,0);s.setFullYear(r,e,15),s.setHours(0,0,0,0);const a=me(s);return o.setMonth(e,Math.min(n,a)),o}(this.viewDate,t);this._updateView(e,"days"),this.updateComplete.then((()=>{const t=this.initialFocusElement||this.shadowRoot?.querySelector(".month-year-button");t?.focus()}))}handleDayClick(t){this.selectedDate=t,this.dispatchEvent(new CustomEvent("date-selected",{detail:{date:t},bubbles:!0,composed:!0}))}getFullMonthNames(){return["Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre"]}getShortMonthNames(){return this.getFullMonthNames().map((t=>t.substring(0,3)))}getShortWeekdays(){return["lu","ma","mi","ju","vi","sa","do"]}focusCalendar(){this.updateComplete.then((()=>{const t=this.shadowRoot?.querySelector(".month-year-button");t?t.focus():this.initialFocusElement?.focus()}))}_findAndFocusDayButton(t){const e=this.shadowRoot?.activeElement;if(!e||!e.classList.contains("day"))return;const i=Array.from(this.shadowRoot.querySelectorAll(".day:not([disabled])")),o=i.findIndex((t=>t===e));if(-1===o)return;let r=o+t;r<0&&(r=0),r>=i.length&&(r=i.length-1);const n=i[r];n&&n.focus()}_focusDayOfWeekEdge(t){const e=this.shadowRoot?.activeElement;if(!e||!e.classList.contains("day"))return;if(-1===Array.from(this.shadowRoot.querySelectorAll(".day:not([disabled])")).findIndex((t=>t===e)))return;const i=Array.from(this.shadowRoot.querySelectorAll(".days-grid > *")).findIndex((t=>t===e));if(-1===i)return;const o=i%7;let r=null;if("start"===t){const t=i-o;r=this.shadowRoot?.querySelector(`.days-grid > :nth-child(${t+1}) .day:not([disabled]), .days-grid > :nth-child(${t+1}).day:not([disabled])`);let e=t;for(;!r&&e<=i;)e++,r=this.shadowRoot?.querySelector(`.days-grid > :nth-child(${e+1}) .day:not([disabled]), .days-grid > :nth-child(${e+1}).day:not([disabled])`)}else{const t=i+(6-o);r=this.shadowRoot?.querySelector(`.days-grid > :nth-child(${t+1}) .day:not([disabled]), .days-grid > :nth-child(${t+1}).day:not([disabled])`);let e=t;for(;!r&&e>=i;)e--,r=this.shadowRoot?.querySelector(`.days-grid > :nth-child(${e+1}) .day:not([disabled]), .days-grid > :nth-child(${e+1}).day:not([disabled])`)}r?.focus()}handleCalendarKeydown(t){const{key:e}=t,i=this.shadowRoot?.activeElement;if("Escape"===e)return t.preventDefault(),void this.dispatchEvent(new CustomEvent("close"));if(i&&(i.classList.contains("month-year-button")||i.classList.contains("nav-button"))){t.preventDefault();const o=this.shadowRoot?.querySelector(".month-year-button"),r=this.shadowRoot?.querySelector(".header-right button:first-child"),n=this.shadowRoot?.querySelector(".header-right button:last-child");if("Enter"===e||" "===e)return i===o?this.handleHeaderClick():i===r?this.handleNavClick(-1):i===n&&this.handleNavClick(1),void this.updateComplete.then((()=>i.focus()));switch(e){case"ArrowUp":return t.preventDefault(),void this.dispatchEvent(new CustomEvent("focus-input",{bubbles:!0,composed:!0}));case"ArrowRight":(i===o||i===r)&&n?.focus();break;case"ArrowLeft":i===n?r?.focus():i===r&&o?.focus();break;case"ArrowDown":if("days"===this.currentView){const t=this.initialFocusElement||this.shadowRoot?.querySelector(".day:not([disabled])");t?.focus()}else if("months"===this.currentView||"years"===this.currentView){const t=this.shadowRoot?.querySelector(`.${"months"===this.currentView?"month":"year"}-grid button:not([disabled])`);t?.focus()}}}else if(i&&i.classList.contains("day")&&"days"===this.currentView){t.preventDefault();const o=Array.from(this.shadowRoot.querySelectorAll(".day:not([disabled])")).findIndex((t=>t===i)),r=this.shadowRoot?.querySelector(".month-year-button");switch(e){case"ArrowLeft":this._findAndFocusDayButton(-1);break;case"ArrowRight":this._findAndFocusDayButton(1);break;case"ArrowDown":this._findAndFocusDayButton(7);break;case"ArrowUp":o-7<0?r?.focus():this._findAndFocusDayButton(-7);break;case"Home":this._focusDayOfWeekEdge("start");break;case"End":this._focusDayOfWeekEdge("end");break;case"Enter":i.click()}}else if(i&&(i.classList.contains("month-button")||i.classList.contains("year-button"))){t.preventDefault();const o="months"===this.currentView?".month-button:not([disabled])":".year-button:not([disabled])",r=Array.from(this.shadowRoot.querySelectorAll(o)),n=r.findIndex((t=>t===i)),s=this.shadowRoot?.querySelector(".month-year-button");if(-1===n)return;let a=n;switch(e){case"ArrowDown":a+=3,a>=r.length&&(a=r.length-1);break;case"ArrowUp":if(a-=3,a<0)return void s?.focus();break;case"ArrowLeft":a-=1,a<0&&(a=0);break;case"ArrowRight":a+=1,a>=r.length&&(a=r.length-1);break;case"Enter":i.click()}a!==n&&r[a]?.focus()}else(e.startsWith("Arrow")||"Enter"===e)&&t.preventDefault()}renderHeader(){const t=this.getFullMonthNames();let i="",o=!1,r=!1;if("years"===this.currentView){const t=this.viewDate.getFullYear()-this.viewDate.getFullYear()%21,e=t+20;i=`${t} - ${e}`;o=t<=(this.minDate?this.minDate.getFullYear():-1/0),r=e>=(this.maxDate?this.maxDate.getFullYear():1/0)}else if("months"===this.currentView){i=`${this.viewDate.getFullYear()}`;const t=this.viewDate.getFullYear();o=t<=(this.minDate?this.minDate.getFullYear():-1/0),r=t>=(this.maxDate?this.maxDate.getFullYear():1/0)}else{i=` ${t[this.viewDate.getMonth()]} ${this.viewDate.getFullYear()} `,this.minDate&&(o=we(Tt(this.viewDate),Tt(this.minDate))||fe(this.viewDate,this.minDate)),this.maxDate&&(r=we(Tt(this.viewDate),Tt(this.maxDate))||ve(this.viewDate,this.maxDate))}const n="months"===this.currentView,s=e`
3446
+ `]}firstUpdated(){this.shadowRoot?.addEventListener("keydown",this.handleCalendarKeydown.bind(this))}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this.handleOutsideClick),this.addEventListener("focus-input",this.handleFocusInput)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.handleOutsideClick)}handleFocusInput(){const t=this.shadowRoot?.querySelector(".date-input");t?.focus()}handleHeaderClick(){"days"===this.currentView?this.currentView="years":this.currentView="days"}_updateView(t,e=null){this.viewDate=t,e&&(this.currentView=e),this.dispatchEvent(new CustomEvent("view-date-change",{detail:{date:this.viewDate}}))}handleNavClick(t){let e=this.viewDate;e="days"===this.currentView?ue(this.viewDate,t):"months"===this.currentView?$e(this.viewDate,t):$e(this.viewDate,21*t),this._updateView(e)}handleYearSelect(t){const e=function(t,e,i){const o=pe(t,i?.in);return isNaN(+o)?he(t,NaN):(o.setFullYear(e),o)}(this.viewDate,t);this._updateView(e,"months"),this.updateComplete.then((()=>{const t=this.shadowRoot?.querySelector(".month-year-button");t?.focus()}))}handleMonthSelect(t){const e=function(t,e,i){const o=pe(t,i?.in),r=o.getFullYear(),s=o.getDate(),n=he(t,0);n.setFullYear(r,e,15),n.setHours(0,0,0,0);const a=di(n);return o.setMonth(e,Math.min(s,a)),o}(this.viewDate,t);this._updateView(e,"days"),this.updateComplete.then((()=>{const t=this.initialFocusElement||this.shadowRoot?.querySelector(".month-year-button");t?.focus()}))}handleDayClick(t){this.selectedDate=t,this.dispatchEvent(new CustomEvent("date-selected",{detail:{date:t},bubbles:!0,composed:!0}))}getFullMonthNames(){return["Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre"]}getShortMonthNames(){return this.getFullMonthNames().map((t=>t.substring(0,3)))}getShortWeekdays(){return["lu","ma","mi","ju","vi","sa","do"]}focusCalendar(){this.updateComplete.then((()=>{const t=this.shadowRoot?.querySelector(".month-year-button");t?t.focus():this.initialFocusElement?.focus()}))}_findAndFocusDayButton(t){const e=this.shadowRoot?.activeElement;if(!e||!e.classList.contains("day"))return;const i=Array.from(this.shadowRoot.querySelectorAll(".day:not([disabled])")),o=i.findIndex((t=>t===e));if(-1===o)return;let r=o+t;r<0&&(r=0),r>=i.length&&(r=i.length-1);const s=i[r];s&&s.focus()}_focusDayOfWeekEdge(t){const e=this.shadowRoot?.activeElement;if(!e||!e.classList.contains("day"))return;if(-1===Array.from(this.shadowRoot.querySelectorAll(".day:not([disabled])")).findIndex((t=>t===e)))return;const i=Array.from(this.shadowRoot.querySelectorAll(".days-grid > *")).findIndex((t=>t===e));if(-1===i)return;const o=i%7;let r=null;if("start"===t){const t=i-o;r=this.shadowRoot?.querySelector(`.days-grid > :nth-child(${t+1}) .day:not([disabled]), .days-grid > :nth-child(${t+1}).day:not([disabled])`);let e=t;for(;!r&&e<=i;)e++,r=this.shadowRoot?.querySelector(`.days-grid > :nth-child(${e+1}) .day:not([disabled]), .days-grid > :nth-child(${e+1}).day:not([disabled])`)}else{const t=i+(6-o);r=this.shadowRoot?.querySelector(`.days-grid > :nth-child(${t+1}) .day:not([disabled]), .days-grid > :nth-child(${t+1}).day:not([disabled])`);let e=t;for(;!r&&e>=i;)e--,r=this.shadowRoot?.querySelector(`.days-grid > :nth-child(${e+1}) .day:not([disabled]), .days-grid > :nth-child(${e+1}).day:not([disabled])`)}r?.focus()}handleCalendarKeydown(t){const{key:e}=t,i=this.shadowRoot?.activeElement;if("Escape"===e)return t.preventDefault(),void this.dispatchEvent(new CustomEvent("close"));if(i&&(i.classList.contains("month-year-button")||i.classList.contains("nav-button"))){t.preventDefault();const o=this.shadowRoot?.querySelector(".month-year-button"),r=this.shadowRoot?.querySelector(".header-right button:first-child"),s=this.shadowRoot?.querySelector(".header-right button:last-child");if("Enter"===e||" "===e)return i===o?this.handleHeaderClick():i===r?this.handleNavClick(-1):i===s&&this.handleNavClick(1),void this.updateComplete.then((()=>i.focus()));switch(e){case"ArrowUp":return t.preventDefault(),void this.dispatchEvent(new CustomEvent("focus-input",{bubbles:!0,composed:!0}));case"ArrowRight":(i===o||i===r)&&s?.focus();break;case"ArrowLeft":i===s?r?.focus():i===r&&o?.focus();break;case"ArrowDown":if("days"===this.currentView){const t=this.initialFocusElement||this.shadowRoot?.querySelector(".day:not([disabled])");t?.focus()}else if("months"===this.currentView||"years"===this.currentView){const t=this.shadowRoot?.querySelector(`.${"months"===this.currentView?"month":"year"}-grid button:not([disabled])`);t?.focus()}}}else if(i&&i.classList.contains("day")&&"days"===this.currentView){t.preventDefault();const o=Array.from(this.shadowRoot.querySelectorAll(".day:not([disabled])")).findIndex((t=>t===i)),r=this.shadowRoot?.querySelector(".month-year-button");switch(e){case"ArrowLeft":this._findAndFocusDayButton(-1);break;case"ArrowRight":this._findAndFocusDayButton(1);break;case"ArrowDown":this._findAndFocusDayButton(7);break;case"ArrowUp":o-7<0?r?.focus():this._findAndFocusDayButton(-7);break;case"Home":this._focusDayOfWeekEdge("start");break;case"End":this._focusDayOfWeekEdge("end");break;case"Enter":i.click()}}else if(i&&(i.classList.contains("month-button")||i.classList.contains("year-button"))){t.preventDefault();const o="months"===this.currentView?".month-button:not([disabled])":".year-button:not([disabled])",r=Array.from(this.shadowRoot.querySelectorAll(o)),s=r.findIndex((t=>t===i)),n=this.shadowRoot?.querySelector(".month-year-button");if(-1===s)return;let a=s;switch(e){case"ArrowDown":a+=3,a>=r.length&&(a=r.length-1);break;case"ArrowUp":if(a-=3,a<0)return void n?.focus();break;case"ArrowLeft":a-=1,a<0&&(a=0);break;case"ArrowRight":a+=1,a>=r.length&&(a=r.length-1);break;case"Enter":i.click()}a!==s&&r[a]?.focus()}else(e.startsWith("Arrow")||"Enter"===e)&&t.preventDefault()}renderHeader(){const t=this.getFullMonthNames();let i="",o=!1,r=!1;if("years"===this.currentView){const t=this.viewDate.getFullYear()-this.viewDate.getFullYear()%21,e=t+20;i=`${t} - ${e}`;o=t<=(this.minDate?this.minDate.getFullYear():-1/0),r=e>=(this.maxDate?this.maxDate.getFullYear():1/0)}else if("months"===this.currentView){i=`${this.viewDate.getFullYear()}`;const t=this.viewDate.getFullYear();o=t<=(this.minDate?this.minDate.getFullYear():-1/0),r=t>=(this.maxDate?this.maxDate.getFullYear():1/0)}else{i=` ${t[this.viewDate.getMonth()]} ${this.viewDate.getFullYear()} `,this.minDate&&(o=pi(Se(this.viewDate),Se(this.minDate))||hi(this.viewDate,this.minDate)),this.maxDate&&(r=pi(Se(this.viewDate),Se(this.maxDate))||ci(this.viewDate,this.maxDate))}const s="months"===this.currentView,n=e`
3372
3447
  <randstad-icon
3373
3448
  name="${"days"===this.currentView?"arrow_drop_down":"arrow_drop_up"}"
3374
3449
  class="select-icon"
@@ -3380,7 +3455,7 @@ function L(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
3380
3455
  <button class="month-year-button" @click=${this.handleHeaderClick}>
3381
3456
  <span>${i}</span>
3382
3457
 
3383
- ${s}
3458
+ ${n}
3384
3459
  </button>
3385
3460
  </div>
3386
3461
 
@@ -3388,7 +3463,7 @@ function L(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
3388
3463
  <button
3389
3464
  class="nav-button"
3390
3465
  @click=${()=>this.handleNavClick(-1)}
3391
- ?disabled=${o||n}
3466
+ ?disabled=${o||s}
3392
3467
  >
3393
3468
  <randstad-icon name="arrow_left"></randstad-icon>
3394
3469
  </button>
@@ -3396,19 +3471,19 @@ function L(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
3396
3471
  <button
3397
3472
  class="nav-button"
3398
3473
  @click=${()=>this.handleNavClick(1)}
3399
- ?disabled=${r||n}
3474
+ ?disabled=${r||s}
3400
3475
  >
3401
3476
  <randstad-icon name="arrow_right"></randstad-icon>
3402
3477
  </button>
3403
3478
  </div>
3404
3479
  </div>
3405
- `}renderYearsView(){const t=this.viewDate.getFullYear()-this.viewDate.getFullYear()%21,i=Array.from({length:21},((e,i)=>t+i)),o=this.selectedDate?this.selectedDate.getFullYear():null,r=(new Date).getFullYear(),n=this.minDate?this.minDate.getFullYear():-1/0,s=this.maxDate?this.maxDate.getFullYear():1/0;return e`
3480
+ `}renderYearsView(){const t=this.viewDate.getFullYear()-this.viewDate.getFullYear()%21,i=Array.from({length:21},((e,i)=>t+i)),o=this.selectedDate?this.selectedDate.getFullYear():null,r=(new Date).getFullYear(),s=this.minDate?this.minDate.getFullYear():-1/0,n=this.maxDate?this.maxDate.getFullYear():1/0;return e`
3406
3481
  <div class="year-grid">
3407
3482
  ${i.map((t=>e`
3408
3483
  <button
3409
3484
  class="${` year-button ${t===o?"selected":t===r?"current":""} `}"
3410
3485
  @click=${()=>this.handleYearSelect(t)}
3411
- ?disabled=${t<n||t>s}
3486
+ ?disabled=${t<s||t>n}
3412
3487
  >
3413
3488
  ${t}
3414
3489
  </button>
@@ -3416,30 +3491,30 @@ function L(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
3416
3491
  </div>
3417
3492
  `}renderMonthsView(){const t=this.getShortMonthNames(),i=this.selectedDate?.getMonth(),o=(new Date).getMonth(),r=this.viewDate.getFullYear();return e`
3418
3493
  <div class="month-grid">
3419
- ${t.map(((t,n)=>{const s=n===o,a=n===i&&this.selectedDate&&xe(this.viewDate,this.selectedDate),l=n===i&&this.selectedDate&&!xe(this.viewDate,this.selectedDate);let d=!1;this.minDate&&r===this.minDate.getFullYear()&&(d=n<this.minDate.getMonth()),this.maxDate&&r===this.maxDate.getFullYear()&&(d=d||n>this.maxDate.getMonth());return e`
3494
+ ${t.map(((t,s)=>{const n=s===o,a=s===i&&this.selectedDate&&ui(this.viewDate,this.selectedDate),l=s===i&&this.selectedDate&&!ui(this.viewDate,this.selectedDate);let d=!1;this.minDate&&r===this.minDate.getFullYear()&&(d=s<this.minDate.getMonth()),this.maxDate&&r===this.maxDate.getFullYear()&&(d=d||s>this.maxDate.getMonth());return e`
3420
3495
  <button
3421
- class="${"month-button "+(a?"selected":l?"secondary-selected":s?"current":"")}"
3496
+ class="${"month-button "+(a?"selected":l?"secondary-selected":n?"current":"")}"
3422
3497
  ?disabled=${d}
3423
- @click=${()=>this.handleMonthSelect(n)}
3498
+ @click=${()=>this.handleMonthSelect(s)}
3424
3499
  >
3425
3500
  ${t}
3426
3501
  </button>
3427
3502
  `}))}
3428
3503
  </div>
3429
- `}renderDayView(){const t=me(this.viewDate),i=Tt(this.viewDate),o=wt(i,r?.in).getDay();var r;const n=Array.from({length:0===o?6:o-1},(()=>null)),s=Array.from({length:t},((t,e)=>function(t,e,i){const o=wt(t,i?.in);return o.setDate(e),o}(i,e+1))),a=this.getShortWeekdays();return e`
3504
+ `}renderDayView(){const t=di(this.viewDate),i=Se(this.viewDate),o=pe(i,r?.in).getDay();var r;const s=Array.from({length:0===o?6:o-1},(()=>null)),n=Array.from({length:t},((t,e)=>function(t,e,i){const o=pe(t,i?.in);return o.setDate(e),o}(i,e+1))),a=this.getShortWeekdays();return e`
3430
3505
  <div class="weekdays">
3431
3506
  ${a.map((t=>e`<div>${t}</div>`))}
3432
3507
  </div>
3433
3508
 
3434
3509
  <div class="days-grid">
3435
- ${n.map((()=>e`<div></div>`))}
3436
- ${s.map((t=>{const i=Ft(t),o=this.selectedDate?Ft(this.selectedDate):null,r=this.minDate&&fe(i,Ft(this.minDate))||this.maxDate&&ve(i,Ft(this.maxDate)),n=ke(i),s=o&&ye(i)===ye(o),a=s&&o&&we(i,o)&&xe(i,o);return e`
3510
+ ${s.map((()=>e`<div></div>`))}
3511
+ ${n.map((t=>{const i=xe(t),o=this.selectedDate?xe(this.selectedDate):null,r=this.minDate&&hi(i,xe(this.minDate))||this.maxDate&&ci(i,xe(this.maxDate)),s=gi(i),n=o&&li(i)===li(o),a=n&&o&&pi(i,o)&&ui(i,o);return e`
3437
3512
  <button
3438
- class="${`day ${n?"today":""} ${a?"selected":s&&!a?"secondary-selected":""}`}"
3513
+ class="${`day ${s?"today":""} ${a?"selected":n&&!a?"secondary-selected":""}`}"
3439
3514
  ?disabled=${r}
3440
3515
  @click=${()=>this.handleDayClick(t)}
3441
3516
  >
3442
- ${ge(t,"d")}
3517
+ ${ni(t,"d")}
3443
3518
  </button>
3444
3519
  `}))}
3445
3520
  </div>
@@ -3456,10 +3531,10 @@ function L(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
3456
3531
  <div class="calendar-container" style="width: ${this.calendarWidth}px;">
3457
3532
  ${i}
3458
3533
  </div>
3459
- `}};n([T({type:Object}),s("design:type",Object)],$e.prototype,"selectedDate",void 0),n([T({type:Object}),s("design:type",Date)],$e.prototype,"viewDate",void 0),n([T({type:Boolean}),s("design:type",Object)],$e.prototype,"isMobile",void 0),n([T({type:Number}),s("design:type",Number)],$e.prototype,"calendarWidth",void 0),n([T({type:Object}),s("design:type",Object)],$e.prototype,"minDate",void 0),n([T({type:Object}),s("design:type",Object)],$e.prototype,"maxDate",void 0),n([P(),s("design:type",String)],$e.prototype,"currentView",void 0),n([L(".day.selected, .day.today:not(.selected)"),s("design:type",HTMLButtonElement)],$e.prototype,"initialFocusElement",void 0),$e=n([a("calendar-overlay")],$e);let Se=class extends j{constructor(){super(...arguments),this.isRenderClearButton=!0,this.eighteenOrOlder=!1,this.isOpen=!1,this.selectedDate=null,this.viewDate=new Date,this.isMobile=!1,this.calendarWidth=0,this.inputValue=null,this.updateResponsiveModeBound=this.updateResponsiveMode.bind(this),this.handleClickOutside=t=>{t.composedPath().includes(this)||(this.isOpen=!1)}}static{this.styles=o`
3534
+ `}};s([A({type:Object}),n("design:type",Object)],bi.prototype,"selectedDate",void 0),s([A({type:Object}),n("design:type",Date)],bi.prototype,"viewDate",void 0),s([A({type:Boolean}),n("design:type",Object)],bi.prototype,"isMobile",void 0),s([A({type:Number}),n("design:type",Number)],bi.prototype,"calendarWidth",void 0),s([A({type:Object}),n("design:type",Object)],bi.prototype,"minDate",void 0),s([A({type:Object}),n("design:type",Object)],bi.prototype,"maxDate",void 0),s([_(),n("design:type",String)],bi.prototype,"currentView",void 0),s([T(".day.selected, .day.today:not(.selected)"),n("design:type",HTMLButtonElement)],bi.prototype,"initialFocusElement",void 0),bi=s([a("calendar-overlay")],bi);let mi=class extends B{constructor(){super(...arguments),this.isRenderClearButton=!0,this.eighteenOrOlder=!1,this.isOpen=!1,this.selectedDate=null,this.viewDate=new Date,this.isMobile=!1,this.calendarWidth=0,this.inputValue=null,this.updateResponsiveModeBound=this.updateResponsiveMode.bind(this),this.handleClickOutside=t=>{t.composedPath().includes(this)||(this.isOpen=!1)}}static{this.styles=o`
3535
+ ${K}
3460
3536
  ${X}
3461
- ${Q}
3462
- ${G}
3537
+ ${Y}
3463
3538
 
3464
3539
  /* Si se proporciona una propiedad width (ej. width="600px"), se usa ese valor. */
3465
3540
  :host {
@@ -3524,7 +3599,7 @@ function L(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
3524
3599
  }
3525
3600
 
3526
3601
  .date-input {
3527
- ${z}
3602
+ ${R}
3528
3603
  flex-grow: 1;
3529
3604
  border: none;
3530
3605
  outline: none;
@@ -3563,7 +3638,7 @@ function L(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
3563
3638
  .calendar-button randstad-icon {
3564
3639
  font-size: 18px;
3565
3640
  }
3566
- `}setMessageErrorFormatInvalid(){return"formato de fecha inválido, se esperaba 'dd-MM-yyyy'"}handleFocusInput(){this.shadowRoot?.querySelector(".date-input")?.focus()}connectedCallback(){super.connectedCallback(),this.updateResponsiveMode(),window.addEventListener("resize",this.updateResponsiveModeBound),document.addEventListener("click",this.handleClickOutside),this.addEventListener("focus-input",this.handleFocusInput)}disconnectedCallback(){window.removeEventListener("resize",this.updateResponsiveModeBound),document.removeEventListener("click",this.handleClickOutside),this.removeEventListener("focus-input",this.handleFocusInput),super.disconnectedCallback()}firstUpdated(){this.setInitialWidth()}updated(t){t.has("width")&&this.style.setProperty("width",this.width||"100%"),t.has("value")&&this._syncValue(this.value),(t.has("isOpen")||t.has("value"))&&this.setInitialWidth(),super.updated(t)}setInitialWidth(){this.inputContainer&&(this.calendarWidth=this.inputContainer.getBoundingClientRect().width)}updateResponsiveMode(){this.isMobile=window.innerWidth<=940,this.setInitialWidth()}handleInput(t){const e=t.target;this.inputValue=e.value,this._parseAndValidateDate(e.value,!0)}handleCalendarButtonClick(t){if(!this.disabled)if(t.stopPropagation(),this.isOpen){this.isOpen=!1;const t=this.shadowRoot?.querySelector(".date-input");t?.focus()}else this.isOpen=!0,this.selectedDate?this.viewDate=this.selectedDate:this.viewDate=new Date,this.requestUpdate(),this.updateComplete.then((()=>{const t=this.shadowRoot?.querySelector(".date-input");t?.focus()}))}handleClearDate(){this.inputValue=null,this.selectedDate=null,this.error=!1,this.errorMessage=null,this.closeOverlay(null)}handleDateSelect(t){const e=t.detail.date;if(!e)return;if(this._validateDate(e)){this.selectedDate=e,this.viewDate=e;const t=ge(e,"dd-MM-yyyy");this.inputValue=t,this.closeOverlay(t)}else{const t=ge(e,"dd-MM-yyyy");this.inputValue=t,this.selectedDate=null,this.closeOverlay(null)}}handleViewDateChange(t){this.viewDate=t.detail.date}closeOverlay(t){this.value=t,this.dispatchEvent(new CustomEvent("date-selected",{detail:{value:t}})),this.isOpen=!1;const e=this.shadowRoot?.querySelector(".date-input");e?.focus()}_syncValue(t){if(""===t||null===t)return void(this.error||(this.selectedDate=null,this.inputValue=null,this.errorMessage=null));const e=this._parseDate(t);e&&this._validateDate(e)?(this.selectedDate=e,this.viewDate=e,this.error=!1,this.errorMessage=null,this.value=ge(e,"dd-MM-yyyy"),this.inputValue=this.value):this.selectedDate=e}_validateDate(t){if(!t)return!1;if(this.error=!1,this.errorMessage=null,this.eighteenOrOlder){const e=function(t,e,i){return Ot(t,-18,i)}(new Date);if(ve(t,e))return this.error=!0,this.errorMessage="tenés que ser mayor de 18 años",!1}if(!this._isWithinBounds(t)){const t=this._getValidDateRange();return this.error=!0,this.errorMessage=`la fecha debe estar entre ${t?.minDate?ge(t.minDate,"dd-MM-yyyy"):""} y ${t?.maxDate?ge(t.maxDate,"dd-MM-yyyy"):""}.`,!1}return!0}_parseAndValidateDate(t,e){if(this.disabled)return;if(""===t||null===t)return this.selectedDate=null,this.error=!1,this.errorMessage=null,void(e&&this.closeOverlay(null));const i=this._parseDate(t);if(i){this._validateDate(i)?(this.selectedDate=i,this.viewDate=i,this.error=!1,this.errorMessage=null,e&&this.closeOverlay(ge(i,"dd-MM-yyyy"))):(this.error=!0,this.selectedDate=null,e&&this.closeOverlay(null))}else this.error=!0,this.errorMessage=this.setMessageErrorFormatInvalid(),this.selectedDate=null,e&&this.closeOverlay(null)}_parseDate(t){const e=t.split("-").map(Number);if(3===e.length){const[i,o,r]=e;if(i&&o&&r&&o>=1&&o<=12&&r>1e3){const e=new Date(r,o-1,i,12);if(Bt(e)&&ge(e,"dd-MM-yyyy")===t)return e}}const i=t.split("-").map(Number);if(3===i.length){const[e,o,r]=i;if(e&&o&&r&&o>=1&&o<=12&&e>1e3){const i=new Date(e,o-1,r,12);if(Bt(i)&&ge(i,"yyyy-MM-dd")===t)return i}}return null}_parseDateString(t){if(!t)return null;const e=t.split("-").map(Number);if(3===e.length&&!isNaN(e[0])&&!isNaN(e[1])&&!isNaN(e[2])){return new Date(e[0],e[1]-1,e[2],12)}return null}_getValidDateRange(){const t=this._parseDateString(this.minDate),e=this._parseDateString(this.maxDate);return t||e?t&&e&&ve(t,e)?null:{minDate:t,maxDate:e}:{minDate:null,maxDate:null}}_isWithinBounds(t){const e=this._getValidDateRange();return!e||(!e.minDate||!fe(t,e.minDate))&&(!e.maxDate||!ve(t,e.maxDate))}handleKeyDown(t){if(this.disabled)return;const{key:e}=t,i=this.shadowRoot?.querySelector(".date-input");if("Enter"===e||" "===e)t.preventDefault(),this.isOpen?this.closeOverlay(this.value):(this.isOpen=!0,this.selectedDate?this.viewDate=this.selectedDate:this.viewDate=new Date,this.requestUpdate());else if("Escape"===e){if(!this.isOpen)return;t.preventDefault(),this.closeOverlay(this.value)}else"ArrowDown"===e&&(t.preventDefault(),this.isOpen||(this.isOpen=!0,this.selectedDate?this.viewDate=this.selectedDate:this.viewDate=new Date,this.requestUpdate()),this.updateComplete.then((()=>{const t=this.shadowRoot?.querySelector("calendar-overlay");t&&"function"==typeof t.focusCalendar&&t.focusCalendar()})));const o=this.shadowRoot?.querySelector(".clear-button"),r=this.shadowRoot?.querySelector(".calendar-button");"ArrowRight"===e&&(t.preventDefault(),this.shadowRoot?.activeElement===i&&(o?o.focus():r?.focus()))}handleClearButtonKeydown(t){if(this.disabled)return;const{key:e}=t,i=this.shadowRoot?.querySelector(".date-input"),o=this.shadowRoot?.querySelector(".calendar-button");"ArrowLeft"===e?(t.preventDefault(),i?.focus()):"ArrowRight"===e&&(t.preventDefault(),o?.focus())}handleCalendarButtonKeydown(t){if(this.disabled)return;const{key:e}=t,i=this.shadowRoot?.querySelector(".date-input"),o=this.shadowRoot?.querySelector(".clear-button");"ArrowLeft"===e?(t.preventDefault(),o?o.focus():i?.focus()):("Enter"!==e&&" "!==e||t.preventDefault(),this.handleCalendarButtonClick(t))}render(){const t=r({"input-wrapper":!0,active:this.isOpen,error:this.error,disabled:this.disabled}),o=this._getValidDateRange();return e`
3641
+ `}setMessageErrorFormatInvalid(){return"formato de fecha inválido, se esperaba 'dd-MM-yyyy'"}handleFocusInput(){this.shadowRoot?.querySelector(".date-input")?.focus()}connectedCallback(){super.connectedCallback(),this.updateResponsiveMode(),window.addEventListener("resize",this.updateResponsiveModeBound),document.addEventListener("click",this.handleClickOutside),this.addEventListener("focus-input",this.handleFocusInput)}disconnectedCallback(){window.removeEventListener("resize",this.updateResponsiveModeBound),document.removeEventListener("click",this.handleClickOutside),this.removeEventListener("focus-input",this.handleFocusInput),super.disconnectedCallback()}firstUpdated(){this.setInitialWidth()}updated(t){t.has("width")&&this.style.setProperty("width",this.width||"100%"),t.has("value")&&this._syncValue(this.value),(t.has("isOpen")||t.has("value"))&&this.setInitialWidth(),super.updated(t)}setInitialWidth(){this.inputContainer&&(this.calendarWidth=this.inputContainer.getBoundingClientRect().width)}updateResponsiveMode(){this.isMobile=window.innerWidth<=940,this.setInitialWidth()}handleInput(t){const e=t.target;this.inputValue=e.value,this._parseAndValidateDate(e.value,!0)}handleCalendarButtonClick(t){if(!this.disabled)if(t.stopPropagation(),this.isOpen){this.isOpen=!1;const t=this.shadowRoot?.querySelector(".date-input");t?.focus()}else this.isOpen=!0,this.selectedDate?this.viewDate=this.selectedDate:this.viewDate=new Date,this.requestUpdate(),this.updateComplete.then((()=>{const t=this.shadowRoot?.querySelector(".date-input");t?.focus()}))}handleClearDate(){this.inputValue=null,this.selectedDate=null,this.error=!1,this.errorMessage=null,this.closeOverlay(null)}handleDateSelect(t){const e=t.detail.date;if(!e)return;if(this._validateDate(e)){this.selectedDate=e,this.viewDate=e;const t=ni(e,"dd-MM-yyyy");this.inputValue=t,this.closeOverlay(t)}else{const t=ni(e,"dd-MM-yyyy");this.inputValue=t,this.selectedDate=null,this.closeOverlay(null)}}handleViewDateChange(t){this.viewDate=t.detail.date}closeOverlay(t){this.value=t,this.dispatchEvent(new CustomEvent("date-selected",{detail:{value:t}})),this.isOpen=!1;const e=this.shadowRoot?.querySelector(".date-input");e?.focus()}_syncValue(t){if(""===t||null===t)return void(this.error||(this.selectedDate=null,this.inputValue=null,this.errorMessage=null));const e=this._parseDate(t);e&&this._validateDate(e)?(this.selectedDate=e,this.viewDate=e,this.error=!1,this.errorMessage=null,this.value=ni(e,"dd-MM-yyyy"),this.inputValue=this.value):this.selectedDate=e}_validateDate(t){if(!t)return!1;if(this.error=!1,this.errorMessage=null,this.eighteenOrOlder){const e=function(t,e,i){return $e(t,-18,i)}(new Date);if(ci(t,e))return this.error=!0,this.errorMessage="tenés que ser mayor de 18 años",!1}if(!this._isWithinBounds(t)){const t=this._getValidDateRange();return this.error=!0,this.errorMessage=`la fecha debe estar entre ${t?.minDate?ni(t.minDate,"dd-MM-yyyy"):""} y ${t?.maxDate?ni(t.maxDate,"dd-MM-yyyy"):""}.`,!1}return!0}_parseAndValidateDate(t,e){if(this.disabled)return;if(""===t||null===t)return this.selectedDate=null,this.error=!1,this.errorMessage=null,void(e&&this.closeOverlay(null));const i=this._parseDate(t);if(i){this._validateDate(i)?(this.selectedDate=i,this.viewDate=i,this.error=!1,this.errorMessage=null,e&&this.closeOverlay(ni(i,"dd-MM-yyyy"))):(this.error=!0,this.selectedDate=null,e&&this.closeOverlay(null))}else this.error=!0,this.errorMessage=this.setMessageErrorFormatInvalid(),this.selectedDate=null,e&&this.closeOverlay(null)}_parseDate(t){const e=t.split("-").map(Number);if(3===e.length){const[i,o,r]=e;if(i&&o&&r&&o>=1&&o<=12&&r>1e3){const e=new Date(r,o-1,i,12);if(ke(e)&&ni(e,"dd-MM-yyyy")===t)return e}}const i=t.split("-").map(Number);if(3===i.length){const[e,o,r]=i;if(e&&o&&r&&o>=1&&o<=12&&e>1e3){const i=new Date(e,o-1,r,12);if(ke(i)&&ni(i,"yyyy-MM-dd")===t)return i}}return null}_parseDateString(t){if(!t)return null;const e=t.split("-").map(Number);if(3===e.length&&!isNaN(e[0])&&!isNaN(e[1])&&!isNaN(e[2])){return new Date(e[0],e[1]-1,e[2],12)}return null}_getValidDateRange(){const t=this._parseDateString(this.minDate),e=this._parseDateString(this.maxDate);return t||e?t&&e&&ci(t,e)?null:{minDate:t,maxDate:e}:{minDate:null,maxDate:null}}_isWithinBounds(t){const e=this._getValidDateRange();return!e||(!e.minDate||!hi(t,e.minDate))&&(!e.maxDate||!ci(t,e.maxDate))}handleKeyDown(t){if(this.disabled)return;const{key:e}=t,i=this.shadowRoot?.querySelector(".date-input");if("Enter"===e||" "===e)t.preventDefault(),this.isOpen?this.closeOverlay(this.value):(this.isOpen=!0,this.selectedDate?this.viewDate=this.selectedDate:this.viewDate=new Date,this.requestUpdate());else if("Escape"===e){if(!this.isOpen)return;t.preventDefault(),this.closeOverlay(this.value)}else"ArrowDown"===e&&(t.preventDefault(),this.isOpen||(this.isOpen=!0,this.selectedDate?this.viewDate=this.selectedDate:this.viewDate=new Date,this.requestUpdate()),this.updateComplete.then((()=>{const t=this.shadowRoot?.querySelector("calendar-overlay");t&&"function"==typeof t.focusCalendar&&t.focusCalendar()})));const o=this.shadowRoot?.querySelector(".clear-button"),r=this.shadowRoot?.querySelector(".calendar-button");"ArrowRight"===e&&(t.preventDefault(),this.shadowRoot?.activeElement===i&&(o?o.focus():r?.focus()))}handleClearButtonKeydown(t){if(this.disabled)return;const{key:e}=t,i=this.shadowRoot?.querySelector(".date-input"),o=this.shadowRoot?.querySelector(".calendar-button");"ArrowLeft"===e?(t.preventDefault(),i?.focus()):"ArrowRight"===e&&(t.preventDefault(),o?.focus())}handleCalendarButtonKeydown(t){if(this.disabled)return;const{key:e}=t,i=this.shadowRoot?.querySelector(".date-input"),o=this.shadowRoot?.querySelector(".clear-button");"ArrowLeft"===e?(t.preventDefault(),o?o.focus():i?.focus()):("Enter"!==e&&" "!==e||t.preventDefault(),this.handleCalendarButtonClick(t))}render(){const t=r({"input-wrapper":!0,active:this.isOpen,error:this.error,disabled:this.disabled}),o=this._getValidDateRange();return e`
3567
3642
  <div class="datepicker-container" style="${this.labelColor?` --label-color: ${this.labelColor}`:""}">
3568
3643
  ${this.renderLabelContainer()}
3569
3644
 
@@ -3618,11 +3693,11 @@ function L(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
3618
3693
 
3619
3694
  ${this.renderHelper()}
3620
3695
  </div>
3621
- `}};n([T({type:String}),s("design:type",String)],Se.prototype,"width",void 0),n([T({type:Boolean}),s("design:type",Object)],Se.prototype,"isRenderClearButton",void 0),n([T({type:String}),s("design:type",String)],Se.prototype,"minDate",void 0),n([T({type:String}),s("design:type",String)],Se.prototype,"maxDate",void 0),n([T({type:Boolean}),s("design:type",Object)],Se.prototype,"eighteenOrOlder",void 0),n([P(),s("design:type",Object)],Se.prototype,"isOpen",void 0),n([P(),s("design:type",Object)],Se.prototype,"selectedDate",void 0),n([P(),s("design:type",Date)],Se.prototype,"viewDate",void 0),n([P(),s("design:type",Object)],Se.prototype,"isMobile",void 0),n([P(),s("design:type",Number)],Se.prototype,"calendarWidth",void 0),n([P(),s("design:type",Object)],Se.prototype,"inputValue",void 0),n([L(".input-container"),s("design:type",HTMLDivElement)],Se.prototype,"inputContainer",void 0),Se=n([a("datepicker-component")],Se);let De=class extends pt{constructor(){super(...arguments),this.maxFiles=1,this.acceptedFileTypes=[],this.maxFileSize=0,this.buttonText="Agregar archivo"}static{this.styles=o`
3696
+ `}};s([A({type:String}),n("design:type",String)],mi.prototype,"width",void 0),s([A({type:Boolean}),n("design:type",Object)],mi.prototype,"isRenderClearButton",void 0),s([A({type:String}),n("design:type",String)],mi.prototype,"minDate",void 0),s([A({type:String}),n("design:type",String)],mi.prototype,"maxDate",void 0),s([A({type:Boolean}),n("design:type",Object)],mi.prototype,"eighteenOrOlder",void 0),s([_(),n("design:type",Object)],mi.prototype,"isOpen",void 0),s([_(),n("design:type",Object)],mi.prototype,"selectedDate",void 0),s([_(),n("design:type",Date)],mi.prototype,"viewDate",void 0),s([_(),n("design:type",Object)],mi.prototype,"isMobile",void 0),s([_(),n("design:type",Number)],mi.prototype,"calendarWidth",void 0),s([_(),n("design:type",Object)],mi.prototype,"inputValue",void 0),s([T(".input-container"),n("design:type",HTMLDivElement)],mi.prototype,"inputContainer",void 0),mi=s([a("datepicker-component")],mi);let yi=class extends re{constructor(){super(...arguments),this.maxFiles=1,this.acceptedFileTypes=[],this.maxFileSize=0,this.buttonText="Agregar archivo",this.showDeleteConfirmation=!1,this.isRemovePopupOpen=!1,this.fileIndexToRemove=-1,this.fileNameToRemove=""}static{this.styles=o`
3697
+ ${K}
3622
3698
  ${X}
3623
- ${Q}
3624
- ${G}
3625
- ${bt}
3699
+ ${Y}
3700
+ ${ae}
3626
3701
 
3627
3702
  :host([width]) {
3628
3703
  width: var( --upload-file-width );
@@ -3661,7 +3736,7 @@ function L(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
3661
3736
  }
3662
3737
 
3663
3738
  .file-name {
3664
- ${W};
3739
+ ${j};
3665
3740
  text-align: right;
3666
3741
  color: var( --secondary-color-40 );
3667
3742
  vertical-align: middle;
@@ -3684,7 +3759,7 @@ function L(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
3684
3759
  outline: 2px solid rgb( 0, 215, 255 ) !important;
3685
3760
  outline-offset: 1px;
3686
3761
  }
3687
- `}getFileConfig(){const t=this.acceptedFileTypes.length>0,e=this.maxFileSize>0;return{baseMaxFiles:this.maxFiles,maxFileSize:this.maxFileSize,acceptedFileTypes:this.acceptedFileTypes,errorMessageType:t?`formato de archivo no válido, se aceptan: ${this.getTextAcceptedFileTypes()}`:"",errorMessageSize:e?`el archivo es demasiado grande, el máximo es de ${this.getTextMaxFileSize()}`:"",typeError:"file"}}getTextAcceptedFileTypes(){return this.getReadableFileTypes(this.acceptedFileTypes,gt)}getTextMaxFileSize(){return this.baseGetTextMaxFileSize(this.maxFileSize)}updated(t){super.updated(t),this.applyWidth()}applyWidth(){this.width&&this.style.setProperty("--upload-file-width",this.width)}onFileInputChange(t){this.baseOnFileInputChange(t,this.getFileConfig())}willUpdate(t){(t.has("maxFiles")||0===t.size)&&(this.isMultiple=this.maxFiles>1)}render(){const t=this.files.length>=this.maxFiles,o=this.disabled||t,r=e`
3762
+ `}getFileConfig(){const t=this.acceptedFileTypes.length>0,e=this.maxFileSize>0;return{baseMaxFiles:this.maxFiles,maxFileSize:this.maxFileSize,acceptedFileTypes:this.acceptedFileTypes,errorMessageType:t?`formato de archivo no válido, se aceptan: ${this.getTextAcceptedFileTypes()}`:"",errorMessageSize:e?`el archivo es demasiado grande, el máximo es de ${this.getTextMaxFileSize()}`:"",typeError:"file"}}getTextAcceptedFileTypes(){return this.getReadableFileTypes(this.acceptedFileTypes,ne)}getTextMaxFileSize(){return this.baseGetTextMaxFileSize(this.maxFileSize)}updated(t){super.updated(t),this.applyWidth()}applyWidth(){this.width&&this.style.setProperty("--upload-file-width",this.width)}onFileInputChange(t){this.baseOnFileInputChange(t,this.getFileConfig())}willUpdate(t){(t.has("maxFiles")||0===t.size)&&(this.isMultiple=this.maxFiles>1)}handleRemoveFile(t,e){this.showDeleteConfirmation?this.confirmRemoveFile(t,e):this.removeFile(t,"file")}confirmRemoveFile(t,e){this.fileIndexToRemove=t,this.fileNameToRemove=e,this.isRemovePopupOpen=!0}handlePopupClose(t){t.detail||this.removeFile(this.fileIndexToRemove,"file"),this.isRemovePopupOpen=!1,this.fileIndexToRemove=-1,this.fileNameToRemove=""}render(){const t=this.files.length>=this.maxFiles,o=this.disabled||t,r=e`
3688
3763
  <randstad-button
3689
3764
  .label=${this.buttonText}
3690
3765
  .variant=${"button-primary"}
@@ -3721,7 +3796,7 @@ function L(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
3721
3796
  class="remove-file-button"
3722
3797
  .variant=${"button-icon"}
3723
3798
  .iconName=${"trash"}
3724
- @click=${()=>this.removeFile(i,"file")}
3799
+ @click=${()=>this.handleRemoveFile(i,t.name)}
3725
3800
  ?disabled=${this.disabled}
3726
3801
  >
3727
3802
  </randstad-button>
@@ -3730,8 +3805,22 @@ function L(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
3730
3805
  </div>
3731
3806
  </div>
3732
3807
  `:i}
3808
+
3809
+ ${this.isRemovePopupOpen?e`
3810
+ <custom-popup
3811
+ .open=${this.isRemovePopupOpen}
3812
+ .type=${"other"}
3813
+ .icon=${"icon_trash.svg"}
3814
+ .title=${`¿querés eliminar este ${this.typeTextFile||"archivo"}?`}
3815
+ .description=${void 0}
3816
+ .confirmText=${"cancelar"}
3817
+ .cancelText=${"sí, eliminar"}
3818
+ @popup-close=${this.handlePopupClose}
3819
+ >
3820
+ </custom-popup>
3821
+ `:i}
3733
3822
  </div>
3734
- `}};n([T({type:String}),s("design:type",String)],De.prototype,"width",void 0),n([T({type:Number}),s("design:type",Object)],De.prototype,"maxFiles",void 0),n([T({type:Array}),s("design:type",Array)],De.prototype,"acceptedFileTypes",void 0),n([T({type:Number}),s("design:type",Object)],De.prototype,"maxFileSize",void 0),n([T({type:String}),s("design:type",Object)],De.prototype,"buttonText",void 0),De=n([a("upload-file")],De);let Ee=class extends t{constructor(){super(),this.cards=[],this.cardWidth="",this.cardHeight="",this.navWidth=112,this.showNavButtons=!0,this.isDynamicWidth=!0,this.isInfiniteScrollPartial=!0,this.autoPlayDelayMs=0,this.showPrevButton=!1,this.showNextButton=!0,this.isDraggingWithButtons=!1,this.isDownWithButtons=!1,this.startXWithButtons=0,this.scrollLeftPositionWithButtons=0,this.isScrollingByButton=!1,this.isDownDrag=!1,this.prevXDrag=0,this.isDraggingDrag=!1,this.scrollLeftDrag=0,this.observer=null,this.scrollTimeout=null,this.autoPlayTimer=null,this.handleResize=()=>{},this.DESKTOP_GAP=40,this.TABLET_GAP=24,this.MOBILE_GAP=24,this.handleMouseDownWithButtons=this.handleMouseDownWithButtons.bind(this),this.handleMouseLeaveWithButtons=this.handleMouseLeaveWithButtons.bind(this),this.handleMouseUpWithButtons=this.handleMouseUpWithButtons.bind(this),this.handleMouseMoveWithButtons=this.handleMouseMoveWithButtons.bind(this),this.handleScrollWithButtons=this.handleScrollWithButtons.bind(this),this.handleMouseDownDrag=this.handleMouseDownDrag.bind(this),this.handleMouseLeaveDrag=this.handleMouseLeaveDrag.bind(this),this.handleMouseUpDrag=this.handleMouseUpDrag.bind(this),this.handleMouseMoveDrag=this.handleMouseMoveDrag.bind(this),this.handleResize=this.resizeHandler.bind(this)}static{this.styles=o`
3823
+ `}};s([A({type:String}),n("design:type",String)],yi.prototype,"width",void 0),s([A({type:Number}),n("design:type",Object)],yi.prototype,"maxFiles",void 0),s([A({type:Array}),n("design:type",Array)],yi.prototype,"acceptedFileTypes",void 0),s([A({type:Number}),n("design:type",Object)],yi.prototype,"maxFileSize",void 0),s([A({type:String}),n("design:type",Object)],yi.prototype,"buttonText",void 0),s([A({type:Boolean}),n("design:type",Object)],yi.prototype,"showDeleteConfirmation",void 0),s([_(),n("design:type",Boolean)],yi.prototype,"isRemovePopupOpen",void 0),s([_(),n("design:type",Number)],yi.prototype,"fileIndexToRemove",void 0),s([_(),n("design:type",String)],yi.prototype,"fileNameToRemove",void 0),yi=s([a("upload-file")],yi);let vi=class extends t{constructor(){super(),this.cards=[],this.cardWidth="",this.cardHeight="",this.navWidth=112,this.showNavButtons=!0,this.isDynamicWidth=!0,this.isInfiniteScrollPartial=!0,this.autoPlayDelayMs=0,this.showPrevButton=!1,this.showNextButton=!0,this.isDraggingWithButtons=!1,this.isDownWithButtons=!1,this.startXWithButtons=0,this.scrollLeftPositionWithButtons=0,this.isScrollingByButton=!1,this.isDownDrag=!1,this.prevXDrag=0,this.isDraggingDrag=!1,this.scrollLeftDrag=0,this.observer=null,this.scrollTimeout=null,this.autoPlayTimer=null,this.handleResize=()=>{},this.DESKTOP_GAP=40,this.TABLET_GAP=24,this.MOBILE_GAP=24,this.handleMouseDownWithButtons=this.handleMouseDownWithButtons.bind(this),this.handleMouseLeaveWithButtons=this.handleMouseLeaveWithButtons.bind(this),this.handleMouseUpWithButtons=this.handleMouseUpWithButtons.bind(this),this.handleMouseMoveWithButtons=this.handleMouseMoveWithButtons.bind(this),this.handleScrollWithButtons=this.handleScrollWithButtons.bind(this),this.handleMouseDownDrag=this.handleMouseDownDrag.bind(this),this.handleMouseLeaveDrag=this.handleMouseLeaveDrag.bind(this),this.handleMouseUpDrag=this.handleMouseUpDrag.bind(this),this.handleMouseMoveDrag=this.handleMouseMoveDrag.bind(this),this.handleResize=this.resizeHandler.bind(this)}static{this.styles=o`
3735
3824
  :host {
3736
3825
  display: block;
3737
3826
  width: 100%;
@@ -4008,7 +4097,7 @@ function L(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
4008
4097
  padding-right: 0 !important;
4009
4098
  }
4010
4099
  }
4011
- `}getCarouselGap(){let t;const e=window.innerWidth;return t=e>=941?this.DESKTOP_GAP:e>=501?this.TABLET_GAP:this.MOBILE_GAP,t}setCarouselGap(){this.style.setProperty("--carousel-cards-gap",`${this.getCarouselGap()}px`)}getNavWidth(){return this.navWidth??112}getInitialPadding(){if(!this.slider||!1===this.showNavButtons)return 0;const t=window.getComputedStyle(this.slider).getPropertyValue("scroll-padding-left");return parseFloat(t)||0}updated(t){super.updated(t),t.has("navWidth")&&this.style.setProperty("--nav-width",`${this.getNavWidth()}px`)}firstUpdated(){this.slider&&(this.setCarouselGap(),this.initAutoPlayConfig(),this.cardWidth||!1===this.isDynamicWidth?this.isDynamicWidth=!1:this.hasAttribute("isdynamicwidth")&&void 0!==this.isDynamicWidth||(this.isDynamicWidth=!0),this.initNavModeConfig(),this.slider.addEventListener("dragstart",(t=>t.preventDefault())),0===this.cards.length&&this.slotElement&&this.loadMutationObserver())}initAutoPlayConfig(){this.autoPlayDelayMs>0&&(this.isDynamicWidth=!0,this.showNavButtons=!1),this.autoPlayDelayMs>0&&this.slider&&(this.slider.addEventListener("mouseenter",this.handleMouseEnter.bind(this)),this.slider.addEventListener("mouseleave",this.handleMouseLeaveDrag.bind(this)),this.slider.addEventListener("touchstart",this.handleMouseEnter.bind(this)),this.slider.addEventListener("touchend",this.handleMouseLeaveDrag.bind(this)))}initNavModeConfig(){!1!==this.showNavButtons?(this.slider.addEventListener("mousedown",this.handleMouseDownWithButtons),this.slider.addEventListener("mouseleave",this.handleMouseLeaveWithButtons),this.slider.addEventListener("mouseup",this.handleMouseUpWithButtons),this.slider.addEventListener("mousemove",this.handleMouseMoveWithButtons),this.slider.addEventListener("scroll",this.handleScrollWithButtons),window.requestAnimationFrame((()=>this.handleScrollWithButtons())),this.slider.addEventListener("mouseenter",this.handleMouseEnter.bind(this))):(this.slider.classList.add("drag-mode"),this.slider.addEventListener("mousedown",this.handleMouseDownDrag),this.slider.addEventListener("mouseleave",this.handleMouseLeaveDrag),this.slider.addEventListener("mouseup",this.handleMouseUpDrag),this.slider.addEventListener("mousemove",this.handleMouseMoveDrag),this.slider.addEventListener("mouseenter",this.handleMouseEnter.bind(this)))}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",this.handleResize),this.autoPlayDelayMs>0&&setTimeout((()=>this.startAutoPlay()),100)}disconnectedCallback(){super.disconnectedCallback(),this.slider&&(this.slider.removeEventListener("mousedown",this.handleMouseDownWithButtons),this.slider.removeEventListener("mouseleave",this.handleMouseLeaveWithButtons),this.slider.removeEventListener("mouseup",this.handleMouseUpWithButtons),this.slider.removeEventListener("mousemove",this.handleMouseMoveWithButtons),this.slider.removeEventListener("scroll",this.handleScrollWithButtons),this.slider.removeEventListener("mousedown",this.handleMouseDownDrag),this.slider.removeEventListener("mouseleave",this.handleMouseLeaveDrag),this.slider.removeEventListener("mouseup",this.handleMouseUpDrag),this.slider.removeEventListener("mousemove",this.handleMouseMoveDrag),null!==this.scrollTimeout&&window.clearTimeout(this.scrollTimeout),this.observer&&this.observer.disconnect(),this.stopAutoPlay())}resizeHandler(){this.requestUpdate(),this.setCarouselGap()}loadMutationObserver(){this.observer=new MutationObserver(((t,e)=>{t.some((t=>t.addedNodes.length>0))&&setTimeout((()=>{this.handleScrollWithButtons(),this.slider.scrollWidth>this.slider.clientWidth&&e.disconnect()}),50)})),this.observer.observe(this,{childList:!0,subtree:!0})}handleMouseEnter(){this.stopAutoPlay()}startAutoPlay(){this.autoPlayDelayMs<=0||!this.slider||null!==this.autoPlayTimer||window.setTimeout((()=>{null===this.autoPlayTimer&&(this.autoPlayTimer=window.setInterval((()=>this.scrollToNext(new Event("autoplay"))),this.autoPlayDelayMs))}),100)}stopAutoPlay(){null!==this.autoPlayTimer&&(window.clearInterval(this.autoPlayTimer),this.autoPlayTimer=null)}handleMouseDownDrag(t){this.slider&&0===t.button&&(this.autoPlayDelayMs>0&&this.stopAutoPlay(),this.isDownDrag=!0,this.isDraggingDrag=!1,this.slider.classList.add("active"),this.slider.style.scrollBehavior="auto",this.prevXDrag=t.pageX,this.scrollLeftDrag=this.slider.scrollLeft)}handleMouseLeaveDrag(){this.slider&&(this.isDownDrag=!1,this.isDraggingDrag=!1,this.slider.classList.remove("active"),this.autoPlayDelayMs>0&&window.setTimeout((()=>{this.startAutoPlay()}),500))}handleMouseUpDrag(){this.slider&&(this.isDownDrag=!1,this.isDraggingDrag=!1,this.slider.classList.remove("active"))}handleMouseMoveDrag(t){if(t.preventDefault(),!this.isDownDrag||!this.slider)return;this.isDraggingDrag=!0;const e=t.pageX-this.prevXDrag;this.slider.scrollLeft-=1.5*e,this.prevXDrag=t.pageX}shouldPreventDragWithButtons(){if(!this.slider)return!1;return this.slider.scrollWidth-this.slider.clientWidth>1}handleMouseDownWithButtons(t){this.slider&&0===t.button&&(this.shouldPreventDragWithButtons()||(this.isDownWithButtons=!0,this.isDraggingWithButtons=!1,this.slider.classList.add("active"),this.slider.style.scrollBehavior="auto",this.startXWithButtons=t.pageX,this.scrollLeftPositionWithButtons=this.slider.scrollLeft))}handleMouseMoveWithButtons(t){if(t.preventDefault(),!this.isDownWithButtons||!this.slider)return;if(this.shouldPreventDragWithButtons())return;this.isDraggingWithButtons=!0;const e=1.5*(t.pageX-this.startXWithButtons);this.slider.scrollLeft=this.scrollLeftPositionWithButtons-e}handleMouseUpWithButtons(){this.slider&&(this.isDownWithButtons=!1,this.isDraggingWithButtons=!1,this.slider.classList.remove("active"))}handleMouseLeaveWithButtons(){this.isDownWithButtons&&(this.isDownWithButtons=!1,this.isDraggingWithButtons=!1,this.slider.classList.remove("active"),this.autoPlayDelayMs>0&&this.startAutoPlay())}handleScrollWithButtons(){if(!this.slider)return;if(this.isScrollingByButton){const t=this.slider.scrollWidth-this.slider.clientWidth,e=this.slider.scrollLeft,i=10;return t<=i?(this.showPrevButton=!1,void(this.showNextButton=!1)):(this.showPrevButton=e>i,void(this.showNextButton=e<t-i))}null!==this.scrollTimeout&&window.clearTimeout(this.scrollTimeout),this.scrollTimeout=window.setTimeout((()=>{this.slider.style.scrollSnapType="none",this.scrollTimeout=null}),100);const t=this.slider.scrollWidth-this.slider.clientWidth,e=this.slider.scrollLeft;if(t<=10)return this.showPrevButton=!1,void(this.showNextButton=!1);this.showPrevButton=e>10,this.showNextButton=e<t-10}getNavButtonWidth(){if(!1===this.showNavButtons)return 0;if(!this.isDynamicWidth)return this.getNavWidth();return window.matchMedia("( max-width: 500px )").matches?0:this.getNavWidth()}getScrollAmount(){let t=null;if(this.cards.length>0)t=this.slider.querySelector(".carousel-card-item");else if(this.slotElement){t=this.slotElement.assignedElements({flatten:!0}).find((t=>t.classList.contains("carousel-card-item")))||null}if(!t||0===t.getBoundingClientRect().width){const t=parseFloat(this.cardWidth.replace("px",""))||280,e=window.getComputedStyle(this.slider),i=e.getPropertyValue("gap")||e.getPropertyValue("column-gap");return t+(parseFloat(i)||0)}const e=t.getBoundingClientRect().width,i=window.getComputedStyle(this.slider),o=i.getPropertyValue("gap")||i.getPropertyValue("column-gap");return e+(parseFloat(o)||0)}getCarouselItems(){return this.cards.length>0?this.slider?Array.from(this.slider.querySelectorAll(".carousel-card-item")):[]:this.slotElement?this.slotElement.assignedElements({flatten:!0}):[]}getCardsToCenterCount(){return this.isDynamicWidth&&window.matchMedia("( min-width: 941px )").matches?2:1}calculateTargetIndex(t,e,i){const o=this.getCardsToCenterCount();if(0===i.length||0===o)return-1;let r;r=t+5;let n,s=0;for(let t=0;t<i.length;t++){if(i[t].offsetLeft>=r){s=t;break}}if(this.isInfiniteScrollPartial){const e=this.getInitialPadding();0===s&&t>e&&(s=i.length-o)}if(!e&&t<5)return 0;const a=i.length-o,l=2===o;if(e){n=t<(this.isInfiniteScrollPartial?this.getInitialPadding():this.getNavButtonWidth())+5?l?2:1:s+1,n=Math.min(n,a)}else n=l&&s<=2?0:s-1,n=Math.max(0,n);return n}getScrollLeftToCenter(t,e){const i=this.getCardsToCenterCount();if(t<0||t>=e.length||0===i)return this.slider.scrollLeft;const o=e[t],r=o.getBoundingClientRect().width;if(0===r)return this.slider.scrollLeft;const n=window.getComputedStyle(this.slider),s=n.getPropertyValue("gap")||n.getPropertyValue("column-gap"),a=r*i+(parseFloat(s)||0)*(i-1);let l=o.offsetLeft+a/2-this.slider.clientWidth/2;l=Math.max(0,l);const d=this.slider.scrollWidth-this.slider.clientWidth;return l=Math.min(l,d),l}scrollToPrev(t){if("autoplay"===t.type||(t.preventDefault(),t.stopPropagation()),!this.slider)return;const e=this.getCarouselItems();if(0===e.length)return;let i;if(this.isDynamicWidth&&window.matchMedia("( min-width: 501px )").matches){const t=this.slider.scrollLeft,o=this.calculateTargetIndex(t,!1,e);i=this.getScrollLeftToCenter(o,e)}else{const t=this.slider.scrollLeft;i=0;const o=this.getInitialPadding(),r=this.getNavButtonWidth(),n=this.isInfiniteScrollPartial?o:r;for(let o=e.length-1;o>=0;o--){const r=e[o];if(Math.round(r.offsetLeft-n)<Math.round(t)-1){i=r.offsetLeft-n;break}}}this.slider.style.scrollSnapType="none",this.isScrollingByButton=!0,this.slider.scrollTo({left:i,behavior:"smooth"}),window.setTimeout((()=>{this.isScrollingByButton=!1,this.handleScrollWithButtons()}),350)}scrollToNext(t){const e="autoplay"===t.type;if(e||(t.preventDefault(),t.stopPropagation()),!this.slider)return;const i=this.getCarouselItems();if(0===i.length)return;let o;if(this.isDynamicWidth&&window.matchMedia("( min-width: 501px )").matches){const t=this.slider.scrollLeft,e=this.calculateTargetIndex(t,!0,i);o=this.getScrollLeftToCenter(e,i)}else{const t=this.slider.scrollLeft;o=-1;const e=this.getInitialPadding(),r=this.getNavButtonWidth(),n=this.isInfiniteScrollPartial?e:r;for(let e=0;e<i.length;e++){const r=i[e];if(Math.round(r.offsetLeft-n)>Math.round(t)+1){o=r.offsetLeft-n;break}}if(-1===o){o=this.slider.scrollWidth-this.slider.clientWidth}}const r=this.slider.scrollWidth-this.slider.clientWidth,n=this.slider.scrollLeft;if(e&&Math.round(n)>=Math.round(r))return this.slider.style.scrollBehavior="auto",this.slider.scrollTo({left:0,behavior:"auto"}),void(this.slider.style.scrollBehavior="smooth");this.slider.style.scrollSnapType="none",this.isScrollingByButton=!0,this.slider.scrollTo({left:o,behavior:"smooth"}),window.setTimeout((()=>{this.isScrollingByButton=!1,this.handleScrollWithButtons()}),350)}getCardCustomDimensionValue(t,e){if("width"!==t||!this.isDynamicWidth){if("width"===t){let t=window.innerWidth;if(t-=2*this.getNavButtonWidth(),t-=this.getCarouselGap(),!e)return`${t}px`;const i=e.match(/^(\d+)px$/);if(!i)return`${t}px`;return parseFloat(i[1])>t?`${t}px`:e}{const t=window.innerHeight;if(!e)return;const i=e.match(/^(\d+)px$/);if(!i)return e;return parseFloat(i[1])>t?`${t}px`:e}}}renderNavButtons(){if(!1===this.showNavButtons)return e``;const t={"nav-button":!0,prev:!0,hidden:!this.showPrevButton},i={"nav-button":!0,next:!0,hidden:!this.showNextButton};return e`
4100
+ `}getCarouselGap(){let t;const e=window.innerWidth;return t=e>=941?this.DESKTOP_GAP:e>=501?this.TABLET_GAP:this.MOBILE_GAP,t}setCarouselGap(){this.style.setProperty("--carousel-cards-gap",`${this.getCarouselGap()}px`)}getNavWidth(){return this.navWidth??112}getInitialPadding(){if(!this.slider||!1===this.showNavButtons)return 0;const t=window.getComputedStyle(this.slider).getPropertyValue("scroll-padding-left");return parseFloat(t)||0}updated(t){super.updated(t),t.has("navWidth")&&this.style.setProperty("--nav-width",`${this.getNavWidth()}px`)}firstUpdated(){this.slider&&(this.setCarouselGap(),this.initAutoPlayConfig(),this.cardWidth||!1===this.isDynamicWidth?this.isDynamicWidth=!1:this.hasAttribute("isdynamicwidth")&&void 0!==this.isDynamicWidth||(this.isDynamicWidth=!0),this.initNavModeConfig(),this.slider.addEventListener("dragstart",(t=>t.preventDefault())),0===this.cards.length&&this.slotElement&&this.loadMutationObserver())}initAutoPlayConfig(){this.autoPlayDelayMs>0&&(this.isDynamicWidth=!0,this.showNavButtons=!1),this.autoPlayDelayMs>0&&this.slider&&(this.slider.addEventListener("mouseenter",this.handleMouseEnter.bind(this)),this.slider.addEventListener("mouseleave",this.handleMouseLeaveDrag.bind(this)),this.slider.addEventListener("touchstart",this.handleMouseEnter.bind(this)),this.slider.addEventListener("touchend",this.handleMouseLeaveDrag.bind(this)))}initNavModeConfig(){!1!==this.showNavButtons?(this.slider.addEventListener("mousedown",this.handleMouseDownWithButtons),this.slider.addEventListener("mouseleave",this.handleMouseLeaveWithButtons),this.slider.addEventListener("mouseup",this.handleMouseUpWithButtons),this.slider.addEventListener("mousemove",this.handleMouseMoveWithButtons),this.slider.addEventListener("scroll",this.handleScrollWithButtons),window.requestAnimationFrame((()=>this.handleScrollWithButtons())),this.slider.addEventListener("mouseenter",this.handleMouseEnter.bind(this))):(this.slider.classList.add("drag-mode"),this.slider.addEventListener("mousedown",this.handleMouseDownDrag),this.slider.addEventListener("mouseleave",this.handleMouseLeaveDrag),this.slider.addEventListener("mouseup",this.handleMouseUpDrag),this.slider.addEventListener("mousemove",this.handleMouseMoveDrag),this.slider.addEventListener("mouseenter",this.handleMouseEnter.bind(this)))}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",this.handleResize),this.autoPlayDelayMs>0&&setTimeout((()=>this.startAutoPlay()),100)}disconnectedCallback(){super.disconnectedCallback(),this.slider&&(this.slider.removeEventListener("mousedown",this.handleMouseDownWithButtons),this.slider.removeEventListener("mouseleave",this.handleMouseLeaveWithButtons),this.slider.removeEventListener("mouseup",this.handleMouseUpWithButtons),this.slider.removeEventListener("mousemove",this.handleMouseMoveWithButtons),this.slider.removeEventListener("scroll",this.handleScrollWithButtons),this.slider.removeEventListener("mousedown",this.handleMouseDownDrag),this.slider.removeEventListener("mouseleave",this.handleMouseLeaveDrag),this.slider.removeEventListener("mouseup",this.handleMouseUpDrag),this.slider.removeEventListener("mousemove",this.handleMouseMoveDrag),null!==this.scrollTimeout&&window.clearTimeout(this.scrollTimeout),this.observer&&this.observer.disconnect(),this.stopAutoPlay())}resizeHandler(){this.requestUpdate(),this.setCarouselGap()}loadMutationObserver(){this.observer=new MutationObserver(((t,e)=>{const i=t.some((t=>t.addedNodes.length>0));i&&setTimeout((()=>{this.handleScrollWithButtons(),this.slider.scrollWidth>this.slider.clientWidth&&e.disconnect()}),50)})),this.observer.observe(this,{childList:!0,subtree:!0})}handleMouseEnter(){this.stopAutoPlay()}startAutoPlay(){this.autoPlayDelayMs<=0||!this.slider||null!==this.autoPlayTimer||window.setTimeout((()=>{null===this.autoPlayTimer&&(this.autoPlayTimer=window.setInterval((()=>this.scrollToNext(new Event("autoplay"))),this.autoPlayDelayMs))}),100)}stopAutoPlay(){null!==this.autoPlayTimer&&(window.clearInterval(this.autoPlayTimer),this.autoPlayTimer=null)}handleMouseDownDrag(t){this.slider&&0===t.button&&(this.autoPlayDelayMs>0&&this.stopAutoPlay(),this.isDownDrag=!0,this.isDraggingDrag=!1,this.slider.classList.add("active"),this.slider.style.scrollBehavior="auto",this.prevXDrag=t.pageX,this.scrollLeftDrag=this.slider.scrollLeft)}handleMouseLeaveDrag(){this.slider&&(this.isDownDrag=!1,this.isDraggingDrag=!1,this.slider.classList.remove("active"),this.autoPlayDelayMs>0&&window.setTimeout((()=>{this.startAutoPlay()}),500))}handleMouseUpDrag(){this.slider&&(this.isDownDrag=!1,this.isDraggingDrag=!1,this.slider.classList.remove("active"))}handleMouseMoveDrag(t){if(t.preventDefault(),!this.isDownDrag||!this.slider)return;this.isDraggingDrag=!0;const e=t.pageX-this.prevXDrag;this.slider.scrollLeft-=1.5*e,this.prevXDrag=t.pageX}shouldPreventDragWithButtons(){if(!this.slider)return!1;return this.slider.scrollWidth-this.slider.clientWidth>1}handleMouseDownWithButtons(t){this.slider&&0===t.button&&(this.shouldPreventDragWithButtons()||(this.isDownWithButtons=!0,this.isDraggingWithButtons=!1,this.slider.classList.add("active"),this.slider.style.scrollBehavior="auto",this.startXWithButtons=t.pageX,this.scrollLeftPositionWithButtons=this.slider.scrollLeft))}handleMouseMoveWithButtons(t){if(t.preventDefault(),!this.isDownWithButtons||!this.slider)return;if(this.shouldPreventDragWithButtons())return;this.isDraggingWithButtons=!0;const e=1.5*(t.pageX-this.startXWithButtons);this.slider.scrollLeft=this.scrollLeftPositionWithButtons-e}handleMouseUpWithButtons(){this.slider&&(this.isDownWithButtons=!1,this.isDraggingWithButtons=!1,this.slider.classList.remove("active"))}handleMouseLeaveWithButtons(){this.isDownWithButtons&&(this.isDownWithButtons=!1,this.isDraggingWithButtons=!1,this.slider.classList.remove("active"),this.autoPlayDelayMs>0&&this.startAutoPlay())}handleScrollWithButtons(){if(!this.slider)return;if(this.isScrollingByButton){const t=this.slider.scrollWidth-this.slider.clientWidth,e=this.slider.scrollLeft,i=10;return t<=i?(this.showPrevButton=!1,void(this.showNextButton=!1)):(this.showPrevButton=e>i,void(this.showNextButton=e<t-i))}null!==this.scrollTimeout&&window.clearTimeout(this.scrollTimeout),this.scrollTimeout=window.setTimeout((()=>{this.slider.style.scrollSnapType="none",this.scrollTimeout=null}),100);const t=this.slider.scrollWidth-this.slider.clientWidth,e=this.slider.scrollLeft;if(t<=10)return this.showPrevButton=!1,void(this.showNextButton=!1);this.showPrevButton=e>10,this.showNextButton=e<t-10}getNavButtonWidth(){if(!1===this.showNavButtons)return 0;if(!this.isDynamicWidth)return this.getNavWidth();return window.matchMedia("( max-width: 500px )").matches?0:this.getNavWidth()}getScrollAmount(){let t=null;if(this.cards.length>0)t=this.slider.querySelector(".carousel-card-item");else if(this.slotElement){t=this.slotElement.assignedElements({flatten:!0}).find((t=>t.classList.contains("carousel-card-item")))||null}if(!t||0===t.getBoundingClientRect().width){const t=parseFloat(this.cardWidth.replace("px",""))||280,e=window.getComputedStyle(this.slider),i=e.getPropertyValue("gap")||e.getPropertyValue("column-gap");return t+(parseFloat(i)||0)}const e=t.getBoundingClientRect().width,i=window.getComputedStyle(this.slider),o=i.getPropertyValue("gap")||i.getPropertyValue("column-gap");return e+(parseFloat(o)||0)}getCarouselItems(){return this.cards.length>0?this.slider?Array.from(this.slider.querySelectorAll(".carousel-card-item")):[]:this.slotElement?this.slotElement.assignedElements({flatten:!0}):[]}getCardsToCenterCount(){return this.isDynamicWidth&&window.matchMedia("( min-width: 941px )").matches?2:1}calculateTargetIndex(t,e,i){const o=this.getCardsToCenterCount();if(0===i.length||0===o)return-1;let r;r=t+5;let s,n=0;for(let t=0;t<i.length;t++){if(i[t].offsetLeft>=r){n=t;break}}if(this.isInfiniteScrollPartial){const e=this.getInitialPadding();0===n&&t>e&&(n=i.length-o)}if(!e&&t<5)return 0;const a=i.length-o,l=2===o;if(e){s=t<(this.isInfiniteScrollPartial?this.getInitialPadding():this.getNavButtonWidth())+5?l?2:1:n+1,s=Math.min(s,a)}else s=l&&n<=2?0:n-1,s=Math.max(0,s);return s}getScrollLeftToCenter(t,e){const i=this.getCardsToCenterCount();if(t<0||t>=e.length||0===i)return this.slider.scrollLeft;const o=e[t],r=o.getBoundingClientRect().width;if(0===r)return this.slider.scrollLeft;const s=window.getComputedStyle(this.slider),n=s.getPropertyValue("gap")||s.getPropertyValue("column-gap"),a=r*i+(parseFloat(n)||0)*(i-1);let l=o.offsetLeft+a/2-this.slider.clientWidth/2;l=Math.max(0,l);const d=this.slider.scrollWidth-this.slider.clientWidth;return l=Math.min(l,d),l}scrollToPrev(t){if("autoplay"===t.type||(t.preventDefault(),t.stopPropagation()),!this.slider)return;const e=this.getCarouselItems();if(0===e.length)return;let i;if(this.isDynamicWidth&&window.matchMedia("( min-width: 501px )").matches){const t=this.slider.scrollLeft,o=this.calculateTargetIndex(t,!1,e);i=this.getScrollLeftToCenter(o,e)}else{const t=this.slider.scrollLeft;i=0;const o=this.getInitialPadding(),r=this.getNavButtonWidth(),s=this.isInfiniteScrollPartial?o:r;for(let o=e.length-1;o>=0;o--){const r=e[o];if(Math.round(r.offsetLeft-s)<Math.round(t)-1){i=r.offsetLeft-s;break}}}this.slider.style.scrollSnapType="none",this.isScrollingByButton=!0,this.slider.scrollTo({left:i,behavior:"smooth"}),window.setTimeout((()=>{this.isScrollingByButton=!1,this.handleScrollWithButtons()}),350)}scrollToNext(t){const e="autoplay"===t.type;if(e||(t.preventDefault(),t.stopPropagation()),!this.slider)return;const i=this.getCarouselItems();if(0===i.length)return;let o;if(this.isDynamicWidth&&window.matchMedia("( min-width: 501px )").matches){const t=this.slider.scrollLeft,e=this.calculateTargetIndex(t,!0,i);o=this.getScrollLeftToCenter(e,i)}else{const t=this.slider.scrollLeft;o=-1;const e=this.getInitialPadding(),r=this.getNavButtonWidth(),s=this.isInfiniteScrollPartial?e:r;for(let e=0;e<i.length;e++){const r=i[e];if(Math.round(r.offsetLeft-s)>Math.round(t)+1){o=r.offsetLeft-s;break}}if(-1===o){o=this.slider.scrollWidth-this.slider.clientWidth}}const r=this.slider.scrollWidth-this.slider.clientWidth,s=this.slider.scrollLeft;if(e&&Math.round(s)>=Math.round(r))return this.slider.style.scrollBehavior="auto",this.slider.scrollTo({left:0,behavior:"auto"}),void(this.slider.style.scrollBehavior="smooth");this.slider.style.scrollSnapType="none",this.isScrollingByButton=!0,this.slider.scrollTo({left:o,behavior:"smooth"}),window.setTimeout((()=>{this.isScrollingByButton=!1,this.handleScrollWithButtons()}),350)}getCardCustomDimensionValue(t,e){if("width"!==t||!this.isDynamicWidth){if("width"===t){let t=window.innerWidth;if(t-=2*this.getNavButtonWidth(),t-=this.getCarouselGap(),!e)return`${t}px`;const i=e.match(/^(\d+)px$/);if(!i)return`${t}px`;return parseFloat(i[1])>t?`${t}px`:e}{const t=window.innerHeight;if(!e)return;const i=e.match(/^(\d+)px$/);if(!i)return e;return parseFloat(i[1])>t?`${t}px`:e}}}renderNavButtons(){if(!1===this.showNavButtons)return e``;const t={"nav-button":!0,prev:!0,hidden:!this.showPrevButton},i={"nav-button":!0,next:!0,hidden:!this.showNextButton};return e`
4012
4101
  <div class="nav-buttons-container">
4013
4102
  <button
4014
4103
  class=${r(t)}
@@ -4051,5 +4140,5 @@ function L(t,e){return(e,i,o)=>((t,e,i)=>(i.configurable=!0,i.enumerable=!0,Refl
4051
4140
 
4052
4141
  ${this.renderNavButtons()}
4053
4142
  </div>
4054
- `}};n([T({type:Array}),s("design:type",Array)],Ee.prototype,"cards",void 0),n([T({type:String}),s("design:type",String)],Ee.prototype,"cardWidth",void 0),n([T({type:String}),s("design:type",String)],Ee.prototype,"cardHeight",void 0),n([T({type:Number}),s("design:type",Number)],Ee.prototype,"navWidth",void 0),n([T({type:Boolean}),s("design:type",Boolean)],Ee.prototype,"showNavButtons",void 0),n([T({type:Boolean}),s("design:type",Boolean)],Ee.prototype,"isDynamicWidth",void 0),n([T({type:Boolean}),s("design:type",Boolean)],Ee.prototype,"isInfiniteScrollPartial",void 0),n([T({type:Number}),s("design:type",Number)],Ee.prototype,"autoPlayDelayMs",void 0),n([P(),s("design:type",Object)],Ee.prototype,"showPrevButton",void 0),n([P(),s("design:type",Object)],Ee.prototype,"showNextButton",void 0),n([L(".carousel-wrapper"),s("design:type",HTMLElement)],Ee.prototype,"slider",void 0),n([L("slot"),s("design:type",HTMLSlotElement)],Ee.prototype,"slotElement",void 0),Ee=n([a("carousel-component"),s("design:paramtypes",[])],Ee);export{V as AccordionList,q as AccordionPanel,j as BaseControl,$e as CalendarOverlay,Ee as Carousel,Y as CarouselCard,H as Checkbox,ot as CustomModal,rt as CustomPopup,st as CustomRadio,ct as CustomStepper,Se as DatePickerComponent,at as FilterableSelect,tt as FormGroup,et as IconComponent,nt as ProgressCircle,U as RandstadButton,Z as RandstadForm,it as RandstadNotice,ht as TabsBar,De as UploadFile,yt as UploadImage,J as scrollbarStyles};
4143
+ `}};s([A({type:Array}),n("design:type",Array)],vi.prototype,"cards",void 0),s([A({type:String}),n("design:type",String)],vi.prototype,"cardWidth",void 0),s([A({type:String}),n("design:type",String)],vi.prototype,"cardHeight",void 0),s([A({type:Number}),n("design:type",Number)],vi.prototype,"navWidth",void 0),s([A({type:Boolean}),n("design:type",Boolean)],vi.prototype,"showNavButtons",void 0),s([A({type:Boolean}),n("design:type",Boolean)],vi.prototype,"isDynamicWidth",void 0),s([A({type:Boolean}),n("design:type",Boolean)],vi.prototype,"isInfiniteScrollPartial",void 0),s([A({type:Number}),n("design:type",Number)],vi.prototype,"autoPlayDelayMs",void 0),s([_(),n("design:type",Object)],vi.prototype,"showPrevButton",void 0),s([_(),n("design:type",Object)],vi.prototype,"showNextButton",void 0),s([T(".carousel-wrapper"),n("design:type",HTMLElement)],vi.prototype,"slider",void 0),s([T("slot"),n("design:type",HTMLSlotElement)],vi.prototype,"slotElement",void 0),vi=s([a("carousel-component"),n("design:paramtypes",[])],vi);export{q as AccordionList,I as AccordionPanel,B as BaseControl,bi as CalendarOverlay,vi as Carousel,U as CarouselCard,H as Checkbox,it as CustomModal,ot as CustomPopup,st as CustomRadio,ie as CustomStepper,mi as DatePickerComponent,Zt as FilterableSelect,Z as FormGroup,tt as IconComponent,rt as ProgressCircle,V as RandstadButton,J as RandstadForm,et as RandstadNotice,oe as TabsBar,yi as UploadFile,le as UploadImage,Q as scrollbarStyles};
4055
4144
  //# sourceMappingURL=index.js.map