@nova-design-system/nova-webcomponents 3.24.0 → 3.26.0

package/dist/components/p-B7VlEQVW.js

@@ -1,1475 +0,0 @@
-import { h, p as proxyCustomElement, H, c as createEvent, d as Host } from './p-C63Xpg9a.js';
-import { C as CUSTOM_DAY_NAMES, i as CUSTOM_MONTH_NAMES, W as WEEK_ABBREVIATIONS } from './p-BReL3Lsa.js';
-
-function getDefaultExportFromCjs (x) {
-	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
-}
-
-var dayjs_min$1 = {exports: {}};
-
-var dayjs_min = dayjs_min$1.exports;
-
-var hasRequiredDayjs_min;
-
-function requireDayjs_min () {
-	if (hasRequiredDayjs_min) return dayjs_min$1.exports;
-	hasRequiredDayjs_min = 1;
-	(function (module, exports) {
-		!function(t,e){module.exports=e();}(dayjs_min,(function(){var t=1e3,e=6e4,n=36e5,r="millisecond",i="second",s="minute",u="hour",a="day",o="week",c="month",f="quarter",h="year",d="date",l="Invalid Date",$=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,y=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,M={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(t){var e=["th","st","nd","rd"],n=t%100;return "["+t+(e[(n-20)%10]||e[n]||e[0])+"]"}},m=function(t,e,n){var r=String(t);return !r||r.length>=e?t:""+Array(e+1-r.length).join(n)+t},v={s:m,z:function(t){var e=-t.utcOffset(),n=Math.abs(e),r=Math.floor(n/60),i=n%60;return (e<=0?"+":"-")+m(r,2,"0")+":"+m(i,2,"0")},m:function t(e,n){if(e.date()<n.date())return -t(n,e);var r=12*(n.year()-e.year())+(n.month()-e.month()),i=e.clone().add(r,c),s=n-i<0,u=e.clone().add(r+(s?-1:1),c);return +(-(r+(n-i)/(s?i-u:u-i))||0)},a:function(t){return t<0?Math.ceil(t)||0:Math.floor(t)},p:function(t){return {M:c,y:h,w:o,d:a,D:d,h:u,m:s,s:i,ms:r,Q:f}[t]||String(t||"").toLowerCase().replace(/s$/,"")},u:function(t){return void 0===t}},g="en",D={};D[g]=M;var p="$isDayjsObject",S=function(t){return t instanceof _||!(!t||!t[p])},w=function t(e,n,r){var i;if(!e)return g;if("string"==typeof e){var s=e.toLowerCase();D[s]&&(i=s),n&&(D[s]=n,i=s);var u=e.split("-");if(!i&&u.length>1)return t(u[0])}else {var a=e.name;D[a]=e,i=a;}return !r&&i&&(g=i),i||!r&&g},O=function(t,e){if(S(t))return t.clone();var n="object"==typeof e?e:{};return n.date=t,n.args=arguments,new _(n)},b=v;b.l=w,b.i=S,b.w=function(t,e){return O(t,{locale:e.$L,utc:e.$u,x:e.$x,$offset:e.$offset})};var _=function(){function M(t){this.$L=w(t.locale,null,true),this.parse(t),this.$x=this.$x||t.x||{},this[p]=true;}var m=M.prototype;return m.parse=function(t){this.$d=function(t){var e=t.date,n=t.utc;if(null===e)return new Date(NaN);if(b.u(e))return new Date;if(e instanceof Date)return new Date(e);if("string"==typeof e&&!/Z$/i.test(e)){var r=e.match($);if(r){var i=r[2]-1||0,s=(r[7]||"0").substring(0,3);return n?new Date(Date.UTC(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)):new Date(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)}}return new Date(e)}(t),this.init();},m.init=function(){var t=this.$d;this.$y=t.getFullYear(),this.$M=t.getMonth(),this.$D=t.getDate(),this.$W=t.getDay(),this.$H=t.getHours(),this.$m=t.getMinutes(),this.$s=t.getSeconds(),this.$ms=t.getMilliseconds();},m.$utils=function(){return b},m.isValid=function(){return !(this.$d.toString()===l)},m.isSame=function(t,e){var n=O(t);return this.startOf(e)<=n&&n<=this.endOf(e)},m.isAfter=function(t,e){return O(t)<this.startOf(e)},m.isBefore=function(t,e){return this.endOf(e)<O(t)},m.$g=function(t,e,n){return b.u(t)?this[e]:this.set(n,t)},m.unix=function(){return Math.floor(this.valueOf()/1e3)},m.valueOf=function(){return this.$d.getTime()},m.startOf=function(t,e){var n=this,r=!!b.u(e)||e,f=b.p(t),l=function(t,e){var i=b.w(n.$u?Date.UTC(n.$y,e,t):new Date(n.$y,e,t),n);return r?i:i.endOf(a)},$=function(t,e){return b.w(n.toDate()[t].apply(n.toDate("s"),(r?[0,0,0,0]:[23,59,59,999]).slice(e)),n)},y=this.$W,M=this.$M,m=this.$D,v="set"+(this.$u?"UTC":"");switch(f){case h:return r?l(1,0):l(31,11);case c:return r?l(1,M):l(0,M+1);case o:var g=this.$locale().weekStart||0,D=(y<g?y+7:y)-g;return l(r?m-D:m+(6-D),M);case a:case d:return $(v+"Hours",0);case u:return $(v+"Minutes",1);case s:return $(v+"Seconds",2);case i:return $(v+"Milliseconds",3);default:return this.clone()}},m.endOf=function(t){return this.startOf(t,false)},m.$set=function(t,e){var n,o=b.p(t),f="set"+(this.$u?"UTC":""),l=(n={},n[a]=f+"Date",n[d]=f+"Date",n[c]=f+"Month",n[h]=f+"FullYear",n[u]=f+"Hours",n[s]=f+"Minutes",n[i]=f+"Seconds",n[r]=f+"Milliseconds",n)[o],$=o===a?this.$D+(e-this.$W):e;if(o===c||o===h){var y=this.clone().set(d,1);y.$d[l]($),y.init(),this.$d=y.set(d,Math.min(this.$D,y.daysInMonth())).$d;}else l&&this.$d[l]($);return this.init(),this},m.set=function(t,e){return this.clone().$set(t,e)},m.get=function(t){return this[b.p(t)]()},m.add=function(r,f){var d,l=this;r=Number(r);var $=b.p(f),y=function(t){var e=O(l);return b.w(e.date(e.date()+Math.round(t*r)),l)};if($===c)return this.set(c,this.$M+r);if($===h)return this.set(h,this.$y+r);if($===a)return y(1);if($===o)return y(7);var M=(d={},d[s]=e,d[u]=n,d[i]=t,d)[$]||1,m=this.$d.getTime()+r*M;return b.w(m,this)},m.subtract=function(t,e){return this.add(-1*t,e)},m.format=function(t){var e=this,n=this.$locale();if(!this.isValid())return n.invalidDate||l;var r=t||"YYYY-MM-DDTHH:mm:ssZ",i=b.z(this),s=this.$H,u=this.$m,a=this.$M,o=n.weekdays,c=n.months,f=n.meridiem,h=function(t,n,i,s){return t&&(t[n]||t(e,r))||i[n].slice(0,s)},d=function(t){return b.s(s%12||12,t,"0")},$=f||function(t,e,n){var r=t<12?"AM":"PM";return n?r.toLowerCase():r};return r.replace(y,(function(t,r){return r||function(t){switch(t){case "YY":return String(e.$y).slice(-2);case "YYYY":return b.s(e.$y,4,"0");case "M":return a+1;case "MM":return b.s(a+1,2,"0");case "MMM":return h(n.monthsShort,a,c,3);case "MMMM":return h(c,a);case "D":return e.$D;case "DD":return b.s(e.$D,2,"0");case "d":return String(e.$W);case "dd":return h(n.weekdaysMin,e.$W,o,2);case "ddd":return h(n.weekdaysShort,e.$W,o,3);case "dddd":return o[e.$W];case "H":return String(s);case "HH":return b.s(s,2,"0");case "h":return d(1);case "hh":return d(2);case "a":return $(s,u,true);case "A":return $(s,u,false);case "m":return String(u);case "mm":return b.s(u,2,"0");case "s":return String(e.$s);case "ss":return b.s(e.$s,2,"0");case "SSS":return b.s(e.$ms,3,"0");case "Z":return i}return null}(t)||i.replace(":","")}))},m.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},m.diff=function(r,d,l){var $,y=this,M=b.p(d),m=O(r),v=(m.utcOffset()-this.utcOffset())*e,g=this-m,D=function(){return b.m(y,m)};switch(M){case h:$=D()/12;break;case c:$=D();break;case f:$=D()/3;break;case o:$=(g-v)/6048e5;break;case a:$=(g-v)/864e5;break;case u:$=g/n;break;case s:$=g/e;break;case i:$=g/t;break;default:$=g;}return l?$:b.a($)},m.daysInMonth=function(){return this.endOf(c).$D},m.$locale=function(){return D[this.$L]},m.locale=function(t,e){if(!t)return this.$L;var n=this.clone(),r=w(t,e,true);return r&&(n.$L=r),n},m.clone=function(){return b.w(this.$d,this)},m.toDate=function(){return new Date(this.valueOf())},m.toJSON=function(){return this.isValid()?this.toISOString():null},m.toISOString=function(){return this.$d.toISOString()},m.toString=function(){return this.$d.toUTCString()},M}(),k=_.prototype;return O.prototype=k,[["$ms",r],["$s",i],["$m",s],["$H",u],["$W",a],["$M",c],["$y",h],["$D",d]].forEach((function(t){k[t[1]]=function(e){return this.$g(e,t[0],t[1])};})),O.extend=function(t,e){return t.$i||(t(e,_,O),t.$i=true),O},O.locale=w,O.isDayjs=S,O.unix=function(t){return O(1e3*t)},O.en=D[g],O.Ls=D,O.p={},O})); 
-	} (dayjs_min$1));
-	return dayjs_min$1.exports;
-}
-
-var dayjs_minExports = requireDayjs_min();
-var dayjs = /*@__PURE__*/getDefaultExportFromCjs(dayjs_minExports);
-
-var customParseFormat$2 = {exports: {}};
-
-var customParseFormat$1 = customParseFormat$2.exports;
-
-var hasRequiredCustomParseFormat;
-
-function requireCustomParseFormat () {
-	if (hasRequiredCustomParseFormat) return customParseFormat$2.exports;
-	hasRequiredCustomParseFormat = 1;
-	(function (module, exports) {
-		!function(e,t){module.exports=t();}(customParseFormat$1,(function(){var e={LTS:"h:mm:ss A",LT:"h:mm A",L:"MM/DD/YYYY",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"},t=/(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|Q|YYYY|YY?|ww?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g,n=/\d/,r=/\d\d/,i=/\d\d?/,o=/\d*[^-_:/,()\s\d]+/,s={},a=function(e){return (e=+e)+(e>68?1900:2e3)};var f=function(e){return function(t){this[e]=+t;}},h=[/[+-]\d\d:?(\d\d)?|Z/,function(e){(this.zone||(this.zone={})).offset=function(e){if(!e)return 0;if("Z"===e)return 0;var t=e.match(/([+-]|\d\d)/g),n=60*t[1]+(+t[2]||0);return 0===n?0:"+"===t[0]?-n:n}(e);}],u=function(e){var t=s[e];return t&&(t.indexOf?t:t.s.concat(t.f))},d=function(e,t){var n,r=s.meridiem;if(r){for(var i=1;i<=24;i+=1)if(e.indexOf(r(i,0,t))>-1){n=i>12;break}}else n=e===(t?"pm":"PM");return n},c={A:[o,function(e){this.afternoon=d(e,false);}],a:[o,function(e){this.afternoon=d(e,true);}],Q:[n,function(e){this.month=3*(e-1)+1;}],S:[n,function(e){this.milliseconds=100*+e;}],SS:[r,function(e){this.milliseconds=10*+e;}],SSS:[/\d{3}/,function(e){this.milliseconds=+e;}],s:[i,f("seconds")],ss:[i,f("seconds")],m:[i,f("minutes")],mm:[i,f("minutes")],H:[i,f("hours")],h:[i,f("hours")],HH:[i,f("hours")],hh:[i,f("hours")],D:[i,f("day")],DD:[r,f("day")],Do:[o,function(e){var t=s.ordinal,n=e.match(/\d+/);if(this.day=n[0],t)for(var r=1;r<=31;r+=1)t(r).replace(/\[|\]/g,"")===e&&(this.day=r);}],w:[i,f("week")],ww:[r,f("week")],M:[i,f("month")],MM:[r,f("month")],MMM:[o,function(e){var t=u("months"),n=(u("monthsShort")||t.map((function(e){return e.slice(0,3)}))).indexOf(e)+1;if(n<1)throw new Error;this.month=n%12||n;}],MMMM:[o,function(e){var t=u("months").indexOf(e)+1;if(t<1)throw new Error;this.month=t%12||t;}],Y:[/[+-]?\d+/,f("year")],YY:[r,function(e){this.year=a(e);}],YYYY:[/\d{4}/,f("year")],Z:h,ZZ:h};function l(n){var r,i;r=n,i=s&&s.formats;for(var o=(n=r.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g,(function(t,n,r){var o=r&&r.toUpperCase();return n||i[r]||e[r]||i[o].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,(function(e,t,n){return t||n.slice(1)}))}))).match(t),a=o.length,f=0;f<a;f+=1){var h=o[f],u=c[h],d=u&&u[0],l=u&&u[1];o[f]=l?{regex:d,parser:l}:h.replace(/^\[|\]$/g,"");}return function(e){for(var t={},n=0,r=0;n<a;n+=1){var i=o[n];if("string"==typeof i)r+=i.length;else {var s=i.regex,f=i.parser,h=e.slice(r),u=s.exec(h)[0];f.call(t,u),e=e.replace(u,"");}}return function(e){var t=e.afternoon;if(void 0!==t){var n=e.hours;t?n<12&&(e.hours+=12):12===n&&(e.hours=0),delete e.afternoon;}}(t),t}}return function(e,t,n){n.p.customParseFormat=true,e&&e.parseTwoDigitYear&&(a=e.parseTwoDigitYear);var r=t.prototype,i=r.parse;r.parse=function(e){var t=e.date,r=e.utc,o=e.args;this.$u=r;var a=o[1];if("string"==typeof a){var f=true===o[2],h=true===o[3],u=f||h,d=o[2];h&&(d=o[2]),s=this.$locale(),!f&&d&&(s=n.Ls[d]),this.$d=function(e,t,n,r){try{if(["x","X"].indexOf(t)>-1)return new Date(("X"===t?1e3:1)*e);var i=l(t)(e),o=i.year,s=i.month,a=i.day,f=i.hours,h=i.minutes,u=i.seconds,d=i.milliseconds,c=i.zone,m=i.week,M=new Date,Y=a||(o||s?1:M.getDate()),p=o||M.getFullYear(),v=0;o&&!s||(v=s>0?s-1:M.getMonth());var D,w=f||0,g=h||0,y=u||0,L=d||0;return c?new Date(Date.UTC(p,v,Y,w,g,y,L+60*c.offset*1e3)):n?new Date(Date.UTC(p,v,Y,w,g,y,L)):(D=new Date(p,v,Y,w,g,y,L),m&&(D=r(D).week(m).toDate()),D)}catch(e){return new Date("")}}(t,a,r,n),this.init(),d&&true!==d&&(this.$L=this.locale(d).$L),u&&t!=this.format(a)&&(this.$d=new Date("")),s={};}else if(a instanceof Array)for(var c=a.length,m=1;m<=c;m+=1){o[1]=a[m-1];var M=n.apply(this,o);if(M.isValid()){this.$d=M.$d,this.$L=M.$L,this.init();break}m===c&&(this.$d=new Date(""));}else i.call(this,e);};}})); 
-	} (customParseFormat$2));
-	return customParseFormat$2.exports;
-}
-
-var customParseFormatExports = requireCustomParseFormat();
-var customParseFormat = /*@__PURE__*/getDefaultExportFromCjs(customParseFormatExports);
-
-var utc$2 = {exports: {}};
-
-var utc$1 = utc$2.exports;
-
-var hasRequiredUtc;
-
-function requireUtc () {
-	if (hasRequiredUtc) return utc$2.exports;
-	hasRequiredUtc = 1;
-	(function (module, exports) {
-		!function(t,i){module.exports=i();}(utc$1,(function(){var t="minute",i=/[+-]\d\d(?::?\d\d)?/g,e=/([+-]|\d\d)/g;return function(s,f,n){var u=f.prototype;n.utc=function(t){var i={date:t,utc:true,args:arguments};return new f(i)},u.utc=function(i){var e=n(this.toDate(),{locale:this.$L,utc:true});return i?e.add(this.utcOffset(),t):e},u.local=function(){return n(this.toDate(),{locale:this.$L,utc:false})};var o=u.parse;u.parse=function(t){t.utc&&(this.$u=true),this.$utils().u(t.$offset)||(this.$offset=t.$offset),o.call(this,t);};var r=u.init;u.init=function(){if(this.$u){var t=this.$d;this.$y=t.getUTCFullYear(),this.$M=t.getUTCMonth(),this.$D=t.getUTCDate(),this.$W=t.getUTCDay(),this.$H=t.getUTCHours(),this.$m=t.getUTCMinutes(),this.$s=t.getUTCSeconds(),this.$ms=t.getUTCMilliseconds();}else r.call(this);};var a=u.utcOffset;u.utcOffset=function(s,f){var n=this.$utils().u;if(n(s))return this.$u?0:n(this.$offset)?a.call(this):this.$offset;if("string"==typeof s&&(s=function(t){ void 0===t&&(t="");var s=t.match(i);if(!s)return null;var f=(""+s[0]).match(e)||["-",0,0],n=f[0],u=60*+f[1]+ +f[2];return 0===u?0:"+"===n?u:-u}(s),null===s))return this;var u=Math.abs(s)<=16?60*s:s,o=this;if(f)return o.$offset=u,o.$u=0===s,o;if(0!==s){var r=this.$u?this.toDate().getTimezoneOffset():-1*this.utcOffset();(o=this.local().add(u+r,t)).$offset=u,o.$x.$localOffset=r;}else o=this.utc();return o};var h=u.format;u.format=function(t){var i=t||(this.$u?"YYYY-MM-DDTHH:mm:ss[Z]":"");return h.call(this,i)},u.valueOf=function(){var t=this.$utils().u(this.$offset)?0:this.$offset+(this.$x.$localOffset||this.$d.getTimezoneOffset());return this.$d.valueOf()-6e4*t},u.isUTC=function(){return !!this.$u},u.toISOString=function(){return this.toDate().toISOString()},u.toString=function(){return this.toDate().toUTCString()};var l=u.toDate;u.toDate=function(t){return "s"===t&&this.$offset?n(this.format("YYYY-MM-DD HH:mm:ss:SSS")).toDate():l.call(this)};var c=u.diff;u.diff=function(t,i,e){if(t&&this.$u===t.$u)return c.call(this,t,i,e);var s=this.local(),f=n(t).local();return c.call(s,f,i,e)};}})); 
-	} (utc$2));
-	return utc$2.exports;
-}
-
-var utcExports = requireUtc();
-var utc = /*@__PURE__*/getDefaultExportFromCjs(utcExports);
-
-var weekOfYear$2 = {exports: {}};
-
-var weekOfYear$1 = weekOfYear$2.exports;
-
-var hasRequiredWeekOfYear;
-
-function requireWeekOfYear () {
-	if (hasRequiredWeekOfYear) return weekOfYear$2.exports;
-	hasRequiredWeekOfYear = 1;
-	(function (module, exports) {
-		!function(e,t){module.exports=t();}(weekOfYear$1,(function(){var e="week",t="year";return function(i,n,r){var f=n.prototype;f.week=function(i){if(void 0===i&&(i=null),null!==i)return this.add(7*(i-this.week()),"day");var n=this.$locale().yearStart||1;if(11===this.month()&&this.date()>25){var f=r(this).startOf(t).add(1,t).date(n),s=r(this).endOf(e);if(f.isBefore(s))return 1}var a=r(this).startOf(t).date(n).startOf(e).subtract(1,"millisecond"),o=this.diff(a,e,true);return o<0?r(this).startOf("week").week():Math.ceil(o)},f.weeks=function(e){return void 0===e&&(e=null),this.week(e)};}})); 
-	} (weekOfYear$2));
-	return weekOfYear$2.exports;
-}
-
-var weekOfYearExports = requireWeekOfYear();
-var weekOfYear = /*@__PURE__*/getDefaultExportFromCjs(weekOfYearExports);
-
-dayjs.extend(customParseFormat);
-dayjs.extend(utc);
-dayjs.extend(weekOfYear);
-/**
- * Formats a date to a string according to the format
- * @param {Date} date - Date to format
- * @returns {string} Formatted date
- * @param {Object} options - Additional options
- * @param {string} options.dateFormat - Date format (ex: 'YYYY-MM-DD', 'DD-MM-YYYY', etc.)
- */
-function formatDate(date, options) {
-    if (!date)
-        return '';
-    const isUTCMode = options.dateFormat.includes('Z');
-    const isISO8601Format = options.dateFormat === 'YYYY-MM-DD[T]HH:mm:ss[Z]';
-    // Special case for ISO 8601
-    if (isISO8601Format) {
-        // For the ISO 8601 format, use directly toISOString() which is standard
-        return date.toISOString();
-    }
-    // If the format is "Ticks", convert the time to C# ticks
-    if (options.dateFormat === 'Ticks') {
-        const ticks = date.getTime() * 10000 + 621355968000000000;
-        return ticks.toString();
-    }
-    // If the format is "X" (Unix Seconds)
-    if (options.dateFormat === 'X') {
-        return dayjs(date).unix().toString();
-    }
-    // If the format is "x" (Unix Milliseconds)
-    if (options.dateFormat === 'x') {
-        return date.getTime().toString();
-    }
-    // Otherwise, format according to the mode (UTC or local)
-    return isUTCMode
-        ? dayjs(date).utc().format(options.dateFormat)
-        : dayjs(date).format(options.dateFormat);
-}
-/**
- * Checks if two dates are identical
- * @param {Date | null} date - First date
- * @param {Date | null} compareDate - Second date
- * @param {Object} options - Additional options
- * @param {boolean} options.isUTCMode - Whether the dates are in UTC mode
- * @returns {boolean} true if the dates are identical
- */
-function isSameDate(date, compareDate, options) {
-    if (!date || !compareDate)
-        return false;
-    if (options.isUTCMode) {
-        return (date.getUTCFullYear() === compareDate.getUTCFullYear() &&
-            date.getUTCMonth() === compareDate.getUTCMonth() &&
-            date.getUTCDate() === compareDate.getUTCDate());
-    }
-    else {
-        return (date.getFullYear() === compareDate.getFullYear() &&
-            date.getMonth() === compareDate.getMonth() &&
-            date.getDate() === compareDate.getDate());
-    }
-}
-/**
- * Checks if a date is identical or before another date
- * @param {Date} date - Date to check
- * @param {Date} compareDate - Reference date
- * @param {Object} options - Additional options
- * @param {boolean} options.isUTCMode - Whether the dates are in UTC mode
- * @returns {boolean} true if `date` <= `compareDate`
- */
-function isSameOrBefore(date, compareDate, options) {
-    if (!date || !compareDate)
-        return false;
-    if (options.isUTCMode) {
-        return (date.getUTCFullYear() < compareDate.getUTCFullYear() ||
-            (date.getUTCFullYear() === compareDate.getUTCFullYear() &&
-                date.getUTCMonth() < compareDate.getUTCMonth()) ||
-            (date.getUTCFullYear() === compareDate.getUTCFullYear() &&
-                date.getUTCMonth() === compareDate.getUTCMonth() &&
-                date.getUTCDate() <= compareDate.getUTCDate()));
-    }
-    else {
-        return (date.getFullYear() < compareDate.getFullYear() ||
-            (date.getFullYear() === compareDate.getFullYear() &&
-                date.getMonth() < compareDate.getMonth()) ||
-            (date.getFullYear() === compareDate.getFullYear() &&
-                date.getMonth() === compareDate.getMonth() &&
-                date.getDate() <= compareDate.getDate()));
-    }
-}
-/**
- * Checks if a date is identical or after another date
- * @param {Date} date - Date to check
- * @param {Date} compareDate - Reference date
- * @param {Object} options - Additional options
- * @param {boolean} options.isUTCMode - Whether the dates are in UTC mode
- * @returns {boolean} true if `date` >= `compareDate`
- */
-function isSameOrAfter(date, compareDate, options) {
-    if (!date || !compareDate)
-        return false;
-    if (options.isUTCMode) {
-        return (date.getUTCFullYear() > compareDate.getUTCFullYear() ||
-            (date.getUTCFullYear() === compareDate.getUTCFullYear() &&
-                date.getUTCMonth() > compareDate.getUTCMonth()) ||
-            (date.getUTCFullYear() === compareDate.getUTCFullYear() &&
-                date.getUTCMonth() === compareDate.getUTCMonth() &&
-                date.getUTCDate() >= compareDate.getUTCDate()));
-    }
-    else {
-        return (date.getFullYear() > compareDate.getFullYear() ||
-            (date.getFullYear() === compareDate.getFullYear() &&
-                date.getMonth() > compareDate.getMonth()) ||
-            (date.getFullYear() === compareDate.getFullYear() &&
-                date.getMonth() === compareDate.getMonth() &&
-                date.getDate() >= compareDate.getDate()));
-    }
-}
-/**
- * Calculates the ISO week number
- * @param {Date} date - Date to calculate
- * @returns {number} Week number
- */
-function getWeekNumber(date) {
-    // Create a copy of the date to avoid modifying the original
-    const d = new Date(Date.UTC(date.getFullYear(), date.getMonth(), date.getDate()));
-    // Adjust to the same week Thursday (ISO 8601)
-    d.setUTCDate(d.getUTCDate() + 3 - ((d.getUTCDay() + 6) % 7));
-    // Calculate the first Thursday of the year
-    const week1 = new Date(Date.UTC(d.getUTCFullYear(), 0, 4));
-    // Calculate the week number
-    return (1 +
-        Math.round(((d.getTime() - week1.getTime()) / 86400000 -
-            3 +
-            ((week1.getUTCDay() + 6) % 7)) /
-            7));
-}
-/**
- * Convert a date string/Date to a Date without timezone offset
- * @param {string | Date} dateInput - Date under string or Date object form
- * @param {string} dateFormat - Date format (ex: 'YYYY-MM-DD', 'DD-MM-YYYY', etc.)
- * @returns {Date} Date in Date form without timezone offset
- */
-function parseDate(dateInput, dateFormat) {
-    if (dateInput instanceof Date)
-        return dateInput;
-    const isUTCMode = dateFormat.includes('Z');
-    // Attempt to automatically detect ISO 8601 format (generated by toISOString())
-    // The regex checks the standard ISO format: YYYY-MM-DDTHH:mm:ss.sssZ
-    if (typeof dateInput === 'string' &&
-        /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}.\d{3}Z$/.test(dateInput)) {
-        try {
-            const parsedDate = new Date(dateInput);
-            if (!isNaN(parsedDate.getTime())) {
-                return parsedDate;
-            }
-        }
-        catch (error) {
-            // If it fails, continue with other methods
-            console.error('Error parsing ISO date:', error);
-        }
-    }
-    // Handling Unix Seconds ("X") formats
-    if (dateFormat === 'X') {
-        const unixSeconds = Number(dateInput);
-        if (isNaN(unixSeconds))
-            return null;
-        return isUTCMode
-            ? dayjs.unix(unixSeconds).utc().toDate()
-            : dayjs.unix(unixSeconds).toDate();
-    }
-    // Handling Unix Milliseconds ("x") formats
-    if (dateFormat === 'x') {
-        const unixMilliseconds = Number(dateInput);
-        if (isNaN(unixMilliseconds))
-            return null;
-        return isUTCMode
-            ? dayjs(unixMilliseconds).utc().toDate()
-            : dayjs(unixMilliseconds).toDate();
-    }
-    // Handling C# Ticks format
-    if (dateFormat === 'Ticks') {
-        const ticks = Number(dateInput);
-        if (isNaN(ticks))
-            return null;
-        // Conversion of .NET ticks to milliseconds since Unix epoch
-        const unixMilliseconds = (ticks - 621355968000000000) / 10000;
-        return isUTCMode
-            ? dayjs(unixMilliseconds).utc().toDate()
-            : dayjs(unixMilliseconds).toDate();
-    }
-    // For all other formats, use customParseFormat in strict mode
-    let parsed;
-    if (isUTCMode) {
-        parsed = dayjs.utc(dateInput, dateFormat, true);
-    }
-    else {
-        parsed = dayjs(dateInput, dateFormat, true);
-    }
-    if (!parsed.isValid()) {
-        return null;
-    }
-    return parsed.toDate();
-}
-/**
- * Checks if a date is disabled.
- * @param {Date} date - Date to check
- * @param {string} min - Minimum date
- * @param {string} max - Maximum date
- * @param {Date[]} parsedDisabledDates - Parsed disabled dates
- * @param {string} dateFormat - Date format
- * @param {boolean} isUTCMode - Whether the dates are in UTC mode
- * @returns {boolean} true if the date is disabled
- */
-function isDateDisabledUtil(date, min, max, parsedDisabledDates, dateFormat, isUTCMode) {
-    if (!date)
-        return true;
-    if (min) {
-        const minDate = parseDate(min, dateFormat);
-        if (minDate && date < minDate) {
-            return true;
-        }
-    }
-    if (max) {
-        const maxDate = parseDate(max, dateFormat);
-        if (maxDate && date > maxDate) {
-            return true;
-        }
-    }
-    return parsedDisabledDates.some(disabledDate => isSameDate(date, disabledDate, { isUTCMode }));
-}
-/**
- * Checks if a date is within the hover range.
- * @param {Date} date - The date to check.
- * @param {Date} startDate - The start of the range.
- * @param {Date | null} hoverDate - The hovered date.
- * @returns {boolean} True if the date is in the hover range.
- */
-const isInHoverRange = (date, startDate, hoverDate) => {
-    if (!hoverDate || !startDate || !date) {
-        return false;
-    }
-    const start = startDate < hoverDate ? startDate : hoverDate;
-    const end = startDate < hoverDate ? hoverDate : startDate;
-    return date > start && date < end;
-};
-/**
- * Checks if the hover range is valid (does not contain disabled dates).
- * @param {Date} startDate - The start of the range.
- * @param {Date | null} hoverDate - The hovered date.
- * @param {string} min - The minimum allowed date.
- * @param {string} max - The maximum allowed date.
- * @param {Date[]} parsedDisabledDates - An array of disabled dates.
- * @param {string} dateFormat - The date format for parsing.
- * @param {boolean} isUTCMode - Flag for UTC mode.
- * @returns {boolean} True if the hover range is valid.
- */
-const isHoverRangeValid = (startDate, hoverDate, min, max, parsedDisabledDates, dateFormat, isUTCMode) => {
-    if (!hoverDate || !startDate) {
-        return true;
-    }
-    const start = startDate < hoverDate ? startDate : hoverDate;
-    const end = startDate < hoverDate ? hoverDate : startDate;
-    const current = new Date(start);
-    while (current <= end) {
-        if (isDateDisabledUtil(current, min, max, parsedDisabledDates, dateFormat, isUTCMode)) {
-            return false;
-        }
-        current.setDate(current.getDate() + 1);
-    }
-    return true;
-};
-
-/**
- * Renders a single day cell in the calendar grid
- * @param {DayCellProps} props - Component properties
- * @returns {JSX.Element} JSX element representing a day cell
- */
-const DayCell = props => {
-    const { date, dayOfMonth, isCurrentMonth, isSelected, isInRange, isStart, isEnd, isToday, isDisabled, onClick, onDayHover, isInHoverRange, isHoverRangeValid, } = props;
-    // Build CSS classes for the day cell
-    const dayClasses = [
-        'day',
-        isSelected ? 'selected' : '',
-        isStart ? 'range-start' : '',
-        isEnd ? 'range-end' : '',
-        isInRange ? 'in-range' : '',
-        isDisabled ? 'disabled' : '',
-        !isCurrentMonth ? 'outside-month' : '',
-        isToday ? 'is-today' : '',
-        isInHoverRange && isHoverRangeValid ? 'hover-range' : '',
-        isInHoverRange && !isHoverRangeValid ? 'hover-blocked' : '',
-    ]
-        .filter(Boolean)
-        .join(' ');
-    return (h("div", { class: dayClasses, "data-date": date.toISOString(), onClick: !isDisabled ? onClick : undefined, onMouseEnter: onDayHover, "aria-disabled": isDisabled }, dayOfMonth));
-};
-
-/**
- * Renders the action buttons for the calendar (Cancel/OK)
- * @param {CalendarActionsProps} props - Component properties
- * @returns {JSX.Element} JSX element representing the action buttons
- */
-const CalendarActions = props => {
-    const { onReset, onConfirm, cancelLabel = 'Cancel', primaryLabel = 'OK', useSlot = false, } = props;
-    return (h("div", { class: "datepicker-actions" }, useSlot ? (h("slot", { name: "actions" }, h("nv-button", { emphasis: "low", size: "xs", onClick: onReset }, cancelLabel), h("nv-button", { size: "xs", onClick: onConfirm }, primaryLabel))) : (h("div", { class: "actions-container" }, h("nv-button", { emphasis: "low", size: "xs", onClick: onReset }, cancelLabel), h("nv-button", { size: "xs", onClick: onConfirm }, primaryLabel)))));
-};
-
-/**
- * Renders the week numbers column for the calendar
- * @param {WeekNumbersProps} props - Component properties
- * @returns {JSX.Element} JSX element representing the week numbers
- */
-const WeekNumbers = props => {
-    const { weeks, localizedWeekText, selectionType, onWeekSelect, calendarIndex, } = props;
-    /**
-     * Handles click on a week number for range selection
-     * @param {Array<WeekData>} week - Week data
-     */
-    const handleWeekClick = (week) => {
-        if (selectionType === 'range') {
-            const dates = week.map(d => d.date);
-            onWeekSelect(dates, calendarIndex);
-        }
-    };
-    /**
-     * Creates a click handler for a specific week
-     * @param {Array<WeekData>} week - Week data
-     * @returns {() => void} Click handler function
-     */
-    const createWeekHandler = (week) => {
-        return () => handleWeekClick(week);
-    };
-    return (h("div", { class: "week-numbers" }, h("div", { class: "week-header" }, localizedWeekText), weeks.map((week, weekIndex) => {
-        const firstDayWithDate = week.find(d => d.date)?.date || new Date();
-        const weekNumber = getWeekNumber(firstDayWithDate);
-        const isClickable = selectionType === 'range';
-        return (h("div", { class: `week-number ${isClickable ? 'clickable' : ''}`, onClick: createWeekHandler(week), key: `week-${weekIndex}`, role: isClickable ? 'button' : undefined, tabindex: isClickable ? 0 : undefined }, weekNumber));
-    })));
-};
-
-/**
- * Renders the shortcuts for quick date selection
- * @param {CalendarShortcutsProps} props - Component properties
- * @returns {JSX.Element | null} JSX element representing the shortcuts or null if no shortcuts
- */
-const CalendarShortcuts = props => {
-    const { shortcuts, placement, onShortcutClick } = props;
-    if (!shortcuts || shortcuts.length === 0) {
-        return null;
-    }
-    /**
-     * Creates a click handler for a specific shortcut
-     * @param {ShortcutData} shortcut - The shortcut data
-     * @returns {() => void} Click handler function
-     */
-    const createShortcutHandler = (shortcut) => {
-        return () => onShortcutClick(shortcut);
-    };
-    return (h("div", { class: `shortcuts-container shortcuts-placement-${placement}` }, shortcuts.map((shortcut, index) => (h("nv-button", { key: `shortcut-${index}`, emphasis: "lower", size: "xs", "aria-label": shortcut.label, onClick: createShortcutHandler(shortcut) }, shortcut.label)))));
-};
-
-/**
- * Renders the calendar header with navigation and date controls
- * @param {CalendarHeaderProps} props - Component properties
- * @returns {JSX.Element} JSX element representing the calendar header
- */
-const CalendarHeader = props => {
-    const { currentDate, months, numberOfCalendars, calendarIndex, monthOffset, onMonthChange, onMonthSelect, onYearChange, } = props;
-    /**
-     * Creates navigation handler for month change
-     * @param {number} direction - Direction of navigation (-1 or 1)
-     * @returns {() => void} Navigation handler function
-     */
-    const createNavigationHandler = (direction) => {
-        return () => onMonthChange(direction);
-    };
-    /**
-     * Creates month selection handler
-     * @param {number} offset - Month offset
-     * @returns {(event: Event) => void} Month selection handler function
-     */
-    const createMonthSelectHandler = (offset) => {
-        return (event) => onMonthSelect(event, offset);
-    };
-    /**
-     * Creates year change handler
-     * @param {number} offset - Month offset
-     * @returns {(event: Event) => void} Year change handler function
-     */
-    const createYearChangeHandler = (offset) => {
-        return (event) => onYearChange(event, offset);
-    };
-    const currentMonth = (currentDate.getUTCMonth() + monthOffset) % 12;
-    const currentYear = currentDate.getUTCFullYear() +
-        Math.floor((currentDate.getUTCMonth() + monthOffset) / 12);
-    return (h("div", { class: "header" }, numberOfCalendars > 1 && calendarIndex === 0 && (h("nv-iconbutton", { class: "nav-left", emphasis: "lower", name: "chevron-left", onClick: createNavigationHandler(-1) })), h("div", { class: "date-controls" }, h("select", { class: "month-select mr-4", onChange: createMonthSelectHandler(monthOffset) }, months.map(month => (h("option", { key: month.value, value: month.value, selected: month.value === currentMonth }, month.label)))), h("input", { type: "number", class: "year-input", min: "1950", max: "2100", value: currentYear, onChange: createYearChangeHandler(monthOffset) })), numberOfCalendars === 1 && (h("div", { class: "nav-buttons" }, h("nv-iconbutton", { emphasis: "lower", name: "chevron-left", onClick: createNavigationHandler(-1) }), h("nv-iconbutton", { emphasis: "lower", name: "chevron-right", onClick: createNavigationHandler(1) }))), numberOfCalendars > 1 && calendarIndex === numberOfCalendars - 1 && (h("nv-iconbutton", { emphasis: "lower", name: "chevron-right", onClick: createNavigationHandler(1), class: "nav-right" }))));
-};
-
-/**
- * Renders the calendar grid with day headers and day cells
- * @param {CalendarGridProps} props - Component properties
- * @returns {JSX.Element} JSX element representing the calendar grid
- */
-const CalendarGrid = props => {
-    const { days, dayNames, selectionType, selectedDate, startDate, endDate, isUTCMode, onDayClick, isDateInRange, isToday, onDayHover, onMouseLeave, hoverDate, isInHoverRange, isHoverRangeValid, } = props;
-    return (h("div", { class: "days-container" }, h("div", { class: "days-header" }, dayNames.map((day, index) => (h("div", { class: "day-header", key: `day-header-${index}` }, day)))), h("div", { class: "days-grid", onMouseLeave: onMouseLeave }, days.map(day => {
-        if (day.isBlank) {
-            return h("div", { class: "day day-blank" });
-        }
-        const date = day.date;
-        if (!date || !day.dayOfMonth) {
-            return h("div", { class: "day-cell is-disabled is-empty" });
-        }
-        const isSelected = selectionType === 'single' &&
-            isSameDate(date, selectedDate, { isUTCMode });
-        const isInRange = isDateInRange(date);
-        const isStart = isSameDate(date, startDate, { isUTCMode });
-        const isEnd = isSameDate(date, endDate, { isUTCMode });
-        const isTodayDate = isToday(date);
-        const inHoverRange = isInHoverRange(date, startDate, hoverDate);
-        const hoverRangeValid = isHoverRangeValid(startDate, hoverDate);
-        return (h(DayCell, { date: date, dayOfMonth: day.dayOfMonth, isCurrentMonth: day.isCurrentMonth, isSelected: isSelected, isInRange: isInRange, isStart: isStart, isEnd: isEnd, isToday: isTodayDate, isDisabled: day.isDisabled, selectionType: selectionType, onClick: onDayClick, onDayHover: onDayHover, isInHoverRange: inHoverRange, isHoverRangeValid: hoverRangeValid }));
-    }))));
-};
-
-const nvCalendarCss = "nv-calendar{display:block}.datepicker-root{display:flex;justify-content:center;align-items:flex-start;width:auto}.datepicker-container{font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;display:flex;flex-direction:column;align-items:stretch;background:var(--components-calendar-background);border-radius:var(--calendar-radius);padding:var(--calendar-padding);box-shadow:0px var(--shadow-y-axis-md-1) var(--shadow-blur-md-1) var(--shadow-spread-md, 0) var(--shadow-color-opacity-0), 0px var(--shadow-y-axis-md-2) var(--shadow-blur-md-2) var(--shadow-spread-md, 0) var(--shadow-color-opacity-2);border:1px solid var(--components-calendar-border);width:auto;max-width:100%}.datepicker-container-single{max-width:300px}.datepicker-container-single .datepicker-wrapper:has(.shortcuts-placement-left),.datepicker-container-single .datepicker-wrapper:has(.shortcuts-placement-right){max-width:410px !important}.datepicker-container-single:has(.shortcuts-placement-left),.datepicker-container-single:has(.shortcuts-placement-right){max-width:410px !important}.datepicker-wrapper::-webkit-scrollbar{width:6px;height:6px}.datepicker-wrapper::-webkit-scrollbar-track{background-color:var(--color-level-10-background);border-radius:9999px}.datepicker-wrapper::-webkit-scrollbar-thumb{background-color:var(--color-gray-200);border-radius:9999px}.datepicker-wrapper{display:flex;justify-content:center;align-items:flex-start;gap:var(--calendar-gap-x);width:auto;overflow-x:hidden}.datepicker-wrapper.single{justify-content:center}.calendar-container{display:flex;flex-direction:column;align-items:center;padding:var(--calendar-padding);width:auto;position:relative}.calendar-separator{width:1px;background:var(--components-calendar-border);height:auto;min-height:100%;margin:0 10px}.header{display:flex;justify-content:start;align-items:center;margin-bottom:var(--calendar-header-margin-bottom);width:100%}.header nv-iconbutton{width:var(--calendar-header-button-size);height:var(--calendar-header-button-size)}.nav-buttons{display:flex;gap:var(--spacing-0);margin-left:auto}.nav-left{order:-1}.date-controls{display:flex;gap:var(--spacing-1);align-items:center;min-height:34px;justify-content:center}.datepicker-container-single .date-controls{justify-content:flex-start}.datepicker-container:not(.datepicker-container-single) .date-controls{justify-content:start;flex-grow:1}.date-controls .month-select,.date-controls .year-input{background:transparent !important}.calendar-wrapper:nth-child(n+2) .datepicker-container{margin-left:42px}.calendar-grid{display:grid;grid-template-columns:auto 1fr;column-gap:var(--calendar-weeks-calendar-gap-x);position:relative}.calendar-grid.slide-left{animation:slideLeft 0.3s ease-out}.calendar-grid.slide-right{animation:slideRight 0.3s ease-out}.week-numbers{display:grid;grid-template-rows:var(--calendar-cell-size) repeat(6, var(--calendar-cell-size));background:var(--components-calendar-weeks-background);color:var(--components-calendar-weeks-text);border-radius:var(--calendar-weeks-radius);width:var(--calendar-weeks-size);row-gap:var(--calendar-grid-gap-y)}.week-numbers .clickable{cursor:pointer}.week-numbers .clickable:hover{background-color:var(--components-calendar-weeks-background-hover);color:var(--components-calendar-weeks-text-hover);border-radius:var(--calendar-radius)}.week-header,.week-number{display:grid;place-items:center;font-size:var(--calendar-cell-font-size)}.week-header{font-weight:700;color:var(--components-calendar-weeks-text)}.week-number{color:var(--components-calendar-cell-text)}.days-container{display:grid;grid-template-rows:auto 1fr;row-gap:var(--calendar-grid-gap-y)}.days-header{display:grid;grid-template-columns:repeat(7, var(--calendar-cell-size));height:var(--calendar-cell-size)}.day-header{display:grid;place-items:center;font-size:var(--calendar-cell-font-size);color:var(--components-calendar-cell-text)}.days-grid{display:grid;grid-template-columns:repeat(7, var(--calendar-cell-size));grid-template-rows:repeat(6, var(--calendar-cell-size));animation:fadeIn 0.2s ease-in;row-gap:var(--calendar-grid-gap-y);z-index:0}.day{display:grid;place-items:center;width:var(--calendar-cell-size);height:var(--calendar-cell-size);font-size:var(--calendar-cell-font-size);border-radius:var(--calendar-cell-radius);cursor:pointer;border:none;background:transparent;transition:all 0.2s ease;text-align:center;animation:scaleIn 0.2s ease-out}.day:hover:not(.disabled,.empty,.selected){background:var(--components-calendar-cell-background-hover);color:var(--components-calendar-cell-text-hover)}.day.selected,.day.selected:hover .day.is-today.selected,.day.is-today.selected:hover{background:var(--components-calendar-cell-background-selected);color:var(--components-calendar-cell-text-selected) !important}.day.disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.day.is-empty{pointer-events:none;background-color:transparent;border-color:transparent}.day.day-blank{pointer-events:none;background-color:transparent;border-color:transparent}.day.outside-month{color:var(--components-calendar-cell-text);opacity:var(--opacity-disabled)}.day.outside-month.selected{opacity:1 !important;color:var(--components-calendar-cell-text-selected)}.day.outside-month.in-range{opacity:0.5 !important;background-color:var(--components-calendar-cell-background-in-range);color:var(--components-calendar-cell-text-in-range)}.day.outside-month.in-range:hover{opacity:0.7 !important;background-color:var(--components-calendar-cell-background-in-range)}.day.in-range{background:var(--components-calendar-cell-background-in-range);color:var(--components-calendar-cell-text-in-range);border-radius:0;position:relative}.day.range-start,.day.range-start:focus,.day.range-start:hover,.day.range-end,.day.range-end:focus,.day.range-end:hover{background-color:var(--components-calendar-cell-background-selected) !important;color:var(--components-calendar-cell-text-selected) !important}.day.range-start,.day.range-end,.day.range-start.is-today,.day.range-end.is-today{background:var(--components-calendar-cell-background-selected);color:var(--components-calendar-cell-text-selected);position:relative;border-radius:var(--radius-rounded-full)}.day.range-start:hover,.day.range-end:hover,.day.range-start.is-today:hover,.day.range-end.is-today:hover{color:var(--components-calendar-cell-text-today)}.day.range-start:before,.day.range-end:before,.day.range-start.is-today:before,.day.range-end.is-today:before{content:\"\";position:absolute;bottom:0;left:0;right:0;top:0;z-index:-1;background-color:var(--components-calendar-cell-background-in-range);border-radius:var(--radius-rounded-full);width:auto;height:auto}.day.range-start:has(~.range-end):before,.day.range-start:has(+.in-range):before{border-top-right-radius:0;border-bottom-right-radius:0}.day.range-end:before{border-top-left-radius:0 !important;border-bottom-left-radius:0 !important}.day.outside-month.range-start,.day.outside-month.range-end{opacity:1 !important;background:var(--components-calendar-cell-background-selected) !important;color:var(--components-calendar-cell-text-selected)}.day.is-today{font-weight:700;position:relative;color:var(--components-calendar-cell-text-today)}.day.is-today.range-start,.day.is-today.range-end{color:var(--components-calendar-cell-text-selected)}.day.is-today.range-start:hover,.day.is-today.range-end:hover{color:var(--components-calendar-cell-text-today)}.day.is-today::after{content:\"\";position:absolute;bottom:var(--spacing-1);left:50%;transform:translateX(-50%);width:var(--calendar-cell-dot-size);height:var(--calendar-cell-dot-size);background-color:currentColor;border-radius:50%}.day.is-today.selected::after{color:var(--components-calendar-cell-text-selected)}.day.is-today.selected::after::after{background-color:var(--components-calendar-cell-dot-selected)}.day.hover-range{background-color:var(--components-calendar-cell-background-hover)}.day.hover-blocked{background-color:var(--components-calendar-cell-background-hover)}.day.disabled.hover-blocked{background-color:transparent}.calendar-footer{display:flex;gap:var(--spacing-1);justify-content:flex-start;width:100%;flex-wrap:wrap}.footer-placement-left{justify-content:flex-start}.footer-placement-right{justify-content:flex-end}.footer-placement-center{justify-content:center}.datepicker-controls{display:flex;flex-direction:column;border-top:1px solid var(--components-calendar-border);padding:var(--calendar-controls-padding-top) var(--calendar-padding) var(--calendar-padding);gap:var(--calendar-grid-gap-y);margin-top:var(--calendar-controls-margin-top)}.datepicker-actions{display:flex;justify-content:flex-end;gap:var(--spacing-1);width:100%}.datepicker-actions slot-fb{display:contents !important}.datepicker-actions .actions-container{display:flex;gap:var(--spacing-1)}.calendar-footer+.datepicker-actions{margin-top:0}.shortcuts-placement-left,.shortcuts-placement-right{display:flex;flex-direction:column;gap:var(--spacing-1);margin-top:var(--spacing-4)}.shortcuts-placement-left{align-items:flex-end}.shortcuts-placement-right{align-items:flex-start}@keyframes slideLeft{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideRight{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{from{opacity:0;transform:scale(0.9)}to{opacity:1;transform:scale(1)}}";
-
-const NvCalendar = /*@__PURE__*/ proxyCustomElement(class NvCalendar extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.singleDateChange = createEvent(this, "singleDateChange", 3);
-        this.rangeDateChange = createEvent(this, "rangeDateChange", 3);
-        this.valueChanged = createEvent(this, "valueChanged", 3);
-        /****************************************************************************/
-        //#region PROPERTIES
-        /**
-         * First day of the week (0 = Sunday, 1 = Monday, etc.)
-         * @default 1
-         */
-        this.firstDayOfWeek = 1;
-        /**
-         * Number of calendars to display
-         * @default 1
-         */
-        this.numberOfCalendars = 1;
-        /**
-         * Selected date value. For single mode: ISO date string. For range mode: comma-separated ISO date strings.
-         * Examples:
-         * - Single: "2025-03-15"
-         * - Range: "2025-03-15,2025-03-20"
-         * @default ""
-         */
-        // eslint-disable-next-line @stencil-community/strict-mutable
-        this.value = '';
-        /**
-         * Locale for date formatting
-         * @default 'en-BE'
-         */
-        this.locale = 'en-BE';
-        /**
-         * Date format (ex: 'YYYY-MM-DD', 'DD-MM-YYYY', etc.)
-         * @default 'YYYY-MM-DD'
-         * @note If the date format is in UTC mode, the date will be displayed in UTC time.
-         * @note If the date format is not in UTC mode, the date will be displayed in the local time.
-         */
-        this.dateFormat = 'YYYY-MM-DD';
-        /**
-         * Footer placement
-         * @default 'bottom'
-         */
-        this.shortcutsPlacement = 'bottom';
-        /**
-         * Selection type (single date or date range)
-         * @default 'single'
-         */
-        this.selectionType = 'single';
-        /**
-         * Show action buttons
-         */
-        this.showActions = false;
-        /** Sets the label for the cancel button in actions. */
-        this.cancelLabel = 'Cancel';
-        /** Sets the label for the primary (OK) button in actions. */
-        this.primaryLabel = 'OK';
-        /** Cache for parsed disabled dates */
-        this.parsedDisabledDates = [];
-        /** Flag to indicate a user click for selection */
-        this.isUserClick = false;
-        //#endregion PROPERTIES
-        /****************************************************************************/
-        //#region STATE
-        this.currentDate = null;
-        this.selectedDate = null;
-        this.startDate = null;
-        this.endDate = null;
-        this.hoverDate = null;
-        /** List of formatted months for the selector */
-        this.months = [];
-        /**
-         * Parses the unified value prop and synchronizes with internal state
-         * @param {string} value - Value to parse
-         */
-        this.parseUnifiedValue = (value) => {
-            if (!value) {
-                // Reset all selections
-                this.selectedDate = null;
-                this.startDate = null;
-                this.endDate = null;
-                return;
-            }
-            const values = value
-                .split(',')
-                .map(v => v.trim())
-                .filter(Boolean);
-            if (this.selectionType === 'range' && values.length < 2) {
-                console.warn(`Invalid date range format: ${value}`);
-                this.startDate = null;
-                this.endDate = null;
-                return;
-            }
-            if (this.selectionType === 'single' && values.length >= 1) {
-                const parsedDate = parseDate(values[0], this.dateFormat);
-                if (parsedDate) {
-                    this.selectedDate = parsedDate;
-                    // Only sync with legacy prop if not using actions (immediate mode)
-                    if (!this.showActions) {
-                        this.singleValue = values[0];
-                    }
-                    // Navigate to the date if not prevented
-                    const preventNavigation = this.el.getAttribute('data-prevent-navigation') === 'true';
-                    if (!preventNavigation && !this.isUserClick) {
-                        this.currentDate = parsedDate;
-                    }
-                }
-                else {
-                    // Handle malformed date gracefully - reset state
-                    console.warn(`Invalid date format: ${values[0]}`);
-                    this.selectedDate = null;
-                    if (!this.showActions) {
-                        this.singleValue = '';
-                    }
-                }
-            }
-            else if (this.selectionType === 'range' && values.length >= 2) {
-                const startDate = parseDate(values[0], this.dateFormat);
-                const endDate = parseDate(values[1], this.dateFormat);
-                if (startDate && endDate) {
-                    this.startDate = startDate;
-                    this.endDate = endDate;
-                    // Only sync with legacy prop if not using actions (immediate mode)
-                    if (!this.showActions) {
-                        this.rangeValue = {
-                            start: values[0],
-                            end: values[1],
-                        };
-                    }
-                    // Navigate to start date if not prevented
-                    const preventNavigation = this.el.getAttribute('data-prevent-navigation') === 'true';
-                    if (!preventNavigation && !this.isUserClick) {
-                        this.currentDate = startDate;
-                    }
-                }
-                else {
-                    // Handle malformed dates gracefully - reset state
-                    console.warn(`Invalid date range format: ${values?.[0]}, ${values?.[1]}`);
-                    this.startDate = null;
-                    this.endDate = null;
-                    if (!this.showActions) {
-                        this.rangeValue = { start: '', end: '' };
-                    }
-                }
-            }
-        };
-        /**
-         * Change the displayed month
-         * @param {number} offset - Month offset (-1 for previous, 1 for next)
-         */
-        this.changeMonth = (offset) => {
-            const newDate = new Date(this.currentDate);
-            newDate.setUTCDate(1); // Set to the first of the month to avoid day-of-month issues
-            newDate.setUTCMonth(newDate.getUTCMonth() + offset);
-            const containers = this.el.querySelectorAll('.calendar-grid');
-            containers.forEach(container => {
-                container.classList.remove('slide-left', 'slide-right');
-                const animationClass = offset > 0 ? 'slide-left' : 'slide-right';
-                container.classList.add(animationClass);
-                setTimeout(() => container.classList.remove(animationClass), 300);
-            });
-            this.currentDate = newDate;
-        };
-        this.handleMouseLeave = () => {
-            this.hoverDate = null;
-        };
-        this.handleDayHover = (event) => {
-            const target = event.target;
-            const dateStr = target.getAttribute('data-date');
-            if (dateStr &&
-                this.selectionType === 'range' &&
-                this.startDate &&
-                !this.endDate) {
-                this.hoverDate = new Date(dateStr);
-            }
-        };
-        /**
-         * Handles date selection based on the mode
-         * @param {MouseEvent} event - The mouse event from the click.
-         */
-        this.handleDateSelection = (event) => {
-            const target = event.target;
-            const dateStr = target.getAttribute('data-date');
-            if (!dateStr)
-                return;
-            const date = new Date(dateStr);
-            if (this.isDateDisabled(date)) {
-                return;
-            }
-            this.isUserClick = true;
-            if (this.selectionType === 'single') {
-                this.handleSingleSelection(date);
-            }
-            else {
-                this.handleRangeSelection(date);
-            }
-            requestAnimationFrame(() => {
-                this.isUserClick = false;
-            });
-        };
-        /**
-         * Handles single date selection
-         * @param {Date} date - Selected date
-         */
-        this.handleSingleSelection = (date) => {
-            if (!date)
-                return;
-            const formattedDate = formatDate(date, { dateFormat: this.dateFormat });
-            this.selectedDate = date;
-            // Update the unified value prop (like nv-fieldslider)
-            this.value = formattedDate;
-            this.valueChanged.emit(formattedDate);
-            // Legacy support (deprecated) - only sync props if not using actions
-            if (!this.showActions) {
-                this.singleValue = formattedDate;
-                this.singleDateChange.emit(formattedDate);
-            }
-        };
-        /**
-         * Handles range date selection
-         * @param {Date} date - Selected date
-         */
-        this.handleRangeSelection = (date) => {
-            if (!this.startDate || (this.startDate && this.endDate)) {
-                // Start new range selection
-                this.startDate = date;
-                this.endDate = null;
-            }
-            else {
-                // Complete range selection
-                this.endDate = date;
-                this.hoverDate = null;
-                // Ensure correct order
-                if (this.startDate > this.endDate) {
-                    [this.startDate, this.endDate] = [this.endDate, this.startDate];
-                }
-                const startFormatted = formatDate(this.startDate, {
-                    dateFormat: this.dateFormat,
-                });
-                const endFormatted = formatDate(this.endDate, {
-                    dateFormat: this.dateFormat,
-                });
-                // Update the unified value prop (like nv-fieldslider)
-                this.value = `${startFormatted},${endFormatted}`;
-                this.valueChanged.emit(this.value);
-                // Legacy support (deprecated) - only sync props if not using actions
-                if (!this.showActions) {
-                    const legacyRange = { start: startFormatted, end: endFormatted };
-                    this.rangeDateChange.emit(legacyRange);
-                    this.rangeValue = legacyRange;
-                }
-            }
-        };
-        /**
-         * Checks if a date is disabled.
-         * Disabled if:
-         * - The date is before min (if defined)
-         * - The date is after max (if defined)
-         * - The date is in the disabledDates array
-         * @param {Date} date - Date to check
-         * @returns {boolean} true if the date is disabled
-         */
-        this.isDateDisabled = (date) => {
-            return isDateDisabledUtil(date, this.min, this.max, this.parsedDisabledDates, this.dateFormat, this.isUTCMode);
-        };
-        /**
-         * Checks if a date is in the selected range
-         * @param {Date} date - Date to check
-         * @returns {boolean} true if the date is in the range
-         */
-        this.isDateInRange = (date) => {
-            if (!date || !this.startDate || !this.endDate)
-                return false;
-            const checkDate = parseDate(date, this.dateFormat);
-            const startDate = parseDate(this.startDate, this.dateFormat);
-            const endDate = parseDate(this.endDate, this.dateFormat);
-            // Verify if startDate and endDate are valid
-            if (isNaN(startDate.getTime()) || isNaN(endDate.getTime())) {
-                return false;
-            }
-            // Verify that startDate is before endDate (additional security)
-            if (startDate > endDate)
-                return false;
-            // Comparison based only on the date (year, month, day)
-            return (isSameOrAfter(checkDate, startDate, { isUTCMode: this.isUTCMode }) &&
-                isSameOrBefore(checkDate, endDate, { isUTCMode: this.isUTCMode }));
-        };
-        /**
-         * Retrieves the localized day names
-         * @returns {string[]} Array of short day names
-         */
-        this.getDayNames = () => {
-            let days;
-            // If we have custom day names for this locale
-            if (CUSTOM_DAY_NAMES[this.locale]) {
-                // Custom day names are expected to start with Monday (index 0 = Monday)
-                days = [...CUSTOM_DAY_NAMES[this.locale]];
-            }
-            else {
-                // Generate days using Intl.DateTimeFormat, starting from Monday
-                const formatter = new Intl.DateTimeFormat(this.locale, {
-                    weekday: 'short',
-                });
-                // Generate days starting from Monday (2023-01-02 was a Monday)
-                days = [...Array(7)].map((_, i) => formatter.format(new Date(2023, 0, i + 2)).toUpperCase());
-            }
-            // Now reorganize based on firstDayOfWeek
-            // 0 = Sunday, 1 = Monday (default), 2 = Tuesday, etc.
-            if (this.firstDayOfWeek === 0) {
-                // If Sunday is first day, move Sunday (last element) to the beginning
-                return [days[6], ...days.slice(0, 6)];
-            }
-            else if (this.firstDayOfWeek === 1) {
-                // If Monday is first day, return as-is (since our array starts with Monday)
-                return days;
-            }
-            else {
-                // For other first days (Tuesday=2, Wednesday=3, etc.)
-                const offset = this.firstDayOfWeek - 1; // Convert to 0-based offset from Monday
-                return [...days.slice(offset), ...days.slice(0, offset)];
-            }
-        };
-        /**
-         * Generates the days of the current month
-         * @param {number} offset - Month offset (0 by default)
-         * @returns {Array<{ dayOfMonth: number | null, date: Date | null, isSelected: boolean, isDisabled: boolean }>} Array of formatted days
-         */
-        this.getDaysInMonth = (offset = 0) => {
-            const baseMonth = this.currentDate.getUTCMonth();
-            // Correctly calculate the year and month for the given offset
-            const targetDate = new Date(this.currentDate);
-            targetDate.setUTCMonth(baseMonth + offset);
-            const year = targetDate.getUTCFullYear();
-            const month = targetDate.getUTCMonth();
-            const firstDay = new Date(Date.UTC(year, month, 1));
-            const lastDay = new Date(Date.UTC(year, month + 1, 0));
-            const days = [];
-            // Correct calculation of offset for previous month days
-            // Use getUTCDay to stay consistent with UTC timezone
-            const dayOfWeekIndex = firstDay.getUTCDay(); // 0 = Sunday, 1 = Monday, etc.
-            // Adjust based on firstDayOfWeek (if week starts on Monday, offset is different)
-            const offsetDays = (dayOfWeekIndex - this.firstDayOfWeek + 7) % 7;
-            // Add padding days from the previous month
-            for (let i = 0; i < offsetDays; i++) {
-                const prevMonthDay = new Date(Date.UTC(year, month, 0)).getUTCDate();
-                const date = new Date(Date.UTC(year, month - 1, prevMonthDay - offsetDays + 1 + i));
-                days.push({
-                    dayOfMonth: date.getUTCDate(),
-                    date,
-                    isCurrentMonth: false,
-                    isDisabled: this.isDateDisabled(date),
-                    // Days from previous month are blank if not the first calendar
-                    isBlank: offset > 0,
-                });
-            }
-            // Add the days of the current month
-            for (let i = 1; i <= lastDay.getUTCDate(); i++) {
-                const date = new Date(Date.UTC(year, month, i));
-                days.push({
-                    dayOfMonth: i,
-                    date,
-                    isCurrentMonth: true,
-                    isDisabled: this.isDateDisabled(date),
-                    isBlank: false,
-                });
-            }
-            // Add padding days to fill the last week
-            const nextMonthDaysNeeded = 7 - (days.length % 7 || 7);
-            if (nextMonthDaysNeeded < 7) {
-                for (let i = 1; i <= nextMonthDaysNeeded; i++) {
-                    const date = new Date(Date.UTC(year, month + 1, i));
-                    days.push({
-                        dayOfMonth: i,
-                        date,
-                        isCurrentMonth: false,
-                        isDisabled: this.isDateDisabled(date),
-                        // Days from next month are blank if not the last calendar
-                        isBlank: offset < this.numberOfCalendars - 1,
-                    });
-                }
-            }
-            return days;
-        };
-        /** Initializes the list of formatted months according to the locale */
-        this.initializeMonths = () => {
-            // If we have custom month names for this locale
-            if (CUSTOM_MONTH_NAMES[this.locale]) {
-                this.months = CUSTOM_MONTH_NAMES[this.locale].map((label, value) => ({
-                    value,
-                    label,
-                }));
-                return;
-            }
-            // Otherwise, use the default behavior
-            const formatter = new Intl.DateTimeFormat(this.locale, { month: 'short' });
-            this.months = Array.from({ length: 12 }, (_, i) => ({
-                value: i,
-                label: formatter.format(new Date(2000, i, 1)).toUpperCase(),
-            }));
-        };
-        /**
-         * Retrieves the localized abbreviation for "week"
-         * @returns {string} Localized abbreviation for "week"
-         */
-        this.getLocalizedWeekText = () => {
-            return WEEK_ABBREVIATIONS[this.locale] || 'W';
-        };
-        /**
-         * Handles month change in the selector
-         * @param {Event} event - Month change event
-         * @param {number} calendarOffset - Calendar offset (0 by default)
-         */
-        this.handleMonthChange = (event, calendarOffset = 0) => {
-            const select = event.target;
-            const selectedMonth = parseInt(select.value, 10);
-            // Calculate the current displayed year for this specific calendar
-            const targetCalendarDate = new Date(this.currentDate);
-            targetCalendarDate.setUTCDate(1);
-            targetCalendarDate.setUTCMonth(targetCalendarDate.getUTCMonth() + calendarOffset);
-            const currentYear = targetCalendarDate.getUTCFullYear();
-            // Create a new date with the selected month, keeping the SAME year
-            // This ensures the year never changes when selecting a month
-            const newTargetDate = new Date(Date.UTC(currentYear, selectedMonth, 1));
-            // Calculate what currentDate should be by subtracting the offset
-            const finalDate = new Date(newTargetDate);
-            finalDate.setUTCMonth(finalDate.getUTCMonth() - calendarOffset);
-            this.currentDate = finalDate;
-        };
-        /**
-         * Handles year change in the numeric entry
-         * @param {Event} event - Year change event
-         * @param {number} calendarOffset - Calendar offset (0 by default)
-         */
-        this.handleYearChange = (event, calendarOffset = 0) => {
-            const input = event.target;
-            const year = parseInt(input.value, 10);
-            if (!isNaN(year) && year >= 1900 && year <= 2100) {
-                const newDate = new Date(this.currentDate);
-                newDate.setUTCMonth(newDate.getUTCMonth() + calendarOffset);
-                newDate.setUTCFullYear(year);
-                newDate.setUTCMonth(newDate.getUTCMonth() - calendarOffset);
-                this.currentDate = new Date(newDate);
-            }
-        };
-        /**
-         * Handles week selection
-         * @param {Date[]} weekDays - Selected week days
-         * @param {number} calendarIndex - Calendar index from which the selection is made
-         */
-        this.handleWeekSelection = (weekDays, calendarIndex) => {
-            if (this.selectionType !== 'range')
-                return;
-            const allDays = this.getDaysInMonth(calendarIndex);
-            const weekStart = weekDays[0];
-            const weekEnd = weekDays[weekDays.length - 1];
-            if (!weekStart || !weekEnd)
-                return;
-            const selectedWeekDays = allDays.filter(day => day.date && day.date >= weekStart && day.date <= weekEnd);
-            const validDays = selectedWeekDays.filter(day => !this.isDateDisabled(day.date));
-            if (validDays.length > 0) {
-                this.startDate = validDays[0].date;
-                this.endDate = validDays[validDays.length - 1].date;
-                this.rangeDateChange.emit({
-                    start: formatDate(this.startDate, { dateFormat: this.dateFormat }),
-                    end: formatDate(this.endDate, { dateFormat: this.dateFormat }),
-                });
-            }
-        };
-        /**
-         * Checks if a date corresponds to today
-         * @param {Date} date - Date to check
-         * @returns {boolean} true if the date is today
-         */
-        this.isToday = (date) => {
-            const today = new Date();
-            return (date.getDate() === today.getDate() &&
-                date.getMonth() === today.getMonth() &&
-                date.getFullYear() === today.getFullYear());
-        };
-        /**
-         * Parse and cache the disabled dates
-         * @description Parse and cache the disabled dates
-         */
-        this.parseDisabledDates = () => {
-            if (!this.disabledDates) {
-                this.parsedDisabledDates = [];
-                return;
-            }
-            try {
-                this.parsedDisabledDates = this.disabledDates
-                    .map(date => parseDate(date, this.dateFormat))
-                    .filter(date => date !== null);
-            }
-            catch (error) {
-                console.error('Error parsing disabled dates:', error);
-                this.parsedDisabledDates = [];
-            }
-        };
-        /**
-         * Applies a shortcut selection
-         * @param {Object} shortcut - Shortcut to apply
-         * @param {string | Date} shortcut.singleValue - Selected date value
-         * @param {Object} shortcut.rangeValue - Start and end date values
-         * @param {string | Date} shortcut.rangeValue.start - Start date value
-         * @param {string | Date} shortcut.rangeValue.end - End date value
-         * @param {string} shortcut.label - Label
-         */
-        this.applyShortcut = (shortcut) => {
-            this.selectedDate = null;
-            this.startDate = null;
-            this.endDate = null;
-            if (shortcut.singleValue) {
-                const newDate = parseDate(shortcut.singleValue, this.dateFormat);
-                this.selectedDate = newDate;
-                const formattedDate = formatDate(newDate, {
-                    dateFormat: this.dateFormat,
-                });
-                // Update the unified value prop (like nv-fieldslider)
-                this.value = formattedDate;
-                this.valueChanged.emit(formattedDate);
-                // Legacy support (deprecated) - sync props
-                this.singleValue = formattedDate;
-                this.singleDateChange.emit(formattedDate);
-                if (!this.showActions) {
-                    const event = new CustomEvent('closePopover', {
-                        bubbles: true,
-                        composed: true,
-                    });
-                    this.el.dispatchEvent(event);
-                }
-                this.forceCalendarUpdate(newDate);
-            }
-            else {
-                const start = parseDate(shortcut.rangeValue.start, this.dateFormat);
-                const end = parseDate(shortcut.rangeValue.end, this.dateFormat);
-                this.startDate = start;
-                this.endDate = end;
-                const startFormatted = formatDate(start, {
-                    dateFormat: this.dateFormat,
-                });
-                const endFormatted = formatDate(end, { dateFormat: this.dateFormat });
-                // Update the unified value prop (like nv-fieldslider)
-                this.value = `${startFormatted},${endFormatted}`;
-                this.valueChanged.emit(this.value);
-                // Legacy support (deprecated) - sync props
-                const legacyRange = { start: startFormatted, end: endFormatted };
-                this.rangeDateChange.emit(legacyRange);
-                // eslint-disable-next-line @stencil-community/strict-mutable
-                this.rangeValue = legacyRange;
-                if (!this.showActions) {
-                    const event = new CustomEvent('closePopover', {
-                        bubbles: true,
-                        composed: true,
-                    });
-                    this.el.dispatchEvent(event);
-                }
-                this.currentDate = start;
-            }
-        };
-        /**
-         * Method to force the complete calendar update
-         * @param {Date} newDate - Date to force
-         */
-        this.forceCalendarUpdate = newDate => {
-            this.currentDate = new Date(newDate);
-        };
-        /**
-         * Resets the current selection
-         */
-        this.resetSelection = () => {
-            if (this.selectionType === 'single') {
-                this.selectedDate = null;
-                // eslint-disable-next-line @stencil-community/strict-mutable
-                this.singleValue = null;
-                // eslint-disable-next-line @stencil-community/strict-mutable
-                this.value = '';
-                this.singleDateChange.emit('');
-                this.valueChanged.emit('');
-            }
-            else {
-                this.startDate = null;
-                this.endDate = null;
-                // eslint-disable-next-line @stencil-community/strict-mutable
-                this.rangeValue = null;
-                // eslint-disable-next-line @stencil-community/strict-mutable
-                this.value = '';
-                this.rangeDateChange.emit({ start: '', end: '' });
-                this.valueChanged.emit('');
-            }
-        };
-        /**
-         * Confirms the current selection
-         */
-        this.confirmSelection = () => {
-            if (this.selectionType === 'single' && this.selectedDate) {
-                const dateStr = formatDate(this.selectedDate, {
-                    dateFormat: this.dateFormat,
-                });
-                this.singleDateChange.emit(dateStr);
-                // eslint-disable-next-line @stencil-community/strict-mutable
-                this.singleValue = dateStr;
-                const event = new CustomEvent('closePopover', {
-                    bubbles: true,
-                    composed: true,
-                });
-                this.el.dispatchEvent(event);
-            }
-            else if (this.selectionType === 'range' &&
-                this.startDate &&
-                this.endDate) {
-                this.rangeDateChange.emit({
-                    start: formatDate(this.startDate, { dateFormat: this.dateFormat }),
-                    end: formatDate(this.endDate, { dateFormat: this.dateFormat }),
-                });
-                // eslint-disable-next-line @stencil-community/strict-mutable
-                this.rangeValue = {
-                    start: formatDate(this.startDate, { dateFormat: this.dateFormat }),
-                    end: formatDate(this.endDate, { dateFormat: this.dateFormat }),
-                };
-                const event = new CustomEvent('closePopover', {
-                    bubbles: true,
-                    composed: true,
-                });
-                this.el.dispatchEvent(event);
-            }
-        };
-        //#endregion METHODS
-        /****************************************************************************/
-        //#region RENDER
-        /**
-         * Renders the header
-         * @param {number} offset - Month offset
-         * @param {number} index - Calendar index
-         * @returns {JSX.Element} Header
-         * @description Renders the header of the calendar
-         */
-        this.renderHeader = (offset, index) => {
-            return (h(CalendarHeader, { currentDate: this.currentDate, months: this.months, numberOfCalendars: this.numberOfCalendars, calendarIndex: index, monthOffset: offset, onMonthChange: this.changeMonth, onMonthSelect: this.handleMonthChange, onYearChange: this.handleYearChange }));
-        };
-        /**
-         * Renders the week numbers
-         * @param {Array<{date: Date}>} weeks - Weeks to render
-         * @param {number} index - Calendar index
-         * @returns {JSX.Element} Week numbers
-         * @description Renders the week numbers of the calendar
-         */
-        this.renderWeekNumbers = (
-        /** Weeks to render */
-        weeks, 
-        /** Calendar index */
-        index) => {
-            return (h(WeekNumbers, { weeks: weeks, localizedWeekText: this.getLocalizedWeekText(), selectionType: this.selectionType, onWeekSelect: this.handleWeekSelection, calendarIndex: index }));
-        };
-        /**
-         * Checks if the hover range is valid
-         * @param {Date} startDate - Start date
-         * @param {Date | null} hoverDate - Hovered date
-         * @returns {boolean} true if the hover range is valid
-         */
-        this.isHoverRangeValidFn = (startDate, hoverDate) => {
-            return isHoverRangeValid(startDate, hoverDate, this.min, this.max, this.parsedDisabledDates, this.dateFormat, this.isUTCMode);
-        };
-        /**
-         * Renders the calendar
-         * @param {number} index - Calendar index
-         * @param {number} offset - Month offset
-         * @returns {JSX.Element} Calendar
-         * @description Renders the calendar of the calendar
-         */
-        this.renderCalendar = (
-        /** Calendar index */
-        index, 
-        /** Month offset */
-        offset) => {
-            const days = this.getDaysInMonth(offset);
-            const weeks = [];
-            for (let i = 0; i < days.length; i += 7) {
-                weeks.push(days.slice(i, i + 7));
-            }
-            // Add year and month to the key to force re-render on date change
-            const targetDate = new Date(this.currentDate);
-            targetDate.setUTCMonth(targetDate.getUTCMonth() + offset);
-            const year = targetDate.getUTCFullYear();
-            const month = targetDate.getUTCMonth();
-            return (h("div", { class: "calendar-wrapper" }, h("div", { class: "calendar-container", key: `calendar-${index}-${year}-${month}` }, this.renderHeader(offset, index), h("div", { class: "calendar-grid" }, this.showWeekNumbers && this.renderWeekNumbers(weeks, index), h(CalendarGrid, { days: days, dayNames: this.getDayNames(), selectionType: this.selectionType, selectedDate: this.selectedDate, startDate: this.startDate, endDate: this.endDate, isUTCMode: this.isUTCMode, onDayClick: this.handleDateSelection, isDateInRange: this.isDateInRange, isToday: this.isToday, onDayHover: this.handleDayHover, onMouseLeave: this.handleMouseLeave, hoverDate: this.hoverDate, isInHoverRange: isInHoverRange, isHoverRangeValid: this.isHoverRangeValidFn }))), index < this.numberOfCalendars - 1 && (h("div", { class: "calendar-separator" }))));
-        };
-        /**
-         * Renders the shortcuts
-         * @returns {JSX.Element} Shortcuts
-         * @description Renders the shortcuts of the calendar
-         */
-        this.renderShortcuts = () => {
-            if (!this.hasShortcuts) {
-                return null;
-            }
-            return (h(CalendarShortcuts, { shortcuts: this.shortcuts, placement: this.shortcutsPlacement, onShortcutClick: this.applyShortcut }));
-        };
-        /**
-         * Renders the actions
-         * @returns {JSX.Element} Actions
-         * @description Renders the actions of the calendar
-         * @slot actions - Child content of the component.
-         */
-        this.renderActions = () => {
-            return (h("div", { class: "datepicker-actions" }, h("slot", { name: "actions" }, h(CalendarActions, { onReset: this.resetSelection, onConfirm: this.confirmSelection, cancelLabel: this.cancelLabel, primaryLabel: this.primaryLabel, useSlot: false }))));
-        };
-    }
-    //#endregion EVENTS
-    /****************************************************************************/
-    //#region WATCHERS
-    /**
-     * Watches the changes of the number of calendars
-     * @param {number} newValue - New number of calendars
-     */
-    validateNumberOfCalendars(newValue) {
-        if (newValue < 1 || newValue > 4) {
-            console.warn('numberOfCalendars must be between 1 and 4. Defaulting to 1.');
-            this.numberOfCalendars = 1;
-        }
-    }
-    /**
-     * Watches the changes of the selected date range
-     * @param {Object} newValue - New rangeValue value
-     * @param {string} newValue.start - Start date
-     * @param {string} newValue.end - End date
-     */
-    onRangeValueChange(newValue) {
-        if (newValue && newValue.start && newValue.end) {
-            try {
-                const { startDate, endDate } = this.validateDateRange(newValue.start, newValue.end);
-                this.startDate = startDate;
-                this.endDate = endDate;
-                // Do not navigate to the start date if data-prevent-navigation attribute is present
-                const preventNavigation = this.el.getAttribute('data-prevent-navigation') === 'true';
-                if (!preventNavigation && !this.isUserClick) {
-                    this.currentDate = startDate;
-                }
-            }
-            catch (error) {
-                console.error('Invalid rangeValue:', error);
-            }
-        }
-    }
-    /**
-     * Watches the changes of the disabled dates
-     * @description Watches the changes of the disabled dates
-     */
-    handleDisabledDatesChange() {
-        this.parseDisabledDates();
-    }
-    /**
-     * Watches the changes of the single value
-     * @param {string} newValue - New single value
-     * @param {string} oldValue - Old single value
-     */
-    onSingleValueChange(newValue, oldValue) {
-        if (this.selectionType === 'single' && newValue !== oldValue && newValue) {
-            const parsedDate = parseDate(newValue, this.dateFormat);
-            if (parsedDate) {
-                this.selectedDate = parsedDate;
-                // Do not navigate to the selected date if data-prevent-navigation attribute is present
-                const preventNavigation = this.el.getAttribute('data-prevent-navigation') === 'true';
-                if (!preventNavigation && !this.isUserClick) {
-                    this.currentDate = parsedDate;
-                }
-            }
-        }
-    }
-    /**
-     * Watches the changes of the unified value prop
-     * @param {string} newValue - New value
-     * @param {string} oldValue - Old value
-     */
-    onValueChange(newValue, oldValue) {
-        if (newValue !== oldValue) {
-            this.parseUnifiedValue(newValue);
-        }
-    }
-    //#endregion WATCHERS
-    /****************************************************************************/
-    //#region LIFECYCLE
-    componentWillLoad() {
-        this.parseDisabledDates();
-        // Initialize from unified value prop if provided
-        if (this.value) {
-            this.parseUnifiedValue(this.value);
-        }
-        else if (this.selectionType === 'single' && this.singleValue) {
-            this.selectedDate = parseDate(this.singleValue, this.dateFormat);
-            this.currentDate = this.selectedDate;
-        }
-        else if (this.selectionType === 'range' && this.rangeValue) {
-            try {
-                if (this.rangeValue.start && this.rangeValue.end) {
-                    const { startDate, endDate, swapped } = this.validateDateRange(this.rangeValue.start, this.rangeValue.end);
-                    this.startDate = startDate;
-                    this.endDate = endDate;
-                    this.currentDate = startDate;
-                    if (swapped) {
-                        // If dates were swapped, update the rangeValue property
-                        // eslint-disable-next-line @stencil-community/strict-mutable
-                        this.rangeValue = {
-                            start: formatDate(startDate, { dateFormat: this.dateFormat }),
-                            end: formatDate(endDate, { dateFormat: this.dateFormat }),
-                        };
-                    }
-                }
-            }
-            catch (error) {
-                console.error('Invalid rangeValue:', error);
-            }
-        }
-        // Ensure currentDate is always initialized
-        if (!this.currentDate) {
-            this.currentDate = new Date();
-        }
-        this.initializeMonths();
-    }
-    //#endregion LIFECYCLE
-    /****************************************************************************/
-    //#region METHODS
-    /**
-     * Checks if shortcuts are visible
-     * @returns {boolean} true if shortcuts are visible
-     */
-    get hasShortcuts() {
-        return Boolean(this.shortcutsPlacement && this.shortcuts);
-    }
-    /**
-     * Checks if actions are visible
-     * @returns {boolean} true if actions are visible
-     */
-    get hasActions() {
-        return this.showActions;
-    }
-    /**
-     * Checks if the date format is in UTC mode
-     * @returns {boolean} true if the date format is in UTC mode
-     */
-    get isUTCMode() {
-        return this.dateFormat.includes('Z');
-    }
-    /**
-     * Validates and processes a date range, warning if start is after end
-     * @param {string} startDateStr - Start date in ISO string format
-     * @param {string} endDateStr - End date in ISO string format
-     * @returns {object} Object containing the validated start and end dates
-     */
-    validateDateRange(startDateStr, endDateStr) {
-        try {
-            const startDate = parseDate(startDateStr, this.dateFormat);
-            const endDate = parseDate(endDateStr, this.dateFormat);
-            if (startDate && endDate && startDate > endDate) {
-                console.warn(`Warning: startDate (${formatDate(startDate, {
-                    dateFormat: this.dateFormat,
-                })}) is after endDate (${formatDate(endDate, {
-                    dateFormat: this.dateFormat,
-                })})`);
-                // Return dates in correct order, with swapped flag
-                return {
-                    startDate: endDate,
-                    endDate: startDate,
-                    swapped: true,
-                };
-            }
-            return {
-                startDate,
-                endDate,
-                swapped: false,
-            };
-        }
-        catch (error) {
-            console.error('Invalid date range:', error);
-            throw error; // Re-throw to let the caller handle it
-        }
-    }
-    /**
-     * Clears the current selection and resets the calendar to its initial state.
-     * This method can be called programmatically to reset the calendar.
-     */
-    async clear() {
-        if (this.selectionType === 'single') {
-            this.selectedDate = null;
-            this.singleValue = '';
-            this.value = '';
-            this.singleDateChange.emit('');
-            this.valueChanged.emit('');
-        }
-        else {
-            this.startDate = null;
-            this.endDate = null;
-            this.rangeValue = { start: '', end: '' };
-            this.value = '';
-            this.rangeDateChange.emit({ start: '', end: '' });
-            this.valueChanged.emit('');
-        }
-    }
-    /**
-     * Renders the datepicker
-     * @returns {JSX.Element} Datepicker
-     * @description Renders the datepicker of the calendar
-     * @slot default - Child content of the component.
-     */
-    render() {
-        return (h(Host, { key: '18793334c6b01685f8c42acb0709bb3b35a1d466' }, h("div", { key: '2fa622b5027d4fc94732e0826fac044056e8bca1', class: "datepicker-root" }, h("div", { key: '4c88d823b5a720d3529bc199014b5e498ba1a701', class: `datepicker-container ${this.numberOfCalendars === 1 ? 'datepicker-container-single' : ''}` }, h("div", { key: 'e6be82fb79db589171e4db2beb640fb005dd603f', class: `datepicker-wrapper ${this.numberOfCalendars === 1 ? 'single' : ''}` }, this.shortcutsPlacement === 'left' && this.renderShortcuts(), Array.from({ length: this.numberOfCalendars }, (_, index) => this.renderCalendar(index, index)), this.shortcutsPlacement === 'right' && this.renderShortcuts()), ((this.hasShortcuts && this.shortcutsPlacement === 'bottom') ||
-            this.hasActions) && (h("div", { key: '5991593c0ae9128c3dfea099db2864a37105c9a4', class: "datepicker-controls" }, this.shortcutsPlacement === 'bottom' && this.renderShortcuts(), this.hasActions && this.renderActions())))), h("slot", { key: '5e92296fdc3732ea7f241a5ce381e0234330e7a3' })));
-    }
-    get el() { return this; }
-    static get watchers() { return {
-        "numberOfCalendars": ["validateNumberOfCalendars"],
-        "rangeValue": ["onRangeValueChange"],
-        "disabledDates": ["handleDisabledDatesChange"],
-        "singleValue": ["onSingleValueChange"],
-        "value": ["onValueChange"]
-    }; }
-    static get style() { return nvCalendarCss; }
-}, [260, "nv-calendar", {
-        "firstDayOfWeek": [514, "first-day-of-week"],
-        "numberOfCalendars": [1538, "number-of-calendars"],
-        "value": [1537],
-        "singleValue": [1537, "single-value"],
-        "rangeValue": [1040],
-        "min": [513],
-        "max": [513],
-        "disabledDates": [16],
-        "locale": [513],
-        "dateFormat": [513, "date-format"],
-        "shortcutsPlacement": [513, "shortcuts-placement"],
-        "selectionType": [513, "selection-type"],
-        "showActions": [516, "show-actions"],
-        "shortcuts": [16],
-        "showWeekNumbers": [516, "show-week-numbers"],
-        "cancelLabel": [513, "cancel-label"],
-        "primaryLabel": [513, "primary-label"],
-        "currentDate": [32],
-        "selectedDate": [32],
-        "startDate": [32],
-        "endDate": [32],
-        "hoverDate": [32],
-        "months": [32],
-        "clear": [64]
-    }, undefined, {
-        "numberOfCalendars": ["validateNumberOfCalendars"],
-        "rangeValue": ["onRangeValueChange"],
-        "disabledDates": ["handleDisabledDatesChange"],
-        "singleValue": ["onSingleValueChange"],
-        "value": ["onValueChange"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["nv-calendar"];
-    components.forEach(tagName => { switch (tagName) {
-        case "nv-calendar":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, NvCalendar);
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { NvCalendar as N, defineCustomElement as d, getDefaultExportFromCjs as g };
-//# sourceMappingURL=p-B7VlEQVW.js.map
-
-//# sourceMappingURL=p-B7VlEQVW.js.map