devexpress-diagram 2.2.3 → 2.2.4

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 (10) hide show
  1. package/dist/dx-diagram.css +3 -3
  2. package/dist/dx-diagram.js +17 -13
  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/Model/Connectors/Connector.ts +1 -1
  8. package/dist/lib/src/Model/Connectors/ConnectorRenderPoint.ts +3 -0
  9. package/dist/lib/src/Model/ModelUtils.ts +11 -10
  10. 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.3
4
- * Build date: Wed Dec 06 2023
3
+ * Version: 2.2.4
4
+ * Build date: Thu Jan 18 2024
5
5
  *
6
- * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
6
+ * Copyright (c) 2012 - 2024 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.3
4
- * Build date: Wed Dec 06 2023
3
+ * Version: 2.2.4
4
+ * Build date: Thu Jan 18 2024
5
5
  *
6
- * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
6
+ * Copyright (c) 2012 - 2024 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) {
@@ -22621,6 +22621,9 @@ var ConnectorRenderPoint = (function (_super) {
22621
22621
  return this;
22622
22622
  };
22623
22623
  ConnectorRenderPoint.prototype.clone = function () { return new ConnectorRenderPoint(this.x, this.y, this.pointIndex, this.skipped); };
22624
+ ConnectorRenderPoint.equal = function (p1, p2) {
22625
+ return p1.equals(p2) && p1.pointIndex === p2.pointIndex && p1.skipped === p2.skipped;
22626
+ };
22624
22627
  return ConnectorRenderPoint;
22625
22628
  }(point_1.Point));
22626
22629
  exports.ConnectorRenderPoint = ConnectorRenderPoint;
@@ -25312,14 +25315,14 @@ var ModelUtils = (function () {
25312
25315
  ModelUtils.deleteConnectorUnnecessaryPoints = function (history, connector) {
25313
25316
  var oldRenderPoints = connector.getRenderPoints(true).map(function (p) { return p.clone(); });
25314
25317
  if (connector.properties.lineOption === ConnectorProperties_1.ConnectorLineOption.Straight) {
25315
- var unnecessaryPoints = ModelUtils.createUnnecessaryRenderPoints(oldRenderPoints.filter(function (p) { return !p.skipped; }).map(function (p) { return p.clone(); }), connector.skippedRenderPoints, function (removedPoint) { return ModelUtils.findFirstPointIndex(oldRenderPoints, function (p) { return p.equals(removedPoint); }); });
25318
+ var unnecessaryPoints = ModelUtils.createUnnecessaryRenderPoints(oldRenderPoints.filter(function (p) { return !p.skipped; }).map(function (p) { return p.clone(); }), connector.skippedRenderPoints, function (removedPoint) { return ModelUtils.findFirstPointIndex(oldRenderPoints, function (p) { return ConnectorRenderPoint_1.ConnectorRenderPoint.equal(p, removedPoint); }); });
25316
25319
  if (Object.keys(unnecessaryPoints).length)
25317
25320
  history.addAndRedo(new ChangeConnectorPointsHistoryItem_1.ReplaceConnectorPointsHistoryItem(connector.key, ModelUtils.createNecessaryPoints(connector.points.map(function (p) { return p.clone(); }), unnecessaryPoints)));
25318
25321
  }
25319
25322
  else {
25320
25323
  var oldContext = connector.tryCreateRenderPointsContext(true);
25321
25324
  var newRenderPoints = oldRenderPoints.filter(function (p) { return !p.skipped; }).map(function (p) { return p.clone(); });
25322
- var unnecessaryPoints = ModelUtils.createUnnecessaryRightAngleRenderPoints(newRenderPoints, connector.skippedRenderPoints, function (removedPoint) { return ModelUtils.findFirstPointIndex(oldRenderPoints, function (p) { return p.equals(removedPoint); }); });
25325
+ var unnecessaryPoints = ModelUtils.createUnnecessaryRightAngleRenderPoints(newRenderPoints, connector.skippedRenderPoints, function (removedPoint) { return ModelUtils.findFirstPointIndex(oldRenderPoints, function (p) { return ConnectorRenderPoint_1.ConnectorRenderPoint.equal(p, removedPoint); }); });
25323
25326
  if (Object.keys(unnecessaryPoints).length) {
25324
25327
  var newPoints = ModelUtils.createNecessaryPoints(connector.points.map(function (p) { return p.clone(); }), unnecessaryPoints);
25325
25328
  var newRenderContext = new ConnectorRenderPointsContext_1.ConnectorRenderPointsContext(ModelUtils.validateRenderPointIndexes(newPoints, newRenderPoints, 0), oldContext.lockCreateRenderPoints, oldContext.actualRoutingMode);
@@ -25393,15 +25396,16 @@ var ModelUtils = (function () {
25393
25396
  };
25394
25397
  ModelUtils.collectNotSkippedRenderPoints = function (targetRenderPoints, sourceRenderPoints, removedPoint, removedIndex, getPosition, predicate) {
25395
25398
  if (predicate === void 0) { predicate = function (_) { return true; }; }
25396
- if (!predicate(removedPoint))
25397
- return false;
25398
- var positionIndex = getPosition(removedPoint);
25399
- if (targetRenderPoints[positionIndex] === undefined) {
25400
- targetRenderPoints[positionIndex] = removedPoint;
25401
- removedPoint.skipped = true;
25402
- sourceRenderPoints.splice(removedIndex, 1);
25399
+ if (predicate(removedPoint)) {
25400
+ var positionIndex = getPosition(removedPoint);
25401
+ if (targetRenderPoints[positionIndex] === undefined) {
25402
+ targetRenderPoints[positionIndex] = removedPoint;
25403
+ removedPoint.skipped = true;
25404
+ sourceRenderPoints.splice(removedIndex, 1);
25405
+ return true;
25406
+ }
25403
25407
  }
25404
- return true;
25408
+ return false;
25405
25409
  };
25406
25410
  ModelUtils.removeUnnecessaryPoint = function (points, point, removedIndex, removeExcessPoints) {
25407
25411
  if (removeExcessPoints && point.pointIndex === -1) {
package/dist/dx-diagram.min.css CHANGED
@@ -1,8 +1,8 @@
1
1
  /*!
2
2
  * DevExpress Diagram (dx-diagram.min)
3
- * Version: 2.2.3
4
- * Build date: Wed Dec 06 2023
3
+ * Version: 2.2.4
4
+ * Build date: Thu Jan 18 2024
5
5
  *
6
- * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
6
+ * Copyright (c) 2012 - 2024 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}