{"version":3,"file":"Video_Background.BEysXI7R.mjs","names":["useMemo"],"sources":["https:/framerusercontent.com/modules/bmTfXt1wku1VJ9zG8eIM/U5j5vBg58RhhLQs8dM0T/Video_Background.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{useMemo}from\"react\";function getVideoId(url){if(!url)return{type:null,id:null};const ytPatterns=[/(?:youtube\\.com\\/watch\\?v=)([a-zA-Z0-9_-]{11})/,/(?:youtube\\.com\\/embed\\/)([a-zA-Z0-9_-]{11})/,/(?:youtu\\.be\\/)([a-zA-Z0-9_-]{11})/,/(?:youtube\\.com\\/shorts\\/)([a-zA-Z0-9_-]{11})/,/(?:youtube\\.com\\/live\\/)([a-zA-Z0-9_-]{11})/];for(const pattern of ytPatterns){const match=url.match(pattern);if(match)return{type:\"youtube\",id:match[1]};}const vimeoPatterns=[/(?:vimeo\\.com\\/)(\\d+)/,/(?:player\\.vimeo\\.com\\/video\\/)(\\d+)/];for(const pattern of vimeoPatterns){const match=url.match(pattern);if(match)return{type:\"vimeo\",id:match[1]};}return{type:null,id:null};}function buildEmbedUrl(type,id,autoplay,loop,muted,controls){if(type===\"youtube\"){const params=new URLSearchParams({autoplay:autoplay?\"1\":\"0\",loop:loop?\"1\":\"0\",mute:muted?\"1\":\"0\",controls:controls?\"1\":\"0\",rel:\"0\",modestbranding:\"1\",showinfo:\"0\",iv_load_policy:\"3\",disablekb:\"1\",playsinline:\"1\",enablejsapi:\"0\"});if(loop)params.set(\"playlist\",id);return`https://www.youtube.com/embed/${id}?${params.toString()}`;}if(type===\"vimeo\"){const params=new URLSearchParams({autoplay:autoplay?\"1\":\"0\",loop:loop?\"1\":\"0\",muted:muted?\"1\":\"0\",controls:controls?\"1\":\"0\",background:!controls&&autoplay?\"1\":\"0\",title:\"0\",byline:\"0\",portrait:\"0\",playsinline:\"1\"});return`https://player.vimeo.com/video/${id}?${params.toString()}`;}return\"\";}// Aspect ratio values\nconst ASPECT_RATIOS={\"16:9\":56.25,\"4:3\":75,\"21:9\":42.86,\"9:16\":177.78,\"1:1\":100};export default function VideoByURL({url=\"\",autoplay=true,loop=true,muted=true,controls=false,cropOverlay=true,aspectRatio=\"16:9\",fillMode=\"fit\",borderRadius=0,style}){const{type,id}=useMemo(()=>getVideoId(url),[url]);const embedUrl=useMemo(()=>{if(!type||!id)return null;return buildEmbedUrl(type,id,autoplay,loop,muted,controls);},[type,id,autoplay,loop,muted,controls]);const shouldCrop=cropOverlay&&type===\"youtube\";const paddingBottom=ASPECT_RATIOS[aspectRatio]||56.25;// Cover mode: scale iframe to fill container without black bars\nconst isCover=fillMode===\"cover\";if(!url){return /*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",borderRadius,overflow:\"hidden\",background:\"#000\",...style},children:/*#__PURE__*/_jsx(\"div\",{style:{position:\"relative\",width:\"100%\",paddingBottom:`${paddingBottom}%`},children:/*#__PURE__*/_jsxs(\"div\",{style:placeholderStyle,children:[/*#__PURE__*/_jsx(\"svg\",{width:\"48\",height:\"48\",viewBox:\"0 0 24 24\",fill:\"none\",stroke:\"rgba(255,255,255,0.5)\",strokeWidth:\"1.5\",children:/*#__PURE__*/_jsx(\"polygon\",{points:\"5 3 19 12 5 21 5 3\"})}),/*#__PURE__*/_jsx(\"p\",{style:placeholderText,children:\"Paste a YouTube or Vimeo URL\"})]})})});}if(!embedUrl){return /*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",borderRadius,overflow:\"hidden\",background:\"#000\",...style},children:/*#__PURE__*/_jsx(\"div\",{style:{position:\"relative\",width:\"100%\",paddingBottom:`${paddingBottom}%`},children:/*#__PURE__*/_jsx(\"div\",{style:placeholderStyle,children:/*#__PURE__*/_jsx(\"p\",{style:placeholderText,children:\"⚠️ Invalid URL — use a YouTube or Vimeo link\"})})})});}// ── FIT mode: aspect ratio drives height ──\nif(!isCover){return /*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",borderRadius,overflow:\"hidden\",background:\"#000\",...style},children:/*#__PURE__*/_jsxs(\"div\",{style:{position:\"relative\",width:\"100%\",paddingBottom:`${paddingBottom}%`,overflow:\"hidden\"},children:[shouldCrop&&!controls&&/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",top:0,left:0,width:\"100%\",height:\"100%\",zIndex:2}}),/*#__PURE__*/_jsx(\"iframe\",{src:embedUrl,style:shouldCrop?{position:\"absolute\",top:\"-60px\",left:\"-2px\",width:\"calc(100% + 4px)\",height:\"calc(100% + 120px)\",border:\"none\",zIndex:1}:{position:\"absolute\",top:0,left:0,width:\"100%\",height:\"100%\",border:\"none\"},allow:\"autoplay; fullscreen; encrypted-media; picture-in-picture\",allowFullScreen:true,frameBorder:\"0\",loading:\"lazy\"})]})});}// ── COVER mode: video fills container, no black bars ──\nreturn /*#__PURE__*/_jsxs(\"div\",{style:{width:\"100%\",height:\"100%\",borderRadius,overflow:\"hidden\",background:\"#000\",position:\"relative\",...style},children:[shouldCrop&&!controls&&/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",top:0,left:0,width:\"100%\",height:\"100%\",zIndex:2}}),/*#__PURE__*/_jsx(\"iframe\",{src:embedUrl,style:{position:\"absolute\",top:\"50%\",left:\"50%\",transform:\"translate(-50%, -50%)\",width:\"177.78vh\",height:\"56.25vw\",minWidth:\"100%\",minHeight:\"100%\",border:\"none\",zIndex:1},allow:\"autoplay; fullscreen; encrypted-media; picture-in-picture\",allowFullScreen:true,frameBorder:\"0\",loading:\"lazy\"})]});}// Styles\nconst placeholderStyle={position:\"absolute\",top:0,left:0,width:\"100%\",height:\"100%\",display:\"flex\",flexDirection:\"column\",alignItems:\"center\",justifyContent:\"center\",gap:12,background:\"linear-gradient(135deg, #1a1a2e, #16213e)\"};const placeholderText={color:\"rgba(255,255,255,0.5)\",fontSize:14,fontFamily:\"Inter, sans-serif\",margin:0};// Framer Property Controls\naddPropertyControls(VideoByURL,{url:{type:ControlType.String,title:\"Video URL\",placeholder:\"https://youtube.com/watch?v=...\",defaultValue:\"\"},fillMode:{type:ControlType.Enum,title:\"Fill Mode\",options:[\"fit\",\"cover\"],optionTitles:[\"Fit (Auto Height)\",\"Cover (Fill Container)\"],defaultValue:\"fit\",description:\"Fit = height otomatis sesuai aspect ratio. Cover = video isi penuh container.\"},aspectRatio:{type:ControlType.Enum,title:\"Aspect Ratio\",options:[\"16:9\",\"4:3\",\"21:9\",\"9:16\",\"1:1\"],optionTitles:[\"16:9 (YouTube Default)\",\"4:3 (Classic)\",\"21:9 (Ultrawide)\",\"9:16 (Vertical/Shorts)\",\"1:1 (Square)\"],defaultValue:\"16:9\",hidden:props=>props.fillMode===\"cover\"},autoplay:{type:ControlType.Boolean,title:\"Autoplay\",defaultValue:true},loop:{type:ControlType.Boolean,title:\"Loop\",defaultValue:true},muted:{type:ControlType.Boolean,title:\"Muted\",defaultValue:true},controls:{type:ControlType.Boolean,title:\"Show Controls\",defaultValue:false},cropOverlay:{type:ControlType.Boolean,title:\"Hide Title & Logo\",defaultValue:true,description:\"Crop YouTube title bar & watermark\"},borderRadius:{type:ControlType.Number,title:\"Border Radius\",defaultValue:0,min:0,max:100,step:1}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"VideoByURL\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Video_Background.map"],"mappings":"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"}