cloudinary-video-player 3.12.1 → 3.12.2-edge.0

package/lib/playlist.js

@@ -1 +1,637 @@
-(self.cloudinaryVideoPlayerChunkLoading=self.cloudinaryVideoPlayerChunkLoading||[]).push([[33],{5826:(t,e,s)=>{s.d(e,{default:()=>q});var i=s(5871),n=s(1104),r=s(1865),o=s(3686),l=s.n(o),a=s(4679),c=s.n(a);const d=[1,4,5,6,7,10,11],p=["created_at","updated_at"],h=t=>{const e={};return c()(t)?(Object.keys(t).reduce((e,s)=>{const i=l()(s);return-1!==p.indexOf(s)?e[i]=new Date(function(t){let e=0,s=0,i=0;if(s=/^(\d{4}|[+\-]\d{6})(?:-(\d{2})(?:-(\d{2}))?)?(?:T(\d{2}):(\d{2})(?::(\d{2})(?:\.(\d{3}))?)?(?:(Z)|([+\-])(\d{2})(?::(\d{2}))?)?)?$/.exec(t)){for(let t,e=0;t=d[e];++e)s[t]=+s[t]||0;s[2]=(+s[2]||1)-1,s[3]=+s[3]||1,"Z"!==s[8]&&void 0!==s[9]&&(i=60*s[10]+s[11],"+"===s[9]&&(i=0-i)),e=Date.UTC(s[1],s[2],s[3],s[4],s[5]+i,s[6],s[7])}else e=NaN;return e}(t[s])):e[i]=h(t[s]),e},e),e):Array.isArray(t)?t.map(t=>h(t)):t};var u=s(5381),m=s(4466),g=s.n(m),y=s(6673),_=s.n(y);const v=_().dom||_(),f=_().getComponent("Component"),C=_().getComponent("ClickableComponent");class x extends C{static DISABLE_TRANSITION_CLASS="disable-transition";static VJS_UPCOMING_VIDEO_SHOW="vjs-upcoming-video-show";constructor(t){for(var e=arguments.length,s=new Array(e>1?e-1:0),i=1;i<e;i++)s[i-1]=arguments[i];super(t,...s),this._setEvents(t)}_setEvents(t){t.on(n.f.UP_COMING_VIDEO_SHOW,this._show),t.on(n.f.UP_COMING_VIDEO_HIDE,this._hide),t.on(n.f.PLAYLIST_ITEM_CHANGED,this._onPlaylistItemChange)}_hide=()=>{this.removeClass(x.VJS_UPCOMING_VIDEO_SHOW)};_disableTransition(t){this.addClass(x.DISABLE_TRANSITION_CLASS),t(),this.removeClass(x.DISABLE_TRANSITION_CLASS)}_onPlaylistItemChange=(t,e)=>{this._hide(),this._disableTransition(()=>{e.next&&this.setItem(e.next)})};_show=()=>{const t=this.player().ima,e="object"===t&&t.getAdsManager();e&&e.getCurrentAd()&&!e.getCurrentAd().isLinear()||this.addClass(x.VJS_UPCOMING_VIDEO_SHOW)};setTitle(t){this.getChild("upcomingVideoOverlayContent").getChild("upcomingVideoOverlayBar").getChild("upcomingVideoOverlayTitle").setContent(t.info().title||t.publicId())}setItem(t){this._source=t;const e=parseInt(window.getComputedStyle(this.el(),null).getPropertyValue("max-width"),10),s={crop:"pad",background:"auto:predominant",width:e,height:Math.round(e*(9/16))},i=this.getChild("upcomingVideoOverlayContent");this.setTitle(t),i.el().style.backgroundImage=`url("${this._source.poster().url({transformation:s})}")`}handleClick(){super.handleClick(event),this.player().cloudinary.playlist().playNext()}createEl(){return super.createEl("div",{className:"vjs-upcoming-video"})}}class I extends f{createEl(){return super.createEl("div",{className:"upcoming-video-overlay aspect-ratio-content"})}}class w extends f{createEl(){return super.createEl("div",{className:"vjs-upcoming-video-bar"})}}x.prototype.options_={children:["upcomingVideoOverlayContent"]},_().registerComponent("upcomingVideoOverlay",x),I.prototype.options_={children:["upcomingVideoOverlayBar"]},_().registerComponent("upcomingVideoOverlayContent",I),w.prototype.options_={children:["upcomingVideoOverlayTitle","playlistNextButton"]},_().registerComponent("upcomingVideoOverlayBar",w),_().registerComponent("upcomingVideoOverlayTitle",class extends f{setContent(t){this._contentSpan.innerText=t}createEl(){const t=super.createEl("div",{className:"vjs-control vjs-upcoming-video-title"}),e=v.createEl("div",{className:"vjs-upcoming-video-title-display",innerHTML:'<span class="vjs-control-text">Next up</span>Next up: '});return this._contentSpan=v.createEl("span",{className:"vjs-upcoming-video-title-display-label"}),e.appendChild(this._contentSpan),t.appendChild(e),t}});const A=_().getComponent("ClickableComponent"),E=class extends A{constructor(t,e){super(t,e);const s=e.type;if(!s&&"previous"!==s&&"next"!==s)throw new Error("Type must be either 'previous' or 'next'")}createEl(){const t=this.options_.type,e=`vjs-icon-${t}-item`;return _().dom.createEl("button",{className:`vjs-control vjs-playlist-button vjs-button ${e}`,ariaLabel:`Playlist ${t} item`})}};_().registerComponent("PlaylistNextButton",class extends E{constructor(t){super(t,{type:"next"})}handleClick(t){t.stopPropagation(),super.handleClick(t),this.player().cloudinary.playlist().playNext()}});_().registerComponent("PlaylistPreviousButton",class extends E{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:[]},b=class{constructor(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],{repeat:s=!1,autoAdvance:i=!1,presentUpcoming:n=!1}=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};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(i),this.presentUpcoming(n)},e.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(),s=this._recommendationItemBuilder(e);e.recommendations()||e.recommendations(this._defaultRecommendationsResolver(e));const i=e.getInitOptions?e.getInitOptions():{};this._context.source(e,{...i,recommendationOptions:{disableAutoShow:!0,itemBuilder:s}});const n={playlist:this,current:e,next:this.next()};return this.player().trigger("playlistitemchanged",n),this._refreshRecommendations(),this._refreshTextTracks(),e}_defaultRecommendationsResolver(t){return this._defaultRecResolverCache[t.objectId]||(this._defaultRecResolverCache[t.objectId]=()=>{let e=this.list().indexOf(t);const s=[],i=Math.min(4,this.length()-1);for(;s.length<i&&(e=this.nextIndex(e),-1!==e);){const t=this.list()[e];s.push(t)}return s},this._defaultRecResolverCache[t.objectId])}buildSource(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return this._context.buildSource(t,e)}enqueue(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};const s=t instanceof u.A?t:this.buildSource(t,e);return this._sources.push(s),s}playItem(t){let e=this.list().indexOf(t);if(-1===e)throw new Error("Invalid playlist item.");this.playAtIndex(e)}playAtIndex(t){return this.currentIndex(t),this.player().play(),this.currentSource()}currentSource(){return this.list()[this.currentIndex()]}removeAt(t){if(t>=this.length()||t<0)throw new Error("Invalid playlist index.");return this._sources.splice(t,1),this}repeat(t){return void 0===t||(this._repeat=!!t),this._repeat}first(){return this.list()[0]}last(){return this.list()[this.length()-1]}next(){const t=this.nextIndex();return-1===t?null:this.list()[t]}nextIndex(t){if((t=void 0!==t?t:this.currentIndex())>=this.length()||t<0)throw new Error("Invalid playlist index.");let e=t+1;if(t===this.length()-1){if(!this.repeat())return-1;e=0}return e}previousIndex(){return this.isFirst()?-1:this.currentIndex()-1}playFirst(){return this.playAtIndex(0)}playLast(){const t=this.list().length-1;return this.playAtIndex(t)}isLast(){return this.currentIndex()>=this.length()-1}isFirst(){return 0===this.currentIndex()}length(){return this.list().length}playNext(){let t=this.nextIndex();return-1===t?null:this.playAtIndex(t)}playPrevious(){let t=this.previousIndex();return-1===t?null:this.playAtIndex(t)}playlistByTag=(()=>{var t=this;return function(e){let s=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return t.player().sourcesByTag(e,s).then(e=>t.player().playlist(e,s))}})()},N=(t,e)=>(t.parentNode.insertBefore(e,t),e.appendChild(t),e);var S=s(3066);const P=_().dom||_(),U=_().getComponent("Component"),L={wrap:!1};class O extends U{constructor(t,e){const s={...L,...e};super(t,s),this.player_=t;const i=(t,e)=>{this.options_.fluid=e,this.removeCls(),this.setCls()};s.wrap&&(()=>{const t=this.el();this.videoWrap_=P.createEl("div",{className:"cld-plw-col-player"}),this.contentEl_=this.contentEl_=P.createEl("div",{className:"cld-plw-col-list"}),N(this.player().el(),t),t.appendChild(this.videoWrap_),t.appendChild(this.contentEl_),N(this.player().el(),this.videoWrap_)})(),t.on(n.f.FLUID,i),this.addChild(n.f.PLAYLIST_PANEL,this.options_),this.setCls(),this.dispose=()=>{this.removeLayout(),super.dispose(),t.off(n.f.FLUID,i)}}getCls(){let t=["cld-video-player","cld-plw-layout"];return t.push((0,S.skinClassPrefix)(this.player())),t.push((0,S.playerClassPrefix)(this.player())),this.options_.fluid&&t.push("cld-plw-layout-fluid"),t}setCls(){this.removeClass((0,S.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",O);const k=O,j=class extends k{constructor(t,e){e.wrap=!0,super(t,e)}getCls(){const t=super.getCls();return t.push("cld-plw-horizontal"),t}},D=class extends k{constructor(t,e){e.wrap=!0,super(t,e)}getCls(){const t=super.getCls();return t.push("cld-plw-vertical"),t}},R=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}},V=class{constructor(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};e=((t,e)=>{const s={...T,...e};if(s.show&&"string"==typeof s.selector&&(s.useDefaultLayout=!1,s.useCustomLayout=!0,s.renderTo=document.querySelector(s.selector),s.showAll=!0,0===!s.renderTo.length))throw new Error(`Couldn't find element(s) by selector '${s.selector}' for playlist`);return s.show&&!s.selector&&(s.useDefaultLayout=!0,s.useCustomLayout=!1),s.direction="horizontal"===s.direction.toLowerCase()?"horizontal":"vertical",s.skin=t.options_.skin,s})(t,e),this.options_=e,this.player_=t,this.render();const s=(t,e)=>{this.options_.fluid=e};t.on(n.f.FLUID,s),this.options=e=>e?(this.options_=_().obj.merge(this.options_,e),t.trigger("playlistwidgetoption",this.options_.playlistWidget),this.options_):this.options_,this.dispose=()=>{this.layout_.dispose(),t.off(n.f.FLUID,s)}}render(){this.options_.useDefaultLayout&&("horizontal"===this.options_.direction?this.layout_=new j(this.player_,this.options_):this.layout_=new D(this.player_,this.options_)),this.options_.useCustomLayout&&(this.layout_=new R(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}},B=_().getComponent("ClickableComponent"),H={item:null,transformation:{width:300,aspect_ratio:"16:9",crop:"pad",background:"black"}},F=class extends B{constructor(t,e){super(t,_().obj.merge(H,e))}getItem(){return this.options_.item}getTitle(){return this.getItem().info().title}getDuration(){return" "}getThumbnail(){return this.getItem().poster().url({transformation:this.options_.transformation})}handleClick(t){t.preventDefault()}createControlTextEl(){}createEl(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"a";const e=super.createEl(t,{className:"cld-thumbnail",href:"#"}),s=super.createEl("img",{className:"cld-thumbnail-img",src:this.getThumbnail()});return e.appendChild(s),e.style.backgroundImage=`url('${this.getThumbnail()}')`,e}},M=_().dom||_(),W={source:null,next:!1};class $ extends F{constructor(t,e){super(t,_().obj.merge(W,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=M.createEl("div",{className:"cld-plw-item-info-wrap"}),s=M.createEl("div",{className:"cld-plw-item-title"});if(this.isCurrent()){t.classList.add("cld-plw-panel-item-active");const e=M.createEl("span",{className:"cld-plw-item-title-curr"},{},"Now Playing: ");s.appendChild(e)}const i=M.createEl("span",{className:"cld-plw-item-title"},{},this.getTitle());s.appendChild(i);const n=M.createEl("div",{className:"cld-plw-item-duration"},{},this.getDuration());return e.appendChild(s),e.appendChild(n),t&&t.appendChild(e),t.appendChild(e),t}}_().registerComponent("playlistPanelItem",$);const G=$,z=_().getComponent("Component");_().registerComponent("playlistPanel",class extends z{constructor(t){super(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:{});const e=()=>{this.render()};t.on(n.f.PLAYLIST_ITEM_CHANGED,e),this.render(),this.dispose=()=>{super.dispose(),t.off(n.f.PLAYLIST_ITEM_CHANGED,e)}}createEl(){const t=super.createEl();return t.classList.add("cld-plw-panel"),t}removeAll(){const t=this.children();for(let e=t.length-1;e>=0;--e)this.removeChild(t[e])}getItems(){const t=this.player().cloudinary.playlist(),e=t._repeat;if(this.options_.showAll)return t.list();const s=[],i=this.options_.total;let n=t.currentIndex(),r=t.list()[n];for(s.push(r);s.length<i;){if(n=t.nextIndex(n),-1===n){if(!e&&s.length>0)break;n=0}r=t.list()[n],s.push(r)}return s}render(){const t=this.getItems();this.removeAll(),t.forEach((t,e)=>{const s=new G(this.player(),_().obj.merge(this.options_,{item:t,next:1===e,current:0===e}));this.addChild(s)})}});const Y={format:"json",resource_type:"video",type:"list"},q=function(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};const s=(0,i.sliceProperties)(e,"chainTarget").chainTarget;let o=null,l=null,a=null;const c=()=>{t.on(n.f.PLAYLIST_CREATED,()=>{a&&a.dispose(),0!=e.playlistWidget?.show&&(t.fluid_&&(e.playlistWidget.fluid=!0),t.cloudinary.fontFace&&(e.playlistWidget.fontFace=t.cloudinary.fontFace),a=new V(t,e.playlistWidget))})};return t.cloudinary.sourcesByTag=async function(e){let s=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};const i=(0,r.KA)(e,Object.assign({},t.cloudinary.cloudinaryConfig(),Y)),n=await fetch(i),o=await n.json(),l=h(o.resources);return s.sorter&&l.sort(s.sorter),l.map(e=>{let i=s.sourceParams||{};"function"==typeof i&&(i=i(e));const n=e.context&&e.context.custom||{},r=Object.assign({info:n},i,{publicId:e.publicId});return t.cloudinary.buildSource(r)})},function(e){let i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return void 0===e?o:(o&&(t.removeClass("vjs-playlist"),o=void 0,t.playlist().dispose(),t.off("cldsourcechanged",l)),((e,s)=>{e instanceof b?(o=e,o.resetState(),o.currentIndex(o.currentIndex())):(o=new b(t.cloudinary,e,s),o.currentIndex(0)),c(),l=(()=>{const e=()=>{o&&!o.currentSource().contains(t.currentSource())&&t.disposePlaylist()};return t.on("cldsourcechanged",e),e})(),t.addClass("vjs-playlist")})(e,i),t.trigger("playlistcreated"),s)}}},8812:(t,e,s)=>{var i=s(2140),n=/^\s+/;t.exports=function(t){return t?t.slice(0,i(t)+1).replace(n,""):t}},2140:t=>{var e=/\s/;t.exports=function(t){for(var s=t.length;s--&&e.test(t.charAt(s)););return s}},4466:(t,e,s)=>{var i=s(1826);t.exports=function(t){return"number"==typeof t&&t==i(t)}},4764:(t,e,s)=>{var i=s(5378),n=1/0;t.exports=function(t){return t?(t=i(t))===n||t===-1/0?17976931348623157e292*(t<0?-1:1):t==t?t:0:0===t?t:0}},1826:(t,e,s)=>{var i=s(4764);t.exports=function(t){var e=i(t),s=e%1;return e==e?s?e-s:e:0}},5378:(t,e,s)=>{var i=s(8812),n=s(8953),r=s(5414),o=/^[-+]0x[0-9a-f]+$/i,l=/^0b[01]+$/i,a=/^0o[0-7]+$/i,c=parseInt;t.exports=function(t){if("number"==typeof t)return t;if(r(t))return NaN;if(n(t)){var e="function"==typeof t.valueOf?t.valueOf():t;t=n(e)?e+"":e}if("string"!=typeof t)return 0===t?t:+t;t=i(t);var s=l.test(t);return s||a.test(t)?c(t.slice(2),s?2:8):o.test(t)?NaN:+t}}}]);
+import { j as isPlainObject, k as camelCase, V as VideoSource, P as PLAYER_EVENT, l as sliceProperties, g as getCloudinaryUrl } from './video-player.js';
+import { i as isInteger, P as PlaylistLayout } from './playlist-panel.js';
+import { _ as _vjs } from './_videojs-proxy.js';
+import './_commonjsHelpers.js';
+import './validators-functions.js';
+import './querystring.js';
+import './player-api.js';
+import './toNumber.js';
+
+// https://github.com/csnover/js-iso8601/blob/master/iso8601.js
+const numericKeys = [1, 4, 5, 6, 7, 10, 11];
+const parseISO8601 = function (date) {
+  let timestamp = 0;
+  let struct = 0;
+  let minutesOffset = 0;
+
+  // ES5 §15.9.4.2 states that the string should attempt to be parsed as a Date Time String Format string
+  // before falling back to any implementation-specific date parsing, so that’s what we do, even if native
+  // implementations could be faster
+  //              1 YYYY                2 MM       3 DD           4 HH    5 mm       6 ss        7 msec        8 Z 9 ±    10 tzHH    11 tzmm
+  if (struct = /^(\d{4}|[+\-]\d{6})(?:-(\d{2})(?:-(\d{2}))?)?(?:T(\d{2}):(\d{2})(?::(\d{2})(?:\.(\d{3}))?)?(?:(Z)|([+\-])(\d{2})(?::(\d{2}))?)?)?$/.exec(date)) {
+    // avoid NaN timestamps caused by “undefined” values being passed to Date.UTC
+    for (let i = 0, k; k = numericKeys[i]; ++i) {
+      struct[k] = +struct[k] || 0;
+    }
+
+    // allow undefined days and months
+    struct[2] = (+struct[2] || 1) - 1;
+    struct[3] = +struct[3] || 1;
+    if (struct[8] !== 'Z' && struct[9] !== undefined) {
+      minutesOffset = struct[10] * 60 + struct[11];
+      if (struct[9] === '+') {
+        minutesOffset = 0 - minutesOffset;
+      }
+    }
+    timestamp = Date.UTC(struct[1], struct[2], struct[3], struct[4], struct[5] + minutesOffset, struct[6], struct[7]);
+  } else {
+    timestamp = NaN;
+  }
+  return timestamp;
+};
+
+const TIME_FIELDS = ['created_at', 'updated_at'];
+const normalizeJsonResponse = obj => {
+  const agg = {};
+  if (isPlainObject(obj)) {
+    Object.keys(obj).reduce((agg, key) => {
+      const newKey = camelCase(key);
+      if (TIME_FIELDS.indexOf(key) !== -1) {
+        agg[newKey] = new Date(parseISO8601(obj[key]));
+      } else {
+        agg[newKey] = normalizeJsonResponse(obj[key]);
+      }
+      return agg;
+    }, agg);
+    return agg;
+  } else if (Array.isArray(obj)) {
+    return obj.map(item => normalizeJsonResponse(item));
+  } else {
+    return obj;
+  }
+};
+
+const DEFAULT_AUTO_ADVANCE = 0;
+const DEFAULT_PRESENT_UPCOMING = 10;
+const UPCOMING_VIDEO_TRANSITION = 1;
+const PLAYLIST_DEFAULTS_OPTIONS = {
+  fluid: false,
+  show: true,
+  direction: 'vertical',
+  total: 4,
+  selector: false,
+  renderTo: []
+};
+
+class Playlist {
+  constructor(context) {
+    let sources = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+    let {
+      repeat = false,
+      autoAdvance = false,
+      presentUpcoming = false
+    } = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+    this._context = context;
+    this._sources = [];
+    this._defaultRecResolverCache = {};
+    this._currentIndex = null;
+    this._recommendationsHandler = null;
+    this._autoAdvance = null;
+    this._presentUpcoming = null;
+    this.addUiComponents();
+    this.resetState = () => {
+      this.repeat(repeat);
+      this.autoAdvance(autoAdvance);
+      this.presentUpcoming(presentUpcoming);
+    };
+    sources.forEach(source => this.enqueue(source));
+    this.resetState();
+  }
+  list() {
+    return this._sources;
+  }
+  player() {
+    return this._context.player;
+  }
+  addUiComponents() {
+    const controlBar = this.player().getChild('ControlBar');
+    const children = controlBar.children();
+    controlBar.addChild('playlistPreviousButton', {}, children.findIndex(c => c.name_ === 'PlayToggle'));
+    controlBar.addChild('playlistNextButton', {}, children.findIndex(c => c.name_ === 'PlayToggle') + 1);
+    this.player().addChild('upcomingVideoOverlay');
+  }
+  presentUpcoming(delay) {
+    this._presentUpcoming = this._presentUpcoming || {};
+    if (delay === undefined) {
+      return this._presentUpcoming.delay;
+    }
+    if (delay === true) {
+      delay = DEFAULT_PRESENT_UPCOMING;
+    } else if (delay === false) {
+      delay = false;
+    } else if (!isInteger(delay) || delay < 0) {
+      throw new Error('presentUpcoming \'delay\' must be either a boolean or a positive integer.');
+    }
+    this._presentUpcoming.delay = delay;
+    this._setupPresentUpcoming();
+    return this._presentUpcoming.delay;
+  }
+  autoAdvance(delay) {
+    this._autoAdvance = this._autoAdvance || {};
+    if (delay === undefined) {
+      return this._autoAdvance.delay;
+    }
+    if (delay === true) {
+      delay = DEFAULT_AUTO_ADVANCE;
+    } else if (delay === false) {
+      delay = false;
+    } else if (!isInteger(delay) || delay < 0) {
+      throw new Error('Auto advance \'delay\' must be either a boolean or a positive integer.');
+    }
+    this._autoAdvance.delay = delay;
+    this._setupAutoAdvance();
+    return this._autoAdvance.delay;
+  }
+  _setupAutoAdvance() {
+    this._resetAutoAdvance();
+    const delay = this._autoAdvance.delay;
+    if (delay === false) {
+      return;
+    }
+    const trigger = () => {
+      if (this.player().ended()) {
+        this._autoAdvance.timeout = setTimeout(() => {
+          this.playNext();
+        }, delay * 1000);
+      }
+    };
+    this._autoAdvance = {
+      delay,
+      trigger
+    };
+    this._context.on('ended', this._autoAdvance.trigger);
+  }
+  dispose() {
+    this._resetAutoAdvance();
+    this._resetPresentUpcoming();
+    this._resetRecommendations();
+  }
+  _resetPresentUpcoming() {
+    this.player().trigger('upcomingvideohide');
+    if (!this._presentUpcoming) {
+      this._presentUpcoming = {};
+    }
+    if (this._presentUpcoming.trigger) {
+      this._context.off('timeupdate', this._presentUpcoming.trigger);
+    }
+    this._presentUpcoming.trigger = null;
+    this._presentUpcoming.showTriggered = false;
+  }
+  _setupPresentUpcoming() {
+    this._resetPresentUpcoming();
+    const delay = this._presentUpcoming.delay;
+    if (delay === false) {
+      return;
+    }
+    this._presentUpcoming.trigger = () => {
+      const currentTime = this.player().currentTime();
+      const duration = this.player().duration();
+      const remainingTime = duration - currentTime;
+      if (remainingTime < UPCOMING_VIDEO_TRANSITION + 0.5) {
+        if (this._presentUpcoming.showTriggered) {
+          this.player().trigger('upcomingvideohide');
+          this._presentUpcoming.showTriggered = false;
+        }
+      } else if (remainingTime <= this._presentUpcoming.delay && !this._presentUpcoming.showTriggered && !this.player().loop()) {
+        this.player().trigger('upcomingvideoshow');
+        this._presentUpcoming.showTriggered = true;
+      } else if (this._presentUpcoming.showTriggered && (remainingTime > this._presentUpcoming.delay || this.player().loop())) {
+        this.player().trigger('upcomingvideohide');
+        this._presentUpcoming.showTriggered = false;
+      }
+    };
+    this._context.on('timeupdate', this._presentUpcoming.trigger);
+  }
+  _resetAutoAdvance() {
+    if (!this._autoAdvance) {
+      this._autoAdvance = {};
+    }
+    if (this._autoAdvance.timeout) {
+      clearTimeout(this._autoAdvance.timeout);
+    }
+    if (this._autoAdvance.trigger) {
+      this._context.off('ended', this._autoAdvance.trigger);
+    }
+    this._autoAdvance.timeout = null;
+    this._autoAdvance.trigger = null;
+  }
+  _resetRecommendations() {
+    if (this._recommendationsHandler) {
+      this._context.off('ended', this._recommendationsHandler);
+    }
+  }
+  _refreshRecommendations() {
+    this._resetRecommendations();
+    this._recommendationsHandler = () => {
+      if (this.autoAdvance() === false && this._context.autoShowRecommendations()) {
+        this.player().trigger('recommendationsshow');
+      }
+    };
+    this._context.on('ended', this._recommendationsHandler);
+  }
+  _refreshTextTracks() {
+    this.player().trigger('refreshTextTracks', this.currentSource().textTracks());
+  }
+  _recommendationItemBuilder(source) {
+    const defaultResolver = this._defaultRecResolverCache[source.objectId];
+    if (source.recommendations() && (!defaultResolver || source.recommendations() !== defaultResolver)) {
+      return;
+    }
+    return source => ({
+      source,
+      action: () => this.playItem(source)
+    });
+  }
+  currentIndex(index) {
+    if (index === undefined) {
+      return this._currentIndex;
+    }
+    if (index >= this.length() || index < 0) {
+      throw new Error('Invalid playlist index.');
+    }
+    this._currentIndex = index;
+    const current = this.currentSource();
+    const itemBuilder = this._recommendationItemBuilder(current);
+    if (!current.recommendations()) {
+      current.recommendations(this._defaultRecommendationsResolver(current));
+    }
+
+    // Extract source options for analytics
+    const sourceOptions = current.getInitOptions ? current.getInitOptions() : {};
+    this._context.source(current, {
+      ...sourceOptions,
+      recommendationOptions: {
+        disableAutoShow: true,
+        itemBuilder
+      }
+    });
+    const eventData = {
+      playlist: this,
+      current,
+      next: this.next()
+    };
+    this.player().trigger('playlistitemchanged', eventData);
+    this._refreshRecommendations();
+    this._refreshTextTracks();
+    return current;
+  }
+  _defaultRecommendationsResolver(source) {
+    const defaultResolver = this._defaultRecResolverCache[source.objectId];
+    if (defaultResolver) {
+      return defaultResolver;
+    }
+    this._defaultRecResolverCache[source.objectId] = () => {
+      let index = this.list().indexOf(source);
+      const items = [];
+      const numOfItems = Math.min(4, this.length() - 1);
+      while (items.length < numOfItems) {
+        index = this.nextIndex(index);
+        if (index === -1) {
+          break;
+        }
+        const source = this.list()[index];
+        items.push(source);
+      }
+      return items;
+    };
+    return this._defaultRecResolverCache[source.objectId];
+  }
+  buildSource(source) {
+    let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    return this._context.buildSource(source, options);
+  }
+  enqueue(source) {
+    let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    const src = source instanceof VideoSource ? source : this.buildSource(source, options);
+    this._sources.push(src);
+    return src;
+  }
+  playItem(item) {
+    let index = this.list().indexOf(item);
+    if (index === -1) {
+      throw new Error('Invalid playlist item.');
+    }
+    this.playAtIndex(index);
+  }
+  playAtIndex(index) {
+    this.currentIndex(index);
+    this.player().play();
+    return this.currentSource();
+  }
+  currentSource() {
+    return this.list()[this.currentIndex()];
+  }
+  removeAt(index) {
+    if (index >= this.length() || index < 0) {
+      throw new Error('Invalid playlist index.');
+    }
+    this._sources.splice(index, 1);
+    return this;
+  }
+  repeat(repeat) {
+    if (repeat === undefined) {
+      return this._repeat;
+    }
+    this._repeat = !!repeat;
+    return this._repeat;
+  }
+  first() {
+    return this.list()[0];
+  }
+  last() {
+    return this.list()[this.length() - 1];
+  }
+  next() {
+    const nextIndex = this.nextIndex();
+    if (nextIndex === -1) {
+      return null;
+    }
+    return this.list()[nextIndex];
+  }
+  nextIndex(index) {
+    index = index !== undefined ? index : this.currentIndex();
+    if (index >= this.length() || index < 0) {
+      throw new Error('Invalid playlist index.');
+    }
+    const isLast = index === this.length() - 1;
+    let nextIndex = index + 1;
+    if (isLast) {
+      if (this.repeat()) {
+        nextIndex = 0;
+      } else {
+        return -1;
+      }
+    }
+    return nextIndex;
+  }
+  previousIndex() {
+    if (this.isFirst()) {
+      return -1;
+    }
+    return this.currentIndex() - 1;
+  }
+  playFirst() {
+    return this.playAtIndex(0);
+  }
+  playLast() {
+    const lastIndex = this.list().length - 1;
+    return this.playAtIndex(lastIndex);
+  }
+  isLast() {
+    return this.currentIndex() >= this.length() - 1;
+  }
+  isFirst() {
+    return this.currentIndex() === 0;
+  }
+  length() {
+    return this.list().length;
+  }
+  playNext() {
+    let nextIndex = this.nextIndex();
+    if (nextIndex === -1) {
+      return null;
+    }
+    return this.playAtIndex(nextIndex);
+  }
+  playPrevious() {
+    let previousIndex = this.previousIndex();
+    if (previousIndex === -1) {
+      return null;
+    }
+    return this.playAtIndex(previousIndex);
+  }
+  playlistByTag = (() => {
+    var _this = this;
+    return function (tag) {
+      let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+      return _this.player().sourcesByTag(tag, options).then(sources => _this.player().playlist(sources, options));
+    };
+  })();
+}
+
+class PlaylistLayoutHorizontal extends PlaylistLayout {
+  constructor(player, options) {
+    options.wrap = true;
+    super(player, options);
+  }
+  getCls() {
+    const cls = super.getCls();
+    cls.push('cld-plw-horizontal');
+    return cls;
+  }
+}
+
+class PlaylistLayoutVertical extends PlaylistLayout {
+  constructor(player, options) {
+    options.wrap = true;
+    super(player, options);
+  }
+  getCls() {
+    const cls = super.getCls();
+    cls.push('cld-plw-vertical');
+    return cls;
+  }
+}
+
+class PlaylistLayoutCustom extends PlaylistLayout {
+  getCls() {
+    let cls = super.getCls();
+    cls.push('cld-plw-custom');
+    return cls;
+  }
+  createEl() {
+    const el = super.createEl();
+    this.options_.renderTo.appendChild(el);
+    return el;
+  }
+}
+
+const modifyOptions = (player, opt) => {
+  const options = {
+    ...PLAYLIST_DEFAULTS_OPTIONS,
+    ...opt
+  };
+  if (options.show && typeof options.selector === 'string') {
+    options.useDefaultLayout = false;
+    options.useCustomLayout = true;
+    options.renderTo = document.querySelector(options.selector);
+    options.showAll = true;
+    if (!options.renderTo.length === 0) {
+      throw new Error(`Couldn't find element(s) by selector '${options.selector}' for playlist`);
+    }
+  }
+  if (options.show && !options.selector) {
+    options.useDefaultLayout = true;
+    options.useCustomLayout = false;
+  }
+  options.direction = options.direction.toLowerCase() === 'horizontal' ? 'horizontal' : 'vertical';
+  options.skin = player.options_.skin;
+  return options;
+};
+class PlaylistWidget {
+  constructor(player) {
+    let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    options = modifyOptions(player, options);
+    this.options_ = options;
+    this.player_ = player;
+    this.render();
+    const fluidHandler = (e, fluid) => {
+      this.options_.fluid = fluid;
+    };
+    player.on(PLAYER_EVENT.FLUID, fluidHandler);
+    this.options = options => {
+      if (!options) {
+        return this.options_;
+      }
+      this.options_ = _vjs.obj.merge(this.options_, options);
+      player.trigger('playlistwidgetoption', this.options_.playlistWidget);
+      return this.options_;
+    };
+    this.dispose = () => {
+      this.layout_.dispose();
+      player.off(PLAYER_EVENT.FLUID, fluidHandler);
+    };
+  }
+  render() {
+    if (this.options_.useDefaultLayout) {
+      if (this.options_.direction === 'horizontal') {
+        this.layout_ = new PlaylistLayoutHorizontal(this.player_, this.options_);
+      } else {
+        this.layout_ = new PlaylistLayoutVertical(this.player_, this.options_);
+      }
+    }
+    if (this.options_.useCustomLayout) {
+      this.layout_ = new PlaylistLayoutCustom(this.player_, this.options_);
+    }
+  }
+  getLayout() {
+    return this.layout_;
+  }
+  update(optionName, optionValue) {
+    this.options(optionValue);
+    if (optionName === 'direction') {
+      this.layout_.removeLayout();
+      this.layout_.dispose();
+      this.render();
+    } else {
+      this.layout_.update(optionName, this.options_);
+    }
+  }
+  setSkin() {
+    this.layout_.setCls();
+  }
+  total() {
+    let totalNumber = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : PLAYLIST_DEFAULTS_OPTIONS.total;
+    const total = parseInt(totalNumber, 10);
+    if (total !== this.options_.total && typeof total === 'number' && total > 0) {
+      this.update('total', {
+        total: total
+      });
+    }
+    return this;
+  }
+  direction() {
+    let direction = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : PLAYLIST_DEFAULTS_OPTIONS.direction;
+    if (direction === 'horizontal' || direction === 'vertical') {
+      this.update('direction', {
+        direction: direction
+      });
+    }
+    return this;
+  }
+}
+
+const LIST_BY_TAG_PARAMS = {
+  format: 'json',
+  resource_type: 'video',
+  type: 'list'
+};
+const playlist = function (player) {
+  let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  const chainTarget = sliceProperties(options, 'chainTarget').chainTarget;
+  let playlistInstance = null;
+  let playlistDisposer = null;
+  let playlistWidget = null;
+  const initPlaylistWidget = () => {
+    player.on(PLAYER_EVENT.PLAYLIST_CREATED, () => {
+      if (playlistWidget) {
+        playlistWidget.dispose();
+      }
+      if (options.playlistWidget?.show != false) {
+        if (player.fluid_) {
+          options.playlistWidget.fluid = true;
+        }
+        if (player.cloudinary.fontFace) {
+          options.playlistWidget.fontFace = player.cloudinary.fontFace;
+        }
+        playlistWidget = new PlaylistWidget(player, options.playlistWidget);
+      }
+    });
+  };
+  const disposePlaylist = () => {
+    player.removeClass('vjs-playlist');
+    playlistInstance = undefined;
+    player.playlist().dispose();
+    player.off('cldsourcechanged', playlistDisposer);
+  };
+  const addPlaylistDisposer = () => {
+    const disposer = () => {
+      if (playlistInstance && !playlistInstance.currentSource().contains(player.currentSource())) {
+        player.disposePlaylist();
+      }
+    };
+    player.on('cldsourcechanged', disposer);
+    return disposer;
+  };
+  const createPlaylist = (sources, options) => {
+    if (sources instanceof Playlist) {
+      playlistInstance = sources;
+      playlistInstance.resetState();
+      playlistInstance.currentIndex(playlistInstance.currentIndex());
+    } else {
+      playlistInstance = new Playlist(player.cloudinary, sources, options);
+      playlistInstance.currentIndex(0);
+    }
+    initPlaylistWidget();
+    playlistDisposer = addPlaylistDisposer();
+    player.addClass('vjs-playlist');
+  };
+  player.cloudinary.sourcesByTag = async function (tag) {
+    let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    const url = getCloudinaryUrl(tag, Object.assign({}, player.cloudinary.cloudinaryConfig(), LIST_BY_TAG_PARAMS));
+    const result = await fetch(url);
+    const json = await result.json();
+    const resources = normalizeJsonResponse(json.resources);
+    if (options.sorter) {
+      resources.sort(options.sorter);
+    }
+    const sources = resources.map(resource => {
+      let sourceParams = options.sourceParams || {};
+      if (typeof sourceParams === 'function') {
+        sourceParams = sourceParams(resource);
+      }
+      const info = resource.context && resource.context.custom || {};
+      const source = Object.assign({
+        info
+      }, sourceParams, {
+        publicId: resource.publicId
+      });
+      return player.cloudinary.buildSource(source);
+    });
+    return sources;
+  };
+  return function (sources) {
+    let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    if (sources === undefined) {
+      return playlistInstance;
+    }
+    if (playlistInstance) {
+      disposePlaylist();
+    }
+    createPlaylist(sources, options);
+    player.trigger('playlistcreated');
+    return chainTarget;
+  };
+};
+
+export { playlist as default };