uicore-ts 1.1.228 → 1.1.237

package/compiledScripts/UIBaseButton.js

@@ -192,9 +192,13 @@ class UIBaseButton extends import_UIView.UIView {
   didReceiveBroadcastEvent(event) {
     super.didReceiveBroadcastEvent(event);
     if (event.name == import_UIView.UIView.broadcastEventName.PageDidScroll || event.name == import_UIView.UIView.broadcastEventName.AddedToViewTree) {
-      this.hovered = import_UIObject.NO;
-      this.highlighted = import_UIObject.NO;
-      this.updateContentForCurrentState();
+      const wasHovered = this._hovered;
+      const wasHighlighted = this._highlighted;
+      this._hovered = import_UIObject.NO;
+      this._highlighted = import_UIObject.NO;
+      if (wasHovered || wasHighlighted) {
+        this.updateContentForCurrentState();
+      }
     }
   }
   toggleSelectedState() {

package/compiledScripts/UIBaseButton.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../scripts/UIBaseButton.ts"],
-  "sourcesContent": ["import { UIColor } from \"./UIColor\"\nimport { IS, nil, NO, YES } from \"./UIObject\"\nimport { UIView, UIViewBroadcastEvent } from \"./UIView\"\n\n\nexport class UIBaseButton extends UIView {\n    \n    _selected: boolean = NO\n    _highlighted: boolean = NO\n    \n    override _isPointerInside: boolean\n    \n    \n    _isToggleable: boolean = NO\n    _hovered?: boolean\n    _focused?: boolean\n    \n    \n    constructor(elementID?: string, elementType?: string) {\n    \n        super(elementID, undefined, elementType)\n    \n        // Instance variables\n    \n    \n        this._isPointerInside = NO\n    \n    \n        const setHovered = () => {\n            this.hovered = YES\n        }\n        this.addTargetForControlEvent(UIView.controlEvent.PointerHover, setHovered)\n        \n        const setNotHovered = () => {\n            \n            this.hovered = NO\n            \n        }\n        \n        this.addTargetForControlEvents([\n            UIView.controlEvent.PointerLeave, UIView.controlEvent.PointerCancel, UIView.controlEvent.MultipleTouches\n        ], setNotHovered)\n    \n    \n        let highlightingTime: number\n        const setHighlighted = () => {\n            this.highlighted = YES\n            highlightingTime = Date.now()\n        }\n        this.addTargetForControlEvent(UIView.controlEvent.PointerDown, setHighlighted)\n        this.addTargetForControlEvent(UIView.controlEvent.PointerEnter, setHighlighted)\n        \n        const setNotHighlighted = () => {\n            this.highlighted = NO\n        }\n        const setNotHighlightedWithMinimumDuration = () => {\n            const minimumDurationInMilliseconds = 50\n            const elapsedTime = Date.now() - highlightingTime\n            if (minimumDurationInMilliseconds < elapsedTime) {\n                this.highlighted = NO\n            }\n            else {\n                setTimeout(() => {\n                    this.highlighted = NO\n                }, minimumDurationInMilliseconds - elapsedTime)\n            }\n        }\n        this.addTargetForControlEvents([\n            UIView.controlEvent.PointerLeave, UIView.controlEvent.PointerCancel, UIView.controlEvent.MultipleTouches\n        ], setNotHighlighted)\n        this.addTargetForControlEvent(UIView.controlEvent.PointerUp, setNotHighlightedWithMinimumDuration)\n        \n        // Handle enter key press\n        this.addTargetForControlEvent(UIView.controlEvent.EnterDown, () => {\n            \n            setHighlighted()\n            setNotHighlightedWithMinimumDuration()\n            \n        })\n        \n        \n        this.addTargetForControlEvent(\n            UIView.controlEvent.Focus,\n            (sender: UIView, event: Event) => {\n        \n                this.focused = YES\n        \n            }\n        )\n        \n        this.addTargetForControlEvent(\n            UIView.controlEvent.Blur,\n            (sender: UIView, event: Event) => {\n        \n                this.focused = NO\n        \n            }\n        )\n        \n        \n        this.pausesPointerEvents = YES\n        this.tabIndex = 1\n        \n        this.style.cursor = \"pointer\"\n        \n        //this.style.outline = \"none\";\n        \n        \n        this.nativeSelectionEnabled = NO\n        \n        \n        this.addTargetForControlEvents([\n            UIView.controlEvent.EnterDown, UIView.controlEvent.PointerUpInside\n        ], () => {\n    \n            if (this.isToggleable) {\n        \n                this.toggleSelectedState()\n        \n            }\n    \n        })\n        \n    }\n    \n    public set hovered(hovered: boolean) {\n        this._hovered = hovered\n        this.updateContentForCurrentState()\n    }\n    \n    public get hovered(): boolean {\n        return this._hovered ?? NO\n    }\n    \n    public set highlighted(highlighted: boolean) {\n        this._highlighted = highlighted\n        this.updateContentForCurrentState()\n    }\n    \n    public get highlighted(): boolean {\n        return this._highlighted\n    }\n    \n    public set focused(focused: boolean) {\n        this._focused = focused\n        if (focused) {\n            this.focus()\n        }\n        else {\n            this.blur()\n        }\n        this.updateContentForCurrentState()\n    }\n    \n    public get focused(): boolean {\n        return this._focused ?? NO\n    }\n    \n    public set selected(selected: boolean) {\n        this._selected = selected\n        this.updateContentForCurrentState()\n    }\n    \n    public get selected(): boolean {\n        return this._selected\n    }\n    \n    \n    updateContentForCurrentState() {\n    \n        let updateFunction: Function = this.updateContentForNormalState\n        if (this.selected && this.highlighted) {\n            updateFunction = this.updateContentForSelectedAndHighlightedState\n        }\n        else if (this.selected) {\n            updateFunction = this.updateContentForSelectedState\n        }\n        else if (this.focused) {\n            updateFunction = this.updateContentForFocusedState\n        }\n        else if (this.highlighted) {\n            updateFunction = this.updateContentForHighlightedState\n        }\n        else if (this.hovered) {\n            updateFunction = this.updateContentForHoveredState\n        }\n        \n        if (!IS(updateFunction)) {\n            this.backgroundColor = UIColor.nilColor\n        }\n        else {\n            updateFunction.call(this)\n        }\n        \n    }\n    \n    updateContentForNormalState() {\n        \n        \n    }\n    \n    updateContentForHoveredState() {\n        \n        this.updateContentForNormalState()\n        \n    }\n    \n    updateContentForFocusedState() {\n        \n        this.updateContentForHoveredState()\n        \n    }\n    \n    updateContentForHighlightedState() {\n        \n        \n    }\n    \n    updateContentForSelectedState() {\n        \n        \n    }\n    \n    updateContentForSelectedAndHighlightedState() {\n        \n        this.updateContentForSelectedState()\n        \n    }\n    \n    \n    override set enabled(enabled: boolean) {\n        super.enabled = enabled\n        this.updateContentForCurrentEnabledState()\n    }\n    \n    override get enabled() {\n        return super.enabled\n    }\n    \n    override updateContentForCurrentEnabledState() {\n        \n        if (this.enabled) {\n            this.alpha = 1\n        }\n        else {\n            this.alpha = 0.5\n        }\n        \n        this.userInteractionEnabled = this.enabled\n        \n    }\n    \n    \n    override addStyleClass(styleClassName: string) {\n        \n        super.addStyleClass(styleClassName)\n        \n        if (this.styleClassName != styleClassName) {\n            \n            this.updateContentForCurrentState.call(this)\n            \n        }\n        \n    }\n    \n    \n    override didReceiveBroadcastEvent(event: UIViewBroadcastEvent) {\n        \n        super.didReceiveBroadcastEvent(event)\n        \n        if (event.name == UIView.broadcastEventName.PageDidScroll || event.name ==\n            UIView.broadcastEventName.AddedToViewTree) {\n            \n            this.hovered = NO\n            \n            this.highlighted = NO\n    \n            this.updateContentForCurrentState()\n    \n        }\n        \n        \n    }\n    \n    \n    toggleSelectedState() {\n        \n        \n        this.selected = !this.selected\n        \n        \n    }\n    \n    set isToggleable(isToggleable: boolean) {\n        \n        this._isToggleable = isToggleable\n        \n    }\n    \n    get isToggleable() {\n        \n        return this._isToggleable\n        \n    }\n    \n    \n    override layoutSubviews() {\n        \n        super.layoutSubviews()\n        \n        const bounds = this.bounds\n        \n        \n    }\n    \n    \n    override sendControlEventForKey(eventKey: string, nativeEvent: Event) {\n        \n        if (eventKey == UIView.controlEvent.PointerUpInside && !this.highlighted) {\n            \n            // Do not send the event in this case\n            //super.sendControlEventForKey(eventKey, nativeEvent);\n            \n            const asd = 1\n            \n        }\n        else {\n            \n            super.sendControlEventForKey(eventKey, nativeEvent)\n            \n        }\n        \n    }\n    \n    \n    static getEventCoordinatesInDocument(touchOrMouseEvent: any) {\n        // http://www.quirksmode.org/js/events_properties.html\n        var posx = 0\n        var posy = 0\n        var e = touchOrMouseEvent\n        if (!e) {\n            e = window.event\n        }\n        if (e.pageX || e.pageY) {\n            posx = e.pageX\n            posy = e.pageY\n        }\n        else if (e.clientX || e.clientY) {\n            posx = e.clientX + document.body.scrollLeft\n                + document.documentElement.scrollLeft\n            posy = e.clientY + document.body.scrollTop\n                + document.documentElement.scrollTop\n        }\n        // posx and posy contain the mouse position relative to the document\n        \n        const coordinates = { \"x\": posx, \"y\": posy }\n        \n        return coordinates\n        \n    }\n    \n    \n    static getElementPositionInDocument(el: { tagName: string; offsetLeft: number; scrollLeft: number; clientLeft: number; offsetTop: number; scrollTop: number; clientTop: number; offsetParent: any }) {\n        //https://www.kirupa.com/html5/getting_mouse_click_position.htm\n        var xPosition = 0\n        var yPosition = 0\n        \n        while (el) {\n            if (el.tagName == \"BODY\") {\n                \n                // Coordinates in document are coordinates in body, therefore subtracting the scroll position of the body is not needed\n                \n                //      // deal with browser quirks with body/window/document and page scroll\n                //      var xScrollPos = el.scrollLeft || document.documentElement.scrollLeft;\n                //      var yScrollPos = el.scrollTop || document.documentElement.scrollTop;\n                //\n                //      xPosition += (el.offsetLeft - xScrollPos + el.clientLeft);\n                //      yPosition += (el.offsetTop - yScrollPos + el.clientTop);\n            }\n            else {\n                xPosition += (el.offsetLeft - el.scrollLeft + el.clientLeft)\n                yPosition += (el.offsetTop - el.scrollTop + el.clientTop)\n            }\n            \n            el = el.offsetParent\n        }\n        return {\n            x: xPosition,\n            y: yPosition\n        }\n    }\n    \n    static convertCoordinatesFromDocumentToElement(x: number, y: number, element: any) {\n        const elementPositionInDocument = this.getElementPositionInDocument(element)\n        const coordinatesInElement = { \"x\": x - elementPositionInDocument.x, \"y\": y - elementPositionInDocument.y }\n        return coordinatesInElement\n    }\n    \n    static getEventCoordinatesInElement(touchOrMouseEvent: any, element: any) {\n        const coordinatesInDocument = this.getEventCoordinatesInDocument(touchOrMouseEvent)\n        const coordinatesInElement = this.convertCoordinatesFromDocumentToElement(\n            coordinatesInDocument.x,\n            coordinatesInDocument.y,\n            element\n        )\n        return coordinatesInElement\n    }\n    \n    \n}\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { UIColor } from \"./UIColor\"\nimport { IS, nil, NO, YES } from \"./UIObject\"\nimport { UIView, UIViewBroadcastEvent } from \"./UIView\"\n\n\nexport class UIBaseButton extends UIView {\n    \n    _selected: boolean = NO\n    _highlighted: boolean = NO\n    \n    override _isPointerInside: boolean\n    \n    \n    _isToggleable: boolean = NO\n    _hovered?: boolean\n    _focused?: boolean\n    \n    \n    constructor(elementID?: string, elementType?: string) {\n        \n        super(elementID, undefined, elementType)\n        \n        // Instance variables\n        \n        \n        this._isPointerInside = NO\n        \n        \n        const setHovered = () => {\n            this.hovered = YES\n        }\n        this.addTargetForControlEvent(UIView.controlEvent.PointerHover, setHovered)\n        \n        const setNotHovered = () => {\n            \n            this.hovered = NO\n            \n        }\n        \n        this.addTargetForControlEvents([\n            UIView.controlEvent.PointerLeave, UIView.controlEvent.PointerCancel, UIView.controlEvent.MultipleTouches\n        ], setNotHovered)\n        \n        \n        let highlightingTime: number\n        const setHighlighted = () => {\n            this.highlighted = YES\n            highlightingTime = Date.now()\n        }\n        this.addTargetForControlEvent(UIView.controlEvent.PointerDown, setHighlighted)\n        this.addTargetForControlEvent(UIView.controlEvent.PointerEnter, setHighlighted)\n        \n        const setNotHighlighted = () => {\n            this.highlighted = NO\n        }\n        const setNotHighlightedWithMinimumDuration = () => {\n            const minimumDurationInMilliseconds = 50\n            const elapsedTime = Date.now() - highlightingTime\n            if (minimumDurationInMilliseconds < elapsedTime) {\n                this.highlighted = NO\n            }\n            else {\n                setTimeout(() => {\n                    this.highlighted = NO\n                }, minimumDurationInMilliseconds - elapsedTime)\n            }\n        }\n        this.addTargetForControlEvents([\n            UIView.controlEvent.PointerLeave, UIView.controlEvent.PointerCancel, UIView.controlEvent.MultipleTouches\n        ], setNotHighlighted)\n        this.addTargetForControlEvent(UIView.controlEvent.PointerUp, setNotHighlightedWithMinimumDuration)\n        \n        // Handle enter key press\n        this.addTargetForControlEvent(UIView.controlEvent.EnterDown, () => {\n            \n            setHighlighted()\n            setNotHighlightedWithMinimumDuration()\n            \n        })\n        \n        \n        this.addTargetForControlEvent(\n            UIView.controlEvent.Focus,\n            (sender: UIView, event: Event) => {\n                \n                this.focused = YES\n                \n            }\n        )\n        \n        this.addTargetForControlEvent(\n            UIView.controlEvent.Blur,\n            (sender: UIView, event: Event) => {\n                \n                this.focused = NO\n                \n            }\n        )\n        \n        \n        this.pausesPointerEvents = YES\n        this.tabIndex = 1\n        \n        this.style.cursor = \"pointer\"\n        \n        //this.style.outline = \"none\";\n        \n        \n        this.nativeSelectionEnabled = NO\n        \n        \n        this.addTargetForControlEvents([\n            UIView.controlEvent.EnterDown, UIView.controlEvent.PointerUpInside\n        ], () => {\n            \n            if (this.isToggleable) {\n                \n                this.toggleSelectedState()\n                \n            }\n            \n        })\n        \n    }\n    \n    public set hovered(hovered: boolean) {\n        this._hovered = hovered\n        this.updateContentForCurrentState()\n    }\n    \n    public get hovered(): boolean {\n        return this._hovered ?? NO\n    }\n    \n    public set highlighted(highlighted: boolean) {\n        this._highlighted = highlighted\n        this.updateContentForCurrentState()\n    }\n    \n    public get highlighted(): boolean {\n        return this._highlighted\n    }\n    \n    public set focused(focused: boolean) {\n        this._focused = focused\n        if (focused) {\n            this.focus()\n        }\n        else {\n            this.blur()\n        }\n        this.updateContentForCurrentState()\n    }\n    \n    public get focused(): boolean {\n        return this._focused ?? NO\n    }\n    \n    public set selected(selected: boolean) {\n        this._selected = selected\n        this.updateContentForCurrentState()\n    }\n    \n    public get selected(): boolean {\n        return this._selected\n    }\n    \n    \n    updateContentForCurrentState() {\n        \n        let updateFunction: Function = this.updateContentForNormalState\n        if (this.selected && this.highlighted) {\n            updateFunction = this.updateContentForSelectedAndHighlightedState\n        }\n        else if (this.selected) {\n            updateFunction = this.updateContentForSelectedState\n        }\n        else if (this.focused) {\n            updateFunction = this.updateContentForFocusedState\n        }\n        else if (this.highlighted) {\n            updateFunction = this.updateContentForHighlightedState\n        }\n        else if (this.hovered) {\n            updateFunction = this.updateContentForHoveredState\n        }\n        \n        if (!IS(updateFunction)) {\n            this.backgroundColor = UIColor.nilColor\n        }\n        else {\n            updateFunction.call(this)\n        }\n        \n    }\n    \n    updateContentForNormalState() {\n    \n    \n    }\n    \n    updateContentForHoveredState() {\n        \n        this.updateContentForNormalState()\n        \n    }\n    \n    updateContentForFocusedState() {\n        \n        this.updateContentForHoveredState()\n        \n    }\n    \n    updateContentForHighlightedState() {\n    \n    \n    }\n    \n    updateContentForSelectedState() {\n    \n    \n    }\n    \n    updateContentForSelectedAndHighlightedState() {\n        \n        this.updateContentForSelectedState()\n        \n    }\n    \n    \n    override set enabled(enabled: boolean) {\n        super.enabled = enabled\n        this.updateContentForCurrentEnabledState()\n    }\n    \n    override get enabled() {\n        return super.enabled\n    }\n    \n    override updateContentForCurrentEnabledState() {\n        \n        if (this.enabled) {\n            this.alpha = 1\n        }\n        else {\n            this.alpha = 0.5\n        }\n        \n        this.userInteractionEnabled = this.enabled\n        \n    }\n    \n    \n    override addStyleClass(styleClassName: string) {\n        \n        super.addStyleClass(styleClassName)\n        \n        if (this.styleClassName != styleClassName) {\n            \n            this.updateContentForCurrentState.call(this)\n            \n        }\n        \n    }\n    \n    \n    override didReceiveBroadcastEvent(event: UIViewBroadcastEvent) {\n        \n        super.didReceiveBroadcastEvent(event)\n        \n        if (event.name == UIView.broadcastEventName.PageDidScroll || event.name ==\n            UIView.broadcastEventName.AddedToViewTree) {\n            \n            const wasHovered = this._hovered\n            const wasHighlighted = this._highlighted\n            \n            this._hovered = NO\n            this._highlighted = NO\n            \n            if (wasHovered || wasHighlighted) {\n                this.updateContentForCurrentState()\n            }\n            \n        }\n        \n        \n    }\n    \n    \n    toggleSelectedState() {\n        \n        \n        this.selected = !this.selected\n        \n        \n    }\n    \n    set isToggleable(isToggleable: boolean) {\n        \n        this._isToggleable = isToggleable\n        \n    }\n    \n    get isToggleable() {\n        \n        return this._isToggleable\n        \n    }\n    \n    \n    override layoutSubviews() {\n        \n        super.layoutSubviews()\n        \n        const bounds = this.bounds\n        \n        \n    }\n    \n    \n    override sendControlEventForKey(eventKey: string, nativeEvent: Event) {\n        \n        if (eventKey == UIView.controlEvent.PointerUpInside && !this.highlighted) {\n            \n            // Do not send the event in this case\n            //super.sendControlEventForKey(eventKey, nativeEvent);\n            \n            const asd = 1\n            \n        }\n        else {\n            \n            super.sendControlEventForKey(eventKey, nativeEvent)\n            \n        }\n        \n    }\n    \n    \n    static getEventCoordinatesInDocument(touchOrMouseEvent: any) {\n        // http://www.quirksmode.org/js/events_properties.html\n        var posx = 0\n        var posy = 0\n        var e = touchOrMouseEvent\n        if (!e) {\n            e = window.event\n        }\n        if (e.pageX || e.pageY) {\n            posx = e.pageX\n            posy = e.pageY\n        }\n        else if (e.clientX || e.clientY) {\n            posx = e.clientX + document.body.scrollLeft\n                + document.documentElement.scrollLeft\n            posy = e.clientY + document.body.scrollTop\n                + document.documentElement.scrollTop\n        }\n        // posx and posy contain the mouse position relative to the document\n        \n        const coordinates = { \"x\": posx, \"y\": posy }\n        \n        return coordinates\n        \n    }\n    \n    \n    static getElementPositionInDocument(el: { tagName: string; offsetLeft: number; scrollLeft: number; clientLeft: number; offsetTop: number; scrollTop: number; clientTop: number; offsetParent: any }) {\n        //https://www.kirupa.com/html5/getting_mouse_click_position.htm\n        var xPosition = 0\n        var yPosition = 0\n        \n        while (el) {\n            if (el.tagName == \"BODY\") {\n                \n                // Coordinates in document are coordinates in body, therefore subtracting the scroll position of the body is not needed\n                \n                //      // deal with browser quirks with body/window/document and page scroll\n                //      var xScrollPos = el.scrollLeft || document.documentElement.scrollLeft;\n                //      var yScrollPos = el.scrollTop || document.documentElement.scrollTop;\n                //\n                //      xPosition += (el.offsetLeft - xScrollPos + el.clientLeft);\n                //      yPosition += (el.offsetTop - yScrollPos + el.clientTop);\n            }\n            else {\n                xPosition += (el.offsetLeft - el.scrollLeft + el.clientLeft)\n                yPosition += (el.offsetTop - el.scrollTop + el.clientTop)\n            }\n            \n            el = el.offsetParent\n        }\n        return {\n            x: xPosition,\n            y: yPosition\n        }\n    }\n    \n    static convertCoordinatesFromDocumentToElement(x: number, y: number, element: any) {\n        const elementPositionInDocument = this.getElementPositionInDocument(element)\n        const coordinatesInElement = { \"x\": x - elementPositionInDocument.x, \"y\": y - elementPositionInDocument.y }\n        return coordinatesInElement\n    }\n    \n    static getEventCoordinatesInElement(touchOrMouseEvent: any, element: any) {\n        const coordinatesInDocument = this.getEventCoordinatesInDocument(touchOrMouseEvent)\n        const coordinatesInElement = this.convertCoordinatesFromDocumentToElement(\n            coordinatesInDocument.x,\n            coordinatesInDocument.y,\n            element\n        )\n        return coordinatesInElement\n    }\n    \n    \n}\n"],
+  "mappings": "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",
   "names": []
 }

package/compiledScripts/UIButton.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../scripts/UIButton.ts"],
-  "sourcesContent": ["import { UIBaseButton } from \"./UIBaseButton\"\nimport { UIColor } from \"./UIColor\"\nimport { UIImageView } from \"./UIImageView\"\nimport { IS, IS_NOT, IS_NOT_NIL, nil, NO, ValueOf, YES } from \"./UIObject\"\nimport { UIRectangle } from \"./UIRectangle\"\nimport { UITextView } from \"./UITextView\"\n\n\nexport interface UIButtonColorSpecifier {\n    \n    titleLabel: UIButtonElementColorSpecifier;\n    background: UIButtonElementColorSpecifier;\n    \n}\n\n\nexport interface UIButtonElementColorSpecifier {\n    \n    normal: UIColor;\n    hovered?: UIColor;\n    highlighted: UIColor;\n    focused?: UIColor;\n    selected: UIColor;\n    selectedAndHighlighted?: UIColor;\n    \n}\n\n\nexport class UIButton extends UIBaseButton {\n    \n    _contentPadding = 0\n    _titleLabel: UITextView = nil\n    _imageView: UIImageView\n    \n    usesAutomaticTitleFontSize = NO\n    minAutomaticFontSize?: number\n    maxAutomaticFontSize?: number = 25\n    \n    colors: UIButtonColorSpecifier = {\n        \n        titleLabel: {\n            \n            normal: UIColor.whiteColor,\n            highlighted: UIColor.whiteColor,\n            selected: UIColor.whiteColor\n            \n        },\n        \n        background: {\n            \n            normal: UIColor.blueColor,\n            highlighted: UIColor.greenColor,\n            selected: UIColor.redColor\n            \n        }\n        \n    }\n    \n    \n    constructor(\n        elementID?: string,\n        elementType?: string,\n        titleType: string | ValueOf<typeof UITextView.type> = UITextView.type.span\n    ) {\n        \n        super(elementID, elementType)\n        \n        // Instance variables\n        \n        this._imageView = new UIImageView(this.elementID + \"ImageView\")\n        this._imageView.hidden = YES\n        this.addSubview(this.imageView)\n        \n        this.imageView.fillMode = UIImageView.fillMode.aspectFitIfLarger\n        \n        \n        if (IS_NOT_NIL(titleType)) {\n            \n            this._titleLabel = new UITextView(this.elementID + \"TitleLabel\", titleType)\n            this.titleLabel!.style.whiteSpace = \"nowrap\"\n            this.addSubview(this.titleLabel!)\n            \n            this.titleLabel!.userInteractionEnabled = NO\n            \n        }\n        \n        this.contentPadding = 10\n        \n        this.imageView.userInteractionEnabled = NO\n        if (this.titleLabel) {\n            this.titleLabel.textAlignment = UITextView.textAlignment.center\n            this.titleLabel.nativeSelectionEnabled = NO\n        }\n        \n    }\n    \n    \n    get contentPadding() {\n        return this._contentPadding.integerValue\n    }\n    \n    set contentPadding(contentPadding) {\n        this._contentPadding = contentPadding\n        this.setNeedsLayout()\n    }\n    \n    \n    public override set hovered(hovered: boolean) {\n        this._hovered = hovered\n        this.updateContentForCurrentState()\n    }\n    \n    public override get hovered(): boolean {\n        return this._hovered ?? NO\n    }\n    \n    public override set highlighted(highlighted: boolean) {\n        this._highlighted = highlighted\n        this.updateContentForCurrentState()\n    }\n    \n    public override get highlighted(): boolean {\n        return this._highlighted\n    }\n    \n    public override set focused(focused: boolean) {\n        this._focused = focused\n        if (focused) {\n            this.focus()\n        }\n        else {\n            this.blur()\n        }\n        this.updateContentForCurrentState()\n    }\n    \n    public override get focused(): boolean {\n        return this._focused ?? NO\n    }\n    \n    public override set selected(selected: boolean) {\n        this._selected = selected\n        this.updateContentForCurrentState()\n    }\n    \n    public override get selected(): boolean {\n        return this._selected\n    }\n    \n    \n    override updateContentForCurrentState() {\n        \n        let updateFunction: Function = this.updateContentForNormalState\n        if (this.selected && this.highlighted) {\n            updateFunction = this.updateContentForSelectedAndHighlightedState\n        }\n        else if (this.selected) {\n            updateFunction = this.updateContentForSelectedState\n        }\n        else if (this.focused) {\n            updateFunction = this.updateContentForFocusedState\n        }\n        else if (this.highlighted) {\n            updateFunction = this.updateContentForHighlightedState\n        }\n        else if (this.hovered) {\n            updateFunction = this.updateContentForHoveredState\n        }\n        \n        if (!IS(updateFunction)) {\n            if (this.titleLabel) {\n                this.titleLabel.textColor = UIColor.nilColor\n            }\n            this.backgroundColor = UIColor.nilColor\n        }\n        else {\n            updateFunction.call(this)\n        }\n        \n        this.updateContentForCurrentEnabledState()\n        \n    }\n    \n    override updateContentForNormalState() {\n        \n        this.backgroundColor = this.colors.background.normal\n        if (this.titleLabel) {\n            this.titleLabel.textColor = this.colors.titleLabel.normal\n        }\n        \n    }\n    \n    override updateContentForHoveredState() {\n        \n        this.updateContentForNormalState()\n        \n        if (this.colors.background.hovered) {\n            this.backgroundColor = this.colors.background.hovered\n        }\n        \n        if (this.colors.titleLabel.hovered && this.titleLabel) {\n            this.titleLabel.textColor = this.colors.titleLabel.hovered\n        }\n        \n    }\n    \n    override updateContentForFocusedState() {\n        \n        this.updateContentForHoveredState()\n        \n        if (this.colors.background.focused) {\n            this.backgroundColor = this.colors.background.focused\n        }\n        \n        if (this.colors.titleLabel.focused && this.titleLabel) {\n            this.titleLabel.textColor = this.colors.titleLabel.focused\n        }\n        \n    }\n    \n    override updateContentForHighlightedState() {\n        \n        this.backgroundColor = this.colors.background.highlighted\n        if (this.titleLabel) {\n            this.titleLabel.textColor = this.colors.titleLabel.highlighted\n        }\n        \n    }\n    \n    override updateContentForSelectedState() {\n        \n        this.backgroundColor = this.colors.background.selected\n        if (this.titleLabel) {\n            this.titleLabel.textColor = this.colors.titleLabel.selected\n        }\n        \n    }\n    \n    override updateContentForSelectedAndHighlightedState() {\n        \n        this.updateContentForSelectedState()\n        \n        if (this.colors.background.selectedAndHighlighted) {\n            this.backgroundColor = this.colors.background.selectedAndHighlighted\n        }\n        \n        if (this.colors.titleLabel.selectedAndHighlighted && this.titleLabel) {\n            this.titleLabel.textColor = this.colors.titleLabel.selectedAndHighlighted\n        }\n        \n    }\n    \n    \n    override set enabled(enabled: boolean) {\n        \n        // @ts-ignore\n        super.enabled = enabled\n        \n        this.updateContentForCurrentState()\n        \n    }\n    \n    override get enabled() {\n        \n        // @ts-ignore\n        return super.enabled\n        \n    }\n    \n    override updateContentForCurrentEnabledState() {\n        \n        if (this.enabled) {\n            this.alpha = 1\n        }\n        else {\n            this.alpha = 0.5\n        }\n        \n        this.userInteractionEnabled = this.enabled\n        \n    }\n    \n    \n    override addStyleClass(styleClassName: string) {\n        \n        super.addStyleClass(styleClassName)\n        \n        if (this.styleClassName != styleClassName) {\n            \n            this.updateContentForCurrentState.call(this)\n            \n        }\n        \n    }\n    \n    \n    get titleLabel(): UITextView {\n        return this._titleLabel\n    }\n    \n    get imageView() {\n        \n        return this._imageView\n        \n    }\n    \n    \n    override layoutSubviews() {\n        \n        super.layoutSubviews()\n        \n        let bounds = this.bounds\n        \n        this.hoverText = this.hoverText ?? this.titleLabel?.text ?? \"\"\n        \n        // Image only if text is not present\n        if (IS_NOT(this.imageView.hidden) && !IS(this.titleLabel?.text)) {\n            \n            this.imageView.frame = bounds\n            \n        }\n        \n        // Text only if image is not present\n        if (IS(this.imageView.hidden) && this.titleLabel?.text) {\n            \n            this.titleLabel.style.left = this.contentPadding + \"px\"\n            this.titleLabel.style.right = this.contentPadding + \"px\"\n            // this.titleLabel.style.marginLeft = \"\"\n            // this.titleLabel.style.right = this.contentPadding\n            this.titleLabel.style.bottom = \"0px\"\n            this.titleLabel.style.top = \"0px\"\n            this.titleLabel.frame = new UIRectangle(nil, nil, nil, nil)\n            \n            if (this.usesAutomaticTitleFontSize) {\n                \n                const hidden = this.titleLabel.hidden\n                \n                this.titleLabel.hidden = YES\n                \n                this.titleLabel.fontSize = 15\n                \n                this.titleLabel.fontSize = UITextView.automaticallyCalculatedFontSize(\n                    new UIRectangle(\n                        0,\n                        0,\n                        this.bounds.height,\n                        this.titleLabel.viewHTMLElement.offsetWidth\n                    ),\n                    this.titleLabel.intrinsicContentSize(),\n                    this.titleLabel.fontSize,\n                    this.minAutomaticFontSize,\n                    this.maxAutomaticFontSize\n                )\n                \n                this.titleLabel.hidden = hidden\n                \n            }\n            \n            \n        }\n        \n        // Image and text both present\n        if (IS_NOT(this.imageView.hidden) && this.titleLabel?.text) {\n            \n            //const imageShareOfWidth = 0.25\n            \n            bounds = bounds.rectangleWithInset(this.contentPadding)\n            \n            const imageFrame = bounds.copy()\n            imageFrame.width = bounds.height - this.contentPadding * 0.5\n            this.imageView.frame = imageFrame\n            \n            this.titleLabel.style.left = imageFrame.max.x + this.contentPadding + \"px\"\n            this.titleLabel.style.right = this.contentPadding + \"px\"\n            this.titleLabel.style.bottom = \"0px\"\n            this.titleLabel.style.top = \"0px\"\n            \n            if (this.usesAutomaticTitleFontSize) {\n                \n                const hidden = this.titleLabel.hidden\n                \n                this.titleLabel.hidden = YES\n                \n                this.titleLabel.fontSize = 15\n                \n                this.titleLabel.fontSize = UITextView.automaticallyCalculatedFontSize(\n                    new UIRectangle(\n                        0,\n                        0,\n                        this.bounds.height,\n                        this.titleLabel.viewHTMLElement.offsetWidth\n                    ),\n                    this.titleLabel.intrinsicContentSize(),\n                    this.titleLabel.fontSize,\n                    this.minAutomaticFontSize,\n                    this.maxAutomaticFontSize\n                )\n                \n                this.titleLabel.hidden = hidden\n                \n            }\n            \n        }\n        \n        this.applyClassesAndStyles()\n        \n    }\n    \n    override initViewStyleSelectors() {\n        \n        this.initStyleSelector(\".\" + this.styleClassName, \"background-color: lightblue;\")\n        \n        // var selectorWithoutImage = \".\" + this.styleClassName + \" .\" + this.imageView.styleClassName + \" + .\" +\n        // this.titleLabel.styleClassName;\n        \n        // this.initStyleSelector(\n        //     selectorWithoutImage,\n        //     \"left: \" + this.contentPadding + \";\" +\n        //     \"right: \" + this.contentPadding + \";\" +\n        //     \"top: 50%;\" +\n        //     \"transform: translateY(-50%);\");\n        \n    }\n    \n    \n}\n\n"],
+  "sourcesContent": ["import { UIBaseButton } from \"./UIBaseButton\"\nimport { UIColor } from \"./UIColor\"\nimport { UIImageView } from \"./UIImageView\"\nimport { IS, IS_NOT, IS_NOT_NIL, nil, NO, ValueOf, YES } from \"./UIObject\"\nimport { UIRectangle } from \"./UIRectangle\"\nimport { UITextView } from \"./UITextView\"\n\n\nexport interface UIButtonColorSpecifier {\n    \n    titleLabel: UIButtonElementColorSpecifier;\n    background: UIButtonElementColorSpecifier;\n    \n}\n\n\nexport interface UIButtonElementColorSpecifier {\n    \n    normal: UIColor;\n    hovered?: UIColor;\n    highlighted: UIColor;\n    focused?: UIColor;\n    selected: UIColor;\n    selectedAndHighlighted?: UIColor;\n    \n}\n\n\nexport class UIButton extends UIBaseButton {\n    \n    _contentPadding = 0\n    _titleLabel: UITextView = nil\n    _imageView: UIImageView\n    \n    usesAutomaticTitleFontSize = NO\n    minAutomaticFontSize?: number\n    maxAutomaticFontSize?: number = 25\n    \n    colors: UIButtonColorSpecifier = {\n        \n        titleLabel: {\n            \n            normal: UIColor.whiteColor,\n            highlighted: UIColor.whiteColor,\n            selected: UIColor.whiteColor\n            \n        },\n        \n        background: {\n            \n            normal: UIColor.blueColor,\n            highlighted: UIColor.greenColor,\n            selected: UIColor.redColor\n            \n        }\n        \n    }\n    \n    \n    constructor(\n        elementID?: string,\n        elementType?: string,\n        titleType: string | ValueOf<typeof UITextView.type> = UITextView.type.span\n    ) {\n        \n        super(elementID, elementType)\n        \n        // Instance variables\n        \n        this._imageView = new UIImageView(this.elementID + \"ImageView\")\n        this._imageView.hidden = YES\n        this.addSubview(this.imageView)\n        \n        this.imageView.fillMode = UIImageView.fillMode.aspectFitIfLarger\n        \n        \n        if (IS_NOT_NIL(titleType)) {\n            \n            this._titleLabel = new UITextView(this.elementID + \"TitleLabel\", titleType)\n            this.titleLabel!.style.whiteSpace = \"nowrap\"\n            this.addSubview(this.titleLabel!)\n            \n            this.titleLabel!.userInteractionEnabled = NO\n            \n        }\n        \n        this.contentPadding = 10\n        \n        this.imageView.userInteractionEnabled = NO\n        if (this.titleLabel) {\n            this.titleLabel.textAlignment = UITextView.textAlignment.center\n            this.titleLabel.nativeSelectionEnabled = NO\n        }\n        \n    }\n    \n    \n    get contentPadding() {\n        return this._contentPadding.integerValue\n    }\n    \n    set contentPadding(contentPadding) {\n        this._contentPadding = contentPadding\n        this.setNeedsLayout()\n    }\n    \n    \n    public override set hovered(hovered: boolean) {\n        this._hovered = hovered\n        this.updateContentForCurrentState()\n    }\n    \n    public override get hovered(): boolean {\n        return this._hovered ?? NO\n    }\n    \n    public override set highlighted(highlighted: boolean) {\n        this._highlighted = highlighted\n        this.updateContentForCurrentState()\n    }\n    \n    public override get highlighted(): boolean {\n        return this._highlighted\n    }\n    \n    public override set focused(focused: boolean) {\n        this._focused = focused\n        if (focused) {\n            this.focus()\n        }\n        else {\n            this.blur()\n        }\n        this.updateContentForCurrentState()\n    }\n    \n    public override get focused(): boolean {\n        return this._focused ?? NO\n    }\n    \n    public override set selected(selected: boolean) {\n        this._selected = selected\n        this.updateContentForCurrentState()\n    }\n    \n    public override get selected(): boolean {\n        return this._selected\n    }\n    \n    \n    override updateContentForCurrentState() {\n        \n        let updateFunction: Function = this.updateContentForNormalState\n        if (this.selected && this.highlighted) {\n            updateFunction = this.updateContentForSelectedAndHighlightedState\n        }\n        else if (this.selected) {\n            updateFunction = this.updateContentForSelectedState\n        }\n        else if (this.focused) {\n            updateFunction = this.updateContentForFocusedState\n        }\n        else if (this.highlighted) {\n            updateFunction = this.updateContentForHighlightedState\n        }\n        else if (this.hovered) {\n            updateFunction = this.updateContentForHoveredState\n        }\n        \n        if (!IS(updateFunction)) {\n            if (this.titleLabel) {\n                this.titleLabel.textColor = UIColor.nilColor\n            }\n            this.backgroundColor = UIColor.nilColor\n        }\n        else {\n            updateFunction.call(this)\n        }\n        \n        this.updateContentForCurrentEnabledState()\n        \n    }\n    \n    override updateContentForNormalState() {\n        \n        this.backgroundColor = this.colors.background.normal\n        if (this.titleLabel) {\n            this.titleLabel.textColor = this.colors.titleLabel.normal\n        }\n        \n    }\n    \n    override updateContentForHoveredState() {\n        \n        this.updateContentForNormalState()\n        \n        if (this.colors.background.hovered) {\n            this.backgroundColor = this.colors.background.hovered\n        }\n        \n        if (this.colors.titleLabel.hovered && this.titleLabel) {\n            this.titleLabel.textColor = this.colors.titleLabel.hovered\n        }\n        \n    }\n    \n    override updateContentForFocusedState() {\n        \n        this.updateContentForHoveredState()\n        \n        if (this.colors.background.focused) {\n            this.backgroundColor = this.colors.background.focused\n        }\n        \n        if (this.colors.titleLabel.focused && this.titleLabel) {\n            this.titleLabel.textColor = this.colors.titleLabel.focused\n        }\n        \n    }\n    \n    override updateContentForHighlightedState() {\n        \n        this.backgroundColor = this.colors.background.highlighted\n        if (this.titleLabel) {\n            this.titleLabel.textColor = this.colors.titleLabel.highlighted\n        }\n        \n    }\n    \n    override updateContentForSelectedState() {\n        \n        this.backgroundColor = this.colors.background.selected\n        if (this.titleLabel) {\n            this.titleLabel.textColor = this.colors.titleLabel.selected\n        }\n        \n    }\n    \n    override updateContentForSelectedAndHighlightedState() {\n        \n        this.updateContentForSelectedState()\n        \n        if (this.colors.background.selectedAndHighlighted) {\n            this.backgroundColor = this.colors.background.selectedAndHighlighted\n        }\n        \n        if (this.colors.titleLabel.selectedAndHighlighted && this.titleLabel) {\n            this.titleLabel.textColor = this.colors.titleLabel.selectedAndHighlighted\n        }\n        \n    }\n    \n    \n    override set enabled(enabled: boolean) {\n        \n        // @ts-ignore\n        super.enabled = enabled\n        \n        this.updateContentForCurrentState()\n        \n    }\n    \n    override get enabled() {\n        \n        // @ts-ignore\n        return super.enabled\n        \n    }\n    \n    override updateContentForCurrentEnabledState() {\n        \n        if (this.enabled) {\n            this.alpha = 1\n        }\n        else {\n            this.alpha = 0.5\n        }\n        \n        this.userInteractionEnabled = this.enabled\n        \n    }\n    \n    \n    override addStyleClass(styleClassName: string) {\n        \n        super.addStyleClass(styleClassName)\n        \n        if (this.styleClassName != styleClassName) {\n            \n            this.updateContentForCurrentState.call(this)\n            \n        }\n        \n    }\n    \n    \n    get titleLabel(): UITextView {\n        return this._titleLabel\n    }\n    \n    get imageView() {\n        \n        return this._imageView\n        \n    }\n    \n    \n    override layoutSubviews() {\n        \n        super.layoutSubviews()\n        \n        let bounds = this.bounds\n        \n        this.hoverText = this.hoverText ?? this.titleLabel?.text ?? \"\"\n        \n        // Image only if text is not present\n        if (IS_NOT(this.imageView.hidden) && !IS(this.titleLabel?.text)) {\n            \n            this.imageView.frame = bounds\n            \n        }\n        \n        // Text only if image is not present\n        if (IS(this.imageView.hidden) && this.titleLabel?.text) {\n            \n            this.titleLabel.style.left = this.contentPadding + \"px\"\n            this.titleLabel.style.right = this.contentPadding + \"px\"\n            // this.titleLabel.style.marginLeft = \"\"\n            // this.titleLabel.style.right = this.contentPadding\n            this.titleLabel.style.bottom = \"0px\"\n            this.titleLabel.style.top = \"0px\"\n            this.titleLabel.frame = new UIRectangle(nil, nil, nil, nil)\n            \n            if (this.usesAutomaticTitleFontSize) {\n                \n                const hidden = this.titleLabel.hidden\n                \n                this.titleLabel.hidden = YES\n                \n                this.titleLabel.fontSize = 15\n                \n                this.titleLabel.fontSize = UITextView.automaticallyCalculatedFontSize(\n                    new UIRectangle(\n                        0,\n                        0,\n                        this.bounds.height,\n                        this.titleLabel.viewHTMLElement.offsetWidth\n                    ),\n                    this.titleLabel.intrinsicContentSize(),\n                    this.titleLabel.fontSize,\n                    this.minAutomaticFontSize,\n                    this.maxAutomaticFontSize\n                )\n                \n                this.titleLabel.hidden = hidden\n                \n            }\n            \n            \n        }\n        \n        // Image and text both present\n        if (IS_NOT(this.imageView.hidden) && this.titleLabel?.text) {\n            \n            //const imageShareOfWidth = 0.25\n            \n            bounds = bounds.rectangleWithInset(this.contentPadding)\n            \n            const imageFrame = bounds.copy()\n            imageFrame.width = bounds.height - this.contentPadding * 0.5\n            this.imageView.frame = imageFrame\n            \n            this.titleLabel.style.left = imageFrame.max.x + this.contentPadding + \"px\"\n            this.titleLabel.style.right = this.contentPadding + \"px\"\n            this.titleLabel.style.bottom = \"0px\"\n            this.titleLabel.style.top = \"0px\"\n            \n            if (this.usesAutomaticTitleFontSize) {\n                \n                const hidden = this.titleLabel.hidden\n                \n                this.titleLabel.hidden = YES\n                \n                this.titleLabel.fontSize = 15\n                \n                this.titleLabel.fontSize = UITextView.automaticallyCalculatedFontSize(\n                    new UIRectangle(\n                        0,\n                        0,\n                        this.bounds.height,\n                        this.titleLabel.viewHTMLElement.offsetWidth\n                    ),\n                    this.titleLabel.intrinsicContentSize(),\n                    this.titleLabel.fontSize,\n                    this.minAutomaticFontSize,\n                    this.maxAutomaticFontSize\n                )\n                \n                this.titleLabel.hidden = hidden\n                \n            }\n            \n        }\n        \n        this.applyClassesAndStyles()\n        \n    }\n    \n    override initViewStyleSelectors() {\n        \n        this.initStyleSelector(\".\" + this.styleClassName, \"background-color: lightblue;\")\n        \n        // var selectorWithoutImage = \".\" + this.styleClassName + \" .\" + this.imageView.styleClassName + \" + .\" +\n        // this.titleLabel.styleClassName;\n        \n        // this.initStyleSelector(\n        //     selectorWithoutImage,\n        //     \"left: \" + this.contentPadding + \";\" +\n        //     \"right: \" + this.contentPadding + \";\" +\n        //     \"top: 50%;\" +\n        //     \"transform: translateY(-50%);\");\n        \n    }\n    \n    \n}\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAA6B;AAC7B,qBAAwB;AACxB,yBAA4B;AAC5B,sBAA8D;AAC9D,yBAA4B;AAC5B,wBAA2B;AAuBpB,MAAM,iBAAiB,iCAAa;AAAA,EA+BvC,YACI,WACA,aACA,YAAsD,6BAAW,KAAK,MACxE;AAEE,UAAM,WAAW,WAAW;AAnChC,2BAAkB;AAClB,uBAA0B;AAG1B,sCAA6B;AAE7B,gCAAgC;AAEhC,kBAAiC;AAAA,MAE7B,YAAY;AAAA,QAER,QAAQ,uBAAQ;AAAA,QAChB,aAAa,uBAAQ;AAAA,QACrB,UAAU,uBAAQ;AAAA,MAEtB;AAAA,MAEA,YAAY;AAAA,QAER,QAAQ,uBAAQ;AAAA,QAChB,aAAa,uBAAQ;AAAA,QACrB,UAAU,uBAAQ;AAAA,MAEtB;AAAA,IAEJ;AAaI,SAAK,aAAa,IAAI,+BAAY,KAAK,YAAY,WAAW;AAC9D,SAAK,WAAW,SAAS;AACzB,SAAK,WAAW,KAAK,SAAS;AAE9B,SAAK,UAAU,WAAW,+BAAY,SAAS;AAG/C,YAAI,4BAAW,SAAS,GAAG;AAEvB,WAAK,cAAc,IAAI,6BAAW,KAAK,YAAY,cAAc,SAAS;AAC1E,WAAK,WAAY,MAAM,aAAa;AACpC,WAAK,WAAW,KAAK,UAAW;AAEhC,WAAK,WAAY,yBAAyB;AAAA,IAE9C;AAEA,SAAK,iBAAiB;AAEtB,SAAK,UAAU,yBAAyB;AACxC,QAAI,KAAK,YAAY;AACjB,WAAK,WAAW,gBAAgB,6BAAW,cAAc;AACzD,WAAK,WAAW,yBAAyB;AAAA,IAC7C;AAAA,EAEJ;AAAA,EAGA,IAAI,iBAAiB;AACjB,WAAO,KAAK,gBAAgB;AAAA,EAChC;AAAA,EAEA,IAAI,eAAe,gBAAgB;AAC/B,SAAK,kBAAkB;AACvB,SAAK,eAAe;AAAA,EACxB;AAAA,EAGA,IAAoB,QAAQ,SAAkB;AAC1C,SAAK,WAAW;AAChB,SAAK,6BAA6B;AAAA,EACtC;AAAA,EAEA,IAAoB,UAAmB;AAhH3C;AAiHQ,YAAO,UAAK,aAAL,YAAiB;AAAA,EAC5B;AAAA,EAEA,IAAoB,YAAY,aAAsB;AAClD,SAAK,eAAe;AACpB,SAAK,6BAA6B;AAAA,EACtC;AAAA,EAEA,IAAoB,cAAuB;AACvC,WAAO,KAAK;AAAA,EAChB;AAAA,EAEA,IAAoB,QAAQ,SAAkB;AAC1C,SAAK,WAAW;AAChB,QAAI,SAAS;AACT,WAAK,MAAM;AAAA,IACf,OACK;AACD,WAAK,KAAK;AAAA,IACd;AACA,SAAK,6BAA6B;AAAA,EACtC;AAAA,EAEA,IAAoB,UAAmB;AAxI3C;AAyIQ,YAAO,UAAK,aAAL,YAAiB;AAAA,EAC5B;AAAA,EAEA,IAAoB,SAAS,UAAmB;AAC5C,SAAK,YAAY;AACjB,SAAK,6BAA6B;AAAA,EACtC;AAAA,EAEA,IAAoB,WAAoB;AACpC,WAAO,KAAK;AAAA,EAChB;AAAA,EAGS,+BAA+B;AAEpC,QAAI,iBAA2B,KAAK;AACpC,QAAI,KAAK,YAAY,KAAK,aAAa;AACnC,uBAAiB,KAAK;AAAA,IAC1B,WACS,KAAK,UAAU;AACpB,uBAAiB,KAAK;AAAA,IAC1B,WACS,KAAK,SAAS;AACnB,uBAAiB,KAAK;AAAA,IAC1B,WACS,KAAK,aAAa;AACvB,uBAAiB,KAAK;AAAA,IAC1B,WACS,KAAK,SAAS;AACnB,uBAAiB,KAAK;AAAA,IAC1B;AAEA,QAAI,KAAC,oBAAG,cAAc,GAAG;AACrB,UAAI,KAAK,YAAY;AACjB,aAAK,WAAW,YAAY,uBAAQ;AAAA,MACxC;AACA,WAAK,kBAAkB,uBAAQ;AAAA,IACnC,OACK;AACD,qBAAe,KAAK,IAAI;AAAA,IAC5B;AAEA,SAAK,oCAAoC;AAAA,EAE7C;AAAA,EAES,8BAA8B;AAEnC,SAAK,kBAAkB,KAAK,OAAO,WAAW;AAC9C,QAAI,KAAK,YAAY;AACjB,WAAK,WAAW,YAAY,KAAK,OAAO,WAAW;AAAA,IACvD;AAAA,EAEJ;AAAA,EAES,+BAA+B;AAEpC,SAAK,4BAA4B;AAEjC,QAAI,KAAK,OAAO,WAAW,SAAS;AAChC,WAAK,kBAAkB,KAAK,OAAO,WAAW;AAAA,IAClD;AAEA,QAAI,KAAK,OAAO,WAAW,WAAW,KAAK,YAAY;AACnD,WAAK,WAAW,YAAY,KAAK,OAAO,WAAW;AAAA,IACvD;AAAA,EAEJ;AAAA,EAES,+BAA+B;AAEpC,SAAK,6BAA6B;AAElC,QAAI,KAAK,OAAO,WAAW,SAAS;AAChC,WAAK,kBAAkB,KAAK,OAAO,WAAW;AAAA,IAClD;AAEA,QAAI,KAAK,OAAO,WAAW,WAAW,KAAK,YAAY;AACnD,WAAK,WAAW,YAAY,KAAK,OAAO,WAAW;AAAA,IACvD;AAAA,EAEJ;AAAA,EAES,mCAAmC;AAExC,SAAK,kBAAkB,KAAK,OAAO,WAAW;AAC9C,QAAI,KAAK,YAAY;AACjB,WAAK,WAAW,YAAY,KAAK,OAAO,WAAW;AAAA,IACvD;AAAA,EAEJ;AAAA,EAES,gCAAgC;AAErC,SAAK,kBAAkB,KAAK,OAAO,WAAW;AAC9C,QAAI,KAAK,YAAY;AACjB,WAAK,WAAW,YAAY,KAAK,OAAO,WAAW;AAAA,IACvD;AAAA,EAEJ;AAAA,EAES,8CAA8C;AAEnD,SAAK,8BAA8B;AAEnC,QAAI,KAAK,OAAO,WAAW,wBAAwB;AAC/C,WAAK,kBAAkB,KAAK,OAAO,WAAW;AAAA,IAClD;AAEA,QAAI,KAAK,OAAO,WAAW,0BAA0B,KAAK,YAAY;AAClE,WAAK,WAAW,YAAY,KAAK,OAAO,WAAW;AAAA,IACvD;AAAA,EAEJ;AAAA,EAGA,IAAa,QAAQ,SAAkB;AAGnC,UAAM,UAAU;AAEhB,SAAK,6BAA6B;AAAA,EAEtC;AAAA,EAEA,IAAa,UAAU;AAGnB,WAAO,MAAM;AAAA,EAEjB;AAAA,EAES,sCAAsC;AAE3C,QAAI,KAAK,SAAS;AACd,WAAK,QAAQ;AAAA,IACjB,OACK;AACD,WAAK,QAAQ;AAAA,IACjB;AAEA,SAAK,yBAAyB,KAAK;AAAA,EAEvC;AAAA,EAGS,cAAc,gBAAwB;AAE3C,UAAM,cAAc,cAAc;AAElC,QAAI,KAAK,kBAAkB,gBAAgB;AAEvC,WAAK,6BAA6B,KAAK,IAAI;AAAA,IAE/C;AAAA,EAEJ;AAAA,EAGA,IAAI,aAAyB;AACzB,WAAO,KAAK;AAAA,EAChB;AAAA,EAEA,IAAI,YAAY;AAEZ,WAAO,KAAK;AAAA,EAEhB;AAAA,EAGS,iBAAiB;AAnT9B;AAqTQ,UAAM,eAAe;AAErB,QAAI,SAAS,KAAK;AAElB,SAAK,aAAY,gBAAK,cAAL,aAAkB,UAAK,eAAL,mBAAiB,SAAnC,YAA2C;AAG5D,YAAI,wBAAO,KAAK,UAAU,MAAM,KAAK,KAAC,qBAAG,UAAK,eAAL,mBAAiB,IAAI,GAAG;AAE7D,WAAK,UAAU,QAAQ;AAAA,IAE3B;AAGA,YAAI,oBAAG,KAAK,UAAU,MAAM,OAAK,UAAK,eAAL,mBAAiB,OAAM;AAEpD,WAAK,WAAW,MAAM,OAAO,KAAK,iBAAiB;AACnD,WAAK,WAAW,MAAM,QAAQ,KAAK,iBAAiB;AAGpD,WAAK,WAAW,MAAM,SAAS;AAC/B,WAAK,WAAW,MAAM,MAAM;AAC5B,WAAK,WAAW,QAAQ,IAAI,+BAAY,qBAAK,qBAAK,qBAAK,mBAAG;AAE1D,UAAI,KAAK,4BAA4B;AAEjC,cAAM,SAAS,KAAK,WAAW;AAE/B,aAAK,WAAW,SAAS;AAEzB,aAAK,WAAW,WAAW;AAE3B,aAAK,WAAW,WAAW,6BAAW;AAAA,UAClC,IAAI;AAAA,YACA;AAAA,YACA;AAAA,YACA,KAAK,OAAO;AAAA,YACZ,KAAK,WAAW,gBAAgB;AAAA,UACpC;AAAA,UACA,KAAK,WAAW,qBAAqB;AAAA,UACrC,KAAK,WAAW;AAAA,UAChB,KAAK;AAAA,UACL,KAAK;AAAA,QACT;AAEA,aAAK,WAAW,SAAS;AAAA,MAE7B;AAAA,IAGJ;AAGA,YAAI,wBAAO,KAAK,UAAU,MAAM,OAAK,UAAK,eAAL,mBAAiB,OAAM;AAIxD,eAAS,OAAO,mBAAmB,KAAK,cAAc;AAEtD,YAAM,aAAa,OAAO,KAAK;AAC/B,iBAAW,QAAQ,OAAO,SAAS,KAAK,iBAAiB;AACzD,WAAK,UAAU,QAAQ;AAEvB,WAAK,WAAW,MAAM,OAAO,WAAW,IAAI,IAAI,KAAK,iBAAiB;AACtE,WAAK,WAAW,MAAM,QAAQ,KAAK,iBAAiB;AACpD,WAAK,WAAW,MAAM,SAAS;AAC/B,WAAK,WAAW,MAAM,MAAM;AAE5B,UAAI,KAAK,4BAA4B;AAEjC,cAAM,SAAS,KAAK,WAAW;AAE/B,aAAK,WAAW,SAAS;AAEzB,aAAK,WAAW,WAAW;AAE3B,aAAK,WAAW,WAAW,6BAAW;AAAA,UAClC,IAAI;AAAA,YACA;AAAA,YACA;AAAA,YACA,KAAK,OAAO;AAAA,YACZ,KAAK,WAAW,gBAAgB;AAAA,UACpC;AAAA,UACA,KAAK,WAAW,qBAAqB;AAAA,UACrC,KAAK,WAAW;AAAA,UAChB,KAAK;AAAA,UACL,KAAK;AAAA,QACT;AAEA,aAAK,WAAW,SAAS;AAAA,MAE7B;AAAA,IAEJ;AAEA,SAAK,sBAAsB;AAAA,EAE/B;AAAA,EAES,yBAAyB;AAE9B,SAAK,kBAAkB,MAAM,KAAK,gBAAgB,8BAA8B;AAAA,EAYpF;AAGJ;",
   "names": []
 }

package/compiledScripts/UILayoutCycleTracer.d.ts

@@ -0,0 +1,80 @@
+/**
+ * UILayoutCycleTracer
+ *
+ * A development-only utility that detects and reports layout cycles in the
+ * UIView layout system.
+ *
+ * A layout cycle occurs when layouting a view causes another setNeedsLayout()
+ * call on the same view (or an ancestor) within the same layout pass, causing
+ * the loop in layoutViewsIfNeeded() to iterate multiple times.
+ *
+ * Usage:
+ *   UILayoutCycleTracer.enable()    — start tracing
+ *   UILayoutCycleTracer.disable()   — stop tracing
+ *   UILayoutCycleTracer.isEnabled   — check current state
+ *
+ * When a cycle is detected, a detailed report is printed to the console
+ * including:
+ *   - Which view was re-queued
+ *   - Its full superview chain
+ *   - The call stack at the point of the re-queue (setNeedsLayout call)
+ *   - How many times the view has been laid out in this pass
+ *
+ * Integration:
+ *   Call UILayoutCycleTracer.willBeginLayoutPass() at the start of
+ *   layoutViewsIfNeeded(), UILayoutCycleTracer.didLayoutView(view) after each
+ *   view is laid out, and UILayoutCycleTracer.viewDidCallSetNeedsLayout(view)
+ *   from setNeedsLayout() while a pass is active.
+ */
+export declare class UILayoutCycleTracer {
+    static _isEnabled: boolean;
+    static _isPassActive: boolean;
+    static _layoutCountsThisPass: Map<any, number>;
+    static _setNeedsLayoutCallsThisPass: Map<any, {
+        count: number;
+        stacks: string[];
+    }>;
+    static _currentIteration: number;
+    static _totalReportsThisPass: number;
+    static reportThreshold: number;
+    static maxReportsPerPass: number;
+    static _noiseFramePrefixes: string[];
+    static get isEnabled(): boolean;
+    static enable(reportThreshold?: number): void;
+    static disable(): void;
+    /**
+     * Called at the very start of each layoutViewsIfNeeded() invocation.
+     */
+    static willBeginLayoutPass(): void;
+    /**
+     * Called after each iteration increment in the layoutViewsIfNeeded() while loop.
+     */
+    static willBeginIteration(iteration: number): void;
+    /**
+     * Called after a view's layoutIfNeeded() completes.
+     */
+    static didLayoutView(view: any): void;
+    /**
+     * Called from setNeedsLayout() when a view enters the queue.
+     * If a layout pass is currently active, this is a potential cycle.
+     */
+    static viewDidCallSetNeedsLayout(view: any): void;
+    /**
+     * Called at the end of a layout pass.
+     */
+    static didFinishLayoutPass(iterationCount: number): void;
+    /**
+     * Strips the "Error" header line and any leading framework/tracer noise
+     * frames from a raw Error.stack string, so the first frame shown is always
+     * the application code that triggered the re-queue.
+     */
+    static _cleanStack(rawStack: string): string;
+    static _viewIdentifier(view: any): string;
+    static _superviewChain(view: any): string;
+    static _reportCycle(view: any, layoutCountThisPass: number, cleanStack: string): void;
+}
+declare global {
+    interface Window {
+        UILayoutCycleTracer?: typeof UILayoutCycleTracer;
+    }
+}

package/compiledScripts/UILayoutCycleTracer.js

@@ -0,0 +1,194 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var UILayoutCycleTracer_exports = {};
+__export(UILayoutCycleTracer_exports, {
+  UILayoutCycleTracer: () => UILayoutCycleTracer
+});
+module.exports = __toCommonJS(UILayoutCycleTracer_exports);
+const _UILayoutCycleTracer = class {
+  static get isEnabled() {
+    return _UILayoutCycleTracer._isEnabled;
+  }
+  static enable(reportThreshold = 1) {
+    ;
+    Error.stackTraceLimit = 100;
+    _UILayoutCycleTracer.reportThreshold = reportThreshold;
+    _UILayoutCycleTracer._isEnabled = true;
+    console.log(
+      `%c[UILayoutCycleTracer] Layout cycle tracing ENABLED (threshold=${reportThreshold}, Error.stackTraceLimit=100)`,
+      "color: #4CAF50; font-weight: bold"
+    );
+  }
+  static disable() {
+    ;
+    Error.stackTraceLimit = 10;
+    _UILayoutCycleTracer._isEnabled = false;
+    console.log(
+      "%c[UILayoutCycleTracer] Layout cycle tracing DISABLED",
+      "color: #9E9E9E; font-weight: bold"
+    );
+  }
+  static willBeginLayoutPass() {
+    if (!_UILayoutCycleTracer._isEnabled) {
+      return;
+    }
+    _UILayoutCycleTracer._isPassActive = true;
+    _UILayoutCycleTracer._layoutCountsThisPass = /* @__PURE__ */ new Map();
+    _UILayoutCycleTracer._setNeedsLayoutCallsThisPass = /* @__PURE__ */ new Map();
+    _UILayoutCycleTracer._currentIteration = 0;
+    _UILayoutCycleTracer._totalReportsThisPass = 0;
+  }
+  static willBeginIteration(iteration) {
+    if (!_UILayoutCycleTracer._isEnabled) {
+      return;
+    }
+    _UILayoutCycleTracer._currentIteration = iteration;
+    if (iteration > 0 && _UILayoutCycleTracer._totalReportsThisPass > 0) {
+      console.warn(
+        `%c[UILayoutCycleTracer] Layout pass iteration ${iteration + 1} \u2014 views were re-queued during the previous iteration`,
+        "color: #FF9800; font-weight: bold"
+      );
+    }
+  }
+  static didLayoutView(view) {
+    var _a;
+    if (!_UILayoutCycleTracer._isEnabled || !_UILayoutCycleTracer._isPassActive) {
+      return;
+    }
+    const previous = (_a = _UILayoutCycleTracer._layoutCountsThisPass.get(view)) != null ? _a : 0;
+    _UILayoutCycleTracer._layoutCountsThisPass.set(view, previous + 1);
+  }
+  static viewDidCallSetNeedsLayout(view) {
+    var _a, _b;
+    if (!_UILayoutCycleTracer._isEnabled || !_UILayoutCycleTracer._isPassActive) {
+      return;
+    }
+    const layoutCount = (_a = _UILayoutCycleTracer._layoutCountsThisPass.get(view)) != null ? _a : 0;
+    if (layoutCount < _UILayoutCycleTracer.reportThreshold) {
+      return;
+    }
+    if (_UILayoutCycleTracer._totalReportsThisPass >= _UILayoutCycleTracer.maxReportsPerPass) {
+      if (_UILayoutCycleTracer._totalReportsThisPass === _UILayoutCycleTracer.maxReportsPerPass) {
+        console.warn(
+          `%c[UILayoutCycleTracer] Maximum reports per pass (${_UILayoutCycleTracer.maxReportsPerPass}) reached. Further reports suppressed.`,
+          "color: #F44336"
+        );
+        _UILayoutCycleTracer._totalReportsThisPass++;
+      }
+      return;
+    }
+    _UILayoutCycleTracer._totalReportsThisPass++;
+    const rawStack = (_b = new Error().stack) != null ? _b : "(stack unavailable)";
+    const cleanStack = _UILayoutCycleTracer._cleanStack(rawStack);
+    const existing = _UILayoutCycleTracer._setNeedsLayoutCallsThisPass.get(view);
+    if (existing) {
+      existing.count++;
+      existing.stacks.push(cleanStack);
+    } else {
+      _UILayoutCycleTracer._setNeedsLayoutCallsThisPass.set(view, { count: 1, stacks: [cleanStack] });
+    }
+    _UILayoutCycleTracer._reportCycle(view, layoutCount, cleanStack);
+  }
+  static didFinishLayoutPass(iterationCount) {
+    if (!_UILayoutCycleTracer._isEnabled) {
+      return;
+    }
+    _UILayoutCycleTracer._isPassActive = false;
+    if (iterationCount > 1 && _UILayoutCycleTracer._totalReportsThisPass > 0) {
+      console.warn(
+        `%c[UILayoutCycleTracer] Layout pass completed in ${iterationCount} iteration(s). ${_UILayoutCycleTracer._totalReportsThisPass} cycle event(s) recorded.`,
+        "color: #FF9800"
+      );
+    }
+  }
+  static _cleanStack(rawStack) {
+    const lines = rawStack.split("\n");
+    let firstAppFrameIndex = 1;
+    for (let i = 1; i < lines.length; i++) {
+      const trimmed = lines[i].trim();
+      const isNoise = _UILayoutCycleTracer._noiseFramePrefixes.some(
+        (prefix) => trimmed.includes(prefix)
+      );
+      if (!isNoise) {
+        firstAppFrameIndex = i;
+        break;
+      }
+    }
+    return lines.slice(firstAppFrameIndex).join("\n");
+  }
+  static _viewIdentifier(view) {
+    var _a, _b, _c, _d;
+    const className = (_b = (_a = view == null ? void 0 : view.constructor) == null ? void 0 : _a.name) != null ? _b : "UnknownView";
+    const elementID = (_d = (_c = view == null ? void 0 : view.elementID) != null ? _c : view == null ? void 0 : view._UIViewIndex) != null ? _d : "?";
+    return `${className}#${elementID}`;
+  }
+  static _superviewChain(view) {
+    const parts = [];
+    let current = view;
+    let depth = 0;
+    while (current && depth < 20) {
+      parts.push(_UILayoutCycleTracer._viewIdentifier(current));
+      current = current.superview;
+      depth++;
+    }
+    return parts.join(" \u2192 ");
+  }
+  static _reportCycle(view, layoutCountThisPass, cleanStack) {
+    const identifier = _UILayoutCycleTracer._viewIdentifier(view);
+    const chain = _UILayoutCycleTracer._superviewChain(view);
+    console.groupCollapsed(
+      `%c[UILayoutCycleTracer] \u26A0\uFE0F Layout cycle: ${identifier} re-queued after being laid out ${layoutCountThisPass}x in iteration ${_UILayoutCycleTracer._currentIteration + 1}`,
+      "color: #F44336; font-weight: bold"
+    );
+    console.log("%cView:", "font-weight: bold", view);
+    console.log("%cSuperview chain:", "font-weight: bold", chain);
+    console.log("%cLayout count this pass:", "font-weight: bold", layoutCountThisPass);
+    console.log("%cIteration:", "font-weight: bold", _UILayoutCycleTracer._currentIteration + 1);
+    console.log("%cCall stack (noise frames stripped):", "font-weight: bold");
+    cleanStack.split("\n").forEach((frame) => console.log("  " + frame.trim()));
+    console.groupEnd();
+  }
+};
+let UILayoutCycleTracer = _UILayoutCycleTracer;
+UILayoutCycleTracer._isEnabled = false;
+UILayoutCycleTracer._isPassActive = false;
+UILayoutCycleTracer._layoutCountsThisPass = /* @__PURE__ */ new Map();
+UILayoutCycleTracer._setNeedsLayoutCallsThisPass = /* @__PURE__ */ new Map();
+UILayoutCycleTracer._currentIteration = 0;
+UILayoutCycleTracer._totalReportsThisPass = 0;
+UILayoutCycleTracer.reportThreshold = 1;
+UILayoutCycleTracer.maxReportsPerPass = 10;
+UILayoutCycleTracer._noiseFramePrefixes = [
+  "UILayoutCycleTracer",
+  "UIView.setNeedsLayout",
+  "setNeedsLayout",
+  "UIView.didLayoutSubviews",
+  "didLayoutSubviews",
+  "UIView.layoutSubviews",
+  "UIView.layoutIfNeeded",
+  "layoutIfNeeded",
+  "UIView.layoutViewsIfNeeded",
+  "layoutViewsIfNeeded"
+];
+window.UILayoutCycleTracer = UILayoutCycleTracer;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  UILayoutCycleTracer
+});
+//# sourceMappingURL=UILayoutCycleTracer.js.map

