dhtmlx-scheduler 6.0.1 → 6.0.3

package/codebase/sources/dhtmlxscheduler.js

@@ -1,7 +1,7 @@
 /*!
  * @license
  * 
- * dhtmlxScheduler v.6.0.1 Standard
+ * dhtmlxScheduler v.6.0.3 Standard
  * 
  * To use dhtmlxScheduler in non-GPL projects (and get Pro version of the product), please obtain Commercial/Enterprise or Ultimate license on our site https://dhtmlx.com/docs/products/dhtmlxScheduler/#licensing or contact us at sales@dhtmlx.com
  * 
@@ -5402,9 +5402,9 @@ function extend(scheduler) {
         return ISO8601.test(datestr);
       };
 
-      var parseYMD = generateStringToDate("%Y-%m-%d %H:%i:%s", utc);
-      var parseMDY = generateStringToDate("%m/%d/%Y %H:%i:%s", utc);
-      var parseDMY = generateStringToDate("%d-%m-%Y %H:%i:%s", utc);
+      var parseYMD = stringToDateMethod("%Y-%m-%d %H:%i:%s", utc);
+      var parseMDY = stringToDateMethod("%m/%d/%Y %H:%i:%s", utc);
+      var parseDMY = stringToDateMethod("%d-%m-%Y %H:%i:%s", utc);
       return function (dateString) {
         if (!exactFormat && !scheduler.config.parse_exact_format) {
           if (dateString && dateString.getISOWeek) {
@@ -5772,8 +5772,8 @@ function extend(scheduler) {
     event_attribute: "data-event-id",
     show_errors: true
   };
-  scheduler.config.buttons_left.$inital = scheduler.config.buttons_left.join();
-  scheduler.config.buttons_right.$inital = scheduler.config.buttons_right.join();
+  scheduler.config.buttons_left.$initial = scheduler.config.buttons_left.join();
+  scheduler.config.buttons_right.$initial = scheduler.config.buttons_right.join();
   scheduler._helpers = {
     parseDate: function parseDate(date) {
       var parse = scheduler.templates.xml_date || scheduler.templates.parse_date;
@@ -6075,7 +6075,7 @@ DataProcessor.prototype = {
   },
 
   /**
-   *	@desc: set if rows should be send to server automaticaly
+   *	@desc: set if rows should be send to server automatically
    *	@param: mode - "row" - based on row selection changed, "cell" - based on cell editing finished, "off" - manual data sending
    *	@type: public
    */
@@ -6300,22 +6300,23 @@ DataProcessor.prototype = {
         self.afterUpdateCallback(sid, tid, resultState, tag);
       };
 
+      var routerMode = "event";
       var actionPromise;
 
       if (this._router instanceof Function) {
-        actionPromise = this._router("event", action, dataToSend, rowId);
+        actionPromise = this._router(routerMode, action, dataToSend, rowId);
       } else {
         switch (state) {
           case "inserted":
-            actionPromise = this._router.create(dataToSend);
+            actionPromise = this._router[routerMode].create(dataToSend);
             break;
 
           case "deleted":
-            actionPromise = this._router["delete"](rowId);
+            actionPromise = this._router[routerMode]["delete"](rowId);
             break;
 
           default:
-            actionPromise = this._router.update(dataToSend, rowId);
+            actionPromise = this._router[routerMode].update(dataToSend, rowId);
             break;
         }
       }
