gant-board 1.0.9 → 1.0.10

package/dist/VueTimeline.umd.js

@@ -876,20 +876,6 @@ defineIterator(String, 'String', function (iterated) {
 module.exports = {};
 
 
-/***/ }),
-
-/***/ "41c3":
-/***/ (function(module, exports, __webpack_require__) {
-
-// Imports
-var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
-exports = ___CSS_LOADER_API_IMPORT___(false);
-// Module
-exports.push([module.i, ".events-container[data-v-7cbeb09a]{background:#f7f7f7;height:200px;height:100%;position:relative}.event.ghost[data-v-7cbeb09a]{background-color:#b5a0d8}.event[data-v-7cbeb09a]{z-index:1;display:inline-block;background-color:#673ab7;color:#fff;position:absolute;border-radius:3px;padding:10px 3px;overflow:hidden;box-sizing:border-box;white-space:nowrap;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}", ""]);
-// Exports
-module.exports = exports;
-
-
 /***/ }),
 
 /***/ "428f":
@@ -1654,19 +1640,17 @@ module.exports = {
 
 /***/ }),
 
-/***/ "6194":
+/***/ "602d":
 /***/ (function(module, exports, __webpack_require__) {
 
-// style-loader: Adds some css to the DOM by adding a <style> tag
+// Imports
+var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
+exports = ___CSS_LOADER_API_IMPORT___(false);
+// Module
+exports.push([module.i, ".events-container[data-v-4072adea]{height:200px;height:100%;position:relative}.event[data-v-4072adea]{z-index:1;display:inline-block;background-color:#673ab7;color:#fff;position:absolute;border-radius:3px;padding:4px 4px;overflow:hidden;box-sizing:border-box;white-space:nowrap;display:flex;align-items:center;height:34px;cursor:pointer;border:.5px solid #fff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.event .event_drag[data-v-4072adea]{min-width:10px}.event_title[data-v-4072adea]{flex-grow:1;text-align:start;min-width:0;font-size:12px}.event[data-v-4072adea]:hover{box-shadow:0 1px 4px rgba(0,0,0,.16)}.hide[data-v-4072adea]{right:-320px!important}.noselect[data-v-4072adea]{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.by-scroll-container[data-v-4072adea]::-webkit-scrollbar-track{background-color:#fff}.by-scroll-container[data-v-4072adea]::-webkit-scrollbar{width:10px;height:10px;background-color:#f5f5f5}.by-scroll-container[data-v-4072adea]::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#999}", ""]);
+// Exports
+module.exports = exports;
 
-// load the styles
-var content = __webpack_require__("41c3");
-if(content.__esModule) content = content.default;
-if(typeof content === 'string') content = [[module.i, content, '']];
-if(content.locals) module.exports = content.locals;
-// add the styles to the DOM
-var add = __webpack_require__("499e").default
-var update = add("3ef5ea14", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
@@ -1913,6 +1897,22 @@ var TEMPLATE = String(String).split('String');
 exports.f = Object.getOwnPropertySymbols;
 
 
+/***/ }),
+
+/***/ "742c":
+/***/ (function(module, exports, __webpack_require__) {
+
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__("8a2b");
+if(content.__esModule) content = content.default;
+if(typeof content === 'string') content = [[module.i, content, '']];
+if(content.locals) module.exports = content.locals;
+// add the styles to the DOM
+var add = __webpack_require__("499e").default
+var update = add("b9fea82e", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ "746f":
@@ -2068,6 +2068,35 @@ module.exports = Object.create || function create(O, Properties) {
 };
 
 
+/***/ }),
+
+/***/ "7db0":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var $ = __webpack_require__("23e7");
+var $find = __webpack_require__("b727").find;
+var addToUnscopables = __webpack_require__("44d2");
+
+var FIND = 'find';
+var SKIPS_HOLES = true;
+
+// Shouldn't skip holes
+if (FIND in []) Array(1)[FIND](function () { SKIPS_HOLES = false; });
+
+// `Array.prototype.find` method
+// https://tc39.es/ecma262/#sec-array.prototype.find
+$({ target: 'Array', proto: true, forced: SKIPS_HOLES }, {
+  find: function find(callbackfn /* , that = undefined */) {
+    return $find(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);
+  }
+});
+
+// https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
+addToUnscopables(FIND);
+
+
 /***/ }),
 
 /***/ "7dd0":
@@ -2357,6 +2386,20 @@ if (!isCallable(store.inspectSource)) {
 module.exports = store.inspectSource;
 
 
+/***/ }),
+
+/***/ "8a2b":
+/***/ (function(module, exports, __webpack_require__) {
+
+// Imports
+var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
+exports = ___CSS_LOADER_API_IMPORT___(false);
+// Module
+exports.push([module.i, ".events-container[data-v-460e347c]{background:#f7f7f7;height:200px;height:100%;position:relative}.event[data-v-460e347c]{z-index:1;display:inline-block;background-color:#673ab7;color:#fff;position:absolute;border-radius:3px;padding:4px 4px;overflow:hidden;box-sizing:border-box;white-space:nowrap;display:flex;align-items:center;gap:5px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.event .event_drag[data-v-460e347c]{min-width:10px}.event_title[data-v-460e347c]{flex-grow:1;text-align:start;min-width:0}.hide[data-v-460e347c]{right:-320px!important}.noselect[data-v-460e347c]{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}", ""]);
+// Exports
+module.exports = exports;
+
+
 /***/ }),
 
 /***/ "90e3":
@@ -2679,6 +2722,84 @@ module.exports = function (argument) {
 };
 
 
