uicore-ts 1.0.207 → 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,9 +1138,13 @@ 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 yOverflow = 0;
+    let xOverflow = 0;
     const pointerUpFunction = () => {
       var _a2;
-      return (_a2 = optionalParameters.viewDidChangeToSize) == null ? void 0 : _a2.call(optionalParameters, this, import_UIObject.YES);
+      yOverflow = 0;
+      xOverflow = 0;
+      (_a2 = optionalParameters.viewDidChangeToSize) == null ? void 0 : _a2.call(optionalParameters, this, import_UIObject.YES);
     };
     const frameWasChanged = () => {
       var _a2;
@@ -1155,21 +1161,92 @@ const _UIView = class extends import_UIObject.UIObject {
           (0, import_SizeConverter.default)(this.viewHTMLElement, this.style.maxHeight)
         ].min();
       }
-      if (this.style.minWidth) {
-        frame.width = [
-          frame.width,
-          (0, import_SizeConverter.default)(this.viewHTMLElement, this.style.minWidth)
-        ].max();
-      }
-      if (this.style.maxWidth) {
-        frame.width = [
-          frame.width,
-          (0, import_SizeConverter.default)(this.viewHTMLElement, this.style.maxWidth)
-        ].min();
-      }
+      yOverflow = yOverflow + this.frame.height - frame.height;
       this.frame = frame;
       (_a2 = optionalParameters.viewDidChangeToSize) == null ? void 0 : _a2.call(optionalParameters, this, import_UIObject.NO);
     };
+    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;
+        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
+          ].max();
+        }
+        if (this.style.maxWidth) {
+          frameWidth = [
+            frameWidth,
+            (0, import_SizeConverter.default)(this.viewHTMLElement, this.style.maxWidth)
+          ].min();
+        }
+        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",
@@ -1192,12 +1269,7 @@ const _UIView = class extends import_UIObject.UIObject {
       }),
       pausesPointerEvents: import_UIObject.YES
     });
-    leftEdge.controlEventTargetAccumulator.PointerDrag = (sender, event) => {
-      if (event instanceof MouseEvent) {
-        this.frame = this.frame.rectangleWithInsets(event.movementX / _UIView.pageScale, 0, 0, 0);
-        frameWasChanged();
-      }
-    };
+    leftEdge.controlEventTargetAccumulator.PointerDrag = PointerXDragFunction.bind(this, 1);
     leftEdge.controlEventTargetAccumulator.PointerUp = pointerUpFunction;
     const rightEdge = new _UIView().configuredWithObject({
       _viewHTMLElement: {
@@ -1221,12 +1293,7 @@ const _UIView = class extends import_UIObject.UIObject {
       }),
       pausesPointerEvents: import_UIObject.YES
     });
-    rightEdge.controlEventTargetAccumulator.PointerDrag = (sender, event) => {
-      if (event instanceof MouseEvent) {
-        this.frame = this.frame.rectangleWithInsets(0, -event.movementX / _UIView.pageScale, 0, 0);
-        frameWasChanged();
-      }
-    };
+    rightEdge.controlEventTargetAccumulator.PointerDrag = PointerXDragFunction.bind(this, 0);
     rightEdge.controlEventTargetAccumulator.PointerUp = pointerUpFunction;
     const bottomEdge = new _UIView().configuredWithObject({
       _viewHTMLElement: {
@@ -1250,12 +1317,7 @@ const _UIView = class extends import_UIObject.UIObject {
       }),
       pausesPointerEvents: import_UIObject.YES
     });
-    bottomEdge.controlEventTargetAccumulator.PointerDrag = (sender, event) => {
-      if (event instanceof MouseEvent) {
-        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: {
@@ -1279,13 +1341,12 @@ const _UIView = class extends import_UIObject.UIObject {
       }),
       pausesPointerEvents: import_UIObject.YES
     });
-    topEdge.controlEventTargetAccumulator.PointerDrag = (sender, event) => {
-      if (event instanceof MouseEvent) {
-        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",
@@ -1309,17 +1370,6 @@ const _UIView = class extends import_UIObject.UIObject {
       }),
       pausesPointerEvents: import_UIObject.YES
     });
-    const pointerDragTLFunction = (sender, event) => {
-      if (event instanceof MouseEvent) {
-        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({
@@ -1347,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",
@@ -1370,17 +1424,6 @@ const _UIView = class extends import_UIObject.UIObject {
       }),
       pausesPointerEvents: import_UIObject.YES
     });
-    const pointerDragBLFunction = (sender, event) => {
-      if (event instanceof MouseEvent) {
-        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({
@@ -1408,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",
@@ -1431,17 +1478,6 @@ const _UIView = class extends import_UIObject.UIObject {
       }),
       pausesPointerEvents: import_UIObject.YES
     });
-    const pointerDragBRFunction = (sender, event) => {
-      if (event instanceof MouseEvent) {
-        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({
@@ -1469,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",
@@ -1492,17 +1532,6 @@ const _UIView = class extends import_UIObject.UIObject {
       }),
       pausesPointerEvents: import_UIObject.YES
     });
-    const pointerDragTRFunction = (sender, event) => {
-      if (event instanceof MouseEvent) {
-        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({