@varianta/sdk 0.1.4 → 0.1.5

package/dist/react.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react/jsx-runtime"),r=require("react"),V=require("./index.cjs.js"),D=r.forwardRef((I,v)=>{const{templateId:f,productId:y,apiUrl:t,theme:s="light",mode:m="edit",debug:S=!1,className:b,style:T,initialDesign:g,onReady:z,onChange:w,onLayerSelect:l,onLayerAdd:d,onLayerRemove:E,onLayerUpdate:h,onError:c,onFinalize:L,onViewChange:C}=I,R=r.useRef(null),e=r.useRef(null),u=r.useRef({onReady:z,onChange:w,onLayerSelect:l,onLayerAdd:d,onLayerRemove:E,onLayerUpdate:h,onError:c,onFinalize:L,onViewChange:C});return r.useEffect(()=>{u.current={onReady:z,onChange:w,onLayerSelect:l,onLayerAdd:d,onLayerRemove:E,onLayerUpdate:h,onError:c,onFinalize:L,onViewChange:C}},[z,w,l,d,E,h,c,L,C]),r.useEffect(()=>{if(!R.current)return;const i={templateId:f,productId:y,apiUrl:t,theme:s,mode:m,debug:S,initialDesign:g,onReady:()=>u.current.onReady?.(),onChange:n=>u.current.onChange?.(n),onLayerSelect:n=>u.current.onLayerSelect?.(n),onLayerAdd:n=>u.current.onLayerAdd?.(n),onLayerRemove:n=>u.current.onLayerRemove?.(n),onLayerUpdate:n=>u.current.onLayerUpdate?.(n),onError:n=>u.current.onError?.(n),onFinalize:n=>u.current.onFinalize?.(n),onViewChange:n=>u.current.onViewChange?.(n)};try{const n=V.initCustomizer(R.current,i);e.current=n}catch(n){console.error("[Customizer React] Failed to initialize:",n),u.current.onError?.({code:"INIT_ERROR",message:n instanceof Error?n.message:"Unknown error",details:n})}return()=>{e.current&&(e.current.destroy(),e.current=null)}},[f,y,t,S,g]),r.useEffect(()=>{e.current&&e.current.setTheme(s)},[s]),r.useEffect(()=>{e.current&&e.current.setMode(m)},[m]),r.useImperativeHandle(v,()=>({getDesign:()=>{if(!e.current)throw new Error("Editor not initialized");return e.current.getDesign()},setDesign:i=>{if(!e.current)throw new Error("Editor not initialized");e.current.setDesign(i)},undo:()=>{if(!e.current)throw new Error("Editor not initialized");e.current.undo()},redo:()=>{if(!e.current)throw new Error("Editor not initialized");e.current.redo()},canUndo:()=>e.current?e.current.canUndo():!1,canRedo:()=>e.current?e.current.canRedo():!1,finalize:async()=>{if(!e.current)throw new Error("Editor not initialized");return e.current.finalize()},addTextLayer:i=>{if(!e.current)throw new Error("Editor not initialized");e.current.addTextLayer(i)},addImageLayer:async i=>{if(!e.current)throw new Error("Editor not initialized");return e.current.addImageLayer(i)},removeLayer:i=>{if(!e.current)throw new Error("Editor not initialized");e.current.removeLayer(i)},selectLayer:i=>{if(!e.current)throw new Error("Editor not initialized");e.current.selectLayer(i)},getSelectedLayerId:()=>e.current?e.current.getSelectedLayerId():null,getActiveView:()=>e.current?e.current.getActiveView():null,getViews:()=>e.current?e.current.getViews():[],setActiveView:i=>{if(!e.current)throw new Error("Editor not initialized");e.current.setActiveView(i)},setTheme:i=>{if(!e.current)throw new Error("Editor not initialized");e.current.setTheme(i)},setMode:i=>{if(!e.current)throw new Error("Editor not initialized");e.current.setMode(i)},destroy:()=>{e.current&&(e.current.destroy(),e.current=null)},getElement:()=>{if(!e.current)throw new Error("Editor not initialized");return e.current.getElement()}}),[]),p.jsx("div",{ref:R,className:b,style:{width:"100%",height:"100%",...T}})});D.displayName="Customizer";function x(I={}){const{autoSave:v=!1,autoSaveKey:f="customizer-design",autoSaveDebounce:y=1e3}=I,t=r.useRef(null),[s,m]=r.useState(null),[S,b]=r.useState(!1),[T,g]=r.useState(!1),[z,w]=r.useState(null),[l,d]=r.useState(!1),[E,h]=r.useState(null),c=r.useRef(void 0);r.useEffect(()=>{if(!(!v||!s))return c.current&&clearTimeout(c.current),c.current=setTimeout(()=>{try{localStorage.setItem(f,JSON.stringify(s))}catch(o){console.error("[useCustomizer] Auto-save failed:",o)}},y),()=>{c.current&&clearTimeout(c.current)}},[s,v,f,y]);const L=r.useCallback(()=>{if(!t.current)return null;try{return t.current.getDesign()}catch(o){return console.error("[useCustomizer] getDesign failed:",o),null}},[]),C=r.useCallback(o=>{if(t.current)try{t.current.setDesign(o),m(o)}catch(a){console.error("[useCustomizer] setDesign failed:",a)}},[]),R=r.useCallback(()=>{if(t.current)try{t.current.undo(),b(t.current.canUndo()),g(t.current.canRedo())}catch(o){console.error("[useCustomizer] undo failed:",o)}},[]),e=r.useCallback(()=>{if(t.current)try{t.current.redo(),b(t.current.canUndo()),g(t.current.canRedo())}catch(o){console.error("[useCustomizer] redo failed:",o)}},[]),u=r.useCallback(async()=>{if(!t.current||l)return null;d(!0);try{const o=await t.current.finalize();return h(o),o}catch(o){return console.error("[useCustomizer] finalize failed:",o),null}finally{d(!1)}},[l]),i=r.useCallback(o=>{if(t.current)try{t.current.addTextLayer(o)}catch(a){console.error("[useCustomizer] addTextLayer failed:",a)}},[]),n=r.useCallback(async o=>{if(t.current)try{await t.current.addImageLayer(o)}catch(a){console.error("[useCustomizer] addImageLayer failed:",a)}},[]),k=r.useCallback(o=>{if(t.current)try{t.current.removeLayer(o)}catch(a){console.error("[useCustomizer] removeLayer failed:",a)}},[]),U=r.useCallback(o=>{if(t.current)try{t.current.selectLayer(o),w(o)}catch(a){console.error("[useCustomizer] selectLayer failed:",a)}},[]);return{customizerRef:t,design:s,canUndo:S,canRedo:T,selectedLayerId:z,isFinalizing:l,finalizeResult:E,getDesign:L,setDesign:C,undo:R,redo:e,finalize:u,addTextLayer:i,addImageLayer:n,removeLayer:k,selectLayer:U}}exports.Customizer=D;exports.useCustomizer=x;
+//# sourceMappingURL=react.cjs.js.map

