@bquery/bquery 1.1.2 → 1.3.0

package/dist/view.es.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"view.es.mjs","sources":["../src/view/evaluate.ts","../src/view/directives/bind.ts","../src/view/directives/class.ts","../src/view/directives/for.ts","../src/view/directives/html.ts","../src/view/directives/if.ts","../src/view/directives/model.ts","../src/view/directives/on.ts","../src/view/directives/ref.ts","../src/view/directives/show.ts","../src/view/directives/style.ts","../src/view/directives/text.ts","../src/view/process.ts","../src/view/mount.ts"],"sourcesContent":["import { isComputed, isSignal, type Signal } from '../reactive/index';\nimport type { BindingContext } from './types';\n\n/** Maximum number of cached expression functions before LRU eviction */\nconst MAX_CACHE_SIZE = 500;\n\n/** Compiled function type for expression evaluation */\ntype CompiledFn = (ctx: BindingContext) => unknown;\n\n/**\n * Simple LRU cache for compiled expression functions.\n * Uses Map's insertion order to track recency - accessed items are re-inserted.\n * @internal\n */\nclass LRUCache {\n  private cache = new Map<string, CompiledFn>();\n  private maxSize: number;\n\n  constructor(maxSize: number) {\n    this.maxSize = maxSize;\n  }\n\n  get(key: string): CompiledFn | undefined {\n    const value = this.cache.get(key);\n    if (value !== undefined) {\n      // Move to end (most recently used) by re-inserting\n      this.cache.delete(key);\n      this.cache.set(key, value);\n    }\n    return value;\n  }\n\n  set(key: string, value: CompiledFn): void {\n    // Delete first if exists to update insertion order\n    if (this.cache.has(key)) {\n      this.cache.delete(key);\n    } else if (this.cache.size >= this.maxSize) {\n      // Evict oldest (first) entry\n      const oldest = this.cache.keys().next().value;\n      if (oldest !== undefined) {\n        this.cache.delete(oldest);\n      }\n    }\n    this.cache.set(key, value);\n  }\n\n  clear(): void {\n    this.cache.clear();\n  }\n\n  get size(): number {\n    return this.cache.size;\n  }\n}\n\n/** LRU cache for compiled evaluate functions, keyed by expression string */\nconst evaluateCache = new LRUCache(MAX_CACHE_SIZE);\n\n/** LRU cache for compiled evaluateRaw functions, keyed by expression string */\nconst evaluateRawCache = new LRUCache(MAX_CACHE_SIZE);\n\n/**\n * Clears all cached compiled expression functions.\n * Call this when unmounting views or to free memory after heavy template usage.\n *\n * @example\n * ```ts\n * import { clearExpressionCache } from 'bquery/view';\n *\n * // After destroying a view or when cleaning up\n * clearExpressionCache();\n * ```\n */\nexport const clearExpressionCache = (): void => {\n  evaluateCache.clear();\n  evaluateRawCache.clear();\n};\n\n/**\n * Creates a proxy that lazily unwraps signals/computed only when accessed.\n * This avoids subscribing to signals that aren't referenced in the expression.\n * @internal\n */\nconst createLazyContext = (context: BindingContext): BindingContext =>\n  new Proxy(context, {\n    get(target, prop: string | symbol) {\n      // Only handle string keys for BindingContext indexing\n      if (typeof prop !== 'string') {\n        return Reflect.get(target, prop);\n      }\n      const value = target[prop];\n      // Auto-unwrap signals/computed only when actually accessed\n      if (isSignal(value) || isComputed(value)) {\n        return (value as Signal<unknown>).value;\n      }\n      return value;\n    },\n    has(target, prop: string | symbol) {\n      // Required for `with` statement to resolve identifiers correctly\n      if (typeof prop !== 'string') {\n        return Reflect.has(target, prop);\n      }\n      return prop in target;\n    },\n  });\n\n/**\n * Evaluates an expression in the given context using `new Function()`.\n *\n * Signals and computed values in the context are lazily unwrapped only when\n * accessed by the expression, avoiding unnecessary subscriptions to unused values.\n *\n * @security **WARNING:** This function uses dynamic code execution via `new Function()`.\n * - NEVER pass expressions derived from user input or untrusted sources\n * - Expressions should only come from developer-controlled templates\n * - Malicious expressions can access and exfiltrate context data\n * - Consider this equivalent to `eval()` in terms of security implications\n *\n * @internal\n */\nexport const evaluate = <T = unknown>(expression: string, context: BindingContext): T => {\n  try {\n    // Create a proxy that lazily unwraps signals/computed on access\n    const lazyContext = createLazyContext(context);\n\n    // Use cached function or compile and cache a new one\n    let fn = evaluateCache.get(expression);\n    if (!fn) {\n      // Use `with` to enable direct property access from proxy scope.\n      // Note: `new Function()` runs in non-strict mode, so `with` is allowed.\n      fn = new Function('$ctx', `with($ctx) { return (${expression}); }`) as (\n        ctx: BindingContext\n      ) => unknown;\n      evaluateCache.set(expression, fn);\n    }\n    return fn(lazyContext) as T;\n  } catch (error) {\n    console.error(`bQuery view: Error evaluating \"${expression}\"`, error);\n    return undefined as T;\n  }\n};\n\n/**\n * Evaluates an expression and returns the raw value (for signal access).\n *\n * @security **WARNING:** Uses dynamic code execution. See {@link evaluate} for security notes.\n * @internal\n */\nexport const evaluateRaw = <T = unknown>(expression: string, context: BindingContext): T => {\n  try {\n    // Use cached function or compile and cache a new one\n    let fn = evaluateRawCache.get(expression);\n    if (!fn) {\n      // Use `with` to enable direct property access from context scope.\n      // Unlike `evaluate`, we don't use a lazy proxy - values are accessed directly.\n      fn = new Function('$ctx', `with($ctx) { return (${expression}); }`) as (\n        ctx: BindingContext\n      ) => unknown;\n      evaluateRawCache.set(expression, fn);\n    }\n    return fn(context) as T;\n  } catch (error) {\n    console.error(`bQuery view: Error evaluating \"${expression}\"`, error);\n    return undefined as T;\n  }\n};\n\n/**\n * Parses object expression like \"{ active: isActive, disabled: !enabled }\".\n * Handles nested structures like function calls, arrays, and template literals.\n * @internal\n */\nexport const parseObjectExpression = (expression: string): Record<string, string> => {\n  const result: Record<string, string> = {};\n\n  // Remove outer braces and trim\n  const inner = expression\n    .trim()\n    .replace(/^\\{|\\}$/g, '')\n    .trim();\n  if (!inner) return result;\n\n  // Split by comma at depth 0, respecting strings and nesting\n  const parts: string[] = [];\n  let current = '';\n  let depth = 0;\n  let inString: string | null = null;\n\n  for (let i = 0; i < inner.length; i++) {\n    const char = inner[i];\n    const prevChar = i > 0 ? inner[i - 1] : '';\n\n    // Handle string literals (including escape sequences)\n    if ((char === '\"' || char === \"'\" || char === '`') && prevChar !== '\\\\') {\n      if (inString === null) {\n        inString = char;\n      } else if (inString === char) {\n        inString = null;\n      }\n      current += char;\n      continue;\n    }\n\n    // Skip if inside string\n    if (inString !== null) {\n      current += char;\n      continue;\n    }\n\n    // Track nesting depth for parentheses, brackets, and braces\n    if (char === '(' || char === '[' || char === '{') {\n      depth++;\n      current += char;\n    } else if (char === ')' || char === ']' || char === '}') {\n      depth--;\n      current += char;\n    } else if (char === ',' && depth === 0) {\n      // Top-level comma - split point\n      parts.push(current.trim());\n      current = '';\n    } else {\n      current += char;\n    }\n  }\n\n  // Add the last part\n  if (current.trim()) {\n    parts.push(current.trim());\n  }\n\n  // Parse each part to extract key and value\n  for (const part of parts) {\n    // Find the first colon at depth 0 (to handle ternary operators in values)\n    let colonIndex = -1;\n    let partDepth = 0;\n    let partInString: string | null = null;\n\n    for (let i = 0; i < part.length; i++) {\n      const char = part[i];\n      const prevChar = i > 0 ? part[i - 1] : '';\n\n      if ((char === '\"' || char === \"'\" || char === '`') && prevChar !== '\\\\') {\n        if (partInString === null) {\n          partInString = char;\n        } else if (partInString === char) {\n          partInString = null;\n        }\n        continue;\n      }\n\n      if (partInString !== null) continue;\n\n      if (char === '(' || char === '[' || char === '{') {\n        partDepth++;\n      } else if (char === ')' || char === ']' || char === '}') {\n        partDepth--;\n      } else if (char === ':' && partDepth === 0) {\n        colonIndex = i;\n        break;\n      }\n    }\n\n    if (colonIndex > -1) {\n      const key = part\n        .slice(0, colonIndex)\n        .trim()\n        .replace(/^['\"]|['\"]$/g, '');\n      const value = part.slice(colonIndex + 1).trim();\n      result[key] = value;\n    }\n  }\n\n  return result;\n};\n","import { effect } from '../../reactive/index';\nimport { evaluate } from '../evaluate';\nimport type { DirectiveHandler } from '../types';\n\n/**\n * Handles bq-bind:attr directive - attribute binding.\n * @internal\n */\nexport const handleBind = (attrName: string): DirectiveHandler => {\n  return (el, expression, context, cleanups) => {\n    const cleanup = effect(() => {\n      const value = evaluate(expression, context);\n      if (value == null || value === false) {\n        el.removeAttribute(attrName);\n      } else if (value === true) {\n        el.setAttribute(attrName, '');\n      } else {\n        el.setAttribute(attrName, String(value));\n      }\n    });\n    cleanups.push(cleanup);\n  };\n};\n","import { effect } from '../../reactive/index';\nimport { evaluate, parseObjectExpression } from '../evaluate';\nimport type { DirectiveHandler } from '../types';\n\n/**\n * Handles bq-class directive - dynamic class binding.\n * Tracks previously added classes to ensure proper cleanup when expressions change.\n * @internal\n */\nexport const handleClass: DirectiveHandler = (el, expression, context, cleanups) => {\n  // Track classes added by this directive to clean them up on re-evaluation\n  let previousClasses: Set<string> = new Set();\n\n  const cleanup = effect(() => {\n    const newClasses: Set<string> = new Set();\n\n    if (expression.trimStart().startsWith('{')) {\n      // Object syntax: { active: isActive, disabled: !enabled }\n      const classMap = parseObjectExpression(expression);\n      for (const [className, conditionExpr] of Object.entries(classMap)) {\n        const condition = evaluate<boolean>(conditionExpr, context);\n        el.classList.toggle(className, Boolean(condition));\n        // Track class regardless of condition - toggle handles add/remove\n        newClasses.add(className);\n      }\n    } else if (/^\\s*\\[/.test(expression)) {\n      // Array literal syntax: [class1, class2]\n      const classes = evaluate<string[]>(expression, context);\n      if (Array.isArray(classes)) {\n        for (const cls of classes) {\n          if (cls) {\n            el.classList.add(cls);\n            newClasses.add(cls);\n          }\n        }\n      }\n    } else {\n      // Single expression returning string or array\n      const result = evaluate<string | string[]>(expression, context);\n      if (typeof result === 'string') {\n        result.split(/\\s+/).forEach((cls) => {\n          if (cls) {\n            el.classList.add(cls);\n            newClasses.add(cls);\n          }\n        });\n      } else if (Array.isArray(result)) {\n        result.forEach((cls) => {\n          if (cls) {\n            el.classList.add(cls);\n            newClasses.add(cls);\n          }\n        });\n      }\n    }\n\n    // Remove classes that were previously added but are no longer in the new set\n    // This keeps directive-managed classes in sync across all syntax forms and provides\n    // defensive cleanup behavior for edge cases (e.g. external classList changes)\n    for (const cls of previousClasses) {\n      if (!newClasses.has(cls)) {\n        el.classList.remove(cls);\n      }\n    }\n\n    previousClasses = newClasses;\n  });\n\n  cleanups.push(cleanup);\n};\n","import { effect, signal, type CleanupFn, type Signal } from '../../reactive/index';\nimport { evaluate } from '../evaluate';\nimport type { BindingContext, DirectiveHandler } from '../types';\n\ntype ProcessElementFn = (\n  el: Element,\n  context: BindingContext,\n  prefix: string,\n  cleanups: CleanupFn[]\n) => void;\n\ntype ProcessChildrenFn = (\n  el: Element,\n  context: BindingContext,\n  prefix: string,\n  cleanups: CleanupFn[]\n) => void;\n\n/**\n * Represents a rendered item in bq-for with its DOM element and associated cleanup functions.\n * @internal\n */\ntype RenderedItem = {\n  key: unknown;\n  element: Element;\n  cleanups: CleanupFn[];\n  item: unknown;\n  index: number;\n  itemSignal: Signal<unknown>; // Reactive item value for item-dependent bindings\n  indexSignal: Signal<number> | null; // Reactive index for index-dependent bindings\n};\n\n/**\n * Extracts a key from an item using the key expression or falls back to index.\n * @internal\n */\nconst getItemKey = (\n  item: unknown,\n  index: number,\n  keyExpression: string | null,\n  itemName: string,\n  indexName: string | undefined,\n  context: BindingContext\n): unknown => {\n  if (!keyExpression) {\n    return index; // Fallback to index-based keying\n  }\n\n  const keyContext: BindingContext = {\n    ...context,\n    [itemName]: item,\n  };\n  if (indexName) {\n    keyContext[indexName] = index;\n  }\n\n  return evaluate(keyExpression, keyContext);\n};\n\n/**\n * Handles bq-for directive - list rendering with keyed reconciliation.\n *\n * Supports optional `:key` attribute for efficient DOM reuse:\n * ```html\n * <li bq-for=\"item in items\" :key=\"item.id\">...</li>\n * ```\n *\n * Without a key, falls back to index-based tracking (less efficient for reordering).\n *\n * @internal\n */\nexport const createForHandler = (options: {\n  prefix: string;\n  processElement: ProcessElementFn;\n  processChildren: ProcessChildrenFn;\n}): DirectiveHandler => {\n  const { prefix, processElement, processChildren } = options;\n\n  return (el, expression, context, cleanups) => {\n    const parent = el.parentNode;\n    if (!parent) return;\n\n    // Parse expression: \"item in items\" or \"(item, index) in items\"\n    // Use \\S.* instead of .+ to prevent ReDoS by requiring non-whitespace start\n    const match = expression.match(/^\\(?(\\w+)(?:\\s*,\\s*(\\w+))?\\)?\\s+in\\s+(\\S.*)$/);\n    if (!match) {\n      console.error(`bQuery view: Invalid bq-for expression \"${expression}\"`);\n      return;\n    }\n\n    const [, itemName, indexName, listExpression] = match;\n\n    // Extract :key attribute if present\n    const keyExpression = el.getAttribute(':key') || el.getAttribute(`${prefix}-key`);\n\n    const template = el.cloneNode(true) as Element;\n    template.removeAttribute(`${prefix}-for`);\n    template.removeAttribute(':key');\n    template.removeAttribute(`${prefix}-key`);\n\n    // Create placeholder comment\n    const placeholder = document.createComment(`bq-for: ${expression}`);\n    parent.replaceChild(placeholder, el);\n\n    // Track rendered items by key for reconciliation\n    let renderedItemsMap = new Map<unknown, RenderedItem>();\n    let renderedOrder: unknown[] = [];\n\n    /**\n     * Creates a new DOM element for an item.\n     */\n    const createItemElement = (item: unknown, index: number, key: unknown): RenderedItem => {\n      const clone = template.cloneNode(true) as Element;\n      const itemCleanups: CleanupFn[] = [];\n\n      // Create reactive signals for item and index\n      const itemSig = signal(item);\n      const indexSig = indexName ? signal(index) : null;\n\n      const childContext: BindingContext = {\n        ...context,\n        [itemName]: itemSig,\n      };\n      if (indexName && indexSig) {\n        childContext[indexName] = indexSig;\n      }\n\n      // Process bindings on the clone\n      processElement(clone, childContext, prefix, itemCleanups);\n      processChildren(clone, childContext, prefix, itemCleanups);\n\n      return {\n        key,\n        element: clone,\n        cleanups: itemCleanups,\n        item,\n        index,\n        itemSignal: itemSig,\n        indexSignal: indexSig,\n      };\n    };\n\n    /**\n     * Removes a rendered item and cleans up its effects.\n     */\n    const removeItem = (rendered: RenderedItem): void => {\n      for (const cleanup of rendered.cleanups) {\n        cleanup();\n      }\n      rendered.element.remove();\n    };\n\n    /**\n     * Updates an existing item's data and index when reused.\n     * Updates the reactive signals so bindings re-render.\n     */\n    const updateItem = (rendered: RenderedItem, newItem: unknown, newIndex: number): void => {\n      // Update item if it changed\n      if (!Object.is(rendered.item, newItem)) {\n        rendered.item = newItem;\n        rendered.itemSignal.value = newItem;\n      }\n\n      // Update index if it changed\n      if (rendered.index !== newIndex) {\n        rendered.index = newIndex;\n        if (rendered.indexSignal) {\n          rendered.indexSignal.value = newIndex;\n        }\n      }\n    };\n\n    const cleanup = effect(() => {\n      const list = evaluate<unknown[]>(listExpression, context);\n\n      if (!Array.isArray(list)) {\n        // Clear all if list is invalid\n        for (const rendered of renderedItemsMap.values()) {\n          removeItem(rendered);\n        }\n        renderedItemsMap.clear();\n        renderedOrder = [];\n        return;\n      }\n\n      // Build new key order and detect changes\n      const newKeys: unknown[] = [];\n      const newItemsByKey = new Map<unknown, { item: unknown; index: number }>();\n      const seenKeys = new Set<unknown>();\n\n      list.forEach((item, index) => {\n        let key = getItemKey(item, index, keyExpression, itemName, indexName, context);\n\n        // Detect duplicate keys - warn developer and fall back to unique composite key\n        if (seenKeys.has(key)) {\n          console.warn(\n            `bq-for: Duplicate key \"${String(key)}\" detected at index ${index}. ` +\n              `Falling back to index-based key for this item. ` +\n              `Ensure :key expressions produce unique values for each item.`\n          );\n          // Create a unique composite key to avoid corrupting rendered output\n          key = { __bqDuplicateKey: key, __bqIndex: index };\n        }\n        seenKeys.add(key);\n\n        newKeys.push(key);\n        newItemsByKey.set(key, { item, index });\n      });\n\n      // Identify items to remove (in old but not in new)\n      const keysToRemove: unknown[] = [];\n      for (const key of renderedOrder) {\n        if (!newItemsByKey.has(key)) {\n          keysToRemove.push(key);\n        }\n      }\n\n      // Remove deleted items\n      for (const key of keysToRemove) {\n        const rendered = renderedItemsMap.get(key);\n        if (rendered) {\n          removeItem(rendered);\n          renderedItemsMap.delete(key);\n        }\n      }\n\n      // Process new list: create new items, update indices, reorder\n      const newRenderedMap = new Map<unknown, RenderedItem>();\n      let lastInsertedElement: Element | Comment = placeholder;\n\n      for (let i = 0; i < newKeys.length; i++) {\n        const key = newKeys[i];\n        const { item, index } = newItemsByKey.get(key)!;\n        let rendered = renderedItemsMap.get(key);\n\n        if (rendered) {\n          // Reuse existing element\n          updateItem(rendered, item, index);\n          newRenderedMap.set(key, rendered);\n\n          // Check if element needs to be moved\n          const currentNext: ChildNode | null = lastInsertedElement.nextSibling;\n          if (currentNext !== rendered.element) {\n            // Move element to correct position\n            lastInsertedElement.after(rendered.element);\n          }\n          lastInsertedElement = rendered.element;\n        } else {\n          // Create new element\n          rendered = createItemElement(item, index, key);\n          newRenderedMap.set(key, rendered);\n\n          // Insert at correct position\n          lastInsertedElement.after(rendered.element);\n          lastInsertedElement = rendered.element;\n        }\n      }\n\n      // Update tracking state\n      renderedItemsMap = newRenderedMap;\n      renderedOrder = newKeys;\n    });\n\n    // When the bq-for itself is cleaned up, also cleanup all rendered items\n    cleanups.push(() => {\n      cleanup();\n      for (const rendered of renderedItemsMap.values()) {\n        for (const itemCleanup of rendered.cleanups) {\n          itemCleanup();\n        }\n      }\n      renderedItemsMap.clear();\n    });\n  };\n};\n","import { effect } from '../../reactive/index';\nimport { sanitizeHtml } from '../../security/index';\nimport { evaluate } from '../evaluate';\nimport type { DirectiveHandler } from '../types';\n\n/**\n * Handles bq-html directive - sets innerHTML (sanitized by default).\n * @internal\n */\nexport const handleHtml = (sanitize: boolean): DirectiveHandler => {\n  return (el, expression, context, cleanups) => {\n    const cleanup = effect(() => {\n      const value = evaluate<string>(expression, context);\n      const html = String(value ?? '');\n      el.innerHTML = sanitize ? sanitizeHtml(html) : html;\n    });\n    cleanups.push(cleanup);\n  };\n};\n","import { effect } from '../../reactive/index';\nimport { evaluate } from '../evaluate';\nimport type { DirectiveHandler } from '../types';\n\n/**\n * Handles bq-if directive - conditional rendering.\n * @internal\n */\nexport const handleIf: DirectiveHandler = (el, expression, context, cleanups) => {\n  const placeholder = document.createComment(`bq-if: ${expression}`);\n\n  // Store original element state\n  let isInserted = true;\n\n  const cleanup = effect(() => {\n    const condition = evaluate<boolean>(expression, context);\n\n    if (condition && !isInserted) {\n      // Insert element using replaceWith to handle moved elements\n      placeholder.replaceWith(el);\n      isInserted = true;\n    } else if (!condition && isInserted) {\n      // Remove element using replaceWith to handle moved elements\n      el.replaceWith(placeholder);\n      isInserted = false;\n    }\n  });\n\n  cleanups.push(cleanup);\n};\n","import { effect, isSignal, type Signal } from '../../reactive/index';\nimport { evaluateRaw } from '../evaluate';\nimport type { DirectiveHandler } from '../types';\n\n/**\n * Handles bq-model directive - two-way binding.\n * @internal\n */\nexport const handleModel: DirectiveHandler = (el, expression, context, cleanups) => {\n  const input = el as HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement;\n  const rawValue = evaluateRaw<Signal<unknown>>(expression, context);\n\n  if (!isSignal(rawValue)) {\n    console.warn(`bQuery view: bq-model requires a signal, got \"${expression}\"`);\n    return;\n  }\n\n  const sig = rawValue as Signal<unknown>;\n\n  // Initial value sync\n  const isCheckbox = input.type === 'checkbox';\n  const isRadio = input.type === 'radio';\n\n  const updateInput = () => {\n    if (isCheckbox) {\n      (input as HTMLInputElement).checked = Boolean(sig.value);\n    } else if (isRadio) {\n      (input as HTMLInputElement).checked = sig.value === input.value;\n    } else {\n      input.value = String(sig.value ?? '');\n    }\n  };\n\n  // Effect to sync signal -> input\n  const cleanup = effect(() => {\n    updateInput();\n  });\n  cleanups.push(cleanup);\n\n  // Event listener to sync input -> signal\n  const eventType = input.tagName === 'SELECT' ? 'change' : 'input';\n  const handler = () => {\n    if (isCheckbox) {\n      sig.value = (input as HTMLInputElement).checked;\n    } else if (isRadio) {\n      if ((input as HTMLInputElement).checked) {\n        sig.value = input.value;\n      }\n    } else {\n      sig.value = input.value;\n    }\n  };\n\n  input.addEventListener(eventType, handler);\n  cleanups.push(() => input.removeEventListener(eventType, handler));\n};\n","import { evaluateRaw } from '../evaluate';\nimport type { DirectiveHandler } from '../types';\n\n/**\n * Handles bq-on:event directive - event binding.\n * @internal\n */\nexport const handleOn = (eventName: string): DirectiveHandler => {\n  return (el, expression, context, cleanups) => {\n    const handler = (event: Event) => {\n      // Add $event to context for expression evaluation\n      const eventContext = { ...context, $event: event, $el: el };\n\n      // Check if expression contains a function call (has parentheses)\n      // If not, it might be a plain function reference like \"handleClick\"\n      // Note: Method references like \"handlers.onClick\" will lose their receiver\n      // when auto-invoked. For methods, use explicit calls: \"handlers.onClick($event)\"\n      const containsCall = expression.includes('(');\n\n      if (!containsCall) {\n        // Evaluate the expression - if it returns a function, invoke it with $event\n        const result = evaluateRaw<unknown>(expression, eventContext);\n        if (typeof result === 'function') {\n          // Auto-invoke with event. Note: `this` will be undefined for method references.\n          // For proper method binding, use explicit syntax: \"obj.method($event)\"\n          result(event);\n          return;\n        }\n        // If not a function, the expression was already evaluated (e.g., \"count.value++\")\n        return;\n      }\n\n      // Otherwise evaluate as expression using evaluateRaw to allow signal mutations\n      // (e.g., \"count.value++\" or \"handleClick($event)\")\n      evaluateRaw(expression, eventContext);\n    };\n\n    el.addEventListener(eventName, handler);\n    cleanups.push(() => el.removeEventListener(eventName, handler));\n  };\n};\n","import { isSignal, type Signal } from '../../reactive/index';\nimport { evaluateRaw } from '../evaluate';\nimport type { DirectiveHandler } from '../types';\n\n/**\n * Checks if an object has a writable `value` property.\n * Returns true if `value` is an own data property or an accessor with a setter.\n * @internal\n */\nfunction hasWritableValue(obj: object): obj is { value: Element | null } {\n  const descriptor = Object.getOwnPropertyDescriptor(obj, 'value');\n  if (!descriptor) return false;\n  // Data property: check writable flag\n  if ('value' in descriptor) return descriptor.writable === true;\n  // Accessor property: check for setter\n  return typeof descriptor.set === 'function';\n}\n\n/**\n * Handles bq-ref directive - element reference.\n * @internal\n */\nexport const handleRef: DirectiveHandler = (el, expression, context, cleanups) => {\n  const rawValue = evaluateRaw<Signal<Element | null> | { value: Element | null }>(\n    expression,\n    context\n  );\n\n  if (isSignal(rawValue)) {\n    rawValue.value = el;\n    cleanups.push(() => {\n      rawValue.value = null;\n    });\n  } else if (typeof rawValue === 'object' && rawValue !== null && hasWritableValue(rawValue)) {\n    // Object with writable .value property (e.g., { value: null })\n    rawValue.value = el;\n    cleanups.push(() => {\n      rawValue.value = null;\n    });\n  }\n};\n","import { effect } from '../../reactive/index';\nimport { evaluate } from '../evaluate';\nimport type { DirectiveHandler } from '../types';\n\n/**\n * Handles bq-show directive - toggle visibility.\n * @internal\n */\nexport const handleShow: DirectiveHandler = (el, expression, context, cleanups) => {\n  const htmlEl = el as HTMLElement;\n  // Capture the computed display value to properly restore visibility.\n  // If inline display is 'none' or empty, we need to use the computed value.\n  // Use ownerDocument.defaultView for cross-document/iframe compatibility.\n  let originalDisplay = htmlEl.style.display;\n  if (!originalDisplay || originalDisplay === 'none') {\n    const computed = htmlEl.ownerDocument.defaultView?.getComputedStyle(htmlEl).display ?? '';\n    originalDisplay = computed !== 'none' ? computed : '';\n  }\n\n  const cleanup = effect(() => {\n    const condition = evaluate<boolean>(expression, context);\n    htmlEl.style.display = condition ? originalDisplay : 'none';\n  });\n\n  cleanups.push(cleanup);\n};\n","import { effect } from '../../reactive/index';\nimport { evaluate, parseObjectExpression } from '../evaluate';\nimport type { DirectiveHandler } from '../types';\n\n/**\n * Handles bq-style directive - dynamic style binding.\n * @internal\n */\nexport const handleStyle: DirectiveHandler = (el, expression, context, cleanups) => {\n  const htmlEl = el as HTMLElement;\n  let appliedStyles: Set<string> = new Set();\n\n  const cleanup = effect(() => {\n    const newStyles = new Set<string>();\n\n    if (expression.trimStart().startsWith('{')) {\n      const styleMap = parseObjectExpression(expression);\n      for (const [prop, valueExpr] of Object.entries(styleMap)) {\n        const value = evaluate<string>(valueExpr, context);\n        const cssProp = prop.replace(/([A-Z])/g, '-$1').toLowerCase();\n        htmlEl.style.setProperty(cssProp, String(value ?? ''));\n        newStyles.add(cssProp);\n      }\n    } else {\n      const result = evaluate<Record<string, string>>(expression, context);\n      if (result && typeof result === 'object') {\n        for (const [prop, value] of Object.entries(result)) {\n          const cssProp = prop.replace(/([A-Z])/g, '-$1').toLowerCase();\n          htmlEl.style.setProperty(cssProp, String(value ?? ''));\n          newStyles.add(cssProp);\n        }\n      }\n    }\n\n    // Remove styles that were previously applied but are no longer present\n    for (const cssProp of appliedStyles) {\n      if (!newStyles.has(cssProp)) {\n        htmlEl.style.removeProperty(cssProp);\n      }\n    }\n\n    // Update the set of applied styles\n    appliedStyles = newStyles;\n  });\n\n  cleanups.push(cleanup);\n};\n","import { effect } from '../../reactive/index';\nimport { evaluate } from '../evaluate';\nimport type { DirectiveHandler } from '../types';\n\n/**\n * Handles bq-text directive - sets text content.\n * @internal\n */\nexport const handleText: DirectiveHandler = (el, expression, context, cleanups) => {\n  const cleanup = effect(() => {\n    const value = evaluate(expression, context);\n    el.textContent = String(value ?? '');\n  });\n  cleanups.push(cleanup);\n};\n","import type { CleanupFn } from '../reactive/index';\nimport type { BindingContext, DirectiveHandler } from './types';\n\nexport type DirectiveHandlers = {\n  text: DirectiveHandler;\n  html: DirectiveHandler;\n  if: DirectiveHandler;\n  show: DirectiveHandler;\n  class: DirectiveHandler;\n  style: DirectiveHandler;\n  model: DirectiveHandler;\n  ref: DirectiveHandler;\n  for: DirectiveHandler;\n  bind: (attrName: string) => DirectiveHandler;\n  on: (eventName: string) => DirectiveHandler;\n};\n\n/**\n * Processes a single element for directives.\n * @internal\n */\nexport const processElement = (\n  el: Element,\n  context: BindingContext,\n  prefix: string,\n  cleanups: CleanupFn[],\n  handlers: DirectiveHandlers\n): void => {\n  const attributes = Array.from(el.attributes);\n\n  for (const attr of attributes) {\n    const { name, value } = attr;\n\n    if (!name.startsWith(`${prefix}-`)) continue;\n\n    const directive = name.slice(prefix.length + 1); // Remove prefix and dash\n\n    // Handle bq-for specially (creates new scope)\n    if (directive === 'for') {\n      handlers.for(el, value, context, cleanups);\n      return; // Don't process children, bq-for handles it\n    }\n\n    // Handle other directives\n    if (directive === 'text') {\n      handlers.text(el, value, context, cleanups);\n    } else if (directive === 'html') {\n      handlers.html(el, value, context, cleanups);\n    } else if (directive === 'if') {\n      handlers.if(el, value, context, cleanups);\n    } else if (directive === 'show') {\n      handlers.show(el, value, context, cleanups);\n    } else if (directive === 'class') {\n      handlers.class(el, value, context, cleanups);\n    } else if (directive === 'style') {\n      handlers.style(el, value, context, cleanups);\n    } else if (directive === 'model') {\n      handlers.model(el, value, context, cleanups);\n    } else if (directive === 'ref') {\n      handlers.ref(el, value, context, cleanups);\n    } else if (directive.startsWith('bind:')) {\n      const attrName = directive.slice(5);\n      handlers.bind(attrName)(el, value, context, cleanups);\n    } else if (directive.startsWith('on:')) {\n      const eventName = directive.slice(3);\n      handlers.on(eventName)(el, value, context, cleanups);\n    }\n  }\n};\n\n/**\n * Recursively processes children of an element.\n * @internal\n */\nexport const processChildren = (\n  el: Element,\n  context: BindingContext,\n  prefix: string,\n  cleanups: CleanupFn[],\n  handlers: DirectiveHandlers\n): void => {\n  const children = Array.from(el.children);\n  for (const child of children) {\n    // Skip if element has bq-for (handled separately)\n    if (!child.hasAttribute(`${prefix}-for`)) {\n      processElement(child, context, prefix, cleanups, handlers);\n      processChildren(child, context, prefix, cleanups, handlers);\n    } else {\n      processElement(child, context, prefix, cleanups, handlers);\n    }\n  }\n};\n","import type { CleanupFn } from '../reactive/index';\nimport {\n  createForHandler,\n  handleBind,\n  handleClass,\n  handleHtml,\n  handleIf,\n  handleModel,\n  handleOn,\n  handleRef,\n  handleShow,\n  handleStyle,\n  handleText,\n} from './directives/index';\nimport { processChildren, processElement, type DirectiveHandlers } from './process';\nimport type { BindingContext, MountOptions, View } from './types';\n\n/**\n * Mounts a reactive view to an element.\n *\n * @param selector - CSS selector or Element\n * @param context - Binding context with signals, computed, and functions\n * @param options - Mount options\n * @returns The mounted View instance\n *\n * @security **WARNING:** Directive expressions (bq-text, bq-if, bq-on, etc.) are evaluated\n * using `new Function()` at runtime. This means:\n * - Template attributes must come from trusted sources only\n * - NEVER load templates containing bq-* attributes from user input or untrusted APIs\n * - If you must use external templates, validate/sanitize attribute values first\n *\n * @example\n * ```ts\n * import { mount } from 'bquery/view';\n * import { signal, computed } from 'bquery/reactive';\n *\n * const name = signal('World');\n * const greeting = computed(() => `Hello, ${name.value}!`);\n * const items = signal([\n *   { id: 1, text: 'Item 1' },\n *   { id: 2, text: 'Item 2' },\n * ]);\n *\n * const view = mount('#app', {\n *   name,\n *   greeting,\n *   items,\n *   addItem: () => {\n *     items.value = [...items.value, { id: Date.now(), text: 'New Item' }];\n *   },\n * });\n *\n * // Later, cleanup\n * view.destroy();\n * ```\n */\nexport const mount = (\n  selector: string | Element,\n  context: BindingContext,\n  options: MountOptions = {}\n): View => {\n  const { prefix = 'bq', sanitize = true } = options;\n\n  const el = typeof selector === 'string' ? document.querySelector(selector) : selector;\n\n  if (!el) {\n    throw new Error(`bQuery view: Element \"${selector}\" not found.`);\n  }\n\n  // Reject if root element has bq-for directive\n  // bq-for replaces the element with a placeholder comment, which would leave View.el detached\n  if (el.hasAttribute(`${prefix}-for`)) {\n    throw new Error(\n      `bQuery view: Cannot mount on element with ${prefix}-for directive. ` +\n        `Wrap the ${prefix}-for element in a container instead.`\n    );\n  }\n\n  const cleanups: CleanupFn[] = [];\n\n  const handlers: DirectiveHandlers = {\n    text: handleText,\n    html: handleHtml(sanitize),\n    if: handleIf,\n    show: handleShow,\n    class: handleClass,\n    style: handleStyle,\n    model: handleModel,\n    ref: handleRef,\n    for: createForHandler({\n      prefix,\n      processElement: (node, nodeContext, nodePrefix, nodeCleanups) =>\n        processElement(node, nodeContext, nodePrefix, nodeCleanups, handlers),\n      processChildren: (node, nodeContext, nodePrefix, nodeCleanups) =>\n        processChildren(node, nodeContext, nodePrefix, nodeCleanups, handlers),\n    }),\n    bind: handleBind,\n    on: handleOn,\n  };\n\n  const processWithHandlers = (\n    node: Element,\n    nodeContext: BindingContext,\n    nodeCleanups: CleanupFn[]\n  ) => {\n    // Check if element has bq-for before processing\n    // bq-for replaces the element and handles its children internally\n    const hasFor = node.hasAttribute(`${prefix}-for`);\n\n    processElement(node, nodeContext, prefix, nodeCleanups, handlers);\n\n    // Skip processChildren if bq-for was on this element - it handles children itself\n    if (!hasFor) {\n      processChildren(node, nodeContext, prefix, nodeCleanups, handlers);\n    }\n  };\n\n  // Process the root element and its children\n  processWithHandlers(el, context, cleanups);\n\n  return {\n    el,\n    context,\n\n    update: (newContext: Partial<BindingContext>) => {\n      Object.assign(context, newContext);\n    },\n\n    destroy: () => {\n      for (const cleanup of cleanups) {\n        cleanup();\n      }\n      cleanups.length = 0;\n    },\n  };\n};\n\n/**\n * Creates a reactive template function.\n *\n * @param template - HTML template string\n * @returns A function that creates a mounted element with the given context\n *\n * @example\n * ```ts\n * import { createTemplate } from 'bquery/view';\n * import { signal } from 'bquery/reactive';\n *\n * const TodoItem = createTemplate(`\n *   <li bq-class=\"{ completed: done }\">\n *     <input type=\"checkbox\" bq-model=\"done\" />\n *     <span bq-text=\"text\"></span>\n *   </li>\n * `);\n *\n * const item = TodoItem({\n *   done: signal(false),\n *   text: 'Buy groceries',\n * });\n *\n * document.querySelector('#list').append(item.el);\n * ```\n */\nexport const createTemplate = (\n  template: string,\n  options: MountOptions = {}\n): ((context: BindingContext) => View) => {\n  return (context: BindingContext) => {\n    const container = document.createElement('div');\n    container.innerHTML = template.trim();\n\n    const el = container.firstElementChild;\n    if (!el) {\n      throw new Error('bQuery view: Template must contain a single root element.');\n    }\n\n    // We know at least one element exists (firstElementChild is not null above)\n    // Reject if there are multiple root elements\n    if (container.childElementCount > 1) {\n      throw new Error(\n        `bQuery view: Template must contain exactly one root element, found ${container.childElementCount}.`\n      );\n    }\n\n    const { prefix = 'bq' } = options;\n    // Reject templates with bq-for or bq-if on the root element\n    // These directives replace the element with a placeholder comment, which would leave View.el detached\n    // Since processing happens while el is still in the temporary container, the placeholder\n    // would remain there while view.el is inserted elsewhere, causing desync on future toggles\n    if (el.hasAttribute(`${prefix}-for`) || el.hasAttribute(`${prefix}-if`)) {\n      const directive = el.hasAttribute(`${prefix}-for`) ? 'for' : 'if';\n      throw new Error(\n        `bQuery view: Template root element cannot have ${prefix}-${directive} directive. ` +\n          `Wrap the ${prefix}-${directive} element in a container instead.`\n      );\n    }\n\n    return mount(el, context, options);\n  };\n};\n"],"names":["MAX_CACHE_SIZE","LRUCache","maxSize","key","value","oldest","evaluateCache","evaluateRawCache","clearExpressionCache","createLazyContext","context","target","prop","isSignal","isComputed","evaluate","expression","lazyContext","fn","error","evaluateRaw","parseObjectExpression","result","inner","parts","current","depth","inString","i","char","prevChar","part","colonIndex","partDepth","partInString","handleBind","attrName","el","cleanups","cleanup","effect","handleClass","previousClasses","newClasses","classMap","className","conditionExpr","condition","classes","cls","getItemKey","item","index","keyExpression","itemName","indexName","keyContext","createForHandler","options","prefix","processElement","processChildren","parent","match","listExpression","template","placeholder","renderedItemsMap","renderedOrder","createItemElement","clone","itemCleanups","itemSig","signal","indexSig","childContext","removeItem","rendered","updateItem","newItem","newIndex","list","newKeys","newItemsByKey","seenKeys","keysToRemove","newRenderedMap","lastInsertedElement","itemCleanup","handleHtml","sanitize","html","sanitizeHtml","handleIf","isInserted","handleModel","input","rawValue","sig","isCheckbox","isRadio","updateInput","eventType","handler","handleOn","eventName","event","eventContext","hasWritableValue","obj","descriptor","handleRef","handleShow","htmlEl","originalDisplay","computed","handleStyle","appliedStyles","newStyles","styleMap","valueExpr","cssProp","handleText","handlers","attributes","attr","name","directive","children","child","mount","selector","node","nodeContext","nodePrefix","nodeCleanups","hasFor","newContext","createTemplate","container"],"mappings":";;;;;AAIA,MAAMA,IAAiB;AAUvB,MAAMC,EAAS;AAAA,EAIb,YAAYC,GAAiB;AAH7B,SAAQ,4BAAY,IAAA,GAIlB,KAAK,UAAUA;AAAA,EACjB;AAAA,EAEA,IAAIC,GAAqC;AACvC,UAAMC,IAAQ,KAAK,MAAM,IAAID,CAAG;AAChC,WAAIC,MAAU,WAEZ,KAAK,MAAM,OAAOD,CAAG,GACrB,KAAK,MAAM,IAAIA,GAAKC,CAAK,IAEpBA;AAAA,EACT;AAAA,EAEA,IAAID,GAAaC,GAAyB;AAExC,QAAI,KAAK,MAAM,IAAID,CAAG;AACpB,WAAK,MAAM,OAAOA,CAAG;AAAA,aACZ,KAAK,MAAM,QAAQ,KAAK,SAAS;AAE1C,YAAME,IAAS,KAAK,MAAM,KAAA,EAAO,OAAO;AACxC,MAAIA,MAAW,UACb,KAAK,MAAM,OAAOA,CAAM;AAAA,IAE5B;AACA,SAAK,MAAM,IAAIF,GAAKC,CAAK;AAAA,EAC3B;AAAA,EAEA,QAAc;AACZ,SAAK,MAAM,MAAA;AAAA,EACb;AAAA,EAEA,IAAI,OAAe;AACjB,WAAO,KAAK,MAAM;AAAA,EACpB;AACF;AAGA,MAAME,IAAgB,IAAIL,EAASD,CAAc,GAG3CO,IAAmB,IAAIN,EAASD,CAAc,GAcvCQ,KAAuB,MAAY;AAC9C,EAAAF,EAAc,MAAA,GACdC,EAAiB,MAAA;AACnB,GAOME,IAAoB,CAACC,MACzB,IAAI,MAAMA,GAAS;AAAA,EACjB,IAAIC,GAAQC,GAAuB;AAEjC,QAAI,OAAOA,KAAS;AAClB,aAAO,QAAQ,IAAID,GAAQC,CAAI;AAEjC,UAAMR,IAAQO,EAAOC,CAAI;AAEzB,WAAIC,EAAST,CAAK,KAAKU,EAAWV,CAAK,IAC7BA,EAA0B,QAE7BA;AAAA,EACT;AAAA,EACA,IAAIO,GAAQC,GAAuB;AAEjC,WAAI,OAAOA,KAAS,WACX,QAAQ,IAAID,GAAQC,CAAI,IAE1BA,KAAQD;AAAA,EACjB;AACF,CAAC,GAgBUI,IAAW,CAAcC,GAAoBN,MAA+B;AACvF,MAAI;AAEF,UAAMO,IAAcR,EAAkBC,CAAO;AAG7C,QAAIQ,IAAKZ,EAAc,IAAIU,CAAU;AACrC,WAAKE,MAGHA,IAAK,IAAI,SAAS,QAAQ,wBAAwBF,CAAU,MAAM,GAGlEV,EAAc,IAAIU,GAAYE,CAAE,IAE3BA,EAAGD,CAAW;AAAA,EACvB,SAASE,GAAO;AACd,YAAQ,MAAM,kCAAkCH,CAAU,KAAKG,CAAK;AACpE;AAAA,EACF;AACF,GAQaC,IAAc,CAAcJ,GAAoBN,MAA+B;AAC1F,MAAI;AAEF,QAAIQ,IAAKX,EAAiB,IAAIS,CAAU;AACxC,WAAKE,MAGHA,IAAK,IAAI,SAAS,QAAQ,wBAAwBF,CAAU,MAAM,GAGlET,EAAiB,IAAIS,GAAYE,CAAE,IAE9BA,EAAGR,CAAO;AAAA,EACnB,SAASS,GAAO;AACd,YAAQ,MAAM,kCAAkCH,CAAU,KAAKG,CAAK;AACpE;AAAA,EACF;AACF,GAOaE,IAAwB,CAACL,MAA+C;AACnF,QAAMM,IAAiC,CAAA,GAGjCC,IAAQP,EACX,KAAA,EACA,QAAQ,YAAY,EAAE,EACtB,KAAA;AACH,MAAI,CAACO,EAAO,QAAOD;AAGnB,QAAME,IAAkB,CAAA;AACxB,MAAIC,IAAU,IACVC,IAAQ,GACRC,IAA0B;AAE9B,WAASC,IAAI,GAAGA,IAAIL,EAAM,QAAQK,KAAK;AACrC,UAAMC,IAAON,EAAMK,CAAC,GACdE,IAAWF,IAAI,IAAIL,EAAMK,IAAI,CAAC,IAAI;AAGxC,SAAKC,MAAS,OAAOA,MAAS,OAAOA,MAAS,QAAQC,MAAa,MAAM;AACvE,MAAIH,MAAa,OACfA,IAAWE,IACFF,MAAaE,MACtBF,IAAW,OAEbF,KAAWI;AACX;AAAA,IACF;AAGA,QAAIF,MAAa,MAAM;AACrB,MAAAF,KAAWI;AACX;AAAA,IACF;AAGA,IAAIA,MAAS,OAAOA,MAAS,OAAOA,MAAS,OAC3CH,KACAD,KAAWI,KACFA,MAAS,OAAOA,MAAS,OAAOA,MAAS,OAClDH,KACAD,KAAWI,KACFA,MAAS,OAAOH,MAAU,KAEnCF,EAAM,KAAKC,EAAQ,MAAM,GACzBA,IAAU,MAEVA,KAAWI;AAAA,EAEf;AAGA,EAAIJ,EAAQ,UACVD,EAAM,KAAKC,EAAQ,MAAM;AAI3B,aAAWM,KAAQP,GAAO;AAExB,QAAIQ,IAAa,IACbC,IAAY,GACZC,IAA8B;AAElC,aAASN,IAAI,GAAGA,IAAIG,EAAK,QAAQH,KAAK;AACpC,YAAMC,IAAOE,EAAKH,CAAC,GACbE,IAAWF,IAAI,IAAIG,EAAKH,IAAI,CAAC,IAAI;AAEvC,WAAKC,MAAS,OAAOA,MAAS,OAAOA,MAAS,QAAQC,MAAa,MAAM;AACvE,QAAII,MAAiB,OACnBA,IAAeL,IACNK,MAAiBL,MAC1BK,IAAe;AAEjB;AAAA,MACF;AAEA,UAAIA,MAAiB;AAErB,YAAIL,MAAS,OAAOA,MAAS,OAAOA,MAAS;AAC3C,UAAAI;AAAA,iBACSJ,MAAS,OAAOA,MAAS,OAAOA,MAAS;AAClD,UAAAI;AAAA,iBACSJ,MAAS,OAAOI,MAAc,GAAG;AAC1C,UAAAD,IAAaJ;AACb;AAAA,QACF;AAAA;AAAA,IACF;AAEA,QAAII,IAAa,IAAI;AACnB,YAAM7B,IAAM4B,EACT,MAAM,GAAGC,CAAU,EACnB,OACA,QAAQ,gBAAgB,EAAE,GACvB5B,IAAQ2B,EAAK,MAAMC,IAAa,CAAC,EAAE,KAAA;AACzC,MAAAV,EAAOnB,CAAG,IAAIC;AAAA,IAChB;AAAA,EACF;AAEA,SAAOkB;AACT,GCzQaa,IAAa,CAACC,MAClB,CAACC,GAAIrB,GAAYN,GAAS4B,MAAa;AAC5C,QAAMC,IAAUC,EAAO,MAAM;AAC3B,UAAMpC,IAAQW,EAASC,GAAYN,CAAO;AAC1C,IAAIN,KAAS,QAAQA,MAAU,KAC7BiC,EAAG,gBAAgBD,CAAQ,IAClBhC,MAAU,KACnBiC,EAAG,aAAaD,GAAU,EAAE,IAE5BC,EAAG,aAAaD,GAAU,OAAOhC,CAAK,CAAC;AAAA,EAE3C,CAAC;AACD,EAAAkC,EAAS,KAAKC,CAAO;AACvB,GCZWE,IAAgC,CAACJ,GAAIrB,GAAYN,GAAS4B,MAAa;AAElF,MAAII,wBAAmC,IAAA;AAEvC,QAAMH,IAAUC,EAAO,MAAM;AAC3B,UAAMG,wBAA8B,IAAA;AAEpC,QAAI3B,EAAW,UAAA,EAAY,WAAW,GAAG,GAAG;AAE1C,YAAM4B,IAAWvB,EAAsBL,CAAU;AACjD,iBAAW,CAAC6B,GAAWC,CAAa,KAAK,OAAO,QAAQF,CAAQ,GAAG;AACjE,cAAMG,IAAYhC,EAAkB+B,GAAepC,CAAO;AAC1D,QAAA2B,EAAG,UAAU,OAAOQ,GAAW,EAAQE,CAAU,GAEjDJ,EAAW,IAAIE,CAAS;AAAA,MAC1B;AAAA,IACF,WAAW,SAAS,KAAK7B,CAAU,GAAG;AAEpC,YAAMgC,IAAUjC,EAAmBC,GAAYN,CAAO;AACtD,UAAI,MAAM,QAAQsC,CAAO;AACvB,mBAAWC,KAAOD;AAChB,UAAIC,MACFZ,EAAG,UAAU,IAAIY,CAAG,GACpBN,EAAW,IAAIM,CAAG;AAAA,IAI1B,OAAO;AAEL,YAAM3B,IAASP,EAA4BC,GAAYN,CAAO;AAC9D,MAAI,OAAOY,KAAW,WACpBA,EAAO,MAAM,KAAK,EAAE,QAAQ,CAAC2B,MAAQ;AACnC,QAAIA,MACFZ,EAAG,UAAU,IAAIY,CAAG,GACpBN,EAAW,IAAIM,CAAG;AAAA,MAEtB,CAAC,IACQ,MAAM,QAAQ3B,CAAM,KAC7BA,EAAO,QAAQ,CAAC2B,MAAQ;AACtB,QAAIA,MACFZ,EAAG,UAAU,IAAIY,CAAG,GACpBN,EAAW,IAAIM,CAAG;AAAA,MAEtB,CAAC;AAAA,IAEL;AAKA,eAAWA,KAAOP;AAChB,MAAKC,EAAW,IAAIM,CAAG,KACrBZ,EAAG,UAAU,OAAOY,CAAG;AAI3B,IAAAP,IAAkBC;AAAA,EACpB,CAAC;AAED,EAAAL,EAAS,KAAKC,CAAO;AACvB,GCjCMW,IAAa,CACjBC,GACAC,GACAC,GACAC,GACAC,GACA7C,MACY;AACZ,MAAI,CAAC2C;AACH,WAAOD;AAGT,QAAMI,IAA6B;AAAA,IACjC,GAAG9C;AAAA,IACH,CAAC4C,CAAQ,GAAGH;AAAA,EAAA;AAEd,SAAII,MACFC,EAAWD,CAAS,IAAIH,IAGnBrC,EAASsC,GAAeG,CAAU;AAC3C,GAcaC,IAAmB,CAACC,MAIT;AACtB,QAAM,EAAE,QAAAC,GAAQ,gBAAAC,GAAgB,iBAAAC,EAAA,IAAoBH;AAEpD,SAAO,CAACrB,GAAIrB,GAAYN,GAAS4B,MAAa;AAC5C,UAAMwB,IAASzB,EAAG;AAClB,QAAI,CAACyB,EAAQ;AAIb,UAAMC,IAAQ/C,EAAW,MAAM,8CAA8C;AAC7E,QAAI,CAAC+C,GAAO;AACV,cAAQ,MAAM,2CAA2C/C,CAAU,GAAG;AACtE;AAAA,IACF;AAEA,UAAM,GAAGsC,GAAUC,GAAWS,CAAc,IAAID,GAG1CV,IAAgBhB,EAAG,aAAa,MAAM,KAAKA,EAAG,aAAa,GAAGsB,CAAM,MAAM,GAE1EM,IAAW5B,EAAG,UAAU,EAAI;AAClC,IAAA4B,EAAS,gBAAgB,GAAGN,CAAM,MAAM,GACxCM,EAAS,gBAAgB,MAAM,GAC/BA,EAAS,gBAAgB,GAAGN,CAAM,MAAM;AAGxC,UAAMO,IAAc,SAAS,cAAc,WAAWlD,CAAU,EAAE;AAClE,IAAA8C,EAAO,aAAaI,GAAa7B,CAAE;AAGnC,QAAI8B,wBAAuB,IAAA,GACvBC,IAA2B,CAAA;AAK/B,UAAMC,IAAoB,CAAClB,GAAeC,GAAejD,MAA+B;AACtF,YAAMmE,IAAQL,EAAS,UAAU,EAAI,GAC/BM,IAA4B,CAAA,GAG5BC,IAAUC,EAAOtB,CAAI,GACrBuB,IAAWnB,IAAYkB,EAAOrB,CAAK,IAAI,MAEvCuB,IAA+B;AAAA,QACnC,GAAGjE;AAAA,QACH,CAAC4C,CAAQ,GAAGkB;AAAA,MAAA;AAEd,aAAIjB,KAAamB,MACfC,EAAapB,CAAS,IAAImB,IAI5Bd,EAAeU,GAAOK,GAAchB,GAAQY,CAAY,GACxDV,EAAgBS,GAAOK,GAAchB,GAAQY,CAAY,GAElD;AAAA,QACL,KAAApE;AAAA,QACA,SAASmE;AAAA,QACT,UAAUC;AAAA,QACV,MAAApB;AAAA,QACA,OAAAC;AAAA,QACA,YAAYoB;AAAA,QACZ,aAAaE;AAAA,MAAA;AAAA,IAEjB,GAKME,IAAa,CAACC,MAAiC;AACnD,iBAAWtC,KAAWsC,EAAS;AAC7BtC,QAAAA,EAAAA;AAEF,MAAAsC,EAAS,QAAQ,OAAA;AAAA,IACnB,GAMMC,IAAa,CAACD,GAAwBE,GAAkBC,MAA2B;AAEvF,MAAK,OAAO,GAAGH,EAAS,MAAME,CAAO,MACnCF,EAAS,OAAOE,GAChBF,EAAS,WAAW,QAAQE,IAI1BF,EAAS,UAAUG,MACrBH,EAAS,QAAQG,GACbH,EAAS,gBACXA,EAAS,YAAY,QAAQG;AAAA,IAGnC,GAEMzC,IAAUC,EAAO,MAAM;AAC3B,YAAMyC,IAAOlE,EAAoBiD,GAAgBtD,CAAO;AAExD,UAAI,CAAC,MAAM,QAAQuE,CAAI,GAAG;AAExB,mBAAWJ,KAAYV,EAAiB;AACtC,UAAAS,EAAWC,CAAQ;AAErB,QAAAV,EAAiB,MAAA,GACjBC,IAAgB,CAAA;AAChB;AAAA,MACF;AAGA,YAAMc,IAAqB,CAAA,GACrBC,wBAAoB,IAAA,GACpBC,wBAAe,IAAA;AAErB,MAAAH,EAAK,QAAQ,CAAC9B,GAAMC,MAAU;AAC5B,YAAIjD,IAAM+C,EAAWC,GAAMC,GAAOC,GAAeC,GAAUC,GAAW7C,CAAO;AAG7E,QAAI0E,EAAS,IAAIjF,CAAG,MAClB,QAAQ;AAAA,UACN,0BAA0B,OAAOA,CAAG,CAAC,uBAAuBiD,CAAK;AAAA,QAAA,GAKnEjD,IAAM,EAAE,kBAAkBA,GAAK,WAAWiD,EAAA,IAE5CgC,EAAS,IAAIjF,CAAG,GAEhB+E,EAAQ,KAAK/E,CAAG,GAChBgF,EAAc,IAAIhF,GAAK,EAAE,MAAAgD,GAAM,OAAAC,GAAO;AAAA,MACxC,CAAC;AAGD,YAAMiC,IAA0B,CAAA;AAChC,iBAAWlF,KAAOiE;AAChB,QAAKe,EAAc,IAAIhF,CAAG,KACxBkF,EAAa,KAAKlF,CAAG;AAKzB,iBAAWA,KAAOkF,GAAc;AAC9B,cAAMR,IAAWV,EAAiB,IAAIhE,CAAG;AACzC,QAAI0E,MACFD,EAAWC,CAAQ,GACnBV,EAAiB,OAAOhE,CAAG;AAAA,MAE/B;AAGA,YAAMmF,wBAAqB,IAAA;AAC3B,UAAIC,IAAyCrB;AAE7C,eAAStC,IAAI,GAAGA,IAAIsD,EAAQ,QAAQtD,KAAK;AACvC,cAAMzB,IAAM+E,EAAQtD,CAAC,GACf,EAAE,MAAAuB,GAAM,OAAAC,EAAA,IAAU+B,EAAc,IAAIhF,CAAG;AAC7C,YAAI0E,IAAWV,EAAiB,IAAIhE,CAAG;AAEvC,QAAI0E,KAEFC,EAAWD,GAAU1B,GAAMC,CAAK,GAChCkC,EAAe,IAAInF,GAAK0E,CAAQ,GAGMU,EAAoB,gBACtCV,EAAS,WAE3BU,EAAoB,MAAMV,EAAS,OAAO,GAE5CU,IAAsBV,EAAS,YAG/BA,IAAWR,EAAkBlB,GAAMC,GAAOjD,CAAG,GAC7CmF,EAAe,IAAInF,GAAK0E,CAAQ,GAGhCU,EAAoB,MAAMV,EAAS,OAAO,GAC1CU,IAAsBV,EAAS;AAAA,MAEnC;AAGA,MAAAV,IAAmBmB,GACnBlB,IAAgBc;AAAA,IAClB,CAAC;AAGD,IAAA5C,EAAS,KAAK,MAAM;AAClB,MAAAC,EAAA;AACA,iBAAWsC,KAAYV,EAAiB;AACtC,mBAAWqB,KAAeX,EAAS;AACjC,UAAAW,EAAA;AAGJ,MAAArB,EAAiB,MAAA;AAAA,IACnB,CAAC;AAAA,EACH;AACF,GCzQasB,IAAa,CAACC,MAClB,CAACrD,GAAIrB,GAAYN,GAAS4B,MAAa;AAC5C,QAAMC,IAAUC,EAAO,MAAM;AAC3B,UAAMpC,IAAQW,EAAiBC,GAAYN,CAAO,GAC5CiF,IAAO,OAAOvF,KAAS,EAAE;AAC/B,IAAAiC,EAAG,YAAYqD,IAAWE,EAAaD,CAAI,IAAIA;AAAA,EACjD,CAAC;AACD,EAAArD,EAAS,KAAKC,CAAO;AACvB,GCTWsD,KAA6B,CAACxD,GAAIrB,GAAYN,GAAS4B,MAAa;AAC/E,QAAM4B,IAAc,SAAS,cAAc,UAAUlD,CAAU,EAAE;AAGjE,MAAI8E,IAAa;AAEjB,QAAMvD,IAAUC,EAAO,MAAM;AAC3B,UAAMO,IAAYhC,EAAkBC,GAAYN,CAAO;AAEvD,IAAIqC,KAAa,CAAC+C,KAEhB5B,EAAY,YAAY7B,CAAE,GAC1ByD,IAAa,MACJ,CAAC/C,KAAa+C,MAEvBzD,EAAG,YAAY6B,CAAW,GAC1B4B,IAAa;AAAA,EAEjB,CAAC;AAED,EAAAxD,EAAS,KAAKC,CAAO;AACvB,GCrBawD,KAAgC,CAAC1D,GAAIrB,GAAYN,GAAS4B,MAAa;AAClF,QAAM0D,IAAQ3D,GACR4D,IAAW7E,EAA6BJ,GAAYN,CAAO;AAEjE,MAAI,CAACG,EAASoF,CAAQ,GAAG;AACvB,YAAQ,KAAK,iDAAiDjF,CAAU,GAAG;AAC3E;AAAA,EACF;AAEA,QAAMkF,IAAMD,GAGNE,IAAaH,EAAM,SAAS,YAC5BI,IAAUJ,EAAM,SAAS,SAEzBK,IAAc,MAAM;AACxB,IAAIF,IACDH,EAA2B,UAAU,EAAQE,EAAI,QACzCE,IACRJ,EAA2B,UAAUE,EAAI,UAAUF,EAAM,QAE1DA,EAAM,QAAQ,OAAOE,EAAI,SAAS,EAAE;AAAA,EAExC,GAGM3D,IAAUC,EAAO,MAAM;AAC3B,IAAA6D,EAAA;AAAA,EACF,CAAC;AACD,EAAA/D,EAAS,KAAKC,CAAO;AAGrB,QAAM+D,IAAYN,EAAM,YAAY,WAAW,WAAW,SACpDO,IAAU,MAAM;AACpB,IAAIJ,IACFD,EAAI,QAASF,EAA2B,UAC/BI,IACJJ,EAA2B,YAC9BE,EAAI,QAAQF,EAAM,SAGpBE,EAAI,QAAQF,EAAM;AAAA,EAEtB;AAEA,EAAAA,EAAM,iBAAiBM,GAAWC,CAAO,GACzCjE,EAAS,KAAK,MAAM0D,EAAM,oBAAoBM,GAAWC,CAAO,CAAC;AACnE,GChDaC,KAAW,CAACC,MAChB,CAACpE,GAAIrB,GAAYN,GAAS4B,MAAa;AAC5C,QAAMiE,IAAU,CAACG,MAAiB;AAEhC,UAAMC,IAAe,EAAE,GAAGjG,GAAS,QAAQgG,GAAO,KAAKrE,EAAA;AAQvD,QAAI,CAFiBrB,EAAW,SAAS,GAAG,GAEzB;AAEjB,YAAMM,IAASF,EAAqBJ,GAAY2F,CAAY;AAC5D,UAAI,OAAOrF,KAAW,YAAY;AAGhC,QAAAA,EAAOoF,CAAK;AACZ;AAAA,MACF;AAEA;AAAA,IACF;AAIA,IAAAtF,EAAYJ,GAAY2F,CAAY;AAAA,EACtC;AAEA,EAAAtE,EAAG,iBAAiBoE,GAAWF,CAAO,GACtCjE,EAAS,KAAK,MAAMD,EAAG,oBAAoBoE,GAAWF,CAAO,CAAC;AAChE;AC9BF,SAASK,GAAiBC,GAA+C;AACvE,QAAMC,IAAa,OAAO,yBAAyBD,GAAK,OAAO;AAC/D,SAAKC,IAED,WAAWA,IAAmBA,EAAW,aAAa,KAEnD,OAAOA,EAAW,OAAQ,aAJT;AAK1B;AAMO,MAAMC,KAA8B,CAAC1E,GAAIrB,GAAYN,GAAS4B,MAAa;AAChF,QAAM2D,IAAW7E;AAAA,IACfJ;AAAA,IACAN;AAAA,EAAA;AAGF,EAAIG,EAASoF,CAAQ,KACnBA,EAAS,QAAQ5D,GACjBC,EAAS,KAAK,MAAM;AAClB,IAAA2D,EAAS,QAAQ;AAAA,EACnB,CAAC,KACQ,OAAOA,KAAa,YAAYA,MAAa,QAAQW,GAAiBX,CAAQ,MAEvFA,EAAS,QAAQ5D,GACjBC,EAAS,KAAK,MAAM;AAClB,IAAA2D,EAAS,QAAQ;AAAA,EACnB,CAAC;AAEL,GChCae,KAA+B,CAAC3E,GAAIrB,GAAYN,GAAS4B,MAAa;AACjF,QAAM2E,IAAS5E;AAIf,MAAI6E,IAAkBD,EAAO,MAAM;AACnC,MAAI,CAACC,KAAmBA,MAAoB,QAAQ;AAClD,UAAMC,IAAWF,EAAO,cAAc,aAAa,iBAAiBA,CAAM,EAAE,WAAW;AACvF,IAAAC,IAAkBC,MAAa,SAASA,IAAW;AAAA,EACrD;AAEA,QAAM5E,IAAUC,EAAO,MAAM;AAC3B,UAAMO,IAAYhC,EAAkBC,GAAYN,CAAO;AACvD,IAAAuG,EAAO,MAAM,UAAUlE,IAAYmE,IAAkB;AAAA,EACvD,CAAC;AAED,EAAA5E,EAAS,KAAKC,CAAO;AACvB,GCjBa6E,KAAgC,CAAC/E,GAAIrB,GAAYN,GAAS4B,MAAa;AAClF,QAAM2E,IAAS5E;AACf,MAAIgF,wBAAiC,IAAA;AAErC,QAAM9E,IAAUC,EAAO,MAAM;AAC3B,UAAM8E,wBAAgB,IAAA;AAEtB,QAAItG,EAAW,UAAA,EAAY,WAAW,GAAG,GAAG;AAC1C,YAAMuG,IAAWlG,EAAsBL,CAAU;AACjD,iBAAW,CAACJ,GAAM4G,CAAS,KAAK,OAAO,QAAQD,CAAQ,GAAG;AACxD,cAAMnH,IAAQW,EAAiByG,GAAW9G,CAAO,GAC3C+G,IAAU7G,EAAK,QAAQ,YAAY,KAAK,EAAE,YAAA;AAChD,QAAAqG,EAAO,MAAM,YAAYQ,GAAS,OAAOrH,KAAS,EAAE,CAAC,GACrDkH,EAAU,IAAIG,CAAO;AAAA,MACvB;AAAA,IACF,OAAO;AACL,YAAMnG,IAASP,EAAiCC,GAAYN,CAAO;AACnE,UAAIY,KAAU,OAAOA,KAAW;AAC9B,mBAAW,CAACV,GAAMR,CAAK,KAAK,OAAO,QAAQkB,CAAM,GAAG;AAClD,gBAAMmG,IAAU7G,EAAK,QAAQ,YAAY,KAAK,EAAE,YAAA;AAChD,UAAAqG,EAAO,MAAM,YAAYQ,GAAS,OAAOrH,KAAS,EAAE,CAAC,GACrDkH,EAAU,IAAIG,CAAO;AAAA,QACvB;AAAA,IAEJ;AAGA,eAAWA,KAAWJ;AACpB,MAAKC,EAAU,IAAIG,CAAO,KACxBR,EAAO,MAAM,eAAeQ,CAAO;AAKvC,IAAAJ,IAAgBC;AAAA,EAClB,CAAC;AAED,EAAAhF,EAAS,KAAKC,CAAO;AACvB,GCtCamF,KAA+B,CAACrF,GAAIrB,GAAYN,GAAS4B,MAAa;AACjF,QAAMC,IAAUC,EAAO,MAAM;AAC3B,UAAMpC,IAAQW,EAASC,GAAYN,CAAO;AAC1C,IAAA2B,EAAG,cAAc,OAAOjC,KAAS,EAAE;AAAA,EACrC,CAAC;AACD,EAAAkC,EAAS,KAAKC,CAAO;AACvB,GCOaqB,IAAiB,CAC5BvB,GACA3B,GACAiD,GACArB,GACAqF,MACS;AACT,QAAMC,IAAa,MAAM,KAAKvF,EAAG,UAAU;AAE3C,aAAWwF,KAAQD,GAAY;AAC7B,UAAM,EAAE,MAAAE,GAAM,OAAA1H,EAAA,IAAUyH;AAExB,QAAI,CAACC,EAAK,WAAW,GAAGnE,CAAM,GAAG,EAAG;AAEpC,UAAMoE,IAAYD,EAAK,MAAMnE,EAAO,SAAS,CAAC;AAG9C,QAAIoE,MAAc,OAAO;AACvB,MAAAJ,EAAS,IAAItF,GAAIjC,GAAOM,GAAS4B,CAAQ;AACzC;AAAA,IACF;AAGA,QAAIyF,MAAc;AAChB,MAAAJ,EAAS,KAAKtF,GAAIjC,GAAOM,GAAS4B,CAAQ;AAAA,aACjCyF,MAAc;AACvB,MAAAJ,EAAS,KAAKtF,GAAIjC,GAAOM,GAAS4B,CAAQ;AAAA,aACjCyF,MAAc;AACvB,MAAAJ,EAAS,GAAGtF,GAAIjC,GAAOM,GAAS4B,CAAQ;AAAA,aAC/ByF,MAAc;AACvB,MAAAJ,EAAS,KAAKtF,GAAIjC,GAAOM,GAAS4B,CAAQ;AAAA,aACjCyF,MAAc;AACvB,MAAAJ,EAAS,MAAMtF,GAAIjC,GAAOM,GAAS4B,CAAQ;AAAA,aAClCyF,MAAc;AACvB,MAAAJ,EAAS,MAAMtF,GAAIjC,GAAOM,GAAS4B,CAAQ;AAAA,aAClCyF,MAAc;AACvB,MAAAJ,EAAS,MAAMtF,GAAIjC,GAAOM,GAAS4B,CAAQ;AAAA,aAClCyF,MAAc;AACvB,MAAAJ,EAAS,IAAItF,GAAIjC,GAAOM,GAAS4B,CAAQ;AAAA,aAChCyF,EAAU,WAAW,OAAO,GAAG;AACxC,YAAM3F,IAAW2F,EAAU,MAAM,CAAC;AAClC,MAAAJ,EAAS,KAAKvF,CAAQ,EAAEC,GAAIjC,GAAOM,GAAS4B,CAAQ;AAAA,IACtD,WAAWyF,EAAU,WAAW,KAAK,GAAG;AACtC,YAAMtB,IAAYsB,EAAU,MAAM,CAAC;AACnC,MAAAJ,EAAS,GAAGlB,CAAS,EAAEpE,GAAIjC,GAAOM,GAAS4B,CAAQ;AAAA,IACrD;AAAA,EACF;AACF,GAMauB,IAAkB,CAC7BxB,GACA3B,GACAiD,GACArB,GACAqF,MACS;AACT,QAAMK,IAAW,MAAM,KAAK3F,EAAG,QAAQ;AACvC,aAAW4F,KAASD;AAElB,IAAKC,EAAM,aAAa,GAAGtE,CAAM,MAAM,IAIrCC,EAAeqE,GAAOvH,GAASiD,GAAQrB,GAAUqF,CAAQ,KAHzD/D,EAAeqE,GAAOvH,GAASiD,GAAQrB,GAAUqF,CAAQ,GACzD9D,EAAgBoE,GAAOvH,GAASiD,GAAQrB,GAAUqF,CAAQ;AAKhE,GCnCaO,KAAQ,CACnBC,GACAzH,GACAgD,IAAwB,CAAA,MACf;AACT,QAAM,EAAE,QAAAC,IAAS,MAAM,UAAA+B,IAAW,OAAShC,GAErCrB,IAAK,OAAO8F,KAAa,WAAW,SAAS,cAAcA,CAAQ,IAAIA;AAE7E,MAAI,CAAC9F;AACH,UAAM,IAAI,MAAM,yBAAyB8F,CAAQ,cAAc;AAKjE,MAAI9F,EAAG,aAAa,GAAGsB,CAAM,MAAM;AACjC,UAAM,IAAI;AAAA,MACR,6CAA6CA,CAAM,4BACrCA,CAAM;AAAA,IAAA;AAIxB,QAAMrB,IAAwB,CAAA,GAExBqF,IAA8B;AAAA,IAClC,MAAMD;AAAA,IACN,MAAMjC,EAAWC,CAAQ;AAAA,IACzB,IAAIG;AAAA,IACJ,MAAMmB;AAAA,IACN,OAAOvE;AAAA,IACP,OAAO2E;AAAA,IACP,OAAOrB;AAAA,IACP,KAAKgB;AAAA,IACL,KAAKtD,EAAiB;AAAA,MACpB,QAAAE;AAAA,MACA,gBAAgB,CAACyE,GAAMC,GAAaC,GAAYC,MAC9C3E,EAAewE,GAAMC,GAAaC,GAAYC,GAAcZ,CAAQ;AAAA,MACtE,iBAAiB,CAACS,GAAMC,GAAaC,GAAYC,MAC/C1E,EAAgBuE,GAAMC,GAAaC,GAAYC,GAAcZ,CAAQ;AAAA,IAAA,CACxE;AAAA,IACD,MAAMxF;AAAA,IACN,IAAIqE;AAAA,EAAA;AAqBN,UAlB4B,CAC1B4B,GACAC,GACAE,MACG;AAGH,UAAMC,IAASJ,EAAK,aAAa,GAAGzE,CAAM,MAAM;AAEhD,IAAAC,EAAewE,GAAMC,GAAa1E,GAAQ4E,GAAcZ,CAAQ,GAG3Da,KACH3E,EAAgBuE,GAAMC,GAAa1E,GAAQ4E,GAAcZ,CAAQ;AAAA,EAErE,GAGoBtF,GAAI3B,GAAS4B,CAAQ,GAElC;AAAA,IACL,IAAAD;AAAA,IACA,SAAA3B;AAAA,IAEA,QAAQ,CAAC+H,MAAwC;AAC/C,aAAO,OAAO/H,GAAS+H,CAAU;AAAA,IACnC;AAAA,IAEA,SAAS,MAAM;AACb,iBAAWlG,KAAWD;AACpB,QAAAC,EAAA;AAEF,MAAAD,EAAS,SAAS;AAAA,IACpB;AAAA,EAAA;AAEJ,GA4BaoG,KAAiB,CAC5BzE,GACAP,IAAwB,OAEjB,CAAChD,MAA4B;AAClC,QAAMiI,IAAY,SAAS,cAAc,KAAK;AAC9C,EAAAA,EAAU,YAAY1E,EAAS,KAAA;AAE/B,QAAM5B,IAAKsG,EAAU;AACrB,MAAI,CAACtG;AACH,UAAM,IAAI,MAAM,2DAA2D;AAK7E,MAAIsG,EAAU,oBAAoB;AAChC,UAAM,IAAI;AAAA,MACR,sEAAsEA,EAAU,iBAAiB;AAAA,IAAA;AAIrG,QAAM,EAAE,QAAAhF,IAAS,KAAA,IAASD;AAK1B,MAAIrB,EAAG,aAAa,GAAGsB,CAAM,MAAM,KAAKtB,EAAG,aAAa,GAAGsB,CAAM,KAAK,GAAG;AACvE,UAAMoE,IAAY1F,EAAG,aAAa,GAAGsB,CAAM,MAAM,IAAI,QAAQ;AAC7D,UAAM,IAAI;AAAA,MACR,kDAAkDA,CAAM,IAAIoE,CAAS,wBACvDpE,CAAM,IAAIoE,CAAS;AAAA,IAAA;AAAA,EAErC;AAEA,SAAOG,GAAM7F,GAAI3B,GAASgD,CAAO;AACnC;"}