+/***/ }),
+
+/***/ "a434":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var $ = __webpack_require__("23e7");
+var global = __webpack_require__("da84");
+var toAbsoluteIndex = __webpack_require__("23cb");
+var toIntegerOrInfinity = __webpack_require__("5926");
+var lengthOfArrayLike = __webpack_require__("07fa");
+var toObject = __webpack_require__("7b0b");
+var arraySpeciesCreate = __webpack_require__("65f0");
+var createProperty = __webpack_require__("8418");
+var arrayMethodHasSpeciesSupport = __webpack_require__("1dde");
+
+var HAS_SPECIES_SUPPORT = arrayMethodHasSpeciesSupport('splice');
+
+var TypeError = global.TypeError;
+var max = Math.max;
+var min = Math.min;
+var MAX_SAFE_INTEGER = 0x1FFFFFFFFFFFFF;
+var MAXIMUM_ALLOWED_LENGTH_EXCEEDED = 'Maximum allowed length exceeded';
+
+// `Array.prototype.splice` method
+// https://tc39.es/ecma262/#sec-array.prototype.splice
+// with adding support of @@species
+$({ target: 'Array', proto: true, forced: !HAS_SPECIES_SUPPORT }, {
+  splice: function splice(start, deleteCount /* , ...items */) {
+    var O = toObject(this);
+    var len = lengthOfArrayLike(O);
+    var actualStart = toAbsoluteIndex(start, len);
+    var argumentsLength = arguments.length;
+    var insertCount, actualDeleteCount, A, k, from, to;
+    if (argumentsLength === 0) {
+      insertCount = actualDeleteCount = 0;
+    } else if (argumentsLength === 1) {
+      insertCount = 0;
+      actualDeleteCount = len - actualStart;
+    } else {
+      insertCount = argumentsLength - 2;
+      actualDeleteCount = min(max(toIntegerOrInfinity(deleteCount), 0), len - actualStart);
+    }
+    if (len + insertCount - actualDeleteCount > MAX_SAFE_INTEGER) {
+      throw TypeError(MAXIMUM_ALLOWED_LENGTH_EXCEEDED);
+    }
+    A = arraySpeciesCreate(O, actualDeleteCount);
+    for (k = 0; k < actualDeleteCount; k++) {
+      from = actualStart + k;
+      if (from in O) createProperty(A, k, O[from]);
+    }
+    A.length = actualDeleteCount;
+    if (insertCount < actualDeleteCount) {
+      for (k = actualStart; k < len - actualDeleteCount; k++) {
+        from = k + actualDeleteCount;
+        to = k + insertCount;
+        if (from in O) O[to] = O[from];
+        else delete O[to];
+      }
+      for (k = len; k > len - actualDeleteCount + insertCount; k--) delete O[k - 1];
+    } else if (insertCount > actualDeleteCount) {
+      for (k = len - actualDeleteCount; k > actualStart; k--) {
+        from = k + actualDeleteCount - 1;
+        to = k + insertCount - 1;
+        if (from in O) O[to] = O[from];
+        else delete O[to];
+      }
+    }
+    for (k = 0; k < insertCount; k++) {
+      O[k + actualStart] = arguments[k + 2];
+    }
+    O.length = len - actualDeleteCount + insertCount;
+    return A;
+  }
+});
+
+
 /***/ }),
 
 /***/ "a4d3":
@@ -3357,6 +3478,17 @@ module.exports = {
 };
 
 
+/***/ }),
+
+/***/ "be78":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_grid_view_vue_vue_type_style_index_0_id_460e347c_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("742c");
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_grid_view_vue_vue_type_style_index_0_id_460e347c_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_grid_view_vue_vue_type_style_index_0_id_460e347c_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "c04e":
@@ -3531,12 +3663,12 @@ module.exports = function (key, value) {
 
 /***/ }),
 
-/***/ "cecf":
+/***/ "cf63":
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_gant_board_vue_vue_type_style_index_0_id_7cbeb09a_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("6194");
-/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_gant_board_vue_vue_type_style_index_0_id_7cbeb09a_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_gant_board_vue_vue_type_style_index_0_id_7cbeb09a_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_gant_board_vue_vue_type_style_index_0_id_4072adea_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("d93a");
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_gant_board_vue_vue_type_style_index_0_id_4072adea_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_gant_board_vue_vue_type_style_index_0_id_4072adea_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__);
 /* unused harmony reexport * */
 
 
@@ -3704,6 +3836,22 @@ $({ target: 'Array', proto: true, forced: !HAS_SPECIES_SUPPORT }, {
 });
 
 
