@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.
- package/.github/PULL_REQUEST_TEMPLATE/Bug.md +41 -0
- package/.github/PULL_REQUEST_TEMPLATE/Feature.md +27 -0
- package/CHANGELOG.md +2 -8
- package/dist/ej2-layouts.umd.min.js +2 -2
- package/dist/ej2-layouts.umd.min.js.map +1 -1
- package/dist/es6/ej2-layouts.es2015.js +12 -13
- package/dist/es6/ej2-layouts.es2015.js.map +1 -1
- package/dist/es6/ej2-layouts.es5.js +12 -13
- package/dist/es6/ej2-layouts.es5.js.map +1 -1
- package/dist/global/ej2-layouts.min.js +2 -2
- package/dist/global/ej2-layouts.min.js.map +1 -1
- package/dist/global/index.d.ts +1 -1
- package/package.json +6 -6
- package/src/dashboard-layout/dashboard-layout.js +0 -5
- package/src/splitter/splitter.d.ts +4 -0
- package/src/splitter/splitter.js +12 -8
- package/styles/avatar/_fluent-definition.scss +25 -0
- package/styles/avatar/_layout.scss +5 -5
- package/styles/bootstrap-dark.css +8 -2
- package/styles/bootstrap.css +8 -2
- package/styles/bootstrap4.css +8 -2
- package/styles/bootstrap5-dark.css +8 -2
- package/styles/bootstrap5.css +8 -2
- package/styles/card/_bootstrap-dark-definition.scss +1 -0
- package/styles/card/_bootstrap-definition.scss +1 -0
- package/styles/card/_bootstrap5-definition.scss +1 -0
- package/styles/card/_fabric-dark-definition.scss +1 -0
- package/styles/card/_fabric-definition.scss +1 -0
- package/styles/card/_fluent-definition.scss +124 -0
- package/styles/card/_highcontrast-definition.scss +1 -0
- package/styles/card/_highcontrast-light-definition.scss +1 -0
- package/styles/card/_material-dark-definition.scss +1 -0
- package/styles/card/_material-definition.scss +1 -0
- package/styles/card/_tailwind-definition.scss +1 -0
- package/styles/card/_theme.scss +11 -0
- package/styles/dashboard-layout/_fluent-definition.scss +112 -0
- package/styles/dashboard-layout/_layout.scss +1 -1
- package/styles/dashboard-layout/_theme.scss +1 -1
- package/styles/dashboard-layout/icons/_bootstrap5.scss +1 -1
- package/styles/dashboard-layout/icons/_fluent.scss +81 -0
- package/styles/fabric-dark.css +8 -2
- package/styles/fabric.css +8 -2
- package/styles/highcontrast-light.css +8 -2
- package/styles/highcontrast.css +8 -2
- package/styles/material-dark.css +8 -2
- package/styles/material.css +8 -2
- package/styles/splitter/_bootstrap-dark-definition.scss +4 -1
- package/styles/splitter/_bootstrap-definition.scss +4 -1
- package/styles/splitter/_bootstrap4-definition.scss +4 -1
- package/styles/splitter/_bootstrap5-definition.scss +4 -1
- package/styles/splitter/_fabric-dark-definition.scss +4 -1
- package/styles/splitter/_fabric-definition.scss +4 -1
- package/styles/splitter/_fluent-definition.scss +28 -0
- package/styles/splitter/_highcontrast-definition.scss +4 -1
- package/styles/splitter/_highcontrast-light-definition.scss +4 -1
- package/styles/splitter/_layout.scss +2 -1
- package/styles/splitter/_material-dark-definition.scss +4 -1
- package/styles/splitter/_material-definition.scss +4 -1
- package/styles/splitter/_tailwind-definition.scss +4 -1
- package/styles/splitter/_theme.scss +6 -1
- package/styles/splitter/bootstrap-dark.css +8 -2
- package/styles/splitter/bootstrap.css +8 -2
- package/styles/splitter/bootstrap4.css +8 -2
- package/styles/splitter/bootstrap5-dark.css +8 -2
- package/styles/splitter/bootstrap5.css +8 -2
- package/styles/splitter/fabric-dark.css +8 -2
- package/styles/splitter/fabric.css +8 -2
- package/styles/splitter/highcontrast-light.css +8 -2
- package/styles/splitter/highcontrast.css +8 -2
- package/styles/splitter/icons/_fluent.scss +39 -0
- package/styles/splitter/material-dark.css +8 -2
- package/styles/splitter/material.css +8 -2
- package/styles/splitter/tailwind-dark.css +8 -2
- package/styles/splitter/tailwind.css +8 -2
- package/styles/tailwind-dark.css +8 -2
- 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
|
-
|
1078
|
-
|
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
|
-
|
1082
|
-
|
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
|
-
|
1089
|
-
|
1090
|
-
|
1091
|
-
|
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();
|