https://www.kanopy.com/kui-assets/index-JAUkg7Rs.js

1!function(){try{var t="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{};t.SENTRY_RELEASE={id:"f2e84f41ed6c0beba456d92f07f35b71be0836fd"};var i=(new t.Error).stack;i&&(t._sentryDebugIds=t._sentryDebugIds||{},t._sentryDebugIds[i]="76d7b85b-f272-4110-9b2b-637db7f4cca0",t._sentryDebugIdIdentifier="sentry-dbid-76d7b85b-f272-4110-9b2b-637db7f4cca0")}catch(e){}}();import{V as t,n as i,J as e,r as s,N as l,d as a,bf as r,b5 as n,aQ as o,aR as c,q as _,af as p,be as d,w as u,bc as h,A as m,G as y,v as b,S as f,s as g}from"./client-ANZ33kkl.js";import{P as v,S as C,C as x}from"./SocialShareProduct-CnS-O7MQ.js";import{F as w}from"./FourThumbnails-Bod1OBnN.js";import{P as k}from"./ProductDescription-z5_VOzLN.js";import{D as $}from"./DraggableTabBar-CDepb5oF.js";import{O as S}from"./OptionsMenu-DlZAgo4G.js";import{D as z}from"./DurationView-BYTddQ0Y.js";import{E as P,T as D}from"./trash-CNDCMLlm.js";import{v as T}from"./Playlist-Bk6DxD8t.js";import{M as I}from"./MobileBlocker-BjTLuamh.js";import"./InfoSection-CyGGiIeZ.js";import"./HorizontalDraggableDiv-Cs0Z102t.js";import"./TabBar-B55Bpwxe.js";const j=i(t.extend({name:"MyListsPlaylistsPlayAction",props:{clip:{type:Object,required:!0},clip_position:{type:Number,required:!1,default:void 0},playlist_id:{type:Number,required:!0}},computed:{clip_id(){return this.clip?.itemId}},components:{PlayButton:v}}),function(){var t=this,i=t._self._c;return t._self._setupProxy,null!=t.clip_id?i("play-button",{attrs:{clip:t.clip,clip_position:t.clip_position,playlist_id:t.playlist_id,product_type:"customplaylists"}}):t._e()},[],!1,null,"3aa02dd9").exports;const E=i(t.extend({name:"DetailClip",props:{playlist_item:{type:Object,required:!0},idx:{type:Number,required:!0},clip_control_id:{type:String,required:!0}},computed:{is_owned(){const t=this.$kuistore.state.mylists.custom_playlist_current_playlist_id,i=this.$kuistore.state.mylists.custom_playlists;return null!=i?.find(i=>i.id===t)},is_selected(){return this.playlist_item.itemId===this.$kuistore.state.mylists.custom_playlist_current_clip_id},clip_product_instance(){return n(this.playlist_item.video)},clip_poster(){return this.clip_product_instance?.images.landscapes.medium??""},clip_duration(){return this.playlist_item.clipEndSeconds-this.playlist_item.clipStartSeconds},options(){return[{option:"Edit",icon:P,role:"link",close_menu:!0,on_click:this.handle_edit_item},{option:"Delete",icon:D,role:"button",close_menu:!0,selection_options:{is_destructive:!0},on_click:this.handle_delete_item}]},clip_label(){const t=r.from_seconds(this.clip_duration);return`${this.playlist_item.title}. ${t.long_duration_format()}. ${"Clip".localized()} ${this.idx+1}.`},clip_length_str(){return r.from_seconds(this.clip_duration).to_string({fill_with_0:"not_for_first",separator:"hr_min_s",show_hours:"auto",show_minutes:"always",show_seconds:"never",add_space_separator:!0})},label(){return"Clip options menu for {title}".localized({title:this.playlist_item.title})},url(){return`/mylists/customplaylists/${this.$nuxt.context.params.customplaylistid}/${this.playlist_item.itemId}`}},methods:{handle_edit_item(){l.navigate(this.$router,`/mylists/customplaylists/edit/${this.$nuxt.context.params.customplaylistid}/${this.playlist_item.itemId}`)},handle_delete_item(){const t=Number(this.$nuxt.context.params.customplaylistid),i={playlist_id:t,item_to_delete:this.playlist_item};this.$kuistore.dispatch("mylists/delete_playlist_item",i).then(()=>{this.is_selected&&l.navigate(this.$router,`/mylists/customplaylists/${t}`),a.notify("Successfully deleted!".localized()).asSuccess().push()}).catch(t=>{a.notify(t.userMessaging?.message??"An error occurred".localized()).asFailure().push()})},handle_image_click(){this.$nuxt.$emit(s.LiveRegionUpdate,{text:'Clip "{title}" selected. Clip length: {length}'.localized({title:this.playlist_item.title,length:this.clip_length_str})})}},components:{KanopyLink:e,OptionsMenu:S,DurationView:z}}),function(){var t=this,i=t._self._c;return t._self._setupProxy,i("div",[i("kanopy-link",{staticClass:"thumbnail",attrs:{"aria-label":t.clip_label,"aria-controls":t.clip_control_id,"aria-pressed":t.is_selected.toString(),to:t.url},on:{click:t.handle_image_click}},[i("div",{staticClass:"img-container",class:{bordered:t.is_selected}},[i("img",{attrs:{src:t.clip_poster,alt:t.clip_label}}),i("duration-view",{staticClass:"time-container",attrs:{duration_second:t.clip_duration}})],1)]),i("div",{staticClass:"clip-options"},[i("p",{staticClass:"clip-index"},[t._v(t._s("Clip".localized())+" "+t._s(t.idx+1))]),t.is_owned?i("options-menu",{attrs:{options:t.options,label:t.label}}):t._e()],1),i("p",{staticClass:"title"},[t._v(t._s(t.playlist_item.title))])],1)},[],!1,null,"4b3cb71c").exports;const L=i(t.extend({name:"ClipsTab",data:()=>({clip_container_width:0}),props:{playlist_items:{type:Array,required:!0},clip_control_id:{type:String,required:!0}},computed:{number_of_clips(){return"{clip_count} Clip".localized({clip_count:this.playlist_items.length},this.playlist_items.length)}},components:{DetailClip:E}}),function(){var t=this,i=t._self._c;return t._self._setupProxy,i("div",[i("h2",{staticClass:"num-clips"},[t._v(t._s(t.number_of_clips))]),i("ul",{ref:"clips_container",staticClass:"clips-container"},t._l(t.playlist_items,function(e,s){return i("li",{key:s},[i("detail-clip",{staticClass:"clip",attrs:{playlist_item:e,idx:s,clip_control_id:t.clip_control_id}})],1)}),0)])},[],!1,null,"e9d88360").exports;const N=i(t.extend({name:"ShareTab",computed:{playlist_id(){return this.$kuistore.state.mylists.custom_playlist_current_playlist_id},playlist_title(){return this.$kuistore.getters["mylists/custom_playlist_current_playlist"]?.title??""},current_clip_id(){return this.$kuistore.state.mylists.custom_playlist_current_clip_id},page_link:()=>location.href,playlist_embed_code(){const t=null==this.current_clip_id?"":`/${this.current_clip_id}`,i=`/embed/customplaylists/${this.playlist_id}${t}`;return`<iframe allow='encrypted-media;' width='640' height='390' src='${p.from_path_to_absolute_url(i,this.$route)}' frameborder='0' allowfullscreen webkitallowfullscreen mozallowfullscreen></iframe>`},product_type(){return this.$kuistore.getters["product/product_type"]},embed_product_title(){return"Embed This {product_type}".localized({product_type:_.capitalize(this.product_type)})}},methods:{send_analytics(t){const i={playlist_share_option:t};o.sendEvent(this.$nuxt.context,c.PlaylistShare,i)}},components:{CopyTextField:x,SocialShareProduct:C}}),function(){var t=this,i=t._self._c;return t._self._setupProxy,i("div",{staticClass:"share-container"},[i("div",{staticClass:"social"},[i("social-share-product",{attrs:{product_title:t.playlist_title,product_id:t.playlist_id,is_product_type:!1},on:{click:t.send_analytics}})],1),i("div",{staticClass:"share"},[i("div",{staticClass:"link-section"},[i("h2",{staticClass:"gray-text"},[t._v(t._s("Share".localized()))]),i("copy-text-field",{staticClass:"copy-text-field",attrs:{text:t.page_link,aria_label_prefix:"Share".localized(),copy_button_title:"Copy Link".localized(),copied_button_title:"Link Copied!".localized(),can_wrap:!1},on:{click:function(i){return t.send_analytics("sharelink")}}})],1),i("div",{staticClass:"link-section"},[i("h2",{staticClass:"gray-text"},[t._v(t._s(t.embed_product_title))]),i("copy-text-field",{staticClass:"copy-text-field",attrs:{aria_label_prefix:t.embed_product_title,copy_button_title:"Copy Link".localized(),text:t.playlist_embed_code,can_wrap:!1},on:{click:function(i){return t.send_analytics("embed")}}})],1)])])},[],!1,null,"21e31eb3").exports;var M=(t=>(t.Clips="Clips",t.Share="Share",t))(M||{});

1const O={Clips:{name:"Clips",id:m.instance.getId("clips"),tabpanel_id:m.instance.getId("clips-tabpanel")},Share:{name:"Share",id:m.instance.getId("share"),tabpanel_id:m.instance.getId("share-tabpanel")}};const q=i(t.extend({name:"CustomPlaylistPageContent",head(){return{title:`${this.playlist?.title??"Deleted"} | Kanopy`}},data:()=>({current_tab:"Clips",vw:window.innerWidth,body_width:0,details_id:m.instance.getId("details")}),mounted(){window.addEventListener("resize",this.on_resize),this.on_resize()},beforeDestroy(){window.removeEventListener("resize",this.on_resize)},computed:{playlist(){return this.$kuistore.getters["mylists/custom_playlist_current_playlist"]},playlist_id(){return this.playlist?.id},current_playlist_clip_index(){const t=this.$kuistore.state.mylists.custom_playlist_current_clip_id;return null==t||isNaN(t)?0:this.playlist?.items.findIndex(i=>i.itemId===t)??-1},current_playlist_clip(){return this.playlist?.items[this.current_playlist_clip_index]},next_playlist_clip(){const t=this.current_playlist_clip_index+1;return this.playlist?.items[t]},current_clip_video_destination(){return`/video/${this.current_playlist_clip?.video.video?.videoId}`},thumbnails_container_size(){if(this.is_tablet_size){const t=this.body_width;return{width:`${t}px`,height:`${t/(16/9)}px`}}{const t=.5*this.body_width;return{width:`${t}px`,height:`${t/(16/9)}px`}}},is_tablet_size(){return this.vw<=920},thumbnails(){const t=[];for(let i=0;i<4;i++){const e=this.item_at_index(i);null!=e&&t.push(e)}return t},tab_bar_menu:()=>Object.values(M),tabs:()=>Object.values(O),clips_tab_label:()=>O.Clips.id,clips_tab_id:()=>O.Clips.tabpanel_id,share_tab_label:()=>O.Share.id,share_tab_id:()=>O.Share.tabpanel_id,is_on_clips_tab(){return"Clips"===this.current_tab},is_on_share_tab(){return"Share"===this.current_tab},playlist_title(){return this.playlist?.title??""},playlist_items(){return this.playlist?.items??[]},is_empty(){return 0===(this.playlist?.items.length??0)},current_item_title(){return this.current_playlist_clip?.title??""},source_clip_title(){return this.current_playlist_clip?.video.video?.title??""},source_clip_release_year(){return this.current_playlist_clip?.video.video?.productionYear.toString()??""},current_item_notes(){return this.current_playlist_clip?.description??""},total_length(){const t=this.playlist_items.reduce((t,i)=>t+(i.clipEndSeconds-i.clipStartSeconds),0);return r.from_seconds(t).to_string({fill_with_0:"not_for_first",separator:"hr_min_s",show_hours:"auto",show_minutes:"always",show_seconds:"never",add_space_separator:!0})},clip_length(){if(null==this.current_playlist_clip)return"0min";const t=this.current_playlist_clip.clipEndSeconds-this.current_playlist_clip.clipStartSeconds;return r.from_seconds(t).to_string({fill_with_0:"not_for_first",separator:"hr_min_s",show_hours:"auto",show_minutes:"always",show_seconds:"never",add_space_separator:!0})},age_rating(){return h(this.current_playlist_clip?.video.video)},has_au_age_rating(){return"AU"===this.age_rating?.country_code}},methods:{item_at_index(t){const i=this.playlist_items[t];if(null!=i){const t=n(i.video);return{thumbnail:t?.images.landscapes.medium??"",alt:t?.title??""}}},change_tab_index(t){this.current_tab=this.tab_bar_menu[t],null!=this.current_tab&&this.$emit("current_tab",this.current_tab)},on_resize(){this.vw=window.innerWidth;const t=u.html_element(this.$refs.body);this.body_width=t?.getBoundingClientRect().width??0}},components:{MyListsPlaylistsPlayAction:j,FourThumbnails:w,DraggableTabBar:$,ClipsTab:L,ShareTab:N,ProductDescription:k,KanopyLink:e,AgeRating:d}}),function(){var t=this,i=t._self._c;return t._self._setupProxy,i("div",{staticClass:"detail-container"},[i("div",{staticClass:"body-tail-container"},[i("div",{ref:"body",staticClass:"body",attrs:{"data-clarity-mask":"true"}},[i("div",{staticClass:"details",attrs:{id:t.details_id}},[i("h1",{staticClass:"title"},[t._v(t._s(t.playlist_title))]),i("p",{staticClass:"time-info"},[t._v(t._s("Total Running Time".localized())+": "+t._s(t.total_length))]),t.is_empty||null==t.current_playlist_clip?i("p",{staticClass:"no-clips gray"},[t._v(t._s("No Clips added".localized()))]):i("my-lists-playlists-play-action",{staticClass:"play-button",attrs:{clip:t.current_playlist_clip,clip_position:t.current_playlist_clip_index+1,playlist_id:t.playlist_id}}),t.is_empty?i("p",{staticClass:"empty-description"},[t._v(" "+t._s('To add a new clip, first search for a video. The

1n, click on "Playlists" to add it to your playlist.'.localized())+" ")]):i("div",[i("h2",{staticClass:"clip-title"},[t._v(t._s(t.current_item_title))]),i("div",{staticClass:"clip-length-container"},[i("div",{staticClass:"clip-metadata"},[i("span",{staticClass:"length_info"},[t._v(t._s("Clip Length".localized())+": "+t._s(t.clip_length))]),i("span",[i("kanopy-link",{staticClass:"clip-parent-title",attrs:{title:t.source_clip_title,to:t.current_clip_video_destination}})],1),i("span",{staticClass:"length_info"},[t._v(t._s(t.source_clip_release_year))])]),null!=t.age_rating?i("age-rating",{staticClass:"rating",class:{au:t.has_au_age_rating},attrs:{age_rating:t.age_rating}}):t._e()],1),i("p",{staticClass:"gray"},[t._v(t._s("Notes".localized()))]),i("product-description",{staticClass:"description",attrs:{html_description:t.current_item_notes,cut_offset:100}})],1)],1),i("div",{staticClass:"thumbnails-container",style:t.thumbnails_container_size},[i("four-thumbnails",{attrs:{thumbnails:t.thumbnails}})],1)]),i("div",{staticClass:"tail"},[i("draggable-tab-bar",{staticClass:"tab-bar",attrs:{tabs:t.tabs,default_index:0,tab_group_label:"Clips and Share".localized()},on:{tab_selected:t.change_tab_index}}),t.is_on_clips_tab?i("clips-tab",{attrs:{id:t.clips_tab_id,playlist_items:t.playlist_items,role:"tabpanel","aria-labelledby":t.clips_tab_label,clip_control_id:t.details_id}}):t.is_on_share_tab?i("share-tab",{attrs:{id:t.share_tab_id,role:"tabpanel","aria-labelledby":t.share_tab_label}}):t._e()],1)])])},[],!1,null,"b02bc1c0").exports;const A=i(t.extend({name:"DetailsIdPage",key:t=>t.params.customplaylistid,layout:()=>y.isMobileOrTabletDevice()?"empty":"default",async middleware(t){await new f(g).guard(t)},validate:t=>T(t),scrollToTop:!1,mounted(){this.$kuistore.commit("site/set_skip_links",[{focus_id:b.Footer,text:"Skip to footer".localized()}])},beforeDestroy(){this.$kuistore.commit("site/clear_skip_links")},computed:{is_mobile:()=>y.isMobileOrTabletDevice()},components:{CustomPlaylistPageContent:q,MobileBlocker:I}}),function(){var t=this,i=t._self._c;return t._self._setupProxy,t.is_mobile?i("mobile-blocker"):i("custom-playlist-page-content")},[],!1,null,"6ad001d2").exports;export{A as default};
2//# sourceMappingURL=index-JAUkg7Rs.js.map