@tachui/core 0.7.0-alpha1 → 0.7.1-alpha

package/dist/components/wrapper.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"wrapper.cjs","sources":["../../src/components/wrapper.ts"],"sourcesContent":["/**\n * Component Wrapper System\n *\n * Provides wrapper functions to enhance regular components with modifier support\n * and integrate them with the TachUI modifier system.\n */\n\nimport { createModifiableComponent, createModifierBuilder } from '../modifiers'\nimport type { ModifiableComponent, ModifierBuilder } from '../modifiers/types'\nimport { h, text } from '../runtime'\nimport type { ComponentInstance, ComponentProps, DOMNode } from '../runtime/types'\nimport { useLifecycle } from '../lifecycle/hooks'\nimport { registerComponentWithLifecycleHooks } from '../runtime/dom-bridge'\nimport { \n  processElementOverride, \n  type ElementOverrideProps \n} from '../runtime/element-override'\nimport {\n  ComponentWithCSSClasses,\n  type CSSClassesProps\n} from '../css-classes'\nimport type { Concatenatable } from '../concatenation/types'\n// Lazy import debug manager to avoid circular dependencies\nlet debugManager: any = null\nconst getDebugManager = () => {\n  if (!debugManager) {\n    try {\n      const debugModule = require('../debug')\n      debugManager = debugModule.debugManager\n    } catch {\n      // Debug module not available, create a mock\n      debugManager = {\n        isEnabled: () => false,\n        logComponent: () => {},\n      }\n    }\n  }\n  return debugManager\n}\n\n/**\n * Wrapper options for enhancing components\n */\nexport interface WrapperOptions {\n  enableModifiers?: boolean\n  enableReactivity?: boolean\n  enableErrorBoundary?: boolean\n  enablePerformanceTracking?: boolean\n}\n\n/**\n * Helper function to check if a component implements Concatenatable\n */\nfunction isConcatenatable(component: any): component is Concatenatable {\n  return component && \n         typeof component.concat === 'function' && \n         typeof component.toSegment === 'function' && \n         typeof component.isConcatenatable === 'function'\n}\n\n/**\n * Enhanced component wrapper that adds modifier support and preserves concatenation methods\n */\nexport function withModifiers<P extends ComponentProps>(\n  component: ComponentInstance<P>\n): ModifiableComponent<P> & { modifier: ModifierBuilder<ModifiableComponent<P>> } & (ComponentInstance<P> extends Concatenatable ? Concatenatable : {}) {\n  const modifiableComponent = createModifiableComponent(component)\n  const modifierBuilder = createModifierBuilder(modifiableComponent)\n\n  const result: any = {\n    ...modifiableComponent,\n    modifier: modifierBuilder,\n    modifierBuilder: modifierBuilder,\n  }\n\n  // If the original component supports concatenation, preserve those methods\n  if (isConcatenatable(component)) {\n    result.concat = function(other: any) {\n      return (component as any).concat(other)\n    }\n    result.toSegment = function() {\n      return (component as any).toSegment()\n    }\n    result.isConcatenatable = function() {\n      return (component as any).isConcatenatable()\n    }\n  }\n\n  return result\n}\n\n/**\n * Create a reactive component wrapper with full TachUI features\n */\nexport function createReactiveWrapper<P extends ComponentProps>(\n  renderFn: (props: P) => DOMNode | DOMNode[],\n  options: WrapperOptions = {}\n): (props: P) => ModifiableComponent<P> & { modifier: ModifierBuilder<ModifiableComponent<P>> } {\n  const { enableModifiers = true } = options\n\n  return (props: P) => {\n    // Create a simple component instance that uses the render function\n    const component: ComponentInstance<P> = {\n      type: 'component' as const,\n      id: `wrapper-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`,\n      props,\n      mounted: false,\n      cleanup: [],\n      render() {\n        const result = renderFn(props)\n        return Array.isArray(result) ? result : [result]\n      },\n    }\n\n    // Add modifier support if enabled\n    if (enableModifiers) {\n      return withModifiers(component)\n    }\n\n    // Return basic component with minimal wrapper\n    return withModifiers(component)\n  }\n}\n\n/**\n * Simple element component class\n */\nclass ElementComponent implements ComponentInstance<ComponentProps> {\n  public readonly type = 'component' as const\n  public readonly id: string\n  public mounted = false\n  public cleanup: (() => void)[] = []\n\n  constructor(\n    public props: ComponentProps,\n    private tag: string,\n    private content?: string,\n    private attributes: Record<string, any> = {}\n  ) {\n    this.id = `element-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`\n  }\n\n  render() {\n    return [h(this.tag, this.attributes, this.content ? text(this.content) : '')]\n  }\n}\n\n/**\n * Simple HTML element wrappers with modifier support\n *\n * These are basic HTML element wrappers for simple use cases.\n * For enhanced SwiftUI-style components with advanced features,\n * use the main component exports (Button, Image, Text, etc.).\n */\nexport const HTML = {\n  /**\n   * Create a div element with modifier support\n   */\n  div: (props: { children?: any } = {}) => {\n    const component = new ElementComponent(\n      props,\n      'div',\n      props.children ? String(props.children) : undefined\n    )\n    return withModifiers(component)\n  },\n\n  /**\n   * Create a span element with modifier support\n   */\n  span: (props: { children?: any } = {}) => {\n    const component = new ElementComponent(\n      props,\n      'span',\n      props.children ? String(props.children) : undefined\n    )\n    return withModifiers(component)\n  },\n\n  /**\n   * Create a paragraph element with modifier support\n   */\n  p: (props: { children?: any } = {}) => {\n    const component = new ElementComponent(\n      props,\n      'p',\n      props.children ? String(props.children) : undefined\n    )\n    return withModifiers(component)\n  },\n\n  /**\n   * Create a button element with modifier support\n   *\n   * Note: For enhanced button features (press states, variants, accessibility),\n   * use the main Button component instead.\n   */\n  button: (props: { children?: any; onClick?: () => void } = {}) => {\n    const component = new ElementComponent(\n      props,\n      'button',\n      props.children ? String(props.children) : undefined,\n      {\n        onclick: props.onClick,\n      }\n    )\n    return withModifiers(component)\n  },\n\n  /**\n   * Create an input element with modifier support\n   */\n  input: (\n    props: {\n      type?: string\n      value?: string\n      placeholder?: string\n      onChange?: (value: string) => void\n    } = {}\n  ) => {\n    const component = new ElementComponent(props, 'input', undefined, {\n      type: props.type || 'text',\n      value: props.value || '',\n      placeholder: props.placeholder || '',\n      oninput: (e: Event) => {\n        const target = e.target as HTMLInputElement\n        props.onChange?.(target.value)\n      },\n    })\n    return withModifiers(component)\n  },\n\n  /**\n   * Create an image element with modifier support\n   *\n   * Note: For enhanced image features (loading states, content modes, progressive loading),\n   * use the main Image component instead.\n   */\n  img: (props: {\n    src: string\n    alt?: string\n    width?: number | string\n    height?: number | string\n  }) => {\n    const component = new ElementComponent(props, 'img', undefined, {\n      src: props.src,\n      alt: props.alt || '',\n      width: props.width,\n      height: props.height,\n    })\n    return withModifiers(component)\n  },\n\n  /**\n   * Create a heading element with modifier support\n   */\n  heading:\n    (level: 1 | 2 | 3 | 4 | 5 | 6) =>\n    (props: { children?: any } = {}) => {\n      const component = new ElementComponent(\n        props,\n        `h${level}`,\n        props.children ? String(props.children) : undefined\n      )\n      return withModifiers(component)\n    },\n}\n\n/**\n * Shorthand for heading elements\n */\nexport const H1 = HTML.heading(1)\nexport const H2 = HTML.heading(2)\nexport const H3 = HTML.heading(3)\nexport const H4 = HTML.heading(4)\nexport const H5 = HTML.heading(5)\nexport const H6 = HTML.heading(6)\n\n/**\n * Layout container component class with element override support\n */\nclass LayoutComponent extends ComponentWithCSSClasses implements ComponentInstance<ComponentProps & ElementOverrideProps & CSSClassesProps> {\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  constructor(\n    public props: ComponentProps & ElementOverrideProps & CSSClassesProps,\n    private layoutType: 'vstack' | 'hstack' | 'zstack',\n    public children: ComponentInstance[] = [],\n    private layoutProps: any = {}\n  ) {\n    super()\n    this.id = `layout-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`\n    \n    // Process element override for tag specification enhancement\n    const componentType = this.layoutType === 'hstack' ? 'HStack' : \n                         this.layoutType === 'vstack' ? 'VStack' : 'ZStack'\n    const override = processElementOverride(componentType, 'div', this.props.element)\n    this.effectiveTag = override.tag\n    this.validationResult = override.validation\n\n\n    // Set up lifecycle hooks to process child components\n    useLifecycle(this, {\n      onDOMReady: (_elements, primaryElement) => {\n        // Process lifecycle hooks for child components that have them\n        this.children.forEach((child, index) => {\n          const enhancedLifecycle = (child as any)._enhancedLifecycle\n          \n          if (enhancedLifecycle && enhancedLifecycle.onDOMReady && !child.domReady) {\n            try {\n              // Find DOM elements for this child by searching within our container\n              if (primaryElement) {\n                // For layout components, children are rendered as direct children\n                // Try to find the child's DOM element(s)\n                const childElements = this.findChildDOMElements(child, primaryElement, index)\n                \n                if (childElements.length > 0) {\n                  // Set up DOM tracking for the child\n                  child.domElements = new Map()\n                  childElements.forEach((element, idx) => {\n                    const key = element.id || `element-${idx}`\n                    child.domElements!.set(key, element)\n                    if (!child.primaryElement) {\n                      child.primaryElement = element\n                    }\n                  })\n\n                  child.domReady = true\n\n                  // Call the child's onDOMReady hook\n                  const cleanup = enhancedLifecycle.onDOMReady(\n                    child.domElements,\n                    child.primaryElement\n                  )\n                  if (typeof cleanup === 'function') {\n                    child.cleanup = child.cleanup || []\n                    child.cleanup.push(cleanup)\n                  }\n\n                  // Also call onMount if it exists\n                  if (enhancedLifecycle.onMount) {\n                    const mountCleanup = enhancedLifecycle.onMount()\n                    if (typeof mountCleanup === 'function') {\n                      child.cleanup = child.cleanup || []\n                      child.cleanup.push(mountCleanup)\n                    }\n                  }\n                }\n              }\n            } catch (error) {\n              console.error(`Error processing lifecycle hooks for child ${child.id}:`, error)\n              // Continue processing other children even if one fails\n            }\n          }\n        })\n      }\n    })\n\n    // Register this component for lifecycle processing\n    registerComponentWithLifecycleHooks(this)\n  }\n\n  /**\n   * Find DOM elements for a specific child component within the layout container\n   */\n  private findChildDOMElements(child: ComponentInstance, container: Element, childIndex: number): Element[] {\n    // For Image components, look for img elements with the tachui-image class\n    if (child.id.startsWith('image-')) {\n      const images = container.querySelectorAll('img.tachui-image')\n      // Since we don't have a perfect way to match, we'll use the childIndex as a heuristic\n      if (images[childIndex]) {\n        return [images[childIndex]]\n      }\n      // Fallback: return all images and let the component handle it\n      return Array.from(images)\n    }\n\n    // For Button components, look for button elements with the tachui-button class\n    if (child.id.startsWith('button-')) {\n      const buttons = container.querySelectorAll('button.tachui-button')\n      if (buttons[childIndex]) {\n        return [buttons[childIndex]]\n      }\n      // Fallback: return all buttons and let the component handle it\n      return Array.from(buttons)\n    }\n\n    // For Text components, look for span elements with the tachui-text class\n    if (child.id.startsWith('text-')) {\n      const textElements = container.querySelectorAll('span.tachui-text, .tachui-text')\n      if (textElements[childIndex]) {\n        return [textElements[childIndex]]\n      }\n      return Array.from(textElements)\n    }\n\n    // For other components, try to find any direct children elements\n    // This is a fallback that should work for most components\n    const allChildren = Array.from(container.children)\n    if (allChildren[childIndex]) {\n      return [allChildren[childIndex]]\n    }\n\n    // Final fallback: return all children and let the component handle it\n    return allChildren\n  }\n\n  render() {\n    const { spacing = 0, debugLabel } = this.layoutProps\n    // Explicitly handle alignment to avoid default override\n    const alignment = this.layoutProps.alignment !== undefined ? this.layoutProps.alignment : 'center'\n\n    // Log component for debugging\n    const debug = getDebugManager()\n    debug.logComponent(this.layoutType.toUpperCase(), debugLabel)\n    \n    // Process CSS classes for this component\n    const baseClasses = [`tachui-${this.layoutType}`, ...(debug.isEnabled() ? ['tachui-debug'] : [])]\n    const classString = this.createClassString(this.props, baseClasses)\n\n\n    switch (this.layoutType) {\n      case 'vstack': {\n        // Render children normally but also make them available for DOM bridge processing\n        const vstackRenderedChildren = this.children.map((child) => {\n          const childResult = child.render()\n          const resultArray = Array.isArray(childResult) ? childResult : [childResult]\n          return resultArray\n        })\n        const vstackFlattened = vstackRenderedChildren.flat()\n\n        const element = {\n          type: 'element' as const,\n          tag: this.effectiveTag,\n          props: {\n            className: classString,\n            style: {\n              display: 'flex',\n              flexDirection: 'column',\n              gap: spacing ? `${spacing}px` : '0',\n              alignItems:\n                alignment === 'leading'\n                  ? 'flex-start'\n                  : alignment === 'trailing'\n                    ? 'flex-end'\n                    : 'center',\n            },\n            // Add debug attributes\n            ...(debug.isEnabled() && {\n              'data-tachui-component': 'VStack',\n              ...(debugLabel && { 'data-tachui-label': debugLabel })\n            })\n          },\n          children: vstackFlattened,\n          // Add component metadata for semantic role processing\n          componentMetadata: {\n            originalType: 'VStack',\n            overriddenTo: this.effectiveTag !== 'div' ? this.effectiveTag : undefined,\n            validationResult: this.validationResult\n          }\n        }\n\n        return [element]\n      }\n\n      case 'hstack': {\n        const hstackRenderedChildren = this.children.map((child) => {\n          const childResult = child.render()\n          const resultArray = Array.isArray(childResult) ? childResult : [childResult]\n          return resultArray\n        })\n        const hstackFlattened = hstackRenderedChildren.flat()\n\n        const element = {\n          type: 'element' as const,\n          tag: this.effectiveTag,\n          props: {\n            className: classString,\n            style: {\n              display: 'flex',\n              flexDirection: 'row',\n              gap: spacing ? `${spacing}px` : '0',\n              alignItems:\n                alignment === 'top'\n                  ? 'flex-start'\n                  : alignment === 'bottom'\n                    ? 'flex-end'\n                    : 'center',\n            },\n            // Add debug attributes\n            ...(debug.isEnabled() && {\n              'data-tachui-component': 'HStack',\n              ...(debugLabel && { 'data-tachui-label': debugLabel })\n            })\n          },\n          children: hstackFlattened,\n          // Add component metadata for semantic role processing\n          componentMetadata: {\n            originalType: 'HStack',\n            overriddenTo: this.effectiveTag !== 'div' ? this.effectiveTag : undefined,\n            validationResult: this.validationResult\n          }\n        }\n\n        return [element]\n      }\n\n      case 'zstack': {\n        // Find the highest layoutPriority child to determine container size\n        let maxPriority = -Infinity\n        let highestPriorityChild: ComponentInstance | null = null\n\n        this.children.forEach((child) => {\n          if ('modifiers' in child && Array.isArray(child.modifiers)) {\n            const layoutMod = child.modifiers.find(\n              (m) =>\n                m.type === 'layout' &&\n                m.properties &&\n                'layoutPriority' in m.properties &&\n                typeof m.properties.layoutPriority === 'number'\n            )\n            if (layoutMod) {\n              const priority = layoutMod.properties.layoutPriority as number\n              if (priority > maxPriority) {\n                maxPriority = priority\n                highestPriorityChild = child\n              }\n            }\n          }\n        })\n\n        const container = h('div', {\n          className: classString,\n          style: {\n            position: 'relative',\n            display: 'flex',\n            justifyContent: alignment.includes('Leading')\n              ? 'flex-start'\n              : alignment.includes('Trailing')\n                ? 'flex-end'\n                : 'center',\n            alignItems: alignment.includes('top')\n              ? 'flex-start'\n              : alignment.includes('bottom')\n                ? 'flex-end'\n                : 'center',\n            // Container sizes to the highest priority child\n            ...(highestPriorityChild\n              ? {\n                  minWidth: 'fit-content',\n                  minHeight: 'fit-content',\n                }\n              : {}),\n          },\n          // Add debug attributes\n          ...(debug.isEnabled() && {\n            'data-tachui-component': 'ZStack',\n            ...(debugLabel && { 'data-tachui-label': debugLabel })\n          })\n        })\n\n        // Apply absolute positioning to children for z-stack\n        const renderedChildren = this.children.flatMap((child, index) => {\n          const childNodes = child.render()\n          const nodeArray = Array.isArray(childNodes) ? childNodes : [childNodes]\n\n          // Get layoutPriority from child's modifiers\n          let childPriority = index // Default to index-based z-index\n          if ('modifiers' in child && Array.isArray(child.modifiers)) {\n            const layoutMod = child.modifiers.find(\n              (m) => m.type === 'layout' && m.properties && 'layoutPriority' in m.properties\n            )\n            if (layoutMod && typeof layoutMod.properties.layoutPriority === 'number') {\n              childPriority = layoutMod.properties.layoutPriority\n            }\n          }\n\n          return nodeArray.map((node) => {\n            if (node.type === 'element') {\n              const isHighestPriority = child === highestPriorityChild\n              return {\n                ...node,\n                props: {\n                  ...node.props,\n                  style: {\n                    ...node.props?.style,\n                    // Highest priority child determines container size\n                    ...(isHighestPriority\n                      ? {\n                          position: 'relative',\n                          zIndex: childPriority,\n                        }\n                      : {\n                          position: 'absolute',\n                          top: 0,\n                          left: 0,\n                          right: 0,\n                          bottom: 0,\n                          zIndex: childPriority,\n                        }),\n                  },\n                },\n              }\n            }\n            return node\n          })\n        })\n\n        return [\n          {\n            type: 'element' as const,\n            tag: this.effectiveTag,\n            props: {\n              ...container.props,\n              className: classString\n            },\n            children: renderedChildren,\n            // Add component metadata for semantic role processing\n            componentMetadata: {\n              originalType: 'ZStack',\n              overriddenTo: this.effectiveTag !== 'div' ? this.effectiveTag : undefined,\n              validationResult: this.validationResult\n            }\n          },\n        ]\n      }\n\n      default:\n        return [\n          {\n            type: 'element' as const,\n            tag: 'div',\n            props: {},\n            children: [],\n          },\n        ]\n    }\n  }\n}\n\n/**\n * Layout container components with modifier support\n */\nexport const Layout = {\n  /**\n   * Vertical stack container (flexbox column)\n   */\n  VStack: (\n    props: {\n      children?: ComponentInstance[]\n      spacing?: number\n      alignment?: 'leading' | 'center' | 'trailing'\n    } = {}\n  ) => {\n    const { children = [], spacing = 0, alignment = 'center' } = props\n    const component = new LayoutComponent(props, 'vstack', children, { spacing, alignment })\n    return withModifiers(component)\n  },\n\n  /**\n   * Horizontal stack container (flexbox row)\n   */\n  HStack: (\n    props: {\n      children?: ComponentInstance[]\n      spacing?: number\n      alignment?: 'top' | 'center' | 'bottom'\n    } = {}\n  ) => {\n    const { children = [], spacing = 0, alignment = 'center' } = props\n    const component = new LayoutComponent(props, 'hstack', children, { spacing, alignment })\n    return withModifiers(component)\n  },\n\n  /**\n   * Z-index stack container (absolute positioning)\n   */\n  ZStack: (\n    props: {\n      children?: ComponentInstance[]\n      alignment?:\n        | 'topLeading'\n        | 'top'\n        | 'topTrailing'\n        | 'leading'\n        | 'center'\n        | 'trailing'\n        | 'bottomLeading'\n        | 'bottom'\n        | 'bottomTrailing'\n    } = {}\n  ) => {\n    const { children = [], alignment = 'center' } = props\n    const component = new LayoutComponent(props, 'zstack', children, { alignment })\n    return withModifiers(component)\n  },\n}\n\n/**\n * SwiftUI-aligned direct exports for layout components\n * These provide the same functionality as Layout.VStack, Layout.HStack, Layout.ZStack\n * but with direct component names for better SwiftUI syntax alignment\n */\nexport function VStack(\n  props: {\n    children?: ComponentInstance[]\n    spacing?: number\n    alignment?: 'leading' | 'center' | 'trailing'\n    debugLabel?: string\n    element?: string\n  } = {}\n) {\n  const { children = [], spacing = 0, debugLabel } = props\n  // Explicitly handle alignment to avoid default override\n  const alignment = props.alignment !== undefined ? props.alignment : 'center'\n  const component = new LayoutComponent(props, 'vstack', children, { spacing, alignment, debugLabel })\n  return withModifiers(component)\n}\n\nexport function HStack(\n  props: {\n    children?: ComponentInstance[]\n    spacing?: number\n    alignment?: 'top' | 'center' | 'bottom'\n    debugLabel?: string\n    element?: string\n  } = {}\n) {\n  const { children = [], spacing = 0, debugLabel } = props\n  // Explicitly handle alignment to avoid default override\n  const alignment = props.alignment !== undefined ? props.alignment : 'center'\n  const component = new LayoutComponent(props, 'hstack', children, { spacing, alignment, debugLabel })\n  return withModifiers(component)\n}\n\nexport function ZStack(\n  props: {\n    children?: ComponentInstance[]\n    alignment?:\n      | 'topLeading'\n      | 'top'\n      | 'topTrailing'\n      | 'leading'\n      | 'center'\n      | 'trailing'\n      | 'bottomLeading'\n      | 'bottom'\n      | 'bottomTrailing'\n    element?: string\n  } = {}\n) {\n  const { children = [], alignment = 'center' } = props\n  const component = new LayoutComponent(props, 'zstack', children, { alignment })\n  return withModifiers(component)\n}\n\n/**\n * Simple Text component with modifier support\n */\nexport function Text(content: string | (() => string)) {\n  const component = new ElementComponent(\n    { content },\n    'span',\n    typeof content === 'function' ? content() : content\n  )\n  return withModifiers(component)\n}\n\n/**\n * Utility to wrap any component with modifier support\n */\nexport function wrapComponent<P extends ComponentProps>(\n  component: ComponentInstance<P>\n): ModifiableComponent<P> & { modifier: ModifierBuilder<ModifiableComponent<P>> } {\n  return withModifiers(component)\n}\n\n/**\n * Higher-order component wrapper\n */\nexport function withModifierSupport<P extends ComponentProps>(\n  ComponentClass: new (props: P) => ComponentInstance<P>\n) {\n  return class extends ComponentClass {\n    public _modifiableComponent?: ModifiableComponent<P>\n\n    constructor(props: P) {\n      super(props)\n      this._modifiableComponent = withModifiers(this)\n    }\n\n    get modifier(): ModifierBuilder<ModifiableComponent<P>> {\n      return createModifierBuilder(this._modifiableComponent!)\n    }\n\n    get modifiers() {\n      return this._modifiableComponent!.modifiers\n    }\n  }\n}\n\n/**\n * Factory function for creating modifiable components\n */\nexport function createModifiableComponentFactory<P extends ComponentProps>(\n  renderFn: (props: P) => DOMNode | DOMNode[]\n) {\n  return (props: P) => {\n    // Create a simple component instance that uses the render function\n    const component: ComponentInstance<P> = {\n      type: 'component' as const,\n      id: `factory-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`,\n      props,\n      mounted: false,\n      cleanup: [],\n      render() {\n        const result = renderFn(props)\n        return Array.isArray(result) ? result : [result]\n      },\n    }\n    return withModifiers(component)\n  }\n}\n"],"names":["debugManager","getDebugManager","isConcatenatable","component","withModifiers","modifiableComponent","createModifiableComponent","modifierBuilder","createModifierBuilder","result","other","createReactiveWrapper","renderFn","options","enableModifiers","props","ElementComponent","tag","content","attributes","__publicField","h","text","HTML","e","target","level","H1","H2","H3","H4","H5","H6","LayoutComponent","ComponentWithCSSClasses","layoutType","children","layoutProps","componentType","override","processElementOverride","useLifecycle","_elements","primaryElement","child","index","enhancedLifecycle","childElements","element","idx","key","cleanup","mountCleanup","error","registerComponentWithLifecycleHooks","container","childIndex","images","buttons","textElements","allChildren","spacing","debugLabel","alignment","debug","baseClasses","classString","vstackFlattened","childResult","hstackFlattened","maxPriority","highestPriorityChild","layoutMod","m","priority","renderedChildren","childNodes","nodeArray","childPriority","node","isHighestPriority","Layout","VStack","HStack","ZStack","wrapComponent","withModifierSupport","ComponentClass","createModifiableComponentFactory"],"mappings":"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"}

