@worktile/gantt 12.2.3 → 13.0.0-next.0

package/bundles/worktile-gantt.umd.js

@@ -1,3723 +0,0 @@
-(function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('rxjs/operators'), require('rxjs'), require('date-fns'), require('@angular/cdk/collections'), require('@angular/cdk/coercion'), require('@angular/cdk/drag-drop')) :
-    typeof define === 'function' && define.amd ? define('@worktile/gantt', ['exports', '@angular/core', '@angular/common', 'rxjs/operators', 'rxjs', 'date-fns', '@angular/cdk/collections', '@angular/cdk/coercion', '@angular/cdk/drag-drop'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.worktile = global.worktile || {}, global.worktile.gantt = {}), global.ng.core, global.ng.common, global.rxjs.operators, global.rxjs, global.dateFns, global.ng.cdk.collections, global.ng.cdk.coercion, global.ng.cdk.dragDrop));
-})(this, (function (exports, i0, i2, operators, rxjs, dateFns, collections, coercion, i1) { 'use strict';
-
-    function _interopNamespace(e) {
-        if (e && e.__esModule) return e;
-        var n = Object.create(null);
-        if (e) {
-            Object.keys(e).forEach(function (k) {
-                if (k !== 'default') {
-                    var d = Object.getOwnPropertyDescriptor(e, k);
-                    Object.defineProperty(n, k, d.get ? d : {
-                        enumerable: true,
-                        get: function () { return e[k]; }
-                    });
-                }
-            });
-        }
-        n["default"] = e;
-        return Object.freeze(n);
-    }
-
-    var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
-    var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
-    var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
-
-    /*! *****************************************************************************
-    Copyright (c) Microsoft Corporation.
-
-    Permission to use, copy, modify, and/or distribute this software for any
-    purpose with or without fee is hereby granted.
-
-    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-    PERFORMANCE OF THIS SOFTWARE.
-    ***************************************************************************** */
-    /* global Reflect, Promise */
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b)
-                if (Object.prototype.hasOwnProperty.call(b, p))
-                    d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    function __extends(d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    }
-    var __assign = function () {
-        __assign = Object.assign || function __assign(t) {
-            for (var s, i = 1, n = arguments.length; i < n; i++) {
-                s = arguments[i];
-                for (var p in s)
-                    if (Object.prototype.hasOwnProperty.call(s, p))
-                        t[p] = s[p];
-            }
-            return t;
-        };
-        return __assign.apply(this, arguments);
-    };
-    function __rest(s, e) {
-        var t = {};
-        for (var p in s)
-            if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-                t[p] = s[p];
-        if (s != null && typeof Object.getOwnPropertySymbols === "function")
-            for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-                if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                    t[p[i]] = s[p[i]];
-            }
-        return t;
-    }
-    function __decorate(decorators, target, key, desc) {
-        var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-        if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-            r = Reflect.decorate(decorators, target, key, desc);
-        else
-            for (var i = decorators.length - 1; i >= 0; i--)
-                if (d = decorators[i])
-                    r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-        return c > 3 && r && Object.defineProperty(target, key, r), r;
-    }
-    function __param(paramIndex, decorator) {
-        return function (target, key) { decorator(target, key, paramIndex); };
-    }
-    function __metadata(metadataKey, metadataValue) {
-        if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
-            return Reflect.metadata(metadataKey, metadataValue);
-    }
-    function __awaiter(thisArg, _arguments, P, generator) {
-        function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-        return new (P || (P = Promise))(function (resolve, reject) {
-            function fulfilled(value) { try {
-                step(generator.next(value));
-            }
-            catch (e) {
-                reject(e);
-            } }
-            function rejected(value) { try {
-                step(generator["throw"](value));
-            }
-            catch (e) {
-                reject(e);
-            } }
-            function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-            step((generator = generator.apply(thisArg, _arguments || [])).next());
-        });
-    }
-    function __generator(thisArg, body) {
-        var _ = { label: 0, sent: function () { if (t[0] & 1)
-                throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-        return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function () { return this; }), g;
-        function verb(n) { return function (v) { return step([n, v]); }; }
-        function step(op) {
-            if (f)
-                throw new TypeError("Generator is already executing.");
-            while (_)
-                try {
-                    if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done)
-                        return t;
-                    if (y = 0, t)
-                        op = [op[0] & 2, t.value];
-                    switch (op[0]) {
-                        case 0:
-                        case 1:
-                            t = op;
-                            break;
-                        case 4:
-                            _.label++;
-                            return { value: op[1], done: false };
-                        case 5:
-                            _.label++;
-                            y = op[1];
-                            op = [0];
-                            continue;
-                        case 7:
-                            op = _.ops.pop();
-                            _.trys.pop();
-                            continue;
-                        default:
-                            if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
-                                _ = 0;
-                                continue;
-                            }
-                            if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) {
-                                _.label = op[1];
-                                break;
-                            }
-                            if (op[0] === 6 && _.label < t[1]) {
-                                _.label = t[1];
-                                t = op;
-                                break;
-                            }
-                            if (t && _.label < t[2]) {
-                                _.label = t[2];
-                                _.ops.push(op);
-                                break;
-                            }
-                            if (t[2])
-                                _.ops.pop();
-                            _.trys.pop();
-                            continue;
-                    }
-                    op = body.call(thisArg, _);
-                }
-                catch (e) {
-                    op = [6, e];
-                    y = 0;
-                }
-                finally {
-                    f = t = 0;
-                }
-            if (op[0] & 5)
-                throw op[1];
-            return { value: op[0] ? op[1] : void 0, done: true };
-        }
-    }
-    var __createBinding = Object.create ? (function (o, m, k, k2) {
-        if (k2 === undefined)
-            k2 = k;
-        Object.defineProperty(o, k2, { enumerable: true, get: function () { return m[k]; } });
-    }) : (function (o, m, k, k2) {
-        if (k2 === undefined)
-            k2 = k;
-        o[k2] = m[k];
-    });
-    function __exportStar(m, o) {
-        for (var p in m)
-            if (p !== "default" && !Object.prototype.hasOwnProperty.call(o, p))
-                __createBinding(o, m, p);
-    }
-    function __values(o) {
-        var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-        if (m)
-            return m.call(o);
-        if (o && typeof o.length === "number")
-            return {
-                next: function () {
-                    if (o && i >= o.length)
-                        o = void 0;
-                    return { value: o && o[i++], done: !o };
-                }
-            };
-        throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-    }
-    function __read(o, n) {
-        var m = typeof Symbol === "function" && o[Symbol.iterator];
-        if (!m)
-            return o;
-        var i = m.call(o), r, ar = [], e;
-        try {
-            while ((n === void 0 || n-- > 0) && !(r = i.next()).done)
-                ar.push(r.value);
-        }
-        catch (error) {
-            e = { error: error };
-        }
-        finally {
-            try {
-                if (r && !r.done && (m = i["return"]))
-                    m.call(i);
-            }
-            finally {
-                if (e)
-                    throw e.error;
-            }
-        }
-        return ar;
-    }
-    /** @deprecated */
-    function __spread() {
-        for (var ar = [], i = 0; i < arguments.length; i++)
-            ar = ar.concat(__read(arguments[i]));
-        return ar;
-    }
-    /** @deprecated */
-    function __spreadArrays() {
-        for (var s = 0, i = 0, il = arguments.length; i < il; i++)
-            s += arguments[i].length;
-        for (var r = Array(s), k = 0, i = 0; i < il; i++)
-            for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-                r[k] = a[j];
-        return r;
-    }
-    function __spreadArray(to, from, pack) {
-        if (pack || arguments.length === 2)
-            for (var i = 0, l = from.length, ar; i < l; i++) {
-                if (ar || !(i in from)) {
-                    if (!ar)
-                        ar = Array.prototype.slice.call(from, 0, i);
-                    ar[i] = from[i];
-                }
-            }
-        return to.concat(ar || Array.prototype.slice.call(from));
-    }
-    function __await(v) {
-        return this instanceof __await ? (this.v = v, this) : new __await(v);
-    }
-    function __asyncGenerator(thisArg, _arguments, generator) {
-        if (!Symbol.asyncIterator)
-            throw new TypeError("Symbol.asyncIterator is not defined.");
-        var g = generator.apply(thisArg, _arguments || []), i, q = [];
-        return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
-        function verb(n) { if (g[n])
-            i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
-        function resume(n, v) { try {
-            step(g[n](v));
-        }
-        catch (e) {
-            settle(q[0][3], e);
-        } }
-        function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
-        function fulfill(value) { resume("next", value); }
-        function reject(value) { resume("throw", value); }
-        function settle(f, v) { if (f(v), q.shift(), q.length)
-            resume(q[0][0], q[0][1]); }
-    }
-    function __asyncDelegator(o) {
-        var i, p;
-        return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
-        function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === "return" } : f ? f(v) : v; } : f; }
-    }
-    function __asyncValues(o) {
-        if (!Symbol.asyncIterator)
-            throw new TypeError("Symbol.asyncIterator is not defined.");
-        var m = o[Symbol.asyncIterator], i;
-        return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
-        function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
-        function settle(resolve, reject, d, v) { Promise.resolve(v).then(function (v) { resolve({ value: v, done: d }); }, reject); }
-    }
-    function __makeTemplateObject(cooked, raw) {
-        if (Object.defineProperty) {
-            Object.defineProperty(cooked, "raw", { value: raw });
-        }
-        else {
-            cooked.raw = raw;
-        }
-        return cooked;
-    }
-    ;
-    var __setModuleDefault = Object.create ? (function (o, v) {
-        Object.defineProperty(o, "default", { enumerable: true, value: v });
-    }) : function (o, v) {
-        o["default"] = v;
-    };
-    function __importStar(mod) {
-        if (mod && mod.__esModule)
-            return mod;
-        var result = {};
-        if (mod != null)
-            for (var k in mod)
-                if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k))
-                    __createBinding(result, mod, k);
-        __setModuleDefault(result, mod);
-        return result;
-    }
-    function __importDefault(mod) {
-        return (mod && mod.__esModule) ? mod : { default: mod };
-    }
-    function __classPrivateFieldGet(receiver, state, kind, f) {
-        if (kind === "a" && !f)
-            throw new TypeError("Private accessor was defined without a getter");
-        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
-            throw new TypeError("Cannot read private member from an object whose class did not declare it");
-        return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-    }
-    function __classPrivateFieldSet(receiver, state, value, kind, f) {
-        if (kind === "m")
-            throw new TypeError("Private method is not writable");
-        if (kind === "a" && !f)
-            throw new TypeError("Private accessor was defined without a setter");
-        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
-            throw new TypeError("Cannot write private member to an object whose class did not declare it");
-        return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
-    }
-
-    var GanttDatePoint = /** @class */ (function () {
-        function GanttDatePoint(start, text, x, y, additions) {
-            this.start = start;
-            this.text = text;
-            this.x = x;
-            this.y = y;
-            this.additions = additions;
-        }
-        return GanttDatePoint;
-    }());
-
-    var GanttDragEvent = /** @class */ (function () {
-        function GanttDragEvent() {
-        }
-        return GanttDragEvent;
-    }());
-    var GanttTableEvent = /** @class */ (function () {
-        function GanttTableEvent() {
-        }
-        return GanttTableEvent;
-    }());
-    var GanttLinkDragEvent = /** @class */ (function () {
-        function GanttLinkDragEvent() {
-        }
-        return GanttLinkDragEvent;
-    }());
-    var GanttLoadOnScrollEvent = /** @class */ (function () {
-        function GanttLoadOnScrollEvent() {
-        }
-        return GanttLoadOnScrollEvent;
-    }());
-    var GanttLineClickEvent = /** @class */ (function () {
-        function GanttLineClickEvent() {
-        }
-        return GanttLineClickEvent;
-    }());
-    var GanttBarClickEvent = /** @class */ (function () {
-        function GanttBarClickEvent() {
-        }
-        return GanttBarClickEvent;
-    }());
-    var GanttSelectedEvent = /** @class */ (function () {
-        function GanttSelectedEvent() {
-        }
-        return GanttSelectedEvent;
-    }());
-
-    var GanttDate = /** @class */ (function () {
-        function GanttDate(date) {
-            if (date) {
-                if (date instanceof Date) {
-                    this.value = date;
-                }
-                else if (typeof date === 'string' || typeof date === 'number') {
-                    if (date.toString().length < 13) {
-                        this.value = dateFns.fromUnixTime(+date);
-                    }
-                    else {
-                        this.value = new Date(date);
-                    }
-                }
-                else {
-                    throw new Error("The input date type is not supported expect Date | string\n                     | number | { date: number; with_time: 0 | 1}, actual " + JSON.stringify(date));
-                }
-            }
-            else {
-                this.value = new Date();
-            }
-        }
-        GanttDate.prototype.getYear = function () {
-            return this.value.getFullYear();
-        };
-        GanttDate.prototype.getMonth = function () {
-            return this.value.getMonth();
-        };
-        GanttDate.prototype.getDay = function () {
-            return this.value.getDay();
-        };
-        GanttDate.prototype.getTime = function () {
-            return this.value.getTime();
-        };
-        GanttDate.prototype.getDate = function () {
-            return this.value.getDate();
-        };
-        GanttDate.prototype.getHours = function () {
-            return this.value.getHours();
-        };
-        GanttDate.prototype.getMinutes = function () {
-            return this.value.getMinutes();
-        };
-        GanttDate.prototype.getSeconds = function () {
-            return this.value.getSeconds();
-        };
-        GanttDate.prototype.getMilliseconds = function () {
-            return this.value.getMilliseconds();
-        };
-        GanttDate.prototype.getWeek = function (options) {
-            if (options === void 0) { options = { weekStartsOn: 1 }; }
-            return dateFns.getWeek(this.value, options);
-        };
-        GanttDate.prototype.getDaysInMonth = function () {
-            return dateFns.getDaysInMonth(this.value);
-        };
-        GanttDate.prototype.getDaysInQuarter = function () {
-            return dateFns.differenceInCalendarDays(this.endOfQuarter().addSeconds(1).value, this.startOfQuarter().value);
-        };
-        GanttDate.prototype.getDaysInYear = function () {
-            return dateFns.differenceInCalendarDays(this.endOfYear().addSeconds(1).value, this.startOfYear().value);
-        };
-        GanttDate.prototype.setDate = function (dayOfMonth) {
-            return new GanttDate(dateFns.setDate(this.value, dayOfMonth));
-        };
-        GanttDate.prototype.clone = function () {
-            return new GanttDate(new Date(this.value));
-        };
-        GanttDate.prototype.add = function (amount, unit) {
-            switch (unit) {
-                case 'second':
-                    return new GanttDate(this.value).addSeconds(amount);
-                case 'minute':
-                    return new GanttDate(this.value).addMinutes(amount);
-                case 'hour':
-                    return new GanttDate(this.value).addHours(amount);
-                case 'day':
-                    return new GanttDate(this.value).addDays(amount);
-                case 'week':
-                    return new GanttDate(this.value).addWeeks(amount);
-                case 'month':
-                    return new GanttDate(this.value).addMonths(amount);
-                case 'quarter':
-                    return new GanttDate(this.value).addQuarters(amount);
-                case 'year':
-                    return new GanttDate(this.value).addYears(amount);
-                default:
-                    return new GanttDate(this.value).addSeconds(amount);
-            }
-        };
-        GanttDate.prototype.addSeconds = function (amount) {
-            return new GanttDate(dateFns.addSeconds(this.value, amount));
-        };
-        GanttDate.prototype.addMinutes = function (amount) {
-            return new GanttDate(dateFns.addMinutes(this.value, amount));
-        };
-        GanttDate.prototype.addHours = function (amount) {
-            return new GanttDate(dateFns.addHours(this.value, amount));
-        };
-        GanttDate.prototype.addDays = function (amount) {
-            return new GanttDate(dateFns.addDays(this.value, amount));
-        };
-        GanttDate.prototype.addWeeks = function (amount) {
-            return new GanttDate(dateFns.addWeeks(this.value, amount));
-        };
-        GanttDate.prototype.addMonths = function (amount) {
-            return new GanttDate(dateFns.addMonths(this.value, amount));
-        };
-        GanttDate.prototype.addQuarters = function (amount) {
-            return new GanttDate(dateFns.addQuarters(this.value, amount));
-        };
-        GanttDate.prototype.addYears = function (amount) {
-            return new GanttDate(dateFns.addYears(this.value, amount));
-        };
-        GanttDate.prototype.startOfDay = function () {
-            return new GanttDate(dateFns.startOfDay(this.value));
-        };
-        GanttDate.prototype.startOfWeek = function (options) {
-            return new GanttDate(dateFns.startOfWeek(this.value, options));
-        };
-        GanttDate.prototype.startOfMonth = function () {
-            return new GanttDate(dateFns.startOfMonth(this.value));
-        };
-        GanttDate.prototype.startOfQuarter = function () {
-            return new GanttDate(dateFns.startOfQuarter(this.value));
-        };
-        GanttDate.prototype.startOfYear = function () {
-            return new GanttDate(dateFns.startOfYear(this.value));
-        };
-        GanttDate.prototype.endOfDay = function () {
-            return new GanttDate(dateFns.endOfDay(this.value));
-        };
-        GanttDate.prototype.endOfWeek = function (options) {
-            return new GanttDate(dateFns.endOfWeek(this.value, options));
-        };
-        GanttDate.prototype.endOfMonth = function () {
-            return new GanttDate(dateFns.endOfMonth(this.value));
-        };
-        GanttDate.prototype.endOfQuarter = function () {
-            return new GanttDate(dateFns.endOfQuarter(this.value));
-        };
-        GanttDate.prototype.endOfYear = function () {
-            return new GanttDate(dateFns.endOfYear(this.value));
-        };
-        GanttDate.prototype.getUnixTime = function () {
-            return dateFns.getUnixTime(this.value);
-        };
-        GanttDate.prototype.format = function (mat, options) {
-            return dateFns.format(this.value, mat, options);
-        };
-        GanttDate.prototype.isWeekend = function () {
-            return dateFns.isWeekend(this.value);
-        };
-        GanttDate.prototype.isToday = function () {
-            return dateFns.isToday(this.value);
-        };
-        return GanttDate;
-    }());
-
-    exports.GanttViewType = void 0;
-    (function (GanttViewType) {
-        GanttViewType["day"] = "day";
-        GanttViewType["quarter"] = "quarter";
-        GanttViewType["month"] = "month";
-        GanttViewType["year"] = "year";
-        GanttViewType["week"] = "week";
-    })(exports.GanttViewType || (exports.GanttViewType = {}));
-
-    exports.GanttLinkType = void 0;
-    (function (GanttLinkType) {
-        GanttLinkType[GanttLinkType["fs"] = 1] = "fs";
-        GanttLinkType[GanttLinkType["ff"] = 2] = "ff";
-        GanttLinkType[GanttLinkType["ss"] = 3] = "ss";
-        GanttLinkType[GanttLinkType["sf"] = 4] = "sf";
-    })(exports.GanttLinkType || (exports.GanttLinkType = {}));
-    exports.GanttLinkLineType = void 0;
-    (function (GanttLinkLineType) {
-        GanttLinkLineType["curve"] = "curve";
-        GanttLinkLineType["straight"] = "straight";
-    })(exports.GanttLinkLineType || (exports.GanttLinkLineType = {}));
-    exports.LinkColors = void 0;
-    (function (LinkColors) {
-        LinkColors["default"] = "#cacaca";
-        LinkColors["blocked"] = "#FF7575";
-        LinkColors["active"] = "#348FE4";
-    })(exports.LinkColors || (exports.LinkColors = {}));
-
-    exports.GanttItemType = void 0;
-    (function (GanttItemType) {
-        GanttItemType["bar"] = "bar";
-        GanttItemType["range"] = "range";
-        GanttItemType["custom"] = "custom";
-    })(exports.GanttItemType || (exports.GanttItemType = {}));
-    var GanttItemInternal = /** @class */ (function () {
-        function GanttItemInternal(item, options) {
-            var _this = this;
-            this.refs$ = new rxjs.BehaviorSubject(null);
-            this.origin = item;
-            this.id = this.origin.id;
-            this.links = (this.origin.links || []).map(function (link) {
-                if (typeof link === 'string') {
-                    return {
-                        type: exports.GanttLinkType.fs,
-                        link: link
-                    };
-                }
-                else {
-                    return link;
-                }
-            });
-            this.color = this.origin.color;
-            this.barStyle = this.origin.barStyle;
-            this.linkable = this.origin.linkable === undefined ? true : this.origin.linkable;
-            this.draggable = this.origin.draggable === undefined ? true : this.origin.draggable;
-            this.expandable = this.origin.expandable || (this.origin.children || []).length > 0;
-            this.expanded = this.origin.expanded === undefined ? false : this.origin.expanded;
-            this.start = item.start ? new GanttDate(item.start) : null;
-            this.end = item.end ? new GanttDate(item.end) : null;
-            this.viewType = options && options.viewType ? options.viewType : exports.GanttViewType.month;
-            this.children = (item.children || []).map(function (subItem) {
-                return new GanttItemInternal(subItem, { viewType: _this.viewType });
-            });
-            this.type = this.origin.type || exports.GanttItemType.bar;
-            this.progress = this.origin.progress;
-            // fill one month when start or end is null
-            this.fillItemStartOrEnd(item);
-        }
-        Object.defineProperty(GanttItemInternal.prototype, "refs", {
-            get: function () {
-                return this.refs$.getValue();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        GanttItemInternal.prototype.fillItemStartOrEnd = function (item) {
-            var addInterval;
-            switch (this.viewType) {
-                case exports.GanttViewType.day:
-                case exports.GanttViewType.week:
-                    addInterval = 0;
-                    break;
-                default:
-                    addInterval = 30;
-                    break;
-            }
-            if (item.start && !item.end) {
-                this.end = new GanttDate(item.start).addDays(addInterval).endOfDay();
-            }
-            if (!item.start && item.end) {
-                this.start = new GanttDate(item.end).addDays(-addInterval).startOfDay();
-            }
-        };
-        GanttItemInternal.prototype.updateRefs = function (refs) {
-            this.refs$.next(refs);
-        };
-        GanttItemInternal.prototype.updateDate = function (start, end) {
-            this.start = start.startOfDay();
-            this.end = end.endOfDay();
-            this.origin.start = this.start.getUnixTime();
-            this.origin.end = this.end.getUnixTime();
-        };
-        GanttItemInternal.prototype.addChildren = function (items) {
-            var _this = this;
-            this.origin.children = items;
-            this.children = (items || []).map(function (subItem) {
-                return new GanttItemInternal(subItem, { viewType: _this.viewType });
-            });
-        };
-        GanttItemInternal.prototype.setExpand = function (expanded) {
-            this.expanded = expanded;
-            this.origin.expanded = expanded;
-        };
-        GanttItemInternal.prototype.addLink = function (link) {
-            console.log(link);
-            this.links = __spreadArray(__spreadArray([], __read(this.links)), [link]);
-            this.origin.links = this.links;
-        };
-        return GanttItemInternal;
-    }());
-
-    var GanttGroupInternal = /** @class */ (function () {
-        function GanttGroupInternal(group) {
-            this.refs = {};
-            this.id = group.id;
-            this.origin = group;
-            this.title = group.title;
-            this.expanded = group.expanded === undefined ? true : group.expanded;
-            this.items = [];
-            this.mergedItems = [[]];
-            this.class = group.class || '';
-        }
-        GanttGroupInternal.prototype.setExpand = function (expanded) {
-            this.expanded = expanded;
-            this.origin.expanded = expanded;
-        };
-        return GanttGroupInternal;
-    }());
-
-    var defaultConfig = {
-        dateFormat: {
-            week: '第w周',
-            month: 'M月',
-            quarter: 'QQQ',
-            year: 'yyyy年',
-            yearMonth: 'yyyy年MM月',
-            yearQuarter: 'yyyy年QQQ'
-        },
-        linkOptions: {
-            dependencyTypes: [exports.GanttLinkType.fs],
-            showArrow: false,
-            lineType: exports.GanttLinkLineType.curve
-        }
-    };
-    var GANTT_GLOBAL_CONFIG = new i0.InjectionToken('GANTT_GLOBAL_CONFIG');
-
-    var primaryDatePointTop = 18;
-    var secondaryDatePointTop = 36;
-    var viewOptions$5 = {
-        min: new GanttDate().addYears(-1).startOfYear(),
-        max: new GanttDate().addYears(1).endOfYear(),
-        dateFormat: defaultConfig.dateFormat
-    };
-    var GanttView = /** @class */ (function () {
-        function GanttView(start, end, options) {
-            this.showTimeline = true;
-            this.options = Object.assign({}, viewOptions$5, options);
-            var startDate = start.isCustom
-                ? this.startOf(start.date)
-                : this.startOf(start.date.value < this.options.start.value ? start.date : this.options.start);
-            var endDate = end.isCustom
-                ? this.endOf(end.date)
-                : this.endOf(end.date.value > this.options.end.value ? end.date : this.options.end);
-            this.start$ = new rxjs.BehaviorSubject(startDate);
-            this.end$ = new rxjs.BehaviorSubject(endDate);
-            this.initialize();
-        }
-        Object.defineProperty(GanttView.prototype, "start", {
-            get: function () {
-                return this.start$.getValue();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(GanttView.prototype, "end", {
-            get: function () {
-                return this.end$.getValue();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        GanttView.prototype.getDateIntervalWidth = function (start, end) {
-            var result = 0;
-            var days = dateFns.differenceInDays(end.value, start.value);
-            for (var i = 0; i < Math.abs(days); i++) {
-                result += this.getDayOccupancyWidth(start.addDays(i));
-            }
-            result = days >= 0 ? result : -result;
-            return Number(result.toFixed(3));
-        };
-        GanttView.prototype.initialize = function () {
-            this.primaryDatePoints = this.getPrimaryDatePoints();
-            this.secondaryDatePoints = this.getSecondaryDatePoints();
-            this.width = this.getWidth();
-            this.cellWidth = this.getCellWidth();
-            this.primaryWidth = this.getPrimaryWidth();
-        };
-        GanttView.prototype.addStartDate = function () {
-            var start = this.startOf(this.start.add(this.options.addAmount * -1, this.options.addUnit));
-            if (start.value >= this.options.min.value) {
-                var origin = this.start;
-                this.start$.next(start);
-                this.initialize();
-                return { start: this.start, end: origin };
-            }
-            return null;
-        };
-        GanttView.prototype.addEndDate = function () {
-            var end = this.endOf(this.end.add(this.options.addAmount, this.options.addUnit));
-            if (end.value <= this.options.max.value) {
-                var origin = this.end;
-                this.end$.next(end);
-                this.initialize();
-                return { start: origin, end: this.end };
-            }
-            return null;
-        };
-        GanttView.prototype.updateDate = function (start, end) {
-            start = this.startOf(start);
-            end = this.endOf(end);
-            if (start.value < this.start.value) {
-                this.start$.next(start);
-            }
-            if (end.value > this.end.value) {
-                this.end$.next(end);
-            }
-            this.initialize();
-        };
-        // 获取View的宽度
-        GanttView.prototype.getWidth = function () {
-            return this.getCellWidth() * this.secondaryDatePoints.length;
-        };
-        // 获取单个网格的宽度
-        GanttView.prototype.getCellWidth = function () {
-            return this.options.cellWidth;
-        };
-        // 获取当前时间的X坐标
-        GanttView.prototype.getTodayXPoint = function () {
-            var toady = new GanttDate().startOfDay();
-            if (toady.value > this.start.value && toady.value < this.end.value) {
-                var x = this.getXPointByDate(toady) + this.getDayOccupancyWidth(toady) / 2;
-                return x;
-            }
-            else {
-                return null;
-            }
-        };
-        // 获取指定时间的X坐标
-        GanttView.prototype.getXPointByDate = function (date) {
-            return this.getDateIntervalWidth(this.start, date);
-        };
-        // 根据X坐标获取对应时间
-        GanttView.prototype.getDateByXPoint = function (x) {
-            var indexOfSecondaryDate = Math.floor(x / this.getCellWidth());
-            var matchDate = this.secondaryDatePoints[indexOfSecondaryDate];
-            var dayWidth = this.getDayOccupancyWidth(matchDate === null || matchDate === void 0 ? void 0 : matchDate.start);
-            if (dayWidth === this.getCellWidth()) {
-                return matchDate === null || matchDate === void 0 ? void 0 : matchDate.start;
-            }
-            else {
-                var day = Math.floor((x % this.getCellWidth()) / dayWidth) + 1;
-                if (this.getCellWidth() / dayWidth === 7) {
-                    return matchDate === null || matchDate === void 0 ? void 0 : matchDate.start.addDays(day);
-                }
-                return matchDate === null || matchDate === void 0 ? void 0 : matchDate.start.setDate(day);
-            }
-        };
-        // 获取指定时间范围的宽度
-        GanttView.prototype.getDateRangeWidth = function (start, end) {
-            // addSeconds(1) 是因为计算相差天会以一个整天来计算 end时间一般是59分59秒不是一个整天，所以需要加1
-            return this.getDateIntervalWidth(start, end.addSeconds(1));
-        };
-        return GanttView;
-    }());
-
-    var viewOptions$4 = {
-        start: new GanttDate().startOfQuarter().addQuarters(-1),
-        end: new GanttDate().endOfQuarter().addQuarters(2),
-        cellWidth: 280,
-        addAmount: 1,
-        addUnit: 'quarter'
-    };
-    var GanttViewMonth = /** @class */ (function (_super) {
-        __extends(GanttViewMonth, _super);
-        function GanttViewMonth(start, end, options) {
-            return _super.call(this, start, end, Object.assign({}, viewOptions$4, options)) || this;
-        }
-        GanttViewMonth.prototype.startOf = function (date) {
-            return date.startOfQuarter();
-        };
-        GanttViewMonth.prototype.endOf = function (date) {
-            return date.endOfQuarter();
-        };
-        GanttViewMonth.prototype.getPrimaryWidth = function () {
-            return this.getCellWidth() * 3;
-        };
-        GanttViewMonth.prototype.getDayOccupancyWidth = function (date) {
-            return this.cellWidth / date.getDaysInMonth();
-        };
-        GanttViewMonth.prototype.getPrimaryDatePoints = function () {
-            var quarters = dateFns.differenceInCalendarQuarters(this.end.addSeconds(1).value, this.start.value);
-            var points = [];
-            for (var i = 0; i < quarters; i++) {
-                var start = this.start.addQuarters(i);
-                var point = new GanttDatePoint(start, start.format(this.options.dateFormat.yearQuarter), (this.getCellWidth() * 3) / 2 + i * (this.getCellWidth() * 3), primaryDatePointTop);
-                points.push(point);
-            }
-            return points;
-        };
-        GanttViewMonth.prototype.getSecondaryDatePoints = function () {
-            var months = dateFns.eachMonthOfInterval({ start: this.start.value, end: this.end.value });
-            var points = [];
-            for (var i = 0; i < months.length; i++) {
-                var start = new GanttDate(months[i]);
-                var point = new GanttDatePoint(start, start.format(this.options.dateFormat.month), i * this.getCellWidth() + this.getCellWidth() / 2, secondaryDatePointTop);
-                points.push(point);
-            }
-            return points;
-        };
-        return GanttViewMonth;
-    }(GanttView));
-
-    var viewOptions$3 = {
-        start: new GanttDate().addYears(-1).startOfYear(),
-        end: new GanttDate().addYears(1).endOfYear(),
-        min: new GanttDate().addYears(-2).startOfYear(),
-        max: new GanttDate().addYears(2).endOfYear(),
-        cellWidth: 500,
-        addAmount: 1,
-        addUnit: 'year'
-    };
-    var GanttViewQuarter = /** @class */ (function (_super) {
-        __extends(GanttViewQuarter, _super);
-        function GanttViewQuarter(start, end, options) {
-            return _super.call(this, start, end, Object.assign({}, viewOptions$3, options)) || this;
-        }
-        GanttViewQuarter.prototype.startOf = function (date) {
-            return date.startOfYear();
-        };
-        GanttViewQuarter.prototype.endOf = function (date) {
-            return date.endOfYear();
-        };
-        GanttViewQuarter.prototype.getPrimaryWidth = function () {
-            return this.getCellWidth() * 4;
-        };
-        GanttViewQuarter.prototype.getDayOccupancyWidth = function (date) {
-            return this.cellWidth / date.getDaysInQuarter();
-        };
-        GanttViewQuarter.prototype.getPrimaryDatePoints = function () {
-            var years = dateFns.eachYearOfInterval({ start: this.start.value, end: this.end.value });
-            var points = [];
-            for (var i = 0; i < years.length; i++) {
-                var start = new GanttDate(years[i]);
-                var point = new GanttDatePoint(start, "" + start.format(this.options.dateFormat.year), (this.getCellWidth() * 4) / 2 + i * (this.getCellWidth() * 4), primaryDatePointTop);
-                points.push(point);
-            }
-            return points;
-        };
-        GanttViewQuarter.prototype.getSecondaryDatePoints = function () {
-            var quarters = dateFns.differenceInCalendarQuarters(this.end.value, this.start.value);
-            var points = [];
-            for (var i = 0; i <= quarters; i++) {
-                var start = this.start.addQuarters(i);
-                var point = new GanttDatePoint(start, start.format(this.options.dateFormat.quarter), i * this.getCellWidth() + this.getCellWidth() / 2, secondaryDatePointTop);
-                points.push(point);
-            }
-            return points;
-        };
-        return GanttViewQuarter;
-    }(GanttView));
-
-    var viewOptions$2 = {
-        cellWidth: 35,
-        start: new GanttDate().startOfYear().startOfWeek({ weekStartsOn: 1 }),
-        end: new GanttDate().endOfYear().endOfWeek({ weekStartsOn: 1 }),
-        addAmount: 1,
-        addUnit: 'month'
-    };
-    var GanttViewDay = /** @class */ (function (_super) {
-        __extends(GanttViewDay, _super);
-        function GanttViewDay(start, end, options) {
-            var _this = _super.call(this, start, end, Object.assign({}, viewOptions$2, options)) || this;
-            _this.showWeekBackdrop = true;
-            _this.showTimeline = false;
-            return _this;
-        }
-        GanttViewDay.prototype.startOf = function (date) {
-            return date.startOfWeek({ weekStartsOn: 1 });
-        };
-        GanttViewDay.prototype.endOf = function (date) {
-            return date.endOfWeek({ weekStartsOn: 1 });
-        };
-        GanttViewDay.prototype.getPrimaryWidth = function () {
-            return this.getCellWidth() * 7;
-        };
-        GanttViewDay.prototype.getDayOccupancyWidth = function () {
-            return this.cellWidth;
-        };
-        GanttViewDay.prototype.getPrimaryDatePoints = function () {
-            var weeks = dateFns.eachWeekOfInterval({ start: this.start.value, end: this.end.addSeconds(1).value }, { weekStartsOn: 1 });
-            var points = [];
-            for (var i = 0; i < weeks.length; i++) {
-                var weekStart = new GanttDate(weeks[i]);
-                var increaseWeek = weekStart.getDaysInMonth() - weekStart.getDate() >= 3 ? 0 : 1;
-                var point = new GanttDatePoint(weekStart, weekStart.addWeeks(increaseWeek).format(this.options.dateFormat.yearMonth), (this.getCellWidth() * 7) / 2 + i * (this.getCellWidth() * 7), primaryDatePointTop);
-                points.push(point);
-            }
-            return points;
-        };
-        GanttViewDay.prototype.getSecondaryDatePoints = function () {
-            var days = dateFns.eachDayOfInterval({ start: this.start.value, end: this.end.value });
-            var points = [];
-            for (var i = 0; i < days.length; i++) {
-                var start = new GanttDate(days[i]);
-                var point = new GanttDatePoint(start, start.getDate().toString(), i * this.getCellWidth() + this.getCellWidth() / 2, secondaryDatePointTop, {
-                    isWeekend: start.isWeekend(),
-                    isToday: start.isToday()
-                });
-                points.push(point);
-            }
-            return points;
-        };
-        return GanttViewDay;
-    }(GanttView));
-
-    var viewOptions$1 = {
-        cellWidth: 280,
-        start: new GanttDate().startOfYear().startOfWeek({ weekStartsOn: 1 }),
-        end: new GanttDate().endOfYear().endOfWeek({ weekStartsOn: 1 }),
-        addAmount: 1,
-        addUnit: 'month'
-    };
-    var GanttViewWeek = /** @class */ (function (_super) {
-        __extends(GanttViewWeek, _super);
-        function GanttViewWeek(start, end, options) {
-            return _super.call(this, start, end, Object.assign({}, viewOptions$1, options)) || this;
-        }
-        GanttViewWeek.prototype.startOf = function (date) {
-            return date.startOfWeek({ weekStartsOn: 1 });
-        };
-        GanttViewWeek.prototype.endOf = function (date) {
-            return date.endOfWeek({ weekStartsOn: 1 });
-        };
-        GanttViewWeek.prototype.getPrimaryWidth = function () {
-            return this.getCellWidth();
-        };
-        GanttViewWeek.prototype.getDayOccupancyWidth = function () {
-            return this.cellWidth / 7;
-        };
-        GanttViewWeek.prototype.getPrimaryDatePoints = function () {
-            var weeks = dateFns.eachWeekOfInterval({ start: this.start.value, end: this.end.addSeconds(1).value }, { weekStartsOn: 1 });
-            var points = [];
-            for (var i = 0; i < weeks.length; i++) {
-                var weekStart = new GanttDate(weeks[i]);
-                var increaseWeek = weekStart.getDaysInMonth() - weekStart.getDate() >= 3 ? 0 : 1;
-                var point = new GanttDatePoint(weekStart, weekStart.addWeeks(increaseWeek).format(this.options.dateFormat.year), this.getCellWidth() / 2 + i * this.getCellWidth(), primaryDatePointTop);
-                points.push(point);
-            }
-            return points;
-        };
-        GanttViewWeek.prototype.getSecondaryDatePoints = function () {
-            var weeks = dateFns.eachWeekOfInterval({ start: this.start.value, end: this.end.value });
-            var points = [];
-            for (var i = 0; i < weeks.length; i++) {
-                var start = new GanttDate(weeks[i]);
-                var point = new GanttDatePoint(start, "" + start.format(this.options.dateFormat.week), i * this.getCellWidth() + this.getCellWidth() / 2, secondaryDatePointTop);
-                points.push(point);
-            }
-            return points;
-        };
-        return GanttViewWeek;
-    }(GanttView));
-
-    var viewOptions = {
-        cellWidth: 480,
-        start: new GanttDate().addYears(-2).startOfYear(),
-        end: new GanttDate().addYears(2).endOfYear(),
-        addAmount: 1,
-        addUnit: 'year'
-    };
-    var GanttViewYear = /** @class */ (function (_super) {
-        __extends(GanttViewYear, _super);
-        function GanttViewYear(start, end, options) {
-            return _super.call(this, start, end, Object.assign({}, viewOptions, options)) || this;
-        }
-        GanttViewYear.prototype.startOf = function (date) {
-            return date.startOfYear();
-        };
-        GanttViewYear.prototype.endOf = function (date) {
-            return date.endOfYear();
-        };
-        GanttViewYear.prototype.getPrimaryWidth = function () {
-            return this.getCellWidth();
-        };
-        GanttViewYear.prototype.getDayOccupancyWidth = function (date) {
-            return this.cellWidth / date.getDaysInYear();
-        };
-        GanttViewYear.prototype.getPrimaryDatePoints = function () {
-            var years = dateFns.eachYearOfInterval({ start: this.start.value, end: this.end.value });
-            var points = [];
-            for (var i = 0; i < years.length; i++) {
-                var start = new GanttDate(years[i]);
-                var point = new GanttDatePoint(start, "", this.getCellWidth() / 2 + i * this.getCellWidth(), primaryDatePointTop);
-                points.push(point);
-            }
-            return points;
-        };
-        GanttViewYear.prototype.getSecondaryDatePoints = function () {
-            var years = dateFns.differenceInCalendarYears(this.end.value, this.start.value);
-            var points = [];
-            var pointTop = 27;
-            for (var i = 0; i <= years; i++) {
-                var start = this.start.addYears(i);
-                var point = new GanttDatePoint(start, "" + start.format(this.options.dateFormat.year), i * this.getCellWidth() + this.getCellWidth() / 2, pointTop);
-                points.push(point);
-            }
-            return points;
-        };
-        return GanttViewYear;
-    }(GanttView));
-
-    function createViewFactory(type, start, end, options) {
-        switch (type) {
-            case exports.GanttViewType.month:
-                return new GanttViewMonth(start, end, options);
-            case exports.GanttViewType.week:
-                return new GanttViewWeek(start, end, options);
-            case exports.GanttViewType.quarter:
-                return new GanttViewQuarter(start, end, options);
-            case exports.GanttViewType.day:
-                return new GanttViewDay(start, end, options);
-            case exports.GanttViewType.year:
-                return new GanttViewYear(start, end, options);
-            default:
-                throw new Error('gantt view type invalid');
-        }
-    }
-
-    var defaultStyles = {
-        lineHeight: 44,
-        barHeight: 22
-    };
-    var headerHeight = 44;
-    var sideWidth = 400;
-    var sideMiddleWidth = 500;
-    var sideMaxWidth = 600;
-    var sideMinWidth = 400;
-    var barBackground = '#348fe4';
-    var rangeHeight = 17;
-    var todayHeight = 24;
-    var todayWidth = 35;
-    var todayBorderRadius = 4;
-
-    function isNumber(value) {
-        return typeof value === 'number';
-    }
-    function isString(value) {
-        return typeof value === 'string';
-    }
-    function isUndefined(value) {
-        return value === undefined;
-    }
-    function hexToRgb(color, opacity) {
-        if (opacity === void 0) { opacity = 1; }
-        if (/^#/g.test(color)) {
-            return "rgba(" + parseInt(color.slice(1, 3), 16) + "," + parseInt(color.slice(3, 5), 16) + "," + parseInt(color.slice(5, 7), 16) + "," + opacity + ")";
-        }
-        else {
-            return color;
-        }
-    }
-    function uniqBy(array, key) {
-        var valuesMap = {};
-        var result = [];
-        (array || []).forEach(function (value) {
-            var _key = value[key];
-            if (!valuesMap[_key]) {
-                valuesMap[_key] = value;
-                result.push(value);
-            }
-        });
-        return result;
-    }
-    function flatten(array) {
-        return array.reduce(function (pre, cur) {
-            return pre.concat(Array.isArray(cur) ? flatten(cur) : cur);
-        }, []);
-    }
-    function recursiveItems(items) {
-        var result = [];
-        (items || []).forEach(function (item) {
-            result.push(item);
-            if (item.expanded && item.children) {
-                result.push.apply(result, __spreadArray([], __read(recursiveItems(item.children))));
-            }
-        });
-        return result;
-    }
-    function getFlatItems(items) {
-        var result = [];
-        (items || []).forEach(function (item) {
-            result.push(item);
-            if (item.children) {
-                result.push.apply(result, __spreadArray([], __read(getFlatItems(item.children))));
-            }
-        });
-        return result;
-    }
-
-    var GanttUpper = /** @class */ (function () {
-        function GanttUpper(elementRef, cdr, ngZone, config) {
-            this.elementRef = elementRef;
-            this.cdr = cdr;
-            this.ngZone = ngZone;
-            this.config = config;
-            // eslint-disable-next-line @angular-eslint/no-input-rename
-            this.originItems = [];
-            // eslint-disable-next-line @angular-eslint/no-input-rename
-            this.originGroups = [];
-            this.viewType = exports.GanttViewType.month;
-            this.showTodayLine = true;
-            this.viewOptions = {};
-            this.loadOnScroll = new i0.EventEmitter();
-            this.dragStarted = new i0.EventEmitter();
-            this.dragMoved = new i0.EventEmitter();
-            this.dragEnded = new i0.EventEmitter();
-            this.barClick = new i0.EventEmitter();
-            this.linkDragEnded = new i0.EventEmitter();
-            this.items = [];
-            this.groups = [];
-            this.viewChange = new i0.EventEmitter();
-            this.expandChange = new i0.EventEmitter();
-            this.firstChange = true;
-            this.unsubscribe$ = new rxjs.Subject();
-            this._selectable = false;
-            this._multiple = false;
-            this.ganttClass = true;
-        }
-        Object.defineProperty(GanttUpper.prototype, "linkOptions", {
-            get: function () {
-                return Object.assign({}, defaultConfig.linkOptions, this.config.linkOptions, this._linkOptions);
-            },
-            set: function (options) {
-                this._linkOptions = options;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(GanttUpper.prototype, "selectable", {
-            get: function () {
-                return this._selectable;
-            },
-            set: function (value) {
-                var _a;
-                this._selectable = coercion.coerceBooleanProperty(value);
-                if (this._selectable) {
-                    this.selectionModel = this.initSelectionModel();
-                }
-                else {
-                    (_a = this.selectionModel) === null || _a === void 0 ? void 0 : _a.clear();
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(GanttUpper.prototype, "multiple", {
-            get: function () {
-                return this._multiple;
-            },
-            set: function (value) {
-                this._multiple = coercion.coerceBooleanProperty(value);
-                if (this.selectable) {
-                    this.selectionModel = this.initSelectionModel();
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(GanttUpper.prototype, "element", {
-            get: function () {
-                return this.elementRef.nativeElement;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        GanttUpper.prototype.createView = function () {
-            var viewDate = this.getViewDate();
-            this.view = createViewFactory(this.viewType, viewDate.start, viewDate.end, this.viewOptions);
-        };
-        GanttUpper.prototype.setupGroups = function () {
-            var _this = this;
-            var collapsedIds = this.groups.filter(function (group) { return group.expanded === false; }).map(function (group) { return group.id; });
-            this.groupsMap = {};
-            this.groups = [];
-            this.originGroups.forEach(function (origin) {
-                var group = new GanttGroupInternal(origin);
-                group.expanded = !collapsedIds.includes(group.id);
-                _this.groupsMap[group.id] = group;
-                _this.groups.push(group);
-            });
-        };
-        GanttUpper.prototype.setupItems = function () {
-            var _this = this;
-            this.originItems = uniqBy(this.originItems, 'id');
-            this.items = [];
-            if (this.groups.length > 0) {
-                this.originItems.forEach(function (origin) {
-                    var group = _this.groupsMap[origin.group_id];
-                    if (group) {
-                        var item = new GanttItemInternal(origin, { viewType: _this.viewType });
-                        group.items.push(item);
-                    }
-                });
-            }
-            else {
-                this.originItems.forEach(function (origin) {
-                    var item = new GanttItemInternal(origin, { viewType: _this.viewType });
-                    _this.items.push(item);
-                });
-            }
-        };
-        GanttUpper.prototype.setupExpandedState = function () {
-            this.originItems = uniqBy(this.originItems, 'id');
-            var items = [];
-            var flatOriginItems = getFlatItems(this.originItems);
-            if (this.items.length > 0) {
-                items = recursiveItems(this.items);
-            }
-            else {
-                items = flatten(this.groups.map(function (group) { return recursiveItems(group.items); }));
-            }
-            items.forEach(function (item) {
-                if (item.origin.expanded) {
-                    var newItem = flatOriginItems.find(function (originItem) { return originItem.id === item.id; });
-                    if (newItem) {
-                        if (newItem.expanded === undefined) {
-                            newItem.expanded = true;
-                        }
-                    }
-                }
-            });
-        };
-        GanttUpper.prototype.getViewDate = function () {
-            var _this = this;
-            var start = this.start;
-            var end = this.end;
-            if (!this.start || !this.end) {
-                this.originItems.forEach(function (item) {
-                    if (item.start && !_this.start) {
-                        start = start ? Math.min(start, item.start) : item.start;
-                    }
-                    if (item.end && !_this.end) {
-                        end = end ? Math.max(end, item.end) : item.end;
-                    }
-                });
-            }
-            return {
-                start: {
-                    date: new GanttDate(start),
-                    isCustom: this.start ? true : false
-                },
-                end: {
-                    date: new GanttDate(end),
-                    isCustom: this.end ? true : false
-                }
-            };
-        };
-        GanttUpper.prototype.computeRefs = function () {
-            var _this = this;
-            this.groups.forEach(function (group) {
-                var groupItems = recursiveItems(group.items);
-                _this.computeItemsRefs.apply(_this, __spreadArray([], __read(groupItems)));
-            });
-            var items = recursiveItems(this.items);
-            this.computeItemsRefs.apply(this, __spreadArray([], __read(items)));
-        };
-        GanttUpper.prototype.expandGroups = function (expanded) {
-            this.groups.forEach(function (group) {
-                group.setExpand(expanded);
-            });
-            this.expandChange.next();
-            this.cdr.detectChanges();
-        };
-        GanttUpper.prototype.initSelectionModel = function () {
-            return new collections.SelectionModel(this.multiple, []);
-        };
-        GanttUpper.prototype.ngOnInit = function () {
-            var _this = this;
-            this.styles = Object.assign({}, defaultStyles, this.styles);
-            this.viewOptions.dateFormat = Object.assign({}, defaultConfig.dateFormat, this.config.dateFormat, this.viewOptions.dateFormat);
-            this.createView();
-            this.setupGroups();
-            this.setupItems();
-            this.computeRefs();
-            this.initSelectionModel();
-            this.firstChange = false;
-            // Note: the zone may be nooped through `BootstrapOptions` when bootstrapping the root module. This means
-            // the `onStable` will never emit any value.
-            var onStable$ = this.ngZone.isStable ? rxjs.from(Promise.resolve()) : this.ngZone.onStable.pipe(operators.take(1));
-            // Normally this isn't in the zone, but it can cause performance regressions for apps
-            // using `zone-patch-rxjs` because it'll trigger a change detection when it unsubscribes.
-            this.ngZone.runOutsideAngular(function () {
-                onStable$.pipe(operators.takeUntil(_this.unsubscribe$)).subscribe(function () {
-                    _this.element.style.opacity = '1';
-                    _this.dragContainer.dragStarted.pipe(operators.takeUntil(_this.unsubscribe$)).subscribe(function (event) {
-                        _this.dragStarted.emit(event);
-                    });
-                    _this.dragContainer.dragMoved.pipe(operators.takeUntil(_this.unsubscribe$)).subscribe(function (event) {
-                        _this.dragMoved.emit(event);
-                    });
-                    _this.dragContainer.dragEnded.pipe(operators.takeUntil(_this.unsubscribe$)).subscribe(function (event) {
-                        _this.dragEnded.emit(event);
-                        _this.computeRefs();
-                        _this.detectChanges();
-                    });
-                });
-            });
-            this.view.start$.pipe(operators.skip(1), operators.takeUntil(this.unsubscribe$)).subscribe(function () {
-                _this.computeRefs();
-            });
-        };
-        GanttUpper.prototype.ngOnChanges = function (changes) {
-            if (!this.firstChange) {
-                if (changes.viewType && changes.viewType.currentValue) {
-                    this.createView();
-                    this.setupGroups();
-                    this.setupItems();
-                    this.computeRefs();
-                    this.viewChange.emit(this.view);
-                }
-                if (changes.originItems || changes.originGroups) {
-                    this.setupExpandedState();
-                    this.setupGroups();
-                    this.setupItems();
-                    this.computeRefs();
-                }
-            }
-        };
-        GanttUpper.prototype.ngOnDestroy = function () {
-            this.unsubscribe$.next();
-            this.unsubscribe$.complete();
-        };
-        GanttUpper.prototype.computeItemsRefs = function () {
-            var _this = this;
-            var items = [];
-            for (var _i = 0; _i < arguments.length; _i++) {
-                items[_i] = arguments[_i];
-            }
-            items.forEach(function (item) {
-                item.updateRefs({
-                    width: item.start && item.end ? _this.view.getDateRangeWidth(item.start.startOfDay(), item.end.endOfDay()) : 0,
-                    x: item.start ? _this.view.getXPointByDate(item.start) : 0,
-                    y: (_this.styles.lineHeight - _this.styles.barHeight) / 2 - 1
-                });
-            });
-        };
-        GanttUpper.prototype.trackBy = function (index, item) {
-            return item.id || index;
-        };
-        GanttUpper.prototype.detectChanges = function () {
-            this.cdr.detectChanges();
-        };
-        GanttUpper.prototype.expandGroup = function (group) {
-            group.setExpand(!group.expanded);
-            this.expandChange.emit();
-            this.cdr.detectChanges();
-        };
-        // public functions
-        GanttUpper.prototype.expandAll = function () {
-            this.expandGroups(true);
-        };
-        GanttUpper.prototype.collapseAll = function () {
-            this.expandGroups(false);
-        };
-        GanttUpper.prototype.getGanttItem = function (id) {
-            return this.getGanttItems([id])[0] || null;
-        };
-        GanttUpper.prototype.getGanttItems = function (ids) {
-            var items = [];
-            if (this.items.length > 0) {
-                items = recursiveItems(this.items);
-            }
-            else {
-                items = flatten(this.groups.map(function (group) { return recursiveItems(group.items); }));
-            }
-            return items.filter(function (item) { return ids.includes(item.id); });
-        };
-        GanttUpper.prototype.isSelected = function (id) {
-            if (!this.selectable) {
-                return false;
-            }
-            if (!this.selectionModel.hasValue()) {
-                return false;
-            }
-            return this.selectionModel.isSelected(id);
-        };
-        return GanttUpper;
-    }());
-    GanttUpper.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0__namespace, type: GanttUpper, deps: [{ token: i0__namespace.ElementRef }, { token: i0__namespace.ChangeDetectorRef }, { token: i0__namespace.NgZone }, { token: GANTT_GLOBAL_CONFIG }], target: i0__namespace.ɵɵFactoryTarget.Directive });
-    GanttUpper.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.1.5", type: GanttUpper, inputs: { originItems: ["items", "originItems"], originGroups: ["groups", "originGroups"], viewType: "viewType", start: "start", end: "end", showTodayLine: "showTodayLine", draggable: "draggable", styles: "styles", viewOptions: "viewOptions", linkOptions: "linkOptions", disabledLoadOnScroll: "disabledLoadOnScroll", selectable: "selectable", multiple: "multiple" }, outputs: { loadOnScroll: "loadOnScroll", dragStarted: "dragStarted", dragMoved: "dragMoved", dragEnded: "dragEnded", barClick: "barClick" }, host: { properties: { "class.gantt": "this.ganttClass" } }, queries: [{ propertyName: "barTemplate", first: true, predicate: ["bar"], descendants: true, static: true }, { propertyName: "rangeTemplate", first: true, predicate: ["range"], descendants: true, static: true }, { propertyName: "itemTemplate", first: true, predicate: ["item"], descendants: true, static: true }, { propertyName: "groupTemplate", first: true, predicate: ["group"], descendants: true, static: true }, { propertyName: "groupHeaderTemplate", first: true, predicate: ["groupHeader"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0__namespace });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0__namespace, type: GanttUpper, decorators: [{
-                type: i0.Directive
-            }], ctorParameters: function () {
-            return [{ type: i0__namespace.ElementRef }, { type: i0__namespace.ChangeDetectorRef }, { type: i0__namespace.NgZone }, { type: undefined, decorators: [{
-                            type: i0.Inject,
-                            args: [GANTT_GLOBAL_CONFIG]
-                        }] }];
-        }, propDecorators: { originItems: [{
-                    type: i0.Input,
-                    args: ['items']
-                }], originGroups: [{
-                    type: i0.Input,
-                    args: ['groups']
-                }], viewType: [{
-                    type: i0.Input
-                }], start: [{
-                    type: i0.Input
-                }], end: [{
-                    type: i0.Input
-                }], showTodayLine: [{
-                    type: i0.Input
-                }], draggable: [{
-                    type: i0.Input
-                }], styles: [{
-                    type: i0.Input
-                }], viewOptions: [{
-                    type: i0.Input
-                }], linkOptions: [{
-                    type: i0.Input
-                }], disabledLoadOnScroll: [{
-                    type: i0.Input
-                }], selectable: [{
-                    type: i0.Input
-                }], multiple: [{
-                    type: i0.Input
-                }], loadOnScroll: [{
-                    type: i0.Output
-                }], dragStarted: [{
-                    type: i0.Output
-                }], dragMoved: [{
-                    type: i0.Output
-                }], dragEnded: [{
-                    type: i0.Output
-                }], barClick: [{
-                    type: i0.Output
-                }], barTemplate: [{
-                    type: i0.ContentChild,
-                    args: ['bar', { static: true }]
-                }], rangeTemplate: [{
-                    type: i0.ContentChild,
-                    args: ['range', { static: true }]
-                }], itemTemplate: [{
-                    type: i0.ContentChild,
-                    args: ['item', { static: true }]
-                }], groupTemplate: [{
-                    type: i0.ContentChild,
-                    args: ['group', { static: true }]
-                }], groupHeaderTemplate: [{
-                    type: i0.ContentChild,
-                    args: ['groupHeader', { static: true }]
-                }], ganttClass: [{
-                    type: i0.HostBinding,
-                    args: ['class.gantt']
-                }] } });
-    var GANTT_UPPER_TOKEN = new i0.InjectionToken('GANTT_UPPER_TOKEN');
-
-    var NgxGanttTableColumnComponent = /** @class */ (function () {
-        function NgxGanttTableColumnComponent(ganttUpper) {
-            this.ganttUpper = ganttUpper;
-        }
-        Object.defineProperty(NgxGanttTableColumnComponent.prototype, "width", {
-            set: function (width) {
-                this.columnWidth = coercion.coerceCssPixelValue(width);
-            },
-            enumerable: false,
-            configurable: true
-        });
-        return NgxGanttTableColumnComponent;
-    }());
-    NgxGanttTableColumnComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0__namespace, type: NgxGanttTableColumnComponent, deps: [{ token: GANTT_UPPER_TOKEN }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    NgxGanttTableColumnComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.5", type: NgxGanttTableColumnComponent, selector: "ngx-gantt-column", inputs: { width: "width", name: "name" }, queries: [{ propertyName: "templateRef", first: true, predicate: ["cell"], descendants: true, static: true }, { propertyName: "headerTemplateRef", first: true, predicate: ["header"], descendants: true, static: true }], ngImport: i0__namespace, template: '', isInline: true });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0__namespace, type: NgxGanttTableColumnComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'ngx-gantt-column',
-                        template: ''
-                    }]
-            }], ctorParameters: function () {
-            return [{ type: GanttUpper, decorators: [{
-                            type: i0.Inject,
-                            args: [GANTT_UPPER_TOKEN]
-                        }] }];
-        }, propDecorators: { width: [{
-                    type: i0.Input
-                }], name: [{
-                    type: i0.Input
-                }], templateRef: [{
-                    type: i0.ContentChild,
-                    args: ['cell', { static: true }]
-                }], headerTemplateRef: [{
-                    type: i0.ContentChild,
-                    args: ['header', { static: true }]
-                }] } });
-
-    var NgxGanttTableComponent = /** @class */ (function () {
-        function NgxGanttTableComponent() {
-            this.columnChanges = new i0.EventEmitter();
-        }
-        return NgxGanttTableComponent;
-    }());
-    NgxGanttTableComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0__namespace, type: NgxGanttTableComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    NgxGanttTableComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.5", type: NgxGanttTableComponent, selector: "ngx-gantt-table", outputs: { columnChanges: "columnChanges" }, queries: [{ propertyName: "rowBeforeTemplate", first: true, predicate: ["rowBeforeSlot"], descendants: true, static: true }, { propertyName: "rowAfterTemplate", first: true, predicate: ["rowAfterSlot"], descendants: true, static: true }], ngImport: i0__namespace, template: '', isInline: true });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0__namespace, type: NgxGanttTableComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'ngx-gantt-table',
-                        template: ''
-                    }]
-            }], propDecorators: { columnChanges: [{
-                    type: i0.Output
-                }], rowBeforeTemplate: [{
-                    type: i0.ContentChild,
-                    args: ['rowBeforeSlot', { static: true }]
-                }], rowAfterTemplate: [{
-                    type: i0.ContentChild,
-                    args: ['rowAfterSlot', { static: true }]
-                }] } });
-
-    var GANTT_ABSTRACT_TOKEN = new i0.InjectionToken('gantt-abstract-token');
-
-    var supports = (typeof window !== 'undefined' && !!window.CSS && CSS.supports) || (function () { return false; });
-    /**
-     * Note: we don't need to add vendor prefixes within `.scss` files since they're added automatically.
-     * This function is necessary when the `element.style` is updated directly through the JavaScript.
-     * This is not required to be used with CSS properties that don't require vendor prefixes (e.g. `opacity`).
-     */
-    function setStyleWithVendorPrefix(_a) {
-        var element = _a.element, style = _a.style, value = _a.value;
-        element.style[style] = value;
-        if (supports("-webkit-" + style + ": " + value)) {
-            // Note: some browsers still require setting `-webkit` vendor prefix. E.g. Mozilla 49 has implemented
-            // the 3D support for `transform`, but it requires setting `-webkit-` prefix.
-            element.style["-webkit-" + style] = value;
-        }
-    }
-
-    var angleRight = "<svg xmlns=\"http://www.w3.org/2000/svg\" fit=\"\"  preserveAspectRatio=\"xMidYMid meet\" focusable=\"false\"><g id=\"amnavigation/angle-right\" stroke-width=\"1\" fill-rule=\"evenodd\"><path d=\"M7.978 11.498l-.005.005L2.3 5.831 3.13 5l4.848 4.848L12.826 5l.83.831-5.673 5.672-.005-.005z\"   transform=\"rotate(-90 7.978 8.252)\"></path></g></svg>";
-    var angleDown = "<svg xmlns=\"http://www.w3.org/2000/svg\" fit=\"\"  preserveAspectRatio=\"xMidYMid meet\" focusable=\"false\"><g id=\"aknavigation/angle-down\" stroke-width=\"1\" fill-rule=\"evenodd\"><path d=\"M7.978 11.997l-.005.006L2.3 6.33l.83-.831 4.848 4.848L12.826 5.5l.83.83-5.673 5.673-.005-.006z\" ></path></g></svg>";
-    var plusSquare = "<svg viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\" fit=\"\"   preserveAspectRatio=\"xMidYMid meet\" focusable=\"false\"><g id=\"kxaction/plus-square\" stroke-width=\"1\" fill-rule=\"evenodd\"><path d=\"M2 0h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2zm0 1.2a.8.8 0 0 0-.8.8v12a.8.8 0 0 0 .8.8h12a.8.8 0 0 0 .8-.8V2a.8.8 0 0 0-.8-.8H2zm5.45 6.2V4.75h1.2V7.4h2.65v1.2H8.65v2.65h-1.2V8.6H4.8V7.4h2.65z\"></path></g></svg>";
-    var minusSquare = "<svg viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\" fit=\"\" preserveAspectRatio=\"xMidYMid meet\" focusable=\"false\"><g id=\"jnaction/minus-square\" stroke-width=\"1\" fill-rule=\"evenodd\"><path d=\"M2 0h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2zm0 1.2a.8.8 0 0 0-.8.8v12a.8.8 0 0 0 .8.8h12a.8.8 0 0 0 .8-.8V2a.8.8 0 0 0-.8-.8H2zm2.8 6.2h6.5v1.2H4.8V7.4z\"></path></g></svg>";
-    var loadingIcon = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"  viewBox=\"0 0 50 50\" style=\"enable-background:new 0 0 50 50\" xml:space=\"preserve\">\n<path fill=\"#aaa\" d=\"M25.251,6.461c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615V6.461z\" transform=\"rotate(275.098 25 25)\">\n    <animateTransform attributeType=\"xml\" attributeName=\"transform\" type=\"rotate\" from=\"0 25 25\" to=\"360 25 25\" dur=\"0.6s\" repeatCount=\"indefinite\"></animateTransform>\n</path>\n</svg>";
-    var emptyIcon = "<svg\nwidth=\"148px\"\nheight=\"134px\"\nviewBox=\"0 0 148 134\"\nversion=\"1.1\"\nxmlns=\"http://www.w3.org/2000/svg\"\nxmlns:xlink=\"http://www.w3.org/1999/xlink\"\n>\n<defs>\n  <filter x=\"0.0%\" y=\"0.0%\" width=\"100.0%\" height=\"100.0%\" filterUnits=\"objectBoundingBox\" id=\"filter-1\">\n    <feGaussianBlur stdDeviation=\"0\" in=\"SourceGraphic\"></feGaussianBlur>\n  </filter>\n</defs>\n<g id=\"148x134\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n  <g id=\"\u7F16\u7EC4-6\" transform=\"translate(1.000000, 1.000000)\">\n    <ellipse\n      id=\"\u692D\u5706\u5F62\"\n      fill=\"#EDEEF2\"\n      opacity=\"0.3\"\n      filter=\"url(#filter-1)\"\n      cx=\"73.0800017\"\n      cy=\"115.920003\"\n      rx=\"73.0800017\"\n      ry=\"16.8000004\"\n    ></ellipse>\n    <g id=\"\u7F16\u7EC4-5\" transform=\"translate(15.120000, 0.000000)\">\n      <polygon\n        id=\"\u77E9\u5F62\"\n        fill=\"#E2E4E9\"\n        points=\"19.2789848 49.5600011 99.1200023 48.7200011 117.600003 75.9297673 117.600003 92.313049 0 92.313049 0 75.0356267\"\n      ></polygon>\n      <path\n        d=\"M23.5200005,0 L94.0800002,0 C97.7913538,2.06413823e-16 100.8,3.00864655 100.8,6.72000015 L100.8,99.1200023 L100.8,99.1200023 L16.8000004,99.1200023 L16.8000004,6.72000015 C16.8000004,3.00864655 19.8086469,1.56994302e-15 23.5200005,0 Z\"\n        id=\"\u77E9\u5F62\"\n        fill=\"#F9FAFB\"\n      ></path>\n      <path\n        d=\"M30.9200007,12.4400003 L86.6800019,12.4400003 C88.5356787,12.4400003 90.040002,13.9443236 90.040002,15.8000004 L90.040002,42.000001 C90.040002,43.8556778 88.5356787,45.360001 86.6800019,45.360001 L30.9200007,45.360001 C29.0643239,45.360001 27.5600006,43.8556778 27.5600006,42.000001 L27.5600006,15.8000004 C27.5600006,13.9443236 29.0643239,12.4400003 30.9200007,12.4400003 Z\"\n        id=\"\u77E9\u5F62\"\n        fill=\"#E8EAEE\"\n      ></path>\n      <text\n        id=\"&lt;/null&gt;\"\n        font-family=\"PingFangSC-Medium, PingFang SC\"\n        font-size=\"15.1200003\"\n        font-weight=\"400\"\n        fill=\"#BCBECD\"\n      >\n        <tspan x=\"33.6000008\" y=\"32.8000004\">&lt;/null&gt;</tspan>\n      </text>\n      <rect id=\"\u77E9\u5F62\" fill=\"#E8EAEE\" x=\"27.5600006\" y=\"52.0800012\" width=\"61.4800014\" height=\"5.04000011\" rx=\"2.52000006\"></rect>\n      <rect\n        id=\"\u77E9\u5F62\u5907\u4EFD\"\n        fill=\"#E8EAEE\"\n        x=\"27.5600006\"\n        y=\"63.8400014\"\n        width=\"61.4800014\"\n        height=\"5.04000011\"\n        rx=\"2.52000006\"\n      ></rect>\n      <path\n        d=\"M0,75.6000017 L29.280235,75.6000017 C32.0637502,75.6000017 34.3202352,77.8564866 34.3202352,80.6400018 L34.3202352,86.2591426 C34.3202352,89.0426578 36.5767201,91.2991427 39.3602353,91.2991427 L78.4136737,91.2991427 C81.1971889,91.2991427 83.4536738,89.0426578 83.4536738,86.2591426 L83.4536738,80.6400018 C83.4536738,77.8564866 85.7101587,75.6000017 88.4936739,75.6000017 L117.600003,75.6000017 L117.600003,75.6000017 L117.600003,110.880003 C117.600003,115.519195 113.839194,119.280003 109.200002,119.280003 L8.40000019,119.280003 C3.76080819,119.280003 -6.53729019e-15,115.519195 0,110.880003 L0,75.6000017 L0,75.6000017 Z\"\n        id=\"\u77E9\u5F62\"\n        fill=\"#EDEFF2\"\n      ></path>\n    </g>\n  </g>\n</g>\n</svg>";
-    var icons = {
-        'angle-right': angleRight,
-        'angle-down': angleDown,
-        'plus-square': plusSquare,
-        'minus-square': minusSquare,
-        loading: loadingIcon,
-        empty: emptyIcon
-    };
-
-    var GanttIconComponent = /** @class */ (function () {
-        function GanttIconComponent(elementRef) {
-            this.elementRef = elementRef;
-            this.isIcon = true;
-        }
-        Object.defineProperty(GanttIconComponent.prototype, "iconName", {
-            set: function (name) {
-                this.setSvg(name);
-            },
-            enumerable: false,
-            configurable: true
-        });
-        GanttIconComponent.prototype.setSvg = function (name) {
-            var iconSvg = icons[name];
-            if (iconSvg) {
-                this.elementRef.nativeElement.innerHTML = iconSvg;
-            }
-            else {
-                this.elementRef.nativeElement.innerHTML = '';
-            }
-        };
-        return GanttIconComponent;
-    }());
-    GanttIconComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0__namespace, type: GanttIconComponent, deps: [{ token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    GanttIconComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.5", type: GanttIconComponent, selector: "gantt-icon", inputs: { iconName: "iconName" }, host: { properties: { "class.gantt-icon": "this.isIcon" } }, ngImport: i0__namespace, template: '', isInline: true });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0__namespace, type: GanttIconComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'gantt-icon',
-                        template: ''
-                    }]
-            }], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }]; }, propDecorators: { isIcon: [{
-                    type: i0.HostBinding,
-                    args: ['class.gantt-icon']
-                }], iconName: [{
-                    type: i0.Input
-                }] } });
-
-    var IsGanttRangeItemPipe = /** @class */ (function () {
-        function IsGanttRangeItemPipe() {
-        }
-        IsGanttRangeItemPipe.prototype.transform = function (value) {
-            return value === exports.GanttItemType.range;
-        };
-        return IsGanttRangeItemPipe;
-    }());
-    IsGanttRangeItemPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0__namespace, type: IsGanttRangeItemPipe, deps: [], target: i0__namespace.ɵɵFactoryTarget.Pipe });
-    IsGanttRangeItemPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0__namespace, type: IsGanttRangeItemPipe, name: "isGanttRangeItem" });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0__namespace, type: IsGanttRangeItemPipe, decorators: [{
-                type: i0.Pipe,
-                args: [{
-                        name: 'isGanttRangeItem'
-                    }]
-            }] });
-    var IsGanttBarItemPipe = /** @class */ (function () {
-        function IsGanttBarItemPipe() {
-        }
-        IsGanttBarItemPipe.prototype.transform = function (value) {
-            return value === exports.GanttItemType.bar;
-        };
-        return IsGanttBarItemPipe;
-    }());
-    IsGanttBarItemPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0__namespace, type: IsGanttBarItemPipe, deps: [], target: i0__namespace.ɵɵFactoryTarget.Pipe });
-    IsGanttBarItemPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0__namespace, type: IsGanttBarItemPipe, name: "isGanttBarItem" });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0__namespace, type: IsGanttBarItemPipe, decorators: [{
-                type: i0.Pipe,
-                args: [{
-                        name: 'isGanttBarItem'
-                    }]
-            }] });
-    var IsGanttCustomItemPipe = /** @class */ (function () {
-        function IsGanttCustomItemPipe() {
-        }
-        IsGanttCustomItemPipe.prototype.transform = function (value) {
-            return value === exports.GanttItemType.custom;
-        };
-        return IsGanttCustomItemPipe;
-    }());
-    IsGanttCustomItemPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0__namespace, type: IsGanttCustomItemPipe, deps: [], target: i0__namespace.ɵɵFactoryTarget.Pipe });
-    IsGanttCustomItemPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0__namespace, type: IsGanttCustomItemPipe, name: "isGanttCustomItem" });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0__namespace, type: IsGanttCustomItemPipe, decorators: [{
-                type: i0.Pipe,
-                args: [{
-                        name: 'isGanttCustomItem'
-                    }]
-            }] });
-
-    var defaultColumnWidth = 100;
-    var minColumnWidth = 80;
-    var GanttTableComponent = /** @class */ (function () {
-        function GanttTableComponent(gantt, ganttUpper, elementRef) {
-            this.gantt = gantt;
-            this.ganttUpper = ganttUpper;
-            this.elementRef = elementRef;
-            this.itemClick = new i0.EventEmitter();
-            this.ganttTableClass = true;
-            this.ganttTableEmptyClass = false;
-        }
-        Object.defineProperty(GanttTableComponent.prototype, "columns", {
-            set: function (columns) {
-                columns.forEach(function (column) {
-                    if (!column.columnWidth) {
-                        column.columnWidth = coercion.coerceCssPixelValue(defaultColumnWidth);
-                    }
-                });
-                this.columnList = columns;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        GanttTableComponent.prototype.ngOnChanges = function (changes) {
-            var _a, _b;
-            if (!((_a = changes.groups.currentValue) === null || _a === void 0 ? void 0 : _a.length) && !((_b = changes.items.currentValue) === null || _b === void 0 ? void 0 : _b.length)) {
-                this.ganttTableEmptyClass = true;
-            }
-            else {
-                this.ganttTableEmptyClass = false;
-            }
-        };
-        GanttTableComponent.prototype.dragFixed = function (config) {
-            if (config.movedWidth < config.minWidth) {
-                setStyleWithVendorPrefix({
-                    element: config.target,
-                    style: 'transform',
-                    value: "translate3d(" + (config.minWidth - config.originWidth) + "px, 0, 0)"
-                });
-            }
-        };
-        GanttTableComponent.prototype.expandGroup = function (group) {
-            this.gantt.expandGroup(group);
-        };
-        GanttTableComponent.prototype.expandChildren = function (event, item) {
-            event.stopPropagation();
-            this.gantt.expandChildren(item);
-        };
-        GanttTableComponent.prototype.dragStarted = function (event) {
-            var target = event.source.element.nativeElement;
-            this.dragStartLeft = target.getBoundingClientRect().left;
-        };
-        GanttTableComponent.prototype.dragMoved = function (event, column) {
-            var target = event.source.element.nativeElement;
-            var left = target.getBoundingClientRect().left;
-            var originWidth;
-            var movedWidth;
-            var minWidth;
-            if (column) {
-                originWidth = parseInt(column.columnWidth, 10);
-                movedWidth = originWidth + (left - this.dragStartLeft);
-                minWidth = minColumnWidth;
-            }
-            else {
-                originWidth = this.elementRef.nativeElement.getBoundingClientRect().width;
-                movedWidth = originWidth + (left - this.dragStartLeft);
-                minWidth = minColumnWidth * this.columnList.length;
-            }
-            this.dragFixed({
-                target: target,
-                originWidth: originWidth,
-                movedWidth: movedWidth,
-                minWidth: minWidth
-            });
-            this.showAuxiliaryLine(event);
-        };
-        GanttTableComponent.prototype.columnDragEnded = function (event, column) {
-            var target = event.source.element.nativeElement;
-            var left = target.getBoundingClientRect().left;
-            var width = parseInt(column.columnWidth, 10) + (left - this.dragStartLeft);
-            var columnWidth = Math.max(width || 0, minColumnWidth);
-            column.columnWidth = coercion.coerceCssPixelValue(columnWidth);
-            if (this.gantt.table) {
-                this.gantt.table.columnChanges.emit({ columns: this.columnList });
-            }
-            this.hideAuxiliaryLine();
-            event.source.reset();
-        };
-        GanttTableComponent.prototype.tableDragEnded = function (event) {
-            var target = event.source.element.nativeElement;
-            var left = target.getBoundingClientRect().left;
-            var tableWidth = this.elementRef.nativeElement.getBoundingClientRect().width;
-            var dragWidth = left - this.dragStartLeft;
-            this.columnList.forEach(function (column) {
-                var lastColumnWidth = parseInt(column.columnWidth, 10);
-                var distributeWidth = parseInt(String(dragWidth * (lastColumnWidth / tableWidth)), 10);
-                var columnWidth = Math.max(lastColumnWidth + distributeWidth || 0, minColumnWidth);
-                column.columnWidth = coercion.coerceCssPixelValue(columnWidth);
-            });
-            if (this.gantt.table) {
-                this.gantt.table.columnChanges.emit({ columns: this.columnList });
-            }
-            this.hideAuxiliaryLine();
-            event.source.reset();
-        };
-        GanttTableComponent.prototype.showAuxiliaryLine = function (event) {
-            var tableRect = this.elementRef.nativeElement.getBoundingClientRect();
-            var targetRect = event.source.element.nativeElement.getBoundingClientRect();
-            var distance = { x: targetRect.left - tableRect.left, y: targetRect.top - tableRect.top };
-            this.draglineElementRef.nativeElement.style.left = distance.x + "px";
-            this.draglineElementRef.nativeElement.style.display = 'block';
-        };
-        GanttTableComponent.prototype.hideAuxiliaryLine = function () {
-            this.draglineElementRef.nativeElement.style.display = 'none';
-        };
-        GanttTableComponent.prototype.trackBy = function (index, item) {
-            return item.id || index;
-        };
-        return GanttTableComponent;
-    }());
-    GanttTableComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0__namespace, type: GanttTableComponent, deps: [{ token: GANTT_ABSTRACT_TOKEN }, { token: GANTT_UPPER_TOKEN }, { token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    GanttTableComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.5", type: GanttTableComponent, selector: "gantt-table", inputs: { groups: "groups", items: "items", columns: "columns", groupTemplate: "groupTemplate", emptyTemplate: "emptyTemplate", rowBeforeTemplate: "rowBeforeTemplate", rowAfterTemplate: "rowAfterTemplate" }, outputs: { itemClick: "itemClick" }, host: { properties: { "class.gantt-table": "this.ganttTableClass", "class.gantt-table-empty": "this.ganttTableEmptyClass" } }, viewQueries: [{ propertyName: "draglineElementRef", first: true, predicate: ["dragLine"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0__namespace, template: "<div class=\"gantt-table-header gantt-table-row\">\n  <div class=\"gantt-table-column\" *ngFor=\"let column of columnList; let i = index\" [style.width]=\"column.columnWidth\">\n    <ng-container *ngIf=\"column.headerTemplateRef; else default\" [ngTemplateOutlet]=\"column.headerTemplateRef\"></ng-container>\n    <ng-template #default>\n      {{ column.name }}\n    </ng-template>\n    <div\n      class=\"gantt-table-drag-trigger\"\n      cdkDrag\n      cdkDragLockAxis=\"x\"\n      cdkDragBoundary=\".gantt\"\n      (cdkDragMoved)=\"dragMoved($event, column)\"\n      (cdkDragStarted)=\"dragStarted($event)\"\n      (cdkDragEnded)=\"columnDragEnded($event, column)\"\n    ></div>\n  </div>\n</div>\n<div class=\"gantt-table-body\">\n  <ng-container *ngIf=\"!groups.length && !items.length\">\n    <ng-container *ngIf=\"!emptyTemplate\">\n      <gantt-icon class=\"empty-icon\" iconName=\"empty\"></gantt-icon>\n      <div class=\"empty-text\">\u6CA1\u6709\u6570\u636E</div>\n    </ng-container>\n    <ng-template [ngTemplateOutlet]=\"emptyTemplate\"></ng-template>\n  </ng-container>\n\n  <ng-container *ngIf=\"groups && groups.length > 0; else itemsTemplate\">\n    <ng-container *ngFor=\"let group of groups; trackBy: trackBy\">\n      <div class=\"gantt-table-group\" [ngClass]=\"group.class\">\n        <div class=\"gantt-table-group-title\" [class.expanded]=\"group.expanded\" (click)=\"expandGroup(group)\">\n          <gantt-icon class=\"expand-icon\" [iconName]=\"group.expanded ? 'angle-down' : 'angle-right'\"></gantt-icon>\n          <ng-container *ngIf=\"groupTemplate; else default\">\n            <ng-template\n              [ngTemplateOutlet]=\"groupTemplate\"\n              [ngTemplateOutletContext]=\"{ $implicit: group.origin, group: group.origin }\"\n            ></ng-template>\n          </ng-container>\n          <ng-template #default>\n            <span class=\"group-title\">{{ group.title }}</span>\n          </ng-template>\n        </div>\n      </div>\n\n      <ng-container *ngIf=\"group.expanded\">\n        <ng-template\n          [ngTemplateOutlet]=\"ganttItems\"\n          [ngTemplateOutletContext]=\"{ group: group, items: group.items, level: 0 }\"\n        ></ng-template>\n      </ng-container>\n    </ng-container>\n  </ng-container>\n</div>\n\n<div\n  class=\"gantt-table-drag-trigger\"\n  cdkDrag\n  cdkDragLockAxis=\"x\"\n  cdkDragBoundary=\".gantt\"\n  (cdkDragMoved)=\"dragMoved($event)\"\n  (cdkDragStarted)=\"dragStarted($event)\"\n  (cdkDragEnded)=\"tableDragEnded($event)\"\n></div>\n\n<div #dragLine class=\"gantt-table-drag-auxiliary-line\"></div>\n\n<ng-template #itemsTemplate>\n  <ng-template [ngTemplateOutlet]=\"ganttItems\" [ngTemplateOutletContext]=\"{ items: items, level: 0 }\"></ng-template>\n</ng-template>\n\n<ng-template #ganttItems let-group=\"group\" let-items=\"items\" let-level=\"level\">\n  <ng-container *ngFor=\"let item of items; trackBy: trackBy\">\n    <div\n      (click)=\"itemClick.emit({ event: $event, selectedValue: this.item.origin })\"\n      class=\"gantt-table-item gantt-table-row\"\n      [class.gantt-table-item-first-level-group]=\"level === 0 && (item.type | isGanttRangeItem)\"\n      [class.gantt-table-item-with-group]=\"group\"\n      [class.gantt-table-item-active]=\"ganttUpper.isSelected(item.id)\"\n      [style.height.px]=\"gantt.styles.lineHeight\"\n      [style.lineHeight.px]=\"gantt.styles.lineHeight\"\n    >\n      <ng-template\n        [ngTemplateOutlet]=\"rowBeforeTemplate\"\n        [ngTemplateOutletContext]=\"{ $implicit: item.origin, item: item.origin }\"\n      ></ng-template>\n      <div class=\"gantt-table-column\" *ngFor=\"let column of columnList; let first = first\" [style.width]=\"column.columnWidth\">\n        <div *ngIf=\"first\" class=\"gantt-expand-icon\" [style.marginLeft.px]=\"level * 20\">\n          <ng-container *ngIf=\"level < gantt.maxLevel - 1 && item.expandable\">\n            <gantt-icon\n              *ngIf=\"!item.loading\"\n              class=\"expand-icon\"\n              [iconName]=\"item.expanded ? 'angle-down' : 'angle-right'\"\n              (click)=\"expandChildren($event, item)\"\n            ></gantt-icon>\n            <gantt-icon *ngIf=\"item.loading\" [iconName]=\"'loading'\"></gantt-icon>\n          </ng-container>\n        </div>\n        <div class=\"gantt-table-column-content\">\n          <ng-template\n            [ngTemplateOutlet]=\"column.templateRef\"\n            [ngTemplateOutletContext]=\"{ $implicit: item.origin, item: item.origin }\"\n          ></ng-template>\n        </div>\n      </div>\n      <ng-template\n        [ngTemplateOutlet]=\"rowAfterTemplate\"\n        [ngTemplateOutletContext]=\"{ $implicit: item.origin, item: item.origin }\"\n      ></ng-template>\n    </div>\n    <ng-template\n      *ngIf=\"item.children && item.expanded\"\n      [ngTemplateOutlet]=\"ganttItems\"\n      [ngTemplateOutletContext]=\"{ items: item.children, level: level + 1, group: group }\"\n    ></ng-template>\n  </ng-container>\n</ng-template>\n", components: [{ type: GanttIconComponent, selector: "gantt-icon", inputs: ["iconName"] }], directives: [{ type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i1__namespace.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragDisabled", "cdkDragStartDelay", "cdkDragLockAxis", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragBoundary", "cdkDragRootElement", "cdkDragData", "cdkDragFreeDragPosition"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { type: i2__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "isGanttRangeItem": IsGanttRangeItemPipe } });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0__namespace, type: GanttTableComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'gantt-table',
-                        templateUrl: './gantt-table.component.html'
-                    }]
-            }], ctorParameters: function () {
-            return [{ type: undefined, decorators: [{
-                            type: i0.Inject,
-                            args: [GANTT_ABSTRACT_TOKEN]
-                        }] }, { type: GanttUpper, decorators: [{
-                            type: i0.Inject,
-                            args: [GANTT_UPPER_TOKEN]
-                        }] }, { type: i0__namespace.ElementRef }];
-        }, propDecorators: { groups: [{
-                    type: i0.Input
-                }], items: [{
-                    type: i0.Input
-                }], columns: [{
-                    type: i0.Input
-                }], groupTemplate: [{
-                    type: i0.Input
-                }], emptyTemplate: [{
-                    type: i0.Input
-                }], rowBeforeTemplate: [{
-                    type: i0.Input
-                }], rowAfterTemplate: [{
-                    type: i0.Input
-                }], itemClick: [{
-                    type: i0.Output
-                }], draglineElementRef: [{
-                    type: i0.ViewChild,
-                    args: ['dragLine', { static: true }]
-                }], ganttTableClass: [{
-                    type: i0.HostBinding,
-                    args: ['class.gantt-table']
-                }], ganttTableEmptyClass: [{
-                    type: i0.HostBinding,
-                    args: ['class.gantt-table-empty']
-                }] } });
-
-    /** Cached result of whether the user's browser supports passive event listeners. */
-    var supportsPassiveEvents;
-    /**
-     * Checks whether the user's browser supports passive event listeners.
-     * See: https://github.com/WICG/EventListenerOptions/blob/gh-pages/explainer.md
-     */
-    function supportsPassiveEventListeners() {
-        if (supportsPassiveEvents == null && typeof window !== 'undefined') {
-            try {
-                window.addEventListener('test', null, Object.defineProperty({}, 'passive', {
-                    get: function () { return (supportsPassiveEvents = true); }
-                }));
-            }
-            finally {
-                supportsPassiveEvents = supportsPassiveEvents || false;
-            }
-        }
-        return supportsPassiveEvents;
-    }
-    /**
-     * Normalizes an `AddEventListener` object to something that can be passed
-     * to `addEventListener` on any browser, no matter whether it supports the
-     * `options` parameter.
-     */
-    function normalizePassiveListenerOptions(options) {
-        return supportsPassiveEventListeners() ? options : !!options.capture;
-    }
-    /** Options used to bind passive event listeners. */
-    var passiveListenerOptions = normalizePassiveListenerOptions({ passive: true });
-
-    var scrollThreshold = 50;
-    var ScrollDirection;
-    (function (ScrollDirection) {
-        ScrollDirection[ScrollDirection["NONE"] = 0] = "NONE";
-        ScrollDirection[ScrollDirection["LEFT"] = 1] = "LEFT";
-        ScrollDirection[ScrollDirection["RIGHT"] = 2] = "RIGHT";
-    })(ScrollDirection || (ScrollDirection = {}));
-    var GanttDomService = /** @class */ (function () {
-        function GanttDomService(ngZone, platformId) {
-            this.ngZone = ngZone;
-            this.platformId = platformId;
-            this.unsubscribe$ = new rxjs.Subject();
-        }
-        GanttDomService.prototype.monitorScrollChange = function () {
-            var _this = this;
-            this.ngZone.runOutsideAngular(function () { return rxjs.merge(rxjs.fromEvent(_this.mainContainer, 'scroll', passiveListenerOptions), rxjs.fromEvent(_this.sideContainer, 'scroll', passiveListenerOptions))
-                .pipe(operators.takeUntil(_this.unsubscribe$))
-                .subscribe(function (event) {
-                _this.syncScroll(event);
-            }); });
-            // fromEvent(this.mainContainer, 'scroll')
-            //     .pipe(startWith(), takeUntil(this.unsubscribe$))
-            //     .subscribe((event) => {
-            //         // if (this.mainContainer.scrollLeft > 0) {
-            //         //     this.side.classList.add('gantt-side-has-shadow');
-            //         // } else {
-            //         //     this.side.classList.remove('gantt-side-has-shadow');
-            //         // }
-            //     });
-        };
-        GanttDomService.prototype.syncScroll = function (event) {
-            var target = event.currentTarget;
-            this.calendarOverlay.scrollLeft = this.mainContainer.scrollLeft;
-            this.sideContainer.scrollTop = target.scrollTop;
-            this.mainContainer.scrollTop = target.scrollTop;
-        };
-        GanttDomService.prototype.disableBrowserWheelEvent = function () {
-            var _this = this;
-            var container = this.mainContainer;
-            this.ngZone.runOutsideAngular(function () { return rxjs.fromEvent(container, 'wheel')
-                .pipe(operators.takeUntil(_this.unsubscribe$))
-                .subscribe(function (event) {
-                var delta = event.deltaX;
-                if (!delta) {
-                    return;
-                }
-                if ((container.scrollLeft + container.offsetWidth === container.scrollWidth && delta > 0) ||
-                    (container.scrollLeft === 0 && delta < 0)) {
-                    event.preventDefault();
-                }
-            }); });
-        };
-        GanttDomService.prototype.initialize = function (root) {
-            this.root = root.nativeElement;
-            this.side = this.root.getElementsByClassName('gantt-side')[0];
-            this.container = this.root.getElementsByClassName('gantt-container')[0];
-            this.sideContainer = this.root.getElementsByClassName('gantt-side-container')[0];
-            this.mainContainer = this.root.getElementsByClassName('gantt-main-container')[0];
-            this.calendarOverlay = this.root.getElementsByClassName('gantt-calendar-overlay')[0];
-            this.monitorScrollChange();
-            this.disableBrowserWheelEvent();
-        };
-        /**
-         * @returns An observable that will emit outside the Angular zone. Note, consumers should re-enter the Angular zone
-         * to run the change detection if needed.
-         */
-        GanttDomService.prototype.getViewerScroll = function (options) {
-            var _this = this;
-            return new rxjs.Observable(function (subscriber) { return _this.ngZone.runOutsideAngular(function () { return rxjs.fromEvent(_this.mainContainer, 'scroll', options)
-                .pipe(operators.map(function () { return _this.mainContainer.scrollLeft; }), operators.pairwise(), operators.map(function (_a) {
-                var _b = __read(_a, 2), previous = _b[0], current = _b[1];
-                var event = {
-                    target: _this.mainContainer,
-                    direction: ScrollDirection.NONE
-                };
-                if (current - previous < 0) {
-                    if (_this.mainContainer.scrollLeft < scrollThreshold && _this.mainContainer.scrollLeft > 0) {
-                        event.direction = ScrollDirection.LEFT;
-                    }
-                }
-                if (current - previous > 0) {
-                    if (_this.mainContainer.scrollWidth - _this.mainContainer.clientWidth - _this.mainContainer.scrollLeft <
-                        scrollThreshold) {
-                        event.direction = ScrollDirection.RIGHT;
-                    }
-                }
-                return event;
-            }))
-                .subscribe(subscriber); }); });
-        };
-        GanttDomService.prototype.getResize = function () {
-            return i2.isPlatformServer(this.platformId) ? rxjs.EMPTY : rxjs.fromEvent(window, 'resize').pipe(operators.auditTime(150));
-        };
-        GanttDomService.prototype.scrollMainContainer = function (left) {
-            if (isNumber(left)) {
-                var scrollLeft = left - this.mainContainer.clientWidth / 2;
-                this.mainContainer.scrollLeft = scrollLeft > scrollThreshold ? scrollLeft : 0;
-                this.calendarOverlay.scrollLeft = this.mainContainer.scrollLeft;
-            }
-        };
-        GanttDomService.prototype.ngOnDestroy = function () {
-            this.unsubscribe$.next();
-            this.unsubscribe$.complete();
-        };
-        return GanttDomService;
-    }());
-    GanttDomService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0__namespace, type: GanttDomService, deps: [{ token: i0__namespace.NgZone }, { token: i0.PLATFORM_ID }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    GanttDomService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0__namespace, type: GanttDomService });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0__namespace, type: GanttDomService, decorators: [{
-                type: i0.Injectable
-            }], ctorParameters: function () {
-            return [{ type: i0__namespace.NgZone }, { type: undefined, decorators: [{
-                            type: i0.Inject,
-                            args: [i0.PLATFORM_ID]
-                        }] }];
-        } });
-
-    function getDependencyType(path, dependencyTypes) {
-        if (dependencyTypes.includes(exports.GanttLinkType.ss) && path.from.pos === InBarPosition.start && path.to.pos === InBarPosition.start) {
-            return exports.GanttLinkType.ss;
-        }
-        if (dependencyTypes.includes(exports.GanttLinkType.ff) && path.from.pos === InBarPosition.finish && path.to.pos === InBarPosition.finish) {
-            return exports.GanttLinkType.ff;
-        }
-        if (dependencyTypes.includes(exports.GanttLinkType.sf) && path.from.pos === InBarPosition.start && path.to.pos === InBarPosition.finish) {
-            return exports.GanttLinkType.sf;
-        }
-        return exports.GanttLinkType.fs;
-    }
-    var InBarPosition;
-    (function (InBarPosition) {
-        InBarPosition["start"] = "start";
-        InBarPosition["finish"] = "finish";
-    })(InBarPosition || (InBarPosition = {}));
-    var GanttDragContainer = /** @class */ (function () {
-        function GanttDragContainer(ganttUpper) {
-            this.ganttUpper = ganttUpper;
-            this.dragStarted = new i0.EventEmitter();
-            this.dragMoved = new i0.EventEmitter();
-            this.dragEnded = new i0.EventEmitter();
-            this.linkDragStarted = new i0.EventEmitter();
-            this.linkDragEntered = new i0.EventEmitter();
-            this.linkDragEnded = new i0.EventEmitter();
-            this.linkDragPath = { from: null, to: null };
-        }
-        GanttDragContainer.prototype.emitLinkDragStarted = function (from) {
-            this.linkDraggingId = from.item.id;
-            this.linkDragPath.from = from;
-            this.linkDragStarted.emit({
-                source: from.item.origin,
-                target: null
-            });
-        };
-        GanttDragContainer.prototype.emitLinkDragEntered = function (to) {
-            this.linkDragPath.to = to;
-            this.linkDragEntered.emit({
-                source: this.linkDragPath.from.item.origin,
-                target: to.item.origin
-            });
-        };
-        GanttDragContainer.prototype.emitLinkDragLeaved = function () {
-            this.linkDragPath.to = null;
-        };
-        GanttDragContainer.prototype.emitLinkDragEnded = function (to) {
-            var _a;
-            if (to) {
-                this.linkDragPath.to = to;
-                var dependencyType = getDependencyType(this.linkDragPath, (_a = this.ganttUpper.linkOptions) === null || _a === void 0 ? void 0 : _a.dependencyTypes);
-                this.linkDragPath.from.item.addLink({
-                    link: this.linkDragPath.to.item.id,
-                    type: dependencyType
-                });
-                this.linkDragEnded.emit({
-                    source: this.linkDragPath.from.item.origin,
-                    target: this.linkDragPath.to.item.origin,
-                    type: dependencyType
-                });
-            }
-            this.linkDraggingId = null;
-            this.linkDragPath = { from: null, to: null };
-        };
-        return GanttDragContainer;
-    }());
-    GanttDragContainer.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0__namespace, type: GanttDragContainer, deps: [{ token: GANTT_UPPER_TOKEN }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    GanttDragContainer.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0__namespace, type: GanttDragContainer });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0__namespace, type: GanttDragContainer, decorators: [{
-                type: i0.Injectable
-            }], ctorParameters: function () {
-            return [{ type: GanttUpper, decorators: [{
-                            type: i0.Inject,
-                            args: [GANTT_UPPER_TOKEN]
-                        }] }];
-        } });
-
-    var GanttDragBackdropComponent = /** @class */ (function () {
-        function GanttDragBackdropComponent() {
-        }
-        return GanttDragBackdropComponent;
-    }());
-    GanttDragBackdropComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0__namespace, type: GanttDragBackdropComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    GanttDragBackdropComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.5", type: GanttDragBackdropComponent, selector: "gantt-drag-backdrop", host: { classAttribute: "gantt-drag-backdrop" }, ngImport: i0__namespace, template: "<div class=\"gantt-drag-mask\">\n  <div class=\"date-range\">\n    <span class=\"start\"></span>\n    <span class=\"end\"></span>\n  </div>\n</div>\n" });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0__namespace, type: GanttDragBackdropComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'gantt-drag-backdrop',
-                        templateUrl: "./drag-backdrop.component.html",
-                        host: {
-                            class: 'gantt-drag-backdrop'
-                        }
-                    }]
-            }] });
-
-    var GanttPrintService = /** @class */ (function () {
-        function GanttPrintService() {
-        }
-        GanttPrintService.prototype.setInlineStyles = function (targetElem) {
-            var e_1, _a;
-            var svgElements = Array.from(targetElem.getElementsByTagName('svg'));
-            try {
-                for (var svgElements_1 = __values(svgElements), svgElements_1_1 = svgElements_1.next(); !svgElements_1_1.done; svgElements_1_1 = svgElements_1.next()) {
-                    var svgElement = svgElements_1_1.value;
-                    this.recursElementChildren(svgElement);
-                }
-            }
-            catch (e_1_1) { e_1 = { error: e_1_1 }; }
-            finally {
-                try {
-                    if (svgElements_1_1 && !svgElements_1_1.done && (_a = svgElements_1.return)) _a.call(svgElements_1);
-                }
-                finally { if (e_1) throw e_1.error; }
-            }
-        };
-        GanttPrintService.prototype.recursElementChildren = function (node) {
-            var e_2, _a, e_3, _b;
-            var transformProperties = [
-                'fill',
-                'color',
-                'font-size',
-                'stroke',
-                'font',
-                'text-anchor',
-                'stroke-dasharray',
-                'shape-rendering',
-                'stroke-width'
-            ];
-            if (!node.style) {
-                return;
-            }
-            var styles = getComputedStyle(node);
-            try {
-                for (var transformProperties_1 = __values(transformProperties), transformProperties_1_1 = transformProperties_1.next(); !transformProperties_1_1.done; transformProperties_1_1 = transformProperties_1.next()) {
-                    var transformProperty = transformProperties_1_1.value;
-                    node.style[transformProperty] = styles[transformProperty];
-                }
-            }
-            catch (e_2_1) { e_2 = { error: e_2_1 }; }
-            finally {
-                try {
-                    if (transformProperties_1_1 && !transformProperties_1_1.done && (_a = transformProperties_1.return)) _a.call(transformProperties_1);
-                }
-                finally { if (e_2) throw e_2.error; }
-            }
-            try {
-                for (var _c = __values(Array.from(node.childNodes)), _d = _c.next(); !_d.done; _d = _c.next()) {
-                    var child = _d.value;
-                    this.recursElementChildren(child);
-                }
-            }
-            catch (e_3_1) { e_3 = { error: e_3_1 }; }
-            finally {
-                try {
-                    if (_d && !_d.done && (_b = _c.return)) _b.call(_c);
-                }
-                finally { if (e_3) throw e_3.error; }
-            }
-        };
-        GanttPrintService.prototype.register = function (root) {
-            this.root = root.nativeElement;
-            this.mainContainer = this.root.getElementsByClassName('gantt-main-container')[0];
-        };
-        GanttPrintService.prototype.print = function (name, ignoreElementClass) {
-            if (name === void 0) { name = 'download'; }
-            return __awaiter(this, void 0, void 0, function () {
-                var root, mainContainer, printWidth, printHeight, html2canvas;
-                var _this = this;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0:
-                            root = this.root;
-                            mainContainer = this.mainContainer;
-                            printWidth = root.offsetWidth;
-                            printHeight = root.offsetHeight - mainContainer.offsetHeight + mainContainer.scrollHeight;
-                            return [4 /*yield*/, import(/* webpackChunkName: 'html2canvas' */ 'html2canvas')];
-                        case 1:
-                            html2canvas = (_a.sent()).default;
-                            html2canvas(root, {
-                                logging: false,
-                                allowTaint: true,
-                                useCORS: true,
-                                width: printWidth,
-                                height: printHeight,
-                                ignoreElements: function (element) {
-                                    if (ignoreElementClass && element.classList.contains(ignoreElementClass)) {
-                                        return true;
-                                    }
-                                    if (element.classList.contains('gantt-calendar-today-overlay')) {
-                                        return true;
-                                    }
-                                },
-                                onclone: function (cloneDocument) {
-                                    var ganttClass = root.className;
-                                    var cloneGanttDom = cloneDocument.querySelector("." + ganttClass.replace(/\s+/g, '.'));
-                                    var cloneGanttContainerDom = cloneDocument.querySelector('.gantt-container');
-                                    var cloneCalendarOverlay = cloneDocument.querySelector('.gantt-calendar-overlay-main');
-                                    var cloneLinksOverlay = cloneDocument.querySelector('.gantt-links-overlay-main');
-                                    // change targetDom width
-                                    cloneGanttDom.style.width = printWidth + "px";
-                                    cloneGanttDom.style.height = printHeight + "px";
-                                    cloneGanttDom.style.overflow = "unset";
-                                    cloneGanttContainerDom.style.backgroundColor = '#fff';
-                                    cloneCalendarOverlay.setAttribute('height', "" + printHeight);
-                                    cloneCalendarOverlay.setAttribute('style', "background: transparent");
-                                    if (cloneLinksOverlay) {
-                                        cloneLinksOverlay.setAttribute('height', "" + printHeight);
-                                        cloneLinksOverlay.setAttribute('style', "height: " + printHeight + "px");
-                                    }
-                                    // setInlineStyles for svg
-                                    _this.setInlineStyles(cloneGanttDom);
-                                }
-                            }).then(function (canvas) {
-                                var link = document.createElement('a');
-                                var dataUrl = canvas.toDataURL('image/png');
-                                link.download = name + ".png";
-                                link.href = dataUrl;
-                                link.click();
-                            });
-                            return [2 /*return*/];
-                    }
-                });
-            });
-        };
-        return GanttPrintService;
-    }());
-    GanttPrintService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0__namespace, type: GanttPrintService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    GanttPrintService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0__namespace, type: GanttPrintService });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0__namespace, type: GanttPrintService, decorators: [{
-                type: i0.Injectable
-            }], ctorParameters: function () { return []; } });
-
-    var mainHeight = 5000;
-    var GanttCalendarComponent = /** @class */ (function () {
-        function GanttCalendarComponent(ganttUpper, ngZone, elementRef) {
-            this.ganttUpper = ganttUpper;
-            this.ngZone = ngZone;
-            this.elementRef = elementRef;
-            this.headerHeight = headerHeight;
-            this.mainHeight = mainHeight;
-            this.todayHeight = todayHeight;
-            this.todayWidth = todayWidth;
-            this.todayBorderRadius = todayBorderRadius;
-            this.viewTypes = exports.GanttViewType;
-            this.className = true;
-            this.unsubscribe$ = new rxjs.Subject();
-        }
-        Object.defineProperty(GanttCalendarComponent.prototype, "view", {
-            get: function () {
-                return this.ganttUpper.view;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        GanttCalendarComponent.prototype.setTodayPoint = function () {
-            var x = this.view.getTodayXPoint();
-            var today = new GanttDate().getDate();
-            var todayEle = this.elementRef.nativeElement.getElementsByClassName('gantt-calendar-today-overlay')[0];
-            var rect = this.elementRef.nativeElement.getElementsByClassName('today-rect')[0];
-            var line = this.elementRef.nativeElement.getElementsByClassName('today-line')[0];
-            if (isNumber(x)) {
-                if (rect) {
-                    rect.style.left = x - todayWidth / 2 + "px";
-                    rect.style.top = headerHeight - todayHeight + "px";
-                    rect.innerHTML = today.toString();
-                }
-                if (line) {
-                    line.style.left = x + "px";
-                    line.style.top = headerHeight + "px";
-                    line.style.bottom = -mainHeight + "px";
-                }
-            }
-            else {
-                todayEle.style.display = 'none';
-            }
-        };
-        GanttCalendarComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            // Note: the zone may be nooped through `BootstrapOptions` when bootstrapping the root module. This means
-            // the `onStable` will never emit any value.
-            var onStable$ = this.ngZone.isStable ? rxjs.from(Promise.resolve()) : this.ngZone.onStable.pipe(operators.take(1));
-            // Normally this isn't in the zone, but it can cause performance regressions for apps
-            // using `zone-patch-rxjs` because it'll trigger a change detection when it unsubscribes.
-            this.ngZone.runOutsideAngular(function () {
-                onStable$.pipe(operators.takeUntil(_this.unsubscribe$)).subscribe(function () {
-                    rxjs.merge(_this.ganttUpper.viewChange, _this.ganttUpper.view.start$)
-                        .pipe(operators.takeUntil(_this.unsubscribe$))
-                        .subscribe(function () {
-                        _this.setTodayPoint();
-                    });
-                });
-            });
-        };
-        GanttCalendarComponent.prototype.trackBy = function (index, point) {
-            return point.text || index;
-        };
-        GanttCalendarComponent.prototype.ngOnDestroy = function () {
-            this.unsubscribe$.next();
-            this.unsubscribe$.complete();
-        };
-        return GanttCalendarComponent;
-    }());
-    GanttCalendarComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0__namespace, type: GanttCalendarComponent, deps: [{ token: GANTT_UPPER_TOKEN }, { token: i0__namespace.NgZone }, { token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    GanttCalendarComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.5", type: GanttCalendarComponent, selector: "gantt-calendar-overlay", host: { properties: { "class.gantt-calendar-overlay": "this.className" } }, ngImport: i0__namespace, template: "<div class=\"gantt-calendar-today-overlay\" [style.width.px]=\"view.width\">\n  <span class=\"today-rect\" [hidden]=\"ganttUpper.viewType !== viewTypes.day\"> </span>\n  <span class=\"today-line\" *ngIf=\"ganttUpper.showTodayLine\"> </span>\n</div>\n\n<svg class=\"gantt-calendar-overlay-main\" [attr.width]=\"view.width\" [attr.height]=\"headerHeight\">\n  <g>\n    <text class=\"primary-text\" *ngFor=\"let point of view.primaryDatePoints; trackBy: trackBy\" [attr.x]=\"point.x\" [attr.y]=\"point.y\">\n      {{ point.text }}\n    </text>\n    <ng-container *ngFor=\"let point of view.secondaryDatePoints; trackBy: trackBy\">\n      <text class=\"secondary-text\" [class.secondary-text-weekend]=\"point.additions?.isWeekend\" [attr.x]=\"point.x\" [attr.y]=\"point.y\">\n        {{ point.text }}\n      </text>\n    </ng-container>\n\n    <g>\n      <line\n        *ngFor=\"let point of view.primaryDatePoints; let i = index; trackBy: trackBy\"\n        [attr.x1]=\"(i + 1) * view.primaryWidth\"\n        [attr.x2]=\"(i + 1) * view.primaryWidth\"\n        [attr.y1]=\"0\"\n        [attr.y2]=\"mainHeight\"\n        class=\"primary-line\"\n      ></line>\n    </g>\n\n    <g>\n      <line [attr.x1]=\"0\" [attr.x2]=\"view.width\" [attr.y1]=\"headerHeight\" [attr.y2]=\"headerHeight\" class=\"header-line\"></line>\n    </g>\n  </g>\n  <g>\n    <g *ngIf=\"view.showTimeline\">\n      <line\n        *ngFor=\"let point of view.secondaryDatePoints; let i = index; trackBy: trackBy\"\n        [attr.x1]=\"(i + 1) * view.cellWidth\"\n        [attr.x2]=\"(i + 1) * view.cellWidth\"\n        [attr.y1]=\"headerHeight\"\n        [attr.y2]=\"mainHeight\"\n        class=\"secondary-line\"\n      ></line>\n      <line\n        *ngFor=\"let point of view.primaryDatePoints; let i = index; trackBy: trackBy\"\n        [attr.x1]=\"(i + 1) * view.primaryWidth\"\n        [attr.x2]=\"(i + 1) * view.primaryWidth\"\n        [attr.y1]=\"0\"\n        [attr.y2]=\"mainHeight\"\n        class=\"primary-line\"\n      ></line>\n    </g>\n  </g>\n</svg>\n", directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0__namespace, type: GanttCalendarComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'gantt-calendar-overlay',
-                        templateUrl: './calendar.component.html'
-                    }]
-            }], ctorParameters: function () {
-            return [{ type: GanttUpper, decorators: [{
-                            type: i0.Inject,
-                            args: [GANTT_UPPER_TOKEN]
-                        }] }, { type: i0__namespace.NgZone }, { type: i0__namespace.ElementRef }];
-        }, propDecorators: { className: [{
-                    type: i0.HostBinding,
-                    args: ['class.gantt-calendar-overlay']
-                }] } });
-
-    var NgxGanttRootComponent = /** @class */ (function () {
-        function NgxGanttRootComponent(elementRef, ngZone, dom, dragContainer, ganttUpper, printService) {
-            this.elementRef = elementRef;
-            this.ngZone = ngZone;
-            this.dom = dom;
-            this.dragContainer = dragContainer;
-            this.ganttUpper = ganttUpper;
-            this.printService = printService;
-            this.unsubscribe$ = new rxjs.Subject();
-            this.ganttUpper.dragContainer = dragContainer;
-        }
-        Object.defineProperty(NgxGanttRootComponent.prototype, "view", {
-            get: function () {
-                return this.ganttUpper.view;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        NgxGanttRootComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            // Note: the zone may be nooped through `BootstrapOptions` when bootstrapping the root module. This means
-            // the `onStable` will never emit any value.
-            var onStable$ = this.ngZone.isStable ? rxjs.from(Promise.resolve()) : this.ngZone.onStable.pipe(operators.take(1));
-            // Normally this isn't in the zone, but it can cause performance regressions for apps
-            // using `zone-patch-rxjs` because it'll trigger a change detection when it unsubscribes.
-            this.ngZone.runOutsideAngular(function () {
-                onStable$.pipe(operators.takeUntil(_this.unsubscribe$)).subscribe(function () {
-                    _this.dom.initialize(_this.elementRef);
-                    if (_this.printService) {
-                        _this.printService.register(_this.elementRef);
-                    }
-                    _this.setupScrollClass();
-                    _this.setupResize();
-                    _this.setupViewScroll();
-                    // 优化初始化时Scroll滚动体验问题，通过透明度解决，默认透明度为0，滚动结束后恢复
-                    _this.elementRef.nativeElement.style.opacity = '1';
-                    _this.ganttUpper.viewChange.pipe(operators.startWith(null), operators.takeUntil(_this.unsubscribe$)).subscribe(function () {
-                        _this.scrollToToday();
-                    });
-                });
-            });
-        };
-        NgxGanttRootComponent.prototype.ngOnDestroy = function () {
-            this.unsubscribe$.next();
-        };
-        NgxGanttRootComponent.prototype.setupViewScroll = function () {
-            var _this = this;
-            if (this.ganttUpper.disabledLoadOnScroll) {
-                return;
-            }
-            this.dom
-                .getViewerScroll(passiveListenerOptions)
-                .pipe(operators.takeUntil(this.unsubscribe$))
-                .subscribe(function (event) {
-                if (event.direction === ScrollDirection.LEFT) {
-                    var dates_1 = _this.view.addStartDate();
-                    if (dates_1) {
-                        event.target.scrollLeft += _this.view.getDateRangeWidth(dates_1.start, dates_1.end);
-                        if (_this.ganttUpper.loadOnScroll.observers) {
-                            _this.ngZone.run(function () { return _this.ganttUpper.loadOnScroll.emit({ start: dates_1.start.getUnixTime(), end: dates_1.end.getUnixTime() }); });
-                        }
-                    }
-                }
-                if (event.direction === ScrollDirection.RIGHT) {
-                    var dates_2 = _this.view.addEndDate();
-                    if (dates_2 && _this.ganttUpper.loadOnScroll.observers) {
-                        _this.ngZone.run(function () { return _this.ganttUpper.loadOnScroll.emit({ start: dates_2.start.getUnixTime(), end: dates_2.end.getUnixTime() }); });
-                    }
-                }
-            });
-        };
-        NgxGanttRootComponent.prototype.setupResize = function () {
-            var _this = this;
-            this.dom
-                .getResize()
-                .pipe(operators.takeUntil(this.unsubscribe$))
-                .subscribe(function () {
-                _this.setupScrollClass();
-            });
-        };
-        NgxGanttRootComponent.prototype.setupScrollClass = function () {
-            var mainContainer = this.dom.mainContainer;
-            var height = mainContainer.offsetHeight;
-            var scrollHeight = mainContainer.scrollHeight;
-            if (scrollHeight > height) {
-                this.elementRef.nativeElement.className = 'gantt gantt-scroll';
-            }
-            else {
-                this.elementRef.nativeElement.className = 'gantt';
-            }
-        };
-        NgxGanttRootComponent.prototype.scrollToToday = function () {
-            var x = this.view.getTodayXPoint();
-            this.dom.scrollMainContainer(x);
-        };
-        return NgxGanttRootComponent;
-    }());
-    NgxGanttRootComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0__namespace, type: NgxGanttRootComponent, deps: [{ token: i0__namespace.ElementRef }, { token: i0__namespace.NgZone }, { token: GanttDomService }, { token: GanttDragContainer }, { token: GANTT_UPPER_TOKEN }, { token: GanttPrintService, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    NgxGanttRootComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.5", type: NgxGanttRootComponent, selector: "ngx-gantt-root", inputs: { sideWidth: "sideWidth" }, host: { classAttribute: "gantt" }, providers: [GanttDomService, GanttDragContainer], queries: [{ propertyName: "sideTemplate", first: true, predicate: ["sideTemplate"], descendants: true, static: true }, { propertyName: "mainTemplate", first: true, predicate: ["mainTemplate"], descendants: true, static: true }], viewQueries: [{ propertyName: "backdrop", first: true, predicate: GanttDragBackdropComponent, descendants: true, read: i0.ElementRef, static: true }], ngImport: i0__namespace, template: "<div class=\"gantt-side\" [style.width.px]=\"sideWidth\">\n  <div class=\"gantt-side-container\">\n    <ng-template [ngTemplateOutlet]=\"sideTemplate\"></ng-template>\n  </div>\n</div>\n<div class=\"gantt-container\">\n  <gantt-calendar-overlay></gantt-calendar-overlay>\n  <gantt-drag-backdrop></gantt-drag-backdrop>\n  <div class=\"gantt-main\">\n    <ng-template [ngTemplateOutlet]=\"mainTemplate\"></ng-template>\n  </div>\n</div>\n", components: [{ type: GanttCalendarComponent, selector: "gantt-calendar-overlay" }, { type: GanttDragBackdropComponent, selector: "gantt-drag-backdrop" }], directives: [{ type: i2__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0__namespace, type: NgxGanttRootComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'ngx-gantt-root',
-                        templateUrl: './root.component.html',
-                        providers: [GanttDomService, GanttDragContainer],
-                        host: {
-                            class: 'gantt'
-                        }
-                    }]
-            }], ctorParameters: function () {
-            return [{ type: i0__namespace.ElementRef }, { type: i0__namespace.NgZone }, { type: GanttDomService }, { type: GanttDragContainer }, { type: GanttUpper, decorators: [{
-                            type: i0.Inject,
-                            args: [GANTT_UPPER_TOKEN]
-                        }] }, { type: GanttPrintService, decorators: [{
-                            type: i0.Optional
-                        }] }];
-        }, propDecorators: { sideWidth: [{
-                    type: i0.Input
-                }], sideTemplate: [{
-                    type: i0.ContentChild,
-                    args: ['sideTemplate', { static: true }]
-                }], mainTemplate: [{
-                    type: i0.ContentChild,
-                    args: ['mainTemplate', { static: true }]
-                }], backdrop: [{
-                    type: i0.ViewChild,
-                    args: [GanttDragBackdropComponent, { static: true, read: i0.ElementRef }]
-                }] } });
-
-    var GanttLinkLine = /** @class */ (function () {
-        function GanttLinkLine() {
-        }
-        GanttLinkLine.prototype.generatePath = function (source, target, type) {
-            if (source.before && source.after && target.before && target.after) {
-                var path = '';
-                switch (type) {
-                    case exports.GanttLinkType.ss:
-                        path = this.generateSSPath(source, target);
-                        break;
-                    case exports.GanttLinkType.ff:
-                        path = this.generateFFPath(source, target);
-                        break;
-                    case exports.GanttLinkType.sf:
-                        path = this.generateFSAndSFPath(source, target, type);
-                        break;
-                    default:
-                        path = this.generateFSAndSFPath(source, target);
-                }
-                return path;
-            }
-        };
-        return GanttLinkLine;
-    }());
-
-    var GanttLinkLineCurve = /** @class */ (function (_super) {
-        __extends(GanttLinkLineCurve, _super);
-        function GanttLinkLineCurve(ganttUpper) {
-            var _this = _super.call(this) || this;
-            _this.ganttUpper = ganttUpper;
-            return _this;
-        }
-        GanttLinkLineCurve.prototype.generateSSPath = function (source, target) {
-            var x1 = source.before.x;
-            var y1 = source.before.y;
-            var x4 = target.before.x;
-            var y4 = target.before.y;
-            var isMirror = y4 > y1 ? 0 : 1;
-            var radius = Math.abs(y4 - y1) / 2;
-            if (x4 > x1) {
-                return "M " + x1 + " " + y1 + "\n                    A " + radius + " " + radius + " 0 1 " + isMirror + " " + x1 + " " + y4 + "\n                    L " + x4 + " " + y4;
-            }
-            else {
-                return "M " + x1 + " " + y1 + "\n                    L " + x4 + " " + y1 + "\n                    A " + radius + " " + radius + " 0 1 " + isMirror + " " + x4 + " " + y4;
-            }
-        };
-        GanttLinkLineCurve.prototype.generateFFPath = function (source, target) {
-            var x1 = source.after.x;
-            var y1 = source.after.y;
-            var x4 = target.after.x;
-            var y4 = target.after.y;
-            var isMirror = y4 > y1 ? 1 : 0;
-            var radius = Math.abs(y4 - y1) / 2;
-            if (x4 > x1) {
-                return "M " + x1 + " " + y1 + "\n                    L " + x4 + " " + y1 + "\n                    A " + radius + " " + radius + " 0 1 " + isMirror + " " + x4 + " " + y4;
-            }
-            else {
-                return "M " + x1 + " " + y1 + "\n                    A " + radius + " " + radius + " 0 1 " + isMirror + " " + x1 + " " + y4 + "\n                    L " + x4 + " " + y4;
-            }
-        };
-        GanttLinkLineCurve.prototype.generateFSAndSFPath = function (source, target, type) {
-            var _a;
-            var x1 = source.after.x;
-            var y1 = source.after.y;
-            var x4 = target.before.x;
-            var y4 = target.before.y;
-            var bezierWeight = 0.5;
-            if (type === exports.GanttLinkType.sf) {
-                x1 = target.after.x;
-                y1 = target.after.y;
-                x4 = source.before.x;
-                y4 = source.before.y;
-            }
-            var dx = Math.abs(x4 - x1) * bezierWeight;
-            var x2 = x1 + dx;
-            var x3 = x4 - dx;
-            var centerX = (x1 + x4) / 2;
-            var centerY = (y1 + y4) / 2;
-            var controlX = this.ganttUpper.styles.lineHeight / 2;
-            var controlY = this.ganttUpper.styles.lineHeight / 2;
-            if (x1 >= x4) {
-                if (Math.abs(y4 - y1) <= this.ganttUpper.styles.lineHeight) {
-                    return "M " + x1 + " " + y1 + "\n                    C " + (x1 + controlX) + " " + y1 + " " + (x1 + controlX) + " " + (y4 > y1 ? y1 + controlX : y1 - controlX) + " " + x1 + " " + (y4 > y1 ? y1 + controlY : y1 - controlY) + "\n                    L " + x4 + " " + (y4 > y1 ? y4 - controlY : y4 + controlY) + "\n                    C " + (x4 - controlY) + " " + (y4 > y1 ? y4 - controlY : y4 + controlY) + "  " + (x4 - controlX) + " " + y4 + " " + x4 + " " + y4 + "\n                    ";
-                }
-                else {
-                    controlX = this.ganttUpper.styles.lineHeight;
-                    return "M " + x1 + " " + y1 + "\n                    C " + (x1 + controlX) + " " + y1 + " " + (x1 + controlX) + " " + (y4 > y1 ? y1 + controlX : y1 - controlX) + " " + centerX + " " + centerY + "\n                    C " + (x4 - controlX) + " " + (y4 > y1 ? y4 - controlX : y4 + controlX) + " " + (x4 - controlX) + " " + y4 + " " + x4 + " " + y4 + "\n                    ";
-                }
-            }
-            else if (((_a = this.ganttUpper.linkOptions) === null || _a === void 0 ? void 0 : _a.showArrow) && x4 - x1 < 200) {
-                dx = Math.max(Math.abs(y4 - y1) * bezierWeight, 60);
-                x2 = x1 + dx;
-                x3 = x4 - dx;
-                return "M " + x1 + " " + y1 + " C " + x2 + " " + y1 + " " + x3 + " " + y4 + " " + x4 + " " + y4;
-            }
-            return "M " + x1 + " " + y1 + " C " + x2 + " " + y1 + " " + x3 + " " + y4 + " " + x4 + " " + y4;
-        };
-        return GanttLinkLineCurve;
-    }(GanttLinkLine));
-    GanttLinkLineCurve = __decorate([
-        __param(0, i0.Inject(GANTT_UPPER_TOKEN))
-    ], GanttLinkLineCurve);
-
-    var GanttLinkLineStraight = /** @class */ (function (_super) {
-        __extends(GanttLinkLineStraight, _super);
-        function GanttLinkLineStraight() {
-            var _this = _super.call(this) || this;
-            _this.pathControl = 20;
-            return _this;
-        }
-        GanttLinkLineStraight.prototype.generateSSPath = function (source, target) {
-            var x1 = source.before.x;
-            var y1 = source.before.y;
-            var x4 = target.before.x;
-            var y4 = target.before.y;
-            var control = this.pathControl;
-            return "M " + x1 + " " + y1 + "\n                        L " + (x4 > x1 ? x1 - control : x4 - control) + " " + y1 + "\n                        L " + (x4 > x1 ? x1 - control : x4 - control) + " " + y4 + "\n                        L " + x4 + " " + y4;
-        };
-        GanttLinkLineStraight.prototype.generateFFPath = function (source, target) {
-            var x1 = source.after.x;
-            var y1 = source.after.y;
-            var x4 = target.after.x;
-            var y4 = target.after.y;
-            var control = this.pathControl;
-            return "M " + x1 + " " + y1 + "\n                        L " + (x4 > x1 ? x4 + control : x1 + control) + " " + y1 + "\n                        L " + (x4 > x1 ? x4 + control : x1 + control) + " " + y4 + "\n                        L " + x4 + " " + y4;
-        };
-        GanttLinkLineStraight.prototype.generateFSAndSFPath = function (source, target, type) {
-            var x1 = source.after.x;
-            var y1 = source.after.y;
-            var x4 = target.before.x;
-            var y4 = target.before.y;
-            var control = this.pathControl;
-            if (type === exports.GanttLinkType.sf) {
-                x1 = target.after.x;
-                y1 = target.after.y;
-                x4 = source.before.x;
-                y4 = source.before.y;
-            }
-            if (x4 - x1 >= 40) {
-                return "M " + x1 + " " + y1 + "\n                        L " + (x1 + control) + " " + y1 + "\n                        L " + (x1 + control) + " " + y4 + "\n                        L " + x4 + " " + y4;
-            }
-            else {
-                return "M " + x1 + " " + y1 + "\n                        L " + (x1 + control) + " " + y1 + "\n                        L " + (x1 + control) + " " + (y4 > y1 ? y1 + control : y1 - control) + "\n                        L " + (x4 - control) + " " + (y4 > y1 ? y1 + control : y1 - control) + "\n                        L " + (x4 - control) + " " + y4 + "\n                        L " + x4 + " " + y4;
-            }
-        };
-        return GanttLinkLineStraight;
-    }(GanttLinkLine));
-
-    function createLineGenerator(type, ganttUpper) {
-        switch (type) {
-            case exports.GanttLinkLineType.curve:
-                return new GanttLinkLineCurve(ganttUpper);
-            case exports.GanttLinkLineType.straight:
-                return new GanttLinkLineStraight();
-            default:
-                throw new Error('gantt link path type invalid');
-        }
-    }
-
-    var GanttLinksComponent = /** @class */ (function () {
-        function GanttLinksComponent(ganttUpper, cdr, elementRef, ganttDragContainer) {
-            this.ganttUpper = ganttUpper;
-            this.cdr = cdr;
-            this.elementRef = elementRef;
-            this.ganttDragContainer = ganttDragContainer;
-            this.groups = [];
-            this.items = [];
-            this.lineClick = new i0.EventEmitter();
-            this.links = [];
-            this.ganttLinkTypes = exports.GanttLinkType;
-            this.showArrow = false;
-            this.linkItems = [];
-            this.firstChange = true;
-            this.unsubscribe$ = new rxjs.Subject();
-            this.ganttLinksOverlay = true;
-        }
-        GanttLinksComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            this.linkLine = createLineGenerator(this.ganttUpper.linkOptions.lineType, this.ganttUpper);
-            this.showArrow = this.ganttUpper.linkOptions.showArrow;
-            this.buildLinks();
-            this.firstChange = false;
-            this.ganttDragContainer.dragStarted.pipe(operators.takeUntil(this.unsubscribe$)).subscribe(function () {
-                _this.elementRef.nativeElement.style.visibility = 'hidden';
-            });
-            rxjs.merge(this.ganttUpper.viewChange, this.ganttUpper.expandChange, this.ganttUpper.view.start$, this.ganttUpper.dragEnded, this.ganttUpper.linkDragEnded)
-                .pipe(operators.skip(1), operators.debounceTime(0), operators.takeUntil(this.unsubscribe$))
-                .subscribe(function () {
-                _this.elementRef.nativeElement.style.visibility = 'visible';
-                _this.buildLinks();
-                _this.cdr.detectChanges();
-            });
-        };
-        GanttLinksComponent.prototype.ngOnChanges = function () {
-            if (!this.firstChange) {
-                this.buildLinks();
-            }
-        };
-        GanttLinksComponent.prototype.computeItemPosition = function () {
-            var _this = this;
-            var lineHeight = this.ganttUpper.styles.lineHeight;
-            var barHeight = this.ganttUpper.styles.barHeight;
-            this.linkItems = [];
-            if (this.groups.length > 0) {
-                var itemNum_1 = 0;
-                var groupNum_1 = 0;
-                this.groups.forEach(function (group) {
-                    groupNum_1++;
-                    if (group.expanded) {
-                        var items = recursiveItems(group.items);
-                        items.forEach(function (item, itemIndex) {
-                            var y = (groupNum_1 + itemNum_1 + itemIndex) * lineHeight + item.refs.y + barHeight / 2;
-                            _this.linkItems.push(Object.assign(Object.assign({}, item), { before: {
-                                    x: item.refs.x,
-                                    y: y
-                                }, after: {
-                                    x: item.refs.x + item.refs.width,
-                                    y: y
-                                } }));
-                        });
-                        itemNum_1 += items.length;
-                    }
-                });
-            }
-            else {
-                var items = recursiveItems(this.items);
-                items.forEach(function (item, itemIndex) {
-                    var y = itemIndex * lineHeight + item.refs.y + barHeight / 2;
-                    _this.linkItems.push(Object.assign(Object.assign({}, item), { before: {
-                            x: item.refs.x,
-                            y: y
-                        }, after: {
-                            x: item.refs.x + item.refs.width,
-                            y: y
-                        } }));
-                });
-            }
-        };
-        GanttLinksComponent.prototype.buildLinks = function () {
-            var _this = this;
-            this.computeItemPosition();
-            this.links = [];
-            this.linkItems.forEach(function (source) {
-                if (source.origin.start || source.origin.end) {
-                    source.links.forEach(function (link) {
-                        var target = _this.linkItems.find(function (item) { return item.id === link.link; });
-                        if (target && (target.origin.start || target.origin.end)) {
-                            var defaultColor = exports.LinkColors.default;
-                            var activeColor = exports.LinkColors.active;
-                            if (link.type === exports.GanttLinkType.fs && source.end.getTime() > target.start.getTime()) {
-                                defaultColor = exports.LinkColors.blocked;
-                                activeColor = exports.LinkColors.blocked;
-                            }
-                            if (link.color) {
-                                if (typeof link.color === 'string') {
-                                    defaultColor = link.color;
-                                    activeColor = link.color;
-                                }
-                                else {
-                                    defaultColor = link.color.default;
-                                    activeColor = link.color.active;
-                                }
-                            }
-                            _this.links.push({
-                                path: _this.linkLine.generatePath(source, target, link.type),
-                                source: source.origin,
-                                target: target.origin,
-                                type: link.type,
-                                color: defaultColor,
-                                defaultColor: defaultColor,
-                                activeColor: activeColor
-                            });
-                        }
-                    });
-                }
-            });
-        };
-        GanttLinksComponent.prototype.trackBy = function (index) {
-            return index;
-        };
-        GanttLinksComponent.prototype.onLineClick = function (event, link) {
-            this.lineClick.emit({
-                event: event,
-                source: link.source,
-                target: link.target
-            });
-        };
-        GanttLinksComponent.prototype.mouseEnterPath = function (link, index) {
-            link.color = link.activeColor || link.defaultColor;
-            if (index < this.links.length - 1) {
-                this.links.splice(index, 1);
-                this.links.push(link);
-            }
-        };
-        GanttLinksComponent.prototype.mouseLeavePath = function (link) {
-            link.color = link.defaultColor;
-        };
-        GanttLinksComponent.prototype.ngOnDestroy = function () {
-            this.unsubscribe$.next();
-            this.unsubscribe$.complete();
-        };
-        return GanttLinksComponent;
-    }());
-    GanttLinksComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0__namespace, type: GanttLinksComponent, deps: [{ token: GANTT_UPPER_TOKEN }, { token: i0__namespace.ChangeDetectorRef }, { token: i0__namespace.ElementRef }, { token: GanttDragContainer }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    GanttLinksComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.5", type: GanttLinksComponent, selector: "gantt-links-overlay", inputs: { groups: "groups", items: "items" }, outputs: { lineClick: "lineClick" }, host: { properties: { "class.gantt-links-overlay": "this.ganttLinksOverlay" } }, usesOnChanges: true, ngImport: i0__namespace, template: "<svg [attr.width]=\"ganttUpper.view.width\" class=\"gantt-links-overlay-main\">\n  <ng-container *ngFor=\"let link of links; let i = index; trackBy: trackBy\">\n    <path\n      [attr.d]=\"link.path\"\n      fill=\"transparent\"\n      stroke-width=\"2\"\n      [attr.stroke]=\"link.color\"\n      pointer-events=\"none\"\n      [attr.style]=\"link.type === ganttLinkTypes.sf ? 'marker-start: url(#triangle' + i + ')' : 'marker-end: url(#triangle' + i + ')'\"\n    ></path>\n\n    <g>\n      <path\n        class=\"link-line\"\n        (click)=\"onLineClick($event, link)\"\n        [attr.d]=\"link.path\"\n        (mouseenter)=\"mouseEnterPath(link, i)\"\n        (mouseleave)=\"mouseLeavePath(link)\"\n        stroke=\"transparent\"\n        stroke-width=\"9\"\n        fill=\"none\"\n        cursor=\"pointer\"\n      ></path>\n    </g>\n    <defs *ngIf=\"showArrow\">\n      <marker\n        *ngIf=\"link.type === ganttLinkTypes.sf; else markerEnd\"\n        [id]=\"'triangle' + i\"\n        markerUnits=\"strokeWidth\"\n        markerWidth=\"5\"\n        markerHeight=\"4\"\n        refX=\"5\"\n        refY=\"2\"\n        orient=\"180\"\n      >\n        <path [attr.fill]=\"link.color\" [attr.stroke]=\"link.color\" d=\"M 0 0 L 5 2 L 0 4 z\" />\n      </marker>\n\n      <ng-template #markerEnd>\n        <marker [id]=\"'triangle' + i\" markerUnits=\"strokeWidth\" markerWidth=\"5\" markerHeight=\"4\" refX=\"5\" refY=\"2\" orient=\"auto\">\n          <path [attr.fill]=\"link.color\" [attr.stroke]=\"link.color\" d=\"M 0 0 L 5 2 L 0 4 z\" />\n        </marker>\n      </ng-template>\n    </defs>\n  </ng-container>\n  <line class=\"link-dragging-line\"></line>\n</svg>\n", directives: [{ type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0__namespace, type: GanttLinksComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'gantt-links-overlay',
-                        templateUrl: './links.component.html'
-                    }]
-            }], ctorParameters: function () {
-            return [{ type: GanttUpper, decorators: [{
-                            type: i0.Inject,
-                            args: [GANTT_UPPER_TOKEN]
-                        }] }, { type: i0__namespace.ChangeDetectorRef }, { type: i0__namespace.ElementRef }, { type: GanttDragContainer }];
-        }, propDecorators: { groups: [{
-                    type: i0.Input
-                }], items: [{
-                    type: i0.Input
-                }], lineClick: [{
-                    type: i0.Output
-                }], ganttLinksOverlay: [{
-                    type: i0.HostBinding,
-                    args: ['class.gantt-links-overlay']
-                }] } });
-
-    var GanttItemUpper = /** @class */ (function () {
-        function GanttItemUpper(elementRef, ganttUpper) {
-            this.elementRef = elementRef;
-            this.ganttUpper = ganttUpper;
-            this.firstChange = true;
-            this.unsubscribe$ = new rxjs.Subject();
-        }
-        GanttItemUpper.prototype.ngOnInit = function () {
-            var _this = this;
-            this.firstChange = false;
-            this.item.refs$.pipe(operators.takeUntil(this.unsubscribe$)).subscribe(function () {
-                _this.setPositions();
-            });
-        };
-        GanttItemUpper.prototype.ngOnChanges = function () {
-            if (!this.firstChange) {
-                this.setPositions();
-            }
-        };
-        GanttItemUpper.prototype.setPositions = function () {
-            var itemElement = this.elementRef.nativeElement;
-            itemElement.style.left = this.item.refs.x + 'px';
-            itemElement.style.top = this.item.refs.y + 'px';
-            itemElement.style.width = this.item.refs.width + 'px';
-            if (this.item.type === exports.GanttItemType.bar) {
-                itemElement.style.height = this.ganttUpper.styles.barHeight + 'px';
-            }
-            else if (this.item.type === exports.GanttItemType.range) {
-                itemElement.style.height = rangeHeight + 'px';
-            }
-            else {
-            }
-        };
-        GanttItemUpper.prototype.ngOnDestroy = function () {
-            this.unsubscribe$.next();
-            this.unsubscribe$.complete();
-        };
-        return GanttItemUpper;
-    }());
-    GanttItemUpper.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0__namespace, type: GanttItemUpper, deps: [{ token: i0__namespace.ElementRef }, { token: GANTT_UPPER_TOKEN }], target: i0__namespace.ɵɵFactoryTarget.Directive });
-    GanttItemUpper.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.1.5", type: GanttItemUpper, inputs: { template: "template", item: "item" }, usesOnChanges: true, ngImport: i0__namespace });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0__namespace, type: GanttItemUpper, decorators: [{
-                type: i0.Directive
-            }], ctorParameters: function () {
-            return [{ type: i0__namespace.ElementRef }, { type: GanttUpper, decorators: [{
-                            type: i0.Inject,
-                            args: [GANTT_UPPER_TOKEN]
-                        }] }];
-        }, propDecorators: { template: [{
-                    type: i0.Input
-                }], item: [{
-                    type: i0.Input
-                }] } });
-
-    var NgxGanttRangeComponent = /** @class */ (function (_super) {
-        __extends(NgxGanttRangeComponent, _super);
-        function NgxGanttRangeComponent(elementRef, ganttUpper) {
-            var _this = _super.call(this, elementRef, ganttUpper) || this;
-            _this.ganttRangeClass = true;
-            return _this;
-        }
-        return NgxGanttRangeComponent;
-    }(GanttItemUpper));
-    NgxGanttRangeComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0__namespace, type: NgxGanttRangeComponent, deps: [{ token: i0__namespace.ElementRef }, { token: GANTT_UPPER_TOKEN }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    NgxGanttRangeComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.5", type: NgxGanttRangeComponent, selector: "ngx-gantt-range,gantt-range", host: { properties: { "class.gantt-range": "this.ganttRangeClass" } }, usesInheritance: true, ngImport: i0__namespace, template: "<ng-container *ngIf=\"item.start && item.end\">\n  <div class=\"gantt-range-main\">\n    <div class=\"gantt-range-main-progress\" *ngIf=\"item.progress >= 0\" [style.width.%]=\"item.progress * 100\"></div>\n  </div>\n  <div class=\"gantt-range-triangle left\"></div>\n  <div class=\"gantt-range-triangle right\"></div>\n  <ng-template [ngTemplateOutlet]=\"template\" [ngTemplateOutletContext]=\"{ item: item.origin, refs: item.refs }\"></ng-template>\n</ng-container>\n", directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0__namespace, type: NgxGanttRangeComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'ngx-gantt-range,gantt-range',
-                        templateUrl: './range.component.html'
-                    }]
-            }], ctorParameters: function () {
-            return [{ type: i0__namespace.ElementRef }, { type: GanttUpper, decorators: [{
-                            type: i0.Inject,
-                            args: [GANTT_UPPER_TOKEN]
-                        }] }];
-        }, propDecorators: { ganttRangeClass: [{
-                    type: i0.HostBinding,
-                    args: ['class.gantt-range']
-                }] } });
-
-    var dragMinWidth = 10;
-    var activeClass = 'gantt-bar-active';
-    var dropActiveClass = 'gantt-bar-drop-active';
-    var singleDropActiveClass = 'gantt-bar-single-drop-active';
-    function createSvgElement(qualifiedName, className) {
-        var element = document.createElementNS('http://www.w3.org/2000/svg', qualifiedName);
-        element.classList.add(className);
-        return element;
-    }
-    var GanttBarDrag = /** @class */ (function () {
-        function GanttBarDrag(dragDrop, dom, dragContainer, root) {
-            this.dragDrop = dragDrop;
-            this.dom = dom;
-            this.dragContainer = dragContainer;
-            this.root = root;
-            this.dragRefs = [];
-            this.destroy$ = new rxjs.Subject();
-        }
-        Object.defineProperty(GanttBarDrag.prototype, "dragDisabled", {
-            get: function () {
-                return !this.item.draggable || !this.ganttUpper.draggable;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(GanttBarDrag.prototype, "linkDragDisabled", {
-            get: function () {
-                return !this.item.linkable || !this.ganttUpper.linkable;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        GanttBarDrag.prototype.createMouseEvents = function () {
-            var _this = this;
-            var _a, _b, _c;
-            var dropClass = ((_b = (_a = this.ganttUpper.config.linkOptions) === null || _a === void 0 ? void 0 : _a.dependencyTypes) === null || _b === void 0 ? void 0 : _b.length) === 1 &&
-                ((_c = this.ganttUpper.config.linkOptions) === null || _c === void 0 ? void 0 : _c.dependencyTypes[0]) === exports.GanttLinkType.fs
-                ? singleDropActiveClass
-                : dropActiveClass;
-            rxjs.fromEvent(this.barElement, 'mouseenter', passiveListenerOptions)
-                .pipe(operators.takeUntil(this.destroy$))
-                .subscribe(function () {
-                if (_this.dragContainer.linkDraggingId && _this.dragContainer.linkDraggingId !== _this.item.id) {
-                    if (_this.item.linkable) {
-                        _this.barElement.classList.add(dropClass);
-                        _this.dragContainer.emitLinkDragEntered({
-                            item: _this.item,
-                            element: _this.barElement
-                        });
-                    }
-                }
-                else {
-                    _this.barElement.classList.add(activeClass);
-                }
-            });
-            rxjs.fromEvent(this.barElement, 'mouseleave', passiveListenerOptions)
-                .pipe(operators.takeUntil(this.destroy$))
-                .subscribe(function () {
-                if (!_this.dragContainer.linkDraggingId) {
-                    _this.barElement.classList.remove(activeClass);
-                }
-                else {
-                    _this.dragContainer.emitLinkDragLeaved();
-                }
-                _this.barElement.classList.remove(dropClass);
-            });
-        };
-        GanttBarDrag.prototype.createBarDrag = function () {
-            var _this = this;
-            var dragRef = this.dragDrop.createDrag(this.barElement);
-            dragRef.lockAxis = 'x';
-            dragRef.started.subscribe(function () {
-                _this.setDraggingStyles();
-                _this.dragContainer.dragStarted.emit({ item: _this.item.origin });
-            });
-            dragRef.moved.subscribe(function (event) {
-                var currentX = _this.item.refs.x + event.distance.x;
-                var currentDate = _this.ganttUpper.view.getDateByXPoint(currentX);
-                var currentStartX = _this.ganttUpper.view.getXPointByDate(currentDate);
-                var dayWidth = _this.ganttUpper.view.getDayOccupancyWidth(currentDate);
-                var diffDays = dateFns.differenceInCalendarDays(_this.item.end.value, _this.item.start.value);
-                var start = currentDate;
-                var end = currentDate.addDays(diffDays);
-                if (currentX > currentStartX + dayWidth / 2) {
-                    start = start.addDays(1);
-                    end = end.addDays(1);
-                }
-                _this.openDragBackdrop(_this.barElement, start, end);
-                _this.item.updateDate(start, end);
-                _this.dragContainer.dragMoved.emit({ item: _this.item.origin });
-            });
-            dragRef.ended.subscribe(function (event) {
-                _this.clearDraggingStyles();
-                _this.closeDragBackdrop();
-                event.source.reset();
-                _this.dragContainer.dragEnded.emit({ item: _this.item.origin });
-            });
-            this.barDragRef = dragRef;
-            return dragRef;
-        };
-        GanttBarDrag.prototype.createBarHandleDrags = function () {
-            var _this = this;
-            var dragRefs = [];
-            var handles = this.barElement.querySelectorAll('.drag-handles .handle');
-            handles.forEach(function (handle, index) {
-                var isBefore = index === 0;
-                var dragRef = _this.dragDrop.createDrag(handle);
-                dragRef.lockAxis = 'x';
-                dragRef.withBoundaryElement(_this.dom.root);
-                dragRef.started.subscribe(function () {
-                    _this.setDraggingStyles();
-                    _this.dragContainer.dragStarted.emit({ item: _this.item.origin });
-                });
-                dragRef.moved.subscribe(function (event) {
-                    if (isBefore) {
-                        var x = _this.item.refs.x + event.distance.x;
-                        var width = _this.item.refs.width + event.distance.x * -1;
-                        if (width > dragMinWidth) {
-                            _this.barElement.style.width = width + 'px';
-                            _this.barElement.style.left = x + 'px';
-                            _this.openDragBackdrop(_this.barElement, _this.ganttUpper.view.getDateByXPoint(x), _this.item.end);
-                            _this.item.updateDate(_this.ganttUpper.view.getDateByXPoint(x), _this.item.end);
-                        }
-                    }
-                    else {
-                        var width = _this.item.refs.width + event.distance.x;
-                        if (width > dragMinWidth) {
-                            _this.barElement.style.width = width + 'px';
-                            _this.openDragBackdrop(_this.barElement, _this.item.start, _this.ganttUpper.view.getDateByXPoint(_this.item.refs.x + width));
-                        }
-                        _this.item.updateDate(_this.item.start, _this.ganttUpper.view.getDateByXPoint(_this.item.refs.x + width));
-                    }
-                    _this.dragContainer.dragMoved.emit({ item: _this.item.origin });
-                    event.source.reset();
-                });
-                dragRef.ended.subscribe(function (event) {
-                    if (isBefore) {
-                        var width = _this.item.refs.width + event.distance.x * -1;
-                        if (width > dragMinWidth) {
-                            _this.item.updateDate(_this.ganttUpper.view.getDateByXPoint(_this.item.refs.x + event.distance.x), _this.item.end);
-                        }
-                        else {
-                            _this.item.updateDate(_this.item.end.startOfDay(), _this.item.end);
-                        }
-                    }
-                    else {
-                        var width = _this.item.refs.width + event.distance.x;
-                        if (width > dragMinWidth) {
-                            _this.item.updateDate(_this.item.start, _this.ganttUpper.view.getDateByXPoint(_this.item.refs.x + _this.item.refs.width + event.distance.x));
-                        }
-                        else {
-                            _this.item.updateDate(_this.item.start, _this.item.start.endOfDay());
-                        }
-                    }
-                    _this.clearDraggingStyles();
-                    _this.closeDragBackdrop();
-                    _this.dragContainer.dragEnded.emit({ item: _this.item.origin });
-                });
-                dragRefs.push(dragRef);
-            });
-            return dragRefs;
-        };
-        GanttBarDrag.prototype.createLinkHandleDrags = function () {
-            var _this = this;
-            var dragRefs = [];
-            var handles = this.barElement.querySelectorAll('.link-handles .handle');
-            handles.forEach(function (handle, index) {
-                var isBegin = index === 0;
-                var dragRef = _this.dragDrop.createDrag(handle);
-                dragRef.withBoundaryElement(_this.dom.root);
-                dragRef.beforeStarted.subscribe(function () {
-                    handle.style.pointerEvents = 'none';
-                    if (_this.barDragRef) {
-                        _this.barDragRef.disabled = true;
-                    }
-                    _this.createLinkDraggingLine();
-                    _this.dragContainer.emitLinkDragStarted({
-                        element: _this.barElement,
-                        item: _this.item,
-                        pos: isBegin ? InBarPosition.start : InBarPosition.finish
-                    });
-                });
-                dragRef.moved.subscribe(function () {
-                    var positions = _this.calcLinkLinePositions(handle, isBegin);
-                    _this.linkDraggingLine.setAttribute('x1', positions.x1.toString());
-                    _this.linkDraggingLine.setAttribute('y1', positions.y1.toString());
-                    _this.linkDraggingLine.setAttribute('x2', positions.x2.toString());
-                    _this.linkDraggingLine.setAttribute('y2', positions.y2.toString());
-                });
-                dragRef.ended.subscribe(function (event) {
-                    handle.style.pointerEvents = '';
-                    if (_this.barDragRef) {
-                        _this.barDragRef.disabled = false;
-                    }
-                    // 计算line拖动的落点位于目标Bar的值，如果值大于Bar宽度的一半，说明是拖动到Begin位置，否则则为拖动到End位置
-                    if (_this.dragContainer.linkDragPath.to) {
-                        var placePointX = event.source.getRootElement().getBoundingClientRect().x -
-                            _this.dragContainer.linkDragPath.to.element.getBoundingClientRect().x;
-                        _this.dragContainer.emitLinkDragEnded(Object.assign(Object.assign({}, _this.dragContainer.linkDragPath.to), { pos: placePointX < _this.dragContainer.linkDragPath.to.item.refs.width / 2
-                                ? InBarPosition.start
-                                : InBarPosition.finish }));
-                    }
-                    else {
-                        _this.dragContainer.emitLinkDragEnded();
-                    }
-                    event.source.reset();
-                    _this.barElement.classList.remove(activeClass);
-                    _this.destroyLinkDraggingLine();
-                });
-                dragRefs.push(dragRef);
-            });
-            return dragRefs;
-        };
-        GanttBarDrag.prototype.openDragBackdrop = function (dragElement, start, end) {
-            var dragBackdropElement = this.root.backdrop.nativeElement;
-            var dragMaskElement = dragBackdropElement.querySelector('.gantt-drag-mask');
-            var rootRect = this.dom.root.getBoundingClientRect();
-            var dragRect = dragElement.getBoundingClientRect();
-            var left = dragRect.left - rootRect.left - this.dom.side.clientWidth;
-            var width = dragRect.right - dragRect.left;
-            // Note: updating styles will cause re-layout so we have to place them consistently one by one.
-            dragMaskElement.style.left = left + 'px';
-            dragMaskElement.style.width = width + 'px';
-            dragMaskElement.style.display = 'block';
-            dragBackdropElement.style.display = 'block';
-            // This will invalidate the layout, but we won't need re-layout, because we set styles previously.
-            dragMaskElement.querySelector('.start').innerHTML = start.format('MM-dd');
-            dragMaskElement.querySelector('.end').innerHTML = end.format('MM-dd');
-        };
-        GanttBarDrag.prototype.closeDragBackdrop = function () {
-            var dragBackdropElement = this.root.backdrop.nativeElement;
-            var dragMaskElement = dragBackdropElement.querySelector('.gantt-drag-mask');
-            dragMaskElement.style.display = 'none';
-            dragBackdropElement.style.display = 'none';
-        };
-        GanttBarDrag.prototype.setDraggingStyles = function () {
-            this.barElement.style.pointerEvents = 'none';
-            this.barElement.classList.add('gantt-bar-draggable-drag');
-        };
-        GanttBarDrag.prototype.clearDraggingStyles = function () {
-            this.barElement.style.pointerEvents = '';
-            this.barElement.classList.remove('gantt-bar-draggable-drag');
-        };
-        GanttBarDrag.prototype.calcLinkLinePositions = function (target, isBefore) {
-            var rootRect = this.dom.root.getBoundingClientRect();
-            var targetRect = target.getBoundingClientRect();
-            var layerRect = target.parentElement.parentElement.getBoundingClientRect();
-            return {
-                x1: layerRect.left + (isBefore ? 0 : layerRect.width) - rootRect.left,
-                y1: layerRect.top + layerRect.height / 2 - rootRect.top,
-                x2: targetRect.left - rootRect.left + targetRect.width / 2,
-                y2: targetRect.top - rootRect.top + targetRect.height / 2
-            };
-        };
-        GanttBarDrag.prototype.createLinkDraggingLine = function () {
-            if (!this.linkDraggingLine) {
-                var svgElement = createSvgElement('svg', 'gantt-link-drag-container');
-                var linElement = createSvgElement('line', 'link-dragging-line');
-                linElement.style.pointerEvents = 'none';
-                svgElement.appendChild(linElement);
-                this.dom.root.appendChild(svgElement);
-                this.linkDraggingLine = linElement;
-            }
-        };
-        GanttBarDrag.prototype.destroyLinkDraggingLine = function () {
-            if (this.linkDraggingLine) {
-                this.linkDraggingLine.parentElement.remove();
-                this.linkDraggingLine = null;
-            }
-        };
-        GanttBarDrag.prototype.createDrags = function (elementRef, item, ganttUpper) {
-            var _d, _e;
-            this.item = item;
-            this.barElement = elementRef.nativeElement;
-            this.ganttUpper = ganttUpper;
-            // if (!item.draggable || (this.dragDisabled && this.linkDragDisabled)) {
-            if (this.dragDisabled && this.linkDragDisabled) {
-                return;
-            }
-            else {
-                this.createMouseEvents();
-                if (!this.dragDisabled) {
-                    var dragRef = this.createBarDrag();
-                    var dragHandlesRefs = this.createBarHandleDrags();
-                    (_d = this.dragRefs).push.apply(_d, __spreadArray([dragRef], __read(dragHandlesRefs)));
-                }
-                if (!this.linkDragDisabled) {
-                    var linkDragRefs = this.createLinkHandleDrags();
-                    (_e = this.dragRefs).push.apply(_e, __spreadArray([], __read(linkDragRefs)));
-                }
-            }
-        };
-        GanttBarDrag.prototype.ngOnDestroy = function () {
-            this.closeDragBackdrop();
-            this.dragRefs.forEach(function (dragRef) { return dragRef.dispose(); });
-            this.destroy$.next();
-            this.destroy$.complete();
-        };
-        return GanttBarDrag;
-    }());
-    GanttBarDrag.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0__namespace, type: GanttBarDrag, deps: [{ token: i1__namespace.DragDrop }, { token: GanttDomService }, { token: GanttDragContainer }, { token: NgxGanttRootComponent, skipSelf: true }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    GanttBarDrag.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0__namespace, type: GanttBarDrag });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0__namespace, type: GanttBarDrag, decorators: [{
-                type: i0.Injectable
-            }], ctorParameters: function () {
-            return [{ type: i1__namespace.DragDrop }, { type: GanttDomService }, { type: GanttDragContainer }, { type: NgxGanttRootComponent, decorators: [{
-                            type: i0.SkipSelf
-                        }] }];
-        } });
-
-    function linearGradient(sideOrCorner, color, stop) {
-        return "linear-gradient(" + sideOrCorner + "," + color + " 0%," + stop + " 40%)";
-    }
-    var NgxGanttBarComponent = /** @class */ (function (_super) {
-        __extends(NgxGanttBarComponent, _super);
-        function NgxGanttBarComponent(dragContainer, drag, elementRef, ganttUpper, ngZone) {
-            var _this = _super.call(this, elementRef, ganttUpper) || this;
-            _this.dragContainer = dragContainer;
-            _this.drag = drag;
-            _this.ganttUpper = ganttUpper;
-            _this.ngZone = ngZone;
-            _this.barClick = new i0.EventEmitter();
-            _this.ganttItemClass = true;
-            _this.color = 'red';
-            return _this;
-        }
-        NgxGanttBarComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            _super.prototype.ngOnInit.call(this);
-            this.dragContainer.dragEnded.pipe(operators.takeUntil(this.unsubscribe$)).subscribe(function () {
-                _this.setContentBackground();
-            });
-        };
-        NgxGanttBarComponent.prototype.ngAfterViewInit = function () {
-            var _this = this;
-            this.drag.createDrags(this.elementRef, this.item, this.ganttUpper);
-            this.setContentBackground();
-            this.handles.changes
-                .pipe(operators.startWith(this.handles), operators.switchMap(function () {
-                // Note: we need to explicitly subscribe outside of the Angular zone since `addEventListener`
-                // is called when the `fromEvent` is subscribed.
-                return new rxjs.Observable(function (subscriber) { return _this.ngZone.runOutsideAngular(function () { return rxjs.merge.apply(void 0, __spreadArray([], __read(_this.handles.toArray().map(function (handle) { return rxjs.fromEvent(handle.nativeElement, 'mousedown'); })))).subscribe(subscriber); }); });
-            }), operators.takeUntil(this.unsubscribe$))
-                .subscribe(function (event) {
-                event.stopPropagation();
-            });
-        };
-        NgxGanttBarComponent.prototype.onBarClick = function (event) {
-            this.barClick.emit({ event: event, item: this.item.origin });
-        };
-        NgxGanttBarComponent.prototype.setContentBackground = function () {
-            var contentElement = this.contentElementRef.nativeElement;
-            var color = this.item.color || barBackground;
-            var style = this.item.barStyle || {};
-            if (this.item.origin.start && this.item.origin.end) {
-                style.background = color;
-                style.borderRadius = '';
-            }
-            if (this.item.origin.start && !this.item.origin.end) {
-                style.background = linearGradient('to left', hexToRgb(color, 0.55), hexToRgb(color, 1));
-                style.borderRadius = '4px 12.5px 12.5px 4px';
-            }
-            if (!this.item.origin.start && this.item.origin.end) {
-                style.background = linearGradient('to right', hexToRgb(color, 0.55), hexToRgb(color, 1));
-                style.borderRadius = '12.5px 4px 4px 12.5px';
-            }
-            if (this.item.progress >= 0) {
-                var contentProgressElement = contentElement.querySelector('.gantt-bar-content-progress');
-                style.background = hexToRgb(color, 0.3);
-                style.borderRadius = '';
-                contentProgressElement.style.background = color;
-            }
-            for (var key in style) {
-                if (style.hasOwnProperty(key)) {
-                    contentElement.style[key] = style[key];
-                }
-            }
-        };
-        NgxGanttBarComponent.prototype.stopPropagation = function (event) {
-            event.stopPropagation();
-        };
-        return NgxGanttBarComponent;
-    }(GanttItemUpper));
-    NgxGanttBarComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0__namespace, type: NgxGanttBarComponent, deps: [{ token: GanttDragContainer }, { token: GanttBarDrag }, { token: i0__namespace.ElementRef }, { token: GANTT_UPPER_TOKEN }, { token: i0__namespace.NgZone }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    NgxGanttBarComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.5", type: NgxGanttBarComponent, selector: "ngx-gantt-bar,gantt-bar", outputs: { barClick: "barClick" }, host: { properties: { "class.gantt-bar": "this.ganttItemClass" } }, providers: [GanttBarDrag], viewQueries: [{ propertyName: "contentElementRef", first: true, predicate: ["content"], descendants: true }, { propertyName: "handles", predicate: ["handle"], descendants: true }], usesInheritance: true, ngImport: i0__namespace, template: "<div class=\"gantt-bar-layer\">\n  <div class=\"drag-handles\">\n    <ng-container *ngIf=\"item.draggable && ganttUpper.draggable\">\n      <span class=\"handle\" #handle></span>\n      <span class=\"handle\" #handle></span>\n    </ng-container>\n  </div>\n  <div *ngIf=\"item.linkable && ganttUpper.linkable\" class=\"link-handles\">\n    <span class=\"handle\"><span class=\"point\"></span></span>\n    <span class=\"handle\"> <span class=\"point\"></span></span>\n  </div>\n</div>\n<div class=\"gantt-bar-border\"></div>\n<div #content class=\"gantt-bar-content\" (click)=\"onBarClick($event)\">\n  <div class=\"gantt-bar-content-progress\" *ngIf=\"item.progress >= 0\" [style.width.%]=\"item.progress * 100\"></div>\n  <ng-template [ngTemplateOutlet]=\"template\" [ngTemplateOutletContext]=\"{ item: item.origin, refs: item.refs }\"></ng-template>\n</div>\n", directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0__namespace, type: NgxGanttBarComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'ngx-gantt-bar,gantt-bar',
-                        templateUrl: './bar.component.html',
-                        providers: [GanttBarDrag]
-                    }]
-            }], ctorParameters: function () {
-            return [{ type: GanttDragContainer }, { type: GanttBarDrag }, { type: i0__namespace.ElementRef }, { type: GanttUpper, decorators: [{
-                            type: i0.Inject,
-                            args: [GANTT_UPPER_TOKEN]
-                        }] }, { type: i0__namespace.NgZone }];
-        }, propDecorators: { barClick: [{
-                    type: i0.Output
-                }], contentElementRef: [{
-                    type: i0.ViewChild,
-                    args: ['content']
-                }], ganttItemClass: [{
-                    type: i0.HostBinding,
-                    args: ['class.gantt-bar']
-                }], handles: [{
-                    type: i0.ViewChildren,
-                    args: ['handle']
-                }] } });
-
-    var GanttMainComponent = /** @class */ (function () {
-        function GanttMainComponent(ganttUpper) {
-            this.ganttUpper = ganttUpper;
-            this.barClick = new i0.EventEmitter();
-            this.lineClick = new i0.EventEmitter();
-            this.ganttMainClass = true;
-        }
-        GanttMainComponent.prototype.trackBy = function (index, item) {
-            return item.id || index;
-        };
-        return GanttMainComponent;
-    }());
-    GanttMainComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0__namespace, type: GanttMainComponent, deps: [{ token: GANTT_UPPER_TOKEN }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    GanttMainComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.5", type: GanttMainComponent, selector: "gantt-main", inputs: { groups: "groups", items: "items", groupHeaderTemplate: "groupHeaderTemplate", itemTemplate: "itemTemplate", barTemplate: "barTemplate", rangeTemplate: "rangeTemplate" }, outputs: { barClick: "barClick", lineClick: "lineClick" }, host: { properties: { "class.gantt-main-container": "this.ganttMainClass" } }, ngImport: i0__namespace, template: "<gantt-links-overlay [groups]=\"groups\" [items]=\"items\" (lineClick)=\"lineClick.emit($event)\"></gantt-links-overlay>\n<!-- groups -->\n<div class=\"gantt-main-groups\" *ngIf=\"groups && groups.length > 0; else itemsTemplate\" [style.width.px]=\"ganttUpper.view.width\">\n  <ng-container *ngFor=\"let group of groups; trackBy: trackBy\">\n    <div class=\"gantt-group\" [ngClass]=\"group.class\">\n      <ng-template [ngTemplateOutlet]=\"groupHeaderTemplate\" [ngTemplateOutletContext]=\"{ group: group }\"></ng-template>\n    </div>\n    <div *ngIf=\"group.expanded\" class=\"gantt-items\">\n      <ng-template [ngTemplateOutlet]=\"ganttItems\" [ngTemplateOutletContext]=\"{ items: group.items }\"></ng-template>\n    </div>\n  </ng-container>\n</div>\n<!-- items -->\n<ng-template #itemsTemplate>\n  <div class=\"gantt-main-items\" [style.width.px]=\"ganttUpper.view.width\">\n    <ng-template [ngTemplateOutlet]=\"ganttItems\" [ngTemplateOutletContext]=\"{ items: items }\"></ng-template>\n  </div>\n</ng-template>\n\n<ng-template #ganttItems let-items=\"items\">\n  <ng-container *ngFor=\"let item of items;\">\n    <div\n      class=\"gantt-item\"\n      [style.height.px]=\"ganttUpper.styles.lineHeight\"\n      [class.gantt-main-item-active]=\"ganttUpper.isSelected(item.id)\"\n    >\n      <ng-container *ngIf=\"item.type | isGanttCustomItem\">\n        <ng-template [ngTemplateOutlet]=\"itemTemplate\" [ngTemplateOutletContext]=\"{ item: item.origin, refs: item.refs }\"></ng-template>\n      </ng-container>\n      <gantt-range *ngIf=\"item.type | isGanttRangeItem\" [template]=\"rangeTemplate\" [item]=\"item\"></gantt-range>\n      <gantt-bar *ngIf=\"item.type | isGanttBarItem\" [item]=\"item\" [template]=\"barTemplate\" (barClick)=\"barClick.emit($event)\"></gantt-bar>\n    </div>\n    <ng-template\n      *ngIf=\"item.children && item.expanded\"\n      [ngTemplateOutlet]=\"ganttItems\"\n      [ngTemplateOutletContext]=\"{ items: item.children }\"\n    ></ng-template>\n  </ng-container>\n</ng-template>\n", components: [{ type: GanttLinksComponent, selector: "gantt-links-overlay", inputs: ["groups", "items"], outputs: ["lineClick"] }, { type: NgxGanttRangeComponent, selector: "ngx-gantt-range,gantt-range" }, { type: NgxGanttBarComponent, selector: "ngx-gantt-bar,gantt-bar", outputs: ["barClick"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "isGanttCustomItem": IsGanttCustomItemPipe, "isGanttRangeItem": IsGanttRangeItemPipe, "isGanttBarItem": IsGanttBarItemPipe } });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0__namespace, type: GanttMainComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'gantt-main',
-                        templateUrl: './gantt-main.component.html'
-                    }]
-            }], ctorParameters: function () {
-            return [{ type: GanttUpper, decorators: [{
-                            type: i0.Inject,
-                            args: [GANTT_UPPER_TOKEN]
-                        }] }];
-        }, propDecorators: { groups: [{
-                    type: i0.Input
-                }], items: [{
-                    type: i0.Input
-                }], groupHeaderTemplate: [{
-                    type: i0.Input
-                }], itemTemplate: [{
-                    type: i0.Input
-                }], barTemplate: [{
-                    type: i0.Input
-                }], rangeTemplate: [{
-                    type: i0.Input
-                }], barClick: [{
-                    type: i0.Output
-                }], lineClick: [{
-                    type: i0.Output
-                }], ganttMainClass: [{
-                    type: i0.HostBinding,
-                    args: ['class.gantt-main-container']
-                }] } });
-
-    var NgxGanttComponent = /** @class */ (function (_super) {
-        __extends(NgxGanttComponent, _super);
-        function NgxGanttComponent(elementRef, cdr, ngZone, config) {
-            var _this = _super.call(this, elementRef, cdr, ngZone, config) || this;
-            _this.maxLevel = 2;
-            _this.linkDragStarted = new i0.EventEmitter();
-            _this.linkDragEnded = new i0.EventEmitter();
-            _this.lineClick = new i0.EventEmitter();
-            _this.selectedChange = new i0.EventEmitter();
-            _this.ngUnsubscribe$ = new rxjs.Subject();
-            _this.sideTableWidth = sideWidth;
-            return _this;
-        }
-        NgxGanttComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            _super.prototype.ngOnInit.call(this);
-            // Note: the zone may be nooped through `BootstrapOptions` when bootstrapping the root module. This means
-            // the `onStable` will never emit any value.
-            var onStable$ = this.ngZone.isStable ? rxjs.from(Promise.resolve()) : this.ngZone.onStable.pipe(operators.take(1));
-            // Normally this isn't in the zone, but it can cause performance regressions for apps
-            // using `zone-patch-rxjs` because it'll trigger a change detection when it unsubscribes.
-            this.ngZone.runOutsideAngular(function () {
-                onStable$.pipe(operators.takeUntil(_this.unsubscribe$)).subscribe(function () {
-                    _this.dragContainer.linkDragStarted.pipe(operators.takeUntil(_this.ngUnsubscribe$)).subscribe(function (event) {
-                        _this.linkDragStarted.emit(event);
-                    });
-                    _this.dragContainer.linkDragEnded.pipe(operators.takeUntil(_this.ngUnsubscribe$)).subscribe(function (event) {
-                        _this.linkDragEnded.emit(event);
-                    });
-                });
-            });
-        };
-        NgxGanttComponent.prototype.ngAfterViewInit = function () {
-            var _this = this;
-            this.columns.changes.pipe(operators.startWith(true), operators.takeUntil(this.ngUnsubscribe$)).subscribe(function () {
-                _this.columns.forEach(function (column) {
-                    if (!column.columnWidth) {
-                        column.columnWidth = coercion.coerceCssPixelValue(defaultColumnWidth);
-                    }
-                });
-                _this.cdr.detectChanges();
-            });
-        };
-        NgxGanttComponent.prototype.expandChildren = function (item) {
-            var _this = this;
-            if (!item.expanded) {
-                item.setExpand(true);
-                if (this.async && this.childrenResolve && item.children.length === 0) {
-                    item.loading = true;
-                    this.childrenResolve(item.origin)
-                        .pipe(operators.take(1), operators.finalize(function () {
-                        item.loading = false;
-                        _this.expandChange.emit();
-                        _this.cdr.detectChanges();
-                    }))
-                        .subscribe(function (items) {
-                        item.addChildren(items);
-                        _this.computeItemsRefs.apply(_this, __spreadArray([], __read(item.children)));
-                    });
-                }
-                else {
-                    this.computeItemsRefs.apply(this, __spreadArray([], __read(item.children)));
-                    this.expandChange.emit();
-                }
-            }
-            else {
-                item.setExpand(false);
-                this.expandChange.emit();
-            }
-        };
-        NgxGanttComponent.prototype.selectItem = function (selectEvent) {
-            var _a;
-            if (!this.selectable) {
-                return;
-            }
-            var event = selectEvent.event, selectedValue = selectEvent.selectedValue;
-            this.selectionModel.toggle(selectedValue.id);
-            var selectedIds = this.selectionModel.selected;
-            if (this.multiple) {
-                var _selectedValue = this.getGanttItems(selectedIds).map(function (item) { return item.origin; });
-                this.selectedChange.emit({ event: event, selectedValue: _selectedValue });
-            }
-            else {
-                var _selectedValue = (_a = this.getGanttItem(selectedIds[0])) === null || _a === void 0 ? void 0 : _a.origin;
-                this.selectedChange.emit({ event: event, selectedValue: _selectedValue });
-            }
-        };
-        return NgxGanttComponent;
-    }(GanttUpper));
-    NgxGanttComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0__namespace, type: NgxGanttComponent, deps: [{ token: i0__namespace.ElementRef }, { token: i0__namespace.ChangeDetectorRef }, { token: i0__namespace.NgZone }, { token: GANTT_GLOBAL_CONFIG }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    NgxGanttComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.5", type: NgxGanttComponent, selector: "ngx-gantt", inputs: { maxLevel: "maxLevel", async: "async", childrenResolve: "childrenResolve", linkable: "linkable" }, outputs: { linkDragStarted: "linkDragStarted", linkDragEnded: "linkDragEnded", lineClick: "lineClick", selectedChange: "selectedChange" }, providers: [
-            {
-                provide: GANTT_UPPER_TOKEN,
-                useExisting: NgxGanttComponent
-            },
-            {
-                provide: GANTT_ABSTRACT_TOKEN,
-                useExisting: i0.forwardRef(function () { return NgxGanttComponent; })
-            }
-        ], queries: [{ propertyName: "table", first: true, predicate: NgxGanttTableComponent, descendants: true }, { propertyName: "tableEmptyTemplate", first: true, predicate: ["tableEmpty"], descendants: true, static: true }, { propertyName: "columns", predicate: NgxGanttTableColumnComponent, descendants: true }], usesInheritance: true, ngImport: i0__namespace, template: "<ngx-gantt-root>\n  <ng-template #sideTemplate>\n    <gantt-table\n      [groups]=\"groups\"\n      [items]=\"items\"\n      [columns]=\"columns\"\n      [groupTemplate]=\"groupTemplate\"\n      [emptyTemplate]=\"tableEmptyTemplate\"\n      [rowBeforeTemplate]=\"table?.rowBeforeTemplate\"\n      [rowAfterTemplate]=\"table?.rowAfterTemplate\"\n      (itemClick)=\"selectItem($event)\"\n    ></gantt-table>\n  </ng-template>\n  <ng-template #mainTemplate>\n    <gantt-main\n      [groups]=\"groups\"\n      [items]=\"items\"\n      [groupHeaderTemplate]=\"groupHeaderTemplate\"\n      [itemTemplate]=\"itemTemplate\"\n      [barTemplate]=\"barTemplate\"\n      [rangeTemplate]=\"rangeTemplate\"\n      (barClick)=\"barClick.emit($event)\"\n      (lineClick)=\"lineClick.emit($event)\"\n    >\n    </gantt-main>\n  </ng-template>\n</ngx-gantt-root>\n", components: [{ type: NgxGanttRootComponent, selector: "ngx-gantt-root", inputs: ["sideWidth"] }, { type: GanttTableComponent, selector: "gantt-table", inputs: ["groups", "items", "columns", "groupTemplate", "emptyTemplate", "rowBeforeTemplate", "rowAfterTemplate"], outputs: ["itemClick"] }, { type: GanttMainComponent, selector: "gantt-main", inputs: ["groups", "items", "groupHeaderTemplate", "itemTemplate", "barTemplate", "rangeTemplate"], outputs: ["barClick", "lineClick"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0__namespace, type: NgxGanttComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'ngx-gantt',
-                        templateUrl: './gantt.component.html',
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                        providers: [
-                            {
-                                provide: GANTT_UPPER_TOKEN,
-                                useExisting: NgxGanttComponent
-                            },
-                            {
-                                provide: GANTT_ABSTRACT_TOKEN,
-                                useExisting: i0.forwardRef(function () { return NgxGanttComponent; })
-                            }
-                        ]
-                    }]
-            }], ctorParameters: function () {
-            return [{ type: i0__namespace.ElementRef }, { type: i0__namespace.ChangeDetectorRef }, { type: i0__namespace.NgZone }, { type: undefined, decorators: [{
-                            type: i0.Inject,
-                            args: [GANTT_GLOBAL_CONFIG]
-                        }] }];
-        }, propDecorators: { maxLevel: [{
-                    type: i0.Input
-                }], async: [{
-                    type: i0.Input
-                }], childrenResolve: [{
-                    type: i0.Input
-                }], linkable: [{
-                    type: i0.Input
-                }], linkDragStarted: [{
-                    type: i0.Output
-                }], linkDragEnded: [{
-                    type: i0.Output
-                }], lineClick: [{
-                    type: i0.Output
-                }], selectedChange: [{
-                    type: i0.Output
-                }], table: [{
-                    type: i0.ContentChild,
-                    args: [NgxGanttTableComponent]
-                }], columns: [{
-                    type: i0.ContentChildren,
-                    args: [NgxGanttTableColumnComponent, { descendants: true }]
-                }], tableEmptyTemplate: [{
-                    type: i0.ContentChild,
-                    args: ['tableEmpty', { static: true }]
-                }] } });
-
-    var NgxGanttModule = /** @class */ (function () {
-        function NgxGanttModule() {
-        }
-        return NgxGanttModule;
-    }());
-    NgxGanttModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0__namespace, type: NgxGanttModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    NgxGanttModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0__namespace, type: NgxGanttModule, declarations: [NgxGanttComponent,
-            NgxGanttTableComponent,
-            NgxGanttTableColumnComponent,
-            GanttTableComponent,
-            GanttMainComponent,
-            GanttCalendarComponent,
-            GanttLinksComponent,
-            NgxGanttBarComponent,
-            GanttIconComponent,
-            GanttDragBackdropComponent,
-            NgxGanttRangeComponent,
-            NgxGanttRootComponent,
-            IsGanttRangeItemPipe,
-            IsGanttBarItemPipe,
-            IsGanttCustomItemPipe], imports: [i2.CommonModule, i1.DragDropModule], exports: [NgxGanttComponent,
-            NgxGanttTableComponent,
-            NgxGanttTableColumnComponent,
-            NgxGanttRootComponent,
-            NgxGanttBarComponent,
-            NgxGanttRangeComponent] });
-    NgxGanttModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0__namespace, type: NgxGanttModule, providers: [
-            {
-                provide: GANTT_GLOBAL_CONFIG,
-                useValue: defaultConfig
-            }
-        ], imports: [[i2.CommonModule, i1.DragDropModule]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0__namespace, type: NgxGanttModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        imports: [i2.CommonModule, i1.DragDropModule],
-                        exports: [
-                            NgxGanttComponent,
-                            NgxGanttTableComponent,
-                            NgxGanttTableColumnComponent,
-                            NgxGanttRootComponent,
-                            NgxGanttBarComponent,
-                            NgxGanttRangeComponent
-                        ],
-                        declarations: [
-                            NgxGanttComponent,
-                            NgxGanttTableComponent,
-                            NgxGanttTableColumnComponent,
-                            GanttTableComponent,
-                            GanttMainComponent,
-                            GanttCalendarComponent,
-                            GanttLinksComponent,
-                            NgxGanttBarComponent,
-                            GanttIconComponent,
-                            GanttDragBackdropComponent,
-                            NgxGanttRangeComponent,
-                            NgxGanttRootComponent,
-                            IsGanttRangeItemPipe,
-                            IsGanttBarItemPipe,
-                            IsGanttCustomItemPipe
-                        ],
-                        providers: [
-                            {
-                                provide: GANTT_GLOBAL_CONFIG,
-                                useValue: defaultConfig
-                            }
-                        ]
-                    }]
-            }] });
-
-    /*
-     * Public API Surface of gantt
-     */
-
-    /**
-     * Generated bundle index. Do not edit.
-     */
-
-    Object.defineProperty(exports, 'addDays', {
-        enumerable: true,
-        get: function () { return dateFns.addDays; }
-    });
-    Object.defineProperty(exports, 'addHours', {
-        enumerable: true,
-        get: function () { return dateFns.addHours; }
-    });
-    Object.defineProperty(exports, 'addMinutes', {
-        enumerable: true,
-        get: function () { return dateFns.addMinutes; }
-    });
-    Object.defineProperty(exports, 'addMonths', {
-        enumerable: true,
-        get: function () { return dateFns.addMonths; }
-    });
-    Object.defineProperty(exports, 'addQuarters', {
-        enumerable: true,
-        get: function () { return dateFns.addQuarters; }
-    });
-    Object.defineProperty(exports, 'addSeconds', {
-        enumerable: true,
-        get: function () { return dateFns.addSeconds; }
-    });
-    Object.defineProperty(exports, 'addWeeks', {
-        enumerable: true,
-        get: function () { return dateFns.addWeeks; }
-    });
-    Object.defineProperty(exports, 'addYears', {
-        enumerable: true,
-        get: function () { return dateFns.addYears; }
-    });
-    Object.defineProperty(exports, 'differenceInCalendarDays', {
-        enumerable: true,
-        get: function () { return dateFns.differenceInCalendarDays; }
-    });
-    Object.defineProperty(exports, 'differenceInCalendarQuarters', {
-        enumerable: true,
-        get: function () { return dateFns.differenceInCalendarQuarters; }
-    });
-    Object.defineProperty(exports, 'differenceInDays', {
-        enumerable: true,
-        get: function () { return dateFns.differenceInDays; }
-    });
-    Object.defineProperty(exports, 'eachDayOfInterval', {
-        enumerable: true,
-        get: function () { return dateFns.eachDayOfInterval; }
-    });
-    Object.defineProperty(exports, 'eachMonthOfInterval', {
-        enumerable: true,
-        get: function () { return dateFns.eachMonthOfInterval; }
-    });
-    Object.defineProperty(exports, 'eachWeekOfInterval', {
-        enumerable: true,
-        get: function () { return dateFns.eachWeekOfInterval; }
-    });
-    Object.defineProperty(exports, 'endOfDay', {
-        enumerable: true,
-        get: function () { return dateFns.endOfDay; }
-    });
-    Object.defineProperty(exports, 'endOfMonth', {
-        enumerable: true,
-        get: function () { return dateFns.endOfMonth; }
-    });
-    Object.defineProperty(exports, 'endOfQuarter', {
-        enumerable: true,
-        get: function () { return dateFns.endOfQuarter; }
-    });
-    Object.defineProperty(exports, 'endOfWeek', {
-        enumerable: true,
-        get: function () { return dateFns.endOfWeek; }
-    });
-    Object.defineProperty(exports, 'endOfYear', {
-        enumerable: true,
-        get: function () { return dateFns.endOfYear; }
-    });
-    Object.defineProperty(exports, 'format', {
-        enumerable: true,
-        get: function () { return dateFns.format; }
-    });
-    Object.defineProperty(exports, 'fromUnixTime', {
-        enumerable: true,
-        get: function () { return dateFns.fromUnixTime; }
-    });
-    Object.defineProperty(exports, 'getDaysInMonth', {
-        enumerable: true,
-        get: function () { return dateFns.getDaysInMonth; }
-    });
-    Object.defineProperty(exports, 'getUnixTime', {
-        enumerable: true,
-        get: function () { return dateFns.getUnixTime; }
-    });
-    Object.defineProperty(exports, 'getWeek', {
-        enumerable: true,
-        get: function () { return dateFns.getWeek; }
-    });
-    Object.defineProperty(exports, 'isToday', {
-        enumerable: true,
-        get: function () { return dateFns.isToday; }
-    });
-    Object.defineProperty(exports, 'isWeekend', {
-        enumerable: true,
-        get: function () { return dateFns.isWeekend; }
-    });
-    Object.defineProperty(exports, 'setDate', {
-        enumerable: true,
-        get: function () { return dateFns.setDate; }
-    });
-    Object.defineProperty(exports, 'startOfDay', {
-        enumerable: true,
-        get: function () { return dateFns.startOfDay; }
-    });
-    Object.defineProperty(exports, 'startOfMonth', {
-        enumerable: true,
-        get: function () { return dateFns.startOfMonth; }
-    });
-    Object.defineProperty(exports, 'startOfQuarter', {
-        enumerable: true,
-        get: function () { return dateFns.startOfQuarter; }
-    });
-    Object.defineProperty(exports, 'startOfWeek', {
-        enumerable: true,
-        get: function () { return dateFns.startOfWeek; }
-    });
-    Object.defineProperty(exports, 'startOfYear', {
-        enumerable: true,
-        get: function () { return dateFns.startOfYear; }
-    });
-    exports.GANTT_GLOBAL_CONFIG = GANTT_GLOBAL_CONFIG;
-    exports.GANTT_UPPER_TOKEN = GANTT_UPPER_TOKEN;
-    exports.GanttBarClickEvent = GanttBarClickEvent;
-    exports.GanttDate = GanttDate;
-    exports.GanttDatePoint = GanttDatePoint;
-    exports.GanttDragEvent = GanttDragEvent;
-    exports.GanttGroupInternal = GanttGroupInternal;
-    exports.GanttItemInternal = GanttItemInternal;
-    exports.GanttItemUpper = GanttItemUpper;
-    exports.GanttLineClickEvent = GanttLineClickEvent;
-    exports.GanttLinkDragEvent = GanttLinkDragEvent;
-    exports.GanttLoadOnScrollEvent = GanttLoadOnScrollEvent;
-    exports.GanttPrintService = GanttPrintService;
-    exports.GanttSelectedEvent = GanttSelectedEvent;
-    exports.GanttTableEvent = GanttTableEvent;
-    exports.GanttUpper = GanttUpper;
-    exports.GanttView = GanttView;
-    exports.IsGanttBarItemPipe = IsGanttBarItemPipe;
-    exports.IsGanttCustomItemPipe = IsGanttCustomItemPipe;
-    exports.IsGanttRangeItemPipe = IsGanttRangeItemPipe;
-    exports.NgxGanttBarComponent = NgxGanttBarComponent;
-    exports.NgxGanttComponent = NgxGanttComponent;
-    exports.NgxGanttModule = NgxGanttModule;
-    exports.NgxGanttRangeComponent = NgxGanttRangeComponent;
-    exports.NgxGanttRootComponent = NgxGanttRootComponent;
-    exports.NgxGanttTableColumnComponent = NgxGanttTableColumnComponent;
-    exports.NgxGanttTableComponent = NgxGanttTableComponent;
-    exports.defaultConfig = defaultConfig;
-    exports.primaryDatePointTop = primaryDatePointTop;
-    exports.secondaryDatePointTop = secondaryDatePointTop;
-
-    Object.defineProperty(exports, '__esModule', { value: true });
-
-}));
-//# sourceMappingURL=worktile-gantt.umd.js.map