import{a as O,b as j,c as k,g as I,h as T,i as E}from"./chunk-ANA65GPS.mjs";import{F as u,I as M}from"./chunk-YXURU7NW.mjs";import{B as r,C as d,v as b,x as $}from"./chunk-MJ2EDGOT.mjs";import{c as _}from"./chunk-A3IIQ6X3.mjs";var v;(function(e){e.Normal="Off",e.Auto="On",e.Loop="Loop"})(v||(v={}));var x;(function(e){e.High="High Quality",e.Medium="Medium Quality",e.Low="Low Quality",e.Off="Off"})(x||(x={}));var W;(function(e){e.WebP="webp",e.JPG="jpg"})(W||(W={}));function L({url:e,play:t,shouldMute:o,thumbnail:n,isRed:a,onClick:s,onMouseEnter:H,onMouseLeave:Q,onMouseDown:V,onMouseUp:B,title:z,...A}){let p=I(),f=t!=="Off",m=p||n!=="Off"&&!f,[R,N]=b(()=>!0,!1),[l,h]=b(()=>!0,!m),[D,P]=$(!1),y=T(A),F=y!=="0px 0px 0px 0px"&&y!=="0px";if(e==="")return r(X,{});let C=G(e);if(C===void 0)return r(ee,{message:"Invalid Youtube URL."});let[S,U]=C,i=U.searchParams;i.set("iv_load_policy","3"),i.set("rel","0"),i.set("modestbranding","1"),i.set("playsinline","1"),l?(f||m&&l)&&i.set("autoplay","1"):i.set("autoplay","0"),f&&o&&i.set("mute","1"),t==="Loop"&&(i.set("loop","1"),i.set("playlist",S)),a||i.set("color","white");let J={title:z||"Youtube Video",allow:"presentation; fullscreen; accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",src:U.href,frameBorder:"0",onClick:s,onMouseEnter:H,onMouseLeave:Q,onMouseDown:V,onMouseUp:B};return d("article",{onPointerEnter:()=>P(!0),onPointerLeave:()=>P(!1),onPointerOver:N,onKeyDown:h,onClick:h,style:{...re,borderRadius:y,transform:F&&(l||p)?"translateZ(0.000001px)":"unset",cursor:"pointer",overflow:"hidden"},role:"presentation",children:[R&&r("link",{rel:"preconnect",href:"https://www.youtube.com"}),R&&r("link",{rel:"preconnect",href:"https://www.google.com"}),r("div",{style:{...g,background:m?`center / cover url(${K(S,n,Z()?"webp":"jpg")}) no-repeat`:void 0}}),p?null:r("iframe",{loading:l?void 0:"lazy",style:l?g:{...g,display:"none"},...J}),l?null:r(te,{onClick:h,isHovered:D,isRed:a})]})}L.displayName="YouTube";M(L,{url:{type:u.String,title:"Video"},play:{type:u.Enum,title:"Autoplay",options:Object.values(v)},shouldMute:{title:"Mute",type:u.Boolean,enabledTitle:"Yes",disabledTitle:"No",hidden(e){return e.play==="Off"}},thumbnail:{title:"Thumbnail",description:"Showing a thumbnail improves performance.",type:u.Enum,options:Object.values(x),hidden(e){return e.play!=="Off"}},isRed:{title:"Color",type:u.Boolean,enabledTitle:"Red",disabledTitle:"White"},...E,...k});var q={url:"https://youtu.be/smPos0mJvh8",play:"Off",shouldMute:!0,thumbnail:"Medium Quality",isRed:!0};L.defaultProps=q;function G(e){let t;try{t=new URL(e)}catch{let o=w(e);return[e,o]}if(t.hostname==="youtube.com"||t.hostname==="www.youtube.com"||t.hostname==="youtube-nocookie.com"||t.hostname==="www.youtube-nocookie.com"){let o=t.pathname.slice(1).split("/");if(o[0]==="watch"){let n=t.searchParams.get("v"),a=w(n);return[n,a]}if(o[0]==="embed")return[o[1],t]}if(t.hostname==="youtu.be"){let o=t.pathname.slice(1),n=w(o);return[o,n]}}function w(e){return new URL(`https://www.youtube.com/embed/${e}`)}function K(e,t,o="jpg"){let n=o==="webp",a=n?"https://i.ytimg.com/vi_webp/":"https://i.ytimg.com/vi/",s=n?"webp":"jpg";switch(t){case"Low Quality":return`${a}${e}/hqdefault.${s}`;case"Medium Quality":return`${a}${e}/sddefault.${s}`;case"High Quality":return`${a}${e}/maxresdefault.${s}`;default:return`${a}${e}/0.${s}`}}var c;function Z(){if(!_)return!0;if(c!==void 0)return c;let e=document.createElement("canvas");return e.getContext&&e.getContext("2d")?c=e.toDataURL("image/webp").indexOf("data:image/webp")===0:c=!1}function X(){return r("div",{style:{...j,overflow:"hidden"},children:r("div",{style:Y,children:"To embed a Youtube video, add the URL to the properties\xA0panel."})})}function ee({message:e}){return r("div",{className:"framerInternalUI-errorPlaceholder",style:{...O,overflow:"hidden"},children:d("div",{style:Y,children:["Error: ",e]})})}function te({onClick:e,isHovered:t,isRed:o}){return r("button",{onClick:e,"aria-label":"Play",style:oe,children:d("svg",{height:"100%",version:"1.1",viewBox:"0 0 68 48",width:"100%",children:[r("path",{d:"M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z",fill:t?o?"#f00":"#000":"#212121",fillOpacity:t&&o?1:.8,style:{transition:"fill .1s cubic-bezier(0.4, 0, 1, 1), fill-opacity .1s cubic-bezier(0.4, 0, 1, 1)"}}),r("path",{d:"M 45,24 27,14 27,34",fill:"#fff"})]})})}var oe={position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",width:68,height:48,padding:0,border:"none",background:"transparent",cursor:"pointer"},re={position:"relative",width:"100%",height:"100%"},Y={textAlign:"center",minWidth:140},g={position:"absolute",top:0,left:0,height:"100%",width:"100%"};export{L as a};
//# sourceMappingURL=chunk-MGL3JXBK.mjs.map