@@ -6726,8 +6727,8 @@ DataProcessor.prototype = {
   },
 
   /* process updating request answer
-  	if status == collision version is depricated
-  	set flag for autoupdating immidiatly
+  	if status == collision version is deprecated
+  	set flag for autoupdating immediately
   */
   afterAutoUpdate: function afterAutoUpdate(sid, action, tid, xml_node) {
     if (action == 'collision') {
@@ -6929,6 +6930,8 @@ function extend(scheduler) {
       router = config;
     } else if (config.hasOwnProperty("router")) {
       router = config.router;
+    } else if (config.hasOwnProperty("event")) {
+      router = config;
     }
 
     if (router) {
@@ -8981,8 +8984,8 @@ function extend(scheduler) {
 
         var defaults = scheduler._lightbox_controls.defaults.select;
         var defaultHeight = defaults ? defaults.height : 23;
-        var height = defaultHeight || 30;
-        return "<div style='height:" + height + "px;padding-top:0px;font-size:inherit;' class='dhx_section_time'>" + html + "<span style='font-weight:normal; font-size:10pt;'> &nbsp;&ndash;&nbsp; </span>" + html + "</div>";
+        var height = (sns.height || defaultHeight || 23) + "px";
+        return "<div style='height:" + height + ";padding-top:0px;font-size:inherit;' class='dhx_section_time'>" + html + "<span style='font-weight:normal; font-size:10pt;'> &nbsp;&ndash;&nbsp; </span>" + html + "</div>";
       },
       set_value: function set_value(node, value, ev, config) {
         var cfg = scheduler.config;
@@ -9302,7 +9305,7 @@ function extend(scheduler) {
 
   scheduler.cancel_lightbox = function () {
     if (this._lightbox_id) {
-      this.callEvent("onEventCancel", [this._lightbox_id, this._new_event]);
+      this.callEvent("onEventCancel", [this._lightbox_id, !!this._new_event]);
     }
 
     this.hide_lightbox();
@@ -12636,7 +12639,7 @@ function extend(scheduler) {
 
   scheduler._reset_month_scale = function (b, dd, sd, rows) {
     //recalculates rows height and redraws month layout
-    var ed = scheduler.date.add(dd, 1, "month"); //trim time part for comparation reasons
+    var ed = scheduler.date.add(dd, 1, "month"); //trim time part for comparison reasons
 
     var cd = scheduler._currentDate();
 
@@ -13134,8 +13137,8 @@ function extend(scheduler) {
     if (scheduler.skin && (scheduler.skin === "classic" || scheduler.skin === "glossy")) set = 1;
 
     if (scheduler._is_material_skin()) {
-      var defaultButtonsLeft = scheduler.config.buttons_left.$inital;
-      var defaultButtonsRight = scheduler.config.buttons_right.$inital;
+      var defaultButtonsLeft = scheduler.config.buttons_left.$initial;
+      var defaultButtonsRight = scheduler.config.buttons_right.$initial;
 
       if (defaultButtonsLeft && scheduler.config.buttons_left.slice().join() == defaultButtonsLeft && defaultButtonsRight && scheduler.config.buttons_right.slice().join() == defaultButtonsRight) {
         var tmp = scheduler.config.buttons_left.slice();
@@ -15201,7 +15204,7 @@ __webpack_require__.r(__webpack_exports__);
   var is_event_short = function is_event_short(ev) {
     if (!((ev.end_date - ev.start_date) / (1000 * 60 * 60) >= 24)) {
       return true;
-    } // short event shouldn't disapear to multiday area during dnd-resize
+    } // short event shouldn't disappear to multiday area during dnd-resize
 
 
     if (scheduler._drag_mode == "resize" && scheduler._drag_id == ev.id) {
@@ -18048,9 +18051,17 @@ __webpack_require__.r(__webpack_exports__);
         nextIndex = view.size && view.position ? view.position : 0;
       }
 
-      nextIndex = nextIndex < 0 ? nextIndex = (view.options || view.y_unit).length - 1 : nextIndex;
+      if (nextIndex < 0) {
+        nextIndex = 0;
+      }
+
       var options = view.options || view.y_unit;
 
+      if (nextIndex >= options.length) {
+        nextIndex = options.length - 1;
+      } //nextIndex = nextIndex < 0 ? nextIndex = (view.options || view.y_unit).length -1 : nextIndex;
+
+
       if (options[nextIndex]) {
         return options[nextIndex].key;
       } else {
@@ -18087,6 +18098,12 @@ __webpack_require__.r(__webpack_exports__);
       return this.getNodes()[0];
     },
     focus: function focus() {
+      if (this.section && scheduler.getView() && scheduler.getView().smart_rendering && scheduler.getView().scrollTo && !scheduler.$container.querySelector("[data-section-id=\"".concat(this.section, "\"]"))) {
+        scheduler.getView().scrollTo({
+          section: this.section
+        });
+      }
+
       scheduler.$keyboardNavigation.marker.render(this.start_date, this.end_date, this.section);
       scheduler.$keyboardNavigation.KeyNavNode.prototype.focus.apply(this);
       scheduler.$keyboardNavigation._pasteDate = this.start_date;
@@ -19126,8 +19143,12 @@ __webpack_require__.r(__webpack_exports__);
 
       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;";
-      area.appendChild(block);
-      blocks.push(block);
+
+      if (area) {
+        area.appendChild(block);
+        blocks.push(block);
+      }
+
       return blocks;
     },
     renderMonthCell: function renderMonthCell(date) {
@@ -19802,7 +19823,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
       for (var i = 0; i < scheduler.layers.length; i++) {
         scheduler.config['lightbox_' + scheduler.layers[i].name] = {};
         scheduler.config['lightbox_' + scheduler.layers[i].name].sections = _cloneObj(scheduler.config.lightbox.sections);
-        scheduler._layers_zindex[scheduler.layers[i].name] = scheduler.config.inital_layer_zindex || 5 + i * 3;
+        scheduler._layers_zindex[scheduler.layers[i].name] = scheduler.config.initial_layer_zindex || 5 + i * 3;
 
         if (scheduler.layers[i].url) {
           var dp = scheduler.createDataProcessor({
@@ -21388,7 +21409,7 @@ __webpack_require__.r(__webpack_exports__);
 
   scheduler.config.map_resolve_user_location = true; // if user will be promted to share his location to display it on the map
 
-  scheduler.config.map_initial_position = new google.maps.LatLng(48.724, 8.215); // inital position of the map
+  scheduler.config.map_initial_position = new google.maps.LatLng(48.724, 8.215); // initial position of the map
 
   scheduler.config.map_error_position = new google.maps.LatLng(15, 15); // this position will be displayed in case if event doesn't have corresponding coordinates
 
@@ -21397,7 +21418,7 @@ __webpack_require__.r(__webpack_exports__);
   scheduler.config.map_zoom_after_resolve = 15;
   scheduler.locale.labels.marker_geo_success = "It seems you are here.";
   scheduler.locale.labels.marker_geo_fail = "Sorry, could not get your current position using geolocation.";
-  scheduler.templates.marker_date = scheduler.date.date_to_str("%Y-%m-%d %H:%i"); // date for map's infowindow will be formated following way
+  scheduler.templates.marker_date = scheduler.date.date_to_str("%Y-%m-%d %H:%i"); // date for map's infowindow will be formatted following way
 
   scheduler.templates.marker_text = function (start, end, ev) {
     return "<div><b>" + ev.text + "</b><br/><br/>" + (ev.event_location || '') + "<br/><br/>" + scheduler.templates.marker_date(start) + " - " + scheduler.templates.marker_date(end) + "</div>";
@@ -21444,7 +21465,7 @@ __webpack_require__.r(__webpack_exports__);
     var gmap = document.createElement('div');
     gmap.className = 'dhx_map';
     gmap.id = 'dhx_gmap';
-    gmap.style.dispay = "none";
+    gmap.style.display = "none";
     var node = scheduler._obj;
     node.appendChild(gmap);
     scheduler._els.dhx_gmap = [];
@@ -21454,7 +21475,7 @@ __webpack_require__.r(__webpack_exports__);
     _setMapSize('dhx_gmap');
 
     var mapOptions = {
-      zoom: scheduler.config.map_inital_zoom || 10,
+      zoom: scheduler.config.map_initial_zoom || 10,
       center: scheduler.config.map_initial_position,
       mapTypeId: scheduler.config.map_type || google.maps.MapTypeId.ROADMAP
     };
@@ -21657,7 +21678,7 @@ __webpack_require__.r(__webpack_exports__);
         //map tab activated
         clear_map_tab();
         fill_map_tab();
-        gmap.style.display = 'block'; // need to resize block everytime window is resized
+        gmap.style.display = 'block'; // need to resize block every time window is resized
 
         _setMapSize('dhx_gmap');
 
@@ -24631,7 +24652,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
     for (var i = 0; i < stack.length; i++) {
       if (stack[i].rec_type) {
-        //deleted element of serie
+        //deleted element of series
         if (stack[i].rec_pattern != "none") this.repeat_date(stack[i], out);
       } else out.push(stack[i]);
     }
@@ -25582,29 +25603,34 @@ __webpack_require__.r(__webpack_exports__);
     return ev.text;
   };
 
-  var is_year_mode = function is_year_mode() {
+  var isYearMode = function isYearMode() {
     return scheduler._mode == "year";
   };
 
-  scheduler.dblclick_dhx_month_head = function (e) {
-    if (is_year_mode()) {
-      var t = e.target || e.srcElement;
+  var getCellDate = function getCellDate(node) {
+    var day = scheduler.$domHelpers.closest(node, "[data-cell-date]");
+    if (!day || !day.hasAttribute("data-cell-date")) return null;
+    return scheduler.templates.parse_date(day.getAttribute("data-cell-date"));
+  }; // dbl click hook for scheduler._on_dbl_click
 
-      var className = scheduler._getClassName(t.parentNode);
 
-      if (className.indexOf("dhx_before") != -1 || className.indexOf("dhx_after") != -1) return false;
-      var monthNode = t;
+  scheduler.dblclick_dhx_month_head = function (e) {
+    if (isYearMode()) {
+      var target = e.target;
 
-      while (monthNode && !(monthNode.hasAttribute && monthNode.hasAttribute("date"))) {
-        monthNode = monthNode.parentNode;
+      if (scheduler.$domHelpers.closest(target, ".dhx_before") || scheduler.$domHelpers.closest(target, ".dhx_after")) {
+        return false;
       }
 
-      if (monthNode) {
-        var start = this._helpers.parseDate(monthNode.getAttribute("date"));
+      var date = getCellDate(target);
 
-        start.setDate(parseInt(t.innerHTML, 10));
+      if (date) {
+        var start = date;
         var end = this.date.add(start, 1, "day");
-        if (!this.config.readonly && this.config.dblclick_create) this.addEventNow(start.valueOf(), end.valueOf(), e);
+
+        if (!this.config.readonly && this.config.dblclick_create) {
+          this.addEventNow(start.valueOf(), end.valueOf(), e);
+        }
       }
     }
   };
@@ -25613,13 +25639,13 @@ __webpack_require__.r(__webpack_exports__);
 
   scheduler.changeEventId = function () {
     chid.apply(this, arguments);
-    if (is_year_mode()) this.year_view(true);
+    if (isYearMode()) this.year_view(true);
   };
 
   var old = scheduler.render_data;
 
   scheduler.render_data = function (evs) {
-    if (!is_year_mode()) return old.apply(this, arguments);
+    if (!isYearMode()) return old.apply(this, arguments);
 
     for (var i = 0; i < evs.length; i++) {
       this._year_render_event(evs[i]);
@@ -25629,7 +25655,7 @@ __webpack_require__.r(__webpack_exports__);
   var clear = scheduler.clear_view;
 
   scheduler.clear_view = function () {
-    if (!is_year_mode()) return clear.apply(this, arguments);
+    if (!isYearMode()) return clear.apply(this, arguments);
     var dates = scheduler._year_marked_cells,
         div = null;
 
@@ -25638,6 +25664,7 @@ __webpack_require__.r(__webpack_exports__);
         div = dates[date];
         div.className = "dhx_month_head";
         div.removeAttribute("date");
+        div.removeAttribute("data-year-date");
       }
     }
 
@@ -25686,11 +25713,11 @@ __webpack_require__.r(__webpack_exports__);
   };
 
   scheduler._year_view_tooltip_handler = function (e) {
-    if (!is_year_mode()) return;
+    if (!isYearMode()) return;
     var src = e.target || e.srcElement;
     if (src.tagName.toLowerCase() == 'a') // fix for active links extension (it adds links to the date in the cell)
       src = src.parentNode;
-    if (scheduler._getClassName(src).indexOf("dhx_year_event") != -1) scheduler._showToolTip(scheduler.templates.parse_date(src.getAttribute("date-year-date")), scheduler.$domHelpers.getOffset(src), e, src);else scheduler._hideToolTip();
+    if (scheduler._getClassName(src).indexOf("dhx_year_event") != -1) scheduler._showToolTip(scheduler.templates.parse_date(src.getAttribute("data-year-date")), scheduler.$domHelpers.getOffset(src), e, src);else scheduler._hideToolTip();
   };
 
   scheduler._init_year_tooltip = function () {
@@ -25700,15 +25727,16 @@ __webpack_require__.r(__webpack_exports__);
   };
 
   scheduler._get_year_cell = function (d) {
-    //there can be more than 1 year in view
-    //year can start not from January
-    var m = d.getMonth() + 12 * (d.getFullYear() - this._min_date.getFullYear()) - this.week_starts._month;
+    var dateString = scheduler.templates.format_date(d);
+    var cells = this.$root.querySelectorAll(".dhx_cal_data [data-cell-date=\"".concat(dateString, "\"] .dhx_month_head"));
+
+    for (var i = 0; i < cells.length; i++) {
+      if (!scheduler.$domHelpers.closest(cells[i], ".dhx_after, .dhx_before")) {
+        return cells[i];
+      }
+    }
 
-    var yearBox = this._els["dhx_cal_data"][0].childNodes[m];
-    var dayIndex = this.week_starts[m] + d.getDate() - 1;
-    var row = yearBox.querySelectorAll(".dhx_year_body tr")[Math.floor(dayIndex / 7)];
-    var cell = row.querySelectorAll("td")[dayIndex % 7];
-    return cell.querySelector(".dhx_month_head");
+    return null;
   };
 
   scheduler._year_marked_cells = {};
@@ -25725,8 +25753,10 @@ __webpack_require__.r(__webpack_exports__);
     var ev_class = this.templates.event_class(event.start_date, event.end_date, event);
 
     if (!scheduler._year_marked_cells[dateString]) {
-      cell.className = "dhx_month_head dhx_year_event";
-      cell.setAttribute("date-year-date", dateString);
+      cell.classList.add("dhx_year_event"); // = "dhx_month_head dhx_year_event";
+
+      cell.setAttribute("data-year-date", dateString);
+      cell.setAttribute("date", dateString);
       scheduler._year_marked_cells[dateString] = cell;
     }
 
@@ -25848,6 +25878,7 @@ __webpack_require__.r(__webpack_exports__);
         d.className = "dhx_year_box";
         d.style.cssText = "position:absolute;";
         d.setAttribute("date", this._helpers.formatDate(sd));
+        d.setAttribute("data-month-date", this._helpers.formatDate(sd));
         d.innerHTML = "<div class='dhx_year_month'></div><div class='dhx_year_grid'><div class='dhx_year_week'>" + week_template.innerHTML + "</div><div class='dhx_year_body'></div></div>";
         var header = d.querySelector(".dhx_year_month");
         var grid = d.querySelector(".dhx_year_grid");
@@ -25896,75 +25927,26 @@ __webpack_require__.r(__webpack_exports__);
   var getActionData = scheduler.getActionData;
 
   scheduler.getActionData = function (n_ev) {
-    if (!is_year_mode()) return getActionData.apply(scheduler, arguments);
-    var trg = n_ev.target;
-
-    var date = scheduler._get_year_month_date(trg);
-
-    var day = scheduler._get_year_month_cell(trg);
-
-    var pos = scheduler._get_year_day_indexes(day);
-
-    if (pos && date) {
-      date = scheduler.date.add(date, pos.week, "week");
-      date = scheduler.date.add(date, pos.day, "day");
-    } else {
-      date = null;
+    if (!isYearMode()) {
+      return getActionData.apply(scheduler, arguments);
     }
 
+    var date = getCellDate(n_ev.target);
     return {
       date: date,
       section: null
     };
   };
 
-  scheduler._get_year_day_indexes = function (targetCell) {
-    var month = scheduler._get_year_el_node(targetCell, this._locate_year_month_table);
-
-    if (!month) return null;
-    var week = 0,
-        day = 0;
-
-    for (var week = 0, weeks = month.rows.length; week < weeks; week++) {
-      var w = month.rows[week].getElementsByTagName("td");
-
-      for (var day = 0, days = w.length; day < days; day++) {
-        if (w[day] == targetCell) break;
-      }
-
-      if (day < days) break;
-    }
-
-    if (week < weeks) return {
-      day: day,
-      week: week
-    };else return null;
-  };
-
-  scheduler._get_year_month_date = function (node) {
-    var node = scheduler._get_year_el_node(node, scheduler._locate_year_month_root);
-
-    if (!node) return null;
-    var date = node.getAttribute("date-year-date");
-    if (!date) return null;
-    return scheduler.date.week_start(scheduler.date.month_start(scheduler.templates.parse_date(date)));
-  };
-
-  scheduler._locate_year_month_day = function (n) {
-    return scheduler._getClassName(n).indexOf("dhx_year_event") != -1 && n.hasAttribute && n.hasAttribute("date-year-date");
-  };
-
   var locateEvent = scheduler._locate_event;
 
   scheduler._locate_event = function (node) {
     var id = locateEvent.apply(scheduler, arguments);
 
     if (!id) {
-      var day = scheduler._get_year_el_node(node, scheduler._locate_year_month_day);
-
-      if (!day || !day.hasAttribute("date-year-date")) return null;
-      var dat = scheduler.templates.parse_date(day.getAttribute("date-year-date"));
-      var evs = scheduler.getEvents(dat, scheduler.date.add(dat, 1, "day"));
+      var date = getCellDate(node);
+      if (!date) return null;
+      var evs = scheduler.getEvents(date, scheduler.date.add(date, 1, "day"));
       if (!evs.length) return null; //can be multiple events in the cell, return any single one
 
       id = evs[0].id;
@@ -25973,38 +25955,6 @@ __webpack_require__.r(__webpack_exports__);
     return id;
   };
 
-  scheduler._locate_year_month_cell = function (n) {
-    return n.nodeName.toLowerCase() == "td";
-  };
-
-  scheduler._locate_year_month_table = function (n) {
-    return n.nodeName.toLowerCase() == "table";
-  };
-
-  scheduler._locate_year_month_root = function (n) {
-    return n.hasAttribute && n.hasAttribute("date-year-date");
-  };
-
-  scheduler._get_year_month_cell = function (node) {
-    return this._get_year_el_node(node, this._locate_year_month_cell);
-  };
-
-  scheduler._get_year_month_table = function (node) {
-    return this._get_year_el_node(node, this._locate_year_month_table);
-  };
-
-  scheduler._get_year_month_root = function (node) {
-    return this._get_year_el_node(this._get_year_month_table(node), this._locate_year_month_root);
-  };
-
-  scheduler._get_year_el_node = function (node, condition) {
-    while (node && !condition(node)) {
-      node = node.parentNode;
-    }
-
-    return node;
-  };
-
   scheduler.attachEvent("onDestroy", function () {
     scheduler._hideToolTip();
   });
@@ -29217,7 +29167,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
 /* harmony default export */ __webpack_exports__["default"] = (function (extensionManager) {
   var scheduler = {
-    version: "6.0.1"
+    version: "6.0.3"
   };
   Object(_core_common_errors__WEBPACK_IMPORTED_MODULE_2__["default"])(scheduler);
   Object(_core_common__WEBPACK_IMPORTED_MODULE_5__["default"])(scheduler);

package/codebase/sources/less/package.json

@@ -1,9 +1,15 @@
 {
   "name": "dhtmlx-scheduler-skins",
-  "version": "<%= version %>",
+  "version": "6.0.3", 
   "description": "Less sources and a build tool for DHTMLXScheduler skins",
   "scripts": {
-    "build": "lessc ./dhtmlxscheduler.less ../../dhtmlxscheduler.css && lessc ./dhtmlxscheduler_flat.less ../../dhtmlxscheduler_flat.css && lessc ./dhtmlxscheduler_material.less ../../dhtmlxscheduler_material.css && lessc ./dhtmlxscheduler_terrace.less ../../dhtmlxscheduler_terrace.css && lessc ./dhtmlxscheduler_contrast_white.less ../../dhtmlxscheduler_contrast_white.css && lessc ./dhtmlxscheduler_contrast_black.less ../../dhtmlxscheduler_contrast_black.css",
+    "build": "npm run build-default && npm run build-flat && npm run build-material && npm run build-terrace &&  npm run build-contrast_white && npm run build-contrast_black",
+    "build-default": "node scripts.js --file=dhtmlxscheduler",
+    "build-flat": "node scripts.js --file=dhtmlxscheduler_flat",
+    "build-material": "node scripts.js --file=dhtmlxscheduler_material",
+    "build-terrace": "node scripts.js --file=dhtmlxscheduler_terrace",
+    "build-contrast_white": "node scripts.js --file=dhtmlxscheduler_contrast_white",
+    "build-contrast_black": "node scripts.js --file=dhtmlxscheduler_contrast_black",
     "watch": "npm-watch build"
   },
   "watch":{
@@ -17,11 +23,14 @@
     "url": "https://github.com/DHTMLX/scheduler"
   },
   "author": "XB Software Ltd.",
-  "license": "<%= license %>",
+  "license": "GPL-2.0",
   "homepage": "https://dhtmlx.com",
   "dependencies": {
     "less": "^3.0.4",
-    "npm-watch": "^0.3.0"
+    "minimist": "^1.2.6",
+    "npm-watch": "^0.11.0",
+    "postcss": "^8.4.14",
+    "postcss-url": "^10.1.3"
   },
   "devDependencies": {}
 }

package/codebase/sources/less/scripts.js

@@ -0,0 +1,52 @@
+const less = require('less')
+const postcss = require('postcss')
+const url = require("postcss-url")
+const fs = require('fs')
+
+const argv = require('minimist')(process.argv.slice(2));
+
+let themeArg = argv.file;
+
+if (!themeArg) {
+	throw new Error("Theme root file not specified");
+}
+
+const theme = String(themeArg).trim();
+const inputFolder = `./`;
+const inputPath = `${inputFolder}${theme}.less`;
+const outputPath = `../../${theme}.css`;
+
+
+if (!theme.match(/^[a-zA-Z0-9_\-]+$/)) {
+	throw new Error(`Invalid theme root file: ${theme}, a local less file is expected.`);
+}
+
+if (!fs.existsSync(inputPath)) {
+	throw new Error(`Theme file is not found: ${theme}`);
+}
+
+console.log(`Building: ${theme}`);
+
+less.render(fs.readFileSync(inputPath, "utf-8"), { rewriteUrls: "all" })
+	.then(function (output) {
+		runPostCss(output.css,
+			inputPath,
+			outputPath
+		)
+	},
+		function (error) {
+	});
+
+function runPostCss(css, from, to) {
+	postcss()
+		.use(url({
+			url: 'inline'
+		}))
+		.process(css, {
+			from: from,
+			to: to
+		}).then(result => {
+			fs.writeFileSync(outputPath, result.css);
+			console.log(`Finished: ${theme}`);
+		});
+}

package/codebase/sources/less/skins/basic/skin.less

@@ -637,7 +637,7 @@
     @lightbox-area-time-block-padding-left:  0;
     @lightbox-area-time-block-padding:      @lightbox-area-time-block-padding-top @lightbox-area-time-block-padding-right @lightbox-area-time-block-padding-bottom @lightbox-area-time-block-padding-left ~'!important';
     @lightbox-area-time-block-padding-rtl:  @lightbox-area-time-block-padding-top @lightbox-area-time-block-padding-left @lightbox-area-time-block-padding-bottom @lightbox-area-time-block-padding-right ~'!important';
-    @lightbox-area-time-block-height:       20px ~'!important';
+    @lightbox-area-time-block-height:       20px;
     @lightbox-area-time-block-textaligment: center;
     @lightbox-responsive-time-select-width: 14.648vw;
     @lightbox-responsive-time-select-padding:1.953vw !important;

package/codebase/sources/less/skins/contrast_black/skin.less

@@ -671,7 +671,7 @@
     @lightbox-area-time-block-padding-left:  0;
     @lightbox-area-time-block-padding:      @lightbox-area-time-block-padding-top @lightbox-area-time-block-padding-right @lightbox-area-time-block-padding-bottom @lightbox-area-time-block-padding-left ~'!important';
     @lightbox-area-time-block-padding-rtl:  @lightbox-area-time-block-padding-top @lightbox-area-time-block-padding-left @lightbox-area-time-block-padding-bottom @lightbox-area-time-block-padding-right ~'!important';
-    @lightbox-area-time-block-height:       20px  ~'!important';
+    @lightbox-area-time-block-height:       20px;
     @lightbox-area-time-block-textaligment: center;
 
 

package/codebase/sources/less/skins/flat/skin.less

@@ -603,7 +603,7 @@
     @lightbox-area-time-block-padding-left:  0;
     @lightbox-area-time-block-padding:      @lightbox-area-time-block-padding-top @lightbox-area-time-block-padding-right @lightbox-area-time-block-padding-bottom @lightbox-area-time-block-padding-left ~'!important';
     @lightbox-area-time-block-padding-rtl:  @lightbox-area-time-block-padding-top @lightbox-area-time-block-padding-left @lightbox-area-time-block-padding-bottom @lightbox-area-time-block-padding-right ~'!important';
-    @lightbox-area-time-block-height:       20px  ~'!important';
+    @lightbox-area-time-block-height:       20px;
     @lightbox-area-time-block-textaligment: center;