{"version":3,"file":"SVGDisplay.CBuSESLP.mjs","names":["React.useMemo"],"sources":["https:/framerusercontent.com/modules/3AzLu3FkSsduSRkXvlJx/S7W4f5Y4oBw4xjQYYdqF/SVGDisplay.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import*as React from\"react\";import{addPropertyControls,ControlType}from\"framer\";import{colorpattle}from\"https://framerusercontent.com/modules/niZ6YpK06zTaQeX49VIS/kyUI2MH03eq9506I17so/Theme.js\";/**\n * @framerDisableUnlink\n *//**\n */export function SVGDisplay(props){const{svgCode,sizeW,sizeH,SysColor,color,strokeWidth,shadowBlur,shadowX,shadowY,shadowColor}=props;//const mode = localStorage.getItem(\"theme\") === \"dark\" ? \"dark\" : \"light\"\nconst tColor=SysColor!==\"none\"?\"var(\"+SysColor+\")\":color;// Creating a shadow filter ID for uniqueness\nconst shadowId=React.useMemo(()=>`shadow-${Math.random().toString(36).substr(2,9)}`,[]);return /*#__PURE__*/_jsx(\"div\",{style:{width:`${sizeW}px`,height:`${sizeH}px`,overflow:\"visible\"},children:/*#__PURE__*/_jsxs(\"svg\",{width:sizeW,height:sizeH,viewBox:\"0 0 100 100\",overflow:\"visible\",\"alignment-baseline\":\"middle\",children:[/*#__PURE__*/_jsx(\"defs\",{children:/*#__PURE__*/_jsx(\"filter\",{id:shadowId,x:\"0px\",y:\"0px\",width:\"100%\",height:\"100%\",children:/*#__PURE__*/_jsx(\"feDropShadow\",{dx:shadowX,dy:shadowY,stdDeviation:shadowBlur,floodColor:shadowColor})})}),/*#__PURE__*/_jsx(\"g\",{dangerouslySetInnerHTML:{__html:svgCode},fill:tColor,stroke:tColor,strokeWidth:strokeWidth,filter:`url(#${shadowId})`})]})});}//... rest of the code remains unchanged\nSVGDisplay.defaultProps={height:32,width:32,svgCode:'<svg viewBox=\"0 0 100 100\" width=\"100%\" height=\"auto\"><circle cx=\"50\" cy=\"50\" r=\"40\" stroke=\"black\" stroke-width=\"0\" fill=\"red\" /></svg>',size:32,color:\"#FF0000\",strokeWidth:0,shadowBlur:0,shadowX:0,shadowY:0,shadowColor:\"rgba(0, 0, 0, 0)\"};SVGDisplay.displayName=\"SVG Display\";addPropertyControls(SVGDisplay,{svgCode:{title:\"SVG Code\",type:ControlType.String,placeholder:\"Enter your SVG code here...\",defaultValue:SVGDisplay.defaultProps.svgCode},sizeW:{title:\"SizeW\",type:ControlType.Number,defaultValue:SVGDisplay.defaultProps.size,min:4,max:500,step:1,displayStepper:true},sizeH:{title:\"SizeH\",type:ControlType.Number,defaultValue:SVGDisplay.defaultProps.size,min:4,max:500,step:1,displayStepper:true},SysColor:{type:ControlType.Enum,defaultValue:\"none\",options:[\"none\",...Object.keys(colorpattle)]},color:{title:\"Color\",type:ControlType.Color,defaultValue:SVGDisplay.defaultProps.color,hidden(props){return props.SysColor!==\"none\";}},strokeWidth:{title:\"Stroke Width\",type:ControlType.Number,defaultValue:SVGDisplay.defaultProps.strokeWidth,min:0,max:20,step:.5,displayStepper:true},shadowBlur:{title:\"Shadow Blur\",type:ControlType.Number,defaultValue:SVGDisplay.defaultProps.shadowBlur,min:0,max:30,step:1},shadowX:{title:\"Shadow X Offset\",type:ControlType.Number,defaultValue:SVGDisplay.defaultProps.shadowX,min:-32,max:32,step:1},shadowY:{title:\"Shadow Y Offset\",type:ControlType.Number,defaultValue:SVGDisplay.defaultProps.shadowY,min:-32,max:32,step:1},shadowColor:{title:\"Shadow Color\",type:ControlType.Color,defaultValue:SVGDisplay.defaultProps.shadowColor}});\nexport const __FramerMetadata__ = {\"exports\":{\"SVGDisplay\":{\"type\":\"reactComponent\",\"name\":\"SVGDisplay\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerDisableUnlink\":\"\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}"],"mappings":"gVAGG,SAAgB,EAAW,EAAM,CAAC,GAAK,CAAC,UAAQ,QAAM,QAAM,WAAS,QAAM,cAAY,aAAW,UAAQ,UAAQ,eAAa,EAC5H,EAAO,IAAW,OAA2B,EAApB,OAAO,EAAS,IACzC,EAASA,MAAkB,UAAU,KAAK,QAAQ,CAAC,SAAS,GAAG,CAAC,OAAO,EAAE,EAAE,GAAG,EAAE,CAAC,CAAC,OAAoB,EAAK,MAAM,CAAC,MAAM,CAAC,MAAM,GAAG,EAAM,IAAI,OAAO,GAAG,EAAM,IAAI,SAAS,UAAU,CAAC,SAAsB,EAAM,MAAM,CAAC,MAAM,EAAM,OAAO,EAAM,QAAQ,cAAc,SAAS,UAAU,qBAAqB,SAAS,SAAS,CAAc,EAAK,OAAO,CAAC,SAAsB,EAAK,SAAS,CAAC,GAAG,EAAS,EAAE,MAAM,EAAE,MAAM,MAAM,OAAO,OAAO,OAAO,SAAsB,EAAK,eAAe,CAAC,GAAG,EAAQ,GAAG,EAAQ,aAAa,EAAW,WAAW,EAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAc,EAAK,IAAI,CAAC,wBAAwB,CAAC,OAAO,EAAQ,CAAC,KAAK,EAAO,OAAO,EAAmB,cAAY,OAAO,QAAQ,EAAS,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,kBAL7oB,IAA4B,IAAoD,IAAkH,CAM3P,EAAW,aAAa,CAAC,OAAO,GAAG,MAAM,GAAG,QAAQ,2IAA2I,KAAK,GAAG,MAAM,UAAU,YAAY,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,mBAAmB,CAAC,EAAW,YAAY,cAAc,EAAoB,EAAW,CAAC,QAAQ,CAAC,MAAM,WAAW,KAAK,EAAY,OAAO,YAAY,8BAA8B,aAAa,EAAW,aAAa,QAAQ,CAAC,MAAM,CAAC,MAAM,QAAQ,KAAK,EAAY,OAAO,aAAa,EAAW,aAAa,KAAK,IAAI,EAAE,IAAI,IAAI,KAAK,EAAE,eAAe,GAAK,CAAC,MAAM,CAAC,MAAM,QAAQ,KAAK,EAAY,OAAO,aAAa,EAAW,aAAa,KAAK,IAAI,EAAE,IAAI,IAAI,KAAK,EAAE,eAAe,GAAK,CAAC,SAAS,CAAC,KAAK,EAAY,KAAK,aAAa,OAAO,QAAQ,CAAC,OAAO,GAAG,OAAO,KAAK,EAAY,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,QAAQ,KAAK,EAAY,MAAM,aAAa,EAAW,aAAa,MAAM,OAAO,EAAM,CAAC,OAAO,EAAM,WAAW,QAAS,CAAC,YAAY,CAAC,MAAM,eAAe,KAAK,EAAY,OAAO,aAAa,EAAW,aAAa,YAAY,IAAI,EAAE,IAAI,GAAG,KAAK,GAAG,eAAe,GAAK,CAAC,WAAW,CAAC,MAAM,cAAc,KAAK,EAAY,OAAO,aAAa,EAAW,aAAa,WAAW,IAAI,EAAE,IAAI,GAAG,KAAK,EAAE,CAAC,QAAQ,CAAC,MAAM,kBAAkB,KAAK,EAAY,OAAO,aAAa,EAAW,aAAa,QAAQ,IAAI,IAAI,IAAI,GAAG,KAAK,EAAE,CAAC,QAAQ,CAAC,MAAM,kBAAkB,KAAK,EAAY,OAAO,aAAa,EAAW,aAAa,QAAQ,IAAI,IAAI,IAAI,GAAG,KAAK,EAAE,CAAC,YAAY,CAAC,MAAM,eAAe,KAAK,EAAY,MAAM,aAAa,EAAW,aAAa,YAAY,CAAC,CAAC"}