{"version":3,"file":"FadeEdgeStyle.BaO2O45d.mjs","names":["useRef"],"sources":["https:/framerusercontent.com/modules/N5wlK3GVhcdyCZ5l2pET/E9RlkYJlIqEd2gdxbGK3/FadeEdgeStyle.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import{useEffect,useRef}from\"react\";import{addPropertyControls,ControlType}from\"framer\";function buildCSS(targets){return targets.filter(t=>t.targetClass?.trim()).map(({targetClass,fadeWidth,fadeLeft,fadeRight})=>{const leftStop=fadeLeft?`rgba(0,0,0,0) 0%, rgba(0,0,0,1) ${fadeWidth}px`:`rgba(0,0,0,1) 0%, rgba(0,0,0,1) ${fadeWidth}px`;const rightStop=fadeRight?`rgba(0,0,0,1) calc(100% - ${fadeWidth}px), rgba(0,0,0,0) 100%`:`rgba(0,0,0,1) calc(100% - ${fadeWidth}px), rgba(0,0,0,1) 100%`;const mask=`linear-gradient(to right, ${leftStop}, ${rightStop})`;return`.${targetClass.trim()} {\n  -webkit-mask-image: ${mask} !important;\n  mask-image: ${mask} !important;\n}`;}).join(\"\\n\\n\");}export default function FadeGradientInjector({targets=[]}){const styleRef=useRef(null);useEffect(()=>{if(styleRef.current)styleRef.current.remove();const css=buildCSS(targets);if(!css)return;const styleEl=document.createElement(\"style\");styleEl.setAttribute(\"data-fade-injector\",\"true\");styleEl.textContent=css;document.head.appendChild(styleEl);styleRef.current=styleEl;return()=>{styleEl.remove();};},[JSON.stringify(targets)]);return /*#__PURE__*/_jsx(\"div\",{style:{width:0,height:0,overflow:\"hidden\",position:\"absolute\",pointerEvents:\"none\"}});}addPropertyControls(FadeGradientInjector,{targets:{type:ControlType.Array,title:\"Targets\",control:{type:ControlType.Object,title:\"Fade\",controls:{targetClass:{type:ControlType.String,title:\"Class Name\",defaultValue:\"fade-target\",description:\"CSS class on the element to fade\"},fadeWidth:{type:ControlType.Number,title:\"Fade Width\",defaultValue:80,min:0,max:500,step:1,displayStepper:true},fadeLeft:{type:ControlType.Boolean,title:\"Fade Left\",defaultValue:true,enabledTitle:\"On\",disabledTitle:\"Off\"},fadeRight:{type:ControlType.Boolean,title:\"Fade Right\",defaultValue:true,enabledTitle:\"On\",disabledTitle:\"Off\"}}},defaultValue:[{targetClass:\"fade-target\",fadeWidth:80,fadeLeft:true,fadeRight:true}]}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FadeGradientInjector\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./FadeEdgeStyle.map"],"mappings":"6KAAmI,SAAS,EAAS,EAAQ,CAAC,OAAO,EAAQ,OAAO,GAAG,EAAE,aAAa,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,cAAY,YAAU,WAAS,eAAa,CAAqR,IAAM,EAAK,6BAAhR,EAAS,mCAAmC,EAAU,IAAI,mCAAmC,EAAU,IAA+M,IAA3L,EAAU,6BAA6B,EAAU,yBAAyB,6BAA6B,EAAU,yBAAwF,GAAG,MAAM,IAAI,EAAY,KAAK,EAAE;wBAC5lB,EAAK;gBACb,EAAK;EAClB,CAAC,CAAC,CAAC,KAAK;;CAAM,CAAE,CAAC,SAAwB,EAAqB,CAAC,UAAQ,CAAC,GAAG,CAAC,IAAM,EAASA,EAAO,IAAI,EAAyV,OAAvV,MAAc,CAAI,EAAS,SAAQ,EAAS,QAAQ,OAAO,EAAE,IAAM,EAAI,EAAS,CAAO,EAAE,GAAG,CAAC,EAAI,OAAO,IAAM,EAAQ,SAAS,cAAc,OAAO,EAAwI,OAAtI,EAAQ,aAAa,qBAAqB,MAAM,EAAE,EAAQ,YAAY,EAAI,SAAS,KAAK,YAAY,CAAO,EAAE,EAAS,QAAQ,MAAkB,CAAC,EAAQ,OAAO,CAAE,CAAE,EAAE,CAAC,KAAK,UAAU,CAAO,CAAC,CAAC,EAAsB,EAAK,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,EAAE,SAAS,SAAS,SAAS,WAAW,cAAc,MAAM,CAAC,CAAC,CAAE,iBAH9gB,IAAoC,IAAoD,EAGub,EAAoB,EAAqB,CAAC,QAAQ,CAAC,KAAK,EAAY,MAAM,MAAM,UAAU,QAAQ,CAAC,KAAK,EAAY,OAAO,MAAM,OAAO,SAAS,CAAC,YAAY,CAAC,KAAK,EAAY,OAAO,MAAM,aAAa,aAAa,cAAc,YAAY,kCAAkC,EAAE,UAAU,CAAC,KAAK,EAAY,OAAO,MAAM,aAAa,aAAa,GAAG,IAAI,EAAE,IAAI,IAAI,KAAK,EAAE,eAAe,EAAI,EAAE,SAAS,CAAC,KAAK,EAAY,QAAQ,MAAM,YAAY,aAAa,GAAK,aAAa,KAAK,cAAc,KAAK,EAAE,UAAU,CAAC,KAAK,EAAY,QAAQ,MAAM,aAAa,aAAa,GAAK,aAAa,KAAK,cAAc,KAAK,CAAC,CAAC,EAAE,aAAa,CAAC,CAAC,YAAY,cAAc,UAAU,GAAG,SAAS,GAAK,UAAU,EAAI,CAAC,CAAC,CAAC,CAAC"}