uicore-ts 1.1.116 → 1.1.121

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "uicore-ts",
-  "version": "1.1.116",
+  "version": "1.1.121",
   "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/UIButton.ts

@@ -311,7 +311,7 @@ export class UIButton extends UIBaseButton {
         
         let bounds = this.bounds
         
-        this.hoverText = this.titleLabel?.text ?? ""
+        this.hoverText = this.hoverText ?? this.titleLabel?.text ?? ""
         
         // Image only if text is not present
         if (IS_NOT(this.imageView.hidden) && !IS(this.titleLabel?.text)) {

package/scripts/UICore.ts

@@ -10,7 +10,7 @@ export class UICore extends UIObject {
     
     rootViewController: UIViewController
     
-    paddingLength = 20
+    
     
     static RootViewControllerClass: typeof UIViewController
     static main: UICore
@@ -24,7 +24,7 @@ export class UICore extends UIObject {
         
     }
     
-    constructor(rootDivElementID: string, rootViewControllerClass: typeof UIViewController) {
+    constructor(rootDivElementID: string, rootViewControllerClass: typeof UIViewController, public paddingLength = 20) {
         
         super()
         

package/scripts/UIDialogView.ts

@@ -118,9 +118,11 @@ export class UIDialogView<ViewType extends UIView = UIView> extends UIView {
         
         
         containerView.addSubview(this)
+        this.view.setNeedsLayoutUpToRootView()
         
         if (animated) {
             
+            UIView.layoutViewsIfNeeded()
             this.layoutSubviews()
             
             UIView.animateViewOrViewsWithDurationDelayAndFunction(
@@ -250,6 +252,8 @@ export class UIDialogView<ViewType extends UIView = UIView> extends UIView {
         
         this.view.style.zIndex = "" + this.zIndex
         
+        this.view.setNeedsLayout()
+        
         // this.view.style.maxHeight = "" + (bounds.height - margin * 2).integerValue + "px";
         // this.view.style.maxWidth = "" + (bounds.width - margin * 2).integerValue + "px";
         

package/scripts/UITextView.ts

@@ -127,25 +127,47 @@ export class UITextView extends UIView {
         this._intrinsicSizesCache = {}
     }
     
-    private _getMeasurementStyles(): TextMeasurementStyle {
+    private _getMeasurementStyles(): TextMeasurementStyle | null {
         if (this._cachedMeasurementStyles) {
             return this._cachedMeasurementStyles
         }
         
+        // Ensure element is in document
+        if (!this.viewHTMLElement.isConnected) {
+            return null
+        }
+        
+        // Force a layout flush ONCE to ensure computed styles are available
+        // This is only paid once per style change, then we use cached values
+        this.viewHTMLElement.offsetHeight
+        
         const computed = window.getComputedStyle(this.viewHTMLElement)
-        const fontSize = parseFloat(computed.fontSize)
+        const fontSizeStr = computed.fontSize
+        const fontSize = parseFloat(fontSizeStr)
+        
+        if (!fontSize || isNaN(fontSize)) {
+            return null
+        }
+        
+        const lineHeight = this._parseLineHeight(computed.lineHeight, fontSize)
+        
+        if (isNaN(lineHeight)) {
+            return null
+        }
+        
+        const font = [
+            computed.fontStyle || 'normal',
+            computed.fontVariant || 'normal',
+            computed.fontWeight || 'normal',
+            fontSize + 'px',
+            computed.fontFamily || 'sans-serif'
+        ].join(" ")
         
         this._cachedMeasurementStyles = {
-            font: [
-                computed.fontStyle,
-                computed.fontVariant,
-                computed.fontWeight,
-                computed.fontSize,
-                computed.fontFamily
-            ].join(" "),
+            font: font,
             fontSize: fontSize,
-            lineHeight: this._parseLineHeight(computed.lineHeight, fontSize),
-            whiteSpace: computed.whiteSpace,
+            lineHeight: lineHeight,
+            whiteSpace: computed.whiteSpace || 'normal',
             paddingLeft: parseFloat(computed.paddingLeft) || 0,
             paddingRight: parseFloat(computed.paddingRight) || 0,
             paddingTop: parseFloat(computed.paddingTop) || 0,
@@ -491,7 +513,7 @@ export class UITextView extends UIView {
     _intrinsicWidthCache: { [x: string]: { [x: string]: number; }; } & UIObject = new UIObject() as any
     
     private _useFastMeasurement: boolean | undefined
-    private _cachedMeasurementStyles: TextMeasurementStyle | undefined
+    private _cachedMeasurementStyles: TextMeasurementStyle | undefined | null
     
     override usesVirtualLayoutingForIntrinsicSizing = NO
     
@@ -513,7 +535,32 @@ export class UITextView extends UIView {
         var result = cacheObject.valueForKeyPath(keyPath)
         
         if (IS_LIKE_NULL(result)) {
-            result = super.intrinsicContentHeight(constrainingWidth)
+            // Determine if we should use fast measurement
+            const shouldUseFastPath = this._useFastMeasurement ?? this._shouldUseFastMeasurement()
+            
+            if (shouldUseFastPath) {
+                // Fast path: use UITextMeasurement with pre-extracted styles
+                const styles = this._getMeasurementStyles()
+                
+                // If styles are invalid (element not properly initialized), fall back to DOM
+                if (styles) {
+                    const size = UITextMeasurement.calculateTextSize(
+                        this.viewHTMLElement,
+                        this.text || this.innerHTML,
+                        constrainingWidth || undefined,
+                        undefined,
+                        styles
+                    )
+                    result = size.height
+                } else {
+                    // Styles not ready, use DOM measurement
+                    result = super.intrinsicContentHeight(constrainingWidth)
+                }
+            } else {
+                // Fallback: DOM-based measurement for complex content
+                result = super.intrinsicContentHeight(constrainingWidth)
+            }
+            
             cacheObject.setValueForKeyPath(keyPath, result)
         }
         
@@ -539,7 +586,32 @@ export class UITextView extends UIView {
         var result = cacheObject.valueForKeyPath(keyPath)
         
         if (IS_LIKE_NULL(result)) {
-            result = super.intrinsicContentWidth(constrainingHeight)
+            // Determine if we should use fast measurement
+            const shouldUseFastPath = this._useFastMeasurement ?? this._shouldUseFastMeasurement()
+            
+            if (shouldUseFastPath) {
+                // Fast path: use UITextMeasurement with pre-extracted styles
+                const styles = this._getMeasurementStyles()
+                
+                // If styles are invalid (element not properly initialized), fall back to DOM
+                if (styles) {
+                    const size = UITextMeasurement.calculateTextSize(
+                        this.viewHTMLElement,
+                        this.text || this.innerHTML,
+                        undefined,
+                        constrainingHeight || undefined,
+                        styles
+                    )
+                    result = size.width
+                } else {
+                    // Styles not ready, use DOM measurement
+                    result = super.intrinsicContentWidth(constrainingHeight)
+                }
+            } else {
+                // Fallback: DOM-based measurement for complex content
+                result = super.intrinsicContentWidth(constrainingHeight)
+            }
+            
             cacheObject.setValueForKeyPath(keyPath, result)
         }
         

package/scripts/UIView.ts

@@ -5,7 +5,21 @@ import { UICore } from "./UICore"
 import "./UICoreExtensions"
 import type { UIDialogView } from "./UIDialogView"
 import { UILocalizedTextObject } from "./UIInterfaces"
-import { FIRST, FIRST_OR_NIL, IF, IS, IS_DEFINED, IS_NIL, IS_NOT, nil, NO, RETURNER, UIObject, YES } from "./UIObject"
+import {
+    FIRST,
+    FIRST_OR_NIL,
+    IF,
+    IS,
+    IS_DEFINED,
+    IS_NIL,
+    IS_NOT,
+    IS_NOT_LIKE_NULL,
+    nil,
+    NO,
+    RETURNER,
+    UIObject,
+    YES
+} from "./UIObject"
 import { UIPoint } from "./UIPoint"
 import { UIRectangle } from "./UIRectangle"
 import { UIViewController } from "./UIViewController"
@@ -642,13 +656,17 @@ export class UIView extends UIObject {
     }
     
     
-    set hoverText(hoverText: string) {
-        this.viewHTMLElement.setAttribute("title", hoverText)
+    set hoverText(hoverText: string | undefined | null) {
+        if (IS_NOT_LIKE_NULL(hoverText)) {
+            this.viewHTMLElement.setAttribute("title", hoverText)
+        }
+        else {
+            this.viewHTMLElement.removeAttribute("title")
+        }
     }
     
-    
     get hoverText() {
-        return this.viewHTMLElement.getAttribute("title") ?? ""
+        return this.viewHTMLElement.getAttribute("title")
     }