cloudinary-video-player 2.0.2-edge.2 → 2.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (54) hide show
  1. package/dist/chapters.js +6 -509
  2. package/dist/chapters.light.js +6 -509
  3. package/dist/chapters.light.min.js +1 -1
  4. package/dist/chapters.min.js +1 -1
  5. package/dist/cld-video-player.css +1161 -0
  6. package/dist/cld-video-player.js +120 -84
  7. package/dist/cld-video-player.light.css +1161 -0
  8. package/dist/cld-video-player.light.js +120 -84
  9. package/dist/cld-video-player.light.min.css +1 -1
  10. package/dist/cld-video-player.light.min.js +1 -1
  11. package/dist/cld-video-player.min.css +1 -1
  12. package/dist/cld-video-player.min.js +1 -1
  13. package/dist/ima.js +6 -611
  14. package/dist/ima.light.js +6 -620
  15. package/dist/ima.light.min.js +1 -1
  16. package/dist/ima.min.js +1 -1
  17. package/dist/interaction-areas.js +6 -516
  18. package/dist/interaction-areas.light.js +6 -516
  19. package/dist/interaction-areas.light.min.js +1 -1
  20. package/dist/interaction-areas.min.js +1 -1
  21. package/dist/node_modules_lodash_throttle_js.js +449 -0
  22. package/dist/node_modules_lodash_throttle_js.light.js +449 -0
  23. package/dist/playlist.js +130 -549
  24. package/dist/playlist.light.js +130 -549
  25. package/dist/playlist.light.min.js +1 -1
  26. package/dist/playlist.min.js +1 -1
  27. package/dist/recommendations-overlay.js +6 -617
  28. package/dist/recommendations-overlay.light.js +6 -617
  29. package/dist/recommendations-overlay.light.min.js +1 -1
  30. package/dist/recommendations-overlay.min.js +1 -1
  31. package/dist/shoppable.js +7 -742
  32. package/dist/shoppable.light.js +7 -742
  33. package/dist/shoppable.light.min.js +1 -1
  34. package/dist/shoppable.min.js +1 -1
  35. package/lib/all.js +1 -1
  36. package/lib/chapters.js +1 -1
  37. package/lib/cld-video-player.js +1 -1
  38. package/lib/cld-video-player.min.css +10 -1
  39. package/lib/ima.js +1 -1
  40. package/lib/interaction-areas.js +1 -1
  41. package/lib/playlist.js +1 -1
  42. package/lib/recommendations-overlay.js +1 -1
  43. package/lib/shoppable.js +1 -1
  44. package/lib/videoPlayer.js +1 -1
  45. package/lib/videoPlayerWithProfile.js +1 -1
  46. package/package.json +1 -2
  47. package/dist/473.light.min.js +0 -2
  48. package/dist/473.min.js +0 -2
  49. package/dist/node_modules_css-loader_dist_runtime_api_js-node_modules_css-loader_dist_runtime_sourceMaps_j-64c8cd.js +0 -530
  50. package/dist/node_modules_css-loader_dist_runtime_api_js-node_modules_css-loader_dist_runtime_sourceMaps_j-64c8cd.light.js +0 -530
  51. package/lib/473.js +0 -2
  52. package/lib/all.min.css +0 -12
  53. package/lib/videoPlayer.min.css +0 -12
  54. package/lib/videoPlayerWithProfile.min.css +0 -12
