@mogura/moguchart-core 0.5.2 → 0.5.3

package/dist/moguchart-core.mjs

@@ -2,12 +2,11 @@ import { LitElement as e, css as t, html as n, render as r, svg as i, unsafeCSS
 import { customElement as o, property as s, state as c } from "lit/decorators.js";
 import l from "dayjs";
 import { repeat as u } from "lit/directives/repeat.js";
-import { unsafeHTML as d } from "lit/directives/unsafe-html.js";
-import { throttle as f } from "lodash-es";
-import p from "html2canvas-pro";
-import { jsPDF as m } from "jspdf";
+import { throttle as d } from "lodash-es";
+import f from "html2canvas-pro";
+import { jsPDF as p } from "jspdf";
 //#region src/core/patterns.ts
-var h = [
+var m = [
 	"diagonal-stripe",
 	"diagonal-stripe-thin",
 	"diagonal-stripe-thick",
@@ -20,8 +19,8 @@ var h = [
 	"circle",
 	"grid",
 	"diagonal-grid"
-], g = { type: "diagonal-stripe" }, _ = { type: "diagonal-stripe-reverse" }, v = { type: "vertical-stripe" }, y = { type: "horizontal-stripe" }, b = { type: "checkerboard" }, x = { type: "dots" }, S = { type: "triangle" }, C = { type: "circle" }, w = { type: "grid" }, T = { type: "diagonal-grid" }, E = { type: "diagonal-stripe-thin" }, D = { type: "diagonal-stripe-thick" }, O = { type: "dots-dense" };
-function k(e) {
+], h = { type: "diagonal-stripe" }, g = { type: "diagonal-stripe-reverse" }, _ = { type: "vertical-stripe" }, v = { type: "horizontal-stripe" }, y = { type: "checkerboard" }, b = { type: "dots" }, x = { type: "triangle" }, S = { type: "circle" }, C = { type: "grid" }, w = { type: "diagonal-grid" }, T = { type: "diagonal-stripe-thin" }, E = { type: "diagonal-stripe-thick" }, D = { type: "dots-dense" };
+function O(e) {
 	if (!e?.type) return "";
 	let t = e.color || "rgba(255, 255, 255, 0.3)", n = e.type === "dots" ? "6px" : "8px";
 	switch (e.type) {
@@ -96,7 +95,7 @@ function k(e) {
 }
 //#endregion
 //#region src/core/i18n.ts
-var A = {
+var k = {
 	monthFormat: "YYYY年M月",
 	monthRowFormat: "M月",
 	dateFormat: (e) => `${e.getFullYear()}/${e.getMonth() + 1}/${e.getDate()}`,
@@ -118,7 +117,7 @@ var A = {
 		moveTo: (e) => `移動先: ${e}`,
 		movingTasks: (e) => `${e}件のタスクを移動中`
 	}
-}, j = {
+}, A = {
 	monthFormat: "MMM YYYY",
 	monthRowFormat: "MMM",
 	dateFormat: (e) => `${e.getMonth() + 1}/${e.getDate()}/${e.getFullYear()}`,
@@ -153,7 +152,7 @@ var A = {
 		moveTo: (e) => `Move to: ${e}`,
 		movingTasks: (e) => `Moving ${e} task${e === 1 ? "" : "s"}`
 	}
-}, M = {
+}, j = {
 	light: {
 		bg: "#f1f5f9",
 		text: "#0f172a",
@@ -208,13 +207,13 @@ var A = {
 		currentTimeLine: "rgba(239, 68, 68, 0.5)",
 		currentTimeLineText: "#ffffff"
 	}
-}, N = (e, t, n, r) => {
+}, M = (e, t, n, r) => {
 	if (r !== void 0) {
 		let n = t.getFullYear(), i = t.getMonth(), a = e.getFullYear(), o = e.getMonth(), s = (a - n) * 12 + (o - i), c = new Date(n, i + 1, 0).getDate(), l = (t.getDate() - 1 + t.getHours() / 24 + t.getMinutes() / 1440) / c, u = new Date(a, o + 1, 0).getDate();
 		return (s + (e.getDate() - 1 + e.getHours() / 24 + e.getMinutes() / 1440) / u - l) * r;
 	}
 	return (e.getTime() - t.getTime()) / (1e3 * 60 * 60 * 24) * n;
-}, P = (e, t, n, r) => {
+}, N = (e, t, n, r) => {
 	if (r !== void 0) {
 		let n = t.getFullYear(), i = t.getMonth(), a = new Date(n, i + 1, 0).getDate(), o = (t.getDate() - 1 + t.getHours() / 24 + t.getMinutes() / 1440) / a, s = e / r + o, c = i + Math.floor(s), l = n + Math.floor(c / 12);
 		c %= 12, c < 0 && (c += 12, --l);
@@ -224,7 +223,7 @@ var A = {
 	let i = e / n;
 	return new Date(t.getTime() + i * 24 * 60 * 60 * 1e3);
 };
-function F(e) {
+function P(e) {
 	if (!e.length) return {
 		tasksWithLanes: [],
 		laneCount: 1
@@ -246,10 +245,10 @@ function F(e) {
 		laneCount: n.length || 1
 	};
 }
-var I = (e, t) => ({
-	...M[e] || M.light,
+var F = (e, t) => ({
+	...j[e] || j.light,
 	...t
-}), L = (e, t, n) => {
+}), I = (e, t, n) => {
 	let r = e.getDay();
 	return n && n(e) ? t.holiday : [
 		t.sunday,
@@ -261,13 +260,13 @@ var I = (e, t) => ({
 		t.saturday
 	][r];
 };
-function R(e, t) {
+function L(e, t) {
 	return (t.getTime() - e.getTime()) / (1e3 * 60 * 60 * 24);
 }
-var z = (e, t, n) => {
-	let r = n ?? A, i = t.getTime() - e.getTime(), a = Math.floor(i / (1e3 * 60 * 60 * 24)), o = i % (1e3 * 60 * 60 * 24), s = Math.floor(o / (1e3 * 60 * 60)), c = o % (1e3 * 60 * 60), l = Math.floor(c / (1e3 * 60)), u = "";
+var R = (e, t, n) => {
+	let r = n ?? k, i = t.getTime() - e.getTime(), a = Math.floor(i / (1e3 * 60 * 60 * 24)), o = i % (1e3 * 60 * 60 * 24), s = Math.floor(o / (1e3 * 60 * 60)), c = o % (1e3 * 60 * 60), l = Math.floor(c / (1e3 * 60)), u = "";
 	return a > 0 && (u += r.duration.days(a)), s > 0 && (u += r.duration.hours(s)), l > 0 && (u += r.duration.minutes(l)), u || r.duration.zero;
-}, B = {
+}, z = {
 	BAR: "#3b82f6",
 	LABEL_BACKGROUND: "#fafafa",
 	SATURDAY: "#dbeafe",
@@ -277,7 +276,7 @@ var z = (e, t, n) => {
 }.BAR;
 //#endregion
 //#region \0@oxc-project+runtime@0.120.0/helpers/decorate.js
-function V(e, t, n, r) {
+function B(e, t, n, r) {
 	var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
 	if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);
 	else for (var s = e.length - 1; s >= 0; s--) (o = e[s]) && (a = (i < 3 ? o(a) : i > 3 ? o(t, n, a) : o(t, n)) || a);
@@ -285,7 +284,7 @@ function V(e, t, n, r) {
 }
 //#endregion
 //#region src/components/gantt-bar.ts
-var H = class extends e {
+var V = class extends e {
 	constructor(...e) {
 		super(...e), this.lane = 0, this.selected = !1, this.focused = !1, this.multiDragDx = 0, this.multiDragActive = !1, this.connectorDropTarget = !1, this.isExporting = !1, this._currentDragCursor = null, this._dragAnimationFrame = null, this._wasDragging = !1, this.handleKeyDown = (e) => {
 			(e.key === "Control" || e.key === "Alt") && this.updateCursor(!0);
@@ -324,7 +323,7 @@ var H = class extends e {
       position: absolute;
       top: 0;
       left: 0;
-      background-color: ${a(B)};
+      background-color: ${a(z)};
     }
     :host([selected]) .bar {
       outline: 2px solid #3b82f6;
@@ -452,7 +451,7 @@ var H = class extends e {
   `;
 	}
 	getX(e) {
-		return N(e, this.option.calendar.start, this.option.calendar.pxPerDay ?? 50, this.option.calendar.pxPerMonth);
+		return M(e, this.option.calendar.start, this.option.calendar.pxPerDay ?? 50, this.option.calendar.pxPerMonth);
 	}
 	setupDragEvents(e, t, n, r) {
 		let i = () => {
@@ -481,10 +480,10 @@ var H = class extends e {
 			if (o) {
 				let e = this.getX(l), s = this.getX(u);
 				if (t === "left") {
-					let t = P(e + n, this.option.calendar.start, a, o);
+					let t = N(e + n, this.option.calendar.start, a, o);
 					t.getDate() > 15 && t.setMonth(t.getMonth() + 1), t.setDate(1), t.setHours(0, 0, 0, 0), r = t, r >= i && (r = new Date(i), r.setMonth(r.getMonth() - 1));
 				} else {
-					let e = P(s + n, this.option.calendar.start, a, o);
+					let e = N(s + n, this.option.calendar.start, a, o);
 					e.getDate() > 15 && e.setMonth(e.getMonth() + 1), e.setDate(1), e.setHours(0, 0, 0, 0), i = e, i <= r && (i = new Date(r), i.setMonth(i.getMonth() + 1));
 				}
 			} else {
@@ -559,7 +558,7 @@ var H = class extends e {
 			r === "y" && (u = 0), (r === "x" || this.multiDragActive) && (d = 0);
 			let f = u;
 			if (this.option.calendar.pxPerMonth) {
-				let e = P(this.getX(s) + u, this.option.calendar.start, 50, this.option.calendar.pxPerMonth), t = (e.getFullYear() - s.getFullYear()) * 12 + (e.getMonth() - s.getMonth()) + (e.getDate() > 15 ? 1 : 0), n = new Date(s);
+				let e = N(this.getX(s) + u, this.option.calendar.start, 50, this.option.calendar.pxPerMonth), t = (e.getFullYear() - s.getFullYear()) * 12 + (e.getMonth() - s.getMonth()) + (e.getDate() > 15 ? 1 : 0), n = new Date(s);
 				n.setMonth(n.getMonth() + t), f = this.getX(n) - this.getX(s);
 			} else {
 				let e = this.option.calendar.pxPerDay / 1440 * l;
@@ -599,7 +598,7 @@ var H = class extends e {
 			else if (i) {
 				let e = i.clientX - a, t = e;
 				if (this.option.calendar.pxPerMonth) {
-					let n = P(this.getX(s) + e, this.option.calendar.start, 50, this.option.calendar.pxPerMonth), r = (n.getFullYear() - s.getFullYear()) * 12 + (n.getMonth() - s.getMonth()) + (n.getDate() > 15 ? 1 : 0), i = new Date(s);
+					let n = N(this.getX(s) + e, this.option.calendar.start, 50, this.option.calendar.pxPerMonth), r = (n.getFullYear() - s.getFullYear()) * 12 + (n.getMonth() - s.getMonth()) + (n.getDate() > 15 ? 1 : 0), i = new Date(s);
 					i.setMonth(i.getMonth() + r), t = this.getX(i) - this.getX(s);
 				} else {
 					let n = this.option.calendar.pxPerDay / 1440 * l;
@@ -786,7 +785,7 @@ var H = class extends e {
       >
         <div
           class="bar"
-          style="border-radius: ${a}px; ${this.task.style || ""}; ${k(this.task.pattern)}; ${u ? "" : "cursor: pointer;"}"
+          style="border-radius: ${a}px; ${this.task.style || ""}; ${O(this.task.pattern)}; ${u ? "" : "cursor: pointer;"}"
           @pointerdown="${u ? this.onMoveStart : void 0}"
         >
           ${this.option.customRendering?.barContent ? this.option.customRendering.barContent(this.task) : ""}
@@ -810,23 +809,23 @@ var H = class extends e {
     `;
 	}
 };
-V([s({ type: Object })], H.prototype, "task", void 0), V([s({ type: Object })], H.prototype, "option", void 0), V([s({ type: Number })], H.prototype, "lane", void 0), V([s({
+B([s({ type: Object })], V.prototype, "task", void 0), B([s({ type: Object })], V.prototype, "option", void 0), B([s({ type: Number })], V.prototype, "lane", void 0), B([s({
 	type: Boolean,
 	reflect: !0
-})], H.prototype, "selected", void 0), V([s({
+})], V.prototype, "selected", void 0), B([s({
 	type: Boolean,
 	reflect: !0
-})], H.prototype, "focused", void 0), V([s({ type: Number })], H.prototype, "multiDragDx", void 0), V([s({ type: Boolean })], H.prototype, "multiDragActive", void 0), V([s({
+})], V.prototype, "focused", void 0), B([s({ type: Number })], V.prototype, "multiDragDx", void 0), B([s({ type: Boolean })], V.prototype, "multiDragActive", void 0), B([s({
 	type: Boolean,
 	reflect: !0,
 	attribute: "connector-drop-target"
-})], H.prototype, "connectorDropTarget", void 0), V([s({
+})], V.prototype, "connectorDropTarget", void 0), B([s({
 	type: Boolean,
 	reflect: !0
-})], H.prototype, "isExporting", void 0), H = V([o("gantt-bar")], H);
+})], V.prototype, "isExporting", void 0), V = B([o("gantt-bar")], V);
 //#endregion
 //#region src/components/gantt-calendar.ts
-var U = class extends e {
+var H = class extends e {
 	constructor(...e) {
 		super(...e), this.theme = "light", this.currentTime = /* @__PURE__ */ new Date(), this.hoveredMilestoneId = null, this._cachedDays = null, this._cachedMonths = null, this._cachedYears = null, this._cachedWeeks = null, this._cachedStartTime = 0, this._cachedEndTime = 0, this._cachedPxPerDay = 0, this._cachedPxPerMonth = void 0, this._cachedWeekStartDay = -1;
 	}
@@ -835,7 +834,7 @@ var U = class extends e {
 		if (r && r.remove(), t instanceof HTMLElement) t.classList.add(n), e.appendChild(t);
 		else if (typeof t == "string") {
 			let r = document.createElement("span");
-			r.classList.add(n), r.innerHTML = t, e.appendChild(r);
+			r.classList.add(n), r.textContent = t, e.appendChild(r);
 		}
 	}
 	updated() {
@@ -885,7 +884,7 @@ var U = class extends e {
 		});
 	}
 	get totalDays() {
-		return R(this.option.calendar.start, this.option.calendar.end);
+		return L(this.option.calendar.start, this.option.calendar.end);
 	}
 	static {
 		this.styles = t`
@@ -1007,7 +1006,7 @@ var U = class extends e {
   `;
 	}
 	getDateX(e) {
-		return N(e, this.option.calendar.start, this.option.calendar.pxPerDay, this.option.calendar.pxPerMonth);
+		return M(e, this.option.calendar.start, this.option.calendar.pxPerDay, this.option.calendar.pxPerMonth);
 	}
 	formatTime(e) {
 		return `${e.getHours().toString().padStart(2, "0")}:${e.getMinutes().toString().padStart(2, "0")}`;
@@ -1031,7 +1030,7 @@ var U = class extends e {
 		}), r;
 	}
 	render() {
-		let e = I(this.theme, this.option.customTheme), t = this.option.calendar.start.getTime(), r = this.option.calendar.end.getTime(), i = this.option.calendar.pxPerDay, a = this.option.calendar.pxPerMonth, o = this.option.calendar.weekStartDay ?? 1, s = !this._cachedDays || t !== this._cachedStartTime || r !== this._cachedEndTime, c = i !== this._cachedPxPerDay || a !== this._cachedPxPerMonth;
+		let e = F(this.theme, this.option.customTheme), t = this.option.calendar.start.getTime(), r = this.option.calendar.end.getTime(), i = this.option.calendar.pxPerDay, a = this.option.calendar.pxPerMonth, o = this.option.calendar.weekStartDay ?? 1, s = !this._cachedDays || t !== this._cachedStartTime || r !== this._cachedEndTime, c = i !== this._cachedPxPerDay || a !== this._cachedPxPerMonth;
 		if (s) {
 			this._cachedStartTime = t, this._cachedEndTime = r, this._cachedPxPerDay = i, this._cachedPxPerMonth = a;
 			let e = Array.from({ length: Math.ceil(this.totalDays) }, (e, t) => {
@@ -1142,7 +1141,7 @@ var U = class extends e {
                   style="background: ${e.bg}; border-bottom: 1px solid ${e.border}; position: relative;"
                 >
                   ${d.map((e) => {
-				let r = (this.option.locale ?? A).monthRowFormat, i = l(new Date(e.year, e.month)).format(r), a = e.width ?? e.count * this.option.calendar.pxPerDay;
+				let r = (this.option.locale ?? k).monthRowFormat, i = l(new Date(e.year, e.month)).format(r), a = e.width ?? e.count * this.option.calendar.pxPerDay;
 				return n`<div
                       class="week-cell"
                       style="width: ${a}px; text-align: ${t}; padding: 0 2px;"
@@ -1158,7 +1157,7 @@ var U = class extends e {
 		})() : ""}
         ${this.option.calendar.showMonths !== !1 && !this.option.calendar.showMonthsRow ? n`<div class="months-container" style="position: relative;">
               ${d.map((e) => {
-			let t = this.option.calendar.monthFormat || (this.option.locale ?? A).monthFormat, r = l(new Date(e.year, e.month)).format(t), i = e.width ?? e.count * this.option.calendar.pxPerDay;
+			let t = this.option.calendar.monthFormat || (this.option.locale ?? k).monthFormat, r = l(new Date(e.year, e.month)).format(t), i = e.width ?? e.count * this.option.calendar.pxPerDay;
 			return n`<div
                   class="month-cell"
                   style="width: ${i}px;"
@@ -1194,7 +1193,7 @@ var U = class extends e {
 		})() : ""}
         ${this.option.calendar.showDays === !1 ? "" : n`<div class="days-container" style="${this.option.calendar.showTime ? "" : p}">
               ${this.option.calendar.showTime ? C.map((t, r) => {
-			let i = L(t.date, e, this.option.calendar.isHoliday), a = r === C.length - 1, o = e.showTimeDateLine ?? e.monthGridLine ?? e.border, s = (this.option.locale ?? A).timeUnitDateFormat(t.date), c = this.option.calendar.isHoliday ? this.option.calendar.isHoliday(t.date) : !1;
+			let i = I(t.date, e, this.option.calendar.isHoliday), a = r === C.length - 1, o = e.showTimeDateLine ?? e.monthGridLine ?? e.border, s = (this.option.locale ?? k).timeUnitDateFormat(t.date), c = this.option.calendar.isHoliday ? this.option.calendar.isHoliday(t.date) : !1;
 			return n`
                       <div
                         class="day-cell"
@@ -1212,7 +1211,7 @@ var U = class extends e {
 		}) : u.map((t, r) => {
 			let i = this.option.calendar.pxPerDay;
 			r + 1 > this.totalDays && (i = (this.totalDays - r) * this.option.calendar.pxPerDay);
-			let a = L(t, e, this.option.calendar.isHoliday), o = String(t.getDate()), s = this.option.calendar.isHoliday ? this.option.calendar.isHoliday(t) : !1;
+			let a = I(t, e, this.option.calendar.isHoliday), o = String(t.getDate()), s = this.option.calendar.isHoliday ? this.option.calendar.isHoliday(t) : !1;
 			return n`
                       <div
                         class="day-cell"
@@ -1323,15 +1322,15 @@ var U = class extends e {
     `;
 	}
 };
-V([s({ type: Object })], U.prototype, "option", void 0), V([s({ type: String })], U.prototype, "theme", void 0), V([s({ type: Object })], U.prototype, "currentTime", void 0), V([s({ type: String })], U.prototype, "hoveredMilestoneId", void 0), V([s({ attribute: !1 })], U.prototype, "cornerContent", void 0), V([s({ attribute: !1 })], U.prototype, "calendarMonthContent", void 0), V([s({ attribute: !1 })], U.prototype, "calendarDayContent", void 0), V([s({ attribute: !1 })], U.prototype, "calendarWeekContent", void 0), V([s({ attribute: !1 })], U.prototype, "calendarHourContent", void 0), U = V([o("gantt-calendar")], U);
+B([s({ type: Object })], H.prototype, "option", void 0), B([s({ type: String })], H.prototype, "theme", void 0), B([s({ type: Object })], H.prototype, "currentTime", void 0), B([s({ type: String })], H.prototype, "hoveredMilestoneId", void 0), B([s({ attribute: !1 })], H.prototype, "cornerContent", void 0), B([s({ attribute: !1 })], H.prototype, "calendarMonthContent", void 0), B([s({ attribute: !1 })], H.prototype, "calendarDayContent", void 0), B([s({ attribute: !1 })], H.prototype, "calendarWeekContent", void 0), B([s({ attribute: !1 })], H.prototype, "calendarHourContent", void 0), H = B([o("gantt-calendar")], H);
 //#endregion
 //#region src/components/gantt-row-background.ts
-var W = class extends e {
+var U = class extends e {
 	constructor(...e) {
 		super(...e), this.theme = "light", this.rowId = "", this._cachedCells = null, this._cachedCellsStartTime = 0, this._cachedCellsEndTime = 0, this._cachedCellsPxPerDay = 0, this._cachedCellsPxPerMonth = void 0, this._cachedCellsTheme = "";
 	}
 	get totalDays() {
-		return R(this.option.calendar.start, this.option.calendar.end);
+		return L(this.option.calendar.start, this.option.calendar.end);
 	}
 	static {
 		this.styles = t`
@@ -1354,16 +1353,16 @@ var W = class extends e {
   `;
 	}
 	render() {
-		let e = I(this.theme, this.option.customTheme), t = this.option.calendar.start.getTime(), r = this.option.calendar.end.getTime(), i = this.option.calendar.pxPerDay ?? 50, a = this.option.calendar.pxPerMonth;
+		let e = F(this.theme, this.option.customTheme), t = this.option.calendar.start.getTime(), r = this.option.calendar.end.getTime(), i = this.option.calendar.pxPerDay ?? 50, a = this.option.calendar.pxPerMonth;
 		(!this._cachedCells || t !== this._cachedCellsStartTime || r !== this._cachedCellsEndTime || i !== this._cachedCellsPxPerDay || a !== this._cachedCellsPxPerMonth || this.theme !== this._cachedCellsTheme) && (this._cachedCellsStartTime = t, this._cachedCellsEndTime = r, this._cachedCellsPxPerDay = i, this._cachedCellsPxPerMonth = a, this._cachedCellsTheme = this.theme, this._cachedCells = Array.from({ length: Math.ceil(this.totalDays) }, (e, t) => {
 			let n = new Date(this.option.calendar.start);
 			return n.setDate(n.getDate() + t), n;
 		}).map((t) => {
-			let n = L(t, e, this.option.calendar.isHoliday), r = new Date(t);
+			let n = I(t, e, this.option.calendar.isHoliday), r = new Date(t);
 			r.setDate(t.getDate() + 1);
-			let o = N(t, this.option.calendar.start, i, a);
+			let o = M(t, this.option.calendar.start, i, a);
 			return {
-				width: N(r, this.option.calendar.start, i, a) - o,
+				width: M(r, this.option.calendar.start, i, a) - o,
 				color: n,
 				date: t
 			};
@@ -1397,15 +1396,15 @@ var W = class extends e {
     `;
 	}
 };
-V([s({ type: Object })], W.prototype, "option", void 0), V([s({ type: String })], W.prototype, "theme", void 0), V([s({ type: String })], W.prototype, "rowId", void 0), W = V([o("gantt-row-background")], W);
+B([s({ type: Object })], U.prototype, "option", void 0), B([s({ type: String })], U.prototype, "theme", void 0), B([s({ type: String })], U.prototype, "rowId", void 0), U = B([o("gantt-row-background")], U);
 //#endregion
 //#region src/components/gantt-row.ts
-var G = class extends e {
+var W = class extends e {
 	constructor(...e) {
 		super(...e), this.isDragTarget = !1, this.draggingTask = null, this.draggingTaskIds = [], this.multiDragDx = 0, this.externalDragTask = null, this.theme = "light", this.isSelected = !1, this.dropPosition = null, this.selectedTaskIds = [], this.focusedTaskId = null, this.isExporting = !1, this._cachedMonthGridLines = null, this._cachedMonthGridStartTime = 0, this._cachedMonthGridEndTime = 0, this._cachedMonthGridPxPerDay = 0, this._cachedMonthGridPxPerMonth = 0;
 	}
 	getDateX(e) {
-		return N(e, this.option.calendar.start, this.option.calendar.pxPerDay, this.option.calendar.pxPerMonth);
+		return M(e, this.option.calendar.start, this.option.calendar.pxPerDay, this.option.calendar.pxPerMonth);
 	}
 	getMarkerPath(e, t) {
 		let n = t / 2;
@@ -1503,7 +1502,7 @@ var G = class extends e {
 			composed: !0
 		})), e.dataTransfer) {
 			e.dataTransfer.setData("text/plain", this.row.id), e.dataTransfer.effectAllowed = "move";
-			let t = I(this.theme, this.option.customTheme), n = document.createElement("div");
+			let t = F(this.theme, this.option.customTheme), n = document.createElement("div");
 			n.style.position = "absolute", n.style.top = "-1000px", n.style.left = "-1000px", n.style.display = "flex", n.style.flexDirection = "column", n.style.zIndex = "9999", n.style.width = "fit-content", n.style.boxShadow = "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)", n.style.border = `1px solid ${t.border}`, n.style.borderRadius = "4px", n.style.overflow = "hidden";
 			let r = [];
 			if (this.isSelected) {
@@ -1566,7 +1565,7 @@ var G = class extends e {
 		t && r(this.option.customRendering?.rowHeaderContent ? this.option.customRendering.rowHeaderContent(this.row) : this.row.name, t);
 	}
 	render() {
-		let e = I(this.theme, this.option.customTheme), t = [...this.row.tasks];
+		let e = F(this.theme, this.option.customTheme), t = [...this.row.tasks];
 		if (this.externalDragTask) {
 			let e = {
 				...this.externalDragTask.task,
@@ -1586,7 +1585,7 @@ var G = class extends e {
 				resizable: !1,
 				style: `${a.style || ""}; opacity: 0.5;`
 			});
-			let n = F(e);
+			let n = P(e);
 			r = n.tasksWithLanes, i = n.laneCount;
 			let o = r.find((e) => e.id === `${a.id}-static`);
 			o && r.push({
@@ -1594,7 +1593,7 @@ var G = class extends e {
 				lane: o.lane
 			});
 		} else {
-			let e = F(t);
+			let e = P(t);
 			r = e.tasksWithLanes, i = e.laneCount;
 		}
 		let o = this.option.bar?.height ?? 28, s = this.option.bar?.margin ?? 4, c = i * (o + s) + s;
@@ -1781,16 +1780,16 @@ var G = class extends e {
     `;
 	}
 };
-V([s({ type: Object })], G.prototype, "row", void 0), V([s({ type: Object })], G.prototype, "option", void 0), V([s({ type: Boolean })], G.prototype, "isDragTarget", void 0), V([s({ type: Object })], G.prototype, "draggingTask", void 0), V([s({ type: Array })], G.prototype, "draggingTaskIds", void 0), V([s({ type: Number })], G.prototype, "multiDragDx", void 0), V([s({ type: Object })], G.prototype, "externalDragTask", void 0), V([s({ type: String })], G.prototype, "theme", void 0), V([s({
+B([s({ type: Object })], W.prototype, "row", void 0), B([s({ type: Object })], W.prototype, "option", void 0), B([s({ type: Boolean })], W.prototype, "isDragTarget", void 0), B([s({ type: Object })], W.prototype, "draggingTask", void 0), B([s({ type: Array })], W.prototype, "draggingTaskIds", void 0), B([s({ type: Number })], W.prototype, "multiDragDx", void 0), B([s({ type: Object })], W.prototype, "externalDragTask", void 0), B([s({ type: String })], W.prototype, "theme", void 0), B([s({
 	type: Boolean,
 	reflect: !0
-})], G.prototype, "isSelected", void 0), V([s({ type: String })], G.prototype, "dropPosition", void 0), V([s({ type: Array })], G.prototype, "selectedTaskIds", void 0), V([s({ type: String })], G.prototype, "focusedTaskId", void 0), V([s({
+})], W.prototype, "isSelected", void 0), B([s({ type: String })], W.prototype, "dropPosition", void 0), B([s({ type: Array })], W.prototype, "selectedTaskIds", void 0), B([s({ type: String })], W.prototype, "focusedTaskId", void 0), B([s({
 	type: Boolean,
 	reflect: !0
-})], G.prototype, "isExporting", void 0), G = V([o("gantt-row")], G);
+})], W.prototype, "isExporting", void 0), W = B([o("gantt-row")], W);
 //#endregion
 //#region src/components/gantt-chart-dependency-path.ts
-function K(e, t, n, r, i, a, o, s) {
+function G(e, t, n, r, i, a, o, s) {
 	let c = (n) => {
 		if (Math.abs(t - r) < 1) return `M ${e} ${t} L ${n} ${r}`;
 		if (e < n) {
@@ -1826,7 +1825,7 @@ function K(e, t, n, r, i, a, o, s) {
 }
 //#endregion
 //#region src/components/gantt-chart-styles.ts
-var q = t`
+var K = t`
   :host {
     display: block;
     width: 100%;
@@ -1963,8 +1962,8 @@ var q = t`
     z-index: 58;
   }
 `;
-function J(e, t) {
-	let n = I(e, t);
+function q(e, t) {
+	let n = F(e, t);
 	return `
     :host {
       background: ${n.bg};
@@ -2012,14 +2011,12 @@ function J(e, t) {
 }
 //#endregion
 //#region src/components/gantt-chart-export.ts
-function Y(e, t) {
+function J(e, t) {
 	let n = document.createElement("a");
 	n.href = e, n.download = t, n.click();
 }
-async function X(e, t = "png", n = {}) {
-	let { filename: r = "gantt-chart", download: i = !1, scale: a = 2, splitHeight: o } = n, s = e.shadowRoot?.querySelector(".scroll-container"), c = s ? s.scrollWidth : e.scrollWidth, l = s ? s.scrollHeight : e.scrollHeight;
-	console.log("[export] splitHeight:", o, "scrollHeight:", l);
-	let u = await p(e, {
+async function Y(e, t = "png", n = {}) {
+	let { filename: r = "gantt-chart", download: i = !1, scale: a = 2, splitHeight: o } = n, s = e.shadowRoot?.querySelector(".scroll-container"), c = s ? s.scrollWidth : e.scrollWidth, l = s ? s.scrollHeight : e.scrollHeight, u = await f(e, {
 		backgroundColor: "#ffffff",
 		scale: a,
 		width: c,
@@ -2029,7 +2026,7 @@ async function X(e, t = "png", n = {}) {
 	});
 	if (o && l > o) {
 		let t = 50, n = e.shadowRoot?.querySelector("gantt-calendar");
-		n && n.offsetHeight > 0 ? t = n.offsetHeight : e.calendarHeight && (t = e.calendarHeight), console.log("[export] Splitting Canvas. calendarHeight:", t);
+		n && n.offsetHeight > 0 ? t = n.offsetHeight : e.calendarHeight && (t = e.calendarHeight);
 		let r = u.height / l, i = Math.floor(o * r), a = Math.floor(t * r), s = u.height, c = u.width, d = s - a, f = i - a;
 		if (f > 0) {
 			let e = Math.ceil(d / f), t = s + (e - 1) * a, n = document.createElement("canvas");
@@ -2043,12 +2040,12 @@ async function X(e, t = "png", n = {}) {
 					let e = s - d, t = Math.min(f, e);
 					o.drawImage(u, 0, d, c, t, 0, p, c, t), d += t, p += t;
 				}
-				u = n, l = t / r, console.log("[export] Split complete. new scrollHeight:", l);
+				u = n, l = t / r;
 			} else console.warn("[export] Failed to get 2D context for new canvas. It might be too large.");
 		}
 	}
 	if (t === "pdf") {
-		let e = u.toDataURL("image/jpeg", .9), t = new m({
+		let e = u.toDataURL("image/jpeg", .9), t = new p({
 			orientation: c > l ? "l" : "p",
 			unit: "px",
 			format: [c, l],
@@ -2057,12 +2054,12 @@ async function X(e, t = "png", n = {}) {
 		return t.addImage(e, "JPEG", 0, 0, c, l, void 0, "FAST"), i && t.save(`${r}.pdf`), t.output("blob");
 	} else {
 		let e = u.toDataURL("image/png");
-		return i && Y(e, `${r}.png`), e;
+		return i && J(e, `${r}.png`), e;
 	}
 }
 //#endregion
 //#region src/components/gantt-chart.ts
-var Z = class extends e {
+var X = class extends e {
 	constructor(...e) {
 		super(...e), this.rows = [], this.theme = "light", this.selectedRowIds = [], this.selectedTaskIds = [], this.externalDraggingTask = null, this.selectedRows = /* @__PURE__ */ new Set(), this.selectedTasks = /* @__PURE__ */ new Set(), this.lastClickedRowId = null, this.virtualScrollTop = 0, this.dragTargetRowIndex = null, this.draggingTask = null, this.draggingTaskIds = [], this.multiDragDx = 0, this.viewportHeight = 400, this.dragOverlayInfo = null, this.calendarHeight = 0, this.tooltip = null, this.dragOverRowId = null, this.dragOverPosition = null, this.currentTime = /* @__PURE__ */ new Date(), this.dragPreview = null, this.currentRowHeaderWidth = 150, this.isResizingHeader = !1, this.hoveredMilestoneId = null, this.cursorLineX = null, this.connectorDrag = null, this._systemThemeMediaQuery = null, this.isExporting = !1, this.focusedTaskId = null, this.focusedRowId = null, this._layoutCache = null, this.resizeObserver = null, this._cachedSelectedTaskIds = [], this._cachedSelectedTasksSize = -1, this._cachedCurrentOption = null, this._lastOptionRef = null, this._lastLabelWidth = -1, this.handleSystemThemeChange = (e) => {
 			(this.option?.theme === "system" || this.option?.theme !== "light" && this.option?.theme !== "dark") && (this.theme = e.matches ? "dark" : "light");
@@ -2072,7 +2069,7 @@ var Z = class extends e {
 				...this.tooltip,
 				visible: !1
 			};
-		}, this.updateScrollTop = f((e) => {
+		}, this.updateScrollTop = d((e) => {
 			this.virtualScrollTop = e;
 		}, 100), this.handleContainerMouseMove = (e) => {
 			if (!this.option.calendar.showCursorLine) return;
@@ -2137,7 +2134,7 @@ var Z = class extends e {
 		return this.option.showHiddenRows ? this.rows : this.rows.filter((e) => e.visible !== !1);
 	}
 	static {
-		this.styles = q;
+		this.styles = K;
 	}
 	firstUpdated() {
 		this.setupCurrentTimeTimer();
@@ -2168,9 +2165,9 @@ var Z = class extends e {
 			let e = this.shadowRoot?.querySelector(".tooltip");
 			if (e) {
 				let t = this.option.customRendering?.tooltip ? this.option.customRendering.tooltip(this.tooltip.task) : void 0;
-				if (t) r(typeof t == "string" ? d(t) : t, e);
+				if (t) typeof t == "string" ? e.textContent = t : r(t, e);
 				else {
-					let t = this.option.locale ?? A, i = !!this.option.calendar.pxPerMonth, a = Math.round((this.tooltip.task.end.getTime() - this.tooltip.task.start.getTime()) / (1e3 * 60 * 60 * 24));
+					let t = this.option.locale ?? k, i = !!this.option.calendar.pxPerMonth, a = Math.round((this.tooltip.task.end.getTime() - this.tooltip.task.start.getTime()) / (1e3 * 60 * 60 * 24));
 					if (i) {
 						let i = new Date(this.tooltip.task.end);
 						i.setMonth(i.getMonth() - 1), r(n`
@@ -2193,31 +2190,33 @@ var Z = class extends e {
 	}
 	updateDragOverlay() {
 		if (!this.dragOverlayInfo || this.option.showDragInfoOverlay === !1) return;
-		let e = I(this.theme, this.option.customTheme), t = this.shadowRoot?.querySelector(".drag-info-overlay");
+		let e = F(this.theme, this.option.customTheme), t = this.shadowRoot?.querySelector(".drag-info-overlay");
 		if (!t) return;
-		t.classList.toggle("visible", this.dragOverlayInfo.visible), t.innerHTML = "";
-		let { targetRow: n } = this.dragOverlayInfo, i = this.option.customRendering?.dragInfo ? this.option.customRendering.dragInfo({
+		t.classList.toggle("visible", this.dragOverlayInfo.visible);
+		let { targetRow: i } = this.dragOverlayInfo, a = this.option.customRendering?.dragInfo ? this.option.customRendering.dragInfo({
 			id: this.dragOverlayInfo.id,
 			name: this.dragOverlayInfo.name,
 			start: this.dragOverlayInfo.start,
 			end: this.dragOverlayInfo.end
-		}, this.dragOverlayInfo.currentStart, this.dragOverlayInfo.currentEnd, n) : void 0;
-		if (i && r(i, t), t.innerHTML === "") {
-			let r = this.option.locale ?? A, i = !!this.option.calendar.pxPerMonth, a, o;
-			if (i) {
+		}, this.dragOverlayInfo.currentStart, this.dragOverlayInfo.currentEnd, i) : void 0;
+		if (a) r(a, t);
+		else {
+			let a = this.option.locale ?? k, o = !!this.option.calendar.pxPerMonth, s, c;
+			if (o) {
 				let e = new Date(this.dragOverlayInfo.currentEnd);
-				e.setMonth(e.getMonth() - 1), a = r.yearMonthFormat(this.dragOverlayInfo.currentStart), o = r.yearMonthFormat(e);
-			} else a = r.dateTimeFormat(this.dragOverlayInfo.currentStart), o = r.dateTimeFormat(this.dragOverlayInfo.currentEnd);
-			t.innerHTML = `
+				e.setMonth(e.getMonth() - 1), s = a.yearMonthFormat(this.dragOverlayInfo.currentStart), c = a.yearMonthFormat(e);
+			} else s = a.dateTimeFormat(this.dragOverlayInfo.currentStart), c = a.dateTimeFormat(this.dragOverlayInfo.currentEnd);
+			r(n`
           <div style="font-weight: bold;">
-            ${this.dragOverlayInfo.name || r.dragOverlay.noTitle}
+            ${this.dragOverlayInfo.name || a.dragOverlay.noTitle}
           </div>
           <div class="drag-info-sub">
-            ${a} -
-            ${o}
-            (${z(this.dragOverlayInfo.currentStart, this.dragOverlayInfo.currentEnd, this.option.locale)})
+            ${s} -
+            ${c}
+            (${R(this.dragOverlayInfo.currentStart, this.dragOverlayInfo.currentEnd, this.option.locale)})
           </div>
-          ${n ? `<div class="drag-info-sub" style="margin-top: 4px; border-top: 1px solid ${e.dragOverlayDivider}; padding-top: 4px; width: 100%;">${(this.option.locale ?? A).dragOverlay.moveTo(n.name)}</div>` : ""}`;
+          ${i ? n`<div class="drag-info-sub" style="margin-top: 4px; border-top: 1px solid ${e.dragOverlayDivider}; padding-top: 4px; width: 100%;">${(this.option.locale ?? k).dragOverlay.moveTo(i.name)}</div>` : ""}
+        `, t);
 		}
 		if (this.dragOverlayInfo.clientY !== void 0) {
 			let e = this.dragOverlayInfo.clientX ?? 0, n = this.dragOverlayInfo.clientY, r = this.getBoundingClientRect();
@@ -2264,13 +2263,13 @@ var Z = class extends e {
 		r.addEventListener("pointermove", o), r.addEventListener("pointerup", s);
 	}
 	getDateX(e) {
-		return N(e, this.option.calendar.start, this.option.calendar.pxPerDay ?? 50, this.option.calendar.pxPerMonth);
+		return M(e, this.option.calendar.start, this.option.calendar.pxPerDay ?? 50, this.option.calendar.pxPerMonth);
 	}
 	calculateLayout() {
 		if (this._layoutCache) return this._layoutCache;
 		let e = 0, t = this.currentRowHeaderWidth, n = /* @__PURE__ */ new Map(), r = {
 			layouts: this.displayRows.map((r) => {
-				let { tasksWithLanes: i, laneCount: a } = F(r.tasks), o = this.option.bar?.height ?? 28, s = this.option.bar?.margin ?? 4;
+				let { tasksWithLanes: i, laneCount: a } = P(r.tasks), o = this.option.bar?.height ?? 28, s = this.option.bar?.margin ?? 4;
 				i.forEach((r) => {
 					let i = this.getDateX(r.start) + t, a = this.getDateX(r.end) + t - i, c = e + r.lane * (o + s) + s;
 					n.set(r.id, {
@@ -2302,7 +2301,7 @@ var Z = class extends e {
 		let l = n, u = r;
 		if (i !== void 0) {
 			let e = this.option.calendar.pxPerDay ?? 50, t = this.option.calendar.pxPerMonth, a = this.getDateX(n), o = this.getDateX(r);
-			l = P(a + i, this.option.calendar.start, e, t), u = P(o + i, this.option.calendar.start, e, t);
+			l = N(a + i, this.option.calendar.start, e, t), u = N(o + i, this.option.calendar.start, e, t);
 		}
 		(this.option.calendar.pxPerMonth || this.option.snapDuration && this.option.snapDuration >= 43200) && (l.getDate() > 15 && l.setMonth(l.getMonth() + 1), l.setDate(1), l.setHours(0, 0, 0, 0), u.getDate() > 15 && u.setMonth(u.getMonth() + 1), u.setDate(1), u.setHours(0, 0, 0, 0));
 		let d = -1, f, p = -1;
@@ -2312,7 +2311,7 @@ var Z = class extends e {
 		}), d === -1 || !f) return;
 		let { layouts: m } = this.calculateLayout(), h = this.displayRows.findIndex((e) => e.id === this.rows[d].id);
 		if (h === -1) return;
-		let g = m[h].top, { tasksWithLanes: _ } = F(this.rows[d].tasks), v = _.find((e) => e.id === t), y = v ? v.lane : 0, b = this.option.bar?.height ?? 28, x = this.option.bar?.margin ?? 4, S = g + (y * (b + x) + x) + s + b / 2, C = -1;
+		let g = m[h].top, { tasksWithLanes: _ } = P(this.rows[d].tasks), v = _.find((e) => e.id === t), y = v ? v.lane : 0, b = this.option.bar?.height ?? 28, x = this.option.bar?.margin ?? 4, S = g + (y * (b + x) + x) + s + b / 2, C = -1;
 		for (let e = 0; e < m.length; e++) {
 			let t = m[e];
 			if (S >= t.top && S < t.top + t.height) {
@@ -2347,7 +2346,7 @@ var Z = class extends e {
 			}
 			c ? this.dragOverlayInfo = {
 				id: t,
-				name: (this.option.locale ?? A).dragOverlay.movingTasks(this.selectedTasks.size),
+				name: (this.option.locale ?? k).dragOverlay.movingTasks(this.selectedTasks.size),
 				start: n,
 				end: r,
 				currentStart: l,
@@ -2387,7 +2386,7 @@ var Z = class extends e {
 				...n,
 				tasks: n.tasks.map((n) => {
 					if (!this.selectedTasks.has(n.id)) return n;
-					let r = this.getDateX(n.start), a = this.getDateX(n.end), o = P(r + i, this.option.calendar.start, e, t), s = P(a + i, this.option.calendar.start, e, t);
+					let r = this.getDateX(n.start), a = this.getDateX(n.end), o = N(r + i, this.option.calendar.start, e, t), s = N(a + i, this.option.calendar.start, e, t);
 					return (this.option.calendar.pxPerMonth || this.option.snapDuration && this.option.snapDuration >= 43200) && (o.getDate() > 15 && o.setMonth(o.getMonth() + 1), o.setDate(1), o.setHours(0, 0, 0, 0), s.getDate() > 15 && s.setMonth(s.getMonth() + 1), s.setDate(1), s.setHours(0, 0, 0, 0)), {
 						...n,
 						start: o,
@@ -2533,7 +2532,7 @@ var Z = class extends e {
 			let s = this.displayRows[o];
 			if (t) {
 				if ((this.dragOverRowId !== s.id || this.dragOverPosition !== null) && (this.dragOverRowId = s.id, this.dragOverPosition = null), this.externalDraggingTask) {
-					let t = this.currentRowHeaderWidth, i = n.scrollLeft, a = e.clientX - r.left + i - t, o = this.option.calendar.pxPerDay ?? 50, c = this.option.calendar.pxPerMonth, l = this.option.snapDuration ?? 1440, u = o / 1440 * l, d = P(Math.round(a / u) * u, this.option.calendar.start, o, c), f = this.externalDraggingTask.end.getTime() - this.externalDraggingTask.start.getTime(), p = new Date(d.getTime() + f);
+					let t = this.currentRowHeaderWidth, i = n.scrollLeft, a = e.clientX - r.left + i - t, o = this.option.calendar.pxPerDay ?? 50, c = this.option.calendar.pxPerMonth, l = this.option.snapDuration ?? 1440, u = o / 1440 * l, d = N(Math.round(a / u) * u, this.option.calendar.start, o, c), f = this.externalDraggingTask.end.getTime() - this.externalDraggingTask.start.getTime(), p = new Date(d.getTime() + f);
 					(!this.dragPreview || this.dragPreview.rowId !== s.id || this.dragPreview.currentStart.getTime() !== d.getTime()) && (this.dragPreview = {
 						task: this.externalDraggingTask,
 						currentStart: d,
@@ -2567,21 +2566,35 @@ var Z = class extends e {
 	}
 	handleExternalTaskDrop(e, t) {
 		try {
-			let n = JSON.parse(t), r = this.shadowRoot?.querySelector(".scroll-container");
-			if (!r) return;
-			let i = r.getBoundingClientRect(), a = r.scrollLeft, o = r.scrollTop, s = this.currentRowHeaderWidth, c = e.clientX - i.left + a - s, l = this.option.calendar.pxPerDay ?? 50, u = this.option.calendar.pxPerMonth, d = P(c, this.option.calendar.start, l, u), f = e.clientY - i.top + o - this.calendarHeight, { layouts: p } = this.calculateLayout(), m;
-			for (let e = 0; e < p.length; e++) {
-				let t = p[e];
-				if (f >= t.top && f < t.top + t.height) {
-					m = this.displayRows[e].id;
+			let n = JSON.parse(t);
+			if (!n || typeof n != "object" || typeof n.id != "string" || typeof n.name != "string" || !n.start || !n.end) {
+				console.warn("Invalid dropped task data: missing required fields (id, name, start, end)");
+				return;
+			}
+			let r = new Date(n.start), i = new Date(n.end);
+			if (isNaN(r.getTime()) || isNaN(i.getTime())) {
+				console.warn("Invalid dropped task data: start or end is not a valid date");
+				return;
+			}
+			let a = {
+				...n,
+				start: r,
+				end: i
+			}, o = this.shadowRoot?.querySelector(".scroll-container");
+			if (!o) return;
+			let s = o.getBoundingClientRect(), c = o.scrollLeft, l = o.scrollTop, u = this.currentRowHeaderWidth, d = e.clientX - s.left + c - u, f = this.option.calendar.pxPerDay ?? 50, p = this.option.calendar.pxPerMonth, m = N(d, this.option.calendar.start, f, p), h = e.clientY - s.top + l - this.calendarHeight, { layouts: g } = this.calculateLayout(), _;
+			for (let e = 0; e < g.length; e++) {
+				let t = g[e];
+				if (h >= t.top && h < t.top + t.height) {
+					_ = this.displayRows[e].id;
 					break;
 				}
 			}
-			m && this.dispatchEvent(new CustomEvent("task-drop", {
+			_ && this.dispatchEvent(new CustomEvent("task-drop", {
 				detail: {
-					task: n,
-					dropDate: d,
-					targetRowId: m
+					task: a,
+					dropDate: m,
+					targetRowId: _
 				},
 				bubbles: !0,
 				composed: !0
@@ -2632,7 +2645,7 @@ var Z = class extends e {
 			}
 		}
 		if (c) {
-			let t = e.clientX - n.left + r - a, i = this.option.calendar.pxPerDay ?? 50, o = this.option.calendar.pxPerMonth, s = P(t, this.option.calendar.start, i, o);
+			let t = e.clientX - n.left + r - a, i = this.option.calendar.pxPerDay ?? 50, o = this.option.calendar.pxPerMonth, s = N(t, this.option.calendar.start, i, o);
 			this.dispatchEvent(new CustomEvent("chart-contextmenu", {
 				detail: {
 					event: e,
@@ -2657,7 +2670,7 @@ var Z = class extends e {
 			}
 		}
 		if (!l) return null;
-		let u = e - r.left + i - o, d = this.option.calendar.pxPerDay ?? 50, f = this.option.calendar.pxPerMonth, p = P(u, this.option.calendar.start, d, f);
+		let u = e - r.left + i - o, d = this.option.calendar.pxPerDay ?? 50, f = this.option.calendar.pxPerMonth, p = N(u, this.option.calendar.start, d, f);
 		return {
 			rowId: l,
 			date: p
@@ -2666,7 +2679,7 @@ var Z = class extends e {
 	async exportImage(e = "png", t = {}) {
 		this.isExporting = !0, await this.updateComplete, await new Promise((e) => requestAnimationFrame(e));
 		try {
-			return await X(this, e, t);
+			return await Y(this, e, t);
 		} finally {
 			this.isExporting = !1, await this.updateComplete;
 		}
@@ -2923,7 +2936,7 @@ var Z = class extends e {
 		}
 	}
 	render() {
-		let e = I(this.theme, this.option.customTheme), { layouts: t, taskCoords: r, totalHeight: a } = this.calculateLayout(), o = this.currentRowHeaderWidth;
+		let e = F(this.theme, this.option.customTheme), { layouts: t, taskCoords: r, totalHeight: a } = this.calculateLayout(), o = this.currentRowHeaderWidth;
 		(this._lastOptionRef !== this.option || this._lastLabelWidth !== o) && (this._cachedCurrentOption = {
 			...this.option,
 			rowHeader: {
@@ -2949,7 +2962,7 @@ var Z = class extends e {
 				let r = a.x + a.width, o = a.y + a.height / 2, s = t.x, c = t.y + t.height / 2, l = r < s, u = y ? s - b : s, d = l ? Math.max(r, u) : u, f, p, m, h = this.option.bar?.height ?? 28, g = this.option.bar?.margin ?? 4;
 				if (Math.abs(o - c) < 1 && l) f = d > r ? `M ${r} ${o} L ${d} ${c}` : "", p = s > r ? `M ${r} ${o} L ${s} ${c}` : "";
 				else if (x === "orthogonal") {
-					let e = K(r, o, s, c, d, h, g, S);
+					let e = G(r, o, s, c, d, h, g, S);
 					f = e.pathD, p = e.hitPathD;
 				} else if (l) {
 					let e = (r + d) / 2;
@@ -2981,7 +2994,7 @@ var Z = class extends e {
 			}
 		}
 		return n`
-      <style>${J(this.theme, this.option.customTheme)}</style>
+      <style>${q(this.theme, this.option.customTheme)}</style>
       ${this.isExporting ? n`<style>:host { overflow: visible !important; height: ${this.calendarHeight + a + 2}px !important; width: max-content !important; min-width: auto !important; }</style>` : ""}
       <div
         class="scroll-container"
@@ -3155,9 +3168,9 @@ var Z = class extends e {
     `;
 	}
 };
-V([s({ type: Array })], Z.prototype, "rows", void 0), V([s({ type: Object })], Z.prototype, "option", void 0), V([s({
+B([s({ type: Array })], X.prototype, "rows", void 0), B([s({ type: Object })], X.prototype, "option", void 0), B([s({
 	type: String,
 	reflect: !0
-})], Z.prototype, "theme", void 0), V([s({ type: Array })], Z.prototype, "selectedRowIds", void 0), V([s({ type: Array })], Z.prototype, "selectedTaskIds", void 0), V([s({ attribute: !1 })], Z.prototype, "externalDraggingTask", void 0), V([c()], Z.prototype, "selectedRows", void 0), V([c()], Z.prototype, "selectedTasks", void 0), V([c()], Z.prototype, "lastClickedRowId", void 0), V([c()], Z.prototype, "virtualScrollTop", void 0), V([c()], Z.prototype, "dragTargetRowIndex", void 0), V([c()], Z.prototype, "draggingTask", void 0), V([c()], Z.prototype, "draggingTaskIds", void 0), V([c()], Z.prototype, "multiDragDx", void 0), V([c()], Z.prototype, "viewportHeight", void 0), V([c()], Z.prototype, "calendarHeight", void 0), V([c()], Z.prototype, "tooltip", void 0), V([c()], Z.prototype, "dragOverRowId", void 0), V([c()], Z.prototype, "dragOverPosition", void 0), V([c()], Z.prototype, "currentTime", void 0), V([c()], Z.prototype, "dragPreview", void 0), V([c()], Z.prototype, "currentRowHeaderWidth", void 0), V([c()], Z.prototype, "isResizingHeader", void 0), V([c()], Z.prototype, "hoveredMilestoneId", void 0), V([c()], Z.prototype, "cursorLineX", void 0), V([c()], Z.prototype, "connectorDrag", void 0), V([c()], Z.prototype, "isExporting", void 0), V([c()], Z.prototype, "focusedTaskId", void 0), V([c()], Z.prototype, "focusedRowId", void 0), Z = V([o("gantt-chart")], Z);
+})], X.prototype, "theme", void 0), B([s({ type: Array })], X.prototype, "selectedRowIds", void 0), B([s({ type: Array })], X.prototype, "selectedTaskIds", void 0), B([s({ attribute: !1 })], X.prototype, "externalDraggingTask", void 0), B([c()], X.prototype, "selectedRows", void 0), B([c()], X.prototype, "selectedTasks", void 0), B([c()], X.prototype, "lastClickedRowId", void 0), B([c()], X.prototype, "virtualScrollTop", void 0), B([c()], X.prototype, "dragTargetRowIndex", void 0), B([c()], X.prototype, "draggingTask", void 0), B([c()], X.prototype, "draggingTaskIds", void 0), B([c()], X.prototype, "multiDragDx", void 0), B([c()], X.prototype, "viewportHeight", void 0), B([c()], X.prototype, "calendarHeight", void 0), B([c()], X.prototype, "tooltip", void 0), B([c()], X.prototype, "dragOverRowId", void 0), B([c()], X.prototype, "dragOverPosition", void 0), B([c()], X.prototype, "currentTime", void 0), B([c()], X.prototype, "dragPreview", void 0), B([c()], X.prototype, "currentRowHeaderWidth", void 0), B([c()], X.prototype, "isResizingHeader", void 0), B([c()], X.prototype, "hoveredMilestoneId", void 0), B([c()], X.prototype, "cursorLineX", void 0), B([c()], X.prototype, "connectorDrag", void 0), B([c()], X.prototype, "isExporting", void 0), B([c()], X.prototype, "focusedTaskId", void 0), B([c()], X.prototype, "focusedRowId", void 0), X = B([o("gantt-chart")], X);
 //#endregion
-export { h as ALL_BAR_PATTERNS, H as GanttBarElement, U as GanttCalendarElement, Z as GanttChartElement, G as GanttRowElement, b as PATTERN_CHECKERBOARD, C as PATTERN_CIRCLE, T as PATTERN_DIAGONAL_GRID, g as PATTERN_DIAGONAL_STRIPE, _ as PATTERN_DIAGONAL_STRIPE_REVERSE, x as PATTERN_DOTS, O as PATTERN_DOTS_DENSE, w as PATTERN_GRID, y as PATTERN_HORIZONTAL_STRIPE, D as PATTERN_STRIPE_THICK, E as PATTERN_STRIPE_THIN, S as PATTERN_TRIANGLE, v as PATTERN_VERTICAL_STRIPE, j as enLocale, k as getPatternStyle, A as jaLocale };
+export { m as ALL_BAR_PATTERNS, V as GanttBarElement, H as GanttCalendarElement, X as GanttChartElement, W as GanttRowElement, y as PATTERN_CHECKERBOARD, S as PATTERN_CIRCLE, w as PATTERN_DIAGONAL_GRID, h as PATTERN_DIAGONAL_STRIPE, g as PATTERN_DIAGONAL_STRIPE_REVERSE, b as PATTERN_DOTS, D as PATTERN_DOTS_DENSE, C as PATTERN_GRID, v as PATTERN_HORIZONTAL_STRIPE, E as PATTERN_STRIPE_THICK, T as PATTERN_STRIPE_THIN, x as PATTERN_TRIANGLE, _ as PATTERN_VERTICAL_STRIPE, A as enLocale, O as getPatternStyle, k as jaLocale };