cloudinary-video-player 3.1.2-edge.3 → 3.1.2-edge.4

package/lib/cld-video-player.min.css

@@ -19,5 +19,3 @@
 .cld-spbl-bar{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:1}.cld-spbl-bar-inner{position:absolute;top:0;right:0;bottom:0;left:0;transform:translateX(20%);transition:transform .3s}.cld-video-player .vjs-control-bar{transition:width .3s}.shoppable-panel-visible .cld-spbl-bar-inner{transform:translateX(0)}.shoppable-panel-visible .vjs-control-bar{width:80%}.shoppable-panel-visible .cld-spbl-toggle-icon:before{content:""}.cld-spbl-banner-msg{position:absolute;font-size:2em;text-shadow:0 0 5px rgba(0,0,0,.5);left:0;top:calc(50% + 3em);width:100%;text-align:center}.cld-video-player.vjs-has-started .cld-spbl-banner-msg,.cld-video-player.vjs-error .cld-spbl-banner-msg{display:none}.cld-spbl-toggle{position:absolute;top:3%;right:20%;color:inherit;border-radius:6px 0 0 6px;width:40px;height:40px;line-height:40px;font-size:24px;text-align:center;cursor:pointer;pointer-events:all;text-decoration:none}.cld-spbl-toggle:hover{color:inherit;text-decoration:none}.cld-spbl-toggle:focus{outline:none}.cld-spbl-toggle-icon{display:block;animation-duration:1s;animation-fill-mode:both}.cld-spbl-toggle-icon.animate,.shoppable-panel-hidden .cld-spbl-toggle-icon:hover{animation-name:tada;animation-iteration-count:infinite}.cld-spbl-toggle-icon.cld-spbl-toggle-custom-icon{position:absolute;top:0;right:0;bottom:0;left:0;background-position:center;background-repeat:no-repeat;background-size:75%}.shoppable-panel-hidden .cld-spbl-toggle-icon.cld-spbl-toggle-custom-icon:before{display:none}.shoppable-panel-visible .cld-spbl-toggle-icon.cld-spbl-toggle-custom-icon{background-image:none !important}.cld-spbl-panel{position:absolute;top:0;right:0;bottom:0;width:20%;overflow:auto;pointer-events:all;-ms-overflow-style:none;scrollbar-width:none}.cld-spbl-panel::-webkit-scrollbar{display:none}.cld-spbl-item{display:block;position:relative;margin:12px 8px;color:inherit;transform:scale(0.98);transition:transform .3s}.cld-spbl-bar[size=md] .cld-spbl-item{font-size:10px}.cld-spbl-bar[size=sm] .cld-spbl-item{font-size:8px}.cld-spbl-item:before,.cld-spbl-item:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;box-shadow:0 0 0;transition:box-shadow .3s;border-radius:3px}.cld-spbl-item.active{transform:scale(1)}.cld-spbl-item.active:before{opacity:.5;box-shadow:0 0 0 4px}.cld-spbl-item.active:after{box-shadow:0 0 0 2px}.cld-spbl-item:hover{color:inherit}.cld-spbl-img{max-width:100%;height:auto}.cld-spbl-hover-img{display:none}.cld-spbl-item-info{position:absolute;right:0;bottom:0;left:0;max-height:100%;overflow:hidden;padding:6%}.cld-spbl-overlay{display:inline-flex;position:absolute;top:0;right:0;bottom:0;left:0;line-height:1.3;font-size:120%;text-align:center;padding:10%;z-index:1;opacity:0}.cld-spbl-overlay .cld-spbl-overlay-text{margin:auto}.cld-spbl-item:hover .cld-spbl-overlay{opacity:1}.cld-spbl-item:hover .cld-spbl-overlay~.cld-spbl-item-info{display:none}.cld-spbl-item:hover .cld-spbl-hover-img{display:block}.cld-spbl-item:hover .cld-spbl-hover-img+.cld-spbl-img{display:none}.cld-spbl-post-play .cld-spbl-post-play-bg{position:absolute;top:0;left:0;bottom:0;right:0;background-size:cover}.cld-spbl-post-play .cld-spbl-post-title{position:absolute;font-size:1.5em;text-shadow:0 0 5px rgba(0,0,0,.5);left:0;top:.8em;width:100%;text-align:center}.cld-spbl-post-play .cld-spbl-panel{width:100%;top:16%;height:60%;padding:10px 8px;white-space:nowrap;background:none !important;cursor:grab}.cld-spbl-post-play .cld-spbl-panel:active{cursor:grabbing}.cld-spbl-post-play .cld-spbl-item{display:inline-block;width:28%;padding-top:28%;margin:0 8px;white-space:normal;vertical-align:top;border-radius:10px;overflow:hidden;box-shadow:0 4px 6px 1.2px rgba(0,0,0,.24),0 6px 8px 4px rgba(0,0,0,.24);transform:none}.cld-spbl-post-play .cld-spbl-img{max-width:100%;max-height:100%;position:absolute;top:0;left:0;bottom:0;right:0;margin:0 auto auto}.cld-spbl-post-play .cld-spbl-replay-btn{position:absolute;left:5%;bottom:10%;font-family:inherit;padding:8px 15px;border-radius:5px}.cld-spbl-post-play .cld-spbl-replay-btn:before{font-family:VideoJS;vertical-align:bottom;margin-right:4px}.cld-spbl-post-modal .cld-spbl-bar,.cld-spbl-post-modal .vjs-big-play-button,.cld-spbl-post-modal .vjs-recommendations-overlay{display:none}@keyframes tada{0%{transform:scale3d(1, 1, 1)}10%,20%{transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)}30%,50%,70%,90%{transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)}40%,60%,80%{transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)}100%{transform:scale3d(1, 1, 1)}}.shoppable-products-overlay .vjs-title-bar,.shoppable-products-overlay .vjs-big-play-button{display:none !important}.cld-spbl-products-overlay{position:absolute;width:100%;top:50%;transform:translateY(-50%)}.cld-spbl-product-hotspot{pointer-events:all;position:absolute;cursor:pointer;padding:15px}.cld-spbl-product-hotspot:after{content:"";display:block;width:8px;height:8px;background:#fff;box-shadow:0 0 0 4px #0078ff,0 0 0 8px rgba(0,120,255,.24);border-radius:18px}.cld-spbl-product-hotspot:hover .cld-spbl-product-tooltip{display:block}.cld-spbl-product-tooltip{display:none;position:absolute;white-space:nowrap;padding:4px 6px;border-radius:4px;top:100%;left:50%;transform:translateX(-50%)}.cld-spbl-product-tooltip.cld-spbl-product-tooltip-top{top:auto;bottom:100%}.cld-spbl-product-tooltip.cld-spbl-product-tooltip-left{top:50%;right:100%;left:auto;transform:translateY(-50%)}.cld-spbl-product-tooltip.cld-spbl-product-tooltip-right{top:50%;left:100%;transform:translateY(-50%)}
 .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 hsla(0,0%,100%,.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}
 .vjs-share-download-button{position:relative}.vjs-share-download-button>.vjs-loading-spinner{display:none;width:1.4em;height:1.4em;border-width:.2em;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}.vjs-share-download-button.vjs-waiting>.vjs-icon-file-download{display:none}.vjs-share-download-button.vjs-waiting>.vjs-loading-spinner{display:flex}
-
-/*# sourceMappingURL=cld-video-player.min.css.map*/

package/lib/colors.js

@@ -1,2 +1 @@
-(self.cloudinaryVideoPlayerChunkLoading=self.cloudinaryVideoPlayerChunkLoading||[]).push([[691],{9454:(o,t,e)=>{e.d(t,{default:()=>l,w:()=>r});var s=e(8838);const c={colorsDark:{base:"#000000",accent:"#0D9AFF",text:"#FFFFFF"},colorsLight:{base:"#FFFFFF",accent:"#0D9AFF",text:"#000000"}},r=o=>(0,s.T4)(o)?c.colorsLight:c.colorsDark,l=function(o){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};const e=r(o.options_);t.colors=Object.assign({},e,t.colors);const s=o.el();return t.colors.base&&s.style.setProperty("--color-base",t.colors.base),t.colors.accent&&s.style.setProperty("--color-accent",t.colors.accent),t.colors.text&&s.style.setProperty("--color-text",t.colors.text),{updateColors:o=>{const e=Object.assign({},t.colors,o);e.base&&s.style.setProperty("--color-base",e.base),e.accent&&s.style.setProperty("--color-accent",e.accent),e.text&&s.style.setProperty("--color-text",e.text),t.colors=e},getColors:()=>t.colors}}}}]);
-//# sourceMappingURL=colors.js.map
+(self.cloudinaryVideoPlayerChunkLoading=self.cloudinaryVideoPlayerChunkLoading||[]).push([[691],{9454:(o,t,e)=>{e.d(t,{default:()=>l,w:()=>r});var s=e(8838);const c={colorsDark:{base:"#000000",accent:"#0D9AFF",text:"#FFFFFF"},colorsLight:{base:"#FFFFFF",accent:"#0D9AFF",text:"#000000"}},r=o=>(0,s.T4)(o)?c.colorsLight:c.colorsDark,l=function(o){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};const e=r(o.options_);t.colors=Object.assign({},e,t.colors);const s=o.el();return t.colors.base&&s.style.setProperty("--color-base",t.colors.base),t.colors.accent&&s.style.setProperty("--color-accent",t.colors.accent),t.colors.text&&s.style.setProperty("--color-text",t.colors.text),{updateColors:o=>{const e=Object.assign({},t.colors,o);e.base&&s.style.setProperty("--color-base",e.base),e.accent&&s.style.setProperty("--color-accent",e.accent),e.text&&s.style.setProperty("--color-text",e.text),t.colors=e},getColors:()=>t.colors}}}}]);