dhtmlx-scheduler 7.0.0 → 7.0.1

package/codebase/sources/dhtmlxscheduler.css

@@ -562,18 +562,22 @@ url("src/dhx-scheduler-icons.woff2?7d3dc8d31762f76ad3c385c23e9afbc6") format("wo
 .scheduler_icon.chevron_down:before,
 .dhx_menu_icon.icon_chevron_down:before {
   content: "\f109";
+  font-size: 24px;
 }
 .scheduler_icon.chevron_left:before,
 .dhx_menu_icon.icon_chevron_left:before {
   content: "\f10a";
+  font-size: 24px;
 }
 .scheduler_icon.chevron_right:before,
 .dhx_menu_icon.icon_chevron_right:before {
   content: "\f10b";
+  font-size: 24px;
 }
 .scheduler_icon.chevron_up:before,
 .dhx_menu_icon.icon_chevron_up:before {
   content: "\f10c";
+  font-size: 24px;
 }
 .scheduler_icon.clock:before,
 .dhx_menu_icon.icon_clock:before {
@@ -2010,6 +2014,7 @@ url("src/dhx-scheduler-icons.woff2?7d3dc8d31762f76ad3c385c23e9afbc6") format("wo
 }
 .dhx_scale_holder_now {
   --dhx-scheduler-timescale-background: var(--dhx-scheduler-timescale-today-background);
+  position: absolute;
 }
 .dhx_cal_container_rtl .dhx_scale_bar {
   border-left: none;
@@ -2482,6 +2487,7 @@ url("src/dhx-scheduler-icons.woff2?7d3dc8d31762f76ad3c385c23e9afbc6") format("wo
   display: flex;
   flex-direction: column;
   box-shadow: var(--dhx-scheduler-box-shadow-s);
+  transition: left 0.5s ease, right 0.5s ease;
 }
 .dhx_cal_qi_tcontrols {
   display: flex;
@@ -2761,10 +2767,14 @@ url("src/dhx-scheduler-icons.woff2?7d3dc8d31762f76ad3c385c23e9afbc6") format("wo
   padding-left: 64px;
 }
 .dhx_matrix_scell.folder {
-  border-right: 0;
+  border-right-color: transparent;
   font-weight: 700;
   text-align: left;
 }
+.dhx_cal_container_rtl .dhx_matrix_scell.folder {
+  border-right: var(--dhx-scheduler-default-border);
+  border-left-color: transparent;
+}
 .dhx_matrix_line {
   overflow: hidden;
 }
@@ -2783,6 +2793,7 @@ url("src/dhx-scheduler-icons.woff2?7d3dc8d31762f76ad3c385c23e9afbc6") format("wo
 }
 .dhx_matrix_scell.folder .dhx_scell_expand:before {
   content: "\f109";
+  font-size: 24px;
 }
 .dhx_matrix_scell.folder.closed .dhx_scell_expand {
   transform: rotate(-90deg);
@@ -2794,7 +2805,6 @@ url("src/dhx-scheduler-icons.woff2?7d3dc8d31762f76ad3c385c23e9afbc6") format("wo
 .dhx_matrix_scell.folder > div {
   display: flex;
   align-items: center;
-  gap: 4px;
   height: inherit;
 }
 .dhx_matrix_scell.folder .dhx_scell_expand {
@@ -2860,8 +2870,8 @@ url("src/dhx-scheduler-icons.woff2?7d3dc8d31762f76ad3c385c23e9afbc6") format("wo
 .dhx_second_scale_bar {
   border-bottom: var(--dhx-scheduler-header-border);
 }
-.dhx_timeline_label_column,
-.dhx_timeline_label_column_header {
+div.dhx_timeline_label_column,
+div.dhx_timeline_label_column_header {
   display: flex;
   justify-content: center;
   align-items: center;
@@ -2869,6 +2879,12 @@ url("src/dhx-scheduler-icons.woff2?7d3dc8d31762f76ad3c385c23e9afbc6") format("wo
   flex-grow: 0;
   flex-shrink: 0;
   height: 100%;
+  white-space: nowrap;
+}
+div.dhx_timeline_label_column .dhx_timeline_label_content_wrapper,
+div.dhx_timeline_label_column_header .dhx_timeline_label_content_wrapper {
+  display: inline-block;
+  text-align: left;
 }
 .dhx_timeline_label_column {
   border-left: var(--dhx-scheduler-header-border);

package/codebase/sources/dhtmlxscheduler.es.js

@@ -988,6 +988,7 @@ function extend$j(scheduler2) {
       pos = { x: ev.clientX + (b.scrollLeft || d.scrollLeft || 0) - b.clientLeft, y: ev.clientY + (b.scrollTop || d.scrollTop || 0) - b.clientTop };
     if (this.config.rtl && this._colsS) {
       pos.x = this.$container.querySelector(".dhx_cal_data").offsetWidth - pos.x;
+      pos.x += this.$domHelpers.getAbsoluteLeft(this._obj);
       if (this._mode !== "month") {
         pos.x -= this.xy.scale_width;
       }
@@ -1420,6 +1421,8 @@ function extend$j(scheduler2) {
     this._drag_id = null;
     this._drag_mode = null;
     this._drag_pos = null;
+    this._drag_event = null;
+    this._drag_from_start = null;
   };
   scheduler2._trigger_dyn_loading = function() {
     if (this._load_mode && this._load()) {
@@ -3306,7 +3309,7 @@ function extend$e(scheduler2) {
   } };
 }
 function extend$d(scheduler2) {
-  scheduler2.config = { default_date: "%j %M %Y", month_date: "%F %Y", load_date: "%Y-%m-%d", week_date: "%l", day_date: "%D %j", hour_date: "%H:%i", month_day: "%d", date_format: "%Y-%m-%d %H:%i", api_date: "%d-%m-%Y %H:%i", parse_exact_format: false, preserve_length: true, time_step: 5, displayed_event_color: "#ff4a4a", displayed_event_text_color: "#ffef80", wide_form: 0, day_column_padding: 8, use_select_menu_space: true, fix_tab_position: true, start_on_monday: true, first_hour: 0, last_hour: 24, readonly: false, drag_resize: true, drag_move: true, drag_create: true, drag_event_body: true, dblclick_create: true, details_on_dblclick: true, edit_on_create: true, details_on_create: true, header: null, hour_size_px: 44, resize_month_events: false, resize_month_timed: false, responsive_lightbox: false, separate_short_events: true, rtl: false, cascade_event_display: false, cascade_event_count: 4, cascade_event_margin: 30, multi_day: true, multi_day_height_limit: 0, drag_lightbox: true, preserve_scroll: true, select: true, server_utc: false, touch: true, touch_tip: true, touch_drag: 500, touch_swipe_dates: false, quick_info_detached: true, positive_closing: false, drag_highlight: true, limit_drag_out: false, icons_edit: ["icon_save", "icon_cancel"], icons_select: ["icon_details", "icon_edit", "icon_delete"], buttons_left: ["dhx_save_btn", "dhx_cancel_btn"], buttons_right: ["dhx_delete_btn"], lightbox: { sections: [{ name: "description", map_to: "text", type: "textarea", focus: true }, { name: "time", height: 72, type: "time", map_to: "auto" }] }, highlight_displayed_event: true, left_border: false, ajax_error: "alert", delay_render: 0, timeline_swap_resize: true, wai_aria_attributes: true, wai_aria_application_role: true, csp: "auto", event_attribute: "data-event-id", show_errors: true };
+  scheduler2.config = { default_date: "%j %M %Y", month_date: "%F %Y", load_date: "%Y-%m-%d", week_date: "%l", day_date: "%D %j", hour_date: "%H:%i", month_day: "%d", date_format: "%Y-%m-%d %H:%i", api_date: "%d-%m-%Y %H:%i", parse_exact_format: false, preserve_length: true, time_step: 5, displayed_event_color: "#ff4a4a", displayed_event_text_color: "#ffef80", wide_form: 0, day_column_padding: 8, use_select_menu_space: true, fix_tab_position: true, start_on_monday: true, first_hour: 0, last_hour: 24, readonly: false, drag_resize: true, drag_move: true, drag_create: true, drag_event_body: true, dblclick_create: true, details_on_dblclick: true, edit_on_create: true, details_on_create: true, header: null, hour_size_px: 44, resize_month_events: false, resize_month_timed: false, responsive_lightbox: false, separate_short_events: true, rtl: false, cascade_event_display: false, cascade_event_count: 4, cascade_event_margin: 30, multi_day: true, multi_day_height_limit: 200, drag_lightbox: true, preserve_scroll: true, select: true, server_utc: false, touch: true, touch_tip: true, touch_drag: 500, touch_swipe_dates: false, quick_info_detached: true, positive_closing: false, drag_highlight: true, limit_drag_out: false, icons_edit: ["icon_save", "icon_cancel"], icons_select: ["icon_details", "icon_edit", "icon_delete"], buttons_left: ["dhx_save_btn", "dhx_cancel_btn"], buttons_right: ["dhx_delete_btn"], lightbox: { sections: [{ name: "description", map_to: "text", type: "textarea", focus: true }, { name: "time", height: 72, type: "time", map_to: "auto" }] }, highlight_displayed_event: true, left_border: false, ajax_error: "alert", delay_render: 0, timeline_swap_resize: true, wai_aria_attributes: true, wai_aria_application_role: true, csp: "auto", event_attribute: "data-event-id", show_errors: true };
   scheduler2.config.buttons_left.$initial = scheduler2.config.buttons_left.join();
   scheduler2.config.buttons_right.$initial = scheduler2.config.buttons_right.join();
   scheduler2._helpers = { parseDate: function parseDate(date) {
@@ -7661,7 +7664,7 @@ class DatePicker {
   }
 }
 function factoryMethod(extensionManager) {
-  const scheduler2 = { version: "7.0.0" };
+  const scheduler2 = { version: "7.0.1" };
   extend$n(scheduler2);
   extend$i(scheduler2);
   extend$j(scheduler2);
@@ -9307,7 +9310,11 @@ function marker(scheduler2) {
       area = scheduler2.$container.querySelector(".dhx_cal_data");
     }
     var width = Math.max(1, end_pos - start_pos - 1);
-    block.style.cssText = "height: " + height + "px; left: " + start_pos + "px; width: " + width + "px; top: " + top + "px;";
+    let direction = "left";
+    if (scheduler2.config.rtl) {
+      direction = "right";
+    }
+    block.style.cssText = `height:${height}px; ${direction}:${start_pos}px; width:${width}px; top:${top}px;`;
     if (area) {
       area.appendChild(block);
       blocks.push(block);
@@ -14145,6 +14152,13 @@ function quick_info(scheduler2) {
     var height = qi.offsetHeight;
     if (scheduler2.config.quick_info_detached) {
       var left = pos.left - pos.dx * (width - pos.width);
+      if (scheduler2.getView() && scheduler2.getView()._x_scroll) {
+        if (scheduler2.config.rtl) {
+          left += scheduler2.getView()._x_scroll;
+        } else {
+          left -= scheduler2.getView()._x_scroll;
+        }
+      }
       var right = left + width;
       if (right > window.innerWidth) {
         left = window.innerWidth - width;
@@ -14153,7 +14167,8 @@ function quick_info(scheduler2) {
       qi.style.left = left + "px";
       qi.style.top = pos.top - (pos.dy ? height : -pos.height) + "px";
     } else {
-      qi.style.top = this.xy.scale_height + this.xy.nav_height + 20 + "px";
+      const dataPos = scheduler2.$container.querySelector(".dhx_cal_data").offsetTop;
+      qi.style.top = dataPos + 20 + "px";
       if (pos.dx == 1) {
         qi.style.right = "auto";
         qi.style.left = -width + "px";