+/***/ }),
+
+/***/ "d93a":
+/***/ (function(module, exports, __webpack_require__) {
+
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__("602d");
+if(content.__esModule) content = content.default;
+if(typeof content === 'string') content = [[module.i, content, '']];
+if(content.locals) module.exports = content.locals;
+// add the styles to the DOM
+var add = __webpack_require__("499e").default
+var update = add("17ac8905", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ "d998":
@@ -4191,44 +4339,25 @@ if (typeof window !== 'undefined') {
 // Indicate to webpack that this file can be concatenated
 /* harmony default export */ var setPublicPath = (null);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"57c38c0a-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/gant-board.vue?vue&type=template&id=7cbeb09a&scoped=true&
-var gant_boardvue_type_template_id_7cbeb09a_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.options.from_start != null)?_c('div',{staticStyle:{"width":"100vw","overflow-x":"scroll","height":"100%"}},[_c('div',{ref:"container_wrapper",staticClass:"events-container",style:({ width: _vm.options.day_width * _vm.days_number + 'px' }),on:{"mousemove":function($event){return _vm.moveEvent($event)},"mouseup":function($event){return _vm.endDrag($event)}}},[_c('div',{staticStyle:{"width":"100%","display":"flex","flex-direction":"column","height":"100%"}},[_c('div',{staticStyle:{"display":"flex","width":"100%","height":"20px","background-color":"#fff"}},_vm._l((_vm.months),function(m){return _c('div',{key:m.index,staticStyle:{"display":"inline-block","box-sizing":"border-box","font-size":"10px","font-weight":"bold"},style:({
-            width: (_vm.options.day_width * m.length) + 'px',
-          })},[_vm._v(" "+_vm._s(m.name.toUpperCase())+" ")])}),0),_c('div',{staticStyle:{"display":"flex","width":"100%","height":"20px","background-color":"#fff"}},_vm._l((_vm.days_number),function(day){return _c('div',{key:day,staticStyle:{"display":"inline-block","box-sizing":"border-box","font-size":"13px","text-align":"center","font-weight":"normal"},style:({
-            'border-left':
-              _vm.options.from_start.add(day, 'days').day() == 1
-                ? '1px solid #d1d1d1'
-                : 'none',
-            width: _vm.options.day_width + 'px',
-            left: day * _vm.options.day_width,
-            'color': _vm.options.gray_days.includes(
-              _vm.options.from_start.add(day, 'days').day()
-            )
-              ? '#e1e1e1'
-              : 'inherit',
-          })},[_vm._v(" "+_vm._s(_vm.getDay(day).format("ddd")[0].toUpperCase())+" "+_vm._s(_vm.getDay(day).format("D"))+" ")])}),0),_c('div',{staticStyle:{"display":"flex","width":"100%","flex-grow":"1","heigth":"100%"}},_vm._l((_vm.days_number),function(day){return _c('div',{key:day,staticStyle:{"display":"inline-block","border-left":"1px solid #d1d1d1","box-sizing":"border-box"},style:({
-            width: _vm.options.day_width + 'px',
-            left: day * _vm.options.day_width,
-            'background-color': _vm.options.gray_days.includes(
-              _vm.options.from_start.add(day, 'days').day()
-            )
-              ? 'rgb(238 238 238)'
-              : 'transparent',
-          })})}),0)]),_vm._l((_vm.render_elements),function(event){return _c('div',{key:event.id,staticClass:"event",class:{
-          ghost: _vm.drag_element != null && event.id == _vm.drag_element.id,
-        },staticStyle:{"padding-left":"10px"},style:({
-          width: event.width + 'px',
-          left: event.left + 'px',
-          top: event.top + 50 +  'px',
-        }),on:{"mousedown":function($event){return _vm.startDrag($event, event)}}},[_vm._v(" "+_vm._s(event.name)+" ")])}),(_vm.drag_element != null)?_c('div',{staticClass:"event",staticStyle:{"z-index":"99","transition":"0s all"},style:({
-        width: _vm.drag_element.width + 'px',
-        top: _vm.drag_element.top + 'px',
-        left: _vm.drag_element.left + 'px',
-      })},[_vm._v(" "+_vm._s(_vm.drag_element.name)+" ")]):_vm._e()],2)]):_vm._e()}
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"72bfeb4c-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/gant-board.vue?vue&type=template&id=4072adea&scoped=true&
+var gant_boardvue_type_template_id_4072adea_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.options.from_start != null)?_c('div',{staticStyle:{"width":"100%","height":"100%","position":"relative","overflow":"hidden"}},[(_vm.options.from_start != null)?_c('div',{ref:"scroll_container_wrapper",staticClass:"by-scroll-container",staticStyle:{"width":"100%","position":"relative","overflow-x":"scroll","overflow-y":"scroll","height":"100%"}},[_c('grid-view',{ref:"grid_view",staticStyle:{"top":"0px","position":"sticky"},style:({ width: _vm.options.day_width * _vm.days_number + 'px' }),attrs:{"put_top":true,"days_number":_vm.days_number,"options":_vm.options,"months":_vm.months}}),_c('div',{ref:"container_wrapper",staticClass:"events-container",staticStyle:{"position":"absolute","top":"0px"},style:({ width: _vm.options.day_width * _vm.days_number + 'px', 'height': _vm.container_height + 'px' }),on:{"mousemove":function($event){return _vm.moveEvent($event)},"mouseup":function($event){return _vm.endDrag($event)},"mousedown":function($event){$event.stopPropagation();return _vm.startDrag(null, $event, null)}}},[_c('grid-view',{ref:"grid_view",staticStyle:{"height":"100%","top":"0px","position":"absolute"},style:({ width: _vm.options.day_width * _vm.days_number + 'px' }),attrs:{"show_lines":true,"days_number":_vm.days_number,"options":_vm.options,"months":_vm.months}}),_c('div',{staticStyle:{"--tw-rotate":"-90deg","position":"absolute","top":"0px"},on:{"click":function($event){_vm.segment_view = !_vm.segment_view}}},[(_vm.segment_view)?_c('div',[_vm._v("Nascondi i segmenti")]):_vm._e(),(!_vm.segment_view)?_c('div',[_vm._v("Mostra i segmenti")]):_vm._e()]),_c('div',{class:{ hide: !_vm.segment_view },staticStyle:{"position":"sticky","z-index":"2","background-color":"#f1f1f1ad","height":"100%","width":"300px","left":"0px","box-shadow":"rgb(0 0 0 / 43%) 0px -2px 6px","border":"1px solid ligthgray"},style:({ 'height': _vm.container_height + 'px' })},_vm._l((_vm.render_segments),function(segment){return _c('div',{key:segment.key.team_id + segment.key.team_type,staticStyle:{"width":"100%","position":"absolute","display":"flex","align-items":"center"},style:({ 'background-color': '#dddddd', 'top': segment.top + 'px', 'height': segment.height + 'px' })},[_c('div',{staticStyle:{"padding-left":"10px","font-size":"20px","display":"flex","align-items":"center","gap":"5px","white-space":"nowrap"}},[_c('img',{staticStyle:{"width":"28px","height":"28px","border-radius":"50%","border":"1.5px solid white","min-width":"0px"},style:({
+            'background-image': 'url(' +segment.key.image + ')',
+          })}),_vm._v(" "+_vm._s(segment.key.name)+" ")])])}),0),_vm._l((_vm.render_segments),function(segment){return _c('div',{key:segment.key.team_id + segment.key.team_type,staticStyle:{"width":"100%","position":"absolute"},style:({ 'background-color': segment.key.color, 'top': segment.top + 'px', 'height': segment.height + 'px' })},_vm._l((segment.values),function(event){return _c('div',{key:event.id,staticClass:"event",style:({
+            width: event.width + 'px',
+            left: event.left + 'px',
+            top: (event.top) + 'px',
+            'background-color': event.color,
+            opacity: event.oncreation || event.ondrag ? '0.2' : 'inherit',
+          }),on:{"mousedown":function($event){$event.stopPropagation();return _vm.startDrag(segment,$event, event)}}},[_c('div',{staticClass:"event_title",on:{"mouseenter":function($event){event.hover = true},"mouseleave":function($event){event.hover = false}}},[_c('div',{staticStyle:{"font-weigth":"bold","font-size":"10px"}},[_vm._v(_vm._s(event.contact))]),_vm._v(" "+_vm._s(event.name)+" - "+_vm._s(event.start.format("DD/MM"))+" - "+_vm._s(event.end.format("DD/MM"))+" ")]),(event.hover)?_c('div',{staticClass:"event_drag",on:{"mouseenter":function($event){event.hover = true},"mouseleave":function($event){event.hover = false},"mousedown":function($event){$event.stopPropagation();return _vm.startResize($event, event,segment)}}},[_c('svg',{attrs:{"xmlns":"http://www.w3.org/2000/svg","height":"15","viewBox":"0 96 960 960","width":"15","fill":"#fff"}},[_c('path',{attrs:{"d":"M340.442 919q-32.876 0-57.659-24.292t-24.783-57Q258 803 282.624 779.5t57.5-23.5Q373 756 396.5 778.925t23.5 58.217q0 33.292-23.341 57.575Q373.319 919 340.442 919Zm281.355 0q-32.877 0-57.337-24.292t-24.46-57Q540 803 564.455 779.5t57.094-23.5q33.051 0 56.751 22.925Q702 801.85 702 837.142q0 33.292-23.664 57.575Q654.673 919 621.797 919ZM340.442 657q-32.876 0-57.659-24.455T258 574.951Q258 541 282.624 518t57.5-23Q373 495 396.5 518.089q23.5 23.088 23.5 56.539 0 33.452-23.341 57.912Q373.319 657 340.442 657Zm281.355 0q-32.877 0-57.337-24.455T540 574.951Q540 541 564.455 518t57.094-23q33.051 0 56.751 23.089 23.7 23.088 23.7 56.539 0 33.452-23.664 57.912Q654.673 657 621.797 657ZM340.442 396q-32.876 0-57.659-24.455T258 313.951q0-33.551 24.624-57.251 24.624-23.7 57.5-23.7Q373 233 396.5 256.664q23.5 23.663 23.5 57.039 0 33.377-23.341 57.837Q373.319 396 340.442 396Zm281.355 0q-32.877 0-57.337-24.455T540 313.951q0-33.551 24.455-57.251Q588.91 233 621.549 233q33.051 0 56.751 23.664 23.7 23.663 23.7 57.039 0 33.377-23.664 57.837Q654.673 396 621.797 396Z"}})])]):_vm._e()])}),0)}),(_vm.drag_element != null)?_c('div',{staticClass:"event",staticStyle:{"z-index":"99","transition":"0s all","display":"flex"},style:({
+          width: _vm.drag_element.width + 'px',
+          top: _vm.drag_element.top + 'px',
+          left: _vm.drag_element.left + 'px',
+          'background-color': _vm.drag_element.color,
+        })},[_c('div',{staticClass:"event_title"},[_c('div',{staticStyle:{"font-weigth":"bold","font-size":"10px"}},[_vm._v(_vm._s(_vm.drag_element.contact))]),_vm._v(" "+_vm._s(_vm.drag_element.name)+" ")])]):_vm._e()],2)],1):_vm._e()]):_vm._e()}
 var staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/gant-board.vue?vue&type=template&id=7cbeb09a&scoped=true&
