{"version":3,"file":"Carousel_3D.UE7rGhob.mjs","names":[],"sources":["https:/framerusercontent.com/modules/brYEBPi3PfGCwevYNki2/vATZJq2cMeEHaLCDnXKX/Carousel_3D.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";export default function ThreeDGallery(props){const{images,imageWidth,imageHeight,rotateSpeed,translateZ,borderRadius,showBackface}=props;const totalItems=Math.max(images.length,6);const spreadAngle=360/totalItems;const filledImages=[...images,...Array.from({length:totalItems-images.length},(_,i)=>`https://picsum.photos/200/120?random=${i}`)];return /*#__PURE__*/_jsxs(\"div\",{style:{width:\"100%\",height:\"100%\",position:\"relative\",perspective:\"1000px\",overflow:\"hidden\",zIndex:0,pointerEvents:\"auto\"},children:[/*#__PURE__*/_jsx(\"style\",{children:`\n          @keyframes rotation {\n            from { transform: rotateY(0deg); }\n            to { transform: rotateY(360deg); }\n          }\n\n          .carousel {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            transform-style: preserve-3d;\n            transform-origin: center center;\n            animation: rotation ${rotateSpeed}s infinite linear;\n          }\n\n          .carousel figure {\n            position: absolute;\n            margin: 0;\n            top: 50%;\n            left: 50%;\n            transform-origin: center center;\n            overflow: hidden;\n            transition: transform 0.5s ease;\n            backface-visibility: ${showBackface?\"visible\":\"hidden\"};\n          }\n\n          .carousel figure img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            transition: all 0.5s ease;\n            backface-visibility: ${showBackface?\"visible\":\"hidden\"};\n          }\n        `}),/*#__PURE__*/_jsx(\"div\",{className:\"carousel\",children:filledImages.map((src,index)=>{const angle=index*spreadAngle;const transform=`\n            translate(-50%, -50%)\n            rotateY(${angle}deg)\n            translateZ(${translateZ}px)\n          `;return /*#__PURE__*/_jsx(\"figure\",{style:{width:imageWidth,height:imageHeight,transform,borderRadius},children:/*#__PURE__*/_jsx(\"img\",{src:src,alt:`carousel-${index}`,style:{borderRadius}})},index);})})]});}// Canvas preview defaults\nThreeDGallery.defaultProps={width:1200,height:400};addPropertyControls(ThreeDGallery,{images:{type:ControlType.Array,propertyControl:{type:ControlType.Image},defaultValue:[\"https://picsum.photos/200/120?random=1\",\"https://picsum.photos/200/120?random=2\",\"https://picsum.photos/200/120?random=3\",\"https://picsum.photos/200/120?random=4\",\"https://picsum.photos/200/120?random=5\",\"https://picsum.photos/200/120?random=6\"]},imageWidth:{type:ControlType.Number,defaultValue:186,min:50,max:300},imageHeight:{type:ControlType.Number,defaultValue:116,min:50,max:300},rotateSpeed:{type:ControlType.Number,defaultValue:20,min:1,max:60,unit:\"s\"},translateZ:{type:ControlType.Number,defaultValue:288,min:100,max:800,unit:\"px\"},borderRadius:{type:ControlType.Number,defaultValue:5,min:0,max:50,unit:\"px\"},showBackface:{type:ControlType.Boolean,defaultValue:true,title:\"Show Backface\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"ThreeDGallery\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Carousel_3D.map"],"mappings":"mKAA6G,SAAwB,EAAc,EAAM,CAAC,GAAK,CAAC,SAAO,aAAW,cAAY,cAAY,aAAW,eAAa,gBAAc,EAAY,EAAW,KAAK,IAAI,EAAO,OAAO,EAAE,CAAO,EAAY,IAAI,EAAiB,EAAa,CAAC,GAAG,EAAO,GAAG,MAAM,KAAK,CAAC,OAAO,EAAW,EAAO,OAAO,EAAE,EAAE,IAAI,wCAAwC,IAAI,CAAC,CAAC,OAAoB,EAAM,MAAM,CAAC,MAAM,CAAC,MAAM,OAAO,OAAO,OAAO,SAAS,WAAW,YAAY,SAAS,SAAS,SAAS,OAAO,EAAE,cAAc,OAAO,CAAC,SAAS,CAAc,EAAK,QAAQ,CAAC,SAAS;;;;;;;;;;;;;kCAa9mB,EAAY;;;;;;;;;;;mCAWX,EAAa,UAAU,SAAS;;;;;;;;mCAQhC,EAAa,UAAU,SAAS;;UAEzD,CAAC,CAAc,EAAK,MAAM,CAAC,UAAU,WAAW,SAAS,EAAa,KAAK,EAAI,IAIzD,EAAK,SAAS,CAAC,MAAM,CAAC,MAAM,EAAW,OAAO,EAAY,UAJsD;;sBAAlC,EAAM,EAExF;yBACH,EAAW;YACgE,eAAa,CAAC,SAAsB,EAAK,MAAM,CAAK,MAAI,IAAI,YAAY,IAAQ,MAAM,CAAC,eAAa,CAAC,CAAC,CAAC,CAAC,EAAM,CAAG,CAAC,CAAC,CAAC,CAAC,CAAC,kBAtCjK,IAAoD,CAuC7G,EAAc,aAAa,CAAC,MAAM,KAAK,OAAO,IAAI,CAAC,EAAoB,EAAc,CAAC,OAAO,CAAC,KAAK,EAAY,MAAM,gBAAgB,CAAC,KAAK,EAAY,MAAM,CAAC,aAAa,CAAC,yCAAyC,yCAAyC,yCAAyC,yCAAyC,yCAAyC,yCAAyC,CAAC,CAAC,WAAW,CAAC,KAAK,EAAY,OAAO,aAAa,IAAI,IAAI,GAAG,IAAI,IAAI,CAAC,YAAY,CAAC,KAAK,EAAY,OAAO,aAAa,IAAI,IAAI,GAAG,IAAI,IAAI,CAAC,YAAY,CAAC,KAAK,EAAY,OAAO,aAAa,GAAG,IAAI,EAAE,IAAI,GAAG,KAAK,IAAI,CAAC,WAAW,CAAC,KAAK,EAAY,OAAO,aAAa,IAAI,IAAI,IAAI,IAAI,IAAI,KAAK,KAAK,CAAC,aAAa,CAAC,KAAK,EAAY,OAAO,aAAa,EAAE,IAAI,EAAE,IAAI,GAAG,KAAK,KAAK,CAAC,aAAa,CAAC,KAAK,EAAY,QAAQ,aAAa,GAAK,MAAM,gBAAgB,CAAC,CAAC"}