package/dist/components/wrapper.js

@@ -1,484 +0,0 @@
-import "../reactive/cleanup.js";
-import "../reactive/unified-scheduler.js";
-import "../reactive/signal.js";
-import "../reactive/scheduler.js";
-import "../reactive/theme.js";
-import { createModifierBuilder as w } from "../modifiers/builder.js";
-import "../modifiers/core.js";
-import { createModifiableComponent as T } from "../modifiers/registry.js";
-import "../modifiers/responsive/breakpoints.js";
-import "../modifiers/responsive/css-generator.js";
-import "../modifiers/responsive/performance.js";
-import "../modifiers/responsive/dev-tools.js";
-import "../modifiers/effects.js";
-import "../modifiers/elements.js";
-import "../modifiers/basic-sanitizer.js";
-import "../modifiers/as-html-validator.js";
-import "../runtime/component.js";
-import "../runtime/context.js";
-import "../runtime/dev-tools.js";
-import { registerComponentWithLifecycleHooks as x } from "../runtime/dom-bridge.js";
-import "../runtime/error-boundary.js";
-import "../runtime/error-reporting.js";
-import "../runtime/performance.js";
-import { h as A, text as E } from "../runtime/renderer.js";
-import { processElementOverride as R } from "../runtime/element-override.js";
-import "../runtime/semantic-role-manager.js";
-import "../runtime/development-warnings.js";
-import { useLifecycle as P } from "../lifecycle/hooks.js";
-import "../css-classes/css-class-manager.js";
-import { ComponentWithCSSClasses as H } from "../css-classes/component-base.js";
-var $ = Object.defineProperty, D = (t, e, i) => e in t ? $(t, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : t[e] = i, m = (t, e, i) => D(t, typeof e != "symbol" ? e + "" : e, i);
-let M = null;
-const _ = () => {
-  if (!M)
-    try {
-      M = require("../debug").debugManager;
-    } catch {
-      M = {
-        isEnabled: () => !1,
-        logComponent: () => {
-        }
-      };
-    }
-  return M;
-};
-function L(t) {
-  return t && typeof t.concat == "function" && typeof t.toSegment == "function" && typeof t.isConcatenatable == "function";
-}
-function c(t) {
-  const e = T(t), i = w(e), n = {
-    ...e,
-    modifier: i,
-    modifierBuilder: i
-  };
-  return L(t) && (n.concat = function(r) {
-    return t.concat(r);
-  }, n.toSegment = function() {
-    return t.toSegment();
-  }, n.isConcatenatable = function() {
-    return t.isConcatenatable();
-  }), n;
-}
-function mt(t, e = {}) {
-  const { enableModifiers: i = !0 } = e;
-  return (n) => {
-    const r = {
-      type: "component",
-      id: `wrapper-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`,
-      props: n,
-      mounted: !1,
-      cleanup: [],
-      render() {
-        const a = t(n);
-        return Array.isArray(a) ? a : [a];
-      }
-    };
-    return c(r);
-  };
-}
-class g {
-  constructor(e, i, n, r = {}) {
-    this.props = e, this.tag = i, this.content = n, this.attributes = r, m(this, "type", "component"), m(this, "id"), m(this, "mounted", !1), m(this, "cleanup", []), this.id = `element-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
-  }
-  render() {
-    return [A(this.tag, this.attributes, this.content ? E(this.content) : "")];
-  }
-}
-const b = {
-  /**
-   * Create a div element with modifier support
-   */
-  div: (t = {}) => {
-    const e = new g(
-      t,
-      "div",
-      t.children ? String(t.children) : void 0
-    );
-    return c(e);
-  },
-  /**
-   * Create a span element with modifier support
-   */
-  span: (t = {}) => {
-    const e = new g(
-      t,
-      "span",
-      t.children ? String(t.children) : void 0
-    );
-    return c(e);
-  },
-  /**
-   * Create a paragraph element with modifier support
-   */
-  p: (t = {}) => {
-    const e = new g(
-      t,
-      "p",
-      t.children ? String(t.children) : void 0
-    );
-    return c(e);
-  },
-  /**
-   * Create a button element with modifier support
-   *
-   * Note: For enhanced button features (press states, variants, accessibility),
-   * use the main Button component instead.
-   */
-  button: (t = {}) => {
-    const e = new g(
-      t,
-      "button",
-      t.children ? String(t.children) : void 0,
-      {
-        onclick: t.onClick
-      }
-    );
-    return c(e);
-  },
-  /**
-   * Create an input element with modifier support
-   */
-  input: (t = {}) => {
-    const e = new g(t, "input", void 0, {
-      type: t.type || "text",
-      value: t.value || "",
-      placeholder: t.placeholder || "",
-      oninput: (i) => {
-        const n = i.target;
-        t.onChange?.(n.value);
-      }
-    });
-    return c(e);
-  },
-  /**
-   * Create an image element with modifier support
-   *
-   * Note: For enhanced image features (loading states, content modes, progressive loading),
-   * use the main Image component instead.
-   */
-  img: (t) => {
-    const e = new g(t, "img", void 0, {
-      src: t.src,
-      alt: t.alt || "",
-      width: t.width,
-      height: t.height
-    });
-    return c(e);
-  },
-  /**
-   * Create a heading element with modifier support
-   */
-  heading: (t) => (e = {}) => {
-    const i = new g(
-      e,
-      `h${t}`,
-      e.children ? String(e.children) : void 0
-    );
-    return c(i);
-  }
-}, ft = b.heading(1), pt = b.heading(2), ht = b.heading(3), yt = b.heading(4), gt = b.heading(5), vt = b.heading(6);
-class v extends H {
-  constructor(e, i, n = [], r = {}) {
-    super(), this.props = e, this.layoutType = i, this.children = n, this.layoutProps = r, m(this, "type", "component"), m(this, "id"), m(this, "mounted", !1), m(this, "cleanup", []), m(this, "effectiveTag"), m(this, "validationResult"), this.id = `layout-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
-    const a = this.layoutType === "hstack" ? "HStack" : this.layoutType === "vstack" ? "VStack" : "ZStack", h = R(a, "div", this.props.element);
-    this.effectiveTag = h.tag, this.validationResult = h.validation, P(this, {
-      onDOMReady: (C, f) => {
-        this.children.forEach((s, y) => {
-          const o = s._enhancedLifecycle;
-          if (o && o.onDOMReady && !s.domReady)
-            try {
-              if (f) {
-                const u = this.findChildDOMElements(s, f, y);
-                if (u.length > 0) {
-                  s.domElements = /* @__PURE__ */ new Map(), u.forEach((p, S) => {
-                    const d = p.id || `element-${S}`;
-                    s.domElements.set(d, p), s.primaryElement || (s.primaryElement = p);
-                  }), s.domReady = !0;
-                  const l = o.onDOMReady(
-                    s.domElements,
-                    s.primaryElement
-                  );
-                  if (typeof l == "function" && (s.cleanup = s.cleanup || [], s.cleanup.push(l)), o.onMount) {
-                    const p = o.onMount();
-                    typeof p == "function" && (s.cleanup = s.cleanup || [], s.cleanup.push(p));
-                  }
-                }
-              }
-            } catch (u) {
-              console.error(`Error processing lifecycle hooks for child ${s.id}:`, u);
-            }
-        });
-      }
-    }), x(this);
-  }
-  /**
-   * Find DOM elements for a specific child component within the layout container
-   */
-  findChildDOMElements(e, i, n) {
-    if (e.id.startsWith("image-")) {
-      const a = i.querySelectorAll("img.tachui-image");
-      return a[n] ? [a[n]] : Array.from(a);
-    }
-    if (e.id.startsWith("button-")) {
-      const a = i.querySelectorAll("button.tachui-button");
-      return a[n] ? [a[n]] : Array.from(a);
-    }
-    if (e.id.startsWith("text-")) {
-      const a = i.querySelectorAll("span.tachui-text, .tachui-text");
-      return a[n] ? [a[n]] : Array.from(a);
-    }
-    const r = Array.from(i.children);
-    return r[n] ? [r[n]] : r;
-  }
-  render() {
-    const { spacing: e = 0, debugLabel: i } = this.layoutProps, n = this.layoutProps.alignment !== void 0 ? this.layoutProps.alignment : "center", r = _();
-    r.logComponent(this.layoutType.toUpperCase(), i);
-    const a = [`tachui-${this.layoutType}`, ...r.isEnabled() ? ["tachui-debug"] : []], h = this.createClassString(this.props, a);
-    switch (this.layoutType) {
-      case "vstack": {
-        const f = this.children.map((y) => {
-          const o = y.render();
-          return Array.isArray(o) ? o : [o];
-        }).flat();
-        return [{
-          type: "element",
-          tag: this.effectiveTag,
-          props: {
-            className: h,
-            style: {
-              display: "flex",
-              flexDirection: "column",
-              gap: e ? `${e}px` : "0",
-              alignItems: n === "leading" ? "flex-start" : n === "trailing" ? "flex-end" : "center"
-            },
-            // Add debug attributes
-            ...r.isEnabled() && {
-              "data-tachui-component": "VStack",
-              ...i && { "data-tachui-label": i }
-            }
-          },
-          children: f,
-          // Add component metadata for semantic role processing
-          componentMetadata: {
-            originalType: "VStack",
-            overriddenTo: this.effectiveTag !== "div" ? this.effectiveTag : void 0,
-            validationResult: this.validationResult
-          }
-        }];
-      }
-      case "hstack": {
-        const f = this.children.map((y) => {
-          const o = y.render();
-          return Array.isArray(o) ? o : [o];
-        }).flat();
-        return [{
-          type: "element",
-          tag: this.effectiveTag,
-          props: {
-            className: h,
-            style: {
-              display: "flex",
-              flexDirection: "row",
-              gap: e ? `${e}px` : "0",
-              alignItems: n === "top" ? "flex-start" : n === "bottom" ? "flex-end" : "center"
-            },
-            // Add debug attributes
-            ...r.isEnabled() && {
-              "data-tachui-component": "HStack",
-              ...i && { "data-tachui-label": i }
-            }
-          },
-          children: f,
-          // Add component metadata for semantic role processing
-          componentMetadata: {
-            originalType: "HStack",
-            overriddenTo: this.effectiveTag !== "div" ? this.effectiveTag : void 0,
-            validationResult: this.validationResult
-          }
-        }];
-      }
-      case "zstack": {
-        let C = -1 / 0, f = null;
-        this.children.forEach((o) => {
-          if ("modifiers" in o && Array.isArray(o.modifiers)) {
-            const u = o.modifiers.find(
-              (l) => l.type === "layout" && l.properties && "layoutPriority" in l.properties && typeof l.properties.layoutPriority == "number"
-            );
-            if (u) {
-              const l = u.properties.layoutPriority;
-              l > C && (C = l, f = o);
-            }
-          }
-        });
-        const s = A("div", {
-          className: h,
-          style: {
-            position: "relative",
-            display: "flex",
-            justifyContent: n.includes("Leading") ? "flex-start" : n.includes("Trailing") ? "flex-end" : "center",
-            alignItems: n.includes("top") ? "flex-start" : n.includes("bottom") ? "flex-end" : "center",
-            // Container sizes to the highest priority child
-            ...f ? {
-              minWidth: "fit-content",
-              minHeight: "fit-content"
-            } : {}
-          },
-          // Add debug attributes
-          ...r.isEnabled() && {
-            "data-tachui-component": "ZStack",
-            ...i && { "data-tachui-label": i }
-          }
-        }), y = this.children.flatMap((o, u) => {
-          const l = o.render(), p = Array.isArray(l) ? l : [l];
-          let S = u;
-          if ("modifiers" in o && Array.isArray(o.modifiers)) {
-            const d = o.modifiers.find(
-              (k) => k.type === "layout" && k.properties && "layoutPriority" in k.properties
-            );
-            d && typeof d.properties.layoutPriority == "number" && (S = d.properties.layoutPriority);
-          }
-          return p.map((d) => {
-            if (d.type === "element") {
-              const k = o === f;
-              return {
-                ...d,
-                props: {
-                  ...d.props,
-                  style: {
-                    ...d.props?.style,
-                    // Highest priority child determines container size
-                    ...k ? {
-                      position: "relative",
-                      zIndex: S
-                    } : {
-                      position: "absolute",
-                      top: 0,
-                      left: 0,
-                      right: 0,
-                      bottom: 0,
-                      zIndex: S
-                    }
-                  }
-                }
-              };
-            }
-            return d;
-          });
-        });
-        return [
-          {
-            type: "element",
-            tag: this.effectiveTag,
-            props: {
-              ...s.props,
-              className: h
-            },
-            children: y,
-            // Add component metadata for semantic role processing
-            componentMetadata: {
-              originalType: "ZStack",
-              overriddenTo: this.effectiveTag !== "div" ? this.effectiveTag : void 0,
-              validationResult: this.validationResult
-            }
-          }
-        ];
-      }
-      default:
-        return [
-          {
-            type: "element",
-            tag: "div",
-            props: {},
-            children: []
-          }
-        ];
-    }
-  }
-}
-const bt = {
-  /**
-   * Vertical stack container (flexbox column)
-   */
-  VStack: (t = {}) => {
-    const { children: e = [], spacing: i = 0, alignment: n = "center" } = t, r = new v(t, "vstack", e, { spacing: i, alignment: n });
-    return c(r);
-  },
-  /**
-   * Horizontal stack container (flexbox row)
-   */
-  HStack: (t = {}) => {
-    const { children: e = [], spacing: i = 0, alignment: n = "center" } = t, r = new v(t, "hstack", e, { spacing: i, alignment: n });
-    return c(r);
-  },
-  /**
-   * Z-index stack container (absolute positioning)
-   */
-  ZStack: (t = {}) => {
-    const { children: e = [], alignment: i = "center" } = t, n = new v(t, "zstack", e, { alignment: i });
-    return c(n);
-  }
-};
-function Ct(t = {}) {
-  const { children: e = [], spacing: i = 0, debugLabel: n } = t, r = t.alignment !== void 0 ? t.alignment : "center", a = new v(t, "vstack", e, { spacing: i, alignment: r, debugLabel: n });
-  return c(a);
-}
-function St(t = {}) {
-  const { children: e = [], spacing: i = 0, debugLabel: n } = t, r = t.alignment !== void 0 ? t.alignment : "center", a = new v(t, "hstack", e, { spacing: i, alignment: r, debugLabel: n });
-  return c(a);
-}
-function kt(t = {}) {
-  const { children: e = [], alignment: i = "center" } = t, n = new v(t, "zstack", e, { alignment: i });
-  return c(n);
-}
-function Mt(t) {
-  return c(t);
-}
-function wt(t) {
-  return class extends t {
-    constructor(e) {
-      super(e), m(this, "_modifiableComponent"), this._modifiableComponent = c(this);
-    }
-    get modifier() {
-      return w(this._modifiableComponent);
-    }
-    get modifiers() {
-      return this._modifiableComponent.modifiers;
-    }
-  };
-}
-function At(t) {
-  return (e) => {
-    const i = {
-      type: "component",
-      id: `factory-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`,
-      props: e,
-      mounted: !1,
-      cleanup: [],
-      render() {
-        const n = t(e);
-        return Array.isArray(n) ? n : [n];
-      }
-    };
-    return c(i);
-  };
-}
-export {
-  ft as H1,
-  pt as H2,
-  ht as H3,
-  yt as H4,
-  gt as H5,
-  vt as H6,
-  St as HStack,
-  b as HTML,
-  bt as Layout,
-  Ct as VStack,
-  kt as ZStack,
-  At as createModifiableComponentFactory,
-  mt as createReactiveWrapper,
-  wt as withModifierSupport,
-  c as withModifiers,
-  Mt as wrapComponent
-};
-//# sourceMappingURL=wrapper.js.map