{"version":3,"file":"smooth_corners_directive-249f7b47.js","sources":["../../client/packages/shared/plugins/smooth_corners/smooth_corners_directive.js"],"sourcesContent":["import {getSvgPath} from \"figma-squircle\";\nconst vSmoothCorners = {\n    mounted(el, binding) {\n        if (binding.value === false) return;\n        setSvg(el, binding.value);\n        el.smoothCornerObserver = new ResizeObserver((entries) => {\n            for (const entry of entries) {\n                setSvg(entry.target, binding.value);\n            }\n        });\n\n        el.smoothCornerObserver.observe(el);\n    },\n    beforeUnmount(el) {\n        el.smoothCornerObserver?.disconnect();\n    }\n};\n\nexport default vSmoothCorners;\n\nfunction setSvg(target, options){\n    const svg = getSvgPath({\n        width: target.offsetWidth,\n        height: target.offsetHeight,\n        cornerRadius: 20, // defaults to 0\n        cornerSmoothing: 1, // cornerSmoothing goes from 0 to 1\n        ...options\n    });\n    target.style.clipPath = `path('${svg}')`;\n}\n"],"names":["vSmoothCorners","el","binding","setSvg","entries","entry","_a","target","options","svg","getSvgPath"],"mappings":"qpBACK,MAACA,EAAiB,CACnB,QAAQC,EAAIC,EAAS,CACbA,EAAQ,QAAU,KACtBC,EAAOF,EAAIC,EAAQ,KAAK,EACxBD,EAAG,qBAAuB,IAAI,eAAgBG,GAAY,CACtD,UAAWC,KAASD,EAChBD,EAAOE,EAAM,OAAQH,EAAQ,KAAK,CAElD,CAAS,EAEDD,EAAG,qBAAqB,QAAQA,CAAE,EACrC,EACD,cAAcA,EAAI,QACdK,EAAAL,EAAG,uBAAH,MAAAK,EAAyB,YAC5B,CACL,EAIA,SAASH,EAAOI,EAAQC,EAAQ,CAC5B,MAAMC,EAAMC,EAAW,CACnB,MAAOH,EAAO,YACd,OAAQA,EAAO,aACf,aAAc,GACd,gBAAiB,EACjB,GAAGC,CACX,CAAK,EACDD,EAAO,MAAM,SAAW,SAASE,CAAG,IACxC"}