package/dist/watch-CXyaBC_9.js

@@ -0,0 +1,58 @@
+import { s as c } from "./core-COenAZjD.js";
+import { e as n } from "./type-guards-DRma3-Kc.js";
+const m = (s, o) => {
+  let l = !1, t = null;
+  try {
+    if (t = globalThis.localStorage, t) {
+      const e = `__bquery_test_${Math.random().toString(36).slice(2, 9)}__`, a = "__test__";
+      try {
+        t.setItem(e, a), t.getItem(e), l = !0;
+      } finally {
+        try {
+          t.removeItem(e);
+        } catch {
+        }
+      }
+    }
+  } catch {
+    l = !1;
+  }
+  let i = o;
+  if (l && t)
+    try {
+      const e = t.getItem(s);
+      e !== null && (i = JSON.parse(e));
+    } catch {
+    }
+  const r = c(i);
+  return l && t && n(() => {
+    try {
+      t.setItem(s, JSON.stringify(r.value));
+    } catch {
+    }
+  }), r;
+}, g = (s) => ({
+  get value() {
+    return s.value;
+  },
+  peek() {
+    return s.peek();
+  }
+}), _ = (s, o, l = {}) => {
+  const { immediate: t = !1, equals: i = Object.is } = l;
+  let r, e = !0;
+  return n(() => {
+    const a = s.value;
+    if (e) {
+      e = !1, r = a, t && o(a, void 0);
+      return;
+    }
+    i(a, r) || (o(a, r), r = a);
+  });
+};
+export {
+  m as p,
+  g as r,
+  _ as w
+};
+//# sourceMappingURL=watch-CXyaBC_9.js.map

