{"version":3,"file":"Wovenpattern.i-RiDYZJ.mjs","names":[],"sources":["https:/framerusercontent.com/modules/bEV14wpUrSeIuqYKqXZE/5DrKf2BwkhYKxyFkKL1E/Wovenpattern.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";// Container-Stil wie im Framer-Beispiel\nconst containerStyle={width:\"100%\",height:\"100%\",display:\"flex\",justifyContent:\"center\",alignItems:\"center\",overflow:\"hidden\"};// Dieses Component rendert ein SVG, das das Pattern über die gesamte Fläche kachelt.\nexport default function Wovenpattern(props){const{scale=64}=props;// Dein 16×16-Flechtmuster mit den gewünschten Opacity-Werten\nconst rawSVG=`\n<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'>\n  <rect width='16' height='16' fill='#741FE6' fill-opacity='0.1'/>\n  <rect x='0' y='0' width='16' height='8' fill='#8624FF' fill-opacity='0.09'/>\n  <rect x='0' y='0' width='8' height='16' fill='#8624FF' fill-opacity='0.075'/>\n  <rect x='0' y='0' width='8' height='8' fill='#000000' fill-opacity='0.015'/>\n</svg>\n`.trim();// URL-kodierung des SVGs\nconst encodedSVG=encodeURIComponent(rawSVG);const dataURL=`data:image/svg+xml;utf8,${encodedSVG}`;// Die Kachelgröße entspricht dem scale-Wert (in Pixeln)\nconst patternWidth=scale;const patternHeight=scale;return /*#__PURE__*/_jsx(\"div\",{style:containerStyle,children:/*#__PURE__*/_jsxs(\"svg\",{width:\"100%\",height:\"100%\",preserveAspectRatio:\"none\",children:[/*#__PURE__*/_jsx(\"defs\",{children:/*#__PURE__*/_jsx(\"pattern\",{id:\"wovenPattern\",x:\"0\",y:\"0\",width:patternWidth,height:patternHeight,patternUnits:\"userSpaceOnUse\",children:/*#__PURE__*/_jsx(\"image\",{xlinkHref:dataURL,width:patternWidth,height:patternHeight,style:{imageRendering:\"pixelated\"}})})}),/*#__PURE__*/_jsx(\"rect\",{x:\"0\",y:\"0\",width:\"100%\",height:\"100%\",fill:\"url(#wovenPattern)\"})]})});}addPropertyControls(Wovenpattern,{scale:{title:\"Scale\",type:ControlType.Number,defaultValue:64,min:16,max:512,step:8}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Wovenpattern\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Wovenpattern.map"],"mappings":"wOAEA,SAAwB,EAAa,EAAM,CAAC,GAAK,CAAC,QAAM,IAAI,EAUtD,EAAa,EAAY,EAAc,EAAM,OAAoB,EAAK,MAAM,CAAC,MAAM,EAAe,SAAsB,EAAM,MAAM,CAAC,MAAM,OAAO,OAAO,OAAO,oBAAoB,OAAO,SAAS,CAAc,EAAK,OAAO,CAAC,SAAsB,EAAK,UAAU,CAAC,GAAG,eAAe,EAAE,IAAI,EAAE,IAAI,MAAM,EAAa,OAAO,EAAc,aAAa,iBAAiB,SAAsB,EAAK,QAAQ,CAAC,UAAU,kmBAAQ,MAAM,EAAa,OAAO,EAAc,MAAM,CAAC,eAAe,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAc,EAAK,OAAO,CAAC,EAAE,IAAI,EAAE,IAAI,MAAM,OAAO,OAAO,OAAO,KAAK,qBAAqB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,oBAZ9hB,IAAoD,CACvG,EAAe,CAAC,MAAM,OAAO,OAAO,OAAO,QAAQ,OAAO,eAAe,SAAS,WAAW,SAAS,SAAS,SAAS,CAW2d,EAAoB,EAAa,CAAC,MAAM,CAAC,MAAM,QAAQ,KAAK,EAAY,OAAO,aAAa,GAAG,IAAI,GAAG,IAAI,IAAI,KAAK,EAAE,CAAC,CAAC"}