npm - @embedpdf/plugin-ui - Versions diffs - 2.0.0-next.3 → 2.0.1 - Mend

@embedpdf/plugin-ui 2.0.0-next.3 → 2.0.1

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.

Files changed (4) hide show

package/dist/svelte/index.cjs.map +1 -1
package/dist/svelte/index.js.map +1 -1
package/dist/vue/provider.vue.d.ts +2 -2
package/package.json +12 -12

package/dist/svelte/index.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.cjs","sources":["../../src/svelte/hooks/use-ui.svelte.ts","../../src/svelte/hooks/use-ui-container.svelte.ts","../../src/svelte/registries/anchor-registry.svelte.ts","../../src/svelte/registries/component-registry.svelte.ts","../../src/svelte/registries/renderers-registry.svelte.ts","../../src/svelte/auto-menu-renderer.svelte","../../src/svelte/root.svelte","../../src/svelte/provider.svelte","../../src/svelte/hooks/use-item-renderer.svelte.ts","../../src/svelte/hooks/use-register-anchor.svelte.ts","../../src/svelte/hooks/use-schema-renderer.svelte.ts","../../src/svelte/hooks/use-selection-menu.svelte.ts"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/svelte';\nimport { UIPlugin, UIDocumentState, UIScope } from '@embedpdf/plugin-ui';\n\n/*\n Hook to get the raw UI plugin instance.\n /\nexport const useUIPlugin = () => usePlugin<UIPlugin>(UIPlugin.id);\n\n/\n Hook to get the UI plugin's capability API.\n /\nexport const useUICapability = () => useCapability<UIPlugin>(UIPlugin.id);\n\n// Define the return type explicitly to maintain type safety\ninterface UseUIStateReturn {\n provides: UIScope \| null;\n state: UIDocumentState \| null;\n}\n\n/\n Hook for UI state for a specific document\n * @param getDocumentId Function that returns the document ID\n /\nexport const useUIState = (getDocumentId: () => string \| null): UseUIStateReturn => {\n const capability = useUICapability();\n\n let state = $state<UIDocumentState \| null>(null);\n\n // Reactive documentId\n const documentId = $derived(getDocumentId());\n\n // Scoped capability for current docId\n const scopedProvides = $derived(\n capability.provides && documentId ? capability.provides.forDocument(documentId) : null,\n );\n\n $effect(() => {\n const provides = capability.provides;\n const docId = documentId;\n\n if (!provides \|\| !docId) {\n state = null;\n return;\n }\n\n const scope = provides.forDocument(docId);\n\n // Set initial state\n state = scope.getState();\n\n // Subscribe to all changes and update state\n const unsubToolbar = scope.onToolbarChanged(() => {\n state = scope.getState();\n });\n const unsubSidebar = scope.onSidebarChanged(() => {\n state = scope.getState();\n });\n const unsubModal = scope.onModalChanged(() => {\n state = scope.getState();\n });\n const unsubMenu = scope.onMenuChanged(() => {\n state = scope.getState();\n });\n\n return () => {\n unsubToolbar();\n unsubSidebar();\n unsubModal();\n unsubMenu();\n };\n });\n\n return {\n get provides() {\n return scopedProvides;\n },\n get state() {\n return state;\n },\n };\n};\n\n/\n Hook to get UI schema\n * Returns an object with a reactive getter for the schema\n /\nexport const useUISchema = () => {\n const capability = useUICapability();\n\n return {\n get schema() {\n return capability.provides?.getSchema() ?? null;\n },\n };\n};\n","import { getContext, setContext } from 'svelte';\n\nexport interface UIContainerContextValue {\n /* Get the container element (may be null if not mounted) /\n getContainer: () => HTMLDivElement \| null;\n}\n\nconst UI_CONTAINER_KEY = Symbol('ui-container');\n\n/\n Set up the container context (called by UIRoot)\n /\nexport function setUIContainerContext(value: UIContainerContextValue): void {\n setContext(UI_CONTAINER_KEY, value);\n}\n\n/\n Hook to access the UI container element.\n \n This provides access to the UIRoot container for:\n * - Container query based responsiveness\n * - Portaling elements to the root\n * - Measuring container dimensions\n \n @example\n * ```svelte\n * <script>\n * import { useUIContainer } from '@embedpdf/plugin-ui/svelte';\n * import { onMount, onDestroy } from 'svelte';\n \n const { getContainer } = useUIContainer();\n \n let observer;\n \n onMount(() => {\n * const container = getContainer();\n * if (!container) return;\n \n observer = new ResizeObserver(() => {\n * console.log('Container width:', container.clientWidth);\n * });\n * observer.observe(container);\n * });\n \n onDestroy(() => observer?.disconnect());\n * </script>\n * ```\n /\nexport function useUIContainer(): UIContainerContextValue {\n const context = getContext<UIContainerContextValue>(UI_CONTAINER_KEY);\n if (!context) {\n throw new Error('useUIContainer must be used within a UIProvider');\n }\n return context;\n}\n","import { getContext, setContext } from 'svelte';\n\n/\n Anchor Registry\n \n Tracks DOM elements for menu positioning.\n * Each anchor is scoped by documentId and itemId.\n /\nexport interface AnchorRegistry {\n register(documentId: string, itemId: string, element: HTMLElement): void;\n unregister(documentId: string, itemId: string): void;\n getAnchor(documentId: string, itemId: string): HTMLElement \| null;\n}\n\nconst ANCHOR_REGISTRY_KEY = Symbol('AnchorRegistry');\n\nexport function createAnchorRegistry(): AnchorRegistry {\n const anchors = new Map<string, HTMLElement>();\n\n return {\n register(documentId: string, itemId: string, element: HTMLElement) {\n const key = `${documentId}:${itemId}`;\n anchors.set(key, element);\n },\n\n unregister(documentId: string, itemId: string) {\n const key = `${documentId}:${itemId}`;\n anchors.delete(key);\n },\n\n getAnchor(documentId: string, itemId: string) {\n const key = `${documentId}:${itemId}`;\n return anchors.get(key) \|\| null;\n },\n };\n}\n\nexport function provideAnchorRegistry() {\n const registry = createAnchorRegistry();\n setContext(ANCHOR_REGISTRY_KEY, registry);\n return registry;\n}\n\nexport function useAnchorRegistry(): AnchorRegistry {\n const registry = getContext<AnchorRegistry>(ANCHOR_REGISTRY_KEY);\n if (!registry) {\n throw new Error('useAnchorRegistry must be used within UIProvider');\n }\n return registry;\n}\n","import { getContext, setContext, type Component } from 'svelte';\nimport type { BaseComponentProps } from '../types';\n\n/\n Component Registry\n \n Stores custom components that can be referenced in the UI schema.\n /\nexport interface ComponentRegistry {\n register(id: string, component: Component<BaseComponentProps>): void;\n unregister(id: string): void;\n get(id: string): Component<BaseComponentProps> \| undefined;\n has(id: string): boolean;\n getRegisteredIds(): string[];\n}\n\nconst COMPONENT_REGISTRY_KEY = Symbol('ComponentRegistry');\n\nexport function createComponentRegistry(\n initialComponents: Record<string, Component<BaseComponentProps>> = {},\n): ComponentRegistry {\n const components = new Map<string, Component<BaseComponentProps>>(\n Object.entries(initialComponents),\n );\n\n return {\n register(id: string, component: Component<BaseComponentProps>) {\n components.set(id, component);\n },\n\n unregister(id: string) {\n components.delete(id);\n },\n\n get(id: string) {\n return components.get(id);\n },\n\n has(id: string) {\n return components.has(id);\n },\n\n getRegisteredIds() {\n return Array.from(components.keys());\n },\n };\n}\n\nexport function provideComponentRegistry(\n initialComponents: Record<string, Component<BaseComponentProps>> = {},\n) {\n const registry = createComponentRegistry(initialComponents);\n setContext(COMPONENT_REGISTRY_KEY, registry);\n return registry;\n}\n\nexport function useComponentRegistry(): ComponentRegistry {\n const registry = getContext<ComponentRegistry>(COMPONENT_REGISTRY_KEY);\n if (!registry) {\n throw new Error('useComponentRegistry must be used within UIProvider');\n }\n return registry;\n}\n","import { getContext, setContext } from 'svelte';\nimport type { UIRenderers } from '../types';\n\n/\n Renderers Registry\n \n Provides access to user-supplied renderers (toolbar, panel, menu).\n /\nconst RENDERERS_KEY = Symbol('Renderers');\n\nexport function provideRenderers(renderers: UIRenderers) {\n setContext(RENDERERS_KEY, renderers);\n}\n\nexport function useRenderers(): UIRenderers {\n const renderers = getContext<UIRenderers>(RENDERERS_KEY);\n if (!renderers) {\n throw new Error('useRenderers must be used within UIProvider');\n }\n return renderers;\n}\n","<script lang=\"ts\">\n import { useUIState, useUICapability } from './hooks/use-ui.svelte';\n import { useAnchorRegistry } from './registries/anchor-registry.svelte';\n import { useRenderers } from './registries/renderers-registry.svelte';\n\n /\n Automatically renders menus when opened\n \n This component:\n * 1. Listens to UI plugin state for open menus\n * 2. Looks up anchor elements from the anchor registry\n * 3. Renders menus using the user-provided menu renderer\n /\n\n interface Props {\n documentId: string; // Which document's menus to render\n container?: HTMLElement \| null;\n }\n\n let { documentId, container = null }: Props = $props();\n\n const uiState = useUIState(() => documentId);\n const capability = useUICapability();\n const anchorRegistry = useAnchorRegistry();\n const renderers = useRenderers();\n\n // Derived state for active menu\n const activeMenu = $derived.by(() => {\n const openMenus = uiState.state?.openMenus \|\| {};\n const openMenuIds = Object.keys(openMenus);\n\n if (openMenuIds.length === 0) return null;\n\n // Show the first open menu (in practice, should only be one)\n const menuId = openMenuIds[0];\n if (!menuId) return null;\n\n const menuState = openMenus[menuId];\n if (!menuState \|\| !menuState.triggeredByItemId) return null;\n\n // Look up anchor with documentId scope\n const anchor = anchorRegistry.getAnchor(documentId, menuState.triggeredByItemId);\n return { menuId, anchorEl: anchor };\n });\n\n const schema = $derived(capability.provides?.getSchema());\n\n const menuSchema = $derived.by(() => {\n if (!activeMenu \|\| !schema) return null;\n\n const menuSchemaValue = schema.menus[activeMenu.menuId];\n if (!menuSchemaValue) {\n console.warn(`Menu \"${activeMenu.menuId}\" not found in schema`);\n return null;\n }\n\n return menuSchemaValue;\n });\n\n const handleClose = () => {\n if (activeMenu) {\n uiState.provides?.closeMenu(activeMenu.menuId);\n }\n };\n\n // Use the user-provided menu renderer\n const MenuRenderer = renderers.menu;\n</script>\n\n{#if activeMenu && menuSchema && MenuRenderer}\n <MenuRenderer\n schema={menuSchema}\n {documentId}\n anchorEl={activeMenu.anchorEl}\n onClose={handleClose}\n {container}\n />\n{/if}\n","<script lang=\"ts\">\n import { UI_ATTRIBUTES, UI_SELECTORS } from '@embedpdf/plugin-ui';\n import { useUIPlugin, useUICapability } from './hooks/use-ui.svelte';\n import { setUIContainerContext } from './hooks/use-ui-container.svelte';\n import type { Snippet } from 'svelte';\n import type { HTMLAttributes } from 'svelte/elements';\n\n type Props = HTMLAttributes<HTMLDivElement> & {\n children?: Snippet;\n };\n\n let { children, class: className, ...restProps }: Props = $props();\n\n const { plugin } = useUIPlugin();\n const { provides } = useUICapability();\n\n let disabledCategories = $state<string[]>([]);\n let hiddenItems = $state<string[]>([]);\n let rootElement: HTMLDivElement \| null = $state(null);\n let styleEl: HTMLStyleElement \| null = null;\n let styleTarget: HTMLElement \| ShadowRoot \| null = null;\n\n // Provide container context for child components\n setUIContainerContext({\n getContainer: () => rootElement,\n });\n\n function getStyleTarget(element: HTMLElement): HTMLElement \| ShadowRoot {\n const root = element.getRootNode();\n if (root instanceof ShadowRoot) {\n return root;\n }\n return document.head;\n }\n\n $effect(() => {\n if (!rootElement \|\| !plugin) {\n styleTarget = null;\n return;\n }\n\n styleTarget = getStyleTarget(rootElement);\n\n const existingStyle = styleTarget.querySelector(UI_SELECTORS.STYLES) as HTMLStyleElement \| null;\n\n if (existingStyle) {\n styleEl = existingStyle;\n existingStyle.textContent = plugin.getStylesheet();\n return;\n }\n\n const stylesheet = plugin.getStylesheet();\n const newStyleEl = document.createElement('style');\n newStyleEl.setAttribute(UI_ATTRIBUTES.STYLES, '');\n newStyleEl.textContent = stylesheet;\n\n if (styleTarget instanceof ShadowRoot) {\n styleTarget.insertBefore(newStyleEl, styleTarget.firstChild);\n } else {\n styleTarget.appendChild(newStyleEl);\n }\n\n styleEl = newStyleEl;\n\n return () => {\n if (styleEl?.parentNode) {\n styleEl.remove();\n }\n styleEl = null;\n styleTarget = null;\n };\n });\n\n $effect(() => {\n if (!plugin) return;\n\n return plugin.onStylesheetInvalidated(() => {\n if (styleEl) {\n styleEl.textContent = plugin.getStylesheet();\n }\n });\n });\n\n $effect(() => {\n if (!provides) return;\n\n disabledCategories = provides.getDisabledCategories();\n hiddenItems = provides.getHiddenItems();\n\n return provides.onCategoryChanged((event) => {\n disabledCategories = event.disabledCategories;\n hiddenItems = event.hiddenItems;\n });\n });\n\n const disabledCategoriesAttr = $derived(\n disabledCategories.length > 0 ? disabledCategories.join(' ') : undefined,\n );\n\n const hiddenItemsAttr = $derived(hiddenItems.length > 0 ? hiddenItems.join(' ') : undefined);\n</script>\n\n<div\n bind:this={rootElement}\n {...restProps}\n {...{ [UI_ATTRIBUTES.ROOT]: '' }}\n {...disabledCategoriesAttr ? { [UI_ATTRIBUTES.DISABLED_CATEGORIES]: disabledCategoriesAttr } : {}}\n {...hiddenItemsAttr ? { [UI_ATTRIBUTES.HIDDEN_ITEMS]: hiddenItemsAttr } : {}}\n class={className}\n style:container-type=\"inline-size\"\n>\n {#if children}\n {@render children()}\n {/if}\n</div>\n","<script lang=\"ts\">\n import type { Component, Snippet } from 'svelte';\n import { provideAnchorRegistry } from './registries/anchor-registry.svelte';\n import { provideComponentRegistry } from './registries/component-registry.svelte';\n import { provideRenderers } from './registries/renderers-registry.svelte';\n import type { UIComponents, UIRenderers } from './types';\n import AutoMenuRenderer from './auto-menu-renderer.svelte';\n import UIRoot from './root.svelte';\n import type { HTMLAttributes } from 'svelte/elements';\n\n /\n UIProvider Props\n /\n type ProviderProps = HTMLAttributes<HTMLDivElement> & {\n children: Snippet;\n\n /\n Document ID for this UI context\n * Required for menu rendering\n /\n documentId: string;\n\n /\n Custom component registry\n * Maps component IDs to components\n /\n components?: UIComponents;\n\n /\n REQUIRED: User-provided renderers\n * These define how toolbars, panels, and menus are displayed\n /\n renderers: UIRenderers;\n\n /\n Optional: Container for menu portal\n * Defaults to document.body\n /\n menuContainer?: HTMLElement \| null;\n\n class?: string;\n };\n\n let {\n children,\n documentId,\n components = {},\n renderers,\n menuContainer = null,\n class: className,\n ...restProps\n }: ProviderProps = $props();\n\n /\n UIProvider - Single provider for all UI plugin functionality\n \n Manages:\n * - Anchor registry for menu positioning\n * - Component registry for custom components\n * - Renderers for toolbars, panels, and menus\n * - Automatic menu rendering\n \n @example\n * ```svelte\n * <EmbedPDF {engine} {plugins}>\n * {#snippet children({ pluginsReady, activeDocumentId })}\n * {#if pluginsReady && activeDocumentId}\n * <UIProvider\n * documentId={activeDocumentId}\n * components={{\n * 'thumbnail-panel': ThumbnailPanel,\n * 'bookmark-panel': BookmarkPanel,\n * }}\n * renderers={{\n * toolbar: ToolbarRenderer,\n * panel: PanelRenderer,\n * menu: MenuRenderer,\n * }}\n * >\n * {#snippet children()}\n * <ViewerLayout />\n * {/snippet}\n * </UIProvider>\n * {/if}\n * {/snippet}\n * </EmbedPDF>\n * ```\n /\n\n // Provide all registries\n provideAnchorRegistry();\n provideComponentRegistry(components);\n provideRenderers(renderers);\n</script>\n\n<UIRoot class={className} {...restProps}>\n {@render children()}\n <AutoMenuRenderer {documentId} container={menuContainer} />\n</UIRoot>\n","import { useComponentRegistry } from '../registries/component-registry.svelte';\n\n/\n Helper utilities for building renderers\n /\nexport function useItemRenderer() {\n const componentRegistry = useComponentRegistry();\n\n return {\n /\n Get a custom component by ID\n \n @param componentId - Component ID from schema\n * @returns Component constructor or undefined if not found\n \n @example\n * ```svelte\n * <script lang=\"ts\">\n * const { getCustomComponent } = useItemRenderer();\n * const MyComponent = getCustomComponent('my-component-id');\n * </script>\n \n {#if MyComponent}\n * <MyComponent {documentId} {...props} />\n * {/if}\n * ```\n /\n getCustomComponent: (componentId: string) => {\n const Component = componentRegistry.get(componentId);\n\n if (!Component) {\n console.error(`Component \"${componentId}\" not found in registry`);\n return undefined;\n }\n\n return Component;\n },\n };\n}\n","import { onDestroy } from 'svelte';\nimport { useAnchorRegistry } from '../registries/anchor-registry.svelte';\n\n/\n Register a DOM element as an anchor for menus\n \n @param getDocumentId - Function returning document ID\n * @param getItemId - Function returning item ID (typically matches the toolbar/menu item ID)\n * @returns Function to attach to the element via use:action\n \n @example\n \n <script lang=\"ts\">\n * const registerAnchor = useRegisterAnchor(() => documentId, () => 'zoom-button');\n * </script>\n \n <button use:registerAnchor>Zoom</button>\n * /\nexport function useRegisterAnchor(getDocumentId: () => string \| null, getItemId: () => string) {\n const registry = useAnchorRegistry();\n let currentElement = $state<HTMLElement \| null>(null);\n\n // Reactive values - these update when the functions return different values\n const documentId = $derived(getDocumentId());\n const itemId = $derived(getItemId());\n\n // Re-register anchor when documentId, itemId, or element changes\n $effect(() => {\n const docId = documentId;\n const item = itemId;\n const element = currentElement;\n\n // Only register if we have all required values\n if (element && docId && item) {\n registry.register(docId, item, element);\n\n // Cleanup: unregister when effect re-runs or component unmounts\n return () => {\n registry.unregister(docId, item);\n };\n }\n });\n\n // Svelte action function\n const action = (element: HTMLElement) => {\n currentElement = element;\n\n return {\n destroy() {\n // Clear the element reference when the action is destroyed\n currentElement = null;\n },\n };\n };\n\n return action;\n}\n","import { useUICapability } from './use-ui.svelte';\nimport { useRenderers } from '../registries/renderers-registry.svelte';\n\n/\n High-level hook for rendering UI from schema\n \n Provides information about active toolbars, sidebars, and modals.\n * Always includes isOpen state so renderers can control animations.\n \n Use with Svelte's component binding to render toolbars and sidebars.\n \n @example\n * ```svelte\n * <script lang=\"ts\">\n * const { getToolbarInfo, getSidebarInfo, getModalInfo } = useSchemaRenderer(() => documentId);\n \n const topMainToolbar = $derived(getToolbarInfo('top', 'main'));\n * const leftMainSidebar = $derived(getSidebarInfo('left', 'main'));\n * const modal = $derived(getModalInfo());\n * </script>\n \n {#if topMainToolbar}\n * {@const ToolbarRenderer = topMainToolbar.renderer}\n * <ToolbarRenderer\n * schema={topMainToolbar.schema}\n * documentId={topMainToolbar.documentId}\n * isOpen={topMainToolbar.isOpen}\n * onClose={topMainToolbar.onClose}\n * />\n * {/if}\n * ```\n /\nexport function useSchemaRenderer(getDocumentId: () => string \| null) {\n const renderers = useRenderers();\n const capability = useUICapability();\n const uiState = useUIState(getDocumentId);\n\n return {\n /\n Get toolbar information by placement and slot\n \n @param placement - 'top' \| 'bottom' \| 'left' \| 'right'\n * @param slot - Slot name (e.g. 'main', 'secondary')\n * @returns Toolbar info or null if no toolbar in slot\n /\n getToolbarInfo: (placement: 'top' \| 'bottom' \| 'left' \| 'right', slot: string) => {\n const schema = capability.provides?.getSchema();\n const documentId = getDocumentId();\n\n if (!schema \|\| !uiState.provides \|\| !uiState.state \|\| !documentId) return null;\n\n const slotKey = `${placement}-${slot}`;\n const toolbarSlot = uiState.state.activeToolbars[slotKey];\n\n // If no toolbar in this slot, nothing to render\n if (!toolbarSlot) return null;\n\n const toolbarSchema = schema.toolbars[toolbarSlot.toolbarId];\n if (!toolbarSchema) {\n console.warn(`Toolbar \"${toolbarSlot.toolbarId}\" not found in schema`);\n return null;\n }\n\n // Check if toolbar is closable\n const isClosable = !toolbarSchema.permanent;\n\n const handleClose = isClosable\n ? () => {\n uiState.provides?.closeToolbarSlot(placement, slot);\n }\n : undefined;\n\n return {\n renderer: renderers.toolbar,\n schema: toolbarSchema,\n documentId,\n isOpen: toolbarSlot.isOpen,\n onClose: handleClose,\n };\n },\n\n /\n Get sidebar information by placement and slot\n \n @param placement - 'left' \| 'right' \| 'top' \| 'bottom'\n * @param slot - Slot name (e.g. 'main', 'secondary', 'inspector')\n * @returns Sidebar info or null if no sidebar in slot\n /\n getSidebarInfo: (placement: 'left' \| 'right' \| 'top' \| 'bottom', slot: string) => {\n const schema = capability.provides?.getSchema();\n const documentId = getDocumentId();\n\n if (!schema \|\| !uiState.provides \|\| !uiState.state \|\| !documentId) return null;\n\n const slotKey = `${placement}-${slot}`;\n const sidebarSlot = uiState.state.activeSidebars[slotKey];\n\n // If no sidebar in this slot, nothing to render\n if (!sidebarSlot) return null;\n\n const sidebarSchema = schema.sidebars?.[sidebarSlot.sidebarId];\n if (!sidebarSchema) {\n console.warn(`Sidebar \"${sidebarSlot.sidebarId}\" not found in schema`);\n return null;\n }\n\n const handleClose = () => {\n uiState.provides?.closeSidebarSlot(placement, slot);\n };\n\n return {\n renderer: renderers.sidebar,\n schema: sidebarSchema,\n documentId,\n isOpen: sidebarSlot.isOpen,\n onClose: handleClose,\n };\n },\n\n /\n Get modal information (if active)\n \n Supports animation lifecycle:\n * - isOpen: true = visible\n * - isOpen: false = animate out (modal still rendered)\n * - onExited called after animation → modal removed\n \n @returns Modal info or null if no modal active\n /\n getModalInfo: () => {\n const schema = capability.provides?.getSchema();\n const documentId = getDocumentId();\n\n if (!schema \|\| !uiState.provides \|\| !uiState.state?.activeModal \|\| !documentId) return null;\n\n const { modalId, isOpen } = uiState.state.activeModal;\n\n const modalSchema = schema.modals?.[modalId];\n if (!modalSchema) {\n console.warn(`Modal \"${modalId}\" not found in schema`);\n return null;\n }\n\n const handleClose = () => {\n uiState.provides?.closeModal();\n };\n\n const handleExited = () => {\n uiState.provides?.clearModal();\n };\n\n const ModalRenderer = renderers.modal;\n if (!ModalRenderer) {\n console.warn('No modal renderer registered');\n return null;\n }\n\n return {\n renderer: ModalRenderer,\n schema: modalSchema,\n documentId,\n isOpen,\n onClose: handleClose,\n onExited: handleExited,\n };\n },\n\n /\n Helper: Get all active toolbars for this document\n * Useful for batch rendering or debugging\n /\n getActiveToolbars: () => {\n if (!uiState.state) return [];\n return Object.entries(uiState.state.activeToolbars).map(([slotKey, toolbarSlot]) => {\n const [placement, slot] = slotKey.split('-');\n return {\n placement,\n slot,\n toolbarId: toolbarSlot.toolbarId,\n isOpen: toolbarSlot.isOpen,\n };\n });\n },\n\n /\n Helper: Get all active sidebars for this document\n * Useful for batch rendering or debugging\n /\n getActiveSidebars: () => {\n if (!uiState.state) return [];\n return Object.entries(uiState.state.activeSidebars).map(([slotKey, sidebarSlot]) => {\n const [placement, slot] = slotKey.split('-');\n return {\n placement,\n slot,\n sidebarId: sidebarSlot.sidebarId,\n isOpen: sidebarSlot.isOpen,\n };\n });\n },\n\n /\n Get overlay information for all enabled overlays\n \n Overlays are floating components positioned over the document content.\n * Unlike modals, multiple overlays can be visible and they don't block interaction.\n \n @example\n * ```svelte\n * <script lang=\"ts\">\n * const { getOverlaysInfo } = useSchemaRenderer(() => documentId);\n * const overlays = $derived(getOverlaysInfo());\n * </script>\n \n {#each overlays as overlay (overlay.schema.id)}\n * {@const OverlayRenderer = overlay.renderer}\n * <OverlayRenderer schema={overlay.schema} documentId={overlay.documentId} />\n * {/each}\n * ```\n /\n getOverlaysInfo: () => {\n const schema = capability.provides?.getSchema();\n const documentId = getDocumentId();\n\n if (!schema?.overlays \|\| !documentId) return [];\n\n const OverlayRenderer = renderers.overlay;\n if (!OverlayRenderer) {\n return [];\n }\n\n return Object.values(schema.overlays).map((overlaySchema) => ({\n renderer: OverlayRenderer,\n schema: overlaySchema,\n documentId,\n }));\n },\n };\n}\n\n// Import after definition to avoid circular dependency\nimport { useUIState } from './use-ui.svelte';\n","import type {\n SelectionMenuPropsBase,\n SelectionMenuRenderFn,\n SelectionMenuRenderResult,\n} from '@embedpdf/utils/svelte';\nimport { useUICapability } from './use-ui.svelte';\nimport { useRenderers } from '../registries/renderers-registry.svelte';\n\n/\n Hook for schema-driven selection menus\n */\nexport function useSelectionMenu<TContext extends { type: string }>(\n menuId: string \| (() => string),\n getDocumentId: () => string,\n) {\n const uiCapability = useUICapability();\n const renderers = useRenderers();\n\n // Normalize menuId to always be a function, then make it reactive\n const getMenuIdFn = typeof menuId === 'function' ? menuId : () => menuId;\n const menuIdValue = $derived(getMenuIdFn());\n const documentId = $derived(getDocumentId());\n const schema = $derived(uiCapability.provides?.getSchema());\n const menuSchema = $derived(schema?.selectionMenus?.[menuIdValue]);\n\n const renderFn = $derived.by<SelectionMenuRenderFn<TContext> \| undefined>(() => {\n if (!menuSchema) return undefined;\n\n const currentMenuSchema = menuSchema;\n const currentDocumentId = documentId;\n const SelectionMenuRenderer = renderers.selectionMenu;\n\n return (props: SelectionMenuPropsBase<TContext>): SelectionMenuRenderResult \| null => {\n if (!props.selected) return null;\n\n return {\n component: SelectionMenuRenderer,\n props: {\n schema: currentMenuSchema,\n documentId: currentDocumentId,\n props,\n },\n };\n };\n });\n\n return {\n get renderFn() {\n return renderFn;\n },\n };\n}\n"],"names":["useUIPlugin","usePlugin","UIPlugin","id","useUICapability","useCapability","useUIState","getDocumentId","capability","state","documentId","scopedProvides","$","derived","provides","forDocument","user_effect","docId","set","scope","getState","unsubToolbar","onToolbarChanged","unsubSidebar","onSidebarChanged","unsubModal","onModalChanged","unsubMenu","onMenuChanged","UI_CONTAINER_KEY","Symbol","setUIContainerContext","value","setContext","ANCHOR_REGISTRY_KEY","createAnchorRegistry","anchors","Map","register","itemId","element","key","unregister","delete","getAnchor","get","provideAnchorRegistry","registry","useAnchorRegistry","getContext","Error","COMPONENT_REGISTRY_KEY","createComponentRegistry","initialComponents","components","Object","entries","component","has","getRegisteredIds","Array","from","keys","provideComponentRegistry","useComponentRegistry","RENDERERS_KEY","provideRenderers","renderers","useRenderers","container","uiState","$$props","anchorRegistry","activeMenu","openMenus","_a","openMenuIds","length","menuId","menuState","triggeredByItemId","anchorEl","schema","getSchema","menuSchema","menuSchemaValue","menus","console","warn","handleClose","closeMenu","MenuRenderer","menu","$$render","consequent","restProps","rest_props","plugin","disabledCategories","proxy","hiddenItems","rootElement","styleEl","styleTarget","getContainer","root","getRootNode","ShadowRoot","document","head","getStyleTarget","existingStyle","querySelector","UI_SELECTORS","STYLES","textContent","getStylesheet","stylesheet","newStyleEl","createElement","setAttribute","UI_ATTRIBUTES","insertBefore","firstChild","appendChild","parentNode","remove","onStylesheetInvalidated","getDisabledCategories","getHiddenItems","onCategoryChanged","event","disabledCategoriesAttr","join","hiddenItemsAttr","ROOT","DISABLED_CATEGORIES","HIDDEN_ITEMS","bind_this","div","$$value","prop","menuContainer","componentRegistry","getCustomComponent","componentId","Component","error","getItemId","currentElement","item","destroy","getToolbarInfo","placement","slot","slotKey","toolbarSlot","activeToolbars","toolbarSchema","toolbars","toolbarId","permanent","closeToolbarSlot","renderer","toolbar","isOpen","onClose","getSidebarInfo","sidebarSlot","activeSidebars","sidebarSchema","_b","sidebars","sidebarId","sidebar","closeSidebarSlot","getModalInfo","activeModal","modalId","modalSchema","_c","modals","ModalRenderer","modal","closeModal","onExited","clearModal","getActiveToolbars","map","split","getActiveSidebars","getOverlaysInfo","overlays","OverlayRenderer","overlay","values","overlaySchema","uiCapability","getMenuIdFn","menuIdValue","selectionMenus","renderFn","currentMenuSchema","currentDocumentId","SelectionMenuRenderer","selectionMenu","props","selected","context"],"mappings":"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"}
1	+ {"version":3,"file":"index.cjs","sources":["../../src/svelte/hooks/use-ui.svelte.ts","../../src/svelte/hooks/use-ui-container.svelte.ts","../../src/svelte/registries/anchor-registry.svelte.ts","../../src/svelte/registries/component-registry.svelte.ts","../../src/svelte/registries/renderers-registry.svelte.ts","../../src/svelte/auto-menu-renderer.svelte","../../src/svelte/root.svelte","../../src/svelte/provider.svelte","../../src/svelte/hooks/use-item-renderer.svelte.ts","../../src/svelte/hooks/use-register-anchor.svelte.ts","../../src/svelte/hooks/use-schema-renderer.svelte.ts","../../src/svelte/hooks/use-selection-menu.svelte.ts"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/svelte';\nimport { UIPlugin, UIDocumentState, UIScope } from '@embedpdf/plugin-ui';\n\n/*\n Hook to get the raw UI plugin instance.\n /\nexport const useUIPlugin = () => usePlugin<UIPlugin>(UIPlugin.id);\n\n/\n Hook to get the UI plugin's capability API.\n /\nexport const useUICapability = () => useCapability<UIPlugin>(UIPlugin.id);\n\n// Define the return type explicitly to maintain type safety\ninterface UseUIStateReturn {\n provides: UIScope \| null;\n state: UIDocumentState \| null;\n}\n\n/\n Hook for UI state for a specific document\n * @param getDocumentId Function that returns the document ID\n /\nexport const useUIState = (getDocumentId: () => string \| null): UseUIStateReturn => {\n const capability = useUICapability();\n\n let state = $state<UIDocumentState \| null>(null);\n\n // Reactive documentId\n const documentId = $derived(getDocumentId());\n\n // Scoped capability for current docId\n const scopedProvides = $derived(\n capability.provides && documentId ? capability.provides.forDocument(documentId) : null,\n );\n\n $effect(() => {\n const provides = capability.provides;\n const docId = documentId;\n\n if (!provides \|\| !docId) {\n state = null;\n return;\n }\n\n const scope = provides.forDocument(docId);\n\n // Set initial state\n state = scope.getState();\n\n // Subscribe to all changes and update state\n const unsubToolbar = scope.onToolbarChanged(() => {\n state = scope.getState();\n });\n const unsubSidebar = scope.onSidebarChanged(() => {\n state = scope.getState();\n });\n const unsubModal = scope.onModalChanged(() => {\n state = scope.getState();\n });\n const unsubMenu = scope.onMenuChanged(() => {\n state = scope.getState();\n });\n\n return () => {\n unsubToolbar();\n unsubSidebar();\n unsubModal();\n unsubMenu();\n };\n });\n\n return {\n get provides() {\n return scopedProvides;\n },\n get state() {\n return state;\n },\n };\n};\n\n/\n Hook to get UI schema\n * Returns an object with a reactive getter for the schema\n /\nexport const useUISchema = () => {\n const capability = useUICapability();\n\n return {\n get schema() {\n return capability.provides?.getSchema() ?? null;\n },\n };\n};\n","import { getContext, setContext } from 'svelte';\n\nexport interface UIContainerContextValue {\n /* Get the container element (may be null if not mounted) /\n getContainer: () => HTMLDivElement \| null;\n}\n\nconst UI_CONTAINER_KEY = Symbol('ui-container');\n\n/\n Set up the container context (called by UIRoot)\n /\nexport function setUIContainerContext(value: UIContainerContextValue): void {\n setContext(UI_CONTAINER_KEY, value);\n}\n\n/\n Hook to access the UI container element.\n \n This provides access to the UIRoot container for:\n * - Container query based responsiveness\n * - Portaling elements to the root\n * - Measuring container dimensions\n \n @example\n * ```svelte\n * <script>\n * import { useUIContainer } from '@embedpdf/plugin-ui/svelte';\n * import { onMount, onDestroy } from 'svelte';\n \n const { getContainer } = useUIContainer();\n \n let observer;\n \n onMount(() => {\n * const container = getContainer();\n * if (!container) return;\n \n observer = new ResizeObserver(() => {\n * console.log('Container width:', container.clientWidth);\n * });\n * observer.observe(container);\n * });\n \n onDestroy(() => observer?.disconnect());\n * </script>\n * ```\n /\nexport function useUIContainer(): UIContainerContextValue {\n const context = getContext<UIContainerContextValue>(UI_CONTAINER_KEY);\n if (!context) {\n throw new Error('useUIContainer must be used within a UIProvider');\n }\n return context;\n}\n","import { getContext, setContext } from 'svelte';\n\n/\n Anchor Registry\n \n Tracks DOM elements for menu positioning.\n * Each anchor is scoped by documentId and itemId.\n /\nexport interface AnchorRegistry {\n register(documentId: string, itemId: string, element: HTMLElement): void;\n unregister(documentId: string, itemId: string): void;\n getAnchor(documentId: string, itemId: string): HTMLElement \| null;\n}\n\nconst ANCHOR_REGISTRY_KEY = Symbol('AnchorRegistry');\n\nexport function createAnchorRegistry(): AnchorRegistry {\n const anchors = new Map<string, HTMLElement>();\n\n return {\n register(documentId: string, itemId: string, element: HTMLElement) {\n const key = `${documentId}:${itemId}`;\n anchors.set(key, element);\n },\n\n unregister(documentId: string, itemId: string) {\n const key = `${documentId}:${itemId}`;\n anchors.delete(key);\n },\n\n getAnchor(documentId: string, itemId: string) {\n const key = `${documentId}:${itemId}`;\n return anchors.get(key) \|\| null;\n },\n };\n}\n\nexport function provideAnchorRegistry() {\n const registry = createAnchorRegistry();\n setContext(ANCHOR_REGISTRY_KEY, registry);\n return registry;\n}\n\nexport function useAnchorRegistry(): AnchorRegistry {\n const registry = getContext<AnchorRegistry>(ANCHOR_REGISTRY_KEY);\n if (!registry) {\n throw new Error('useAnchorRegistry must be used within UIProvider');\n }\n return registry;\n}\n","import { getContext, setContext, type Component } from 'svelte';\nimport type { BaseComponentProps } from '../types';\n\n/\n Component Registry\n \n Stores custom components that can be referenced in the UI schema.\n /\nexport interface ComponentRegistry {\n register(id: string, component: Component<BaseComponentProps>): void;\n unregister(id: string): void;\n get(id: string): Component<BaseComponentProps> \| undefined;\n has(id: string): boolean;\n getRegisteredIds(): string[];\n}\n\nconst COMPONENT_REGISTRY_KEY = Symbol('ComponentRegistry');\n\nexport function createComponentRegistry(\n initialComponents: Record<string, Component<BaseComponentProps>> = {},\n): ComponentRegistry {\n const components = new Map<string, Component<BaseComponentProps>>(\n Object.entries(initialComponents),\n );\n\n return {\n register(id: string, component: Component<BaseComponentProps>) {\n components.set(id, component);\n },\n\n unregister(id: string) {\n components.delete(id);\n },\n\n get(id: string) {\n return components.get(id);\n },\n\n has(id: string) {\n return components.has(id);\n },\n\n getRegisteredIds() {\n return Array.from(components.keys());\n },\n };\n}\n\nexport function provideComponentRegistry(\n initialComponents: Record<string, Component<BaseComponentProps>> = {},\n) {\n const registry = createComponentRegistry(initialComponents);\n setContext(COMPONENT_REGISTRY_KEY, registry);\n return registry;\n}\n\nexport function useComponentRegistry(): ComponentRegistry {\n const registry = getContext<ComponentRegistry>(COMPONENT_REGISTRY_KEY);\n if (!registry) {\n throw new Error('useComponentRegistry must be used within UIProvider');\n }\n return registry;\n}\n","import { getContext, setContext } from 'svelte';\nimport type { UIRenderers } from '../types';\n\n/\n Renderers Registry\n \n Provides access to user-supplied renderers (toolbar, panel, menu).\n /\nconst RENDERERS_KEY = Symbol('Renderers');\n\nexport function provideRenderers(renderers: UIRenderers) {\n setContext(RENDERERS_KEY, renderers);\n}\n\nexport function useRenderers(): UIRenderers {\n const renderers = getContext<UIRenderers>(RENDERERS_KEY);\n if (!renderers) {\n throw new Error('useRenderers must be used within UIProvider');\n }\n return renderers;\n}\n","<script lang=\"ts\">\n import { useUIState, useUICapability } from './hooks/use-ui.svelte';\n import { useAnchorRegistry } from './registries/anchor-registry.svelte';\n import { useRenderers } from './registries/renderers-registry.svelte';\n\n /\n Automatically renders menus when opened\n \n This component:\n * 1. Listens to UI plugin state for open menus\n * 2. Looks up anchor elements from the anchor registry\n * 3. Renders menus using the user-provided menu renderer\n /\n\n interface Props {\n documentId: string; // Which document's menus to render\n container?: HTMLElement \| null;\n }\n\n let { documentId, container = null }: Props = $props();\n\n const uiState = useUIState(() => documentId);\n const capability = useUICapability();\n const anchorRegistry = useAnchorRegistry();\n const renderers = useRenderers();\n\n // Derived state for active menu\n const activeMenu = $derived.by(() => {\n const openMenus = uiState.state?.openMenus \|\| {};\n const openMenuIds = Object.keys(openMenus);\n\n if (openMenuIds.length === 0) return null;\n\n // Show the first open menu (in practice, should only be one)\n const menuId = openMenuIds[0];\n if (!menuId) return null;\n\n const menuState = openMenus[menuId];\n if (!menuState \|\| !menuState.triggeredByItemId) return null;\n\n // Look up anchor with documentId scope\n const anchor = anchorRegistry.getAnchor(documentId, menuState.triggeredByItemId);\n return { menuId, anchorEl: anchor };\n });\n\n const schema = $derived(capability.provides?.getSchema());\n\n const menuSchema = $derived.by(() => {\n if (!activeMenu \|\| !schema) return null;\n\n const menuSchemaValue = schema.menus[activeMenu.menuId];\n if (!menuSchemaValue) {\n console.warn(`Menu \"${activeMenu.menuId}\" not found in schema`);\n return null;\n }\n\n return menuSchemaValue;\n });\n\n const handleClose = () => {\n if (activeMenu) {\n uiState.provides?.closeMenu(activeMenu.menuId);\n }\n };\n\n // Use the user-provided menu renderer\n const MenuRenderer = renderers.menu;\n</script>\n\n{#if activeMenu && menuSchema && MenuRenderer}\n <MenuRenderer\n schema={menuSchema}\n {documentId}\n anchorEl={activeMenu.anchorEl}\n onClose={handleClose}\n {container}\n />\n{/if}\n","<script lang=\"ts\">\n import { UI_ATTRIBUTES, UI_SELECTORS } from '@embedpdf/plugin-ui';\n import { useUIPlugin, useUICapability } from './hooks/use-ui.svelte';\n import { setUIContainerContext } from './hooks/use-ui-container.svelte';\n import type { Snippet } from 'svelte';\n import type { HTMLAttributes } from 'svelte/elements';\n\n type Props = HTMLAttributes<HTMLDivElement> & {\n children?: Snippet;\n };\n\n let { children, class: className, ...restProps }: Props = $props();\n\n const { plugin } = useUIPlugin();\n const { provides } = useUICapability();\n\n let disabledCategories = $state<string[]>([]);\n let hiddenItems = $state<string[]>([]);\n let rootElement: HTMLDivElement \| null = $state(null);\n let styleEl: HTMLStyleElement \| null = null;\n let styleTarget: HTMLElement \| ShadowRoot \| null = null;\n\n // Provide container context for child components\n setUIContainerContext({\n getContainer: () => rootElement,\n });\n\n function getStyleTarget(element: HTMLElement): HTMLElement \| ShadowRoot {\n const root = element.getRootNode();\n if (root instanceof ShadowRoot) {\n return root;\n }\n return document.head;\n }\n\n $effect(() => {\n if (!rootElement \|\| !plugin) {\n styleTarget = null;\n return;\n }\n\n styleTarget = getStyleTarget(rootElement);\n\n const existingStyle = styleTarget.querySelector(UI_SELECTORS.STYLES) as HTMLStyleElement \| null;\n\n if (existingStyle) {\n styleEl = existingStyle;\n existingStyle.textContent = plugin.getStylesheet();\n return;\n }\n\n const stylesheet = plugin.getStylesheet();\n const newStyleEl = document.createElement('style');\n newStyleEl.setAttribute(UI_ATTRIBUTES.STYLES, '');\n newStyleEl.textContent = stylesheet;\n\n if (styleTarget instanceof ShadowRoot) {\n styleTarget.insertBefore(newStyleEl, styleTarget.firstChild);\n } else {\n styleTarget.appendChild(newStyleEl);\n }\n\n styleEl = newStyleEl;\n\n return () => {\n if (styleEl?.parentNode) {\n styleEl.remove();\n }\n styleEl = null;\n styleTarget = null;\n };\n });\n\n $effect(() => {\n if (!plugin) return;\n\n return plugin.onStylesheetInvalidated(() => {\n if (styleEl) {\n styleEl.textContent = plugin.getStylesheet();\n }\n });\n });\n\n $effect(() => {\n if (!provides) return;\n\n disabledCategories = provides.getDisabledCategories();\n hiddenItems = provides.getHiddenItems();\n\n return provides.onCategoryChanged((event) => {\n disabledCategories = event.disabledCategories;\n hiddenItems = event.hiddenItems;\n });\n });\n\n const disabledCategoriesAttr = $derived(\n disabledCategories.length > 0 ? disabledCategories.join(' ') : undefined,\n );\n\n const hiddenItemsAttr = $derived(hiddenItems.length > 0 ? hiddenItems.join(' ') : undefined);\n</script>\n\n<div\n bind:this={rootElement}\n {...restProps}\n {...{ [UI_ATTRIBUTES.ROOT]: '' }}\n {...disabledCategoriesAttr ? { [UI_ATTRIBUTES.DISABLED_CATEGORIES]: disabledCategoriesAttr } : {}}\n {...hiddenItemsAttr ? { [UI_ATTRIBUTES.HIDDEN_ITEMS]: hiddenItemsAttr } : {}}\n class={className}\n style:container-type=\"inline-size\"\n>\n {#if children}\n {@render children()}\n {/if}\n</div>\n","<script lang=\"ts\">\n import type { Component, Snippet } from 'svelte';\n import { provideAnchorRegistry } from './registries/anchor-registry.svelte';\n import { provideComponentRegistry } from './registries/component-registry.svelte';\n import { provideRenderers } from './registries/renderers-registry.svelte';\n import type { UIComponents, UIRenderers } from './types';\n import AutoMenuRenderer from './auto-menu-renderer.svelte';\n import UIRoot from './root.svelte';\n import type { HTMLAttributes } from 'svelte/elements';\n\n /\n UIProvider Props\n /\n type ProviderProps = HTMLAttributes<HTMLDivElement> & {\n children: Snippet;\n\n /\n Document ID for this UI context\n * Required for menu rendering\n /\n documentId: string;\n\n /\n Custom component registry\n * Maps component IDs to components\n /\n components?: UIComponents;\n\n /\n REQUIRED: User-provided renderers\n * These define how toolbars, panels, and menus are displayed\n /\n renderers: UIRenderers;\n\n /\n Optional: Container for menu portal\n * Defaults to document.body\n /\n menuContainer?: HTMLElement \| null;\n\n class?: string;\n };\n\n let {\n children,\n documentId,\n components = {},\n renderers,\n menuContainer = null,\n class: className,\n ...restProps\n }: ProviderProps = $props();\n\n /\n UIProvider - Single provider for all UI plugin functionality\n \n Manages:\n * - Anchor registry for menu positioning\n * - Component registry for custom components\n * - Renderers for toolbars, panels, and menus\n * - Automatic menu rendering\n \n @example\n * ```svelte\n * <EmbedPDF {engine} {plugins}>\n * {#snippet children({ pluginsReady, activeDocumentId })}\n * {#if pluginsReady && activeDocumentId}\n * <UIProvider\n * documentId={activeDocumentId}\n * components={{\n * 'thumbnail-panel': ThumbnailPanel,\n * 'bookmark-panel': BookmarkPanel,\n * }}\n * renderers={{\n * toolbar: ToolbarRenderer,\n * panel: PanelRenderer,\n * menu: MenuRenderer,\n * }}\n * >\n * {#snippet children()}\n * <ViewerLayout />\n * {/snippet}\n * </UIProvider>\n * {/if}\n * {/snippet}\n * </EmbedPDF>\n * ```\n /\n\n // Provide all registries\n provideAnchorRegistry();\n provideComponentRegistry(components);\n provideRenderers(renderers);\n</script>\n\n<UIRoot class={className} {...restProps}>\n {@render children()}\n <AutoMenuRenderer {documentId} container={menuContainer} />\n</UIRoot>\n","import { useComponentRegistry } from '../registries/component-registry.svelte';\n\n/\n Helper utilities for building renderers\n /\nexport function useItemRenderer() {\n const componentRegistry = useComponentRegistry();\n\n return {\n /\n Get a custom component by ID\n \n @param componentId - Component ID from schema\n * @returns Component constructor or undefined if not found\n \n @example\n * ```svelte\n * <script lang=\"ts\">\n * const { getCustomComponent } = useItemRenderer();\n * const MyComponent = getCustomComponent('my-component-id');\n * </script>\n \n {#if MyComponent}\n * <MyComponent {documentId} {...props} />\n * {/if}\n * ```\n /\n getCustomComponent: (componentId: string) => {\n const Component = componentRegistry.get(componentId);\n\n if (!Component) {\n console.error(`Component \"${componentId}\" not found in registry`);\n return undefined;\n }\n\n return Component;\n },\n };\n}\n","import { onDestroy } from 'svelte';\nimport { useAnchorRegistry } from '../registries/anchor-registry.svelte';\n\n/\n Register a DOM element as an anchor for menus\n \n @param getDocumentId - Function returning document ID\n * @param getItemId - Function returning item ID (typically matches the toolbar/menu item ID)\n * @returns Function to attach to the element via use:action\n \n @example\n \n <script lang=\"ts\">\n * const registerAnchor = useRegisterAnchor(() => documentId, () => 'zoom-button');\n * </script>\n \n <button use:registerAnchor>Zoom</button>\n * /\nexport function useRegisterAnchor(getDocumentId: () => string \| null, getItemId: () => string) {\n const registry = useAnchorRegistry();\n let currentElement = $state<HTMLElement \| null>(null);\n\n // Reactive values - these update when the functions return different values\n const documentId = $derived(getDocumentId());\n const itemId = $derived(getItemId());\n\n // Re-register anchor when documentId, itemId, or element changes\n $effect(() => {\n const docId = documentId;\n const item = itemId;\n const element = currentElement;\n\n // Only register if we have all required values\n if (element && docId && item) {\n registry.register(docId, item, element);\n\n // Cleanup: unregister when effect re-runs or component unmounts\n return () => {\n registry.unregister(docId, item);\n };\n }\n });\n\n // Svelte action function\n const action = (element: HTMLElement) => {\n currentElement = element;\n\n return {\n destroy() {\n // Clear the element reference when the action is destroyed\n currentElement = null;\n },\n };\n };\n\n return action;\n}\n","import { useUICapability } from './use-ui.svelte';\nimport { useRenderers } from '../registries/renderers-registry.svelte';\n\n/\n High-level hook for rendering UI from schema\n \n Provides information about active toolbars, sidebars, and modals.\n * Always includes isOpen state so renderers can control animations.\n \n Use with Svelte's component binding to render toolbars and sidebars.\n \n @example\n * ```svelte\n * <script lang=\"ts\">\n * const { getToolbarInfo, getSidebarInfo, getModalInfo } = useSchemaRenderer(() => documentId);\n \n const topMainToolbar = $derived(getToolbarInfo('top', 'main'));\n * const leftMainSidebar = $derived(getSidebarInfo('left', 'main'));\n * const modal = $derived(getModalInfo());\n * </script>\n \n {#if topMainToolbar}\n * {@const ToolbarRenderer = topMainToolbar.renderer}\n * <ToolbarRenderer\n * schema={topMainToolbar.schema}\n * documentId={topMainToolbar.documentId}\n * isOpen={topMainToolbar.isOpen}\n * onClose={topMainToolbar.onClose}\n * />\n * {/if}\n * ```\n /\nexport function useSchemaRenderer(getDocumentId: () => string \| null) {\n const renderers = useRenderers();\n const capability = useUICapability();\n const uiState = useUIState(getDocumentId);\n\n return {\n /\n Get toolbar information by placement and slot\n \n @param placement - 'top' \| 'bottom' \| 'left' \| 'right'\n * @param slot - Slot name (e.g. 'main', 'secondary')\n * @returns Toolbar info or null if no toolbar in slot\n /\n getToolbarInfo: (placement: 'top' \| 'bottom' \| 'left' \| 'right', slot: string) => {\n const schema = capability.provides?.getSchema();\n const documentId = getDocumentId();\n\n if (!schema \|\| !uiState.provides \|\| !uiState.state \|\| !documentId) return null;\n\n const slotKey = `${placement}-${slot}`;\n const toolbarSlot = uiState.state.activeToolbars[slotKey];\n\n // If no toolbar in this slot, nothing to render\n if (!toolbarSlot) return null;\n\n const toolbarSchema = schema.toolbars[toolbarSlot.toolbarId];\n if (!toolbarSchema) {\n console.warn(`Toolbar \"${toolbarSlot.toolbarId}\" not found in schema`);\n return null;\n }\n\n // Check if toolbar is closable\n const isClosable = !toolbarSchema.permanent;\n\n const handleClose = isClosable\n ? () => {\n uiState.provides?.closeToolbarSlot(placement, slot);\n }\n : undefined;\n\n return {\n renderer: renderers.toolbar,\n schema: toolbarSchema,\n documentId,\n isOpen: toolbarSlot.isOpen,\n onClose: handleClose,\n };\n },\n\n /\n Get sidebar information by placement and slot\n \n @param placement - 'left' \| 'right' \| 'top' \| 'bottom'\n * @param slot - Slot name (e.g. 'main', 'secondary', 'inspector')\n * @returns Sidebar info or null if no sidebar in slot\n /\n getSidebarInfo: (placement: 'left' \| 'right' \| 'top' \| 'bottom', slot: string) => {\n const schema = capability.provides?.getSchema();\n const documentId = getDocumentId();\n\n if (!schema \|\| !uiState.provides \|\| !uiState.state \|\| !documentId) return null;\n\n const slotKey = `${placement}-${slot}`;\n const sidebarSlot = uiState.state.activeSidebars[slotKey];\n\n // If no sidebar in this slot, nothing to render\n if (!sidebarSlot) return null;\n\n const sidebarSchema = schema.sidebars?.[sidebarSlot.sidebarId];\n if (!sidebarSchema) {\n console.warn(`Sidebar \"${sidebarSlot.sidebarId}\" not found in schema`);\n return null;\n }\n\n const handleClose = () => {\n uiState.provides?.closeSidebarSlot(placement, slot);\n };\n\n return {\n renderer: renderers.sidebar,\n schema: sidebarSchema,\n documentId,\n isOpen: sidebarSlot.isOpen,\n onClose: handleClose,\n };\n },\n\n /\n Get modal information (if active)\n \n Supports animation lifecycle:\n * - isOpen: true = visible\n * - isOpen: false = animate out (modal still rendered)\n * - onExited called after animation → modal removed\n \n @returns Modal info or null if no modal active\n /\n getModalInfo: () => {\n const schema = capability.provides?.getSchema();\n const documentId = getDocumentId();\n\n if (!schema \|\| !uiState.provides \|\| !uiState.state?.activeModal \|\| !documentId) return null;\n\n const { modalId, isOpen } = uiState.state.activeModal;\n\n const modalSchema = schema.modals?.[modalId];\n if (!modalSchema) {\n console.warn(`Modal \"${modalId}\" not found in schema`);\n return null;\n }\n\n const handleClose = () => {\n uiState.provides?.closeModal();\n };\n\n const handleExited = () => {\n uiState.provides?.clearModal();\n };\n\n const ModalRenderer = renderers.modal;\n if (!ModalRenderer) {\n console.warn('No modal renderer registered');\n return null;\n }\n\n return {\n renderer: ModalRenderer,\n schema: modalSchema,\n documentId,\n isOpen,\n onClose: handleClose,\n onExited: handleExited,\n };\n },\n\n /\n Helper: Get all active toolbars for this document\n * Useful for batch rendering or debugging\n /\n getActiveToolbars: () => {\n if (!uiState.state) return [];\n return Object.entries(uiState.state.activeToolbars).map(([slotKey, toolbarSlot]) => {\n const [placement, slot] = slotKey.split('-');\n return {\n placement,\n slot,\n toolbarId: toolbarSlot.toolbarId,\n isOpen: toolbarSlot.isOpen,\n };\n });\n },\n\n /\n Helper: Get all active sidebars for this document\n * Useful for batch rendering or debugging\n /\n getActiveSidebars: () => {\n if (!uiState.state) return [];\n return Object.entries(uiState.state.activeSidebars).map(([slotKey, sidebarSlot]) => {\n const [placement, slot] = slotKey.split('-');\n return {\n placement,\n slot,\n sidebarId: sidebarSlot.sidebarId,\n isOpen: sidebarSlot.isOpen,\n };\n });\n },\n\n /\n Get overlay information for all enabled overlays\n \n Overlays are floating components positioned over the document content.\n * Unlike modals, multiple overlays can be visible and they don't block interaction.\n \n @example\n * ```svelte\n * <script lang=\"ts\">\n * const { getOverlaysInfo } = useSchemaRenderer(() => documentId);\n * const overlays = $derived(getOverlaysInfo());\n * </script>\n \n {#each overlays as overlay (overlay.schema.id)}\n * {@const OverlayRenderer = overlay.renderer}\n * <OverlayRenderer schema={overlay.schema} documentId={overlay.documentId} />\n * {/each}\n * ```\n /\n getOverlaysInfo: () => {\n const schema = capability.provides?.getSchema();\n const documentId = getDocumentId();\n\n if (!schema?.overlays \|\| !documentId) return [];\n\n const OverlayRenderer = renderers.overlay;\n if (!OverlayRenderer) {\n return [];\n }\n\n return Object.values(schema.overlays).map((overlaySchema) => ({\n renderer: OverlayRenderer,\n schema: overlaySchema,\n documentId,\n }));\n },\n };\n}\n\n// Import after definition to avoid circular dependency\nimport { useUIState } from './use-ui.svelte';\n","import type {\n SelectionMenuPropsBase,\n SelectionMenuRenderFn,\n SelectionMenuRenderResult,\n} from '@embedpdf/utils/svelte';\nimport { useUICapability } from './use-ui.svelte';\nimport { useRenderers } from '../registries/renderers-registry.svelte';\n\n/\n Hook for schema-driven selection menus\n */\nexport function useSelectionMenu<TContext extends { type: string }>(\n menuId: string \| (() => string),\n getDocumentId: () => string,\n) {\n const uiCapability = useUICapability();\n const renderers = useRenderers();\n\n // Normalize menuId to always be a function, then make it reactive\n const getMenuIdFn = typeof menuId === 'function' ? menuId : () => menuId;\n const menuIdValue = $derived(getMenuIdFn());\n const documentId = $derived(getDocumentId());\n const schema = $derived(uiCapability.provides?.getSchema());\n const menuSchema = $derived(schema?.selectionMenus?.[menuIdValue]);\n\n const renderFn = $derived.by<SelectionMenuRenderFn<TContext> \| undefined>(() => {\n if (!menuSchema) return undefined;\n\n const currentMenuSchema = menuSchema;\n const currentDocumentId = documentId;\n const SelectionMenuRenderer = renderers.selectionMenu;\n\n return (props: SelectionMenuPropsBase<TContext>): SelectionMenuRenderResult \| null => {\n if (!props.selected) return null;\n\n return {\n component: SelectionMenuRenderer,\n props: {\n schema: currentMenuSchema,\n documentId: currentDocumentId,\n props,\n },\n };\n };\n });\n\n return {\n get renderFn() {\n return renderFn;\n },\n };\n}\n"],"names":["useUIPlugin","usePlugin","UIPlugin","id","useUICapability","useCapability","useUIState","getDocumentId","capability","state","$","documentId","scopedProvides","derived","provides","forDocument","user_effect","docId","set","scope","getState","unsubToolbar","onToolbarChanged","unsubSidebar","onSidebarChanged","unsubModal","onModalChanged","unsubMenu","onMenuChanged","UI_CONTAINER_KEY","Symbol","setUIContainerContext","value","setContext","ANCHOR_REGISTRY_KEY","createAnchorRegistry","anchors","Map","register","itemId","element","key","unregister","delete","getAnchor","get","provideAnchorRegistry","registry","useAnchorRegistry","getContext","Error","COMPONENT_REGISTRY_KEY","createComponentRegistry","initialComponents","components","Object","entries","component","has","getRegisteredIds","Array","from","keys","provideComponentRegistry","useComponentRegistry","RENDERERS_KEY","provideRenderers","renderers","useRenderers","container","uiState","$$props","anchorRegistry","activeMenu","openMenus","_a","openMenuIds","length","menuId","menuState","triggeredByItemId","anchorEl","schema","getSchema","menuSchema","menuSchemaValue","menus","console","warn","handleClose","closeMenu","MenuRenderer","menu","$$anchor","$$render","consequent","restProps","rest_props","plugin","disabledCategories","proxy","hiddenItems","rootElement","styleEl","styleTarget","getContainer","root","getRootNode","ShadowRoot","document","head","getStyleTarget","existingStyle","querySelector","UI_SELECTORS","STYLES","textContent","getStylesheet","stylesheet","newStyleEl","createElement","setAttribute","UI_ATTRIBUTES","insertBefore","firstChild","appendChild","parentNode","remove","onStylesheetInvalidated","getDisabledCategories","getHiddenItems","onCategoryChanged","event","disabledCategoriesAttr","join","hiddenItemsAttr","div","root_1","ROOT","DISABLED_CATEGORIES","HIDDEN_ITEMS","$$value","prop","menuContainer","UIRoot","spread_props","AutoMenuRenderer","componentRegistry","getCustomComponent","componentId","Component","error","getItemId","currentElement","item","destroy","getToolbarInfo","placement","slot","slotKey","toolbarSlot","activeToolbars","toolbarSchema","toolbars","toolbarId","permanent","closeToolbarSlot","renderer","toolbar","isOpen","onClose","getSidebarInfo","sidebarSlot","activeSidebars","sidebarSchema","_b","sidebars","sidebarId","sidebar","closeSidebarSlot","getModalInfo","activeModal","modalId","modalSchema","_c","modals","ModalRenderer","modal","closeModal","onExited","clearModal","getActiveToolbars","map","split","getActiveSidebars","getOverlaysInfo","overlays","OverlayRenderer","overlay","values","overlaySchema","uiCapability","getMenuIdFn","menuIdValue","selectionMenus","renderFn","currentMenuSchema","currentDocumentId","SelectionMenuRenderer","selectionMenu","props","selected","context"],"mappings":"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"}

package/dist/svelte/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../src/svelte/hooks/use-ui.svelte.ts","../../src/svelte/hooks/use-ui-container.svelte.ts","../../src/svelte/registries/anchor-registry.svelte.ts","../../src/svelte/hooks/use-register-anchor.svelte.ts","../../src/svelte/registries/component-registry.svelte.ts","../../src/svelte/hooks/use-item-renderer.svelte.ts","../../src/svelte/registries/renderers-registry.svelte.ts","../../src/svelte/hooks/use-schema-renderer.svelte.ts","../../src/svelte/hooks/use-selection-menu.svelte.ts","../../src/svelte/auto-menu-renderer.svelte","../../src/svelte/root.svelte","../../src/svelte/provider.svelte"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/svelte';\nimport { UIPlugin, UIDocumentState, UIScope } from '@embedpdf/plugin-ui';\n\n/*\n Hook to get the raw UI plugin instance.\n /\nexport const useUIPlugin = () => usePlugin<UIPlugin>(UIPlugin.id);\n\n/\n Hook to get the UI plugin's capability API.\n /\nexport const useUICapability = () => useCapability<UIPlugin>(UIPlugin.id);\n\n// Define the return type explicitly to maintain type safety\ninterface UseUIStateReturn {\n provides: UIScope \| null;\n state: UIDocumentState \| null;\n}\n\n/\n Hook for UI state for a specific document\n * @param getDocumentId Function that returns the document ID\n /\nexport const useUIState = (getDocumentId: () => string \| null): UseUIStateReturn => {\n const capability = useUICapability();\n\n let state = $state<UIDocumentState \| null>(null);\n\n // Reactive documentId\n const documentId = $derived(getDocumentId());\n\n // Scoped capability for current docId\n const scopedProvides = $derived(\n capability.provides && documentId ? capability.provides.forDocument(documentId) : null,\n );\n\n $effect(() => {\n const provides = capability.provides;\n const docId = documentId;\n\n if (!provides \|\| !docId) {\n state = null;\n return;\n }\n\n const scope = provides.forDocument(docId);\n\n // Set initial state\n state = scope.getState();\n\n // Subscribe to all changes and update state\n const unsubToolbar = scope.onToolbarChanged(() => {\n state = scope.getState();\n });\n const unsubSidebar = scope.onSidebarChanged(() => {\n state = scope.getState();\n });\n const unsubModal = scope.onModalChanged(() => {\n state = scope.getState();\n });\n const unsubMenu = scope.onMenuChanged(() => {\n state = scope.getState();\n });\n\n return () => {\n unsubToolbar();\n unsubSidebar();\n unsubModal();\n unsubMenu();\n };\n });\n\n return {\n get provides() {\n return scopedProvides;\n },\n get state() {\n return state;\n },\n };\n};\n\n/\n Hook to get UI schema\n * Returns an object with a reactive getter for the schema\n /\nexport const useUISchema = () => {\n const capability = useUICapability();\n\n return {\n get schema() {\n return capability.provides?.getSchema() ?? null;\n },\n };\n};\n","import { getContext, setContext } from 'svelte';\n\nexport interface UIContainerContextValue {\n /* Get the container element (may be null if not mounted) /\n getContainer: () => HTMLDivElement \| null;\n}\n\nconst UI_CONTAINER_KEY = Symbol('ui-container');\n\n/\n Set up the container context (called by UIRoot)\n /\nexport function setUIContainerContext(value: UIContainerContextValue): void {\n setContext(UI_CONTAINER_KEY, value);\n}\n\n/\n Hook to access the UI container element.\n \n This provides access to the UIRoot container for:\n * - Container query based responsiveness\n * - Portaling elements to the root\n * - Measuring container dimensions\n \n @example\n * ```svelte\n * <script>\n * import { useUIContainer } from '@embedpdf/plugin-ui/svelte';\n * import { onMount, onDestroy } from 'svelte';\n \n const { getContainer } = useUIContainer();\n \n let observer;\n \n onMount(() => {\n * const container = getContainer();\n * if (!container) return;\n \n observer = new ResizeObserver(() => {\n * console.log('Container width:', container.clientWidth);\n * });\n * observer.observe(container);\n * });\n \n onDestroy(() => observer?.disconnect());\n * </script>\n * ```\n /\nexport function useUIContainer(): UIContainerContextValue {\n const context = getContext<UIContainerContextValue>(UI_CONTAINER_KEY);\n if (!context) {\n throw new Error('useUIContainer must be used within a UIProvider');\n }\n return context;\n}\n","import { getContext, setContext } from 'svelte';\n\n/\n Anchor Registry\n \n Tracks DOM elements for menu positioning.\n * Each anchor is scoped by documentId and itemId.\n /\nexport interface AnchorRegistry {\n register(documentId: string, itemId: string, element: HTMLElement): void;\n unregister(documentId: string, itemId: string): void;\n getAnchor(documentId: string, itemId: string): HTMLElement \| null;\n}\n\nconst ANCHOR_REGISTRY_KEY = Symbol('AnchorRegistry');\n\nexport function createAnchorRegistry(): AnchorRegistry {\n const anchors = new Map<string, HTMLElement>();\n\n return {\n register(documentId: string, itemId: string, element: HTMLElement) {\n const key = `${documentId}:${itemId}`;\n anchors.set(key, element);\n },\n\n unregister(documentId: string, itemId: string) {\n const key = `${documentId}:${itemId}`;\n anchors.delete(key);\n },\n\n getAnchor(documentId: string, itemId: string) {\n const key = `${documentId}:${itemId}`;\n return anchors.get(key) \|\| null;\n },\n };\n}\n\nexport function provideAnchorRegistry() {\n const registry = createAnchorRegistry();\n setContext(ANCHOR_REGISTRY_KEY, registry);\n return registry;\n}\n\nexport function useAnchorRegistry(): AnchorRegistry {\n const registry = getContext<AnchorRegistry>(ANCHOR_REGISTRY_KEY);\n if (!registry) {\n throw new Error('useAnchorRegistry must be used within UIProvider');\n }\n return registry;\n}\n","import { onDestroy } from 'svelte';\nimport { useAnchorRegistry } from '../registries/anchor-registry.svelte';\n\n/\n Register a DOM element as an anchor for menus\n \n @param getDocumentId - Function returning document ID\n * @param getItemId - Function returning item ID (typically matches the toolbar/menu item ID)\n * @returns Function to attach to the element via use:action\n \n @example\n \n <script lang=\"ts\">\n * const registerAnchor = useRegisterAnchor(() => documentId, () => 'zoom-button');\n * </script>\n \n <button use:registerAnchor>Zoom</button>\n * /\nexport function useRegisterAnchor(getDocumentId: () => string \| null, getItemId: () => string) {\n const registry = useAnchorRegistry();\n let currentElement = $state<HTMLElement \| null>(null);\n\n // Reactive values - these update when the functions return different values\n const documentId = $derived(getDocumentId());\n const itemId = $derived(getItemId());\n\n // Re-register anchor when documentId, itemId, or element changes\n $effect(() => {\n const docId = documentId;\n const item = itemId;\n const element = currentElement;\n\n // Only register if we have all required values\n if (element && docId && item) {\n registry.register(docId, item, element);\n\n // Cleanup: unregister when effect re-runs or component unmounts\n return () => {\n registry.unregister(docId, item);\n };\n }\n });\n\n // Svelte action function\n const action = (element: HTMLElement) => {\n currentElement = element;\n\n return {\n destroy() {\n // Clear the element reference when the action is destroyed\n currentElement = null;\n },\n };\n };\n\n return action;\n}\n","import { getContext, setContext, type Component } from 'svelte';\nimport type { BaseComponentProps } from '../types';\n\n/\n Component Registry\n \n Stores custom components that can be referenced in the UI schema.\n /\nexport interface ComponentRegistry {\n register(id: string, component: Component<BaseComponentProps>): void;\n unregister(id: string): void;\n get(id: string): Component<BaseComponentProps> \| undefined;\n has(id: string): boolean;\n getRegisteredIds(): string[];\n}\n\nconst COMPONENT_REGISTRY_KEY = Symbol('ComponentRegistry');\n\nexport function createComponentRegistry(\n initialComponents: Record<string, Component<BaseComponentProps>> = {},\n): ComponentRegistry {\n const components = new Map<string, Component<BaseComponentProps>>(\n Object.entries(initialComponents),\n );\n\n return {\n register(id: string, component: Component<BaseComponentProps>) {\n components.set(id, component);\n },\n\n unregister(id: string) {\n components.delete(id);\n },\n\n get(id: string) {\n return components.get(id);\n },\n\n has(id: string) {\n return components.has(id);\n },\n\n getRegisteredIds() {\n return Array.from(components.keys());\n },\n };\n}\n\nexport function provideComponentRegistry(\n initialComponents: Record<string, Component<BaseComponentProps>> = {},\n) {\n const registry = createComponentRegistry(initialComponents);\n setContext(COMPONENT_REGISTRY_KEY, registry);\n return registry;\n}\n\nexport function useComponentRegistry(): ComponentRegistry {\n const registry = getContext<ComponentRegistry>(COMPONENT_REGISTRY_KEY);\n if (!registry) {\n throw new Error('useComponentRegistry must be used within UIProvider');\n }\n return registry;\n}\n","import { useComponentRegistry } from '../registries/component-registry.svelte';\n\n/\n Helper utilities for building renderers\n /\nexport function useItemRenderer() {\n const componentRegistry = useComponentRegistry();\n\n return {\n /\n Get a custom component by ID\n \n @param componentId - Component ID from schema\n * @returns Component constructor or undefined if not found\n \n @example\n * ```svelte\n * <script lang=\"ts\">\n * const { getCustomComponent } = useItemRenderer();\n * const MyComponent = getCustomComponent('my-component-id');\n * </script>\n \n {#if MyComponent}\n * <MyComponent {documentId} {...props} />\n * {/if}\n * ```\n /\n getCustomComponent: (componentId: string) => {\n const Component = componentRegistry.get(componentId);\n\n if (!Component) {\n console.error(`Component \"${componentId}\" not found in registry`);\n return undefined;\n }\n\n return Component;\n },\n };\n}\n","import { getContext, setContext } from 'svelte';\nimport type { UIRenderers } from '../types';\n\n/\n Renderers Registry\n \n Provides access to user-supplied renderers (toolbar, panel, menu).\n /\nconst RENDERERS_KEY = Symbol('Renderers');\n\nexport function provideRenderers(renderers: UIRenderers) {\n setContext(RENDERERS_KEY, renderers);\n}\n\nexport function useRenderers(): UIRenderers {\n const renderers = getContext<UIRenderers>(RENDERERS_KEY);\n if (!renderers) {\n throw new Error('useRenderers must be used within UIProvider');\n }\n return renderers;\n}\n","import { useUICapability } from './use-ui.svelte';\nimport { useRenderers } from '../registries/renderers-registry.svelte';\n\n/\n High-level hook for rendering UI from schema\n \n Provides information about active toolbars, sidebars, and modals.\n * Always includes isOpen state so renderers can control animations.\n \n Use with Svelte's component binding to render toolbars and sidebars.\n \n @example\n * ```svelte\n * <script lang=\"ts\">\n * const { getToolbarInfo, getSidebarInfo, getModalInfo } = useSchemaRenderer(() => documentId);\n \n const topMainToolbar = $derived(getToolbarInfo('top', 'main'));\n * const leftMainSidebar = $derived(getSidebarInfo('left', 'main'));\n * const modal = $derived(getModalInfo());\n * </script>\n \n {#if topMainToolbar}\n * {@const ToolbarRenderer = topMainToolbar.renderer}\n * <ToolbarRenderer\n * schema={topMainToolbar.schema}\n * documentId={topMainToolbar.documentId}\n * isOpen={topMainToolbar.isOpen}\n * onClose={topMainToolbar.onClose}\n * />\n * {/if}\n * ```\n /\nexport function useSchemaRenderer(getDocumentId: () => string \| null) {\n const renderers = useRenderers();\n const capability = useUICapability();\n const uiState = useUIState(getDocumentId);\n\n return {\n /\n Get toolbar information by placement and slot\n \n @param placement - 'top' \| 'bottom' \| 'left' \| 'right'\n * @param slot - Slot name (e.g. 'main', 'secondary')\n * @returns Toolbar info or null if no toolbar in slot\n /\n getToolbarInfo: (placement: 'top' \| 'bottom' \| 'left' \| 'right', slot: string) => {\n const schema = capability.provides?.getSchema();\n const documentId = getDocumentId();\n\n if (!schema \|\| !uiState.provides \|\| !uiState.state \|\| !documentId) return null;\n\n const slotKey = `${placement}-${slot}`;\n const toolbarSlot = uiState.state.activeToolbars[slotKey];\n\n // If no toolbar in this slot, nothing to render\n if (!toolbarSlot) return null;\n\n const toolbarSchema = schema.toolbars[toolbarSlot.toolbarId];\n if (!toolbarSchema) {\n console.warn(`Toolbar \"${toolbarSlot.toolbarId}\" not found in schema`);\n return null;\n }\n\n // Check if toolbar is closable\n const isClosable = !toolbarSchema.permanent;\n\n const handleClose = isClosable\n ? () => {\n uiState.provides?.closeToolbarSlot(placement, slot);\n }\n : undefined;\n\n return {\n renderer: renderers.toolbar,\n schema: toolbarSchema,\n documentId,\n isOpen: toolbarSlot.isOpen,\n onClose: handleClose,\n };\n },\n\n /\n Get sidebar information by placement and slot\n \n @param placement - 'left' \| 'right' \| 'top' \| 'bottom'\n * @param slot - Slot name (e.g. 'main', 'secondary', 'inspector')\n * @returns Sidebar info or null if no sidebar in slot\n /\n getSidebarInfo: (placement: 'left' \| 'right' \| 'top' \| 'bottom', slot: string) => {\n const schema = capability.provides?.getSchema();\n const documentId = getDocumentId();\n\n if (!schema \|\| !uiState.provides \|\| !uiState.state \|\| !documentId) return null;\n\n const slotKey = `${placement}-${slot}`;\n const sidebarSlot = uiState.state.activeSidebars[slotKey];\n\n // If no sidebar in this slot, nothing to render\n if (!sidebarSlot) return null;\n\n const sidebarSchema = schema.sidebars?.[sidebarSlot.sidebarId];\n if (!sidebarSchema) {\n console.warn(`Sidebar \"${sidebarSlot.sidebarId}\" not found in schema`);\n return null;\n }\n\n const handleClose = () => {\n uiState.provides?.closeSidebarSlot(placement, slot);\n };\n\n return {\n renderer: renderers.sidebar,\n schema: sidebarSchema,\n documentId,\n isOpen: sidebarSlot.isOpen,\n onClose: handleClose,\n };\n },\n\n /\n Get modal information (if active)\n \n Supports animation lifecycle:\n * - isOpen: true = visible\n * - isOpen: false = animate out (modal still rendered)\n * - onExited called after animation → modal removed\n \n @returns Modal info or null if no modal active\n /\n getModalInfo: () => {\n const schema = capability.provides?.getSchema();\n const documentId = getDocumentId();\n\n if (!schema \|\| !uiState.provides \|\| !uiState.state?.activeModal \|\| !documentId) return null;\n\n const { modalId, isOpen } = uiState.state.activeModal;\n\n const modalSchema = schema.modals?.[modalId];\n if (!modalSchema) {\n console.warn(`Modal \"${modalId}\" not found in schema`);\n return null;\n }\n\n const handleClose = () => {\n uiState.provides?.closeModal();\n };\n\n const handleExited = () => {\n uiState.provides?.clearModal();\n };\n\n const ModalRenderer = renderers.modal;\n if (!ModalRenderer) {\n console.warn('No modal renderer registered');\n return null;\n }\n\n return {\n renderer: ModalRenderer,\n schema: modalSchema,\n documentId,\n isOpen,\n onClose: handleClose,\n onExited: handleExited,\n };\n },\n\n /\n Helper: Get all active toolbars for this document\n * Useful for batch rendering or debugging\n /\n getActiveToolbars: () => {\n if (!uiState.state) return [];\n return Object.entries(uiState.state.activeToolbars).map(([slotKey, toolbarSlot]) => {\n const [placement, slot] = slotKey.split('-');\n return {\n placement,\n slot,\n toolbarId: toolbarSlot.toolbarId,\n isOpen: toolbarSlot.isOpen,\n };\n });\n },\n\n /\n Helper: Get all active sidebars for this document\n * Useful for batch rendering or debugging\n /\n getActiveSidebars: () => {\n if (!uiState.state) return [];\n return Object.entries(uiState.state.activeSidebars).map(([slotKey, sidebarSlot]) => {\n const [placement, slot] = slotKey.split('-');\n return {\n placement,\n slot,\n sidebarId: sidebarSlot.sidebarId,\n isOpen: sidebarSlot.isOpen,\n };\n });\n },\n\n /\n Get overlay information for all enabled overlays\n \n Overlays are floating components positioned over the document content.\n * Unlike modals, multiple overlays can be visible and they don't block interaction.\n \n @example\n * ```svelte\n * <script lang=\"ts\">\n * const { getOverlaysInfo } = useSchemaRenderer(() => documentId);\n * const overlays = $derived(getOverlaysInfo());\n * </script>\n \n {#each overlays as overlay (overlay.schema.id)}\n * {@const OverlayRenderer = overlay.renderer}\n * <OverlayRenderer schema={overlay.schema} documentId={overlay.documentId} />\n * {/each}\n * ```\n /\n getOverlaysInfo: () => {\n const schema = capability.provides?.getSchema();\n const documentId = getDocumentId();\n\n if (!schema?.overlays \|\| !documentId) return [];\n\n const OverlayRenderer = renderers.overlay;\n if (!OverlayRenderer) {\n return [];\n }\n\n return Object.values(schema.overlays).map((overlaySchema) => ({\n renderer: OverlayRenderer,\n schema: overlaySchema,\n documentId,\n }));\n },\n };\n}\n\n// Import after definition to avoid circular dependency\nimport { useUIState } from './use-ui.svelte';\n","import type {\n SelectionMenuPropsBase,\n SelectionMenuRenderFn,\n SelectionMenuRenderResult,\n} from '@embedpdf/utils/svelte';\nimport { useUICapability } from './use-ui.svelte';\nimport { useRenderers } from '../registries/renderers-registry.svelte';\n\n/\n Hook for schema-driven selection menus\n /\nexport function useSelectionMenu<TContext extends { type: string }>(\n menuId: string \| (() => string),\n getDocumentId: () => string,\n) {\n const uiCapability = useUICapability();\n const renderers = useRenderers();\n\n // Normalize menuId to always be a function, then make it reactive\n const getMenuIdFn = typeof menuId === 'function' ? menuId : () => menuId;\n const menuIdValue = $derived(getMenuIdFn());\n const documentId = $derived(getDocumentId());\n const schema = $derived(uiCapability.provides?.getSchema());\n const menuSchema = $derived(schema?.selectionMenus?.[menuIdValue]);\n\n const renderFn = $derived.by<SelectionMenuRenderFn<TContext> \| undefined>(() => {\n if (!menuSchema) return undefined;\n\n const currentMenuSchema = menuSchema;\n const currentDocumentId = documentId;\n const SelectionMenuRenderer = renderers.selectionMenu;\n\n return (props: SelectionMenuPropsBase<TContext>): SelectionMenuRenderResult \| null => {\n if (!props.selected) return null;\n\n return {\n component: SelectionMenuRenderer,\n props: {\n schema: currentMenuSchema,\n documentId: currentDocumentId,\n props,\n },\n };\n };\n });\n\n return {\n get renderFn() {\n return renderFn;\n },\n };\n}\n","<script lang=\"ts\">\n import { useUIState, useUICapability } from './hooks/use-ui.svelte';\n import { useAnchorRegistry } from './registries/anchor-registry.svelte';\n import { useRenderers } from './registries/renderers-registry.svelte';\n\n /\n Automatically renders menus when opened\n \n This component:\n * 1. Listens to UI plugin state for open menus\n * 2. Looks up anchor elements from the anchor registry\n * 3. Renders menus using the user-provided menu renderer\n /\n\n interface Props {\n documentId: string; // Which document's menus to render\n container?: HTMLElement \| null;\n }\n\n let { documentId, container = null }: Props = $props();\n\n const uiState = useUIState(() => documentId);\n const capability = useUICapability();\n const anchorRegistry = useAnchorRegistry();\n const renderers = useRenderers();\n\n // Derived state for active menu\n const activeMenu = $derived.by(() => {\n const openMenus = uiState.state?.openMenus \|\| {};\n const openMenuIds = Object.keys(openMenus);\n\n if (openMenuIds.length === 0) return null;\n\n // Show the first open menu (in practice, should only be one)\n const menuId = openMenuIds[0];\n if (!menuId) return null;\n\n const menuState = openMenus[menuId];\n if (!menuState \|\| !menuState.triggeredByItemId) return null;\n\n // Look up anchor with documentId scope\n const anchor = anchorRegistry.getAnchor(documentId, menuState.triggeredByItemId);\n return { menuId, anchorEl: anchor };\n });\n\n const schema = $derived(capability.provides?.getSchema());\n\n const menuSchema = $derived.by(() => {\n if (!activeMenu \|\| !schema) return null;\n\n const menuSchemaValue = schema.menus[activeMenu.menuId];\n if (!menuSchemaValue) {\n console.warn(`Menu \"${activeMenu.menuId}\" not found in schema`);\n return null;\n }\n\n return menuSchemaValue;\n });\n\n const handleClose = () => {\n if (activeMenu) {\n uiState.provides?.closeMenu(activeMenu.menuId);\n }\n };\n\n // Use the user-provided menu renderer\n const MenuRenderer = renderers.menu;\n</script>\n\n{#if activeMenu && menuSchema && MenuRenderer}\n <MenuRenderer\n schema={menuSchema}\n {documentId}\n anchorEl={activeMenu.anchorEl}\n onClose={handleClose}\n {container}\n />\n{/if}\n","<script lang=\"ts\">\n import { UI_ATTRIBUTES, UI_SELECTORS } from '@embedpdf/plugin-ui';\n import { useUIPlugin, useUICapability } from './hooks/use-ui.svelte';\n import { setUIContainerContext } from './hooks/use-ui-container.svelte';\n import type { Snippet } from 'svelte';\n import type { HTMLAttributes } from 'svelte/elements';\n\n type Props = HTMLAttributes<HTMLDivElement> & {\n children?: Snippet;\n };\n\n let { children, class: className, ...restProps }: Props = $props();\n\n const { plugin } = useUIPlugin();\n const { provides } = useUICapability();\n\n let disabledCategories = $state<string[]>([]);\n let hiddenItems = $state<string[]>([]);\n let rootElement: HTMLDivElement \| null = $state(null);\n let styleEl: HTMLStyleElement \| null = null;\n let styleTarget: HTMLElement \| ShadowRoot \| null = null;\n\n // Provide container context for child components\n setUIContainerContext({\n getContainer: () => rootElement,\n });\n\n function getStyleTarget(element: HTMLElement): HTMLElement \| ShadowRoot {\n const root = element.getRootNode();\n if (root instanceof ShadowRoot) {\n return root;\n }\n return document.head;\n }\n\n $effect(() => {\n if (!rootElement \|\| !plugin) {\n styleTarget = null;\n return;\n }\n\n styleTarget = getStyleTarget(rootElement);\n\n const existingStyle = styleTarget.querySelector(UI_SELECTORS.STYLES) as HTMLStyleElement \| null;\n\n if (existingStyle) {\n styleEl = existingStyle;\n existingStyle.textContent = plugin.getStylesheet();\n return;\n }\n\n const stylesheet = plugin.getStylesheet();\n const newStyleEl = document.createElement('style');\n newStyleEl.setAttribute(UI_ATTRIBUTES.STYLES, '');\n newStyleEl.textContent = stylesheet;\n\n if (styleTarget instanceof ShadowRoot) {\n styleTarget.insertBefore(newStyleEl, styleTarget.firstChild);\n } else {\n styleTarget.appendChild(newStyleEl);\n }\n\n styleEl = newStyleEl;\n\n return () => {\n if (styleEl?.parentNode) {\n styleEl.remove();\n }\n styleEl = null;\n styleTarget = null;\n };\n });\n\n $effect(() => {\n if (!plugin) return;\n\n return plugin.onStylesheetInvalidated(() => {\n if (styleEl) {\n styleEl.textContent = plugin.getStylesheet();\n }\n });\n });\n\n $effect(() => {\n if (!provides) return;\n\n disabledCategories = provides.getDisabledCategories();\n hiddenItems = provides.getHiddenItems();\n\n return provides.onCategoryChanged((event) => {\n disabledCategories = event.disabledCategories;\n hiddenItems = event.hiddenItems;\n });\n });\n\n const disabledCategoriesAttr = $derived(\n disabledCategories.length > 0 ? disabledCategories.join(' ') : undefined,\n );\n\n const hiddenItemsAttr = $derived(hiddenItems.length > 0 ? hiddenItems.join(' ') : undefined);\n</script>\n\n<div\n bind:this={rootElement}\n {...restProps}\n {...{ [UI_ATTRIBUTES.ROOT]: '' }}\n {...disabledCategoriesAttr ? { [UI_ATTRIBUTES.DISABLED_CATEGORIES]: disabledCategoriesAttr } : {}}\n {...hiddenItemsAttr ? { [UI_ATTRIBUTES.HIDDEN_ITEMS]: hiddenItemsAttr } : {}}\n class={className}\n style:container-type=\"inline-size\"\n>\n {#if children}\n {@render children()}\n {/if}\n</div>\n","<script lang=\"ts\">\n import type { Component, Snippet } from 'svelte';\n import { provideAnchorRegistry } from './registries/anchor-registry.svelte';\n import { provideComponentRegistry } from './registries/component-registry.svelte';\n import { provideRenderers } from './registries/renderers-registry.svelte';\n import type { UIComponents, UIRenderers } from './types';\n import AutoMenuRenderer from './auto-menu-renderer.svelte';\n import UIRoot from './root.svelte';\n import type { HTMLAttributes } from 'svelte/elements';\n\n /\n UIProvider Props\n /\n type ProviderProps = HTMLAttributes<HTMLDivElement> & {\n children: Snippet;\n\n /\n Document ID for this UI context\n * Required for menu rendering\n /\n documentId: string;\n\n /\n Custom component registry\n * Maps component IDs to components\n /\n components?: UIComponents;\n\n /\n REQUIRED: User-provided renderers\n * These define how toolbars, panels, and menus are displayed\n /\n renderers: UIRenderers;\n\n /\n Optional: Container for menu portal\n * Defaults to document.body\n /\n menuContainer?: HTMLElement \| null;\n\n class?: string;\n };\n\n let {\n children,\n documentId,\n components = {},\n renderers,\n menuContainer = null,\n class: className,\n ...restProps\n }: ProviderProps = $props();\n\n /\n UIProvider - Single provider for all UI plugin functionality\n \n Manages:\n * - Anchor registry for menu positioning\n * - Component registry for custom components\n * - Renderers for toolbars, panels, and menus\n * - Automatic menu rendering\n \n @example\n * ```svelte\n * <EmbedPDF {engine} {plugins}>\n * {#snippet children({ pluginsReady, activeDocumentId })}\n * {#if pluginsReady && activeDocumentId}\n * <UIProvider\n * documentId={activeDocumentId}\n * components={{\n * 'thumbnail-panel': ThumbnailPanel,\n * 'bookmark-panel': BookmarkPanel,\n * }}\n * renderers={{\n * toolbar: ToolbarRenderer,\n * panel: PanelRenderer,\n * menu: MenuRenderer,\n * }}\n * >\n * {#snippet children()}\n * <ViewerLayout />\n * {/snippet}\n * </UIProvider>\n * {/if}\n * {/snippet}\n * </EmbedPDF>\n * ```\n */\n\n // Provide all registries\n provideAnchorRegistry();\n provideComponentRegistry(components);\n provideRenderers(renderers);\n</script>\n\n<UIRoot class={className} {...restProps}>\n {@render children()}\n <AutoMenuRenderer {documentId} container={menuContainer} />\n</UIRoot>\n"],"names":["_a"],"mappings":"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"}
1	+ {"version":3,"file":"index.js","sources":["../../src/svelte/hooks/use-ui.svelte.ts","../../src/svelte/hooks/use-ui-container.svelte.ts","../../src/svelte/registries/anchor-registry.svelte.ts","../../src/svelte/hooks/use-register-anchor.svelte.ts","../../src/svelte/registries/component-registry.svelte.ts","../../src/svelte/hooks/use-item-renderer.svelte.ts","../../src/svelte/registries/renderers-registry.svelte.ts","../../src/svelte/hooks/use-schema-renderer.svelte.ts","../../src/svelte/hooks/use-selection-menu.svelte.ts","../../src/svelte/auto-menu-renderer.svelte","../../src/svelte/root.svelte","../../src/svelte/provider.svelte"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/svelte';\nimport { UIPlugin, UIDocumentState, UIScope } from '@embedpdf/plugin-ui';\n\n/*\n Hook to get the raw UI plugin instance.\n /\nexport const useUIPlugin = () => usePlugin<UIPlugin>(UIPlugin.id);\n\n/\n Hook to get the UI plugin's capability API.\n /\nexport const useUICapability = () => useCapability<UIPlugin>(UIPlugin.id);\n\n// Define the return type explicitly to maintain type safety\ninterface UseUIStateReturn {\n provides: UIScope \| null;\n state: UIDocumentState \| null;\n}\n\n/\n Hook for UI state for a specific document\n * @param getDocumentId Function that returns the document ID\n /\nexport const useUIState = (getDocumentId: () => string \| null): UseUIStateReturn => {\n const capability = useUICapability();\n\n let state = $state<UIDocumentState \| null>(null);\n\n // Reactive documentId\n const documentId = $derived(getDocumentId());\n\n // Scoped capability for current docId\n const scopedProvides = $derived(\n capability.provides && documentId ? capability.provides.forDocument(documentId) : null,\n );\n\n $effect(() => {\n const provides = capability.provides;\n const docId = documentId;\n\n if (!provides \|\| !docId) {\n state = null;\n return;\n }\n\n const scope = provides.forDocument(docId);\n\n // Set initial state\n state = scope.getState();\n\n // Subscribe to all changes and update state\n const unsubToolbar = scope.onToolbarChanged(() => {\n state = scope.getState();\n });\n const unsubSidebar = scope.onSidebarChanged(() => {\n state = scope.getState();\n });\n const unsubModal = scope.onModalChanged(() => {\n state = scope.getState();\n });\n const unsubMenu = scope.onMenuChanged(() => {\n state = scope.getState();\n });\n\n return () => {\n unsubToolbar();\n unsubSidebar();\n unsubModal();\n unsubMenu();\n };\n });\n\n return {\n get provides() {\n return scopedProvides;\n },\n get state() {\n return state;\n },\n };\n};\n\n/\n Hook to get UI schema\n * Returns an object with a reactive getter for the schema\n /\nexport const useUISchema = () => {\n const capability = useUICapability();\n\n return {\n get schema() {\n return capability.provides?.getSchema() ?? null;\n },\n };\n};\n","import { getContext, setContext } from 'svelte';\n\nexport interface UIContainerContextValue {\n /* Get the container element (may be null if not mounted) /\n getContainer: () => HTMLDivElement \| null;\n}\n\nconst UI_CONTAINER_KEY = Symbol('ui-container');\n\n/\n Set up the container context (called by UIRoot)\n /\nexport function setUIContainerContext(value: UIContainerContextValue): void {\n setContext(UI_CONTAINER_KEY, value);\n}\n\n/\n Hook to access the UI container element.\n \n This provides access to the UIRoot container for:\n * - Container query based responsiveness\n * - Portaling elements to the root\n * - Measuring container dimensions\n \n @example\n * ```svelte\n * <script>\n * import { useUIContainer } from '@embedpdf/plugin-ui/svelte';\n * import { onMount, onDestroy } from 'svelte';\n \n const { getContainer } = useUIContainer();\n \n let observer;\n \n onMount(() => {\n * const container = getContainer();\n * if (!container) return;\n \n observer = new ResizeObserver(() => {\n * console.log('Container width:', container.clientWidth);\n * });\n * observer.observe(container);\n * });\n \n onDestroy(() => observer?.disconnect());\n * </script>\n * ```\n /\nexport function useUIContainer(): UIContainerContextValue {\n const context = getContext<UIContainerContextValue>(UI_CONTAINER_KEY);\n if (!context) {\n throw new Error('useUIContainer must be used within a UIProvider');\n }\n return context;\n}\n","import { getContext, setContext } from 'svelte';\n\n/\n Anchor Registry\n \n Tracks DOM elements for menu positioning.\n * Each anchor is scoped by documentId and itemId.\n /\nexport interface AnchorRegistry {\n register(documentId: string, itemId: string, element: HTMLElement): void;\n unregister(documentId: string, itemId: string): void;\n getAnchor(documentId: string, itemId: string): HTMLElement \| null;\n}\n\nconst ANCHOR_REGISTRY_KEY = Symbol('AnchorRegistry');\n\nexport function createAnchorRegistry(): AnchorRegistry {\n const anchors = new Map<string, HTMLElement>();\n\n return {\n register(documentId: string, itemId: string, element: HTMLElement) {\n const key = `${documentId}:${itemId}`;\n anchors.set(key, element);\n },\n\n unregister(documentId: string, itemId: string) {\n const key = `${documentId}:${itemId}`;\n anchors.delete(key);\n },\n\n getAnchor(documentId: string, itemId: string) {\n const key = `${documentId}:${itemId}`;\n return anchors.get(key) \|\| null;\n },\n };\n}\n\nexport function provideAnchorRegistry() {\n const registry = createAnchorRegistry();\n setContext(ANCHOR_REGISTRY_KEY, registry);\n return registry;\n}\n\nexport function useAnchorRegistry(): AnchorRegistry {\n const registry = getContext<AnchorRegistry>(ANCHOR_REGISTRY_KEY);\n if (!registry) {\n throw new Error('useAnchorRegistry must be used within UIProvider');\n }\n return registry;\n}\n","import { onDestroy } from 'svelte';\nimport { useAnchorRegistry } from '../registries/anchor-registry.svelte';\n\n/\n Register a DOM element as an anchor for menus\n \n @param getDocumentId - Function returning document ID\n * @param getItemId - Function returning item ID (typically matches the toolbar/menu item ID)\n * @returns Function to attach to the element via use:action\n \n @example\n \n <script lang=\"ts\">\n * const registerAnchor = useRegisterAnchor(() => documentId, () => 'zoom-button');\n * </script>\n \n <button use:registerAnchor>Zoom</button>\n * /\nexport function useRegisterAnchor(getDocumentId: () => string \| null, getItemId: () => string) {\n const registry = useAnchorRegistry();\n let currentElement = $state<HTMLElement \| null>(null);\n\n // Reactive values - these update when the functions return different values\n const documentId = $derived(getDocumentId());\n const itemId = $derived(getItemId());\n\n // Re-register anchor when documentId, itemId, or element changes\n $effect(() => {\n const docId = documentId;\n const item = itemId;\n const element = currentElement;\n\n // Only register if we have all required values\n if (element && docId && item) {\n registry.register(docId, item, element);\n\n // Cleanup: unregister when effect re-runs or component unmounts\n return () => {\n registry.unregister(docId, item);\n };\n }\n });\n\n // Svelte action function\n const action = (element: HTMLElement) => {\n currentElement = element;\n\n return {\n destroy() {\n // Clear the element reference when the action is destroyed\n currentElement = null;\n },\n };\n };\n\n return action;\n}\n","import { getContext, setContext, type Component } from 'svelte';\nimport type { BaseComponentProps } from '../types';\n\n/\n Component Registry\n \n Stores custom components that can be referenced in the UI schema.\n /\nexport interface ComponentRegistry {\n register(id: string, component: Component<BaseComponentProps>): void;\n unregister(id: string): void;\n get(id: string): Component<BaseComponentProps> \| undefined;\n has(id: string): boolean;\n getRegisteredIds(): string[];\n}\n\nconst COMPONENT_REGISTRY_KEY = Symbol('ComponentRegistry');\n\nexport function createComponentRegistry(\n initialComponents: Record<string, Component<BaseComponentProps>> = {},\n): ComponentRegistry {\n const components = new Map<string, Component<BaseComponentProps>>(\n Object.entries(initialComponents),\n );\n\n return {\n register(id: string, component: Component<BaseComponentProps>) {\n components.set(id, component);\n },\n\n unregister(id: string) {\n components.delete(id);\n },\n\n get(id: string) {\n return components.get(id);\n },\n\n has(id: string) {\n return components.has(id);\n },\n\n getRegisteredIds() {\n return Array.from(components.keys());\n },\n };\n}\n\nexport function provideComponentRegistry(\n initialComponents: Record<string, Component<BaseComponentProps>> = {},\n) {\n const registry = createComponentRegistry(initialComponents);\n setContext(COMPONENT_REGISTRY_KEY, registry);\n return registry;\n}\n\nexport function useComponentRegistry(): ComponentRegistry {\n const registry = getContext<ComponentRegistry>(COMPONENT_REGISTRY_KEY);\n if (!registry) {\n throw new Error('useComponentRegistry must be used within UIProvider');\n }\n return registry;\n}\n","import { useComponentRegistry } from '../registries/component-registry.svelte';\n\n/\n Helper utilities for building renderers\n /\nexport function useItemRenderer() {\n const componentRegistry = useComponentRegistry();\n\n return {\n /\n Get a custom component by ID\n \n @param componentId - Component ID from schema\n * @returns Component constructor or undefined if not found\n \n @example\n * ```svelte\n * <script lang=\"ts\">\n * const { getCustomComponent } = useItemRenderer();\n * const MyComponent = getCustomComponent('my-component-id');\n * </script>\n \n {#if MyComponent}\n * <MyComponent {documentId} {...props} />\n * {/if}\n * ```\n /\n getCustomComponent: (componentId: string) => {\n const Component = componentRegistry.get(componentId);\n\n if (!Component) {\n console.error(`Component \"${componentId}\" not found in registry`);\n return undefined;\n }\n\n return Component;\n },\n };\n}\n","import { getContext, setContext } from 'svelte';\nimport type { UIRenderers } from '../types';\n\n/\n Renderers Registry\n \n Provides access to user-supplied renderers (toolbar, panel, menu).\n /\nconst RENDERERS_KEY = Symbol('Renderers');\n\nexport function provideRenderers(renderers: UIRenderers) {\n setContext(RENDERERS_KEY, renderers);\n}\n\nexport function useRenderers(): UIRenderers {\n const renderers = getContext<UIRenderers>(RENDERERS_KEY);\n if (!renderers) {\n throw new Error('useRenderers must be used within UIProvider');\n }\n return renderers;\n}\n","import { useUICapability } from './use-ui.svelte';\nimport { useRenderers } from '../registries/renderers-registry.svelte';\n\n/\n High-level hook for rendering UI from schema\n \n Provides information about active toolbars, sidebars, and modals.\n * Always includes isOpen state so renderers can control animations.\n \n Use with Svelte's component binding to render toolbars and sidebars.\n \n @example\n * ```svelte\n * <script lang=\"ts\">\n * const { getToolbarInfo, getSidebarInfo, getModalInfo } = useSchemaRenderer(() => documentId);\n \n const topMainToolbar = $derived(getToolbarInfo('top', 'main'));\n * const leftMainSidebar = $derived(getSidebarInfo('left', 'main'));\n * const modal = $derived(getModalInfo());\n * </script>\n \n {#if topMainToolbar}\n * {@const ToolbarRenderer = topMainToolbar.renderer}\n * <ToolbarRenderer\n * schema={topMainToolbar.schema}\n * documentId={topMainToolbar.documentId}\n * isOpen={topMainToolbar.isOpen}\n * onClose={topMainToolbar.onClose}\n * />\n * {/if}\n * ```\n /\nexport function useSchemaRenderer(getDocumentId: () => string \| null) {\n const renderers = useRenderers();\n const capability = useUICapability();\n const uiState = useUIState(getDocumentId);\n\n return {\n /\n Get toolbar information by placement and slot\n \n @param placement - 'top' \| 'bottom' \| 'left' \| 'right'\n * @param slot - Slot name (e.g. 'main', 'secondary')\n * @returns Toolbar info or null if no toolbar in slot\n /\n getToolbarInfo: (placement: 'top' \| 'bottom' \| 'left' \| 'right', slot: string) => {\n const schema = capability.provides?.getSchema();\n const documentId = getDocumentId();\n\n if (!schema \|\| !uiState.provides \|\| !uiState.state \|\| !documentId) return null;\n\n const slotKey = `${placement}-${slot}`;\n const toolbarSlot = uiState.state.activeToolbars[slotKey];\n\n // If no toolbar in this slot, nothing to render\n if (!toolbarSlot) return null;\n\n const toolbarSchema = schema.toolbars[toolbarSlot.toolbarId];\n if (!toolbarSchema) {\n console.warn(`Toolbar \"${toolbarSlot.toolbarId}\" not found in schema`);\n return null;\n }\n\n // Check if toolbar is closable\n const isClosable = !toolbarSchema.permanent;\n\n const handleClose = isClosable\n ? () => {\n uiState.provides?.closeToolbarSlot(placement, slot);\n }\n : undefined;\n\n return {\n renderer: renderers.toolbar,\n schema: toolbarSchema,\n documentId,\n isOpen: toolbarSlot.isOpen,\n onClose: handleClose,\n };\n },\n\n /\n Get sidebar information by placement and slot\n \n @param placement - 'left' \| 'right' \| 'top' \| 'bottom'\n * @param slot - Slot name (e.g. 'main', 'secondary', 'inspector')\n * @returns Sidebar info or null if no sidebar in slot\n /\n getSidebarInfo: (placement: 'left' \| 'right' \| 'top' \| 'bottom', slot: string) => {\n const schema = capability.provides?.getSchema();\n const documentId = getDocumentId();\n\n if (!schema \|\| !uiState.provides \|\| !uiState.state \|\| !documentId) return null;\n\n const slotKey = `${placement}-${slot}`;\n const sidebarSlot = uiState.state.activeSidebars[slotKey];\n\n // If no sidebar in this slot, nothing to render\n if (!sidebarSlot) return null;\n\n const sidebarSchema = schema.sidebars?.[sidebarSlot.sidebarId];\n if (!sidebarSchema) {\n console.warn(`Sidebar \"${sidebarSlot.sidebarId}\" not found in schema`);\n return null;\n }\n\n const handleClose = () => {\n uiState.provides?.closeSidebarSlot(placement, slot);\n };\n\n return {\n renderer: renderers.sidebar,\n schema: sidebarSchema,\n documentId,\n isOpen: sidebarSlot.isOpen,\n onClose: handleClose,\n };\n },\n\n /\n Get modal information (if active)\n \n Supports animation lifecycle:\n * - isOpen: true = visible\n * - isOpen: false = animate out (modal still rendered)\n * - onExited called after animation → modal removed\n \n @returns Modal info or null if no modal active\n /\n getModalInfo: () => {\n const schema = capability.provides?.getSchema();\n const documentId = getDocumentId();\n\n if (!schema \|\| !uiState.provides \|\| !uiState.state?.activeModal \|\| !documentId) return null;\n\n const { modalId, isOpen } = uiState.state.activeModal;\n\n const modalSchema = schema.modals?.[modalId];\n if (!modalSchema) {\n console.warn(`Modal \"${modalId}\" not found in schema`);\n return null;\n }\n\n const handleClose = () => {\n uiState.provides?.closeModal();\n };\n\n const handleExited = () => {\n uiState.provides?.clearModal();\n };\n\n const ModalRenderer = renderers.modal;\n if (!ModalRenderer) {\n console.warn('No modal renderer registered');\n return null;\n }\n\n return {\n renderer: ModalRenderer,\n schema: modalSchema,\n documentId,\n isOpen,\n onClose: handleClose,\n onExited: handleExited,\n };\n },\n\n /\n Helper: Get all active toolbars for this document\n * Useful for batch rendering or debugging\n /\n getActiveToolbars: () => {\n if (!uiState.state) return [];\n return Object.entries(uiState.state.activeToolbars).map(([slotKey, toolbarSlot]) => {\n const [placement, slot] = slotKey.split('-');\n return {\n placement,\n slot,\n toolbarId: toolbarSlot.toolbarId,\n isOpen: toolbarSlot.isOpen,\n };\n });\n },\n\n /\n Helper: Get all active sidebars for this document\n * Useful for batch rendering or debugging\n /\n getActiveSidebars: () => {\n if (!uiState.state) return [];\n return Object.entries(uiState.state.activeSidebars).map(([slotKey, sidebarSlot]) => {\n const [placement, slot] = slotKey.split('-');\n return {\n placement,\n slot,\n sidebarId: sidebarSlot.sidebarId,\n isOpen: sidebarSlot.isOpen,\n };\n });\n },\n\n /\n Get overlay information for all enabled overlays\n \n Overlays are floating components positioned over the document content.\n * Unlike modals, multiple overlays can be visible and they don't block interaction.\n \n @example\n * ```svelte\n * <script lang=\"ts\">\n * const { getOverlaysInfo } = useSchemaRenderer(() => documentId);\n * const overlays = $derived(getOverlaysInfo());\n * </script>\n \n {#each overlays as overlay (overlay.schema.id)}\n * {@const OverlayRenderer = overlay.renderer}\n * <OverlayRenderer schema={overlay.schema} documentId={overlay.documentId} />\n * {/each}\n * ```\n /\n getOverlaysInfo: () => {\n const schema = capability.provides?.getSchema();\n const documentId = getDocumentId();\n\n if (!schema?.overlays \|\| !documentId) return [];\n\n const OverlayRenderer = renderers.overlay;\n if (!OverlayRenderer) {\n return [];\n }\n\n return Object.values(schema.overlays).map((overlaySchema) => ({\n renderer: OverlayRenderer,\n schema: overlaySchema,\n documentId,\n }));\n },\n };\n}\n\n// Import after definition to avoid circular dependency\nimport { useUIState } from './use-ui.svelte';\n","import type {\n SelectionMenuPropsBase,\n SelectionMenuRenderFn,\n SelectionMenuRenderResult,\n} from '@embedpdf/utils/svelte';\nimport { useUICapability } from './use-ui.svelte';\nimport { useRenderers } from '../registries/renderers-registry.svelte';\n\n/\n Hook for schema-driven selection menus\n /\nexport function useSelectionMenu<TContext extends { type: string }>(\n menuId: string \| (() => string),\n getDocumentId: () => string,\n) {\n const uiCapability = useUICapability();\n const renderers = useRenderers();\n\n // Normalize menuId to always be a function, then make it reactive\n const getMenuIdFn = typeof menuId === 'function' ? menuId : () => menuId;\n const menuIdValue = $derived(getMenuIdFn());\n const documentId = $derived(getDocumentId());\n const schema = $derived(uiCapability.provides?.getSchema());\n const menuSchema = $derived(schema?.selectionMenus?.[menuIdValue]);\n\n const renderFn = $derived.by<SelectionMenuRenderFn<TContext> \| undefined>(() => {\n if (!menuSchema) return undefined;\n\n const currentMenuSchema = menuSchema;\n const currentDocumentId = documentId;\n const SelectionMenuRenderer = renderers.selectionMenu;\n\n return (props: SelectionMenuPropsBase<TContext>): SelectionMenuRenderResult \| null => {\n if (!props.selected) return null;\n\n return {\n component: SelectionMenuRenderer,\n props: {\n schema: currentMenuSchema,\n documentId: currentDocumentId,\n props,\n },\n };\n };\n });\n\n return {\n get renderFn() {\n return renderFn;\n },\n };\n}\n","<script lang=\"ts\">\n import { useUIState, useUICapability } from './hooks/use-ui.svelte';\n import { useAnchorRegistry } from './registries/anchor-registry.svelte';\n import { useRenderers } from './registries/renderers-registry.svelte';\n\n /\n Automatically renders menus when opened\n \n This component:\n * 1. Listens to UI plugin state for open menus\n * 2. Looks up anchor elements from the anchor registry\n * 3. Renders menus using the user-provided menu renderer\n /\n\n interface Props {\n documentId: string; // Which document's menus to render\n container?: HTMLElement \| null;\n }\n\n let { documentId, container = null }: Props = $props();\n\n const uiState = useUIState(() => documentId);\n const capability = useUICapability();\n const anchorRegistry = useAnchorRegistry();\n const renderers = useRenderers();\n\n // Derived state for active menu\n const activeMenu = $derived.by(() => {\n const openMenus = uiState.state?.openMenus \|\| {};\n const openMenuIds = Object.keys(openMenus);\n\n if (openMenuIds.length === 0) return null;\n\n // Show the first open menu (in practice, should only be one)\n const menuId = openMenuIds[0];\n if (!menuId) return null;\n\n const menuState = openMenus[menuId];\n if (!menuState \|\| !menuState.triggeredByItemId) return null;\n\n // Look up anchor with documentId scope\n const anchor = anchorRegistry.getAnchor(documentId, menuState.triggeredByItemId);\n return { menuId, anchorEl: anchor };\n });\n\n const schema = $derived(capability.provides?.getSchema());\n\n const menuSchema = $derived.by(() => {\n if (!activeMenu \|\| !schema) return null;\n\n const menuSchemaValue = schema.menus[activeMenu.menuId];\n if (!menuSchemaValue) {\n console.warn(`Menu \"${activeMenu.menuId}\" not found in schema`);\n return null;\n }\n\n return menuSchemaValue;\n });\n\n const handleClose = () => {\n if (activeMenu) {\n uiState.provides?.closeMenu(activeMenu.menuId);\n }\n };\n\n // Use the user-provided menu renderer\n const MenuRenderer = renderers.menu;\n</script>\n\n{#if activeMenu && menuSchema && MenuRenderer}\n <MenuRenderer\n schema={menuSchema}\n {documentId}\n anchorEl={activeMenu.anchorEl}\n onClose={handleClose}\n {container}\n />\n{/if}\n","<script lang=\"ts\">\n import { UI_ATTRIBUTES, UI_SELECTORS } from '@embedpdf/plugin-ui';\n import { useUIPlugin, useUICapability } from './hooks/use-ui.svelte';\n import { setUIContainerContext } from './hooks/use-ui-container.svelte';\n import type { Snippet } from 'svelte';\n import type { HTMLAttributes } from 'svelte/elements';\n\n type Props = HTMLAttributes<HTMLDivElement> & {\n children?: Snippet;\n };\n\n let { children, class: className, ...restProps }: Props = $props();\n\n const { plugin } = useUIPlugin();\n const { provides } = useUICapability();\n\n let disabledCategories = $state<string[]>([]);\n let hiddenItems = $state<string[]>([]);\n let rootElement: HTMLDivElement \| null = $state(null);\n let styleEl: HTMLStyleElement \| null = null;\n let styleTarget: HTMLElement \| ShadowRoot \| null = null;\n\n // Provide container context for child components\n setUIContainerContext({\n getContainer: () => rootElement,\n });\n\n function getStyleTarget(element: HTMLElement): HTMLElement \| ShadowRoot {\n const root = element.getRootNode();\n if (root instanceof ShadowRoot) {\n return root;\n }\n return document.head;\n }\n\n $effect(() => {\n if (!rootElement \|\| !plugin) {\n styleTarget = null;\n return;\n }\n\n styleTarget = getStyleTarget(rootElement);\n\n const existingStyle = styleTarget.querySelector(UI_SELECTORS.STYLES) as HTMLStyleElement \| null;\n\n if (existingStyle) {\n styleEl = existingStyle;\n existingStyle.textContent = plugin.getStylesheet();\n return;\n }\n\n const stylesheet = plugin.getStylesheet();\n const newStyleEl = document.createElement('style');\n newStyleEl.setAttribute(UI_ATTRIBUTES.STYLES, '');\n newStyleEl.textContent = stylesheet;\n\n if (styleTarget instanceof ShadowRoot) {\n styleTarget.insertBefore(newStyleEl, styleTarget.firstChild);\n } else {\n styleTarget.appendChild(newStyleEl);\n }\n\n styleEl = newStyleEl;\n\n return () => {\n if (styleEl?.parentNode) {\n styleEl.remove();\n }\n styleEl = null;\n styleTarget = null;\n };\n });\n\n $effect(() => {\n if (!plugin) return;\n\n return plugin.onStylesheetInvalidated(() => {\n if (styleEl) {\n styleEl.textContent = plugin.getStylesheet();\n }\n });\n });\n\n $effect(() => {\n if (!provides) return;\n\n disabledCategories = provides.getDisabledCategories();\n hiddenItems = provides.getHiddenItems();\n\n return provides.onCategoryChanged((event) => {\n disabledCategories = event.disabledCategories;\n hiddenItems = event.hiddenItems;\n });\n });\n\n const disabledCategoriesAttr = $derived(\n disabledCategories.length > 0 ? disabledCategories.join(' ') : undefined,\n );\n\n const hiddenItemsAttr = $derived(hiddenItems.length > 0 ? hiddenItems.join(' ') : undefined);\n</script>\n\n<div\n bind:this={rootElement}\n {...restProps}\n {...{ [UI_ATTRIBUTES.ROOT]: '' }}\n {...disabledCategoriesAttr ? { [UI_ATTRIBUTES.DISABLED_CATEGORIES]: disabledCategoriesAttr } : {}}\n {...hiddenItemsAttr ? { [UI_ATTRIBUTES.HIDDEN_ITEMS]: hiddenItemsAttr } : {}}\n class={className}\n style:container-type=\"inline-size\"\n>\n {#if children}\n {@render children()}\n {/if}\n</div>\n","<script lang=\"ts\">\n import type { Component, Snippet } from 'svelte';\n import { provideAnchorRegistry } from './registries/anchor-registry.svelte';\n import { provideComponentRegistry } from './registries/component-registry.svelte';\n import { provideRenderers } from './registries/renderers-registry.svelte';\n import type { UIComponents, UIRenderers } from './types';\n import AutoMenuRenderer from './auto-menu-renderer.svelte';\n import UIRoot from './root.svelte';\n import type { HTMLAttributes } from 'svelte/elements';\n\n /\n UIProvider Props\n /\n type ProviderProps = HTMLAttributes<HTMLDivElement> & {\n children: Snippet;\n\n /\n Document ID for this UI context\n * Required for menu rendering\n /\n documentId: string;\n\n /\n Custom component registry\n * Maps component IDs to components\n /\n components?: UIComponents;\n\n /\n REQUIRED: User-provided renderers\n * These define how toolbars, panels, and menus are displayed\n /\n renderers: UIRenderers;\n\n /\n Optional: Container for menu portal\n * Defaults to document.body\n /\n menuContainer?: HTMLElement \| null;\n\n class?: string;\n };\n\n let {\n children,\n documentId,\n components = {},\n renderers,\n menuContainer = null,\n class: className,\n ...restProps\n }: ProviderProps = $props();\n\n /\n UIProvider - Single provider for all UI plugin functionality\n \n Manages:\n * - Anchor registry for menu positioning\n * - Component registry for custom components\n * - Renderers for toolbars, panels, and menus\n * - Automatic menu rendering\n \n @example\n * ```svelte\n * <EmbedPDF {engine} {plugins}>\n * {#snippet children({ pluginsReady, activeDocumentId })}\n * {#if pluginsReady && activeDocumentId}\n * <UIProvider\n * documentId={activeDocumentId}\n * components={{\n * 'thumbnail-panel': ThumbnailPanel,\n * 'bookmark-panel': BookmarkPanel,\n * }}\n * renderers={{\n * toolbar: ToolbarRenderer,\n * panel: PanelRenderer,\n * menu: MenuRenderer,\n * }}\n * >\n * {#snippet children()}\n * <ViewerLayout />\n * {/snippet}\n * </UIProvider>\n * {/if}\n * {/snippet}\n * </EmbedPDF>\n * ```\n */\n\n // Provide all registries\n provideAnchorRegistry();\n provideComponentRegistry(components);\n provideRenderers(renderers);\n</script>\n\n<UIRoot class={className} {...restProps}>\n {@render children()}\n <AutoMenuRenderer {documentId} container={menuContainer} />\n</UIRoot>\n"],"names":["_a","$$anchor","root_1","UIRoot","AutoMenuRenderer"],"mappings":"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"}

package/dist/vue/provider.vue.d.ts CHANGED Viewed

@@ -25,9 +25,9 @@ interface Props {
      */
     menuContainer?: HTMLElement | null;
 }
-declare var __VLS_6: {};
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
+    default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
     components: Record<string, Component<BaseComponentProps>>;

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@embedpdf/plugin-ui",
-  "version": "2.0.0-next.3",
+  "version": "2.0.1",
   "type": "module",
   "license": "MIT",
   "main": "./dist/index.cjs",
@@ -35,18 +35,18 @@
     }
   },
   "dependencies": {
-    "@embedpdf/models": "2.0.0-next.3"
+    "@embedpdf/models": "2.0.1"
   },
   "devDependencies": {
     "@types/react": "^18.2.0",
     "typescript": "^5.0.0",
-    "@embedpdf/core": "2.0.0-next.3",
+    "@embedpdf/core": "2.0.1",
+    "@embedpdf/plugin-scroll": "2.0.1",
     "@embedpdf/build": "1.1.0",
-    "@embedpdf/plugin-render": "2.0.0-next.3",
-    "@embedpdf/plugin-scroll": "2.0.0-next.3",
-    "@embedpdf/plugin-viewport": "2.0.0-next.3",
-    "@embedpdf/plugin-i18n": "2.0.0-next.3",
-    "@embedpdf/utils": "2.0.0-next.3"
+    "@embedpdf/plugin-render": "2.0.1",
+    "@embedpdf/plugin-viewport": "2.0.1",
+    "@embedpdf/utils": "2.0.1",
+    "@embedpdf/plugin-i18n": "2.0.1"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
@@ -54,10 +54,10 @@
     "preact": "^10.26.4",
     "vue": ">=3.2.0",
     "svelte": ">=5 <6",
-    "@embedpdf/core": "2.0.0-next.3",
-    "@embedpdf/plugin-viewport": "2.0.0-next.3",
-    "@embedpdf/plugin-scroll": "2.0.0-next.3",
-    "@embedpdf/plugin-render": "2.0.0-next.3"
+    "@embedpdf/core": "2.0.1",
+    "@embedpdf/plugin-scroll": "2.0.1",
+    "@embedpdf/plugin-viewport": "2.0.1",
+    "@embedpdf/plugin-render": "2.0.1"
   },
   "files": [
     "dist",