package/compiledScripts/UILayoutCycleTracer.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../scripts/UILayoutCycleTracer.ts"],
+  "sourcesContent": ["/// #if DEV\n\n/**\n * UILayoutCycleTracer\n *\n * A development-only utility that detects and reports layout cycles in the\n * UIView layout system.\n *\n * A layout cycle occurs when layouting a view causes another setNeedsLayout()\n * call on the same view (or an ancestor) within the same layout pass, causing\n * the loop in layoutViewsIfNeeded() to iterate multiple times.\n *\n * Usage:\n *   UILayoutCycleTracer.enable()    \u2014 start tracing\n *   UILayoutCycleTracer.disable()   \u2014 stop tracing\n *   UILayoutCycleTracer.isEnabled   \u2014 check current state\n *\n * When a cycle is detected, a detailed report is printed to the console\n * including:\n *   - Which view was re-queued\n *   - Its full superview chain\n *   - The call stack at the point of the re-queue (setNeedsLayout call)\n *   - How many times the view has been laid out in this pass\n *\n * Integration:\n *   Call UILayoutCycleTracer.willBeginLayoutPass() at the start of\n *   layoutViewsIfNeeded(), UILayoutCycleTracer.didLayoutView(view) after each\n *   view is laid out, and UILayoutCycleTracer.viewDidCallSetNeedsLayout(view)\n *   from setNeedsLayout() while a pass is active.\n */\nexport class UILayoutCycleTracer {\n    \n    static _isEnabled: boolean = false\n    static _isPassActive: boolean = false\n    static _layoutCountsThisPass: Map<any, number> = new Map()\n    static _setNeedsLayoutCallsThisPass: Map<any, { count: number; stacks: string[] }> = new Map()\n    static _currentIteration: number = 0\n    static _totalReportsThisPass: number = 0\n    \n    // How many times a view must be re-queued before reporting.\n    // 1 means: report the first time a view is re-queued after being laid out.\n    static reportThreshold: number = 1\n    \n    // Maximum number of cycle reports per layout pass to avoid console flooding.\n    static maxReportsPerPass: number = 10\n    \n    // Prefixes of stack frames that belong to the tracer or framework internals\n    // and should be stripped from the top of the captured stack so that the\n    // first visible frame is always application code.\n    static _noiseFramePrefixes: string[] = [\n        \"UILayoutCycleTracer\",\n        \"UIView.setNeedsLayout\",\n        \"setNeedsLayout\",\n        \"UIView.didLayoutSubviews\",\n        \"didLayoutSubviews\",\n        \"UIView.layoutSubviews\",\n        \"UIView.layoutIfNeeded\",\n        \"layoutIfNeeded\",\n        \"UIView.layoutViewsIfNeeded\",\n        \"layoutViewsIfNeeded\",\n    ]\n    \n    static get isEnabled(): boolean {\n        return UILayoutCycleTracer._isEnabled\n    }\n    \n    \n    static enable(reportThreshold: number = 1) {\n        // Maximise the V8 stack trace depth so long chains are fully visible.\n        // The default is 10 which truncates most interesting call stacks.\n        ;(Error as any).stackTraceLimit = 100\n        UILayoutCycleTracer.reportThreshold = reportThreshold\n        UILayoutCycleTracer._isEnabled = true\n        console.log(\n            `%c[UILayoutCycleTracer] Layout cycle tracing ENABLED (threshold=${reportThreshold}, Error.stackTraceLimit=100)`,\n            \"color: #4CAF50; font-weight: bold\"\n        )\n    }\n    \n    static disable() {\n        ;(Error as any).stackTraceLimit = 10\n        UILayoutCycleTracer._isEnabled = false\n        console.log(\n            \"%c[UILayoutCycleTracer] Layout cycle tracing DISABLED\",\n            \"color: #9E9E9E; font-weight: bold\"\n        )\n    }\n    \n    /**\n     * Called at the very start of each layoutViewsIfNeeded() invocation.\n     */\n    static willBeginLayoutPass() {\n        if (!UILayoutCycleTracer._isEnabled) { return }\n        UILayoutCycleTracer._isPassActive = true\n        UILayoutCycleTracer._layoutCountsThisPass = new Map()\n        UILayoutCycleTracer._setNeedsLayoutCallsThisPass = new Map()\n        UILayoutCycleTracer._currentIteration = 0\n        UILayoutCycleTracer._totalReportsThisPass = 0\n    }\n    \n    /**\n     * Called after each iteration increment in the layoutViewsIfNeeded() while loop.\n     */\n    static willBeginIteration(iteration: number) {\n        if (!UILayoutCycleTracer._isEnabled) { return }\n        UILayoutCycleTracer._currentIteration = iteration\n        if (iteration > 0 && UILayoutCycleTracer._totalReportsThisPass > 0) {\n            console.warn(\n                `%c[UILayoutCycleTracer] Layout pass iteration ${iteration + 1} \u2014 views were re-queued during the previous iteration`,\n                \"color: #FF9800; font-weight: bold\"\n            )\n        }\n    }\n    \n    /**\n     * Called after a view's layoutIfNeeded() completes.\n     */\n    static didLayoutView(view: any) {\n        if (!UILayoutCycleTracer._isEnabled || !UILayoutCycleTracer._isPassActive) { return }\n        const previous = UILayoutCycleTracer._layoutCountsThisPass.get(view) ?? 0\n        UILayoutCycleTracer._layoutCountsThisPass.set(view, previous + 1)\n    }\n    \n    /**\n     * Called from setNeedsLayout() when a view enters the queue.\n     * If a layout pass is currently active, this is a potential cycle.\n     */\n    static viewDidCallSetNeedsLayout(view: any) {\n        if (!UILayoutCycleTracer._isEnabled || !UILayoutCycleTracer._isPassActive) { return }\n        \n        // Only report if this view has already been laid out at least once this pass.\n        const layoutCount = UILayoutCycleTracer._layoutCountsThisPass.get(view) ?? 0\n        if (layoutCount < UILayoutCycleTracer.reportThreshold) { return }\n        \n        if (UILayoutCycleTracer._totalReportsThisPass >= UILayoutCycleTracer.maxReportsPerPass) {\n            if (UILayoutCycleTracer._totalReportsThisPass === UILayoutCycleTracer.maxReportsPerPass) {\n                console.warn(\n                    `%c[UILayoutCycleTracer] Maximum reports per pass (${UILayoutCycleTracer.maxReportsPerPass}) reached. Further reports suppressed.`,\n                    \"color: #F44336\"\n                )\n                UILayoutCycleTracer._totalReportsThisPass++\n            }\n            return\n        }\n        \n        UILayoutCycleTracer._totalReportsThisPass++\n        \n        const rawStack = new Error().stack ?? \"(stack unavailable)\"\n        const cleanStack = UILayoutCycleTracer._cleanStack(rawStack)\n        \n        const existing = UILayoutCycleTracer._setNeedsLayoutCallsThisPass.get(view)\n        if (existing) {\n            existing.count++\n            existing.stacks.push(cleanStack)\n        }\n        else {\n            UILayoutCycleTracer._setNeedsLayoutCallsThisPass.set(view, { count: 1, stacks: [cleanStack] })\n        }\n        \n        UILayoutCycleTracer._reportCycle(view, layoutCount, cleanStack)\n    }\n    \n    /**\n     * Called at the end of a layout pass.\n     */\n    static didFinishLayoutPass(iterationCount: number) {\n        if (!UILayoutCycleTracer._isEnabled) { return }\n        UILayoutCycleTracer._isPassActive = false\n        \n        if (iterationCount > 1 && UILayoutCycleTracer._totalReportsThisPass > 0) {\n            console.warn(\n                `%c[UILayoutCycleTracer] Layout pass completed in ${iterationCount} iteration(s). ` +\n                `${UILayoutCycleTracer._totalReportsThisPass} cycle event(s) recorded.`,\n                \"color: #FF9800\"\n            )\n        }\n    }\n    \n    /**\n     * Strips the \"Error\" header line and any leading framework/tracer noise\n     * frames from a raw Error.stack string, so the first frame shown is always\n     * the application code that triggered the re-queue.\n     */\n    static _cleanStack(rawStack: string): string {\n        const lines = rawStack.split(\"\\n\")\n        \n        // Find the first line that is NOT the \"Error\" header and NOT a noise frame.\n        let firstAppFrameIndex = 1 // skip \"Error\" on line 0\n        for (let i = 1; i < lines.length; i++) {\n            const trimmed = lines[i].trim()\n            const isNoise = UILayoutCycleTracer._noiseFramePrefixes.some(prefix =>\n                trimmed.includes(prefix)\n            )\n            if (!isNoise) {\n                firstAppFrameIndex = i\n                break\n            }\n        }\n        \n        return lines.slice(firstAppFrameIndex).join(\"\\n\")\n    }\n    \n    static _viewIdentifier(view: any): string {\n        const className = view?.constructor?.name ?? \"UnknownView\"\n        const elementID = view?.elementID ?? view?._UIViewIndex ?? \"?\"\n        return `${className}#${elementID}`\n    }\n    \n    static _superviewChain(view: any): string {\n        const parts: string[] = []\n        let current = view\n        let depth = 0\n        while (current && depth < 20) {\n            parts.push(UILayoutCycleTracer._viewIdentifier(current))\n            current = current.superview\n            depth++\n        }\n        return parts.join(\" \u2192 \")\n    }\n    \n    static _reportCycle(view: any, layoutCountThisPass: number, cleanStack: string) {\n        const identifier = UILayoutCycleTracer._viewIdentifier(view)\n        const chain = UILayoutCycleTracer._superviewChain(view)\n        \n        console.groupCollapsed(\n            `%c[UILayoutCycleTracer] \u26A0\uFE0F Layout cycle: ${identifier} re-queued after being laid out ${layoutCountThisPass}x in iteration ${UILayoutCycleTracer._currentIteration + 1}`,\n            \"color: #F44336; font-weight: bold\"\n        )\n        console.log(\"%cView:\", \"font-weight: bold\", view)\n        console.log(\"%cSuperview chain:\", \"font-weight: bold\", chain)\n        console.log(\"%cLayout count this pass:\", \"font-weight: bold\", layoutCountThisPass)\n        console.log(\"%cIteration:\", \"font-weight: bold\", UILayoutCycleTracer._currentIteration + 1)\n        console.log(\"%cCall stack (noise frames stripped):\", \"font-weight: bold\")\n        cleanStack.split(\"\\n\").forEach(frame => console.log(\"  \" + frame.trim()))\n        console.groupEnd()\n    }\n    \n}\n\nwindow.UILayoutCycleTracer = UILayoutCycleTracer\n\ndeclare global {\n    interface Window {\n        UILayoutCycleTracer?: typeof UILayoutCycleTracer\n    }\n}\n\n/// #endif\n"],
+  "mappings": "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",
+  "names": []
+}

