{"version":3,"file":"MovingDashLine.ecNLtPIn.mjs","names":[],"sources":["https:/framerusercontent.com/modules/XGxwL6CWmga3q1aliDvz/J2N2S0lCYe9FDYtqMDmr/MovingDashLine.js"],"sourcesContent":["// Moving dashed line component with customizable parameters\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{motion}from\"framer-motion\";/**\n * Moving Dash Line\n * \n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n */export default function MovingDashLine(props){const{orientation=\"horizontal\",lineColor=\"#000000\",lineThickness=2,dashLength=10,gapLength=5,speed=2,direction=\"forward\",style}=props;const isHorizontal=orientation===\"horizontal\";const totalDashLength=dashLength+gapLength;const animationDuration=speed;const animationDistance=direction===\"forward\"?totalDashLength:-totalDashLength;return /*#__PURE__*/_jsx(\"div\",{style:{...style,position:\"relative\",width:\"100%\",height:\"100%\",overflow:\"hidden\",display:\"flex\",alignItems:\"center\",justifyContent:\"center\"},children:/*#__PURE__*/_jsx(motion.div,{style:{width:isHorizontal?\"100%\":`${lineThickness}px`,height:isHorizontal?`${lineThickness}px`:\"100%\",backgroundImage:isHorizontal?`linear-gradient(to right, ${lineColor} ${dashLength}px, transparent ${dashLength}px)`:`linear-gradient(to bottom, ${lineColor} ${dashLength}px, transparent ${dashLength}px)`,backgroundSize:isHorizontal?`${totalDashLength}px ${lineThickness}px`:`${lineThickness}px ${totalDashLength}px`,backgroundRepeat:\"repeat\"},animate:{backgroundPosition:isHorizontal?[`0px 0px`,`${animationDistance}px 0px`]:[`0px 0px`,`0px ${animationDistance}px`]},transition:{duration:animationDuration,repeat:Infinity,ease:\"linear\"}})});}addPropertyControls(MovingDashLine,{orientation:{type:ControlType.Enum,title:\"Orientation\",options:[\"horizontal\",\"vertical\"],optionTitles:[\"Horizontal\",\"Vertical\"],defaultValue:\"horizontal\",displaySegmentedControl:true},lineColor:{type:ControlType.Color,title:\"Line Color\",defaultValue:\"#000000\"},lineThickness:{type:ControlType.Number,title:\"Thickness\",defaultValue:2,min:1,max:20,step:1,unit:\"px\"},dashLength:{type:ControlType.Number,title:\"Dash Length\",defaultValue:10,min:1,max:50,step:1,unit:\"px\"},gapLength:{type:ControlType.Number,title:\"Gap Length\",defaultValue:5,min:1,max:50,step:1,unit:\"px\"},speed:{type:ControlType.Number,title:\"Speed\",defaultValue:2,min:.5,max:10,step:.5,unit:\"s\"},direction:{type:ControlType.Enum,title:\"Direction\",options:[\"forward\",\"backward\"],optionTitles:[\"Forward\",\"Backward\"],defaultValue:\"forward\",displaySegmentedControl:true}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"MovingDashLine\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./MovingDashLine.map"],"mappings":"8MAMG,SAAwB,EAAe,EAAM,CAAC,GAAK,CAAC,cAAY,aAAa,YAAU,UAAU,gBAAc,EAAE,aAAW,GAAG,YAAU,EAAE,QAAM,EAAE,YAAU,UAAU,SAAO,EAAY,EAAa,IAAc,aAAmB,EAAgB,EAAW,EAAgB,EAAkB,EAAY,EAAkB,IAAY,UAAU,EAAgB,CAAC,EAAgB,OAAoB,EAAK,MAAM,CAAC,MAAM,CAAC,GAAG,EAAM,SAAS,WAAW,MAAM,OAAO,OAAO,OAAO,SAAS,SAAS,QAAQ,OAAO,WAAW,SAAS,eAAe,SAAS,CAAC,SAAsB,EAAK,EAAO,IAAI,CAAC,MAAM,CAAC,MAAM,EAAa,OAAO,GAAG,EAAc,IAAI,OAAO,EAAa,GAAG,EAAc,IAAI,OAAO,gBAAgB,EAAa,6BAA6B,EAAU,GAAG,EAAW,kBAAkB,EAAW,KAAK,8BAA8B,EAAU,GAAG,EAAW,kBAAkB,EAAW,KAAK,eAAe,EAAa,GAAG,EAAgB,KAAK,EAAc,IAAI,GAAG,EAAc,KAAK,EAAgB,IAAI,iBAAiB,SAAS,CAAC,QAAQ,CAAC,mBAAmB,EAAa,CAAC,UAAU,GAAG,EAAkB,QAAQ,CAAC,CAAC,UAAU,OAAO,EAAkB,IAAI,CAAC,CAAC,WAAW,CAAC,SAAS,EAAkB,OAAO,IAAS,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,kBALxqC,IAAoD,IAAkC,CAKolC,EAAoB,EAAe,CAAC,YAAY,CAAC,KAAK,EAAY,KAAK,MAAM,cAAc,QAAQ,CAAC,aAAa,WAAW,CAAC,aAAa,CAAC,aAAa,WAAW,CAAC,aAAa,aAAa,wBAAwB,GAAK,CAAC,UAAU,CAAC,KAAK,EAAY,MAAM,MAAM,aAAa,aAAa,UAAU,CAAC,cAAc,CAAC,KAAK,EAAY,OAAO,MAAM,YAAY,aAAa,EAAE,IAAI,EAAE,IAAI,GAAG,KAAK,EAAE,KAAK,KAAK,CAAC,WAAW,CAAC,KAAK,EAAY,OAAO,MAAM,cAAc,aAAa,GAAG,IAAI,EAAE,IAAI,GAAG,KAAK,EAAE,KAAK,KAAK,CAAC,UAAU,CAAC,KAAK,EAAY,OAAO,MAAM,aAAa,aAAa,EAAE,IAAI,EAAE,IAAI,GAAG,KAAK,EAAE,KAAK,KAAK,CAAC,MAAM,CAAC,KAAK,EAAY,OAAO,MAAM,QAAQ,aAAa,EAAE,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,IAAI,CAAC,UAAU,CAAC,KAAK,EAAY,KAAK,MAAM,YAAY,QAAQ,CAAC,UAAU,WAAW,CAAC,aAAa,CAAC,UAAU,WAAW,CAAC,aAAa,UAAU,wBAAwB,GAAK,CAAC,CAAC"}