uicore-ts 1.1.142 → 1.1.145

package/compiledScripts/UITextField.js

@@ -29,16 +29,16 @@ var import_UIView = require("./UIView");
 const _UITextField = class extends import_UITextView.UITextView {
   constructor(elementID, viewHTMLElement = null, type = import_UITextView.UITextView.type.textField) {
     super(elementID, type, viewHTMLElement);
-    this.viewHTMLElement.setAttribute("type", "text");
+    this.textElementView.viewHTMLElement.setAttribute("type", "text");
     this.backgroundColor = import_UIColor.UIColor.whiteColor;
     this.addTargetForControlEvent(
       import_UIView.UIView.controlEvent.PointerUpInside,
       (sender, event) => sender.focus()
     );
-    this.viewHTMLElement.oninput = (event) => {
+    this.textElementView.viewHTMLElement.oninput = (event) => {
       this.sendControlEventForKey(_UITextField.controlEvent.TextChange, event);
     };
-    this.style.webkitUserSelect = "text";
+    this.textElementView.style.webkitUserSelect = "text";
     this.nativeSelectionEnabled = import_UIObject.YES;
     this.pausesPointerEvents = import_UIObject.NO;
     this.changesOften = import_UIObject.YES;
@@ -50,16 +50,16 @@ const _UITextField = class extends import_UITextView.UITextView {
     return this._viewHTMLElement;
   }
   set text(text) {
-    this.viewHTMLElement.value = text;
+    this.textElementView.viewHTMLElement.value = text;
   }
   get text() {
-    return this.viewHTMLElement.value;
+    return this.textElementView.viewHTMLElement.value;
   }
   set placeholderText(text) {
-    this.viewHTMLElement.placeholder = text;
+    this.textElementView.viewHTMLElement.placeholder = text;
   }
   get placeholderText() {
-    return this.viewHTMLElement.placeholder;
+    return this.textElementView.viewHTMLElement.placeholder;
   }
   setPlaceholderText(key, defaultString) {
     this._placeholderTextKey = key;
@@ -83,15 +83,15 @@ const _UITextField = class extends import_UITextView.UITextView {
     }
   }
   get isSecure() {
-    const result = this.viewHTMLElement.type == "password";
+    const result = this.textElementView.viewHTMLElement.type == "password";
     return result;
   }
   set isSecure(secure) {
-    var type = "text";
+    let type = "text";
     if (secure) {
       type = "password";
     }
-    this.viewHTMLElement.type = type;
+    this.textElementView.viewHTMLElement.type = type;
   }
 };
 let UITextField = _UITextField;

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        this.backgroundColor = UIColor.whiteColor\n        this.addTargetForControlEvent(\n            UIView.controlEvent.PointerUpInside,\n            (sender, event) => sender.focus()\n        )\n        this.viewHTMLElement.oninput = (event) => {\n            this.sendControlEventForKey(UITextField.controlEvent.TextChange, event)\n        }\n        this.style.webkitUserSelect = \"text\"\n        this.nativeSelectionEnabled = YES\n        this.pausesPointerEvents = NO\n        this.changesOften = YES\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;AAChD,SAAK,kBAAkB,uBAAQ;AAC/B,SAAK;AAAA,MACD,qBAAO,aAAa;AAAA,MACpB,CAAC,QAAQ,UAAU,OAAO,MAAM;AAAA,IACpC;AACA,SAAK,gBAAgB,UAAU,CAAC,UAAU;AACtC,WAAK,uBAAuB,aAAY,aAAa,YAAY,KAAK;AAAA,IAC1E;AACA,SAAK,MAAM,mBAAmB;AAC9B,SAAK,yBAAyB;AAC9B,SAAK,sBAAsB;AAC3B,SAAK,eAAe;AAAA,EAExB;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;AAhJO,IAAM,cAAN;AAAM,YA4BO,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(\n        elementID?: string,\n        viewHTMLElement = null,\n        type: string | ValueOf<typeof UITextView.type> = UITextView.type.textField\n    ) {\n        \n        super(elementID, type, viewHTMLElement)\n        \n        this.textElementView.viewHTMLElement.setAttribute(\"type\", \"text\")\n        this.backgroundColor = UIColor.whiteColor\n        this.addTargetForControlEvent(\n            UIView.controlEvent.PointerUpInside,\n            (sender, event) => sender.focus()\n        )\n        this.textElementView.viewHTMLElement.oninput = (event) => {\n            this.sendControlEventForKey(UITextField.controlEvent.TextChange, event)\n        }\n        this.textElementView.style.webkitUserSelect = \"text\"\n        this.nativeSelectionEnabled = YES\n        this.pausesPointerEvents = NO\n        this.changesOften = YES\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        this.textElementView.viewHTMLElement.value = text\n    }\n    \n    public override get text(): string {\n        return this.textElementView.viewHTMLElement.value\n    }\n    \n    \n    public set placeholderText(text: string) {\n        this.textElementView.viewHTMLElement.placeholder = text\n    }\n    \n    public get placeholderText(): string {\n        return this.textElementView.viewHTMLElement.placeholder\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        const result = (this.textElementView.viewHTMLElement.type == \"password\")\n        return result\n    }\n    \n    public set isSecure(secure: boolean) {\n        let type = \"text\"\n        if (secure) {\n            type = \"password\"\n        }\n        this.textElementView.viewHTMLElement.type = type\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,YACI,WACA,kBAAkB,MAClB,OAAiD,6BAAW,KAAK,WACnE;AAEE,UAAM,WAAW,MAAM,eAAe;AAEtC,SAAK,gBAAgB,gBAAgB,aAAa,QAAQ,MAAM;AAChE,SAAK,kBAAkB,uBAAQ;AAC/B,SAAK;AAAA,MACD,qBAAO,aAAa;AAAA,MACpB,CAAC,QAAQ,UAAU,OAAO,MAAM;AAAA,IACpC;AACA,SAAK,gBAAgB,gBAAgB,UAAU,CAAC,UAAU;AACtD,WAAK,uBAAuB,aAAY,aAAa,YAAY,KAAK;AAAA,IAC1E;AACA,SAAK,gBAAgB,MAAM,mBAAmB;AAC9C,SAAK,yBAAyB;AAC9B,SAAK,sBAAsB;AAC3B,SAAK,eAAe;AAAA,EAExB;AAAA,EAUA,IAAa,gCAAuF;AAChG,WAAQ,MAAM;AAAA,EAClB;AAAA,EAEA,IAAoB,kBAAkB;AAClC,WAAO,KAAK;AAAA,EAChB;AAAA,EAGA,IAAoB,KAAK,MAAc;AACnC,SAAK,gBAAgB,gBAAgB,QAAQ;AAAA,EACjD;AAAA,EAEA,IAAoB,OAAe;AAC/B,WAAO,KAAK,gBAAgB,gBAAgB;AAAA,EAChD;AAAA,EAGA,IAAW,gBAAgB,MAAc;AACrC,SAAK,gBAAgB,gBAAgB,cAAc;AAAA,EACvD;AAAA,EAEA,IAAW,kBAA0B;AACjC,WAAO,KAAK,gBAAgB,gBAAgB;AAAA,EAChD;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;AAC3B,UAAM,SAAU,KAAK,gBAAgB,gBAAgB,QAAQ;AAC7D,WAAO;AAAA,EACX;AAAA,EAEA,IAAW,SAAS,QAAiB;AACjC,QAAI,OAAO;AACX,QAAI,QAAQ;AACR,aAAO;AAAA,IACX;AACA,SAAK,gBAAgB,gBAAgB,OAAO;AAAA,EAChD;AAGJ;AA5HO,IAAM,cAAN;AAAM,YAgCO,eAAe,OAAO,OAAO,CAAC,GAAG,6BAAW,cAAc;AAAA,EAEtE,cAAc;AAElB,CAAC;",
   "names": []
 }

package/compiledScripts/UITextView.d.ts

@@ -32,12 +32,29 @@ export declare class UITextView extends UIView {
         readonly label: "label";
     };
     static textAlignment: {
-        readonly left: "flex-start";
+        readonly left: "left";
         readonly center: "center";
-        readonly right: "flex-end";
-        readonly justify: "stretch";
+        readonly right: "right";
+        readonly justify: "justify";
     };
     constructor(elementID?: string, textViewType?: string | ValueOf<typeof UITextView.type>, viewHTMLElement?: null);
+    private _textElementView;
+    /**
+     * The inner text element that holds the actual text content
+     */
+    get textElementView(): UIView;
+    /**
+     * Override style to apply to the text element instead of the container
+     */
+    /**
+     * Access the outer container's style (for positioning, layout, etc.)
+     */
+    get containerStyle(): CSSStyleDeclaration;
+    /**
+     * Override styleClasses to apply to the text element
+     */
+    get styleClasses(): string[];
+    set styleClasses(styleClasses: string[]);
     didReceiveBroadcastEvent(event: UIViewBroadcastEvent): void;
     willMoveToSuperview(superview: UIView): void;
     layoutSubviews(): void;
@@ -103,8 +120,11 @@ export declare class UITextView extends UIView {
     private _useFastMeasurement;
     private _cachedMeasurementStyles;
     usesVirtualLayoutingForIntrinsicSizing: boolean;
-    intrinsicContentHeight(constrainingWidth?: number): any;
-    intrinsicContentWidth(constrainingHeight?: number): any;
     addStyleClass(styleClass: string): void;
     removeStyleClass(styleClass: string): void;
+    focus(): void;
+    blur(): void;
+    intrinsicContentHeight(constrainingWidth?: number): any;
+    intrinsicContentWidth(constrainingHeight?: number): any;
+    intrinsicContentSizeWithConstraints(constrainingHeight?: number, constrainingWidth?: number): UIRectangle;
 }

package/compiledScripts/UITextView.js

@@ -28,7 +28,9 @@ var import_UITextMeasurement = require("./UITextMeasurement");
 var import_UIView = require("./UIView");
 const _UITextView = class extends import_UIView.UIView {
   constructor(elementID, textViewType = _UITextView.type.paragraph, viewHTMLElement = null) {
-    super(elementID, viewHTMLElement, textViewType);
+    const innerElementID = elementID ? `${elementID}_textElement` : void 0;
+    const _textElementView = new import_UIView.UIView(innerElementID, null, textViewType);
+    super(elementID, viewHTMLElement, "span", { _textElementView });
     this.textPrefix = "";
     this.textSuffix = "";
     this._notificationAmount = 0;
@@ -36,33 +38,42 @@ const _UITextView = class extends import_UIView.UIView {
     this._isSingleLine = import_UIObject.YES;
     this._automaticFontSizeSelection = import_UIObject.NO;
     this._fontInvalidationTriggers = {
-      fontSize: this.style.fontSize || "",
-      fontFamily: this.style.fontFamily || "",
-      fontWeight: this.style.fontWeight || "",
-      fontStyle: this.style.fontStyle || "",
-      styleClasses: this.styleClasses.join(",")
+      fontSize: "",
+      fontFamily: "",
+      fontWeight: "",
+      fontStyle: "",
+      styleClasses: ""
     };
     this.changesOften = import_UIObject.NO;
     this._intrinsicHeightCache = new import_UIObject.UIObject();
     this._intrinsicWidthCache = new import_UIObject.UIObject();
     this.usesVirtualLayoutingForIntrinsicSizing = import_UIObject.NO;
+    this.configureWithObject({
+      viewHTMLElement: {
+        style: {
+          display: "flex",
+          alignItems: "center",
+          overflow: "hidden"
+        }
+      }
+    });
     this.text = "";
-    this.style.overflow = "hidden";
-    this.style.textOverflow = "ellipsis";
+    this._textElementView = _textElementView;
+    this._textElementView.configureWithObject({
+      style: {
+        position: "relative",
+        overflow: "hidden",
+        textOverflow: "ellipsis",
+        width: "100%",
+        margin: "0",
+        padding: "0"
+      },
+      sendControlEventForKey: (0, import_UIObject.EXTEND)(this.sendControlEventForKey.bind(this))
+    });
+    this.addSubview(this._textElementView);
     this.isSingleLine = import_UIObject.YES;
     this.textColor = this.textColor;
     this.userInteractionEnabled = import_UIObject.YES;
-    this.configureWithObject({
-      style: {
-        display: "flex",
-        flexDirection: "column",
-        justifyContent: "safe center",
-        alignItems: "flex-start",
-        whiteSpace: "normal",
-        wordWrap: "break-word",
-        overflowWrap: "break-word"
-      }
-    });
     if (textViewType == _UITextView.type.textArea) {
       this.pausesPointerEvents = import_UIObject.YES;
       this.addTargetForControlEvent(
@@ -71,6 +82,18 @@ const _UITextView = class extends import_UIView.UIView {
       );
     }
   }
+  get textElementView() {
+    return this._textElementView;
+  }
+  get containerStyle() {
+    return this.viewHTMLElement.style;
+  }
+  get styleClasses() {
+    return this._textElementView.styleClasses;
+  }
+  set styleClasses(styleClasses) {
+    this._textElementView.styleClasses = styleClasses;
+  }
   didReceiveBroadcastEvent(event) {
     super.didReceiveBroadcastEvent(event);
   }
@@ -81,7 +104,12 @@ const _UITextView = class extends import_UIView.UIView {
     super.layoutSubviews();
     if (this._automaticFontSizeSelection) {
       this.fontSize = _UITextView.automaticallyCalculatedFontSize(
-        new import_UIRectangle.UIRectangle(0, 0, 1 * this.viewHTMLElement.offsetHeight, 1 * this.viewHTMLElement.offsetWidth),
+        new import_UIRectangle.UIRectangle(
+          0,
+          0,
+          this.textElementView.viewHTMLElement.offsetHeight,
+          this.textElementView.viewHTMLElement.offsetWidth
+        ),
         this.intrinsicContentSize(),
         this.fontSize,
         this._minFontSize,
@@ -91,18 +119,18 @@ const _UITextView = class extends import_UIView.UIView {
   }
   _invalidateMeasurementStyles() {
     this._cachedMeasurementStyles = void 0;
-    import_UITextMeasurement.UITextMeasurement.invalidateElement(this.viewHTMLElement);
+    import_UITextMeasurement.UITextMeasurement.invalidateElement(this.textElementView.viewHTMLElement);
     this._intrinsicSizesCache = {};
   }
   _getMeasurementStyles() {
     if (this._cachedMeasurementStyles) {
       return this._cachedMeasurementStyles;
     }
-    if (!this.viewHTMLElement.isConnected) {
+    if (!this.textElementView.viewHTMLElement.isConnected) {
       return null;
     }
-    this.viewHTMLElement.offsetHeight;
-    const computed = window.getComputedStyle(this.viewHTMLElement);
+    this.textElementView.viewHTMLElement.offsetHeight;
+    const computed = window.getComputedStyle(this.textElementView.viewHTMLElement);
     const fontSizeStr = computed.fontSize;
     const fontSize = parseFloat(fontSizeStr);
     if (!fontSize || isNaN(fontSize)) {
@@ -145,7 +173,7 @@ const _UITextView = class extends import_UIView.UIView {
     return fontSize * 1.2;
   }
   _shouldUseFastMeasurement() {
-    const content = this.text || this.innerHTML;
+    const content = this.text || this.textElementView.innerHTML;
     if (this._innerHTMLKey || this._localizedTextObject) {
       return false;
     }
@@ -164,17 +192,18 @@ const _UITextView = class extends import_UIView.UIView {
     this._invalidateMeasurementStyles();
   }
   get textAlignment() {
-    return this.style.alignItems;
+    return this._textElementView.style.textAlign;
   }
   set textAlignment(textAlignment) {
-    this.style.alignItems = textAlignment;
+    this._textAlignment = textAlignment;
+    this._textElementView.style.textAlign = textAlignment;
   }
   get textColor() {
     return this._textColor;
   }
   set textColor(color) {
     this._textColor = color || _UITextView.defaultTextColor;
-    this.style.color = this._textColor.stringValue;
+    this._textElementView.style.color = this._textColor.stringValue;
   }
   get isSingleLine() {
     return this._isSingleLine;
@@ -184,10 +213,17 @@ const _UITextView = class extends import_UIView.UIView {
     this._intrinsicHeightCache = new import_UIObject.UIObject();
     this._intrinsicWidthCache = new import_UIObject.UIObject();
     if (isSingleLine) {
-      this.style.whiteSpace = "pre";
+      this._textElementView.style.whiteSpace = "nowrap";
+      this._textElementView.style.textOverflow = "ellipsis";
+      this._textElementView.style.display = "";
+      this._textElementView.style.webkitLineClamp = "";
+      this._textElementView.style.webkitBoxOrient = "";
       return;
     }
-    this.style.whiteSpace = "pre-wrap";
+    this._textElementView.style.whiteSpace = "normal";
+    this._textElementView.style.textOverflow = "ellipsis";
+    this._textElementView.style.display = "-webkit-box";
+    this._textElementView.style.webkitBoxOrient = "vertical";
     this.invalidateMeasurementStrategy();
   }
   get notificationAmount() {
@@ -205,7 +241,7 @@ const _UITextView = class extends import_UIView.UIView {
   notificationAmountDidChange(notificationAmount) {
   }
   get text() {
-    return this._text || this.viewHTMLElement.innerHTML;
+    return this._text || this.textElementView.viewHTMLElement.innerHTML;
   }
   set text(text) {
     this._text = text;
@@ -213,8 +249,11 @@ const _UITextView = class extends import_UIView.UIView {
     if (this.notificationAmount) {
       notificationText = '<span style="color: ' + _UITextView.notificationTextColor.stringValue + ';">' + (" (" + this.notificationAmount + ")").bold() + "</span>";
     }
-    if (this.viewHTMLElement.innerHTML != this.textPrefix + text + this.textSuffix + notificationText) {
-      this.viewHTMLElement.innerHTML = this.textPrefix + (0, import_UIObject.FIRST)(text, "") + this.textSuffix + notificationText;
+    if (this.textElementView.viewHTMLElement.innerHTML != this.textPrefix + text + this.textSuffix + notificationText) {
+      this.textElementView.viewHTMLElement.innerHTML = this.textPrefix + (0, import_UIObject.FIRST)(
+        text,
+        ""
+      ) + this.textSuffix + notificationText;
     }
     if (this.changesOften) {
       this._intrinsicHeightCache = new import_UIObject.UIObject();
@@ -235,17 +274,17 @@ const _UITextView = class extends import_UIView.UIView {
     return this.viewHTMLElement.innerHTML;
   }
   setText(key, defaultString, parameters) {
-    this.setInnerHTML(key, defaultString, parameters);
+    this.textElementView.setInnerHTML(key, defaultString, parameters);
     this.invalidateMeasurementStrategy();
   }
   get fontSize() {
-    const style = this.style.fontSize || window.getComputedStyle(this.viewHTMLElement, null).fontSize;
+    const style = this._textElementView.style.fontSize || window.getComputedStyle(this._textElementView.viewHTMLElement, null).fontSize;
     const result = parseFloat(style) * _UITextView._pxToPt;
     return result;
   }
   set fontSize(fontSize) {
     if (fontSize != this.fontSize) {
-      this.style.fontSize = "" + fontSize + "pt";
+      this._textElementView.style.fontSize = "" + fontSize + "pt";
       this._intrinsicHeightCache = new import_UIObject.UIObject();
       this._intrinsicWidthCache = new import_UIObject.UIObject();
       this._invalidateFontCache();
@@ -261,15 +300,15 @@ const _UITextView = class extends import_UIView.UIView {
   }
   _getFontCacheKey() {
     const currentTriggers = {
-      fontSize: this.style.fontSize || "",
-      fontFamily: this.style.fontFamily || "",
-      fontWeight: this.style.fontWeight || "",
-      fontStyle: this.style.fontStyle || "",
+      fontSize: this._textElementView.style.fontSize || "",
+      fontFamily: this._textElementView.style.fontFamily || "",
+      fontWeight: this._textElementView.style.fontWeight || "",
+      fontStyle: this._textElementView.style.fontStyle || "",
       styleClasses: this.styleClasses.join(",")
     };
     const hasChanged = currentTriggers.fontSize !== this._fontInvalidationTriggers.fontSize || currentTriggers.fontFamily !== this._fontInvalidationTriggers.fontFamily || currentTriggers.fontWeight !== this._fontInvalidationTriggers.fontWeight || currentTriggers.fontStyle !== this._fontInvalidationTriggers.fontStyle || currentTriggers.styleClasses !== this._fontInvalidationTriggers.styleClasses;
     if (!this._cachedFontKey || hasChanged) {
-      const computed = this.computedStyle;
+      const computed = this._textElementView.computedStyle;
       this._cachedFontKey = [
         computed.fontStyle,
         computed.fontVariant,
@@ -313,9 +352,23 @@ const _UITextView = class extends import_UIView.UIView {
     }
     return maxFittingFontSize;
   }
+  addStyleClass(styleClass) {
+    super.addStyleClass(styleClass);
+    this._invalidateFontCache();
+  }
+  removeStyleClass(styleClass) {
+    super.removeStyleClass(styleClass);
+    this._invalidateFontCache();
+  }
+  focus() {
+    this._textElementView.focus();
+  }
+  blur() {
+    this._textElementView.blur();
+  }
   intrinsicContentHeight(constrainingWidth = 0) {
     var _a;
-    const keyPath = (this.viewHTMLElement.innerHTML || this.text) + "_csf_" + this._getFontCacheKey() + "." + ("" + constrainingWidth).replace(new RegExp("\\.", "g"), "_");
+    const keyPath = (this.textElementView.viewHTMLElement.innerHTML || this.text) + "_csf_" + this._getFontCacheKey() + "." + ("" + constrainingWidth).replace(new RegExp("\\.", "g"), "_");
     let cacheObject = _UITextView._intrinsicHeightCache;
     if (this.changesOften) {
       cacheObject = this._intrinsicHeightCache;
@@ -327,8 +380,8 @@ const _UITextView = class extends import_UIView.UIView {
         const styles = this._getMeasurementStyles();
         if (styles) {
           const size = import_UITextMeasurement.UITextMeasurement.calculateTextSize(
-            this.viewHTMLElement,
-            this.text || this.innerHTML,
+            this.textElementView.viewHTMLElement,
+            this.text || this.textElementView.innerHTML,
             constrainingWidth || void 0,
             void 0,
             styles
@@ -350,7 +403,7 @@ const _UITextView = class extends import_UIView.UIView {
   }
   intrinsicContentWidth(constrainingHeight = 0) {
     var _a;
-    const keyPath = (this.viewHTMLElement.innerHTML || this.text) + "_csf_" + this._getFontCacheKey() + "." + ("" + constrainingHeight).replace(new RegExp("\\.", "g"), "_");
+    const keyPath = (this.textElementView.viewHTMLElement.innerHTML || this.text) + "_csf_" + this._getFontCacheKey() + "." + ("" + constrainingHeight).replace(new RegExp("\\.", "g"), "_");
     let cacheObject = _UITextView._intrinsicWidthCache;
     if (this.changesOften) {
       cacheObject = this._intrinsicWidthCache;
@@ -362,8 +415,8 @@ const _UITextView = class extends import_UIView.UIView {
         const styles = this._getMeasurementStyles();
         if (styles) {
           const size = import_UITextMeasurement.UITextMeasurement.calculateTextSize(
-            this.viewHTMLElement,
-            this.text || this.innerHTML,
+            this.textElementView.viewHTMLElement,
+            this.text || this.textElementView.innerHTML,
             void 0,
             constrainingHeight || void 0,
             styles
@@ -379,13 +432,60 @@ const _UITextView = class extends import_UIView.UIView {
     }
     return result;
   }
-  addStyleClass(styleClass) {
-    super.addStyleClass(styleClass);
-    this._invalidateFontCache();
-  }
-  removeStyleClass(styleClass) {
-    super.removeStyleClass(styleClass);
-    this._invalidateFontCache();
+  intrinsicContentSizeWithConstraints(constrainingHeight = 0, constrainingWidth = 0) {
+    const cacheKey = this._getIntrinsicSizeCacheKey(constrainingHeight, constrainingWidth);
+    const cachedResult = this._getCachedIntrinsicSize(cacheKey);
+    if (cachedResult) {
+      return cachedResult;
+    }
+    const result = new import_UIRectangle.UIRectangle(0, 0, 0, 0);
+    if (this.rootView.forceIntrinsicSizeZero) {
+      return result;
+    }
+    let temporarilyInViewTree = import_UIObject.NO;
+    let nodeAboveThisView = null;
+    if (!this.isMemberOfViewTree) {
+      document.body.appendChild(this.viewHTMLElement);
+      temporarilyInViewTree = import_UIObject.YES;
+      nodeAboveThisView = this.viewHTMLElement.nextSibling;
+    }
+    const height = this._textElementView.style.height;
+    const width = this._textElementView.style.width;
+    this._textElementView.style.height = "" + constrainingHeight;
+    this._textElementView.style.width = "" + constrainingWidth;
+    const left = this._textElementView.style.left;
+    const right = this._textElementView.style.right;
+    const bottom = this._textElementView.style.bottom;
+    const top = this._textElementView.style.top;
+    this._textElementView.style.left = "";
+    this._textElementView.style.right = "";
+    this._textElementView.style.bottom = "";
+    this._textElementView.style.top = "";
+    const resultHeight = this._textElementView.viewHTMLElement.scrollHeight;
+    const whiteSpace = this._textElementView.style.whiteSpace;
+    this._textElementView.style.whiteSpace = "nowrap";
+    const resultWidth = this._textElementView.viewHTMLElement.scrollWidth;
+    this._textElementView.style.whiteSpace = whiteSpace;
+    this._textElementView.style.height = height;
+    this._textElementView.style.width = width;
+    this._textElementView.style.left = left;
+    this._textElementView.style.right = right;
+    this._textElementView.style.bottom = bottom;
+    this._textElementView.style.top = top;
+    if (temporarilyInViewTree) {
+      document.body.removeChild(this.viewHTMLElement);
+      if (this.superview) {
+        if (nodeAboveThisView) {
+          this.superview.viewHTMLElement.insertBefore(this.viewHTMLElement, nodeAboveThisView);
+        } else {
+          this.superview.viewHTMLElement.appendChild(this.viewHTMLElement);
+        }
+      }
+    }
+    result.height = resultHeight;
+    result.width = resultWidth;
+    this._setCachedIntrinsicSize(cacheKey, result);
+    return result;
   }
 };
 let UITextView = _UITextView;
@@ -407,10 +507,10 @@ UITextView.type = {
   "label": "label"
 };
 UITextView.textAlignment = {
-  "left": "flex-start",
+  "left": "left",
   "center": "center",
-  "right": "flex-end",
-  "justify": "stretch"
+  "right": "right",
+  "justify": "justify"
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {