@syncfusion/ej2-layouts 19.3.43 → 19.4.38

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (76) hide show
  1. package/.github/PULL_REQUEST_TEMPLATE/Bug.md +41 -0
  2. package/.github/PULL_REQUEST_TEMPLATE/Feature.md +27 -0
  3. package/CHANGELOG.md +2 -8
  4. package/dist/ej2-layouts.umd.min.js +2 -2
  5. package/dist/ej2-layouts.umd.min.js.map +1 -1
  6. package/dist/es6/ej2-layouts.es2015.js +12 -13
  7. package/dist/es6/ej2-layouts.es2015.js.map +1 -1
  8. package/dist/es6/ej2-layouts.es5.js +12 -13
  9. package/dist/es6/ej2-layouts.es5.js.map +1 -1
  10. package/dist/global/ej2-layouts.min.js +2 -2
  11. package/dist/global/ej2-layouts.min.js.map +1 -1
  12. package/dist/global/index.d.ts +1 -1
  13. package/package.json +6 -6
  14. package/src/dashboard-layout/dashboard-layout.js +0 -5
  15. package/src/splitter/splitter.d.ts +4 -0
  16. package/src/splitter/splitter.js +12 -8
  17. package/styles/avatar/_fluent-definition.scss +25 -0
  18. package/styles/avatar/_layout.scss +5 -5
  19. package/styles/bootstrap-dark.css +8 -2
  20. package/styles/bootstrap.css +8 -2
  21. package/styles/bootstrap4.css +8 -2
  22. package/styles/bootstrap5-dark.css +8 -2
  23. package/styles/bootstrap5.css +8 -2
  24. package/styles/card/_bootstrap-dark-definition.scss +1 -0
  25. package/styles/card/_bootstrap-definition.scss +1 -0
  26. package/styles/card/_bootstrap5-definition.scss +1 -0
  27. package/styles/card/_fabric-dark-definition.scss +1 -0
  28. package/styles/card/_fabric-definition.scss +1 -0
  29. package/styles/card/_fluent-definition.scss +124 -0
  30. package/styles/card/_highcontrast-definition.scss +1 -0
  31. package/styles/card/_highcontrast-light-definition.scss +1 -0
  32. package/styles/card/_material-dark-definition.scss +1 -0
  33. package/styles/card/_material-definition.scss +1 -0
  34. package/styles/card/_tailwind-definition.scss +1 -0
  35. package/styles/card/_theme.scss +11 -0
  36. package/styles/dashboard-layout/_fluent-definition.scss +112 -0
  37. package/styles/dashboard-layout/_layout.scss +1 -1
  38. package/styles/dashboard-layout/_theme.scss +1 -1
  39. package/styles/dashboard-layout/icons/_bootstrap5.scss +1 -1
  40. package/styles/dashboard-layout/icons/_fluent.scss +81 -0
  41. package/styles/fabric-dark.css +8 -2
  42. package/styles/fabric.css +8 -2
  43. package/styles/highcontrast-light.css +8 -2
  44. package/styles/highcontrast.css +8 -2
  45. package/styles/material-dark.css +8 -2
  46. package/styles/material.css +8 -2
  47. package/styles/splitter/_bootstrap-dark-definition.scss +4 -1
  48. package/styles/splitter/_bootstrap-definition.scss +4 -1
  49. package/styles/splitter/_bootstrap4-definition.scss +4 -1
  50. package/styles/splitter/_bootstrap5-definition.scss +4 -1
  51. package/styles/splitter/_fabric-dark-definition.scss +4 -1
  52. package/styles/splitter/_fabric-definition.scss +4 -1
  53. package/styles/splitter/_fluent-definition.scss +28 -0
  54. package/styles/splitter/_highcontrast-definition.scss +4 -1
  55. package/styles/splitter/_highcontrast-light-definition.scss +4 -1
  56. package/styles/splitter/_layout.scss +2 -1
  57. package/styles/splitter/_material-dark-definition.scss +4 -1
  58. package/styles/splitter/_material-definition.scss +4 -1
  59. package/styles/splitter/_tailwind-definition.scss +4 -1
  60. package/styles/splitter/_theme.scss +6 -1
  61. package/styles/splitter/bootstrap-dark.css +8 -2
  62. package/styles/splitter/bootstrap.css +8 -2
  63. package/styles/splitter/bootstrap4.css +8 -2
  64. package/styles/splitter/bootstrap5-dark.css +8 -2
  65. package/styles/splitter/bootstrap5.css +8 -2
  66. package/styles/splitter/fabric-dark.css +8 -2
  67. package/styles/splitter/fabric.css +8 -2
  68. package/styles/splitter/highcontrast-light.css +8 -2
  69. package/styles/splitter/highcontrast.css +8 -2
  70. package/styles/splitter/icons/_fluent.scss +39 -0
  71. package/styles/splitter/material-dark.css +8 -2
  72. package/styles/splitter/material.css +8 -2
  73. package/styles/splitter/tailwind-dark.css +8 -2
  74. package/styles/splitter/tailwind.css +8 -2
  75. package/styles/tailwind-dark.css +8 -2
  76. package/styles/tailwind.css +8 -2
