@breakside/jskit 2025.24.0 → 2025.27.1

package/Root/Frameworks/UIKit/UICursor.js

@@ -153,6 +153,10 @@ UICursor.SystemIdentifier = {
     operationNotAllowed: 'not-allowed',
     resizeLeftRight: 'col-resize',
     resizeUpDown: 'row-resize',
+    resizeEastWest: 'ew-resize',
+    resizeNorthSouth: 'ns-resize',
+    resizeNorthEastSouthWest: 'nesw-resize',
+    resizeNorthWestSouthEast: 'nwse-resize',
     openHand: 'grab',
     closedHand: 'grabbing',
     dragLink: 'alias',
@@ -167,6 +171,10 @@ UICursor.pointingHand = UICursor.initWithSystemIdentifier(UICursor.SystemIdentif
 UICursor.operationNotAllowed = UICursor.initWithSystemIdentifier(UICursor.SystemIdentifier.operationNotAllowed);
 UICursor.resizeLeftRight = UICursor.initWithSystemIdentifier(UICursor.SystemIdentifier.resizeLeftRight);
 UICursor.resizeUpDown = UICursor.initWithSystemIdentifier(UICursor.SystemIdentifier.resizeUpDown);
+UICursor.resizeEastWest = UICursor.initWithSystemIdentifier(UICursor.SystemIdentifier.resizeEastWest);
+UICursor.resizeNorthSouth = UICursor.initWithSystemIdentifier(UICursor.SystemIdentifier.resizeNorthSouth);
+UICursor.resizeNorthEastSouthWest = UICursor.initWithSystemIdentifier(UICursor.SystemIdentifier.resizeNorthEastSouthWest);
+UICursor.resizeNorthWestSouthEast = UICursor.initWithSystemIdentifier(UICursor.SystemIdentifier.resizeNorthWestSouthEast);
 UICursor.openHand = UICursor.initWithSystemIdentifier(UICursor.SystemIdentifier.openHand);
 UICursor.closedHand = UICursor.initWithSystemIdentifier(UICursor.SystemIdentifier.closedHand);
 UICursor.dragLink = UICursor.initWithSystemIdentifier(UICursor.SystemIdentifier.dragLink);

package/Root/Frameworks/UIKit/UIPopupWindow.js

@@ -23,6 +23,7 @@ JSClass("UIPopupWindow", UIWindow, {
     showsSourceArrow: JSDynamicProperty('_showsSourceArrow', false),
     sourceArrowSize: JSDynamicProperty('_sourceArrowSize', 10),
     sourceSpacing: JSDynamicProperty('_sourceSpacing', 0),
+    sourceView: null,
     isUserMovable: false,
     placement: 0,
     canBecomeKey: true,
@@ -41,8 +42,59 @@ JSClass("UIPopupWindow", UIWindow, {
     },
 
     setShowsSourceArrow: function(showsSourceArrow){
+        if (showsSourceArrow === this._showsSourceArrow){
+            return;
+        }
+        if (this._isOpen){
+            var frame = JSRect(this.untransformedFrame);
+            if (this.placement === UIPopupWindow.Placement.left){
+                if (this._showsSourceArrow){
+                    frame.size.width -= this._actualArrowSize;
+                }else{
+                    frame.size.width += this._actualArrowSize;
+                }
+            }else if (this.placement === UIPopupWindow.Placement.right){
+                if (this._showsSourceArrow){
+                    frame.size.width -= this._actualArrowSize;
+                    frame.origin.x += this._actualArrowSize;
+                    if (this._downLocation !== null){
+                        this._downLocation.x -= this._actualArrowSize;
+                    }
+                }else{
+                    frame.size.width += this._actualArrowSize;
+                    frame.origin.x -= this._actualArrowSize;
+                    if (this._downLocation !== null){
+                        this._downLocation.x += this._actualArrowSize;
+                    }
+                }
+            }else if (this.placement === UIPopupWindow.Placement.above){
+                if (this._showsSourceArrow){
+                    frame.size.height -= this._actualArrowSize;
+                }else{
+                    frame.size.height += this._actualArrowSize;
+                }
+            }else if (this.placement === UIPopupWindow.Placement.below){
+                if (this._showsSourceArrow){
+                    frame.size.height -= this._actualArrowSize;
+                    frame.origin.y += this._actualArrowSize;
+                    if (this._downLocation !== null){
+                        this._downLocation.y -= this._actualArrowSize;
+                    }
+                }else{
+                    frame.size.height += this._actualArrowSize;
+                    frame.origin.y -= this._actualArrowSize;
+                    if (this._downLocation !== null){
+                        this._downLocation.x += this._actualArrowSize;
+                    }
+                }
+            }
+            this.untransformedFrame = frame;
+        }
         this._showsSourceArrow = showsSourceArrow;
         this._styler.updateWindow(this);
+        if (this._isOpen && !this._showsSourceArrow){
+            JSNotificationCenter.shared.post("UIPopupWindowDidDetachFromSource", this);
+        }
     },
 
     setSourceArrowSize: function(sourceArrowSize){
@@ -67,8 +119,12 @@ JSClass("UIPopupWindow", UIWindow, {
         if (animated === undefined){
             animated = true;
         }
-        var sourceFrame = view.convertRectToScreen(view.bounds).rectWithInsets(-this._sourceSpacing);
-        var safeFrame = view.window.screen.availableFrame;
+        var sourceBounds = view.bounds;
+        if (view.sourceRectForPopupWindow){
+            sourceBounds = view.sourceRectForPopupWindow(this);
+        }
+        var sourceFrame = view.convertRectToScreen(sourceBounds).rectWithInsets(-this._sourceSpacing);
+        var safeFrame = view.window.screen.availableFrame.rectWithInsets(20);
 
         // Size to our content's preferred size
         this.sizeToFit();
@@ -101,27 +157,39 @@ JSClass("UIPopupWindow", UIWindow, {
         );
         if (placement == UIPopupWindow.Placement.below){
             if (frame.size.height > available.bottom){
-                if (available.top > available.bottom * 2){
+                if (available.top >= available.bottom * 2){
                     placement = UIPopupWindow.Placement.above;
-                }else if (available.right > frame.size.width){
+                }else if (available.right >= frame.size.width){
                     placement = UIPopupWindow.Placement.right;
-                }else if (available.left > frame.size.width){
+                }else if (available.left >= frame.size.width){
                     placement = UIPopupWindow.Placement.left;
-                }else if (available.top > frame.size.width){
+                }else if (available.top >= frame.size.height){
                     placement = UIPopupWindow.Placement.top;
                 }
             }
         }else if (placement == UIPopupWindow.Placement.above){
-            if (frame.size.height > available.top && available.bottom > available.top * 2){
-                placement = UIPopupWindow.Placement.below;
+            if (frame.size.height > available.top){
+                if (available.bottom >= available.top * 2){
+                    placement = UIPopupWindow.Placement.below;
+                }else if (available.bottom >= frame.size.height){
+                    placement = UIPopupWindow.Placement.below;
+                }
             }
         }else if (placement == UIPopupWindow.Placement.left){
-            if (frame.size.width > available.left && available.right > available.left * 2){
-                placement = UIPopupWindow.Placement.right;
+            if (frame.size.width > available.left){
+                if (available.right >= frame.size.width){
+                    placement = UIPopupWindow.Placement.right;
+                }else if ((this.windowServer.mouseLocation.x - safeFrame.origin.x) < frame.size.width){
+                    placement = UIPopupWindow.Placement.right;
+                }
             }
         }else if (placement == UIPopupWindow.Placement.right){
-            if (frame.size.width > available.right && available.left > available.right * 2){
-                placement = UIPopupWindow.Placement.left;
+            if (frame.size.width > available.right){
+                if (available.left >= frame.size.width){
+                    placement = UIPopupWindow.Placement.left;
+                }else if ((safeFrame.origin.x + safeFrame.size.width - this.windowServer.mouseLocation.x) < frame.size.width){
+                    placement = UIPopupWindow.Placement.left;
+                }
             }
         }
 
@@ -138,12 +206,22 @@ JSClass("UIPopupWindow", UIWindow, {
             frame.origin.y = sourceFrame.origin.y - frame.size.height;
         }else if (placement == UIPopupWindow.Placement.left){
             if (frame.size.width > available.left){
-                frame.size.width = available.left;
+                sourceFrame = JSRect(
+                    Math.max(safeFrame.origin.x + frame.size.width, this.windowServer.mouseLocation.x),
+                    sourceFrame.origin.y,
+                    1,
+                    sourceFrame.size.height
+                );
             }
             frame.origin.x = sourceFrame.origin.x - frame.size.width;
         }else if (placement == UIPopupWindow.Placement.right){
             if (frame.size.width > available.right){
-                frame.size.width = available.right;
+                sourceFrame = JSRect(
+                    Math.min(safeFrame.origin.x + safeFrame.size.width - frame.size.width, this.windowServer.mouseLocation.x) - 1,
+                    sourceFrame.origin.y,
+                    1,
+                    sourceFrame.size.height
+                );
             }
             frame.origin.x = sourceFrame.origin.x + sourceFrame.size.width;
         }
@@ -153,8 +231,8 @@ JSClass("UIPopupWindow", UIWindow, {
             if (frame.origin.x + frame.size.width > safeFrame.origin.x + safeFrame.size.width){
                 frame.origin.x = safeFrame.origin.x + safeFrame.size.width - frame.size.width;
             }
-            if (frame.origin.x < 0){
-                frame.origin.x = 0;
+            if (frame.origin.x < safeFrame.origin.x){
+                frame.origin.x = safeFrame.origin.x;
                 if (frame.size.width > safeFrame.size.width){
                     frame.size.width = safeFrame.size.width;
                 }
@@ -164,8 +242,8 @@ JSClass("UIPopupWindow", UIWindow, {
             if (frame.origin.y + frame.size.height > safeFrame.origin.y + safeFrame.size.height){
                 frame.origin.y = safeFrame.origin.y + safeFrame.size.height - frame.size.height;
             }
-            if (frame.origin.y < 0){
-                frame.origin.y = 0;
+            if (frame.origin.y < safeFrame.origin.y){
+                frame.origin.y = safeFrame.origin.y;
                 if (frame.size.height > safeFrame.size.height){
                     frame.size.height = safeFrame.size.height;
                 }
@@ -216,6 +294,7 @@ JSClass("UIPopupWindow", UIWindow, {
 
         this.placement = placement;
         this.frame = frame;
+        this.sourceView = view;
 
         // Create animated opening, closing
         if (animated){
@@ -241,12 +320,96 @@ JSClass("UIPopupWindow", UIWindow, {
         this.makeKeyAndOrderFront();
     },
 
+    repositionSourceArrow: function(){
+        var view = this.sourceView;
+        if (view === null){
+            return;
+        }
+        var sourceFrame = view.convertRectToScreen(view.bounds);
+        var frame = this.untransformedFrame;
+        if (sourceFrame === null){
+            this.sourceView = null;
+            this.showsSourceArrow = false;
+            return;
+        }
+        var x, y;
+        var minY = frame.origin.y + this.styler.cornerRadius + this._actualArrowSize;
+        var maxY = frame.origin.y + frame.size.height - this.styler.cornerRadius - this._actualArrowSize;
+        var minX = frame.origin.x + this.styler.cornerRadius + this._actualArrowSize;
+        var maxX = frame.origin.x + frame.size.width - this.styler.cornerRadius - this._actualArrowSize;
+        if (this.placement === UIPopupWindow.Placement.left){
+            x = sourceFrame.origin.x - this._sourceSpacing;
+            if (Math.abs(frame.origin.x + frame.size.width - x) < 1){
+                y = sourceFrame.center.y;
+                if (y >= minY && y <= maxY){
+                    this.anchorPoint = JSPoint(1, (y - frame.origin.y) / frame.size.height);
+                    this.untransformedFrame = frame;
+                    this.setNeedsLayout();
+                }else{
+                    this.sourceView = null;
+                    this.showsSourceArrow = false;
+                }
+            }else{
+                this.sourceView = null;
+                this.showsSourceArrow = false;
+            }
+        }else if (this.placement === UIPopupWindow.Placement.right){
+            x = sourceFrame.origin.x + sourceFrame.size.width + this._sourceSpacing;
+            if (Math.abs(frame.origin.x - x) < 1){
+                y = sourceFrame.center.y;
+                if (y >= minY && y <= maxY){
+                    this.anchorPoint = JSPoint(0, (y - frame.origin.y) / frame.size.height);
+                    this.untransformedFrame = frame;
+                    this.setNeedsLayout();
+                }else{
+                    this.sourceView = null;
+                    this.showsSourceArrow = false;
+                }
+            }else{
+                this.sourceView = null;
+                this.showsSourceArrow = false;
+            }
+        }else if (this.placement === UIPopupWindow.Placement.above){
+            y = sourceFrame.origin.y - this._sourceSpacing;
+            if (Math.abs(frame.origin.y + frame.size.height - y) < 1){
+                x = sourceFrame.center.x;
+                if (x >= minX && x <= maxX){
+                    this.anchorPoint = JSPoint((x - frame.origin.x) / frame.size.width, 1);
+                    this.untransformedFrame = frame;
+                    this.setNeedsLayout();
+                }else{
+                    this.sourceView = null;
+                    this.showsSourceArrow = false;
+                }
+            }else{
+                this.sourceView = null;
+                this.showsSourceArrow = false;
+            }
+        }else if (this.placement === UIPopupWindow.Placement.below){
+            y = sourceFrame.origin.y + sourceFrame.size.height + this._sourceSpacing;
+            if (Math.abs(frame.origin.y - y) < 1){
+                x = sourceFrame.center.x;
+                if (x >= minX && x <= maxX){
+                    this.anchorPoint = JSPoint((x - frame.origin.x) / frame.size.width, 0);
+                    this.untransformedFrame = frame;
+                    this.setNeedsLayout();
+                }else{
+                    this.sourceView = null;
+                    this.showsSourceArrow = false;
+                }
+            }else{
+                this.sourceView = null;
+                this.showsSourceArrow = false;
+            }
+        }
+    },
+
     openCenteredInView: function(view, animated){
         if (animated === undefined){
             animated = true;
         }
         var sourceFrame = view.convertRectToScreen(view.bounds);
-        var safeFrame = view.window.screen.availableFrame;
+        var safeFrame = view.window.screen.availableFrame.rectWithInsets(20);
 
         this.sizeToFit();
         var frame = JSRect(this.frame);
@@ -281,9 +444,12 @@ JSClass("UIPopupWindow", UIWindow, {
                 this.closeAnimator = closeAnimator;
             }
         }
-
         this.makeKeyAndOrderFront();
+    },
 
+    close: function(){
+        UIPopupWindow.$super.close.call(this);
+        this.sourceView = null;
     },
 
     modalIndicationClosesWindow: false,
@@ -300,7 +466,41 @@ JSClass("UIPopupWindow", UIWindow, {
         UIPopupWindow.$super.indicateModalStatus.call(this);
     },
 
-    accessibilityRole: UIAccessibility.Role.popover
+    accessibilityRole: UIAccessibility.Role.popover,
+
+    minimumMoveDistance: 10,
+
+    mouseDragged: function(event){
+        if (this._showsSourceArrow && this._isMoving){
+            var frameBeforeMoving = this.frame;
+            var location = this.convertPointToScreen(event.locationInWindow);
+            var distance = this._downLocation ? location.distanceToPoint(this._downLocation) : JSPoint.Zero;
+            UIPopupWindow.$super.mouseDragged.call(this, event);
+            this._didMove = distance >= this.minimumMoveDistance;
+            if (this._didMove){
+                this.showsSourceArrow = false;
+            }else{
+                this.frame = frameBeforeMoving;
+            }
+        }else{
+            UIPopupWindow.$super.mouseDragged.call(this, event);
+        }
+    },
+
+    _windowServerDidResize: function(frameBeforeResize){
+        UIPopupWindow.$super._windowServerDidResize.call(this);
+        if (this._showsSourceArrow){
+            var frameBeforeReposition = JSRect(this.untransformedFrame);
+            this.repositionSourceArrow();
+            if (!this._showsSourceArrow){
+                var frameAfterReposition = this.untransformedFrame;
+                frameBeforeResize.origin.x += frameAfterReposition.origin.x - frameBeforeReposition.origin.x;
+                frameBeforeResize.origin.y += frameAfterReposition.origin.y - frameBeforeReposition.origin.y;
+                frameBeforeResize.size.width += frameAfterReposition.size.width - frameBeforeReposition.size.width;
+                frameBeforeResize.size.height += frameAfterReposition.size.height - frameBeforeReposition.size.height;
+            }
+        }
+    },
 
 });
 
@@ -428,6 +628,9 @@ JSClass("UIPopupWindowStyler", UIWindowStyler, {
                 popupArrow.position = anchorPosition;
                 popupArrow.anchorPoint = JSPoint(0.5, 0);
             }
+            window._resizeView = popupBacking;
+        }else{
+            window._resizeView = null;
         }
         window._contentView.frame = window.bounds.rectWithInsets(contentInsets);
     },

package/Root/Frameworks/UIKit/UIWindow.js

@@ -327,6 +327,9 @@ JSClass('UIWindow', UIView, {
             this._setTraitCollection(traits);
         }
     },
+
+    _windowServerDidResize: function(){
+    },
     
     traitCollection: JSReadOnlyProperty('_traitCollection', null),
 
@@ -417,6 +420,7 @@ JSClass('UIWindow', UIView, {
         if (!this._isOpen){
             return;
         }
+        JSNotificationCenter.shared.post("UIWindowWillClose", this);
         if (this.viewController){
             this.viewController.viewWillDisappear(false);
         }else if (this._contentViewController){
@@ -426,13 +430,14 @@ JSClass('UIWindow', UIView, {
             this.openAnimator.stopAndCallCompletions();
         }
         if (this.closeAnimator !== null){
-            var self = this;
             this.closeAnimator.addCompletion(function(){
-                self.windowServer.windowRemoved(self);
-            });
+                this.windowServer.windowRemoved(this);
+                JSNotificationCenter.shared.post("UIWindowDidClose", this);
+            }, this);
             this.closeAnimator.start();
         }else{
             this.windowServer.windowRemoved(this);
+            JSNotificationCenter.shared.post("UIWindowDidClose", this);
         }
         this._isOpen = false;
     },
@@ -663,6 +668,24 @@ JSClass('UIWindow', UIView, {
         return responder;
     },
 
+    minimumSize: JSDynamicProperty("_minimumSize", null),
+    maximumSize: JSDynamicProperty("_maximumSize", null),
+    _canResizeWidth: false,
+    _canResizeHeight: false,
+    _resizeView: null,
+
+    setMinimumSize: function(minimumSize){
+        this._minimumSize = JSSize(minimumSize);
+        this._canResizeWidth = this._minimumSize !== null && this._maximumSize !== null && this._minimumSize.width !== this._maximumSize.width;
+        this._canResizeHeight = this._minimumSize !== null && this._maximumSize !== null && this._minimumSize.height !== this._maximumSize.height;
+    },
+
+    setMaximumSize: function(maximumSize){
+        this._maximumSize = JSSize(maximumSize);
+        this._canResizeWidth = this._minimumSize !== null && this._maximumSize !== null && this._minimumSize.width !== this._maximumSize.width;
+        this._canResizeHeight = this._minimumSize !== null && this._maximumSize !== null && this._minimumSize.height !== this._maximumSize.height;
+    },
+
     // -------------------------------------------------------------------------
     // MARK: - First Responder