package/compiledScripts/UITextView.js

@@ -269,22 +269,20 @@ const _UITextView = class extends import_UIView.UIView {
       notificationText = '<span style="color: ' + _UITextView.notificationTextColor.stringValue + ';">' + (" (" + this.notificationAmount + ")").bold() + "</span>";
     }
     const displayText = this.thousandsSeparator !== null ? _UITextView.applyThousandsSeparatorToNumericalString(text, this.thousandsSeparator) : text;
-    if (this.textElementView.viewHTMLElement.innerHTML != this.textPrefix + displayText + this.textSuffix + notificationText) {
-      this.textElementView.viewHTMLElement.innerHTML = this.textPrefix + (0, import_UIObject.FIRST)(
-        displayText,
-        ""
-      ) + this.textSuffix + notificationText;
-    }
-    if (this.changesOften) {
-      this._intrinsicHeightCache = new import_UIObject.UIObject();
-      this._intrinsicWidthCache = new import_UIObject.UIObject();
+    const newInnerHTML = this.textPrefix + (0, import_UIObject.FIRST)(displayText, "") + this.textSuffix + notificationText;
+    if (this.textElementView.viewHTMLElement.innerHTML !== newInnerHTML) {
+      this.textElementView.viewHTMLElement.innerHTML = newInnerHTML;
+      if (this.changesOften) {
+        this._intrinsicHeightCache = new import_UIObject.UIObject();
+        this._intrinsicWidthCache = new import_UIObject.UIObject();
+      }
+      this._useFastMeasurement = void 0;
+      this._intrinsicSizesCache = {};
+      this.invalidateMeasurementStrategy();
+      this._invalidateMeasurementStyles();
+      this.clearIntrinsicSizeCache();
+      this.setNeedsLayout();
     }
-    this._useFastMeasurement = void 0;
-    this._intrinsicSizesCache = {};
-    this.invalidateMeasurementStrategy();
-    this._invalidateMeasurementStyles();
-    this.clearIntrinsicSizeCache();
-    this.setNeedsLayout();
   }
   static applyThousandsSeparatorToNumericalString(value, separator) {
     const trimmed = (value || "").trim();