@smilodon/core 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +3685 -0
- package/dist/index.cjs.map +1 -0
- package/dist/index.js +3643 -0
- package/dist/index.js.map +1 -0
- package/dist/index.min.js +2 -0
- package/dist/index.min.js.map +1 -0
- package/dist/index.umd.js +3691 -0
- package/dist/index.umd.js.map +1 -0
- package/dist/index.umd.min.js +2 -0
- package/dist/index.umd.min.js.map +1 -0
- package/dist/types/src/components/enhanced-select.d.ts +136 -0
- package/dist/types/src/components/native-select.d.ts +41 -0
- package/dist/types/src/components/select-option.d.ts +77 -0
- package/dist/types/src/config/global-config.d.ts +194 -0
- package/dist/types/src/index.d.ts +14 -0
- package/dist/types/src/renderers/contracts.d.ts +5 -0
- package/dist/types/src/themes/importer.d.ts +112 -0
- package/dist/types/src/types.d.ts +85 -0
- package/dist/types/src/utils/csp-styles.d.ts +74 -0
- package/dist/types/src/utils/data-source.d.ts +37 -0
- package/dist/types/src/utils/dom-pool.d.ts +79 -0
- package/dist/types/src/utils/fenwick-tree.d.ts +71 -0
- package/dist/types/src/utils/security.d.ts +131 -0
- package/dist/types/src/utils/telemetry.d.ts +95 -0
- package/dist/types/src/utils/virtualizer.d.ts +53 -0
- package/dist/types/src/utils/worker-manager.d.ts +106 -0
- package/dist/types/tests/csp.spec.d.ts +5 -0
- package/dist/types/tests/interaction.spec.d.ts +1 -0
- package/dist/types/tests/setup.d.ts +6 -0
- package/dist/types/tests/shadow-dom.spec.d.ts +5 -0
- package/dist/types/tests/smoke.spec.d.ts +1 -0
- package/dist/types/tests/stress.spec.d.ts +5 -0
- package/dist/types/tests/virtualizer.spec.d.ts +1 -0
- package/package.json +52 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.umd.min.js","sources":["../../../src/renderers/contracts.ts","../../../src/utils/fenwick-tree.ts","../../../src/utils/dom-pool.ts","../../../src/utils/virtualizer.ts","../../../src/components/native-select.ts","../../../src/config/global-config.ts","../../../src/components/enhanced-select.ts","../../../src/components/select-option.ts","../../../src/utils/worker-manager.ts","../../../src/utils/telemetry.ts","../../../src/utils/security.ts","../../../src/utils/csp-styles.ts"],"sourcesContent":["import type { RendererHelpers } from '../types';\n\nexport type OptionTemplate = (item: unknown, index: number) => string;\nexport type OptionRenderer = (item: unknown, index: number, helpers: RendererHelpers) => HTMLElement;\n\nexport const createRendererHelpers = (onSelect: (item: unknown, index: number) => void): RendererHelpers => ({\n onSelect,\n getIndex: (node: Element | null) => {\n const el = node?.closest?.('[data-selectable]') as HTMLElement | null;\n if (!el) return null;\n const idx = Number(el.dataset.index);\n return Number.isFinite(idx) ? idx : null;\n },\n keyboardFocus: (index: number) => {\n const el = document.querySelector(`[data-selectable][data-index=\"${index}\"]`) as HTMLElement | null;\n el?.focus?.();\n }\n});\n\n// Fast template render path: string -> DOM via DocumentFragment, with delegation markers\nexport function renderTemplate(container: HTMLElement, items: unknown[], optionTemplate: OptionTemplate) {\n const frag = document.createDocumentFragment();\n for (let i = 0; i < items.length; i++) {\n const item = items[i];\n const wrapper = document.createElement('div');\n wrapper.innerHTML = optionTemplate(item, i);\n let el = wrapper.firstElementChild as HTMLElement | null;\n if (!el) {\n // Edge case: template produced multiple or zero root nodes; wrap children\n const wrap = document.createElement('div');\n wrap.setAttribute('data-selectable', '');\n wrap.setAttribute('data-index', String(i));\n while (wrapper.firstChild) wrap.appendChild(wrapper.firstChild);\n frag.appendChild(wrap);\n continue;\n }\n // Allow override if developer sets data-smilodon-handled=\"true\"\n if (!el.hasAttribute('data-smilodon-handled')) {\n el.setAttribute('data-selectable', '');\n el.setAttribute('data-index', String(i));\n }\n frag.appendChild(el);\n }\n container.replaceChildren(frag);\n}\n","/**\n * Fenwick Tree (Binary Indexed Tree) for O(log n) prefix sum queries and updates.\n * Used for cumulative height calculations in variable-height virtualization.\n * \n * Space: O(n)\n * Time: O(log n) for both query and update\n * \n * @see https://en.wikipedia.org/wiki/Fenwick_tree\n */\nexport class FenwickTree {\n private tree: Float64Array;\n private size: number;\n\n constructor(size: number) {\n this.size = size;\n // 1-indexed for cleaner bit manipulation\n this.tree = new Float64Array(size + 1);\n }\n\n /**\n * Add delta to index i (0-indexed input)\n * Complexity: O(log n)\n */\n add(index: number, delta: number): void {\n // Convert to 1-indexed\n let i = index + 1;\n while (i <= this.size) {\n this.tree[i] += delta;\n // Move to next relevant index: i + LSB(i)\n i += i & -i;\n }\n }\n\n /**\n * Get prefix sum from 0 to index (inclusive, 0-indexed input)\n * Complexity: O(log n)\n */\n sum(index: number): number {\n if (index < 0) return 0;\n // Convert to 1-indexed\n let i = index + 1;\n let result = 0;\n while (i > 0) {\n result += this.tree[i];\n // Move to parent: i - LSB(i)\n i -= i & -i;\n }\n return result;\n }\n\n /**\n * Get sum in range [left, right] (inclusive, 0-indexed)\n * Complexity: O(log n)\n */\n rangeSum(left: number, right: number): number {\n if (left > right) return 0;\n return this.sum(right) - (left > 0 ? this.sum(left - 1) : 0);\n }\n\n /**\n * Update value at index to newValue (handles delta internally)\n * Requires tracking current values externally or use add() directly\n * Complexity: O(log n)\n */\n update(index: number, oldValue: number, newValue: number): void {\n this.add(index, newValue - oldValue);\n }\n\n /**\n * Binary search to find the smallest index where sum(index) >= target\n * Useful for finding scroll position -> item index mapping\n * Complexity: O(log² n) or O(log n) with optimization\n * \n * @returns index (0-indexed) or -1 if not found\n */\n lowerBound(target: number): number {\n if (target <= 0) return 0;\n\n // Optimized binary search on Fenwick tree structure\n let pos = 0;\n let sum = 0;\n // Start from highest power of 2 <= size\n let bit = 1 << Math.floor(Math.log2(this.size));\n\n while (bit > 0) {\n if (pos + bit <= this.size) {\n const nextSum = sum + this.tree[pos + bit];\n if (nextSum < target) {\n pos += bit;\n sum = nextSum;\n }\n }\n bit >>= 1;\n }\n\n // Convert back to 0-indexed\n return pos;\n }\n\n /**\n * Reset all values to 0\n * Complexity: O(n)\n */\n reset(): void {\n this.tree.fill(0);\n }\n\n /**\n * Resize the tree (useful for dynamic item lists)\n * Complexity: O(n)\n */\n resize(newSize: number): void {\n if (newSize === this.size) return;\n \n const oldTree = this.tree;\n const oldSize = this.size;\n \n this.size = newSize;\n this.tree = new Float64Array(newSize + 1);\n \n // Copy existing values up to min(oldSize, newSize)\n const copySize = Math.min(oldSize, newSize);\n for (let i = 1; i <= copySize; i++) {\n this.tree[i] = oldTree[i];\n }\n }\n\n /**\n * Get current size\n */\n getSize(): number {\n return this.size;\n }\n\n /**\n * Export state for serialization (e.g., to SharedArrayBuffer)\n */\n exportState(): { size: number; tree: number[] } {\n return {\n size: this.size,\n tree: Array.from(this.tree),\n };\n }\n\n /**\n * Import state from serialization\n */\n static fromState(state: { size: number; tree: number[] }): FenwickTree {\n const ft = new FenwickTree(state.size);\n ft.tree = new Float64Array(state.tree);\n return ft;\n }\n}\n","/**\n * DOM Node Pool with LRU eviction and aggressive cleanup.\n * Reuses nodes to minimize GC pressure and layout thrashing.\n * \n * Features:\n * - LRU eviction when pool exceeds maxSize\n * - Style reset to avoid style pollution\n * - Event listener cleanup\n * - Performance telemetry integration\n */\n\ninterface PoolNode {\n node: HTMLElement;\n lastUsed: number; // performance.now() timestamp\n inUse: boolean;\n}\n\nexport interface DOMPoolOptions {\n /** Maximum pool size (default: renderedNodes + 32) */\n maxSize?: number;\n /** Factory function to create new nodes */\n factory: () => HTMLElement;\n /** Reset function called before reuse */\n reset?: (node: HTMLElement) => void;\n /** Enable performance telemetry */\n telemetry?: boolean;\n}\n\nexport class DOMPool {\n private pool: PoolNode[] = [];\n private factory: () => HTMLElement;\n private reset: (node: HTMLElement) => void;\n private maxSize: number;\n private telemetry: boolean;\n \n // Telemetry\n private hits = 0;\n private misses = 0;\n private evictions = 0;\n\n constructor(options: DOMPoolOptions) {\n this.factory = options.factory;\n this.reset = options.reset || this.defaultReset.bind(this);\n this.maxSize = options.maxSize || 64;\n this.telemetry = options.telemetry || false;\n }\n\n /**\n * Acquire a node from pool or create new one\n * Complexity: O(n) for LRU scan, amortized O(1) for small pools\n */\n acquire(): HTMLElement {\n const now = performance.now();\n\n // Find first available node\n for (let i = 0; i < this.pool.length; i++) {\n const poolNode = this.pool[i];\n if (!poolNode.inUse) {\n poolNode.inUse = true;\n poolNode.lastUsed = now;\n this.reset(poolNode.node);\n \n if (this.telemetry) this.hits++;\n return poolNode.node;\n }\n }\n\n // No available nodes, create new one\n const node = this.factory();\n this.pool.push({\n node,\n lastUsed: now,\n inUse: true,\n });\n\n if (this.telemetry) this.misses++;\n\n // Evict if pool too large\n if (this.pool.length > this.maxSize) {\n this.evictLRU();\n }\n\n return node;\n }\n\n /**\n * Release node back to pool\n * Complexity: O(n) to find node\n */\n release(node: HTMLElement): void {\n const poolNode = this.pool.find(p => p.node === node);\n if (poolNode) {\n poolNode.inUse = false;\n poolNode.lastUsed = performance.now();\n \n // Aggressive cleanup\n this.reset(poolNode.node);\n }\n }\n\n /**\n * Evict least recently used node\n * Complexity: O(n)\n */\n private evictLRU(): void {\n // Find LRU node that's not in use\n let lruIndex = -1;\n let oldestTime = Infinity;\n\n for (let i = 0; i < this.pool.length; i++) {\n const poolNode = this.pool[i];\n if (!poolNode.inUse && poolNode.lastUsed < oldestTime) {\n lruIndex = i;\n oldestTime = poolNode.lastUsed;\n }\n }\n\n if (lruIndex >= 0) {\n const evicted = this.pool.splice(lruIndex, 1)[0];\n // Full cleanup before GC\n this.deepCleanup(evicted.node);\n \n if (this.telemetry) this.evictions++;\n }\n }\n\n /**\n * Default reset: clear content, remove inline styles, remove attributes\n */\n private defaultReset(node: HTMLElement): void {\n // Clear content\n node.textContent = '';\n \n // Remove inline styles\n node.removeAttribute('style');\n \n // Remove data attributes (preserve data-index, data-selectable for delegation)\n const attrs = Array.from(node.attributes);\n for (const attr of attrs) {\n if (attr.name.startsWith('data-') && \n attr.name !== 'data-index' && \n attr.name !== 'data-selectable') {\n node.removeAttribute(attr.name);\n }\n }\n \n // Remove ARIA attributes that might pollute reuse\n const ariaAttrs = ['aria-selected', 'aria-checked', 'aria-disabled'];\n ariaAttrs.forEach(attr => node.removeAttribute(attr));\n }\n\n /**\n * Deep cleanup before eviction/destruction\n */\n private deepCleanup(node: HTMLElement): void {\n // Remove all event listeners by cloning (nuclear option)\n const clone = node.cloneNode(true) as HTMLElement;\n node.parentNode?.replaceChild(clone, node);\n \n // Clear references\n node.textContent = '';\n }\n\n /**\n * Clear entire pool\n */\n clear(): void {\n for (const poolNode of this.pool) {\n this.deepCleanup(poolNode.node);\n }\n this.pool = [];\n this.resetTelemetry();\n }\n\n /**\n * Adjust max pool size dynamically\n */\n setMaxSize(size: number): void {\n this.maxSize = size;\n // Evict excess nodes\n while (this.pool.length > this.maxSize) {\n this.evictLRU();\n }\n }\n\n /**\n * Get pool statistics\n */\n getStats() {\n const available = this.pool.filter(p => !p.inUse).length;\n const hitRate = this.hits + this.misses > 0 \n ? this.hits / (this.hits + this.misses) \n : 0;\n\n return {\n total: this.pool.length,\n available,\n inUse: this.pool.length - available,\n maxSize: this.maxSize,\n hits: this.hits,\n misses: this.misses,\n evictions: this.evictions,\n hitRate,\n };\n }\n\n /**\n * Reset telemetry counters\n */\n resetTelemetry(): void {\n this.hits = 0;\n this.misses = 0;\n this.evictions = 0;\n }\n}\n","import { FenwickTree } from './fenwick-tree.js';\nimport { DOMPool } from './dom-pool.js';\n\ntype ItemGetter = (index: number) => unknown;\n\nexport interface VirtualizerOptions {\n estimatedItemHeight: number;\n buffer: number;\n maxPoolExtra?: number; // extra nodes beyond window size\n measurementThreshold?: number; // px change to consider a height update\n enableTelemetry?: boolean; // enable pool stats\n}\n\nexport class Virtualizer {\n private container: HTMLElement;\n private itemsLength: number;\n private options: VirtualizerOptions;\n measuredHeights = new Map<number, number>();\n averageHeight: number;\n private pool: DOMPool;\n private itemGetter: ItemGetter;\n private fenwick?: FenwickTree;\n private activeNodes = new Map<number, HTMLElement>(); // index -> node mapping\n\n constructor(container: HTMLElement, itemsLength: number, itemGetter: ItemGetter, options: VirtualizerOptions) {\n this.container = container;\n this.itemsLength = itemsLength;\n this.itemGetter = itemGetter;\n this.options = options;\n this.averageHeight = options.estimatedItemHeight;\n \n // Initialize DOM pool with LRU eviction\n const maxPoolSize = Math.ceil((options.buffer * 2 + 10) * 1.5) + (options.maxPoolExtra ?? 32);\n this.pool = new DOMPool({\n maxSize: maxPoolSize,\n factory: () => {\n const div = document.createElement('div');\n div.setAttribute('data-selectable', '');\n return div;\n },\n reset: (node) => {\n // Clear content but preserve data-selectable\n node.textContent = '';\n node.removeAttribute('style');\n // Remove aria attributes\n node.removeAttribute('aria-selected');\n node.removeAttribute('aria-checked');\n },\n telemetry: options.enableTelemetry || false,\n });\n\n // Use Fenwick tree for large lists (>5000 items)\n if (itemsLength > 5000) {\n this.fenwick = new FenwickTree(itemsLength);\n // Initialize with estimated heights\n for (let i = 0; i < itemsLength; i++) {\n this.fenwick.add(i, options.estimatedItemHeight);\n }\n }\n \n this.container.style.willChange = 'transform';\n }\n\n computeWindow(scrollTop: number, viewportHeight: number) {\n const { buffer } = this.options;\n const startIndex = Math.max(Math.floor(scrollTop / this.averageHeight) - buffer, 0);\n const endIndex = Math.min(Math.ceil((scrollTop + viewportHeight) / this.averageHeight) + buffer, this.itemsLength - 1);\n const windowSize = Math.max(0, endIndex - startIndex + 1);\n \n // Adjust pool size dynamically based on window\n const newPoolSize = windowSize + (this.options.maxPoolExtra ?? 32);\n this.pool.setMaxSize(newPoolSize);\n \n return { startIndex, endIndex, windowSize };\n }\n\n cumulativeOffset(index: number): number {\n if (index <= 0) return 0;\n \n // Use Fenwick tree for O(log n) prefix sum\n if (this.fenwick) {\n return this.fenwick.sum(index - 1);\n }\n \n // Fallback: approximate using average height with sparse adjustments\n let total = 0;\n for (let i = 0; i < index; i++) {\n total += this.measuredHeights.get(i) ?? this.averageHeight;\n }\n return total;\n }\n\n acquireNode(index: number): HTMLElement {\n // Check if we already have this node active (reuse)\n const existing = this.activeNodes.get(index);\n if (existing) return existing;\n \n const node = this.pool.acquire();\n node.setAttribute('data-index', String(index));\n this.activeNodes.set(index, node);\n return node;\n }\n\n releaseNode(index: number): void {\n const node = this.activeNodes.get(index);\n if (node) {\n this.pool.release(node);\n this.activeNodes.delete(index);\n }\n }\n\n releaseExcess(activeIndices: Set<number>): void {\n // Release nodes not in active set\n for (const [index, node] of this.activeNodes) {\n if (!activeIndices.has(index)) {\n this.pool.release(node);\n this.activeNodes.delete(index);\n }\n }\n }\n\n render(startIndex: number, endIndex: number, updateNode: (node: HTMLElement, item: unknown, index: number) => void) {\n const frag = document.createDocumentFragment();\n const activeIndices = new Set<number>();\n \n for (let i = startIndex; i <= endIndex; i++) {\n const node = this.acquireNode(i);\n updateNode(node, this.itemGetter(i), i);\n frag.appendChild(node);\n activeIndices.add(i);\n \n // Measure on appear (deferred)\n queueMicrotask(() => this.measureOnAppear(node, i));\n }\n \n // Translate container by cumulative offset of startIndex\n const topOffset = this.cumulativeOffset(startIndex);\n this.container.style.transform = `translate3d(0, ${Math.round(topOffset * 100) / 100}px, 0)`;\n this.container.replaceChildren(frag);\n \n // Recycle nodes not in use\n requestAnimationFrame(() => this.releaseExcess(activeIndices));\n }\n\n measureOnAppear(node: HTMLElement, index: number) {\n const h = node.offsetHeight;\n const prev = this.measuredHeights.get(index);\n const threshold = this.options.measurementThreshold ?? 5;\n \n if (prev === undefined || Math.abs(prev - h) > threshold) {\n const oldValue = prev ?? this.averageHeight;\n this.measuredHeights.set(index, h);\n \n // Update Fenwick tree with new measurement\n if (this.fenwick) {\n this.fenwick.update(index, oldValue, h);\n }\n \n // Update running average (weighted by measured count)\n const count = this.measuredHeights.size;\n const total = Array.from(this.measuredHeights.values()).reduce((a, b) => a + b, 0);\n this.averageHeight = Math.round((total / count) * 100) / 100;\n }\n }\n\n /**\n * Get pool statistics (if telemetry enabled)\n */\n getPoolStats() {\n return this.pool.getStats();\n }\n\n /**\n * Update items length and resize Fenwick tree if needed\n */\n setItemsLength(newLength: number): void {\n this.itemsLength = newLength;\n \n if (this.fenwick) {\n this.fenwick.resize(newLength);\n } else if (newLength > 5000 && !this.fenwick) {\n // Activate Fenwick tree when crossing threshold\n this.fenwick = new FenwickTree(newLength);\n \n // Populate with existing measurements\n for (const [index, height] of this.measuredHeights) {\n this.fenwick.update(index, this.averageHeight, height);\n }\n }\n }\n\n /**\n * Cleanup resources\n */\n destroy(): void {\n this.pool.clear();\n this.activeNodes.clear();\n this.measuredHeights.clear();\n if (this.fenwick) {\n this.fenwick.reset();\n }\n }\n}\n","import type { NativeSelectOptions, SelectEventName, SelectEventsDetailMap, RendererHelpers } from '../types';\nimport { createRendererHelpers, OptionRenderer, OptionTemplate, renderTemplate } from '../renderers/contracts';\nimport { Virtualizer } from '../utils/virtualizer';\n\nexport class NativeSelectElement extends HTMLElement {\n static get observedAttributes(): string[] {\n return ['placement', 'strategy', 'portal'];\n }\n\n private _options: NativeSelectOptions = {};\n private _shadow: ShadowRoot;\n private _listRoot: HTMLElement;\n private _items: unknown[] = [];\n private _helpers: RendererHelpers;\n private _virtualizer?: Virtualizer;\n \n // Multi-select & interaction state\n private _selectedSet = new Set<number>(); // indices\n private _selectedItems = new Map<number, unknown>(); // index -> item\n private _activeIndex = -1;\n private _multi = false;\n private _typeBuffer = '';\n private _typeTimeout?: number;\n private _liveRegion?: HTMLElement;\n\n constructor() {\n super();\n this._shadow = this.attachShadow({ mode: 'open' });\n this._listRoot = document.createElement('div');\n this._listRoot.setAttribute('role', 'listbox');\n this._listRoot.setAttribute('tabindex', '0');\n this._shadow.appendChild(this._listRoot);\n\n // Live region for screen reader announcements\n this._liveRegion = document.createElement('div');\n this._liveRegion.setAttribute('role', 'status');\n this._liveRegion.setAttribute('aria-live', 'polite');\n this._liveRegion.style.cssText = 'position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;';\n this._shadow.appendChild(this._liveRegion);\n\n this._helpers = createRendererHelpers((item, index) => this._onSelect(item, index));\n \n // Delegated click\n this._listRoot.addEventListener('click', (e) => {\n const el = (e.target as HTMLElement).closest('[data-selectable]') as HTMLElement | null;\n if (!el) return;\n const idx = Number(el.dataset.index);\n const item = this._items[idx];\n this._onSelect(item, idx);\n });\n\n // Keyboard navigation\n this._listRoot.addEventListener('keydown', (e) => this._onKeydown(e));\n }\n\n connectedCallback() {\n // Initialize ARIA roles and open event\n this._listRoot.setAttribute('role', 'listbox');\n this._listRoot.setAttribute('aria-label', 'Options list');\n if (this._multi) this._listRoot.setAttribute('aria-multiselectable', 'true');\n this._emit('open', {});\n }\n\n disconnectedCallback() {\n this._emit('close', {});\n // Cleanup: remove listeners if any were added outside constructor\n if (this._typeTimeout) window.clearTimeout(this._typeTimeout);\n }\n\n attributeChangedCallback(name: string, _oldValue: string | null, newValue: string | null) {\n switch (name) {\n case 'placement':\n this._options.placement = (newValue ?? undefined) as NativeSelectOptions['placement'];\n break;\n case 'strategy':\n this._options.strategy = (newValue ?? undefined) as NativeSelectOptions['strategy'];\n break;\n case 'portal':\n this._options.portal = newValue === 'true' ? true : newValue === 'false' ? false : undefined;\n break;\n }\n }\n\n set items(items: unknown[]) {\n this._items = items ?? [];\n // initialize virtualizer with estimated height (default 48) and buffer\n this._virtualizer = new Virtualizer(\n this._listRoot,\n this._items.length,\n (i) => this._items[i],\n { estimatedItemHeight: 48, buffer: 5 }\n );\n this.render();\n }\n\n get items() {\n return this._items;\n }\n\n set multi(value: boolean) {\n this._multi = value;\n if (value) {\n this._listRoot.setAttribute('aria-multiselectable', 'true');\n } else {\n this._listRoot.removeAttribute('aria-multiselectable');\n }\n }\n\n get multi() {\n return this._multi;\n }\n\n get selectedIndices(): number[] {\n return Array.from(this._selectedSet);\n }\n\n get selectedItems(): unknown[] {\n return Array.from(this._selectedItems.values());\n }\n\n set optionTemplate(template: OptionTemplate | undefined) {\n this._options.optionTemplate = template;\n this.render();\n }\n\n set optionRenderer(renderer: OptionRenderer | undefined) {\n this._options.optionRenderer = renderer;\n this.render();\n }\n\n render() {\n const { optionTemplate, optionRenderer } = this._options;\n const viewportHeight = this.getBoundingClientRect().height || 300;\n const scrollTop = this.scrollTop || 0;\n \n // Update aria-activedescendant\n if (this._activeIndex >= 0) {\n this._listRoot.setAttribute('aria-activedescendant', `option-${this._activeIndex}`);\n } else {\n this._listRoot.removeAttribute('aria-activedescendant');\n }\n\n if (this._virtualizer) {\n const { startIndex, endIndex } = this._virtualizer.computeWindow(scrollTop, viewportHeight);\n this._virtualizer.render(startIndex, endIndex, (node, item, i) => {\n this._applyOptionAttrs(node, i);\n if (optionRenderer) {\n const el = optionRenderer(item, i, this._helpers);\n // replace node contents\n node.replaceChildren(el);\n } else if (optionTemplate) {\n const wrapper = document.createElement('div');\n wrapper.innerHTML = optionTemplate(item, i);\n const el = wrapper.firstElementChild as HTMLElement | null;\n node.replaceChildren(el ?? document.createTextNode(String(item)));\n } else {\n node.textContent = String(item);\n }\n });\n return;\n }\n const frag = document.createDocumentFragment();\n for (let i = 0; i < this._items.length; i++) {\n const item = this._items[i];\n if (optionRenderer) {\n const el = optionRenderer(item, i, this._helpers);\n if (!el.hasAttribute('data-selectable')) {\n el.setAttribute('data-selectable', '');\n el.setAttribute('data-index', String(i));\n }\n this._applyOptionAttrs(el, i);\n frag.appendChild(el);\n } else if (optionTemplate) {\n // Fast path: render all via DocumentFragment in one call\n renderTemplate(this._listRoot, this._items, optionTemplate);\n // Apply ARIA attrs after template render\n this._applyAriaToAll();\n return; // rendering complete\n } else {\n const el = document.createElement('div');\n el.textContent = String(item);\n el.setAttribute('data-selectable', '');\n el.setAttribute('data-index', String(i));\n this._applyOptionAttrs(el, i);\n frag.appendChild(el);\n }\n }\n this._listRoot.replaceChildren(frag);\n }\n\n private _applyOptionAttrs(node: HTMLElement, index: number) {\n node.setAttribute('role', 'option');\n node.id = `option-${index}`;\n if (this._selectedSet.has(index)) {\n node.setAttribute('aria-selected', 'true');\n } else {\n node.setAttribute('aria-selected', 'false');\n }\n }\n\n private _applyAriaToAll() {\n const children = Array.from(this._listRoot.children) as HTMLElement[];\n for (const child of children) {\n const idx = Number(child.dataset.index);\n if (Number.isFinite(idx)) this._applyOptionAttrs(child, idx);\n }\n }\n\n private _emit<K extends SelectEventName>(name: K, detail: SelectEventsDetailMap[K]) {\n this.dispatchEvent(new CustomEvent(name, { detail, bubbles: true }));\n }\n\n // Multi-select and interaction methods\n private _onSelect(item: unknown, index: number) {\n if (this._multi) {\n if (this._selectedSet.has(index)) {\n this._selectedSet.delete(index);\n this._selectedItems.delete(index);\n } else {\n this._selectedSet.add(index);\n this._selectedItems.set(index, item);\n }\n } else {\n this._selectedSet.clear();\n this._selectedItems.clear();\n this._selectedSet.add(index);\n this._selectedItems.set(index, item);\n }\n this._activeIndex = index;\n this.render();\n \n // Emit with all required fields\n const selected = this._selectedSet.has(index);\n this._emit('select', { \n item, \n index, \n value: (item as any)?.value ?? item,\n label: (item as any)?.label ?? String(item),\n selected,\n multi: this._multi \n });\n this._announce(`Selected ${String(item)}`);\n }\n\n private _onKeydown(e: KeyboardEvent) {\n switch (e.key) {\n case 'ArrowDown':\n e.preventDefault();\n this._moveActive(1);\n break;\n case 'ArrowUp':\n e.preventDefault();\n this._moveActive(-1);\n break;\n case 'Home':\n e.preventDefault();\n this._setActive(0);\n break;\n case 'End':\n e.preventDefault();\n this._setActive(this._items.length - 1);\n break;\n case 'PageDown':\n e.preventDefault();\n this._moveActive(10);\n break;\n case 'PageUp':\n e.preventDefault();\n this._moveActive(-10);\n break;\n case 'Enter':\n case ' ':\n e.preventDefault();\n if (this._activeIndex >= 0) {\n const item = this._items[this._activeIndex];\n this._onSelect(item, this._activeIndex);\n }\n break;\n case 'Escape':\n e.preventDefault();\n this._emit('close', {});\n break;\n default:\n // Type-ahead buffer\n if (e.key.length === 1 && !e.ctrlKey && !e.altKey && !e.metaKey) {\n this._onType(e.key);\n }\n break;\n }\n }\n\n private _moveActive(delta: number) {\n const next = Math.max(0, Math.min(this._items.length - 1, this._activeIndex + delta));\n this._setActive(next);\n }\n\n private _setActive(index: number) {\n this._activeIndex = index;\n this.render();\n this._scrollToActive();\n this._announce(`Navigated to ${String(this._items[index])}`);\n }\n\n private _scrollToActive() {\n const el = this._shadow.getElementById(`option-${this._activeIndex}`);\n el?.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n }\n\n private _onType(char: string) {\n if (this._typeTimeout) window.clearTimeout(this._typeTimeout);\n this._typeBuffer += char.toLowerCase();\n this._typeTimeout = window.setTimeout(() => {\n this._typeBuffer = '';\n }, 400);\n \n // Find first matching item\n const match = this._items.findIndex((item) => String(item).toLowerCase().startsWith(this._typeBuffer));\n if (match >= 0) {\n this._setActive(match);\n }\n }\n\n private _announce(msg: string) {\n if (this._liveRegion) {\n this._liveRegion.textContent = msg;\n setTimeout(() => {\n if (this._liveRegion) this._liveRegion.textContent = '';\n }, 1000);\n }\n }\n\n // Focus management\n focus() {\n this._listRoot.focus();\n }\n}\n\ncustomElements.define('smilodon-select', NativeSelectElement);\n","/**\n * Global Configuration System for Select Components\n * Allows users to define default behaviors that can be overridden at component level\n */\n\nexport interface ScrollToSelectedConfig {\n /** Whether to scroll to selected item when dropdown opens/closes */\n enabled: boolean;\n /** Which selected item to scroll to in multi-select mode: 'first' | 'last' */\n multiSelectTarget: 'first' | 'last';\n /** Scroll behavior */\n behavior?: ScrollBehavior;\n /** Scroll block alignment */\n block?: ScrollLogicalPosition;\n}\n\nexport interface LoadMoreConfig {\n /** Enable load more functionality */\n enabled: boolean;\n /** Number of items to load per increment */\n itemsPerLoad: number;\n /** Threshold (in pixels from bottom) to trigger auto-load */\n threshold?: number;\n /** Show loading indicator */\n showLoader?: boolean;\n}\n\nexport interface BusyBucketConfig {\n /** Enable busy/loading state bucket */\n enabled: boolean;\n /** Show spinner in bucket */\n showSpinner?: boolean;\n /** Custom loading message */\n message?: string;\n /** Minimum display time (ms) to prevent flashing */\n minDisplayTime?: number;\n}\n\nexport interface SelectionConfig {\n /** Single or multi-select mode */\n mode: 'single' | 'multi';\n /** Allow deselection in single-select mode */\n allowDeselect?: boolean;\n /** Maximum selections in multi-select (0 = unlimited) */\n maxSelections?: number;\n /** Show remove button on selected options in multi-select */\n showRemoveButton?: boolean;\n /** Close dropdown after selection in single-select */\n closeOnSelect?: boolean;\n}\n\nexport interface StyleConfig {\n /** Container styles */\n container?: Partial<CSSStyleDeclaration>;\n /** Dropdown styles */\n dropdown?: Partial<CSSStyleDeclaration>;\n /** Option item styles */\n option?: Partial<CSSStyleDeclaration>;\n /** Selected option styles */\n selectedOption?: Partial<CSSStyleDeclaration>;\n /** Disabled option styles */\n disabledOption?: Partial<CSSStyleDeclaration>;\n /** Hover option styles */\n hoverOption?: Partial<CSSStyleDeclaration>;\n /** Input field styles */\n input?: Partial<CSSStyleDeclaration>;\n /** Loading indicator styles */\n loader?: Partial<CSSStyleDeclaration>;\n /** Custom CSS class names */\n classNames?: {\n container?: string;\n dropdown?: string;\n option?: string;\n selectedOption?: string;\n disabledOption?: string;\n input?: string;\n loader?: string;\n removeButton?: string;\n };\n}\n\nexport interface ServerSideConfig {\n /** Enable server-side data management */\n enabled: boolean;\n /** Initial selected value(s) from server */\n initialSelectedValues?: unknown[];\n /** Initial selected indices from server */\n initialSelectedIndices?: number[];\n /** Function to fetch pre-selected items not in current page */\n fetchSelectedItems?: (values: unknown[]) => Promise<unknown[]>;\n /** Value accessor function */\n getValueFromItem?: (item: unknown) => unknown;\n /** Label accessor function */\n getLabelFromItem?: (item: unknown) => string;\n}\n\nexport interface InfiniteScrollConfig {\n /** Enable infinite scroll */\n enabled: boolean;\n /** Page size for pagination */\n pageSize: number;\n /** Initial page */\n initialPage?: number;\n /** Cache loaded pages */\n cachePages?: boolean;\n /** Maximum cached pages (LRU eviction) */\n maxCachedPages?: number;\n /** Preload adjacent pages */\n preloadAdjacent?: boolean;\n /** Scroll restoration strategy for selected items on distant pages */\n scrollRestoration?: 'auto' | 'manual' | 'disabled';\n}\n\nexport interface CallbackConfig {\n /** Called when option is selected/deselected */\n onSelect?: (data: { item: unknown; index: number; value: unknown; label: string; selected: boolean }) => void;\n /** Called when dropdown opens */\n onOpen?: () => void;\n /** Called when dropdown closes */\n onClose?: () => void;\n /** Called when search query changes */\n onSearch?: (query: string) => void;\n /** Called when more items are loaded */\n onLoadMore?: (page: number) => void;\n /** Called when selection changes */\n onChange?: (selectedItems: unknown[], selectedValues: unknown[]) => void;\n /** Called on error */\n onError?: (error: Error) => void;\n}\n\nexport interface GlobalSelectConfig {\n /** Selection behavior */\n selection: SelectionConfig;\n /** Scroll to selected configuration */\n scrollToSelected: ScrollToSelectedConfig;\n /** Load more configuration */\n loadMore: LoadMoreConfig;\n /** Busy bucket configuration */\n busyBucket: BusyBucketConfig;\n /** Style customization */\n styles: StyleConfig;\n /** Server-side configuration */\n serverSide: ServerSideConfig;\n /** Infinite scroll configuration */\n infiniteScroll: InfiniteScrollConfig;\n /** Callbacks */\n callbacks: CallbackConfig;\n /** Enable/disable entire component */\n enabled: boolean;\n /** Enable search/filter */\n searchable?: boolean;\n /** Placeholder text */\n placeholder?: string;\n /** Virtualization */\n virtualize?: boolean;\n /** Estimated item height for virtualization */\n estimatedItemHeight?: number;\n}\n\n/**\n * Default global configuration\n */\nconst defaultConfig: GlobalSelectConfig = {\n selection: {\n mode: 'single',\n allowDeselect: false,\n maxSelections: 0,\n showRemoveButton: true,\n closeOnSelect: true,\n },\n scrollToSelected: {\n enabled: true,\n multiSelectTarget: 'first',\n behavior: 'smooth',\n block: 'nearest',\n },\n loadMore: {\n enabled: false,\n itemsPerLoad: 3,\n threshold: 100,\n showLoader: true,\n },\n busyBucket: {\n enabled: true,\n showSpinner: true,\n message: 'Loading...',\n minDisplayTime: 200,\n },\n styles: {\n classNames: {},\n },\n serverSide: {\n enabled: false,\n getValueFromItem: (item: unknown) => (item as any)?.value ?? item,\n getLabelFromItem: (item: unknown) => (item as any)?.label ?? String(item),\n },\n infiniteScroll: {\n enabled: false,\n pageSize: 20,\n initialPage: 1,\n cachePages: true,\n maxCachedPages: 10,\n preloadAdjacent: true,\n scrollRestoration: 'auto',\n },\n callbacks: {},\n enabled: true,\n searchable: false,\n placeholder: 'Select an option...',\n virtualize: true,\n estimatedItemHeight: 48,\n};\n\n/**\n * Global configuration instance\n */\nclass SelectConfigManager {\n private config: GlobalSelectConfig;\n\n constructor() {\n this.config = this.deepClone(defaultConfig);\n }\n\n /**\n * Get current global configuration\n */\n getConfig(): Readonly<GlobalSelectConfig> {\n return this.config;\n }\n\n /**\n * Update global configuration (deep merge)\n */\n updateConfig(updates: Partial<GlobalSelectConfig>): void {\n this.config = this.deepMerge(this.config, updates);\n }\n\n /**\n * Reset to default configuration\n */\n resetConfig(): void {\n this.config = this.deepClone(defaultConfig);\n }\n\n /**\n * Merge component-level config with global config\n * Component-level config takes precedence\n */\n mergeWithComponentConfig(componentConfig: Partial<GlobalSelectConfig>): GlobalSelectConfig {\n return this.deepMerge(this.deepClone(this.config), componentConfig);\n }\n\n private deepClone<T>(obj: T): T {\n return JSON.parse(JSON.stringify(obj));\n }\n\n private deepMerge<T extends Record<string, any>>(target: T, source: Partial<T>): T {\n const result = { ...target };\n \n for (const key in source) {\n if (source.hasOwnProperty(key)) {\n const sourceValue = source[key];\n const targetValue = result[key];\n \n if (sourceValue && typeof sourceValue === 'object' && !Array.isArray(sourceValue)) {\n result[key] = this.deepMerge(\n targetValue && typeof targetValue === 'object' ? targetValue : {},\n sourceValue\n ) as any;\n } else {\n result[key] = sourceValue as any;\n }\n }\n }\n \n return result;\n }\n}\n\n/**\n * Singleton instance\n */\nexport const selectConfig = new SelectConfigManager();\n\n/**\n * Helper function to configure select globally\n */\nexport function configureSelect(config: Partial<GlobalSelectConfig>): void {\n selectConfig.updateConfig(config);\n}\n\n/**\n * Helper function to reset select configuration\n */\nexport function resetSelectConfig(): void {\n selectConfig.resetConfig();\n}\n","/**\n * Enhanced Select Component\n * Implements all advanced features: infinite scroll, load more, busy state, \n * server-side selection, and full customization\n */\n\nimport type { GlobalSelectConfig } from '../config/global-config';\nimport { selectConfig } from '../config/global-config';\nimport type { SelectEventName, SelectEventsDetailMap, GroupedItem } from '../types';\nimport { SelectOption, OptionConfig, OptionEventDetail } from './select-option';\n\ninterface PageCache {\n [page: number]: unknown[];\n}\n\ninterface SelectState {\n isOpen: boolean;\n isBusy: boolean;\n isSearching: boolean;\n currentPage: number;\n totalPages: number;\n selectedIndices: Set<number>;\n selectedItems: Map<number, unknown>;\n activeIndex: number;\n searchQuery: string;\n loadedItems: unknown[];\n groupedItems: GroupedItem[];\n preserveScrollPosition: boolean;\n lastScrollPosition: number;\n lastNotifiedQuery: string | null;\n lastNotifiedResultCount: number;\n}\n\nexport class EnhancedSelect extends HTMLElement {\n private _config: GlobalSelectConfig;\n private _shadow: ShadowRoot;\n private _container: HTMLElement;\n private _inputContainer: HTMLElement;\n private _input: HTMLInputElement;\n private _dropdown: HTMLElement;\n private _optionsContainer: HTMLElement;\n private _loadMoreTrigger?: HTMLElement;\n private _busyBucket?: HTMLElement;\n private _liveRegion?: HTMLElement;\n private _state: SelectState;\n private _pageCache: PageCache = {};\n private _resizeObserver?: ResizeObserver;\n private _intersectionObserver?: IntersectionObserver;\n private _busyTimeout?: number;\n private _searchTimeout?: number;\n private _typeBuffer = '';\n private _typeTimeout?: number;\n private _uniqueId: string;\n private _hasError = false;\n private _errorMessage = '';\n private _boundArrowClick: ((e: Event) => void) | null = null;\n private _arrowContainer?: HTMLElement;\n\n constructor() {\n super();\n this._shadow = this.attachShadow({ mode: 'open' });\n this._uniqueId = `enhanced-select-${Math.random().toString(36).substr(2, 9)}`;\n \n // Merge global config with component-level config\n this._config = selectConfig.getConfig() as GlobalSelectConfig;\n \n // Initialize state\n this._state = {\n isOpen: false,\n isBusy: false,\n isSearching: false,\n currentPage: this._config.infiniteScroll.initialPage || 1,\n totalPages: 1,\n selectedIndices: new Set(),\n selectedItems: new Map(),\n activeIndex: -1,\n searchQuery: '',\n loadedItems: [],\n groupedItems: [],\n preserveScrollPosition: false,\n lastScrollPosition: 0,\n lastNotifiedQuery: null,\n lastNotifiedResultCount: 0,\n };\n \n // Create DOM structure\n this._container = this._createContainer();\n this._inputContainer = this._createInputContainer();\n this._input = this._createInput();\n this._arrowContainer = this._createArrowContainer();\n this._dropdown = this._createDropdown();\n this._optionsContainer = this._createOptionsContainer();\n this._liveRegion = this._createLiveRegion();\n \n this._assembleDOM();\n this._initializeStyles();\n this._attachEventListeners();\n this._initializeObservers();\n }\n\n connectedCallback(): void {\n // Load initial data if server-side is enabled\n if (this._config.serverSide.enabled && this._config.serverSide.initialSelectedValues) {\n this._loadInitialSelectedItems();\n }\n \n // Emit open event if configured to start open\n if (this._config.callbacks.onOpen) {\n this._config.callbacks.onOpen();\n }\n }\n\n disconnectedCallback(): void {\n // Cleanup observers\n this._resizeObserver?.disconnect();\n this._intersectionObserver?.disconnect();\n if (this._busyTimeout) clearTimeout(this._busyTimeout);\n if (this._typeTimeout) clearTimeout(this._typeTimeout);\n if (this._searchTimeout) clearTimeout(this._searchTimeout);\n \n // Cleanup arrow click listener\n if (this._boundArrowClick && this._arrowContainer) {\n this._arrowContainer.removeEventListener('click', this._boundArrowClick);\n }\n }\n\n private _createContainer(): HTMLElement {\n const container = document.createElement('div');\n container.className = 'select-container';\n \n if (this._config.styles.classNames?.container) {\n container.className += ' ' + this._config.styles.classNames.container;\n }\n \n if (this._config.styles.container) {\n Object.assign(container.style, this._config.styles.container);\n }\n \n return container;\n }\n\n private _createInputContainer(): HTMLElement {\n const container = document.createElement('div');\n container.className = 'input-container';\n return container;\n }\n\n private _createInput(): HTMLInputElement {\n const input = document.createElement('input');\n input.type = 'text';\n input.className = 'select-input';\n input.placeholder = this._config.placeholder || 'Select an option...';\n input.disabled = !this._config.enabled;\n input.readOnly = !this._config.searchable;\n \n // Update readonly when input is focused if searchable\n input.addEventListener('focus', () => {\n if (this._config.searchable) {\n input.readOnly = false;\n }\n });\n \n if (this._config.styles.classNames?.input) {\n input.className += ' ' + this._config.styles.classNames.input;\n }\n \n if (this._config.styles.input) {\n Object.assign(input.style, this._config.styles.input);\n }\n \n input.setAttribute('role', 'combobox');\n input.setAttribute('aria-expanded', 'false');\n input.setAttribute('aria-haspopup', 'listbox');\n input.setAttribute('aria-autocomplete', this._config.searchable ? 'list' : 'none');\n \n return input;\n }\n\n private _createDropdown(): HTMLElement {\n const dropdown = document.createElement('div');\n dropdown.className = 'select-dropdown';\n dropdown.style.display = 'none';\n \n if (this._config.styles.classNames?.dropdown) {\n dropdown.className += ' ' + this._config.styles.classNames.dropdown;\n }\n \n if (this._config.styles.dropdown) {\n Object.assign(dropdown.style, this._config.styles.dropdown);\n }\n \n dropdown.setAttribute('role', 'listbox');\n if (this._config.selection.mode === 'multi') {\n dropdown.setAttribute('aria-multiselectable', 'true');\n }\n \n return dropdown;\n }\n\n private _createOptionsContainer(): HTMLElement {\n const container = document.createElement('div');\n container.className = 'options-container';\n return container;\n }\n\n private _createLiveRegion(): HTMLElement {\n const liveRegion = document.createElement('div');\n liveRegion.setAttribute('role', 'status');\n liveRegion.setAttribute('aria-live', 'polite');\n liveRegion.setAttribute('aria-atomic', 'true');\n liveRegion.style.cssText = 'position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;';\n return liveRegion;\n }\n\n private _createArrowContainer(): HTMLElement {\n const container = document.createElement('div');\n container.className = 'dropdown-arrow-container';\n container.innerHTML = `\n <svg class=\"dropdown-arrow\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M4 6L8 10L12 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>\n `;\n return container;\n }\n\n private _assembleDOM(): void {\n this._inputContainer.appendChild(this._input);\n if (this._arrowContainer) {\n this._inputContainer.appendChild(this._arrowContainer);\n }\n this._container.appendChild(this._inputContainer);\n \n this._dropdown.appendChild(this._optionsContainer);\n this._container.appendChild(this._dropdown);\n \n this._shadow.appendChild(this._container);\n if (this._liveRegion) {\n this._shadow.appendChild(this._liveRegion);\n }\n \n // Set ARIA relationships\n const listboxId = `${this._uniqueId}-listbox`;\n this._dropdown.id = listboxId;\n this._input.setAttribute('aria-controls', listboxId);\n this._input.setAttribute('aria-owns', listboxId);\n }\n\n private _initializeStyles(): void {\n const style = document.createElement('style');\n style.textContent = `\n :host {\n display: block;\n position: relative;\n width: 100%;\n }\n \n .select-container {\n position: relative;\n width: 100%;\n }\n \n .input-container {\n position: relative;\n width: 100%;\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: 6px;\n padding: 6px 52px 6px 8px;\n min-height: 44px;\n background: white;\n border: 1px solid #d1d5db;\n border-radius: 6px;\n box-sizing: border-box;\n transition: all 0.2s ease;\n }\n \n .input-container:focus-within {\n border-color: #667eea;\n box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);\n }\n \n /* Gradient separator before arrow */\n .input-container::after {\n content: '';\n position: absolute;\n top: 50%;\n right: 40px;\n transform: translateY(-50%);\n width: 1px;\n height: 60%;\n background: linear-gradient(\n to bottom,\n transparent 0%,\n rgba(0, 0, 0, 0.1) 20%,\n rgba(0, 0, 0, 0.1) 80%,\n transparent 100%\n );\n pointer-events: none;\n z-index: 1;\n }\n \n .dropdown-arrow-container {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n width: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: background-color 0.2s ease;\n border-radius: 0 4px 4px 0;\n z-index: 2;\n }\n \n .dropdown-arrow-container:hover {\n background-color: rgba(102, 126, 234, 0.08);\n }\n \n .dropdown-arrow {\n width: 16px;\n height: 16px;\n color: #667eea;\n transition: transform 0.2s ease, color 0.2s ease;\n transform: translateY(0);\n }\n \n .dropdown-arrow-container:hover .dropdown-arrow {\n color: #667eea;\n }\n \n .dropdown-arrow.open {\n transform: rotate(180deg);\n }\n \n .select-input {\n flex: 1;\n min-width: 120px;\n padding: 4px;\n border: none;\n font-size: 14px;\n line-height: 1.5;\n color: #1f2937;\n background: transparent;\n box-sizing: border-box;\n outline: none;\n }\n \n .select-input::placeholder {\n color: #9ca3af;\n }\n \n .selection-badge {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n padding: 4px 8px;\n margin: 2px;\n background: #667eea;\n color: white;\n border-radius: 4px;\n font-size: 13px;\n line-height: 1;\n }\n \n .badge-remove {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 16px;\n height: 16px;\n padding: 0;\n margin-left: 4px;\n background: rgba(255, 255, 255, 0.3);\n border: none;\n border-radius: 50%;\n color: white;\n font-size: 16px;\n line-height: 1;\n cursor: pointer;\n transition: background 0.2s;\n }\n \n .badge-remove:hover {\n background: rgba(255, 255, 255, 0.5);\n }\n \n .select-input:disabled {\n background-color: var(--select-disabled-bg, #f5f5f5);\n cursor: not-allowed;\n }\n \n .select-dropdown {\n position: absolute;\n scroll-behavior: smooth;\n top: 100%;\n left: 0;\n right: 0;\n margin-top: 4px;\n max-height: 300px;\n overflow-y: auto;\n background: var(--select-dropdown-bg, white);\n border: 1px solid var(--select-dropdown-border, #ccc);\n border-radius: var(--select-border-radius, 4px);\n box-shadow: var(--select-dropdown-shadow, 0 4px 6px rgba(0,0,0,0.1));\n z-index: var(--select-dropdown-z-index, 1000);\n }\n \n .options-container {\n position: relative;\n transition: opacity 0.2s ease-in-out;\n }\n\n .option {\n padding: 8px 12px;\n cursor: pointer;\n color: inherit;\n transition: background-color 0.15s ease;\n user-select: none;\n }\n\n .option:hover {\n background-color: #f3f4f6;\n }\n\n .option.selected {\n background-color: #e0e7ff;\n color: #4338ca;\n font-weight: 500;\n }\n\n .option.active {\n background-color: #f3f4f6;\n }\n \n .load-more-container {\n padding: 12px;\n text-align: center;\n border-top: 1px solid var(--select-divider-color, #e0e0e0);\n }\n \n .load-more-button {\n padding: 8px 16px;\n border: 1px solid var(--select-button-border, #1976d2);\n background: var(--select-button-bg, white);\n color: var(--select-button-color, #1976d2);\n border-radius: 4px;\n cursor: pointer;\n font-size: 14px;\n transition: all 0.2s ease;\n }\n \n .load-more-button:hover {\n background: var(--select-button-hover-bg, #1976d2);\n color: var(--select-button-hover-color, white);\n }\n \n .load-more-button:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n }\n \n .busy-bucket {\n padding: 16px;\n text-align: center;\n color: var(--select-busy-color, #666);\n }\n \n .spinner {\n display: inline-block;\n width: 20px;\n height: 20px;\n border: 2px solid var(--select-spinner-color, #ccc);\n border-top-color: var(--select-spinner-active-color, #1976d2);\n border-radius: 50%;\n animation: spin 0.6s linear infinite;\n }\n \n @keyframes spin {\n to { transform: rotate(360deg); }\n }\n \n .empty-state {\n padding: 24px;\n text-align: center;\n color: var(--select-empty-color, #999);\n }\n \n .searching-state {\n padding: 24px;\n text-align: center;\n color: #667eea;\n font-style: italic;\n animation: pulse 1.5s ease-in-out infinite;\n }\n \n @keyframes pulse {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0.5; }\n }\n \n /* Error states */\n .select-input[aria-invalid=\"true\"] {\n border-color: var(--select-error-border, #dc2626);\n }\n \n .select-input[aria-invalid=\"true\"]:focus {\n border-color: var(--select-error-border, #dc2626);\n box-shadow: 0 0 0 2px var(--select-error-shadow, rgba(220, 38, 38, 0.1));\n outline-color: var(--select-error-border, #dc2626);\n }\n \n /* Accessibility: Reduced motion */\n @media (prefers-reduced-motion: reduce) {\n * {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n }\n \n /* Accessibility: Dark mode */\n @media (prefers-color-scheme: dark) {\n .select-input {\n background: var(--select-dark-bg, #1f2937);\n color: var(--select-dark-text, #f9fafb);\n border-color: var(--select-dark-border, #4b5563);\n }\n \n .select-dropdown {\n background: var(--select-dark-dropdown-bg, #1f2937);\n border-color: var(--select-dark-dropdown-border, #4b5563);\n color: var(--select-dark-text, #f9fafb);\n }\n \n .option:hover {\n background-color: var(--select-dark-option-hover-bg, #374151);\n }\n \n .option.selected {\n background-color: var(--select-dark-option-selected-bg, #3730a3);\n color: var(--select-dark-option-selected-text, #e0e7ff);\n }\n \n .option.active {\n background-color: var(--select-dark-option-active-bg, #374151);\n }\n \n .busy-bucket {\n color: var(--select-dark-busy-color, #9ca3af);\n }\n }\n \n /* Accessibility: High contrast mode */\n @media (prefers-contrast: high) {\n .select-input:focus {\n outline-width: 3px;\n outline-color: Highlight;\n }\n \n .select-input {\n border-width: 2px;\n }\n }\n \n /* Touch targets (WCAG 2.5.5) */\n .load-more-button,\n select-option {\n min-height: 44px;\n }\n `;\n this._shadow.appendChild(style);\n }\n\n private _attachEventListeners(): void {\n // Arrow click handler\n if (this._arrowContainer) {\n this._boundArrowClick = (e: Event) => {\n e.stopPropagation();\n e.preventDefault();\n \n const wasOpen = this._state.isOpen;\n this._state.isOpen = !this._state.isOpen;\n this._updateDropdownVisibility();\n this._updateArrowRotation();\n \n if (this._state.isOpen && this._config.callbacks.onOpen) {\n this._config.callbacks.onOpen();\n } else if (!this._state.isOpen && this._config.callbacks.onClose) {\n this._config.callbacks.onClose();\n }\n \n // Scroll to selected when opening\n if (!wasOpen && this._state.isOpen && this._state.selectedIndices.size > 0) {\n setTimeout(() => this._scrollToSelected(), 50);\n }\n };\n this._arrowContainer.addEventListener('click', this._boundArrowClick);\n }\n \n // Input container click - prevent event from reaching document listener\n this._container.addEventListener('click', (e) => {\n e.stopPropagation();\n });\n \n // Input focus/blur\n this._input.addEventListener('focus', () => this._handleOpen());\n this._input.addEventListener('blur', (e) => {\n // Delay to allow option click\n setTimeout(() => {\n if (!this._dropdown.contains(document.activeElement)) {\n this._handleClose();\n }\n }, 200);\n });\n \n // Input search\n this._input.addEventListener('input', (e) => {\n if (!this._config.searchable) return;\n console.log('[EnhancedSelect] Input event fired', (e.target as HTMLInputElement).value);\n const query = (e.target as HTMLInputElement).value;\n this._handleSearch(query);\n });\n \n // Keyboard navigation\n this._input.addEventListener('keydown', (e) => this._handleKeydown(e));\n \n // Click outside to close\n document.addEventListener('click', (e) => {\n const target = e.target as Node;\n // Check if click is outside shadow root\n if (!this._shadow.contains(target) && !this._container.contains(target)) {\n this._handleClose();\n }\n });\n }\n\n private _initializeObservers(): void {\n // Disconnect existing observer if any\n if (this._intersectionObserver) {\n this._intersectionObserver.disconnect();\n this._intersectionObserver = undefined;\n }\n\n // Intersection observer for infinite scroll\n if (this._config.infiniteScroll.enabled) {\n this._intersectionObserver = new IntersectionObserver(\n (entries) => {\n entries.forEach((entry) => {\n if (entry.isIntersecting) {\n console.log('[InfiniteScroll] Sentinel intersected. isBusy:', this._state.isBusy);\n if (!this._state.isBusy) {\n this._loadMoreItems();\n }\n }\n });\n },\n { threshold: 0.1 }\n );\n }\n }\n\n private async _loadInitialSelectedItems(): Promise<void> {\n if (!this._config.serverSide.fetchSelectedItems || !this._config.serverSide.initialSelectedValues) {\n return;\n }\n \n this._setBusy(true);\n \n try {\n const items = await this._config.serverSide.fetchSelectedItems(\n this._config.serverSide.initialSelectedValues\n );\n \n // Add to state\n items.forEach((item, index) => {\n this._state.selectedItems.set(index, item);\n this._state.selectedIndices.add(index);\n });\n \n this._updateInputDisplay();\n } catch (error) {\n this._handleError(error as Error);\n } finally {\n this._setBusy(false);\n }\n }\n\n private _handleOpen(): void {\n if (!this._config.enabled || this._state.isOpen) return;\n \n this._state.isOpen = true;\n this._dropdown.style.display = 'block';\n this._input.setAttribute('aria-expanded', 'true');\n this._updateArrowRotation();\n \n // Clear search query when opening to show all options\n // This ensures we can scroll to selected item\n if (this._config.searchable) {\n this._state.searchQuery = '';\n // Don't clear input value if it represents selection\n // But if we want to search, we might want to clear it?\n // Standard behavior: input keeps value (label), but dropdown shows all options\n // until user types.\n // However, our filtering logic uses _state.searchQuery.\n // So clearing it here resets the filter.\n }\n\n // Render options when opening\n this._renderOptions();\n \n this._emit('open', {});\n this._config.callbacks.onOpen?.();\n \n // Scroll to selected if configured\n if (this._config.scrollToSelected.enabled) {\n // Use setTimeout to allow render to complete\n setTimeout(() => this._scrollToSelected(), 0);\n }\n }\n\n private _handleClose(): void {\n if (!this._state.isOpen) return;\n \n this._state.isOpen = false;\n this._dropdown.style.display = 'none';\n this._input.setAttribute('aria-expanded', 'false');\n this._updateArrowRotation();\n \n this._emit('close', {});\n this._config.callbacks.onClose?.();\n }\n\n private _updateDropdownVisibility(): void {\n if (this._state.isOpen) {\n this._dropdown.style.display = 'block';\n this._input.setAttribute('aria-expanded', 'true');\n } else {\n this._dropdown.style.display = 'none';\n this._input.setAttribute('aria-expanded', 'false');\n }\n }\n\n private _updateArrowRotation(): void {\n if (this._arrowContainer) {\n const arrow = this._arrowContainer.querySelector('.dropdown-arrow');\n if (arrow) {\n if (this._state.isOpen) {\n arrow.classList.add('open');\n } else {\n arrow.classList.remove('open');\n }\n }\n }\n }\n\n private _handleSearch(query: string): void {\n console.log('[EnhancedSelect] _handleSearch called with:', JSON.stringify(query));\n this._state.searchQuery = query;\n \n // Clear previous search timeout\n if (this._searchTimeout) {\n clearTimeout(this._searchTimeout);\n }\n \n // Search immediately - no debouncing for better responsiveness\n // Users expect instant feedback as they type\n this._state.isSearching = false;\n \n // Ensure dropdown is open when searching\n if (!this._state.isOpen) {\n console.log('[EnhancedSelect] Opening dropdown for search');\n this._handleOpen();\n } else {\n // Filter and render options immediately\n console.log('[EnhancedSelect] Dropdown already open, re-rendering options');\n this._renderOptions();\n }\n \n // Get filtered items based on search query - searches ENTIRE phrase\n const getLabel = this._config.serverSide.getLabelFromItem || ((item) => (item as any)?.label ?? String(item));\n // FIX: Do not trim query to allow searching for phrases with spaces\n const searchQuery = query.toLowerCase();\n \n const filteredItems = searchQuery\n ? this._state.loadedItems.filter((item: any) => {\n try {\n const label = String(getLabel(item)).toLowerCase();\n // Match the entire search phrase\n return label.includes(searchQuery);\n } catch (e) {\n return false;\n }\n })\n : this._state.loadedItems;\n \n const count = filteredItems.length;\n console.log(`[EnhancedSelect] Search results: ${count} items found for query \"${searchQuery}\"`);\n \n // Announce search results for accessibility\n if (searchQuery) {\n this._announce(`${count} result${count !== 1 ? 's' : ''} found for \"${query}\"`);\n }\n \n // Only notify if query or result count changed to prevent infinite loops\n if (query !== this._state.lastNotifiedQuery || count !== this._state.lastNotifiedResultCount) {\n this._state.lastNotifiedQuery = query;\n this._state.lastNotifiedResultCount = count;\n \n // Use setTimeout to avoid synchronous state updates during render\n setTimeout(() => {\n this._emit('search', { query, results: filteredItems, count });\n this._config.callbacks.onSearch?.(query);\n }, 0);\n }\n }\n\n private _handleKeydown(e: KeyboardEvent): void {\n switch (e.key) {\n case 'ArrowDown':\n e.preventDefault();\n if (!this._state.isOpen) {\n this._handleOpen();\n } else {\n this._moveActive(1);\n }\n break;\n case 'ArrowUp':\n e.preventDefault();\n if (!this._state.isOpen) {\n this._handleOpen();\n } else {\n this._moveActive(-1);\n }\n break;\n case 'Home':\n e.preventDefault();\n if (this._state.isOpen) {\n this._setActive(0);\n }\n break;\n case 'End':\n e.preventDefault();\n if (this._state.isOpen) {\n const options = Array.from(this._optionsContainer.children) as SelectOption[];\n this._setActive(options.length - 1);\n }\n break;\n case 'PageDown':\n e.preventDefault();\n if (this._state.isOpen) {\n this._moveActive(10);\n }\n break;\n case 'PageUp':\n e.preventDefault();\n if (this._state.isOpen) {\n this._moveActive(-10);\n }\n break;\n case 'Enter':\n e.preventDefault();\n if (this._state.activeIndex >= 0) {\n this._selectOption(this._state.activeIndex);\n }\n break;\n case 'Escape':\n e.preventDefault();\n this._handleClose();\n break;\n case 'a':\n case 'A':\n if ((e.ctrlKey || e.metaKey) && this._config.selection.mode === 'multi') {\n e.preventDefault();\n this._selectAll();\n }\n break;\n default:\n // Type-ahead search\n if (e.key.length === 1 && !e.ctrlKey && !e.altKey && !e.metaKey) {\n this._handleTypeAhead(e.key);\n }\n break;\n }\n }\n\n private _moveActive(delta: number): void {\n const options = Array.from(this._optionsContainer.children) as SelectOption[];\n const next = Math.max(0, Math.min(options.length - 1, this._state.activeIndex + delta));\n this._setActive(next);\n }\n\n private _setActive(index: number): void {\n const options = Array.from(this._optionsContainer.children) as SelectOption[];\n \n // Clear previous active state\n if (this._state.activeIndex >= 0 && options[this._state.activeIndex]) {\n options[this._state.activeIndex].setActive(false);\n }\n \n this._state.activeIndex = index;\n \n // Set new active state\n if (options[index]) {\n options[index].setActive(true);\n options[index].scrollIntoView({ block: 'nearest', behavior: 'smooth' });\n \n // Announce position for screen readers\n const total = options.length;\n this._announce(`Item ${index + 1} of ${total}`);\n \n // Update aria-activedescendant\n const optionId = `${this._uniqueId}-option-${index}`;\n this._input.setAttribute('aria-activedescendant', optionId);\n }\n }\n\n private _handleTypeAhead(char: string): void {\n if (this._typeTimeout) clearTimeout(this._typeTimeout);\n \n this._typeBuffer += char.toLowerCase();\n this._typeTimeout = window.setTimeout(() => {\n this._typeBuffer = '';\n }, 500);\n \n // Find first matching option\n const getValue = this._config.serverSide.getLabelFromItem || ((item) => (item as any)?.label ?? String(item));\n const matchIndex = this._state.loadedItems.findIndex((item) =>\n getValue(item).toLowerCase().startsWith(this._typeBuffer)\n );\n \n if (matchIndex >= 0) {\n this._setActive(matchIndex);\n }\n }\n\n private _selectAll(): void {\n if (this._config.selection.mode !== 'multi') return;\n \n const options = Array.from(this._optionsContainer.children) as SelectOption[];\n const maxSelections = this._config.selection.maxSelections || 0;\n \n options.forEach((option, index) => {\n if (maxSelections > 0 && this._state.selectedIndices.size >= maxSelections) {\n return;\n }\n \n if (!this._state.selectedIndices.has(index)) {\n const config = option.getConfig();\n this._state.selectedIndices.add(index);\n this._state.selectedItems.set(index, config.item);\n option.setSelected(true);\n }\n });\n \n this._updateInputDisplay();\n this._emitChange();\n this._announce(`Selected all ${options.length} items`);\n }\n\n private _announce(message: string): void {\n if (this._liveRegion) {\n this._liveRegion.textContent = message;\n setTimeout(() => {\n if (this._liveRegion) this._liveRegion.textContent = '';\n }, 1000);\n }\n }\n\n private _selectOption(index: number): void {\n // FIX: Do not rely on this._optionsContainer.children[index] because filtering changes the children\n // Instead, use the index to update state directly\n \n const item = this._state.loadedItems[index];\n if (!item) return;\n \n const config = { item }; // Minimal config needed\n const isCurrentlySelected = this._state.selectedIndices.has(index);\n \n if (this._config.selection.mode === 'single') {\n // Single select: clear previous and select new\n const wasSelected = this._state.selectedIndices.has(index);\n this._state.selectedIndices.clear();\n this._state.selectedItems.clear();\n \n if (!wasSelected) {\n // Select this option\n this._state.selectedIndices.add(index);\n this._state.selectedItems.set(index, item);\n }\n \n // Re-render to update all option styles\n this._renderOptions();\n \n if (this._config.selection.closeOnSelect) {\n this._handleClose();\n }\n } else {\n // Multi select with toggle\n const maxSelections = this._config.selection.maxSelections || 0;\n \n if (isCurrentlySelected) {\n // Deselect (toggle off)\n this._state.selectedIndices.delete(index);\n this._state.selectedItems.delete(index);\n } else {\n // Select (toggle on)\n if (maxSelections > 0 && this._state.selectedIndices.size >= maxSelections) {\n this._announce(`Maximum ${maxSelections} selections allowed`);\n return; // Max selections reached\n }\n \n this._state.selectedIndices.add(index);\n this._state.selectedItems.set(index, item);\n }\n \n // Re-render to update styles (safer than trying to find the element in filtered list)\n this._renderOptions();\n }\n \n this._updateInputDisplay();\n this._emitChange();\n \n // Call user callback\n const getValue = this._config.serverSide.getValueFromItem || ((item) => (item as any)?.value ?? item);\n const getLabel = this._config.serverSide.getLabelFromItem || ((item) => (item as any)?.label ?? String(item));\n \n this._config.callbacks.onSelect?.({\n item: item,\n index,\n value: getValue(item),\n label: getLabel(item),\n selected: this._state.selectedIndices.has(index),\n });\n }\n\n private _handleOptionRemove(index: number): void {\n const option = this._optionsContainer.children[index] as SelectOption;\n if (!option) return;\n \n this._state.selectedIndices.delete(index);\n this._state.selectedItems.delete(index);\n option.setSelected(false);\n \n this._updateInputDisplay();\n this._emitChange();\n \n const config = option.getConfig();\n this._emit('remove', { item: config.item, index });\n }\n\n private _updateInputDisplay(): void {\n const selectedItems = Array.from(this._state.selectedItems.values());\n const getLabel = this._config.serverSide.getLabelFromItem || ((item) => (item as any)?.label ?? String(item));\n \n if (selectedItems.length === 0) {\n this._input.value = '';\n this._input.placeholder = this._config.placeholder || 'Select an option...';\n // Clear any badges\n const existingBadges = this._inputContainer.querySelectorAll('.selection-badge');\n existingBadges.forEach(badge => badge.remove());\n } else if (this._config.selection.mode === 'single') {\n this._input.value = getLabel(selectedItems[0]);\n } else {\n // Multi-select: show badges instead of text in input\n this._input.value = '';\n this._input.placeholder = '';\n \n // Clear existing badges\n const existingBadges = this._inputContainer.querySelectorAll('.selection-badge');\n existingBadges.forEach(badge => badge.remove());\n \n // Create badges for each selected item\n const selectedEntries = Array.from(this._state.selectedItems.entries());\n selectedEntries.forEach(([index, item]) => {\n const badge = document.createElement('span');\n badge.className = 'selection-badge';\n badge.textContent = getLabel(item);\n \n // Add remove button to badge\n const removeBtn = document.createElement('button');\n removeBtn.className = 'badge-remove';\n removeBtn.innerHTML = '×';\n removeBtn.setAttribute('aria-label', `Remove ${getLabel(item)}`);\n removeBtn.addEventListener('click', (e) => {\n e.stopPropagation();\n this._state.selectedIndices.delete(index);\n this._state.selectedItems.delete(index);\n this._updateInputDisplay();\n this._renderOptions();\n this._emitChange();\n });\n \n badge.appendChild(removeBtn);\n this._inputContainer.insertBefore(badge, this._input);\n });\n }\n }\n\n private _renderOptionsWithAnimation(): void {\n // Add fade-out animation\n this._optionsContainer.style.opacity = '0';\n this._optionsContainer.style.transition = 'opacity 0.15s ease-out';\n \n setTimeout(() => {\n this._renderOptions();\n // Fade back in\n this._optionsContainer.style.opacity = '1';\n this._optionsContainer.style.transition = 'opacity 0.2s ease-in';\n }, 150);\n }\n\n private _scrollToSelected(): void {\n if (this._state.selectedIndices.size === 0) return;\n \n const target = this._config.scrollToSelected.multiSelectTarget;\n const indices = Array.from(this._state.selectedIndices).sort((a, b) => a - b);\n const targetIndex = target === 'first' ? indices[0] : indices[indices.length - 1];\n \n // FIX: Find the option element by ID instead of index in children\n // because children list might be filtered or reordered\n const optionId = `${this._uniqueId}-option-${targetIndex}`;\n // We need to search in shadow root or options container\n // Since options are custom elements, we can find them by ID if we set it (we do)\n // But wait, we set ID on the element instance, but is it in the DOM?\n // If filtered out, it won't be in the DOM.\n \n // If we are searching, we might not want to scroll to selected if it's not visible\n // But if we just opened the dropdown, we usually want to see the selected item.\n // If the selected item is filtered out, we can't scroll to it.\n \n // Try to find the element in the options container\n // Note: querySelector on shadowRoot works if we set the ID attribute\n // In _renderOptions we set: option.id = ...\n \n const option = this._optionsContainer.querySelector(`[id=\"${optionId}\"]`);\n \n if (option) {\n option.scrollIntoView({\n block: this._config.scrollToSelected.block || 'center',\n behavior: 'smooth',\n });\n }\n }\n\n private async _loadMoreItems(): Promise<void> {\n if (this._state.isBusy) return;\n \n console.log('[InfiniteScroll] _loadMoreItems triggered');\n this._setBusy(true);\n \n // Save scroll position before loading\n if (this._dropdown) {\n this._state.lastScrollPosition = this._dropdown.scrollTop;\n this._state.preserveScrollPosition = true;\n \n // Update dropdown to show loading indicator but keep the\n // same scrollTop so the visible items don't move.\n this._renderOptions();\n this._dropdown.scrollTop = this._state.lastScrollPosition;\n }\n \n try {\n // Emit event for parent to handle\n this._state.currentPage++;\n \n console.log(`[InfiniteScroll] Emitting loadMore event for page ${this._state.currentPage}`);\n this._emit('loadMore', { page: this._state.currentPage, items: [] });\n this._config.callbacks.onLoadMore?.(this._state.currentPage);\n \n // NOTE: We do NOT set isBusy = false here.\n // The parent component MUST call setItems() or similar to clear the busy state.\n // This prevents the sentinel from reappearing before new items are loaded.\n } catch (error) {\n this._handleError(error as Error);\n this._setBusy(false); // Only clear on error\n }\n }\n\n private _setBusy(busy: boolean): void {\n this._state.isBusy = busy;\n \n // Trigger re-render to show/hide busy indicator\n // We use _renderOptions to handle the UI update\n this._renderOptions();\n }\n\n private _showBusyBucket(): void {\n // Deprecated: Logic moved to _renderOptions\n }\n\n private _hideBusyBucket(): void {\n // Deprecated: Logic moved to _renderOptions\n }\n\n private _handleError(error: Error): void {\n this._emit('error', { message: error.message, cause: error });\n this._config.callbacks.onError?.(error);\n }\n\n private _emit<K extends SelectEventName>(name: K, detail: SelectEventsDetailMap[K]): void {\n this.dispatchEvent(new CustomEvent(name, { detail, bubbles: true, composed: true }));\n }\n\n private _emitChange(): void {\n const selectedItems = Array.from(this._state.selectedItems.values());\n const getValue = this._config.serverSide.getValueFromItem || ((item) => (item as any)?.value ?? item);\n const selectedValues = selectedItems.map(getValue);\n const selectedIndices = Array.from(this._state.selectedIndices);\n \n this._emit('change', { selectedItems, selectedValues, selectedIndices });\n this._config.callbacks.onChange?.(selectedItems, selectedValues);\n }\n\n // Public API\n \n /**\n * Set items to display in the select\n */\n setItems(items: unknown[]): void {\n const previousLength = this._state.loadedItems.length;\n this._state.loadedItems = items;\n \n // If grouped items exist, flatten them to items\n if (this._state.groupedItems.length > 0) {\n this._state.loadedItems = this._state.groupedItems.flatMap(group => group.options);\n }\n \n const newLength = this._state.loadedItems.length;\n \n // When infinite scroll is active (preserveScrollPosition = true),\n // we need to maintain scroll position during the update\n if (this._state.preserveScrollPosition && this._dropdown) {\n const targetScrollTop = this._state.lastScrollPosition;\n \n console.log('[InfiniteScroll] setItems: before render', {\n previousLength,\n newLength,\n lastScrollPosition: this._state.lastScrollPosition,\n scrollTop: this._dropdown.scrollTop,\n scrollHeight: this._dropdown.scrollHeight,\n clientHeight: this._dropdown.clientHeight\n });\n \n // Only clear loading if we actually got more items\n if (newLength > previousLength) {\n this._state.isBusy = false;\n }\n \n this._renderOptions();\n \n // Restore the exact scrollTop we had before loading\n // so the previously visible items stay in place and\n // new ones simply appear below.\n this._dropdown.scrollTop = targetScrollTop;\n \n // Ensure it sticks after layout\n requestAnimationFrame(() => {\n if (this._dropdown) {\n this._dropdown.scrollTop = targetScrollTop;\n \n console.log('[InfiniteScroll] setItems: after render', {\n newLength,\n lastScrollPosition: this._state.lastScrollPosition,\n scrollTop: this._dropdown.scrollTop,\n scrollHeight: this._dropdown.scrollHeight,\n clientHeight: this._dropdown.clientHeight\n });\n }\n });\n \n // Only clear preserveScrollPosition if we got new items\n if (newLength > previousLength) {\n this._state.preserveScrollPosition = false;\n }\n } else {\n // Normal update - just render normally\n this._state.isBusy = false;\n this._renderOptions();\n }\n }\n\n /**\n * Set grouped items\n */\n setGroupedItems(groupedItems: GroupedItem[]): void {\n this._state.groupedItems = groupedItems;\n this._state.loadedItems = groupedItems.flatMap(group => group.options);\n this._renderOptions();\n }\n\n /**\n * Get currently selected items\n */\n getSelectedItems(): unknown[] {\n return Array.from(this._state.selectedItems.values());\n }\n\n /**\n * Get all loaded items\n */\n get loadedItems(): unknown[] {\n return this._state.loadedItems;\n }\n\n /**\n * Get currently selected values\n */\n getSelectedValues(): unknown[] {\n const getValue = this._config.serverSide.getValueFromItem || ((item) => (item as any)?.value ?? item);\n return this.getSelectedItems().map(getValue);\n }\n\n /**\n * Set selected items by value\n */\n async setSelectedValues(values: unknown[]): Promise<void> {\n if (this._config.serverSide.enabled && this._config.serverSide.fetchSelectedItems) {\n await this._loadSelectedItemsByValues(values);\n } else {\n // Select from loaded items\n const getValue = this._config.serverSide.getValueFromItem || ((item) => (item as any)?.value ?? item);\n \n this._state.selectedIndices.clear();\n this._state.selectedItems.clear();\n \n this._state.loadedItems.forEach((item, index) => {\n if (values.includes(getValue(item))) {\n this._state.selectedIndices.add(index);\n this._state.selectedItems.set(index, item);\n }\n });\n \n this._renderOptions();\n this._updateInputDisplay();\n this._emitChange();\n }\n }\n\n /**\n * Load and select items by their values (for infinite scroll scenario)\n */\n private async _loadSelectedItemsByValues(values: unknown[]): Promise<void> {\n if (!this._config.serverSide.fetchSelectedItems) return;\n \n this._setBusy(true);\n \n try {\n const items = await this._config.serverSide.fetchSelectedItems(values);\n \n this._state.selectedIndices.clear();\n this._state.selectedItems.clear();\n \n items.forEach((item, index) => {\n this._state.selectedIndices.add(index);\n this._state.selectedItems.set(index, item);\n });\n \n this._renderOptions();\n this._updateInputDisplay();\n this._emitChange();\n \n // Scroll to selected if configured\n if (this._config.scrollToSelected.enabled) {\n this._scrollToSelected();\n }\n } catch (error) {\n this._handleError(error as Error);\n } finally {\n this._setBusy(false);\n }\n }\n\n /**\n * Clear all selections\n */\n clear(): void {\n this._state.selectedIndices.clear();\n this._state.selectedItems.clear();\n this._renderOptions();\n this._updateInputDisplay();\n this._emitChange();\n }\n\n /**\n * Open dropdown\n */\n open(): void {\n this._handleOpen();\n }\n\n /**\n * Close dropdown\n */\n close(): void {\n this._handleClose();\n }\n\n /**\n * Update component configuration\n */\n updateConfig(config: Partial<GlobalSelectConfig>): void {\n this._config = selectConfig.mergeWithComponentConfig(config);\n \n // Update input state based on new config\n if (this._input) {\n this._input.readOnly = !this._config.searchable;\n this._input.setAttribute('aria-autocomplete', this._config.searchable ? 'list' : 'none');\n }\n \n // Re-initialize observers in case infinite scroll was enabled/disabled\n this._initializeObservers();\n \n this._renderOptions();\n }\n\n /**\n * Set error state\n */\n setError(message: string): void {\n this._hasError = true;\n this._errorMessage = message;\n this._input.setAttribute('aria-invalid', 'true');\n this._announce(`Error: ${message}`);\n }\n\n /**\n * Clear error state\n */\n clearError(): void {\n this._hasError = false;\n this._errorMessage = '';\n this._input.removeAttribute('aria-invalid');\n }\n\n /**\n * Set required state\n */\n setRequired(required: boolean): void {\n if (required) {\n this._input.setAttribute('aria-required', 'true');\n this._input.setAttribute('required', '');\n } else {\n this._input.removeAttribute('aria-required');\n this._input.removeAttribute('required');\n }\n }\n\n /**\n * Validate selection (for required fields)\n */\n validate(): boolean {\n const isRequired = this._input.hasAttribute('required');\n if (isRequired && this._state.selectedIndices.size === 0) {\n this.setError('Selection is required');\n return false;\n }\n this.clearError();\n return true;\n }\n\n /**\n * Render options based on current state\n */\n private _renderOptions(): void {\n console.log('[EnhancedSelect] _renderOptions called');\n \n // Cleanup observer\n if (this._loadMoreTrigger && this._intersectionObserver) {\n this._intersectionObserver.unobserve(this._loadMoreTrigger);\n }\n \n // Clear options container\n this._optionsContainer.innerHTML = '';\n \n // Ensure dropdown only contains options container (cleanup legacy direct children)\n // We need to preserve optionsContainer, so we can't just clear dropdown.innerHTML\n // But we can check if there are other children and remove them\n Array.from(this._dropdown.children).forEach(child => {\n if (child !== this._optionsContainer) {\n this._dropdown.removeChild(child);\n }\n });\n \n // Ensure dropdown is visible if we are rendering options\n if (this._state.isOpen && this._dropdown.style.display === 'none') {\n this._dropdown.style.display = 'block';\n }\n \n // Show searching state (exclusive state)\n if (this._state.isSearching) {\n const searching = document.createElement('div');\n searching.className = 'searching-state';\n searching.textContent = 'Searching...';\n this._optionsContainer.appendChild(searching);\n return;\n }\n \n const getValue = this._config.serverSide.getValueFromItem || ((item) => (item as any)?.value ?? item);\n const getLabel = this._config.serverSide.getLabelFromItem || ((item) => (item as any)?.label ?? String(item));\n \n // Filter items by search query\n const query = this._state.searchQuery.toLowerCase();\n \n // Handle Grouped Items Rendering (when no search query)\n if (this._state.groupedItems.length > 0 && !query) {\n this._state.groupedItems.forEach(group => {\n const header = document.createElement('div');\n header.className = 'group-header';\n header.textContent = group.label;\n Object.assign(header.style, {\n padding: '8px 12px',\n fontWeight: '600',\n color: '#6b7280',\n backgroundColor: '#f3f4f6',\n fontSize: '12px',\n textTransform: 'uppercase',\n letterSpacing: '0.05em',\n position: 'sticky',\n top: '0',\n zIndex: '1',\n borderBottom: '1px solid #e5e7eb'\n });\n this._optionsContainer.appendChild(header);\n \n group.options.forEach(item => {\n this._renderSingleOption(item, getValue, getLabel);\n });\n });\n } else {\n // Normal rendering (flat list or filtered)\n const itemsToRender = query\n ? this._state.loadedItems.filter((item) => {\n try {\n const label = String(getLabel(item)).toLowerCase();\n return label.includes(query);\n } catch (e) {\n return false;\n }\n })\n : this._state.loadedItems;\n \n if (itemsToRender.length === 0 && !this._state.isBusy) {\n const empty = document.createElement('div');\n empty.className = 'empty-state';\n if (query) {\n empty.textContent = `No results found for \"${this._state.searchQuery}\"`;\n } else {\n empty.textContent = 'No options available';\n }\n this._optionsContainer.appendChild(empty);\n } else {\n itemsToRender.forEach((item) => {\n this._renderSingleOption(item, getValue, getLabel);\n });\n }\n }\n \n // Append Busy Indicator if busy\n if (this._state.isBusy && this._config.busyBucket.enabled) {\n const busyBucket = document.createElement('div');\n busyBucket.className = 'busy-bucket';\n \n if (this._config.busyBucket.showSpinner) {\n const spinner = document.createElement('div');\n spinner.className = 'spinner';\n busyBucket.appendChild(spinner);\n }\n \n if (this._config.busyBucket.message) {\n const message = document.createElement('div');\n message.textContent = this._config.busyBucket.message;\n busyBucket.appendChild(message);\n }\n \n this._optionsContainer.appendChild(busyBucket);\n }\n // Append Load More Trigger (Button or Sentinel) if enabled and not busy\n else if ((this._config.loadMore.enabled || this._config.infiniteScroll.enabled) && this._state.loadedItems.length > 0) {\n this._addLoadMoreTrigger();\n }\n }\n\n private _renderSingleOption(item: any, getValue: (item: any) => any, getLabel: (item: any) => string) {\n const option = document.createElement('div');\n option.className = 'option';\n const value = getValue(item);\n const label = getLabel(item);\n \n option.textContent = label;\n option.dataset.value = String(value);\n \n // Check if selected using selectedItems map\n const isSelected = Array.from(this._state.selectedItems.values()).some(selectedItem => {\n const selectedValue = getValue(selectedItem);\n return selectedValue === value;\n });\n \n if (isSelected) {\n option.classList.add('selected');\n }\n \n option.addEventListener('click', () => {\n const index = this._state.loadedItems.indexOf(item);\n if (index !== -1) {\n this._selectOption(index);\n }\n });\n \n this._optionsContainer.appendChild(option);\n }\n\n private _addLoadMoreTrigger(): void {\n const container = document.createElement('div');\n container.className = 'load-more-container';\n \n if (this._config.infiniteScroll.enabled) {\n // Infinite Scroll: Render an invisible sentinel\n // It must have some height to be intersected\n const sentinel = document.createElement('div');\n sentinel.className = 'infinite-scroll-sentinel';\n sentinel.style.height = '10px';\n sentinel.style.width = '100%';\n sentinel.style.opacity = '0'; // Invisible\n \n this._loadMoreTrigger = sentinel;\n container.appendChild(sentinel);\n } else {\n // Manual Load More: Render a button\n const button = document.createElement('button');\n button.className = 'load-more-button';\n button.textContent = `Load ${this._config.loadMore.itemsPerLoad} more`;\n button.addEventListener('click', () => this._loadMoreItems());\n \n this._loadMoreTrigger = button;\n container.appendChild(button);\n }\n \n this._optionsContainer.appendChild(container);\n \n // Setup intersection observer for auto-load\n if (this._intersectionObserver && this._loadMoreTrigger) {\n console.log('[InfiniteScroll] Observing sentinel');\n this._intersectionObserver.observe(this._loadMoreTrigger);\n }\n }\n}\n\n// Register custom element\nif (!customElements.get('enhanced-select')) {\n customElements.define('enhanced-select', EnhancedSelect);\n}\n","/**\n * Independent Option Component\n * High cohesion, low coupling - handles its own selection state and events\n */\n\nexport interface OptionConfig {\n /** The data item this option represents */\n item: unknown;\n /** The index of this option */\n index: number;\n /** Whether this option is selected */\n selected: boolean;\n /** Whether this option is disabled */\n disabled?: boolean;\n /** Whether this option is focused/active */\n active?: boolean;\n /** Custom value accessor */\n getValue?: (item: unknown) => unknown;\n /** Custom label accessor */\n getLabel?: (item: unknown) => string;\n /** Custom renderer */\n render?: (item: unknown, index: number) => HTMLElement | string;\n /** Custom style */\n style?: Partial<CSSStyleDeclaration>;\n /** Custom class names */\n className?: string;\n /** Show remove button (for multi-select) */\n showRemoveButton?: boolean;\n}\n\nexport interface OptionEventDetail {\n item: unknown;\n index: number;\n value: unknown;\n label: string;\n selected: boolean;\n}\n\nexport class SelectOption extends HTMLElement {\n private _config: OptionConfig;\n private _shadow: ShadowRoot;\n private _container: HTMLElement;\n private _removeButton?: HTMLButtonElement;\n\n constructor(config: OptionConfig) {\n super();\n this._config = config;\n this._shadow = this.attachShadow({ mode: 'open' });\n this._container = document.createElement('div');\n this._container.className = 'option-container';\n \n this._initializeStyles();\n this._render();\n this._attachEventListeners();\n \n this._shadow.appendChild(this._container);\n }\n\n private _initializeStyles(): void {\n const style = document.createElement('style');\n style.textContent = `\n :host {\n display: block;\n position: relative;\n }\n \n .option-container {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 8px 12px;\n cursor: pointer;\n user-select: none;\n transition: background-color 0.2s ease;\n }\n \n .option-container:hover {\n background-color: var(--select-option-hover-bg, #f0f0f0);\n }\n \n .option-container.selected {\n background-color: var(--select-option-selected-bg, #e3f2fd);\n color: var(--select-option-selected-color, #1976d2);\n }\n \n .option-container.active {\n outline: 2px solid var(--select-option-active-outline, #1976d2);\n outline-offset: -2px;\n }\n \n .option-container.disabled {\n opacity: 0.5;\n cursor: not-allowed;\n pointer-events: none;\n }\n \n .option-content {\n flex: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n \n .remove-button {\n margin-left: 8px;\n padding: 2px 6px;\n border: none;\n background-color: var(--select-remove-btn-bg, transparent);\n color: var(--select-remove-btn-color, #666);\n cursor: pointer;\n border-radius: 3px;\n font-size: 16px;\n line-height: 1;\n transition: all 0.2s ease;\n }\n \n .remove-button:hover {\n background-color: var(--select-remove-btn-hover-bg, #ffebee);\n color: var(--select-remove-btn-hover-color, #c62828);\n }\n \n .remove-button:focus {\n outline: 2px solid var(--select-remove-btn-focus-outline, #1976d2);\n outline-offset: 2px;\n }\n `;\n this._shadow.appendChild(style);\n }\n\n private _render(): void {\n const { item, index, selected, disabled, active, render, showRemoveButton } = this._config;\n \n // Clear container\n this._container.innerHTML = '';\n \n // Apply state classes\n this._container.classList.toggle('selected', selected);\n this._container.classList.toggle('disabled', disabled || false);\n this._container.classList.toggle('active', active || false);\n \n // Custom class name\n if (this._config.className) {\n this._container.className += ' ' + this._config.className;\n }\n \n // Apply custom styles\n if (this._config.style) {\n Object.assign(this._container.style, this._config.style);\n }\n \n // Render content\n const contentDiv = document.createElement('div');\n contentDiv.className = 'option-content';\n \n if (render) {\n const rendered = render(item, index);\n if (typeof rendered === 'string') {\n contentDiv.innerHTML = rendered;\n } else {\n contentDiv.appendChild(rendered);\n }\n } else {\n const label = this._getLabel();\n contentDiv.textContent = label;\n }\n \n this._container.appendChild(contentDiv);\n \n // Add remove button if needed\n if (showRemoveButton && selected) {\n this._removeButton = document.createElement('button');\n this._removeButton.className = 'remove-button';\n this._removeButton.innerHTML = '×';\n this._removeButton.setAttribute('aria-label', 'Remove option');\n this._removeButton.setAttribute('type', 'button');\n this._container.appendChild(this._removeButton);\n }\n \n // Set ARIA attributes\n this.setAttribute('role', 'option');\n this.setAttribute('aria-selected', String(selected));\n if (disabled) this.setAttribute('aria-disabled', 'true');\n this.id = `select-option-${index}`;\n }\n\n private _attachEventListeners(): void {\n // Click handler for selection\n this._container.addEventListener('click', (e) => {\n // Don't trigger selection if clicking remove button\n if (e.target === this._removeButton) {\n return;\n }\n \n if (!this._config.disabled) {\n this._handleSelect();\n }\n });\n \n // Remove button handler\n if (this._removeButton) {\n this._removeButton.addEventListener('click', (e) => {\n e.stopPropagation();\n this._handleRemove();\n });\n }\n \n // Keyboard handler\n this.addEventListener('keydown', (e) => {\n if (this._config.disabled) return;\n \n if (e.key === 'Enter' || e.key === ' ') {\n e.preventDefault();\n this._handleSelect();\n } else if (e.key === 'Delete' || e.key === 'Backspace') {\n if (this._config.selected && this._config.showRemoveButton) {\n e.preventDefault();\n this._handleRemove();\n }\n }\n });\n }\n\n private _handleSelect(): void {\n const detail: OptionEventDetail = {\n item: this._config.item,\n index: this._config.index,\n value: this._getValue(),\n label: this._getLabel(),\n selected: !this._config.selected,\n };\n \n this.dispatchEvent(new CustomEvent('optionSelect', {\n detail,\n bubbles: true,\n composed: true,\n }));\n }\n\n private _handleRemove(): void {\n const detail: OptionEventDetail = {\n item: this._config.item,\n index: this._config.index,\n value: this._getValue(),\n label: this._getLabel(),\n selected: false,\n };\n \n this.dispatchEvent(new CustomEvent('optionRemove', {\n detail,\n bubbles: true,\n composed: true,\n }));\n }\n\n private _getValue(): unknown {\n if (this._config.getValue) {\n return this._config.getValue(this._config.item);\n }\n return (this._config.item as any)?.value ?? this._config.item;\n }\n\n private _getLabel(): string {\n if (this._config.getLabel) {\n return this._config.getLabel(this._config.item);\n }\n return (this._config.item as any)?.label ?? String(this._config.item);\n }\n\n /**\n * Update option configuration and re-render\n */\n updateConfig(updates: Partial<OptionConfig>): void {\n this._config = { ...this._config, ...updates };\n this._render();\n this._attachEventListeners();\n }\n\n /**\n * Get current configuration\n */\n getConfig(): Readonly<OptionConfig> {\n return this._config;\n }\n\n /**\n * Get option value\n */\n getValue(): unknown {\n return this._getValue();\n }\n\n /**\n * Get option label\n */\n getLabel(): string {\n return this._getLabel();\n }\n\n /**\n * Set selected state\n */\n setSelected(selected: boolean): void {\n this._config.selected = selected;\n this._render();\n }\n\n /**\n * Set active state\n */\n setActive(active: boolean): void {\n this._config.active = active;\n this._render();\n }\n\n /**\n * Set disabled state\n */\n setDisabled(disabled: boolean): void {\n this._config.disabled = disabled;\n this._render();\n }\n}\n\n// Register custom element\nif (!customElements.get('select-option')) {\n customElements.define('select-option', SelectOption);\n}\n","/**\n * Web Worker protocol types for off-main-thread processing.\n * Supports heavy transforms, fuzzy search, and data processing.\n */\n\nexport interface WorkerRequest {\n id: string;\n type: 'transform' | 'search' | 'filter' | 'sort';\n payload: unknown;\n}\n\nexport interface WorkerResponse<T = unknown> {\n id: string;\n success: boolean;\n data?: T;\n error?: string;\n duration?: number; // milliseconds\n}\n\nexport interface TransformRequest {\n items: unknown[];\n transformer: string; // serialized function\n}\n\nexport interface SearchRequest {\n items: unknown[];\n query: string;\n fuzzy?: boolean;\n maxResults?: number;\n}\n\nexport interface FilterRequest {\n items: unknown[];\n predicate: string; // serialized function\n}\n\nexport interface SortRequest {\n items: unknown[];\n comparator: string; // serialized function\n}\n\n/**\n * Worker manager for handling off-main-thread processing.\n * Automatically falls back if workers not available or blocked by COOP/COEP.\n */\nexport class WorkerManager {\n private worker: Worker | null = null;\n private pending = new Map<string, {\n resolve: (data: any) => void;\n reject: (error: Error) => void;\n timeout: number;\n }>();\n private supportsWorkers = false;\n private supportsSharedArrayBuffer = false;\n private nextId = 0;\n\n constructor() {\n this.detectFeatures();\n this.initWorker();\n }\n\n /**\n * Detect browser capabilities\n */\n private detectFeatures(): void {\n this.supportsWorkers = typeof Worker !== 'undefined';\n this.supportsSharedArrayBuffer = typeof SharedArrayBuffer !== 'undefined';\n }\n\n /**\n * Initialize worker (inline blob URL for simplicity)\n */\n private initWorker(): void {\n if (!this.supportsWorkers) return;\n\n try {\n const workerCode = this.generateWorkerCode();\n const blob = new Blob([workerCode], { type: 'application/javascript' });\n const url = URL.createObjectURL(blob);\n \n this.worker = new Worker(url);\n this.worker.onmessage = this.handleMessage.bind(this);\n this.worker.onerror = this.handleError.bind(this);\n \n // Cleanup blob URL after worker loads\n URL.revokeObjectURL(url);\n } catch (err) {\n console.warn('Worker initialization failed, falling back to main thread', err);\n this.worker = null;\n }\n }\n\n /**\n * Generate worker code as string\n */\n private generateWorkerCode(): string {\n return `\n // Worker code\n self.onmessage = function(e) {\n const start = performance.now();\n const { id, type, payload } = e.data;\n \n try {\n let result;\n \n switch (type) {\n case 'transform':\n result = handleTransform(payload);\n break;\n case 'search':\n result = handleSearch(payload);\n break;\n case 'filter':\n result = handleFilter(payload);\n break;\n case 'sort':\n result = handleSort(payload);\n break;\n default:\n throw new Error('Unknown operation: ' + type);\n }\n \n const duration = performance.now() - start;\n self.postMessage({\n id,\n success: true,\n data: result,\n duration,\n });\n } catch (error) {\n self.postMessage({\n id,\n success: false,\n error: error.message,\n });\n }\n };\n \n function handleTransform({ items, transformer }) {\n const fn = new Function('item', 'index', 'return (' + transformer + ')(item, index)');\n return items.map((item, i) => fn(item, i));\n }\n \n function handleSearch({ items, query, fuzzy, maxResults }) {\n const lowerQuery = query.toLowerCase();\n const results = [];\n \n for (let i = 0; i < items.length; i++) {\n const item = items[i];\n const text = String(item).toLowerCase();\n \n if (fuzzy) {\n if (fuzzyMatch(text, lowerQuery)) {\n results.push({ item, index: i, score: fuzzyScore(text, lowerQuery) });\n }\n } else {\n if (text.includes(lowerQuery)) {\n results.push({ item, index: i });\n }\n }\n \n if (maxResults && results.length >= maxResults) break;\n }\n \n if (fuzzy) {\n results.sort((a, b) => b.score - a.score);\n }\n \n return results;\n }\n \n function handleFilter({ items, predicate }) {\n const fn = new Function('item', 'index', 'return (' + predicate + ')(item, index)');\n return items.filter((item, i) => fn(item, i));\n }\n \n function handleSort({ items, comparator }) {\n const fn = new Function('a', 'b', 'return (' + comparator + ')(a, b)');\n return [...items].sort(fn);\n }\n \n // Simple fuzzy matching (Levenshtein-inspired)\n function fuzzyMatch(text, query) {\n let qi = 0;\n for (let ti = 0; ti < text.length && qi < query.length; ti++) {\n if (text[ti] === query[qi]) qi++;\n }\n return qi === query.length;\n }\n \n function fuzzyScore(text, query) {\n let score = 0;\n let qi = 0;\n for (let ti = 0; ti < text.length && qi < query.length; ti++) {\n if (text[ti] === query[qi]) {\n score += 100 - ti; // Earlier matches score higher\n qi++;\n }\n }\n return score;\n }\n `;\n }\n\n /**\n * Handle worker message\n */\n private handleMessage(e: MessageEvent<WorkerResponse>): void {\n const { id, success, data, error } = e.data;\n const pending = this.pending.get(id);\n \n if (!pending) return;\n \n clearTimeout(pending.timeout);\n this.pending.delete(id);\n \n if (success) {\n pending.resolve(data);\n } else {\n pending.reject(new Error(error || 'Worker error'));\n }\n }\n\n /**\n * Handle worker error\n */\n private handleError(err: ErrorEvent): void {\n console.error('Worker error:', err);\n // Reject all pending requests\n for (const [id, pending] of this.pending) {\n clearTimeout(pending.timeout);\n pending.reject(new Error('Worker crashed'));\n }\n this.pending.clear();\n }\n\n /**\n * Execute operation (worker or fallback)\n */\n async execute<T = unknown>(\n type: WorkerRequest['type'],\n payload: unknown,\n timeout = 5000\n ): Promise<T> {\n // Fallback to main thread if no worker\n if (!this.worker) {\n return this.executeFallback<T>(type, payload);\n }\n\n const id = `req_${this.nextId++}`;\n \n return new Promise((resolve, reject) => {\n const timeoutId = setTimeout(() => {\n this.pending.delete(id);\n reject(new Error('Worker timeout'));\n }, timeout) as unknown as number;\n\n this.pending.set(id, { resolve, reject, timeout: timeoutId });\n\n this.worker!.postMessage({ id, type, payload });\n });\n }\n\n /**\n * Fallback to main thread execution\n */\n private async executeFallback<T>(type: string, payload: any): Promise<T> {\n // Simple synchronous fallback implementations\n switch (type) {\n case 'transform': {\n const { items, transformer } = payload as TransformRequest;\n const fn = new Function('item', 'index', `return (${transformer})(item, index)`);\n return items.map((item, i) => fn(item, i)) as T;\n }\n case 'search': {\n const { items, query, fuzzy } = payload as SearchRequest;\n const lowerQuery = query.toLowerCase();\n const results: { item: any; index: number }[] = [];\n \n items.forEach((item, index) => {\n const itemStr = String(item).toLowerCase();\n if (fuzzy) {\n // Simple fuzzy match - check if all query chars appear in order\n let queryIndex = 0;\n for (let i = 0; i < itemStr.length && queryIndex < lowerQuery.length; i++) {\n if (itemStr[i] === lowerQuery[queryIndex]) {\n queryIndex++;\n }\n }\n if (queryIndex === lowerQuery.length) {\n results.push({ item, index });\n }\n } else {\n // Exact substring match\n if (itemStr.includes(lowerQuery)) {\n results.push({ item, index });\n }\n }\n });\n \n return results as T;\n }\n case 'filter': {\n const { items, predicate } = payload as FilterRequest;\n const fn = new Function('item', 'index', `return (${predicate})(item, index)`);\n return items.filter((item, i) => fn(item, i)) as T;\n }\n case 'sort': {\n const { items, comparator } = payload as SortRequest;\n const fn = new Function('a', 'b', `return (${comparator})(a, b)`) as (a: any, b: any) => number;\n return [...items].sort(fn) as T;\n }\n default:\n throw new Error(`Unknown operation: ${type}`);\n }\n }\n\n /**\n * Transform items with custom function\n */\n async transform<T, R>(items: T[], transformer: (item: T, index: number) => R): Promise<R[]> {\n return this.execute<R[]>('transform', {\n items,\n transformer: transformer.toString(),\n });\n }\n\n /**\n * Search items with optional fuzzy matching\n */\n async search<T>(items: T[], query: string, fuzzy = false): Promise<{ item: T; index: number }[]> {\n return this.execute('search', { items, query, fuzzy });\n }\n\n /**\n * Filter items with predicate\n */\n async filter<T>(items: T[], predicate: (item: T, index: number) => boolean): Promise<T[]> {\n return this.execute<T[]>('filter', {\n items,\n predicate: predicate.toString(),\n });\n }\n\n /**\n * Sort items with comparator\n */\n async sort<T>(items: T[], comparator: (a: T, b: T) => number): Promise<T[]> {\n return this.execute<T[]>('sort', {\n items,\n comparator: comparator.toString(),\n });\n }\n\n /**\n * Check if workers are supported\n */\n get hasWorkerSupport(): boolean {\n return this.supportsWorkers && this.worker !== null;\n }\n\n /**\n * Check if SharedArrayBuffer is supported\n */\n get hasSharedArrayBuffer(): boolean {\n return this.supportsSharedArrayBuffer;\n }\n\n /**\n * Terminate worker\n */\n destroy(): void {\n if (this.worker) {\n // Reject all pending\n for (const [id, pending] of this.pending) {\n clearTimeout(pending.timeout);\n pending.reject(new Error('Worker terminated'));\n }\n this.pending.clear();\n \n this.worker.terminate();\n this.worker = null;\n }\n }\n}\n\n/**\n * Singleton instance\n */\nlet workerManager: WorkerManager | null = null;\n\nexport function getWorkerManager(): WorkerManager {\n if (!workerManager) {\n workerManager = new WorkerManager();\n }\n return workerManager;\n}\n","/**\n * Performance telemetry module for tracking frame timing and performance metrics.\n * Uses PerformanceObserver for precise measurements.\n * \n * Tracks:\n * - Frame time (should be < 16.67ms for 60fps)\n * - Main thread work per frame (target < 8ms, ideal 4-6ms)\n * - Long tasks (> 50ms blocks)\n * - Memory usage (if available)\n */\n\nexport interface FrameMetrics {\n frameTime: number; // milliseconds\n fps: number;\n longTasks: number; // count of frames > 16.67ms\n droppedFrames: number;\n}\n\nexport interface PerformanceMetrics {\n frames: FrameMetrics;\n mainThreadWork: number; // average ms per frame\n longTaskCount: number;\n memory?: {\n usedJSHeapSize: number;\n totalJSHeapSize: number;\n jsHeapSizeLimit: number;\n };\n}\n\nexport class PerformanceTelemetry {\n private frameTimes: number[] = [];\n private longTasks: number = 0;\n private lastFrameTime: number = 0;\n private rafId: number = 0;\n private measuring = false;\n private observer: PerformanceObserver | null = null;\n private workTimes: number[] = [];\n\n constructor() {\n this.setupObserver();\n }\n\n /**\n * Setup PerformanceObserver for long tasks\n */\n private setupObserver(): void {\n if (typeof PerformanceObserver === 'undefined') return;\n\n try {\n this.observer = new PerformanceObserver((list) => {\n for (const entry of list.getEntries()) {\n if (entry.entryType === 'longtask' && entry.duration > 50) {\n this.longTasks++;\n }\n if (entry.entryType === 'measure') {\n this.workTimes.push(entry.duration);\n }\n }\n });\n\n // Observe long tasks if supported\n try {\n this.observer.observe({ entryTypes: ['longtask', 'measure'] });\n } catch {\n // Fallback to just measure if longtask not supported\n this.observer.observe({ entryTypes: ['measure'] });\n }\n } catch (err) {\n console.warn('PerformanceObserver not available', err);\n }\n }\n\n /**\n * Start measuring frame performance\n */\n start(): void {\n if (this.measuring) return;\n \n this.measuring = true;\n this.frameTimes = [];\n this.workTimes = [];\n this.longTasks = 0;\n this.lastFrameTime = performance.now();\n \n this.measureFrame();\n }\n\n /**\n * Stop measuring\n */\n stop(): void {\n this.measuring = false;\n if (this.rafId) {\n cancelAnimationFrame(this.rafId);\n this.rafId = 0;\n }\n }\n\n /**\n * Measure frame timing via requestAnimationFrame\n */\n private measureFrame = (): void => {\n if (!this.measuring) return;\n\n const now = performance.now();\n const frameTime = now - this.lastFrameTime;\n \n this.frameTimes.push(frameTime);\n \n // Keep last 60 frames (1 second at 60fps)\n if (this.frameTimes.length > 60) {\n this.frameTimes.shift();\n }\n \n this.lastFrameTime = now;\n this.rafId = requestAnimationFrame(this.measureFrame);\n };\n\n /**\n * Mark start of work for custom measurement\n */\n markStart(label: string): void {\n performance.mark(`${label}-start`);\n }\n\n /**\n * Mark end of work and measure duration\n */\n markEnd(label: string): number {\n performance.mark(`${label}-end`);\n performance.measure(label, `${label}-start`, `${label}-end`);\n \n const measure = performance.getEntriesByName(label, 'measure')[0];\n return measure ? measure.duration : 0;\n }\n\n /**\n * Get current metrics snapshot\n */\n getMetrics(): PerformanceMetrics {\n const avgFrameTime = this.frameTimes.length > 0\n ? this.frameTimes.reduce((a, b) => a + b, 0) / this.frameTimes.length\n : 0;\n \n const fps = avgFrameTime > 0 ? 1000 / avgFrameTime : 0;\n \n const longFrames = this.frameTimes.filter(t => t > 16.67).length;\n const droppedFrames = this.frameTimes.filter(t => t > 33.33).length; // > 2 frames\n \n const avgMainThreadWork = this.workTimes.length > 0\n ? this.workTimes.reduce((a, b) => a + b, 0) / this.workTimes.length\n : 0;\n\n const metrics: PerformanceMetrics = {\n frames: {\n frameTime: avgFrameTime,\n fps,\n longTasks: longFrames,\n droppedFrames,\n },\n mainThreadWork: avgMainThreadWork,\n longTaskCount: this.longTasks,\n };\n\n // Add memory info if available\n if ('memory' in performance && (performance as any).memory) {\n const mem = (performance as any).memory;\n metrics.memory = {\n usedJSHeapSize: mem.usedJSHeapSize,\n totalJSHeapSize: mem.totalJSHeapSize,\n jsHeapSizeLimit: mem.jsHeapSizeLimit,\n };\n }\n\n return metrics;\n }\n\n /**\n * Check if performance is acceptable\n */\n isPerformanceGood(): boolean {\n const metrics = this.getMetrics();\n \n // Target: 60fps (16.67ms), < 8ms main thread work, minimal long tasks\n return (\n metrics.frames.fps >= 55 && // Allow some variance\n metrics.mainThreadWork < 8 &&\n metrics.frames.longTasks < 3 // Max 5% long frames\n );\n }\n\n /**\n * Get detailed report as string\n */\n getReport(): string {\n const metrics = this.getMetrics();\n \n let report = '=== Performance Report ===\\n';\n report += `FPS: ${metrics.frames.fps.toFixed(2)}\\n`;\n report += `Avg Frame Time: ${metrics.frames.frameTime.toFixed(2)}ms\\n`;\n report += `Long Frames (>16.67ms): ${metrics.frames.longTasks}\\n`;\n report += `Dropped Frames (>33ms): ${metrics.frames.droppedFrames}\\n`;\n report += `Avg Main Thread Work: ${metrics.mainThreadWork.toFixed(2)}ms\\n`;\n report += `Long Tasks (>50ms): ${metrics.longTaskCount}\\n`;\n \n if (metrics.memory) {\n const usedMB = (metrics.memory.usedJSHeapSize / 1024 / 1024).toFixed(2);\n const limitMB = (metrics.memory.jsHeapSizeLimit / 1024 / 1024).toFixed(2);\n report += `Memory: ${usedMB}MB / ${limitMB}MB\\n`;\n }\n \n report += `Status: ${this.isPerformanceGood() ? '✓ GOOD' : '✗ POOR'}\\n`;\n \n return report;\n }\n\n /**\n * Reset all metrics\n */\n reset(): void {\n this.frameTimes = [];\n this.workTimes = [];\n this.longTasks = 0;\n }\n\n /**\n * Cleanup\n */\n destroy(): void {\n this.stop();\n if (this.observer) {\n this.observer.disconnect();\n this.observer = null;\n }\n }\n}\n\n/**\n * Singleton instance\n */\nlet telemetry: PerformanceTelemetry | null = null;\n\nexport function getTelemetry(): PerformanceTelemetry {\n if (!telemetry) {\n telemetry = new PerformanceTelemetry();\n }\n return telemetry;\n}\n\n/**\n * Helper to measure async function execution\n */\nexport async function measureAsync<T>(\n label: string,\n fn: () => Promise<T>\n): Promise<{ result: T; duration: number }> {\n const start = performance.now();\n const result = await fn();\n const duration = performance.now() - start;\n \n console.log(`[Perf] ${label}: ${duration.toFixed(2)}ms`);\n \n return { result, duration };\n}\n\n/**\n * Helper to measure sync function execution\n */\nexport function measureSync<T>(\n label: string,\n fn: () => T\n): { result: T; duration: number } {\n const start = performance.now();\n const result = fn();\n const duration = performance.now() - start;\n \n console.log(`[Perf] ${label}: ${duration.toFixed(2)}ms`);\n \n return { result, duration };\n}\n","/**\n * Security utilities for CSP-compliant environments.\n * All utilities are opt-in and do not run by default.\n */\n\n/**\n * HTML Sanitizer interface - developers must provide their own implementation\n * (e.g., DOMPurify) or use the no-op default.\n */\nexport interface HTMLSanitizer {\n sanitize(html: string): string;\n}\n\n/**\n * No-op sanitizer - DOES NOT sanitize HTML.\n * Used by default to avoid forcing a dependency on sanitizer libraries.\n * Developers using untrusted data MUST provide a real sanitizer.\n */\nclass NoOpSanitizer implements HTMLSanitizer {\n sanitize(html: string): string {\n return html;\n }\n}\n\n/**\n * Registry for custom sanitizer implementation.\n * Defaults to no-op - developers must explicitly set a sanitizer.\n */\nlet globalSanitizer: HTMLSanitizer = new NoOpSanitizer();\n\n/**\n * Set a custom HTML sanitizer (e.g., DOMPurify).\n * \n * @example\n * import DOMPurify from 'dompurify';\n * setHTMLSanitizer({\n * sanitize: (html) => DOMPurify.sanitize(html)\n * });\n */\nexport function setHTMLSanitizer(sanitizer: HTMLSanitizer): void {\n globalSanitizer = sanitizer;\n}\n\n/**\n * Reset to the default no-op sanitizer.\n * Mainly for testing purposes.\n */\nexport function resetHTMLSanitizer(): void {\n globalSanitizer = new NoOpSanitizer();\n}\n\n/**\n * Get the current HTML sanitizer.\n */\nexport function getHTMLSanitizer(): HTMLSanitizer {\n return globalSanitizer;\n}\n\n/**\n * Sanitize HTML using the registered sanitizer.\n * WARNING: Default is no-op! Set a real sanitizer for untrusted content.\n * \n * @param html - HTML string to sanitize\n * @returns Sanitized HTML string\n */\nexport function sanitizeHTML(html: string): string {\n return globalSanitizer.sanitize(html);\n}\n\n/**\n * Create a text node (CSP-safe alternative to innerHTML for text content).\n * \n * @param text - Text content\n * @returns Text node\n */\nexport function createTextNode(text: string): Text {\n return document.createTextNode(text);\n}\n\n/**\n * Set text content safely (CSP-compliant).\n * \n * @param element - Target element\n * @param text - Text content\n */\nexport function setTextContent(element: Element, text: string): void {\n element.textContent = text;\n}\n\n/**\n * Create an element with attributes (CSP-safe).\n * No inline styles or event handlers.\n * \n * @param tagName - HTML tag name\n * @param attributes - Element attributes (excluding style and on* handlers)\n * @param textContent - Optional text content\n * @returns Created element\n */\nexport function createElement(\n tagName: string,\n attributes?: Record<string, string>,\n textContent?: string\n): HTMLElement {\n const el = document.createElement(tagName);\n \n if (attributes) {\n for (const [key, value] of Object.entries(attributes)) {\n // Block dangerous attributes\n if (key.startsWith('on') || key === 'style') {\n console.warn(`[NativeSelect Security] Blocked attribute: ${key}`);\n continue;\n }\n el.setAttribute(key, value);\n }\n }\n \n if (textContent !== undefined) {\n el.textContent = textContent;\n }\n \n return el;\n}\n\n/**\n * Set CSS custom properties (CSP-safe way to style elements).\n * \n * @param element - Target element\n * @param properties - CSS custom properties (e.g., { '--color': 'red' })\n */\nexport function setCSSProperties(element: HTMLElement, properties: Record<string, string>): void {\n for (const [key, value] of Object.entries(properties)) {\n if (!key.startsWith('--')) {\n console.warn(`[NativeSelect Security] CSS property must start with --: ${key}`);\n continue;\n }\n element.style.setProperty(key, value);\n }\n}\n\n/**\n * Feature detection utilities for CSP-restricted environments.\n */\nexport const CSPFeatures = {\n /**\n * Check if inline scripts are allowed (CSP: script-src 'unsafe-inline').\n */\n hasInlineScripts(): boolean {\n try {\n // Try to create a function (blocked by CSP: script-src without 'unsafe-eval')\n new Function('return true');\n return true;\n } catch {\n return false;\n }\n },\n\n /**\n * Check if eval is allowed (CSP: script-src 'unsafe-eval').\n */\n hasEval(): boolean {\n try {\n eval('true');\n return true;\n } catch {\n return false;\n }\n },\n\n /**\n * Check if SharedArrayBuffer is available.\n * Required for some Worker features, blocked without COOP/COEP headers.\n */\n hasSharedArrayBuffer(): boolean {\n return typeof SharedArrayBuffer !== 'undefined';\n },\n\n /**\n * Check if Web Workers are available and functional.\n */\n hasWorkers(): boolean {\n try {\n return typeof Worker !== 'undefined';\n } catch {\n return false;\n }\n },\n\n /**\n * Check if we're in a sandboxed iframe.\n */\n isSandboxed(): boolean {\n try {\n // Sandboxed iframes may not have access to parent\n return window !== window.parent && !window.parent;\n } catch {\n return true;\n }\n },\n\n /**\n * Check CSP policy via meta tag or SecurityPolicyViolationEvent.\n */\n getCSPDirectives(): string[] {\n const metaTags = document.querySelectorAll('meta[http-equiv=\"Content-Security-Policy\"]');\n const directives: string[] = [];\n \n metaTags.forEach((meta) => {\n const content = meta.getAttribute('content');\n if (content) {\n directives.push(content);\n }\n });\n \n return directives;\n }\n};\n\n/**\n * Runtime environment checks for degraded features.\n */\nexport interface EnvironmentCapabilities {\n canUseWorkers: boolean;\n canUseSharedArrayBuffer: boolean;\n canUseInlineScripts: boolean;\n canUseEval: boolean;\n isSandboxed: boolean;\n cspDirectives: string[];\n}\n\n/**\n * Detect environment capabilities once at initialization.\n */\nexport function detectEnvironment(): EnvironmentCapabilities {\n return {\n canUseWorkers: CSPFeatures.hasWorkers(),\n canUseSharedArrayBuffer: CSPFeatures.hasSharedArrayBuffer(),\n canUseInlineScripts: CSPFeatures.hasInlineScripts(),\n canUseEval: CSPFeatures.hasEval(),\n isSandboxed: CSPFeatures.isSandboxed(),\n cspDirectives: CSPFeatures.getCSPDirectives()\n };\n}\n\n/**\n * Validation for untrusted HTML in templates.\n * Logs warning if no sanitizer is configured.\n */\nexport function validateTemplate(html: string, source: string): string {\n if (globalSanitizer instanceof NoOpSanitizer) {\n console.warn(\n `[NativeSelect Security] Template from \"${source}\" contains HTML but no sanitizer is configured. ` +\n `This may be unsafe if the content is untrusted. ` +\n `Call setHTMLSanitizer() with a sanitizer like DOMPurify.`\n );\n }\n return sanitizeHTML(html);\n}\n\n/**\n * Check if a string looks like it might contain executable code.\n */\nexport function containsSuspiciousPatterns(str: string): boolean {\n const patterns = [\n /<script/i,\n /javascript:/i,\n /on\\w+\\s*=/i, // event handlers like onclick=\n /eval\\s*\\(/i,\n /Function\\s*\\(/i,\n /setTimeout\\s*\\(/i,\n /setInterval\\s*\\(/i\n ];\n \n return patterns.some(pattern => pattern.test(str));\n}\n\n/**\n * Escape HTML entities for text content.\n */\nexport function escapeHTML(text: string): string {\n const div = document.createElement('div');\n div.textContent = text;\n return div.innerHTML;\n}\n\n/**\n * Escape attribute values.\n */\nexport function escapeAttribute(attr: string): string {\n return attr\n .replace(/&/g, '&')\n .replace(/\"/g, '"')\n .replace(/'/g, ''')\n .replace(/</g, '<')\n .replace(/>/g, '>');\n}\n","/**\n * CSP-compliant styling utilities.\n * No inline styles or runtime style tag injection.\n * Uses CSS custom properties and class names only.\n */\n\n/**\n * Apply CSS classes to an element (CSP-safe).\n */\nexport function applyClasses(element: HTMLElement, classes: string[]): void {\n element.className = classes.filter(Boolean).join(' ');\n}\n\n/**\n * Toggle a CSS class (CSP-safe).\n */\nexport function toggleClass(element: HTMLElement, className: string, force?: boolean): void {\n element.classList.toggle(className, force);\n}\n\n/**\n * Set CSS custom properties (CSP-safe dynamic styling).\n * All properties must start with -- (CSS variables).\n * \n * @example\n * setCustomProperties(element, {\n * '--item-height': '48px',\n * '--selected-bg': '#0066cc'\n * });\n */\nexport function setCustomProperties(\n element: HTMLElement,\n properties: Record<string, string>\n): void {\n for (const [key, value] of Object.entries(properties)) {\n if (!key.startsWith('--')) {\n if (process.env.NODE_ENV !== 'production') {\n console.warn(\n `[NativeSelect CSP] Custom property must start with --: \"${key}\". Skipping.`\n );\n }\n continue;\n }\n element.style.setProperty(key, value);\n }\n}\n\n/**\n * Get a CSS custom property value.\n */\nexport function getCustomProperty(element: HTMLElement, propertyName: string): string {\n return getComputedStyle(element).getPropertyValue(propertyName).trim();\n}\n\n/**\n * Remove a CSS custom property.\n */\nexport function removeCustomProperty(element: HTMLElement, propertyName: string): void {\n element.style.removeProperty(propertyName);\n}\n\n/**\n * Predefined theme as CSS custom properties.\n * Can be overridden by consumers via CSS.\n */\nexport const defaultTheme = {\n '--ns-item-height': '40px',\n '--ns-item-padding': '8px 12px',\n '--ns-item-bg': 'transparent',\n '--ns-item-hover-bg': 'rgba(0, 0, 0, 0.05)',\n '--ns-item-selected-bg': 'rgba(0, 102, 204, 0.1)',\n '--ns-item-active-bg': 'rgba(0, 102, 204, 0.2)',\n '--ns-item-color': 'inherit',\n '--ns-item-selected-color': '#0066cc',\n '--ns-border-color': '#ccc',\n '--ns-border-radius': '4px',\n '--ns-focus-outline': '2px solid #0066cc',\n '--ns-font-size': '14px',\n '--ns-font-family': 'system-ui, -apple-system, sans-serif'\n};\n\n/**\n * Apply the default theme to an element.\n */\nexport function applyDefaultTheme(element: HTMLElement): void {\n setCustomProperties(element, defaultTheme);\n}\n\n/**\n * Static CSS for shadow DOM (no runtime injection).\n * This CSS is CSP-safe because it's defined at build time as a string constant,\n * not generated at runtime.\n */\nexport const shadowDOMStyles = `\n:host {\n display: block;\n box-sizing: border-box;\n font-family: var(--ns-font-family, system-ui, -apple-system, sans-serif);\n font-size: var(--ns-font-size, 14px);\n}\n\n* {\n box-sizing: border-box;\n}\n\n.ns-list {\n position: relative;\n overflow: auto;\n max-height: var(--ns-max-height, 300px);\n border: 1px solid var(--ns-border-color, #ccc);\n border-radius: var(--ns-border-radius, 4px);\n background: var(--ns-bg, white);\n outline: none;\n}\n\n.ns-list:focus {\n outline: var(--ns-focus-outline, 2px solid #0066cc);\n outline-offset: -2px;\n}\n\n.ns-item {\n padding: var(--ns-item-padding, 8px 12px);\n min-height: var(--ns-item-height, 40px);\n color: var(--ns-item-color, inherit);\n background: var(--ns-item-bg, transparent);\n cursor: pointer;\n user-select: none;\n display: flex;\n align-items: center;\n transition: background-color 0.15s ease;\n}\n\n.ns-item:hover {\n background: var(--ns-item-hover-bg, rgba(0, 0, 0, 0.05));\n}\n\n.ns-item[aria-selected=\"true\"] {\n background: var(--ns-item-selected-bg, rgba(0, 102, 204, 0.1));\n color: var(--ns-item-selected-color, #0066cc);\n}\n\n.ns-item[data-active=\"true\"] {\n background: var(--ns-item-active-bg, rgba(0, 102, 204, 0.2));\n}\n\n.ns-item[aria-disabled=\"true\"] {\n opacity: 0.5;\n cursor: not-allowed;\n}\n\n.ns-viewport {\n position: relative;\n overflow: auto;\n -webkit-overflow-scrolling: touch;\n}\n\n.ns-spacer {\n position: absolute;\n top: 0;\n left: 0;\n width: 1px;\n pointer-events: none;\n}\n\n/* Screen reader only */\n.ns-sr-only {\n position: absolute;\n left: -9999px;\n width: 1px;\n height: 1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n}\n\n/* Portal mode (teleported outside shadow DOM) */\n.ns-portal {\n position: fixed;\n z-index: var(--ns-portal-z-index, 9999);\n}\n\n/* CSP warning banner (only shown in development) */\n.ns-csp-warning {\n padding: 8px;\n background: #fff3cd;\n border: 1px solid #ffc107;\n border-radius: 4px;\n color: #856404;\n font-size: 12px;\n margin-bottom: 8px;\n}\n`;\n\n/**\n * Inject static styles into shadow root (CSP-safe).\n * Only called once during component initialization.\n */\nexport function injectShadowStyles(shadowRoot: ShadowRoot): void {\n const style = document.createElement('style');\n style.textContent = shadowDOMStyles;\n shadowRoot.appendChild(style);\n}\n\n/**\n * Check if element has overflow:hidden ancestors (portal fallback detection).\n */\nexport function hasOverflowHiddenAncestor(element: HTMLElement): boolean {\n let current: HTMLElement | null = element.parentElement;\n \n while (current && current !== document.body) {\n const overflow = getComputedStyle(current).overflow;\n if (overflow === 'hidden' || overflow === 'clip') {\n return true;\n }\n current = current.parentElement;\n }\n \n return false;\n}\n\n/**\n * Runtime warning for CSP violations (development only).\n */\nexport function warnCSPViolation(feature: string, fallback: string): void {\n if (process.env.NODE_ENV !== 'production') {\n console.warn(\n `[NativeSelect CSP] Feature \"${feature}\" blocked by Content Security Policy. ` +\n `Falling back to \"${fallback}\".`\n );\n }\n}\n"],"names":["createRendererHelpers","onSelect","getIndex","node","el","closest","idx","Number","dataset","index","isFinite","keyboardFocus","document","querySelector","focus","renderTemplate","container","items","optionTemplate","frag","createDocumentFragment","i","length","item","wrapper","createElement","innerHTML","firstElementChild","wrap","setAttribute","String","firstChild","appendChild","hasAttribute","replaceChildren","FenwickTree","constructor","size","this","tree","Float64Array","add","delta","sum","result","rangeSum","left","right","update","oldValue","newValue","lowerBound","target","pos","bit","Math","floor","log2","nextSum","reset","fill","resize","newSize","oldTree","oldSize","copySize","min","getSize","exportState","Array","from","fromState","state","ft","DOMPool","options","pool","hits","misses","evictions","factory","defaultReset","bind","maxSize","telemetry","acquire","now","performance","poolNode","inUse","lastUsed","push","evictLRU","release","find","p","lruIndex","oldestTime","Infinity","evicted","splice","deepCleanup","textContent","removeAttribute","attrs","attributes","attr","name","startsWith","forEach","clone","cloneNode","parentNode","replaceChild","clear","resetTelemetry","setMaxSize","getStats","available","filter","hitRate","total","Virtualizer","itemsLength","itemGetter","measuredHeights","Map","activeNodes","averageHeight","estimatedItemHeight","maxPoolSize","ceil","buffer","maxPoolExtra","div","enableTelemetry","fenwick","style","willChange","computeWindow","scrollTop","viewportHeight","startIndex","max","endIndex","windowSize","newPoolSize","cumulativeOffset","get","acquireNode","existing","set","releaseNode","delete","releaseExcess","activeIndices","has","render","updateNode","Set","queueMicrotask","measureOnAppear","topOffset","transform","round","requestAnimationFrame","h","offsetHeight","prev","threshold","measurementThreshold","undefined","abs","count","values","reduce","a","b","getPoolStats","setItemsLength","newLength","height","destroy","NativeSelectElement","HTMLElement","observedAttributes","super","_options","_items","_selectedSet","_selectedItems","_activeIndex","_multi","_typeBuffer","_shadow","attachShadow","mode","_listRoot","_liveRegion","cssText","_helpers","_onSelect","addEventListener","e","_onKeydown","connectedCallback","_emit","disconnectedCallback","_typeTimeout","window","clearTimeout","attributeChangedCallback","_oldValue","placement","strategy","portal","_virtualizer","multi","value","selectedIndices","selectedItems","template","optionRenderer","renderer","getBoundingClientRect","_applyOptionAttrs","createTextNode","_applyAriaToAll","id","children","child","detail","dispatchEvent","CustomEvent","bubbles","selected","label","_announce","key","preventDefault","_moveActive","_setActive","ctrlKey","altKey","metaKey","_onType","next","_scrollToActive","getElementById","scrollIntoView","block","inline","char","toLowerCase","setTimeout","match","findIndex","msg","customElements","define","defaultConfig","selection","allowDeselect","maxSelections","showRemoveButton","closeOnSelect","scrollToSelected","enabled","multiSelectTarget","behavior","loadMore","itemsPerLoad","showLoader","busyBucket","showSpinner","message","minDisplayTime","styles","classNames","serverSide","getValueFromItem","getLabelFromItem","infiniteScroll","pageSize","initialPage","cachePages","maxCachedPages","preloadAdjacent","scrollRestoration","callbacks","searchable","placeholder","virtualize","SelectConfigManager","config","deepClone","getConfig","updateConfig","updates","deepMerge","resetConfig","mergeWithComponentConfig","componentConfig","obj","JSON","parse","stringify","source","hasOwnProperty","sourceValue","targetValue","isArray","selectConfig","configureSelect","resetSelectConfig","EnhancedSelect","_pageCache","_hasError","_errorMessage","_boundArrowClick","_uniqueId","random","toString","substr","_config","_state","isOpen","isBusy","isSearching","currentPage","totalPages","activeIndex","searchQuery","loadedItems","groupedItems","preserveScrollPosition","lastScrollPosition","lastNotifiedQuery","lastNotifiedResultCount","_container","_createContainer","_inputContainer","_createInputContainer","_input","_createInput","_arrowContainer","_createArrowContainer","_dropdown","_createDropdown","_optionsContainer","_createOptionsContainer","_createLiveRegion","_assembleDOM","_initializeStyles","_attachEventListeners","_initializeObservers","initialSelectedValues","_loadInitialSelectedItems","onOpen","_resizeObserver","disconnect","_intersectionObserver","_busyTimeout","_searchTimeout","removeEventListener","className","Object","assign","input","type","disabled","readOnly","dropdown","display","liveRegion","listboxId","stopPropagation","wasOpen","_updateDropdownVisibility","_updateArrowRotation","onClose","_scrollToSelected","_handleOpen","contains","activeElement","_handleClose","console","log","query","_handleSearch","_handleKeydown","IntersectionObserver","entries","entry","isIntersecting","_loadMoreItems","fetchSelectedItems","_setBusy","_updateInputDisplay","error","_handleError","_renderOptions","arrow","classList","remove","getLabel","filteredItems","includes","results","onSearch","_selectOption","_selectAll","_handleTypeAhead","setActive","optionId","getValue","matchIndex","option","setSelected","_emitChange","isCurrentlySelected","wasSelected","_handleOptionRemove","querySelectorAll","badge","removeBtn","insertBefore","_renderOptionsWithAnimation","opacity","transition","indices","sort","targetIndex","page","onLoadMore","busy","_showBusyBucket","_hideBusyBucket","cause","onError","composed","selectedValues","map","onChange","setItems","previousLength","flatMap","group","targetScrollTop","scrollHeight","clientHeight","setGroupedItems","getSelectedItems","getSelectedValues","setSelectedValues","_loadSelectedItemsByValues","open","close","setError","clearError","setRequired","required","validate","_loadMoreTrigger","unobserve","removeChild","searching","header","padding","fontWeight","color","backgroundColor","fontSize","textTransform","letterSpacing","position","top","zIndex","borderBottom","_renderSingleOption","itemsToRender","empty","spinner","_addLoadMoreTrigger","some","selectedItem","indexOf","sentinel","width","button","observe","SelectOption","_render","active","toggle","contentDiv","rendered","_getLabel","_removeButton","_handleSelect","_handleRemove","_getValue","setDisabled","WorkerManager","worker","pending","supportsWorkers","supportsSharedArrayBuffer","nextId","detectFeatures","initWorker","Worker","SharedArrayBuffer","workerCode","generateWorkerCode","blob","Blob","url","URL","createObjectURL","onmessage","handleMessage","onerror","handleError","revokeObjectURL","err","warn","success","data","timeout","resolve","reject","Error","execute","payload","executeFallback","Promise","timeoutId","postMessage","transformer","fn","Function","fuzzy","lowerQuery","itemStr","queryIndex","predicate","comparator","search","hasWorkerSupport","hasSharedArrayBuffer","terminate","workerManager","getWorkerManager","PerformanceTelemetry","frameTimes","longTasks","lastFrameTime","rafId","measuring","observer","workTimes","measureFrame","frameTime","shift","setupObserver","PerformanceObserver","list","getEntries","entryType","duration","entryTypes","start","stop","cancelAnimationFrame","markStart","mark","markEnd","measure","getEntriesByName","getMetrics","avgFrameTime","metrics","frames","fps","t","droppedFrames","mainThreadWork","longTaskCount","memory","mem","usedJSHeapSize","totalJSHeapSize","jsHeapSizeLimit","isPerformanceGood","getReport","report","toFixed","getTelemetry","async","measureAsync","measureSync","NoOpSanitizer","sanitize","html","globalSanitizer","setHTMLSanitizer","sanitizer","getHTMLSanitizer","sanitizeHTML","text","setTextContent","element","tagName","setCSSProperties","properties","setProperty","CSPFeatures","hasInlineScripts","hasEval","eval","hasWorkers","isSandboxed","parent","getCSPDirectives","metaTags","directives","meta","content","getAttribute","detectEnvironment","canUseWorkers","canUseSharedArrayBuffer","canUseInlineScripts","canUseEval","cspDirectives","validateTemplate","containsSuspiciousPatterns","str","pattern","test","escapeHTML","escapeAttribute","replace","applyClasses","classes","Boolean","join","toggleClass","force","setCustomProperties","process","env","NODE_ENV","getCustomProperty","propertyName","getComputedStyle","getPropertyValue","trim","removeCustomProperty","removeProperty","defaultTheme","applyDefaultTheme","shadowDOMStyles","injectShadowStyles","shadowRoot","hasOverflowHiddenAncestor","current","parentElement","body","overflow","warnCSPViolation","feature","fallback"],"mappings":"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"}
|
|
@@ -0,0 +1,136 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Enhanced Select Component
|
|
3
|
+
* Implements all advanced features: infinite scroll, load more, busy state,
|
|
4
|
+
* server-side selection, and full customization
|
|
5
|
+
*/
|
|
6
|
+
import type { GlobalSelectConfig } from '../config/global-config';
|
|
7
|
+
import type { GroupedItem } from '../types';
|
|
8
|
+
export declare class EnhancedSelect extends HTMLElement {
|
|
9
|
+
private _config;
|
|
10
|
+
private _shadow;
|
|
11
|
+
private _container;
|
|
12
|
+
private _inputContainer;
|
|
13
|
+
private _input;
|
|
14
|
+
private _dropdown;
|
|
15
|
+
private _optionsContainer;
|
|
16
|
+
private _loadMoreTrigger?;
|
|
17
|
+
private _busyBucket?;
|
|
18
|
+
private _liveRegion?;
|
|
19
|
+
private _state;
|
|
20
|
+
private _pageCache;
|
|
21
|
+
private _resizeObserver?;
|
|
22
|
+
private _intersectionObserver?;
|
|
23
|
+
private _busyTimeout?;
|
|
24
|
+
private _searchTimeout?;
|
|
25
|
+
private _typeBuffer;
|
|
26
|
+
private _typeTimeout?;
|
|
27
|
+
private _uniqueId;
|
|
28
|
+
private _hasError;
|
|
29
|
+
private _errorMessage;
|
|
30
|
+
private _boundArrowClick;
|
|
31
|
+
private _arrowContainer?;
|
|
32
|
+
constructor();
|
|
33
|
+
connectedCallback(): void;
|
|
34
|
+
disconnectedCallback(): void;
|
|
35
|
+
private _createContainer;
|
|
36
|
+
private _createInputContainer;
|
|
37
|
+
private _createInput;
|
|
38
|
+
private _createDropdown;
|
|
39
|
+
private _createOptionsContainer;
|
|
40
|
+
private _createLiveRegion;
|
|
41
|
+
private _createArrowContainer;
|
|
42
|
+
private _assembleDOM;
|
|
43
|
+
private _initializeStyles;
|
|
44
|
+
private _attachEventListeners;
|
|
45
|
+
private _initializeObservers;
|
|
46
|
+
private _loadInitialSelectedItems;
|
|
47
|
+
private _handleOpen;
|
|
48
|
+
private _handleClose;
|
|
49
|
+
private _updateDropdownVisibility;
|
|
50
|
+
private _updateArrowRotation;
|
|
51
|
+
private _handleSearch;
|
|
52
|
+
private _handleKeydown;
|
|
53
|
+
private _moveActive;
|
|
54
|
+
private _setActive;
|
|
55
|
+
private _handleTypeAhead;
|
|
56
|
+
private _selectAll;
|
|
57
|
+
private _announce;
|
|
58
|
+
private _selectOption;
|
|
59
|
+
private _handleOptionRemove;
|
|
60
|
+
private _updateInputDisplay;
|
|
61
|
+
private _renderOptionsWithAnimation;
|
|
62
|
+
private _scrollToSelected;
|
|
63
|
+
private _loadMoreItems;
|
|
64
|
+
private _setBusy;
|
|
65
|
+
private _showBusyBucket;
|
|
66
|
+
private _hideBusyBucket;
|
|
67
|
+
private _handleError;
|
|
68
|
+
private _emit;
|
|
69
|
+
private _emitChange;
|
|
70
|
+
/**
|
|
71
|
+
* Set items to display in the select
|
|
72
|
+
*/
|
|
73
|
+
setItems(items: unknown[]): void;
|
|
74
|
+
/**
|
|
75
|
+
* Set grouped items
|
|
76
|
+
*/
|
|
77
|
+
setGroupedItems(groupedItems: GroupedItem[]): void;
|
|
78
|
+
/**
|
|
79
|
+
* Get currently selected items
|
|
80
|
+
*/
|
|
81
|
+
getSelectedItems(): unknown[];
|
|
82
|
+
/**
|
|
83
|
+
* Get all loaded items
|
|
84
|
+
*/
|
|
85
|
+
get loadedItems(): unknown[];
|
|
86
|
+
/**
|
|
87
|
+
* Get currently selected values
|
|
88
|
+
*/
|
|
89
|
+
getSelectedValues(): unknown[];
|
|
90
|
+
/**
|
|
91
|
+
* Set selected items by value
|
|
92
|
+
*/
|
|
93
|
+
setSelectedValues(values: unknown[]): Promise<void>;
|
|
94
|
+
/**
|
|
95
|
+
* Load and select items by their values (for infinite scroll scenario)
|
|
96
|
+
*/
|
|
97
|
+
private _loadSelectedItemsByValues;
|
|
98
|
+
/**
|
|
99
|
+
* Clear all selections
|
|
100
|
+
*/
|
|
101
|
+
clear(): void;
|
|
102
|
+
/**
|
|
103
|
+
* Open dropdown
|
|
104
|
+
*/
|
|
105
|
+
open(): void;
|
|
106
|
+
/**
|
|
107
|
+
* Close dropdown
|
|
108
|
+
*/
|
|
109
|
+
close(): void;
|
|
110
|
+
/**
|
|
111
|
+
* Update component configuration
|
|
112
|
+
*/
|
|
113
|
+
updateConfig(config: Partial<GlobalSelectConfig>): void;
|
|
114
|
+
/**
|
|
115
|
+
* Set error state
|
|
116
|
+
*/
|
|
117
|
+
setError(message: string): void;
|
|
118
|
+
/**
|
|
119
|
+
* Clear error state
|
|
120
|
+
*/
|
|
121
|
+
clearError(): void;
|
|
122
|
+
/**
|
|
123
|
+
* Set required state
|
|
124
|
+
*/
|
|
125
|
+
setRequired(required: boolean): void;
|
|
126
|
+
/**
|
|
127
|
+
* Validate selection (for required fields)
|
|
128
|
+
*/
|
|
129
|
+
validate(): boolean;
|
|
130
|
+
/**
|
|
131
|
+
* Render options based on current state
|
|
132
|
+
*/
|
|
133
|
+
private _renderOptions;
|
|
134
|
+
private _renderSingleOption;
|
|
135
|
+
private _addLoadMoreTrigger;
|
|
136
|
+
}
|