{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/0sWquksFr1YDkaIgrl9Z/I3GA1LNcnfX23fOhSUyv/Vimeo.js"],
  "sourcesContent": ["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { addPropertyControls, ControlType, RenderTarget, withCSS } from \"framer\";\nimport { motion } from \"framer-motion\";\nimport Player from \"@vimeo/player\";\nimport { useEffect, useRef, useState } from \"react\";\nconst vimeoRegex = /^https?:\\/\\/vimeo\\.com\\/(\\d+)/; /**\n                                                    * VIMEO\n                                                    *\n                                                    * @framerIntrinsicWidth 375\n                                                    * @framerIntrinsicHeight 210\n                                                    *\n                                                    * @framerSupportedLayoutWidth fixed\n                                                    * @framerSupportedLayoutHeight fixed\n                                                    */\nconst Vimeo = withCSS(function Vimeo({\n  video,\n  autoplay,\n  playOnCanvas,\n  mute,\n  controls,\n  loop,\n  titles,\n  backgroundColor,\n  onPlay = () => {},\n  onEnd = () => {},\n  style,\n  ...props\n}) {\n  const [key, setKey] = useState(0);\n  const player = useRef();\n  useEffect(() => {\n    if (!player.current) return;\n    var ref;\n    const [, id] = (ref = video.match(vimeoRegex)) !== null && ref !== void 0 ? ref : [null, 0];\n    const embeddedPlayer = new Player(player.current, {\n      id,\n      autopause: false,\n      autoplay: RenderTarget.current() === RenderTarget.canvas ? playOnCanvas && autoplay : autoplay,\n      byline: titles,\n      controls: controls,\n      loop: loop,\n      title: titles,\n      muted: mute,\n      responsive: true\n    });\n    embeddedPlayer.on(\"play\", onPlay);\n    embeddedPlayer.on(\"ended\", onEnd);\n  }, [player, key]);\n  useEffect(() => {\n    setKey(key => key + 1);\n  }, [video, playOnCanvas, autoplay, mute, controls, loop, titles]);\n  return /*#__PURE__*/_jsx(motion.div, {\n    style: {\n      background: backgroundColor,\n      ...style,\n      position: \"relative\",\n      width: \"100%\",\n      height: \"100%\",\n      display: \"flex\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n      overflow: \"hidden\"\n    },\n    ...props,\n    children: /*#__PURE__*/_jsx(\"div\", {\n      className: \"framer-vimeo\",\n      ref: player,\n      style: {\n        width: \"100%\",\n        height: \"100%\"\n      }\n    }, key)\n  });\n}, [\".framer-vimeo > div { padding: 0 !important; width: 100%; height: 100%; }\"]);\nVimeo.defaultProps = {\n  video: \"https://vimeo.com/642263700\",\n  autoplay: false,\n  playOnCanvas: false,\n  loop: false,\n  mute: false,\n  backgroundColor: \"rgba(0, 0, 0, 0)\"\n};\naddPropertyControls(Vimeo, {\n  video: {\n    title: \"URL\",\n    type: ControlType.String\n  },\n  autoplay: {\n    title: \"Autoplay\",\n    type: ControlType.Boolean,\n    enabledTitle: \"Play\",\n    disabledTitle: \"Pause\"\n  },\n  playOnCanvas: {\n    title: \"On Canvas\",\n    type: ControlType.Boolean,\n    enabledTitle: \"Play\",\n    disabledTitle: \"Pause\"\n  },\n  loop: {\n    title: \"Loop\",\n    type: ControlType.Boolean,\n    enabledTitle: \"Yes\",\n    disabledTitle: \"No\"\n  },\n  mute: {\n    title: \"Mute\",\n    type: ControlType.Boolean,\n    enabledTitle: \"Yes\",\n    disabledTitle: \"No\"\n  },\n  controls: {\n    title: \"Controls\",\n    type: ControlType.Boolean,\n    enabledTitle: \"Show\",\n    disabledTitle: \"Hide\"\n  },\n  titles: {\n    title: \"Titles\",\n    type: ControlType.Boolean,\n    enabledTitle: \"Show\",\n    disabledTitle: \"Hide\"\n  },\n  backgroundColor: {\n    type: ControlType.Color,\n    title: \"Background\",\n    defaultValue: \"rgba(0, 0, 0, 0)\"\n  },\n  onPlay: {\n    type: ControlType.EventHandler\n  },\n  onEnd: {\n    type: ControlType.EventHandler\n  }\n});\nexport default Vimeo;\nexport const __FramerMetadata__ = {\n  \"exports\": {\n    \"default\": {\n      \"type\": \"reactComponent\",\n      \"name\": \"Vimeo\",\n      \"slots\": [],\n      \"annotations\": {\n        \"framerIntrinsicWidth\": \"375\",\n        \"framerSupportedLayoutHeight\": \"fixed\",\n        \"framerSupportedLayoutWidth\": \"fixed\",\n        \"framerIntrinsicHeight\": \"210\",\n        \"framerContractVersion\": \"1\"\n      }\n    },\n    \"__FramerMetadata__\": {\n      \"type\": \"variable\"\n    }\n  }\n};\n//# sourceMappingURL=./Vimeo.map"],
  "mappings": "4KAKA,IAAMA,EAAa,gCASbC,EAAQC,EAAQ,SAAe,CACnC,MAAAC,EACA,SAAAC,EACA,aAAAC,EACA,KAAAC,EACA,SAAAC,EACA,KAAAC,EACA,OAAAC,EACA,gBAAAC,EACA,OAAAC,EAAS,IAAM,CAAC,EAChB,MAAAC,EAAQ,IAAM,CAAC,EACf,MAAAC,EACA,GAAGC,CACL,EAAG,CACD,GAAM,CAACC,EAAKC,CAAM,EAAIC,EAAS,CAAC,EAC1BC,EAASC,EAAO,EACtB,OAAAC,EAAU,IAAM,CACd,GAAI,CAACF,EAAO,QAAS,OACrB,IAAIG,EACJ,GAAM,CAAC,CAAEC,CAAE,GAAKD,EAAMlB,EAAM,MAAMH,CAAU,KAAO,MAAQqB,IAAQ,OAASA,EAAM,CAAC,KAAM,CAAC,EACpFE,EAAiB,IAAIC,EAAON,EAAO,QAAS,CAChD,GAAAI,EACA,UAAW,GACX,SAAUG,EAAa,QAAQ,IAAMA,EAAa,OAASpB,GAAgBD,EAAWA,EACtF,OAAQK,EACR,SAAUF,EACV,KAAMC,EACN,MAAOC,EACP,MAAOH,EACP,WAAY,EACd,CAAC,EACDiB,EAAe,GAAG,OAAQZ,CAAM,EAChCY,EAAe,GAAG,QAASX,CAAK,CAClC,EAAG,CAACM,EAAQH,CAAG,CAAC,EAChBK,EAAU,IAAM,CACdJ,EAAOD,GAAOA,EAAM,CAAC,CACvB,EAAG,CAACZ,EAAOE,EAAcD,EAAUE,EAAMC,EAAUC,EAAMC,CAAM,CAAC,EAC5CiB,EAAKC,EAAO,IAAK,CACnC,MAAO,CACL,WAAYjB,EACZ,GAAGG,EACH,SAAU,WACV,MAAO,OACP,OAAQ,OACR,QAAS,OACT,eAAgB,SAChB,WAAY,SACZ,SAAU,QACZ,EACA,GAAGC,EACH,SAAuBY,EAAK,MAAO,CACjC,UAAW,eACX,IAAKR,EACL,MAAO,CACL,MAAO,OACP,OAAQ,MACV,CACF,EAAGH,CAAG,CACR,CAAC,CACH,EAAG,CAAC,2EAA2E,CAAC,EAChFd,EAAM,aAAe,CACnB,MAAO,8BACP,SAAU,GACV,aAAc,GACd,KAAM,GACN,KAAM,GACN,gBAAiB,kBACnB,EACA2B,EAAoB3B,EAAO,CACzB,MAAO,CACL,MAAO,MACP,KAAM4B,EAAY,MACpB,EACA,SAAU,CACR,MAAO,WACP,KAAMA,EAAY,QAClB,aAAc,OACd,cAAe,OACjB,EACA,aAAc,CACZ,MAAO,YACP,KAAMA,EAAY,QAClB,aAAc,OACd,cAAe,OACjB,EACA,KAAM,CACJ,MAAO,OACP,KAAMA,EAAY,QAClB,aAAc,MACd,cAAe,IACjB,EACA,KAAM,CACJ,MAAO,OACP,KAAMA,EAAY,QAClB,aAAc,MACd,cAAe,IACjB,EACA,SAAU,CACR,MAAO,WACP,KAAMA,EAAY,QAClB,aAAc,OACd,cAAe,MACjB,EACA,OAAQ,CACN,MAAO,SACP,KAAMA,EAAY,QAClB,aAAc,OACd,cAAe,MACjB,EACA,gBAAiB,CACf,KAAMA,EAAY,MAClB,MAAO,aACP,aAAc,kBAChB,EACA,OAAQ,CACN,KAAMA,EAAY,YACpB,EACA,MAAO,CACL,KAAMA,EAAY,YACpB,CACF,CAAC,EACD,IAAOC,EAAQ7B",
  "names": ["vimeoRegex", "Vimeo", "withCSS", "video", "autoplay", "playOnCanvas", "mute", "controls", "loop", "titles", "backgroundColor", "onPlay", "onEnd", "style", "props", "key", "setKey", "ye", "player", "pe", "ue", "ref", "id", "embeddedPlayer", "c", "RenderTarget", "p", "motion", "addPropertyControls", "ControlType", "Vimeo_default"]
}