@syncfusion/ej2-layouts 21.1.35 → 21.2.3
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/dist/ej2-layouts.min.js +1 -1
- package/dist/ej2-layouts.umd.min.js +1 -1
- package/dist/ej2-layouts.umd.min.js.map +1 -1
- package/dist/es6/ej2-layouts.es2015.js +18 -13
- package/dist/es6/ej2-layouts.es2015.js.map +1 -1
- package/dist/es6/ej2-layouts.es5.js +15 -10
- package/dist/es6/ej2-layouts.es5.js.map +1 -1
- package/dist/global/ej2-layouts.min.js +1 -1
- package/dist/global/ej2-layouts.min.js.map +1 -1
- package/dist/global/index.d.ts +1 -1
- package/package.json +7 -10
- package/src/dashboard-layout/dashboard-layout.js +15 -11
@@ -2586,7 +2586,8 @@ var DashboardLayout = /** @__PURE__ @class */ (function (_super) {
|
|
2586
2586
|
for (var i = 0; i < this.panels.length; i++) {
|
2587
2587
|
var panelElement = this.element.querySelector('#' + this.panels[i].id);
|
2588
2588
|
this.setMinMaxValues(this.panels[i]);
|
2589
|
-
if (this.maxColumnValue < this.panels[i].col ||
|
2589
|
+
if (this.maxColumnValue < this.panels[i].col ||
|
2590
|
+
this.maxColumnValue < (this.panels[i].col + this.panels[i].sizeX)) {
|
2590
2591
|
var colValue = this.maxColumnValue - this.panels[i].sizeX;
|
2591
2592
|
this.panelPropertyChange(this.panels[i], { col: colValue < 0 ? 0 : colValue });
|
2592
2593
|
}
|
@@ -2690,7 +2691,6 @@ var DashboardLayout = /** @__PURE__ @class */ (function (_super) {
|
|
2690
2691
|
}
|
2691
2692
|
return element;
|
2692
2693
|
};
|
2693
|
-
// eslint-disable-next-line
|
2694
2694
|
DashboardLayout.prototype.templateParser = function (template) {
|
2695
2695
|
if (template) {
|
2696
2696
|
try {
|
@@ -2709,7 +2709,6 @@ var DashboardLayout = /** @__PURE__ @class */ (function (_super) {
|
|
2709
2709
|
return undefined;
|
2710
2710
|
};
|
2711
2711
|
DashboardLayout.prototype.renderTemplate = function (content, appendElement, type, isStringTemplate, prop) {
|
2712
|
-
// eslint-disable-next-line
|
2713
2712
|
var templateFn = this.templateParser(content);
|
2714
2713
|
var templateElements = [];
|
2715
2714
|
if ((content[0] === '.' || content[0] === '#') &&
|
@@ -3227,6 +3226,7 @@ var DashboardLayout = /** @__PURE__ @class */ (function (_super) {
|
|
3227
3226
|
else {
|
3228
3227
|
if (this.element.classList.contains(responsive)) {
|
3229
3228
|
removeClass([this.element], [responsive]);
|
3229
|
+
// eslint-disable-next-line
|
3230
3230
|
var internalPanels = this.element.querySelectorAll(((this.element.id) ? '#' + this.element.id + ' > ' : '') + '.e-panel');
|
3231
3231
|
for (var i = 0; i < internalPanels.length; i++) {
|
3232
3232
|
var ele = internalPanels[i];
|
@@ -3469,7 +3469,8 @@ var DashboardLayout = /** @__PURE__ @class */ (function (_super) {
|
|
3469
3469
|
for (var j = 0; j < cells.length; j++) {
|
3470
3470
|
this.gridPanelCollection.push(cells[j]);
|
3471
3471
|
this.setMinMaxValues(cells[j]);
|
3472
|
-
if (this.maxColumnValue < cells[j].col ||
|
3472
|
+
if (this.maxColumnValue < cells[j].col ||
|
3473
|
+
this.maxColumnValue < (cells[j].col + cells[j].sizeX)) {
|
3473
3474
|
this.panelPropertyChange(cells[j], { col: this.maxColumnValue - cells[j].sizeX });
|
3474
3475
|
}
|
3475
3476
|
var cell = this.renderCell(cells[j], false, j);
|
@@ -3933,7 +3934,8 @@ var DashboardLayout = /** @__PURE__ @class */ (function (_super) {
|
|
3933
3934
|
}
|
3934
3935
|
var isSwappable = false;
|
3935
3936
|
for (var count1 = 0; count1 < collisions.length; count1++) {
|
3936
|
-
if (collisions.length >= 1 && this.cloneObject[this.mainElement.id] &&
|
3937
|
+
if (collisions.length >= 1 && this.cloneObject[this.mainElement.id] &&
|
3938
|
+
this.cloneObject[this.mainElement.id].row === this.oldRowCol[this.mainElement.id].row) {
|
3937
3939
|
return false;
|
3938
3940
|
}
|
3939
3941
|
}
|
@@ -4278,7 +4280,7 @@ var DashboardLayout = /** @__PURE__ @class */ (function (_super) {
|
|
4278
4280
|
};
|
4279
4281
|
DashboardLayout.prototype.setResizingClass = function (ele, container) {
|
4280
4282
|
this.availableClasses = this.resizableHandles;
|
4281
|
-
if (!ele.querySelector(
|
4283
|
+
if (!ele.querySelector('.e-resize')) {
|
4282
4284
|
for (var j = 0; j < this.availableClasses.length; j++) {
|
4283
4285
|
var spanEle = this.createElement('span');
|
4284
4286
|
var addClassValue = void 0;
|
@@ -4346,7 +4348,8 @@ var DashboardLayout = /** @__PURE__ @class */ (function (_super) {
|
|
4346
4348
|
for (var i = 0; i < this.panels.length; i++) {
|
4347
4349
|
if (((!isNullOrUndefined(added) ? (this.panels[i].id !== added[0].id) : true) &&
|
4348
4350
|
(!isNullOrUndefined(removed) ? (this.panels[i].id !== removed[0].id) : true)) &&
|
4349
|
-
(this.panels[i].row !== this.panelsInitialModel[i].row ||
|
4351
|
+
(this.panels[i].row !== this.panelsInitialModel[i].row ||
|
4352
|
+
this.panels[i].col !== this.panelsInitialModel[i].col)) {
|
4350
4353
|
changedPanels.push(this.panels[i]);
|
4351
4354
|
}
|
4352
4355
|
}
|
@@ -4487,6 +4490,7 @@ var DashboardLayout = /** @__PURE__ @class */ (function (_super) {
|
|
4487
4490
|
};
|
4488
4491
|
DashboardLayout.prototype.onDraggingStart = function (args) {
|
4489
4492
|
var dragArgs = args;
|
4493
|
+
// eslint-disable-next-line
|
4490
4494
|
this.trigger('dragStart', dragArgs, function (dragArgs) {
|
4491
4495
|
if (isNullOrUndefined(args.cancel)) {
|
4492
4496
|
args.cancel = false;
|
@@ -4827,9 +4831,10 @@ var DashboardLayout = /** @__PURE__ @class */ (function (_super) {
|
|
4827
4831
|
var customObject = [];
|
4828
4832
|
for (var i = 0; i < cloneModel.length; i++) {
|
4829
4833
|
customObject.push({
|
4830
|
-
id: cloneModel[i].id, row: cloneModel[i].row, col: cloneModel[i].col,
|
4831
|
-
|
4832
|
-
|
4834
|
+
id: cloneModel[i].id, row: cloneModel[i].row, col: cloneModel[i].col,
|
4835
|
+
sizeX: cloneModel[i].sizeX, sizeY: cloneModel[i].sizeY, minSizeX: cloneModel[i].minSizeX,
|
4836
|
+
minSizeY: cloneModel[i].minSizeY, maxSizeX: cloneModel[i].maxSizeX,
|
4837
|
+
maxSizeY: cloneModel[i].maxSizeY
|
4833
4838
|
});
|
4834
4839
|
}
|
4835
4840
|
return (customObject);
|