devexpress-diagram 2.2.13 → 2.2.14

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 (8) hide show
  1. package/dist/dx-diagram.css +3 -3
  2. package/dist/dx-diagram.js +69 -49
  3. package/dist/dx-diagram.min.css +3 -3
  4. package/dist/dx-diagram.min.js +1 -1
  5. package/dist/dx-diagram.min.js.LICENSE.txt +3 -3
  6. package/dist/lib/package.json +1 -1
  7. package/dist/lib/src/Data/DocumentDataSource.ts +114 -88
  8. package/package.json +1 -1
package/dist/dx-diagram.css CHANGED
@@ -1,9 +1,9 @@
1
1
  /*!
2
2
  * DevExpress Diagram (dx-diagram)
3
- * Version: 2.2.13
4
- * Build date: Mon Nov 11 2024
3
+ * Version: 2.2.14
4
+ * Build date: Tue Jan 07 2025
5
5
  *
6
- * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
6
+ * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
7
7
  * Read about DevExpress licensing here: https://www.devexpress.com/Support/EULAs
8
8
  */
9
9
  .dxdi-control{overflow:visible;box-sizing:border-box;position:relative}.dxdi-control.dxdi-read-only .dxdi-canvas.dxdi-drag-scroll{cursor:grab !important}.dxdi-control.dxdi-read-only .dxdi-canvas.dxdi-drag-scroll .shape,.dxdi-control.dxdi-read-only .dxdi-canvas.dxdi-drag-scroll .shape-expand-btn,.dxdi-control.dxdi-read-only .dxdi-canvas.dxdi-drag-scroll text{cursor:grab}.dxdi-control.dxdi-read-only .dxdi-canvas .shape,.dxdi-control.dxdi-read-only .dxdi-canvas .shape-expand-btn,.dxdi-control.dxdi-read-only .dxdi-canvas text{cursor:default}.dxdi-control .dxdi-canvas{display:block;background-color:#d9d9d9;transform-origin:0 0;overflow:hidden}.dxdi-canvas.dxdi-drag-scroll{cursor:grab !important}.dxdi-canvas.dxdi-drag-scroll .shape,.dxdi-canvas.dxdi-drag-scroll .shape .shape-expand-btn,.dxdi-canvas.dxdi-drag-scroll .connector,.dxdi-canvas.dxdi-drag-scroll .connection-point,.dxdi-canvas.dxdi-drag-scroll .connector text,.dxdi-canvas.dxdi-drag-scroll .connector-side-mark.vertical,.dxdi-canvas.dxdi-drag-scroll .connector-side-mark.horizontal,.dxdi-canvas.dxdi-drag-scroll .selection-mark[data-type="9"][data-value="1"],.dxdi-canvas.dxdi-drag-scroll .selection-mark[data-type="9"][data-value="2"],.dxdi-canvas.dxdi-drag-scroll .selection-mark[data-type="9"][data-value="3"],.dxdi-canvas.dxdi-drag-scroll .selection-mark[data-type="9"][data-value="4"],.dxdi-canvas.dxdi-drag-scroll .selection-mark[data-type="9"][data-value="5"],.dxdi-canvas.dxdi-drag-scroll .selection-mark[data-type="9"][data-value="6"],.dxdi-canvas.dxdi-drag-scroll .selection-mark[data-type="9"][data-value="7"],.dxdi-canvas.dxdi-drag-scroll .selection-mark[data-type="9"][data-value="8"],.dxdi-canvas.dxdi-drag-scroll .selection-mark[data-type="4"],.dxdi-canvas.dxdi-drag-scroll .selection-mark[data-type="5"]{cursor:grab}.dxdi-canvas *{user-select:none}.dxdi-canvas text{font-family:arial,helvetica,sans-serif;font-size:10pt}.dxdi-canvas .page{fill:white}.dxdi-canvas .pages-grid-line{fill:none;stroke:rgba(0,0,0,0.15);stroke-dasharray:8;stroke-width:2}.dxdi-canvas .grid-outer-line,.dxdi-canvas .grid-inner-line{fill:none}.dxdi-canvas .grid-outer-line{stroke:rgba(0,0,0,0.1)}.dxdi-canvas .grid-inner-line{stroke:rgba(0,0,0,0.05)}.dxdi-canvas .shape,.dxdi-canvas .toolbox-item{pointer-events:bounding-box}.dxdi-canvas .shape rect,.dxdi-canvas .shape path,.dxdi-canvas .shape line,.dxdi-canvas .shape ellipse,.dxdi-canvas .toolbox-item rect,.dxdi-canvas .toolbox-item path,.dxdi-canvas .toolbox-item line,.dxdi-canvas .toolbox-item ellipse{fill:#fff;stroke-width:2;stroke:#000}.dxdi-canvas .shape text,.dxdi-canvas .toolbox-item text{fill:#000;text-anchor:middle}.dxdi-canvas .shape rect.selector,.dxdi-canvas .toolbox-item rect.selector{stroke-width:48;stroke:transparent;fill:transparent;pointer-events:initial}.dxdi-canvas .shape.not-valid rect,.dxdi-canvas .shape.not-valid path,.dxdi-canvas .shape.not-valid line,.dxdi-canvas .shape.not-valid ellipse{stroke:red !important}.dxdi-canvas .shape{cursor:move}.dxdi-canvas .shape.text-input>text{display:none}.dxdi-canvas .shape.container>rect:first-child{fill:transparent}.dxdi-canvas .shape .shape-expand-btn{cursor:pointer}.dxdi-canvas .shape .shape-expand-btn>rect,.dxdi-canvas .shape .shape-expand-btn>path{stroke-dasharray:initial !important}.dxdi-canvas .shape .shape-expand-btn>path{stroke-width:2 !important}.dxdi-canvas .shape .dxdi-image .dxdi-spinner{animation:loading-spinner 1s linear infinite}.dxdi-canvas .shape .dxdi-image .dxdi-spinner ellipse{stroke:#000;stroke-opacity:0.2}.dxdi-canvas .shape .dxdi-image .dxdi-spinner path{stroke:#fd7010;stroke-linecap:round}.dxdi-canvas .shape .dxdi-image .dxdi-spinner ellipse,.dxdi-canvas .shape .dxdi-image .dxdi-spinner path{fill:none;stroke-width:5}@keyframes loading-spinner{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.dxdi-canvas .shape .dxdi-image .dxdi-user .dxdi-background{fill:#000;opacity:0.2;stroke:none}.dxdi-canvas .shape .dxdi-image .dxdi-user ellipse,.dxdi-canvas .shape .dxdi-image .dxdi-user path{fill:#fff;stroke:none}.dxdi-canvas .shape .dxdi-image .dxdi-warning ellipse{stroke:none;fill:#ee1616}.dxdi-canvas .shape .dxdi-image .dxdi-warning rect{stroke:none;fill:#fff}.dxdi-canvas .shape.locked,.dxdi-canvas .shape.locked+.container-children .shape{cursor:inherit !important}.dxdi-canvas .shape.locked .shape-expand-btn,.dxdi-canvas .shape.locked+.container-children .shape .shape-expand-btn{cursor:inherit !important}.dxdi-canvas .container-children .shape .selector{stroke-width:8}.dxdi-canvas .toolbox-item{cursor:pointer}.dxdi-canvas .toolbox-item .selector{stroke-width:0 !important}.dxdi-canvas .connector path,.dxdi-canvas .connector line{stroke-width:2;stroke:#000;stroke-linejoin:round;pointer-events:stroke}.dxdi-canvas .connector path:not(.outlined-line-ending):not(.filled-line-ending){fill:none !important}.dxdi-canvas .connector path.outlined-line-ending{fill:#fff}.dxdi-canvas .connector path.filled-line-ending{fill:#000}.dxdi-canvas .connector path.selector,.dxdi-canvas .connector line.selector{stroke-width:16;stroke:transparent}.dxdi-canvas .connector text{cursor:move;fill:#000;text-anchor:middle}.dxdi-canvas .connector .text-filter-flood{flood-color:#fff}.dxdi-canvas .connector.not-valid path,.dxdi-canvas .connector.not-valid line{stroke:red !important}.dxdi-canvas .connector.can-move{cursor:move}.dxdi-canvas .selection-mark,.dxdi-canvas .geometry-mark,.dxdi-canvas .connection-point,.dxdi-canvas .connection-mark,.dxdi-canvas .connector-point-mark,.dxdi-canvas .connector-side-mark{fill:#fff;stroke-width:2}.dxdi-canvas .selection-mark{stroke:#1e90ff}.dxdi-canvas .selection-mark[data-type="9"][data-value="1"]{cursor:nw-resize}.dxdi-canvas .selection-mark[data-type="9"][data-value="2"]{cursor:ne-resize}.dxdi-canvas .selection-mark[data-type="9"][data-value="3"]{cursor:se-resize}.dxdi-canvas .selection-mark[data-type="9"][data-value="4"]{cursor:sw-resize}.dxdi-canvas .selection-mark[data-type="9"][data-value="5"]{cursor:n-resize}.dxdi-canvas .selection-mark[data-type="9"][data-value="6"]{cursor:e-resize}.dxdi-canvas .selection-mark[data-type="9"][data-value="7"]{cursor:s-resize}.dxdi-canvas .selection-mark[data-type="9"][data-value="8"]{cursor:w-resize}.dxdi-canvas .selection-mark[data-type="4"],.dxdi-canvas .selection-mark[data-type="5"]{cursor:move}.dxdi-canvas .locked-selection-mark{fill:#fff;stroke-width:1;stroke:#666}.dxdi-canvas .geometry-mark{cursor:pointer;stroke:#daa520}.dxdi-canvas .container-target,.dxdi-canvas .connection-target{fill:transparent;stroke:orchid;stroke-width:2;pointer-events:none}.dxdi-canvas .connection-point{cursor:crosshair;stroke:orchid}.dxdi-canvas .connection-point.not-valid{stroke:grey !important;display:none}.dxdi-canvas .connection-mark{cursor:crosshair;stroke:orchid}.dxdi-canvas .connection-point.selector,.dxdi-canvas .connection-mark.selector{stroke-width:10px;stroke:transparent;fill:transparent}.dxdi-canvas .connection-point.active{fill:orchid}.dxdi-canvas .connection-mark.active{fill:orchid}.dxdi-canvas .connector-point-mark,.dxdi-canvas .connector-side-mark{cursor:move;stroke:#1e90ff}.dxdi-canvas .connector-point-mark.disabled{cursor:default;display:none}.dxdi-canvas .connector-side-mark{fill:#1e90ff}.dxdi-canvas .connector-side-mark.vertical{cursor:col-resize}.dxdi-canvas .connector-side-mark.horizontal{cursor:row-resize}.dxdi-canvas .item-selection-rect,.dxdi-canvas .items-selection-rect{fill:transparent;stroke-width:1;stroke:#1e90ff;stroke-dasharray:2px;pointer-events:none}.dxdi-canvas .items-selection-rect{fill:rgba(30,144,255,0.02)}.dxdi-canvas .item-multi-selection-rect{fill:rgba(30,144,255,0.02);stroke-width:1;stroke:#1e90ff;pointer-events:none}.dxdi-canvas .selection-rect{fill:rgba(30,144,255,0.2);stroke-width:1;stroke:#1e90ff;pointer-events:none}.dxdi-canvas .connector-selection,.dxdi-canvas .connector-multi-selection{fill:transparent;stroke-width:1;stroke:#1e90ff;pointer-events:none}.dxdi-canvas .connector-selection.text,.dxdi-canvas .connector-multi-selection.text{fill:transparent;stroke-width:1}.dxdi-canvas .connector-selection{stroke-dasharray:2px}.dxdi-canvas .connector-selection-mask rect{fill:black}.dxdi-canvas .connector-selection-mask rect.background{fill:white}.dxdi-canvas .connector-selection-mask path,.dxdi-canvas .connector-selection-mask line{fill:white;stroke:black;stroke-width:4}.dxdi-canvas .connector-selection-mask text{text-anchor:middle}.dxdi-canvas .extension-line path{stroke:#1e90ff;stroke-width:1}.dxdi-canvas .extension-line path.size-line{stroke-dasharray:4px}.dxdi-canvas .extension-line text{fill:#1e90ff;font-size:0.8em;text-anchor:middle}.dxdi-canvas .extension-line.center>path.size-line,.dxdi-canvas .extension-line.page>path.size-line{stroke-dasharray:0}.dxdi-canvas .extension-line:not(.center)>path:not(:first-child){display:none}.dxdi-canvas .resize-info text{fill:rgba(0,0,0,0.8);font-size:0.8em;text-anchor:middle}.dxdi-canvas .resize-info rect{fill:#fff;stroke:rgba(0,0,0,0.3);stroke-width:1}.dxdi-canvas .dxdi-active-selection .shape{cursor:default}.dxdi-control:not(.focused) .dxdi-canvas .selection-mark{stroke:#666}.dxdi-control:not(.focused) .dxdi-canvas .geometry-mark{stroke:#666}.dxdi-control:not(.focused) .dxdi-canvas .item-selection-rect,.dxdi-control:not(.focused) .dxdi-canvas .items-selection-rect{fill:transparent;stroke:#666}.dxdi-control:not(.focused) .dxdi-canvas .items-selection-rect{fill:rgba(144,144,144,0.02)}.dxdi-control:not(.focused) .dxdi-canvas .item-multi-selection-rect{fill:rgba(144,144,144,0.02);stroke:#666}.dxdi-control:not(.focused) .dxdi-canvas .connection-point,.dxdi-control:not(.focused) .dxdi-canvas .connection-point.selector,.dxdi-control:not(.focused) .dxdi-canvas .connection-mark,.dxdi-control:not(.focused) .dxdi-canvas .connection-mark.selector{display:none}.dxdi-control:not(.focused) .dxdi-canvas .connector-selection,.dxdi-control:not(.focused) .dxdi-canvas .connector-multi-selection{stroke:#666}.dxdi-control:not(.focused) .dxdi-canvas .connector-point-mark,.dxdi-control:not(.focused) .dxdi-canvas .connector-side-mark{stroke:#666}.dxdi-control:not(.focused) .dxdi-canvas .connector-side-mark{fill:#666}.dxdi-dragging,.dxdi-dragging *{user-select:none}.dxdi-canvas.export *{cursor:inherit !important;pointer-events:all !important}.dxdi-touch-action{touch-action:none}.dxdi-toolbox,.dxdi-toolbox svg{user-select:none;outline:none}.dxdi-toolbox,.dxdi-toolbox .dxdi-canvas,.dxdi-toolbox-drag-item .dxdi-canvas{width:100%;height:100%}.dxdi-toolbox .dxdi-canvas .toolbox-item rect,.dxdi-toolbox .dxdi-canvas .toolbox-item path,.dxdi-toolbox .dxdi-canvas .toolbox-item line,.dxdi-toolbox .dxdi-canvas .toolbox-item ellipse{fill:transparent;stroke:currentColor}.dxdi-toolbox .dxdi-canvas .toolbox-item .dxdi-image-placeholder{opacity:0.75;fill:currentColor;stroke:none}.dxdi-toolbox .dxdi-canvas .toolbox-item .dxdi-shape-text{opacity:0.25}.dxdi-toolbox .dxdi-canvas .toolbox-item text,.dxdi-toolbox-drag-item .dxdi-canvas text{font-weight:bold;font-family:"Segoe UI", "Helvetica Neue", Helvetica, arial, sans-serif;fill:currentColor}.dxdi-toolbox-drag-item .dxdi-canvas .dxdi-image-placeholder{opacity:0.75;fill:currentColor;stroke:none}.dxdi-toolbox-drag-item .dxdi-canvas .dxdi-shape-text{display:none}.dxdi-toolbox .toolbox-text-item{cursor:pointer;user-select:none;margin:0 0 0.6em}.dxdi-toolbox-drag-item,.dxdi-toolbox-drag-text-item{font-family:arial,helvetica,sans-serif;font-size:10pt;color:#000;position:absolute;z-index:10000;pointer-events:none !important}.dxdi-toolbox-drag-item *,.dxdi-toolbox-drag-text-item *{pointer-events:none !important}.dxdi-toolbox-drag-item text{pointer-events:none}.dxdi-toolbox-drag-text-item{background-color:#fff;border:2px solid #000;padding:0.5em}.dxdi-tb-drag-captured{display:none}.dxdi-focus-input,.dxdi-text-input-container,.dxdi-text-input{padding:0;outline:none;border:none;resize:none}.dxdi-clipboard-input,.dxdi-focus-input{position:absolute;overflow:hidden;left:-1000px !important;top:-1000px !important;opacity:0;z-index:-100;font-size:16px}.dxdi-text-input-container{display:none}.dxdi-text-input-container.shape-text,.dxdi-text-input-container.connector-text{display:inherit;position:absolute;overflow:hidden;background-color:transparent;transform-origin:0 0}.dxdi-text-input-container.shape-text .dxdi-text-input{display:table-cell;overflow:hidden;padding:1px 0 0;outline:none;background-color:transparent;font-family:arial,helvetica,sans-serif;font-size:10pt;color:#000;line-height:1.1em;text-align:center;vertical-align:middle}.dxdi-text-input-container.connector-text{overflow:visible}.dxdi-text-input-container.connector-text .dxdi-text-input{padding:2px;outline:none;height:calc(1.1em + 6px);width:calc(8em + 6px);margin-top:calc(-0.55em - 3px);margin-left:calc(-4em - 3px);background-color:#fff;border:1px solid #1e90ff;font-family:arial,helvetica,sans-serif;font-size:10pt;color:#000;line-height:1.1em;text-align:center;vertical-align:middle;overflow:hidden}.dxdi-page-shadow{fill:#808080}
package/dist/dx-diagram.js CHANGED
@@ -1,9 +1,9 @@
1
1
  /*!
2
2
  * DevExpress Diagram (dx-diagram)
3
- * Version: 2.2.13
4
- * Build date: Mon Nov 11 2024
3
+ * Version: 2.2.14
4
+ * Build date: Tue Jan 07 2025
5
5
  *
6
- * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
6
+ * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
7
7
  * Read about DevExpress licensing here: https://www.devexpress.com/Support/EULAs
8
8
  */
9
9
  (function webpackUniversalModuleDefinition(root, factory) {
@@ -9789,18 +9789,59 @@ var DocumentDataSource = (function (_super) {
9789
9789
  DocumentDataSource.prototype.updateItemsByModel = function (model) {
9790
9790
  var _this = this;
9791
9791
  this.beginChangesNotification();
9792
- this.deleteNodes(model);
9793
- this.deleteEdges(model);
9792
+ var nodeNotifications = {
9793
+ inserts: [],
9794
+ updates: [],
9795
+ deletes: []
9796
+ };
9797
+ this.deleteNodes(model, nodeNotifications);
9798
+ model.items.forEach(function (item) {
9799
+ if (item instanceof Shape_1.Shape)
9800
+ _this.updateNode(model, item, nodeNotifications);
9801
+ });
9794
9802
  model.items.forEach(function (item) {
9795
9803
  if (item instanceof Shape_1.Shape)
9796
- _this.updateNode(model, item);
9804
+ _this.updateNodeObjectConnectedProperties(item, _this.findNode(item.dataKey), _this.changesListener);
9797
9805
  });
9806
+ this.applyDelayedNodeNotifications(nodeNotifications);
9807
+ this.deleteEdges(model);
9798
9808
  model.items.forEach(function (item) {
9799
9809
  if (item instanceof Connector_1.Connector)
9800
9810
  _this.updateEdge(model, item);
9801
9811
  });
9802
9812
  this.endChangesNotification(false);
9803
9813
  };
9814
+ DocumentDataSource.prototype.applyDelayedNodeNotifications = function (notification) {
9815
+ var _this = this;
9816
+ notification.deletes.forEach(function (element) {
9817
+ _this.beginChangesNotification();
9818
+ _this.changesListener.notifyNodeRemoved.call(_this.changesListener, element[0], element[1].dataObj, function (_key, _data) {
9819
+ _this.endChangesNotification(false);
9820
+ }, function (_error) {
9821
+ _this.endChangesNotification(false);
9822
+ });
9823
+ });
9824
+ notification.inserts.forEach(function (element) {
9825
+ _this.beginChangesNotification();
9826
+ _this.beginNodeInserting();
9827
+ _this.changesListener.notifyNodeInserted.call(_this.changesListener, element[1].dataObj, function (data) {
9828
+ _this.updateNodeObjectKey(element[0], element[1], data);
9829
+ _this.endNodeInserting();
9830
+ _this.endChangesNotification(false);
9831
+ }, function (_) {
9832
+ _this.endNodeInserting();
9833
+ _this.endChangesNotification(false);
9834
+ });
9835
+ });
9836
+ notification.updates.forEach(function (element) {
9837
+ _this.beginChangesNotification();
9838
+ _this.changesListener.notifyNodeUpdated.call(_this.changesListener, _this.nodeDataImporter.getKey(element[1].dataObj || element[1].key), element[1].dataObj, function (_key, _data) {
9839
+ _this.endChangesNotification(false);
9840
+ }, function (_error) {
9841
+ _this.endChangesNotification(false);
9842
+ });
9843
+ });
9844
+ };
9804
9845
  DocumentDataSource.prototype.isItemObjectModified = function (item, itemObj, importer) {
9805
9846
  var modified = (importer.setLocked && itemObj.locked !== item.locked) ||
9806
9847
  (importer.setZIndex && itemObj.zIndex !== item.zIndex) ||
@@ -9865,8 +9906,7 @@ var DocumentDataSource = (function (_super) {
9865
9906
  }
9866
9907
  });
9867
9908
  };
9868
- DocumentDataSource.prototype.updateNode = function (model, shape) {
9869
- var _this = this;
9909
+ DocumentDataSource.prototype.updateNode = function (model, shape, notifications) {
9870
9910
  var nodeObj = this.findNode(shape.dataKey);
9871
9911
  if (!nodeObj) {
9872
9912
  var dataObj = {};
@@ -9878,26 +9918,12 @@ var DocumentDataSource = (function (_super) {
9878
9918
  this.updateNodeObjectProperties(shape, nodeObj, model.units);
9879
9919
  this.updateNodeObjectConnectedProperties(shape, nodeObj);
9880
9920
  this.updateNodeObjectKey(shape, nodeObj, nodeObj.dataObj);
9881
- this.beginChangesNotification();
9882
- this.beginNodeInserting();
9883
- this.changesListener.notifyNodeInserted.call(this.changesListener, nodeObj.dataObj, function (data) {
9884
- _this.updateNodeObjectKey(shape, nodeObj, data);
9885
- _this.endNodeInserting();
9886
- _this.endChangesNotification(false);
9887
- }, function (error) {
9888
- _this.endNodeInserting();
9889
- _this.endChangesNotification(false);
9890
- });
9921
+ notifications.inserts.push([shape, nodeObj]);
9891
9922
  }
9892
9923
  else if (this.isNodeObjectModified(shape, nodeObj, model.units)) {
9893
9924
  this.updateNodeObjectProperties(shape, nodeObj, model.units);
9894
9925
  this.updateNodeObjectConnectedProperties(shape, nodeObj);
9895
- this.beginChangesNotification();
9896
- this.changesListener.notifyNodeUpdated.call(this.changesListener, this.nodeDataImporter.getKey(nodeObj.dataObj || nodeObj.key), nodeObj.dataObj, function (key, data) {
9897
- _this.endChangesNotification(false);
9898
- }, function (error) {
9899
- _this.endChangesNotification(false);
9900
- });
9926
+ notifications.updates.push([shape, nodeObj]);
9901
9927
  }
9902
9928
  else
9903
9929
  this.updateNodeObjectConnectedProperties(shape, nodeObj, this.changesListener);
@@ -9994,9 +10020,9 @@ var DocumentDataSource = (function (_super) {
9994
10020
  DocumentDataSource.prototype.updateNodeObjectParentKeyInternal = function (nodeObj, changesListener) {
9995
10021
  var _this = this;
9996
10022
  this.beginChangesNotification();
9997
- changesListener.notifyNodeUpdated.call(changesListener, this.nodeDataImporter.getKey(nodeObj.dataObj) || nodeObj.key, nodeObj.dataObj, function (key, data) {
10023
+ changesListener.notifyNodeUpdated.call(changesListener, this.nodeDataImporter.getKey(nodeObj.dataObj) || nodeObj.key, nodeObj.dataObj, function (_key, _data) {
9998
10024
  _this.endChangesNotification(false);
9999
- }, function (error) {
10025
+ }, function (_error) {
10000
10026
  _this.endChangesNotification(false);
10001
10027
  });
10002
10028
  };
@@ -10015,9 +10041,9 @@ var DocumentDataSource = (function (_super) {
10015
10041
  DocumentDataSource.prototype.updateNodeObjectContainerOrParentKeyInternal = function (nodeObj, changesListener) {
10016
10042
  var _this = this;
10017
10043
  this.beginChangesNotification();
10018
- changesListener.notifyNodeUpdated.call(changesListener, this.nodeDataImporter.getKey(nodeObj.dataObj) || nodeObj.key, nodeObj.dataObj, function (key, data) {
10044
+ changesListener.notifyNodeUpdated.call(changesListener, this.nodeDataImporter.getKey(nodeObj.dataObj) || nodeObj.key, nodeObj.dataObj, function (_key, _data) {
10019
10045
  _this.endChangesNotification(false);
10020
- }, function (error) {
10046
+ }, function (_error) {
10021
10047
  _this.endChangesNotification(false);
10022
10048
  });
10023
10049
  };
@@ -10040,9 +10066,9 @@ var DocumentDataSource = (function (_super) {
10040
10066
  nodeObj.parentDataObj = parentNodeObj && parentNodeObj.dataObj;
10041
10067
  if (changesListener) {
10042
10068
  this.beginChangesNotification();
10043
- changesListener.notifyNodeUpdated.call(changesListener, this.nodeDataImporter.getKey(nodeObj.dataObj) || nodeObj.key, nodeObj.dataObj, function (key, data) {
10069
+ changesListener.notifyNodeUpdated.call(changesListener, this.nodeDataImporter.getKey(nodeObj.dataObj) || nodeObj.key, nodeObj.dataObj, function (_key, _data) {
10044
10070
  _this.endChangesNotification(false);
10045
- }, function (error) {
10071
+ }, function (_error) {
10046
10072
  _this.endChangesNotification(false);
10047
10073
  });
10048
10074
  }
@@ -10063,9 +10089,9 @@ var DocumentDataSource = (function (_super) {
10063
10089
  nodeObj.containerDataObj = containerNodeObj && containerNodeObj.dataObj;
10064
10090
  if (changesListener) {
10065
10091
  this.beginChangesNotification();
10066
- changesListener.notifyNodeUpdated.call(changesListener, this.nodeDataImporter.getKey(nodeObj.dataObj) || nodeObj.key, nodeObj.dataObj, function (key, data) {
10092
+ changesListener.notifyNodeUpdated.call(changesListener, this.nodeDataImporter.getKey(nodeObj.dataObj) || nodeObj.key, nodeObj.dataObj, function (_key, _data) {
10067
10093
  _this.endChangesNotification(false);
10068
- }, function (error) {
10094
+ }, function (_error) {
10069
10095
  _this.endChangesNotification(false);
10070
10096
  });
10071
10097
  }
@@ -10131,21 +10157,15 @@ var DocumentDataSource = (function (_super) {
10131
10157
  }
10132
10158
  });
10133
10159
  };
10134
- DocumentDataSource.prototype.deleteNodes = function (model) {
10160
+ DocumentDataSource.prototype.deleteNodes = function (model, notifications) {
10135
10161
  var _this = this;
10136
10162
  this.deleteItems(this.nodes, function (key) { return model.findShapeByDataKey(key); }, function (item) { return _this.getNodeArray(item); }, function (item, dataModified) {
10137
10163
  var key = (item.dataObj && _this.nodeDataImporter.getKey(item.dataObj)) || item.key;
10138
10164
  var nodeObj = _this.findNode(key);
10139
10165
  if (nodeObj)
10140
10166
  _this.nodes.splice(_this.nodes.indexOf(nodeObj), 1);
10141
- if (dataModified) {
10142
- _this.beginChangesNotification();
10143
- _this.changesListener.notifyNodeRemoved.call(_this.changesListener, key, item.dataObj, function (key, data) {
10144
- _this.endChangesNotification(false);
10145
- }, function (error) {
10146
- _this.endChangesNotification(false);
10147
- });
10148
- }
10167
+ if (dataModified)
10168
+ notifications.deletes.push([key, item]);
10149
10169
  });
10150
10170
  };
10151
10171
  DocumentDataSource.prototype.getParentItem = function (shape) {
@@ -10199,7 +10219,7 @@ var DocumentDataSource = (function (_super) {
10199
10219
  _this.updateEdgeObjectKey(connector, edgeObj, data);
10200
10220
  _this.endNodeInserting();
10201
10221
  _this.endChangesNotification(false);
10202
- }, function (error) {
10222
+ }, function (_error) {
10203
10223
  _this.endNodeInserting();
10204
10224
  _this.endChangesNotification(false);
10205
10225
  });
@@ -10209,9 +10229,9 @@ var DocumentDataSource = (function (_super) {
10209
10229
  this.updateEdgeObjectProperties(connector, edgeObj, model.units);
10210
10230
  if (edgeObj.dataObj) {
10211
10231
  this.beginChangesNotification();
10212
- this.changesListener.notifyEdgeUpdated.call(this.changesListener, this.edgeDataImporter.getKey(edgeObj.dataObj) || edgeObj.key, edgeObj.dataObj, function (key, data) {
10232
+ this.changesListener.notifyEdgeUpdated.call(this.changesListener, this.edgeDataImporter.getKey(edgeObj.dataObj) || edgeObj.key, edgeObj.dataObj, function (_key, _data) {
10213
10233
  _this.endChangesNotification(false);
10214
- }, function (error) {
10234
+ }, function (_error) {
10215
10235
  _this.endChangesNotification(false);
10216
10236
  });
10217
10237
  }
@@ -10256,9 +10276,9 @@ var DocumentDataSource = (function (_super) {
10256
10276
  DocumentDataSource.prototype.updateEdgeObjectFromOrToPropertyInternal = function (edgeObj, changesListener) {
10257
10277
  var _this = this;
10258
10278
  this.beginChangesNotification();
10259
- changesListener.notifyEdgeUpdated.call(changesListener, this.nodeDataImporter.getKey(edgeObj.dataObj) || edgeObj.key, edgeObj.dataObj, function (key, data) {
10279
+ changesListener.notifyEdgeUpdated.call(changesListener, this.nodeDataImporter.getKey(edgeObj.dataObj) || edgeObj.key, edgeObj.dataObj, function (_key, _data) {
10260
10280
  _this.endChangesNotification(false);
10261
- }, function (error) {
10281
+ }, function (_error) {
10262
10282
  _this.endChangesNotification(false);
10263
10283
  });
10264
10284
  };
@@ -10355,16 +10375,16 @@ var DocumentDataSource = (function (_super) {
10355
10375
  };
10356
10376
  DocumentDataSource.prototype.deleteEdges = function (model) {
10357
10377
  var _this = this;
10358
- this.deleteItems(this.edges, function (key) { return model.findConnectorByDataKey(key); }, function (item) { return _this.edgeDataSource; }, function (item, dataModified) {
10378
+ this.deleteItems(this.edges, function (key) { return model.findConnectorByDataKey(key); }, function (_item) { return _this.edgeDataSource; }, function (item, dataModified) {
10359
10379
  var key = (item.dataObj && _this.edgeDataImporter.getKey(item.dataObj)) || item.key;
10360
10380
  var edgeObj = _this.findEdge(key);
10361
10381
  if (edgeObj)
10362
10382
  _this.edges.splice(_this.edges.indexOf(edgeObj), 1);
10363
10383
  if (dataModified) {
10364
10384
  _this.beginChangesNotification();
10365
- _this.changesListener.notifyEdgeRemoved.call(_this.changesListener, key, item.dataObj, function (key, data) {
10385
+ _this.changesListener.notifyEdgeRemoved.call(_this.changesListener, key, item.dataObj, function (_key, _data) {
10366
10386
  _this.endChangesNotification(false);
10367
- }, function (error) {
10387
+ }, function (_error) {
10368
10388
  _this.endChangesNotification(false);
10369
10389
  });
10370
10390
  }
package/dist/dx-diagram.min.css CHANGED
@@ -1,8 +1,8 @@
1
1
  /*!
2
2
  * DevExpress Diagram (dx-diagram.min)
3
- * Version: 2.2.13
4
- * Build date: Mon Nov 11 2024
3
+ * Version: 2.2.14
4
+ * Build date: Tue Jan 07 2025
5
5
  *
6
- * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
6
+ * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
7
7
  * Read about DevExpress licensing here: https://www.devexpress.com/Support/EULAs
8
8
  */.dxdi-control{box-sizing:border-box;overflow:visible;position:relative}.dxdi-control.dxdi-read-only .dxdi-canvas.dxdi-drag-scroll{cursor:grab!important}.dxdi-control.dxdi-read-only .dxdi-canvas.dxdi-drag-scroll .shape,.dxdi-control.dxdi-read-only .dxdi-canvas.dxdi-drag-scroll .shape-expand-btn,.dxdi-control.dxdi-read-only .dxdi-canvas.dxdi-drag-scroll text{cursor:grab}.dxdi-control.dxdi-read-only .dxdi-canvas .shape,.dxdi-control.dxdi-read-only .dxdi-canvas .shape-expand-btn,.dxdi-control.dxdi-read-only .dxdi-canvas text{cursor:default}.dxdi-control .dxdi-canvas{background-color:#d9d9d9;display:block;overflow:hidden;transform-origin:0 0}.dxdi-canvas.dxdi-drag-scroll{cursor:grab!important}.dxdi-canvas.dxdi-drag-scroll .connection-point,.dxdi-canvas.dxdi-drag-scroll .connector,.dxdi-canvas.dxdi-drag-scroll .connector text,.dxdi-canvas.dxdi-drag-scroll .connector-side-mark.horizontal,.dxdi-canvas.dxdi-drag-scroll .connector-side-mark.vertical,.dxdi-canvas.dxdi-drag-scroll .selection-mark[data-type="4"],.dxdi-canvas.dxdi-drag-scroll .selection-mark[data-type="5"],.dxdi-canvas.dxdi-drag-scroll .selection-mark[data-type="9"][data-value="1"],.dxdi-canvas.dxdi-drag-scroll .selection-mark[data-type="9"][data-value="2"],.dxdi-canvas.dxdi-drag-scroll .selection-mark[data-type="9"][data-value="3"],.dxdi-canvas.dxdi-drag-scroll .selection-mark[data-type="9"][data-value="4"],.dxdi-canvas.dxdi-drag-scroll .selection-mark[data-type="9"][data-value="5"],.dxdi-canvas.dxdi-drag-scroll .selection-mark[data-type="9"][data-value="6"],.dxdi-canvas.dxdi-drag-scroll .selection-mark[data-type="9"][data-value="7"],.dxdi-canvas.dxdi-drag-scroll .selection-mark[data-type="9"][data-value="8"],.dxdi-canvas.dxdi-drag-scroll .shape,.dxdi-canvas.dxdi-drag-scroll .shape .shape-expand-btn{cursor:grab}.dxdi-canvas *{user-select:none}.dxdi-canvas text{font-family:arial,helvetica,sans-serif;font-size:10pt}.dxdi-canvas .page{fill:#fff}.dxdi-canvas .pages-grid-line{fill:none;stroke:rgba(0,0,0,.15);stroke-dasharray:8;stroke-width:2}.dxdi-canvas .grid-inner-line,.dxdi-canvas .grid-outer-line{fill:none}.dxdi-canvas .grid-outer-line{stroke:rgba(0,0,0,.1)}.dxdi-canvas .grid-inner-line{stroke:rgba(0,0,0,.05)}.dxdi-canvas .shape,.dxdi-canvas .toolbox-item{pointer-events:bounding-box}.dxdi-canvas .shape ellipse,.dxdi-canvas .shape line,.dxdi-canvas .shape path,.dxdi-canvas .shape rect,.dxdi-canvas .toolbox-item ellipse,.dxdi-canvas .toolbox-item line,.dxdi-canvas .toolbox-item path,.dxdi-canvas .toolbox-item rect{fill:#fff;stroke-width:2;stroke:#000}.dxdi-canvas .shape text,.dxdi-canvas .toolbox-item text{fill:#000;text-anchor:middle}.dxdi-canvas .shape rect.selector,.dxdi-canvas .toolbox-item rect.selector{stroke-width:48;stroke:transparent;fill:transparent;pointer-events:auto}.dxdi-canvas .shape.not-valid ellipse,.dxdi-canvas .shape.not-valid line,.dxdi-canvas .shape.not-valid path,.dxdi-canvas .shape.not-valid rect{stroke:red!important}.dxdi-canvas .shape{cursor:move}.dxdi-canvas .shape.text-input>text{display:none}.dxdi-canvas .shape.container>rect:first-child{fill:transparent}.dxdi-canvas .shape .shape-expand-btn{cursor:pointer}.dxdi-canvas .shape .shape-expand-btn>path,.dxdi-canvas .shape .shape-expand-btn>rect{stroke-dasharray:initial!important}.dxdi-canvas .shape .shape-expand-btn>path{stroke-width:2!important}.dxdi-canvas .shape .dxdi-image .dxdi-spinner{animation:loading-spinner 1s linear infinite}.dxdi-canvas .shape .dxdi-image .dxdi-spinner ellipse{stroke:#000;stroke-opacity:.2}.dxdi-canvas .shape .dxdi-image .dxdi-spinner path{stroke:#fd7010;stroke-linecap:round}.dxdi-canvas .shape .dxdi-image .dxdi-spinner ellipse,.dxdi-canvas .shape .dxdi-image .dxdi-spinner path{fill:none;stroke-width:5}@keyframes loading-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.dxdi-canvas .shape .dxdi-image .dxdi-user .dxdi-background{fill:#000;stroke:none;opacity:.2}.dxdi-canvas .shape .dxdi-image .dxdi-user ellipse,.dxdi-canvas .shape .dxdi-image .dxdi-user path{fill:#fff;stroke:none}.dxdi-canvas .shape .dxdi-image .dxdi-warning ellipse{stroke:none;fill:#ee1616}.dxdi-canvas .shape .dxdi-image .dxdi-warning rect{stroke:none;fill:#fff}.dxdi-canvas .shape.locked,.dxdi-canvas .shape.locked .shape-expand-btn,.dxdi-canvas .shape.locked+.container-children .shape,.dxdi-canvas .shape.locked+.container-children .shape .shape-expand-btn{cursor:inherit!important}.dxdi-canvas .container-children .shape .selector{stroke-width:8}.dxdi-canvas .toolbox-item{cursor:pointer}.dxdi-canvas .toolbox-item .selector{stroke-width:0!important}.dxdi-canvas .connector line,.dxdi-canvas .connector path{stroke-width:2;stroke:#000;stroke-linejoin:round;pointer-events:stroke}.dxdi-canvas .connector path:not(.outlined-line-ending):not(.filled-line-ending){fill:none!important}.dxdi-canvas .connector path.outlined-line-ending{fill:#fff}.dxdi-canvas .connector path.filled-line-ending{fill:#000}.dxdi-canvas .connector line.selector,.dxdi-canvas .connector path.selector{stroke-width:16;stroke:transparent}.dxdi-canvas .connector text{fill:#000;text-anchor:middle;cursor:move}.dxdi-canvas .connector .text-filter-flood{flood-color:#fff}.dxdi-canvas .connector.not-valid line,.dxdi-canvas .connector.not-valid path{stroke:red!important}.dxdi-canvas .connector.can-move{cursor:move}.dxdi-canvas .connection-mark,.dxdi-canvas .connection-point,.dxdi-canvas .connector-point-mark,.dxdi-canvas .connector-side-mark,.dxdi-canvas .geometry-mark,.dxdi-canvas .selection-mark{fill:#fff;stroke-width:2}.dxdi-canvas .selection-mark{stroke:#1e90ff}.dxdi-canvas .selection-mark[data-type="9"][data-value="1"]{cursor:nw-resize}.dxdi-canvas .selection-mark[data-type="9"][data-value="2"]{cursor:ne-resize}.dxdi-canvas .selection-mark[data-type="9"][data-value="3"]{cursor:se-resize}.dxdi-canvas .selection-mark[data-type="9"][data-value="4"]{cursor:sw-resize}.dxdi-canvas .selection-mark[data-type="9"][data-value="5"]{cursor:n-resize}.dxdi-canvas .selection-mark[data-type="9"][data-value="6"]{cursor:e-resize}.dxdi-canvas .selection-mark[data-type="9"][data-value="7"]{cursor:s-resize}.dxdi-canvas .selection-mark[data-type="9"][data-value="8"]{cursor:w-resize}.dxdi-canvas .selection-mark[data-type="4"],.dxdi-canvas .selection-mark[data-type="5"]{cursor:move}.dxdi-canvas .locked-selection-mark{fill:#fff;stroke-width:1;stroke:#666}.dxdi-canvas .geometry-mark{stroke:#daa520;cursor:pointer}.dxdi-canvas .connection-target,.dxdi-canvas .container-target{fill:transparent;stroke:orchid;stroke-width:2;pointer-events:none}.dxdi-canvas .connection-point{stroke:orchid;cursor:crosshair}.dxdi-canvas .connection-point.not-valid{stroke:grey!important;display:none}.dxdi-canvas .connection-mark{stroke:orchid;cursor:crosshair}.dxdi-canvas .connection-mark.selector,.dxdi-canvas .connection-point.selector{stroke-width:10px;stroke:transparent;fill:transparent}.dxdi-canvas .connection-mark.active,.dxdi-canvas .connection-point.active{fill:orchid}.dxdi-canvas .connector-point-mark,.dxdi-canvas .connector-side-mark{stroke:#1e90ff;cursor:move}.dxdi-canvas .connector-point-mark.disabled{cursor:default;display:none}.dxdi-canvas .connector-side-mark{fill:#1e90ff}.dxdi-canvas .connector-side-mark.vertical{cursor:col-resize}.dxdi-canvas .connector-side-mark.horizontal{cursor:row-resize}.dxdi-canvas .item-selection-rect,.dxdi-canvas .items-selection-rect{fill:transparent;stroke-width:1;stroke:#1e90ff;stroke-dasharray:2px;pointer-events:none}.dxdi-canvas .items-selection-rect{fill:rgba(30,144,255,.02)}.dxdi-canvas .item-multi-selection-rect{fill:rgba(30,144,255,.02);stroke-width:1;stroke:#1e90ff;pointer-events:none}.dxdi-canvas .selection-rect{fill:rgba(30,144,255,.2);stroke-width:1;stroke:#1e90ff;pointer-events:none}.dxdi-canvas .connector-multi-selection,.dxdi-canvas .connector-selection{fill:transparent;stroke-width:1;stroke:#1e90ff;pointer-events:none}.dxdi-canvas .connector-multi-selection.text,.dxdi-canvas .connector-selection.text{fill:transparent;stroke-width:1}.dxdi-canvas .connector-selection{stroke-dasharray:2px}.dxdi-canvas .connector-selection-mask rect{fill:#000}.dxdi-canvas .connector-selection-mask rect.background{fill:#fff}.dxdi-canvas .connector-selection-mask line,.dxdi-canvas .connector-selection-mask path{fill:#fff;stroke:#000;stroke-width:4}.dxdi-canvas .connector-selection-mask text{text-anchor:middle}.dxdi-canvas .extension-line path{stroke:#1e90ff;stroke-width:1}.dxdi-canvas .extension-line path.size-line{stroke-dasharray:4px}.dxdi-canvas .extension-line text{fill:#1e90ff;text-anchor:middle;font-size:.8em}.dxdi-canvas .extension-line.center>path.size-line,.dxdi-canvas .extension-line.page>path.size-line{stroke-dasharray:0}.dxdi-canvas .extension-line:not(.center)>path:not(:first-child){display:none}.dxdi-canvas .resize-info text{fill:rgba(0,0,0,.8);text-anchor:middle;font-size:.8em}.dxdi-canvas .resize-info rect{fill:#fff;stroke:rgba(0,0,0,.3);stroke-width:1}.dxdi-canvas .dxdi-active-selection .shape{cursor:default}.dxdi-control:not(.focused) .dxdi-canvas .geometry-mark,.dxdi-control:not(.focused) .dxdi-canvas .selection-mark{stroke:#666}.dxdi-control:not(.focused) .dxdi-canvas .item-selection-rect,.dxdi-control:not(.focused) .dxdi-canvas .items-selection-rect{fill:transparent;stroke:#666}.dxdi-control:not(.focused) .dxdi-canvas .items-selection-rect{fill:hsla(0,0%,56%,.02)}.dxdi-control:not(.focused) .dxdi-canvas .item-multi-selection-rect{fill:hsla(0,0%,56%,.02);stroke:#666}.dxdi-control:not(.focused) .dxdi-canvas .connection-mark,.dxdi-control:not(.focused) .dxdi-canvas .connection-mark.selector,.dxdi-control:not(.focused) .dxdi-canvas .connection-point,.dxdi-control:not(.focused) .dxdi-canvas .connection-point.selector{display:none}.dxdi-control:not(.focused) .dxdi-canvas .connector-multi-selection,.dxdi-control:not(.focused) .dxdi-canvas .connector-point-mark,.dxdi-control:not(.focused) .dxdi-canvas .connector-selection,.dxdi-control:not(.focused) .dxdi-canvas .connector-side-mark{stroke:#666}.dxdi-control:not(.focused) .dxdi-canvas .connector-side-mark{fill:#666}.dxdi-dragging,.dxdi-dragging *{user-select:none}.dxdi-canvas.export *{cursor:inherit!important;pointer-events:all!important}.dxdi-touch-action{touch-action:none}.dxdi-toolbox,.dxdi-toolbox svg{outline:none;user-select:none}.dxdi-toolbox,.dxdi-toolbox .dxdi-canvas,.dxdi-toolbox-drag-item .dxdi-canvas{height:100%;width:100%}.dxdi-toolbox .dxdi-canvas .toolbox-item ellipse,.dxdi-toolbox .dxdi-canvas .toolbox-item line,.dxdi-toolbox .dxdi-canvas .toolbox-item path,.dxdi-toolbox .dxdi-canvas .toolbox-item rect{fill:transparent;stroke:currentColor}.dxdi-toolbox .dxdi-canvas .toolbox-item .dxdi-image-placeholder{fill:currentColor;stroke:none;opacity:.75}.dxdi-toolbox .dxdi-canvas .toolbox-item .dxdi-shape-text{opacity:.25}.dxdi-toolbox .dxdi-canvas .toolbox-item text,.dxdi-toolbox-drag-item .dxdi-canvas text{fill:currentColor;font-family:Segoe UI,Helvetica Neue,Helvetica,arial,sans-serif;font-weight:700}.dxdi-toolbox-drag-item .dxdi-canvas .dxdi-image-placeholder{fill:currentColor;stroke:none;opacity:.75}.dxdi-toolbox-drag-item .dxdi-canvas .dxdi-shape-text{display:none}.dxdi-toolbox .toolbox-text-item{cursor:pointer;margin:0 0 .6em;user-select:none}.dxdi-toolbox-drag-item,.dxdi-toolbox-drag-text-item{color:#000;font-family:arial,helvetica,sans-serif;font-size:10pt;pointer-events:none!important;position:absolute;z-index:10000}.dxdi-toolbox-drag-item *,.dxdi-toolbox-drag-text-item *{pointer-events:none!important}.dxdi-toolbox-drag-item text{pointer-events:none}.dxdi-toolbox-drag-text-item{background-color:#fff;border:2px solid #000;padding:.5em}.dxdi-tb-drag-captured{display:none}.dxdi-focus-input,.dxdi-text-input,.dxdi-text-input-container{border:none;outline:none;padding:0;resize:none}.dxdi-clipboard-input,.dxdi-focus-input{font-size:16px;left:-1000px!important;opacity:0;overflow:hidden;position:absolute;top:-1000px!important;z-index:-100}.dxdi-text-input-container{display:none}.dxdi-text-input-container.connector-text,.dxdi-text-input-container.shape-text{background-color:transparent;display:inherit;overflow:hidden;position:absolute;transform-origin:0 0}.dxdi-text-input-container.shape-text .dxdi-text-input{background-color:transparent;color:#000;display:table-cell;font-family:arial,helvetica,sans-serif;font-size:10pt;line-height:1.1em;outline:none;overflow:hidden;padding:1px 0 0;text-align:center;vertical-align:middle}.dxdi-text-input-container.connector-text{overflow:visible}.dxdi-text-input-container.connector-text .dxdi-text-input{background-color:#fff;border:1px solid #1e90ff;color:#000;font-family:arial,helvetica,sans-serif;font-size:10pt;height:calc(1.1em + 6px);line-height:1.1em;margin-left:calc(-4em - 3px);margin-top:calc(-.55em - 3px);outline:none;overflow:hidden;padding:2px;text-align:center;vertical-align:middle;width:calc(8em + 6px)}.dxdi-page-shadow{fill:grey}