@@ -1,2 +1,2 @@
1
- (self.cloudinaryVideoPlayerChunkLoading=self.cloudinaryVideoPlayerChunkLoading||[]).push([[33],{7988:(t,e,n)=>{"use strict";n.d(e,{default:()=>yt});var i=n(4679),o=n.n(i),l=n(5871),s=n(1104),r=n(8033),a=n(3686),c=n.n(a);const p=[1,4,5,6,7,10,11],d=["created_at","updated_at"],A=t=>{const e={};return o()(t)?(Object.keys(t).reduce(((e,n)=>{const i=c()(n);return-1!==d.indexOf(n)?e[i]=new Date(function(t){let e=0,n=0,i=0;if(n=/^(\d{4}|[+\-]\d{6})(?:-(\d{2})(?:-(\d{2}))?)?(?:T(\d{2}):(\d{2})(?::(\d{2})(?:\.(\d{3}))?)?(?:(Z)|([+\-])(\d{2})(?::(\d{2}))?)?)?$/.exec(t)){for(let t,e=0;t=p[e];++e)n[t]=+n[t]||0;n[2]=(+n[2]||1)-1,n[3]=+n[3]||1,"Z"!==n[8]&&void 0!==n[9]&&(i=60*n[10]+n[11],"+"===n[9]&&(i=0-i)),e=Date.UTC(n[1],n[2],n[3],n[4],n[5]+i,n[6],n[7])}else e=NaN;return e}(t[n])):e[i]=A(t[n]),e}),e),e):Array.isArray(t)?t.map((t=>A(t))):t};var u=n(5381),h=n(4466),m=n.n(h),C=n(6673),g=n.n(C),v=n(5292),y=n.n(v),w=n(9893),f=n.n(w),x=n(9383),b=n.n(x),_=n(6884),E=n.n(_),I=n(9088),k=n.n(I),j=n(7997),B=n.n(j),T=n(710),S={};S.styleTagTransform=B(),S.setAttributes=E(),S.insert=b().bind(null,"head"),S.domAPI=f(),S.insertStyleElement=k();y()(T.A,S);T.A&&T.A.locals&&T.A.locals;function U(t,e,n){var i;return(e="symbol"==typeof(i=function(t,e){if("object"!=typeof t||!t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var i=n.call(t,e||"default");if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(e,"string"))?i:i+"")in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}const N=g().dom||g(),P=g().getComponent("Component"),O=g().getComponent("ClickableComponent");class L extends O{constructor(t){for(var e=arguments.length,n=new Array(e>1?e-1:0),i=1;i<e;i++)n[i-1]=arguments[i];super(t,...n),U(this,"_hide",(()=>{this.removeClass(L.VJS_UPCOMING_VIDEO_SHOW)})),U(this,"_onPlaylistItemChange",((t,e)=>{this._hide(),this._disableTransition((()=>{e.next&&this.setItem(e.next)}))})),U(this,"_show",(()=>{const t=this.player().ima,e="object"===t&&t.getAdsManager();e&&e.getCurrentAd()&&!e.getCurrentAd().isLinear()||this.addClass(L.VJS_UPCOMING_VIDEO_SHOW)})),this._setEvents(t)}_setEvents(t){t.on(s.f.UP_COMING_VIDEO_SHOW,this._show),t.on(s.f.UP_COMING_VIDEO_HIDE,this._hide),t.on(s.f.PLAYLIST_ITEM_CHANGED,this._onPlaylistItemChange)}_disableTransition(t){this.addClass(L.DISABLE_TRANSITION_CLASS),t(),this.removeClass(L.DISABLE_TRANSITION_CLASS)}setTitle(t){this.getChild("upcomingVideoOverlayContent").getChild("upcomingVideoOverlayBar").getChild("upcomingVideoOverlayTitle").setContent(t.info().title||t.publicId())}setItem(t){this._source=t;const e=parseInt(window.getComputedStyle(this.el(),null).getPropertyValue("max-width"),10),n={crop:"pad",background:"auto:predominant",width:e,height:Math.round(e*(9/16))},i=this.getChild("upcomingVideoOverlayContent");this.setTitle(t),i.el().style.backgroundImage='url("'.concat(this._source.poster().url({transformation:n}),'")')}handleClick(){super.handleClick(event),this.player().cloudinary.playlist().playNext()}createEl(){return super.createEl("div",{className:"vjs-upcoming-video"})}}U(L,"DISABLE_TRANSITION_CLASS","disable-transition"),U(L,"VJS_UPCOMING_VIDEO_SHOW","vjs-upcoming-video-show");class D extends P{createEl(){return super.createEl("div",{className:"upcoming-video-overlay aspect-ratio-content"})}}class F extends P{createEl(){return super.createEl("div",{className:"vjs-upcoming-video-bar"})}}L.prototype.options_={children:["upcomingVideoOverlayContent"]},g().registerComponent("upcomingVideoOverlay",L),D.prototype.options_={children:["upcomingVideoOverlayBar"]},g().registerComponent("upcomingVideoOverlayContent",D),F.prototype.options_={children:["upcomingVideoOverlayTitle","playlistNextButton"]},g().registerComponent("upcomingVideoOverlayBar",F),g().registerComponent("upcomingVideoOverlayTitle",class extends P{setContent(t){this._contentSpan.innerText=t}createEl(){const t=super.createEl("div",{className:"vjs-control vjs-upcoming-video-title"}),e=N.createEl("div",{className:"vjs-upcoming-video-title-display",innerHTML:'<span class="vjs-control-text">Next up</span>Next up: '});return this._contentSpan=N.createEl("span",{className:"vjs-upcoming-video-title-display-label"}),e.appendChild(this._contentSpan),t.appendChild(e),t}});const G=g().getComponent("ClickableComponent");const z=class extends G{constructor(t,e){super(t,e);const n=e.type;if(!n&&"previous"!==n&&"next"!==n)throw new Error("Type must be either 'previous' or 'next'")}createEl(){const t=this.options_.type,e="vjs-icon-".concat(t,"-item");return g().dom.createEl("button",{className:"vjs-control vjs-playlist-button vjs-button ".concat(e),ariaLabel:"Playlist ".concat(t," item")})}};class R extends z{constructor(t){super(t,{type:"next"})}handleClick(t){t.stopPropagation(),super.handleClick(t),this.player().cloudinary.playlist().playNext()}}g().registerComponent("PlaylistNextButton",R);class M extends z{constructor(t){super(t,{type:"previous"})}handleClick(t){super.handleClick(t),this.player().cloudinary.playlist().playPrevious()}}g().registerComponent("PlaylistPreviousButton",M);var V=n(999),W={};W.styleTagTransform=B(),W.setAttributes=E(),W.insert=b().bind(null,"head"),W.domAPI=f(),W.insertStyleElement=k();y()(V.A,W);V.A&&V.A.locals&&V.A.locals;const H={fluid:!1,show:!0,direction:"vertical",total:4,selector:!1,renderTo:[]};var q=n(3444),Y={};Y.styleTagTransform=B(),Y.setAttributes=E(),Y.insert=b().bind(null,"head"),Y.domAPI=f(),Y.insertStyleElement=k();y()(q.A,Y);q.A&&q.A.locals&&q.A.locals;function J(t,e,n){var i;return(e="symbol"==typeof(i=function(t,e){if("object"!=typeof t||!t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var i=n.call(t,e||"default");if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(e,"string"))?i:i+"")in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}const K=class{constructor(t){var e=this;let n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],{repeat:i=!1,autoAdvance:o=!1,presentUpcoming:l=!1}=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};J(this,"playlistByTag",(function(t){let n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return e.player().sourcesByTag(t,n).then((t=>e.player().playlist(t,n)))})),this._context=t,this._sources=[],this._defaultRecResolverCache={},this._currentIndex=null,this._recommendationsHandler=null,this._autoAdvance=null,this._presentUpcoming=null,this.addUiComponents(),this.resetState=()=>{this.repeat(i),this.autoAdvance(o),this.presentUpcoming(l)},n.forEach((t=>this.enqueue(t))),this.resetState()}list(){return this._sources}player(){return this._context.player}addUiComponents(){const t=this.player().getChild("ControlBar"),e=t.children();t.addChild("playlistPreviousButton",{},e.findIndex((t=>"PlayToggle"===t.name_))),t.addChild("playlistNextButton",{},e.findIndex((t=>"PlayToggle"===t.name_))+1),this.player().addChild("upcomingVideoOverlay")}presentUpcoming(t){if(this._presentUpcoming=this._presentUpcoming||{},void 0===t)return this._presentUpcoming.delay;if(!0===t)t=10;else if(!1===t)t=!1;else if(!m()(t)||t<0)throw new Error("presentUpcoming 'delay' must be either a boolean or a positive integer.");return this._presentUpcoming.delay=t,this._setupPresentUpcoming(),this._presentUpcoming.delay}autoAdvance(t){if(this._autoAdvance=this._autoAdvance||{},void 0===t)return this._autoAdvance.delay;if(!0===t)t=0;else if(!1===t)t=!1;else if(!m()(t)||t<0)throw new Error("Auto advance 'delay' must be either a boolean or a positive integer.");return this._autoAdvance.delay=t,this._setupAutoAdvance(),this._autoAdvance.delay}_setupAutoAdvance(){this._resetAutoAdvance();const t=this._autoAdvance.delay;if(!1===t)return;this._autoAdvance={delay:t,trigger:()=>{this.player().ended()&&(this._autoAdvance.timeout=setTimeout((()=>{this.playNext()}),1e3*t))}},this._context.on("ended",this._autoAdvance.trigger)}dispose(){this._resetAutoAdvance(),this._resetPresentUpcoming(),this._resetRecommendations()}_resetPresentUpcoming(){this.player().trigger("upcomingvideohide"),this._presentUpcoming||(this._presentUpcoming={}),this._presentUpcoming.trigger&&this._context.off("timeupdate",this._presentUpcoming.trigger),this._presentUpcoming.trigger=null,this._presentUpcoming.showTriggered=!1}_setupPresentUpcoming(){this._resetPresentUpcoming();!1!==this._presentUpcoming.delay&&(this._presentUpcoming.trigger=()=>{const t=this.player().currentTime(),e=this.player().duration()-t;e<1.5?this._presentUpcoming.showTriggered&&(this.player().trigger("upcomingvideohide"),this._presentUpcoming.showTriggered=!1):e<=this._presentUpcoming.delay&&!this._presentUpcoming.showTriggered&&!this.player().loop()?(this.player().trigger("upcomingvideoshow"),this._presentUpcoming.showTriggered=!0):this._presentUpcoming.showTriggered&&(e>this._presentUpcoming.delay||this.player().loop())&&(this.player().trigger("upcomingvideohide"),this._presentUpcoming.showTriggered=!1)},this._context.on("timeupdate",this._presentUpcoming.trigger))}_resetAutoAdvance(){this._autoAdvance||(this._autoAdvance={}),this._autoAdvance.timeout&&clearTimeout(this._autoAdvance.timeout),this._autoAdvance.trigger&&this._context.off("ended",this._autoAdvance.trigger),this._autoAdvance.timeout=null,this._autoAdvance.trigger=null}_resetRecommendations(){this._recommendationsHandler&&this._context.off("ended",this._recommendationsHandler)}_refreshRecommendations(){this._resetRecommendations(),this._recommendationsHandler=()=>{!1===this.autoAdvance()&&this._context.autoShowRecommendations()&&this.player().trigger("recommendationsshow")},this._context.on("ended",this._recommendationsHandler)}_refreshTextTracks(){this.player().trigger("refreshTextTracks",this.currentSource().textTracks())}_recommendationItemBuilder(t){const e=this._defaultRecResolverCache[t.objectId];if(!t.recommendations()||e&&t.recommendations()===e)return t=>({source:t,action:()=>this.playItem(t)})}currentIndex(t){if(void 0===t)return this._currentIndex;if(t>=this.length()||t<0)throw new Error("Invalid playlist index.");this._currentIndex=t;const e=this.currentSource(),n=this._recommendationItemBuilder(e);e.recommendations()||e.recommendations(this._defaultRecommendationsResolver(e)),this._context.source(e,{recommendationOptions:{disableAutoShow:!0,itemBuilder:n}});const i={playlist:this,current:e,next:this.next()};return this.player().trigger("playlistitemchanged",i),this._refreshRecommendations(),this._refreshTextTracks(),e}_defaultRecommendationsResolver(t){const e=this._defaultRecResolverCache[t.objectId];return e||(this._defaultRecResolverCache[t.objectId]=()=>{let e=this.list().indexOf(t);const n=[],i=Math.min(4,this.length()-1);for(;n.length<i&&(e=this.nextIndex(e),-1!==e);){const t=this.list()[e];n.push(t)}return n},this._defaultRecResolverCache[t.objectId])}buildSource(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return this._context.buildSource(t,e)}enqueue(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};const n=t instanceof u.A?t:this.buildSource(t,e);return this._sources.push(n),n}playItem(t){let e=this.list().indexOf(t);if(-1===e)throw new Error("Invalid playlist item.");this.playAtIndex(e)}playAtIndex(t){return this.currentIndex(t),this.player().play(),this.currentSource()}currentSource(){return this.list()[this.currentIndex()]}removeAt(t){if(t>=this.length()||t<0)throw new Error("Invalid playlist index.");return this._sources.splice(t,1),this}repeat(t){return void 0===t||(this._repeat=!!t),this._repeat}first(){return this.list()[0]}last(){return this.list()[this.length()-1]}next(){const t=this.nextIndex();return-1===t?null:this.list()[t]}nextIndex(t){if((t=void 0!==t?t:this.currentIndex())>=this.length()||t<0)throw new Error("Invalid playlist index.");let e=t+1;if(t===this.length()-1){if(!this.repeat())return-1;e=0}return e}previousIndex(){return this.isFirst()?-1:this.currentIndex()-1}playFirst(){return this.playAtIndex(0)}playLast(){const t=this.list().length-1;return this.playAtIndex(t)}isLast(){return this.currentIndex()>=this.length()-1}isFirst(){return 0===this.currentIndex()}length(){return this.list().length}playNext(){let t=this.nextIndex();return-1===t?null:this.playAtIndex(t)}playPrevious(){let t=this.previousIndex();return-1===t?null:this.playAtIndex(t)}},$=(t,e)=>(t.parentNode.insertBefore(e,t),e.appendChild(t),e);var Q=n(3066);const Z=g().dom||g(),X=g().getComponent("Component"),tt={wrap:!1};class et extends X{constructor(t,e){const n={...tt,...e};super(t,n),this.player_=t;const i=(t,e)=>{this.options_.fluid=e,this.removeCls(),this.setCls()},o=()=>{const t=this.el();this.videoWrap_=Z.createEl("div",{className:"cld-plw-col-player"}),this.contentEl_=this.contentEl_=Z.createEl("div",{className:"cld-plw-col-list"}),$(this.player().el(),t),t.appendChild(this.videoWrap_),t.appendChild(this.contentEl_),$(this.player().el(),this.videoWrap_)};n.wrap&&o(),t.on(s.f.FLUID,i),this.addChild(s.f.PLAYLIST_PANEL,this.options_),this.setCls(),this.dispose=()=>{this.removeLayout(),super.dispose(),t.off(s.f.FLUID,i)}}getCls(){let t=["cld-video-player","cld-plw-layout"];return t.push((0,Q.skinClassPrefix)(this.player())),t.push((0,Q.playerClassPrefix)(this.player())),this.options_.fluid&&t.push("cld-plw-layout-fluid"),t}setCls(){this.removeClass((0,Q.skinClassPrefix)(this.player())),this.getCls().forEach((t=>{this.addClass(t)}))}removeCls(){this.getCls().forEach((t=>{this.removeClass(t)}))}update(t,e){this.options(e),this.removeChild("PlaylistPanel"),this.addChild("PlaylistPanel",this.options_),this.trigger("playlistlayoutupdate")}removeLayout(){const t=this.el().parentElement;t&&t.appendChild(this.player().el())}createEl(){const t=super.createEl("div");return t.style.fontFamily=this.player().el().style.fontFamily,t}}g().registerComponent("playlistLayout",et);const nt=et;const it=class extends nt{constructor(t,e){e.wrap=!0,super(t,e)}getCls(){const t=super.getCls();return t.push("cld-plw-horizontal"),t}};const ot=class extends nt{constructor(t,e){e.wrap=!0,super(t,e)}getCls(){const t=super.getCls();return t.push("cld-plw-vertical"),t}};const lt=class extends nt{getCls(){let t=super.getCls();return t.push("cld-plw-custom"),t}createEl(){const t=super.createEl();return this.options_.renderTo.appendChild(t),t}};const st=class{constructor(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};e=((t,e)=>{const n={...H,...e};if(n.show&&"string"==typeof n.selector&&(n.useDefaultLayout=!1,n.useCustomLayout=!0,n.renderTo=document.querySelector(n.selector),n.showAll=!0,0===!n.renderTo.length))throw new Error("Couldn't find element(s) by selector '".concat(n.selector,"' for playlist"));return n.show&&!n.selector&&(n.useDefaultLayout=!0,n.useCustomLayout=!1),n.direction="horizontal"===n.direction.toLowerCase()?"horizontal":"vertical",n.skin=t.options_.skin,n})(t,e),this.options_=e,this.player_=t,this.render();const n=(t,e)=>{this.options_.fluid=e};t.on(s.f.FLUID,n),this.options=e=>e?(this.options_=g().obj.merge(this.options_,e),t.trigger("playlistwidgetoption",this.options_.playlistWidget),this.options_):this.options_,this.dispose=()=>{this.layout_.dispose(),t.off(s.f.FLUID,n)}}render(){this.options_.useDefaultLayout&&("horizontal"===this.options_.direction?this.layout_=new it(this.player_,this.options_):this.layout_=new ot(this.player_,this.options_)),this.options_.useCustomLayout&&(this.layout_=new lt(this.player_,this.options_))}getLayout(){return this.layout_}update(t,e){this.options(e),"direction"===t?(this.layout_.removeLayout(),this.layout_.dispose(),this.render()):this.layout_.update(t,this.options_)}setSkin(){this.layout_.setCls()}total(){const t=parseInt(arguments.length>0&&void 0!==arguments[0]?arguments[0]:H.total,10);return t!==this.options_.total&&"number"==typeof t&&t>0&&this.update("total",{total:t}),this}direction(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:H.direction;return"horizontal"!==t&&"vertical"!==t||this.update("direction",{direction:t}),this}};var rt=n(1511),at={};at.styleTagTransform=B(),at.setAttributes=E(),at.insert=b().bind(null,"head"),at.domAPI=f(),at.insertStyleElement=k();y()(rt.A,at);rt.A&&rt.A.locals&&rt.A.locals;const ct=g().getComponent("ClickableComponent"),pt={item:null,transformation:{width:300,aspect_ratio:"16:9",crop:"pad",background:"black"}};const dt=class extends ct{constructor(t,e){super(t,g().obj.merge(pt,e))}getItem(){return this.options_.item}getTitle(){return this.getItem().info().title}getDuration(){return" "}getThumbnail(){return this.getItem().poster().url({transformation:this.options_.transformation})}handleClick(t){t.preventDefault()}createControlTextEl(){}createEl(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"a";const e=super.createEl(t,{className:"cld-thumbnail",href:"#"}),n=super.createEl("img",{className:"cld-thumbnail-img",src:this.getThumbnail()});return e.appendChild(n),e.style.backgroundImage="url('".concat(this.getThumbnail(),"')"),e}},At=g().dom||g(),ut={source:null,next:!1};class ht extends dt{constructor(t,e){super(t,g().obj.merge(ut,e))}handleClick(t){super.handleClick(t),this.play()}play(){const t=this.getItem(),e=this.player().cloudinary.playlist().list().indexOf(t);if(-1===e)throw new Error("Invalid playlist item...");this.player().cloudinary.playlist().playAtIndex(e)}isCurrent(){return this.options_.current}getTitle(){return super.getTitle()}getDuration(){return super.getDuration()}createEl(){const t=super.createEl();t.classList.add("cld-plw-panel-item");const e=At.createEl("div",{className:"cld-plw-item-info-wrap"}),n=At.createEl("div",{className:"cld-plw-item-title"});if(this.isCurrent()){t.classList.add("cld-plw-panel-item-active");const e=At.createEl("span",{className:"cld-plw-item-title-curr"},{},"Now Playing: ");n.appendChild(e)}const i=At.createEl("span",{className:"cld-plw-item-title"},{},this.getTitle());n.appendChild(i);const o=At.createEl("div",{className:"cld-plw-item-duration"},{},this.getDuration());return e.appendChild(n),e.appendChild(o),t&&t.appendChild(e),t.appendChild(e),t}}g().registerComponent("playlistPanelItem",ht);const mt=ht,Ct=g().getComponent("Component");class gt extends Ct{constructor(t){super(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:{});const e=()=>{this.render()};t.on(s.f.PLAYLIST_ITEM_CHANGED,e),this.render(),this.dispose=()=>{super.dispose(),t.off(s.f.PLAYLIST_ITEM_CHANGED,e)}}createEl(){const t=super.createEl();return t.classList.add("cld-plw-panel"),t}removeAll(){const t=this.children();for(let e=t.length-1;e>=0;--e)this.removeChild(t[e])}getItems(){const t=this.player().cloudinary.playlist(),e=t._repeat;if(this.options_.showAll)return t.list();const n=[],i=this.options_.total;let o=t.currentIndex(),l=t.list()[o];for(n.push(l);n.length<i;){if(o=t.nextIndex(o),-1===o){if(!e&&n.length>0)break;o=0}l=t.list()[o],n.push(l)}return n}render(){const t=this.getItems();this.removeAll(),t.forEach(((t,e)=>{const n=new mt(this.player(),g().obj.merge(this.options_,{item:t,next:1===e,current:0===e}));this.addChild(n)}))}}g().registerComponent("playlistPanel",gt);const vt={format:"json",resource_type:"video",type:"list"},yt=function(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};const n=(0,l.sliceProperties)(e,"chainTarget").chainTarget;let i=null,a=null,c=null;const p=()=>{t.on(s.f.PLAYLIST_CREATED,(()=>{c&&c.dispose(),o()(e.playlistWidget)&&(t.fluid_&&(e.playlistWidget.fluid=!0),t.cloudinary.fontFace&&(e.playlistWidget.fontFace=t.cloudinary.fontFace),c=new st(t,e.playlistWidget))}))},d=(e,n)=>{e instanceof K?(i=e,i.resetState(),i.currentIndex(i.currentIndex())):(i=new K(t.cloudinary,e,n),i.currentIndex(0)),p(),a=(()=>{const e=()=>{i&&!i.currentSource().contains(t.currentSource())&&t.disposePlaylist()};return t.on("cldsourcechanged",e),e})(),t.addClass("vjs-playlist")};return t.cloudinary.sourcesByTag=async function(e){let n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};const i=(0,r.KA)(e,Object.assign({},t.cloudinary.cloudinaryConfig(),vt)),o=await fetch(i),l=await o.json(),s=A(l.resources);n.sorter&&s.sort(n.sorter);return s.map((e=>{let i=n.sourceParams||{};"function"==typeof i&&(i=i(e));const o=e.context&&e.context.custom||{},l=Object.assign({info:o},i,{publicId:e.publicId});return t.cloudinary.buildSource(l)}))},function(e){let o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return void 0===e?i:(i&&(t.removeClass("vjs-playlist"),i=void 0,t.playlist().dispose(),t.off("cldsourcechanged",a)),d(e,o),t.trigger("playlistcreated"),n)}}},999:(t,e,n)=>{"use strict";n.d(e,{A:()=>r});var i=n(4942),o=n.n(i),l=n(278),s=n.n(l)()(o());s.push([t.id,".cld-video-player .vjs-playlist-button{display:none}.cld-video-player.vjs-playlist .vjs-playlist-button{display:block}","",{version:3,sources:["webpack://./plugins/playlist/ui/components/playlist-buttons.scss"],names:[],mappings:"AAEE,uCACE,YAAA,CAKA,oDACE,aAAA",sourcesContent:[".cld-video-player {\n\n .vjs-playlist-button {\n display: none;\n }\n\n &.vjs-playlist {\n\n .vjs-playlist-button {\n display: block;\n }\n }\n\n}\n\n"],sourceRoot:""}]);const r=s},710:(t,e,n)=>{"use strict";n.d(e,{A:()=>r});var i=n(4942),o=n.n(i),l=n(278),s=n.n(l)()(o());s.push([t.id,".vjs-upcoming-video{opacity:0;transition:bottom .1s,visibility .2s,opacity .2s;visibility:hidden;position:absolute;bottom:4.5em;right:.75em;width:38.7%;max-width:30em;border:1px solid #e8e8e9}.vjs-upcoming-video .upcoming-video-overlay{aspect-ratio:16/9;background-size:cover;cursor:pointer}.vjs-upcoming-video .upcoming-video-overlay .vjs-upcoming-video-bar{display:flex;flex:auto;justify-content:space-between;position:absolute;height:3em;line-height:3em;width:100%;bottom:0px}.vjs-upcoming-video .upcoming-video-overlay .vjs-upcoming-video-bar .vjs-upcoming-video-title{flex:auto;text-align:left;display:block;width:auto;max-width:80%;padding-left:1em;padding-right:1em}.vjs-upcoming-video .upcoming-video-overlay .vjs-upcoming-video-bar .vjs-upcoming-video-title .vjs-upcoming-video-title-display{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.vjs-upcoming-video .upcoming-video-overlay .vjs-upcoming-video-bar .vjs-upcoming-video-title .vjs-upcoming-video-title-display .vjs-upcoming-video-title-display-label{font-weight:400}.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-upcoming-video{transition:bottom 1s,visibility .2s,opacity .2s;bottom:.7em}.vjs-upcoming-video.vjs-upcoming-video-show{transition:visibility .2s,opacity .2s;opacity:1;visibility:visible}.vjs-upcoming-video.disable-transition{transition:visibility 0s}@media only screen and (max-width: 768px){.vjs-upcoming-video:before{display:none}.cld-video-player.cld-video-player-skin-dark .vjs-upcoming-video,.cld-video-player.cld-video-player-skin-light .vjs-upcoming-video{border:none}.vjs-upcoming-video .aspect-ratio-content{background-image:none !important}}","",{version:3,sources:["webpack://./plugins/playlist/ui/components/upcoming-video-overlay.scss"],names:[],mappings:"AAIA,oBACE,SAAA,CACA,gDAAA,CAEA,iBAAA,CACA,iBAAA,CACA,YAAA,CACA,WAAA,CACA,WAAA,CACA,cAZyB,CAazB,wBAAA,CAEA,4CACE,iBAAA,CACA,qBAAA,CACA,cAAA,CAEA,oEACE,YAAA,CACA,SAAA,CACA,6BAAA,CAEA,iBAAA,CACA,UAAA,CACA,eAAA,CACA,UAAA,CACA,UAAA,CAEA,8FACE,SAAA,CACA,eAAA,CACA,aAAA,CACA,UAAA,CACA,aAAA,CACA,gBAAA,CACA,iBAAA,CAEA,gIACE,sBAAA,CACA,eAAA,CACA,kBAAA,CAEA,wKACE,eAAA,CAOV,mEACE,+CAAA,CACA,WAAA,CAGF,4CACE,qCA1DyB,CA2DzB,SAAA,CACA,kBAAA,CAGF,uCACE,wBAAA,CAIF,0CACE,2BACE,YAAA,CAGF,mIAEE,WAAA,CAGF,0CACE,gCAAA,CAAA",sourcesContent:["\n$upcoming-video-max-width: 30em;\n$_upcoming-video-transition: visibility 0.2s, opacity 0.2s;\n\n.vjs-upcoming-video {\n opacity: 0;\n transition: bottom 0.1s, $_upcoming-video-transition;\n\n visibility: hidden;\n position: absolute;\n bottom: 4.5em;\n right: 0.75em;\n width: 38.7%;\n max-width: $upcoming-video-max-width;\n border: 1px solid #E8E8E9;\n\n .upcoming-video-overlay {\n aspect-ratio: 16/9;\n background-size: cover;\n cursor: pointer;\n\n .vjs-upcoming-video-bar {\n display: flex;\n flex: auto;\n justify-content: space-between;\n\n position: absolute;\n height: 3.0em;\n line-height: 3.0em;\n width: 100%;\n bottom: 0px;\n\n .vjs-upcoming-video-title {\n flex: auto;\n text-align: left;\n display: block;\n width: auto;\n max-width: 80%;\n padding-left: 1em;\n padding-right: 1em;\n\n .vjs-upcoming-video-title-display {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n\n .vjs-upcoming-video-title-display-label {\n font-weight: 400;\n }\n }\n }\n }\n }\n\n .vjs-has-started.vjs-user-inactive.vjs-playing & {\n transition: bottom 1s, $_upcoming-video-transition;\n bottom: 0.7em;\n }\n\n &.vjs-upcoming-video-show {\n transition: $_upcoming-video-transition;\n opacity: 1;\n visibility: visible;\n }\n\n &.disable-transition {\n transition: visibility 0s;\n }\n\n\n @media only screen and (max-width: 768px) {\n &:before {\n display: none;\n }\n\n .cld-video-player.cld-video-player-skin-dark &,\n .cld-video-player.cld-video-player-skin-light & {\n border: none;\n }\n\n .aspect-ratio-content {\n background-image: none !important;\n }\n }\n}\n"],sourceRoot:""}]);const r=s},3444:(t,e,n)=>{"use strict";n.d(e,{A:()=>r});var i=n(4942),o=n.n(i),l=n(278),s=n.n(l)()(o());s.push([t.id,".cld-plw-horizontal .cld-plw-col-list{padding-top:14.0625%;position:relative}.cld-plw-horizontal .cld-plw-panel{overflow:auto;position:absolute;top:0;bottom:0;right:0;left:0;display:flex;flex-direction:row}.cld-plw-horizontal .cld-plw-panel-item{background-image:none;min-width:25%;max-width:25%}.cld-plw-horizontal .cld-plw-panel-item:first-child{margin-left:0}.cld-plw-horizontal .cld-plw-panel-item:last-child{margin-right:0}.cld-plw-vertical{display:flex;flex-direction:row}.cld-plw-vertical.cld-plw-layout>div:first-child{flex:1}.cld-plw-vertical .cld-plw-col-list{display:flex;flex-direction:column;min-width:20%}.cld-plw-vertical .cld-plw-panel{height:100%;overflow:auto}.cld-plw-vertical .cld-plw-panel-item{height:25%}.cld-plw-vertical .cld-plw-panel-item:last-child{margin-bottom:0}.cld-plw-item-title-next{font-weight:bold}.cld-plw-item-info-wrap{position:absolute;bottom:0;left:0;padding:5% 7%;width:100%;transition:color .25s;display:flex;flex-direction:row;justify-content:space-between;box-sizing:border-box}.cld-video-player-skin-dark .cld-plw-item-info-wrap{text-shadow:1px 1px 1px rgba(0,0,0,.3)}@media only screen and (max-width: 768px){.cld-video-player-skin-dark .cld-plw-item-info-wrap{background:var(--color-base)}}.cld-plw-item-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cld-plw-item-duration{margin-left:10px}.cld-plw-layout.cld-plw-layout-fluid{width:100%}.cld-plw-layout.cld-plw-vertical{flex-direction:row}.cld-plw-layout.cld-plw-horizontal{flex-direction:column}.cld-plw-custom{padding:4px}.cld-plw-custom .cld-plw-panel-item{background:none !important;margin:4px 0}.cld-plw-custom .cld-plw-panel-item:first-child{margin-top:0}.cld-plw-custom .cld-plw-panel-item:last-child{margin-bottom:0}.cld-plw-custom .cld-plw-panel-item img{display:block;width:150px}.cld-plw-custom .cld-plw-panel-item .cld-plw-item-info-wrap{left:160px}.cld-plw-custom .cld-plw-panel-item .cld-plw-item-title-next{display:block}@media only screen and (max-width: 768px){.cld-plw-layout.cld-plw-vertical,.cld-plw-layout.cld-plw-horizontal{flex-direction:column}.cld-plw-layout.cld-plw-vertical .cld-plw-panel,.cld-plw-layout.cld-plw-horizontal .cld-plw-panel{flex-direction:column}.cld-plw-layout.cld-plw-vertical .cld-plw-col-list,.cld-plw-layout.cld-plw-horizontal .cld-plw-col-list{width:inherit !important;height:inherit !important;max-height:340px}.cld-plw-layout.cld-plw-vertical .cld-plw-panel-item,.cld-plw-layout.cld-plw-horizontal .cld-plw-panel-item{background:none !important}.cld-plw-layout.cld-plw-vertical .cld-plw-panel-item img,.cld-plw-layout.cld-plw-horizontal .cld-plw-panel-item img{display:block;width:150px;height:84px}.cld-plw-layout.cld-plw-vertical .cld-plw-panel-item .cld-plw-item-info-wrap,.cld-plw-layout.cld-plw-horizontal .cld-plw-panel-item .cld-plw-item-info-wrap{left:150px;padding:15px 10px;top:0;right:0;width:auto}.cld-plw-layout.cld-plw-vertical .cld-plw-panel-item .cld-plw-item-title-next,.cld-plw-layout.cld-plw-horizontal .cld-plw-panel-item .cld-plw-item-title-next{display:block}.cld-plw-layout.cld-plw-vertical .cld-plw-panel-item .cld-plw-item-title-curr,.cld-plw-layout.cld-plw-horizontal .cld-plw-panel-item .cld-plw-item-title-curr{display:block}.cld-plw-layout.cld-plw-vertical .cld-plw-panel-item .cld-plw-item-title,.cld-plw-layout.cld-plw-horizontal .cld-plw-panel-item .cld-plw-item-title{white-space:normal}.cld-plw-layout.cld-plw-horizontal .cld-plw-col-list{padding-top:0;overflow:auto}.cld-plw-layout.cld-plw-horizontal .cld-plw-panel{position:initial}.cld-plw-layout.cld-plw-horizontal .cld-plw-panel-item{max-width:none}}","",{version:3,sources:["webpack://./plugins/playlist/ui/playlist.scss"],names:[],mappings:"AACE,sCACE,oBAAA,CACA,iBAAA,CAGF,mCACE,aAAA,CACA,iBAAA,CACA,KAAA,CACA,QAAA,CACA,OAAA,CACA,MAAA,CACA,YAAA,CACA,kBAAA,CAGF,wCACE,qBAAA,CACA,aAAA,CACA,aAAA,CAEA,oDACE,aAAA,CAGF,mDACE,cAAA,CAKN,kBACE,YAAA,CACA,kBAAA,CAGE,iDACE,MAAA,CAIJ,oCACE,YAAA,CACA,qBAAA,CACA,aAAA,CAGF,iCACE,WAAA,CACA,aAAA,CAGF,sCACE,UAAA,CAEA,iDACE,eAAA,CAKN,yBACE,gBAAA,CAGF,wBACE,iBAAA,CACA,QAAA,CACA,MAAA,CACA,aAAA,CACA,UAAA,CACA,qBAAA,CACA,YAAA,CACA,kBAAA,CACA,6BAAA,CACA,qBAAA,CAEA,oDACE,sCAAA,CAEA,0CAHF,oDAII,4BAAA,CAAA,CAKN,oBACE,sBAAA,CACA,kBAAA,CACA,eAAA,CAGF,uBACE,gBAAA,CAMA,qCACE,UAAA,CAGF,iCACE,kBAAA,CAGF,mCACE,qBAAA,CAIJ,gBACE,WAAA,CACA,oCACE,0BAAA,CACA,YAAA,CACA,gDACE,YAAA,CAGF,+CACE,eAAA,CAGF,wCACE,aAAA,CACA,WAAA,CAGF,4DACE,UAAA,CAGF,6DACE,aAAA,CAKN,0CAEI,oEAEE,qBAAA,CAEA,kGACE,qBAAA,CAGF,wGACE,wBAAA,CACA,yBAAA,CACA,gBAAA,CAGF,4GACE,0BAAA,CAEA,oHACE,aAAA,CACA,WAAA,CACA,WAAA,CAGF,4JACE,UAAA,CACA,iBAAA,CACA,KAAA,CACA,OAAA,CACA,UAAA,CAGF,8JACE,aAAA,CAGF,8JACE,aAAA,CAGF,oJACE,kBAAA,CAMJ,qDACE,aAAA,CACA,aAAA,CAGF,kDACE,gBAAA,CAGF,uDACE,cAAA,CAAA",sourcesContent:[".cld-plw-horizontal {\n .cld-plw-col-list {\n padding-top: 14.0625%;\n position: relative;\n }\n\n .cld-plw-panel {\n overflow: auto;\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n display: flex;\n flex-direction: row;\n }\n\n .cld-plw-panel-item {\n background-image: none;\n min-width: 25%;\n max-width: 25%;\n\n &:first-child {\n margin-left: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n }\n}\n\n.cld-plw-vertical {\n display: flex;\n flex-direction: row;\n\n &.cld-plw-layout {\n > div:first-child {\n flex: 1;\n }\n }\n\n .cld-plw-col-list {\n display: flex;\n flex-direction: column;\n min-width: 20%;\n }\n\n .cld-plw-panel {\n height: 100%;\n overflow: auto;\n }\n\n .cld-plw-panel-item {\n height: 25%;\n\n &:last-child {\n margin-bottom: 0;\n }\n }\n}\n\n.cld-plw-item-title-next {\n font-weight: bold;\n}\n\n.cld-plw-item-info-wrap {\n position: absolute;\n bottom: 0;\n left: 0;\n padding: 5% 7%;\n width: 100%;\n transition: color 0.25s;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n box-sizing: border-box;\n\n .cld-video-player-skin-dark & {\n text-shadow: 1px 1px 1px rgba(#000, 0.3);\n\n @media only screen and (max-width: 768px) {\n background: var(--color-base);\n }\n }\n}\n\n.cld-plw-item-title {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n}\n\n.cld-plw-item-duration {\n margin-left: 10px;\n}\n\n/* Default Playlist Layout */\n\n.cld-plw-layout {\n &.cld-plw-layout-fluid {\n width: 100%;\n }\n\n &.cld-plw-vertical {\n flex-direction: row;\n }\n\n &.cld-plw-horizontal {\n flex-direction: column;\n }\n}\n\n.cld-plw-custom {\n padding: 4px;\n .cld-plw-panel-item {\n background: none !important;\n margin: 4px 0;\n &:first-child {\n margin-top: 0;\n }\n\n &:last-child {\n margin-bottom: 0;\n }\n\n img {\n display: block;\n width: 150px;\n }\n\n .cld-plw-item-info-wrap {\n left: 160px;\n }\n\n .cld-plw-item-title-next {\n display: block;\n }\n }\n}\n\n@media only screen and (max-width: 768px) {\n .cld-plw-layout {\n &.cld-plw-vertical,\n &.cld-plw-horizontal {\n flex-direction: column;\n\n .cld-plw-panel {\n flex-direction: column;\n }\n\n .cld-plw-col-list {\n width: inherit !important;\n height: inherit !important;\n max-height: 340px;\n }\n\n .cld-plw-panel-item {\n background: none !important;\n\n img {\n display: block;\n width: 150px;\n height: 84px;\n }\n\n .cld-plw-item-info-wrap {\n left: 150px;\n padding: 15px 10px;\n top: 0;\n right: 0;\n width: auto;\n }\n\n .cld-plw-item-title-next {\n display: block;\n }\n\n .cld-plw-item-title-curr {\n display: block;\n }\n\n .cld-plw-item-title {\n white-space: normal;\n }\n }\n }\n\n &.cld-plw-horizontal {\n .cld-plw-col-list {\n padding-top: 0;\n overflow: auto;\n }\n\n .cld-plw-panel {\n position: initial;\n }\n\n .cld-plw-panel-item {\n max-width: none;\n }\n }\n }\n}\n"],sourceRoot:""}]);const r=s},1511:(t,e,n)=>{"use strict";n.d(e,{A:()=>r});var i=n(4942),o=n.n(i),l=n(278),s=n.n(l)()(o());s.push([t.id,'.cld-thumbnail{position:relative;display:block;width:100%;overflow:hidden;font-size:1em;text-align:left;background-repeat:no-repeat;background-size:cover;background-position:center}.cld-thumbnail .cld-thumbnail-img{display:none}.cld-thumbnail:before{content:"";position:absolute;top:40%;max-height:60%;right:0;bottom:0;left:0;background:linear-gradient(to top, var(--color-base), transparent 80%);opacity:.6}.cld-thumbnail.cld-plw-panel-item-active{border:1px solid var(--color-accent);box-sizing:border-box}.cld-thumbnail.cld-plw-panel-item-active .cld-plw-item-info-wrap{color:var(--color-accent)}.cld-plw-panel-item:hover:after{content:"";position:absolute;width:100%;height:100%;top:0px;left:0px;background-color:var(--color-text);opacity:.2}@media only screen and (max-width: 768px){.cld-thumbnail:before{background:none}}',"",{version:3,sources:["webpack://./plugins/playlist/ui/thumbnail/thumbnail.scss"],names:[],mappings:"AAAA,eACE,iBAAA,CACA,aAAA,CACA,UAAA,CACA,eAAA,CACA,aAAA,CACA,eAAA,CACA,2BAAA,CACA,qBAAA,CACA,0BAAA,CAEA,kCACE,YAAA,CAGF,sBACE,UAAA,CACA,iBAAA,CACA,OAAA,CACA,cAAA,CACA,OAAA,CACA,QAAA,CACA,MAAA,CACA,sEAAA,CACA,UAAA,CAGF,yCACE,oCAAA,CACA,qBAAA,CACA,iEACE,yBAAA,CAKN,gCACE,UAAA,CACA,iBAAA,CACA,UAAA,CACA,WAAA,CACA,OAAA,CACA,QAAA,CACA,kCAAA,CACA,UAAA,CAGF,0CACE,sBACE,eAAA,CAAA",sourcesContent:[".cld-thumbnail {\n position: relative;\n display: block;\n width: 100%;\n overflow: hidden;\n font-size: 1em;\n text-align: left;\n background-repeat: no-repeat;\n background-size: cover;\n background-position: center;\n\n .cld-thumbnail-img {\n display: none;\n }\n\n &:before {\n content: '';\n position: absolute;\n top: 40%;\n max-height: 60%;\n right: 0;\n bottom: 0;\n left: 0;\n background: linear-gradient(to top, var(--color-base), transparent 80%);\n opacity: 0.6;\n }\n\n &.cld-plw-panel-item-active {\n border: 1px solid var(--color-accent);\n box-sizing: border-box;\n .cld-plw-item-info-wrap {\n color: var(--color-accent);\n }\n }\n}\n\n.cld-plw-panel-item:hover:after {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0px;\n left: 0px;\n background-color: var(--color-text);\n opacity: 0.2;\n}\n\n@media only screen and (max-width: 768px) {\n .cld-thumbnail:before {\n background: none;\n }\n}\n"],sourceRoot:""}]);const r=s},278:t=>{"use strict";t.exports=function(t){var e=[];return e.toString=function(){return this.map((function(e){var n="",i=void 0!==e[5];return e[4]&&(n+="@supports (".concat(e[4],") {")),e[2]&&(n+="@media ".concat(e[2]," {")),i&&(n+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),n+=t(e),i&&(n+="}"),e[2]&&(n+="}"),e[4]&&(n+="}"),n})).join("")},e.i=function(t,n,i,o,l){"string"==typeof t&&(t=[[null,t,void 0]]);var s={};if(i)for(var r=0;r<this.length;r++){var a=this[r][0];null!=a&&(s[a]=!0)}for(var c=0;c<t.length;c++){var p=[].concat(t[c]);i&&s[p[0]]||(void 0!==l&&(void 0===p[5]||(p[1]="@layer".concat(p[5].length>0?" ".concat(p[5]):""," {").concat(p[1],"}")),p[5]=l),n&&(p[2]?(p[1]="@media ".concat(p[2]," {").concat(p[1],"}"),p[2]=n):p[2]=n),o&&(p[4]?(p[1]="@supports (".concat(p[4],") {").concat(p[1],"}"),p[4]=o):p[4]="".concat(o)),e.push(p))}},e}},4942:t=>{"use strict";t.exports=function(t){var e=t[1],n=t[3];if(!n)return e;if("function"==typeof btoa){var i=btoa(unescape(encodeURIComponent(JSON.stringify(n)))),o="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(i),l="/*# ".concat(o," */");return[e].concat([l]).join("\n")}return[e].join("\n")}},8812:(t,e,n)=>{var i=n(2140),o=/^\s+/;t.exports=function(t){return t?t.slice(0,i(t)+1).replace(o,""):t}},2140:t=>{var e=/\s/;t.exports=function(t){for(var n=t.length;n--&&e.test(t.charAt(n)););return n}},4466:(t,e,n)=>{var i=n(9445);t.exports=function(t){return"number"==typeof t&&t==i(t)}},4764:(t,e,n)=>{var i=n(5378),o=1/0;t.exports=function(t){return t?(t=i(t))===o||t===-1/0?17976931348623157e292*(t<0?-1:1):t==t?t:0:0===t?t:0}},9445:(t,e,n)=>{var i=n(4764);t.exports=function(t){var e=i(t),n=e%1;return e==e?n?e-n:e:0}},5378:(t,e,n)=>{var i=n(8812),o=n(8953),l=n(5414),s=/^[-+]0x[0-9a-f]+$/i,r=/^0b[01]+$/i,a=/^0o[0-7]+$/i,c=parseInt;t.exports=function(t){if("number"==typeof t)return t;if(l(t))return NaN;if(o(t)){var e="function"==typeof t.valueOf?t.valueOf():t;t=o(e)?e+"":e}if("string"!=typeof t)return 0===t?t:+t;t=i(t);var n=r.test(t);return n||a.test(t)?c(t.slice(2),n?2:8):s.test(t)?NaN:+t}},5292:t=>{"use strict";var e=[];function n(t){for(var n=-1,i=0;i<e.length;i++)if(e[i].identifier===t){n=i;break}return n}function i(t,i){for(var l={},s=[],r=0;r<t.length;r++){var a=t[r],c=i.base?a[0]+i.base:a[0],p=l[c]||0,d="".concat(c," ").concat(p);l[c]=p+1;var A=n(d),u={css:a[1],media:a[2],sourceMap:a[3],supports:a[4],layer:a[5]};if(-1!==A)e[A].references++,e[A].updater(u);else{var h=o(u,i);i.byIndex=r,e.splice(r,0,{identifier:d,updater:h,references:1})}s.push(d)}return s}function o(t,e){var n=e.domAPI(e);n.update(t);return function(e){if(e){if(e.css===t.css&&e.media===t.media&&e.sourceMap===t.sourceMap&&e.supports===t.supports&&e.layer===t.layer)return;n.update(t=e)}else n.remove()}}t.exports=function(t,o){var l=i(t=t||[],o=o||{});return function(t){t=t||[];for(var s=0;s<l.length;s++){var r=n(l[s]);e[r].references--}for(var a=i(t,o),c=0;c<l.length;c++){var p=n(l[c]);0===e[p].references&&(e[p].updater(),e.splice(p,1))}l=a}}},9383:t=>{"use strict";var e={};t.exports=function(t,n){var i=function(t){if(void 0===e[t]){var n=document.querySelector(t);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(t){n=null}e[t]=n}return e[t]}(t);if(!i)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");i.appendChild(n)}},9088:t=>{"use strict";t.exports=function(t){var e=document.createElement("style");return t.setAttributes(e,t.attributes),t.insert(e,t.options),e}},6884:(t,e,n)=>{"use strict";t.exports=function(t){var e=n.nc;e&&t.setAttribute("nonce",e)}},9893:t=>{"use strict";t.exports=function(t){if("undefined"==typeof document)return{update:function(){},remove:function(){}};var e=t.insertStyleElement(t);return{update:function(n){!function(t,e,n){var i="";n.supports&&(i+="@supports (".concat(n.supports,") {")),n.media&&(i+="@media ".concat(n.media," {"));var o=void 0!==n.layer;o&&(i+="@layer".concat(n.layer.length>0?" ".concat(n.layer):""," {")),i+=n.css,o&&(i+="}"),n.media&&(i+="}"),n.supports&&(i+="}");var l=n.sourceMap;l&&"undefined"!=typeof btoa&&(i+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(l))))," */")),e.styleTagTransform(i,t,e.options)}(e,t,n)},remove:function(){!function(t){if(null===t.parentNode)return!1;t.parentNode.removeChild(t)}(e)}}}},7997:t=>{"use strict";t.exports=function(t,e){if(e.styleSheet)e.styleSheet.cssText=t;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(t))}}}}]);
1
+ (self.cloudinaryVideoPlayerChunkLoading=self.cloudinaryVideoPlayerChunkLoading||[]).push([[33],{5826:(t,e,s)=>{"use strict";s.d(e,{default:()=>X});var i=s(4679),n=s.n(i),r=s(5871),o=s(1104),l=s(8033),a=s(3686),c=s.n(a);const d=[1,4,5,6,7,10,11],u=["created_at","updated_at"],p=t=>{const e={};return n()(t)?(Object.keys(t).reduce(((e,s)=>{const i=c()(s);return-1!==u.indexOf(s)?e[i]=new Date(function(t){let e=0,s=0,i=0;if(s=/^(\d{4}|[+\-]\d{6})(?:-(\d{2})(?:-(\d{2}))?)?(?:T(\d{2}):(\d{2})(?::(\d{2})(?:\.(\d{3}))?)?(?:(Z)|([+\-])(\d{2})(?::(\d{2}))?)?)?$/.exec(t)){for(let t,e=0;t=d[e];++e)s[t]=+s[t]||0;s[2]=(+s[2]||1)-1,s[3]=+s[3]||1,"Z"!==s[8]&&void 0!==s[9]&&(i=60*s[10]+s[11],"+"===s[9]&&(i=0-i)),e=Date.UTC(s[1],s[2],s[3],s[4],s[5]+i,s[6],s[7])}else e=NaN;return e}(t[s])):e[i]=p(t[s]),e}),e),e):Array.isArray(t)?t.map((t=>p(t))):t};var h=s(5381),m=s(4466),g=s.n(m),y=s(6673),_=s.n(y);function v(t,e,s){var i;return(e="symbol"==typeof(i=function(t,e){if("object"!=typeof t||!t)return t;var s=t[Symbol.toPrimitive];if(void 0!==s){var i=s.call(t,e||"default");if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(e,"string"))?i:i+"")in t?Object.defineProperty(t,e,{value:s,enumerable:!0,configurable:!0,writable:!0}):t[e]=s,t}const f=_().dom||_(),C=_().getComponent("Component"),x=_().getComponent("ClickableComponent");class I extends x{constructor(t){for(var e=arguments.length,s=new Array(e>1?e-1:0),i=1;i<e;i++)s[i-1]=arguments[i];super(t,...s),v(this,"_hide",(()=>{this.removeClass(I.VJS_UPCOMING_VIDEO_SHOW)})),v(this,"_onPlaylistItemChange",((t,e)=>{this._hide(),this._disableTransition((()=>{e.next&&this.setItem(e.next)}))})),v(this,"_show",(()=>{const t=this.player().ima,e="object"===t&&t.getAdsManager();e&&e.getCurrentAd()&&!e.getCurrentAd().isLinear()||this.addClass(I.VJS_UPCOMING_VIDEO_SHOW)})),this._setEvents(t)}_setEvents(t){t.on(o.f.UP_COMING_VIDEO_SHOW,this._show),t.on(o.f.UP_COMING_VIDEO_HIDE,this._hide),t.on(o.f.PLAYLIST_ITEM_CHANGED,this._onPlaylistItemChange)}_disableTransition(t){this.addClass(I.DISABLE_TRANSITION_CLASS),t(),this.removeClass(I.DISABLE_TRANSITION_CLASS)}setTitle(t){this.getChild("upcomingVideoOverlayContent").getChild("upcomingVideoOverlayBar").getChild("upcomingVideoOverlayTitle").setContent(t.info().title||t.publicId())}setItem(t){this._source=t;const e=parseInt(window.getComputedStyle(this.el(),null).getPropertyValue("max-width"),10),s={crop:"pad",background:"auto:predominant",width:e,height:Math.round(e*(9/16))},i=this.getChild("upcomingVideoOverlayContent");this.setTitle(t),i.el().style.backgroundImage='url("'.concat(this._source.poster().url({transformation:s}),'")')}handleClick(){super.handleClick(event),this.player().cloudinary.playlist().playNext()}createEl(){return super.createEl("div",{className:"vjs-upcoming-video"})}}v(I,"DISABLE_TRANSITION_CLASS","disable-transition"),v(I,"VJS_UPCOMING_VIDEO_SHOW","vjs-upcoming-video-show");class w extends C{createEl(){return super.createEl("div",{className:"upcoming-video-overlay aspect-ratio-content"})}}class A extends C{createEl(){return super.createEl("div",{className:"vjs-upcoming-video-bar"})}}I.prototype.options_={children:["upcomingVideoOverlayContent"]},_().registerComponent("upcomingVideoOverlay",I),w.prototype.options_={children:["upcomingVideoOverlayBar"]},_().registerComponent("upcomingVideoOverlayContent",w),A.prototype.options_={children:["upcomingVideoOverlayTitle","playlistNextButton"]},_().registerComponent("upcomingVideoOverlayBar",A),_().registerComponent("upcomingVideoOverlayTitle",class extends C{setContent(t){this._contentSpan.innerText=t}createEl(){const t=super.createEl("div",{className:"vjs-control vjs-upcoming-video-title"}),e=f.createEl("div",{className:"vjs-upcoming-video-title-display",innerHTML:'<span class="vjs-control-text">Next up</span>Next up: '});return this._contentSpan=f.createEl("span",{className:"vjs-upcoming-video-title-display-label"}),e.appendChild(this._contentSpan),t.appendChild(e),t}});const b=_().getComponent("ClickableComponent");const E=class extends b{constructor(t,e){super(t,e);const s=e.type;if(!s&&"previous"!==s&&"next"!==s)throw new Error("Type must be either 'previous' or 'next'")}createEl(){const t=this.options_.type,e="vjs-icon-".concat(t,"-item");return _().dom.createEl("button",{className:"vjs-control vjs-playlist-button vjs-button ".concat(e),ariaLabel:"Playlist ".concat(t," item")})}};class T extends E{constructor(t){super(t,{type:"next"})}handleClick(t){t.stopPropagation(),super.handleClick(t),this.player().cloudinary.playlist().playNext()}}_().registerComponent("PlaylistNextButton",T);class N extends E{constructor(t){super(t,{type:"previous"})}handleClick(t){super.handleClick(t),this.player().cloudinary.playlist().playPrevious()}}_().registerComponent("PlaylistPreviousButton",N);const P={fluid:!1,show:!0,direction:"vertical",total:4,selector:!1,renderTo:[]};function S(t,e,s){var i;return(e="symbol"==typeof(i=function(t,e){if("object"!=typeof t||!t)return t;var s=t[Symbol.toPrimitive];if(void 0!==s){var i=s.call(t,e||"default");if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(e,"string"))?i:i+"")in t?Object.defineProperty(t,e,{value:s,enumerable:!0,configurable:!0,writable:!0}):t[e]=s,t}const U=class{constructor(t){var e=this;let s=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],{repeat:i=!1,autoAdvance:n=!1,presentUpcoming:r=!1}=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};S(this,"playlistByTag",(function(t){let s=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return e.player().sourcesByTag(t,s).then((t=>e.player().playlist(t,s)))})),this._context=t,this._sources=[],this._defaultRecResolverCache={},this._currentIndex=null,this._recommendationsHandler=null,this._autoAdvance=null,this._presentUpcoming=null,this.addUiComponents(),this.resetState=()=>{this.repeat(i),this.autoAdvance(n),this.presentUpcoming(r)},s.forEach((t=>this.enqueue(t))),this.resetState()}list(){return this._sources}player(){return this._context.player}addUiComponents(){const t=this.player().getChild("ControlBar"),e=t.children();t.addChild("playlistPreviousButton",{},e.findIndex((t=>"PlayToggle"===t.name_))),t.addChild("playlistNextButton",{},e.findIndex((t=>"PlayToggle"===t.name_))+1),this.player().addChild("upcomingVideoOverlay")}presentUpcoming(t){if(this._presentUpcoming=this._presentUpcoming||{},void 0===t)return this._presentUpcoming.delay;if(!0===t)t=10;else if(!1===t)t=!1;else if(!g()(t)||t<0)throw new Error("presentUpcoming 'delay' must be either a boolean or a positive integer.");return this._presentUpcoming.delay=t,this._setupPresentUpcoming(),this._presentUpcoming.delay}autoAdvance(t){if(this._autoAdvance=this._autoAdvance||{},void 0===t)return this._autoAdvance.delay;if(!0===t)t=0;else if(!1===t)t=!1;else if(!g()(t)||t<0)throw new Error("Auto advance 'delay' must be either a boolean or a positive integer.");return this._autoAdvance.delay=t,this._setupAutoAdvance(),this._autoAdvance.delay}_setupAutoAdvance(){this._resetAutoAdvance();const t=this._autoAdvance.delay;if(!1===t)return;this._autoAdvance={delay:t,trigger:()=>{this.player().ended()&&(this._autoAdvance.timeout=setTimeout((()=>{this.playNext()}),1e3*t))}},this._context.on("ended",this._autoAdvance.trigger)}dispose(){this._resetAutoAdvance(),this._resetPresentUpcoming(),this._resetRecommendations()}_resetPresentUpcoming(){this.player().trigger("upcomingvideohide"),this._presentUpcoming||(this._presentUpcoming={}),this._presentUpcoming.trigger&&this._context.off("timeupdate",this._presentUpcoming.trigger),this._presentUpcoming.trigger=null,this._presentUpcoming.showTriggered=!1}_setupPresentUpcoming(){this._resetPresentUpcoming();!1!==this._presentUpcoming.delay&&(this._presentUpcoming.trigger=()=>{const t=this.player().currentTime(),e=this.player().duration()-t;e<1.5?this._presentUpcoming.showTriggered&&(this.player().trigger("upcomingvideohide"),this._presentUpcoming.showTriggered=!1):e<=this._presentUpcoming.delay&&!this._presentUpcoming.showTriggered&&!this.player().loop()?(this.player().trigger("upcomingvideoshow"),this._presentUpcoming.showTriggered=!0):this._presentUpcoming.showTriggered&&(e>this._presentUpcoming.delay||this.player().loop())&&(this.player().trigger("upcomingvideohide"),this._presentUpcoming.showTriggered=!1)},this._context.on("timeupdate",this._presentUpcoming.trigger))}_resetAutoAdvance(){this._autoAdvance||(this._autoAdvance={}),this._autoAdvance.timeout&&clearTimeout(this._autoAdvance.timeout),this._autoAdvance.trigger&&this._context.off("ended",this._autoAdvance.trigger),this._autoAdvance.timeout=null,this._autoAdvance.trigger=null}_resetRecommendations(){this._recommendationsHandler&&this._context.off("ended",this._recommendationsHandler)}_refreshRecommendations(){this._resetRecommendations(),this._recommendationsHandler=()=>{!1===this.autoAdvance()&&this._context.autoShowRecommendations()&&this.player().trigger("recommendationsshow")},this._context.on("ended",this._recommendationsHandler)}_refreshTextTracks(){this.player().trigger("refreshTextTracks",this.currentSource().textTracks())}_recommendationItemBuilder(t){const e=this._defaultRecResolverCache[t.objectId];if(!t.recommendations()||e&&t.recommendations()===e)return t=>({source:t,action:()=>this.playItem(t)})}currentIndex(t){if(void 0===t)return this._currentIndex;if(t>=this.length()||t<0)throw new Error("Invalid playlist index.");this._currentIndex=t;const e=this.currentSource(),s=this._recommendationItemBuilder(e);e.recommendations()||e.recommendations(this._defaultRecommendationsResolver(e)),this._context.source(e,{recommendationOptions:{disableAutoShow:!0,itemBuilder:s}});const i={playlist:this,current:e,next:this.next()};return this.player().trigger("playlistitemchanged",i),this._refreshRecommendations(),this._refreshTextTracks(),e}_defaultRecommendationsResolver(t){const e=this._defaultRecResolverCache[t.objectId];return e||(this._defaultRecResolverCache[t.objectId]=()=>{let e=this.list().indexOf(t);const s=[],i=Math.min(4,this.length()-1);for(;s.length<i&&(e=this.nextIndex(e),-1!==e);){const t=this.list()[e];s.push(t)}return s},this._defaultRecResolverCache[t.objectId])}buildSource(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return this._context.buildSource(t,e)}enqueue(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};const s=t instanceof h.A?t:this.buildSource(t,e);return this._sources.push(s),s}playItem(t){let e=this.list().indexOf(t);if(-1===e)throw new Error("Invalid playlist item.");this.playAtIndex(e)}playAtIndex(t){return this.currentIndex(t),this.player().play(),this.currentSource()}currentSource(){return this.list()[this.currentIndex()]}removeAt(t){if(t>=this.length()||t<0)throw new Error("Invalid playlist index.");return this._sources.splice(t,1),this}repeat(t){return void 0===t||(this._repeat=!!t),this._repeat}first(){return this.list()[0]}last(){return this.list()[this.length()-1]}next(){const t=this.nextIndex();return-1===t?null:this.list()[t]}nextIndex(t){if((t=void 0!==t?t:this.currentIndex())>=this.length()||t<0)throw new Error("Invalid playlist index.");let e=t+1;if(t===this.length()-1){if(!this.repeat())return-1;e=0}return e}previousIndex(){return this.isFirst()?-1:this.currentIndex()-1}playFirst(){return this.playAtIndex(0)}playLast(){const t=this.list().length-1;return this.playAtIndex(t)}isLast(){return this.currentIndex()>=this.length()-1}isFirst(){return 0===this.currentIndex()}length(){return this.list().length}playNext(){let t=this.nextIndex();return-1===t?null:this.playAtIndex(t)}playPrevious(){let t=this.previousIndex();return-1===t?null:this.playAtIndex(t)}},L=(t,e)=>(t.parentNode.insertBefore(e,t),e.appendChild(t),e);var O=s(3066);const j=_().dom||_(),k=_().getComponent("Component"),D={wrap:!1};class R extends k{constructor(t,e){const s={...D,...e};super(t,s),this.player_=t;const i=(t,e)=>{this.options_.fluid=e,this.removeCls(),this.setCls()},n=()=>{const t=this.el();this.videoWrap_=j.createEl("div",{className:"cld-plw-col-player"}),this.contentEl_=this.contentEl_=j.createEl("div",{className:"cld-plw-col-list"}),L(this.player().el(),t),t.appendChild(this.videoWrap_),t.appendChild(this.contentEl_),L(this.player().el(),this.videoWrap_)};s.wrap&&n(),t.on(o.f.FLUID,i),this.addChild(o.f.PLAYLIST_PANEL,this.options_),this.setCls(),this.dispose=()=>{this.removeLayout(),super.dispose(),t.off(o.f.FLUID,i)}}getCls(){let t=["cld-video-player","cld-plw-layout"];return t.push((0,O.skinClassPrefix)(this.player())),t.push((0,O.playerClassPrefix)(this.player())),this.options_.fluid&&t.push("cld-plw-layout-fluid"),t}setCls(){this.removeClass((0,O.skinClassPrefix)(this.player())),this.getCls().forEach((t=>{this.addClass(t)}))}removeCls(){this.getCls().forEach((t=>{this.removeClass(t)}))}update(t,e){this.options(e),this.removeChild("PlaylistPanel"),this.addChild("PlaylistPanel",this.options_),this.trigger("playlistlayoutupdate")}removeLayout(){const t=this.el().parentElement;t&&t.appendChild(this.player().el())}createEl(){const t=super.createEl("div");return t.style.fontFamily=this.player().el().style.fontFamily,t}}_().registerComponent("playlistLayout",R);const V=R;const B=class extends V{constructor(t,e){e.wrap=!0,super(t,e)}getCls(){const t=super.getCls();return t.push("cld-plw-horizontal"),t}};const H=class extends V{constructor(t,e){e.wrap=!0,super(t,e)}getCls(){const t=super.getCls();return t.push("cld-plw-vertical"),t}};const F=class extends V{getCls(){let t=super.getCls();return t.push("cld-plw-custom"),t}createEl(){const t=super.createEl();return this.options_.renderTo.appendChild(t),t}};const M=class{constructor(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};e=((t,e)=>{const s={...P,...e};if(s.show&&"string"==typeof s.selector&&(s.useDefaultLayout=!1,s.useCustomLayout=!0,s.renderTo=document.querySelector(s.selector),s.showAll=!0,0===!s.renderTo.length))throw new Error("Couldn't find element(s) by selector '".concat(s.selector,"' for playlist"));return s.show&&!s.selector&&(s.useDefaultLayout=!0,s.useCustomLayout=!1),s.direction="horizontal"===s.direction.toLowerCase()?"horizontal":"vertical",s.skin=t.options_.skin,s})(t,e),this.options_=e,this.player_=t,this.render();const s=(t,e)=>{this.options_.fluid=e};t.on(o.f.FLUID,s),this.options=e=>e?(this.options_=_().obj.merge(this.options_,e),t.trigger("playlistwidgetoption",this.options_.playlistWidget),this.options_):this.options_,this.dispose=()=>{this.layout_.dispose(),t.off(o.f.FLUID,s)}}render(){this.options_.useDefaultLayout&&("horizontal"===this.options_.direction?this.layout_=new B(this.player_,this.options_):this.layout_=new H(this.player_,this.options_)),this.options_.useCustomLayout&&(this.layout_=new F(this.player_,this.options_))}getLayout(){return this.layout_}update(t,e){this.options(e),"direction"===t?(this.layout_.removeLayout(),this.layout_.dispose(),this.render()):this.layout_.update(t,this.options_)}setSkin(){this.layout_.setCls()}total(){const t=parseInt(arguments.length>0&&void 0!==arguments[0]?arguments[0]:P.total,10);return t!==this.options_.total&&"number"==typeof t&&t>0&&this.update("total",{total:t}),this}direction(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:P.direction;return"horizontal"!==t&&"vertical"!==t||this.update("direction",{direction:t}),this}},W=_().getComponent("ClickableComponent"),G={item:null,transformation:{width:300,aspect_ratio:"16:9",crop:"pad",background:"black"}};const z=class extends W{constructor(t,e){super(t,_().obj.merge(G,e))}getItem(){return this.options_.item}getTitle(){return this.getItem().info().title}getDuration(){return" "}getThumbnail(){return this.getItem().poster().url({transformation:this.options_.transformation})}handleClick(t){t.preventDefault()}createControlTextEl(){}createEl(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"a";const e=super.createEl(t,{className:"cld-thumbnail",href:"#"}),s=super.createEl("img",{className:"cld-thumbnail-img",src:this.getThumbnail()});return e.appendChild(s),e.style.backgroundImage="url('".concat(this.getThumbnail(),"')"),e}},Y=_().dom||_(),$={source:null,next:!1};class q extends z{constructor(t,e){super(t,_().obj.merge($,e))}handleClick(t){super.handleClick(t),this.play()}play(){const t=this.getItem(),e=this.player().cloudinary.playlist().list().indexOf(t);if(-1===e)throw new Error("Invalid playlist item...");this.player().cloudinary.playlist().playAtIndex(e)}isCurrent(){return this.options_.current}getTitle(){return super.getTitle()}getDuration(){return super.getDuration()}createEl(){const t=super.createEl();t.classList.add("cld-plw-panel-item");const e=Y.createEl("div",{className:"cld-plw-item-info-wrap"}),s=Y.createEl("div",{className:"cld-plw-item-title"});if(this.isCurrent()){t.classList.add("cld-plw-panel-item-active");const e=Y.createEl("span",{className:"cld-plw-item-title-curr"},{},"Now Playing: ");s.appendChild(e)}const i=Y.createEl("span",{className:"cld-plw-item-title"},{},this.getTitle());s.appendChild(i);const n=Y.createEl("div",{className:"cld-plw-item-duration"},{},this.getDuration());return e.appendChild(s),e.appendChild(n),t&&t.appendChild(e),t.appendChild(e),t}}_().registerComponent("playlistPanelItem",q);const J=q,Z=_().getComponent("Component");class K extends Z{constructor(t){super(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:{});const e=()=>{this.render()};t.on(o.f.PLAYLIST_ITEM_CHANGED,e),this.render(),this.dispose=()=>{super.dispose(),t.off(o.f.PLAYLIST_ITEM_CHANGED,e)}}createEl(){const t=super.createEl();return t.classList.add("cld-plw-panel"),t}removeAll(){const t=this.children();for(let e=t.length-1;e>=0;--e)this.removeChild(t[e])}getItems(){const t=this.player().cloudinary.playlist(),e=t._repeat;if(this.options_.showAll)return t.list();const s=[],i=this.options_.total;let n=t.currentIndex(),r=t.list()[n];for(s.push(r);s.length<i;){if(n=t.nextIndex(n),-1===n){if(!e&&s.length>0)break;n=0}r=t.list()[n],s.push(r)}return s}render(){const t=this.getItems();this.removeAll(),t.forEach(((t,e)=>{const s=new J(this.player(),_().obj.merge(this.options_,{item:t,next:1===e,current:0===e}));this.addChild(s)}))}}_().registerComponent("playlistPanel",K);const Q={format:"json",resource_type:"video",type:"list"},X=function(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};const s=(0,r.sliceProperties)(e,"chainTarget").chainTarget;let i=null,a=null,c=null;const d=()=>{t.on(o.f.PLAYLIST_CREATED,(()=>{c&&c.dispose(),n()(e.playlistWidget)&&(t.fluid_&&(e.playlistWidget.fluid=!0),t.cloudinary.fontFace&&(e.playlistWidget.fontFace=t.cloudinary.fontFace),c=new M(t,e.playlistWidget))}))},u=(e,s)=>{e instanceof U?(i=e,i.resetState(),i.currentIndex(i.currentIndex())):(i=new U(t.cloudinary,e,s),i.currentIndex(0)),d(),a=(()=>{const e=()=>{i&&!i.currentSource().contains(t.currentSource())&&t.disposePlaylist()};return t.on("cldsourcechanged",e),e})(),t.addClass("vjs-playlist")};return t.cloudinary.sourcesByTag=async function(e){let s=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};const i=(0,l.KA)(e,Object.assign({},t.cloudinary.cloudinaryConfig(),Q)),n=await fetch(i),r=await n.json(),o=p(r.resources);s.sorter&&o.sort(s.sorter);return o.map((e=>{let i=s.sourceParams||{};"function"==typeof i&&(i=i(e));const n=e.context&&e.context.custom||{},r=Object.assign({info:n},i,{publicId:e.publicId});return t.cloudinary.buildSource(r)}))},function(e){let n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return void 0===e?i:(i&&(t.removeClass("vjs-playlist"),i=void 0,t.playlist().dispose(),t.off("cldsourcechanged",a)),u(e,n),t.trigger("playlistcreated"),s)}}},8812:(t,e,s)=>{var i=s(2140),n=/^\s+/;t.exports=function(t){return t?t.slice(0,i(t)+1).replace(n,""):t}},2140:t=>{var e=/\s/;t.exports=function(t){for(var s=t.length;s--&&e.test(t.charAt(s)););return s}},4466:(t,e,s)=>{var i=s(9445);t.exports=function(t){return"number"==typeof t&&t==i(t)}},4764:(t,e,s)=>{var i=s(5378),n=1/0;t.exports=function(t){return t?(t=i(t))===n||t===-1/0?17976931348623157e292*(t<0?-1:1):t==t?t:0:0===t?t:0}},9445:(t,e,s)=>{var i=s(4764);t.exports=function(t){var e=i(t),s=e%1;return e==e?s?e-s:e:0}},5378:(t,e,s)=>{var i=s(8812),n=s(8953),r=s(5414),o=/^[-+]0x[0-9a-f]+$/i,l=/^0b[01]+$/i,a=/^0o[0-7]+$/i,c=parseInt;t.exports=function(t){if("number"==typeof t)return t;if(r(t))return NaN;if(n(t)){var e="function"==typeof t.valueOf?t.valueOf():t;t=n(e)?e+"":e}if("string"!=typeof t)return 0===t?t:+t;t=i(t);var s=l.test(t);return s||a.test(t)?c(t.slice(2),s?2:8):o.test(t)?NaN:+t}}}]);
2
2
  //# sourceMappingURL=playlist.light.min.js.map
