uicore-ts 1.0.521 → 1.0.525

package/compiledScripts/UITextField.d.ts

@@ -31,7 +31,7 @@ export declare class UITextField extends UITextView {
     } & {
         TextChange: string;
     };
-    get controlEventTargetAccumulator(): UIViewAddControlEventTargetObject<UITextField>;
+    get controlEventTargetAccumulator(): UIViewAddControlEventTargetObject<typeof UITextField>;
     get viewHTMLElement(): HTMLInputElement;
     set text(text: string);
     get text(): string;

package/compiledScripts/UITextField.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../scripts/UITextField.ts"],
-  "sourcesContent": ["import { UIColor } from \"./UIColor\"\nimport { UICore } from \"./UICore\"\nimport { nil, NO, ValueOf, YES } from \"./UIObject\"\nimport { UITextView } from \"./UITextView\"\nimport { UIView, UIViewAddControlEventTargetObject, UIViewBroadcastEvent } from \"./UIView\"\n\n\nexport class UITextField extends UITextView {\n    \n    _placeholderTextKey?: string\n    _defaultPlaceholderText?: string\n    \n    override _viewHTMLElement!: HTMLInputElement\n    \n    constructor(elementID?: string, viewHTMLElement = null, type: string | ValueOf<typeof UITextView.type> = UITextView.type.textField) {\n        \n        super(elementID, type, viewHTMLElement)\n        \n        this.viewHTMLElement.setAttribute(\"type\", \"text\")\n        \n        this.backgroundColor = UIColor.whiteColor\n    \n        this.addTargetForControlEvent(\n            UIView.controlEvent.PointerUpInside,\n            (sender, event) => sender.focus()\n        )\n        \n        this.viewHTMLElement.oninput = (event) => {\n            this.sendControlEventForKey(UITextField.controlEvent.TextChange, event)\n        }\n    \n    \n        this.style.webkitUserSelect = \"text\"\n    \n        this.nativeSelectionEnabled = YES\n        \n        this.pausesPointerEvents = NO\n    \n    \n    }\n    \n    \n    static override controlEvent = Object.assign({}, UITextView.controlEvent, {\n        \n        \"TextChange\": \"TextChange\"\n        \n    })\n    \n    \n    override get controlEventTargetAccumulator(): UIViewAddControlEventTargetObject<UITextField> {\n        return (super.controlEventTargetAccumulator as any)\n    }\n    \n    public override get viewHTMLElement() {\n        return this._viewHTMLElement\n    }\n    \n    \n    public override set text(text: string) {\n        \n        this.viewHTMLElement.value = text\n        \n    }\n    \n    \n    public override get text(): string {\n        \n        return this.viewHTMLElement.value\n        \n    }\n    \n    \n    public set placeholderText(text: string) {\n        \n        this.viewHTMLElement.placeholder = text\n        \n    }\n    \n    \n    public get placeholderText(): string {\n        \n        return this.viewHTMLElement.placeholder\n        \n    }\n    \n    \n    setPlaceholderText(key: string, defaultString: string) {\n        \n        this._placeholderTextKey = key\n        this._defaultPlaceholderText = defaultString\n        \n        const languageName = UICore.languageService.currentLanguageKey\n        this.placeholderText = UICore.languageService.stringForKey(key, languageName, defaultString, nil)\n        \n    }\n    \n    \n    override didReceiveBroadcastEvent(event: UIViewBroadcastEvent) {\n        \n        super.didReceiveBroadcastEvent(event)\n        \n        if (event.name == UIView.broadcastEventName.LanguageChanged || event.name ==\n            UIView.broadcastEventName.AddedToViewTree) {\n            \n            this._setPlaceholderFromKeyIfPossible()\n            \n        }\n        \n    }\n    \n    \n    override willMoveToSuperview(superview: UIView) {\n        \n        super.willMoveToSuperview(superview)\n        \n        this._setPlaceholderFromKeyIfPossible()\n        \n    }\n    \n    _setPlaceholderFromKeyIfPossible() {\n        \n        if (this._placeholderTextKey && this._defaultPlaceholderText) {\n            \n            this.setPlaceholderText(this._placeholderTextKey, this._defaultPlaceholderText)\n            \n        }\n        \n    }\n    \n    \n    public get isSecure(): boolean {\n        \n        const result = (this.viewHTMLElement.type == \"password\")\n        \n        return result\n        \n    }\n    \n    \n    \n    public set isSecure(secure: boolean) {\n        \n        var type = \"text\"\n        \n        if (secure) {\n            \n            type = \"password\"\n            \n        }\n        \n        this.viewHTMLElement.type = type\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": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAwB;AACxB,oBAAuB;AACvB,sBAAsC;AACtC,wBAA2B;AAC3B,oBAAgF;AAGzE,MAAM,eAAN,cAA0B,6BAAW;AAAA,EAOxC,YAAY,WAAoB,kBAAkB,MAAM,OAAiD,6BAAW,KAAK,WAAW;AAEhI,UAAM,WAAW,MAAM,eAAe;AAEtC,SAAK,gBAAgB,aAAa,QAAQ,MAAM;AAEhD,SAAK,kBAAkB,uBAAQ;AAE/B,SAAK;AAAA,MACD,qBAAO,aAAa;AAAA,MACpB,CAAC,QAAQ,UAAU,OAAO,MAAM;AAAA,IACpC;AAEA,SAAK,gBAAgB,UAAU,CAAC,UAAU;AACtC,WAAK,uBAAuB,aAAY,aAAa,YAAY,KAAK;AAAA,IAC1E;AAGA,SAAK,MAAM,mBAAmB;AAE9B,SAAK,yBAAyB;AAE9B,SAAK,sBAAsB;AAAA,EAG/B;AAAA,EAUA,IAAa,gCAAgF;AACzF,WAAQ,MAAM;AAAA,EAClB;AAAA,EAEA,IAAoB,kBAAkB;AAClC,WAAO,KAAK;AAAA,EAChB;AAAA,EAGA,IAAoB,KAAK,MAAc;AAEnC,SAAK,gBAAgB,QAAQ;AAAA,EAEjC;AAAA,EAGA,IAAoB,OAAe;AAE/B,WAAO,KAAK,gBAAgB;AAAA,EAEhC;AAAA,EAGA,IAAW,gBAAgB,MAAc;AAErC,SAAK,gBAAgB,cAAc;AAAA,EAEvC;AAAA,EAGA,IAAW,kBAA0B;AAEjC,WAAO,KAAK,gBAAgB;AAAA,EAEhC;AAAA,EAGA,mBAAmB,KAAa,eAAuB;AAEnD,SAAK,sBAAsB;AAC3B,SAAK,0BAA0B;AAE/B,UAAM,eAAe,qBAAO,gBAAgB;AAC5C,SAAK,kBAAkB,qBAAO,gBAAgB,aAAa,KAAK,cAAc,eAAe,mBAAG;AAAA,EAEpG;AAAA,EAGS,yBAAyB,OAA6B;AAE3D,UAAM,yBAAyB,KAAK;AAEpC,QAAI,MAAM,QAAQ,qBAAO,mBAAmB,mBAAmB,MAAM,QACjE,qBAAO,mBAAmB,iBAAiB;AAE3C,WAAK,iCAAiC;AAAA,IAE1C;AAAA,EAEJ;AAAA,EAGS,oBAAoB,WAAmB;AAE5C,UAAM,oBAAoB,SAAS;AAEnC,SAAK,iCAAiC;AAAA,EAE1C;AAAA,EAEA,mCAAmC;AAE/B,QAAI,KAAK,uBAAuB,KAAK,yBAAyB;AAE1D,WAAK,mBAAmB,KAAK,qBAAqB,KAAK,uBAAuB;AAAA,IAElF;AAAA,EAEJ;AAAA,EAGA,IAAW,WAAoB;AAE3B,UAAM,SAAU,KAAK,gBAAgB,QAAQ;AAE7C,WAAO;AAAA,EAEX;AAAA,EAIA,IAAW,SAAS,QAAiB;AAEjC,QAAI,OAAO;AAEX,QAAI,QAAQ;AAER,aAAO;AAAA,IAEX;AAEA,SAAK,gBAAgB,OAAO;AAAA,EAEhC;AAMJ;AAvJO,IAAM,cAAN;AAAM,YAmCO,eAAe,OAAO,OAAO,CAAC,GAAG,6BAAW,cAAc;AAAA,EAEtE,cAAc;AAElB,CAAC;",
+  "sourcesContent": ["import { UIColor } from \"./UIColor\"\nimport { UICore } from \"./UICore\"\nimport { nil, NO, ValueOf, YES } from \"./UIObject\"\nimport { UITextView } from \"./UITextView\"\nimport { UIView, UIViewAddControlEventTargetObject, UIViewBroadcastEvent } from \"./UIView\"\n\n\nexport class UITextField extends UITextView {\n    \n    _placeholderTextKey?: string\n    _defaultPlaceholderText?: string\n    \n    override _viewHTMLElement!: HTMLInputElement\n    \n    constructor(elementID?: string, viewHTMLElement = null, type: string | ValueOf<typeof UITextView.type> = UITextView.type.textField) {\n        \n        super(elementID, type, viewHTMLElement)\n        \n        this.viewHTMLElement.setAttribute(\"type\", \"text\")\n        \n        this.backgroundColor = UIColor.whiteColor\n    \n        this.addTargetForControlEvent(\n            UIView.controlEvent.PointerUpInside,\n            (sender, event) => sender.focus()\n        )\n        \n        this.viewHTMLElement.oninput = (event) => {\n            this.sendControlEventForKey(UITextField.controlEvent.TextChange, event)\n        }\n    \n    \n        this.style.webkitUserSelect = \"text\"\n    \n        this.nativeSelectionEnabled = YES\n        \n        this.pausesPointerEvents = NO\n    \n    \n    }\n    \n    \n    static override controlEvent = Object.assign({}, UITextView.controlEvent, {\n        \n        \"TextChange\": \"TextChange\"\n        \n    })\n    \n    \n    override get controlEventTargetAccumulator(): UIViewAddControlEventTargetObject<typeof UITextField> {\n        return (super.controlEventTargetAccumulator as any)\n    }\n    \n    public override get viewHTMLElement() {\n        return this._viewHTMLElement\n    }\n    \n    \n    public override set text(text: string) {\n        \n        this.viewHTMLElement.value = text\n        \n    }\n    \n    \n    public override get text(): string {\n        \n        return this.viewHTMLElement.value\n        \n    }\n    \n    \n    public set placeholderText(text: string) {\n        \n        this.viewHTMLElement.placeholder = text\n        \n    }\n    \n    \n    public get placeholderText(): string {\n        \n        return this.viewHTMLElement.placeholder\n        \n    }\n    \n    \n    setPlaceholderText(key: string, defaultString: string) {\n        \n        this._placeholderTextKey = key\n        this._defaultPlaceholderText = defaultString\n        \n        const languageName = UICore.languageService.currentLanguageKey\n        this.placeholderText = UICore.languageService.stringForKey(key, languageName, defaultString, nil)\n        \n    }\n    \n    \n    override didReceiveBroadcastEvent(event: UIViewBroadcastEvent) {\n        \n        super.didReceiveBroadcastEvent(event)\n        \n        if (event.name == UIView.broadcastEventName.LanguageChanged || event.name ==\n            UIView.broadcastEventName.AddedToViewTree) {\n            \n            this._setPlaceholderFromKeyIfPossible()\n            \n        }\n        \n    }\n    \n    \n    override willMoveToSuperview(superview: UIView) {\n        \n        super.willMoveToSuperview(superview)\n        \n        this._setPlaceholderFromKeyIfPossible()\n        \n    }\n    \n    _setPlaceholderFromKeyIfPossible() {\n        \n        if (this._placeholderTextKey && this._defaultPlaceholderText) {\n            \n            this.setPlaceholderText(this._placeholderTextKey, this._defaultPlaceholderText)\n            \n        }\n        \n    }\n    \n    \n    public get isSecure(): boolean {\n        \n        const result = (this.viewHTMLElement.type == \"password\")\n        \n        return result\n        \n    }\n    \n    \n    \n    public set isSecure(secure: boolean) {\n        \n        var type = \"text\"\n        \n        if (secure) {\n            \n            type = \"password\"\n            \n        }\n        \n        this.viewHTMLElement.type = type\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": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAwB;AACxB,oBAAuB;AACvB,sBAAsC;AACtC,wBAA2B;AAC3B,oBAAgF;AAGzE,MAAM,eAAN,cAA0B,6BAAW;AAAA,EAOxC,YAAY,WAAoB,kBAAkB,MAAM,OAAiD,6BAAW,KAAK,WAAW;AAEhI,UAAM,WAAW,MAAM,eAAe;AAEtC,SAAK,gBAAgB,aAAa,QAAQ,MAAM;AAEhD,SAAK,kBAAkB,uBAAQ;AAE/B,SAAK;AAAA,MACD,qBAAO,aAAa;AAAA,MACpB,CAAC,QAAQ,UAAU,OAAO,MAAM;AAAA,IACpC;AAEA,SAAK,gBAAgB,UAAU,CAAC,UAAU;AACtC,WAAK,uBAAuB,aAAY,aAAa,YAAY,KAAK;AAAA,IAC1E;AAGA,SAAK,MAAM,mBAAmB;AAE9B,SAAK,yBAAyB;AAE9B,SAAK,sBAAsB;AAAA,EAG/B;AAAA,EAUA,IAAa,gCAAuF;AAChG,WAAQ,MAAM;AAAA,EAClB;AAAA,EAEA,IAAoB,kBAAkB;AAClC,WAAO,KAAK;AAAA,EAChB;AAAA,EAGA,IAAoB,KAAK,MAAc;AAEnC,SAAK,gBAAgB,QAAQ;AAAA,EAEjC;AAAA,EAGA,IAAoB,OAAe;AAE/B,WAAO,KAAK,gBAAgB;AAAA,EAEhC;AAAA,EAGA,IAAW,gBAAgB,MAAc;AAErC,SAAK,gBAAgB,cAAc;AAAA,EAEvC;AAAA,EAGA,IAAW,kBAA0B;AAEjC,WAAO,KAAK,gBAAgB;AAAA,EAEhC;AAAA,EAGA,mBAAmB,KAAa,eAAuB;AAEnD,SAAK,sBAAsB;AAC3B,SAAK,0BAA0B;AAE/B,UAAM,eAAe,qBAAO,gBAAgB;AAC5C,SAAK,kBAAkB,qBAAO,gBAAgB,aAAa,KAAK,cAAc,eAAe,mBAAG;AAAA,EAEpG;AAAA,EAGS,yBAAyB,OAA6B;AAE3D,UAAM,yBAAyB,KAAK;AAEpC,QAAI,MAAM,QAAQ,qBAAO,mBAAmB,mBAAmB,MAAM,QACjE,qBAAO,mBAAmB,iBAAiB;AAE3C,WAAK,iCAAiC;AAAA,IAE1C;AAAA,EAEJ;AAAA,EAGS,oBAAoB,WAAmB;AAE5C,UAAM,oBAAoB,SAAS;AAEnC,SAAK,iCAAiC;AAAA,EAE1C;AAAA,EAEA,mCAAmC;AAE/B,QAAI,KAAK,uBAAuB,KAAK,yBAAyB;AAE1D,WAAK,mBAAmB,KAAK,qBAAqB,KAAK,uBAAuB;AAAA,IAElF;AAAA,EAEJ;AAAA,EAGA,IAAW,WAAoB;AAE3B,UAAM,SAAU,KAAK,gBAAgB,QAAQ;AAE7C,WAAO;AAAA,EAEX;AAAA,EAIA,IAAW,SAAS,QAAiB;AAEjC,QAAI,OAAO;AAEX,QAAI,QAAQ;AAER,aAAO;AAAA,IAEX;AAEA,SAAK,gBAAgB,OAAO;AAAA,EAEhC;AAMJ;AAvJO,IAAM,cAAN;AAAM,YAmCO,eAAe,OAAO,OAAO,CAAC,GAAG,6BAAW,cAAc;AAAA,EAEtE,cAAc;AAElB,CAAC;",
   "names": []
 }

package/compiledScripts/UITextView.js

@@ -115,8 +115,10 @@ const _UITextView = class extends import_UIView.UIView {
     if (this.viewHTMLElement.innerHTML != this.textPrefix + text + this.textSuffix + notificationText) {
       this.viewHTMLElement.innerHTML = this.textPrefix + (0, import_UIObject.FIRST)(text, "") + this.textSuffix + notificationText;
     }
-    this._intrinsicHeightCache = new import_UIObject.UIObject();
-    this._intrinsicWidthCache = new import_UIObject.UIObject();
+    if (this.changesOften) {
+      this._intrinsicHeightCache = new import_UIObject.UIObject();
+      this._intrinsicWidthCache = new import_UIObject.UIObject();
+    }
     this.setNeedsLayout();
   }
   set innerHTML(innerHTML) {

package/compiledScripts/UITextView.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../scripts/UITextView.ts"],
-  "sourcesContent": ["import { UIColor } from \"./UIColor\"\nimport { UILocalizedTextObject } from \"./UIInterfaces\"\nimport { FIRST, IS_LIKE_NULL, nil, NO, UIObject, YES } from \"./UIObject\"\nimport { UIRectangle } from \"./UIRectangle\"\nimport type { ValueOf } from \"./UIObject\"\nimport { UIView, UIViewBroadcastEvent } from \"./UIView\"\n\n\nexport class UITextView extends UIView {\n    \n    \n    _textColor: UIColor = UITextView.defaultTextColor\n    _textAlignment?: ValueOf<typeof UITextView.textAlignment>\n    \n    _isSingleLine = YES\n    \n    textPrefix = \"\"\n    textSuffix = \"\"\n    \n    _notificationAmount = 0\n    \n    _minFontSize?: number\n    _maxFontSize?: number\n    \n    _automaticFontSizeSelection = NO\n    \n    changesOften = NO\n    \n    static defaultTextColor = UIColor.blackColor\n    static notificationTextColor = UIColor.redColor\n    \n    static _intrinsicHeightCache: { [x: string]: { [x: string]: number; }; } & UIObject = new UIObject() as any\n    static _intrinsicWidthCache: { [x: string]: { [x: string]: number; }; } & UIObject = new UIObject() as any\n    \n    _intrinsicHeightCache: { [x: string]: { [x: string]: number; }; } & UIObject = new UIObject() as any\n    _intrinsicWidthCache: { [x: string]: { [x: string]: number; }; } & UIObject = new UIObject() as any\n    \n    \n    static _ptToPx: number\n    static _pxToPt: number\n    _text?: string\n    \n    \n    constructor(elementID?: string, textViewType: string | ValueOf<typeof UITextView.type> = UITextView.type.paragraph, viewHTMLElement = null) {\n        \n        super(elementID, viewHTMLElement, textViewType)\n        \n        this.text = \"\"\n        \n        this.style.overflow = \"hidden\"\n        this.style.textOverflow = \"ellipsis\"\n        this.isSingleLine = YES\n        \n        this.textColor = this.textColor\n        \n        this.userInteractionEnabled = YES\n        \n        \n        if (textViewType == UITextView.type.textArea) {\n    \n            this.pausesPointerEvents = YES\n    \n            this.addTargetForControlEvent(\n                UIView.controlEvent.PointerUpInside,\n                (sender, event) => sender.focus()\n            )\n    \n    \n        }\n        \n        \n    }\n    \n    \n    static _determinePXAndPTRatios() {\n    \n        if (UITextView._ptToPx) {\n            return\n        }\n    \n        const o = document.createElement(\"div\")\n        o.style.width = \"1000pt\"\n        document.body.appendChild(o)\n        UITextView._ptToPx = o.clientWidth / 1000\n        document.body.removeChild(o)\n        UITextView._pxToPt = 1 / UITextView._ptToPx\n    \n    }\n    \n    \n    static type = {\n        \n        \"paragraph\": \"p\",\n        \"header1\": \"h1\",\n        \"header2\": \"h2\",\n        \"header3\": \"h3\",\n        \"header4\": \"h4\",\n        \"header5\": \"h5\",\n        \"header6\": \"h6\",\n        \"textArea\": \"textarea\",\n        \"textField\": \"input\",\n        \"span\": \"span\",\n        \"label\": \"label\"\n        \n    } as const\n    \n    \n    static textAlignment = {\n        \n        \"left\": \"left\",\n        \"center\": \"center\",\n        \"right\": \"right\",\n        \"justify\": \"justify\"\n        \n    } as const\n    \n    get textAlignment() {\n        // @ts-ignore\n        return this.style.textAlign\n    }\n    \n    set textAlignment(textAlignment: ValueOf<typeof UITextView.textAlignment>) {\n        this._textAlignment = textAlignment\n        this.style.textAlign = textAlignment\n    }\n    \n    \n    get textColor() {\n        return this._textColor\n    }\n    \n    set textColor(color: UIColor) {\n        \n        this._textColor = color || UITextView.defaultTextColor\n        this.style.color = this._textColor.stringValue\n        \n    }\n    \n    \n    get isSingleLine() {\n        \n        return this._isSingleLine\n        \n    }\n    \n    set isSingleLine(isSingleLine: boolean) {\n        \n        this._isSingleLine = isSingleLine\n        \n        this._intrinsicHeightCache = new UIObject() as any\n        this._intrinsicWidthCache = new UIObject() as any\n        \n        if (isSingleLine) {\n            \n            this.style.whiteSpace = \"pre\"\n            \n            return\n            \n        }\n        \n        this.style.whiteSpace = \"pre-wrap\"\n        \n    }\n    \n    \n    get notificationAmount() {\n        \n        return this._notificationAmount\n        \n    }\n    \n    set notificationAmount(notificationAmount: number) {\n        \n        if (this._notificationAmount == notificationAmount) {\n            \n            return\n            \n        }\n        \n        this._notificationAmount = notificationAmount\n        \n        this.text = this.text\n        \n        this.setNeedsLayoutUpToRootView()\n        \n        this.notificationAmountDidChange(notificationAmount)\n        \n    }\n    \n    notificationAmountDidChange(notificationAmount: number) {\n    \n    \n    }\n    \n    \n    get text() {\n        \n        return (this._text || this.viewHTMLElement.innerHTML)\n        \n    }\n    \n    set text(text) {\n        \n        this._text = text\n        \n        var notificationText = \"\"\n        \n        if (this.notificationAmount) {\n            \n            notificationText = \"<span style=\\\"color: \" + UITextView.notificationTextColor.stringValue + \";\\\">\" +\n                (\" (\" + this.notificationAmount + \")\").bold() + \"</span>\"\n            \n        }\n        \n        if (this.viewHTMLElement.innerHTML != this.textPrefix + text + this.textSuffix + notificationText) {\n            \n            this.viewHTMLElement.innerHTML = this.textPrefix + FIRST(text, \"\") + this.textSuffix + notificationText\n            \n        }\n        \n        this._intrinsicHeightCache = new UIObject() as any\n        this._intrinsicWidthCache = new UIObject() as any\n        \n        this.setNeedsLayout()\n        \n    }\n    \n    override set innerHTML(innerHTML: string) {\n    \n        this.text = innerHTML\n    \n    }\n    \n    override get innerHTML() {\n        \n        return this.viewHTMLElement.innerHTML\n        \n    }\n    \n    \n    setText(key: string, defaultString: string, parameters?: { [x: string]: string | UILocalizedTextObject }) {\n        \n        this.setInnerHTML(key, defaultString, parameters)\n        \n    }\n    \n    \n    get fontSize() {\n        \n        const style = window.getComputedStyle(this.viewHTMLElement, null).fontSize\n        \n        const result = (parseFloat(style) * UITextView._pxToPt)\n        \n        return result\n        \n    }\n    \n    set fontSize(fontSize: number) {\n        \n        \n        this.style.fontSize = \"\" + fontSize + \"pt\"\n        \n        this._intrinsicHeightCache = new UIObject() as any\n        this._intrinsicWidthCache = new UIObject() as any // MEETOD LUUA!!!!\n        \n        \n    }\n    \n    \n    useAutomaticFontSize(minFontSize: number = nil, maxFontSize: number = nil) {\n        \n        \n        this._automaticFontSizeSelection = YES\n        \n        \n        this._minFontSize = minFontSize\n        \n        this._maxFontSize = maxFontSize\n        \n        this.setNeedsLayout()\n        \n        \n    }\n    \n    \n    static automaticallyCalculatedFontSize(\n        bounds: UIRectangle,\n        currentSize: UIRectangle,\n        currentFontSize: number,\n        minFontSize?: number,\n        maxFontSize?: number\n    ) {\n        \n        minFontSize = FIRST(minFontSize, 1)\n        \n        maxFontSize = FIRST(maxFontSize, 100000000000)\n        \n        \n        const heightMultiplier = bounds.height / (currentSize.height + 1)\n        \n        const widthMultiplier = bounds.width / (currentSize.width + 1)\n        \n        \n        var multiplier = heightMultiplier\n        \n        if (heightMultiplier > widthMultiplier) {\n            \n            multiplier = widthMultiplier\n            \n            \n        }\n        \n        \n        const maxFittingFontSize = currentFontSize * multiplier\n        \n        \n        if (maxFittingFontSize > maxFontSize) {\n            \n            return maxFontSize\n            \n        }\n        \n        if (minFontSize > maxFittingFontSize) {\n            \n            return minFontSize\n            \n        }\n        \n        \n        return maxFittingFontSize\n        \n        \n    }\n    \n    \n    override didReceiveBroadcastEvent(event: UIViewBroadcastEvent) {\n        \n        super.didReceiveBroadcastEvent(event)\n        \n    }\n    \n    \n    override willMoveToSuperview(superview: UIView) {\n        \n        super.willMoveToSuperview(superview)\n        \n    }\n    \n    \n    override layoutSubviews() {\n        \n        super.layoutSubviews()\n        \n        \n        if (this._automaticFontSizeSelection) {\n            \n            this.fontSize = UITextView.automaticallyCalculatedFontSize(\n                new UIRectangle(0, 0, 1 *\n                    this.viewHTMLElement.offsetHeight, 1 *\n                    this.viewHTMLElement.offsetWidth),\n                this.intrinsicContentSize(),\n                this.fontSize,\n                this._minFontSize,\n                this._maxFontSize\n            )\n            \n            \n        }\n        \n        \n    }\n    \n    \n    override intrinsicContentHeight(constrainingWidth = 0) {\n        \n        const keyPath = (this.viewHTMLElement.innerHTML + \"_csf_\" + this.computedStyle.font).replace(new RegExp(\n                \"\\\\.\",\n                \"g\"\n            ), \"_\") + \".\" +\n            (\"\" + constrainingWidth).replace(new RegExp(\"\\\\.\", \"g\"), \"_\")\n        \n        let cacheObject = UITextView._intrinsicHeightCache\n        \n        if (this.changesOften) {\n            \n            // @ts-ignore\n            cacheObject = this._intrinsicHeightCache\n            \n            \n        }\n        \n        \n        var result = cacheObject.valueForKeyPath(keyPath)\n        \n        \n        if (IS_LIKE_NULL(result)) {\n            \n            result = super.intrinsicContentHeight(constrainingWidth)\n            \n            cacheObject.setValueForKeyPath(keyPath, result)\n            \n            \n        }\n        \n        \n        return result\n        \n    }\n    \n    override intrinsicContentWidth(constrainingHeight = 0) {\n        \n        const keyPath = (this.viewHTMLElement.innerHTML + \"_csf_\" + this.computedStyle.font).replace(new RegExp(\n                \"\\\\.\",\n                \"g\"\n            ), \"_\") + \".\" +\n            (\"\" + constrainingHeight).replace(new RegExp(\"\\\\.\", \"g\"), \"_\")\n        \n        let cacheObject = UITextView._intrinsicWidthCache\n        \n        if (this.changesOften) {\n            \n            // @ts-ignore\n            cacheObject = this._intrinsicWidthCache\n            \n            \n        }\n        \n        \n        var result = cacheObject.valueForKeyPath(keyPath)\n        \n        \n        if (IS_LIKE_NULL(result)) {\n            \n            result = super.intrinsicContentWidth(constrainingHeight)\n            \n            cacheObject.setValueForKeyPath(keyPath, result)\n            \n            \n        }\n        \n        \n        return result\n        \n    }\n    \n    \n    override intrinsicContentSize() {\n        \n        // This works but is slow\n        const result = this.intrinsicContentSizeWithConstraints(nil, nil)\n        \n        return result\n        \n    }\n    \n    \n}\n\n\nUITextView._determinePXAndPTRatios()\n\n\n// /**\n//  * Uses canvas.measureText to compute and return the width of the given text of given font in pixels.\n//  * \n//  * @param {String} text The text to be rendered.\n//  * @param {String} font The css font descriptor that text is to be rendered with (e.g. \"bold 14px verdana\").\n//  * \n//  * @see https://stackoverflow.com/questions/118241/calculate-text-width-with-javascript/21015393#21015393\n//  */\n// function getTextMetrics(text, font) {\n//     // re-use canvas object for better performance\n//     var canvas = getTextMetrics.canvas || (getTextMetrics.canvas = document.createElement(\"canvas\"));\n//     var context = canvas.getContext(\"2d\");\n//     context.font = font;\n//     var metrics = context.measureText(text);\n//     return metrics;\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 { UILocalizedTextObject } from \"./UIInterfaces\"\nimport { FIRST, IS_LIKE_NULL, nil, NO, UIObject, YES } from \"./UIObject\"\nimport { UIRectangle } from \"./UIRectangle\"\nimport type { ValueOf } from \"./UIObject\"\nimport { UIView, UIViewBroadcastEvent } from \"./UIView\"\n\n\nexport class UITextView extends UIView {\n    \n    \n    _textColor: UIColor = UITextView.defaultTextColor\n    _textAlignment?: ValueOf<typeof UITextView.textAlignment>\n    \n    _isSingleLine = YES\n    \n    textPrefix = \"\"\n    textSuffix = \"\"\n    \n    _notificationAmount = 0\n    \n    _minFontSize?: number\n    _maxFontSize?: number\n    \n    _automaticFontSizeSelection = NO\n    \n    changesOften = NO\n    \n    static defaultTextColor = UIColor.blackColor\n    static notificationTextColor = UIColor.redColor\n    \n    static _intrinsicHeightCache: { [x: string]: { [x: string]: number; }; } & UIObject = new UIObject() as any\n    static _intrinsicWidthCache: { [x: string]: { [x: string]: number; }; } & UIObject = new UIObject() as any\n    \n    _intrinsicHeightCache: { [x: string]: { [x: string]: number; }; } & UIObject = new UIObject() as any\n    _intrinsicWidthCache: { [x: string]: { [x: string]: number; }; } & UIObject = new UIObject() as any\n    \n    \n    static _ptToPx: number\n    static _pxToPt: number\n    _text?: string\n    \n    \n    constructor(\n        elementID?: string,\n        textViewType: string | ValueOf<typeof UITextView.type> = UITextView.type.paragraph,\n        viewHTMLElement = null\n    ) {\n        \n        super(elementID, viewHTMLElement, textViewType)\n        \n        this.text = \"\"\n        \n        this.style.overflow = \"hidden\"\n        this.style.textOverflow = \"ellipsis\"\n        this.isSingleLine = YES\n        \n        this.textColor = this.textColor\n        \n        this.userInteractionEnabled = YES\n        \n        \n        if (textViewType == UITextView.type.textArea) {\n            \n            this.pausesPointerEvents = YES\n            \n            this.addTargetForControlEvent(\n                UIView.controlEvent.PointerUpInside,\n                (sender, event) => sender.focus()\n            )\n            \n            \n        }\n        \n        \n    }\n    \n    \n    static _determinePXAndPTRatios() {\n        \n        if (UITextView._ptToPx) {\n            return\n        }\n        \n        const o = document.createElement(\"div\")\n        o.style.width = \"1000pt\"\n        document.body.appendChild(o)\n        UITextView._ptToPx = o.clientWidth / 1000\n        document.body.removeChild(o)\n        UITextView._pxToPt = 1 / UITextView._ptToPx\n        \n    }\n    \n    \n    static type = {\n        \n        \"paragraph\": \"p\",\n        \"header1\": \"h1\",\n        \"header2\": \"h2\",\n        \"header3\": \"h3\",\n        \"header4\": \"h4\",\n        \"header5\": \"h5\",\n        \"header6\": \"h6\",\n        \"textArea\": \"textarea\",\n        \"textField\": \"input\",\n        \"span\": \"span\",\n        \"label\": \"label\"\n        \n    } as const\n    \n    \n    static textAlignment = {\n        \n        \"left\": \"left\",\n        \"center\": \"center\",\n        \"right\": \"right\",\n        \"justify\": \"justify\"\n        \n    } as const\n    \n    get textAlignment() {\n        // @ts-ignore\n        return this.style.textAlign\n    }\n    \n    set textAlignment(textAlignment: ValueOf<typeof UITextView.textAlignment>) {\n        this._textAlignment = textAlignment\n        this.style.textAlign = textAlignment\n    }\n    \n    \n    get textColor() {\n        return this._textColor\n    }\n    \n    set textColor(color: UIColor) {\n        \n        this._textColor = color || UITextView.defaultTextColor\n        this.style.color = this._textColor.stringValue\n        \n    }\n    \n    \n    get isSingleLine() {\n        \n        return this._isSingleLine\n        \n    }\n    \n    set isSingleLine(isSingleLine: boolean) {\n        \n        this._isSingleLine = isSingleLine\n        \n        this._intrinsicHeightCache = new UIObject() as any\n        this._intrinsicWidthCache = new UIObject() as any\n        \n        if (isSingleLine) {\n            \n            this.style.whiteSpace = \"pre\"\n            \n            return\n            \n        }\n        \n        this.style.whiteSpace = \"pre-wrap\"\n        \n    }\n    \n    \n    get notificationAmount() {\n        \n        return this._notificationAmount\n        \n    }\n    \n    set notificationAmount(notificationAmount: number) {\n        \n        if (this._notificationAmount == notificationAmount) {\n            \n            return\n            \n        }\n        \n        this._notificationAmount = notificationAmount\n        \n        this.text = this.text\n        \n        this.setNeedsLayoutUpToRootView()\n        \n        this.notificationAmountDidChange(notificationAmount)\n        \n    }\n    \n    notificationAmountDidChange(notificationAmount: number) {\n    \n    \n    }\n    \n    \n    get text() {\n        \n        return (this._text || this.viewHTMLElement.innerHTML)\n        \n    }\n    \n    set text(text) {\n        \n        this._text = text\n        \n        var notificationText = \"\"\n        \n        if (this.notificationAmount) {\n            \n            notificationText = \"<span style=\\\"color: \" + UITextView.notificationTextColor.stringValue + \";\\\">\" +\n                (\" (\" + this.notificationAmount + \")\").bold() + \"</span>\"\n            \n        }\n        \n        if (this.viewHTMLElement.innerHTML != this.textPrefix + text + this.textSuffix + notificationText) {\n            \n            this.viewHTMLElement.innerHTML = this.textPrefix + FIRST(text, \"\") + this.textSuffix + notificationText\n            \n        }\n        \n        if (this.changesOften) {\n            \n            this._intrinsicHeightCache = new UIObject() as any\n            this._intrinsicWidthCache = new UIObject() as any\n            \n        }\n        \n        this.setNeedsLayout()\n        \n    }\n    \n    override set innerHTML(innerHTML: string) {\n        \n        this.text = innerHTML\n        \n    }\n    \n    override get innerHTML() {\n        \n        return this.viewHTMLElement.innerHTML\n        \n    }\n    \n    \n    setText(key: string, defaultString: string, parameters?: { [x: string]: string | UILocalizedTextObject }) {\n        \n        this.setInnerHTML(key, defaultString, parameters)\n        \n    }\n    \n    \n    get fontSize() {\n        \n        const style = window.getComputedStyle(this.viewHTMLElement, null).fontSize\n        \n        const result = (parseFloat(style) * UITextView._pxToPt)\n        \n        return result\n        \n    }\n    \n    set fontSize(fontSize: number) {\n        \n        \n        this.style.fontSize = \"\" + fontSize + \"pt\"\n        \n        this._intrinsicHeightCache = new UIObject() as any\n        this._intrinsicWidthCache = new UIObject() as any // MEETOD LUUA!!!!\n        \n        \n    }\n    \n    \n    useAutomaticFontSize(minFontSize: number = nil, maxFontSize: number = nil) {\n        \n        \n        this._automaticFontSizeSelection = YES\n        \n        \n        this._minFontSize = minFontSize\n        \n        this._maxFontSize = maxFontSize\n        \n        this.setNeedsLayout()\n        \n        \n    }\n    \n    \n    static automaticallyCalculatedFontSize(\n        bounds: UIRectangle,\n        currentSize: UIRectangle,\n        currentFontSize: number,\n        minFontSize?: number,\n        maxFontSize?: number\n    ) {\n        \n        minFontSize = FIRST(minFontSize, 1)\n        \n        maxFontSize = FIRST(maxFontSize, 100000000000)\n        \n        \n        const heightMultiplier = bounds.height / (currentSize.height + 1)\n        \n        const widthMultiplier = bounds.width / (currentSize.width + 1)\n        \n        \n        var multiplier = heightMultiplier\n        \n        if (heightMultiplier > widthMultiplier) {\n            \n            multiplier = widthMultiplier\n            \n            \n        }\n        \n        \n        const maxFittingFontSize = currentFontSize * multiplier\n        \n        \n        if (maxFittingFontSize > maxFontSize) {\n            \n            return maxFontSize\n            \n        }\n        \n        if (minFontSize > maxFittingFontSize) {\n            \n            return minFontSize\n            \n        }\n        \n        \n        return maxFittingFontSize\n        \n        \n    }\n    \n    \n    override didReceiveBroadcastEvent(event: UIViewBroadcastEvent) {\n        \n        super.didReceiveBroadcastEvent(event)\n        \n    }\n    \n    \n    override willMoveToSuperview(superview: UIView) {\n        \n        super.willMoveToSuperview(superview)\n        \n    }\n    \n    \n    override layoutSubviews() {\n        \n        super.layoutSubviews()\n        \n        \n        if (this._automaticFontSizeSelection) {\n            \n            this.fontSize = UITextView.automaticallyCalculatedFontSize(\n                new UIRectangle(0, 0, 1 *\n                    this.viewHTMLElement.offsetHeight, 1 *\n                    this.viewHTMLElement.offsetWidth),\n                this.intrinsicContentSize(),\n                this.fontSize,\n                this._minFontSize,\n                this._maxFontSize\n            )\n            \n            \n        }\n        \n        \n    }\n    \n    \n    override intrinsicContentHeight(constrainingWidth = 0) {\n        \n        const keyPath = (this.viewHTMLElement.innerHTML + \"_csf_\" + this.computedStyle.font).replace(new RegExp(\n                \"\\\\.\",\n                \"g\"\n            ), \"_\") + \".\" +\n            (\"\" + constrainingWidth).replace(new RegExp(\"\\\\.\", \"g\"), \"_\")\n        \n        let cacheObject = UITextView._intrinsicHeightCache\n        \n        if (this.changesOften) {\n            \n            // @ts-ignore\n            cacheObject = this._intrinsicHeightCache\n            \n            \n        }\n        \n        \n        var result = cacheObject.valueForKeyPath(keyPath)\n        \n        \n        if (IS_LIKE_NULL(result)) {\n            \n            result = super.intrinsicContentHeight(constrainingWidth)\n            \n            cacheObject.setValueForKeyPath(keyPath, result)\n            \n            \n        }\n        \n        \n        return result\n        \n    }\n    \n    override intrinsicContentWidth(constrainingHeight = 0) {\n        \n        const keyPath = (this.viewHTMLElement.innerHTML + \"_csf_\" + this.computedStyle.font).replace(new RegExp(\n                \"\\\\.\",\n                \"g\"\n            ), \"_\") + \".\" +\n            (\"\" + constrainingHeight).replace(new RegExp(\"\\\\.\", \"g\"), \"_\")\n        \n        let cacheObject = UITextView._intrinsicWidthCache\n        \n        if (this.changesOften) {\n            \n            // @ts-ignore\n            cacheObject = this._intrinsicWidthCache\n            \n            \n        }\n        \n        \n        var result = cacheObject.valueForKeyPath(keyPath)\n        \n        \n        if (IS_LIKE_NULL(result)) {\n            \n            result = super.intrinsicContentWidth(constrainingHeight)\n            \n            cacheObject.setValueForKeyPath(keyPath, result)\n            \n            \n        }\n        \n        \n        return result\n        \n    }\n    \n    \n    override intrinsicContentSize() {\n        \n        // This works but is slow\n        const result = this.intrinsicContentSizeWithConstraints(nil, nil)\n        \n        return result\n        \n    }\n    \n    \n}\n\n\nUITextView._determinePXAndPTRatios()\n\n\n// /**\n//  * Uses canvas.measureText to compute and return the width of the given text of given font in pixels.\n//  * \n//  * @param {String} text The text to be rendered.\n//  * @param {String} font The css font descriptor that text is to be rendered with (e.g. \"bold 14px verdana\").\n//  * \n//  * @see https://stackoverflow.com/questions/118241/calculate-text-width-with-javascript/21015393#21015393\n//  */\n// function getTextMetrics(text, font) {\n//     // re-use canvas object for better performance\n//     var canvas = getTextMetrics.canvas || (getTextMetrics.canvas = document.createElement(\"canvas\"));\n//     var context = canvas.getContext(\"2d\");\n//     context.font = font;\n//     var metrics = context.measureText(text);\n//     return metrics;\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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",
   "names": []
 }

package/compiledScripts/UIView.d.ts

@@ -37,6 +37,11 @@ declare module AutoLayout {
         GEQ = 2
     }
 }
+declare global {
+    interface HTMLElement {
+        UIView?: UIView;
+    }
+}
 export interface LooseObject {
     [key: string]: any;
 }
@@ -118,7 +123,7 @@ export declare class UIView extends UIObject {
     static _pageScale: number;
     _scale: number;
     isInternalScaling: boolean;
-    private _resizeObserver;
+    static resizeObserver: ResizeObserver;
     private _isMovable;
     makeNotMovable?: () => void;
     private _isResizable;
@@ -130,6 +135,8 @@ export declare class UIView extends UIObject {
     static _onWindowTouchMove: (event: TouchEvent) => void;
     static _onWindowMouseMove: (event: MouseEvent) => void;
     static _onWindowMouseup: (event: MouseEvent) => void;
+    private _resizeObserverEntry?;
+    private _intrinsicSizesCache;
     constructor(elementID?: string, viewHTMLElement?: HTMLElement & LooseObject | null, elementType?: string | null, initViewData?: any);
     static get nextIndex(): number;
     static get pageHeight(): number;
@@ -198,7 +205,8 @@ export declare class UIView extends UIObject {
     }, zIndex?: number, performUncheckedLayout?: boolean): void;
     get bounds(): UIRectangle;
     set bounds(rectangle: UIRectangle);
-    boundsDidChange(): void;
+    boundsDidChange(bounds: UIRectangle): void;
+    didResize(entry: ResizeObserverEntry): void;
     get frameTransform(): string;
     set frameTransform(value: string);
     setPosition(left?: number | string, right?: number | string, bottom?: number | string, top?: number | string, height?: number | string, width?: number | string): void;
@@ -275,7 +283,7 @@ export declare class UIView extends UIObject {
     get viewAboveThisView(): UIView;
     addSubview(view: UIView, aboveView?: UIView): void;
     addSubviews(views: UIView[]): void;
-    addedAsSubviewToView(view: UIView, aboveView?: UIView): this;
+    addedAsSubviewToView(view: UIView | undefined, aboveView?: UIView): this;
     moveToBottomOfSuperview(): void;
     moveToTopOfSuperview(): void;
     removeFromSuperview(): void;
@@ -286,6 +294,7 @@ export declare class UIView extends UIObject {
     wasRemovedFromViewTree(): void;
     get isMemberOfViewTree(): boolean;
     get withAllSuperviews(): UIView[];
+    get elementWithAllSuperviewElements(): HTMLElement[];
     setNeedsLayoutOnAllSuperviews(): void;
     setNeedsLayoutUpToRootView(): void;
     focus(): void;

package/compiledScripts/UIView.js

@@ -61,6 +61,7 @@ if (!window.AutoLayout) {
   window.AutoLayout = import_UIObject.nil;
 }
 function UIComponentView(target, context) {
+  console.log("Recording annotation UIComponentView on " + target.name);
   import_UIObject.UIObject.recordAnnotation(UIComponentView, target);
 }
 const _UIView = class extends import_UIObject.UIObject {
@@ -90,6 +91,7 @@ const _UIView = class extends import_UIObject.UIObject {
     this._isMoving = import_UIObject.NO;
     this._isCBEditorTemporaryResizable = import_UIObject.NO;
     this._isCBEditorTemporaryMovable = import_UIObject.NO;
+    this._intrinsicSizesCache = {};
     this.controlEvent = _UIView.controlEvent;
     _UIView._UIViewIndex = _UIView.nextIndex;
     this._UIViewIndex = _UIView._UIViewIndex;
@@ -150,8 +152,6 @@ const _UIView = class extends import_UIObject.UIObject {
     this.viewHTMLElement.obeyAutolayout = import_UIObject.YES;
     this.viewHTMLElement.UIView = this;
     this.addStyleClass(this.styleClassName);
-    this._resizeObserver = new ResizeObserver(() => this.setNeedsLayout());
-    this._resizeObserver.observe(this.viewHTMLElement);
   }
   set nativeSelectionEnabled(selectable) {
     this._nativeSelectionEnabled = selectable;
@@ -456,14 +456,14 @@ const _UIView = class extends import_UIObject.UIObject {
   calculateAndSetViewFrame() {
   }
   get frame() {
-    var _a;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i;
     let result = (_a = this._frame) == null ? void 0 : _a.copy();
     if (!result) {
       result = new import_UIRectangle.UIRectangle(
-        this.viewHTMLElement.offsetLeft,
-        this.viewHTMLElement.offsetTop,
-        this.viewHTMLElement.offsetHeight,
-        this.viewHTMLElement.offsetWidth
+        (_c = (_b = this._resizeObserverEntry) == null ? void 0 : _b.contentRect.left) != null ? _c : this.viewHTMLElement.offsetLeft,
+        (_e = (_d = this._resizeObserverEntry) == null ? void 0 : _d.contentRect.top) != null ? _e : this.viewHTMLElement.offsetTop,
+        (_g = (_f = this._resizeObserverEntry) == null ? void 0 : _f.contentRect.height) != null ? _g : this.viewHTMLElement.offsetHeight,
+        (_i = (_h = this._resizeObserverEntry) == null ? void 0 : _h.contentRect.width) != null ? _i : this.viewHTMLElement.offsetWidth
       );
       result.zIndex = 0;
     }
@@ -480,7 +480,7 @@ const _UIView = class extends import_UIObject.UIObject {
       rectangle.zIndex = zIndex;
     }
     this._frame = rectangle;
-    if (frame && frame.isEqualTo(rectangle) && frame.zIndex == rectangle.zIndex && !performUncheckedLayout) {
+    if (frame && frame != import_UIObject.nil && frame.isEqualTo(rectangle) && frame.zIndex == rectangle.zIndex && !performUncheckedLayout) {
       return;
     }
     if (this.isInternalScaling) {
@@ -497,13 +497,19 @@ const _UIView = class extends import_UIObject.UIObject {
     );
     if (frame.height != rectangle.height || frame.width != rectangle.width || performUncheckedLayout) {
       this.setNeedsLayout();
-      this.boundsDidChange();
+      this.boundsDidChange(this.bounds);
     }
   }
   get bounds() {
+    var _a, _b, _c, _d;
     let result;
     if ((0, import_UIObject.IS_NOT)(this._frame)) {
-      result = new import_UIRectangle.UIRectangle(0, 0, this.viewHTMLElement.offsetHeight, this.viewHTMLElement.offsetWidth);
+      result = new import_UIRectangle.UIRectangle(
+        0,
+        0,
+        (_b = (_a = this._resizeObserverEntry) == null ? void 0 : _a.contentRect.height) != null ? _b : this.viewHTMLElement.offsetHeight,
+        (_d = (_c = this._resizeObserverEntry) == null ? void 0 : _c.contentRect.width) != null ? _d : this.viewHTMLElement.offsetWidth
+      );
     } else {
       result = this.frame.copy();
       result.x = 0;
@@ -517,7 +523,12 @@ const _UIView = class extends import_UIObject.UIObject {
     newFrame.zIndex = frame.zIndex;
     this.frame = newFrame;
   }
-  boundsDidChange() {
+  boundsDidChange(bounds) {
+  }
+  didResize(entry) {
+    this._resizeObserverEntry = entry;
+    this.setNeedsLayout();
+    this.boundsDidChange(new import_UIRectangle.UIRectangle(0, 0, entry.contentRect.height, entry.contentRect.width));
   }
   get frameTransform() {
     return this._frameTransform;
@@ -537,7 +548,7 @@ const _UIView = class extends import_UIObject.UIObject {
     const bounds = this.bounds;
     if (bounds.height != previousBounds.height || bounds.width != previousBounds.width) {
       this.setNeedsLayout();
-      this.boundsDidChange();
+      this.boundsDidChange(bounds);
     }
   }
   setSizes(height, width) {
@@ -547,7 +558,7 @@ const _UIView = class extends import_UIObject.UIObject {
     const bounds = this.bounds;
     if (bounds.height != previousBounds.height || bounds.width != previousBounds.width) {
       this.setNeedsLayout();
-      this.boundsDidChange();
+      this.boundsDidChange(bounds);
     }
   }
   setMinSizes(height, width) {
@@ -557,7 +568,7 @@ const _UIView = class extends import_UIObject.UIObject {
     const bounds = this.bounds;
     if (bounds.height != previousBounds.height || bounds.width != previousBounds.width) {
       this.setNeedsLayout();
-      this.boundsDidChange();
+      this.boundsDidChange(bounds);
     }
   }
   setMaxSizes(height, width) {
@@ -567,7 +578,7 @@ const _UIView = class extends import_UIObject.UIObject {
     const bounds = this.bounds;
     if (bounds.height != previousBounds.height || bounds.width != previousBounds.width) {
       this.setNeedsLayout();
-      this.boundsDidChange();
+      this.boundsDidChange(bounds);
     }
   }
   setMargin(margin) {
@@ -576,7 +587,7 @@ const _UIView = class extends import_UIObject.UIObject {
     const bounds = this.bounds;
     if (bounds.height != previousBounds.height || bounds.width != previousBounds.width) {
       this.setNeedsLayout();
-      this.boundsDidChange();
+      this.boundsDidChange(bounds);
     }
   }
   setMargins(left, right, bottom, top) {
@@ -588,7 +599,7 @@ const _UIView = class extends import_UIObject.UIObject {
     const bounds = this.bounds;
     if (bounds.height != previousBounds.height || bounds.width != previousBounds.width) {
       this.setNeedsLayout();
-      this.boundsDidChange();
+      this.boundsDidChange(bounds);
     }
   }
   setPadding(padding) {
@@ -597,7 +608,7 @@ const _UIView = class extends import_UIObject.UIObject {
     const bounds = this.bounds;
     if (bounds.height != previousBounds.height || bounds.width != previousBounds.width) {
       this.setNeedsLayout();
-      this.boundsDidChange();
+      this.boundsDidChange(bounds);
     }
   }
   setPaddings(left, right, bottom, top) {
@@ -609,7 +620,7 @@ const _UIView = class extends import_UIObject.UIObject {
     const bounds = this.bounds;
     if (bounds.height != previousBounds.height || bounds.width != previousBounds.width) {
       this.setNeedsLayout();
-      this.boundsDidChange();
+      this.boundsDidChange(bounds);
     }
   }
   setBorder(radius = import_UIObject.nil, width = 1, color = import_UIColor.UIColor.blackColor, style = "solid") {
@@ -756,29 +767,27 @@ const _UIView = class extends import_UIObject.UIObject {
     if ((0, import_UIObject.IS)(width)) {
       width = width.integerValue + "px";
     }
-    let str = element.style.cssText;
-    frameTransform = _UIView._transformAttribute + ": translate3d(" + left.integerValue + "px, " + top.integerValue + "px, 0px)" + frameTransform;
+    frameTransform = "translate3d(" + left.integerValue + "px, " + top.integerValue + "px, 0px)" + frameTransform;
+    const style = element.style;
     if (element.UIView) {
-      str = str + frameTransform + ((_b = (_a = element.style.transform.match(
+      frameTransform = frameTransform + ((_b = (_a = style.transform.match(
         new RegExp("scale\\(.*\\)", "g")
-      )) == null ? void 0 : _a.firstElement) != null ? _b : "") + ";";
+      )) == null ? void 0 : _a.firstElement) != null ? _b : "");
     }
     if ((0, import_UIObject.IS_NIL)(height)) {
-      str = str + " height: unset;";
-    } else {
-      str = str + " height:" + height + ";";
+      height = "unset";
     }
     if ((0, import_UIObject.IS_NIL)(width)) {
-      str = str + " width: unset;";
-    } else {
-      str = str + " width:" + width + ";";
+      width = "unset";
     }
+    let zIndexString = "" + zIndex;
     if ((0, import_UIObject.IS_NIL)(zIndex)) {
-      str = str + " z-index: unset;";
-    } else {
-      str = str + " z-index:" + zIndex + ";";
+      zIndexString = "unset";
     }
-    element.style.cssText = element.style.cssText + str;
+    style.transform = frameTransform;
+    style.height = height;
+    style.width = width;
+    style.zIndex = zIndexString;
   }
   static performAutoLayout(parentElement, visualFormatArray, constraintsArray) {
     const view = new AutoLayout.View();
@@ -857,6 +866,7 @@ const _UIView = class extends import_UIObject.UIObject {
     }
     this._shouldLayout = import_UIObject.YES;
     _UIView._viewsToLayout.push(this);
+    this._intrinsicSizesCache = {};
     if (_UIView._viewsToLayout.length == 1) {
       _UIView.scheduleLayoutViewsIfNeeded();
     }
@@ -894,7 +904,7 @@ const _UIView = class extends import_UIObject.UIObject {
   applyClassesAndStyles() {
     for (let i = 0; i < this.styleClasses.length; i++) {
       const styleClass = this.styleClasses[i];
-      if (styleClass) {
+      if (styleClass && !this.viewHTMLElement.classList.contains(styleClass)) {
         this.viewHTMLElement.classList.add(styleClass);
       }
     }
@@ -1022,7 +1032,7 @@ const _UIView = class extends import_UIObject.UIObject {
     views.forEach((view) => this.addSubview(view));
   }
   addedAsSubviewToView(view, aboveView) {
-    view.addSubview(this, aboveView);
+    view == null ? void 0 : view.addSubview(this, aboveView);
     return this;
   }
   moveToBottomOfSuperview() {
@@ -1072,8 +1082,10 @@ const _UIView = class extends import_UIObject.UIObject {
     this.superview = superview;
   }
   wasAddedToViewTree() {
+    _UIView.resizeObserver.observe(this.viewHTMLElement);
   }
   wasRemovedFromViewTree() {
+    _UIView.resizeObserver.unobserve(this.viewHTMLElement);
   }
   get isMemberOfViewTree() {
     let element = this.viewHTMLElement;
@@ -1094,6 +1106,18 @@ const _UIView = class extends import_UIObject.UIObject {
     }
     return result;
   }
+  get elementWithAllSuperviewElements() {
+    const result = [];
+    let view = this.viewHTMLElement;
+    for (let i = 0; (0, import_UIObject.IS)(view); i = i) {
+      if (!view) {
+        return result;
+      }
+      result.push(view);
+      view = view.parentElement;
+    }
+    return result;
+  }
   setNeedsLayoutOnAllSuperviews() {
     this.withAllSuperviews.reverse().everyElement.setNeedsLayout();
   }
@@ -2034,20 +2058,48 @@ const _UIView = class extends import_UIObject.UIObject {
     this.subviews.everyElement.forEachViewInSubtree(functionToCall);
   }
   rectangleInView(rectangle, view) {
+    var _a, _b, _c, _d;
     if (!view.isMemberOfViewTree || !this.isMemberOfViewTree) {
       return import_UIObject.nil;
     }
-    const viewClientRectangle = view.viewHTMLElement.getBoundingClientRect();
-    const viewLocation = new import_UIPoint.UIPoint(viewClientRectangle.left, viewClientRectangle.top);
-    const selfClientRectangle = this.viewHTMLElement.getBoundingClientRect();
-    const selfLocation = new import_UIPoint.UIPoint(selfClientRectangle.left, selfClientRectangle.top);
-    const offsetPoint = selfLocation.subtract(viewLocation);
+    const allViewSuperviewElements = view.elementWithAllSuperviewElements;
+    const superviewElementsUntilCommonElement = this.elementWithAllSuperviewElements.slice(
+      0,
+      this.elementWithAllSuperviewElements.findIndex(
+        (viewElement) => allViewSuperviewElements.contains(viewElement)
+      ) + 1
+    );
+    const commonElement = superviewElementsUntilCommonElement.lastElement;
+    const viewSuperviewElementsUntilCommonElement = allViewSuperviewElements.slice(
+      0,
+      allViewSuperviewElements.findIndex((viewElement) => viewElement == commonElement) + 1
+    );
+    let selfOffsetPoint = new import_UIPoint.UIPoint(0, 0);
+    for (let i = 0; i < superviewElementsUntilCommonElement.length - 1; i++) {
+      const element = superviewElementsUntilCommonElement[i];
+      selfOffsetPoint = selfOffsetPoint.add(
+        (_b = (_a = element.UIView) == null ? void 0 : _a.frame.min) != null ? _b : new import_UIPoint.UIPoint(element.offsetLeft, element.offsetTop)
+      );
+    }
+    let viewOffsetPoint = new import_UIPoint.UIPoint(0, 0);
+    for (let i = 0; i < viewSuperviewElementsUntilCommonElement.length - 1; i++) {
+      const element = viewSuperviewElementsUntilCommonElement[i];
+      viewOffsetPoint = viewOffsetPoint.add(
+        (_d = (_c = element.UIView) == null ? void 0 : _c.frame.min) != null ? _d : new import_UIPoint.UIPoint(element.offsetLeft, element.offsetTop)
+      );
+    }
+    const offsetPoint = selfOffsetPoint.subtract(viewOffsetPoint);
     return rectangle.copy().offsetByPoint(offsetPoint);
   }
   rectangleFromView(rectangle, view) {
     return view.rectangleInView(rectangle, this);
   }
   intrinsicContentSizeWithConstraints(constrainingHeight = 0, constrainingWidth = 0) {
+    const cacheKey = "h_" + constrainingHeight + "__w_" + constrainingWidth;
+    const cachedResult = this._intrinsicSizesCache[cacheKey];
+    if (cachedResult) {
+      return cachedResult;
+    }
     const result = new import_UIRectangle.UIRectangle(0, 0, 0, 0);
     if (this.rootView.forceIntrinsicSizeZero) {
       return result;
@@ -2094,6 +2146,7 @@ const _UIView = class extends import_UIObject.UIObject {
     }
     result.height = resultHeight;
     result.width = resultWidth;
+    this._intrinsicSizesCache[cacheKey] = result.copy();
     return result;
   }
   intrinsicContentWidth(constrainingHeight = 0) {
@@ -2110,6 +2163,14 @@ let UIView = _UIView;
 UIView._UIViewIndex = -1;
 UIView._viewsToLayout = [];
 UIView._pageScale = 1;
+UIView.resizeObserver = new ResizeObserver((entries, observer) => {
+  var _a;
+  for (let i = 0; i < entries.length; i++) {
+    const entry = entries[i];
+    const view = entry.target.UIView;
+    (_a = view == null ? void 0 : view.didResize) == null ? void 0 : _a.call(view, entry);
+  }
+});
 UIView._onWindowTouchMove = import_UIObject.nil;
 UIView._onWindowMouseMove = import_UIObject.nil;
 UIView._onWindowMouseup = import_UIObject.nil;