[update] version 9.0.1

README.md

@@ -1,7 +1,7 @@
 # dhtmlxGantt #
 
 [![dhtmlx.com](https://img.shields.io/badge/made%20by-DHTMLX-blue)](https://dhtmlx.com/)
-[![npm: v.9.0.0](https://img.shields.io/badge/npm-v.9.0.0-blue.svg)](https://www.npmjs.com/package/dhtmlx-gantt)
+[![npm: v.9.0.1](https://img.shields.io/badge/npm-v.9.0.1-blue.svg)](https://www.npmjs.com/package/dhtmlx-gantt)
 [![License: GPL v2](https://img.shields.io/badge/license-GPL%20v2-blue.svg)](https://www.gnu.org/licenses/old-licenses/gpl-2.0.html)
 
 [Getting started](#getting-started) | [Features](#features) | [License](#license) | [Useful links](#links) | [Follow us](#followus)
@@ -117,7 +117,7 @@ Resource management, critical path calculation, auto scheduling, and other enhan
 <a name="license"></a>
 ## License ##
 
-dhtmlxGantt v.9.0.0 Standard
+dhtmlxGantt v.9.0.1 Standard
 
 This version of dhtmlxGantt is distributed under GPL 2.0 license and can be legally used in GPL projects.
 

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "gantt",
-  "version": "9.0.0",
+  "version": "9.0.1",
   "homepage": "https://dhtmlx.com/docs/products/dhtmlxGantt/",
   "description": "An open source JavaScript Gantt chart that helps you illustrate a project schedule in a nice-looking chart.",
   "main": [

codebase/dhtmlxgantt.d.ts

@@ -1,4 +1,4 @@
-// Type definitions for dhtmlxGantt 9.0.0
+// Type definitions for dhtmlxGantt 9.0.1
 // Project: https://dhtmlx.com/docs/products/dhtmlxGantt
 
 type GanttCallback = (...args: any[]) => any;
@@ -3387,11 +3387,6 @@ export interface GanttStatic  {
 	*/
 	resetSkin(): void;
 
-	/**
-	 * forces the lightbox to resize
-	*/
-	resizeLightbox(): void;
-
 	/**
 	 * rounds the specified date to the nearest date in the time scale
 	 * @param date the Date object to round or an object with settings

codebase/dhtmlxgantt.es.d.ts

@@ -1,4 +1,4 @@
-// Type definitions for dhtmlxGantt 9.0.0
+// Type definitions for dhtmlxGantt 9.0.1
 // Project: https://dhtmlx.com/docs/products/dhtmlxGantt
 
 type GanttCallback = (...args: any[]) => any;
@@ -3387,11 +3387,6 @@ export interface GanttStatic  {
 	*/
 	resetSkin(): void;
 
-	/**
-	 * forces the lightbox to resize
-	*/
-	resizeLightbox(): void;
-
 	/**
 	 * rounds the specified date to the nearest date in the time scale
 	 * @param date the Date object to round or an object with settings

codebase/sources/dhtmlxgantt.css

@@ -187,7 +187,7 @@
   --dhx-gantt-lightbox-title-font-size: var(--dhx-gantt-heading-font-size);
   --dhx-gantt-lightbox-max-width: 622px;
   --dhx-gantt-lightbox-wide-max-width: 738px;
-  --dhx-gantt-lightbox-width: max-content;
+  --dhx-gantt-lightbox-width: 560px;
   --dhx-gantt-btn-order: row-reverse;
   /* buttons */
   --dhx-gantt-btn-background: var(--dhx-gantt-base-colors-primary);
@@ -342,12 +342,14 @@
   --dhx-gantt-box-shadow-m: 0px 4px 24px 0px rgba(44, 47, 60, 0.36);
   --dhx-gantt-box-shadow-l: 0px 4px 24px 0px rgba(44, 47, 60, 0.56);
   --dhx-gantt-grid-scale-background: #4f4f4f;
-  --dhx-gantt-grid-scale-border-vertical: 1px solid #5b5b5b;
+  --dhx-gantt-grid-scale-border-vertical: 1px solid #c1c1c1;
   --dhx-gantt-grid-scale-color: #e1e1e1;
   --dhx-gantt-timeline-scale-background: #dbdbdb;
-  --dhx-gantt-timeline-scale-border-vertical: 1px solid #bababa;
+  --dhx-gantt-timeline-scale-border-vertical: 1px solid #ebebeb;
   --dhx-gantt-timeline-scale-color: #494949;
   --dhx-gantt-grid-body-background: #dbdbdb;
+  --dhx-gantt-lightbox-title-background: #4f4f4f;
+  --dhx-gantt-lightbox-title-color: #e1e1e1;
   --dhx-gantt-task-color: #FFF;
   --dhx-gantt-link-background: #ffb96d;
   --dhx-gantt-project-background: #65c16f;
@@ -1171,6 +1173,7 @@ url("src/dhx-gantt-icons.woff2?d2ea3e087edb3b9fad35a6580bd8acd3") format("woff2"
   overflow: hidden;
 }
 .gantt_scale_cell {
+  position: relative;
   display: inline-block;
   white-space: nowrap;
   overflow: hidden;
@@ -1897,7 +1900,8 @@ div.dhx_modal_cover {
 .gantt_cal_light {
   margin-top: auto;
   margin-bottom: auto;
-  width: var(--dhx-gantt-lightbox-width);
+  min-width: var(--dhx-gantt-lightbox-width);
+  width: max-content;
   max-width: var(--dhx-gantt-lightbox-max-width);
   height: auto;
   -webkit-tap-highlight-color: transparent;
@@ -1996,6 +2000,7 @@ div.dhx_modal_cover {
 .gantt_cal_larea {
   border: none;
   padding: 0 var(--dhx-gantt-lightbox-padding) 4px;
+  overflow: hidden;
   height: auto;
   gap: calc(var(--dhx-gantt-base-padding) * 2);
 }
@@ -2152,8 +2157,15 @@ div.dhx_modal_cover {
 .gantt_resource_toggle {
   vertical-align: middle;
 }
+.gantt_section_resources {
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+}
 .gantt_resources_filter {
   display: flex;
+  flex-grow: 0;
   align-items: center;
 }
 .gantt_resources_filter label {

codebase/sources/dhtmlxgantt.es.js

@@ -1,6 +1,6 @@
 /** @license
 
-dhtmlxGantt v.9.0.0 Standard
+dhtmlxGantt v.9.0.1 Standard
 
 This version of dhtmlxGantt is distributed under GPL 2.0 license and can be legally used in GPL projects.
 
@@ -5628,14 +5628,17 @@ function DnD(gantt2) {
           if (!input.accessor(e)) {
             return;
           }
+          if (typeof e.button !== "undefined" && e.button !== 0) {
+            return;
+          }
           if (config2.preventDefault && config2.selector && closest(e.target, config2.selector)) {
             e.preventDefault();
           }
           if (gantt2.config.touch && e.timeStamp && e.timeStamp - lastDown < 300) {
             return;
           }
           this._settings.original_target = copyDomEvent(e);
-          this._settings.original_element_sizes = { ...getRelativeNodePosition(e.target, getClosestSizedElement(obj)), width: e.target.offsetWidth, height: e.target.offsetHeight };
+          this._settings.original_element_sizes = { ...getRelativeEventPosition(e, getClosestSizedElement(obj)), width: e.target.offsetWidth, height: e.target.offsetHeight };
           if (gantt2.config.touch) {
             this.clearDragTimer();
             this._drag_start_timer = setTimeout(bind(function() {
@@ -14264,7 +14267,7 @@ function i18nFactory() {
 }
 function DHXGantt() {
   this.constants = constants;
-  this.version = "9.0.0";
+  this.version = "9.0.1";
   this.license = "gpl";
   this.templates = {};
   this.ext = {};
@@ -17461,10 +17464,12 @@ Timeline.prototype = { init: function(container) {
   for (var i = startIndex; i < endIndex; i++) {
     if (!config2.trace_x[i]) break;
     date2 = new Date(config2.trace_x[i]);
-    var value = content.call(this, date2), width = config2.width[i], height = config2.height, left = config2.left[i], style = "", template = "", cssclass = "";
+    var value = content.call(this, date2), width = config2.width[i];
+    config2.height;
+    var left = config2.left[i], style = "", template = "", cssclass = "";
     if (width) {
       var position = globalConfig.smart_scales ? "position:absolute;left:" + left + "px" : "";
-      style = "width:" + width + "px;height:" + height + "px;" + position;
+      style = "width:" + width + "px;" + position;
       const viewPort = this.getViewPort();
       const floatConfig = (globalConfig.scales[index] || {}).sticky;
       let labelPosition = "";
@@ -18960,7 +18965,7 @@ function predecessorEditorFactory(gantt2) {
   }
   function getSelectedLinks(taskId, predecessorCodes, config2) {
     var links = [];
-    predecessorCodes.forEach(function(code) {
+    [...new Set(predecessorCodes)].forEach(function(code) {
       var link = getFormatter(config2).parse(code);
       if (link) {
         link.target = taskId;
@@ -19490,9 +19495,6 @@ function createTaskRenderer$2(gantt2) {
       _render_task_progress(task, div, width, cfg, templates2);
     }
     var content = _render_task_content(task, width, templates2);
-    if (task.textColor) {
-      content.style.color = task.textColor;
-    }
     div.appendChild(content);
     var css = _combine_item_class("gantt_task_line", templates2.task_class(task.start_date, task.end_date, task), task.id, view);
     if (task.color || task.progressColor || task.textColor) {
@@ -22062,7 +22064,7 @@ var initLinksDND = function(timeline, gantt2) {
       var node = locateClassName(e, link_landing_hover_area);
       const point = node.querySelector(`.${link_edge_marker}`);
       if (point) {
-        const absCoords = getRelativeNodePosition(point, timeline.$task_data);
+        const absCoords = getRelativeNodePosition(point, timeline.$task_bg);
         this._dir_end = { x: absCoords.x + point.offsetWidth / 2, y: absCoords.y + point.offsetHeight / 2 };
       }
     } else {

codebase/sources/dhtmlxgantt.js

@@ -3,7 +3,7 @@
 })(this, function(exports2) {
   "use strict";/** @license
 
-dhtmlxGantt v.9.0.0 Standard
+dhtmlxGantt v.9.0.1 Standard
 
 This version of dhtmlxGantt is distributed under GPL 2.0 license and can be legally used in GPL projects.
 
@@ -5632,14 +5632,17 @@ To use dhtmlxGantt in non-GPL projects (and get Pro version of the product), ple
             if (!input.accessor(e)) {
               return;
             }
+            if (typeof e.button !== "undefined" && e.button !== 0) {
+              return;
+            }
             if (config2.preventDefault && config2.selector && closest(e.target, config2.selector)) {
               e.preventDefault();
             }
             if (gantt2.config.touch && e.timeStamp && e.timeStamp - lastDown < 300) {
               return;
             }
             this._settings.original_target = copyDomEvent(e);
-            this._settings.original_element_sizes = { ...getRelativeNodePosition(e.target, getClosestSizedElement(obj)), width: e.target.offsetWidth, height: e.target.offsetHeight };
+            this._settings.original_element_sizes = { ...getRelativeEventPosition(e, getClosestSizedElement(obj)), width: e.target.offsetWidth, height: e.target.offsetHeight };
             if (gantt2.config.touch) {
               this.clearDragTimer();
               this._drag_start_timer = setTimeout(bind(function() {
@@ -14268,7 +14271,7 @@ https://docs.dhtmlx.com/gantt/faq.html#theganttchartisntrenderedcorrectly`);
   }
   function DHXGantt() {
     this.constants = constants;
-    this.version = "9.0.0";
+    this.version = "9.0.1";
     this.license = "gpl";
     this.templates = {};
     this.ext = {};
@@ -17465,10 +17468,12 @@ https://docs.dhtmlx.com/gantt/faq.html#theganttchartisntrenderedcorrectly`);
     for (var i = startIndex; i < endIndex; i++) {
       if (!config2.trace_x[i]) break;
       date2 = new Date(config2.trace_x[i]);
-      var value = content.call(this, date2), width = config2.width[i], height = config2.height, left = config2.left[i], style = "", template = "", cssclass = "";
+      var value = content.call(this, date2), width = config2.width[i];
+      config2.height;
+      var left = config2.left[i], style = "", template = "", cssclass = "";
       if (width) {
         var position = globalConfig.smart_scales ? "position:absolute;left:" + left + "px" : "";
-        style = "width:" + width + "px;height:" + height + "px;" + position;
+        style = "width:" + width + "px;" + position;
         const viewPort = this.getViewPort();
         const floatConfig = (globalConfig.scales[index] || {}).sticky;
         let labelPosition = "";
@@ -18964,7 +18969,7 @@ https://docs.dhtmlx.com/gantt/faq.html#theganttchartisntrenderedcorrectly`);
     }
     function getSelectedLinks(taskId, predecessorCodes, config2) {
       var links = [];
-      predecessorCodes.forEach(function(code) {
+      [...new Set(predecessorCodes)].forEach(function(code) {
         var link = getFormatter(config2).parse(code);
         if (link) {
           link.target = taskId;
@@ -19494,9 +19499,6 @@ https://docs.dhtmlx.com/gantt/faq.html#theganttchartisntrenderedcorrectly`);
         _render_task_progress(task, div, width, cfg, templates2);
       }
       var content = _render_task_content(task, width, templates2);
-      if (task.textColor) {
-        content.style.color = task.textColor;
-      }
       div.appendChild(content);
       var css = _combine_item_class("gantt_task_line", templates2.task_class(task.start_date, task.end_date, task), task.id, view);
       if (task.color || task.progressColor || task.textColor) {
@@ -22066,7 +22068,7 @@ https://docs.dhtmlx.com/gantt/faq.html#theganttchartisntrenderedcorrectly`);
         var node = locateClassName(e, link_landing_hover_area);
         const point = node.querySelector(`.${link_edge_marker}`);
         if (point) {
-          const absCoords = getRelativeNodePosition(point, timeline.$task_data);
+          const absCoords = getRelativeNodePosition(point, timeline.$task_bg);
           this._dir_end = { x: absCoords.x + point.offsetWidth / 2, y: absCoords.y + point.offsetHeight / 2 };
         }
       } else {

codebase/sources/less/layout.less

@@ -236,6 +236,7 @@
 }
 
 .gantt_scale_cell {
+  position: relative;
   display: inline-block;
   white-space: nowrap;
   overflow: hidden;