uicore-ts 1.1.361 → 1.1.362

package/compiledScripts/UIDialogView.js

@@ -159,6 +159,9 @@ const _UIDialogView = class extends import_UIView.UIView {
     if (event.name == import_UICore.UICore.broadcastEventName.WindowDidResize) {
       this.setNeedsLayout();
     }
+    if (event.name == import_UIView.UIView.broadcastEventName.PageDidScroll) {
+      this.setNeedsLayout();
+    }
   }
   layoutSubviews() {
     var _a, _b, _c, _d;

package/compiledScripts/UIDialogView.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../scripts/UIDialogView.ts"],
-  "sourcesContent": ["import { IS_FIREFOX } from \"./ClientCheckers\"\nimport { UIColor } from \"./UIColor\"\nimport { UICore } from \"./UICore\"\nimport { UINativeScrollView } from \"./UINativeScrollView\"\nimport { FIRST, IF, IS, nil, NO, YES } from \"./UIObject\"\nimport { UIScrollView } from \"./UIScrollView\"\nimport { UIView, UIViewBroadcastEvent } from \"./UIView\"\n\n\nexport class UIDialogView<ViewType extends UIView = UIView> extends UIView {\n    \n    _isAUIDialogView = YES\n    _view: ViewType = new UIView() as any\n    _appearedAnimated?: boolean\n    animationDuration: number = 0.25\n    _zIndex: number = 100\n    isVisible: boolean = NO\n    dismissesOnTapOutside = YES\n    \n    static _activeDialogCount = 0\n    _fillsViewport = NO\n    \n    constructor(elementID?: string, viewHTMLElement?: HTMLElement) {\n        \n        super(elementID, viewHTMLElement)\n        \n        this.addSubview(this.view)\n        \n        this.addTargetForControlEvent(\n            UIView.controlEvent.PointerTap,\n            (sender: UIView, event: Event) => {\n                \n                this.didDetectTapOutside(sender, event)\n                \n            }\n        )\n        \n        this.backgroundColor = UIColor.colorWithRGBA(0, 10, 25).colorWithAlpha(0.75) //CBColor.primaryContentColor.colorWithAlpha(0.75)\n        \n        this.zIndex = this._zIndex\n        \n    }\n    \n    \n    didDetectTapOutside(sender: UIView, event: Event) {\n        \n        if (event.target == this.viewHTMLElement && this.dismissesOnTapOutside) {\n            this.dismiss(this._appearedAnimated)\n        }\n        \n    }\n    \n    \n    set zIndex(zIndex: number) {\n        \n        this._zIndex = zIndex\n        this.style.zIndex = \"\" + zIndex\n        \n    }\n    \n    get zIndex() {\n        \n        return this._zIndex\n        \n    }\n    \n    \n    set view(view: ViewType) {\n        \n        this._view?.removeFromSuperview()\n        \n        this._view = view\n        \n        this.addSubview(view)\n        \n    }\n    \n    \n    get view(): ViewType {\n        \n        return this._view\n        \n    }\n    \n    \n    override willAppear(animated: boolean = NO) {\n        \n        if (animated) {\n            \n            this.style.opacity = \"0\"\n            \n        }\n        \n        this.style.height = \"\"\n        \n        this._frame = nil\n        \n    }\n    \n    \n    animateAppearing() {\n        \n        this.style.opacity = \"1\"\n        \n    }\n    \n    animateDisappearing() {\n        \n        this.style.opacity = \"0\"\n        \n    }\n    \n    \n    showInView(containerView: UIView, animated: boolean) {\n        \n        this._fillsViewport = containerView.rootView == containerView\n        animated = (animated && !IS_FIREFOX)\n        \n        this._appearedAnimated = animated\n        \n        this.willAppear(animated)\n        \n        \n        if (this._fillsViewport) {\n            UIDialogView._activeDialogCount++\n            if (UIDialogView._activeDialogCount >= 1) {\n                document.body.style.overflow = \"hidden\"\n                this.style.overflowY = \"auto\"\n            }\n        }\n        \n        containerView.addSubview(this)\n        this.view.setNeedsLayoutUpToRootView()\n        \n        if (animated) {\n            \n            UIView.layoutViewsIfNeeded()\n            this.layoutSubviews()\n            \n            UIView.animateViewOrViewsWithDurationDelayAndFunction(\n                this,\n                this.animationDuration,\n                0,\n                undefined,\n                () => this.animateAppearing(),\n                nil\n            )\n            \n            \n        }\n        else {\n            \n            this.setNeedsLayout()\n            \n        }\n        \n        this.isVisible = YES\n        \n    }\n    \n    \n    showInRootView(animated: boolean) {\n        \n        this.showInView(UICore.main.rootViewController.view, animated)\n        \n    }\n    \n    \n    dismiss(animated?: boolean) {\n        \n        if (!this.isVisible) {\n            return\n        }\n        \n        animated = (animated && !IS_FIREFOX)\n        \n        if (animated == undefined) {\n            \n            animated = this._appearedAnimated\n            \n        }\n        \n        const unlockScroll = () => {\n            if (this._fillsViewport) {\n                UIDialogView._activeDialogCount = Math.max(0, UIDialogView._activeDialogCount - 1)\n                if (UIDialogView._activeDialogCount === 0) {\n                    document.body.style.overflow = \"\"\n                }\n                this.style.overflowY = \"\"\n            }\n        }\n        \n        if (animated) {\n            \n            UIView.animateViewOrViewsWithDurationDelayAndFunction(\n                this,\n                this.animationDuration,\n                0,\n                undefined,\n                (() => {\n                    \n                    this.animateDisappearing()\n                    \n                }).bind(this),\n                () => {\n                    \n                    if (this.isVisible == NO) {\n                        \n                        this.removeFromSuperview()\n                        unlockScroll()\n                        \n                    }\n                    \n                }\n            )\n            \n        }\n        else {\n            \n            this.removeFromSuperview()\n            unlockScroll()\n            \n        }\n        \n        this.isVisible = NO\n        \n    }\n    \n    \n    override didReceiveBroadcastEvent(event: UIViewBroadcastEvent) {\n        \n        super.didReceiveBroadcastEvent(event)\n        \n        if (event.name == UICore.broadcastEventName.WindowDidResize) {\n            \n            this.setNeedsLayout()\n            \n        }\n        \n    }\n    \n    \n    override layoutSubviews() {\n        \n        \n        if (!IS(this.view)) {\n            \n            return\n            \n        }\n        \n        if (this._fillsViewport) {\n            const containerRect = this.superview?.viewHTMLElement?.getBoundingClientRect()\n            const topOffset = containerRect ? -containerRect.top / UIView.pageScale : 0\n            this.setPosition(0, 0, 0, topOffset, window.innerHeight / UIView.pageScale, \"100%\")\n        }\n        else {\n            this.setPosition(0, 0, 0, 0, 0, \"100%\")\n            this.setPosition(\n                0,\n                0,\n                0,\n                0,\n                FIRST(\n                    IF(this.superview?.isKindOfClass(UINativeScrollView))(() => this.superview?.scrollSize.height ?? 0)\n                        .ELSE_IF(this.superview?.isKindOfClass(UIScrollView))(\n                            () => this.superview?.scrollSize.height ?? 0)\n                        .ELSE(() => this.superview?.frame.height ?? 0),\n                    UIView.pageHeight\n                ) / UIView.pageScale,\n                \"100%\"\n            )\n        }\n        \n        this.view.style.zIndex = \"\" + this.zIndex\n        \n        this.view.setNeedsLayout()\n        \n        super.layoutSubviews()\n        \n    }\n    \n    \n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { IS_FIREFOX } from \"./ClientCheckers\"\nimport { UIColor } from \"./UIColor\"\nimport { UICore } from \"./UICore\"\nimport { UINativeScrollView } from \"./UINativeScrollView\"\nimport { FIRST, IF, IS, nil, NO, YES } from \"./UIObject\"\nimport { UIScrollView } from \"./UIScrollView\"\nimport { UIView, UIViewBroadcastEvent } from \"./UIView\"\n\n\nexport class UIDialogView<ViewType extends UIView = UIView> extends UIView {\n    \n    _isAUIDialogView = YES\n    _view: ViewType = new UIView() as any\n    _appearedAnimated?: boolean\n    animationDuration: number = 0.25\n    _zIndex: number = 100\n    isVisible: boolean = NO\n    dismissesOnTapOutside = YES\n    \n    static _activeDialogCount = 0\n    _fillsViewport = NO\n    \n    constructor(elementID?: string, viewHTMLElement?: HTMLElement) {\n        \n        super(elementID, viewHTMLElement)\n        \n        this.addSubview(this.view)\n        \n        this.addTargetForControlEvent(\n            UIView.controlEvent.PointerTap,\n            (sender: UIView, event: Event) => {\n                \n                this.didDetectTapOutside(sender, event)\n                \n            }\n        )\n        \n        this.backgroundColor = UIColor.colorWithRGBA(0, 10, 25).colorWithAlpha(0.75) //CBColor.primaryContentColor.colorWithAlpha(0.75)\n        \n        this.zIndex = this._zIndex\n        \n    }\n    \n    \n    didDetectTapOutside(sender: UIView, event: Event) {\n        \n        if (event.target == this.viewHTMLElement && this.dismissesOnTapOutside) {\n            this.dismiss(this._appearedAnimated)\n        }\n        \n    }\n    \n    \n    set zIndex(zIndex: number) {\n        \n        this._zIndex = zIndex\n        this.style.zIndex = \"\" + zIndex\n        \n    }\n    \n    get zIndex() {\n        \n        return this._zIndex\n        \n    }\n    \n    \n    set view(view: ViewType) {\n        \n        this._view?.removeFromSuperview()\n        \n        this._view = view\n        \n        this.addSubview(view)\n        \n    }\n    \n    \n    get view(): ViewType {\n        \n        return this._view\n        \n    }\n    \n    \n    override willAppear(animated: boolean = NO) {\n        \n        if (animated) {\n            \n            this.style.opacity = \"0\"\n            \n        }\n        \n        this.style.height = \"\"\n        \n        this._frame = nil\n        \n    }\n    \n    \n    animateAppearing() {\n        \n        this.style.opacity = \"1\"\n        \n    }\n    \n    animateDisappearing() {\n        \n        this.style.opacity = \"0\"\n        \n    }\n    \n    \n    showInView(containerView: UIView, animated: boolean) {\n        \n        this._fillsViewport = containerView.rootView == containerView\n        animated = (animated && !IS_FIREFOX)\n        \n        this._appearedAnimated = animated\n        \n        this.willAppear(animated)\n        \n        \n        if (this._fillsViewport) {\n            UIDialogView._activeDialogCount++\n            if (UIDialogView._activeDialogCount >= 1) {\n                document.body.style.overflow = \"hidden\"\n                this.style.overflowY = \"auto\"\n            }\n        }\n        \n        containerView.addSubview(this)\n        this.view.setNeedsLayoutUpToRootView()\n        \n        if (animated) {\n            \n            UIView.layoutViewsIfNeeded()\n            this.layoutSubviews()\n            \n            UIView.animateViewOrViewsWithDurationDelayAndFunction(\n                this,\n                this.animationDuration,\n                0,\n                undefined,\n                () => this.animateAppearing(),\n                nil\n            )\n            \n            \n        }\n        else {\n            \n            this.setNeedsLayout()\n            \n        }\n        \n        this.isVisible = YES\n        \n    }\n    \n    \n    showInRootView(animated: boolean) {\n        \n        this.showInView(UICore.main.rootViewController.view, animated)\n        \n    }\n    \n    \n    dismiss(animated?: boolean) {\n        \n        if (!this.isVisible) {\n            return\n        }\n        \n        animated = (animated && !IS_FIREFOX)\n        \n        if (animated == undefined) {\n            \n            animated = this._appearedAnimated\n            \n        }\n        \n        const unlockScroll = () => {\n            if (this._fillsViewport) {\n                UIDialogView._activeDialogCount = Math.max(0, UIDialogView._activeDialogCount - 1)\n                if (UIDialogView._activeDialogCount === 0) {\n                    document.body.style.overflow = \"\"\n                }\n                this.style.overflowY = \"\"\n            }\n        }\n        \n        if (animated) {\n            \n            UIView.animateViewOrViewsWithDurationDelayAndFunction(\n                this,\n                this.animationDuration,\n                0,\n                undefined,\n                (() => {\n                    \n                    this.animateDisappearing()\n                    \n                }).bind(this),\n                () => {\n                    \n                    if (this.isVisible == NO) {\n                        \n                        this.removeFromSuperview()\n                        unlockScroll()\n                        \n                    }\n                    \n                }\n            )\n            \n        }\n        else {\n            \n            this.removeFromSuperview()\n            unlockScroll()\n            \n        }\n        \n        this.isVisible = NO\n        \n    }\n    \n    \n    override didReceiveBroadcastEvent(event: UIViewBroadcastEvent) {\n        \n        super.didReceiveBroadcastEvent(event)\n        \n        if (event.name == UICore.broadcastEventName.WindowDidResize) {\n            \n            this.setNeedsLayout()\n            \n        }\n        \n        if (event.name == UIView.broadcastEventName.PageDidScroll) {\n            \n            this.setNeedsLayout()\n            \n        }\n        \n    }\n    \n    \n    override layoutSubviews() {\n        \n        \n        if (!IS(this.view)) {\n            \n            return\n            \n        }\n        \n        if (this._fillsViewport) {\n            const containerRect = this.superview?.viewHTMLElement?.getBoundingClientRect()\n            const topOffset = containerRect ? -containerRect.top / UIView.pageScale : 0\n            this.setPosition(0, 0, 0, topOffset, window.innerHeight / UIView.pageScale, \"100%\")\n        }\n        else {\n            this.setPosition(0, 0, 0, 0, 0, \"100%\")\n            this.setPosition(\n                0,\n                0,\n                0,\n                0,\n                FIRST(\n                    IF(this.superview?.isKindOfClass(UINativeScrollView))(() => this.superview?.scrollSize.height ?? 0)\n                        .ELSE_IF(this.superview?.isKindOfClass(UIScrollView))(\n                            () => this.superview?.scrollSize.height ?? 0)\n                        .ELSE(() => this.superview?.frame.height ?? 0),\n                    UIView.pageHeight\n                ) / UIView.pageScale,\n                \"100%\"\n            )\n        }\n        \n        this.view.style.zIndex = \"\" + this.zIndex\n        \n        this.view.setNeedsLayout()\n        \n        super.layoutSubviews()\n        \n    }\n    \n    \n}\n"],
+  "mappings": "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",
   "names": ["_a", "_b"]
 }