@@ -1,2 +1,2 @@
1
- (self.cloudinaryVideoPlayerChunkLoading=self.cloudinaryVideoPlayerChunkLoading||[]).push([[33],{7988:(t,e,n)=>{"use strict";n.d(e,{default:()=>yt});var i=n(4679),o=n.n(i),l=n(5871),s=n(1104),r=n(8033),a=n(3686),c=n.n(a);const p=[1,4,5,6,7,10,11],d=["created_at","updated_at"],A=t=>{const e={};return o()(t)?(Object.keys(t).reduce(((e,n)=>{const i=c()(n);return-1!==d.indexOf(n)?e[i]=new Date(function(t){let e=0,n=0,i=0;if(n=/^(\d{4}|[+\-]\d{6})(?:-(\d{2})(?:-(\d{2}))?)?(?:T(\d{2}):(\d{2})(?::(\d{2})(?:\.(\d{3}))?)?(?:(Z)|([+\-])(\d{2})(?::(\d{2}))?)?)?$/.exec(t)){for(let t,e=0;t=p[e];++e)n[t]=+n[t]||0;n[2]=(+n[2]||1)-1,n[3]=+n[3]||1,"Z"!==n[8]&&void 0!==n[9]&&(i=60*n[10]+n[11],"+"===n[9]&&(i=0-i)),e=Date.UTC(n[1],n[2],n[3],n[4],n[5]+i,n[6],n[7])}else e=NaN;return e}(t[n])):e[i]=A(t[n]),e}),e),e):Array.isArray(t)?t.map((t=>A(t))):t};var u=n(5381),h=n(4466),m=n.n(h),C=n(7938),g=n.n(C),v=n(5292),y=n.n(v),w=n(9893),f=n.n(w),x=n(9383),b=n.n(x),_=n(6884),E=n.n(_),I=n(9088),k=n.n(I),j=n(7997),B=n.n(j),T=n(710),S={};S.styleTagTransform=B(),S.setAttributes=E(),S.insert=b().bind(null,"head"),S.domAPI=f(),S.insertStyleElement=k();y()(T.A,S);T.A&&T.A.locals&&T.A.locals;function U(t,e,n){var i;return(e="symbol"==typeof(i=function(t,e){if("object"!=typeof t||!t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var i=n.call(t,e||"default");if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(e,"string"))?i:i+"")in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}const N=g().dom||g(),P=g().getComponent("Component"),O=g().getComponent("ClickableComponent");class L extends O{constructor(t){for(var e=arguments.length,n=new Array(e>1?e-1:0),i=1;i<e;i++)n[i-1]=arguments[i];super(t,...n),U(this,"_hide",(()=>{this.removeClass(L.VJS_UPCOMING_VIDEO_SHOW)})),U(this,"_onPlaylistItemChange",((t,e)=>{this._hide(),this._disableTransition((()=>{e.next&&this.setItem(e.next)}))})),U(this,"_show",(()=>{const t=this.player().ima,e="object"===t&&t.getAdsManager();e&&e.getCurrentAd()&&!e.getCurrentAd().isLinear()||this.addClass(L.VJS_UPCOMING_VIDEO_SHOW)})),this._setEvents(t)}_setEvents(t){t.on(s.f.UP_COMING_VIDEO_SHOW,this._show),t.on(s.f.UP_COMING_VIDEO_HIDE,this._hide),t.on(s.f.PLAYLIST_ITEM_CHANGED,this._onPlaylistItemChange)}_disableTransition(t){this.addClass(L.DISABLE_TRANSITION_CLASS),t(),this.removeClass(L.DISABLE_TRANSITION_CLASS)}setTitle(t){this.getChild("upcomingVideoOverlayContent").getChild("upcomingVideoOverlayBar").getChild("upcomingVideoOverlayTitle").setContent(t.info().title||t.publicId())}setItem(t){this._source=t;const e=parseInt(window.getComputedStyle(this.el(),null).getPropertyValue("max-width"),10),n={crop:"pad",background:"auto:predominant",width:e,height:Math.round(e*(9/16))},i=this.getChild("upcomingVideoOverlayContent");this.setTitle(t),i.el().style.backgroundImage='url("'.concat(this._source.poster().url({transformation:n}),'")')}handleClick(){super.handleClick(event),this.player().cloudinary.playlist().playNext()}createEl(){return super.createEl("div",{className:"vjs-upcoming-video"})}}U(L,"DISABLE_TRANSITION_CLASS","disable-transition"),U(L,"VJS_UPCOMING_VIDEO_SHOW","vjs-upcoming-video-show");class D extends P{createEl(){return super.createEl("div",{className:"upcoming-video-overlay aspect-ratio-content"})}}class F extends P{createEl(){return super.createEl("div",{className:"vjs-upcoming-video-bar"})}}L.prototype.options_={children:["upcomingVideoOverlayContent"]},g().registerComponent("upcomingVideoOverlay",L),D.prototype.options_={children:["upcomingVideoOverlayBar"]},g().registerComponent("upcomingVideoOverlayContent",D),F.prototype.options_={children:["upcomingVideoOverlayTitle","playlistNextButton"]},g().registerComponent("upcomingVideoOverlayBar",F),g().registerComponent("upcomingVideoOverlayTitle",class extends P{setContent(t){this._contentSpan.innerText=t}createEl(){const t=super.createEl("div",{className:"vjs-control vjs-upcoming-video-title"}),e=N.createEl("div",{className:"vjs-upcoming-video-title-display",innerHTML:'<span class="vjs-control-text">Next up</span>Next up: '});return this._contentSpan=N.createEl("span",{className:"vjs-upcoming-video-title-display-label"}),e.appendChild(this._contentSpan),t.appendChild(e),t}});const G=g().getComponent("ClickableComponent");const z=class extends G{constructor(t,e){super(t,e);const n=e.type;if(!n&&"previous"!==n&&"next"!==n)throw new Error("Type must be either 'previous' or 'next'")}createEl(){const t=this.options_.type,e="vjs-icon-".concat(t,"-item");return g().dom.createEl("button",{className:"vjs-control vjs-playlist-button vjs-button ".concat(e),ariaLabel:"Playlist ".concat(t," item")})}};class R extends z{constructor(t){super(t,{type:"next"})}handleClick(t){t.stopPropagation(),super.handleClick(t),this.player().cloudinary.playlist().playNext()}}g().registerComponent("PlaylistNextButton",R);class M extends z{constructor(t){super(t,{type:"previous"})}handleClick(t){super.handleClick(t),this.player().cloudinary.playlist().playPrevious()}}g().registerComponent("PlaylistPreviousButton",M);var V=n(999),W={};W.styleTagTransform=B(),W.setAttributes=E(),W.insert=b().bind(null,"head"),W.domAPI=f(),W.insertStyleElement=k();y()(V.A,W);V.A&&V.A.locals&&V.A.locals;const H={fluid:!1,show:!0,direction:"vertical",total:4,selector:!1,renderTo:[]};var q=n(3444),Y={};Y.styleTagTransform=B(),Y.setAttributes=E(),Y.insert=b().bind(null,"head"),Y.domAPI=f(),Y.insertStyleElement=k();y()(q.A,Y);q.A&&q.A.locals&&q.A.locals;function J(t,e,n){var i;return(e="symbol"==typeof(i=function(t,e){if("object"!=typeof t||!t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var i=n.call(t,e||"default");if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(e,"string"))?i:i+"")in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}const K=class{constructor(t){var e=this;let n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],{repeat:i=!1,autoAdvance:o=!1,presentUpcoming:l=!1}=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};J(this,"playlistByTag",(function(t){let n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return e.player().sourcesByTag(t,n).then((t=>e.player().playlist(t,n)))})),this._context=t,this._sources=[],this._defaultRecResolverCache={},this._currentIndex=null,this._recommendationsHandler=null,this._autoAdvance=null,this._presentUpcoming=null,this.addUiComponents(),this.resetState=()=>{this.repeat(i),this.autoAdvance(o),this.presentUpcoming(l)},n.forEach((t=>this.enqueue(t))),this.resetState()}list(){return this._sources}player(){return this._context.player}addUiComponents(){const t=this.player().getChild("ControlBar"),e=t.children();t.addChild("playlistPreviousButton",{},e.findIndex((t=>"PlayToggle"===t.name_))),t.addChild("playlistNextButton",{},e.findIndex((t=>"PlayToggle"===t.name_))+1),this.player().addChild("upcomingVideoOverlay")}presentUpcoming(t){if(this._presentUpcoming=this._presentUpcoming||{},void 0===t)return this._presentUpcoming.delay;if(!0===t)t=10;else if(!1===t)t=!1;else if(!m()(t)||t<0)throw new Error("presentUpcoming 'delay' must be either a boolean or a positive integer.");return this._presentUpcoming.delay=t,this._setupPresentUpcoming(),this._presentUpcoming.delay}autoAdvance(t){if(this._autoAdvance=this._autoAdvance||{},void 0===t)return this._autoAdvance.delay;if(!0===t)t=0;else if(!1===t)t=!1;else if(!m()(t)||t<0)throw new Error("Auto advance 'delay' must be either a boolean or a positive integer.");return this._autoAdvance.delay=t,this._setupAutoAdvance(),this._autoAdvance.delay}_setupAutoAdvance(){this._resetAutoAdvance();const t=this._autoAdvance.delay;if(!1===t)return;this._autoAdvance={delay:t,trigger:()=>{this.player().ended()&&(this._autoAdvance.timeout=setTimeout((()=>{this.playNext()}),1e3*t))}},this._context.on("ended",this._autoAdvance.trigger)}dispose(){this._resetAutoAdvance(),this._resetPresentUpcoming(),this._resetRecommendations()}_resetPresentUpcoming(){this.player().trigger("upcomingvideohide"),this._presentUpcoming||(this._presentUpcoming={}),this._presentUpcoming.trigger&&this._context.off("timeupdate",this._presentUpcoming.trigger),this._presentUpcoming.trigger=null,this._presentUpcoming.showTriggered=!1}_setupPresentUpcoming(){this._resetPresentUpcoming();!1!==this._presentUpcoming.delay&&(this._presentUpcoming.trigger=()=>{const t=this.player().currentTime(),e=this.player().duration()-t;e<1.5?this._presentUpcoming.showTriggered&&(this.player().trigger("upcomingvideohide"),this._presentUpcoming.showTriggered=!1):e<=this._presentUpcoming.delay&&!this._presentUpcoming.showTriggered&&!this.player().loop()?(this.player().trigger("upcomingvideoshow"),this._presentUpcoming.showTriggered=!0):this._presentUpcoming.showTriggered&&(e>this._presentUpcoming.delay||this.player().loop())&&(this.player().trigger("upcomingvideohide"),this._presentUpcoming.showTriggered=!1)},this._context.on("timeupdate",this._presentUpcoming.trigger))}_resetAutoAdvance(){this._autoAdvance||(this._autoAdvance={}),this._autoAdvance.timeout&&clearTimeout(this._autoAdvance.timeout),this._autoAdvance.trigger&&this._context.off("ended",this._autoAdvance.trigger),this._autoAdvance.timeout=null,this._autoAdvance.trigger=null}_resetRecommendations(){this._recommendationsHandler&&this._context.off("ended",this._recommendationsHandler)}_refreshRecommendations(){this._resetRecommendations(),this._recommendationsHandler=()=>{!1===this.autoAdvance()&&this._context.autoShowRecommendations()&&this.player().trigger("recommendationsshow")},this._context.on("ended",this._recommendationsHandler)}_refreshTextTracks(){this.player().trigger("refreshTextTracks",this.currentSource().textTracks())}_recommendationItemBuilder(t){const e=this._defaultRecResolverCache[t.objectId];if(!t.recommendations()||e&&t.recommendations()===e)return t=>({source:t,action:()=>this.playItem(t)})}currentIndex(t){if(void 0===t)return this._currentIndex;if(t>=this.length()||t<0)throw new Error("Invalid playlist index.");this._currentIndex=t;const e=this.currentSource(),n=this._recommendationItemBuilder(e);e.recommendations()||e.recommendations(this._defaultRecommendationsResolver(e)),this._context.source(e,{recommendationOptions:{disableAutoShow:!0,itemBuilder:n}});const i={playlist:this,current:e,next:this.next()};return this.player().trigger("playlistitemchanged",i),this._refreshRecommendations(),this._refreshTextTracks(),e}_defaultRecommendationsResolver(t){const e=this._defaultRecResolverCache[t.objectId];return e||(this._defaultRecResolverCache[t.objectId]=()=>{let e=this.list().indexOf(t);const n=[],i=Math.min(4,this.length()-1);for(;n.length<i&&(e=this.nextIndex(e),-1!==e);){const t=this.list()[e];n.push(t)}return n},this._defaultRecResolverCache[t.objectId])}buildSource(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return this._context.buildSource(t,e)}enqueue(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};const n=t instanceof u.A?t:this.buildSource(t,e);return this._sources.push(n),n}playItem(t){let e=this.list().indexOf(t);if(-1===e)throw new Error("Invalid playlist item.");this.playAtIndex(e)}playAtIndex(t){return this.currentIndex(t),this.player().play(),this.currentSource()}currentSource(){return this.list()[this.currentIndex()]}removeAt(t){if(t>=this.length()||t<0)throw new Error("Invalid playlist index.");return this._sources.splice(t,1),this}repeat(t){return void 0===t||(this._repeat=!!t),this._repeat}first(){return this.list()[0]}last(){return this.list()[this.length()-1]}next(){const t=this.nextIndex();return-1===t?null:this.list()[t]}nextIndex(t){if((t=void 0!==t?t:this.currentIndex())>=this.length()||t<0)throw new Error("Invalid playlist index.");let e=t+1;if(t===this.length()-1){if(!this.repeat())return-1;e=0}return e}previousIndex(){return this.isFirst()?-1:this.currentIndex()-1}playFirst(){return this.playAtIndex(0)}playLast(){const t=this.list().length-1;return this.playAtIndex(t)}isLast(){return this.currentIndex()>=this.length()-1}isFirst(){return 0===this.currentIndex()}length(){return this.list().length}playNext(){let t=this.nextIndex();return-1===t?null:this.playAtIndex(t)}playPrevious(){let t=this.previousIndex();return-1===t?null:this.playAtIndex(t)}},$=(t,e)=>(t.parentNode.insertBefore(e,t),e.appendChild(t),e);var Q=n(3066);const Z=g().dom||g(),X=g().getComponent("Component"),tt={wrap:!1};class et extends X{constructor(t,e){const n={...tt,...e};super(t,n),this.player_=t;const i=(t,e)=>{this.options_.fluid=e,this.removeCls(),this.setCls()},o=()=>{const t=this.el();this.videoWrap_=Z.createEl("div",{className:"cld-plw-col-player"}),this.contentEl_=this.contentEl_=Z.createEl("div",{className:"cld-plw-col-list"}),$(this.player().el(),t),t.appendChild(this.videoWrap_),t.appendChild(this.contentEl_),$(this.player().el(),this.videoWrap_)};n.wrap&&o(),t.on(s.f.FLUID,i),this.addChild(s.f.PLAYLIST_PANEL,this.options_),this.setCls(),this.dispose=()=>{this.removeLayout(),super.dispose(),t.off(s.f.FLUID,i)}}getCls(){let t=["cld-video-player","cld-plw-layout"];return t.push((0,Q.skinClassPrefix)(this.player())),t.push((0,Q.playerClassPrefix)(this.player())),this.options_.fluid&&t.push("cld-plw-layout-fluid"),t}setCls(){this.removeClass((0,Q.skinClassPrefix)(this.player())),this.getCls().forEach((t=>{this.addClass(t)}))}removeCls(){this.getCls().forEach((t=>{this.removeClass(t)}))}update(t,e){this.options(e),this.removeChild("PlaylistPanel"),this.addChild("PlaylistPanel",this.options_),this.trigger("playlistlayoutupdate")}removeLayout(){const t=this.el().parentElement;t&&t.appendChild(this.player().el())}createEl(){const t=super.createEl("div");return t.style.fontFamily=this.player().el().style.fontFamily,t}}g().registerComponent("playlistLayout",et);const nt=et;const it=class extends nt{constructor(t,e){e.wrap=!0,super(t,e)}getCls(){const t=super.getCls();return t.push("cld-plw-horizontal"),t}};const ot=class extends nt{constructor(t,e){e.wrap=!0,super(t,e)}getCls(){const t=super.getCls();return t.push("cld-plw-vertical"),t}};const lt=class extends nt{getCls(){let t=super.getCls();return t.push("cld-plw-custom"),t}createEl(){const t=super.createEl();return this.options_.renderTo.appendChild(t),t}};const st=class{constructor(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};e=((t,e)=>{const n={...H,...e};if(n.show&&"string"==typeof n.selector&&(n.useDefaultLayout=!1,n.useCustomLayout=!0,n.renderTo=document.querySelector(n.selector),n.showAll=!0,0===!n.renderTo.length))throw new Error("Couldn't find element(s) by selector '".concat(n.selector,"' for playlist"));return n.show&&!n.selector&&(n.useDefaultLayout=!0,n.useCustomLayout=!1),n.direction="horizontal"===n.direction.toLowerCase()?"horizontal":"vertical",n.skin=t.options_.skin,n})(t,e),this.options_=e,this.player_=t,this.render();const n=(t,e)=>{this.options_.fluid=e};t.on(s.f.FLUID,n),this.options=e=>e?(this.options_=g().obj.merge(this.options_,e),t.trigger("playlistwidgetoption",this.options_.playlistWidget),this.options_):this.options_,this.dispose=()=>{this.layout_.dispose(),t.off(s.f.FLUID,n)}}render(){this.options_.useDefaultLayout&&("horizontal"===this.options_.direction?this.layout_=new it(this.player_,this.options_):this.layout_=new ot(this.player_,this.options_)),this.options_.useCustomLayout&&(this.layout_=new lt(this.player_,this.options_))}getLayout(){return this.layout_}update(t,e){this.options(e),"direction"===t?(this.layout_.removeLayout(),this.layout_.dispose(),this.render()):this.layout_.update(t,this.options_)}setSkin(){this.layout_.setCls()}total(){const t=parseInt(arguments.length>0&&void 0!==arguments[0]?arguments[0]:H.total,10);return t!==this.options_.total&&"number"==typeof t&&t>0&&this.update("total",{total:t}),this}direction(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:H.direction;return"horizontal"!==t&&"vertical"!==t||this.update("direction",{direction:t}),this}};var rt=n(1511),at={};at.styleTagTransform=B(),at.setAttributes=E(),at.insert=b().bind(null,"head"),at.domAPI=f(),at.insertStyleElement=k();y()(rt.A,at);rt.A&&rt.A.locals&&rt.A.locals;const ct=g().getComponent("ClickableComponent"),pt={item:null,transformation:{width:300,aspect_ratio:"16:9",crop:"pad",background:"black"}};const dt=class extends ct{constructor(t,e){super(t,g().obj.merge(pt,e))}getItem(){return this.options_.item}getTitle(){return this.getItem().info().title}getDuration(){return" "}getThumbnail(){return this.getItem().poster().url({transformation:this.options_.transformation})}handleClick(t){t.preventDefault()}createControlTextEl(){}createEl(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"a";const e=super.createEl(t,{className:"cld-thumbnail",href:"#"}),n=super.createEl("img",{className:"cld-thumbnail-img",src:this.getThumbnail()});return e.appendChild(n),e.style.backgroundImage="url('".concat(this.getThumbnail(),"')"),e}},At=g().dom||g(),ut={source:null,next:!1};class ht extends dt{constructor(t,e){super(t,g().obj.merge(ut,e))}handleClick(t){super.handleClick(t),this.play()}play(){const t=this.getItem(),e=this.player().cloudinary.playlist().list().indexOf(t);if(-1===e)throw new Error("Invalid playlist item...");this.player().cloudinary.playlist().playAtIndex(e)}isCurrent(){return this.options_.current}getTitle(){return super.getTitle()}getDuration(){return super.getDuration()}createEl(){const t=super.createEl();t.classList.add("cld-plw-panel-item");const e=At.createEl("div",{className:"cld-plw-item-info-wrap"}),n=At.createEl("div",{className:"cld-plw-item-title"});if(this.isCurrent()){t.classList.add("cld-plw-panel-item-active");const e=At.createEl("span",{className:"cld-plw-item-title-curr"},{},"Now Playing: ");n.appendChild(e)}const i=At.createEl("span",{className:"cld-plw-item-title"},{},this.getTitle());n.appendChild(i);const o=At.createEl("div",{className:"cld-plw-item-duration"},{},this.getDuration());return e.appendChild(n),e.appendChild(o),t&&t.appendChild(e),t.appendChild(e),t}}g().registerComponent("playlistPanelItem",ht);const mt=ht,Ct=g().getComponent("Component");class gt extends Ct{constructor(t){super(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:{});const e=()=>{this.render()};t.on(s.f.PLAYLIST_ITEM_CHANGED,e),this.render(),this.dispose=()=>{super.dispose(),t.off(s.f.PLAYLIST_ITEM_CHANGED,e)}}createEl(){const t=super.createEl();return t.classList.add("cld-plw-panel"),t}removeAll(){const t=this.children();for(let e=t.length-1;e>=0;--e)this.removeChild(t[e])}getItems(){const t=this.player().cloudinary.playlist(),e=t._repeat;if(this.options_.showAll)return t.list();const n=[],i=this.options_.total;let o=t.currentIndex(),l=t.list()[o];for(n.push(l);n.length<i;){if(o=t.nextIndex(o),-1===o){if(!e&&n.length>0)break;o=0}l=t.list()[o],n.push(l)}return n}render(){const t=this.getItems();this.removeAll(),t.forEach(((t,e)=>{const n=new mt(this.player(),g().obj.merge(this.options_,{item:t,next:1===e,current:0===e}));this.addChild(n)}))}}g().registerComponent("playlistPanel",gt);const vt={format:"json",resource_type:"video",type:"list"},yt=function(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};const n=(0,l.sliceProperties)(e,"chainTarget").chainTarget;let i=null,a=null,c=null;const p=()=>{t.on(s.f.PLAYLIST_CREATED,(()=>{c&&c.dispose(),o()(e.playlistWidget)&&(t.fluid_&&(e.playlistWidget.fluid=!0),t.cloudinary.fontFace&&(e.playlistWidget.fontFace=t.cloudinary.fontFace),c=new st(t,e.playlistWidget))}))},d=(e,n)=>{e instanceof K?(i=e,i.resetState(),i.currentIndex(i.currentIndex())):(i=new K(t.cloudinary,e,n),i.currentIndex(0)),p(),a=(()=>{const e=()=>{i&&!i.currentSource().contains(t.currentSource())&&t.disposePlaylist()};return t.on("cldsourcechanged",e),e})(),t.addClass("vjs-playlist")};return t.cloudinary.sourcesByTag=async function(e){let n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};const i=(0,r.KA)(e,Object.assign({},t.cloudinary.cloudinaryConfig(),vt)),o=await fetch(i),l=await o.json(),s=A(l.resources);n.sorter&&s.sort(n.sorter);return s.map((e=>{let i=n.sourceParams||{};"function"==typeof i&&(i=i(e));const o=e.context&&e.context.custom||{},l=Object.assign({info:o},i,{publicId:e.publicId});return t.cloudinary.buildSource(l)}))},function(e){let o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return void 0===e?i:(i&&(t.removeClass("vjs-playlist"),i=void 0,t.playlist().dispose(),t.off("cldsourcechanged",a)),d(e,o),t.trigger("playlistcreated"),n)}}},999:(t,e,n)=>{"use strict";n.d(e,{A:()=>r});var i=n(4942),o=n.n(i),l=n(278),s=n.n(l)()(o());s.push([t.id,".cld-video-player .vjs-playlist-button{display:none}.cld-video-player.vjs-playlist .vjs-playlist-button{display:block}","",{version:3,sources:["webpack://./plugins/playlist/ui/components/playlist-buttons.scss"],names:[],mappings:"AAEE,uCACE,YAAA,CAKA,oDACE,aAAA",sourcesContent:[".cld-video-player {\n\n .vjs-playlist-button {\n display: none;\n }\n\n &.vjs-playlist {\n\n .vjs-playlist-button {\n display: block;\n }\n }\n\n}\n\n"],sourceRoot:""}]);const r=s},710:(t,e,n)=>{"use strict";n.d(e,{A:()=>r});var i=n(4942),o=n.n(i),l=n(278),s=n.n(l)()(o());s.push([t.id,".vjs-upcoming-video{opacity:0;transition:bottom .1s,visibility .2s,opacity .2s;visibility:hidden;position:absolute;bottom:4.5em;right:.75em;width:38.7%;max-width:30em;border:1px solid #e8e8e9}.vjs-upcoming-video .upcoming-video-overlay{aspect-ratio:16/9;background-size:cover;cursor:pointer}.vjs-upcoming-video .upcoming-video-overlay .vjs-upcoming-video-bar{display:flex;flex:auto;justify-content:space-between;position:absolute;height:3em;line-height:3em;width:100%;bottom:0px}.vjs-upcoming-video .upcoming-video-overlay .vjs-upcoming-video-bar .vjs-upcoming-video-title{flex:auto;text-align:left;display:block;width:auto;max-width:80%;padding-left:1em;padding-right:1em}.vjs-upcoming-video .upcoming-video-overlay .vjs-upcoming-video-bar .vjs-upcoming-video-title .vjs-upcoming-video-title-display{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.vjs-upcoming-video .upcoming-video-overlay .vjs-upcoming-video-bar .vjs-upcoming-video-title .vjs-upcoming-video-title-display .vjs-upcoming-video-title-display-label{font-weight:400}.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-upcoming-video{transition:bottom 1s,visibility .2s,opacity .2s;bottom:.7em}.vjs-upcoming-video.vjs-upcoming-video-show{transition:visibility .2s,opacity .2s;opacity:1;visibility:visible}.vjs-upcoming-video.disable-transition{transition:visibility 0s}@media only screen and (max-width: 768px){.vjs-upcoming-video:before{display:none}.cld-video-player.cld-video-player-skin-dark .vjs-upcoming-video,.cld-video-player.cld-video-player-skin-light .vjs-upcoming-video{border:none}.vjs-upcoming-video .aspect-ratio-content{background-image:none !important}}","",{version:3,sources:["webpack://./plugins/playlist/ui/components/upcoming-video-overlay.scss"],names:[],mappings:"AAIA,oBACE,SAAA,CACA,gDAAA,CAEA,iBAAA,CACA,iBAAA,CACA,YAAA,CACA,WAAA,CACA,WAAA,CACA,cAZyB,CAazB,wBAAA,CAEA,4CACE,iBAAA,CACA,qBAAA,CACA,cAAA,CAEA,oEACE,YAAA,CACA,SAAA,CACA,6BAAA,CAEA,iBAAA,CACA,UAAA,CACA,eAAA,CACA,UAAA,CACA,UAAA,CAEA,8FACE,SAAA,CACA,eAAA,CACA,aAAA,CACA,UAAA,CACA,aAAA,CACA,gBAAA,CACA,iBAAA,CAEA,gIACE,sBAAA,CACA,eAAA,CACA,kBAAA,CAEA,wKACE,eAAA,CAOV,mEACE,+CAAA,CACA,WAAA,CAGF,4CACE,qCA1DyB,CA2DzB,SAAA,CACA,kBAAA,CAGF,uCACE,wBAAA,CAIF,0CACE,2BACE,YAAA,CAGF,mIAEE,WAAA,CAGF,0CACE,gCAAA,CAAA",sourcesContent:["\n$upcoming-video-max-width: 30em;\n$_upcoming-video-transition: visibility 0.2s, opacity 0.2s;\n\n.vjs-upcoming-video {\n opacity: 0;\n transition: bottom 0.1s, $_upcoming-video-transition;\n\n visibility: hidden;\n position: absolute;\n bottom: 4.5em;\n right: 0.75em;\n width: 38.7%;\n max-width: $upcoming-video-max-width;\n border: 1px solid #E8E8E9;\n\n .upcoming-video-overlay {\n aspect-ratio: 16/9;\n background-size: cover;\n cursor: pointer;\n\n .vjs-upcoming-video-bar {\n display: flex;\n flex: auto;\n justify-content: space-between;\n\n position: absolute;\n height: 3.0em;\n line-height: 3.0em;\n width: 100%;\n bottom: 0px;\n\n .vjs-upcoming-video-title {\n flex: auto;\n text-align: left;\n display: block;\n width: auto;\n max-width: 80%;\n padding-left: 1em;\n padding-right: 1em;\n\n .vjs-upcoming-video-title-display {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n\n .vjs-upcoming-video-title-display-label {\n font-weight: 400;\n }\n }\n }\n }\n }\n\n .vjs-has-started.vjs-user-inactive.vjs-playing & {\n transition: bottom 1s, $_upcoming-video-transition;\n bottom: 0.7em;\n }\n\n &.vjs-upcoming-video-show {\n transition: $_upcoming-video-transition;\n opacity: 1;\n visibility: visible;\n }\n\n &.disable-transition {\n transition: visibility 0s;\n }\n\n\n @media only screen and (max-width: 768px) {\n &:before {\n display: none;\n }\n\n .cld-video-player.cld-video-player-skin-dark &,\n .cld-video-player.cld-video-player-skin-light & {\n border: none;\n }\n\n .aspect-ratio-content {\n background-image: none !important;\n }\n }\n}\n"],sourceRoot:""}]);const r=s},3444:(t,e,n)=>{"use strict";n.d(e,{A:()=>r});var i=n(4942),o=n.n(i),l=n(278),s=n.n(l)()(o());s.push([t.id,".cld-plw-horizontal .cld-plw-col-list{padding-top:14.0625%;position:relative}.cld-plw-horizontal .cld-plw-panel{overflow:auto;position:absolute;top:0;bottom:0;right:0;left:0;display:flex;flex-direction:row}.cld-plw-horizontal .cld-plw-panel-item{background-image:none;min-width:25%;max-width:25%}.cld-plw-horizontal .cld-plw-panel-item:first-child{margin-left:0}.cld-plw-horizontal .cld-plw-panel-item:last-child{margin-right:0}.cld-plw-vertical{display:flex;flex-direction:row}.cld-plw-vertical.cld-plw-layout>div:first-child{flex:1}.cld-plw-vertical .cld-plw-col-list{display:flex;flex-direction:column;min-width:20%}.cld-plw-vertical .cld-plw-panel{height:100%;overflow:auto}.cld-plw-vertical .cld-plw-panel-item{height:25%}.cld-plw-vertical .cld-plw-panel-item:last-child{margin-bottom:0}.cld-plw-item-title-next{font-weight:bold}.cld-plw-item-info-wrap{position:absolute;bottom:0;left:0;padding:5% 7%;width:100%;transition:color .25s;display:flex;flex-direction:row;justify-content:space-between;box-sizing:border-box}.cld-video-player-skin-dark .cld-plw-item-info-wrap{text-shadow:1px 1px 1px rgba(0,0,0,.3)}@media only screen and (max-width: 768px){.cld-video-player-skin-dark .cld-plw-item-info-wrap{background:var(--color-base)}}.cld-plw-item-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cld-plw-item-duration{margin-left:10px}.cld-plw-layout.cld-plw-layout-fluid{width:100%}.cld-plw-layout.cld-plw-vertical{flex-direction:row}.cld-plw-layout.cld-plw-horizontal{flex-direction:column}.cld-plw-custom{padding:4px}.cld-plw-custom .cld-plw-panel-item{background:none !important;margin:4px 0}.cld-plw-custom .cld-plw-panel-item:first-child{margin-top:0}.cld-plw-custom .cld-plw-panel-item:last-child{margin-bottom:0}.cld-plw-custom .cld-plw-panel-item img{display:block;width:150px}.cld-plw-custom .cld-plw-panel-item .cld-plw-item-info-wrap{left:160px}.cld-plw-custom .cld-plw-panel-item .cld-plw-item-title-next{display:block}@media only screen and (max-width: 768px){.cld-plw-layout.cld-plw-vertical,.cld-plw-layout.cld-plw-horizontal{flex-direction:column}.cld-plw-layout.cld-plw-vertical .cld-plw-panel,.cld-plw-layout.cld-plw-horizontal .cld-plw-panel{flex-direction:column}.cld-plw-layout.cld-plw-vertical .cld-plw-col-list,.cld-plw-layout.cld-plw-horizontal .cld-plw-col-list{width:inherit !important;height:inherit !important;max-height:340px}.cld-plw-layout.cld-plw-vertical .cld-plw-panel-item,.cld-plw-layout.cld-plw-horizontal .cld-plw-panel-item{background:none !important}.cld-plw-layout.cld-plw-vertical .cld-plw-panel-item img,.cld-plw-layout.cld-plw-horizontal .cld-plw-panel-item img{display:block;width:150px;height:84px}.cld-plw-layout.cld-plw-vertical .cld-plw-panel-item .cld-plw-item-info-wrap,.cld-plw-layout.cld-plw-horizontal .cld-plw-panel-item .cld-plw-item-info-wrap{left:150px;padding:15px 10px;top:0;right:0;width:auto}.cld-plw-layout.cld-plw-vertical .cld-plw-panel-item .cld-plw-item-title-next,.cld-plw-layout.cld-plw-horizontal .cld-plw-panel-item .cld-plw-item-title-next{display:block}.cld-plw-layout.cld-plw-vertical .cld-plw-panel-item .cld-plw-item-title-curr,.cld-plw-layout.cld-plw-horizontal .cld-plw-panel-item .cld-plw-item-title-curr{display:block}.cld-plw-layout.cld-plw-vertical .cld-plw-panel-item .cld-plw-item-title,.cld-plw-layout.cld-plw-horizontal .cld-plw-panel-item .cld-plw-item-title{white-space:normal}.cld-plw-layout.cld-plw-horizontal .cld-plw-col-list{padding-top:0;overflow:auto}.cld-plw-layout.cld-plw-horizontal .cld-plw-panel{position:initial}.cld-plw-layout.cld-plw-horizontal .cld-plw-panel-item{max-width:none}}","",{version:3,sources:["webpack://./plugins/playlist/ui/playlist.scss"],names:[],mappings:"AACE,sCACE,oBAAA,CACA,iBAAA,CAGF,mCACE,aAAA,CACA,iBAAA,CACA,KAAA,CACA,QAAA,CACA,OAAA,CACA,MAAA,CACA,YAAA,CACA,kBAAA,CAGF,wCACE,qBAAA,CACA,aAAA,CACA,aAAA,CAEA,oDACE,aAAA,CAGF,mDACE,cAAA,CAKN,kBACE,YAAA,CACA,kBAAA,CAGE,iDACE,MAAA,CAIJ,oCACE,YAAA,CACA,qBAAA,CACA,aAAA,CAGF,iCACE,WAAA,CACA,aAAA,CAGF,sCACE,UAAA,CAEA,iDACE,eAAA,CAKN,yBACE,gBAAA,CAGF,wBACE,iBAAA,CACA,QAAA,CACA,MAAA,CACA,aAAA,CACA,UAAA,CACA,qBAAA,CACA,YAAA,CACA,kBAAA,CACA,6BAAA,CACA,qBAAA,CAEA,oDACE,sCAAA,CAEA,0CAHF,oDAII,4BAAA,CAAA,CAKN,oBACE,sBAAA,CACA,kBAAA,CACA,eAAA,CAGF,uBACE,gBAAA,CAMA,qCACE,UAAA,CAGF,iCACE,kBAAA,CAGF,mCACE,qBAAA,CAIJ,gBACE,WAAA,CACA,oCACE,0BAAA,CACA,YAAA,CACA,gDACE,YAAA,CAGF,+CACE,eAAA,CAGF,wCACE,aAAA,CACA,WAAA,CAGF,4DACE,UAAA,CAGF,6DACE,aAAA,CAKN,0CAEI,oEAEE,qBAAA,CAEA,kGACE,qBAAA,CAGF,wGACE,wBAAA,CACA,yBAAA,CACA,gBAAA,CAGF,4GACE,0BAAA,CAEA,oHACE,aAAA,CACA,WAAA,CACA,WAAA,CAGF,4JACE,UAAA,CACA,iBAAA,CACA,KAAA,CACA,OAAA,CACA,UAAA,CAGF,8JACE,aAAA,CAGF,8JACE,aAAA,CAGF,oJACE,kBAAA,CAMJ,qDACE,aAAA,CACA,aAAA,CAGF,kDACE,gBAAA,CAGF,uDACE,cAAA,CAAA",sourcesContent:[".cld-plw-horizontal {\n .cld-plw-col-list {\n padding-top: 14.0625%;\n position: relative;\n }\n\n .cld-plw-panel {\n overflow: auto;\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n display: flex;\n flex-direction: row;\n }\n\n .cld-plw-panel-item {\n background-image: none;\n min-width: 25%;\n max-width: 25%;\n\n &:first-child {\n margin-left: 0;\n }\n\n &:last-child {\n margin-right: 0;\n }\n }\n}\n\n.cld-plw-vertical {\n display: flex;\n flex-direction: row;\n\n &.cld-plw-layout {\n > div:first-child {\n flex: 1;\n }\n }\n\n .cld-plw-col-list {\n display: flex;\n flex-direction: column;\n min-width: 20%;\n }\n\n .cld-plw-panel {\n height: 100%;\n overflow: auto;\n }\n\n .cld-plw-panel-item {\n height: 25%;\n\n &:last-child {\n margin-bottom: 0;\n }\n }\n}\n\n.cld-plw-item-title-next {\n font-weight: bold;\n}\n\n.cld-plw-item-info-wrap {\n position: absolute;\n bottom: 0;\n left: 0;\n padding: 5% 7%;\n width: 100%;\n transition: color 0.25s;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n box-sizing: border-box;\n\n .cld-video-player-skin-dark & {\n text-shadow: 1px 1px 1px rgba(#000, 0.3);\n\n @media only screen and (max-width: 768px) {\n background: var(--color-base);\n }\n }\n}\n\n.cld-plw-item-title {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n}\n\n.cld-plw-item-duration {\n margin-left: 10px;\n}\n\n/* Default Playlist Layout */\n\n.cld-plw-layout {\n &.cld-plw-layout-fluid {\n width: 100%;\n }\n\n &.cld-plw-vertical {\n flex-direction: row;\n }\n\n &.cld-plw-horizontal {\n flex-direction: column;\n }\n}\n\n.cld-plw-custom {\n padding: 4px;\n .cld-plw-panel-item {\n background: none !important;\n margin: 4px 0;\n &:first-child {\n margin-top: 0;\n }\n\n &:last-child {\n margin-bottom: 0;\n }\n\n img {\n display: block;\n width: 150px;\n }\n\n .cld-plw-item-info-wrap {\n left: 160px;\n }\n\n .cld-plw-item-title-next {\n display: block;\n }\n }\n}\n\n@media only screen and (max-width: 768px) {\n .cld-plw-layout {\n &.cld-plw-vertical,\n &.cld-plw-horizontal {\n flex-direction: column;\n\n .cld-plw-panel {\n flex-direction: column;\n }\n\n .cld-plw-col-list {\n width: inherit !important;\n height: inherit !important;\n max-height: 340px;\n }\n\n .cld-plw-panel-item {\n background: none !important;\n\n img {\n display: block;\n width: 150px;\n height: 84px;\n }\n\n .cld-plw-item-info-wrap {\n left: 150px;\n padding: 15px 10px;\n top: 0;\n right: 0;\n width: auto;\n }\n\n .cld-plw-item-title-next {\n display: block;\n }\n\n .cld-plw-item-title-curr {\n display: block;\n }\n\n .cld-plw-item-title {\n white-space: normal;\n }\n }\n }\n\n &.cld-plw-horizontal {\n .cld-plw-col-list {\n padding-top: 0;\n overflow: auto;\n }\n\n .cld-plw-panel {\n position: initial;\n }\n\n .cld-plw-panel-item {\n max-width: none;\n }\n }\n }\n}\n"],sourceRoot:""}]);const r=s},1511:(t,e,n)=>{"use strict";n.d(e,{A:()=>r});var i=n(4942),o=n.n(i),l=n(278),s=n.n(l)()(o());s.push([t.id,'.cld-thumbnail{position:relative;display:block;width:100%;overflow:hidden;font-size:1em;text-align:left;background-repeat:no-repeat;background-size:cover;background-position:center}.cld-thumbnail .cld-thumbnail-img{display:none}.cld-thumbnail:before{content:"";position:absolute;top:40%;max-height:60%;right:0;bottom:0;left:0;background:linear-gradient(to top, var(--color-base), transparent 80%);opacity:.6}.cld-thumbnail.cld-plw-panel-item-active{border:1px solid var(--color-accent);box-sizing:border-box}.cld-thumbnail.cld-plw-panel-item-active .cld-plw-item-info-wrap{color:var(--color-accent)}.cld-plw-panel-item:hover:after{content:"";position:absolute;width:100%;height:100%;top:0px;left:0px;background-color:var(--color-text);opacity:.2}@media only screen and (max-width: 768px){.cld-thumbnail:before{background:none}}',"",{version:3,sources:["webpack://./plugins/playlist/ui/thumbnail/thumbnail.scss"],names:[],mappings:"AAAA,eACE,iBAAA,CACA,aAAA,CACA,UAAA,CACA,eAAA,CACA,aAAA,CACA,eAAA,CACA,2BAAA,CACA,qBAAA,CACA,0BAAA,CAEA,kCACE,YAAA,CAGF,sBACE,UAAA,CACA,iBAAA,CACA,OAAA,CACA,cAAA,CACA,OAAA,CACA,QAAA,CACA,MAAA,CACA,sEAAA,CACA,UAAA,CAGF,yCACE,oCAAA,CACA,qBAAA,CACA,iEACE,yBAAA,CAKN,gCACE,UAAA,CACA,iBAAA,CACA,UAAA,CACA,WAAA,CACA,OAAA,CACA,QAAA,CACA,kCAAA,CACA,UAAA,CAGF,0CACE,sBACE,eAAA,CAAA",sourcesContent:[".cld-thumbnail {\n position: relative;\n display: block;\n width: 100%;\n overflow: hidden;\n font-size: 1em;\n text-align: left;\n background-repeat: no-repeat;\n background-size: cover;\n background-position: center;\n\n .cld-thumbnail-img {\n display: none;\n }\n\n &:before {\n content: '';\n position: absolute;\n top: 40%;\n max-height: 60%;\n right: 0;\n bottom: 0;\n left: 0;\n background: linear-gradient(to top, var(--color-base), transparent 80%);\n opacity: 0.6;\n }\n\n &.cld-plw-panel-item-active {\n border: 1px solid var(--color-accent);\n box-sizing: border-box;\n .cld-plw-item-info-wrap {\n color: var(--color-accent);\n }\n }\n}\n\n.cld-plw-panel-item:hover:after {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0px;\n left: 0px;\n background-color: var(--color-text);\n opacity: 0.2;\n}\n\n@media only screen and (max-width: 768px) {\n .cld-thumbnail:before {\n background: none;\n }\n}\n"],sourceRoot:""}]);const r=s},278:t=>{"use strict";t.exports=function(t){var e=[];return e.toString=function(){return this.map((function(e){var n="",i=void 0!==e[5];return e[4]&&(n+="@supports (".concat(e[4],") {")),e[2]&&(n+="@media ".concat(e[2]," {")),i&&(n+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),n+=t(e),i&&(n+="}"),e[2]&&(n+="}"),e[4]&&(n+="}"),n})).join("")},e.i=function(t,n,i,o,l){"string"==typeof t&&(t=[[null,t,void 0]]);var s={};if(i)for(var r=0;r<this.length;r++){var a=this[r][0];null!=a&&(s[a]=!0)}for(var c=0;c<t.length;c++){var p=[].concat(t[c]);i&&s[p[0]]||(void 0!==l&&(void 0===p[5]||(p[1]="@layer".concat(p[5].length>0?" ".concat(p[5]):""," {").concat(p[1],"}")),p[5]=l),n&&(p[2]?(p[1]="@media ".concat(p[2]," {").concat(p[1],"}"),p[2]=n):p[2]=n),o&&(p[4]?(p[1]="@supports (".concat(p[4],") {").concat(p[1],"}"),p[4]=o):p[4]="".concat(o)),e.push(p))}},e}},4942:t=>{"use strict";t.exports=function(t){var e=t[1],n=t[3];if(!n)return e;if("function"==typeof btoa){var i=btoa(unescape(encodeURIComponent(JSON.stringify(n)))),o="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(i),l="/*# ".concat(o," */");return[e].concat([l]).join("\n")}return[e].join("\n")}},8812:(t,e,n)=>{var i=n(2140),o=/^\s+/;t.exports=function(t){return t?t.slice(0,i(t)+1).replace(o,""):t}},2140:t=>{var e=/\s/;t.exports=function(t){for(var n=t.length;n--&&e.test(t.charAt(n)););return n}},4466:(t,e,n)=>{var i=n(9445);t.exports=function(t){return"number"==typeof t&&t==i(t)}},4764:(t,e,n)=>{var i=n(5378),o=1/0;t.exports=function(t){return t?(t=i(t))===o||t===-1/0?17976931348623157e292*(t<0?-1:1):t==t?t:0:0===t?t:0}},9445:(t,e,n)=>{var i=n(4764);t.exports=function(t){var e=i(t),n=e%1;return e==e?n?e-n:e:0}},5378:(t,e,n)=>{var i=n(8812),o=n(8953),l=n(5414),s=/^[-+]0x[0-9a-f]+$/i,r=/^0b[01]+$/i,a=/^0o[0-7]+$/i,c=parseInt;t.exports=function(t){if("number"==typeof t)return t;if(l(t))return NaN;if(o(t)){var e="function"==typeof t.valueOf?t.valueOf():t;t=o(e)?e+"":e}if("string"!=typeof t)return 0===t?t:+t;t=i(t);var n=r.test(t);return n||a.test(t)?c(t.slice(2),n?2:8):s.test(t)?NaN:+t}},5292:t=>{"use strict";var e=[];function n(t){for(var n=-1,i=0;i<e.length;i++)if(e[i].identifier===t){n=i;break}return n}function i(t,i){for(var l={},s=[],r=0;r<t.length;r++){var a=t[r],c=i.base?a[0]+i.base:a[0],p=l[c]||0,d="".concat(c," ").concat(p);l[c]=p+1;var A=n(d),u={css:a[1],media:a[2],sourceMap:a[3],supports:a[4],layer:a[5]};if(-1!==A)e[A].references++,e[A].updater(u);else{var h=o(u,i);i.byIndex=r,e.splice(r,0,{identifier:d,updater:h,references:1})}s.push(d)}return s}function o(t,e){var n=e.domAPI(e);n.update(t);return function(e){if(e){if(e.css===t.css&&e.media===t.media&&e.sourceMap===t.sourceMap&&e.supports===t.supports&&e.layer===t.layer)return;n.update(t=e)}else n.remove()}}t.exports=function(t,o){var l=i(t=t||[],o=o||{});return function(t){t=t||[];for(var s=0;s<l.length;s++){var r=n(l[s]);e[r].references--}for(var a=i(t,o),c=0;c<l.length;c++){var p=n(l[c]);0===e[p].references&&(e[p].updater(),e.splice(p,1))}l=a}}},9383:t=>{"use strict";var e={};t.exports=function(t,n){var i=function(t){if(void 0===e[t]){var n=document.querySelector(t);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(t){n=null}e[t]=n}return e[t]}(t);if(!i)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");i.appendChild(n)}},9088:t=>{"use strict";t.exports=function(t){var e=document.createElement("style");return t.setAttributes(e,t.attributes),t.insert(e,t.options),e}},6884:(t,e,n)=>{"use strict";t.exports=function(t){var e=n.nc;e&&t.setAttribute("nonce",e)}},9893:t=>{"use strict";t.exports=function(t){if("undefined"==typeof document)return{update:function(){},remove:function(){}};var e=t.insertStyleElement(t);return{update:function(n){!function(t,e,n){var i="";n.supports&&(i+="@supports (".concat(n.supports,") {")),n.media&&(i+="@media ".concat(n.media," {"));var o=void 0!==n.layer;o&&(i+="@layer".concat(n.layer.length>0?" ".concat(n.layer):""," {")),i+=n.css,o&&(i+="}"),n.media&&(i+="}"),n.supports&&(i+="}");var l=n.sourceMap;l&&"undefined"!=typeof btoa&&(i+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(l))))," */")),e.styleTagTransform(i,t,e.options)}(e,t,n)},remove:function(){!function(t){if(null===t.parentNode)return!1;t.parentNode.removeChild(t)}(e)}}}},7997:t=>{"use strict";t.exports=function(t,e){if(e.styleSheet)e.styleSheet.cssText=t;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(t))}}}}]);
1
+ (self.cloudinaryVideoPlayerChunkLoading=self.cloudinaryVideoPlayerChunkLoading||[]).push([[33],{5826:(t,e,s)=>{"use strict";s.d(e,{default:()=>X});var i=s(4679),n=s.n(i),r=s(5871),o=s(1104),l=s(8033),a=s(3686),c=s.n(a);const d=[1,4,5,6,7,10,11],u=["created_at","updated_at"],p=t=>{const e={};return n()(t)?(Object.keys(t).reduce(((e,s)=>{const i=c()(s);return-1!==u.indexOf(s)?e[i]=new Date(function(t){let e=0,s=0,i=0;if(s=/^(\d{4}|[+\-]\d{6})(?:-(\d{2})(?:-(\d{2}))?)?(?:T(\d{2}):(\d{2})(?::(\d{2})(?:\.(\d{3}))?)?(?:(Z)|([+\-])(\d{2})(?::(\d{2}))?)?)?$/.exec(t)){for(let t,e=0;t=d[e];++e)s[t]=+s[t]||0;s[2]=(+s[2]||1)-1,s[3]=+s[3]||1,"Z"!==s[8]&&void 0!==s[9]&&(i=60*s[10]+s[11],"+"===s[9]&&(i=0-i)),e=Date.UTC(s[1],s[2],s[3],s[4],s[5]+i,s[6],s[7])}else e=NaN;return e}(t[s])):e[i]=p(t[s]),e}),e),e):Array.isArray(t)?t.map((t=>p(t))):t};var h=s(5381),m=s(4466),g=s.n(m),y=s(7938),_=s.n(y);function v(t,e,s){var i;return(e="symbol"==typeof(i=function(t,e){if("object"!=typeof t||!t)return t;var s=t[Symbol.toPrimitive];if(void 0!==s){var i=s.call(t,e||"default");if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(e,"string"))?i:i+"")in t?Object.defineProperty(t,e,{value:s,enumerable:!0,configurable:!0,writable:!0}):t[e]=s,t}const f=_().dom||_(),C=_().getComponent("Component"),x=_().getComponent("ClickableComponent");class I extends x{constructor(t){for(var e=arguments.length,s=new Array(e>1?e-1:0),i=1;i<e;i++)s[i-1]=arguments[i];super(t,...s),v(this,"_hide",(()=>{this.removeClass(I.VJS_UPCOMING_VIDEO_SHOW)})),v(this,"_onPlaylistItemChange",((t,e)=>{this._hide(),this._disableTransition((()=>{e.next&&this.setItem(e.next)}))})),v(this,"_show",(()=>{const t=this.player().ima,e="object"===t&&t.getAdsManager();e&&e.getCurrentAd()&&!e.getCurrentAd().isLinear()||this.addClass(I.VJS_UPCOMING_VIDEO_SHOW)})),this._setEvents(t)}_setEvents(t){t.on(o.f.UP_COMING_VIDEO_SHOW,this._show),t.on(o.f.UP_COMING_VIDEO_HIDE,this._hide),t.on(o.f.PLAYLIST_ITEM_CHANGED,this._onPlaylistItemChange)}_disableTransition(t){this.addClass(I.DISABLE_TRANSITION_CLASS),t(),this.removeClass(I.DISABLE_TRANSITION_CLASS)}setTitle(t){this.getChild("upcomingVideoOverlayContent").getChild("upcomingVideoOverlayBar").getChild("upcomingVideoOverlayTitle").setContent(t.info().title||t.publicId())}setItem(t){this._source=t;const e=parseInt(window.getComputedStyle(this.el(),null).getPropertyValue("max-width"),10),s={crop:"pad",background:"auto:predominant",width:e,height:Math.round(e*(9/16))},i=this.getChild("upcomingVideoOverlayContent");this.setTitle(t),i.el().style.backgroundImage='url("'.concat(this._source.poster().url({transformation:s}),'")')}handleClick(){super.handleClick(event),this.player().cloudinary.playlist().playNext()}createEl(){return super.createEl("div",{className:"vjs-upcoming-video"})}}v(I,"DISABLE_TRANSITION_CLASS","disable-transition"),v(I,"VJS_UPCOMING_VIDEO_SHOW","vjs-upcoming-video-show");class w extends C{createEl(){return super.createEl("div",{className:"upcoming-video-overlay aspect-ratio-content"})}}class A extends C{createEl(){return super.createEl("div",{className:"vjs-upcoming-video-bar"})}}I.prototype.options_={children:["upcomingVideoOverlayContent"]},_().registerComponent("upcomingVideoOverlay",I),w.prototype.options_={children:["upcomingVideoOverlayBar"]},_().registerComponent("upcomingVideoOverlayContent",w),A.prototype.options_={children:["upcomingVideoOverlayTitle","playlistNextButton"]},_().registerComponent("upcomingVideoOverlayBar",A),_().registerComponent("upcomingVideoOverlayTitle",class extends C{setContent(t){this._contentSpan.innerText=t}createEl(){const t=super.createEl("div",{className:"vjs-control vjs-upcoming-video-title"}),e=f.createEl("div",{className:"vjs-upcoming-video-title-display",innerHTML:'<span class="vjs-control-text">Next up</span>Next up: '});return this._contentSpan=f.createEl("span",{className:"vjs-upcoming-video-title-display-label"}),e.appendChild(this._contentSpan),t.appendChild(e),t}});const b=_().getComponent("ClickableComponent");const E=class extends b{constructor(t,e){super(t,e);const s=e.type;if(!s&&"previous"!==s&&"next"!==s)throw new Error("Type must be either 'previous' or 'next'")}createEl(){const t=this.options_.type,e="vjs-icon-".concat(t,"-item");return _().dom.createEl("button",{className:"vjs-control vjs-playlist-button vjs-button ".concat(e),ariaLabel:"Playlist ".concat(t," item")})}};class T extends E{constructor(t){super(t,{type:"next"})}handleClick(t){t.stopPropagation(),super.handleClick(t),this.player().cloudinary.playlist().playNext()}}_().registerComponent("PlaylistNextButton",T);class N extends E{constructor(t){super(t,{type:"previous"})}handleClick(t){super.handleClick(t),this.player().cloudinary.playlist().playPrevious()}}_().registerComponent("PlaylistPreviousButton",N);const P={fluid:!1,show:!0,direction:"vertical",total:4,selector:!1,renderTo:[]};function S(t,e,s){var i;return(e="symbol"==typeof(i=function(t,e){if("object"!=typeof t||!t)return t;var s=t[Symbol.toPrimitive];if(void 0!==s){var i=s.call(t,e||"default");if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(e,"string"))?i:i+"")in t?Object.defineProperty(t,e,{value:s,enumerable:!0,configurable:!0,writable:!0}):t[e]=s,t}const U=class{constructor(t){var e=this;let s=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],{repeat:i=!1,autoAdvance:n=!1,presentUpcoming:r=!1}=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};S(this,"playlistByTag",(function(t){let s=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return e.player().sourcesByTag(t,s).then((t=>e.player().playlist(t,s)))})),this._context=t,this._sources=[],this._defaultRecResolverCache={},this._currentIndex=null,this._recommendationsHandler=null,this._autoAdvance=null,this._presentUpcoming=null,this.addUiComponents(),this.resetState=()=>{this.repeat(i),this.autoAdvance(n),this.presentUpcoming(r)},s.forEach((t=>this.enqueue(t))),this.resetState()}list(){return this._sources}player(){return this._context.player}addUiComponents(){const t=this.player().getChild("ControlBar"),e=t.children();t.addChild("playlistPreviousButton",{},e.findIndex((t=>"PlayToggle"===t.name_))),t.addChild("playlistNextButton",{},e.findIndex((t=>"PlayToggle"===t.name_))+1),this.player().addChild("upcomingVideoOverlay")}presentUpcoming(t){if(this._presentUpcoming=this._presentUpcoming||{},void 0===t)return this._presentUpcoming.delay;if(!0===t)t=10;else if(!1===t)t=!1;else if(!g()(t)||t<0)throw new Error("presentUpcoming 'delay' must be either a boolean or a positive integer.");return this._presentUpcoming.delay=t,this._setupPresentUpcoming(),this._presentUpcoming.delay}autoAdvance(t){if(this._autoAdvance=this._autoAdvance||{},void 0===t)return this._autoAdvance.delay;if(!0===t)t=0;else if(!1===t)t=!1;else if(!g()(t)||t<0)throw new Error("Auto advance 'delay' must be either a boolean or a positive integer.");return this._autoAdvance.delay=t,this._setupAutoAdvance(),this._autoAdvance.delay}_setupAutoAdvance(){this._resetAutoAdvance();const t=this._autoAdvance.delay;if(!1===t)return;this._autoAdvance={delay:t,trigger:()=>{this.player().ended()&&(this._autoAdvance.timeout=setTimeout((()=>{this.playNext()}),1e3*t))}},this._context.on("ended",this._autoAdvance.trigger)}dispose(){this._resetAutoAdvance(),this._resetPresentUpcoming(),this._resetRecommendations()}_resetPresentUpcoming(){this.player().trigger("upcomingvideohide"),this._presentUpcoming||(this._presentUpcoming={}),this._presentUpcoming.trigger&&this._context.off("timeupdate",this._presentUpcoming.trigger),this._presentUpcoming.trigger=null,this._presentUpcoming.showTriggered=!1}_setupPresentUpcoming(){this._resetPresentUpcoming();!1!==this._presentUpcoming.delay&&(this._presentUpcoming.trigger=()=>{const t=this.player().currentTime(),e=this.player().duration()-t;e<1.5?this._presentUpcoming.showTriggered&&(this.player().trigger("upcomingvideohide"),this._presentUpcoming.showTriggered=!1):e<=this._presentUpcoming.delay&&!this._presentUpcoming.showTriggered&&!this.player().loop()?(this.player().trigger("upcomingvideoshow"),this._presentUpcoming.showTriggered=!0):this._presentUpcoming.showTriggered&&(e>this._presentUpcoming.delay||this.player().loop())&&(this.player().trigger("upcomingvideohide"),this._presentUpcoming.showTriggered=!1)},this._context.on("timeupdate",this._presentUpcoming.trigger))}_resetAutoAdvance(){this._autoAdvance||(this._autoAdvance={}),this._autoAdvance.timeout&&clearTimeout(this._autoAdvance.timeout),this._autoAdvance.trigger&&this._context.off("ended",this._autoAdvance.trigger),this._autoAdvance.timeout=null,this._autoAdvance.trigger=null}_resetRecommendations(){this._recommendationsHandler&&this._context.off("ended",this._recommendationsHandler)}_refreshRecommendations(){this._resetRecommendations(),this._recommendationsHandler=()=>{!1===this.autoAdvance()&&this._context.autoShowRecommendations()&&this.player().trigger("recommendationsshow")},this._context.on("ended",this._recommendationsHandler)}_refreshTextTracks(){this.player().trigger("refreshTextTracks",this.currentSource().textTracks())}_recommendationItemBuilder(t){const e=this._defaultRecResolverCache[t.objectId];if(!t.recommendations()||e&&t.recommendations()===e)return t=>({source:t,action:()=>this.playItem(t)})}currentIndex(t){if(void 0===t)return this._currentIndex;if(t>=this.length()||t<0)throw new Error("Invalid playlist index.");this._currentIndex=t;const e=this.currentSource(),s=this._recommendationItemBuilder(e);e.recommendations()||e.recommendations(this._defaultRecommendationsResolver(e)),this._context.source(e,{recommendationOptions:{disableAutoShow:!0,itemBuilder:s}});const i={playlist:this,current:e,next:this.next()};return this.player().trigger("playlistitemchanged",i),this._refreshRecommendations(),this._refreshTextTracks(),e}_defaultRecommendationsResolver(t){const e=this._defaultRecResolverCache[t.objectId];return e||(this._defaultRecResolverCache[t.objectId]=()=>{let e=this.list().indexOf(t);const s=[],i=Math.min(4,this.length()-1);for(;s.length<i&&(e=this.nextIndex(e),-1!==e);){const t=this.list()[e];s.push(t)}return s},this._defaultRecResolverCache[t.objectId])}buildSource(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return this._context.buildSource(t,e)}enqueue(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};const s=t instanceof h.A?t:this.buildSource(t,e);return this._sources.push(s),s}playItem(t){let e=this.list().indexOf(t);if(-1===e)throw new Error("Invalid playlist item.");this.playAtIndex(e)}playAtIndex(t){return this.currentIndex(t),this.player().play(),this.currentSource()}currentSource(){return this.list()[this.currentIndex()]}removeAt(t){if(t>=this.length()||t<0)throw new Error("Invalid playlist index.");return this._sources.splice(t,1),this}repeat(t){return void 0===t||(this._repeat=!!t),this._repeat}first(){return this.list()[0]}last(){return this.list()[this.length()-1]}next(){const t=this.nextIndex();return-1===t?null:this.list()[t]}nextIndex(t){if((t=void 0!==t?t:this.currentIndex())>=this.length()||t<0)throw new Error("Invalid playlist index.");let e=t+1;if(t===this.length()-1){if(!this.repeat())return-1;e=0}return e}previousIndex(){return this.isFirst()?-1:this.currentIndex()-1}playFirst(){return this.playAtIndex(0)}playLast(){const t=this.list().length-1;return this.playAtIndex(t)}isLast(){return this.currentIndex()>=this.length()-1}isFirst(){return 0===this.currentIndex()}length(){return this.list().length}playNext(){let t=this.nextIndex();return-1===t?null:this.playAtIndex(t)}playPrevious(){let t=this.previousIndex();return-1===t?null:this.playAtIndex(t)}},L=(t,e)=>(t.parentNode.insertBefore(e,t),e.appendChild(t),e);var O=s(3066);const j=_().dom||_(),k=_().getComponent("Component"),D={wrap:!1};class R extends k{constructor(t,e){const s={...D,...e};super(t,s),this.player_=t;const i=(t,e)=>{this.options_.fluid=e,this.removeCls(),this.setCls()},n=()=>{const t=this.el();this.videoWrap_=j.createEl("div",{className:"cld-plw-col-player"}),this.contentEl_=this.contentEl_=j.createEl("div",{className:"cld-plw-col-list"}),L(this.player().el(),t),t.appendChild(this.videoWrap_),t.appendChild(this.contentEl_),L(this.player().el(),this.videoWrap_)};s.wrap&&n(),t.on(o.f.FLUID,i),this.addChild(o.f.PLAYLIST_PANEL,this.options_),this.setCls(),this.dispose=()=>{this.removeLayout(),super.dispose(),t.off(o.f.FLUID,i)}}getCls(){let t=["cld-video-player","cld-plw-layout"];return t.push((0,O.skinClassPrefix)(this.player())),t.push((0,O.playerClassPrefix)(this.player())),this.options_.fluid&&t.push("cld-plw-layout-fluid"),t}setCls(){this.removeClass((0,O.skinClassPrefix)(this.player())),this.getCls().forEach((t=>{this.addClass(t)}))}removeCls(){this.getCls().forEach((t=>{this.removeClass(t)}))}update(t,e){this.options(e),this.removeChild("PlaylistPanel"),this.addChild("PlaylistPanel",this.options_),this.trigger("playlistlayoutupdate")}removeLayout(){const t=this.el().parentElement;t&&t.appendChild(this.player().el())}createEl(){const t=super.createEl("div");return t.style.fontFamily=this.player().el().style.fontFamily,t}}_().registerComponent("playlistLayout",R);const V=R;const B=class extends V{constructor(t,e){e.wrap=!0,super(t,e)}getCls(){const t=super.getCls();return t.push("cld-plw-horizontal"),t}};const H=class extends V{constructor(t,e){e.wrap=!0,super(t,e)}getCls(){const t=super.getCls();return t.push("cld-plw-vertical"),t}};const F=class extends V{getCls(){let t=super.getCls();return t.push("cld-plw-custom"),t}createEl(){const t=super.createEl();return this.options_.renderTo.appendChild(t),t}};const M=class{constructor(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};e=((t,e)=>{const s={...P,...e};if(s.show&&"string"==typeof s.selector&&(s.useDefaultLayout=!1,s.useCustomLayout=!0,s.renderTo=document.querySelector(s.selector),s.showAll=!0,0===!s.renderTo.length))throw new Error("Couldn't find element(s) by selector '".concat(s.selector,"' for playlist"));return s.show&&!s.selector&&(s.useDefaultLayout=!0,s.useCustomLayout=!1),s.direction="horizontal"===s.direction.toLowerCase()?"horizontal":"vertical",s.skin=t.options_.skin,s})(t,e),this.options_=e,this.player_=t,this.render();const s=(t,e)=>{this.options_.fluid=e};t.on(o.f.FLUID,s),this.options=e=>e?(this.options_=_().obj.merge(this.options_,e),t.trigger("playlistwidgetoption",this.options_.playlistWidget),this.options_):this.options_,this.dispose=()=>{this.layout_.dispose(),t.off(o.f.FLUID,s)}}render(){this.options_.useDefaultLayout&&("horizontal"===this.options_.direction?this.layout_=new B(this.player_,this.options_):this.layout_=new H(this.player_,this.options_)),this.options_.useCustomLayout&&(this.layout_=new F(this.player_,this.options_))}getLayout(){return this.layout_}update(t,e){this.options(e),"direction"===t?(this.layout_.removeLayout(),this.layout_.dispose(),this.render()):this.layout_.update(t,this.options_)}setSkin(){this.layout_.setCls()}total(){const t=parseInt(arguments.length>0&&void 0!==arguments[0]?arguments[0]:P.total,10);return t!==this.options_.total&&"number"==typeof t&&t>0&&this.update("total",{total:t}),this}direction(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:P.direction;return"horizontal"!==t&&"vertical"!==t||this.update("direction",{direction:t}),this}},W=_().getComponent("ClickableComponent"),G={item:null,transformation:{width:300,aspect_ratio:"16:9",crop:"pad",background:"black"}};const z=class extends W{constructor(t,e){super(t,_().obj.merge(G,e))}getItem(){return this.options_.item}getTitle(){return this.getItem().info().title}getDuration(){return" "}getThumbnail(){return this.getItem().poster().url({transformation:this.options_.transformation})}handleClick(t){t.preventDefault()}createControlTextEl(){}createEl(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"a";const e=super.createEl(t,{className:"cld-thumbnail",href:"#"}),s=super.createEl("img",{className:"cld-thumbnail-img",src:this.getThumbnail()});return e.appendChild(s),e.style.backgroundImage="url('".concat(this.getThumbnail(),"')"),e}},Y=_().dom||_(),$={source:null,next:!1};class q extends z{constructor(t,e){super(t,_().obj.merge($,e))}handleClick(t){super.handleClick(t),this.play()}play(){const t=this.getItem(),e=this.player().cloudinary.playlist().list().indexOf(t);if(-1===e)throw new Error("Invalid playlist item...");this.player().cloudinary.playlist().playAtIndex(e)}isCurrent(){return this.options_.current}getTitle(){return super.getTitle()}getDuration(){return super.getDuration()}createEl(){const t=super.createEl();t.classList.add("cld-plw-panel-item");const e=Y.createEl("div",{className:"cld-plw-item-info-wrap"}),s=Y.createEl("div",{className:"cld-plw-item-title"});if(this.isCurrent()){t.classList.add("cld-plw-panel-item-active");const e=Y.createEl("span",{className:"cld-plw-item-title-curr"},{},"Now Playing: ");s.appendChild(e)}const i=Y.createEl("span",{className:"cld-plw-item-title"},{},this.getTitle());s.appendChild(i);const n=Y.createEl("div",{className:"cld-plw-item-duration"},{},this.getDuration());return e.appendChild(s),e.appendChild(n),t&&t.appendChild(e),t.appendChild(e),t}}_().registerComponent("playlistPanelItem",q);const J=q,Z=_().getComponent("Component");class K extends Z{constructor(t){super(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:{});const e=()=>{this.render()};t.on(o.f.PLAYLIST_ITEM_CHANGED,e),this.render(),this.dispose=()=>{super.dispose(),t.off(o.f.PLAYLIST_ITEM_CHANGED,e)}}createEl(){const t=super.createEl();return t.classList.add("cld-plw-panel"),t}removeAll(){const t=this.children();for(let e=t.length-1;e>=0;--e)this.removeChild(t[e])}getItems(){const t=this.player().cloudinary.playlist(),e=t._repeat;if(this.options_.showAll)return t.list();const s=[],i=this.options_.total;let n=t.currentIndex(),r=t.list()[n];for(s.push(r);s.length<i;){if(n=t.nextIndex(n),-1===n){if(!e&&s.length>0)break;n=0}r=t.list()[n],s.push(r)}return s}render(){const t=this.getItems();this.removeAll(),t.forEach(((t,e)=>{const s=new J(this.player(),_().obj.merge(this.options_,{item:t,next:1===e,current:0===e}));this.addChild(s)}))}}_().registerComponent("playlistPanel",K);const Q={format:"json",resource_type:"video",type:"list"},X=function(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};const s=(0,r.sliceProperties)(e,"chainTarget").chainTarget;let i=null,a=null,c=null;const d=()=>{t.on(o.f.PLAYLIST_CREATED,(()=>{c&&c.dispose(),n()(e.playlistWidget)&&(t.fluid_&&(e.playlistWidget.fluid=!0),t.cloudinary.fontFace&&(e.playlistWidget.fontFace=t.cloudinary.fontFace),c=new M(t,e.playlistWidget))}))},u=(e,s)=>{e instanceof U?(i=e,i.resetState(),i.currentIndex(i.currentIndex())):(i=new U(t.cloudinary,e,s),i.currentIndex(0)),d(),a=(()=>{const e=()=>{i&&!i.currentSource().contains(t.currentSource())&&t.disposePlaylist()};return t.on("cldsourcechanged",e),e})(),t.addClass("vjs-playlist")};return t.cloudinary.sourcesByTag=async function(e){let s=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};const i=(0,l.KA)(e,Object.assign({},t.cloudinary.cloudinaryConfig(),Q)),n=await fetch(i),r=await n.json(),o=p(r.resources);s.sorter&&o.sort(s.sorter);return o.map((e=>{let i=s.sourceParams||{};"function"==typeof i&&(i=i(e));const n=e.context&&e.context.custom||{},r=Object.assign({info:n},i,{publicId:e.publicId});return t.cloudinary.buildSource(r)}))},function(e){let n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return void 0===e?i:(i&&(t.removeClass("vjs-playlist"),i=void 0,t.playlist().dispose(),t.off("cldsourcechanged",a)),u(e,n),t.trigger("playlistcreated"),s)}}},8812:(t,e,s)=>{var i=s(2140),n=/^\s+/;t.exports=function(t){return t?t.slice(0,i(t)+1).replace(n,""):t}},2140:t=>{var e=/\s/;t.exports=function(t){for(var s=t.length;s--&&e.test(t.charAt(s)););return s}},4466:(t,e,s)=>{var i=s(9445);t.exports=function(t){return"number"==typeof t&&t==i(t)}},4764:(t,e,s)=>{var i=s(5378),n=1/0;t.exports=function(t){return t?(t=i(t))===n||t===-1/0?17976931348623157e292*(t<0?-1:1):t==t?t:0:0===t?t:0}},9445:(t,e,s)=>{var i=s(4764);t.exports=function(t){var e=i(t),s=e%1;return e==e?s?e-s:e:0}},5378:(t,e,s)=>{var i=s(8812),n=s(8953),r=s(5414),o=/^[-+]0x[0-9a-f]+$/i,l=/^0b[01]+$/i,a=/^0o[0-7]+$/i,c=parseInt;t.exports=function(t){if("number"==typeof t)return t;if(r(t))return NaN;if(n(t)){var e="function"==typeof t.valueOf?t.valueOf():t;t=n(e)?e+"":e}if("string"!=typeof t)return 0===t?t:+t;t=i(t);var s=l.test(t);return s||a.test(t)?c(t.slice(2),s?2:8):o.test(t)?NaN:+t}}}]);
2
2
  //# sourceMappingURL=playlist.min.js.map