@playkit-js/playkit-js-dual-screen 1.7.1 → 1.7.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 (4) hide show
  1. package/CHANGELOG.md +9 -1
  2. package/dist/playkit-dual-screen.js +1 -1
  3. package/dist/playkit-dual-screen.js.map +1 -1
  4. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -2,7 +2,15 @@
2
2
 
3
3
  All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
4
4
 
5
- ### [1.7.1](https://github.com/kaltura/playkit-js-dual-screen/compare/v1.7.0...v1.7.1) (2021-10-12)
5
+ ### [1.7.2](https://github.com/kaltura/playkit-js-dual-screen/compare/v1.7.0...v1.7.2) (2021-10-26)
6
+
7
+
8
+ ### Bug Fixes
9
+
10
+ * **FEV-1100:** when seeking more than one slide ahead it, slide loading is noticeable ([#40](https://github.com/kaltura/playkit-js-dual-screen/issues/40)) ([fcfe92c](https://github.com/kaltura/playkit-js-dual-screen/commit/fcfe92c))
11
+ * **FEV-1107:** changing layouts via player does not work ([#38](https://github.com/kaltura/playkit-js-dual-screen/issues/38)) ([bf4cf62](https://github.com/kaltura/playkit-js-dual-screen/commit/bf4cf62))
12
+ * **FEV-1109:** deleted slides leave black screen ([#39](https://github.com/kaltura/playkit-js-dual-screen/issues/39)) ([aaf32df](https://github.com/kaltura/playkit-js-dual-screen/commit/aaf32df))
13
+ * **FEV-1115:** portrait slides are shown landscape ([#41](https://github.com/kaltura/playkit-js-dual-screen/issues/41)) ([6207cd5](https://github.com/kaltura/playkit-js-dual-screen/commit/6207cd5))
6
14
 
7
15
 
8
16
 
package/dist/playkit-dual-screen.js CHANGED
@@ -1,2 +1,2 @@
1
- var KalturaPlayer="object"==typeof KalturaPlayer?KalturaPlayer:{};KalturaPlayer.plugins=KalturaPlayer.plugins||{},KalturaPlayer.plugins.dualscreen=function(e){var n={};function t(i){if(n[i])return n[i].exports;var r=n[i]={i:i,l:!1,exports:{}};return e[i].call(r.exports,r,r.exports,t),r.l=!0,r.exports}return t.m=e,t.c=n,t.d=function(e,n,i){t.o(e,n)||Object.defineProperty(e,n,{enumerable:!0,get:i})},t.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},t.t=function(e,n){if(1&n&&(e=t(e)),8&n)return e;if(4&n&&"object"==typeof e&&e&&e.__esModule)return e;var i=Object.create(null);if(t.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:e}),2&n&&"string"!=typeof e)for(var r in e)t.d(i,r,function(n){return e[n]}.bind(null,r));return i},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},t.p="",t(t.s=12)}([function(e,n){e.exports=KalturaPlayer.ui.preact},function(e,n,t){"use strict";e.exports=function(e){var n=[];return n.toString=function(){return this.map((function(n){var t=function(e,n){var t=e[1]||"",i=e[3];if(!i)return t;if(n&&"function"==typeof btoa){var r=(o=i,s=btoa(unescape(encodeURIComponent(JSON.stringify(o)))),l="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(s),"/*# ".concat(l," */")),a=i.sources.map((function(e){return"/*# sourceURL=".concat(i.sourceRoot||"").concat(e," */")}));return[t].concat(a).concat([r]).join("\n")}var o,s,l;return[t].join("\n")}(n,e);return n[2]?"@media ".concat(n[2]," {").concat(t,"}"):t})).join("")},n.i=function(e,t,i){"string"==typeof e&&(e=[[null,e,""]]);var r={};if(i)for(var a=0;a<this.length;a++){var o=this[a][0];null!=o&&(r[o]=!0)}for(var s=0;s<e.length;s++){var l=[].concat(e[s]);i&&r[l[0]]||(t&&(l[2]?l[2]="".concat(t," and ").concat(l[2]):l[2]=t),n.push(l))}},n}},function(e,n,t){"use strict";var i=this&&this.__createBinding||(Object.create?function(e,n,t,i){void 0===i&&(i=t),Object.defineProperty(e,i,{enumerable:!0,get:function(){return n[t]}})}:function(e,n,t,i){void 0===i&&(i=t),e[i]=n[t]}),r=this&&this.__exportStar||function(e,n){for(var t in e)"default"===t||n.hasOwnProperty(t)||i(n,e,t)};Object.defineProperty(n,"__esModule",{value:!0}),r(t(17),n),r(t(18),n),r(t(9),n),r(t(19),n),r(t(20),n),r(t(21),n)},function(e,n,t){"use strict";var i,r=function(){return void 0===i&&(i=Boolean(window&&document&&document.all&&!window.atob)),i},a=function(){var e={};return function(n){if(void 0===e[n]){var t=document.querySelector(n);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(e){t=null}e[n]=t}return e[n]}}(),o=[];function s(e){for(var n=-1,t=0;t<o.length;t++)if(o[t].identifier===e){n=t;break}return n}function l(e,n){for(var t={},i=[],r=0;r<e.length;r++){var a=e[r],l=n.base?a[0]+n.base:a[0],c=t[l]||0,_="".concat(l," ").concat(c);t[l]=c+1;var d=s(_),p={css:a[1],media:a[2],sourceMap:a[3]};-1!==d?(o[d].references++,o[d].updater(p)):o.push({identifier:_,updater:h(p,n),references:1}),i.push(_)}return i}function c(e){var n=document.createElement("style"),i=e.attributes||{};if(void 0===i.nonce){var r=t.nc;r&&(i.nonce=r)}if(Object.keys(i).forEach((function(e){n.setAttribute(e,i[e])})),"function"==typeof e.insert)e.insert(n);else{var o=a(e.insert||"head");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(n)}return n}var _,d=(_=[],function(e,n){return _[e]=n,_.filter(Boolean).join("\n")});function p(e,n,t,i){var r=t?"":i.media?"@media ".concat(i.media," {").concat(i.css,"}"):i.css;if(e.styleSheet)e.styleSheet.cssText=d(n,r);else{var a=document.createTextNode(r),o=e.childNodes;o[n]&&e.removeChild(o[n]),o.length?e.insertBefore(a,o[n]):e.appendChild(a)}}function u(e,n,t){var i=t.css,r=t.media,a=t.sourceMap;if(r?e.setAttribute("media",r):e.removeAttribute("media"),a&&"undefined"!=typeof btoa&&(i+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(a))))," */")),e.styleSheet)e.styleSheet.cssText=i;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(i))}}var y=null,g=0;function h(e,n){var t,i,r;if(n.singleton){var a=g++;t=y||(y=c(n)),i=p.bind(null,t,a,!1),r=p.bind(null,t,a,!0)}else t=c(n),i=u.bind(null,t,n),r=function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(t)};return i(e),function(n){if(n){if(n.css===e.css&&n.media===e.media&&n.sourceMap===e.sourceMap)return;i(e=n)}else r()}}e.exports=function(e,n){(n=n||{}).singleton||"boolean"==typeof n.singleton||(n.singleton=r());var t=l(e=e||[],n);return function(e){if(e=e||[],"[object Array]"===Object.prototype.toString.call(e)){for(var i=0;i<t.length;i++){var r=s(t[i]);o[r].references--}for(var a=l(e,n),c=0;c<t.length;c++){var _=s(t[c]);0===o[_].references&&(o[_].updater(),o.splice(_,1))}t=a}}}},function(e,n){e.exports=KalturaPlayer},function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.icons=void 0,function(e){e.HIDE_ICON_PATH="M4.29289 6.29289C4.68342 5.90237 5.31658 5.90237 5.70711 6.29289L8 8.58579L10.2929 6.29289C10.6834 5.90237 11.3166 5.90237 11.7071 6.29289C12.0976 6.68342 12.0976 7.31658 11.7071 7.70711L8.70711 10.7071C8.31658 11.0976 7.68342 11.0976 7.29289 10.7071L4.29289 7.70711C3.90237 7.31658 3.90237 6.68342 4.29289 6.29289Z",e.SWAP_ICON_PATH="M17.6744 9.27934L21.7563 13.3632L21.8282 13.4537L21.887 13.5492L21.9333 13.6489L21.9684 13.7556L21.9824 13.8172L21.9974 13.929L22 14L21.9897 14.1405L21.9824 14.1828L21.9535 14.2949L21.9231 14.3759L21.887 14.4508L21.8281 14.5463L21.7763 14.6137L21.7207 14.6744L17.6744 18.7207C17.3019 19.0931 16.6981 19.0931 16.3256 18.7207C15.9818 18.3769 15.9554 17.8359 16.2463 17.4617L16.3256 17.3719L18.7439 14.9536L12.9537 14.9537C12.4675 14.9537 12.0663 14.5899 12.0074 14.1196L12 14C12 13.5109 12.3682 13.1078 12.8425 13.0527L12.9537 13.0463L18.7426 13.0451L16.3256 10.6281C15.9798 10.2823 15.9551 9.73687 16.2515 9.36252L16.3256 9.27934C16.6981 8.90689 17.3019 8.90689 17.6744 9.27934ZM6.32562 5.27934C6.69807 4.90689 7.30193 4.90689 7.67438 5.27934L7.74849 5.36252C8.04493 5.73687 8.02023 6.28225 7.67438 6.6281L5.2574 9.04508L11.0463 9.04628L11.1575 9.0527C11.6318 9.10779 12 9.5109 12 10L11.9926 10.1196C11.9337 10.5899 11.5325 10.9537 11.0463 10.9537L5.25605 10.9536L7.67438 13.3719L7.75372 13.4617C8.04463 13.8359 8.01818 14.3769 7.67438 14.7207C7.30193 15.0931 6.69807 15.0931 6.32562 14.7207L2.25793 10.6523L2.18664 10.5668L2.12413 10.4708L2.07695 10.3759L2.03697 10.2639L2.01028 10.1405L2 10C2 9.95226 2.00351 9.90534 2.01036 9.85937L2.01758 9.81716L2.04651 9.70514L2.08932 9.59642L2.12415 9.52899L2.18631 9.43351L2.24369 9.36325L6.32562 5.27934Z",e.SIDE_BY_SIDE_ICON_PATH="M21.8083 4C22.4665 4 23 4.55964 23 5.25V18.75C23 19.4404 22.4665 20 21.8083 20H2.19167C1.53353 20 1 19.4404 1 18.75V5.25C1 4.55964 1.53353 4 2.19167 4H21.8083ZM15 6H3V18H15V6ZM12.999 8.967L13 9L12.998 8.94L12.999 8.967L13 9V15C13 15.5523 12.5523 16 12 16C11.4872 16 11.0645 15.614 11.0067 15.1166L11 15V11.414L6.70711 15.7071C6.34662 16.0676 5.77939 16.0953 5.3871 15.7903L5.29289 15.7071C4.93241 15.3466 4.90468 14.7794 5.2097 14.3871L5.29289 14.2929L9.584 10H6C5.48716 10 5.06449 9.61396 5.00673 9.11662L5 9C5 8.44772 5.44772 8 6 8L12.0193 8.00018C12.0427 8.00063 12.066 8.00189 12.0893 8.00397C12.1097 8.00575 12.1294 8.0081 12.149 8.01102C12.1659 8.01363 12.1834 8.0167 12.2007 8.02024C12.2227 8.02464 12.2444 8.02983 12.2658 8.03572C12.2815 8.0401 12.2969 8.04473 12.3121 8.04974C12.3318 8.05612 12.3516 8.06332 12.3711 8.0711L12.4232 8.09367C12.4439 8.10338 12.4643 8.11379 12.4843 8.12488C12.4964 8.1315 12.5086 8.13861 12.5207 8.146C12.5463 8.16172 12.5711 8.17849 12.5952 8.19631L12.6525 8.24221L12.6167 8.21279C12.6802 8.26255 12.7374 8.31982 12.7872 8.38325C12.7927 8.39016 12.7982 8.3974 12.8037 8.40469C12.8215 8.42887 12.8383 8.45372 12.8539 8.47934L12.8753 8.51594C12.8862 8.53571 12.8966 8.55611 12.9063 8.5769L12.9288 8.62866C12.9367 8.64842 12.9439 8.6682 12.9505 8.68826C12.9553 8.70315 12.9599 8.71854 12.9642 8.73401C12.9702 8.75556 12.9754 8.77725 12.9798 8.79921C12.9833 8.81662 12.9864 8.83405 12.989 8.85153L12.9972 8.92482L12.998 8.94L12.999 8.967Z",e.SHOW_ICON_PATH="M4.29289 10.7071C4.65338 11.0676 5.22061 11.0953 5.6129 10.7903L5.70711 10.7071L8 8.415L10.2929 10.7071C10.6534 11.0676 11.2206 11.0953 11.6129 10.7903L11.7071 10.7071C12.0676 10.3466 12.0953 9.77939 11.7903 9.3871L11.7071 9.29289L8.70711 6.29289C8.34662 5.93241 7.77939 5.90468 7.3871 6.2097L7.29289 6.29289L4.29289 9.29289C3.90237 9.68342 3.90237 10.3166 4.29289 10.7071Z",e.SWITCH_TO_SIDE_BY_SIDE_ICON_PATH="M20.997 3.924L20.998 3.945L20.999 3.98L21 4V10C21 10.5523 20.5523 11 20 11C19.4872 11 19.0645 10.614 19.0067 10.1166L19 10V6.416L14.7071 10.7071C14.3466 11.0676 13.7794 11.0953 13.3871 10.7903L13.2929 10.7071C12.9324 10.3466 12.9047 9.77939 13.2097 9.3871L13.2929 9.29289L17.586 5H14C13.4872 5 13.0645 4.61396 13.0067 4.11662L13 4C13 3.48716 13.386 3.06449 13.8834 3.00673L14 3L20.0332 3.00054C20.0503 3.00109 20.0683 3.00216 20.0862 3.0037C20.1079 3.00553 20.1285 3.00797 20.149 3.01102C20.166 3.01363 20.1834 3.0167 20.2007 3.02024C20.2227 3.02464 20.2444 3.02983 20.2658 3.03572C20.2815 3.0401 20.2969 3.04473 20.3121 3.04974C20.3318 3.05612 20.3516 3.06332 20.3711 3.0711L20.4232 3.09367C20.4439 3.10338 20.4643 3.11379 20.4843 3.12488C20.4964 3.1315 20.5086 3.13861 20.5207 3.146C20.5463 3.16172 20.5711 3.17849 20.5952 3.19631L20.6525 3.24221L20.6168 3.21279C20.6802 3.26255 20.7374 3.31982 20.7872 3.38325C20.7927 3.39016 20.7982 3.3974 20.8037 3.40469C20.8215 3.42887 20.8383 3.45373 20.8539 3.47934L20.8753 3.51594C20.8862 3.53571 20.8966 3.55611 20.9063 3.5769L20.9288 3.62866C20.9367 3.64842 20.9439 3.6682 20.9505 3.68826C20.9553 3.70315 20.9599 3.71854 20.9642 3.73401C20.9702 3.75556 20.9754 3.77725 20.9798 3.79921C20.9833 3.81662 20.9864 3.83405 20.989 3.85153L20.996 3.91075L20.996 3.919L20.997 3.921V3.924ZM3.002 20.059V20.071L3.00175 20.0593C3.00122 20.0503 3.00081 20.0413 3.00052 20.0323L3 14C3 13.4477 3.44772 13 4 13C4.51284 13 4.93551 13.386 4.99327 13.8834L5 14V17.586L9.29289 13.2929C9.65338 12.9324 10.2206 12.9047 10.6129 13.2097L10.7071 13.2929C11.0676 13.6534 11.0953 14.2206 10.7903 14.6129L10.7071 14.7071L6.416 19H10C10.5128 19 10.9355 19.386 10.9933 19.8834L11 20C11 20.5128 10.614 20.9355 10.1166 20.9933L10 21H4C3.99354 21 3.98709 20.9999 3.98066 20.9998C3.95732 20.9994 3.93401 20.9981 3.91075 20.996C3.89031 20.9943 3.87058 20.9919 3.85104 20.989C3.83405 20.9864 3.81662 20.9833 3.79927 20.9798C3.77725 20.9754 3.75556 20.9702 3.73416 20.9643C3.71854 20.9599 3.70315 20.9553 3.68786 20.9503C3.6682 20.9439 3.64842 20.9367 3.62894 20.9289L3.57678 20.9063C3.55611 20.8966 3.53571 20.8862 3.51572 20.8751C3.50361 20.8685 3.49139 20.8614 3.47929 20.854C3.45373 20.8383 3.42887 20.8215 3.40484 20.8037L3.34745 20.7578L3.38325 20.7872C3.31982 20.7374 3.26255 20.6802 3.21279 20.6168C3.20728 20.6098 3.20175 20.6026 3.19633 20.5953C3.17849 20.5711 3.16172 20.5463 3.14607 20.5207L3.12467 20.4841C3.11379 20.4643 3.10338 20.4439 3.09365 20.4231L3.07123 20.3713C3.06332 20.3516 3.05612 20.3318 3.04955 20.3117C3.04473 20.2969 3.0401 20.2815 3.03585 20.266C3.02983 20.2444 3.02464 20.2227 3.02017 20.2008C3.0167 20.1834 3.01363 20.1659 3.01102 20.1485L3.0037 20.0862L3.002 20.059Z",e.MediumSize=24,e.SmallSize=16}(n.icons||(n.icons={}))},function(e,n,t){"use strict";var i=this&&this.__createBinding||(Object.create?function(e,n,t,i){void 0===i&&(i=t),Object.defineProperty(e,i,{enumerable:!0,get:function(){return n[t]}})}:function(e,n,t,i){void 0===i&&(i=t),e[i]=n[t]}),r=this&&this.__exportStar||function(e,n){for(var t in e)"default"===t||n.hasOwnProperty(t)||i(n,e,t)};Object.defineProperty(n,"__esModule",{value:!0}),r(t(22),n)},function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.setSubtitlesOnTop=n.dimensionStyleToString=n.getClientY=n.getClientX=n.isInInterval=void 0,n.isInInterval=function(e,n,t){return!isNaN(e)&&!isNaN(n)&&!isNaN(t)&&n<=t&&e>=n&&e<=t},n.getClientX=function(e){return e instanceof MouseEvent?e.clientX:e.changedTouches&&e.changedTouches[0]&&e.changedTouches[0].clientX},n.getClientY=function(e){return e instanceof MouseEvent?e.clientY:e.changedTouches&&e.changedTouches[0]&&e.changedTouches[0].clientY},n.dimensionStyleToString=function(e){return e+"px"},n.setSubtitlesOnTop=function(e){e?document.getElementsByClassName("playkit-subtitles")[0].classList.add("moveToTop"):document.getElementsByClassName("playkit-subtitles")[0].classList.remove("moveToTop")}},function(e,n,t){var i=t(3),r=t(16);"string"==typeof(r=r.__esModule?r.default:r)&&(r=[[e.i,r,""]]);var a={insert:"head",singleton:!1};i(r,a);e.exports=r.locals||{}},function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.Position=void 0,function(e){e.BottomLeft="bottom-left",e.BottomRight="bottom-right",e.TopLeft="top-left",e.TopRight="top-right"}(n.Position||(n.Position={}))},function(e,n,t){"use strict";var i=this&&this.__createBinding||(Object.create?function(e,n,t,i){void 0===i&&(i=t),Object.defineProperty(e,i,{enumerable:!0,get:function(){return n[t]}})}:function(e,n,t,i){void 0===i&&(i=t),e[i]=n[t]}),r=this&&this.__exportStar||function(e,n){for(var t in e)"default"===t||n.hasOwnProperty(t)||i(n,e,t)};Object.defineProperty(n,"__esModule",{value:!0}),r(t(31),n)},function(e,n,t){var i=t(3),r=t(39);"string"==typeof(r=r.__esModule?r.default:r)&&(r=[[e.i,r,""]]);var a={insert:"head",singleton:!1};i(r,a);e.exports=r.locals||{}},function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.NAME=n.VERSION=n.Plugin=void 0;var i=t(13);Object.defineProperty(n,"Plugin",{enumerable:!0,get:function(){return i.DualScreen}});n.VERSION="1.7.1";n.NAME="@playkit-js/playkit-js-dual-screen";KalturaPlayer.core.registerPlugin("dualscreen",i.DualScreen)},function(e,n,t){"use strict";var i,r=this&&this.__extends||(i=function(e,n){return(i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,n){e.__proto__=n}||function(e,n){for(var t in n)n.hasOwnProperty(t)&&(e[t]=n[t])})(e,n)},function(e,n){function t(){this.constructor=e}i(e,n),e.prototype=null===n?Object.create(n):(t.prototype=n.prototype,new t)}),a=this&&this.__assign||function(){return(a=Object.assign||function(e){for(var n,t=1,i=arguments.length;t<i;t++)for(var r in n=arguments[t])Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r]);return e}).apply(this,arguments)};Object.defineProperty(n,"__esModule",{value:!0}),n.DualScreen=void 0;var o=t(0),s=t(14),l=t(25),c=t(2),_=t(29),d=t(30),p=t(10),u=t(32),y=t(33),g=t(37),h=t(7),f=t(40),A=t(41),m=t(4).core.EventType,C=["Playback","Live","Ads"],v=function(e){function n(n,t,i){var r=e.call(this,n,t,i)||this;return r._pipPosition=c.Position.BottomRight,r._removeActivesArr=[],r._playbackEnded=!1,r._resolveReadyPromise=function(){},r._secondaryPlayerType=c.PlayerType.VIDEO,r._pipPortraitMode=!1,r._makeReadyPromise=function(){return new Promise((function(e){r._resolveReadyPromise=e}))},r._getSecondaryPlayer=function(){return r._secondaryPlayerType===c.PlayerType.IMAGE?r._imagePlayer:r.secondaryKalturaPlayer},r._setMode=function(){switch(r._layout){case c.Layout.PIP:r._switchToPIP();break;case c.Layout.PIPInverse:r._switchToPIPInverse();break;case c.Layout.SingleMedia:r._switchToSingleMedia();break;case c.Layout.SingleMediaInverse:r._switchToSingleMediaInverse();break;case c.Layout.SideBySide:r._switchToSideBySide();break;case c.Layout.SideBySideInverse:r._switchToSideBySideInverse();break;default:r._switchToHidden()}},r._setDefaultMode=function(){switch(r.config.layout){case c.Layout.PIP:r._layout=r.config.inverse?c.Layout.PIPInverse:c.Layout.PIP;break;case c.Layout.SideBySide:r._layout=r.config.inverse?c.Layout.SideBySideInverse:c.Layout.SideBySide;break;case c.Layout.SingleMedia:r._layout=r.config.inverse?c.Layout.SingleMediaInverse:c.Layout.SingleMedia;break;default:r._layout=c.Layout.Hidden}r._pipPosition=r.config.position,r._pipPortraitMode=!1},r._setPipPosition=function(e){r._pipPosition=e},r.getPipPosition=function(){return r._pipPosition},r._switchToHidden=function(){r._layout=c.Layout.Hidden,r._removeActives()},r._switchToPIP=function(e){void 0===e&&(e=c.Animations.None),r._layout===c.Layout.PIP&&r._removeActivesArr.length||(r._layout=c.Layout.PIP,h.setSubtitlesOnTop(!0),r._removeActives(),r._removeActivesArr.push(r._player.ui.addComponent({label:"kaltura-dual-screen-pip",presets:C,container:c.ReservedPresetAreas.VideoContainer,get:function(){return o.h(s.PipParent,{animation:e,player:r._player})}})),r._removeActivesArr.push((function(){r._originalVideoElementParent.appendChild(r._player.getVideoElement())})),r._removeActivesArr.push(r._player.ui.addComponent({label:"kaltura-dual-screen-pip",presets:C,container:c.ReservedPresetAreas.InteractiveArea,get:function(){return o.h(p.ResponsiveManager,{onMinSize:function(){r._switchToSingleMedia()},onDefaultSize:r._setMode},o.h(y.DragAndSnapManager,{eventManager:r.eventManager,logger:r.logger,getPosition:r.getPipPosition,onPositionChanged:r._setPipPosition},o.h(s.PipChild,{animation:c.Animations.Fade,playerSizePercentage:r.config.childSizePercentage,player:r._getSecondaryPlayer(),hide:function(){return r._switchToSingleMedia()},onSideBySideSwitch:function(){return r._switchToSideBySide()},onInversePIP:function(){return r._switchToPIPInverse(c.Animations.Fade)},portrait:r._pipPortraitMode,aspectRatio:r.config.childAspectRatio})))}})))},r._switchToPIPInverse=function(e){void 0===e&&(e=c.Animations.None),r._layout===c.Layout.PIPInverse&&r._removeActivesArr.length||(r._layout=c.Layout.PIPInverse,h.setSubtitlesOnTop(!0),r._removeActives(),r._removeActivesArr.push(r._player.ui.addComponent({label:"kaltura-dual-screen-pip",presets:C,container:c.ReservedPresetAreas.VideoContainer,get:function(){return o.h(s.PipParent,{animation:e,player:r._getSecondaryPlayer()})}})),r._removeActivesArr.push((function(){r._originalVideoElementParent.appendChild(r._player.getVideoElement())})),r._removeActivesArr.push(r._player.ui.addComponent({label:"kaltura-dual-screen-pip",presets:C,container:c.ReservedPresetAreas.InteractiveArea,get:function(){return o.h(p.ResponsiveManager,{onMinSize:function(){r._switchToSingleMediaInverse()},onDefaultSize:r._setMode},o.h(y.DragAndSnapManager,{eventManager:r.eventManager,logger:r.logger,getPosition:r.getPipPosition,onPositionChanged:r._setPipPosition},o.h(s.PipChild,{animation:c.Animations.Fade,playerSizePercentage:r.config.childSizePercentage,player:r._player,hide:function(){return r._switchToSingleMediaInverse()},onSideBySideSwitch:function(){return r._switchToSideBySide()},onInversePIP:function(){return r._switchToPIP(c.Animations.Fade)},aspectRatio:r.config.childAspectRatio})))}})))},r._switchToSingleMedia=function(e){void 0===e&&(e=c.Animations.None),r._layout===c.Layout.SingleMedia&&r._removeActivesArr.length||(r._layout=c.Layout.SingleMedia,h.setSubtitlesOnTop(!1),r._removeActives(),r._removeActivesArr.push(r._player.ui.addComponent({label:"kaltura-dual-screen-pip",presets:C,container:c.ReservedPresetAreas.VideoContainer,get:function(){return o.h(s.PipParent,{animation:e,player:r._player})}})),r._removeActivesArr.push(r._player.ui.addComponent({label:"kaltura-dual-screen-pip-minimized",presets:C,container:c.ReservedPresetAreas.BottomBar,get:function(){return o.h(p.ResponsiveManager,{onDefaultSize:r._setMode},o.h(l.PipMinimized,{show:function(){return r._switchToPIP()},player:r._getSecondaryPlayer(),onInverse:function(){return r._switchToSingleMediaInverse(c.Animations.Fade)}}))}})))},r._switchToSingleMediaInverse=function(e){void 0===e&&(e=c.Animations.None),r._layout===c.Layout.SingleMediaInverse&&r._removeActivesArr.length||(r._layout=c.Layout.SingleMediaInverse,h.setSubtitlesOnTop(!1),r._removeActives(),r._removeActivesArr.push(r._player.ui.addComponent({label:"kaltura-dual-screen-pip",presets:C,container:c.ReservedPresetAreas.VideoContainer,get:function(){return o.h(s.PipParent,{animation:e,player:r._getSecondaryPlayer()})}})),r._removeActivesArr.push(r._player.ui.addComponent({label:"kaltura-dual-screen-pip-minimized",presets:C,container:c.ReservedPresetAreas.BottomBar,get:function(){return o.h(p.ResponsiveManager,{onDefaultSize:r._setMode},o.h(l.PipMinimized,{show:function(){return r._switchToPIPInverse()},player:r._player,onInverse:function(){return r._switchToSingleMedia(c.Animations.Fade)}}))}})))},r._switchToSideBySide=function(){if(r._layout!==c.Layout.SideBySide||!r._removeActivesArr.length){r._layout=c.Layout.SideBySide,h.setSubtitlesOnTop(!0),r._removeActives(),r._removeActivesArr.push((function(){r._originalVideoElementParent.appendChild(r._player.getVideoElement())}));var e={player:r._player,onExpand:function(){return r._switchToPIP(c.Animations.ScaleRight)}},n={player:r._getSecondaryPlayer(),onExpand:function(){return r._switchToPIPInverse(c.Animations.ScaleLeft)}};r._removeActivesArr.push(r._player.ui.addComponent({label:"kaltura-dual-screen-side-by-side",presets:C,container:c.ReservedPresetAreas.VideoContainer,get:function(){return o.h(g.SideBySideWrapper,{leftSideProps:e,rightSideProps:n,onSizeChange:r._setMode,onMinSize:r._switchToSingleMedia})}}))}},r._switchToSideBySideInverse=function(){if(r._layout!==c.Layout.SideBySideInverse||!r._removeActivesArr.length){r._layout=c.Layout.SideBySideInverse,h.setSubtitlesOnTop(!0),r._removeActives(),r._removeActivesArr.push((function(){r._originalVideoElementParent.appendChild(r._player.getVideoElement())}));var e={player:r._getSecondaryPlayer(),onExpand:function(){return r._switchToPIPInverse(c.Animations.ScaleRight)}},n={player:r._player,onExpand:function(){return r._switchToPIP(c.Animations.ScaleLeft)}};r._removeActivesArr.push(r._player.ui.addComponent({label:"kaltura-dual-screen-side-by-side",presets:C,container:c.ReservedPresetAreas.VideoContainer,get:function(){return o.h(g.SideBySideWrapper,{leftSideProps:e,rightSideProps:n,onSizeChange:r._setMode,onMinSize:r._switchToSingleMedia})}}))}},r._onActiveSlideChanged=function(e){e&&!e.errored?e.portrait===r._pipPortraitMode||(r._pipPortraitMode=e.portrait,r._layout!==c.Layout.PIP)?r._layout===c.Layout.Hidden&&(r._setDefaultMode(),r._setMode()):r._setMode():r._switchToHidden()},r._onSlideViewChanged=function(e,n){var t=e.playerViewModeId;if(n)r._switchToHidden();else switch(t){case"parent-only":r._layout!==c.Layout.SingleMedia&&r._switchToSingleMedia();break;case"pip-parent-in-large":r._layout!==c.Layout.PIP&&r._switchToPIP();break;case"pip-parent-in-small":r._layout!==c.Layout.PIPInverse&&r._switchToPIPInverse();break;case"sbs-parent-in-left":r._layout!==c.Layout.SideBySide&&r._switchToSideBySide();break;case"sbs-parent-in-right":r._layout!==c.Layout.SideBySideInverse&&r._switchToSideBySideInverse()}},r._player=t,r.secondaryKalturaPlayer=r._createSecondaryPlayer(),r._imagePlayer=new A.ImagePlayer(r._onActiveSlideChanged),r._readyPromise=r._makeReadyPromise(),r._addBindings(),r._layout=c.Layout.Hidden,r._pipPosition=r.config.position,r}return r(n,e),n.prototype.getEngineDecorator=function(e,n){return new f.DualScreenEngineDecorator(e,this,n)},Object.defineProperty(n.prototype,"ready",{get:function(){return this._readyPromise},enumerable:!1,configurable:!0}),n.prototype.getUIComponents=function(){return[{presets:C,container:c.ReservedPresetAreas.BottomBarRightControls,get:KalturaPlayer.ui.components.Remove,replaceComponent:KalturaPlayer.ui.components.Settings.displayName}]},n.prototype.loadMedia=function(){this._getSecondaryMedia(),this._getThumbs()},n.prototype.reset=function(){this._setDefaultMode(),this._imagePlayer.reset(),this._readyPromise=this._makeReadyPromise()},n.prototype._addBindings=function(){var e=this;this.eventManager.listen(this.player,this.player.Event.RESIZE,(function(n){e.logger.debug(n)})),this.eventManager.listen(this.player,this.player.Event.PLAYBACK_ENDED,(function(){e._playbackEnded=!0})),this.eventManager.listenOnce(this.player,this.player.Event.FIRST_PLAY,(function(){e._originalVideoElementParent=e.player.getVideoElement().parentElement})),this.eventManager.listen(this.player,this.player.Event.PLAY,(function(){e._playbackEnded&&(e._playbackEnded=!1,e._setDefaultMode(),e._setMode())}))},n.prototype._removeActives=function(){this._removeActivesArr.forEach((function(e){e()})),this._removeActivesArr=[]},n.prototype._getThumbs=function(){var e=this._player.getService("kalturaCuepoints");null==e||e.registerTypes([e.CuepointType.SLIDE,e.CuepointType.VIEW_CHANGE])},n.prototype._getSecondaryMedia=function(){var e=this;this._player.provider.doRequest([{loader:u.SecondaryMediaLoader,params:{parentEntryId:this._player.sources.id}}]).then((function(n){var t,i;if(n&&n.has(u.SecondaryMediaLoader.id)){var r=n.get(u.SecondaryMediaLoader.id),a=null===(i=null===(t=null==r?void 0:r.response)||void 0===t?void 0:t.entries[0])||void 0===i?void 0:i.id;a?(e._secondaryPlayerType=c.PlayerType.VIDEO,e.eventManager.listenOnce(e.secondaryKalturaPlayer,m.CHANGE_SOURCE_ENDED,(function(){e._resolveReadyPromise()})),e._videoSyncManager=new _.VideoSyncManager(e.eventManager,e.player,e.secondaryKalturaPlayer,e.logger),e.eventManager.listen(e.secondaryKalturaPlayer,e.player.Event.FIRST_PLAYING,(function(){e.logger.debug("secondary player first playing - show dual mode"),e._setDefaultMode(),e._setMode()})),e.secondaryKalturaPlayer.loadMedia({entryId:a,ks:e._player.config.session.ks})):(e.logger.warn("Secondary entry id not found"),e._secondaryPlayerType=c.PlayerType.IMAGE,e._imageSyncManager=new d.ImageSyncManager(e.eventManager,e.player,e._imagePlayer,e.logger,e._onSlideViewChanged),e._resolveReadyPromise())}})).catch((function(n){e.logger.error(n)}))},n.prototype._createSecondaryPlayer=function(){var e=document.createElement("div");e.setAttribute("id","secondaryPlaceholder"),e.style.width="240px",e.style.height="135px",e.hidden=!0,document.body.appendChild(e);var n={targetId:"secondaryPlaceholder",disableUserCache:!0,playback:{muted:!0},ui:{disable:!0},provider:a(a({},this._player.config.provider),{ignoreServerConfig:!0})};return KalturaPlayer.setup(n)},n.isValid=function(){return!0},n.prototype.destroy=function(){this.eventManager.destroy()},n.defaultConfig={inverse:!1,layout:c.Layout.PIP,childSizePercentage:30,childAspectRatio:{width:16,height:9},position:c.Position.BottomRight},n}(KalturaPlayer.core.BasePlugin);n.DualScreen=v},function(e,n,t){"use strict";var i=this&&this.__createBinding||(Object.create?function(e,n,t,i){void 0===i&&(i=t),Object.defineProperty(e,i,{enumerable:!0,get:function(){return n[t]}})}:function(e,n,t,i){void 0===i&&(i=t),e[i]=n[t]}),r=this&&this.__exportStar||function(e,n){for(var t in e)"default"===t||n.hasOwnProperty(t)||i(n,e,t)};Object.defineProperty(n,"__esModule",{value:!0}),r(t(15),n),r(t(24),n)},function(e,n,t){"use strict";var i,r=this&&this.__extends||(i=function(e,n){return(i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,n){e.__proto__=n}||function(e,n){for(var t in n)n.hasOwnProperty(t)&&(e[t]=n[t])})(e,n)},function(e,n){function t(){this.constructor=e}i(e,n),e.prototype=null===n?Object.create(n):(t.prototype=n.prototype,new t)}),a=this&&this.__decorate||function(e,n,t,i){var r,a=arguments.length,o=a<3?n:null===i?i=Object.getOwnPropertyDescriptor(n,t):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,n,t,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(o=(a<3?r(o):a>3?r(n,t,o):r(n,t))||o);return a>3&&o&&Object.defineProperty(n,t,o),o};Object.defineProperty(n,"__esModule",{value:!0}),n.PipChild=void 0;var o=t(0),s=t(8),l=t(2),c=t(5),_=t(6),d=KalturaPlayer.ui.redux.connect,p=KalturaPlayer.ui,u=p.utils,y=p.reducers,g=KalturaPlayer.ui.components.Icon,h=function(e){return{playerHover:e.shell.playerHover,guiClientRect:e.shell.guiClientRect,prePlayback:e.engine.prePlayback}},f=function(e){function n(){var n=null!==e&&e.apply(this,arguments)||this;return n.playerContainerRef=o.createRef(),n.pipContainerRef=o.createRef(),n}return r(n,e),n.prototype.componentDidMount=function(){var e=this.props.player;this.playerContainerRef.current.prepend(e.getVideoElement()),this.props.setDraggableTarget(this.playerContainerRef.current)},n.prototype._renderInnerButtons=function(){var e=this.props,n=e.onSideBySideSwitch,t=e.onInversePIP;return o.h("div",{className:s.innerButtons},o.h(_.Button,{className:s.iconContainer,onClick:t,tooltip:{label:l.Labels.SwitchScreen,type:"bottom-left"}},o.h(g,{id:"dualscreen-pip-swap",height:c.icons.MediumSize,width:c.icons.MediumSize,viewBox:"0 0 "+c.icons.MediumSize+" "+c.icons.MediumSize,path:c.icons.SWAP_ICON_PATH})),o.h(_.Button,{className:s.iconContainer,onClick:n,tooltip:{label:l.Labels.SideBySide,type:"bottom"}},o.h(g,{id:"dualscreen-pip-side-by-side",height:c.icons.MediumSize,width:c.icons.MediumSize,viewBox:"0 0 "+c.icons.MediumSize+" "+c.icons.MediumSize,path:c.icons.SIDE_BY_SIDE_ICON_PATH})))},n.prototype._renderHideButton=function(){return o.h(_.Button,{className:s.hideContainer,onClick:this.props.hide},o.h(o.Fragment,null,o.h("div",{className:s.iconContainer},o.h(g,{id:"dualscreen-pip-hide",height:c.icons.SmallSize,width:c.icons.SmallSize,viewBox:"0 0 "+c.icons.SmallSize+" "+c.icons.SmallSize,path:c.icons.HIDE_ICON_PATH})),l.Labels.Hide))},n.prototype.render=function(e){var n=[s.childPlayer];if(e.isDragging&&n.push(s.dragging),e.playerHover||n.push(s.hovering),!e.prePlayback&&e.animation)switch(e.animation){case l.Animations.Fade:n.push(s.animatedFade);break;case l.Animations.ScaleRight:n.push(s.animatedScaleRight);break;case l.Animations.ScaleLeft:n.push(s.animatedScaleLeft)}var t=e.guiClientRect.height*e.playerSizePercentage/100,i=t*e.aspectRatio.width/e.aspectRatio.height,r={height:(e.portrait?i:t)+"px",width:(e.portrait?t:i)+"px"};return o.h("div",{className:n.join(" "),ref:this.pipContainerRef},this._renderHideButton(),o.h("div",{className:s.playerWrapper},o.h("div",{className:s.playerContainer,style:r,ref:this.playerContainerRef}),this._renderInnerButtons()))},n=a([d(h,u.bindActions(y.shell.actions))],n)}(o.Component);n.PipChild=f},function(e,n,t){"use strict";t.r(n);var i=t(1),r=t.n(i)()(!0);r.push([e.i,".pip__iconContainer___1Iede{height:28px;width:28px;opacity:0.8;cursor:pointer}.pip__innerButtons___2a1EM{display:flex;position:absolute;height:60px;left:0px;top:0px;padding:8px;background:linear-gradient(180deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%);width:100%}.pip__innerButtons___2a1EM .pip__iconContainer___1Iede:hover{background:#444444;border-radius:4px;opacity:1}.pip__parentPlayer___2-yc2{position:absolute;left:0}.pip__childPlayer___2pP9Z{position:relative}.pip__childPlayer___2pP9Z video{position:relative}.pip__childPlayer___2pP9Z.pip__hovering___2vOss .pip__innerButtons___2a1EM,.pip__childPlayer___2pP9Z.pip__dragging___2tJAq .pip__innerButtons___2a1EM{display:none}.pip__childPlayer___2pP9Z.pip__hovering___2vOss .pip__hideContainer___1ukWV{display:none}.pip__childPlayer___2pP9Z.pip__dragging___2tJAq .pip__hideContainer___1ukWV{visibility:hidden}.pip__childPlayer___2pP9Z .pip__hideContainer___1ukWV{position:relative;width:66px;height:32px;margin-bottom:5px;margin-left:auto;display:flex;flex-direction:row;justify-content:center;align-items:center;cursor:pointer;color:#ffffff;font-style:normal;font-weight:normal;font-size:14px;line-height:18px;background:rgba(0,0,0,0.6);border-radius:4px}.pip__childPlayer___2pP9Z .pip__hideContainer___1ukWV:hover{background:rgba(0,0,0,0.7)}.pip__childPlayer___2pP9Z .pip__hideContainer___1ukWV .pip__iconContainer___1Iede{margin-right:8px;height:16px;width:16px}.pip__childPlayer___2pP9Z .pip__playerWrapper___3Py0v{position:relative}.pip__childPlayer___2pP9Z .pip__playerWrapper___3Py0v .pip__playerContainer___1-Lc5{border-radius:8px;overflow:hidden;box-shadow:0 0 40px 0 rgba(0,0,0,0.2),0 0 4px 0 rgba(0,0,0,0.3)}.pip__childPlayer___2pP9Z .pip__playerWrapper___3Py0v .pip__innerButtons___2a1EM{flex-direction:row-reverse;border-radius:8px;pointer-events:none}.pip__childPlayer___2pP9Z .pip__playerWrapper___3Py0v .pip__innerButtons___2a1EM *{pointer-events:auto}.pip__childPlayer___2pP9Z .pip__playerWrapper___3Py0v .pip__innerButtons___2a1EM .pip__iconContainer___1Iede{display:inline-block;padding:2px}.pip__childPlayer___2pP9Z .pip__playerWrapper___3Py0v .pip__innerButtons___2a1EM .pip__iconContainer___1Iede:first-child{margin-left:8px}.pip__animatedFade___10GqM{animation:pip__fading___1mos0 .3s linear}.pip__animatedScaleRight___HCrBS{animation:pip__scalingRight___349J6 .3s linear}.pip__animatedScaleLeft___1mbwl{animation:pip__scalingLeft___3AIHS .3s linear}@keyframes pip__scalingRight___349J6{0%{transform:scale(0.5) translate(-50%)}100%{transform:scale(1) translate(0%)}}@keyframes pip__scalingLeft___3AIHS{0%{transform:scale(0.5) translate(50%)}100%{transform:scale(1) translate(0%)}}@keyframes pip__fading___1mos0{0%{opacity:0}100%{opacity:1}}.playkit-subtitles.moveToTop{z-index:1}\n","",{version:3,sources:["webpack://styles/_styles.scss","webpack://styles/_variables.scss","webpack://components/pip/pip.scss"],names:[],mappings:"AAEA,4BACE,WCHkB,CDIlB,UCJkB,CDKlB,WAAY,CACZ,cAAe,CAChB,2BAGC,YAAa,CACb,iBAAkB,CAClB,WAAY,CACZ,QAAS,CACT,OAAQ,CACR,WAAY,CACZ,0EAAiF,CACjF,UAAW,CARb,6DAYM,kBAAmB,CACnB,iBAAkB,CAClB,SAAU,CEjBhB,2BACE,iBAAkB,CAClB,MAAO,CACR,0BAEC,iBAAkB,CADpB,gCAGI,iBAAkB,CAHtB,sJASM,YAAa,CATnB,4EAaI,YAAa,CAbjB,4EAgBI,iBAAkB,CAhBtB,sDAoBI,iBAAkB,CAClB,UAAW,CACX,WA7BwB,CA8BxB,iBA7BoB,CA8BpB,gBAAiB,CAEjB,YAAa,CACb,kBAAmB,CACnB,sBAAuB,CACvB,kBAAmB,CAEnB,cAAe,CACf,aAAc,CACd,iBAAkB,CAClB,kBAAmB,CACnB,cAAe,CACf,gBAAiB,CAEjB,0BAA8B,CAC9B,iBAAkB,CAvCtB,4DA0CM,0BAA8B,CA1CpC,kFA8CM,gBAAiB,CACjB,WDxDwB,CCyDxB,UDzDwB,CCS9B,sDAqDI,iBAAkB,CArDtB,oFAwDM,iBAAkB,CAClB,eAAgB,CAChB,+DAAuE,CA1D7E,iFA8DM,0BAA2B,CAC3B,iBAAkB,CAClB,mBAAoB,CAhE1B,mFAkEQ,mBAAoB,CAlE5B,6GAsEQ,oBAAqB,CACrB,WAAY,CAvEpB,yHAyEU,eAAgB,CACjB,2BAOP,wCAA4C,CAC7C,iCAGC,8CAAkD,CACnD,gCAGC,6CAAiD,CAClD,qCAGC,GACE,oCAAqC,CAEvC,KACE,gCAAiC,CAAA,CAIrC,oCACE,GACE,mCAAoC,CAEtC,KACE,gCAAiC,CAAA,CAIrC,+BACE,GACE,SAAU,CAEZ,KACE,SAAU,CAAA,CAId,6BAEI,SAAU",sourcesContent:["@import '~styles/variables';\n\n.iconContainer {\n height: $smallIconSize;\n width: $smallIconSize;\n opacity: 0.8;\n cursor: pointer;\n}\n\n.innerButtons {\n display: flex;\n position: absolute;\n height: 60px;\n left: 0px;\n top: 0px;\n padding: 8px;\n background: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);\n width: 100%;\n\n .iconContainer {\n &:hover {\n background: #444444;\n border-radius: 4px;\n opacity: 1;\n }\n }\n}\n","$smallIconSize: 28px;\n$smallBorderLessIconSize: 16px;\n$animation-duration: 0.3s;\n","@import '~styles/variables';\n@import '~styles/styles';\n\n$hide-container-height: 32px;\n$hide-container-gap: 5px;\n\n.parentPlayer {\n position: absolute;\n left: 0;\n}\n.childPlayer {\n position: relative;\n video {\n position: relative;\n }\n\n &.hovering,\n &.dragging {\n .innerButtons {\n display: none;\n }\n }\n &.hovering .hideContainer {\n display: none;\n }\n &.dragging .hideContainer {\n visibility: hidden;\n }\n\n .hideContainer {\n position: relative;\n width: 66px;\n height: $hide-container-height;\n margin-bottom: $hide-container-gap;\n margin-left: auto;\n\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n\n cursor: pointer;\n color: #ffffff;\n font-style: normal;\n font-weight: normal;\n font-size: 14px;\n line-height: 18px;\n\n background: rgba(0, 0, 0, 0.6);\n border-radius: 4px;\n\n &:hover {\n background: rgba(0, 0, 0, 0.7);\n }\n\n .iconContainer {\n margin-right: 8px;\n height: $smallBorderLessIconSize;\n width: $smallBorderLessIconSize;\n }\n }\n\n .playerWrapper {\n position: relative;\n\n .playerContainer {\n border-radius: 8px;\n overflow: hidden;\n box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.2), 0 0 4px 0 rgba(0, 0, 0, 0.3);\n }\n\n .innerButtons {\n flex-direction: row-reverse;\n border-radius: 8px;\n pointer-events: none;\n * {\n pointer-events: auto;\n }\n\n .iconContainer {\n display: inline-block;\n padding: 2px;\n &:first-child {\n margin-left: 8px;\n }\n }\n }\n }\n}\n\n.animatedFade {\n animation: fading $animation-duration linear;\n}\n\n.animatedScaleRight {\n animation: scalingRight $animation-duration linear;\n}\n\n.animatedScaleLeft {\n animation: scalingLeft $animation-duration linear;\n}\n\n@keyframes scalingRight {\n 0% {\n transform: scale(0.5) translate(-50%);\n }\n 100% {\n transform: scale(1) translate(0%);\n }\n}\n\n@keyframes scalingLeft {\n 0% {\n transform: scale(0.5) translate(50%);\n }\n 100% {\n transform: scale(1) translate(0%);\n }\n}\n\n@keyframes fading {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}\n\n:global {\n .playkit-subtitles.moveToTop {\n z-index: 1;\n }\n}\n"],sourceRoot:""}]),r.locals={iconContainer:"pip__iconContainer___1Iede",innerButtons:"pip__innerButtons___2a1EM",parentPlayer:"pip__parentPlayer___2-yc2",childPlayer:"pip__childPlayer___2pP9Z",hovering:"pip__hovering___2vOss",dragging:"pip__dragging___2tJAq",hideContainer:"pip__hideContainer___1ukWV",playerWrapper:"pip__playerWrapper___3Py0v",playerContainer:"pip__playerContainer___1-Lc5",animatedFade:"pip__animatedFade___10GqM",fading:"pip__fading___1mos0",animatedScaleRight:"pip__animatedScaleRight___HCrBS",scalingRight:"pip__scalingRight___349J6",animatedScaleLeft:"pip__animatedScaleLeft___1mbwl",scalingLeft:"pip__scalingLeft___3AIHS"},n.default=r},function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.Animations=void 0,function(e){e.None="None",e.Fade="Fade",e.ScaleRight="ScaleRight",e.ScaleLeft="ScaleLeft",e.Slide="Slide"}(n.Animations||(n.Animations={}))},function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.Layout=void 0,function(e){e.PIP="PIP",e.PIPInverse="PIPInverse",e.SingleMedia="SingleMedia",e.SingleMediaInverse="SingleMediaInverse",e.SideBySide="SideBySide",e.SideBySideInverse="SideBySideInverse",e.Hidden="Hidden"}(n.Layout||(n.Layout={}))},function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.ReservedPresetAreas=void 0,function(e){e.PresetFloating="PresetFloating",e.BottomBar="BottomBar",e.BottomBarLeftControls="BottomBarLeftControls",e.BottomBarRightControls="BottomBarRightControls",e.TopBarLeftControls="TopBarLeftControls",e.TopBarRightControls="TopBarRightControls",e.SidePanelTop="SidePanelTop",e.InteractiveAreaSidePanelLeft="SidePanelLeft",e.SidePanelRight="SidePanelRight",e.SidePanelBottom="SidePanelBottom",e.PresetArea="PresetArea",e.InteractiveArea="InteractiveArea",e.PlayerArea="PlayerArea",e.VideoArea="VideoArea",e.VideoContainer="VideoContainer"}(n.ReservedPresetAreas||(n.ReservedPresetAreas={}))},function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.Labels=void 0,function(e){e.Hide="Hide",e.Show="Show",e.ExpandScreen="Expand Screen",e.SideBySide="Side by Side",e.SwitchScreen="Switch Screen"}(n.Labels||(n.Labels={}))},function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.PlayerType=void 0,function(e){e.IMAGE="image",e.VIDEO="video"}(n.PlayerType||(n.PlayerType={}))},function(e,n,t){"use strict";var i=this&&this.__assign||function(){return(i=Object.assign||function(e){for(var n,t=1,i=arguments.length;t<i;t++)for(var r in n=arguments[t])Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r]);return e}).apply(this,arguments)};Object.defineProperty(n,"__esModule",{value:!0}),n.Button=void 0;var r=t(0),a=t(23),o=KalturaPlayer.ui.components.Tooltip;n.Button=function(e){var n=e.onClick,t=e.className,s=e.children,l=e.tooltip,c={className:t,onMouseUp:a.useCallback((function(e){e.stopPropagation(),n()}),[n]),role:"button"};return l&&(c["aria-label"]=l.label),r.h("div",i({},c),l?r.h(o,{label:l.label,type:l.type},s):s)}},function(e,n,t){"use strict";t.r(n),t.d(n,"useState",(function(){return g})),t.d(n,"useReducer",(function(){return h})),t.d(n,"useEffect",(function(){return f})),t.d(n,"useLayoutEffect",(function(){return A})),t.d(n,"useRef",(function(){return m})),t.d(n,"useImperativeHandle",(function(){return C})),t.d(n,"useMemo",(function(){return v})),t.d(n,"useCallback",(function(){return P})),t.d(n,"useContext",(function(){return b})),t.d(n,"useDebugValue",(function(){return S})),t.d(n,"useErrorBoundary",(function(){return B}));var i,r,a,o=t(0),s=0,l=[],c=o.options.__b,_=o.options.__r,d=o.options.diffed,p=o.options.__c,u=o.options.unmount;function y(e,n){o.options.__h&&o.options.__h(r,e,s||n),s=0;var t=r.__H||(r.__H={__:[],__h:[]});return e>=t.__.length&&t.__.push({}),t.__[e]}function g(e){return s=1,h(x,e)}function h(e,n,t){var a=y(i++,2);return a.t=e,a.__c||(a.__=[t?t(n):x(void 0,n),function(e){var n=a.t(a.__[0],e);a.__[0]!==n&&(a.__=[n,a.__[1]],a.__c.setState({}))}],a.__c=r),a.__}function f(e,n){var t=y(i++,3);!o.options.__s&&L(t.__H,n)&&(t.__=e,t.__H=n,r.__H.__h.push(t))}function A(e,n){var t=y(i++,4);!o.options.__s&&L(t.__H,n)&&(t.__=e,t.__H=n,r.__h.push(t))}function m(e){return s=5,v((function(){return{current:e}}),[])}function C(e,n,t){s=6,A((function(){"function"==typeof e?e(n()):e&&(e.current=n())}),null==t?t:t.concat(e))}function v(e,n){var t=y(i++,7);return L(t.__H,n)&&(t.__=e(),t.__H=n,t.__h=e),t.__}function P(e,n){return s=8,v((function(){return e}),n)}function b(e){var n=r.context[e.__c],t=y(i++,9);return t.c=e,n?(null==t.__&&(t.__=!0,n.sub(r)),n.props.value):e.__}function S(e,n){o.options.useDebugValue&&o.options.useDebugValue(n?n(e):e)}function B(e){var n=y(i++,10),t=g();return n.__=e,r.componentDidCatch||(r.componentDidCatch=function(e){n.__&&n.__(e),t[1](e)}),[t[0],function(){t[1](void 0)}]}function M(){l.forEach((function(e){if(e.__P)try{e.__H.__h.forEach(E),e.__H.__h.forEach(w),e.__H.__h=[]}catch(n){e.__H.__h=[],o.options.__e(n,e.__v)}})),l=[]}o.options.__b=function(e){r=null,c&&c(e)},o.options.__r=function(e){_&&_(e),i=0;var n=(r=e.__c).__H;n&&(n.__h.forEach(E),n.__h.forEach(w),n.__h=[])},o.options.diffed=function(e){d&&d(e);var n=e.__c;n&&n.__H&&n.__H.__h.length&&(1!==l.push(n)&&a===o.options.requestAnimationFrame||((a=o.options.requestAnimationFrame)||function(e){var n,t=function(){clearTimeout(i),I&&cancelAnimationFrame(n),setTimeout(e)},i=setTimeout(t,100);I&&(n=requestAnimationFrame(t))})(M)),r=void 0},o.options.__c=function(e,n){n.some((function(e){try{e.__h.forEach(E),e.__h=e.__h.filter((function(e){return!e.__||w(e)}))}catch(t){n.some((function(e){e.__h&&(e.__h=[])})),n=[],o.options.__e(t,e.__v)}})),p&&p(e,n)},o.options.unmount=function(e){u&&u(e);var n=e.__c;if(n&&n.__H)try{n.__H.__.forEach(E)}catch(e){o.options.__e(e,n.__v)}};var I="function"==typeof requestAnimationFrame;function E(e){var n=r;"function"==typeof e.__c&&e.__c(),r=n}function w(e){var n=r;e.__c=e.__(),r=n}function L(e,n){return!e||e.length!==n.length||n.some((function(n,t){return n!==e[t]}))}function x(e,n){return"function"==typeof n?n(e):n}},function(e,n,t){"use strict";var i,r=this&&this.__extends||(i=function(e,n){return(i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,n){e.__proto__=n}||function(e,n){for(var t in n)n.hasOwnProperty(t)&&(e[t]=n[t])})(e,n)},function(e,n){function t(){this.constructor=e}i(e,n),e.prototype=null===n?Object.create(n):(t.prototype=n.prototype,new t)}),a=this&&this.__decorate||function(e,n,t,i){var r,a=arguments.length,o=a<3?n:null===i?i=Object.getOwnPropertyDescriptor(n,t):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,n,t,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(o=(a<3?r(o):a>3?r(n,t,o):r(n,t))||o);return a>3&&o&&Object.defineProperty(n,t,o),o};Object.defineProperty(n,"__esModule",{value:!0}),n.PipParent=void 0;var o=t(0),s=t(8),l=t(2),c=KalturaPlayer.ui.redux.connect,_=function(e){return{playerHover:e.shell.playerHover,guiClientRect:e.shell.guiClientRect,prePlayback:e.engine.prePlayback}},d=function(e){function n(){var n=null!==e&&e.apply(this,arguments)||this;return n.videoContainerRef=o.createRef(),n}return r(n,e),n.prototype.componentDidMount=function(){var e,n,t=this.props.player;null===(n=null===(e=this.videoContainerRef)||void 0===e?void 0:e.current)||void 0===n||n.appendChild(t.getVideoElement())},n.prototype.render=function(e){var n=[s.videoContainer,s.parentPlayer];if(!e.prePlayback&&e.animation)switch(e.animation){case l.Animations.Fade:n.push(s.animatedFade);break;case l.Animations.ScaleRight:n.push(s.animatedScaleRight);break;case l.Animations.ScaleLeft:n.push(s.animatedScaleLeft)}var t={height:e.guiClientRect.height+"px",width:e.guiClientRect.width+"px"};return o.h("div",{className:n.join(" "),style:t,ref:this.videoContainerRef})},n=a([c(_)],n)}(o.Component);n.PipParent=d},function(e,n,t){"use strict";var i=this&&this.__createBinding||(Object.create?function(e,n,t,i){void 0===i&&(i=t),Object.defineProperty(e,i,{enumerable:!0,get:function(){return n[t]}})}:function(e,n,t,i){void 0===i&&(i=t),e[i]=n[t]}),r=this&&this.__exportStar||function(e,n){for(var t in e)"default"===t||n.hasOwnProperty(t)||i(n,e,t)};Object.defineProperty(n,"__esModule",{value:!0}),r(t(26),n)},function(e,n,t){"use strict";var i,r=this&&this.__extends||(i=function(e,n){return(i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,n){e.__proto__=n}||function(e,n){for(var t in n)n.hasOwnProperty(t)&&(e[t]=n[t])})(e,n)},function(e,n){function t(){this.constructor=e}i(e,n),e.prototype=null===n?Object.create(n):(t.prototype=n.prototype,new t)});Object.defineProperty(n,"__esModule",{value:!0}),n.PipMinimized=void 0;var a=t(0),o=t(27),s=t(5),l=t(6),c=t(2),_=KalturaPlayer.ui.components.Icon,d=function(e){function n(){var n=null!==e&&e.apply(this,arguments)||this;return n.ref=a.createRef(),n._renderHoverButton=function(){var e=n.props,t=e.show,i=e.onInverse,r=e.hideButtons;return a.h(a.Fragment,null,!r&&a.h(l.Button,{onClick:t,className:o.showContainer},a.h(a.Fragment,null,a.h("div",{className:o.iconContainer},a.h(_,{id:"dualscreen-pip-minimized-show",height:s.icons.SmallSize,width:s.icons.SmallSize,viewBox:"0 0 "+s.icons.SmallSize+" "+s.icons.SmallSize,path:s.icons.SHOW_ICON_PATH})),c.Labels.Show)),a.h(l.Button,{onClick:i,className:[o.innerButtons,r?o.tinyInnerButtons:""].join(" ")},a.h("div",{className:o.iconContainer},a.h(_,{id:"dualscreen-pip-minimized-swap",height:s.icons.MediumSize,width:s.icons.MediumSize,viewBox:"0 0 "+s.icons.MediumSize+" "+s.icons.MediumSize,path:s.icons.SWAP_ICON_PATH}))))},n}return r(n,e),n.prototype.componentDidMount=function(){this.ref.current.appendChild(this.props.player.getVideoElement())},n.prototype.render=function(e){return a.h("div",{className:o.childPlayerContainer},a.h("div",{ref:this.ref,className:[o.childPlayer,e.hideButtons?o.tinyChildPlayer:""].join(" ")}),this._renderHoverButton())},n}(a.Component);n.PipMinimized=d},function(e,n,t){var i=t(3),r=t(28);"string"==typeof(r=r.__esModule?r.default:r)&&(r=[[e.i,r,""]]);var a={insert:"head",singleton:!1};i(r,a);e.exports=r.locals||{}},function(e,n,t){"use strict";t.r(n);var i=t(1),r=t.n(i)()(!0);r.push([e.i,".pip-minimized__iconContainer___3jsjw{height:28px;width:28px;opacity:0.8;cursor:pointer}.pip-minimized__innerButtons___1Ql12{display:flex;position:absolute;height:60px;left:0px;top:0px;padding:8px;background:linear-gradient(180deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%);width:100%}.pip-minimized__innerButtons___1Ql12 .pip-minimized__iconContainer___3jsjw:hover{background:#444444;border-radius:4px;opacity:1}.pip-minimized__childPlayerContainer___3P_xz{position:absolute;top:0;right:0;transform:translateY(-100%);animation:pip-minimized__fading___CAAdq .3s linear}.pip-minimized__childPlayerContainer___3P_xz video{position:relative}.pip-minimized__childPlayerContainer___3P_xz .pip-minimized__childPlayer___3PYNG{width:106px;height:60px;box-shadow:0px 0px 0px 1px rgba(0,0,0,0.2),0px 8px 60px -16px rgba(0,0,0,0.2);border-radius:8px;overflow:hidden}.pip-minimized__childPlayerContainer___3P_xz .pip-minimized__childPlayer___3PYNG.pip-minimized__tinyChildPlayer___2LImk{height:34px;width:60px}.pip-minimized__childPlayerContainer___3P_xz .pip-minimized__showContainer___3jA3b{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;padding:8px;cursor:pointer;position:absolute;width:66px;height:32px;right:0px;top:calc((32px + 5px) * -1);color:#ffffff;font-style:normal;font-weight:normal;font-size:14px;line-height:18px;background:rgba(0,0,0,0.6);border-radius:4px}.pip-minimized__childPlayerContainer___3P_xz .pip-minimized__showContainer___3jA3b:hover{background:rgba(0,0,0,0.7)}.pip-minimized__childPlayerContainer___3P_xz .pip-minimized__showContainer___3jA3b .pip-minimized__iconContainer___3jsjw{height:16px;width:16px;margin-right:8px}.pip-minimized__childPlayerContainer___3P_xz .pip-minimized__innerButtons___1Ql12{border-radius:8px;justify-content:center;align-items:center}.pip-minimized__childPlayerContainer___3P_xz .pip-minimized__innerButtons___1Ql12.pip-minimized__tinyInnerButtons___3NhMO{height:34px}.pip-minimized__childPlayerContainer___3P_xz .pip-minimized__innerButtons___1Ql12 .pip-minimized__iconContainer___3jsjw:hover{background:transparent}@keyframes pip-minimized__fading___CAAdq{0%{opacity:0}100%{opacity:1}}\n","",{version:3,sources:["webpack://styles/_styles.scss","webpack://styles/_variables.scss","webpack://components/pip-minimized/pip-minimized.scss"],names:[],mappings:"AAEA,sCACE,WCHkB,CDIlB,UCJkB,CDKlB,WAAY,CACZ,cAAe,CAChB,qCAGC,YAAa,CACb,iBAAkB,CAClB,WAAY,CACZ,QAAS,CACT,OAAQ,CACR,WAAY,CACZ,0EAAiF,CACjF,UAAW,CARb,iFAYM,kBAAmB,CACnB,iBAAkB,CAClB,SAAU,CElBhB,6CAIE,iBAAkB,CAClB,KAAM,CACN,OAAQ,CACR,2BAA4B,CAC5B,kDAA4C,CAR9C,mDAEI,iBAAkB,CAFtB,iFAUI,WAAY,CACZ,WAAY,CACZ,6EAAqF,CACrF,iBAAkB,CAClB,eAAgB,CAdpB,wHAgBM,WAAY,CACZ,UAAW,CAjBjB,mFAsBI,YAAa,CACb,kBAAmB,CACnB,wBAAyB,CACzB,kBAAmB,CACnB,WAAY,CACZ,cAAe,CAEf,iBAAkB,CAClB,UAAW,CACX,WAlCwB,CAmCxB,SAAU,CACV,2BAAoE,CAEpE,aAAc,CACd,iBAAkB,CAClB,kBAAmB,CACnB,cAAe,CACf,gBAAiB,CAEjB,0BAA8B,CAC9B,iBAAkB,CA1CtB,yFA6CM,0BAA8B,CA7CpC,yHAgDM,WAAY,CACZ,UAAW,CACX,gBAAiB,CAlDvB,kFAuDI,iBAAkB,CAClB,sBAAuB,CACvB,kBAAmB,CAzDvB,0HA2DM,WAAY,CA3DlB,8HA8DM,sBAAuB,CACxB,yCAKH,GACE,SAAU,CAEZ,KACE,SAAU,CAAA",sourcesContent:["@import '~styles/variables';\n\n.iconContainer {\n height: $smallIconSize;\n width: $smallIconSize;\n opacity: 0.8;\n cursor: pointer;\n}\n\n.innerButtons {\n display: flex;\n position: absolute;\n height: 60px;\n left: 0px;\n top: 0px;\n padding: 8px;\n background: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);\n width: 100%;\n\n .iconContainer {\n &:hover {\n background: #444444;\n border-radius: 4px;\n opacity: 1;\n }\n }\n}\n","$smallIconSize: 28px;\n$smallBorderLessIconSize: 16px;\n$animation-duration: 0.3s;\n","@import '~styles/styles';\n\n$show-container-height: 32px;\n$show-container-gap: 5px;\n\n.childPlayerContainer {\n video {\n position: relative;\n }\n position: absolute;\n top: 0;\n right: 0;\n transform: translateY(-100%);\n animation: fading $animation-duration linear;\n .childPlayer {\n width: 106px;\n height: 60px;\n box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2), 0px 8px 60px -16px rgba(0, 0, 0, 0.2);\n border-radius: 8px;\n overflow: hidden;\n &.tinyChildPlayer {\n height: 34px;\n width: 60px;\n }\n }\n\n .showContainer {\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-items: center;\n padding: 8px;\n cursor: pointer;\n\n position: absolute;\n width: 66px;\n height: $show-container-height;\n right: 0px;\n top: calc((#{$show-container-height} + #{$show-container-gap}) * -1);\n\n color: #ffffff;\n font-style: normal;\n font-weight: normal;\n font-size: 14px;\n line-height: 18px;\n\n background: rgba(0, 0, 0, 0.6);\n border-radius: 4px;\n\n &:hover {\n background: rgba(0, 0, 0, 0.7);\n }\n .iconContainer {\n height: 16px;\n width: 16px;\n margin-right: 8px;\n }\n }\n\n .innerButtons {\n border-radius: 8px;\n justify-content: center;\n align-items: center;\n &.tinyInnerButtons {\n height: 34px;\n }\n .iconContainer:hover {\n background: transparent;\n }\n }\n}\n\n@keyframes fading {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}\n"],sourceRoot:""}]),r.locals={iconContainer:"pip-minimized__iconContainer___3jsjw",innerButtons:"pip-minimized__innerButtons___1Ql12",childPlayerContainer:"pip-minimized__childPlayerContainer___3P_xz",fading:"pip-minimized__fading___CAAdq",childPlayer:"pip-minimized__childPlayer___3PYNG",tinyChildPlayer:"pip-minimized__tinyChildPlayer___2LImk",showContainer:"pip-minimized__showContainer___3jA3b",tinyInnerButtons:"pip-minimized__tinyInnerButtons___3NhMO"},n.default=r},function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.VideoSyncManager=void 0;var i=t(7),r=t(4),a=r.core.EventType,o=r.core.FakeEvent,s=r.core.Error,l=r.core.StateType,c=function(e,n,t,r){var c=this;this._isSyncDelay=!1,this._errorHandling=function(){c._eventManager.listen(c._secondaryPlayer,a.ERROR,(function(e){c._logger.debug("errorHandling :: secondary player got error");var n=new s(s.Severity.CRITICAL,s.Category.PLAYER,s.Code.VIDEO_ERROR,e);c._mainPlayer.pause(),c._mainPlayer.dispatchEvent(new o(a.ERROR,n))})),c._eventManager.listen(c._mainPlayer,a.ERROR,(function(){c._logger.debug("errorHandling :: main player got error"),c._secondaryPlayer.reset()}))},this._syncEvents=function(){var e=0;c._eventManager.listen(c._mainPlayer,a.PLAY,(function(){c._logger.debug("syncEvents :: secondary player play"),c._secondaryPlayer.play()})),c._eventManager.listen(c._mainPlayer,a.PAUSE,(function(){c._logger.debug("syncEvents :: secondary player pause"),c._secondaryPlayer.pause()})),c._eventManager.listen(c._mainPlayer,a.TIME_UPDATE,(function(){if(!c._isSyncDelay){var n=Date.now();(n-e>1e3||c._mainPlayer.paused)&&(e=n,c._mediaSync())}})),c._eventManager.listen(c._mainPlayer,a.SEEKING,(function(){c._logger.debug("syncEvents :: seeking main player to to "+c._mainPlayer),c._secondaryPlayer.pause(),c._seekSecondaryPlayer(0)})),c._eventManager.listen(c._mainPlayer,a.ENDED,(function(){c._logger.debug("syncEvents :: secondary player pause + seek to 0.01"),c._secondaryPlayer.pause(),c._seekSecondaryPlayer(.01)})),c._eventManager.listen(c._mainPlayer,a.PLAYER_STATE_CHANGED,(function(e){var n=e.payload;if(n.newState.type===l.BUFFERING&&!c._mainPlayer.seeking&&!c._mainPlayer.paused&&!c._secondaryPlayer.paused)return c._logger.debug("syncEvents :: main player got BUFFERING"),void c._secondaryPlayer.pause();n.newState.type===l.PLAYING&&n.oldState.type===l.BUFFERING&&c._secondaryPlayer.paused&&(c._logger.debug("syncEvents :: main player resume PLAYING"),c._secondaryPlayer.play())}))},this._mediaSync=function(){if(!(c._isSyncDelay||c._mainPlayer.paused&&!c._mainPlayer.seeking)&&c._secondaryPlayer){var e=!1,n=c._getSyncDelay();c._logger.debug("mediaSync :: synchDelay is "+n);var t=0,i=Math.round(100*Math.abs(n))/100;n>.03?t=-1*i:n<-.03&&(t=i),0!==t?Math.abs(n)<4?(c._logger.debug("mediaSync :: Adjusting slave playbackRateChange = "+(c._mainPlayer.playbackRate+t)),c._secondaryPlayer.playbackRate=c._mainPlayer.playbackRate+t):(c._logger.debug("mediaSync :: Adjusting secondary player playbackRateChange to main player and flagging for seek"),c._secondaryPlayer.playbackRate=c._mainPlayer.playbackRate,e=!0):c._mainPlayer.paused||(c._logger.debug("mediaSync :: Main player and secondary player sync, adjusting secondary player playback rate to main player rate"),c._secondaryPlayer.playbackRate=c._mainPlayer.playbackRate,c._secondaryPlayer.play()),e&&(c._logger.debug("mediaSync :: Seeking secondary player to "+(c._mainPlayer.currentTime+.25)),c._seekSecondaryPlayer(.25))}},this._getSyncDelay=function(){var e=c._mainPlayer.currentTime,n=c._secondaryPlayer.currentTime;return-1==e||-1==n||i.isInInterval(n,e-0,e)?0:n-e},this._seekSecondaryPlayer=function(e){var n=c._mainPlayer.currentTime<0?0:c._mainPlayer.currentTime;if(c._secondaryPlayer.ended&&c._secondaryPlayer.duration&&Math.ceil(n)>c._secondaryPlayer.duration)return c._logger.debug("seekSecondaryPlayer :: seekTime "+n+" is out of bounds 0.."+c._secondaryPlayer.duration+". pause secondary player"),void c._secondaryPlayer.pause();c._logger.debug("seekSecondaryPlayer :: seeking to="+n+", ahead="+e),c._secondaryPlayer.currentTime=n+e,c._mainPlayer.paused?c._secondaryPlayer.pause():c._secondaryPlayer.play()},this._eventManager=e,this._mainPlayer=n,this._secondaryPlayer=t,this._logger=r,this._syncEvents(),this._errorHandling()};n.VideoSyncManager=c},function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.ImageSyncManager=void 0;var i=t(4),r=function(e,n,t,r,a){var o=this;this._syncEvents=function(){o._eventManager.listen(o._mainPlayer,o._mainPlayer.Event.TIMED_METADATA,o._onTimedMetadata),o._eventManager.listen(o._mainPlayer,o._mainPlayer.Event.TIMED_METADATA_ADDED,o._onTimedMetadataAdded)},this._onTimedMetadata=function(){var e=o._mainPlayer.cuePointManager.getActiveCuePoints();if(e.length){var n=Array.from(e).find((function(e){var n,t;return(null===(t=null===(n=e.value)||void 0===n?void 0:n.data)||void 0===t?void 0:t.cuePointType)===o._kalturaCuePointService.KalturaCuePointType.THUMB}));o._imagePlayer.setActive(n?n.value.data.id:null);var t=Array.from(e).filter((function(e){var n,t;return(null===(t=null===(n=e.value)||void 0===n?void 0:n.data)||void 0===t?void 0:t.cuePointType)===o._kalturaCuePointService.KalturaCuePointType.CODE})),i=t.find((function(e){var n,t;return"locked"===(null===(t=null===(n=e.value.data)||void 0===n?void 0:n.partnerData)||void 0===t?void 0:t.viewModeLockState)}));t.forEach((function(e){o._onSlideViewChanged(e.value.data.partnerData,!!i)}))}},this._onTimedMetadataAdded=function(e){e.payload.cues.forEach((function(e){var n,t,r;(null===(n=null==e?void 0:e.value)||void 0===n?void 0:n.key)===i.cuepoint.CUE_POINT_KEY&&(null===(r=null===(t=e.value)||void 0===t?void 0:t.data)||void 0===r?void 0:r.cuePointType)===o._kalturaCuePointService.KalturaCuePointType.THUMB&&o._imagePlayer.addImage({id:null==e?void 0:e.value.data.id,imageUrl:e.value.data.assetUrl,errored:!1,portrait:!1,loaded:!1})}))},this._eventManager=e,this._mainPlayer=n,this._imagePlayer=t,this._logger=r,this._onSlideViewChanged=a,this._syncEvents(),this._kalturaCuePointService=this._mainPlayer.getService("kalturaCuepoints")};n.ImageSyncManager=r},function(e,n,t){"use strict";var i,r=this&&this.__extends||(i=function(e,n){return(i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,n){e.__proto__=n}||function(e,n){for(var t in n)n.hasOwnProperty(t)&&(e[t]=n[t])})(e,n)},function(e,n){function t(){this.constructor=e}i(e,n),e.prototype=null===n?Object.create(n):(t.prototype=n.prototype,new t)}),a=this&&this.__decorate||function(e,n,t,i){var r,a=arguments.length,o=a<3?n:null===i?i=Object.getOwnPropertyDescriptor(n,t):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,n,t,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(o=(a<3?r(o):a>3?r(n,t,o):r(n,t))||o);return a>3&&o&&Object.defineProperty(n,t,o),o};Object.defineProperty(n,"__esModule",{value:!0}),n.ResponsiveManager=void 0;var o=t(0),s=KalturaPlayer.ui,l=s.redux.connect,c=s.components.PLAYER_SIZE,_=[c.EXTRA_SMALL,c.SMALL,c.TINY],d=[c.EXTRA_SMALL,c.SMALL],p=function(e){return{playerSize:e.shell.playerSize}},u=function(e){function n(){var n=null!==e&&e.apply(this,arguments)||this;return n._renderChildComponent=function(){var e=n.props,t=e.children,i=e.playerSize;return o.cloneElement(t,{hideButtons:_.includes(i)})},n}return r(n,e),n.prototype.componentDidMount=function(){var e=this.props,n=e.playerSize,t=e.onMinSize;d.includes(n)&&t()},n.prototype.componentDidUpdate=function(e){var n=this.props,t=n.playerSize,i=n.onMinSize,r=n.onDefaultSize;t!==c.TINY&&(!d.includes(t)||d.includes(e.playerSize)?!d.includes(t)&&d.includes(e.playerSize)&&r():i())},n.prototype.render=function(e){return e.playerSize===c.TINY?null:this._renderChildComponent()},n.defaultProps={onMinSize:function(){}},n=a([l(p)],n)}(o.Component);n.ResponsiveManager=u},function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.SecondaryMediaLoader=void 0;var i=KalturaPlayer.providers,r=i.RequestBuilder,a=i.ResponseTypes,o=function(){function e(e){this._parentEntryId="",this._requests=[],this._response={entries:[]},this._parentEntryId=e.parentEntryId;var n=new Map,t=new r(n);t.service="baseEntry",t.action="list",t.params={filter:{objectType:"KalturaBaseEntryFilter",parentEntryIdEqual:this._parentEntryId,typeEqual:a.KalturaMediaEntry.MediaType.VIDEO.value+", 7"},responseProfile:{type:1,fields:"id"}},this.requests.push(t)}return Object.defineProperty(e,"id",{get:function(){return"dualscreen"},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"requests",{get:function(){return this._requests},set:function(e){this._requests=e},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"response",{get:function(){return this._response},set:function(e){var n,t=new a.KalturaBaseEntryListResponse(null===(n=e[0])||void 0===n?void 0:n.data);t.totalCount&&(this._response.entries=null==t?void 0:t.entries)},enumerable:!1,configurable:!0}),e.prototype.isValid=function(){return!!this._parentEntryId},e}();n.SecondaryMediaLoader=o},function(e,n,t){"use strict";var i=this&&this.__createBinding||(Object.create?function(e,n,t,i){void 0===i&&(i=t),Object.defineProperty(e,i,{enumerable:!0,get:function(){return n[t]}})}:function(e,n,t,i){void 0===i&&(i=t),e[i]=n[t]}),r=this&&this.__exportStar||function(e,n){for(var t in e)"default"===t||n.hasOwnProperty(t)||i(n,e,t)};Object.defineProperty(n,"__esModule",{value:!0}),r(t(34),n)},function(e,n,t){"use strict";var i,r=this&&this.__extends||(i=function(e,n){return(i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,n){e.__proto__=n}||function(e,n){for(var t in n)n.hasOwnProperty(t)&&(e[t]=n[t])})(e,n)},function(e,n){function t(){this.constructor=e}i(e,n),e.prototype=null===n?Object.create(n):(t.prototype=n.prototype,new t)}),a=this&&this.__decorate||function(e,n,t,i){var r,a=arguments.length,o=a<3?n:null===i?i=Object.getOwnPropertyDescriptor(n,t):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,n,t,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(o=(a<3?r(o):a>3?r(n,t,o):r(n,t))||o);return a>3&&o&&Object.defineProperty(n,t,o),o};Object.defineProperty(n,"__esModule",{value:!0}),n.DragAndSnapManager=void 0;var o,s=t(0),l=t(9),c=t(7),_=t(35),d=KalturaPlayer.ui.redux.connect;!function(e){e.MouseDown="mousedown",e.MouseMove="mousemove",e.MouseUp="mouseup",e.TouchStart="touchstart",e.TouchMove="touchmove",e.TouchEnd="touchend"}(o||(o={}));var p=function(e){return{prePlayback:e.engine.prePlayback}},u=function(e){function n(){var n=null!==e&&e.apply(this,arguments)||this;return n._draggableTargetRef=s.createRef(),n._draggableItemRef=s.createRef(),n._draggableAreaRef=s.createRef(),n._currMousePos={x:0,y:0},n._throttleWait=!1,n.state={isDragging:!1},n._renderChildComponent=function(){var e=n.props.children;return s.cloneElement(e,{isDragging:n.state.isDragging,setDraggableTarget:n._setDraggableTarget})},n._setDraggableTarget=function(e){n._draggableTargetRef.current=e,n._addListeners()},n._handleChangePosition=function(e){n._setAbsoluteStyles(e),n.props.onPositionChanged(e)},n._onStartDrag=function(){n._setAbsoluteStyles(n.props.getPosition()),n.setState({isDragging:!0})},n._addListeners=function(){n.props.eventManager.listen(n._draggableTargetRef.current,o.MouseDown,(function(e){n._startDrag(e,o.MouseMove,o.MouseUp)})),n.props.eventManager.listen(n._draggableTargetRef.current,o.TouchStart,(function(e){n.props.eventManager.unlisten(n._draggableTargetRef.current,o.MouseDown),n._startDrag(e,o.TouchMove,o.TouchEnd)}))},n._moveDrag=function(e){if(!n._throttleWait){e=e||window.event;var t=n._currMousePos.x-c.getClientX(e),i=n._currMousePos.y-c.getClientY(e);if(n._currMousePos.x=c.getClientX(e),n._currMousePos.y=c.getClientY(e),n._draggableItemRef.current&&n._draggableAreaRef.current){var r=parseInt(n._draggableItemRef.current.style.top,10),a=parseInt(n._draggableItemRef.current.style.right,10);n._draggableItemRef.current.style.right=c.dimensionStyleToString(a+t),n._draggableItemRef.current.style.top=c.dimensionStyleToString(r-i)}n._throttleWait=!0,setTimeout((function(){n._throttleWait=!1}),30)}},n._getBoundingClientRects=function(){return[n._draggableItemRef.current.getBoundingClientRect(),n._draggableAreaRef.current.getBoundingClientRect()]},n._applyRelativeStyles=function(e,t,i,r){n._draggableItemRef.current.style.top=null!==e?c.dimensionStyleToString(e):"",n._draggableItemRef.current.style.right=null!==t?c.dimensionStyleToString(t):"",n._draggableItemRef.current.style.bottom=null!==i?c.dimensionStyleToString(i):"",n._draggableItemRef.current.style.left=null!==r?c.dimensionStyleToString(r):""},n._setRelativeStyles=function(){switch(n.props.getPosition()){case l.Position.BottomRight:n._setRelativeBottomRightStyles();break;case l.Position.BottomLeft:n._setRelativeBottomLeftStyles();break;case l.Position.TopRight:n._setRelativeTopRightStyles();break;case l.Position.TopLeft:n._setRelativeTopLeftStyles()}},n._setRelativeBottomRightStyles=function(){n._applyRelativeStyles(null,0,n.props.prePlayback?-130:0,null)},n._setRelativeBottomLeftStyles=function(){n._applyRelativeStyles(null,null,n.props.prePlayback?-130:0,0)},n._setRelativeTopRightStyles=function(){n._applyRelativeStyles(n.props.prePlayback?-130:0,0,null,null)},n._setRelativeTopLeftStyles=function(){n._applyRelativeStyles(n.props.prePlayback?-130:0,null,null,0)},n._applyAbsoluteStyles=function(e,t){n._draggableItemRef.current.style.top=c.dimensionStyleToString(e),n._draggableItemRef.current.style.right=c.dimensionStyleToString(t)},n._setAbsoluteStyles=function(e){switch(e){case l.Position.BottomRight:n._setAbsoluteBottomRightStyles();break;case l.Position.BottomLeft:n._setAbsoluteBottomLeftStyles();break;case l.Position.TopRight:n._setAbsoluteTopRightStyles();break;case l.Position.TopLeft:n._setAbsoluteTopLeftStyles()}n._draggableItemRef.current.style.bottom="",n._draggableItemRef.current.style.left=""},n._setAbsoluteBottomRightStyles=function(){var e=n._getBoundingClientRects(),t=e[0],i=e[1];n._applyAbsoluteStyles(i.height-t.height,0)},n._setAbsoluteBottomLeftStyles=function(){var e=n._getBoundingClientRects(),t=e[0],i=e[1];n._applyAbsoluteStyles(i.height-t.height,i.width-t.width)},n._setAbsoluteTopRightStyles=function(){n._applyAbsoluteStyles(0,0)},n._setAbsoluteTopLeftStyles=function(){var e=n._getBoundingClientRects(),t=e[0],i=e[1];n._applyAbsoluteStyles(0,i.width-t.width)},n._stopDrag=function(){n.setState({isDragging:!1}),n.props.eventManager.unlisten(document,o.MouseMove),n.props.eventManager.unlisten(document,o.TouchMove);var e=n._getBoundingClientRects(),t=e[0],i=e[1],r=t.x+t.width/2,a=t.y+t.height/2,s=i.x+i.width/2,c=i.y+i.height/2;r>s?a>c?n._handleChangePosition(l.Position.BottomRight):n._handleChangePosition(l.Position.TopRight):a>c?n._handleChangePosition(l.Position.BottomLeft):n._handleChangePosition(l.Position.TopLeft)},n}return r(n,e),n.prototype.componentDidMount=function(){this._setRelativeStyles()},n.prototype.componentWillUnmount=function(){var e=this.props.eventManager;e.unlisten(document,o.MouseMove),e.unlisten(document,o.TouchMove),e.unlisten(document,o.MouseUp),e.unlisten(document,o.TouchEnd),e.unlisten(this._draggableTargetRef.current,o.MouseDown),e.unlisten(this._draggableTargetRef.current,o.TouchStart)},n.prototype._startDrag=function(e,n,t){this.props.eventManager.listenOnce(document,t,this._stopDrag),this._currMousePos.x=c.getClientX(e),this._currMousePos.y=c.getClientY(e),this.props.eventManager.listenOnce(document,n,this._onStartDrag),this.props.eventManager.listen(document,n,this._moveDrag)},n.prototype.render=function(){var e=[_.draggableItem];return this.state.isDragging&&e.push(_.dragging),s.h("div",{id:"draggeble-area",className:_.draggableArea,ref:this._draggableAreaRef},s.h("div",{id:"draggable-item",ref:this._draggableItemRef,className:e.join(" "),onTransitionEnd:this._setRelativeStyles},this._renderChildComponent()))},n=a([d(p)],n)}(s.Component);n.DragAndSnapManager=u},function(e,n,t){var i=t(3),r=t(36);"string"==typeof(r=r.__esModule?r.default:r)&&(r=[[e.i,r,""]]);var a={insert:"head",singleton:!1};i(r,a);e.exports=r.locals||{}},function(e,n,t){"use strict";t.r(n);var i=t(1),r=t.n(i)()(!0);r.push([e.i,".drag-and-snap-manager__draggableArea___1vWQt{position:absolute;width:100%;height:100%;pointer-events:none}.drag-and-snap-manager__draggableItem___2hlCK{position:absolute;pointer-events:auto}.drag-and-snap-manager__draggableItem___2hlCK.drag-and-snap-manager__dragging___1yOFj{cursor:move}.drag-and-snap-manager__draggableItem___2hlCK:not(.drag-and-snap-manager__dragging___1yOFj){transition:top .3s ease-in,right .3s ease-in,bottom .3s ease-in}.drag-and-snap-manager__draggableItem___2hlCK.drag-and-snap-manager__prePlayback___hY_TD{bottom:-50px}\n","",{version:3,sources:["webpack://components/drag-and-snap-manager/drag-and-snap-manager.scss"],names:[],mappings:"AAEA,8CACE,iBAAkB,CAClB,UAAW,CACX,WAAY,CACZ,mBAAoB,CACrB,8CAEC,iBAAkB,CAClB,mBAAoB,CAFtB,sFAII,WAAY,CAJhB,4FAOI,+DAAkH,CAPtH,yFAUI,YAAa",sourcesContent:["@import '~styles/variables';\n\n.draggableArea {\n position: absolute;\n width: 100%;\n height: 100%;\n pointer-events: none;\n}\n.draggableItem {\n position: absolute;\n pointer-events: auto;\n &.dragging {\n cursor: move;\n }\n &:not(.dragging) {\n transition: top $animation-duration ease-in, right $animation-duration ease-in, bottom $animation-duration ease-in;\n }\n &.prePlayback {\n bottom: -50px;\n }\n}"],sourceRoot:""}]),r.locals={draggableArea:"drag-and-snap-manager__draggableArea___1vWQt",draggableItem:"drag-and-snap-manager__draggableItem___2hlCK",dragging:"drag-and-snap-manager__dragging___1yOFj",prePlayback:"drag-and-snap-manager__prePlayback___hY_TD"},n.default=r},function(e,n,t){"use strict";var i,r=this&&this.__extends||(i=function(e,n){return(i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,n){e.__proto__=n}||function(e,n){for(var t in n)n.hasOwnProperty(t)&&(e[t]=n[t])})(e,n)},function(e,n){function t(){this.constructor=e}i(e,n),e.prototype=null===n?Object.create(n):(t.prototype=n.prototype,new t)}),a=this&&this.__assign||function(){return(a=Object.assign||function(e){for(var n,t=1,i=arguments.length;t<i;t++)for(var r in n=arguments[t])Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r]);return e}).apply(this,arguments)};Object.defineProperty(n,"__esModule",{value:!0}),n.SideBySideWrapper=void 0;var o=t(0),s=t(38),l=t(2),c=t(10),_=t(11),d=function(e){function n(){return null!==e&&e.apply(this,arguments)||this}return r(n,e),n.prototype.render=function(e){var n=e.leftSideProps,t=e.rightSideProps,i=e.onSizeChange,r=e.onMinSize;return o.h(c.ResponsiveManager,{onMinSize:function(){r()},onDefaultSize:i},o.h("div",{className:_.sideBySideWrapper},o.h(s.SideBySide,a({},n,{animation:l.Animations.ScaleLeft})),o.h(s.SideBySide,a({},t,{animation:l.Animations.Fade}))))},n}(o.Component);n.SideBySideWrapper=d},function(e,n,t){"use strict";var i,r=this&&this.__extends||(i=function(e,n){return(i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,n){e.__proto__=n}||function(e,n){for(var t in n)n.hasOwnProperty(t)&&(e[t]=n[t])})(e,n)},function(e,n){function t(){this.constructor=e}i(e,n),e.prototype=null===n?Object.create(n):(t.prototype=n.prototype,new t)}),a=this&&this.__decorate||function(e,n,t,i){var r,a=arguments.length,o=a<3?n:null===i?i=Object.getOwnPropertyDescriptor(n,t):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,n,t,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(o=(a<3?r(o):a>3?r(n,t,o):r(n,t))||o);return a>3&&o&&Object.defineProperty(n,t,o),o};Object.defineProperty(n,"__esModule",{value:!0}),n.SideBySide=void 0;var o=t(0),s=t(11),l=t(5),c=t(6),_=t(2),d=KalturaPlayer.ui.components.Icon,p=KalturaPlayer.ui.redux.connect,u=function(e){return{guiClientRect:e.shell.guiClientRect,playerHover:e.shell.playerHover}},y=function(e){function n(){var n=null!==e&&e.apply(this,arguments)||this;return n.ref=o.createRef(),n}return r(n,e),n.prototype.componentDidMount=function(){this.ref.current.appendChild(this.props.player.getVideoElement())},n.prototype._renderHoverButton=function(){var e=this.props,n=e.onExpand;return e.playerHover?o.h("div",{className:s.innerButtons},o.h(c.Button,{className:s.iconContainer,onClick:n,tooltip:{label:_.Labels.ExpandScreen,type:"bottom-left"}},o.h(d,{id:"dualscreen-side-by-side-pip",height:l.icons.MediumSize,width:l.icons.MediumSize,viewBox:"0 0 "+l.icons.MediumSize+" "+l.icons.MediumSize,path:l.icons.SWITCH_TO_SIDE_BY_SIDE_ICON_PATH}))):null},n.prototype.render=function(e){var n=e.guiClientRect,t=e.animation,i={height:(null==n?void 0:n.width)/2/16*9},r=[s.player];return t===_.Animations.ScaleLeft?r.push(s.animatedScale):r.push(s.animatedFade),o.h("div",{ref:this.ref,className:r.join(" "),style:i},this._renderHoverButton())},n=a([p(u)],n)}(o.Component);n.SideBySide=y},function(e,n,t){"use strict";t.r(n);var i=t(1),r=t.n(i)()(!0);r.push([e.i,".side-by-side__iconContainer___FuEiv{height:28px;width:28px;opacity:0.8;cursor:pointer}.side-by-side__innerButtons___33ysm{display:flex;position:absolute;height:60px;left:0px;top:0px;padding:8px;background:linear-gradient(180deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%);width:100%}.side-by-side__innerButtons___33ysm .side-by-side__iconContainer___FuEiv:hover{background:#444444;border-radius:4px;opacity:1}.side-by-side__sideBySideWrapper___szG2_{width:100%;height:100%;position:absolute;left:0;display:flex}.side-by-side__player___1Hm7w{position:relative;margin:auto;flex:1}.side-by-side__player___1Hm7w .side-by-side__iconContainer___FuEiv{padding:2px}.side-by-side__player___1Hm7w .side-by-side__innerButtons___33ysm{z-index:1;padding:16px;flex-direction:row-reverse;animation:side-by-side__appears___1p_h5 .3s linear}.side-by-side__animatedScale___2zrMl{animation:side-by-side__scaling___3-saP .3s linear}.side-by-side__animatedFade___2Nh87{animation:side-by-side__fading___2XUVr .3s linear}@keyframes side-by-side__appears___1p_h5{from{visibility:hidden}to{visibility:hidden}}@keyframes side-by-side__scaling___3-saP{0%{transform:scale(2) translate(25%);z-index:100}100%{transform:scale(1) translate(0%);z-index:0}}@keyframes side-by-side__fading___2XUVr{0%{opacity:0}100%{opacity:1}}\n","",{version:3,sources:["webpack://styles/_styles.scss","webpack://styles/_variables.scss","webpack://components/side-by-side/side-by-side.scss"],names:[],mappings:"AAEA,qCACE,WCHkB,CDIlB,UCJkB,CDKlB,WAAY,CACZ,cAAe,CAChB,oCAGC,YAAa,CACb,iBAAkB,CAClB,WAAY,CACZ,QAAS,CACT,OAAQ,CACR,WAAY,CACZ,0EAAiF,CACjF,UAAW,CARb,+EAYM,kBAAmB,CACnB,iBAAkB,CAClB,SAAU,CEpBhB,yCACE,UAAW,CACX,WAAY,CACZ,iBAAkB,CAClB,MAAO,CACP,YAAa,CACd,8BAGC,iBAAkB,CAClB,WAAY,CACZ,MAAO,CAHT,mEAMI,WAAY,CANhB,kEAUI,SAAU,CACV,YAAa,CACb,0BAA2B,CAC3B,kDAA6C,CAC9C,qCAID,kDAA6C,CAC9C,oCAGC,iDAA4C,CAC7C,yCAGC,KACE,iBAAkB,CAEpB,GACE,iBAAkB,CAAA,CAItB,yCACE,GACE,iCAAkC,CAClC,WAAY,CAEd,KACE,gCAAiC,CACjC,SAAU,CAAA,CAId,wCACE,GACE,SAAU,CAEZ,KACE,SAAU,CAAA",sourcesContent:["@import '~styles/variables';\n\n.iconContainer {\n height: $smallIconSize;\n width: $smallIconSize;\n opacity: 0.8;\n cursor: pointer;\n}\n\n.innerButtons {\n display: flex;\n position: absolute;\n height: 60px;\n left: 0px;\n top: 0px;\n padding: 8px;\n background: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);\n width: 100%;\n\n .iconContainer {\n &:hover {\n background: #444444;\n border-radius: 4px;\n opacity: 1;\n }\n }\n}\n","$smallIconSize: 28px;\n$smallBorderLessIconSize: 16px;\n$animation-duration: 0.3s;\n","@import '~styles/variables';\n@import '~styles/styles';\n\n.sideBySideWrapper {\n width: 100%;\n height: 100%;\n position: absolute;\n left: 0;\n display: flex;\n}\n\n.player {\n position: relative;\n margin: auto;\n flex: 1;\n\n .iconContainer {\n padding: 2px;\n }\n\n .innerButtons {\n z-index: 1;\n padding: 16px;\n flex-direction: row-reverse;\n animation: appears $animation-duration linear;\n }\n}\n\n.animatedScale {\n animation: scaling $animation-duration linear;\n}\n\n.animatedFade {\n animation: fading $animation-duration linear;\n}\n\n@keyframes appears {\n from {\n visibility: hidden;\n }\n to {\n visibility: hidden;\n }\n}\n\n@keyframes scaling {\n 0% {\n transform: scale(2) translate(25%);\n z-index: 100;\n }\n 100% {\n transform: scale(1) translate(0%);\n z-index: 0;\n }\n}\n\n@keyframes fading {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}\n"],sourceRoot:""}]),r.locals={iconContainer:"side-by-side__iconContainer___FuEiv",innerButtons:"side-by-side__innerButtons___33ysm",sideBySideWrapper:"side-by-side__sideBySideWrapper___szG2_",player:"side-by-side__player___1Hm7w",appears:"side-by-side__appears___1p_h5",animatedScale:"side-by-side__animatedScale___2zrMl",scaling:"side-by-side__scaling___3-saP",animatedFade:"side-by-side__animatedFade___2Nh87",fading:"side-by-side__fading___2XUVr"},n.default=r},function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.DualScreenEngineDecorator=void 0;var i=t(4),r=(i.core.FakeEvent,i.core.EventType),a=function(){function e(e,n,t){var i=this;this._isActive=!1,this._plugin=n,this._dispatcher=t,n.eventManager.listen(n.player,r.SEEKING,(function(){i._isActive=!0})),n.eventManager.listen(n.player,r.SEEKED,(function(){i._isActive=!1}))}return Object.defineProperty(e.prototype,"active",{get:function(){return this._isActive&&!this._plugin.secondaryKalturaPlayer.ended},enumerable:!1,configurable:!0}),e.prototype.dispatchEvent=function(e){var n=this;return e.type===r.SEEKED?(this._plugin.eventManager.listenOnce(this._plugin.secondaryKalturaPlayer,r.SEEKED,(function(){n._dispatcher(e)})),!0):this._dispatcher(e)},e}();n.DualScreenEngineDecorator=a},function(e,n,t){"use strict";var i=this&&this.__createBinding||(Object.create?function(e,n,t,i){void 0===i&&(i=t),Object.defineProperty(e,i,{enumerable:!0,get:function(){return n[t]}})}:function(e,n,t,i){void 0===i&&(i=t),e[i]=n[t]}),r=this&&this.__exportStar||function(e,n){for(var t in e)"default"===t||n.hasOwnProperty(t)||i(n,e,t)};Object.defineProperty(n,"__esModule",{value:!0}),r(t(42),n)},function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.ImagePlayer=void 0,t(43);var i=function(){function e(e){var n=this;this._images=[],this._activeImage=null,this.addImage=function(e){(!n._images.length||n._activeImage&&n._images[n._images.length-1].id===n._activeImage.id)&&n._loadImage(e),n._images.push(e)},this.setActive=function(e){if(!e){if(!n._activeImage)return;return n._imagePlayer.style.backgroundImage="none",n._activeImage=null,void n._onActiveChange(null)}n._activeImage&&e===n._activeImage.id||(clearTimeout(n._retryInterval),n._images.find((function(t,i){return e===t.id&&(n._onActiveChange(t),n._imagePlayer.style.backgroundImage="url('"+t.imageUrl+"')",n._activeImage=t,n._images[i+1]&&!n._images[i+1].loaded&&n._loadImage(n._images[i+1]),!0)})))},this.getVideoElement=function(){return n._imagePlayer},this._createImagePlayer=function(){var e=document.createElement("div");return e.classList.add("playkit-image-player"),e},this._loadImage=function(e,t){void 0===t&&(t=0);var i=new Image;i.onload=function(){e.loaded=!0,e.errored=!1,e.portrait=i.width<i.height},i.onerror=function(){e.errored=!0,t<3&&(n._retryInterval=setTimeout((function(){n._loadImage(e,t+1)}),2e3))},i.src=e.imageUrl},this.reset=function(){n._activeImage=null,n._images=[]},this._imagePlayer=this._createImagePlayer(),this._onActiveChange=e}return Object.defineProperty(e.prototype,"active",{get:function(){return this._activeImage},enumerable:!1,configurable:!0}),e}();n.ImagePlayer=i},function(e,n,t){var i=t(3),r=t(44);"string"==typeof(r=r.__esModule?r.default:r)&&(r=[[e.i,r,""]]);var a={insert:"head",singleton:!1};i(r,a);e.exports=r.locals||{}},function(e,n,t){"use strict";t.r(n);var i=t(1),r=t.n(i)()(!0);r.push([e.i,".playkit-image-player{height:100%;width:100%;background-position:center;background-repeat:no-repeat;background-size:contain;background-color:black}\n","",{version:3,sources:["webpack://image-player/image-player.scss"],names:[],mappings:"AAAA,sBAEI,WAAY,CACZ,UAAW,CACX,0BAA2B,CAC3B,2BAA4B,CAC5B,uBAAwB,CACxB,sBAAuB",sourcesContent:[":global {\n .playkit-image-player {\n height: 100%;\n width: 100%;\n background-position: center;\n background-repeat: no-repeat;\n background-size: contain;\n background-color: black;\n }\n}\n"],sourceRoot:""}]),n.default=r}]);
1
+ var KalturaPlayer="object"==typeof KalturaPlayer?KalturaPlayer:{};KalturaPlayer.plugins=KalturaPlayer.plugins||{},KalturaPlayer.plugins.dualscreen=function(e){var n={};function t(i){if(n[i])return n[i].exports;var r=n[i]={i:i,l:!1,exports:{}};return e[i].call(r.exports,r,r.exports,t),r.l=!0,r.exports}return t.m=e,t.c=n,t.d=function(e,n,i){t.o(e,n)||Object.defineProperty(e,n,{enumerable:!0,get:i})},t.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},t.t=function(e,n){if(1&n&&(e=t(e)),8&n)return e;if(4&n&&"object"==typeof e&&e&&e.__esModule)return e;var i=Object.create(null);if(t.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:e}),2&n&&"string"!=typeof e)for(var r in e)t.d(i,r,function(n){return e[n]}.bind(null,r));return i},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},t.p="",t(t.s=12)}([function(e,n){e.exports=KalturaPlayer.ui.preact},function(e,n,t){"use strict";e.exports=function(e){var n=[];return n.toString=function(){return this.map((function(n){var t=function(e,n){var t=e[1]||"",i=e[3];if(!i)return t;if(n&&"function"==typeof btoa){var r=(o=i,s=btoa(unescape(encodeURIComponent(JSON.stringify(o)))),l="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(s),"/*# ".concat(l," */")),a=i.sources.map((function(e){return"/*# sourceURL=".concat(i.sourceRoot||"").concat(e," */")}));return[t].concat(a).concat([r]).join("\n")}var o,s,l;return[t].join("\n")}(n,e);return n[2]?"@media ".concat(n[2]," {").concat(t,"}"):t})).join("")},n.i=function(e,t,i){"string"==typeof e&&(e=[[null,e,""]]);var r={};if(i)for(var a=0;a<this.length;a++){var o=this[a][0];null!=o&&(r[o]=!0)}for(var s=0;s<e.length;s++){var l=[].concat(e[s]);i&&r[l[0]]||(t&&(l[2]?l[2]="".concat(t," and ").concat(l[2]):l[2]=t),n.push(l))}},n}},function(e,n,t){"use strict";var i=this&&this.__createBinding||(Object.create?function(e,n,t,i){void 0===i&&(i=t),Object.defineProperty(e,i,{enumerable:!0,get:function(){return n[t]}})}:function(e,n,t,i){void 0===i&&(i=t),e[i]=n[t]}),r=this&&this.__exportStar||function(e,n){for(var t in e)"default"===t||n.hasOwnProperty(t)||i(n,e,t)};Object.defineProperty(n,"__esModule",{value:!0}),r(t(17),n),r(t(18),n),r(t(9),n),r(t(19),n),r(t(20),n),r(t(21),n)},function(e,n,t){"use strict";var i,r=function(){return void 0===i&&(i=Boolean(window&&document&&document.all&&!window.atob)),i},a=function(){var e={};return function(n){if(void 0===e[n]){var t=document.querySelector(n);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(e){t=null}e[n]=t}return e[n]}}(),o=[];function s(e){for(var n=-1,t=0;t<o.length;t++)if(o[t].identifier===e){n=t;break}return n}function l(e,n){for(var t={},i=[],r=0;r<e.length;r++){var a=e[r],l=n.base?a[0]+n.base:a[0],c=t[l]||0,d="".concat(l," ").concat(c);t[l]=c+1;var _=s(d),p={css:a[1],media:a[2],sourceMap:a[3]};-1!==_?(o[_].references++,o[_].updater(p)):o.push({identifier:d,updater:h(p,n),references:1}),i.push(d)}return i}function c(e){var n=document.createElement("style"),i=e.attributes||{};if(void 0===i.nonce){var r=t.nc;r&&(i.nonce=r)}if(Object.keys(i).forEach((function(e){n.setAttribute(e,i[e])})),"function"==typeof e.insert)e.insert(n);else{var o=a(e.insert||"head");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(n)}return n}var d,_=(d=[],function(e,n){return d[e]=n,d.filter(Boolean).join("\n")});function p(e,n,t,i){var r=t?"":i.media?"@media ".concat(i.media," {").concat(i.css,"}"):i.css;if(e.styleSheet)e.styleSheet.cssText=_(n,r);else{var a=document.createTextNode(r),o=e.childNodes;o[n]&&e.removeChild(o[n]),o.length?e.insertBefore(a,o[n]):e.appendChild(a)}}function u(e,n,t){var i=t.css,r=t.media,a=t.sourceMap;if(r?e.setAttribute("media",r):e.removeAttribute("media"),a&&"undefined"!=typeof btoa&&(i+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(a))))," */")),e.styleSheet)e.styleSheet.cssText=i;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(i))}}var y=null,g=0;function h(e,n){var t,i,r;if(n.singleton){var a=g++;t=y||(y=c(n)),i=p.bind(null,t,a,!1),r=p.bind(null,t,a,!0)}else t=c(n),i=u.bind(null,t,n),r=function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(t)};return i(e),function(n){if(n){if(n.css===e.css&&n.media===e.media&&n.sourceMap===e.sourceMap)return;i(e=n)}else r()}}e.exports=function(e,n){(n=n||{}).singleton||"boolean"==typeof n.singleton||(n.singleton=r());var t=l(e=e||[],n);return function(e){if(e=e||[],"[object Array]"===Object.prototype.toString.call(e)){for(var i=0;i<t.length;i++){var r=s(t[i]);o[r].references--}for(var a=l(e,n),c=0;c<t.length;c++){var d=s(t[c]);0===o[d].references&&(o[d].updater(),o.splice(d,1))}t=a}}}},function(e,n){e.exports=KalturaPlayer},function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.icons=void 0,function(e){e.HIDE_ICON_PATH="M4.29289 6.29289C4.68342 5.90237 5.31658 5.90237 5.70711 6.29289L8 8.58579L10.2929 6.29289C10.6834 5.90237 11.3166 5.90237 11.7071 6.29289C12.0976 6.68342 12.0976 7.31658 11.7071 7.70711L8.70711 10.7071C8.31658 11.0976 7.68342 11.0976 7.29289 10.7071L4.29289 7.70711C3.90237 7.31658 3.90237 6.68342 4.29289 6.29289Z",e.SWAP_ICON_PATH="M17.6744 9.27934L21.7563 13.3632L21.8282 13.4537L21.887 13.5492L21.9333 13.6489L21.9684 13.7556L21.9824 13.8172L21.9974 13.929L22 14L21.9897 14.1405L21.9824 14.1828L21.9535 14.2949L21.9231 14.3759L21.887 14.4508L21.8281 14.5463L21.7763 14.6137L21.7207 14.6744L17.6744 18.7207C17.3019 19.0931 16.6981 19.0931 16.3256 18.7207C15.9818 18.3769 15.9554 17.8359 16.2463 17.4617L16.3256 17.3719L18.7439 14.9536L12.9537 14.9537C12.4675 14.9537 12.0663 14.5899 12.0074 14.1196L12 14C12 13.5109 12.3682 13.1078 12.8425 13.0527L12.9537 13.0463L18.7426 13.0451L16.3256 10.6281C15.9798 10.2823 15.9551 9.73687 16.2515 9.36252L16.3256 9.27934C16.6981 8.90689 17.3019 8.90689 17.6744 9.27934ZM6.32562 5.27934C6.69807 4.90689 7.30193 4.90689 7.67438 5.27934L7.74849 5.36252C8.04493 5.73687 8.02023 6.28225 7.67438 6.6281L5.2574 9.04508L11.0463 9.04628L11.1575 9.0527C11.6318 9.10779 12 9.5109 12 10L11.9926 10.1196C11.9337 10.5899 11.5325 10.9537 11.0463 10.9537L5.25605 10.9536L7.67438 13.3719L7.75372 13.4617C8.04463 13.8359 8.01818 14.3769 7.67438 14.7207C7.30193 15.0931 6.69807 15.0931 6.32562 14.7207L2.25793 10.6523L2.18664 10.5668L2.12413 10.4708L2.07695 10.3759L2.03697 10.2639L2.01028 10.1405L2 10C2 9.95226 2.00351 9.90534 2.01036 9.85937L2.01758 9.81716L2.04651 9.70514L2.08932 9.59642L2.12415 9.52899L2.18631 9.43351L2.24369 9.36325L6.32562 5.27934Z",e.SIDE_BY_SIDE_ICON_PATH="M21.8083 4C22.4665 4 23 4.55964 23 5.25V18.75C23 19.4404 22.4665 20 21.8083 20H2.19167C1.53353 20 1 19.4404 1 18.75V5.25C1 4.55964 1.53353 4 2.19167 4H21.8083ZM15 6H3V18H15V6ZM12.999 8.967L13 9L12.998 8.94L12.999 8.967L13 9V15C13 15.5523 12.5523 16 12 16C11.4872 16 11.0645 15.614 11.0067 15.1166L11 15V11.414L6.70711 15.7071C6.34662 16.0676 5.77939 16.0953 5.3871 15.7903L5.29289 15.7071C4.93241 15.3466 4.90468 14.7794 5.2097 14.3871L5.29289 14.2929L9.584 10H6C5.48716 10 5.06449 9.61396 5.00673 9.11662L5 9C5 8.44772 5.44772 8 6 8L12.0193 8.00018C12.0427 8.00063 12.066 8.00189 12.0893 8.00397C12.1097 8.00575 12.1294 8.0081 12.149 8.01102C12.1659 8.01363 12.1834 8.0167 12.2007 8.02024C12.2227 8.02464 12.2444 8.02983 12.2658 8.03572C12.2815 8.0401 12.2969 8.04473 12.3121 8.04974C12.3318 8.05612 12.3516 8.06332 12.3711 8.0711L12.4232 8.09367C12.4439 8.10338 12.4643 8.11379 12.4843 8.12488C12.4964 8.1315 12.5086 8.13861 12.5207 8.146C12.5463 8.16172 12.5711 8.17849 12.5952 8.19631L12.6525 8.24221L12.6167 8.21279C12.6802 8.26255 12.7374 8.31982 12.7872 8.38325C12.7927 8.39016 12.7982 8.3974 12.8037 8.40469C12.8215 8.42887 12.8383 8.45372 12.8539 8.47934L12.8753 8.51594C12.8862 8.53571 12.8966 8.55611 12.9063 8.5769L12.9288 8.62866C12.9367 8.64842 12.9439 8.6682 12.9505 8.68826C12.9553 8.70315 12.9599 8.71854 12.9642 8.73401C12.9702 8.75556 12.9754 8.77725 12.9798 8.79921C12.9833 8.81662 12.9864 8.83405 12.989 8.85153L12.9972 8.92482L12.998 8.94L12.999 8.967Z",e.SHOW_ICON_PATH="M4.29289 10.7071C4.65338 11.0676 5.22061 11.0953 5.6129 10.7903L5.70711 10.7071L8 8.415L10.2929 10.7071C10.6534 11.0676 11.2206 11.0953 11.6129 10.7903L11.7071 10.7071C12.0676 10.3466 12.0953 9.77939 11.7903 9.3871L11.7071 9.29289L8.70711 6.29289C8.34662 5.93241 7.77939 5.90468 7.3871 6.2097L7.29289 6.29289L4.29289 9.29289C3.90237 9.68342 3.90237 10.3166 4.29289 10.7071Z",e.SWITCH_TO_SIDE_BY_SIDE_ICON_PATH="M20.997 3.924L20.998 3.945L20.999 3.98L21 4V10C21 10.5523 20.5523 11 20 11C19.4872 11 19.0645 10.614 19.0067 10.1166L19 10V6.416L14.7071 10.7071C14.3466 11.0676 13.7794 11.0953 13.3871 10.7903L13.2929 10.7071C12.9324 10.3466 12.9047 9.77939 13.2097 9.3871L13.2929 9.29289L17.586 5H14C13.4872 5 13.0645 4.61396 13.0067 4.11662L13 4C13 3.48716 13.386 3.06449 13.8834 3.00673L14 3L20.0332 3.00054C20.0503 3.00109 20.0683 3.00216 20.0862 3.0037C20.1079 3.00553 20.1285 3.00797 20.149 3.01102C20.166 3.01363 20.1834 3.0167 20.2007 3.02024C20.2227 3.02464 20.2444 3.02983 20.2658 3.03572C20.2815 3.0401 20.2969 3.04473 20.3121 3.04974C20.3318 3.05612 20.3516 3.06332 20.3711 3.0711L20.4232 3.09367C20.4439 3.10338 20.4643 3.11379 20.4843 3.12488C20.4964 3.1315 20.5086 3.13861 20.5207 3.146C20.5463 3.16172 20.5711 3.17849 20.5952 3.19631L20.6525 3.24221L20.6168 3.21279C20.6802 3.26255 20.7374 3.31982 20.7872 3.38325C20.7927 3.39016 20.7982 3.3974 20.8037 3.40469C20.8215 3.42887 20.8383 3.45373 20.8539 3.47934L20.8753 3.51594C20.8862 3.53571 20.8966 3.55611 20.9063 3.5769L20.9288 3.62866C20.9367 3.64842 20.9439 3.6682 20.9505 3.68826C20.9553 3.70315 20.9599 3.71854 20.9642 3.73401C20.9702 3.75556 20.9754 3.77725 20.9798 3.79921C20.9833 3.81662 20.9864 3.83405 20.989 3.85153L20.996 3.91075L20.996 3.919L20.997 3.921V3.924ZM3.002 20.059V20.071L3.00175 20.0593C3.00122 20.0503 3.00081 20.0413 3.00052 20.0323L3 14C3 13.4477 3.44772 13 4 13C4.51284 13 4.93551 13.386 4.99327 13.8834L5 14V17.586L9.29289 13.2929C9.65338 12.9324 10.2206 12.9047 10.6129 13.2097L10.7071 13.2929C11.0676 13.6534 11.0953 14.2206 10.7903 14.6129L10.7071 14.7071L6.416 19H10C10.5128 19 10.9355 19.386 10.9933 19.8834L11 20C11 20.5128 10.614 20.9355 10.1166 20.9933L10 21H4C3.99354 21 3.98709 20.9999 3.98066 20.9998C3.95732 20.9994 3.93401 20.9981 3.91075 20.996C3.89031 20.9943 3.87058 20.9919 3.85104 20.989C3.83405 20.9864 3.81662 20.9833 3.79927 20.9798C3.77725 20.9754 3.75556 20.9702 3.73416 20.9643C3.71854 20.9599 3.70315 20.9553 3.68786 20.9503C3.6682 20.9439 3.64842 20.9367 3.62894 20.9289L3.57678 20.9063C3.55611 20.8966 3.53571 20.8862 3.51572 20.8751C3.50361 20.8685 3.49139 20.8614 3.47929 20.854C3.45373 20.8383 3.42887 20.8215 3.40484 20.8037L3.34745 20.7578L3.38325 20.7872C3.31982 20.7374 3.26255 20.6802 3.21279 20.6168C3.20728 20.6098 3.20175 20.6026 3.19633 20.5953C3.17849 20.5711 3.16172 20.5463 3.14607 20.5207L3.12467 20.4841C3.11379 20.4643 3.10338 20.4439 3.09365 20.4231L3.07123 20.3713C3.06332 20.3516 3.05612 20.3318 3.04955 20.3117C3.04473 20.2969 3.0401 20.2815 3.03585 20.266C3.02983 20.2444 3.02464 20.2227 3.02017 20.2008C3.0167 20.1834 3.01363 20.1659 3.01102 20.1485L3.0037 20.0862L3.002 20.059Z",e.MediumSize=24,e.SmallSize=16}(n.icons||(n.icons={}))},function(e,n,t){"use strict";var i=this&&this.__createBinding||(Object.create?function(e,n,t,i){void 0===i&&(i=t),Object.defineProperty(e,i,{enumerable:!0,get:function(){return n[t]}})}:function(e,n,t,i){void 0===i&&(i=t),e[i]=n[t]}),r=this&&this.__exportStar||function(e,n){for(var t in e)"default"===t||n.hasOwnProperty(t)||i(n,e,t)};Object.defineProperty(n,"__esModule",{value:!0}),r(t(22),n)},function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.setSubtitlesOnTop=n.dimensionStyleToString=n.getClientY=n.getClientX=n.isInInterval=void 0,n.isInInterval=function(e,n,t){return!isNaN(e)&&!isNaN(n)&&!isNaN(t)&&n<=t&&e>=n&&e<=t},n.getClientX=function(e){return e instanceof MouseEvent?e.clientX:e.changedTouches&&e.changedTouches[0]&&e.changedTouches[0].clientX},n.getClientY=function(e){return e instanceof MouseEvent?e.clientY:e.changedTouches&&e.changedTouches[0]&&e.changedTouches[0].clientY},n.dimensionStyleToString=function(e){return e+"px"},n.setSubtitlesOnTop=function(e){e?document.getElementsByClassName("playkit-subtitles")[0].classList.add("moveToTop"):document.getElementsByClassName("playkit-subtitles")[0].classList.remove("moveToTop")}},function(e,n,t){var i=t(3),r=t(16);"string"==typeof(r=r.__esModule?r.default:r)&&(r=[[e.i,r,""]]);var a={insert:"head",singleton:!1};i(r,a);e.exports=r.locals||{}},function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.Position=void 0,function(e){e.BottomLeft="bottom-left",e.BottomRight="bottom-right",e.TopLeft="top-left",e.TopRight="top-right"}(n.Position||(n.Position={}))},function(e,n,t){"use strict";var i=this&&this.__createBinding||(Object.create?function(e,n,t,i){void 0===i&&(i=t),Object.defineProperty(e,i,{enumerable:!0,get:function(){return n[t]}})}:function(e,n,t,i){void 0===i&&(i=t),e[i]=n[t]}),r=this&&this.__exportStar||function(e,n){for(var t in e)"default"===t||n.hasOwnProperty(t)||i(n,e,t)};Object.defineProperty(n,"__esModule",{value:!0}),r(t(31),n)},function(e,n,t){var i=t(3),r=t(39);"string"==typeof(r=r.__esModule?r.default:r)&&(r=[[e.i,r,""]]);var a={insert:"head",singleton:!1};i(r,a);e.exports=r.locals||{}},function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.NAME=n.VERSION=n.Plugin=void 0;var i=t(13);Object.defineProperty(n,"Plugin",{enumerable:!0,get:function(){return i.DualScreen}});n.VERSION="1.7.2";n.NAME="@playkit-js/playkit-js-dual-screen";KalturaPlayer.core.registerPlugin("dualscreen",i.DualScreen)},function(e,n,t){"use strict";var i,r=this&&this.__extends||(i=function(e,n){return(i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,n){e.__proto__=n}||function(e,n){for(var t in n)n.hasOwnProperty(t)&&(e[t]=n[t])})(e,n)},function(e,n){function t(){this.constructor=e}i(e,n),e.prototype=null===n?Object.create(n):(t.prototype=n.prototype,new t)}),a=this&&this.__assign||function(){return(a=Object.assign||function(e){for(var n,t=1,i=arguments.length;t<i;t++)for(var r in n=arguments[t])Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r]);return e}).apply(this,arguments)};Object.defineProperty(n,"__esModule",{value:!0}),n.DualScreen=void 0;var o=t(0),s=t(14),l=t(25),c=t(2),d=t(29),_=t(30),p=t(10),u=t(32),y=t(33),g=t(37),h=t(7),f=t(40),A=t(41),m=t(4).core.EventType,v=["Playback","Live","Ads"],C=function(e){function n(n,t,i){var r=e.call(this,n,t,i)||this;return r._pipPosition=c.Position.BottomRight,r._removeActivesArr=[],r._playbackEnded=!1,r._resolveReadyPromise=function(){},r._secondaryPlayerType=c.PlayerType.VIDEO,r._pipPortraitMode=!1,r._makeReadyPromise=function(){return new Promise((function(e){r._resolveReadyPromise=e}))},r._getSecondaryPlayer=function(){return r._secondaryPlayerType===c.PlayerType.IMAGE?r._imagePlayer:r.secondaryKalturaPlayer},r._setMode=function(){switch(r._layout){case c.Layout.PIP:r._switchToPIP();break;case c.Layout.PIPInverse:r._switchToPIPInverse();break;case c.Layout.SingleMedia:r._switchToSingleMedia();break;case c.Layout.SingleMediaInverse:r._switchToSingleMediaInverse();break;case c.Layout.SideBySide:r._switchToSideBySide();break;case c.Layout.SideBySideInverse:r._switchToSideBySideInverse();break;default:r._switchToHidden()}},r._setDefaultMode=function(){switch(r.config.layout){case c.Layout.PIP:r._layout=r.config.inverse?c.Layout.PIPInverse:c.Layout.PIP;break;case c.Layout.SideBySide:r._layout=r.config.inverse?c.Layout.SideBySideInverse:c.Layout.SideBySide;break;case c.Layout.SingleMedia:r._layout=r.config.inverse?c.Layout.SingleMediaInverse:c.Layout.SingleMedia;break;default:r._layout=c.Layout.Hidden}r._pipPosition=r.config.position,r._pipPortraitMode=!1},r._setPipPosition=function(e){r._pipPosition=e},r.getPipPosition=function(){return r._pipPosition},r._switchToHidden=function(){r._layout=c.Layout.Hidden,r._removeActives()},r._switchToPIP=function(e){var n;void 0===e&&(e=c.Animations.None),r._layout===c.Layout.PIP&&r._removeActivesArr.length&&(null===(n=r._imagePlayer.active)||void 0===n?void 0:n.portrait)===r._pipPortraitMode||(r._pipPortraitMode=r._imagePlayer.active?r._imagePlayer.active.portrait:r._pipPortraitMode,r._layout=c.Layout.PIP,h.setSubtitlesOnTop(!0),r._removeActives(),r._removeActivesArr.push(r._player.ui.addComponent({label:"kaltura-dual-screen-pip",presets:v,container:c.ReservedPresetAreas.VideoContainer,get:function(){return o.h(s.PipParent,{animation:e,player:r._player})}})),r._removeActivesArr.push((function(){r._originalVideoElementParent.appendChild(r._player.getVideoElement())})),r._removeActivesArr.push(r._player.ui.addComponent({label:"kaltura-dual-screen-pip",presets:v,container:c.ReservedPresetAreas.InteractiveArea,get:function(){return o.h(p.ResponsiveManager,{onMinSize:function(){r._switchToSingleMedia()},onDefaultSize:r._setMode},o.h(y.DragAndSnapManager,{eventManager:r.eventManager,logger:r.logger,getPosition:r.getPipPosition,onPositionChanged:r._setPipPosition},o.h(s.PipChild,{animation:c.Animations.Fade,playerSizePercentage:r.config.childSizePercentage,player:r._getSecondaryPlayer(),hide:function(){return r._switchToSingleMedia()},onSideBySideSwitch:function(){return r._switchToSideBySide()},onInversePIP:function(){return r._switchToPIPInverse(c.Animations.Fade)},portrait:r._pipPortraitMode,aspectRatio:r.config.childAspectRatio})))}})))},r._switchToPIPInverse=function(e){void 0===e&&(e=c.Animations.None),r._layout===c.Layout.PIPInverse&&r._removeActivesArr.length||(r._layout=c.Layout.PIPInverse,h.setSubtitlesOnTop(!0),r._removeActives(),r._removeActivesArr.push(r._player.ui.addComponent({label:"kaltura-dual-screen-pip",presets:v,container:c.ReservedPresetAreas.VideoContainer,get:function(){return o.h(s.PipParent,{animation:e,player:r._getSecondaryPlayer()})}})),r._removeActivesArr.push((function(){r._originalVideoElementParent.appendChild(r._player.getVideoElement())})),r._removeActivesArr.push(r._player.ui.addComponent({label:"kaltura-dual-screen-pip",presets:v,container:c.ReservedPresetAreas.InteractiveArea,get:function(){return o.h(p.ResponsiveManager,{onMinSize:function(){r._switchToSingleMediaInverse()},onDefaultSize:r._setMode},o.h(y.DragAndSnapManager,{eventManager:r.eventManager,logger:r.logger,getPosition:r.getPipPosition,onPositionChanged:r._setPipPosition},o.h(s.PipChild,{animation:c.Animations.Fade,playerSizePercentage:r.config.childSizePercentage,player:r._player,hide:function(){return r._switchToSingleMediaInverse()},onSideBySideSwitch:function(){return r._switchToSideBySide()},onInversePIP:function(){return r._switchToPIP(c.Animations.Fade)},aspectRatio:r.config.childAspectRatio})))}})))},r._switchToSingleMedia=function(e){void 0===e&&(e=c.Animations.None),r._layout===c.Layout.SingleMedia&&r._removeActivesArr.length||(r._layout=c.Layout.SingleMedia,h.setSubtitlesOnTop(!1),r._removeActives(),r._removeActivesArr.push(r._player.ui.addComponent({label:"kaltura-dual-screen-pip",presets:v,container:c.ReservedPresetAreas.VideoContainer,get:function(){return o.h(s.PipParent,{animation:e,player:r._player})}})),r._removeActivesArr.push(r._player.ui.addComponent({label:"kaltura-dual-screen-pip-minimized",presets:v,container:c.ReservedPresetAreas.BottomBar,get:function(){return o.h(p.ResponsiveManager,{onDefaultSize:r._setMode},o.h(l.PipMinimized,{show:function(){return r._switchToPIP()},player:r._getSecondaryPlayer(),onInverse:function(){return r._switchToSingleMediaInverse(c.Animations.Fade)}}))}})))},r._switchToSingleMediaInverse=function(e){void 0===e&&(e=c.Animations.None),r._layout===c.Layout.SingleMediaInverse&&r._removeActivesArr.length||(r._layout=c.Layout.SingleMediaInverse,h.setSubtitlesOnTop(!1),r._removeActives(),r._removeActivesArr.push(r._player.ui.addComponent({label:"kaltura-dual-screen-pip",presets:v,container:c.ReservedPresetAreas.VideoContainer,get:function(){return o.h(s.PipParent,{animation:e,player:r._getSecondaryPlayer()})}})),r._removeActivesArr.push(r._player.ui.addComponent({label:"kaltura-dual-screen-pip-minimized",presets:v,container:c.ReservedPresetAreas.BottomBar,get:function(){return o.h(p.ResponsiveManager,{onDefaultSize:r._setMode},o.h(l.PipMinimized,{show:function(){return r._switchToPIPInverse()},player:r._player,onInverse:function(){return r._switchToSingleMedia(c.Animations.Fade)}}))}})))},r._switchToSideBySide=function(){if(r._layout!==c.Layout.SideBySide||!r._removeActivesArr.length){r._layout=c.Layout.SideBySide,h.setSubtitlesOnTop(!0),r._removeActives(),r._removeActivesArr.push((function(){r._originalVideoElementParent.appendChild(r._player.getVideoElement())}));var e={player:r._player,onExpand:function(){return r._switchToPIP(c.Animations.ScaleRight)}},n={player:r._getSecondaryPlayer(),onExpand:function(){return r._switchToPIPInverse(c.Animations.ScaleLeft)}};r._removeActivesArr.push(r._player.ui.addComponent({label:"kaltura-dual-screen-side-by-side",presets:v,container:c.ReservedPresetAreas.VideoContainer,get:function(){return o.h(g.SideBySideWrapper,{leftSideProps:e,rightSideProps:n,onSizeChange:r._setMode,onMinSize:r._switchToSingleMedia})}}))}},r._switchToSideBySideInverse=function(){if(r._layout!==c.Layout.SideBySideInverse||!r._removeActivesArr.length){r._layout=c.Layout.SideBySideInverse,h.setSubtitlesOnTop(!0),r._removeActives(),r._removeActivesArr.push((function(){r._originalVideoElementParent.appendChild(r._player.getVideoElement())}));var e={player:r._getSecondaryPlayer(),onExpand:function(){return r._switchToPIPInverse(c.Animations.ScaleRight)}},n={player:r._player,onExpand:function(){return r._switchToPIP(c.Animations.ScaleLeft)}};r._removeActivesArr.push(r._player.ui.addComponent({label:"kaltura-dual-screen-side-by-side",presets:v,container:c.ReservedPresetAreas.VideoContainer,get:function(){return o.h(g.SideBySideWrapper,{leftSideProps:e,rightSideProps:n,onSizeChange:r._setMode,onMinSize:r._switchToSingleMedia})}}))}},r._onActiveSlideChanged=function(e){if(e){var n=!1;r._layout===c.Layout.Hidden&&(n=!0,r._setDefaultMode());var t=!1;e.portrait!==r._pipPortraitMode&&(t=!0),(n||t&&r._layout===c.Layout.PIP)&&r._setMode()}else r._switchToHidden()},r._onSlideViewChanged=function(e,n){var t=e.playerViewModeId;if(n)r._switchToHidden();else switch(t){case"parent-only":r._layout!==c.Layout.SingleMedia&&r._switchToSingleMedia();break;case"pip-parent-in-large":r._layout!==c.Layout.PIP&&r._switchToPIP();break;case"pip-parent-in-small":r._layout!==c.Layout.PIPInverse&&r._switchToPIPInverse();break;case"sbs-parent-in-left":r._layout!==c.Layout.SideBySide&&r._switchToSideBySide();break;case"sbs-parent-in-right":r._layout!==c.Layout.SideBySideInverse&&r._switchToSideBySideInverse()}},r._player=t,r.secondaryKalturaPlayer=r._createSecondaryPlayer(),r._imagePlayer=new A.ImagePlayer(r._onActiveSlideChanged,r.config.slidesPreloadEnabled),r._readyPromise=r._makeReadyPromise(),r._addBindings(),r._layout=c.Layout.Hidden,r._pipPosition=r.config.position,r}return r(n,e),n.prototype.getEngineDecorator=function(e,n){return new f.DualScreenEngineDecorator(e,this,n)},Object.defineProperty(n.prototype,"ready",{get:function(){return this._readyPromise},enumerable:!1,configurable:!0}),n.prototype.getUIComponents=function(){return[{presets:v,container:c.ReservedPresetAreas.BottomBarRightControls,get:KalturaPlayer.ui.components.Remove,replaceComponent:KalturaPlayer.ui.components.Settings.displayName}]},n.prototype.loadMedia=function(){this._getSecondaryMedia(),this._getThumbs()},n.prototype.reset=function(){var e;this._setDefaultMode(),this._imagePlayer.reset(),null===(e=this._imageSyncManager)||void 0===e||e.reset(),this._readyPromise=this._makeReadyPromise()},n.prototype._addBindings=function(){var e=this;this.eventManager.listen(this.player,this.player.Event.RESIZE,(function(n){e.logger.debug(n)})),this.eventManager.listen(this.player,this.player.Event.PLAYBACK_ENDED,(function(){e._playbackEnded=!0})),this.eventManager.listenOnce(this.player,this.player.Event.FIRST_PLAY,(function(){e._originalVideoElementParent=e.player.getVideoElement().parentElement})),this.eventManager.listen(this.player,this.player.Event.PLAY,(function(){e._playbackEnded&&(e._playbackEnded=!1,e._setDefaultMode(),e._setMode())}))},n.prototype._removeActives=function(){this._removeActivesArr.forEach((function(e){e()})),this._removeActivesArr=[]},n.prototype._getThumbs=function(){var e=this._player.getService("kalturaCuepoints");null==e||e.registerTypes([e.CuepointType.SLIDE,e.CuepointType.VIEW_CHANGE])},n.prototype._getSecondaryMedia=function(){var e=this;this._player.provider.doRequest([{loader:u.SecondaryMediaLoader,params:{parentEntryId:this._player.sources.id}}]).then((function(n){var t,i;if(n&&n.has(u.SecondaryMediaLoader.id)){var r=n.get(u.SecondaryMediaLoader.id),a=null===(i=null===(t=null==r?void 0:r.response)||void 0===t?void 0:t.entries[0])||void 0===i?void 0:i.id;a?(e._secondaryPlayerType=c.PlayerType.VIDEO,e.eventManager.listenOnce(e.secondaryKalturaPlayer,m.CHANGE_SOURCE_ENDED,(function(){e._resolveReadyPromise()})),e._videoSyncManager=new d.VideoSyncManager(e.eventManager,e.player,e.secondaryKalturaPlayer,e.logger),e.eventManager.listen(e.secondaryKalturaPlayer,e.player.Event.FIRST_PLAYING,(function(){e.logger.debug("secondary player first playing - show dual mode"),e._setDefaultMode(),e._setMode()})),e.secondaryKalturaPlayer.loadMedia({entryId:a,ks:e._player.config.session.ks})):(e.logger.warn("Secondary entry id not found"),e._secondaryPlayerType=c.PlayerType.IMAGE,e._imageSyncManager=new _.ImageSyncManager(e.eventManager,e.player,e._imagePlayer,e.logger,e._onSlideViewChanged),e._resolveReadyPromise())}})).catch((function(n){e.logger.error(n)}))},n.prototype._createSecondaryPlayer=function(){var e=document.createElement("div");e.setAttribute("id","secondaryPlaceholder"),e.style.width="240px",e.style.height="135px",e.hidden=!0,document.body.appendChild(e);var n={targetId:"secondaryPlaceholder",disableUserCache:!0,playback:{muted:!0},ui:{disable:!0},provider:a(a({},this._player.config.provider),{ignoreServerConfig:!0})};return KalturaPlayer.setup(n)},n.isValid=function(){return!0},n.prototype.destroy=function(){this.eventManager.destroy()},n.defaultConfig={inverse:!1,layout:c.Layout.PIP,childSizePercentage:30,childAspectRatio:{width:16,height:9},position:c.Position.BottomRight,slidesPreloadEnabled:!0},n}(KalturaPlayer.core.BasePlugin);n.DualScreen=C},function(e,n,t){"use strict";var i=this&&this.__createBinding||(Object.create?function(e,n,t,i){void 0===i&&(i=t),Object.defineProperty(e,i,{enumerable:!0,get:function(){return n[t]}})}:function(e,n,t,i){void 0===i&&(i=t),e[i]=n[t]}),r=this&&this.__exportStar||function(e,n){for(var t in e)"default"===t||n.hasOwnProperty(t)||i(n,e,t)};Object.defineProperty(n,"__esModule",{value:!0}),r(t(15),n),r(t(24),n)},function(e,n,t){"use strict";var i,r=this&&this.__extends||(i=function(e,n){return(i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,n){e.__proto__=n}||function(e,n){for(var t in n)n.hasOwnProperty(t)&&(e[t]=n[t])})(e,n)},function(e,n){function t(){this.constructor=e}i(e,n),e.prototype=null===n?Object.create(n):(t.prototype=n.prototype,new t)}),a=this&&this.__decorate||function(e,n,t,i){var r,a=arguments.length,o=a<3?n:null===i?i=Object.getOwnPropertyDescriptor(n,t):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,n,t,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(o=(a<3?r(o):a>3?r(n,t,o):r(n,t))||o);return a>3&&o&&Object.defineProperty(n,t,o),o};Object.defineProperty(n,"__esModule",{value:!0}),n.PipChild=void 0;var o=t(0),s=t(8),l=t(2),c=t(5),d=t(6),_=KalturaPlayer.ui.redux.connect,p=KalturaPlayer.ui,u=p.utils,y=p.reducers,g=KalturaPlayer.ui.components.Icon,h=function(e){return{playerHover:e.shell.playerHover,guiClientRect:e.shell.guiClientRect,prePlayback:e.engine.prePlayback}},f=function(e){function n(){var n=null!==e&&e.apply(this,arguments)||this;return n.playerContainerRef=o.createRef(),n.pipContainerRef=o.createRef(),n}return r(n,e),n.prototype.componentDidMount=function(){var e=this.props.player;this.playerContainerRef.current.prepend(e.getVideoElement()),this.props.setDraggableTarget(this.playerContainerRef.current)},n.prototype._renderInnerButtons=function(){var e=this.props,n=e.onSideBySideSwitch,t=e.onInversePIP;return o.h("div",{className:s.innerButtons},o.h(d.Button,{className:s.iconContainer,onClick:t,tooltip:{label:l.Labels.SwitchScreen,type:"bottom-left"}},o.h(g,{id:"dualscreen-pip-swap",height:c.icons.MediumSize,width:c.icons.MediumSize,viewBox:"0 0 "+c.icons.MediumSize+" "+c.icons.MediumSize,path:c.icons.SWAP_ICON_PATH})),o.h(d.Button,{className:s.iconContainer,onClick:n,tooltip:{label:l.Labels.SideBySide,type:"bottom"}},o.h(g,{id:"dualscreen-pip-side-by-side",height:c.icons.MediumSize,width:c.icons.MediumSize,viewBox:"0 0 "+c.icons.MediumSize+" "+c.icons.MediumSize,path:c.icons.SIDE_BY_SIDE_ICON_PATH})))},n.prototype._renderHideButton=function(){return o.h(d.Button,{className:s.hideContainer,onClick:this.props.hide},o.h(o.Fragment,null,o.h("div",{className:s.iconContainer},o.h(g,{id:"dualscreen-pip-hide",height:c.icons.SmallSize,width:c.icons.SmallSize,viewBox:"0 0 "+c.icons.SmallSize+" "+c.icons.SmallSize,path:c.icons.HIDE_ICON_PATH})),l.Labels.Hide))},n.prototype.render=function(e){var n=[s.childPlayer];if(e.isDragging&&n.push(s.dragging),e.playerHover||n.push(s.hovering),!e.prePlayback&&e.animation)switch(e.animation){case l.Animations.Fade:n.push(s.animatedFade);break;case l.Animations.ScaleRight:n.push(s.animatedScaleRight);break;case l.Animations.ScaleLeft:n.push(s.animatedScaleLeft)}var t=e.guiClientRect.height*e.playerSizePercentage/100,i=t*e.aspectRatio.width/e.aspectRatio.height,r={height:(e.portrait?i:t)+"px",width:(e.portrait?t:i)+"px"};return o.h("div",{className:n.join(" "),ref:this.pipContainerRef},this._renderHideButton(),o.h("div",{className:s.playerWrapper},o.h("div",{className:s.playerContainer,style:r,ref:this.playerContainerRef}),this._renderInnerButtons()))},n=a([_(h,u.bindActions(y.shell.actions))],n)}(o.Component);n.PipChild=f},function(e,n,t){"use strict";t.r(n);var i=t(1),r=t.n(i)()(!0);r.push([e.i,".pip__iconContainer___1Iede{height:28px;width:28px;opacity:0.8;cursor:pointer}.pip__innerButtons___2a1EM{display:flex;position:absolute;height:60px;left:0px;top:0px;padding:8px;background:linear-gradient(180deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%);width:100%}.pip__innerButtons___2a1EM .pip__iconContainer___1Iede:hover{background:#444444;border-radius:4px;opacity:1}.pip__parentPlayer___2-yc2{position:absolute;left:0}.pip__childPlayer___2pP9Z{position:relative}.pip__childPlayer___2pP9Z video{position:relative}.pip__childPlayer___2pP9Z.pip__hovering___2vOss .pip__innerButtons___2a1EM,.pip__childPlayer___2pP9Z.pip__dragging___2tJAq .pip__innerButtons___2a1EM{display:none}.pip__childPlayer___2pP9Z.pip__hovering___2vOss .pip__hideContainer___1ukWV{display:none}.pip__childPlayer___2pP9Z.pip__dragging___2tJAq .pip__hideContainer___1ukWV{visibility:hidden}.pip__childPlayer___2pP9Z .pip__hideContainer___1ukWV{position:relative;width:66px;height:32px;margin-bottom:5px;margin-left:auto;display:flex;flex-direction:row;justify-content:center;align-items:center;cursor:pointer;color:#ffffff;font-style:normal;font-weight:normal;font-size:14px;line-height:18px;background:rgba(0,0,0,0.6);border-radius:4px}.pip__childPlayer___2pP9Z .pip__hideContainer___1ukWV:hover{background:rgba(0,0,0,0.7)}.pip__childPlayer___2pP9Z .pip__hideContainer___1ukWV .pip__iconContainer___1Iede{margin-right:8px;height:16px;width:16px}.pip__childPlayer___2pP9Z .pip__playerWrapper___3Py0v{position:relative}.pip__childPlayer___2pP9Z .pip__playerWrapper___3Py0v .pip__playerContainer___1-Lc5{border-radius:8px;overflow:hidden;box-shadow:0 0 40px 0 rgba(0,0,0,0.2),0 0 4px 0 rgba(0,0,0,0.3)}.pip__childPlayer___2pP9Z .pip__playerWrapper___3Py0v .pip__innerButtons___2a1EM{flex-direction:row-reverse;border-radius:8px;pointer-events:none}.pip__childPlayer___2pP9Z .pip__playerWrapper___3Py0v .pip__innerButtons___2a1EM *{pointer-events:auto}.pip__childPlayer___2pP9Z .pip__playerWrapper___3Py0v .pip__innerButtons___2a1EM .pip__iconContainer___1Iede{display:inline-block;padding:2px}.pip__childPlayer___2pP9Z .pip__playerWrapper___3Py0v .pip__innerButtons___2a1EM .pip__iconContainer___1Iede:first-child{margin-left:8px}.pip__animatedFade___10GqM{animation:pip__fading___1mos0 .3s linear}.pip__animatedScaleRight___HCrBS{animation:pip__scalingRight___349J6 .3s linear}.pip__animatedScaleLeft___1mbwl{animation:pip__scalingLeft___3AIHS .3s linear}@keyframes pip__scalingRight___349J6{0%{transform:scale(0.5) translate(-50%)}100%{transform:scale(1) translate(0%)}}@keyframes pip__scalingLeft___3AIHS{0%{transform:scale(0.5) translate(50%)}100%{transform:scale(1) translate(0%)}}@keyframes pip__fading___1mos0{0%{opacity:0}100%{opacity:1}}.playkit-subtitles.moveToTop{z-index:1}\n","",{version:3,sources:["webpack://styles/_styles.scss","webpack://styles/_variables.scss","webpack://components/pip/pip.scss"],names:[],mappings:"AAEA,4BACE,WCHkB,CDIlB,UCJkB,CDKlB,WAAY,CACZ,cAAe,CAChB,2BAGC,YAAa,CACb,iBAAkB,CAClB,WAAY,CACZ,QAAS,CACT,OAAQ,CACR,WAAY,CACZ,0EAAiF,CACjF,UAAW,CARb,6DAYM,kBAAmB,CACnB,iBAAkB,CAClB,SAAU,CEjBhB,2BACE,iBAAkB,CAClB,MAAO,CACR,0BAEC,iBAAkB,CADpB,gCAGI,iBAAkB,CAHtB,sJASM,YAAa,CATnB,4EAaI,YAAa,CAbjB,4EAgBI,iBAAkB,CAhBtB,sDAoBI,iBAAkB,CAClB,UAAW,CACX,WA7BwB,CA8BxB,iBA7BoB,CA8BpB,gBAAiB,CAEjB,YAAa,CACb,kBAAmB,CACnB,sBAAuB,CACvB,kBAAmB,CAEnB,cAAe,CACf,aAAc,CACd,iBAAkB,CAClB,kBAAmB,CACnB,cAAe,CACf,gBAAiB,CAEjB,0BAA8B,CAC9B,iBAAkB,CAvCtB,4DA0CM,0BAA8B,CA1CpC,kFA8CM,gBAAiB,CACjB,WDxDwB,CCyDxB,UDzDwB,CCS9B,sDAqDI,iBAAkB,CArDtB,oFAwDM,iBAAkB,CAClB,eAAgB,CAChB,+DAAuE,CA1D7E,iFA8DM,0BAA2B,CAC3B,iBAAkB,CAClB,mBAAoB,CAhE1B,mFAkEQ,mBAAoB,CAlE5B,6GAsEQ,oBAAqB,CACrB,WAAY,CAvEpB,yHAyEU,eAAgB,CACjB,2BAOP,wCAA4C,CAC7C,iCAGC,8CAAkD,CACnD,gCAGC,6CAAiD,CAClD,qCAGC,GACE,oCAAqC,CAEvC,KACE,gCAAiC,CAAA,CAIrC,oCACE,GACE,mCAAoC,CAEtC,KACE,gCAAiC,CAAA,CAIrC,+BACE,GACE,SAAU,CAEZ,KACE,SAAU,CAAA,CAId,6BAEI,SAAU",sourcesContent:["@import '~styles/variables';\n\n.iconContainer {\n height: $smallIconSize;\n width: $smallIconSize;\n opacity: 0.8;\n cursor: pointer;\n}\n\n.innerButtons {\n display: flex;\n position: absolute;\n height: 60px;\n left: 0px;\n top: 0px;\n padding: 8px;\n background: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);\n width: 100%;\n\n .iconContainer {\n &:hover {\n background: #444444;\n border-radius: 4px;\n opacity: 1;\n }\n }\n}\n","$smallIconSize: 28px;\n$smallBorderLessIconSize: 16px;\n$animation-duration: 0.3s;\n","@import '~styles/variables';\n@import '~styles/styles';\n\n$hide-container-height: 32px;\n$hide-container-gap: 5px;\n\n.parentPlayer {\n position: absolute;\n left: 0;\n}\n.childPlayer {\n position: relative;\n video {\n position: relative;\n }\n\n &.hovering,\n &.dragging {\n .innerButtons {\n display: none;\n }\n }\n &.hovering .hideContainer {\n display: none;\n }\n &.dragging .hideContainer {\n visibility: hidden;\n }\n\n .hideContainer {\n position: relative;\n width: 66px;\n height: $hide-container-height;\n margin-bottom: $hide-container-gap;\n margin-left: auto;\n\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n\n cursor: pointer;\n color: #ffffff;\n font-style: normal;\n font-weight: normal;\n font-size: 14px;\n line-height: 18px;\n\n background: rgba(0, 0, 0, 0.6);\n border-radius: 4px;\n\n &:hover {\n background: rgba(0, 0, 0, 0.7);\n }\n\n .iconContainer {\n margin-right: 8px;\n height: $smallBorderLessIconSize;\n width: $smallBorderLessIconSize;\n }\n }\n\n .playerWrapper {\n position: relative;\n\n .playerContainer {\n border-radius: 8px;\n overflow: hidden;\n box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.2), 0 0 4px 0 rgba(0, 0, 0, 0.3);\n }\n\n .innerButtons {\n flex-direction: row-reverse;\n border-radius: 8px;\n pointer-events: none;\n * {\n pointer-events: auto;\n }\n\n .iconContainer {\n display: inline-block;\n padding: 2px;\n &:first-child {\n margin-left: 8px;\n }\n }\n }\n }\n}\n\n.animatedFade {\n animation: fading $animation-duration linear;\n}\n\n.animatedScaleRight {\n animation: scalingRight $animation-duration linear;\n}\n\n.animatedScaleLeft {\n animation: scalingLeft $animation-duration linear;\n}\n\n@keyframes scalingRight {\n 0% {\n transform: scale(0.5) translate(-50%);\n }\n 100% {\n transform: scale(1) translate(0%);\n }\n}\n\n@keyframes scalingLeft {\n 0% {\n transform: scale(0.5) translate(50%);\n }\n 100% {\n transform: scale(1) translate(0%);\n }\n}\n\n@keyframes fading {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}\n\n:global {\n .playkit-subtitles.moveToTop {\n z-index: 1;\n }\n}\n"],sourceRoot:""}]),r.locals={iconContainer:"pip__iconContainer___1Iede",innerButtons:"pip__innerButtons___2a1EM",parentPlayer:"pip__parentPlayer___2-yc2",childPlayer:"pip__childPlayer___2pP9Z",hovering:"pip__hovering___2vOss",dragging:"pip__dragging___2tJAq",hideContainer:"pip__hideContainer___1ukWV",playerWrapper:"pip__playerWrapper___3Py0v",playerContainer:"pip__playerContainer___1-Lc5",animatedFade:"pip__animatedFade___10GqM",fading:"pip__fading___1mos0",animatedScaleRight:"pip__animatedScaleRight___HCrBS",scalingRight:"pip__scalingRight___349J6",animatedScaleLeft:"pip__animatedScaleLeft___1mbwl",scalingLeft:"pip__scalingLeft___3AIHS"},n.default=r},function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.Animations=void 0,function(e){e.None="None",e.Fade="Fade",e.ScaleRight="ScaleRight",e.ScaleLeft="ScaleLeft",e.Slide="Slide"}(n.Animations||(n.Animations={}))},function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.Layout=void 0,function(e){e.PIP="PIP",e.PIPInverse="PIPInverse",e.SingleMedia="SingleMedia",e.SingleMediaInverse="SingleMediaInverse",e.SideBySide="SideBySide",e.SideBySideInverse="SideBySideInverse",e.Hidden="Hidden"}(n.Layout||(n.Layout={}))},function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.ReservedPresetAreas=void 0,function(e){e.PresetFloating="PresetFloating",e.BottomBar="BottomBar",e.BottomBarLeftControls="BottomBarLeftControls",e.BottomBarRightControls="BottomBarRightControls",e.TopBarLeftControls="TopBarLeftControls",e.TopBarRightControls="TopBarRightControls",e.SidePanelTop="SidePanelTop",e.InteractiveAreaSidePanelLeft="SidePanelLeft",e.SidePanelRight="SidePanelRight",e.SidePanelBottom="SidePanelBottom",e.PresetArea="PresetArea",e.InteractiveArea="InteractiveArea",e.PlayerArea="PlayerArea",e.VideoArea="VideoArea",e.VideoContainer="VideoContainer"}(n.ReservedPresetAreas||(n.ReservedPresetAreas={}))},function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.Labels=void 0,function(e){e.Hide="Hide",e.Show="Show",e.ExpandScreen="Expand Screen",e.SideBySide="Side by Side",e.SwitchScreen="Switch Screen"}(n.Labels||(n.Labels={}))},function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.PlayerType=void 0,function(e){e.IMAGE="image",e.VIDEO="video"}(n.PlayerType||(n.PlayerType={}))},function(e,n,t){"use strict";var i=this&&this.__assign||function(){return(i=Object.assign||function(e){for(var n,t=1,i=arguments.length;t<i;t++)for(var r in n=arguments[t])Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r]);return e}).apply(this,arguments)};Object.defineProperty(n,"__esModule",{value:!0}),n.Button=void 0;var r=t(0),a=t(23),o=KalturaPlayer.ui.components.Tooltip;n.Button=function(e){var n=e.onClick,t=e.className,s=e.children,l=e.tooltip,c={className:t,onMouseUp:a.useCallback((function(e){e.stopPropagation(),n()}),[n]),role:"button"};return l&&(c["aria-label"]=l.label),r.h("div",i({},c),l?r.h(o,{label:l.label,type:l.type},s):s)}},function(e,n,t){"use strict";t.r(n),t.d(n,"useState",(function(){return g})),t.d(n,"useReducer",(function(){return h})),t.d(n,"useEffect",(function(){return f})),t.d(n,"useLayoutEffect",(function(){return A})),t.d(n,"useRef",(function(){return m})),t.d(n,"useImperativeHandle",(function(){return v})),t.d(n,"useMemo",(function(){return C})),t.d(n,"useCallback",(function(){return P})),t.d(n,"useContext",(function(){return b})),t.d(n,"useDebugValue",(function(){return S})),t.d(n,"useErrorBoundary",(function(){return B}));var i,r,a,o=t(0),s=0,l=[],c=o.options.__b,d=o.options.__r,_=o.options.diffed,p=o.options.__c,u=o.options.unmount;function y(e,n){o.options.__h&&o.options.__h(r,e,s||n),s=0;var t=r.__H||(r.__H={__:[],__h:[]});return e>=t.__.length&&t.__.push({}),t.__[e]}function g(e){return s=1,h(x,e)}function h(e,n,t){var a=y(i++,2);return a.t=e,a.__c||(a.__=[t?t(n):x(void 0,n),function(e){var n=a.t(a.__[0],e);a.__[0]!==n&&(a.__=[n,a.__[1]],a.__c.setState({}))}],a.__c=r),a.__}function f(e,n){var t=y(i++,3);!o.options.__s&&w(t.__H,n)&&(t.__=e,t.__H=n,r.__H.__h.push(t))}function A(e,n){var t=y(i++,4);!o.options.__s&&w(t.__H,n)&&(t.__=e,t.__H=n,r.__h.push(t))}function m(e){return s=5,C((function(){return{current:e}}),[])}function v(e,n,t){s=6,A((function(){"function"==typeof e?e(n()):e&&(e.current=n())}),null==t?t:t.concat(e))}function C(e,n){var t=y(i++,7);return w(t.__H,n)&&(t.__=e(),t.__H=n,t.__h=e),t.__}function P(e,n){return s=8,C((function(){return e}),n)}function b(e){var n=r.context[e.__c],t=y(i++,9);return t.c=e,n?(null==t.__&&(t.__=!0,n.sub(r)),n.props.value):e.__}function S(e,n){o.options.useDebugValue&&o.options.useDebugValue(n?n(e):e)}function B(e){var n=y(i++,10),t=g();return n.__=e,r.componentDidCatch||(r.componentDidCatch=function(e){n.__&&n.__(e),t[1](e)}),[t[0],function(){t[1](void 0)}]}function M(){l.forEach((function(e){if(e.__P)try{e.__H.__h.forEach(E),e.__H.__h.forEach(L),e.__H.__h=[]}catch(n){e.__H.__h=[],o.options.__e(n,e.__v)}})),l=[]}o.options.__b=function(e){r=null,c&&c(e)},o.options.__r=function(e){d&&d(e),i=0;var n=(r=e.__c).__H;n&&(n.__h.forEach(E),n.__h.forEach(L),n.__h=[])},o.options.diffed=function(e){_&&_(e);var n=e.__c;n&&n.__H&&n.__H.__h.length&&(1!==l.push(n)&&a===o.options.requestAnimationFrame||((a=o.options.requestAnimationFrame)||function(e){var n,t=function(){clearTimeout(i),I&&cancelAnimationFrame(n),setTimeout(e)},i=setTimeout(t,100);I&&(n=requestAnimationFrame(t))})(M)),r=void 0},o.options.__c=function(e,n){n.some((function(e){try{e.__h.forEach(E),e.__h=e.__h.filter((function(e){return!e.__||L(e)}))}catch(t){n.some((function(e){e.__h&&(e.__h=[])})),n=[],o.options.__e(t,e.__v)}})),p&&p(e,n)},o.options.unmount=function(e){u&&u(e);var n=e.__c;if(n&&n.__H)try{n.__H.__.forEach(E)}catch(e){o.options.__e(e,n.__v)}};var I="function"==typeof requestAnimationFrame;function E(e){var n=r;"function"==typeof e.__c&&e.__c(),r=n}function L(e){var n=r;e.__c=e.__(),r=n}function w(e,n){return!e||e.length!==n.length||n.some((function(n,t){return n!==e[t]}))}function x(e,n){return"function"==typeof n?n(e):n}},function(e,n,t){"use strict";var i,r=this&&this.__extends||(i=function(e,n){return(i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,n){e.__proto__=n}||function(e,n){for(var t in n)n.hasOwnProperty(t)&&(e[t]=n[t])})(e,n)},function(e,n){function t(){this.constructor=e}i(e,n),e.prototype=null===n?Object.create(n):(t.prototype=n.prototype,new t)}),a=this&&this.__decorate||function(e,n,t,i){var r,a=arguments.length,o=a<3?n:null===i?i=Object.getOwnPropertyDescriptor(n,t):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,n,t,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(o=(a<3?r(o):a>3?r(n,t,o):r(n,t))||o);return a>3&&o&&Object.defineProperty(n,t,o),o};Object.defineProperty(n,"__esModule",{value:!0}),n.PipParent=void 0;var o=t(0),s=t(8),l=t(2),c=KalturaPlayer.ui.redux.connect,d=function(e){return{playerHover:e.shell.playerHover,guiClientRect:e.shell.guiClientRect,prePlayback:e.engine.prePlayback}},_=function(e){function n(){var n=null!==e&&e.apply(this,arguments)||this;return n.videoContainerRef=o.createRef(),n}return r(n,e),n.prototype.componentDidMount=function(){var e,n,t=this.props.player;null===(n=null===(e=this.videoContainerRef)||void 0===e?void 0:e.current)||void 0===n||n.appendChild(t.getVideoElement())},n.prototype.render=function(e){var n=[s.videoContainer,s.parentPlayer];if(!e.prePlayback&&e.animation)switch(e.animation){case l.Animations.Fade:n.push(s.animatedFade);break;case l.Animations.ScaleRight:n.push(s.animatedScaleRight);break;case l.Animations.ScaleLeft:n.push(s.animatedScaleLeft)}var t={height:e.guiClientRect.height+"px",width:e.guiClientRect.width+"px"};return o.h("div",{className:n.join(" "),style:t,ref:this.videoContainerRef})},n=a([c(d)],n)}(o.Component);n.PipParent=_},function(e,n,t){"use strict";var i=this&&this.__createBinding||(Object.create?function(e,n,t,i){void 0===i&&(i=t),Object.defineProperty(e,i,{enumerable:!0,get:function(){return n[t]}})}:function(e,n,t,i){void 0===i&&(i=t),e[i]=n[t]}),r=this&&this.__exportStar||function(e,n){for(var t in e)"default"===t||n.hasOwnProperty(t)||i(n,e,t)};Object.defineProperty(n,"__esModule",{value:!0}),r(t(26),n)},function(e,n,t){"use strict";var i,r=this&&this.__extends||(i=function(e,n){return(i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,n){e.__proto__=n}||function(e,n){for(var t in n)n.hasOwnProperty(t)&&(e[t]=n[t])})(e,n)},function(e,n){function t(){this.constructor=e}i(e,n),e.prototype=null===n?Object.create(n):(t.prototype=n.prototype,new t)});Object.defineProperty(n,"__esModule",{value:!0}),n.PipMinimized=void 0;var a=t(0),o=t(27),s=t(5),l=t(6),c=t(2),d=KalturaPlayer.ui.components.Icon,_=function(e){function n(){var n=null!==e&&e.apply(this,arguments)||this;return n.ref=a.createRef(),n._renderHoverButton=function(){var e=n.props,t=e.show,i=e.onInverse,r=e.hideButtons;return a.h(a.Fragment,null,!r&&a.h(l.Button,{onClick:t,className:o.showContainer},a.h(a.Fragment,null,a.h("div",{className:o.iconContainer},a.h(d,{id:"dualscreen-pip-minimized-show",height:s.icons.SmallSize,width:s.icons.SmallSize,viewBox:"0 0 "+s.icons.SmallSize+" "+s.icons.SmallSize,path:s.icons.SHOW_ICON_PATH})),c.Labels.Show)),a.h(l.Button,{onClick:i,className:[o.innerButtons,r?o.tinyInnerButtons:""].join(" ")},a.h("div",{className:o.iconContainer},a.h(d,{id:"dualscreen-pip-minimized-swap",height:s.icons.MediumSize,width:s.icons.MediumSize,viewBox:"0 0 "+s.icons.MediumSize+" "+s.icons.MediumSize,path:s.icons.SWAP_ICON_PATH}))))},n}return r(n,e),n.prototype.componentDidMount=function(){this.ref.current.appendChild(this.props.player.getVideoElement())},n.prototype.render=function(e){return a.h("div",{className:o.childPlayerContainer},a.h("div",{ref:this.ref,className:[o.childPlayer,e.hideButtons?o.tinyChildPlayer:""].join(" ")}),this._renderHoverButton())},n}(a.Component);n.PipMinimized=_},function(e,n,t){var i=t(3),r=t(28);"string"==typeof(r=r.__esModule?r.default:r)&&(r=[[e.i,r,""]]);var a={insert:"head",singleton:!1};i(r,a);e.exports=r.locals||{}},function(e,n,t){"use strict";t.r(n);var i=t(1),r=t.n(i)()(!0);r.push([e.i,".pip-minimized__iconContainer___3jsjw{height:28px;width:28px;opacity:0.8;cursor:pointer}.pip-minimized__innerButtons___1Ql12{display:flex;position:absolute;height:60px;left:0px;top:0px;padding:8px;background:linear-gradient(180deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%);width:100%}.pip-minimized__innerButtons___1Ql12 .pip-minimized__iconContainer___3jsjw:hover{background:#444444;border-radius:4px;opacity:1}.pip-minimized__childPlayerContainer___3P_xz{position:absolute;top:0;right:0;transform:translateY(-100%);animation:pip-minimized__fading___CAAdq .3s linear}.pip-minimized__childPlayerContainer___3P_xz video{position:relative}.pip-minimized__childPlayerContainer___3P_xz .pip-minimized__childPlayer___3PYNG{width:106px;height:60px;box-shadow:0px 0px 0px 1px rgba(0,0,0,0.2),0px 8px 60px -16px rgba(0,0,0,0.2);border-radius:8px;overflow:hidden}.pip-minimized__childPlayerContainer___3P_xz .pip-minimized__childPlayer___3PYNG.pip-minimized__tinyChildPlayer___2LImk{height:34px;width:60px}.pip-minimized__childPlayerContainer___3P_xz .pip-minimized__showContainer___3jA3b{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;padding:8px;cursor:pointer;position:absolute;width:66px;height:32px;right:0px;top:calc((32px + 5px) * -1);color:#ffffff;font-style:normal;font-weight:normal;font-size:14px;line-height:18px;background:rgba(0,0,0,0.6);border-radius:4px}.pip-minimized__childPlayerContainer___3P_xz .pip-minimized__showContainer___3jA3b:hover{background:rgba(0,0,0,0.7)}.pip-minimized__childPlayerContainer___3P_xz .pip-minimized__showContainer___3jA3b .pip-minimized__iconContainer___3jsjw{height:16px;width:16px;margin-right:8px}.pip-minimized__childPlayerContainer___3P_xz .pip-minimized__innerButtons___1Ql12{border-radius:8px;justify-content:center;align-items:center}.pip-minimized__childPlayerContainer___3P_xz .pip-minimized__innerButtons___1Ql12.pip-minimized__tinyInnerButtons___3NhMO{height:34px}.pip-minimized__childPlayerContainer___3P_xz .pip-minimized__innerButtons___1Ql12 .pip-minimized__iconContainer___3jsjw:hover{background:transparent}@keyframes pip-minimized__fading___CAAdq{0%{opacity:0}100%{opacity:1}}\n","",{version:3,sources:["webpack://styles/_styles.scss","webpack://styles/_variables.scss","webpack://components/pip-minimized/pip-minimized.scss"],names:[],mappings:"AAEA,sCACE,WCHkB,CDIlB,UCJkB,CDKlB,WAAY,CACZ,cAAe,CAChB,qCAGC,YAAa,CACb,iBAAkB,CAClB,WAAY,CACZ,QAAS,CACT,OAAQ,CACR,WAAY,CACZ,0EAAiF,CACjF,UAAW,CARb,iFAYM,kBAAmB,CACnB,iBAAkB,CAClB,SAAU,CElBhB,6CAIE,iBAAkB,CAClB,KAAM,CACN,OAAQ,CACR,2BAA4B,CAC5B,kDAA4C,CAR9C,mDAEI,iBAAkB,CAFtB,iFAUI,WAAY,CACZ,WAAY,CACZ,6EAAqF,CACrF,iBAAkB,CAClB,eAAgB,CAdpB,wHAgBM,WAAY,CACZ,UAAW,CAjBjB,mFAsBI,YAAa,CACb,kBAAmB,CACnB,wBAAyB,CACzB,kBAAmB,CACnB,WAAY,CACZ,cAAe,CAEf,iBAAkB,CAClB,UAAW,CACX,WAlCwB,CAmCxB,SAAU,CACV,2BAAoE,CAEpE,aAAc,CACd,iBAAkB,CAClB,kBAAmB,CACnB,cAAe,CACf,gBAAiB,CAEjB,0BAA8B,CAC9B,iBAAkB,CA1CtB,yFA6CM,0BAA8B,CA7CpC,yHAgDM,WAAY,CACZ,UAAW,CACX,gBAAiB,CAlDvB,kFAuDI,iBAAkB,CAClB,sBAAuB,CACvB,kBAAmB,CAzDvB,0HA2DM,WAAY,CA3DlB,8HA8DM,sBAAuB,CACxB,yCAKH,GACE,SAAU,CAEZ,KACE,SAAU,CAAA",sourcesContent:["@import '~styles/variables';\n\n.iconContainer {\n height: $smallIconSize;\n width: $smallIconSize;\n opacity: 0.8;\n cursor: pointer;\n}\n\n.innerButtons {\n display: flex;\n position: absolute;\n height: 60px;\n left: 0px;\n top: 0px;\n padding: 8px;\n background: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);\n width: 100%;\n\n .iconContainer {\n &:hover {\n background: #444444;\n border-radius: 4px;\n opacity: 1;\n }\n }\n}\n","$smallIconSize: 28px;\n$smallBorderLessIconSize: 16px;\n$animation-duration: 0.3s;\n","@import '~styles/styles';\n\n$show-container-height: 32px;\n$show-container-gap: 5px;\n\n.childPlayerContainer {\n video {\n position: relative;\n }\n position: absolute;\n top: 0;\n right: 0;\n transform: translateY(-100%);\n animation: fading $animation-duration linear;\n .childPlayer {\n width: 106px;\n height: 60px;\n box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2), 0px 8px 60px -16px rgba(0, 0, 0, 0.2);\n border-radius: 8px;\n overflow: hidden;\n &.tinyChildPlayer {\n height: 34px;\n width: 60px;\n }\n }\n\n .showContainer {\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-items: center;\n padding: 8px;\n cursor: pointer;\n\n position: absolute;\n width: 66px;\n height: $show-container-height;\n right: 0px;\n top: calc((#{$show-container-height} + #{$show-container-gap}) * -1);\n\n color: #ffffff;\n font-style: normal;\n font-weight: normal;\n font-size: 14px;\n line-height: 18px;\n\n background: rgba(0, 0, 0, 0.6);\n border-radius: 4px;\n\n &:hover {\n background: rgba(0, 0, 0, 0.7);\n }\n .iconContainer {\n height: 16px;\n width: 16px;\n margin-right: 8px;\n }\n }\n\n .innerButtons {\n border-radius: 8px;\n justify-content: center;\n align-items: center;\n &.tinyInnerButtons {\n height: 34px;\n }\n .iconContainer:hover {\n background: transparent;\n }\n }\n}\n\n@keyframes fading {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}\n"],sourceRoot:""}]),r.locals={iconContainer:"pip-minimized__iconContainer___3jsjw",innerButtons:"pip-minimized__innerButtons___1Ql12",childPlayerContainer:"pip-minimized__childPlayerContainer___3P_xz",fading:"pip-minimized__fading___CAAdq",childPlayer:"pip-minimized__childPlayer___3PYNG",tinyChildPlayer:"pip-minimized__tinyChildPlayer___2LImk",showContainer:"pip-minimized__showContainer___3jA3b",tinyInnerButtons:"pip-minimized__tinyInnerButtons___3NhMO"},n.default=r},function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.VideoSyncManager=void 0;var i=t(7),r=t(4),a=r.core.EventType,o=r.core.FakeEvent,s=r.core.Error,l=r.core.StateType,c=function(e,n,t,r){var c=this;this._isSyncDelay=!1,this._errorHandling=function(){c._eventManager.listen(c._secondaryPlayer,a.ERROR,(function(e){c._logger.debug("errorHandling :: secondary player got error");var n=new s(s.Severity.CRITICAL,s.Category.PLAYER,s.Code.VIDEO_ERROR,e);c._mainPlayer.pause(),c._mainPlayer.dispatchEvent(new o(a.ERROR,n))})),c._eventManager.listen(c._mainPlayer,a.ERROR,(function(){c._logger.debug("errorHandling :: main player got error"),c._secondaryPlayer.reset()}))},this._syncEvents=function(){var e=0;c._eventManager.listen(c._mainPlayer,a.PLAY,(function(){c._logger.debug("syncEvents :: secondary player play"),c._secondaryPlayer.play()})),c._eventManager.listen(c._mainPlayer,a.PAUSE,(function(){c._logger.debug("syncEvents :: secondary player pause"),c._secondaryPlayer.pause()})),c._eventManager.listen(c._mainPlayer,a.TIME_UPDATE,(function(){if(!c._isSyncDelay){var n=Date.now();(n-e>1e3||c._mainPlayer.paused)&&(e=n,c._mediaSync())}})),c._eventManager.listen(c._mainPlayer,a.SEEKING,(function(){c._logger.debug("syncEvents :: seeking main player to to "+c._mainPlayer),c._secondaryPlayer.pause(),c._seekSecondaryPlayer(0)})),c._eventManager.listen(c._mainPlayer,a.ENDED,(function(){c._logger.debug("syncEvents :: secondary player pause + seek to 0.01"),c._secondaryPlayer.pause(),c._seekSecondaryPlayer(.01)})),c._eventManager.listen(c._mainPlayer,a.PLAYER_STATE_CHANGED,(function(e){var n=e.payload;if(n.newState.type===l.BUFFERING&&!c._mainPlayer.seeking&&!c._mainPlayer.paused&&!c._secondaryPlayer.paused)return c._logger.debug("syncEvents :: main player got BUFFERING"),void c._secondaryPlayer.pause();n.newState.type===l.PLAYING&&n.oldState.type===l.BUFFERING&&c._secondaryPlayer.paused&&(c._logger.debug("syncEvents :: main player resume PLAYING"),c._secondaryPlayer.play())}))},this._mediaSync=function(){if(!(c._isSyncDelay||c._mainPlayer.paused&&!c._mainPlayer.seeking)&&c._secondaryPlayer){var e=!1,n=c._getSyncDelay();c._logger.debug("mediaSync :: synchDelay is "+n);var t=0,i=Math.round(100*Math.abs(n))/100;n>.03?t=-1*i:n<-.03&&(t=i),0!==t?Math.abs(n)<4?(c._logger.debug("mediaSync :: Adjusting slave playbackRateChange = "+(c._mainPlayer.playbackRate+t)),c._secondaryPlayer.playbackRate=c._mainPlayer.playbackRate+t):(c._logger.debug("mediaSync :: Adjusting secondary player playbackRateChange to main player and flagging for seek"),c._secondaryPlayer.playbackRate=c._mainPlayer.playbackRate,e=!0):c._mainPlayer.paused||(c._logger.debug("mediaSync :: Main player and secondary player sync, adjusting secondary player playback rate to main player rate"),c._secondaryPlayer.playbackRate=c._mainPlayer.playbackRate,c._secondaryPlayer.play()),e&&(c._logger.debug("mediaSync :: Seeking secondary player to "+(c._mainPlayer.currentTime+.25)),c._seekSecondaryPlayer(.25))}},this._getSyncDelay=function(){var e=c._mainPlayer.currentTime,n=c._secondaryPlayer.currentTime;return-1==e||-1==n||i.isInInterval(n,e-0,e)?0:n-e},this._seekSecondaryPlayer=function(e){var n=c._mainPlayer.currentTime<0?0:c._mainPlayer.currentTime;if(c._secondaryPlayer.ended&&c._secondaryPlayer.duration&&Math.ceil(n)>c._secondaryPlayer.duration)return c._logger.debug("seekSecondaryPlayer :: seekTime "+n+" is out of bounds 0.."+c._secondaryPlayer.duration+". pause secondary player"),void c._secondaryPlayer.pause();c._logger.debug("seekSecondaryPlayer :: seeking to="+n+", ahead="+e),c._secondaryPlayer.currentTime=n+e,c._mainPlayer.paused?c._secondaryPlayer.pause():c._secondaryPlayer.play()},this._eventManager=e,this._mainPlayer=n,this._secondaryPlayer=t,this._logger=r,this._syncEvents(),this._errorHandling()};n.VideoSyncManager=c},function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.ImageSyncManager=void 0;var i=t(4),r=function(){function e(e,n,t,r,a){var o=this;this._previouslyHandledViewChanges=new Map,this._firstPlaying=!1,this._syncEvents=function(){o._eventManager.listen(o._mainPlayer,o._mainPlayer.Event.TIMED_METADATA,o._onTimedMetadata),o._eventManager.listen(o._mainPlayer,o._mainPlayer.Event.TIMED_METADATA_ADDED,o._onTimedMetadataAdded),o._eventManager.listen(o._mainPlayer,o._mainPlayer.Event.FIRST_PLAYING,(function(){o._firstPlaying=!0,o._imagePlayer.preLoadImages()}))},this._onTimedMetadata=function(){var e=Array.from(o._mainPlayer.cuePointManager.getActiveCuePoints()),n=new Map;if(e.length){var t=e.find((function(e){var n,t;return(null===(t=null===(n=e.value)||void 0===n?void 0:n.data)||void 0===t?void 0:t.cuePointType)===o._kalturaCuePointService.KalturaCuePointType.THUMB}));if(o._imagePlayer.setActive(t?t.value.data.id:null),t){var i=e.filter((function(e){var n,t;return(null===(t=null===(n=e.value)||void 0===n?void 0:n.data)||void 0===t?void 0:t.cuePointType)===o._kalturaCuePointService.KalturaCuePointType.CODE})),r=i.find((function(e){var n,t;return"locked"===(null===(t=null===(n=e.value.data)||void 0===n?void 0:n.partnerData)||void 0===t?void 0:t.viewModeLockState)}));i.forEach((function(e){o._previouslyHandledViewChanges.has(e.id)||o._onSlideViewChanged(e.value.data.partnerData,!!r),n.set(e.id,e)}))}}o._previouslyHandledViewChanges=n},this._onTimedMetadataAdded=function(e){e.payload.cues.map((function(e){var n,t,r;if((null===(n=null==e?void 0:e.value)||void 0===n?void 0:n.key)===i.cuepoint.CUE_POINT_KEY&&(null===(r=null===(t=e.value)||void 0===t?void 0:t.data)||void 0===r?void 0:r.cuePointType)===o._kalturaCuePointService.KalturaCuePointType.THUMB)return o._imagePlayer.addImage({id:null==e?void 0:e.value.data.id,imageUrl:e.value.data.assetUrl,portrait:!1,loading:!1,loaded:!1}),e})).length&&o._firstPlaying&&o._imagePlayer.preLoadImages()},this._eventManager=e,this._mainPlayer=n,this._imagePlayer=t,this._logger=r,this._onSlideViewChanged=a,this._syncEvents(),this._kalturaCuePointService=this._mainPlayer.getService("kalturaCuepoints")}return e.prototype.reset=function(){this._previouslyHandledViewChanges.clear(),this._firstPlaying=!1},e}();n.ImageSyncManager=r},function(e,n,t){"use strict";var i,r=this&&this.__extends||(i=function(e,n){return(i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,n){e.__proto__=n}||function(e,n){for(var t in n)n.hasOwnProperty(t)&&(e[t]=n[t])})(e,n)},function(e,n){function t(){this.constructor=e}i(e,n),e.prototype=null===n?Object.create(n):(t.prototype=n.prototype,new t)}),a=this&&this.__decorate||function(e,n,t,i){var r,a=arguments.length,o=a<3?n:null===i?i=Object.getOwnPropertyDescriptor(n,t):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,n,t,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(o=(a<3?r(o):a>3?r(n,t,o):r(n,t))||o);return a>3&&o&&Object.defineProperty(n,t,o),o};Object.defineProperty(n,"__esModule",{value:!0}),n.ResponsiveManager=void 0;var o=t(0),s=KalturaPlayer.ui,l=s.redux.connect,c=s.components.PLAYER_SIZE,d=[c.EXTRA_SMALL,c.SMALL,c.TINY],_=[c.EXTRA_SMALL,c.SMALL],p=function(e){return{playerSize:e.shell.playerSize}},u=function(e){function n(){var n=null!==e&&e.apply(this,arguments)||this;return n._renderChildComponent=function(){var e=n.props,t=e.children,i=e.playerSize;return o.cloneElement(t,{hideButtons:d.includes(i)})},n}return r(n,e),n.prototype.componentDidMount=function(){var e=this.props,n=e.playerSize,t=e.onMinSize;_.includes(n)&&t()},n.prototype.componentDidUpdate=function(e){var n=this.props,t=n.playerSize,i=n.onMinSize,r=n.onDefaultSize;t!==c.TINY&&(!_.includes(t)||_.includes(e.playerSize)?!_.includes(t)&&_.includes(e.playerSize)&&r():i())},n.prototype.render=function(e){return e.playerSize===c.TINY?null:this._renderChildComponent()},n.defaultProps={onMinSize:function(){}},n=a([l(p)],n)}(o.Component);n.ResponsiveManager=u},function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.SecondaryMediaLoader=void 0;var i=KalturaPlayer.providers,r=i.RequestBuilder,a=i.ResponseTypes,o=function(){function e(e){this._parentEntryId="",this._requests=[],this._response={entries:[]},this._parentEntryId=e.parentEntryId;var n=new Map,t=new r(n);t.service="baseEntry",t.action="list",t.params={filter:{objectType:"KalturaBaseEntryFilter",parentEntryIdEqual:this._parentEntryId,typeEqual:a.KalturaMediaEntry.MediaType.VIDEO.value},responseProfile:{type:1,fields:"id"}},this.requests.push(t)}return Object.defineProperty(e,"id",{get:function(){return"dualscreen"},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"requests",{get:function(){return this._requests},set:function(e){this._requests=e},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"response",{get:function(){return this._response},set:function(e){var n,t=new a.KalturaBaseEntryListResponse(null===(n=e[0])||void 0===n?void 0:n.data);t.totalCount&&(this._response.entries=null==t?void 0:t.entries)},enumerable:!1,configurable:!0}),e.prototype.isValid=function(){return!!this._parentEntryId},e}();n.SecondaryMediaLoader=o},function(e,n,t){"use strict";var i=this&&this.__createBinding||(Object.create?function(e,n,t,i){void 0===i&&(i=t),Object.defineProperty(e,i,{enumerable:!0,get:function(){return n[t]}})}:function(e,n,t,i){void 0===i&&(i=t),e[i]=n[t]}),r=this&&this.__exportStar||function(e,n){for(var t in e)"default"===t||n.hasOwnProperty(t)||i(n,e,t)};Object.defineProperty(n,"__esModule",{value:!0}),r(t(34),n)},function(e,n,t){"use strict";var i,r=this&&this.__extends||(i=function(e,n){return(i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,n){e.__proto__=n}||function(e,n){for(var t in n)n.hasOwnProperty(t)&&(e[t]=n[t])})(e,n)},function(e,n){function t(){this.constructor=e}i(e,n),e.prototype=null===n?Object.create(n):(t.prototype=n.prototype,new t)}),a=this&&this.__decorate||function(e,n,t,i){var r,a=arguments.length,o=a<3?n:null===i?i=Object.getOwnPropertyDescriptor(n,t):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,n,t,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(o=(a<3?r(o):a>3?r(n,t,o):r(n,t))||o);return a>3&&o&&Object.defineProperty(n,t,o),o};Object.defineProperty(n,"__esModule",{value:!0}),n.DragAndSnapManager=void 0;var o,s=t(0),l=t(9),c=t(7),d=t(35),_=KalturaPlayer.ui.redux.connect;!function(e){e.MouseDown="mousedown",e.MouseMove="mousemove",e.MouseUp="mouseup",e.TouchStart="touchstart",e.TouchMove="touchmove",e.TouchEnd="touchend"}(o||(o={}));var p=function(e){return{prePlayback:e.engine.prePlayback}},u=function(e){function n(){var n=null!==e&&e.apply(this,arguments)||this;return n._draggableTargetRef=s.createRef(),n._draggableItemRef=s.createRef(),n._draggableAreaRef=s.createRef(),n._currMousePos={x:0,y:0},n._throttleWait=!1,n.state={isDragging:!1},n._renderChildComponent=function(){var e=n.props.children;return s.cloneElement(e,{isDragging:n.state.isDragging,setDraggableTarget:n._setDraggableTarget})},n._setDraggableTarget=function(e){n._draggableTargetRef.current=e,n._addListeners()},n._handleChangePosition=function(e){n._setAbsoluteStyles(e),n.props.onPositionChanged(e)},n._onStartDrag=function(){n._setAbsoluteStyles(n.props.getPosition()),n.setState({isDragging:!0})},n._addListeners=function(){n.props.eventManager.listen(n._draggableTargetRef.current,o.MouseDown,(function(e){n._startDrag(e,o.MouseMove,o.MouseUp)})),n.props.eventManager.listen(n._draggableTargetRef.current,o.TouchStart,(function(e){n.props.eventManager.unlisten(n._draggableTargetRef.current,o.MouseDown),n._startDrag(e,o.TouchMove,o.TouchEnd)}))},n._moveDrag=function(e){if(!n._throttleWait){e=e||window.event;var t=n._currMousePos.x-c.getClientX(e),i=n._currMousePos.y-c.getClientY(e);if(n._currMousePos.x=c.getClientX(e),n._currMousePos.y=c.getClientY(e),n._draggableItemRef.current&&n._draggableAreaRef.current){var r=parseInt(n._draggableItemRef.current.style.top,10),a=parseInt(n._draggableItemRef.current.style.right,10);n._draggableItemRef.current.style.right=c.dimensionStyleToString(a+t),n._draggableItemRef.current.style.top=c.dimensionStyleToString(r-i)}n._throttleWait=!0,setTimeout((function(){n._throttleWait=!1}),30)}},n._getBoundingClientRects=function(){return[n._draggableItemRef.current.getBoundingClientRect(),n._draggableAreaRef.current.getBoundingClientRect()]},n._applyRelativeStyles=function(e,t,i,r){n._draggableItemRef.current.style.top=null!==e?c.dimensionStyleToString(e):"",n._draggableItemRef.current.style.right=null!==t?c.dimensionStyleToString(t):"",n._draggableItemRef.current.style.bottom=null!==i?c.dimensionStyleToString(i):"",n._draggableItemRef.current.style.left=null!==r?c.dimensionStyleToString(r):""},n._setRelativeStyles=function(){switch(n.props.getPosition()){case l.Position.BottomRight:n._setRelativeBottomRightStyles();break;case l.Position.BottomLeft:n._setRelativeBottomLeftStyles();break;case l.Position.TopRight:n._setRelativeTopRightStyles();break;case l.Position.TopLeft:n._setRelativeTopLeftStyles()}},n._setRelativeBottomRightStyles=function(){n._applyRelativeStyles(null,0,n.props.prePlayback?-130:0,null)},n._setRelativeBottomLeftStyles=function(){n._applyRelativeStyles(null,null,n.props.prePlayback?-130:0,0)},n._setRelativeTopRightStyles=function(){n._applyRelativeStyles(n.props.prePlayback?-130:0,0,null,null)},n._setRelativeTopLeftStyles=function(){n._applyRelativeStyles(n.props.prePlayback?-130:0,null,null,0)},n._applyAbsoluteStyles=function(e,t){n._draggableItemRef.current.style.top=c.dimensionStyleToString(e),n._draggableItemRef.current.style.right=c.dimensionStyleToString(t)},n._setAbsoluteStyles=function(e){switch(e){case l.Position.BottomRight:n._setAbsoluteBottomRightStyles();break;case l.Position.BottomLeft:n._setAbsoluteBottomLeftStyles();break;case l.Position.TopRight:n._setAbsoluteTopRightStyles();break;case l.Position.TopLeft:n._setAbsoluteTopLeftStyles()}n._draggableItemRef.current.style.bottom="",n._draggableItemRef.current.style.left=""},n._setAbsoluteBottomRightStyles=function(){var e=n._getBoundingClientRects(),t=e[0],i=e[1];n._applyAbsoluteStyles(i.height-t.height,0)},n._setAbsoluteBottomLeftStyles=function(){var e=n._getBoundingClientRects(),t=e[0],i=e[1];n._applyAbsoluteStyles(i.height-t.height,i.width-t.width)},n._setAbsoluteTopRightStyles=function(){n._applyAbsoluteStyles(0,0)},n._setAbsoluteTopLeftStyles=function(){var e=n._getBoundingClientRects(),t=e[0],i=e[1];n._applyAbsoluteStyles(0,i.width-t.width)},n._stopDrag=function(){n.setState({isDragging:!1}),n.props.eventManager.unlisten(document,o.MouseMove),n.props.eventManager.unlisten(document,o.TouchMove);var e=n._getBoundingClientRects(),t=e[0],i=e[1],r=t.x+t.width/2,a=t.y+t.height/2,s=i.x+i.width/2,c=i.y+i.height/2;r>s?a>c?n._handleChangePosition(l.Position.BottomRight):n._handleChangePosition(l.Position.TopRight):a>c?n._handleChangePosition(l.Position.BottomLeft):n._handleChangePosition(l.Position.TopLeft)},n}return r(n,e),n.prototype.componentDidMount=function(){this._setRelativeStyles()},n.prototype.componentWillUnmount=function(){var e=this.props.eventManager;e.unlisten(document,o.MouseMove),e.unlisten(document,o.TouchMove),e.unlisten(document,o.MouseUp),e.unlisten(document,o.TouchEnd),e.unlisten(this._draggableTargetRef.current,o.MouseDown),e.unlisten(this._draggableTargetRef.current,o.TouchStart)},n.prototype._startDrag=function(e,n,t){this.props.eventManager.listenOnce(document,t,this._stopDrag),this._currMousePos.x=c.getClientX(e),this._currMousePos.y=c.getClientY(e),this.props.eventManager.listenOnce(document,n,this._onStartDrag),this.props.eventManager.listen(document,n,this._moveDrag)},n.prototype.render=function(){var e=[d.draggableItem];return this.state.isDragging&&e.push(d.dragging),s.h("div",{id:"draggeble-area",className:d.draggableArea,ref:this._draggableAreaRef},s.h("div",{id:"draggable-item",ref:this._draggableItemRef,className:e.join(" "),onTransitionEnd:this._setRelativeStyles},this._renderChildComponent()))},n=a([_(p)],n)}(s.Component);n.DragAndSnapManager=u},function(e,n,t){var i=t(3),r=t(36);"string"==typeof(r=r.__esModule?r.default:r)&&(r=[[e.i,r,""]]);var a={insert:"head",singleton:!1};i(r,a);e.exports=r.locals||{}},function(e,n,t){"use strict";t.r(n);var i=t(1),r=t.n(i)()(!0);r.push([e.i,".drag-and-snap-manager__draggableArea___1vWQt{position:absolute;width:100%;height:100%;pointer-events:none}.drag-and-snap-manager__draggableItem___2hlCK{position:absolute;pointer-events:auto}.drag-and-snap-manager__draggableItem___2hlCK.drag-and-snap-manager__dragging___1yOFj{cursor:move}.drag-and-snap-manager__draggableItem___2hlCK:not(.drag-and-snap-manager__dragging___1yOFj){transition:top .3s ease-in,right .3s ease-in,bottom .3s ease-in}.drag-and-snap-manager__draggableItem___2hlCK.drag-and-snap-manager__prePlayback___hY_TD{bottom:-50px}\n","",{version:3,sources:["webpack://components/drag-and-snap-manager/drag-and-snap-manager.scss"],names:[],mappings:"AAEA,8CACE,iBAAkB,CAClB,UAAW,CACX,WAAY,CACZ,mBAAoB,CACrB,8CAEC,iBAAkB,CAClB,mBAAoB,CAFtB,sFAII,WAAY,CAJhB,4FAOI,+DAAkH,CAPtH,yFAUI,YAAa",sourcesContent:["@import '~styles/variables';\n\n.draggableArea {\n position: absolute;\n width: 100%;\n height: 100%;\n pointer-events: none;\n}\n.draggableItem {\n position: absolute;\n pointer-events: auto;\n &.dragging {\n cursor: move;\n }\n &:not(.dragging) {\n transition: top $animation-duration ease-in, right $animation-duration ease-in, bottom $animation-duration ease-in;\n }\n &.prePlayback {\n bottom: -50px;\n }\n}"],sourceRoot:""}]),r.locals={draggableArea:"drag-and-snap-manager__draggableArea___1vWQt",draggableItem:"drag-and-snap-manager__draggableItem___2hlCK",dragging:"drag-and-snap-manager__dragging___1yOFj",prePlayback:"drag-and-snap-manager__prePlayback___hY_TD"},n.default=r},function(e,n,t){"use strict";var i,r=this&&this.__extends||(i=function(e,n){return(i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,n){e.__proto__=n}||function(e,n){for(var t in n)n.hasOwnProperty(t)&&(e[t]=n[t])})(e,n)},function(e,n){function t(){this.constructor=e}i(e,n),e.prototype=null===n?Object.create(n):(t.prototype=n.prototype,new t)}),a=this&&this.__assign||function(){return(a=Object.assign||function(e){for(var n,t=1,i=arguments.length;t<i;t++)for(var r in n=arguments[t])Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r]);return e}).apply(this,arguments)};Object.defineProperty(n,"__esModule",{value:!0}),n.SideBySideWrapper=void 0;var o=t(0),s=t(38),l=t(2),c=t(10),d=t(11),_=function(e){function n(){return null!==e&&e.apply(this,arguments)||this}return r(n,e),n.prototype.render=function(e){var n=e.leftSideProps,t=e.rightSideProps,i=e.onSizeChange,r=e.onMinSize;return o.h(c.ResponsiveManager,{onMinSize:function(){r()},onDefaultSize:i},o.h("div",{className:d.sideBySideWrapper},o.h(s.SideBySide,a({},n,{animation:l.Animations.ScaleLeft})),o.h(s.SideBySide,a({},t,{animation:l.Animations.Fade}))))},n}(o.Component);n.SideBySideWrapper=_},function(e,n,t){"use strict";var i,r=this&&this.__extends||(i=function(e,n){return(i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,n){e.__proto__=n}||function(e,n){for(var t in n)n.hasOwnProperty(t)&&(e[t]=n[t])})(e,n)},function(e,n){function t(){this.constructor=e}i(e,n),e.prototype=null===n?Object.create(n):(t.prototype=n.prototype,new t)}),a=this&&this.__decorate||function(e,n,t,i){var r,a=arguments.length,o=a<3?n:null===i?i=Object.getOwnPropertyDescriptor(n,t):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,n,t,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(o=(a<3?r(o):a>3?r(n,t,o):r(n,t))||o);return a>3&&o&&Object.defineProperty(n,t,o),o};Object.defineProperty(n,"__esModule",{value:!0}),n.SideBySide=void 0;var o=t(0),s=t(11),l=t(5),c=t(6),d=t(2),_=KalturaPlayer.ui.components.Icon,p=KalturaPlayer.ui.redux.connect,u=function(e){return{guiClientRect:e.shell.guiClientRect,playerHover:e.shell.playerHover}},y=function(e){function n(){var n=null!==e&&e.apply(this,arguments)||this;return n.ref=o.createRef(),n}return r(n,e),n.prototype.componentDidMount=function(){this.ref.current.appendChild(this.props.player.getVideoElement())},n.prototype._renderHoverButton=function(){var e=this.props,n=e.onExpand;return e.playerHover?o.h("div",{className:s.innerButtons},o.h(c.Button,{className:s.iconContainer,onClick:n,tooltip:{label:d.Labels.ExpandScreen,type:"bottom-left"}},o.h(_,{id:"dualscreen-side-by-side-pip",height:l.icons.MediumSize,width:l.icons.MediumSize,viewBox:"0 0 "+l.icons.MediumSize+" "+l.icons.MediumSize,path:l.icons.SWITCH_TO_SIDE_BY_SIDE_ICON_PATH}))):null},n.prototype.render=function(e){var n=e.guiClientRect,t=e.animation,i={height:(null==n?void 0:n.width)/2/16*9},r=[s.player];return t===d.Animations.ScaleLeft?r.push(s.animatedScale):r.push(s.animatedFade),o.h("div",{ref:this.ref,className:r.join(" "),style:i},this._renderHoverButton())},n=a([p(u)],n)}(o.Component);n.SideBySide=y},function(e,n,t){"use strict";t.r(n);var i=t(1),r=t.n(i)()(!0);r.push([e.i,".side-by-side__iconContainer___FuEiv{height:28px;width:28px;opacity:0.8;cursor:pointer}.side-by-side__innerButtons___33ysm{display:flex;position:absolute;height:60px;left:0px;top:0px;padding:8px;background:linear-gradient(180deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%);width:100%}.side-by-side__innerButtons___33ysm .side-by-side__iconContainer___FuEiv:hover{background:#444444;border-radius:4px;opacity:1}.side-by-side__sideBySideWrapper___szG2_{width:100%;height:100%;position:absolute;left:0;display:flex}.side-by-side__player___1Hm7w{position:relative;margin:auto;flex:1}.side-by-side__player___1Hm7w .side-by-side__iconContainer___FuEiv{padding:2px}.side-by-side__player___1Hm7w .side-by-side__innerButtons___33ysm{z-index:1;padding:16px;flex-direction:row-reverse;animation:side-by-side__appears___1p_h5 .3s linear}.side-by-side__animatedScale___2zrMl{animation:side-by-side__scaling___3-saP .3s linear}.side-by-side__animatedFade___2Nh87{animation:side-by-side__fading___2XUVr .3s linear}@keyframes side-by-side__appears___1p_h5{from{visibility:hidden}to{visibility:hidden}}@keyframes side-by-side__scaling___3-saP{0%{transform:scale(2) translate(25%);z-index:100}100%{transform:scale(1) translate(0%);z-index:0}}@keyframes side-by-side__fading___2XUVr{0%{opacity:0}100%{opacity:1}}\n","",{version:3,sources:["webpack://styles/_styles.scss","webpack://styles/_variables.scss","webpack://components/side-by-side/side-by-side.scss"],names:[],mappings:"AAEA,qCACE,WCHkB,CDIlB,UCJkB,CDKlB,WAAY,CACZ,cAAe,CAChB,oCAGC,YAAa,CACb,iBAAkB,CAClB,WAAY,CACZ,QAAS,CACT,OAAQ,CACR,WAAY,CACZ,0EAAiF,CACjF,UAAW,CARb,+EAYM,kBAAmB,CACnB,iBAAkB,CAClB,SAAU,CEpBhB,yCACE,UAAW,CACX,WAAY,CACZ,iBAAkB,CAClB,MAAO,CACP,YAAa,CACd,8BAGC,iBAAkB,CAClB,WAAY,CACZ,MAAO,CAHT,mEAMI,WAAY,CANhB,kEAUI,SAAU,CACV,YAAa,CACb,0BAA2B,CAC3B,kDAA6C,CAC9C,qCAID,kDAA6C,CAC9C,oCAGC,iDAA4C,CAC7C,yCAGC,KACE,iBAAkB,CAEpB,GACE,iBAAkB,CAAA,CAItB,yCACE,GACE,iCAAkC,CAClC,WAAY,CAEd,KACE,gCAAiC,CACjC,SAAU,CAAA,CAId,wCACE,GACE,SAAU,CAEZ,KACE,SAAU,CAAA",sourcesContent:["@import '~styles/variables';\n\n.iconContainer {\n height: $smallIconSize;\n width: $smallIconSize;\n opacity: 0.8;\n cursor: pointer;\n}\n\n.innerButtons {\n display: flex;\n position: absolute;\n height: 60px;\n left: 0px;\n top: 0px;\n padding: 8px;\n background: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);\n width: 100%;\n\n .iconContainer {\n &:hover {\n background: #444444;\n border-radius: 4px;\n opacity: 1;\n }\n }\n}\n","$smallIconSize: 28px;\n$smallBorderLessIconSize: 16px;\n$animation-duration: 0.3s;\n","@import '~styles/variables';\n@import '~styles/styles';\n\n.sideBySideWrapper {\n width: 100%;\n height: 100%;\n position: absolute;\n left: 0;\n display: flex;\n}\n\n.player {\n position: relative;\n margin: auto;\n flex: 1;\n\n .iconContainer {\n padding: 2px;\n }\n\n .innerButtons {\n z-index: 1;\n padding: 16px;\n flex-direction: row-reverse;\n animation: appears $animation-duration linear;\n }\n}\n\n.animatedScale {\n animation: scaling $animation-duration linear;\n}\n\n.animatedFade {\n animation: fading $animation-duration linear;\n}\n\n@keyframes appears {\n from {\n visibility: hidden;\n }\n to {\n visibility: hidden;\n }\n}\n\n@keyframes scaling {\n 0% {\n transform: scale(2) translate(25%);\n z-index: 100;\n }\n 100% {\n transform: scale(1) translate(0%);\n z-index: 0;\n }\n}\n\n@keyframes fading {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}\n"],sourceRoot:""}]),r.locals={iconContainer:"side-by-side__iconContainer___FuEiv",innerButtons:"side-by-side__innerButtons___33ysm",sideBySideWrapper:"side-by-side__sideBySideWrapper___szG2_",player:"side-by-side__player___1Hm7w",appears:"side-by-side__appears___1p_h5",animatedScale:"side-by-side__animatedScale___2zrMl",scaling:"side-by-side__scaling___3-saP",animatedFade:"side-by-side__animatedFade___2Nh87",fading:"side-by-side__fading___2XUVr"},n.default=r},function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.DualScreenEngineDecorator=void 0;var i=t(4),r=(i.core.FakeEvent,i.core.EventType),a=function(){function e(e,n,t){var i=this;this._isActive=!1,this._plugin=n,this._dispatcher=t,n.eventManager.listen(n.player,r.SEEKING,(function(){i._isActive=!0})),n.eventManager.listen(n.player,r.SEEKED,(function(){i._isActive=!1}))}return Object.defineProperty(e.prototype,"active",{get:function(){return this._isActive&&!this._plugin.secondaryKalturaPlayer.ended},enumerable:!1,configurable:!0}),e.prototype.dispatchEvent=function(e){var n=this;return e.type===r.SEEKED?(this._plugin.eventManager.listenOnce(this._plugin.secondaryKalturaPlayer,r.SEEKED,(function(){n._dispatcher(e)})),!0):this._dispatcher(e)},e}();n.DualScreenEngineDecorator=a},function(e,n,t){"use strict";var i=this&&this.__createBinding||(Object.create?function(e,n,t,i){void 0===i&&(i=t),Object.defineProperty(e,i,{enumerable:!0,get:function(){return n[t]}})}:function(e,n,t,i){void 0===i&&(i=t),e[i]=n[t]}),r=this&&this.__exportStar||function(e,n){for(var t in e)"default"===t||n.hasOwnProperty(t)||i(n,e,t)};Object.defineProperty(n,"__esModule",{value:!0}),r(t(42),n)},function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.ImagePlayer=void 0,t(43);var i=function(){function e(e,n){var t=this;this._images=[],this._preloadIndex=-1,this._activeImage=null,this._preloadEnabled=!0,this.preLoadImages=function(){var e;t._preloadEnabled&&t._images.length&&t._preloadIndex!==t._images.length-1&&!(null===(e=t._images[t._preloadIndex])||void 0===e?void 0:e.loading)&&(t._preloadIndex++,t._preLoadImage(t._images[t._preloadIndex]))},this.addImage=function(e){t._images.push(e)},this.setActive=function(e){if(!e){if(!t._activeImage)return;return t._imagePlayer.style.backgroundImage="none",t._activeImage=null,void t._onActiveChange(null)}t._activeImage&&e===t._activeImage.id||(clearTimeout(t._retryTimeout),t._images.find((function(n,i){return e===n.id&&(t._activeImage=n,t._onActiveChange(n),t._imagePlayer.style.backgroundImage="url('"+n.imageUrl+"')",!0)})))},this.getVideoElement=function(){return t._imagePlayer},this._createImagePlayer=function(){var e=document.createElement("div");return e.classList.add("playkit-image-player"),e},this._preLoadImage=function(e,n){void 0===n&&(n=0),e.loading=!0;var i=new Image;i.onload=function(){e.loading=!1,e.loaded=!0,e.portrait=i.width<i.height,t.preLoadImages()},i.onerror=function(){n<3?t._retryTimeout=setTimeout((function(){t._preLoadImage(e,n+1)}),2e3):(e.loading=!1,t.preLoadImages())},i.src=e.imageUrl},this.reset=function(){t._activeImage=null,t._images=[],t._preloadIndex=-1,clearTimeout(t._retryTimeout)},this._imagePlayer=this._createImagePlayer(),this._onActiveChange=e,this._preloadEnabled=n}return Object.defineProperty(e.prototype,"active",{get:function(){return this._activeImage},enumerable:!1,configurable:!0}),e}();n.ImagePlayer=i},function(e,n,t){var i=t(3),r=t(44);"string"==typeof(r=r.__esModule?r.default:r)&&(r=[[e.i,r,""]]);var a={insert:"head",singleton:!1};i(r,a);e.exports=r.locals||{}},function(e,n,t){"use strict";t.r(n);var i=t(1),r=t.n(i)()(!0);r.push([e.i,".playkit-image-player{height:100%;width:100%;background-position:center;background-repeat:no-repeat;background-size:contain;background-color:black}\n","",{version:3,sources:["webpack://image-player/image-player.scss"],names:[],mappings:"AAAA,sBAEI,WAAY,CACZ,UAAW,CACX,0BAA2B,CAC3B,2BAA4B,CAC5B,uBAAwB,CACxB,sBAAuB",sourcesContent:[":global {\n .playkit-image-player {\n height: 100%;\n width: 100%;\n background-position: center;\n background-repeat: no-repeat;\n background-size: contain;\n background-color: black;\n }\n}\n"],sourceRoot:""}]),n.default=r}]);
2
2
  //# sourceMappingURL=playkit-dual-screen.js.map