package/compiledScripts/UIRootViewController.js

@@ -238,7 +238,7 @@ class UIRootViewController extends import_UIViewController.UIViewController {
     topBarHeight = 65,
     bottomBarMinHeight = 100
   } = {}) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
     const bounds = this.view.bounds;
     if (this.topBarView) {
       this.topBarView.frame = new import_UIRectangle.UIRectangle(0, 0, topBarHeight, bounds.width);
@@ -286,19 +286,25 @@ class UIRootViewController extends import_UIViewController.UIViewController {
         this.detailsViewController.view.intrinsicContentWidth() || contentView.bounds.width,
         contentView.bounds.width
       );
-      this.detailsViewController.view.frame = this.backgroundView.frame.rectangleWithInset(
-        paddingLength
-      ).rectangleWithWidth(
-        detailsWidth,
-        0.5
-      ).rectangleWithHeight(
-        Math.max(
-          this.detailsViewController.view.intrinsicContentHeight(
-            this.detailsViewController.view.bounds.width
-          ),
-          contentView.bounds.height
-        )
+      const containerRect = this.view.viewHTMLElement.getBoundingClientRect();
+      const visibleTopBarHeight = Math.max(
+        0,
+        ((_k = (_j = this.topBarView) == null ? void 0 : _j.frame.height) != null ? _k : 0) + containerRect.top / import_UIView.UIView.pageScale
       );
+      const minimumTop = visibleTopBarHeight + paddingLength;
+      const viewportHeight = window.innerHeight / import_UIView.UIView.pageScale;
+      const viewportBelowTopBarCenterY = minimumTop + (viewportHeight - minimumTop) * 0.5;
+      const detailsHeight = Math.max(
+        this.detailsViewController.view.intrinsicContentHeight(
+          this.detailsViewController.view.bounds.width
+        ),
+        contentView.bounds.height
+      );
+      let detailsFrame = this.backgroundView.frame.rectangleWithWidth(detailsWidth, 0.5).rectangleWithHeight(detailsHeight).rectangleWithY(viewportBelowTopBarCenterY, 0.5);
+      if (detailsFrame.y < minimumTop) {
+        detailsFrame = detailsFrame.rectangleWithY(minimumTop);
+      }
+      this.detailsViewController.view.frame = detailsFrame;
     } else {
       contentView.style.transform = "translateX(" + 0 + "px)";
     }
@@ -309,7 +315,7 @@ class UIRootViewController extends import_UIViewController.UIViewController {
         Math.max(bottomBarMinHeight, this.bottomBarView.intrinsicContentHeight(this.backgroundView.frame.width))
       );
     }
