@embedpdf/plugin-ui 1.0.11 → 1.0.13

package/dist/index.cjs

@@ -1,883 +1,2 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
-var index_exports = {};
-__export(index_exports, {
-  UIComponent: () => UIComponent,
-  UIPlugin: () => UIPlugin,
-  UIPluginPackage: () => UIPluginPackage,
-  UI_PLUGIN_ID: () => UI_PLUGIN_ID,
-  createEventController: () => createEventController,
-  defineComponent: () => defineComponent,
-  hasActive: () => hasActive,
-  isActive: () => isActive,
-  isDisabled: () => isDisabled,
-  isVisible: () => isVisible,
-  manifest: () => manifest,
-  resolveMenuItem: () => resolveMenuItem
-});
-module.exports = __toCommonJS(index_exports);
-
-// src/lib/ui-plugin.ts
-var import_core = require("@embedpdf/core");
-
-// src/lib/ui-component.ts
-var UIComponent = class {
-  constructor(componentConfig, registry) {
-    this.children = [];
-    this.updateCallbacks = [];
-    this.hadUpdateBeforeListeners = false;
-    this.componentConfig = componentConfig;
-    const props = componentConfig.props || {};
-    if (typeof props === "function") {
-      const initialProps = props(componentConfig.initialState);
-      this.props = { ...initialProps, id: componentConfig.id };
-    } else {
-      this.props = { ...props, id: componentConfig.id };
-    }
-    this.type = componentConfig.type;
-    this.registry = registry;
-  }
-  addChild(id, child, priority = 0, className) {
-    this.children.push({ id, component: child, priority, className });
-    this.sortChildren();
-  }
-  // Helper to sort children by priority
-  sortChildren() {
-    this.children.sort((a, b) => a.priority - b.priority);
-  }
-  removeChild(child) {
-    this.children = this.children.filter((c) => c.component !== child);
-  }
-  clearChildren() {
-    this.children = [];
-  }
-  get getRenderType() {
-    return this.componentConfig.render || this.type;
-  }
-  getRenderer() {
-    return this.registry[this.getRenderType];
-  }
-  getChildren() {
-    return this.children;
-  }
-  // Optionally, a component can provide a function to extend the context for its children.
-  // For instance, a header could supply a "direction" based on its position.
-  getChildContext(context) {
-    const childContextProp = this.componentConfig.getChildContext;
-    if (typeof childContextProp === "function") {
-      return { ...context, ...childContextProp(this.props) };
-    } else if (childContextProp && typeof childContextProp === "object") {
-      return { ...context, ...childContextProp };
-    }
-    return context;
-  }
-  update(newProps) {
-    const { id, ...otherProps } = newProps;
-    this.props = { ...this.props, ...otherProps };
-    if (this.updateCallbacks.length === 0) {
-      this.hadUpdateBeforeListeners = true;
-    }
-    this.notifyUpdate();
-  }
-  onUpdate(callback) {
-    this.updateCallbacks.push(callback);
-    return this.hadUpdateBeforeListeners;
-  }
-  offUpdate(callback) {
-    this.updateCallbacks = this.updateCallbacks.filter((cb) => cb !== callback);
-  }
-  notifyUpdate() {
-    this.updateCallbacks.forEach((cb) => cb());
-  }
-};
-
-// src/lib/actions.ts
-var UI_INIT_COMPONENTS = "UI_INIT_COMPONENTS";
-var UI_SET_HEADER_VISIBLE = "UI_SET_HEADER_VISIBLE";
-var UI_TOGGLE_PANEL = "UI_TOGGLE_PANEL";
-var UI_SHOW_COMMAND_MENU = "UI_SHOW_COMMAND_MENU";
-var UI_HIDE_COMMAND_MENU = "UI_HIDE_COMMAND_MENU";
-var UI_UPDATE_COMPONENT_STATE = "UI_UPDATE_COMPONENT_STATE";
-var uiInitComponents = (state) => ({
-  type: UI_INIT_COMPONENTS,
-  payload: state
-});
-var uiTogglePanel = (payload) => ({
-  type: UI_TOGGLE_PANEL,
-  payload
-});
-var uiSetHeaderVisible = (payload) => ({
-  type: UI_SET_HEADER_VISIBLE,
-  payload
-});
-var uiShowCommandMenu = (payload) => ({
-  type: UI_SHOW_COMMAND_MENU,
-  payload
-});
-var uiHideCommandMenu = (payload) => ({
-  type: UI_HIDE_COMMAND_MENU,
-  payload
-});
-var uiUpdateComponentState = (payload) => ({
-  type: UI_UPDATE_COMPONENT_STATE,
-  payload
-});
-
-// src/lib/reducer.ts
-var initialState = {
-  panel: {},
-  header: {},
-  groupedItems: {},
-  divider: {},
-  iconButton: {},
-  tabButton: {},
-  selectButton: {},
-  custom: {},
-  floating: {},
-  commandMenu: {}
-};
-var uiReducer = (state = initialState, action) => {
-  switch (action.type) {
-    case UI_INIT_COMPONENTS:
-      return {
-        ...state,
-        ...action.payload
-      };
-    case UI_TOGGLE_PANEL: {
-      const prevPanel = state.panel[action.payload.id] || {};
-      const { open: nextOpen, visibleChild: nextVisibleChild } = action.payload;
-      const prevVisibleChild = prevPanel.visibleChild;
-      let open = prevPanel.open;
-      let visibleChild = prevPanel.visibleChild;
-      if (nextVisibleChild === prevVisibleChild) {
-        open = nextOpen !== void 0 ? nextOpen : !prevPanel.open;
-      } else {
-        visibleChild = nextVisibleChild;
-        open = true;
-      }
-      return {
-        ...state,
-        panel: {
-          ...state.panel,
-          [action.payload.id]: {
-            ...prevPanel,
-            open,
-            visibleChild
-          }
-        }
-      };
-    }
-    case UI_SET_HEADER_VISIBLE:
-      return {
-        ...state,
-        header: {
-          ...state.header,
-          [action.payload.id]: {
-            ...state.header[action.payload.id],
-            visible: action.payload.visible,
-            visibleChild: action.payload.visibleChild
-          }
-        }
-      };
-    case UI_SHOW_COMMAND_MENU:
-      return {
-        ...state,
-        commandMenu: {
-          ...state.commandMenu,
-          [action.payload.id]: {
-            activeCommand: action.payload.commandId,
-            triggerElement: action.payload.triggerElement,
-            position: action.payload.position,
-            open: true,
-            flatten: action.payload.flatten
-          }
-        }
-      };
-    case UI_HIDE_COMMAND_MENU:
-      return {
-        ...state,
-        commandMenu: {
-          ...state.commandMenu,
-          [action.payload.id]: {
-            ...state.commandMenu[action.payload.id],
-            open: false,
-            activeCommand: null,
-            triggerElement: void 0,
-            position: void 0,
-            flatten: false
-          }
-        }
-      };
-    case UI_UPDATE_COMPONENT_STATE: {
-      const { componentType, componentId, patch } = action.payload;
-      if (!state[componentType] || !state[componentType][componentId]) return state;
-      const current = state[componentType][componentId];
-      const filteredPatch = Object.fromEntries(Object.entries(patch).filter(([k]) => k in current));
-      if (Object.keys(filteredPatch).length === 0) return state;
-      return {
-        ...state,
-        [componentType]: {
-          ...state[componentType],
-          [componentId]: {
-            ...current,
-            ...filteredPatch
-          }
-        }
-      };
-    }
-    default:
-      return state;
-  }
-};
-
-// src/lib/utils.ts
-function defineComponent() {
-  return (c) => c;
-}
-function createEventController() {
-  const eventMap = /* @__PURE__ */ new Map();
-  return {
-    emit(eventType, data) {
-      const callbacks = eventMap.get(eventType);
-      if (callbacks) {
-        callbacks.forEach((callback) => callback(data));
-      }
-    },
-    on(eventType, callback) {
-      if (!eventMap.has(eventType)) {
-        eventMap.set(eventType, /* @__PURE__ */ new Set());
-      }
-      const callbacks = eventMap.get(eventType);
-      callbacks.add(callback);
-      return () => this.off(eventType, callback);
-    },
-    off(eventType, callback) {
-      const callbacks = eventMap.get(eventType);
-      if (callbacks) {
-        callbacks.delete(callback);
-        if (callbacks.size === 0) {
-          eventMap.delete(eventType);
-        }
-      }
-    }
-  };
-}
-
-// src/lib/menu/utils.ts
-function resolveMenuItem(item, state) {
-  const dyn = (v) => typeof v === "function" ? v(state) : v;
-  if (item.type === "group") {
-    return {
-      ...item,
-      label: dyn(item.label) ?? ""
-    };
-  }
-  return {
-    ...item,
-    icon: dyn(item.icon) ?? "",
-    label: dyn(item.label) ?? "",
-    visible: dyn(item.visible) ?? true,
-    active: dyn(item.active) ?? false,
-    disabled: dyn(item.disabled) ?? false
-  };
-}
-function isActive(item, state) {
-  const resolved = resolveMenuItem(item, state);
-  if (resolved.type === "group") {
-    return false;
-  }
-  return resolved.active ? true : false;
-}
-function isVisible(item, state) {
-  const resolved = resolveMenuItem(item, state);
-  if (resolved.type === "group") {
-    return false;
-  }
-  return resolved.visible ? true : false;
-}
-function isDisabled(item, state) {
-  const resolved = resolveMenuItem(item, state);
-  if (resolved.type === "group") {
-    return false;
-  }
-  return resolved.disabled ? true : false;
-}
-
-// src/lib/menu/menu-manager.ts
-var _MenuManager = class _MenuManager {
-  constructor(items = {}, pluginRegistry) {
-    this.registry = {};
-    this.shortcutMap = {};
-    // maps shortcut to menu item id
-    this.eventController = createEventController();
-    this.pluginRegistry = pluginRegistry;
-    this.registerItems(items);
-    this.setupKeyboardListeners();
-  }
-  /**
-   * Get the current state of the plugin registry
-   */
-  get state() {
-    return this.pluginRegistry.getStore().getState();
-  }
-  /**
-   * Register a single menu item
-   */
-  registerItem(item) {
-    if (this.registry[item.id]) {
-      console.warn(`Menu item with ID ${item.id} already exists and will be overwritten`);
-    }
-    this.registry[item.id] = item;
-    if ("shortcut" in item && item.shortcut) {
-      this.shortcutMap[this.normalizeShortcut(item.shortcut)] = item.id;
-    }
-  }
-  /**
-   * Register multiple menu items at once
-   */
-  registerItems(items) {
-    Object.values(items).forEach((item) => {
-      this.registerItem(item);
-    });
-  }
-  /**
-   * Resolve a menu item by ID
-   */
-  resolve(id) {
-    const raw = this.registry[id];
-    return resolveMenuItem(raw, this.state);
-  }
-  /**
-   * Get a menu item by ID with type information
-   */
-  getMenuItem(id) {
-    const item = this.resolve(id);
-    if (!item) return void 0;
-    return {
-      item,
-      isGroup: item.type === "group",
-      isMenu: item.type === "menu",
-      isAction: item.type === "action"
-    };
-  }
-  /**
-   * Get a action by ID (only returns Action type items)
-   */
-  getAction(id) {
-    const resolved = this.getMenuItem(id);
-    if (!resolved || !resolved.isAction) return void 0;
-    return resolved.item;
-  }
-  /**
-   * Get menu or action by ID
-   */
-  getMenuOrAction(id) {
-    const resolved = this.getMenuItem(id);
-    if (!resolved) return void 0;
-    return resolved.item;
-  }
-  /**
-   * Get all registered menu items
-   */
-  getAllItems() {
-    return { ...this.registry };
-  }
-  /**
-   * Get menu items by their IDs
-   */
-  getItemsByIds(ids) {
-    return ids.map((id) => this.resolve(id)).filter((item) => item !== void 0);
-  }
-  /**
-   * Get child items for a given menu ID
-   * If flatten is true, it will recursively include submenu children but not groups
-   */
-  getChildItems(menuId, options = {}) {
-    const item = this.resolve(menuId);
-    if (!item || !("children" in item) || !item.children?.length) {
-      return [];
-    }
-    const children = this.getItemsByIds(item.children);
-    if (!options.flatten) {
-      return children;
-    }
-    const flattened = [];
-    for (const child of children) {
-      if (child.type === "group") {
-        flattened.push(child);
-      } else if (child.type === "menu") {
-        const menuChildren = this.getChildItems(child.id, { flatten: true });
-        flattened.push(...menuChildren);
-      } else {
-        flattened.push(child);
-      }
-    }
-    return flattened;
-  }
-  /**
-   * Execute a command by ID
-   */
-  executeCommand(id, options = {}) {
-    const resolved = this.getMenuItem(id);
-    if (!resolved) {
-      console.warn(`Menu item '${id}' not found`);
-      return;
-    }
-    if (resolved.item.type === "group") {
-      console.warn(`Cannot execute group '${id}'`);
-      return;
-    }
-    const { item } = resolved;
-    if (item.disabled) {
-      console.warn(`Menu item '${id}' is disabled`);
-      return;
-    }
-    if (resolved.isAction) {
-      item.action(this.pluginRegistry, this.state);
-      this.eventController.emit(_MenuManager.EVENTS.COMMAND_EXECUTED, {
-        command: item,
-        source: options.source || "api"
-      });
-    } else if ("children" in item && item.children?.length) {
-      this.handleSubmenu(item, options);
-    }
-  }
-  /**
-   * Execute a command from a keyboard shortcut
-   */
-  executeShortcut(shortcut) {
-    const normalizedShortcut = this.normalizeShortcut(shortcut);
-    const itemId = this.shortcutMap[normalizedShortcut];
-    if (itemId) {
-      this.executeCommand(itemId, { source: "shortcut" });
-      this.eventController.emit(_MenuManager.EVENTS.SHORTCUT_EXECUTED, {
-        shortcut: normalizedShortcut,
-        itemId
-      });
-      return true;
-    }
-    return false;
-  }
-  /**
-   * Subscribe to menu events
-   */
-  on(eventType, callback) {
-    return this.eventController.on(eventType, callback);
-  }
-  /**
-   * Remove an event subscription
-   */
-  off(eventType, callback) {
-    this.eventController.off(eventType, callback);
-  }
-  /**
-   * Handle a menu item that has children (showing a submenu)
-   */
-  handleSubmenu(menuItem, options) {
-    this.eventController.emit(_MenuManager.EVENTS.MENU_REQUESTED, {
-      menuId: menuItem.id,
-      triggerElement: options.triggerElement,
-      position: options.position,
-      flatten: options.flatten || false
-    });
-  }
-  /**
-   * Set up keyboard listeners for shortcuts
-   */
-  setupKeyboardListeners() {
-    if (typeof window === "undefined") return;
-    const handleKeyDown = (event) => {
-      const target = event.target;
-      if (target.tagName === "INPUT" || target.tagName === "TEXTAREA" || target.isContentEditable) {
-        return;
-      }
-      const shortcut = this.buildShortcutString(event);
-      if (shortcut && this.executeShortcut(shortcut)) {
-        event.preventDefault();
-      }
-    };
-    document.addEventListener("keydown", handleKeyDown);
-  }
-  /**
-   * Convert a KeyboardEvent to a shortcut string
-   */
-  buildShortcutString(event) {
-    const modifiers = [];
-    if (event.ctrlKey) modifiers.push("Ctrl");
-    if (event.shiftKey) modifiers.push("Shift");
-    if (event.altKey) modifiers.push("Alt");
-    if (event.metaKey) modifiers.push("Meta");
-    const key = event.key;
-    const isModifier = ["Control", "Shift", "Alt", "Meta"].includes(key);
-    if (!isModifier) {
-      const displayKey = key.length === 1 ? key.toUpperCase() : key;
-      return [...modifiers, displayKey].join("+");
-    }
-    return null;
-  }
-  /**
-   * Normalize a shortcut string for consistent comparison
-   */
-  normalizeShortcut(shortcut) {
-    return shortcut.split("+").map((part) => part.trim()).join("+");
-  }
-  /**
-   * Get capabilities for the MenuManager
-   */
-  capabilities() {
-    return {
-      registerItem: this.registerItem.bind(this),
-      registerItems: this.registerItems.bind(this),
-      executeCommand: this.executeCommand.bind(this),
-      getAction: this.getAction.bind(this),
-      getMenuOrAction: this.getMenuOrAction.bind(this),
-      getChildItems: this.getChildItems.bind(this),
-      getItemsByIds: this.getItemsByIds.bind(this),
-      getAllItems: this.getAllItems.bind(this)
-    };
-  }
-};
-// Event types
-_MenuManager.EVENTS = {
-  COMMAND_EXECUTED: "menu:command_executed",
-  MENU_REQUESTED: "menu:requested",
-  SHORTCUT_EXECUTED: "menu:shortcut_executed"
-};
-var MenuManager = _MenuManager;
-
-// src/lib/icons/icon-manager.ts
-var IconManager = class {
-  constructor(icons) {
-    this.icons = {};
-    this.registerIcons(icons);
-  }
-  /**
-   * Register a single icon
-   */
-  registerIcon(icon) {
-    if (this.icons[icon.id]) {
-      console.warn(`Icon with ID ${icon.id} already exists and will be overwritten`);
-    }
-    this.icons[icon.id] = icon;
-  }
-  /**
-   * Register multiple icons at once
-   */
-  registerIcons(icons) {
-    if (Array.isArray(icons)) {
-      icons.forEach((icon) => this.registerIcon(icon));
-    } else {
-      Object.entries(icons).forEach(([id, icon]) => this.registerIcon(icon));
-    }
-  }
-  /**
-   * Get all registered icons
-   */
-  getAllIcons() {
-    return { ...this.icons };
-  }
-  /**
-   * Get an icon by its ID
-   */
-  getIcon(id) {
-    return this.icons[id];
-  }
-  /**
-   * Check if an identifier is an SVG string
-   */
-  isSvgString(identifier) {
-    return identifier.trim().startsWith("<svg") && identifier.includes("</svg>");
-  }
-  /**
-   * Check if a string is an SVG data URI
-   */
-  isSvgDataUri(value) {
-    return value.startsWith("data:image/svg+xml;base64,");
-  }
-  /**
-   * Get the SVG string for an icon identifier
-   * If the identifier is a raw SVG string, it is returned as is
-   * If the identifier is an icon ID, the registered SVG is returned
-   */
-  getSvgString(identifier) {
-    if (this.isSvgString(identifier)) {
-      return identifier;
-    }
-    if (this.isSvgDataUri(identifier)) {
-      return this.dataUriToSvgString(identifier);
-    }
-    return this.getIcon(identifier)?.svg;
-  }
-  /**
-   * Utility method to parse a data URI
-   */
-  dataUriToSvgString(dataUri) {
-    const base64 = dataUri.substring("data:image/svg+xml;base64,".length);
-    return atob(base64);
-  }
-  /**
-   * Convert an SVG string to a data URI
-   */
-  svgStringToDataUri(svgString) {
-    const base64 = btoa(svgString);
-    return `data:image/svg+xml;base64,${base64}`;
-  }
-  capabilities() {
-    return {
-      registerIcon: this.registerIcon.bind(this),
-      registerIcons: this.registerIcons.bind(this),
-      getIcon: this.getIcon.bind(this),
-      getAllIcons: this.getAllIcons.bind(this),
-      getSvgString: this.getSvgString.bind(this),
-      isSvgString: this.isSvgString.bind(this),
-      isSvgDataUri: this.isSvgDataUri.bind(this),
-      dataUriToSvgString: this.dataUriToSvgString.bind(this),
-      svgStringToDataUri: this.svgStringToDataUri.bind(this)
-    };
-  }
-};
-
-// src/lib/ui-plugin.ts
-var UIPlugin = class extends import_core.BasePlugin {
-  constructor(id, registry, config) {
-    super(id, registry);
-    this.componentRenderers = {};
-    this.components = {};
-    this.mapStateCallbacks = {};
-    this.globalStoreSubscription = () => {
-    };
-    this.config = config;
-    this.menuManager = new MenuManager(config.menuItems || {}, this.registry);
-    this.iconManager = new IconManager(config.icons || []);
-    this.setupCommandEventHandlers();
-    this.globalStoreSubscription = this.registry.getStore().subscribe((_action, newState) => {
-      this.onGlobalStoreChange(newState);
-    });
-  }
-  async initialize() {
-    this.buildComponents();
-    this.linkGroupedItems();
-    this.setInitialStateUIComponents();
-  }
-  // Set up handlers for command events
-  setupCommandEventHandlers() {
-    this.menuManager.on(MenuManager.EVENTS.MENU_REQUESTED, (data) => {
-      const { menuId, triggerElement, position, flatten } = data;
-      const isOpen = this.state.commandMenu.commandMenu?.activeCommand === menuId;
-      if (isOpen) {
-        return this.dispatch(uiHideCommandMenu({ id: "commandMenu" }));
-      }
-      this.dispatch(
-        uiShowCommandMenu({
-          id: "commandMenu",
-          commandId: menuId,
-          triggerElement,
-          position,
-          flatten
-        })
-      );
-    });
-    this.menuManager.on(MenuManager.EVENTS.COMMAND_EXECUTED, (data) => {
-      console.log("Command executed:", data.command.id, "source:", data.source);
-    });
-  }
-  addComponent(id, componentConfig) {
-    if (this.components[id]) {
-      console.warn(`Component with ID ${id} already exists and will be overwritten`);
-    }
-    const component = new UIComponent(componentConfig, this.componentRenderers);
-    this.components[id] = component;
-    if (typeof componentConfig.mapStateToProps === "function") {
-      this.mapStateCallbacks[id] = componentConfig.mapStateToProps;
-    }
-    return component;
-  }
-  buildComponents() {
-    Object.entries(this.config.components).forEach(([id, componentConfig]) => {
-      this.addComponent(id, componentConfig);
-    });
-  }
-  linkGroupedItems() {
-    Object.values(this.components).forEach((component) => {
-      if (isItemWithSlots(component)) {
-        const props = component.componentConfig;
-        props.slots?.forEach((slot) => {
-          const child = this.components[slot.componentId];
-          if (child) {
-            component.addChild(slot.componentId, child, slot.priority, slot.className);
-          } else {
-            console.warn(
-              `Child component ${slot.componentId} not found for GroupedItems ${props.id}`
-            );
-          }
-        });
-      }
-    });
-  }
-  setInitialStateUIComponents() {
-    const defaultState = initialState;
-    Object.entries(this.config.components).forEach(([componentId, definition]) => {
-      if (definition.initialState) {
-        defaultState[definition.type][componentId] = definition.initialState;
-      } else {
-        defaultState[definition.type][componentId] = {};
-      }
-    });
-    this.dispatch(uiInitComponents(defaultState));
-  }
-  onGlobalStoreChange(state) {
-    for (const [id, uiComponent] of Object.entries(this.components)) {
-      const mapFn = this.mapStateCallbacks[id];
-      if (!mapFn) continue;
-      const { id: _id, ...ownProps } = uiComponent.props;
-      const partial = mapFn(state, ownProps);
-      const merged = { ...ownProps, ...partial };
-      if (!(0, import_core.arePropsEqual)(ownProps, merged)) {
-        uiComponent.update(partial);
-      }
-    }
-  }
-  addSlot(parentId, slotId, priority, className) {
-    const parentComponent = this.components[parentId];
-    if (!parentComponent) {
-      console.error(`Parent component ${parentId} not found`);
-      return;
-    }
-    if (!isItemWithSlots(parentComponent)) {
-      console.error(`Parent component ${parentId} does not support slots`);
-      return;
-    }
-    const childComponent = this.components[slotId];
-    if (!childComponent) {
-      console.error(`Child component ${slotId} not found`);
-      return;
-    }
-    const parentChildren = parentComponent.getChildren();
-    let slotPriority = priority;
-    if (slotPriority === void 0) {
-      const maxPriority = parentChildren.length > 0 ? Math.max(...parentChildren.map((child) => child.priority)) : 0;
-      slotPriority = maxPriority + 10;
-    }
-    parentComponent.addChild(slotId, childComponent, slotPriority, className);
-  }
-  buildCapability() {
-    return {
-      registerComponentRenderer: (type, renderer) => {
-        this.componentRenderers[type] = renderer;
-      },
-      getComponent: (id) => {
-        return this.components[id];
-      },
-      registerComponent: this.addComponent.bind(this),
-      getCommandMenu: () => Object.values(this.components).find((component) => isCommandMenuComponent(component)),
-      hideCommandMenu: () => this.debouncedDispatch(uiHideCommandMenu({ id: "commandMenu" }), 100),
-      getFloatingComponents: (scrollerPosition) => Object.values(this.components).filter((component) => isFloatingComponent(component)).filter(
-        (component) => !scrollerPosition || component.props.scrollerPosition === scrollerPosition
-      ),
-      getHeadersByPlacement: (placement) => Object.values(this.components).filter((component) => isHeaderComponent(component)).filter((component) => component.props.placement === placement),
-      getPanelsByLocation: (location) => Object.values(this.components).filter((component) => isPanelComponent(component)).filter((component) => component.props.location === location),
-      addSlot: this.addSlot.bind(this),
-      togglePanel: (payload) => {
-        this.dispatch(uiTogglePanel(payload));
-      },
-      setHeaderVisible: (payload) => {
-        this.dispatch(uiSetHeaderVisible(payload));
-      },
-      updateComponentState: (payload) => {
-        this.dispatch(uiUpdateComponentState(payload));
-      },
-      ...this.iconManager.capabilities(),
-      ...this.menuManager.capabilities()
-    };
-  }
-  async destroy() {
-    this.globalStoreSubscription();
-    this.components = {};
-    this.componentRenderers = {};
-    this.mapStateCallbacks = {};
-  }
-};
-UIPlugin.id = "ui";
-function isItemWithSlots(component) {
-  return isGroupedItemsComponent(component) || isHeaderComponent(component) || isPanelComponent(component) || isFloatingComponent(component) || isCustomComponent(component);
-}
-function isGroupedItemsComponent(component) {
-  return component.type === "groupedItems";
-}
-function isHeaderComponent(component) {
-  return component.type === "header";
-}
-function isPanelComponent(component) {
-  return component.type === "panel";
-}
-function isFloatingComponent(component) {
-  return component.type === "floating";
-}
-function isCommandMenuComponent(component) {
-  return component.type === "commandMenu";
-}
-function isCustomComponent(component) {
-  return component.type === "custom";
-}
-
-// src/lib/manifest.ts
-var UI_PLUGIN_ID = "ui";
-var manifest = {
-  id: UI_PLUGIN_ID,
-  name: "UI Plugin",
-  version: "1.0.0",
-  provides: ["ui"],
-  requires: [],
-  optional: [],
-  defaultConfig: {
-    enabled: true,
-    components: {}
-  }
-};
-
-// src/lib/menu/types.ts
-function hasActive(command) {
-  return "active" in command;
-}
-
-// src/lib/index.ts
-var UIPluginPackage = {
-  manifest,
-  create: (registry, _engine, config) => new UIPlugin(UI_PLUGIN_ID, registry, config),
-  reducer: uiReducer,
-  initialState
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  UIComponent,
-  UIPlugin,
-  UIPluginPackage,
-  UI_PLUGIN_ID,
-  createEventController,
-  defineComponent,
-  hasActive,
-  isActive,
-  isDisabled,
-  isVisible,
-  manifest,
-  resolveMenuItem
-});
-//# sourceMappingURL=index.cjs.map
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@embedpdf/core");class e{constructor(t,e){this.children=[],this.updateCallbacks=[],this.hadUpdateBeforeListeners=!1,this.componentConfig=t;const i=t.props||{};if("function"==typeof i){const e=i(t.initialState);this.props={...e,id:t.id}}else this.props={...i,id:t.id};this.type=t.type,this.registry=e}addChild(t,e,i=0,n){this.children.push({id:t,component:e,priority:i,className:n}),this.sortChildren()}sortChildren(){this.children.sort(((t,e)=>t.priority-e.priority))}removeChild(t){this.children=this.children.filter((e=>e.component!==t))}clearChildren(){this.children=[]}get getRenderType(){return this.componentConfig.render||this.type}getRenderer(){return this.registry[this.getRenderType]}getChildren(){return this.children}getChildContext(t){const e=this.componentConfig.getChildContext;return"function"==typeof e?{...t,...e(this.props)}:e&&"object"==typeof e?{...t,...e}:t}update(t){const{id:e,...i}=t;this.props={...this.props,...i},0===this.updateCallbacks.length&&(this.hadUpdateBeforeListeners=!0),this.notifyUpdate()}onUpdate(t){return this.updateCallbacks.push(t),this.hadUpdateBeforeListeners}offUpdate(t){this.updateCallbacks=this.updateCallbacks.filter((e=>e!==t))}notifyUpdate(){this.updateCallbacks.forEach((t=>t()))}}const i="UI_INIT_COMPONENTS",n="UI_SET_HEADER_VISIBLE",s="UI_TOGGLE_PANEL",o="UI_SHOW_COMMAND_MENU",r="UI_HIDE_COMMAND_MENU",a="UI_UPDATE_COMPONENT_STATE",c=t=>({type:r,payload:t}),l={panel:{},header:{},groupedItems:{},divider:{},iconButton:{},tabButton:{},selectButton:{},custom:{},floating:{},commandMenu:{}};function d(){const t=new Map;return{emit(e,i){const n=t.get(e);n&&n.forEach((t=>t(i)))},on(e,i){t.has(e)||t.set(e,new Set);return t.get(e).add(i),()=>this.off(e,i)},off(e,i){const n=t.get(e);n&&(n.delete(i),0===n.size&&t.delete(e))}}}function h(t,e){const i=t=>"function"==typeof t?t(e):t;return"group"===t.type?{...t,label:i(t.label)??""}:{...t,icon:i(t.icon)??"",label:i(t.label)??"",visible:i(t.visible)??!0,active:i(t.active)??!1,disabled:i(t.disabled)??!1}}const p=class t{constructor(t={},e){this.registry={},this.shortcutMap={},this.eventController=d(),this.pluginRegistry=e,this.registerItems(t),this.setupKeyboardListeners()}get state(){return this.pluginRegistry.getStore().getState()}registerItem(t){this.registry[t.id]&&console.warn(`Menu item with ID ${t.id} already exists and will be overwritten`),this.registry[t.id]=t,"shortcut"in t&&t.shortcut&&(this.shortcutMap[this.normalizeShortcut(t.shortcut)]=t.id)}registerItems(t){Object.values(t).forEach((t=>{this.registerItem(t)}))}resolve(t){return h(this.registry[t],this.state)}getMenuItem(t){const e=this.resolve(t);if(e)return{item:e,isGroup:"group"===e.type,isMenu:"menu"===e.type,isAction:"action"===e.type}}getAction(t){const e=this.getMenuItem(t);if(e&&e.isAction)return e.item}getMenuOrAction(t){const e=this.getMenuItem(t);if(e)return e.item}getAllItems(){return{...this.registry}}getItemsByIds(t){return t.map((t=>this.resolve(t))).filter((t=>void 0!==t))}getChildItems(t,e={}){var i;const n=this.resolve(t);if(!n||!("children"in n)||!(null==(i=n.children)?void 0:i.length))return[];const s=this.getItemsByIds(n.children);if(!e.flatten)return s;const o=[];for(const r of s)if("group"===r.type)o.push(r);else if("menu"===r.type){const t=this.getChildItems(r.id,{flatten:!0});o.push(...t)}else o.push(r);return o}executeCommand(e,i={}){var n;const s=this.getMenuItem(e);if(!s)return void console.warn(`Menu item '${e}' not found`);if("group"===s.item.type)return void console.warn(`Cannot execute group '${e}'`);const{item:o}=s;o.disabled?console.warn(`Menu item '${e}' is disabled`):s.isAction?(o.action(this.pluginRegistry,this.state),this.eventController.emit(t.EVENTS.COMMAND_EXECUTED,{command:o,source:i.source||"api"})):"children"in o&&(null==(n=o.children)?void 0:n.length)&&this.handleSubmenu(o,i)}executeShortcut(e){const i=this.normalizeShortcut(e),n=this.shortcutMap[i];return!!n&&(this.executeCommand(n,{source:"shortcut"}),this.eventController.emit(t.EVENTS.SHORTCUT_EXECUTED,{shortcut:i,itemId:n}),!0)}on(t,e){return this.eventController.on(t,e)}off(t,e){this.eventController.off(t,e)}handleSubmenu(e,i){this.eventController.emit(t.EVENTS.MENU_REQUESTED,{menuId:e.id,triggerElement:i.triggerElement,position:i.position,flatten:i.flatten||!1})}setupKeyboardListeners(){if("undefined"==typeof window)return;document.addEventListener("keydown",(t=>{const e=t.target;if("INPUT"===e.tagName||"TEXTAREA"===e.tagName||e.isContentEditable)return;const i=this.buildShortcutString(t);i&&this.executeShortcut(i)&&t.preventDefault()}))}buildShortcutString(t){const e=[];t.ctrlKey&&e.push("Ctrl"),t.shiftKey&&e.push("Shift"),t.altKey&&e.push("Alt"),t.metaKey&&e.push("Meta");const i=t.key;if(!["Control","Shift","Alt","Meta"].includes(i)){const t=1===i.length?i.toUpperCase():i;return[...e,t].join("+")}return null}normalizeShortcut(t){return t.split("+").map((t=>t.trim())).join("+")}capabilities(){return{registerItem:this.registerItem.bind(this),registerItems:this.registerItems.bind(this),executeCommand:this.executeCommand.bind(this),getAction:this.getAction.bind(this),getMenuOrAction:this.getMenuOrAction.bind(this),getChildItems:this.getChildItems.bind(this),getItemsByIds:this.getItemsByIds.bind(this),getAllItems:this.getAllItems.bind(this)}}};p.EVENTS={COMMAND_EXECUTED:"menu:command_executed",MENU_REQUESTED:"menu:requested",SHORTCUT_EXECUTED:"menu:shortcut_executed"};let u=p;class m{constructor(t){this.icons={},this.registerIcons(t)}registerIcon(t){this.icons[t.id]&&console.warn(`Icon with ID ${t.id} already exists and will be overwritten`),this.icons[t.id]=t}registerIcons(t){Array.isArray(t)?t.forEach((t=>this.registerIcon(t))):Object.entries(t).forEach((([t,e])=>this.registerIcon(e)))}getAllIcons(){return{...this.icons}}getIcon(t){return this.icons[t]}isSvgString(t){return t.trim().startsWith("<svg")&&t.includes("</svg>")}isSvgDataUri(t){return t.startsWith("data:image/svg+xml;base64,")}getSvgString(t){var e;return this.isSvgString(t)?t:this.isSvgDataUri(t)?this.dataUriToSvgString(t):null==(e=this.getIcon(t))?void 0:e.svg}dataUriToSvgString(t){const e=t.substring(26);return atob(e)}svgStringToDataUri(t){return`data:image/svg+xml;base64,${btoa(t)}`}capabilities(){return{registerIcon:this.registerIcon.bind(this),registerIcons:this.registerIcons.bind(this),getIcon:this.getIcon.bind(this),getAllIcons:this.getAllIcons.bind(this),getSvgString:this.getSvgString.bind(this),isSvgString:this.isSvgString.bind(this),isSvgDataUri:this.isSvgDataUri.bind(this),dataUriToSvgString:this.dataUriToSvgString.bind(this),svgStringToDataUri:this.svgStringToDataUri.bind(this)}}}const g=class extends t.BasePlugin{constructor(t,e,i){super(t,e),this.componentRenderers={},this.components={},this.mapStateCallbacks={},this.globalStoreSubscription=()=>{},this.config=i,this.menuManager=new u(i.menuItems||{},this.registry),this.iconManager=new m(i.icons||[]),this.setupCommandEventHandlers(),this.globalStoreSubscription=this.registry.getStore().subscribe(((t,e)=>{this.onGlobalStoreChange(e)}))}async initialize(){this.buildComponents(),this.linkGroupedItems(),this.setInitialStateUIComponents()}setupCommandEventHandlers(){this.menuManager.on(u.EVENTS.MENU_REQUESTED,(t=>{var e;const{menuId:i,triggerElement:n,position:s,flatten:r}=t;if((null==(e=this.state.commandMenu.commandMenu)?void 0:e.activeCommand)===i)return this.dispatch(c({id:"commandMenu"}));this.dispatch({type:o,payload:{id:"commandMenu",commandId:i,triggerElement:n,position:s,flatten:r}})})),this.menuManager.on(u.EVENTS.COMMAND_EXECUTED,(t=>{console.log("Command executed:",t.command.id,"source:",t.source)}))}addComponent(t,i){this.components[t]&&console.warn(`Component with ID ${t} already exists and will be overwritten`);const n=new e(i,this.componentRenderers);return this.components[t]=n,"function"==typeof i.mapStateToProps&&(this.mapStateCallbacks[t]=i.mapStateToProps),n}buildComponents(){Object.entries(this.config.components).forEach((([t,e])=>{this.addComponent(t,e)}))}linkGroupedItems(){Object.values(this.components).forEach((t=>{var e;if(b(t)){const i=t.componentConfig;null==(e=i.slots)||e.forEach((e=>{const n=this.components[e.componentId];n?t.addChild(e.componentId,n,e.priority,e.className):console.warn(`Child component ${e.componentId} not found for GroupedItems ${i.id}`)}))}}))}setInitialStateUIComponents(){const t=l;Object.entries(this.config.components).forEach((([e,i])=>{i.initialState?t[i.type][e]=i.initialState:t[i.type][e]={}})),this.dispatch({type:i,payload:t})}onGlobalStoreChange(e){for(const[i,n]of Object.entries(this.components)){const s=this.mapStateCallbacks[i];if(!s)continue;const{id:o,...r}=n.props,a=s(e,r),c={...r,...a};t.arePropsEqual(r,c)||n.update(a)}}addSlot(t,e,i,n){const s=this.components[t];if(!s)return void console.error(`Parent component ${t} not found`);if(!b(s))return void console.error(`Parent component ${t} does not support slots`);const o=this.components[e];if(!o)return void console.error(`Child component ${e} not found`);const r=s.getChildren();let a=i;if(void 0===a){a=(r.length>0?Math.max(...r.map((t=>t.priority))):0)+10}s.addChild(e,o,a,n)}buildCapability(){return{registerComponentRenderer:(t,e)=>{this.componentRenderers[t]=e},getComponent:t=>this.components[t],registerComponent:this.addComponent.bind(this),getCommandMenu:()=>Object.values(this.components).find((t=>function(t){return"commandMenu"===t.type}(t))),hideCommandMenu:()=>this.debouncedDispatch(c({id:"commandMenu"}),100),getFloatingComponents:t=>Object.values(this.components).filter((t=>v(t))).filter((e=>!t||e.props.scrollerPosition===t)),getHeadersByPlacement:t=>Object.values(this.components).filter((t=>y(t))).filter((e=>e.props.placement===t)),getPanelsByLocation:t=>Object.values(this.components).filter((t=>C(t))).filter((e=>e.props.location===t)),addSlot:this.addSlot.bind(this),togglePanel:t=>{this.dispatch((t=>({type:s,payload:t}))(t))},setHeaderVisible:t=>{this.dispatch((t=>({type:n,payload:t}))(t))},updateComponentState:t=>{this.dispatch((t=>({type:a,payload:t}))(t))},...this.iconManager.capabilities(),...this.menuManager.capabilities()}}async destroy(){this.globalStoreSubscription(),this.components={},this.componentRenderers={},this.mapStateCallbacks={}}};g.id="ui";let f=g;function b(t){return function(t){return"groupedItems"===t.type}(t)||y(t)||C(t)||v(t)||function(t){return"custom"===t.type}(t)}function y(t){return"header"===t.type}function C(t){return"panel"===t.type}function v(t){return"floating"===t.type}const S="ui",I={id:S,name:"UI Plugin",version:"1.0.0",provides:["ui"],requires:[],optional:[],defaultConfig:{enabled:!0,components:{}}};const E={manifest:I,create:(t,e,i)=>new f(S,t,i),reducer:(t=l,e)=>{switch(e.type){case i:return{...t,...e.payload};case s:{const i=t.panel[e.payload.id]||{},{open:n,visibleChild:s}=e.payload,o=i.visibleChild;let r=i.open,a=i.visibleChild;return s===o?r=void 0!==n?n:!i.open:(a=s,r=!0),{...t,panel:{...t.panel,[e.payload.id]:{...i,open:r,visibleChild:a}}}}case n:return{...t,header:{...t.header,[e.payload.id]:{...t.header[e.payload.id],visible:e.payload.visible,visibleChild:e.payload.visibleChild}}};case o:return{...t,commandMenu:{...t.commandMenu,[e.payload.id]:{activeCommand:e.payload.commandId,triggerElement:e.payload.triggerElement,position:e.payload.position,open:!0,flatten:e.payload.flatten}}};case r:return{...t,commandMenu:{...t.commandMenu,[e.payload.id]:{...t.commandMenu[e.payload.id],open:!1,activeCommand:null,triggerElement:void 0,position:void 0,flatten:!1}}};case a:{const{componentType:i,componentId:n,patch:s}=e.payload;if(!t[i]||!t[i][n])return t;const o=t[i][n],r=Object.fromEntries(Object.entries(s).filter((([t])=>t in o)));return 0===Object.keys(r).length?t:{...t,[i]:{...t[i],[n]:{...o,...r}}}}default:return t}},initialState:l};exports.UIComponent=e,exports.UIPlugin=f,exports.UIPluginPackage=E,exports.UI_PLUGIN_ID=S,exports.createEventController=d,exports.defineComponent=function(){return t=>t},exports.hasActive=function(t){return"active"in t},exports.isActive=function(t,e){const i=h(t,e);return"group"!==i.type&&!!i.active},exports.isDisabled=function(t,e){const i=h(t,e);return"group"!==i.type&&!!i.disabled},exports.isVisible=function(t,e){const i=h(t,e);return"group"!==i.type&&!!i.visible},exports.manifest=I,exports.resolveMenuItem=h;
+//# sourceMappingURL=index.cjs.map