package/dist/watch-CXyaBC_9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"watch-CXyaBC_9.js","sources":["../src/reactive/persisted.ts","../src/reactive/readonly.ts","../src/reactive/watch.ts"],"sourcesContent":["/**\n * LocalStorage-backed signals.\n */\n\nimport { signal, Signal } from './core';\nimport { effect } from './effect';\n\n/**\n * Creates a signal that persists to localStorage.\n *\n * @template T - The type of the signal value\n * @param key - The localStorage key\n * @param initialValue - The initial value if not found in storage\n * @returns A Signal that syncs with localStorage (falls back to in-memory if unavailable)\n */\nexport const persistedSignal = <T>(key: string, initialValue: T): Signal<T> => {\n  // Check if localStorage is available and accessible\n  let hasLocalStorage = false;\n  let storage: Storage | null = null;\n\n  try {\n    // In Safari private mode, accessing localStorage can throw SecurityError\n    storage = globalThis.localStorage;\n    if (storage) {\n      // Test actual access to ensure it's not just present but usable\n      // Use a randomized test key to avoid overwriting real user data\n      const testKey = `__bquery_test_${Math.random().toString(36).slice(2, 9)}__`;\n      const testValue = '__test__';\n      try {\n        storage.setItem(testKey, testValue);\n        storage.getItem(testKey);\n        hasLocalStorage = true;\n      } finally {\n        // Ensure we don't leave any test data behind\n        try {\n          storage.removeItem(testKey);\n        } catch {\n          // Ignore cleanup errors (e.g., storage becoming unavailable)\n        }\n      }\n    }\n  } catch {\n    // localStorage unavailable or access denied (Safari private mode, sandboxed iframes, etc.)\n    hasLocalStorage = false;\n  }\n\n  let stored: T = initialValue;\n\n  if (hasLocalStorage && storage) {\n    try {\n      const raw = storage.getItem(key);\n      if (raw !== null) {\n        stored = JSON.parse(raw) as T;\n      }\n    } catch {\n      // Use initial value on parse error or access denial\n    }\n  }\n\n  const sig = signal(stored);\n\n  // Only set up persistence effect if localStorage is available\n  if (hasLocalStorage && storage) {\n    effect(() => {\n      try {\n        storage!.setItem(key, JSON.stringify(sig.value));\n      } catch {\n        // Ignore storage errors (quota exceeded, sandboxed iframes, etc.)\n      }\n    });\n  }\n\n  return sig;\n};\n","/**\n * Read-only signal wrappers.\n */\n\nimport type { Signal } from './core';\n\n/**\n * A readonly wrapper around a signal that prevents writes.\n * Provides read-only access to a signal's value while maintaining reactivity.\n *\n * @template T - The type of the wrapped value\n */\nexport interface ReadonlySignal<T> {\n  /** Gets the current value with dependency tracking. */\n  readonly value: T;\n  /** Gets the current value without dependency tracking. */\n  peek(): T;\n}\n\n/**\n * Creates a read-only view of a signal.\n * Useful for exposing reactive state without allowing modifications.\n *\n * @template T - The type of the signal value\n * @param sig - The signal to wrap\n * @returns A readonly signal wrapper\n */\nexport const readonly = <T>(sig: Signal<T>): ReadonlySignal<T> => ({\n  get value(): T {\n    return sig.value;\n  },\n  peek(): T {\n    return sig.peek();\n  },\n});\n","/**\n * Value watching helpers.\n */\n\nimport type { Computed } from './computed';\nimport type { Signal } from './core';\nimport type { CleanupFn } from './internals';\n\nimport { effect } from './effect';\n\n/**\n * Options for the watch function.\n */\nexport interface WatchOptions<T> {\n  /** If true, the callback is invoked immediately with the current value. */\n  immediate?: boolean;\n  /** Custom equality function. Defaults to Object.is. */\n  equals?: (a: T, b: T | undefined) => boolean;\n}\n\n/**\n * Watches a signal or computed value and calls a callback with old and new values.\n * Unlike effect, watch provides access to the previous value.\n * The callback is only invoked when the value actually changes (compared via Object.is or custom equals).\n *\n * @template T - The type of the watched value\n * @param source - The signal or computed to watch\n * @param callback - Function called with (newValue, oldValue) on changes\n * @param options - Watch options\n * @returns A cleanup function to stop watching\n *\n * @example\n * ```ts\n * const count = signal(0);\n * watch(count, (newVal, oldVal) => {\n *   console.log(`Changed from ${oldVal} to ${newVal}`);\n * });\n *\n * // With custom equality for objects\n * const user = signal({ id: 1, name: 'Alice' });\n * watch(user, (newVal, oldVal) => { ... }, {\n *   equals: (a, b) => a?.id === b?.id\n * });\n * ```\n */\nexport const watch = <T>(\n  source: Signal<T> | Computed<T>,\n  callback: (newValue: T, oldValue: T | undefined) => void,\n  options: WatchOptions<T> = {}\n): CleanupFn => {\n  const { immediate = false, equals = Object.is } = options;\n  let oldValue: T | undefined;\n  let isFirst = true;\n\n  return effect(() => {\n    const newValue = source.value;\n\n    if (isFirst) {\n      isFirst = false;\n      oldValue = newValue;\n      if (immediate) {\n        callback(newValue, undefined);\n      }\n      return;\n    }\n\n    // Only call callback if value actually changed\n    if (!equals(newValue, oldValue)) {\n      callback(newValue, oldValue);\n      oldValue = newValue;\n    }\n  });\n};\n"],"names":["persistedSignal","key","initialValue","hasLocalStorage","storage","testKey","testValue","stored","raw","sig","signal","effect","readonly","watch","source","callback","options","immediate","equals","oldValue","isFirst","newValue"],"mappings":";;AAeO,MAAMA,IAAkB,CAAIC,GAAaC,MAA+B;AAE7E,MAAIC,IAAkB,IAClBC,IAA0B;AAE9B,MAAI;AAGF,QADAA,IAAU,WAAW,cACjBA,GAAS;AAGX,YAAMC,IAAU,iBAAiB,KAAK,OAAA,EAAS,SAAS,EAAE,EAAE,MAAM,GAAG,CAAC,CAAC,MACjEC,IAAY;AAClB,UAAI;AACF,QAAAF,EAAQ,QAAQC,GAASC,CAAS,GAClCF,EAAQ,QAAQC,CAAO,GACvBF,IAAkB;AAAA,MACpB,UAAA;AAEE,YAAI;AACF,UAAAC,EAAQ,WAAWC,CAAO;AAAA,QAC5B,QAAQ;AAAA,QAER;AAAA,MACF;AAAA,IACF;AAAA,EACF,QAAQ;AAEN,IAAAF,IAAkB;AAAA,EACpB;AAEA,MAAII,IAAYL;AAEhB,MAAIC,KAAmBC;AACrB,QAAI;AACF,YAAMI,IAAMJ,EAAQ,QAAQH,CAAG;AAC/B,MAAIO,MAAQ,SACVD,IAAS,KAAK,MAAMC,CAAG;AAAA,IAE3B,QAAQ;AAAA,IAER;AAGF,QAAMC,IAAMC,EAAOH,CAAM;AAGzB,SAAIJ,KAAmBC,KACrBO,EAAO,MAAM;AACX,QAAI;AACF,MAAAP,EAAS,QAAQH,GAAK,KAAK,UAAUQ,EAAI,KAAK,CAAC;AAAA,IACjD,QAAQ;AAAA,IAER;AAAA,EACF,CAAC,GAGIA;AACT,GC9CaG,IAAW,CAAIH,OAAuC;AAAA,EACjE,IAAI,QAAW;AACb,WAAOA,EAAI;AAAA,EACb;AAAA,EACA,OAAU;AACR,WAAOA,EAAI,KAAA;AAAA,EACb;AACF,ICWaI,IAAQ,CACnBC,GACAC,GACAC,IAA2B,CAAA,MACb;AACd,QAAM,EAAE,WAAAC,IAAY,IAAO,QAAAC,IAAS,OAAO,OAAOF;AAClD,MAAIG,GACAC,IAAU;AAEd,SAAOT,EAAO,MAAM;AAClB,UAAMU,IAAWP,EAAO;AAExB,QAAIM,GAAS;AACX,MAAAA,IAAU,IACVD,IAAWE,GACPJ,KACFF,EAASM,GAAU,MAAS;AAE9B;AAAA,IACF;AAGA,IAAKH,EAAOG,GAAUF,CAAQ,MAC5BJ,EAASM,GAAUF,CAAQ,GAC3BA,IAAWE;AAAA,EAEf,CAAC;AACH;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bquery/bquery",
-  "version": "1.1.2",
+  "version": "1.3.0",
   "description": "The jQuery for the Modern Web Platform - Zero build, TypeScript-first library with reactivity, components, and motion",
   "type": "module",
   "main": "./dist/full.umd.js",
