@nice2dev/ui-graphics 1.3.15 → 1.3.17

package/dist/esm/core/rtl.js

@@ -1,99 +1,94 @@
-import React from 'react';
-
-/**
- * rtl.ts — Right-to-left (RTL) UI support for editors.
- *
- * Provides RTL direction context, CSS logical properties,
- * and layout utilities for RTL languages (Arabic, Hebrew, etc.).
- */
-// ── Context ─────────────────────────────────────────────────────
+import React from "react";
 const defaultRTLConfig = {
-    direction: 'ltr',
-    mirrorToolbar: false,
-    mirrorPanels: false,
+  direction: "ltr",
+  mirrorToolbar: false,
+  mirrorPanels: false
 };
 const RTLContext = /* @__PURE__ */ React.createContext(defaultRTLConfig);
-/** Provider for RTL configuration. Wraps editors to enable RTL support. */
-const NiceRTLProvider = ({ direction = 'ltr', mirrorToolbar = true, mirrorPanels = true, children }) => {
-    const config = React.useMemo(() => ({
-        direction,
-        mirrorToolbar: direction === 'rtl' ? mirrorToolbar : false,
-        mirrorPanels: direction === 'rtl' ? mirrorPanels : false,
-    }), [direction, mirrorToolbar, mirrorPanels]);
-    return React.createElement(RTLContext.Provider, { value: config }, React.createElement('div', {
+const NiceRTLProvider = ({ direction = "ltr", mirrorToolbar = true, mirrorPanels = true, children }) => {
+  const config = React.useMemo(
+    () => ({
+      direction,
+      mirrorToolbar: direction === "rtl" ? mirrorToolbar : false,
+      mirrorPanels: direction === "rtl" ? mirrorPanels : false
+    }),
+    [direction, mirrorToolbar, mirrorPanels]
+  );
+  return React.createElement(
+    RTLContext.Provider,
+    { value: config },
+    React.createElement(
+      "div",
+      {
         dir: direction,
-        style: { direction },
-    }, children));
+        style: { direction }
+      },
+      children
+    )
+  );
 };
-/** Hook to access RTL configuration. */
 function useRTL() {
-    return React.useContext(RTLContext);
+  return React.useContext(RTLContext);
 }
-/** Hook that returns true if the current direction is RTL. */
 function useIsRTL() {
-    return React.useContext(RTLContext).direction === 'rtl';
+  return React.useContext(RTLContext).direction === "rtl";
 }
-// ── CSS Helpers ─────────────────────────────────────────────────
-/** Convert physical CSS properties to logical equivalents for RTL awareness. */
 function logicalStyles(direction, styles) {
-    if (direction === 'ltr') {
-        return styles;
-    }
-    const mapped = { ...styles };
-    // Swap left/right margins
-    if ('marginLeft' in styles || 'marginRight' in styles) {
-        mapped.marginLeft = styles.marginRight;
-        mapped.marginRight = styles.marginLeft;
-    }
-    // Swap left/right padding
-    if ('paddingLeft' in styles || 'paddingRight' in styles) {
-        mapped.paddingLeft = styles.paddingRight;
-        mapped.paddingRight = styles.paddingLeft;
-    }
-    // Swap left/right positioning
-    if ('left' in styles || 'right' in styles) {
-        mapped.left = styles.right;
-        mapped.right = styles.left;
-    }
-    // Swap borderRadius corners
-    if ('borderTopLeftRadius' in styles || 'borderTopRightRadius' in styles) {
-        mapped.borderTopLeftRadius = styles.borderTopRightRadius;
-        mapped.borderTopRightRadius = styles.borderTopLeftRadius;
-    }
-    if ('borderBottomLeftRadius' in styles || 'borderBottomRightRadius' in styles) {
-        mapped.borderBottomLeftRadius = styles.borderBottomRightRadius;
-        mapped.borderBottomRightRadius = styles.borderBottomLeftRadius;
-    }
-    // Swap text-align
-    if (styles.textAlign === 'left') {
-        mapped.textAlign = 'right';
-    }
-    else if (styles.textAlign === 'right') {
-        mapped.textAlign = 'left';
-    }
-    return mapped;
+  if (direction === "ltr") {
+    return styles;
+  }
+  const mapped = { ...styles };
+  if ("marginLeft" in styles || "marginRight" in styles) {
+    mapped.marginLeft = styles.marginRight;
+    mapped.marginRight = styles.marginLeft;
+  }
+  if ("paddingLeft" in styles || "paddingRight" in styles) {
+    mapped.paddingLeft = styles.paddingRight;
+    mapped.paddingRight = styles.paddingLeft;
+  }
+  if ("left" in styles || "right" in styles) {
+    mapped.left = styles.right;
+    mapped.right = styles.left;
+  }
+  if ("borderTopLeftRadius" in styles || "borderTopRightRadius" in styles) {
+    mapped.borderTopLeftRadius = styles.borderTopRightRadius;
+    mapped.borderTopRightRadius = styles.borderTopLeftRadius;
+  }
+  if ("borderBottomLeftRadius" in styles || "borderBottomRightRadius" in styles) {
+    mapped.borderBottomLeftRadius = styles.borderBottomRightRadius;
+    mapped.borderBottomRightRadius = styles.borderBottomLeftRadius;
+  }
+  if (styles.textAlign === "left") {
+    mapped.textAlign = "right";
+  } else if (styles.textAlign === "right") {
+    mapped.textAlign = "left";
+  }
+  return mapped;
 }
-/** Get panel flex direction based on RTL. */
 function rtlFlexDirection(direction) {
-    return direction === 'rtl' ? 'row-reverse' : 'row';
+  return direction === "rtl" ? "row-reverse" : "row";
 }
-/** Detect direction from document or browser locale. */
 function detectDirection() {
-    var _a, _b;
-    if (typeof document !== 'undefined') {
-        const dir = document.documentElement.getAttribute('dir');
-        if (dir === 'rtl') {
-            return 'rtl';
-        }
+  if (typeof document !== "undefined") {
+    const dir = document.documentElement.getAttribute("dir");
+    if (dir === "rtl") {
+      return "rtl";
     }
-    if (typeof navigator !== 'undefined') {
-        const lang = (_b = (_a = navigator.language) === null || _a === void 0 ? void 0 : _a.toLowerCase()) !== null && _b !== void 0 ? _b : '';
-        const rtlLangs = ['ar', 'he', 'fa', 'ur', 'ps', 'sd', 'yi', 'ku'];
-        if (rtlLangs.some((l) => lang.startsWith(l))) {
-            return 'rtl';
-        }
+  }
+  if (typeof navigator !== "undefined") {
+    const lang = navigator.language?.toLowerCase() ?? "";
+    const rtlLangs = ["ar", "he", "fa", "ur", "ps", "sd", "yi", "ku"];
+    if (rtlLangs.some((l) => lang.startsWith(l))) {
+      return "rtl";
     }
-    return 'ltr';
+  }
+  return "ltr";
 }
-
-export { NiceRTLProvider, detectDirection, logicalStyles, rtlFlexDirection, useIsRTL, useRTL };
+export {
+  NiceRTLProvider,
+  detectDirection,
+  logicalStyles,
+  rtlFlexDirection,
+  useIsRTL,
+  useRTL
+};

package/dist/esm/core/shortcuts.js

@@ -1,237 +1,213 @@
-import React from 'react';
-
-/**
- * shortcuts.ts — Customizable keyboard shortcuts for all editors.
- *
- * Allows users to remap keyboard shortcuts and provides a central
- * registry for keybindings across all graphic editors.
- */
+import React from "react";
 function parseKeyCombo(combo) {
-    var _a;
-    const parts = combo
-        .toLowerCase()
-        .split('+')
-        .map((s) => s.trim());
-    return {
-        ctrl: parts.includes('ctrl'),
-        shift: parts.includes('shift'),
-        alt: parts.includes('alt'),
-        meta: parts.includes('meta') || parts.includes('cmd'),
-        key: (_a = parts.filter((p) => !['ctrl', 'shift', 'alt', 'meta', 'cmd'].includes(p))[0]) !== null && _a !== void 0 ? _a : '',
-    };
+  const parts = combo.toLowerCase().split("+").map((s) => s.trim());
+  return {
+    ctrl: parts.includes("ctrl"),
+    shift: parts.includes("shift"),
+    alt: parts.includes("alt"),
+    meta: parts.includes("meta") || parts.includes("cmd"),
+    key: parts.filter((p) => !["ctrl", "shift", "alt", "meta", "cmd"].includes(p))[0] ?? ""
+  };
 }
 function matchesEvent(parsed, e) {
-    return (e.ctrlKey === parsed.ctrl &&
-        e.shiftKey === parsed.shift &&
-        e.altKey === parsed.alt &&
-        e.metaKey === parsed.meta &&
-        e.key.toLowerCase() === parsed.key);
+  return e.ctrlKey === parsed.ctrl && e.shiftKey === parsed.shift && e.altKey === parsed.alt && e.metaKey === parsed.meta && e.key.toLowerCase() === parsed.key;
 }
-/** Convert a keyboard event to a key combo string. */
 function eventToKeyCombo(e) {
-    const parts = [];
-    if (e.ctrlKey) {
-        parts.push('Ctrl');
-    }
-    if (e.shiftKey) {
-        parts.push('Shift');
-    }
-    if (e.altKey) {
-        parts.push('Alt');
-    }
-    if (e.metaKey) {
-        parts.push('Meta');
-    }
-    const key = e.key.length === 1 ? e.key.toUpperCase() : e.key;
-    if (!['Control', 'Shift', 'Alt', 'Meta'].includes(e.key)) {
-        parts.push(key);
-    }
-    return parts.join('+');
+  const parts = [];
+  if (e.ctrlKey) {
+    parts.push("Ctrl");
+  }
+  if (e.shiftKey) {
+    parts.push("Shift");
+  }
+  if (e.altKey) {
+    parts.push("Alt");
+  }
+  if (e.metaKey) {
+    parts.push("Meta");
+  }
+  const key = e.key.length === 1 ? e.key.toUpperCase() : e.key;
+  if (!["Control", "Shift", "Alt", "Meta"].includes(e.key)) {
+    parts.push(key);
+  }
+  return parts.join("+");
 }
-// ── Shortcut Registry ───────────────────────────────────────────
 class ShortcutRegistryImpl {
-    constructor() {
-        this.shortcuts = new Map();
-        this.overrides = {};
-        this.listeners = new Set();
-    }
-    /** Register a shortcut. */
-    register(def) {
-        var _a;
-        const currentKey = (_a = this.overrides[def.id]) !== null && _a !== void 0 ? _a : def.defaultKey;
-        this.shortcuts.set(def.id, { ...def, currentKey });
-        this.notify();
-    }
-    /** Register multiple shortcuts at once. */
-    registerAll(defs) {
-        var _a;
-        for (const def of defs) {
-            const currentKey = (_a = this.overrides[def.id]) !== null && _a !== void 0 ? _a : def.defaultKey;
-            this.shortcuts.set(def.id, { ...def, currentKey });
-        }
-        this.notify();
-    }
-    /** Unregister a shortcut. */
-    unregister(id) {
-        this.shortcuts.delete(id);
-        this.notify();
-    }
-    /** Remap a shortcut to a new key combo. */
-    remap(id, newKey) {
-        const def = this.shortcuts.get(id);
-        if (def) {
-            def.currentKey = newKey;
-            this.overrides[id] = newKey;
-            this.notify();
-        }
-    }
-    /** Reset a shortcut to its default. */
-    resetToDefault(id) {
-        const def = this.shortcuts.get(id);
-        if (def) {
-            def.currentKey = def.defaultKey;
-            delete this.overrides[id];
-            this.notify();
-        }
-    }
-    /** Reset all shortcuts to defaults. */
-    resetAll() {
-        this.overrides = {};
-        for (const def of this.shortcuts.values()) {
-            def.currentKey = def.defaultKey;
-        }
-        this.notify();
-    }
-    /** Handle a keyboard event, triggering matching shortcuts. */
-    handleKeyEvent(e) {
-        for (const def of this.shortcuts.values()) {
-            const parsed = parseKeyCombo(def.currentKey);
-            if (matchesEvent(parsed, e)) {
-                e.preventDefault();
-                def.action();
-                return true;
-            }
-        }
-        return false;
-    }
-    /** Get all registered shortcuts. */
-    getAll() {
-        return Array.from(this.shortcuts.values());
-    }
-    /** Get shortcuts by category. */
-    getByCategory(category) {
-        return this.getAll().filter((s) => s.category === category);
-    }
-    /** Get all categories. */
-    getCategories() {
-        return [...new Set(this.getAll().map((s) => s.category))];
-    }
-    /** Export custom overrides as JSON. */
-    exportConfig() {
-        return { overrides: { ...this.overrides } };
-    }
-    /** Import custom overrides from JSON. */
-    importConfig(config) {
-        var _a;
-        this.overrides = { ...config.overrides };
-        for (const def of this.shortcuts.values()) {
-            def.currentKey = (_a = this.overrides[def.id]) !== null && _a !== void 0 ? _a : def.defaultKey;
-        }
-        this.notify();
-    }
-    /** Save overrides to localStorage. */
-    save(storageKey = 'nice2dev.graphics.shortcuts') {
-        try {
-            localStorage.setItem(storageKey, JSON.stringify(this.exportConfig()));
-        }
-        catch (_a) {
-            /* ignore */
-        }
-    }
-    /** Load overrides from localStorage. */
-    load(storageKey = 'nice2dev.graphics.shortcuts') {
-        try {
-            const raw = localStorage.getItem(storageKey);
-            if (raw) {
-                this.importConfig(JSON.parse(raw));
-            }
-        }
-        catch (_a) {
-            /* ignore */
-        }
-    }
-    /** Subscribe to changes. Returns unsubscribe function. */
-    subscribe(fn) {
-        this.listeners.add(fn);
-        return () => this.listeners.delete(fn);
-    }
-    notify() {
-        this.listeners.forEach((fn) => fn());
-    }
+  constructor() {
+    this.shortcuts = /* @__PURE__ */ new Map();
+    this.overrides = {};
+    this.listeners = /* @__PURE__ */ new Set();
+  }
+  /** Register a shortcut. */
+  register(def) {
+    const currentKey = this.overrides[def.id] ?? def.defaultKey;
+    this.shortcuts.set(def.id, { ...def, currentKey });
+    this.notify();
+  }
+  /** Register multiple shortcuts at once. */
+  registerAll(defs) {
+    for (const def of defs) {
+      const currentKey = this.overrides[def.id] ?? def.defaultKey;
+      this.shortcuts.set(def.id, { ...def, currentKey });
+    }
+    this.notify();
+  }
+  /** Unregister a shortcut. */
+  unregister(id) {
+    this.shortcuts.delete(id);
+    this.notify();
+  }
+  /** Remap a shortcut to a new key combo. */
+  remap(id, newKey) {
+    const def = this.shortcuts.get(id);
+    if (def) {
+      def.currentKey = newKey;
+      this.overrides[id] = newKey;
+      this.notify();
+    }
+  }
+  /** Reset a shortcut to its default. */
+  resetToDefault(id) {
+    const def = this.shortcuts.get(id);
+    if (def) {
+      def.currentKey = def.defaultKey;
+      delete this.overrides[id];
+      this.notify();
+    }
+  }
+  /** Reset all shortcuts to defaults. */
+  resetAll() {
+    this.overrides = {};
+    for (const def of this.shortcuts.values()) {
+      def.currentKey = def.defaultKey;
+    }
+    this.notify();
+  }
+  /** Handle a keyboard event, triggering matching shortcuts. */
+  handleKeyEvent(e) {
+    for (const def of this.shortcuts.values()) {
+      const parsed = parseKeyCombo(def.currentKey);
+      if (matchesEvent(parsed, e)) {
+        e.preventDefault();
+        def.action();
+        return true;
+      }
+    }
+    return false;
+  }
+  /** Get all registered shortcuts. */
+  getAll() {
+    return Array.from(this.shortcuts.values());
+  }
+  /** Get shortcuts by category. */
+  getByCategory(category) {
+    return this.getAll().filter((s) => s.category === category);
+  }
+  /** Get all categories. */
+  getCategories() {
+    return [...new Set(this.getAll().map((s) => s.category))];
+  }
+  /** Export custom overrides as JSON. */
+  exportConfig() {
+    return { overrides: { ...this.overrides } };
+  }
+  /** Import custom overrides from JSON. */
+  importConfig(config) {
+    this.overrides = { ...config.overrides };
+    for (const def of this.shortcuts.values()) {
+      def.currentKey = this.overrides[def.id] ?? def.defaultKey;
+    }
+    this.notify();
+  }
+  /** Save overrides to localStorage. */
+  save(storageKey = "nice2dev.graphics.shortcuts") {
+    try {
+      localStorage.setItem(storageKey, JSON.stringify(this.exportConfig()));
+    } catch {
+    }
+  }
+  /** Load overrides from localStorage. */
+  load(storageKey = "nice2dev.graphics.shortcuts") {
+    try {
+      const raw = localStorage.getItem(storageKey);
+      if (raw) {
+        this.importConfig(JSON.parse(raw));
+      }
+    } catch {
+    }
+  }
+  /** Subscribe to changes. Returns unsubscribe function. */
+  subscribe(fn) {
+    this.listeners.add(fn);
+    return () => this.listeners.delete(fn);
+  }
+  notify() {
+    this.listeners.forEach((fn) => fn());
+  }
 }
-/** Global shortcuts registry singleton. */
 const ShortcutRegistry = new ShortcutRegistryImpl();
-// ── Default Shortcuts ───────────────────────────────────────────
 const DEFAULT_SHORTCUTS = {
-    // General
-    undo: { id: 'general.undo', label: 'Undo', category: 'General', defaultKey: 'Ctrl+Z' },
-    redo: { id: 'general.redo', label: 'Redo', category: 'General', defaultKey: 'Ctrl+Y' },
-    copy: { id: 'general.copy', label: 'Copy', category: 'General', defaultKey: 'Ctrl+C' },
-    paste: { id: 'general.paste', label: 'Paste', category: 'General', defaultKey: 'Ctrl+V' },
-    cut: { id: 'general.cut', label: 'Cut', category: 'General', defaultKey: 'Ctrl+X' },
-    delete: { id: 'general.delete', label: 'Delete', category: 'General', defaultKey: 'Delete' },
-    selectAll: {
-        id: 'general.selectAll',
-        label: 'Select All',
-        category: 'General',
-        defaultKey: 'Ctrl+A',
-    },
-    save: { id: 'general.save', label: 'Save', category: 'General', defaultKey: 'Ctrl+S' },
-    duplicate: {
-        id: 'general.duplicate',
-        label: 'Duplicate',
-        category: 'General',
-        defaultKey: 'Ctrl+D',
-    },
-    // View
-    zoomIn: { id: 'view.zoomIn', label: 'Zoom In', category: 'View', defaultKey: 'Ctrl+=' },
-    zoomOut: { id: 'view.zoomOut', label: 'Zoom Out', category: 'View', defaultKey: 'Ctrl+-' },
-    zoomFit: { id: 'view.zoomFit', label: 'Zoom to Fit', category: 'View', defaultKey: 'Ctrl+0' },
-    toggleGrid: {
-        id: 'view.toggleGrid',
-        label: 'Toggle Grid',
-        category: 'View',
-        defaultKey: "Ctrl+'",
-    },
-    toggleRulers: {
-        id: 'view.toggleRulers',
-        label: 'Toggle Rulers',
-        category: 'View',
-        defaultKey: 'Ctrl+R',
-    },
-    toggleMinimap: {
-        id: 'view.toggleMinimap',
-        label: 'Toggle Minimap',
-        category: 'View',
-        defaultKey: 'Ctrl+M',
-    },
+  // General
+  undo: { id: "general.undo", label: "Undo", category: "General", defaultKey: "Ctrl+Z" },
+  redo: { id: "general.redo", label: "Redo", category: "General", defaultKey: "Ctrl+Y" },
+  copy: { id: "general.copy", label: "Copy", category: "General", defaultKey: "Ctrl+C" },
+  paste: { id: "general.paste", label: "Paste", category: "General", defaultKey: "Ctrl+V" },
+  cut: { id: "general.cut", label: "Cut", category: "General", defaultKey: "Ctrl+X" },
+  delete: { id: "general.delete", label: "Delete", category: "General", defaultKey: "Delete" },
+  selectAll: {
+    id: "general.selectAll",
+    label: "Select All",
+    category: "General",
+    defaultKey: "Ctrl+A"
+  },
+  save: { id: "general.save", label: "Save", category: "General", defaultKey: "Ctrl+S" },
+  duplicate: {
+    id: "general.duplicate",
+    label: "Duplicate",
+    category: "General",
+    defaultKey: "Ctrl+D"
+  },
+  // View
+  zoomIn: { id: "view.zoomIn", label: "Zoom In", category: "View", defaultKey: "Ctrl+=" },
+  zoomOut: { id: "view.zoomOut", label: "Zoom Out", category: "View", defaultKey: "Ctrl+-" },
+  zoomFit: { id: "view.zoomFit", label: "Zoom to Fit", category: "View", defaultKey: "Ctrl+0" },
+  toggleGrid: {
+    id: "view.toggleGrid",
+    label: "Toggle Grid",
+    category: "View",
+    defaultKey: "Ctrl+'"
+  },
+  toggleRulers: {
+    id: "view.toggleRulers",
+    label: "Toggle Rulers",
+    category: "View",
+    defaultKey: "Ctrl+R"
+  },
+  toggleMinimap: {
+    id: "view.toggleMinimap",
+    label: "Toggle Minimap",
+    category: "View",
+    defaultKey: "Ctrl+M"
+  }
 };
-// ── React Hook ──────────────────────────────────────────────────
-/** Hook to use shortcuts in a component. Attaches keyboard listener. */
 function useShortcuts(active = true) {
-    const [shortcuts, setShortcuts] = React.useState(ShortcutRegistry.getAll());
-    React.useEffect(() => {
-        return ShortcutRegistry.subscribe(() => setShortcuts(ShortcutRegistry.getAll()));
-    }, []);
-    React.useEffect(() => {
-        if (!active) {
-            return;
-        }
-        const handler = (e) => ShortcutRegistry.handleKeyEvent(e);
-        window.addEventListener('keydown', handler);
-        return () => window.removeEventListener('keydown', handler);
-    }, [active]);
-    return shortcuts;
+  const [shortcuts, setShortcuts] = React.useState(ShortcutRegistry.getAll());
+  React.useEffect(() => {
+    return ShortcutRegistry.subscribe(() => setShortcuts(ShortcutRegistry.getAll()));
+  }, []);
+  React.useEffect(() => {
+    if (!active) {
+      return;
+    }
+    const handler = (e) => ShortcutRegistry.handleKeyEvent(e);
+    window.addEventListener("keydown", handler);
+    return () => window.removeEventListener("keydown", handler);
+  }, [active]);
+  return shortcuts;
 }
-
-export { DEFAULT_SHORTCUTS, ShortcutRegistry, eventToKeyCombo, useShortcuts };
+export {
+  DEFAULT_SHORTCUTS,
+  ShortcutRegistry,
+  eventToKeyCombo,
+  useShortcuts
+};