{"version":3,"file":"HorizontalScroller.OAXIAURF.mjs","names":["_Fragment"],"sources":["https:/framerusercontent.com/modules/qm0spKBGXhGdbkdXPUVV/9gxA5cR2QUxwqb5OYQdY/HorizontalScroller.js"],"sourcesContent":["// Side scrolling container component that accepts any objects as children\nimport{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";/**\n * @framerDisableUnlink\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n */export default function HorizontalScroller(props){const{children,gap=16,padding=20,backgroundColor=\"#FFFFFF\",showScrollbar=false,scrollSpeed=\"normal\",autoScroll=false,pauseOnHover=true}=props;const speedMap={slow:\"30s\",normal:\"20s\",fast:\"10s\"};const containerStyle={width:\"100%\",height:\"100%\",backgroundColor,overflow:\"hidden\",position:\"relative\"};const scrollContainerStyle={width:\"100%\",height:\"100%\",overflowX:\"auto\",overflowY:\"hidden\",scrollbarWidth:showScrollbar?\"thin\":\"none\",msOverflowStyle:showScrollbar?\"auto\":\"none\",WebkitOverflowScrolling:\"touch\"};const contentStyle={display:\"flex\",alignItems:\"center\",height:\"100%\",gap:`${gap}px`,padding:`0 ${padding}px`,minWidth:\"max-content\",animation:autoScroll?`scroll ${speedMap[scrollSpeed]} linear infinite`:\"none\",animationPlayState:autoScroll&&pauseOnHover?\"running\":\"running\"};const hoverStyle={animationPlayState:\"paused\"};return /*#__PURE__*/_jsxs(\"div\",{style:containerStyle,children:[/*#__PURE__*/_jsx(\"style\",{children:`\n                    @keyframes scroll {\n                        0% { transform: translateX(0); }\n                        100% { transform: translateX(-50%); }\n                    }\n                    \n                    .side-scroll-container::-webkit-scrollbar {\n                        display: ${showScrollbar?\"block\":\"none\"};\n                        height: 8px;\n                    }\n                    \n                    .side-scroll-container::-webkit-scrollbar-track {\n                        background: rgba(0, 0, 0, 0.1);\n                        border-radius: 4px;\n                    }\n                    \n                    .side-scroll-container::-webkit-scrollbar-thumb {\n                        background: rgba(0, 0, 0, 0.3);\n                        border-radius: 4px;\n                    }\n                    \n                    .side-scroll-container::-webkit-scrollbar-thumb:hover {\n                        background: rgba(0, 0, 0, 0.5);\n                    }\n                    \n                    .side-scroll-content:hover {\n                        animation-play-state: ${autoScroll&&pauseOnHover?\"paused\":\"running\"} !important;\n                    }\n                `}),/*#__PURE__*/_jsx(\"div\",{className:\"side-scroll-container\",style:scrollContainerStyle,children:/*#__PURE__*/_jsx(\"div\",{className:\"side-scroll-content\",style:contentStyle,children:autoScroll?/*#__PURE__*/_jsxs(_Fragment,{children:[children,children]}):children})})]});}addPropertyControls(HorizontalScroller,{children:{type:ControlType.Slot,title:\"Content\"},gap:{type:ControlType.Number,title:\"Gap\",defaultValue:16,min:0,max:100,step:1,unit:\"px\"},padding:{type:ControlType.Number,title:\"Padding\",defaultValue:20,min:0,max:100,step:1,unit:\"px\"},backgroundColor:{type:ControlType.Color,title:\"Background\",defaultValue:\"#FFFFFF\"},showScrollbar:{type:ControlType.Boolean,title:\"Show Scrollbar\",defaultValue:false,enabledTitle:\"Show\",disabledTitle:\"Hide\"},autoScroll:{type:ControlType.Boolean,title:\"Auto Scroll\",defaultValue:false,enabledTitle:\"On\",disabledTitle:\"Off\"},scrollSpeed:{type:ControlType.Enum,title:\"Scroll Speed\",options:[\"slow\",\"normal\",\"fast\"],optionTitles:[\"Slow\",\"Normal\",\"Fast\"],defaultValue:\"normal\",displaySegmentedControl:true,hidden:({autoScroll})=>!autoScroll},pauseOnHover:{type:ControlType.Boolean,title:\"Pause on Hover\",defaultValue:true,enabledTitle:\"Yes\",disabledTitle:\"No\",hidden:({autoScroll})=>!autoScroll}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"HorizontalScroller\",\"slots\":[\"children\"],\"annotations\":{\"framerSupportedLayoutHeight\":\"fixed\",\"framerContractVersion\":\"1\",\"framerDisableUnlink\":\"* @framerSupportedLayoutWidth fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./HorizontalScroller.map"],"mappings":"qKAKG,SAAwB,EAAmB,EAAM,CAAC,GAAK,CAAC,WAAS,MAAI,GAAG,UAAQ,GAAG,kBAAgB,UAAU,gBAAc,GAAM,cAAY,SAAS,aAAW,GAAM,eAAa,IAAM,EAAY,EAAS,CAAC,KAAK,MAAM,OAAO,MAAM,KAAK,MAAM,CAAO,EAAe,CAAC,MAAM,OAAO,OAAO,OAAO,kBAAgB,SAAS,SAAS,SAAS,WAAW,CAAO,EAAqB,CAAC,MAAM,OAAO,OAAO,OAAO,UAAU,OAAO,UAAU,SAAS,eAAe,EAAc,OAAO,OAAO,gBAAgB,EAAc,OAAO,OAAO,wBAAwB,QAAQ,CAAO,EAAa,CAAC,QAAQ,OAAO,WAAW,SAAS,OAAO,OAAO,IAAI,GAAG,EAAI,IAAI,QAAQ,KAAK,EAAQ,IAAI,SAAS,cAAc,UAAU,EAAW,UAAU,EAAS,GAAa,kBAAkB,OAAO,mBAA4C,UAAoB,CAAgD,OAAoB,EAAM,MAAM,CAAC,MAAM,EAAe,SAAS,CAAc,EAAK,QAAQ,CAAC,SAAS;;;;;;;mCAOr7B,EAAc,QAAQ,OAAO;;;;;;;;;;;;;;;;;;;gDAmBhB,GAAY,EAAa,SAAS,UAAU;;kBAE1E,CAAC,CAAc,EAAK,MAAM,CAAC,UAAU,wBAAwB,MAAM,EAAqB,SAAsB,EAAK,MAAM,CAAC,UAAU,sBAAsB,MAAM,EAAa,SAAS,EAAwB,EAAMA,EAAU,CAAC,SAAS,CAAC,EAAS,EAAS,CAAC,CAAC,CAAC,EAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,kBAhChN,IAAoD,CAgC8J,EAAoB,EAAmB,CAAC,SAAS,CAAC,KAAK,EAAY,KAAK,MAAM,UAAU,CAAC,IAAI,CAAC,KAAK,EAAY,OAAO,MAAM,MAAM,aAAa,GAAG,IAAI,EAAE,IAAI,IAAI,KAAK,EAAE,KAAK,KAAK,CAAC,QAAQ,CAAC,KAAK,EAAY,OAAO,MAAM,UAAU,aAAa,GAAG,IAAI,EAAE,IAAI,IAAI,KAAK,EAAE,KAAK,KAAK,CAAC,gBAAgB,CAAC,KAAK,EAAY,MAAM,MAAM,aAAa,aAAa,UAAU,CAAC,cAAc,CAAC,KAAK,EAAY,QAAQ,MAAM,iBAAiB,aAAa,GAAM,aAAa,OAAO,cAAc,OAAO,CAAC,WAAW,CAAC,KAAK,EAAY,QAAQ,MAAM,cAAc,aAAa,GAAM,aAAa,KAAK,cAAc,MAAM,CAAC,YAAY,CAAC,KAAK,EAAY,KAAK,MAAM,eAAe,QAAQ,CAAC,OAAO,SAAS,OAAO,CAAC,aAAa,CAAC,OAAO,SAAS,OAAO,CAAC,aAAa,SAAS,wBAAwB,GAAK,QAAQ,CAAC,gBAAc,CAAC,EAAW,CAAC,aAAa,CAAC,KAAK,EAAY,QAAQ,MAAM,iBAAiB,aAAa,GAAK,aAAa,MAAM,cAAc,KAAK,QAAQ,CAAC,gBAAc,CAAC,EAAW,CAAC,CAAC"}