{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/0sWquksFr1YDkaIgrl9Z/VgWe6mCMJOseqaLiMnaC/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\";\nimport { useRadius, borderRadiusControl } from \"https://framer.com/m/framer/default-utils.js@^0.45.0\";\nconst vimeoRegex = /^https?:\\/\\/vimeo\\.com\\/(\\d+)/; /**\n                                                    * VIMEO\n                                                    *\n                                                    * @framerIntrinsicWidth 480\n                                                    * @framerIntrinsicHeight 270\n                                                    *\n                                                    * @framerSupportedLayoutWidth fixed\n                                                    * @framerSupportedLayoutHeight fixed\n                                                    *\n                                                    * @framerComponentPresetProps borderRadius, backgroundColor\n                                                    */\nconst Vimeo = withCSS(function Vimeo({\n  video,\n  autoplay,\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  const borderRadius = useRadius(props);\n  useEffect(() => {\n    if (!player.current) return;\n    const [, id] = video.match(vimeoRegex) ? video.match(vimeoRegex) : [null, 0];\n    const embeddedPlayer = new Player(player.current, {\n      id,\n      autopause: false,\n      autoplay: RenderTarget.current() === RenderTarget.canvas ? false : 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, autoplay, mute, controls, loop, titles]);\n  return /*#__PURE__*/_jsx(motion.div, {\n    style: {\n      background: backgroundColor,\n      ...style,\n      borderRadius,\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  loop: false,\n  mute: false,\n  backgroundColor: \"rgba(0, 0, 0, 0)\",\n  borderRadius: 0\n};\naddPropertyControls(Vimeo, {\n  video: {\n    title: \"URL\",\n    type: ControlType.String\n  },\n  ...borderRadiusControl,\n  controls: {\n    title: \"Controls\",\n    type: ControlType.Boolean,\n    enabledTitle: \"Show\",\n    disabledTitle: \"Hide\"\n  },\n  autoplay: {\n    title: \"Autoplay\",\n    type: ControlType.Boolean,\n    enabledTitle: \"Yes\",\n    disabledTitle: \"No\"\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  // 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        \"framerSupportedLayoutWidth\": \"fixed\",\n        \"framerIntrinsicHeight\": \"270\",\n        \"framerIntrinsicWidth\": \"480\",\n        \"framerComponentPresetProps\": \"borderRadius, backgroundColor\",\n        \"framerContractVersion\": \"1\",\n        \"framerSupportedLayoutHeight\": \"fixed\"\n      }\n    },\n    \"__FramerMetadata__\": {\n      \"type\": \"variable\"\n    }\n  }\n};\n//# sourceMappingURL=./Vimeo.map"],
  "mappings": "6NAMA,IAAMA,EAAa,gCAWbC,EAAQC,EAAQ,SAAe,CACnC,MAAAC,EACA,SAAAC,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,EAChBC,EAAeC,EAAUP,CAAK,EACpC,OAAAQ,EAAU,IAAM,CACd,GAAI,CAACJ,EAAO,QAAS,OACrB,GAAM,CAAC,CAAEK,CAAE,EAAInB,EAAM,MAAMH,CAAU,EAAIG,EAAM,MAAMH,CAAU,EAAI,CAAC,KAAM,CAAC,EACrEuB,EAAiB,IAAIC,EAAOP,EAAO,QAAS,CAChD,GAAAK,EACA,UAAW,GACX,SAAUG,EAAa,QAAQ,IAAMA,EAAa,OAAS,GAAQrB,EACnE,OAAQI,EACR,SAAUF,EACV,KAAMC,EACN,MAAOC,EACP,MAAOH,EACP,WAAY,EACd,CAAC,EACDkB,EAAe,GAAG,OAAQb,CAAM,EAChCa,EAAe,GAAG,QAASZ,CAAK,CAClC,EAAG,CAACM,EAAQH,CAAG,CAAC,EAChBO,EAAU,IAAM,CACdN,EAAOD,GAAOA,EAAM,CAAC,CACvB,EAAG,CAACX,EAAOC,EAAUC,EAAMC,EAAUC,EAAMC,CAAM,CAAC,EAC9BkB,EAAKC,EAAO,IAAK,CACnC,MAAO,CACL,WAAYlB,EACZ,GAAGG,EACH,aAAAO,EACA,SAAU,WACV,MAAO,OACP,OAAQ,OACR,QAAS,OACT,eAAgB,SAChB,WAAY,SACZ,SAAU,QACZ,EACA,GAAGN,EACH,SAAuBa,EAAK,MAAO,CACjC,UAAW,eACX,IAAKT,EACL,MAAO,CACL,MAAO,OACP,OAAQ,MACV,CACF,EAAGH,CAAG,CACR,CAAC,CACH,EAAG,CAAC,2EAA2E,CAAC,EAChFb,EAAM,aAAe,CACnB,MAAO,8BACP,SAAU,GACV,KAAM,GACN,KAAM,GACN,gBAAiB,mBACjB,aAAc,CAChB,EACA2B,EAAoB3B,EAAO,CACzB,MAAO,CACL,MAAO,MACP,KAAM4B,EAAY,MACpB,EACA,GAAGC,EACH,SAAU,CACR,MAAO,WACP,KAAMD,EAAY,QAClB,aAAc,OACd,cAAe,MACjB,EACA,SAAU,CACR,MAAO,WACP,KAAMA,EAAY,QAClB,aAAc,MACd,cAAe,IACjB,EAOA,KAAM,CACJ,MAAO,OACP,KAAMA,EAAY,QAClB,aAAc,MACd,cAAe,IACjB,EACA,KAAM,CACJ,MAAO,OACP,KAAMA,EAAY,QAClB,aAAc,MACd,cAAe,IACjB,EAOA,gBAAiB,CACf,KAAMA,EAAY,MAClB,MAAO,aACP,aAAc,kBAChB,EACA,OAAQ,CACN,KAAMA,EAAY,YACpB,EACA,MAAO,CACL,KAAMA,EAAY,YACpB,CACF,CAAC,EACD,IAAOE,EAAQ9B",
  "names": ["vimeoRegex", "Vimeo", "withCSS", "video", "autoplay", "mute", "controls", "loop", "titles", "backgroundColor", "onPlay", "onEnd", "style", "props", "key", "setKey", "ye", "player", "pe", "borderRadius", "useRadius", "ue", "id", "embeddedPlayer", "c", "RenderTarget", "p", "motion", "addPropertyControls", "ControlType", "borderRadiusControl", "Vimeo_default"]
}