1import{y as de,k as re,A as n,a4 as e,ah as ie,ai as a,aj as m,ak as t,ag as ne,q as V,X as u,al as b,an as y,am as x,a9 as v,a1 as f,a5 as i,a0 as S,j as w,D as P,M as pe,_ as p}from"./D0rPpKiU.js";import{D as J}from"./Bib1jVd-.js";import{E as ue,H as be}from"#entry";import"./wzWXuswT.js";import"./Di6LNM_X.js";import"./D_gTWDL9.js";const ve={key:0,class:"min-h-screen bg-cool-grey-100 flex items-center justify-center"},ce={class:"bg-white rounded-2xl shadow-lg p-10 w-full max-w-sm"},ye={key:0,class:"body-small text-red-500 mb-3"},ge={class:"min-h-screen bg-cool-grey-100"},me={"aria-label":"Jump to section",class:"bg-white border-b border-cool-grey-200 sticky top-0 z-10 overflow-x-auto"},xe={class:"max-w-5xl mx-auto px-6"},fe={class:"flex gap-0 min-w-max",role:"list"},we=["href"],he={id:"main-content",class:"max-w-5xl mx-auto px-4 py-10 space-y-10"},ke={"aria-labelledby":"section-video-player",class:"bg-white rounded-xl border border-cool-grey-200 shadow-sm overflow-hidden"},_e={class:"p-6 space-y-5"},Ve={class:"rounded-lg bg-cool-grey-50 border border-cool-grey-100 p-4 space-y-5"},Pe={class:"flex flex-wrap gap-x-6 gap-y-3"},Ce={class:"flex items-center gap-2 body-small text-cool-grey-600"},Me=["value"],Le={class:"flex items-center gap-2 body-small text-cool-grey-600"},Se=["value"],Ue={class:"flex items-center gap-2 body-small text-cool-grey-600"},Be=["value"],Te={class:"flex items-center gap-2 body-small text-cool-grey-600"},Ie={class:"flex flex-wrap gap-x-6 gap-y-3"},Re=["checked","onChange"],ze={class:"flex items-center gap-2 body-small text-cool-grey-600"},Oe=["value"],je={class:"flex items-center gap-2 body-small text-cool-grey-600"},De={class:"flex flex-wrap gap-x-6 gap-y-3"},Ae=["checked","onChange"],Ee={class:"flex items-center gap-2 body-small text-cool-grey-600"},Ne={class:"rounded-lg border border-cool-grey-200 bg-cool-grey-50 p-4"},Ye={class:"max-w-2xl"},We={class:"rounded-lg overflow-hidden"},Fe={"aria-labelledby":"section-video-player-poster",class:"bg-white rounded-xl border border-cool-grey-200 shadow-sm overflow-hidden"},Je={class:"p-6 space-y-5"},He={class:"rounded-lg border border-cool-grey-200 bg-cool-grey-50 p-4"},Ke={class:"max-w-2xl"},$e={class:"rounded-lg overflow-hidden"},qe={"aria-labelledby":"section-webinar-static",class:"bg-white rounded-xl border border-cool-grey-200 shadow-sm overflow-hidden"},Ge={class:"p-6 space-y-5"},Qe={class:"rounded-lg bg-cool-grey-50 border border-cool-grey-100 p-4 space-y-5"},Xe={class:"flex flex-wrap gap-x-6 gap-y-3"},Ze={class:"flex items-center gap-2 body-small text-cool-grey-600"},eo={class:"flex items-center gap-2 body-small text-cool-grey-600"},oo=["value"],lo={class:"flex items-center gap-2 body-small text-cool-grey-600"},to=["value"],so={class:"flex items-center gap-2 body-small text-cool-grey-600"},ao=["value"],ro={class:"flex items-center gap-2 body-small text-cool-grey-600"},io={class:"flex flex-wrap gap-x-6 gap-y-3"},no=["checked","onChange"],po={class:"flex items-center gap-2 body-small text-cool-grey-600"},uo=["value"],bo={class:"flex items-center gap-2 body-small text-cool-grey-600"},vo={class:"flex flex-wrap gap-x-6 gap-y-3"},co=["checked","onChange"],yo={class:"flex flex-wrap gap-x-6 gap-y-3"},go={class:"flex items-center gap-2 body-small text-cool-grey-600"},mo={class:"rounded-lg border border-cool-grey-200 bg-cool-grey-50 p-4"},xo={class:"max-w-2xl"},fo={class:"rounded-lg overflow-hidden"},wo={"aria-labelledby":"section-webinar-loop",class:"bg-white rounded-xl border border-cool-grey-200 shadow-sm overflow-hidden"},ho={class:"p-6 space-y-5"},ko={class:"rounded-lg bg-cool-grey-50 border border-cool-grey-100 p-4 space-y-5"},_o={class:"flex flex-wrap gap-x-6 gap-y-3"},Vo={class:"flex items-center gap-2 body-small text-cool-grey-600"},Po={class:"flex items-center gap-2 body-small text-cool-grey-600"},Co={class:"flex items-center gap-2 body-small text-cool-grey-600"},Mo={class:"flex items-center gap-2 body-small text-cool-grey-600"},Lo={class:"rounded-lg border border-cool-grey-200 bg-cool-grey-50 p-4"},So={class:"max-w-2xl"},Uo={class:"rounded-lg overflow-hidden"},Bo={"aria-labelledby":"section-webinar-live-attendee",class:"bg-white rounded-xl border border-cool-grey-200 shadow-sm overflow-hidden"},To={class:"p-6 space-y-5"},Io={class:"rounded-lg border border-cool-grey-200 bg-cool-grey-50 p-4"},Ro={class:"max-w-2xl"},zo={class:"rounded-lg overflow-hidden"},Oo={"aria-labelledby":"section-vturb",class:"bg-white rounded-xl border border-cool-grey-200 shadow-sm overflow-hidden"},jo={class:"p-6 space-y-5"},Do={class:"rounded-lg bg-cool-grey-50 border border-cool-grey-100 p-4"},Ao={class:"flex flex-wrap gap-x-6 gap-y-3"},Eo={class:"flex items-center gap-2 body-small text-cool-grey-600"},No={class:"flex items-center gap-2 body-small text-cool-grey-600"},Yo={class:"rounded-lg border border-cool-grey-200 bg-cool-grey-50 p-4"},Wo={class:"max-w-2xl"},Fo={class:"rounded-lg overflow-hidden"},Jo={"aria-labelledby":"section-tabbed",class:"bg-white rounded-xl border border-cool-grey-200 shadow-sm overflow-hidden"},Ho={class:"p-6 space-y-5"},Ko={class:"rounded-lg bg-cool-grey-50 border border-cool-grey-100 p-4"},$o={class:"flex flex-wrap gap-x-6 gap-y-3"},qo={class:"flex items-center gap-2 body-small text-cool-grey-600"},Go={class:"flex items-center gap-2 body-small text-cool-grey-600"},Qo=["value"],Xo={class:"rounded-lg border border-cool-grey-200 bg-cool-grey-50 p-4"},Zo={class:"max-w-3xl"},el={class:"rounded-lg overflow-hidden"},ol={"aria-labelledby":"section-youtube",class:"bg-white rounded-xl border border-cool-grey-200 shadow-sm overflow-hidden"},ll={class:"p-6 space-y-5"},tl={class:"rounded-lg bg-cool-grey-50 border border-cool-grey-100 p-4 space-y-5"},sl={class:"flex flex-wrap gap-x-6 gap-y-3"},al={class:"flex items-center gap-2 body-small text-cool-grey-600"},dl=["value"],rl={class:"flex items-center gap-2 body-small text-cool-grey-600"},il=["value"],nl={class:"flex items-center gap-2 body-small text-cool-grey-600"},pl=["value"],ul={class:"flex items-center gap-2 body-small text-cool-grey-600"},bl={class:"flex flex-wrap gap-x-6 gap-y-3"},vl=["checked","onChange"],cl={class:"flex items-center gap-2 body-small text-cool-grey-600"},yl={class:"flex flex-wrap gap-x-6 gap-y-3"},gl={class:"flex items-center gap-2 body-small text-cool-grey-600"},ml={class:"flex items-center gap-2 body-small text-cool-grey-600"},xl={class:"flex items-center gap-2 body-small text-cool-grey-600"},fl={class:"flex items-center gap-2 body-small text-cool-grey-600"},wl={class:"flex items-center gap-2 body-small text-cool-grey-600"},hl={class:"flex items-center gap-2 body-small text-cool-grey-600"},kl={class:"flex items-center gap-2 body-small text-cool-grey-600"},_l={class:"rounded-lg border border-cool-grey-200 bg-cool-grey-50 p-4"},Vl={class:"max-w-2xl"},Pl={class:"rounded-lg overflow-hidden"},te="video-playground-auth",Cl="acq123",g="body-small border border-cool-grey-300 rounded-lg px-3 py-1.5 bg-white text-cool-grey-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-500 focus-visible:ring-offset-1",k="body-small border border-cool-grey-300 rounded-lg px-3 py-1.5 bg-white text-cool-grey-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-500 focus-visible:ring-offset-1",c="w-4 h-4 rounded border-cool-grey-300 text-purple-600 cursor-pointer focus-visible:ring-2 focus-visible:ring-purple-500 focus-visible:ring-offset-1",C="cursor-pointer select-none flex items-center gap-2 px-4 py-3 bg-cool-grey-50 border border-cool-grey-200 rounded-lg button-text-small text-cool-grey-500 hover:text-purple-600 hover:bg-cool-grey-100 transition-colors",M="text-xs bg-cool-grey-100 border border-t-0 border-cool-grey-200 rounded-b-lg p-4 overflow-x-auto text-cool-grey-700 font-mono leading-relaxed",U="https://assets.mindvalley.com/api/v1/assets/82b79e7a-f76d-4f14-ae81-a3b10023be53.mp4",Ml="https://assets.mindvalley.com/api/v1/assets/8e373326-7d24-43a4-8814-7bee66219188.mp4",T="https://assets.mindvalley.com/api/v1/assets/d85f6473-c40e-406b-aa69-10900e95b3f7.jpg",H="https://www.youtube.com/embed/K5EvuRYOQ2Y",Ll=de({__name:"video-test",setup(Sl){ue({title:"Video Components â Playground"});const D=w(!1),I=w(""),R=w(!1);re(()=>{typeof sessionStorage<"u"&&(D.value=sessionStorage.getItem(te)==="1")});function se(){I.value===Cl?(D.value=!0,R.value=!1,typeof sessionStorage<"u"&&sessionStorage.setItem(te,"1")):(R.value=!0,I.value="")}
1const ae=[{id:"section-video-player",label:"VideoPlayer"},{id:"section-webinar-static",label:"WebinarVideoPlayer"},{id:"section-vturb",label:"VTurb"},{id:"section-tabbed",label:"TabbedVideos"},{id:"section-youtube",label:"YouTube"}],A=["16:9","4:3","21:9","4:5","1:1","9:16"],E=["none","sm","md","lg"],K=["off","on_scroll","manual"],N=["autoplay","muted","loop"],$=["play_button","volume","progress_bar","playback_rates","fullscreen"],z=["none","center","bottom_left"];function B(L,o){return L.includes(o)?L.filter(h=>h!==o):[...L,o]}const r=w({aspectRatio:"16:9",borderRadius:"lg",shadow:!1,showPoster:!1,playbackOptions:["autoplay","muted"],visibleControls:["play_button","volume","progress_bar","fullscreen"],pipMode:"off",disableLazyLoading:!0,showMute:!1,playIconPosition:"center"}),q=P(()=>({_uid:"vp-test",component:"VideoPlayer",video_source_url:U,...r.value.showPoster?{poster:{filename:T,alt:"Test poster"}}:{},aspect_ratio:r.value.aspectRatio,border_radius:r.value.borderRadius,show_shadow:r.value.shadow,show_mute_button:r.value.showMute,playback_options:r.value.playbackOptions,visible_controls:r.value.visibleControls,pip_mode:r.value.pipMode,disable_lazy_loading:r.value.disableLazyLoading,play_icon_position:r.value.playIconPosition})),G=P(()=>({_uid:"vp-poster-test",component:"VideoPlayer",video_source_url:U,poster:{filename:T,alt:"Poster demo"},aspect_ratio:"16:9",border_radius:"lg",show_shadow:!1,playback_options:[],visible_controls:["play_button","volume","progress_bar","fullscreen"],pip_mode:"off",disable_lazy_loading:!0,play_icon_position:r.value.playIconPosition})),d=w({template:"default",aspectRatio:"16:9",borderRadius:"lg",shadow:!1,showPoster:!1,playbackOptions:["autoplay","muted"],visibleControls:["play_button","volume","progress_bar","fullscreen"],pipMode:"off",disableLazyLoading:!0,playButtonLabel:"Class Trailer",dropdownStartedAt:0,playIconPosition:"center"}),Q=P(()=>({_uid:"wvp-static-test",component:"WebinarVideoPlayer",player_mode:"static",static_video_url:U,static_video_thumbnail:{filename:T,alt:"Webinar thumbnail"},player_template:d.value.template,aspect_ratio:d.value.aspectRatio,border_radius:d.value.borderRadius,show_shadow:d.value.shadow,...d.value.showPoster?{poster:{filename:T,alt:"Poster"}}:{},playback_options:d.value.playbackOptions,visible_controls:d.value.visibleControls,pip_mode:d.value.pipMode,disable_lazy_loading:d.value.disableLazyLoading,play_button_label:d.value.playButtonLabel,...d.value.dropdownStartedAt?{dropdown_started_at:d.value.dropdownStartedAt}:{},play_icon_position:d.value.playIconPosition})),_=w({start_time:3,end_time:14,cta_text:"",cta_theme:"dark"}),X=P(()=>({_uid:"wvp-loop-test",component:"WebinarVideoPlayer",player_mode:"static",static_video_url:Ml,static_video_thumbnail:{filename:T,alt:"Loop preview thumbnail"},aspect_ratio:"16:9",border_radius:"lg",playback_options:["autoplay","muted"],visible_controls:["play_button","volume","progress_bar","fullscreen"],disable_lazy_loading:!0,loop_preview:{..._.value}})),Z=P(()=>({_uid:"wvp-live-attendee-test",component:"WebinarVideoPlayer",player_mode:"live",dropdown_started_at:30,bypass_timeliness:!0,disable_lazy_loading:!0})),Y=w("68b94fc2b11ec324f448e811"),O=w(30),ee=P(()=>({_uid:"vturb-test",component:"VTurbVideoPlayer",video_id:Y.value,...O.value?{dropdown_started_at:O.value}:{}})),W=w(30),F=w("center"),oe=P(()=>({_uid:"tabbed-test",component:"TabbedVideos",global_dropdown_trigger_at:W.value||void 0,play_icon_position:F.value,videos:[{_uid:"tab-1",component:"TabbedVideoItem",label:"Introduction",duration:"3:24",video_mp4_url:U,dropdown_trigger_at:10},{_uid:"tab-2",component:"TabbedVideoItem",label:"Deep Dive",duration:"7:11",video_mp4_url:U},{_uid:"tab-3",component:"TabbedVideoItem",label:"Wrap-Up",duration:"1:55",video_mp4_url:U}]})),s=w({embedUrl:H,aspectRatio:"16:9",borderRadius:"lg",shadow:!1,playbackOptions:[],disableLazyLoading:!0,showControls:!0,showFullscreen:!0,showCaptions:!1,color:"red",startTime:0,endTime:0,disableKeyboard:!1,playIconPosition:"center"}),le=P(()=>{const L=s.value.embedUrl.trim()||H;return{_uid:"yt-test",component:"YouTube",embed_url:L.startsWith("http")?L:H,title:"Vishen â sample keynote (YouTube)",caption:"Matches mindvalley.com/vishen/speaking embed (K5EvuRYOQ2Y)",aspect_ratio:s.value.aspectRatio,border_radius:s.value.borderRadius,show_shadow:s.value.shadow,playback_o
1ptions:s.value.playbackOptions,disable_lazy_loading:s.value.disableLazyLoading,show_controls:s.value.showControls,show_fullscreen:s.value.showFullscreen,show_captions:s.value.showCaptions,color:s.value.color,...s.value.startTime>0?{start_time:s.value.startTime}:{},...s.value.endTime>0?{end_time:s.value.endTime}:{},disable_keyboard:s.value.disableKeyboard,play_icon_position:s.value.playIconPosition}});return(L,o)=>{const h=pe("StoryblokComponent");return D.value?(p(),n(u,{key:1},[o[125]||(o[125]=e("a",{href:"#main-content",class:"sr-only focus:not-sr-only focus:absolute focus:top-4 focus:left-4 focus:z-50 bg-purple-600 text-white button-text-small px-4 py-2 rounded-lg"}," Skip to main content ",-1)),e("div",ge,[o[124]||(o[124]=V('<header class="bg-cool-grey-700 text-white" data-v-05d840d8><div class="max-w-5xl mx-auto px-6 py-10" data-v-05d840d8><p class="overline-text text-purple-400 mb-2" data-v-05d840d8>Dev Tools</p><h1 class="title-bold-3 mb-2" data-v-05d840d8>Video Components Playground</h1><p class="body-large text-cool-grey-300" data-v-05d840d8>Interactive testing for video Storyblok components.</p></div></header>',1)),e("nav",me,[e("div",xe,[e("ul",fe,[(p(),n(u,null,b(ae,l=>e("li",{key:l.id},[e("a",{href:`#${l.id}`,class:"block px-4 py-3 title-bold-7 text-cool-grey-500 border-b-2 border-transparent hover:text-cool-grey-700 hover:border-purple-400 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-purple-500"},i(l.label),9,we)])),64))])])]),e("main",he,[e("section",ke,[o[53]||(o[53]=V('<div class="h-1 bg-purple-500" aria-hidden="true" data-v-05d840d8></div><div class="px-6 pt-5 pb-4 border-b border-cool-grey-100 flex items-start gap-4" data-v-05d840d8><div class="w-9 h-9 rounded-lg bg-purple-100 flex items-center justify-center flex-shrink-0 mt-0.5" aria-hidden="true" data-v-05d840d8><svg class="w-5 h-5 text-purple-600" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" data-v-05d840d8><path stroke-linecap="round" stroke-linejoin="round" d="M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z" data-v-05d840d8></path><path stroke-linecap="round" stroke-linejoin="round" d="M21 12a9 9 0 11-18 0 9 9 0 0118 0z" data-v-05d840d8></path></svg></div><div data-v-05d840d8><h2 id="section-video-player" class="title-bold-6 text-cool-grey-700 scroll-mt-20" data-v-05d840d8> VideoPlayer </h2><p class="body-small text-cool-grey-400 mt-0.5" data-v-05d840d8>MP4 video with playback controls, PiP, lazy loading, and poster support</p></div></div>',2)),e("div",_e,[e("div",Ve,[e("div",null,[o[45]||(o[45]=e("p",{class:"overline-text text-cool-grey-400 mb-3"},"Styling",-1)),e("div",Pe,[e("label",Ce,[o[41]||(o[41]=e("span",null,"Aspect ratio",-1)),a(e("select",{"onUpdate:modelValue":o[1]||(o[1]=l=>r.value.aspectRatio=l),class:t(g)},[(p(),n(u,null,b(A,l=>e("option",{key:l,value:l},i(l),9,Me)),64))],512),[[y,r.value.aspectRatio]])]),e("label",Le,[o[42]||(o[42]=e("span",null,"Border radius",-1)),a(e("select",{"onUpdate:modelValue":o[2]||(o[2]=l=>r.value.borderRadius=l),class:t(g)},[(p(),n(u,null,b(E,l=>e("option",{key:l,value:l},i(l),9,Se)),64))],512),[[y,r.value.borderRadius]])]),e("label",Ue,[o[43]||(o[43]=e("span",null,"Play icon position",-1)),a(e("select",{"onUpdate:modelValue":o[3]||(o[3]=l=>r.value.playIconPosition=l),class:t(g)},[(p(),n(u,null,b(z,l=>e("option",{key:l,value:l},i(l),9,Be)),64))],512),[[y,r.value.playIconPosition]])]),e("label",Te,[a(e("input",{"onUpdate:modelValue":o[4]||(o[4]=l=>r.value.shadow=l),type:"checkbox",class:t(c)},null,512),[[x,r.value.shadow]]),o[44]||(o[44]=v(" Shadow ",-1))])])]),e("div",null,[o[48]||(o[48]=e("p",{class:"overline-text text-cool-grey-400 mb-3"},"Playback",-1)),e("div",Ie,[(p(),n(u,null,b(N,l=>e("label",{key:l,class:"flex items-center gap-2 body-small text-cool-grey-600"},[e("input",{type:"checkbox",class:t(c),checked:r.value.playbackOptions.includes(l),onChange:j=>r.value.playbackOptions=B(r.value.playbackOptions,l)},null,40,Re),v(" "+i(l),1)])),64)),e("label",ze,[o[46]||(o[46]=e("span",null,"PiP mode",-1)),a(e("select",{"onUpdate:modelValue":o[5]||(o[5]=l=>r.value.pipMode=l),class:t(g)},[(p(),n(u,null,b(K,l=>e("option",{key:l,value:l},i(l),9,Oe)),64))],512),[[y,r.value.pipMode]])]),e("label",je,[a(e("input",{"onUpdate:modelValue":o[6]||(o[6]=l=>r.value.disableLazyLoading=l),type:"checkbox",class:t(c)},null,512),[[x,r.value.disableLazyLoading]]),o[47]||(o[47]=v(" Disable lazy loading ",-1))])])]),e("div",null,[o[50]||(o[50]=e("p",{class:"overline-text text-cool-grey-400 mb-3"},"Visible controls",-1)),e("div",De,[(p(),n(u,null,b($,l=>e("label",{key:l,class:"flex items-center gap-2 body-small text-cool-grey-600"},[e("input",{type:"checkbox",class:t(c),checked:r.value.visibleControls.includes(l),onChange:j=>r.value.visibleControls=B(r.value.visibleControls,l)},null,40,Ae),v(" "+i(l),1)])),64)),e("label",Ee,[a(e("input",{"onUpdate:modelValue":o[7]||(o[7]=l=>r.value.showMute=l),type:"checkbox",class:t(c)},null,512),[[x,r.value.showMute]]),o[49]||(o[49]=v(" show_mute_button overlay ",-1))])])])]),e("div",Ne,[o[51]||(o[51]=e("p",{class:"overline-text text-cool-grey-400 mb-3"},"Preview",-1)),e("div",Ye,[f(h,{blok:q.value},null,8,["blok"])])]),e("details",We,[e("summary",{class:t(C)},[...o[52]||(o[52]=[e("span",null,"Blok payload",-1),e("svg",{class:"w-4 h-4 ml-auto details-chevron",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2","aria-hidden":"true"},[e("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M19 9l-7 7-7-7"})],-1)])]),e("pre",{class:t(M)},i(JSON.stringify(q.value,null,2)),1)])])]),e("section",Fe,[o[56]||(o[56]=V('<div class="h-1 bg-purple-400" aria-hidden="true" data-v-05d840d8></div><div class="px-6 pt-5 pb-4 border-b border-cool-grey-100 flex items-start gap-4" data-v-05d840d8><div class="w-9 h-9 rounded-lg bg-purple-100 flex items-center justify-center flex-shrink-0 mt-0.5" aria-hidden="true" data-v-05d840d8><svg class="w-5 h-5 text-purple-600" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" data-v-05d840d8><path stroke-linecap="round" stroke-linejoin="round" d="M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z" data-v-05d840d8></path></svg></div><div data-v-05d840d8>
1<h2 id="section-video-player-poster" class="title-bold-6 text-cool-grey-700 scroll-mt-20" data-v-05d840d8> VideoPlayer <span class="body-small text-purple-500 font-normal ml-2" data-v-05d840d8>poster demo</span></h2><p class="body-small text-cool-grey-400 mt-0.5" data-v-05d840d8>Poster image enabled, autoplay and muted off â click to play</p></div></div>',2)),e("div",Je,[e("div",He,[o[54]||(o[54]=e("p",{class:"overline-text text-cool-grey-400 mb-3"},"Preview",-1)),e("div",Ke,[f(h,{blok:G.value},null,8,["blok"])])]),e("details",$e,[e("summary",{class:t(C)},[...o[55]||(o[55]=[e("span",null,"Blok payload",-1),e("svg",{class:"w-4 h-4 ml-auto details-chevron",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2","aria-hidden":"true"},[e("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M19 9l-7 7-7-7"})],-1)])]),e("pre",{class:t(M)},i(JSON.stringify(G.value,null,2)),1)])])]),e("section",qe,[o[72]||(o[72]=V('<div class="h-1 bg-teal-500" aria-hidden="true" data-v-05d840d8></div><div class="px-6 pt-5 pb-4 border-b border-cool-grey-100 flex items-start gap-4" data-v-05d840d8><div class="w-9 h-9 rounded-lg bg-teal-100 flex items-center justify-center flex-shrink-0 mt-0.5" aria-hidden="true" data-v-05d840d8><svg class="w-5 h-5 text-teal-600" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" data-v-05d840d8><path stroke-linecap="round" stroke-linejoin="round" d="M15 10l4.553-2.069A1 1 0 0121 8.87v6.263a1 1 0 01-1.447.894L15 14M5 18h8a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v8a2 2 0 002 2z" data-v-05d840d8></path></svg></div><div data-v-05d840d8><h2 id="section-webinar-static" class="title-bold-6 text-cool-grey-700 scroll-mt-20" data-v-05d840d8> WebinarVideoPlayer <span class="body-small text-teal-600 font-normal ml-2" data-v-05d840d8>static mode</span></h2><p class="body-small text-cool-grey-400 mt-0.5" data-v-05d840d8>Loop preview, popup config, dropdown triggers, and webinar-specific play button label</p></div></div>',2)),e("div",Ge,[e("div",Qe,[e("div",null,[o[63]||(o[63]=e("p",{class:"overline-text text-cool-grey-400 mb-3"},"Styling",-1)),e("div",Xe,[e("label",Ze,[o[58]||(o[58]=e("span",null,"Template",-1)),a(e("select",{"onUpdate:modelValue":o[8]||(o[8]=l=>d.value.template=l),class:t(g)},[...o[57]||(o[57]=[e("option",{value:"default"},"default",-1),e("option",{value:"2022"},"2022",-1),e("option",{value:"2023"},"2023",-1)])],512),[[y,d.value.template]])]),e("label",eo,[o[59]||(o[59]=e("span",null,"Aspect ratio",-1)),a(e("select",{"onUpdate:modelValue":o[9]||(o[9]=l=>d.value.aspectRatio=l),class:t(g)},[(p(),n(u,null,b(A,l=>e("option",{key:l,value:l},i(l),9,oo)),64))],512),[[y,d.value.aspectRatio]])]),e("label",lo,[o[60]||(o[60]=e("span",null,"Border radius",-1)),a(e("select",{"onUpdate:modelValue":o[10]||(o[10]=l=>d.value.borderRadius=l),class:t(g)},[(p(),n(u,null,b(E,l=>e("option",{key:l,value:l},i(l),9,to)),64))],512),[[y,d.value.borderRadius]])]),e("label",so,[o[61]||(o[61]=e("span",null,"Play icon position",-1)),a(e("select",{"onUpdate:modelValue":o[11]||(o[11]=l=>d.value.playIconPosition=l),class:t(g)},[(p(),n(u,null,b(z,l=>e("option",{key:l,value:l},i(l),9,ao)),64))],512),[[y,d.value.playIconPosition]])]),e("label",ro,[a(e("input",{"onUpdate:modelValue":o[12]||(o[12]=l=>d.value.shadow=l),type:"checkbox",class:t(c)},null,512),[[x,d.value.shadow]]),o[62]||(o[62]=v(" Shadow ",-1))])])]),e("div",null,[o[66]||(o[66]=e("p",{class:"overline-text text-cool-grey-400 mb-3"},"Playback",-1)),e("div",io,[(p(),n(u,null,b(N,l=>e("label",{key:l,class:"flex items-center gap-2 body-small text-cool-grey-600"},[e("input",{type:"checkbox",class:t(c),checked:d.value.playbackOptions.includes(l),onChange:j=>d.value.playbackOptions=B(d.value.playbackOptions,l)},null,40,no),v(" "+i(l),1)])),64)),e("label",po,[o[64]||(o[64]=e("span",null,"PiP mode",-1)),a(e("select",{"onUpdate:modelValue":o[13]||(o[13]=l=>d.value.pipMode=l),class:t(g)},[(p(),n(u,null,b(K,l=>e("option",{key:l,value:l},i(l),9,uo)),64))],512),[[y,d.value.pipMode]])]),e("label",bo,[a(e("input",{"onUpdate:modelValue":o[14]||(o[14]=l=>d.value.disableLazyLoading=l),type:"checkbox",class:t(c)},null,512),[[x,d.value.disableLazyLoading]]),o[65]||(o[65]=v(" Disable lazy loading ",-1))])])]),e("div",null,[o[67]||(o[67]=e("p",{class:"overline-text text-cool-grey-400 mb-3"},"Visible controls",-1)),e("div",vo,[(p(),n(u,null,b($,l=>e("label",{key:l,class:"flex items-center gap-2 body-small text-cool-grey-600"},[e("input",{type:"checkbox",class:t(c),checked:d.value.visibleControls.includes(l),onChange:j=>d.value.visibleControls=B(d.value.visibleControls,l)},null,40,co),v(" "+i(l),1)])),64))])]),e("div",null,[o[69]||(o[69]=e("p",{class:"overline-text text-cool-grey-400 mb-3"},"Webinar-specific",-1)),e("div",yo,[e("label",go,[o[68]||(o[68]=e("span",null,"play_button_label",-1)),a(e("input",{"onUpdate:modelValue":o[15]||(o[15]=l=>d.value.playButtonLabel=l),type:"text",class:t([k,"w-40"])},null,2),[[m,d.value.playButtonLabel]])])])])]),e("div",mo,[o[70]||(o[70]=e("p",{class:"overline-text text-cool-grey-400 mb-3"},"Preview",-1)),e("div",xo,[f(h,{blok:Q.value},null,8,["blok"])])]),e("details",fo,[e("summary",{class:t(C)},[...o[71]||(o[71]=[e("span",null,"Blok payload",-1),e("svg",{class:"w-4 h-4 ml-auto details-chevron",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2","aria-hidden":"true"},[e("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M19 9l-7 7-7-7"})],-1)])]),e("pre",{class:t(M)},i(JSON.stringify(Q.value,null,2)),1)])])]),e("section",wo,[o[81]||(o[81]=V('<div class="h-1 bg-teal-400" aria-hidden="true" data-v-05d840d8></div><div class="px-6 pt-5 pb-4 border-b border-cool-grey-100 flex items-start gap-4" data-v-05d840d8><div class="w-9 h-9 rounded-lg bg-teal-100 flex items-center justify-center flex-shrink-0 mt-0.5" aria-hidden="true" data-v-05d840d8><svg class="w-5 h-5 text-teal-700" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" data-v-05d840d8><path stroke-linecap="round" stroke-linejoin="round" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15" data-v-05d840d8></path></svg></div><div data-v-05d840d8><h2 id="section-webinar-loop" class="title-bold-6 text-cool-grey-700 scroll-mt-20" data-v-05d840d8> WebinarVideoPlayer <span class="body-small text-teal-700 font-normal ml-2" data-v-05d840d8>loop preview</span></h2><p class="body-small text-cool-grey-400 mt-0.5" data-v-05d840d8> Static player with <code class="text-cool-grey-600" data-v-05d840d8>loop_preview</code> always on â CTA overlay and A-B segment (see blok payload) </p></div></div>',2)),e("div",ho,[e("div",ko,[e("div",null,[o[78]||(o[78]=e("p",{class:"overline-text text-cool-grey-400 mb-3"},"Loop preview",-1)),e("div",_o,[e("label",Vo,[o[73]||(o[73]=e("span",null,"start_time (s)",-1)),a(e("input",{"onUpdate:modelValue":o[16]||(o[16]=l=>_.value.start_time=l),type:"number",min:"0",class:t([k,"w-20"])},null,2),[[m,_.value.start_time,void 0,{number:!0}]])]),e("label",Po,[o[74]||(o[74]=e("span",null,"end_time (s)",-1)),a(e("input",{"onUpdate:modelValue":o[17]||(o[17]=l=>_.value.end_time=l),type:"number",min:"0",class:t([k,"w-20"])},null,2),[[m,_.value.end_time,void 0,{number:!0}]])]),e("label",Co,[o[75]||(o[75]=e("span",null,"cta_text",-1)),a(e("input",{"onUpdate:modelValue":o[18]||(o[18]=l=>_.value.cta_text=l),type:"text",class:t([k,"w-36"])},null,2),[[m,_.value.cta_text]])]),e("label",Mo,[o[77]||(o[77]=e("span",null,"cta_theme",-1)),a(e("select",{"onUpdate:modelValue":o[19]||(o[19]=l=>_.value.cta_theme=l),class:t(g)},[...o[76]||(o[76]=[e("option",{value:"dark"},"dark",-1),e("option",{value:"light"},"light",-1)])],512),[[y,_.value.cta_theme]])])])])]),e("div",Lo,[o[79]||(o[79]=e("p",{class:"overline-text text-cool-grey-400 mb-3"},"Preview",-1)),e("div",So,[f(h,{blok:X.value},null,8,["blok"])])]),e("details",Uo,[e("summary",{class:t(C)},[...o[80]||(o[80]=[e("span",null,"Blok payload",-1),e("svg",{class:"w-4 h-4 ml-auto details-chevron",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2","aria-hidden":"true"},[e("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M19 9l-7 7-7-7"})],-1)])]),e("pre",{class:t(M)}
1,i(JSON.stringify(X.value,null,2)),1)])])]),e("section",Bo,[o[86]||(o[86]=V('<div class="h-1 bg-teal-600" aria-hidden="true" data-v-05d840d8></div><div class="px-6 pt-5 pb-4 border-b border-cool-grey-100 flex items-start gap-4" data-v-05d840d8><div class="w-9 h-9 rounded-lg bg-teal-100 flex items-center justify-center flex-shrink-0 mt-0.5" aria-hidden="true" data-v-05d840d8><svg class="w-5 h-5 text-teal-600" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" data-v-05d840d8><path stroke-linecap="round" stroke-linejoin="round" d="M5.636 18.364a9 9 0 010-12.728m12.728 0a9 9 0 010 12.728M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" data-v-05d840d8></path></svg></div><div data-v-05d840d8><h2 id="section-webinar-live-attendee" class="title-bold-6 text-cool-grey-700 scroll-mt-20" data-v-05d840d8> WebinarVideoPlayer <span class="body-small text-teal-600 font-normal ml-2" data-v-05d840d8>live + attendee</span></h2><p class="body-small text-cool-grey-400 mt-0.5" data-v-05d840d8> Live stream with attendee session and dropdown at 30s. Append <code class="text-cool-grey-600" data-v-05d840d8>?a=8f007540-8619-4e4c-8342-ec238f69df92</code> to the URL to activate. </p></div></div>',2)),e("div",To,[e("div",Io,[o[82]||(o[82]=e("p",{class:"overline-text text-cool-grey-400 mb-3"},"Preview",-1)),e("div",Ro,[f(h,{blok:Z.value},null,8,["blok"])])]),f(J,{"dropdown-id":"webinar-offer",inline:!0,persistent:!0,"aria-label":"Special offer"},{preview:S(()=>[...o[83]||(o[83]=[e("div",{class:"rounded-lg border border-cool-grey-200 bg-cool-grey-50 p-4"},[e("p",{class:"body-small text-cool-grey-400"}," Dropdown offer panel â will appear after 30 seconds of playback ")],-1)])]),default:S(()=>[o[84]||(o[84]=e("div",{class:"rounded-lg overflow-hidden bg-yellow-50 border-l-4 border-yellow-500 p-6 space-y-3"},[e("p",{class:"body-bold text-cool-grey-700"}," Please do not close this page as the special offer is only available here "),e("p",{class:"body text-cool-grey-600"}," As a reward for watching this masterclass, you've unlocked a special lifetime discount on full access to Superbrain + Mindvalley's life transformation platform. ")],-1))]),_:1}),e("details",zo,[e("summary",{class:t(C)},[...o[85]||(o[85]=[e("span",null,"Blok payload",-1),e("svg",{class:"w-4 h-4 ml-auto details-chevron",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2","aria-hidden":"true"},[e("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M19 9l-7 7-7-7"})],-1)])]),e("pre",{class:t(M)},i(JSON.stringify(Z.value,null,2)),1)])])]),e("section",Oo,[o[94]||(o[94]=V('<div class="h-1 bg-orange-500" aria-hidden="true" data-v-05d840d8></div><div class="px-6 pt-5 pb-4 border-b border-cool-grey-100 flex items-start gap-4" data-v-05d840d8><div class="w-9 h-9 rounded-lg bg-orange-100 flex items-center justify-center flex-shrink-0 mt-0.5" aria-hidden="true" data-v-05d840d8><svg class="w-5 h-5 text-orange-600" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" data-v-05d840d8><path stroke-linecap="round" stroke-linejoin="round" d="M13 10V3L4 14h7v7l9-11h-7z" data-v-05d840d8></path></svg></div><div data-v-05d840d8><h2 id="section-vturb" class="title-bold-6 text-cool-grey-700 scroll-mt-20" data-v-05d840d8>VTurbVideoPlayer</h2><p class="body-small text-cool-grey-400 mt-0.5" data-v-05d840d8>VSL-optimised video with dropdown trigger and VTurb video ID configuration</p></div></div>',2)),e("div",jo,[e("div",Do,[o[89]||(o[89]=e("p",{class:"overline-text text-cool-grey-400 mb-3"},"Settings",-1)),e("div",Ao,[e("label",Eo,[o[87]||(o[87]=e("span",null,"Video ID",-1)),a(e("input",{"onUpdate:modelValue":o[20]||(o[20]=l=>Y.value=l),type:"text",placeholder:"VTurb video ID",class:t([k,"w-48"])},null,2),[[m,Y.value]])]),e("label",No,[o[88]||(o[88]=e("span",null,"dropdown_started_at (s, 0 = off)",-1)),a(e("input",{"onUpdate:modelValue":o[21]||(o[21]=l=>O.value=l),type:"number",min:"0",placeholder:"0",class:t([k,"w-24"])},null,2),[[m,O.value,void 0,{number:!0}]])])])]),e("div",Yo,[o[90]||(o[90]=e("p",{class:"overline-text text-cool-grey-400 mb-3"},"Preview",-1)),e("div",Wo,[f(h,{blok:ee.value},null,8,["blok"])])]),f(J,{"dropdown-id":"vturb-offer",inline:!0,persistent:!0,"aria-label":"Special offer"},{preview:S(()=>[...o[91]||(o[91]=[e("div",{class:"rounded-lg border border-cool-grey-200 bg-cool-grey-50 p-4"},[e("p",{class:"body-small text-cool-grey-400"}," Dropdown offer panel â will appear based on dropdown_started_at setting ")],-1)])]),default:S(()=>[o[92]||(o[92]=e("div",{class:"rounded-lg overflow-hidden bg-yellow-50 border-l-4 border-yellow-500 p-6 space-y-3"},[e("p",{class:"body-bold text-cool-grey-700"}," Please do not close this page as the special offer is only available here "),e("p",{class:"body text-cool-grey-600"}," As a reward for watching this masterclass, you've unlocked a special lifetime discount on full access to Superbrain + Mindvalley's life transformation platform. ")],-1))]),_:1}),e("details",Fo,[e("summary",{class:t(C)},[...o[93]||(o[93]=[e("span",null,"Blok payload",-1),e("svg",{class:"w-4 h-4 ml-auto details-chevron",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2","aria-hidden":"true"},[e("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M19 9l-7 7-7-7"})],-1)])]),e("pre",{class:t(M)},i(JSON.stringify(ee.value,null,2)),1)])])]),e("section",Jo,[o[102]||(o[102]=V('<div class="h-1 bg-yellow-500" aria-hidden="true" data-v-05d840d8></div><div class="px-6 pt-5 pb-4 border-b border-cool-grey-100 flex items-start gap-4" data-v-05d840d8><div class="w-9 h-9 rounded-lg bg-yellow-100 flex items-center justify-center flex-shrink-0 mt-0.5" aria-hidden="true" data-v-05d840d8><svg class="w-5 h-5 text-yellow-700" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" data-v-05d840d8><path stroke-linecap="round" stroke-linejoin="round" d="M4 6h16M4 12h16M4 18h7" data-v-05d840d8></path></svg></div><div data-v-05d840d8><h2 id="section-tabbed" class="title-bold-6 text-cool-grey-700 scroll-mt-20" data-v-05d840d8>TabbedVideos</h2><p class="body-small text-cool-grey-400 mt-0.5" data-v-05d840d8>Multi-tab video player with per-tab duration labels and a global dropdown trigger</p></div></div>',2)),e("div",Ho,[e("div",Ko,[o[97]||(o[97]=e("p",{class:"overline-text text-cool-grey-400 mb-3"},"Settings",-1)),e("div",$o,[e("label",qo,[o[95]||(o[95]=e("span",null,"global_dropdown_trigger_at (s, 0 = off)",-1)),a(e("input",{"onUpdate:modelValue":o[22]||(o[22]=l=>W.value=l),type:"number",min:"0",placeholder:"0",class:t([k,"w-24"])},null,2),[[m,W.value,void 0,{number:!0}]])]),e("label",Go,[o[96]||(o[96]=e("span",null,"Play icon position",-1)),a(e("select",{"onUpdate:modelValue":o[23]||(o[23]=l=>F.value=l),class:t(g)},[(p(),n(u,null,b(z,l=>e("option",{key:l,value:l},i(l),9,Qo)),64))],512),[[y,F.value]])])])]),e("div",Xo,[o[98]||(o[98]=e("p",{class:"overline-text text-cool-grey-400 mb-3"},"Preview",-1)),e("div",Zo,[f(h,{blok:oe.value},null,8,["blok"])])]),f(J,{"dropdown-id":"tabbed-offer",inline:!0,persistent:!0,"aria-label":"Special offer"},{preview:S(()=>[...o[99]||(o[99]=[e("div",{class:"rounded-lg border border-cool-grey-200 bg-cool-grey-50 p-4"},[e("p",{class:"body-small text-cool-grey-400"}," Dropdown offer panel â will appear based on global_dropdown_trigger_at or per-tab dropdown_trigger_at ")],-1)])]),default:S(()=>[o[100]||(o[100]=e("div",{class:"rounded-lg overflow-hidden bg-yellow-50 border-l-4 border-yellow-500 p-6 space-y-3"},[e("p",{class:"body-bold text-cool-grey-700"}," Please do not close this page as the special offer is only available here "),e("p",{class:"body text-cool-grey-600"}," As a reward for watching this masterclass, you've unlocked a special lifetime discount on full access to Superbrain + Mindvalley's life transformation platform. ")],-1))]),_:1}),e("details",el,[e("summary",{class:t(C)},[...o[101]||(o[101]=[e("span",null,"Blok payload",-1),e("svg",{class:"w-4 h-4 ml-auto details-chevron",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2","aria-hidden":"true"},[e("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M19 9l-7 7-7-7"})],-1)])]),e("pre",{class:t(M)},i(JSON.stringify(oe.value,null,2)),1)])])]),e("section",ol,[o[123]||(o[123]=V('<div class="h-1 bg-red-500" aria-hidden="true" data-v-05d840d8></div><div class="px-6 pt-5 pb-4 border-b border-cool-grey-100 flex items-start gap-4" data-v-05d840d8><div class="w-9 h-9 rounded-lg bg-red-500 flex items-center justify-center flex-shrink-0 mt-0.5" aria-hidden="true" data-v-05d840d8><svg class="w-5 h-5 text-white" fill="currentColor" viewBox="0 0 24 24" data-v-05d840d8><path d="M21.8 8s-.2-1.4-.8-2c-.76-.8-1.61-.82-2-.86C16.8 5 12 5 12 5s-4.8 0-7 .14c-.39.04-1.24.06-2 .86C2.4 6.6 2.2 8 2.2 8S2 9.6 2 11.2v1.6C2 14.4 2.2 16 2.2 16s.2 1.4.8 2c.76.8 1.77.82 2.2.86C6.8 19 12 19 12 19s4.8 0 7-.14c.39-.04 1.24
1-.06 2-.86.6-.6.8-2 .8-2S22 14.4 22 12.8v-1.6C22 9.6 21.8 8 21.8 8zM10 15V9l5.2 3L10 15z" data-v-05d840d8></path></svg></div><div data-v-05d840d8><h2 id="section-youtube" class="title-bold-6 text-cool-grey-700 scroll-mt-20" data-v-05d840d8>YouTube</h2><p class="body-small text-cool-grey-400 mt-0.5" data-v-05d840d8>YouTube iframe embed with VideoPlayer-style layout tokens and IFrame player parameters</p></div></div>',2)),e("div",ll,[e("div",tl,[e("div",null,[o[103]||(o[103]=e("p",{class:"overline-text text-red-500 mb-3"},"Embed",-1)),o[104]||(o[104]=e("label",{class:"body-small-bold text-cool-grey-700 block mb-1.5"},"Embed URL",-1)),a(e("input",{"onUpdate:modelValue":o[24]||(o[24]=l=>s.value.embedUrl=l),type:"url",class:t([k,"w-full max-w-2xl"])},null,2),[[m,s.value.embedUrl]])]),e("div",null,[o[109]||(o[109]=e("p",{class:"overline-text text-cool-grey-400 mb-3"},"Styling",-1)),e("div",sl,[e("label",al,[o[105]||(o[105]=e("span",null,"Aspect ratio",-1)),a(e("select",{"onUpdate:modelValue":o[25]||(o[25]=l=>s.value.aspectRatio=l),class:t(g)},[(p(),n(u,null,b(A,l=>e("option",{key:l,value:l},i(l),9,dl)),64))],512),[[y,s.value.aspectRatio]])]),e("label",rl,[o[106]||(o[106]=e("span",null,"Border radius",-1)),a(e("select",{"onUpdate:modelValue":o[26]||(o[26]=l=>s.value.borderRadius=l),class:t(g)},[(p(),n(u,null,b(E,l=>e("option",{key:l,value:l},i(l),9,il)),64))],512),[[y,s.value.borderRadius]])]),e("label",nl,[o[107]||(o[107]=e("span",null,"Play icon position",-1)),a(e("select",{"onUpdate:modelValue":o[27]||(o[27]=l=>s.value.playIconPosition=l),class:t(g)},[(p(),n(u,null,b(z,l=>e("option",{key:l,value:l},i(l),9,pl)),64))],512),[[y,s.value.playIconPosition]])]),e("label",ul,[a(e("input",{"onUpdate:modelValue":o[28]||(o[28]=l=>s.value.shadow=l),type:"checkbox",class:t(c)},null,512),[[x,s.value.shadow]]),o[108]||(o[108]=v(" Shadow ",-1))])])]),e("div",null,[o[111]||(o[111]=e("p",{class:"overline-text text-cool-grey-400 mb-3"},"Playback",-1)),e("div",bl,[(p(),n(u,null,b(N,l=>e("label",{key:`yt-${l}`,class:"flex items-center gap-2 body-small text-cool-grey-600"},[e("input",{type:"checkbox",class:t(c),checked:s.value.playbackOptions.includes(l),onChange:j=>s.value.playbackOptions=B(s.value.playbackOptions,l)},null,40,vl),v(" "+i(l),1)])),64)),e("label",cl,[a(e("input",{"onUpdate:modelValue":o[29]||(o[29]=l=>s.value.disableLazyLoading=l),type:"checkbox",class:t(c)},null,512),[[x,s.value.disableLazyLoading]]),o[110]||(o[110]=v(" Disable lazy loading ",-1))])])]),e("div",null,[o[120]||(o[120]=e("p",{class:"overline-text text-cool-grey-400 mb-3"},"Player (YouTube parameters)",-1)),e("div",yl,[e("label",gl,[a(e("input",{"onUpdate:modelValue":o[30]||(o[30]=l=>s.value.showControls=l),type:"checkbox",class:t(c)},null,512),[[x,s.value.showControls]]),o[112]||(o[112]=v(" Show controls ",-1))]),e("label",ml,[a(e("input",{"onUpdate:modelValue":o[31]||(o[31]=l=>s.value.showFullscreen=l),type:"checkbox",class:t(c)},null,512),[[x,s.value.showFullscreen]]),o[113]||(o[113]=v(" Fullscreen ",-1))]),e("label",xl,[a(e("input",{"onUpdate:modelValue":o[32]||(o[32]=l=>s.value.showCaptions=l),type:"checkbox",class:t(c)},null,512),[[x,s.value.showCaptions]]),o[114]||(o[114]=v(" Captions default on ",-1))]),e("label",fl,[o[116]||(o[116]=e("span",null,"Progress color",-1)),a(e("select",{"onUpdate:modelValue":o[33]||(o[33]=l=>s.value.color=l),class:t(g)},[...o[115]||(o[115]=[e("option",{value:"red"},"red",-1),e("option",{value:"white"},"white",-1)])],512),[[y,s.value.color]])]),e("label",wl,[o[117]||(o[117]=e("span",null,"start (s)",-1)),a(e("input",{"onUpdate:modelValue":o[34]||(o[34]=l=>s.value.startTime=l),type:"number",min:"0",placeholder:"0",class:t([k,"w-20"])},null,2),[[m,s.value.startTime,void 0,{number:!0}]])]),e("label",hl,[o[118]||(o[118]=e("span",null,"end (s)",-1)),a(e("input",{"onUpdate:modelValue":o[35]||(o[35]=l=>s.value.endTime=l),type:"number",min:"0",placeholder:"0",class:t([k,"w-20"])},null,2),[[m,s.value.endTime,void 0,{number:!0}]])]),e("label",kl,[a(e("input",{"onUpdate:modelValue":o[36]||(o[36]=l=>s.value.disableKeyboard=l),type:"checkbox",class:t(c)},null,512),[[x,s.value.disableKeyboard]]),o[119]||(o[119]=v(" Disable keyboard ",-1))])])])]),e("div",_l,[o[12
11]||(o[121]=e("p",{class:"overline-text text-cool-grey-400 mb-3"},"Preview",-1)),e("div",Vl,[f(h,{blok:le.value},null,8,["blok"])])]),e("details",Pl,[e("summary",{class:t(C)},[...o[122]||(o[122]=[e("span",null,"Blok payload",-1),e("svg",{class:"w-4 h-4 ml-auto details-chevron",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2","aria-hidden":"true"},[e("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M19 9l-7 7-7-7"})],-1)])]),e("pre",{class:t(M)},i(JSON.stringify(le.value,null,2)),1)])])])])])],64)):(p(),n("div",ve,[e("div",ce,[o[39]||(o[39]=e("h1",{class:"title-5 text-cool-grey-900 mb-2"},"Video Playground",-1)),o[40]||(o[40]=e("p",{class:"body text-cool-grey-500 mb-6"},"This page is restricted. Enter the password to continue.",-1)),e("form",{onSubmit:ie(se,["prevent"])},[o[37]||(o[37]=e("label",{for:"pg-password",class:"sr-only"},"Password",-1)),a(e("input",{id:"pg-password","onUpdate:modelValue":o[0]||(o[0]=l=>I.value=l),type:"password",placeholder:"Password",autocomplete:"current-password",class:t(["w-full border border-cool-grey-300 rounded-lg px-4 py-3 body text-cool-grey-900 focus:outline-none focus:ring-2 focus:ring-purple-500 mb-3",{"border-red-400":R.value}])},null,2),[[m,I.value]]),R.value?(p(),n("p",ye,"Incorrect password. Please try again.")):ne("",!0),o[38]||(o[38]=e("button",{type:"submit",class:"w-full bg-purple-600 hover:bg-purple-700 text-white button-text-small py-3 rounded-lg transition-colors"}," Enter ",-1))],32)])]))}}}),Ol=be(Ll,[["__scopeId","data-v-05d840d8"]]);export{Ol as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.