@embedpdf/plugin-ui 1.4.1 → 2.0.0-next.0

package/dist/vue/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),t=require("@embedpdf/core/vue"),n=require("@embedpdf/plugin-ui"),o=()=>t.usePlugin(n.UIPlugin.id),r=()=>t.useCapability(n.UIPlugin.id),u=t=>{const{provides:n}=r(),o=e.ref(null);e.watch([n,()=>e.toValue(t)],([e,t],n,r)=>{if(!e)return void(o.value=null);const u=e.forDocument(t);o.value=u.getState();const l=u.onToolbarChanged(()=>{o.value=u.getState()}),a=u.onPanelChanged(()=>{o.value=u.getState()}),s=u.onModalChanged(()=>{o.value=u.getState()}),c=u.onMenuChanged(()=>{o.value=u.getState()});r(()=>{l(),a(),s(),c()})},{immediate:!0});return{provides:e.computed(()=>{var o;const r=e.toValue(t);return(null==(o=n.value)?void 0:o.forDocument(r))??null}),state:e.readonly(o)}},l=Symbol("AnchorRegistry");function a(){const t=e.ref(new Map);return{register(e,n,o){const r=`${e}:${n}`;t.value.set(r,o)},unregister(e,n){const o=`${e}:${n}`;t.value.delete(o)},getAnchor(e,n){const o=`${e}:${n}`;return t.value.get(o)||null}}}function s(){const t=a();return e.provide(l,t),t}function c(){const t=e.inject(l);if(!t)throw new Error("useAnchorRegistry must be used within UIProvider");return t}const i=Symbol("ComponentRegistry");function d(t={}){const n=e.ref(new Map(Object.entries(t)));return{register(e,t){n.value.set(e,t)},unregister(e){n.value.delete(e)},get:e=>n.value.get(e),has:e=>n.value.has(e),getRegisteredIds:()=>Array.from(n.value.keys())}}function v(t={}){const n=d(t);return e.provide(i,n),n}function p(){const t=e.inject(i);if(!t)throw new Error("useComponentRegistry must be used within UIProvider");return t}const m=Symbol("Renderers");function f(t){e.provide(m,t)}function g(){const t=e.inject(m);if(!t)throw new Error("useRenderers must be used within UIProvider");return t}const h=e.defineComponent({__name:"auto-menu-renderer",props:{documentId:{},container:{}},setup(t){const n=t,{state:o}=u(n.documentId),{provides:l}=r(),a=c(),s=g(),i=e.ref(null),d=e.computed(()=>{var e;return(null==(e=o.value)?void 0:e.openMenus)||{}}),v=e.computed(()=>{var e;return null==(e=l.value)?void 0:e.getSchema()});e.watch(d,e=>{const t=Object.keys(e);if(t.length>0){const o=t[0];if(!o)return void(i.value=null);const r=e[o];if(r&&r.triggeredByItemId){const e=a.getAnchor(n.documentId,r.triggeredByItemId);i.value={menuId:o,anchorEl:e}}else i.value=null}else i.value=null},{immediate:!0});const p=e.computed(()=>{if(!i.value||!v.value)return null;const e=v.value.menus[i.value.menuId];return e||(console.warn(`Menu "${i.value.menuId}" not found in schema`),null)}),m=()=>{var e;i.value&&(null==(e=l.value)||e.forDocument(n.documentId).closeMenu(i.value.menuId))},f=e.computed(()=>s.menu);return(n,o)=>i.value&&p.value&&f.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(f.value),{key:0,schema:p.value,documentId:t.documentId,anchorEl:i.value.anchorEl,onClose:m,container:t.container},null,40,["schema","documentId","anchorEl","container"])):e.createCommentVNode("",!0)}}),I=e.defineComponent({inheritAttrs:!1,__name:"root",setup(t){const u=e.useAttrs(),{plugin:l}=o(),{provides:a}=r(),s=e.ref([]),c=e.ref(null);let i=null,d=null;function v(){if(!c.value||!l.value)return;d=function(e){const t=e.getRootNode();return t instanceof ShadowRoot?t:document.head}(c.value);const e=d.querySelector(n.UI_SELECTORS.STYLES);if(e)return i=e,void(e.textContent=l.value.getStylesheet());const t=l.value.getStylesheet(),o=document.createElement("style");o.setAttribute(n.UI_ATTRIBUTES.STYLES,""),o.textContent=t,d instanceof ShadowRoot?d.insertBefore(o,d.firstChild):d.appendChild(o),i=o}const p=e.computed(()=>{const e={[n.UI_ATTRIBUTES.ROOT]:""};return s.value.length>0&&(e[n.UI_ATTRIBUTES.DISABLED_CATEGORIES]=s.value.join(" ")),e});let m=null,f=null;return e.onMounted(()=>{v(),l.value&&(m=l.value.onStylesheetInvalidated(()=>{i&&l.value&&(i.textContent=l.value.getStylesheet())})),a.value&&(s.value=a.value.getDisabledCategories(),f=a.value.onCategoryChanged(e=>{s.value=e.disabledCategories}))}),e.onUnmounted(()=>{(null==i?void 0:i.parentNode)&&i.remove(),i=null,d=null,null==m||m(),null==f||f()}),e.watch(l,()=>{c.value&&l.value&&v()}),(t,n)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({ref_key:"rootRef",ref:c},{...e.unref(u),...p.value},{style:{containerType:"inline-size"}}),[e.renderSlot(t.$slots,"default")],16))}}),y=e.defineComponent({inheritAttrs:!1,__name:"provider",props:{documentId:{},components:{default:()=>({})},renderers:{},menuContainer:{default:null}},setup(t){const n=e.useAttrs(),o=t;return s(),v(o.components),f(o.renderers),(o,r)=>(e.openBlock(),e.createBlock(I,e.normalizeProps(e.guardReactiveProps(e.unref(n))),{default:e.withCtx(()=>[e.renderSlot(o.$slots,"default"),e.createVNode(h,{documentId:t.documentId,container:t.menuContainer},null,8,["documentId","container"])]),_:3},16))}});exports.AutoMenuRenderer=h,exports.UIProvider=y,exports.createAnchorRegistry=a,exports.createComponentRegistry=d,exports.provideAnchorRegistry=s,exports.provideComponentRegistry=v,exports.provideRenderers=f,exports.useAnchorRegistry=c,exports.useComponentRegistry=p,exports.useItemRenderer=function(){const t=p();return{renderCustomComponent:(n,o,r)=>{const u=t.get(n);return u?e.h(u,{documentId:o,...r||{}}):(console.error(`Component "${n}" not found in registry`),null)}}},exports.useRegisterAnchor=function(t,n){const o=c(),r=e.ref(null);return e.onBeforeUnmount(()=>{r.value&&o.unregister(t,n)}),e=>{const u=(null==e?void 0:e.$el)||e;r.value&&r.value!==u&&o.unregister(t,n),r.value=u,u&&o.register(t,n,u)}},exports.useRenderers=g,exports.useSchemaRenderer=function(t){const n=g(),{provides:o}=r(),{state:l}=u(t);return{renderToolbar:(r,u)=>{var a;const s=null==(a=o.value)?void 0:a.getSchema();if(!s||!o.value||!l.value)return null;const c=`${r}-${u}`,i=l.value.activeToolbars[c];if(!i)return null;const d=s.toolbars[i.toolbarId];if(!d)return console.warn(`Toolbar "${i.toolbarId}" not found in schema`),null;const v=!d.permanent?()=>{var n;null==(n=o.value)||n.forDocument(e.toValue(t)).closeToolbarSlot(r,u)}:void 0,p=n.toolbar;return e.h(p,{key:i.toolbarId,schema:d,documentId:e.toValue(t),isOpen:i.isOpen,onClose:v})},renderPanel:(r,u)=>{var a;const s=null==(a=o.value)?void 0:a.getSchema();if(!s||!o.value||!l.value)return null;const c=`${r}-${u}`,i=l.value.activePanels[c];if(!i)return null;const d=s.panels[i.panelId];if(!d)return console.warn(`Panel "${i.panelId}" not found in schema`),null;const v=n.panel;return e.h(v,{key:i.panelId,schema:d,documentId:e.toValue(t),isOpen:i.isOpen,onClose:()=>{var n;null==(n=o.value)||n.forDocument(e.toValue(t)).closePanelSlot(r,u)}})},getActiveToolbars:()=>l.value?Object.entries(l.value.activeToolbars).map(([e,t])=>{const[n,o]=e.split("-");return{placement:n,slot:o,toolbarId:t.toolbarId,isOpen:t.isOpen}}):[],getActivePanels:()=>l.value?Object.entries(l.value.activePanels).map(([e,t])=>{const[n,o]=e.split("-");return{placement:n,slot:o,panelId:t.panelId,isOpen:t.isOpen}}):[]}},exports.useSelectionMenu=function(t,n){const{provides:o}=r(),u=g(),l=e.computed(()=>{var e;return null==(e=o.value)?void 0:e.getSchema()}),a=e.computed(()=>{var n,o;return null==(o=null==(n=l.value)?void 0:n.selectionMenus)?void 0:o[e.toValue(t)]});return e.computed(()=>{if(!a.value)return;const t=a.value,o=e.toValue(n),r=u.selectionMenu;return n=>n.selected?e.h(r,{schema:t,documentId:o,props:n}):null})},exports.useUICapability=r,exports.useUIPlugin=o,exports.useUISchema=()=>{const{provides:t}=r(),n=e.computed(()=>{var e;return(null==(e=t.value)?void 0:e.getSchema())??null});return e.readonly(n)},exports.useUIState=u,Object.keys(n).forEach(e=>{"default"===e||Object.prototype.hasOwnProperty.call(exports,e)||Object.defineProperty(exports,e,{enumerable:!0,get:()=>n[e]})});
+//# sourceMappingURL=index.cjs.map

