@tachui/core 0.7.0-alpha1

package/dist/components/Image.d.ts

@@ -0,0 +1,162 @@
+/**
+ * Enhanced Image Component (Phase 5.4)
+ *
+ * SwiftUI-inspired Image component with loading states, error handling,
+ * responsive sizing, and advanced image handling capabilities.
+ */
+import type { ModifiableComponent, ModifierBuilder } from '../modifiers/types';
+import type { Signal } from '../reactive/types';
+import type { ComponentInstance, ComponentProps } from '../runtime/types';
+import { ImageAsset } from '../assets/ImageAsset';
+import type { Concatenatable, ComponentSegment } from '../concatenation/types';
+import { ConcatenatedComponent } from '../concatenation/concatenated-component';
+import { type ElementOverrideProps } from '../runtime/element-override';
+import { ComponentWithCSSClasses, type CSSClassesProps } from '../css-classes';
+/**
+ * Image loading state
+ */
+export type ImageLoadingState = 'idle' | 'loading' | 'loaded' | 'error';
+/**
+ * Image content mode (how image fits within bounds)
+ */
+export type ImageContentMode = 'fit' | 'fill' | 'stretch' | 'center' | 'scaleDown';
+/**
+ * Image resize mode for different screen densities
+ */
+export type ImageResizeMode = 'cover' | 'contain' | 'fill' | 'none';
+/**
+ * Image loading strategy
+ */
+export type ImageLoadingStrategy = 'eager' | 'lazy';
+/**
+ * Image component properties with element override support and CSS classes
+ */
+export interface ImageProps extends ComponentProps, ElementOverrideProps, CSSClassesProps {
+    src?: string | Signal<string> | ImageAsset;
+    srcSet?: string | Signal<string>;
+    alt?: string | Signal<string>;
+    width?: number | string | Signal<number | string>;
+    height?: number | string | Signal<number | string>;
+    aspectRatio?: number | Signal<number>;
+    contentMode?: ImageContentMode;
+    resizeMode?: ImageResizeMode;
+    loadingStrategy?: ImageLoadingStrategy;
+    placeholder?: string | ComponentInstance;
+    errorPlaceholder?: string | ComponentInstance;
+    loadingState?: Signal<ImageLoadingState>;
+    onLoadingStateChange?: (state: ImageLoadingState) => void;
+    onLoad?: (event: Event) => void;
+    onError?: (event: Event) => void;
+    onLoadStart?: () => void;
+    crossOrigin?: 'anonymous' | 'use-credentials';
+    decoding?: 'sync' | 'async' | 'auto';
+    fetchPriority?: 'high' | 'low' | 'auto';
+    accessibilityLabel?: string;
+    accessibilityRole?: string;
+    blur?: number | Signal<number>;
+    opacity?: number | Signal<number>;
+    grayscale?: boolean | Signal<boolean>;
+    sepia?: boolean | Signal<boolean>;
+    lowQualitySrc?: string;
+    highQualitySrc?: string;
+}
+/**
+ * Enhanced Image component class with element override support and CSS classes
+ */
+export declare class EnhancedImage extends ComponentWithCSSClasses implements ComponentInstance<ImageProps>, Concatenatable<ImageProps> {
+    props: ImageProps;
+    readonly type: "component";
+    readonly id: string;
+    mounted: boolean;
+    cleanup: (() => void)[];
+    private effectiveTag;
+    private validationResult;
+    private loadingStateSignal;
+    private setLoadingState;
+    /**
+     * Set loading state and notify callback
+     */
+    private setLoadingStateWithCallback;
+    constructor(props: ImageProps);
+    /**
+     * Render the image component with reactive content handling
+     */
+    render(): import("../runtime").DOMNode | import("../runtime").DOMNode[];
+    /**
+     * Set up ImageAsset reactivity for a real DOM element (called from onDOMReady)
+     */
+    private setupImageAssetReactivityForDOMElement;
+    /**
+     * Concatenate this image with another concatenatable component
+     */
+    concat<U extends Concatenatable<any>>(other: U): ConcatenatedComponent<ImageProps | U>;
+    /**
+     * Convert this image to a segment for concatenation
+     */
+    toSegment(): ComponentSegment;
+    /**
+     * Check if this component supports concatenation
+     */
+    isConcatenatable(): boolean;
+    /**
+     * Determine accessibility role for concatenation
+     */
+    private determineAccessibilityRole;
+    /**
+     * Merge accessibility roles when combining components
+     */
+    private mergeAccessibilityRoles;
+}
+/**
+ * Create enhanced Image component with modifier support
+ */
+export declare function Image(src: string | Signal<string> | ImageAsset, props?: Omit<ImageProps, 'src'>): ModifiableComponent<ImageProps> & {
+    modifier: ModifierBuilder<ModifiableComponent<ImageProps>>;
+};
+/**
+ * Image loading states for external use
+ */
+export declare const ImageStates: {
+    idle: "idle";
+    loading: "loading";
+    loaded: "loaded";
+    error: "error";
+};
+/**
+ * Image content modes for external use
+ */
+export declare const ImageContentModes: {
+    fit: "fit";
+    fill: "fill";
+    stretch: "stretch";
+    center: "center";
+    scaleDown: "scaleDown";
+};
+/**
+ * Image utility functions
+ */
+export declare const ImageUtils: {
+    /**
+     * Create a responsive image with multiple sources
+     */
+    responsive(sources: {
+        src: string;
+        width?: number;
+        media?: string;
+    }[], fallbackSrc: string, props?: Omit<ImageProps, "src" | "srcSet">): ModifiableComponent<ImageProps> & {
+        modifier: ModifierBuilder<ModifiableComponent<ImageProps>>;
+    };
+    /**
+     * Create an image with progressive loading
+     */
+    progressive(lowQualitySrc: string, highQualitySrc: string, props?: Omit<ImageProps, "src" | "lowQualitySrc" | "highQualitySrc">): ModifiableComponent<ImageProps> & {
+        modifier: ModifierBuilder<ModifiableComponent<ImageProps>>;
+    };
+    /**
+     * Create an image with loading placeholder
+     */
+    withPlaceholder(src: string | Signal<string>, placeholderSrc: string, props?: Omit<ImageProps, "src" | "placeholder">): ModifiableComponent<ImageProps> & {
+        modifier: ModifierBuilder<ModifiableComponent<ImageProps>>;
+    };
+};
+//# sourceMappingURL=Image.d.ts.map

