{"version":3,"file":"DashedDivider.BTNFDGSs.mjs","names":[],"sources":["https:/framerusercontent.com/modules/uATcOQlh4c1Hceyn3RSJ/QsjEes1xpvcu6VQVeNSa/DashedDivider.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import*as React from\"react\";import{addPropertyControls,ControlType}from\"framer\";export default function DashedDivider(props){const{color=\"#1D4293\",dash=\"Square\",size,gap,width=1200,height,orientation=\"Horizontal\",paddingTop=0,paddingBottom=0,paddingLeft=0,paddingRight=0,style}=props;const dashSize=typeof size===\"number\"&&size>0?size:2;const dashSpacing=typeof gap===\"number\"&&gap>=0?gap:4*dashSize// default ratio 1:4\n;const unit=dashSize+dashSpacing;// Shape heights\nconst triangleHeight=dashSize*Math.sqrt(3)/2;const rectangleWidth=dashSize;const rectangleHeight=dashSize/4;const starBox=dashSize;const shapeThickness=dash===\"Triangle\"?triangleHeight:dash===\"Rectangle\"?rectangleHeight:dash===\"Star\"?starBox:dashSize;const isVertical=orientation===\"Vertical\";const resolvedLength=(isVertical?height:width)??(isVertical?width:undefined)??1200;const resolvedHeight=shapeThickness+paddingTop+paddingBottom;const resolvedWidth=shapeThickness+paddingLeft+paddingRight;const patternId=React.useId();return /*#__PURE__*/_jsx(\"div\",{style:{position:\"relative\",width:isVertical?resolvedWidth:width??\"100%\",height:isVertical?resolvedLength+paddingTop+paddingBottom:resolvedHeight,paddingTop,paddingBottom,paddingLeft,paddingRight,display:\"flex\",alignItems:\"center\",overflow:\"hidden\",...style},children:dash===\"Triangle\"?/*#__PURE__*/_jsx(\"div\",{style:{width:isVertical?shapeThickness:\"100%\",height:isVertical?resolvedLength:shapeThickness,backgroundRepeat:isVertical?\"repeat-y\":\"repeat-x\",backgroundSize:isVertical?`${triangleHeight}px ${unit}px`:`${unit}px ${triangleHeight}px`,backgroundPosition:\"0 center\",backgroundImage:isVertical?`url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='${triangleHeight}' height='${unit}' viewBox='0 0 ${triangleHeight} ${unit}'><polygon points='0,0 0,${triangleHeight} ${triangleHeight},${triangleHeight/2}' fill='${encodeURIComponent(color)}' /></svg>\")`:`url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='${unit}' height='${triangleHeight}' viewBox='0 0 ${unit} ${triangleHeight}'><polygon points='0,${triangleHeight} ${dashSize/2},0 ${dashSize},${triangleHeight}' fill='${encodeURIComponent(color)}' /></svg>\")`}}):dash===\"Rectangle\"?/*#__PURE__*/_jsx(\"div\",{style:{width:isVertical?shapeThickness:\"100%\",height:isVertical?resolvedLength:shapeThickness,backgroundRepeat:isVertical?\"repeat-y\":\"repeat-x\",backgroundSize:isVertical?`${rectangleHeight}px ${rectangleWidth+dashSpacing}px`:`${rectangleWidth+dashSpacing}px ${rectangleHeight}px`,backgroundPosition:\"0 center\",backgroundImage:`url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='${isVertical?rectangleHeight:rectangleWidth+dashSpacing}' height='${isVertical?rectangleWidth+dashSpacing:rectangleHeight}' viewBox='0 0 ${isVertical?rectangleHeight:rectangleWidth+dashSpacing} ${isVertical?rectangleWidth+dashSpacing:rectangleHeight}'><rect x='0' y='0' width='${isVertical?rectangleHeight:rectangleWidth}' height='${isVertical?rectangleWidth:rectangleHeight}' fill='${encodeURIComponent(color)}' /></svg>\")`}}):dash===\"Star\"?/*#__PURE__*/_jsx(\"div\",{style:{width:isVertical?shapeThickness:\"100%\",height:isVertical?resolvedLength:shapeThickness,backgroundRepeat:isVertical?\"repeat-y\":\"repeat-x\",backgroundSize:isVertical?`${starBox}px ${starBox+dashSpacing}px`:`${dashSize+dashSpacing}px ${starBox}px`,backgroundPosition:\"0 center\",backgroundImage:`url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='${isVertical?starBox:dashSize+dashSpacing}' height='${isVertical?starBox+dashSpacing:starBox}' viewBox='0 0 ${isVertical?starBox:dashSize+dashSpacing} ${isVertical?starBox+dashSpacing:starBox}'><polygon points='${dashSize/2},0 ${dashSize*.62},${starBox*.38} ${dashSize},${starBox*.38} ${dashSize*.7},${starBox*.62} ${dashSize*.82},${starBox} ${dashSize/2},${starBox*.76} ${dashSize*.18},${starBox} ${dashSize*.3},${starBox*.62} 0,${starBox*.38} ${dashSize*.38},${starBox*.38}' fill='${encodeURIComponent(color)}' /></svg>\")`}}):/*#__PURE__*/_jsx(\"div\",{style:{width:isVertical?shapeThickness:\"100%\",height:isVertical?resolvedLength:shapeThickness,backgroundImage:dash===\"Circle\"?`radial-gradient(circle at ${dashSize/2}px ${dashSize/2}px, ${color} 0 ${dashSize/2}px, transparent ${dashSize/2}px)`:`repeating-linear-gradient(\n                    to ${isVertical?\"bottom\":\"right\"},\n                    ${color} 0 ${dashSize}px,\n                    transparent ${dashSize}px ${unit}px\n                  )`,backgroundSize:isVertical?`${dashSize}px ${unit}px`:`${unit}px ${dashSize}px`,backgroundRepeat:isVertical?\"repeat-y\":\"repeat-x\",backgroundPosition:\"0 center\"}})});}addPropertyControls(DashedDivider,{color:{type:ControlType.Color,title:\"Color\",defaultValue:\"#1D4293\"},dash:{type:ControlType.Enum,title:\"Dash\",options:[\"Square\",\"Circle\",\"Triangle\",\"Rectangle\",\"Star\"],optionTitles:[\"Square\",\"Circle\",\"Triangle\",\"Rectangle\",\"Star\"],defaultValue:\"Square\"},orientation:{type:ControlType.Enum,title:\"Orientation\",options:[\"Horizontal\",\"Vertical\"],optionTitles:[\"Horizontal\",\"Vertical\"],defaultValue:\"Horizontal\"},size:{type:ControlType.Number,title:\"Size\",defaultValue:2,min:.5,step:.5,displayStepper:true},gap:{type:ControlType.Number,title:\"Gap\",defaultValue:10,min:0,step:.5,displayStepper:true},paddingGroup:{type:ControlType.FusedNumber,title:\"Padding\",defaultValue:0,min:0,toggleKey:\"paddingToggle\",toggleTitles:[\"Individual\",\"All\"],valueKeys:[\"paddingTop\",\"paddingRight\",\"paddingBottom\",\"paddingLeft\"],valueLabels:[\"T\",\"R\",\"B\",\"L\"]}});\nexport const __FramerMetadata__ = {\"exports\":{\"DashedDividerProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"DashedDivider\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./DashedDivider.map"],"mappings":"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"}