=a.getFullYear()&&t>a.getMonth()-l+d||o>a.getFullYear()||t!==s&&!r.includes(t),m=createMonthEl(e,c,s,e.context.locale.months.short[t],e.context.locale.months.long[t],u,t);i.appendChild(m),e.onCreateMonthEls&&e.onCreateMonthEls(e,m)}null==(a=e.context.mainElement.querySelector(\"[data-vc-months-month]:not([disabled])\"))||a.focus()},TimeInput=(e,t,n,a,l)=>`\\n \\n`,TimeRange=(e,t,n,a,l,o,s)=>`\\n \\n`,handleActions=(e,t,n,a)=>{({hour:()=>setContext(e,\"selectedHours\",n),minute:()=>setContext(e,\"selectedMinutes\",n)})[a](),setContext(e,\"selectedTime\",`${e.context.selectedHours}:${e.context.selectedMinutes}${e.context.selectedKeeping?` ${e.context.selectedKeeping}`:\"\"}`),e.onChangeTime&&e.onChangeTime(e,t,!1),e.inputMode&&e.context.inputElement&&e.context.mainElement&&e.onChangeToInput&&e.onChangeToInput(e,t)},transformTime24=(e,t)=>{var n;return(null==(n={0:{AM:\"00\",PM:\"12\"},1:{AM:\"01\",PM:\"13\"},2:{AM:\"02\",PM:\"14\"},3:{AM:\"03\",PM:\"15\"},4:{AM:\"04\",PM:\"16\"},5:{AM:\"05\",PM:\"17\"},6:{AM:\"06\",PM:\"18\"},7:{AM:\"07\",PM:\"19\"},8:{AM:\"08\",PM:\"20\"},9:{AM:\"09\",PM:\"21\"},10:{AM:\"10\",PM:\"22\"},11:{AM:\"11\",PM:\"23\"},12:{AM:\"00\",PM:\"12\"}}[Number(e)])?void 0:n[t])||String(e)},handleClickKeepingTime=(e,t,n,a,l)=>{const o=o=>{const s=\"AM\"===e.context.selectedKeeping?\"PM\":\"AM\",i=transformTime24(e.context.selectedHours,s);Number(i)<=a&&Number(i)>=l?(setContext(e,\"selectedKeeping\",s),n.value=i,handleActions(e,o,e.context.selectedHours,\"hour\"),t.ariaLabel=`${e.labels.btnKeeping} ${e.context.selectedKeeping}`,t.innerText=e.context.selectedKeeping):e.onChangeTime&&e.onChangeTime(e,o,!0)};return t.addEventListener(\"click\",o),()=>{t.removeEventListener(\"click\",o)}},transformTime12=e=>({0:\"12\",13:\"01\",14:\"02\",15:\"03\",16:\"04\",17:\"05\",18:\"06\",19:\"07\",20:\"08\",21:\"09\",22:\"10\",23:\"11\"}[Number(e)]||String(e)),updateInputAndRange=(e,t,n,a)=>{e.value=n,t.value=a},updateKeepingTime$1=(e,t,n)=>{t&&n&&(setContext(e,\"selectedKeeping\",n),t.innerText=n)},handleInput$1=(e,t,n,a,l,o,s)=>{const i={hour:(i,r,c)=>{if(!e.selectionTimeMode)return;({12:()=>{if(!e.context.selectedKeeping)return;const d=Number(transformTime24(r,e.context.selectedKeeping));if(!(d<=o&&d>=s))return updateInputAndRange(n,t,e.context.selectedHours,e.context.selectedHours),void(e.onChangeTime&&e.onChangeTime(e,c,!0));updateInputAndRange(n,t,transformTime12(r),transformTime24(r,e.context.selectedKeeping)),i>12&&updateKeepingTime$1(e,a,\"PM\"),handleActions(e,c,transformTime12(r),l)},24:()=>{if(!(i<=o&&i>=s))return updateInputAndRange(n,t,e.context.selectedHours,e.context.selectedHours),void(e.onChangeTime&&e.onChangeTime(e,c,!0));updateInputAndRange(n,t,r,r),handleActions(e,c,r,l)}})[e.selectionTimeMode]()},minute:(a,i,r)=>{if(!(a<=o&&a>=s))return n.value=e.context.selectedMinutes,void(e.onChangeTime&&e.onChangeTime(e,r,!0));n.value=i,t.value=i,handleActions(e,r,i,l)}},r=e=>{const t=Number(n.value),a=n.value.padStart(2,\"0\");i[l]&&i[l](t,a,e)};return n.addEventListener(\"change\",r),()=>{n.removeEventListener(\"change\",r)}},updateInputAndTime=(e,t,n,a,l)=>{t.value=l,handleActions(e,n,l,a)},updateKeepingTime=(e,t,n)=>{t&&(setContext(e,\"selectedKeeping\",n),t.innerText=n)},handleRange=(e,t,n,a,l)=>{const o=o=>{const s=Number(t.value),i=t.value.padStart(2,\"0\"),r=\"hour\"===l,c=24===e.selectionTimeMode,d=s>0&&s<12;r&&!c&&updateKeepingTime(e,a,0===s||d?\"AM\":\"PM\"),updateInputAndTime(e,n,o,l,!r||c||d?i:transformTime12(t.value))};return t.addEventListener(\"input\",o),()=>{t.removeEventListener(\"input\",o)}},handleMouseOver=e=>e.setAttribute(\"data-vc-input-focus\",\"\"),handleMouseOut=e=>e.removeAttribute(\"data-vc-input-focus\"),handleTime=(e,t)=>{const n=t.querySelector('[data-vc-time-range=\"hour\"] input[name=\"hour\"]'),a=t.querySelector('[data-vc-time-range=\"minute\"] input[name=\"minute\"]'),l=t.querySelector('[data-vc-time-input=\"hour\"] input[name=\"hour\"]'),o=t.querySelector('[data-vc-time-input=\"minute\"] input[name=\"minute\"]'),s=t.querySelector('[data-vc-time=\"keeping\"]');if(!(n&&a&&l&&o))return;const i=e=>{e.target===n&&handleMouseOver(l),e.target===a&&handleMouseOver(o)},r=e=>{e.target===n&&handleMouseOut(l),e.target===a&&handleMouseOut(o)};return t.addEventListener(\"mouseover\",i),t.addEventListener(\"mouseout\",r),handleInput$1(e,n,l,s,\"hour\",e.timeMaxHour,e.timeMinHour),handleInput$1(e,a,o,s,\"minute\",e.timeMaxMinute,e.timeMinMinute),handleRange(e,n,l,s,\"hour\"),handleRange(e,a,o,s,\"minute\"),s&&handleClickKeepingTime(e,s,n,e.timeMaxHour,e.timeMinHour),()=>{t.removeEventListener(\"mouseover\",i),t.removeEventListener(\"mouseout\",r)}},createTime=e=>{const t=e.context.mainElement.querySelector('[data-vc=\"time\"]');if(!e.selectionTimeMode||!t)return;const[n,a]=[e.timeMinHour,e.timeMaxHour],[l,o]=[e.timeMinMinute,e.timeMaxMinute],s=e.context.selectedKeeping?transformTime24(e.context.selectedHours,e.context.selectedKeeping):e.context.selectedHours,i=\"range\"===e.timeControls;var r;t.innerHTML=e.sanitizerHTML(`\\n \\n ${TimeInput(\"hour\",e.styles.timeHour,e.labels,e.context.selectedHours,i)}\\n ${TimeInput(\"minute\",e.styles.timeMinute,e.labels,e.context.selectedMinutes,i)}\\n ${12===e.selectionTimeMode?(r=e.context.selectedKeeping,``):\"\"}\\n
\\n \\n ${TimeRange(\"hour\",e.styles.timeRange,e.labels,n,a,e.timeStepHour,s)}\\n ${TimeRange(\"minute\",e.styles.timeRange,e.labels,l,o,e.timeStepMinute,e.context.selectedMinutes)}\\n
\\n `),handleTime(e,t)},createWeek=e=>{const t=e.selectedWeekends?[...e.selectedWeekends]:[],n=[...e.context.locale.weekdays.long].reduce(((n,a,l)=>[...n,{id:l,titleShort:e.context.locale.weekdays.short[l],titleLong:a,isWeekend:t.includes(l)}]),[]),a=[...n.slice(e.firstWeekday),...n.slice(0,e.firstWeekday)];e.context.mainElement.querySelectorAll('[data-vc=\"week\"]').forEach((t=>{const n=e.onClickWeekDay?document.createElement(\"button\"):document.createElement(\"b\");e.onClickWeekDay&&(n.type=\"button\"),a.forEach((a=>{const l=n.cloneNode(!0);l.innerText=a.titleShort,l.className=e.styles.weekDay,l.role=\"columnheader\",l.ariaLabel=a.titleLong,l.dataset.vcWeekDay=String(a.id),a.isWeekend&&(l.dataset.vcWeekDayOff=\"\"),t.appendChild(l)}))}))},createYearEl=(e,t,n,a,l)=>{const o=t.cloneNode(!1);return o.className=e.styles.yearsYear,o.innerText=String(l),o.ariaLabel=String(l),o.role=\"gridcell\",o.dataset.vcYearsYear=`${l}`,a&&(o.ariaDisabled=\"true\"),a&&(o.tabIndex=-1),o.disabled=a,setYearModifier(e,o,\"year\",n===l,!1),o},createYears=(e,t)=>{var n;const a=(null==t?void 0:t.dataset.vcYear)?Number(t.dataset.vcYear):e.context.selectedYear;setContext(e,\"currentType\",\"year\"),createLayouts(e,t),visibilityTitle(e),visibilityArrows(e);const l=e.context.mainElement.querySelector('[data-vc=\"years\"]');if(!e.selectionYearsMode||!l)return;const o=\"multiple\"!==e.type||e.context.selectedYear===a?0:1,s=document.createElement(\"button\");s.type=\"button\";for(let t=e.context.displayYear-7;tgetDate(e.context.dateMax).getFullYear(),i=createYearEl(e,s,a,n,t);l.appendChild(i),e.onCreateYearEls&&e.onCreateYearEls(e,i)}null==(n=e.context.mainElement.querySelector(\"[data-vc-years-year]:not([disabled])\"))||n.focus()},trackChangesHTMLElement=(e,t,n)=>{new MutationObserver((e=>{for(let a=0;ahaveListener.value=!0,check:()=>haveListener.value},setTheme=(e,t)=>e.dataset.vcTheme=t,trackChangesThemeInSystemSettings=(e,t)=>{if(setTheme(e.context.mainElement,t.matches?\"dark\":\"light\"),\"system\"!==e.selectedTheme||haveListener.check())return;const n=e=>{const t=document.querySelectorAll('[data-vc=\"calendar\"]');null==t||t.forEach((t=>setTheme(t,e.matches?\"dark\":\"light\")))};t.addEventListener?t.addEventListener(\"change\",n):t.addListener(n),haveListener.set()},detectTheme=(e,t)=>{const n=e.themeAttrDetect.length?document.querySelector(e.themeAttrDetect):null,a=e.themeAttrDetect.replace(/^.*\\[(.+)\\]/g,((e,t)=>t));if(!n||\"system\"===n.getAttribute(a))return void trackChangesThemeInSystemSettings(e,t);const l=n.getAttribute(a);l?(setTheme(e.context.mainElement,l),trackChangesHTMLElement(n,a,(()=>{const t=n.getAttribute(a);t&&setTheme(e.context.mainElement,t)}))):trackChangesThemeInSystemSettings(e,t)},handleTheme=e=>{\"not all\"!==window.matchMedia(\"(prefers-color-scheme)\").media?\"system\"===e.selectedTheme?detectTheme(e,window.matchMedia(\"(prefers-color-scheme: dark)\")):setTheme(e.context.mainElement,e.selectedTheme):setTheme(e.context.mainElement,\"light\")},capitalizeFirstLetter=e=>e.charAt(0).toUpperCase()+e.slice(1).replace(/\\./,\"\"),getLocaleWeekday=(e,t,n)=>{const a=new Date(`1978-01-0${t+1}T00:00:00.000Z`),l=a.toLocaleString(n,{weekday:\"short\",timeZone:\"UTC\"}),o=a.toLocaleString(n,{weekday:\"long\",timeZone:\"UTC\"});e.context.locale.weekdays.short.push(capitalizeFirstLetter(l)),e.context.locale.weekdays.long.push(capitalizeFirstLetter(o))},getLocaleMonth=(e,t,n)=>{const a=new Date(`1978-${String(t+1).padStart(2,\"0\")}-01T00:00:00.000Z`),l=a.toLocaleString(n,{month:\"short\",timeZone:\"UTC\"}),o=a.toLocaleString(n,{month:\"long\",timeZone:\"UTC\"});e.context.locale.months.short.push(capitalizeFirstLetter(l)),e.context.locale.months.long.push(capitalizeFirstLetter(o))},getLocale=e=>{var t,n,a,l,o,s,i,r;if(!(e.context.locale.weekdays.short[6]&&e.context.locale.weekdays.long[6]&&e.context.locale.months.short[11]&&e.context.locale.months.long[11]))if(\"string\"==typeof e.locale){if(\"string\"==typeof e.locale&&!e.locale.length)throw new Error(errorMessages.notLocale);Array.from({length:7},((t,n)=>getLocaleWeekday(e,n,e.locale))),Array.from({length:12},((t,n)=>getLocaleMonth(e,n,e.locale)))}else{if(!((null==(n=null==(t=e.locale)?void 0:t.weekdays)?void 0:n.short[6])&&(null==(l=null==(a=e.locale)?void 0:a.weekdays)?void 0:l.long[6])&&(null==(s=null==(o=e.locale)?void 0:o.months)?void 0:s.short[11])&&(null==(r=null==(i=e.locale)?void 0:i.months)?void 0:r.long[11])))throw new Error(errorMessages.notLocale);setContext(e,\"locale\",__spreadValues({},e.locale))}},create=e=>{const t={default:()=>{createWeek(e),createDates(e)},multiple:()=>{createWeek(e),createDates(e)},month:()=>createMonths(e),year:()=>createYears(e)};handleTheme(e),getLocale(e),createLayouts(e),visibilityTitle(e),visibilityArrows(e),createTime(e),t[e.context.currentType]()},handleArrowKeys=e=>{const t=t=>{var n;const a=t.target;if(![\"ArrowUp\",\"ArrowDown\",\"ArrowLeft\",\"ArrowRight\"].includes(t.key)||\"button\"!==a.localName)return;const l=Array.from(e.context.mainElement.querySelectorAll('[data-vc=\"calendar\"] button')),o=l.indexOf(a);if(-1===o)return;const s=(i=l[o]).hasAttribute(\"data-vc-date-btn\")?7:i.hasAttribute(\"data-vc-months-month\")?4:i.hasAttribute(\"data-vc-years-year\")?5:1;var i;const r=(0,{ArrowUp:()=>Math.max(0,o-s),ArrowDown:()=>Math.min(l.length-1,o+s),ArrowLeft:()=>Math.max(0,o-1),ArrowRight:()=>Math.min(l.length-1,o+1)}[t.key])();null==(n=l[r])||n.focus()};return e.context.mainElement.addEventListener(\"keydown\",t),()=>e.context.mainElement.removeEventListener(\"keydown\",t)},handleMonth=(e,t)=>{const n=getDate(getDateString(new Date(e.context.selectedYear,e.context.selectedMonth,1)));({prev:()=>n.setMonth(n.getMonth()-e.monthsToSwitch),next:()=>n.setMonth(n.getMonth()+e.monthsToSwitch)})[t](),setContext(e,\"selectedMonth\",n.getMonth()),setContext(e,\"selectedYear\",n.getFullYear()),visibilityTitle(e),visibilityArrows(e),createDates(e)},handleClickArrow=(e,t)=>{const n=t.target.closest(\"[data-vc-arrow]\");if(n){if([\"default\",\"multiple\"].includes(e.context.currentType))handleMonth(e,n.dataset.vcArrow);else if(\"year\"===e.context.currentType&&void 0!==e.context.displayYear){const a={prev:-15,next:15}[n.dataset.vcArrow];setContext(e,\"displayYear\",e.context.displayYear+a),createYears(e,t.target)}e.onClickArrow&&e.onClickArrow(e,t)}},canToggleSelection=e=>void 0===e.enableDateToggle||(\"function\"==typeof e.enableDateToggle?e.enableDateToggle(e):e.enableDateToggle),handleSelectDate=(e,t,n)=>{const a=t.dataset.vcDate,l=t.closest(\"[data-vc-date][data-vc-date-selected]\"),o=canToggleSelection(e);if(l&&!o)return;const s=l?e.context.selectedDates.filter((e=>e!==a)):n?[...e.context.selectedDates,a]:[a];setContext(e,\"selectedDates\",s)},createDateRangeTooltip=(e,t,n)=>{if(!t)return;if(!n)return t.dataset.vcDateRangeTooltip=\"hidden\",void(t.textContent=\"\");const a=e.context.mainElement.getBoundingClientRect(),l=n.getBoundingClientRect();t.style.left=l.left-a.left+l.width/2+\"px\",t.style.top=l.bottom-a.top-l.height+\"px\",t.dataset.vcDateRangeTooltip=\"visible\",t.innerHTML=e.sanitizerHTML(e.onCreateDateRangeTooltip(e,n,t,l,a))},state={self:null,lastDateEl:null,isHovering:!1,rangeMin:void 0,rangeMax:void 0,tooltipEl:null,timeoutId:null},addHoverEffect=(e,t,n)=>{var a,l,o;if(!(null==(l=null==(a=state.self)?void 0:a.context)?void 0:l.selectedDates[0]))return;const s=getDateString(e);(null==(o=state.self.context.disableDates)?void 0:o.includes(s))||(state.self.context.mainElement.querySelectorAll(`[data-vc-date=\"${s}\"]`).forEach((e=>e.dataset.vcDateHover=\"\")),t.forEach((e=>e.dataset.vcDateHover=\"first\")),n.forEach((e=>{\"first\"===e.dataset.vcDateHover?e.dataset.vcDateHover=\"first-and-last\":e.dataset.vcDateHover=\"last\"})))},removeHoverEffect=()=>{var e,t;if(!(null==(t=null==(e=state.self)?void 0:e.context)?void 0:t.mainElement))return;state.self.context.mainElement.querySelectorAll(\"[data-vc-date-hover]\").forEach((e=>e.removeAttribute(\"data-vc-date-hover\")))},handleHoverDatesEvent=e=>{var t,n;if(!e||!(null==(n=null==(t=state.self)?void 0:t.context)?void 0:n.selectedDates[0]))return;if(!e.closest('[data-vc=\"dates\"]'))return state.lastDateEl=null,createDateRangeTooltip(state.self,state.tooltipEl,null),void removeHoverEffect();const a=e.closest(\"[data-vc-date]\");if(!a||state.lastDateEl===a)return;state.lastDateEl=a,createDateRangeTooltip(state.self,state.tooltipEl,a),removeHoverEffect();const l=a.dataset.vcDate,o=getDate(state.self.context.selectedDates[0]),s=getDate(l),i=state.self.context.mainElement.querySelectorAll(`[data-vc-date=\"${state.self.context.selectedDates[0]}\"]`),r=state.self.context.mainElement.querySelectorAll(`[data-vc-date=\"${l}\"]`),[c,d]=o{const t=null==e?void 0:e.closest(\"[data-vc-date-selected]\");if(!t&&state.lastDateEl)return state.lastDateEl=null,void createDateRangeTooltip(state.self,state.tooltipEl,null);t&&state.lastDateEl!==t&&(state.lastDateEl=t,createDateRangeTooltip(state.self,state.tooltipEl,t))},optimizedHoverHandler=e=>t=>{const n=t.target;state.isHovering||(state.isHovering=!0,requestAnimationFrame((()=>{e(n),state.isHovering=!1})))},optimizedHandleHoverDatesEvent=optimizedHoverHandler(handleHoverDatesEvent),optimizedHandleHoverSelectedDatesRangeEvent=optimizedHoverHandler(handleHoverSelectedDatesRangeEvent),handleCancelSelectionDates=e=>{state.self&&\"Escape\"===e.key&&(state.lastDateEl=null,setContext(state.self,\"selectedDates\",[]),state.self.context.mainElement.removeEventListener(\"mousemove\",optimizedHandleHoverDatesEvent),state.self.context.mainElement.removeEventListener(\"keydown\",handleCancelSelectionDates),createDateRangeTooltip(state.self,state.tooltipEl,null),removeHoverEffect())},handleMouseLeave=()=>{null!==state.timeoutId&&clearTimeout(state.timeoutId),state.timeoutId=setTimeout((()=>{state.lastDateEl=null,createDateRangeTooltip(state.self,state.tooltipEl,null),removeHoverEffect()}),50)},updateDisabledDates=()=>{var e,t,n,a;if(!(null==(n=null==(t=null==(e=state.self)?void 0:e.context)?void 0:t.selectedDates)?void 0:n[0])||!(null==(a=state.self.context.disableDates)?void 0:a[0]))return;const l=getDate(state.self.context.selectedDates[0]),[o,s]=state.self.context.disableDates.map((e=>getDate(e))).reduce((([e,t],n)=>[l>=n?n:e,l{state.self=e,state.lastDateEl=t,removeHoverEffect(),e.disableDatesGaps&&(state.rangeMin=state.rangeMin?state.rangeMin:e.context.displayDateMin,state.rangeMax=state.rangeMax?state.rangeMax:e.context.displayDateMax),e.onCreateDateRangeTooltip&&(state.tooltipEl=e.context.mainElement.querySelector(\"[data-vc-date-range-tooltip]\"));const n=null==t?void 0:t.dataset.vcDate;if(n){const t=1===e.context.selectedDates.length&&e.context.selectedDates[0].includes(n),a=t&&!canToggleSelection(e)?[n,n]:t&&canToggleSelection(e)?[]:e.context.selectedDates.length>1?[n]:[...e.context.selectedDates,n];setContext(e,\"selectedDates\",a),e.context.selectedDates.length>1&&e.context.selectedDates.sort(((e,t)=>+new Date(e)-+new Date(t)))}({set:()=>(e.disableDatesGaps&&updateDisabledDates(),createDateRangeTooltip(state.self,state.tooltipEl,t),state.self.context.mainElement.removeEventListener(\"mousemove\",optimizedHandleHoverSelectedDatesRangeEvent),state.self.context.mainElement.removeEventListener(\"mouseleave\",handleMouseLeave),state.self.context.mainElement.removeEventListener(\"keydown\",handleCancelSelectionDates),state.self.context.mainElement.addEventListener(\"mousemove\",optimizedHandleHoverDatesEvent),state.self.context.mainElement.addEventListener(\"mouseleave\",handleMouseLeave),state.self.context.mainElement.addEventListener(\"keydown\",handleCancelSelectionDates),()=>{state.self.context.mainElement.removeEventListener(\"mousemove\",optimizedHandleHoverDatesEvent),state.self.context.mainElement.removeEventListener(\"mouseleave\",handleMouseLeave),state.self.context.mainElement.removeEventListener(\"keydown\",handleCancelSelectionDates)}),reset:()=>{const[n,a]=[e.context.selectedDates[0],e.context.selectedDates[e.context.selectedDates.length-1]],l=e.context.selectedDates[0]!==e.context.selectedDates[e.context.selectedDates.length-1],o=parseDates([`${n}:${a}`]).filter((t=>!e.context.disableDates.includes(t))),s=l?e.enableEdgeDatesOnly?[n,a]:o:[e.context.selectedDates[0],e.context.selectedDates[0]];if(setContext(e,\"selectedDates\",s),e.disableDatesGaps&&(setContext(e,\"displayDateMin\",state.rangeMin),setContext(e,\"displayDateMax\",state.rangeMax)),state.self.context.mainElement.removeEventListener(\"mousemove\",optimizedHandleHoverDatesEvent),state.self.context.mainElement.removeEventListener(\"mouseleave\",handleMouseLeave),state.self.context.mainElement.removeEventListener(\"keydown\",handleCancelSelectionDates),e.onCreateDateRangeTooltip)return e.context.selectedDates[0]||(state.self.context.mainElement.removeEventListener(\"mousemove\",optimizedHandleHoverSelectedDatesRangeEvent),state.self.context.mainElement.removeEventListener(\"mouseleave\",handleMouseLeave),createDateRangeTooltip(state.self,state.tooltipEl,null)),e.context.selectedDates[0]&&(state.self.context.mainElement.addEventListener(\"mousemove\",optimizedHandleHoverSelectedDatesRangeEvent),state.self.context.mainElement.addEventListener(\"mouseleave\",handleMouseLeave),createDateRangeTooltip(state.self,state.tooltipEl,t)),()=>{state.self.context.mainElement.removeEventListener(\"mousemove\",optimizedHandleHoverSelectedDatesRangeEvent),state.self.context.mainElement.removeEventListener(\"mouseleave\",handleMouseLeave)}}})[1===e.context.selectedDates.length?\"set\":\"reset\"]()},updateDateModifier=e=>{e.context.mainElement.querySelectorAll(\"[data-vc-date]\").forEach((t=>{const n=t.querySelector(\"[data-vc-date-btn]\"),a=t.dataset.vcDate,l=getDate(a).getDay();setDateModifier(e,e.context.selectedYear,t,n,l,a,\"current\")}))},handleClickDate=(e,t)=>{var n;const a=t.target,l=a.closest(\"[data-vc-date-btn]\");if(!e.selectionDatesMode||![\"single\",\"multiple\",\"multiple-ranged\"].includes(e.selectionDatesMode)||!l)return;const o=l.closest(\"[data-vc-date]\");({single:()=>handleSelectDate(e,o,!1),multiple:()=>handleSelectDate(e,o,!0),\"multiple-ranged\":()=>handleSelectDateRange(e,o)})[e.selectionDatesMode](),null==(n=e.context.selectedDates)||n.sort(((e,t)=>+new Date(e)-+new Date(t))),e.onClickDate&&e.onClickDate(e,t),e.inputMode&&e.context.inputElement&&e.context.mainElement&&e.onChangeToInput&&e.onChangeToInput(e,t);const s=a.closest('[data-vc-date-month=\"prev\"]'),i=a.closest('[data-vc-date-month=\"next\"]');({prev:()=>e.enableMonthChangeOnDayClick?handleMonth(e,\"prev\"):updateDateModifier(e),next:()=>e.enableMonthChangeOnDayClick?handleMonth(e,\"next\"):updateDateModifier(e),current:()=>updateDateModifier(e)})[s?\"prev\":i?\"next\":\"current\"]()},typeClick=[\"month\",\"year\"],getValue=(e,t,n)=>{const{currentValue:a,columnID:l}=getColumnID(e,t);return\"month\"===e.context.currentType&&l>=0?n-l:\"year\"===e.context.currentType&&e.context.selectedYear!==a?n-1:n},handleMultipleYearSelection=(e,t)=>{const n=getValue(e,\"year\",Number(t.dataset.vcYearsYear)),a=getDate(e.context.dateMin),l=getDate(e.context.dateMax),o=e.context.displayMonthsCount-1,{columnID:s}=getColumnID(e,\"year\"),i=e.context.selectedMonthl.getMonth()-o+s&&n>=l.getFullYear(),c=nl.getFullYear(),u=i||c?a.getFullYear():r||d?l.getFullYear():n,m=i||c?a.getMonth():r||d?l.getMonth()-o+s:e.context.selectedMonth;setContext(e,\"selectedYear\",u),setContext(e,\"selectedMonth\",m)},handleMultipleMonthSelection=(e,t)=>{const n=t.closest('[data-vc-column=\"month\"]').querySelector('[data-vc=\"year\"]'),a=getValue(e,\"month\",Number(t.dataset.vcMonthsMonth)),l=Number(n.dataset.vcYear),o=getDate(e.context.dateMin),s=getDate(e.context.dateMax),i=as.getMonth()&&l>=s.getFullYear();setContext(e,\"selectedYear\",l),setContext(e,\"selectedMonth\",i?o.getMonth():r?s.getMonth():a)},handleItemClick=(e,t,n,a)=>{var l;({year:()=>{if(\"multiple\"===e.type)return handleMultipleYearSelection(e,a);setContext(e,\"selectedYear\",Number(a.dataset.vcYearsYear))},month:()=>{if(\"multiple\"===e.type)return handleMultipleMonthSelection(e,a);setContext(e,\"selectedMonth\",Number(a.dataset.vcMonthsMonth))}})[n]();({year:()=>{var n;return null==(n=e.onClickYear)?void 0:n.call(e,e,t)},month:()=>{var n;return null==(n=e.onClickMonth)?void 0:n.call(e,e,t)}})[n](),e.context.currentType!==e.type?(setContext(e,\"currentType\",e.type),create(e),null==(l=e.context.mainElement.querySelector(`[data-vc=\"${n}\"]`))||l.focus()):setYearModifier(e,a,n,!0,!0)},handleClickType=(e,t,n)=>{var a;const l=t.target,o=l.closest(`[data-vc=\"${n}\"]`),s={year:()=>createYears(e,l),month:()=>createMonths(e,l)};if(o&&e.onClickTitle&&e.onClickTitle(e,t),o&&e.context.currentType!==n)return s[n]();const i=l.closest(`[data-vc-${n}s-${n}]`);if(i)return handleItemClick(e,t,n,i);const r=l.closest('[data-vc=\"grid\"]'),c=l.closest('[data-vc=\"column\"]');(e.context.currentType===n&&o||\"multiple\"===e.type&&e.context.currentType===n&&r&&!c)&&(setContext(e,\"currentType\",e.type),create(e),null==(a=e.context.mainElement.querySelector(`[data-vc=\"${n}\"]`))||a.focus())},handleClickMonthOrYear=(e,t)=>{const n={month:e.selectionMonthsMode,year:e.selectionYearsMode};typeClick.forEach((a=>{n[a]&&t.target&&handleClickType(e,t,a)}))},handleClickWeekNumber=(e,t)=>{if(!e.enableWeekNumbers||!e.onClickWeekNumber)return;const n=t.target.closest(\"[data-vc-week-number]\"),a=e.context.mainElement.querySelectorAll(\"[data-vc-date-week-number]\");if(!n||!a[0])return;const l=Number(n.innerText),o=Number(n.dataset.vcWeekYear),s=Array.from(a).filter((e=>Number(e.dataset.vcDateWeekNumber)===l));e.onClickWeekNumber(e,l,o,s,t)},handleClickWeekDay=(e,t)=>{if(!e.onClickWeekDay)return;const n=t.target.closest(\"[data-vc-week-day]\"),a=t.target.closest('[data-vc=\"column\"]'),l=a?a.querySelectorAll(\"[data-vc-date-week-day]\"):e.context.mainElement.querySelectorAll(\"[data-vc-date-week-day]\");if(!n||!l[0])return;const o=Number(n.dataset.vcWeekDay),s=Array.from(l).filter((e=>Number(e.dataset.vcDateWeekDay)===o));e.onClickWeekDay(e,o,s,t)},handleClick=e=>{const t=t=>{handleClickArrow(e,t),handleClickWeekDay(e,t),handleClickWeekNumber(e,t),handleClickDate(e,t),handleClickMonthOrYear(e,t)};return e.context.mainElement.addEventListener(\"click\",t),()=>e.context.mainElement.removeEventListener(\"click\",t)},initMonthsCount=e=>{if(\"multiple\"===e.type&&(e.displayMonthsCount<=1||e.displayMonthsCount>12))throw new Error(errorMessages.incorrectMonthsCount);if(\"multiple\"!==e.type&&e.displayMonthsCount>1)throw new Error(errorMessages.incorrectMonthsCount);setContext(e,\"displayMonthsCount\",e.displayMonthsCount?e.displayMonthsCount:\"multiple\"===e.type?2:1)},getLocalDate=()=>{const e=new Date;return new Date(e.getTime()-6e4*e.getTimezoneOffset()).toISOString().substring(0,10)},resolveDate=(e,t)=>\"today\"===e?getLocalDate():e instanceof Date||\"number\"==typeof e||\"string\"==typeof e?parseDates([e])[0]:t,initRange=e=>{var t,n,a;const l=resolveDate(e.dateMin,e.dateMin),o=resolveDate(e.dateMax,e.dateMax),s=resolveDate(e.displayDateMin,l),i=resolveDate(e.displayDateMax,o);setContext(e,\"dateToday\",resolveDate(e.dateToday,e.dateToday)),setContext(e,\"displayDateMin\",s?getDate(l)>=getDate(s)?l:s:l),setContext(e,\"displayDateMax\",i?getDate(o)<=getDate(i)?o:i:o);const r=e.disableDatesPast&&!e.disableAllDates&&getDate(s)1&&e.context.disableDates.sort(((e,t)=>+new Date(e)-+new Date(t))),setContext(e,\"enableDates\",e.enableDates[0]?parseDates(e.enableDates):[]),(null==(t=e.context.enableDates)?void 0:t[0])&&(null==(n=e.context.disableDates)?void 0:n[0])&&setContext(e,\"disableDates\",e.context.disableDates.filter((t=>!e.context.enableDates.includes(t)))),e.context.enableDates.length>1&&e.context.enableDates.sort(((e,t)=>+new Date(e)-+new Date(t))),(null==(a=e.context.enableDates)?void 0:a[0])&&e.disableAllDates&&(setContext(e,\"displayDateMin\",e.context.enableDates[0]),setContext(e,\"displayDateMax\",e.context.enableDates[e.context.enableDates.length-1])),setContext(e,\"dateMin\",e.displayDisabledDates?l:e.context.displayDateMin),setContext(e,\"dateMax\",e.displayDisabledDates?o:e.context.displayDateMax)},initSelectedDates=e=>{var t;setContext(e,\"selectedDates\",(null==(t=e.selectedDates)?void 0:t[0])?parseDates(e.selectedDates):[])},displayClosestValidDate=e=>{const t=t=>{const n=new Date(t);setInitialContext(e,n.getMonth(),n.getFullYear())};if(e.displayDateMin&&\"today\"!==e.displayDateMin&&(n=e.displayDateMin,a=new Date,new Date(n).getTime()>a.getTime())){const n=e.selectedDates.length&&e.selectedDates[0]?parseDates(e.selectedDates)[0]:e.displayDateMin;return t(getDate(resolveDate(n,e.displayDateMin))),!0}var n,a;if(e.displayDateMax&&\"today\"!==e.displayDateMax&&((e,t)=>new Date(e).getTime(){setContext(e,\"selectedMonth\",t),setContext(e,\"selectedYear\",n),setContext(e,\"displayYear\",n)},initSelectedMonthYear=e=>{var t;if(e.enableJumpToSelectedDate&&(null==(t=e.selectedDates)?void 0:t[0])&&void 0===e.selectedMonth&&void 0===e.selectedYear){const t=getDate(parseDates(e.selectedDates)[0]);return void setInitialContext(e,t.getMonth(),t.getFullYear())}if(displayClosestValidDate(e))return;const n=void 0!==e.selectedMonth&&Number(e.selectedMonth)>=0&&Number(e.selectedMonth)<12,a=void 0!==e.selectedYear&&Number(e.selectedYear)>=0&&Number(e.selectedYear)<=9999;setInitialContext(e,n?Number(e.selectedMonth):getDate(e.context.dateToday).getMonth(),a?Number(e.selectedYear):getDate(e.context.dateToday).getFullYear())},initTime=e=>{var t,n,a;if(!e.selectionTimeMode)return;if(![12,24].includes(e.selectionTimeMode))throw new Error(errorMessages.incorrectTime);const l=12===e.selectionTimeMode,o=l?/^(0[1-9]|1[0-2]):([0-5][0-9]) ?(AM|PM)?$/i:/^([0-1]?[0-9]|2[0-3]):([0-5][0-9])$/;let[s,i,r]=null!=(a=null==(n=null==(t=e.selectedTime)?void 0:t.match(o))?void 0:n.slice(1))?a:[];s?l&&!r&&(r=\"AM\"):(s=l?transformTime12(String(e.timeMinHour)):String(e.timeMinHour),i=String(e.timeMinMinute),r=l?Number(transformTime12(String(e.timeMinHour)))>=12?\"PM\":\"AM\":null),setContext(e,\"selectedHours\",s.padStart(2,\"0\")),setContext(e,\"selectedMinutes\",i.padStart(2,\"0\")),setContext(e,\"selectedKeeping\",r),setContext(e,\"selectedTime\",`${e.context.selectedHours}:${e.context.selectedMinutes}${r?` ${r}`:\"\"}`)},initAllVariables=e=>{setContext(e,\"currentType\",e.type),initMonthsCount(e),initRange(e),initSelectedMonthYear(e),initSelectedDates(e),initTime(e)},reset=(e,{year:t,month:n,dates:a,time:l,locale:o},s=!0)=>{var i;const r={year:e.selectedYear,month:e.selectedMonth,dates:e.selectedDates,time:e.selectedTime};if(e.selectedYear=t?r.year:e.context.selectedYear,e.selectedMonth=n?r.month:e.context.selectedMonth,e.selectedTime=l?r.time:e.context.selectedTime,e.selectedDates=\"only-first\"===a&&(null==(i=e.context.selectedDates)?void 0:i[0])?[e.context.selectedDates[0]]:!0===a?r.dates:e.context.selectedDates,o){setContext(e,\"locale\",{months:{short:[],long:[]},weekdays:{short:[],long:[]}})}initAllVariables(e),s&&create(e),e.selectedYear=r.year,e.selectedMonth=r.month,e.selectedDates=r.dates,e.selectedTime=r.time,\"multiple-ranged\"===e.selectionDatesMode&&a&&handleSelectDateRange(e,null)},createToInput=e=>{const t=document.createElement(\"div\");return t.className=e.styles.calendar,t.dataset.vc=\"calendar\",t.dataset.vcInput=\"\",t.dataset.vcCalendarHidden=\"\",setContext(e,\"inputModeInit\",!0),setContext(e,\"isShowInInputMode\",!1),setContext(e,\"mainElement\",t),document.body.appendChild(e.context.mainElement),reset(e,{year:!0,month:!0,dates:!0,time:!0,locale:!0}),setTimeout((()=>show(e))),e.onInit&&e.onInit(e),handleArrowKeys(e),handleClick(e)},handleInput=e=>{setContext(e,\"inputElement\",e.context.mainElement);const t=()=>{e.context.inputModeInit?setTimeout((()=>show(e))):createToInput(e)};return e.context.inputElement.addEventListener(\"click\",t),e.context.inputElement.addEventListener(\"focus\",t),()=>{e.context.inputElement.removeEventListener(\"click\",t),e.context.inputElement.removeEventListener(\"focus\",t)}},init=e=>(setContext(e,\"originalElement\",e.context.mainElement.cloneNode(!0)),setContext(e,\"isInit\",!0),e.inputMode?handleInput(e):(initAllVariables(e),create(e),e.onInit&&e.onInit(e),handleArrowKeys(e),handleClick(e))),update=(e,t)=>{if(!e.context.isInit)throw new Error(errorMessages.notInit);reset(e,__spreadValues(__spreadValues({},{year:!0,month:!0,dates:!0,time:!0,locale:!0}),t),!(e.inputMode&&!e.context.inputModeInit)),e.onUpdate&&e.onUpdate(e)},replaceProperties=(e,t)=>{const n=Object.keys(t);for(let a=0;a{replaceProperties(e,t),e.context.isInit&&update(e,n)};function findBestPickerPosition(e,t){const n=\"left\";if(!t||!e)return n;const{canShow:a,parentPositions:l}=getAvailablePosition(e,t),o=a.left&&a.right;return(o&&a.bottom?\"center\":o&&a.top?[\"top\",\"center\"]:Array.isArray(l)?[\"bottom\"===l[0]?\"top\":\"bottom\",...l.slice(1)]:l)||n}const setPosition=(e,t,n)=>{if(!e)return;const a=\"auto\"===n?findBestPickerPosition(e,t):n,l={top:-t.offsetHeight,bottom:e.offsetHeight,left:0,center:e.offsetWidth/2-t.offsetWidth/2,right:e.offsetWidth-t.offsetWidth},o=Array.isArray(a)?a[0]:\"bottom\",s=Array.isArray(a)?a[1]:a;t.dataset.vcPosition=o;const{top:i,left:r}=getOffset(e),c=i+l[o];let d=r+l[s];const{vw:u}=getViewportDimensions();if(d+t.clientWidth>u){const e=window.innerWidth-document.body.clientWidth;d=u-t.clientWidth-e}else d<0&&(d=0);Object.assign(t.style,{left:`${d}px`,top:`${c}px`})},show=e=>{if(e.context.isShowInInputMode)return;if(!e.context.currentType)return void e.context.mainElement.click();setContext(e,\"cleanupHandlers\",[]),setContext(e,\"isShowInInputMode\",!0),setPosition(e.context.inputElement,e.context.mainElement,e.positionToInput),e.context.mainElement.removeAttribute(\"data-vc-calendar-hidden\");const t=()=>{setPosition(e.context.inputElement,e.context.mainElement,e.positionToInput)};window.addEventListener(\"resize\",t),e.context.cleanupHandlers.push((()=>window.removeEventListener(\"resize\",t)));const n=t=>{\"Escape\"===t.key&&hide(e)};document.addEventListener(\"keydown\",n),e.context.cleanupHandlers.push((()=>document.removeEventListener(\"keydown\",n)));const a=t=>{t.target===e.context.inputElement||e.context.mainElement.contains(t.target)||hide(e)};document.addEventListener(\"click\",a,{capture:!0}),e.context.cleanupHandlers.push((()=>document.removeEventListener(\"click\",a,{capture:!0}))),e.onShow&&e.onShow(e)},labels={application:\"Calendar\",navigation:\"Calendar Navigation\",arrowNext:{month:\"Next month\",year:\"Next list of years\"},arrowPrev:{month:\"Previous month\",year:\"Previous list of years\"},month:\"Select month, current selected month:\",months:\"List of months\",year:\"Select year, current selected year:\",years:\"List of years\",week:\"Days of the week\",weekNumber:\"Numbers of weeks in a year\",dates:\"Dates in the current month\",selectingTime:\"Selecting a time \",inputHour:\"Hours\",inputMinute:\"Minutes\",rangeHour:\"Slider for selecting hours\",rangeMinute:\"Slider for selecting minutes\",btnKeeping:\"Switch AM/PM, current position:\"},styles={calendar:\"vc\",controls:\"vc-controls\",grid:\"vc-grid\",column:\"vc-column\",header:\"vc-header\",headerContent:\"vc-header__content\",month:\"vc-month\",year:\"vc-year\",arrowPrev:\"vc-arrow vc-arrow_prev\",arrowNext:\"vc-arrow vc-arrow_next\",wrapper:\"vc-wrapper\",content:\"vc-content\",months:\"vc-months\",monthsMonth:\"vc-months__month\",years:\"vc-years\",yearsYear:\"vc-years__year\",week:\"vc-week\",weekDay:\"vc-week__day\",weekNumbers:\"vc-week-numbers\",weekNumbersTitle:\"vc-week-numbers__title\",weekNumbersContent:\"vc-week-numbers__content\",weekNumber:\"vc-week-number\",dates:\"vc-dates\",date:\"vc-date\",dateBtn:\"vc-date__btn\",datePopup:\"vc-date__popup\",dateRangeTooltip:\"vc-date-range-tooltip\",time:\"vc-time\",timeContent:\"vc-time__content\",timeHour:\"vc-time__hour\",timeMinute:\"vc-time__minute\",timeKeeping:\"vc-time__keeping\",timeRanges:\"vc-time__ranges\",timeRange:\"vc-time__range\"};class OptionsCalendar{constructor(){__publicField(this,\"type\",\"default\"),__publicField(this,\"inputMode\",!1),__publicField(this,\"positionToInput\",\"left\"),__publicField(this,\"firstWeekday\",1),__publicField(this,\"monthsToSwitch\",1),__publicField(this,\"themeAttrDetect\",\"html[data-theme]\"),__publicField(this,\"locale\",\"en\"),__publicField(this,\"dateToday\",\"today\"),__publicField(this,\"dateMin\",\"1970-01-01\"),__publicField(this,\"dateMax\",\"2470-12-31\"),__publicField(this,\"displayDateMin\"),__publicField(this,\"displayDateMax\"),__publicField(this,\"displayDatesOutside\",!0),__publicField(this,\"displayDisabledDates\",!1),__publicField(this,\"displayMonthsCount\"),__publicField(this,\"disableDates\",[]),__publicField(this,\"disableAllDates\",!1),__publicField(this,\"disableDatesPast\",!1),__publicField(this,\"disableDatesGaps\",!1),__publicField(this,\"disableWeekdays\",[]),__publicField(this,\"disableToday\",!1),__publicField(this,\"enableDates\",[]),__publicField(this,\"enableEdgeDatesOnly\",!0),__publicField(this,\"enableDateToggle\",!0),__publicField(this,\"enableWeekNumbers\",!1),__publicField(this,\"enableMonthChangeOnDayClick\",!0),__publicField(this,\"enableJumpToSelectedDate\",!1),__publicField(this,\"selectionDatesMode\",\"single\"),__publicField(this,\"selectionMonthsMode\",!0),__publicField(this,\"selectionYearsMode\",!0),__publicField(this,\"selectionTimeMode\",!1),__publicField(this,\"selectedDates\",[]),__publicField(this,\"selectedMonth\"),__publicField(this,\"selectedYear\"),__publicField(this,\"selectedHolidays\",[]),__publicField(this,\"selectedWeekends\",[0,6]),__publicField(this,\"selectedTime\"),__publicField(this,\"selectedTheme\",\"system\"),__publicField(this,\"timeMinHour\",0),__publicField(this,\"timeMaxHour\",23),__publicField(this,\"timeMinMinute\",0),__publicField(this,\"timeMaxMinute\",59),__publicField(this,\"timeControls\",\"all\"),__publicField(this,\"timeStepHour\",1),__publicField(this,\"timeStepMinute\",1),__publicField(this,\"sanitizerHTML\",(e=>e)),__publicField(this,\"onClickDate\"),__publicField(this,\"onClickWeekDay\"),__publicField(this,\"onClickWeekNumber\"),__publicField(this,\"onClickTitle\"),__publicField(this,\"onClickMonth\"),__publicField(this,\"onClickYear\"),__publicField(this,\"onClickArrow\"),__publicField(this,\"onChangeTime\"),__publicField(this,\"onChangeToInput\"),__publicField(this,\"onCreateDateRangeTooltip\"),__publicField(this,\"onCreateDateEls\"),__publicField(this,\"onCreateMonthEls\"),__publicField(this,\"onCreateYearEls\"),__publicField(this,\"onInit\"),__publicField(this,\"onUpdate\"),__publicField(this,\"onDestroy\"),__publicField(this,\"onShow\"),__publicField(this,\"onHide\"),__publicField(this,\"popups\",{}),__publicField(this,\"labels\",__spreadValues({},labels)),__publicField(this,\"layouts\",{default:\"\",multiple:\"\",month:\"\",year:\"\"}),__publicField(this,\"styles\",__spreadValues({},styles))}}const _Calendar=class e extends OptionsCalendar{constructor(t,n){var a;super(),__publicField(this,\"init\",(()=>init(this))),__publicField(this,\"update\",(e=>update(this,e))),__publicField(this,\"destroy\",(()=>destroy(this))),__publicField(this,\"show\",(()=>show(this))),__publicField(this,\"hide\",(()=>hide(this))),__publicField(this,\"set\",((e,t)=>set(this,e,t))),__publicField(this,\"context\"),this.context=__spreadProps(__spreadValues({},this.context),{locale:{months:{short:[],long:[]},weekdays:{short:[],long:[]}}}),setContext(this,\"mainElement\",\"string\"==typeof t?null!=(a=e.memoizedElements.get(t))?a:this.queryAndMemoize(t):t),n&&replaceProperties(this,n)}queryAndMemoize(t){const n=document.querySelector(t);if(!n)throw new Error(errorMessages.notFoundSelector(t));return e.memoizedElements.set(t,n),n}};__publicField(_Calendar,\"memoizedElements\",new Map);let Calendar=_Calendar;export{Calendar};", "import { Calendar } from \"vanilla-calendar-pro\";\nimport { Options, Reset, Styles } from \"vanilla-calendar-pro/types\";\n\nclass CustomVanillaCalendar extends Calendar {\n\tconstructor(selector: HTMLElement | string, options?: Partial) {\n\t\tsuper(selector, options);\n\n\t\tconst parentSet = this.set;\n\n\t\tthis.set = (options: Options, resetOptions?: Partial) => {\n\t\t\tif (parentSet) parentSet.call(this, options, resetOptions);\n\n\t\t\tif (options.selectedTime && this.onChangeTime) {\n\t\t\t\tthis.onChangeTime(this, null, true);\n\t\t\t}\n\t\t\tif (options.selectedMonth && this.onClickMonth) {\n\t\t\t\tthis.onClickMonth(this, null);\n\t\t\t}\n\t\t\tif (options.selectedYear && this.onClickYear) {\n\t\t\t\tthis.onClickYear(this, null);\n\t\t\t}\n\t\t};\n\t}\n\n\tstatic get defaultStyles() {\n\t\treturn {\n\t\t\tcalendar: \"vc\",\n\t\t\tcontrols: \"vc-controls\",\n\t\t\tgrid: \"vc-grid\",\n\t\t\tcolumn: \"vc-column\",\n\t\t\theader: \"vc-header\",\n\t\t\theaderContent: \"vc-header__content\",\n\t\t\tmonth: \"vc-month\",\n\t\t\tyear: \"vc-year\",\n\t\t\tarrowPrev: \"vc-arrow vc-arrow_prev\",\n\t\t\tarrowNext: \"vc-arrow vc-arrow_next\",\n\t\t\twrapper: \"vc-wrapper\",\n\t\t\tcontent: \"vc-content\",\n\t\t\tmonths: \"vc-months\",\n\t\t\tmonthsMonth: \"vc-months__month\",\n\t\t\tyears: \"vc-years\",\n\t\t\tyearsYear: \"vc-years__year\",\n\t\t\tweek: \"vc-week\",\n\t\t\tweekDay: \"vc-week__day\",\n\t\t\tweekNumbers: \"vc-week-numbers\",\n\t\t\tweekNumbersTitle: \"vc-week-numbers__title\",\n\t\t\tweekNumbersContent: \"vc-week-numbers__content\",\n\t\t\tweekNumber: \"vc-week-number\",\n\t\t\tdates: \"vc-dates\",\n\t\t\tdate: \"vc-date\",\n\t\t\tdateBtn: \"vc-date__btn\",\n\t\t\tdatePopup: \"vc-date__popup\",\n\t\t\tdateRangeTooltip: \"vc-date-range-tooltip\",\n\t\t\ttime: \"vc-time\",\n\t\t\ttimeContent: \"vc-time__content\",\n\t\t\ttimeHour: \"vc-time__hour\",\n\t\t\ttimeMinute: \"vc-time__minute\",\n\t\t\ttimeKeeping: \"vc-time__keeping\",\n\t\t\ttimeRanges: \"vc-time__ranges\",\n\t\t\ttimeRange: \"vc-time__range\",\n\t\t};\n\t}\n\n\tpublic logInfo() {\n\t\tconsole.log(\"This log is from CustomVanillaCalendar!\", this);\n\t}\n}\nexport default CustomVanillaCalendar;\n\n", "export const templates = {\n default: (theme: string | boolean = false) =>\n `\n
\n
\n <#CustomArrowPrev />\n
\n
\n <#CustomMonth />\n /\n <#CustomYear />\n
\n
\n <#CustomArrowNext />\n
\n
\n
\n
\n <#Week />\n <#Dates />\n
\n
\n
\n
\n <#CustomArrowPrev />\n
\n
\n <#CustomArrowNext />\n
\n
\n <#Multiple>\n
\n
\n
\n <#CustomMonth />\n /\n <#CustomYear />\n
\n
\n
\n
\n <#Week />\n <#Dates />\n
\n
\n
\n <#/Multiple>\n
\n
\n
\n
\n <#CustomArrowPrev />\n
\n
\n <#Month />\n /\n <#Year />\n
\n
\n <#CustomArrowNext />\n
\n
\n
\n
\n <#Month />\n /\n <#Year />\n
\n
\n \n \n
`;\n },\n months: (theme: string | boolean = false) =>\n `\n \n \n
`,\n hours: (theme: string | boolean = false) =>\n `\n
\n
\n
\n
\n
\n
\n ${hours}\n :\n ${minutes}\n ${meridiem}\n
\n\t\t`;\n\n\t\treturn `${time}
`;\n\t}\n\n\tprivate generateCustomMonthMarkup() {\n\t\tconst mode = this?.dataOptions?.mode ?? \"default\";\n\t\tconst customSelectOptions = this.updatedStyles?.customSelect;\n\t\tconst updatedTemplate = customSelectOptions\n\t\t\t? this.updateTemplate(\n\t\t\t\ttemplates.months(this.concatOptions.selectedTheme),\n\t\t\t\tcustomSelectOptions?.shared || {} as ISelectOptions,\n\t\t\t\tcustomSelectOptions?.months || {} as ISelectOptions,\n\t\t\t)\n\t\t\t: templates.months(this.concatOptions.selectedTheme);\n\t\tconst month = mode === \"custom-select\" ? updatedTemplate : \"<#Month />\";\n\n\t\treturn month;\n\t}\n\n\tprivate generateCustomYearMarkup() {\n\t\tconst mode = this?.dataOptions?.mode ?? \"default\";\n\n\t\tif (mode === \"custom-select\") {\n\t\t\tconst today = new Date();\n\t\t\tconst dateMin = this?.dataOptions?.dateMin ??\n\t\t\t\ttoday.toISOString().split(\"T\")[0];\n\t\t\tconst tempDateMax = this?.dataOptions?.dateMax ?? \"2470-12-31\";\n\t\t\tconst dateMax = tempDateMax;\n\t\t\tconst startDate = new Date(dateMin);\n\t\t\tconst endDate = new Date(dateMax);\n\t\t\tconst startDateYear = startDate.getFullYear();\n\t\t\tconst endDateYear = endDate.getFullYear();\n\t\t\tconst generateOptions = () => {\n\t\t\t\tlet result = \"\";\n\n\t\t\t\tfor (let i = startDateYear; i <= endDateYear; i++) {\n\t\t\t\t\tresult += ``;\n\t\t\t\t}\n\n\t\t\t\treturn result;\n\t\t\t};\n\t\t\tconst years = templates.years(\n\t\t\t\tgenerateOptions(),\n\t\t\t\tthis.concatOptions.selectedTheme,\n\t\t\t);\n\t\t\tconst customSelectOptions = this.updatedStyles?.customSelect;\n\t\t\tconst updatedTemplate = customSelectOptions\n\t\t\t\t? this.updateTemplate(\n\t\t\t\t\tyears,\n\t\t\t\t\tcustomSelectOptions?.shared || {} as ISelectOptions,\n\t\t\t\t\tcustomSelectOptions?.years || {} as ISelectOptions,\n\t\t\t\t)\n\t\t\t\t: years;\n\n\t\t\treturn updatedTemplate;\n\t\t} else {\n\t\t\treturn \"<#Year />\";\n\t\t}\n\t}\n\n\tprivate generateCustomArrowPrevMarkup() {\n\t\tconst arrowPrev = this?.dataOptions?.templates?.arrowPrev\n\t\t\t? this.createArrowFromTemplate(\n\t\t\t\tthis.dataOptions.templates.arrowPrev,\n\t\t\t\tthis.updatedStyles.arrowPrev,\n\t\t\t)\n\t\t\t: \"<#ArrowPrev [month] />\";\n\n\t\treturn arrowPrev;\n\t}\n\n\tprivate generateCustomArrowNextMarkup() {\n\t\tconst arrowNext = this?.dataOptions?.templates?.arrowNext\n\t\t\t? this.createArrowFromTemplate(\n\t\t\t\tthis.dataOptions.templates.arrowNext,\n\t\t\t\tthis.updatedStyles.arrowNext,\n\t\t\t)\n\t\t\t: \"<#ArrowNext [month] />\";\n\n\t\treturn arrowNext;\n\t}\n\n\tprivate parseCustomTime(template: string) {\n\t\ttemplate = template.replace(\n\t\t\t/<#CustomTime\\s*\\/>/g,\n\t\t\tthis.generateCustomTimeMarkup(),\n\t\t);\n\n\t\treturn template;\n\t}\n\n\tprivate parseCustomMonth(template: string) {\n\t\ttemplate = template.replace(\n\t\t\t/<#CustomMonth\\s*\\/>/g,\n\t\t\tthis.generateCustomMonthMarkup(),\n\t\t);\n\n\t\treturn template;\n\t}\n\n\tprivate parseCustomYear(template: string) {\n\t\ttemplate = template.replace(\n\t\t\t/<#CustomYear\\s*\\/>/g,\n\t\t\tthis.generateCustomYearMarkup(),\n\t\t);\n\n\t\treturn template;\n\t}\n\n\tprivate parseArrowPrev(template: string) {\n\t\ttemplate = template.replace(\n\t\t\t/<#CustomArrowPrev\\s*\\/>/g,\n\t\t\tthis.generateCustomArrowPrevMarkup(),\n\t\t);\n\n\t\treturn template;\n\t}\n\n\tprivate parseArrowNext(template: string) {\n\t\ttemplate = template.replace(\n\t\t\t/<#CustomArrowNext\\s*\\/>/g,\n\t\t\tthis.generateCustomArrowNextMarkup(),\n\t\t);\n\n\t\treturn template;\n\t}\n\n\tprivate processCustomTemplate(\n\t\ttemplate: string,\n\t\ttype: \"default\" | \"multiple\",\n\t): string {\n\t\tconst templateAccordingToType = type === \"default\"\n\t\t\t? this?.dataOptions?.layouts?.default\n\t\t\t: this?.dataOptions?.layouts?.multiple;\n\t\tconst processedCustomMonth = this.parseCustomMonth(\n\t\t\ttemplateAccordingToType ?? template,\n\t\t);\n\t\tconst processedCustomYear = this.parseCustomYear(processedCustomMonth);\n\t\tconst processedCustomTime = this.parseCustomTime(processedCustomYear);\n\t\tconst processedCustomArrowPrev = this.parseArrowPrev(processedCustomTime);\n\t\tconst processedCustomTemplate = this.parseArrowNext(\n\t\t\tprocessedCustomArrowPrev,\n\t\t);\n\n\t\treturn processedCustomTemplate;\n\t}\n\n\tprivate disableOptions() {\n\t\tconst { mainElement, dateMax, displayMonthsCount } =\n\t\t\tthis.vanillaCalendar.context;\n\t\tconst maxDate = new Date(dateMax);\n\t\tconst columns = Array.from(mainElement.querySelectorAll(\".--single-month\"));\n\n\t\tcolumns.forEach((column, idx) => {\n\t\t\tconst year = +column.querySelector('[data-vc=\"year\"]')?.getAttribute(\n\t\t\t\t\"data-vc-year\",\n\t\t\t)!;\n\t\t\tconst monthOptions = column.querySelectorAll(\n\t\t\t\t\"[data-hs-select].--month option\",\n\t\t\t);\n\t\t\tconst pseudoOptions = column.querySelectorAll(\n\t\t\t\t\"[data-hs-select-dropdown] [data-value]\",\n\t\t\t);\n\t\t\tconst isDisabled = (option: HTMLOptionElement | HTMLElement) => {\n\t\t\t\tconst value = +option.getAttribute(\"data-value\")!;\n\n\t\t\t\treturn value > maxDate.getMonth() - displayMonthsCount + idx + 1 &&\n\t\t\t\t\tyear === maxDate.getFullYear();\n\t\t\t};\n\n\t\t\tArray.from(monthOptions).forEach((option: HTMLOptionElement) =>\n\t\t\t\toption.toggleAttribute(\"disabled\", isDisabled(option))\n\t\t\t);\n\t\t\tArray.from(pseudoOptions).forEach((option: HTMLOptionElement) =>\n\t\t\t\toption.classList.toggle(\"disabled\", isDisabled(option))\n\t\t\t);\n\t\t});\n\t}\n\n\tprivate disableNav() {\n\t\tconst {\n\t\t\tmainElement,\n\t\t\tdateMax,\n\t\t\tselectedYear,\n\t\t\tselectedMonth,\n\t\t\tdisplayMonthsCount,\n\t\t} = this.vanillaCalendar.context;\n\t\tconst maxYear = new Date(dateMax).getFullYear();\n\t\tconst next = mainElement.querySelector(\n\t\t\t'[data-vc-arrow=\"next\"]',\n\t\t) as HTMLElement;\n\n\t\tif (selectedYear === maxYear && selectedMonth + displayMonthsCount > 11) {\n\t\t\tnext.style.visibility = \"hidden\";\n\t\t} else next.style.visibility = \"\";\n\t}\n\n\tprivate destroySelects(container: HTMLElement) {\n\t\tconst selects = Array.from(container.querySelectorAll(\"[data-hs-select]\"));\n\n\t\tselects.forEach((select: HTMLElement) => {\n\t\t\tconst instance = HSSelect.getInstance(select, true) as ICollectionItem<\n\t\t\t\tHSSelect\n\t\t\t>;\n\n\t\t\tif (instance) instance.element.destroy();\n\t\t});\n\t}\n\n\tprivate updateSelect(el: HTMLElement, value: string) {\n\t\tconst instance = HSSelect.getInstance(el, true) as ICollectionItem<\n\t\t\tHSSelect\n\t\t>;\n\n\t\tif (instance) instance.element.setValue(value);\n\t}\n\n\tprivate updateCalendar(calendar: HTMLElement) {\n\t\tconst columns = calendar.querySelectorAll(\".--single-month\");\n\n\t\tif (columns.length) {\n\t\t\tcolumns.forEach((column: HTMLElement) => {\n\t\t\t\tconst { month, year } = this.getCurrentMonthAndYear(column);\n\n\t\t\t\tthis.updateSelect(\n\t\t\t\t\tcolumn.querySelector(\"[data-hs-select].--month\"),\n\t\t\t\t\t`${month}`,\n\t\t\t\t);\n\t\t\t\tthis.updateSelect(\n\t\t\t\t\tcolumn.querySelector(\"[data-hs-select].--year\"),\n\t\t\t\t\t`${year}`,\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t}\n\n\tprivate updateCustomSelects(el: Calendar) {\n\t\tsetTimeout(() => {\n\t\t\tthis.disableOptions();\n\t\t\tthis.disableNav();\n\n\t\t\tthis.initCustomMonths(el);\n\t\t\tthis.initCustomYears(el);\n\t\t});\n\t}\n\n\t// Public methods\n\tpublic getCurrentState() {\n\t\treturn {\n\t\t\tselectedDates: this.vanillaCalendar.selectedDates,\n\t\t\tselectedTime: this.vanillaCalendar.selectedTime,\n\t\t};\n\t}\n\n\tpublic formatDate(\n\t\tdate: string | number | Date,\n\t\tformat?: string,\n\t): string {\n\t\tconst dateFormat = format || this.dataOptions?.dateFormat;\n\t\tconst dateLocale = this.dataOptions?.dateLocale || undefined;\n\n\t\tif (!dateFormat) {\n\t\t\tconst dateSeparator = this.dataOptions?.inputModeOptions?.dateSeparator ??\n\t\t\t\t\".\";\n\n\t\t\treturn this.changeDateSeparator(date, dateSeparator);\n\t\t}\n\n\t\tconst dateObj = new Date(date);\n\n\t\tif (isNaN(dateObj.getTime())) {\n\t\t\treturn this.changeDateSeparator(date as string);\n\t\t}\n\n\t\tlet result = \"\";\n\t\tlet i = 0;\n\n\t\twhile (i < dateFormat.length) {\n\t\t\tif (dateFormat.slice(i, i + 4) === \"YYYY\") {\n\t\t\t\tresult += dateObj.getFullYear().toString();\n\t\t\t\ti += 4;\n\t\t\t} else if (dateFormat.slice(i, i + 4) === \"dddd\") {\n\t\t\t\tconst dayName = dateObj.toLocaleDateString(dateLocale, {\n\t\t\t\t\tweekday: \"long\",\n\t\t\t\t});\n\n\t\t\t\tif (this.dataOptions?.replaceTodayWithText) {\n\t\t\t\t\tconst today = new Date();\n\t\t\t\t\tconst isToday = dateObj.toDateString() === today.toDateString();\n\n\t\t\t\t\tif (isToday) {\n\t\t\t\t\t\tresult += this.getLocalizedTodayText(dateLocale);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tresult += dayName;\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tresult += dayName;\n\t\t\t\t}\n\t\t\t\ti += 4;\n\t\t\t} else if (dateFormat.slice(i, i + 4) === \"MMMM\") {\n\t\t\t\tresult += dateObj.toLocaleDateString(dateLocale, { month: \"long\" });\n\t\t\t\ti += 4;\n\t\t\t} else if (dateFormat.slice(i, i + 3) === \"ddd\") {\n\t\t\t\tconst dayName = dateObj.toLocaleDateString(dateLocale, {\n\t\t\t\t\tweekday: \"short\",\n\t\t\t\t});\n\n\t\t\t\tif (this.dataOptions?.replaceTodayWithText) {\n\t\t\t\t\tconst today = new Date();\n\t\t\t\t\tconst isToday = dateObj.toDateString() === today.toDateString();\n\n\t\t\t\t\tif (isToday) {\n\t\t\t\t\t\tresult += this.getLocalizedTodayText(dateLocale);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tresult += dayName;\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tresult += dayName;\n\t\t\t\t}\n\t\t\t\ti += 3;\n\t\t\t} else if (dateFormat.slice(i, i + 3) === \"MMM\") {\n\t\t\t\tresult += dateObj.toLocaleDateString(dateLocale, { month: \"short\" });\n\t\t\t\ti += 3;\n\t\t\t} else if (dateFormat.slice(i, i + 2) === \"YY\") {\n\t\t\t\tresult += dateObj.getFullYear().toString().slice(-2);\n\t\t\t\ti += 2;\n\t\t\t} else if (dateFormat.slice(i, i + 2) === \"MM\") {\n\t\t\t\tresult += String(dateObj.getMonth() + 1).padStart(2, \"0\");\n\t\t\t\ti += 2;\n\t\t\t} else if (dateFormat.slice(i, i + 2) === \"DD\") {\n\t\t\t\tresult += String(dateObj.getDate()).padStart(2, \"0\");\n\t\t\t\ti += 2;\n\t\t\t} else if (dateFormat.slice(i, i + 2) === \"HH\") {\n\t\t\t\tresult += String(dateObj.getHours()).padStart(2, \"0\");\n\t\t\t\ti += 2;\n\t\t\t} else if (dateFormat.slice(i, i + 2) === \"mm\") {\n\t\t\t\tresult += String(dateObj.getMinutes()).padStart(2, \"0\");\n\t\t\t\ti += 2;\n\t\t\t} else if (dateFormat.slice(i, i + 2) === \"ss\") {\n\t\t\t\tresult += String(dateObj.getSeconds()).padStart(2, \"0\");\n\t\t\t\ti += 2;\n\t\t\t} else if (dateFormat[i] === \"Y\") {\n\t\t\t\tresult += dateObj.getFullYear().toString();\n\t\t\t\ti += 1;\n\t\t\t} else if (dateFormat[i] === \"M\") {\n\t\t\t\tresult += String(dateObj.getMonth() + 1);\n\t\t\t\ti += 1;\n\t\t\t} else if (dateFormat[i] === \"D\") {\n\t\t\t\tresult += String(dateObj.getDate());\n\t\t\t\ti += 1;\n\t\t\t} else if (dateFormat[i] === \"H\") {\n\t\t\t\tresult += String(dateObj.getHours());\n\t\t\t\ti += 1;\n\t\t\t} else if (dateFormat[i] === \"m\") {\n\t\t\t\tresult += String(dateObj.getMinutes());\n\t\t\t\ti += 1;\n\t\t\t} else if (dateFormat[i] === \"s\") {\n\t\t\t\tresult += String(dateObj.getSeconds());\n\t\t\t\ti += 1;\n\t\t\t} else {\n\t\t\t\tresult += dateFormat[i];\n\t\t\t\ti += 1;\n\t\t\t}\n\t\t}\n\n\t\treturn result;\n\t}\n\n\tpublic destroy() {\n\t\tif (this.vanillaCalendar) {\n\t\t\tthis.vanillaCalendar.destroy();\n\t\t\tthis.vanillaCalendar = null;\n\t\t}\n\n\t\twindow.$hsDatepickerCollection = window.$hsDatepickerCollection.filter(\n\t\t\t({ element }) => element.el !== this.el,\n\t\t);\n\t}\n\n\t// Static methods\n\tstatic getInstance(target: HTMLElement | string, isInstance?: boolean) {\n\t\tconst elInCollection = window.$hsDatepickerCollection.find(\n\t\t\t(el) =>\n\t\t\t\tel.element.el ===\n\t\t\t\t\t(typeof target === \"string\"\n\t\t\t\t\t\t? document.querySelector(target)\n\t\t\t\t\t\t: target),\n\t\t);\n\n\t\treturn elInCollection\n\t\t\t? isInstance ? elInCollection : elInCollection.element.el\n\t\t\t: null;\n\t}\n\n\tstatic autoInit() {\n\t\tif (!window.$hsDatepickerCollection) window.$hsDatepickerCollection = [];\n\n\t\tdocument\n\t\t\t.querySelectorAll(\".hs-datepicker:not(.--prevent-on-load-init)\")\n\t\t\t.forEach((el: HTMLElement) => {\n\t\t\t\tif (\n\t\t\t\t\t!window.$hsDatepickerCollection.find(\n\t\t\t\t\t\t(elC) => (elC?.element?.el as HTMLElement) === el,\n\t\t\t\t\t)\n\t\t\t\t) {\n\t\t\t\t\tnew HSDatepicker(el);\n\t\t\t\t}\n\t\t\t});\n\t}\n}\n\ndeclare global {\n\tinterface Window {\n\t\tHSDatepicker: Function;\n\t\t$hsDatepickerCollection: ICollectionItem[];\n\t}\n}\n\nwindow.addEventListener(\"load\", () => {\n\tHSDatepicker.autoInit();\n\n\t// Uncomment for debug\n\t// console.log('Datepicker collection:', window.$hsDatepickerCollection);\n});\n\nif (typeof window !== \"undefined\") {\n\twindow.HSDatepicker = HSDatepicker;\n}\n\nexport default HSDatepicker;\n", "/*\n * @version: 3.2.3\n * @author: Preline Labs Ltd.\n * @license: Licensed under MIT and Preline UI Fair Use License (https://preline.co/docs/license.html)\n * Copyright 2024 Preline Labs Ltd.\n */\n\ndeclare var _: any;\ndeclare var DataTable: any;\ndeclare var Dropzone: any;\ndeclare var noUiSlider: any;\ndeclare var VanillaCalendarPro: any;\n\nimport HSAccessibilityObserver from \"./plugins/accessibility-manager\";\n\nif (typeof window !== \"undefined\") {\n\twindow.HSAccessibilityObserver = new HSAccessibilityObserver();\n}\n\nlet HSDataTableModule;\nlet HSFileUploadModule;\nlet HSRangeSliderModule;\nlet HSDatepickerModule: any = null;\n\nexport { default as HSCopyMarkup } from \"./plugins/copy-markup\";\nexport { default as HSAccordion } from \"./plugins/accordion\";\nexport { default as HSCarousel } from \"./plugins/carousel\";\nexport { default as HSCollapse } from \"./plugins/collapse\";\nexport { default as HSComboBox } from \"./plugins/combobox\";\nexport { default as HSDropdown } from \"./plugins/dropdown\";\nexport { default as HSInputNumber } from \"./plugins/input-number\";\nexport { default as HSLayoutSplitter } from \"./plugins/layout-splitter\";\nexport { default as HSOverlay } from \"./plugins/overlay\";\nexport { default as HSPinInput } from \"./plugins/pin-input\";\nexport { default as HSRemoveElement } from \"./plugins/remove-element\";\nexport { default as HSScrollNav } from \"./plugins/scroll-nav\";\nexport { default as HSScrollspy } from \"./plugins/scrollspy\";\nexport { default as HSSelect } from \"./plugins/select\";\nexport { default as HSStepper } from \"./plugins/stepper\";\nexport { default as HSStrongPassword } from \"./plugins/strong-password\";\nexport { default as HSTabs } from \"./plugins/tabs\";\nexport { default as HSTextareaAutoHeight } from \"./plugins/textarea-auto-height\";\nexport { default as HSThemeSwitch } from \"./plugins/theme-switch\";\nexport { default as HSToggleCount } from \"./plugins/toggle-count\";\nexport { default as HSTogglePassword } from \"./plugins/toggle-password\";\nexport { default as HSTooltip } from \"./plugins/tooltip\";\nexport { default as HSTreeView } from \"./plugins/tree-view\";\nexport { default as HSStaticMethods } from \"./static\";\n\nif (typeof window !== \"undefined\") {\n\ttry {\n\t\tif (typeof DataTable !== \"undefined\" && typeof jQuery !== \"undefined\") {\n\t\t\tHSDataTableModule = require(\"./plugins/datatable\").default;\n\t\t}\n\t} catch (e) {\n\t\tconsole.warn(\"HSDataTable: Required dependencies not found\");\n\t\tHSDataTableModule = null;\n\t}\n\n\ttry {\n\t\tif (typeof _ !== \"undefined\" && typeof Dropzone !== \"undefined\") {\n\t\t\tHSFileUploadModule = require(\"./plugins/file-upload\").default;\n\t\t}\n\t} catch (e) {\n\t\tconsole.warn(\"HSFileUpload: Required dependencies not found\");\n\t\tHSFileUploadModule = null;\n\t}\n\n\ttry {\n\t\tif (typeof noUiSlider !== \"undefined\") {\n\t\t\tHSRangeSliderModule = require(\"./plugins/range-slider\").default;\n\t\t}\n\t} catch (e) {\n\t\tconsole.warn(\"HSRangeSlider: Required dependencies not found\");\n\t\tHSRangeSliderModule = null;\n\t}\n\n\ttry {\n\t\tif (typeof VanillaCalendarPro !== \"undefined\") {\n\t\t\tHSDatepickerModule = require(\"./plugins/datepicker\").default;\n\t\t}\n\t} catch (e) {\n\t\tconsole.warn(\"HSDatepicker: Required dependencies not found\");\n\t\tHSDatepickerModule = null;\n\t}\n}\n\nexport { HSDataTableModule as HSDataTable };\nexport { HSFileUploadModule as HSFileUpload };\nexport { HSRangeSliderModule as HSRangeSlider };\nexport { HSDatepickerModule as HSDatepicker };\n", "/*\n * HSCopyMarkup\n * @version: 3.2.3\n * @author: Preline Labs Ltd.\n * @license: Licensed under MIT and Preline UI Fair Use License (https://preline.co/docs/license.html)\n * Copyright 2024 Preline Labs Ltd.\n */\n\nimport { dispatch } from \"../../utils\";\n\nimport { ICopyMarkup, ICopyMarkupOptions } from \"../copy-markup/interfaces\";\n\nimport HSBasePlugin from \"../base-plugin\";\nimport { ICollectionItem } from \"../../interfaces\";\n\nclass HSCopyMarkup extends HSBasePlugin\n\timplements ICopyMarkup {\n\tprivate readonly targetSelector: string | null;\n\tprivate readonly wrapperSelector: string | null;\n\tprivate readonly limit: number | null;\n\n\tprivate target: HTMLElement | null;\n\tprivate wrapper: HTMLElement | null;\n\tprivate items: HTMLElement[] | null;\n\n\tprivate onElementClickListener: () => void;\n\tprivate onDeleteItemButtonClickListener: () => void;\n\n\tconstructor(el: HTMLElement, options?: ICopyMarkupOptions) {\n\t\tsuper(el, options);\n\n\t\tconst data = el.getAttribute(\"data-hs-copy-markup\");\n\t\tconst dataOptions: ICopyMarkupOptions = data ? JSON.parse(data) : {};\n\t\tconst concatOptions = {\n\t\t\t...dataOptions,\n\t\t\t...options,\n\t\t};\n\n\t\tthis.targetSelector = concatOptions?.targetSelector || null;\n\t\tthis.wrapperSelector = concatOptions?.wrapperSelector || null;\n\t\tthis.limit = concatOptions?.limit || null;\n\t\tthis.items = [];\n\n\t\tif (this.targetSelector) this.init();\n\t}\n\n\tprivate elementClick() {\n\t\tthis.copy();\n\t}\n\n\tprivate deleteItemButtonClick(item: HTMLElement) {\n\t\tthis.delete(item);\n\t}\n\n\tprivate init() {\n\t\tthis.createCollection(window.$hsCopyMarkupCollection, this);\n\n\t\tthis.onElementClickListener = () => this.elementClick();\n\n\t\tthis.setTarget();\n\t\tthis.setWrapper();\n\t\tthis.addPredefinedItems();\n\n\t\tthis.el.addEventListener(\"click\", this.onElementClickListener);\n\t}\n\n\tprivate copy() {\n\t\tif (this.limit && this.items.length >= this.limit) return false;\n\n\t\tif (this.el.hasAttribute(\"disabled\")) this.el.setAttribute(\"disabled\", \"\");\n\n\t\tconst copiedElement = this.target.cloneNode(true) as HTMLElement;\n\n\t\tthis.addToItems(copiedElement);\n\n\t\tif (this.limit && this.items.length >= this.limit) {\n\t\t\tthis.el.setAttribute(\"disabled\", \"disabled\");\n\t\t}\n\n\t\tthis.fireEvent(\"copy\", copiedElement);\n\t\tdispatch(\"copy.hs.copyMarkup\", copiedElement, copiedElement);\n\t}\n\n\tprivate addPredefinedItems() {\n\t\tArray.from(this.wrapper.children)\n\t\t\t.filter(\n\t\t\t\t(el: HTMLElement) => !el.classList.contains(\"[--ignore-for-count]\"),\n\t\t\t)\n\t\t\t.forEach((el: HTMLElement) => {\n\t\t\t\tthis.addToItems(el);\n\t\t\t});\n\n\t\tif (this.limit && this.items.length >= this.limit) {\n\t\t\tthis.el.setAttribute(\"disabled\", \"disabled\");\n\t\t}\n\t}\n\n\tprivate setTarget() {\n\t\tconst target: HTMLElement = typeof this.targetSelector === \"string\"\n\t\t\t? (document\n\t\t\t\t.querySelector(this.targetSelector)\n\t\t\t\t.cloneNode(true) as HTMLElement)\n\t\t\t: ((this.targetSelector as HTMLElement).cloneNode(true) as HTMLElement);\n\n\t\ttarget.removeAttribute(\"id\");\n\n\t\tthis.target = target;\n\t}\n\n\tprivate setWrapper() {\n\t\tthis.wrapper = typeof this.wrapperSelector === \"string\"\n\t\t\t? document.querySelector(this.wrapperSelector)\n\t\t\t: this.wrapperSelector;\n\t}\n\n\tprivate addToItems(item: HTMLElement) {\n\t\tconst deleteItemButton = item.querySelector(\n\t\t\t\"[data-hs-copy-markup-delete-item]\",\n\t\t);\n\n\t\tif (this.wrapper) this.wrapper.append(item);\n\t\telse this.el.before(item);\n\n\t\tif (deleteItemButton) {\n\t\t\tthis.onDeleteItemButtonClickListener = () =>\n\t\t\t\tthis.deleteItemButtonClick(item);\n\n\t\t\tdeleteItemButton.addEventListener(\n\t\t\t\t\"click\",\n\t\t\t\tthis.onDeleteItemButtonClickListener,\n\t\t\t);\n\t\t}\n\n\t\tthis.items.push(item);\n\t}\n\n\t// Public methods\n\tpublic delete(target: HTMLElement) {\n\t\tconst index = this.items.indexOf(target);\n\n\t\tif (index !== -1) this.items.splice(index, 1);\n\n\t\ttarget.remove();\n\n\t\tif (this.limit && this.items.length < this.limit) {\n\t\t\tthis.el.removeAttribute(\"disabled\");\n\t\t}\n\n\t\tthis.fireEvent(\"delete\", target);\n\t\tdispatch(\"delete.hs.copyMarkup\", target, target);\n\t}\n\n\tpublic destroy() {\n\t\tconst deleteItemButtons = this.wrapper.querySelectorAll(\n\t\t\t\"[data-hs-copy-markup-delete-item]\",\n\t\t);\n\n\t\tthis.el.removeEventListener(\"click\", this.onElementClickListener);\n\t\tif (deleteItemButtons.length) {\n\t\t\tdeleteItemButtons.forEach((el) =>\n\t\t\t\tel.removeEventListener(\"click\", this.onDeleteItemButtonClickListener)\n\t\t\t);\n\t\t}\n\n\t\tthis.el.removeAttribute(\"disabled\");\n\n\t\tthis.target = null;\n\t\tthis.wrapper = null;\n\t\tthis.items = null;\n\n\t\twindow.$hsCopyMarkupCollection = window.$hsCopyMarkupCollection.filter(\n\t\t\t({ element }) => element.el !== this.el,\n\t\t);\n\t}\n\n\t// Static method\n\tstatic getInstance(target: HTMLElement | string, isInstance?: boolean) {\n\t\tconst elInCollection = window.$hsCopyMarkupCollection.find(\n\t\t\t(el) =>\n\t\t\t\tel.element.el ===\n\t\t\t\t\t(typeof target === \"string\"\n\t\t\t\t\t\t? document.querySelector(target)\n\t\t\t\t\t\t: target),\n\t\t);\n\n\t\treturn elInCollection\n\t\t\t? isInstance ? elInCollection : elInCollection.element\n\t\t\t: null;\n\t}\n\n\tstatic autoInit() {\n\t\tif (!window.$hsCopyMarkupCollection) window.$hsCopyMarkupCollection = [];\n\n\t\tif (window.$hsCopyMarkupCollection) {\n\t\t\twindow.$hsCopyMarkupCollection = window.$hsCopyMarkupCollection.filter(\n\t\t\t\t({ element }) => document.contains(element.el),\n\t\t\t);\n\t\t}\n\n\t\tdocument\n\t\t\t.querySelectorAll(\"[data-hs-copy-markup]:not(.--prevent-on-load-init)\")\n\t\t\t.forEach((el: HTMLElement) => {\n\t\t\t\tif (\n\t\t\t\t\t!window.$hsCopyMarkupCollection.find(\n\t\t\t\t\t\t(elC) => (elC?.element?.el as HTMLElement) === el,\n\t\t\t\t\t)\n\t\t\t\t) {\n\t\t\t\t\tconst data = el.getAttribute(\"data-hs-copy-markup\");\n\t\t\t\t\tconst options: ICopyMarkupOptions = data ? JSON.parse(data) : {};\n\n\t\t\t\t\tnew HSCopyMarkup(el, options);\n\t\t\t\t}\n\t\t\t});\n\t}\n}\n\ndeclare global {\n\tinterface Window {\n\t\tHSCopyMarkup: Function;\n\t\t$hsCopyMarkupCollection: ICollectionItem[];\n\t}\n}\n\nwindow.addEventListener(\"load\", () => {\n\tHSCopyMarkup.autoInit();\n\n\t// Uncomment for debug\n\t// console.log('Copy markup collection:', window.$hsCopyMarkupCollection);\n});\n\nif (typeof window !== \"undefined\") {\n\twindow.HSCopyMarkup = HSCopyMarkup;\n}\n\nexport default HSCopyMarkup;\n", "/*\n * HSAccordion\n * @version: 3.2.3\n * @author: Preline Labs Ltd.\n * @license: Licensed under MIT and Preline UI Fair Use License (https://preline.co/docs/license.html)\n * Copyright 2024 Preline Labs Ltd.\n */\n\nimport { getClassProperty, stringToBoolean, dispatch, afterTransition } from '../../utils';\n\nimport {\n\tIAccordionOptions,\n\tIAccordion,\n\tIAccordionTreeView,\n\tIAccordionTreeViewStaticOptions,\n} from '../accordion/interfaces';\n\nimport HSBasePlugin from '../base-plugin';\nimport { ICollectionItem } from '../../interfaces';\n\nclass HSAccordion\n\textends HSBasePlugin\n\timplements IAccordion {\n\tprivate toggle: HTMLElement | null;\n\tpublic content: HTMLElement | null;\n\tprivate group: HTMLElement | null;\n\tprivate isAlwaysOpened: boolean;\n\tprivate keepOneOpen: boolean;\n\tprivate isToggleStopPropagated: boolean;\n\n\tprivate onToggleClickListener: (evt: Event) => void;\n\n\tstatic selectable: IAccordionTreeView[];\n\n\tconstructor(el: HTMLElement, options?: IAccordionOptions, events?: {}) {\n\t\tsuper(el, options, events);\n\n\t\tthis.toggle = this.el.querySelector('.hs-accordion-toggle') || null;\n\t\tthis.content = this.el.querySelector('.hs-accordion-content') || null;\n\t\tthis.group = this.el.closest('.hs-accordion-group') || null;\n\t\tthis.update();\n\n\t\tthis.isToggleStopPropagated = stringToBoolean(\n\t\t\tgetClassProperty(this.toggle, '--stop-propagation', 'false') || 'false',\n\t\t);\n\t\tthis.keepOneOpen = this.group ? stringToBoolean(\n\t\t\tgetClassProperty(this.group, '--keep-one-open', 'false') || 'false',\n\t\t) : false;\n\n\t\tif (this.toggle && this.content) this.init();\n\t}\n\n\tprivate init() {\n\t\tthis.createCollection(window.$hsAccordionCollection, this);\n\n\t\tthis.onToggleClickListener = (evt: Event) => this.toggleClick(evt);\n\n\t\tthis.toggle.addEventListener('click', this.onToggleClickListener);\n\t}\n\n\t// Public methods\n\tpublic toggleClick(evt: Event) {\n\t\tif (this.el.classList.contains('active') && this.keepOneOpen) return false;\n\n\t\tif (this.isToggleStopPropagated) evt.stopPropagation();\n\n\t\tif (this.el.classList.contains('active')) {\n\t\t\tthis.hide();\n\t\t} else {\n\t\t\tthis.show();\n\t\t}\n\t}\n\n\tpublic show() {\n\t\tif (\n\t\t\tthis.group &&\n\t\t\t!this.isAlwaysOpened &&\n\t\t\tthis.group.querySelector(':scope > .hs-accordion.active') &&\n\t\t\tthis.group.querySelector(':scope > .hs-accordion.active') !== this.el\n\t\t) {\n\t\t\tconst currentlyOpened = window.$hsAccordionCollection.find(\n\t\t\t\t(el) =>\n\t\t\t\t\tel.element.el ===\n\t\t\t\t\tthis.group.querySelector(':scope > .hs-accordion.active'),\n\t\t\t);\n\n\t\t\tcurrentlyOpened.element.hide();\n\t\t}\n\n\t\tif (this.el.classList.contains('active')) return false;\n\n\t\tthis.el.classList.add('active');\n\t\tif (this?.toggle?.ariaExpanded) this.toggle.ariaExpanded = 'true';\n\n\t\tthis.fireEvent('beforeOpen', this.el);\n\t\tdispatch('beforeOpen.hs.accordion', this.el, this.el);\n\n\t\tthis.content.style.display = 'block';\n\t\tthis.content.style.height = '0';\n\t\tsetTimeout(() => {\n\t\t\tthis.content.style.height = `${this.content.scrollHeight}px`;\n\n\t\t\tafterTransition(this.content, () => {\n\t\t\t\tthis.content.style.display = 'block';\n\t\t\t\tthis.content.style.height = '';\n\n\t\t\t\tthis.fireEvent('open', this.el);\n\t\t\t\tdispatch('open.hs.accordion', this.el, this.el);\n\t\t\t});\n\t\t});\n\t}\n\n\tpublic hide() {\n\t\tif (!this.el.classList.contains('active')) return false;\n\n\t\tthis.el.classList.remove('active');\n\t\tif (this?.toggle?.ariaExpanded) this.toggle.ariaExpanded = 'false';\n\n\t\tthis.fireEvent('beforeClose', this.el);\n\t\tdispatch('beforeClose.hs.accordion', this.el, this.el);\n\n\t\tthis.content.style.height = `${this.content.scrollHeight}px`;\n\t\tsetTimeout(() => {\n\t\t\tthis.content.style.height = '0';\n\t\t});\n\n\t\tafterTransition(this.content, () => {\n\t\t\tthis.content.style.display = 'none';\n\t\t\tthis.content.style.height = '';\n\n\t\t\tthis.fireEvent('close', this.el);\n\t\t\tdispatch('close.hs.accordion', this.el, this.el);\n\t\t});\n\t}\n\n\tpublic update() {\n\t\tthis.group = this.el.closest('.hs-accordion-group') || null;\n\n\t\tif (!this.group) return false;\n\n\t\tthis.isAlwaysOpened =\n\t\t\tthis.group.hasAttribute('data-hs-accordion-always-open') || false;\n\n\t\twindow.$hsAccordionCollection.map((el) => {\n\t\t\tif (el.id === this.el.id) {\n\t\t\t\tel.element.group = this.group;\n\t\t\t\tel.element.isAlwaysOpened = this.isAlwaysOpened;\n\t\t\t}\n\n\t\t\treturn el;\n\t\t});\n\t}\n\n\tpublic destroy() {\n\t\tif (HSAccordion?.selectable?.length) {\n\t\t\tHSAccordion.selectable.forEach((item) => {\n\t\t\t\titem.listeners.forEach(({ el, listener }) => {\n\t\t\t\t\tel.removeEventListener('click', listener);\n\t\t\t\t});\n\t\t\t});\n\t\t}\n\n\t\tif (this.onToggleClickListener) {\n\t\t\tthis.toggle.removeEventListener('click', this.onToggleClickListener);\n\t\t}\n\n\t\tthis.toggle = null;\n\t\tthis.content = null;\n\t\tthis.group = null;\n\n\t\tthis.onToggleClickListener = null;\n\n\t\twindow.$hsAccordionCollection = window.$hsAccordionCollection.filter(\n\t\t\t({ element }) => element.el !== this.el,\n\t\t);\n\t}\n\n\t// Static methods\n\tprivate static findInCollection(target: HSAccordion | HTMLElement | string): ICollectionItem | null {\n\t\treturn window.$hsAccordionCollection.find((el) => {\n\t\t\tif (target instanceof HSAccordion) return el.element.el === target.el;\n\t\t\telse if (typeof target === 'string') return el.element.el === document.querySelector(target);\n\t\t\telse return el.element.el === target;\n\t\t}) || null;\n\t}\n\n\tstatic autoInit() {\n\t\tif (!window.$hsAccordionCollection) window.$hsAccordionCollection = [];\n\n\t\tif (window.$hsAccordionCollection) {\n\t\t\twindow.$hsAccordionCollection = window.$hsAccordionCollection.filter(\n\t\t\t\t({ element }) => document.contains(element.el),\n\t\t\t);\n\t\t}\n\n\t\tdocument\n\t\t\t.querySelectorAll('.hs-accordion:not(.--prevent-on-load-init)')\n\t\t\t.forEach((el: HTMLElement) => {\n\t\t\t\tif (\n\t\t\t\t\t!window.$hsAccordionCollection.find(\n\t\t\t\t\t\t(elC) => (elC?.element?.el as HTMLElement) === el,\n\t\t\t\t\t)\n\t\t\t\t)\n\t\t\t\t\tnew HSAccordion(el);\n\t\t\t});\n\t}\n\n\tstatic getInstance(target: HTMLElement | string, isInstance?: boolean) {\n\t\tconst elInCollection = window.$hsAccordionCollection.find(\n\t\t\t(el) =>\n\t\t\t\tel.element.el ===\n\t\t\t\t(typeof target === 'string' ? document.querySelector(target) : target),\n\t\t);\n\n\t\treturn elInCollection\n\t\t\t? isInstance\n\t\t\t\t? elInCollection\n\t\t\t\t: elInCollection.element.el\n\t\t\t: null;\n\t}\n\n\tstatic show(target: HSAccordion | HTMLElement | string) {\n\t\tconst instance = HSAccordion.findInCollection(target);\n\n\t\tif (\n\t\t\tinstance &&\n\t\t\tinstance.element.content.style.display !== 'block'\n\t\t) instance.element.show();\n\t}\n\n\tstatic hide(target: HSAccordion | HTMLElement | string) {\n\t\tconst instance = HSAccordion.findInCollection(target);\n\t\tconst style = instance ? window.getComputedStyle(instance.element.content) : null;\n\n\t\tif (\n\t\t\tinstance &&\n\t\t\tstyle.display !== 'none'\n\t\t) instance.element.hide();\n\t}\n\n\tstatic onSelectableClick = (\n\t\tevt: Event,\n\t\titem: IAccordionTreeView,\n\t\tel: HTMLElement,\n\t) => {\n\t\tevt.stopPropagation();\n\n\t\tHSAccordion.toggleSelected(item, el);\n\t};\n\n\tstatic treeView() {\n\t\tif (!document.querySelectorAll('.hs-accordion-treeview-root').length)\n\t\t\treturn false;\n\n\t\tthis.selectable = [];\n\n\t\tdocument\n\t\t\t.querySelectorAll('.hs-accordion-treeview-root')\n\t\t\t.forEach((el: HTMLElement) => {\n\t\t\t\tconst data = el?.getAttribute('data-hs-accordion-options');\n\t\t\t\tconst options: IAccordionTreeViewStaticOptions = data\n\t\t\t\t\t? JSON.parse(data)\n\t\t\t\t\t: {};\n\n\t\t\t\tthis.selectable.push({\n\t\t\t\t\tel,\n\t\t\t\t\toptions: { ...options },\n\t\t\t\t\tlisteners: [],\n\t\t\t\t});\n\t\t\t});\n\n\t\tif (this.selectable.length)\n\t\t\tthis.selectable.forEach((item) => {\n\t\t\t\tconst { el } = item;\n\n\t\t\t\tel.querySelectorAll('.hs-accordion-selectable').forEach(\n\t\t\t\t\t(_el: HTMLElement) => {\n\t\t\t\t\t\tconst listener = (evt: Event) =>\n\t\t\t\t\t\t\tthis.onSelectableClick(evt, item, _el);\n\n\t\t\t\t\t\t_el.addEventListener('click', listener);\n\n\t\t\t\t\t\titem.listeners.push({ el: _el, listener });\n\t\t\t\t\t},\n\t\t\t\t);\n\t\t\t});\n\t}\n\n\tstatic toggleSelected(root: IAccordionTreeView, item: HTMLElement) {\n\t\tif (item.classList.contains('selected')) item.classList.remove('selected');\n\t\telse {\n\t\t\troot.el\n\t\t\t\t.querySelectorAll('.hs-accordion-selectable')\n\t\t\t\t.forEach((el: HTMLElement) => el.classList.remove('selected'));\n\t\t\titem.classList.add('selected');\n\t\t}\n\t}\n\n\t// Backward compatibility\n\tstatic on(evt: string, target: HSAccordion | HTMLElement | string, cb: Function) {\n\t\tconst instance = HSAccordion.findInCollection(target);\n\n\t\tif (instance) instance.element.events[evt] = cb;\n\t}\n}\n\ndeclare global {\n\tinterface Window {\n\t\tHSAccordion: Function;\n\t\t$hsAccordionCollection: ICollectionItem[];\n\t}\n}\n\nwindow.addEventListener('load', () => {\n\tHSAccordion.autoInit();\n\n\tif (document.querySelectorAll('.hs-accordion-treeview-root').length)\n\t\tHSAccordion.treeView();\n\n\t// Uncomment for debug\n\t// console.log('Accordion collection:', window.$hsAccordionCollection);\n});\n\nif (typeof window !== 'undefined') {\n\twindow.HSAccordion = HSAccordion;\n}\n\nexport default HSAccordion;\n", "/*\n * HSCarousel\n * @version: 3.2.3\n * @author: Preline Labs Ltd.\n * @license: Licensed under MIT and Preline UI Fair Use License (https://preline.co/docs/license.html)\n * Copyright 2024 Preline Labs Ltd.\n */\n\nimport { classToClassList, debounce, htmlToElement } from \"../../utils\";\n\nimport { ICarousel, ICarouselOptions } from \"./interfaces\";\nimport { TCarouselOptionsSlidesQty } from \"./types\";\n\nimport HSBasePlugin from \"../base-plugin\";\nimport { ICollectionItem } from \"../../interfaces\";\nimport { BREAKPOINTS } from \"../../constants\";\n\nclass HSCarousel extends HSBasePlugin implements ICarousel {\n\tprivate currentIndex: number;\n\tprivate readonly loadingClasses: string | string[];\n\tprivate readonly dotsItemClasses: string;\n\tprivate readonly isAutoHeight: boolean;\n\tprivate readonly isAutoPlay: boolean;\n\tprivate readonly isCentered: boolean;\n\tprivate readonly isDraggable: boolean;\n\tprivate readonly isInfiniteLoop: boolean;\n\tprivate readonly isRTL: boolean;\n\tprivate readonly isSnap: boolean;\n\tprivate readonly hasSnapSpacers: boolean;\n\tprivate readonly slidesQty: TCarouselOptionsSlidesQty | number;\n\tprivate readonly speed: number;\n\tprivate readonly updateDelay: number;\n\n\tprivate readonly loadingClassesRemove: string | string[];\n\tprivate readonly loadingClassesAdd: string | string[];\n\tprivate readonly afterLoadingClassesAdd: string | string[];\n\n\tprivate readonly container: HTMLElement | null;\n\tprivate readonly inner: HTMLElement | null;\n\tprivate readonly slides: NodeListOf | undefined[];\n\tprivate readonly prev: HTMLElement | null;\n\tprivate readonly next: HTMLElement | null;\n\tprivate readonly dots: HTMLElement | null;\n\tprivate dotsItems: NodeListOf | undefined[] | null;\n\tprivate readonly info: HTMLElement | null;\n\tprivate readonly infoTotal: HTMLElement | null;\n\tprivate readonly infoCurrent: HTMLElement | null;\n\n\tprivate sliderWidth: number;\n\tprivate timer: any;\n\n\t// Drag events' help variables\n\tprivate isScrolling: ReturnType;\n\tprivate isDragging: boolean;\n\tprivate dragStartX: number | null;\n\tprivate initialTranslateX: number | null;\n\n\t// Touch events' help variables\n\tprivate readonly touchX: {\n\t\tstart: number;\n\t\tend: number;\n\t};\n\tprivate readonly touchY: {\n\t\tstart: number;\n\t\tend: number;\n\t};\n\n\t// Resize events' help variables\n\tprivate resizeContainer: HTMLElement;\n\tpublic resizeContainerWidth: number;\n\n\t// Listeners\n\tprivate onPrevClickListener: () => void;\n\tprivate onNextClickListener: () => void;\n\tprivate onContainerScrollListener: () => void;\n\tprivate onElementTouchStartListener: (evt: TouchEvent) => void;\n\tprivate onElementTouchEndListener: (evt: TouchEvent) => void;\n\tprivate onInnerMouseDownListener: (evt: MouseEvent | TouchEvent) => void;\n\tprivate onInnerTouchStartListener: (evt: MouseEvent | TouchEvent) => void;\n\tprivate onDocumentMouseMoveListener: (evt: MouseEvent | TouchEvent) => void;\n\tprivate onDocumentTouchMoveListener: (evt: MouseEvent | TouchEvent) => void;\n\tprivate onDocumentMouseUpListener: () => void;\n\tprivate onDocumentTouchEndListener: () => void;\n\tprivate onDotClickListener: () => void;\n\n\tconstructor(el: HTMLElement, options?: ICarouselOptions) {\n\t\tsuper(el, options);\n\n\t\tconst data = el.getAttribute(\"data-hs-carousel\");\n\t\tconst dataOptions: ICarouselOptions = data ? JSON.parse(data) : {};\n\t\tconst concatOptions = {\n\t\t\t...dataOptions,\n\t\t\t...options,\n\t\t};\n\n\t\tthis.currentIndex = concatOptions.currentIndex || 0;\n\t\tthis.loadingClasses = concatOptions.loadingClasses\n\t\t\t? `${concatOptions.loadingClasses}`.split(\",\")\n\t\t\t: null;\n\t\tthis.dotsItemClasses = concatOptions.dotsItemClasses\n\t\t\t? concatOptions.dotsItemClasses\n\t\t\t: null;\n\t\tthis.isAutoHeight = typeof concatOptions.isAutoHeight !== \"undefined\"\n\t\t\t? concatOptions.isAutoHeight\n\t\t\t: false;\n\t\tthis.isAutoPlay = typeof concatOptions.isAutoPlay !== \"undefined\"\n\t\t\t? concatOptions.isAutoPlay\n\t\t\t: false;\n\t\tthis.isCentered = typeof concatOptions.isCentered !== \"undefined\"\n\t\t\t? concatOptions.isCentered\n\t\t\t: false;\n\t\tthis.isDraggable = typeof concatOptions.isDraggable !== \"undefined\"\n\t\t\t? concatOptions.isDraggable\n\t\t\t: false;\n\t\tthis.isInfiniteLoop = typeof concatOptions.isInfiniteLoop !== \"undefined\"\n\t\t\t? concatOptions.isInfiniteLoop\n\t\t\t: false;\n\t\tthis.isRTL = typeof concatOptions.isRTL !== \"undefined\"\n\t\t\t? concatOptions.isRTL\n\t\t\t: false;\n\t\tthis.isSnap = typeof concatOptions.isSnap !== \"undefined\"\n\t\t\t? concatOptions.isSnap\n\t\t\t: false;\n\t\tthis.hasSnapSpacers = typeof concatOptions.hasSnapSpacers !== \"undefined\"\n\t\t\t? concatOptions.hasSnapSpacers\n\t\t\t: true;\n\t\tthis.speed = concatOptions.speed || 4000;\n\t\tthis.updateDelay = concatOptions.updateDelay || 0;\n\t\tthis.slidesQty = concatOptions.slidesQty || 1;\n\n\t\tthis.loadingClassesRemove = this.loadingClasses?.[0]\n\t\t\t? this.loadingClasses[0].split(\" \")\n\t\t\t: \"opacity-0\";\n\t\tthis.loadingClassesAdd = this.loadingClasses?.[1]\n\t\t\t? this.loadingClasses[1].split(\" \")\n\t\t\t: \"\";\n\t\tthis.afterLoadingClassesAdd = this.loadingClasses?.[2]\n\t\t\t? this.loadingClasses[2].split(\" \")\n\t\t\t: \"\";\n\n\t\tthis.container = this.el.querySelector(\".hs-carousel\") || null;\n\t\tthis.inner = this.el.querySelector(\".hs-carousel-body\") || null;\n\t\tthis.slides = this.el.querySelectorAll(\".hs-carousel-slide\") || [];\n\t\tthis.prev = this.el.querySelector(\".hs-carousel-prev\") || null;\n\t\tthis.next = this.el.querySelector(\".hs-carousel-next\") || null;\n\t\tthis.dots = this.el.querySelector(\".hs-carousel-pagination\") || null;\n\t\tthis.info = this.el.querySelector(\".hs-carousel-info\") || null;\n\t\tthis.infoTotal = this?.info?.querySelector(\".hs-carousel-info-total\") ||\n\t\t\tnull;\n\t\tthis.infoCurrent = this?.info?.querySelector(\".hs-carousel-info-current\") ||\n\t\t\tnull;\n\n\t\tthis.sliderWidth = this.el.getBoundingClientRect().width;\n\n\t\t// Drag events' help variables\n\t\tthis.isDragging = false;\n\t\tthis.dragStartX = null;\n\t\tthis.initialTranslateX = null;\n\n\t\t// Touch events' help variables\n\t\tthis.touchX = {\n\t\t\tstart: 0,\n\t\t\tend: 0,\n\t\t};\n\t\tthis.touchY = {\n\t\t\tstart: 0,\n\t\t\tend: 0,\n\t\t};\n\n\t\t// Resize events' help variables\n\t\tthis.resizeContainer = document.querySelector(\"body\");\n\t\tthis.resizeContainerWidth = 0;\n\n\t\tthis.init();\n\t}\n\n\tprivate setIsSnap() {\n\t\tconst containerRect = this.container.getBoundingClientRect();\n\t\tconst containerCenter = containerRect.left + containerRect.width / 2;\n\n\t\tlet closestElement: HTMLElement | null = null;\n\t\tlet closestElementIndex: number | null = null;\n\t\tlet closestDistance = Infinity;\n\n\t\tArray.from(this.inner.children).forEach((child: HTMLElement) => {\n\t\t\tconst childRect = child.getBoundingClientRect();\n\t\t\tconst innerContainerRect = this.inner.getBoundingClientRect();\n\t\t\tconst childCenter = childRect.left + childRect.width / 2 -\n\t\t\t\tinnerContainerRect.left;\n\t\t\tconst distance = Math.abs(\n\t\t\t\tcontainerCenter - (innerContainerRect.left + childCenter),\n\t\t\t);\n\n\t\t\tif (distance < closestDistance) {\n\t\t\t\tclosestDistance = distance;\n\t\t\t\tclosestElement = child;\n\t\t\t}\n\t\t});\n\n\t\tif (closestElement) {\n\t\t\tclosestElementIndex = Array.from(this.slides).findIndex(\n\t\t\t\t(el) => el === closestElement,\n\t\t\t);\n\t\t}\n\n\t\tthis.setIndex(closestElementIndex);\n\n\t\tif (this.dots) this.setCurrentDot();\n\t}\n\n\tprivate prevClick() {\n\t\tthis.goToPrev();\n\t\tif (this.isAutoPlay) {\n\t\t\tthis.resetTimer();\n\t\t\tthis.setTimer();\n\t\t}\n\t}\n\n\tprivate nextClick() {\n\t\tthis.goToNext();\n\t\tif (this.isAutoPlay) {\n\t\t\tthis.resetTimer();\n\t\t\tthis.setTimer();\n\t\t}\n\t}\n\n\tprivate containerScroll() {\n\t\tclearTimeout(this.isScrolling);\n\n\t\tthis.isScrolling = setTimeout(() => {\n\t\t\tthis.setIsSnap();\n\t\t}, 100);\n\t}\n\n\tprivate elementTouchStart(evt: TouchEvent) {\n\t\tthis.touchX.start = evt.changedTouches[0].screenX;\n\t\tthis.touchY.start = evt.changedTouches[0].screenY;\n\t}\n\n\tprivate elementTouchEnd(evt: TouchEvent) {\n\t\tthis.touchX.end = evt.changedTouches[0].screenX;\n\t\tthis.touchY.end = evt.changedTouches[0].screenY;\n\n\t\tthis.detectDirection();\n\t}\n\n\tprivate innerMouseDown(evt: MouseEvent | TouchEvent) {\n\t\tthis.handleDragStart(evt);\n\t}\n\n\tprivate innerTouchStart(evt: MouseEvent | TouchEvent) {\n\t\tthis.handleDragStart(evt);\n\t}\n\n\tprivate documentMouseMove(evt: MouseEvent | TouchEvent) {\n\t\tthis.handleDragMove(evt);\n\t}\n\n\tprivate documentTouchMove(evt: MouseEvent | TouchEvent) {\n\t\tthis.handleDragMove(evt);\n\t}\n\n\tprivate documentMouseUp() {\n\t\tthis.handleDragEnd();\n\t}\n\n\tprivate documentTouchEnd() {\n\t\tthis.handleDragEnd();\n\t}\n\n\tprivate dotClick(ind: number) {\n\t\tthis.goTo(ind);\n\n\t\tif (this.isAutoPlay) {\n\t\t\tthis.resetTimer();\n\t\t\tthis.setTimer();\n\t\t}\n\t}\n\n\tprivate init() {\n\t\tthis.createCollection(window.$hsCarouselCollection, this);\n\n\t\tif (this.inner) {\n\t\t\tthis.calculateWidth();\n\n\t\t\tif (this.isDraggable && !this.isSnap) this.initDragHandling();\n\t\t}\n\n\t\tif (this.prev) {\n\t\t\tthis.onPrevClickListener = () => this.prevClick();\n\n\t\t\tthis.prev.addEventListener(\"click\", this.onPrevClickListener);\n\t\t}\n\n\t\tif (this.next) {\n\t\t\tthis.onNextClickListener = () => this.nextClick();\n\n\t\t\tthis.next.addEventListener(\"click\", this.onNextClickListener);\n\t\t}\n\n\t\tif (this.dots) this.initDots();\n\t\tif (this.info) this.buildInfo();\n\t\tif (this.slides.length) {\n\t\t\tthis.addCurrentClass();\n\t\t\tif (!this.isInfiniteLoop) this.addDisabledClass();\n\t\t\tif (this.isAutoPlay) this.autoPlay();\n\t\t}\n\n\t\tsetTimeout(() => {\n\t\t\tif (this.isSnap) this.setIsSnap();\n\n\t\t\tif (this.loadingClassesRemove) {\n\t\t\t\tif (typeof this.loadingClassesRemove === \"string\") {\n\t\t\t\t\tthis.inner.classList.remove(this.loadingClassesRemove);\n\t\t\t\t} else this.inner.classList.remove(...this.loadingClassesRemove);\n\t\t\t}\n\t\t\tif (this.loadingClassesAdd) {\n\t\t\t\tif (typeof this.loadingClassesAdd === \"string\") {\n\t\t\t\t\tthis.inner.classList.add(this.loadingClassesAdd);\n\t\t\t\t} else this.inner.classList.add(...this.loadingClassesAdd);\n\t\t\t}\n\n\t\t\tif (this.inner && this.afterLoadingClassesAdd) {\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\tif (typeof this.afterLoadingClassesAdd === \"string\") {\n\t\t\t\t\t\tthis.inner.classList.add(this.afterLoadingClassesAdd);\n\t\t\t\t\t} else this.inner.classList.add(...this.afterLoadingClassesAdd);\n\t\t\t\t});\n\t\t\t}\n\t\t}, 400);\n\n\t\tif (this.isSnap) {\n\t\t\tthis.onContainerScrollListener = () => this.containerScroll();\n\n\t\t\tthis.container.addEventListener(\"scroll\", this.onContainerScrollListener);\n\t\t}\n\n\t\tthis.el.classList.add(\"init\");\n\n\t\tif (!this.isSnap) {\n\t\t\tthis.onElementTouchStartListener = (evt: TouchEvent) =>\n\t\t\t\tthis.elementTouchStart(evt);\n\t\t\tthis.onElementTouchEndListener = (evt: TouchEvent) =>\n\t\t\t\tthis.elementTouchEnd(evt);\n\n\t\t\tthis.el.addEventListener(\"touchstart\", this.onElementTouchStartListener);\n\n\t\t\tthis.el.addEventListener(\"touchend\", this.onElementTouchEndListener);\n\t\t}\n\n\t\tthis.observeResize();\n\t}\n\n\tprivate initDragHandling(): void {\n\t\tconst scrollableElement = this.inner;\n\n\t\tthis.onInnerMouseDownListener = (evt) => this.innerMouseDown(evt);\n\t\tthis.onInnerTouchStartListener = (evt) => this.innerTouchStart(evt);\n\t\tthis.onDocumentMouseMoveListener = (evt) => this.documentMouseMove(evt);\n\t\tthis.onDocumentTouchMoveListener = (evt) => this.documentTouchMove(evt);\n\t\tthis.onDocumentMouseUpListener = () => this.documentMouseUp();\n\t\tthis.onDocumentTouchEndListener = () => this.documentTouchEnd();\n\n\t\tif (scrollableElement) {\n\t\t\tscrollableElement.addEventListener(\n\t\t\t\t\"mousedown\",\n\t\t\t\tthis.onInnerMouseDownListener,\n\t\t\t);\n\t\t\tscrollableElement.addEventListener(\n\t\t\t\t\"touchstart\",\n\t\t\t\tthis.onInnerTouchStartListener,\n\t\t\t\t{ passive: true },\n\t\t\t);\n\n\t\t\tdocument.addEventListener(\"mousemove\", this.onDocumentMouseMoveListener);\n\t\t\tdocument.addEventListener(\"touchmove\", this.onDocumentTouchMoveListener, {\n\t\t\t\tpassive: false,\n\t\t\t});\n\n\t\t\tdocument.addEventListener(\"mouseup\", this.onDocumentMouseUpListener);\n\t\t\tdocument.addEventListener(\"touchend\", this.onDocumentTouchEndListener);\n\t\t}\n\t}\n\n\tprivate getTranslateXValue(): number {\n\t\tconst transformMatrix = window.getComputedStyle(this.inner).transform;\n\n\t\tif (transformMatrix !== \"none\") {\n\t\t\tconst matrixValues = transformMatrix\n\t\t\t\t.match(/matrix.*\\((.+)\\)/)?.[1]\n\t\t\t\t.split(\", \");\n\n\t\t\tif (matrixValues) {\n\t\t\t\tlet translateX = parseFloat(\n\t\t\t\t\tmatrixValues.length === 6 ? matrixValues[4] : matrixValues[12],\n\t\t\t\t);\n\t\t\t\tif (this.isRTL) translateX = -translateX;\n\n\t\t\t\treturn isNaN(translateX) || translateX === 0 ? 0 : -translateX;\n\t\t\t}\n\t\t}\n\t\treturn 0;\n\t}\n\n\tprivate removeClickEventWhileDragging(evt: MouseEvent) {\n\t\tevt.preventDefault();\n\t}\n\n\tprivate handleDragStart(evt: MouseEvent | TouchEvent): void {\n\t\tevt.preventDefault();\n\n\t\tthis.isDragging = true;\n\t\tthis.dragStartX = this.getEventX(evt);\n\t\tthis.initialTranslateX = this.isRTL\n\t\t\t? this.getTranslateXValue()\n\t\t\t: -this.getTranslateXValue();\n\n\t\tthis.inner.classList.add(\"dragging\");\n\t}\n\n\tprivate handleDragMove(evt: MouseEvent | TouchEvent): void {\n\t\tif (!this.isDragging) return;\n\n\t\tthis.inner.querySelectorAll(\"a:not(.prevented-click)\").forEach((el) => {\n\t\t\tel.classList.add(\"prevented-click\");\n\t\t\tel.addEventListener(\"click\", this.removeClickEventWhileDragging);\n\t\t});\n\n\t\tconst currentX = this.getEventX(evt);\n\t\tlet deltaX = currentX - this.dragStartX;\n\t\tif (this.isRTL) deltaX = -deltaX;\n\t\tconst newTranslateX = this.initialTranslateX + deltaX;\n\t\tconst newTranslateXFunc = () => {\n\t\t\tlet calcWidth =\n\t\t\t\t(this.sliderWidth * this.slides.length) / this.getCurrentSlidesQty() -\n\t\t\t\tthis.sliderWidth;\n\t\t\tconst containerWidth = this.sliderWidth;\n\t\t\tconst itemWidth = containerWidth / this.getCurrentSlidesQty();\n\t\t\tconst centeredOffset = (containerWidth - itemWidth) / 2;\n\t\t\tconst limitStart = this.isCentered ? centeredOffset : 0;\n\t\t\tif (this.isCentered) calcWidth = calcWidth + centeredOffset;\n\t\t\tconst limitEnd = -calcWidth;\n\n\t\t\tif (this.isRTL) {\n\t\t\t\tif (newTranslateX < limitStart) return limitStart;\n\t\t\t\tif (newTranslateX > calcWidth) return limitEnd;\n\t\t\t\telse return -newTranslateX;\n\t\t\t} else {\n\t\t\t\tif (newTranslateX > limitStart) return limitStart;\n\t\t\t\telse if (newTranslateX < -calcWidth) return limitEnd;\n\t\t\t\telse return newTranslateX;\n\t\t\t}\n\t\t};\n\n\t\tthis.setTranslate(newTranslateXFunc());\n\t}\n\n\tprivate handleDragEnd(): void {\n\t\tif (!this.isDragging) return;\n\t\tthis.isDragging = false;\n\n\t\tconst containerWidth = this.sliderWidth;\n\t\tconst itemWidth = containerWidth / this.getCurrentSlidesQty();\n\t\tconst currentTranslateX = this.getTranslateXValue();\n\t\tlet closestIndex = Math.round(currentTranslateX / itemWidth);\n\t\tif (this.isRTL) closestIndex = Math.round(currentTranslateX / itemWidth);\n\n\t\tthis.inner.classList.remove(\"dragging\");\n\n\t\tsetTimeout(() => {\n\t\t\tthis.calculateTransform(closestIndex);\n\t\t\tif (this.dots) this.setCurrentDot();\n\n\t\t\tthis.dragStartX = null;\n\t\t\tthis.initialTranslateX = null;\n\n\t\t\tthis.inner.querySelectorAll(\"a.prevented-click\").forEach((el) => {\n\t\t\t\tel.classList.remove(\"prevented-click\");\n\t\t\t\tel.removeEventListener(\"click\", this.removeClickEventWhileDragging);\n\t\t\t});\n\t\t});\n\t}\n\n\tprivate getEventX(event: MouseEvent | TouchEvent): number {\n\t\treturn event instanceof MouseEvent\n\t\t\t? event.clientX\n\t\t\t: event.touches[0].clientX;\n\t}\n\n\tprivate getCurrentSlidesQty(): number {\n\t\tif (typeof this.slidesQty === \"object\") {\n\t\t\tconst windowWidth = document.body.clientWidth;\n\t\t\tlet currentRes = 0;\n\n\t\t\tObject.keys(this.slidesQty).forEach((key: string) => {\n\t\t\t\tif (\n\t\t\t\t\twindowWidth >=\n\t\t\t\t\t\t(typeof key + 1 === \"number\"\n\t\t\t\t\t\t\t? (this.slidesQty as TCarouselOptionsSlidesQty)[key]\n\t\t\t\t\t\t\t: BREAKPOINTS[key])\n\t\t\t\t) {\n\t\t\t\t\tcurrentRes = (this.slidesQty as TCarouselOptionsSlidesQty)[key];\n\t\t\t\t}\n\t\t\t});\n\n\t\t\treturn currentRes;\n\t\t} else {\n\t\t\treturn this.slidesQty as number;\n\t\t}\n\t}\n\n\tprivate buildSnapSpacers() {\n\t\tconst existingBefore = this.inner.querySelector(\".hs-snap-before\");\n\t\tconst existingAfter = this.inner.querySelector(\".hs-snap-after\");\n\t\tif (existingBefore) existingBefore.remove();\n\t\tif (existingAfter) existingAfter.remove();\n\n\t\tconst containerWidth = this.sliderWidth;\n\t\tconst itemWidth = containerWidth / this.getCurrentSlidesQty();\n\t\tconst spacerWidth = containerWidth / 2 - itemWidth / 2;\n\n\t\tconst before = htmlToElement(\n\t\t\t``,\n\t\t);\n\t\tconst after = htmlToElement(\n\t\t\t``,\n\t\t);\n\n\t\tthis.inner.prepend(before);\n\t\tthis.inner.appendChild(after);\n\t}\n\n\tprivate initDots() {\n\t\tif (this.el.querySelectorAll(\".hs-carousel-pagination-item\").length) {\n\t\t\tthis.setDots();\n\t\t} else this.buildDots();\n\n\t\tif (this.dots) this.setCurrentDot();\n\t}\n\n\tprivate buildDots() {\n\t\tthis.dots.innerHTML = \"\";\n\n\t\tconst slidesQty = !this.isCentered && this.slidesQty\n\t\t\t? this.slides.length - (this.getCurrentSlidesQty() - 1)\n\t\t\t: this.slides.length;\n\n\t\tfor (let i = 0; i < slidesQty; i++) {\n\t\t\tconst singleDot = this.buildSingleDot(i);\n\n\t\t\tthis.dots.append(singleDot);\n\t\t}\n\t}\n\n\tprivate setDots() {\n\t\tthis.dotsItems = this.dots.querySelectorAll(\".hs-carousel-pagination-item\");\n\n\t\tthis.dotsItems.forEach((dot, ind) => {\n\t\t\tconst targetIndex = dot.getAttribute(\n\t\t\t\t\"data-carousel-pagination-item-target\",\n\t\t\t);\n\n\t\t\tthis.singleDotEvents(dot, targetIndex ? +targetIndex : ind);\n\t\t});\n\t}\n\n\tprivate goToCurrentDot() {\n\t\tconst container = this.dots;\n\t\tconst containerRect = container.getBoundingClientRect();\n\t\tconst containerScrollLeft = container.scrollLeft;\n\t\tconst containerScrollTop = container.scrollTop;\n\t\tconst containerWidth = container.clientWidth;\n\t\tconst containerHeight = container.clientHeight;\n\n\t\tconst item = this.dotsItems[this.currentIndex];\n\t\tconst itemRect = item.getBoundingClientRect();\n\t\tconst itemLeft = itemRect.left - containerRect.left + containerScrollLeft;\n\t\tconst itemRight = itemLeft + item.clientWidth;\n\t\tconst itemTop = itemRect.top - containerRect.top + containerScrollTop;\n\t\tconst itemBottom = itemTop + item.clientHeight;\n\n\t\tlet scrollLeft = containerScrollLeft;\n\t\tlet scrollTop = containerScrollTop;\n\n\t\tif (\n\t\t\titemLeft < containerScrollLeft ||\n\t\t\titemRight > containerScrollLeft + containerWidth\n\t\t) {\n\t\t\tscrollLeft = itemRight - containerWidth;\n\t\t}\n\n\t\tif (\n\t\t\titemTop < containerScrollTop ||\n\t\t\titemBottom > containerScrollTop + containerHeight\n\t\t) {\n\t\t\tscrollTop = itemBottom - containerHeight;\n\t\t}\n\n\t\tcontainer.scrollTo({\n\t\t\tleft: scrollLeft,\n\t\t\ttop: scrollTop,\n\t\t\tbehavior: \"smooth\",\n\t\t});\n\t}\n\n\tprivate buildInfo() {\n\t\tif (this.infoTotal) this.setInfoTotal();\n\t\tif (this.infoCurrent) this.setInfoCurrent();\n\t}\n\n\tprivate setInfoTotal() {\n\t\tthis.infoTotal.innerText = `${this.slides.length}`;\n\t}\n\n\tprivate setInfoCurrent() {\n\t\tthis.infoCurrent.innerText = `${this.currentIndex + 1}`;\n\t}\n\n\tprivate buildSingleDot(ind: number) {\n\t\tconst singleDot = htmlToElement(\"\");\n\t\tif (this.dotsItemClasses) classToClassList(this.dotsItemClasses, singleDot);\n\n\t\tthis.singleDotEvents(singleDot, ind);\n\n\t\treturn singleDot;\n\t}\n\n\tprivate singleDotEvents(dot: HTMLElement, ind: number) {\n\t\tthis.onDotClickListener = () => this.dotClick(ind);\n\n\t\tdot.addEventListener(\"click\", this.onDotClickListener);\n\t}\n\n\tprivate observeResize() {\n\t\tconst resizeObserver = new ResizeObserver(\n\t\t\tdebounce((entries: ResizeObserverEntry[]) => {\n\t\t\t\tfor (let entry of entries) {\n\t\t\t\t\tconst newWidth = entry.contentRect.width;\n\n\t\t\t\t\tif (newWidth !== this.resizeContainerWidth) {\n\t\t\t\t\t\tthis.recalculateWidth();\n\t\t\t\t\t\tif (this.dots) this.initDots();\n\t\t\t\t\t\tthis.addCurrentClass();\n\n\t\t\t\t\t\tthis.resizeContainerWidth = newWidth;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}, this.updateDelay),\n\t\t);\n\n\t\tresizeObserver.observe(this.resizeContainer);\n\t}\n\n\tprivate calculateWidth() {\n\t\tif (!this.isSnap) {\n\t\t\tthis.inner.style.width = `${\n\t\t\t\t(this.sliderWidth * this.slides.length) / this.getCurrentSlidesQty()\n\t\t\t}px`;\n\t\t}\n\n\t\tthis.slides.forEach((el) => {\n\t\t\tel.style.width = `${this.sliderWidth / this.getCurrentSlidesQty()}px`;\n\t\t});\n\n\t\tthis.calculateTransform();\n\t}\n\n\tprivate addCurrentClass() {\n\t\tif (this.isSnap) {\n\t\t\tconst itemsQty = Math.floor(this.getCurrentSlidesQty() / 2);\n\n\t\t\tfor (let i = 0; i < this.slides.length; i++) {\n\t\t\t\tconst slide = this.slides[i];\n\n\t\t\t\tif (\n\t\t\t\t\ti <= this.currentIndex + itemsQty &&\n\t\t\t\t\ti >= this.currentIndex - itemsQty\n\t\t\t\t) {\n\t\t\t\t\tslide.classList.add(\"active\");\n\t\t\t\t} else slide.classList.remove(\"active\");\n\t\t\t}\n\t\t} else {\n\t\t\tconst maxIndex = this.isCentered\n\t\t\t\t? this.currentIndex +\n\t\t\t\t\tthis.getCurrentSlidesQty() +\n\t\t\t\t\t(this.getCurrentSlidesQty() - 1)\n\t\t\t\t: this.currentIndex + this.getCurrentSlidesQty();\n\n\t\t\tthis.slides.forEach((el, i) => {\n\t\t\t\tif (i >= this.currentIndex && i < maxIndex) {\n\t\t\t\t\tel.classList.add(\"active\");\n\t\t\t\t} else {\n\t\t\t\t\tel.classList.remove(\"active\");\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n\n\tprivate setCurrentDot() {\n\t\tconst toggleDotActive = (el: HTMLElement | Element, i: number) => {\n\t\t\tlet statement = false;\n\t\t\tconst itemsQty = Math.floor(this.getCurrentSlidesQty() / 2);\n\n\t\t\tif (this.isSnap && !this.hasSnapSpacers) {\n\t\t\t\tstatement = i ===\n\t\t\t\t\t(this.getCurrentSlidesQty() % 2 === 0\n\t\t\t\t\t\t? this.currentIndex - itemsQty + 1\n\t\t\t\t\t\t: this.currentIndex - itemsQty);\n\t\t\t} else statement = i === this.currentIndex;\n\n\t\t\tif (statement) el.classList.add(\"active\");\n\t\t\telse el.classList.remove(\"active\");\n\t\t};\n\n\t\tif (this.dotsItems) {\n\t\t\tthis.dotsItems.forEach((el, i) => toggleDotActive(el, i));\n\t\t} else {\n\t\t\tthis.dots\n\t\t\t\t.querySelectorAll(\":scope > *\")\n\t\t\t\t.forEach((el, i) => toggleDotActive(el, i));\n\t\t}\n\t}\n\n\tprivate setElementToDisabled(el: HTMLElement) {\n\t\tel.classList.add(\"disabled\");\n\t\tif (el.tagName === \"BUTTON\" || el.tagName === \"INPUT\") {\n\t\t\tel.setAttribute(\"disabled\", \"disabled\");\n\t\t}\n\t}\n\n\tprivate unsetElementToDisabled(el: HTMLElement) {\n\t\tel.classList.remove(\"disabled\");\n\t\tif (el.tagName === \"BUTTON\" || el.tagName === \"INPUT\") {\n\t\t\tel.removeAttribute(\"disabled\");\n\t\t}\n\t}\n\n\tprivate addDisabledClass() {\n\t\tif (!this.prev || !this.next) return false;\n\n\t\tconst gapValue = getComputedStyle(this.inner).getPropertyValue(\"gap\");\n\t\tconst itemsQty = Math.floor(this.getCurrentSlidesQty() / 2);\n\t\tlet currentIndex = 0;\n\t\tlet maxIndex = 0;\n\t\tlet statementPrev = false;\n\t\tlet statementNext = false;\n\n\t\tif (this.isSnap) {\n\t\t\tcurrentIndex = this.currentIndex;\n\t\t\tmaxIndex = this.hasSnapSpacers\n\t\t\t\t? this.slides.length - 1\n\t\t\t\t: this.slides.length - itemsQty - 1;\n\t\t\tstatementPrev = this.hasSnapSpacers\n\t\t\t\t? currentIndex === 0\n\t\t\t\t: this.getCurrentSlidesQty() % 2 === 0\n\t\t\t\t? currentIndex - itemsQty < 0\n\t\t\t\t: currentIndex - itemsQty === 0;\n\t\t\tstatementNext = currentIndex >= maxIndex &&\n\t\t\t\tthis.container.scrollLeft +\n\t\t\t\t\t\t\tthis.container.clientWidth +\n\t\t\t\t\t\t\t(parseFloat(gapValue) || 0) >=\n\t\t\t\t\tthis.container.scrollWidth;\n\t\t} else {\n\t\t\tcurrentIndex = this.currentIndex;\n\t\t\tmaxIndex = this.isCentered\n\t\t\t\t? this.slides.length -\n\t\t\t\t\tthis.getCurrentSlidesQty() +\n\t\t\t\t\t(this.getCurrentSlidesQty() - 1)\n\t\t\t\t: this.slides.length - this.getCurrentSlidesQty();\n\t\t\tstatementPrev = currentIndex === 0;\n\t\t\tstatementNext = currentIndex >= maxIndex;\n\t\t}\n\n\t\tif (statementPrev) {\n\t\t\tthis.unsetElementToDisabled(this.next);\n\t\t\tthis.setElementToDisabled(this.prev);\n\t\t} else if (statementNext) {\n\t\t\tthis.unsetElementToDisabled(this.prev);\n\t\t\tthis.setElementToDisabled(this.next);\n\t\t} else {\n\t\t\tthis.unsetElementToDisabled(this.prev);\n\t\t\tthis.unsetElementToDisabled(this.next);\n\t\t}\n\t}\n\n\tprivate autoPlay() {\n\t\tthis.setTimer();\n\t}\n\n\tprivate setTimer() {\n\t\tthis.timer = setInterval(() => {\n\t\t\tif (this.currentIndex === this.slides.length - 1) this.goTo(0);\n\t\t\telse this.goToNext();\n\t\t}, this.speed);\n\t}\n\n\tprivate resetTimer() {\n\t\tclearInterval(this.timer);\n\t}\n\n\tprivate detectDirection() {\n\t\tconst deltaX = this.touchX.end - this.touchX.start;\n\t\tconst deltaY = this.touchY.end - this.touchY.start;\n\t\tconst absDeltaX = Math.abs(deltaX);\n\t\tconst absDeltaY = Math.abs(deltaY);\n\t\tconst SWIPE_THRESHOLD = 30;\n\n\t\tif (absDeltaX < SWIPE_THRESHOLD || absDeltaX < absDeltaY) return;\n\n\t\tconst isSwipeToNext = this.isRTL ? deltaX > 0 : deltaX < 0;\n\n\t\tif (!this.isInfiniteLoop) {\n\t\t\tif (\n\t\t\t\tisSwipeToNext &&\n\t\t\t\tthis.currentIndex < this.slides.length - this.getCurrentSlidesQty()\n\t\t\t) {\n\t\t\t\tthis.goToNext();\n\t\t\t}\n\t\t\tif (\n\t\t\t\t!isSwipeToNext &&\n\t\t\t\tthis.currentIndex > 0\n\t\t\t) {\n\t\t\t\tthis.goToPrev();\n\t\t\t}\n\t\t} else {\n\t\t\tif (isSwipeToNext) this.goToNext();\n\t\t\telse this.goToPrev();\n\t\t}\n\t}\n\n\tprivate calculateTransform(currentIdx?: number | undefined): void {\n\t\tif (currentIdx !== undefined) this.currentIndex = currentIdx;\n\n\t\tconst containerWidth = this.sliderWidth;\n\t\tconst itemWidth = containerWidth / this.getCurrentSlidesQty();\n\t\tlet translateX = this.currentIndex * itemWidth;\n\n\t\tif (this.isSnap && !this.isCentered) {\n\t\t\tif (\n\t\t\t\tthis.container.scrollLeft < containerWidth &&\n\t\t\t\tthis.container.scrollLeft + itemWidth / 2 > containerWidth\n\t\t\t) {\n\t\t\t\tthis.container.scrollLeft = this.container.scrollWidth;\n\t\t\t}\n\t\t}\n\n\t\tif (this.isCentered && !this.isSnap) {\n\t\t\tconst centeredOffset = (containerWidth - itemWidth) / 2;\n\n\t\t\tif (this.currentIndex === 0) translateX = -centeredOffset;\n\t\t\telse if (\n\t\t\t\tthis.currentIndex >=\n\t\t\t\t\tthis.slides.length -\n\t\t\t\t\t\tthis.getCurrentSlidesQty() +\n\t\t\t\t\t\t(this.getCurrentSlidesQty() - 1)\n\t\t\t) {\n\t\t\t\tconst totalSlideWidth = this.slides.length * itemWidth;\n\n\t\t\t\ttranslateX = totalSlideWidth - containerWidth + centeredOffset;\n\t\t\t} else translateX = this.currentIndex * itemWidth - centeredOffset;\n\t\t}\n\n\t\tif (!this.isSnap) this.setTransform(translateX);\n\n\t\tif (this.isAutoHeight) {\n\t\t\tthis.inner.style.height = `${\n\t\t\t\tthis.slides[this.currentIndex].clientHeight\n\t\t\t}px`;\n\t\t}\n\n\t\tif (this.dotsItems) this.goToCurrentDot();\n\n\t\tthis.addCurrentClass();\n\t\tif (!this.isInfiniteLoop) this.addDisabledClass();\n\t\tif (this.isSnap && this.hasSnapSpacers) this.buildSnapSpacers();\n\t\tif (this.infoCurrent) this.setInfoCurrent();\n\t}\n\n\tprivate setTransform(val: number) {\n\t\tif (this.slides.length > this.getCurrentSlidesQty()) {\n\t\t\tthis.inner.style.transform = this.isRTL\n\t\t\t\t? `translate(${val}px, 0px)`\n\t\t\t\t: `translate(${-val}px, 0px)`;\n\t\t} else this.inner.style.transform = \"translate(0px, 0px)\";\n\t}\n\n\tprivate setTranslate(val: number) {\n\t\tthis.inner.style.transform = this.isRTL\n\t\t\t? `translate(${-val}px, 0px)`\n\t\t\t: `translate(${val}px, 0px)`;\n\t}\n\n\tprivate setIndex(i: number) {\n\t\tthis.currentIndex = i;\n\n\t\tthis.addCurrentClass();\n\t\tif (!this.isInfiniteLoop) this.addDisabledClass();\n\t}\n\n\t// Public methods\n\tpublic recalculateWidth() {\n\t\tthis.sliderWidth = this.inner.parentElement.getBoundingClientRect().width;\n\n\t\tthis.calculateWidth();\n\n\t\tif (\n\t\t\tthis.sliderWidth !==\n\t\t\t\tthis.inner.parentElement.getBoundingClientRect().width\n\t\t) {\n\t\t\tthis.recalculateWidth();\n\t\t}\n\t}\n\n\tpublic goToPrev() {\n\t\tif (this.currentIndex > 0) {\n\t\t\tthis.currentIndex--;\n\t\t} else {\n\t\t\tthis.currentIndex = this.slides.length - this.getCurrentSlidesQty();\n\t\t}\n\n\t\tthis.fireEvent(\"update\", this.currentIndex);\n\n\t\tif (this.isSnap) {\n\t\t\tconst itemWidth = this.sliderWidth / this.getCurrentSlidesQty();\n\n\t\t\tthis.container.scrollBy({\n\t\t\t\tleft: Math.max(-this.container.scrollLeft, -itemWidth),\n\t\t\t\tbehavior: \"smooth\",\n\t\t\t});\n\n\t\t\tthis.addCurrentClass();\n\t\t\tif (!this.isInfiniteLoop) this.addDisabledClass();\n\t\t} else this.calculateTransform();\n\n\t\tif (this.dots) this.setCurrentDot();\n\t}\n\n\tpublic goToNext() {\n\t\tconst statement = this.isCentered\n\t\t\t? this.slides.length -\n\t\t\t\tthis.getCurrentSlidesQty() +\n\t\t\t\t(this.getCurrentSlidesQty() - 1)\n\t\t\t: this.slides.length - this.getCurrentSlidesQty();\n\n\t\tif (this.currentIndex < statement) {\n\t\t\tthis.currentIndex++;\n\t\t} else {\n\t\t\tthis.currentIndex = 0;\n\t\t}\n\n\t\tthis.fireEvent(\"update\", this.currentIndex);\n\n\t\tif (this.isSnap) {\n\t\t\tconst itemWidth = this.sliderWidth / this.getCurrentSlidesQty();\n\t\t\tconst maxScrollLeft = this.container.scrollWidth -\n\t\t\t\tthis.container.clientWidth;\n\n\t\t\tthis.container.scrollBy({\n\t\t\t\tleft: Math.min(itemWidth, maxScrollLeft - this.container.scrollLeft),\n\t\t\t\tbehavior: \"smooth\",\n\t\t\t});\n\n\t\t\tthis.addCurrentClass();\n\t\t\tif (!this.isInfiniteLoop) this.addDisabledClass();\n\t\t} else this.calculateTransform();\n\n\t\tif (this.dots) this.setCurrentDot();\n\t}\n\n\tpublic goTo(i: number) {\n\t\tconst currentIndex = this.currentIndex;\n\t\tthis.currentIndex = i;\n\n\t\tthis.fireEvent(\"update\", this.currentIndex);\n\n\t\tif (this.isSnap) {\n\t\t\tconst itemWidth = this.sliderWidth / this.getCurrentSlidesQty();\n\t\t\tconst index = currentIndex > this.currentIndex\n\t\t\t\t? currentIndex - this.currentIndex\n\t\t\t\t: this.currentIndex - currentIndex;\n\t\t\tconst width = currentIndex > this.currentIndex\n\t\t\t\t? -(itemWidth * index)\n\t\t\t\t: itemWidth * index;\n\n\t\t\tthis.container.scrollBy({\n\t\t\t\tleft: width,\n\t\t\t\tbehavior: \"smooth\",\n\t\t\t});\n\n\t\t\tthis.addCurrentClass();\n\t\t\tif (!this.isInfiniteLoop) this.addDisabledClass();\n\t\t} else this.calculateTransform();\n\n\t\tif (this.dots) this.setCurrentDot();\n\t}\n\n\tpublic destroy() {\n\t\t// Remove classes\n\t\tif (this.loadingClassesAdd) {\n\t\t\tif (typeof this.loadingClassesAdd === \"string\") {\n\t\t\t\tthis.inner.classList.remove(this.loadingClassesAdd);\n\t\t\t} else this.inner.classList.remove(...this.loadingClassesAdd);\n\t\t}\n\t\tif (this.inner && this.afterLoadingClassesAdd) {\n\t\t\tsetTimeout(() => {\n\t\t\t\tif (typeof this.afterLoadingClassesAdd === \"string\") {\n\t\t\t\t\tthis.inner.classList.remove(this.afterLoadingClassesAdd);\n\t\t\t\t} else this.inner.classList.remove(...this.afterLoadingClassesAdd);\n\t\t\t});\n\t\t}\n\t\tthis.el.classList.remove(\"init\");\n\t\tthis.inner.classList.remove(\"dragging\");\n\t\tthis.slides.forEach((el) => el.classList.remove(\"active\"));\n\t\tif (this?.dotsItems?.length) {\n\t\t\tthis.dotsItems.forEach((el) => el.classList.remove(\"active\"));\n\t\t}\n\t\tthis.prev.classList.remove(\"disabled\");\n\t\tthis.next.classList.remove(\"disabled\");\n\n\t\t// Remove styles\n\t\tthis.inner.style.width = \"\";\n\t\tthis.slides.forEach((el) => (el.style.width = \"\"));\n\t\tif (!this.isSnap) this.inner.style.transform = \"\";\n\t\tif (this.isAutoHeight) this.inner.style.height = \"\";\n\n\t\t// Remove listeners\n\t\tthis.prev.removeEventListener(\"click\", this.onPrevClickListener);\n\t\tthis.next.removeEventListener(\"click\", this.onNextClickListener);\n\t\tthis.container.removeEventListener(\n\t\t\t\"scroll\",\n\t\t\tthis.onContainerScrollListener,\n\t\t);\n\t\tthis.el.removeEventListener(\"touchstart\", this.onElementTouchStartListener);\n\t\tthis.el.removeEventListener(\"touchend\", this.onElementTouchEndListener);\n\t\tthis.inner.removeEventListener(\"mousedown\", this.onInnerMouseDownListener);\n\t\tthis.inner.removeEventListener(\n\t\t\t\"touchstart\",\n\t\t\tthis.onInnerTouchStartListener,\n\t\t);\n\t\tdocument.removeEventListener(\"mousemove\", this.onDocumentMouseMoveListener);\n\t\tdocument.removeEventListener(\"touchmove\", this.onDocumentTouchMoveListener);\n\t\tdocument.removeEventListener(\"mouseup\", this.onDocumentMouseUpListener);\n\t\tdocument.removeEventListener(\"touchend\", this.onDocumentTouchEndListener);\n\t\tthis.inner.querySelectorAll(\"a:not(.prevented-click)\").forEach((el) => {\n\t\t\tel.classList.remove(\"prevented-click\");\n\t\t\tel.removeEventListener(\"click\", this.removeClickEventWhileDragging);\n\t\t});\n\t\tif (\n\t\t\tthis?.dotsItems?.length ||\n\t\t\tthis.dots.querySelectorAll(\":scope > *\").length\n\t\t) {\n\t\t\tconst dots = this?.dotsItems || this.dots.querySelectorAll(\":scope > *\");\n\n\t\t\tdots.forEach((el) =>\n\t\t\t\tel.removeEventListener(\"click\", this.onDotClickListener)\n\t\t\t);\n\n\t\t\tthis.dots.innerHTML = null;\n\t\t}\n\n\t\t// Remove elements\n\t\tthis.inner.querySelector(\".hs-snap-before\").remove();\n\t\tthis.inner.querySelector(\".hs-snap-after\").remove();\n\n\t\tthis.dotsItems = null;\n\n\t\tthis.isDragging = false;\n\t\tthis.dragStartX = null;\n\t\tthis.initialTranslateX = null;\n\n\t\twindow.$hsCarouselCollection = window.$hsCarouselCollection.filter(\n\t\t\t({ element }) => element.el !== this.el,\n\t\t);\n\t}\n\n\t// Static methods\n\tstatic getInstance(target: HTMLElement | string, isInstance?: boolean) {\n\t\tconst elInCollection = window.$hsCarouselCollection.find(\n\t\t\t(el) =>\n\t\t\t\tel.element.el ===\n\t\t\t\t\t(typeof target === \"string\"\n\t\t\t\t\t\t? document.querySelector(target)\n\t\t\t\t\t\t: target),\n\t\t);\n\n\t\treturn elInCollection\n\t\t\t? isInstance ? elInCollection : elInCollection.element\n\t\t\t: null;\n\t}\n\n\tstatic autoInit() {\n\t\tif (!window.$hsCarouselCollection) window.$hsCarouselCollection = [];\n\n\t\tif (window.$hsCarouselCollection) {\n\t\t\twindow.$hsCarouselCollection = window.$hsCarouselCollection.filter(\n\t\t\t\t({ element }) => document.contains(element.el),\n\t\t\t);\n\t\t}\n\n\t\tdocument\n\t\t\t.querySelectorAll(\"[data-hs-carousel]:not(.--prevent-on-load-init)\")\n\t\t\t.forEach((el: HTMLElement) => {\n\t\t\t\tif (\n\t\t\t\t\t!window.$hsCarouselCollection.find(\n\t\t\t\t\t\t(elC) => (elC?.element?.el as HTMLElement) === el,\n\t\t\t\t\t)\n\t\t\t\t) {\n\t\t\t\t\tnew HSCarousel(el);\n\t\t\t\t}\n\t\t\t});\n\t}\n}\n\ndeclare global {\n\tinterface Window {\n\t\tHSCarousel: Function;\n\t\t$hsCarouselCollection: ICollectionItem[];\n\t}\n}\n\nwindow.addEventListener(\"load\", () => {\n\tHSCarousel.autoInit();\n\n\t// Uncomment for debug\n\t// console.log('Carousel collection:', window.$hsCarouselCollection);\n});\n\nif (typeof window !== \"undefined\") {\n\twindow.HSCarousel = HSCarousel;\n}\n\nexport default HSCarousel;\n", "/*\n * HSCollapse\n * @version: 3.2.3\n * @author: Preline Labs Ltd.\n * @license: Licensed under MIT and Preline UI Fair Use License (https://preline.co/docs/license.html)\n * Copyright 2024 Preline Labs Ltd.\n */\n\nimport { dispatch, afterTransition } from '../../utils';\n\nimport { ICollapse } from '../collapse/interfaces';\n\nimport HSBasePlugin from '../base-plugin';\nimport { ICollectionItem } from '../../interfaces';\n\nclass HSCollapse extends HSBasePlugin<{}> implements ICollapse {\n\tprivate readonly contentId: string | null;\n\tpublic content: HTMLElement | null;\n\tprivate animationInProcess: boolean;\n\n\tprivate onElementClickListener: () => void;\n\n\tconstructor(el: HTMLElement, options?: {}, events?: {}) {\n\t\tsuper(el, options, events);\n\n\t\tthis.contentId = this.el.dataset.hsCollapse;\n\t\tthis.content = document.querySelector(this.contentId);\n\t\tthis.animationInProcess = false;\n\n\t\tif (this.content) this.init();\n\t}\n\n\tprivate elementClick() {\n\t\tif (this.content.classList.contains('open')) {\n\t\t\tthis.hide();\n\t\t} else {\n\t\t\tthis.show();\n\t\t}\n\t}\n\n\tprivate init() {\n\t\tthis.createCollection(window.$hsCollapseCollection, this);\n\n\t\tthis.onElementClickListener = () => this.elementClick();\n\n\t\tif (this?.el?.ariaExpanded) {\n\t\t\tif (this.el.classList.contains('open')) this.el.ariaExpanded = 'true';\n\t\t\telse this.el.ariaExpanded = 'false';\n\t\t}\n\n\t\tthis.el.addEventListener('click', this.onElementClickListener);\n\t}\n\n\tprivate hideAllMegaMenuItems() {\n\t\tthis.content\n\t\t\t.querySelectorAll('.hs-mega-menu-content.block')\n\t\t\t.forEach((el) => {\n\t\t\t\tel.classList.remove('block');\n\t\t\t\tel.classList.add('hidden');\n\t\t\t});\n\t}\n\n\t// Public methods\n\tpublic show() {\n\t\tif (this.animationInProcess || this.el.classList.contains('open'))\n\t\t\treturn false;\n\n\t\tthis.animationInProcess = true;\n\n\t\tthis.el.classList.add('open');\n\t\tif (this?.el?.ariaExpanded) this.el.ariaExpanded = 'true';\n\t\tthis.content.classList.add('open');\n\t\tthis.content.classList.remove('hidden');\n\n\t\tthis.content.style.height = '0';\n\t\tsetTimeout(() => {\n\t\t\tthis.content.style.height = `${this.content.scrollHeight}px`;\n\n\t\t\tthis.fireEvent('beforeOpen', this.el);\n\t\t\tdispatch('beforeOpen.hs.collapse', this.el, this.el);\n\t\t});\n\n\t\tafterTransition(this.content, () => {\n\t\t\tthis.content.style.height = '';\n\n\t\t\tthis.fireEvent('open', this.el);\n\t\t\tdispatch('open.hs.collapse', this.el, this.el);\n\n\t\t\tthis.animationInProcess = false;\n\t\t});\n\t}\n\n\tpublic hide() {\n\t\tif (this.animationInProcess || !this.el.classList.contains('open'))\n\t\t\treturn false;\n\n\t\tthis.animationInProcess = true;\n\n\t\tthis.el.classList.remove('open');\n\t\tif (this?.el?.ariaExpanded) this.el.ariaExpanded = 'false';\n\n\t\tthis.content.style.height = `${this.content.scrollHeight}px`;\n\t\tsetTimeout(() => {\n\t\t\tthis.content.style.height = '0';\n\t\t});\n\n\t\tthis.content.classList.remove('open');\n\n\t\tafterTransition(this.content, () => {\n\t\t\tthis.content.classList.add('hidden');\n\t\t\tthis.content.style.height = '';\n\n\t\t\tthis.fireEvent('hide', this.el);\n\t\t\tdispatch('hide.hs.collapse', this.el, this.el);\n\n\t\t\tthis.animationInProcess = false;\n\t\t});\n\n\t\tif (this.content.querySelectorAll('.hs-mega-menu-content.block').length) {\n\t\t\tthis.hideAllMegaMenuItems();\n\t\t}\n\t}\n\n\tpublic destroy() {\n\t\tthis.el.removeEventListener('click', this.onElementClickListener);\n\n\t\tthis.content = null;\n\t\tthis.animationInProcess = false;\n\n\t\twindow.$hsCollapseCollection = window.$hsCollapseCollection.filter(\n\t\t\t({ element }) => element.el !== this.el,\n\t\t);\n\t}\n\n\t// Static methods\n\tprivate static findInCollection(target: HSCollapse | HTMLElement | string): ICollectionItem | null {\n\t\treturn window.$hsCollapseCollection.find((el) => {\n\t\t\tif (target instanceof HSCollapse) return el.element.el === target.el;\n\t\t\telse if (typeof target === 'string') return el.element.el === document.querySelector(target);\n\t\t\telse return el.element.el === target;\n\t\t}) || null;\n\t}\n\n\tstatic getInstance(target: HTMLElement, isInstance = false) {\n\t\tconst elInCollection = window.$hsCollapseCollection.find(\n\t\t\t(el) =>\n\t\t\t\tel.element.el ===\n\t\t\t\t(typeof target === 'string' ? document.querySelector(target) : target),\n\t\t);\n\n\t\treturn elInCollection\n\t\t\t? isInstance\n\t\t\t\t? elInCollection\n\t\t\t\t: elInCollection.element.el\n\t\t\t: null;\n\t}\n\n\tstatic autoInit() {\n\t\tif (!window.$hsCollapseCollection) window.$hsCollapseCollection = [];\n\n\t\tif (window.$hsCollapseCollection)\n\t\t\twindow.$hsCollapseCollection = window.$hsCollapseCollection.filter(\n\t\t\t\t({ element }) => document.contains(element.el),\n\t\t\t);\n\n\t\tdocument\n\t\t\t.querySelectorAll('.hs-collapse-toggle:not(.--prevent-on-load-init)')\n\t\t\t.forEach((el: HTMLElement) => {\n\t\t\t\tif (\n\t\t\t\t\t!window.$hsCollapseCollection.find(\n\t\t\t\t\t\t(elC) => (elC?.element?.el as HTMLElement) === el,\n\t\t\t\t\t)\n\t\t\t\t)\n\t\t\t\t\tnew HSCollapse(el);\n\t\t\t});\n\t}\n\n\tstatic show(target: HSCollapse | HTMLElement | string) {\n\t\tconst instance = HSCollapse.findInCollection(target);\n\n\t\tif (\n\t\t\tinstance &&\n\t\t\tinstance.element.content.classList.contains('hidden')\n\t\t) instance.element.show();\n\t}\n\n\tstatic hide(target: HSCollapse | HTMLElement | string) {\n\t\tconst instance = HSCollapse.findInCollection(target);\n\n\t\tif (\n\t\t\tinstance &&\n\t\t\t!instance.element.content.classList.contains('hidden')\n\t\t) instance.element.hide();\n\t}\n\n\t// Backward compatibility\n\tstatic on(evt: string, target: HSCollapse | HTMLElement | string, cb: Function) {\n\t\tconst instance = HSCollapse.findInCollection(target);\n\n\t\tif (instance) instance.element.events[evt] = cb;\n\t}\n}\n\ndeclare global {\n\tinterface Window {\n\t\tHSCollapse: Function;\n\t\t$hsCollapseCollection: ICollectionItem[];\n\t}\n}\n\nwindow.addEventListener('load', () => {\n\tHSCollapse.autoInit();\n\n\t// Uncomment for debug\n\t// console.log('Collapse collection:', window.$hsCollapseCollection);\n});\n\nif (typeof window !== 'undefined') {\n\twindow.HSCollapse = HSCollapse;\n}\n\nexport default HSCollapse;\n", "/*\n * HSComboBox\n * @version: 3.2.3\n * @author: Preline Labs Ltd.\n * @license: Licensed under MIT and Preline UI Fair Use License (https://preline.co/docs/license.html)\n * Copyright 2024 Preline Labs Ltd.\n */\n\nimport {\n\tafterTransition,\n\tdebounce,\n\tdispatch,\n\thtmlToElement,\n\tisEnoughSpace,\n} from \"../../utils\";\n\nimport {\n\tIComboBox,\n\tIComboBoxItemAttr,\n\tIComboBoxOptions,\n} from \"../combobox/interfaces\";\n\nimport HSBasePlugin from \"../base-plugin\";\nimport { ICollectionItem } from \"../../interfaces\";\nimport { IAccessibilityComponent } from \"../accessibility-manager/interfaces\";\nimport HSAccessibilityObserver from \"../accessibility-manager\";\n\nclass HSComboBox extends HSBasePlugin implements IComboBox {\n\tgap: number;\n\tviewport: string | HTMLElement | null;\n\tpreventVisibility: boolean;\n\tminSearchLength: number;\n\tapiUrl: string | null;\n\tapiDataPart: string | null;\n\tapiQuery: string | null;\n\tapiSearchQuery: string | null;\n\tapiSearchPath: string | null;\n\tapiSearchDefaultPath: string | null;\n\tapiHeaders: {};\n\tapiGroupField: string | null;\n\toutputItemTemplate: string | null;\n\toutputEmptyTemplate: string | null;\n\toutputLoaderTemplate: string | null;\n\tgroupingType: \"default\" | \"tabs\" | null;\n\tgroupingTitleTemplate: string | null;\n\ttabsWrapperTemplate: string | null;\n\tpreventSelection: boolean;\n\tpreventAutoPosition: boolean;\n\tpreventClientFiltering: boolean;\n\tisOpenOnFocus: boolean;\n\tkeepOriginalOrder: boolean;\n\tpreserveSelectionOnEmpty: boolean;\n\n\tprivate accessibilityComponent: IAccessibilityComponent;\n\n\tprivate readonly input: HTMLInputElement | null;\n\tprivate readonly output: HTMLElement | null;\n\tprivate readonly itemsWrapper: HTMLElement | null;\n\tprivate items: HTMLElement[];\n\tprivate tabs: HTMLElement[] | [];\n\tprivate readonly toggle: HTMLElement | null;\n\tprivate readonly toggleClose: HTMLElement | null;\n\tprivate readonly toggleOpen: HTMLElement | null;\n\tprivate outputPlaceholder: HTMLElement | null;\n\tprivate outputLoader: HTMLElement | null;\n\n\tprivate value: string | null;\n\tprivate selected: string | null;\n\tprivate currentData: {} | {}[] | null;\n\tprivate groups: any[] | null;\n\tprivate selectedGroup: string | null;\n\n\tisOpened: boolean;\n\tisCurrent: boolean;\n\tprivate animationInProcess: boolean;\n\tprivate isSearchLengthExceeded = false;\n\n\tprivate onInputFocusListener: () => void;\n\tprivate onInputInputListener: (evt: InputEvent) => void;\n\tprivate onToggleClickListener: () => void;\n\tprivate onToggleCloseClickListener: () => void;\n\tprivate onToggleOpenClickListener: () => void;\n\n\tconstructor(el: HTMLElement, options?: IComboBoxOptions, events?: {}) {\n\t\tsuper(el, options, events);\n\n\t\t// Data parameters\n\t\tconst data = el.getAttribute(\"data-hs-combo-box\");\n\t\tconst dataOptions: IComboBoxOptions = data ? JSON.parse(data) : {};\n\t\tconst concatOptions = {\n\t\t\t...dataOptions,\n\t\t\t...options,\n\t\t};\n\n\t\tthis.gap = 5;\n\t\tthis.viewport =\n\t\t\t(typeof concatOptions?.viewport === \"string\"\n\t\t\t\t? (document.querySelector(concatOptions?.viewport) as HTMLElement)\n\t\t\t\t: concatOptions?.viewport) ?? null;\n\t\tthis.preventVisibility = concatOptions?.preventVisibility ?? false;\n\t\tthis.minSearchLength = concatOptions?.minSearchLength ?? 0;\n\t\tthis.apiUrl = concatOptions?.apiUrl ?? null;\n\t\tthis.apiDataPart = concatOptions?.apiDataPart ?? null;\n\t\tthis.apiQuery = concatOptions?.apiQuery ?? null;\n\t\tthis.apiSearchQuery = concatOptions?.apiSearchQuery ?? null;\n\t\tthis.apiSearchPath = concatOptions?.apiSearchPath ?? null;\n\t\tthis.apiSearchDefaultPath = concatOptions?.apiSearchDefaultPath ?? null;\n\t\tthis.apiHeaders = concatOptions?.apiHeaders ?? {};\n\t\tthis.apiGroupField = concatOptions?.apiGroupField ?? null;\n\t\tthis.outputItemTemplate = concatOptions?.outputItemTemplate ??\n\t\t\t`\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t
Nothing found...
`;\n\t\tthis.outputLoaderTemplate = concatOptions?.outputLoaderTemplate ??\n\t\t\t`\n\t\t\t\t
\n\t\t\t\t\tLoading...\n\t\t\t\t
\n\t\t\t