package/dist/components/Image.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../src/components/Image.ts"],"names":[],"mappings":"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"}

package/dist/components/Image.js

@@ -0,0 +1,212 @@
+import "../reactive/cleanup.js";
+import "../reactive/unified-scheduler.js";
+import { createEffect as d } from "../reactive/effect.js";
+import { createSignal as g } from "../reactive/signal.js";
+import "../reactive/scheduler.js";
+import "../reactive/theme.js";
+import "../runtime/component.js";
+import "../runtime/context.js";
+import "../runtime/dev-tools.js";
+import { registerComponentWithLifecycleHooks as f } from "../runtime/dom-bridge.js";
+import "../runtime/error-boundary.js";
+import "../runtime/error-reporting.js";
+import "../runtime/performance.js";
+import { h as a } from "../runtime/renderer.js";
+import { processElementOverride as u } from "../runtime/element-override.js";
+import "../runtime/semantic-role-manager.js";
+import "../runtime/development-warnings.js";
+import { useLifecycle as S } from "../lifecycle/hooks.js";
+import { withModifiers as y } from "./wrapper.js";
+import { ImageAsset as m } from "../assets/ImageAsset.js";
+import { ConcatenatedComponent as c } from "../concatenation/concatenated-component.js";
+import "../css-classes/css-class-manager.js";
+import { ComponentWithCSSClasses as v } from "../css-classes/component-base.js";
+var b = Object.defineProperty, C = (r, e, t) => e in r ? b(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, s = (r, e, t) => C(r, typeof e != "symbol" ? e + "" : e, t);
+class E extends v {
+  constructor(e) {
+    super(), this.props = e, s(this, "type", "component"), s(this, "id"), s(this, "mounted", !1), s(this, "cleanup", []), s(this, "effectiveTag"), s(this, "validationResult"), s(this, "loadingStateSignal"), s(this, "setLoadingState"), this.id = `image-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
+    const t = u("Image", "img", this.props.element);
+    this.effectiveTag = t.tag, this.validationResult = t.validation;
+    const i = this.props.src ? "idle" : "error", [o, n] = g(i);
+    this.loadingStateSignal = o, this.setLoadingState = n, S(this, {
+      onDOMReady: (l, h) => {
+        this.props.src instanceof m && h instanceof HTMLImageElement && this.setupImageAssetReactivityForDOMElement(this.props.src, h);
+      }
+    }), f(this);
+  }
+  /**
+   * Set loading state and notify callback
+   */
+  setLoadingStateWithCallback(e) {
+    this.setLoadingState(e), this.props.onLoadingStateChange && this.props.onLoadingStateChange(e);
+  }
+  /**
+   * Render the image component with reactive content handling
+   */
+  render() {
+    const e = this.loadingStateSignal();
+    if (e === "loading" && this.props.placeholder) {
+      if (typeof this.props.placeholder == "string")
+        return [a("img", {
+          class: "tachui-image-placeholder",
+          src: this.props.placeholder,
+          alt: "Loading..."
+        })];
+      if (this.props.placeholder && typeof this.props.placeholder == "object")
+        return this.props.placeholder.render();
+    }
+    if (e === "error" && this.props.errorPlaceholder) {
+      if (typeof this.props.errorPlaceholder == "string")
+        return [a("img", {
+          class: "tachui-image-error",
+          src: this.props.errorPlaceholder,
+          alt: "Error loading image"
+        })];
+      if (this.props.errorPlaceholder && typeof this.props.errorPlaceholder == "object")
+        return this.props.errorPlaceholder.render();
+    }
+    const t = this.props.src instanceof m ? this.props.src.resolve() : this.props.src, i = ["tachui-image"], o = this.createClassString(this.props, i), n = a(this.effectiveTag, {
+      className: o,
+      src: t,
+      // Pass resolved src for initial render
+      alt: this.props.alt,
+      // Pass reactive alt directly
+      loading: this.props.loadingStrategy || "lazy",
+      crossorigin: this.props.crossOrigin,
+      decoding: this.props.decoding || "async",
+      fetchpriority: this.props.fetchPriority
+    });
+    return n.componentMetadata = {
+      id: this.id,
+      type: "Image",
+      originalType: "Image",
+      overriddenTo: this.effectiveTag !== "img" ? this.effectiveTag : void 0,
+      validationResult: this.validationResult
+    }, [n];
+  }
+  /**
+   * Set up ImageAsset reactivity for a real DOM element (called from onDOMReady)
+   */
+  setupImageAssetReactivityForDOMElement(e, t) {
+    const i = d(() => {
+      const o = e.resolve();
+      t.src = o, this.setLoadingStateWithCallback("loading");
+    });
+    this.cleanup.push(() => i.dispose());
+  }
+  // ============================================================================
+  // Concatenation Support (Phase 3.1)
+  // ============================================================================
+  /**
+   * Concatenate this image with another concatenatable component
+   */
+  concat(e) {
+    const t = this.toSegment(), i = e.toSegment(), o = {
+      totalSegments: e instanceof c ? e.segments.length + 1 : 2,
+      accessibilityRole: e instanceof c ? this.mergeAccessibilityRoles("group", e.metadata.accessibilityRole) : this.determineAccessibilityRole(e),
+      semanticStructure: "inline"
+      // Images are typically inline in concatenation
+    };
+    return new c([t, i], o);
+  }
+  /**
+   * Convert this image to a segment for concatenation
+   */
+  toSegment() {
+    return {
+      id: this.id,
+      component: this,
+      modifiers: [],
+      // Images don't typically have concatenation-specific modifiers
+      render: () => {
+        const e = this.render();
+        return Array.isArray(e) ? e[0] : e;
+      }
+    };
+  }
+  /**
+   * Check if this component supports concatenation
+   */
+  isConcatenatable() {
+    return !0;
+  }
+  /**
+   * Determine accessibility role for concatenation
+   */
+  determineAccessibilityRole(e) {
+    switch (e.constructor.name) {
+      case "EnhancedText":
+        return "group";
+      // Image + Text = group
+      case "EnhancedImage":
+        return "group";
+      // Image + Image = group  
+      case "EnhancedButton":
+      case "EnhancedLink":
+        return "composite";
+      // Image + Interactive = composite
+      default:
+        return "composite";
+    }
+  }
+  /**
+   * Merge accessibility roles when combining components
+   */
+  mergeAccessibilityRoles(e, t) {
+    return e === "composite" || t === "composite" ? "composite" : "group";
+  }
+}
+function p(r, e = {}) {
+  const t = { ...e, src: r }, i = new E(t);
+  return y(i);
+}
+const G = {
+  idle: "idle",
+  loading: "loading",
+  loaded: "loaded",
+  error: "error"
+}, J = {
+  fit: "fit",
+  fill: "fill",
+  stretch: "stretch",
+  center: "center",
+  scaleDown: "scaleDown"
+}, K = {
+  /**
+   * Create a responsive image with multiple sources
+   */
+  responsive(r, e, t = {}) {
+    const i = r.map((o) => {
+      const n = [o.src];
+      return o.width && n.push(`${o.width}w`), n.join(" ");
+    }).join(", ");
+    return p(e, { ...t, srcSet: i });
+  },
+  /**
+   * Create an image with progressive loading
+   */
+  progressive(r, e, t = {}) {
+    return p(r, {
+      ...t,
+      lowQualitySrc: r,
+      highQualitySrc: e
+    });
+  },
+  /**
+   * Create an image with loading placeholder
+   */
+  withPlaceholder(r, e, t = {}) {
+    return p(r, {
+      ...t,
+      placeholder: e
+    });
+  }
+};
+export {
+  E as EnhancedImage,
+  p as Image,
+  J as ImageContentModes,
+  G as ImageStates,
+  K as ImageUtils
+};
+//# sourceMappingURL=Image.js.map

package/dist/components/Image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Image.js","sources":["../../src/components/Image.ts"],"sourcesContent":["/**\n * Enhanced Image Component (Phase 5.4)\n *\n * SwiftUI-inspired Image component with loading states, error handling,\n * responsive sizing, and advanced image handling capabilities.\n */\n\nimport type { ModifiableComponent, ModifierBuilder } from '../modifiers/types'\nimport { createEffect, createSignal } from '../reactive'\nimport type { Signal } from '../reactive/types'\nimport { h } from '../runtime'\nimport type { ComponentInstance, ComponentProps } from '../runtime/types'\nimport { withModifiers } from './wrapper'\nimport { ImageAsset } from '../assets/ImageAsset'\n// import { getThemeSignal } from '../reactive/theme'\nimport { useLifecycle } from '../lifecycle/hooks'\nimport { registerComponentWithLifecycleHooks } from '../runtime/dom-bridge'\nimport type { Concatenatable, ComponentSegment, ConcatenationMetadata } from '../concatenation/types'\nimport { ConcatenatedComponent } from '../concatenation/concatenated-component'\nimport { \n  processElementOverride, \n  type ElementOverrideProps \n} from '../runtime/element-override'\nimport {\n  ComponentWithCSSClasses,\n  type CSSClassesProps\n} from '../css-classes'\n\n\n/**\n * Image loading state\n */\nexport type ImageLoadingState = 'idle' | 'loading' | 'loaded' | 'error'\n\n/**\n * Image content mode (how image fits within bounds)\n */\nexport type ImageContentMode =\n  | 'fit' // Aspect fit - scale to fit while maintaining aspect ratio\n  | 'fill' // Aspect fill - scale to fill while maintaining aspect ratio\n  | 'stretch' // Fill bounds exactly, may distort aspect ratio\n  | 'center' // Center image without scaling\n  | 'scaleDown' // Scale down if needed, never scale up\n\n/**\n * Image resize mode for different screen densities\n */\nexport type ImageResizeMode = 'cover' | 'contain' | 'fill' | 'none'\n\n/**\n * Image loading strategy\n */\nexport type ImageLoadingStrategy = 'eager' | 'lazy'\n\n/**\n * Image component properties with element override support and CSS classes\n */\nexport interface ImageProps extends ComponentProps, ElementOverrideProps, CSSClassesProps {\n  // Source\n  src?: string | Signal<string> | ImageAsset\n  srcSet?: string | Signal<string>\n  alt?: string | Signal<string>\n\n  // Dimensions\n  width?: number | string | Signal<number | string>\n  height?: number | string | Signal<number | string>\n  aspectRatio?: number | Signal<number>\n\n  // Content mode\n  contentMode?: ImageContentMode\n  resizeMode?: ImageResizeMode\n\n  // Loading\n  loadingStrategy?: ImageLoadingStrategy\n  placeholder?: string | ComponentInstance // URL or component to show while loading\n  errorPlaceholder?: string | ComponentInstance // URL or component to show on error\n\n  // State management\n  loadingState?: Signal<ImageLoadingState>\n  onLoadingStateChange?: (state: ImageLoadingState) => void\n\n  // Events\n  onLoad?: (event: Event) => void\n  onError?: (event: Event) => void\n  onLoadStart?: () => void\n\n  // Performance\n  crossOrigin?: 'anonymous' | 'use-credentials'\n  decoding?: 'sync' | 'async' | 'auto'\n  fetchPriority?: 'high' | 'low' | 'auto'\n\n  // Accessibility\n  accessibilityLabel?: string\n  accessibilityRole?: string\n\n  // Advanced\n  blur?: number | Signal<number>\n  opacity?: number | Signal<number>\n  grayscale?: boolean | Signal<boolean>\n  sepia?: boolean | Signal<boolean>\n\n  // Progressive loading\n  lowQualitySrc?: string // Low quality placeholder for progressive loading\n  highQualitySrc?: string // High quality version\n}\n\n/**\n * Enhanced Image component class with element override support and CSS classes\n */\nexport class EnhancedImage extends ComponentWithCSSClasses implements ComponentInstance<ImageProps>, Concatenatable<ImageProps> {\n  public readonly type = 'component' as const\n  public readonly id: string\n  public mounted = false\n  public cleanup: (() => void)[] = []\n  private effectiveTag: string\n  private validationResult: any\n\n  // Reactive state for loading\n  private loadingStateSignal: () => ImageLoadingState\n  private setLoadingState: (state: ImageLoadingState) => void\n\n  /**\n   * Set loading state and notify callback\n   */\n  private setLoadingStateWithCallback(state: ImageLoadingState): void {\n    this.setLoadingState(state)\n\n    if (this.props.onLoadingStateChange) {\n      this.props.onLoadingStateChange(state)\n    }\n  }\n\n  constructor(public props: ImageProps) {\n    super()\n    this.id = `image-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`\n    \n    // Process element override for tag specification enhancement\n    // Note: Image components overriding to non-img tags may break functionality\n    const override = processElementOverride('Image', 'img', this.props.element)\n    this.effectiveTag = override.tag\n    this.validationResult = override.validation\n\n    // Create loading state signal\n    const initialState: ImageLoadingState = this.props.src ? 'idle' : 'error'\n    const [loadingStateSignal, setLoadingState] = createSignal<ImageLoadingState>(initialState)\n    this.loadingStateSignal = loadingStateSignal\n    this.setLoadingState = setLoadingState\n\n    // ENHANCED: Set up lifecycle hooks for reliable DOM access\n    useLifecycle(this, {\n      onDOMReady: (_elements, primaryElement) => {\n        // Set up ImageAsset reactivity when DOM is ready\n        if (this.props.src instanceof ImageAsset && primaryElement instanceof HTMLImageElement) {\n          this.setupImageAssetReactivityForDOMElement(this.props.src, primaryElement)\n        }\n      }\n    })\n    \n    // Register this component for lifecycle processing\n    registerComponentWithLifecycleHooks(this)\n  }\n\n\n\n\n\n\n\n\n\n  /**\n   * Render the image component with reactive content handling\n   */\n  render() {\n\n    // Use reactive loading state\n    const loadingState = this.loadingStateSignal()\n\n    // Handle different loading states\n    if (loadingState === 'loading' && this.props.placeholder) {\n      if (typeof this.props.placeholder === 'string') {\n        // Show placeholder image\n        const placeholderElement = h('img', {\n          class: 'tachui-image-placeholder',\n          src: this.props.placeholder,\n          alt: 'Loading...',\n        })\n        return [placeholderElement]\n      } else if (this.props.placeholder && typeof this.props.placeholder === 'object') {\n        // Show placeholder component\n        return this.props.placeholder.render()\n      }\n    }\n\n    if (loadingState === 'error' && this.props.errorPlaceholder) {\n      if (typeof this.props.errorPlaceholder === 'string') {\n        const errorElement = h('img', {\n          class: 'tachui-image-error',\n          src: this.props.errorPlaceholder,\n          alt: 'Error loading image',\n        })\n        return [errorElement]\n      } else if (this.props.errorPlaceholder && typeof this.props.errorPlaceholder === 'object') {\n        return this.props.errorPlaceholder.render()\n      }\n    }\n\n    // Resolve ImageAsset to initial src value, reactive updates handled separately\n    const initialSrc = this.props.src instanceof ImageAsset\n      ? this.props.src.resolve()\n      : this.props.src\n\n    // Process CSS classes for this component\n    const baseClasses = ['tachui-image']\n    const classString = this.createClassString(this.props, baseClasses)\n    \n    // Create main image element - pass reactive props directly to DOM renderer\n    const element = h(this.effectiveTag, {\n      className: classString,\n      src: initialSrc, // Pass resolved src for initial render\n      alt: this.props.alt, // Pass reactive alt directly\n      loading: this.props.loadingStrategy || 'lazy',\n      crossorigin: this.props.crossOrigin,\n      decoding: this.props.decoding || 'async',\n      fetchpriority: this.props.fetchPriority,\n    })\n\n    // Add component metadata for semantic role processing\n    ;(element as any).componentMetadata = {\n      id: this.id,\n      type: 'Image',\n      originalType: 'Image',\n      overriddenTo: this.effectiveTag !== 'img' ? this.effectiveTag : undefined,\n      validationResult: this.validationResult\n    }\n\n    return [element]\n  }\n\n  /**\n   * Set up ImageAsset reactivity for a real DOM element (called from onDOMReady)\n   */\n  private setupImageAssetReactivityForDOMElement(imageAsset: ImageAsset, domElement: HTMLImageElement): void {\n    // Create the reactive effect that watches for theme changes\n    // ImageAsset.resolve() now internally calls getThemeSignal() which establishes the reactive dependency\n    const effect = createEffect(() => {\n      const resolvedSrc = imageAsset.resolve() // This will track the theme signal reactively\n\n      // Direct DOM element access - no need for fallbacks since we have the real element\n      domElement.src = resolvedSrc\n      this.setLoadingStateWithCallback('loading')\n    })\n\n    // Add cleanup\n    this.cleanup.push(() => effect.dispose())\n  }\n\n  // ============================================================================\n  // Concatenation Support (Phase 3.1)\n  // ============================================================================\n\n  /**\n   * Concatenate this image with another concatenatable component\n   */\n  concat<U extends Concatenatable<any>>(other: U): ConcatenatedComponent<ImageProps | U> {\n    const thisSegment = this.toSegment()\n    const otherSegment = other.toSegment()\n    \n    const metadata: ConcatenationMetadata = {\n      totalSegments: other instanceof ConcatenatedComponent ? other.segments.length + 1 : 2,\n      accessibilityRole: other instanceof ConcatenatedComponent\n        ? this.mergeAccessibilityRoles('group', other.metadata.accessibilityRole)\n        : this.determineAccessibilityRole(other),\n      semanticStructure: 'inline' // Images are typically inline in concatenation\n    }\n    \n    return new ConcatenatedComponent([thisSegment, otherSegment], metadata)\n  }\n  \n  /**\n   * Convert this image to a segment for concatenation\n   */\n  toSegment(): ComponentSegment {\n    return {\n      id: this.id,\n      component: this,\n      modifiers: [], // Images don't typically have concatenation-specific modifiers\n      render: () => {\n        const rendered = this.render()\n        return Array.isArray(rendered) ? rendered[0] : rendered\n      }\n    }\n  }\n  \n  /**\n   * Check if this component supports concatenation\n   */\n  isConcatenatable(): boolean {\n    return true\n  }\n\n  /**\n   * Determine accessibility role for concatenation\n   */\n  private determineAccessibilityRole(other: Concatenatable): 'text' | 'group' | 'composite' {\n    const componentType = (other as any).constructor.name\n    \n    switch (componentType) {\n      case 'EnhancedText':\n        return 'group' // Image + Text = group\n      case 'EnhancedImage':\n        return 'group' // Image + Image = group  \n      case 'EnhancedButton':\n      case 'EnhancedLink':\n        return 'composite' // Image + Interactive = composite\n      default:\n        return 'composite'\n    }\n  }\n\n  /**\n   * Merge accessibility roles when combining components\n   */\n  private mergeAccessibilityRoles(\n    thisRole: 'text' | 'group' | 'composite',\n    existingRole: 'text' | 'group' | 'composite'\n  ): 'text' | 'group' | 'composite' {\n    // Images always contribute as 'group', so combining with anything results in group or higher\n    if (thisRole === 'composite' || existingRole === 'composite') return 'composite'\n    return 'group'\n  }\n}\n\n/**\n * Create enhanced Image component with modifier support\n */\nexport function Image(\n  src: string | Signal<string> | ImageAsset,\n  props: Omit<ImageProps, 'src'> = {}\n): ModifiableComponent<ImageProps> & {\n  modifier: ModifierBuilder<ModifiableComponent<ImageProps>>\n} {\n  const imageProps: ImageProps = { ...props, src }\n  const component = new EnhancedImage(imageProps)\n  return withModifiers(component)\n}\n\n/**\n * Image loading states for external use\n */\nexport const ImageStates = {\n  idle: 'idle' as const,\n  loading: 'loading' as const,\n  loaded: 'loaded' as const,\n  error: 'error' as const,\n}\n\n/**\n * Image content modes for external use\n */\nexport const ImageContentModes = {\n  fit: 'fit' as const,\n  fill: 'fill' as const,\n  stretch: 'stretch' as const,\n  center: 'center' as const,\n  scaleDown: 'scaleDown' as const,\n}\n\n/**\n * Image utility functions\n */\nexport const ImageUtils = {\n  /**\n   * Create a responsive image with multiple sources\n   */\n  responsive(\n    sources: { src: string; width?: number; media?: string }[],\n    fallbackSrc: string,\n    props: Omit<ImageProps, 'src' | 'srcSet'> = {}\n  ): ModifiableComponent<ImageProps> & {\n    modifier: ModifierBuilder<ModifiableComponent<ImageProps>>\n  } {\n    const srcSet = sources\n      .map((source) => {\n        const parts = [source.src]\n        if (source.width) parts.push(`${source.width}w`)\n        return parts.join(' ')\n      })\n      .join(', ')\n\n    return Image(fallbackSrc, { ...props, srcSet })\n  },\n\n  /**\n   * Create an image with progressive loading\n   */\n  progressive(\n    lowQualitySrc: string,\n    highQualitySrc: string,\n    props: Omit<ImageProps, 'src' | 'lowQualitySrc' | 'highQualitySrc'> = {}\n  ): ModifiableComponent<ImageProps> & {\n    modifier: ModifierBuilder<ModifiableComponent<ImageProps>>\n  } {\n    return Image(lowQualitySrc, {\n      ...props,\n      lowQualitySrc,\n      highQualitySrc,\n    })\n  },\n\n  /**\n   * Create an image with loading placeholder\n   */\n  withPlaceholder(\n    src: string | Signal<string>,\n    placeholderSrc: string,\n    props: Omit<ImageProps, 'src' | 'placeholder'> = {}\n  ): ModifiableComponent<ImageProps> & {\n    modifier: ModifierBuilder<ModifiableComponent<ImageProps>>\n  } {\n    return Image(src, {\n      ...props,\n      placeholder: placeholderSrc,\n    })\n  },\n}\n"],"names":["EnhancedImage","ComponentWithCSSClasses","props","__publicField","override","processElementOverride","initialState","loadingStateSignal","setLoadingState","createSignal","useLifecycle","_elements","primaryElement","ImageAsset","registerComponentWithLifecycleHooks","state","loadingState","h","initialSrc","baseClasses","classString","element","imageAsset","domElement","effect","createEffect","resolvedSrc","other","thisSegment","otherSegment","metadata","ConcatenatedComponent","rendered","thisRole","existingRole","Image","src","imageProps","component","withModifiers","ImageStates","ImageContentModes","ImageUtils","sources","fallbackSrc","srcSet","source","parts","lowQualitySrc","highQualitySrc","placeholderSrc"],"mappings":"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"}

package/dist/components/List.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../reactive/cleanup.cjs");const b=require("../reactive/computed.cjs"),E=require("../reactive/context.cjs"),S=require("../reactive/effect.cjs");require("../reactive/unified-scheduler.cjs");const h=require("../reactive/signal.cjs");require("../reactive/scheduler.cjs");require("../reactive/theme.cjs");require("../runtime/component.cjs");require("../runtime/context.cjs");require("../runtime/dev-tools.cjs");require("../runtime/dom-bridge.cjs");require("../runtime/error-boundary.cjs");require("../runtime/error-reporting.cjs");require("../runtime/performance.cjs");const f=require("../runtime/renderer.cjs");require("../runtime/element-override.cjs");require("../runtime/semantic-role-manager.cjs");require("../runtime/development-warnings.cjs");const C=require("./ScrollView.cjs"),M=require("./wrapper.cjs");var $=Object.defineProperty,x=(a,e,t)=>e in a?$(a,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):a[e]=t,o=(a,e,t)=>x(a,typeof e!="symbol"?e+"":e,t);class y{constructor(e){this.props=e,o(this,"type","component"),o(this,"id"),o(this,"mounted",!1),o(this,"cleanup",[]),o(this,"dataSignal"),o(this,"setData"),o(this,"sectionsSignal"),o(this,"setSections"),o(this,"selectedItemsSignal"),o(this,"setSelectedItems"),o(this,"isLoadingSignal"),o(this,"setIsLoading"),o(this,"virtualItems",[]),o(this,"visibleStartIndex",0),o(this,"visibleEndIndex",0),o(this,"scrollOffset",0),o(this,"containerHeight",0),o(this,"totalHeight",0),o(this,"handleListScroll",c=>{this.scrollOffset=c.offset.y,this.containerHeight=c.containerSize.height,this.props.virtualScrolling?.enabled&&this.calculateVisibleRange(),this.props.onLoadMore&&c.edges.bottom&&(h.isSignal(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(c)}),this.id=`list-${Date.now()}-${Math.random().toString(36).substr(2,9)}`;const[t,n]=h.createSignal(this.resolveData());this.dataSignal=t,this.setData=n;const[r,s]=h.createSignal(this.resolveSections());this.sectionsSignal=r,this.setSections=s;const i=new Set,[l,p]=h.createSignal(i);this.selectedItemsSignal=l,this.setSelectedItems=p;const[u,d]=h.createSignal(this.resolveIsLoading());this.isLoadingSignal=u,this.setIsLoading=d,this.setupReactiveUpdates(),e.virtualScrolling?.enabled&&this.initializeVirtualScrolling()}flattenRenderResult(e){return Array.isArray(e)?e:[e]}resolveData(){const{data:e}=this.props;return Array.isArray(e)?e:h.isSignal(e)?e():[]}resolveSections(){const{sections:e}=this.props;return Array.isArray(e)?e:h.isSignal(e)?e():[]}resolveIsLoading(){const{isLoading:e}=this.props;return typeof e=="boolean"?e:h.isSignal(e)?e():!1}setupReactiveUpdates(){if(h.isSignal(this.props.data)){const e=S.createEffect(()=>{this.setData(this.resolveData()),this.updateVirtualScrolling()});this.cleanup.push(()=>e.dispose())}if(h.isSignal(this.props.sections)){const e=S.createEffect(()=>{this.setSections(this.resolveSections()),this.updateVirtualScrolling()});this.cleanup.push(()=>e.dispose())}if(h.isSignal(this.props.isLoading)){const e=S.createEffect(()=>{this.setIsLoading(this.resolveIsLoading())});this.cleanup.push(()=>e.dispose())}if(this.props.selectedItems){const e=S.createEffect(()=>{this.props.selectedItems&&this.setSelectedItems(this.props.selectedItems())});this.cleanup.push(()=>e.dispose())}}initializeVirtualScrolling(){const e=this.dataSignal(),n=this.props.virtualScrolling.estimatedItemHeight||50;this.virtualItems=e.map((r,s)=>({index:s,height:n,offset:s*n,item:r})),this.totalHeight=e.length*n}updateVirtualScrolling(){this.props.virtualScrolling?.enabled&&(this.initializeVirtualScrolling(),this.calculateVisibleRange())}calculateVisibleRange(){if(!this.props.virtualScrolling?.enabled)return;const e=this.props.virtualScrolling,t=e.overscan||5,n=e.threshold||0;let r=0;for(let i=0;i<this.virtualItems.length;i++)if(this.virtualItems[i].offset+this.virtualItems[i].height>this.scrollOffset-n){r=Math.max(0,i-t);break}let s=this.virtualItems.length-1;for(let i=r;i<this.virtualItems.length;i++)if(this.virtualItems[i].offset>this.scrollOffset+this.containerHeight+n){s=Math.min(this.virtualItems.length-1,i+t);break}this.visibleStartIndex=r,this.visibleEndIndex=s}handleItemSelection(e,t){const{selectionMode:n,getItemId:r,onSelectionChange:s}=this.props;if(n==="none")return;const i=r?r(e,t):t,l=new Set(this.selectedItemsSignal());n==="single"?(l.clear(),l.add(i)):n==="multiple"&&(l.has(i)?l.delete(i):l.add(i)),this.setSelectedItems(l),s&&s(l)}createListItem(e,t,n){const{renderItem:r,style:s,onItemTap:i,onItemLongPress:l}=this.props,p=r(e,t);return{type:"component",id:`${this.id}-item-${t}`,mounted:!1,cleanup:[],props:{},render:()=>{const u=f.h("div",{class:`tachui-list-item tachui-list-item-${s||"plain"}`,style:{display:"flex",flexDirection:"column",position:"relative",backgroundColor:n?"#e6f3ff":"transparent",transition:"background-color 0.2s ease",cursor:i?"pointer":"default"}},...this.flattenRenderResult(p.render()));if(u.element){const d=u.element;if(i&&d.addEventListener("click",()=>i(e,t)),l){let c;const g=()=>{c=setTimeout(()=>l(e,t),500)},m=()=>{clearTimeout(c)};d.addEventListener("mousedown",g),d.addEventListener("mouseup",m),d.addEventListener("mouseleave",m),d.addEventListener("touchstart",g),d.addEventListener("touchend",m)}this.props.selectionMode!=="none"&&d.addEventListener("click",c=>{(c.metaKey||c.ctrlKey||this.props.selectionMode==="multiple")&&(c.preventDefault(),this.handleItemSelection(e,t))})}return[u]}}}createSeparator(){const{separator:e}=this.props;return e?typeof e=="object"&&"render"in e?e:{type:"component",id:`${this.id}-separator`,mounted:!1,cleanup:[],props:{},render:()=>[f.h("div",{class:"tachui-list-separator",style:{height:"1px",backgroundColor:"#e0e0e0",margin:"0 16px"}})]}:null}createSectionHeader(e,t){return e.header?typeof e.header=="string"?{type:"component",id:`${this.id}-section-header-${t}`,mounted:!1,cleanup:[],props:{},render:()=>[f.h("div",{class:"tachui-list-section-header",style:{padding:"8px 16px",backgroundColor:"#f8f9fa",fontWeight:"600",fontSize:"14px",color:"#666",textTransform:"uppercase",letterSpacing:"0.5px"}},e.header)]}:this.props.renderSectionHeader?this.props.renderSectionHeader(e,t):e.header:null}createSectionFooter(e,t){return e.footer?typeof e.footer=="string"?{type:"component",id:`${this.id}-section-footer-${t}`,mounted:!1,cleanup:[],props:{},render:()=>[f.h("div",{class:"tachui-list-section-footer",style:{padding:"8px 16px",fontSize:"12px",color:"#999"}},e.footer)]}:this.props.renderSectionFooter?this.props.renderSectionFooter(e,t):e.footer:null}createEmptyState(){const{emptyState:e}=this.props;return e||{type:"component",id:`${this.id}-empty`,mounted:!1,cleanup:[],props:{},render:()=>[f.h("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")]}}createLoadingIndicator(){const{loadingIndicator:e}=this.props;return e||{type:"component",id:`${this.id}-loading`,mounted:!1,cleanup:[],props:{},render:()=>[f.h("div",{class:"tachui-list-loading",style:{display:"flex",alignItems:"center",justifyContent:"center",padding:"20px",color:"#999"}},"Loading...")]}}renderVirtualContent(){if(!this.props.virtualScrolling?.enabled)return this.renderRegularContent();const e=this.dataSignal(),t=this.selectedItemsSignal(),n=this.createSeparator(),r=[];if(this.visibleStartIndex>0){const s=this.virtualItems[this.visibleStartIndex]?.offset||0;r.push({type:"component",id:`${this.id}-spacer-top`,mounted:!1,cleanup:[],props:{},render:()=>[f.h("div",{style:{height:`${s}px`}})]})}for(let s=this.visibleStartIndex;s<=this.visibleEndIndex&&s<e.length;s++){const i=e[s],l=this.props.getItemId?this.props.getItemId(i,s):s,p=t.has(l);r.push(this.createListItem(i,s,p)),n&&s<e.length-1&&r.push(n)}if(this.visibleEndIndex<e.length-1){const s=this.totalHeight-(this.virtualItems[this.visibleEndIndex+1]?.offset||0);r.push({type:"component",id:`${this.id}-spacer-bottom`,mounted:!1,cleanup:[],props:{},render:()=>[f.h("div",{style:{height:`${s}px`}})]})}return r}renderRegularContent(){const e=this.dataSignal(),t=this.sectionsSignal(),n=this.selectedItemsSignal(),r=this.createSeparator(),s=[];return t.length>0?t.forEach((i,l)=>{const p=this.createSectionHeader(i,l);p&&s.push(p),i.items.forEach((d,c)=>{const g=l*1e3+c,m=this.props.getItemId?this.props.getItemId(d,g):g,L=n.has(m);s.push(this.createListItem(d,g,L)),r&&c<i.items.length-1&&s.push(r)});const u=this.createSectionFooter(i,l);u&&s.push(u)}):e.forEach((i,l)=>{const p=this.props.getItemId?this.props.getItemId(i,l):l,u=n.has(p);s.push(this.createListItem(i,l,u)),r&&l<e.length-1&&s.push(r)}),s}render(){const e=this.dataSignal(),t=this.isLoadingSignal();if(t&&e.length===0){const i=this.createLoadingIndicator();return i?i.render():[]}if(e.length===0&&!t){const i=this.createEmptyState();return i?i.render():[]}const n=this.props.virtualScrolling?.enabled?this.renderVirtualContent():this.renderRegularContent();if(t&&e.length>0){const i=this.createLoadingIndicator();i&&n.push(i)}const r={...this.props,children:n,onScroll:this.handleListScroll};return new C.ScrollView(r).render()}}class v{constructor(e){o(this,"type","component"),o(this,"id"),o(this,"mounted",!1),o(this,"cleanup",[]),o(this,"props"),o(this,"dataSignal"),this.props={...e,renderItem:e.children,children:void 0},this.id=`foreach-${Date.now()}-${Math.random().toString(36).substr(2,9)}`,this.dataSignal=h.isSignal(e.data)?e.data:()=>e.data}flattenRenderResult(e){return Array.isArray(e)?e:[e]}renderChildren(){return this.dataSignal().flatMap((t,n)=>{const r=this.props.renderItem(t,n);return(Array.isArray(r)?r:[r]).flatMap(i=>this.flattenRenderResult(i.render()))})}render(){if(!(h.isSignal(this.props.data)||b.isComputed(this.props.data)))return this.renderChildren();const t={type:"element",tag:"div",props:{style:{display:"contents"}},children:[],dispose:void 0},n=E.createRoot(()=>{const s=S.createEffect(()=>{const i=this.renderChildren();t.children=i,t.element&&t.element instanceof HTMLElement&&this.updateContainerDOM(t.element,i)});return()=>s.dispose()});t.dispose=n;const r=this.renderChildren();return t.children=r,[t]}updateContainerDOM(e,t){e.innerHTML="";const n=new f.DOMRenderer;t.forEach(r=>{try{const s=n.render(r);s&&e.appendChild(s)}catch(s){console.error("Error rendering ForEach component child:",s)}})}dispose(){this.cleanup.forEach(e=>{try{e()}catch(t){console.error("ForEach component cleanup error:",t)}}),this.cleanup=[]}}function I(a){const e=new y(a);return M.withModifiers(e)}function q(a){return new v(a)}function R(a){const e={data:a.each,children:a.children,key:a.key,ref:a.ref};return new v(e)}const w={simple(a,e,t={}){return I({...t,data:a,renderItem:e})},sectioned(a,e,t={}){return I({...t,sections:a,renderItem:e})},virtual(a,e,t,n={}){return I({...n,data:a,renderItem:e,virtualScrolling:t})},infinite(a,e,t,n,r={}){return I({...r,data:a,renderItem:e,onLoadMore:t,hasMore:n})}};exports.EnhancedList=y;exports.For=R;exports.ForEach=v;exports.ForEachComponent=q;exports.List=I;exports.ListUtils=w;
+//# sourceMappingURL=List.cjs.map

package/dist/components/List.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.cjs","sources":["../../src/components/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 '../modifiers/types'\nimport { createEffect, createRoot, createSignal, isComputed, isSignal } from '../reactive'\nimport type { Signal } from '../reactive/types'\nimport { h } from '../runtime'\nimport type { ComponentInstance, ComponentProps, ComponentRef, DOMNode } from '../runtime/types'\nimport { DOMRenderer } from '../runtime/renderer'\nimport { ScrollView, type ScrollViewProps } from './ScrollView'\nimport { withModifiers } from './wrapper'\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?: (section: ListSection<T>, index: number) => ComponentInstance\n  renderSectionFooter?: (section: ListSection<T>, index: number) => 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/**\n * ForEach component properties\n */\nexport interface ForEachProps<T = any> {\n  data: T[] | Signal<T[]>\n  children: (item: T, index: number) => ComponentInstance | ComponentInstance[]\n  getItemId?: (item: T, index: number) => string | number\n  key?: string | number\n  ref?: ComponentRef\n}\n\n/**\n * ForEach component internal props that satisfy ComponentProps\n */\ninterface ForEachInternalProps<T = any> extends ComponentProps {\n  data: T[] | Signal<T[]>\n  renderItem: (item: T, index: number) => ComponentInstance | ComponentInstance[]\n  getItemId?: (item: T, index: number) => string | number\n}\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>[]>(this.resolveSections())\n    this.sectionsSignal = sectionsSignal\n    this.setSections = setSections\n\n    const initialSelection = new Set<string | number>()\n    const [selectedItemsSignal, setSelectedItems] = createSignal(initialSelection)\n    this.selectedItemsSignal = selectedItemsSignal\n    this.setSelectedItems = setSelectedItems\n\n    const [isLoadingSignal, setIsLoading] = createSignal(this.resolveIsLoading())\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 (this.virtualItems[i].offset > this.scrollOffset + this.containerHeight + threshold) {\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(item: T, index: number, isSelected: boolean): 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(() => onItemLongPress(item, index), 500)\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 (e.metaKey || e.ctrlKey || this.props.selectionMode === 'multiple') {\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(section: ListSection<T>, index: number): 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(section: ListSection<T>, index: number): 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 = 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 (let i = this.visibleStartIndex; i <= this.visibleEndIndex && i < data.length; i++) {\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 - (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 ? this.props.getItemId(item, index) : 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) ? this.props.hasMore() : 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/**\n * ForEach component implementation with self-contained reactivity\n */\nexport class ForEach<T = any> implements ComponentInstance<ForEachInternalProps<T>> {\n  public readonly type = 'component' as const\n  public readonly id: string\n  public mounted = false\n  public cleanup: (() => void)[] = []\n  public props: ForEachInternalProps<T>\n\n  private dataSignal: () => T[]\n\n  constructor(props: ForEachProps<T>) {\n    // Convert to internal props format\n    this.props = {\n      ...props,\n      renderItem: props.children,\n      children: undefined, // ComponentProps children\n    } as ForEachInternalProps<T>\n    this.id = `foreach-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`\n\n    // Set up reactive data\n    this.dataSignal = isSignal(props.data) ? props.data : () => props.data as T[]\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   * Render children for current data\n   */\n  private renderChildren(): DOMNode[] {\n    const data = this.dataSignal()\n\n    return data.flatMap((item, index) => {\n      const children = this.props.renderItem(item, index)\n      const childArray = Array.isArray(children) ? children : [children]\n      return childArray.flatMap((child) => this.flattenRenderResult(child.render()))\n    })\n  }\n\n  /**\n   * Render ForEach with reactive container pattern like Show component\n   */\n  render(): DOMNode[] {\n    // Check if data source is reactive\n    const isReactive = isSignal(this.props.data) || isComputed(this.props.data)\n    \n    if (!isReactive) {\n      // Static data - simple render\n      return this.renderChildren()\n    }\n\n    // Reactive data - create reactive container\n    const containerNode: DOMNode = {\n      type: 'element',\n      tag: 'div',\n      props: {\n        style: { display: 'contents' } // Make container invisible\n      },\n      children: [],\n      dispose: undefined,\n    }\n\n    // Create reactive effect that updates the container\n    const cleanup = createRoot(() => {\n      const effect = createEffect(() => {\n        const newChildren = this.renderChildren()\n        containerNode.children = newChildren\n        \n        // Update DOM if already rendered\n        if (containerNode.element && containerNode.element instanceof HTMLElement) {\n          this.updateContainerDOM(containerNode.element, newChildren)\n        }\n      })\n\n      return () => effect.dispose()\n    })\n\n    containerNode.dispose = cleanup\n\n    // Initialize with current children\n    const initialChildren = this.renderChildren()\n    containerNode.children = initialChildren\n\n    return [containerNode]\n  }\n\n  /**\n   * Update the container DOM element with new children using TachUI's renderer\n   */\n  private updateContainerDOM(container: HTMLElement, children: DOMNode[]): void {\n    // Clear existing content\n    container.innerHTML = ''\n    \n    // Use TachUI's renderer to properly handle modifiers and reactivity\n    const renderer = new DOMRenderer()\n    \n    // Render new content using TachUI's renderer which handles modifiers\n    children.forEach(child => {\n      try {\n        const element = renderer.render(child)\n        if (element) {\n          container.appendChild(element)\n        }\n      } catch (error) {\n        console.error('Error rendering ForEach component child:', error)\n      }\n    })\n  }\n\n  /**\n   * Cleanup resources\n   */\n  dispose(): void {\n    this.cleanup.forEach(fn => {\n      try {\n        fn()\n      } catch (error) {\n        console.error('ForEach component cleanup error:', error)\n      }\n    })\n    this.cleanup = []\n  }\n}\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/**\n * Create ForEach component\n */\nexport function ForEachComponent<T = any>(\n  props: ForEachProps<T>\n): ComponentInstance<ForEachInternalProps<T>> {\n  return new ForEach(props)\n}\n\n/**\n * For component alias (SolidJS-style compatibility)\n *\n * @example\n * ```typescript\n * For({\n *   each: items,\n *   children: (item, index) => Text(item.name)\n * })\n * ```\n */\nexport interface ForProps<T = any> {\n  each: T[] | Signal<T[]>\n  children: (item: T, index: number) => ComponentInstance | ComponentInstance[]\n  fallback?: ComponentInstance\n  key?: string | number\n  ref?: ComponentRef\n}\n\nexport function For<T = any>(props: ForProps<T>): ComponentInstance<ForEachInternalProps<T>> {\n  // Convert SolidJS-style props to TachUI ForEach props\n  const forEachProps: ForEachProps<T> = {\n    data: props.each,\n    children: props.children,\n    key: props.key,\n    ref: props.ref,\n  }\n\n  return new ForEach(forEachProps)\n}\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<ListProps<T>, 'data' | 'renderItem' | 'onLoadMore' | 'hasMore'> = {}\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","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","i","remainingHeight","content","sectionIndex","header","itemIndex","globalIndex","footer","scrollViewProps","ScrollView","ForEach","children","child","isComputed","containerNode","cleanup","createRoot","newChildren","initialChildren","container","renderer","DOMRenderer","error","fn","List","component","withModifiers","ForEachComponent","For","forEachProps","ListUtils","virtualConfig","onLoadMore","hasMore"],"mappings":"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"}