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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (54) hide show
  1. package/dist/chapters.js +6 -509
  2. package/dist/chapters.light.js +6 -509
  3. package/dist/chapters.light.min.js +1 -1
  4. package/dist/chapters.min.js +1 -1
  5. package/dist/cld-video-player.css +1161 -0
  6. package/dist/cld-video-player.js +120 -84
  7. package/dist/cld-video-player.light.css +1161 -0
  8. package/dist/cld-video-player.light.js +120 -84
  9. package/dist/cld-video-player.light.min.css +1 -1
  10. package/dist/cld-video-player.light.min.js +1 -1
  11. package/dist/cld-video-player.min.css +1 -1
  12. package/dist/cld-video-player.min.js +1 -1
  13. package/dist/ima.js +6 -611
  14. package/dist/ima.light.js +6 -620
  15. package/dist/ima.light.min.js +1 -1
  16. package/dist/ima.min.js +1 -1
  17. package/dist/interaction-areas.js +6 -516
  18. package/dist/interaction-areas.light.js +6 -516
  19. package/dist/interaction-areas.light.min.js +1 -1
  20. package/dist/interaction-areas.min.js +1 -1
  21. package/dist/node_modules_lodash_throttle_js.js +449 -0
  22. package/dist/node_modules_lodash_throttle_js.light.js +449 -0
  23. package/dist/playlist.js +130 -549
  24. package/dist/playlist.light.js +130 -549
  25. package/dist/playlist.light.min.js +1 -1
  26. package/dist/playlist.min.js +1 -1
  27. package/dist/recommendations-overlay.js +6 -617
  28. package/dist/recommendations-overlay.light.js +6 -617
  29. package/dist/recommendations-overlay.light.min.js +1 -1
  30. package/dist/recommendations-overlay.min.js +1 -1
  31. package/dist/shoppable.js +7 -742
  32. package/dist/shoppable.light.js +7 -742
  33. package/dist/shoppable.light.min.js +1 -1
  34. package/dist/shoppable.min.js +1 -1
  35. package/lib/all.js +1 -1
  36. package/lib/chapters.js +1 -1
  37. package/lib/cld-video-player.js +1 -1
  38. package/lib/cld-video-player.min.css +10 -1
  39. package/lib/ima.js +1 -1
  40. package/lib/interaction-areas.js +1 -1
  41. package/lib/playlist.js +1 -1
  42. package/lib/recommendations-overlay.js +1 -1
  43. package/lib/shoppable.js +1 -1
  44. package/lib/videoPlayer.js +1 -1
  45. package/lib/videoPlayerWithProfile.js +1 -1
  46. package/package.json +1 -2
  47. package/dist/473.light.min.js +0 -2
  48. package/dist/473.min.js +0 -2
  49. package/dist/node_modules_css-loader_dist_runtime_api_js-node_modules_css-loader_dist_runtime_sourceMaps_j-64c8cd.js +0 -530
  50. package/dist/node_modules_css-loader_dist_runtime_api_js-node_modules_css-loader_dist_runtime_sourceMaps_j-64c8cd.light.js +0 -530
  51. package/lib/473.js +0 -2
  52. package/lib/all.min.css +0 -12
  53. package/lib/videoPlayer.min.css +0 -12
  54. package/lib/videoPlayerWithProfile.min.css +0 -12
