@embedpdf/plugin-ui 2.0.0-next.1 → 2.0.0-next.2

package/dist/lib/actions.d.ts

@@ -4,15 +4,17 @@ export declare const INIT_UI_STATE = "UI/INIT_STATE";
 export declare const CLEANUP_UI_STATE = "UI/CLEANUP_STATE";
 export declare const SET_ACTIVE_TOOLBAR = "UI/SET_ACTIVE_TOOLBAR";
 export declare const CLOSE_TOOLBAR_SLOT = "UI/CLOSE_TOOLBAR_SLOT";
-export declare const SET_ACTIVE_PANEL = "UI/SET_ACTIVE_PANEL";
-export declare const CLOSE_PANEL_SLOT = "UI/CLOSE_PANEL_SLOT";
-export declare const SET_PANEL_TAB = "UI/SET_PANEL_TAB";
+export declare const SET_ACTIVE_SIDEBAR = "UI/SET_ACTIVE_SIDEBAR";
+export declare const CLOSE_SIDEBAR_SLOT = "UI/CLOSE_SIDEBAR_SLOT";
+export declare const SET_SIDEBAR_TAB = "UI/SET_SIDEBAR_TAB";
 export declare const OPEN_MODAL = "UI/OPEN_MODAL";
 export declare const CLOSE_MODAL = "UI/CLOSE_MODAL";
+export declare const CLEAR_MODAL = "UI/CLEAR_MODAL";
 export declare const OPEN_MENU = "UI/OPEN_MENU";
 export declare const CLOSE_MENU = "UI/CLOSE_MENU";
 export declare const CLOSE_ALL_MENUS = "UI/CLOSE_ALL_MENUS";
 export declare const SET_DISABLED_CATEGORIES = "UI/SET_DISABLED_CATEGORIES";
