uicore-ts 1.0.208 → 1.0.212

package/compiledScripts/UIView.d.ts

@@ -120,6 +120,8 @@ export declare class UIView extends UIObject {
     private _isResizable;
     makeNotResizable?: () => void;
     private _isMoving;
+    _isCBEditorTemporaryResizable: boolean;
+    _isCBEditorTemporaryMovable: boolean;
     constructor(elementID?: string, viewHTMLElement?: HTMLElement & LooseObject | null, elementType?: string | null, initViewData?: any);
     static get nextIndex(): number;
     static get pageHeight(): number;

package/compiledScripts/UIView.js

@@ -84,6 +84,8 @@ const _UIView = class extends import_UIObject.UIObject {
     this._isMovable = import_UIObject.NO;
     this._isResizable = import_UIObject.NO;
     this._isMoving = import_UIObject.NO;
+    this._isCBEditorTemporaryResizable = import_UIObject.NO;
+    this._isCBEditorTemporaryMovable = import_UIObject.NO;
     this.controlEvent = _UIView.controlEvent;
     _UIView._UIViewIndex = _UIView.nextIndex;
     this._UIViewIndex = _UIView._UIViewIndex;
@@ -1136,12 +1138,12 @@ const _UIView = class extends import_UIObject.UIObject {
     const borderColor = (_c = (_b = optionalParameters.borderColor) == null ? void 0 : _b.stringValue) != null ? _c : import_UIColor.UIColor.transparentColor.stringValue;
     const maxCornerSize = (_d = optionalParameters.maxCornerSize) != null ? _d : "10px";
     const cornerSize = (_e = optionalParameters.cornerSize) != null ? _e : "5%";
-    let heightOverflow = 0;
-    let widthOverflow = 0;
+    let yOverflow = 0;
+    let xOverflow = 0;
     const pointerUpFunction = () => {
       var _a2;
-      heightOverflow = 0;
-      widthOverflow = 0;
+      yOverflow = 0;
+      xOverflow = 0;
       (_a2 = optionalParameters.viewDidChangeToSize) == null ? void 0 : _a2.call(optionalParameters, this, import_UIObject.YES);
     };
     const frameWasChanged = () => {
@@ -1159,18 +1161,38 @@ const _UIView = class extends import_UIObject.UIObject {
           (0, import_SizeConverter.default)(this.viewHTMLElement, this.style.maxHeight)
         ].min();
       }
-      heightOverflow = heightOverflow + this.frame.height - frame.height;
+      yOverflow = yOverflow + this.frame.height - frame.height;
       this.frame = frame;
       (_a2 = optionalParameters.viewDidChangeToSize) == null ? void 0 : _a2.call(optionalParameters, this, import_UIObject.NO);
     };
-    const PointerDragFunction = (centeredOnPosition, sender, event) => {
+    const PointerXDragFunction = (centeredOnPosition, sender, event) => {
       if (event instanceof MouseEvent) {
+        const signMultiplier = 1 - 2 * centeredOnPosition;
+        let movementX = event.movementX;
+        if (xOverflow * signMultiplier > 0 && 0 > movementX) {
+          xOverflow = (xOverflow + movementX / _UIView.pageScale).integerValue;
+          if (xOverflow >= 0) {
+            return;
+          }
+          movementX = xOverflow;
+          xOverflow = 0;
+        }
+        if (xOverflow > 0 && 0 < movementX && signMultiplier < 0) {
+          xOverflow = (xOverflow + signMultiplier * movementX / _UIView.pageScale).integerValue;
+          if (xOverflow >= 0) {
+            return;
+          }
+          movementX = xOverflow * signMultiplier;
+          xOverflow = 0;
+        }
         const frame = this.frame;
-        let frameWidth = frame.width + event.movementX / _UIView.pageScale;
+        const widthChange = signMultiplier * movementX / _UIView.pageScale;
+        let frameWidth = frame.width + widthChange;
         if (this.style.minWidth) {
           frameWidth = [
             frameWidth,
-            (0, import_SizeConverter.default)(this.viewHTMLElement, this.style.minWidth)
+            (0, import_SizeConverter.default)(this.viewHTMLElement, this.style.minWidth),
+            0
           ].max();
         }
         if (this.style.maxWidth) {
@@ -1179,11 +1201,52 @@ const _UIView = class extends import_UIObject.UIObject {
             (0, import_SizeConverter.default)(this.viewHTMLElement, this.style.maxWidth)
           ].min();
         }
-        widthOverflow = widthOverflow + frame.width - frameWidth;
+        xOverflow = (xOverflow + frame.width + widthChange - frameWidth).integerValue;
         this.frame = frame.rectangleWithWidth(frameWidth, centeredOnPosition);
         frameWasChanged();
       }
     };
+    const PointerYDragFunction = (centeredOnPosition, sender, event) => {
+      if (event instanceof MouseEvent) {
+        const signMultiplier = 1 - 2 * centeredOnPosition;
+        let movementY = event.movementY;
+        if (yOverflow * signMultiplier > 0 && 0 > movementY) {
+          yOverflow = (yOverflow + movementY / _UIView.pageScale).integerValue;
+          if (yOverflow >= 0) {
+            return;
+          }
+          movementY = yOverflow;
+          yOverflow = 0;
+        }
+        if (yOverflow > 0 && 0 < movementY && signMultiplier < 0) {
+          yOverflow = (yOverflow + signMultiplier * movementY / _UIView.pageScale).integerValue;
+          if (yOverflow >= 0) {
+            return;
+          }
+          movementY = yOverflow * signMultiplier;
+          yOverflow = 0;
+        }
+        const frame = this.frame;
+        const heightChange = signMultiplier * movementY / _UIView.pageScale;
+        let frameHeight = frame.height + heightChange;
+        if (this.style.minHeight) {
+          frameHeight = [
+            frameHeight,
+            (0, import_SizeConverter.default)(this.viewHTMLElement, this.style.minHeight),
+            0
+          ].max();
+        }
+        if (this.style.maxHeight) {
+          frameHeight = [
+            frameHeight,
+            (0, import_SizeConverter.default)(this.viewHTMLElement, this.style.maxHeight)
+          ].min();
+        }
+        yOverflow = (yOverflow + frame.height + heightChange - frameHeight).integerValue;
+        this.frame = frame.rectangleWithHeight(frameHeight, centeredOnPosition);
+        frameWasChanged();
+      }
+    };
     const leftEdge = new _UIView().configuredWithObject({
       _viewHTMLElement: {
         className: "leftEdge",
@@ -1206,7 +1269,7 @@ const _UIView = class extends import_UIObject.UIObject {
       }),
       pausesPointerEvents: import_UIObject.YES
     });
-    leftEdge.controlEventTargetAccumulator.PointerDrag = PointerDragFunction.bind(this, 1);
+    leftEdge.controlEventTargetAccumulator.PointerDrag = PointerXDragFunction.bind(this, 1);
     leftEdge.controlEventTargetAccumulator.PointerUp = pointerUpFunction;
     const rightEdge = new _UIView().configuredWithObject({
       _viewHTMLElement: {
@@ -1230,7 +1293,7 @@ const _UIView = class extends import_UIObject.UIObject {
       }),
       pausesPointerEvents: import_UIObject.YES
     });
-    rightEdge.controlEventTargetAccumulator.PointerDrag = PointerDragFunction.bind(this, 0);
+    rightEdge.controlEventTargetAccumulator.PointerDrag = PointerXDragFunction.bind(this, 0);
     rightEdge.controlEventTargetAccumulator.PointerUp = pointerUpFunction;
     const bottomEdge = new _UIView().configuredWithObject({
       _viewHTMLElement: {
@@ -1254,13 +1317,7 @@ const _UIView = class extends import_UIObject.UIObject {
       }),
       pausesPointerEvents: import_UIObject.YES
     });
-    bottomEdge.controlEventTargetAccumulator.PointerDrag = (sender, event) => {
-      if (event instanceof MouseEvent) {
-        const frame = this.frame;
-        this.frame = this.frame.rectangleWithInsets(0, 0, -event.movementY / _UIView.pageScale, 0);
-        frameWasChanged();
-      }
-    };
+    bottomEdge.controlEventTargetAccumulator.PointerDrag = PointerYDragFunction.bind(this, 0);
     bottomEdge.controlEventTargetAccumulator.PointerUp = pointerUpFunction;
     const topEdge = new _UIView().configuredWithObject({
       _viewHTMLElement: {
@@ -1284,14 +1341,12 @@ const _UIView = class extends import_UIObject.UIObject {
       }),
       pausesPointerEvents: import_UIObject.YES
     });
-    topEdge.controlEventTargetAccumulator.PointerDrag = (sender, event) => {
-      if (event instanceof MouseEvent) {
-        const frame = this.frame;
-        this.frame = this.frame.rectangleWithInsets(0, 0, 0, event.movementY / _UIView.pageScale);
-        frameWasChanged();
-      }
-    };
+    topEdge.controlEventTargetAccumulator.PointerDrag = PointerYDragFunction.bind(this, 1);
     topEdge.controlEventTargetAccumulator.PointerUp = pointerUpFunction;
+    const pointerDragTLFunction = (sender, event) => {
+      PointerXDragFunction(1, sender, event);
+      PointerYDragFunction(1, sender, event);
+    };
     const topLeftCornerTop = new _UIView().configuredWithObject({
       _viewHTMLElement: {
         className: "topLeftCornerTop",
@@ -1315,18 +1370,6 @@ const _UIView = class extends import_UIObject.UIObject {
       }),
       pausesPointerEvents: import_UIObject.YES
     });
-    const pointerDragTLFunction = (sender, event) => {
-      if (event instanceof MouseEvent) {
-        const frame = this.frame;
-        this.frame = this.frame.rectangleWithInsets(
-          event.movementX / _UIView.pageScale,
-          0,
-          0,
-          event.movementY / _UIView.pageScale
-        );
-        frameWasChanged();
-      }
-    };
     topLeftCornerTop.controlEventTargetAccumulator.PointerDrag = pointerDragTLFunction;
     topLeftCornerTop.controlEventTargetAccumulator.PointerUp = pointerUpFunction;
     const topLeftCornerLeft = new _UIView().configuredWithObject({
@@ -1354,6 +1397,10 @@ const _UIView = class extends import_UIObject.UIObject {
     });
     topLeftCornerLeft.controlEventTargetAccumulator.PointerDrag = pointerDragTLFunction;
     topLeftCornerLeft.controlEventTargetAccumulator.PointerUp = pointerUpFunction;
+    const pointerDragBLFunction = (sender, event) => {
+      PointerXDragFunction(1, sender, event);
+      PointerYDragFunction(0, sender, event);
+    };
     const bottomLeftCornerLeft = new _UIView().configuredWithObject({
       _viewHTMLElement: {
         className: "bottomLeftCornerLeft",
@@ -1377,18 +1424,6 @@ const _UIView = class extends import_UIObject.UIObject {
       }),
       pausesPointerEvents: import_UIObject.YES
     });
-    const pointerDragBLFunction = (sender, event) => {
-      if (event instanceof MouseEvent) {
-        const frame = this.frame;
-        this.frame = this.frame.rectangleWithInsets(
-          event.movementX / _UIView.pageScale,
-          0,
-          -event.movementY / _UIView.pageScale,
-          0
-        );
-        frameWasChanged();
-      }
-    };
     bottomLeftCornerLeft.controlEventTargetAccumulator.PointerDrag = pointerDragBLFunction;
     bottomLeftCornerLeft.controlEventTargetAccumulator.PointerUp = pointerUpFunction;
     const bottomLeftCornerBottom = new _UIView().configuredWithObject({
@@ -1416,6 +1451,10 @@ const _UIView = class extends import_UIObject.UIObject {
     });
     bottomLeftCornerBottom.controlEventTargetAccumulator.PointerDrag = pointerDragBLFunction;
     bottomLeftCornerBottom.controlEventTargetAccumulator.PointerUp = pointerUpFunction;
+    const pointerDragBRFunction = (sender, event) => {
+      PointerXDragFunction(0, sender, event);
+      PointerYDragFunction(0, sender, event);
+    };
     const bottomRightCornerBottom = new _UIView().configuredWithObject({
       _viewHTMLElement: {
         className: "bottomRightCornerBottom",
@@ -1439,18 +1478,6 @@ const _UIView = class extends import_UIObject.UIObject {
       }),
       pausesPointerEvents: import_UIObject.YES
     });
-    const pointerDragBRFunction = (sender, event) => {
-      if (event instanceof MouseEvent) {
-        const frame = this.frame;
-        this.frame = this.frame.rectangleWithInsets(
-          0,
-          -event.movementX / _UIView.pageScale,
-          -event.movementY / _UIView.pageScale,
-          0
-        );
-        frameWasChanged();
-      }
-    };
     bottomRightCornerBottom.controlEventTargetAccumulator.PointerDrag = pointerDragBRFunction;
     bottomRightCornerBottom.controlEventTargetAccumulator.PointerUp = pointerUpFunction;
     const bottomRightCornerRight = new _UIView().configuredWithObject({
@@ -1478,6 +1505,10 @@ const _UIView = class extends import_UIObject.UIObject {
     });
     bottomRightCornerRight.controlEventTargetAccumulator.PointerDrag = pointerDragBRFunction;
     bottomRightCornerRight.controlEventTargetAccumulator.PointerUp = pointerUpFunction;
+    const pointerDragTRFunction = (sender, event) => {
+      PointerXDragFunction(0, sender, event);
+      PointerYDragFunction(1, sender, event);
+    };
     const topRightCornerRight = new _UIView().configuredWithObject({
       _viewHTMLElement: {
         className: "topRightCornerRight",
@@ -1501,18 +1532,6 @@ const _UIView = class extends import_UIObject.UIObject {
       }),
       pausesPointerEvents: import_UIObject.YES
     });
-    const pointerDragTRFunction = (sender, event) => {
-      if (event instanceof MouseEvent) {
-        const frame = this.frame;
-        this.frame = this.frame.rectangleWithInsets(
-          0,
-          -event.movementX / _UIView.pageScale,
-          0,
-          event.movementY / _UIView.pageScale
-        );
-        frameWasChanged();
-      }
-    };
     topRightCornerRight.controlEventTargetAccumulator.PointerDrag = pointerDragTRFunction;
     topRightCornerRight.controlEventTargetAccumulator.PointerUp = pointerUpFunction;
     const topRightCornerTop = new _UIView().configuredWithObject({