package/dist/recommendations-overlay.light.min.js CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";(self.cloudinaryVideoPlayerChunkLoading=self.cloudinaryVideoPlayerChunkLoading||[]).push([[410],{9521:(e,n,t)=>{t.r(n),t.d(n,{default:()=>S});var o=t(6673),i=t.n(o);const s=i().getComponent("ClickableComponent");const 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();const 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.removeAttribute("aria-hidden"):e.setAttribute("aria-hidden","true")}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();const 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");const 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");const 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);t.update(e);return 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))}}}}]);
1
+ "use strict";(self.cloudinaryVideoPlayerChunkLoading=self.cloudinaryVideoPlayerChunkLoading||[]).push([[410],{7604:(t,e,s)=>{s.r(e),s.d(e,{default:()=>k});var i=s(6673),n=s.n(i);const o=n().getComponent("ClickableComponent");const r=class extends o{setItem(t){const{action:e,source:s}=t;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(e)}setTitle(t){this.title.innerText=t}setAction(t){this.action=t}handleClick(){super.handleClick(),this.player().trigger("recommendationshide"),this.action()}};var a=s(7878),c=s.n(a);const l=n().dom||n();const h=class extends r{setItem(t){super.setItem(t);const e=this.source.info();if(this.setTitle(e.title),this.setSubtitle(e.subtitle),e.description){const t=300,s=e.description.length>t?e.description.substring(0,t)+"...":e.description;this.setDescription(s)}}setPoster(t){this.poster.style.backgroundImage="url('".concat(t,"')")}setTitle(t){c().setText(this.title,t),this.setAriaCheck(this.title,!!t)}setSubtitle(t){c().setText(this.subtitle,t),this.setAriaCheck(this.subtitle,!!t)}setDescription(t){c().setText(this.description,t),this.setAriaCheck(this.description,!!t)}setAriaCheck(t){!(arguments.length>1&&void 0!==arguments[1])||arguments[1]?t.removeAttribute("aria-hidden"):t.setAttribute("aria-hidden","true")}clearItem(){this.setTitle(""),this.setSubtitle(""),this.setDescription(""),this.poster.style.backgroundImage=null}createEl(){const t=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),t.appendChild(this.poster),t.appendChild(this.content),t}},d=n().dom||n();const m=class extends r{setItem(t){super.setItem(t),this.setDuration("")}setPoster(t){this.el().style.backgroundImage="url('".concat(t,"')")}setDuration(t){this.duration.innerText=t}createEl(){const t=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 e=d.createEl("div",{className:"vjs-recommendations-overlay-item-info"});return e.appendChild(this.title),e.appendChild(this.duration),t.appendChild(e),t}handleClick(){super.handleClick(),this.action()}},p=n().getComponent("Component");const u=class extends p{setItems(){for(var t=arguments.length,e=new Array(t),s=0;s<t;s++)e[s]=arguments[s];this.clearItems(),e&&e.forEach((t=>{const e=new m(this.player());e.setItem(t),this.addChild(e)}))}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(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._primary=new h(t),this._secondaryContainer=new u(t),this.addChild(this._primary),this.addChild(this._secondaryContainer)}setItems(t){this._primary.setItem(t);for(var e=arguments.length,s=new Array(e>1?e-1:0),i=1;i<e;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(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._content=new y(t),this.addChild(this._content)}setItems(t){for(var e=arguments.length,s=new Array(e>1?e-1:0),i=1;i<e;i++)s[i-1]=arguments[i];this._content.setItems(t,...s)}clearItems(){this._content._primary.clearItem(),this._content._secondaryContainer.clearItems()}createEl(){return super.createEl("div",{className:"vjs-recommendations-overlay-content"})}},g=n().getComponent("ClickableComponent");const 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(t,e){for(var s=arguments.length,i=new Array(s>2?s-2:0),n=2;n<s;n++)i[n-2]=arguments[n];super(t,...i),this._content=new C(t),this.addChild(this._content),this.addChild(new I(t,{clickHandler:()=>{this.close()}},...i)),this.setEvents(t),this.doNotOpen=!1}setEvents(t){this.on(t,"recommendationschanged",((t,e)=>{this.setItems(...e.items)})),this.on(t,"recommendationsnoshow",this.setDoNotOpen),this.on(t,"recommendationsshow",this.open),this.on(t,"recommendationshide",this.close),this.on(t,"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 t="vjs-recommendations-overlay",e=super.createEl("div",{className:t});return n().dom.addClass(e,t),e}setItems(t){for(var e=arguments.length,s=new Array(e>1?e-1:0),i=1;i<e;i++)s[i-1]=arguments[i];this.doNotOpen=!1,s=s.slice(0,3),this._content.setItems(t,...s)}handleClick(){this.stopPropagation()}dispose(){super.dispose()}}n().registerComponent("recommendationsOverlay",E);const k=E}}]);
2
2
  //# sourceMappingURL=recommendations-overlay.light.min.js.map
package/dist/recommendations-overlay.min.js CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";(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");const 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();const 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.removeAttribute("aria-hidden"):e.setAttribute("aria-hidden","true")}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();const 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");const 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");const 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);t.update(e);return 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))}}}}]);
1
+ "use strict";(self.cloudinaryVideoPlayerChunkLoading=self.cloudinaryVideoPlayerChunkLoading||[]).push([[410],{7604:(t,e,s)=>{s.r(e),s.d(e,{default:()=>k});var i=s(7938),n=s.n(i);const o=n().getComponent("ClickableComponent");const r=class extends o{setItem(t){const{action:e,source:s}=t;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(e)}setTitle(t){this.title.innerText=t}setAction(t){this.action=t}handleClick(){super.handleClick(),this.player().trigger("recommendationshide"),this.action()}};var a=s(7878),c=s.n(a);const l=n().dom||n();const h=class extends r{setItem(t){super.setItem(t);const e=this.source.info();if(this.setTitle(e.title),this.setSubtitle(e.subtitle),e.description){const t=300,s=e.description.length>t?e.description.substring(0,t)+"...":e.description;this.setDescription(s)}}setPoster(t){this.poster.style.backgroundImage="url('".concat(t,"')")}setTitle(t){c().setText(this.title,t),this.setAriaCheck(this.title,!!t)}setSubtitle(t){c().setText(this.subtitle,t),this.setAriaCheck(this.subtitle,!!t)}setDescription(t){c().setText(this.description,t),this.setAriaCheck(this.description,!!t)}setAriaCheck(t){!(arguments.length>1&&void 0!==arguments[1])||arguments[1]?t.removeAttribute("aria-hidden"):t.setAttribute("aria-hidden","true")}clearItem(){this.setTitle(""),this.setSubtitle(""),this.setDescription(""),this.poster.style.backgroundImage=null}createEl(){const t=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),t.appendChild(this.poster),t.appendChild(this.content),t}},d=n().dom||n();const m=class extends r{setItem(t){super.setItem(t),this.setDuration("")}setPoster(t){this.el().style.backgroundImage="url('".concat(t,"')")}setDuration(t){this.duration.innerText=t}createEl(){const t=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 e=d.createEl("div",{className:"vjs-recommendations-overlay-item-info"});return e.appendChild(this.title),e.appendChild(this.duration),t.appendChild(e),t}handleClick(){super.handleClick(),this.action()}},p=n().getComponent("Component");const u=class extends p{setItems(){for(var t=arguments.length,e=new Array(t),s=0;s<t;s++)e[s]=arguments[s];this.clearItems(),e&&e.forEach((t=>{const e=new m(this.player());e.setItem(t),this.addChild(e)}))}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(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._primary=new h(t),this._secondaryContainer=new u(t),this.addChild(this._primary),this.addChild(this._secondaryContainer)}setItems(t){this._primary.setItem(t);for(var e=arguments.length,s=new Array(e>1?e-1:0),i=1;i<e;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(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._content=new y(t),this.addChild(this._content)}setItems(t){for(var e=arguments.length,s=new Array(e>1?e-1:0),i=1;i<e;i++)s[i-1]=arguments[i];this._content.setItems(t,...s)}clearItems(){this._content._primary.clearItem(),this._content._secondaryContainer.clearItems()}createEl(){return super.createEl("div",{className:"vjs-recommendations-overlay-content"})}},g=n().getComponent("ClickableComponent");const 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(t,e){for(var s=arguments.length,i=new Array(s>2?s-2:0),n=2;n<s;n++)i[n-2]=arguments[n];super(t,...i),this._content=new C(t),this.addChild(this._content),this.addChild(new I(t,{clickHandler:()=>{this.close()}},...i)),this.setEvents(t),this.doNotOpen=!1}setEvents(t){this.on(t,"recommendationschanged",((t,e)=>{this.setItems(...e.items)})),this.on(t,"recommendationsnoshow",this.setDoNotOpen),this.on(t,"recommendationsshow",this.open),this.on(t,"recommendationshide",this.close),this.on(t,"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 t="vjs-recommendations-overlay",e=super.createEl("div",{className:t});return n().dom.addClass(e,t),e}setItems(t){for(var e=arguments.length,s=new Array(e>1?e-1:0),i=1;i<e;i++)s[i-1]=arguments[i];this.doNotOpen=!1,s=s.slice(0,3),this._content.setItems(t,...s)}handleClick(){this.stopPropagation()}dispose(){super.dispose()}}n().registerComponent("recommendationsOverlay",E);const k=E}}]);
2
2
  //# sourceMappingURL=recommendations-overlay.min.js.map