+export declare const SET_HIDDEN_ITEMS = "UI/SET_HIDDEN_ITEMS";
 export interface InitUIStateAction extends Action {
     type: typeof INIT_UI_STATE;
     payload: {
@@ -43,29 +45,29 @@ export interface CloseToolbarSlotAction extends Action {
         slot: string;
     };
 }
-export interface SetActivePanelAction extends Action {
-    type: typeof SET_ACTIVE_PANEL;
+export interface SetActiveSidebarAction extends Action {
+    type: typeof SET_ACTIVE_SIDEBAR;
     payload: {
         documentId: string;
         placement: string;
         slot: string;
-        panelId: string;
+        sidebarId: string;
         activeTab?: string;
     };
 }
-export interface ClosePanelSlotAction extends Action {
-    type: typeof CLOSE_PANEL_SLOT;
+export interface CloseSidebarSlotAction extends Action {
+    type: typeof CLOSE_SIDEBAR_SLOT;
     payload: {
         documentId: string;
         placement: string;
         slot: string;
     };
 }
-export interface SetPanelTabAction extends Action {
-    type: typeof SET_PANEL_TAB;
+export interface SetSidebarTabAction extends Action {
+    type: typeof SET_SIDEBAR_TAB;
     payload: {
         documentId: string;
-        panelId: string;
+        sidebarId: string;
         tabId: string;
     };
 }
@@ -82,6 +84,12 @@ export interface CloseModalAction extends Action {
         documentId: string;
     };
 }
+export interface ClearModalAction extends Action {
+    type: typeof CLEAR_MODAL;
+    payload: {
+        documentId: string;
+    };
+}
 export interface OpenMenuAction extends Action {
     type: typeof OPEN_MENU;
     payload: {
@@ -108,17 +116,25 @@ export interface SetDisabledCategoriesAction extends Action {
         categories: string[];
     };
 }
-export type UIAction = InitUIStateAction | CleanupUIStateAction | SetActiveToolbarAction | CloseToolbarSlotAction | SetActivePanelAction | ClosePanelSlotAction | SetPanelTabAction | OpenModalAction | CloseModalAction | OpenMenuAction | CloseMenuAction | CloseAllMenusAction | SetDisabledCategoriesAction;
+export interface SetHiddenItemsAction extends Action {
+    type: typeof SET_HIDDEN_ITEMS;
+    payload: {
+        hiddenItems: string[];
+    };
+}
+export type UIAction = InitUIStateAction | CleanupUIStateAction | SetActiveToolbarAction | CloseToolbarSlotAction | SetActiveSidebarAction | CloseSidebarSlotAction | SetSidebarTabAction | OpenModalAction | CloseModalAction | ClearModalAction | OpenMenuAction | CloseMenuAction | CloseAllMenusAction | SetDisabledCategoriesAction | SetHiddenItemsAction;
 export declare const initUIState: (documentId: string, schema: UISchema) => InitUIStateAction;
 export declare const cleanupUIState: (documentId: string) => CleanupUIStateAction;
 export declare const setActiveToolbar: (documentId: string, placement: string, slot: string, toolbarId: string) => SetActiveToolbarAction;
 export declare const closeToolbarSlot: (documentId: string, placement: string, slot: string) => CloseToolbarSlotAction;
-export declare const setActivePanel: (documentId: string, placement: string, slot: string, panelId: string, activeTab?: string) => SetActivePanelAction;
-export declare const closePanelSlot: (documentId: string, placement: string, slot: string) => ClosePanelSlotAction;
-export declare const setPanelTab: (documentId: string, panelId: string, tabId: string) => SetPanelTabAction;
+export declare const setActiveSidebar: (documentId: string, placement: string, slot: string, sidebarId: string, activeTab?: string) => SetActiveSidebarAction;
+export declare const closeSidebarSlot: (documentId: string, placement: string, slot: string) => CloseSidebarSlotAction;
+export declare const setSidebarTab: (documentId: string, sidebarId: string, tabId: string) => SetSidebarTabAction;
 export declare const openModal: (documentId: string, modalId: string) => OpenModalAction;
 export declare const closeModal: (documentId: string) => CloseModalAction;
+export declare const clearModal: (documentId: string) => ClearModalAction;
 export declare const openMenu: (documentId: string, menuState: OpenMenuState) => OpenMenuAction;
 export declare const closeMenu: (documentId: string, menuId: string) => CloseMenuAction;
 export declare const closeAllMenus: (documentId: string) => CloseAllMenusAction;
 export declare const setDisabledCategories: (categories: string[]) => SetDisabledCategoriesAction;
+export declare const setHiddenItems: (hiddenItems: string[]) => SetHiddenItemsAction;

package/dist/lib/schema.d.ts

@@ -6,7 +6,9 @@ export interface UISchema {
     version: string;
     toolbars: Record<string, ToolbarSchema>;
     menus: Record<string, MenuSchema>;
-    panels: Record<string, PanelSchema>;
+    sidebars: Record<string, SidebarSchema>;
+    modals: Record<string, ModalSchema>;
+    overlays?: Record<string, OverlaySchema>;
     selectionMenus: Record<string, SelectionMenuSchema>;
 }
 export interface ToolbarPosition {
@@ -149,30 +151,69 @@ export interface MenuCustomItem {
     visibilityDependsOn?: VisibilityDependency;
 }
 /**
- * Panel definition (sidebars, overlays, modals)
+ * Sidebar definition - positioned panels with placement/slot
  */
-export interface PanelSchema {
+export interface SidebarSchema {
     id: string;
-    type: 'sidebar' | 'overlay' | 'modal' | 'popover';
-    position?: PanelPosition;
+    position: SidebarPosition;
     content: PanelContent;
     collapsible?: boolean;
     defaultOpen?: boolean;
-    closeOnClickOutside?: boolean;
     width?: string;
     height?: string;
     minWidth?: string;
     minHeight?: string;
-    maxWidth?: string;
-    maxHeight?: string;
     categories?: string[];
     visibilityDependsOn?: VisibilityDependency;
 }
-export interface PanelPosition {
+export interface SidebarPosition {
     placement: 'left' | 'right' | 'top' | 'bottom';
-    slot?: string;
+    slot: string;
     order?: number;
 }
+/**
+ * Modal definition - global overlays, only one at a time
+ */
+export interface ModalSchema {
+    id: string;
+    content: PanelContent;
+    closeOnClickOutside?: boolean;
+    closeOnEscape?: boolean;
+    width?: string;
+    height?: string;
+    maxWidth?: string;
+    maxHeight?: string;
+    categories?: string[];
+    visibilityDependsOn?: VisibilityDependency;
+}
+/**
+ * Overlay position anchor
+ */
+export type OverlayAnchor = 'top-left' | 'top-center' | 'top-right' | 'center-left' | 'center' | 'center-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
+/**
+ * Overlay position configuration
+ */
+export interface OverlayPosition {
+    anchor: OverlayAnchor;
+    offset?: {
+        top?: string;
+        right?: string;
+        bottom?: string;
+        left?: string;
+    };
+}
+/**
+ * Overlay definition - floating components positioned over document content
+ * Unlike modals, overlays don't block interaction and multiple can be visible
+ */
+export interface OverlaySchema {
+    id: string;
+    position: OverlayPosition;
+    content: ComponentPanelContent;
+    defaultEnabled?: boolean;
+    categories?: string[];
+    visibilityDependsOn?: VisibilityDependency;
+}
 /**
  * Panel content types
  */

package/dist/lib/selectors.d.ts

@@ -1,4 +1,4 @@
-import { UIState, UIDocumentState, ToolbarSlotState, PanelSlotState } from './types';
+import { UIState, UIDocumentState, ToolbarSlotState, SidebarSlotState } from './types';
 export type PluginsSlice = Record<string, any>;
 export declare function selectUIState(plugins: PluginsSlice): UIState | null;
 export declare function selectUIDocumentState(plugins: PluginsSlice, documentId: string): UIDocumentState | null;
@@ -8,9 +8,9 @@ export declare function selectToolbarSlot(plugins: PluginsSlice, documentId: str
  * If toolbarId is provided, also matches that specific toolbar.
  */
 export declare function isToolbarOpen(plugins: PluginsSlice, documentId: string, placement: string, slot: string, toolbarId?: string): boolean;
-export declare function selectPanelSlot(plugins: PluginsSlice, documentId: string, placement: string, slot: string): PanelSlotState | null;
+export declare function selectSidebarSlot(plugins: PluginsSlice, documentId: string, placement: string, slot: string): SidebarSlotState | null;
 /**
- * Is a panel open in this slot?
- * If panelId is provided, also matches that specific panel.
+ * Is a sidebar open in this slot?
+ * If sidebarId is provided, also matches that specific sidebar.
  */
-export declare function isPanelOpen(plugins: PluginsSlice, documentId: string, placement: string, slot: string, panelId?: string): boolean;
+export declare function isSidebarOpen(plugins: PluginsSlice, documentId: string, placement: string, slot: string, sidebarId?: string): boolean;

package/dist/lib/types.d.ts

@@ -14,6 +14,8 @@ export interface UIState {
     documents: Record<string, UIDocumentState>;
     /** Globally disabled categories */
     disabledCategories: string[];
+    /** Item IDs that are hidden (computed from disabled categories) */
+    hiddenItems: string[];
 }
 /**
  * Toolbar slot state
@@ -23,18 +25,25 @@ export interface ToolbarSlotState {
     isOpen: boolean;
 }
 /**
- * Panel slot state
+ * Sidebar slot state
  */
-export interface PanelSlotState {
-    panelId: string;
+export interface SidebarSlotState {
+    sidebarId: string;
+    isOpen: boolean;
+}
+/**
+ * Modal slot state - supports animation lifecycle
+ */
+export interface ModalSlotState {
+    modalId: string;
     isOpen: boolean;
 }
 export interface UIDocumentState {
     activeToolbars: Record<string, ToolbarSlotState>;
-    activePanels: Record<string, PanelSlotState>;
-    activeModal: string | null;
+    activeSidebars: Record<string, SidebarSlotState>;
+    activeModal: ModalSlotState | null;
     openMenus: Record<string, OpenMenuState>;
-    panelTabs: Record<string, string>;
+    sidebarTabs: Record<string, string>;
 }
 /**
  * Responsive visibility rule for a single item at a specific breakpoint
@@ -76,16 +85,17 @@ export interface ToolbarChangedData {
 export interface ToolbarChangedEvent extends ToolbarChangedData {
     documentId: string;
 }
-export interface PanelChangedData {
+export interface SidebarChangedData {
     placement: string;
     slot: string;
-    panelId: string;
+    sidebarId: string;
 }
-export interface PanelChangedEvent extends PanelChangedData {
+export interface SidebarChangedEvent extends SidebarChangedData {
     documentId: string;
 }
 export interface ModalChangedData {
     modalId: string | null;
+    isOpen: boolean;
 }
 export interface ModalChangedEvent extends ModalChangedData {
     documentId: string;
@@ -107,16 +117,18 @@ export interface UIScope {
     getActiveToolbar(placement: string, slot: string): string | null;
     closeToolbarSlot(placement: string, slot: string): void;
     isToolbarOpen(placement: string, slot: string, toolbarId?: string): boolean;
-    setActivePanel(placement: string, slot: string, panelId: string, activeTab?: string): void;
-    getActivePanel(placement: string, slot: string): string | null;
-    closePanelSlot(placement: string, slot: string): void;
-    togglePanel(placement: string, slot: string, panelId: string, activeTab?: string): void;
-    setPanelTab(panelId: string, tabId: string): void;
-    getPanelTab(panelId: string): string | null;
-    isPanelOpen(placement: string, slot: string, panelId?: string): boolean;
+    setActiveSidebar(placement: string, slot: string, sidebarId: string, activeTab?: string): void;
+    getActiveSidebar(placement: string, slot: string): string | null;
+    closeSidebarSlot(placement: string, slot: string): void;
+    toggleSidebar(placement: string, slot: string, sidebarId: string, activeTab?: string): void;
+    setSidebarTab(sidebarId: string, tabId: string): void;
+    getSidebarTab(sidebarId: string): string | null;
+    isSidebarOpen(placement: string, slot: string, sidebarId?: string): boolean;
     openModal(modalId: string): void;
     closeModal(): void;
-    getActiveModal(): string | null;
+    clearModal(): void;
+    getActiveModal(): ModalSlotState | null;
+    isModalOpen(): boolean;
     openMenu(menuId: string, triggeredByCommandId: string, triggeredByItemId: string): void;
     closeMenu(menuId: string): void;
     toggleMenu(menuId: string, triggeredByCommandId: string, triggeredByItemId: string): void;
@@ -130,13 +142,14 @@ export interface UIScope {
         slot: string;
         toolbarId: string;
     }>;
-    onPanelChanged: EventHook<{
+    onSidebarChanged: EventHook<{
         placement: string;
         slot: string;
-        panelId: string;
+        sidebarId: string;
     }>;
     onModalChanged: EventHook<{
         modalId: string | null;
+        isOpen: boolean;
     }>;
     onMenuChanged: EventHook<{
         menuId: string;
@@ -145,8 +158,8 @@ export interface UIScope {
 }
 export interface UICapability {
     setActiveToolbar(placement: string, slot: string, toolbarId: string, documentId?: string): void;
-    setActivePanel(placement: string, slot: string, panelId: string, documentId?: string, activeTab?: string): void;
-    togglePanel(placement: string, slot: string, panelId: string, documentId?: string, activeTab?: string): void;
+    setActiveSidebar(placement: string, slot: string, sidebarId: string, documentId?: string, activeTab?: string): void;
+    toggleSidebar(placement: string, slot: string, sidebarId: string, documentId?: string, activeTab?: string): void;
     openModal(modalId: string, documentId?: string): void;
     openMenu(menuId: string, triggeredByCommandId: string, triggeredByItemId: string, documentId?: string): void;
     toggleMenu(menuId: string, triggeredByCommandId: string, triggeredByItemId: string, documentId?: string): void;
@@ -159,21 +172,23 @@ export interface UICapability {
     setDisabledCategories(categories: string[]): void;
     getDisabledCategories(): string[];
     isCategoryDisabled(category: string): boolean;
+    getHiddenItems(): string[];
     onToolbarChanged: EventHook<{
         documentId: string;
         placement: string;
         slot: string;
         toolbarId: string;
     }>;
-    onPanelChanged: EventHook<{
+    onSidebarChanged: EventHook<{
         documentId: string;
         placement: string;
         slot: string;
-        panelId: string;
+        sidebarId: string;
     }>;
     onModalChanged: EventHook<{
         documentId: string;
         modalId: string | null;
+        isOpen: boolean;
     }>;
     onMenuChanged: EventHook<{
         documentId: string;
@@ -182,5 +197,6 @@ export interface UICapability {
     }>;
     onCategoryChanged: EventHook<{
         disabledCategories: string[];
+        hiddenItems: string[];
     }>;
 }

package/dist/lib/ui-plugin.d.ts

@@ -5,6 +5,7 @@ export declare class UIPlugin extends BasePlugin<UIPluginConfig, UICapability, U
     static readonly id: "ui";
     private schema;
     private stylesheetConfig;
+    private itemCategories;
     private cachedStylesheet;
     private cachedLocale;
     private i18n;
@@ -12,7 +13,7 @@ export declare class UIPlugin extends BasePlugin<UIPluginConfig, UICapability, U
     private readonly categoryChanged$;
     private readonly stylesheetInvalidated$;
     private readonly toolbarChanged$;
-    private readonly panelChanged$;
+    private readonly sidebarChanged$;
     private readonly modalChanged$;
     private readonly menuChanged$;
     constructor(id: string, registry: PluginRegistry, config: UIPluginConfig);
@@ -52,16 +53,18 @@ export declare class UIPlugin extends BasePlugin<UIPluginConfig, UICapability, U
     private getToolbarForDocument;
     private closeToolbarForDocument;
     private isToolbarOpenForDocument;
-    private setPanelForDocument;
-    private getPanelForDocument;
-    private closePanelForDocument;
-    private togglePanelForDocument;
-    private isPanelOpenForDocument;
-    private setPanelTabForDocument;
-    private getPanelTabForDocument;
+    private setSidebarForDocument;
+    private getSidebarForDocument;
+    private closeSidebarForDocument;
+    private toggleSidebarForDocument;
+    private isSidebarOpenForDocument;
+    private setSidebarTabForDocument;
+    private getSidebarTabForDocument;
     private openModalForDocument;
     private closeModalForDocument;
+    private clearModalForDocument;
     private getActiveModalForDocument;
+    private isModalOpenForDocument;
     private openMenuForDocument;
     private closeMenuForDocument;
     private toggleMenuForDocument;

package/dist/lib/utils/consts.d.ts

@@ -12,6 +12,8 @@ export declare const UI_ATTRIBUTES: {
     readonly CATEGORIES: "data-epdf-cat";
     /** Disabled categories list on root element */
     readonly DISABLED_CATEGORIES: "data-epdf-dis";
+    /** Hidden item IDs (computed from disabled categories) */
+    readonly HIDDEN_ITEMS: "data-epdf-hid";
 };
 /**
  * CSS selectors derived from attributes
@@ -22,4 +24,5 @@ export declare const UI_SELECTORS: {
     readonly ITEM: (id: string) => string;
     readonly CATEGORIES: (category: string) => string;
     readonly DISABLED_CATEGORY: (category: string) => string;
+    readonly HIDDEN_ITEM: (itemId: string) => string;
 };

package/dist/lib/utils/schema-merger.d.ts

@@ -10,6 +10,6 @@ export declare function mergeUISchema(base: UISchema, override: Partial<UISchema
 export declare function removeFromSchema(schema: UISchema, options: {
     toolbars?: string[];
     menus?: string[];
-    panels?: string[];
+    sidebars?: string[];
     commands?: string[];
 }): UISchema;

package/dist/lib/utils/stylesheet-generator.d.ts

@@ -31,6 +31,23 @@ export declare function generateUIStylesheet(schema: UISchema, options?: Stylesh
  * @returns Sorted array of unique category names
  */
 export declare function extractCategories(schema: UISchema): string[];
+/**
+ * Extract a map of item ID -> categories from the schema.
+ * Used to compute which items are hidden based on disabled categories.
+ *
+ * @param schema - The UI schema to extract item categories from
+ * @returns Map of item ID to array of categories
+ */
+export declare function extractItemCategories(schema: UISchema): Map<string, string[]>;
+/**
+ * Compute which items are hidden based on disabled categories.
+ * An item is hidden if ANY of its categories is disabled.
+ *
+ * @param itemCategories - Map of item ID to categories (from extractItemCategories)
+ * @param disabledCategories - Array of currently disabled categories
+ * @returns Array of hidden item IDs
+ */
+export declare function computeHiddenItems(itemCategories: Map<string, string[]>, disabledCategories: string[]): string[];
 /**
  * Get the stylesheet configuration with defaults applied.
  *

package/dist/preact/adapter.d.ts

@@ -1,7 +1,7 @@
 import { FunctionComponent } from 'preact';
 export { Fragment, createContext } from 'preact';
 export { useEffect, useRef, useState, useCallback, useMemo, useContext } from 'preact/hooks';
-export type { ComponentChildren as ReactNode } from 'preact';
+export type { ComponentChildren as ReactNode, RefObject } from 'preact';
 export type CSSProperties = import('preact').JSX.CSSProperties;
 export type HTMLAttributes<T = any> = import('preact').JSX.HTMLAttributes<T extends EventTarget ? T : never>;
 export type ComponentType<P = any> = FunctionComponent<P>;

package/dist/preact/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@embedpdf/core/preact"),n=require("@embedpdf/plugin-ui"),t=require("preact"),r=require("preact/hooks"),o=require("preact/jsx-runtime"),s=()=>e.useCapability(n.UIPlugin.id),u=()=>e.usePlugin(n.UIPlugin.id),l=e=>{const{provides:n}=s(),[t,o]=r.useState(null);return r.useEffect(()=>{if(!n)return;const t=n.forDocument(e);o(t.getState());const r=t.onToolbarChanged(()=>o(t.getState())),s=t.onPanelChanged(()=>o(t.getState())),u=t.onModalChanged(()=>o(t.getState())),l=t.onMenuChanged(()=>o(t.getState()));return()=>{r(),s(),u(),l()}},[n,e]),t},c=t.createContext(null);function i({children:e}){const n=r.useRef(new Map),t={register:r.useCallback((e,t,r)=>{const o=`${e}:${t}`;n.current.set(o,r)},[]),unregister:r.useCallback((e,t)=>{const r=`${e}:${t}`;n.current.delete(r)},[]),getAnchor:r.useCallback((e,t)=>{const r=`${e}:${t}`;return n.current.get(r)||null},[])};return o.jsx(c.Provider,{value:t,children:e})}function a(){const e=r.useContext(c);if(!e)throw new Error("useAnchorRegistry must be used within UIProvider");return e}const d=t.createContext(null);function p({children:e,initialComponents:n={}}){const t=r.useRef(new Map(Object.entries(n))),s={register:r.useCallback((e,n)=>{t.current.set(e,n)},[]),unregister:r.useCallback(e=>{t.current.delete(e)},[]),get:r.useCallback(e=>t.current.get(e),[]),has:r.useCallback(e=>t.current.has(e),[]),getRegisteredIds:r.useCallback(()=>Array.from(t.current.keys()),[])};return o.jsx(d.Provider,{value:s,children:e})}function f(){const e=r.useContext(d);if(!e)throw new Error("useComponentRegistry must be used within UIProvider");return e}const m=t.createContext(null);function h({children:e,renderers:n}){return o.jsx(m.Provider,{value:n,children:e})}function g(){const e=r.useContext(m);if(!e)throw new Error("useRenderers must be used within UIProvider");return e}function I({container:e,documentId:n}){const t=l(n),{provides:u}=s(),c=a(),i=g(),[d,p]=r.useState(null),f=(null==t?void 0:t.openMenus)||{},m=null==u?void 0:u.getSchema();r.useEffect(()=>{const e=Object.keys(f);if(e.length>0){const t=e[0];if(!t)return void p(null);const r=f[t];if(r&&r.triggeredByItemId){const e=c.getAnchor(n,r.triggeredByItemId);p({menuId:t,anchorEl:e})}else p(null)}else p(null)},[f,c,n]);if(!d||!m)return null;const h=m.menus[d.menuId];if(!h)return console.warn(`Menu "${d.menuId}" not found in schema`),null;const I=i.menu;return o.jsx(I,{schema:h,documentId:n,anchorEl:d.anchorEl,onClose:()=>{d&&(null==u||u.forDocument(n).closeMenu(d.menuId))},container:e})}function v({children:e,...t}){const{plugin:l}=u(),{provides:c}=s(),[i,a]=r.useState([]),d=r.useRef(null),p=r.useRef(null),f=r.useRef(null),m=r.useCallback(e=>{const t=f.current;if(f.current=e,e&&e!==t&&l){const t=function(e){const n=e.getRootNode();return n instanceof ShadowRoot?n:document.head}(e);p.current=t;const r=t.querySelector(n.UI_SELECTORS.STYLES);if(r)return d.current=r,void(r.textContent=l.getStylesheet());const o=l.getStylesheet(),s=document.createElement("style");s.setAttribute(n.UI_ATTRIBUTES.STYLES,""),s.textContent=o,t instanceof ShadowRoot?t.insertBefore(s,t.firstChild):t.appendChild(s),d.current=s}},[l]);r.useEffect(()=>()=>{var e;(null==(e=d.current)?void 0:e.parentNode)&&!f.current&&d.current.remove(),d.current=null,p.current=null},[]),r.useEffect(()=>{if(l)return l.onStylesheetInvalidated(()=>{d.current&&(d.current.textContent=l.getStylesheet())})},[l]),r.useEffect(()=>{if(c)return a(c.getDisabledCategories()),c.onCategoryChanged(({disabledCategories:e})=>{a(e)})},[c]);const h=r.useMemo(()=>i.length>0?i.join(" "):void 0,[i]),g={[n.UI_ATTRIBUTES.ROOT]:"",[n.UI_ATTRIBUTES.DISABLED_CATEGORIES]:h};return o.jsx("div",{ref:m,...g,...t,style:{containerType:"inline-size",...t.style},children:e})}exports.AnchorRegistryProvider=i,exports.ComponentRegistryProvider=p,exports.RenderersProvider=h,exports.UIProvider=function({children:e,documentId:n,components:t={},renderers:r,menuContainer:s,...u}){return o.jsx(i,{children:o.jsx(p,{initialComponents:t,children:o.jsx(h,{renderers:r,children:o.jsxs(v,{...u,children:[e,o.jsx(I,{documentId:n,container:s})]})})})})},exports.useAnchorRegistry=a,exports.useComponentRegistry=f,exports.useItemRenderer=function(){const e=f();return{renderCustomComponent:(n,t,r)=>{const s=e.get(n);return s?o.jsx(s,{documentId:t,...r||{}}):(console.error(`Component "${n}" not found in registry`),null)}}},exports.useRegisterAnchor=function(e,n){const t=a(),o=r.useRef(null),s=r.useRef(e),u=r.useRef(n);return s.current=e,u.current=n,r.useCallback(e=>{const n=o.current;o.current=e,e?e!==n&&t.register(s.current,u.current,e):n&&t.unregister(s.current,u.current)},[t])},exports.useRenderers=g,exports.useSchemaRenderer=function(e){const n=g(),{provides:t}=s(),r=null==t?void 0:t.getSchema(),u=l(e);return{renderToolbar:(s,l)=>{if(!r||!t||!u)return null;const c=`${s}-${l}`,i=u.activeToolbars[c];if(!i)return null;const a=r.toolbars[i.toolbarId];if(!a)return console.warn(`Toolbar "${i.toolbarId}" not found in schema`),null;const d=!a.permanent?()=>{t.forDocument(e).closeToolbarSlot(s,l)}:void 0,p=n.toolbar;return o.jsx(p,{schema:a,documentId:e,isOpen:i.isOpen,onClose:d},i.toolbarId)},renderPanel:(s,l)=>{if(!r||!t||!u)return null;const c=`${s}-${l}`,i=u.activePanels[c];if(!i)return null;const a=r.panels[i.panelId];if(!a)return console.warn(`Panel "${i.panelId}" not found in schema`),null;const d=n.panel;return o.jsx(d,{schema:a,documentId:e,isOpen:i.isOpen,onClose:()=>{t.forDocument(e).closePanelSlot(s,l)}},i.panelId)},getActiveToolbars:()=>u?Object.entries(u.activeToolbars).map(([e,n])=>{const[t,r]=e.split("-");return{placement:t,slot:r,toolbarId:n.toolbarId,isOpen:n.isOpen}}):[],getActivePanels:()=>u?Object.entries(u.activePanels).map(([e,n])=>{const[t,r]=e.split("-");return{placement:t,slot:r,panelId:n.panelId,isOpen:n.isOpen}}):[]}},exports.useSelectionMenu=function(e,n){var t;const{provides:u}=s(),l=g(),c=r.useCallback(t=>{var r;const s=null==u?void 0:u.getSchema(),c=null==(r=null==s?void 0:s.selectionMenus)?void 0:r[e];if(!c)return null;if(!t.selected)return null;const i=l.selectionMenu;return o.jsx(i,{schema:c,documentId:n,props:t})},[u,l,e,n]),i=null==u?void 0:u.getSchema();if(null==(t=null==i?void 0:i.selectionMenus)?void 0:t[e])return c},exports.useUICapability=s,exports.useUIPlugin=u,exports.useUISchema=()=>{const{provides:e}=s();return(null==e?void 0:e.getSchema())??null},exports.useUIState=l,Object.keys(n).forEach(e=>{"default"===e||Object.prototype.hasOwnProperty.call(exports,e)||Object.defineProperty(exports,e,{enumerable:!0,get:()=>n[e]})});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@embedpdf/core/preact"),n=require("@embedpdf/plugin-ui"),t=require("preact"),r=require("preact/hooks"),o=require("preact/jsx-runtime"),s=()=>e.useCapability(n.UIPlugin.id),u=()=>e.usePlugin(n.UIPlugin.id),l=e=>{const{provides:n}=s(),[t,o]=r.useState(null);return r.useEffect(()=>{if(!n)return;const t=n.forDocument(e);o(t.getState());const r=t.onToolbarChanged(()=>o(t.getState())),s=t.onSidebarChanged(()=>o(t.getState())),u=t.onModalChanged(()=>o(t.getState())),l=t.onMenuChanged(()=>o(t.getState()));return()=>{r(),s(),u(),l()}},[n,e]),t},c=t.createContext(null);const i=t.createContext(null);function d({children:e}){const n=r.useRef(new Map),t={register:r.useCallback((e,t,r)=>{const o=`${e}:${t}`;n.current.set(o,r)},[]),unregister:r.useCallback((e,t)=>{const r=`${e}:${t}`;n.current.delete(r)},[]),getAnchor:r.useCallback((e,t)=>{const r=`${e}:${t}`;return n.current.get(r)||null},[])};return o.jsx(i.Provider,{value:t,children:e})}function a(){const e=r.useContext(i);if(!e)throw new Error("useAnchorRegistry must be used within UIProvider");return e}const f=t.createContext(null);function m({children:e,initialComponents:n={}}){const t=r.useRef(new Map(Object.entries(n))),s={register:r.useCallback((e,n)=>{t.current.set(e,n)},[]),unregister:r.useCallback(e=>{t.current.delete(e)},[]),get:r.useCallback(e=>t.current.get(e),[]),has:r.useCallback(e=>t.current.has(e),[]),getRegisteredIds:r.useCallback(()=>Array.from(t.current.keys()),[])};return o.jsx(f.Provider,{value:s,children:e})}function p(){const e=r.useContext(f);if(!e)throw new Error("useComponentRegistry must be used within UIProvider");return e}const h=t.createContext(null);function g({children:e,renderers:n}){return o.jsx(h.Provider,{value:n,children:e})}function v(){const e=r.useContext(h);if(!e)throw new Error("useRenderers must be used within UIProvider");return e}function b({container:e,documentId:n}){const t=l(n),{provides:u}=s(),c=a(),i=v(),[d,f]=r.useState(null),m=(null==t?void 0:t.openMenus)||{},p=null==u?void 0:u.getSchema();r.useEffect(()=>{const e=Object.keys(m);if(e.length>0){const t=e[0];if(!t)return void f(null);const r=m[t];if(r&&r.triggeredByItemId){const e=c.getAnchor(n,r.triggeredByItemId);f({menuId:t,anchorEl:e})}else f(null)}else f(null)},[m,c,n]);if(!d||!p)return null;const h=p.menus[d.menuId];if(!h)return console.warn(`Menu "${d.menuId}" not found in schema`),null;const g=i.menu;return o.jsx(g,{schema:h,documentId:n,anchorEl:d.anchorEl,onClose:()=>{d&&(null==u||u.forDocument(n).closeMenu(d.menuId))},container:e})}function I({children:e,style:t,...l}){const{plugin:i}=u(),{provides:d}=s(),[a,f]=r.useState([]),[m,p]=r.useState([]),h=r.useRef(null),g=r.useRef(null),v=r.useRef(null),b=r.useRef(null),I=r.useMemo(()=>({containerRef:b,getContainer:()=>b.current}),[]),C=r.useCallback(e=>{const t=v.current;if(v.current=e,b.current=e,e&&e!==t&&i){const t=function(e){const n=e.getRootNode();return n instanceof ShadowRoot?n:document.head}(e);g.current=t;const r=t.querySelector(n.UI_SELECTORS.STYLES);if(r)return h.current=r,void(r.textContent=i.getStylesheet());const o=i.getStylesheet(),s=document.createElement("style");s.setAttribute(n.UI_ATTRIBUTES.STYLES,""),s.textContent=o,t instanceof ShadowRoot?t.insertBefore(s,t.firstChild):t.appendChild(s),h.current=s}},[i]);r.useEffect(()=>()=>{var e;(null==(e=h.current)?void 0:e.parentNode)&&!v.current&&h.current.remove(),h.current=null,g.current=null},[]),r.useEffect(()=>{if(i)return i.onStylesheetInvalidated(()=>{h.current&&(h.current.textContent=i.getStylesheet())})},[i]),r.useEffect(()=>{if(d)return f(d.getDisabledCategories()),p(d.getHiddenItems()),d.onCategoryChanged(({disabledCategories:e,hiddenItems:n})=>{f(e),p(n)})},[d]);const x=r.useMemo(()=>a.length>0?a.join(" "):void 0,[a]),S=r.useMemo(()=>m.length>0?m.join(" "):void 0,[m]),y=r.useMemo(()=>{const e={containerType:"inline-size"};return t&&"object"==typeof t?{...e,...t}:e},[t]),R={[n.UI_ATTRIBUTES.ROOT]:"",[n.UI_ATTRIBUTES.DISABLED_CATEGORIES]:x,[n.UI_ATTRIBUTES.HIDDEN_ITEMS]:S};return o.jsx(c.Provider,{value:I,children:o.jsx("div",{ref:C,...R,...l,style:y,children:e})})}exports.AnchorRegistryProvider=d,exports.ComponentRegistryProvider=m,exports.RenderersProvider=g,exports.UIContainerContext=c,exports.UIProvider=function({children:e,documentId:n,components:t={},renderers:r,menuContainer:s,...u}){return o.jsx(d,{children:o.jsx(m,{initialComponents:t,children:o.jsx(g,{renderers:r,children:o.jsxs(I,{...u,children:[e,o.jsx(b,{documentId:n,container:s})]})})})})},exports.useAnchorRegistry=a,exports.useComponentRegistry=p,exports.useItemRenderer=function(){const e=p();return{renderCustomComponent:(n,t,r)=>{const s=e.get(n);return s?o.jsx(s,{documentId:t,...r||{}}):(console.error(`Component "${n}" not found in registry`),null)}}},exports.useRegisterAnchor=function(e,n){const t=a(),o=r.useRef(null),s=r.useRef(e),u=r.useRef(n);return s.current=e,u.current=n,r.useCallback(e=>{const n=o.current;o.current=e,e?e!==n&&t.register(s.current,u.current,e):n&&t.unregister(s.current,u.current)},[t])},exports.useRenderers=v,exports.useSchemaRenderer=function(e){const n=v(),{provides:t}=s(),r=null==t?void 0:t.getSchema(),u=l(e);return{renderToolbar:(s,l)=>{if(!r||!t||!u)return null;const c=`${s}-${l}`,i=u.activeToolbars[c];if(!i)return null;const d=r.toolbars[i.toolbarId];if(!d)return console.warn(`Toolbar "${i.toolbarId}" not found in schema`),null;const a=!d.permanent?()=>{t.forDocument(e).closeToolbarSlot(s,l)}:void 0,f=n.toolbar;return o.jsx(f,{schema:d,documentId:e,isOpen:i.isOpen,onClose:a},i.toolbarId)},renderSidebar:(s,l)=>{var c;if(!r||!t||!u)return null;const i=`${s}-${l}`,d=u.activeSidebars[i];if(!d)return null;const a=null==(c=r.sidebars)?void 0:c[d.sidebarId];if(!a)return console.warn(`Sidebar "${d.sidebarId}" not found in schema`),null;const f=n.sidebar;return o.jsx(f,{schema:a,documentId:e,isOpen:d.isOpen,onClose:()=>{t.forDocument(e).closeSidebarSlot(s,l)}},d.sidebarId)},renderModal:()=>{var s;if(!r||!t||!(null==u?void 0:u.activeModal))return null;const{modalId:l,isOpen:c}=u.activeModal,i=null==(s=r.modals)?void 0:s[l];if(!i)return console.warn(`Modal "${l}" not found in schema`),null;const d=n.modal;return d?o.jsx(d,{schema:i,documentId:e,isOpen:c,onClose:()=>{t.forDocument(e).closeModal()},onExited:()=>{t.forDocument(e).clearModal()}},l):(console.warn("No modal renderer registered"),null)},getActiveToolbars:()=>u?Object.entries(u.activeToolbars).map(([e,n])=>{const[t,r]=e.split("-");return{placement:t,slot:r,toolbarId:n.toolbarId,isOpen:n.isOpen}}):[],getActiveSidebars:()=>u?Object.entries(u.activeSidebars).map(([e,n])=>{const[t,r]=e.split("-");return{placement:t,slot:r,sidebarId:n.sidebarId,isOpen:n.isOpen}}):[],renderOverlays:()=>{if(!(null==r?void 0:r.overlays)||!t)return null;const s=n.overlay;if(!s)return null;const u=Object.values(r.overlays);return 0===u.length?null:o.jsx(o.Fragment,{children:u.map(n=>o.jsx(s,{schema:n,documentId:e},n.id))})}}},exports.useSelectionMenu=function(e,n){var t;const{provides:u}=s(),l=v(),c=r.useCallback(t=>{var r;const s=null==u?void 0:u.getSchema(),c=null==(r=null==s?void 0:s.selectionMenus)?void 0:r[e];if(!c)return null;if(!t.selected)return null;const i=l.selectionMenu;return o.jsx(i,{schema:c,documentId:n,props:t})},[u,l,e,n]),i=null==u?void 0:u.getSchema();if(null==(t=null==i?void 0:i.selectionMenus)?void 0:t[e])return c},exports.useUICapability=s,exports.useUIContainer=function(){const e=r.useContext(c);if(!e)throw new Error("useUIContainer must be used within a UIProvider");return e},exports.useUIPlugin=u,exports.useUISchema=()=>{const{provides:e}=s();return(null==e?void 0:e.getSchema())??null},exports.useUIState=l,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