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

package/lib/playlist.js

@@ -1,2 +1,2 @@
-(self.cloudinaryVideoPlayerChunkLoading=self.cloudinaryVideoPlayerChunkLoading||[]).push([[33],{7988:(t,e,n)=>{n.d(e,{default:()=>mt});var i=n(4679),o=n.n(i),l=n(5871),r=n(1104),s=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={};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,"string");if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(e))?i:i+"")in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}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;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(r.f.UP_COMING_VIDEO_SHOW,this._show),t.on(r.f.UP_COMING_VIDEO_HIDE,this._hide),t.on(r.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"),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")})}};g().registerComponent("PlaylistNextButton",class extends z{constructor(t){super(t,{type:"next"})}handleClick(t){t.stopPropagation(),super.handleClick(t),this.player().cloudinary.playlist().playNext()}});g().registerComponent("PlaylistPreviousButton",class extends z{constructor(t){super(t,{type:"previous"})}handleClick(t){super.handleClick(t),this.player().cloudinary.playlist().playPrevious()}});var R=n(999),M={};M.styleTagTransform=B(),M.setAttributes=E(),M.insert=b().bind(null,"head"),M.domAPI=f(),M.insertStyleElement=k(),y()(R.A,M),R.A&&R.A.locals&&R.A.locals;const V={fluid:!1,show:!0,direction:"vertical",total:4,selector:!1,renderTo:[]};var W=n(3444),H={};H.styleTagTransform=B(),H.setAttributes=E(),H.insert=b().bind(null,"head"),H.domAPI=f(),H.insertStyleElement=k(),y()(W.A,H),W.A&&W.A.locals&&W.A.locals;const q=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]:{};var r,s,a,c;r=this,a=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)))},(s="symbol"==typeof(c=function(t,e){if("object"!=typeof t||!t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var i=n.call(t,"string");if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(s="playlistByTag"))?c:c+"")in r?Object.defineProperty(r,s,{value:a,enumerable:!0,configurable:!0,writable:!0}):r[s]=a,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;!1!==t&&(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){return this._defaultRecResolverCache[t.objectId]||(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)}},Y=(t,e)=>(t.parentNode.insertBefore(e,t),e.appendChild(t),e);var J=n(3066);const K=g().dom||g(),$=g().getComponent("Component"),Q={wrap:!1};class Z extends ${constructor(t,e){const n={...Q,...e};super(t,n),this.player_=t;const i=(t,e)=>{this.options_.fluid=e,this.removeCls(),this.setCls()};n.wrap&&(()=>{const t=this.el();this.videoWrap_=K.createEl("div",{className:"cld-plw-col-player"}),this.contentEl_=this.contentEl_=K.createEl("div",{className:"cld-plw-col-list"}),Y(this.player().el(),t),t.appendChild(this.videoWrap_),t.appendChild(this.contentEl_),Y(this.player().el(),this.videoWrap_)})(),t.on(r.f.FLUID,i),this.addChild(r.f.PLAYLIST_PANEL,this.options_),this.setCls(),this.dispose=()=>{this.removeLayout(),super.dispose(),t.off(r.f.FLUID,i)}}getCls(){let t=["cld-video-player","cld-plw-layout"];return t.push((0,J.skinClassPrefix)(this.player())),t.push((0,J.playerClassPrefix)(this.player())),this.options_.fluid&&t.push("cld-plw-layout-fluid"),t}setCls(){this.removeClass((0,J.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",Z);const X=Z,tt=class extends X{constructor(t,e){e.wrap=!0,super(t,e)}getCls(){const t=super.getCls();return t.push("cld-plw-horizontal"),t}},et=class extends X{constructor(t,e){e.wrap=!0,super(t,e)}getCls(){const t=super.getCls();return t.push("cld-plw-vertical"),t}},nt=class extends X{getCls(){let t=super.getCls();return t.push("cld-plw-custom"),t}createEl(){const t=super.createEl();return this.options_.renderTo.appendChild(t),t}},it=class{constructor(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};e=((t,e)=>{const n={...V,...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(r.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(r.f.FLUID,n)}}render(){this.options_.useDefaultLayout&&("horizontal"===this.options_.direction?this.layout_=new tt(this.player_,this.options_):this.layout_=new et(this.player_,this.options_)),this.options_.useCustomLayout&&(this.layout_=new nt(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]:V.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]:V.direction;return"horizontal"!==t&&"vertical"!==t||this.update("direction",{direction:t}),this}};var ot=n(1511),lt={};lt.styleTagTransform=B(),lt.setAttributes=E(),lt.insert=b().bind(null,"head"),lt.domAPI=f(),lt.insertStyleElement=k(),y()(ot.A,lt),ot.A&&ot.A.locals&&ot.A.locals;const rt=g().getComponent("ClickableComponent"),st={item:null,transformation:{width:300,aspect_ratio:"16:9",crop:"pad",background:"black"}},at=class extends rt{constructor(t,e){super(t,g().obj.merge(st,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}},ct=g().dom||g(),pt={source:null,next:!1};class dt extends at{constructor(t,e){super(t,g().obj.merge(pt,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=ct.createEl("div",{className:"cld-plw-item-info-wrap"}),n=ct.createEl("div",{className:"cld-plw-item-title"});if(this.isCurrent()){t.classList.add("cld-plw-panel-item-active");const e=ct.createEl("span",{className:"cld-plw-item-title-curr"},{},"Now Playing: ");n.appendChild(e)}const i=ct.createEl("span",{className:"cld-plw-item-title"},{},this.getTitle());n.appendChild(i);const o=ct.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",dt);const At=dt,ut=g().getComponent("Component");g().registerComponent("playlistPanel",class extends ut{constructor(t){super(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:{});const e=()=>{this.render()};t.on(r.f.PLAYLIST_ITEM_CHANGED,e),this.render(),this.dispose=()=>{super.dispose(),t.off(r.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 At(this.player(),g().obj.merge(this.options_,{item:t,next:1===e,current:0===e}));this.addChild(n)}))}});const ht={format:"json",resource_type:"video",type:"list"},mt=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(r.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 it(t,e.playlistWidget))}))};return t.cloudinary.sourcesByTag=async function(e){let n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};const i=(0,s.KA)(e,Object.assign({},t.cloudinary.cloudinaryConfig(),ht)),o=await fetch(i),l=await o.json(),r=A(l.resources);return n.sorter&&r.sort(n.sorter),r.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)),((e,n)=>{e instanceof q?(i=e,i.resetState(),i.currentIndex(i.currentIndex())):(i=new q(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")})(e,o),t.trigger("playlistcreated"),n)}}},999:(t,e,n)=>{n.d(e,{A:()=>s});var i=n(4942),o=n.n(i),l=n(278),r=n.n(l)()(o());r.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 s=r},710:(t,e,n)=>{n.d(e,{A:()=>s});var i=n(4942),o=n.n(i),l=n(278),r=n.n(l)()(o());r.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 s=r},3444:(t,e,n)=>{n.d(e,{A:()=>s});var i=n(4942),o=n.n(i),l=n(278),r=n.n(l)()(o());r.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 s=r},1511:(t,e,n)=>{n.d(e,{A:()=>s});var i=n(4942),o=n.n(i),l=n(278),r=n.n(l)()(o());r.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 s=r},278:t=>{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 r={};if(i)for(var s=0;s<this.length;s++){var a=this[s][0];null!=a&&(r[a]=!0)}for(var c=0;c<t.length;c++){var p=[].concat(t[c]);i&&r[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=>{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),r=/^[-+]0x[0-9a-f]+$/i,s=/^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=s.test(t);return n||a.test(t)?c(t.slice(2),n?2:8):r.test(t)?NaN:+t}},5292:t=>{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={},r=[],s=0;s<t.length;s++){var a=t[s],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=s,e.splice(s,0,{identifier:d,updater:h,references:1})}r.push(d)}return r}function o(t,e){var n=e.domAPI(e);return n.update(t),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 r=0;r<l.length;r++){var s=n(l[r]);e[s].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=>{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=>{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)=>{t.exports=function(t){var e=n.nc;e&&t.setAttribute("nonce",e)}},9893:t=>{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=>{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))}}}}]);
+(self.cloudinaryVideoPlayerChunkLoading=self.cloudinaryVideoPlayerChunkLoading||[]).push([[33],{5826:(t,e,i)=>{i.d(e,{default:()=>J});var s=i(4679),n=i.n(s),r=i(5871),o=i(1104),l=i(8033),a=i(3686),c=i.n(a);const d=[1,4,5,6,7,10,11],p=["created_at","updated_at"],u=t=>{const e={};return n()(t)?(Object.keys(t).reduce(((e,i)=>{const s=c()(i);return-1!==p.indexOf(i)?e[s]=new Date(function(t){let e=0,i=0,s=0;if(i=/^(\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)i[t]=+i[t]||0;i[2]=(+i[2]||1)-1,i[3]=+i[3]||1,"Z"!==i[8]&&void 0!==i[9]&&(s=60*i[10]+i[11],"+"===i[9]&&(s=0-s)),e=Date.UTC(i[1],i[2],i[3],i[4],i[5]+s,i[6],i[7])}else e=NaN;return e}(t[i])):e[s]=u(t[i]),e}),e),e):Array.isArray(t)?t.map((t=>u(t))):t};var h=i(5381),m=i(4466),g=i.n(m),y=i(7938),_=i.n(y);function v(t,e,i){var s;return(e="symbol"==typeof(s=function(t,e){if("object"!=typeof t||!t)return t;var i=t[Symbol.toPrimitive];if(void 0!==i){var s=i.call(t,"string");if("object"!=typeof s)return s;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(e))?s:s+"")in t?Object.defineProperty(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[e]=i,t}const f=_().dom||_(),C=_().getComponent("Component"),x=_().getComponent("ClickableComponent");class I extends x{constructor(t){for(var e=arguments.length,i=new Array(e>1?e-1:0),s=1;s<e;s++)i[s-1]=arguments[s];super(t,...i),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),i={crop:"pad",background:"auto:predominant",width:e,height:Math.round(e*(9/16))},s=this.getChild("upcomingVideoOverlayContent");this.setTitle(t),s.el().style.backgroundImage='url("'.concat(this._source.poster().url({transformation:i}),'")')}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 E=_().getComponent("ClickableComponent"),b=class extends E{constructor(t,e){super(t,e);const i=e.type;if(!i&&"previous"!==i&&"next"!==i)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")})}};_().registerComponent("PlaylistNextButton",class extends b{constructor(t){super(t,{type:"next"})}handleClick(t){t.stopPropagation(),super.handleClick(t),this.player().cloudinary.playlist().playNext()}});_().registerComponent("PlaylistPreviousButton",class extends b{constructor(t){super(t,{type:"previous"})}handleClick(t){super.handleClick(t),this.player().cloudinary.playlist().playPrevious()}});const T={fluid:!1,show:!0,direction:"vertical",total:4,selector:!1,renderTo:[]};const P=class{constructor(t){var e=this;let i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],{repeat:s=!1,autoAdvance:n=!1,presentUpcoming:r=!1}=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};var o,l,a,c;o=this,a=function(t){let i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return e.player().sourcesByTag(t,i).then((t=>e.player().playlist(t,i)))},(l="symbol"==typeof(c=function(t,e){if("object"!=typeof t||!t)return t;var i=t[Symbol.toPrimitive];if(void 0!==i){var s=i.call(t,"string");if("object"!=typeof s)return s;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(l="playlistByTag"))?c:c+"")in o?Object.defineProperty(o,l,{value:a,enumerable:!0,configurable:!0,writable:!0}):o[l]=a,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(s),this.autoAdvance(n),this.presentUpcoming(r)},i.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;!1!==t&&(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(),i=this._recommendationItemBuilder(e);e.recommendations()||e.recommendations(this._defaultRecommendationsResolver(e)),this._context.source(e,{recommendationOptions:{disableAutoShow:!0,itemBuilder:i}});const s={playlist:this,current:e,next:this.next()};return this.player().trigger("playlistitemchanged",s),this._refreshRecommendations(),this._refreshTextTracks(),e}_defaultRecommendationsResolver(t){return this._defaultRecResolverCache[t.objectId]||(this._defaultRecResolverCache[t.objectId]=()=>{let e=this.list().indexOf(t);const i=[],s=Math.min(4,this.length()-1);for(;i.length<s&&(e=this.nextIndex(e),-1!==e);){const t=this.list()[e];i.push(t)}return i},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 i=t instanceof h.A?t:this.buildSource(t,e);return this._sources.push(i),i}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)}},S=(t,e)=>(t.parentNode.insertBefore(e,t),e.appendChild(t),e);var N=i(3066);const U=_().dom||_(),L=_().getComponent("Component"),O={wrap:!1};class j extends L{constructor(t,e){const i={...O,...e};super(t,i),this.player_=t;const s=(t,e)=>{this.options_.fluid=e,this.removeCls(),this.setCls()};i.wrap&&(()=>{const t=this.el();this.videoWrap_=U.createEl("div",{className:"cld-plw-col-player"}),this.contentEl_=this.contentEl_=U.createEl("div",{className:"cld-plw-col-list"}),S(this.player().el(),t),t.appendChild(this.videoWrap_),t.appendChild(this.contentEl_),S(this.player().el(),this.videoWrap_)})(),t.on(o.f.FLUID,s),this.addChild(o.f.PLAYLIST_PANEL,this.options_),this.setCls(),this.dispose=()=>{this.removeLayout(),super.dispose(),t.off(o.f.FLUID,s)}}getCls(){let t=["cld-video-player","cld-plw-layout"];return t.push((0,N.skinClassPrefix)(this.player())),t.push((0,N.playerClassPrefix)(this.player())),this.options_.fluid&&t.push("cld-plw-layout-fluid"),t}setCls(){this.removeClass((0,N.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",j);const k=j,D=class extends k{constructor(t,e){e.wrap=!0,super(t,e)}getCls(){const t=super.getCls();return t.push("cld-plw-horizontal"),t}},R=class extends k{constructor(t,e){e.wrap=!0,super(t,e)}getCls(){const t=super.getCls();return t.push("cld-plw-vertical"),t}},V=class extends k{getCls(){let t=super.getCls();return t.push("cld-plw-custom"),t}createEl(){const t=super.createEl();return this.options_.renderTo.appendChild(t),t}},B=class{constructor(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};e=((t,e)=>{const i={...T,...e};if(i.show&&"string"==typeof i.selector&&(i.useDefaultLayout=!1,i.useCustomLayout=!0,i.renderTo=document.querySelector(i.selector),i.showAll=!0,0===!i.renderTo.length))throw new Error("Couldn't find element(s) by selector '".concat(i.selector,"' for playlist"));return i.show&&!i.selector&&(i.useDefaultLayout=!0,i.useCustomLayout=!1),i.direction="horizontal"===i.direction.toLowerCase()?"horizontal":"vertical",i.skin=t.options_.skin,i})(t,e),this.options_=e,this.player_=t,this.render();const i=(t,e)=>{this.options_.fluid=e};t.on(o.f.FLUID,i),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,i)}}render(){this.options_.useDefaultLayout&&("horizontal"===this.options_.direction?this.layout_=new D(this.player_,this.options_):this.layout_=new R(this.player_,this.options_)),this.options_.useCustomLayout&&(this.layout_=new V(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]:T.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]:T.direction;return"horizontal"!==t&&"vertical"!==t||this.update("direction",{direction:t}),this}},H=_().getComponent("ClickableComponent"),F={item:null,transformation:{width:300,aspect_ratio:"16:9",crop:"pad",background:"black"}},M=class extends H{constructor(t,e){super(t,_().obj.merge(F,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:"#"}),i=super.createEl("img",{className:"cld-thumbnail-img",src:this.getThumbnail()});return e.appendChild(i),e.style.backgroundImage="url('".concat(this.getThumbnail(),"')"),e}},W=_().dom||_(),G={source:null,next:!1};class z extends M{constructor(t,e){super(t,_().obj.merge(G,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=W.createEl("div",{className:"cld-plw-item-info-wrap"}),i=W.createEl("div",{className:"cld-plw-item-title"});if(this.isCurrent()){t.classList.add("cld-plw-panel-item-active");const e=W.createEl("span",{className:"cld-plw-item-title-curr"},{},"Now Playing: ");i.appendChild(e)}const s=W.createEl("span",{className:"cld-plw-item-title"},{},this.getTitle());i.appendChild(s);const n=W.createEl("div",{className:"cld-plw-item-duration"},{},this.getDuration());return e.appendChild(i),e.appendChild(n),t&&t.appendChild(e),t.appendChild(e),t}}_().registerComponent("playlistPanelItem",z);const Y=z,$=_().getComponent("Component");_().registerComponent("playlistPanel",class extends ${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 i=[],s=this.options_.total;let n=t.currentIndex(),r=t.list()[n];for(i.push(r);i.length<s;){if(n=t.nextIndex(n),-1===n){if(!e&&i.length>0)break;n=0}r=t.list()[n],i.push(r)}return i}render(){const t=this.getItems();this.removeAll(),t.forEach(((t,e)=>{const i=new Y(this.player(),_().obj.merge(this.options_,{item:t,next:1===e,current:0===e}));this.addChild(i)}))}});const q={format:"json",resource_type:"video",type:"list"},J=function(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};const i=(0,r.sliceProperties)(e,"chainTarget").chainTarget;let s=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 B(t,e.playlistWidget))}))};return t.cloudinary.sourcesByTag=async function(e){let i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};const s=(0,l.KA)(e,Object.assign({},t.cloudinary.cloudinaryConfig(),q)),n=await fetch(s),r=await n.json(),o=u(r.resources);return i.sorter&&o.sort(i.sorter),o.map((e=>{let s=i.sourceParams||{};"function"==typeof s&&(s=s(e));const n=e.context&&e.context.custom||{},r=Object.assign({info:n},s,{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?s:(s&&(t.removeClass("vjs-playlist"),s=void 0,t.playlist().dispose(),t.off("cldsourcechanged",a)),((e,i)=>{e instanceof P?(s=e,s.resetState(),s.currentIndex(s.currentIndex())):(s=new P(t.cloudinary,e,i),s.currentIndex(0)),d(),a=(()=>{const e=()=>{s&&!s.currentSource().contains(t.currentSource())&&t.disposePlaylist()};return t.on("cldsourcechanged",e),e})(),t.addClass("vjs-playlist")})(e,n),t.trigger("playlistcreated"),i)}}},8812:(t,e,i)=>{var s=i(2140),n=/^\s+/;t.exports=function(t){return t?t.slice(0,s(t)+1).replace(n,""):t}},2140:t=>{var e=/\s/;t.exports=function(t){for(var i=t.length;i--&&e.test(t.charAt(i)););return i}},4466:(t,e,i)=>{var s=i(9445);t.exports=function(t){return"number"==typeof t&&t==s(t)}},4764:(t,e,i)=>{var s=i(5378),n=1/0;t.exports=function(t){return t?(t=s(t))===n||t===-1/0?17976931348623157e292*(t<0?-1:1):t==t?t:0:0===t?t:0}},9445:(t,e,i)=>{var s=i(4764);t.exports=function(t){var e=s(t),i=e%1;return e==e?i?e-i:e:0}},5378:(t,e,i)=>{var s=i(8812),n=i(8953),r=i(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=s(t);var i=l.test(t);return i||a.test(t)?c(t.slice(2),i?2:8):o.test(t)?NaN:+t}}}]);
 //# sourceMappingURL=playlist.js.map

package/lib/recommendations-overlay.js

@@ -1,2 +1,2 @@
-(self.cloudinaryVideoPlayerChunkLoading=self.cloudinaryVideoPlayerChunkLoading||[]).push([[410],{9521:(e,n,t)=>{t.r(n),t.d(n,{default:()=>S});var o=t(7938),i=t.n(o);const s=i().getComponent("ClickableComponent"),a=class extends s{setItem(e){const{action:n,source:t}=e;this.source=t;const o=t.info();this.setTitle(o.title||t.publicId()),this.setPoster(this.source.poster().url({transformation:{aspect_ratio:"16:9",crop:"pad",background:"black"}})),this.setAction(n)}setTitle(e){this.title.innerText=e}setAction(e){this.action=e}handleClick(){super.handleClick(),this.player().trigger("recommendationshide"),this.action()}};var r=t(7878),c=t.n(r);const A=i().dom||i(),l=class extends a{setItem(e){super.setItem(e);const n=this.source.info();if(this.setTitle(n.title),this.setSubtitle(n.subtitle),n.description){const e=300,t=n.description.length>e?n.description.substring(0,e)+"...":n.description;this.setDescription(t)}}setPoster(e){this.poster.style.backgroundImage="url('".concat(e,"')")}setTitle(e){c().setText(this.title,e),this.setAriaCheck(this.title,!!e)}setSubtitle(e){c().setText(this.subtitle,e),this.setAriaCheck(this.subtitle,!!e)}setDescription(e){c().setText(this.description,e),this.setAriaCheck(this.description,!!e)}setAriaCheck(e){arguments.length>1&&void 0!==arguments[1]&&!arguments[1]?e.setAttribute("aria-hidden","true"):e.removeAttribute("aria-hidden")}clearItem(){this.setTitle(""),this.setSubtitle(""),this.setDescription(""),this.poster.style.backgroundImage=null}createEl(){const e=super.createEl("div",{className:"vjs-recommendations-overlay-item vjs-recommendations-overlay-item-primary"});return this.poster=A.createEl("div",{className:"vjs-recommendations-overlay-item-primary-image"}),this.title=A.createEl("h2",{ariaLabel:"Recmmendation Title"}),this.setAriaCheck(this.title,!1),this.title.innerHTML="",this.subtitle=A.createEl("h3",{ariaLabel:"Recmmendation Subtitle"}),this.setAriaCheck(this.subtitle,!1),this.subtitle.innerHTML="",this.description=A.createEl("p"),this.setAriaCheck(this.description,!1),this.description.innerHTML="",this.content=A.createEl("div",{className:"vjs-recommendations-overlay-item-info vjs-recommendations-overlay-item-primary-content"}),this.content.appendChild(this.title),this.content.appendChild(this.subtitle),this.content.appendChild(this.description),e.appendChild(this.poster),e.appendChild(this.content),e}},m=i().dom||i(),d=class extends a{setItem(e){super.setItem(e),this.setDuration("")}setPoster(e){this.el().style.backgroundImage="url('".concat(e,"')")}setDuration(e){this.duration.innerText=e}createEl(){const e=super.createEl("div",{className:"vjs-recommendations-overlay-item vjs-recommendations-overlay-item-secondary"});this.title=m.createEl("span",{className:"vjs-recommendations-overlay-item-secondary-title"}),this.title.innerHTML="",this.duration=m.createEl("span",{className:"vjs-recommendations-overlay-item-secondary-duration"}),this.duration.innerHTML="";const n=m.createEl("div",{className:"vjs-recommendations-overlay-item-info"});return n.appendChild(this.title),n.appendChild(this.duration),e.appendChild(n),e}handleClick(){super.handleClick(),this.action()}},p=i().getComponent("Component"),v=class extends p{setItems(){for(var e=arguments.length,n=new Array(e),t=0;t<e;t++)n[t]=arguments[t];this.clearItems(),n&&n.forEach((e=>{const n=new d(this.player());n.setItem(e),this.addChild(n)}))}clearItems(){this.children().forEach((()=>{this.removeChild(this.children()[0])}))}createEl(){return super.createEl("div",{className:"vjs-recommendations-overlay-item-secondary-container"})}},h=i().getComponent("Component");class y extends h{constructor(e){for(var n=arguments.length,t=new Array(n>1?n-1:0),o=1;o<n;o++)t[o-1]=arguments[o];super(e,...t),this._primary=new l(e),this._secondaryContainer=new v(e),this.addChild(this._primary),this.addChild(this._secondaryContainer)}setItems(e){this._primary.setItem(e);for(var n=arguments.length,t=new Array(n>1?n-1:0),o=1;o<n;o++)t[o-1]=arguments[o];this._secondaryContainer.setItems(...t)}createEl(){return super.createEl("div",{className:"aspect-ratio-content"})}}const C=class extends h{constructor(e){for(var n=arguments.length,t=new Array(n>1?n-1:0),o=1;o<n;o++)t[o-1]=arguments[o];super(e,...t),this._content=new y(e),this.addChild(this._content)}setItems(e){for(var n=arguments.length,t=new Array(n>1?n-1:0),o=1;o<n;o++)t[o-1]=arguments[o];this._content.setItems(e,...t)}clearItems(){this._content._primary.clearItem(),this._content._secondaryContainer.clearItems()}createEl(){return super.createEl("div",{className:"vjs-recommendations-overlay-content"})}},u=i().getComponent("ClickableComponent"),f=class extends u{createEl(){return super.createEl("span",{className:"vjs-recommendations-overlay-hide vjs-icon-close"})}handleClick(){this.options_.clickHandler()}};var g=t(5292),j=t.n(g),x=t(9893),w=t.n(x),b=t(9383),E=t.n(b),k=t(6884),I=t.n(k),B=t(9088),L=t.n(B),T=t(7997),z=t.n(T),F=t(655),N={};N.styleTagTransform=z(),N.setAttributes=I(),N.insert=E().bind(null,"head"),N.domAPI=w(),N.insertStyleElement=L(),j()(F.A,N),F.A&&F.A.locals&&F.A.locals;const M=i().getComponent("Component");class _ extends M{constructor(e,n){for(var t=arguments.length,o=new Array(t>2?t-2:0),i=2;i<t;i++)o[i-2]=arguments[i];super(e,...o),this._content=new C(e),this.addChild(this._content),this.addChild(new f(e,{clickHandler:()=>{this.close()}},...o)),this.setEvents(e),this.doNotOpen=!1}setEvents(e){this.on(e,"recommendationschanged",((e,n)=>{this.setItems(...n.items)})),this.on(e,"recommendationsnoshow",this.setDoNotOpen),this.on(e,"recommendationsshow",this.open),this.on(e,"recommendationshide",this.close),this.on(e,"cldsourcechanged",(()=>{this.clearItems(),this.close()}))}setDoNotOpen(){this.doNotOpen=!0}open(){this.doNotOpen||(this._showControlsOnClose=this.player().controls(),this.player().controls(!1),this.el().style.visibility="visible")}clearItems(){this._content.clearItems()}close(){this.el().style.visibility="hidden",this._showControlsOnClose&&this.player().controls(!0)}createEl(){const e="vjs-recommendations-overlay",n=super.createEl("div",{className:e});return i().dom.addClass(n,e),n}setItems(e){for(var n=arguments.length,t=new Array(n>1?n-1:0),o=1;o<n;o++)t[o-1]=arguments[o];this.doNotOpen=!1,t=t.slice(0,3),this._content.setItems(e,...t)}handleClick(){this.stopPropagation()}dispose(){super.dispose()}}i().registerComponent("recommendationsOverlay",_);const S=_},655:(e,n,t)=>{t.d(n,{A:()=>r});var o=t(4942),i=t.n(o),s=t(278),a=t.n(s)()(i());a.push([e.id,'.vjs-recommendations-overlay{display:flex;align-items:center;justify-content:center;visibility:hidden;position:absolute;top:0px;left:0px;width:100%;height:100%;background-color:rgba(0,0,0,.5)}.vjs-recommendations-overlay .vjs-recommendations-overlay-hide{font-size:1em;cursor:pointer;position:absolute;display:inline-block;top:3.75%;right:1.72%}.vjs-recommendations-overlay .vjs-recommendations-overlay-content{position:relative;width:85%}.vjs-recommendations-overlay .vjs-recommendations-overlay-content:before{display:block;content:"";width:100%;padding-top:56.25%}.vjs-recommendations-overlay .vjs-recommendations-overlay-content>.aspect-ratio-content{position:absolute;top:0;left:0;right:0;bottom:0}.vjs-recommendations-overlay .vjs-recommendations-overlay-content .aspect-ratio-content{display:flex;flex-flow:column;height:auto}.vjs-recommendations-overlay .vjs-recommendations-overlay-content .aspect-ratio-content .vjs-recommendations-overlay-item{border:1px solid rgba(255,255,255,.5)}.vjs-recommendations-overlay .vjs-recommendations-overlay-content .aspect-ratio-content .vjs-recommendations-overlay-item-primary{flex:1.82;display:flex;flex-flow:row}.vjs-recommendations-overlay .vjs-recommendations-overlay-content .aspect-ratio-content .vjs-recommendations-overlay-item-primary .vjs-recommendations-overlay-item-primary-image{flex:1;background-size:cover}.vjs-recommendations-overlay .vjs-recommendations-overlay-content .aspect-ratio-content .vjs-recommendations-overlay-item-primary .vjs-recommendations-overlay-item-primary-content{flex:.5625;display:flex;flex-flow:column;background:rgba(0,0,0,.6);text-align:left;padding:3%;min-width:0}.vjs-recommendations-overlay .vjs-recommendations-overlay-content .aspect-ratio-content .vjs-recommendations-overlay-item-primary .vjs-recommendations-overlay-item-primary-content h2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 0 0 0;font-size:18px;margin:0 0 1em 0;font-weight:600}.vjs-recommendations-overlay .vjs-recommendations-overlay-content .aspect-ratio-content .vjs-recommendations-overlay-item-primary .vjs-recommendations-overlay-item-primary-content h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 0 0 0;font-size:20px;margin:0 0 1.3em 0;font-weight:500}.vjs-recommendations-overlay .vjs-recommendations-overlay-content .aspect-ratio-content .vjs-recommendations-overlay-item-primary .vjs-recommendations-overlay-item-primary-content p{padding:0 0 0 0;margin:0 0 0 0;font-size:14px;overflow:hidden;line-height:1.4em;font-weight:400}@media only screen and (max-width: 1050px){.vjs-recommendations-overlay .vjs-recommendations-overlay-content .aspect-ratio-content .vjs-recommendations-overlay-item-primary .vjs-recommendations-overlay-item-primary-content h2{font-size:16px}.vjs-recommendations-overlay .vjs-recommendations-overlay-content .aspect-ratio-content .vjs-recommendations-overlay-item-primary .vjs-recommendations-overlay-item-primary-content h3{font-size:18px}.vjs-recommendations-overlay .vjs-recommendations-overlay-content .aspect-ratio-content .vjs-recommendations-overlay-item-primary .vjs-recommendations-overlay-item-primary-content p{font-size:12px}}@media only screen and (max-width: 900px){.vjs-recommendations-overlay .vjs-recommendations-overlay-content .aspect-ratio-content .vjs-recommendations-overlay-item-primary .vjs-recommendations-overlay-item-primary-content p{font-size:10px}}@media only screen and (max-width: 768px){.vjs-recommendations-overlay .vjs-recommendations-overlay-content .aspect-ratio-content .vjs-recommendations-overlay-item-primary .vjs-recommendations-overlay-item-primary-content p{display:none}}.vjs-recommendations-overlay .vjs-recommendations-overlay-content .aspect-ratio-content .vjs-recommendations-overlay-item-secondary-container{flex:1;display:flex;flex-flow:row wrap;justify-content:flex-start}.vjs-recommendations-overlay .vjs-recommendations-overlay-content .aspect-ratio-content .vjs-recommendations-overlay-item-secondary-container .vjs-recommendations-overlay-item-secondary{background-size:100% 100%;flex:1;max-width:33%;font-size:1.16em;position:relative;margin:2% 2% 0 0}.vjs-recommendations-overlay .vjs-recommendations-overlay-content .aspect-ratio-content .vjs-recommendations-overlay-item-secondary-container .vjs-recommendations-overlay-item-secondary:last-child{margin-right:0}.vjs-recommendations-overlay .vjs-recommendations-overlay-content .aspect-ratio-content .vjs-recommendations-overlay-item-secondary-container .vjs-recommendations-overlay-item-secondary div{display:flex;flex-direction:row;justify-content:space-between;text-align:left;line-height:normal;position:absolute;width:100%;bottom:0;left:0;padding:20% 7% 4.5% 7%}.cld-video-player-skin-light .vjs-recommendations-overlay .vjs-recommendations-overlay-content .aspect-ratio-content .vjs-recommendations-overlay-item-secondary-container .vjs-recommendations-overlay-item-secondary div{padding:5% 7%}.cld-video-player-skin-dark .vjs-recommendations-overlay .vjs-recommendations-overlay-content .aspect-ratio-content .vjs-recommendations-overlay-item-secondary-container .vjs-recommendations-overlay-item-secondary div.vjs-recommendations-overlay-item-info{text-shadow:1px 1px 0 rgba(0,0,0,.3)}.vjs-recommendations-overlay .vjs-recommendations-overlay-content .aspect-ratio-content .vjs-recommendations-overlay-item-secondary-container .vjs-recommendations-overlay-item-secondary div span{display:block;min-width:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.vjs-recommendations-overlay .vjs-recommendations-overlay-content .aspect-ratio-content .vjs-recommendations-overlay-item-secondary-container .vjs-recommendations-overlay-item-secondary div span.vjs-recommendations-overlay-item-secondary-title{flex:2.3;font-size:13px}.vjs-recommendations-overlay .vjs-recommendations-overlay-content .aspect-ratio-content .vjs-recommendations-overlay-item-secondary-container .vjs-recommendations-overlay-item-secondary div span.vjs-recommendations-overlay-item-secondary-duration{text-align:right;margin-left:10px}',"",{version:3,sources:["webpack://./components/recommendations-overlay/recommendations-overlay.scss","webpack://./assets/styles/mixins/aspect-ratio.scss","webpack://./assets/styles/mixins/mixins.scss"],names:[],mappings:"AAGA,6BACE,YAAA,CACA,kBAAA,CACA,sBAAA,CAEA,iBAAA,CACA,iBAAA,CACA,OAAA,CACA,QAAA,CACA,UAAA,CACA,WAAA,CACA,+BAAA,CAEA,+DACE,aAAA,CACA,cAAA,CACA,iBAAA,CACA,oBAAA,CACA,SAAA,CACA,WAAA,CAGF,kEACE,iBAAA,CACA,SAAA,CCxBF,yEACE,aAAA,CACA,UAAA,CACA,UAAA,CACA,kBAAA,CAGF,wFACE,iBAAA,CACA,KAAA,CACA,MAAA,CACA,OAAA,CACA,QAAA,CDgBA,wFACE,YAAA,CACA,gBAAA,CAEA,WAAA,CAEA,0HACE,qCAAA,CAGF,kIACE,SAAA,CACA,YAAA,CACA,aAAA,CAEA,kLACE,MAAA,CACA,qBAAA,CAGF,oLACE,UAAA,CACA,YAAA,CACA,gBAAA,CAEA,yBAAA,CACA,eAAA,CACA,UAAA,CACA,WAAA,CAEA,uLE5DR,kBAAA,CACA,eAAA,CACA,sBAAA,CF4DU,eAAA,CACA,cAAA,CACA,gBAAA,CACA,eAAA,CAGF,uLEpER,kBAAA,CACA,eAAA,CACA,sBAAA,CFoEU,eAAA,CACA,cAAA,CACA,kBAAA,CACA,eAAA,CAGF,sLACE,eAAA,CACA,cAAA,CACA,cAAA,CACA,eAAA,CACA,iBAAA,CACA,eAAA,CAGF,2CACE,uLACE,cAAA,CAGF,uLACE,cAAA,CAGF,sLACE,cAAA,CAAA,CAIJ,0CACE,sLACE,cAAA,CAAA,CAIJ,0CACE,sLACE,YAAA,CAAA,CAMR,8IACE,MAAA,CACA,YAAA,CACA,kBAAA,CACA,0BAAA,CAEA,0LACE,yBAAA,CACA,MAAA,CAEA,aAAA,CAEA,gBAAA,CACA,iBAAA,CAEA,gBAAA,CAEA,qMACE,cAAA,CAGF,8LACE,YAAA,CACA,kBAAA,CACA,6BAAA,CAEA,eAAA,CACA,kBAAA,CACA,iBAAA,CACA,UAAA,CACA,QAAA,CACA,MAAA,CACA,sBAAA,CAEA,2NACE,aAAA,CAKA,gQACE,oCAAA,CAIJ,mMACE,aAAA,CACA,WAAA,CACA,sBAAA,CACA,eAAA,CACA,kBAAA,CAEA,oPACE,QAAA,CACA,cAAA,CAGF,uPACE,gBAAA,CACA,gBAAA",sourcesContent:["@import '../../assets/styles/mixins/aspect-ratio';\n@import '../../assets/styles/mixins/mixins.scss';\n\n.vjs-recommendations-overlay {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  visibility: hidden;\n  position: absolute;\n  top: 0px;\n  left: 0px;\n  width: 100%;\n  height: 100%;\n  background-color: rgba(#000000, 0.5);\n\n  .vjs-recommendations-overlay-hide {\n    font-size: 1em;\n    cursor: pointer;\n    position: absolute;\n    display: inline-block;\n    top: 3.75%;\n    right: 1.72%;\n  }\n\n  .vjs-recommendations-overlay-content {\n    position: relative;\n    width: 85%;\n\n    @include aspect-ratio(16, 9);\n\n    .aspect-ratio-content {\n      display: flex;\n      flex-flow: column;\n\n      height: auto;\n\n      .vjs-recommendations-overlay-item {\n        border: 1px solid rgba(#FFFFFF, 0.5);\n      }\n\n      .vjs-recommendations-overlay-item-primary {\n        flex: 1.82;\n        display: flex;\n        flex-flow: row;\n\n        .vjs-recommendations-overlay-item-primary-image {\n          flex: 1;\n          background-size: cover;\n        }\n\n        .vjs-recommendations-overlay-item-primary-content {\n          flex: 0.5625;\n          display: flex;\n          flex-flow: column;\n\n          background: rgba(#000000, 0.6);\n          text-align: left;\n          padding: 3%;\n          min-width: 0; // for use with flex and white-space: nowrap\n\n          h2 {\n            @include ellipsis;\n            padding: 0 0 0 0;\n            font-size: 18px;\n            margin: 0 0 1em 0;\n            font-weight: 600;\n          }\n\n          h3 {\n            @include ellipsis;\n            padding: 0 0 0 0;\n            font-size: 20px;\n            margin: 0 0 1.3em 0;\n            font-weight: 500;\n          }\n\n          p {\n            padding: 0 0 0 0;\n            margin: 0 0 0 0;\n            font-size: 14px;\n            overflow: hidden;\n            line-height: 1.4em;\n            font-weight: 400;\n          }\n\n          @media only screen and (max-width: 1050px) {\n            h2 {\n              font-size: 16px\n            }\n\n            h3 {\n              font-size: 18px;\n            }\n\n            p {\n              font-size: 12px;\n            }\n          }\n\n          @media only screen and (max-width: 900px) {\n            p {\n              font-size: 10px;\n            }\n          }\n\n          @media only screen and (max-width: 768px) {\n            p {\n              display: none;\n            }\n          }\n        }\n      }\n\n      .vjs-recommendations-overlay-item-secondary-container {\n        flex: 1;\n        display: flex;\n        flex-flow: row wrap;\n        justify-content: flex-start;\n\n        .vjs-recommendations-overlay-item-secondary {\n          background-size: 100% 100%;\n          flex: 1;\n\n          max-width: 33%;\n\n          font-size: 1.16em;\n          position: relative;\n\n          margin: 2% 2% 0 0;\n\n          &:last-child {\n            margin-right: 0;\n          }\n\n          div {\n            display: flex;\n            flex-direction: row;\n            justify-content: space-between;\n\n            text-align: left;\n            line-height: normal;\n            position: absolute;\n            width: 100%;\n            bottom: 0;\n            left: 0;\n            padding: 20% 7% 4.5% 7%;\n\n            .cld-video-player-skin-light & {\n              padding: 5% 7%;\n            }\n\n            .cld-video-player-skin-dark & {\n\n              &.vjs-recommendations-overlay-item-info {\n                text-shadow: 1px 1px 0 rgba(#000, .3);\n              }\n            }\n\n            span {\n              display: block;\n              min-width: 0;\n              text-overflow: ellipsis;\n              overflow: hidden;\n              white-space: nowrap;\n\n              &.vjs-recommendations-overlay-item-secondary-title {\n                flex: 2.3;\n                font-size: 13px;\n              }\n\n              &.vjs-recommendations-overlay-item-secondary-duration {\n                text-align: right;\n                margin-left: 10px;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n}\n",'@use "sass:math";\n\n@mixin aspect-ratio($width, $height) {\n  &:before {\n    display: block;\n    content: "";\n    width: 100%;\n    padding-top: math.div($height, $width) * 100%;\n  }\n\n  > .aspect-ratio-content {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n  }\n}\n',"@mixin ellipsis {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}"],sourceRoot:""}]);const r=a},278:e=>{e.exports=function(e){var n=[];return n.toString=function(){return this.map((function(n){var t="",o=void 0!==n[5];return n[4]&&(t+="@supports (".concat(n[4],") {")),n[2]&&(t+="@media ".concat(n[2]," {")),o&&(t+="@layer".concat(n[5].length>0?" ".concat(n[5]):""," {")),t+=e(n),o&&(t+="}"),n[2]&&(t+="}"),n[4]&&(t+="}"),t})).join("")},n.i=function(e,t,o,i,s){"string"==typeof e&&(e=[[null,e,void 0]]);var a={};if(o)for(var r=0;r<this.length;r++){var c=this[r][0];null!=c&&(a[c]=!0)}for(var A=0;A<e.length;A++){var l=[].concat(e[A]);o&&a[l[0]]||(void 0!==s&&(void 0===l[5]||(l[1]="@layer".concat(l[5].length>0?" ".concat(l[5]):""," {").concat(l[1],"}")),l[5]=s),t&&(l[2]?(l[1]="@media ".concat(l[2]," {").concat(l[1],"}"),l[2]=t):l[2]=t),i&&(l[4]?(l[1]="@supports (".concat(l[4],") {").concat(l[1],"}"),l[4]=i):l[4]="".concat(i)),n.push(l))}},n}},4942:e=>{e.exports=function(e){var n=e[1],t=e[3];if(!t)return n;if("function"==typeof btoa){var o=btoa(unescape(encodeURIComponent(JSON.stringify(t)))),i="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(o),s="/*# ".concat(i," */");return[n].concat([s]).join("\n")}return[n].join("\n")}},5292:e=>{var n=[];function t(e){for(var t=-1,o=0;o<n.length;o++)if(n[o].identifier===e){t=o;break}return t}function o(e,o){for(var s={},a=[],r=0;r<e.length;r++){var c=e[r],A=o.base?c[0]+o.base:c[0],l=s[A]||0,m="".concat(A," ").concat(l);s[A]=l+1;var d=t(m),p={css:c[1],media:c[2],sourceMap:c[3],supports:c[4],layer:c[5]};if(-1!==d)n[d].references++,n[d].updater(p);else{var v=i(p,o);o.byIndex=r,n.splice(r,0,{identifier:m,updater:v,references:1})}a.push(m)}return a}function i(e,n){var t=n.domAPI(n);return t.update(e),function(n){if(n){if(n.css===e.css&&n.media===e.media&&n.sourceMap===e.sourceMap&&n.supports===e.supports&&n.layer===e.layer)return;t.update(e=n)}else t.remove()}}e.exports=function(e,i){var s=o(e=e||[],i=i||{});return function(e){e=e||[];for(var a=0;a<s.length;a++){var r=t(s[a]);n[r].references--}for(var c=o(e,i),A=0;A<s.length;A++){var l=t(s[A]);0===n[l].references&&(n[l].updater(),n.splice(l,1))}s=c}}},9383:e=>{var n={};e.exports=function(e,t){var o=function(e){if(void 0===n[e]){var t=document.querySelector(e);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(e){t=null}n[e]=t}return n[e]}(e);if(!o)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");o.appendChild(t)}},9088:e=>{e.exports=function(e){var n=document.createElement("style");return e.setAttributes(n,e.attributes),e.insert(n,e.options),n}},6884:(e,n,t)=>{e.exports=function(e){var n=t.nc;n&&e.setAttribute("nonce",n)}},9893:e=>{e.exports=function(e){if("undefined"==typeof document)return{update:function(){},remove:function(){}};var n=e.insertStyleElement(e);return{update:function(t){!function(e,n,t){var o="";t.supports&&(o+="@supports (".concat(t.supports,") {")),t.media&&(o+="@media ".concat(t.media," {"));var i=void 0!==t.layer;i&&(o+="@layer".concat(t.layer.length>0?" ".concat(t.layer):""," {")),o+=t.css,i&&(o+="}"),t.media&&(o+="}"),t.supports&&(o+="}");var s=t.sourceMap;s&&"undefined"!=typeof btoa&&(o+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(s))))," */")),n.styleTagTransform(o,e,n.options)}(n,e,t)},remove:function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(n)}}}},7997:e=>{e.exports=function(e,n){if(n.styleSheet)n.styleSheet.cssText=e;else{for(;n.firstChild;)n.removeChild(n.firstChild);n.appendChild(document.createTextNode(e))}}}}]);
+(self.cloudinaryVideoPlayerChunkLoading=self.cloudinaryVideoPlayerChunkLoading||[]).push([[410],{7604:(e,t,s)=>{s.r(t),s.d(t,{default:()=>k});var i=s(7938),n=s.n(i);const r=n().getComponent("ClickableComponent"),o=class extends r{setItem(e){const{action:t,source:s}=e;this.source=s;const i=s.info();this.setTitle(i.title||s.publicId()),this.setPoster(this.source.poster().url({transformation:{aspect_ratio:"16:9",crop:"pad",background:"black"}})),this.setAction(t)}setTitle(e){this.title.innerText=e}setAction(e){this.action=e}handleClick(){super.handleClick(),this.player().trigger("recommendationshide"),this.action()}};var a=s(7878),c=s.n(a);const l=n().dom||n(),h=class extends o{setItem(e){super.setItem(e);const t=this.source.info();if(this.setTitle(t.title),this.setSubtitle(t.subtitle),t.description){const e=300,s=t.description.length>e?t.description.substring(0,e)+"...":t.description;this.setDescription(s)}}setPoster(e){this.poster.style.backgroundImage="url('".concat(e,"')")}setTitle(e){c().setText(this.title,e),this.setAriaCheck(this.title,!!e)}setSubtitle(e){c().setText(this.subtitle,e),this.setAriaCheck(this.subtitle,!!e)}setDescription(e){c().setText(this.description,e),this.setAriaCheck(this.description,!!e)}setAriaCheck(e){arguments.length>1&&void 0!==arguments[1]&&!arguments[1]?e.setAttribute("aria-hidden","true"):e.removeAttribute("aria-hidden")}clearItem(){this.setTitle(""),this.setSubtitle(""),this.setDescription(""),this.poster.style.backgroundImage=null}createEl(){const e=super.createEl("div",{className:"vjs-recommendations-overlay-item vjs-recommendations-overlay-item-primary"});return this.poster=l.createEl("div",{className:"vjs-recommendations-overlay-item-primary-image"}),this.title=l.createEl("h2",{ariaLabel:"Recmmendation Title"}),this.setAriaCheck(this.title,!1),this.title.innerHTML="",this.subtitle=l.createEl("h3",{ariaLabel:"Recmmendation Subtitle"}),this.setAriaCheck(this.subtitle,!1),this.subtitle.innerHTML="",this.description=l.createEl("p"),this.setAriaCheck(this.description,!1),this.description.innerHTML="",this.content=l.createEl("div",{className:"vjs-recommendations-overlay-item-info vjs-recommendations-overlay-item-primary-content"}),this.content.appendChild(this.title),this.content.appendChild(this.subtitle),this.content.appendChild(this.description),e.appendChild(this.poster),e.appendChild(this.content),e}},d=n().dom||n(),m=class extends o{setItem(e){super.setItem(e),this.setDuration("")}setPoster(e){this.el().style.backgroundImage="url('".concat(e,"')")}setDuration(e){this.duration.innerText=e}createEl(){const e=super.createEl("div",{className:"vjs-recommendations-overlay-item vjs-recommendations-overlay-item-secondary"});this.title=d.createEl("span",{className:"vjs-recommendations-overlay-item-secondary-title"}),this.title.innerHTML="",this.duration=d.createEl("span",{className:"vjs-recommendations-overlay-item-secondary-duration"}),this.duration.innerHTML="";const t=d.createEl("div",{className:"vjs-recommendations-overlay-item-info"});return t.appendChild(this.title),t.appendChild(this.duration),e.appendChild(t),e}handleClick(){super.handleClick(),this.action()}},p=n().getComponent("Component"),u=class extends p{setItems(){for(var e=arguments.length,t=new Array(e),s=0;s<e;s++)t[s]=arguments[s];this.clearItems(),t&&t.forEach((e=>{const t=new m(this.player());t.setItem(e),this.addChild(t)}))}clearItems(){this.children().forEach((()=>{this.removeChild(this.children()[0])}))}createEl(){return super.createEl("div",{className:"vjs-recommendations-overlay-item-secondary-container"})}},v=n().getComponent("Component");class y extends v{constructor(e){for(var t=arguments.length,s=new Array(t>1?t-1:0),i=1;i<t;i++)s[i-1]=arguments[i];super(e,...s),this._primary=new h(e),this._secondaryContainer=new u(e),this.addChild(this._primary),this.addChild(this._secondaryContainer)}setItems(e){this._primary.setItem(e);for(var t=arguments.length,s=new Array(t>1?t-1:0),i=1;i<t;i++)s[i-1]=arguments[i];this._secondaryContainer.setItems(...s)}createEl(){return super.createEl("div",{className:"aspect-ratio-content"})}}const C=class extends v{constructor(e){for(var t=arguments.length,s=new Array(t>1?t-1:0),i=1;i<t;i++)s[i-1]=arguments[i];super(e,...s),this._content=new y(e),this.addChild(this._content)}setItems(e){for(var t=arguments.length,s=new Array(t>1?t-1:0),i=1;i<t;i++)s[i-1]=arguments[i];this._content.setItems(e,...s)}clearItems(){this._content._primary.clearItem(),this._content._secondaryContainer.clearItems()}createEl(){return super.createEl("div",{className:"vjs-recommendations-overlay-content"})}},g=n().getComponent("ClickableComponent"),I=class extends g{createEl(){return super.createEl("span",{className:"vjs-recommendations-overlay-hide vjs-icon-close"})}handleClick(){this.options_.clickHandler()}},b=n().getComponent("Component");class E extends b{constructor(e,t){for(var s=arguments.length,i=new Array(s>2?s-2:0),n=2;n<s;n++)i[n-2]=arguments[n];super(e,...i),this._content=new C(e),this.addChild(this._content),this.addChild(new I(e,{clickHandler:()=>{this.close()}},...i)),this.setEvents(e),this.doNotOpen=!1}setEvents(e){this.on(e,"recommendationschanged",((e,t)=>{this.setItems(...t.items)})),this.on(e,"recommendationsnoshow",this.setDoNotOpen),this.on(e,"recommendationsshow",this.open),this.on(e,"recommendationshide",this.close),this.on(e,"cldsourcechanged",(()=>{this.clearItems(),this.close()}))}setDoNotOpen(){this.doNotOpen=!0}open(){this.doNotOpen||(this._showControlsOnClose=this.player().controls(),this.player().controls(!1),this.el().style.visibility="visible")}clearItems(){this._content.clearItems()}close(){this.el().style.visibility="hidden",this._showControlsOnClose&&this.player().controls(!0)}createEl(){const e="vjs-recommendations-overlay",t=super.createEl("div",{className:e});return n().dom.addClass(t,e),t}setItems(e){for(var t=arguments.length,s=new Array(t>1?t-1:0),i=1;i<t;i++)s[i-1]=arguments[i];this.doNotOpen=!1,s=s.slice(0,3),this._content.setItems(e,...s)}handleClick(){this.stopPropagation()}dispose(){super.dispose()}}n().registerComponent("recommendationsOverlay",E);const k=E}}]);
 //# sourceMappingURL=recommendations-overlay.js.map