@@ -258,6 +258,10 @@ var Splitter = /** @__PURE__ @class */ (function (_super) {
258
258
  };
259
259
  Splitter.prototype.preRender = function () {
260
260
  this.onReportWindowSize = this.reportWindowSize.bind(this);
261
+ this.onMouseMoveHandler = this.onMouseMove.bind(this);
262
+ this.onMouseUpHandler = this.onMouseUp.bind(this);
263
+ this.onTouchMoveHandler = this.onMouseMove.bind(this);
264
+ this.onTouchEndHandler = this.onMouseUp.bind(this);
261
265
  this.wrapper = this.element.cloneNode(true);
262
266
  this.wrapperParent = this.element.parentElement;
263
267
  removeClass([this.wrapper], ['e-control', 'e-lib', ROOT]);
@@ -1074,21 +1078,21 @@ var Splitter = /** @__PURE__ @class */ (function (_super) {
1074
1078
  }
1075
1079
  };
1076
1080
  Splitter.prototype.wireResizeEvents = function () {
1077
- EventHandler.add(document, 'mousemove', this.onMouseMove, this);
1078
- EventHandler.add(document, 'mouseup', this.onMouseUp, this);
1081
+ document.addEventListener('mousemove', this.onMouseMoveHandler, true);
1082
+ document.addEventListener('mouseup', this.onMouseUpHandler, true);
1079
1083
  var touchMoveEvent = (Browser.info.name === 'msie') ? 'pointermove' : 'touchmove';
1080
1084
  var touchEndEvent = (Browser.info.name === 'msie') ? 'pointerup' : 'touchend';
1081
- EventHandler.add(document, touchMoveEvent, this.onMouseMove, this);
1082
- EventHandler.add(document, touchEndEvent, this.onMouseUp, this);
1085
+ document.addEventListener(touchMoveEvent, this.onTouchMoveHandler, true);
1086
+ document.addEventListener(touchEndEvent, this.onTouchEndHandler, true);
1083
1087
  };
1084
1088
  Splitter.prototype.unwireResizeEvents = function () {
1085
1089
  this.element.ownerDocument.defaultView.removeEventListener('resize', this.onReportWindowSize);
1086
1090
  var touchMoveEvent = (Browser.info.name === 'msie') ? 'pointermove' : 'touchmove';
1087
1091
  var touchEndEvent = (Browser.info.name === 'msie') ? 'pointerup' : 'touchend';
1088
- EventHandler.remove(document, 'mousemove', this.onMouseMove);
1089
- EventHandler.remove(document, 'mouseup', this.onMouseUp);
1090
- EventHandler.remove(document, touchMoveEvent, this.onMouseMove);
1091
- EventHandler.remove(document, touchEndEvent, this.onMouseUp);
1092
+ document.removeEventListener('mousemove', this.onMouseMoveHandler, true);
1093
+ document.removeEventListener('mouseup', this.onMouseUpHandler, true);
1094
+ document.removeEventListener(touchMoveEvent, this.onTouchMoveHandler, true);
1095
+ document.removeEventListener(touchEndEvent, this.onTouchEndHandler, true);
1092
1096
  };
1093
1097
  Splitter.prototype.wireClickEvents = function () {
1094
1098
  EventHandler.add(this.currentSeparator, 'touchstart click', this.clickHandler, this);
@@ -2895,10 +2899,6 @@ var DashboardLayout = /** @__PURE__ @class */ (function (_super) {
2895
2899
  currentX = this.getMaxWidth(panelModel) - this.elementWidth;
2896
2900
  this.mOffX = dX - currentX;
2897
2901
  }
2898
- else if (this.elementX + this.elementWidth + dX > this.maxLeft) {
2899
- currentX = this.maxLeft - this.elementX - this.elementWidth;
2900
- this.mOffX = dX - currentX;
2901
- }
2902
2902
  this.elementWidth += currentX;
2903
2903
  }
2904
2904
  el.style.top = this.elementY + 'px';
@@ -3138,7 +3138,6 @@ var DashboardLayout = /** @__PURE__ @class */ (function (_super) {
3138
3138
  var row = parseInt(ele.getAttribute('data-row'), 10);
3139
3139
  var col = parseInt(ele.getAttribute('data-col'), 10);
3140
3140
  this.panelPropertyChange(cellInstance, { row: row, col: col });
3141
- this.updatePanelLayout(ele, cellInstance);
3142
3141
  this.setHeightAndWidth(ele, this.getCellInstance(ele.id));
3143
3142
  this.setPanelPosition(ele, row, col);
3144
3143
  this.updateRowHeight();