zuljaman-banner-components 1.0.17 → 1.0.18

package/dist/components/BannerRenderer.js

@@ -279,7 +279,7 @@ const BannerRenderer = ({ bannerStyle, copies = [], bannerSubstyle = 1, logoUrl,
     const logoComponent = ((0, jsx_runtime_1.jsx)(shared_1.DraggableElement, { enabled: draggableMode, position: { x: logoTranslateX, y: logoTranslateY }, rotation: logoRotation, width: logoWidth, scale: sizeMultiplier, elementId: "logo", isSelected: selectedElement === "logo", onPositionChange: onLogoPositionChange, onRotationChange: onLogoRotationChange, onWidthChange: onLogoWidthChange, onSelect: (id) => setSelectedElement(id), onDeselect: () => setSelectedElement(null), onRotationSnap: handleRotationSnap, children: (0, jsx_runtime_1.jsx)("div", { ref: logoRef, className: "relative", style: {
                 width: logoWidth ? `${logoWidth}px` : `${defaults_1.DEFAULT_LOGO_SIZE_REM * logoSizeMultiplier}rem`,
                 height: logoWidth ? `${logoWidth}px` : `${defaults_1.DEFAULT_LOGO_SIZE_REM * logoSizeMultiplier}rem`,
-                transform: !draggableMode ? `translate(${logoTranslateX}px, ${logoTranslateY}px)` : undefined,
+                // Remove transform - DraggableElement already handles positioning
             }, children: logoUrl && ((0, jsx_runtime_1.jsx)(ImageComponent, { src: logoUrl, alt: "Logo", width: 256, height: 256, className: "object-contain absolute inset-0 w-full h-full", style: { objectFit: "contain", pointerEvents: "none" } })) }) }));
     // Function to render a copy component by styleSlot
     // Function to render a copy component with absolute positioning
@@ -389,7 +389,7 @@ const BannerRenderer = ({ bannerStyle, copies = [], bannerSubstyle = 1, logoUrl,
                     else if (styleSlot === 1)
                         copyRefs.current[1] = el;
                 }, style: {
-                    transform: !draggableMode ? `translate(${finalX}px, ${finalY}px) rotate(${finalRotation}deg)` : undefined,
+                    // Remove transform - DraggableElement already handles positioning and rotation
                     width: '100%',
                     // Hide copy if hidden property is true
                     display: copy.hidden ? 'none' : undefined,

package/dist/components/shared/DraggableElement.js

@@ -372,7 +372,7 @@ const DraggableElement = ({ enabled, position, rotation, width, scale, elementId
             transition: isDragging || isRotating || isResizing ? "none" : "opacity 0.2s ease",
             display: "inline-block",
             position: "relative",
-            transform: enabled ? `translate(${currentPosition.x}px, ${currentPosition.y}px)` : undefined,
+            transform: `translate(${currentPosition.x}px, ${currentPosition.y}px)`,
         }, children: (0, jsx_runtime_1.jsxs)("div", { style: {
                 transform: centerOrigin ? 'translate(-50%, -50%)' : undefined,
                 position: "relative"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zuljaman-banner-components",
-  "version": "1.0.17",
+  "version": "1.0.18",
   "description": "Shared banner components package for Next.js and AWS Lambda platforms",
   "main": "dist/index.js",
   "module": "dist/index.js",