=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,false),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,true);};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,true));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,true));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,true));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(true);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(false);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,false),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=true,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:false,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=true,requestAnimationFrame((()=>{e(n),state.isHovering=false;})));},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,false),multiple:()=>handleSelectDate(e,o,true),"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,true,true);},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))),true}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=true)=>{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]]:true===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",true),setContext(e,"isShowInInputMode",false),setContext(e,"mainElement",t),document.body.appendChild(e.context.mainElement),reset(e,{year:true,month:true,dates:true,time:true,locale:true}),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(true)),setContext(e,"isInit",true),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:true,month:true,dates:true,time:true,locale:true}),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",true),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:true}),e.context.cleanupHandlers.push((()=>document.removeEventListener("click",a,{capture:true}))),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",false),__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",true),__publicField(this,"displayDisabledDates",false),__publicField(this,"displayMonthsCount"),__publicField(this,"disableDates",[]),__publicField(this,"disableAllDates",false),__publicField(this,"disableDatesPast",false),__publicField(this,"disableDatesGaps",false),__publicField(this,"disableWeekdays",[]),__publicField(this,"disableToday",false),__publicField(this,"enableDates",[]),__publicField(this,"enableEdgeDatesOnly",true),__publicField(this,"enableDateToggle",true),__publicField(this,"enableWeekNumbers",false),__publicField(this,"enableMonthChangeOnDayClick",true),__publicField(this,"enableJumpToSelectedDate",false),__publicField(this,"selectionDatesMode","single"),__publicField(this,"selectionMonthsMode",true),__publicField(this,"selectionYearsMode",true),__publicField(this,"selectionTimeMode",false),__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;
-
- /**
- * --------------------------------------------------------------------------
- * Bootstrap datepicker.js
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
- * --------------------------------------------------------------------------
- */
-
-
- /**
- * Constants
- */
-
- const NAME$f = 'datepicker';
- const DATA_KEY$b = 'bs.datepicker';
- const EVENT_KEY$b = `.${DATA_KEY$b}`;
- const DATA_API_KEY$6 = '.data-api';
- const EVENT_CHANGE = `change${EVENT_KEY$b}`;
- const EVENT_SHOW$6 = `show${EVENT_KEY$b}`;
- const EVENT_SHOWN$6 = `shown${EVENT_KEY$b}`;
- const EVENT_HIDE$6 = `hide${EVENT_KEY$b}`;
- const EVENT_HIDDEN$6 = `hidden${EVENT_KEY$b}`;
- const EVENT_CLICK_DATA_API$4 = `click${EVENT_KEY$b}${DATA_API_KEY$6}`;
- const EVENT_FOCUSIN_DATA_API = `focusin${EVENT_KEY$b}${DATA_API_KEY$6}`;
- const SELECTOR_DATA_TOGGLE$7 = '[data-bs-toggle="datepicker"]';
- const HIDE_DELAY = 100; // ms delay before hiding after selection
-
- const Default$e = {
- datepickerTheme: null,
- // 'light', 'dark', 'auto' - explicit theme for datepicker popover only
- dateMin: null,
- dateMax: null,
- dateFormat: null,
- // Intl.DateTimeFormat options, or function(date, locale) => string
- displayElement: null,
- // Element to show formatted date (defaults to element for buttons)
- displayMonthsCount: 1,
- // Number of months to display side-by-side
- firstWeekday: 1,
- // Monday
- inline: false,
- // Render calendar inline (no popup)
- locale: 'default',
- positionElement: null,
- // Element to position calendar relative to (defaults to input)
- selectedDates: [],
- selectionMode: 'single',
- // 'single', 'multiple', 'multiple-ranged'
- placement: 'left',
- // 'left', 'center', 'right', 'auto'
- vcpOptions: {} // Pass-through for any VCP option
- };
- const DefaultType$e = {
- datepickerTheme: '(null|string)',
- dateMin: '(null|string|number|object)',
- dateMax: '(null|string|number|object)',
- dateFormat: '(null|object|function)',
- displayElement: '(null|string|element|boolean)',
- displayMonthsCount: 'number',
- firstWeekday: 'number',
- inline: 'boolean',
- locale: 'string',
- positionElement: '(null|string|element)',
- selectedDates: 'array',
- selectionMode: 'string',
- placement: 'string',
- vcpOptions: 'object'
- };
-
- /**
- * Class definition
- */
-
- class Datepicker extends BaseComponent {
- constructor(element, config) {
- super(element, config);
- this._calendar = null;
- this._isShown = false;
- this._initCalendar();
+ _resolveDisplayElement() {
+ const {
+ displayElement
+ } = this._config;
+ if (typeof displayElement === 'string') {
+ return document.querySelector(displayElement);
}
- // Getters
- static get Default() {
- return Default$e;
+ // For buttons/non-inputs (not inline), look for a [data-bs-datepicker-display] child
+ if (displayElement === true || displayElement === null && !this._isInput && !this._isInline) {
+ const displayChild = this._element.querySelector('[data-bs-datepicker-display]');
+ return displayChild || this._element;
}
- static get DefaultType() {
- return DefaultType$e;
+ return displayElement;
+ }
+ _getThemeAncestor() {
+ return this._element.closest('[data-bs-theme]');
+ }
+ _getEffectiveTheme() {
+ // Priority: explicit datepickerTheme config > inherited from ancestor > none
+ const {
+ datepickerTheme
+ } = this._config;
+ if (datepickerTheme) {
+ return datepickerTheme;
}
- static get NAME() {
- return NAME$f;
+ const ancestor = this._getThemeAncestor();
+ return ancestor?.getAttribute('data-bs-theme') || null;
+ }
+ _syncThemeAttribute(element) {
+ if (!element) {
+ return;
}
-
- // Public
- toggle() {
- if (this._config.inline) {
- return; // Inline calendars are always visible
- }
- return this._isShown ? this.hide() : this.show();
+ const theme = this._getEffectiveTheme();
+ if (theme) {
+ // Copy theme to popover (needed because VCP appends to body, breaking CSS inheritance)
+ element.setAttribute('data-bs-theme', theme);
+ } else {
+ // No theme - remove attribute to allow natural inheritance
+ element.removeAttribute('data-bs-theme');
}
- show() {
- if (this._config.inline) {
- return; // Inline calendars are always visible
- }
- if (!this._calendar || isDisabled(this._element) || this._isShown) {
- return;
- }
- const showEvent = EventHandler.trigger(this._element, EVENT_SHOW$6);
- if (showEvent.defaultPrevented) {
- return;
- }
- this._calendar.show();
- this._isShown = true;
- EventHandler.trigger(this._element, EVENT_SHOWN$6);
+ }
+ _setupThemeObserver() {
+ // Watch for theme changes on ancestor elements
+ const ancestor = this._getThemeAncestor();
+ if (!ancestor || this._config.datepickerTheme) {
+ // No ancestor to watch, or explicit datepickerTheme overrides
+ return;
}
- hide() {
- if (this._config.inline) {
- return; // Inline calendars are always visible
- }
- if (!this._calendar || !this._isShown) {
- return;
- }
- const hideEvent = EventHandler.trigger(this._element, EVENT_HIDE$6);
- if (hideEvent.defaultPrevented) {
- return;
- }
- this._calendar.hide();
- this._isShown = false;
- EventHandler.trigger(this._element, EVENT_HIDDEN$6);
- }
- dispose() {
- if (this._themeObserver) {
- this._themeObserver.disconnect();
- this._themeObserver = null;
- }
- if (this._calendar) {
- this._calendar.destroy();
+ this._themeObserver = new MutationObserver(() => {
+ this._syncThemeAttribute(this._calendar?.context?.mainElement);
+ });
+ this._themeObserver.observe(ancestor, {
+ attributes: true,
+ attributeFilter: ['data-bs-theme']
+ });
+ }
+ _buildCalendarOptions() {
+ // Get theme for VCP - use 'system' for auto-detection if no explicit theme
+ const theme = this._getEffectiveTheme();
+ // VCP uses 'system' for auto, Bootstrap uses 'auto'
+ const vcpTheme = !theme || theme === 'auto' ? 'system' : theme;
+ const calendarOptions = {
+ ...this._config.vcpOptions,
+ inputMode: !this._isInline,
+ positionToInput: this._config.placement,
+ firstWeekday: this._config.firstWeekday,
+ locale: this._config.locale,
+ selectionDatesMode: this._config.selectionMode,
+ selectedDates: this._config.selectedDates,
+ displayMonthsCount: this._config.displayMonthsCount,
+ type: this._config.displayMonthsCount > 1 ? 'multiple' : 'default',
+ selectedTheme: vcpTheme,
+ themeAttrDetect: '[data-bs-theme]',
+ onClickDate: (self, event) => this._handleDateClick(self, event),
+ onInit: self => {
+ this._syncThemeAttribute(self.context.mainElement);
+ },
+ onShow: () => {
+ this._isShown = true;
+ this._syncThemeAttribute(this._calendar.context.mainElement);
+ },
+ onHide: () => {
+ this._isShown = false;
}
- this._calendar = null;
- super.dispose();
- }
- getSelectedDates() {
- const dates = this._calendar?.context?.selectedDates;
- return dates ? [...dates] : [];
+ };
+
+ // Navigate to the month of the first selected date
+ if (this._config.selectedDates.length > 0) {
+ const firstDate = this._parseDate(this._config.selectedDates[0]);
+ calendarOptions.selectedMonth = firstDate.getMonth();
+ calendarOptions.selectedYear = firstDate.getFullYear();
}
- setSelectedDates(dates) {
- if (this._calendar) {
- this._calendar.set({
- selectedDates: dates
- });
- }
+ if (this._config.dateMin) {
+ calendarOptions.dateMin = this._config.dateMin;
}
-
- // Private
- _initCalendar() {
- this._isInput = this._element.tagName === 'INPUT';
- this._isInline = this._config.inline;
-
- // For inline mode, look for a hidden input child to bind to
- if (this._isInline && !this._isInput) {
- this._boundInput = this._element.querySelector('input[type="hidden"], input[name]');
- }
- this._positionElement = this._resolvePositionElement();
- this._displayElement = this._resolveDisplayElement();
- const calendarOptions = this._buildCalendarOptions();
-
- // Create calendar on the position element (for correct popup positioning)
- // but value updates still go to this._element (the input)
- this._calendar = new Calendar(this._positionElement, calendarOptions);
- this._calendar.init();
-
- // Watch for theme changes on ancestor elements (for live theme switching)
- this._setupThemeObserver();
-
- // Set initial value if input has a value
- if (this._isInput && this._element.value) {
- this._parseInputValue();
- }
-
- // Populate input/display with preselected dates
- this._updateDisplayWithSelectedDates();
+ if (this._config.dateMax) {
+ calendarOptions.dateMax = this._config.dateMax;
}
- _updateDisplayWithSelectedDates() {
- const {
- selectedDates
- } = this._config;
- if (!selectedDates || selectedDates.length === 0) {
- return;
- }
+ return calendarOptions;
+ }
+ _handleDateClick(self, event) {
+ const selectedDates = [...self.context.selectedDates];
+ if (selectedDates.length > 0) {
const formattedDate = this._formatDateForInput(selectedDates);
if (this._isInput) {
this._element.value = formattedDate;
@@ -1764,6018 +1890,5857 @@
this._displayElement.textContent = formattedDate;
}
}
- _resolvePositionElement() {
- let {
- positionElement
- } = this._config;
- if (typeof positionElement === 'string') {
- positionElement = document.querySelector(positionElement);
- }
-
- // Use input's parent if in form-adorn
- if (!positionElement && this._isInput && !this._isInline) {
- const parent = this._element.closest('.form-adorn');
- if (parent) {
- positionElement = parent;
- }
- }
- return positionElement || this._element;
+ EventHandler.trigger(this._element, EVENT_CHANGE, {
+ dates: selectedDates,
+ event
+ });
+ this._maybeHideAfterSelection(selectedDates);
+ }
+ _maybeHideAfterSelection(selectedDates) {
+ if (this._isInline) {
+ return;
}
- _resolveDisplayElement() {
- const {
- displayElement
- } = this._config;
- if (typeof displayElement === 'string') {
- return document.querySelector(displayElement);
- }
-
- // For buttons/non-inputs (not inline), look for a [data-bs-datepicker-display] child
- if (displayElement === true || displayElement === null && !this._isInput && !this._isInline) {
- const displayChild = this._element.querySelector('[data-bs-datepicker-display]');
- return displayChild || this._element;
- }
- return displayElement;
+ const shouldHide = this._config.selectionMode === 'single' && selectedDates.length > 0 || this._config.selectionMode === 'multiple-ranged' && selectedDates.length >= 2;
+ if (shouldHide) {
+ setTimeout(() => this.hide(), HIDE_DELAY);
}
- _getThemeAncestor() {
- return this._element.closest('[data-bs-theme]');
+ }
+ _parseDate(dateStr) {
+ const [year, month, day] = dateStr.split('-');
+ return new Date(year, month - 1, day);
+ }
+ _formatDate(dateStr) {
+ const date = this._parseDate(dateStr);
+ const locale = this._config.locale === 'default' ? undefined : this._config.locale;
+ const {
+ dateFormat
+ } = this._config;
+
+ // Custom function formatter
+ if (typeof dateFormat === 'function') {
+ return dateFormat(date, locale);
}
- _getEffectiveTheme() {
- // Priority: explicit datepickerTheme config > inherited from ancestor > none
- const {
- datepickerTheme
- } = this._config;
- if (datepickerTheme) {
- return datepickerTheme;
- }
- const ancestor = this._getThemeAncestor();
- return ancestor?.getAttribute('data-bs-theme') || null;
+
+ // Intl.DateTimeFormat options object
+ if (dateFormat && typeof dateFormat === 'object') {
+ return new Intl.DateTimeFormat(locale, dateFormat).format(date);
}
- _syncThemeAttribute(element) {
- if (!element) {
- return;
- }
- const theme = this._getEffectiveTheme();
- if (theme) {
- // Copy theme to popover (needed because VCP appends to body, breaking CSS inheritance)
- element.setAttribute('data-bs-theme', theme);
- } else {
- // No theme - remove attribute to allow natural inheritance
- element.removeAttribute('data-bs-theme');
- }
+
+ // Default: locale-aware formatting
+ return date.toLocaleDateString(locale);
+ }
+ _formatDateForInput(dates) {
+ if (dates.length === 0) {
+ return '';
}
- _setupThemeObserver() {
- // Watch for theme changes on ancestor elements
- const ancestor = this._getThemeAncestor();
- if (!ancestor || this._config.datepickerTheme) {
- // No ancestor to watch, or explicit datepickerTheme overrides
- return;
- }
- this._themeObserver = new MutationObserver(() => {
- this._syncThemeAttribute(this._calendar?.context?.mainElement);
- });
- this._themeObserver.observe(ancestor, {
- attributes: true,
- attributeFilter: ['data-bs-theme']
- });
+ if (dates.length === 1) {
+ return this._formatDate(dates[0]);
}
- _buildCalendarOptions() {
- // Get theme for VCP - use 'system' for auto-detection if no explicit theme
- const theme = this._getEffectiveTheme();
- // VCP uses 'system' for auto, Bootstrap uses 'auto'
- const vcpTheme = !theme || theme === 'auto' ? 'system' : theme;
- const calendarOptions = {
- ...this._config.vcpOptions,
- inputMode: !this._isInline,
- positionToInput: this._config.placement,
- firstWeekday: this._config.firstWeekday,
- locale: this._config.locale,
- selectionDatesMode: this._config.selectionMode,
- selectedDates: this._config.selectedDates,
- displayMonthsCount: this._config.displayMonthsCount,
- type: this._config.displayMonthsCount > 1 ? 'multiple' : 'default',
- selectedTheme: vcpTheme,
- themeAttrDetect: '[data-bs-theme]',
- onClickDate: (self, event) => this._handleDateClick(self, event),
- onInit: self => {
- this._syncThemeAttribute(self.context.mainElement);
- },
- onShow: () => {
- this._isShown = true;
- this._syncThemeAttribute(this._calendar.context.mainElement);
- },
- onHide: () => {
- this._isShown = false;
- }
- };
- // Navigate to the month of the first selected date
- if (this._config.selectedDates.length > 0) {
- const firstDate = this._parseDate(this._config.selectedDates[0]);
- calendarOptions.selectedMonth = firstDate.getMonth();
- calendarOptions.selectedYear = firstDate.getFullYear();
- }
- if (this._config.dateMin) {
- calendarOptions.dateMin = this._config.dateMin;
- }
- if (this._config.dateMax) {
- calendarOptions.dateMax = this._config.dateMax;
- }
- return calendarOptions;
- }
- _handleDateClick(self, event) {
- const selectedDates = [...self.context.selectedDates];
- if (selectedDates.length > 0) {
- const formattedDate = this._formatDateForInput(selectedDates);
- if (this._isInput) {
- this._element.value = formattedDate;
- }
- if (this._boundInput) {
- this._boundInput.value = selectedDates.join(',');
- }
- if (this._displayElement) {
- this._displayElement.textContent = formattedDate;
- }
- }
- EventHandler.trigger(this._element, EVENT_CHANGE, {
- dates: selectedDates,
- event
- });
- this._maybeHideAfterSelection(selectedDates);
- }
- _maybeHideAfterSelection(selectedDates) {
- if (this._isInline) {
- return;
- }
- const shouldHide = this._config.selectionMode === 'single' && selectedDates.length > 0 || this._config.selectionMode === 'multiple-ranged' && selectedDates.length >= 2;
- if (shouldHide) {
- setTimeout(() => this.hide(), HIDE_DELAY);
- }
+ // For date ranges, use en-dash; for multiple dates, use comma
+ const separator = this._config.selectionMode === 'multiple-ranged' ? ' – ' : ', ';
+ return dates.map(d => this._formatDate(d)).join(separator);
+ }
+ _parseInputValue() {
+ // Try to parse the input value as a date
+ const value = this._element.value.trim();
+ if (!value) {
+ return;
}
- _parseDate(dateStr) {
- const [year, month, day] = dateStr.split('-');
- return new Date(year, month - 1, day);
+ const date = new Date(value);
+ if (!Number.isNaN(date.getTime())) {
+ const year = date.getFullYear();
+ const month = String(date.getMonth() + 1).padStart(2, '0');
+ const day = String(date.getDate()).padStart(2, '0');
+ const formatted = `${year}-${month}-${day}`;
+ this._calendar.set({
+ selectedDates: [formatted]
+ });
}
- _formatDate(dateStr) {
- const date = this._parseDate(dateStr);
- const locale = this._config.locale === 'default' ? undefined : this._config.locale;
- const {
- dateFormat
- } = this._config;
-
- // Custom function formatter
- if (typeof dateFormat === 'function') {
- return dateFormat(date, locale);
- }
+ }
+}
- // Intl.DateTimeFormat options object
- if (dateFormat && typeof dateFormat === 'object') {
- return new Intl.DateTimeFormat(locale, dateFormat).format(date);
- }
+/**
+ * Data API implementation
+ */
- // Default: locale-aware formatting
- return date.toLocaleDateString(locale);
- }
- _formatDateForInput(dates) {
- if (dates.length === 0) {
- return '';
- }
- if (dates.length === 1) {
- return this._formatDate(dates[0]);
- }
+EventHandler.on(document, EVENT_CLICK_DATA_API$4, SELECTOR_DATA_TOGGLE$7, function (event) {
+ // Only handle if not an input (inputs use focus)
+ // Skip inline datepickers (they're always visible)
+ if (this.tagName === 'INPUT' || this.dataset.bsInline === 'true') {
+ return;
+ }
+ event.preventDefault();
+ Datepicker.getOrCreateInstance(this).toggle();
+});
+EventHandler.on(document, EVENT_FOCUSIN_DATA_API, SELECTOR_DATA_TOGGLE$7, function () {
+ // Handle focus for input elements
+ if (this.tagName !== 'INPUT') {
+ return;
+ }
+ Datepicker.getOrCreateInstance(this).show();
+});
- // For date ranges, use en-dash; for multiple dates, use comma
- const separator = this._config.selectionMode === 'multiple-ranged' ? ' – ' : ', ';
- return dates.map(d => this._formatDate(d)).join(separator);
- }
- _parseInputValue() {
- // Try to parse the input value as a date
- const value = this._element.value.trim();
- if (!value) {
- return;
- }
- const date = new Date(value);
- if (!Number.isNaN(date.getTime())) {
- const year = date.getFullYear();
- const month = String(date.getMonth() + 1).padStart(2, '0');
- const day = String(date.getDate()).padStart(2, '0');
- const formatted = `${year}-${month}-${day}`;
- this._calendar.set({
- selectedDates: [formatted]
- });
- }
- }
+// Auto-initialize inline datepickers on DOMContentLoaded
+EventHandler.on(document, `DOMContentLoaded${EVENT_KEY$b}${DATA_API_KEY$6}`, () => {
+ for (const element of document.querySelectorAll(`${SELECTOR_DATA_TOGGLE$7}[data-bs-inline="true"]`)) {
+ Datepicker.getOrCreateInstance(element);
+ }
+});
+
+/**
+ * --------------------------------------------------------------------------
+ * Bootstrap dialog.js
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
+ * --------------------------------------------------------------------------
+ */
+
+
+/**
+ * Constants
+ */
+
+const NAME$e = 'dialog';
+const DATA_KEY$a = 'bs.dialog';
+const EVENT_KEY$a = `.${DATA_KEY$a}`;
+const DATA_API_KEY$5 = '.data-api';
+const EVENT_SHOW$5 = `show${EVENT_KEY$a}`;
+const EVENT_SHOWN$5 = `shown${EVENT_KEY$a}`;
+const EVENT_HIDE$5 = `hide${EVENT_KEY$a}`;
+const EVENT_HIDDEN$5 = `hidden${EVENT_KEY$a}`;
+const EVENT_HIDE_PREVENTED$1 = `hidePrevented${EVENT_KEY$a}`;
+const EVENT_CANCEL = `cancel${EVENT_KEY$a}`;
+const EVENT_CLICK_DATA_API$3 = `click${EVENT_KEY$a}${DATA_API_KEY$5}`;
+const CLASS_NAME_STATIC = 'dialog-static';
+const CLASS_NAME_OPEN = 'dialog-open';
+const CLASS_NAME_NONMODAL = 'dialog-nonmodal';
+const SELECTOR_DATA_TOGGLE$6 = '[data-bs-toggle="dialog"]';
+const SELECTOR_OPEN_MODAL_DIALOG = 'dialog.dialog[open]:not(.dialog-nonmodal)';
+const Default$d = {
+ backdrop: true,
+ // true (click dismisses) or 'static' (click does nothing) - only applies to modal dialogs
+ keyboard: true,
+ modal: true // true uses showModal(), false uses show() for non-modal dialogs
+};
+const DefaultType$d = {
+ backdrop: '(boolean|string)',
+ keyboard: 'boolean',
+ modal: 'boolean'
+};
+
+/**
+ * Class definition
+ */
+
+class Dialog extends BaseComponent {
+ constructor(element, config) {
+ super(element, config);
+ this._isTransitioning = false;
+ this._addEventListeners();
}
- /**
- * Data API implementation
- */
+ // Getters
+ static get Default() {
+ return Default$d;
+ }
+ static get DefaultType() {
+ return DefaultType$d;
+ }
+ static get NAME() {
+ return NAME$e;
+ }
- EventHandler.on(document, EVENT_CLICK_DATA_API$4, SELECTOR_DATA_TOGGLE$7, function (event) {
- // Only handle if not an input (inputs use focus)
- // Skip inline datepickers (they're always visible)
- if (this.tagName === 'INPUT' || this.dataset.bsInline === 'true') {
+ // Public
+ toggle(relatedTarget) {
+ return this._element.open ? this.hide() : this.show(relatedTarget);
+ }
+ show(relatedTarget) {
+ if (this._element.open || this._isTransitioning) {
return;
}
- event.preventDefault();
- Datepicker.getOrCreateInstance(this).toggle();
- });
- EventHandler.on(document, EVENT_FOCUSIN_DATA_API, SELECTOR_DATA_TOGGLE$7, function () {
- // Handle focus for input elements
- if (this.tagName !== 'INPUT') {
+ const showEvent = EventHandler.trigger(this._element, EVENT_SHOW$5, {
+ relatedTarget
+ });
+ if (showEvent.defaultPrevented) {
return;
}
- Datepicker.getOrCreateInstance(this).show();
- });
-
- // Auto-initialize inline datepickers on DOMContentLoaded
- EventHandler.on(document, `DOMContentLoaded${EVENT_KEY$b}${DATA_API_KEY$6}`, () => {
- for (const element of document.querySelectorAll(`${SELECTOR_DATA_TOGGLE$7}[data-bs-inline="true"]`)) {
- Datepicker.getOrCreateInstance(element);
+ this._isTransitioning = true;
+ if (this._config.modal) {
+ // Modal dialog: use showModal() for focus trapping, backdrop, and top layer
+ this._element.showModal();
+ // Prevent body scroll for modal dialogs
+ document.body.classList.add(CLASS_NAME_OPEN);
+ } else {
+ // Non-modal dialog: use show() - no backdrop, no focus trap, no top layer
+ this._element.classList.add(CLASS_NAME_NONMODAL);
+ this._element.show();
}
- });
-
- /**
- * --------------------------------------------------------------------------
- * Bootstrap dialog.js
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
- * --------------------------------------------------------------------------
- */
-
-
- /**
- * Constants
- */
-
- const NAME$e = 'dialog';
- const DATA_KEY$a = 'bs.dialog';
- const EVENT_KEY$a = `.${DATA_KEY$a}`;
- const DATA_API_KEY$5 = '.data-api';
- const EVENT_SHOW$5 = `show${EVENT_KEY$a}`;
- const EVENT_SHOWN$5 = `shown${EVENT_KEY$a}`;
- const EVENT_HIDE$5 = `hide${EVENT_KEY$a}`;
- const EVENT_HIDDEN$5 = `hidden${EVENT_KEY$a}`;
- const EVENT_HIDE_PREVENTED$1 = `hidePrevented${EVENT_KEY$a}`;
- const EVENT_CANCEL = `cancel${EVENT_KEY$a}`;
- const EVENT_CLICK_DATA_API$3 = `click${EVENT_KEY$a}${DATA_API_KEY$5}`;
- const CLASS_NAME_STATIC = 'dialog-static';
- const CLASS_NAME_OPEN = 'dialog-open';
- const CLASS_NAME_NONMODAL = 'dialog-nonmodal';
- const SELECTOR_DATA_TOGGLE$6 = '[data-bs-toggle="dialog"]';
- const SELECTOR_OPEN_MODAL_DIALOG = 'dialog.dialog[open]:not(.dialog-nonmodal)';
- const Default$d = {
- backdrop: true,
- // true (click dismisses) or 'static' (click does nothing) - only applies to modal dialogs
- keyboard: true,
- modal: true // true uses showModal(), false uses show() for non-modal dialogs
- };
- const DefaultType$d = {
- backdrop: '(boolean|string)',
- keyboard: 'boolean',
- modal: 'boolean'
- };
-
- /**
- * Class definition
- */
-
- class Dialog extends BaseComponent {
- constructor(element, config) {
- super(element, config);
+ this._queueCallback(() => {
this._isTransitioning = false;
- this._addEventListeners();
- }
-
- // Getters
- static get Default() {
- return Default$d;
- }
- static get DefaultType() {
- return DefaultType$d;
+ EventHandler.trigger(this._element, EVENT_SHOWN$5, {
+ relatedTarget
+ });
+ }, this._element, this._isAnimated());
+ }
+ hide() {
+ if (!this._element.open || this._isTransitioning) {
+ return;
}
- static get NAME() {
- return NAME$e;
+ const hideEvent = EventHandler.trigger(this._element, EVENT_HIDE$5);
+ if (hideEvent.defaultPrevented) {
+ return;
}
+ this._isTransitioning = true;
+ this._queueCallback(() => this._hideDialog(), this._element, this._isAnimated());
+ }
+ dispose() {
+ EventHandler.off(this._element, EVENT_KEY$a);
+ super.dispose();
+ }
+ handleUpdate() {
+ // Provided for API consistency with Modal.
+ // Native dialogs handle their own positioning.
+ }
+
+ // Private
+ _hideDialog() {
+ this._element.close();
+ this._element.classList.remove(CLASS_NAME_NONMODAL);
+ this._isTransitioning = false;
- // Public
- toggle(relatedTarget) {
- return this._element.open ? this.hide() : this.show(relatedTarget);
+ // Only restore body scroll if no other modal dialogs are open
+ if (!document.querySelector(SELECTOR_OPEN_MODAL_DIALOG)) {
+ document.body.classList.remove(CLASS_NAME_OPEN);
}
- show(relatedTarget) {
- if (this._element.open || this._isTransitioning) {
- return;
- }
- const showEvent = EventHandler.trigger(this._element, EVENT_SHOW$5, {
- relatedTarget
- });
- if (showEvent.defaultPrevented) {
+ EventHandler.trigger(this._element, EVENT_HIDDEN$5);
+ }
+ _isAnimated() {
+ return this._element.classList.contains('fade');
+ }
+ _triggerBackdropTransition() {
+ const hidePreventedEvent = EventHandler.trigger(this._element, EVENT_HIDE_PREVENTED$1);
+ if (hidePreventedEvent.defaultPrevented) {
+ return;
+ }
+ this._element.classList.add(CLASS_NAME_STATIC);
+ this._queueCallback(() => {
+ this._element.classList.remove(CLASS_NAME_STATIC);
+ }, this._element);
+ }
+ _addEventListeners() {
+ // Handle native cancel event (Escape key) - only fires for modal dialogs
+ EventHandler.on(this._element, 'cancel', event => {
+ // Prevent native close behavior - we'll handle it
+ event.preventDefault();
+ if (!this._config.keyboard) {
+ this._triggerBackdropTransition();
return;
}
- this._isTransitioning = true;
- if (this._config.modal) {
- // Modal dialog: use showModal() for focus trapping, backdrop, and top layer
- this._element.showModal();
- // Prevent body scroll for modal dialogs
- document.body.classList.add(CLASS_NAME_OPEN);
- } else {
- // Non-modal dialog: use show() - no backdrop, no focus trap, no top layer
- this._element.classList.add(CLASS_NAME_NONMODAL);
- this._element.show();
- }
- this._queueCallback(() => {
- this._isTransitioning = false;
- EventHandler.trigger(this._element, EVENT_SHOWN$5, {
- relatedTarget
- });
- }, this._element, this._isAnimated());
- }
- hide() {
- if (!this._element.open || this._isTransitioning) {
+ EventHandler.trigger(this._element, EVENT_CANCEL);
+ this.hide();
+ });
+
+ // Handle Escape key for non-modal dialogs (native cancel doesn't fire for show())
+ EventHandler.on(this._element, 'keydown', event => {
+ if (event.key !== 'Escape' || this._config.modal) {
return;
}
- const hideEvent = EventHandler.trigger(this._element, EVENT_HIDE$5);
- if (hideEvent.defaultPrevented) {
+ event.preventDefault();
+ if (!this._config.keyboard) {
return;
}
- this._isTransitioning = true;
- this._queueCallback(() => this._hideDialog(), this._element, this._isAnimated());
- }
- dispose() {
- EventHandler.off(this._element, EVENT_KEY$a);
- super.dispose();
- }
- handleUpdate() {
- // Provided for API consistency with Modal.
- // Native dialogs handle their own positioning.
- }
-
- // Private
- _hideDialog() {
- this._element.close();
- this._element.classList.remove(CLASS_NAME_NONMODAL);
- this._isTransitioning = false;
+ EventHandler.trigger(this._element, EVENT_CANCEL);
+ this.hide();
+ });
- // Only restore body scroll if no other modal dialogs are open
- if (!document.querySelector(SELECTOR_OPEN_MODAL_DIALOG)) {
- document.body.classList.remove(CLASS_NAME_OPEN);
+ // Handle backdrop clicks (only applies to modal dialogs)
+ // Native