{"version":3,"file":"DashedLine.yb9FMCSz.mjs","names":[],"sources":["https:/framerusercontent.com/modules/flP7u00YdAlQy1hWEF2x/1nwOBlaHmwL8YHjyjXNw/DashedLine.js"],"sourcesContent":["// Customizable dashed line component with controls for dash width, spacing, and curved edges\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";/**\n * Dashed Line\n *\n * @framerIntrinsicWidth 200\n * @framerIntrinsicHeight 20\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n */export default function DashedLine(props){const{orientation=\"horizontal\",dashWidth=10,dashSpacing=5,lineThickness=2,lineColor=\"#000000\",dashBorderRadius=0,style}=props;const isHorizontal=orientation===\"horizontal\";const containerStyle={position:\"relative\",width:\"100%\",height:\"100%\",minWidth:isHorizontal?5:lineThickness,minHeight:isHorizontal?lineThickness:5,display:\"flex\",alignItems:\"center\",justifyContent:\"center\",...style};// For rounded dashes, we need to render individual rect elements\nif(dashBorderRadius>0){// Calculate how many dashes we can fit\nconst containerSize=isHorizontal?1e3:1e3// Use a large default for calculation\n;const dashCount=Math.ceil(containerSize/(dashWidth+dashSpacing));return /*#__PURE__*/_jsx(\"div\",{style:containerStyle,children:/*#__PURE__*/_jsx(\"svg\",{width:\"100%\",height:\"100%\",style:{display:\"block\"},preserveAspectRatio:\"none\",viewBox:isHorizontal?`0 0 ${dashCount*(dashWidth+dashSpacing)} ${lineThickness}`:`0 0 ${lineThickness} ${dashCount*(dashWidth+dashSpacing)}`,children:Array.from({length:dashCount}).map((_,i)=>{const position=i*(dashWidth+dashSpacing);return /*#__PURE__*/_jsx(\"rect\",{x:isHorizontal?position:0,y:isHorizontal?0:position,width:isHorizontal?dashWidth:lineThickness,height:isHorizontal?lineThickness:dashWidth,fill:lineColor,rx:dashBorderRadius,ry:dashBorderRadius},i);})})});}// For non-rounded dashes, use a simple line with stroke-dasharray\nreturn /*#__PURE__*/_jsx(\"div\",{style:containerStyle,children:/*#__PURE__*/_jsx(\"svg\",{width:\"100%\",height:\"100%\",style:{display:\"block\"},preserveAspectRatio:\"none\",children:isHorizontal?/*#__PURE__*/_jsx(\"line\",{x1:\"0\",y1:\"50%\",x2:\"100%\",y2:\"50%\",stroke:lineColor,strokeWidth:lineThickness,strokeDasharray:`${dashWidth} ${dashSpacing}`,strokeLinecap:\"butt\"}):/*#__PURE__*/_jsx(\"line\",{x1:\"50%\",y1:\"0\",x2:\"50%\",y2:\"100%\",stroke:lineColor,strokeWidth:lineThickness,strokeDasharray:`${dashWidth} ${dashSpacing}`,strokeLinecap:\"butt\"})})});}addPropertyControls(DashedLine,{orientation:{type:ControlType.Enum,title:\"Orientation\",options:[\"horizontal\",\"vertical\"],optionTitles:[\"Horizontal\",\"Vertical\"],defaultValue:\"horizontal\",displaySegmentedControl:true},dashWidth:{type:ControlType.Number,title:\"Dash Width\",defaultValue:10,min:1,max:100,step:1,unit:\"px\"},dashSpacing:{type:ControlType.Number,title:\"Dash Spacing\",defaultValue:5,min:1,max:100,step:1,unit:\"px\"},lineThickness:{type:ControlType.Number,title:\"Thickness\",defaultValue:2,min:1,max:50,step:1,unit:\"px\"},dashBorderRadius:{type:ControlType.Number,title:\"Dash Radius\",defaultValue:0,min:0,max:50,step:1,unit:\"px\"},lineColor:{type:ControlType.Color,title:\"Color\",defaultValue:\"#000000\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"DashedLine\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"fixed\",\"framerIntrinsicHeight\":\"20\",\"framerContractVersion\":\"1\",\"framerIntrinsicWidth\":\"200\",\"framerSupportedLayoutHeight\":\"fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./DashedLine.map"],"mappings":"4JASG,SAAwB,EAAW,EAAM,CAAC,GAAK,CAAC,cAAY,aAAa,YAAU,GAAG,cAAY,EAAE,gBAAc,EAAE,YAAU,UAAU,mBAAiB,EAAE,SAAO,EAAY,EAAa,IAAc,aAAmB,EAAe,CAAC,SAAS,WAAW,MAAM,OAAO,OAAO,OAAO,SAAS,EAAa,EAAE,EAAc,UAAU,EAAa,EAAc,EAAE,QAAQ,OAAO,WAAW,SAAS,eAAe,SAAS,GAAG,CAAK,EAC9a,GAAG,EAAiB,EAAE,CAErB,IAAM,EAAU,KAAK,KADW,KACS,EAAU,EAAY,EAAE,OAAoB,EAAK,MAAM,CAAC,MAAM,EAAe,SAAsB,EAAK,MAAM,CAAC,MAAM,OAAO,OAAO,OAAO,MAAM,CAAC,QAAQ,OAAO,EAAE,oBAAoB,OAAO,QAAQ,EAAa,OAAO,GAAW,EAAU,GAAa,GAAG,IAAgB,OAAO,EAAc,GAAG,GAAW,EAAU,KAAe,SAAS,MAAM,KAAK,CAAC,OAAO,CAAS,CAAC,CAAC,CAAC,KAAK,EAAE,IAAI,CAAC,IAAM,EAAS,GAAG,EAAU,GAAa,OAAoB,EAAK,OAAO,CAAC,EAAE,EAAa,EAAS,EAAE,EAAE,EAAa,EAAE,EAAS,MAAM,EAAa,EAAU,EAAc,OAAO,EAAa,EAAc,EAAU,KAAK,EAAU,GAAG,EAAiB,GAAG,CAAgB,EAAE,CAAC,CAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAE,CAC/rB,OAAoB,EAAK,MAAM,CAAC,MAAM,EAAe,SAAsB,EAAK,MAAM,CAAC,MAAM,OAAO,OAAO,OAAO,MAAM,CAAC,QAAQ,OAAO,EAAE,oBAAoB,OAAO,SAAS,EAA0B,EAAK,OAAO,CAAC,GAAG,IAAI,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,OAAO,EAAU,YAAY,EAAc,gBAAgB,GAAG,EAAU,GAAG,IAAc,cAAc,MAAM,CAAC,EAAe,EAAK,OAAO,CAAC,GAAG,MAAM,GAAG,IAAI,GAAG,MAAM,GAAG,OAAO,OAAO,EAAU,YAAY,EAAc,gBAAgB,GAAG,EAAU,GAAG,IAAc,cAAc,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAE,iBAZ/e,IAAoD,EAY4b,EAAoB,EAAW,CAAC,YAAY,CAAC,KAAK,EAAY,KAAK,MAAM,cAAc,QAAQ,CAAC,aAAa,UAAU,EAAE,aAAa,CAAC,aAAa,UAAU,EAAE,aAAa,aAAa,wBAAwB,EAAI,EAAE,UAAU,CAAC,KAAK,EAAY,OAAO,MAAM,aAAa,aAAa,GAAG,IAAI,EAAE,IAAI,IAAI,KAAK,EAAE,KAAK,IAAI,EAAE,YAAY,CAAC,KAAK,EAAY,OAAO,MAAM,eAAe,aAAa,EAAE,IAAI,EAAE,IAAI,IAAI,KAAK,EAAE,KAAK,IAAI,EAAE,cAAc,CAAC,KAAK,EAAY,OAAO,MAAM,YAAY,aAAa,EAAE,IAAI,EAAE,IAAI,GAAG,KAAK,EAAE,KAAK,IAAI,EAAE,iBAAiB,CAAC,KAAK,EAAY,OAAO,MAAM,cAAc,aAAa,EAAE,IAAI,EAAE,IAAI,GAAG,KAAK,EAAE,KAAK,IAAI,EAAE,UAAU,CAAC,KAAK,EAAY,MAAM,MAAM,QAAQ,aAAa,SAAS,CAAC,CAAC"}