uicore-ts 1.1.205 → 1.1.207

package/compiledScripts/UIAutocompleteTextField.js

@@ -36,9 +36,20 @@ const _UIAutocompleteTextField = class extends import_UITextField.UITextField {
     this._dropdownView.didSelectItem = (item) => {
       this.commitSelection(item);
     };
+    let textBeforeFocus = this.text;
+    let itemBeforeFocus = this.selectedItem;
     this.controlEventTargetAccumulator.Focus = () => {
+      textBeforeFocus = this.text;
+      itemBeforeFocus = this.selectedItem;
+      this.text = "";
       this.openDropdown();
       this.textElementView.viewHTMLElement.select();
+      const matchIndex = this._dropdownView.filteredItems.findIndex(
+        (item) => item.label === textBeforeFocus
+      );
+      if (matchIndex !== -1) {
+        this._dropdownView.highlightedRowIndex = matchIndex;
+      }
     };
     this.controlEventTargetAccumulator.Blur = () => {
       this.closeDropdown();
@@ -78,6 +89,11 @@ const _UIAutocompleteTextField = class extends import_UITextField.UITextField {
     this.addTargetForControlEvent(import_UIView.UIView.controlEvent.EscDown, () => {
       if (this._isDropdownOpen) {
         this.closeDropdown();
+        if (this.strictSelection) {
+          this.commitSelection(itemBeforeFocus);
+        } else {
+          this.text = textBeforeFocus;
+        }
       }
     });
   }
@@ -101,6 +117,7 @@ const _UIAutocompleteTextField = class extends import_UITextField.UITextField {
     this.updateValidationVisuals();
   }
   commitSelection(item) {
+    this.blur();
     this._selectedItem = item;
     this.text = item.label;
     this.closeDropdown();
@@ -130,11 +147,9 @@ const _UIAutocompleteTextField = class extends import_UITextField.UITextField {
     if (filterText.length === 0) {
       filtered = this._autocompleteItems;
     } else {
-      const words = filterText.split(/\s+/);
-      filtered = this._autocompleteItems.filter((item) => {
-        const label = item.label.toLowerCase();
-        return words.every((word) => label.includes(word));
-      });
+      filtered = this._autocompleteItems.filter(
+        (item) => item.label.toLowerCase().includes(filterText)
+      );
     }
     const isExactSingleMatch = filtered.length === 1 && filtered[0].label.toLowerCase() === filterText;
     this._dropdownView.filteredItems = isExactSingleMatch ? [] : filtered;

package/compiledScripts/UIAutocompleteTextField.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../scripts/UIAutocompleteTextField.ts"],
-  "sourcesContent": ["import { UIAutocompleteDropdownView } from \"./UIAutocompleteDropdownView\"\nimport { UIAutocompleteItem } from \"./UIAutocompleteRowView\"\nimport { IS, IS_NOT, NO, YES } from \"./UIObject\"\nimport { UITextField } from \"./UITextField\"\nimport { UIView, UIViewAddControlEventTargetObject } from \"./UIView\"\n\n\nexport class UIAutocompleteTextField<T = string> extends UITextField {\n    \n    _autocompleteItems: UIAutocompleteItem<T>[] = []\n    _selectedItem?: UIAutocompleteItem<T>\n    _dropdownView: UIAutocompleteDropdownView<T>\n    _isDropdownOpen: boolean = NO\n    _strictSelection: boolean = NO\n    _isValid: boolean = YES\n    \n    \n    static override controlEvent = Object.assign({}, UITextField.controlEvent, {\n        \"SelectionDidChange\": \"SelectionDidChange\"\n    })\n    \n    override get controlEventTargetAccumulator(): UIViewAddControlEventTargetObject<typeof UIAutocompleteTextField> {\n        return (super.controlEventTargetAccumulator as any)\n    }\n    \n    \n    constructor(elementID?: string) {\n        \n        super(elementID)\n        \n        this._dropdownView = this.newDropdownView()\n        \n        this._dropdownView.didSelectItem = (item) => {\n            this.commitSelection(item)\n        }\n        \n        // Open dropdown on focus\n        this.controlEventTargetAccumulator.Focus = () => {\n            this.openDropdown()\n            this.textElementView.viewHTMLElement.select()\n        }\n        \n        // Close on blur\n        this.controlEventTargetAccumulator.Blur = () => {\n            this.closeDropdown()\n        }\n        \n        // Filter on text change\n        this.addTargetForControlEvent(UITextField.controlEvent.TextChange, () => {\n            this._selectedItem = undefined\n            this.updateFilteredItems()\n            if (!this._isDropdownOpen) {\n                this.openDropdown()\n            }\n        })\n        \n        // Keyboard navigation: down arrow\n        this.textElementView.addTargetForControlEvent(UIView.controlEvent.DownArrowDown, (sender, event) => {\n            event.preventDefault()\n            if (!this._isDropdownOpen) {\n                this.openDropdown()\n                return\n            }\n            const maxIndex = this._dropdownView.filteredItems.length - 1\n            if (this._dropdownView.highlightedRowIndex < maxIndex) {\n                this._dropdownView.highlightedRowIndex = this._dropdownView.highlightedRowIndex + 1\n            }\n        })\n        \n        // Keyboard navigation: up arrow\n        this.textElementView.addTargetForControlEvent(UIView.controlEvent.UpArrowDown, (sender, event) => {\n            event.preventDefault()\n            if (this._dropdownView.highlightedRowIndex > 0) {\n                this._dropdownView.highlightedRowIndex = this._dropdownView.highlightedRowIndex - 1\n            }\n        })\n        \n        // Enter: commit focused item\n        this.addTargetForControlEvent(UIView.controlEvent.EnterDown, () => {\n            const highlightedItem = this._dropdownView.highlightedItem\n            if (IS(highlightedItem)) {\n                this.commitSelection(highlightedItem)\n            }\n            else if (this._isDropdownOpen) {\n                this.closeDropdown()\n            }\n        })\n        \n        // Escape: dismiss dropdown\n        this.addTargetForControlEvent(UIView.controlEvent.EscDown, () => {\n            if (this._isDropdownOpen) {\n                this.closeDropdown()\n            }\n        })\n        \n    }\n    \n    \n    /** Override in subclass to provide a custom dropdown view. */\n    newDropdownView(): UIAutocompleteDropdownView<T> {\n        return new UIAutocompleteDropdownView<T>(\n            this.elementID ? this.elementID + \"Dropdown\" : undefined\n        )\n    }\n    \n    \n    // MARK: - Selection\n    \n    get selectedItem(): T | undefined {\n        return this._selectedItem?.value\n    }\n    \n    \n    get strictSelection(): boolean {\n        return this._strictSelection\n    }\n    \n    set strictSelection(strict: boolean) {\n        this._strictSelection = strict\n        this.updateValidationVisuals()\n    }\n    \n    \n    commitSelection(item: UIAutocompleteItem<T>) {\n        \n        this._selectedItem = item\n        this.text = item.label\n        this.closeDropdown()\n        this.updateValidationVisuals()\n        this.sendControlEventForKey(UIAutocompleteTextField.controlEvent.SelectionDidChange)\n        \n    }\n    \n    \n    // MARK: - Data\n    \n    /** Convenience: set string suggestions. Each string becomes { label: s, value: s }. */\n    set autocompleteStrings(strings: string[]) {\n        this._autocompleteItems = strings.map(s => ({\n            label: s,\n            value: s as unknown as T\n        }))\n        this.updateFilteredItems()\n    }\n    \n    get autocompleteStrings(): string[] {\n        return this._autocompleteItems.map(item => item.label)\n    }\n    \n    set autocompleteData(items: UIAutocompleteItem<T>[]) {\n        this._autocompleteItems = items\n        this.updateFilteredItems()\n    }\n    \n    get autocompleteData(): UIAutocompleteItem<T>[] {\n        return this._autocompleteItems\n    }\n    \n    \n    // MARK: - Filtering\n    \n    updateFilteredItems() {\n        \n        const filterText = this.text.toLowerCase().trim()\n        \n        let filtered: UIAutocompleteItem<T>[]\n        \n        if (filterText.length === 0) {\n            filtered = this._autocompleteItems\n        }\n        else {\n            const words = filterText.split(/\\s+/)\n            filtered = this._autocompleteItems.filter(item => {\n                const label = item.label.toLowerCase()\n                return words.every(word => label.includes(word))\n            })\n        }\n        \n        // If the only remaining result is an exact match for the current text,\n        // the user has already made their selection \u2014 no need to show the dropdown.\n        const isExactSingleMatch = filtered.length === 1 &&\n            filtered[0].label.toLowerCase() === filterText\n        \n        this._dropdownView.filteredItems = isExactSingleMatch ? [] : filtered\n        \n        if (this._dropdownView.filteredItems.length > 0) {\n            this._dropdownView.highlightedRowIndex = 0\n        }\n        \n        if (this._isDropdownOpen) {\n            this._dropdownView.showAnchoredToView(this)\n        }\n        \n    }\n    \n    \n    // MARK: - Dropdown Lifecycle\n    \n    openDropdown() {\n        \n        if (this._isDropdownOpen) {\n            return\n        }\n        \n        this._isDropdownOpen = YES\n        this.updateFilteredItems()\n        this._dropdownView.showAnchoredToView(this)\n        \n    }\n    \n    closeDropdown() {\n        \n        if (!this._isDropdownOpen) {\n            return\n        }\n        \n        this._isDropdownOpen = NO\n        this._dropdownView.dismiss()\n        \n        // In strict mode, clear text if it doesn't match any item\n        if (this._strictSelection && IS_NOT(this._selectedItem)) {\n            const currentText = this.text.trim()\n            if (currentText.length > 0) {\n                const matchingItem = this._autocompleteItems.find(\n                    item => item.label === currentText\n                )\n                if (IS(matchingItem)) {\n                    this._selectedItem = matchingItem\n                }\n                else {\n                    this.text = \"\"\n                    this._selectedItem = undefined\n                }\n            }\n        }\n        \n        this.updateValidationVisuals()\n        \n    }\n    \n    \n    // MARK: - Validation\n    \n    /** Whether the current text is valid given the strictSelection setting. */\n    get isValid(): boolean {\n        \n        if (!this._strictSelection) {\n            return YES\n        }\n        \n        const currentText = this.text.trim()\n        \n        if (currentText.length === 0) {\n            return YES\n        }\n        \n        return this._autocompleteItems.some(item => item.label === currentText)\n        \n    }\n    \n    \n    \n    \n    /**\n     * Hook for subclasses to apply custom visual styling based on validation state.\n     * Called after dropdown closes and after selection changes.\n     */\n    updateValidationVisuals() {\n        // Base implementation does nothing. Subclasses override.\n    }\n    \n    \n    // MARK: - Cleanup\n    \n    override wasRemovedFromViewTree() {\n        \n        super.wasRemovedFromViewTree()\n        \n        this._dropdownView.removeFromSuperview()\n        \n    }\n    \n    \n    // MARK: - Layout\n    \n    override layoutSubviews() {\n        \n        super.layoutSubviews()\n        \n        if (this._isDropdownOpen) {\n            this._dropdownView.showAnchoredToView(this)\n        }\n        \n    }\n    \n    \n}\n\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wCAA2C;AAE3C,sBAAoC;AACpC,yBAA4B;AAC5B,oBAA0D;AAGnD,MAAM,2BAAN,cAAkD,+BAAY;AAAA,EAmBjE,YAAY,WAAoB;AAE5B,UAAM,SAAS;AAnBnB,8BAA8C,CAAC;AAG/C,2BAA2B;AAC3B,4BAA4B;AAC5B,oBAAoB;AAgBhB,SAAK,gBAAgB,KAAK,gBAAgB;AAE1C,SAAK,cAAc,gBAAgB,CAAC,SAAS;AACzC,WAAK,gBAAgB,IAAI;AAAA,IAC7B;AAGA,SAAK,8BAA8B,QAAQ,MAAM;AAC7C,WAAK,aAAa;AAClB,WAAK,gBAAgB,gBAAgB,OAAO;AAAA,IAChD;AAGA,SAAK,8BAA8B,OAAO,MAAM;AAC5C,WAAK,cAAc;AAAA,IACvB;AAGA,SAAK,yBAAyB,+BAAY,aAAa,YAAY,MAAM;AACrE,WAAK,gBAAgB;AACrB,WAAK,oBAAoB;AACzB,UAAI,CAAC,KAAK,iBAAiB;AACvB,aAAK,aAAa;AAAA,MACtB;AAAA,IACJ,CAAC;AAGD,SAAK,gBAAgB,yBAAyB,qBAAO,aAAa,eAAe,CAAC,QAAQ,UAAU;AAChG,YAAM,eAAe;AACrB,UAAI,CAAC,KAAK,iBAAiB;AACvB,aAAK,aAAa;AAClB;AAAA,MACJ;AACA,YAAM,WAAW,KAAK,cAAc,cAAc,SAAS;AAC3D,UAAI,KAAK,cAAc,sBAAsB,UAAU;AACnD,aAAK,cAAc,sBAAsB,KAAK,cAAc,sBAAsB;AAAA,MACtF;AAAA,IACJ,CAAC;AAGD,SAAK,gBAAgB,yBAAyB,qBAAO,aAAa,aAAa,CAAC,QAAQ,UAAU;AAC9F,YAAM,eAAe;AACrB,UAAI,KAAK,cAAc,sBAAsB,GAAG;AAC5C,aAAK,cAAc,sBAAsB,KAAK,cAAc,sBAAsB;AAAA,MACtF;AAAA,IACJ,CAAC;AAGD,SAAK,yBAAyB,qBAAO,aAAa,WAAW,MAAM;AAC/D,YAAM,kBAAkB,KAAK,cAAc;AAC3C,cAAI,oBAAG,eAAe,GAAG;AACrB,aAAK,gBAAgB,eAAe;AAAA,MACxC,WACS,KAAK,iBAAiB;AAC3B,aAAK,cAAc;AAAA,MACvB;AAAA,IACJ,CAAC;AAGD,SAAK,yBAAyB,qBAAO,aAAa,SAAS,MAAM;AAC7D,UAAI,KAAK,iBAAiB;AACtB,aAAK,cAAc;AAAA,MACvB;AAAA,IACJ,CAAC;AAAA,EAEL;AAAA,EA1EA,IAAa,gCAAmG;AAC5G,WAAQ,MAAM;AAAA,EAClB;AAAA,EA4EA,kBAAiD;AAC7C,WAAO,IAAI;AAAA,MACP,KAAK,YAAY,KAAK,YAAY,aAAa;AAAA,IACnD;AAAA,EACJ;AAAA,EAKA,IAAI,eAA8B;AA5GtC;AA6GQ,YAAO,UAAK,kBAAL,mBAAoB;AAAA,EAC/B;AAAA,EAGA,IAAI,kBAA2B;AAC3B,WAAO,KAAK;AAAA,EAChB;AAAA,EAEA,IAAI,gBAAgB,QAAiB;AACjC,SAAK,mBAAmB;AACxB,SAAK,wBAAwB;AAAA,EACjC;AAAA,EAGA,gBAAgB,MAA6B;AAEzC,SAAK,gBAAgB;AACrB,SAAK,OAAO,KAAK;AACjB,SAAK,cAAc;AACnB,SAAK,wBAAwB;AAC7B,SAAK,uBAAuB,yBAAwB,aAAa,kBAAkB;AAAA,EAEvF;AAAA,EAMA,IAAI,oBAAoB,SAAmB;AACvC,SAAK,qBAAqB,QAAQ,IAAI,QAAM;AAAA,MACxC,OAAO;AAAA,MACP,OAAO;AAAA,IACX,EAAE;AACF,SAAK,oBAAoB;AAAA,EAC7B;AAAA,EAEA,IAAI,sBAAgC;AAChC,WAAO,KAAK,mBAAmB,IAAI,UAAQ,KAAK,KAAK;AAAA,EACzD;AAAA,EAEA,IAAI,iBAAiB,OAAgC;AACjD,SAAK,qBAAqB;AAC1B,SAAK,oBAAoB;AAAA,EAC7B;AAAA,EAEA,IAAI,mBAA4C;AAC5C,WAAO,KAAK;AAAA,EAChB;AAAA,EAKA,sBAAsB;AAElB,UAAM,aAAa,KAAK,KAAK,YAAY,EAAE,KAAK;AAEhD,QAAI;AAEJ,QAAI,WAAW,WAAW,GAAG;AACzB,iBAAW,KAAK;AAAA,IACpB,OACK;AACD,YAAM,QAAQ,WAAW,MAAM,KAAK;AACpC,iBAAW,KAAK,mBAAmB,OAAO,UAAQ;AAC9C,cAAM,QAAQ,KAAK,MAAM,YAAY;AACrC,eAAO,MAAM,MAAM,UAAQ,MAAM,SAAS,IAAI,CAAC;AAAA,MACnD,CAAC;AAAA,IACL;AAIA,UAAM,qBAAqB,SAAS,WAAW,KAC3C,SAAS,GAAG,MAAM,YAAY,MAAM;AAExC,SAAK,cAAc,gBAAgB,qBAAqB,CAAC,IAAI;AAE7D,QAAI,KAAK,cAAc,cAAc,SAAS,GAAG;AAC7C,WAAK,cAAc,sBAAsB;AAAA,IAC7C;AAEA,QAAI,KAAK,iBAAiB;AACtB,WAAK,cAAc,mBAAmB,IAAI;AAAA,IAC9C;AAAA,EAEJ;AAAA,EAKA,eAAe;AAEX,QAAI,KAAK,iBAAiB;AACtB;AAAA,IACJ;AAEA,SAAK,kBAAkB;AACvB,SAAK,oBAAoB;AACzB,SAAK,cAAc,mBAAmB,IAAI;AAAA,EAE9C;AAAA,EAEA,gBAAgB;AAEZ,QAAI,CAAC,KAAK,iBAAiB;AACvB;AAAA,IACJ;AAEA,SAAK,kBAAkB;AACvB,SAAK,cAAc,QAAQ;AAG3B,QAAI,KAAK,wBAAoB,wBAAO,KAAK,aAAa,GAAG;AACrD,YAAM,cAAc,KAAK,KAAK,KAAK;AACnC,UAAI,YAAY,SAAS,GAAG;AACxB,cAAM,eAAe,KAAK,mBAAmB;AAAA,UACzC,UAAQ,KAAK,UAAU;AAAA,QAC3B;AACA,gBAAI,oBAAG,YAAY,GAAG;AAClB,eAAK,gBAAgB;AAAA,QACzB,OACK;AACD,eAAK,OAAO;AACZ,eAAK,gBAAgB;AAAA,QACzB;AAAA,MACJ;AAAA,IACJ;AAEA,SAAK,wBAAwB;AAAA,EAEjC;AAAA,EAMA,IAAI,UAAmB;AAEnB,QAAI,CAAC,KAAK,kBAAkB;AACxB,aAAO;AAAA,IACX;AAEA,UAAM,cAAc,KAAK,KAAK,KAAK;AAEnC,QAAI,YAAY,WAAW,GAAG;AAC1B,aAAO;AAAA,IACX;AAEA,WAAO,KAAK,mBAAmB,KAAK,UAAQ,KAAK,UAAU,WAAW;AAAA,EAE1E;AAAA,EASA,0BAA0B;AAAA,EAE1B;AAAA,EAKS,yBAAyB;AAE9B,UAAM,uBAAuB;AAE7B,SAAK,cAAc,oBAAoB;AAAA,EAE3C;AAAA,EAKS,iBAAiB;AAEtB,UAAM,eAAe;AAErB,QAAI,KAAK,iBAAiB;AACtB,WAAK,cAAc,mBAAmB,IAAI;AAAA,IAC9C;AAAA,EAEJ;AAGJ;AAjSO,IAAM,0BAAN;AAAM,wBAUO,eAAe,OAAO,OAAO,CAAC,GAAG,+BAAY,cAAc;AAAA,EACvE,sBAAsB;AAC1B,CAAC;",
+  "sourcesContent": ["import { UIAutocompleteDropdownView } from \"./UIAutocompleteDropdownView\"\nimport { UIAutocompleteItem } from \"./UIAutocompleteRowView\"\nimport { IS, IS_NOT, NO, YES } from \"./UIObject\"\nimport { UITextField } from \"./UITextField\"\nimport { UIView, UIViewAddControlEventTargetObject } from \"./UIView\"\n\n\nexport class UIAutocompleteTextField<T = string> extends UITextField {\n    \n    _autocompleteItems: UIAutocompleteItem<T>[] = []\n    _selectedItem?: UIAutocompleteItem<T>\n    _dropdownView: UIAutocompleteDropdownView<T>\n    _isDropdownOpen: boolean = NO\n    _strictSelection: boolean = NO\n    _isValid: boolean = YES\n    \n    \n    static override controlEvent = Object.assign({}, UITextField.controlEvent, {\n        \"SelectionDidChange\": \"SelectionDidChange\"\n    })\n    \n    override get controlEventTargetAccumulator(): UIViewAddControlEventTargetObject<typeof UIAutocompleteTextField> {\n        return (super.controlEventTargetAccumulator as any)\n    }\n    \n    \n    constructor(elementID?: string) {\n        \n        super(elementID)\n        \n        this._dropdownView = this.newDropdownView()\n        \n        this._dropdownView.didSelectItem = (item) => {\n            this.commitSelection(item)\n        }\n        \n        let textBeforeFocus = this.text\n        let itemBeforeFocus = this.selectedItem\n        // Open dropdown on focus\n        this.controlEventTargetAccumulator.Focus = () => {\n            textBeforeFocus = this.text\n            itemBeforeFocus = this.selectedItem\n            this.text = \"\"\n            this.openDropdown()\n            this.textElementView.viewHTMLElement.select()\n            const matchIndex = this._dropdownView.filteredItems.findIndex(\n                item => item.label === textBeforeFocus\n            )\n            if (matchIndex !== -1) {\n                this._dropdownView.highlightedRowIndex = matchIndex\n            }\n        }\n        \n        // Close on blur\n        this.controlEventTargetAccumulator.Blur = () => {\n            this.closeDropdown()\n        }\n        \n        // Filter on text change\n        this.addTargetForControlEvent(UITextField.controlEvent.TextChange, () => {\n            this._selectedItem = undefined\n            this.updateFilteredItems()\n            if (!this._isDropdownOpen) {\n                this.openDropdown()\n            }\n        })\n        \n        // Keyboard navigation: down arrow\n        this.textElementView.addTargetForControlEvent(UIView.controlEvent.DownArrowDown, (sender, event) => {\n            event.preventDefault()\n            if (!this._isDropdownOpen) {\n                this.openDropdown()\n                return\n            }\n            const maxIndex = this._dropdownView.filteredItems.length - 1\n            if (this._dropdownView.highlightedRowIndex < maxIndex) {\n                this._dropdownView.highlightedRowIndex = this._dropdownView.highlightedRowIndex + 1\n            }\n        })\n        \n        // Keyboard navigation: up arrow\n        this.textElementView.addTargetForControlEvent(UIView.controlEvent.UpArrowDown, (sender, event) => {\n            event.preventDefault()\n            if (this._dropdownView.highlightedRowIndex > 0) {\n                this._dropdownView.highlightedRowIndex = this._dropdownView.highlightedRowIndex - 1\n            }\n        })\n        \n        // Enter: commit focused item\n        this.addTargetForControlEvent(UIView.controlEvent.EnterDown, () => {\n            const highlightedItem = this._dropdownView.highlightedItem\n            if (IS(highlightedItem)) {\n                this.commitSelection(highlightedItem)\n            }\n            else if (this._isDropdownOpen) {\n                this.closeDropdown()\n            }\n        })\n        \n        // Escape: dismiss dropdown\n        this.addTargetForControlEvent(UIView.controlEvent.EscDown, () => {\n            if (this._isDropdownOpen) {\n                this.closeDropdown()\n                if (this.strictSelection) {\n                    this.commitSelection(itemBeforeFocus as any)\n                }\n                else {\n                    this.text = textBeforeFocus\n                }\n            }\n        })\n        \n    }\n    \n    \n    /** Override in subclass to provide a custom dropdown view. */\n    newDropdownView(): UIAutocompleteDropdownView<T> {\n        return new UIAutocompleteDropdownView<T>(\n            this.elementID ? this.elementID + \"Dropdown\" : undefined\n        )\n    }\n    \n    \n    // MARK: - Selection\n    \n    get selectedItem(): T | undefined {\n        return this._selectedItem?.value\n    }\n    \n    \n    get strictSelection(): boolean {\n        return this._strictSelection\n    }\n    \n    set strictSelection(strict: boolean) {\n        this._strictSelection = strict\n        this.updateValidationVisuals()\n    }\n    \n    \n    commitSelection(item: UIAutocompleteItem<T>) {\n        \n        this.blur()\n        this._selectedItem = item\n        this.text = item.label\n        this.closeDropdown()\n        this.updateValidationVisuals()\n        this.sendControlEventForKey(UIAutocompleteTextField.controlEvent.SelectionDidChange)\n        \n    }\n    \n    \n    // MARK: - Data\n    \n    /** Convenience: set string suggestions. Each string becomes { label: s, value: s }. */\n    set autocompleteStrings(strings: string[]) {\n        this._autocompleteItems = strings.map(s => ({\n            label: s,\n            value: s as unknown as T\n        }))\n        this.updateFilteredItems()\n    }\n    \n    get autocompleteStrings(): string[] {\n        return this._autocompleteItems.map(item => item.label)\n    }\n    \n    set autocompleteData(items: UIAutocompleteItem<T>[]) {\n        this._autocompleteItems = items\n        this.updateFilteredItems()\n    }\n    \n    get autocompleteData(): UIAutocompleteItem<T>[] {\n        return this._autocompleteItems\n    }\n    \n    \n    // MARK: - Filtering\n    \n    updateFilteredItems() {\n        \n        const filterText = this.text.toLowerCase().trim()\n        \n        let filtered: UIAutocompleteItem<T>[]\n        \n        if (filterText.length === 0) {\n            filtered = this._autocompleteItems\n        }\n        else {\n            filtered = this._autocompleteItems.filter(item =>\n                item.label.toLowerCase().includes(filterText)\n            )\n        }\n        \n        // If the only remaining result is an exact match for the current text,\n        // the user has already made their selection \u2014 no need to show the dropdown.\n        const isExactSingleMatch = filtered.length === 1 &&\n            filtered[0].label.toLowerCase() === filterText\n        \n        this._dropdownView.filteredItems = isExactSingleMatch ? [] : filtered\n        \n        if (this._dropdownView.filteredItems.length > 0) {\n            this._dropdownView.highlightedRowIndex = 0\n        }\n        \n        if (this._isDropdownOpen) {\n            this._dropdownView.showAnchoredToView(this)\n        }\n        \n    }\n    \n    \n    // MARK: - Dropdown Lifecycle\n    \n    openDropdown() {\n        \n        if (this._isDropdownOpen) {\n            return\n        }\n        \n        this._isDropdownOpen = YES\n        this.updateFilteredItems()\n        this._dropdownView.showAnchoredToView(this)\n        \n    }\n    \n    closeDropdown() {\n        \n        if (!this._isDropdownOpen) {\n            return\n        }\n        \n        this._isDropdownOpen = NO\n        this._dropdownView.dismiss()\n        \n        // In strict mode, clear text if it doesn't match any item\n        if (this._strictSelection && IS_NOT(this._selectedItem)) {\n            const currentText = this.text.trim()\n            if (currentText.length > 0) {\n                const matchingItem = this._autocompleteItems.find(\n                    item => item.label === currentText\n                )\n                if (IS(matchingItem)) {\n                    this._selectedItem = matchingItem\n                }\n                else {\n                    this.text = \"\"\n                    this._selectedItem = undefined\n                }\n            }\n        }\n        \n        this.updateValidationVisuals()\n        \n    }\n    \n    \n    // MARK: - Validation\n    \n    /** Whether the current text is valid given the strictSelection setting. */\n    get isValid(): boolean {\n        \n        if (!this._strictSelection) {\n            return YES\n        }\n        \n        const currentText = this.text.trim()\n        \n        if (currentText.length === 0) {\n            return YES\n        }\n        \n        return this._autocompleteItems.some(item => item.label === currentText)\n        \n    }\n    \n    \n    /**\n     * Hook for subclasses to apply custom visual styling based on validation state.\n     * Called after dropdown closes and after selection changes.\n     */\n    updateValidationVisuals() {\n        // Base implementation does nothing. Subclasses override.\n    }\n    \n    \n    // MARK: - Cleanup\n    \n    override wasRemovedFromViewTree() {\n        \n        super.wasRemovedFromViewTree()\n        \n        this._dropdownView.removeFromSuperview()\n        \n    }\n    \n    \n    // MARK: - Layout\n    \n    override layoutSubviews() {\n        \n        super.layoutSubviews()\n        \n        if (this._isDropdownOpen) {\n            this._dropdownView.showAnchoredToView(this)\n        }\n        \n    }\n    \n    \n}\n\n"],
+  "mappings": "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",
   "names": []
 }

package/compiledScripts/UITableView.d.ts

@@ -36,12 +36,49 @@ export declare class UITableView extends UINativeScrollView {
     usesVirtualLayoutingForIntrinsicSizing: boolean;
     animationDuration: number;
     _intersectionObserver?: IntersectionObserver;
+    /** Row index with -1 meaning the header row. undefined means no focus. */
+    _keyboardFocusedRowIndex: number | undefined;
+    /** Cell index within the focused row. */
+    _keyboardFocusedCellIndex: number;
+    /** Total number of data columns (excludes left/right side cells). Set by CBDataView. */
+    _columnCount: number;
+    /** Called by UITableView when the focused row/cell changes. CBDataView overrides this. */
+    keyboardFocusDidChange?: (rowIndex: number | undefined, cellIndex: number) => void;
+    /** Fired when Enter is pressed on a focused cell. Passes rowIndex and cellIndex. */
+    keyboardDidActivateCell?: (rowIndex: number, cellIndex: number) => void;
+    _keydownHandler?: (event: KeyboardEvent) => void;
+    _keyboardListenersAttached: boolean;
     get _reusableViews(): UITableViewReusableViewsContainerObject;
     constructor(elementID?: string);
+    /**
+     * The element that receives tabIndex, ARIA grid role, and all keyboard/pointer
+     * listeners. Defaults to the table's own element. CBDataView overrides this
+     * to a container that wraps both the header and the table, so the focus ring
+     * encompasses both.
+     */
+    _keyboardListenerElement: HTMLElement;
+    _setupGridAccessibility(): void;
+    /** Called by CBDataView after descriptors change. */
+    setColumnCount(count: number): void;
+    /** Called by CBDataView after data loads. */
+    setRowCount(count: number): void;
+    _setupKeyboardNavigation(): void;
+    /**
+     * Move keyboard focus to a specific row and cell.
+     * rowIndex = -1 means the header row.
+     */
+    _setKeyboardFocus(rowIndex: number, cellIndex: number): void;
+    _clearKeyboardFocus(): void;
+    _clearKeyboardFocusOnRow(rowIndex: number): void;
+    _applyKeyboardFocusToVisibleRows(clearAll?: boolean): void;
+    _scrollRowIntoView(rowIndex: number): void;
+    /** Expose so CBDataView can call it after loading data. */
+    focusRowAtIndex(rowIndex: number, cellIndex?: number): void;
     _windowScrollHandler: () => void;
     _resizeHandler: () => void;
     _setupViewportScrollAndResizeHandlersIfNeeded(): void;
     _cleanupViewportScrollListeners(): void;
+    wasRemovedFromViewTree(): void;
     loadData(): void;
     reloadData(): void;
     highlightChanges(previousData: any[], newData: any[]): void;
@@ -69,7 +106,6 @@ export declare class UITableView extends UINativeScrollView {
     didScrollToPosition(offsetPosition: UIPoint): void;
     willMoveToSuperview(superview: UIView): void;
     wasAddedToViewTree(): void;
-    wasRemovedFromViewTree(): void;
     setFrame(rectangle: UIRectangle, zIndex?: number, performUncheckedLayout?: boolean): void;
     didReceiveBroadcastEvent(event: UIViewBroadcastEvent): void;
     clearIntrinsicSizeCache(): void;

package/compiledScripts/UITableView.js

@@ -41,6 +41,11 @@ class UITableView extends import_UINativeScrollView.UINativeScrollView {
     this._isDrawVisibleRowsScheduled = import_UIObject.NO;
     this.usesVirtualLayoutingForIntrinsicSizing = import_UIObject.NO;
     this.animationDuration = 0.25;
+    this._keyboardFocusedRowIndex = void 0;
+    this._keyboardFocusedCellIndex = 0;
+    this._columnCount = 0;
+    this._keyboardListenersAttached = false;
+    this._keyboardListenerElement = this.viewHTMLElement;
     this._windowScrollHandler = () => {
       if (!this.isMemberOfViewTree) {
         return;
@@ -62,6 +67,8 @@ class UITableView extends import_UINativeScrollView.UINativeScrollView {
     this.addSubview(this._fullHeightView);
     this.scrollsX = import_UIObject.NO;
     this._setupViewportScrollAndResizeHandlersIfNeeded();
+    this._setupGridAccessibility();
+    this._setupKeyboardNavigation();
   }
   get _reusableViews() {
     const result = {};
@@ -79,6 +86,183 @@ class UITableView extends import_UINativeScrollView.UINativeScrollView {
     this._unusedReusableViews.forEach((views) => views.forEach(addView));
     return result;
   }
+  _setupGridAccessibility() {
+    const el = this._keyboardListenerElement;
+    el.setAttribute("role", "grid");
+    el.setAttribute("aria-rowcount", "0");
+    el.setAttribute("aria-colcount", "0");
+    el.tabIndex = 0;
+  }
+  setColumnCount(count) {
+    this._columnCount = count;
+    this._keyboardListenerElement.setAttribute("aria-colcount", String(count));
+  }
+  setRowCount(count) {
+    this._keyboardListenerElement.setAttribute("aria-rowcount", String(count));
+  }
+  _setupKeyboardNavigation() {
+    this._keydownHandler = (event) => {
+      var _a;
+      if (!this.isMemberOfViewTree) {
+        return;
+      }
+      const rowCount = this.numberOfRows();
+      const hasHeader = this._keyboardFocusedRowIndex !== void 0;
+      if (event.key === "ArrowDown") {
+        event.preventDefault();
+        if (this._keyboardFocusedRowIndex === void 0) {
+          this._setKeyboardFocus(0, this._keyboardFocusedCellIndex);
+        } else if (event.metaKey || event.ctrlKey) {
+          this._setKeyboardFocus(rowCount - 1, this._keyboardFocusedCellIndex);
+        } else if (event.altKey) {
+          const pageSize = Math.max(1, Math.floor(this.bounds.height / (this._heightForAnyRow() || 50)));
+          const next = Math.min((this._keyboardFocusedRowIndex < 0 ? 0 : this._keyboardFocusedRowIndex) + pageSize, rowCount - 1);
+          this._setKeyboardFocus(next, this._keyboardFocusedCellIndex);
+        } else if (this._keyboardFocusedRowIndex === -1) {
+          this._setKeyboardFocus(0, this._keyboardFocusedCellIndex);
+        } else if (this._keyboardFocusedRowIndex < rowCount - 1) {
+          this._setKeyboardFocus(this._keyboardFocusedRowIndex + 1, this._keyboardFocusedCellIndex);
+        }
+      } else if (event.key === "ArrowUp") {
+        event.preventDefault();
+        if (this._keyboardFocusedRowIndex === void 0) {
+          this._setKeyboardFocus(rowCount - 1, this._keyboardFocusedCellIndex);
+        } else if (event.metaKey || event.ctrlKey) {
+          this._setKeyboardFocus(-1, this._keyboardFocusedCellIndex);
+        } else if (event.altKey) {
+          const pageSize = Math.max(1, Math.floor(this.bounds.height / (this._heightForAnyRow() || 50)));
+          const prev = Math.max((this._keyboardFocusedRowIndex < 0 ? 0 : this._keyboardFocusedRowIndex) - pageSize, -1);
+          this._setKeyboardFocus(prev, this._keyboardFocusedCellIndex);
+        } else if (this._keyboardFocusedRowIndex === 0) {
+          this._setKeyboardFocus(-1, this._keyboardFocusedCellIndex);
+        } else if (this._keyboardFocusedRowIndex > 0) {
+          this._setKeyboardFocus(this._keyboardFocusedRowIndex - 1, this._keyboardFocusedCellIndex);
+        }
+      } else if (event.key === "ArrowRight") {
+        event.preventDefault();
+        if (this._keyboardFocusedRowIndex !== void 0 && this._columnCount > 0) {
+          const nextCell = event.metaKey || event.ctrlKey ? this._columnCount - 1 : Math.min(this._keyboardFocusedCellIndex + 1, this._columnCount - 1);
+          this._setKeyboardFocus(this._keyboardFocusedRowIndex, nextCell);
+        }
+      } else if (event.key === "ArrowLeft") {
+        event.preventDefault();
+        if (this._keyboardFocusedRowIndex !== void 0 && this._columnCount > 0) {
+          const prevCell = event.metaKey || event.ctrlKey ? 0 : Math.max(this._keyboardFocusedCellIndex - 1, 0);
+          this._setKeyboardFocus(this._keyboardFocusedRowIndex, prevCell);
+        }
+      } else if (event.key === "Home") {
+        event.preventDefault();
+        if (this._keyboardFocusedRowIndex !== void 0) {
+          this._setKeyboardFocus(this._keyboardFocusedRowIndex, 0);
+        }
+      } else if (event.key === "End") {
+        event.preventDefault();
+        if (this._keyboardFocusedRowIndex !== void 0 && this._columnCount > 0) {
+          this._setKeyboardFocus(this._keyboardFocusedRowIndex, this._columnCount - 1);
+        }
+      } else if (event.key === "PageDown") {
+        event.preventDefault();
+        if (this._keyboardFocusedRowIndex !== void 0) {
+          const pageSize = Math.max(1, Math.floor(this.bounds.height / (this._heightForAnyRow() || 50)));
+          const next = Math.min((this._keyboardFocusedRowIndex < 0 ? 0 : this._keyboardFocusedRowIndex) + pageSize, rowCount - 1);
+          this._setKeyboardFocus(next, this._keyboardFocusedCellIndex);
+        }
+      } else if (event.key === "PageUp") {
+        event.preventDefault();
+        if (this._keyboardFocusedRowIndex !== void 0) {
+          const pageSize = Math.max(1, Math.floor(this.bounds.height / (this._heightForAnyRow() || 50)));
+          const prev = Math.max((this._keyboardFocusedRowIndex < 0 ? 0 : this._keyboardFocusedRowIndex) - pageSize, -1);
+          this._setKeyboardFocus(prev, this._keyboardFocusedCellIndex);
+        }
+      } else if (event.key === "Enter" || event.key === " ") {
+        if (this._keyboardFocusedRowIndex !== void 0 && this._keyboardFocusedRowIndex >= 0) {
+          event.preventDefault();
+          (_a = this.keyboardDidActivateCell) == null ? void 0 : _a.call(this, this._keyboardFocusedRowIndex, this._keyboardFocusedCellIndex);
+        }
+      } else if (event.key === "Escape") {
+        this._clearKeyboardFocus();
+        this._keyboardListenerElement.blur();
+      }
+    };
+  }
+  _setKeyboardFocus(rowIndex, cellIndex) {
+    var _a;
+    const previousRowIndex = this._keyboardFocusedRowIndex;
+    const previousCellIndex = this._keyboardFocusedCellIndex;
+    if (rowIndex >= 0 && rowIndex !== previousRowIndex) {
+      const row = this.visibleRowWithIndex(rowIndex);
+      if (row && typeof row.firstButtonCellIndex === "function") {
+        cellIndex = row.firstButtonCellIndex();
+      }
+    }
+    this._keyboardFocusedRowIndex = rowIndex;
+    this._keyboardFocusedCellIndex = cellIndex;
+    if (previousRowIndex !== void 0 && previousRowIndex !== rowIndex) {
+      this._clearKeyboardFocusOnRow(previousRowIndex);
+    } else if (previousRowIndex === rowIndex && previousCellIndex !== cellIndex) {
+      this._clearKeyboardFocusOnRow(rowIndex);
+    }
+    if (rowIndex >= 0) {
+      this._scrollRowIntoView(rowIndex);
+    }
+    this._applyKeyboardFocusToVisibleRows();
+    (_a = this.keyboardFocusDidChange) == null ? void 0 : _a.call(this, rowIndex, cellIndex);
+  }
+  _clearKeyboardFocus() {
+    var _a;
+    const previous = this._keyboardFocusedRowIndex;
+    this._keyboardFocusedRowIndex = void 0;
+    if (previous !== void 0) {
+      this._clearKeyboardFocusOnRow(previous);
+    }
+    (_a = this.keyboardFocusDidChange) == null ? void 0 : _a.call(this, void 0, this._keyboardFocusedCellIndex);
+  }
+  _clearKeyboardFocusOnRow(rowIndex) {
+    var _a;
+    if (rowIndex === -1) {
+      (_a = this.keyboardFocusDidChange) == null ? void 0 : _a.call(this, -1, -1);
+      return;
+    }
+    const row = this.visibleRowWithIndex(rowIndex);
+    if (row && typeof row.setKeyboardFocusedCellIndex === "function") {
+      row.setKeyboardFocusedCellIndex(void 0);
+    }
+  }
+  _applyKeyboardFocusToVisibleRows(clearAll = false) {
+    this._visibleRows.forEach((row) => {
+      if (typeof row.setKeyboardFocusedCellIndex !== "function") {
+        return;
+      }
+      if (clearAll || row._UITableViewRowIndex !== this._keyboardFocusedRowIndex) {
+        row.setKeyboardFocusedCellIndex(void 0);
+      } else {
+        row.setKeyboardFocusedCellIndex(this._keyboardFocusedCellIndex);
+      }
+    });
+  }
+  _scrollRowIntoView(rowIndex) {
+    const position = this._rowPositionWithIndex(rowIndex);
+    if (!position) {
+      return;
+    }
+    const offsetY = this.contentOffset.y;
+    const visibleHeight = this.bounds.height;
+    if (position.topY < offsetY) {
+      const duration = this.animationDuration;
+      this.animationDuration = 0;
+      this.contentOffset = this.contentOffset.pointWithY(position.topY);
+      this.animationDuration = duration;
+    } else if (position.bottomY > offsetY + visibleHeight) {
+      const duration = this.animationDuration;
+      this.animationDuration = 0;
+      this.contentOffset = this.contentOffset.pointWithY(position.bottomY - visibleHeight);
+      this.animationDuration = duration;
+    }
+  }
+  focusRowAtIndex(rowIndex, cellIndex = 0) {
+    this._setKeyboardFocus(rowIndex, cellIndex);
+    this._keyboardListenerElement.focus({ preventScroll: true });
+  }
   _setupViewportScrollAndResizeHandlersIfNeeded() {
     if (this._intersectionObserver) {
       return;
@@ -109,6 +293,14 @@ class UITableView extends import_UINativeScrollView.UINativeScrollView {
       this._intersectionObserver = void 0;
     }
   }
+  wasRemovedFromViewTree() {
+    super.wasRemovedFromViewTree();
+    this._cleanupViewportScrollListeners();
+    if (this._keydownHandler) {
+      this.viewHTMLElement.removeEventListener("keydown", this._keydownHandler);
+    }
+    this._keyboardListenersAttached = false;
+  }
   loadData() {
     this._persistedData = [];
     this._calculatePositionsUntilIndex(this.numberOfRows() - 1);
@@ -353,12 +545,17 @@ class UITableView extends import_UINativeScrollView.UINativeScrollView {
       const view = this.viewForRowWithIndex(rowIndex);
       this._visibleRows.push(view);
       this.addSubview(view);
+      view.tabIndex = -1;
+      view.forEachViewInSubtree((subview) => {
+        subview.tabIndex = -1;
+      });
     });
     removedViews.forEach((row) => {
       if (this._visibleRows.indexOf(row) == -1) {
         row.removeFromSuperview();
       }
     });
+    this._applyKeyboardFocusToVisibleRows();
   }
   visibleRowWithIndex(rowIndex) {
     for (let i = 0; i < this._visibleRows.length; i++) {
@@ -440,10 +637,42 @@ class UITableView extends import_UINativeScrollView.UINativeScrollView {
     super.wasAddedToViewTree();
     this.loadData();
     this._setupViewportScrollAndResizeHandlersIfNeeded();
-  }
-  wasRemovedFromViewTree() {
-    super.wasRemovedFromViewTree();
-    this._cleanupViewportScrollListeners();
+    if (!this._keyboardListenersAttached) {
+      this._keyboardListenersAttached = true;
+      const el = this._keyboardListenerElement;
+      el.addEventListener("keydown", this._keydownHandler);
+      el.addEventListener("pointerdown", (event) => {
+        let target = event.target;
+        while (target && target !== el) {
+          const viewObject = target.UIViewObject;
+          if ((viewObject == null ? void 0 : viewObject._UITableViewRowIndex) !== void 0) {
+            el.focus({ preventScroll: true });
+            this._setKeyboardFocus(viewObject._UITableViewRowIndex, this._keyboardFocusedCellIndex);
+            return;
+          }
+          target = target.parentElement;
+        }
+        el.focus({ preventScroll: true });
+      });
+      el.addEventListener("focus", () => {
+        if (this._keyboardFocusedRowIndex === void 0 && this.numberOfRows() > 0) {
+          this._setKeyboardFocus(0, this._keyboardFocusedCellIndex);
+        } else if (this._keyboardFocusedRowIndex !== void 0) {
+          this._applyKeyboardFocusToVisibleRows();
+        }
+      });
+      el.addEventListener("blur", (event) => {
+        if (!el.contains(event.relatedTarget)) {
+          this._applyKeyboardFocusToVisibleRows(true);
+        }
+      });
+    }
+    this.forEachViewInSubtree((view) => {
+      if (view !== this) {
+        view.tabIndex = -1;
+      }
+    });
+    this._keyboardListenerElement.tabIndex = 0;
   }
   setFrame(rectangle, zIndex, performUncheckedLayout) {
     const frame = this.frame;
@@ -469,6 +698,7 @@ class UITableView extends import_UINativeScrollView.UINativeScrollView {
   _layoutAllRows(positions = this._rowPositions) {
     const bounds = this.bounds;
     this._visibleRows.sort((rowA, rowB) => rowA._UITableViewRowIndex - rowB._UITableViewRowIndex).forEach((row) => {
+      var _a;
       const frame = bounds.copy();
       const positionObject = this._rowPositionWithIndex(row._UITableViewRowIndex, positions);
       frame.min.y = positionObject.topY;
@@ -476,6 +706,7 @@ class UITableView extends import_UINativeScrollView.UINativeScrollView {
       row.frame = frame;
       row.style.width = "" + (bounds.width - this.sidePadding * 2).integerValue + "px";
       row.style.left = "" + this.sidePadding.integerValue + "px";
+      row.viewHTMLElement.setAttribute("aria-rowindex", String(((_a = row._UITableViewRowIndex) != null ? _a : 0) + 1));
       this.viewHTMLElement.appendChild(row.viewHTMLElement);
     });
     const numberOfRows = this.numberOfRows();

package/compiledScripts/UITableView.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../scripts/UITableView.ts"],
-  "sourcesContent": ["import { UIButton } from \"./UIButton\"\nimport { UINativeScrollView } from \"./UINativeScrollView\"\nimport { FIRST_OR_NIL, IF, IS, IS_DEFINED, MAKE_ID, nil, NO, YES } from \"./UIObject\"\nimport { UIPoint } from \"./UIPoint\"\nimport { UIRectangle } from \"./UIRectangle\"\nimport { UIView, UIViewBroadcastEvent } from \"./UIView\"\n\n\ninterface UITableViewRowView extends UIView {\n    \n    _UITableViewRowIndex?: number;\n    \n}\n\n\nexport interface UITableViewReusableViewsContainerObject {\n    \n    [key: string]: UIView[];\n    \n}\n\n\nexport interface UITableViewReusableViewPositionObject {\n    \n    bottomY: number;\n    topY: number;\n    \n    isValid: boolean;\n    \n}\n\n\nexport class UITableView extends UINativeScrollView {\n    \n    \n    allRowsHaveEqualHeight: boolean = NO\n    _visibleRows: UITableViewRowView[] = []\n    \n    /** Shared intrinsic size cache identifier used for all row views when\n     *  allRowsHaveEqualHeight is YES.  Stable for the lifetime of the table;\n     *  the shared cache bucket is invalidated on reloadData and\n     *  clearIntrinsicSizeCache so the height is re-measured after data changes. */\n    _equalRowHeightCacheIdentifier: string\n    \n    _rowPositions: UITableViewReusableViewPositionObject[] = []\n    \n    _highestValidRowPositionIndex: number = 0\n    \n    _unusedReusableViews: UITableViewReusableViewsContainerObject = {}\n    \n    _fullHeightView: UIView\n    _rowIDIndex: number = 0\n    reloadsOnLanguageChange = YES\n    sidePadding = 0\n    \n    cellWeights?: number[]\n    \n    _persistedData: any[] = []\n    _needsDrawingOfVisibleRowsBeforeLayout = NO\n    _isDrawVisibleRowsScheduled = NO\n    _shouldAnimateNextLayout?: boolean\n    \n    override usesVirtualLayoutingForIntrinsicSizing = NO\n    \n    override animationDuration = 0.25\n    \n    // Viewport scrolling properties\n    _intersectionObserver?: IntersectionObserver\n    \n    \n    get _reusableViews(): UITableViewReusableViewsContainerObject {\n        \n        const result: UITableViewReusableViewsContainerObject = {}\n        \n        const addView = (view: UIView) => {\n            const identifier = view._UITableViewReusabilityIdentifier\n            if (!identifier) {\n                return\n            }\n            if (!result[identifier]) {\n                result[identifier] = []\n            }\n            result[identifier].push(view)\n        }\n        \n        this._visibleRows.forEach(addView)\n        \n        this._unusedReusableViews.forEach((views: UIView[]) => views.forEach(addView))\n        \n        return result\n        \n    }\n    \n    \n    constructor(elementID?: string) {\n        \n        super(elementID)\n        \n        this._equalRowHeightCacheIdentifier = (elementID ?? MAKE_ID()) + \"_rowHeight\"\n        \n        this._fullHeightView = new UIView()\n        this._fullHeightView.hidden = YES\n        this._fullHeightView.userInteractionEnabled = NO\n        this.addSubview(this._fullHeightView)\n        \n        this.scrollsX = NO\n        \n        this._setupViewportScrollAndResizeHandlersIfNeeded()\n        \n    }\n    \n    \n    _windowScrollHandler = () => {\n        if (!this.isMemberOfViewTree) {\n            return\n        }\n        this._scheduleDrawVisibleRows()\n    }\n    \n    _resizeHandler = () => {\n        if (!this.isMemberOfViewTree) {\n            return\n        }\n        // Invalidate all row positions on resize as widths may have changed\n        this._rowPositions.everyElement.isValid = NO\n        this._highestValidRowPositionIndex = -1\n        this._scheduleDrawVisibleRows()\n    }\n    \n    _setupViewportScrollAndResizeHandlersIfNeeded() {\n        if (this._intersectionObserver) {\n            return\n        }\n        \n        window.addEventListener(\"scroll\", this._windowScrollHandler, { passive: true })\n        window.addEventListener(\"resize\", this._resizeHandler, { passive: true })\n        \n        // Use IntersectionObserver to detect when table enters/exits viewport\n        this._intersectionObserver = new IntersectionObserver(\n            (entries) => {\n                entries.forEach(entry => {\n                    if (entry.isIntersecting && this.isMemberOfViewTree) {\n                        this._scheduleDrawVisibleRows()\n                    }\n                })\n            },\n            {\n                root: null,\n                rootMargin: \"100% 0px\", // Load rows 100% viewport height before/after\n                threshold: 0\n            }\n        )\n        this._intersectionObserver.observe(this.viewHTMLElement)\n    }\n    \n    \n    _cleanupViewportScrollListeners() {\n        window.removeEventListener(\"scroll\", this._windowScrollHandler)\n        window.removeEventListener(\"resize\", this._resizeHandler)\n        if (this._intersectionObserver) {\n            this._intersectionObserver.disconnect()\n            this._intersectionObserver = undefined\n        }\n    }\n    \n    \n    loadData() {\n        \n        this._persistedData = []\n        \n        this._calculatePositionsUntilIndex(this.numberOfRows() - 1)\n        this._needsDrawingOfVisibleRowsBeforeLayout = YES\n        \n        this.setNeedsLayout()\n        \n    }\n    \n    reloadData() {\n        \n        this._removeVisibleRows()\n        this._removeAllReusableRows()\n        \n        this._rowPositions = []\n        this._highestValidRowPositionIndex = -1\n        \n        if (this.allRowsHaveEqualHeight) {\n            UIView.invalidateSharedIntrinsicSizeCache(this._equalRowHeightCacheIdentifier)\n        }\n        \n        this.loadData()\n        \n    }\n    \n    \n    highlightChanges(previousData: any[], newData: any[]) {\n        \n        previousData = previousData.map(dataPoint => JSON.stringify(dataPoint))\n        newData = newData.map(dataPoint => JSON.stringify(dataPoint))\n        \n        const newIndexes: number[] = []\n        \n        newData.forEach((value, index) => {\n            \n            if (!previousData.contains(value)) {\n                \n                newIndexes.push(index)\n                \n            }\n            \n        })\n        \n        newIndexes.forEach(index => {\n            \n            if (this.isRowWithIndexVisible(index)) {\n                this.highlightRowAsNew(\n                    this.visibleRowWithIndex(index) ?? this.viewForRowWithIndex(index)\n                )\n            }\n            \n        })\n        \n    }\n    \n    \n    highlightRowAsNew(row: UIView) {\n    \n    \n    }\n    \n    \n    invalidateSizeOfRowWithIndex(index: number, animateChange = NO) {\n        if (this._rowPositions?.[index]) {\n            FIRST_OR_NIL(this._rowPositions[index]).isValid = NO\n            this._rowPositions.slice(index).everyElement.isValid = NO\n        }\n        this._highestValidRowPositionIndex = Math.min(this._highestValidRowPositionIndex, index - 1)\n        this._needsDrawingOfVisibleRowsBeforeLayout = YES\n        this._shouldAnimateNextLayout = animateChange\n    }\n    \n    \n    _rowPositionWithIndex(index: number, positions = this._rowPositions) {\n        if (this.allRowsHaveEqualHeight && index > 0) {\n            const firstPositionObject = positions[0]\n            const rowHeight = firstPositionObject.bottomY - firstPositionObject.topY\n            const result = {\n                bottomY: rowHeight * (index + 1),\n                topY: rowHeight * index,\n                isValid: firstPositionObject.isValid\n            }\n            return result\n        }\n        return positions[index]\n    }\n    \n    _calculateAllPositions() {\n        this._calculatePositionsUntilIndex(this.numberOfRows() - 1)\n    }\n    \n    _calculatePositionsUntilIndex(maxIndex: number) {\n        \n        if (this.allRowsHaveEqualHeight) {\n            const positionObject: UITableViewReusableViewPositionObject = {\n                bottomY: this._heightForAnyRow(),\n                topY: 0,\n                isValid: YES\n            }\n            this._rowPositions = [positionObject]\n            return\n        }\n        \n        let validPositionObject = this._rowPositions[this._highestValidRowPositionIndex]\n        if (!IS(validPositionObject)) {\n            validPositionObject = {\n                bottomY: 0,\n                topY: 0,\n                isValid: YES\n            }\n        }\n        \n        let previousBottomY = validPositionObject.bottomY\n        if (!this._rowPositions.length) {\n            this._highestValidRowPositionIndex = -1\n        }\n        \n        for (let i = this._highestValidRowPositionIndex + 1; i <= maxIndex; i++) {\n            \n            let height: number\n            \n            const rowPositionObject = this._rowPositions[i]\n            \n            if (IS((rowPositionObject || nil).isValid)) {\n                height = rowPositionObject.bottomY - rowPositionObject.topY\n            }\n            // Do not calculate heights if all rows have equal heights, and we already have a height\n            else if (this.allRowsHaveEqualHeight && i > 0) {\n                height = this._rowPositions[0].bottomY - this._rowPositions[0].topY\n            }\n            else {\n                height = this.heightForRowWithIndex(i)\n            }\n            \n            const positionObject: UITableViewReusableViewPositionObject = {\n                bottomY: previousBottomY + height,\n                topY: previousBottomY,\n                isValid: YES\n            }\n            \n            if (i < this._rowPositions.length) {\n                this._rowPositions[i] = positionObject\n            }\n            else {\n                this._rowPositions.push(positionObject)\n            }\n            this._highestValidRowPositionIndex = i\n            previousBottomY = previousBottomY + height\n            \n        }\n        \n    }\n    \n    \n    _heightForAnyRow(calculateVisibleRows = YES) {\n        return this.heightForRowWithIndex(\n            this._visibleRows.firstElement?._UITableViewRowIndex ??\n            (calculateVisibleRows ? this.indexesForVisibleRows().firstElement : 0) ??\n            0\n        )\n    }\n    \n    indexesForVisibleRows(paddingRatio = 0.5): number[] {\n        \n        // 1. Calculate the visible frame relative to the Table's bounds (0,0 is top-left of the table view)\n        // This accounts for the Window viewport clipping the table if it is partially off-screen.\n        const tableRect = this.viewHTMLElement.getBoundingClientRect()\n        const viewportHeight = window.innerHeight\n        const pageScale = UIView.pageScale\n        \n        // The top of the visible window relative to the view's top edge.\n        // If tableRect.top is negative, the table is scrolled up and clipped by the window top.\n        const visibleFrameTop = Math.max(0, -tableRect.top / pageScale)\n        \n        // The bottom of the visible window relative to the view's top edge.\n        // We clip it to the table's actual bounds height so we don't look past the table content.\n        const visibleFrameBottom = Math.min(\n            this.bounds.height,\n            (viewportHeight - tableRect.top) / pageScale\n        )\n        \n        // If the table is completely off-screen, return empty\n        if (visibleFrameBottom <= visibleFrameTop) {\n            return []\n        }\n        \n        // 2. Convert to Content Coordinates (Scroll Offset)\n        // contentOffset.y is the internal scroll position.\n        // If using viewport scrolling (full height), contentOffset.y is typically 0.\n        // If using internal scrolling, this shifts the visible frame to the correct content rows.\n        let firstVisibleY = this.contentOffset.y + visibleFrameTop\n        let lastVisibleY = this.contentOffset.y + visibleFrameBottom\n        \n        // 3. Apply Padding\n        // We calculate padding based on the viewport height to ensure smooth scrolling\n        const paddingPx = (viewportHeight / pageScale) * paddingRatio\n        firstVisibleY = Math.max(0, firstVisibleY - paddingPx)\n        lastVisibleY = lastVisibleY + paddingPx\n        \n        const numberOfRows = this.numberOfRows()\n        \n        // 4. Find Indexes\n        if (this.allRowsHaveEqualHeight) {\n            \n            const rowHeight = this._heightForAnyRow(NO)\n            \n            let firstIndex = Math.floor(firstVisibleY / rowHeight)\n            let lastIndex = Math.floor(lastVisibleY / rowHeight)\n            \n            // Clamp BOTH indexes to [0, numberOfRows-1].\n            // Without the upper clamp on firstIndex, when the viewport extends below the\n            // last row firstIndex can exceed numberOfRows-1 while lastIndex is already\n            // clamped there. firstIndex > lastIndex \u2192 empty result \u2192 _removeVisibleRows \u2192\n            // browser collapses scrollHeight \u2192 scrollTop resets to 0 \u2192 rows pile at top.\n            firstIndex = Math.max(0, Math.min(firstIndex, numberOfRows - 1))\n            lastIndex = Math.max(0, Math.min(lastIndex, numberOfRows - 1))\n            \n            const result = []\n            for (let i = firstIndex; i <= lastIndex; i++) {\n                result.push(i)\n            }\n            return result\n        }\n        \n        // Variable Heights\n        this._calculateAllPositions()\n        const result = []\n        \n        // Clamp firstVisibleY to the actual content height so that when the viewport\n        // extends below the last row the intersection check still matches the final rows\n        // rather than producing an empty result.\n        const totalContentHeight = IF(this._rowPositions.lastElement)(() =>\n            this._rowPositions.lastElement.bottomY\n        ).ELSE(() =>\n            0\n        )\n        firstVisibleY = Math.min(firstVisibleY, totalContentHeight)\n        \n        for (let i = 0; i < numberOfRows; i++) {\n            \n            const position = this._rowPositionWithIndex(i)\n            if (!position) {\n                break\n            }\n            \n            const rowTop = position.topY\n            const rowBottom = position.bottomY\n            \n            // Check intersection\n            if (rowBottom >= firstVisibleY && rowTop <= lastVisibleY) {\n                result.push(i)\n            }\n            \n            if (rowTop > lastVisibleY) {\n                break\n            }\n            \n        }\n        \n        return result\n        \n    }\n    \n    \n    // This is called when no rows are supposed to be visible as a performance shortcut\n    _removeVisibleRows() {\n        \n        this._visibleRows.forEach((row: UIView) => {\n            \n            this._persistedData[row._UITableViewRowIndex as number] = this.persistenceDataItemForRowWithIndex(\n                row._UITableViewRowIndex as number,\n                row\n            )\n            row.removeFromSuperview()\n            this._markReusableViewAsUnused(row)\n            \n        })\n        this._visibleRows = []\n        \n    }\n    \n    \n    _removeAllReusableRows() {\n        this._unusedReusableViews.forEach((rows: UIView[]) =>\n            rows.forEach((row: UIView) => {\n                \n                this._persistedData[row._UITableViewRowIndex as number] = this.persistenceDataItemForRowWithIndex(\n                    row._UITableViewRowIndex as number,\n                    row\n                )\n                row.removeFromSuperview()\n                \n            })\n        )\n        this._unusedReusableViews = {}\n    }\n    \n    \n    _markReusableViewAsUnused(row: UIView) {\n        const identifier = row._UITableViewReusabilityIdentifier\n        if (!this._unusedReusableViews[identifier]) {\n            this._unusedReusableViews[identifier] = []\n        }\n        if (!this._unusedReusableViews[identifier].contains(row)) {\n            this._unusedReusableViews[identifier].push(row)\n        }\n    }\n    \n    _scheduleDrawVisibleRows() {\n        if (!this._isDrawVisibleRowsScheduled) {\n            this._isDrawVisibleRowsScheduled = YES\n            \n            UIView.runFunctionBeforeNextFrame(() => {\n                this._calculateAllPositions()\n                this._drawVisibleRows()\n                this.setNeedsLayout()\n                this._isDrawVisibleRowsScheduled = NO\n            })\n        }\n    }\n    \n    _drawVisibleRows() {\n        \n        if (!this.isMemberOfViewTree) {\n            return\n        }\n        \n        // Uses the unified method above\n        const visibleIndexes = this.indexesForVisibleRows()\n        \n        // If no rows are visible, remove all current rows\n        if (visibleIndexes.length === 0) {\n            this._removeVisibleRows()\n            return\n        }\n        \n        const minIndex = visibleIndexes[0]\n        const maxIndex = visibleIndexes[visibleIndexes.length - 1]\n        \n        const removedViews: UITableViewRowView[] = []\n        const visibleRows: UITableViewRowView[] = []\n        \n        // 1. Identify rows that have moved off-screen\n        this._visibleRows.forEach((row) => {\n            if (IS_DEFINED(row._UITableViewRowIndex) &&\n                (row._UITableViewRowIndex < minIndex || row._UITableViewRowIndex > maxIndex)) {\n                \n                // Persist state before removal\n                this._persistedData[row._UITableViewRowIndex] = this.persistenceDataItemForRowWithIndex(\n                    row._UITableViewRowIndex,\n                    row\n                )\n                this._markReusableViewAsUnused(row)\n                removedViews.push(row)\n            }\n            else {\n                visibleRows.push(row)\n            }\n        })\n        \n        this._visibleRows = visibleRows\n        \n        // 2. Add new rows that have moved onto the screen\n        visibleIndexes.forEach((rowIndex: number) => {\n            // If the view is already in this._visibleRows, do nothing to it\n            if (this.isRowWithIndexVisible(rowIndex)) {\n                return\n            }\n            \n            // Get view from reuse pool (marked as unused before) or make a new one\n            const view: UITableViewRowView = this.viewForRowWithIndex(rowIndex)\n            this._visibleRows.push(view)\n            this.addSubview(view)\n        })\n        \n        // 3. Clean up DOM\n        removedViews.forEach(row => {\n            // Check that the row has not been added back\n            if (this._visibleRows.indexOf(row) == -1) {\n                row.removeFromSuperview()\n            }\n        })\n        \n    }\n    \n    \n    visibleRowWithIndex(rowIndex: number | undefined): UIView | undefined {\n        for (let i = 0; i < this._visibleRows.length; i++) {\n            const row = this._visibleRows[i]\n            if (row._UITableViewRowIndex == rowIndex) {\n                return row\n            }\n        }\n    }\n    \n    \n    isRowWithIndexVisible(rowIndex: number) {\n        return IS(this.visibleRowWithIndex(rowIndex))\n    }\n    \n    \n    reusableViewForIdentifier(identifier: string, rowIndex: number): UITableViewRowView {\n        \n        const visibleRowView = this.visibleRowWithIndex(rowIndex)\n        if (visibleRowView?._UITableViewReusabilityIdentifier === identifier) {\n            return visibleRowView\n        }\n        \n        if (!this._unusedReusableViews[identifier]) {\n            this._unusedReusableViews[identifier] = []\n        }\n        \n        let view: UITableViewRowView\n        \n        if (this._unusedReusableViews[identifier]?.length) {\n            \n            view = this._unusedReusableViews[identifier].pop() as UITableViewRowView\n            view._UITableViewRowIndex = rowIndex\n            Object.assign(view, this._persistedData[rowIndex] || this.defaultRowPersistenceDataItem())\n            \n        }\n        else {\n            \n            view = this.newReusableViewForIdentifier(identifier, this._rowIDIndex) as UITableViewRowView\n            this._rowIDIndex = this._rowIDIndex + 1\n            \n            view._UITableViewReusabilityIdentifier = identifier\n            view._UITableViewRowIndex = rowIndex\n            \n            Object.assign(view, this._persistedData[rowIndex] || this.defaultRowPersistenceDataItem())\n            \n        }\n        \n        // When all rows are uniform, opt the view into the shared height cache so\n        // only the first measurement is ever computed for the whole table.\n        if (this.allRowsHaveEqualHeight) {\n            view.sharedIntrinsicSizeCacheIdentifier = this._equalRowHeightCacheIdentifier\n        }\n        else {\n            view.sharedIntrinsicSizeCacheIdentifier = undefined\n        }\n        \n        return view\n        \n    }\n    \n    \n    // Functions that should be overridden to draw the correct content START\n    newReusableViewForIdentifier(identifier: string, rowIDIndex: number): UIView {\n        \n        const view = new UIButton(this.elementID + \"Row\" + rowIDIndex)\n        \n        view.stopsPointerEventPropagation = NO\n        view.pausesPointerEvents = NO\n        \n        return view\n        \n    }\n    \n    heightForRowWithIndex(index: number): number {\n        return 50\n    }\n    \n    numberOfRows() {\n        return 10000\n    }\n    \n    defaultRowPersistenceDataItem(): any {\n    \n    \n    }\n    \n    persistenceDataItemForRowWithIndex(rowIndex: number, row: UIView): any {\n    \n    \n    }\n    \n    viewForRowWithIndex(rowIndex: number): UITableViewRowView {\n        const row = this.reusableViewForIdentifier(\"Row\", rowIndex)\n        row._UITableViewRowIndex = rowIndex\n        FIRST_OR_NIL((row as unknown as UIButton).titleLabel).text = \"Row \" + rowIndex\n        return row\n    }\n    \n    // Functions that should be overridden to draw the correct content END\n    \n    \n    // Functions that trigger redrawing of the content\n    override didScrollToPosition(offsetPosition: UIPoint) {\n        \n        super.didScrollToPosition(offsetPosition)\n        \n        this.forEachViewInSubtree((view: UIView) => {\n            view._isPointerValid = NO\n        })\n        \n        this._scheduleDrawVisibleRows()\n        \n    }\n    \n    override willMoveToSuperview(superview: UIView) {\n        super.willMoveToSuperview(superview)\n        \n        if (IS(superview)) {\n            // Set up viewport listeners when added to a superview\n            this._setupViewportScrollAndResizeHandlersIfNeeded()\n        }\n        else {\n            // Clean up when removed from superview\n            this._cleanupViewportScrollListeners()\n        }\n    }\n    \n    override wasAddedToViewTree() {\n        super.wasAddedToViewTree()\n        this.loadData()\n        \n        // Ensure listeners are set up\n        this._setupViewportScrollAndResizeHandlersIfNeeded()\n        \n    }\n    \n    override wasRemovedFromViewTree() {\n        super.wasRemovedFromViewTree()\n        this._cleanupViewportScrollListeners()\n    }\n    \n    override setFrame(rectangle: UIRectangle, zIndex?: number, performUncheckedLayout?: boolean) {\n        \n        const frame = this.frame\n        super.setFrame(rectangle, zIndex, performUncheckedLayout)\n        if (frame.isEqualTo(rectangle) && !performUncheckedLayout) {\n            return\n        }\n        \n        this._needsDrawingOfVisibleRowsBeforeLayout = YES\n        \n    }\n    \n    \n    override didReceiveBroadcastEvent(event: UIViewBroadcastEvent) {\n        \n        super.didReceiveBroadcastEvent(event)\n        \n        if (event.name == UIView.broadcastEventName.LanguageChanged && this.reloadsOnLanguageChange) {\n            \n            this.reloadData()\n            \n        }\n        \n        \n    }\n    \n    \n    override clearIntrinsicSizeCache() {\n        super.clearIntrinsicSizeCache()\n        if (this.allRowsHaveEqualHeight) {\n            UIView.invalidateSharedIntrinsicSizeCache(this._equalRowHeightCacheIdentifier)\n        }\n        this.invalidateSizeOfRowWithIndex(0)\n    }\n    \n    private _layoutAllRows(positions = this._rowPositions) {\n        \n        const bounds = this.bounds\n        \n        this._visibleRows.sort((rowA, rowB) => rowA._UITableViewRowIndex! - rowB._UITableViewRowIndex!)\n            .forEach(row => {\n                \n                const frame = bounds.copy()\n                \n                const positionObject = this._rowPositionWithIndex(row._UITableViewRowIndex!, positions)\n                frame.min.y = positionObject.topY\n                frame.max.y = positionObject.bottomY\n                row.frame = frame\n                \n                row.style.width = \"\" + (bounds.width - this.sidePadding * 2).integerValue + \"px\"\n                row.style.left = \"\" + this.sidePadding.integerValue + \"px\"\n                \n                // This is to reorder the elements in the DOM\n                this.viewHTMLElement.appendChild(row.viewHTMLElement)\n                \n            })\n        \n        // Use _rowPositionWithIndex rather than positions.lastElement.\n        // When allRowsHaveEqualHeight = YES, _rowPositions contains only a single\n        // entry (row 0). positions.lastElement.bottomY would therefore equal just\n        // ONE row's height (e.g. 50px) instead of the full content height.\n        // _rowPositionWithIndex correctly uses the computed formula for equal-height\n        // tables (numberOfRows \u00D7 rowHeight) and falls back to positions[N-1] otherwise.\n        // This ensures _fullHeightView maintains the correct scroll height even when\n        // all visible rows have been removed from the DOM (e.g. after crossing the\n        // bottom edge), preventing the browser from clamping scrollTop to 0.\n        const numberOfRows = this.numberOfRows()\n        const fullContentHeight = numberOfRows\n                                  ? this._rowPositionWithIndex(numberOfRows - 1, positions).bottomY\n                                  : 0\n        this._fullHeightView.frame = bounds.rectangleWithHeight(fullContentHeight)\n            .rectangleWithWidth(bounds.width * 0.5)\n        \n    }\n    \n    private _animateLayoutAllRows() {\n        \n        UIView.animateViewOrViewsWithDurationDelayAndFunction(\n            this._visibleRows,\n            this.animationDuration,\n            0,\n            undefined,\n            () => {\n                \n                this._layoutAllRows()\n                \n            },\n            () => {\n            \n            \n            }\n        )\n        \n    }\n    \n    \n    override layoutSubviews() {\n        \n        if (this.isVirtualLayouting) {\n            console.error(\"layout subviews called during virtual layouting on UITableView, \" +\n                \"indicating a possible error in the layout system.\")\n            return\n        }\n        \n        const previousPositions: UITableViewReusableViewPositionObject[] = JSON.parse(\n            JSON.stringify(this._rowPositions))\n        \n        const previousVisibleRowsLength = this._visibleRows.length\n        \n        if (this._needsDrawingOfVisibleRowsBeforeLayout) {\n            \n            this._drawVisibleRows()\n            \n            this._needsDrawingOfVisibleRowsBeforeLayout = NO\n            \n        }\n        \n        \n        super.layoutSubviews()\n        \n        \n        if (!this.numberOfRows() || !this.isMemberOfViewTree) {\n            \n            return\n            \n        }\n        \n        \n        if (this._shouldAnimateNextLayout) {\n            \n            \n            // Need to do layout with the previous positions\n            \n            this._layoutAllRows(previousPositions)\n            \n            \n            if (previousVisibleRowsLength < this._visibleRows.length) {\n                \n                \n                UIView.runFunctionBeforeNextFrame(() => {\n                    \n                    this._animateLayoutAllRows()\n                    \n                })\n                \n            }\n            else {\n                \n                this._animateLayoutAllRows()\n                \n            }\n            \n            \n            this._shouldAnimateNextLayout = NO\n            \n        }\n        else {\n            \n            this._calculateAllPositions()\n            \n            this._layoutAllRows()\n            \n            \n        }\n        \n        \n    }\n    \n    \n    override intrinsicContentHeight(constrainingWidth = 0) {\n        \n        let result = 0\n        this._calculateAllPositions()\n        \n        const numberOfRows = this.numberOfRows()\n        if (numberOfRows) {\n            result = this._rowPositionWithIndex(numberOfRows - 1).bottomY\n        }\n        \n        return result\n        \n    }\n    \n    \n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { UIButton } from \"./UIButton\"\nimport { UINativeScrollView } from \"./UINativeScrollView\"\nimport { FIRST_OR_NIL, IF, IS, IS_DEFINED, MAKE_ID, nil, NO, YES } from \"./UIObject\"\nimport { UIPoint } from \"./UIPoint\"\nimport { UIRectangle } from \"./UIRectangle\"\nimport { UIView, UIViewBroadcastEvent } from \"./UIView\"\n\n\ninterface UITableViewRowView extends UIView {\n    \n    _UITableViewRowIndex?: number;\n    \n}\n\n\nexport interface UITableViewReusableViewsContainerObject {\n    \n    [key: string]: UIView[];\n    \n}\n\n\nexport interface UITableViewReusableViewPositionObject {\n    \n    bottomY: number;\n    topY: number;\n    \n    isValid: boolean;\n    \n}\n\n\nexport class UITableView extends UINativeScrollView {\n    \n    \n    allRowsHaveEqualHeight: boolean = NO\n    _visibleRows: UITableViewRowView[] = []\n    \n    /** Shared intrinsic size cache identifier used for all row views when\n     *  allRowsHaveEqualHeight is YES.  Stable for the lifetime of the table;\n     *  the shared cache bucket is invalidated on reloadData and\n     *  clearIntrinsicSizeCache so the height is re-measured after data changes. */\n    _equalRowHeightCacheIdentifier: string\n    \n    _rowPositions: UITableViewReusableViewPositionObject[] = []\n    \n    _highestValidRowPositionIndex: number = 0\n    \n    _unusedReusableViews: UITableViewReusableViewsContainerObject = {}\n    \n    _fullHeightView: UIView\n    _rowIDIndex: number = 0\n    reloadsOnLanguageChange = YES\n    sidePadding = 0\n    \n    cellWeights?: number[]\n    \n    _persistedData: any[] = []\n    _needsDrawingOfVisibleRowsBeforeLayout = NO\n    _isDrawVisibleRowsScheduled = NO\n    _shouldAnimateNextLayout?: boolean\n    \n    override usesVirtualLayoutingForIntrinsicSizing = NO\n    \n    override animationDuration = 0.25\n    \n    // Viewport scrolling properties\n    _intersectionObserver?: IntersectionObserver\n    \n    // -------------------------------------------------------------------------\n    // Keyboard navigation state\n    // -------------------------------------------------------------------------\n    \n    /** Row index with -1 meaning the header row. undefined means no focus. */\n    _keyboardFocusedRowIndex: number | undefined = undefined\n    /** Cell index within the focused row. */\n    _keyboardFocusedCellIndex: number = 0\n    /** Total number of data columns (excludes left/right side cells). Set by CBDataView. */\n    _columnCount: number = 0\n    /** Called by UITableView when the focused row/cell changes. CBDataView overrides this. */\n    keyboardFocusDidChange?: (rowIndex: number | undefined, cellIndex: number) => void\n    /** Fired when Enter is pressed on a focused cell. Passes rowIndex and cellIndex. */\n    keyboardDidActivateCell?: (rowIndex: number, cellIndex: number) => void\n    \n    _keydownHandler?: (event: KeyboardEvent) => void\n    _keyboardListenersAttached = false\n    \n    \n    get _reusableViews(): UITableViewReusableViewsContainerObject {\n        \n        const result: UITableViewReusableViewsContainerObject = {}\n        \n        const addView = (view: UIView) => {\n            const identifier = view._UITableViewReusabilityIdentifier\n            if (!identifier) {\n                return\n            }\n            if (!result[identifier]) {\n                result[identifier] = []\n            }\n            result[identifier].push(view)\n        }\n        \n        this._visibleRows.forEach(addView)\n        \n        this._unusedReusableViews.forEach((views: UIView[]) => views.forEach(addView))\n        \n        return result\n        \n    }\n    \n    \n    constructor(elementID?: string) {\n        \n        super(elementID)\n        \n        this._equalRowHeightCacheIdentifier = (elementID ?? MAKE_ID()) + \"_rowHeight\"\n        \n        this._fullHeightView = new UIView()\n        this._fullHeightView.hidden = YES\n        this._fullHeightView.userInteractionEnabled = NO\n        this.addSubview(this._fullHeightView)\n        \n        this.scrollsX = NO\n        \n        this._setupViewportScrollAndResizeHandlersIfNeeded()\n        this._setupGridAccessibility()\n        this._setupKeyboardNavigation()\n        \n    }\n    \n    \n    // -------------------------------------------------------------------------\n    // ARIA / Accessibility setup\n    // -------------------------------------------------------------------------\n    \n    /**\n     * The element that receives tabIndex, ARIA grid role, and all keyboard/pointer\n     * listeners. Defaults to the table's own element. CBDataView overrides this\n     * to a container that wraps both the header and the table, so the focus ring\n     * encompasses both.\n     */\n    _keyboardListenerElement: HTMLElement = this.viewHTMLElement\n    \n    _setupGridAccessibility() {\n        const el = this._keyboardListenerElement\n        el.setAttribute(\"role\", \"grid\")\n        el.setAttribute(\"aria-rowcount\", \"0\")\n        el.setAttribute(\"aria-colcount\", \"0\")\n        el.tabIndex = 0\n    }\n    \n    /** Called by CBDataView after descriptors change. */\n    setColumnCount(count: number) {\n        this._columnCount = count\n        this._keyboardListenerElement.setAttribute(\"aria-colcount\", String(count))\n    }\n    \n    /** Called by CBDataView after data loads. */\n    setRowCount(count: number) {\n        this._keyboardListenerElement.setAttribute(\"aria-rowcount\", String(count))\n    }\n    \n    \n    // -------------------------------------------------------------------------\n    // Keyboard navigation\n    // -------------------------------------------------------------------------\n    \n    _setupKeyboardNavigation() {\n        \n        this._keydownHandler = (event: KeyboardEvent) => {\n            \n            if (!this.isMemberOfViewTree) {\n                return\n            }\n            \n            const rowCount = this.numberOfRows()\n            const hasHeader = this._keyboardFocusedRowIndex !== undefined\n            \n            if (event.key === \"ArrowDown\") {\n                event.preventDefault()\n                if (this._keyboardFocusedRowIndex === undefined) {\n                    this._setKeyboardFocus(0, this._keyboardFocusedCellIndex)\n                }\n                else if (event.metaKey || event.ctrlKey) {\n                    this._setKeyboardFocus(rowCount - 1, this._keyboardFocusedCellIndex)\n                }\n                else if (event.altKey) {\n                    const pageSize = Math.max(1, Math.floor(this.bounds.height / (this._heightForAnyRow() || 50)))\n                    const next = Math.min((this._keyboardFocusedRowIndex < 0 ? 0 : this._keyboardFocusedRowIndex) + pageSize, rowCount - 1)\n                    this._setKeyboardFocus(next, this._keyboardFocusedCellIndex)\n                }\n                else if (this._keyboardFocusedRowIndex === -1) {\n                    this._setKeyboardFocus(0, this._keyboardFocusedCellIndex)\n                }\n                else if (this._keyboardFocusedRowIndex < rowCount - 1) {\n                    this._setKeyboardFocus(this._keyboardFocusedRowIndex + 1, this._keyboardFocusedCellIndex)\n                }\n            }\n            else if (event.key === \"ArrowUp\") {\n                event.preventDefault()\n                if (this._keyboardFocusedRowIndex === undefined) {\n                    this._setKeyboardFocus(rowCount - 1, this._keyboardFocusedCellIndex)\n                }\n                else if (event.metaKey || event.ctrlKey) {\n                    this._setKeyboardFocus(-1, this._keyboardFocusedCellIndex)\n                }\n                else if (event.altKey) {\n                    const pageSize = Math.max(1, Math.floor(this.bounds.height / (this._heightForAnyRow() || 50)))\n                    const prev = Math.max((this._keyboardFocusedRowIndex < 0 ? 0 : this._keyboardFocusedRowIndex) - pageSize, -1)\n                    this._setKeyboardFocus(prev, this._keyboardFocusedCellIndex)\n                }\n                else if (this._keyboardFocusedRowIndex === 0) {\n                    this._setKeyboardFocus(-1, this._keyboardFocusedCellIndex)\n                }\n                else if (this._keyboardFocusedRowIndex > 0) {\n                    this._setKeyboardFocus(this._keyboardFocusedRowIndex - 1, this._keyboardFocusedCellIndex)\n                }\n            }\n            else if (event.key === \"ArrowRight\") {\n                event.preventDefault()\n                if (this._keyboardFocusedRowIndex !== undefined && this._columnCount > 0) {\n                    const nextCell = event.metaKey || event.ctrlKey\n                                     ? this._columnCount - 1\n                                     : Math.min(this._keyboardFocusedCellIndex + 1, this._columnCount - 1)\n                    this._setKeyboardFocus(this._keyboardFocusedRowIndex, nextCell)\n                }\n            }\n            else if (event.key === \"ArrowLeft\") {\n                event.preventDefault()\n                if (this._keyboardFocusedRowIndex !== undefined && this._columnCount > 0) {\n                    const prevCell = event.metaKey || event.ctrlKey\n                                     ? 0\n                                     : Math.max(this._keyboardFocusedCellIndex - 1, 0)\n                    this._setKeyboardFocus(this._keyboardFocusedRowIndex, prevCell)\n                }\n            }\n            else if (event.key === \"Home\") {\n                event.preventDefault()\n                if (this._keyboardFocusedRowIndex !== undefined) {\n                    this._setKeyboardFocus(this._keyboardFocusedRowIndex, 0)\n                }\n            }\n            else if (event.key === \"End\") {\n                event.preventDefault()\n                if (this._keyboardFocusedRowIndex !== undefined && this._columnCount > 0) {\n                    this._setKeyboardFocus(this._keyboardFocusedRowIndex, this._columnCount - 1)\n                }\n            }\n            else if (event.key === \"PageDown\") {\n                event.preventDefault()\n                if (this._keyboardFocusedRowIndex !== undefined) {\n                    const pageSize = Math.max(1, Math.floor(this.bounds.height / (this._heightForAnyRow() || 50)))\n                    const next = Math.min((this._keyboardFocusedRowIndex < 0 ? 0 : this._keyboardFocusedRowIndex) + pageSize, rowCount - 1)\n                    this._setKeyboardFocus(next, this._keyboardFocusedCellIndex)\n                }\n            }\n            else if (event.key === \"PageUp\") {\n                event.preventDefault()\n                if (this._keyboardFocusedRowIndex !== undefined) {\n                    const pageSize = Math.max(1, Math.floor(this.bounds.height / (this._heightForAnyRow() || 50)))\n                    const prev = Math.max((this._keyboardFocusedRowIndex < 0 ? 0 : this._keyboardFocusedRowIndex) - pageSize, -1)\n                    this._setKeyboardFocus(prev, this._keyboardFocusedCellIndex)\n                }\n            }\n            else if (event.key === \"Enter\" || event.key === \" \") {\n                if (this._keyboardFocusedRowIndex !== undefined && this._keyboardFocusedRowIndex >= 0) {\n                    event.preventDefault()\n                    this.keyboardDidActivateCell?.(this._keyboardFocusedRowIndex, this._keyboardFocusedCellIndex)\n                }\n            }\n            else if (event.key === \"Escape\") {\n                // Release focus from the table \u2014 move to next focusable element\n                this._clearKeyboardFocus()\n                this._keyboardListenerElement.blur()\n            }\n            \n        }\n        \n        // Listeners are attached in wasAddedToViewTree to guarantee they land\n        // on the final stable viewHTMLElement after the framework has fully\n        // initialised the view.\n        \n    }\n    \n    /**\n     * Move keyboard focus to a specific row and cell.\n     * rowIndex = -1 means the header row.\n     */\n    _setKeyboardFocus(rowIndex: number, cellIndex: number) {\n        \n        const previousRowIndex = this._keyboardFocusedRowIndex\n        const previousCellIndex = this._keyboardFocusedCellIndex\n        \n        // When moving to a different data row, land on the first button cell by default\n        if (rowIndex >= 0 && rowIndex !== previousRowIndex) {\n            const row = this.visibleRowWithIndex(rowIndex) as any\n            if (row && typeof row.firstButtonCellIndex === \"function\") {\n                cellIndex = row.firstButtonCellIndex()\n            }\n        }\n        \n        this._keyboardFocusedRowIndex = rowIndex\n        this._keyboardFocusedCellIndex = cellIndex\n        \n        // Clear highlight from old position\n        if (previousRowIndex !== undefined && previousRowIndex !== rowIndex) {\n            this._clearKeyboardFocusOnRow(previousRowIndex)\n        }\n        else if (previousRowIndex === rowIndex && previousCellIndex !== cellIndex) {\n            this._clearKeyboardFocusOnRow(rowIndex)\n        }\n        \n        // Scroll the focused row into view if it is a data row\n        if (rowIndex >= 0) {\n            this._scrollRowIntoView(rowIndex)\n        }\n        \n        // Apply highlight to new position\n        this._applyKeyboardFocusToVisibleRows()\n        \n        // Notify observers (CBDataView uses this to sync header highlight)\n        this.keyboardFocusDidChange?.(rowIndex, cellIndex)\n        \n    }\n    \n    _clearKeyboardFocus() {\n        const previous = this._keyboardFocusedRowIndex\n        this._keyboardFocusedRowIndex = undefined\n        if (previous !== undefined) {\n            this._clearKeyboardFocusOnRow(previous)\n        }\n        this.keyboardFocusDidChange?.(undefined, this._keyboardFocusedCellIndex)\n    }\n    \n    _clearKeyboardFocusOnRow(rowIndex: number) {\n        if (rowIndex === -1) {\n            // Header \u2014 notify via callback; CBDataView handles the header view\n            this.keyboardFocusDidChange?.(-1, -1)\n            return\n        }\n        const row = this.visibleRowWithIndex(rowIndex) as any\n        if (row && typeof row.setKeyboardFocusedCellIndex === \"function\") {\n            row.setKeyboardFocusedCellIndex(undefined)\n        }\n    }\n    \n    _applyKeyboardFocusToVisibleRows(clearAll = false) {\n        this._visibleRows.forEach((row: any) => {\n            if (typeof row.setKeyboardFocusedCellIndex !== \"function\") {\n                return\n            }\n            if (clearAll || row._UITableViewRowIndex !== this._keyboardFocusedRowIndex) {\n                row.setKeyboardFocusedCellIndex(undefined)\n            }\n            else {\n                row.setKeyboardFocusedCellIndex(this._keyboardFocusedCellIndex)\n            }\n        })\n    }\n    \n    _scrollRowIntoView(rowIndex: number) {\n        const position = this._rowPositionWithIndex(rowIndex)\n        if (!position) {\n            return\n        }\n        const offsetY = this.contentOffset.y\n        const visibleHeight = this.bounds.height\n        if (position.topY < offsetY) {\n            const duration = this.animationDuration\n            this.animationDuration = 0\n            this.contentOffset = this.contentOffset.pointWithY(position.topY)\n            this.animationDuration = duration\n        }\n        else if (position.bottomY > offsetY + visibleHeight) {\n            const duration = this.animationDuration\n            this.animationDuration = 0\n            this.contentOffset = this.contentOffset.pointWithY(position.bottomY - visibleHeight)\n            this.animationDuration = duration\n        }\n    }\n    \n    /** Expose so CBDataView can call it after loading data. */\n    focusRowAtIndex(rowIndex: number, cellIndex: number = 0) {\n        this._setKeyboardFocus(rowIndex, cellIndex)\n        this._keyboardListenerElement.focus({ preventScroll: true })\n    }\n    \n    \n    _windowScrollHandler = () => {\n        if (!this.isMemberOfViewTree) {\n            return\n        }\n        this._scheduleDrawVisibleRows()\n    }\n    \n    _resizeHandler = () => {\n        if (!this.isMemberOfViewTree) {\n            return\n        }\n        // Invalidate all row positions on resize as widths may have changed\n        this._rowPositions.everyElement.isValid = NO\n        this._highestValidRowPositionIndex = -1\n        this._scheduleDrawVisibleRows()\n    }\n    \n    _setupViewportScrollAndResizeHandlersIfNeeded() {\n        if (this._intersectionObserver) {\n            return\n        }\n        \n        window.addEventListener(\"scroll\", this._windowScrollHandler, { passive: true })\n        window.addEventListener(\"resize\", this._resizeHandler, { passive: true })\n        \n        // Use IntersectionObserver to detect when table enters/exits viewport\n        this._intersectionObserver = new IntersectionObserver(\n            (entries) => {\n                entries.forEach(entry => {\n                    if (entry.isIntersecting && this.isMemberOfViewTree) {\n                        this._scheduleDrawVisibleRows()\n                    }\n                })\n            },\n            {\n                root: null,\n                rootMargin: \"100% 0px\", // Load rows 100% viewport height before/after\n                threshold: 0\n            }\n        )\n        this._intersectionObserver.observe(this.viewHTMLElement)\n    }\n    \n    \n    _cleanupViewportScrollListeners() {\n        window.removeEventListener(\"scroll\", this._windowScrollHandler)\n        window.removeEventListener(\"resize\", this._resizeHandler)\n        if (this._intersectionObserver) {\n            this._intersectionObserver.disconnect()\n            this._intersectionObserver = undefined\n        }\n    }\n    \n    override wasRemovedFromViewTree() {\n        super.wasRemovedFromViewTree()\n        this._cleanupViewportScrollListeners()\n        if (this._keydownHandler) {\n            this.viewHTMLElement.removeEventListener(\"keydown\", this._keydownHandler)\n        }\n        // Reset so listeners are re-attached if added back to the tree\n        this._keyboardListenersAttached = false\n    }\n    \n    \n    loadData() {\n        \n        this._persistedData = []\n        \n        this._calculatePositionsUntilIndex(this.numberOfRows() - 1)\n        this._needsDrawingOfVisibleRowsBeforeLayout = YES\n        \n        this.setNeedsLayout()\n        \n    }\n    \n    reloadData() {\n        \n        this._removeVisibleRows()\n        this._removeAllReusableRows()\n        \n        this._rowPositions = []\n        this._highestValidRowPositionIndex = -1\n        \n        if (this.allRowsHaveEqualHeight) {\n            UIView.invalidateSharedIntrinsicSizeCache(this._equalRowHeightCacheIdentifier)\n        }\n        \n        this.loadData()\n        \n    }\n    \n    \n    highlightChanges(previousData: any[], newData: any[]) {\n        \n        previousData = previousData.map(dataPoint => JSON.stringify(dataPoint))\n        newData = newData.map(dataPoint => JSON.stringify(dataPoint))\n        \n        const newIndexes: number[] = []\n        \n        newData.forEach((value, index) => {\n            \n            if (!previousData.contains(value)) {\n                \n                newIndexes.push(index)\n                \n            }\n            \n        })\n        \n        newIndexes.forEach(index => {\n            \n            if (this.isRowWithIndexVisible(index)) {\n                this.highlightRowAsNew(\n                    this.visibleRowWithIndex(index) ?? this.viewForRowWithIndex(index)\n                )\n            }\n            \n        })\n        \n    }\n    \n    \n    highlightRowAsNew(row: UIView) {\n    \n    \n    }\n    \n    \n    invalidateSizeOfRowWithIndex(index: number, animateChange = NO) {\n        if (this._rowPositions?.[index]) {\n            FIRST_OR_NIL(this._rowPositions[index]).isValid = NO\n            this._rowPositions.slice(index).everyElement.isValid = NO\n        }\n        this._highestValidRowPositionIndex = Math.min(this._highestValidRowPositionIndex, index - 1)\n        this._needsDrawingOfVisibleRowsBeforeLayout = YES\n        this._shouldAnimateNextLayout = animateChange\n    }\n    \n    \n    _rowPositionWithIndex(index: number, positions = this._rowPositions) {\n        if (this.allRowsHaveEqualHeight && index > 0) {\n            const firstPositionObject = positions[0]\n            const rowHeight = firstPositionObject.bottomY - firstPositionObject.topY\n            const result = {\n                bottomY: rowHeight * (index + 1),\n                topY: rowHeight * index,\n                isValid: firstPositionObject.isValid\n            }\n            return result\n        }\n        return positions[index]\n    }\n    \n    _calculateAllPositions() {\n        this._calculatePositionsUntilIndex(this.numberOfRows() - 1)\n    }\n    \n    _calculatePositionsUntilIndex(maxIndex: number) {\n        \n        if (this.allRowsHaveEqualHeight) {\n            const positionObject: UITableViewReusableViewPositionObject = {\n                bottomY: this._heightForAnyRow(),\n                topY: 0,\n                isValid: YES\n            }\n            this._rowPositions = [positionObject]\n            return\n        }\n        \n        let validPositionObject = this._rowPositions[this._highestValidRowPositionIndex]\n        if (!IS(validPositionObject)) {\n            validPositionObject = {\n                bottomY: 0,\n                topY: 0,\n                isValid: YES\n            }\n        }\n        \n        let previousBottomY = validPositionObject.bottomY\n        if (!this._rowPositions.length) {\n            this._highestValidRowPositionIndex = -1\n        }\n        \n        for (let i = this._highestValidRowPositionIndex + 1; i <= maxIndex; i++) {\n            \n            let height: number\n            \n            const rowPositionObject = this._rowPositions[i]\n            \n            if (IS((rowPositionObject || nil).isValid)) {\n                height = rowPositionObject.bottomY - rowPositionObject.topY\n            }\n            // Do not calculate heights if all rows have equal heights, and we already have a height\n            else if (this.allRowsHaveEqualHeight && i > 0) {\n                height = this._rowPositions[0].bottomY - this._rowPositions[0].topY\n            }\n            else {\n                height = this.heightForRowWithIndex(i)\n            }\n            \n            const positionObject: UITableViewReusableViewPositionObject = {\n                bottomY: previousBottomY + height,\n                topY: previousBottomY,\n                isValid: YES\n            }\n            \n            if (i < this._rowPositions.length) {\n                this._rowPositions[i] = positionObject\n            }\n            else {\n                this._rowPositions.push(positionObject)\n            }\n            this._highestValidRowPositionIndex = i\n            previousBottomY = previousBottomY + height\n            \n        }\n        \n    }\n    \n    \n    _heightForAnyRow(calculateVisibleRows = YES) {\n        return this.heightForRowWithIndex(\n            this._visibleRows.firstElement?._UITableViewRowIndex ??\n            (calculateVisibleRows ? this.indexesForVisibleRows().firstElement : 0) ??\n            0\n        )\n    }\n    \n    indexesForVisibleRows(paddingRatio = 0.5): number[] {\n        \n        // 1. Calculate the visible frame relative to the Table's bounds (0,0 is top-left of the table view)\n        // This accounts for the Window viewport clipping the table if it is partially off-screen.\n        const tableRect = this.viewHTMLElement.getBoundingClientRect()\n        const viewportHeight = window.innerHeight\n        const pageScale = UIView.pageScale\n        \n        // The top of the visible window relative to the view's top edge.\n        // If tableRect.top is negative, the table is scrolled up and clipped by the window top.\n        const visibleFrameTop = Math.max(0, -tableRect.top / pageScale)\n        \n        // The bottom of the visible window relative to the view's top edge.\n        // We clip it to the table's actual bounds height so we don't look past the table content.\n        const visibleFrameBottom = Math.min(\n            this.bounds.height,\n            (viewportHeight - tableRect.top) / pageScale\n        )\n        \n        // If the table is completely off-screen, return empty\n        if (visibleFrameBottom <= visibleFrameTop) {\n            return []\n        }\n        \n        // 2. Convert to Content Coordinates (Scroll Offset)\n        // contentOffset.y is the internal scroll position.\n        // If using viewport scrolling (full height), contentOffset.y is typically 0.\n        // If using internal scrolling, this shifts the visible frame to the correct content rows.\n        let firstVisibleY = this.contentOffset.y + visibleFrameTop\n        let lastVisibleY = this.contentOffset.y + visibleFrameBottom\n        \n        // 3. Apply Padding\n        // We calculate padding based on the viewport height to ensure smooth scrolling\n        const paddingPx = (viewportHeight / pageScale) * paddingRatio\n        firstVisibleY = Math.max(0, firstVisibleY - paddingPx)\n        lastVisibleY = lastVisibleY + paddingPx\n        \n        const numberOfRows = this.numberOfRows()\n        \n        // 4. Find Indexes\n        if (this.allRowsHaveEqualHeight) {\n            \n            const rowHeight = this._heightForAnyRow(NO)\n            \n            let firstIndex = Math.floor(firstVisibleY / rowHeight)\n            let lastIndex = Math.floor(lastVisibleY / rowHeight)\n            \n            // Clamp BOTH indexes to [0, numberOfRows-1].\n            // Without the upper clamp on firstIndex, when the viewport extends below the\n            // last row firstIndex can exceed numberOfRows-1 while lastIndex is already\n            // clamped there. firstIndex > lastIndex \u2192 empty result \u2192 _removeVisibleRows \u2192\n            // browser collapses scrollHeight \u2192 scrollTop resets to 0 \u2192 rows pile at top.\n            firstIndex = Math.max(0, Math.min(firstIndex, numberOfRows - 1))\n            lastIndex = Math.max(0, Math.min(lastIndex, numberOfRows - 1))\n            \n            const result = []\n            for (let i = firstIndex; i <= lastIndex; i++) {\n                result.push(i)\n            }\n            return result\n        }\n        \n        // Variable Heights\n        this._calculateAllPositions()\n        const result = []\n        \n        // Clamp firstVisibleY to the actual content height so that when the viewport\n        // extends below the last row the intersection check still matches the final rows\n        // rather than producing an empty result.\n        const totalContentHeight = IF(this._rowPositions.lastElement)(() =>\n            this._rowPositions.lastElement.bottomY\n        ).ELSE(() =>\n            0\n        )\n        firstVisibleY = Math.min(firstVisibleY, totalContentHeight)\n        \n        for (let i = 0; i < numberOfRows; i++) {\n            \n            const position = this._rowPositionWithIndex(i)\n            if (!position) {\n                break\n            }\n            \n            const rowTop = position.topY\n            const rowBottom = position.bottomY\n            \n            // Check intersection\n            if (rowBottom >= firstVisibleY && rowTop <= lastVisibleY) {\n                result.push(i)\n            }\n            \n            if (rowTop > lastVisibleY) {\n                break\n            }\n            \n        }\n        \n        return result\n        \n    }\n    \n    \n    // This is called when no rows are supposed to be visible as a performance shortcut\n    _removeVisibleRows() {\n        \n        this._visibleRows.forEach((row: UIView) => {\n            \n            this._persistedData[row._UITableViewRowIndex as number] = this.persistenceDataItemForRowWithIndex(\n                row._UITableViewRowIndex as number,\n                row\n            )\n            row.removeFromSuperview()\n            this._markReusableViewAsUnused(row)\n            \n        })\n        this._visibleRows = []\n        \n    }\n    \n    \n    _removeAllReusableRows() {\n        this._unusedReusableViews.forEach((rows: UIView[]) =>\n            rows.forEach((row: UIView) => {\n                \n                this._persistedData[row._UITableViewRowIndex as number] = this.persistenceDataItemForRowWithIndex(\n                    row._UITableViewRowIndex as number,\n                    row\n                )\n                row.removeFromSuperview()\n                \n            })\n        )\n        this._unusedReusableViews = {}\n    }\n    \n    \n    _markReusableViewAsUnused(row: UIView) {\n        const identifier = row._UITableViewReusabilityIdentifier\n        if (!this._unusedReusableViews[identifier]) {\n            this._unusedReusableViews[identifier] = []\n        }\n        if (!this._unusedReusableViews[identifier].contains(row)) {\n            this._unusedReusableViews[identifier].push(row)\n        }\n    }\n    \n    _scheduleDrawVisibleRows() {\n        if (!this._isDrawVisibleRowsScheduled) {\n            this._isDrawVisibleRowsScheduled = YES\n            \n            UIView.runFunctionBeforeNextFrame(() => {\n                this._calculateAllPositions()\n                this._drawVisibleRows()\n                this.setNeedsLayout()\n                this._isDrawVisibleRowsScheduled = NO\n            })\n        }\n    }\n    \n    _drawVisibleRows() {\n        \n        if (!this.isMemberOfViewTree) {\n            return\n        }\n        \n        // Uses the unified method above\n        const visibleIndexes = this.indexesForVisibleRows()\n        \n        // If no rows are visible, remove all current rows\n        if (visibleIndexes.length === 0) {\n            this._removeVisibleRows()\n            return\n        }\n        \n        const minIndex = visibleIndexes[0]\n        const maxIndex = visibleIndexes[visibleIndexes.length - 1]\n        \n        const removedViews: UITableViewRowView[] = []\n        const visibleRows: UITableViewRowView[] = []\n        \n        // 1. Identify rows that have moved off-screen\n        this._visibleRows.forEach((row) => {\n            if (IS_DEFINED(row._UITableViewRowIndex) &&\n                (row._UITableViewRowIndex < minIndex || row._UITableViewRowIndex > maxIndex)) {\n                \n                // Persist state before removal\n                this._persistedData[row._UITableViewRowIndex] = this.persistenceDataItemForRowWithIndex(\n                    row._UITableViewRowIndex,\n                    row\n                )\n                this._markReusableViewAsUnused(row)\n                removedViews.push(row)\n            }\n            else {\n                visibleRows.push(row)\n            }\n        })\n        \n        this._visibleRows = visibleRows\n        \n        // 2. Add new rows that have moved onto the screen\n        visibleIndexes.forEach((rowIndex: number) => {\n            // If the view is already in this._visibleRows, do nothing to it\n            if (this.isRowWithIndexVisible(rowIndex)) {\n                return\n            }\n            \n            // Get view from reuse pool (marked as unused before) or make a new one\n            const view: UITableViewRowView = this.viewForRowWithIndex(rowIndex)\n            this._visibleRows.push(view)\n            this.addSubview(view)\n            \n            // Ensure the row and all its children stay out of the natural tab order\n            view.tabIndex = -1\n            view.forEachViewInSubtree(subview => {\n                subview.tabIndex = -1\n            })\n        })\n        \n        // 3. Clean up DOM\n        removedViews.forEach(row => {\n            // Check that the row has not been added back\n            if (this._visibleRows.indexOf(row) == -1) {\n                row.removeFromSuperview()\n            }\n        })\n        \n        // 4. Re-apply keyboard focus highlight after rows are re-rendered\n        this._applyKeyboardFocusToVisibleRows()\n        \n    }\n    \n    \n    visibleRowWithIndex(rowIndex: number | undefined): UIView | undefined {\n        for (let i = 0; i < this._visibleRows.length; i++) {\n            const row = this._visibleRows[i]\n            if (row._UITableViewRowIndex == rowIndex) {\n                return row\n            }\n        }\n    }\n    \n    \n    isRowWithIndexVisible(rowIndex: number) {\n        return IS(this.visibleRowWithIndex(rowIndex))\n    }\n    \n    \n    reusableViewForIdentifier(identifier: string, rowIndex: number): UITableViewRowView {\n        \n        const visibleRowView = this.visibleRowWithIndex(rowIndex)\n        if (visibleRowView?._UITableViewReusabilityIdentifier === identifier) {\n            return visibleRowView\n        }\n        \n        if (!this._unusedReusableViews[identifier]) {\n            this._unusedReusableViews[identifier] = []\n        }\n        \n        let view: UITableViewRowView\n        \n        if (this._unusedReusableViews[identifier]?.length) {\n            \n            view = this._unusedReusableViews[identifier].pop() as UITableViewRowView\n            view._UITableViewRowIndex = rowIndex\n            Object.assign(view, this._persistedData[rowIndex] || this.defaultRowPersistenceDataItem())\n            \n        }\n        else {\n            \n            view = this.newReusableViewForIdentifier(identifier, this._rowIDIndex) as UITableViewRowView\n            this._rowIDIndex = this._rowIDIndex + 1\n            \n            view._UITableViewReusabilityIdentifier = identifier\n            view._UITableViewRowIndex = rowIndex\n            \n            Object.assign(view, this._persistedData[rowIndex] || this.defaultRowPersistenceDataItem())\n            \n        }\n        \n        // When all rows are uniform, opt the view into the shared height cache so\n        // only the first measurement is ever computed for the whole table.\n        if (this.allRowsHaveEqualHeight) {\n            view.sharedIntrinsicSizeCacheIdentifier = this._equalRowHeightCacheIdentifier\n        }\n        else {\n            view.sharedIntrinsicSizeCacheIdentifier = undefined\n        }\n        \n        return view\n        \n    }\n    \n    \n    // Functions that should be overridden to draw the correct content START\n    newReusableViewForIdentifier(identifier: string, rowIDIndex: number): UIView {\n        \n        const view = new UIButton(this.elementID + \"Row\" + rowIDIndex)\n        \n        view.stopsPointerEventPropagation = NO\n        view.pausesPointerEvents = NO\n        \n        return view\n        \n    }\n    \n    heightForRowWithIndex(index: number): number {\n        return 50\n    }\n    \n    numberOfRows() {\n        return 10000\n    }\n    \n    defaultRowPersistenceDataItem(): any {\n    \n    \n    }\n    \n    persistenceDataItemForRowWithIndex(rowIndex: number, row: UIView): any {\n    \n    \n    }\n    \n    viewForRowWithIndex(rowIndex: number): UITableViewRowView {\n        const row = this.reusableViewForIdentifier(\"Row\", rowIndex)\n        row._UITableViewRowIndex = rowIndex\n        FIRST_OR_NIL((row as unknown as UIButton).titleLabel).text = \"Row \" + rowIndex\n        return row\n    }\n    \n    // Functions that should be overridden to draw the correct content END\n    \n    \n    // Functions that trigger redrawing of the content\n    override didScrollToPosition(offsetPosition: UIPoint) {\n        \n        super.didScrollToPosition(offsetPosition)\n        \n        this.forEachViewInSubtree((view: UIView) => {\n            view._isPointerValid = NO\n        })\n        \n        this._scheduleDrawVisibleRows()\n        \n    }\n    \n    override willMoveToSuperview(superview: UIView) {\n        super.willMoveToSuperview(superview)\n        \n        if (IS(superview)) {\n            // Set up viewport listeners when added to a superview\n            this._setupViewportScrollAndResizeHandlersIfNeeded()\n        }\n        else {\n            // Clean up when removed from superview\n            this._cleanupViewportScrollListeners()\n        }\n    }\n    \n    override wasAddedToViewTree() {\n        super.wasAddedToViewTree()\n        this.loadData()\n        \n        // Ensure listeners are set up\n        this._setupViewportScrollAndResizeHandlersIfNeeded()\n        \n        // Attach keyboard and pointer listeners now that the element is stable\n        // in the DOM. Guarded so repeated wasAddedToViewTree calls (e.g. after\n        // navigation returns) don't stack duplicate listeners.\n        if (!this._keyboardListenersAttached) {\n            this._keyboardListenersAttached = true\n            const el = this._keyboardListenerElement\n            \n            el.addEventListener(\"keydown\", this._keydownHandler!)\n            \n            el.addEventListener(\"pointerdown\", (event: PointerEvent) => {\n                let target = event.target as HTMLElement | null\n                while (target && target !== el) {\n                    const viewObject = (target as any).UIViewObject as UITableViewRowView | undefined\n                    if (viewObject?._UITableViewRowIndex !== undefined) {\n                        el.focus({ preventScroll: true })\n                        this._setKeyboardFocus(viewObject._UITableViewRowIndex, this._keyboardFocusedCellIndex)\n                        return\n                    }\n                    target = target.parentElement\n                }\n                el.focus({ preventScroll: true })\n            })\n            \n            el.addEventListener(\"focus\", () => {\n                if (this._keyboardFocusedRowIndex === undefined && this.numberOfRows() > 0) {\n                    this._setKeyboardFocus(0, this._keyboardFocusedCellIndex)\n                }\n                else if (this._keyboardFocusedRowIndex !== undefined) {\n                    this._applyKeyboardFocusToVisibleRows()\n                }\n            })\n            \n            el.addEventListener(\"blur\", (event: FocusEvent) => {\n                if (!el.contains(event.relatedTarget as Node)) {\n                    this._applyKeyboardFocusToVisibleRows(true)\n                }\n            })\n        }\n        \n        // Remove all subviews from the browser's natural tab order.\n        // The container (_keyboardListenerElement) is the single tab stop.\n        // Internal navigation is handled exclusively via arrow keys.\n        this.forEachViewInSubtree(view => {\n            if (view !== this) {\n                view.tabIndex = -1\n            }\n        })\n        // Re-assert tabIndex=0 on the listener element \u2014 wasAddedToViewTree fires\n        // on every tree insertion including navigation returns.\n        this._keyboardListenerElement.tabIndex = 0\n        \n    }\n    override setFrame(rectangle: UIRectangle, zIndex?: number, performUncheckedLayout?: boolean) {\n        \n        const frame = this.frame\n        super.setFrame(rectangle, zIndex, performUncheckedLayout)\n        if (frame.isEqualTo(rectangle) && !performUncheckedLayout) {\n            return\n        }\n        \n        this._needsDrawingOfVisibleRowsBeforeLayout = YES\n        \n    }\n    \n    \n    override didReceiveBroadcastEvent(event: UIViewBroadcastEvent) {\n        \n        super.didReceiveBroadcastEvent(event)\n        \n        if (event.name == UIView.broadcastEventName.LanguageChanged && this.reloadsOnLanguageChange) {\n            \n            this.reloadData()\n            \n        }\n        \n        \n    }\n    \n    \n    override clearIntrinsicSizeCache() {\n        super.clearIntrinsicSizeCache()\n        if (this.allRowsHaveEqualHeight) {\n            UIView.invalidateSharedIntrinsicSizeCache(this._equalRowHeightCacheIdentifier)\n        }\n        this.invalidateSizeOfRowWithIndex(0)\n    }\n    \n    private _layoutAllRows(positions = this._rowPositions) {\n        \n        const bounds = this.bounds\n        \n        this._visibleRows.sort((rowA, rowB) => rowA._UITableViewRowIndex! - rowB._UITableViewRowIndex!)\n            .forEach(row => {\n                \n                const frame = bounds.copy()\n                \n                const positionObject = this._rowPositionWithIndex(row._UITableViewRowIndex!, positions)\n                frame.min.y = positionObject.topY\n                frame.max.y = positionObject.bottomY\n                row.frame = frame\n                \n                row.style.width = \"\" + (bounds.width - this.sidePadding * 2).integerValue + \"px\"\n                row.style.left = \"\" + this.sidePadding.integerValue + \"px\"\n                \n                // Set aria-rowindex (1-based per ARIA spec)\n                row.viewHTMLElement.setAttribute(\"aria-rowindex\", String((row._UITableViewRowIndex ?? 0) + 1))\n                \n                // This is to reorder the elements in the DOM\n                this.viewHTMLElement.appendChild(row.viewHTMLElement)\n                \n            })\n        \n        // Use _rowPositionWithIndex rather than positions.lastElement.\n        // When allRowsHaveEqualHeight = YES, _rowPositions contains only a single\n        // entry (row 0). positions.lastElement.bottomY would therefore equal just\n        // ONE row's height (e.g. 50px) instead of the full content height.\n        // _rowPositionWithIndex correctly uses the computed formula for equal-height\n        // tables (numberOfRows \u00D7 rowHeight) and falls back to positions[N-1] otherwise.\n        // This ensures _fullHeightView maintains the correct scroll height even when\n        // all visible rows have been removed from the DOM (e.g. after crossing the\n        // bottom edge), preventing the browser from clamping scrollTop to 0.\n        const numberOfRows = this.numberOfRows()\n        const fullContentHeight = numberOfRows\n                                  ? this._rowPositionWithIndex(numberOfRows - 1, positions).bottomY\n                                  : 0\n        this._fullHeightView.frame = bounds.rectangleWithHeight(fullContentHeight)\n            .rectangleWithWidth(bounds.width * 0.5)\n        \n    }\n    \n    private _animateLayoutAllRows() {\n        \n        UIView.animateViewOrViewsWithDurationDelayAndFunction(\n            this._visibleRows,\n            this.animationDuration,\n            0,\n            undefined,\n            () => {\n                \n                this._layoutAllRows()\n                \n            },\n            () => {\n            \n            \n            }\n        )\n        \n    }\n    \n    \n    override layoutSubviews() {\n        \n        if (this.isVirtualLayouting) {\n            console.error(\"layout subviews called during virtual layouting on UITableView, \" +\n                \"indicating a possible error in the layout system.\")\n            return\n        }\n        \n        const previousPositions: UITableViewReusableViewPositionObject[] = JSON.parse(\n            JSON.stringify(this._rowPositions))\n        \n        const previousVisibleRowsLength = this._visibleRows.length\n        \n        if (this._needsDrawingOfVisibleRowsBeforeLayout) {\n            \n            this._drawVisibleRows()\n            \n            this._needsDrawingOfVisibleRowsBeforeLayout = NO\n            \n        }\n        \n        \n        super.layoutSubviews()\n        \n        \n        if (!this.numberOfRows() || !this.isMemberOfViewTree) {\n            \n            return\n            \n        }\n        \n        \n        if (this._shouldAnimateNextLayout) {\n            \n            \n            // Need to do layout with the previous positions\n            \n            this._layoutAllRows(previousPositions)\n            \n            \n            if (previousVisibleRowsLength < this._visibleRows.length) {\n                \n                \n                UIView.runFunctionBeforeNextFrame(() => {\n                    \n                    this._animateLayoutAllRows()\n                    \n                })\n                \n            }\n            else {\n                \n                this._animateLayoutAllRows()\n                \n            }\n            \n            \n            this._shouldAnimateNextLayout = NO\n            \n        }\n        else {\n            \n            this._calculateAllPositions()\n            \n            this._layoutAllRows()\n            \n            \n        }\n        \n        \n    }\n    \n    \n    override intrinsicContentHeight(constrainingWidth = 0) {\n        \n        let result = 0\n        this._calculateAllPositions()\n        \n        const numberOfRows = this.numberOfRows()\n        if (numberOfRows) {\n            result = this._rowPositionWithIndex(numberOfRows - 1).bottomY\n        }\n        \n        return result\n        \n    }\n    \n    \n}\n"],
+  "mappings": "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",
   "names": ["result"]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "uicore-ts",
-  "version": "1.1.205",
+  "version": "1.1.207",
   "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/UIAutocompleteTextField.ts

@@ -34,10 +34,21 @@ export class UIAutocompleteTextField<T = string> extends UITextField {
             this.commitSelection(item)
         }
         
+        let textBeforeFocus = this.text
+        let itemBeforeFocus = this.selectedItem
         // Open dropdown on focus
         this.controlEventTargetAccumulator.Focus = () => {
+            textBeforeFocus = this.text
+            itemBeforeFocus = this.selectedItem
+            this.text = ""
             this.openDropdown()
             this.textElementView.viewHTMLElement.select()
+            const matchIndex = this._dropdownView.filteredItems.findIndex(
+                item => item.label === textBeforeFocus
+            )
+            if (matchIndex !== -1) {
+                this._dropdownView.highlightedRowIndex = matchIndex
+            }
         }
         
         // Close on blur
@@ -90,6 +101,12 @@ export class UIAutocompleteTextField<T = string> extends UITextField {
         this.addTargetForControlEvent(UIView.controlEvent.EscDown, () => {
             if (this._isDropdownOpen) {
                 this.closeDropdown()
+                if (this.strictSelection) {
+                    this.commitSelection(itemBeforeFocus as any)
+                }
+                else {
+                    this.text = textBeforeFocus
+                }
             }
         })
         
@@ -123,6 +140,7 @@ export class UIAutocompleteTextField<T = string> extends UITextField {
     
     commitSelection(item: UIAutocompleteItem<T>) {
         
+        this.blur()
         this._selectedItem = item
         this.text = item.label
         this.closeDropdown()
@@ -169,11 +187,9 @@ export class UIAutocompleteTextField<T = string> extends UITextField {
             filtered = this._autocompleteItems
         }
         else {
-            const words = filterText.split(/\s+/)
-            filtered = this._autocompleteItems.filter(item => {
-                const label = item.label.toLowerCase()
-                return words.every(word => label.includes(word))
-            })
+            filtered = this._autocompleteItems.filter(item =>
+                item.label.toLowerCase().includes(filterText)
+            )
         }
         
         // If the only remaining result is an exact match for the current text,
@@ -259,8 +275,6 @@ export class UIAutocompleteTextField<T = string> extends UITextField {
     }
     
     
-    
-    
     /**
      * Hook for subclasses to apply custom visual styling based on validation state.
      * Called after dropdown closes and after selection changes.

package/scripts/UITableView.ts

@@ -67,6 +67,24 @@ export class UITableView extends UINativeScrollView {
     // Viewport scrolling properties
     _intersectionObserver?: IntersectionObserver
     
+    // -------------------------------------------------------------------------
+    // Keyboard navigation state
+    // -------------------------------------------------------------------------
+    
+    /** Row index with -1 meaning the header row. undefined means no focus. */
+    _keyboardFocusedRowIndex: number | undefined = undefined
+    /** Cell index within the focused row. */
+    _keyboardFocusedCellIndex: number = 0
+    /** Total number of data columns (excludes left/right side cells). Set by CBDataView. */
+    _columnCount: number = 0
+    /** Called by UITableView when the focused row/cell changes. CBDataView overrides this. */
+    keyboardFocusDidChange?: (rowIndex: number | undefined, cellIndex: number) => void
+    /** Fired when Enter is pressed on a focused cell. Passes rowIndex and cellIndex. */
+    keyboardDidActivateCell?: (rowIndex: number, cellIndex: number) => void
+    
+    _keydownHandler?: (event: KeyboardEvent) => void
+    _keyboardListenersAttached = false
+    
     
     get _reusableViews(): UITableViewReusableViewsContainerObject {
         
@@ -106,7 +124,266 @@ export class UITableView extends UINativeScrollView {
         this.scrollsX = NO
         
         this._setupViewportScrollAndResizeHandlersIfNeeded()
+        this._setupGridAccessibility()
+        this._setupKeyboardNavigation()
+        
+    }
+    
+    
+    // -------------------------------------------------------------------------
+    // ARIA / Accessibility setup
+    // -------------------------------------------------------------------------
+    
+    /**
+     * The element that receives tabIndex, ARIA grid role, and all keyboard/pointer
+     * listeners. Defaults to the table's own element. CBDataView overrides this
+     * to a container that wraps both the header and the table, so the focus ring
+     * encompasses both.
+     */
+    _keyboardListenerElement: HTMLElement = this.viewHTMLElement
+    
+    _setupGridAccessibility() {
+        const el = this._keyboardListenerElement
+        el.setAttribute("role", "grid")
+        el.setAttribute("aria-rowcount", "0")
+        el.setAttribute("aria-colcount", "0")
+        el.tabIndex = 0
+    }
+    
+    /** Called by CBDataView after descriptors change. */
+    setColumnCount(count: number) {
+        this._columnCount = count
+        this._keyboardListenerElement.setAttribute("aria-colcount", String(count))
+    }
+    
+    /** Called by CBDataView after data loads. */
+    setRowCount(count: number) {
+        this._keyboardListenerElement.setAttribute("aria-rowcount", String(count))
+    }
+    
+    
+    // -------------------------------------------------------------------------
+    // Keyboard navigation
+    // -------------------------------------------------------------------------
+    
+    _setupKeyboardNavigation() {
         
+        this._keydownHandler = (event: KeyboardEvent) => {
+            
+            if (!this.isMemberOfViewTree) {
+                return
+            }
+            
+            const rowCount = this.numberOfRows()
+            const hasHeader = this._keyboardFocusedRowIndex !== undefined
+            
+            if (event.key === "ArrowDown") {
+                event.preventDefault()
+                if (this._keyboardFocusedRowIndex === undefined) {
+                    this._setKeyboardFocus(0, this._keyboardFocusedCellIndex)
+                }
+                else if (event.metaKey || event.ctrlKey) {
+                    this._setKeyboardFocus(rowCount - 1, this._keyboardFocusedCellIndex)
+                }
+                else if (event.altKey) {
+                    const pageSize = Math.max(1, Math.floor(this.bounds.height / (this._heightForAnyRow() || 50)))
+                    const next = Math.min((this._keyboardFocusedRowIndex < 0 ? 0 : this._keyboardFocusedRowIndex) + pageSize, rowCount - 1)
+                    this._setKeyboardFocus(next, this._keyboardFocusedCellIndex)
+                }
+                else if (this._keyboardFocusedRowIndex === -1) {
+                    this._setKeyboardFocus(0, this._keyboardFocusedCellIndex)
+                }
+                else if (this._keyboardFocusedRowIndex < rowCount - 1) {
+                    this._setKeyboardFocus(this._keyboardFocusedRowIndex + 1, this._keyboardFocusedCellIndex)
+                }
+            }
+            else if (event.key === "ArrowUp") {
+                event.preventDefault()
+                if (this._keyboardFocusedRowIndex === undefined) {
+                    this._setKeyboardFocus(rowCount - 1, this._keyboardFocusedCellIndex)
+                }
+                else if (event.metaKey || event.ctrlKey) {
+                    this._setKeyboardFocus(-1, this._keyboardFocusedCellIndex)
+                }
+                else if (event.altKey) {
+                    const pageSize = Math.max(1, Math.floor(this.bounds.height / (this._heightForAnyRow() || 50)))
+                    const prev = Math.max((this._keyboardFocusedRowIndex < 0 ? 0 : this._keyboardFocusedRowIndex) - pageSize, -1)
+                    this._setKeyboardFocus(prev, this._keyboardFocusedCellIndex)
+                }
+                else if (this._keyboardFocusedRowIndex === 0) {
+                    this._setKeyboardFocus(-1, this._keyboardFocusedCellIndex)
+                }
+                else if (this._keyboardFocusedRowIndex > 0) {
+                    this._setKeyboardFocus(this._keyboardFocusedRowIndex - 1, this._keyboardFocusedCellIndex)
+                }
+            }
+            else if (event.key === "ArrowRight") {
+                event.preventDefault()
+                if (this._keyboardFocusedRowIndex !== undefined && this._columnCount > 0) {
+                    const nextCell = event.metaKey || event.ctrlKey
+                                     ? this._columnCount - 1
+                                     : Math.min(this._keyboardFocusedCellIndex + 1, this._columnCount - 1)
+                    this._setKeyboardFocus(this._keyboardFocusedRowIndex, nextCell)
+                }
+            }
+            else if (event.key === "ArrowLeft") {
+                event.preventDefault()
+                if (this._keyboardFocusedRowIndex !== undefined && this._columnCount > 0) {
+                    const prevCell = event.metaKey || event.ctrlKey
+                                     ? 0
+                                     : Math.max(this._keyboardFocusedCellIndex - 1, 0)
+                    this._setKeyboardFocus(this._keyboardFocusedRowIndex, prevCell)
+                }
+            }
+            else if (event.key === "Home") {
+                event.preventDefault()
+                if (this._keyboardFocusedRowIndex !== undefined) {
+                    this._setKeyboardFocus(this._keyboardFocusedRowIndex, 0)
+                }
+            }
+            else if (event.key === "End") {
+                event.preventDefault()
+                if (this._keyboardFocusedRowIndex !== undefined && this._columnCount > 0) {
+                    this._setKeyboardFocus(this._keyboardFocusedRowIndex, this._columnCount - 1)
+                }
+            }
+            else if (event.key === "PageDown") {
+                event.preventDefault()
+                if (this._keyboardFocusedRowIndex !== undefined) {
+                    const pageSize = Math.max(1, Math.floor(this.bounds.height / (this._heightForAnyRow() || 50)))
+                    const next = Math.min((this._keyboardFocusedRowIndex < 0 ? 0 : this._keyboardFocusedRowIndex) + pageSize, rowCount - 1)
+                    this._setKeyboardFocus(next, this._keyboardFocusedCellIndex)
+                }
+            }
+            else if (event.key === "PageUp") {
+                event.preventDefault()
+                if (this._keyboardFocusedRowIndex !== undefined) {
+                    const pageSize = Math.max(1, Math.floor(this.bounds.height / (this._heightForAnyRow() || 50)))
+                    const prev = Math.max((this._keyboardFocusedRowIndex < 0 ? 0 : this._keyboardFocusedRowIndex) - pageSize, -1)
+                    this._setKeyboardFocus(prev, this._keyboardFocusedCellIndex)
+                }
+            }
+            else if (event.key === "Enter" || event.key === " ") {
+                if (this._keyboardFocusedRowIndex !== undefined && this._keyboardFocusedRowIndex >= 0) {
+                    event.preventDefault()
+                    this.keyboardDidActivateCell?.(this._keyboardFocusedRowIndex, this._keyboardFocusedCellIndex)
+                }
+            }
+            else if (event.key === "Escape") {
+                // Release focus from the table — move to next focusable element
+                this._clearKeyboardFocus()
+                this._keyboardListenerElement.blur()
+            }
+            
+        }
+        
+        // Listeners are attached in wasAddedToViewTree to guarantee they land
+        // on the final stable viewHTMLElement after the framework has fully
+        // initialised the view.
+        
+    }
+    
+    /**
+     * Move keyboard focus to a specific row and cell.
+     * rowIndex = -1 means the header row.
+     */
+    _setKeyboardFocus(rowIndex: number, cellIndex: number) {
+        
+        const previousRowIndex = this._keyboardFocusedRowIndex
+        const previousCellIndex = this._keyboardFocusedCellIndex
+        
+        // When moving to a different data row, land on the first button cell by default
+        if (rowIndex >= 0 && rowIndex !== previousRowIndex) {
+            const row = this.visibleRowWithIndex(rowIndex) as any
+            if (row && typeof row.firstButtonCellIndex === "function") {
+                cellIndex = row.firstButtonCellIndex()
+            }
+        }
+        
+        this._keyboardFocusedRowIndex = rowIndex
+        this._keyboardFocusedCellIndex = cellIndex
+        
+        // Clear highlight from old position
+        if (previousRowIndex !== undefined && previousRowIndex !== rowIndex) {
+            this._clearKeyboardFocusOnRow(previousRowIndex)
+        }
+        else if (previousRowIndex === rowIndex && previousCellIndex !== cellIndex) {
+            this._clearKeyboardFocusOnRow(rowIndex)
+        }
+        
+        // Scroll the focused row into view if it is a data row
+        if (rowIndex >= 0) {
+            this._scrollRowIntoView(rowIndex)
+        }
+        
+        // Apply highlight to new position
+        this._applyKeyboardFocusToVisibleRows()
+        
+        // Notify observers (CBDataView uses this to sync header highlight)
+        this.keyboardFocusDidChange?.(rowIndex, cellIndex)
+        
+    }
+    
+    _clearKeyboardFocus() {
+        const previous = this._keyboardFocusedRowIndex
+        this._keyboardFocusedRowIndex = undefined
+        if (previous !== undefined) {
+            this._clearKeyboardFocusOnRow(previous)
+        }
+        this.keyboardFocusDidChange?.(undefined, this._keyboardFocusedCellIndex)
+    }
+    
+    _clearKeyboardFocusOnRow(rowIndex: number) {
+        if (rowIndex === -1) {
+            // Header — notify via callback; CBDataView handles the header view
+            this.keyboardFocusDidChange?.(-1, -1)
+            return
+        }
+        const row = this.visibleRowWithIndex(rowIndex) as any
+        if (row && typeof row.setKeyboardFocusedCellIndex === "function") {
+            row.setKeyboardFocusedCellIndex(undefined)
+        }
+    }
+    
+    _applyKeyboardFocusToVisibleRows(clearAll = false) {
+        this._visibleRows.forEach((row: any) => {
+            if (typeof row.setKeyboardFocusedCellIndex !== "function") {
+                return
+            }
+            if (clearAll || row._UITableViewRowIndex !== this._keyboardFocusedRowIndex) {
+                row.setKeyboardFocusedCellIndex(undefined)
+            }
+            else {
+                row.setKeyboardFocusedCellIndex(this._keyboardFocusedCellIndex)
+            }
+        })
+    }
+    
+    _scrollRowIntoView(rowIndex: number) {
+        const position = this._rowPositionWithIndex(rowIndex)
+        if (!position) {
+            return
+        }
+        const offsetY = this.contentOffset.y
+        const visibleHeight = this.bounds.height
+        if (position.topY < offsetY) {
+            const duration = this.animationDuration
+            this.animationDuration = 0
+            this.contentOffset = this.contentOffset.pointWithY(position.topY)
+            this.animationDuration = duration
+        }
+        else if (position.bottomY > offsetY + visibleHeight) {
+            const duration = this.animationDuration
+            this.animationDuration = 0
+            this.contentOffset = this.contentOffset.pointWithY(position.bottomY - visibleHeight)
+            this.animationDuration = duration
+        }
+    }
+    
+    /** Expose so CBDataView can call it after loading data. */
+    focusRowAtIndex(rowIndex: number, cellIndex: number = 0) {
+        this._setKeyboardFocus(rowIndex, cellIndex)
+        this._keyboardListenerElement.focus({ preventScroll: true })
     }
     
     
@@ -163,6 +440,16 @@ export class UITableView extends UINativeScrollView {
         }
     }
     
+    override wasRemovedFromViewTree() {
+        super.wasRemovedFromViewTree()
+        this._cleanupViewportScrollListeners()
+        if (this._keydownHandler) {
+            this.viewHTMLElement.removeEventListener("keydown", this._keydownHandler)
+        }
+        // Reset so listeners are re-attached if added back to the tree
+        this._keyboardListenersAttached = false
+    }
+    
     
     loadData() {
         
@@ -539,6 +826,12 @@ export class UITableView extends UINativeScrollView {
             const view: UITableViewRowView = this.viewForRowWithIndex(rowIndex)
             this._visibleRows.push(view)
             this.addSubview(view)
+            
+            // Ensure the row and all its children stay out of the natural tab order
+            view.tabIndex = -1
+            view.forEachViewInSubtree(subview => {
+                subview.tabIndex = -1
+            })
         })
         
         // 3. Clean up DOM
@@ -549,6 +842,9 @@ export class UITableView extends UINativeScrollView {
             }
         })
         
+        // 4. Re-apply keyboard focus highlight after rows are re-rendered
+        this._applyKeyboardFocusToVisibleRows()
+        
     }
     
     
@@ -686,13 +982,58 @@ export class UITableView extends UINativeScrollView {
         // Ensure listeners are set up
         this._setupViewportScrollAndResizeHandlersIfNeeded()
         
+        // Attach keyboard and pointer listeners now that the element is stable
+        // in the DOM. Guarded so repeated wasAddedToViewTree calls (e.g. after
+        // navigation returns) don't stack duplicate listeners.
+        if (!this._keyboardListenersAttached) {
+            this._keyboardListenersAttached = true
+            const el = this._keyboardListenerElement
+            
+            el.addEventListener("keydown", this._keydownHandler!)
+            
+            el.addEventListener("pointerdown", (event: PointerEvent) => {
+                let target = event.target as HTMLElement | null
+                while (target && target !== el) {
+                    const viewObject = (target as any).UIViewObject as UITableViewRowView | undefined
+                    if (viewObject?._UITableViewRowIndex !== undefined) {
+                        el.focus({ preventScroll: true })
+                        this._setKeyboardFocus(viewObject._UITableViewRowIndex, this._keyboardFocusedCellIndex)
+                        return
+                    }
+                    target = target.parentElement
+                }
+                el.focus({ preventScroll: true })
+            })
+            
+            el.addEventListener("focus", () => {
+                if (this._keyboardFocusedRowIndex === undefined && this.numberOfRows() > 0) {
+                    this._setKeyboardFocus(0, this._keyboardFocusedCellIndex)
+                }
+                else if (this._keyboardFocusedRowIndex !== undefined) {
+                    this._applyKeyboardFocusToVisibleRows()
+                }
+            })
+            
+            el.addEventListener("blur", (event: FocusEvent) => {
+                if (!el.contains(event.relatedTarget as Node)) {
+                    this._applyKeyboardFocusToVisibleRows(true)
+                }
+            })
+        }
+        
+        // Remove all subviews from the browser's natural tab order.
+        // The container (_keyboardListenerElement) is the single tab stop.
+        // Internal navigation is handled exclusively via arrow keys.
+        this.forEachViewInSubtree(view => {
+            if (view !== this) {
+                view.tabIndex = -1
+            }
+        })
+        // Re-assert tabIndex=0 on the listener element — wasAddedToViewTree fires
+        // on every tree insertion including navigation returns.
+        this._keyboardListenerElement.tabIndex = 0
+        
     }
-    
-    override wasRemovedFromViewTree() {
-        super.wasRemovedFromViewTree()
-        this._cleanupViewportScrollListeners()
-    }
-    
     override setFrame(rectangle: UIRectangle, zIndex?: number, performUncheckedLayout?: boolean) {
         
         const frame = this.frame
@@ -745,6 +1086,9 @@ export class UITableView extends UINativeScrollView {
                 row.style.width = "" + (bounds.width - this.sidePadding * 2).integerValue + "px"
                 row.style.left = "" + this.sidePadding.integerValue + "px"
                 
+                // Set aria-rowindex (1-based per ARIA spec)
+                row.viewHTMLElement.setAttribute("aria-rowindex", String((row._UITableViewRowIndex ?? 0) + 1))
+                
                 // This is to reorder the elements in the DOM
                 this.viewHTMLElement.appendChild(row.viewHTMLElement)