{"version":3,"file":"DiagonalStripePattern.Be3a-SWB.mjs","names":[],"sources":["https:/framerusercontent.com/modules/jV6NRuMI4LJHDHHwCHyI/Bk6b6QK7dtf0L7UAYBlB/DiagonalStripePattern.js"],"sourcesContent":["// Lightweight diagonal stripe background pattern as a Framer component\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";/**\n * Lightweight background pattern\n *\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n */function DiagonalStripePattern(props){const{patternType,stripeColor,backgroundColor,stripeWidth,stripeSpacing,opacity,angle,dotSize,dotSpacing,gridSize,gridLineThickness,style}=props;// Convert hex or rgb(a) to rgba with the current opacity\nlet c=stripeColor;if(c.startsWith(\"#\")){const hex=c.replace(\"#\",\"\");let r=0,g=0,b=0;if(hex.length===3){r=parseInt(hex[0]+hex[0],16);g=parseInt(hex[1]+hex[1],16);b=parseInt(hex[2]+hex[2],16);}else if(hex.length===6){r=parseInt(hex.substring(0,2),16);g=parseInt(hex.substring(2,4),16);b=parseInt(hex.substring(4,6),16);}c=`rgba(${r},${g},${b},${opacity})`;}if(c.startsWith(\"rgb(\")){c=c.replace(\"rgb(\",\"\").replace(\")\",\"\");const[r,g,b]=c.split(\",\").map(x=>parseInt(x.trim()));c=`rgba(${r},${g},${b},${opacity})`;}if(c.startsWith(\"rgba(\")){// replace alpha with opacity\nconst values=c.replace(\"rgba(\",\"\").replace(\")\",\"\").split(\",\").map(s=>s.trim());c=`rgba(${values[0]},${values[1]},${values[2]},${opacity})`;}// Generate pattern based on type\nlet backgroundPattern=\"\";if(patternType===\"lines\"){backgroundPattern=`repeating-linear-gradient(${angle}deg, ${c} 0, ${c} ${stripeWidth}px, transparent ${stripeWidth}px, transparent ${stripeSpacing+stripeWidth}px)`;}else if(patternType===\"grid\"){const horizontal=`repeating-linear-gradient(0deg, ${c} 0, ${c} ${gridLineThickness}px, transparent ${gridLineThickness}px, transparent ${gridSize}px)`;const vertical=`repeating-linear-gradient(90deg, ${c} 0, ${c} ${gridLineThickness}px, transparent ${gridLineThickness}px, transparent ${gridSize}px)`;backgroundPattern=`${horizontal}, ${vertical}`;}else if(patternType===\"dots\"){backgroundPattern=`radial-gradient(circle, ${c} ${dotSize}px, transparent ${dotSize}px)`;}return /*#__PURE__*/_jsx(\"div\",{style:{...style,width:\"100%\",height:\"100%\",backgroundColor:backgroundColor,backgroundImage:backgroundPattern,backgroundSize:patternType===\"dots\"?`${dotSpacing}px ${dotSpacing}px`:undefined,position:\"relative\",opacity:props.overallOpacity}});}addPropertyControls(DiagonalStripePattern,{patternType:{type:ControlType.Enum,title:\"Pattern\",options:[\"lines\",\"grid\",\"dots\"],optionTitles:[\"Lines\",\"Grid\",\"Dots\"],defaultValue:\"lines\",displaySegmentedControl:true},stripeColor:{type:ControlType.Color,title:\"Pattern Color\",defaultValue:\"#DADADA\"},backgroundColor:{type:ControlType.Color,title:\"Background\",defaultValue:\"#FFF\"},stripeWidth:{type:ControlType.Number,title:\"Line Width\",defaultValue:1,min:1,max:8,hidden:props=>props.patternType!==\"lines\"},stripeSpacing:{type:ControlType.Number,title:\"Line Spacing\",defaultValue:16,min:4,max:40,hidden:props=>props.patternType!==\"lines\"},angle:{type:ControlType.Number,title:\"Angle (deg)\",defaultValue:135,min:0,max:360,step:1,hidden:props=>props.patternType!==\"lines\"},dotSize:{type:ControlType.Number,title:\"Dot Size\",defaultValue:2,min:1,max:10,step:.5,hidden:props=>props.patternType!==\"dots\"},dotSpacing:{type:ControlType.Number,title:\"Dot Spacing\",defaultValue:20,min:8,max:60,step:1,hidden:props=>props.patternType!==\"dots\"},gridSize:{type:ControlType.Number,title:\"Grid Size\",defaultValue:20,min:10,max:60,step:1,hidden:props=>props.patternType!==\"grid\"},gridLineThickness:{type:ControlType.Number,title:\"Line Thickness\",defaultValue:1,min:1,max:5,step:.5,hidden:props=>props.patternType!==\"grid\"},opacity:{type:ControlType.Number,title:\"Pattern Opacity\",defaultValue:.18,min:0,max:1,step:.01},overallOpacity:{type:ControlType.Number,title:\"Overall Opacity\",defaultValue:1,min:0,max:1,step:.01}});export default DiagonalStripePattern;\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"DiagonalStripePattern\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./DiagonalStripePattern.map"],"mappings":"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"}