uicore-ts 1.1.101 → 1.1.102

package/compiledScripts/UIView.js

@@ -123,21 +123,75 @@ const _UIView = class extends import_UIObject.UIObject {
   static get nextIndex() {
     return _UIView._UIViewIndex + 1;
   }
-  static get pageHeight() {
+  static _initializePageDimensionsCacheIfNeeded() {
+    if (this._resizeObserverInitialized) {
+      return;
+    }
+    this._resizeObserverInitialized = true;
+    window.addEventListener("resize", () => {
+      this._pageDimensionsCacheValid = false;
+    }, { passive: true });
+    const bodyObserver = new ResizeObserver(() => {
+      this._pageDimensionsCacheValid = false;
+    });
+    if (document.body) {
+      bodyObserver.observe(document.body);
+    } else {
+      document.addEventListener("DOMContentLoaded", () => {
+        bodyObserver.observe(document.body);
+      }, { once: true });
+    }
+    const mutationObserver = new MutationObserver(() => {
+      this._pageDimensionsCacheValid = false;
+    });
+    const observeMutations = () => {
+      mutationObserver.observe(document.body, {
+        childList: true,
+        subtree: true,
+        attributes: true,
+        attributeFilter: ["style", "class"]
+      });
+    };
+    if (document.body) {
+      observeMutations();
+    } else {
+      document.addEventListener("DOMContentLoaded", observeMutations, { once: true });
+    }
+  }
+  static _updatePageDimensionsCacheIfNeeded() {
+    if (this._pageDimensionsCacheValid && this._cachedPageWidth !== void 0 && this._cachedPageHeight !== void 0) {
+      return;
+    }
     const body = document.body;
     const html = document.documentElement;
-    return Math.max(
+    this._cachedPageWidth = Math.max(
+      body.scrollWidth,
+      body.offsetWidth,
+      html.clientWidth,
+      html.scrollWidth,
+      html.offsetWidth
+    );
+    this._cachedPageHeight = Math.max(
       body.scrollHeight,
       body.offsetHeight,
       html.clientHeight,
       html.scrollHeight,
       html.offsetHeight
     );
+    this._pageDimensionsCacheValid = true;
   }
   static get pageWidth() {
-    const body = document.body;
-    const html = document.documentElement;
-    return Math.max(body.scrollWidth, body.offsetWidth, html.clientWidth, html.scrollWidth, html.offsetWidth);
+    this._initializePageDimensionsCacheIfNeeded();
+    this._updatePageDimensionsCacheIfNeeded();
+    return this._cachedPageWidth;
+  }
+  static get pageHeight() {
+    this._initializePageDimensionsCacheIfNeeded();
+    this._updatePageDimensionsCacheIfNeeded();
+    return this._cachedPageHeight;
+  }
+  static invalidatePageDimensionsCache() {
+    this._pageDimensionsCacheValid = false;
   }
   centerInContainer() {
     this.style.left = "50%";
@@ -542,7 +596,7 @@ const _UIView = class extends import_UIObject.UIObject {
     }
   }
   get bounds() {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d, _e, _f;
     let _frame;
     if (!this.isVirtualLayouting) {
       _frame = this._frame;
@@ -551,18 +605,19 @@ const _UIView = class extends import_UIObject.UIObject {
     }
     let result;
     if ((0, import_UIObject.IS_NOT)(_frame)) {
-      result = new import_UIRectangle.UIRectangle(
+      result = (_e = this._frameCache) != null ? _e : new import_UIRectangle.UIRectangle(
         0,
         0,
         (_b = (_a = this._resizeObserverEntry) == null ? void 0 : _a.contentRect.height) != null ? _b : this.viewHTMLElement.offsetHeight,
         (_d = (_c = this._resizeObserverEntry) == null ? void 0 : _c.contentRect.width) != null ? _d : this.viewHTMLElement.offsetWidth
       );
+      this._frameCache = result;
     } else {
       let frame;
       if (!this.isVirtualLayouting) {
         frame = this.frame;
       } else {
-        frame = (_e = this._frameForVirtualLayouting) != null ? _e : this.frame;
+        frame = (_f = this._frameForVirtualLayouting) != null ? _f : this.frame;
       }
       result = frame.copy();
       result.x = 0;
@@ -582,6 +637,7 @@ const _UIView = class extends import_UIObject.UIObject {
   }
   didResize(entry) {
     this._resizeObserverEntry = entry;
+    this._frameCache = void 0;
     this.setNeedsLayout();
     this.boundsDidChange(new import_UIRectangle.UIRectangle(0, 0, entry.contentRect.height, entry.contentRect.width));
   }
@@ -2387,6 +2443,8 @@ UIView._onWindowTouchMove = import_UIObject.nil;
 UIView._onWindowMouseMove = import_UIObject.nil;
 UIView._onWindowMouseup = import_UIObject.nil;
 UIView._virtualLayoutingDepth = 0;
+UIView._pageDimensionsCacheValid = false;
+UIView._resizeObserverInitialized = false;
 UIView._transformAttribute = ("transform" in document.documentElement.style ? "transform" : void 0) || ("-webkit-transform" in document.documentElement.style ? "-webkit-transform" : "undefined") || ("-moz-transform" in document.documentElement.style ? "-moz-transform" : "undefined") || ("-ms-transform" in document.documentElement.style ? "-ms-transform" : "undefined") || ("-o-transform" in document.documentElement.style ? "-o-transform" : "undefined");
 UIView.constraintAttribute = {
   "left": AutoLayout.Attribute.LEFT,