@@ -10,14 +10,14 @@
   "jsdelivr": "./dist/full.umd.js",
   "exports": {
     ".": {
+      "types": "./dist/index.d.ts",
       "import": "./dist/index.es.mjs",
-      "require": "./dist/full.umd.js",
-      "types": "./dist/index.d.ts"
+      "require": "./dist/full.umd.js"
     },
     "./full": {
+      "types": "./dist/full.d.ts",
       "import": "./dist/full.es.mjs",
-      "require": "./dist/full.umd.js",
-      "types": "./dist/full.d.ts"
+      "require": "./dist/full.umd.js"
     },
     "./core": {
       "import": "./dist/core.es.mjs",
@@ -42,6 +42,18 @@
     "./platform": {
       "import": "./dist/platform.es.mjs",
       "types": "./dist/platform/index.d.ts"
+    },
+    "./router": {
+      "import": "./dist/router.es.mjs",
+      "types": "./dist/router/index.d.ts"
+    },
+    "./store": {
+      "import": "./dist/store.es.mjs",
+      "types": "./dist/store/index.d.ts"
+    },
+    "./view": {
+      "import": "./dist/view.es.mjs",
+      "types": "./dist/view/index.d.ts"
     }
   },
   "files": [
@@ -103,18 +115,18 @@
     "node": ">=18.0.0"
   },
   "devDependencies": {
-    "@typescript-eslint/eslint-plugin": "^8.53.1",
-    "@typescript-eslint/parser": "^8.53.1",
-    "bun-types": "^1.3.6",
+    "@typescript-eslint/eslint-plugin": "^8.54.0",
+    "@typescript-eslint/parser": "^8.54.0",
+    "bun-types": "^1.3.8",
     "eslint": "^9.39.2",
-    "eslint-config-prettier": "^9.1.2",
-    "globals": "^15.15.0",
-    "happy-dom": "^20.3.7",
+    "eslint-config-prettier": "^10.1.8",
+    "globals": "^17.2.0",
+    "happy-dom": "^20.4.0",
     "prettier": "^3.8.1",
-    "rimraf": "^5.0.10",
-    "typedoc": "^0.25.13",
+    "rimraf": "^6.1.2",
+    "typedoc": "^0.28.16",
     "typescript": "^5.9.3",
-    "vite": "^5.4.21",
+    "vite": "^7.3.1",
     "vitepress": "^1.6.4"
   }
 }

