@tachui/data 0.8.0-alpha

package/dist/List.js

@@ -0,0 +1,481 @@
+var L = Object.defineProperty;
+var b = (l, t, e) => t in l ? L(l, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : l[t] = e;
+var a = (l, t, e) => b(l, typeof t != "symbol" ? t + "" : t, e);
+import { createSignal as S, isSignal as f, createEffect as I, h as u, withModifiers as x } from "@tachui/core";
+import { ScrollView as E } from "@tachui/mobile";
+class $ {
+  constructor(t) {
+    a(this, "type", "component");
+    a(this, "id");
+    a(this, "mounted", !1);
+    a(this, "cleanup", []);
+    a(this, "dataSignal");
+    a(this, "setData");
+    a(this, "sectionsSignal");
+    a(this, "setSections");
+    a(this, "selectedItemsSignal");
+    a(this, "setSelectedItems");
+    a(this, "isLoadingSignal");
+    a(this, "setIsLoading");
+    // Virtual scrolling state
+    a(this, "virtualItems", []);
+    a(this, "visibleStartIndex", 0);
+    a(this, "visibleEndIndex", 0);
+    a(this, "scrollOffset", 0);
+    a(this, "containerHeight", 0);
+    a(this, "totalHeight", 0);
+    /**
+     * Handle scroll events for virtual scrolling and infinite scroll
+     */
+    a(this, "handleListScroll", (t) => {
+      this.scrollOffset = t.offset.y, this.containerHeight = t.containerSize.height, this.props.virtualScrolling?.enabled && this.calculateVisibleRange(), this.props.onLoadMore && t.edges.bottom && (f(this.props.hasMore) ? this.props.hasMore() : this.props.hasMore) && !this.isLoadingSignal() && (this.setIsLoading(!0), this.props.onLoadMore().finally(() => {
+        this.setIsLoading(!1);
+      })), this.props.onScroll && this.props.onScroll(t);
+    });
+    this.props = t, this.id = `list-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
+    const [e, n] = S(this.resolveData());
+    this.dataSignal = e, this.setData = n;
+    const [r, i] = S(
+      this.resolveSections()
+    );
+    this.sectionsSignal = r, this.setSections = i;
+    const s = /* @__PURE__ */ new Set(), [o, h] = S(s);
+    this.selectedItemsSignal = o, this.setSelectedItems = h;
+    const [d, c] = S(
+      this.resolveIsLoading()
+    );
+    this.isLoadingSignal = d, this.setIsLoading = c, this.setupReactiveUpdates(), t.virtualScrolling?.enabled && this.initializeVirtualScrolling();
+  }
+  /**
+   * Helper to flatten render results
+   */
+  flattenRenderResult(t) {
+    return Array.isArray(t) ? t : [t];
+  }
+  /**
+   * Resolve data from various input types
+   */
+  resolveData() {
+    const { data: t } = this.props;
+    return Array.isArray(t) ? t : f(t) ? t() : [];
+  }
+  /**
+   * Resolve sections from various input types
+   */
+  resolveSections() {
+    const { sections: t } = this.props;
+    return Array.isArray(t) ? t : f(t) ? t() : [];
+  }
+  /**
+   * Resolve loading state
+   */
+  resolveIsLoading() {
+    const { isLoading: t } = this.props;
+    return typeof t == "boolean" ? t : f(t) ? t() : !1;
+  }
+  /**
+   * Set up reactive updates for data and state
+   */
+  setupReactiveUpdates() {
+    if (f(this.props.data)) {
+      const t = I(() => {
+        this.setData(this.resolveData()), this.updateVirtualScrolling();
+      });
+      this.cleanup.push(() => t.dispose());
+    }
+    if (f(this.props.sections)) {
+      const t = I(() => {
+        this.setSections(this.resolveSections()), this.updateVirtualScrolling();
+      });
+      this.cleanup.push(() => t.dispose());
+    }
+    if (f(this.props.isLoading)) {
+      const t = I(() => {
+        this.setIsLoading(this.resolveIsLoading());
+      });
+      this.cleanup.push(() => t.dispose());
+    }
+    if (this.props.selectedItems) {
+      const t = I(() => {
+        this.props.selectedItems && this.setSelectedItems(this.props.selectedItems());
+      });
+      this.cleanup.push(() => t.dispose());
+    }
+  }
+  /**
+   * Initialize virtual scrolling calculations
+   */
+  initializeVirtualScrolling() {
+    const t = this.dataSignal(), n = this.props.virtualScrolling.estimatedItemHeight || 50;
+    this.virtualItems = t.map((r, i) => ({
+      index: i,
+      height: n,
+      offset: i * n,
+      item: r
+    })), this.totalHeight = t.length * n;
+  }
+  /**
+   * Update virtual scrolling calculations
+   */
+  updateVirtualScrolling() {
+    this.props.virtualScrolling?.enabled && (this.initializeVirtualScrolling(), this.calculateVisibleRange());
+  }
+  /**
+   * Calculate visible item range for virtual scrolling
+   */
+  calculateVisibleRange() {
+    if (!this.props.virtualScrolling?.enabled) return;
+    const t = this.props.virtualScrolling, e = t.overscan || 5, n = t.threshold || 0;
+    let r = 0;
+    for (let s = 0; s < this.virtualItems.length; s++)
+      if (this.virtualItems[s].offset + this.virtualItems[s].height > this.scrollOffset - n) {
+        r = Math.max(0, s - e);
+        break;
+      }
+    let i = this.virtualItems.length - 1;
+    for (let s = r; s < this.virtualItems.length; s++)
+      if (this.virtualItems[s].offset > this.scrollOffset + this.containerHeight + n) {
+        i = Math.min(this.virtualItems.length - 1, s + e);
+        break;
+      }
+    this.visibleStartIndex = r, this.visibleEndIndex = i;
+  }
+  /**
+   * Handle item selection
+   */
+  handleItemSelection(t, e) {
+    const { selectionMode: n, getItemId: r, onSelectionChange: i } = this.props;
+    if (n === "none") return;
+    const s = r ? r(t, e) : e, o = new Set(this.selectedItemsSignal());
+    n === "single" ? (o.clear(), o.add(s)) : n === "multiple" && (o.has(s) ? o.delete(s) : o.add(s)), this.setSelectedItems(o), i && i(o);
+  }
+  /**
+   * Create list item component
+   */
+  createListItem(t, e, n) {
+    const { renderItem: r, style: i, onItemTap: s, onItemLongPress: o } = this.props, h = r(t, e);
+    return {
+      type: "component",
+      id: `${this.id}-item-${e}`,
+      mounted: !1,
+      cleanup: [],
+      props: {},
+      render: () => {
+        const d = u(
+          "div",
+          {
+            class: `tachui-list-item tachui-list-item-${i || "plain"}`,
+            style: {
+              display: "flex",
+              flexDirection: "column",
+              position: "relative",
+              backgroundColor: n ? "#e6f3ff" : "transparent",
+              transition: "background-color 0.2s ease",
+              cursor: s ? "pointer" : "default"
+            }
+          },
+          ...this.flattenRenderResult(h.render())
+        );
+        if (d.element) {
+          const c = d.element;
+          if (s && c.addEventListener("click", () => s(t, e)), o) {
+            let p;
+            const g = () => {
+              p = setTimeout(
+                () => o(t, e),
+                500
+              );
+            }, m = () => {
+              clearTimeout(p);
+            };
+            c.addEventListener("mousedown", g), c.addEventListener("mouseup", m), c.addEventListener("mouseleave", m), c.addEventListener("touchstart", g), c.addEventListener("touchend", m);
+          }
+          this.props.selectionMode !== "none" && c.addEventListener("click", (p) => {
+            (p.metaKey || p.ctrlKey || this.props.selectionMode === "multiple") && (p.preventDefault(), this.handleItemSelection(t, e));
+          });
+        }
+        return [d];
+      }
+    };
+  }
+  /**
+   * Create list separator
+   */
+  createSeparator() {
+    const { separator: t } = this.props;
+    return t ? typeof t == "object" && "render" in t ? t : {
+      type: "component",
+      id: `${this.id}-separator`,
+      mounted: !1,
+      cleanup: [],
+      props: {},
+      render: () => [
+        u("div", {
+          class: "tachui-list-separator",
+          style: {
+            height: "1px",
+            backgroundColor: "#e0e0e0",
+            margin: "0 16px"
+          }
+        })
+      ]
+    } : null;
+  }
+  /**
+   * Create section header
+   */
+  createSectionHeader(t, e) {
+    return t.header ? typeof t.header == "string" ? {
+      type: "component",
+      id: `${this.id}-section-header-${e}`,
+      mounted: !1,
+      cleanup: [],
+      props: {},
+      render: () => [
+        u(
+          "div",
+          {
+            class: "tachui-list-section-header",
+            style: {
+              padding: "8px 16px",
+              backgroundColor: "#f8f9fa",
+              fontWeight: "600",
+              fontSize: "14px",
+              color: "#666",
+              textTransform: "uppercase",
+              letterSpacing: "0.5px"
+            }
+          },
+          t.header
+        )
+      ]
+    } : this.props.renderSectionHeader ? this.props.renderSectionHeader(t, e) : t.header : null;
+  }
+  /**
+   * Create section footer
+   */
+  createSectionFooter(t, e) {
+    return t.footer ? typeof t.footer == "string" ? {
+      type: "component",
+      id: `${this.id}-section-footer-${e}`,
+      mounted: !1,
+      cleanup: [],
+      props: {},
+      render: () => [
+        u(
+          "div",
+          {
+            class: "tachui-list-section-footer",
+            style: {
+              padding: "8px 16px",
+              fontSize: "12px",
+              color: "#999"
+            }
+          },
+          t.footer
+        )
+      ]
+    } : this.props.renderSectionFooter ? this.props.renderSectionFooter(t, e) : t.footer : null;
+  }
+  /**
+   * Create empty state component
+   */
+  createEmptyState() {
+    const { emptyState: t } = this.props;
+    return t || {
+      type: "component",
+      id: `${this.id}-empty`,
+      mounted: !1,
+      cleanup: [],
+      props: {},
+      render: () => [
+        u(
+          "div",
+          {
+            class: "tachui-list-empty",
+            style: {
+              display: "flex",
+              flexDirection: "column",
+              alignItems: "center",
+              justifyContent: "center",
+              padding: "40px 20px",
+              color: "#999",
+              fontSize: "16px"
+            }
+          },
+          "No items to display"
+        )
+      ]
+    };
+  }
+  /**
+   * Create loading indicator
+   */
+  createLoadingIndicator() {
+    const { loadingIndicator: t } = this.props;
+    return t || {
+      type: "component",
+      id: `${this.id}-loading`,
+      mounted: !1,
+      cleanup: [],
+      props: {},
+      render: () => [
+        u(
+          "div",
+          {
+            class: "tachui-list-loading",
+            style: {
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              padding: "20px",
+              color: "#999"
+            }
+          },
+          "Loading..."
+        )
+      ]
+    };
+  }
+  /**
+   * Render virtual scrolling content
+   */
+  renderVirtualContent() {
+    if (!this.props.virtualScrolling?.enabled)
+      return this.renderRegularContent();
+    const t = this.dataSignal(), e = this.selectedItemsSignal(), n = this.createSeparator(), r = [];
+    if (this.visibleStartIndex > 0) {
+      const i = this.virtualItems[this.visibleStartIndex]?.offset || 0;
+      r.push({
+        type: "component",
+        id: `${this.id}-spacer-top`,
+        mounted: !1,
+        cleanup: [],
+        props: {},
+        render: () => [
+          u("div", {
+            style: { height: `${i}px` }
+          })
+        ]
+      });
+    }
+    for (let i = this.visibleStartIndex; i <= this.visibleEndIndex && i < t.length; i++) {
+      const s = t[i], o = this.props.getItemId ? this.props.getItemId(s, i) : i, h = e.has(o);
+      r.push(this.createListItem(s, i, h)), n && i < t.length - 1 && r.push(n);
+    }
+    if (this.visibleEndIndex < t.length - 1) {
+      const i = this.totalHeight - (this.virtualItems[this.visibleEndIndex + 1]?.offset || 0);
+      r.push({
+        type: "component",
+        id: `${this.id}-spacer-bottom`,
+        mounted: !1,
+        cleanup: [],
+        props: {},
+        render: () => [
+          u("div", {
+            style: { height: `${i}px` }
+          })
+        ]
+      });
+    }
+    return r;
+  }
+  /**
+   * Render regular (non-virtual) content
+   */
+  renderRegularContent() {
+    const t = this.dataSignal(), e = this.sectionsSignal(), n = this.selectedItemsSignal(), r = this.createSeparator(), i = [];
+    return e.length > 0 ? e.forEach((s, o) => {
+      const h = this.createSectionHeader(s, o);
+      h && i.push(h), s.items.forEach((c, p) => {
+        const g = o * 1e3 + p, m = this.props.getItemId ? this.props.getItemId(c, g) : g, y = n.has(m);
+        i.push(this.createListItem(c, g, y)), r && p < s.items.length - 1 && i.push(r);
+      });
+      const d = this.createSectionFooter(s, o);
+      d && i.push(d);
+    }) : t.forEach((s, o) => {
+      const h = this.props.getItemId ? this.props.getItemId(s, o) : o, d = n.has(h);
+      i.push(this.createListItem(s, o, d)), r && o < t.length - 1 && i.push(r);
+    }), i;
+  }
+  /**
+   * Render the list component
+   */
+  render() {
+    const t = this.dataSignal(), e = this.isLoadingSignal();
+    if (e && t.length === 0) {
+      const s = this.createLoadingIndicator();
+      return s ? s.render() : [];
+    }
+    if (t.length === 0 && !e) {
+      const s = this.createEmptyState();
+      return s ? s.render() : [];
+    }
+    const n = this.props.virtualScrolling?.enabled ? this.renderVirtualContent() : this.renderRegularContent();
+    if (e && t.length > 0) {
+      const s = this.createLoadingIndicator();
+      s && n.push(s);
+    }
+    const r = {
+      ...this.props,
+      children: n,
+      onScroll: this.handleListScroll
+    };
+    return new E(r).render();
+  }
+}
+function v(l) {
+  const t = new $(l);
+  return x(t);
+}
+const C = {
+  /**
+   * Create a simple list from array
+   */
+  simple(l, t, e = {}) {
+    return v({
+      ...e,
+      data: l,
+      renderItem: t
+    });
+  },
+  /**
+   * Create a sectioned list
+   */
+  sectioned(l, t, e = {}) {
+    return v({
+      ...e,
+      sections: l,
+      renderItem: t
+    });
+  },
+  /**
+   * Create a virtual scrolling list for large datasets
+   */
+  virtual(l, t, e, n = {}) {
+    return v({
+      ...n,
+      data: l,
+      renderItem: t,
+      virtualScrolling: e
+    });
+  },
+  /**
+   * Create an infinite scrolling list
+   */
+  infinite(l, t, e, n, r = {}) {
+    return v({
+      ...r,
+      data: l,
+      renderItem: t,
+      onLoadMore: e,
+      hasMore: n
+    });
+  }
+};
+export {
+  $ as E,
+  v as L,
+  C as a
+};
+//# sourceMappingURL=List.js.map

package/dist/List.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.js","sources":["../src/list/List.ts"],"sourcesContent":["/**\n * Enhanced List Components (Phase 5.5)\n *\n * SwiftUI-inspired List components with virtual scrolling, ForEach patterns,\n * and high-performance rendering for large datasets.\n */\n\nimport type { ModifiableComponent, ModifierBuilder } from '@tachui/core'\nimport { createEffect, createSignal, isSignal } from '@tachui/core'\nimport type { Signal } from '@tachui/core'\nimport { h } from '@tachui/core'\nimport type { ComponentInstance } from '@tachui/core'\nimport { ScrollView, type ScrollViewProps } from '@tachui/mobile'\nimport { withModifiers } from '@tachui/core'\n\n/**\n * List item selection mode\n */\nexport type SelectionMode = 'none' | 'single' | 'multiple'\n\n/**\n * List style\n */\nexport type ListStyle = 'plain' | 'grouped' | 'inset' | 'sidebar'\n\n/**\n * List item swipe action\n */\nexport interface SwipeAction {\n  id: string\n  title: string\n  backgroundColor?: string\n  foregroundColor?: string\n  icon?: string\n  destructive?: boolean\n  onTap: () => void\n}\n\n/**\n * List section header/footer\n */\nexport interface ListSection<T = any> {\n  id: string\n  header?: string | ComponentInstance\n  footer?: string | ComponentInstance\n  items: T[]\n}\n\n/**\n * Virtual scrolling configuration\n */\nexport interface VirtualScrollConfig {\n  enabled: boolean\n  itemHeight?: number | ((index: number, item: any) => number)\n  estimatedItemHeight?: number\n  overscan?: number\n  threshold?: number\n}\n\n/**\n * List component properties\n */\nexport interface ListProps<T = any> extends Omit<ScrollViewProps, 'children'> {\n  // Data\n  data?: T[] | Signal<T[]>\n  sections?: ListSection<T>[] | Signal<ListSection<T>[]>\n\n  // Rendering\n  renderItem: (item: T, index: number) => ComponentInstance\n  renderSectionHeader?: (\n    section: ListSection<T>,\n    index: number\n  ) => ComponentInstance\n  renderSectionFooter?: (\n    section: ListSection<T>,\n    index: number\n  ) => ComponentInstance\n\n  // Appearance\n  style?: ListStyle\n  separator?: boolean | ComponentInstance\n\n  // Selection\n  selectionMode?: SelectionMode\n  selectedItems?: Signal<Set<string | number>>\n  onSelectionChange?: (selectedItems: Set<string | number>) => void\n\n  // Item actions\n  leadingSwipeActions?: (item: T, index: number) => SwipeAction[]\n  trailingSwipeActions?: (item: T, index: number) => SwipeAction[]\n  onItemTap?: (item: T, index: number) => void\n  onItemLongPress?: (item: T, index: number) => void\n\n  // Virtual scrolling\n  virtualScrolling?: VirtualScrollConfig\n\n  // Performance\n  getItemId?: (item: T, index: number) => string | number\n\n  // Empty state\n  emptyState?: ComponentInstance\n\n  // Loading\n  isLoading?: boolean | Signal<boolean>\n  loadingIndicator?: ComponentInstance\n\n  // Pull to refresh (inherited from ScrollView)\n  onRefresh?: () => Promise<void>\n\n  // Infinite scroll\n  onLoadMore?: () => Promise<void>\n  hasMore?: boolean | Signal<boolean>\n}\n\n// ForEach components imported from @tachui/flow-control\n\n/**\n * Virtual scroll item info\n */\ninterface VirtualScrollItem {\n  index: number\n  height: number\n  offset: number\n  item: any\n}\n\n/**\n * Enhanced List component class\n */\nexport class EnhancedList<T = any> implements ComponentInstance<ListProps<T>> {\n  public readonly type = 'component' as const\n  public readonly id: string\n  public mounted = false\n  public cleanup: (() => void)[] = []\n\n  private dataSignal: () => T[]\n  private setData: (data: T[]) => void\n  private sectionsSignal: () => ListSection<T>[]\n  private setSections: (sections: ListSection<T>[]) => void\n  private selectedItemsSignal: () => Set<string | number>\n  private setSelectedItems: (items: Set<string | number>) => void\n  private isLoadingSignal: () => boolean\n  private setIsLoading: (loading: boolean) => void\n\n  // Virtual scrolling state\n  private virtualItems: VirtualScrollItem[] = []\n  private visibleStartIndex = 0\n  private visibleEndIndex = 0\n  private scrollOffset = 0\n  private containerHeight = 0\n  private totalHeight = 0\n\n  constructor(public props: ListProps<T>) {\n    this.id = `list-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`\n\n    // Create reactive signals\n    const [dataSignal, setData] = createSignal<T[]>(this.resolveData())\n    this.dataSignal = dataSignal\n    this.setData = setData\n\n    const [sectionsSignal, setSections] = createSignal<ListSection<T>[]>(\n      this.resolveSections()\n    )\n    this.sectionsSignal = sectionsSignal\n    this.setSections = setSections\n\n    const initialSelection = new Set<string | number>()\n    const [selectedItemsSignal, setSelectedItems] =\n      createSignal(initialSelection)\n    this.selectedItemsSignal = selectedItemsSignal\n    this.setSelectedItems = setSelectedItems\n\n    const [isLoadingSignal, setIsLoading] = createSignal(\n      this.resolveIsLoading()\n    )\n    this.isLoadingSignal = isLoadingSignal\n    this.setIsLoading = setIsLoading\n\n    // Set up reactive data updates\n    this.setupReactiveUpdates()\n\n    // Initialize virtual scrolling if enabled\n    if (props.virtualScrolling?.enabled) {\n      this.initializeVirtualScrolling()\n    }\n  }\n\n  /**\n   * Helper to flatten render results\n   */\n  private flattenRenderResult(result: any): any[] {\n    return Array.isArray(result) ? result : [result]\n  }\n\n  /**\n   * Resolve data from various input types\n   */\n  private resolveData(): T[] {\n    const { data } = this.props\n\n    if (Array.isArray(data)) {\n      return data\n    } else if (isSignal(data)) {\n      return data()\n    } else {\n      return []\n    }\n  }\n\n  /**\n   * Resolve sections from various input types\n   */\n  private resolveSections(): ListSection<T>[] {\n    const { sections } = this.props\n\n    if (Array.isArray(sections)) {\n      return sections\n    } else if (isSignal(sections)) {\n      return sections()\n    } else {\n      return []\n    }\n  }\n\n  /**\n   * Resolve loading state\n   */\n  private resolveIsLoading(): boolean {\n    const { isLoading } = this.props\n\n    if (typeof isLoading === 'boolean') {\n      return isLoading\n    } else if (isSignal(isLoading)) {\n      return isLoading()\n    } else {\n      return false\n    }\n  }\n\n  /**\n   * Set up reactive updates for data and state\n   */\n  private setupReactiveUpdates(): void {\n    // Data updates\n    if (isSignal(this.props.data)) {\n      const effect = createEffect(() => {\n        this.setData(this.resolveData())\n        this.updateVirtualScrolling()\n      })\n      this.cleanup.push(() => effect.dispose())\n    }\n\n    // Sections updates\n    if (isSignal(this.props.sections)) {\n      const effect = createEffect(() => {\n        this.setSections(this.resolveSections())\n        this.updateVirtualScrolling()\n      })\n      this.cleanup.push(() => effect.dispose())\n    }\n\n    // Loading state updates\n    if (isSignal(this.props.isLoading)) {\n      const effect = createEffect(() => {\n        this.setIsLoading(this.resolveIsLoading())\n      })\n      this.cleanup.push(() => effect.dispose())\n    }\n\n    // Selection updates\n    if (this.props.selectedItems) {\n      const effect = createEffect(() => {\n        if (this.props.selectedItems) {\n          this.setSelectedItems(this.props.selectedItems())\n        }\n      })\n      this.cleanup.push(() => effect.dispose())\n    }\n  }\n\n  /**\n   * Initialize virtual scrolling calculations\n   */\n  private initializeVirtualScrolling(): void {\n    const data = this.dataSignal()\n    const config = this.props.virtualScrolling!\n    const estimatedHeight = config.estimatedItemHeight || 50\n\n    this.virtualItems = data.map((item, index) => ({\n      index,\n      height: estimatedHeight,\n      offset: index * estimatedHeight,\n      item,\n    }))\n\n    this.totalHeight = data.length * estimatedHeight\n  }\n\n  /**\n   * Update virtual scrolling calculations\n   */\n  private updateVirtualScrolling(): void {\n    if (!this.props.virtualScrolling?.enabled) return\n\n    this.initializeVirtualScrolling()\n    this.calculateVisibleRange()\n  }\n\n  /**\n   * Calculate visible item range for virtual scrolling\n   */\n  private calculateVisibleRange(): void {\n    if (!this.props.virtualScrolling?.enabled) return\n\n    const config = this.props.virtualScrolling\n    const overscan = config.overscan || 5\n    const threshold = config.threshold || 0\n\n    // Find first visible item\n    let startIndex = 0\n    for (let i = 0; i < this.virtualItems.length; i++) {\n      if (\n        this.virtualItems[i].offset + this.virtualItems[i].height >\n        this.scrollOffset - threshold\n      ) {\n        startIndex = Math.max(0, i - overscan)\n        break\n      }\n    }\n\n    // Find last visible item\n    let endIndex = this.virtualItems.length - 1\n    for (let i = startIndex; i < this.virtualItems.length; i++) {\n      if (\n        this.virtualItems[i].offset >\n        this.scrollOffset + this.containerHeight + threshold\n      ) {\n        endIndex = Math.min(this.virtualItems.length - 1, i + overscan)\n        break\n      }\n    }\n\n    this.visibleStartIndex = startIndex\n    this.visibleEndIndex = endIndex\n  }\n\n  /**\n   * Handle item selection\n   */\n  private handleItemSelection(item: T, index: number): void {\n    const { selectionMode, getItemId, onSelectionChange } = this.props\n\n    if (selectionMode === 'none') return\n\n    const itemId = getItemId ? getItemId(item, index) : index\n    const currentSelection = new Set(this.selectedItemsSignal())\n\n    if (selectionMode === 'single') {\n      currentSelection.clear()\n      currentSelection.add(itemId)\n    } else if (selectionMode === 'multiple') {\n      if (currentSelection.has(itemId)) {\n        currentSelection.delete(itemId)\n      } else {\n        currentSelection.add(itemId)\n      }\n    }\n\n    this.setSelectedItems(currentSelection)\n\n    if (onSelectionChange) {\n      onSelectionChange(currentSelection)\n    }\n  }\n\n  /**\n   * Create list item component\n   */\n  private createListItem(\n    item: T,\n    index: number,\n    isSelected: boolean\n  ): ComponentInstance {\n    const { renderItem, style, onItemTap, onItemLongPress } = this.props\n\n    const itemContent = renderItem(item, index)\n\n    // Wrap in interactive container\n    return {\n      type: 'component',\n      id: `${this.id}-item-${index}`,\n      mounted: false,\n      cleanup: [],\n      props: {},\n      render: () => {\n        const itemElement = h(\n          'div',\n          {\n            class: `tachui-list-item tachui-list-item-${style || 'plain'}`,\n            style: {\n              display: 'flex',\n              flexDirection: 'column',\n              position: 'relative',\n              backgroundColor: isSelected ? '#e6f3ff' : 'transparent',\n              transition: 'background-color 0.2s ease',\n              cursor: onItemTap ? 'pointer' : 'default',\n            },\n          },\n          ...this.flattenRenderResult(itemContent.render())\n        )\n\n        // Add event handlers\n        if (itemElement.element) {\n          const element = itemElement.element as HTMLElement\n\n          if (onItemTap) {\n            element.addEventListener('click', () => onItemTap(item, index))\n          }\n\n          if (onItemLongPress) {\n            let longPressTimer: NodeJS.Timeout\n\n            const startLongPress = () => {\n              longPressTimer = setTimeout(\n                () => onItemLongPress(item, index),\n                500\n              )\n            }\n\n            const cancelLongPress = () => {\n              clearTimeout(longPressTimer)\n            }\n\n            element.addEventListener('mousedown', startLongPress)\n            element.addEventListener('mouseup', cancelLongPress)\n            element.addEventListener('mouseleave', cancelLongPress)\n            element.addEventListener('touchstart', startLongPress)\n            element.addEventListener('touchend', cancelLongPress)\n          }\n\n          // Selection handling\n          if (this.props.selectionMode !== 'none') {\n            element.addEventListener('click', e => {\n              if (\n                e.metaKey ||\n                e.ctrlKey ||\n                this.props.selectionMode === 'multiple'\n              ) {\n                e.preventDefault()\n                this.handleItemSelection(item, index)\n              }\n            })\n          }\n        }\n\n        return [itemElement]\n      },\n    }\n  }\n\n  /**\n   * Create list separator\n   */\n  private createSeparator(): ComponentInstance | null {\n    const { separator } = this.props\n\n    if (!separator) return null\n\n    if (typeof separator === 'object' && 'render' in separator) {\n      return separator\n    }\n\n    return {\n      type: 'component',\n      id: `${this.id}-separator`,\n      mounted: false,\n      cleanup: [],\n      props: {},\n      render: () => [\n        h('div', {\n          class: 'tachui-list-separator',\n          style: {\n            height: '1px',\n            backgroundColor: '#e0e0e0',\n            margin: '0 16px',\n          },\n        }),\n      ],\n    }\n  }\n\n  /**\n   * Create section header\n   */\n  private createSectionHeader(\n    section: ListSection<T>,\n    index: number\n  ): ComponentInstance | null {\n    if (!section.header) return null\n\n    if (typeof section.header === 'string') {\n      return {\n        type: 'component',\n        id: `${this.id}-section-header-${index}`,\n        mounted: false,\n        cleanup: [],\n        props: {},\n        render: () => [\n          h(\n            'div',\n            {\n              class: 'tachui-list-section-header',\n              style: {\n                padding: '8px 16px',\n                backgroundColor: '#f8f9fa',\n                fontWeight: '600',\n                fontSize: '14px',\n                color: '#666',\n                textTransform: 'uppercase',\n                letterSpacing: '0.5px',\n              },\n            },\n            section.header as string\n          ),\n        ],\n      }\n    }\n\n    return this.props.renderSectionHeader\n      ? this.props.renderSectionHeader(section, index)\n      : (section.header as ComponentInstance)\n  }\n\n  /**\n   * Create section footer\n   */\n  private createSectionFooter(\n    section: ListSection<T>,\n    index: number\n  ): ComponentInstance | null {\n    if (!section.footer) return null\n\n    if (typeof section.footer === 'string') {\n      return {\n        type: 'component',\n        id: `${this.id}-section-footer-${index}`,\n        mounted: false,\n        cleanup: [],\n        props: {},\n        render: () => [\n          h(\n            'div',\n            {\n              class: 'tachui-list-section-footer',\n              style: {\n                padding: '8px 16px',\n                fontSize: '12px',\n                color: '#999',\n              },\n            },\n            section.footer as string\n          ),\n        ],\n      }\n    }\n\n    return this.props.renderSectionFooter\n      ? this.props.renderSectionFooter(section, index)\n      : (section.footer as ComponentInstance)\n  }\n\n  /**\n   * Create empty state component\n   */\n  private createEmptyState(): ComponentInstance | null {\n    const { emptyState } = this.props\n\n    if (!emptyState) {\n      return {\n        type: 'component',\n        id: `${this.id}-empty`,\n        mounted: false,\n        cleanup: [],\n        props: {},\n        render: () => [\n          h(\n            'div',\n            {\n              class: 'tachui-list-empty',\n              style: {\n                display: 'flex',\n                flexDirection: 'column',\n                alignItems: 'center',\n                justifyContent: 'center',\n                padding: '40px 20px',\n                color: '#999',\n                fontSize: '16px',\n              },\n            },\n            'No items to display'\n          ),\n        ],\n      }\n    }\n\n    return emptyState\n  }\n\n  /**\n   * Create loading indicator\n   */\n  private createLoadingIndicator(): ComponentInstance | null {\n    const { loadingIndicator } = this.props\n\n    if (!loadingIndicator) {\n      return {\n        type: 'component',\n        id: `${this.id}-loading`,\n        mounted: false,\n        cleanup: [],\n        props: {},\n        render: () => [\n          h(\n            'div',\n            {\n              class: 'tachui-list-loading',\n              style: {\n                display: 'flex',\n                alignItems: 'center',\n                justifyContent: 'center',\n                padding: '20px',\n                color: '#999',\n              },\n            },\n            'Loading...'\n          ),\n        ],\n      }\n    }\n\n    return loadingIndicator\n  }\n\n  /**\n   * Render virtual scrolling content\n   */\n  private renderVirtualContent(): ComponentInstance[] {\n    if (!this.props.virtualScrolling?.enabled) {\n      return this.renderRegularContent()\n    }\n\n    const data = this.dataSignal()\n    const selectedItems = this.selectedItemsSignal()\n    const separator = this.createSeparator()\n\n    const visibleItems: ComponentInstance[] = []\n\n    // Add spacer for items before visible range\n    if (this.visibleStartIndex > 0) {\n      const spacerHeight =\n        this.virtualItems[this.visibleStartIndex]?.offset || 0\n      visibleItems.push({\n        type: 'component',\n        id: `${this.id}-spacer-top`,\n        mounted: false,\n        cleanup: [],\n        props: {},\n        render: () => [\n          h('div', {\n            style: { height: `${spacerHeight}px` },\n          }),\n        ],\n      })\n    }\n\n    // Render visible items\n    for (\n      let i = this.visibleStartIndex;\n      i <= this.visibleEndIndex && i < data.length;\n      i++\n    ) {\n      const item = data[i]\n      const itemId = this.props.getItemId ? this.props.getItemId(item, i) : i\n      const isSelected = selectedItems.has(itemId)\n\n      visibleItems.push(this.createListItem(item, i, isSelected))\n\n      if (separator && i < data.length - 1) {\n        visibleItems.push(separator)\n      }\n    }\n\n    // Add spacer for items after visible range\n    if (this.visibleEndIndex < data.length - 1) {\n      const remainingHeight =\n        this.totalHeight -\n        (this.virtualItems[this.visibleEndIndex + 1]?.offset || 0)\n      visibleItems.push({\n        type: 'component',\n        id: `${this.id}-spacer-bottom`,\n        mounted: false,\n        cleanup: [],\n        props: {},\n        render: () => [\n          h('div', {\n            style: { height: `${remainingHeight}px` },\n          }),\n        ],\n      })\n    }\n\n    return visibleItems\n  }\n\n  /**\n   * Render regular (non-virtual) content\n   */\n  private renderRegularContent(): ComponentInstance[] {\n    const data = this.dataSignal()\n    const sections = this.sectionsSignal()\n    const selectedItems = this.selectedItemsSignal()\n    const separator = this.createSeparator()\n\n    const content: ComponentInstance[] = []\n\n    // Render sections if available\n    if (sections.length > 0) {\n      sections.forEach((section, sectionIndex) => {\n        // Section header\n        const header = this.createSectionHeader(section, sectionIndex)\n        if (header) content.push(header)\n\n        // Section items\n        section.items.forEach((item, itemIndex) => {\n          const globalIndex = sectionIndex * 1000 + itemIndex // Simple global index\n          const itemId = this.props.getItemId\n            ? this.props.getItemId(item, globalIndex)\n            : globalIndex\n          const isSelected = selectedItems.has(itemId)\n\n          content.push(this.createListItem(item, globalIndex, isSelected))\n\n          if (separator && itemIndex < section.items.length - 1) {\n            content.push(separator)\n          }\n        })\n\n        // Section footer\n        const footer = this.createSectionFooter(section, sectionIndex)\n        if (footer) content.push(footer)\n      })\n    } else {\n      // Render flat data\n      data.forEach((item, index) => {\n        const itemId = this.props.getItemId\n          ? this.props.getItemId(item, index)\n          : index\n        const isSelected = selectedItems.has(itemId)\n\n        content.push(this.createListItem(item, index, isSelected))\n\n        if (separator && index < data.length - 1) {\n          content.push(separator)\n        }\n      })\n    }\n\n    return content\n  }\n\n  /**\n   * Handle scroll events for virtual scrolling and infinite scroll\n   */\n  private handleListScroll = (scrollInfo: any) => {\n    this.scrollOffset = scrollInfo.offset.y\n    this.containerHeight = scrollInfo.containerSize.height\n\n    // Update virtual scrolling\n    if (this.props.virtualScrolling?.enabled) {\n      this.calculateVisibleRange()\n    }\n\n    // Handle infinite scroll\n    if (this.props.onLoadMore && scrollInfo.edges.bottom) {\n      const hasMore = isSignal(this.props.hasMore)\n        ? this.props.hasMore()\n        : this.props.hasMore\n      if (hasMore && !this.isLoadingSignal()) {\n        this.setIsLoading(true)\n        this.props.onLoadMore().finally(() => {\n          this.setIsLoading(false)\n        })\n      }\n    }\n\n    // Forward to parent scroll handler\n    if (this.props.onScroll) {\n      this.props.onScroll(scrollInfo)\n    }\n  }\n\n  /**\n   * Render the list component\n   */\n  render() {\n    const data = this.dataSignal()\n    const isLoading = this.isLoadingSignal()\n\n    // Show loading indicator if loading and no data\n    if (isLoading && data.length === 0) {\n      const loadingIndicator = this.createLoadingIndicator()\n      return loadingIndicator ? loadingIndicator.render() : []\n    }\n\n    // Show empty state if no data\n    if (data.length === 0 && !isLoading) {\n      const emptyState = this.createEmptyState()\n      return emptyState ? emptyState.render() : []\n    }\n\n    // Render list content\n    const content = this.props.virtualScrolling?.enabled\n      ? this.renderVirtualContent()\n      : this.renderRegularContent()\n\n    // Add loading indicator at bottom if loading more\n    if (isLoading && data.length > 0) {\n      const loadingIndicator = this.createLoadingIndicator()\n      if (loadingIndicator) {\n        content.push(loadingIndicator)\n      }\n    }\n\n    // Create scroll view props\n    const scrollViewProps: ScrollViewProps = {\n      ...this.props,\n      children: content,\n      onScroll: this.handleListScroll,\n    }\n\n    // Create scroll view\n    const scrollView = new (ScrollView as any)(scrollViewProps)\n    return scrollView.render()\n  }\n}\n\n// ForEach class implementation available from @tachui/flow-control\n\n/**\n * Create enhanced List component with modifier support\n */\nexport function List<T = any>(\n  props: ListProps<T>\n): ModifiableComponent<ListProps<T>> & {\n  modifier: ModifierBuilder<ModifiableComponent<ListProps<T>>>\n} {\n  const component = new EnhancedList(props)\n  return withModifiers(component)\n}\n\n// ForEach functions are imported from @tachui/flow-control\n\n/**\n * List utility functions\n */\nexport const ListUtils = {\n  /**\n   * Create a simple list from array\n   */\n  simple<T>(\n    data: T[] | Signal<T[]>,\n    renderItem: (item: T, index: number) => ComponentInstance,\n    props: Omit<ListProps<T>, 'data' | 'renderItem'> = {}\n  ): ModifiableComponent<ListProps<T>> & {\n    modifier: ModifierBuilder<ModifiableComponent<ListProps<T>>>\n  } {\n    return List({\n      ...props,\n      data,\n      renderItem,\n    })\n  },\n\n  /**\n   * Create a sectioned list\n   */\n  sectioned<T>(\n    sections: ListSection<T>[] | Signal<ListSection<T>[]>,\n    renderItem: (item: T, index: number) => ComponentInstance,\n    props: Omit<ListProps<T>, 'sections' | 'renderItem'> = {}\n  ): ModifiableComponent<ListProps<T>> & {\n    modifier: ModifierBuilder<ModifiableComponent<ListProps<T>>>\n  } {\n    return List({\n      ...props,\n      sections,\n      renderItem,\n    })\n  },\n\n  /**\n   * Create a virtual scrolling list for large datasets\n   */\n  virtual<T>(\n    data: T[] | Signal<T[]>,\n    renderItem: (item: T, index: number) => ComponentInstance,\n    virtualConfig: VirtualScrollConfig,\n    props: Omit<ListProps<T>, 'data' | 'renderItem' | 'virtualScrolling'> = {}\n  ): ModifiableComponent<ListProps<T>> & {\n    modifier: ModifierBuilder<ModifiableComponent<ListProps<T>>>\n  } {\n    return List({\n      ...props,\n      data,\n      renderItem,\n      virtualScrolling: virtualConfig,\n    })\n  },\n\n  /**\n   * Create an infinite scrolling list\n   */\n  infinite<T>(\n    data: T[] | Signal<T[]>,\n    renderItem: (item: T, index: number) => ComponentInstance,\n    onLoadMore: () => Promise<void>,\n    hasMore: boolean | Signal<boolean>,\n    props: Omit<\n      ListProps<T>,\n      'data' | 'renderItem' | 'onLoadMore' | 'hasMore'\n    > = {}\n  ): ModifiableComponent<ListProps<T>> & {\n    modifier: ModifierBuilder<ModifiableComponent<ListProps<T>>>\n  } {\n    return List({\n      ...props,\n      data,\n      renderItem,\n      onLoadMore,\n      hasMore,\n    })\n  },\n}\n"],"names":["EnhancedList","props","__publicField","scrollInfo","isSignal","dataSignal","setData","createSignal","sectionsSignal","setSections","initialSelection","selectedItemsSignal","setSelectedItems","isLoadingSignal","setIsLoading","result","data","sections","isLoading","effect","createEffect","estimatedHeight","item","index","config","overscan","threshold","startIndex","i","endIndex","selectionMode","getItemId","onSelectionChange","itemId","currentSelection","isSelected","renderItem","style","onItemTap","onItemLongPress","itemContent","itemElement","h","element","longPressTimer","startLongPress","cancelLongPress","e","separator","section","emptyState","loadingIndicator","selectedItems","visibleItems","spacerHeight","remainingHeight","content","sectionIndex","header","itemIndex","globalIndex","footer","scrollViewProps","ScrollView","List","component","withModifiers","ListUtils","virtualConfig","onLoadMore","hasMore"],"mappings":"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"}