-    (0, import_UIObject.wrapInNil)(this._detailsDialogView).setMaxSizes((_k = (_j = this.bottomBarView) == null ? void 0 : _j.frame.max.y) != null ? _k : 0);
+    (0, import_UIObject.wrapInNil)(this._detailsDialogView).setMaxSizes((_m = (_l = this.bottomBarView) == null ? void 0 : _l.frame.max.y) != null ? _m : 0);
   }
 }
 // Annotate the CommonJS export names for ESM import in node:

package/compiledScripts/UIRootViewController.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../scripts/UIRootViewController.ts"],
-  "sourcesContent": ["import { UIColor } from \"./UIColor\"\nimport { UICore } from \"./UICore\"\nimport { UIDialogView } from \"./UIDialogView\"\nimport { EXTEND, FIRST, FIRST_OR_NIL, IS, IS_NOT, LAZY_VALUE, nil, NO, UIObject, wrapInNil, YES } from \"./UIObject\"\nimport { UIRectangle } from \"./UIRectangle\"\nimport { UIRoute } from \"./UIRoute\"\nimport { UIView } from \"./UIView\"\nimport { UIViewController } from \"./UIViewController\"\n\n\nexport interface UIRootViewControllerLazyViewControllerObject<T extends typeof UIViewController> {\n    instance: InstanceType<T>;\n    class: T;\n    shouldShow: () => (Promise<boolean> | boolean);\n    isInitialized: boolean;\n    deleteOnUnload: boolean;\n    deleteOnLogout: boolean;\n    /** Only applicable when the VC is registered in detailsViewControllers.\n     *  When YES, pressing Escape will dismiss the details dialog. */\n    dismissesOnEscape: boolean;\n    deleteInstance: () => void\n}\n\n\nexport interface UIRootViewControllerLazyViewControllersObject {\n    [x: string]: UIRootViewControllerLazyViewControllerObject<typeof UIViewController>\n}\n\n\nexport interface UIRootViewControllerLazyContentViewControllersObject extends UIRootViewControllerLazyViewControllersObject {\n    mainViewController: UIRootViewControllerLazyViewControllerObject<typeof UIViewController>\n}\n\n\nexport class UIRootViewController extends UIViewController {\n    \n    topBarView?: UIView\n    backgroundView: UIView = new UIView(this.view.elementID + \"BackgroundView\").configuredWithObject({\n        style: {\n            background: \"linear-gradient(\" + UIColor.whiteColor.stringValue + \", \" + UIColor.blueColor.stringValue + \")\",\n            backgroundSize: \"cover\",\n            backgroundRepeat: \"no-repeat\"\n        }\n    })\n    bottomBarView?: UIView\n    \n    _contentViewController?: UIViewController\n    contentViewControllers: UIRootViewControllerLazyContentViewControllersObject = {\n        mainViewController: this.lazyViewControllerObjectWithClass(UIViewController)\n    }\n    \n    _detailsDialogView: UIDialogView = new UIDialogView(this.view.elementID + \"DetailsDialogView\")\n        .configuredWithObject({\n            dismiss: EXTEND(() => {\n                    let route = UIRoute.currentRoute\n                    this.detailsViewControllers.allValues.forEach(\n                        value => route = route.routeByRemovingComponentNamed(value.class.routeComponentName)\n                    )\n                    route.apply()\n                }\n            )\n        })\n    _detailsViewController?: UIViewController\n    detailsViewControllers: UIRootViewControllerLazyViewControllersObject = {}\n    \n    \n    constructor(view: UIView) {\n        \n        super(view)\n        \n        this.view.addSubview(this.backgroundView)\n        \n    }\n    \n    \n    lazyViewControllerObjectWithClass<T extends typeof UIViewController>(\n        classObject: T,\n        options: {\n            shouldShow?: () => (Promise<boolean> | boolean),\n            deleteOnUnload?: boolean,\n            deleteOnLogout?: boolean,\n            /** Only applicable when the VC is registered in detailsViewControllers.\n             *  When YES, pressing Escape will dismiss the details dialog. */\n            dismissesOnEscape?: boolean\n        } = {}\n    ): UIRootViewControllerLazyViewControllerObject<T> {\n        const shouldShow = options.shouldShow ?? (() => YES)\n        const deleteOnUnload = options.deleteOnUnload ?? NO\n        const deleteOnLogout = options.deleteOnLogout ?? YES\n        const dismissesOnEscape = options.dismissesOnEscape ?? NO\n        \n        const result: UIRootViewControllerLazyViewControllerObject<T> = {\n            class: classObject,\n            instance: nil,\n            shouldShow: shouldShow,\n            isInitialized: NO,\n            deleteOnUnload: deleteOnUnload,\n            deleteOnLogout: deleteOnLogout,\n            dismissesOnEscape: dismissesOnEscape,\n            deleteInstance: () => {\n                if (result.isInitialized) {\n                    result.isInitialized = NO\n                    // Remove the view's DOM element before resetting the lazy value.\n                    // UIView reuses existing elements by ID, so if the element remains\n                    // in the DOM the next construction would attach a new controller\n                    // to the same stale element, causing duplicate subviews.\n                    const existingView = result.instance?.view\n                    if (existingView) {\n                        existingView.removeFromSuperview()\n                        existingView.viewHTMLElement.remove()\n                    }\n                    initializeLazyInstance()\n                }\n            }\n        }\n        \n        const initializeLazyInstance = () => {\n            UIObject.configureWithObject(result, {\n                // @ts-ignore\n                instance: LAZY_VALUE(\n                    () => {\n                        result.isInitialized = YES\n                        return new classObject(\n                            new UIView(classObject.name.replace(\"ViewController\", \"View\"))\n                        )\n                    }\n                )\n            })\n        }\n        \n        initializeLazyInstance()\n        \n        return result\n    }\n    \n    \n    override async handleRoute(route: UIRoute) {\n        \n        await super.handleRoute(route)\n        \n        UICore.languageService.updateCurrentLanguageKey()\n        \n        // Show content view\n        await this.setContentViewControllerForRoute(route)\n        \n        await this.setDetailsViewControllerForRoute(route)\n        \n    }\n    \n    \n    async setContentViewControllerForRoute(route: UIRoute) {\n        const contentViewControllerObject = FIRST(\n            await this.contentViewControllers.allValues.findAsyncSequential(\n                async value => IS(route.componentWithViewController(value.class)) && await value.shouldShow()\n            ),\n            this.contentViewControllers.mainViewController\n        )\n        \n        // Delete old view controller if it has deleteOnUnload flag set\n        if (IS(this._contentViewController) && this._contentViewController !== contentViewControllerObject.instance) {\n            const oldViewControllerObject = this.contentViewControllers.allValues.find(\n                value => value.isInitialized && value.instance === this._contentViewController\n            )\n            if (oldViewControllerObject?.deleteOnUnload) {\n                oldViewControllerObject.deleteInstance()\n            }\n        }\n        \n        this.contentViewController = contentViewControllerObject.instance\n    }\n    \n    async setDetailsViewControllerForRoute(route: UIRoute) {\n        const detailsViewControllerObject = FIRST_OR_NIL(\n            await this.detailsViewControllers.allValues.findAsyncSequential(\n                async value => IS(route.componentWithViewController(value.class)) && await value.shouldShow()\n            )\n        )\n        if (IS(route) && IS(this.detailsViewController) && IS_NOT(detailsViewControllerObject)) {\n            // Delete old details view controller if it has deleteOnUnload flag set\n            const oldViewControllerObject = this.detailsViewControllers.allValues.find(\n                value => value.isInitialized && value.instance === this._detailsViewController\n            )\n            if (oldViewControllerObject?.deleteOnUnload) {\n                oldViewControllerObject.deleteInstance()\n            }\n            \n            this.detailsViewController = undefined\n            this._detailsDialogView.dismiss()\n            this.view.setNeedsLayout()\n            return\n        }\n        \n        // Delete old details view controller if it has deleteOnUnload flag set and is being replaced\n        if (IS(this._detailsViewController) && this._detailsViewController !== detailsViewControllerObject?.instance) {\n            const oldViewControllerObject = this.detailsViewControllers.allValues.find(\n                value => value.isInitialized && value.instance === this._detailsViewController\n            )\n            if (oldViewControllerObject?.deleteOnUnload) {\n                oldViewControllerObject.deleteInstance()\n            }\n        }\n        \n        this.detailsViewController = detailsViewControllerObject?.instance\n    }\n    \n    get contentViewController(): UIViewController | undefined {\n        return this._contentViewController\n    }\n    \n    set contentViewController(controller: UIViewController) {\n        \n        if (this.contentViewController == controller) {\n            return\n        }\n        \n        if (this.contentViewController) {\n            this.removeChildViewController(this.contentViewController)\n        }\n        \n        this._contentViewController = controller\n        this.addChildViewControllerInContainer(controller, this.backgroundView)\n        this._triggerLayoutViewSubviews()\n        \n        if (this.contentViewController) {\n            this.contentViewController.view.style.boxShadow = \"0 3px 6px 0 rgba(0, 0, 0, 0.1)\"\n        }\n        \n        this.view.setNeedsLayout()\n        \n    }\n    \n    \n    get detailsViewController(): UIViewController | undefined {\n        return this._detailsViewController\n    }\n    \n    set detailsViewController(controller: UIViewController | undefined) {\n        \n        if (this.detailsViewController == controller) {\n            return\n        }\n        \n        if (IS(this.detailsViewController)) {\n            this.removeChildViewController(this.detailsViewController)\n        }\n        \n        this._detailsViewController = controller\n        \n        if (!IS(controller)) {\n            return\n        }\n        \n        this.addChildViewControllerInDialogView(controller, this._detailsDialogView)\n        this._triggerLayoutViewSubviews()\n        \n        FIRST_OR_NIL(this.detailsViewController).view.style.borderRadius = \"5px\"\n        \n        this._detailsDialogView.showInView(this.view, YES)\n        \n    }\n    \n    updatePageScale(\n        {\n            minScaleWidth = 700,\n            maxScaleWidth = 1500,\n            minScale = 0.7,\n            maxScale = 1\n        } = {}\n    ) {\n        const actualPageWidth = window.innerWidth ?? (UIView.pageWidth * UIView.pageScale).integerValue\n        let scale = minScale + (maxScale - minScale) *\n            ((actualPageWidth - minScaleWidth) / (maxScaleWidth - minScaleWidth))\n        scale = Math.min(scale, maxScale)\n        scale = Math.max(scale, minScale)\n        UIView.pageScale = scale\n    }\n    \n    \n    performDefaultLayout(\n        {\n            paddingLength = 20,\n            contentViewMaxWidth = 1000,\n            topBarHeight = 65,\n            bottomBarMinHeight = 100\n        } = {}\n    ) {\n        \n        // View bounds\n        const bounds = this.view.bounds\n        \n        if (this.topBarView) {\n            this.topBarView.frame = new UIRectangle(0, 0, topBarHeight, bounds.width)\n        }\n        \n        this.backgroundView.style.top = \"\" + (this.topBarView?.frame.height.integerValue ?? 0) + \"px\"\n        this.backgroundView.style.width = \"100%\"\n        this.backgroundView.style.height = \"fit-content\"\n        this.backgroundView.style.minHeight = \"\" +\n            (bounds.height - (this.topBarView?.frame.height ?? 0) - (this.bottomBarView?.frame.height ?? 0)).integerValue + \"px\"\n        \n        const contentView: UIView = this.contentViewController?.view ?? nil\n        \n        //var contentViewStyleString = contentView.viewHTMLElement.style.cssText\n        \n        contentView.style.position = \"relative\"\n        contentView.style.bottom = \"0\"\n        contentView.style.top = \"0\"\n        contentView.style.width = \"100%\"\n        contentView.setPaddings(nil, nil, paddingLength, nil)\n        \n        \n        if (contentViewMaxWidth < this.backgroundView.bounds.width) {\n            \n            contentView.style.marginBottom = \"\" +\n                Math.min(\n                    (this.backgroundView.bounds.width - contentViewMaxWidth) * 0.5,\n                    paddingLength\n                ).integerValue + \"px\"\n            contentView.style.marginTop = \"\" +\n                Math.min(\n                    (this.backgroundView.bounds.width - contentViewMaxWidth) * 0.5,\n                    paddingLength\n                ).integerValue + \"px\"\n            contentView.style.maxWidth = contentViewMaxWidth + \"px\"\n            \n            contentView.style.left = \"\" +\n                ((this.backgroundView.bounds.width - contentView.bounds.width) * 0.5).integerValue +\n                \"px\"\n            \n        }\n        else {\n            \n            contentView.style.margin = \"\"\n            contentView.style.left = \"\"\n            contentView.style.maxWidth = \"\"\n            \n        }\n        \n        // if (contentViewStyleString != contentView.style.cssText) {\n        //\n        //     contentView.setNeedsLayout()\n        //\n        // }\n        \n        \n        \n        // Triggering immediate layout to ensure that the intrinsicContentHeight calculations work well\n        this.contentViewController?._triggerLayoutViewSubviews()\n        \n        let contentViewControllerViewHeight = contentView.intrinsicContentHeight(\n            contentView.bounds.width\n        )\n        \n        const detailsViewControllerViewHeight = FIRST_OR_NIL(this.detailsViewController).view.intrinsicContentHeight(\n            contentView.bounds.width)\n        if (detailsViewControllerViewHeight > contentViewControllerViewHeight) {\n            contentViewControllerViewHeight = detailsViewControllerViewHeight\n        }\n        \n        \n        contentView.style.height = \"\" + contentViewControllerViewHeight.integerValue + \"px\"\n        //contentView.setNeedsLayout()\n        \n        if (IS(this.detailsViewController)) {\n            \n            contentView.style.transform = \"translateX(\" + 0 + \"px)\"\n            \n            const detailsWidth = Math.min(\n                this.detailsViewController.view.intrinsicContentWidth() || contentView.bounds.width,\n                contentView.bounds.width\n            )\n            this.detailsViewController.view.frame = this.backgroundView.frame.rectangleWithInset(\n                paddingLength\n            ).rectangleWithWidth(\n                detailsWidth,\n                0.5\n            ).rectangleWithHeight(\n                Math.max(\n                    this.detailsViewController.view.intrinsicContentHeight(\n                        this.detailsViewController.view.bounds.width\n                    ),\n                    contentView.bounds.height\n                )\n            )\n            \n        }\n        else {\n            \n            contentView.style.transform = \"translateX(\" + 0 + \"px)\"\n            \n        }\n        \n        if (this.bottomBarView) {\n            this.bottomBarView.frame = this.backgroundView.frame.rectangleWithY(\n                this.backgroundView.frame.max.y\n            ).rectangleWithHeight(\n                Math.max(bottomBarMinHeight, this.bottomBarView.intrinsicContentHeight(this.backgroundView.frame.width))\n            )\n        }\n        \n        \n        wrapInNil(this._detailsDialogView).setMaxSizes(this.bottomBarView?.frame.max.y ?? 0)\n        \n    }\n    \n    \n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { UIColor } from \"./UIColor\"\nimport { UICore } from \"./UICore\"\nimport { UIDialogView } from \"./UIDialogView\"\nimport { EXTEND, FIRST, FIRST_OR_NIL, IS, IS_NOT, LAZY_VALUE, nil, NO, UIObject, wrapInNil, YES } from \"./UIObject\"\nimport { UIRectangle } from \"./UIRectangle\"\nimport { UIRoute } from \"./UIRoute\"\nimport { UIView } from \"./UIView\"\nimport { UIViewController } from \"./UIViewController\"\n\n\nexport interface UIRootViewControllerLazyViewControllerObject<T extends typeof UIViewController> {\n    instance: InstanceType<T>;\n    class: T;\n    shouldShow: () => (Promise<boolean> | boolean);\n    isInitialized: boolean;\n    deleteOnUnload: boolean;\n    deleteOnLogout: boolean;\n    /** Only applicable when the VC is registered in detailsViewControllers.\n     *  When YES, pressing Escape will dismiss the details dialog. */\n    dismissesOnEscape: boolean;\n    deleteInstance: () => void\n}\n\n\nexport interface UIRootViewControllerLazyViewControllersObject {\n    [x: string]: UIRootViewControllerLazyViewControllerObject<typeof UIViewController>\n}\n\n\nexport interface UIRootViewControllerLazyContentViewControllersObject extends UIRootViewControllerLazyViewControllersObject {\n    mainViewController: UIRootViewControllerLazyViewControllerObject<typeof UIViewController>\n}\n\n\nexport class UIRootViewController extends UIViewController {\n    \n    topBarView?: UIView\n    backgroundView: UIView = new UIView(this.view.elementID + \"BackgroundView\").configuredWithObject({\n        style: {\n            background: \"linear-gradient(\" + UIColor.whiteColor.stringValue + \", \" + UIColor.blueColor.stringValue + \")\",\n            backgroundSize: \"cover\",\n            backgroundRepeat: \"no-repeat\"\n        }\n    })\n    bottomBarView?: UIView\n    \n    _contentViewController?: UIViewController\n    contentViewControllers: UIRootViewControllerLazyContentViewControllersObject = {\n        mainViewController: this.lazyViewControllerObjectWithClass(UIViewController)\n    }\n    \n    _detailsDialogView: UIDialogView = new UIDialogView(this.view.elementID + \"DetailsDialogView\")\n        .configuredWithObject({\n            dismiss: EXTEND(() => {\n                    let route = UIRoute.currentRoute\n                    this.detailsViewControllers.allValues.forEach(\n                        value => route = route.routeByRemovingComponentNamed(value.class.routeComponentName)\n                    )\n                    route.apply()\n                }\n            )\n        })\n    _detailsViewController?: UIViewController\n    detailsViewControllers: UIRootViewControllerLazyViewControllersObject = {}\n    \n    \n    constructor(view: UIView) {\n        \n        super(view)\n        \n        this.view.addSubview(this.backgroundView)\n        \n    }\n    \n    \n    lazyViewControllerObjectWithClass<T extends typeof UIViewController>(\n        classObject: T,\n        options: {\n            shouldShow?: () => (Promise<boolean> | boolean),\n            deleteOnUnload?: boolean,\n            deleteOnLogout?: boolean,\n            /** Only applicable when the VC is registered in detailsViewControllers.\n             *  When YES, pressing Escape will dismiss the details dialog. */\n            dismissesOnEscape?: boolean\n        } = {}\n    ): UIRootViewControllerLazyViewControllerObject<T> {\n        const shouldShow = options.shouldShow ?? (() => YES)\n        const deleteOnUnload = options.deleteOnUnload ?? NO\n        const deleteOnLogout = options.deleteOnLogout ?? YES\n        const dismissesOnEscape = options.dismissesOnEscape ?? NO\n        \n        const result: UIRootViewControllerLazyViewControllerObject<T> = {\n            class: classObject,\n            instance: nil,\n            shouldShow: shouldShow,\n            isInitialized: NO,\n            deleteOnUnload: deleteOnUnload,\n            deleteOnLogout: deleteOnLogout,\n            dismissesOnEscape: dismissesOnEscape,\n            deleteInstance: () => {\n                if (result.isInitialized) {\n                    result.isInitialized = NO\n                    // Remove the view's DOM element before resetting the lazy value.\n                    // UIView reuses existing elements by ID, so if the element remains\n                    // in the DOM the next construction would attach a new controller\n                    // to the same stale element, causing duplicate subviews.\n                    const existingView = result.instance?.view\n                    if (existingView) {\n                        existingView.removeFromSuperview()\n                        existingView.viewHTMLElement.remove()\n                    }\n                    initializeLazyInstance()\n                }\n            }\n        }\n        \n        const initializeLazyInstance = () => {\n            UIObject.configureWithObject(result, {\n                // @ts-ignore\n                instance: LAZY_VALUE(\n                    () => {\n                        result.isInitialized = YES\n                        return new classObject(\n                            new UIView(classObject.name.replace(\"ViewController\", \"View\"))\n                        )\n                    }\n                )\n            })\n        }\n        \n        initializeLazyInstance()\n        \n        return result\n    }\n    \n    \n    override async handleRoute(route: UIRoute) {\n        \n        await super.handleRoute(route)\n        \n        UICore.languageService.updateCurrentLanguageKey()\n        \n        // Show content view\n        await this.setContentViewControllerForRoute(route)\n        \n        await this.setDetailsViewControllerForRoute(route)\n        \n    }\n    \n    \n    async setContentViewControllerForRoute(route: UIRoute) {\n        const contentViewControllerObject = FIRST(\n            await this.contentViewControllers.allValues.findAsyncSequential(\n                async value => IS(route.componentWithViewController(value.class)) && await value.shouldShow()\n            ),\n            this.contentViewControllers.mainViewController\n        )\n        \n        // Delete old view controller if it has deleteOnUnload flag set\n        if (IS(this._contentViewController) && this._contentViewController !== contentViewControllerObject.instance) {\n            const oldViewControllerObject = this.contentViewControllers.allValues.find(\n                value => value.isInitialized && value.instance === this._contentViewController\n            )\n            if (oldViewControllerObject?.deleteOnUnload) {\n                oldViewControllerObject.deleteInstance()\n            }\n        }\n        \n        this.contentViewController = contentViewControllerObject.instance\n    }\n    \n    async setDetailsViewControllerForRoute(route: UIRoute) {\n        const detailsViewControllerObject = FIRST_OR_NIL(\n            await this.detailsViewControllers.allValues.findAsyncSequential(\n                async value => IS(route.componentWithViewController(value.class)) && await value.shouldShow()\n            )\n        )\n        if (IS(route) && IS(this.detailsViewController) && IS_NOT(detailsViewControllerObject)) {\n            // Delete old details view controller if it has deleteOnUnload flag set\n            const oldViewControllerObject = this.detailsViewControllers.allValues.find(\n                value => value.isInitialized && value.instance === this._detailsViewController\n            )\n            if (oldViewControllerObject?.deleteOnUnload) {\n                oldViewControllerObject.deleteInstance()\n            }\n            \n            this.detailsViewController = undefined\n            this._detailsDialogView.dismiss()\n            this.view.setNeedsLayout()\n            return\n        }\n        \n        // Delete old details view controller if it has deleteOnUnload flag set and is being replaced\n        if (IS(this._detailsViewController) && this._detailsViewController !== detailsViewControllerObject?.instance) {\n            const oldViewControllerObject = this.detailsViewControllers.allValues.find(\n                value => value.isInitialized && value.instance === this._detailsViewController\n            )\n            if (oldViewControllerObject?.deleteOnUnload) {\n                oldViewControllerObject.deleteInstance()\n            }\n        }\n        \n        this.detailsViewController = detailsViewControllerObject?.instance\n    }\n    \n    get contentViewController(): UIViewController | undefined {\n        return this._contentViewController\n    }\n    \n    set contentViewController(controller: UIViewController) {\n        \n        if (this.contentViewController == controller) {\n            return\n        }\n        \n        if (this.contentViewController) {\n            this.removeChildViewController(this.contentViewController)\n        }\n        \n        this._contentViewController = controller\n        this.addChildViewControllerInContainer(controller, this.backgroundView)\n        this._triggerLayoutViewSubviews()\n        \n        if (this.contentViewController) {\n            this.contentViewController.view.style.boxShadow = \"0 3px 6px 0 rgba(0, 0, 0, 0.1)\"\n        }\n        \n        this.view.setNeedsLayout()\n        \n    }\n    \n    \n    get detailsViewController(): UIViewController | undefined {\n        return this._detailsViewController\n    }\n    \n    set detailsViewController(controller: UIViewController | undefined) {\n        \n        if (this.detailsViewController == controller) {\n            return\n        }\n        \n        if (IS(this.detailsViewController)) {\n            this.removeChildViewController(this.detailsViewController)\n        }\n        \n        this._detailsViewController = controller\n        \n        if (!IS(controller)) {\n            return\n        }\n        \n        this.addChildViewControllerInDialogView(controller, this._detailsDialogView)\n        this._triggerLayoutViewSubviews()\n        \n        FIRST_OR_NIL(this.detailsViewController).view.style.borderRadius = \"5px\"\n        \n        this._detailsDialogView.showInView(this.view, YES)\n        \n    }\n    \n    updatePageScale(\n        {\n            minScaleWidth = 700,\n            maxScaleWidth = 1500,\n            minScale = 0.7,\n            maxScale = 1\n        } = {}\n    ) {\n        const actualPageWidth = window.innerWidth ?? (UIView.pageWidth * UIView.pageScale).integerValue\n        let scale = minScale + (maxScale - minScale) *\n            ((actualPageWidth - minScaleWidth) / (maxScaleWidth - minScaleWidth))\n        scale = Math.min(scale, maxScale)\n        scale = Math.max(scale, minScale)\n        UIView.pageScale = scale\n    }\n    \n    \n    performDefaultLayout(\n        {\n            paddingLength = 20,\n            contentViewMaxWidth = 1000,\n            topBarHeight = 65,\n            bottomBarMinHeight = 100\n        } = {}\n    ) {\n        \n        // View bounds\n        const bounds = this.view.bounds\n        \n        if (this.topBarView) {\n            this.topBarView.frame = new UIRectangle(0, 0, topBarHeight, bounds.width)\n        }\n        \n        this.backgroundView.style.top = \"\" + (this.topBarView?.frame.height.integerValue ?? 0) + \"px\"\n        this.backgroundView.style.width = \"100%\"\n        this.backgroundView.style.height = \"fit-content\"\n        this.backgroundView.style.minHeight = \"\" +\n            (bounds.height - (this.topBarView?.frame.height ?? 0) - (this.bottomBarView?.frame.height ?? 0)).integerValue + \"px\"\n        \n        const contentView: UIView = this.contentViewController?.view ?? nil\n        \n        //var contentViewStyleString = contentView.viewHTMLElement.style.cssText\n        \n        contentView.style.position = \"relative\"\n        contentView.style.bottom = \"0\"\n        contentView.style.top = \"0\"\n        contentView.style.width = \"100%\"\n        contentView.setPaddings(nil, nil, paddingLength, nil)\n        \n        \n        if (contentViewMaxWidth < this.backgroundView.bounds.width) {\n            \n            contentView.style.marginBottom = \"\" +\n                Math.min(\n                    (this.backgroundView.bounds.width - contentViewMaxWidth) * 0.5,\n                    paddingLength\n                ).integerValue + \"px\"\n            contentView.style.marginTop = \"\" +\n                Math.min(\n                    (this.backgroundView.bounds.width - contentViewMaxWidth) * 0.5,\n                    paddingLength\n                ).integerValue + \"px\"\n            contentView.style.maxWidth = contentViewMaxWidth + \"px\"\n            \n            contentView.style.left = \"\" +\n                ((this.backgroundView.bounds.width - contentView.bounds.width) * 0.5).integerValue +\n                \"px\"\n            \n        }\n        else {\n            \n            contentView.style.margin = \"\"\n            contentView.style.left = \"\"\n            contentView.style.maxWidth = \"\"\n            \n        }\n        \n        // if (contentViewStyleString != contentView.style.cssText) {\n        //\n        //     contentView.setNeedsLayout()\n        //\n        // }\n        \n        \n        \n        // Triggering immediate layout to ensure that the intrinsicContentHeight calculations work well\n        this.contentViewController?._triggerLayoutViewSubviews()\n        \n        let contentViewControllerViewHeight = contentView.intrinsicContentHeight(\n            contentView.bounds.width\n        )\n        \n        const detailsViewControllerViewHeight = FIRST_OR_NIL(this.detailsViewController).view.intrinsicContentHeight(\n            contentView.bounds.width)\n        if (detailsViewControllerViewHeight > contentViewControllerViewHeight) {\n            contentViewControllerViewHeight = detailsViewControllerViewHeight\n        }\n        \n        \n        contentView.style.height = \"\" + contentViewControllerViewHeight.integerValue + \"px\"\n        //contentView.setNeedsLayout()\n        \n        if (IS(this.detailsViewController)) {\n            \n            contentView.style.transform = \"translateX(\" + 0 + \"px)\"\n            \n            const detailsWidth = Math.min(\n                this.detailsViewController.view.intrinsicContentWidth() || contentView.bounds.width,\n                contentView.bounds.width\n            )\n            \n            // _detailsDialogView fills the currently visible viewport and uses\n            // viewport-relative local coordinates (its own y = 0 is \"top of the\n            // visible viewport\", tracking scroll \u2014 see UIDialogView.layoutSubviews).\n            // The dialog content is a subview of that backdrop, so its frame must\n            // be computed in that same viewport-relative space, not in the page's\n            // document coordinates that backgroundView.frame uses. Otherwise the\n            // dialog's vertical position drifts further down the page the more\n            // the user has scrolled before opening it.\n            const containerRect = this.view.viewHTMLElement.getBoundingClientRect()\n            const visibleTopBarHeight = Math.max(\n                0,\n                (this.topBarView?.frame.height ?? 0) + containerRect.top / UIView.pageScale\n            )\n            const minimumTop = visibleTopBarHeight + paddingLength\n            const viewportHeight = window.innerHeight / UIView.pageScale\n            const viewportBelowTopBarCenterY = minimumTop + (viewportHeight - minimumTop) * 0.5\n            \n            const detailsHeight = Math.max(\n                this.detailsViewController.view.intrinsicContentHeight(\n                    this.detailsViewController.view.bounds.width\n                ),\n                contentView.bounds.height\n            )\n            \n            let detailsFrame = this.backgroundView.frame\n                .rectangleWithWidth(detailsWidth, 0.5)\n                .rectangleWithHeight(detailsHeight)\n                .rectangleWithY(viewportBelowTopBarCenterY, 0.5)\n            \n            // If centering would place the dialog's top edge above the visible\n            // top bar (or above the viewport entirely, on very short dialogs),\n            // shift it down so it never overlaps or floats above that boundary.\n            if (detailsFrame.y < minimumTop) {\n                detailsFrame = detailsFrame.rectangleWithY(minimumTop)\n            }\n            \n            this.detailsViewController.view.frame = detailsFrame\n            \n        }\n        else {\n            \n            contentView.style.transform = \"translateX(\" + 0 + \"px)\"\n            \n        }\n        \n        if (this.bottomBarView) {\n            this.bottomBarView.frame = this.backgroundView.frame.rectangleWithY(\n                this.backgroundView.frame.max.y\n            ).rectangleWithHeight(\n                Math.max(bottomBarMinHeight, this.bottomBarView.intrinsicContentHeight(this.backgroundView.frame.width))\n            )\n        }\n        \n        \n        wrapInNil(this._detailsDialogView).setMaxSizes(this.bottomBarView?.frame.max.y ?? 0)\n        \n    }\n    \n    \n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAwB;AACxB,oBAAuB;AACvB,0BAA6B;AAC7B,sBAAuG;AACvG,yBAA4B;AAC5B,qBAAwB;AACxB,oBAAuB;AACvB,8BAAiC;AA2B1B,MAAM,6BAA6B,yCAAiB;AAAA,EAgCvD,YAAY,MAAc;AAEtB,UAAM,IAAI;AA/Bd,0BAAyB,IAAI,qBAAO,KAAK,KAAK,YAAY,gBAAgB,EAAE,qBAAqB;AAAA,MAC7F,OAAO;AAAA,QACH,YAAY,qBAAqB,uBAAQ,WAAW,cAAc,OAAO,uBAAQ,UAAU,cAAc;AAAA,QACzG,gBAAgB;AAAA,QAChB,kBAAkB;AAAA,MACtB;AAAA,IACJ,CAAC;AAID,kCAA+E;AAAA,MAC3E,oBAAoB,KAAK,kCAAkC,wCAAgB;AAAA,IAC/E;AAEA,8BAAmC,IAAI,iCAAa,KAAK,KAAK,YAAY,mBAAmB,EACxF,qBAAqB;AAAA,MAClB,aAAS;AAAA,QAAO,MAAM;AACd,cAAI,QAAQ,uBAAQ;AACpB,eAAK,uBAAuB,UAAU;AAAA,YAClC,WAAS,QAAQ,MAAM,8BAA8B,MAAM,MAAM,kBAAkB;AAAA,UACvF;AACA,gBAAM,MAAM;AAAA,QAChB;AAAA,MACJ;AAAA,IACJ,CAAC;AAEL,kCAAwE,CAAC;AAOrE,SAAK,KAAK,WAAW,KAAK,cAAc;AAAA,EAE5C;AAAA,EAGA,kCACI,aACA,UAOI,CAAC,GAC0C;AArFvD;AAsFQ,UAAM,cAAa,aAAQ,eAAR,YAAuB,MAAM;AAChD,UAAM,kBAAiB,aAAQ,mBAAR,YAA0B;AACjD,UAAM,kBAAiB,aAAQ,mBAAR,YAA0B;AACjD,UAAM,qBAAoB,aAAQ,sBAAR,YAA6B;AAEvD,UAAM,SAA0D;AAAA,MAC5D,OAAO;AAAA,MACP,UAAU;AAAA,MACV;AAAA,MACA,eAAe;AAAA,MACf;AAAA,MACA;AAAA,MACA;AAAA,MACA,gBAAgB,MAAM;AAnGlC,YAAAA;AAoGgB,YAAI,OAAO,eAAe;AACtB,iBAAO,gBAAgB;AAKvB,gBAAM,gBAAeA,MAAA,OAAO,aAAP,gBAAAA,IAAiB;AACtC,cAAI,cAAc;AACd,yBAAa,oBAAoB;AACjC,yBAAa,gBAAgB,OAAO;AAAA,UACxC;AACA,iCAAuB;AAAA,QAC3B;AAAA,MACJ;AAAA,IACJ;AAEA,UAAM,yBAAyB,MAAM;AACjC,+BAAS,oBAAoB,QAAQ;AAAA,QAEjC,cAAU;AAAA,UACN,MAAM;AACF,mBAAO,gBAAgB;AACvB,mBAAO,IAAI;AAAA,cACP,IAAI,qBAAO,YAAY,KAAK,QAAQ,kBAAkB,MAAM,CAAC;AAAA,YACjE;AAAA,UACJ;AAAA,QACJ;AAAA,MACJ,CAAC;AAAA,IACL;AAEA,2BAAuB;AAEvB,WAAO;AAAA,EACX;AAAA,EAGe,YAAY,OAAgB;AAAA;AAEvC,YAAM,iDAAM,oBAAN,MAAkB,KAAK;AAE7B,2BAAO,gBAAgB,yBAAyB;AAGhD,YAAM,KAAK,iCAAiC,KAAK;AAEjD,YAAM,KAAK,iCAAiC,KAAK;AAAA,IAErD;AAAA;AAAA,EAGM,iCAAiC,OAAgB;AAAA;AACnD,YAAM,kCAA8B;AAAA,QAChC,MAAM,KAAK,uBAAuB,UAAU;AAAA,UACxC,CAAM,UAAM;AAAG,2CAAG,MAAM,4BAA4B,MAAM,KAAK,CAAC,MAAK,MAAM,MAAM,WAAW;AAAA;AAAA,QAChG;AAAA,QACA,KAAK,uBAAuB;AAAA,MAChC;AAGA,cAAI,oBAAG,KAAK,sBAAsB,KAAK,KAAK,2BAA2B,4BAA4B,UAAU;AACzG,cAAM,0BAA0B,KAAK,uBAAuB,UAAU;AAAA,UAClE,WAAS,MAAM,iBAAiB,MAAM,aAAa,KAAK;AAAA,QAC5D;AACA,YAAI,mEAAyB,gBAAgB;AACzC,kCAAwB,eAAe;AAAA,QAC3C;AAAA,MACJ;AAEA,WAAK,wBAAwB,4BAA4B;AAAA,IAC7D;AAAA;AAAA,EAEM,iCAAiC,OAAgB;AAAA;AACnD,YAAM,kCAA8B;AAAA,QAChC,MAAM,KAAK,uBAAuB,UAAU;AAAA,UACxC,CAAM,UAAM;AAAG,2CAAG,MAAM,4BAA4B,MAAM,KAAK,CAAC,MAAK,MAAM,MAAM,WAAW;AAAA;AAAA,QAChG;AAAA,MACJ;AACA,cAAI,oBAAG,KAAK,SAAK,oBAAG,KAAK,qBAAqB,SAAK,wBAAO,2BAA2B,GAAG;AAEpF,cAAM,0BAA0B,KAAK,uBAAuB,UAAU;AAAA,UAClE,WAAS,MAAM,iBAAiB,MAAM,aAAa,KAAK;AAAA,QAC5D;AACA,YAAI,mEAAyB,gBAAgB;AACzC,kCAAwB,eAAe;AAAA,QAC3C;AAEA,aAAK,wBAAwB;AAC7B,aAAK,mBAAmB,QAAQ;AAChC,aAAK,KAAK,eAAe;AACzB;AAAA,MACJ;AAGA,cAAI,oBAAG,KAAK,sBAAsB,KAAK,KAAK,4BAA2B,2EAA6B,WAAU;AAC1G,cAAM,0BAA0B,KAAK,uBAAuB,UAAU;AAAA,UAClE,WAAS,MAAM,iBAAiB,MAAM,aAAa,KAAK;AAAA,QAC5D;AACA,YAAI,mEAAyB,gBAAgB;AACzC,kCAAwB,eAAe;AAAA,QAC3C;AAAA,MACJ;AAEA,WAAK,wBAAwB,2EAA6B;AAAA,IAC9D;AAAA;AAAA,EAEA,IAAI,wBAAsD;AACtD,WAAO,KAAK;AAAA,EAChB;AAAA,EAEA,IAAI,sBAAsB,YAA8B;AAEpD,QAAI,KAAK,yBAAyB,YAAY;AAC1C;AAAA,IACJ;AAEA,QAAI,KAAK,uBAAuB;AAC5B,WAAK,0BAA0B,KAAK,qBAAqB;AAAA,IAC7D;AAEA,SAAK,yBAAyB;AAC9B,SAAK,kCAAkC,YAAY,KAAK,cAAc;AACtE,SAAK,2BAA2B;AAEhC,QAAI,KAAK,uBAAuB;AAC5B,WAAK,sBAAsB,KAAK,MAAM,YAAY;AAAA,IACtD;AAEA,SAAK,KAAK,eAAe;AAAA,EAE7B;AAAA,EAGA,IAAI,wBAAsD;AACtD,WAAO,KAAK;AAAA,EAChB;AAAA,EAEA,IAAI,sBAAsB,YAA0C;AAEhE,QAAI,KAAK,yBAAyB,YAAY;AAC1C;AAAA,IACJ;AAEA,YAAI,oBAAG,KAAK,qBAAqB,GAAG;AAChC,WAAK,0BAA0B,KAAK,qBAAqB;AAAA,IAC7D;AAEA,SAAK,yBAAyB;AAE9B,QAAI,KAAC,oBAAG,UAAU,GAAG;AACjB;AAAA,IACJ;AAEA,SAAK,mCAAmC,YAAY,KAAK,kBAAkB;AAC3E,SAAK,2BAA2B;AAEhC,sCAAa,KAAK,qBAAqB,EAAE,KAAK,MAAM,eAAe;AAEnE,SAAK,mBAAmB,WAAW,KAAK,MAAM,mBAAG;AAAA,EAErD;AAAA,EAEA,gBACI;AAAA,IACI,gBAAgB;AAAA,IAChB,gBAAgB;AAAA,IAChB,WAAW;AAAA,IACX,WAAW;AAAA,EACf,IAAI,CAAC,GACP;AA5QN;AA6QQ,UAAM,mBAAkB,YAAO,eAAP,aAAsB,qBAAO,YAAY,qBAAO,WAAW;AACnF,QAAI,QAAQ,YAAY,WAAW,cAC7B,kBAAkB,kBAAkB,gBAAgB;AAC1D,YAAQ,KAAK,IAAI,OAAO,QAAQ;AAChC,YAAQ,KAAK,IAAI,OAAO,QAAQ;AAChC,yBAAO,YAAY;AAAA,EACvB;AAAA,EAGA,qBACI;AAAA,IACI,gBAAgB;AAAA,IAChB,sBAAsB;AAAA,IACtB,eAAe;AAAA,IACf,qBAAqB;AAAA,EACzB,IAAI,CAAC,GACP;AA7RN;AAgSQ,UAAM,SAAS,KAAK,KAAK;AAEzB,QAAI,KAAK,YAAY;AACjB,WAAK,WAAW,QAAQ,IAAI,+BAAY,GAAG,GAAG,cAAc,OAAO,KAAK;AAAA,IAC5E;AAEA,SAAK,eAAe,MAAM,MAAM,OAAM,gBAAK,eAAL,mBAAiB,MAAM,OAAO,iBAA9B,YAA8C,KAAK;AACzF,SAAK,eAAe,MAAM,QAAQ;AAClC,SAAK,eAAe,MAAM,SAAS;AACnC,SAAK,eAAe,MAAM,YAAY,MACjC,OAAO,WAAU,gBAAK,eAAL,mBAAiB,MAAM,WAAvB,YAAiC,OAAM,gBAAK,kBAAL,mBAAoB,MAAM,WAA1B,YAAoC,IAAI,eAAe;AAEpH,UAAM,eAAsB,gBAAK,0BAAL,mBAA4B,SAA5B,YAAoC;AAIhE,gBAAY,MAAM,WAAW;AAC7B,gBAAY,MAAM,SAAS;AAC3B,gBAAY,MAAM,MAAM;AACxB,gBAAY,MAAM,QAAQ;AAC1B,gBAAY,YAAY,qBAAK,qBAAK,eAAe,mBAAG;AAGpD,QAAI,sBAAsB,KAAK,eAAe,OAAO,OAAO;AAExD,kBAAY,MAAM,eAAe,KAC7B,KAAK;AAAA,SACA,KAAK,eAAe,OAAO,QAAQ,uBAAuB;AAAA,QAC3D;AAAA,MACJ,EAAE,eAAe;AACrB,kBAAY,MAAM,YAAY,KAC1B,KAAK;AAAA,SACA,KAAK,eAAe,OAAO,QAAQ,uBAAuB;AAAA,QAC3D;AAAA,MACJ,EAAE,eAAe;AACrB,kBAAY,MAAM,WAAW,sBAAsB;AAEnD,kBAAY,MAAM,OAAO,OACnB,KAAK,eAAe,OAAO,QAAQ,YAAY,OAAO,SAAS,KAAK,eACtE;AAAA,IAER,OACK;AAED,kBAAY,MAAM,SAAS;AAC3B,kBAAY,MAAM,OAAO;AACzB,kBAAY,MAAM,WAAW;AAAA,IAEjC;AAWA,eAAK,0BAAL,mBAA4B;AAE5B,QAAI,kCAAkC,YAAY;AAAA,MAC9C,YAAY,OAAO;AAAA,IACvB;AAEA,UAAM,sCAAkC,8BAAa,KAAK,qBAAqB,EAAE,KAAK;AAAA,MAClF,YAAY,OAAO;AAAA,IAAK;AAC5B,QAAI,kCAAkC,iCAAiC;AACnE,wCAAkC;AAAA,IACtC;AAGA,gBAAY,MAAM,SAAS,KAAK,gCAAgC,eAAe;AAG/E,YAAI,oBAAG,KAAK,qBAAqB,GAAG;AAEhC,kBAAY,MAAM,YAAY,gBAAgB,IAAI;AAElD,YAAM,eAAe,KAAK;AAAA,QACtB,KAAK,sBAAsB,KAAK,sBAAsB,KAAK,YAAY,OAAO;AAAA,QAC9E,YAAY,OAAO;AAAA,MACvB;AAUA,YAAM,gBAAgB,KAAK,KAAK,gBAAgB,sBAAsB;AACtE,YAAM,sBAAsB,KAAK;AAAA,QAC7B;AAAA,UACC,gBAAK,eAAL,mBAAiB,MAAM,WAAvB,YAAiC,KAAK,cAAc,MAAM,qBAAO;AAAA,MACtE;AACA,YAAM,aAAa,sBAAsB;AACzC,YAAM,iBAAiB,OAAO,cAAc,qBAAO;AACnD,YAAM,6BAA6B,cAAc,iBAAiB,cAAc;AAEhF,YAAM,gBAAgB,KAAK;AAAA,QACvB,KAAK,sBAAsB,KAAK;AAAA,UAC5B,KAAK,sBAAsB,KAAK,OAAO;AAAA,QAC3C;AAAA,QACA,YAAY,OAAO;AAAA,MACvB;AAEA,UAAI,eAAe,KAAK,eAAe,MAClC,mBAAmB,cAAc,GAAG,EACpC,oBAAoB,aAAa,EACjC,eAAe,4BAA4B,GAAG;AAKnD,UAAI,aAAa,IAAI,YAAY;AAC7B,uBAAe,aAAa,eAAe,UAAU;AAAA,MACzD;AAEA,WAAK,sBAAsB,KAAK,QAAQ;AAAA,IAE5C,OACK;AAED,kBAAY,MAAM,YAAY,gBAAgB,IAAI;AAAA,IAEtD;AAEA,QAAI,KAAK,eAAe;AACpB,WAAK,cAAc,QAAQ,KAAK,eAAe,MAAM;AAAA,QACjD,KAAK,eAAe,MAAM,IAAI;AAAA,MAClC,EAAE;AAAA,QACE,KAAK,IAAI,oBAAoB,KAAK,cAAc,uBAAuB,KAAK,eAAe,MAAM,KAAK,CAAC;AAAA,MAC3G;AAAA,IACJ;AAGA,mCAAU,KAAK,kBAAkB,EAAE,aAAY,gBAAK,kBAAL,mBAAoB,MAAM,IAAI,MAA9B,YAAmC,CAAC;AAAA,EAEvF;AAGJ;",
   "names": ["_a"]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "uicore-ts",
-  "version": "1.1.361",
+  "version": "1.1.362",
   "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/UIDialogView.ts

@@ -237,6 +237,12 @@ export class UIDialogView<ViewType extends UIView = UIView> extends UIView {
             
         }
         
+        if (event.name == UIView.broadcastEventName.PageDidScroll) {
+            
+            this.setNeedsLayout()
+            
+        }
+        
     }
     
     