package/src/component/component.ts

@@ -0,0 +1,289 @@
+/**
+ * Web Component factory and registry.
+ *
+ * @module bquery/component
+ */
+
+import { sanitizeHtml } from '../security/sanitize';
+import { coercePropValue } from './props';
+import type { ComponentDefinition, PropDefinition } from './types';
+
+/**
+ * Creates a custom element class for a component definition.
+ *
+ * This is useful when you want to extend or register the class manually
+ * (e.g. with different tag names in tests or custom registries).
+ *
+ * @template TProps - Type of the component's props
+ * @param tagName - The custom element tag name (used for diagnostics)
+ * @param definition - The component configuration
+ */
+export const defineComponent = <TProps extends Record<string, unknown>>(
+  tagName: string,
+  definition: ComponentDefinition<TProps>
+): typeof HTMLElement => {
+  class BQueryComponent extends HTMLElement {
+    /** Internal state object for the component */
+    private readonly state = { ...(definition.state ?? {}) };
+    /** Typed props object populated from attributes */
+    private props = {} as TProps;
+    /** Tracks missing required props for validation during connectedCallback */
+    private missingRequiredProps = new Set<string>();
+    /** Tracks whether the component has completed its initial mount */
+    private hasMounted = false;
+
+    constructor() {
+      super();
+      this.attachShadow({ mode: 'open' });
+      this.syncProps();
+    }
+
+    /**
+     * Returns the list of attributes to observe for changes.
+     */
+    static get observedAttributes(): string[] {
+      return Object.keys(definition.props ?? {});
+    }
+
+    /**
+     * Called when the element is added to the DOM.
+     */
+    connectedCallback(): void {
+      try {
+        // Defer initial render until all required props are present
+        // This allows attributes to be set after element creation
+        if (this.missingRequiredProps.size > 0) {
+          // Component will mount once all required props are satisfied
+          // via attributeChangedCallback
+          return;
+        }
+        this.mount();
+      } catch (error) {
+        this.handleError(error as Error);
+      }
+    }
+
+    /**
+     * Performs the initial mount of the component.
+     * Called when the element is connected and all required props are present.
+     * @internal
+     */
+    private mount(): void {
+      if (this.hasMounted) return;
+      definition.beforeMount?.call(this);
+      definition.connected?.call(this);
+      this.render();
+      this.hasMounted = true;
+    }
+
+    /**
+     * Called when the element is removed from the DOM.
+     */
+    disconnectedCallback(): void {
+      try {
+        definition.disconnected?.call(this);
+      } catch (error) {
+        this.handleError(error as Error);
+      }
+    }
+
+    /**
+     * Called when an observed attribute changes.
+     */
+    attributeChangedCallback(
+      _name: string,
+      _oldValue: string | null,
+      _newValue: string | null
+    ): void {
+      try {
+        this.syncProps();
+
+        if (this.hasMounted) {
+          // Component already mounted - trigger update render
+          this.render(true);
+        } else if (this.isConnected && this.missingRequiredProps.size === 0) {
+          // All required props are now satisfied and element is connected
+          // Trigger the deferred initial mount
+          this.mount();
+        }
+      } catch (error) {
+        this.handleError(error as Error);
+      }
+    }
+
+    /**
+     * Handles errors during component lifecycle.
+     * @internal
+     */
+    private handleError(error: Error): void {
+      if (definition.onError) {
+        definition.onError.call(this, error);
+      } else {
+        console.error(`bQuery component error in <${tagName}>:`, error);
+      }
+    }
+
+    /**
+     * Updates a state property and triggers a re-render.
+     *
+     * @param key - The state property key
+     * @param value - The new value
+     */
+    setState(key: string, value: unknown): void {
+      this.state[key] = value;
+      this.render(true);
+    }
+
+    /**
+     * Gets a state property value.
+     *
+     * @param key - The state property key
+     * @returns The current value
+     */
+    getState<T = unknown>(key: string): T {
+      return this.state[key] as T;
+    }
+
+    /**
+     * Synchronizes props from attributes.
+     * @internal
+     */
+    private syncProps(): void {
+      const props = definition.props ?? {};
+      for (const [key, config] of Object.entries(props) as [string, PropDefinition][]) {
+        const attrValue = this.getAttribute(key);
+        let value: unknown;
+
+        if (attrValue == null) {
+          if (config.required && config.default === undefined) {
+            // Mark as missing instead of throwing - validate during connectedCallback
+            this.missingRequiredProps.add(key);
+            value = undefined;
+          } else {
+            value = config.default ?? undefined;
+          }
+        } else {
+          // Attribute is present, remove from missing set if it was there
+          if (this.missingRequiredProps.has(key)) {
+            this.missingRequiredProps.delete(key);
+          }
+          value = coercePropValue(attrValue, config);
+        }
+
+        if (config.validator && value !== undefined) {
+          const isValid = config.validator(value);
+          if (!isValid) {
+            throw new Error(
+              `bQuery component: validation failed for prop "${key}" with value ${JSON.stringify(value)}`
+            );
+          }
+        }
+
+        (this.props as Record<string, unknown>)[key] = value;
+      }
+    }
+
+    /**
+     * Renders the component to its shadow root.
+     * @internal
+     */
+    private render(triggerUpdated = false): void {
+      try {
+        if (triggerUpdated && definition.beforeUpdate) {
+          const shouldUpdate = definition.beforeUpdate.call(this, this.props);
+          if (shouldUpdate === false) return;
+        }
+
+        const emit = (event: string, detail?: unknown): void => {
+          this.dispatchEvent(new CustomEvent(event, { detail, bubbles: true, composed: true }));
+        };
+
+        if (!this.shadowRoot) return;
+
+        const markup = definition.render({
+          props: this.props,
+          state: this.state,
+          emit,
+        });
+
+        const sanitizedMarkup = sanitizeHtml(markup);
+        this.shadowRoot.innerHTML = sanitizedMarkup;
+
+        if (definition.styles) {
+          const styleElement = document.createElement('style');
+          styleElement.textContent = definition.styles;
+          this.shadowRoot.prepend(styleElement);
+        }
+
+        if (triggerUpdated) {
+          definition.updated?.call(this);
+        }
+      } catch (error) {
+        this.handleError(error as Error);
+      }
+    }
+  }
+
+  return BQueryComponent;
+};
+
+/**
+ * Defines and registers a custom Web Component.
+ *
+ * This function creates a new custom element with the given tag name
+ * and configuration. The component uses Shadow DOM for encapsulation
+ * and automatically re-renders when observed attributes change.
+ *
+ * @template TProps - Type of the component's props
+ * @param tagName - The custom element tag name (must contain a hyphen)
+ * @param definition - The component configuration
+ *
+ * @example
+ * ```ts
+ * component('counter-button', {
+ *   props: {
+ *     start: { type: Number, default: 0 },
+ *   },
+ *   state: { count: 0 },
+ *   styles: `
+ *     button { padding: 0.5rem 1rem; }
+ *   `,
+ *   connected() {
+ *     // Use event delegation on shadow root so handler survives re-renders
+ *     const handleClick = (event: Event) => {
+ *       const target = event.target as HTMLElement | null;
+ *       if (target?.matches('button')) {
+ *         this.setState('count', (this.getState('count') as number) + 1);
+ *       }
+ *     };
+ *     this.shadowRoot?.addEventListener('click', handleClick);
+ *     // Store handler for cleanup
+ *     (this as any)._handleClick = handleClick;
+ *   },
+ *   disconnected() {
+ *     // Clean up event listener to prevent memory leaks
+ *     const handleClick = (this as any)._handleClick;
+ *     if (handleClick) {
+ *       this.shadowRoot?.removeEventListener('click', handleClick);
+ *     }
+ *   },
+ *   render({ props, state }) {
+ *     return html`
+ *       <button>
+ *         Count: ${state.count}
+ *       </button>
+ *     `;
+ *   },
+ * });
+ * ```
+ */
+export const component = <TProps extends Record<string, unknown>>(
+  tagName: string,
+  definition: ComponentDefinition<TProps>
+): void => {
+  const elementClass = defineComponent(tagName, definition);
+
+  if (!customElements.get(tagName)) {
+    customElements.define(tagName, elementClass);
+  }
+};

