uicore-ts 1.1.152 → 1.1.155

package/compiledScripts/UITextField.js

@@ -128,10 +128,17 @@ const _UITextField = class extends import_UITextView.UITextView {
     });
   }
   _updateDatalistVisibility() {
-    if (!this._datalistElement || this.minCharactersForAutocomplete === 0) {
+    if (!this._datalistElement) {
+      return;
+    }
+    const exactMatch = this._nativeAutocompleteData.some(
+      (item) => item === this.text
+    );
+    if (exactMatch) {
+      this.textElementView.viewHTMLElement.removeAttribute("list");
       return;
     }
-    const shouldShow = this.text.length >= this.minCharactersForAutocomplete;
+    const shouldShow = this.minCharactersForAutocomplete === 0 || this.text.length >= this.minCharactersForAutocomplete;
     if (shouldShow) {
       this.textElementView.viewHTMLElement.setAttribute("list", this._datalistElement.id);
     } else {

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    // --- Native Autocomplete (HTML datalist) ---\n    \n    private _datalistElement?: HTMLDataListElement\n    private _nativeAutocompleteData: string[] = []\n    public minCharactersForAutocomplete: number = 0\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            this._updateDatalistVisibility()\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    // --- Native Autocomplete Methods ---\n    \n    \n    \n    /**\n     * Sets the data for native browser autocomplete using HTML datalist.\n     * Setting an empty array will remove the autocomplete functionality.\n     *\n     * @param data Array of strings to show as autocomplete suggestions\n     */\n    public set nativeAutocompleteData(data: string[]) {\n        this._nativeAutocompleteData = data\n        this.updateDatalist()\n        this._updateDatalistVisibility()\n    }\n    \n    public get nativeAutocompleteData(): string[] {\n        return this._nativeAutocompleteData\n    }\n    \n    private updateDatalist() {\n        // If no data, remove the datalist\n        if (this._nativeAutocompleteData.length === 0) {\n            if (this._datalistElement) {\n                this._datalistElement.remove()\n                this.textElementView.viewHTMLElement.removeAttribute(\"list\")\n                this._datalistElement = undefined\n            }\n            return\n        }\n        \n        // Create datalist if it doesn't exist\n        if (!this._datalistElement) {\n            const datalistId = this.elementID + \"_datalist\"\n            this._datalistElement = document.createElement(\"datalist\")\n            this._datalistElement.id = datalistId\n            // Add datalist as a sibling to the text element within this view's container\n            this.viewHTMLElement.appendChild(this._datalistElement)\n            this.textElementView.viewHTMLElement.setAttribute(\"list\", datalistId)\n        }\n        \n        // Update the options\n        this._datalistElement.innerHTML = \"\"\n        this._nativeAutocompleteData.forEach(item => {\n            const option = document.createElement(\"option\")\n            option.value = item\n            this._datalistElement!.appendChild(option)\n        })\n    }\n    \n    private _updateDatalistVisibility() {\n        if (!this._datalistElement || this.minCharactersForAutocomplete === 0) {\n            return\n        }\n        \n        const shouldShow = this.text.length >= this.minCharactersForAutocomplete\n        \n        if (shouldShow) {\n            this.textElementView.viewHTMLElement.setAttribute(\"list\", this._datalistElement.id)\n        } else {\n            this.textElementView.viewHTMLElement.removeAttribute(\"list\")\n        }\n    }\n    \n    override wasRemovedFromViewTree() {\n        \n        super.wasRemovedFromViewTree()\n        \n        // Clean up datalist element when text field is removed\n        if (this._datalistElement) {\n            this._datalistElement.remove()\n            this._datalistElement = undefined\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,EAaxC,YACI,WACA,kBAAkB,MAClB,OAAiD,6BAAW,KAAK,WACnE;AAEE,UAAM,WAAW,MAAM,eAAe;AAT1C,SAAQ,0BAAoC,CAAC;AAC7C,SAAO,+BAAuC;AAU1C,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;AACtE,WAAK,0BAA0B;AAAA,IACnC;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;AAAA,EAaA,IAAW,uBAAuB,MAAgB;AAC9C,SAAK,0BAA0B;AAC/B,SAAK,eAAe;AACpB,SAAK,0BAA0B;AAAA,EACnC;AAAA,EAEA,IAAW,yBAAmC;AAC1C,WAAO,KAAK;AAAA,EAChB;AAAA,EAEQ,iBAAiB;AAErB,QAAI,KAAK,wBAAwB,WAAW,GAAG;AAC3C,UAAI,KAAK,kBAAkB;AACvB,aAAK,iBAAiB,OAAO;AAC7B,aAAK,gBAAgB,gBAAgB,gBAAgB,MAAM;AAC3D,aAAK,mBAAmB;AAAA,MAC5B;AACA;AAAA,IACJ;AAGA,QAAI,CAAC,KAAK,kBAAkB;AACxB,YAAM,aAAa,KAAK,YAAY;AACpC,WAAK,mBAAmB,SAAS,cAAc,UAAU;AACzD,WAAK,iBAAiB,KAAK;AAE3B,WAAK,gBAAgB,YAAY,KAAK,gBAAgB;AACtD,WAAK,gBAAgB,gBAAgB,aAAa,QAAQ,UAAU;AAAA,IACxE;AAGA,SAAK,iBAAiB,YAAY;AAClC,SAAK,wBAAwB,QAAQ,UAAQ;AACzC,YAAM,SAAS,SAAS,cAAc,QAAQ;AAC9C,aAAO,QAAQ;AACf,WAAK,iBAAkB,YAAY,MAAM;AAAA,IAC7C,CAAC;AAAA,EACL;AAAA,EAEQ,4BAA4B;AAChC,QAAI,CAAC,KAAK,oBAAoB,KAAK,iCAAiC,GAAG;AACnE;AAAA,IACJ;AAEA,UAAM,aAAa,KAAK,KAAK,UAAU,KAAK;AAE5C,QAAI,YAAY;AACZ,WAAK,gBAAgB,gBAAgB,aAAa,QAAQ,KAAK,iBAAiB,EAAE;AAAA,IACtF,OAAO;AACH,WAAK,gBAAgB,gBAAgB,gBAAgB,MAAM;AAAA,IAC/D;AAAA,EACJ;AAAA,EAES,yBAAyB;AAE9B,UAAM,uBAAuB;AAG7B,QAAI,KAAK,kBAAkB;AACvB,WAAK,iBAAiB,OAAO;AAC7B,WAAK,mBAAmB;AAAA,IAC5B;AAAA,EAEJ;AAGJ;AAhNO,IAAM,cAAN;AAAM,YAuCO,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    // --- Native Autocomplete (HTML datalist) ---\n    \n    private _datalistElement?: HTMLDataListElement\n    private _nativeAutocompleteData: string[] = []\n    public minCharactersForAutocomplete: number = 0\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            this._updateDatalistVisibility()\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    // --- Native Autocomplete Methods ---\n    \n    \n    \n    /**\n     * Sets the data for native browser autocomplete using HTML datalist.\n     * Setting an empty array will remove the autocomplete functionality.\n     *\n     * @param data Array of strings to show as autocomplete suggestions\n     */\n    public set nativeAutocompleteData(data: string[]) {\n        this._nativeAutocompleteData = data\n        this.updateDatalist()\n        this._updateDatalistVisibility()\n    }\n    \n    public get nativeAutocompleteData(): string[] {\n        return this._nativeAutocompleteData\n    }\n    \n    private updateDatalist() {\n        // If no data, remove the datalist\n        if (this._nativeAutocompleteData.length === 0) {\n            if (this._datalistElement) {\n                this._datalistElement.remove()\n                this.textElementView.viewHTMLElement.removeAttribute(\"list\")\n                this._datalistElement = undefined\n            }\n            return\n        }\n        \n        // Create datalist if it doesn't exist\n        if (!this._datalistElement) {\n            const datalistId = this.elementID + \"_datalist\"\n            this._datalistElement = document.createElement(\"datalist\")\n            this._datalistElement.id = datalistId\n            // Add datalist as a sibling to the text element within this view's container\n            this.viewHTMLElement.appendChild(this._datalistElement)\n            this.textElementView.viewHTMLElement.setAttribute(\"list\", datalistId)\n        }\n        \n        // Update the options\n        this._datalistElement.innerHTML = \"\"\n        this._nativeAutocompleteData.forEach(item => {\n            const option = document.createElement(\"option\")\n            option.value = item\n            this._datalistElement!.appendChild(option)\n        })\n    }\n    \n    private _updateDatalistVisibility() {\n        if (!this._datalistElement) {\n            return\n        }\n        \n        // Hide the datalist when the current value exactly matches one of the options\n        const exactMatch = this._nativeAutocompleteData.some(\n            item => item === this.text\n        )\n        \n        if (exactMatch) {\n            this.textElementView.viewHTMLElement.removeAttribute(\"list\")\n            return\n        }\n        \n        const shouldShow = this.minCharactersForAutocomplete === 0 ||\n            this.text.length >= this.minCharactersForAutocomplete\n        \n        if (shouldShow) {\n            this.textElementView.viewHTMLElement.setAttribute(\"list\", this._datalistElement.id)\n        } else {\n            this.textElementView.viewHTMLElement.removeAttribute(\"list\")\n        }\n    }\n    \n    override wasRemovedFromViewTree() {\n        \n        super.wasRemovedFromViewTree()\n        \n        // Clean up datalist element when text field is removed\n        if (this._datalistElement) {\n            this._datalistElement.remove()\n            this._datalistElement = undefined\n        }\n        \n    }\n    \n    \n}\n"],
+  "mappings": "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",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "uicore-ts",
-  "version": "1.1.152",
+  "version": "1.1.155",
   "description": "UICore is a library to build native-like user interfaces using pure Typescript. No HTML is needed at all. Components are described as TS classes and all user interactions are handled explicitly. This library is strongly inspired by the UIKit framework that is used in IOS. In addition, UICore has tools to handle URL based routing, array sorting and filtering and adds a number of other utilities for convenience.",
   "main": "compiledScripts/index.js",
   "types": "compiledScripts/index.d.ts",

package/scripts/UITextField.ts

@@ -187,11 +187,22 @@ export class UITextField extends UITextView {
     }
     
     private _updateDatalistVisibility() {
-        if (!this._datalistElement || this.minCharactersForAutocomplete === 0) {
+        if (!this._datalistElement) {
+            return
+        }
+        
+        // Hide the datalist when the current value exactly matches one of the options
+        const exactMatch = this._nativeAutocompleteData.some(
+            item => item === this.text
+        )
+        
+        if (exactMatch) {
+            this.textElementView.viewHTMLElement.removeAttribute("list")
             return
         }
         
-        const shouldShow = this.text.length >= this.minCharactersForAutocomplete
+        const shouldShow = this.minCharactersForAutocomplete === 0 ||
+            this.text.length >= this.minCharactersForAutocomplete
         
         if (shouldShow) {
             this.textElementView.viewHTMLElement.setAttribute("list", this._datalistElement.id)