package/scripts/UIRootViewController.ts

@@ -369,20 +369,45 @@ export class UIRootViewController extends UIViewController {
                 this.detailsViewController.view.intrinsicContentWidth() || contentView.bounds.width,
                 contentView.bounds.width
             )
-            this.detailsViewController.view.frame = this.backgroundView.frame.rectangleWithInset(
-                paddingLength
-            ).rectangleWithWidth(
-                detailsWidth,
-                0.5
-            ).rectangleWithHeight(
-                Math.max(
-                    this.detailsViewController.view.intrinsicContentHeight(
-                        this.detailsViewController.view.bounds.width
-                    ),
-                    contentView.bounds.height
-                )
+            
+            // _detailsDialogView fills the currently visible viewport and uses
+            // viewport-relative local coordinates (its own y = 0 is "top of the
+            // visible viewport", tracking scroll — see UIDialogView.layoutSubviews).
+            // The dialog content is a subview of that backdrop, so its frame must
+            // be computed in that same viewport-relative space, not in the page's
+            // document coordinates that backgroundView.frame uses. Otherwise the
+            // dialog's vertical position drifts further down the page the more
+            // the user has scrolled before opening it.
+            const containerRect = this.view.viewHTMLElement.getBoundingClientRect()
+            const visibleTopBarHeight = Math.max(
+                0,
+                (this.topBarView?.frame.height ?? 0) + containerRect.top / UIView.pageScale
+            )
+            const minimumTop = visibleTopBarHeight + paddingLength
+            const viewportHeight = window.innerHeight / UIView.pageScale
+            const viewportBelowTopBarCenterY = minimumTop + (viewportHeight - minimumTop) * 0.5
+            
+            const detailsHeight = Math.max(
+                this.detailsViewController.view.intrinsicContentHeight(
+                    this.detailsViewController.view.bounds.width
+                ),
+                contentView.bounds.height
             )
             
+            let detailsFrame = this.backgroundView.frame
+                .rectangleWithWidth(detailsWidth, 0.5)
+                .rectangleWithHeight(detailsHeight)
+                .rectangleWithY(viewportBelowTopBarCenterY, 0.5)
+            
+            // If centering would place the dialog's top edge above the visible
+            // top bar (or above the viewport entirely, on very short dialogs),
+            // shift it down so it never overlaps or floats above that boundary.
+            if (detailsFrame.y < minimumTop) {
+                detailsFrame = detailsFrame.rectangleWithY(minimumTop)
+            }
+            
+            this.detailsViewController.view.frame = detailsFrame
+            
         }
         else {