uicore-ts 1.1.65 → 1.1.81

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "uicore-ts",
-  "version": "1.1.65",
+  "version": "1.1.81",
   "description": "UICore is a library to build native-like user interfaces using pure Typescript. No HTML is needed at all. Components are described as TS classes and all user interactions are handled explicitly. This library is strongly inspired by the UIKit framework that is used in IOS. In addition, UICore has tools to handle URL based routing, array sorting and filtering and adds a number of other utilities for convenience.",
   "main": "compiledScripts/index.js",
   "types": "compiledScripts/index.d.ts",

package/scripts/UIColor.ts

@@ -65,6 +65,10 @@ export class UIColor extends UIObject {
         return new UIColor("transparent")
     }
     
+    static get clearColor() {
+        return new UIColor("transparent")
+    }
+    
     static get undefinedColor() {
         return new UIColor("")
     }

package/scripts/UIRectangle.ts

@@ -3,7 +3,7 @@ import { UIPoint } from "./UIPoint"
 import { UIView } from "./UIView"
 
 
-type SizeNumberOrFunctionOrView = number | ((constrainingOrthogonalSize: number) => number) | UIView
+export type SizeNumberOrFunctionOrView = number | ((constrainingOrthogonalSize: number) => number) | UIView
 
 export class UIRectangle extends UIObject {
     

package/scripts/UIView.ts

@@ -225,6 +225,13 @@ export class UIView extends UIObject {
     private _resizeObserverEntry?: ResizeObserverEntry
     protected _intrinsicSizesCache: Record<string, UIRectangle> = {}
     
+    static isVirtualLayouting = NO
+    _frameForVirtualLayouting?: UIRectangle
+    
+    // Change this to no if the view contains pure HTML content that does not
+    // use frame logic that can influence the intrinsic size
+    usesVirtualLayoutingForIntrinsicSizing = YES
+    
     
     constructor(
         elementID: string = ("UIView" + UIView.nextIndex),
@@ -949,7 +956,13 @@ export class UIView extends UIObject {
     
     
     public get frame() {
-        let result: UIRectangle & { zIndex?: number } = this._frame?.copy() as any
+        let result: UIRectangle & { zIndex?: number }
+        if (!UIView.isVirtualLayouting) {
+            result = this._frame?.copy() as any
+        }
+        else {
+            result = this._frameForVirtualLayouting?.copy() as any
+        }
         if (!result) {
             result = new UIRectangle(
                 this._resizeObserverEntry?.contentRect.left ?? this.viewHTMLElement.offsetLeft,
@@ -977,7 +990,12 @@ export class UIView extends UIObject {
         if (zIndex != undefined) {
             rectangle.zIndex = zIndex
         }
-        this._frame = rectangle
+        if (!UIView.isVirtualLayouting) {
+            this._frame = rectangle
+        }
+        else {
+            this._frameForVirtualLayouting = rectangle
+        }
         
         if (frame && frame != nil && frame.isEqualTo(rectangle) && frame.zIndex == rectangle.zIndex && !performUncheckedLayout) {
             return
@@ -987,15 +1005,17 @@ export class UIView extends UIObject {
             rectangle.scale(1 / this.scale)
         }
         
-        UIView._setAbsoluteSizeAndPosition(
-            this.viewHTMLElement,
-            rectangle.topLeft.x,
-            rectangle.topLeft.y,
-            rectangle.width,
-            rectangle.height,
-            rectangle.zIndex,
-            this.frameTransform
-        )
+        if (!UIView.isVirtualLayouting) {
+            UIView._setAbsoluteSizeAndPosition(
+                this.viewHTMLElement,
+                rectangle.topLeft.x,
+                rectangle.topLeft.y,
+                rectangle.width,
+                rectangle.height,
+                rectangle.zIndex,
+                this.frameTransform
+            )
+        }
         
         if (frame.height != rectangle.height || frame.width != rectangle.width || performUncheckedLayout) {
             this.setNeedsLayout()
@@ -1005,8 +1025,17 @@ export class UIView extends UIObject {
     }
     
     get bounds() {
+        
+        let _frame: (UIRectangle & { zIndex?: number }) | undefined
+        if (!UIView.isVirtualLayouting) {
+            _frame = this._frame
+        }
+        else {
+            _frame = this._frameForVirtualLayouting
+        }
+        
         let result: UIRectangle
-        if (IS_NOT(this._frame)) {
+        if (IS_NOT(_frame)) {
             result = new UIRectangle(
                 0,
                 0,
@@ -1015,7 +1044,14 @@ export class UIView extends UIObject {
             )
         }
         else {
-            result = this.frame.copy()
+            let frame: (UIRectangle & { zIndex?: number })
+            if (!UIView.isVirtualLayouting) {
+                frame = this.frame
+            }
+            else {
+                frame = this._frameForVirtualLayouting ?? this.frame
+            }
+            result = frame.copy()
             result.x = 0
             result.y = 0
         }
@@ -3458,12 +3494,30 @@ export class UIView extends UIObject {
     
     intrinsicContentWidth(constrainingHeight: number = 0): number {
         
+        if (this.usesVirtualLayoutingForIntrinsicSizing) {
+            UIView.isVirtualLayouting = YES
+            this.frame = this.frame.rectangleWithHeight(constrainingHeight)
+            this.layoutIfNeeded()
+            const result = this.frame
+            UIView.isVirtualLayouting = NO
+            return result.width
+        }
+        
         return this.intrinsicContentSizeWithConstraints(constrainingHeight).width
         
     }
     
     intrinsicContentHeight(constrainingWidth: number = 0): number {
         
+        if (this.usesVirtualLayoutingForIntrinsicSizing) {
+            UIView.isVirtualLayouting = YES
+            this.frame = this.frame.rectangleWithWidth(constrainingWidth)
+            this.layoutIfNeeded()
+            const result = this.frame
+            UIView.isVirtualLayouting = NO
+            return result.height
+        }
+        
         return this.intrinsicContentSizeWithConstraints(undefined, constrainingWidth).height
         
         
@@ -3472,6 +3526,14 @@ export class UIView extends UIObject {
     
     intrinsicContentSize(): UIRectangle {
         
+        if (this.usesVirtualLayoutingForIntrinsicSizing) {
+            UIView.isVirtualLayouting = YES
+            this.layoutIfNeeded()
+            const result = this.frame
+            UIView.isVirtualLayouting = NO
+            return result
+        }
+        
         return nil
         
     }