+// CONCATENATED MODULE: ./src/components/gant-board.vue?vue&type=template&id=4072adea&scoped=true&
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.symbol.js
 var es_symbol = __webpack_require__("a4d3");
@@ -4387,15 +4516,21 @@ function _nonIterableSpread() {
 function _toConsumableArray(arr) {
   return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
 }
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.map.js
+var es_array_map = __webpack_require__("d81d");
+
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.sort.js
 var es_array_sort = __webpack_require__("4e82");
 
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.map.js
-var es_array_map = __webpack_require__("d81d");
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.find.js
+var es_array_find = __webpack_require__("7db0");
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.filter.js
 var es_array_filter = __webpack_require__("4de4");
 
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.splice.js
+var es_array_splice = __webpack_require__("a434");
+
 // EXTERNAL MODULE: ./node_modules/dayjs/dayjs.min.js
 var dayjs_min = __webpack_require__("5a0c");
 var dayjs_min_default = /*#__PURE__*/__webpack_require__.n(dayjs_min);
@@ -4403,25 +4538,43 @@ var dayjs_min_default = /*#__PURE__*/__webpack_require__.n(dayjs_min);
 // EXTERNAL MODULE: ./node_modules/dayjs/locale/it.js
 var locale_it = __webpack_require__("e4cc");
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/gant-board.vue?vue&type=script&lang=js&
-
-
-
-
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"72bfeb4c-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/grid-view.vue?vue&type=template&id=460e347c&scoped=true&
+var grid_viewvue_type_template_id_460e347c_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticStyle:{"width":"100%","display":"flex","flex-direction":"column"},style:({'z-index' : _vm.put_top ? '9999' : '0'})},[_c('div',{staticStyle:{"display":"flex","width":"100%","height":"20px","z-index":"99999","background-color":"#fff"}},_vm._l((_vm.months),function(m){return _c('div',{key:m.index,staticStyle:{"display":"inline-block","box-sizing":"border-box","font-size":"12px","font-weight":"bold","color":"#FF5722"},style:({
+        width: _vm.options.day_width * m.length + 'px',
+      })},[_vm._v(" "+_vm._s(m.name.toUpperCase())+" "+_vm._s(m.length)+" ")])}),0),_c('div',{staticStyle:{"display":"flex","width":"100%","z-index":"99999","height":"20px","background-color":"#fff"}},_vm._l((_vm.days_number),function(d,day){return _c('div',{key:day,staticStyle:{"display":"inline-block","box-sizing":"border-box","font-size":"13px","text-align":"center","font-weight":"normal","margin-bottom":"2px"},style:({
+      
+        'background-color' : _vm.getDay_FF(day) == _vm.ttoday() ? '#ff9573' : '',
+           'border-radius':
+          _vm.options.from_start.add(day, 'days').day() == 1
+            ? 'none'
+            : '3px',
+        'border-left':
+          _vm.options.from_start.add(day, 'days').day() == 1
+            ? '1px solid #d1d1d1'
+            : 'none',
+        width: _vm.options.day_width + 'px',
+        left: day * _vm.options.day_width,
+        color: _vm.getDay_FF(day) == _vm.ttoday() ? '#fff!important' : (_vm.options.gray_days.includes(
+          _vm.options.from_start.add(day, 'days').day()
+        )
+          ? '#e1e1e1'
+          : 'inherit'),
+      })},[_vm._v(" "+_vm._s(_vm.getDay(day).format("ddd")[0].toUpperCase())+" "+_vm._s(_vm.getDay(day).format("D"))+" ")])}),0),(_vm.show_lines)?_c('div',{staticStyle:{"display":"flex","border-top":"1px solid #a2a2a2","width":"100%","flex-grow":"1","heigth":"100%"}},_vm._l((_vm.days_number),function(day){return _c('div',{key:day,ref:_vm.getDay_FF(day) == _vm.ttoday() ? 'today' : '',refInFor:true,staticStyle:{"display":"inline-block","border-left":"1px solid #d1d1d1","box-sizing":"border-box"},style:({
+           
+        width: _vm.options.day_width + 'px',
+        left: day * _vm.options.day_width,
+        'background-color': _vm.getDay_FF(day) == _vm.ttoday() ? '#ffd8cc' : (_vm.options.gray_days.includes(
+          _vm.options.from_start.add(day, 'days').day()
+        )
+          ? 'rgb(238 238 238)'
+          : 'transparent'),
+      })})}),0):_vm._e()])}
+var grid_viewvue_type_template_id_460e347c_scoped_true_staticRenderFns = []
 
 
+// CONCATENATED MODULE: ./src/components/grid-view.vue?vue&type=template&id=460e347c&scoped=true&
 
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/grid-view.vue?vue&type=script&lang=js&
 //
 //
 //
@@ -4535,122 +4688,499 @@ var locale_it = __webpack_require__("e4cc");
 //
 
 
