{"version":3,"file":"Patterns.CJWI0tTt.mjs","names":[],"sources":["https:/framerusercontent.com/modules/2KWdP99BecGyJ6AYS4FI/QWt6rE7yuWBB2ehHl8IB/Patterns.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";const arrayPatterns=[\"stripes\",\"rings\"];const gridPatterns=[\"checkerboard\",\"triangles\",\"dots\",\"diamonds\",\"chevron\",];const widthPatterns=[\"stripes\",\"rings\",\"gradientRings\"];const originPatterns=[\"rings\",\"gradientRings\"];const bgPositionValues={top:\"0%\",bottom:\"100%\",left:\"0%\",right:\"100%\",center:\"50%\"};/**\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n */ export default function Pattern(props){const{type,colors,color1,color2,size,lineWidth,angle,ringOrigin}=props;let bgImage=\"\";let bgSize=\"\";let bgPosition=gridPatterns.includes(type)?`${bgPositionValues[props.alignH]} ${bgPositionValues[props.alignV]}`:\"initial\";let gradientParts=[];let pos=0;const x=bgPositionValues[props.alignH];const y=bgPositionValues[props.alignV];switch(type){case\"checkerboard\":bgImage=`repeating-conic-gradient(${color1} 0% 25%, ${color2} 0% 50%)`;bgSize=`${size*2}px ${size*2}px`;break;case\"triangles\":bgImage=`linear-gradient(${props.triangleDirection==\"left\"?45:-45}deg, ${color1} calc(50% - 0.1px), ${color2} calc(50% + 0.1px))`;bgSize=`${size}px ${size}px`;break;case\"dots\":bgImage=`radial-gradient(${color2} ${props.dotSize/2-.4}px, ${color1} ${props.dotSize/2+.4}px)`;bgSize=`${size}px ${size}px`;break;case\"diamonds\":bgImage=`linear-gradient(135deg, ${color1} 25%, transparent 25%), linear-gradient(225deg, ${color1} 25%, transparent 25%), linear-gradient(45deg, ${color1} 25%, transparent 25%), linear-gradient(315deg, ${color1} 25%, ${color2} 25%)`;bgPosition=`calc(${x} + ${size}px) ${y}, calc(${x} + ${size}px) ${y}, ${x} ${y}, ${x} ${y}`;bgSize=`${size}px ${size}px`;break;case\"chevron\":bgImage=`linear-gradient(135deg, ${color1} 25%, transparent 25%), linear-gradient(225deg, ${color1} 25%, transparent 25%), linear-gradient(45deg, ${color1} 25%, transparent 25%), linear-gradient(315deg, ${color1} 25%, ${color2} 25%)`;bgPosition=`calc(${x} + ${size/2}px) ${y}, calc(${x} + ${size/2}px) ${y}, ${x} ${y}, ${x} ${y}`;bgSize=`${size}px ${size}px`;break;case\"stripes\":let antialiasing=angle%90!==0;gradientParts.push(`${angle}deg`);for(let i=0;i<colors.length;i++){gradientParts.push(`${colors[i]} ${pos}px ${pos+lineWidth+(antialiasing?-1:0)}px`);pos+=lineWidth;}if(antialiasing&&colors.length>0){gradientParts.push(`${colors[0]} ${pos}px`);}bgImage=`repeating-linear-gradient(${gradientParts.join(\", \")})`;break;case\"rings\":gradientParts.push(`circle at ${ringOrigin.x}% ${ringOrigin.y}%`);for(let i1=0;i1<colors.length;i1++){gradientParts.push(`${colors[i1]} ${pos+(i1==0?0:.5)}px ${pos+lineWidth-.5}px`);pos+=lineWidth;}if(colors.length>0){gradientParts.push(`${colors[0]} ${pos+.5}px`);}bgImage=`repeating-radial-gradient(${gradientParts.join(\", \")})`;break;case\"gradientRings\":bgImage=`repeating-radial-gradient(circle at ${ringOrigin.x}% ${ringOrigin.y}%, ${color1} 0px, ${color2} ${lineWidth-1}px, ${color1} ${lineWidth}px)`;break;default:break;}return /*#__PURE__*/ _jsx(\"div\",{style:{backgroundImage:bgImage,backgroundSize:bgSize,backgroundPosition:bgPosition,borderRadius:props.radiusIsMixed?`${props.radiusTopLeft}px ${props.radiusTopRight}px ${props.radiusBottomRight}px ${props.radiusBottomLeft}px`:`${props.radius}px`,...props.style}});};addPropertyControls(Pattern,{type:{type:ControlType.Enum,defaultValue:\"checkerboard\",options:[\"checkerboard\",\"triangles\",\"dots\",\"diamonds\",\"chevron\",\"stripes\",\"rings\",\"gradientRings\",],optionTitles:[\"Checkerboard\",\"Triangles\",\"Dots\",\"Diamonds\",\"Chevron\",\"Stripes\",\"Rings\",\"Gradient Rings\",]},colors:{type:ControlType.Array,defaultValue:[\"#FFF\",\"#000\"],control:{type:ControlType.Color},hidden(props){return!arrayPatterns.includes(props.type);}},color1:{type:ControlType.Color,defaultValue:\"#000\",hidden(props){return arrayPatterns.includes(props.type);}},color2:{type:ControlType.Color,defaultValue:\"#FFF\",hidden(props){return arrayPatterns.includes(props.type);}},dotSize:{type:ControlType.Number,defaultValue:10,min:1,hidden(props){return props.type!==\"dots\";}},size:{type:ControlType.Number,defaultValue:40,min:1,hidden(props){return!gridPatterns.includes(props.type);}},lineWidth:{type:ControlType.Number,defaultValue:20,min:1,hidden(props){return!widthPatterns.includes(props.type);}},triangleDirection:{type:ControlType.Enum,defaultValue:\"left\",options:[\"left\",\"right\"],optionTitles:[\"Left\",\"Right\"],displaySegmentedControl:true,title:\"Direction\",hidden(props){return props.type!==\"triangles\";}},alignH:{type:ControlType.Enum,defaultValue:\"center\",options:[\"left\",\"center\",\"right\"],optionTitles:[\"Left\",\"Center\",\"Right\"],displaySegmentedControl:true,title:\"Align\",hidden(props){return!gridPatterns.includes(props.type);}},alignV:{type:ControlType.Enum,defaultValue:\"center\",options:[\"top\",\"center\",\"bottom\"],optionTitles:[\"Top\",\"Center\",\"Bottom\"],displaySegmentedControl:true,title:\" \",hidden(props){return!gridPatterns.includes(props.type);}},ringOrigin:{type:ControlType.Object,title:\"Origin\",controls:{x:{type:ControlType.Number,defaultValue:50,unit:\"%\"},y:{type:ControlType.Number,defaultValue:50,unit:\"%\"}},hidden(props){return!originPatterns.includes(props.type);}},angle:{type:ControlType.Number,defaultValue:90,min:-360,max:360,unit:\"\\xb0\",hidden(props){return props.type!==\"stripes\";}},radius:{type:ControlType.FusedNumber,defaultValue:0,toggleKey:\"radiusIsMixed\",toggleTitles:[\"All\",\"Individual\"],valueKeys:[\"radiusTopLeft\",\"radiusTopRight\",\"radiusBottomRight\",\"radiusBottomLeft\",],valueLabels:[\"TL\",\"TR\",\"BR\",\"BL\"],min:0}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Pattern\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"fixed\",\"framerSupportedLayoutWidth\":\"fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Patterns.map"],"mappings":"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"}