{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/NHrpXiph9EgqKsXEGJVi/0dQNWrBki3C6c5V5icXR/ImageCompareSlider.js"],
  "sourcesContent": ["import{jsx as t,jsxs as e}from\"react/jsx-runtime\";import{useState as i,useEffect as o,useRef as l}from\"react\";import{addPropertyControls as n,ControlType as r}from\"framer\";/**\n * https://www.framer.com/developers/#code-components-auto-sizing\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n */export default function a(n){var r,a;let[d,p]=i(50),s=l(null),u=l(null);o(()=>{setTimeout(()=>{if(s.current&&u.current){let t=new Promise(t=>{s.current.readyState>=4?t():s.current.addEventListener(\"canplaythrough\",t);}),e=new Promise(t=>{u.current.readyState>=4?t():u.current.addEventListener(\"canplaythrough\",t);});Promise.all([t,e]).then(()=>{s.current.play(),u.current.play();});}},300);},[]),o(()=>{let t=document.createElement(\"style\");return t.innerHTML=`\n            .slider::-webkit-slider-runnable-track {\n                height: 100%;\n                background: transparent;\n            }\n            .slider::-webkit-slider-thumb {\n                -webkit-appearance: none;\n                width: 3px;\n                height: 100%;\n                background: white;\n                border: 0;\n                cursor: pointer;\n            }\n            .slider::-moz-range-thumb {\n                width: 3px;\n                height: 100%;\n                background: white;\n                border: 0;\n                cursor: pointer;\n            }\n        `,document.head.appendChild(t),()=>{document.head.removeChild(t);};},[]);let c={position:\"absolute\",top:0,left:0,bottom:0,right:0,backgroundRepeat:\"no-repeat\"},m=\"cover\"===n.size?{backgroundSize:\"cover\",backgroundPosition:\"center\"}:\"contain\"===n.size?{backgroundSize:\"contain\",backgroundPosition:\"center\"}:{},y=(e,i)=>{let o=/\\.(mp4|webm)$/i.test(e);return o?/*#__PURE__*/t(\"video\",{ref:1===i?s:u,style:{...c,...m,objectFit:n.size,width:\"100%\",height:\"100%\"},preload:\"auto\",loop:!0,muted:!0,disablePictureInPicture:!0,children:/*#__PURE__*/t(\"source\",{src:e,type:\"video/mp4\"})}):/*#__PURE__*/t(\"div\",{style:{...c,...m,backgroundImage:`url(${e})`}});};return /*#__PURE__*/e(\"div\",{style:{position:\"relative\",width:\"100%\",height:\"100%\"},children:[y(null!==(r=n.video1)&&void 0!==r?r:n.image1,1),/*#__PURE__*/t(\"div\",{style:{...c,clipPath:`polygon(0% 0%, ${d}% 0%, ${d}% 100%, 0% 100%)`,overflow:\"hidden\"},children:y(null!==(a=n.video2)&&void 0!==a?a:n.image2,2)}),/*#__PURE__*/t(\"input\",{type:\"range\",className:\"slider\",min:\"1\",max:\"1000\",defaultValue:10*d,onChange:t=>p(Number(t.target.value)/10),onWheel:t=>t.preventDefault(),onMouseUp:t=>{var e,i;return null===(e=(i=document.activeElement).blur)||void 0===e?void 0:e.call(i);},style:{position:\"absolute\",appearance:\"none\",width:\"100%\",height:\"100%\",background:\"transparent\",outline:\"none\",margin:0,WebkitMaskImage:`radial-gradient(circle at ${d}% 50%, transparent 30px, black 30.5px)`,maskImage:`radial-gradient(circle at ${d}% 50%, transparent 30px, black 30.5px)`}}),/*#__PURE__*/e(\"div\",{className:\"arrows\",style:{display:\"flex\",justifyContent:\"center\",alignItems:\"center\",pointerEvents:\"none\",position:\"absolute\",width:\"60px\",height:\"60px\",borderRadius:\"50%\",border:\"3px solid white\",left:`calc(${d}% - 30px)`,top:\"calc(50% - 30px)\"},children:[/*#__PURE__*/t(\"div\",{style:{padding:5,display:\"inline-block\",border:\"solid white\",borderWidth:\"0 3px 3px 0\",transform:\"rotate(135deg)\"}}),/*#__PURE__*/t(\"div\",{style:{padding:5,display:\"inline-block\",border:\"solid white\",borderWidth:\"0 3px 3px 0\",transform:\"translateX(-1px) rotate(-45deg)\"}})]}),/*#__PURE__*/e(\"div\",{className:\"bottomTexts\",style:{position:\"absolute\",left:0,right:0,bottom:0,padding:n.padding,pointerEvents:\"none\"},children:[/*#__PURE__*/e(\"div\",{style:{display:\"flex\",justifyContent:\"space-between\",marginBottom:8,fontFamily:n.textStyle1.fontFamily,fontSize:n.textStyle1.fontSize,fontWeight:n.textStyle1.fontWeight,color:n.textStyle1.color},children:[/*#__PURE__*/t(\"div\",{children:n.texts.text1}),/*#__PURE__*/t(\"div\",{children:n.texts.text3})]}),/*#__PURE__*/e(\"div\",{style:{display:\"flex\",justifyContent:\"space-between\",fontFamily:n.textStyle2.fontFamily,fontSize:n.textStyle2.fontSize,fontWeight:n.textStyle2.fontWeight,color:n.textStyle2.color},children:[/*#__PURE__*/t(\"div\",{children:n.texts.text2}),/*#__PURE__*/t(\"div\",{children:n.texts.text4})]})]})]});}a.defaultProps={image1:\"https://placekitten.com/1720/880\",image2:\"https://placehold.co/1720x880\",//video1: \"http://oraclevm.antishok.xyz/avc1.mp4\",\n//video2: \"http://oraclevm.antishok.xyz/avc2.mp4\",\n//video1: \"https://framerusercontent.com/assets/tiYORs6wgTecyAtJFeQSrO9d1d8.mp4\",\n//video2: \"https://framerusercontent.com/assets/C2xpYuswWfUxeDGZj87O48T64F0.mp4\",\nsize:\"cover\",texts:{text1:\"Before\",text2:\"7.3 MB\",text3:\"After\",text4:\"1.2 MB\"},textStyle1:{fontFamily:\"Proxima Nova, Arial\",fontSize:24,color:\"#F1ECDF\",fontWeight:\"bolder\"},textStyle2:{fontFamily:\"Proxima Nova, Arial\",fontSize:42,color:\"#F1ECDF\",fontWeight:\"bolder\"},padding:35},n(a,{image1:{type:r.Image,title:\"Image 1\"},image2:{type:r.Image,title:\"Image 2\"},video1:{type:r.File,title:\"Video 1\",allowedFileTypes:[\"mp4\",\"webm\"]},video2:{type:r.File,title:\"Video 2\",allowedFileTypes:[\"mp4\",\"webm\"]},size:{type:r.Enum,options:[\"none\",\"cover\",\"contain\"],optionTitles:[\"Original\",\"Cover\",\"Contain\"],title:\"Image size\",defaultValue:a.defaultProps.size},texts:{type:r.Object,title:\"Texts\",controls:{text1:{type:r.String,title:\"Top 1\"},text2:{type:r.String,title:\"Bottom 1\"},text3:{type:r.String,title:\"Top 2\"},text4:{type:r.String,title:\"Bottom 2\"}}},textStyle1:{type:r.Object,title:\"Style 1\",controls:{fontFamily:{type:r.String,title:\"Font\",defaultValue:a.defaultProps.textStyle1.fontFamily},fontSize:{type:r.Number,title:\"Font Size\",defaultValue:a.defaultProps.textStyle1.fontSize,min:6,max:300,step:1},color:{type:r.Color,title:\"Color\",defaultValue:a.defaultProps.textStyle1.color},fontWeight:{type:r.Enum,title:\"Font Weight\",options:[\"normal\",\"bold\",\"bolder\",\"lighter\"],defaultValue:a.defaultProps.textStyle1.fontWeight}}},textStyle2:{type:r.Object,title:\"Style 2\",controls:{fontFamily:{type:r.String,title:\"Font\",defaultValue:a.defaultProps.textStyle2.fontFamily},fontSize:{type:r.Number,title:\"Font Size\",defaultValue:a.defaultProps.textStyle2.fontSize,min:6,max:300,step:1},color:{type:r.Color,title:\"Color\",defaultValue:a.defaultProps.textStyle2.color},fontWeight:{type:r.Enum,title:\"Font Weight\",options:[\"normal\",\"bold\",\"bolder\",\"lighter\"],defaultValue:a.defaultProps.textStyle2.fontWeight}}},padding:{type:r.Number,title:\"Padding\",min:0,max:200,unit:\"px\",defaultValue:a.defaultProps.padding}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"ImageCompareSlider\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"fixed\",\"framerSupportedLayoutHeight\":\"fixed\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ImageCompareSlider.map"],
  "mappings": "qFAKkB,SAARA,EAAmBC,EAAE,CAAC,IAAIC,EAAEF,EAAE,GAAG,CAACG,EAAEC,CAAC,EAAEC,EAAE,EAAE,EAAE,EAAEC,EAAE,IAAI,EAAEC,EAAED,EAAE,IAAI,EAAEE,EAAE,IAAI,CAAC,WAAW,IAAI,CAAC,GAAG,EAAE,SAASD,EAAE,QAAQ,CAAC,IAAIE,EAAE,IAAI,QAAQA,GAAG,CAAC,EAAE,QAAQ,YAAY,EAAEA,EAAE,EAAE,EAAE,QAAQ,iBAAiB,iBAAiBA,CAAC,CAAE,CAAC,EAAEC,EAAE,IAAI,QAAQD,GAAG,CAACF,EAAE,QAAQ,YAAY,EAAEE,EAAE,EAAEF,EAAE,QAAQ,iBAAiB,iBAAiBE,CAAC,CAAE,CAAC,EAAE,QAAQ,IAAI,CAACA,EAAEC,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE,QAAQ,KAAK,EAAEH,EAAE,QAAQ,KAAK,CAAE,CAAC,CAAE,CAAC,EAAE,GAAG,CAAE,EAAE,CAAC,CAAC,EAAEC,EAAE,IAAI,CAAC,IAAIC,EAAE,SAAS,cAAc,OAAO,EAAE,OAAOA,EAAE,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAoBrc,SAAS,KAAK,YAAYA,CAAC,EAAE,IAAI,CAAC,SAAS,KAAK,YAAYA,CAAC,CAAE,CAAE,EAAE,CAAC,CAAC,EAAE,IAAIE,EAAE,CAAC,SAAS,WAAW,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,iBAAiB,WAAW,EAAEC,EAAYX,EAAE,OAAZ,QAAiB,CAAC,eAAe,QAAQ,mBAAmB,QAAQ,EAAcA,EAAE,OAAd,UAAmB,CAAC,eAAe,UAAU,mBAAmB,QAAQ,EAAE,CAAC,EAAEY,EAAE,CAACH,EAAEI,IAAW,iBAAiB,KAAKJ,CAAC,EAAwBN,EAAE,QAAQ,CAAC,IAAQU,IAAJ,EAAM,EAAEP,EAAE,MAAM,CAAC,GAAGI,EAAE,GAAGC,EAAE,UAAUX,EAAE,KAAK,MAAM,OAAO,OAAO,MAAM,EAAE,QAAQ,OAAO,KAAK,GAAG,MAAM,GAAG,wBAAwB,GAAG,SAAsBG,EAAE,SAAS,CAAC,IAAIM,EAAE,KAAK,WAAW,CAAC,CAAC,CAAC,EAAeN,EAAE,MAAM,CAAC,MAAM,CAAC,GAAGO,EAAE,GAAGC,EAAE,gBAAgB,OAAOF,CAAC,GAAG,CAAC,CAAC,EAAI,OAAoBH,EAAE,MAAM,CAAC,MAAM,CAAC,SAAS,WAAW,MAAM,OAAO,OAAO,MAAM,EAAE,SAAS,CAACM,GAAUX,EAAED,EAAE,UAAZ,MAA8BC,IAAT,OAAWA,EAAED,EAAE,OAAO,CAAC,EAAeG,EAAE,MAAM,CAAC,MAAM,CAAC,GAAGO,EAAE,SAAS,kBAAkBR,CAAC,SAASA,CAAC,mBAAmB,SAAS,QAAQ,EAAE,SAASU,GAAUb,EAAEC,EAAE,UAAZ,MAA8BD,IAAT,OAAWA,EAAEC,EAAE,OAAO,CAAC,CAAC,CAAC,EAAeG,EAAE,QAAQ,CAAC,KAAK,QAAQ,UAAU,SAAS,IAAI,IAAI,IAAI,OAAO,aAAa,GAAGD,EAAE,SAASM,GAAGL,EAAE,OAAOK,EAAE,OAAO,KAAK,EAAE,EAAE,EAAE,QAAQA,GAAGA,EAAE,eAAe,EAAE,UAAUA,GAAG,CAAC,IAAIC,EAAEI,EAAE,OAAeJ,GAAGI,EAAE,SAAS,eAAe,QAArC,MAAqDJ,IAAT,OAAW,OAAOA,EAAE,KAAKI,CAAC,CAAE,EAAE,MAAM,CAAC,SAAS,WAAW,WAAW,OAAO,MAAM,OAAO,OAAO,OAAO,WAAW,cAAc,QAAQ,OAAO,OAAO,EAAE,gBAAgB,6BAA6BX,CAAC,yCAAyC,UAAU,6BAA6BA,CAAC,wCAAwC,CAAC,CAAC,EAAeI,EAAE,MAAM,CAAC,UAAU,SAAS,MAAM,CAAC,QAAQ,OAAO,eAAe,SAAS,WAAW,SAAS,cAAc,OAAO,SAAS,WAAW,MAAM,OAAO,OAAO,OAAO,aAAa,MAAM,OAAO,kBAAkB,KAAK,QAAQJ,CAAC,YAAY,IAAI,kBAAkB,EAAE,SAAS,CAAcC,EAAE,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE,QAAQ,eAAe,OAAO,cAAc,YAAY,cAAc,UAAU,gBAAgB,CAAC,CAAC,EAAeA,EAAE,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE,QAAQ,eAAe,OAAO,cAAc,YAAY,cAAc,UAAU,iCAAiC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAeG,EAAE,MAAM,CAAC,UAAU,cAAc,MAAM,CAAC,SAAS,WAAW,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQN,EAAE,QAAQ,cAAc,MAAM,EAAE,SAAS,CAAcM,EAAE,MAAM,CAAC,MAAM,CAAC,QAAQ,OAAO,eAAe,gBAAgB,aAAa,EAAE,WAAWN,EAAE,WAAW,WAAW,SAASA,EAAE,WAAW,SAAS,WAAWA,EAAE,WAAW,WAAW,MAAMA,EAAE,WAAW,KAAK,EAAE,SAAS,CAAcG,EAAE,MAAM,CAAC,SAASH,EAAE,MAAM,KAAK,CAAC,EAAeG,EAAE,MAAM,CAAC,SAASH,EAAE,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,EAAeM,EAAE,MAAM,CAAC,MAAM,CAAC,QAAQ,OAAO,eAAe,gBAAgB,WAAWN,EAAE,WAAW,WAAW,SAASA,EAAE,WAAW,SAAS,WAAWA,EAAE,WAAW,WAAW,MAAMA,EAAE,WAAW,KAAK,EAAE,SAAS,CAAcG,EAAE,MAAM,CAAC,SAASH,EAAE,MAAM,KAAK,CAAC,EAAeG,EAAE,MAAM,CAAC,SAASH,EAAE,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAE,CAACD,EAAE,aAAa,CAAC,OAAO,mCAAmC,OAAO,gCAI94F,KAAK,QAAQ,MAAM,CAAC,MAAM,SAAS,MAAM,SAAS,MAAM,QAAQ,MAAM,QAAQ,EAAE,WAAW,CAAC,WAAW,sBAAsB,SAAS,GAAG,MAAM,UAAU,WAAW,QAAQ,EAAE,WAAW,CAAC,WAAW,sBAAsB,SAAS,GAAG,MAAM,UAAU,WAAW,QAAQ,EAAE,QAAQ,EAAE,EAAEe,EAAEf,EAAE,CAAC,OAAO,CAAC,KAAKgB,EAAE,MAAM,MAAM,SAAS,EAAE,OAAO,CAAC,KAAKA,EAAE,MAAM,MAAM,SAAS,EAAE,OAAO,CAAC,KAAKA,EAAE,KAAK,MAAM,UAAU,iBAAiB,CAAC,MAAM,MAAM,CAAC,EAAE,OAAO,CAAC,KAAKA,EAAE,KAAK,MAAM,UAAU,iBAAiB,CAAC,MAAM,MAAM,CAAC,EAAE,KAAK,CAAC,KAAKA,EAAE,KAAK,QAAQ,CAAC,OAAO,QAAQ,SAAS,EAAE,aAAa,CAAC,WAAW,QAAQ,SAAS,EAAE,MAAM,aAAa,aAAahB,EAAE,aAAa,IAAI,EAAE,MAAM,CAAC,KAAKgB,EAAE,OAAO,MAAM,QAAQ,SAAS,CAAC,MAAM,CAAC,KAAKA,EAAE,OAAO,MAAM,OAAO,EAAE,MAAM,CAAC,KAAKA,EAAE,OAAO,MAAM,UAAU,EAAE,MAAM,CAAC,KAAKA,EAAE,OAAO,MAAM,OAAO,EAAE,MAAM,CAAC,KAAKA,EAAE,OAAO,MAAM,UAAU,CAAC,CAAC,EAAE,WAAW,CAAC,KAAKA,EAAE,OAAO,MAAM,UAAU,SAAS,CAAC,WAAW,CAAC,KAAKA,EAAE,OAAO,MAAM,OAAO,aAAahB,EAAE,aAAa,WAAW,UAAU,EAAE,SAAS,CAAC,KAAKgB,EAAE,OAAO,MAAM,YAAY,aAAahB,EAAE,aAAa,WAAW,SAAS,IAAI,EAAE,IAAI,IAAI,KAAK,CAAC,EAAE,MAAM,CAAC,KAAKgB,EAAE,MAAM,MAAM,QAAQ,aAAahB,EAAE,aAAa,WAAW,KAAK,EAAE,WAAW,CAAC,KAAKgB,EAAE,KAAK,MAAM,cAAc,QAAQ,CAAC,SAAS,OAAO,SAAS,SAAS,EAAE,aAAahB,EAAE,aAAa,WAAW,UAAU,CAAC,CAAC,EAAE,WAAW,CAAC,KAAKgB,EAAE,OAAO,MAAM,UAAU,SAAS,CAAC,WAAW,CAAC,KAAKA,EAAE,OAAO,MAAM,OAAO,aAAahB,EAAE,aAAa,WAAW,UAAU,EAAE,SAAS,CAAC,KAAKgB,EAAE,OAAO,MAAM,YAAY,aAAahB,EAAE,aAAa,WAAW,SAAS,IAAI,EAAE,IAAI,IAAI,KAAK,CAAC,EAAE,MAAM,CAAC,KAAKgB,EAAE,MAAM,MAAM,QAAQ,aAAahB,EAAE,aAAa,WAAW,KAAK,EAAE,WAAW,CAAC,KAAKgB,EAAE,KAAK,MAAM,cAAc,QAAQ,CAAC,SAAS,OAAO,SAAS,SAAS,EAAE,aAAahB,EAAE,aAAa,WAAW,UAAU,CAAC,CAAC,EAAE,QAAQ,CAAC,KAAKgB,EAAE,OAAO,MAAM,UAAU,IAAI,EAAE,IAAI,IAAI,KAAK,KAAK,aAAahB,EAAE,aAAa,OAAO,CAAC,CAAC",
  "names": ["a", "n", "r", "d", "p", "ye", "pe", "u", "ue", "t", "e", "c", "m", "y", "i", "addPropertyControls", "ControlType"]
}