-/* harmony default export */ var gant_boardvue_type_script_lang_js_ = ({
+/* harmony default export */ var grid_viewvue_type_script_lang_js_ = ({
   name: "gant-board",
-  props: ["elements"],
-  data: function data() {
-    return {
-      end_calc: true,
-      render_elements: [],
-      drag_element: null,
-      options: {
-        gray_days: [0, 6],
-        day_width: 40,
-        from_start: null,
-        to_start: null
-      }
-    };
-  },
-  computed: {
-    days_number: function days_number() {
-      return this.options.to_start.diff(this.options.from_start, "days");
-    },
-    months: function months() {
-      var months = [];
-      var start = this.options.from_start;
-      var end = false;
-      var index = 0;
-
-      while (!end) {
-        var length = start.daysInMonth();
-
-        if (months.length == 0) {
-          length = start.startOf("month").add(1, "months").diff(start, "days");
-        }
-
-        months.push({
-          index: index,
-          name: start.format("MMMM"),
-          length: length
-        });
-        start = start.add(1, "months");
-        index++;
-
-        if (start > this.options.to_start) {
-          end = true;
-        }
-      }
-
-      return months;
-    }
+  props: ["months", "days_number", "options", "show_lines", "put_top"],
+  watch: {
+    'options': function options() {}
   },
   methods: {
     getDay: function getDay(index) {
       return this.options.from_start.add(index, "days");
     },
-    refresh_render: function refresh_render() {
-      var ordered = _toConsumableArray(this.render_elements).sort(function (a, b) {
-        return a.weigth - b.weigth;
-      });
+    getDay_FF: function getDay_FF(index) {
+      return this.options.from_start.add(index, "days").format("YYYY-MM-DD");
+    },
+    ttoday: function ttoday() {
+      return dayjs_min_default()().format("YYYY-MM-DD");
+    },
+    scrollToDay: function scrollToDay(container) {
+      container.scrollTo(this.$refs.today[0].getBoundingClientRect().left - 200, 0);
+    }
+  }
+});
+// CONCATENATED MODULE: ./src/components/grid-view.vue?vue&type=script&lang=js&
+ /* harmony default export */ var components_grid_viewvue_type_script_lang_js_ = (grid_viewvue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./src/components/grid-view.vue?vue&type=style&index=0&id=460e347c&scoped=true&lang=css&
+var grid_viewvue_type_style_index_0_id_460e347c_scoped_true_lang_css_ = __webpack_require__("be78");
 
-      var _iterator = _createForOfIteratorHelper(ordered),
-          _step;
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
+/* globals __VUE_SSR_CONTEXT__ */
 
-      try {
-        for (_iterator.s(); !(_step = _iterator.n()).done;) {
-          var event = _step.value;
-          this.refresh_event(event);
-        }
-      } catch (err) {
-        _iterator.e(err);
-      } finally {
-        _iterator.f();
-      }
-    },
-    refresh_event: function refresh_event(event) {
-      var near_element = _toConsumableArray(this.render_elements).sort(function (a, b) {
-        return b.weigth - a.weigth;
-      }).filter(function (x) {
-        return x.weigth <= event.weigth && x.start < event.end && x.id != event.id && event.start < x.end;
-      }).map(function (x) {
-        return x.row;
-      });
+// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).
+// This module is a runtime utility for cleaner component module output and will
+// be included in the final webpack user bundle.
 
-      var row = 0;
+function normalizeComponent (
+  scriptExports,
+  render,
+  staticRenderFns,
+  functionalTemplate,
+  injectStyles,
+  scopeId,
+  moduleIdentifier, /* server only */
+  shadowMode /* vue-cli only */
+) {
+  // Vue.extend constructor export interop
+  var options = typeof scriptExports === 'function'
+    ? scriptExports.options
+    : scriptExports
 
-      if (near_element.length > 0) {
-        row = Math.max.apply(Math, _toConsumableArray(near_element)) + 1;
-      }
+  // render functions
+  if (render) {
+    options.render = render
+    options.staticRenderFns = staticRenderFns
+    options._compiled = true
+  }
 
-      event.row = row;
-      event.top = 40 * row;
-      event.left = event.start.diff(this.options.from_start, "days") * this.options.day_width;
-      event.width = event.end.diff(event.start, "days") * this.options.day_width;
-    },
-    render: function render() {
-      this.render_elements = [];
-      var ordered = this.elements.sort(function (a, b) {
-        return a.weigth - b.weigth;
-      });
+  // functional template
+  if (functionalTemplate) {
+    options.functional = true
+  }
 
-      var _iterator2 = _createForOfIteratorHelper(ordered),
-          _step2;
+  // scopedId
+  if (scopeId) {
+    options._scopeId = 'data-v-' + scopeId
+  }
+
+  var hook
+  if (moduleIdentifier) { // server build
+    hook = function (context) {
+      // 2.3 injection
+      context =
+        context || // cached call
+        (this.$vnode && this.$vnode.ssrContext) || // stateful
+        (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
+      // 2.2 with runInNewContext: true
+      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
+        context = __VUE_SSR_CONTEXT__
+      }
+      // inject component styles
+      if (injectStyles) {
+        injectStyles.call(this, context)
+      }
+      // register component module identifier for async chunk inferrence
+      if (context && context._registeredComponents) {
+        context._registeredComponents.add(moduleIdentifier)
+      }
+    }
+    // used by ssr in case component is cached and beforeCreate
+    // never gets called
+    options._ssrRegister = hook
+  } else if (injectStyles) {
+    hook = shadowMode
+      ? function () {
+        injectStyles.call(
+          this,
+          (options.functional ? this.parent : this).$root.$options.shadowRoot
+        )
+      }
+      : injectStyles
+  }
+
+  if (hook) {
+    if (options.functional) {
+      // for template-only hot-reload because in that case the render fn doesn't
+      // go through the normalizer
+      options._injectStyles = hook
+      // register for functional component in vue file
+      var originalRender = options.render
+      options.render = function renderWithStyleInjection (h, context) {
+        hook.call(context)
+        return originalRender(h, context)
+      }
+    } else {
+      // inject component registration as beforeCreate hook
+      var existing = options.beforeCreate
+      options.beforeCreate = existing
+        ? [].concat(existing, hook)
+        : [hook]
+    }
+  }
+
+  return {
+    exports: scriptExports,
+    options: options
+  }
+}
+
+// CONCATENATED MODULE: ./src/components/grid-view.vue
+
+
+
+
+
+
+/* normalize component */
+
+var component = normalizeComponent(
+  components_grid_viewvue_type_script_lang_js_,
+  grid_viewvue_type_template_id_460e347c_scoped_true_render,
+  grid_viewvue_type_template_id_460e347c_scoped_true_staticRenderFns,
+  false,
+  null,
+  "460e347c",
+  null
+  
+)
+
+/* harmony default export */ var grid_view = (component.exports);
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/gant-board.vue?vue&type=script&lang=js&
+
+
+
+
+
+
+
+
+
+
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+/* harmony default export */ var gant_boardvue_type_script_lang_js_ = ({
+  components: {
+    gridView: grid_view
+  },
+  name: "gant-board",
+  props: ["elements", "team_members"],
+  data: function data() {
+    return {
+      segment_view: true,
+      group_by: "u",
+      render_segments: [],
+      end_calc: true,
+      drag_element: null,
+      range: {
+        start: new Date(2020, 0, 6),
+        end: new Date(2020, 0, 23)
+      },
+      options: {
+        gray_days: [0, 6],
+        day_width: 45,
+        from_start: null,
+        to_start: null
+      },
+      resize_event: null,
+      color: ["#f44336", "#e81e63", "#9c27b0", "#673ab7", "#3f51b5", "#2196f3", "#03a9f4", "#00bcd4", "#009688", "#4caf50", "#8bc34a", "#cddc39", "#ffeb3b"]
+    };
+  },
+  computed: {
+    container_height: function container_height() {
+      if (this.render_segments.length == 0) {
+        return 800;
+      }
+
+      return Math.max.apply(Math, _toConsumableArray(this.render_segments.map(function (x) {
+        return x.top + x.height + 50;
+      })));
+    },
+    days_number: function days_number() {
+      return this.options.to_start.diff(this.options.from_start, "days") + 1;
+    },
+    months: function months() {
+      var months = [];
+      var start = this.options.from_start;
+      var end = false;
+      var index = 0;
+
+      while (!end) {
+        var length = start.daysInMonth();
+
+        if (months.length == 0) {
+          console.log(start.startOf("month").add(1, "months").diff(start, "days"));
+          length = start.startOf("month").add(1, "months").diff(start, "days");
+        }
+
+        months.push({
+          index: index,
+          name: start.format("MMMM"),
+          length: length
+        });
+        start = start.add(1, "months");
+        index++;
+
+        if (start > this.options.to_start) {
+          end = true;
+        }
+      }
+
+      return months;
+    }
+  },
+  methods: {
+    getDay: function getDay(index) {
+      return this.options.from_start.add(index, "days");
+    },
+    refresh_render: function refresh_render(segment) {
+      var _this = this;
+
+      var ordered = _toConsumableArray(segment.values).sort(function (a, b) {
+        return a.weigth - b.weigth;
+      });
+
+      var _iterator = _createForOfIteratorHelper(ordered),
+          _step;
 
       try {
-        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-          var event = _step2.value;
-          this.build_event(event);
+        var _loop = function _loop() {
+          var event = _step.value;
+          var e = segment.values.find(function (x) {
+            return x.id == event.id;
+          });
+
+          _this.refresh_event(segment, e);
+        };
+
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          _loop();
         }
       } catch (err) {
-        _iterator2.e(err);
+        _iterator.e(err);
       } finally {
-        _iterator2.f();
+        _iterator.f();
+      }
+    },
+    refresh_event: function refresh_event(segment, event) {
+      var near_element = _toConsumableArray(segment.values).sort(function (a, b) {
+        return b.weigth - a.weigth;
+      }).filter(function (x) {
+        return x.weigth <= event.weigth && x.start < event.end && event.start < x.end && x.id != event.id;
+      }).map(function (x) {
+        return x.row;
+      });
+
+      var row = 0;
+
+      if (near_element.length > 0) {
+        row = Math.max.apply(Math, _toConsumableArray(near_element)) + 1;
+      }
+
+      event.row = row;
+      event.top = 35 * row + 5;
+      event.left = event.start.diff(this.options.from_start, "days") * this.options.day_width + 2;
+      event.width = event.end.diff(event.start, "days") * this.options.day_width - 3;
+    },
+    render: function render() {
+      var _this2 = this;
+
+      var ordered = this.elements.filter(function (x) {
+        return x.start != null && x.end != null;
+      }).sort(function (a, b) {
+        return a.weigth - b.weigth;
+      });
+
+      if (this.group_by != null && this.group_by == "u") {
+        this.render_segments = [];
+
+        var _iterator2 = _createForOfIteratorHelper(ordered),
+            _step2;
+
+        try {
+          var _loop2 = function _loop2() {
+            t = _step2.value;
+
+            var groupKey = _this2.team_members.find(function (x) {
+              return x.team_id == t.team_id && x.team_type == t.team_type;
+            });
+
+            group = _this2.render_segments.find(function (x) {
+              return x.key == groupKey;
+            });
+
+            if (group == null) {
+              group = {
+                key: groupKey,
+                index: _this2.render_segments.length,
+                top: 0,
+                height: 0,
+                values: [],
+                raw: []
+              };
+
+              _this2.render_segments.push(group);
+            }
+
+            group.raw.push(t);
+          };
+
+          for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+            var t;
+            var group;
+
+            _loop2();
+          }
+        } catch (err) {
+          _iterator2.e(err);
+        } finally {
+          _iterator2.f();
+        }
+
+        var _iterator3 = _createForOfIteratorHelper(this.render_segments),
+            _step3;
+
+        try {
+          for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+            var seg = _step3.value;
+
+            var _iterator4 = _createForOfIteratorHelper(seg.raw),
+                _step4;
+
+            try {
+              for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
+                var el = _step4.value;
+                seg.values.push(this.build_event(seg, el));
+              }
+            } catch (err) {
+              _iterator4.e(err);
+            } finally {
+              _iterator4.f();
+            }
+          }
+        } catch (err) {
+          _iterator3.e(err);
+        } finally {
+          _iterator3.f();
+        }
       }
     },
-    build_event: function build_event(event) {
+    build_event: function build_event(group, event) {
       var event_start = dayjs_min_default()(event.start, "YYYY-MM-DD", true);
       var event_end = dayjs_min_default()(event.end, "YYYY-MM-DD", true);
-      var near_element = this.render_elements.sort(function (a, b) {
+      var near_element = group.values.sort(function (a, b) {
         return b.weigth - a.weigth;
       }).filter(function (x) {
         return x.start < event_end && event_start < x.end;
@@ -4663,58 +5193,178 @@ var locale_it = __webpack_require__("e4cc");
         row = Math.max.apply(Math, _toConsumableArray(near_element)) + 1;
       }
 
-      this.render_elements.push({
+      var prec_group = null;
+      group.top = 50;
+
+      if (group.index > 0) {
+        prec_group = this.render_segments[group.index - 1];
+      }
+
+      if (prec_group != null) {
+        group.top = prec_group.height + prec_group.top + 10;
+      }
+
+      var now_h = (row + 1) * 35 + 10;
+      group.height = now_h > group.height ? now_h : group.height;
+      var ev = {
         id: event.id,
         name: event.name,
+        team_type: event.team_type,
+        team_id: event.team_id,
+        contact: event.contact,
         start: event_start,
         end: event_end,
         weigth: event.weigth,
         row: row,
-        top: 40 * row,
-        left: event_start.diff(this.options.from_start, "days") * this.options.day_width,
-        width: event_end.diff(event_start, "days") * this.options.day_width
-      });
+        top: 35 * row + 5,
+        color: event.color,
+        left: event_start.diff(this.options.from_start, "days") * this.options.day_width + 2,
+        width: event_end.diff(event_start, "days") * this.options.day_width - 3,
+        hover: false,
+        oncreation: event.oncreation,
+        ondrag: false,
+        image: event.image
+      };
+      return ev;
     },
-    startDrag: function startDrag(mouseevent, event) {
+    startResize: function startResize(mouseevent, event, segment) {
+      this.resize_event = event;
+      this.resize_event.segment = segment;
+    },
+    startDrag: function startDrag(segment, mouseevent, event) {
+      var bounds = this.$refs.container_wrapper.getBoundingClientRect();
+
+      if (event == null) {
+        //creazione nuovo elemento da zero
+        var day = Math.round((mouseevent.clientX - bounds.left) / this.options.day_width);
+        var id = this.elements.length + 1;
+        var cur_y = Math.floor(mouseevent.clientY - bounds.top - 10);
+        var current_segment = this.render_segments.find(function (x) {
+          return x.top < cur_y && x.top + x.height > cur_y;
+        });
+        var n_event = {
+          id: id,
+          team_type: current_segment.key.team_type,
+          team_id: current_segment.key.team_id,
+          name: "Incarico " + id,
+          contact: "Contatto " + this.getRandomInt(0, 12),
+          start: this.options.from_start.add(day, "days").format("YYYY-MM-DD"),
+          end: this.options.from_start.add(day + 2, "days").format("YYYY-MM-DD"),
+          weigth: id,
+          oncreation: true,
+          color: this.color[this.getRandomInt(0, 12)],
+          image: "https://i.pravatar.cc/50?id=" + this.getRandomInt(1, 69)
+        };
+        this.elements.push(n_event);
+        var new_event = this.build_event(current_segment, n_event);
+        current_segment.values.push(new_event);
+        this.resize_event = new_event;
+        this.resize_event.segment = current_segment;
+        this.resize_event.end = this.options.from_start.add(day + 20, "days");
+        return;
+      }
+
       var event_start = dayjs_min_default()(event.start, "YYYY-MM-DD", true);
       var event_end = dayjs_min_default()(event.end, "YYYY-MM-DD", true);
-      var bounds = this.$refs.container_wrapper.getBoundingClientRect();
+      event.ondrag = true;
       this.drag_element = {
         id: event.id,
+        event: event,
+        segment: segment,
         name: event.name,
+        contact: event.contact,
         start: event_start,
         end: event_end,
         top: mouseevent.clientY - mouseevent.offsetY - bounds.top,
         offset_position_x: mouseevent.offsetX,
         offset_position_y: mouseevent.offsetY,
         left: event_start.diff(this.options.from_start, "days") * this.options.day_width,
-        width: event_end.diff(event_start, "days") * this.options.day_width
+        width: event_end.diff(event_start, "days") * this.options.day_width,
+        color: event.color,
+        image: event.image
       };
     },
     moveEvent: function moveEvent(mouseevent) {
-      var _this = this;
+      var _this$drag_element$of,
+          _this$drag_element,
+          _this3 = this;
+
+      var bounds = this.$refs.container_wrapper.getBoundingClientRect();
+      var day = Math.round((mouseevent.clientX - bounds.left - ((_this$drag_element$of = (_this$drag_element = this.drag_element) === null || _this$drag_element === void 0 ? void 0 : _this$drag_element.offset_position_x) !== null && _this$drag_element$of !== void 0 ? _this$drag_element$of : 0)) / this.options.day_width);
+
+      if (this.resize_event != null) {
+        day = Math.round((mouseevent.clientX - bounds.left) / this.options.day_width);
+        this.resize_event.end = this.options.from_start.add(day, "days");
+        this.refresh_render(this.resize_event.segment);
+        return;
+      }
 
       if (this.drag_element != null) {
-        var bounds = this.$refs.container_wrapper.getBoundingClientRect();
         this.drag_element.left = mouseevent.clientX - bounds.left - this.drag_element.offset_position_x;
         this.drag_element.top = mouseevent.clientY - this.drag_element.offset_position_y - bounds.top;
-        var day = Math.round((mouseevent.clientX - bounds.left - this.drag_element.offset_position_x) / this.options.day_width);
-        var original_event = this.render_elements.filter(function (x) {
-          return x.id == _this.drag_element.id;
-        })[0];
+
+        if (this.drag_element.segment == null) {
+          //spostamento su nuovo segmento
+          var drag_to_cur_y = Math.floor(mouseevent.clientY - bounds.top - 10);
+          var drag_to_current_segment = this.render_segments.find(function (x) {
+            return x.top < drag_to_cur_y && x.top + x.height > drag_to_cur_y;
+          });
+
+          if (drag_to_current_segment != null) {
+            this.drag_element.event.start = "1900-01-01";
+            this.drag_element.event.end = "1900-01-06";
+            var new_event = this.build_event(drag_to_current_segment, this.drag_element.event);
+            new_event.ondrag = true;
+            this.drag_element.segment = drag_to_current_segment;
+            this.drag_element.segment.values.push(new_event);
+          }
+        }
+
+        var original_event = this.drag_element.segment.values.find(function (x) {
+          return x.id == _this3.drag_element.id;
+        });
+
+        if (original_event == null) {
+          //sto trascinando un nuovo elemento
+          var _original_event = this.elements.find(function (x) {
+            return x.id == _this3.drag_element.id;
+          });
+
+          _original_event.start = "1900-01-01";
+          _original_event.end = "1900-01-06";
+          this.build_event(_original_event);
+          original_event = this.render_elements.find(function (x) {
+            return x.id == _this3.drag_element.id;
+          });
+          this.drag_element.width = (original_event.end.diff(original_event.start, "days") - 1) * this.options.day_width;
+        } //determino nuovo inizio e nuova fine
+
+
         var duration = original_event.end.diff(original_event.start, "days");
         original_event.start = this.options.from_start.add(day, "days");
         original_event.end = original_event.start.add(duration, "days");
         this.drag_element.start = original_event.start;
-        this.drag_element.end = original_event.end;
+        this.drag_element.end = original_event.end; //spostamento su nuovo segmento
+
+        var cur_y = Math.floor(mouseevent.clientY - bounds.top - 10);
+        var current_segment = this.render_segments.find(function (x) {
+          return x.top < cur_y && x.top + x.height > cur_y;
+        });
+
+        if (current_segment != null) {
+          this.drag_element.segment.values.splice(this.drag_element.segment.values.indexOf(original_event), 1);
+          this.drag_element.segment = current_segment;
+          this.drag_element.segment.values.push(original_event);
+        }
+
         var start = original_event.start;
         var end = original_event.end;
-        var row_position = Math.floor((mouseevent.clientY - bounds.top) / 40);
+        var row_position = Math.floor((mouseevent.clientY - bounds.top - this.drag_element.segment.top - 10) / 35);
         var down_weigth = null;
         var down_element = null;
         var element_to_move = null;
         var element_to_move_weigth = null;
-        down_element = this.render_elements.sort(function (a, b) {
+        down_element = this.drag_element.segment.values.sort(function (a, b) {
           return b.weigth - a.weigth;
         }).filter(function (x) {
           return x.start < end && start < x.end && original_event.id != x.id && x.row < row_position;
@@ -4724,7 +5374,7 @@ var locale_it = __webpack_require__("e4cc");
           down_weigth = down_element[0].weigth;
         }
 
-        element_to_move = this.render_elements.sort(function (a, b) {
+        element_to_move = this.drag_element.segment.values.sort(function (a, b) {
           return a.weigth - b.weigth;
         }).filter(function (x) {
           return x.start < end && start < x.end && original_event.id != x.id && x.row >= row_position;
@@ -4744,125 +5394,95 @@ var locale_it = __webpack_require__("e4cc");
           original_event.weigth = ((_down_weigth2 = down_weigth) !== null && _down_weigth2 !== void 0 ? _down_weigth2 : 0) + (element_to_move_weigth - ((_down_weigth3 = down_weigth) !== null && _down_weigth3 !== void 0 ? _down_weigth3 : 0)) / 2;
         }
 
-        this.refresh_render();
+        this.refresh_render(this.drag_element.segment); //ricalcolo altezza segmento 
+
+        var index = 0;
+
+        var _iterator5 = _createForOfIteratorHelper(this.render_segments),
+            _step5;
+
+        try {
+          for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
+            var segment = _step5.value;
+            var prec_group = null;
+
+            if (index > 0) {
+              prec_group = this.render_segments[index - 1];
+            }
+
+            if (prec_group != null) {
+              segment.top = prec_group.height + prec_group.top + 10;
+            }
+
+            segment.height = (Math.max.apply(Math, _toConsumableArray(segment.values.map(function (x) {
+              return x.row;
+            }))) + 1) * 35 + 10;
+            index++;
+          }
+        } catch (err) {
+          _iterator5.e(err);
+        } finally {
+          _iterator5.f();
+        }
       }
     },
     endDrag: function endDrag() {
-      console.log(this.drag_element);
+      var _this4 = this;
+
+      if (this.resize_event != null && this.resize_event.oncreation == true) {
+        this.resize_event.oncreation = false;
+      }
+
+      this.resize_event = null;
       this.$emit("change-event", this.drag_element);
+
+      if (this.drag_element != null) {
+        var original_event = this.drag_element.segment.values.find(function (x) {
+          return x.id == _this4.drag_element.id;
+        });
+        original_event.ondrag = false;
+      }
+
       this.drag_element = null;
+    },
+    getRandomInt: function getRandomInt(min, max) {
+      min = Math.ceil(min);
+      max = Math.floor(max);
+      return Math.floor(Math.random() * (max - min) + min); // The maximum is exclusive and the minimum is inclusive
     }
   },
   created: function created() {},
   mounted: function mounted() {
+    var _this5 = this;
+
     dayjs_min_default.a.locale("it");
-    this.options.from_start = dayjs_min_default()().add(-90, "days"), this.options.to_start = dayjs_min_default()().add(90, "days"), this.render();
+    this.options.from_start = dayjs_min_default()().startOf('month').add(-6, "months");
+    this.options.to_start = dayjs_min_default()().startOf('month').add(6, "months").add(-1, "seconds");
+    this.render();
+    this.$nextTick(function () {
+      _this5.$refs.grid_view.scrollToDay(_this5.$refs.scroll_container_wrapper); // this.$refs.scroll_container_wrapper.onscroll = () => {
+      //   if (this.$refs.scroll_container_wrapper.scrollLeft == 0) {
+      //     var cur_scroll = this.$refs.scroll_container_wrapper.scrollWidth;
+      //     this.options.from_start = this.options.from_start.add(-1, "months");
+      //     this.$nextTick(() => {
+      //       var diff = this.$refs.scroll_container_wrapper.scrollWidth - cur_scroll;
+      //       this.$refs.scroll_container_wrapper.scrollLeft = diff;
+      //       this.render();
+      //     });
+      //   }
+      //   if (this.$refs.scroll_container_wrapper.scrollLeft + this.$refs.scroll_container_wrapper.offsetWidth > (this.$refs.scroll_container_wrapper.scrollWidth - 2)) {
+      //     this.options.to_start = this.options.to_start.add(1, "months");
+      //     this.render();
+      //   }
+      // };
+
+    });
   }
 });
 // CONCATENATED MODULE: ./src/components/gant-board.vue?vue&type=script&lang=js&
  /* harmony default export */ var components_gant_boardvue_type_script_lang_js_ = (gant_boardvue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./src/components/gant-board.vue?vue&type=style&index=0&id=7cbeb09a&scoped=true&lang=css&
-var gant_boardvue_type_style_index_0_id_7cbeb09a_scoped_true_lang_css_ = __webpack_require__("cecf");
-
-// CONCATENATED MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
-/* globals __VUE_SSR_CONTEXT__ */
-
-// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).
-// This module is a runtime utility for cleaner component module output and will
-// be included in the final webpack user bundle.
-
-function normalizeComponent (
-  scriptExports,
-  render,
-  staticRenderFns,
-  functionalTemplate,
-  injectStyles,
-  scopeId,
-  moduleIdentifier, /* server only */
-  shadowMode /* vue-cli only */
-) {
-  // Vue.extend constructor export interop
-  var options = typeof scriptExports === 'function'
-    ? scriptExports.options
-    : scriptExports
-
-  // render functions
-  if (render) {
-    options.render = render
-    options.staticRenderFns = staticRenderFns
-    options._compiled = true
-  }
-
-  // functional template
-  if (functionalTemplate) {
-    options.functional = true
-  }
-
-  // scopedId
-  if (scopeId) {
-    options._scopeId = 'data-v-' + scopeId
-  }
-
-  var hook
-  if (moduleIdentifier) { // server build
-    hook = function (context) {
-      // 2.3 injection
-      context =
-        context || // cached call
-        (this.$vnode && this.$vnode.ssrContext) || // stateful
-        (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
-      // 2.2 with runInNewContext: true
-      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
-        context = __VUE_SSR_CONTEXT__
-      }
-      // inject component styles
-      if (injectStyles) {
-        injectStyles.call(this, context)
-      }
-      // register component module identifier for async chunk inferrence
-      if (context && context._registeredComponents) {
-        context._registeredComponents.add(moduleIdentifier)
-      }
-    }
-    // used by ssr in case component is cached and beforeCreate
-    // never gets called
-    options._ssrRegister = hook
-  } else if (injectStyles) {
-    hook = shadowMode
-      ? function () {
-        injectStyles.call(
-          this,
-          (options.functional ? this.parent : this).$root.$options.shadowRoot
-        )
-      }
-      : injectStyles
-  }
-
-  if (hook) {
-    if (options.functional) {
-      // for template-only hot-reload because in that case the render fn doesn't
-      // go through the normalizer
-      options._injectStyles = hook
-      // register for functional component in vue file
-      var originalRender = options.render
-      options.render = function renderWithStyleInjection (h, context) {
-        hook.call(context)
-        return originalRender(h, context)
-      }
-    } else {
-      // inject component registration as beforeCreate hook
-      var existing = options.beforeCreate
-      options.beforeCreate = existing
-        ? [].concat(existing, hook)
-        : [hook]
-    }
-  }
-
-  return {
-    exports: scriptExports,
-    options: options
-  }
-}
+// EXTERNAL MODULE: ./src/components/gant-board.vue?vue&type=style&index=0&id=4072adea&scoped=true&lang=css&
+var gant_boardvue_type_style_index_0_id_4072adea_scoped_true_lang_css_ = __webpack_require__("cf63");
 
 // CONCATENATED MODULE: ./src/components/gant-board.vue
 
@@ -4873,18 +5493,18 @@ function normalizeComponent (
 
 /* normalize component */
 
-var component = normalizeComponent(
+var gant_board_component = normalizeComponent(
   components_gant_boardvue_type_script_lang_js_,
-  gant_boardvue_type_template_id_7cbeb09a_scoped_true_render,
+  gant_boardvue_type_template_id_4072adea_scoped_true_render,
   staticRenderFns,
   false,
   null,
-  "7cbeb09a",
+  "4072adea",
   null
   
 )
 
-/* harmony default export */ var gant_board = (component.exports);
+/* harmony default export */ var gant_board = (gant_board_component.exports);
 // CONCATENATED MODULE: ./src/lib.js
 
 function install(Vue) {