package/lib/shoppable.js

@@ -1,2 +1,2 @@
-(self.cloudinaryVideoPlayerChunkLoading=self.cloudinaryVideoPlayerChunkLoading||[]).push([[525],{942:(t,e,o)=>{o.d(e,{default:()=>rt});var n=o(7938),s=o.n(n);const l=function(t){const[e,o,n]=t.split(":").reverse();let s=null;return isNaN(e)||(s=60*(+n||0)*60+60*(+o||0)+ +e),s};var A=o(9339);const a={location:"right",toggleIcon:"",width:"20%",startState:"openOnPlay",autoClose:2,transformation:{quality:"auto",width:"auto",fetch_format:"auto",crop:"scale"},products:[],showPostPlayOverlay:!1},i="goto",r="seek",p="shoppable-panel-visible",c="shoppable-panel-hidden",d="shoppable-products-overlay",C="cld-spbl-panel",h="cld-spbl-toggle",b="cld-spbl-toggle-icon",m="cld-spbl-bar-inner",g="animate",u="cld-spbl-item",f="cld-spbl-img";var y=o(1104);function v(t,e,o){var n;return(e="symbol"==typeof(n=function(t,e){if("object"!=typeof t||!t)return t;var o=t[Symbol.toPrimitive];if(void 0!==o){var n=o.call(t,"string");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(e))?n:n+"")in t?Object.defineProperty(t,e,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[e]=o,t}const E=s().dom||s(),_=s().getComponent("Component");class x extends _{constructor(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};super(t,e),v(this,"renderProducts",(()=>{this.player_.removeClass(p),this.player_.addClass(c),this.player_.addClass(d),this.layout_.innerHTML="";const t=this.player_.currentTime();this.options_.products.filter((e=>e.hotspots&&e.hotspots.some((e=>l(e.time)===t)))).forEach((e=>{const o=(0,A.I)(e.hotspots,(e=>l(e.time)===t)),n=E.createEl("div",{className:"cld-spbl-product-hotspot-name"},{},e.productName),s=E.createEl("div",{className:"cld-spbl-product-tooltip cld-spbl-product-tooltip-"+o.tooltipPosition},{},n),a=E.createEl("a",{className:"cld-spbl-product-hotspot accent-color-text",href:o.clickUrl,target:"_blank"},{style:"left:"+o.x+"; top:"+o.y+";"},s);this.layout_.appendChild(a)})),this.player_.one(y.f.SEEKING,this.clearLayout),this.player_.one(y.f.PLAY,this.clearLayout)})),v(this,"clearLayout",(()=>{this.layout_.innerHTML="",this.player_.removeClass(d)})),this.options_=e,this.player_=t,this.player_.on(y.f.SHOW_PRODUCTS_OVERLAY,this.renderProducts),this.dispose=()=>{this.layout_.dispose()}}createEl(){const t=this.player_.currentDimensions();return this.layout_=E.createEl("div",{className:"cld-spbl-products-overlay",style:"padding-top: ".concat(t.height/t.width*100,"%;")}),this.layout_}}s().registerComponent("ShoppableProductsOverlay",x);const B=x,w=s().dom||s(),k=s().getComponent("ClickableComponent");class P extends k{constructor(t,e){super(t,e),this.options_=e}handleClick(t){t.preventDefault(),t.stopPropagation(),this.options_.clickHandler()}createEl(){let t={},e={};this.options_.toggleIcon?(t={className:"".concat(b," ").concat("cld-spbl-toggle-custom-icon"," ").concat("vjs-icon-close")},e={style:"background-image: url(".concat(this.options_.toggleIcon,")")}):t={className:"".concat(b," ").concat("vjs-icon-cart")};const o=w.createEl("span",t,e),n=super.createEl("a",{className:"".concat(h," base-color-bg")});return n.appendChild(o),this.player_.on(y.f.PRODUCT_BAR_MIN,(()=>{setTimeout((()=>{o.classList.add(g),setTimeout((()=>{o.classList.remove(g)}),1e3)}),500)})),n}}s().registerComponent("shoppablePanelToggle",P);const S=P,T=s().dom||s(),N=s().getComponent("Component");class L extends N{constructor(t,e){super(t,e),this.player_=t,this.player().addClass("cld-shoppable-panel"),this.player().addClass(c),this.contentWrpEl_=T.createEl("div",{className:"cld-spbl-bar"}),this.contentBannerEl_=T.createEl("div",{className:"cld-spbl-banner-msg base-color-text"},{},this.options_.bannerMsg||"Shop the Video"),this.contentWrpEl_.appendChild(this.contentBannerEl_);const o=new B(this.player_,this.options_);this.contentWrpEl_.appendChild(o.el_),this.contentEl_=T.createEl("div",{className:m}),this.contentWrpEl_.appendChild(this.contentEl_),this.player().el().appendChild(this.contentWrpEl_),this.addChild(new S(this.player_,{toggleIcon:this.options_.toggleIcon,clickHandler:()=>{this.togglePanel()}})),this.addChild("ShoppablePanel",this.options_),this.dispose=()=>{this.removeLayout(),super.dispose()},this.togglePanel=t=>{!0===t?(this.player().removeClass(c),this.player().addClass(p)):!1===t?(this.player().removeClass(p),this.player().addClass(c)):(this.player().toggleClass(c),this.player().toggleClass(p));let e=this.player().hasClass(p)?"productBarMax":"productBarMin";this.player().trigger(e)},"open"===this.options_.startState&&this.togglePanel(!0),this.player_.on(y.f.PLAY,(()=>{this.player_.currentTime()<.01&&("openOnPlay"===this.options_.startState&&this.togglePanel(!0,this.options_.autoClose),this.options_.autoClose&&-1!==this.options_.startState.indexOf("open")&&setTimeout((()=>{this.contentEl_.matches(":hover")?this.contentEl_.addEventListener("mouseleave",(()=>{this.togglePanel(!1)}),{once:!0}):this.togglePanel(!1)}),1e3*this.options_.autoClose))}))}createEl(){return super.createEl("div")}}s().registerComponent("shoppableBarLayout",L);const M=L;var F=o(2858),I=o.n(F),O=o(4650);const z=s().getComponent("ClickableComponent"),j=s().dom||s(),D={width:132};class H extends z{constructor(t,e){super(t,e),this.options_=e,this.isDragged=!1}handleClick(t){t.preventDefault(),t.stopPropagation(),this.el_.matches(".dragged .".concat(u))||this.options_.clickHandler(t),this.isDragged=!1}getTitle(){return this.options_.conf.title}createEl(){const t=super.createEl("a",{className:"".concat(u," base-color-bg accent-color-text"),href:"#"});t.setAttribute("data-product-id",this.options_.conf.productId||""),t.setAttribute("data-product-name",this.options_.conf.productName||""),this.options_.conf.onHover&&G(t,this.options_.conf.onHover,this.options_.item.cloudinaryConfig()),this.options_.conf.onClick&&Y(t,this.options_.conf.onClick);const e=super.createEl("img",{className:f},{src:this.options_.item.url(D)});if(t.appendChild(e),this.getTitle()){const e=j.createEl("div",{className:"cld-spbl-item-info base-color-semi-bg text-color-text"}),o=j.createEl("span",{className:"cld-spbl-item-title"},{},this.getTitle());e.appendChild(o),t.appendChild(e)}return t}}const G=(t,e,o)=>{if(t.setAttribute("data-hover-action",e.action),"overlay"===e.action){const o=j.createEl("span",{className:"cld-spbl-overlay-text base-color-text"},{},e.args),n=j.createEl("span",{className:"cld-spbl-overlay text-color-semi-bg base-color-text"},{title:e.args},o);t.appendChild(n)}else{const n=new O.A(e.args.publicId,{cloudinaryConfig:o,transformation:e.args.transformation}),s=j.createEl("img",{className:"".concat(f," cld-spbl-hover-img")},{src:n.url(D)});t.appendChild(s)}},Y=(t,e)=>{t.setAttribute("data-click-action",e.action),t.setAttribute("data-pause",e.pause),e.action===r?t.setAttribute("data-seek",e.args.time):e.action===i&&t.setAttribute("data-goto-url",e.args.url)};s().registerComponent("shoppablePanelItem",H);const U=H,J=s().getComponent("Component");class W extends J{constructor(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};super(t,e),this.options=e;const o=()=>{this.render()};t.on(y.f.SHOPPABLE_ITEM_CHANGED,o),this.render(),this.dispose=()=>{super.dispose(),t.off(y.f.SHOPPABLE_ITEM_CHANGED,o)}}createEl(){const t=super.createEl();return[C,"base-color-bg"].map((e=>t.classList.add(e))),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.cloudinaryConfig();return this.options.products.map((e=>{e.onHover&&"object"==typeof e.onHover.args&&(e.onHover.args.transformation=Object.assign({},this.options.transformation,e.onHover.args.transformation));const o={productId:e.productId,productName:e.productName,title:e.title,onHover:e.onHover,onClick:e.onClick,startTime:e.startTime,endTime:e.endTime};return{imageSrc:new O.A(e.publicId,{cloudinaryConfig:t,transformation:Object.assign({},this.options.transformation,e.transformation)}),conf:o}}))}scrollToActiveItem(){const t=this.el_.getElementsByClassName("active");if(t.length>0){const e=t[0].offsetTop-12;"scrollBehavior"in document.documentElement.style?this.el_.scrollTo({top:e,behavior:"smooth"}):this.el_.scrollTop=e}}render(){this.removeAll();const t=this.getItems(),e=I()((()=>this.scrollToActiveItem()),1e3);t.forEach(((t,o)=>{const n=new U(this.player(),{item:t.imageSrc,conf:t.conf,next:1===o,current:0===o,clickHandler:t=>{let e=t.currentTarget||t.target,o=this.player_.ended()?"productClickPost":"productClick";if(this.player_.trigger(o,{productId:e.dataset.productId,productName:e.dataset.productName}),e.dataset.clickAction===i)window.open(e.dataset.gotoUrl,"_blank");else if(e.dataset.clickAction===r){const t=l(e.dataset.seek);null!==t&&(this.player_.addClass("vjs-has-started"),this.player_.postModal&&this.player_.postModal.close(),this.player_.currentTime(t),this.player_.removeClass(p),this.player_.addClass(c),this.player_.addClass(d),this.player_.one("seeked",(()=>this.player_.trigger("showProductsOverlay"))))}"false"!==e.dataset.pause&&(this.player_.pause(),l(e.dataset.pause)&&setTimeout((()=>{this.player_.play()}),1e3*l(e.dataset.pause)))}});n.on("mouseover",(t=>{let e=t.currentTarget||t.target,o=this.player_.ended()?"productHoverPost":"productHover";this.player_.trigger(o,{productId:e.dataset.productId,productName:e.dataset.productName})})),void 0!==t.conf.startTime&&void 0!==t.conf.endTime&&this.player_.on(y.f.TIME_UPDATE,(()=>{const o=this.player_.currentTime();o>=t.conf.startTime&&o<t.conf.endTime?(n.el_.classList.add("active"),e()):n.el_.classList.contains("active")&&n.el_.classList.remove("active")})),this.addChild(n)}))}}s().registerComponent("shoppablePanel",W);const Q=W,K=s().dom||s(),X=class{constructor(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};this.options_={...e,postPlay:!0},this.player_=t,this.render(),this.handleDragToScroll(),this.dispose=()=>{this.layout_.dispose()}}handleDragToScroll(){const t=this.player_.postModal.el_.querySelector(".".concat(C));let e=!1,o=0,n=0;t.addEventListener("mousedown",(s=>{e=!0,o=s.pageX-t.offsetLeft,n=t.scrollLeft})),document.addEventListener("mouseup",(n=>{e=!1,setTimeout((()=>{t.classList.remove("dragged")}),300);const s=n.pageX-t.offsetLeft-o;Math.abs(s)>5&&n.preventDefault()})),document.addEventListener("mousemove",(s=>{if(!e)return;s.preventDefault();const l=s.pageX-t.offsetLeft-o;t.scrollLeft=n-l,Math.abs(l)>5&&!t.classList.contains("dragged")&&t.classList.add("dragged")}))}render(){this.player_.postModal=null;const t=K.createEl("div",{className:"cld-spbl-post-play"}),e=new Q(this.player_,this.options_),o=K.createEl("div",{className:"cld-spbl-post-title base-color-text"},{},this.options_.bannerMsg||"Shop the Video"),n=this.player_.cloudinary.currentPoster();n.transformation([n.transformation().toOptions?n.transformation().toOptions():{},{effect:"blur:3000"}]);const s=K.createEl("div",{className:"cld-spbl-post-play-bg",style:'background-image: url("'.concat(n.url(),'")')}),l=K.createEl("button",{className:"cld-spbl-replay-btn base-color-bg vjs-icon-replay",onclick:()=>{this.player_.trigger("replay"),this.player_.postModal.close(),this.player_.play()}},{},"Replay");t.appendChild(s),t.appendChild(o),t.appendChild(e.el()),t.appendChild(l),this.player_.postModal=this.player_.createModal(t,{name:"postModal",uncloseable:!0}),this.player_.addClass("cld-spbl-post-modal"),this.player_.postModal.on("beforemodalclose",(()=>{this.player_.removeClass("cld-spbl-post-modal")}))}};var q=o(5292),R=o.n(q),V=o(9893),$=o.n(V),Z=o(9383),tt=o.n(Z),et=o(6884),ot=o.n(et),nt=o(9088),st=o.n(nt),lt=o(7997),At=o.n(lt),at=o(9752),it={};it.styleTagTransform=At(),it.setAttributes=ot(),it.insert=tt().bind(null,"head"),it.domAPI=$(),it.insertStyleElement=st(),R()(at.A,it),at.A&&at.A.locals&&at.A.locals;const rt=class{constructor(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};this.options_=s().obj.merge(a,e),this.player_=t,this.options_.showPostPlayOverlay&&this.player_.on(y.f.ENDED,(()=>{this.player_.addChild(new X(this.player_,this.options_))}));const o=this.options_.width;this._injectCSS("\n      .".concat(m," {\n        transform: translateX(").concat(o,");\n      }\n      .").concat(p," .vjs-control-bar {\n        width: calc(100% - ").concat(o,");\n      }\n      .").concat(h," {\n        right: ").concat(o,";\n      }\n      .").concat(C,"{\n        width: ").concat(o,";\n      }\n    ")),this._setListeners()}_setListeners(){const t=this._resizeHandler.bind(this);this.player_.on(y.f.RESIZE,t),window.addEventListener("resize",t),this.dispose=()=>{this.player_.off(y.f.RESIZE,t),window.removeEventListener("resize",t),this.layout_.dispose()}}_injectCSS(t){const e=document.createElement("style");e.innerHTML=t,this.player_.el_.appendChild(e)}_resizeHandler(){const t=[["sm",0,80],["md",81,110],["lg",111,170]],e=parseFloat(this.options_.width)/100*this.player_.el_.clientWidth;let o=!1;if(e){for(const[n,s,l]of t)e>s&&e<=l&&(this.layout_.contentWrpEl_.setAttribute("size",n),o=n);o||this.layout_.contentWrpEl_.removeAttribute("size")}}init(){this.render()}render(){this.layout_=new M(this.player_,this.options_)}}},9752:(t,e,o)=>{o.d(e,{A:()=>a});var n=o(4942),s=o.n(n),l=o(278),A=o.n(l)()(s());A.push([t.id,'.cld-spbl-bar{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:1}.cld-spbl-bar-inner{position:absolute;top:0;right:0;bottom:0;left:0;transform:translateX(20%);transition:transform .3s}.cld-video-player .vjs-control-bar{transition:width .3s}.shoppable-panel-visible .cld-spbl-bar-inner{transform:translateX(0)}.shoppable-panel-visible .vjs-control-bar{width:80%}.shoppable-panel-visible .cld-spbl-toggle-icon:before{content:""}.cld-spbl-banner-msg{position:absolute;font-size:2em;text-shadow:0 0 5px rgba(0,0,0,.5);left:0;top:calc(50% + 3em);width:100%;text-align:center}.cld-video-player.vjs-has-started .cld-spbl-banner-msg,.cld-video-player.vjs-error .cld-spbl-banner-msg{display:none}.cld-spbl-toggle{position:absolute;top:3%;right:20%;color:inherit;border-radius:6px 0 0 6px;width:40px;height:40px;line-height:40px;font-size:24px;text-align:center;cursor:pointer;pointer-events:all;text-decoration:none}.cld-spbl-toggle:hover{color:inherit;text-decoration:none}.cld-spbl-toggle:focus{outline:none}.cld-spbl-toggle-icon{display:block;animation-duration:1s;animation-fill-mode:both}.cld-spbl-toggle-icon.cld-spbl-toggle-custom-icon{position:absolute;top:0;right:0;bottom:0;left:0;background-position:center;background-repeat:no-repeat;background-size:75%}.shoppable-panel-hidden .cld-spbl-toggle-icon.cld-spbl-toggle-custom-icon:before{display:none}.shoppable-panel-visible .cld-spbl-toggle-icon.cld-spbl-toggle-custom-icon{background-image:none !important}.cld-spbl-toggle-icon.animate,.shoppable-panel-hidden .cld-spbl-toggle-icon:hover{animation-name:tada;animation-iteration-count:infinite}.cld-spbl-panel{position:absolute;top:0;right:0;bottom:0;width:20%;overflow:auto;pointer-events:all;-ms-overflow-style:none;scrollbar-width:none}.cld-spbl-panel::-webkit-scrollbar{display:none}.cld-spbl-item{display:block;position:relative;margin:12px 8px;color:inherit;transform:scale(0.98);transition:transform .3s}.cld-spbl-bar[size=md] .cld-spbl-item{font-size:10px}.cld-spbl-bar[size=sm] .cld-spbl-item{font-size:8px}.cld-spbl-item:before,.cld-spbl-item:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;box-shadow:0 0 0;transition:box-shadow .3s;border-radius:3px}.cld-spbl-item.active{transform:scale(1)}.cld-spbl-item.active:before{opacity:.5;box-shadow:0 0 0 4px}.cld-spbl-item.active:after{box-shadow:0 0 0 2px}.cld-spbl-item:hover{color:inherit}.cld-spbl-img{max-width:100%;height:auto}.cld-spbl-hover-img{display:none}.cld-spbl-item-info{position:absolute;right:0;bottom:0;left:0;max-height:100%;overflow:hidden;padding:6%}.cld-spbl-overlay{display:inline-flex;position:absolute;top:0;right:0;bottom:0;left:0;line-height:1.3;font-size:120%;text-align:center;padding:10%;z-index:1;opacity:0}.cld-spbl-overlay .cld-spbl-overlay-text{margin:auto}.cld-spbl-item:hover .cld-spbl-overlay{opacity:1}.cld-spbl-item:hover .cld-spbl-overlay~.cld-spbl-item-info{display:none}.cld-spbl-item:hover .cld-spbl-hover-img{display:block}.cld-spbl-item:hover .cld-spbl-hover-img+.cld-spbl-img{display:none}.cld-spbl-post-play .cld-spbl-post-play-bg{position:absolute;top:0;left:0;bottom:0;right:0;background-size:cover}.cld-spbl-post-play .cld-spbl-post-title{position:absolute;font-size:1.5em;text-shadow:0 0 5px rgba(0,0,0,.5);left:0;top:.8em;width:100%;text-align:center}.cld-spbl-post-play .cld-spbl-panel{width:100%;top:16%;height:60%;padding:10px 8px;white-space:nowrap;background:none !important;cursor:grab}.cld-spbl-post-play .cld-spbl-panel:active{cursor:grabbing}.cld-spbl-post-play .cld-spbl-item{display:inline-block;width:28%;padding-top:28%;margin:0 8px;white-space:normal;vertical-align:top;border-radius:10px;overflow:hidden;box-shadow:0 4px 6px 1.2px rgba(0,0,0,.24),0 6px 8px 4px rgba(0,0,0,.24);transform:none}.cld-spbl-post-play .cld-spbl-img{max-width:100%;max-height:100%;position:absolute;top:0;left:0;bottom:0;right:0;margin:0 auto auto}.cld-spbl-post-play .cld-spbl-replay-btn{position:absolute;left:5%;bottom:10%;font-family:inherit;padding:8px 15px;border-radius:5px}.cld-spbl-post-play .cld-spbl-replay-btn:before{font-family:VideoJS;vertical-align:bottom;margin-right:4px}.cld-spbl-post-modal .cld-spbl-bar,.cld-spbl-post-modal .vjs-big-play-button,.cld-spbl-post-modal .vjs-recommendations-overlay{display:none}@keyframes tada{0%{transform:scale3d(1, 1, 1)}10%,20%{transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)}30%,50%,70%,90%{transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)}40%,60%,80%{transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)}100%{transform:scale3d(1, 1, 1)}}.shoppable-products-overlay .vjs-title-bar,.shoppable-products-overlay .vjs-big-play-button{display:none !important}.cld-spbl-products-overlay{position:absolute;width:100%;top:50%;transform:translateY(-50%)}.cld-spbl-product-hotspot{pointer-events:all;position:absolute;cursor:pointer;padding:15px}.cld-spbl-product-hotspot:after{content:"";display:block;width:8px;height:8px;background:#fff;box-shadow:0 0 0 4px #0078ff,0 0 0 8px rgba(0,120,255,.24);border-radius:18px}.cld-spbl-product-hotspot:hover .cld-spbl-product-tooltip{display:block}.cld-spbl-product-tooltip{display:none;position:absolute;white-space:nowrap;padding:4px 6px;border-radius:4px;top:100%;left:50%;transform:translateX(-50%)}.cld-spbl-product-tooltip.cld-spbl-product-tooltip-top{top:auto;bottom:100%}.cld-spbl-product-tooltip.cld-spbl-product-tooltip-left{top:50%;right:100%;left:auto;transform:translateY(-50%)}.cld-spbl-product-tooltip.cld-spbl-product-tooltip-right{top:50%;left:100%;transform:translateY(-50%)}',"",{version:3,sources:["webpack://./components/shoppable-bar/shoppable-widget.scss"],names:[],mappings:"AAAA,cACA,iBACE,CAAA,KACA,CAAA,OACA,CAAA,QACA,CAAA,MACA,CAAA,mBACA,CAAA,eACA,CAAA,SACA,CAAA,oBAEF,iBACE,CAAA,KACA,CAAA,OACA,CAAA,QACA,CAAA,MACA,CAAA,yBACA,CAAA,wBACA,CAAA,mCAEF,oBACE,CAAA,6CAGA,uBACE,CAAA,0CAEF,SACE,CAAA,sDAEF,WACE,CAAA,qBAGJ,iBACE,CAAA,aACA,CAAA,kCACA,CAAA,MACA,CAAA,mBACA,CAAA,UACA,CAAA,iBACA,CAAA,wGACA,YAEE,CAAA,iBAGJ,iBACE,CAAA,MACA,CAAA,SAjDM,CAAA,aAmDN,CAAA,yBACA,CAAA,UACA,CAAA,WACA,CAAA,gBACA,CAAA,cACA,CAAA,iBACA,CAAA,cACA,CAAA,kBACA,CAAA,oBACA,CAAA,uBACA,aACE,CAAA,oBACA,CAAA,uBAEF,YACE,CAAA,sBAGJ,aAuBE,CAAA,qBACA,CAAA,wBACA,CAAA,kDAtBA,iBACE,CAAA,KACA,CAAA,OACA,CAAA,QACA,CAAA,MACA,CAAA,0BACA,CAAA,2BACA,CAAA,mBACA,CAAA,iFAEE,YACE,CAAA,2EAGJ,gCACE,CAAA,kFAQJ,mBAEE,CAAA,kCACA,CAAA,gBAIJ,iBACE,CAAA,KACA,CAAA,OACA,CAAA,QACA,CAAA,SA1GM,CAAA,aA4GN,CAAA,kBACA,CAAA,uBAGA,CAAA,oBACA,CAAA,mCACA,YACE,CAAA,eAGJ,aACE,CAAA,iBACA,CAAA,eACA,CAAA,aACA,CAAA,qBACA,CAAA,wBACA,CAAA,sCAEA,cACE,CAAA,sCAEF,aACE,CAAA,2CAGF,UAEE,CAAA,iBACA,CAAA,KACA,CAAA,OACA,CAAA,QACA,CAAA,MACA,CAAA,SACA,CAAA,mBACA,CAAA,gBACA,CAAA,yBACA,CAAA,iBACA,CAAA,sBAEF,kBACE,CAAA,6BACA,UACE,CAAA,oBACA,CAAA,4BAEF,oBACE,CAAA,qBAIJ,aACE,CAAA,cAGJ,cACE,CAAA,WACA,CAAA,oBAEF,YACE,CAAA,oBAEF,iBACE,CAAA,OACA,CAAA,QACA,CAAA,MACA,CAAA,eACA,CAAA,eACA,CAAA,UACA,CAAA,kBAEF,mBACE,CAAA,iBACA,CAAA,KACA,CAAA,OACA,CAAA,QACA,CAAA,MACA,CAAA,eACA,CAAA,cACA,CAAA,iBACA,CAAA,WACA,CAAA,SACA,CAAA,SACA,CAAA,yCAEA,WACE,CAAA,uCAIF,SACE,CAAA,2DACA,YACE,CAAA,yCAGJ,aACE,CAAA,uDAEE,YACE,CAAA,2CAON,iBACE,CAAA,KACA,CAAA,MACA,CAAA,QACA,CAAA,OACA,CAAA,qBACA,CAAA,yCAEF,iBACE,CAAA,eACA,CAAA,kCACA,CAAA,MACA,CAAA,QACA,CAAA,UACA,CAAA,iBACA,CAAA,oCAEF,UACE,CAAA,OACA,CAAA,UACA,CAAA,gBACA,CAAA,kBACA,CAAA,0BACA,CAAA,WAEA,CAAA,2CACA,eACE,CAAA,mCAGJ,oBACE,CAAA,SACA,CAAA,eACA,CAAA,YACA,CAAA,kBACA,CAAA,kBACA,CAAA,kBACA,CAAA,eACA,CAAA,wEACA,CAAA,cACA,CAAA,kCAEF,cACE,CAAA,eACA,CAAA,iBACA,CAAA,KACA,CAAA,MACA,CAAA,QACA,CAAA,OACA,CAAA,kBACA,CAAA,yCAEF,iBACE,CAAA,OACA,CAAA,UACA,CAAA,mBACA,CAAA,gBACA,CAAA,iBACA,CAAA,gDACA,mBACE,CAAA,qBACA,CAAA,gBACA,CAAA,+HAMJ,YAGE,CAAA,gBAIJ,GACE,0BACE,CAAA,QAEF,yDACE,CAAA,gBAEF,wDACE,CAAA,YAEF,yDACE,CAAA,KAEF,0BACE,CAAA,CAAA,4FAMF,uBAEE,CAAA,2BAGJ,iBACE,CAAA,UACA,CAAA,OACA,CAAA,0BACA,CAAA,0BAEF,kBACE,CAAA,iBACA,CAAA,cACA,CAAA,YACA,CAAA,gCACA,UACE,CAAA,aACA,CAAA,SACA,CAAA,UACA,CAAA,eACA,CAAA,0DACA,CAAA,kBACA,CAAA,0DAGF,aACE,CAAA,0BAGJ,YACE,CAAA,iBACA,CAAA,kBACA,CAAA,eACA,CAAA,iBACA,CAAA,QACA,CAAA,QACA,CAAA,0BACA,CAAA,uDACA,QACE,CAAA,WACA,CAAA,wDAEF,OACE,CAAA,UACA,CAAA,SACA,CAAA,0BACA,CAAA,yDAEF,OACE,CAAA,SACA,CAAA,0BACA",sourcesContent:['$width: 20%;\n.cld-spbl-bar {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  pointer-events: none;\n  overflow: hidden;\n  z-index: 1;\n}\n.cld-spbl-bar-inner {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  transform: translateX($width);\n  transition: transform .3s;\n}\n.cld-video-player .vjs-control-bar {\n  transition: width .3s;\n}\n.shoppable-panel-visible {\n  .cld-spbl-bar-inner {\n    transform: translateX(0);\n  }\n  .vjs-control-bar {\n    width: 100% - $width;\n  }\n  .cld-spbl-toggle-icon:before {\n    content: "\\f119";\n  }\n}\n.cld-spbl-banner-msg {\n  position: absolute;\n  font-size: 2em;\n  text-shadow: 0 0 5px rgba(#000, .5);\n  left: 0;\n  top: calc(50% + 3em);\n  width: 100%;\n  text-align: center;\n  .cld-video-player.vjs-has-started &,\n  .cld-video-player.vjs-error & {\n    display: none;\n  }\n}\n.cld-spbl-toggle {\n  position: absolute;\n  top: 3%;\n  right: $width;\n  color: inherit;\n  border-radius: 6px 0 0 6px;\n  width: 40px;\n  height: 40px;\n  line-height: 40px;\n  font-size: 24px;\n  text-align: center;\n  cursor: pointer;\n  pointer-events: all;\n  text-decoration: none;\n  &:hover {\n    color: inherit;\n    text-decoration: none;\n  }\n  &:focus {\n    outline: none;\n  }\n}\n.cld-spbl-toggle-icon {\n\n  // Custom toggle icon\n  &.cld-spbl-toggle-custom-icon {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    background-position: center;\n    background-repeat: no-repeat;\n    background-size: 75%;\n    .shoppable-panel-hidden & {\n      &:before {\n        display: none;\n      }\n    }\n    .shoppable-panel-visible & {\n      background-image: none !important;\n    }\n  }\n\n  // Animate\n  display: block;\n  animation-duration: 1s;\n  animation-fill-mode: both;\n  &.animate,\n  .shoppable-panel-hidden &:hover {\n    animation-name: tada;\n    animation-iteration-count: infinite;\n  }\n\n}\n.cld-spbl-panel {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  width: $width;\n  overflow: auto;\n  pointer-events: all;\n\n  // Hide scrollbar\n  -ms-overflow-style: none;  // Internet Explorer 10+\n  scrollbar-width: none;  // Firefox\n  &::-webkit-scrollbar {\n    display: none;  // Safari and Chrome\n  }\n}\n.cld-spbl-item {\n  display: block;\n  position: relative;\n  margin: 12px 8px;\n  color: inherit;\n  transform: scale(0.98);\n  transition: transform .3s;\n\n  .cld-spbl-bar[size="md"] & {\n    font-size: 10px;\n  }\n  .cld-spbl-bar[size="sm"] & {\n    font-size: 8px;\n  }\n\n  &:before,\n  &:after {\n    content:  "";\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: 0;\n    pointer-events: none;\n    box-shadow: 0 0 0;\n    transition: box-shadow .3s;\n    border-radius: 3px;\n  }\n  &.active {\n    transform: scale(1);\n    &:before {\n      opacity: .5;\n      box-shadow: 0 0 0 4px;\n    }\n    &:after {\n      box-shadow: 0 0 0 2px;\n    }\n\n  }\n  &:hover {\n    color: inherit;\n  }\n}\n.cld-spbl-img {\n  max-width: 100%;\n  height: auto;\n}\n.cld-spbl-hover-img {\n  display: none;\n}\n.cld-spbl-item-info {\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  max-height: 100%;\n  overflow: hidden;\n  padding: 6%;\n}\n.cld-spbl-overlay {\n  display: inline-flex;\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  line-height: 1.3;\n  font-size: 120%;\n  text-align: center;\n  padding: 10%;\n  z-index: 1;\n  opacity: 0;\n\n  .cld-spbl-overlay-text {\n    margin: auto;\n  }\n}\n.cld-spbl-item:hover {\n  .cld-spbl-overlay {\n    opacity: 1;\n    ~ .cld-spbl-item-info {\n      display: none;\n    }\n  }\n  .cld-spbl-hover-img {\n    display: block;\n    + {\n      .cld-spbl-img {\n        display: none;\n      }\n    }\n  }\n}\n\n.cld-spbl-post-play {\n  .cld-spbl-post-play-bg {\n    position: absolute;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    right: 0;\n    background-size: cover;\n  }\n  .cld-spbl-post-title {\n    position: absolute;\n    font-size: 1.5em;\n    text-shadow: 0 0 5px rgba(#000, .5);\n    left: 0;\n    top: 0.8em;\n    width: 100%;\n    text-align: center;\n  }\n  .cld-spbl-panel {\n    width:  100%;\n    top: 16%;\n    height: 60%;\n    padding: 10px 8px;\n    white-space: nowrap;\n    background: none !important;\n\n    cursor: grab;\n    &:active {\n      cursor: grabbing;\n    }\n  }\n  .cld-spbl-item {\n    display: inline-block;\n    width: 28%;\n    padding-top: 28%;\n    margin: 0 8px;\n    white-space: normal;\n    vertical-align: top;\n    border-radius: 10px;\n    overflow: hidden;\n    box-shadow: 0 4px 6px 1.2px rgba(0,0,0,0.24), 0 6px 8px 4px rgba(0,0,0,0.24);\n    transform: none;\n  }\n  .cld-spbl-img {\n    max-width: 100%;\n    max-height: 100%;\n    position: absolute;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    right: 0;\n    margin: 0 auto auto;\n  }\n  .cld-spbl-replay-btn {\n    position: absolute;\n    left: 5%;\n    bottom: 10%;\n    font-family: inherit;\n    padding: 8px 15px;\n    border-radius: 5px;\n    &:before {\n      font-family: VideoJS;\n      vertical-align: bottom;\n      margin-right: 4px;\n    }\n  }\n}\n\n.cld-spbl-post-modal {\n  .cld-spbl-bar,\n  .vjs-big-play-button,\n  .vjs-recommendations-overlay {\n    display: none;\n  }\n}\n\n@keyframes tada {\n  0% {\n    transform: scale3d(1, 1, 1);\n  }\n  10%, 20% {\n    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);\n  }\n  30%, 50%, 70%, 90% {\n    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);\n  }\n  40%, 60%, 80% {\n    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);\n  }\n  100% {\n    transform: scale3d(1, 1, 1);\n  }\n}\n\n// cld-spbl-products-overlay\n.shoppable-products-overlay {\n  .vjs-title-bar,\n  .vjs-big-play-button {\n    display: none !important;\n  }\n}\n.cld-spbl-products-overlay {\n  position: absolute;\n  width: 100%;\n  top: 50%;\n  transform: translateY(-50%);\n}\n.cld-spbl-product-hotspot {\n  pointer-events: all;\n  position: absolute;\n  cursor: pointer;\n  padding: 15px;\n  &:after {\n    content: \'\';\n    display: block;\n    width: 8px;\n    height: 8px;\n    background: #fff;\n    box-shadow: 0 0 0 4px #0078FF, 0 0 0 8px rgba(0,120,255,0.24);\n    border-radius: 18px;\n  }\n\n  &:hover .cld-spbl-product-tooltip {\n    display: block;\n  }\n}\n.cld-spbl-product-tooltip {\n  display: none;\n  position: absolute;\n  white-space: nowrap;\n  padding: 4px 6px;\n  border-radius: 4px;\n  top: 100%;\n  left: 50%;\n  transform: translateX(-50%);\n  &.cld-spbl-product-tooltip-top {\n    top: auto;\n    bottom: 100%;\n  }\n  &.cld-spbl-product-tooltip-left {\n    top: 50%;\n    right: 100%;\n    left: auto;\n    transform: translateY(-50%);\n  }\n  &.cld-spbl-product-tooltip-right {\n    top: 50%;\n    left: 100%;\n    transform: translateY(-50%);\n  }\n\n}\n'],sourceRoot:""}]);const a=A}}]);
+(self.cloudinaryVideoPlayerChunkLoading=self.cloudinaryVideoPlayerChunkLoading||[]).push([[525],{9987:(t,e,s)=>{s.d(e,{default:()=>Z});var o=s(7938),a=s.n(o);const i=function(t){const[e,s,o]=t.split(":").reverse();let a=null;return isNaN(e)||(a=60*(+o||0)*60+60*(+s||0)+ +e),a};var n=s(9339);const r={location:"right",toggleIcon:"",width:"20%",startState:"openOnPlay",autoClose:2,transformation:{quality:"auto",width:"auto",fetch_format:"auto",crop:"scale"},products:[],showPostPlayOverlay:!1},l="goto",c="seek",p="shoppable-panel-visible",d="shoppable-panel-hidden",h="shoppable-products-overlay",u="cld-spbl-panel",m="cld-spbl-toggle",g="cld-spbl-toggle-icon",_="cld-spbl-bar-inner",f="animate",y="cld-spbl-item",v="cld-spbl-img";var b=s(1104);function C(t,e,s){var o;return(e="symbol"==typeof(o=function(t,e){if("object"!=typeof t||!t)return t;var s=t[Symbol.toPrimitive];if(void 0!==s){var o=s.call(t,"string");if("object"!=typeof o)return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(e))?o:o+"")in t?Object.defineProperty(t,e,{value:s,enumerable:!0,configurable:!0,writable:!0}):t[e]=s,t}const E=a().dom||a(),T=a().getComponent("Component");class N extends T{constructor(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};super(t,e),C(this,"renderProducts",(()=>{this.player_.removeClass(p),this.player_.addClass(d),this.player_.addClass(h),this.layout_.innerHTML="";const t=this.player_.currentTime();this.options_.products.filter((e=>e.hotspots&&e.hotspots.some((e=>i(e.time)===t)))).forEach((e=>{const s=(0,n.I)(e.hotspots,(e=>i(e.time)===t)),o=E.createEl("div",{className:"cld-spbl-product-hotspot-name"},{},e.productName),a=E.createEl("div",{className:"cld-spbl-product-tooltip cld-spbl-product-tooltip-"+s.tooltipPosition},{},o),r=E.createEl("a",{className:"cld-spbl-product-hotspot accent-color-text",href:s.clickUrl,target:"_blank"},{style:"left:"+s.x+"; top:"+s.y+";"},a);this.layout_.appendChild(r)})),this.player_.one(b.f.SEEKING,this.clearLayout),this.player_.one(b.f.PLAY,this.clearLayout)})),C(this,"clearLayout",(()=>{this.layout_.innerHTML="",this.player_.removeClass(h)})),this.options_=e,this.player_=t,this.player_.on(b.f.SHOW_PRODUCTS_OVERLAY,this.renderProducts),this.dispose=()=>{this.layout_.dispose()}}createEl(){const t=this.player_.currentDimensions();return this.layout_=E.createEl("div",{className:"cld-spbl-products-overlay",style:"padding-top: ".concat(t.height/t.width*100,"%;")}),this.layout_}}a().registerComponent("ShoppableProductsOverlay",N);const P=N,L=a().dom||a(),w=a().getComponent("ClickableComponent");class x extends w{constructor(t,e){super(t,e),this.options_=e}handleClick(t){t.preventDefault(),t.stopPropagation(),this.options_.clickHandler()}createEl(){let t={},e={};this.options_.toggleIcon?(t={className:"".concat(g," ").concat("cld-spbl-toggle-custom-icon"," ").concat("vjs-icon-close")},e={style:"background-image: url(".concat(this.options_.toggleIcon,")")}):t={className:"".concat(g," ").concat("vjs-icon-cart")};const s=L.createEl("span",t,e),o=super.createEl("a",{className:"".concat(m," base-color-bg")});return o.appendChild(s),this.player_.on(b.f.PRODUCT_BAR_MIN,(()=>{setTimeout((()=>{s.classList.add(f),setTimeout((()=>{s.classList.remove(f)}),1e3)}),500)})),o}}a().registerComponent("shoppablePanelToggle",x);const k=x,I=a().dom||a(),A=a().getComponent("Component");class S extends A{constructor(t,e){super(t,e),this.player_=t,this.player().addClass("cld-shoppable-panel"),this.player().addClass(d),this.contentWrpEl_=I.createEl("div",{className:"cld-spbl-bar"}),this.contentBannerEl_=I.createEl("div",{className:"cld-spbl-banner-msg base-color-text"},{},this.options_.bannerMsg||"Shop the Video"),this.contentWrpEl_.appendChild(this.contentBannerEl_);const s=new P(this.player_,this.options_);this.contentWrpEl_.appendChild(s.el_),this.contentEl_=I.createEl("div",{className:_}),this.contentWrpEl_.appendChild(this.contentEl_),this.player().el().appendChild(this.contentWrpEl_),this.addChild(new k(this.player_,{toggleIcon:this.options_.toggleIcon,clickHandler:()=>{this.togglePanel()}})),this.addChild("ShoppablePanel",this.options_),this.dispose=()=>{this.removeLayout(),super.dispose()},this.togglePanel=t=>{!0===t?(this.player().removeClass(d),this.player().addClass(p)):!1===t?(this.player().removeClass(p),this.player().addClass(d)):(this.player().toggleClass(d),this.player().toggleClass(p));let e=this.player().hasClass(p)?"productBarMax":"productBarMin";this.player().trigger(e)},"open"===this.options_.startState&&this.togglePanel(!0),this.player_.on(b.f.PLAY,(()=>{this.player_.currentTime()<.01&&("openOnPlay"===this.options_.startState&&this.togglePanel(!0,this.options_.autoClose),this.options_.autoClose&&-1!==this.options_.startState.indexOf("open")&&setTimeout((()=>{this.contentEl_.matches(":hover")?this.contentEl_.addEventListener("mouseleave",(()=>{this.togglePanel(!1)}),{once:!0}):this.togglePanel(!1)}),1e3*this.options_.autoClose))}))}createEl(){return super.createEl("div")}}a().registerComponent("shoppableBarLayout",S);const H=S;var M=s(2858),O=s.n(M),D=s(4650);const j=a().getComponent("ClickableComponent"),W=a().dom||a(),B={width:132};class R extends j{constructor(t,e){super(t,e),this.options_=e,this.isDragged=!1}handleClick(t){t.preventDefault(),t.stopPropagation(),this.el_.matches(".dragged .".concat(y))||this.options_.clickHandler(t),this.isDragged=!1}getTitle(){return this.options_.conf.title}createEl(){const t=super.createEl("a",{className:"".concat(y," base-color-bg accent-color-text"),href:"#"});t.setAttribute("data-product-id",this.options_.conf.productId||""),t.setAttribute("data-product-name",this.options_.conf.productName||""),this.options_.conf.onHover&&z(t,this.options_.conf.onHover,this.options_.item.cloudinaryConfig()),this.options_.conf.onClick&&U(t,this.options_.conf.onClick);const e=super.createEl("img",{className:v},{src:this.options_.item.url(B)});if(t.appendChild(e),this.getTitle()){const e=W.createEl("div",{className:"cld-spbl-item-info base-color-semi-bg text-color-text"}),s=W.createEl("span",{className:"cld-spbl-item-title"},{},this.getTitle());e.appendChild(s),t.appendChild(e)}return t}}const z=(t,e,s)=>{if(t.setAttribute("data-hover-action",e.action),"overlay"===e.action){const s=W.createEl("span",{className:"cld-spbl-overlay-text base-color-text"},{},e.args),o=W.createEl("span",{className:"cld-spbl-overlay text-color-semi-bg base-color-text"},{title:e.args},s);t.appendChild(o)}else{const o=new D.A(e.args.publicId,{cloudinaryConfig:s,transformation:e.args.transformation}),a=W.createEl("img",{className:"".concat(v," cld-spbl-hover-img")},{src:o.url(B)});t.appendChild(a)}},U=(t,e)=>{t.setAttribute("data-click-action",e.action),t.setAttribute("data-pause",e.pause),e.action===c?t.setAttribute("data-seek",e.args.time):e.action===l&&t.setAttribute("data-goto-url",e.args.url)};a().registerComponent("shoppablePanelItem",R);const V=R,X=a().getComponent("Component");class G extends X{constructor(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};super(t,e),this.options=e;const s=()=>{this.render()};t.on(b.f.SHOPPABLE_ITEM_CHANGED,s),this.render(),this.dispose=()=>{super.dispose(),t.off(b.f.SHOPPABLE_ITEM_CHANGED,s)}}createEl(){const t=super.createEl();return[u,"base-color-bg"].map((e=>t.classList.add(e))),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.cloudinaryConfig();return this.options.products.map((e=>{e.onHover&&"object"==typeof e.onHover.args&&(e.onHover.args.transformation=Object.assign({},this.options.transformation,e.onHover.args.transformation));const s={productId:e.productId,productName:e.productName,title:e.title,onHover:e.onHover,onClick:e.onClick,startTime:e.startTime,endTime:e.endTime};return{imageSrc:new D.A(e.publicId,{cloudinaryConfig:t,transformation:Object.assign({},this.options.transformation,e.transformation)}),conf:s}}))}scrollToActiveItem(){const t=this.el_.getElementsByClassName("active");if(t.length>0){const e=t[0].offsetTop-12;"scrollBehavior"in document.documentElement.style?this.el_.scrollTo({top:e,behavior:"smooth"}):this.el_.scrollTop=e}}render(){this.removeAll();const t=this.getItems(),e=O()((()=>this.scrollToActiveItem()),1e3);t.forEach(((t,s)=>{const o=new V(this.player(),{item:t.imageSrc,conf:t.conf,next:1===s,current:0===s,clickHandler:t=>{let e=t.currentTarget||t.target,s=this.player_.ended()?"productClickPost":"productClick";if(this.player_.trigger(s,{productId:e.dataset.productId,productName:e.dataset.productName}),e.dataset.clickAction===l)window.open(e.dataset.gotoUrl,"_blank");else if(e.dataset.clickAction===c){const t=i(e.dataset.seek);null!==t&&(this.player_.addClass("vjs-has-started"),this.player_.postModal&&this.player_.postModal.close(),this.player_.currentTime(t),this.player_.removeClass(p),this.player_.addClass(d),this.player_.addClass(h),this.player_.one("seeked",(()=>this.player_.trigger("showProductsOverlay"))))}"false"!==e.dataset.pause&&(this.player_.pause(),i(e.dataset.pause)&&setTimeout((()=>{this.player_.play()}),1e3*i(e.dataset.pause)))}});o.on("mouseover",(t=>{let e=t.currentTarget||t.target,s=this.player_.ended()?"productHoverPost":"productHover";this.player_.trigger(s,{productId:e.dataset.productId,productName:e.dataset.productName})})),void 0!==t.conf.startTime&&void 0!==t.conf.endTime&&this.player_.on(b.f.TIME_UPDATE,(()=>{const s=this.player_.currentTime();s>=t.conf.startTime&&s<t.conf.endTime?(o.el_.classList.add("active"),e()):o.el_.classList.contains("active")&&o.el_.classList.remove("active")})),this.addChild(o)}))}}a().registerComponent("shoppablePanel",G);const Y=G,$=a().dom||a(),q=class{constructor(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};this.options_={...e,postPlay:!0},this.player_=t,this.render(),this.handleDragToScroll(),this.dispose=()=>{this.layout_.dispose()}}handleDragToScroll(){const t=this.player_.postModal.el_.querySelector(".".concat(u));let e=!1,s=0,o=0;t.addEventListener("mousedown",(a=>{e=!0,s=a.pageX-t.offsetLeft,o=t.scrollLeft})),document.addEventListener("mouseup",(o=>{e=!1,setTimeout((()=>{t.classList.remove("dragged")}),300);const a=o.pageX-t.offsetLeft-s;Math.abs(a)>5&&o.preventDefault()})),document.addEventListener("mousemove",(a=>{if(!e)return;a.preventDefault();const i=a.pageX-t.offsetLeft-s;t.scrollLeft=o-i,Math.abs(i)>5&&!t.classList.contains("dragged")&&t.classList.add("dragged")}))}render(){this.player_.postModal=null;const t=$.createEl("div",{className:"cld-spbl-post-play"}),e=new Y(this.player_,this.options_),s=$.createEl("div",{className:"cld-spbl-post-title base-color-text"},{},this.options_.bannerMsg||"Shop the Video"),o=this.player_.cloudinary.currentPoster();o.transformation([o.transformation().toOptions?o.transformation().toOptions():{},{effect:"blur:3000"}]);const a=$.createEl("div",{className:"cld-spbl-post-play-bg",style:'background-image: url("'.concat(o.url(),'")')}),i=$.createEl("button",{className:"cld-spbl-replay-btn base-color-bg vjs-icon-replay",onclick:()=>{this.player_.trigger("replay"),this.player_.postModal.close(),this.player_.play()}},{},"Replay");t.appendChild(a),t.appendChild(s),t.appendChild(e.el()),t.appendChild(i),this.player_.postModal=this.player_.createModal(t,{name:"postModal",uncloseable:!0}),this.player_.addClass("cld-spbl-post-modal"),this.player_.postModal.on("beforemodalclose",(()=>{this.player_.removeClass("cld-spbl-post-modal")}))}},Z=class{constructor(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};this.options_=a().obj.merge(r,e),this.player_=t,this.options_.showPostPlayOverlay&&this.player_.on(b.f.ENDED,(()=>{this.player_.addChild(new q(this.player_,this.options_))}));const s=this.options_.width;this._injectCSS("\n      .".concat(_," {\n        transform: translateX(").concat(s,");\n      }\n      .").concat(p," .vjs-control-bar {\n        width: calc(100% - ").concat(s,");\n      }\n      .").concat(m," {\n        right: ").concat(s,";\n      }\n      .").concat(u,"{\n        width: ").concat(s,";\n      }\n    ")),this._setListeners()}_setListeners(){const t=this._resizeHandler.bind(this);this.player_.on(b.f.RESIZE,t),window.addEventListener("resize",t),this.dispose=()=>{this.player_.off(b.f.RESIZE,t),window.removeEventListener("resize",t),this.layout_.dispose()}}_injectCSS(t){const e=document.createElement("style");e.innerHTML=t,this.player_.el_.appendChild(e)}_resizeHandler(){const t=[["sm",0,80],["md",81,110],["lg",111,170]],e=parseFloat(this.options_.width)/100*this.player_.el_.clientWidth;let s=!1;if(e){for(const[o,a,i]of t)e>a&&e<=i&&(this.layout_.contentWrpEl_.setAttribute("size",o),s=o);s||this.layout_.contentWrpEl_.removeAttribute("size")}}init(){this.render()}render(){this.layout_=new H(this.player_,this.options_)}}},8812:(t,e,s)=>{var o=s(2140),a=/^\s+/;t.exports=function(t){return t?t.slice(0,o(t)+1).replace(a,""):t}},2140:t=>{var e=/\s/;t.exports=function(t){for(var s=t.length;s--&&e.test(t.charAt(s)););return s}},6177:(t,e,s)=>{var o=s(8953),a=s(3664),i=s(5378),n=Math.max,r=Math.min;t.exports=function(t,e,s){var l,c,p,d,h,u,m=0,g=!1,_=!1,f=!0;if("function"!=typeof t)throw new TypeError("Expected a function");function y(e){var s=l,o=c;return l=c=void 0,m=e,d=t.apply(o,s)}function v(t){var s=t-u;return void 0===u||s>=e||s<0||_&&t-m>=p}function b(){var t=a();if(v(t))return C(t);h=setTimeout(b,function(t){var s=e-(t-u);return _?r(s,p-(t-m)):s}(t))}function C(t){return h=void 0,f&&l?y(t):(l=c=void 0,d)}function E(){var t=a(),s=v(t);if(l=arguments,c=this,u=t,s){if(void 0===h)return function(t){return m=t,h=setTimeout(b,e),g?y(t):d}(u);if(_)return clearTimeout(h),h=setTimeout(b,e),y(u)}return void 0===h&&(h=setTimeout(b,e)),d}return e=i(e)||0,o(s)&&(g=!!s.leading,p=(_="maxWait"in s)?n(i(s.maxWait)||0,e):p,f="trailing"in s?!!s.trailing:f),E.cancel=function(){void 0!==h&&clearTimeout(h),m=0,l=u=c=h=void 0},E.flush=function(){return void 0===h?d:C(a())},E}},3664:(t,e,s)=>{var o=s(1433);t.exports=function(){return o.Date.now()}},2858:(t,e,s)=>{var o=s(6177),a=s(8953);t.exports=function(t,e,s){var i=!0,n=!0;if("function"!=typeof t)throw new TypeError("Expected a function");return a(s)&&(i="leading"in s?!!s.leading:i,n="trailing"in s?!!s.trailing:n),o(t,e,{leading:i,maxWait:e,trailing:n})}},5378:(t,e,s)=>{var o=s(8812),a=s(8953),i=s(5414),n=/^[-+]0x[0-9a-f]+$/i,r=/^0b[01]+$/i,l=/^0o[0-7]+$/i,c=parseInt;t.exports=function(t){if("number"==typeof t)return t;if(i(t))return NaN;if(a(t)){var e="function"==typeof t.valueOf?t.valueOf():t;t=a(e)?e+"":e}if("string"!=typeof t)return 0===t?t:+t;t=o(t);var s=r.test(t);return s||l.test(t)?c(t.slice(2),s?2:8):n.test(t)?NaN:+t}}}]);
 //# sourceMappingURL=shoppable.js.map