package/src/component/html.ts

@@ -0,0 +1,53 @@
+/**
+ * Tagged template literal for creating HTML strings.
+ *
+ * This function handles interpolation of values into HTML templates,
+ * converting null/undefined to empty strings.
+ *
+ * @param strings - Template literal string parts
+ * @param values - Interpolated values
+ * @returns Combined HTML string
+ *
+ * @example
+ * ```ts
+ * const name = 'World';
+ * const greeting = html`<h1>Hello, ${name}!</h1>`;
+ * // Result: '<h1>Hello, World!</h1>'
+ * ```
+ */
+export const html = (strings: TemplateStringsArray, ...values: unknown[]): string => {
+  return strings.reduce((acc, part, index) => `${acc}${part}${values[index] ?? ''}`, '');
+};
+
+/**
+ * Escapes HTML entities in interpolated values for XSS prevention.
+ * Use this when you need to safely embed user content in templates.
+ *
+ * @param strings - Template literal string parts
+ * @param values - Interpolated values to escape
+ * @returns Combined HTML string with escaped values
+ *
+ * @example
+ * ```ts
+ * const userInput = '<script>alert("xss")</script>';
+ * const safe = safeHtml`<div>${userInput}</div>`;
+ * // Result: '<div>&lt;script&gt;alert("xss")&lt;/script&gt;</div>'
+ * ```
+ */
+export const safeHtml = (strings: TemplateStringsArray, ...values: unknown[]): string => {
+  const escapeMap: Record<string, string> = {
+    '&': '&amp;',
+    '<': '&lt;',
+    '>': '&gt;',
+    '"': '&quot;',
+    "'": '&#x27;',
+    '`': '&#x60;',
+  };
+
+  const escape = (value: unknown): string => {
+    const str = String(value ?? '');
+    return str.replace(/[&<>"'`]/g, (char) => escapeMap[char]);
+  };
+
+  return strings.reduce((acc, part, index) => `${acc}${part}${escape(values[index])}`, '');
+};