package/dist/react.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react.cjs.js","sources":["../src/react/Customizer.tsx","../src/react/useCustomizer.ts"],"sourcesContent":["/**\n * React wrapper for Customizer Editor\n * @packageDocumentation\n */\n\nimport {\n  useRef,\n  useEffect,\n  useImperativeHandle,\n  forwardRef,\n  type CSSProperties,\n} from 'react';\nimport { initCustomizer } from '../vanilla';\nimport type {\n  CustomizerOptions,\n  CustomizerInstance,\n  DesignJSON,\n  FinalizeResult,\n  CustomizerError,\n} from '../types';\n\n/**\n * Props for the Customizer React component\n */\nexport interface CustomizerProps {\n  /**\n   * Template ID to load. Required unless productId is provided.\n   */\n  templateId?: string;\n\n  /**\n   * Product ID to load (fetches all views/templates for the product).\n   * Alternative to templateId. Exactly one of templateId or productId must be provided.\n   */\n  productId?: string;\n\n  /**\n   * API base URL for fetching templates and finalizing designs\n   * @default 'https://api.varianta.io'\n   */\n  apiUrl?: string;\n\n  /**\n   * Visual theme\n   * @default 'light'\n   */\n  theme?: 'light' | 'dark';\n\n  /**\n   * Editor mode\n   * @default 'edit'\n   */\n  mode?: 'edit' | 'preview';\n\n  /**\n   * Enable debug mode with additional logging\n   * @default false\n   */\n  debug?: boolean;\n\n  /**\n   * Custom CSS class name\n   */\n  className?: string;\n\n  /**\n   * Custom inline styles\n   */\n  style?: CSSProperties;\n\n  /**\n   * Initial design data to load\n   */\n  initialDesign?: DesignJSON;\n\n  /**\n   * Called when the editor is ready\n   */\n  onReady?: () => void;\n\n  /**\n   * Called when the design changes\n   */\n  onChange?: (design: DesignJSON) => void;\n\n  /**\n   * Called when a layer is selected\n   */\n  onLayerSelect?: (layerId: string | null) => void;\n\n  /**\n   * Called when a layer is added\n   */\n  onLayerAdd?: (layerId: string) => void;\n\n  /**\n   * Called when a layer is removed\n   */\n  onLayerRemove?: (layerId: string) => void;\n\n  /**\n   * Called when a layer is updated\n   */\n  onLayerUpdate?: (layerId: string) => void;\n\n  /**\n   * Called when an error occurs\n   */\n  onError?: (error: CustomizerError) => void;\n\n  /**\n   * Called when finalization is complete\n   */\n  onFinalize?: (result: FinalizeResult) => void;\n\n  /**\n   * Called when the active view changes (only relevant when using productId)\n   */\n  onViewChange?: (viewName: string) => void;\n}\n\n/**\n * Handle type exposed via ref\n */\nexport interface CustomizerHandle extends CustomizerInstance {}\n\n/**\n * Customizer React Component\n *\n * @example\n * ```tsx\n * import { Customizer, CustomizerHandle } from '@varianta/sdk/react';\n * import { useRef } from 'react';\n *\n * function App() {\n *   const customizerRef = useRef<CustomizerHandle>(null);\n *\n *   const handleFinalize = async () => {\n *     if (customizerRef.current) {\n *       const result = await customizerRef.current.finalize();\n *       console.log('Finalized:', result);\n *     }\n *   };\n *\n *   return (\n *     <div style={{ width: '100vw', height: '100vh' }}>\n *       <Customizer\n *         ref={customizerRef}\n *         templateId=\"tshirt-001\"\n *         theme=\"light\"\n *         onChange={(design) => console.log('Design changed:', design)}\n *         onReady={() => console.log('Editor ready!')}\n *       />\n *       <button onClick={handleFinalize}>Finalize Design</button>\n *     </div>\n *   );\n * }\n * ```\n */\nexport const Customizer = forwardRef<CustomizerHandle, CustomizerProps>(\n  (props, ref) => {\n    const {\n      templateId,\n      productId,\n      apiUrl,\n      theme = 'light',\n      mode = 'edit',\n      debug = false,\n      className,\n      style,\n      initialDesign,\n      onReady,\n      onChange,\n      onLayerSelect,\n      onLayerAdd,\n      onLayerRemove,\n      onLayerUpdate,\n      onError,\n      onFinalize,\n      onViewChange,\n    } = props;\n\n    const containerRef = useRef<HTMLDivElement>(null);\n    const instanceRef = useRef<CustomizerInstance | null>(null);\n\n    // Store latest callbacks in a ref to avoid stale closures\n    const callbacksRef = useRef({\n      onReady,\n      onChange,\n      onLayerSelect,\n      onLayerAdd,\n      onLayerRemove,\n      onLayerUpdate,\n      onError,\n      onFinalize,\n      onViewChange,\n    });\n\n    // Update callbacks ref whenever they change\n    useEffect(() => {\n      callbacksRef.current = {\n        onReady,\n        onChange,\n        onLayerSelect,\n        onLayerAdd,\n        onLayerRemove,\n        onLayerUpdate,\n        onError,\n        onFinalize,\n        onViewChange,\n      };\n    }, [onReady, onChange, onLayerSelect, onLayerAdd, onLayerRemove, onLayerUpdate, onError, onFinalize, onViewChange]);\n\n    // Initialize the editor\n    useEffect(() => {\n      if (!containerRef.current) return;\n\n      const options: CustomizerOptions = {\n        templateId,\n        productId,\n        apiUrl,\n        theme,\n        mode,\n        debug,\n        initialDesign,\n        // Use callback refs to always get latest callbacks\n        onReady: () => callbacksRef.current.onReady?.(),\n        onChange: (design) => callbacksRef.current.onChange?.(design),\n        onLayerSelect: (layerId) => callbacksRef.current.onLayerSelect?.(layerId),\n        onLayerAdd: (layerId) => callbacksRef.current.onLayerAdd?.(layerId),\n        onLayerRemove: (layerId) => callbacksRef.current.onLayerRemove?.(layerId),\n        onLayerUpdate: (layerId) => callbacksRef.current.onLayerUpdate?.(layerId),\n        onError: (error) => callbacksRef.current.onError?.(error),\n        onFinalize: (result) => callbacksRef.current.onFinalize?.(result),\n        onViewChange: (viewName) => callbacksRef.current.onViewChange?.(viewName),\n      };\n\n      try {\n        const instance = initCustomizer(containerRef.current, options);\n        instanceRef.current = instance;\n      } catch (error) {\n        console.error('[Customizer React] Failed to initialize:', error);\n        callbacksRef.current.onError?.({\n          code: 'INIT_ERROR',\n          message: error instanceof Error ? error.message : 'Unknown error',\n          details: error,\n        });\n      }\n\n      // Cleanup\n      return () => {\n        if (instanceRef.current) {\n          instanceRef.current.destroy();\n          instanceRef.current = null;\n        }\n      };\n    }, [templateId, productId, apiUrl, debug, initialDesign]); // Only re-initialize on structural changes\n\n    // Update theme when it changes\n    useEffect(() => {\n      if (instanceRef.current) {\n        instanceRef.current.setTheme(theme);\n      }\n    }, [theme]);\n\n    // Update mode when it changes\n    useEffect(() => {\n      if (instanceRef.current) {\n        instanceRef.current.setMode(mode);\n      }\n    }, [mode]);\n\n    // Expose methods via ref\n    useImperativeHandle(\n      ref,\n      () => {\n        // Return API that always uses current instanceRef\n        return {\n        getDesign: () => {\n          if (!instanceRef.current) {\n            throw new Error('Editor not initialized');\n          }\n          return instanceRef.current.getDesign();\n        },\n        setDesign: (design: DesignJSON) => {\n          if (!instanceRef.current) {\n            throw new Error('Editor not initialized');\n          }\n          instanceRef.current.setDesign(design);\n        },\n        undo: () => {\n          if (!instanceRef.current) {\n            throw new Error('Editor not initialized');\n          }\n          instanceRef.current.undo();\n        },\n        redo: () => {\n          if (!instanceRef.current) {\n            throw new Error('Editor not initialized');\n          }\n          instanceRef.current.redo();\n        },\n        canUndo: () => {\n          if (!instanceRef.current) return false;\n          return instanceRef.current.canUndo();\n        },\n        canRedo: () => {\n          if (!instanceRef.current) return false;\n          return instanceRef.current.canRedo();\n        },\n        finalize: async () => {\n          if (!instanceRef.current) {\n            throw new Error('Editor not initialized');\n          }\n          return instanceRef.current.finalize();\n        },\n        addTextLayer: (text?: string) => {\n          if (!instanceRef.current) {\n            throw new Error('Editor not initialized');\n          }\n          instanceRef.current.addTextLayer(text);\n        },\n        addImageLayer: async (url: string) => {\n          if (!instanceRef.current) {\n            throw new Error('Editor not initialized');\n          }\n          return instanceRef.current.addImageLayer(url);\n        },\n        removeLayer: (layerId: string) => {\n          if (!instanceRef.current) {\n            throw new Error('Editor not initialized');\n          }\n          instanceRef.current.removeLayer(layerId);\n        },\n        selectLayer: (layerId: string | null) => {\n          if (!instanceRef.current) {\n            throw new Error('Editor not initialized');\n          }\n          instanceRef.current.selectLayer(layerId);\n        },\n        getSelectedLayerId: () => {\n          if (!instanceRef.current) return null;\n          return instanceRef.current.getSelectedLayerId();\n        },\n        getActiveView: () => {\n          if (!instanceRef.current) return null;\n          return instanceRef.current.getActiveView();\n        },\n        getViews: () => {\n          if (!instanceRef.current) return [];\n          return instanceRef.current.getViews();\n        },\n        setActiveView: (viewName: string) => {\n          if (!instanceRef.current) {\n            throw new Error('Editor not initialized');\n          }\n          instanceRef.current.setActiveView(viewName);\n        },\n        setTheme: (newTheme: 'light' | 'dark') => {\n          if (!instanceRef.current) {\n            throw new Error('Editor not initialized');\n          }\n          instanceRef.current.setTheme(newTheme);\n        },\n        setMode: (newMode: 'edit' | 'preview') => {\n          if (!instanceRef.current) {\n            throw new Error('Editor not initialized');\n          }\n          instanceRef.current.setMode(newMode);\n        },\n        destroy: () => {\n          if (!instanceRef.current) return;\n          instanceRef.current.destroy();\n          instanceRef.current = null;\n        },\n        getElement: () => {\n          if (!instanceRef.current) {\n            throw new Error('Editor not initialized');\n          }\n          return instanceRef.current.getElement();\n        },\n      };\n      },\n      [] // Empty deps is OK - we always read from instanceRef.current\n    );\n\n    return (\n      <div\n        ref={containerRef}\n        className={className}\n        style={{\n          width: '100%',\n          height: '100%',\n          ...style,\n        }}\n      />\n    );\n  }\n);\n\nCustomizer.displayName = 'Customizer';\n","/**\n * React hook for controlling the customizer editor\n * @packageDocumentation\n */\n\nimport { useRef, useCallback, useState, useEffect } from 'react';\nimport type { CustomizerHandle } from './Customizer';\nimport type { DesignJSON, FinalizeResult } from '../types';\n\n/**\n * Options for the useCustomizer hook\n */\nexport interface UseCustomizerOptions {\n  /**\n   * Auto-save design to localStorage\n   */\n  autoSave?: boolean;\n\n  /**\n   * localStorage key for auto-save\n   * @default 'customizer-design'\n   */\n  autoSaveKey?: string;\n\n  /**\n   * Debounce time for auto-save in ms\n   * @default 1000\n   */\n  autoSaveDebounce?: number;\n}\n\n/**\n * Return type for useCustomizer hook\n */\nexport interface UseCustomizerReturn {\n  /**\n   * Ref to attach to the Customizer component\n   */\n  customizerRef: React.RefObject<CustomizerHandle | null>;\n\n  /**\n   * Current design state\n   */\n  design: DesignJSON | null;\n\n  /**\n   * Whether undo is available\n   */\n  canUndo: boolean;\n\n  /**\n   * Whether redo is available\n   */\n  canRedo: boolean;\n\n  /**\n   * Selected layer ID\n   */\n  selectedLayerId: string | null;\n\n  /**\n   * Whether finalization is in progress\n   */\n  isFinalizing: boolean;\n\n  /**\n   * Finalization result\n   */\n  finalizeResult: FinalizeResult | null;\n\n  /**\n   * Get the current design\n   */\n  getDesign: () => DesignJSON | null;\n\n  /**\n   * Set a new design\n   */\n  setDesign: (design: DesignJSON) => void;\n\n  /**\n   * Undo the last action\n   */\n  undo: () => void;\n\n  /**\n   * Redo the last undone action\n   */\n  redo: () => void;\n\n  /**\n   * Finalize the design\n   */\n  finalize: () => Promise<FinalizeResult | null>;\n\n  /**\n   * Add a text layer\n   */\n  addTextLayer: (text?: string) => void;\n\n  /**\n   * Add an image layer\n   */\n  addImageLayer: (url: string) => Promise<void>;\n\n  /**\n   * Remove a layer\n   */\n  removeLayer: (layerId: string) => void;\n\n  /**\n   * Select a layer\n   */\n  selectLayer: (layerId: string | null) => void;\n}\n\n/**\n * React hook for controlling the customizer editor\n *\n * @example\n * ```tsx\n * import { Customizer } from '@varianta/sdk/react';\n * import { useCustomizer } from '@varianta/sdk/react';\n *\n * function App() {\n *   const {\n *     customizerRef,\n *     design,\n *     canUndo,\n *     canRedo,\n *     undo,\n *     redo,\n *     finalize,\n *     isFinalizing,\n *   } = useCustomizer({ autoSave: true });\n *\n *   return (\n *     <>\n *       <Customizer\n *         ref={customizerRef}\n *         templateId=\"tshirt-001\"\n *         onChange={(d) => console.log('Changed:', d)}\n *       />\n *       <button onClick={undo} disabled={!canUndo}>Undo</button>\n *       <button onClick={redo} disabled={!canRedo}>Redo</button>\n *       <button onClick={finalize} disabled={isFinalizing}>\n *         {isFinalizing ? 'Finalizing...' : 'Finalize'}\n *       </button>\n *     </>\n *   );\n * }\n * ```\n */\nexport function useCustomizer(\n  options: UseCustomizerOptions = {}\n): UseCustomizerReturn {\n  const {\n    autoSave = false,\n    autoSaveKey = 'customizer-design',\n    autoSaveDebounce = 1000,\n  } = options;\n\n  const customizerRef = useRef<CustomizerHandle>(null);\n  const [design, setDesign] = useState<DesignJSON | null>(null);\n  const [canUndo, setCanUndo] = useState(false);\n  const [canRedo, setCanRedo] = useState(false);\n  const [selectedLayerId, setSelectedLayerId] = useState<string | null>(null);\n  const [isFinalizing, setIsFinalizing] = useState(false);\n  const [finalizeResult, setFinalizeResult] = useState<FinalizeResult | null>(\n    null\n  );\n\n  const autoSaveTimeoutRef = useRef<NodeJS.Timeout | undefined>(undefined);\n\n  // Auto-save to localStorage\n  useEffect(() => {\n    if (!autoSave || !design) return;\n\n    // Clear existing timeout\n    if (autoSaveTimeoutRef.current) {\n      clearTimeout(autoSaveTimeoutRef.current);\n    }\n\n    // Set new timeout\n    autoSaveTimeoutRef.current = setTimeout(() => {\n      try {\n        localStorage.setItem(autoSaveKey, JSON.stringify(design));\n      } catch (error) {\n        console.error('[useCustomizer] Auto-save failed:', error);\n      }\n    }, autoSaveDebounce);\n\n    return () => {\n      if (autoSaveTimeoutRef.current) {\n        clearTimeout(autoSaveTimeoutRef.current);\n      }\n    };\n  }, [design, autoSave, autoSaveKey, autoSaveDebounce]);\n\n  const getDesign = useCallback(() => {\n    if (!customizerRef.current) return null;\n    try {\n      return customizerRef.current.getDesign();\n    } catch (error) {\n      console.error('[useCustomizer] getDesign failed:', error);\n      return null;\n    }\n  }, []);\n\n  const setDesignCallback = useCallback((newDesign: DesignJSON) => {\n    if (!customizerRef.current) return;\n    try {\n      customizerRef.current.setDesign(newDesign);\n      setDesign(newDesign);\n    } catch (error) {\n      console.error('[useCustomizer] setDesign failed:', error);\n    }\n  }, []);\n\n  const undo = useCallback(() => {\n    if (!customizerRef.current) return;\n    try {\n      customizerRef.current.undo();\n      setCanUndo(customizerRef.current.canUndo());\n      setCanRedo(customizerRef.current.canRedo());\n    } catch (error) {\n      console.error('[useCustomizer] undo failed:', error);\n    }\n  }, []);\n\n  const redo = useCallback(() => {\n    if (!customizerRef.current) return;\n    try {\n      customizerRef.current.redo();\n      setCanUndo(customizerRef.current.canUndo());\n      setCanRedo(customizerRef.current.canRedo());\n    } catch (error) {\n      console.error('[useCustomizer] redo failed:', error);\n    }\n  }, []);\n\n  const finalize = useCallback(async () => {\n    if (!customizerRef.current || isFinalizing) return null;\n\n    setIsFinalizing(true);\n    try {\n      const result = await customizerRef.current.finalize();\n      setFinalizeResult(result);\n      return result;\n    } catch (error) {\n      console.error('[useCustomizer] finalize failed:', error);\n      return null;\n    } finally {\n      setIsFinalizing(false);\n    }\n  }, [isFinalizing]);\n\n  const addTextLayer = useCallback((text?: string) => {\n    if (!customizerRef.current) return;\n    try {\n      customizerRef.current.addTextLayer(text);\n    } catch (error) {\n      console.error('[useCustomizer] addTextLayer failed:', error);\n    }\n  }, []);\n\n  const addImageLayer = useCallback(async (url: string) => {\n    if (!customizerRef.current) return;\n    try {\n      await customizerRef.current.addImageLayer(url);\n    } catch (error) {\n      console.error('[useCustomizer] addImageLayer failed:', error);\n    }\n  }, []);\n\n  const removeLayer = useCallback((layerId: string) => {\n    if (!customizerRef.current) return;\n    try {\n      customizerRef.current.removeLayer(layerId);\n    } catch (error) {\n      console.error('[useCustomizer] removeLayer failed:', error);\n    }\n  }, []);\n\n  const selectLayer = useCallback((layerId: string | null) => {\n    if (!customizerRef.current) return;\n    try {\n      customizerRef.current.selectLayer(layerId);\n      setSelectedLayerId(layerId);\n    } catch (error) {\n      console.error('[useCustomizer] selectLayer failed:', error);\n    }\n  }, []);\n\n  return {\n    customizerRef,\n    design,\n    canUndo,\n    canRedo,\n    selectedLayerId,\n    isFinalizing,\n    finalizeResult,\n    getDesign,\n    setDesign: setDesignCallback,\n    undo,\n    redo,\n    finalize,\n    addTextLayer,\n    addImageLayer,\n    removeLayer,\n    selectLayer,\n  };\n}\n"],"names":["Customizer","forwardRef","props","ref","templateId","productId","apiUrl","theme","mode","debug","className","style","initialDesign","onReady","onChange","onLayerSelect","onLayerAdd","onLayerRemove","onLayerUpdate","onError","onFinalize","onViewChange","containerRef","useRef","instanceRef","callbacksRef","useEffect","options","design","layerId","error","result","viewName","instance","initCustomizer","useImperativeHandle","text","url","newTheme","newMode","jsx","useCustomizer","autoSave","autoSaveKey","autoSaveDebounce","customizerRef","setDesign","useState","canUndo","setCanUndo","canRedo","setCanRedo","selectedLayerId","setSelectedLayerId","isFinalizing","setIsFinalizing","finalizeResult","setFinalizeResult","autoSaveTimeoutRef","getDesign","useCallback","setDesignCallback","newDesign","undo","redo","finalize","addTextLayer","addImageLayer","removeLayer","selectLayer"],"mappings":"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"}

package/dist/react.esm.js

@@ -0,0 +1,291 @@
+import { jsx as F } from "react/jsx-runtime";
+import { forwardRef as b, useRef as p, useEffect as I, useImperativeHandle as k, useState as f, useCallback as a } from "react";
+import { initCustomizer as N } from "./index.esm.js";
+const M = b(
+  (U, D) => {
+    const {
+      templateId: y,
+      productId: m,
+      apiUrl: r,
+      theme: s = "light",
+      mode: g = "edit",
+      debug: S = !1,
+      className: T,
+      style: V,
+      initialDesign: z,
+      onReady: w,
+      onChange: h,
+      onLayerSelect: l,
+      onLayerAdd: d,
+      onLayerRemove: L,
+      onLayerUpdate: E,
+      onError: c,
+      onFinalize: C,
+      onViewChange: R
+    } = U, v = p(null), e = p(null), i = p({
+      onReady: w,
+      onChange: h,
+      onLayerSelect: l,
+      onLayerAdd: d,
+      onLayerRemove: L,
+      onLayerUpdate: E,
+      onError: c,
+      onFinalize: C,
+      onViewChange: R
+    });
+    return I(() => {
+      i.current = {
+        onReady: w,
+        onChange: h,
+        onLayerSelect: l,
+        onLayerAdd: d,
+        onLayerRemove: L,
+        onLayerUpdate: E,
+        onError: c,
+        onFinalize: C,
+        onViewChange: R
+      };
+    }, [w, h, l, d, L, E, c, C, R]), I(() => {
+      if (!v.current) return;
+      const o = {
+        templateId: y,
+        productId: m,
+        apiUrl: r,
+        theme: s,
+        mode: g,
+        debug: S,
+        initialDesign: z,
+        // Use callback refs to always get latest callbacks
+        onReady: () => i.current.onReady?.(),
+        onChange: (t) => i.current.onChange?.(t),
+        onLayerSelect: (t) => i.current.onLayerSelect?.(t),
+        onLayerAdd: (t) => i.current.onLayerAdd?.(t),
+        onLayerRemove: (t) => i.current.onLayerRemove?.(t),
+        onLayerUpdate: (t) => i.current.onLayerUpdate?.(t),
+        onError: (t) => i.current.onError?.(t),
+        onFinalize: (t) => i.current.onFinalize?.(t),
+        onViewChange: (t) => i.current.onViewChange?.(t)
+      };
+      try {
+        const t = N(v.current, o);
+        e.current = t;
+      } catch (t) {
+        console.error("[Customizer React] Failed to initialize:", t), i.current.onError?.({
+          code: "INIT_ERROR",
+          message: t instanceof Error ? t.message : "Unknown error",
+          details: t
+        });
+      }
+      return () => {
+        e.current && (e.current.destroy(), e.current = null);
+      };
+    }, [y, m, r, S, z]), I(() => {
+      e.current && e.current.setTheme(s);
+    }, [s]), I(() => {
+      e.current && e.current.setMode(g);
+    }, [g]), k(
+      D,
+      () => ({
+        getDesign: () => {
+          if (!e.current)
+            throw new Error("Editor not initialized");
+          return e.current.getDesign();
+        },
+        setDesign: (o) => {
+          if (!e.current)
+            throw new Error("Editor not initialized");
+          e.current.setDesign(o);
+        },
+        undo: () => {
+          if (!e.current)
+            throw new Error("Editor not initialized");
+          e.current.undo();
+        },
+        redo: () => {
+          if (!e.current)
+            throw new Error("Editor not initialized");
+          e.current.redo();
+        },
+        canUndo: () => e.current ? e.current.canUndo() : !1,
+        canRedo: () => e.current ? e.current.canRedo() : !1,
+        finalize: async () => {
+          if (!e.current)
+            throw new Error("Editor not initialized");
+          return e.current.finalize();
+        },
+        addTextLayer: (o) => {
+          if (!e.current)
+            throw new Error("Editor not initialized");
+          e.current.addTextLayer(o);
+        },
+        addImageLayer: async (o) => {
+          if (!e.current)
+            throw new Error("Editor not initialized");
+          return e.current.addImageLayer(o);
+        },
+        removeLayer: (o) => {
+          if (!e.current)
+            throw new Error("Editor not initialized");
+          e.current.removeLayer(o);
+        },
+        selectLayer: (o) => {
+          if (!e.current)
+            throw new Error("Editor not initialized");
+          e.current.selectLayer(o);
+        },
+        getSelectedLayerId: () => e.current ? e.current.getSelectedLayerId() : null,
+        getActiveView: () => e.current ? e.current.getActiveView() : null,
+        getViews: () => e.current ? e.current.getViews() : [],
+        setActiveView: (o) => {
+          if (!e.current)
+            throw new Error("Editor not initialized");
+          e.current.setActiveView(o);
+        },
+        setTheme: (o) => {
+          if (!e.current)
+            throw new Error("Editor not initialized");
+          e.current.setTheme(o);
+        },
+        setMode: (o) => {
+          if (!e.current)
+            throw new Error("Editor not initialized");
+          e.current.setMode(o);
+        },
+        destroy: () => {
+          e.current && (e.current.destroy(), e.current = null);
+        },
+        getElement: () => {
+          if (!e.current)
+            throw new Error("Editor not initialized");
+          return e.current.getElement();
+        }
+      }),
+      []
+      // Empty deps is OK - we always read from instanceRef.current
+    ), /* @__PURE__ */ F(
+      "div",
+      {
+        ref: v,
+        className: T,
+        style: {
+          width: "100%",
+          height: "100%",
+          ...V
+        }
+      }
+    );
+  }
+);
+M.displayName = "Customizer";
+function J(U = {}) {
+  const {
+    autoSave: D = !1,
+    autoSaveKey: y = "customizer-design",
+    autoSaveDebounce: m = 1e3
+  } = U, r = p(null), [s, g] = f(null), [S, T] = f(!1), [V, z] = f(!1), [w, h] = f(null), [l, d] = f(!1), [L, E] = f(
+    null
+  ), c = p(void 0);
+  I(() => {
+    if (!(!D || !s))
+      return c.current && clearTimeout(c.current), c.current = setTimeout(() => {
+        try {
+          localStorage.setItem(y, JSON.stringify(s));
+        } catch (n) {
+          console.error("[useCustomizer] Auto-save failed:", n);
+        }
+      }, m), () => {
+        c.current && clearTimeout(c.current);
+      };
+  }, [s, D, y, m]);
+  const C = a(() => {
+    if (!r.current) return null;
+    try {
+      return r.current.getDesign();
+    } catch (n) {
+      return console.error("[useCustomizer] getDesign failed:", n), null;
+    }
+  }, []), R = a((n) => {
+    if (r.current)
+      try {
+        r.current.setDesign(n), g(n);
+      } catch (u) {
+        console.error("[useCustomizer] setDesign failed:", u);
+      }
+  }, []), v = a(() => {
+    if (r.current)
+      try {
+        r.current.undo(), T(r.current.canUndo()), z(r.current.canRedo());
+      } catch (n) {
+        console.error("[useCustomizer] undo failed:", n);
+      }
+  }, []), e = a(() => {
+    if (r.current)
+      try {
+        r.current.redo(), T(r.current.canUndo()), z(r.current.canRedo());
+      } catch (n) {
+        console.error("[useCustomizer] redo failed:", n);
+      }
+  }, []), i = a(async () => {
+    if (!r.current || l) return null;
+    d(!0);
+    try {
+      const n = await r.current.finalize();
+      return E(n), n;
+    } catch (n) {
+      return console.error("[useCustomizer] finalize failed:", n), null;
+    } finally {
+      d(!1);
+    }
+  }, [l]), o = a((n) => {
+    if (r.current)
+      try {
+        r.current.addTextLayer(n);
+      } catch (u) {
+        console.error("[useCustomizer] addTextLayer failed:", u);
+      }
+  }, []), t = a(async (n) => {
+    if (r.current)
+      try {
+        await r.current.addImageLayer(n);
+      } catch (u) {
+        console.error("[useCustomizer] addImageLayer failed:", u);
+      }
+  }, []), A = a((n) => {
+    if (r.current)
+      try {
+        r.current.removeLayer(n);
+      } catch (u) {
+        console.error("[useCustomizer] removeLayer failed:", u);
+      }
+  }, []), x = a((n) => {
+    if (r.current)
+      try {
+        r.current.selectLayer(n), h(n);
+      } catch (u) {
+        console.error("[useCustomizer] selectLayer failed:", u);
+      }
+  }, []);
+  return {
+    customizerRef: r,
+    design: s,
+    canUndo: S,
+    canRedo: V,
+    selectedLayerId: w,
+    isFinalizing: l,
+    finalizeResult: L,
+    getDesign: C,
+    setDesign: R,
+    undo: v,
+    redo: e,
+    finalize: i,
+    addTextLayer: o,
+    addImageLayer: t,
+    removeLayer: A,
+    selectLayer: x
+  };
+}
+export {
+  M as Customizer,
+  J as useCustomizer
+};
+//# sourceMappingURL=react.esm.js.map

package/dist/react.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react.esm.js","sources":["../src/react/Customizer.tsx","../src/react/useCustomizer.ts"],"sourcesContent":["/**\n * React wrapper for Customizer Editor\n * @packageDocumentation\n */\n\nimport {\n  useRef,\n  useEffect,\n  useImperativeHandle,\n  forwardRef,\n  type CSSProperties,\n} from 'react';\nimport { initCustomizer } from '../vanilla';\nimport type {\n  CustomizerOptions,\n  CustomizerInstance,\n  DesignJSON,\n  FinalizeResult,\n  CustomizerError,\n} from '../types';\n\n/**\n * Props for the Customizer React component\n */\nexport interface CustomizerProps {\n  /**\n   * Template ID to load. Required unless productId is provided.\n   */\n  templateId?: string;\n\n  /**\n   * Product ID to load (fetches all views/templates for the product).\n   * Alternative to templateId. Exactly one of templateId or productId must be provided.\n   */\n  productId?: string;\n\n  /**\n   * API base URL for fetching templates and finalizing designs\n   * @default 'https://api.varianta.io'\n   */\n  apiUrl?: string;\n\n  /**\n   * Visual theme\n   * @default 'light'\n   */\n  theme?: 'light' | 'dark';\n\n  /**\n   * Editor mode\n   * @default 'edit'\n   */\n  mode?: 'edit' | 'preview';\n\n  /**\n   * Enable debug mode with additional logging\n   * @default false\n   */\n  debug?: boolean;\n\n  /**\n   * Custom CSS class name\n   */\n  className?: string;\n\n  /**\n   * Custom inline styles\n   */\n  style?: CSSProperties;\n\n  /**\n   * Initial design data to load\n   */\n  initialDesign?: DesignJSON;\n\n  /**\n   * Called when the editor is ready\n   */\n  onReady?: () => void;\n\n  /**\n   * Called when the design changes\n   */\n  onChange?: (design: DesignJSON) => void;\n\n  /**\n   * Called when a layer is selected\n   */\n  onLayerSelect?: (layerId: string | null) => void;\n\n  /**\n   * Called when a layer is added\n   */\n  onLayerAdd?: (layerId: string) => void;\n\n  /**\n   * Called when a layer is removed\n   */\n  onLayerRemove?: (layerId: string) => void;\n\n  /**\n   * Called when a layer is updated\n   */\n  onLayerUpdate?: (layerId: string) => void;\n\n  /**\n   * Called when an error occurs\n   */\n  onError?: (error: CustomizerError) => void;\n\n  /**\n   * Called when finalization is complete\n   */\n  onFinalize?: (result: FinalizeResult) => void;\n\n  /**\n   * Called when the active view changes (only relevant when using productId)\n   */\n  onViewChange?: (viewName: string) => void;\n}\n\n/**\n * Handle type exposed via ref\n */\nexport interface CustomizerHandle extends CustomizerInstance {}\n\n/**\n * Customizer React Component\n *\n * @example\n * ```tsx\n * import { Customizer, CustomizerHandle } from '@varianta/sdk/react';\n * import { useRef } from 'react';\n *\n * function App() {\n *   const customizerRef = useRef<CustomizerHandle>(null);\n *\n *   const handleFinalize = async () => {\n *     if (customizerRef.current) {\n *       const result = await customizerRef.current.finalize();\n *       console.log('Finalized:', result);\n *     }\n *   };\n *\n *   return (\n *     <div style={{ width: '100vw', height: '100vh' }}>\n *       <Customizer\n *         ref={customizerRef}\n *         templateId=\"tshirt-001\"\n *         theme=\"light\"\n *         onChange={(design) => console.log('Design changed:', design)}\n *         onReady={() => console.log('Editor ready!')}\n *       />\n *       <button onClick={handleFinalize}>Finalize Design</button>\n *     </div>\n *   );\n * }\n * ```\n */\nexport const Customizer = forwardRef<CustomizerHandle, CustomizerProps>(\n  (props, ref) => {\n    const {\n      templateId,\n      productId,\n      apiUrl,\n      theme = 'light',\n      mode = 'edit',\n      debug = false,\n      className,\n      style,\n      initialDesign,\n      onReady,\n      onChange,\n      onLayerSelect,\n      onLayerAdd,\n      onLayerRemove,\n      onLayerUpdate,\n      onError,\n      onFinalize,\n      onViewChange,\n    } = props;\n\n    const containerRef = useRef<HTMLDivElement>(null);\n    const instanceRef = useRef<CustomizerInstance | null>(null);\n\n    // Store latest callbacks in a ref to avoid stale closures\n    const callbacksRef = useRef({\n      onReady,\n      onChange,\n      onLayerSelect,\n      onLayerAdd,\n      onLayerRemove,\n      onLayerUpdate,\n      onError,\n      onFinalize,\n      onViewChange,\n    });\n\n    // Update callbacks ref whenever they change\n    useEffect(() => {\n      callbacksRef.current = {\n        onReady,\n        onChange,\n        onLayerSelect,\n        onLayerAdd,\n        onLayerRemove,\n        onLayerUpdate,\n        onError,\n        onFinalize,\n        onViewChange,\n      };\n    }, [onReady, onChange, onLayerSelect, onLayerAdd, onLayerRemove, onLayerUpdate, onError, onFinalize, onViewChange]);\n\n    // Initialize the editor\n    useEffect(() => {\n      if (!containerRef.current) return;\n\n      const options: CustomizerOptions = {\n        templateId,\n        productId,\n        apiUrl,\n        theme,\n        mode,\n        debug,\n        initialDesign,\n        // Use callback refs to always get latest callbacks\n        onReady: () => callbacksRef.current.onReady?.(),\n        onChange: (design) => callbacksRef.current.onChange?.(design),\n        onLayerSelect: (layerId) => callbacksRef.current.onLayerSelect?.(layerId),\n        onLayerAdd: (layerId) => callbacksRef.current.onLayerAdd?.(layerId),\n        onLayerRemove: (layerId) => callbacksRef.current.onLayerRemove?.(layerId),\n        onLayerUpdate: (layerId) => callbacksRef.current.onLayerUpdate?.(layerId),\n        onError: (error) => callbacksRef.current.onError?.(error),\n        onFinalize: (result) => callbacksRef.current.onFinalize?.(result),\n        onViewChange: (viewName) => callbacksRef.current.onViewChange?.(viewName),\n      };\n\n      try {\n        const instance = initCustomizer(containerRef.current, options);\n        instanceRef.current = instance;\n      } catch (error) {\n        console.error('[Customizer React] Failed to initialize:', error);\n        callbacksRef.current.onError?.({\n          code: 'INIT_ERROR',\n          message: error instanceof Error ? error.message : 'Unknown error',\n          details: error,\n        });\n      }\n\n      // Cleanup\n      return () => {\n        if (instanceRef.current) {\n          instanceRef.current.destroy();\n          instanceRef.current = null;\n        }\n      };\n    }, [templateId, productId, apiUrl, debug, initialDesign]); // Only re-initialize on structural changes\n\n    // Update theme when it changes\n    useEffect(() => {\n      if (instanceRef.current) {\n        instanceRef.current.setTheme(theme);\n      }\n    }, [theme]);\n\n    // Update mode when it changes\n    useEffect(() => {\n      if (instanceRef.current) {\n        instanceRef.current.setMode(mode);\n      }\n    }, [mode]);\n\n    // Expose methods via ref\n    useImperativeHandle(\n      ref,\n      () => {\n        // Return API that always uses current instanceRef\n        return {\n        getDesign: () => {\n          if (!instanceRef.current) {\n            throw new Error('Editor not initialized');\n          }\n          return instanceRef.current.getDesign();\n        },\n        setDesign: (design: DesignJSON) => {\n          if (!instanceRef.current) {\n            throw new Error('Editor not initialized');\n          }\n          instanceRef.current.setDesign(design);\n        },\n        undo: () => {\n          if (!instanceRef.current) {\n            throw new Error('Editor not initialized');\n          }\n          instanceRef.current.undo();\n        },\n        redo: () => {\n          if (!instanceRef.current) {\n            throw new Error('Editor not initialized');\n          }\n          instanceRef.current.redo();\n        },\n        canUndo: () => {\n          if (!instanceRef.current) return false;\n          return instanceRef.current.canUndo();\n        },\n        canRedo: () => {\n          if (!instanceRef.current) return false;\n          return instanceRef.current.canRedo();\n        },\n        finalize: async () => {\n          if (!instanceRef.current) {\n            throw new Error('Editor not initialized');\n          }\n          return instanceRef.current.finalize();\n        },\n        addTextLayer: (text?: string) => {\n          if (!instanceRef.current) {\n            throw new Error('Editor not initialized');\n          }\n          instanceRef.current.addTextLayer(text);\n        },\n        addImageLayer: async (url: string) => {\n          if (!instanceRef.current) {\n            throw new Error('Editor not initialized');\n          }\n          return instanceRef.current.addImageLayer(url);\n        },\n        removeLayer: (layerId: string) => {\n          if (!instanceRef.current) {\n            throw new Error('Editor not initialized');\n          }\n          instanceRef.current.removeLayer(layerId);\n        },\n        selectLayer: (layerId: string | null) => {\n          if (!instanceRef.current) {\n            throw new Error('Editor not initialized');\n          }\n          instanceRef.current.selectLayer(layerId);\n        },\n        getSelectedLayerId: () => {\n          if (!instanceRef.current) return null;\n          return instanceRef.current.getSelectedLayerId();\n        },\n        getActiveView: () => {\n          if (!instanceRef.current) return null;\n          return instanceRef.current.getActiveView();\n        },\n        getViews: () => {\n          if (!instanceRef.current) return [];\n          return instanceRef.current.getViews();\n        },\n        setActiveView: (viewName: string) => {\n          if (!instanceRef.current) {\n            throw new Error('Editor not initialized');\n          }\n          instanceRef.current.setActiveView(viewName);\n        },\n        setTheme: (newTheme: 'light' | 'dark') => {\n          if (!instanceRef.current) {\n            throw new Error('Editor not initialized');\n          }\n          instanceRef.current.setTheme(newTheme);\n        },\n        setMode: (newMode: 'edit' | 'preview') => {\n          if (!instanceRef.current) {\n            throw new Error('Editor not initialized');\n          }\n          instanceRef.current.setMode(newMode);\n        },\n        destroy: () => {\n          if (!instanceRef.current) return;\n          instanceRef.current.destroy();\n          instanceRef.current = null;\n        },\n        getElement: () => {\n          if (!instanceRef.current) {\n            throw new Error('Editor not initialized');\n          }\n          return instanceRef.current.getElement();\n        },\n      };\n      },\n      [] // Empty deps is OK - we always read from instanceRef.current\n    );\n\n    return (\n      <div\n        ref={containerRef}\n        className={className}\n        style={{\n          width: '100%',\n          height: '100%',\n          ...style,\n        }}\n      />\n    );\n  }\n);\n\nCustomizer.displayName = 'Customizer';\n","/**\n * React hook for controlling the customizer editor\n * @packageDocumentation\n */\n\nimport { useRef, useCallback, useState, useEffect } from 'react';\nimport type { CustomizerHandle } from './Customizer';\nimport type { DesignJSON, FinalizeResult } from '../types';\n\n/**\n * Options for the useCustomizer hook\n */\nexport interface UseCustomizerOptions {\n  /**\n   * Auto-save design to localStorage\n   */\n  autoSave?: boolean;\n\n  /**\n   * localStorage key for auto-save\n   * @default 'customizer-design'\n   */\n  autoSaveKey?: string;\n\n  /**\n   * Debounce time for auto-save in ms\n   * @default 1000\n   */\n  autoSaveDebounce?: number;\n}\n\n/**\n * Return type for useCustomizer hook\n */\nexport interface UseCustomizerReturn {\n  /**\n   * Ref to attach to the Customizer component\n   */\n  customizerRef: React.RefObject<CustomizerHandle | null>;\n\n  /**\n   * Current design state\n   */\n  design: DesignJSON | null;\n\n  /**\n   * Whether undo is available\n   */\n  canUndo: boolean;\n\n  /**\n   * Whether redo is available\n   */\n  canRedo: boolean;\n\n  /**\n   * Selected layer ID\n   */\n  selectedLayerId: string | null;\n\n  /**\n   * Whether finalization is in progress\n   */\n  isFinalizing: boolean;\n\n  /**\n   * Finalization result\n   */\n  finalizeResult: FinalizeResult | null;\n\n  /**\n   * Get the current design\n   */\n  getDesign: () => DesignJSON | null;\n\n  /**\n   * Set a new design\n   */\n  setDesign: (design: DesignJSON) => void;\n\n  /**\n   * Undo the last action\n   */\n  undo: () => void;\n\n  /**\n   * Redo the last undone action\n   */\n  redo: () => void;\n\n  /**\n   * Finalize the design\n   */\n  finalize: () => Promise<FinalizeResult | null>;\n\n  /**\n   * Add a text layer\n   */\n  addTextLayer: (text?: string) => void;\n\n  /**\n   * Add an image layer\n   */\n  addImageLayer: (url: string) => Promise<void>;\n\n  /**\n   * Remove a layer\n   */\n  removeLayer: (layerId: string) => void;\n\n  /**\n   * Select a layer\n   */\n  selectLayer: (layerId: string | null) => void;\n}\n\n/**\n * React hook for controlling the customizer editor\n *\n * @example\n * ```tsx\n * import { Customizer } from '@varianta/sdk/react';\n * import { useCustomizer } from '@varianta/sdk/react';\n *\n * function App() {\n *   const {\n *     customizerRef,\n *     design,\n *     canUndo,\n *     canRedo,\n *     undo,\n *     redo,\n *     finalize,\n *     isFinalizing,\n *   } = useCustomizer({ autoSave: true });\n *\n *   return (\n *     <>\n *       <Customizer\n *         ref={customizerRef}\n *         templateId=\"tshirt-001\"\n *         onChange={(d) => console.log('Changed:', d)}\n *       />\n *       <button onClick={undo} disabled={!canUndo}>Undo</button>\n *       <button onClick={redo} disabled={!canRedo}>Redo</button>\n *       <button onClick={finalize} disabled={isFinalizing}>\n *         {isFinalizing ? 'Finalizing...' : 'Finalize'}\n *       </button>\n *     </>\n *   );\n * }\n * ```\n */\nexport function useCustomizer(\n  options: UseCustomizerOptions = {}\n): UseCustomizerReturn {\n  const {\n    autoSave = false,\n    autoSaveKey = 'customizer-design',\n    autoSaveDebounce = 1000,\n  } = options;\n\n  const customizerRef = useRef<CustomizerHandle>(null);\n  const [design, setDesign] = useState<DesignJSON | null>(null);\n  const [canUndo, setCanUndo] = useState(false);\n  const [canRedo, setCanRedo] = useState(false);\n  const [selectedLayerId, setSelectedLayerId] = useState<string | null>(null);\n  const [isFinalizing, setIsFinalizing] = useState(false);\n  const [finalizeResult, setFinalizeResult] = useState<FinalizeResult | null>(\n    null\n  );\n\n  const autoSaveTimeoutRef = useRef<NodeJS.Timeout | undefined>(undefined);\n\n  // Auto-save to localStorage\n  useEffect(() => {\n    if (!autoSave || !design) return;\n\n    // Clear existing timeout\n    if (autoSaveTimeoutRef.current) {\n      clearTimeout(autoSaveTimeoutRef.current);\n    }\n\n    // Set new timeout\n    autoSaveTimeoutRef.current = setTimeout(() => {\n      try {\n        localStorage.setItem(autoSaveKey, JSON.stringify(design));\n      } catch (error) {\n        console.error('[useCustomizer] Auto-save failed:', error);\n      }\n    }, autoSaveDebounce);\n\n    return () => {\n      if (autoSaveTimeoutRef.current) {\n        clearTimeout(autoSaveTimeoutRef.current);\n      }\n    };\n  }, [design, autoSave, autoSaveKey, autoSaveDebounce]);\n\n  const getDesign = useCallback(() => {\n    if (!customizerRef.current) return null;\n    try {\n      return customizerRef.current.getDesign();\n    } catch (error) {\n      console.error('[useCustomizer] getDesign failed:', error);\n      return null;\n    }\n  }, []);\n\n  const setDesignCallback = useCallback((newDesign: DesignJSON) => {\n    if (!customizerRef.current) return;\n    try {\n      customizerRef.current.setDesign(newDesign);\n      setDesign(newDesign);\n    } catch (error) {\n      console.error('[useCustomizer] setDesign failed:', error);\n    }\n  }, []);\n\n  const undo = useCallback(() => {\n    if (!customizerRef.current) return;\n    try {\n      customizerRef.current.undo();\n      setCanUndo(customizerRef.current.canUndo());\n      setCanRedo(customizerRef.current.canRedo());\n    } catch (error) {\n      console.error('[useCustomizer] undo failed:', error);\n    }\n  }, []);\n\n  const redo = useCallback(() => {\n    if (!customizerRef.current) return;\n    try {\n      customizerRef.current.redo();\n      setCanUndo(customizerRef.current.canUndo());\n      setCanRedo(customizerRef.current.canRedo());\n    } catch (error) {\n      console.error('[useCustomizer] redo failed:', error);\n    }\n  }, []);\n\n  const finalize = useCallback(async () => {\n    if (!customizerRef.current || isFinalizing) return null;\n\n    setIsFinalizing(true);\n    try {\n      const result = await customizerRef.current.finalize();\n      setFinalizeResult(result);\n      return result;\n    } catch (error) {\n      console.error('[useCustomizer] finalize failed:', error);\n      return null;\n    } finally {\n      setIsFinalizing(false);\n    }\n  }, [isFinalizing]);\n\n  const addTextLayer = useCallback((text?: string) => {\n    if (!customizerRef.current) return;\n    try {\n      customizerRef.current.addTextLayer(text);\n    } catch (error) {\n      console.error('[useCustomizer] addTextLayer failed:', error);\n    }\n  }, []);\n\n  const addImageLayer = useCallback(async (url: string) => {\n    if (!customizerRef.current) return;\n    try {\n      await customizerRef.current.addImageLayer(url);\n    } catch (error) {\n      console.error('[useCustomizer] addImageLayer failed:', error);\n    }\n  }, []);\n\n  const removeLayer = useCallback((layerId: string) => {\n    if (!customizerRef.current) return;\n    try {\n      customizerRef.current.removeLayer(layerId);\n    } catch (error) {\n      console.error('[useCustomizer] removeLayer failed:', error);\n    }\n  }, []);\n\n  const selectLayer = useCallback((layerId: string | null) => {\n    if (!customizerRef.current) return;\n    try {\n      customizerRef.current.selectLayer(layerId);\n      setSelectedLayerId(layerId);\n    } catch (error) {\n      console.error('[useCustomizer] selectLayer failed:', error);\n    }\n  }, []);\n\n  return {\n    customizerRef,\n    design,\n    canUndo,\n    canRedo,\n    selectedLayerId,\n    isFinalizing,\n    finalizeResult,\n    getDesign,\n    setDesign: setDesignCallback,\n    undo,\n    redo,\n    finalize,\n    addTextLayer,\n    addImageLayer,\n    removeLayer,\n    selectLayer,\n  };\n}\n"],"names":["Customizer","forwardRef","props","ref","templateId","productId","apiUrl","theme","mode","debug","className","style","initialDesign","onReady","onChange","onLayerSelect","onLayerAdd","onLayerRemove","onLayerUpdate","onError","onFinalize","onViewChange","containerRef","useRef","instanceRef","callbacksRef","useEffect","options","design","layerId","error","result","viewName","instance","initCustomizer","useImperativeHandle","text","url","newTheme","newMode","jsx","useCustomizer","autoSave","autoSaveKey","autoSaveDebounce","customizerRef","setDesign","useState","canUndo","setCanUndo","canRedo","setCanRedo","selectedLayerId","setSelectedLayerId","isFinalizing","setIsFinalizing","finalizeResult","setFinalizeResult","autoSaveTimeoutRef","getDesign","useCallback","setDesignCallback","newDesign","undo","redo","finalize","addTextLayer","addImageLayer","removeLayer","selectLayer"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@varianta/sdk",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "description": "Multi-framework JavaScript SDK for product customization",
   "type": "module",
   "main": "./dist/index.cjs.js",
@@ -11,6 +11,11 @@
       "types": "./dist/types/index.d.ts",
       "import": "./dist/index.esm.js",
       "require": "./dist/index.cjs.js"
+    },
+    "./react": {
+      "types": "./dist/types/react/index.d.ts",
+      "import": "./dist/react.esm.js",
+      "require": "./dist/react.cjs.js"
     }
   },
   "files": [

package/dist/index.umd.js

@@ -1,10 +0,0 @@
-(function(C,E){typeof exports=="object"&&typeof module<"u"?E(exports):typeof define=="function"&&define.amd?define(["exports"],E):(C=typeof globalThis<"u"?globalThis:C||self,E(C.CustomizerSDK={}))})(this,(function(C){"use strict";class E{constructor(e){this.animationFrameId=null,this.needsRender=!0,this.areas=[],this.contents=new Map,this.artboard=null,this.bgImageElement=null,this.loadedImages=new Map,this.loadingImages=new Set,this.zoom=1,this.pan={x:0,y:0},this.selectedAreaId=null,this.hoveredHandle=null,this.eventListeners=new Map,this.safeArea=null,this.safeAreaViolations=new Set,this.showAreaBorders=!0,this.areaSelectionEnabled=!0,this.renderLoop=()=>{try{this.needsRender&&(this.render(),this.needsRender=!1,this.emit("render",void 0))}catch(i){console.error("Error in render loop:",i)}this.animationFrameId=requestAnimationFrame(this.renderLoop)},this.canvas=e;const t=e.getContext("2d");if(!t)throw new Error("Failed to get 2D context from canvas");this.ctx=t}start(){this.animationFrameId===null&&this.renderLoop()}stop(){this.animationFrameId!==null&&(cancelAnimationFrame(this.animationFrameId),this.animationFrameId=null)}setArtboard(e){this.artboard=e,this.requestRender()}getArtboard(){return this.artboard}setAreas(e){this.areas=[...e].sort((t,i)=>t.zIndex-i.zIndex),this.requestRender()}getAreas(){return this.areas}setContents(e){this.contents=e,this.loadContentImages(),this.requestRender()}getContents(){return this.contents}updateContent(e,t){this.contents.set(e,t),t.type==="image"&&this.loadContentImages(),this.requestRender(),this.emit("content:change",{areaId:e,content:t})}removeContent(e){this.contents.delete(e),this.loadedImages.delete(e),this.requestRender()}setBackgroundImage(e){if(this.backgroundImage=e,e?.url&&e.url!==this.bgImageElement?.src){const t=new Image;t.crossOrigin="anonymous",t.onload=()=>{this.bgImageElement=t,this.requestRender()},t.onerror=()=>{this.bgImageElement=null,console.error("Failed to load background image:",e.url),this.requestRender()},t.src=e.url}else e?.url||(this.bgImageElement=null);this.requestRender()}setZoom(e){this.zoom=Math.max(.1,Math.min(5,e)),this.requestRender()}setPan(e){this.pan=e,this.requestRender()}getZoom(){return this.zoom}getPan(){return this.pan}setShowAreaBorders(e){this.showAreaBorders=e,this.requestRender()}setAreaSelectionEnabled(e){this.areaSelectionEnabled=e}getCenteredPan(e){if(!this.artboard)return null;const{width:t,height:i}=this.artboard,n=window.devicePixelRatio||1,a=this.canvas.width/n,o=this.canvas.height/n;return{x:(a/e-t)/2,y:(o/e-i)/2}}requestRender(){this.needsRender=!0}fitToView(){if(!this.artboard)return;const e=0,{width:t,height:i}=this.artboard,n=window.devicePixelRatio||1,a=this.canvas.width/n-e*2,o=this.canvas.height/n-e*2;if(a<=0||o<=0)return;const s=a/t,r=o/i,d=Math.min(s,r),l=this.canvas.width/n,c=this.canvas.height/n,u=(l/d-t)/2,p=(c/d-i)/2;this.zoom=d,this.pan={x:u,y:p},this.requestRender()}setSelectedArea(e){this.selectedAreaId!==e&&(this.selectedAreaId=e,this.requestRender(),this.emit("area:select",{areaId:e}))}getSelectedArea(){return this.selectedAreaId}setHoveredHandle(e){this.hoveredHandle!==e&&(this.hoveredHandle=e,this.requestRender())}getHoveredHandle(){return this.hoveredHandle}screenToCanvas(e,t){const i=window.devicePixelRatio||1,n=e/i,a=t/i,o=n/this.zoom-this.pan.x,s=a/this.zoom-this.pan.y;return{x:o,y:s}}getContentBounds(e){const t=this.areas.find(d=>d.id===e);if(!t)return null;const i=this.contents.get(e);if(!i)return null;const{location:n}=t,{x:a,y:o,width:s,height:r}=n;if(i.type==="text"){const d=i.offset||{x:0,y:0},l=i.scale??1,c=i.rotation??0,u=s*l,p=r*l,g=a+s/2+d.x,m=o+r/2+d.y;return{x:g-u/2,y:m-p/2,width:u,height:p,rotation:c,centerX:g,centerY:m}}else if(i.type==="image"){const d=this.loadedImages.get(e);if(!d)return null;const l=i.offset||{x:0,y:0},c=i.scale??1,u=i.rotation??0,p=d.naturalWidth/d.naturalHeight,g=s/r;let m,v;p>g?(m=s,v=s/p):(v=r,m=r*p);const b=m*c,y=v*c,x=a+s/2+l.x,w=o+r/2+l.y;return{x:x-b/2,y:w-y/2,width:b,height:y,rotation:u,centerX:x,centerY:w}}return null}hitTestContent(e,t){if(!this.areaSelectionEnabled)return null;for(let i=this.areas.length-1;i>=0;i--){const n=this.areas[i],a=this.getContentBounds(n.id);if(a&&this.isPointInBounds(e,t,a))return n.id}return null}hitTestArea(e,t){if(!this.areaSelectionEnabled)return null;for(let i=this.areas.length-1;i>=0;i--){const n=this.areas[i],{x:a,y:o,width:s,height:r}=n.location;if(e>=a&&e<=a+s&&t>=o&&t<=o+r)return n.id}return null}isPointInBounds(e,t,i){const{centerX:n,centerY:a,width:o,height:s,rotation:r}=i,d=-r*Math.PI/180,l=Math.cos(d),c=Math.sin(d),u=e-n,p=t-a,g=u*l-p*c,m=u*c+p*l;return g>=-o/2&&g<=o/2&&m>=-s/2&&m<=s/2}getContentHandlePositions(e){const t=this.areas.find(b=>b.id===e);if(!t)return null;const i=this.contents.get(e);if(!i)return null;const n=this.getContentBounds(e);if(!n)return null;const{centerX:a,centerY:o,width:s,height:r,rotation:d}=n,l=6/this.zoom,c=30/this.zoom,u=d*Math.PI/180,p=Math.cos(u),g=Math.sin(u),m=(b,y)=>({x:a+b*p-y*g,y:o+b*g+y*p}),v=[];if(i.type==="image"&&t.imageOptions?.allowScaling||i.type==="text"&&t.textOptions?.allowScaling){const b=s/2,y=r/2,x=m(-b,-y);v.push({type:"nw",...x,radius:l});const w=m(b,-y);v.push({type:"ne",...w,radius:l});const I=m(b,y);v.push({type:"se",...I,radius:l});const T=m(-b,y);v.push({type:"sw",...T,radius:l})}if(i.type==="image"&&t.imageOptions?.allowRotation||i.type==="text"&&t.textOptions?.allowRotation){const b=m(0,-r/2-c);v.push({type:"rotate",...b,radius:l})}return v}hitTestHandle(e,t,i){const n=this.getContentHandlePositions(i);if(!n)return null;for(const a of n){const o=e-a.x,s=t-a.y;if(Math.sqrt(o*o+s*s)<=a.radius*2)return a.type}return null}isPositioningAllowed(e){const t=this.areas.find(n=>n.id===e);if(!t)return!1;const i=this.contents.get(e);return i?i.type==="text"?t.textOptions?.allowPositioning??!1:t.imageOptions?.allowPositioning??!1:!1}getAreaLocation(e){const t=this.areas.find(i=>i.id===e);return t?t.location:null}getArea(e){return this.areas.find(t=>t.id===e)}setSafeArea(e){this.safeArea=e??null,this.requestRender()}checkSafeAreaViolations(){if(!this.safeArea||!this.artboard)return[];const e=[],{top:t,right:i,bottom:n,left:a}=this.safeArea,o=a,s=t,r=this.artboard.width-i,d=this.artboard.height-n;for(const l of this.areas){if(!this.contents.get(l.id))continue;const c=this.getContentBounds(l.id);if(!c)continue;const{centerX:u,centerY:p,width:g,height:m,rotation:v}=c,b=v*Math.PI/180,y=Math.abs(Math.cos(b)),x=Math.abs(Math.sin(b)),w=g*y+m*x,I=g*x+m*y,T=u-w/2,ee=p-I/2,te=u+w/2,ie=p+I/2;(T<o||ee<s||te>r||ie>d)&&e.push(l.id)}return this.safeAreaViolations=new Set(e),this.requestRender(),e}on(e,t){return this.eventListeners.has(e)||this.eventListeners.set(e,new Set),this.eventListeners.get(e).add(t),()=>{this.eventListeners.get(e)?.delete(t)}}emit(e,t){const i=this.eventListeners.get(e);if(i)for(const n of i)n(t)}async exportToPNG(){if(!this.artboard)throw new Error("No artboard configured");const{width:e,height:t,backgroundColor:i}=this.artboard,n=document.createElement("canvas");n.width=e,n.height=t;const a=n.getContext("2d");if(!a)throw new Error("Failed to get 2D context for export");a.fillStyle=i,a.fillRect(0,0,e,t),this.backgroundImage?.position==="behind"&&this.bgImageElement&&this.drawBackgroundImageOnContext(a,e,t);for(const o of this.areas)this.drawAreaContentOnContext(a,o);return this.backgroundImage?.position==="overlay"&&this.bgImageElement&&this.drawBackgroundImageOnContext(a,e,t),new Promise((o,s)=>{n.toBlob(r=>{r?o(r):s(new Error("Failed to create PNG blob"))},"image/png",1)})}loadContentImages(){for(const[e,t]of this.contents)if(t.type==="image"&&!this.loadedImages.has(e)&&!this.loadingImages.has(e)){this.loadingImages.add(e);const i=new Image;i.onload=()=>{this.loadedImages.set(e,i),this.loadingImages.delete(e),this.requestRender()},i.onerror=()=>{this.loadingImages.delete(e),console.error("Failed to load image for area:",e)},i.src=t.dataUrl}for(const e of this.loadedImages.keys()){const t=this.contents.get(e);(!t||t.type!=="image")&&this.loadedImages.delete(e)}}render(){const{ctx:e,canvas:t}=this;if(e.fillStyle="#f3f4f6",e.fillRect(0,0,t.width,t.height),!this.artboard)return;e.save();const i=window.devicePixelRatio||1;e.scale(i,i),e.scale(this.zoom,this.zoom),e.translate(this.pan.x,this.pan.y);const{width:n,height:a,backgroundColor:o}=this.artboard;e.fillStyle=o,e.fillRect(0,0,n,a),e.strokeStyle="#d1d5db",e.lineWidth=1/this.zoom,e.strokeRect(0,0,n,a),this.backgroundImage?.position==="behind"&&this.renderBackgroundImage();for(const s of this.areas)this.renderAreaWithContent(s);this.backgroundImage?.position==="overlay"&&this.renderBackgroundImage(),this.renderSafeAreaGuide();for(const s of this.safeAreaViolations){const r=this.areas.find(p=>p.id===s);if(!r)continue;const{x:d,y:l,width:c,height:u}=r.location;e.save(),e.fillStyle="rgba(239, 68, 68, 0.15)",e.fillRect(d,l,c,u),e.restore()}this.selectedAreaId&&this.renderSelectionOverlay(this.selectedAreaId),e.restore()}renderSelectionOverlay(e){const t=this.getContentBounds(e);if(!t){const l=this.areas.find(v=>v.id===e);if(!l)return;const{ctx:c}=this,{x:u,y:p,width:g,height:m}=l.location;c.save(),c.strokeStyle="#3b82f6",c.lineWidth=2/this.zoom,c.setLineDash([]),c.strokeRect(u,p,g,m),c.restore();return}const{ctx:i}=this,{centerX:n,centerY:a,width:o,height:s,rotation:r}=t;i.save(),i.translate(n,a),i.rotate(r*Math.PI/180),i.strokeStyle="#3b82f6",i.lineWidth=2/this.zoom,i.setLineDash([]),i.strokeRect(-o/2,-s/2,o,s),i.restore();const d=this.getContentHandlePositions(e);if(d)for(const l of d){i.save();const c=this.hoveredHandle===l.type,u=c?"#dbeafe":"#ffffff",p=c?"#2563eb":"#3b82f6";if(l.type==="rotate"){const g=this.getRotatedPoint(n,a-s/2,n,a,r);i.beginPath(),i.strokeStyle=p,i.lineWidth=1/this.zoom,i.setLineDash([4/this.zoom,4/this.zoom]),i.moveTo(g.x,g.y),i.lineTo(l.x,l.y),i.stroke(),i.setLineDash([]),i.beginPath(),i.fillStyle=u,i.strokeStyle=p,i.lineWidth=2/this.zoom,i.arc(l.x,l.y,l.radius,0,Math.PI*2),i.fill(),i.stroke(),i.beginPath(),i.strokeStyle=p,i.lineWidth=1.5/this.zoom,i.arc(l.x,l.y,l.radius*.5,-Math.PI*.8,Math.PI*.5),i.stroke()}else i.fillStyle=u,i.strokeStyle=p,i.lineWidth=2/this.zoom,i.fillRect(l.x-l.radius,l.y-l.radius,l.radius*2,l.radius*2),i.strokeRect(l.x-l.radius,l.y-l.radius,l.radius*2,l.radius*2);i.restore()}}getRotatedPoint(e,t,i,n,a){const o=a*Math.PI/180,s=Math.cos(o),r=Math.sin(o),d=e-i,l=t-n;return{x:i+d*s-l*r,y:n+d*r+l*s}}renderBackgroundImage(){if(!this.bgImageElement||!this.artboard||!this.backgroundImage)return;const{ctx:e}=this,{opacity:t}=this.backgroundImage,{width:i,height:n}=this.artboard;e.save(),e.globalAlpha=t;const a=this.bgImageElement.naturalWidth/this.bgImageElement.naturalHeight,o=i/n;let s,r,d,l;a>o?(r=n,s=n*a,d=(i-s)/2,l=0):(s=i,r=i/a,d=0,l=(n-r)/2),e.drawImage(this.bgImageElement,d,l,s,r),e.restore()}renderSafeAreaGuide(){if(!this.safeArea||!this.artboard)return;const{ctx:e}=this,{top:t,right:i,bottom:n,left:a}=this.safeArea,o=a,s=t,r=this.artboard.width-a-i,d=this.artboard.height-t-n;r<=0||d<=0||(e.save(),e.strokeStyle="#22c55e",e.lineWidth=1/this.zoom,e.setLineDash([6/this.zoom,4/this.zoom]),e.strokeRect(o,s,r,d),e.setLineDash([]),e.restore())}renderAreaWithContent(e){const{ctx:t}=this,{location:i,backgroundColor:n}=e,{x:a,y:o,width:s,height:r}=i;n&&(t.fillStyle=n,t.fillRect(a,o,s,r));const d=this.contents.get(e.id);d&&(d.type==="text"?this.renderTextContent(e,d):d.type==="image"&&this.renderImageContent(e,d)),this.showAreaBorders&&e.showBorder&&(t.save(),t.strokeStyle=e.borderColor||"#3b82f6",t.lineWidth=1/this.zoom,t.setLineDash([4/this.zoom,4/this.zoom]),t.strokeRect(a,o,s,r),t.setLineDash([]),t.restore())}renderTextContent(e,t){if(!t.text.trim())return;const{ctx:i}=this,{location:n}=e,{x:a,y:o,width:s,height:r}=n,d=t.offset||{x:0,y:0},l=t.scale??1,c=t.rotation??0,u=a+s/2+d.x,p=o+r/2+d.y;i.save(),i.beginPath(),i.rect(a,o,s,r),i.clip(),i.translate(u,p),i.rotate(c*Math.PI/180),i.scale(l,l),i.font=`${t.size}px ${t.font}, sans-serif`,i.fillStyle=t.color,i.textBaseline="middle";let g;switch(t.align){case"left":i.textAlign="left",g=-s/2+10;break;case"right":i.textAlign="right",g=s/2-10;break;case"center":default:i.textAlign="center",g=0;break}i.fillText(t.text,g,0),i.restore()}renderImageContent(e,t){const i=this.loadedImages.get(e.id);if(!i)return;const{ctx:n}=this,{location:a}=e,{x:o,y:s,width:r,height:d}=a,l=t.offset||{x:0,y:0},c=t.scale??1,u=t.rotation??0;n.save(),n.beginPath(),n.rect(o,s,r,d),n.clip();const p=i.naturalWidth/i.naturalHeight,g=r/d;let m,v;p>g?(m=r,v=r/p):(v=d,m=d*p);const b=m*c,y=v*c,x=o+r/2+l.x,w=s+d/2+l.y;n.translate(x,w),n.rotate(u*Math.PI/180),n.drawImage(i,-b/2,-y/2,b,y),n.restore()}drawBackgroundImageOnContext(e,t,i){if(!this.bgImageElement||!this.backgroundImage)return;const{opacity:n}=this.backgroundImage;e.save(),e.globalAlpha=n;const a=this.bgImageElement.naturalWidth/this.bgImageElement.naturalHeight,o=t/i;let s,r,d,l;a>o?(r=i,s=i*a,d=(t-s)/2,l=0):(s=t,r=t/a,d=0,l=(i-r)/2),e.drawImage(this.bgImageElement,d,l,s,r),e.restore()}drawAreaContentOnContext(e,t){const{location:i,backgroundColor:n}=t,{x:a,y:o,width:s,height:r}=i;n&&(e.fillStyle=n,e.fillRect(a,o,s,r));const d=this.contents.get(t.id);if(d){if(d.type==="text"){if(!d.text.trim())return;const l=d.offset||{x:0,y:0},c=d.scale??1,u=d.rotation??0,p=a+s/2+l.x,g=o+r/2+l.y;e.save(),e.beginPath(),e.rect(a,o,s,r),e.clip(),e.translate(p,g),e.rotate(u*Math.PI/180),e.scale(c,c),e.font=`${d.size}px ${d.font}, sans-serif`,e.fillStyle=d.color,e.textBaseline="middle";let m;switch(d.align){case"left":e.textAlign="left",m=-s/2+10;break;case"right":e.textAlign="right",m=s/2-10;break;case"center":default:e.textAlign="center",m=0;break}e.fillText(d.text,m,0),e.restore()}else if(d.type==="image"){const l=this.loadedImages.get(t.id);if(!l)return;const c=d.offset||{x:0,y:0},u=d.scale??1,p=d.rotation??0;e.save(),e.beginPath(),e.rect(a,o,s,r),e.clip();const g=l.naturalWidth/l.naturalHeight,m=s/r;let v,b;g>m?(v=s,b=s/g):(b=r,v=r*g);const y=v*u,x=b*u,w=a+s/2+c.x,I=o+r/2+c.y;e.translate(w,I),e.rotate(p*Math.PI/180),e.drawImage(l,-y/2,-x/2,y,x),e.restore()}}}destroy(){this.stop(),this.bgImageElement=null,this.loadedImages.clear(),this.loadingImages.clear(),this.eventListeners.clear()}}function M(f){const e=f.textOptions;return{type:"text",text:e?.defaultText||"",font:e?.defaultFont||"Inter",size:e?.defaultSize||24,color:e?.defaultColor||"#000000",align:e?.defaultAlign||"center"}}function z(f){return f.contentType==="text"||f.contentType==="both"}function P(f){return f.contentType==="image"||f.contentType==="both"}const R=50;class N{constructor(e){this.history=[],this.historyIndex=-1,this.listeners=new Set,this.isRestoring=!1,this.state=this.cloneState(e),this.history.push({state:this.cloneState(e),timestamp:Date.now(),description:"Initial state"}),this.historyIndex=0}getState(){return this.state}setState(e,t,i=!1){const n=this.state;this.state={...this.state,...e},!i&&!this.isRestoring&&this.saveToHistory(n,t),this.notifyListeners()}update(e){this.state={...this.state,...e},this.notifyListeners()}subscribe(e){return this.listeners.add(e),()=>this.listeners.delete(e)}undo(){return this.canUndo()?(this.historyIndex--,this.restoreFromHistory(),!0):!1}redo(){return this.canRedo()?(this.historyIndex++,this.restoreFromHistory(),!0):!1}canUndo(){return this.historyIndex>0}canRedo(){return this.historyIndex<this.history.length-1}clearHistory(){this.history=[],this.historyIndex=-1}getHistory(){return this.history}saveToHistory(e,t){this.historyIndex<this.history.length-1&&(this.history=this.history.slice(0,this.historyIndex+1)),this.history.push({state:this.cloneState(e),timestamp:Date.now(),description:t}),this.history.length>R&&this.history.shift(),this.historyIndex=this.history.length-1}restoreFromHistory(){const e=this.history[this.historyIndex];e&&(this.isRestoring=!0,this.state=this.cloneState(e.state),this.notifyListeners(),this.isRestoring=!1)}notifyListeners(){const e=this.state;for(const t of this.listeners)try{t(e)}catch(i){console.error("Error in state change listener:",i)}}cloneState(e){return JSON.parse(JSON.stringify(e))}}class L{constructor(e){this.listeners=new Set,this.areas=e,this.contents=this.buildInitialContents()}buildInitialContents(){const e=new Map;for(const t of this.areas)z(t)&&e.set(t.id,M(t));return e}getContents(){return this.contents}getContent(e){return this.contents.get(e)}setTextContent(e,t){const i=this.contents.get(e),n=this.areas.find(o=>o.id===e),a=n?M(n):{type:"text",text:"",font:"Inter",size:24,color:"#000000",align:"center"};i?.type==="text"?this.contents.set(e,{...i,...t}):this.contents.set(e,{...a,...t}),this.notify()}setImageContent(e,t,i){const n={type:"image",dataUrl:t,filename:i};this.contents.set(e,n),this.notify()}clearContent(e){const t=this.areas.find(i=>i.id===e);t&&z(t)?this.contents.set(e,M(t)):this.contents.delete(e),this.notify()}setContentOffset(e,t){const i=this.contents.get(e);i&&(this.contents.set(e,{...i,offset:t}),this.notify())}setImageScale(e,t){const i=this.contents.get(e);if(!i||i.type!=="image")return;const n=Math.max(.1,Math.min(5,t));this.contents.set(e,{...i,scale:n}),this.notify()}setImageRotation(e,t){const i=this.contents.get(e);if(!i||i.type!=="image")return;let n=t%360;n<0&&(n+=360),this.contents.set(e,{...i,rotation:n}),this.notify()}reset(){this.contents=this.buildInitialContents(),this.notify()}toJSON(){return Array.from(this.contents.entries())}fromJSON(e){this.contents=new Map(e),this.notify()}setContentsQuiet(e){this.contents=new Map(e)}subscribe(e){return this.listeners.add(e),()=>this.listeners.delete(e)}notify(){for(const e of this.listeners)try{e()}catch(t){console.error("Error in AreaContentManager listener:",t)}}}class S{constructor(){this.listeners=new Map}on(e,t){return this.listeners.has(e)||this.listeners.set(e,new Set),this.listeners.get(e).add(t),()=>this.off(e,t)}once(e,t){const i=n=>{t(n),this.off(e,i)};return this.on(e,i)}off(e,t){const i=this.listeners.get(e);i&&(i.delete(t),i.size===0&&this.listeners.delete(e))}emit(e,t){const i=this.listeners.get(e);if(i){const n=Array.from(i);for(const a of n)try{a(t)}catch(o){console.error(`Error in event handler for "${String(e)}":`,o)}}}clear(e){e?this.listeners.delete(e):this.listeners.clear()}listenerCount(e){return this.listeners.get(e)?.size??0}}class U extends S{constructor(){super(...arguments),this.activeTouches=new Map,this.initialPinchDistance=null,this.lastPinchCenter=null,this.isTwoFingerGesture=!1}get isMultiTouch(){return this.isTwoFingerGesture}handleTouchStart(e){for(let t=0;t<e.changedTouches.length;t++){const i=e.changedTouches[t];this.activeTouches.set(i.identifier,{x:i.clientX,y:i.clientY})}if(this.activeTouches.size===2){this.isTwoFingerGesture=!0,e.preventDefault();const[t,i]=Array.from(this.activeTouches.values());this.initialPinchDistance=this.getDistance(t,i),this.lastPinchCenter=this.getCenter(t,i)}}handleTouchMove(e){for(let t=0;t<e.changedTouches.length;t++){const i=e.changedTouches[t];this.activeTouches.set(i.identifier,{x:i.clientX,y:i.clientY})}if(this.activeTouches.size===2&&this.initialPinchDistance!==null&&this.lastPinchCenter){e.preventDefault();const[t,i]=Array.from(this.activeTouches.values()),n=this.getDistance(t,i),a=this.getCenter(t,i),o=n/this.initialPinchDistance;this.emit("pinch",{scale:o,centerX:a.x,centerY:a.y});const s=a.x-this.lastPinchCenter.x,r=a.y-this.lastPinchCenter.y;(Math.abs(s)>.5||Math.abs(r)>.5)&&this.emit("pan",{deltaX:s,deltaY:r}),this.initialPinchDistance=n,this.lastPinchCenter=a}}handleTouchEnd(e){for(let t=0;t<e.changedTouches.length;t++){const i=e.changedTouches[t];this.activeTouches.delete(i.identifier)}this.activeTouches.size<2&&(this.initialPinchDistance=null,this.lastPinchCenter=null,this.isTwoFingerGesture=!1)}reset(){this.activeTouches.clear(),this.initialPinchDistance=null,this.lastPinchCenter=null,this.isTwoFingerGesture=!1}getDistance(e,t){const i=t.x-e.x,n=t.y-e.y;return Math.sqrt(i*i+n*n)}getCenter(e,t){return{x:(e.x+t.x)/2,y:(e.y+t.y)/2}}}class O extends S{constructor(e,t,i,n){super(),this.interactionState={mode:"idle"},this.initialPinchZoom=1,this.canvas=e,this.engine=t,this.getContents=i,this.getSelectedAreaId=n,this.gestureHandler=new U,this.boundMouseDown=this.handleMouseDown.bind(this),this.boundMouseMove=this.handleMouseMove.bind(this),this.boundMouseUp=this.handleMouseUp.bind(this),this.boundMouseLeave=this.handleMouseLeave.bind(this),this.boundContextMenu=this.handleContextMenu.bind(this),this.boundDoubleClick=this.handleDoubleClick.bind(this),this.boundTouchStart=this.handleTouchStart.bind(this),this.boundTouchMove=this.handleTouchMove.bind(this),this.boundTouchEnd=this.handleTouchEnd.bind(this),e.addEventListener("mousedown",this.boundMouseDown),e.addEventListener("mousemove",this.boundMouseMove),e.addEventListener("mouseup",this.boundMouseUp),e.addEventListener("mouseleave",this.boundMouseLeave),e.addEventListener("contextmenu",this.boundContextMenu),e.addEventListener("dblclick",this.boundDoubleClick),e.addEventListener("touchstart",this.boundTouchStart,{passive:!1}),e.addEventListener("touchmove",this.boundTouchMove,{passive:!1}),e.addEventListener("touchend",this.boundTouchEnd),this.gestureHandler.on("pinch",({scale:a})=>{const o=Math.max(.1,Math.min(5,this.initialPinchZoom*a));this.emit("zoom",{zoom:o})}),this.gestureHandler.on("pan",({deltaX:a,deltaY:o})=>{const s=this.engine.getPan(),r=this.engine.getZoom();this.emit("pan",{pan:{x:s.x+a/r,y:s.y+o/r}})})}getCanvasPosition(e,t){const i=this.canvas.getBoundingClientRect(),n=window.devicePixelRatio||1,a=(e-i.left)*n,o=(t-i.top)*n;return this.engine.screenToCanvas(a,o)}handleMouseDown(e){const t=this.getCanvasPosition(e.clientX,e.clientY);this.processPointerDown(t)}handleMouseMove(e){const t=this.getCanvasPosition(e.clientX,e.clientY);this.processPointerMove(t)}handleMouseUp(){this.processPointerUp()}handleMouseLeave(){this.processPointerUp(),this.emit("cursor",{cursor:"default"})}handleContextMenu(e){e.preventDefault()}handleDoubleClick(e){const t=this.getCanvasPosition(e.clientX,e.clientY);let i=this.engine.hitTestContent(t.x,t.y);i||(i=this.engine.hitTestArea(t.x,t.y)??null),this.emit("context-menu",{areaId:i,clientX:e.clientX,clientY:e.clientY})}handleTouchStart(e){if(this.gestureHandler.handleTouchStart(e),this.gestureHandler.isMultiTouch){this.initialPinchZoom=this.engine.getZoom(),this.interactionState.mode!=="idle"&&(this.interactionState={mode:"idle"});return}if(e.touches.length!==1)return;const t=e.touches[0],i=this.getCanvasPosition(t.clientX,t.clientY);this.processPointerDown(i)&&e.preventDefault()}handleTouchMove(e){if(this.gestureHandler.handleTouchMove(e),this.gestureHandler.isMultiTouch||e.touches.length!==1||this.interactionState.mode==="idle")return;const t=e.touches[0],i=this.getCanvasPosition(t.clientX,t.clientY);this.processPointerMove(i),e.preventDefault()}handleTouchEnd(e){this.gestureHandler.handleTouchEnd(e),this.gestureHandler.isMultiTouch||this.processPointerUp()}processPointerDown(e){const t=this.getSelectedAreaId(),i=this.getContents();if(t){const o=this.engine.hitTestHandle(e.x,e.y,t);if(o){const s=i.get(t),r=this.engine.getContentBounds(t);if(o==="rotate"&&s?.type==="image"&&r){const d=Math.atan2(e.y-r.centerY,e.x-r.centerX)*(180/Math.PI);return this.interactionState={mode:"rotating",areaId:t,startRotation:s.rotation??0,centerPoint:{x:r.centerX,y:r.centerY},startAngle:d},!0}else if(o!=="rotate"&&s?.type==="image"&&r)return this.interactionState={mode:"scaling",areaId:t,handle:o,startScale:s.scale??1,startMousePos:e,pivotPoint:{x:r.centerX,y:r.centerY}},!0}}const n=this.engine.hitTestContent(e.x,e.y);if(n){if(this.emit("area:select",{areaId:n}),this.engine.isPositioningAllowed(n)){const o=i.get(n)?.offset??{x:0,y:0};return this.interactionState={mode:"dragging",areaId:n,startOffset:o,startMousePos:e},!0}return!0}const a=this.engine.hitTestArea(e.x,e.y);return a?(this.emit("area:select",{areaId:a}),!1):(this.emit("area:select",{areaId:null}),!1)}processPointerMove(e){if(this.interactionState.mode==="dragging"){const{areaId:t,startOffset:i,startMousePos:n}=this.interactionState,a=e.x-n.x,o=e.y-n.y;let s={x:i.x+a,y:i.y+o};const r=this.engine.getAreaLocation(t);if(r){const d=r.width/2-10,l=r.height/2-10;s.x=Math.max(-d,Math.min(d,s.x)),s.y=Math.max(-l,Math.min(l,s.y))}this.emit("content:drag",{areaId:t,offset:s});return}if(this.interactionState.mode==="scaling"){const{areaId:t,startScale:i,startMousePos:n,pivotPoint:a}=this.interactionState,o=Math.sqrt(Math.pow(n.x-a.x,2)+Math.pow(n.y-a.y,2)),s=Math.sqrt(Math.pow(e.x-a.x,2)+Math.pow(e.y-a.y,2));if(o>0){const r=s/o,d=Math.max(.1,Math.min(5,i*r));this.emit("content:scale",{areaId:t,scale:d})}return}if(this.interactionState.mode==="rotating"){const{areaId:t,startRotation:i,centerPoint:n,startAngle:a}=this.interactionState,o=Math.atan2(e.y-n.y,e.x-n.x)*(180/Math.PI);let s=i+(o-a);s=s%360,s<0&&(s+=360);const r=[0,90,180,270,360];for(const d of r)if(Math.abs(s-d)<5){s=d===360?0:d;break}this.emit("content:rotate",{areaId:t,rotation:s});return}this.updateCursor(e)}processPointerUp(){this.interactionState.mode!=="idle"&&(this.interactionState={mode:"idle"})}updateCursor(e){const t=this.getSelectedAreaId();let i="default";if(t){const n=this.engine.hitTestHandle(e.x,e.y,t);n?i=n==="rotate"?"crosshair":n==="nw"||n==="se"?"nwse-resize":"nesw-resize":this.engine.hitTestContent(e.x,e.y)===t&&(i=this.engine.isPositioningAllowed(t)?"move":"pointer")}else this.engine.hitTestContent(e.x,e.y)&&(i="pointer");this.emit("cursor",{cursor:i})}setSelectedArea(e){this.engine.setSelectedArea(e)}destroy(){this.canvas.removeEventListener("mousedown",this.boundMouseDown),this.canvas.removeEventListener("mousemove",this.boundMouseMove),this.canvas.removeEventListener("mouseup",this.boundMouseUp),this.canvas.removeEventListener("mouseleave",this.boundMouseLeave),this.canvas.removeEventListener("contextmenu",this.boundContextMenu),this.canvas.removeEventListener("dblclick",this.boundDoubleClick),this.canvas.removeEventListener("touchstart",this.boundTouchStart),this.canvas.removeEventListener("touchmove",this.boundTouchMove),this.canvas.removeEventListener("touchend",this.boundTouchEnd),this.gestureHandler.reset(),this.clear()}}class V{constructor(e="/api"){this.baseUrl=e}async getTemplate(e){try{const t=await fetch(`${this.baseUrl}/templates/${e}`);if(!t.ok){let i=`Failed to load template (${t.status} ${t.statusText}): ${e}
-
-`;throw t.status===404?i+="Template not found.":t.status===403?i+="Access forbidden.":t.status>=500&&(i+="Server error."),new Error(i)}return(await t.json()).templateJson}catch(t){throw t instanceof Error&&t.message.includes("Failed to fetch")?new Error(`Network error loading template: ${e}`):t}}async getProduct(e){try{const t=await fetch(`${this.baseUrl}/products/${e}`);if(!t.ok){let i=`Failed to load product (${t.status} ${t.statusText}): ${e}
-
-`;throw t.status===404?i+="Product not found.":t.status===403?i+="Access forbidden.":t.status>=500&&(i+="Server error."),new Error(i)}return t.json()}catch(t){throw t instanceof Error&&t.message.includes("Failed to fetch")?new Error(`Network error loading product: ${e}`):t}}async finalizeDesign(e,t){try{const i=await fetch(`${this.baseUrl}/finalize`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({shopId:e,templateId:t.templateId,designJson:t})});if(!i.ok){let n=`Failed to finalize design (${i.status} ${i.statusText})
-
-`;if(i.status===400){const a=await i.json().catch(()=>({}));n+=a.error||"Invalid design data."}else i.status===429?n+="Rate limit exceeded.":i.status>=500&&(n+="Server error.");throw new Error(n)}return i.json()}catch(i){throw i instanceof Error&&i.message.includes("Failed to fetch")?new Error("Network error finalizing design"):i}}async uploadAsset(e,t){try{const i=new FormData;i.append("shopId",t),i.append("file",e);const n=await fetch(`${this.baseUrl}/assets/upload`,{method:"POST",body:i});if(!n.ok){let a=`Failed to upload asset (${n.status} ${n.statusText})
-
-`;if(n.status===400){const o=await n.json().catch(()=>({}));a+=o.error||"Invalid file."}else n.status===413?a+="File too large (max 15MB).":n.status>=500&&(a+="Server error.");throw new Error(a)}return n.json()}catch(i){throw i instanceof Error&&i.message.includes("Failed to fetch")?new Error("Network error uploading asset"):i}}async getStorageUsage(e){try{const t=await fetch(`${this.baseUrl}/assets/usage?shopId=${encodeURIComponent(e)}`);if(!t.ok)throw new Error(`Failed to fetch storage usage (${t.status})`);return t.json()}catch(t){throw t instanceof Error&&t.message.includes("Failed to fetch")?new Error("Network error fetching storage usage"):t}}}function h(f,e,...t){const i=document.createElement(f);return e&&Object.entries(e).forEach(([n,a])=>{n==="class"?i.className=a:n in i?i[n]=a:i.setAttribute(n,String(a))}),t.forEach(n=>{typeof n=="string"?i.appendChild(document.createTextNode(n)):i.appendChild(n)}),i}function F(f,e){let t=null,i=null;const n=(...a)=>{i=a,t&&clearTimeout(t),t=setTimeout(()=>{i&&f(...i),t=null,i=null},e)};return n.flush=()=>{t&&(clearTimeout(t),t=null),i&&(f(...i),i=null)},n.cancel=()=>{t&&(clearTimeout(t),t=null),i=null},n}class $ extends S{constructor(){super(),this.percentLabel=h("span",{class:"zoom-percent"},"100%");const e=h("button",{class:"zoom-btn",title:"Zoom out"},"−");e.addEventListener("click",()=>this.emit("zoom-out",void 0));const t=h("button",{class:"zoom-btn",title:"Fit to view"},"Fit");t.addEventListener("click",()=>this.emit("zoom-fit",void 0));const i=h("button",{class:"zoom-btn",title:"Zoom in"},"+");i.addEventListener("click",()=>this.emit("zoom-in",void 0)),this.viewSelect=document.createElement("select"),this.viewSelect.className="view-select",this.viewSelect.title="Switch view",this.viewSelect.style.display="none",this.viewSelect.addEventListener("change",()=>{this.emit("view-change",{viewName:this.viewSelect.value})}),this.element=h("div",{class:"zoom-toolbar"}),this.element.appendChild(e),this.element.appendChild(t),this.element.appendChild(i),this.element.appendChild(this.percentLabel),this.element.appendChild(this.viewSelect);const n=h("div",{class:"zoom-toolbar-spacer"});this.element.appendChild(n);const a=h("button",{class:"zoom-btn zoom-close-btn",title:"Close editor"},"✕ Close");a.addEventListener("click",()=>this.emit("close",void 0)),this.element.appendChild(a),this.saveBtn=h("button",{class:"zoom-btn zoom-save-btn",title:"Save customization"},"Save Customization"),this.saveBtn.style.display="none",this.saveBtn.addEventListener("click",()=>this.emit("save",void 0)),this.element.appendChild(this.saveBtn)}setZoom(e){this.percentLabel.textContent=`${Math.round(e*100)}%`}showSaveButton(e){this.saveBtn.style.display=e?"":"none"}setSaveDisabled(e,t){this.saveBtn.disabled=e,t&&(this.saveBtn.textContent=t)}setViews(e){this.viewSelect.innerHTML="";for(const t of e){const i=document.createElement("option");i.value=t.viewName,i.textContent=t.viewName,this.viewSelect.appendChild(i)}this.viewSelect.style.display=e.length>1?"":"none"}setActiveView(e){this.viewSelect.value=e}getElement(){return this.element}}const H=[{label:"Inter",value:"Inter"},{label:"Arial",value:"Arial"},{label:"Georgia",value:"Georgia"},{label:"Times New Roman",value:"Times New Roman"},{label:"Courier New",value:"Courier New"}],B=[{label:"L",value:"left"},{label:"C",value:"center"},{label:"R",value:"right"}],A=["image/png","image/jpeg","image/webp","image/svg+xml"],Z=15*1024*1024;class D extends S{constructor(e){super(),this.mode="text",this.isSelected=!1,this.textInputEl=null,this.fontSelectEl=null,this.sizeInputEl=null,this.colorInputEl=null,this.alignGroupEl=null,this.area=e;const t=z(e),i=P(e);this.mode=i&&!t?"image":"text",this.element=h("div",{class:"area-card"}),this.element.addEventListener("click",r=>{r.target.tagName==="INPUT"||r.target.tagName==="SELECT"||r.target.tagName==="BUTTON"||this.emit("select",{areaId:e.id})});const n=h("div",{class:"area-card-header"}),a=h("div",{class:"area-card-name-row"}),o=h("span",{class:"area-card-name"},e.name);if(a.appendChild(o),e.required){const r=h("span",{class:"area-card-badge"},"Required");a.appendChild(r)}n.appendChild(a);const s=h("button",{class:"area-card-reset-btn",title:"Reset content"},"Reset");if(s.addEventListener("click",r=>{r.stopPropagation(),this.emit("clear",{areaId:e.id})}),n.appendChild(s),this.element.appendChild(n),t&&i){const r=h("div",{class:"area-card-mode-switcher"}),d=h("button",{class:"mode-btn mode-btn-active"},"Text");d.dataset.mode="text";const l=h("button",{class:"mode-btn"},"Image");l.dataset.mode="image",d.addEventListener("click",c=>{c.stopPropagation(),this.setMode("text"),d.classList.add("mode-btn-active"),l.classList.remove("mode-btn-active"),this.currentContent?.type==="image"&&this.emit("clear",{areaId:e.id})}),l.addEventListener("click",c=>{c.stopPropagation(),this.setMode("image"),l.classList.add("mode-btn-active"),d.classList.remove("mode-btn-active"),this.currentContent?.type==="text"&&this.emit("clear",{areaId:e.id})}),r.appendChild(d),r.appendChild(l),this.element.appendChild(r)}this.contentContainer=h("div",{class:"area-card-content"}),this.element.appendChild(this.contentContainer),this.transformContainer=h("div",{class:"area-card-transforms"}),this.element.appendChild(this.transformContainer),this.renderContent()}setMode(e){this.mode=e,this.renderContent()}setContent(e){const t=this.currentContent?.type;this.currentContent=e,e?.type==="image"&&(this.mode="image"),this.element.querySelectorAll(".mode-btn").forEach(i=>{const n=i;n.classList.toggle("mode-btn-active",n.dataset.mode===this.mode)}),e?.type!==t||e?.type==="image"||e===void 0?this.renderContent():e?.type==="text"&&this.updateTextValues(e),this.renderTransforms()}setSelected(e){this.isSelected=e,this.element.classList.toggle("area-card-selected",e),this.renderTransforms()}updateTextValues(e){this.textInputEl&&this.textInputEl.value!==e.text&&(this.textInputEl.value=e.text),this.fontSelectEl&&this.fontSelectEl.value!==e.font&&(this.fontSelectEl.value=e.font),this.sizeInputEl&&this.sizeInputEl.value!==String(e.size)&&(this.sizeInputEl.value=String(e.size)),this.colorInputEl&&this.colorInputEl.value!==e.color&&(this.colorInputEl.value=e.color),this.alignGroupEl&&this.alignGroupEl.querySelectorAll(".align-btn").forEach(t=>{const i=t,n=i.title==="Left"?"left":i.title==="Center"?"center":"right";i.classList.toggle("align-btn-active",n===e.align)})}renderContent(){this.contentContainer.innerHTML="",this.textInputEl=null,this.fontSelectEl=null,this.sizeInputEl=null,this.colorInputEl=null,this.alignGroupEl=null;const e=z(this.area),t=P(this.area),i=!t||e&&t&&this.mode==="text",n=!e||e&&t&&this.mode==="image";e&&i&&this.renderTextControls(),t&&n&&this.renderImageControls()}renderTextControls(){const e=this.currentContent,t=e?.type==="text"?e:M(this.area),i=h("input",{class:"area-input-text",type:"text",placeholder:this.area.placeholder||"Enter text..."});i.value=t.text,this.area.textOptions?.maxLength&&(i.maxLength=this.area.textOptions.maxLength),i.addEventListener("input",()=>{this.emit("text:change",{areaId:this.area.id,updates:{text:i.value}})}),this.contentContainer.appendChild(i),this.textInputEl=i;const n=h("div",{class:"area-input-row"}),a=h("select",{class:"area-input-font"});for(const l of H){const c=h("option");c.value=l.value,c.textContent=l.label,l.value===t.font&&(c.selected=!0),a.appendChild(c)}a.addEventListener("change",()=>{this.emit("text:change",{areaId:this.area.id,updates:{font:a.value}})}),n.appendChild(a),this.fontSelectEl=a;const o=h("input",{class:"area-input-size",type:"number"});o.value=String(t.size),o.min=String(this.area.textOptions?.minSize||8),o.max=String(this.area.textOptions?.maxSize||200),o.addEventListener("change",()=>{this.emit("text:change",{areaId:this.area.id,updates:{size:parseInt(o.value,10)||24}})}),n.appendChild(o),this.sizeInputEl=o,this.contentContainer.appendChild(n);const s=h("div",{class:"area-input-row"}),r=h("div",{class:"area-input-align"});for(const l of B){const c=h("button",{class:`align-btn${t.align===l.value?" align-btn-active":""}`,title:l.label==="L"?"Left":l.label==="C"?"Center":"Right"},l.label);c.addEventListener("click",u=>{u.stopPropagation(),this.emit("text:change",{areaId:this.area.id,updates:{align:l.value}}),r.querySelectorAll(".align-btn").forEach(p=>p.classList.remove("align-btn-active")),c.classList.add("align-btn-active")}),r.appendChild(c)}s.appendChild(r),this.alignGroupEl=r;const d=h("input",{class:"area-input-color",type:"color"});d.value=t.color,d.addEventListener("input",()=>{this.emit("text:change",{areaId:this.area.id,updates:{color:d.value}})}),s.appendChild(d),this.colorInputEl=d,this.contentContainer.appendChild(s)}renderImageControls(){const e=this.currentContent;if(e?.type==="image"){const t=h("div",{class:"area-image-preview"}),i=h("img",{class:"area-image-thumb"});i.src=e.dataUrl,i.alt=e.filename||"Uploaded image",t.appendChild(i);const n=h("div",{class:"area-image-info"});n.appendChild(h("span",{class:"area-image-name"},e.filename||"Image"));const a=h("button",{class:"area-image-remove-btn"},"Remove");a.addEventListener("click",o=>{o.stopPropagation(),this.emit("clear",{areaId:this.area.id})}),n.appendChild(a),t.appendChild(n),this.contentContainer.appendChild(t)}else{const t=h("button",{class:"area-upload-btn"},"Upload Image"),i=h("input",{type:"file"});i.accept=A.join(","),i.style.display="none";const n=h("div",{class:"area-validation-error"});n.style.display="none",i.addEventListener("change",()=>{const a=i.files?.[0];if(!a)return;if(!A.includes(a.type)){const s="Only PNG, JPEG, WebP, and SVG images are accepted";n.textContent=s,n.style.display="block",this.emit("validation:error",{areaId:this.area.id,message:s}),i.value="";return}if(a.size>Z){const s="File must be smaller than 15MB";n.textContent=s,n.style.display="block",this.emit("validation:error",{areaId:this.area.id,message:s}),i.value="";return}n.style.display="none";const o=new FileReader;o.onload=()=>{const s=o.result;this.emit("image:change",{areaId:this.area.id,dataUrl:s,filename:a.name})},o.readAsDataURL(a),i.value=""}),t.addEventListener("click",a=>{a.stopPropagation(),i.click()}),this.contentContainer.appendChild(t),this.contentContainer.appendChild(i),this.contentContainer.appendChild(n)}}renderTransforms(){this.transformContainer.innerHTML="";const e=this.currentContent;if(!this.isSelected||!e)return;const t=e.type==="text"?this.area.textOptions?.allowPositioning:this.area.imageOptions?.allowPositioning,i=e.type==="image"&&this.area.imageOptions?.allowScaling,n=e.type==="image"&&this.area.imageOptions?.allowRotation;if(!t&&!i&&!n)return;const a=h("div",{class:"area-card-divider"});this.transformContainer.appendChild(a);const o=h("div",{class:"transform-header"});o.appendChild(h("span",{class:"transform-title"},"Transform"));const s=h("button",{class:"transform-reset-btn"},"Reset");s.addEventListener("click",d=>{d.stopPropagation(),t&&this.emit("offset:change",{areaId:this.area.id,offset:{x:0,y:0}}),i&&this.emit("scale:change",{areaId:this.area.id,scale:1}),n&&this.emit("rotation:change",{areaId:this.area.id,rotation:0})}),o.appendChild(s),this.transformContainer.appendChild(o);const r=e.offset??{x:0,y:0};if(t){const d=h("div",{class:"area-input-row"}),l=h("label",{class:"transform-label"},"X"),c=h("input",{class:"transform-input",type:"number"});c.value=String(Math.round(r.x)),c.addEventListener("change",()=>{this.emit("offset:change",{areaId:this.area.id,offset:{...r,x:parseInt(c.value,10)||0}})});const u=h("label",{class:"transform-label"},"Y"),p=h("input",{class:"transform-input",type:"number"});p.value=String(Math.round(r.y)),p.addEventListener("change",()=>{this.emit("offset:change",{areaId:this.area.id,offset:{...r,y:parseInt(p.value,10)||0}})}),d.appendChild(l),d.appendChild(c),d.appendChild(u),d.appendChild(p),this.transformContainer.appendChild(d)}if(i&&e.type==="image"){const d=e.scale??1,l=h("div",{class:"area-input-row transform-slider-row"}),c=h("label",{class:"transform-label"},`Scale: ${Math.round(d*100)}%`),u=h("input",{class:"transform-slider",type:"range"});u.min="10",u.max="500",u.step="5",u.value=String(Math.round(d*100)),u.addEventListener("input",()=>{const p=parseInt(u.value,10)/100;c.textContent=`Scale: ${Math.round(p*100)}%`,this.emit("scale:change",{areaId:this.area.id,scale:p})}),l.appendChild(c),l.appendChild(u),this.transformContainer.appendChild(l)}if(n&&e.type==="image"){const d=e.rotation??0,l=h("div",{class:"area-input-row transform-slider-row"}),c=h("label",{class:"transform-label"},`Rotation: ${Math.round(d)}°`),u=h("input",{class:"transform-slider",type:"range"});u.min="0",u.max="360",u.step="1",u.value=String(Math.round(d)),u.addEventListener("input",()=>{const p=parseInt(u.value,10);c.textContent=`Rotation: ${p}°`,this.emit("rotation:change",{areaId:this.area.id,rotation:p})}),l.appendChild(c),l.appendChild(u),this.transformContainer.appendChild(l)}}getElement(){return this.element}}class q extends S{constructor(e){super(),this.cards=new Map,this.isMobile=!1,this.boundEscapeHandler=n=>{n.key==="Escape"&&this.emit("dismiss",void 0)},this.backdrop=h("div",{class:"area-panel-backdrop"}),this.backdrop.addEventListener("click",()=>{this.emit("dismiss",void 0)}),this.element=h("div",{class:"area-panel"});const t=h("div",{class:"area-panel-header"});t.appendChild(h("span",{class:"area-panel-title"},"Customize"));const i=h("button",{class:"area-panel-close-btn",title:"Close"},"×");if(i.addEventListener("click",()=>{this.emit("dismiss",void 0)}),t.appendChild(i),this.element.appendChild(t),this.panelContent=h("div",{class:"area-panel-content"}),e.length===0){const n=h("p",{class:"area-panel-empty"},"No customization areas defined.");this.panelContent.appendChild(n)}else for(const n of e){const a=new D(n);this.cards.set(n.id,a),a.on("text:change",o=>this.emit("text:change",o)),a.on("image:change",o=>this.emit("image:change",o)),a.on("clear",o=>this.emit("clear",o)),a.on("select",o=>this.emit("select",o)),a.on("offset:change",o=>this.emit("offset:change",o)),a.on("scale:change",o=>this.emit("scale:change",o)),a.on("rotation:change",o=>this.emit("rotation:change",o)),a.on("validation:error",o=>this.emit("validation:error",o)),this.panelContent.appendChild(a.getElement())}this.element.appendChild(this.panelContent)}setAreas(e){if(this.cards.clear(),this.panelContent.innerHTML="",e.length===0){const t=h("p",{class:"area-panel-empty"},"No customization areas defined.");this.panelContent.appendChild(t)}else for(const t of e){const i=new D(t);this.cards.set(t.id,i),i.on("text:change",n=>this.emit("text:change",n)),i.on("image:change",n=>this.emit("image:change",n)),i.on("clear",n=>this.emit("clear",n)),i.on("select",n=>this.emit("select",n)),i.on("offset:change",n=>this.emit("offset:change",n)),i.on("scale:change",n=>this.emit("scale:change",n)),i.on("rotation:change",n=>this.emit("rotation:change",n)),i.on("validation:error",n=>this.emit("validation:error",n)),this.panelContent.appendChild(i.getElement())}}setContents(e){for(const[t,i]of this.cards)i.setContent(e.get(t))}setSelectedArea(e){for(const[t,i]of this.cards){const n=t===e;i.setSelected(n),i.getElement().style.display=n?"":"none"}e?(this.element.classList.add("area-panel-visible"),this.isMobile&&this.backdrop.classList.add("area-panel-backdrop-visible"),document.addEventListener("keydown",this.boundEscapeHandler)):(this.element.classList.remove("area-panel-visible"),this.isMobile&&this.backdrop.classList.remove("area-panel-backdrop-visible"),document.removeEventListener("keydown",this.boundEscapeHandler))}setMobile(e){this.isMobile=e,this.element.classList.toggle("area-panel-mobile",e),e||(this.element.classList.remove("area-panel-visible"),this.backdrop.classList.remove("area-panel-backdrop-visible"))}getElement(){return this.element}getBackdrop(){return this.backdrop}}class Y{constructor(e=window){this.target=e,this.commands=[],this.isEnabled=!0,this.handleKeyDown=t=>{if(!this.isEnabled)return;const i=t.target;if(!(i.tagName==="INPUT"||i.tagName==="TEXTAREA"||i.isContentEditable)){for(const n of this.commands)if(this.matchesCommand(t,n)){t.preventDefault(),n.handler(t);break}}},this.target.addEventListener("keydown",this.handleKeyDown)}register(e){return this.commands.push(e),()=>{const t=this.commands.indexOf(e);t!==-1&&this.commands.splice(t,1)}}enable(){this.isEnabled=!0}disable(){this.isEnabled=!1}isActive(){return this.isEnabled}matchesCommand(e,t){return!(e.key.toLowerCase()!==t.key.toLowerCase()||t.ctrl!==void 0&&t.ctrl!==e.ctrlKey||t.shift!==void 0&&t.shift!==e.shiftKey||t.alt!==void 0&&t.alt!==e.altKey||t.meta!==void 0&&t.meta!==e.metaKey)}destroy(){this.target.removeEventListener("keydown",this.handleKeyDown),this.commands=[]}}function j(){return/Mac|iPod|iPhone|iPad/.test(navigator.platform)}function X(){return j()?"meta":"ctrl"}function W(f,e,t,i){const n=f/t,a=e/i;return Math.min(n,a)}function J(f,e,t=8,i=10,n=300){const a=W(f,e,t,i),o=a>=n;return{actualDPI:Math.round(a),targetDPI:n,width:f,height:e,passed:o,warning:o?void 0:`Image resolution is ${Math.round(a)} DPI at 100% scale. For best print quality, use images with at least ${n} DPI. This may result in pixelated or blurry prints.`}}const k=':host{--editor-bg: #f3f4f6;--editor-surface: #ffffff;--editor-border: #e5e7eb;--editor-text: #111827;--editor-text-muted: #6b7280;--editor-primary: #3b82f6;--editor-primary-hover: #2563eb;--editor-danger: #ef4444;--editor-radius: 8px;--editor-radius-sm: 4px;--editor-font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--editor-panel-width: 280px;display:block;width:100%;height:100%;font-family:var(--editor-font);font-size:13px;color:var(--editor-text);line-height:1.4}:host([theme="dark"]){--editor-bg: #1f2937;--editor-surface: #374151;--editor-border: #4b5563;--editor-text: #f9fafb;--editor-text-muted: #9ca3af}.editor-container{display:flex;flex-direction:column;width:100%;height:100%;position:relative;overflow:hidden;background:var(--editor-bg)}.layout-desktop .editor-main{display:flex;flex:1;min-height:0}.layout-desktop .canvas-area{flex:1;min-width:0;position:relative;display:flex;flex-direction:column}.layout-desktop .area-panel{width:var(--editor-panel-width);border-left:1px solid var(--editor-border);background:var(--editor-surface);display:none;flex-direction:column;overflow:hidden}.layout-desktop .area-panel.area-panel-visible{display:flex}.layout-mobile .editor-main{display:flex;flex-direction:column;flex:1;min-height:0}.layout-mobile .canvas-area{flex:1;position:relative;display:flex;flex-direction:column;min-height:0}.layout-mobile .area-panel{position:absolute;bottom:0;left:0;right:0;max-height:50%;background:var(--editor-surface);border-top:1px solid var(--editor-border);border-radius:var(--editor-radius) var(--editor-radius) 0 0;box-shadow:0 -4px 20px #00000026;transform:translateY(100%);transition:transform .25s ease-out;z-index:20;display:flex;flex-direction:column;overflow:hidden}.layout-mobile .area-panel.area-panel-visible{transform:translateY(0)}.area-panel-backdrop{display:none}.layout-mobile .area-panel-backdrop{display:block;position:absolute;inset:0;background:#0000004d;z-index:15;opacity:0;pointer-events:none;transition:opacity .25s ease-out}.layout-mobile .area-panel-backdrop.area-panel-backdrop-visible{opacity:1;pointer-events:auto}.zoom-toolbar{display:flex;align-items:center;gap:4px;padding:8px 12px;background:var(--editor-surface);border-bottom:1px solid var(--editor-border)}.zoom-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--editor-border);border-radius:var(--editor-radius-sm);background:var(--editor-surface);color:var(--editor-text);cursor:pointer;font-size:14px;font-family:var(--editor-font);transition:background .15s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.zoom-btn:hover{background:var(--editor-bg)}.zoom-btn:active{background:var(--editor-border)}.zoom-percent{margin-left:8px;font-size:12px;color:var(--editor-text-muted);min-width:40px}.view-select{margin-left:8px;padding:4px 8px;height:32px;border:1px solid var(--editor-border);border-radius:var(--editor-radius-sm);background:var(--editor-surface);color:var(--editor-text);font-family:var(--editor-font);font-size:12px;cursor:pointer;-webkit-tap-highlight-color:transparent}.view-select:hover{background:var(--editor-bg)}.view-select:focus{outline:2px solid var(--editor-primary);outline-offset:-1px}.zoom-toolbar-spacer{flex:1}.zoom-close-btn{width:auto;padding:0 12px;font-size:13px;gap:4px}.zoom-save-btn{width:auto;padding:0 16px;margin-left:8px;font-size:13px;font-weight:600;background:var(--editor-primary);color:#fff;border-color:var(--editor-primary)}.zoom-save-btn:hover{background:var(--editor-primary-hover)}.zoom-save-btn:disabled{opacity:.5;cursor:not-allowed}.canvas-wrapper{flex:1;position:relative;overflow:hidden;min-height:200px}.editor-canvas{position:absolute;top:0;left:0}.area-panel-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--editor-border);flex-shrink:0}.area-panel-title{font-weight:600;font-size:14px}.area-panel-close-btn{width:28px;height:28px;border:none;background:none;color:var(--editor-text-muted);cursor:pointer;font-size:18px;line-height:1;border-radius:var(--editor-radius-sm);display:flex;align-items:center;justify-content:center}.area-panel-close-btn:hover{background:var(--editor-bg);color:var(--editor-text)}.area-panel-content{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:12px}.area-panel-empty{color:var(--editor-text-muted);font-size:12px;text-align:center;padding:20px 0}.area-card{padding:12px;border:1px solid var(--editor-border);border-radius:var(--editor-radius);background:var(--editor-surface);cursor:pointer;transition:border-color .15s}.area-card:hover{border-color:var(--editor-primary)}.area-card-selected{border-color:var(--editor-primary);box-shadow:0 0 0 1px var(--editor-primary)}.area-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.area-card-name-row{display:flex;align-items:center;gap:6px}.area-card-name{font-weight:600;font-size:13px}.area-card-badge{display:inline-block;padding:1px 6px;font-size:10px;font-weight:500;background:#fef3c7;color:#92400e;border-radius:10px}.area-card-reset-btn{padding:2px 8px;border:1px solid var(--editor-border);border-radius:var(--editor-radius-sm);background:none;color:var(--editor-text-muted);cursor:pointer;font-size:11px;font-family:var(--editor-font)}.area-card-reset-btn:hover{background:var(--editor-bg);color:var(--editor-danger);border-color:var(--editor-danger)}.area-card-mode-switcher{display:flex;gap:4px;margin-bottom:8px}.mode-btn{flex:1;padding:4px 8px;border:1px solid var(--editor-border);border-radius:var(--editor-radius-sm);background:var(--editor-surface);color:var(--editor-text);cursor:pointer;font-size:12px;font-family:var(--editor-font);transition:all .15s}.mode-btn-active{background:var(--editor-primary);color:#fff;border-color:var(--editor-primary)}.area-input-text{width:100%;padding:6px 8px;border:1px solid var(--editor-border);border-radius:var(--editor-radius-sm);font-family:var(--editor-font);font-size:13px;color:var(--editor-text);background:var(--editor-surface);box-sizing:border-box;margin-bottom:6px}.area-input-text:focus{outline:none;border-color:var(--editor-primary);box-shadow:0 0 0 1px var(--editor-primary)}.area-input-row{display:flex;gap:6px;align-items:center;margin-bottom:6px}.area-input-font{flex:1;padding:4px 6px;border:1px solid var(--editor-border);border-radius:var(--editor-radius-sm);font-family:var(--editor-font);font-size:12px;color:var(--editor-text);background:var(--editor-surface);min-width:0}.area-input-size{width:56px;padding:4px 6px;border:1px solid var(--editor-border);border-radius:var(--editor-radius-sm);font-family:var(--editor-font);font-size:12px;color:var(--editor-text);background:var(--editor-surface)}.area-input-align{display:flex;gap:2px}.align-btn{width:28px;height:28px;border:1px solid var(--editor-border);border-radius:var(--editor-radius-sm);background:var(--editor-surface);color:var(--editor-text);cursor:pointer;font-size:12px;font-weight:600;font-family:var(--editor-font)}.align-btn-active{background:var(--editor-primary);color:#fff;border-color:var(--editor-primary)}.area-input-color{width:32px;height:28px;padding:0;border:1px solid var(--editor-border);border-radius:var(--editor-radius-sm);cursor:pointer;background:none}.area-upload-btn{width:100%;padding:10px;border:2px dashed var(--editor-border);border-radius:var(--editor-radius);background:var(--editor-bg);color:var(--editor-text-muted);cursor:pointer;font-family:var(--editor-font);font-size:12px;text-align:center;transition:all .15s;min-height:44px}.area-upload-btn:hover{border-color:var(--editor-primary);color:var(--editor-primary)}.area-image-preview{display:flex;gap:8px;align-items:center}.area-image-thumb{width:48px;height:48px;object-fit:cover;border-radius:var(--editor-radius-sm);border:1px solid var(--editor-border)}.area-image-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.area-image-name{font-size:12px;color:var(--editor-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.area-image-remove-btn{padding:2px 8px;border:1px solid var(--editor-danger);border-radius:var(--editor-radius-sm);background:none;color:var(--editor-danger);cursor:pointer;font-size:11px;font-family:var(--editor-font);width:fit-content}.area-image-remove-btn:hover{background:#fef2f2}.area-card-divider{height:1px;background:var(--editor-border);margin:8px 0}.transform-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.transform-title{font-weight:600;font-size:12px}.transform-reset-btn{padding:2px 8px;border:1px solid var(--editor-border);border-radius:var(--editor-radius-sm);background:none;color:var(--editor-text-muted);cursor:pointer;font-size:11px;font-family:var(--editor-font)}.transform-reset-btn:hover{background:var(--editor-bg)}.transform-label{font-size:11px;color:var(--editor-text-muted);white-space:nowrap}.transform-input{width:60px;padding:3px 6px;border:1px solid var(--editor-border);border-radius:var(--editor-radius-sm);font-family:var(--editor-font);font-size:12px;color:var(--editor-text);background:var(--editor-surface)}.transform-slider-row{flex-direction:column;align-items:stretch}.transform-slider{width:100%;accent-color:var(--editor-primary)}.loading-container{display:flex;justify-content:center;align-items:center;width:100%;height:100%;min-height:200px}.loading-spinner{width:32px;height:32px;border:3px solid var(--editor-border);border-top-color:var(--editor-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;min-height:200px;padding:20px;text-align:center}.error-title{font-weight:600;font-size:16px;color:var(--editor-danger);margin-bottom:8px}.error-message{font-size:13px;color:var(--editor-text-muted);max-width:400px;white-space:pre-wrap}:host(:focus){outline:2px solid var(--editor-primary);outline-offset:-2px}input:focus,select:focus,button:focus-visible{outline:2px solid var(--editor-primary);outline-offset:-1px}.context-menu{position:absolute;z-index:100;min-width:160px;background:var(--editor-surface);border:1px solid var(--editor-border);border-radius:var(--editor-radius);box-shadow:0 4px 12px #00000026;padding:4px 0;font-size:13px}.context-menu-header{padding:6px 12px;font-weight:600;font-size:12px;color:var(--editor-text-muted);user-select:none}.context-menu-divider{height:1px;background:var(--editor-border);margin:4px 0}.context-menu-item{padding:6px 12px;cursor:pointer;color:var(--editor-text);user-select:none;transition:background .1s}.context-menu-item:hover{background:var(--editor-bg)}.context-menu-item:active{background:var(--editor-border)}.context-menu-item-disabled{color:var(--editor-text-muted);cursor:default;pointer-events:none}.editor-toast{position:absolute;top:16px;left:50%;transform:translate(-50%);padding:10px 20px;border-radius:var(--editor-radius);font-size:13px;font-family:var(--editor-font);line-height:1.4;z-index:200;max-width:400px;text-align:center;animation:toast-in .25s ease-out,toast-out .25s ease-in forwards;animation-delay:0s,var(--toast-duration, 3.75s);pointer-events:none;box-shadow:0 4px 12px #00000026}.editor-toast-warning{background:#fef3c7;color:#92400e;border:1px solid #f59e0b}.editor-toast-error{background:#fef2f2;color:#991b1b;border:1px solid var(--editor-danger)}.editor-toast-info{background:#eff6ff;color:#1e40af;border:1px solid var(--editor-primary)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes toast-out{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-10px)}}.editor-modal-overlay{position:absolute;inset:0;background:#0006;z-index:300;display:flex;align-items:center;justify-content:center;animation:modal-overlay-in .2s ease-out}@keyframes modal-overlay-in{0%{opacity:0}to{opacity:1}}.editor-modal{background:var(--editor-surface);border-radius:var(--editor-radius);box-shadow:0 8px 32px #0003;max-width:380px;width:calc(100% - 32px);padding:20px;animation:modal-in .2s ease-out}@keyframes modal-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.editor-modal-title{font-weight:600;font-size:15px;margin-bottom:8px;color:var(--editor-text)}.editor-modal-body{font-size:13px;color:var(--editor-text-muted);margin-bottom:16px;line-height:1.5}.editor-modal-actions{display:flex;justify-content:flex-end;gap:8px}.editor-modal-btn{padding:8px 16px;border-radius:var(--editor-radius-sm);font-size:13px;font-family:var(--editor-font);cursor:pointer;border:1px solid var(--editor-border);background:var(--editor-surface);color:var(--editor-text);transition:background .15s}.editor-modal-btn:hover{background:var(--editor-bg)}.editor-modal-btn-primary{background:var(--editor-primary);color:#fff;border-color:var(--editor-primary)}.editor-modal-btn-primary:hover{background:var(--editor-primary-hover)}.area-validation-error{font-size:11px;color:var(--editor-danger);margin-top:4px}@media(pointer:coarse){.zoom-btn{min-width:44px;min-height:44px}.area-input-text,.area-input-font,.area-input-size{min-height:44px;font-size:16px}.align-btn{min-width:44px;min-height:44px}.area-upload-btn{min-height:48px}.view-select{min-height:44px;font-size:16px}}',G="2.0.0",K=768;class Q extends HTMLElement{constructor(){super(),this.resizeObserver=null,this.isReady=!1,this.currentTemplate=null,this.loadingTemplateId=null,this.isMobileLayout=!1,this.productViews=[],this.activeViewName=null,this.perViewContents=new Map,this.subscriptions=[],this.storageUsage=null,this.storageUsageLastRefresh=0,this.emitChange=F(()=>{this.dispatchEvent(new CustomEvent("change",{detail:{design:this.getDesign()},bubbles:!0,composed:!0}))},300),this.shadow=this.attachShadow({mode:"open"})}static get observedAttributes(){return["template-id","product-id","theme","mode","store-id","api-url"]}async connectedCallback(){try{this.hasAttribute("tabindex")||this.setAttribute("tabindex","0"),this.renderLoading(),await this.initialize()}catch(e){this.showError("Failed to initialize editor",e)}}disconnectedCallback(){this.cleanup()}attributeChangedCallback(e,t,i){t!==i&&(e==="template-id"&&this.isReady&&i&&this.loadTemplate(i),e==="product-id"&&this.isReady&&i&&this.loadProduct(i))}getDesign(){if(!this.currentTemplate)throw new Error("No design loaded");return{templateId:this.currentTemplate.metadata.id,engineVersion:G,contents:this.contentManager.toJSON(),userData:{}}}setDesign(e){if(e.templateId!==this.currentTemplate?.metadata.id)throw new Error("Design template ID does not match current template");this.contentManager.fromJSON(e.contents),this.syncEngineContents(),this.stateManager.setState({contents:this.contentManager.toJSON(),isDirty:!0})}undo(){this.stateManager.undo()&&this.syncFromState()}redo(){this.stateManager.redo()&&this.syncFromState()}clear(){this.contentManager.reset(),this.syncEngineContents(),this.stateManager.setState({contents:this.contentManager.toJSON(),selectedAreaId:null,isDirty:!1}),this.zoomToolbar?.showSaveButton(!1),this.engine.setSelectedArea(null),this.inputPanel.setSelectedArea(null),this.engine.fitToView(),this.stateManager.update({zoom:this.engine.getZoom(),pan:this.engine.getPan()})}selectArea(e){this.handleAreaSelect(e)}getSelectedAreaId(){return this.stateManager.getState().selectedAreaId}getActiveView(){return this.activeViewName}getViews(){return this.productViews.map(e=>({viewName:e.viewName,viewOrder:e.viewOrder,isRequired:e.isRequired,isDefault:e.isDefault,templateId:e.template.id}))}setActiveView(e){if(this.activeViewName===e)return;const t=this.productViews.find(i=>i.viewName===e);if(!t)throw new Error(`View not found: ${e}`);this.switchToView(t)}setAreaContent(e,t){t.type==="text"?this.contentManager.setTextContent(e,t):this.contentManager.setImageContent(e,t.dataUrl,t.filename),this.syncEngineContents(),this.saveContentState()}getAreaContent(e){return this.contentManager.getContent(e)}async finalize(){const e=this.engine.checkSafeAreaViolations();if(e.length>0){const a=this.currentTemplate?.areas||[],o=e.map(s=>a.find(r=>r.id===s)?.name||s).join(", ");if(!await this.showConfirmation("Content outside safe area",`Content in ${o} extends beyond the safe area. It may be trimmed during printing. Continue?`,"Cancel","Proceed Anyway"))throw new Error("Finalization cancelled by user")}const t=this.getDesign(),i=this.getAttribute("store-id")||"demo-shop",n=await this.apiClient.finalizeDesign(i,t);return this.dispatchEvent(new CustomEvent("customizer:finalize",{detail:{designId:n.designId,proofUrl:n.proofUrl,templateId:t.templateId,designJson:t,status:n.status},bubbles:!0,composed:!0})),n}renderLoading(){const e=document.createElement("style");e.textContent=k,this.shadow.appendChild(e);const t=h("div",{class:"loading-container"},h("div",{class:"loading-spinner"}));this.shadow.appendChild(t)}async initialize(){const e=this.getAttribute("api-url")||"http://localhost:4000";this.apiClient=new V(`${e.replace(/\/+$/,"")}/public`);const t=this.getAttribute("product-id"),i=this.getAttribute("template-id");if(!t&&!i)throw new Error("Either template-id or product-id attribute is required");t?await this.loadProduct(t):await this.loadTemplate(i),this.isReady=!0,this.dispatchEvent(new CustomEvent("ready",{bubbles:!0,composed:!0}))}async loadTemplate(e){if(this.loadingTemplateId!==e){this.loadingTemplateId=e;try{const t=await this.apiClient.getTemplate(e);if(this.loadingTemplateId!==e)return;await this.loadTemplateData(t),this.loadingTemplateId=null}catch(t){throw this.loadingTemplateId=null,new Error(`Failed to load template: ${t.message}`)}}}async loadTemplateData(e){this.currentTemplate=e;const t=e.areas||[];this.contentManager=new L(t);const i={template:e,contents:this.contentManager.toJSON(),selectedAreaId:null,zoom:1,pan:{x:0,y:0},isDirty:!1,warnings:[]};this.stateManager=new N(i),this.buildUI(e,t),this.engine=new E(this.canvas),this.engine.setArtboard({width:e.artboard.width,height:e.artboard.height,backgroundColor:e.artboard.backgroundColor??"#ffffff"}),this.engine.setAreas(t),this.engine.setContents(this.contentManager.getContents()),e.backgroundImage&&this.engine.setBackgroundImage(e.backgroundImage);const n=e.artboard.safeArea??e.safeArea;n&&this.engine.setSafeArea(n),this.engine.start(),this.engine.fitToView(),this.stateManager.update({zoom:this.engine.getZoom(),pan:this.engine.getPan()}),this.zoomToolbar.setZoom(this.engine.getZoom()),this.interaction=new O(this.canvas,this.engine,()=>this.contentManager.getContents(),()=>this.stateManager.getState().selectedAreaId),this.wireInteractionEvents(),this.subscriptions.push(this.contentManager.subscribe(()=>{this.syncEngineContents(),this.inputPanel.setContents(this.contentManager.getContents())})),this.keyboard=new Y(this),this.setupKeyboardShortcuts(),this.inputPanel.setContents(this.contentManager.getContents());const a=this.getAttribute("store-id");a&&this.apiClient.getStorageUsage(a).then(o=>{this.storageUsage=o,o.usagePercent>=100?this.showToast("Storage quota exceeded. Upgrade your plan for more storage.","error"):o.usagePercent>=80&&this.showToast(`Storage ${o.usagePercent}% full. Consider upgrading your plan.`,"warning")}).catch(()=>{})}async loadProduct(e){try{const t=await this.apiClient.getProduct(e);if(t.views.length===0)throw new Error("Product has no active templates");this.productViews=t.views,this.perViewContents.clear();const i=t.views.find(n=>n.isDefault)||t.views[0];await this.loadTemplateData(i.template.templateJson),this.activeViewName=i.viewName,this.zoomToolbar&&t.views.length>1&&(this.zoomToolbar.setViews(this.getViews()),this.zoomToolbar.setActiveView(i.viewName))}catch(t){throw new Error(`Failed to load product: ${t.message}`)}}switchToView(e){this.activeViewName&&this.contentManager&&this.perViewContents.set(this.activeViewName,this.contentManager.toJSON()),this.activeViewName=e.viewName,this.zoomToolbar?.setActiveView(e.viewName);const t=e.template.templateJson;this.currentTemplate=t;const i=t.areas||[];this.contentManager=new L(i);const n=this.perViewContents.get(e.viewName);n&&this.contentManager.fromJSON(n),this.engine.setArtboard({width:t.artboard.width,height:t.artboard.height,backgroundColor:t.artboard.backgroundColor??"#ffffff"}),this.engine.setAreas(i),this.engine.setContents(this.contentManager.getContents()),this.engine.setBackgroundImage(t.backgroundImage??void 0);const a=t.artboard.safeArea??t.safeArea;this.engine.setSafeArea(a??null),this.engine.fitToView(),this.stateManager.setState({template:t,contents:this.contentManager.toJSON(),selectedAreaId:null,isDirty:this.stateManager.getState().isDirty,zoom:this.engine.getZoom(),pan:this.engine.getPan(),warnings:[]}),this.zoomToolbar.setZoom(this.engine.getZoom()),this.inputPanel.setAreas(i),this.inputPanel.setContents(this.contentManager.getContents()),this.inputPanel.setSelectedArea(null),this.engine.setSelectedArea(null),this.dispatchEvent(new CustomEvent("view-change",{detail:{viewName:e.viewName},bubbles:!0,composed:!0}))}buildUI(e,t){this.shadow.innerHTML="";const i=document.createElement("style");i.textContent=k,this.shadow.appendChild(i),this.container=h("div",{class:"editor-container"}),this.zoomToolbar=new $,this.subscriptions.push(this.zoomToolbar.on("zoom-in",()=>this.handleZoomIn())),this.subscriptions.push(this.zoomToolbar.on("zoom-out",()=>this.handleZoomOut())),this.subscriptions.push(this.zoomToolbar.on("zoom-fit",()=>this.handleZoomFit())),this.subscriptions.push(this.zoomToolbar.on("view-change",({viewName:o})=>{const s=this.productViews.find(r=>r.viewName===o);s&&this.switchToView(s)})),this.subscriptions.push(this.zoomToolbar.on("close",()=>{this.dispatchEvent(new CustomEvent("customizer:close",{bubbles:!0,composed:!0}))})),this.subscriptions.push(this.zoomToolbar.on("save",async()=>{this.zoomToolbar.setSaveDisabled(!0,"Saving...");try{await this.finalize(),this.zoomToolbar.setSaveDisabled(!0,"Saved!"),this.showToast("Design saved successfully!","info"),setTimeout(()=>{this.zoomToolbar.setSaveDisabled(!1,"Save Customization"),this.zoomToolbar.showSaveButton(!1),this.stateManager.update({isDirty:!1})},2e3)}catch(o){console.error("Customizer: finalize failed",o);const s=o instanceof Error?o.message:"Save failed. Please try again.";this.showToast(s,"error"),this.zoomToolbar.setSaveDisabled(!1,"Save Customization")}}));const n=h("div",{class:"canvas-area"});n.appendChild(this.zoomToolbar.getElement()),this.canvasWrapper=h("div",{class:"canvas-wrapper"}),this.canvas=document.createElement("canvas"),this.canvas.className="editor-canvas",this.canvasWrapper.appendChild(this.canvas),n.appendChild(this.canvasWrapper),this.inputPanel=new q(t),this.wireInputPanelEvents();const a=h("div",{class:"editor-main"});a.appendChild(n),a.appendChild(this.inputPanel.getBackdrop()),a.appendChild(this.inputPanel.getElement()),this.container.appendChild(a),this.shadow.appendChild(this.container),this.resizeObserver=new ResizeObserver(o=>{for(const s of o)s.target===this.canvasWrapper&&this.handleCanvasResize(s.contentRect),s.target===this.container&&this.handleLayoutResize(s.contentRect)}),this.resizeObserver.observe(this.canvasWrapper),this.resizeObserver.observe(this.container)}wireInteractionEvents(){this.subscriptions.push(this.interaction.on("area:select",({areaId:e})=>{this.handleAreaSelect(e)})),this.subscriptions.push(this.interaction.on("content:drag",({areaId:e,offset:t})=>{this.contentManager.setContentOffset(e,t),this.saveContentState()})),this.subscriptions.push(this.interaction.on("content:scale",({areaId:e,scale:t})=>{this.contentManager.setImageScale(e,t),this.saveContentState()})),this.subscriptions.push(this.interaction.on("content:rotate",({areaId:e,rotation:t})=>{this.contentManager.setImageRotation(e,t),this.saveContentState()})),this.subscriptions.push(this.interaction.on("zoom",({zoom:e})=>{this.engine.setZoom(e);const t=this.engine.getCenteredPan(e);t&&this.engine.setPan(t),this.stateManager.update({zoom:this.engine.getZoom(),pan:this.engine.getPan()}),this.zoomToolbar.setZoom(this.engine.getZoom())})),this.subscriptions.push(this.interaction.on("pan",({pan:e})=>{this.engine.setPan(e),this.stateManager.update({pan:e})})),this.subscriptions.push(this.interaction.on("cursor",({cursor:e})=>{this.canvas.style.cursor=e})),this.subscriptions.push(this.interaction.on("context-menu",({areaId:e,clientX:t,clientY:i})=>{this.handleContextMenu(e,t,i)}))}wireInputPanelEvents(){this.subscriptions.push(this.inputPanel.on("text:change",({areaId:e,updates:t})=>{this.contentManager.setTextContent(e,t),this.saveContentState()})),this.subscriptions.push(this.inputPanel.on("image:change",async({areaId:e,dataUrl:t,filename:i})=>{const n=this.contentManager.getContents();let a=0;for(const[s,r]of n)r.type==="image"&&s!==e&&a++;if(a>=10){this.showToast("Maximum of 10 images per design reached","error");return}if(await this.refreshStorageUsage(),this.storageUsage&&this.storageUsage.usagePercent>=100){this.showToast("Storage quota exceeded. Upgrade your plan for more storage.","error");return}const o=this.currentTemplate?.areas.find(s=>s.id===e);if(o&&this.currentTemplate){const s=this.currentTemplate.print.targetDpi;try{const r=new Image,d=await new Promise((p,g)=>{r.onload=()=>p({width:r.naturalWidth,height:r.naturalHeight}),r.onerror=()=>g(new Error("Failed to load image")),r.src=t}),l=o.location.width/s,c=o.location.height/s,u=J(d.width,d.height,l,c,s);if(u.actualDPI<150){if(!await this.showConfirmation("Low resolution detected",`This image is ${u.actualDPI} DPI at print size. Print may appear blurry. Recommended: ${s} DPI.`,"Cancel","Use Anyway"))return}else u.actualDPI<s&&(this.showToast(`Image resolution is ${u.actualDPI} DPI (${s} recommended)`,"warning"),this.stateManager.update({warnings:[...this.stateManager.getState().warnings,{type:"dpi",message:`${u.actualDPI} DPI`,areaId:e}]}))}catch{}}if(this.contentManager.setImageContent(e,t,i),this.saveContentState(),this.storageUsage){const s=Math.round(t.length*.75);this.storageUsage.storageUsed+=s,this.storageUsage.usagePercent=this.storageUsage.storageQuota>0?Math.round(this.storageUsage.storageUsed/this.storageUsage.storageQuota*100):0}})),this.subscriptions.push(this.inputPanel.on("validation:error",({message:e})=>{this.showToast(e,"error")})),this.subscriptions.push(this.inputPanel.on("clear",({areaId:e})=>{this.contentManager.clearContent(e),this.saveContentState()})),this.subscriptions.push(this.inputPanel.on("select",({areaId:e})=>{this.handleAreaSelect(e)})),this.subscriptions.push(this.inputPanel.on("offset:change",({areaId:e,offset:t})=>{this.contentManager.setContentOffset(e,t),this.saveContentState()})),this.subscriptions.push(this.inputPanel.on("scale:change",({areaId:e,scale:t})=>{this.contentManager.setImageScale(e,t),this.saveContentState()})),this.subscriptions.push(this.inputPanel.on("rotation:change",({areaId:e,rotation:t})=>{this.contentManager.setImageRotation(e,t),this.saveContentState()})),this.subscriptions.push(this.inputPanel.on("dismiss",()=>{this.handleAreaSelect(null)}))}handleAreaSelect(e,t=!1){this.stateManager.update({selectedAreaId:e}),this.engine.setSelectedArea(e),this.inputPanel.setSelectedArea(t?e:null),e&&document.activeElement!==this&&this.focus(),this.dispatchEvent(new CustomEvent("area:select",{detail:{areaId:e},bubbles:!0,composed:!0}))}handleContextMenu(e,t,i){this.handleAreaSelect(e,!!e)}handleZoomIn(){const e=this.engine.getZoom(),t=Math.min(e*1.25,5),i=this.engine.getCenteredPan(t);this.engine.setZoom(t),i&&this.engine.setPan(i),this.stateManager.update({zoom:this.engine.getZoom(),pan:this.engine.getPan()}),this.zoomToolbar.setZoom(this.engine.getZoom())}handleZoomOut(){const e=this.engine.getZoom(),t=Math.max(e*.8,.1),i=this.engine.getCenteredPan(t);this.engine.setZoom(t),i&&this.engine.setPan(i),this.stateManager.update({zoom:this.engine.getZoom(),pan:this.engine.getPan()}),this.zoomToolbar.setZoom(this.engine.getZoom())}handleZoomFit(){this.engine.fitToView(),this.stateManager.update({zoom:this.engine.getZoom(),pan:this.engine.getPan()}),this.zoomToolbar.setZoom(this.engine.getZoom())}handleCanvasResize(e){const{width:t,height:i}=e;if(t===0||i===0)return;const n=window.devicePixelRatio||1;this.canvas.width=t*n,this.canvas.height=i*n,this.canvas.style.width=`${t}px`,this.canvas.style.height=`${i}px`,this.engine&&(this.engine.fitToView(),this.stateManager.update({zoom:this.engine.getZoom(),pan:this.engine.getPan()}),this.zoomToolbar.setZoom(this.engine.getZoom()))}handleLayoutResize(e){const t=e.width<K;this.container.classList.toggle("layout-desktop",!t),this.container.classList.toggle("layout-mobile",t),t!==this.isMobileLayout&&(this.isMobileLayout=t,this.inputPanel.setMobile(t))}async refreshStorageUsage(){if(Date.now()-this.storageUsageLastRefresh<3e4)return;const e=this.getAttribute("store-id");if(e)try{this.storageUsage=await this.apiClient.getStorageUsage(e),this.storageUsageLastRefresh=Date.now()}catch{}}saveContentState(){this.stateManager.setState({contents:this.contentManager.toJSON(),isDirty:!0}),this.zoomToolbar?.showSaveButton(!0),this.engine.checkSafeAreaViolations(),this.emitChange()}syncEngineContents(){this.engine?.setContents(this.contentManager.getContents())}syncFromState(){const e=this.stateManager.getState();this.contentManager.setContentsQuiet(e.contents),this.syncEngineContents(),this.inputPanel.setContents(this.contentManager.getContents()),this.engine.setSelectedArea(e.selectedAreaId),this.inputPanel.setSelectedArea(e.selectedAreaId)}setupKeyboardShortcuts(){const e=X();this.keyboard.register({key:"z",[e]:!0,handler:()=>this.undo()}),this.keyboard.register({key:"z",[e]:!0,shift:!0,handler:()=>this.redo()}),this.keyboard.register({key:"Escape",handler:()=>this.handleAreaSelect(null)})}showToast(e,t="info"){const i=h("div",{class:`editor-toast editor-toast-${t}`},e);this.shadow.appendChild(i),setTimeout(()=>i.remove(),4e3)}showConfirmation(e,t,i="Cancel",n="Continue"){return new Promise(a=>{const o=h("div",{class:"editor-modal-overlay"}),s=h("div",{class:"editor-modal"});s.appendChild(h("div",{class:"editor-modal-title"},e)),s.appendChild(h("div",{class:"editor-modal-body"},t));const r=h("div",{class:"editor-modal-actions"}),d=h("button",{class:"editor-modal-btn"},i);d.addEventListener("click",()=>{o.remove(),a(!1)});const l=h("button",{class:"editor-modal-btn editor-modal-btn-primary"},n);l.addEventListener("click",()=>{o.remove(),a(!0)}),r.appendChild(d),r.appendChild(l),s.appendChild(r),o.appendChild(s),o.addEventListener("click",c=>{c.target===o&&(o.remove(),a(!1))}),this.shadow.appendChild(o)})}showError(e,t){this.shadow.innerHTML="";const i=document.createElement("style");i.textContent=k,this.shadow.appendChild(i);const n=h("div",{class:"error-container"});n.appendChild(h("div",{class:"error-title"},e)),n.appendChild(h("div",{class:"error-message"},t?.message??"")),this.shadow.appendChild(n),this.dispatchEvent(new CustomEvent("error",{detail:{message:e,error:t},bubbles:!0,composed:!0}))}cleanup(){for(const e of this.subscriptions)e();this.subscriptions=[],this.resizeObserver&&(this.resizeObserver.disconnect(),this.resizeObserver=null),this.engine?.destroy(),this.interaction?.destroy(),this.keyboard?.destroy(),this.isReady=!1,this.currentTemplate=null,this.productViews=[],this.activeViewName=null,this.perViewContents.clear()}}customElements.get("customizer-editor")||customElements.define("customizer-editor",Q);function _(f,e){const t=typeof f=="string"?document.querySelector(f):f;if(!t)throw new Error(`Container not found: ${typeof f=="string"?f:"provided element is null"}`);if(!e.templateId&&!e.productId)throw new Error("Either templateId or productId must be provided");if(e.templateId&&e.productId)throw new Error("Only one of templateId or productId should be provided, not both");const i=document.createElement("customizer-editor");e.productId?i.setAttribute("product-id",e.productId):i.setAttribute("template-id",e.templateId),e.theme&&i.setAttribute("theme",e.theme),e.mode&&i.setAttribute("mode",e.mode),e.className&&i.classList.add(e.className),i.style.width="100%",i.style.height="100%";const n=[],a=(s,r)=>{i.addEventListener(s,r),n.push({event:s,handler:r})};t.innerHTML="",t.appendChild(i);const o={getDesign(){if(typeof i.getDesign!="function")throw new Error("Editor not ready: getDesign method not available");return i.getDesign()},setDesign(s){if(typeof i.setDesign!="function")throw new Error("Editor not ready: setDesign method not available");i.setDesign(s)},undo(){if(typeof i.undo!="function")throw new Error("Editor not ready: undo method not available");i.undo()},redo(){if(typeof i.redo!="function")throw new Error("Editor not ready: redo method not available");i.redo()},canUndo(){return typeof i.canUndo!="function"?!1:i.canUndo()},canRedo(){return typeof i.canRedo!="function"?!1:i.canRedo()},async finalize(){const s=this.getDesign(),r=e.apiUrl||"https://api.varianta.io";try{const d=await fetch(`${r}/public/finalize`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({templateId:s.templateId||e.templateId,designJson:s})});if(!d.ok){const m=await d.json().catch(()=>({message:"Finalization failed"}));throw new Error(m.message||"Finalization failed")}const l=await d.json();let c={designId:l.designId,status:l.status,proofUrl:l.proofUrl??null,errorMessage:l.errorMessage??null};const u=1500,p=40;let g=0;for(;c.status==="processing"&&g<p;){await new Promise(b=>setTimeout(b,u)),g++;const m=await fetch(`${r}/public/designs/${c.designId}/status`);if(!m.ok)throw new Error("Failed to check design status");const v=await m.json();c={designId:v.designId,status:v.status,proofUrl:v.proofUrl??null,errorMessage:v.errorMessage??null}}return c.status==="processing"&&(c={...c,status:"failed",errorMessage:"Render timed out"}),e.onFinalize&&e.onFinalize(c),c}catch(d){const l={code:"FINALIZE_ERROR",message:d instanceof Error?d.message:"Unknown error",details:d};throw e.onError&&e.onError(l),d}},addTextLayer(s){if(typeof i.addTextLayer!="function")throw new Error("Editor not ready: addTextLayer method not available");i.addTextLayer(s)},async addImageLayer(s){if(typeof i.addImageLayer!="function")throw new Error("Editor not ready: addImageLayer method not available");return i.addImageLayer(s)},removeLayer(s){if(typeof i.removeLayer!="function")throw new Error("Editor not ready: removeLayer method not available");i.removeLayer(s)},selectLayer(s){if(typeof i.selectLayer!="function")throw new Error("Editor not ready: selectLayer method not available");i.selectLayer(s)},getSelectedLayerId(){return typeof i.getSelectedLayerId!="function"?null:i.getSelectedLayerId()},getActiveView(){return typeof i.getActiveView!="function"?null:i.getActiveView()},getViews(){return typeof i.getViews!="function"?[]:i.getViews()},setActiveView(s){if(typeof i.setActiveView!="function")throw new Error("Editor not ready: setActiveView method not available");i.setActiveView(s)},setTheme(s){i.setAttribute("theme",s)},setMode(s){i.setAttribute("mode",s)},destroy(){n.forEach(({event:s,handler:r})=>{i.removeEventListener(s,r)}),i.parentNode&&i.parentNode.removeChild(i)},getElement(){return i}};return e.onReady&&a("ready",(()=>{e.onReady?.(o)})),e.onChange&&a("change",(s=>{const r=s.detail.design;e.onChange?.(r)})),e.onLayerSelect&&a("layer:select",(s=>{e.onLayerSelect?.(s.detail.layerId)})),e.onLayerAdd&&a("layer:add",(s=>{e.onLayerAdd?.(s.detail.layerId)})),e.onLayerRemove&&a("layer:remove",(s=>{e.onLayerRemove?.(s.detail.layerId)})),e.onLayerUpdate&&a("layer:update",(s=>{e.onLayerUpdate?.(s.detail.layerId)})),e.onError&&a("error",(s=>{const r=s.detail.error;e.onError?.(r)})),e.onViewChange&&a("view-change",(s=>{e.onViewChange?.(s.detail.viewName)})),e.initialDesign&&i.addEventListener("ready",()=>{e.initialDesign&&i.setDesign(e.initialDesign)},{once:!0}),e.debug&&(console.log("[Customizer SDK] Initialized with options:",e),console.log("[Customizer SDK] Instance:",o)),o}C.initCustomizer=_,Object.defineProperty(C,Symbol.toStringTag,{value:"Module"})}));
-//# sourceMappingURL=index.umd.js.map

package/dist/index.umd.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.umd.js","sources":["../../editor/dist/customizer.esm.js","../src/vanilla/index.ts"],"sourcesContent":["class N {\n  constructor(t) {\n    this.animationFrameId = null, this.needsRender = !0, this.areas = [], this.contents = /* @__PURE__ */ new Map(), this.artboard = null, this.bgImageElement = null, this.loadedImages = /* @__PURE__ */ new Map(), this.loadingImages = /* @__PURE__ */ new Set(), this.zoom = 1, this.pan = { x: 0, y: 0 }, this.selectedAreaId = null, this.hoveredHandle = null, this.eventListeners = /* @__PURE__ */ new Map(), this.safeArea = null, this.safeAreaViolations = /* @__PURE__ */ new Set(), this.showAreaBorders = !0, this.areaSelectionEnabled = !0, this.renderLoop = () => {\n      try {\n        this.needsRender && (this.render(), this.needsRender = !1, this.emit(\"render\", void 0));\n      } catch (i) {\n        console.error(\"Error in render loop:\", i);\n      }\n      this.animationFrameId = requestAnimationFrame(this.renderLoop);\n    }, this.canvas = t;\n    const e = t.getContext(\"2d\");\n    if (!e)\n      throw new Error(\"Failed to get 2D context from canvas\");\n    this.ctx = e;\n  }\n  /**\n   * Start the render loop\n   */\n  start() {\n    this.animationFrameId === null && this.renderLoop();\n  }\n  /**\n   * Stop the render loop\n   */\n  stop() {\n    this.animationFrameId !== null && (cancelAnimationFrame(this.animationFrameId), this.animationFrameId = null);\n  }\n  /**\n   * Set artboard configuration\n   */\n  setArtboard(t) {\n    this.artboard = t, this.requestRender();\n  }\n  /**\n   * Get artboard configuration\n   */\n  getArtboard() {\n    return this.artboard;\n  }\n  /**\n   * Set areas to render\n   */\n  setAreas(t) {\n    this.areas = [...t].sort((e, i) => e.zIndex - i.zIndex), this.requestRender();\n  }\n  /**\n   * Get areas\n   */\n  getAreas() {\n    return this.areas;\n  }\n  /**\n   * Set area contents\n   */\n  setContents(t) {\n    this.contents = t, this.loadContentImages(), this.requestRender();\n  }\n  /**\n   * Get area contents\n   */\n  getContents() {\n    return this.contents;\n  }\n  /**\n   * Update content for a single area\n   */\n  updateContent(t, e) {\n    this.contents.set(t, e), e.type === \"image\" && this.loadContentImages(), this.requestRender(), this.emit(\"content:change\", { areaId: t, content: e });\n  }\n  /**\n   * Remove content for an area\n   */\n  removeContent(t) {\n    this.contents.delete(t), this.loadedImages.delete(t), this.requestRender();\n  }\n  /**\n   * Set background image\n   */\n  setBackgroundImage(t) {\n    if (this.backgroundImage = t, t?.url && t.url !== this.bgImageElement?.src) {\n      const e = new Image();\n      e.crossOrigin = \"anonymous\", e.onload = () => {\n        this.bgImageElement = e, this.requestRender();\n      }, e.onerror = () => {\n        this.bgImageElement = null, console.error(\"Failed to load background image:\", t.url), this.requestRender();\n      }, e.src = t.url;\n    } else t?.url || (this.bgImageElement = null);\n    this.requestRender();\n  }\n  /**\n   * Set zoom level\n   */\n  setZoom(t) {\n    this.zoom = Math.max(0.1, Math.min(5, t)), this.requestRender();\n  }\n  /**\n   * Set pan offset\n   */\n  setPan(t) {\n    this.pan = t, this.requestRender();\n  }\n  /**\n   * Get zoom level\n   */\n  getZoom() {\n    return this.zoom;\n  }\n  /**\n   * Get pan offset\n   */\n  getPan() {\n    return this.pan;\n  }\n  /**\n   * Set whether area borders are shown\n   */\n  setShowAreaBorders(t) {\n    this.showAreaBorders = t, this.requestRender();\n  }\n  /**\n   * Set whether area selection is enabled\n   */\n  setAreaSelectionEnabled(t) {\n    this.areaSelectionEnabled = t;\n  }\n  /**\n   * Calculate the pan offset needed to center the artboard at a given zoom level\n   */\n  getCenteredPan(t) {\n    if (!this.artboard)\n      return null;\n    const { width: e, height: i } = this.artboard, s = window.devicePixelRatio || 1, n = this.canvas.width / s, a = this.canvas.height / s;\n    return {\n      x: (n / t - e) / 2,\n      y: (a / t - i) / 2\n    };\n  }\n  /**\n   * Request a render on the next frame\n   */\n  requestRender() {\n    this.needsRender = !0;\n  }\n  /**\n   * Fit view to show the entire artboard\n   */\n  fitToView() {\n    if (!this.artboard)\n      return;\n    const t = 0, { width: e, height: i } = this.artboard, s = window.devicePixelRatio || 1, n = this.canvas.width / s - t * 2, a = this.canvas.height / s - t * 2;\n    if (n <= 0 || a <= 0)\n      return;\n    const o = n / e, r = a / i, l = Math.min(o, r), d = this.canvas.width / s, c = this.canvas.height / s, u = (d / l - e) / 2, p = (c / l - i) / 2;\n    this.zoom = l, this.pan = { x: u, y: p }, this.requestRender();\n  }\n  /**\n   * Set the selected area\n   */\n  setSelectedArea(t) {\n    this.selectedAreaId !== t && (this.selectedAreaId = t, this.requestRender(), this.emit(\"area:select\", { areaId: t }));\n  }\n  /**\n   * Get the selected area ID\n   */\n  getSelectedArea() {\n    return this.selectedAreaId;\n  }\n  /**\n   * Set the hovered handle for highlighting\n   */\n  setHoveredHandle(t) {\n    this.hoveredHandle !== t && (this.hoveredHandle = t, this.requestRender());\n  }\n  /**\n   * Get the currently hovered handle\n   */\n  getHoveredHandle() {\n    return this.hoveredHandle;\n  }\n  /**\n   * Convert screen coordinates to canvas coordinates\n   */\n  screenToCanvas(t, e) {\n    const i = window.devicePixelRatio || 1, s = t / i, n = e / i, a = s / this.zoom - this.pan.x, o = n / this.zoom - this.pan.y;\n    return { x: a, y: o };\n  }\n  /**\n   * Get content bounds for an area (in artboard coordinates)\n   */\n  getContentBounds(t) {\n    const e = this.areas.find((l) => l.id === t);\n    if (!e)\n      return null;\n    const i = this.contents.get(t);\n    if (!i)\n      return null;\n    const { location: s } = e, { x: n, y: a, width: o, height: r } = s;\n    if (i.type === \"text\") {\n      const l = i.offset || { x: 0, y: 0 }, d = i.scale ?? 1, c = i.rotation ?? 0, u = o * d, p = r * d, g = n + o / 2 + l.x, m = a + r / 2 + l.y;\n      return {\n        x: g - u / 2,\n        y: m - p / 2,\n        width: u,\n        height: p,\n        rotation: c,\n        centerX: g,\n        centerY: m\n      };\n    } else if (i.type === \"image\") {\n      const l = this.loadedImages.get(t);\n      if (!l)\n        return null;\n      const d = i.offset || { x: 0, y: 0 }, c = i.scale ?? 1, u = i.rotation ?? 0, p = l.naturalWidth / l.naturalHeight, g = o / r;\n      let m, b;\n      p > g ? (m = o, b = o / p) : (b = r, m = r * p);\n      const y = m * c, w = b * c, v = n + o / 2 + d.x, x = a + r / 2 + d.y;\n      return {\n        x: v - y / 2,\n        y: x - w / 2,\n        width: y,\n        height: w,\n        rotation: u,\n        centerX: v,\n        centerY: x\n      };\n    }\n    return null;\n  }\n  /**\n   * Hit test content at given canvas coordinates\n   * Returns area ID if content was hit, null otherwise\n   */\n  hitTestContent(t, e) {\n    if (!this.areaSelectionEnabled)\n      return null;\n    for (let i = this.areas.length - 1; i >= 0; i--) {\n      const s = this.areas[i], n = this.getContentBounds(s.id);\n      if (n && this.isPointInBounds(t, e, n))\n        return s.id;\n    }\n    return null;\n  }\n  /**\n   * Hit test area at given canvas coordinates (ignoring content)\n   * Returns area ID if point is inside area bounds\n   */\n  hitTestArea(t, e) {\n    if (!this.areaSelectionEnabled)\n      return null;\n    for (let i = this.areas.length - 1; i >= 0; i--) {\n      const s = this.areas[i], { x: n, y: a, width: o, height: r } = s.location;\n      if (t >= n && t <= n + o && e >= a && e <= a + r)\n        return s.id;\n    }\n    return null;\n  }\n  /**\n   * Test if a point is inside rotated bounds\n   */\n  isPointInBounds(t, e, i) {\n    const { centerX: s, centerY: n, width: a, height: o, rotation: r } = i, l = -r * Math.PI / 180, d = Math.cos(l), c = Math.sin(l), u = t - s, p = e - n, g = u * d - p * c, m = u * c + p * d;\n    return g >= -a / 2 && g <= a / 2 && m >= -o / 2 && m <= o / 2;\n  }\n  /**\n   * Get handle positions for the selected content\n   */\n  getContentHandlePositions(t) {\n    const e = this.areas.find((v) => v.id === t);\n    if (!e)\n      return null;\n    const i = this.contents.get(t);\n    if (!i)\n      return null;\n    const s = this.getContentBounds(t);\n    if (!s)\n      return null;\n    const { centerX: n, centerY: a, width: o, height: r, rotation: l } = s, d = 6 / this.zoom, c = 30 / this.zoom, u = l * Math.PI / 180, p = Math.cos(u), g = Math.sin(u), m = (v, x) => ({\n      x: n + v * p - x * g,\n      y: a + v * g + x * p\n    }), b = [];\n    if (i.type === \"image\" && e.imageOptions?.allowScaling || i.type === \"text\" && e.textOptions?.allowScaling) {\n      const v = o / 2, x = r / 2, C = m(-v, -x);\n      b.push({ type: \"nw\", ...C, radius: d });\n      const S = m(v, -x);\n      b.push({ type: \"ne\", ...S, radius: d });\n      const z = m(v, x);\n      b.push({ type: \"se\", ...z, radius: d });\n      const T = m(-v, x);\n      b.push({ type: \"sw\", ...T, radius: d });\n    }\n    if (i.type === \"image\" && e.imageOptions?.allowRotation || i.type === \"text\" && e.textOptions?.allowRotation) {\n      const v = m(0, -r / 2 - c);\n      b.push({ type: \"rotate\", ...v, radius: d });\n    }\n    return b;\n  }\n  /**\n   * Hit test handles at given canvas coordinates\n   */\n  hitTestHandle(t, e, i) {\n    const s = this.getContentHandlePositions(i);\n    if (!s)\n      return null;\n    for (const n of s) {\n      const a = t - n.x, o = e - n.y;\n      if (Math.sqrt(a * a + o * o) <= n.radius * 2)\n        return n.type;\n    }\n    return null;\n  }\n  /**\n   * Check if positioning is allowed for an area\n   */\n  isPositioningAllowed(t) {\n    const e = this.areas.find((s) => s.id === t);\n    if (!e)\n      return !1;\n    const i = this.contents.get(t);\n    return i ? i.type === \"text\" ? e.textOptions?.allowPositioning ?? !1 : e.imageOptions?.allowPositioning ?? !1 : !1;\n  }\n  /**\n   * Get area location (for constraint calculations)\n   */\n  getAreaLocation(t) {\n    const e = this.areas.find((i) => i.id === t);\n    return e ? e.location : null;\n  }\n  /**\n   * Get area by ID\n   */\n  getArea(t) {\n    return this.areas.find((e) => e.id === t);\n  }\n  /**\n   * Set safe area margins for content safety guides\n   */\n  setSafeArea(t) {\n    this.safeArea = t ?? null, this.requestRender();\n  }\n  /**\n   * Check if any area content extends beyond the safe area bounds.\n   * Returns array of violating area IDs.\n   */\n  checkSafeAreaViolations() {\n    if (!this.safeArea || !this.artboard)\n      return [];\n    const t = [], { top: e, right: i, bottom: s, left: n } = this.safeArea, a = n, o = e, r = this.artboard.width - i, l = this.artboard.height - s;\n    for (const d of this.areas) {\n      if (!this.contents.get(d.id))\n        continue;\n      const u = this.getContentBounds(d.id);\n      if (!u)\n        continue;\n      const { centerX: p, centerY: g, width: m, height: b, rotation: y } = u, w = y * Math.PI / 180, v = Math.abs(Math.cos(w)), x = Math.abs(Math.sin(w)), C = m * v + b * x, S = m * x + b * v, z = p - C / 2, T = g - S / 2, D = p + C / 2, O = g + S / 2;\n      (z < a || T < o || D > r || O > l) && t.push(d.id);\n    }\n    return this.safeAreaViolations = new Set(t), this.requestRender(), t;\n  }\n  /**\n   * Add event listener\n   */\n  on(t, e) {\n    return this.eventListeners.has(t) || this.eventListeners.set(t, /* @__PURE__ */ new Set()), this.eventListeners.get(t).add(e), () => {\n      this.eventListeners.get(t)?.delete(e);\n    };\n  }\n  /**\n   * Emit event\n   */\n  emit(t, e) {\n    const i = this.eventListeners.get(t);\n    if (i)\n      for (const s of i)\n        s(e);\n  }\n  /**\n   * Export to PNG at full resolution\n   */\n  async exportToPNG() {\n    if (!this.artboard)\n      throw new Error(\"No artboard configured\");\n    const { width: t, height: e, backgroundColor: i } = this.artboard, s = document.createElement(\"canvas\");\n    s.width = t, s.height = e;\n    const n = s.getContext(\"2d\");\n    if (!n)\n      throw new Error(\"Failed to get 2D context for export\");\n    n.fillStyle = i, n.fillRect(0, 0, t, e), this.backgroundImage?.position === \"behind\" && this.bgImageElement && this.drawBackgroundImageOnContext(n, t, e);\n    for (const a of this.areas)\n      this.drawAreaContentOnContext(n, a);\n    return this.backgroundImage?.position === \"overlay\" && this.bgImageElement && this.drawBackgroundImageOnContext(n, t, e), new Promise((a, o) => {\n      s.toBlob((r) => {\n        r ? a(r) : o(new Error(\"Failed to create PNG blob\"));\n      }, \"image/png\", 1);\n    });\n  }\n  /**\n   * Load images from content data URLs\n   */\n  loadContentImages() {\n    for (const [t, e] of this.contents)\n      if (e.type === \"image\" && !this.loadedImages.has(t) && !this.loadingImages.has(t)) {\n        this.loadingImages.add(t);\n        const i = new Image();\n        i.onload = () => {\n          this.loadedImages.set(t, i), this.loadingImages.delete(t), this.requestRender();\n        }, i.onerror = () => {\n          this.loadingImages.delete(t), console.error(\"Failed to load image for area:\", t);\n        }, i.src = e.dataUrl;\n      }\n    for (const t of this.loadedImages.keys()) {\n      const e = this.contents.get(t);\n      (!e || e.type !== \"image\") && this.loadedImages.delete(t);\n    }\n  }\n  /**\n   * Render the canvas\n   */\n  render() {\n    const { ctx: t, canvas: e } = this;\n    if (t.fillStyle = \"#f3f4f6\", t.fillRect(0, 0, e.width, e.height), !this.artboard)\n      return;\n    t.save();\n    const i = window.devicePixelRatio || 1;\n    t.scale(i, i), t.scale(this.zoom, this.zoom), t.translate(this.pan.x, this.pan.y);\n    const { width: s, height: n, backgroundColor: a } = this.artboard;\n    t.fillStyle = a, t.fillRect(0, 0, s, n), t.strokeStyle = \"#d1d5db\", t.lineWidth = 1 / this.zoom, t.strokeRect(0, 0, s, n), this.backgroundImage?.position === \"behind\" && this.renderBackgroundImage();\n    for (const o of this.areas)\n      this.renderAreaWithContent(o);\n    this.backgroundImage?.position === \"overlay\" && this.renderBackgroundImage(), this.renderSafeAreaGuide();\n    for (const o of this.safeAreaViolations) {\n      const r = this.areas.find((p) => p.id === o);\n      if (!r)\n        continue;\n      const { x: l, y: d, width: c, height: u } = r.location;\n      t.save(), t.fillStyle = \"rgba(239, 68, 68, 0.15)\", t.fillRect(l, d, c, u), t.restore();\n    }\n    this.selectedAreaId && this.renderSelectionOverlay(this.selectedAreaId), t.restore();\n  }\n  /**\n   * Render selection overlay with handles\n   */\n  renderSelectionOverlay(t) {\n    const e = this.getContentBounds(t);\n    if (!e) {\n      const d = this.areas.find((b) => b.id === t);\n      if (!d)\n        return;\n      const { ctx: c } = this, { x: u, y: p, width: g, height: m } = d.location;\n      c.save(), c.strokeStyle = \"#3b82f6\", c.lineWidth = 2 / this.zoom, c.setLineDash([]), c.strokeRect(u, p, g, m), c.restore();\n      return;\n    }\n    const { ctx: i } = this, { centerX: s, centerY: n, width: a, height: o, rotation: r } = e;\n    i.save(), i.translate(s, n), i.rotate(r * Math.PI / 180), i.strokeStyle = \"#3b82f6\", i.lineWidth = 2 / this.zoom, i.setLineDash([]), i.strokeRect(-a / 2, -o / 2, a, o), i.restore();\n    const l = this.getContentHandlePositions(t);\n    if (l)\n      for (const d of l) {\n        i.save();\n        const c = this.hoveredHandle === d.type, u = c ? \"#dbeafe\" : \"#ffffff\", p = c ? \"#2563eb\" : \"#3b82f6\";\n        if (d.type === \"rotate\") {\n          const g = this.getRotatedPoint(s, n - o / 2, s, n, r);\n          i.beginPath(), i.strokeStyle = p, i.lineWidth = 1 / this.zoom, i.setLineDash([4 / this.zoom, 4 / this.zoom]), i.moveTo(g.x, g.y), i.lineTo(d.x, d.y), i.stroke(), i.setLineDash([]), i.beginPath(), i.fillStyle = u, i.strokeStyle = p, i.lineWidth = 2 / this.zoom, i.arc(d.x, d.y, d.radius, 0, Math.PI * 2), i.fill(), i.stroke(), i.beginPath(), i.strokeStyle = p, i.lineWidth = 1.5 / this.zoom, i.arc(d.x, d.y, d.radius * 0.5, -Math.PI * 0.8, Math.PI * 0.5), i.stroke();\n        } else\n          i.fillStyle = u, i.strokeStyle = p, i.lineWidth = 2 / this.zoom, i.fillRect(d.x - d.radius, d.y - d.radius, d.radius * 2, d.radius * 2), i.strokeRect(d.x - d.radius, d.y - d.radius, d.radius * 2, d.radius * 2);\n        i.restore();\n      }\n  }\n  /**\n   * Rotate a point around a center\n   */\n  getRotatedPoint(t, e, i, s, n) {\n    const a = n * Math.PI / 180, o = Math.cos(a), r = Math.sin(a), l = t - i, d = e - s;\n    return {\n      x: i + l * o - d * r,\n      y: s + l * r + d * o\n    };\n  }\n  /**\n   * Render background image\n   */\n  renderBackgroundImage() {\n    if (!this.bgImageElement || !this.artboard || !this.backgroundImage)\n      return;\n    const { ctx: t } = this, { opacity: e } = this.backgroundImage, { width: i, height: s } = this.artboard;\n    t.save(), t.globalAlpha = e;\n    const n = this.bgImageElement.naturalWidth / this.bgImageElement.naturalHeight, a = i / s;\n    let o, r, l, d;\n    n > a ? (r = s, o = s * n, l = (i - o) / 2, d = 0) : (o = i, r = i / n, l = 0, d = (s - r) / 2), t.drawImage(this.bgImageElement, l, d, o, r), t.restore();\n  }\n  /**\n   * Render safe area guide as dashed green rectangle\n   */\n  renderSafeAreaGuide() {\n    if (!this.safeArea || !this.artboard)\n      return;\n    const { ctx: t } = this, { top: e, right: i, bottom: s, left: n } = this.safeArea, a = n, o = e, r = this.artboard.width - n - i, l = this.artboard.height - e - s;\n    r <= 0 || l <= 0 || (t.save(), t.strokeStyle = \"#22c55e\", t.lineWidth = 1 / this.zoom, t.setLineDash([6 / this.zoom, 4 / this.zoom]), t.strokeRect(a, o, r, l), t.setLineDash([]), t.restore());\n  }\n  /**\n   * Render an area with its content\n   */\n  renderAreaWithContent(t) {\n    const { ctx: e } = this, { location: i, backgroundColor: s } = t, { x: n, y: a, width: o, height: r } = i;\n    s && (e.fillStyle = s, e.fillRect(n, a, o, r));\n    const l = this.contents.get(t.id);\n    l && (l.type === \"text\" ? this.renderTextContent(t, l) : l.type === \"image\" && this.renderImageContent(t, l)), this.showAreaBorders && t.showBorder && (e.save(), e.strokeStyle = t.borderColor || \"#3b82f6\", e.lineWidth = 1 / this.zoom, e.setLineDash([4 / this.zoom, 4 / this.zoom]), e.strokeRect(n, a, o, r), e.setLineDash([]), e.restore());\n  }\n  /**\n   * Render text content in an area\n   */\n  renderTextContent(t, e) {\n    if (!e.text.trim())\n      return;\n    const { ctx: i } = this, { location: s } = t, { x: n, y: a, width: o, height: r } = s, l = e.offset || { x: 0, y: 0 }, d = e.scale ?? 1, c = e.rotation ?? 0, u = n + o / 2 + l.x, p = a + r / 2 + l.y;\n    i.save(), i.beginPath(), i.rect(n, a, o, r), i.clip(), i.translate(u, p), i.rotate(c * Math.PI / 180), i.scale(d, d), i.font = `${e.size}px ${e.font}, sans-serif`, i.fillStyle = e.color, i.textBaseline = \"middle\";\n    let g;\n    switch (e.align) {\n      case \"left\":\n        i.textAlign = \"left\", g = -o / 2 + 10;\n        break;\n      case \"right\":\n        i.textAlign = \"right\", g = o / 2 - 10;\n        break;\n      case \"center\":\n      default:\n        i.textAlign = \"center\", g = 0;\n        break;\n    }\n    i.fillText(e.text, g, 0), i.restore();\n  }\n  /**\n   * Render image content in an area\n   */\n  renderImageContent(t, e) {\n    const i = this.loadedImages.get(t.id);\n    if (!i)\n      return;\n    const { ctx: s } = this, { location: n } = t, { x: a, y: o, width: r, height: l } = n, d = e.offset || { x: 0, y: 0 }, c = e.scale ?? 1, u = e.rotation ?? 0;\n    s.save(), s.beginPath(), s.rect(a, o, r, l), s.clip();\n    const p = i.naturalWidth / i.naturalHeight, g = r / l;\n    let m, b;\n    p > g ? (m = r, b = r / p) : (b = l, m = l * p);\n    const y = m * c, w = b * c, v = a + r / 2 + d.x, x = o + l / 2 + d.y;\n    s.translate(v, x), s.rotate(u * Math.PI / 180), s.drawImage(i, -y / 2, -w / 2, y, w), s.restore();\n  }\n  /**\n   * Draw background image on a specific context (for export)\n   */\n  drawBackgroundImageOnContext(t, e, i) {\n    if (!this.bgImageElement || !this.backgroundImage)\n      return;\n    const { opacity: s } = this.backgroundImage;\n    t.save(), t.globalAlpha = s;\n    const n = this.bgImageElement.naturalWidth / this.bgImageElement.naturalHeight, a = e / i;\n    let o, r, l, d;\n    n > a ? (r = i, o = i * n, l = (e - o) / 2, d = 0) : (o = e, r = e / n, l = 0, d = (i - r) / 2), t.drawImage(this.bgImageElement, l, d, o, r), t.restore();\n  }\n  /**\n   * Draw area content on a specific context (for export)\n   */\n  drawAreaContentOnContext(t, e) {\n    const { location: i, backgroundColor: s } = e, { x: n, y: a, width: o, height: r } = i;\n    s && (t.fillStyle = s, t.fillRect(n, a, o, r));\n    const l = this.contents.get(e.id);\n    if (l) {\n      if (l.type === \"text\") {\n        if (!l.text.trim())\n          return;\n        const d = l.offset || { x: 0, y: 0 }, c = l.scale ?? 1, u = l.rotation ?? 0, p = n + o / 2 + d.x, g = a + r / 2 + d.y;\n        t.save(), t.beginPath(), t.rect(n, a, o, r), t.clip(), t.translate(p, g), t.rotate(u * Math.PI / 180), t.scale(c, c), t.font = `${l.size}px ${l.font}, sans-serif`, t.fillStyle = l.color, t.textBaseline = \"middle\";\n        let m;\n        switch (l.align) {\n          case \"left\":\n            t.textAlign = \"left\", m = -o / 2 + 10;\n            break;\n          case \"right\":\n            t.textAlign = \"right\", m = o / 2 - 10;\n            break;\n          case \"center\":\n          default:\n            t.textAlign = \"center\", m = 0;\n            break;\n        }\n        t.fillText(l.text, m, 0), t.restore();\n      } else if (l.type === \"image\") {\n        const d = this.loadedImages.get(e.id);\n        if (!d)\n          return;\n        const c = l.offset || { x: 0, y: 0 }, u = l.scale ?? 1, p = l.rotation ?? 0;\n        t.save(), t.beginPath(), t.rect(n, a, o, r), t.clip();\n        const g = d.naturalWidth / d.naturalHeight, m = o / r;\n        let b, y;\n        g > m ? (b = o, y = o / g) : (y = r, b = r * g);\n        const w = b * u, v = y * u, x = n + o / 2 + c.x, C = a + r / 2 + c.y;\n        t.translate(x, C), t.rotate(p * Math.PI / 180), t.drawImage(d, -w / 2, -v / 2, w, v), t.restore();\n      }\n    }\n  }\n  /**\n   * Cleanup resources\n   */\n  destroy() {\n    this.stop(), this.bgImageElement = null, this.loadedImages.clear(), this.loadingImages.clear(), this.eventListeners.clear();\n  }\n}\nfunction E(f) {\n  const t = f.textOptions;\n  return {\n    type: \"text\",\n    text: t?.defaultText || \"\",\n    font: t?.defaultFont || \"Inter\",\n    size: t?.defaultSize || 24,\n    color: t?.defaultColor || \"#000000\",\n    align: t?.defaultAlign || \"center\"\n  };\n}\nfunction M(f) {\n  return f.contentType === \"text\" || f.contentType === \"both\";\n}\nfunction P(f) {\n  return f.contentType === \"image\" || f.contentType === \"both\";\n}\nconst H = 50;\nclass B {\n  constructor(t) {\n    this.history = [], this.historyIndex = -1, this.listeners = /* @__PURE__ */ new Set(), this.isRestoring = !1, this.state = this.cloneState(t), this.history.push({\n      state: this.cloneState(t),\n      timestamp: Date.now(),\n      description: \"Initial state\"\n    }), this.historyIndex = 0;\n  }\n  getState() {\n    return this.state;\n  }\n  /**\n   * Update state and save to history\n   */\n  setState(t, e, i = !1) {\n    const s = this.state;\n    this.state = { ...this.state, ...t }, !i && !this.isRestoring && this.saveToHistory(s, e), this.notifyListeners();\n  }\n  /**\n   * Update state without saving to history\n   * Use for transient changes like zoom/pan\n   */\n  update(t) {\n    this.state = { ...this.state, ...t }, this.notifyListeners();\n  }\n  subscribe(t) {\n    return this.listeners.add(t), () => this.listeners.delete(t);\n  }\n  undo() {\n    return this.canUndo() ? (this.historyIndex--, this.restoreFromHistory(), !0) : !1;\n  }\n  redo() {\n    return this.canRedo() ? (this.historyIndex++, this.restoreFromHistory(), !0) : !1;\n  }\n  canUndo() {\n    return this.historyIndex > 0;\n  }\n  canRedo() {\n    return this.historyIndex < this.history.length - 1;\n  }\n  clearHistory() {\n    this.history = [], this.historyIndex = -1;\n  }\n  getHistory() {\n    return this.history;\n  }\n  saveToHistory(t, e) {\n    this.historyIndex < this.history.length - 1 && (this.history = this.history.slice(0, this.historyIndex + 1)), this.history.push({\n      state: this.cloneState(t),\n      timestamp: Date.now(),\n      description: e\n    }), this.history.length > H && this.history.shift(), this.historyIndex = this.history.length - 1;\n  }\n  restoreFromHistory() {\n    const t = this.history[this.historyIndex];\n    t && (this.isRestoring = !0, this.state = this.cloneState(t.state), this.notifyListeners(), this.isRestoring = !1);\n  }\n  notifyListeners() {\n    const t = this.state;\n    for (const e of this.listeners)\n      try {\n        e(t);\n      } catch (i) {\n        console.error(\"Error in state change listener:\", i);\n      }\n  }\n  /**\n   * Deep clone state. Contents are already serialized as Array<[string, AreaContent]>\n   * so JSON.parse/stringify works correctly.\n   */\n  cloneState(t) {\n    return JSON.parse(JSON.stringify(t));\n  }\n}\nclass A {\n  constructor(t) {\n    this.listeners = /* @__PURE__ */ new Set(), this.areas = t, this.contents = this.buildInitialContents();\n  }\n  buildInitialContents() {\n    const t = /* @__PURE__ */ new Map();\n    for (const e of this.areas)\n      M(e) && t.set(e.id, E(e));\n    return t;\n  }\n  getContents() {\n    return this.contents;\n  }\n  getContent(t) {\n    return this.contents.get(t);\n  }\n  setTextContent(t, e) {\n    const i = this.contents.get(t), s = this.areas.find((a) => a.id === t), n = s ? E(s) : {\n      type: \"text\",\n      text: \"\",\n      font: \"Inter\",\n      size: 24,\n      color: \"#000000\",\n      align: \"center\"\n    };\n    i?.type === \"text\" ? this.contents.set(t, { ...i, ...e }) : this.contents.set(t, { ...n, ...e }), this.notify();\n  }\n  setImageContent(t, e, i) {\n    const s = {\n      type: \"image\",\n      dataUrl: e,\n      filename: i\n    };\n    this.contents.set(t, s), this.notify();\n  }\n  clearContent(t) {\n    const e = this.areas.find((i) => i.id === t);\n    e && M(e) ? this.contents.set(t, E(e)) : this.contents.delete(t), this.notify();\n  }\n  setContentOffset(t, e) {\n    const i = this.contents.get(t);\n    i && (this.contents.set(t, { ...i, offset: e }), this.notify());\n  }\n  setImageScale(t, e) {\n    const i = this.contents.get(t);\n    if (!i || i.type !== \"image\") return;\n    const s = Math.max(0.1, Math.min(5, e));\n    this.contents.set(t, { ...i, scale: s }), this.notify();\n  }\n  setImageRotation(t, e) {\n    const i = this.contents.get(t);\n    if (!i || i.type !== \"image\") return;\n    let s = e % 360;\n    s < 0 && (s += 360), this.contents.set(t, { ...i, rotation: s }), this.notify();\n  }\n  reset() {\n    this.contents = this.buildInitialContents(), this.notify();\n  }\n  /** Serialize for undo/redo (Map -> Array) */\n  toJSON() {\n    return Array.from(this.contents.entries());\n  }\n  /** Restore from serialized data */\n  fromJSON(t) {\n    this.contents = new Map(t), this.notify();\n  }\n  /** Replace the entire contents map (e.g. from undo/redo) without notification */\n  setContentsQuiet(t) {\n    this.contents = new Map(t);\n  }\n  subscribe(t) {\n    return this.listeners.add(t), () => this.listeners.delete(t);\n  }\n  notify() {\n    for (const t of this.listeners)\n      try {\n        t();\n      } catch (e) {\n        console.error(\"Error in AreaContentManager listener:\", e);\n      }\n  }\n}\nclass I {\n  constructor() {\n    this.listeners = /* @__PURE__ */ new Map();\n  }\n  /**\n   * Register an event listener\n   *\n   * @param event - Event name\n   * @param handler - Event handler function\n   * @returns Unsubscribe function\n   */\n  on(t, e) {\n    return this.listeners.has(t) || this.listeners.set(t, /* @__PURE__ */ new Set()), this.listeners.get(t).add(e), () => this.off(t, e);\n  }\n  /**\n   * Register a one-time event listener\n   *\n   * @param event - Event name\n   * @param handler - Event handler function\n   * @returns Unsubscribe function\n   */\n  once(t, e) {\n    const i = (n) => {\n      e(n), this.off(t, i);\n    };\n    return this.on(t, i);\n  }\n  /**\n   * Remove an event listener\n   *\n   * @param event - Event name\n   * @param handler - Event handler function to remove\n   */\n  off(t, e) {\n    const i = this.listeners.get(t);\n    i && (i.delete(e), i.size === 0 && this.listeners.delete(t));\n  }\n  /**\n   * Emit an event to all registered listeners\n   *\n   * @param event - Event name\n   * @param data - Event data\n   */\n  emit(t, e) {\n    const i = this.listeners.get(t);\n    if (i) {\n      const s = Array.from(i);\n      for (const n of s)\n        try {\n          n(e);\n        } catch (a) {\n          console.error(`Error in event handler for \"${String(t)}\":`, a);\n        }\n    }\n  }\n  /**\n   * Remove all listeners for an event, or all listeners if no event specified\n   *\n   * @param event - Optional event name to clear (clears all if not specified)\n   */\n  clear(t) {\n    t ? this.listeners.delete(t) : this.listeners.clear();\n  }\n  /**\n   * Get the number of listeners for an event\n   *\n   * @param event - Event name\n   * @returns Number of listeners\n   */\n  listenerCount(t) {\n    return this.listeners.get(t)?.size ?? 0;\n  }\n}\nclass U extends I {\n  constructor() {\n    super(...arguments), this.activeTouches = /* @__PURE__ */ new Map(), this.initialPinchDistance = null, this.lastPinchCenter = null, this.isTwoFingerGesture = !1;\n  }\n  /** Whether a multi-touch gesture is currently active */\n  get isMultiTouch() {\n    return this.isTwoFingerGesture;\n  }\n  handleTouchStart(t) {\n    for (let e = 0; e < t.changedTouches.length; e++) {\n      const i = t.changedTouches[e];\n      this.activeTouches.set(i.identifier, {\n        x: i.clientX,\n        y: i.clientY\n      });\n    }\n    if (this.activeTouches.size === 2) {\n      this.isTwoFingerGesture = !0, t.preventDefault();\n      const [e, i] = Array.from(this.activeTouches.values());\n      this.initialPinchDistance = this.getDistance(e, i), this.lastPinchCenter = this.getCenter(e, i);\n    }\n  }\n  handleTouchMove(t) {\n    for (let e = 0; e < t.changedTouches.length; e++) {\n      const i = t.changedTouches[e];\n      this.activeTouches.set(i.identifier, {\n        x: i.clientX,\n        y: i.clientY\n      });\n    }\n    if (this.activeTouches.size === 2 && this.initialPinchDistance !== null && this.lastPinchCenter) {\n      t.preventDefault();\n      const [e, i] = Array.from(this.activeTouches.values()), s = this.getDistance(e, i), n = this.getCenter(e, i), a = s / this.initialPinchDistance;\n      this.emit(\"pinch\", {\n        scale: a,\n        centerX: n.x,\n        centerY: n.y\n      });\n      const o = n.x - this.lastPinchCenter.x, r = n.y - this.lastPinchCenter.y;\n      (Math.abs(o) > 0.5 || Math.abs(r) > 0.5) && this.emit(\"pan\", { deltaX: o, deltaY: r }), this.initialPinchDistance = s, this.lastPinchCenter = n;\n    }\n  }\n  handleTouchEnd(t) {\n    for (let e = 0; e < t.changedTouches.length; e++) {\n      const i = t.changedTouches[e];\n      this.activeTouches.delete(i.identifier);\n    }\n    this.activeTouches.size < 2 && (this.initialPinchDistance = null, this.lastPinchCenter = null, this.isTwoFingerGesture = !1);\n  }\n  reset() {\n    this.activeTouches.clear(), this.initialPinchDistance = null, this.lastPinchCenter = null, this.isTwoFingerGesture = !1;\n  }\n  getDistance(t, e) {\n    const i = e.x - t.x, s = e.y - t.y;\n    return Math.sqrt(i * i + s * s);\n  }\n  getCenter(t, e) {\n    return {\n      x: (t.x + e.x) / 2,\n      y: (t.y + e.y) / 2\n    };\n  }\n}\nclass F extends I {\n  constructor(t, e, i, s) {\n    super(), this.interactionState = { mode: \"idle\" }, this.initialPinchZoom = 1, this.canvas = t, this.engine = e, this.getContents = i, this.getSelectedAreaId = s, this.gestureHandler = new U(), this.boundMouseDown = this.handleMouseDown.bind(this), this.boundMouseMove = this.handleMouseMove.bind(this), this.boundMouseUp = this.handleMouseUp.bind(this), this.boundMouseLeave = this.handleMouseLeave.bind(this), this.boundContextMenu = this.handleContextMenu.bind(this), this.boundDoubleClick = this.handleDoubleClick.bind(this), this.boundTouchStart = this.handleTouchStart.bind(this), this.boundTouchMove = this.handleTouchMove.bind(this), this.boundTouchEnd = this.handleTouchEnd.bind(this), t.addEventListener(\"mousedown\", this.boundMouseDown), t.addEventListener(\"mousemove\", this.boundMouseMove), t.addEventListener(\"mouseup\", this.boundMouseUp), t.addEventListener(\"mouseleave\", this.boundMouseLeave), t.addEventListener(\"contextmenu\", this.boundContextMenu), t.addEventListener(\"dblclick\", this.boundDoubleClick), t.addEventListener(\"touchstart\", this.boundTouchStart, { passive: !1 }), t.addEventListener(\"touchmove\", this.boundTouchMove, { passive: !1 }), t.addEventListener(\"touchend\", this.boundTouchEnd), this.gestureHandler.on(\"pinch\", ({ scale: n }) => {\n      const a = Math.max(0.1, Math.min(5, this.initialPinchZoom * n));\n      this.emit(\"zoom\", { zoom: a });\n    }), this.gestureHandler.on(\"pan\", ({ deltaX: n, deltaY: a }) => {\n      const o = this.engine.getPan(), r = this.engine.getZoom();\n      this.emit(\"pan\", {\n        pan: {\n          x: o.x + n / r,\n          y: o.y + a / r\n        }\n      });\n    });\n  }\n  getCanvasPosition(t, e) {\n    const i = this.canvas.getBoundingClientRect(), s = window.devicePixelRatio || 1, n = (t - i.left) * s, a = (e - i.top) * s;\n    return this.engine.screenToCanvas(n, a);\n  }\n  handleMouseDown(t) {\n    const e = this.getCanvasPosition(t.clientX, t.clientY);\n    this.processPointerDown(e);\n  }\n  handleMouseMove(t) {\n    const e = this.getCanvasPosition(t.clientX, t.clientY);\n    this.processPointerMove(e);\n  }\n  handleMouseUp() {\n    this.processPointerUp();\n  }\n  handleMouseLeave() {\n    this.processPointerUp(), this.emit(\"cursor\", { cursor: \"default\" });\n  }\n  handleContextMenu(t) {\n    t.preventDefault();\n  }\n  handleDoubleClick(t) {\n    const e = this.getCanvasPosition(t.clientX, t.clientY);\n    let i = this.engine.hitTestContent(e.x, e.y);\n    i || (i = this.engine.hitTestArea(e.x, e.y) ?? null), this.emit(\"context-menu\", { areaId: i, clientX: t.clientX, clientY: t.clientY });\n  }\n  handleTouchStart(t) {\n    if (this.gestureHandler.handleTouchStart(t), this.gestureHandler.isMultiTouch) {\n      this.initialPinchZoom = this.engine.getZoom(), this.interactionState.mode !== \"idle\" && (this.interactionState = { mode: \"idle\" });\n      return;\n    }\n    if (t.touches.length !== 1) return;\n    const e = t.touches[0], i = this.getCanvasPosition(e.clientX, e.clientY);\n    this.processPointerDown(i) && t.preventDefault();\n  }\n  handleTouchMove(t) {\n    if (this.gestureHandler.handleTouchMove(t), this.gestureHandler.isMultiTouch || t.touches.length !== 1 || this.interactionState.mode === \"idle\") return;\n    const e = t.touches[0], i = this.getCanvasPosition(e.clientX, e.clientY);\n    this.processPointerMove(i), t.preventDefault();\n  }\n  handleTouchEnd(t) {\n    this.gestureHandler.handleTouchEnd(t), this.gestureHandler.isMultiTouch || this.processPointerUp();\n  }\n  /**\n   * Process pointer down. Returns true if an interaction started.\n   */\n  processPointerDown(t) {\n    const e = this.getSelectedAreaId(), i = this.getContents();\n    if (e) {\n      const a = this.engine.hitTestHandle(t.x, t.y, e);\n      if (a) {\n        const o = i.get(e), r = this.engine.getContentBounds(e);\n        if (a === \"rotate\" && o?.type === \"image\" && r) {\n          const l = Math.atan2(t.y - r.centerY, t.x - r.centerX) * (180 / Math.PI);\n          return this.interactionState = {\n            mode: \"rotating\",\n            areaId: e,\n            startRotation: o.rotation ?? 0,\n            centerPoint: { x: r.centerX, y: r.centerY },\n            startAngle: l\n          }, !0;\n        } else if (a !== \"rotate\" && o?.type === \"image\" && r)\n          return this.interactionState = {\n            mode: \"scaling\",\n            areaId: e,\n            handle: a,\n            startScale: o.scale ?? 1,\n            startMousePos: t,\n            pivotPoint: { x: r.centerX, y: r.centerY }\n          }, !0;\n      }\n    }\n    const s = this.engine.hitTestContent(t.x, t.y);\n    if (s) {\n      if (this.emit(\"area:select\", { areaId: s }), this.engine.isPositioningAllowed(s)) {\n        const o = i.get(s)?.offset ?? { x: 0, y: 0 };\n        return this.interactionState = {\n          mode: \"dragging\",\n          areaId: s,\n          startOffset: o,\n          startMousePos: t\n        }, !0;\n      }\n      return !0;\n    }\n    const n = this.engine.hitTestArea(t.x, t.y);\n    return n ? (this.emit(\"area:select\", { areaId: n }), !1) : (this.emit(\"area:select\", { areaId: null }), !1);\n  }\n  processPointerMove(t) {\n    if (this.interactionState.mode === \"dragging\") {\n      const { areaId: e, startOffset: i, startMousePos: s } = this.interactionState, n = t.x - s.x, a = t.y - s.y;\n      let o = {\n        x: i.x + n,\n        y: i.y + a\n      };\n      const r = this.engine.getAreaLocation(e);\n      if (r) {\n        const l = r.width / 2 - 10, d = r.height / 2 - 10;\n        o.x = Math.max(-l, Math.min(l, o.x)), o.y = Math.max(-d, Math.min(d, o.y));\n      }\n      this.emit(\"content:drag\", { areaId: e, offset: o });\n      return;\n    }\n    if (this.interactionState.mode === \"scaling\") {\n      const { areaId: e, startScale: i, startMousePos: s, pivotPoint: n } = this.interactionState, a = Math.sqrt(\n        Math.pow(s.x - n.x, 2) + Math.pow(s.y - n.y, 2)\n      ), o = Math.sqrt(\n        Math.pow(t.x - n.x, 2) + Math.pow(t.y - n.y, 2)\n      );\n      if (a > 0) {\n        const r = o / a, l = Math.max(0.1, Math.min(5, i * r));\n        this.emit(\"content:scale\", { areaId: e, scale: l });\n      }\n      return;\n    }\n    if (this.interactionState.mode === \"rotating\") {\n      const { areaId: e, startRotation: i, centerPoint: s, startAngle: n } = this.interactionState, a = Math.atan2(t.y - s.y, t.x - s.x) * (180 / Math.PI);\n      let o = i + (a - n);\n      o = o % 360, o < 0 && (o += 360);\n      const r = [0, 90, 180, 270, 360];\n      for (const l of r)\n        if (Math.abs(o - l) < 5) {\n          o = l === 360 ? 0 : l;\n          break;\n        }\n      this.emit(\"content:rotate\", { areaId: e, rotation: o });\n      return;\n    }\n    this.updateCursor(t);\n  }\n  processPointerUp() {\n    this.interactionState.mode !== \"idle\" && (this.interactionState = { mode: \"idle\" });\n  }\n  updateCursor(t) {\n    const e = this.getSelectedAreaId();\n    let i = \"default\";\n    if (e) {\n      const s = this.engine.hitTestHandle(t.x, t.y, e);\n      s ? i = s === \"rotate\" ? \"crosshair\" : s === \"nw\" || s === \"se\" ? \"nwse-resize\" : \"nesw-resize\" : this.engine.hitTestContent(t.x, t.y) === e && (i = this.engine.isPositioningAllowed(e) ? \"move\" : \"pointer\");\n    } else\n      this.engine.hitTestContent(t.x, t.y) && (i = \"pointer\");\n    this.emit(\"cursor\", { cursor: i });\n  }\n  setSelectedArea(t) {\n    this.engine.setSelectedArea(t);\n  }\n  destroy() {\n    this.canvas.removeEventListener(\"mousedown\", this.boundMouseDown), this.canvas.removeEventListener(\"mousemove\", this.boundMouseMove), this.canvas.removeEventListener(\"mouseup\", this.boundMouseUp), this.canvas.removeEventListener(\"mouseleave\", this.boundMouseLeave), this.canvas.removeEventListener(\"contextmenu\", this.boundContextMenu), this.canvas.removeEventListener(\"dblclick\", this.boundDoubleClick), this.canvas.removeEventListener(\"touchstart\", this.boundTouchStart), this.canvas.removeEventListener(\"touchmove\", this.boundTouchMove), this.canvas.removeEventListener(\"touchend\", this.boundTouchEnd), this.gestureHandler.reset(), this.clear();\n  }\n}\nclass Z {\n  constructor(t = \"/api\") {\n    this.baseUrl = t;\n  }\n  async getTemplate(t) {\n    try {\n      const e = await fetch(`${this.baseUrl}/templates/${t}`);\n      if (!e.ok) {\n        let s = `Failed to load template (${e.status} ${e.statusText}): ${t}\n\n`;\n        throw e.status === 404 ? s += \"Template not found.\" : e.status === 403 ? s += \"Access forbidden.\" : e.status >= 500 && (s += \"Server error.\"), new Error(s);\n      }\n      return (await e.json()).templateJson;\n    } catch (e) {\n      throw e instanceof Error && e.message.includes(\"Failed to fetch\") ? new Error(`Network error loading template: ${t}`) : e;\n    }\n  }\n  async getProduct(t) {\n    try {\n      const e = await fetch(`${this.baseUrl}/products/${t}`);\n      if (!e.ok) {\n        let i = `Failed to load product (${e.status} ${e.statusText}): ${t}\n\n`;\n        throw e.status === 404 ? i += \"Product not found.\" : e.status === 403 ? i += \"Access forbidden.\" : e.status >= 500 && (i += \"Server error.\"), new Error(i);\n      }\n      return e.json();\n    } catch (e) {\n      throw e instanceof Error && e.message.includes(\"Failed to fetch\") ? new Error(`Network error loading product: ${t}`) : e;\n    }\n  }\n  async finalizeDesign(t, e) {\n    try {\n      const i = await fetch(`${this.baseUrl}/finalize`, {\n        method: \"POST\",\n        headers: { \"Content-Type\": \"application/json\" },\n        body: JSON.stringify({\n          shopId: t,\n          templateId: e.templateId,\n          designJson: e\n        })\n      });\n      if (!i.ok) {\n        let s = `Failed to finalize design (${i.status} ${i.statusText})\n\n`;\n        if (i.status === 400) {\n          const n = await i.json().catch(() => ({}));\n          s += n.error || \"Invalid design data.\";\n        } else i.status === 429 ? s += \"Rate limit exceeded.\" : i.status >= 500 && (s += \"Server error.\");\n        throw new Error(s);\n      }\n      return i.json();\n    } catch (i) {\n      throw i instanceof Error && i.message.includes(\"Failed to fetch\") ? new Error(\"Network error finalizing design\") : i;\n    }\n  }\n  async uploadAsset(t, e) {\n    try {\n      const i = new FormData();\n      i.append(\"shopId\", e), i.append(\"file\", t);\n      const s = await fetch(`${this.baseUrl}/assets/upload`, {\n        method: \"POST\",\n        body: i\n      });\n      if (!s.ok) {\n        let n = `Failed to upload asset (${s.status} ${s.statusText})\n\n`;\n        if (s.status === 400) {\n          const a = await s.json().catch(() => ({}));\n          n += a.error || \"Invalid file.\";\n        } else s.status === 413 ? n += \"File too large (max 15MB).\" : s.status >= 500 && (n += \"Server error.\");\n        throw new Error(n);\n      }\n      return s.json();\n    } catch (i) {\n      throw i instanceof Error && i.message.includes(\"Failed to fetch\") ? new Error(\"Network error uploading asset\") : i;\n    }\n  }\n  async getStorageUsage(t) {\n    try {\n      const e = await fetch(`${this.baseUrl}/assets/usage?shopId=${encodeURIComponent(t)}`);\n      if (!e.ok)\n        throw new Error(`Failed to fetch storage usage (${e.status})`);\n      return e.json();\n    } catch (e) {\n      throw e instanceof Error && e.message.includes(\"Failed to fetch\") ? new Error(\"Network error fetching storage usage\") : e;\n    }\n  }\n}\nfunction h(f, t, ...e) {\n  const i = document.createElement(f);\n  return t && Object.entries(t).forEach(([s, n]) => {\n    s === \"class\" ? i.className = n : s in i ? i[s] = n : i.setAttribute(s, String(n));\n  }), e.forEach((s) => {\n    typeof s == \"string\" ? i.appendChild(document.createTextNode(s)) : i.appendChild(s);\n  }), i;\n}\nfunction $(f, t) {\n  let e = null, i = null;\n  const s = (...n) => {\n    i = n, e && clearTimeout(e), e = setTimeout(() => {\n      i && f(...i), e = null, i = null;\n    }, t);\n  };\n  return s.flush = () => {\n    e && (clearTimeout(e), e = null), i && (f(...i), i = null);\n  }, s.cancel = () => {\n    e && (clearTimeout(e), e = null), i = null;\n  }, s;\n}\nclass V extends I {\n  constructor() {\n    super(), this.percentLabel = h(\"span\", { class: \"zoom-percent\" }, \"100%\");\n    const t = h(\"button\", {\n      class: \"zoom-btn\",\n      title: \"Zoom out\"\n    }, \"−\");\n    t.addEventListener(\"click\", () => this.emit(\"zoom-out\", void 0));\n    const e = h(\"button\", {\n      class: \"zoom-btn\",\n      title: \"Fit to view\"\n    }, \"Fit\");\n    e.addEventListener(\"click\", () => this.emit(\"zoom-fit\", void 0));\n    const i = h(\"button\", {\n      class: \"zoom-btn\",\n      title: \"Zoom in\"\n    }, \"+\");\n    i.addEventListener(\"click\", () => this.emit(\"zoom-in\", void 0)), this.viewSelect = document.createElement(\"select\"), this.viewSelect.className = \"view-select\", this.viewSelect.title = \"Switch view\", this.viewSelect.style.display = \"none\", this.viewSelect.addEventListener(\"change\", () => {\n      this.emit(\"view-change\", { viewName: this.viewSelect.value });\n    }), this.element = h(\"div\", { class: \"zoom-toolbar\" }), this.element.appendChild(t), this.element.appendChild(e), this.element.appendChild(i), this.element.appendChild(this.percentLabel), this.element.appendChild(this.viewSelect);\n    const s = h(\"div\", { class: \"zoom-toolbar-spacer\" });\n    this.element.appendChild(s);\n    const n = h(\"button\", {\n      class: \"zoom-btn zoom-close-btn\",\n      title: \"Close editor\"\n    }, \"✕ Close\");\n    n.addEventListener(\"click\", () => this.emit(\"close\", void 0)), this.element.appendChild(n), this.saveBtn = h(\"button\", {\n      class: \"zoom-btn zoom-save-btn\",\n      title: \"Save customization\"\n    }, \"Save Customization\"), this.saveBtn.style.display = \"none\", this.saveBtn.addEventListener(\"click\", () => this.emit(\"save\", void 0)), this.element.appendChild(this.saveBtn);\n  }\n  setZoom(t) {\n    this.percentLabel.textContent = `${Math.round(t * 100)}%`;\n  }\n  showSaveButton(t) {\n    this.saveBtn.style.display = t ? \"\" : \"none\";\n  }\n  setSaveDisabled(t, e) {\n    this.saveBtn.disabled = t, e && (this.saveBtn.textContent = e);\n  }\n  setViews(t) {\n    this.viewSelect.innerHTML = \"\";\n    for (const e of t) {\n      const i = document.createElement(\"option\");\n      i.value = e.viewName, i.textContent = e.viewName, this.viewSelect.appendChild(i);\n    }\n    this.viewSelect.style.display = t.length > 1 ? \"\" : \"none\";\n  }\n  setActiveView(t) {\n    this.viewSelect.value = t;\n  }\n  getElement() {\n    return this.element;\n  }\n}\nconst Y = [\n  { label: \"Inter\", value: \"Inter\" },\n  { label: \"Arial\", value: \"Arial\" },\n  { label: \"Georgia\", value: \"Georgia\" },\n  { label: \"Times New Roman\", value: \"Times New Roman\" },\n  { label: \"Courier New\", value: \"Courier New\" }\n], W = [\n  { label: \"L\", value: \"left\" },\n  { label: \"C\", value: \"center\" },\n  { label: \"R\", value: \"right\" }\n], L = [\"image/png\", \"image/jpeg\", \"image/webp\", \"image/svg+xml\"], X = 15 * 1024 * 1024;\nclass R extends I {\n  constructor(t) {\n    super(), this.mode = \"text\", this.isSelected = !1, this.textInputEl = null, this.fontSelectEl = null, this.sizeInputEl = null, this.colorInputEl = null, this.alignGroupEl = null, this.area = t;\n    const e = M(t), i = P(t);\n    this.mode = i && !e ? \"image\" : \"text\", this.element = h(\"div\", { class: \"area-card\" }), this.element.addEventListener(\"click\", (r) => {\n      r.target.tagName === \"INPUT\" || r.target.tagName === \"SELECT\" || r.target.tagName === \"BUTTON\" || this.emit(\"select\", { areaId: t.id });\n    });\n    const s = h(\"div\", { class: \"area-card-header\" }), n = h(\"div\", { class: \"area-card-name-row\" }), a = h(\"span\", { class: \"area-card-name\" }, t.name);\n    if (n.appendChild(a), t.required) {\n      const r = h(\"span\", { class: \"area-card-badge\" }, \"Required\");\n      n.appendChild(r);\n    }\n    s.appendChild(n);\n    const o = h(\"button\", {\n      class: \"area-card-reset-btn\",\n      title: \"Reset content\"\n    }, \"Reset\");\n    if (o.addEventListener(\"click\", (r) => {\n      r.stopPropagation(), this.emit(\"clear\", { areaId: t.id });\n    }), s.appendChild(o), this.element.appendChild(s), e && i) {\n      const r = h(\"div\", { class: \"area-card-mode-switcher\" }), l = h(\"button\", {\n        class: \"mode-btn mode-btn-active\"\n      }, \"Text\");\n      l.dataset.mode = \"text\";\n      const d = h(\"button\", { class: \"mode-btn\" }, \"Image\");\n      d.dataset.mode = \"image\", l.addEventListener(\"click\", (c) => {\n        c.stopPropagation(), this.setMode(\"text\"), l.classList.add(\"mode-btn-active\"), d.classList.remove(\"mode-btn-active\"), this.currentContent?.type === \"image\" && this.emit(\"clear\", { areaId: t.id });\n      }), d.addEventListener(\"click\", (c) => {\n        c.stopPropagation(), this.setMode(\"image\"), d.classList.add(\"mode-btn-active\"), l.classList.remove(\"mode-btn-active\"), this.currentContent?.type === \"text\" && this.emit(\"clear\", { areaId: t.id });\n      }), r.appendChild(l), r.appendChild(d), this.element.appendChild(r);\n    }\n    this.contentContainer = h(\"div\", { class: \"area-card-content\" }), this.element.appendChild(this.contentContainer), this.transformContainer = h(\"div\", { class: \"area-card-transforms\" }), this.element.appendChild(this.transformContainer), this.renderContent();\n  }\n  setMode(t) {\n    this.mode = t, this.renderContent();\n  }\n  setContent(t) {\n    const e = this.currentContent?.type;\n    this.currentContent = t, t?.type === \"image\" && (this.mode = \"image\"), this.element.querySelectorAll(\".mode-btn\").forEach((n) => {\n      const a = n;\n      a.classList.toggle(\"mode-btn-active\", a.dataset.mode === this.mode);\n    }), t?.type !== e || t?.type === \"image\" || t === void 0 ? this.renderContent() : t?.type === \"text\" && this.updateTextValues(t), this.renderTransforms();\n  }\n  setSelected(t) {\n    this.isSelected = t, this.element.classList.toggle(\"area-card-selected\", t), this.renderTransforms();\n  }\n  updateTextValues(t) {\n    this.textInputEl && this.textInputEl.value !== t.text && (this.textInputEl.value = t.text), this.fontSelectEl && this.fontSelectEl.value !== t.font && (this.fontSelectEl.value = t.font), this.sizeInputEl && this.sizeInputEl.value !== String(t.size) && (this.sizeInputEl.value = String(t.size)), this.colorInputEl && this.colorInputEl.value !== t.color && (this.colorInputEl.value = t.color), this.alignGroupEl && this.alignGroupEl.querySelectorAll(\".align-btn\").forEach((e) => {\n      const i = e, s = i.title === \"Left\" ? \"left\" : i.title === \"Center\" ? \"center\" : \"right\";\n      i.classList.toggle(\"align-btn-active\", s === t.align);\n    });\n  }\n  renderContent() {\n    this.contentContainer.innerHTML = \"\", this.textInputEl = null, this.fontSelectEl = null, this.sizeInputEl = null, this.colorInputEl = null, this.alignGroupEl = null;\n    const t = M(this.area), e = P(this.area), i = !e || t && e && this.mode === \"text\", s = !t || t && e && this.mode === \"image\";\n    t && i && this.renderTextControls(), e && s && this.renderImageControls();\n  }\n  renderTextControls() {\n    const t = this.currentContent, e = t?.type === \"text\" ? t : E(this.area), i = h(\"input\", {\n      class: \"area-input-text\",\n      type: \"text\",\n      placeholder: this.area.placeholder || \"Enter text...\"\n    });\n    i.value = e.text, this.area.textOptions?.maxLength && (i.maxLength = this.area.textOptions.maxLength), i.addEventListener(\"input\", () => {\n      this.emit(\"text:change\", { areaId: this.area.id, updates: { text: i.value } });\n    }), this.contentContainer.appendChild(i), this.textInputEl = i;\n    const s = h(\"div\", { class: \"area-input-row\" }), n = h(\"select\", { class: \"area-input-font\" });\n    for (const d of Y) {\n      const c = h(\"option\");\n      c.value = d.value, c.textContent = d.label, d.value === e.font && (c.selected = !0), n.appendChild(c);\n    }\n    n.addEventListener(\"change\", () => {\n      this.emit(\"text:change\", { areaId: this.area.id, updates: { font: n.value } });\n    }), s.appendChild(n), this.fontSelectEl = n;\n    const a = h(\"input\", {\n      class: \"area-input-size\",\n      type: \"number\"\n    });\n    a.value = String(e.size), a.min = String(this.area.textOptions?.minSize || 8), a.max = String(this.area.textOptions?.maxSize || 200), a.addEventListener(\"change\", () => {\n      this.emit(\"text:change\", {\n        areaId: this.area.id,\n        updates: { size: parseInt(a.value, 10) || 24 }\n      });\n    }), s.appendChild(a), this.sizeInputEl = a, this.contentContainer.appendChild(s);\n    const o = h(\"div\", { class: \"area-input-row\" }), r = h(\"div\", { class: \"area-input-align\" });\n    for (const d of W) {\n      const c = h(\"button\", {\n        class: `align-btn${e.align === d.value ? \" align-btn-active\" : \"\"}`,\n        title: d.label === \"L\" ? \"Left\" : d.label === \"C\" ? \"Center\" : \"Right\"\n      }, d.label);\n      c.addEventListener(\"click\", (u) => {\n        u.stopPropagation(), this.emit(\"text:change\", { areaId: this.area.id, updates: { align: d.value } }), r.querySelectorAll(\".align-btn\").forEach((p) => p.classList.remove(\"align-btn-active\")), c.classList.add(\"align-btn-active\");\n      }), r.appendChild(c);\n    }\n    o.appendChild(r), this.alignGroupEl = r;\n    const l = h(\"input\", {\n      class: \"area-input-color\",\n      type: \"color\"\n    });\n    l.value = e.color, l.addEventListener(\"input\", () => {\n      this.emit(\"text:change\", { areaId: this.area.id, updates: { color: l.value } });\n    }), o.appendChild(l), this.colorInputEl = l, this.contentContainer.appendChild(o);\n  }\n  renderImageControls() {\n    const t = this.currentContent;\n    if (t?.type === \"image\") {\n      const e = h(\"div\", { class: \"area-image-preview\" }), i = h(\"img\", { class: \"area-image-thumb\" });\n      i.src = t.dataUrl, i.alt = t.filename || \"Uploaded image\", e.appendChild(i);\n      const s = h(\"div\", { class: \"area-image-info\" });\n      s.appendChild(h(\"span\", { class: \"area-image-name\" }, t.filename || \"Image\"));\n      const n = h(\"button\", { class: \"area-image-remove-btn\" }, \"Remove\");\n      n.addEventListener(\"click\", (a) => {\n        a.stopPropagation(), this.emit(\"clear\", { areaId: this.area.id });\n      }), s.appendChild(n), e.appendChild(s), this.contentContainer.appendChild(e);\n    } else {\n      const e = h(\"button\", { class: \"area-upload-btn\" }, \"Upload Image\"), i = h(\"input\", { type: \"file\" });\n      i.accept = L.join(\",\"), i.style.display = \"none\";\n      const s = h(\"div\", { class: \"area-validation-error\" });\n      s.style.display = \"none\", i.addEventListener(\"change\", () => {\n        const n = i.files?.[0];\n        if (!n) return;\n        if (!L.includes(n.type)) {\n          const o = \"Only PNG, JPEG, WebP, and SVG images are accepted\";\n          s.textContent = o, s.style.display = \"block\", this.emit(\"validation:error\", { areaId: this.area.id, message: o }), i.value = \"\";\n          return;\n        }\n        if (n.size > X) {\n          const o = \"File must be smaller than 15MB\";\n          s.textContent = o, s.style.display = \"block\", this.emit(\"validation:error\", { areaId: this.area.id, message: o }), i.value = \"\";\n          return;\n        }\n        s.style.display = \"none\";\n        const a = new FileReader();\n        a.onload = () => {\n          const o = a.result;\n          this.emit(\"image:change\", { areaId: this.area.id, dataUrl: o, filename: n.name });\n        }, a.readAsDataURL(n), i.value = \"\";\n      }), e.addEventListener(\"click\", (n) => {\n        n.stopPropagation(), i.click();\n      }), this.contentContainer.appendChild(e), this.contentContainer.appendChild(i), this.contentContainer.appendChild(s);\n    }\n  }\n  renderTransforms() {\n    this.transformContainer.innerHTML = \"\";\n    const t = this.currentContent;\n    if (!this.isSelected || !t) return;\n    const e = t.type === \"text\" ? this.area.textOptions?.allowPositioning : this.area.imageOptions?.allowPositioning, i = t.type === \"image\" && this.area.imageOptions?.allowScaling, s = t.type === \"image\" && this.area.imageOptions?.allowRotation;\n    if (!e && !i && !s) return;\n    const n = h(\"div\", { class: \"area-card-divider\" });\n    this.transformContainer.appendChild(n);\n    const a = h(\"div\", { class: \"transform-header\" });\n    a.appendChild(h(\"span\", { class: \"transform-title\" }, \"Transform\"));\n    const o = h(\"button\", { class: \"transform-reset-btn\" }, \"Reset\");\n    o.addEventListener(\"click\", (l) => {\n      l.stopPropagation(), e && this.emit(\"offset:change\", { areaId: this.area.id, offset: { x: 0, y: 0 } }), i && this.emit(\"scale:change\", { areaId: this.area.id, scale: 1 }), s && this.emit(\"rotation:change\", { areaId: this.area.id, rotation: 0 });\n    }), a.appendChild(o), this.transformContainer.appendChild(a);\n    const r = t.offset ?? { x: 0, y: 0 };\n    if (e) {\n      const l = h(\"div\", { class: \"area-input-row\" }), d = h(\"label\", { class: \"transform-label\" }, \"X\"), c = h(\"input\", { class: \"transform-input\", type: \"number\" });\n      c.value = String(Math.round(r.x)), c.addEventListener(\"change\", () => {\n        this.emit(\"offset:change\", {\n          areaId: this.area.id,\n          offset: { ...r, x: parseInt(c.value, 10) || 0 }\n        });\n      });\n      const u = h(\"label\", { class: \"transform-label\" }, \"Y\"), p = h(\"input\", { class: \"transform-input\", type: \"number\" });\n      p.value = String(Math.round(r.y)), p.addEventListener(\"change\", () => {\n        this.emit(\"offset:change\", {\n          areaId: this.area.id,\n          offset: { ...r, y: parseInt(p.value, 10) || 0 }\n        });\n      }), l.appendChild(d), l.appendChild(c), l.appendChild(u), l.appendChild(p), this.transformContainer.appendChild(l);\n    }\n    if (i && t.type === \"image\") {\n      const l = t.scale ?? 1, d = h(\"div\", { class: \"area-input-row transform-slider-row\" }), c = h(\"label\", { class: \"transform-label\" }, `Scale: ${Math.round(l * 100)}%`), u = h(\"input\", { class: \"transform-slider\", type: \"range\" });\n      u.min = \"10\", u.max = \"500\", u.step = \"5\", u.value = String(Math.round(l * 100)), u.addEventListener(\"input\", () => {\n        const p = parseInt(u.value, 10) / 100;\n        c.textContent = `Scale: ${Math.round(p * 100)}%`, this.emit(\"scale:change\", { areaId: this.area.id, scale: p });\n      }), d.appendChild(c), d.appendChild(u), this.transformContainer.appendChild(d);\n    }\n    if (s && t.type === \"image\") {\n      const l = t.rotation ?? 0, d = h(\"div\", { class: \"area-input-row transform-slider-row\" }), c = h(\"label\", { class: \"transform-label\" }, `Rotation: ${Math.round(l)}°`), u = h(\"input\", { class: \"transform-slider\", type: \"range\" });\n      u.min = \"0\", u.max = \"360\", u.step = \"1\", u.value = String(Math.round(l)), u.addEventListener(\"input\", () => {\n        const p = parseInt(u.value, 10);\n        c.textContent = `Rotation: ${p}°`, this.emit(\"rotation:change\", { areaId: this.area.id, rotation: p });\n      }), d.appendChild(c), d.appendChild(u), this.transformContainer.appendChild(d);\n    }\n  }\n  getElement() {\n    return this.element;\n  }\n}\nclass q extends I {\n  constructor(t) {\n    super(), this.cards = /* @__PURE__ */ new Map(), this.isMobile = !1, this.boundEscapeHandler = (s) => {\n      s.key === \"Escape\" && this.emit(\"dismiss\", void 0);\n    }, this.backdrop = h(\"div\", { class: \"area-panel-backdrop\" }), this.backdrop.addEventListener(\"click\", () => {\n      this.emit(\"dismiss\", void 0);\n    }), this.element = h(\"div\", { class: \"area-panel\" });\n    const e = h(\"div\", { class: \"area-panel-header\" });\n    e.appendChild(h(\"span\", { class: \"area-panel-title\" }, \"Customize\"));\n    const i = h(\"button\", { class: \"area-panel-close-btn\", title: \"Close\" }, \"×\");\n    if (i.addEventListener(\"click\", () => {\n      this.emit(\"dismiss\", void 0);\n    }), e.appendChild(i), this.element.appendChild(e), this.panelContent = h(\"div\", { class: \"area-panel-content\" }), t.length === 0) {\n      const s = h(\"p\", { class: \"area-panel-empty\" }, \"No customization areas defined.\");\n      this.panelContent.appendChild(s);\n    } else\n      for (const s of t) {\n        const n = new R(s);\n        this.cards.set(s.id, n), n.on(\"text:change\", (a) => this.emit(\"text:change\", a)), n.on(\"image:change\", (a) => this.emit(\"image:change\", a)), n.on(\"clear\", (a) => this.emit(\"clear\", a)), n.on(\"select\", (a) => this.emit(\"select\", a)), n.on(\"offset:change\", (a) => this.emit(\"offset:change\", a)), n.on(\"scale:change\", (a) => this.emit(\"scale:change\", a)), n.on(\"rotation:change\", (a) => this.emit(\"rotation:change\", a)), n.on(\"validation:error\", (a) => this.emit(\"validation:error\", a)), this.panelContent.appendChild(n.getElement());\n      }\n    this.element.appendChild(this.panelContent);\n  }\n  setAreas(t) {\n    if (this.cards.clear(), this.panelContent.innerHTML = \"\", t.length === 0) {\n      const e = h(\"p\", { class: \"area-panel-empty\" }, \"No customization areas defined.\");\n      this.panelContent.appendChild(e);\n    } else\n      for (const e of t) {\n        const i = new R(e);\n        this.cards.set(e.id, i), i.on(\"text:change\", (s) => this.emit(\"text:change\", s)), i.on(\"image:change\", (s) => this.emit(\"image:change\", s)), i.on(\"clear\", (s) => this.emit(\"clear\", s)), i.on(\"select\", (s) => this.emit(\"select\", s)), i.on(\"offset:change\", (s) => this.emit(\"offset:change\", s)), i.on(\"scale:change\", (s) => this.emit(\"scale:change\", s)), i.on(\"rotation:change\", (s) => this.emit(\"rotation:change\", s)), i.on(\"validation:error\", (s) => this.emit(\"validation:error\", s)), this.panelContent.appendChild(i.getElement());\n      }\n  }\n  setContents(t) {\n    for (const [e, i] of this.cards)\n      i.setContent(t.get(e));\n  }\n  setSelectedArea(t) {\n    for (const [e, i] of this.cards) {\n      const s = e === t;\n      i.setSelected(s), i.getElement().style.display = s ? \"\" : \"none\";\n    }\n    t ? (this.element.classList.add(\"area-panel-visible\"), this.isMobile && this.backdrop.classList.add(\"area-panel-backdrop-visible\"), document.addEventListener(\"keydown\", this.boundEscapeHandler)) : (this.element.classList.remove(\"area-panel-visible\"), this.isMobile && this.backdrop.classList.remove(\"area-panel-backdrop-visible\"), document.removeEventListener(\"keydown\", this.boundEscapeHandler));\n  }\n  setMobile(t) {\n    this.isMobile = t, this.element.classList.toggle(\"area-panel-mobile\", t), t || (this.element.classList.remove(\"area-panel-visible\"), this.backdrop.classList.remove(\"area-panel-backdrop-visible\"));\n  }\n  getElement() {\n    return this.element;\n  }\n  getBackdrop() {\n    return this.backdrop;\n  }\n}\nclass G {\n  constructor(t = window) {\n    this.target = t, this.commands = [], this.isEnabled = !0, this.handleKeyDown = (e) => {\n      if (!this.isEnabled) return;\n      const i = e.target;\n      if (!(i.tagName === \"INPUT\" || i.tagName === \"TEXTAREA\" || i.isContentEditable)) {\n        for (const s of this.commands)\n          if (this.matchesCommand(e, s)) {\n            e.preventDefault(), s.handler(e);\n            break;\n          }\n      }\n    }, this.target.addEventListener(\"keydown\", this.handleKeyDown);\n  }\n  /**\n   * Register a keyboard command\n   */\n  register(t) {\n    return this.commands.push(t), () => {\n      const e = this.commands.indexOf(t);\n      e !== -1 && this.commands.splice(e, 1);\n    };\n  }\n  /**\n   * Enable keyboard handling\n   */\n  enable() {\n    this.isEnabled = !0;\n  }\n  /**\n   * Disable keyboard handling\n   */\n  disable() {\n    this.isEnabled = !1;\n  }\n  /**\n   * Check if keyboard handling is enabled\n   */\n  isActive() {\n    return this.isEnabled;\n  }\n  /**\n   * Check if event matches a command\n   */\n  matchesCommand(t, e) {\n    return !(t.key.toLowerCase() !== e.key.toLowerCase() || e.ctrl !== void 0 && e.ctrl !== t.ctrlKey || e.shift !== void 0 && e.shift !== t.shiftKey || e.alt !== void 0 && e.alt !== t.altKey || e.meta !== void 0 && e.meta !== t.metaKey);\n  }\n  /**\n   * Cleanup\n   */\n  destroy() {\n    this.target.removeEventListener(\"keydown\", this.handleKeyDown), this.commands = [];\n  }\n}\nfunction j() {\n  return /Mac|iPod|iPhone|iPad/.test(navigator.platform);\n}\nfunction J() {\n  return j() ? \"meta\" : \"ctrl\";\n}\nfunction K(f, t, e, i) {\n  const s = f / e, n = t / i;\n  return Math.min(s, n);\n}\nfunction _(f, t, e = 8, i = 10, s = 300) {\n  const n = K(f, t, e, i), a = n >= s;\n  return {\n    actualDPI: Math.round(n),\n    targetDPI: s,\n    width: f,\n    height: t,\n    passed: a,\n    warning: a ? void 0 : `Image resolution is ${Math.round(n)} DPI at 100% scale. For best print quality, use images with at least ${s} DPI. This may result in pixelated or blurry prints.`\n  };\n}\nconst k = ':host{--editor-bg: #f3f4f6;--editor-surface: #ffffff;--editor-border: #e5e7eb;--editor-text: #111827;--editor-text-muted: #6b7280;--editor-primary: #3b82f6;--editor-primary-hover: #2563eb;--editor-danger: #ef4444;--editor-radius: 8px;--editor-radius-sm: 4px;--editor-font: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;--editor-panel-width: 280px;display:block;width:100%;height:100%;font-family:var(--editor-font);font-size:13px;color:var(--editor-text);line-height:1.4}:host([theme=\"dark\"]){--editor-bg: #1f2937;--editor-surface: #374151;--editor-border: #4b5563;--editor-text: #f9fafb;--editor-text-muted: #9ca3af}.editor-container{display:flex;flex-direction:column;width:100%;height:100%;position:relative;overflow:hidden;background:var(--editor-bg)}.layout-desktop .editor-main{display:flex;flex:1;min-height:0}.layout-desktop .canvas-area{flex:1;min-width:0;position:relative;display:flex;flex-direction:column}.layout-desktop .area-panel{width:var(--editor-panel-width);border-left:1px solid var(--editor-border);background:var(--editor-surface);display:none;flex-direction:column;overflow:hidden}.layout-desktop .area-panel.area-panel-visible{display:flex}.layout-mobile .editor-main{display:flex;flex-direction:column;flex:1;min-height:0}.layout-mobile .canvas-area{flex:1;position:relative;display:flex;flex-direction:column;min-height:0}.layout-mobile .area-panel{position:absolute;bottom:0;left:0;right:0;max-height:50%;background:var(--editor-surface);border-top:1px solid var(--editor-border);border-radius:var(--editor-radius) var(--editor-radius) 0 0;box-shadow:0 -4px 20px #00000026;transform:translateY(100%);transition:transform .25s ease-out;z-index:20;display:flex;flex-direction:column;overflow:hidden}.layout-mobile .area-panel.area-panel-visible{transform:translateY(0)}.area-panel-backdrop{display:none}.layout-mobile .area-panel-backdrop{display:block;position:absolute;inset:0;background:#0000004d;z-index:15;opacity:0;pointer-events:none;transition:opacity .25s ease-out}.layout-mobile .area-panel-backdrop.area-panel-backdrop-visible{opacity:1;pointer-events:auto}.zoom-toolbar{display:flex;align-items:center;gap:4px;padding:8px 12px;background:var(--editor-surface);border-bottom:1px solid var(--editor-border)}.zoom-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--editor-border);border-radius:var(--editor-radius-sm);background:var(--editor-surface);color:var(--editor-text);cursor:pointer;font-size:14px;font-family:var(--editor-font);transition:background .15s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.zoom-btn:hover{background:var(--editor-bg)}.zoom-btn:active{background:var(--editor-border)}.zoom-percent{margin-left:8px;font-size:12px;color:var(--editor-text-muted);min-width:40px}.view-select{margin-left:8px;padding:4px 8px;height:32px;border:1px solid var(--editor-border);border-radius:var(--editor-radius-sm);background:var(--editor-surface);color:var(--editor-text);font-family:var(--editor-font);font-size:12px;cursor:pointer;-webkit-tap-highlight-color:transparent}.view-select:hover{background:var(--editor-bg)}.view-select:focus{outline:2px solid var(--editor-primary);outline-offset:-1px}.zoom-toolbar-spacer{flex:1}.zoom-close-btn{width:auto;padding:0 12px;font-size:13px;gap:4px}.zoom-save-btn{width:auto;padding:0 16px;margin-left:8px;font-size:13px;font-weight:600;background:var(--editor-primary);color:#fff;border-color:var(--editor-primary)}.zoom-save-btn:hover{background:var(--editor-primary-hover)}.zoom-save-btn:disabled{opacity:.5;cursor:not-allowed}.canvas-wrapper{flex:1;position:relative;overflow:hidden;min-height:200px}.editor-canvas{position:absolute;top:0;left:0}.area-panel-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--editor-border);flex-shrink:0}.area-panel-title{font-weight:600;font-size:14px}.area-panel-close-btn{width:28px;height:28px;border:none;background:none;color:var(--editor-text-muted);cursor:pointer;font-size:18px;line-height:1;border-radius:var(--editor-radius-sm);display:flex;align-items:center;justify-content:center}.area-panel-close-btn:hover{background:var(--editor-bg);color:var(--editor-text)}.area-panel-content{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:12px}.area-panel-empty{color:var(--editor-text-muted);font-size:12px;text-align:center;padding:20px 0}.area-card{padding:12px;border:1px solid var(--editor-border);border-radius:var(--editor-radius);background:var(--editor-surface);cursor:pointer;transition:border-color .15s}.area-card:hover{border-color:var(--editor-primary)}.area-card-selected{border-color:var(--editor-primary);box-shadow:0 0 0 1px var(--editor-primary)}.area-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.area-card-name-row{display:flex;align-items:center;gap:6px}.area-card-name{font-weight:600;font-size:13px}.area-card-badge{display:inline-block;padding:1px 6px;font-size:10px;font-weight:500;background:#fef3c7;color:#92400e;border-radius:10px}.area-card-reset-btn{padding:2px 8px;border:1px solid var(--editor-border);border-radius:var(--editor-radius-sm);background:none;color:var(--editor-text-muted);cursor:pointer;font-size:11px;font-family:var(--editor-font)}.area-card-reset-btn:hover{background:var(--editor-bg);color:var(--editor-danger);border-color:var(--editor-danger)}.area-card-mode-switcher{display:flex;gap:4px;margin-bottom:8px}.mode-btn{flex:1;padding:4px 8px;border:1px solid var(--editor-border);border-radius:var(--editor-radius-sm);background:var(--editor-surface);color:var(--editor-text);cursor:pointer;font-size:12px;font-family:var(--editor-font);transition:all .15s}.mode-btn-active{background:var(--editor-primary);color:#fff;border-color:var(--editor-primary)}.area-input-text{width:100%;padding:6px 8px;border:1px solid var(--editor-border);border-radius:var(--editor-radius-sm);font-family:var(--editor-font);font-size:13px;color:var(--editor-text);background:var(--editor-surface);box-sizing:border-box;margin-bottom:6px}.area-input-text:focus{outline:none;border-color:var(--editor-primary);box-shadow:0 0 0 1px var(--editor-primary)}.area-input-row{display:flex;gap:6px;align-items:center;margin-bottom:6px}.area-input-font{flex:1;padding:4px 6px;border:1px solid var(--editor-border);border-radius:var(--editor-radius-sm);font-family:var(--editor-font);font-size:12px;color:var(--editor-text);background:var(--editor-surface);min-width:0}.area-input-size{width:56px;padding:4px 6px;border:1px solid var(--editor-border);border-radius:var(--editor-radius-sm);font-family:var(--editor-font);font-size:12px;color:var(--editor-text);background:var(--editor-surface)}.area-input-align{display:flex;gap:2px}.align-btn{width:28px;height:28px;border:1px solid var(--editor-border);border-radius:var(--editor-radius-sm);background:var(--editor-surface);color:var(--editor-text);cursor:pointer;font-size:12px;font-weight:600;font-family:var(--editor-font)}.align-btn-active{background:var(--editor-primary);color:#fff;border-color:var(--editor-primary)}.area-input-color{width:32px;height:28px;padding:0;border:1px solid var(--editor-border);border-radius:var(--editor-radius-sm);cursor:pointer;background:none}.area-upload-btn{width:100%;padding:10px;border:2px dashed var(--editor-border);border-radius:var(--editor-radius);background:var(--editor-bg);color:var(--editor-text-muted);cursor:pointer;font-family:var(--editor-font);font-size:12px;text-align:center;transition:all .15s;min-height:44px}.area-upload-btn:hover{border-color:var(--editor-primary);color:var(--editor-primary)}.area-image-preview{display:flex;gap:8px;align-items:center}.area-image-thumb{width:48px;height:48px;object-fit:cover;border-radius:var(--editor-radius-sm);border:1px solid var(--editor-border)}.area-image-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.area-image-name{font-size:12px;color:var(--editor-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.area-image-remove-btn{padding:2px 8px;border:1px solid var(--editor-danger);border-radius:var(--editor-radius-sm);background:none;color:var(--editor-danger);cursor:pointer;font-size:11px;font-family:var(--editor-font);width:fit-content}.area-image-remove-btn:hover{background:#fef2f2}.area-card-divider{height:1px;background:var(--editor-border);margin:8px 0}.transform-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.transform-title{font-weight:600;font-size:12px}.transform-reset-btn{padding:2px 8px;border:1px solid var(--editor-border);border-radius:var(--editor-radius-sm);background:none;color:var(--editor-text-muted);cursor:pointer;font-size:11px;font-family:var(--editor-font)}.transform-reset-btn:hover{background:var(--editor-bg)}.transform-label{font-size:11px;color:var(--editor-text-muted);white-space:nowrap}.transform-input{width:60px;padding:3px 6px;border:1px solid var(--editor-border);border-radius:var(--editor-radius-sm);font-family:var(--editor-font);font-size:12px;color:var(--editor-text);background:var(--editor-surface)}.transform-slider-row{flex-direction:column;align-items:stretch}.transform-slider{width:100%;accent-color:var(--editor-primary)}.loading-container{display:flex;justify-content:center;align-items:center;width:100%;height:100%;min-height:200px}.loading-spinner{width:32px;height:32px;border:3px solid var(--editor-border);border-top-color:var(--editor-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;min-height:200px;padding:20px;text-align:center}.error-title{font-weight:600;font-size:16px;color:var(--editor-danger);margin-bottom:8px}.error-message{font-size:13px;color:var(--editor-text-muted);max-width:400px;white-space:pre-wrap}:host(:focus){outline:2px solid var(--editor-primary);outline-offset:-2px}input:focus,select:focus,button:focus-visible{outline:2px solid var(--editor-primary);outline-offset:-1px}.context-menu{position:absolute;z-index:100;min-width:160px;background:var(--editor-surface);border:1px solid var(--editor-border);border-radius:var(--editor-radius);box-shadow:0 4px 12px #00000026;padding:4px 0;font-size:13px}.context-menu-header{padding:6px 12px;font-weight:600;font-size:12px;color:var(--editor-text-muted);user-select:none}.context-menu-divider{height:1px;background:var(--editor-border);margin:4px 0}.context-menu-item{padding:6px 12px;cursor:pointer;color:var(--editor-text);user-select:none;transition:background .1s}.context-menu-item:hover{background:var(--editor-bg)}.context-menu-item:active{background:var(--editor-border)}.context-menu-item-disabled{color:var(--editor-text-muted);cursor:default;pointer-events:none}.editor-toast{position:absolute;top:16px;left:50%;transform:translate(-50%);padding:10px 20px;border-radius:var(--editor-radius);font-size:13px;font-family:var(--editor-font);line-height:1.4;z-index:200;max-width:400px;text-align:center;animation:toast-in .25s ease-out,toast-out .25s ease-in forwards;animation-delay:0s,var(--toast-duration, 3.75s);pointer-events:none;box-shadow:0 4px 12px #00000026}.editor-toast-warning{background:#fef3c7;color:#92400e;border:1px solid #f59e0b}.editor-toast-error{background:#fef2f2;color:#991b1b;border:1px solid var(--editor-danger)}.editor-toast-info{background:#eff6ff;color:#1e40af;border:1px solid var(--editor-primary)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes toast-out{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-10px)}}.editor-modal-overlay{position:absolute;inset:0;background:#0006;z-index:300;display:flex;align-items:center;justify-content:center;animation:modal-overlay-in .2s ease-out}@keyframes modal-overlay-in{0%{opacity:0}to{opacity:1}}.editor-modal{background:var(--editor-surface);border-radius:var(--editor-radius);box-shadow:0 8px 32px #0003;max-width:380px;width:calc(100% - 32px);padding:20px;animation:modal-in .2s ease-out}@keyframes modal-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.editor-modal-title{font-weight:600;font-size:15px;margin-bottom:8px;color:var(--editor-text)}.editor-modal-body{font-size:13px;color:var(--editor-text-muted);margin-bottom:16px;line-height:1.5}.editor-modal-actions{display:flex;justify-content:flex-end;gap:8px}.editor-modal-btn{padding:8px 16px;border-radius:var(--editor-radius-sm);font-size:13px;font-family:var(--editor-font);cursor:pointer;border:1px solid var(--editor-border);background:var(--editor-surface);color:var(--editor-text);transition:background .15s}.editor-modal-btn:hover{background:var(--editor-bg)}.editor-modal-btn-primary{background:var(--editor-primary);color:#fff;border-color:var(--editor-primary)}.editor-modal-btn-primary:hover{background:var(--editor-primary-hover)}.area-validation-error{font-size:11px;color:var(--editor-danger);margin-top:4px}@media(pointer:coarse){.zoom-btn{min-width:44px;min-height:44px}.area-input-text,.area-input-font,.area-input-size{min-height:44px;font-size:16px}.align-btn{min-width:44px;min-height:44px}.area-upload-btn{min-height:48px}.view-select{min-height:44px;font-size:16px}}', Q = \"2.0.0\", tt = 768;\nclass et extends HTMLElement {\n  constructor() {\n    super(), this.resizeObserver = null, this.isReady = !1, this.currentTemplate = null, this.loadingTemplateId = null, this.isMobileLayout = !1, this.productViews = [], this.activeViewName = null, this.perViewContents = /* @__PURE__ */ new Map(), this.subscriptions = [], this.storageUsage = null, this.storageUsageLastRefresh = 0, this.emitChange = $(() => {\n      this.dispatchEvent(\n        new CustomEvent(\"change\", {\n          detail: { design: this.getDesign() },\n          bubbles: !0,\n          composed: !0\n        })\n      );\n    }, 300), this.shadow = this.attachShadow({ mode: \"open\" });\n  }\n  static get observedAttributes() {\n    return [\"template-id\", \"product-id\", \"theme\", \"mode\", \"store-id\", \"api-url\"];\n  }\n  async connectedCallback() {\n    try {\n      this.hasAttribute(\"tabindex\") || this.setAttribute(\"tabindex\", \"0\"), this.renderLoading(), await this.initialize();\n    } catch (t) {\n      this.showError(\"Failed to initialize editor\", t);\n    }\n  }\n  disconnectedCallback() {\n    this.cleanup();\n  }\n  attributeChangedCallback(t, e, i) {\n    e !== i && (t === \"template-id\" && this.isReady && i && this.loadTemplate(i), t === \"product-id\" && this.isReady && i && this.loadProduct(i));\n  }\n  // ─── Public API ───\n  getDesign() {\n    if (!this.currentTemplate) throw new Error(\"No design loaded\");\n    return {\n      templateId: this.currentTemplate.metadata.id,\n      engineVersion: Q,\n      contents: this.contentManager.toJSON(),\n      userData: {}\n    };\n  }\n  setDesign(t) {\n    if (t.templateId !== this.currentTemplate?.metadata.id)\n      throw new Error(\"Design template ID does not match current template\");\n    this.contentManager.fromJSON(t.contents), this.syncEngineContents(), this.stateManager.setState({\n      contents: this.contentManager.toJSON(),\n      isDirty: !0\n    });\n  }\n  undo() {\n    this.stateManager.undo() && this.syncFromState();\n  }\n  redo() {\n    this.stateManager.redo() && this.syncFromState();\n  }\n  clear() {\n    this.contentManager.reset(), this.syncEngineContents(), this.stateManager.setState({\n      contents: this.contentManager.toJSON(),\n      selectedAreaId: null,\n      isDirty: !1\n    }), this.zoomToolbar?.showSaveButton(!1), this.engine.setSelectedArea(null), this.inputPanel.setSelectedArea(null), this.engine.fitToView(), this.stateManager.update({\n      zoom: this.engine.getZoom(),\n      pan: this.engine.getPan()\n    });\n  }\n  selectArea(t) {\n    this.handleAreaSelect(t);\n  }\n  getSelectedAreaId() {\n    return this.stateManager.getState().selectedAreaId;\n  }\n  getActiveView() {\n    return this.activeViewName;\n  }\n  getViews() {\n    return this.productViews.map((t) => ({\n      viewName: t.viewName,\n      viewOrder: t.viewOrder,\n      isRequired: t.isRequired,\n      isDefault: t.isDefault,\n      templateId: t.template.id\n    }));\n  }\n  setActiveView(t) {\n    if (this.activeViewName === t) return;\n    const e = this.productViews.find((i) => i.viewName === t);\n    if (!e) throw new Error(`View not found: ${t}`);\n    this.switchToView(e);\n  }\n  setAreaContent(t, e) {\n    e.type === \"text\" ? this.contentManager.setTextContent(t, e) : this.contentManager.setImageContent(t, e.dataUrl, e.filename), this.syncEngineContents(), this.saveContentState();\n  }\n  getAreaContent(t) {\n    return this.contentManager.getContent(t);\n  }\n  async finalize() {\n    const t = this.engine.checkSafeAreaViolations();\n    if (t.length > 0) {\n      const n = this.currentTemplate?.areas || [], a = t.map((r) => n.find((l) => l.id === r)?.name || r).join(\", \");\n      if (!await this.showConfirmation(\n        \"Content outside safe area\",\n        `Content in ${a} extends beyond the safe area. It may be trimmed during printing. Continue?`,\n        \"Cancel\",\n        \"Proceed Anyway\"\n      ))\n        throw new Error(\"Finalization cancelled by user\");\n    }\n    const e = this.getDesign(), i = this.getAttribute(\"store-id\") || \"demo-shop\", s = await this.apiClient.finalizeDesign(i, e);\n    return this.dispatchEvent(\n      new CustomEvent(\"customizer:finalize\", {\n        detail: {\n          designId: s.designId,\n          proofUrl: s.proofUrl,\n          templateId: e.templateId,\n          designJson: e,\n          status: s.status\n        },\n        bubbles: !0,\n        composed: !0\n      })\n    ), s;\n  }\n  // ─── Initialization ───\n  renderLoading() {\n    const t = document.createElement(\"style\");\n    t.textContent = k, this.shadow.appendChild(t);\n    const e = h(\n      \"div\",\n      { class: \"loading-container\" },\n      h(\"div\", { class: \"loading-spinner\" })\n    );\n    this.shadow.appendChild(e);\n  }\n  async initialize() {\n    const t = this.getAttribute(\"api-url\") || \"http://localhost:4000\";\n    this.apiClient = new Z(`${t.replace(/\\/+$/, \"\")}/public`);\n    const e = this.getAttribute(\"product-id\"), i = this.getAttribute(\"template-id\");\n    if (!e && !i)\n      throw new Error(\"Either template-id or product-id attribute is required\");\n    e ? await this.loadProduct(e) : await this.loadTemplate(i), this.isReady = !0, this.dispatchEvent(new CustomEvent(\"ready\", { bubbles: !0, composed: !0 }));\n  }\n  async loadTemplate(t) {\n    if (this.loadingTemplateId !== t) {\n      this.loadingTemplateId = t;\n      try {\n        const e = await this.apiClient.getTemplate(t);\n        if (this.loadingTemplateId !== t) return;\n        await this.loadTemplateData(e), this.loadingTemplateId = null;\n      } catch (e) {\n        throw this.loadingTemplateId = null, new Error(`Failed to load template: ${e.message}`);\n      }\n    }\n  }\n  async loadTemplateData(t) {\n    this.currentTemplate = t;\n    const e = t.areas || [];\n    this.contentManager = new A(e);\n    const i = {\n      template: t,\n      contents: this.contentManager.toJSON(),\n      selectedAreaId: null,\n      zoom: 1,\n      pan: { x: 0, y: 0 },\n      isDirty: !1,\n      warnings: []\n    };\n    this.stateManager = new B(i), this.buildUI(t, e), this.engine = new N(this.canvas), this.engine.setArtboard({\n      width: t.artboard.width,\n      height: t.artboard.height,\n      backgroundColor: t.artboard.backgroundColor ?? \"#ffffff\"\n    }), this.engine.setAreas(e), this.engine.setContents(this.contentManager.getContents()), t.backgroundImage && this.engine.setBackgroundImage(t.backgroundImage);\n    const s = t.artboard.safeArea ?? t.safeArea;\n    s && this.engine.setSafeArea(s), this.engine.start(), this.engine.fitToView(), this.stateManager.update({\n      zoom: this.engine.getZoom(),\n      pan: this.engine.getPan()\n    }), this.zoomToolbar.setZoom(this.engine.getZoom()), this.interaction = new F(\n      this.canvas,\n      this.engine,\n      () => this.contentManager.getContents(),\n      () => this.stateManager.getState().selectedAreaId\n    ), this.wireInteractionEvents(), this.subscriptions.push(\n      this.contentManager.subscribe(() => {\n        this.syncEngineContents(), this.inputPanel.setContents(this.contentManager.getContents());\n      })\n    ), this.keyboard = new G(this), this.setupKeyboardShortcuts(), this.inputPanel.setContents(this.contentManager.getContents());\n    const n = this.getAttribute(\"store-id\");\n    n && this.apiClient.getStorageUsage(n).then((a) => {\n      this.storageUsage = a, a.usagePercent >= 100 ? this.showToast(\"Storage quota exceeded. Upgrade your plan for more storage.\", \"error\") : a.usagePercent >= 80 && this.showToast(`Storage ${a.usagePercent}% full. Consider upgrading your plan.`, \"warning\");\n    }).catch(() => {\n    });\n  }\n  async loadProduct(t) {\n    try {\n      const e = await this.apiClient.getProduct(t);\n      if (e.views.length === 0)\n        throw new Error(\"Product has no active templates\");\n      this.productViews = e.views, this.perViewContents.clear();\n      const i = e.views.find((s) => s.isDefault) || e.views[0];\n      await this.loadTemplateData(i.template.templateJson), this.activeViewName = i.viewName, this.zoomToolbar && e.views.length > 1 && (this.zoomToolbar.setViews(this.getViews()), this.zoomToolbar.setActiveView(i.viewName));\n    } catch (e) {\n      throw new Error(`Failed to load product: ${e.message}`);\n    }\n  }\n  switchToView(t) {\n    this.activeViewName && this.contentManager && this.perViewContents.set(this.activeViewName, this.contentManager.toJSON()), this.activeViewName = t.viewName, this.zoomToolbar?.setActiveView(t.viewName);\n    const e = t.template.templateJson;\n    this.currentTemplate = e;\n    const i = e.areas || [];\n    this.contentManager = new A(i);\n    const s = this.perViewContents.get(t.viewName);\n    s && this.contentManager.fromJSON(s), this.engine.setArtboard({\n      width: e.artboard.width,\n      height: e.artboard.height,\n      backgroundColor: e.artboard.backgroundColor ?? \"#ffffff\"\n    }), this.engine.setAreas(i), this.engine.setContents(this.contentManager.getContents()), this.engine.setBackgroundImage(e.backgroundImage ?? void 0);\n    const n = e.artboard.safeArea ?? e.safeArea;\n    this.engine.setSafeArea(n ?? null), this.engine.fitToView(), this.stateManager.setState({\n      template: e,\n      contents: this.contentManager.toJSON(),\n      selectedAreaId: null,\n      isDirty: this.stateManager.getState().isDirty,\n      zoom: this.engine.getZoom(),\n      pan: this.engine.getPan(),\n      warnings: []\n    }), this.zoomToolbar.setZoom(this.engine.getZoom()), this.inputPanel.setAreas(i), this.inputPanel.setContents(this.contentManager.getContents()), this.inputPanel.setSelectedArea(null), this.engine.setSelectedArea(null), this.dispatchEvent(\n      new CustomEvent(\"view-change\", {\n        detail: { viewName: t.viewName },\n        bubbles: !0,\n        composed: !0\n      })\n    );\n  }\n  buildUI(t, e) {\n    this.shadow.innerHTML = \"\";\n    const i = document.createElement(\"style\");\n    i.textContent = k, this.shadow.appendChild(i), this.container = h(\"div\", { class: \"editor-container\" }), this.zoomToolbar = new V(), this.subscriptions.push(this.zoomToolbar.on(\"zoom-in\", () => this.handleZoomIn())), this.subscriptions.push(this.zoomToolbar.on(\"zoom-out\", () => this.handleZoomOut())), this.subscriptions.push(this.zoomToolbar.on(\"zoom-fit\", () => this.handleZoomFit())), this.subscriptions.push(this.zoomToolbar.on(\"view-change\", ({ viewName: a }) => {\n      const o = this.productViews.find((r) => r.viewName === a);\n      o && this.switchToView(o);\n    })), this.subscriptions.push(this.zoomToolbar.on(\"close\", () => {\n      this.dispatchEvent(new CustomEvent(\"customizer:close\", {\n        bubbles: !0,\n        composed: !0\n      }));\n    })), this.subscriptions.push(this.zoomToolbar.on(\"save\", async () => {\n      this.zoomToolbar.setSaveDisabled(!0, \"Saving...\");\n      try {\n        await this.finalize(), this.zoomToolbar.setSaveDisabled(!0, \"Saved!\"), this.showToast(\"Design saved successfully!\", \"info\"), setTimeout(() => {\n          this.zoomToolbar.setSaveDisabled(!1, \"Save Customization\"), this.zoomToolbar.showSaveButton(!1), this.stateManager.update({ isDirty: !1 });\n        }, 2e3);\n      } catch (a) {\n        console.error(\"Customizer: finalize failed\", a);\n        const o = a instanceof Error ? a.message : \"Save failed. Please try again.\";\n        this.showToast(o, \"error\"), this.zoomToolbar.setSaveDisabled(!1, \"Save Customization\");\n      }\n    }));\n    const s = h(\"div\", { class: \"canvas-area\" });\n    s.appendChild(this.zoomToolbar.getElement()), this.canvasWrapper = h(\"div\", { class: \"canvas-wrapper\" }), this.canvas = document.createElement(\"canvas\"), this.canvas.className = \"editor-canvas\", this.canvasWrapper.appendChild(this.canvas), s.appendChild(this.canvasWrapper), this.inputPanel = new q(e), this.wireInputPanelEvents();\n    const n = h(\"div\", { class: \"editor-main\" });\n    n.appendChild(s), n.appendChild(this.inputPanel.getBackdrop()), n.appendChild(this.inputPanel.getElement()), this.container.appendChild(n), this.shadow.appendChild(this.container), this.resizeObserver = new ResizeObserver((a) => {\n      for (const o of a)\n        o.target === this.canvasWrapper && this.handleCanvasResize(o.contentRect), o.target === this.container && this.handleLayoutResize(o.contentRect);\n    }), this.resizeObserver.observe(this.canvasWrapper), this.resizeObserver.observe(this.container);\n  }\n  // ─── Event Wiring ───\n  wireInteractionEvents() {\n    this.subscriptions.push(\n      this.interaction.on(\"area:select\", ({ areaId: t }) => {\n        this.handleAreaSelect(t);\n      })\n    ), this.subscriptions.push(\n      this.interaction.on(\"content:drag\", ({ areaId: t, offset: e }) => {\n        this.contentManager.setContentOffset(t, e), this.saveContentState();\n      })\n    ), this.subscriptions.push(\n      this.interaction.on(\"content:scale\", ({ areaId: t, scale: e }) => {\n        this.contentManager.setImageScale(t, e), this.saveContentState();\n      })\n    ), this.subscriptions.push(\n      this.interaction.on(\"content:rotate\", ({ areaId: t, rotation: e }) => {\n        this.contentManager.setImageRotation(t, e), this.saveContentState();\n      })\n    ), this.subscriptions.push(\n      this.interaction.on(\"zoom\", ({ zoom: t }) => {\n        this.engine.setZoom(t);\n        const e = this.engine.getCenteredPan(t);\n        e && this.engine.setPan(e), this.stateManager.update({ zoom: this.engine.getZoom(), pan: this.engine.getPan() }), this.zoomToolbar.setZoom(this.engine.getZoom());\n      })\n    ), this.subscriptions.push(\n      this.interaction.on(\"pan\", ({ pan: t }) => {\n        this.engine.setPan(t), this.stateManager.update({ pan: t });\n      })\n    ), this.subscriptions.push(\n      this.interaction.on(\"cursor\", ({ cursor: t }) => {\n        this.canvas.style.cursor = t;\n      })\n    ), this.subscriptions.push(\n      this.interaction.on(\"context-menu\", ({ areaId: t, clientX: e, clientY: i }) => {\n        this.handleContextMenu(t, e, i);\n      })\n    );\n  }\n  wireInputPanelEvents() {\n    this.subscriptions.push(\n      this.inputPanel.on(\"text:change\", ({ areaId: t, updates: e }) => {\n        this.contentManager.setTextContent(t, e), this.saveContentState();\n      })\n    ), this.subscriptions.push(\n      this.inputPanel.on(\"image:change\", async ({ areaId: t, dataUrl: e, filename: i }) => {\n        const s = this.contentManager.getContents();\n        let n = 0;\n        for (const [o, r] of s)\n          r.type === \"image\" && o !== t && n++;\n        if (n >= 10) {\n          this.showToast(\"Maximum of 10 images per design reached\", \"error\");\n          return;\n        }\n        if (await this.refreshStorageUsage(), this.storageUsage && this.storageUsage.usagePercent >= 100) {\n          this.showToast(\"Storage quota exceeded. Upgrade your plan for more storage.\", \"error\");\n          return;\n        }\n        const a = this.currentTemplate?.areas.find((o) => o.id === t);\n        if (a && this.currentTemplate) {\n          const o = this.currentTemplate.print.targetDpi;\n          try {\n            const r = new Image(), l = await new Promise((p, g) => {\n              r.onload = () => p({ width: r.naturalWidth, height: r.naturalHeight }), r.onerror = () => g(new Error(\"Failed to load image\")), r.src = e;\n            }), d = a.location.width / o, c = a.location.height / o, u = _(\n              l.width,\n              l.height,\n              d,\n              c,\n              o\n            );\n            if (u.actualDPI < 150) {\n              if (!await this.showConfirmation(\n                \"Low resolution detected\",\n                `This image is ${u.actualDPI} DPI at print size. Print may appear blurry. Recommended: ${o} DPI.`,\n                \"Cancel\",\n                \"Use Anyway\"\n              )) return;\n            } else u.actualDPI < o && (this.showToast(\n              `Image resolution is ${u.actualDPI} DPI (${o} recommended)`,\n              \"warning\"\n            ), this.stateManager.update({\n              warnings: [\n                ...this.stateManager.getState().warnings,\n                { type: \"dpi\", message: `${u.actualDPI} DPI`, areaId: t }\n              ]\n            }));\n          } catch {\n          }\n        }\n        if (this.contentManager.setImageContent(t, e, i), this.saveContentState(), this.storageUsage) {\n          const o = Math.round(e.length * 0.75);\n          this.storageUsage.storageUsed += o, this.storageUsage.usagePercent = this.storageUsage.storageQuota > 0 ? Math.round(this.storageUsage.storageUsed / this.storageUsage.storageQuota * 100) : 0;\n        }\n      })\n    ), this.subscriptions.push(\n      this.inputPanel.on(\"validation:error\", ({ message: t }) => {\n        this.showToast(t, \"error\");\n      })\n    ), this.subscriptions.push(\n      this.inputPanel.on(\"clear\", ({ areaId: t }) => {\n        this.contentManager.clearContent(t), this.saveContentState();\n      })\n    ), this.subscriptions.push(\n      this.inputPanel.on(\"select\", ({ areaId: t }) => {\n        this.handleAreaSelect(t);\n      })\n    ), this.subscriptions.push(\n      this.inputPanel.on(\"offset:change\", ({ areaId: t, offset: e }) => {\n        this.contentManager.setContentOffset(t, e), this.saveContentState();\n      })\n    ), this.subscriptions.push(\n      this.inputPanel.on(\"scale:change\", ({ areaId: t, scale: e }) => {\n        this.contentManager.setImageScale(t, e), this.saveContentState();\n      })\n    ), this.subscriptions.push(\n      this.inputPanel.on(\"rotation:change\", ({ areaId: t, rotation: e }) => {\n        this.contentManager.setImageRotation(t, e), this.saveContentState();\n      })\n    ), this.subscriptions.push(\n      this.inputPanel.on(\"dismiss\", () => {\n        this.handleAreaSelect(null);\n      })\n    );\n  }\n  // ─── Handlers ───\n  handleAreaSelect(t, e = !1) {\n    this.stateManager.update({ selectedAreaId: t }), this.engine.setSelectedArea(t), this.inputPanel.setSelectedArea(e ? t : null), t && document.activeElement !== this && this.focus(), this.dispatchEvent(\n      new CustomEvent(\"area:select\", {\n        detail: { areaId: t },\n        bubbles: !0,\n        composed: !0\n      })\n    );\n  }\n  handleContextMenu(t, e, i) {\n    this.handleAreaSelect(t, !!t);\n  }\n  handleZoomIn() {\n    const t = this.engine.getZoom(), e = Math.min(t * 1.25, 5), i = this.engine.getCenteredPan(e);\n    this.engine.setZoom(e), i && this.engine.setPan(i), this.stateManager.update({ zoom: this.engine.getZoom(), pan: this.engine.getPan() }), this.zoomToolbar.setZoom(this.engine.getZoom());\n  }\n  handleZoomOut() {\n    const t = this.engine.getZoom(), e = Math.max(t * 0.8, 0.1), i = this.engine.getCenteredPan(e);\n    this.engine.setZoom(e), i && this.engine.setPan(i), this.stateManager.update({ zoom: this.engine.getZoom(), pan: this.engine.getPan() }), this.zoomToolbar.setZoom(this.engine.getZoom());\n  }\n  handleZoomFit() {\n    this.engine.fitToView(), this.stateManager.update({ zoom: this.engine.getZoom(), pan: this.engine.getPan() }), this.zoomToolbar.setZoom(this.engine.getZoom());\n  }\n  handleCanvasResize(t) {\n    const { width: e, height: i } = t;\n    if (e === 0 || i === 0) return;\n    const s = window.devicePixelRatio || 1;\n    this.canvas.width = e * s, this.canvas.height = i * s, this.canvas.style.width = `${e}px`, this.canvas.style.height = `${i}px`, this.engine && (this.engine.fitToView(), this.stateManager.update({ zoom: this.engine.getZoom(), pan: this.engine.getPan() }), this.zoomToolbar.setZoom(this.engine.getZoom()));\n  }\n  handleLayoutResize(t) {\n    const e = t.width < tt;\n    this.container.classList.toggle(\"layout-desktop\", !e), this.container.classList.toggle(\"layout-mobile\", e), e !== this.isMobileLayout && (this.isMobileLayout = e, this.inputPanel.setMobile(e));\n  }\n  // ─── State Management ───\n  async refreshStorageUsage() {\n    if (Date.now() - this.storageUsageLastRefresh < 3e4) return;\n    const t = this.getAttribute(\"store-id\");\n    if (t)\n      try {\n        this.storageUsage = await this.apiClient.getStorageUsage(t), this.storageUsageLastRefresh = Date.now();\n      } catch {\n      }\n  }\n  saveContentState() {\n    this.stateManager.setState({\n      contents: this.contentManager.toJSON(),\n      isDirty: !0\n    }), this.zoomToolbar?.showSaveButton(!0), this.engine.checkSafeAreaViolations(), this.emitChange();\n  }\n  syncEngineContents() {\n    this.engine?.setContents(this.contentManager.getContents());\n  }\n  syncFromState() {\n    const t = this.stateManager.getState();\n    this.contentManager.setContentsQuiet(t.contents), this.syncEngineContents(), this.inputPanel.setContents(this.contentManager.getContents()), this.engine.setSelectedArea(t.selectedAreaId), this.inputPanel.setSelectedArea(t.selectedAreaId);\n  }\n  // ─── Keyboard ───\n  setupKeyboardShortcuts() {\n    const t = J();\n    this.keyboard.register({\n      key: \"z\",\n      [t]: !0,\n      handler: () => this.undo()\n    }), this.keyboard.register({\n      key: \"z\",\n      [t]: !0,\n      shift: !0,\n      handler: () => this.redo()\n    }), this.keyboard.register({\n      key: \"Escape\",\n      handler: () => this.handleAreaSelect(null)\n    });\n  }\n  // ─── Toast & Modal ───\n  showToast(t, e = \"info\") {\n    const i = h(\"div\", { class: `editor-toast editor-toast-${e}` }, t);\n    this.shadow.appendChild(i), setTimeout(() => i.remove(), 4e3);\n  }\n  showConfirmation(t, e, i = \"Cancel\", s = \"Continue\") {\n    return new Promise((n) => {\n      const a = h(\"div\", { class: \"editor-modal-overlay\" }), o = h(\"div\", { class: \"editor-modal\" });\n      o.appendChild(h(\"div\", { class: \"editor-modal-title\" }, t)), o.appendChild(h(\"div\", { class: \"editor-modal-body\" }, e));\n      const r = h(\"div\", { class: \"editor-modal-actions\" }), l = h(\"button\", { class: \"editor-modal-btn\" }, i);\n      l.addEventListener(\"click\", () => {\n        a.remove(), n(!1);\n      });\n      const d = h(\"button\", { class: \"editor-modal-btn editor-modal-btn-primary\" }, s);\n      d.addEventListener(\"click\", () => {\n        a.remove(), n(!0);\n      }), r.appendChild(l), r.appendChild(d), o.appendChild(r), a.appendChild(o), a.addEventListener(\"click\", (c) => {\n        c.target === a && (a.remove(), n(!1));\n      }), this.shadow.appendChild(a);\n    });\n  }\n  // ─── Error / Cleanup ───\n  showError(t, e) {\n    this.shadow.innerHTML = \"\";\n    const i = document.createElement(\"style\");\n    i.textContent = k, this.shadow.appendChild(i);\n    const s = h(\"div\", { class: \"error-container\" });\n    s.appendChild(h(\"div\", { class: \"error-title\" }, t)), s.appendChild(h(\"div\", { class: \"error-message\" }, e?.message ?? \"\")), this.shadow.appendChild(s), this.dispatchEvent(\n      new CustomEvent(\"error\", {\n        detail: { message: t, error: e },\n        bubbles: !0,\n        composed: !0\n      })\n    );\n  }\n  cleanup() {\n    for (const t of this.subscriptions)\n      t();\n    this.subscriptions = [], this.resizeObserver && (this.resizeObserver.disconnect(), this.resizeObserver = null), this.engine?.destroy(), this.interaction?.destroy(), this.keyboard?.destroy(), this.isReady = !1, this.currentTemplate = null, this.productViews = [], this.activeViewName = null, this.perViewContents.clear();\n  }\n}\ncustomElements.get(\"customizer-editor\") || customElements.define(\"customizer-editor\", et);\nexport {\n  et as CustomizerEditor\n};\n//# sourceMappingURL=customizer.esm.js.map\n","/**\n * Vanilla JavaScript SDK for Customizer Editor\n * @packageDocumentation\n */\n\n// Side-effect: registers <customizer-editor> web component.\n// Using namespace import so tsc omits it from .d.ts (value-only usage).\nimport * as _editorModule from '@customizer/editor';\nvoid _editorModule;\nimport type {\n  CustomizerOptions,\n  CustomizerInstance,\n  DesignJSON,\n  FinalizeResult,\n  CustomizerError,\n  CustomizerEditorElement,\n  ViewInfo,\n} from '../types';\n\n/**\n * Initialize the customizer editor\n *\n * @param elementOrSelector - DOM element or CSS selector where to mount the editor\n * @param options - Configuration options\n * @returns CustomizerInstance with methods to control the editor\n *\n * @example\n * ```typescript\n * import { initCustomizer } from '@varianta/sdk';\n *\n * const editor = initCustomizer('#editor', {\n *   templateId: 'tshirt-001',\n *   theme: 'light',\n *   onReady: () => console.log('Editor ready!'),\n *   onChange: (design) => console.log('Design changed:', design),\n * });\n *\n * // Get current design\n * const design = editor.getDesign();\n *\n * // Finalize design\n * const result = await editor.finalize();\n * ```\n */\nexport function initCustomizer(\n  elementOrSelector: HTMLElement | string,\n  options: CustomizerOptions\n): CustomizerInstance {\n  // Resolve the container element\n  const container =\n    typeof elementOrSelector === 'string'\n      ? document.querySelector<HTMLElement>(elementOrSelector)\n      : elementOrSelector;\n\n  if (!container) {\n    throw new Error(\n      `Container not found: ${\n        typeof elementOrSelector === 'string'\n          ? elementOrSelector\n          : 'provided element is null'\n      }`\n    );\n  }\n\n  // Validate that exactly one of templateId or productId is provided\n  if (!options.templateId && !options.productId) {\n    throw new Error('Either templateId or productId must be provided');\n  }\n  if (options.templateId && options.productId) {\n    throw new Error('Only one of templateId or productId should be provided, not both');\n  }\n\n  // Create the editor element\n  const editorElement = document.createElement('customizer-editor') as unknown as CustomizerEditorElement;\n\n  // Set attributes\n  if (options.productId) {\n    editorElement.setAttribute('product-id', options.productId);\n  } else {\n    editorElement.setAttribute('template-id', options.templateId!);\n  }\n  if (options.theme) {\n    editorElement.setAttribute('theme', options.theme);\n  }\n  if (options.mode) {\n    editorElement.setAttribute('mode', options.mode);\n  }\n  if (options.className) {\n    editorElement.classList.add(options.className);\n  }\n\n  // Apply custom styles if needed\n  editorElement.style.width = '100%';\n  editorElement.style.height = '100%';\n\n  // Event listeners tracking\n  const listeners: Array<{ event: string; handler: EventListener }> = [];\n\n  const addEventListener = (event: string, handler: EventListener) => {\n    editorElement.addEventListener(event, handler);\n    listeners.push({ event, handler });\n  };\n\n  // Mount the editor first\n  container.innerHTML = '';\n  container.appendChild(editorElement);\n\n  // Create the instance API BEFORE setting up event handlers\n  const instance: CustomizerInstance = {\n    getDesign(): DesignJSON {\n      if (typeof editorElement.getDesign !== 'function') {\n        throw new Error('Editor not ready: getDesign method not available');\n      }\n      return editorElement.getDesign();\n    },\n\n    setDesign(design: DesignJSON): void {\n      if (typeof editorElement.setDesign !== 'function') {\n        throw new Error('Editor not ready: setDesign method not available');\n      }\n      editorElement.setDesign(design);\n    },\n\n    undo(): void {\n      if (typeof editorElement.undo !== 'function') {\n        throw new Error('Editor not ready: undo method not available');\n      }\n      editorElement.undo();\n    },\n\n    redo(): void {\n      if (typeof editorElement.redo !== 'function') {\n        throw new Error('Editor not ready: redo method not available');\n      }\n      editorElement.redo();\n    },\n\n    canUndo(): boolean {\n      if (typeof editorElement.canUndo !== 'function') {\n        return false;\n      }\n      return editorElement.canUndo();\n    },\n\n    canRedo(): boolean {\n      if (typeof editorElement.canRedo !== 'function') {\n        return false;\n      }\n      return editorElement.canRedo();\n    },\n\n    async finalize(): Promise<FinalizeResult> {\n      const design = this.getDesign();\n      const apiUrl = options.apiUrl || 'https://api.varianta.io';\n\n      try {\n        const response = await fetch(`${apiUrl}/public/finalize`, {\n          method: 'POST',\n          headers: {\n            'Content-Type': 'application/json',\n          },\n          body: JSON.stringify({\n            templateId: (design as any).templateId || options.templateId,\n            designJson: design,\n          }),\n        });\n\n        if (!response.ok) {\n          const error = await response.json().catch(() => ({\n            message: 'Finalization failed',\n          }));\n          throw new Error(error.message || 'Finalization failed');\n        }\n\n        const body = await response.json();\n        let result: FinalizeResult = {\n          designId: body.designId,\n          status: body.status,\n          proofUrl: body.proofUrl ?? null,\n          errorMessage: body.errorMessage ?? null,\n        };\n\n        // Poll until the render completes (or fails)\n        const POLL_INTERVAL = 1500;\n        const MAX_POLLS = 40; // ~60 s total\n        let polls = 0;\n\n        while (result.status === 'processing' && polls < MAX_POLLS) {\n          await new Promise((r) => setTimeout(r, POLL_INTERVAL));\n          polls++;\n\n          const statusRes = await fetch(\n            `${apiUrl}/public/designs/${result.designId}/status`,\n          );\n          if (!statusRes.ok) {\n            throw new Error('Failed to check design status');\n          }\n          const statusBody = await statusRes.json();\n          result = {\n            designId: statusBody.designId,\n            status: statusBody.status,\n            proofUrl: statusBody.proofUrl ?? null,\n            errorMessage: statusBody.errorMessage ?? null,\n          };\n        }\n\n        if (result.status === 'processing') {\n          result = { ...result, status: 'failed', errorMessage: 'Render timed out' };\n        }\n\n        if (options.onFinalize) {\n          options.onFinalize(result);\n        }\n\n        return result;\n      } catch (error) {\n        const customizerError: CustomizerError = {\n          code: 'FINALIZE_ERROR',\n          message: error instanceof Error ? error.message : 'Unknown error',\n          details: error,\n        };\n\n        if (options.onError) {\n          options.onError(customizerError);\n        }\n\n        throw error;\n      }\n    },\n\n    addTextLayer(text?: string): void {\n      if (typeof editorElement.addTextLayer !== 'function') {\n        throw new Error('Editor not ready: addTextLayer method not available');\n      }\n      editorElement.addTextLayer(text);\n    },\n\n    async addImageLayer(url: string): Promise<void> {\n      if (typeof editorElement.addImageLayer !== 'function') {\n        throw new Error('Editor not ready: addImageLayer method not available');\n      }\n      return editorElement.addImageLayer(url);\n    },\n\n    removeLayer(layerId: string): void {\n      if (typeof editorElement.removeLayer !== 'function') {\n        throw new Error('Editor not ready: removeLayer method not available');\n      }\n      editorElement.removeLayer(layerId);\n    },\n\n    selectLayer(layerId: string | null): void {\n      if (typeof editorElement.selectLayer !== 'function') {\n        throw new Error('Editor not ready: selectLayer method not available');\n      }\n      editorElement.selectLayer(layerId);\n    },\n\n    getSelectedLayerId(): string | null {\n      if (typeof editorElement.getSelectedLayerId !== 'function') {\n        return null;\n      }\n      return editorElement.getSelectedLayerId();\n    },\n\n    getActiveView(): string | null {\n      if (typeof editorElement.getActiveView !== 'function') {\n        return null;\n      }\n      return editorElement.getActiveView();\n    },\n\n    getViews(): ViewInfo[] {\n      if (typeof editorElement.getViews !== 'function') {\n        return [];\n      }\n      return editorElement.getViews();\n    },\n\n    setActiveView(viewName: string): void {\n      if (typeof editorElement.setActiveView !== 'function') {\n        throw new Error('Editor not ready: setActiveView method not available');\n      }\n      editorElement.setActiveView(viewName);\n    },\n\n    setTheme(theme: 'light' | 'dark'): void {\n      editorElement.setAttribute('theme', theme);\n    },\n\n    setMode(mode: 'edit' | 'preview'): void {\n      editorElement.setAttribute('mode', mode);\n    },\n\n    destroy(): void {\n      // Remove all event listeners\n      listeners.forEach(({ event, handler }) => {\n        editorElement.removeEventListener(event, handler);\n      });\n\n      // Remove the element from DOM\n      if (editorElement.parentNode) {\n        editorElement.parentNode.removeChild(editorElement);\n      }\n    },\n\n    getElement(): HTMLElement {\n      return editorElement;\n    },\n  };\n\n  // NOW set up event handlers (after instance is fully created)\n  if (options.onReady) {\n    addEventListener('ready', (() => {\n      options.onReady?.(instance);\n    }) as EventListener);\n  }\n\n  if (options.onChange) {\n    addEventListener('change', ((e: CustomEvent) => {\n      const design = e.detail.design;\n      options.onChange?.(design);\n    }) as EventListener);\n  }\n\n  if (options.onLayerSelect) {\n    addEventListener('layer:select', ((e: CustomEvent) => {\n      options.onLayerSelect?.(e.detail.layerId);\n    }) as EventListener);\n  }\n\n  if (options.onLayerAdd) {\n    addEventListener('layer:add', ((e: CustomEvent) => {\n      options.onLayerAdd?.(e.detail.layerId);\n    }) as EventListener);\n  }\n\n  if (options.onLayerRemove) {\n    addEventListener('layer:remove', ((e: CustomEvent) => {\n      options.onLayerRemove?.(e.detail.layerId);\n    }) as EventListener);\n  }\n\n  if (options.onLayerUpdate) {\n    addEventListener('layer:update', ((e: CustomEvent) => {\n      options.onLayerUpdate?.(e.detail.layerId);\n    }) as EventListener);\n  }\n\n  if (options.onError) {\n    addEventListener('error', ((e: CustomEvent) => {\n      const error: CustomizerError = e.detail.error;\n      options.onError?.(error);\n    }) as EventListener);\n  }\n\n  if (options.onViewChange) {\n    addEventListener('view-change', ((e: CustomEvent) => {\n      options.onViewChange?.(e.detail.viewName);\n    }) as EventListener);\n  }\n\n  // Set initial design if provided\n  if (options.initialDesign) {\n    // Wait for the editor to be ready before setting the design\n    editorElement.addEventListener(\n      'ready',\n      () => {\n        if (options.initialDesign) {\n          editorElement.setDesign(options.initialDesign);\n        }\n      },\n      { once: true }\n    );\n  }\n\n  if (options.debug) {\n    console.log('[Customizer SDK] Initialized with options:', options);\n    console.log('[Customizer SDK] Instance:', instance);\n  }\n\n  return instance;\n}\n\n/**\n * Re-export types for convenience\n */\nexport type * from '../types';\n"],"names":["N","t","e","s","n","a","o","l","d","b","y","w","v","x","C","S","z","u","p","g","m","T","D","O","E","M","H","B","A","I","F","Z","$","V","Y","W","L","X","R","G","J","K","_","Q","tt","et","r","initCustomizer","elementOrSelector","options","container","editorElement","listeners","addEventListener","event","handler","instance","design","apiUrl","response","error","body","result","POLL_INTERVAL","MAX_POLLS","polls","statusRes","statusBody","customizerError","text","url","layerId","viewName","theme","mode"],"mappings":"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"}