{"version":3,"file":"DiagonalPatternBackground.D2VCFLDB.mjs","names":[],"sources":["https:/framerusercontent.com/modules/3xseHnmrSpf23AyxQP6h/cJpTjhURuwyQkIfmh5aJ/DiagonalPatternBackground.js"],"sourcesContent":["// Diagonal lines background pattern component with global connection using Data API\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,Data}from\"framer\";import{useEffect}from\"react\";// Global data store for pattern settings\nconst globalPatternData=Data({lineThickness:2,lineSpacing:20,lineColor:\"#000000\",backgroundColor:\"#FFFFFF\",angle:45});/**\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n */export default function DiagonalPatternBackground(props){const{useGlobalSettings=true,lineThickness=2,lineSpacing=20,lineColor=\"#000000\",backgroundColor=\"#FFFFFF\",angle=45,enableAnimation=false,animationSpeed=5,animationDirection=\"right\"}=props;// Update global data when local settings change and global is enabled\nuseEffect(()=>{if(useGlobalSettings){globalPatternData.lineThickness=lineThickness;globalPatternData.lineSpacing=lineSpacing;globalPatternData.lineColor=lineColor;globalPatternData.backgroundColor=backgroundColor;globalPatternData.angle=angle;}},[useGlobalSettings,lineThickness,lineSpacing,lineColor,backgroundColor,angle]);// Use global or local settings\nconst activeSettings=useGlobalSettings?{lineThickness:globalPatternData.lineThickness,lineSpacing:globalPatternData.lineSpacing,lineColor:globalPatternData.lineColor,backgroundColor:globalPatternData.backgroundColor,angle:globalPatternData.angle}:{lineThickness,lineSpacing,lineColor,backgroundColor,angle};const patternId=`diagonal-pattern-${Math.random().toString(36).substr(2,9)}`;const animationKey=`${animationDirection}-${animationSpeed}-${activeSettings.lineSpacing}`;return /*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",height:\"100%\",position:\"relative\",backgroundColor:activeSettings.backgroundColor,...props.style},children:/*#__PURE__*/_jsxs(\"svg\",{width:\"100%\",height:\"100%\",style:{position:\"absolute\",top:0,left:0,width:\"100%\",height:\"100%\"},children:[/*#__PURE__*/_jsx(\"defs\",{children:/*#__PURE__*/_jsxs(\"pattern\",{id:patternId,patternUnits:\"userSpaceOnUse\",width:activeSettings.lineSpacing,height:activeSettings.lineSpacing,patternTransform:`rotate(${activeSettings.angle})`,children:[enableAnimation&&/*#__PURE__*/_jsx(\"animateTransform\",{attributeName:\"patternTransform\",attributeType:\"XML\",type:\"translate\",from:\"0 0\",to:`${animationDirection===\"right\"?activeSettings.lineSpacing:-activeSettings.lineSpacing} 0`,dur:`${Math.max(animationSpeed,.1)}s`,repeatCount:\"indefinite\",additive:\"sum\"}),/*#__PURE__*/_jsx(\"rect\",{width:activeSettings.lineSpacing,height:activeSettings.lineSpacing,fill:\"transparent\"}),/*#__PURE__*/_jsx(\"line\",{x1:activeSettings.lineSpacing/2,y1:-activeSettings.lineSpacing,x2:activeSettings.lineSpacing/2,y2:activeSettings.lineSpacing*2,stroke:activeSettings.lineColor,strokeWidth:activeSettings.lineThickness,strokeLinecap:\"square\"})]})}),/*#__PURE__*/_jsx(\"rect\",{width:\"100%\",height:\"100%\",fill:`url(#${patternId})`})]})});}addPropertyControls(DiagonalPatternBackground,{useGlobalSettings:{type:ControlType.Boolean,title:\"Global Connection\",defaultValue:true,enabledTitle:\"Connected\",disabledTitle:\"Independent\"},lineThickness:{type:ControlType.Number,title:\"Line Thickness\",defaultValue:2,min:.5,max:20,step:.5,unit:\"px\"},lineSpacing:{type:ControlType.Number,title:\"Line Spacing\",defaultValue:20,min:5,max:100,step:1,unit:\"px\"},lineColor:{type:ControlType.Color,title:\"Line Color\",defaultValue:\"#000000\"},backgroundColor:{type:ControlType.Color,title:\"Background Color\",defaultValue:\"#FFFFFF\"},angle:{type:ControlType.Number,title:\"Angle\",defaultValue:45,min:-180,max:180,step:1,unit:\"\\xb0\"},enableAnimation:{type:ControlType.Boolean,title:\"Animate Lines\",defaultValue:false,enabledTitle:\"On\",disabledTitle:\"Off\"},animationSpeed:{type:ControlType.Number,title:\"Speed (s)\",defaultValue:5,min:.1,max:30,step:.1},animationDirection:{type:ControlType.Enum,title:\"Direction\",options:[\"right\",\"left\"],optionTitles:[\"Right\",\"Left\"],defaultValue:\"right\",displaySegmentedControl:true}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"DiagonalPatternBackground\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"fixed\",\"framerSupportedLayoutWidth\":\"fixed\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./DiagonalPatternBackground.map"],"mappings":"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"}