package/dist/vue/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../src/vue/hooks/use-ui.ts","../../src/vue/registries/anchor-registry.ts","../../src/vue/registries/component-registry.ts","../../src/vue/registries/renderers-registry.ts","../../src/vue/auto-menu-renderer.vue","../../src/vue/root.vue","../../src/vue/provider.vue","../../src/vue/hooks/use-item-renderer.ts","../../src/vue/hooks/use-register-anchor.ts","../../src/vue/hooks/use-schema-renderer.ts","../../src/vue/hooks/use-selection-menu.ts"],"sourcesContent":["import { ref, watch, computed, readonly, toValue, type MaybeRefOrGetter } from 'vue';\nimport { useCapability, usePlugin } from '@embedpdf/core/vue';\nimport { UIPlugin, UIDocumentState, UISchema } from '@embedpdf/plugin-ui';\n\nexport const useUIPlugin = () => usePlugin<UIPlugin>(UIPlugin.id);\nexport const useUICapability = () => useCapability<UIPlugin>(UIPlugin.id);\n\n/**\n * Hook for UI state for a specific document\n * @param documentId Document ID (can be ref, computed, getter, or plain value)\n */\nexport const useUIState = (documentId: MaybeRefOrGetter<string>) => {\n  const { provides } = useUICapability();\n  const state = ref<UIDocumentState | null>(null);\n\n  watch(\n    [provides, () => toValue(documentId)],\n    ([providesValue, docId], _, onCleanup) => {\n      if (!providesValue) {\n        state.value = null;\n        return;\n      }\n\n      const scope = providesValue.forDocument(docId);\n\n      // Set initial state\n      state.value = scope.getState();\n\n      // Subscribe to all changes\n      const unsubToolbar = scope.onToolbarChanged(() => {\n        state.value = scope.getState();\n      });\n      const unsubPanel = scope.onPanelChanged(() => {\n        state.value = scope.getState();\n      });\n      const unsubModal = scope.onModalChanged(() => {\n        state.value = scope.getState();\n      });\n      const unsubMenu = scope.onMenuChanged(() => {\n        state.value = scope.getState();\n      });\n\n      onCleanup(() => {\n        unsubToolbar();\n        unsubPanel();\n        unsubModal();\n        unsubMenu();\n      });\n    },\n    { immediate: true },\n  );\n\n  // Return a computed ref for the scoped capability\n  const scopedProvides = computed(() => {\n    const docId = toValue(documentId);\n    return provides.value?.forDocument(docId) ?? null;\n  });\n\n  return {\n    provides: scopedProvides,\n    state: readonly(state),\n  };\n};\n\n/**\n * Hook to get UI schema\n */\nexport const useUISchema = () => {\n  const { provides } = useUICapability();\n  const schema = computed<UISchema | null>(() => provides.value?.getSchema() ?? null);\n\n  return readonly(schema);\n};\n","import { ref, inject, provide, type InjectionKey, type Ref } from 'vue';\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 AnchorRegistryKey: InjectionKey<AnchorRegistry> = Symbol('AnchorRegistry');\n\nexport function createAnchorRegistry(): AnchorRegistry {\n  const anchors: Ref<Map<string, HTMLElement>> = ref(new Map());\n\n  return {\n    register(documentId: string, itemId: string, element: HTMLElement) {\n      const key = `${documentId}:${itemId}`;\n      anchors.value.set(key, element);\n    },\n\n    unregister(documentId: string, itemId: string) {\n      const key = `${documentId}:${itemId}`;\n      anchors.value.delete(key);\n    },\n\n    getAnchor(documentId: string, itemId: string) {\n      const key = `${documentId}:${itemId}`;\n      return anchors.value.get(key) || null;\n    },\n  };\n}\n\nexport function provideAnchorRegistry() {\n  const registry = createAnchorRegistry();\n  provide(AnchorRegistryKey, registry);\n  return registry;\n}\n\nexport function useAnchorRegistry(): AnchorRegistry {\n  const registry = inject(AnchorRegistryKey);\n  if (!registry) {\n    throw new Error('useAnchorRegistry must be used within UIProvider');\n  }\n  return registry;\n}\n","import { ref, inject, provide, type Component, type InjectionKey, type Ref } from 'vue';\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 ComponentRegistryKey: InjectionKey<ComponentRegistry> = Symbol('ComponentRegistry');\n\nexport function createComponentRegistry(\n  initialComponents: Record<string, Component<BaseComponentProps>> = {},\n): ComponentRegistry {\n  const components: Ref<Map<string, Component<BaseComponentProps>>> = ref(\n    new Map(Object.entries(initialComponents)),\n  );\n\n  return {\n    register(id: string, component: Component<BaseComponentProps>) {\n      components.value.set(id, component);\n    },\n\n    unregister(id: string) {\n      components.value.delete(id);\n    },\n\n    get(id: string) {\n      return components.value.get(id);\n    },\n\n    has(id: string) {\n      return components.value.has(id);\n    },\n\n    getRegisteredIds() {\n      return Array.from(components.value.keys());\n    },\n  };\n}\n\nexport function provideComponentRegistry(\n  initialComponents: Record<string, Component<BaseComponentProps>> = {},\n) {\n  const registry = createComponentRegistry(initialComponents);\n  provide(ComponentRegistryKey, registry);\n  return registry;\n}\n\nexport function useComponentRegistry(): ComponentRegistry {\n  const registry = inject(ComponentRegistryKey);\n  if (!registry) {\n    throw new Error('useComponentRegistry must be used within UIProvider');\n  }\n  return registry;\n}\n","import { inject, provide, type InjectionKey } from 'vue';\nimport type { UIRenderers } from '../types';\n\n/**\n * Renderers Registry\n *\n * Provides access to user-supplied renderers (toolbar, panel, menu).\n */\nconst RenderersKey: InjectionKey<UIRenderers> = Symbol('Renderers');\n\nexport function provideRenderers(renderers: UIRenderers) {\n  provide(RenderersKey, renderers);\n}\n\nexport function useRenderers(): UIRenderers {\n  const renderers = inject(RenderersKey);\n  if (!renderers) {\n    throw new Error('useRenderers must be used within UIProvider');\n  }\n  return renderers;\n}\n","<template>\n  <component\n    v-if=\"activeMenu && menuSchema && MenuRenderer\"\n    :is=\"MenuRenderer\"\n    :schema=\"menuSchema\"\n    :documentId=\"documentId\"\n    :anchorEl=\"activeMenu.anchorEl\"\n    :onClose=\"handleClose\"\n    :container=\"container\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, watch } from 'vue';\nimport { useUIState, useUICapability } from './hooks/use-ui';\nimport { useAnchorRegistry } from './registries/anchor-registry';\nimport { useRenderers } from './registries/renderers-registry';\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\ninterface Props {\n  documentId: string; // Which document's menus to render\n  container?: HTMLElement | null;\n}\n\nconst props = defineProps<Props>();\n\nconst { state: uiState } = useUIState(props.documentId);\nconst { provides } = useUICapability();\nconst anchorRegistry = useAnchorRegistry();\nconst renderers = useRenderers();\n\nconst activeMenu = ref<{\n  menuId: string;\n  anchorEl: HTMLElement | null;\n} | null>(null);\n\nconst openMenus = computed(() => uiState.value?.openMenus || {});\nconst schema = computed(() => provides.value?.getSchema());\n\n// Update active menu when state changes\nwatch(\n  openMenus,\n  (menus) => {\n    const openMenuIds = Object.keys(menus);\n\n    if (openMenuIds.length > 0) {\n      // Show the first open menu (in practice, should only be one)\n      const menuId = openMenuIds[0];\n      if (!menuId) {\n        activeMenu.value = null;\n        return;\n      }\n\n      const menuState = menus[menuId];\n      if (menuState && menuState.triggeredByItemId) {\n        // Look up anchor with documentId scope\n        const anchor = anchorRegistry.getAnchor(props.documentId, menuState.triggeredByItemId);\n        activeMenu.value = { menuId, anchorEl: anchor };\n      } else {\n        activeMenu.value = null;\n      }\n    } else {\n      activeMenu.value = null;\n    }\n  },\n  { immediate: true },\n);\n\nconst menuSchema = computed(() => {\n  if (!activeMenu.value || !schema.value) return null;\n\n  const menuSchemaValue = schema.value.menus[activeMenu.value.menuId];\n  if (!menuSchemaValue) {\n    console.warn(`Menu \"${activeMenu.value.menuId}\" not found in schema`);\n    return null;\n  }\n\n  return menuSchemaValue;\n});\n\nconst handleClose = () => {\n  if (activeMenu.value) {\n    provides.value?.forDocument(props.documentId).closeMenu(activeMenu.value.menuId);\n  }\n};\n\n// Use the user-provided menu renderer\nconst MenuRenderer = computed(() => renderers.menu);\n</script>\n","<template>\n  <div\n    ref=\"rootRef\"\n    v-bind=\"{ ...attrs, ...(rootAttrs as any) }\"\n    :style=\"{ containerType: 'inline-size' }\"\n  >\n    <slot />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, onMounted, onUnmounted, watch, useAttrs } from 'vue';\nimport { UI_ATTRIBUTES, UI_SELECTORS } from '@embedpdf/plugin-ui';\nimport { useUIPlugin, useUICapability } from './hooks/use-ui';\n\n// Disable automatic attribute inheritance since we handle it manually\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst attrs = useAttrs();\n\nconst { plugin } = useUIPlugin();\nconst { provides } = useUICapability();\n\nconst disabledCategories = ref<string[]>([]);\nconst rootRef = ref<HTMLDivElement | null>(null);\n\nlet styleEl: HTMLStyleElement | null = null;\nlet styleTarget: HTMLElement | ShadowRoot | null = null;\n\n/**\n * Find the style injection target for an element.\n * Returns the shadow root if inside one, otherwise document.head.\n */\nfunction 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/**\n * Inject or update stylesheet\n */\nfunction injectStyles() {\n  if (!rootRef.value || !plugin.value) {\n    return;\n  }\n\n  styleTarget = getStyleTarget(rootRef.value);\n\n  // Check if styles already exist in this target\n  const existingStyle = styleTarget.querySelector(UI_SELECTORS.STYLES) as HTMLStyleElement | null;\n\n  if (existingStyle) {\n    styleEl = existingStyle;\n    // Update content in case locale changed\n    existingStyle.textContent = plugin.value.getStylesheet();\n    return;\n  }\n\n  // Create and inject stylesheet\n  const stylesheet = plugin.value.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\n/**\n * Cleanup styles\n */\nfunction cleanupStyles() {\n  if (styleEl?.parentNode) {\n    styleEl.remove();\n  }\n  styleEl = null;\n  styleTarget = null;\n}\n\n// Build root element attributes\nconst rootAttrs = computed(() => {\n  const result: Record<string, string> = {\n    [UI_ATTRIBUTES.ROOT]: '',\n  };\n\n  if (disabledCategories.value.length > 0) {\n    result[UI_ATTRIBUTES.DISABLED_CATEGORIES] = disabledCategories.value.join(' ');\n  }\n\n  return result;\n});\n\n// Stylesheet invalidation cleanup\nlet stylesheetCleanup: (() => void) | null = null;\n\n// Category change cleanup\nlet categoryCleanup: (() => void) | null = null;\n\nonMounted(() => {\n  // Inject styles on mount\n  injectStyles();\n\n  // Subscribe to stylesheet invalidation\n  if (plugin.value) {\n    stylesheetCleanup = plugin.value.onStylesheetInvalidated(() => {\n      if (styleEl && plugin.value) {\n        styleEl.textContent = plugin.value.getStylesheet();\n      }\n    });\n  }\n\n  // Subscribe to category changes\n  if (provides.value) {\n    disabledCategories.value = provides.value.getDisabledCategories();\n\n    categoryCleanup = provides.value.onCategoryChanged((event) => {\n      disabledCategories.value = event.disabledCategories;\n    });\n  }\n});\n\nonUnmounted(() => {\n  cleanupStyles();\n  stylesheetCleanup?.();\n  categoryCleanup?.();\n});\n\n// Re-inject styles if plugin changes\nwatch(plugin, () => {\n  if (rootRef.value && plugin.value) {\n    injectStyles();\n  }\n});\n</script>\n","<template>\n  <UIRoot v-bind=\"attrs\">\n    <slot />\n    <!-- Automatically render menus for this document -->\n    <AutoMenuRenderer :documentId=\"documentId\" :container=\"menuContainer\" />\n  </UIRoot>\n</template>\n\n<script setup lang=\"ts\">\nimport type { Component } from 'vue';\nimport { useAttrs } from 'vue';\nimport { provideAnchorRegistry } from './registries/anchor-registry';\nimport { provideComponentRegistry } from './registries/component-registry';\nimport { provideRenderers } from './registries/renderers-registry';\nimport type { BaseComponentProps, UIRenderers } from './types';\nimport AutoMenuRenderer from './auto-menu-renderer.vue';\nimport UIRoot from './root.vue';\n\n// Disable automatic attribute inheritance since we pass them to UIRoot\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst attrs = useAttrs();\n\n/**\n * UIProvider Props\n */\ninterface Props {\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?: Record<string, Component<BaseComponentProps>>;\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\nconst props = withDefaults(defineProps<Props>(), {\n  components: () => ({}),\n  menuContainer: null,\n});\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 * ```vue\n * <EmbedPDF :engine=\"engine\" :plugins=\"plugins\">\n *   <template v-slot=\"{ pluginsReady, activeDocumentId }\">\n *     <UIProvider\n *       v-if=\"pluginsReady && activeDocumentId\"\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 *       class=\"relative flex h-full w-full\"\n *     >\n *       <ViewerLayout />\n *     </UIProvider>\n *   </template>\n * </EmbedPDF>\n * ```\n */\n\n// Provide all registries\nprovideAnchorRegistry();\nprovideComponentRegistry(props.components);\nprovideRenderers(props.renderers);\n</script>\n","import { h } from 'vue';\nimport { useComponentRegistry } from '../registries/component-registry';\n\n/**\n * Helper utilities for building renderers\n */\nexport function useItemRenderer() {\n  const componentRegistry = useComponentRegistry();\n\n  return {\n    /**\n     * Render a custom component by ID\n     *\n     * @param componentId - Component ID from schema\n     * @param documentId - Document ID\n     * @param props - Additional props to pass to component\n     * @returns Rendered component or null if not found\n     */\n    renderCustomComponent: (componentId: string, documentId: string, props?: any) => {\n      const Component = componentRegistry.get(componentId);\n\n      if (!Component) {\n        console.error(`Component \"${componentId}\" not found in registry`);\n        return null;\n      }\n\n      return h(Component, { documentId, ...(props || {}) });\n    },\n  };\n}\n","import { onBeforeUnmount, ref, watch } from 'vue';\nimport { useAnchorRegistry } from '../registries/anchor-registry';\n\n/**\n * Register a DOM element as an anchor for menus\n *\n * @param documentId - Document ID\n * @param itemId - Item ID (typically matches the toolbar/menu item ID)\n * @returns Ref to attach to the element (use with :ref=\"anchorRef\")\n *\n * @example\n * ```vue\n * <script setup lang=\"ts\">\n * const anchorRef = useRegisterAnchor(props.documentId, 'zoom-button');\n * </script>\n *\n * <template>\n *   <button :ref=\"anchorRef\">Zoom</button>\n * </template>\n * ```\n */\nexport function useRegisterAnchor(documentId: string, itemId: string) {\n  const registry = useAnchorRegistry();\n  const elementRef = ref<HTMLElement | null>(null);\n\n  // Function to set ref\n  const setRef = (el: any) => {\n    // Handle Vue 3 ref binding\n    const element = el?.$el || el;\n\n    // Unregister previous element if exists\n    if (elementRef.value && elementRef.value !== element) {\n      registry.unregister(documentId, itemId);\n    }\n\n    elementRef.value = element;\n\n    // Register new element\n    if (element) {\n      registry.register(documentId, itemId, element);\n    }\n  };\n\n  // Cleanup on unmount\n  onBeforeUnmount(() => {\n    if (elementRef.value) {\n      registry.unregister(documentId, itemId);\n    }\n  });\n\n  return setRef;\n}\n","import { h, toValue, type VNode, type MaybeRefOrGetter } from 'vue';\nimport { useUICapability, useUIState } from './use-ui';\nimport { useRenderers } from '../registries/renderers-registry';\n\n/**\n * High-level composable for rendering UI from schema\n *\n * Provides simple functions to render toolbars and panels by placement+slot.\n * Always passes isOpen state to renderers so they can control animations.\n *\n * Automatically subscribes to UI state changes for the given document.\n * @param documentId Document ID (can be ref, computed, getter, or plain value)\n */\nexport function useSchemaRenderer(documentId: MaybeRefOrGetter<string>) {\n  const renderers = useRenderers();\n  const { provides } = useUICapability();\n  const { state: uiState } = useUIState(documentId);\n\n  return {\n    /**\n     * Render a toolbar by placement and slot\n     *\n     * Always renders with isOpen state when toolbar exists in slot.\n     *\n     * @param placement - 'top' | 'bottom' | 'left' | 'right'\n     * @param slot - Slot name (e.g. 'main', 'secondary')\n     *\n     * @example\n     * ```vue\n     * <component :is=\"renderToolbar('top', 'main')\" />\n     * <component :is=\"renderToolbar('top', 'secondary')\" />\n     * ```\n     */\n    renderToolbar: (placement: 'top' | 'bottom' | 'left' | 'right', slot: string): VNode | null => {\n      const schema = provides.value?.getSchema();\n\n      if (!schema || !provides.value || !uiState.value) return null;\n\n      const slotKey = `${placement}-${slot}`;\n      const toolbarSlot = uiState.value.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            provides.value?.forDocument(toValue(documentId)).closeToolbarSlot(placement, slot);\n          }\n        : undefined;\n\n      const ToolbarRenderer = renderers.toolbar;\n\n      // ALWAYS render, pass isOpen state\n      return h(ToolbarRenderer, {\n        key: toolbarSlot.toolbarId,\n        schema: toolbarSchema,\n        documentId: toValue(documentId),\n        isOpen: toolbarSlot.isOpen,\n        onClose: handleClose,\n      });\n    },\n\n    /**\n     * Render a panel by placement and slot\n     *\n     * ALWAYS renders (when panel exists in slot) with isOpen state.\n     * Your renderer controls whether to display or animate.\n     *\n     * @param placement - 'left' | 'right' | 'top' | 'bottom'\n     * @param slot - Slot name (e.g. 'main', 'secondary', 'inspector')\n     *\n     * @example\n     * ```vue\n     * <component :is=\"renderPanel('left', 'main')\" />\n     * <component :is=\"renderPanel('right', 'main')\" />\n     * ```\n     */\n    renderPanel: (placement: 'left' | 'right' | 'top' | 'bottom', slot: string): VNode | null => {\n      const schema = provides.value?.getSchema();\n\n      if (!schema || !provides.value || !uiState.value) return null;\n\n      const slotKey = `${placement}-${slot}`;\n      const panelSlot = uiState.value.activePanels[slotKey];\n\n      // If no panel in this slot, nothing to render\n      if (!panelSlot) return null;\n\n      const panelSchema = schema.panels[panelSlot.panelId];\n      if (!panelSchema) {\n        console.warn(`Panel \"${panelSlot.panelId}\" not found in schema`);\n        return null;\n      }\n\n      const handleClose = () => {\n        provides.value?.forDocument(toValue(documentId)).closePanelSlot(placement, slot);\n      };\n\n      const PanelRenderer = renderers.panel;\n\n      // ALWAYS render, pass isOpen state\n      // Your renderer decides whether to return null or animate\n      return h(PanelRenderer, {\n        key: panelSlot.panelId,\n        schema: panelSchema,\n        documentId: toValue(documentId),\n        isOpen: panelSlot.isOpen,\n        onClose: handleClose,\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.value) return [];\n      return Object.entries(uiState.value.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 panels for this document\n     * Useful for batch rendering or debugging\n     */\n    getActivePanels: () => {\n      if (!uiState.value) return [];\n      return Object.entries(uiState.value.activePanels).map(([slotKey, panelSlot]) => {\n        const [placement, slot] = slotKey.split('-');\n        return {\n          placement,\n          slot,\n          panelId: panelSlot.panelId,\n          isOpen: panelSlot.isOpen,\n        };\n      });\n    },\n  };\n}\n","import { computed, h, toValue, type VNode, type MaybeRefOrGetter } from 'vue';\nimport type { SelectionMenuPropsBase, SelectionMenuRenderFn } from '@embedpdf/utils/vue';\nimport { useUICapability } from './use-ui';\nimport { useRenderers } from '../registries/renderers-registry';\n\n/**\n * Creates a render function for a selection menu from the schema\n *\n * @param menuId - The selection menu ID from schema\n * @param documentId - Document ID (can be ref, computed, getter, or plain value)\n * @returns A computed ref containing the render function or undefined\n *\n * @example\n * ```vue\n * <script setup lang=\"ts\">\n * const annotationMenu = useSelectionMenu('annotation', () => props.documentId);\n * </script>\n *\n * <template>\n *   <AnnotationLayer\n *     :documentId=\"documentId\"\n *     :selectionMenu=\"annotationMenu\"\n *   />\n * </template>\n * ```\n */\nexport function useSelectionMenu<TContext extends { type: string } = { type: string }>(\n  menuId: MaybeRefOrGetter<string>,\n  documentId: MaybeRefOrGetter<string>,\n) {\n  const { provides } = useUICapability();\n  const renderers = useRenderers();\n\n  const schema = computed(() => provides.value?.getSchema());\n  const menuSchema = computed(() => schema.value?.selectionMenus?.[toValue(menuId)]);\n\n  // Return a computed that produces the render function (or undefined)\n  const renderFn = computed<SelectionMenuRenderFn<TContext> | undefined>(() => {\n    // If no schema for this menu, return undefined\n    if (!menuSchema.value) {\n      return undefined;\n    }\n\n    // Capture current values for the closure\n    const currentMenuSchema = menuSchema.value;\n    const currentDocumentId = toValue(documentId);\n    const SelectionMenuRenderer = renderers.selectionMenu;\n\n    // Return the render function\n    return (props: SelectionMenuPropsBase<TContext>): VNode | null => {\n      if (!props.selected) {\n        return null;\n      }\n\n      return h(SelectionMenuRenderer, {\n        schema: currentMenuSchema,\n        documentId: currentDocumentId,\n        props,\n      });\n    };\n  });\n\n  return renderFn;\n}\n"],"names":["useUIPlugin","usePlugin","UIPlugin","id","useUICapability","useCapability","useUIState","documentId","provides","state","ref","watch","toValue","providesValue","docId","_","onCleanup","value","scope","forDocument","getState","unsubToolbar","onToolbarChanged","unsubPanel","onPanelChanged","unsubModal","onModalChanged","unsubMenu","onMenuChanged","immediate","computed","_a","readonly","AnchorRegistryKey","Symbol","createAnchorRegistry","anchors","Map","register","itemId","element","key","set","unregister","delete","getAnchor","get","provideAnchorRegistry","registry","provide","useAnchorRegistry","inject","Error","ComponentRegistryKey","createComponentRegistry","initialComponents","components","Object","entries","component","has","getRegisteredIds","Array","from","keys","provideComponentRegistry","useComponentRegistry","RenderersKey","provideRenderers","renderers","useRenderers","props","__props","uiState","anchorRegistry","activeMenu","openMenus","schema","getSchema","menus","openMenuIds","length","menuId","menuState","triggeredByItemId","anchor","anchorEl","menuSchema","menuSchemaValue","console","warn","handleClose","closeMenu","MenuRenderer","menu","_openBlock","_createBlock","_resolveDynamicComponent","onClose","container","attrs","useAttrs","plugin","disabledCategories","rootRef","styleEl","styleTarget","injectStyles","root","getRootNode","ShadowRoot","document","head","getStyleTarget","existingStyle","querySelector","UI_SELECTORS","STYLES","textContent","getStylesheet","stylesheet","newStyleEl","createElement","setAttribute","UI_ATTRIBUTES","insertBefore","firstChild","appendChild","rootAttrs","result","ROOT","DISABLED_CATEGORIES","join","stylesheetCleanup","categoryCleanup","onMounted","onStylesheetInvalidated","getDisabledCategories","onCategoryChanged","event","onUnmounted","parentNode","remove","_createElementBlock","_mergeProps","_unref","style","containerType","_renderSlot","_ctx","$slots","UIRoot","_createVNode","AutoMenuRenderer","menuContainer","componentRegistry","renderCustomComponent","componentId","Component","h","error","elementRef","onBeforeUnmount","el","$el","renderToolbar","placement","slot","slotKey","toolbarSlot","activeToolbars","toolbarSchema","toolbars","toolbarId","permanent","closeToolbarSlot","ToolbarRenderer","toolbar","isOpen","renderPanel","panelSlot","activePanels","panelSchema","panels","panelId","PanelRenderer","panel","closePanelSlot","getActiveToolbars","map","split","getActivePanels","_b","selectionMenus","currentMenuSchema","currentDocumentId","SelectionMenuRenderer","selectionMenu","selected"],"mappings":"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"}

package/dist/vue/index.d.ts

@@ -0,0 +1,6 @@
+export * from './hooks';
+export * from './registries';
+export * from './types';
+export { default as UIProvider } from './provider.vue';
+export { default as AutoMenuRenderer } from './auto-menu-renderer.vue';
+export * from '../lib';

package/dist/vue/index.js

@@ -0,0 +1,544 @@
+import { ref, watch, toValue, computed, readonly, provide, inject, onBeforeUnmount, h, defineComponent, createBlock, createCommentVNode, openBlock, resolveDynamicComponent, useAttrs, onMounted, onUnmounted, createElementBlock, mergeProps, unref, renderSlot, normalizeProps, guardReactiveProps, withCtx, createVNode } from "vue";
+import { usePlugin, useCapability } from "@embedpdf/core/vue";
+import { UIPlugin, UI_ATTRIBUTES, UI_SELECTORS } from "@embedpdf/plugin-ui";
+export * from "@embedpdf/plugin-ui";
+const useUIPlugin = () => usePlugin(UIPlugin.id);
+const useUICapability = () => useCapability(UIPlugin.id);
+const useUIState = (documentId) => {
+  const { provides } = useUICapability();
+  const state = ref(null);
+  watch(
+    [provides, () => toValue(documentId)],
+    ([providesValue, docId], _, onCleanup) => {
+      if (!providesValue) {
+        state.value = null;
+        return;
+      }
+      const scope = providesValue.forDocument(docId);
+      state.value = scope.getState();
+      const unsubToolbar = scope.onToolbarChanged(() => {
+        state.value = scope.getState();
+      });
+      const unsubPanel = scope.onPanelChanged(() => {
+        state.value = scope.getState();
+      });
+      const unsubModal = scope.onModalChanged(() => {
+        state.value = scope.getState();
+      });
+      const unsubMenu = scope.onMenuChanged(() => {
+        state.value = scope.getState();
+      });
+      onCleanup(() => {
+        unsubToolbar();
+        unsubPanel();
+        unsubModal();
+        unsubMenu();
+      });
+    },
+    { immediate: true }
+  );
+  const scopedProvides = computed(() => {
+    var _a;
+    const docId = toValue(documentId);
+    return ((_a = provides.value) == null ? void 0 : _a.forDocument(docId)) ?? null;
+  });
+  return {
+    provides: scopedProvides,
+    state: readonly(state)
+  };
+};
+const useUISchema = () => {
+  const { provides } = useUICapability();
+  const schema = computed(() => {
+    var _a;
+    return ((_a = provides.value) == null ? void 0 : _a.getSchema()) ?? null;
+  });
+  return readonly(schema);
+};
+const AnchorRegistryKey = Symbol("AnchorRegistry");
+function createAnchorRegistry() {
+  const anchors = ref(/* @__PURE__ */ new Map());
+  return {
+    register(documentId, itemId, element) {
+      const key = `${documentId}:${itemId}`;
+      anchors.value.set(key, element);
+    },
+    unregister(documentId, itemId) {
+      const key = `${documentId}:${itemId}`;
+      anchors.value.delete(key);
+    },
+    getAnchor(documentId, itemId) {
+      const key = `${documentId}:${itemId}`;
+      return anchors.value.get(key) || null;
+    }
+  };
+}
+function provideAnchorRegistry() {
+  const registry = createAnchorRegistry();
+  provide(AnchorRegistryKey, registry);
+  return registry;
+}
+function useAnchorRegistry() {
+  const registry = inject(AnchorRegistryKey);
+  if (!registry) {
+    throw new Error("useAnchorRegistry must be used within UIProvider");
+  }
+  return registry;
+}
+function useRegisterAnchor(documentId, itemId) {
+  const registry = useAnchorRegistry();
+  const elementRef = ref(null);
+  const setRef = (el) => {
+    const element = (el == null ? void 0 : el.$el) || el;
+    if (elementRef.value && elementRef.value !== element) {
+      registry.unregister(documentId, itemId);
+    }
+    elementRef.value = element;
+    if (element) {
+      registry.register(documentId, itemId, element);
+    }
+  };
+  onBeforeUnmount(() => {
+    if (elementRef.value) {
+      registry.unregister(documentId, itemId);
+    }
+  });
+  return setRef;
+}
+const ComponentRegistryKey = Symbol("ComponentRegistry");
+function createComponentRegistry(initialComponents = {}) {
+  const components = ref(
+    new Map(Object.entries(initialComponents))
+  );
+  return {
+    register(id, component) {
+      components.value.set(id, component);
+    },
+    unregister(id) {
+      components.value.delete(id);
+    },
+    get(id) {
+      return components.value.get(id);
+    },
+    has(id) {
+      return components.value.has(id);
+    },
+    getRegisteredIds() {
+      return Array.from(components.value.keys());
+    }
+  };
+}
+function provideComponentRegistry(initialComponents = {}) {
+  const registry = createComponentRegistry(initialComponents);
+  provide(ComponentRegistryKey, registry);
+  return registry;
+}
+function useComponentRegistry() {
+  const registry = inject(ComponentRegistryKey);
+  if (!registry) {
+    throw new Error("useComponentRegistry must be used within UIProvider");
+  }
+  return registry;
+}
+function useItemRenderer() {
+  const componentRegistry = useComponentRegistry();
+  return {
+    /**
+     * Render a custom component by ID
+     *
+     * @param componentId - Component ID from schema
+     * @param documentId - Document ID
+     * @param props - Additional props to pass to component
+     * @returns Rendered component or null if not found
+     */
+    renderCustomComponent: (componentId, documentId, props) => {
+      const Component = componentRegistry.get(componentId);
+      if (!Component) {
+        console.error(`Component "${componentId}" not found in registry`);
+        return null;
+      }
+      return h(Component, { documentId, ...props || {} });
+    }
+  };
+}
+const RenderersKey = Symbol("Renderers");
+function provideRenderers(renderers) {
+  provide(RenderersKey, renderers);
+}
+function useRenderers() {
+  const renderers = inject(RenderersKey);
+  if (!renderers) {
+    throw new Error("useRenderers must be used within UIProvider");
+  }
+  return renderers;
+}
+function useSchemaRenderer(documentId) {
+  const renderers = useRenderers();
+  const { provides } = useUICapability();
+  const { state: uiState } = useUIState(documentId);
+  return {
+    /**
+     * Render a toolbar by placement and slot
+     *
+     * Always renders with isOpen state when toolbar exists in slot.
+     *
+     * @param placement - 'top' | 'bottom' | 'left' | 'right'
+     * @param slot - Slot name (e.g. 'main', 'secondary')
+     *
+     * @example
+     * ```vue
+     * <component :is="renderToolbar('top', 'main')" />
+     * <component :is="renderToolbar('top', 'secondary')" />
+     * ```
+     */
+    renderToolbar: (placement, slot) => {
+      var _a;
+      const schema = (_a = provides.value) == null ? void 0 : _a.getSchema();
+      if (!schema || !provides.value || !uiState.value) return null;
+      const slotKey = `${placement}-${slot}`;
+      const toolbarSlot = uiState.value.activeToolbars[slotKey];
+      if (!toolbarSlot) return null;
+      const toolbarSchema = schema.toolbars[toolbarSlot.toolbarId];
+      if (!toolbarSchema) {
+        console.warn(`Toolbar "${toolbarSlot.toolbarId}" not found in schema`);
+        return null;
+      }
+      const isClosable = !toolbarSchema.permanent;
+      const handleClose = isClosable ? () => {
+        var _a2;
+        (_a2 = provides.value) == null ? void 0 : _a2.forDocument(toValue(documentId)).closeToolbarSlot(placement, slot);
+      } : void 0;
+      const ToolbarRenderer = renderers.toolbar;
+      return h(ToolbarRenderer, {
+        key: toolbarSlot.toolbarId,
+        schema: toolbarSchema,
+        documentId: toValue(documentId),
+        isOpen: toolbarSlot.isOpen,
+        onClose: handleClose
+      });
+    },
+    /**
+     * Render a panel by placement and slot
+     *
+     * ALWAYS renders (when panel exists in slot) with isOpen state.
+     * Your renderer controls whether to display or animate.
+     *
+     * @param placement - 'left' | 'right' | 'top' | 'bottom'
+     * @param slot - Slot name (e.g. 'main', 'secondary', 'inspector')
+     *
+     * @example
+     * ```vue
+     * <component :is="renderPanel('left', 'main')" />
+     * <component :is="renderPanel('right', 'main')" />
+     * ```
+     */
+    renderPanel: (placement, slot) => {
+      var _a;
+      const schema = (_a = provides.value) == null ? void 0 : _a.getSchema();
+      if (!schema || !provides.value || !uiState.value) return null;
+      const slotKey = `${placement}-${slot}`;
+      const panelSlot = uiState.value.activePanels[slotKey];
+      if (!panelSlot) return null;
+      const panelSchema = schema.panels[panelSlot.panelId];
+      if (!panelSchema) {
+        console.warn(`Panel "${panelSlot.panelId}" not found in schema`);
+        return null;
+      }
+      const handleClose = () => {
+        var _a2;
+        (_a2 = provides.value) == null ? void 0 : _a2.forDocument(toValue(documentId)).closePanelSlot(placement, slot);
+      };
+      const PanelRenderer = renderers.panel;
+      return h(PanelRenderer, {
+        key: panelSlot.panelId,
+        schema: panelSchema,
+        documentId: toValue(documentId),
+        isOpen: panelSlot.isOpen,
+        onClose: handleClose
+      });
+    },
+    /**
+     * Helper: Get all active toolbars for this document
+     * Useful for batch rendering or debugging
+     */
+    getActiveToolbars: () => {
+      if (!uiState.value) return [];
+      return Object.entries(uiState.value.activeToolbars).map(([slotKey, toolbarSlot]) => {
+        const [placement, slot] = slotKey.split("-");
+        return {
+          placement,
+          slot,
+          toolbarId: toolbarSlot.toolbarId,
+          isOpen: toolbarSlot.isOpen
+        };
+      });
+    },
+    /**
+     * Helper: Get all active panels for this document
+     * Useful for batch rendering or debugging
+     */
+    getActivePanels: () => {
+      if (!uiState.value) return [];
+      return Object.entries(uiState.value.activePanels).map(([slotKey, panelSlot]) => {
+        const [placement, slot] = slotKey.split("-");
+        return {
+          placement,
+          slot,
+          panelId: panelSlot.panelId,
+          isOpen: panelSlot.isOpen
+        };
+      });
+    }
+  };
+}
+function useSelectionMenu(menuId, documentId) {
+  const { provides } = useUICapability();
+  const renderers = useRenderers();
+  const schema = computed(() => {
+    var _a;
+    return (_a = provides.value) == null ? void 0 : _a.getSchema();
+  });
+  const menuSchema = computed(() => {
+    var _a, _b;
+    return (_b = (_a = schema.value) == null ? void 0 : _a.selectionMenus) == null ? void 0 : _b[toValue(menuId)];
+  });
+  const renderFn = computed(() => {
+    if (!menuSchema.value) {
+      return void 0;
+    }
+    const currentMenuSchema = menuSchema.value;
+    const currentDocumentId = toValue(documentId);
+    const SelectionMenuRenderer = renderers.selectionMenu;
+    return (props) => {
+      if (!props.selected) {
+        return null;
+      }
+      return h(SelectionMenuRenderer, {
+        schema: currentMenuSchema,
+        documentId: currentDocumentId,
+        props
+      });
+    };
+  });
+  return renderFn;
+}
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "auto-menu-renderer",
+  props: {
+    documentId: {},
+    container: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const { state: uiState } = useUIState(props.documentId);
+    const { provides } = useUICapability();
+    const anchorRegistry = useAnchorRegistry();
+    const renderers = useRenderers();
+    const activeMenu = ref(null);
+    const openMenus = computed(() => {
+      var _a;
+      return ((_a = uiState.value) == null ? void 0 : _a.openMenus) || {};
+    });
+    const schema = computed(() => {
+      var _a;
+      return (_a = provides.value) == null ? void 0 : _a.getSchema();
+    });
+    watch(
+      openMenus,
+      (menus) => {
+        const openMenuIds = Object.keys(menus);
+        if (openMenuIds.length > 0) {
+          const menuId = openMenuIds[0];
+          if (!menuId) {
+            activeMenu.value = null;
+            return;
+          }
+          const menuState = menus[menuId];
+          if (menuState && menuState.triggeredByItemId) {
+            const anchor = anchorRegistry.getAnchor(props.documentId, menuState.triggeredByItemId);
+            activeMenu.value = { menuId, anchorEl: anchor };
+          } else {
+            activeMenu.value = null;
+          }
+        } else {
+          activeMenu.value = null;
+        }
+      },
+      { immediate: true }
+    );
+    const menuSchema = computed(() => {
+      if (!activeMenu.value || !schema.value) return null;
+      const menuSchemaValue = schema.value.menus[activeMenu.value.menuId];
+      if (!menuSchemaValue) {
+        console.warn(`Menu "${activeMenu.value.menuId}" not found in schema`);
+        return null;
+      }
+      return menuSchemaValue;
+    });
+    const handleClose = () => {
+      var _a;
+      if (activeMenu.value) {
+        (_a = provides.value) == null ? void 0 : _a.forDocument(props.documentId).closeMenu(activeMenu.value.menuId);
+      }
+    };
+    const MenuRenderer = computed(() => renderers.menu);
+    return (_ctx, _cache) => {
+      return activeMenu.value && menuSchema.value && MenuRenderer.value ? (openBlock(), createBlock(resolveDynamicComponent(MenuRenderer.value), {
+        key: 0,
+        schema: menuSchema.value,
+        documentId: __props.documentId,
+        anchorEl: activeMenu.value.anchorEl,
+        onClose: handleClose,
+        container: __props.container
+      }, null, 40, ["schema", "documentId", "anchorEl", "container"])) : createCommentVNode("", true);
+    };
+  }
+});
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  ...{
+    inheritAttrs: false
+  },
+  __name: "root",
+  setup(__props) {
+    const attrs = useAttrs();
+    const { plugin } = useUIPlugin();
+    const { provides } = useUICapability();
+    const disabledCategories = ref([]);
+    const rootRef = ref(null);
+    let styleEl = null;
+    let styleTarget = null;
+    function getStyleTarget(element) {
+      const root = element.getRootNode();
+      if (root instanceof ShadowRoot) {
+        return root;
+      }
+      return document.head;
+    }
+    function injectStyles() {
+      if (!rootRef.value || !plugin.value) {
+        return;
+      }
+      styleTarget = getStyleTarget(rootRef.value);
+      const existingStyle = styleTarget.querySelector(UI_SELECTORS.STYLES);
+      if (existingStyle) {
+        styleEl = existingStyle;
+        existingStyle.textContent = plugin.value.getStylesheet();
+        return;
+      }
+      const stylesheet = plugin.value.getStylesheet();
+      const newStyleEl = document.createElement("style");
+      newStyleEl.setAttribute(UI_ATTRIBUTES.STYLES, "");
+      newStyleEl.textContent = stylesheet;
+      if (styleTarget instanceof ShadowRoot) {
+        styleTarget.insertBefore(newStyleEl, styleTarget.firstChild);
+      } else {
+        styleTarget.appendChild(newStyleEl);
+      }
+      styleEl = newStyleEl;
+    }
+    function cleanupStyles() {
+      if (styleEl == null ? void 0 : styleEl.parentNode) {
+        styleEl.remove();
+      }
+      styleEl = null;
+      styleTarget = null;
+    }
+    const rootAttrs = computed(() => {
+      const result = {
+        [UI_ATTRIBUTES.ROOT]: ""
+      };
+      if (disabledCategories.value.length > 0) {
+        result[UI_ATTRIBUTES.DISABLED_CATEGORIES] = disabledCategories.value.join(" ");
+      }
+      return result;
+    });
+    let stylesheetCleanup = null;
+    let categoryCleanup = null;
+    onMounted(() => {
+      injectStyles();
+      if (plugin.value) {
+        stylesheetCleanup = plugin.value.onStylesheetInvalidated(() => {
+          if (styleEl && plugin.value) {
+            styleEl.textContent = plugin.value.getStylesheet();
+          }
+        });
+      }
+      if (provides.value) {
+        disabledCategories.value = provides.value.getDisabledCategories();
+        categoryCleanup = provides.value.onCategoryChanged((event) => {
+          disabledCategories.value = event.disabledCategories;
+        });
+      }
+    });
+    onUnmounted(() => {
+      cleanupStyles();
+      stylesheetCleanup == null ? void 0 : stylesheetCleanup();
+      categoryCleanup == null ? void 0 : categoryCleanup();
+    });
+    watch(plugin, () => {
+      if (rootRef.value && plugin.value) {
+        injectStyles();
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", mergeProps({
+        ref_key: "rootRef",
+        ref: rootRef
+      }, { ...unref(attrs), ...rootAttrs.value }, { style: { containerType: "inline-size" } }), [
+        renderSlot(_ctx.$slots, "default")
+      ], 16);
+    };
+  }
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    inheritAttrs: false
+  },
+  __name: "provider",
+  props: {
+    documentId: {},
+    components: { default: () => ({}) },
+    renderers: {},
+    menuContainer: { default: null }
+  },
+  setup(__props) {
+    const attrs = useAttrs();
+    const props = __props;
+    provideAnchorRegistry();
+    provideComponentRegistry(props.components);
+    provideRenderers(props.renderers);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, normalizeProps(guardReactiveProps(unref(attrs))), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default"),
+          createVNode(_sfc_main$2, {
+            documentId: __props.documentId,
+            container: __props.menuContainer
+          }, null, 8, ["documentId", "container"])
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+export {
+  _sfc_main$2 as AutoMenuRenderer,
+  _sfc_main as UIProvider,
+  createAnchorRegistry,
+  createComponentRegistry,
+  provideAnchorRegistry,
+  provideComponentRegistry,
+  provideRenderers,
+  useAnchorRegistry,
+  useComponentRegistry,
+  useItemRenderer,
+  useRegisterAnchor,
+  useRenderers,
+  useSchemaRenderer,
+  useSelectionMenu,
+  useUICapability,
+  useUIPlugin,
+  useUISchema,
+  useUIState
+};
+//# sourceMappingURL=index.js.map