From a5a6df28d8bc42ee0b6e9cfe0058b36931eaeeeb Mon Sep 17 00:00:00 2001 From: Dan <49613644+Austral1a@users.noreply.github.com> Date: Thu, 13 Feb 2025 10:36:44 +0200 Subject: [PATCH] Feature/infoportal 9735 4 (#11) * INFOPORTAL-9735 dev: DR fixes. * INFOPORTAL-9735 dev: dr fixes; --- lib/vue-ganttastic.js | 566 +++++++++--------- lib/vue-ganttastic.umd.cjs | 557 ++++++++--------- .../GGanttLegendCollapsedView.vue | 5 + .../GGanttLegendNonCollapsedView.vue | 2 +- 4 files changed, 571 insertions(+), 559 deletions(-) diff --git a/lib/vue-ganttastic.js b/lib/vue-ganttastic.js index 1d0428a..1b615f1 100644 --- a/lib/vue-ganttastic.js +++ b/lib/vue-ganttastic.js @@ -888,7 +888,7 @@ const _a = { class: "g-gantt-legend" }, Ta = { class: "g-gantt-legend-collapse-c ])); } }); -const Aa = /* @__PURE__ */ wt(Sa, [["__scopeId", "data-v-c3aa7bff"]]), Ma = { class: "g-gantt-legend" }, Pa = { class: "g-gantt-legend-collapse-container" }, $a = { class: "g-gantt-legend-areas-list" }, Ba = { class: "g-gantt-legend-title" }, La = { class: "g-gantt-legend-area" }, Ra = { class: "g-gantt-legend-category-name" }, Ia = 6, ja = /* @__PURE__ */ ee({ +const Aa = /* @__PURE__ */ wt(Sa, [["__scopeId", "data-v-8009c547"]]), Ma = { class: "g-gantt-legend" }, Pa = { class: "g-gantt-legend-collapse-container" }, $a = { class: "g-gantt-legend-areas-list" }, Ba = { class: "g-gantt-legend-title" }, La = { class: "g-gantt-legend-area" }, Ra = { class: "g-gantt-legend-category-name" }, Ia = 6, ja = /* @__PURE__ */ ee({ __name: "GGanttLegendCollapsedView", props: { legend: {}, @@ -926,6 +926,7 @@ const Aa = /* @__PURE__ */ wt(Sa, [["__scopeId", "data-v-c3aa7bff"]]), Ma = { cl }, [ $("div", Ba, [ (S(), J(je(B(t)), { + class: "g-gantt-legend-area-icon", "size-s": "24", "size-m": "24", "size-l": "32", @@ -948,7 +949,7 @@ const Aa = /* @__PURE__ */ wt(Sa, [["__scopeId", "data-v-c3aa7bff"]]), Ma = { cl ])); } }); -const Ha = /* @__PURE__ */ wt(ja, [["__scopeId", "data-v-c907221b"]]), Ya = /* @__PURE__ */ ee({ +const Ha = /* @__PURE__ */ wt(ja, [["__scopeId", "data-v-31a73749"]]), Ya = /* @__PURE__ */ ee({ __name: "GGanttLegend", props: { legend: {} @@ -3712,6 +3713,44 @@ function xe(e, t = "top") { t === "top" && n.firstChild ? n.insertBefore(r, n.firstChild) : n.appendChild(r), r.appendChild(document.createTextNode(e)); } xe(` +.g-gantt-row { + height: 24px !important; +} +.g-gantt-row { + width: 100%; + transition: background 0.4s; + position: relative; +} +.g-gantt-row-label { + position: absolute; + top: 0; + left: 0; + padding: 0 8px; + display: flex; + align-items: center; + height: 60%; + min-height: 20px; + font-size: 0.8em; + font-weight: bold; + border-bottom-right-radius: 6px; + background: #f2f2f2; + z-index: 3; + box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.6); +} +.transition-group { + position: relative; +} +.bar-transition-leave-active, +.bar-transition-enter-active { + transition: all 0.2s; +} +.bar-transition-enter-from, +.bar-transition-leave-to { + transform: scale(0.8); + opacity: 0; +} +`, "top"); +xe(` .g-gantt-chart { position: relative; display: flex; @@ -3790,41 +3829,82 @@ xe(` } `, "top"); xe(` -.g-gantt-row { - height: 24px !important; +#tippy-1 { + top: auto; + top: initial; + right: auto; + right: initial; + bottom: auto; + bottom: initial; + left: auto; + left: initial; + transform: none; + transform: initial; } -.g-gantt-row { +.tippy-arrow { + display: inline-block; + width: 0; + height: 0; + border-left: 4px solid transparent; + border-right: 4px solid transparent; + border-bottom: 6px solid red; + margin-top: -35px; +} +.g-gantt-bar { + display: flex; + justify-content: center; + align-items: center; + background: cadetblue; + overflow: visible; + margin: 8px 0; + + border-radius: 4px 0 0 4px; +} +.g-gantt-bar-is-arrow { + height: 6px !important; +} +.g-gantt-bar-label { width: 100%; - transition: background 0.4s; - position: relative; + height: 100%; + box-sizing: border-box; + padding: 0 14px 0 14px; /* 14px is the width of the handle */ + display: flex; + justify-content: center; + align-items: center; } -.g-gantt-row-label { +.g-gantt-bar-label > * { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} +.g-gantt-bar-handle-left, +.g-gantt-bar-handle-right { position: absolute; + width: 10px; + height: 100%; + background: white; + opacity: 0.7; + border-radius: 0; + cursor: ew-resize; top: 0; +} +.g-gantt-bar-handle-left { left: 0; - padding: 0 8px; - display: flex; - align-items: center; - height: 60%; - min-height: 20px; - font-size: 0.8em; - font-weight: bold; - border-bottom-right-radius: 6px; - background: #f2f2f2; - z-index: 3; - box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.6); } -.transition-group { - position: relative; +.g-gantt-bar-handle-right { + right: 0; } -.bar-transition-leave-active, -.bar-transition-enter-active { - transition: all 0.2s; +.g-gantt-bar-label img { + pointer-events: none; } -.bar-transition-enter-from, -.bar-transition-leave-to { - transform: scale(0.8); - opacity: 0; +.g-gantt-bar-arrow { + position: absolute; + width: 6.5px; + right: -5px; + bottom: -6px; +} +.g-gantt-bar-arrow > path { + fill: var(--267f9539); } `, "top"); xe(` @@ -3871,6 +3951,23 @@ xe(` } `, "top"); xe(` +.g-grid-current-time { + position: absolute; + height: 100%; + display: flex; + z-index: 5; + pointer-events: none; +} +.g-grid-current-time-marker { + width: 0px; + height: calc(100% - 2px); + display: flex; +} +.g-grid-current-time-text { + font-size: x-small; +} +`, "top"); +xe(` .g-timeaxis { position: sticky; top: 0; @@ -3955,23 +4052,6 @@ xe(` } `, "top"); xe(` -.g-grid-current-time { - position: absolute; - height: 100%; - display: flex; - z-index: 5; - pointer-events: none; -} -.g-grid-current-time-marker { - width: 0px; - height: calc(100% - 2px); - display: flex; -} -.g-grid-current-time-text { - font-size: x-small; -} -`, "top"); -xe(` .g-grid-container[data-v-a719d7c7] { position: absolute; top: 0; @@ -3987,179 +4067,118 @@ xe(` } `, "top"); xe(` -#tippy-1 { - top: auto; - top: initial; - right: auto; - right: initial; - bottom: auto; - bottom: initial; - left: auto; - left: initial; - transform: none; - transform: initial; -} -.tippy-arrow { - display: inline-block; - width: 0; - height: 0; - border-left: 4px solid transparent; - border-right: 4px solid transparent; - border-bottom: 6px solid red; - margin-top: -35px; -} -.g-gantt-bar { +.g-gantt-tooltip[data-v-3a31d377] { display: flex; - justify-content: center; - align-items: center; - background: cadetblue; - overflow: visible; - margin: 8px 0; + align-items: flex-start; + + width: 224px; - border-radius: 4px 0 0 4px; -} -.g-gantt-bar-is-arrow { - height: 6px !important; -} -.g-gantt-bar-label { - width: 100%; - height: 100%; - box-sizing: border-box; - padding: 0 14px 0 14px; /* 14px is the width of the handle */ - display: flex; - justify-content: center; - align-items: center; -} -.g-gantt-bar-label > * { - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; -} -.g-gantt-bar-handle-left, -.g-gantt-bar-handle-right { - position: absolute; - width: 10px; - height: 100%; background: white; - opacity: 0.7; - border-radius: 0; - cursor: ew-resize; - top: 0; -} -.g-gantt-bar-handle-left { - left: 0; -} -.g-gantt-bar-handle-right { - right: 0; -} -.g-gantt-bar-label img { - pointer-events: none; -} -.g-gantt-bar-arrow { - position: absolute; - width: 6.5px; - right: -5px; - bottom: -6px; + color: #4c5356; + z-index: 4; + font-size: 0.85em; + padding-top: 8px; + padding-bottom: 12px; + border-radius: 3px; + font-feature-settings: "tnum"; + font-variant-numeric: tabular-nums; + + box-shadow: 0 2px 8px 0 rgba(0,0,0,0.2); } -.g-gantt-bar-arrow > path { - fill: var(--267f9539); +.g-gantt-tooltip[data-v-3a31d377]:hover { + cursor: var(--f7565ec2); } -`, "top"); -xe(` -.g-gantt-legend-collapse-container[data-v-c3aa7bff] { +.g-gantt-tooltip-category-container[data-v-3a31d377] { display: flex; align-items: center; - align-self: flex-end; - justify-content: flex-end; - - height: 62px; - margin-bottom: 14px; + margin-bottom: 8px; } -.g-gantt-legend-collapse[data-v-c3aa7bff] { +.g-gantt-tooltip-container[data-v-3a31d377] { + width: 100%; display: flex; - align-items: center; - align-self: baseline; - justify-content: flex-end; - - width: 48px; - height: 48px; + flex-direction: column; } -.g-gantt-legend-collapse[data-v-c3aa7bff]:hover { - cursor: pointer; +.g-gantt-tooltip-time[data-v-3a31d377] { + font-size: 12px; + font-weight: 400; + line-height: 15.6px; + + color: #4c5356; } -.g-gantt-legend-area-icon[data-v-c3aa7bff] { - margin: 0 8px 0 24px; +.g-gantt-tooltip-promotion-time-container[data-v-3a31d377] { + display: flex; + justify-content: space-between; + padding: 0 12px; } -.g-gantt-legend-area-icon > path[data-v-c3aa7bff] { - fill: #4c5356; +.g-gantt-tooltip-area[data-v-3a31d377] { + font-size: 12px; + font-weight: 400; + line-height: 15.6px; } -.g-gantt-legend-promotion[data-v-c3aa7bff] { - display: flex; - flex-direction: column; - gap: 4px; +.g-gantt-tooltip-category[data-v-3a31d377] { + font-size: 12px; + font-weight: 400; + line-height: 15.6px; } -.g-gantt-legend-areas-list[data-v-c3aa7bff] { +.g-gantt-tooltip-area-container[data-v-3a31d377] { display: flex; - flex-direction: column; + justify-content: space-between; + align-items: center; + padding: 0 12px; } -.g-gantt-legend-area-list[data-v-c3aa7bff] { - display: flex; - flex-direction: column; - gap: 6px; +.g-gantt-tooltip-promotion-title[data-v-3a31d377] { + font-size: 16px; + font-weight: 700; + line-height: 20.8px; + + color: #1b1e1f; + + padding: 0 12px 10px 12px; } -.g-gantt-legend-do-collapse[data-v-c3aa7bff] { - color: #008075; +.g-gantt-tooltip-color-line[data-v-3a31d377] { + height: 2px; } -.g-gantt-legend-category-color[data-v-c3aa7bff] { - width: 60px; - height: 6px; +.g-gantt-tooltip-color-line-left[data-v-3a31d377] { + min-width: 8px; + margin-right: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } -.g-gantt-legend[data-v-c3aa7bff] { - display: flex; - flex-direction: column; - - background-color: white; - min-width: 68px; +.g-gantt-tooltip-color-line-right[data-v-3a31d377] { + margin-left: 4px; + width: 100%; - box-shadow: 4px 0 8px 1px rgba(27,30,31,0.2); - z-index: 1; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; } @media (max-width: 1400px) { -.g-gantt-legend[data-v-c3aa7bff] { - min-width: 60px; -} -.g-gantt-legend-category-color[data-v-c3aa7bff] { - max-width: 52px; -} -.g-gantt-legend-collapse[data-v-c3aa7bff] { - width: 56px; - height: 48px; -} -} -@media (max-width: 700px) { -.g-gantt-legend[data-v-c3aa7bff] { - min-width: 56px; +.g-gantt-tooltip[data-v-3a31d377] { + width: 208px; + + padding-top: 6px; + padding-bottom: 8px; } -.g-gantt-legend-category-color[data-v-c3aa7bff] { - max-width: 44px; +.g-gantt-tooltip-color-line-left[data-v-3a31d377] { + min-width: 4px; } -.g-gantt-legend-area-icon[data-v-c3aa7bff] { - margin-left: 16px; +.g-gantt-tooltip-area-container[data-v-3a31d377], + .g-gantt-tooltip-promotion-title[data-v-3a31d377], + .g-gantt-tooltip-promotion-time-container[data-v-3a31d377] { + padding-left: 8px; + padding-right: 8px; } } `, "top"); xe(` -.g-gantt-legend-collapse-container[data-v-c907221b] { +.g-gantt-legend-collapse-container[data-v-31a73749] { display: flex; align-items: center; justify-content: flex-end; height: 64px; } -.g-gantt-legend-collapse[data-v-c907221b] { +.g-gantt-legend-collapse[data-v-31a73749] { display: flex; align-items: center; align-self: baseline; @@ -4168,52 +4187,52 @@ xe(` width: 48px; height: 48px; } -.g-gantt-legend-collapse[data-v-c907221b]:hover { +.g-gantt-legend-collapse[data-v-31a73749]:hover { cursor: pointer; } -.g-gantt-legend-title[data-v-c907221b] { +.g-gantt-legend-title[data-v-31a73749] { display: flex; align-items: center; gap: 12px; padding: 0 24px; } -.g-gantt-legend-area[data-v-c907221b] { +.g-gantt-legend-area[data-v-31a73749] { font-size: 16px; font-weight: 700; line-height: 24.8px; } -.g-gantt-legend-area-icon > path[data-v-c907221b] { +.g-gantt-legend-area-icon > path[data-v-31a73749] { fill: #4c5356; } -.g-gantt-legend-category-color[data-v-c907221b] { +.g-gantt-legend-category-color[data-v-31a73749] { width: 60px; height: 6px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } -.g-gantt-legend-promotion[data-v-c907221b] { +.g-gantt-legend-promotion[data-v-31a73749] { display: flex; align-items: center; gap: 8px; } -.g-gantt-legend-do-uncollapse[data-v-c907221b] { +.g-gantt-legend-do-uncollapse[data-v-31a73749] { color: #008075; } -.g-gantt-legend-area-list[data-v-c907221b] { +.g-gantt-legend-area-list[data-v-31a73749] { display: flex; flex-direction: column; gap: 6px; } -.g-gantt-legend-category-name[data-v-c907221b] { +.g-gantt-legend-category-name[data-v-31a73749] { font-size: 14px; font-weight: 400; line-height: 18.2px; color: #1b1e1f; } -.g-gantt-legend[data-v-c907221b] { +.g-gantt-legend[data-v-31a73749] { display: flex; flex-direction: column; @@ -4224,17 +4243,20 @@ xe(` z-index: 1; } +.g-gantt-legend-area-icon[data-v-31a73749] * { + fill: #4c5356; +} @media (max-width: 1400px) { -.g-gantt-legend-category-color[data-v-c907221b] { +.g-gantt-legend-category-color[data-v-31a73749] { max-width: 52px; } -.g-gantt-legend-category-name[data-v-c907221b] { +.g-gantt-legend-category-name[data-v-31a73749] { font-weight: 400; font-size: 12px; line-height: 15.6px; letter-spacing: 0; } -.g-gantt-legend-area[data-v-c907221b] { +.g-gantt-legend-area[data-v-31a73749] { font-weight: 700; font-size: 14px; line-height: 21.7px; @@ -4242,124 +4264,106 @@ xe(` } } @media (max-width: 700px) { -.g-gantt-legend-category-color[data-v-c907221b] { +.g-gantt-legend-category-color[data-v-31a73749] { max-width: 44px; } -.g-gantt-legend-title[data-v-c907221b] { +.g-gantt-legend-title[data-v-31a73749] { padding: 0 16px; } } `, "top"); xe(` -.g-gantt-grid-current-date[data-v-dd346c68] { - font-size: 12px; - font-weight: 400; - line-height: 15.6px; - text-align: center; -} -`, "top"); -xe(` -.g-gantt-tooltip[data-v-3a31d377] { +.g-gantt-legend-collapse-container[data-v-8009c547] { display: flex; - align-items: flex-start; - - width: 224px; - - background: white; - color: #4c5356; - z-index: 4; - font-size: 0.85em; - padding-top: 8px; - padding-bottom: 12px; - border-radius: 3px; - font-feature-settings: "tnum"; - font-variant-numeric: tabular-nums; + align-items: center; + align-self: flex-end; + justify-content: flex-end; - box-shadow: 0 2px 8px 0 rgba(0,0,0,0.2); -} -.g-gantt-tooltip[data-v-3a31d377]:hover { - cursor: var(--f7565ec2); + height: 62px; + margin-bottom: 14px; } -.g-gantt-tooltip-category-container[data-v-3a31d377] { +.g-gantt-legend-collapse[data-v-8009c547] { display: flex; align-items: center; - margin-bottom: 8px; -} -.g-gantt-tooltip-container[data-v-3a31d377] { - width: 100%; - display: flex; - flex-direction: column; -} -.g-gantt-tooltip-time[data-v-3a31d377] { - font-size: 12px; - font-weight: 400; - line-height: 15.6px; + align-self: baseline; + justify-content: flex-end; - color: #4c5356; + width: 48px; + height: 48px; } -.g-gantt-tooltip-promotion-time-container[data-v-3a31d377] { - display: flex; - justify-content: space-between; - padding: 0 12px; +.g-gantt-legend-collapse[data-v-8009c547]:hover { + cursor: pointer; } -.g-gantt-tooltip-area[data-v-3a31d377] { - font-size: 12px; - font-weight: 400; - line-height: 15.6px; +.g-gantt-legend-area-icon[data-v-8009c547] { + margin: 0 8px 0 24px; } -.g-gantt-tooltip-category[data-v-3a31d377] { - font-size: 12px; - font-weight: 400; - line-height: 15.6px; +.g-gantt-legend-area-icon[data-v-8009c547] > * { + fill: #4c5356; } -.g-gantt-tooltip-area-container[data-v-3a31d377] { +.g-gantt-legend-promotion[data-v-8009c547] { display: flex; - justify-content: space-between; - align-items: center; - padding: 0 12px; + flex-direction: column; + gap: 4px; } -.g-gantt-tooltip-promotion-title[data-v-3a31d377] { - font-size: 16px; - font-weight: 700; - line-height: 20.8px; - - color: #1b1e1f; - - padding: 0 12px 10px 12px; +.g-gantt-legend-areas-list[data-v-8009c547] { + display: flex; + flex-direction: column; } -.g-gantt-tooltip-color-line[data-v-3a31d377] { - height: 2px; +.g-gantt-legend-area-list[data-v-8009c547] { + display: flex; + flex-direction: column; + gap: 6px; } -.g-gantt-tooltip-color-line-left[data-v-3a31d377] { - min-width: 8px; - margin-right: 4px; +.g-gantt-legend-do-collapse[data-v-8009c547] { + color: #008075; +} +.g-gantt-legend-category-color[data-v-8009c547] { + width: 60px; + height: 6px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } -.g-gantt-tooltip-color-line-right[data-v-3a31d377] { - margin-left: 4px; - width: 100%; +.g-gantt-legend[data-v-8009c547] { + display: flex; + flex-direction: column; - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; + background-color: white; + min-width: 68px; + + box-shadow: 4px 0 8px 1px rgba(27,30,31,0.2); + z-index: 1; } @media (max-width: 1400px) { -.g-gantt-tooltip[data-v-3a31d377] { - width: 208px; - - padding-top: 6px; - padding-bottom: 8px; +.g-gantt-legend[data-v-8009c547] { + min-width: 60px; } -.g-gantt-tooltip-color-line-left[data-v-3a31d377] { - min-width: 4px; +.g-gantt-legend-category-color[data-v-8009c547] { + max-width: 52px; +} +.g-gantt-legend-collapse[data-v-8009c547] { + width: 56px; + height: 48px; } -.g-gantt-tooltip-area-container[data-v-3a31d377], - .g-gantt-tooltip-promotion-title[data-v-3a31d377], - .g-gantt-tooltip-promotion-time-container[data-v-3a31d377] { - padding-left: 8px; - padding-right: 8px; } +@media (max-width: 700px) { +.g-gantt-legend[data-v-8009c547] { + min-width: 56px; +} +.g-gantt-legend-category-color[data-v-8009c547] { + max-width: 44px; +} +.g-gantt-legend-area-icon[data-v-8009c547] { + margin-left: 16px; +} +} +`, "top"); +xe(` +.g-gantt-grid-current-date[data-v-dd346c68] { + font-size: 12px; + font-weight: 400; + line-height: 15.6px; + text-align: center; } `, "top"); export { diff --git a/lib/vue-ganttastic.umd.cjs b/lib/vue-ganttastic.umd.cjs index c892f3b..9b9713c 100644 --- a/lib/vue-ganttastic.umd.cjs +++ b/lib/vue-ganttastic.umd.cjs @@ -1,4 +1,4 @@ -(function(F,Oe){typeof exports=="object"&&typeof module<"u"?Oe(exports,require("dayjs"),require("vue")):typeof define=="function"&&define.amd?define(["exports","dayjs","vue"],Oe):(F=typeof globalThis<"u"?globalThis:F||self,Oe(F.VueGanttastic={},F.dayjs,F.Vue))})(this,function(F,Oe,n){"use strict";const G=(e=>e&&typeof e=="object"&&"default"in e?e:{default:e})(Oe);var Ee=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},jt={exports:{}};(function(e,t){(function(r,o){e.exports=o()})(Ee,function(){var r="day";return function(o,a,s){var l=function(u){return u.add(4-u.isoWeekday(),r)},c=a.prototype;c.isoWeekYear=function(){return l(this).year()},c.isoWeek=function(u){if(!this.$utils().u(u))return this.add(7*(u-this.isoWeek()),r);var f,y,b,C,O=l(this),m=(f=this.isoWeekYear(),y=this.$u,b=(y?s.utc:s)().year(f).startOf("year"),C=4-b.isoWeekday(),b.isoWeekday()>4&&(C+=7),b.add(C,r));return O.diff(m,"week")+1},c.isoWeekday=function(u){return this.$utils().u(u)?this.day()||7:this.day(this.day()%7?u:u-7)};var d=c.startOf;c.startOf=function(u,f){var y=this.$utils(),b=!!y.u(f)||f;return y.p(u)==="isoweek"?b?this.date(this.date()-(this.isoWeekday()-1)).startOf("day"):this.date(this.date()-1-(this.isoWeekday()-1)+7).endOf("day"):d.bind(this)(u,f)}}})})(jt);const tr=jt.exports;var It={exports:{}};(function(e,t){(function(r,o){e.exports=o()})(Ee,function(){return function(r,o){o.prototype.isSameOrBefore=function(a,s){return this.isSame(a,s)||this.isBefore(a,s)}}})})(It);const nr=It.exports;var zt={exports:{}};(function(e,t){(function(r,o){e.exports=o()})(Ee,function(){return function(r,o){o.prototype.isSameOrAfter=function(a,s){return this.isSame(a,s)||this.isAfter(a,s)}}})})(zt);const rr=zt.exports;var Ht={exports:{}};(function(e,t){(function(r,o){e.exports=o()})(Ee,function(){return function(r,o,a){o.prototype.isBetween=function(s,l,c,d){var u=a(s),f=a(l),y=(d=d||"()")[0]==="(",b=d[1]===")";return(y?this.isAfter(u,c):!this.isBefore(u,c))&&(b?this.isBefore(f,c):!this.isAfter(f,c))||(y?this.isBefore(u,c):!this.isAfter(u,c))&&(b?this.isAfter(f,c):!this.isBefore(f,c))}}})})(Ht);const Gt=Ht.exports;var Yt={exports:{}};(function(e,t){(function(r,o){e.exports=o()})(Ee,function(){var r="week",o="year";return function(a,s,l){var c=s.prototype;c.week=function(d){if(d===void 0&&(d=null),d!==null)return this.add(7*(d-this.week()),"day");var u=this.$locale().yearStart||1;if(this.month()===11&&this.date()>25){var f=l(this).startOf(o).add(1,o).date(u),y=l(this).endOf(r);if(f.isBefore(y))return 1}var b=l(this).startOf(o).date(u).startOf(r).subtract(1,"millisecond"),C=this.diff(b,r,!0);return C<0?l(this).startOf("week").week():Math.ceil(C)},c.weeks=function(d){return d===void 0&&(d=null),this.week(d)}}})})(Yt);const or=Yt.exports;var Ft={exports:{}};(function(e,t){(function(r,o){e.exports=o()})(Ee,function(){return function(r,o,a){var s=o.prototype,l=s.format;a.en.ordinal=function(c){var d=["th","st","nd","rd"],u=c%100;return"["+c+(d[(u-20)%10]||d[u]||d[0])+"]"},s.format=function(c){var d=this,u=this.$locale();if(!this.isValid())return l.bind(this)(c);var f=this.$utils(),y=(c||"YYYY-MM-DDTHH:mm:ssZ").replace(/\[([^\]]+)]|Q|wo|ww|w|WW|W|zzz|z|gggg|GGGG|Do|X|x|k{1,2}|S/g,function(b){switch(b){case"Q":return Math.ceil((d.$M+1)/3);case"Do":return u.ordinal(d.$D);case"gggg":return d.weekYear();case"GGGG":return d.isoWeekYear();case"wo":return u.ordinal(d.week(),"W");case"w":case"ww":return f.s(d.week(),b==="w"?1:2,"0");case"W":case"WW":return f.s(d.isoWeek(),b==="W"?1:2,"0");case"k":case"kk":return f.s(String(d.$H===0?24:d.$H),b==="k"?1:2,"0");case"X":return Math.floor(d.$d.getTime()/1e3);case"x":return d.$d.getTime();case"z":return"["+d.offsetName()+"]";case"zzz":return"["+d.offsetName("long")+"]";default:return b}});return l.bind(this)(y)}}})})(Ft);const ar=Ft.exports;var Ut={exports:{}};(function(e,t){(function(r,o){e.exports=o()})(Ee,function(){var r={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"},o=/(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|YYYY|YY?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g,a=/\d\d/,s=/\d\d?/,l=/\d*[^-_:/,()\s\d]+/,c={},d=function(m){return(m=+m)+(m>68?1900:2e3)},u=function(m){return function(E){this[m]=+E}},f=[/[+-]\d\d:?(\d\d)?|Z/,function(m){(this.zone||(this.zone={})).offset=function(E){if(!E||E==="Z")return 0;var p=E.match(/([+-]|\d\d)/g),k=60*p[1]+(+p[2]||0);return k===0?0:p[0]==="+"?-k:k}(m)}],y=function(m){var E=c[m];return E&&(E.indexOf?E:E.s.concat(E.f))},b=function(m,E){var p,k=c.meridiem;if(k){for(var x=1;x<=24;x+=1)if(m.indexOf(k(x,0,E))>-1){p=x>12;break}}else p=m===(E?"pm":"PM");return p},C={A:[l,function(m){this.afternoon=b(m,!1)}],a:[l,function(m){this.afternoon=b(m,!0)}],S:[/\d/,function(m){this.milliseconds=100*+m}],SS:[a,function(m){this.milliseconds=10*+m}],SSS:[/\d{3}/,function(m){this.milliseconds=+m}],s:[s,u("seconds")],ss:[s,u("seconds")],m:[s,u("minutes")],mm:[s,u("minutes")],H:[s,u("hours")],h:[s,u("hours")],HH:[s,u("hours")],hh:[s,u("hours")],D:[s,u("day")],DD:[a,u("day")],Do:[l,function(m){var E=c.ordinal,p=m.match(/\d+/);if(this.day=p[0],E)for(var k=1;k<=31;k+=1)E(k).replace(/\[|\]/g,"")===m&&(this.day=k)}],M:[s,u("month")],MM:[a,u("month")],MMM:[l,function(m){var E=y("months"),p=(y("monthsShort")||E.map(function(k){return k.slice(0,3)})).indexOf(m)+1;if(p<1)throw new Error;this.month=p%12||p}],MMMM:[l,function(m){var E=y("months").indexOf(m)+1;if(E<1)throw new Error;this.month=E%12||E}],Y:[/[+-]?\d+/,u("year")],YY:[a,function(m){this.year=d(m)}],YYYY:[/\d{4}/,u("year")],Z:f,ZZ:f};function O(m){var E,p;E=m,p=c&&c.formats;for(var k=(m=E.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g,function(M,P,S){var B=S&&S.toUpperCase();return P||p[S]||r[S]||p[B].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,function(R,L,j){return L||j.slice(1)})})).match(o),x=k.length,i=0;i-1)return new Date((I==="X"?1e3:1)*z);var H=O(I)(z),Y=H.year,ee=H.month,te=H.day,ge=H.hours,ie=H.minutes,X=H.seconds,se=H.milliseconds,me=H.zone,Q=new Date,pe=te||(Y||ee?1:Q.getDate()),ne=Y||Q.getFullYear(),le=0;Y&&!ee||(le=ee>0?ee-1:Q.getMonth());var we=ge||0,he=ie||0,xe=X||0,ke=se||0;return me?new Date(Date.UTC(ne,le,pe,we,he,xe,ke+60*me.offset*1e3)):N?new Date(Date.UTC(ne,le,pe,we,he,xe,ke)):new Date(ne,le,pe,we,he,xe,ke)}catch{return new Date("")}}(w,_,g),this.init(),B&&B!==!0&&(this.$L=this.locale(B).$L),S&&w!=this.format(_)&&(this.$d=new Date("")),c={}}else if(_ instanceof Array)for(var R=_.length,L=1;L<=R;L+=1){v[1]=_[L-1];var j=p.apply(this,v);if(j.isValid()){this.$d=j.$d,this.$L=j.$L,this.init();break}L===R&&(this.$d=new Date(""))}else x.call(this,i)}}})})(Ut);const ir=Ut.exports;var Wt;const ze=typeof window<"u";ze&&((Wt=window==null?void 0:window.navigator)==null?void 0:Wt.userAgent)&&/iP(ad|hone|od)/.test(window.navigator.userAgent);function sr(e){return typeof e=="function"?e():n.unref(e)}function lr(e){return e}function cr(e){return n.getCurrentScope()?(n.onScopeDispose(e),!0):!1}function dr(e,t=!0){n.getCurrentInstance()?n.onMounted(e):t?e():n.nextTick(e)}function qt(e){var t;const r=sr(e);return(t=r==null?void 0:r.$el)!=null?t:r}const fr=ze?window:void 0;ze&&window.document,ze&&window.navigator,ze&&window.location;function ur(e,t=!1){const r=n.ref(),o=()=>r.value=Boolean(e());return o(),dr(o,t),r}const vt=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},yt="__vueuse_ssr_handlers__";vt[yt]=vt[yt]||{},vt[yt];var Xt=Object.getOwnPropertySymbols,pr=Object.prototype.hasOwnProperty,gr=Object.prototype.propertyIsEnumerable,mr=(e,t)=>{var r={};for(var o in e)pr.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(e!=null&&Xt)for(var o of Xt(e))t.indexOf(o)<0&&gr.call(e,o)&&(r[o]=e[o]);return r};function hr(e,t,r={}){const o=r,{window:a=fr}=o,s=mr(o,["window"]);let l;const c=ur(()=>a&&"ResizeObserver"in a),d=()=>{l&&(l.disconnect(),l=void 0)},u=n.watch(()=>qt(e),y=>{d(),c.value&&a&&y&&(l=new ResizeObserver(t),l.observe(y,s))},{immediate:!0,flush:"post"}),f=()=>{d(),u()};return cr(f),{isSupported:c,stop:f}}function Qt(e,t={width:0,height:0},r={}){const o=n.ref(t.width),a=n.ref(t.height);return hr(e,([s])=>{o.value=s.contentRect.width,a.value=s.contentRect.height},r),n.watch(()=>qt(e),s=>{o.value=s?t.width:0,a.value=s?t.height:0}),{width:o,height:a}}var Kt;(function(e){e.UP="UP",e.RIGHT="RIGHT",e.DOWN="DOWN",e.LEFT="LEFT",e.NONE="NONE"})(Kt||(Kt={}));var vr=Object.defineProperty,Zt=Object.getOwnPropertySymbols,yr=Object.prototype.hasOwnProperty,br=Object.prototype.propertyIsEnumerable,Jt=(e,t,r)=>t in e?vr(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,wr=(e,t)=>{for(var r in t||(t={}))yr.call(t,r)&&Jt(e,r,t[r]);if(Zt)for(var r of Zt(t))br.call(t,r)&&Jt(e,r,t[r]);return e};wr({linear:lr},{easeInSine:[.12,0,.39,0],easeOutSine:[.61,1,.88,1],easeInOutSine:[.37,0,.63,1],easeInQuad:[.11,0,.5,0],easeOutQuad:[.5,1,.89,1],easeInOutQuad:[.45,0,.55,1],easeInCubic:[.32,0,.67,0],easeOutCubic:[.33,1,.68,1],easeInOutCubic:[.65,0,.35,1],easeInQuart:[.5,0,.75,0],easeOutQuart:[.25,1,.5,1],easeInOutQuart:[.76,0,.24,1],easeInQuint:[.64,0,.78,0],easeOutQuint:[.22,1,.36,1],easeInOutQuint:[.83,0,.17,1],easeInExpo:[.7,0,.84,0],easeOutExpo:[.16,1,.3,1],easeInOutExpo:[.87,0,.13,1],easeInCirc:[.55,0,1,.45],easeOutCirc:[0,.55,.45,1],easeInOutCirc:[.85,0,.15,1],easeInBack:[.36,0,.66,-.56],easeOutBack:[.34,1.56,.64,1],easeInOutBack:[.68,-.6,.32,1.6]});const en={default:{primary:"#eeeeee",secondary:"#E0E0E0",ternary:"#F5F5F5",quartenary:"#ededed",hoverHighlight:"rgba(204, 216, 219, 0.5)",markerCurrentTime:"#000",text:"#404040",background:"white"},creamy:{primary:"#ffe8d9",secondary:"#fcdcc5",ternary:"#fff6f0",quartenary:"#f7ece6",hoverHighlight:"rgba(230, 221, 202, 0.5)",markerCurrentTime:"#000",text:"#542d05",background:"white"},crimson:{primary:"#a82039",secondary:"#c41238",ternary:"#db4f56",quartenary:"#ce5f64",hoverHighlight:"rgba(196, 141, 141, 0.5)",markerCurrentTime:"#000",text:"white",background:"white"},dark:{primary:"#404040",secondary:"#303030",ternary:"#353535",quartenary:"#383838",hoverHighlight:"rgba(159, 160, 161, 0.5)",markerCurrentTime:"#fff",text:"white",background:"#525252",toast:"#1f1f1f"},flare:{primary:"#e08a38",secondary:"#e67912",ternary:"#5e5145",quartenary:"#665648",hoverHighlight:"rgba(196, 141, 141, 0.5)",markerCurrentTime:"#000",text:"white",background:"white"},fuchsia:{primary:"#de1d5a",secondary:"#b50b41",ternary:"#ff7da6",quartenary:"#f2799f",hoverHighlight:"rgba(196, 141, 141, 0.5)",markerCurrentTime:"#000",text:"white",background:"white"},grove:{primary:"#3d9960",secondary:"#288542",ternary:"#72b585",quartenary:"#65a577",hoverHighlight:"rgba(160, 219, 171, 0.5)",markerCurrentTime:"#000",text:"white",background:"white"},"material-blue":{primary:"#0D47A1",secondary:"#1565C0",ternary:"#42a5f5",quartenary:"#409fed",hoverHighlight:"rgba(110, 165, 196, 0.5)",markerCurrentTime:"#000",text:"white",background:"white"},sky:{primary:"#b5e3ff",secondary:"#a1d6f7",ternary:"#d6f7ff",quartenary:"#d0edf4",hoverHighlight:"rgba(193, 202, 214, 0.5)",markerCurrentTime:"#000",text:"#022c47",background:"white"},slumber:{primary:"#2a2f42",secondary:"#2f3447",ternary:"#35394d",quartenary:"#2c3044",hoverHighlight:"rgba(179, 162, 127, 0.5)",markerCurrentTime:"#fff",text:"#ffe0b3",background:"#38383b",toast:"#1f1f1f"},vue:{primary:"#258a5d",secondary:"#41B883",ternary:"#35495E",quartenary:"#2a3d51",hoverHighlight:"rgba(160, 219, 171, 0.5)",markerCurrentTime:"#000",text:"white",background:"white"}},tn=Symbol("CHART_ROWS_KEY"),nn=Symbol("CONFIG_KEY"),rn=Symbol("EMIT_BAR_EVENT_KEY"),on=Symbol("BAR_CONTAINER_KEY");function ye(){const e=n.inject(nn);if(!e)throw Error("Failed to inject config!");return e}const an="YYYY-MM-DD HH:mm";function bt(e=ye()){const{chartStart:t,chartEnd:r,barStart:o,barEnd:a,dateFormat:s}=e,l=n.computed(()=>d(t.value)),c=n.computed(()=>d(r.value)),d=(f,y)=>{let b;if(y!==void 0&&typeof f!="string"&&!(f instanceof Date)&&(b=y==="start"?f[o.value]:f[a.value]),typeof f=="string")b=f;else if(f instanceof Date)return G.default(f);const C=s.value||an;return G.default(b,C,!0)};return{chartStartDayjs:l,chartEndDayjs:c,toDayjs:d,format:(f,y)=>y===!1?f instanceof Date?f:G.default(f).toDate():(typeof f=="string"||f instanceof Date?d(f):f).format(y)}}const xr={class:"g-gantt-grid-current-date"},kr=n.defineComponent({__name:"GGanttGridCurrentDay",props:{parentWidth:{}},setup(e){const t=e,r=n.inject("iconComponent"),o=new Date,a=new Date(o.getFullYear(),0,1),s=n.computed(()=>Math.ceil((new Date(o.getTime()).valueOf()-a.valueOf())/864e5)),l=n.computed(()=>t.parentWidth/52/7),c=n.ref(s.value>=365-10),d=n.computed(()=>s.value>=365-10?0:l.value*s.value-33),u=n.computed(()=>s.value<10?0:l.value*s.value-33);return(f,y)=>(n.openBlock(),n.createElementBlock(n.Fragment,null,[n.createElementVNode("div",{style:n.normalizeStyle({position:"absolute",top:"-65px",zIndex:3,left:l.value*s.value-7.5+"px"})},[(n.openBlock(),n.createBlock(n.resolveDynamicComponent(n.unref(r)),{name:"marker-current-date",size:"16","size-s":"16",style:{color:"#C882BE"}}))],4),n.createElementVNode("div",{style:n.normalizeStyle({position:"absolute",top:"-52px",left:c.value?"unset":u.value+"px",right:c.value?d.value+"px":"unset",width:"68px",height:"20px",backgroundColor:"white",padding:"2px",borderRadius:"4px"})},[n.createElementVNode("p",xr,n.toDisplayString(n.unref(G.default)(new Date).format("DD.MM.YYYY")),1)],4),n.createElementVNode("div",{style:n.normalizeStyle({position:"absolute",width:"2px",height:"100%",left:l.value*s.value+"px",borderRight:"2px solid #C882BE",zIndex:3})},null,4)],64))}}),mi="",He=(e,t)=>{const r=e.__vccOpts||e;for(const[o,a]of t)r[o]=a;return r},Cr=He(kr,[["__scopeId","data-v-dd346c68"]]);function sn(){const{precision:e}=ye(),{chartStartDayjs:t,chartEndDayjs:r}=bt(),o=n.computed(()=>{switch(e==null?void 0:e.value){case"hour":return"day";case"day":return"month";case"date":case"week":return"month";case"month":return"year";default:throw new Error("Precision prop incorrect. Must be one of the following: 'hour', 'day', 'date', 'week', 'month'")}}),a=n.computed(()=>{switch(e.value){case"date":return"day";case"week":return"isoWeek";default:return e.value}}),s={hour:"HH",date:"DD.MMM",day:"DD.MMM",week:"W",month:"MMM",year:"YYYY"},l=n.computed(()=>{const c=[],d=[],u=r.value.diff(t.value,"minutes",!0),f=o.value,y=a.value;let b=t.value,C=t.value;for(;C.isSameOrBefore(r.value);){const O=C.endOf(y),E=O.isAfter(r.value)?r.value.diff(C,"minutes",!0)/u*100:O.diff(C,"minutes",!0)/u*100;d.push({label:C.format(s[e==null?void 0:e.value]),value:String(C),date:C.toDate(),width:String(E)+"%"}),C=O.add(1,y==="isoWeek"?"week":y).startOf(y)}for(;b.isSameOrBefore(r.value);){const O=b.endOf(f),E=O.isAfter(r.value)?r.value.diff(b,"minutes",!0)/u*100:O.diff(b,"minutes",!0)/u*100;c.push({label:b.format(s[f]),value:String(b),date:b.toDate(),width:String(E)+"%"}),b=O.add(1,f).startOf(f)}return{upperUnits:c,lowerUnits:d}});return l.value.lowerUnits[0].label==="53"&&l.value.lowerUnits.splice(0,1),l.value.lowerUnits[l.value.lowerUnits.length-1].label==="1"&&l.value.lowerUnits.splice(l.value.lowerUnits.length-1,1),l.value.lowerUnits[l.value.lowerUnits.length-1].label==="14"&&l.value.lowerUnits.splice(l.value.lowerUnits.length-1,1),{timeaxisUnits:l}}const Or=n.defineComponent({__name:"GGanttGridAreaDivider",props:{areaHeights:{}},setup(e){const{timeaxisUnits:t}=sn(),r=(a,s)=>s===t.value.lowerUnits.length-1?"unset":a&&Number(a)%13===0?"2px solid #a8adb3":"2px solid #f0f1f2",o=a=>{const s=+a>=14&&+a<=26,l=+a>=40&&+a<=52;return s||l?"#f7f8f9":"#ffffff"};return(a,s)=>(n.openBlock(),n.createElementBlock(n.Fragment,null,[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(a.areaHeights,l=>(n.openBlock(),n.createElementBlock("div",{key:l,style:n.normalizeStyle({position:"absolute",top:l+"px",zIndex:2,height:"6px",width:"100%",backgroundColor:"#DFE2E6"})},null,4))),128)),(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(n.unref(t).lowerUnits,({label:l,width:c},d)=>(n.openBlock(),n.createElementBlock("div",{key:l,style:n.normalizeStyle({width:c,borderRight:r(l,d),backgroundColor:o(l)}),class:"g-grid-line"},null,4))),128))],64))}}),Er=n.defineComponent({__name:"GGanttGrid",props:{highlightedUnits:{}},setup(e){const t=n.ref(null),{width:r}=Qt(t),o=n.ref([]);return n.onMounted(()=>{n.nextTick(()=>{Object.values(document.querySelector(".g-gantt-rows-list").children).forEach(s=>{o.value.push(s.clientHeight)}),o.value.pop()})}),(a,s)=>(n.openBlock(),n.createElementBlock("div",{ref_key:"gridContainer",ref:t,class:"g-grid-container"},[n.createVNode(Cr,{"parent-width":n.unref(r)},null,8,["parent-width"]),n.createVNode(Or,{"area-heights":o.value},null,8,["area-heights"])],512))}}),hi="",ln=He(Er,[["__scopeId","data-v-a719d7c7"]]);function _r(){const e=n.inject(tn);if(!e)throw Error("Failed to inject getChartRows!");return e}const Tr={class:"g-label-column-rows"},Dr=n.defineComponent({__name:"GGanttLabelColumn",setup(e){const{font:t,colors:r,labelColumnTitle:o,rowHeight:a}=ye(),s=_r();return(l,c)=>(n.openBlock(),n.createElementBlock("div",{class:"g-label-column",style:n.normalizeStyle({fontFamily:n.unref(t),color:n.unref(r).text})},[n.renderSlot(l.$slots,"label-column-title",{},()=>[n.createElementVNode("div",{class:"g-label-column-header",style:n.normalizeStyle({background:n.unref(r).primary})},n.toDisplayString(n.unref(o)),5)]),n.createElementVNode("div",Tr,[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(n.unref(s)(),({label:d},u)=>(n.openBlock(),n.createElementBlock("div",{key:`${d}_${u}`,class:"g-label-column-row",style:n.normalizeStyle({background:u%2===0?n.unref(r).ternary:n.unref(r).quartenary,height:`${n.unref(a)}px`})},[n.renderSlot(l.$slots,"label-column-row",{label:d},()=>[n.createElementVNode("span",null,n.toDisplayString(d),1)])],4))),128))])],4))}}),vi="",Br={class:"g-timeaxis"},Sr={class:"g-timeunits-container g-timeunits-low"},Mr={key:0,class:"g-timeunit-low-kw"},Ar={class:"g-timeunits-container g-timeunits-upper"},Pr=n.defineComponent({__name:"GGanttTimeaxis",setup(e){const{precision:t,colors:r}=ye(),{timeaxisUnits:o}=sn();return(a,s)=>(n.openBlock(),n.createElementBlock("div",Br,[n.createElementVNode("div",Sr,[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(n.unref(o).lowerUnits,({label:l,value:c,date:d,width:u},f)=>(n.openBlock(),n.createElementBlock("div",{key:l,class:"g-timeunit g-timeunit-low",style:n.normalizeStyle({flexDirection:n.unref(t)==="hour"?"column":"row",alignItems:n.unref(t)==="hour"?"":"center",width:u})},[f===0?(n.openBlock(),n.createElementBlock("span",Mr,"KW")):n.createCommentVNode("",!0),n.renderSlot(a.$slots,"timeunit",{label:l,value:c,date:d},()=>[n.createTextVNode(n.toDisplayString(l),1)]),n.unref(t)==="hour"?(n.openBlock(),n.createElementBlock("div",{key:1,class:"g-timeaxis-hour-pin",style:n.normalizeStyle({background:n.unref(r).text})},null,4)):n.createCommentVNode("",!0)],4))),128))]),n.createElementVNode("div",Ar,[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(n.unref(o).upperUnits,({label:l,value:c,date:d,width:u})=>(n.openBlock(),n.createElementBlock("div",{key:l,class:"g-upper-timeunit",style:n.normalizeStyle({width:u})},[n.renderSlot(a.$slots,"upper-timeunit",{label:l,value:c,date:d},()=>[n.createTextVNode(n.toDisplayString(l),1)])],4))),128))])]))}}),yi="";function wt(e=ye()){const{dateFormat:t,chartSize:r}=e,{chartStartDayjs:o,chartEndDayjs:a,toDayjs:s,format:l}=bt(e),c=n.computed(()=>a.value.diff(o.value,"minutes"));return{mapTimeToPosition:f=>{const y=r.width.value||0,b=s(f).diff(o.value,"minutes",!0);return Math.ceil(b/c.value*y)},mapPositionToTime:f=>{const y=r.width.value||0,b=f/y*c.value;return l(o.value.add(b,"minutes"),t.value)}}}const $r=n.defineComponent({__name:"GGanttCurrentTime",setup(e){const{mapTimeToPosition:t}=wt(),r=n.ref(G.default()),{colors:o,dateFormat:a,currentTimeLabel:s}=ye(),l=n.computed(()=>{const c=a.value||"YYYY-MM-DD HH:mm";return t(G.default(r.value,c).format(c))});return(c,d)=>(n.openBlock(),n.createElementBlock("div",{class:"g-grid-current-time",style:n.normalizeStyle({left:`${l.value}px`})},[n.createElementVNode("div",{class:"g-grid-current-time-marker",style:n.normalizeStyle({border:`1px dashed ${n.unref(o).markerCurrentTime}`})},null,4),n.createElementVNode("span",{class:"g-grid-current-time-text",style:n.normalizeStyle({color:n.unref(o).markerCurrentTime})},[n.renderSlot(c.$slots,"current-time-label",{},()=>[n.createTextVNode(n.toDisplayString(n.unref(s)),1)])],4)],4))}}),bi="",Lr={class:"g-gantt-legend"},Rr={class:"g-gantt-legend-collapse-container"},Nr={class:"g-gantt-legend-areas-list"},Vr={class:"g-gantt-legend-promotion"},jr=6,Ir=n.defineComponent({__name:"GGanttLegendNonCollapsedView",props:{legend:{},isCollapsed:{type:Boolean}},emits:["update:isCollapsed"],setup(e){const t=n.inject("iconComponent"),r=n.ref([]);return n.onMounted(()=>{n.nextTick(()=>{Object.values(document.querySelector(".g-gantt-rows-list").children).forEach(a=>{r.value.push(a.clientHeight)})})}),(o,a)=>(n.openBlock(),n.createElementBlock("div",Lr,[n.createElementVNode("div",Rr,[n.createElementVNode("div",{class:"g-gantt-legend-collapse",onClick:a[0]||(a[0]=()=>o.$emit("update:isCollapsed",!o.isCollapsed))},[(n.openBlock(),n.createBlock(n.resolveDynamicComponent(n.unref(t)),{name:"chevron-right",class:"g-gantt-legend-do-collapse",size:"24"}))])]),n.createElementVNode("div",Nr,[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(Object.entries(o.legend),([s,l],c)=>(n.openBlock(),n.createElementBlock("div",{key:s,class:"g-gantt-legend-area-list",style:n.normalizeStyle({height:r.value[c]+jr+"px"})},[(n.openBlock(),n.createBlock(n.resolveDynamicComponent(n.unref(t)),{class:"g-gantt-legend-area-icon","size-s":"24","size-m":"24","size-l":"32",name:o.legend[s][0].area.icon},null,8,["name"])),n.createElementVNode("div",Vr,[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(l,d=>(n.openBlock(),n.createElementBlock("div",{key:d.category.name,class:"g-gantt-legend-category-color",style:n.normalizeStyle({backgroundColor:"#"+d.category.color})},null,4))),128))])],4))),128))])]))}}),wi="",zr=He(Ir,[["__scopeId","data-v-c3aa7bff"]]),Hr={class:"g-gantt-legend"},Gr={class:"g-gantt-legend-collapse-container"},Yr={class:"g-gantt-legend-areas-list"},Fr={class:"g-gantt-legend-title"},Ur={class:"g-gantt-legend-area"},Wr={class:"g-gantt-legend-category-name"},qr=6,Xr=n.defineComponent({__name:"GGanttLegendCollapsedView",props:{legend:{},isCollapsed:{type:Boolean}},emits:["update:isCollapsed"],setup(e){const t=n.inject("iconComponent"),r=n.ref([]);return n.onMounted(()=>{n.nextTick(()=>{Object.values(document.querySelector(".g-gantt-rows-list").children).forEach(a=>{r.value.push(a.clientHeight)})})}),(o,a)=>(n.openBlock(),n.createElementBlock("div",Hr,[n.createElementVNode("div",Gr,[n.createElementVNode("div",{class:"g-gantt-legend-collapse",onClick:a[0]||(a[0]=()=>o.$emit("update:isCollapsed",!o.isCollapsed))},[(n.openBlock(),n.createBlock(n.resolveDynamicComponent(n.unref(t)),{name:"chevron-left",class:"g-gantt-legend-do-uncollapse",size:"24"}))])]),n.createElementVNode("div",Yr,[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(Object.entries(o.legend),([s,l],c)=>(n.openBlock(),n.createElementBlock("div",{key:s,class:"g-gantt-legend-area-list",style:n.normalizeStyle({height:r.value[c]+qr+"px"})},[n.createElementVNode("div",Fr,[(n.openBlock(),n.createBlock(n.resolveDynamicComponent(n.unref(t)),{"size-s":"24","size-m":"24","size-l":"32",name:o.legend[s][0].area.icon},null,8,["name"])),n.createElementVNode("p",Ur,n.toDisplayString(s),1)]),(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(l,d=>(n.openBlock(),n.createElementBlock("div",{key:d.category.name,class:"g-gantt-legend-promotion"},[n.createElementVNode("div",{class:"g-gantt-legend-category-color",style:n.normalizeStyle({backgroundColor:"#"+d.category.color})},null,4),n.createElementVNode("p",Wr,n.toDisplayString(d.category.name),1)]))),128))],4))),128))])]))}}),xi="",Qr=He(Xr,[["__scopeId","data-v-c907221b"]]),Kr=n.defineComponent({__name:"GGanttLegend",props:{legend:{}},setup(e){const t=n.ref(!0),r=()=>document.querySelector("body").clientWidth>1200;return n.onBeforeMount(()=>{t.value=r()}),(o,a)=>t.value?(n.openBlock(),n.createBlock(Qr,{key:1,"is-collapsed":t.value,"onUpdate:isCollapsed":a[1]||(a[1]=s=>t.value=s),legend:o.legend},null,8,["is-collapsed","legend"])):(n.openBlock(),n.createBlock(zr,{key:0,"is-collapsed":t.value,"onUpdate:isCollapsed":a[0]||(a[0]=s=>t.value=s),legend:o.legend},null,8,["is-collapsed","legend"]))}}),Zr={class:"g-gantt-chart-container"},Jr={class:"g-gantt-chart-quarters"},eo={key:0,class:"g-gantt-chart-quarter"},to={class:"g-gantt-rows-list"},cn=n.defineComponent({__name:"GGanttChart",props:{chartStart:{},chartEnd:{},precision:{default:"day"},barStart:{},barEnd:{},currentTime:{type:Boolean},currentTimeLabel:{default:""},dateFormat:{type:[String,Boolean],default:an},width:{default:"100%"},hideTimeaxis:{type:Boolean,default:!1},colorScheme:{default:"default"},grid:{type:Boolean,default:!1},pushOnOverlap:{type:Boolean,default:!1},noOverlap:{type:Boolean,default:!1},rowHeight:{default:40},highlightedUnits:{default:()=>[]},font:{default:"inherit"},labelColumnTitle:{default:""},labelColumnWidth:{default:"150px"},verticalGrid:{type:Boolean},legend:{}},emits:["click-bar","mousedown-bar","mouseup-bar","dblclick-bar","mouseenter-bar","mouseleave-bar","dragstart-bar","drag-bar","dragend-bar","contextmenu-bar"],setup(e,{emit:t}){const r=e;G.default.extend(Gt);const o=new Date,a=new Date;o.setDate(15),o.setMonth(10),a.setDate(31),a.setMonth(11);const s=n.ref(G.default(new Date).isBetween(o,a)),l=t,{width:c,font:d,colorScheme:u}=n.toRefs(r),f=n.useSlots(),y=n.computed(()=>typeof u.value!="string"?u.value:en[u.value]||en.default),b=()=>{var x;const p=(x=f.default)==null?void 0:x.call(f),k=[];return p&&p.forEach(i=>{var w;if((w=i.props)!=null&&w.bars){const{label:g,bars:v}=i.props;k.push({label:g,bars:v})}else Array.isArray(i.children)&&i.children.forEach(g=>{var _;const v=g;if((_=v==null?void 0:v.props)!=null&&_.bars){const{label:M,bars:P}=v.props;k.push({label:M,bars:P})}})}),k},C=n.ref(!1),O=(p,k,x,i)=>{switch(p.type){case"click":l("click-bar",{bar:k,e:p,datetime:x});break;case"mousedown":l("mousedown-bar",{bar:k,e:p,datetime:x});break;case"mouseup":l("mouseup-bar",{bar:k,e:p,datetime:x});break;case"dblclick":l("dblclick-bar",{bar:k,e:p,datetime:x});break;case"mouseenter":l("mouseenter-bar",{bar:k,e:p});break;case"mouseleave":l("mouseleave-bar",{bar:k,e:p});break;case"dragstart":C.value=!0,l("dragstart-bar",{bar:k,e:p});break;case"drag":l("drag-bar",{bar:k,e:p});break;case"dragend":C.value=!1,l("dragend-bar",{bar:k,e:p,movedBars:i});break;case"contextmenu":l("contextmenu-bar",{bar:k,e:p,datetime:x});break}},m=n.ref(null),E=Qt(m);return n.provide(tn,b),n.provide(nn,{...n.toRefs(r),colors:y,chartSize:E}),n.provide(rn,O),(p,k)=>(n.openBlock(),n.createElementBlock("div",Zr,[n.createVNode(Kr,{legend:p.legend?p.legend:{}},null,8,["legend"]),n.createElementVNode("div",{class:n.normalizeClass([[{"labels-in-column":!!p.labelColumnTitle}],"g-gantt-chart-wrapper"])},[p.labelColumnTitle?(n.openBlock(),n.createBlock(Dr,{key:0,style:n.normalizeStyle({width:p.labelColumnWidth})},{"label-column-title":n.withCtx(()=>[n.renderSlot(p.$slots,"label-column-title")]),"label-column-row":n.withCtx(({label:x})=>[n.renderSlot(p.$slots,"label-column-row",{label:x})]),_:3},8,["style"])):n.createCommentVNode("",!0),n.createElementVNode("div",{ref_key:"ganttChart",ref:m,class:n.normalizeClass(["g-gantt-chart",{"with-column":p.labelColumnTitle,"g-gantt-chart-container--4-quarters-width":!s.value,"g-gantt-chart-container--5-quarters-width":s.value}]),style:n.normalizeStyle({width:n.unref(c),background:y.value.background,fontFamily:n.unref(d)})},[p.grid?(n.openBlock(),n.createBlock(ln,{key:0,"highlighted-units":p.highlightedUnits},null,8,["highlighted-units"])):n.createCommentVNode("",!0),p.currentTime?(n.openBlock(),n.createBlock($r,{key:1},{"current-time-label":n.withCtx(()=>[n.renderSlot(p.$slots,"current-time-label")]),_:3})):n.createCommentVNode("",!0),n.createElementVNode("div",Jr,[k[0]||(k[0]=n.createElementVNode("div",{class:"g-gantt-chart-quarter"},"Q1",-1)),k[1]||(k[1]=n.createElementVNode("div",{class:"g-gantt-chart-quarter"},"Q2",-1)),k[2]||(k[2]=n.createElementVNode("div",{class:"g-gantt-chart-quarter"},"Q3",-1)),k[3]||(k[3]=n.createElementVNode("div",{class:"g-gantt-chart-quarter"},"Q4",-1)),s.value?(n.openBlock(),n.createElementBlock("div",eo,"Q1")):n.createCommentVNode("",!0)]),n.createElementVNode("div",{class:n.normalizeClass(["g-gantt-rows-container",r.verticalGrid?"g-gantt-chart-vertical-grid":""])},[n.createElementVNode("div",to,[n.renderSlot(p.$slots,"default")]),n.createVNode(ln,{"highlighted-units":p.highlightedUnits},null,8,["highlighted-units"])],2),p.hideTimeaxis?n.createCommentVNode("",!0):(n.openBlock(),n.createBlock(Pr,{key:2},{"upper-timeunit":n.withCtx(({label:x,value:i,date:w})=>[n.renderSlot(p.$slots,"upper-timeunit",{date:w,label:x,value:i})]),timeunit:n.withCtx(({label:x,value:i,date:w})=>[n.renderSlot(p.$slots,"timeunit",{date:w,label:x,value:i})]),_:3}))],6)],2)]))}}),ki="";/*! +(function(F,Oe){typeof exports=="object"&&typeof module<"u"?Oe(exports,require("dayjs"),require("vue")):typeof define=="function"&&define.amd?define(["exports","dayjs","vue"],Oe):(F=typeof globalThis<"u"?globalThis:F||self,Oe(F.VueGanttastic={},F.dayjs,F.Vue))})(this,function(F,Oe,n){"use strict";const G=(e=>e&&typeof e=="object"&&"default"in e?e:{default:e})(Oe);var Ee=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},jt={exports:{}};(function(e,t){(function(r,o){e.exports=o()})(Ee,function(){var r="day";return function(o,a,s){var l=function(u){return u.add(4-u.isoWeekday(),r)},c=a.prototype;c.isoWeekYear=function(){return l(this).year()},c.isoWeek=function(u){if(!this.$utils().u(u))return this.add(7*(u-this.isoWeek()),r);var f,y,b,C,O=l(this),m=(f=this.isoWeekYear(),y=this.$u,b=(y?s.utc:s)().year(f).startOf("year"),C=4-b.isoWeekday(),b.isoWeekday()>4&&(C+=7),b.add(C,r));return O.diff(m,"week")+1},c.isoWeekday=function(u){return this.$utils().u(u)?this.day()||7:this.day(this.day()%7?u:u-7)};var d=c.startOf;c.startOf=function(u,f){var y=this.$utils(),b=!!y.u(f)||f;return y.p(u)==="isoweek"?b?this.date(this.date()-(this.isoWeekday()-1)).startOf("day"):this.date(this.date()-1-(this.isoWeekday()-1)+7).endOf("day"):d.bind(this)(u,f)}}})})(jt);const tr=jt.exports;var It={exports:{}};(function(e,t){(function(r,o){e.exports=o()})(Ee,function(){return function(r,o){o.prototype.isSameOrBefore=function(a,s){return this.isSame(a,s)||this.isBefore(a,s)}}})})(It);const nr=It.exports;var zt={exports:{}};(function(e,t){(function(r,o){e.exports=o()})(Ee,function(){return function(r,o){o.prototype.isSameOrAfter=function(a,s){return this.isSame(a,s)||this.isAfter(a,s)}}})})(zt);const rr=zt.exports;var Ht={exports:{}};(function(e,t){(function(r,o){e.exports=o()})(Ee,function(){return function(r,o,a){o.prototype.isBetween=function(s,l,c,d){var u=a(s),f=a(l),y=(d=d||"()")[0]==="(",b=d[1]===")";return(y?this.isAfter(u,c):!this.isBefore(u,c))&&(b?this.isBefore(f,c):!this.isAfter(f,c))||(y?this.isBefore(u,c):!this.isAfter(u,c))&&(b?this.isAfter(f,c):!this.isBefore(f,c))}}})})(Ht);const Gt=Ht.exports;var Yt={exports:{}};(function(e,t){(function(r,o){e.exports=o()})(Ee,function(){var r="week",o="year";return function(a,s,l){var c=s.prototype;c.week=function(d){if(d===void 0&&(d=null),d!==null)return this.add(7*(d-this.week()),"day");var u=this.$locale().yearStart||1;if(this.month()===11&&this.date()>25){var f=l(this).startOf(o).add(1,o).date(u),y=l(this).endOf(r);if(f.isBefore(y))return 1}var b=l(this).startOf(o).date(u).startOf(r).subtract(1,"millisecond"),C=this.diff(b,r,!0);return C<0?l(this).startOf("week").week():Math.ceil(C)},c.weeks=function(d){return d===void 0&&(d=null),this.week(d)}}})})(Yt);const or=Yt.exports;var Ft={exports:{}};(function(e,t){(function(r,o){e.exports=o()})(Ee,function(){return function(r,o,a){var s=o.prototype,l=s.format;a.en.ordinal=function(c){var d=["th","st","nd","rd"],u=c%100;return"["+c+(d[(u-20)%10]||d[u]||d[0])+"]"},s.format=function(c){var d=this,u=this.$locale();if(!this.isValid())return l.bind(this)(c);var f=this.$utils(),y=(c||"YYYY-MM-DDTHH:mm:ssZ").replace(/\[([^\]]+)]|Q|wo|ww|w|WW|W|zzz|z|gggg|GGGG|Do|X|x|k{1,2}|S/g,function(b){switch(b){case"Q":return Math.ceil((d.$M+1)/3);case"Do":return u.ordinal(d.$D);case"gggg":return d.weekYear();case"GGGG":return d.isoWeekYear();case"wo":return u.ordinal(d.week(),"W");case"w":case"ww":return f.s(d.week(),b==="w"?1:2,"0");case"W":case"WW":return f.s(d.isoWeek(),b==="W"?1:2,"0");case"k":case"kk":return f.s(String(d.$H===0?24:d.$H),b==="k"?1:2,"0");case"X":return Math.floor(d.$d.getTime()/1e3);case"x":return d.$d.getTime();case"z":return"["+d.offsetName()+"]";case"zzz":return"["+d.offsetName("long")+"]";default:return b}});return l.bind(this)(y)}}})})(Ft);const ar=Ft.exports;var Ut={exports:{}};(function(e,t){(function(r,o){e.exports=o()})(Ee,function(){var r={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"},o=/(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|YYYY|YY?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g,a=/\d\d/,s=/\d\d?/,l=/\d*[^-_:/,()\s\d]+/,c={},d=function(m){return(m=+m)+(m>68?1900:2e3)},u=function(m){return function(E){this[m]=+E}},f=[/[+-]\d\d:?(\d\d)?|Z/,function(m){(this.zone||(this.zone={})).offset=function(E){if(!E||E==="Z")return 0;var p=E.match(/([+-]|\d\d)/g),k=60*p[1]+(+p[2]||0);return k===0?0:p[0]==="+"?-k:k}(m)}],y=function(m){var E=c[m];return E&&(E.indexOf?E:E.s.concat(E.f))},b=function(m,E){var p,k=c.meridiem;if(k){for(var x=1;x<=24;x+=1)if(m.indexOf(k(x,0,E))>-1){p=x>12;break}}else p=m===(E?"pm":"PM");return p},C={A:[l,function(m){this.afternoon=b(m,!1)}],a:[l,function(m){this.afternoon=b(m,!0)}],S:[/\d/,function(m){this.milliseconds=100*+m}],SS:[a,function(m){this.milliseconds=10*+m}],SSS:[/\d{3}/,function(m){this.milliseconds=+m}],s:[s,u("seconds")],ss:[s,u("seconds")],m:[s,u("minutes")],mm:[s,u("minutes")],H:[s,u("hours")],h:[s,u("hours")],HH:[s,u("hours")],hh:[s,u("hours")],D:[s,u("day")],DD:[a,u("day")],Do:[l,function(m){var E=c.ordinal,p=m.match(/\d+/);if(this.day=p[0],E)for(var k=1;k<=31;k+=1)E(k).replace(/\[|\]/g,"")===m&&(this.day=k)}],M:[s,u("month")],MM:[a,u("month")],MMM:[l,function(m){var E=y("months"),p=(y("monthsShort")||E.map(function(k){return k.slice(0,3)})).indexOf(m)+1;if(p<1)throw new Error;this.month=p%12||p}],MMMM:[l,function(m){var E=y("months").indexOf(m)+1;if(E<1)throw new Error;this.month=E%12||E}],Y:[/[+-]?\d+/,u("year")],YY:[a,function(m){this.year=d(m)}],YYYY:[/\d{4}/,u("year")],Z:f,ZZ:f};function O(m){var E,p;E=m,p=c&&c.formats;for(var k=(m=E.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g,function(M,P,S){var B=S&&S.toUpperCase();return P||p[S]||r[S]||p[B].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,function(R,L,j){return L||j.slice(1)})})).match(o),x=k.length,i=0;i-1)return new Date((I==="X"?1e3:1)*z);var H=O(I)(z),Y=H.year,ee=H.month,te=H.day,ge=H.hours,ie=H.minutes,X=H.seconds,se=H.milliseconds,me=H.zone,Q=new Date,pe=te||(Y||ee?1:Q.getDate()),ne=Y||Q.getFullYear(),le=0;Y&&!ee||(le=ee>0?ee-1:Q.getMonth());var we=ge||0,he=ie||0,xe=X||0,ke=se||0;return me?new Date(Date.UTC(ne,le,pe,we,he,xe,ke+60*me.offset*1e3)):N?new Date(Date.UTC(ne,le,pe,we,he,xe,ke)):new Date(ne,le,pe,we,he,xe,ke)}catch{return new Date("")}}(w,_,g),this.init(),B&&B!==!0&&(this.$L=this.locale(B).$L),S&&w!=this.format(_)&&(this.$d=new Date("")),c={}}else if(_ instanceof Array)for(var R=_.length,L=1;L<=R;L+=1){v[1]=_[L-1];var j=p.apply(this,v);if(j.isValid()){this.$d=j.$d,this.$L=j.$L,this.init();break}L===R&&(this.$d=new Date(""))}else x.call(this,i)}}})})(Ut);const ir=Ut.exports;var Wt;const ze=typeof window<"u";ze&&((Wt=window==null?void 0:window.navigator)==null?void 0:Wt.userAgent)&&/iP(ad|hone|od)/.test(window.navigator.userAgent);function sr(e){return typeof e=="function"?e():n.unref(e)}function lr(e){return e}function cr(e){return n.getCurrentScope()?(n.onScopeDispose(e),!0):!1}function dr(e,t=!0){n.getCurrentInstance()?n.onMounted(e):t?e():n.nextTick(e)}function qt(e){var t;const r=sr(e);return(t=r==null?void 0:r.$el)!=null?t:r}const fr=ze?window:void 0;ze&&window.document,ze&&window.navigator,ze&&window.location;function ur(e,t=!1){const r=n.ref(),o=()=>r.value=Boolean(e());return o(),dr(o,t),r}const vt=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},yt="__vueuse_ssr_handlers__";vt[yt]=vt[yt]||{},vt[yt];var Xt=Object.getOwnPropertySymbols,pr=Object.prototype.hasOwnProperty,gr=Object.prototype.propertyIsEnumerable,mr=(e,t)=>{var r={};for(var o in e)pr.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(e!=null&&Xt)for(var o of Xt(e))t.indexOf(o)<0&&gr.call(e,o)&&(r[o]=e[o]);return r};function hr(e,t,r={}){const o=r,{window:a=fr}=o,s=mr(o,["window"]);let l;const c=ur(()=>a&&"ResizeObserver"in a),d=()=>{l&&(l.disconnect(),l=void 0)},u=n.watch(()=>qt(e),y=>{d(),c.value&&a&&y&&(l=new ResizeObserver(t),l.observe(y,s))},{immediate:!0,flush:"post"}),f=()=>{d(),u()};return cr(f),{isSupported:c,stop:f}}function Qt(e,t={width:0,height:0},r={}){const o=n.ref(t.width),a=n.ref(t.height);return hr(e,([s])=>{o.value=s.contentRect.width,a.value=s.contentRect.height},r),n.watch(()=>qt(e),s=>{o.value=s?t.width:0,a.value=s?t.height:0}),{width:o,height:a}}var Kt;(function(e){e.UP="UP",e.RIGHT="RIGHT",e.DOWN="DOWN",e.LEFT="LEFT",e.NONE="NONE"})(Kt||(Kt={}));var vr=Object.defineProperty,Zt=Object.getOwnPropertySymbols,yr=Object.prototype.hasOwnProperty,br=Object.prototype.propertyIsEnumerable,Jt=(e,t,r)=>t in e?vr(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,wr=(e,t)=>{for(var r in t||(t={}))yr.call(t,r)&&Jt(e,r,t[r]);if(Zt)for(var r of Zt(t))br.call(t,r)&&Jt(e,r,t[r]);return e};wr({linear:lr},{easeInSine:[.12,0,.39,0],easeOutSine:[.61,1,.88,1],easeInOutSine:[.37,0,.63,1],easeInQuad:[.11,0,.5,0],easeOutQuad:[.5,1,.89,1],easeInOutQuad:[.45,0,.55,1],easeInCubic:[.32,0,.67,0],easeOutCubic:[.33,1,.68,1],easeInOutCubic:[.65,0,.35,1],easeInQuart:[.5,0,.75,0],easeOutQuart:[.25,1,.5,1],easeInOutQuart:[.76,0,.24,1],easeInQuint:[.64,0,.78,0],easeOutQuint:[.22,1,.36,1],easeInOutQuint:[.83,0,.17,1],easeInExpo:[.7,0,.84,0],easeOutExpo:[.16,1,.3,1],easeInOutExpo:[.87,0,.13,1],easeInCirc:[.55,0,1,.45],easeOutCirc:[0,.55,.45,1],easeInOutCirc:[.85,0,.15,1],easeInBack:[.36,0,.66,-.56],easeOutBack:[.34,1.56,.64,1],easeInOutBack:[.68,-.6,.32,1.6]});const en={default:{primary:"#eeeeee",secondary:"#E0E0E0",ternary:"#F5F5F5",quartenary:"#ededed",hoverHighlight:"rgba(204, 216, 219, 0.5)",markerCurrentTime:"#000",text:"#404040",background:"white"},creamy:{primary:"#ffe8d9",secondary:"#fcdcc5",ternary:"#fff6f0",quartenary:"#f7ece6",hoverHighlight:"rgba(230, 221, 202, 0.5)",markerCurrentTime:"#000",text:"#542d05",background:"white"},crimson:{primary:"#a82039",secondary:"#c41238",ternary:"#db4f56",quartenary:"#ce5f64",hoverHighlight:"rgba(196, 141, 141, 0.5)",markerCurrentTime:"#000",text:"white",background:"white"},dark:{primary:"#404040",secondary:"#303030",ternary:"#353535",quartenary:"#383838",hoverHighlight:"rgba(159, 160, 161, 0.5)",markerCurrentTime:"#fff",text:"white",background:"#525252",toast:"#1f1f1f"},flare:{primary:"#e08a38",secondary:"#e67912",ternary:"#5e5145",quartenary:"#665648",hoverHighlight:"rgba(196, 141, 141, 0.5)",markerCurrentTime:"#000",text:"white",background:"white"},fuchsia:{primary:"#de1d5a",secondary:"#b50b41",ternary:"#ff7da6",quartenary:"#f2799f",hoverHighlight:"rgba(196, 141, 141, 0.5)",markerCurrentTime:"#000",text:"white",background:"white"},grove:{primary:"#3d9960",secondary:"#288542",ternary:"#72b585",quartenary:"#65a577",hoverHighlight:"rgba(160, 219, 171, 0.5)",markerCurrentTime:"#000",text:"white",background:"white"},"material-blue":{primary:"#0D47A1",secondary:"#1565C0",ternary:"#42a5f5",quartenary:"#409fed",hoverHighlight:"rgba(110, 165, 196, 0.5)",markerCurrentTime:"#000",text:"white",background:"white"},sky:{primary:"#b5e3ff",secondary:"#a1d6f7",ternary:"#d6f7ff",quartenary:"#d0edf4",hoverHighlight:"rgba(193, 202, 214, 0.5)",markerCurrentTime:"#000",text:"#022c47",background:"white"},slumber:{primary:"#2a2f42",secondary:"#2f3447",ternary:"#35394d",quartenary:"#2c3044",hoverHighlight:"rgba(179, 162, 127, 0.5)",markerCurrentTime:"#fff",text:"#ffe0b3",background:"#38383b",toast:"#1f1f1f"},vue:{primary:"#258a5d",secondary:"#41B883",ternary:"#35495E",quartenary:"#2a3d51",hoverHighlight:"rgba(160, 219, 171, 0.5)",markerCurrentTime:"#000",text:"white",background:"white"}},tn=Symbol("CHART_ROWS_KEY"),nn=Symbol("CONFIG_KEY"),rn=Symbol("EMIT_BAR_EVENT_KEY"),on=Symbol("BAR_CONTAINER_KEY");function ye(){const e=n.inject(nn);if(!e)throw Error("Failed to inject config!");return e}const an="YYYY-MM-DD HH:mm";function bt(e=ye()){const{chartStart:t,chartEnd:r,barStart:o,barEnd:a,dateFormat:s}=e,l=n.computed(()=>d(t.value)),c=n.computed(()=>d(r.value)),d=(f,y)=>{let b;if(y!==void 0&&typeof f!="string"&&!(f instanceof Date)&&(b=y==="start"?f[o.value]:f[a.value]),typeof f=="string")b=f;else if(f instanceof Date)return G.default(f);const C=s.value||an;return G.default(b,C,!0)};return{chartStartDayjs:l,chartEndDayjs:c,toDayjs:d,format:(f,y)=>y===!1?f instanceof Date?f:G.default(f).toDate():(typeof f=="string"||f instanceof Date?d(f):f).format(y)}}const xr={class:"g-gantt-grid-current-date"},kr=n.defineComponent({__name:"GGanttGridCurrentDay",props:{parentWidth:{}},setup(e){const t=e,r=n.inject("iconComponent"),o=new Date,a=new Date(o.getFullYear(),0,1),s=n.computed(()=>Math.ceil((new Date(o.getTime()).valueOf()-a.valueOf())/864e5)),l=n.computed(()=>t.parentWidth/52/7),c=n.ref(s.value>=365-10),d=n.computed(()=>s.value>=365-10?0:l.value*s.value-33),u=n.computed(()=>s.value<10?0:l.value*s.value-33);return(f,y)=>(n.openBlock(),n.createElementBlock(n.Fragment,null,[n.createElementVNode("div",{style:n.normalizeStyle({position:"absolute",top:"-65px",zIndex:3,left:l.value*s.value-7.5+"px"})},[(n.openBlock(),n.createBlock(n.resolveDynamicComponent(n.unref(r)),{name:"marker-current-date",size:"16","size-s":"16",style:{color:"#C882BE"}}))],4),n.createElementVNode("div",{style:n.normalizeStyle({position:"absolute",top:"-52px",left:c.value?"unset":u.value+"px",right:c.value?d.value+"px":"unset",width:"68px",height:"20px",backgroundColor:"white",padding:"2px",borderRadius:"4px"})},[n.createElementVNode("p",xr,n.toDisplayString(n.unref(G.default)(new Date).format("DD.MM.YYYY")),1)],4),n.createElementVNode("div",{style:n.normalizeStyle({position:"absolute",width:"2px",height:"100%",left:l.value*s.value+"px",borderRight:"2px solid #C882BE",zIndex:3})},null,4)],64))}}),mi="",He=(e,t)=>{const r=e.__vccOpts||e;for(const[o,a]of t)r[o]=a;return r},Cr=He(kr,[["__scopeId","data-v-dd346c68"]]);function sn(){const{precision:e}=ye(),{chartStartDayjs:t,chartEndDayjs:r}=bt(),o=n.computed(()=>{switch(e==null?void 0:e.value){case"hour":return"day";case"day":return"month";case"date":case"week":return"month";case"month":return"year";default:throw new Error("Precision prop incorrect. Must be one of the following: 'hour', 'day', 'date', 'week', 'month'")}}),a=n.computed(()=>{switch(e.value){case"date":return"day";case"week":return"isoWeek";default:return e.value}}),s={hour:"HH",date:"DD.MMM",day:"DD.MMM",week:"W",month:"MMM",year:"YYYY"},l=n.computed(()=>{const c=[],d=[],u=r.value.diff(t.value,"minutes",!0),f=o.value,y=a.value;let b=t.value,C=t.value;for(;C.isSameOrBefore(r.value);){const O=C.endOf(y),E=O.isAfter(r.value)?r.value.diff(C,"minutes",!0)/u*100:O.diff(C,"minutes",!0)/u*100;d.push({label:C.format(s[e==null?void 0:e.value]),value:String(C),date:C.toDate(),width:String(E)+"%"}),C=O.add(1,y==="isoWeek"?"week":y).startOf(y)}for(;b.isSameOrBefore(r.value);){const O=b.endOf(f),E=O.isAfter(r.value)?r.value.diff(b,"minutes",!0)/u*100:O.diff(b,"minutes",!0)/u*100;c.push({label:b.format(s[f]),value:String(b),date:b.toDate(),width:String(E)+"%"}),b=O.add(1,f).startOf(f)}return{upperUnits:c,lowerUnits:d}});return l.value.lowerUnits[0].label==="53"&&l.value.lowerUnits.splice(0,1),l.value.lowerUnits[l.value.lowerUnits.length-1].label==="1"&&l.value.lowerUnits.splice(l.value.lowerUnits.length-1,1),l.value.lowerUnits[l.value.lowerUnits.length-1].label==="14"&&l.value.lowerUnits.splice(l.value.lowerUnits.length-1,1),{timeaxisUnits:l}}const Or=n.defineComponent({__name:"GGanttGridAreaDivider",props:{areaHeights:{}},setup(e){const{timeaxisUnits:t}=sn(),r=(a,s)=>s===t.value.lowerUnits.length-1?"unset":a&&Number(a)%13===0?"2px solid #a8adb3":"2px solid #f0f1f2",o=a=>{const s=+a>=14&&+a<=26,l=+a>=40&&+a<=52;return s||l?"#f7f8f9":"#ffffff"};return(a,s)=>(n.openBlock(),n.createElementBlock(n.Fragment,null,[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(a.areaHeights,l=>(n.openBlock(),n.createElementBlock("div",{key:l,style:n.normalizeStyle({position:"absolute",top:l+"px",zIndex:2,height:"6px",width:"100%",backgroundColor:"#DFE2E6"})},null,4))),128)),(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(n.unref(t).lowerUnits,({label:l,width:c},d)=>(n.openBlock(),n.createElementBlock("div",{key:l,style:n.normalizeStyle({width:c,borderRight:r(l,d),backgroundColor:o(l)}),class:"g-grid-line"},null,4))),128))],64))}}),Er=n.defineComponent({__name:"GGanttGrid",props:{highlightedUnits:{}},setup(e){const t=n.ref(null),{width:r}=Qt(t),o=n.ref([]);return n.onMounted(()=>{n.nextTick(()=>{Object.values(document.querySelector(".g-gantt-rows-list").children).forEach(s=>{o.value.push(s.clientHeight)}),o.value.pop()})}),(a,s)=>(n.openBlock(),n.createElementBlock("div",{ref_key:"gridContainer",ref:t,class:"g-grid-container"},[n.createVNode(Cr,{"parent-width":n.unref(r)},null,8,["parent-width"]),n.createVNode(Or,{"area-heights":o.value},null,8,["area-heights"])],512))}}),hi="",ln=He(Er,[["__scopeId","data-v-a719d7c7"]]);function _r(){const e=n.inject(tn);if(!e)throw Error("Failed to inject getChartRows!");return e}const Tr={class:"g-label-column-rows"},Dr=n.defineComponent({__name:"GGanttLabelColumn",setup(e){const{font:t,colors:r,labelColumnTitle:o,rowHeight:a}=ye(),s=_r();return(l,c)=>(n.openBlock(),n.createElementBlock("div",{class:"g-label-column",style:n.normalizeStyle({fontFamily:n.unref(t),color:n.unref(r).text})},[n.renderSlot(l.$slots,"label-column-title",{},()=>[n.createElementVNode("div",{class:"g-label-column-header",style:n.normalizeStyle({background:n.unref(r).primary})},n.toDisplayString(n.unref(o)),5)]),n.createElementVNode("div",Tr,[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(n.unref(s)(),({label:d},u)=>(n.openBlock(),n.createElementBlock("div",{key:`${d}_${u}`,class:"g-label-column-row",style:n.normalizeStyle({background:u%2===0?n.unref(r).ternary:n.unref(r).quartenary,height:`${n.unref(a)}px`})},[n.renderSlot(l.$slots,"label-column-row",{label:d},()=>[n.createElementVNode("span",null,n.toDisplayString(d),1)])],4))),128))])],4))}}),vi="",Br={class:"g-timeaxis"},Sr={class:"g-timeunits-container g-timeunits-low"},Mr={key:0,class:"g-timeunit-low-kw"},Ar={class:"g-timeunits-container g-timeunits-upper"},Pr=n.defineComponent({__name:"GGanttTimeaxis",setup(e){const{precision:t,colors:r}=ye(),{timeaxisUnits:o}=sn();return(a,s)=>(n.openBlock(),n.createElementBlock("div",Br,[n.createElementVNode("div",Sr,[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(n.unref(o).lowerUnits,({label:l,value:c,date:d,width:u},f)=>(n.openBlock(),n.createElementBlock("div",{key:l,class:"g-timeunit g-timeunit-low",style:n.normalizeStyle({flexDirection:n.unref(t)==="hour"?"column":"row",alignItems:n.unref(t)==="hour"?"":"center",width:u})},[f===0?(n.openBlock(),n.createElementBlock("span",Mr,"KW")):n.createCommentVNode("",!0),n.renderSlot(a.$slots,"timeunit",{label:l,value:c,date:d},()=>[n.createTextVNode(n.toDisplayString(l),1)]),n.unref(t)==="hour"?(n.openBlock(),n.createElementBlock("div",{key:1,class:"g-timeaxis-hour-pin",style:n.normalizeStyle({background:n.unref(r).text})},null,4)):n.createCommentVNode("",!0)],4))),128))]),n.createElementVNode("div",Ar,[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(n.unref(o).upperUnits,({label:l,value:c,date:d,width:u})=>(n.openBlock(),n.createElementBlock("div",{key:l,class:"g-upper-timeunit",style:n.normalizeStyle({width:u})},[n.renderSlot(a.$slots,"upper-timeunit",{label:l,value:c,date:d},()=>[n.createTextVNode(n.toDisplayString(l),1)])],4))),128))])]))}}),yi="";function wt(e=ye()){const{dateFormat:t,chartSize:r}=e,{chartStartDayjs:o,chartEndDayjs:a,toDayjs:s,format:l}=bt(e),c=n.computed(()=>a.value.diff(o.value,"minutes"));return{mapTimeToPosition:f=>{const y=r.width.value||0,b=s(f).diff(o.value,"minutes",!0);return Math.ceil(b/c.value*y)},mapPositionToTime:f=>{const y=r.width.value||0,b=f/y*c.value;return l(o.value.add(b,"minutes"),t.value)}}}const $r=n.defineComponent({__name:"GGanttCurrentTime",setup(e){const{mapTimeToPosition:t}=wt(),r=n.ref(G.default()),{colors:o,dateFormat:a,currentTimeLabel:s}=ye(),l=n.computed(()=>{const c=a.value||"YYYY-MM-DD HH:mm";return t(G.default(r.value,c).format(c))});return(c,d)=>(n.openBlock(),n.createElementBlock("div",{class:"g-grid-current-time",style:n.normalizeStyle({left:`${l.value}px`})},[n.createElementVNode("div",{class:"g-grid-current-time-marker",style:n.normalizeStyle({border:`1px dashed ${n.unref(o).markerCurrentTime}`})},null,4),n.createElementVNode("span",{class:"g-grid-current-time-text",style:n.normalizeStyle({color:n.unref(o).markerCurrentTime})},[n.renderSlot(c.$slots,"current-time-label",{},()=>[n.createTextVNode(n.toDisplayString(n.unref(s)),1)])],4)],4))}}),bi="",Lr={class:"g-gantt-legend"},Rr={class:"g-gantt-legend-collapse-container"},Nr={class:"g-gantt-legend-areas-list"},Vr={class:"g-gantt-legend-promotion"},jr=6,Ir=n.defineComponent({__name:"GGanttLegendNonCollapsedView",props:{legend:{},isCollapsed:{type:Boolean}},emits:["update:isCollapsed"],setup(e){const t=n.inject("iconComponent"),r=n.ref([]);return n.onMounted(()=>{n.nextTick(()=>{Object.values(document.querySelector(".g-gantt-rows-list").children).forEach(a=>{r.value.push(a.clientHeight)})})}),(o,a)=>(n.openBlock(),n.createElementBlock("div",Lr,[n.createElementVNode("div",Rr,[n.createElementVNode("div",{class:"g-gantt-legend-collapse",onClick:a[0]||(a[0]=()=>o.$emit("update:isCollapsed",!o.isCollapsed))},[(n.openBlock(),n.createBlock(n.resolveDynamicComponent(n.unref(t)),{name:"chevron-right",class:"g-gantt-legend-do-collapse",size:"24"}))])]),n.createElementVNode("div",Nr,[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(Object.entries(o.legend),([s,l],c)=>(n.openBlock(),n.createElementBlock("div",{key:s,class:"g-gantt-legend-area-list",style:n.normalizeStyle({height:r.value[c]+jr+"px"})},[(n.openBlock(),n.createBlock(n.resolveDynamicComponent(n.unref(t)),{class:"g-gantt-legend-area-icon","size-s":"24","size-m":"24","size-l":"32",name:o.legend[s][0].area.icon},null,8,["name"])),n.createElementVNode("div",Vr,[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(l,d=>(n.openBlock(),n.createElementBlock("div",{key:d.category.name,class:"g-gantt-legend-category-color",style:n.normalizeStyle({backgroundColor:"#"+d.category.color})},null,4))),128))])],4))),128))])]))}}),wi="",zr=He(Ir,[["__scopeId","data-v-8009c547"]]),Hr={class:"g-gantt-legend"},Gr={class:"g-gantt-legend-collapse-container"},Yr={class:"g-gantt-legend-areas-list"},Fr={class:"g-gantt-legend-title"},Ur={class:"g-gantt-legend-area"},Wr={class:"g-gantt-legend-category-name"},qr=6,Xr=n.defineComponent({__name:"GGanttLegendCollapsedView",props:{legend:{},isCollapsed:{type:Boolean}},emits:["update:isCollapsed"],setup(e){const t=n.inject("iconComponent"),r=n.ref([]);return n.onMounted(()=>{n.nextTick(()=>{Object.values(document.querySelector(".g-gantt-rows-list").children).forEach(a=>{r.value.push(a.clientHeight)})})}),(o,a)=>(n.openBlock(),n.createElementBlock("div",Hr,[n.createElementVNode("div",Gr,[n.createElementVNode("div",{class:"g-gantt-legend-collapse",onClick:a[0]||(a[0]=()=>o.$emit("update:isCollapsed",!o.isCollapsed))},[(n.openBlock(),n.createBlock(n.resolveDynamicComponent(n.unref(t)),{name:"chevron-left",class:"g-gantt-legend-do-uncollapse",size:"24"}))])]),n.createElementVNode("div",Yr,[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(Object.entries(o.legend),([s,l],c)=>(n.openBlock(),n.createElementBlock("div",{key:s,class:"g-gantt-legend-area-list",style:n.normalizeStyle({height:r.value[c]+qr+"px"})},[n.createElementVNode("div",Fr,[(n.openBlock(),n.createBlock(n.resolveDynamicComponent(n.unref(t)),{class:"g-gantt-legend-area-icon","size-s":"24","size-m":"24","size-l":"32",name:o.legend[s][0].area.icon},null,8,["name"])),n.createElementVNode("p",Ur,n.toDisplayString(s),1)]),(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(l,d=>(n.openBlock(),n.createElementBlock("div",{key:d.category.name,class:"g-gantt-legend-promotion"},[n.createElementVNode("div",{class:"g-gantt-legend-category-color",style:n.normalizeStyle({backgroundColor:"#"+d.category.color})},null,4),n.createElementVNode("p",Wr,n.toDisplayString(d.category.name),1)]))),128))],4))),128))])]))}}),xi="",Qr=He(Xr,[["__scopeId","data-v-31a73749"]]),Kr=n.defineComponent({__name:"GGanttLegend",props:{legend:{}},setup(e){const t=n.ref(!0),r=()=>document.querySelector("body").clientWidth>1200;return n.onBeforeMount(()=>{t.value=r()}),(o,a)=>t.value?(n.openBlock(),n.createBlock(Qr,{key:1,"is-collapsed":t.value,"onUpdate:isCollapsed":a[1]||(a[1]=s=>t.value=s),legend:o.legend},null,8,["is-collapsed","legend"])):(n.openBlock(),n.createBlock(zr,{key:0,"is-collapsed":t.value,"onUpdate:isCollapsed":a[0]||(a[0]=s=>t.value=s),legend:o.legend},null,8,["is-collapsed","legend"]))}}),Zr={class:"g-gantt-chart-container"},Jr={class:"g-gantt-chart-quarters"},eo={key:0,class:"g-gantt-chart-quarter"},to={class:"g-gantt-rows-list"},cn=n.defineComponent({__name:"GGanttChart",props:{chartStart:{},chartEnd:{},precision:{default:"day"},barStart:{},barEnd:{},currentTime:{type:Boolean},currentTimeLabel:{default:""},dateFormat:{type:[String,Boolean],default:an},width:{default:"100%"},hideTimeaxis:{type:Boolean,default:!1},colorScheme:{default:"default"},grid:{type:Boolean,default:!1},pushOnOverlap:{type:Boolean,default:!1},noOverlap:{type:Boolean,default:!1},rowHeight:{default:40},highlightedUnits:{default:()=>[]},font:{default:"inherit"},labelColumnTitle:{default:""},labelColumnWidth:{default:"150px"},verticalGrid:{type:Boolean},legend:{}},emits:["click-bar","mousedown-bar","mouseup-bar","dblclick-bar","mouseenter-bar","mouseleave-bar","dragstart-bar","drag-bar","dragend-bar","contextmenu-bar"],setup(e,{emit:t}){const r=e;G.default.extend(Gt);const o=new Date,a=new Date;o.setDate(15),o.setMonth(10),a.setDate(31),a.setMonth(11);const s=n.ref(G.default(new Date).isBetween(o,a)),l=t,{width:c,font:d,colorScheme:u}=n.toRefs(r),f=n.useSlots(),y=n.computed(()=>typeof u.value!="string"?u.value:en[u.value]||en.default),b=()=>{var x;const p=(x=f.default)==null?void 0:x.call(f),k=[];return p&&p.forEach(i=>{var w;if((w=i.props)!=null&&w.bars){const{label:g,bars:v}=i.props;k.push({label:g,bars:v})}else Array.isArray(i.children)&&i.children.forEach(g=>{var _;const v=g;if((_=v==null?void 0:v.props)!=null&&_.bars){const{label:M,bars:P}=v.props;k.push({label:M,bars:P})}})}),k},C=n.ref(!1),O=(p,k,x,i)=>{switch(p.type){case"click":l("click-bar",{bar:k,e:p,datetime:x});break;case"mousedown":l("mousedown-bar",{bar:k,e:p,datetime:x});break;case"mouseup":l("mouseup-bar",{bar:k,e:p,datetime:x});break;case"dblclick":l("dblclick-bar",{bar:k,e:p,datetime:x});break;case"mouseenter":l("mouseenter-bar",{bar:k,e:p});break;case"mouseleave":l("mouseleave-bar",{bar:k,e:p});break;case"dragstart":C.value=!0,l("dragstart-bar",{bar:k,e:p});break;case"drag":l("drag-bar",{bar:k,e:p});break;case"dragend":C.value=!1,l("dragend-bar",{bar:k,e:p,movedBars:i});break;case"contextmenu":l("contextmenu-bar",{bar:k,e:p,datetime:x});break}},m=n.ref(null),E=Qt(m);return n.provide(tn,b),n.provide(nn,{...n.toRefs(r),colors:y,chartSize:E}),n.provide(rn,O),(p,k)=>(n.openBlock(),n.createElementBlock("div",Zr,[n.createVNode(Kr,{legend:p.legend?p.legend:{}},null,8,["legend"]),n.createElementVNode("div",{class:n.normalizeClass([[{"labels-in-column":!!p.labelColumnTitle}],"g-gantt-chart-wrapper"])},[p.labelColumnTitle?(n.openBlock(),n.createBlock(Dr,{key:0,style:n.normalizeStyle({width:p.labelColumnWidth})},{"label-column-title":n.withCtx(()=>[n.renderSlot(p.$slots,"label-column-title")]),"label-column-row":n.withCtx(({label:x})=>[n.renderSlot(p.$slots,"label-column-row",{label:x})]),_:3},8,["style"])):n.createCommentVNode("",!0),n.createElementVNode("div",{ref_key:"ganttChart",ref:m,class:n.normalizeClass(["g-gantt-chart",{"with-column":p.labelColumnTitle,"g-gantt-chart-container--4-quarters-width":!s.value,"g-gantt-chart-container--5-quarters-width":s.value}]),style:n.normalizeStyle({width:n.unref(c),background:y.value.background,fontFamily:n.unref(d)})},[p.grid?(n.openBlock(),n.createBlock(ln,{key:0,"highlighted-units":p.highlightedUnits},null,8,["highlighted-units"])):n.createCommentVNode("",!0),p.currentTime?(n.openBlock(),n.createBlock($r,{key:1},{"current-time-label":n.withCtx(()=>[n.renderSlot(p.$slots,"current-time-label")]),_:3})):n.createCommentVNode("",!0),n.createElementVNode("div",Jr,[k[0]||(k[0]=n.createElementVNode("div",{class:"g-gantt-chart-quarter"},"Q1",-1)),k[1]||(k[1]=n.createElementVNode("div",{class:"g-gantt-chart-quarter"},"Q2",-1)),k[2]||(k[2]=n.createElementVNode("div",{class:"g-gantt-chart-quarter"},"Q3",-1)),k[3]||(k[3]=n.createElementVNode("div",{class:"g-gantt-chart-quarter"},"Q4",-1)),s.value?(n.openBlock(),n.createElementBlock("div",eo,"Q1")):n.createCommentVNode("",!0)]),n.createElementVNode("div",{class:n.normalizeClass(["g-gantt-rows-container",r.verticalGrid?"g-gantt-chart-vertical-grid":""])},[n.createElementVNode("div",to,[n.renderSlot(p.$slots,"default")]),n.createVNode(ln,{"highlighted-units":p.highlightedUnits},null,8,["highlighted-units"])],2),p.hideTimeaxis?n.createCommentVNode("",!0):(n.openBlock(),n.createBlock(Pr,{key:2},{"upper-timeunit":n.withCtx(({label:x,value:i,date:w})=>[n.renderSlot(p.$slots,"upper-timeunit",{date:w,label:x,value:i})]),timeunit:n.withCtx(({label:x,value:i,date:w})=>[n.renderSlot(p.$slots,"timeunit",{date:w,label:x,value:i})]),_:3}))],6)],2)]))}}),ki="";/*! * vue-tippy v6.6.0 * (c) 2024 * @license MIT @@ -6,6 +6,43 @@ `,si=n.defineComponent({__name:"GGanttBar",props:{bar:{}},setup(e){var P;n.useCssVars(S=>({"267f9539":n.unref(a)}));const t=e,r=Fa(),{bar:o}=n.toRefs(t),a=(P=t.bar.ganttBarConfig.style)==null?void 0:P.backgroundColor,{mapTimeToPosition:s,mapPositionToTime:l}=wt(),{font:c,barEnd:d,barStart:u,rowHeight:f,width:y,chartStart:b,chartEnd:C,chartSize:O}=ye(),m=n.ref(),{toDayjs:E}=bt(),p=n.ref(!1),k=n.inject("iconComponent"),x=n.computed(()=>o.value.ganttBarConfig),i=n.inject(on),w=S=>{var z,I;const B=document.querySelector(".tippy-svg-arrow");if(!B)return;const L=((z=B.style.transform)!=null?z:"").match(/translate3d\((-?\d+)/),j=(I=document.querySelector(".tippy-content"))==null?void 0:I.clientHeight;if(S==="bottom"&&L){const N=B.firstElementChild;N.style.transform="rotateX(180deg)";const H=parseInt(L[1]);B.style.transform=`translate3d(${H}px, -${j+6}px, 0px)`}if(S==="top"&&L){const N=parseInt(L[1]);B.style.transform=`translate3d(${N}px, -1px, 0px)`}};n.onMounted(()=>{!(m!=null&&m.value)||Qn(m.value,{content:n.h(ni,{bar:o.value,config:{barStart:u,barEnd:d,font:c},toDayjs:E}),arrow:ii,interactiveBorder:0,placement:"top",interactive:!0,popperOptions:{modifiers:[{name:"offset",options:{offset:[5,15]}},{name:"applyArrowHide",enabled:!0,phase:"write",fn({instance:S}){w((S==null?void 0:S.state.placement)||"top")}}]},delay:[0,0],duration:[300,0]})});const g=S=>{var L,j;if(S.preventDefault(),S.type==="mousedown"||!(i!=null&&i.value))return;const B=(j=(L=i==null?void 0:i.value)==null?void 0:L[0])==null?void 0:j.getBoundingClientRect();if(!B)return;const R=l(S.clientX-B.left);r(S,o.value,R)},v=n.ref(0),_=n.ref(0),M=n.computed(()=>{const S=new Date(o.value.myBeginDate).getTime(),B=new Date(o.value.myEndDate).getTime();if(Math.abs(S-B)/(1e3*60*60*24)<=2)return 0;const j=6;return _.value-v.value-j+j});return n.onMounted(()=>{n.watch([o,y,b,C,O.width],()=>{v.value=s(o.value[u.value]),_.value=s(o.value[d.value])},{deep:!0,immediate:!0})}),(S,B)=>(n.openBlock(),n.createElementBlock("div",{id:x.value.id,ref_key:"ganttBarRef",ref:m,class:n.normalizeClass(["g-gantt-bar",x.value.asArrow?"g-gantt-bar-is-arrow":"",x.value.class||""]),style:n.normalizeStyle({...x.value.style,position:"absolute",top:`${n.unref(f)*.1}px`,left:`${v.value}px`,width:`${M.value}px`,height:`${n.unref(f)*.8}px`,zIndex:p.value?3:2}),onClick:g,onContextmenu:g,onDblclick:g,onMousedown:g,onMouseenter:g,onMouseleave:g},[n.createElementVNode("div",oi,[n.renderSlot(S.$slots,"default",{bar:n.unref(o)},()=>[n.createElementVNode("div",null,n.toDisplayString(x.value.label||""),1),x.value.html?(n.openBlock(),n.createElementBlock("div",{key:0,innerHTML:x.value.html},null,8,ai)):n.createCommentVNode("",!0)])]),(n.openBlock(),n.createBlock(n.resolveDynamicComponent(n.unref(k)),{"size-s":"16","size-m":"16",class:"g-gantt-bar-arrow","size-l":"16",name:"gant-arrow",size:"16"})),x.value.hasHandles?(n.openBlock(),n.createElementBlock(n.Fragment,{key:0},[B[0]||(B[0]=n.createElementVNode("div",{class:"g-gantt-bar-handle-left"},null,-1)),B[1]||(B[1]=n.createElementVNode("div",{class:"g-gantt-bar-handle-right"},null,-1))],64)):n.createCommentVNode("",!0)],46,ri))}}),Oi="",Kn=n.defineComponent({__name:"GGanttRow",props:{label:{},bars:{},overlaps:{},highlightOnHover:{type:Boolean}},emits:["drop"],setup(e,{emit:t}){const r=e,o=n.ref([]),a=t,{rowHeight:s,colors:l,labelColumnTitle:c}=ye(),{highlightOnHover:d}=n.toRefs(r),u=n.ref(!1),f=n.computed(()=>({height:`${s.value}px`,background:(d==null?void 0:d.value)&&u.value?l.value.hoverHighlight:null})),{mapPositionToTime:y}=wt(),b=n.useTemplateRef("barContainer");n.provide(on,b);const C=x=>{var v,_;const i=(_=(v=b.value)==null?void 0:v[0])==null?void 0:_.getBoundingClientRect();if(!i){console.error("Vue-Ganttastic: failed to find bar container element for row.");return}const w=x.clientX-i.left,g=y(w);a("drop",{e:x,datetime:g})};function O(x,i,w,g){return Math.max(w.valueOf()-i.valueOf(),x.valueOf()-g.valueOf())/864e5<3}function m(x,i,w,g){return x<=g&&w<=i||O(x,i,w,g)}function E(x){const i=[];for(let w=0;w{const x=[],i=w=>{if(!w||w.length===0)return;const g=E(w);if(g.length>0){const v=w.filter(M=>!g.includes(M)),_=w.filter(M=>g.includes(M));x.push(v),i(_)}else x.push(w)};return i(r.bars),x};n.onMounted(()=>{o.value=p()});const k=x=>!x||/^\s*$/.test(x);return(x,i)=>(n.openBlock(),n.createElementBlock("div",null,[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(o.value,w=>(n.openBlock(),n.createElementBlock("div",{key:w[0].ganttBarConfig.id,style:n.normalizeStyle(f.value),class:"g-gantt-row",onDragleave:i[0]||(i[0]=g=>u.value=!1),onDrop:i[1]||(i[1]=g=>C(g)),onMouseleave:i[2]||(i[2]=g=>u.value=!1),onMouseover:i[3]||(i[3]=g=>u.value=!0),onDragover:i[4]||(i[4]=n.withModifiers(g=>u.value=!0,["prevent"]))},[!k(x.label)&&!n.unref(c)?(n.openBlock(),n.createElementBlock("div",{key:0,style:n.normalizeStyle({background:n.unref(l).primary,color:n.unref(l).text}),class:"g-gantt-row-label"},[n.renderSlot(x.$slots,"label",{},()=>[n.createTextVNode(n.toDisplayString(x.label),1)])],4)):n.createCommentVNode("",!0),n.createElementVNode("div",n.mergeProps({ref_for:!0,ref:"barContainer",class:"g-gantt-row-bars-container"},x.$attrs),[n.createVNode(n.TransitionGroup,{name:"bar-transition sys",tag:"div",class:"transition-group"},{default:n.withCtx(()=>[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(w,g=>(n.openBlock(),n.createBlock(si,{key:g.ganttBarConfig.id,bar:g},{default:n.withCtx(()=>[n.renderSlot(x.$slots,"bar-label",{bar:g})]),_:2},1032,["bar"]))),128))]),_:2},1024)],16)],36))),128))]))}}),Ei="";function Zn(){G.default.extend(nr),G.default.extend(rr),G.default.extend(Gt),G.default.extend(ir),G.default.extend(or),G.default.extend(tr),G.default.extend(ar)}const Jn={install(e,t){Zn(),e.component("GGanttChart",cn),e.component("GGanttRow",Kn)}};F.GGanttChart=cn,F.GGanttRow=Kn,F.default=Jn,F.extendDayjs=Zn,F.ganttastic=Jn,Object.defineProperties(F,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});function injectStyle(F,Oe="top"){if(!F||typeof document>"u")return;const n=document.head,et=document.createElement("style");Oe==="top"&&n.firstChild?n.insertBefore(et,n.firstChild):n.appendChild(et),et.appendChild(document.createTextNode(F))}injectStyle(` +.g-gantt-row { + height: 24px !important; +} +.g-gantt-row { + width: 100%; + transition: background 0.4s; + position: relative; +} +.g-gantt-row-label { + position: absolute; + top: 0; + left: 0; + padding: 0 8px; + display: flex; + align-items: center; + height: 60%; + min-height: 20px; + font-size: 0.8em; + font-weight: bold; + border-bottom-right-radius: 6px; + background: #f2f2f2; + z-index: 3; + box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.6); +} +.transition-group { + position: relative; +} +.bar-transition-leave-active, +.bar-transition-enter-active { + transition: all 0.2s; +} +.bar-transition-enter-from, +.bar-transition-leave-to { + transform: scale(0.8); + opacity: 0; +} +`,"top");injectStyle(` .g-gantt-chart { position: relative; display: flex; @@ -83,41 +120,82 @@ } } `,"top");injectStyle(` -.g-gantt-row { - height: 24px !important; +#tippy-1 { + top: auto; + top: initial; + right: auto; + right: initial; + bottom: auto; + bottom: initial; + left: auto; + left: initial; + transform: none; + transform: initial; } -.g-gantt-row { +.tippy-arrow { + display: inline-block; + width: 0; + height: 0; + border-left: 4px solid transparent; + border-right: 4px solid transparent; + border-bottom: 6px solid red; + margin-top: -35px; +} +.g-gantt-bar { + display: flex; + justify-content: center; + align-items: center; + background: cadetblue; + overflow: visible; + margin: 8px 0; + + border-radius: 4px 0 0 4px; +} +.g-gantt-bar-is-arrow { + height: 6px !important; +} +.g-gantt-bar-label { width: 100%; - transition: background 0.4s; - position: relative; + height: 100%; + box-sizing: border-box; + padding: 0 14px 0 14px; /* 14px is the width of the handle */ + display: flex; + justify-content: center; + align-items: center; } -.g-gantt-row-label { +.g-gantt-bar-label > * { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} +.g-gantt-bar-handle-left, +.g-gantt-bar-handle-right { position: absolute; + width: 10px; + height: 100%; + background: white; + opacity: 0.7; + border-radius: 0; + cursor: ew-resize; top: 0; +} +.g-gantt-bar-handle-left { left: 0; - padding: 0 8px; - display: flex; - align-items: center; - height: 60%; - min-height: 20px; - font-size: 0.8em; - font-weight: bold; - border-bottom-right-radius: 6px; - background: #f2f2f2; - z-index: 3; - box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.6); } -.transition-group { - position: relative; +.g-gantt-bar-handle-right { + right: 0; } -.bar-transition-leave-active, -.bar-transition-enter-active { - transition: all 0.2s; +.g-gantt-bar-label img { + pointer-events: none; } -.bar-transition-enter-from, -.bar-transition-leave-to { - transform: scale(0.8); - opacity: 0; +.g-gantt-bar-arrow { + position: absolute; + width: 6.5px; + right: -5px; + bottom: -6px; +} +.g-gantt-bar-arrow > path { + fill: var(--267f9539); } `,"top");injectStyle(` .g-label-column { @@ -162,6 +240,22 @@ border-bottom-left-radius: 5px; } `,"top");injectStyle(` +.g-grid-current-time { + position: absolute; + height: 100%; + display: flex; + z-index: 5; + pointer-events: none; +} +.g-grid-current-time-marker { + width: 0px; + height: calc(100% - 2px); + display: flex; +} +.g-grid-current-time-text { + font-size: x-small; +} +`,"top");injectStyle(` .g-timeaxis { position: sticky; top: 0; @@ -245,22 +339,6 @@ height: 10px; } `,"top");injectStyle(` -.g-grid-current-time { - position: absolute; - height: 100%; - display: flex; - z-index: 5; - pointer-events: none; -} -.g-grid-current-time-marker { - width: 0px; - height: calc(100% - 2px); - display: flex; -} -.g-grid-current-time-text { - font-size: x-small; -} -`,"top");injectStyle(` .g-grid-container[data-v-a719d7c7] { position: absolute; top: 0; @@ -275,177 +353,117 @@ height: 100%; } `,"top");injectStyle(` -#tippy-1 { - top: auto; - top: initial; - right: auto; - right: initial; - bottom: auto; - bottom: initial; - left: auto; - left: initial; - transform: none; - transform: initial; -} -.tippy-arrow { - display: inline-block; - width: 0; - height: 0; - border-left: 4px solid transparent; - border-right: 4px solid transparent; - border-bottom: 6px solid red; - margin-top: -35px; -} -.g-gantt-bar { +.g-gantt-tooltip[data-v-3a31d377] { display: flex; - justify-content: center; - align-items: center; - background: cadetblue; - overflow: visible; - margin: 8px 0; + align-items: flex-start; + + width: 224px; - border-radius: 4px 0 0 4px; -} -.g-gantt-bar-is-arrow { - height: 6px !important; -} -.g-gantt-bar-label { - width: 100%; - height: 100%; - box-sizing: border-box; - padding: 0 14px 0 14px; /* 14px is the width of the handle */ - display: flex; - justify-content: center; - align-items: center; -} -.g-gantt-bar-label > * { - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; -} -.g-gantt-bar-handle-left, -.g-gantt-bar-handle-right { - position: absolute; - width: 10px; - height: 100%; background: white; - opacity: 0.7; - border-radius: 0; - cursor: ew-resize; - top: 0; -} -.g-gantt-bar-handle-left { - left: 0; -} -.g-gantt-bar-handle-right { - right: 0; -} -.g-gantt-bar-label img { - pointer-events: none; -} -.g-gantt-bar-arrow { - position: absolute; - width: 6.5px; - right: -5px; - bottom: -6px; + color: #4c5356; + z-index: 4; + font-size: 0.85em; + padding-top: 8px; + padding-bottom: 12px; + border-radius: 3px; + font-feature-settings: "tnum"; + font-variant-numeric: tabular-nums; + + box-shadow: 0 2px 8px 0 rgba(0,0,0,0.2); } -.g-gantt-bar-arrow > path { - fill: var(--267f9539); +.g-gantt-tooltip[data-v-3a31d377]:hover { + cursor: var(--f7565ec2); } -`,"top");injectStyle(` -.g-gantt-legend-collapse-container[data-v-c3aa7bff] { +.g-gantt-tooltip-category-container[data-v-3a31d377] { display: flex; align-items: center; - align-self: flex-end; - justify-content: flex-end; - - height: 62px; - margin-bottom: 14px; + margin-bottom: 8px; } -.g-gantt-legend-collapse[data-v-c3aa7bff] { +.g-gantt-tooltip-container[data-v-3a31d377] { + width: 100%; display: flex; - align-items: center; - align-self: baseline; - justify-content: flex-end; - - width: 48px; - height: 48px; + flex-direction: column; } -.g-gantt-legend-collapse[data-v-c3aa7bff]:hover { - cursor: pointer; +.g-gantt-tooltip-time[data-v-3a31d377] { + font-size: 12px; + font-weight: 400; + line-height: 15.6px; + + color: #4c5356; } -.g-gantt-legend-area-icon[data-v-c3aa7bff] { - margin: 0 8px 0 24px; +.g-gantt-tooltip-promotion-time-container[data-v-3a31d377] { + display: flex; + justify-content: space-between; + padding: 0 12px; } -.g-gantt-legend-area-icon > path[data-v-c3aa7bff] { - fill: #4c5356; +.g-gantt-tooltip-area[data-v-3a31d377] { + font-size: 12px; + font-weight: 400; + line-height: 15.6px; } -.g-gantt-legend-promotion[data-v-c3aa7bff] { - display: flex; - flex-direction: column; - gap: 4px; +.g-gantt-tooltip-category[data-v-3a31d377] { + font-size: 12px; + font-weight: 400; + line-height: 15.6px; } -.g-gantt-legend-areas-list[data-v-c3aa7bff] { +.g-gantt-tooltip-area-container[data-v-3a31d377] { display: flex; - flex-direction: column; + justify-content: space-between; + align-items: center; + padding: 0 12px; } -.g-gantt-legend-area-list[data-v-c3aa7bff] { - display: flex; - flex-direction: column; - gap: 6px; +.g-gantt-tooltip-promotion-title[data-v-3a31d377] { + font-size: 16px; + font-weight: 700; + line-height: 20.8px; + + color: #1b1e1f; + + padding: 0 12px 10px 12px; } -.g-gantt-legend-do-collapse[data-v-c3aa7bff] { - color: #008075; +.g-gantt-tooltip-color-line[data-v-3a31d377] { + height: 2px; } -.g-gantt-legend-category-color[data-v-c3aa7bff] { - width: 60px; - height: 6px; +.g-gantt-tooltip-color-line-left[data-v-3a31d377] { + min-width: 8px; + margin-right: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } -.g-gantt-legend[data-v-c3aa7bff] { - display: flex; - flex-direction: column; - - background-color: white; - min-width: 68px; +.g-gantt-tooltip-color-line-right[data-v-3a31d377] { + margin-left: 4px; + width: 100%; - box-shadow: 4px 0 8px 1px rgba(27,30,31,0.2); - z-index: 1; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; } @media (max-width: 1400px) { -.g-gantt-legend[data-v-c3aa7bff] { - min-width: 60px; -} -.g-gantt-legend-category-color[data-v-c3aa7bff] { - max-width: 52px; -} -.g-gantt-legend-collapse[data-v-c3aa7bff] { - width: 56px; - height: 48px; -} -} -@media (max-width: 700px) { -.g-gantt-legend[data-v-c3aa7bff] { - min-width: 56px; +.g-gantt-tooltip[data-v-3a31d377] { + width: 208px; + + padding-top: 6px; + padding-bottom: 8px; } -.g-gantt-legend-category-color[data-v-c3aa7bff] { - max-width: 44px; +.g-gantt-tooltip-color-line-left[data-v-3a31d377] { + min-width: 4px; } -.g-gantt-legend-area-icon[data-v-c3aa7bff] { - margin-left: 16px; +.g-gantt-tooltip-area-container[data-v-3a31d377], + .g-gantt-tooltip-promotion-title[data-v-3a31d377], + .g-gantt-tooltip-promotion-time-container[data-v-3a31d377] { + padding-left: 8px; + padding-right: 8px; } } `,"top");injectStyle(` -.g-gantt-legend-collapse-container[data-v-c907221b] { +.g-gantt-legend-collapse-container[data-v-31a73749] { display: flex; align-items: center; justify-content: flex-end; height: 64px; } -.g-gantt-legend-collapse[data-v-c907221b] { +.g-gantt-legend-collapse[data-v-31a73749] { display: flex; align-items: center; align-self: baseline; @@ -454,52 +472,52 @@ width: 48px; height: 48px; } -.g-gantt-legend-collapse[data-v-c907221b]:hover { +.g-gantt-legend-collapse[data-v-31a73749]:hover { cursor: pointer; } -.g-gantt-legend-title[data-v-c907221b] { +.g-gantt-legend-title[data-v-31a73749] { display: flex; align-items: center; gap: 12px; padding: 0 24px; } -.g-gantt-legend-area[data-v-c907221b] { +.g-gantt-legend-area[data-v-31a73749] { font-size: 16px; font-weight: 700; line-height: 24.8px; } -.g-gantt-legend-area-icon > path[data-v-c907221b] { +.g-gantt-legend-area-icon > path[data-v-31a73749] { fill: #4c5356; } -.g-gantt-legend-category-color[data-v-c907221b] { +.g-gantt-legend-category-color[data-v-31a73749] { width: 60px; height: 6px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } -.g-gantt-legend-promotion[data-v-c907221b] { +.g-gantt-legend-promotion[data-v-31a73749] { display: flex; align-items: center; gap: 8px; } -.g-gantt-legend-do-uncollapse[data-v-c907221b] { +.g-gantt-legend-do-uncollapse[data-v-31a73749] { color: #008075; } -.g-gantt-legend-area-list[data-v-c907221b] { +.g-gantt-legend-area-list[data-v-31a73749] { display: flex; flex-direction: column; gap: 6px; } -.g-gantt-legend-category-name[data-v-c907221b] { +.g-gantt-legend-category-name[data-v-31a73749] { font-size: 14px; font-weight: 400; line-height: 18.2px; color: #1b1e1f; } -.g-gantt-legend[data-v-c907221b] { +.g-gantt-legend[data-v-31a73749] { display: flex; flex-direction: column; @@ -510,17 +528,20 @@ z-index: 1; } +.g-gantt-legend-area-icon[data-v-31a73749] * { + fill: #4c5356; +} @media (max-width: 1400px) { -.g-gantt-legend-category-color[data-v-c907221b] { +.g-gantt-legend-category-color[data-v-31a73749] { max-width: 52px; } -.g-gantt-legend-category-name[data-v-c907221b] { +.g-gantt-legend-category-name[data-v-31a73749] { font-weight: 400; font-size: 12px; line-height: 15.6px; letter-spacing: 0; } -.g-gantt-legend-area[data-v-c907221b] { +.g-gantt-legend-area[data-v-31a73749] { font-weight: 700; font-size: 14px; line-height: 21.7px; @@ -528,121 +549,103 @@ } } @media (max-width: 700px) { -.g-gantt-legend-category-color[data-v-c907221b] { +.g-gantt-legend-category-color[data-v-31a73749] { max-width: 44px; } -.g-gantt-legend-title[data-v-c907221b] { +.g-gantt-legend-title[data-v-31a73749] { padding: 0 16px; } } `,"top");injectStyle(` -.g-gantt-grid-current-date[data-v-dd346c68] { - font-size: 12px; - font-weight: 400; - line-height: 15.6px; - text-align: center; -} -`,"top");injectStyle(` -.g-gantt-tooltip[data-v-3a31d377] { +.g-gantt-legend-collapse-container[data-v-8009c547] { display: flex; - align-items: flex-start; - - width: 224px; - - background: white; - color: #4c5356; - z-index: 4; - font-size: 0.85em; - padding-top: 8px; - padding-bottom: 12px; - border-radius: 3px; - font-feature-settings: "tnum"; - font-variant-numeric: tabular-nums; + align-items: center; + align-self: flex-end; + justify-content: flex-end; - box-shadow: 0 2px 8px 0 rgba(0,0,0,0.2); -} -.g-gantt-tooltip[data-v-3a31d377]:hover { - cursor: var(--f7565ec2); + height: 62px; + margin-bottom: 14px; } -.g-gantt-tooltip-category-container[data-v-3a31d377] { +.g-gantt-legend-collapse[data-v-8009c547] { display: flex; align-items: center; - margin-bottom: 8px; -} -.g-gantt-tooltip-container[data-v-3a31d377] { - width: 100%; - display: flex; - flex-direction: column; -} -.g-gantt-tooltip-time[data-v-3a31d377] { - font-size: 12px; - font-weight: 400; - line-height: 15.6px; + align-self: baseline; + justify-content: flex-end; - color: #4c5356; + width: 48px; + height: 48px; } -.g-gantt-tooltip-promotion-time-container[data-v-3a31d377] { - display: flex; - justify-content: space-between; - padding: 0 12px; +.g-gantt-legend-collapse[data-v-8009c547]:hover { + cursor: pointer; } -.g-gantt-tooltip-area[data-v-3a31d377] { - font-size: 12px; - font-weight: 400; - line-height: 15.6px; +.g-gantt-legend-area-icon[data-v-8009c547] { + margin: 0 8px 0 24px; } -.g-gantt-tooltip-category[data-v-3a31d377] { - font-size: 12px; - font-weight: 400; - line-height: 15.6px; +.g-gantt-legend-area-icon[data-v-8009c547] > * { + fill: #4c5356; } -.g-gantt-tooltip-area-container[data-v-3a31d377] { +.g-gantt-legend-promotion[data-v-8009c547] { display: flex; - justify-content: space-between; - align-items: center; - padding: 0 12px; + flex-direction: column; + gap: 4px; } -.g-gantt-tooltip-promotion-title[data-v-3a31d377] { - font-size: 16px; - font-weight: 700; - line-height: 20.8px; - - color: #1b1e1f; - - padding: 0 12px 10px 12px; +.g-gantt-legend-areas-list[data-v-8009c547] { + display: flex; + flex-direction: column; } -.g-gantt-tooltip-color-line[data-v-3a31d377] { - height: 2px; +.g-gantt-legend-area-list[data-v-8009c547] { + display: flex; + flex-direction: column; + gap: 6px; } -.g-gantt-tooltip-color-line-left[data-v-3a31d377] { - min-width: 8px; - margin-right: 4px; +.g-gantt-legend-do-collapse[data-v-8009c547] { + color: #008075; +} +.g-gantt-legend-category-color[data-v-8009c547] { + width: 60px; + height: 6px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } -.g-gantt-tooltip-color-line-right[data-v-3a31d377] { - margin-left: 4px; - width: 100%; +.g-gantt-legend[data-v-8009c547] { + display: flex; + flex-direction: column; - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; + background-color: white; + min-width: 68px; + + box-shadow: 4px 0 8px 1px rgba(27,30,31,0.2); + z-index: 1; } @media (max-width: 1400px) { -.g-gantt-tooltip[data-v-3a31d377] { - width: 208px; - - padding-top: 6px; - padding-bottom: 8px; +.g-gantt-legend[data-v-8009c547] { + min-width: 60px; } -.g-gantt-tooltip-color-line-left[data-v-3a31d377] { - min-width: 4px; +.g-gantt-legend-category-color[data-v-8009c547] { + max-width: 52px; } -.g-gantt-tooltip-area-container[data-v-3a31d377], - .g-gantt-tooltip-promotion-title[data-v-3a31d377], - .g-gantt-tooltip-promotion-time-container[data-v-3a31d377] { - padding-left: 8px; - padding-right: 8px; +.g-gantt-legend-collapse[data-v-8009c547] { + width: 56px; + height: 48px; } } +@media (max-width: 700px) { +.g-gantt-legend[data-v-8009c547] { + min-width: 56px; +} +.g-gantt-legend-category-color[data-v-8009c547] { + max-width: 44px; +} +.g-gantt-legend-area-icon[data-v-8009c547] { + margin-left: 16px; +} +} +`,"top");injectStyle(` +.g-gantt-grid-current-date[data-v-dd346c68] { + font-size: 12px; + font-weight: 400; + line-height: 15.6px; + text-align: center; +} `,"top"); diff --git a/src/components/GGanttLegend/GGanttLegendCollapsedView.vue b/src/components/GGanttLegend/GGanttLegendCollapsedView.vue index fb4b39e..fde741f 100644 --- a/src/components/GGanttLegend/GGanttLegendCollapsedView.vue +++ b/src/components/GGanttLegend/GGanttLegendCollapsedView.vue @@ -23,6 +23,7 @@
{ z-index: 1; } +.g-gantt-legend-area-icon * { + fill: #4c5356; +} + @media (max-width: 1400px) { .g-gantt-legend-category-color { max-width: 52px; diff --git a/src/components/GGanttLegend/GGanttLegendNonCollapsedView.vue b/src/components/GGanttLegend/GGanttLegendNonCollapsedView.vue index ebd6131..0c7aea4 100644 --- a/src/components/GGanttLegend/GGanttLegendNonCollapsedView.vue +++ b/src/components/GGanttLegend/GGanttLegendNonCollapsedView.vue @@ -93,7 +93,7 @@ onMounted(() => { margin: 0 8px 0 24px; } -.g-gantt-legend-area-icon > path { +.g-gantt-legend-area-icon > * { fill: #4c5356; }