@playkit-js/playkit-js-dual-screen 3.0.1 → 3.0.2-canary.2-c381265
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.
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,14 @@
|
|
|
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
|
+
### [3.0.2-canary.2-c381265](https://github.com/kaltura/playkit-js-dual-screen/compare/v3.0.1...v3.0.2-canary.2-c381265) (2022-11-23)
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
### Bug Fixes
|
|
9
|
+
|
|
10
|
+
* **FEV-1439:** a11y fixes ([#79](https://github.com/kaltura/playkit-js-dual-screen/issues/79)) ([96f11bd](https://github.com/kaltura/playkit-js-dual-screen/commit/96f11bd11b004c75e4ee4990ebdb2d62df41b86d))
|
|
11
|
+
* **FEV-956:** while dragging, the mouse cursor should be changed to 'hand' icon ([#80](https://github.com/kaltura/playkit-js-dual-screen/issues/80)) ([c381265](https://github.com/kaltura/playkit-js-dual-screen/commit/c38126510884a38bc0bd3a0e9150a8aa17c14e27))
|
|
12
|
+
|
|
5
13
|
### [3.0.1](https://github.com/kaltura/playkit-js-dual-screen/compare/v1.9.2...v3.0.1) (2022-10-26)
|
|
6
14
|
|
|
7
15
|
|
|
@@ -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 a=n[i]={i:i,l:!1,exports:{}};return e[i].call(a.exports,a,a.exports,t),a.l=!0,a.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 a in e)t.d(i,a,function(n){return e[n]}.bind(null,a));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 a=(o=i,s=btoa(unescape(encodeURIComponent(JSON.stringify(o)))),l="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(s),"/*# ".concat(l," */")),r=i.sources.map((function(e){return"/*# sourceURL=".concat(i.sourceRoot||"").concat(e," */")}));return[t].concat(r).concat([a]).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 a={};if(i)for(var r=0;r<this.length;r++){var o=this[r][0];null!=o&&(a[o]=!0)}for(var s=0;s<e.length;s++){var l=[].concat(e[s]);i&&a[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]}),a=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}),a(t(17),n),a(t(18),n),a(t(9),n),a(t(19),n),a(t(20),n),a(t(21),n),a(t(22),n)},function(e,n,t){"use strict";var i,a=function(){return void 0===i&&(i=Boolean(window&&document&&document.all&&!window.atob)),i},r=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=[],a=0;a<e.length;a++){var r=e[a],l=n.base?r[0]+n.base:r[0],d=t[l]||0,c="".concat(l," ").concat(d);t[l]=d+1;var u=s(c),p={css:r[1],media:r[2],sourceMap:r[3]};-1!==u?(o[u].references++,o[u].updater(p)):o.push({identifier:c,updater:h(p,n),references:1}),i.push(c)}return i}function d(e){var n=document.createElement("style"),i=e.attributes||{};if(void 0===i.nonce){var a=t.nc;a&&(i.nonce=a)}if(Object.keys(i).forEach((function(e){n.setAttribute(e,i[e])})),"function"==typeof e.insert)e.insert(n);else{var o=r(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 c,u=(c=[],function(e,n){return c[e]=n,c.filter(Boolean).join("\n")});function p(e,n,t,i){var a=t?"":i.media?"@media ".concat(i.media," {").concat(i.css,"}"):i.css;if(e.styleSheet)e.styleSheet.cssText=u(n,a);else{var r=document.createTextNode(a),o=e.childNodes;o[n]&&e.removeChild(o[n]),o.length?e.insertBefore(r,o[n]):e.appendChild(r)}}function _(e,n,t){var i=t.css,a=t.media,r=t.sourceMap;if(a?e.setAttribute("media",a):e.removeAttribute("media"),r&&"undefined"!=typeof btoa&&(i+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(r))))," */")),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,a;if(n.singleton){var r=g++;t=y||(y=d(n)),i=p.bind(null,t,r,!1),a=p.bind(null,t,r,!0)}else t=d(n),i=_.bind(null,t,n),a=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 a()}}e.exports=function(e,n){(n=n||{}).singleton||"boolean"==typeof n.singleton||(n.singleton=a());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 a=s(t[i]);o[a].references--}for(var r=l(e,n),d=0;d<t.length;d++){var c=s(t[d]);0===o[c].references&&(o[c].updater(),o.splice(c,1))}t=r}}}},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]}),a=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}),a(t(23),n)},function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.getValueOrUndefined=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.getValueOrUndefined=function(e,n){return e?n:void 0}},function(e,n,t){var i=t(3),a=t(16);"string"==typeof(a=a.__esModule?a.default:a)&&(a=[[e.i,a,""]]);var r={insert:"head",singleton:!1};i(a,r);e.exports=a.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]}),a=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}),a(t(32),n)},function(e,n,t){var i=t(3),a=t(40);"string"==typeof(a=a.__esModule?a.default:a)&&(a=[[e.i,a,""]]);var r={insert:"head",singleton:!1};i(a,r);e.exports=a.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="3.0.1";n.NAME="@playkit-js/playkit-js-dual-screen";KalturaPlayer.core.registerPlugin("dualscreen",i.DualScreen)},function(e,n,t){"use strict";var i,a=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)}),r=this&&this.__assign||function(){return(r=Object.assign||function(e){for(var n,t=1,i=arguments.length;t<i;t++)for(var a in n=arguments[t])Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a]);return e}).apply(this,arguments)};Object.defineProperty(n,"__esModule",{value:!0}),n.DualScreen=void 0;var o=t(0),s=t(14),l=t(26),d=t(2),c=t(30),u=t(31),p=t(10),_=t(33),y=t(34),g=t(38),h=t(7),f=t(41),m=t(42),A=t(4);t(46);var C=KalturaPlayer.ui.reducers.shell,v=A.core.EventType,P=["Playback","Live","Ads"],b=function(e){function n(n,t,i){var a=e.call(this,n,t,i)||this;return a._externalLayout=null,a._pipPosition=d.Position.BottomRight,a._removeActivesArr=[],a._playbackEnded=!1,a._resolveReadyPromise=function(){},a._secondaryPlayerType=d.PlayerType.VIDEO,a._pipPortraitMode=!1,a._undoRemoveSettings=null,a._removeSettingsComponent=function(){if(!a._undoRemoveSettings){var e={presets:P,container:d.ReservedPresetAreas.BottomBarRightControls,get:KalturaPlayer.ui.components.Remove,replaceComponent:KalturaPlayer.ui.components.Settings.displayName};a._undoRemoveSettings=a._player.ui.addComponent(e)}},a._makeReadyPromise=function(){return new Promise((function(e){a._resolveReadyPromise=e}))},a._getSecondaryPlayer=function(){return a._secondaryPlayerType===d.PlayerType.IMAGE?a._imagePlayer:a.secondaryKalturaPlayer},a._setMode=function(){switch(a._layout){case d.Layout.PIP:a._switchToPIP();break;case d.Layout.PIPInverse:a._switchToPIPInverse();break;case d.Layout.SingleMedia:a._switchToSingleMedia();break;case d.Layout.SingleMediaInverse:a._switchToSingleMediaInverse();break;case d.Layout.SideBySide:a._switchToSideBySide();break;case d.Layout.SideBySideInverse:a._switchToSideBySideInverse();break;case d.Layout.Hidden:a._switchToHidden();break;default:a.logger.warn("unrecognized layout, got:",a._layout)}},a._setDefaultMode=function(){a._switchToHidden();var e=[d.Layout.PIP,d.Layout.PIPInverse,d.Layout.SideBySide,d.Layout.SideBySideInverse,d.Layout.SingleMedia,d.Layout.SingleMediaInverse];a._layout=e.includes(a.config.layout)?a.config.layout:d.Layout.Hidden,a._pipPosition=a.config.position,a._pipPortraitMode=!1,a._externalLayout=null},a._setPipPosition=function(e){a._pipPosition=e},a.getPipPosition=function(){return a._pipPosition},a._switchToHidden=function(){var e=a._player.ui.store.dispatch;a._layout=d.Layout.Hidden,e(C.actions.removePlayerClass("has-dual-screen-plugin-overlay")),a._removeActives()},a._switchToPIP=function(e,n){var t;void 0===e&&(e=d.Animations.None),a._layout===d.Layout.PIP&&a._removeActivesArr.length&&(null===(t=a._imagePlayer.active)||void 0===t?void 0:t.portrait)===a._pipPortraitMode||(a._pipPortraitMode=a._imagePlayer.active?a._imagePlayer.active.portrait:a._pipPortraitMode,a._layout=d.Layout.PIP,a._addActives(a._player.ui.addComponent({label:"kaltura-dual-screen-pip",presets:P,container:d.ReservedPresetAreas.VideoContainer,get:function(){return o.h(s.PipParent,{animation:e,player:a._player})}}),a._player.ui.addComponent({label:"kaltura-dual-screen-pip",presets:P,container:d.ReservedPresetAreas.InteractiveArea,get:function(){return o.h(p.ResponsiveManager,{onMinSize:function(){a._switchToSingleMedia()},onDefaultSize:a._setMode},o.h(y.DragAndSnapManager,{eventManager:a.eventManager,logger:a.logger,getPosition:a.getPipPosition,onPositionChanged:a._setPipPosition},o.h(s.PipChild,{animation:d.Animations.Fade,playerSizePercentage:a.config.childSizePercentage,player:a._getSecondaryPlayer(),hide:function(e){return a._switchToSingleMedia(d.Animations.None,h.getValueOrUndefined(e,d.ButtonsEnum.Show))},onSideBySideSwitch:function(e){return a._switchToSideBySide(e)},onInversePIP:function(e){return a._switchToPIPInverse(d.Animations.Fade,h.getValueOrUndefined(e,d.ButtonsEnum.SwitchScreen))},portrait:a._pipPortraitMode,aspectRatio:a.config.childAspectRatio,focusOnButton:n})))}})))},a._switchToPIPInverse=function(e,n){void 0===e&&(e=d.Animations.None),a._layout===d.Layout.PIPInverse&&a._removeActivesArr.length||(a._layout=d.Layout.PIPInverse,a._addActives(a._player.ui.addComponent({label:"kaltura-dual-screen-pip",presets:P,container:d.ReservedPresetAreas.VideoContainer,get:function(){return o.h(s.PipParent,{animation:e,player:a._getSecondaryPlayer()})}}),a._player.ui.addComponent({label:"kaltura-dual-screen-pip",presets:P,container:d.ReservedPresetAreas.InteractiveArea,get:function(){return o.h(p.ResponsiveManager,{onMinSize:function(){a._switchToSingleMediaInverse()},onDefaultSize:a._setMode},o.h(y.DragAndSnapManager,{eventManager:a.eventManager,logger:a.logger,getPosition:a.getPipPosition,onPositionChanged:a._setPipPosition},o.h(s.PipChild,{animation:d.Animations.Fade,playerSizePercentage:a.config.childSizePercentage,player:a._player,hide:function(e){return a._switchToSingleMediaInverse(d.Animations.None,h.getValueOrUndefined(e,d.ButtonsEnum.Show))},onSideBySideSwitch:function(e){return a._switchToSideBySideInverse(e)},onInversePIP:function(e){return a._switchToPIP(d.Animations.Fade,h.getValueOrUndefined(e,d.ButtonsEnum.SwitchScreen))},aspectRatio:a.config.childAspectRatio,focusOnButton:n})))}})))},a._switchToSingleMedia=function(e,n){void 0===e&&(e=d.Animations.None),a._layout===d.Layout.SingleMedia&&a._removeActivesArr.length||(a._layout=d.Layout.SingleMedia,a._addActives(a._player.ui.addComponent({label:"kaltura-dual-screen-pip",presets:P,container:d.ReservedPresetAreas.VideoContainer,get:function(){return o.h(s.PipParent,{animation:e,player:a._player})}}),a._player.ui.addComponent({label:"kaltura-dual-screen-pip-minimized",presets:P,container:d.ReservedPresetAreas.BottomBar,get:function(){return o.h(p.ResponsiveManager,{onDefaultSize:a._setMode},o.h(l.PipMinimized,{show:function(e){return a._switchToPIP(d.Animations.None,h.getValueOrUndefined(e,d.ButtonsEnum.Hide))},player:a._getSecondaryPlayer(),onInverse:function(e){return a._switchToSingleMediaInverse(d.Animations.Fade,h.getValueOrUndefined(e,d.ButtonsEnum.SwitchScreen))},focusOnButton:n}))}})))},a._switchToSingleMediaInverse=function(e,n){void 0===e&&(e=d.Animations.None),a._layout===d.Layout.SingleMediaInverse&&a._removeActivesArr.length||(a._layout=d.Layout.SingleMediaInverse,a._addActives(a._player.ui.addComponent({label:"kaltura-dual-screen-pip",presets:P,container:d.ReservedPresetAreas.VideoContainer,get:function(){return o.h(s.PipParent,{animation:e,player:a._getSecondaryPlayer()})}}),a._player.ui.addComponent({label:"kaltura-dual-screen-pip-minimized",presets:P,container:d.ReservedPresetAreas.BottomBar,get:function(){return o.h(p.ResponsiveManager,{onDefaultSize:a._setMode},o.h(l.PipMinimized,{show:function(e){return a._switchToPIPInverse(d.Animations.None,h.getValueOrUndefined(e,d.ButtonsEnum.Hide))},player:a._player,onInverse:function(e){return a._switchToSingleMedia(d.Animations.Fade,h.getValueOrUndefined(e,d.ButtonsEnum.SwitchScreen))},focusOnButton:n}))}})))},a._switchToSideBySide=function(e){if(a._layout!==d.Layout.SideBySide||!a._removeActivesArr.length){a._layout=d.Layout.SideBySide;var n={player:a._player,onExpand:function(e){return a._switchToPIP(d.Animations.ScaleRight,h.getValueOrUndefined(e,d.ButtonsEnum.SideBySide))},focusOnButton:e},t={player:a._getSecondaryPlayer(),onExpand:function(e){return a._switchToPIPInverse(d.Animations.ScaleLeft,h.getValueOrUndefined(e,d.ButtonsEnum.SideBySide))}};a._addActives(a._player.ui.addComponent({label:"kaltura-dual-screen-side-by-side",presets:P,container:d.ReservedPresetAreas.VideoContainer,get:function(){return o.h(g.SideBySideWrapper,{leftSideProps:n,rightSideProps:t,onSizeChange:a._setMode,onMinSize:a._switchToSingleMedia})}}))}},a._switchToSideBySideInverse=function(e){if(a._layout!==d.Layout.SideBySideInverse||!a._removeActivesArr.length){a._layout=d.Layout.SideBySideInverse;var n={player:a._getSecondaryPlayer(),onExpand:function(e){return a._switchToPIPInverse(d.Animations.ScaleRight,h.getValueOrUndefined(e,d.ButtonsEnum.SideBySide))},focusOnButton:e},t={player:a._player,onExpand:function(e){return a._switchToPIP(d.Animations.ScaleLeft,h.getValueOrUndefined(e,d.ButtonsEnum.SideBySide))}};a._addActives(a._player.ui.addComponent({label:"kaltura-dual-screen-side-by-side",presets:P,container:d.ReservedPresetAreas.VideoContainer,get:function(){return o.h(g.SideBySideWrapper,{leftSideProps:n,rightSideProps:t,onSizeChange:a._setMode,onMinSize:a._switchToSingleMedia})}}))}},a._onActiveSlideChanged=function(e){if(e){var n=!1;a._layout!==d.Layout.Hidden||a._externalLayout||(n=!0,a._setDefaultMode()),a._layout===d.Layout.Hidden&&a._externalLayout&&a._applyExternalLayout();var t=!1;e.portrait!==a._pipPortraitMode&&(t=!0),(n||t&&a._layout===d.Layout.PIP)&&a._setMode(),a._removeSettingsComponent()}else a._switchToHidden()},a._onSlideViewChanged=function(e){a._externalLayout!==e&&(a._externalLayout=e,a._applyExternalLayout())},a._applyExternalLayout=function(){switch(a._externalLayout){case d.ExternalLayout.Hidden:a._switchToHidden();break;case d.ExternalLayout.SingleMedia:a._layout!==d.Layout.SingleMedia&&a._switchToSingleMedia();break;case d.ExternalLayout.SingleMediaInverse:a._layout!==d.Layout.SingleMediaInverse&&a._switchToSingleMediaInverse();break;case d.ExternalLayout.PIP:a._layout!==d.Layout.PIP&&a._switchToPIP();break;case d.ExternalLayout.PIPInverse:a._layout!==d.Layout.PIPInverse&&a._switchToPIPInverse();break;case d.ExternalLayout.SideBySide:a._layout!==d.Layout.SideBySide&&a._switchToSideBySide();break;case d.ExternalLayout.SideBySideInverse:a._layout!==d.Layout.SideBySideInverse&&a._switchToSideBySideInverse()}},a._player=t,a._imagePlayer=new m.ImagePlayer(a._onActiveSlideChanged,a.config.slidesPreloadEnabled),a._readyPromise=a._makeReadyPromise(),a._layout=d.Layout.Hidden,a._pipPosition=a.config.position,a}return a(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.loadMedia=function(){this._addBindings();var e=this._player.getService("kalturaCuepoints");this._getSecondaryMedia(),e?this._getThumbs(e):this.logger.warn("kalturaCuepoints service is not registered")},n.prototype.reset=function(){var e,n;this._setDefaultMode(),this._layout=d.Layout.Hidden,this._imagePlayer.reset(),null===(e=this._imageSyncManager)||void 0===e||e.reset(),this._readyPromise=this._makeReadyPromise(),this._undoRemoveSettings&&(this._undoRemoveSettings(),this._undoRemoveSettings=null),null===(n=this.secondaryKalturaPlayer)||void 0===n||n.destroy(),this.secondaryKalturaPlayer=null,this._removeSecondaryPlaceholder(),this.eventManager.removeAll()},n.prototype._removeSecondaryPlaceholder=function(){var e=document.getElementById("secondaryPlaceholder");e&&document.body.removeChild(e)},n.prototype._addBindings=function(){var e=this;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._secondaryPlayerType!==d.PlayerType.IMAGE||e._imagePlayer.active?(e._setDefaultMode(),e._setMode()):e._switchToHidden())}))},n.prototype._addActives=function(){for(var e=[],n=0;n<arguments.length;n++)e[n]=arguments[n];var t=this._player.ui.store.dispatch;t(C.actions.addPlayerClass("has-dual-screen-plugin-overlay")),this._removeActives(),this._removeActivesArr=e},n.prototype._removeActives=function(){this._removeActivesArr.forEach((function(e){e()})),this._removeActivesArr=[],this._originalVideoElementParent&&this._originalVideoElementParent.prepend(this._player.getVideoElement())},n.prototype._getThumbs=function(e){null==e||e.registerTypes([e.CuepointType.SLIDE,e.CuepointType.VIEW_CHANGE])},n.prototype._getSecondaryMedia=function(){var e=this;this._player.provider.doRequest([{loader:_.SecondaryMediaLoader,params:{parentEntryId:this._player.sources.id}}]).then((function(n){var t,i;if(n&&n.has(_.SecondaryMediaLoader.id)){var a=n.get(_.SecondaryMediaLoader.id),r=null===(i=null===(t=null==a?void 0:a.response)||void 0===t?void 0:t.entries[0])||void 0===i?void 0:i.id;r?(e._secondaryPlayerType=d.PlayerType.VIDEO,e._removeSettingsComponent(),e.secondaryKalturaPlayer=e._createSecondaryPlayer(),e.eventManager.listenOnce(e.secondaryKalturaPlayer,v.CHANGE_SOURCE_ENDED,(function(){e._resolveReadyPromise()})),e._videoSyncManager=new c.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:r,ks:e.player.config.session.isAnonymous?"":e.player.config.session.ks})):(e.logger.warn("Secondary entry id not found"),e._secondaryPlayerType=d.PlayerType.IMAGE,e.player.getService("kalturaCuepoints")&&(e._imageSyncManager=new u.ImageSyncManager(e.eventManager,e.player,e._imagePlayer,e.logger,e._onSlideViewChanged)),e._resolveReadyPromise())}})).catch((function(n){e.logger.error(n),e._resolveReadyPromise()}))},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:r(r({},this._player.config.provider),{ignoreServerConfig:!0})};return KalturaPlayer.setup(n)},n.isValid=function(){return!0},n.prototype.destroy=function(){this.eventManager.destroy()},n.defaultConfig={layout:d.Layout.PIP,childSizePercentage:30,childAspectRatio:{width:16,height:9},position:d.Position.BottomRight,slidesPreloadEnabled:!0},n}(KalturaPlayer.core.BasePlugin);n.DualScreen=b},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]}),a=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}),a(t(15),n),a(t(25),n)},function(e,n,t){"use strict";var i,a=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)}),r=this&&this.__decorate||function(e,n,t,i){var a,r=arguments.length,o=r<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--)(a=e[s])&&(o=(r<3?a(o):r>3?a(n,t,o):a(n,t))||o);return r>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),d=t(5),c=t(6),u=KalturaPlayer.ui.redux.connect,p=KalturaPlayer.ui,_=p.utils,y=p.reducers,g=KalturaPlayer.ui.components.Icon,h=function(e){return{showUi:e.shell.playerHover||e.shell.playerNav,playerHeight:e.shell.guiClientRect.height,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 a(n,e),n.prototype.componentDidMount=function(){var e=this.props.player.getVideoElement();e.tabIndex=-1,this.playerContainerRef.current.prepend(e),this.props.setDraggableTarget(this.playerContainerRef.current)},n.prototype._renderInnerButtons=function(){var e=this.props,n=e.onSideBySideSwitch,t=e.onInversePIP,i=e.focusOnButton;return o.h("div",{className:s.innerButtons},o.h(c.Button,{className:s.iconContainer,onClick:n,tooltip:{label:l.Labels.SideBySide,type:"bottom"},focusOnMount:i===l.ButtonsEnum.SideBySide},o.h(g,{id:"dualscreen-pip-side-by-side",height:d.icons.MediumSize,width:d.icons.MediumSize,viewBox:"0 0 "+d.icons.MediumSize+" "+d.icons.MediumSize,path:d.icons.SIDE_BY_SIDE_ICON_PATH})),o.h(c.Button,{className:s.iconContainer,onClick:t,tooltip:{label:l.Labels.SwitchScreen,type:"bottom-left"},focusOnMount:i===l.ButtonsEnum.SwitchScreen},o.h(g,{id:"dualscreen-pip-swap",height:d.icons.MediumSize,width:d.icons.MediumSize,viewBox:"0 0 "+d.icons.MediumSize+" "+d.icons.MediumSize,path:d.icons.SWAP_ICON_PATH})))},n.prototype._renderHideButton=function(){var e=this.props,n=e.hide,t=e.focusOnButton;return o.h(c.Button,{className:s.hideContainer,onClick:n,ariaLabel:l.Labels.Hide,focusOnMount:t===l.ButtonsEnum.Hide},o.h(o.Fragment,null,o.h("div",{className:s.iconContainer},o.h(g,{id:"dualscreen-pip-hide",height:d.icons.SmallSize,width:d.icons.SmallSize,viewBox:"0 0 "+d.icons.SmallSize+" "+d.icons.SmallSize,path:d.icons.HIDE_ICON_PATH})),l.Labels.Hide))},n.prototype.render=function(e){var n=[s.childPlayer];if(e.isDragging&&n.push(s.dragging),e.showUi||n.push(s.hideButtons),!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.playerHeight*e.playerSizePercentage/100,i=t*e.aspectRatio.width/e.aspectRatio.height,a={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:a,ref:this.playerContainerRef}),this._renderInnerButtons()))},n=r([u(h,_.bindActions(y.shell.actions))],n)}(o.Component);n.PipChild=f},function(e,n,t){"use strict";t.r(n);var i=t(1),a=t.n(i)()(!0);a.push([e.i,".pip__iconContainer___I7wDY{height:28px;width:28px;opacity:0.8;cursor:pointer}.pip__innerButtons___qkl44{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___qkl44 .pip__iconContainer___I7wDY:hover{background:#444444;border-radius:4px;opacity:1}.pip__parentPlayer___NCnqk{position:absolute;left:0}.pip__parentPlayer___NCnqk:has(.playkit-image-player>img[src='']){visibility:hidden}.pip__childPlayer___tqBeH{position:relative}.pip__childPlayer___tqBeH video{position:relative}.pip__childPlayer___tqBeH:has(.playkit-image-player>img[src='']){visibility:hidden}.pip__childPlayer___tqBeH.pip__hideButtons___UgdN2 .pip__innerButtons___qkl44,.pip__childPlayer___tqBeH.pip__dragging___LIITy .pip__innerButtons___qkl44{display:none}.pip__childPlayer___tqBeH.pip__hideButtons___UgdN2 .pip__hideContainer___WmxCK{display:none}.pip__childPlayer___tqBeH.pip__dragging___LIITy .pip__hideContainer___WmxCK{visibility:hidden}.pip__childPlayer___tqBeH .pip__hideContainer___WmxCK{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___tqBeH .pip__hideContainer___WmxCK:hover{background:rgba(0,0,0,0.7)}.pip__childPlayer___tqBeH .pip__hideContainer___WmxCK .pip__iconContainer___I7wDY{margin-right:8px;height:16px;width:16px}.pip__childPlayer___tqBeH .pip__playerWrapper___8XRTF{position:relative;border-radius:8px;overflow:hidden;-webkit-mask-image:-webkit-radial-gradient(white, black)}.pip__childPlayer___tqBeH .pip__playerWrapper___8XRTF .pip__playerContainer___RCOLw{box-shadow:0 0 40px 0 rgba(0,0,0,0.2),0 0 4px 0 rgba(0,0,0,0.3)}.pip__childPlayer___tqBeH .pip__playerWrapper___8XRTF .pip__innerButtons___qkl44{flex-direction:row;justify-content:flex-end;pointer-events:none}.pip__childPlayer___tqBeH .pip__playerWrapper___8XRTF .pip__innerButtons___qkl44 *{pointer-events:auto}.pip__childPlayer___tqBeH .pip__playerWrapper___8XRTF .pip__innerButtons___qkl44 .pip__iconContainer___I7wDY{display:inline-block;padding:2px}.pip__childPlayer___tqBeH .pip__playerWrapper___8XRTF .pip__innerButtons___qkl44 .pip__iconContainer___I7wDY:first-child{margin-right:8px}.pip__animatedFade___vj\\+WL{animation:pip__fading___lS5WQ .3s linear}.pip__animatedScaleRight___16P-V{animation:pip__scalingRight___mxPy7 .3s linear}.pip__animatedScaleLeft___x\\+SjS{animation:pip__scalingLeft___Vdcvp .3s linear}@keyframes pip__scalingRight___mxPy7{0%{transform:scale(0.5) translate(-50%)}100%{transform:scale(1) translate(0%)}}@keyframes pip__scalingLeft___Vdcvp{0%{transform:scale(0.5) translate(50%)}100%{transform:scale(1) translate(0%)}}@keyframes pip__fading___lS5WQ{0%{opacity:0}100%{opacity: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,CAFT,kEFyBI,iBAAkB,CEpBtB,0BACE,iBAAkB,CADpB,gCAGI,iBAAkB,CAHtB,iEFoBI,iBAAkB,CEpBtB,yJAUM,YAAa,CAVnB,+EAcI,YAAa,CAdjB,4EAiBI,iBAAkB,CAjBtB,sDAqBI,iBAAkB,CAClB,UAAW,CACX,WA/BwB,CAgCxB,iBA/BoB,CAgCpB,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,CAxCtB,4DA2CM,0BAA8B,CA3CpC,kFA+CM,gBAAiB,CACjB,WD1DwB,CC2DxB,UD3DwB,CCU9B,sDAsDI,iBAAkB,CAClB,iBD/De,CCgEf,eAAgB,CAChB,wDAAyD,CAzD7D,oFA2DM,+DAAuE,CA3D7E,iFA+DM,kBAAmB,CACnB,wBAAyB,CACzB,mBAAoB,CAjE1B,mFAmEQ,mBAAoB,CAnE5B,6GAuEQ,oBAAqB,CACrB,WAAY,CAxEpB,yHA0EU,gBAAiB,CAClB,4BAOP,wCAA4C,CAC7C,iCAGC,8CAAkD,CACnD,iCAGC,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",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\n@mixin hideImagePlayer {\n &:has(:global(.playkit-image-player > img[src=''])) {\n // hide image player container if image haven't loaded\n visibility: hidden;\n }\n}\n","$smallIconSize: 28px;\n$smallBorderLessIconSize: 16px;\n$animation-duration: 0.3s;\n$border-radius: 8px;\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 @include hideImagePlayer;\n}\n.childPlayer {\n position: relative;\n video {\n position: relative;\n }\n @include hideImagePlayer;\n\n &.hideButtons,\n &.dragging {\n .innerButtons {\n display: none;\n }\n }\n &.hideButtons .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 border-radius: $border-radius;\n overflow: hidden;\n -webkit-mask-image: -webkit-radial-gradient(white, black);\n .playerContainer {\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;\n justify-content: flex-end;\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-right: 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"],sourceRoot:""}]),a.locals={iconContainer:"pip__iconContainer___I7wDY",innerButtons:"pip__innerButtons___qkl44",parentPlayer:"pip__parentPlayer___NCnqk",childPlayer:"pip__childPlayer___tqBeH",hideButtons:"pip__hideButtons___UgdN2",dragging:"pip__dragging___LIITy",hideContainer:"pip__hideContainer___WmxCK",playerWrapper:"pip__playerWrapper___8XRTF",playerContainer:"pip__playerContainer___RCOLw",animatedFade:"pip__animatedFade___vj+WL",fading:"pip__fading___lS5WQ",animatedScaleRight:"pip__animatedScaleRight___16P-V",scalingRight:"pip__scalingRight___mxPy7",animatedScaleLeft:"pip__animatedScaleLeft___x+SjS",scalingLeft:"pip__scalingLeft___Vdcvp"},n.default=a},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.ViewModeLockState=n.ExternalLayout=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){e.Hidden="locked",e.SingleMedia="parent-only",e.SingleMediaInverse="no-parent",e.PIP="pip-parent-in-large",e.PIPInverse="pip-parent-in-small",e.SideBySide="sbs-parent-in-left",e.SideBySideInverse="sbs-parent-in-right"}(n.ExternalLayout||(n.ExternalLayout={})),function(e){e.Locked="locked",e.Unlocked="unlocked"}(n.ViewModeLockState||(n.ViewModeLockState={}))},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.ButtonsEnum=void 0,function(e){e[e.Hide=0]="Hide",e[e.Show=1]="Show",e[e.ExpandScreen=2]="ExpandScreen",e[e.SideBySide=3]="SideBySide",e[e.SwitchScreen=4]="SwitchScreen"}(n.ButtonsEnum||(n.ButtonsEnum={}))},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 a in n=arguments[t])Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a]);return e}).apply(this,arguments)};Object.defineProperty(n,"__esModule",{value:!0}),n.Button=void 0;var a=t(0),r=t(24),o=KalturaPlayer.ui.components.Tooltip;n.Button=function(e){var n=e.onClick,t=e.className,s=e.children,l=e.tooltip,d=e.ariaLabel,c=e.focusOnMount,u=r.useRef(null);r.useEffect((function(){var e;c&&(null===(e=u.current)||void 0===e||e.focus())}),[c]);var p=r.useCallback((function(e,t){void 0===t&&(t=!1);var i=e,a=i.offsetX,r=i.offsetY,o=!a&&!r;e.stopPropagation(),n(t||o)}),[n]),_=r.useCallback((function(e){e.keyCode===KalturaPlayer.ui.utils.KeyMap.ENTER&&p(e,!0)}),[]),y={onMouseUp:p,onKeyDown:_,ref:u,role:"button",tabIndex:0};return t&&(y.className=t),(d||l)&&(y["aria-label"]=d||l.label),a.h("div",i({},y),l?a.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 m})),t.d(n,"useRef",(function(){return A})),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,a,r,o=t(0),s=0,l=[],d=o.options.__b,c=o.options.__r,u=o.options.diffed,p=o.options.__c,_=o.options.unmount;function y(e,n){o.options.__h&&o.options.__h(a,e,s||n),s=0;var t=a.__H||(a.__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 r=y(i++,2);return r.t=e,r.__c||(r.__=[t?t(n):x(void 0,n),function(e){var n=r.t(r.__[0],e);r.__[0]!==n&&(r.__=[n,r.__[1]],r.__c.setState({}))}],r.__c=a),r.__}function f(e,n){var t=y(i++,3);!o.options.__s&&E(t.__H,n)&&(t.__=e,t.__H=n,a.__H.__h.push(t))}function m(e,n){var t=y(i++,4);!o.options.__s&&E(t.__H,n)&&(t.__=e,t.__H=n,a.__h.push(t))}function A(e){return s=5,v((function(){return{current:e}}),[])}function C(e,n,t){s=6,m((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 E(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=a.context[e.__c],t=y(i++,9);return t.c=e,n?(null==t.__&&(t.__=!0,n.sub(a)),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,a.componentDidCatch||(a.componentDidCatch=function(e){n.__&&n.__(e),t[1](e)}),[t[0],function(){t[1](void 0)}]}function I(){l.forEach((function(e){if(e.__P)try{e.__H.__h.forEach(L),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){a=null,d&&d(e)},o.options.__r=function(e){c&&c(e),i=0;var n=(a=e.__c).__H;n&&(n.__h.forEach(L),n.__h.forEach(w),n.__h=[])},o.options.diffed=function(e){u&&u(e);var n=e.__c;n&&n.__H&&n.__H.__h.length&&(1!==l.push(n)&&r===o.options.requestAnimationFrame||((r=o.options.requestAnimationFrame)||function(e){var n,t=function(){clearTimeout(i),M&&cancelAnimationFrame(n),setTimeout(e)},i=setTimeout(t,100);M&&(n=requestAnimationFrame(t))})(I)),a=null},o.options.__c=function(e,n){n.some((function(e){try{e.__h.forEach(L),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){_&&_(e);var n=e.__c;if(n&&n.__H)try{n.__H.__.forEach(L)}catch(e){o.options.__e(e,n.__v)}};var M="function"==typeof requestAnimationFrame;function L(e){var n=a;"function"==typeof e.__c&&e.__c(),a=n}function w(e){var n=a;e.__c=e.__(),a=n}function E(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,a=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)}),r=this&&this.__decorate||function(e,n,t,i){var a,r=arguments.length,o=r<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--)(a=e[s])&&(o=(r<3?a(o):r>3?a(n,t,o):a(n,t))||o);return r>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),d=KalturaPlayer.ui.redux.connect,c=function(e){return{playerHeight:e.shell.guiClientRect.height,playerWidth:e.shell.guiClientRect.width,prePlayback:e.engine.prePlayback}},u=function(e){function n(){var n=null!==e&&e.apply(this,arguments)||this;return n.videoContainerRef=o.createRef(),n}return a(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.playerHeight+"px",width:e.playerWidth+"px"};return o.h("div",{className:n.join(" "),style:t,ref:this.videoContainerRef})},n=r([d(c)],n)}(o.Component);n.PipParent=u},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]}),a=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}),a(t(27),n)},function(e,n,t){"use strict";var i,a=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 r=t(0),o=t(28),s=t(5),l=t(6),d=t(2),c=KalturaPlayer.ui.components.Icon,u=function(e){function n(){var n=null!==e&&e.apply(this,arguments)||this;return n.ref=r.createRef(),n._renderHoverButton=function(){var e=n.props,t=e.show,i=e.onInverse,a=e.hideButtons,u=e.focusOnButton;return r.h(r.Fragment,null,!a&&r.h(l.Button,{onClick:t,className:o.showContainer,ariaLabel:d.Labels.Show,focusOnMount:u===d.ButtonsEnum.Show},r.h(r.Fragment,null,r.h("div",{className:o.iconContainer},r.h(c,{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})),d.Labels.Show)),r.h("div",{className:[o.innerButtons,a?o.tinyInnerButtons:""].join(" ")},r.h(l.Button,{onClick:i,focusOnMount:u===d.ButtonsEnum.SwitchScreen,ariaLabel:d.Labels.SwitchScreen},r.h("div",{className:o.iconContainer},r.h(c,{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 a(n,e),n.prototype.componentDidMount=function(){var e=this.props.player.getVideoElement();e.tabIndex=-1,this.ref.current.appendChild(e)},n.prototype.render=function(e){return r.h("div",{className:o.childPlayerContainer},r.h("div",{ref:this.ref,className:[o.childPlayer,e.hideButtons?o.tinyChildPlayer:""].join(" ")}),this._renderHoverButton())},n}(r.Component);n.PipMinimized=u},function(e,n,t){var i=t(3),a=t(29);"string"==typeof(a=a.__esModule?a.default:a)&&(a=[[e.i,a,""]]);var r={insert:"head",singleton:!1};i(a,r);e.exports=a.locals||{}},function(e,n,t){"use strict";t.r(n);var i=t(1),a=t.n(i)()(!0);a.push([e.i,".pip-minimized__iconContainer___a26rb{height:28px;width:28px;opacity:0.8;cursor:pointer}.pip-minimized__innerButtons___JWiMT{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___JWiMT .pip-minimized__iconContainer___a26rb:hover{background:#444444;border-radius:4px;opacity:1}.pip-minimized__childPlayerContainer___SbEUB{position:absolute;top:0;right:0;transform:translateY(-100%);animation:pip-minimized__fading___Kl3LB .3s linear}.pip-minimized__childPlayerContainer___SbEUB:has(.playkit-image-player>img[src='']){visibility:hidden}.pip-minimized__childPlayerContainer___SbEUB video{position:relative}.pip-minimized__childPlayerContainer___SbEUB .pip-minimized__childPlayer___dA6kb{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;-webkit-mask-image:-webkit-radial-gradient(white, black);overflow:hidden}.pip-minimized__childPlayerContainer___SbEUB .pip-minimized__childPlayer___dA6kb.pip-minimized__tinyChildPlayer___barzW{height:34px;width:60px}.pip-minimized__childPlayerContainer___SbEUB .pip-minimized__showContainer___doQSU{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___SbEUB .pip-minimized__showContainer___doQSU:hover{background:rgba(0,0,0,0.7)}.pip-minimized__childPlayerContainer___SbEUB .pip-minimized__showContainer___doQSU .pip-minimized__iconContainer___a26rb{height:16px;width:16px;margin-right:8px}.pip-minimized__childPlayerContainer___SbEUB .pip-minimized__innerButtons___JWiMT{border-radius:8px;justify-content:center;align-items:center}.pip-minimized__childPlayerContainer___SbEUB .pip-minimized__innerButtons___JWiMT.pip-minimized__tinyInnerButtons___wAzR\\+{height:34px}.pip-minimized__childPlayerContainer___SbEUB .pip-minimized__innerButtons___JWiMT .pip-minimized__iconContainer___a26rb:hover{background:transparent}@keyframes pip-minimized__fading___Kl3LB{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,CEjBhB,6CAKE,iBAAkB,CAClB,KAAM,CACN,OAAQ,CACR,2BAA4B,CAC5B,kDAA4C,CAT9C,oFFyBI,iBAAkB,CEzBtB,mDAGI,iBAAkB,CAHtB,iFAWI,WAAY,CACZ,WAAY,CACZ,6EAAqF,CACrF,iBDjBe,CCkBf,wDAAyD,CACzD,eAAgB,CAhBpB,wHAkBM,WAAY,CACZ,UAAW,CAnBjB,mFAwBI,YAAa,CACb,kBAAmB,CACnB,wBAAyB,CACzB,kBAAmB,CACnB,WAAY,CACZ,cAAe,CAEf,iBAAkB,CAClB,UAAW,CACX,WApCwB,CAqCxB,SAAU,CACV,2BAAoE,CAEpE,aAAc,CACd,iBAAkB,CAClB,kBAAmB,CACnB,cAAe,CACf,gBAAiB,CAEjB,0BAA8B,CAC9B,iBAAkB,CA5CtB,yFA+CM,0BAA8B,CA/CpC,yHAkDM,WAAY,CACZ,UAAW,CACX,gBAAiB,CApDvB,kFAyDI,iBD5De,CC6Df,sBAAuB,CACvB,kBAAmB,CA3DvB,2HA6DM,WAAY,CA7DlB,8HAgEM,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\n@mixin hideImagePlayer {\n &:has(:global(.playkit-image-player > img[src=''])) {\n // hide image player container if image haven't loaded\n visibility: hidden;\n }\n}\n","$smallIconSize: 28px;\n$smallBorderLessIconSize: 16px;\n$animation-duration: 0.3s;\n$border-radius: 8px;\n","@import '~styles/styles';\n@import '~styles/variables';\n\n$show-container-height: 32px;\n$show-container-gap: 5px;\n\n.childPlayerContainer {\n @include hideImagePlayer;\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: $border-radius;\n -webkit-mask-image: -webkit-radial-gradient(white, black);\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: $border-radius;\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:""}]),a.locals={iconContainer:"pip-minimized__iconContainer___a26rb",innerButtons:"pip-minimized__innerButtons___JWiMT",childPlayerContainer:"pip-minimized__childPlayerContainer___SbEUB",fading:"pip-minimized__fading___Kl3LB",childPlayer:"pip-minimized__childPlayer___dA6kb",tinyChildPlayer:"pip-minimized__tinyChildPlayer___barzW",showContainer:"pip-minimized__showContainer___doQSU",tinyInnerButtons:"pip-minimized__tinyInnerButtons___wAzR+"},n.default=a},function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.VideoSyncManager=void 0;var i=t(7),a=t(4),r=a.core.EventType,o=a.core.FakeEvent,s=a.core.Error,l=a.core.StateType,d=function(e,n,t,a){var d=this;this._isSyncDelay=!1,this._errorHandling=function(){d._eventManager.listen(d._secondaryPlayer,r.ERROR,(function(e){d._logger.debug("errorHandling :: secondary player got error");var n=new s(s.Severity.CRITICAL,s.Category.PLAYER,s.Code.VIDEO_ERROR,e);d._mainPlayer.pause(),d._mainPlayer.dispatchEvent(new o(r.ERROR,n))})),d._eventManager.listen(d._mainPlayer,r.ERROR,(function(){d._logger.debug("errorHandling :: main player got error"),d._secondaryPlayer.reset()}))},this._syncEvents=function(){var e=0;d._eventManager.listen(d._mainPlayer,r.PLAY,(function(){d._logger.debug("syncEvents :: secondary player play"),d._secondaryPlayer.play()})),d._eventManager.listen(d._mainPlayer,r.PAUSE,(function(){d._logger.debug("syncEvents :: secondary player pause"),d._secondaryPlayer.pause()})),d._eventManager.listen(d._mainPlayer,r.TIME_UPDATE,(function(){if(!d._isSyncDelay){var n=Date.now();(n-e>1e3||d._mainPlayer.paused)&&(e=n,d._mediaSync())}})),d._eventManager.listen(d._mainPlayer,r.SEEKING,(function(){d._logger.debug("syncEvents :: seeking main player to to "+d._mainPlayer),d._secondaryPlayer.pause(),d._seekSecondaryPlayer(0)})),d._eventManager.listen(d._mainPlayer,r.ENDED,(function(){d._logger.debug("syncEvents :: secondary player pause + seek to 0.01"),d._secondaryPlayer.pause(),d._seekSecondaryPlayer(.01)})),d._eventManager.listen(d._mainPlayer,r.PLAYER_STATE_CHANGED,(function(e){var n=e.payload;if(n.newState.type===l.BUFFERING&&!d._mainPlayer.seeking&&!d._mainPlayer.paused&&!d._secondaryPlayer.paused)return d._logger.debug("syncEvents :: main player got BUFFERING"),void d._secondaryPlayer.pause();n.newState.type===l.PLAYING&&n.oldState.type===l.BUFFERING&&d._secondaryPlayer.paused&&(d._logger.debug("syncEvents :: main player resume PLAYING"),d._secondaryPlayer.play())}))},this._mediaSync=function(){if(!(d._isSyncDelay||d._mainPlayer.paused&&!d._mainPlayer.seeking)&&d._secondaryPlayer){var e=!1,n=d._getSyncDelay();d._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?(d._logger.debug("mediaSync :: Adjusting slave playbackRateChange = "+(d._mainPlayer.playbackRate+t)),d._secondaryPlayer.playbackRate=d._mainPlayer.playbackRate+t):(d._logger.debug("mediaSync :: Adjusting secondary player playbackRateChange to main player and flagging for seek"),d._secondaryPlayer.playbackRate=d._mainPlayer.playbackRate,e=!0):d._mainPlayer.paused||(d._logger.debug("mediaSync :: Main player and secondary player sync, adjusting secondary player playback rate to main player rate"),d._secondaryPlayer.playbackRate=d._mainPlayer.playbackRate,d._secondaryPlayer.play()),e&&(d._logger.debug("mediaSync :: Seeking secondary player to "+(d._mainPlayer.currentTime+.25)),d._seekSecondaryPlayer(.25))}},this._getSyncDelay=function(){var e=d._mainPlayer.currentTime,n=d._secondaryPlayer.currentTime;return-1==e||-1==n||i.isInInterval(n,e-0,e)?0:n-e},this._seekSecondaryPlayer=function(e){var n=d._mainPlayer.currentTime<0?0:d._mainPlayer.currentTime;if(d._secondaryPlayer.ended&&d._secondaryPlayer.duration&&Math.ceil(n)>d._secondaryPlayer.duration)return d._logger.debug("seekSecondaryPlayer :: seekTime "+n+" is out of bounds 0.."+d._secondaryPlayer.duration+". pause secondary player"),void d._secondaryPlayer.pause();d._logger.debug("seekSecondaryPlayer :: seeking to="+n+", ahead="+e),d._secondaryPlayer.currentTime=n+e,d._mainPlayer.paused?d._secondaryPlayer.pause():d._secondaryPlayer.play()},this._eventManager=e,this._mainPlayer=n,this._secondaryPlayer=t,this._logger=a,this._syncEvents(),this._errorHandling()};n.VideoSyncManager=d},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 a in n=arguments[t])Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a]);return e}).apply(this,arguments)};Object.defineProperty(n,"__esModule",{value:!0}),n.ImageSyncManager=void 0;var a=t(4),r=t(2),o=a.core.TimedMetadata,s=function(){function e(e,n,t,a,s){var l=this;this._firstPlaying=!1,this._lock=!1,this._syncEvents=function(){l._eventManager.listen(l._mainPlayer,l._mainPlayer.Event.TIMED_METADATA_CHANGE,l._onTimedMetadataChange),l._eventManager.listen(l._mainPlayer,l._mainPlayer.Event.TIMED_METADATA_ADDED,l._onTimedMetadataAdded),l._eventManager.listen(l._mainPlayer,l._mainPlayer.Event.FIRST_PLAYING,l._onFirstPlaying)},this._onFirstPlaying=function(){l._firstPlaying=!0,l._imagePlayer.preLoadImages()},this._onTimedMetadataChange=function(e){var n=e.payload.cues.reduce((function(e,n){var t,a,o;if((null===(t=n.metadata)||void 0===t?void 0:t.cuePointType)===l._kalturaCuePointService.KalturaCuePointType.THUMB)return i(i({},e),{activeSlide:n.id});if((null===(a=n.metadata)||void 0===a?void 0:a.cuePointType)===l._kalturaCuePointService.KalturaCuePointType.CODE&&"change-view-mode"===(null===(o=n.metadata)||void 0===o?void 0:o.tags)){var s=n.metadata.partnerData,d=s.playerViewModeId,c=s.viewModeLockState;if(d)return i(i({},e),{externalLayout:c===r.ViewModeLockState.Locked?r.ExternalLayout.Hidden:d})}return e}),{activeSlide:null,externalLayout:null}),t=n.activeSlide,a=n.externalLayout;a&&l._onSlideViewChanged(a),l._imagePlayer.setActive(a===r.ExternalLayout.Hidden?null:t)},this._onTimedMetadataAdded=function(e){e.payload.cues.map((function(e){var n;if((null==e?void 0:e.type)===o.TYPE.CUE_POINT&&(null===(n=e.metadata)||void 0===n?void 0:n.cuePointType)===l._kalturaCuePointService.KalturaCuePointType.THUMB)return l._imagePlayer.addImage({id:null==e?void 0:e.id,imageUrl:e.metadata.assetUrl}),e})).length&&l._firstPlaying&&l._imagePlayer.preLoadImages()},this._eventManager=e,this._mainPlayer=n,this._imagePlayer=t,this._logger=a,this._onSlideViewChanged=s,this._syncEvents(),this._kalturaCuePointService=this._mainPlayer.getService("kalturaCuepoints")}return e.prototype.reset=function(){this._firstPlaying=!1},e}();n.ImageSyncManager=s},function(e,n,t){"use strict";var i,a=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)}),r=this&&this.__decorate||function(e,n,t,i){var a,r=arguments.length,o=r<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--)(a=e[s])&&(o=(r<3?a(o):r>3?a(n,t,o):a(n,t))||o);return r>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,d=s.components.PLAYER_SIZE,c=[d.EXTRA_SMALL,d.SMALL,d.TINY],u=[d.EXTRA_SMALL,d.SMALL],p=function(e){return{playerSize:e.shell.playerSize}},_=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:c.includes(i)})},n}return a(n,e),n.prototype.componentDidMount=function(){var e=this.props,n=e.playerSize,t=e.onMinSize;u.includes(n)&&t()},n.prototype.componentDidUpdate=function(e){var n=this.props,t=n.playerSize,i=n.onMinSize,a=n.onDefaultSize;t!==d.TINY&&(!u.includes(t)||u.includes(e.playerSize)?!u.includes(t)&&u.includes(e.playerSize)&&a():i())},n.prototype.render=function(e){return e.playerSize===d.TINY?null:this._renderChildComponent()},n.defaultProps={onMinSize:function(){}},n=r([l(p)],n)}(o.Component);n.ResponsiveManager=_},function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.SecondaryMediaLoader=void 0;var i=KalturaPlayer.providers,a=i.RequestBuilder,r=i.ResponseTypes,o=function(){function e(e){this._parentEntryId="",this._requests=[],this._response={entries:[]},this._parentEntryId=e.parentEntryId;var n=new Map,t=new a(n);t.service="baseEntry",t.action="list",t.params={filter:{objectType:"KalturaBaseEntryFilter",parentEntryIdEqual:this._parentEntryId,typeIn:r.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 r.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]}),a=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}),a(t(35),n)},function(e,n,t){"use strict";var i,a=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)}),r=this&&this.__decorate||function(e,n,t,i){var a,r=arguments.length,o=r<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--)(a=e[s])&&(o=(r<3?a(o):r>3?a(n,t,o):a(n,t))||o);return r>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),d=t(7),c=t(36),u=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}},_=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-d.getClientX(e),i=n._currMousePos.y-d.getClientY(e);if(n._currMousePos.x=d.getClientX(e),n._currMousePos.y=d.getClientY(e),n._draggableItemRef.current&&n._draggableAreaRef.current){var a=parseInt(n._draggableItemRef.current.style.top,10),r=parseInt(n._draggableItemRef.current.style.right,10);n._draggableItemRef.current.style.right=d.dimensionStyleToString(r+t),n._draggableItemRef.current.style.top=d.dimensionStyleToString(a-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,a){n._draggableItemRef.current.style.top=null!==e?d.dimensionStyleToString(e):"",n._draggableItemRef.current.style.right=null!==t?d.dimensionStyleToString(t):"",n._draggableItemRef.current.style.bottom=null!==i?d.dimensionStyleToString(i):"",n._draggableItemRef.current.style.left=null!==a?d.dimensionStyleToString(a):""},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=d.dimensionStyleToString(e),n._draggableItemRef.current.style.right=d.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],a=t.x+t.width/2,r=t.y+t.height/2,s=i.x+i.width/2,d=i.y+i.height/2;a>s?r>d?n._handleChangePosition(l.Position.BottomRight):n._handleChangePosition(l.Position.TopRight):r>d?n._handleChangePosition(l.Position.BottomLeft):n._handleChangePosition(l.Position.TopLeft)},n}return a(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=d.getClientX(e),this._currMousePos.y=d.getClientY(e),this.props.eventManager.listenOnce(document,n,this._onStartDrag),this.props.eventManager.listen(document,n,this._moveDrag)},n.prototype.render=function(){var e=[c.draggableItem];return this.state.isDragging&&e.push(c.dragging),s.h("div",{id:"draggeble-area",className:c.draggableArea,ref:this._draggableAreaRef},s.h("div",{id:"draggable-item",ref:this._draggableItemRef,className:e.join(" "),onTransitionEnd:this._setRelativeStyles},this._renderChildComponent()))},n=r([u(p)],n)}(s.Component);n.DragAndSnapManager=_},function(e,n,t){var i=t(3),a=t(37);"string"==typeof(a=a.__esModule?a.default:a)&&(a=[[e.i,a,""]]);var r={insert:"head",singleton:!1};i(a,r);e.exports=a.locals||{}},function(e,n,t){"use strict";t.r(n);var i=t(1),a=t.n(i)()(!0);a.push([e.i,".drag-and-snap-manager__draggableArea___ifUCa{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}.drag-and-snap-manager__draggableItem___7xiLg{position:absolute;pointer-events:auto}.drag-and-snap-manager__draggableItem___7xiLg.drag-and-snap-manager__dragging___OTNT0{cursor:move}.drag-and-snap-manager__draggableItem___7xiLg:not(.drag-and-snap-manager__dragging___OTNT0){transition:top .3s ease-in,right .3s ease-in,bottom .3s ease-in}.drag-and-snap-manager__draggableItem___7xiLg.drag-and-snap-manager__prePlayback___fZHf3{bottom:-50px}\n","",{version:3,sources:["webpack://components/drag-and-snap-manager/drag-and-snap-manager.scss"],names:[],mappings:"AAEA,8CACE,iBAAkB,CAClB,MAAO,CACP,KAAM,CACN,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 left: 0;\n top: 0;\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}\n"],sourceRoot:""}]),a.locals={draggableArea:"drag-and-snap-manager__draggableArea___ifUCa",draggableItem:"drag-and-snap-manager__draggableItem___7xiLg",dragging:"drag-and-snap-manager__dragging___OTNT0",prePlayback:"drag-and-snap-manager__prePlayback___fZHf3"},n.default=a},function(e,n,t){"use strict";var i,a=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)}),r=this&&this.__assign||function(){return(r=Object.assign||function(e){for(var n,t=1,i=arguments.length;t<i;t++)for(var a in n=arguments[t])Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a]);return e}).apply(this,arguments)};Object.defineProperty(n,"__esModule",{value:!0}),n.SideBySideWrapper=void 0;var o=t(0),s=t(39),l=t(2),d=t(10),c=t(11),u=function(e){function n(){return null!==e&&e.apply(this,arguments)||this}return a(n,e),n.prototype.render=function(e){var n=e.leftSideProps,t=e.rightSideProps,i=e.onSizeChange,a=e.onMinSize;return o.h(d.ResponsiveManager,{onMinSize:function(){a()},onDefaultSize:i},o.h("div",{className:c.sideBySideWrapper},o.h(s.SideBySide,r({},n,{animation:l.Animations.ScaleLeft})),o.h(s.SideBySide,r({},t,{animation:l.Animations.Fade}))))},n}(o.Component);n.SideBySideWrapper=u},function(e,n,t){"use strict";var i,a=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)}),r=this&&this.__decorate||function(e,n,t,i){var a,r=arguments.length,o=r<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--)(a=e[s])&&(o=(r<3?a(o):r>3?a(n,t,o):a(n,t))||o);return r>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),d=t(6),c=t(2),u=KalturaPlayer.ui.components.Icon,p=KalturaPlayer.ui.redux.connect,_=function(e){return{playerWidth:e.shell.guiClientRect.width,showUi:e.shell.playerHover||e.shell.playerNav}},y=function(e){function n(){var n=null!==e&&e.apply(this,arguments)||this;return n.ref=o.createRef(),n}return a(n,e),n.prototype.componentDidMount=function(){var e=this.props.player.getVideoElement();e.tabIndex=-1,this.ref.current.prepend(e)},n.prototype._renderHoverButton=function(){var e=this.props,n=e.onExpand,t=e.showUi,i=e.focusOnButton;return t?o.h("div",{className:s.innerButtons},o.h(d.Button,{className:s.iconContainer,onClick:n,tooltip:{label:c.Labels.ExpandScreen,type:"bottom-left"},focusOnMount:i},o.h(u,{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.playerWidth,t=e.animation,i={height:n/2/16*9},a=[s.player];return t===c.Animations.ScaleLeft?a.push(s.animatedScale):a.push(s.animatedFade),o.h("div",{ref:this.ref,className:a.join(" "),style:i},this._renderHoverButton())},n=r([p(_)],n)}(o.Component);n.SideBySide=y},function(e,n,t){"use strict";t.r(n);var i=t(1),a=t.n(i)()(!0);a.push([e.i,".side-by-side__iconContainer___wi1We{height:28px;width:28px;opacity:0.8;cursor:pointer}.side-by-side__innerButtons___dOkDo{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___dOkDo .side-by-side__iconContainer___wi1We:hover{background:#444444;border-radius:4px;opacity:1}.side-by-side__sideBySideWrapper___Qyf1j{width:100%;height:100%;position:absolute;left:0;display:flex}.side-by-side__player___Q5KOJ{position:relative;margin:auto;flex:1}.side-by-side__player___Q5KOJ:has(.playkit-image-player>img[src='']){visibility:hidden}.side-by-side__player___Q5KOJ .side-by-side__iconContainer___wi1We{padding:2px}.side-by-side__player___Q5KOJ .side-by-side__innerButtons___dOkDo{z-index:1;padding:16px;flex-direction:row-reverse;animation:side-by-side__appears___zwo0C .3s linear}.side-by-side__animatedScale___d2hEx{animation:side-by-side__scaling___dcUq3 .3s linear}.side-by-side__animatedFade___duTBX{animation:side-by-side__fading___H1wdi .3s linear}@keyframes side-by-side__appears___zwo0C{0%{opacity:0}99%{opacity:0}100%{opacity:1}}@keyframes side-by-side__scaling___dcUq3{0%{transform:scale(2) translate(25%);z-index:100}100%{transform:scale(1) translate(0%);z-index:0}}@keyframes side-by-side__fading___H1wdi{0%{opacity:0}100%{opacity:1}}.has-dual-screen-plugin-overlay.playkit-hover .playkit-side-panel{z-index: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,qEFoBI,iBAAkB,CEpBtB,mEAOI,WAAY,CAPhB,kEAWI,SAAU,CACV,YAAa,CACb,0BAA2B,CAC3B,kDAA6C,CAC9C,qCAID,kDAA6C,CAC9C,oCAGC,iDAA4C,CAC7C,yCAGC,GACE,SAAU,CAEZ,IACE,SAAU,CAEZ,KACE,SAAU,CAAA,CAId,yCACE,GACE,iCAAkC,CAClC,WAAY,CAEd,KACE,gCAAiC,CACjC,SAAU,CAAA,CAId,wCACE,GACE,SAAU,CAEZ,KACE,SAAU,CAAA,CAId,kEAEE,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\n@mixin hideImagePlayer {\n &:has(:global(.playkit-image-player > img[src=''])) {\n // hide image player container if image haven't loaded\n visibility: hidden;\n }\n}\n","$smallIconSize: 28px;\n$smallBorderLessIconSize: 16px;\n$animation-duration: 0.3s;\n$border-radius: 8px;\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 @include hideImagePlayer;\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 0% {\n opacity: 0;\n }\n 99% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\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\n:global(.has-dual-screen-plugin-overlay.playkit-hover .playkit-side-panel) {\n // prevent displaying innerButtons over playkit-side-panel\n z-index: 1;\n}\n"],sourceRoot:""}]),a.locals={iconContainer:"side-by-side__iconContainer___wi1We",innerButtons:"side-by-side__innerButtons___dOkDo",sideBySideWrapper:"side-by-side__sideBySideWrapper___Qyf1j",player:"side-by-side__player___Q5KOJ",appears:"side-by-side__appears___zwo0C",animatedScale:"side-by-side__animatedScale___d2hEx",scaling:"side-by-side__scaling___dcUq3",animatedFade:"side-by-side__animatedFade___duTBX",fading:"side-by-side__fading___H1wdi"},n.default=a},function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.DualScreenEngineDecorator=void 0;var i=t(4),a=(i.core.FakeEvent,i.core.EventType),r=function(){function e(e,n,t){var i=this;this._isActive=!1,this._plugin=n,this._dispatcher=t,n.eventManager.listen(n.player,a.SEEKING,(function(){i._isActive=!!i._plugin.secondaryKalturaPlayer.src})),n.eventManager.listen(n.player,a.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===a.SEEKED?(this._plugin.eventManager.listenOnce(this._plugin.secondaryKalturaPlayer,a.SEEKED,(function(){n._dispatcher(e)})),!0):this._dispatcher(e)},e}();n.DualScreenEngineDecorator=r},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]}),a=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}),a(t(43),n)},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 a in n=arguments[t])Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a]);return e}).apply(this,arguments)};Object.defineProperty(n,"__esModule",{value:!0}),n.ImagePlayer=void 0,t(44);var a=function(){function e(e,n){var t=this;this._images=[],this._activeImage=null,this._preloadEnabled=!0,this.preLoadImages=function(){var e=t._images.some((function(e){return e.loading}));if(t._preloadEnabled&&!e){for(var n=t._activeImage?t._activeImage.index:0;n<t._images.length;n++){var i=t._images[n];if(!t._isSlideItemPreloded(i))return void t._preLoadImage(i)}var a=t._images.find((function(e){return!t._isSlideItemPreloded(e)}));a&&t._preLoadImage(a)}},this.addImage=function(e){if(!t._images.find((function(n){return n.id===e.id}))){var n=function(){},a=new Promise((function(e){n=e})),r=i(i({},e),{index:t._images.length,loading:!1,loaded:!1,portrait:!1,retryAttempts:0,ready:a,setReady:n});t._images.push(r)}},this.setActive=function(e){if(!e){if(!t._activeImage)return;return t._imagePlayer.firstChild.setAttribute("src",""),t._activeImage=null,void t._onActiveChange(null)}t._activeImage&&e===t._activeImage.id||(clearTimeout(t._retryTimeout),t._images.find((function(n){return e===n.id&&(t._preLoadImage(n),t._activeImage=n,n.ready.then((function(){var e;(null===(e=t._activeImage)||void 0===e?void 0:e.id)===n.id&&(t._onActiveChange(n),t._imagePlayer.firstChild.setAttribute("src",n.imageUrl))})),!0)})))},this.getVideoElement=function(){return t._imagePlayer},this._isSlideItemPreloded=function(e){return e.loaded||e.loading||e.retryAttempts>=3},this._createImagePlayer=function(){var e=document.createElement("div"),n=document.createElement("img");return n.src="",e.appendChild(n),e.classList.add("playkit-image-player"),e},this._preLoadImage=function(e){if(t._isSlideItemPreloded(e))t.preLoadImages();else{e.retryAttempts++,e.loading=!0;var n=new Image;n.onload=function(){e.loading=!1,e.loaded=!0,e.portrait=n.width<n.height,e.setReady(),t.preLoadImages()},n.onerror=function(){e.loading=!1,t._retryTimeout=setTimeout((function(){t._preLoadImage(e)}),2e3)},n.src=e.imageUrl}},this.reset=function(){t._activeImage=null,t._images=[],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=a},function(e,n,t){var i=t(3),a=t(45);"string"==typeof(a=a.__esModule?a.default:a)&&(a=[[e.i,a,""]]);var r={insert:"head",singleton:!1};i(a,r);e.exports=a.locals||{}},function(e,n,t){"use strict";t.r(n);var i=t(1),a=t.n(i)()(!0);a.push([e.i,".playkit-image-player{width:100%;height:100%}.playkit-image-player img{width:100%;height:100%;object-fit:contain;position:relative;top:0px;left:0px;pointer-events:none}\n","",{version:3,sources:["webpack://image-player/image-player.scss"],names:[],mappings:"AAAA,sBAEI,UAAU,CACV,WAAW,CAHf,0BAKM,UAAU,CACV,WAAW,CACX,kBAAmB,CACnB,iBAAkB,CAClB,OAAQ,CACR,QAAS,CACT,mBAAoB",sourcesContent:[":global {\n .playkit-image-player {\n width:100%;\n height:100%;\n img {\n width:100%;\n height:100%;\n object-fit: contain;\n position: relative;\n top: 0px;\n left: 0px;\n pointer-events: none;\n }\n }\n}\n"],sourceRoot:""}]),n.default=a},function(e,n,t){var i=t(3),a=t(47);"string"==typeof(a=a.__esModule?a.default:a)&&(a=[[e.i,a,""]]);var r={insert:"head",singleton:!1};i(a,r);e.exports=a.locals||{}},function(e,n,t){"use strict";t.r(n);var i=t(1),a=t.n(i)()(!0);a.push([e.i,".playkit-player.has-dual-screen-plugin-overlay .playkit-subtitles{z-index:1}.playkit-player.has-dual-screen-plugin-overlay .playkit-slideIn{z-index:1}\n","",{version:3,sources:["webpack://styles/global.scss"],names:[],mappings:"AAAA,kEAEI,SAAU,CAFd,gEAKI,SAAU",sourcesContent:[":global(.playkit-player.has-dual-screen-plugin-overlay) {\n :global(.playkit-subtitles) {\n z-index: 1;\n }\n :global(.playkit-slideIn) {\n z-index: 1;\n }\n}\n"],sourceRoot:""}]),n.default=a}]);
|
|
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 a=n[i]={i:i,l:!1,exports:{}};return e[i].call(a.exports,a,a.exports,t),a.l=!0,a.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 a in e)t.d(i,a,function(n){return e[n]}.bind(null,a));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 a=(o=i,s=btoa(unescape(encodeURIComponent(JSON.stringify(o)))),l="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(s),"/*# ".concat(l," */")),r=i.sources.map((function(e){return"/*# sourceURL=".concat(i.sourceRoot||"").concat(e," */")}));return[t].concat(r).concat([a]).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 a={};if(i)for(var r=0;r<this.length;r++){var o=this[r][0];null!=o&&(a[o]=!0)}for(var s=0;s<e.length;s++){var l=[].concat(e[s]);i&&a[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]}),a=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}),a(t(17),n),a(t(18),n),a(t(9),n),a(t(19),n),a(t(20),n),a(t(21),n),a(t(22),n)},function(e,n,t){"use strict";var i,a=function(){return void 0===i&&(i=Boolean(window&&document&&document.all&&!window.atob)),i},r=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=[],a=0;a<e.length;a++){var r=e[a],l=n.base?r[0]+n.base:r[0],d=t[l]||0,c="".concat(l," ").concat(d);t[l]=d+1;var u=s(c),p={css:r[1],media:r[2],sourceMap:r[3]};-1!==u?(o[u].references++,o[u].updater(p)):o.push({identifier:c,updater:h(p,n),references:1}),i.push(c)}return i}function d(e){var n=document.createElement("style"),i=e.attributes||{};if(void 0===i.nonce){var a=t.nc;a&&(i.nonce=a)}if(Object.keys(i).forEach((function(e){n.setAttribute(e,i[e])})),"function"==typeof e.insert)e.insert(n);else{var o=r(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 c,u=(c=[],function(e,n){return c[e]=n,c.filter(Boolean).join("\n")});function p(e,n,t,i){var a=t?"":i.media?"@media ".concat(i.media," {").concat(i.css,"}"):i.css;if(e.styleSheet)e.styleSheet.cssText=u(n,a);else{var r=document.createTextNode(a),o=e.childNodes;o[n]&&e.removeChild(o[n]),o.length?e.insertBefore(r,o[n]):e.appendChild(r)}}function _(e,n,t){var i=t.css,a=t.media,r=t.sourceMap;if(a?e.setAttribute("media",a):e.removeAttribute("media"),r&&"undefined"!=typeof btoa&&(i+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(r))))," */")),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,a;if(n.singleton){var r=g++;t=y||(y=d(n)),i=p.bind(null,t,r,!1),a=p.bind(null,t,r,!0)}else t=d(n),i=_.bind(null,t,n),a=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 a()}}e.exports=function(e,n){(n=n||{}).singleton||"boolean"==typeof n.singleton||(n.singleton=a());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 a=s(t[i]);o[a].references--}for(var r=l(e,n),d=0;d<t.length;d++){var c=s(t[d]);0===o[c].references&&(o[c].updater(),o.splice(c,1))}t=r}}}},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]}),a=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}),a(t(23),n)},function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.getValueOrUndefined=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.getValueOrUndefined=function(e,n){return e?n:void 0}},function(e,n,t){var i=t(3),a=t(16);"string"==typeof(a=a.__esModule?a.default:a)&&(a=[[e.i,a,""]]);var r={insert:"head",singleton:!1};i(a,r);e.exports=a.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]}),a=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}),a(t(32),n)},function(e,n,t){var i=t(3),a=t(40);"string"==typeof(a=a.__esModule?a.default:a)&&(a=[[e.i,a,""]]);var r={insert:"head",singleton:!1};i(a,r);e.exports=a.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="3.0.2-canary.2-c381265";n.NAME="@playkit-js/playkit-js-dual-screen";KalturaPlayer.core.registerPlugin("dualscreen",i.DualScreen)},function(e,n,t){"use strict";var i,a=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)}),r=this&&this.__assign||function(){return(r=Object.assign||function(e){for(var n,t=1,i=arguments.length;t<i;t++)for(var a in n=arguments[t])Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a]);return e}).apply(this,arguments)};Object.defineProperty(n,"__esModule",{value:!0}),n.DualScreen=void 0;var o=t(0),s=t(14),l=t(26),d=t(2),c=t(30),u=t(31),p=t(10),_=t(33),y=t(34),g=t(38),h=t(7),f=t(41),m=t(42),A=t(4);t(46);var C=KalturaPlayer.ui.reducers.shell,v=A.core.EventType,P=["Playback","Live","Ads"],b=function(e){function n(n,t,i){var a=e.call(this,n,t,i)||this;return a._externalLayout=null,a._pipPosition=d.Position.BottomRight,a._removeActivesArr=[],a._playbackEnded=!1,a._resolveReadyPromise=function(){},a._secondaryPlayerType=d.PlayerType.VIDEO,a._pipPortraitMode=!1,a._undoRemoveSettings=null,a._removeSettingsComponent=function(){if(!a._undoRemoveSettings){var e={presets:P,container:d.ReservedPresetAreas.BottomBarRightControls,get:KalturaPlayer.ui.components.Remove,replaceComponent:KalturaPlayer.ui.components.Settings.displayName};a._undoRemoveSettings=a._player.ui.addComponent(e)}},a._makeReadyPromise=function(){return new Promise((function(e){a._resolveReadyPromise=e}))},a._getSecondaryPlayer=function(){return a._secondaryPlayerType===d.PlayerType.IMAGE?a._imagePlayer:a.secondaryKalturaPlayer},a._setMode=function(){switch(a._layout){case d.Layout.PIP:a._switchToPIP();break;case d.Layout.PIPInverse:a._switchToPIPInverse();break;case d.Layout.SingleMedia:a._switchToSingleMedia();break;case d.Layout.SingleMediaInverse:a._switchToSingleMediaInverse();break;case d.Layout.SideBySide:a._switchToSideBySide();break;case d.Layout.SideBySideInverse:a._switchToSideBySideInverse();break;case d.Layout.Hidden:a._switchToHidden();break;default:a.logger.warn("unrecognized layout, got:",a._layout)}},a._setDefaultMode=function(){a._switchToHidden();var e=[d.Layout.PIP,d.Layout.PIPInverse,d.Layout.SideBySide,d.Layout.SideBySideInverse,d.Layout.SingleMedia,d.Layout.SingleMediaInverse];a._layout=e.includes(a.config.layout)?a.config.layout:d.Layout.Hidden,a._pipPosition=a.config.position,a._pipPortraitMode=!1,a._externalLayout=null},a._setPipPosition=function(e){a._pipPosition=e},a.getPipPosition=function(){return a._pipPosition},a._switchToHidden=function(){var e=a._player.ui.store.dispatch;a._layout=d.Layout.Hidden,e(C.actions.removePlayerClass("has-dual-screen-plugin-overlay")),a._removeActives()},a._switchToPIP=function(e,n){var t;void 0===e&&(e=d.Animations.None),a._layout===d.Layout.PIP&&a._removeActivesArr.length&&(null===(t=a._imagePlayer.active)||void 0===t?void 0:t.portrait)===a._pipPortraitMode||(a._pipPortraitMode=a._imagePlayer.active?a._imagePlayer.active.portrait:a._pipPortraitMode,a._layout=d.Layout.PIP,a._addActives(a._player.ui.addComponent({label:"kaltura-dual-screen-pip",presets:P,container:d.ReservedPresetAreas.VideoContainer,get:function(){return o.h(s.PipParent,{animation:e,player:a._player})}}),a._player.ui.addComponent({label:"kaltura-dual-screen-pip",presets:P,container:d.ReservedPresetAreas.InteractiveArea,get:function(){return o.h(p.ResponsiveManager,{onMinSize:function(){a._switchToSingleMedia()},onDefaultSize:a._setMode},o.h(y.DragAndSnapManager,{eventManager:a.eventManager,logger:a.logger,getPosition:a.getPipPosition,onPositionChanged:a._setPipPosition},o.h(s.PipChild,{animation:d.Animations.Fade,playerSizePercentage:a.config.childSizePercentage,player:a._getSecondaryPlayer(),hide:function(e){return a._switchToSingleMedia(d.Animations.None,h.getValueOrUndefined(e,d.ButtonsEnum.Show))},onSideBySideSwitch:function(e){return a._switchToSideBySide(e)},onInversePIP:function(e){return a._switchToPIPInverse(d.Animations.Fade,h.getValueOrUndefined(e,d.ButtonsEnum.SwitchScreen))},portrait:a._pipPortraitMode,aspectRatio:a.config.childAspectRatio,focusOnButton:n})))}})))},a._switchToPIPInverse=function(e,n){void 0===e&&(e=d.Animations.None),a._layout===d.Layout.PIPInverse&&a._removeActivesArr.length||(a._layout=d.Layout.PIPInverse,a._addActives(a._player.ui.addComponent({label:"kaltura-dual-screen-pip",presets:P,container:d.ReservedPresetAreas.VideoContainer,get:function(){return o.h(s.PipParent,{animation:e,player:a._getSecondaryPlayer()})}}),a._player.ui.addComponent({label:"kaltura-dual-screen-pip",presets:P,container:d.ReservedPresetAreas.InteractiveArea,get:function(){return o.h(p.ResponsiveManager,{onMinSize:function(){a._switchToSingleMediaInverse()},onDefaultSize:a._setMode},o.h(y.DragAndSnapManager,{eventManager:a.eventManager,logger:a.logger,getPosition:a.getPipPosition,onPositionChanged:a._setPipPosition},o.h(s.PipChild,{animation:d.Animations.Fade,playerSizePercentage:a.config.childSizePercentage,player:a._player,hide:function(e){return a._switchToSingleMediaInverse(d.Animations.None,h.getValueOrUndefined(e,d.ButtonsEnum.Show))},onSideBySideSwitch:function(e){return a._switchToSideBySideInverse(e)},onInversePIP:function(e){return a._switchToPIP(d.Animations.Fade,h.getValueOrUndefined(e,d.ButtonsEnum.SwitchScreen))},aspectRatio:a.config.childAspectRatio,focusOnButton:n})))}})))},a._switchToSingleMedia=function(e,n){void 0===e&&(e=d.Animations.None),a._layout===d.Layout.SingleMedia&&a._removeActivesArr.length||(a._layout=d.Layout.SingleMedia,a._addActives(a._player.ui.addComponent({label:"kaltura-dual-screen-pip",presets:P,container:d.ReservedPresetAreas.VideoContainer,get:function(){return o.h(s.PipParent,{animation:e,player:a._player})}}),a._player.ui.addComponent({label:"kaltura-dual-screen-pip-minimized",presets:P,container:d.ReservedPresetAreas.BottomBar,get:function(){return o.h(p.ResponsiveManager,{onDefaultSize:a._setMode},o.h(l.PipMinimized,{show:function(e){return a._switchToPIP(d.Animations.None,h.getValueOrUndefined(e,d.ButtonsEnum.Hide))},player:a._getSecondaryPlayer(),onInverse:function(e){return a._switchToSingleMediaInverse(d.Animations.Fade,h.getValueOrUndefined(e,d.ButtonsEnum.SwitchScreen))},focusOnButton:n}))}})))},a._switchToSingleMediaInverse=function(e,n){void 0===e&&(e=d.Animations.None),a._layout===d.Layout.SingleMediaInverse&&a._removeActivesArr.length||(a._layout=d.Layout.SingleMediaInverse,a._addActives(a._player.ui.addComponent({label:"kaltura-dual-screen-pip",presets:P,container:d.ReservedPresetAreas.VideoContainer,get:function(){return o.h(s.PipParent,{animation:e,player:a._getSecondaryPlayer()})}}),a._player.ui.addComponent({label:"kaltura-dual-screen-pip-minimized",presets:P,container:d.ReservedPresetAreas.BottomBar,get:function(){return o.h(p.ResponsiveManager,{onDefaultSize:a._setMode},o.h(l.PipMinimized,{show:function(e){return a._switchToPIPInverse(d.Animations.None,h.getValueOrUndefined(e,d.ButtonsEnum.Hide))},player:a._player,onInverse:function(e){return a._switchToSingleMedia(d.Animations.Fade,h.getValueOrUndefined(e,d.ButtonsEnum.SwitchScreen))},focusOnButton:n}))}})))},a._switchToSideBySide=function(e){if(a._layout!==d.Layout.SideBySide||!a._removeActivesArr.length){a._layout=d.Layout.SideBySide;var n={player:a._player,onExpand:function(e){return a._switchToPIP(d.Animations.ScaleRight,h.getValueOrUndefined(e,d.ButtonsEnum.SideBySide))},focusOnButton:e},t={player:a._getSecondaryPlayer(),onExpand:function(e){return a._switchToPIPInverse(d.Animations.ScaleLeft,h.getValueOrUndefined(e,d.ButtonsEnum.SideBySide))}};a._addActives(a._player.ui.addComponent({label:"kaltura-dual-screen-side-by-side",presets:P,container:d.ReservedPresetAreas.VideoContainer,get:function(){return o.h(g.SideBySideWrapper,{leftSideProps:n,rightSideProps:t,onSizeChange:a._setMode,onMinSize:a._switchToSingleMedia})}}))}},a._switchToSideBySideInverse=function(e){if(a._layout!==d.Layout.SideBySideInverse||!a._removeActivesArr.length){a._layout=d.Layout.SideBySideInverse;var n={player:a._getSecondaryPlayer(),onExpand:function(e){return a._switchToPIPInverse(d.Animations.ScaleRight,h.getValueOrUndefined(e,d.ButtonsEnum.SideBySide))},focusOnButton:e},t={player:a._player,onExpand:function(e){return a._switchToPIP(d.Animations.ScaleLeft,h.getValueOrUndefined(e,d.ButtonsEnum.SideBySide))}};a._addActives(a._player.ui.addComponent({label:"kaltura-dual-screen-side-by-side",presets:P,container:d.ReservedPresetAreas.VideoContainer,get:function(){return o.h(g.SideBySideWrapper,{leftSideProps:n,rightSideProps:t,onSizeChange:a._setMode,onMinSize:a._switchToSingleMedia})}}))}},a._onActiveSlideChanged=function(e){if(e){var n=!1;a._layout!==d.Layout.Hidden||a._externalLayout||(n=!0,a._setDefaultMode()),a._layout===d.Layout.Hidden&&a._externalLayout&&a._applyExternalLayout();var t=!1;e.portrait!==a._pipPortraitMode&&(t=!0),(n||t&&a._layout===d.Layout.PIP)&&a._setMode(),a._removeSettingsComponent()}else a._switchToHidden()},a._onSlideViewChanged=function(e){a._externalLayout!==e&&(a._externalLayout=e,a._applyExternalLayout())},a._applyExternalLayout=function(){switch(a._externalLayout){case d.ExternalLayout.Hidden:a._switchToHidden();break;case d.ExternalLayout.SingleMedia:a._layout!==d.Layout.SingleMedia&&a._switchToSingleMedia();break;case d.ExternalLayout.SingleMediaInverse:a._layout!==d.Layout.SingleMediaInverse&&a._switchToSingleMediaInverse();break;case d.ExternalLayout.PIP:a._layout!==d.Layout.PIP&&a._switchToPIP();break;case d.ExternalLayout.PIPInverse:a._layout!==d.Layout.PIPInverse&&a._switchToPIPInverse();break;case d.ExternalLayout.SideBySide:a._layout!==d.Layout.SideBySide&&a._switchToSideBySide();break;case d.ExternalLayout.SideBySideInverse:a._layout!==d.Layout.SideBySideInverse&&a._switchToSideBySideInverse()}},a._player=t,a._imagePlayer=new m.ImagePlayer(a._onActiveSlideChanged,a.config.slidesPreloadEnabled),a._readyPromise=a._makeReadyPromise(),a._layout=d.Layout.Hidden,a._pipPosition=a.config.position,a}return a(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.loadMedia=function(){this._addBindings();var e=this._player.getService("kalturaCuepoints");this._getSecondaryMedia(),e?this._getThumbs(e):this.logger.warn("kalturaCuepoints service is not registered")},n.prototype.reset=function(){var e,n;this._setDefaultMode(),this._layout=d.Layout.Hidden,this._imagePlayer.reset(),null===(e=this._imageSyncManager)||void 0===e||e.reset(),this._readyPromise=this._makeReadyPromise(),this._undoRemoveSettings&&(this._undoRemoveSettings(),this._undoRemoveSettings=null),null===(n=this.secondaryKalturaPlayer)||void 0===n||n.destroy(),this.secondaryKalturaPlayer=null,this._removeSecondaryPlaceholder(),this.eventManager.removeAll()},n.prototype._removeSecondaryPlaceholder=function(){var e=document.getElementById("secondaryPlaceholder");e&&document.body.removeChild(e)},n.prototype._addBindings=function(){var e=this;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._secondaryPlayerType!==d.PlayerType.IMAGE||e._imagePlayer.active?(e._setDefaultMode(),e._setMode()):e._switchToHidden())}))},n.prototype._addActives=function(){for(var e=[],n=0;n<arguments.length;n++)e[n]=arguments[n];var t=this._player.ui.store.dispatch;t(C.actions.addPlayerClass("has-dual-screen-plugin-overlay")),this._removeActives(),this._removeActivesArr=e},n.prototype._removeActives=function(){this._removeActivesArr.forEach((function(e){e()})),this._removeActivesArr=[],this._originalVideoElementParent&&this._originalVideoElementParent.prepend(this._player.getVideoElement())},n.prototype._getThumbs=function(e){null==e||e.registerTypes([e.CuepointType.SLIDE,e.CuepointType.VIEW_CHANGE])},n.prototype._getSecondaryMedia=function(){var e=this;this._player.provider.doRequest([{loader:_.SecondaryMediaLoader,params:{parentEntryId:this._player.sources.id}}]).then((function(n){var t,i;if(n&&n.has(_.SecondaryMediaLoader.id)){var a=n.get(_.SecondaryMediaLoader.id),r=null===(i=null===(t=null==a?void 0:a.response)||void 0===t?void 0:t.entries[0])||void 0===i?void 0:i.id;r?(e._secondaryPlayerType=d.PlayerType.VIDEO,e._removeSettingsComponent(),e.secondaryKalturaPlayer=e._createSecondaryPlayer(),e.eventManager.listenOnce(e.secondaryKalturaPlayer,v.CHANGE_SOURCE_ENDED,(function(){e._resolveReadyPromise()})),e._videoSyncManager=new c.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:r,ks:e.player.config.session.isAnonymous?"":e.player.config.session.ks})):(e.logger.warn("Secondary entry id not found"),e._secondaryPlayerType=d.PlayerType.IMAGE,e.player.getService("kalturaCuepoints")&&(e._imageSyncManager=new u.ImageSyncManager(e.eventManager,e.player,e._imagePlayer,e.logger,e._onSlideViewChanged)),e._resolveReadyPromise())}})).catch((function(n){e.logger.error(n),e._resolveReadyPromise()}))},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:r(r({},this._player.config.provider),{ignoreServerConfig:!0})};return KalturaPlayer.setup(n)},n.isValid=function(){return!0},n.prototype.destroy=function(){this.eventManager.destroy()},n.defaultConfig={layout:d.Layout.PIP,childSizePercentage:30,childAspectRatio:{width:16,height:9},position:d.Position.BottomRight,slidesPreloadEnabled:!0},n}(KalturaPlayer.core.BasePlugin);n.DualScreen=b},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]}),a=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}),a(t(15),n),a(t(25),n)},function(e,n,t){"use strict";var i,a=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)}),r=this&&this.__decorate||function(e,n,t,i){var a,r=arguments.length,o=r<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--)(a=e[s])&&(o=(r<3?a(o):r>3?a(n,t,o):a(n,t))||o);return r>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),d=t(5),c=t(6),u=KalturaPlayer.ui.redux.connect,p=KalturaPlayer.ui,_=p.utils,y=p.reducers,g=KalturaPlayer.ui.components.Icon,h=function(e){return{showUi:e.shell.playerHover||e.shell.playerNav,playerHeight:e.shell.guiClientRect.height,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 a(n,e),n.prototype.componentDidMount=function(){var e=this.props.player.getVideoElement();e.tabIndex=-1,this.playerContainerRef.current.prepend(e),this.props.setDraggableTarget(this.playerContainerRef.current)},n.prototype._renderInnerButtons=function(){var e=this.props,n=e.onSideBySideSwitch,t=e.onInversePIP,i=e.focusOnButton;return o.h("div",{className:s.innerButtons},o.h(c.Button,{className:s.iconContainer,onClick:n,tooltip:{label:l.Labels.SideBySide,type:"bottom"},focusOnMount:i===l.ButtonsEnum.SideBySide},o.h(g,{id:"dualscreen-pip-side-by-side",height:d.icons.MediumSize,width:d.icons.MediumSize,viewBox:"0 0 "+d.icons.MediumSize+" "+d.icons.MediumSize,path:d.icons.SIDE_BY_SIDE_ICON_PATH})),o.h(c.Button,{className:s.iconContainer,onClick:t,tooltip:{label:l.Labels.SwitchScreen,type:"bottom-left"},focusOnMount:i===l.ButtonsEnum.SwitchScreen},o.h(g,{id:"dualscreen-pip-swap",height:d.icons.MediumSize,width:d.icons.MediumSize,viewBox:"0 0 "+d.icons.MediumSize+" "+d.icons.MediumSize,path:d.icons.SWAP_ICON_PATH})))},n.prototype._renderHideButton=function(){var e=this.props,n=e.hide,t=e.focusOnButton;return o.h(c.Button,{className:s.hideContainer,onClick:n,ariaLabel:l.Labels.Hide,focusOnMount:t===l.ButtonsEnum.Hide},o.h(o.Fragment,null,o.h("div",{className:s.iconContainer},o.h(g,{id:"dualscreen-pip-hide",height:d.icons.SmallSize,width:d.icons.SmallSize,viewBox:"0 0 "+d.icons.SmallSize+" "+d.icons.SmallSize,path:d.icons.HIDE_ICON_PATH})),l.Labels.Hide))},n.prototype.render=function(e){var n=[s.childPlayer];if(e.isDragging&&n.push(s.dragging),e.showUi||n.push(s.hideButtons),!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.playerHeight*e.playerSizePercentage/100,i=t*e.aspectRatio.width/e.aspectRatio.height,a={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:a,ref:this.playerContainerRef}),this._renderInnerButtons()))},n=r([u(h,_.bindActions(y.shell.actions))],n)}(o.Component);n.PipChild=f},function(e,n,t){"use strict";t.r(n);var i=t(1),a=t.n(i)()(!0);a.push([e.i,".pip__iconContainer___I7wDY{height:28px;width:28px;opacity:0.8;cursor:pointer}.pip__innerButtons___qkl44{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___qkl44 .pip__iconContainer___I7wDY:hover{background:#444444;border-radius:4px;opacity:1}.pip__parentPlayer___NCnqk{position:absolute;left:0}.pip__parentPlayer___NCnqk:has(.playkit-image-player>img[src='']){visibility:hidden}.pip__childPlayer___tqBeH{position:relative}.pip__childPlayer___tqBeH video{position:relative}.pip__childPlayer___tqBeH:has(.playkit-image-player>img[src='']){visibility:hidden}.pip__childPlayer___tqBeH.pip__hideButtons___UgdN2 .pip__innerButtons___qkl44,.pip__childPlayer___tqBeH.pip__dragging___LIITy .pip__innerButtons___qkl44{display:none}.pip__childPlayer___tqBeH.pip__hideButtons___UgdN2 .pip__hideContainer___WmxCK{display:none}.pip__childPlayer___tqBeH.pip__dragging___LIITy .pip__hideContainer___WmxCK{visibility:hidden}.pip__childPlayer___tqBeH .pip__hideContainer___WmxCK{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___tqBeH .pip__hideContainer___WmxCK:hover{background:rgba(0,0,0,0.7)}.pip__childPlayer___tqBeH .pip__hideContainer___WmxCK .pip__iconContainer___I7wDY{margin-right:8px;height:16px;width:16px}.pip__childPlayer___tqBeH .pip__playerWrapper___8XRTF{position:relative;border-radius:8px;overflow:hidden;-webkit-mask-image:-webkit-radial-gradient(white, black)}.pip__childPlayer___tqBeH .pip__playerWrapper___8XRTF .pip__playerContainer___RCOLw{box-shadow:0 0 40px 0 rgba(0,0,0,0.2),0 0 4px 0 rgba(0,0,0,0.3)}.pip__childPlayer___tqBeH .pip__playerWrapper___8XRTF .pip__innerButtons___qkl44{flex-direction:row;justify-content:flex-end;pointer-events:none}.pip__childPlayer___tqBeH .pip__playerWrapper___8XRTF .pip__innerButtons___qkl44 *{pointer-events:auto}.pip__childPlayer___tqBeH .pip__playerWrapper___8XRTF .pip__innerButtons___qkl44 .pip__iconContainer___I7wDY{display:inline-block;padding:2px}.pip__childPlayer___tqBeH .pip__playerWrapper___8XRTF .pip__innerButtons___qkl44 .pip__iconContainer___I7wDY:first-child{margin-right:8px}.pip__animatedFade___vj\\+WL{animation:pip__fading___lS5WQ .3s linear}.pip__animatedScaleRight___16P-V{animation:pip__scalingRight___mxPy7 .3s linear}.pip__animatedScaleLeft___x\\+SjS{animation:pip__scalingLeft___Vdcvp .3s linear}@keyframes pip__scalingRight___mxPy7{0%{transform:scale(0.5) translate(-50%)}100%{transform:scale(1) translate(0%)}}@keyframes pip__scalingLeft___Vdcvp{0%{transform:scale(0.5) translate(50%)}100%{transform:scale(1) translate(0%)}}@keyframes pip__fading___lS5WQ{0%{opacity:0}100%{opacity: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,CAFT,kEFyBI,iBAAkB,CEpBtB,0BACE,iBAAkB,CADpB,gCAGI,iBAAkB,CAHtB,iEFoBI,iBAAkB,CEpBtB,yJAUM,YAAa,CAVnB,+EAcI,YAAa,CAdjB,4EAiBI,iBAAkB,CAjBtB,sDAqBI,iBAAkB,CAClB,UAAW,CACX,WA/BwB,CAgCxB,iBA/BoB,CAgCpB,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,CAxCtB,4DA2CM,0BAA8B,CA3CpC,kFA+CM,gBAAiB,CACjB,WD1DwB,CC2DxB,UD3DwB,CCU9B,sDAsDI,iBAAkB,CAClB,iBD/De,CCgEf,eAAgB,CAChB,wDAAyD,CAzD7D,oFA2DM,+DAAuE,CA3D7E,iFA+DM,kBAAmB,CACnB,wBAAyB,CACzB,mBAAoB,CAjE1B,mFAmEQ,mBAAoB,CAnE5B,6GAuEQ,oBAAqB,CACrB,WAAY,CAxEpB,yHA0EU,gBAAiB,CAClB,4BAOP,wCAA4C,CAC7C,iCAGC,8CAAkD,CACnD,iCAGC,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",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\n@mixin hideImagePlayer {\n &:has(:global(.playkit-image-player > img[src=''])) {\n // hide image player container if image haven't loaded\n visibility: hidden;\n }\n}\n","$smallIconSize: 28px;\n$smallBorderLessIconSize: 16px;\n$animation-duration: 0.3s;\n$border-radius: 8px;\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 @include hideImagePlayer;\n}\n.childPlayer {\n position: relative;\n video {\n position: relative;\n }\n @include hideImagePlayer;\n\n &.hideButtons,\n &.dragging {\n .innerButtons {\n display: none;\n }\n }\n &.hideButtons .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 border-radius: $border-radius;\n overflow: hidden;\n -webkit-mask-image: -webkit-radial-gradient(white, black);\n .playerContainer {\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;\n justify-content: flex-end;\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-right: 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"],sourceRoot:""}]),a.locals={iconContainer:"pip__iconContainer___I7wDY",innerButtons:"pip__innerButtons___qkl44",parentPlayer:"pip__parentPlayer___NCnqk",childPlayer:"pip__childPlayer___tqBeH",hideButtons:"pip__hideButtons___UgdN2",dragging:"pip__dragging___LIITy",hideContainer:"pip__hideContainer___WmxCK",playerWrapper:"pip__playerWrapper___8XRTF",playerContainer:"pip__playerContainer___RCOLw",animatedFade:"pip__animatedFade___vj+WL",fading:"pip__fading___lS5WQ",animatedScaleRight:"pip__animatedScaleRight___16P-V",scalingRight:"pip__scalingRight___mxPy7",animatedScaleLeft:"pip__animatedScaleLeft___x+SjS",scalingLeft:"pip__scalingLeft___Vdcvp"},n.default=a},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.ViewModeLockState=n.ExternalLayout=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){e.Hidden="locked",e.SingleMedia="parent-only",e.SingleMediaInverse="no-parent",e.PIP="pip-parent-in-large",e.PIPInverse="pip-parent-in-small",e.SideBySide="sbs-parent-in-left",e.SideBySideInverse="sbs-parent-in-right"}(n.ExternalLayout||(n.ExternalLayout={})),function(e){e.Locked="locked",e.Unlocked="unlocked"}(n.ViewModeLockState||(n.ViewModeLockState={}))},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",e.Slide="Slide"}(n.Labels||(n.Labels={}))},function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.ButtonsEnum=void 0,function(e){e[e.Hide=0]="Hide",e[e.Show=1]="Show",e[e.ExpandScreen=2]="ExpandScreen",e[e.SideBySide=3]="SideBySide",e[e.SwitchScreen=4]="SwitchScreen"}(n.ButtonsEnum||(n.ButtonsEnum={}))},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 a in n=arguments[t])Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a]);return e}).apply(this,arguments)};Object.defineProperty(n,"__esModule",{value:!0}),n.Button=void 0;var a=t(0),r=t(24),o=KalturaPlayer.ui.components.Tooltip,s=KalturaPlayer.ui.utils.KeyMap,l=s.ENTER,d=s.SPACE;n.Button=function(e){var n=e.onClick,t=e.className,s=e.children,c=e.tooltip,u=e.ariaLabel,p=e.focusOnMount,_=r.useRef(null);r.useEffect((function(){var e;p&&(null===(e=_.current)||void 0===e||e.focus())}),[p]);var y=r.useCallback((function(e,t){void 0===t&&(t=!1);var i=e,a=i.offsetX,r=i.offsetY,o=!a&&!r;e.stopPropagation(),n(t||o)}),[n]),g=r.useCallback((function(e){[l,d].includes(e.keyCode)&&y(e,!0)}),[]),h={onMouseUp:y,onKeyDown:g,ref:_,role:"button",tabIndex:0};return t&&(h.className=t),(u||c)&&(h["aria-label"]=u||c.label),a.h("div",i({},h),c?a.h(o,{label:c.label,type:c.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 m})),t.d(n,"useRef",(function(){return A})),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,a,r,o=t(0),s=0,l=[],d=o.options.__b,c=o.options.__r,u=o.options.diffed,p=o.options.__c,_=o.options.unmount;function y(e,n){o.options.__h&&o.options.__h(a,e,s||n),s=0;var t=a.__H||(a.__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 r=y(i++,2);return r.t=e,r.__c||(r.__=[t?t(n):x(void 0,n),function(e){var n=r.t(r.__[0],e);r.__[0]!==n&&(r.__=[n,r.__[1]],r.__c.setState({}))}],r.__c=a),r.__}function f(e,n){var t=y(i++,3);!o.options.__s&&E(t.__H,n)&&(t.__=e,t.__H=n,a.__H.__h.push(t))}function m(e,n){var t=y(i++,4);!o.options.__s&&E(t.__H,n)&&(t.__=e,t.__H=n,a.__h.push(t))}function A(e){return s=5,v((function(){return{current:e}}),[])}function C(e,n,t){s=6,m((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 E(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=a.context[e.__c],t=y(i++,9);return t.c=e,n?(null==t.__&&(t.__=!0,n.sub(a)),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,a.componentDidCatch||(a.componentDidCatch=function(e){n.__&&n.__(e),t[1](e)}),[t[0],function(){t[1](void 0)}]}function I(){l.forEach((function(e){if(e.__P)try{e.__H.__h.forEach(L),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){a=null,d&&d(e)},o.options.__r=function(e){c&&c(e),i=0;var n=(a=e.__c).__H;n&&(n.__h.forEach(L),n.__h.forEach(w),n.__h=[])},o.options.diffed=function(e){u&&u(e);var n=e.__c;n&&n.__H&&n.__H.__h.length&&(1!==l.push(n)&&r===o.options.requestAnimationFrame||((r=o.options.requestAnimationFrame)||function(e){var n,t=function(){clearTimeout(i),M&&cancelAnimationFrame(n),setTimeout(e)},i=setTimeout(t,100);M&&(n=requestAnimationFrame(t))})(I)),a=null},o.options.__c=function(e,n){n.some((function(e){try{e.__h.forEach(L),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){_&&_(e);var n=e.__c;if(n&&n.__H)try{n.__H.__.forEach(L)}catch(e){o.options.__e(e,n.__v)}};var M="function"==typeof requestAnimationFrame;function L(e){var n=a;"function"==typeof e.__c&&e.__c(),a=n}function w(e){var n=a;e.__c=e.__(),a=n}function E(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,a=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)}),r=this&&this.__decorate||function(e,n,t,i){var a,r=arguments.length,o=r<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--)(a=e[s])&&(o=(r<3?a(o):r>3?a(n,t,o):a(n,t))||o);return r>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),d=KalturaPlayer.ui.redux.connect,c=function(e){return{playerHeight:e.shell.guiClientRect.height,playerWidth:e.shell.guiClientRect.width,prePlayback:e.engine.prePlayback}},u=function(e){function n(){var n=null!==e&&e.apply(this,arguments)||this;return n.videoContainerRef=o.createRef(),n}return a(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.playerHeight+"px",width:e.playerWidth+"px"};return o.h("div",{className:n.join(" "),style:t,ref:this.videoContainerRef})},n=r([d(c)],n)}(o.Component);n.PipParent=u},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]}),a=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}),a(t(27),n)},function(e,n,t){"use strict";var i,a=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 r=t(0),o=t(28),s=t(5),l=t(6),d=t(2),c=KalturaPlayer.ui.components.Icon,u=function(e){function n(){var n=null!==e&&e.apply(this,arguments)||this;return n.ref=r.createRef(),n._renderHoverButton=function(){var e=n.props,t=e.show,i=e.onInverse,a=e.hideButtons,u=e.focusOnButton;return r.h(r.Fragment,null,!a&&r.h(l.Button,{onClick:t,className:o.showContainer,ariaLabel:d.Labels.Show,focusOnMount:u===d.ButtonsEnum.Show},r.h(r.Fragment,null,r.h("div",{className:o.iconContainer},r.h(c,{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})),d.Labels.Show)),r.h("div",{className:[o.innerButtons,a?o.tinyInnerButtons:""].join(" ")},r.h(l.Button,{onClick:i,focusOnMount:u===d.ButtonsEnum.SwitchScreen,ariaLabel:d.Labels.SwitchScreen},r.h("div",{className:o.iconContainer},r.h(c,{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 a(n,e),n.prototype.componentDidMount=function(){var e=this.props.player.getVideoElement();e.tabIndex=-1,this.ref.current.appendChild(e)},n.prototype.render=function(e){return r.h("div",{className:o.childPlayerContainer},r.h("div",{ref:this.ref,className:[o.childPlayer,e.hideButtons?o.tinyChildPlayer:""].join(" ")}),this._renderHoverButton())},n}(r.Component);n.PipMinimized=u},function(e,n,t){var i=t(3),a=t(29);"string"==typeof(a=a.__esModule?a.default:a)&&(a=[[e.i,a,""]]);var r={insert:"head",singleton:!1};i(a,r);e.exports=a.locals||{}},function(e,n,t){"use strict";t.r(n);var i=t(1),a=t.n(i)()(!0);a.push([e.i,".pip-minimized__iconContainer___a26rb{height:28px;width:28px;opacity:0.8;cursor:pointer}.pip-minimized__innerButtons___JWiMT{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___JWiMT .pip-minimized__iconContainer___a26rb:hover{background:#444444;border-radius:4px;opacity:1}.pip-minimized__childPlayerContainer___SbEUB{position:absolute;top:0;right:0;transform:translateY(-100%);animation:pip-minimized__fading___Kl3LB .3s linear}.pip-minimized__childPlayerContainer___SbEUB:has(.playkit-image-player>img[src='']){visibility:hidden}.pip-minimized__childPlayerContainer___SbEUB video{position:relative}.pip-minimized__childPlayerContainer___SbEUB .pip-minimized__childPlayer___dA6kb{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;-webkit-mask-image:-webkit-radial-gradient(white, black);overflow:hidden}.pip-minimized__childPlayerContainer___SbEUB .pip-minimized__childPlayer___dA6kb.pip-minimized__tinyChildPlayer___barzW{height:34px;width:60px}.pip-minimized__childPlayerContainer___SbEUB .pip-minimized__showContainer___doQSU{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___SbEUB .pip-minimized__showContainer___doQSU:hover{background:rgba(0,0,0,0.7)}.pip-minimized__childPlayerContainer___SbEUB .pip-minimized__showContainer___doQSU .pip-minimized__iconContainer___a26rb{height:16px;width:16px;margin-right:8px}.pip-minimized__childPlayerContainer___SbEUB .pip-minimized__innerButtons___JWiMT{border-radius:8px;justify-content:center;align-items:center}.pip-minimized__childPlayerContainer___SbEUB .pip-minimized__innerButtons___JWiMT.pip-minimized__tinyInnerButtons___wAzR\\+{height:34px}.pip-minimized__childPlayerContainer___SbEUB .pip-minimized__innerButtons___JWiMT .pip-minimized__iconContainer___a26rb:hover{background:transparent}@keyframes pip-minimized__fading___Kl3LB{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,CEjBhB,6CAKE,iBAAkB,CAClB,KAAM,CACN,OAAQ,CACR,2BAA4B,CAC5B,kDAA4C,CAT9C,oFFyBI,iBAAkB,CEzBtB,mDAGI,iBAAkB,CAHtB,iFAWI,WAAY,CACZ,WAAY,CACZ,6EAAqF,CACrF,iBDjBe,CCkBf,wDAAyD,CACzD,eAAgB,CAhBpB,wHAkBM,WAAY,CACZ,UAAW,CAnBjB,mFAwBI,YAAa,CACb,kBAAmB,CACnB,wBAAyB,CACzB,kBAAmB,CACnB,WAAY,CACZ,cAAe,CAEf,iBAAkB,CAClB,UAAW,CACX,WApCwB,CAqCxB,SAAU,CACV,2BAAoE,CAEpE,aAAc,CACd,iBAAkB,CAClB,kBAAmB,CACnB,cAAe,CACf,gBAAiB,CAEjB,0BAA8B,CAC9B,iBAAkB,CA5CtB,yFA+CM,0BAA8B,CA/CpC,yHAkDM,WAAY,CACZ,UAAW,CACX,gBAAiB,CApDvB,kFAyDI,iBD5De,CC6Df,sBAAuB,CACvB,kBAAmB,CA3DvB,2HA6DM,WAAY,CA7DlB,8HAgEM,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\n@mixin hideImagePlayer {\n &:has(:global(.playkit-image-player > img[src=''])) {\n // hide image player container if image haven't loaded\n visibility: hidden;\n }\n}\n","$smallIconSize: 28px;\n$smallBorderLessIconSize: 16px;\n$animation-duration: 0.3s;\n$border-radius: 8px;\n","@import '~styles/styles';\n@import '~styles/variables';\n\n$show-container-height: 32px;\n$show-container-gap: 5px;\n\n.childPlayerContainer {\n @include hideImagePlayer;\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: $border-radius;\n -webkit-mask-image: -webkit-radial-gradient(white, black);\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: $border-radius;\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:""}]),a.locals={iconContainer:"pip-minimized__iconContainer___a26rb",innerButtons:"pip-minimized__innerButtons___JWiMT",childPlayerContainer:"pip-minimized__childPlayerContainer___SbEUB",fading:"pip-minimized__fading___Kl3LB",childPlayer:"pip-minimized__childPlayer___dA6kb",tinyChildPlayer:"pip-minimized__tinyChildPlayer___barzW",showContainer:"pip-minimized__showContainer___doQSU",tinyInnerButtons:"pip-minimized__tinyInnerButtons___wAzR+"},n.default=a},function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.VideoSyncManager=void 0;var i=t(7),a=t(4),r=a.core.EventType,o=a.core.FakeEvent,s=a.core.Error,l=a.core.StateType,d=function(e,n,t,a){var d=this;this._isSyncDelay=!1,this._errorHandling=function(){d._eventManager.listen(d._secondaryPlayer,r.ERROR,(function(e){d._logger.debug("errorHandling :: secondary player got error");var n=new s(s.Severity.CRITICAL,s.Category.PLAYER,s.Code.VIDEO_ERROR,e);d._mainPlayer.pause(),d._mainPlayer.dispatchEvent(new o(r.ERROR,n))})),d._eventManager.listen(d._mainPlayer,r.ERROR,(function(){d._logger.debug("errorHandling :: main player got error"),d._secondaryPlayer.reset()}))},this._syncEvents=function(){var e=0;d._eventManager.listen(d._mainPlayer,r.PLAY,(function(){d._logger.debug("syncEvents :: secondary player play"),d._secondaryPlayer.play()})),d._eventManager.listen(d._mainPlayer,r.PAUSE,(function(){d._logger.debug("syncEvents :: secondary player pause"),d._secondaryPlayer.pause()})),d._eventManager.listen(d._mainPlayer,r.TIME_UPDATE,(function(){if(!d._isSyncDelay){var n=Date.now();(n-e>1e3||d._mainPlayer.paused)&&(e=n,d._mediaSync())}})),d._eventManager.listen(d._mainPlayer,r.SEEKING,(function(){d._logger.debug("syncEvents :: seeking main player to to "+d._mainPlayer),d._secondaryPlayer.pause(),d._seekSecondaryPlayer(0)})),d._eventManager.listen(d._mainPlayer,r.ENDED,(function(){d._logger.debug("syncEvents :: secondary player pause + seek to 0.01"),d._secondaryPlayer.pause(),d._seekSecondaryPlayer(.01)})),d._eventManager.listen(d._mainPlayer,r.PLAYER_STATE_CHANGED,(function(e){var n=e.payload;if(n.newState.type===l.BUFFERING&&!d._mainPlayer.seeking&&!d._mainPlayer.paused&&!d._secondaryPlayer.paused)return d._logger.debug("syncEvents :: main player got BUFFERING"),void d._secondaryPlayer.pause();n.newState.type===l.PLAYING&&n.oldState.type===l.BUFFERING&&d._secondaryPlayer.paused&&(d._logger.debug("syncEvents :: main player resume PLAYING"),d._secondaryPlayer.play())}))},this._mediaSync=function(){if(!(d._isSyncDelay||d._mainPlayer.paused&&!d._mainPlayer.seeking)&&d._secondaryPlayer){var e=!1,n=d._getSyncDelay();d._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?(d._logger.debug("mediaSync :: Adjusting slave playbackRateChange = "+(d._mainPlayer.playbackRate+t)),d._secondaryPlayer.playbackRate=d._mainPlayer.playbackRate+t):(d._logger.debug("mediaSync :: Adjusting secondary player playbackRateChange to main player and flagging for seek"),d._secondaryPlayer.playbackRate=d._mainPlayer.playbackRate,e=!0):d._mainPlayer.paused||(d._logger.debug("mediaSync :: Main player and secondary player sync, adjusting secondary player playback rate to main player rate"),d._secondaryPlayer.playbackRate=d._mainPlayer.playbackRate,d._secondaryPlayer.play()),e&&(d._logger.debug("mediaSync :: Seeking secondary player to "+(d._mainPlayer.currentTime+.25)),d._seekSecondaryPlayer(.25))}},this._getSyncDelay=function(){var e=d._mainPlayer.currentTime,n=d._secondaryPlayer.currentTime;return-1==e||-1==n||i.isInInterval(n,e-0,e)?0:n-e},this._seekSecondaryPlayer=function(e){var n=d._mainPlayer.currentTime<0?0:d._mainPlayer.currentTime;if(d._secondaryPlayer.ended&&d._secondaryPlayer.duration&&Math.ceil(n)>d._secondaryPlayer.duration)return d._logger.debug("seekSecondaryPlayer :: seekTime "+n+" is out of bounds 0.."+d._secondaryPlayer.duration+". pause secondary player"),void d._secondaryPlayer.pause();d._logger.debug("seekSecondaryPlayer :: seeking to="+n+", ahead="+e),d._secondaryPlayer.currentTime=n+e,d._mainPlayer.paused?d._secondaryPlayer.pause():d._secondaryPlayer.play()},this._eventManager=e,this._mainPlayer=n,this._secondaryPlayer=t,this._logger=a,this._syncEvents(),this._errorHandling()};n.VideoSyncManager=d},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 a in n=arguments[t])Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a]);return e}).apply(this,arguments)};Object.defineProperty(n,"__esModule",{value:!0}),n.ImageSyncManager=void 0;var a=t(4),r=t(2),o=a.core.TimedMetadata,s=function(){function e(e,n,t,a,s){var l=this;this._firstPlaying=!1,this._lock=!1,this._syncEvents=function(){l._eventManager.listen(l._mainPlayer,l._mainPlayer.Event.TIMED_METADATA_CHANGE,l._onTimedMetadataChange),l._eventManager.listen(l._mainPlayer,l._mainPlayer.Event.TIMED_METADATA_ADDED,l._onTimedMetadataAdded),l._eventManager.listen(l._mainPlayer,l._mainPlayer.Event.FIRST_PLAYING,l._onFirstPlaying)},this._onFirstPlaying=function(){l._firstPlaying=!0,l._imagePlayer.preLoadImages()},this._onTimedMetadataChange=function(e){var n=e.payload.cues.reduce((function(e,n){var t,a,o;if((null===(t=n.metadata)||void 0===t?void 0:t.cuePointType)===l._kalturaCuePointService.KalturaCuePointType.THUMB)return i(i({},e),{activeSlide:n.id});if((null===(a=n.metadata)||void 0===a?void 0:a.cuePointType)===l._kalturaCuePointService.KalturaCuePointType.CODE&&"change-view-mode"===(null===(o=n.metadata)||void 0===o?void 0:o.tags)){var s=n.metadata.partnerData,d=s.playerViewModeId,c=s.viewModeLockState;if(d)return i(i({},e),{externalLayout:c===r.ViewModeLockState.Locked?r.ExternalLayout.Hidden:d})}return e}),{activeSlide:null,externalLayout:null}),t=n.activeSlide,a=n.externalLayout;a&&l._onSlideViewChanged(a),l._imagePlayer.setActive(a===r.ExternalLayout.Hidden?null:t)},this._onTimedMetadataAdded=function(e){e.payload.cues.map((function(e){var n;if((null==e?void 0:e.type)===o.TYPE.CUE_POINT&&(null===(n=e.metadata)||void 0===n?void 0:n.cuePointType)===l._kalturaCuePointService.KalturaCuePointType.THUMB)return l._imagePlayer.addImage({id:e.id,imageUrl:e.metadata.assetUrl,alt:e.metadata.title||e.metadata.description}),e})).length&&l._firstPlaying&&l._imagePlayer.preLoadImages()},this._eventManager=e,this._mainPlayer=n,this._imagePlayer=t,this._logger=a,this._onSlideViewChanged=s,this._syncEvents(),this._kalturaCuePointService=this._mainPlayer.getService("kalturaCuepoints")}return e.prototype.reset=function(){this._firstPlaying=!1},e}();n.ImageSyncManager=s},function(e,n,t){"use strict";var i,a=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)}),r=this&&this.__decorate||function(e,n,t,i){var a,r=arguments.length,o=r<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--)(a=e[s])&&(o=(r<3?a(o):r>3?a(n,t,o):a(n,t))||o);return r>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,d=s.components.PLAYER_SIZE,c=[d.EXTRA_SMALL,d.SMALL,d.TINY],u=[d.EXTRA_SMALL,d.SMALL],p=function(e){return{playerSize:e.shell.playerSize}},_=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:c.includes(i)})},n}return a(n,e),n.prototype.componentDidMount=function(){var e=this.props,n=e.playerSize,t=e.onMinSize;u.includes(n)&&t()},n.prototype.componentDidUpdate=function(e){var n=this.props,t=n.playerSize,i=n.onMinSize,a=n.onDefaultSize;t!==d.TINY&&(!u.includes(t)||u.includes(e.playerSize)?!u.includes(t)&&u.includes(e.playerSize)&&a():i())},n.prototype.render=function(e){return e.playerSize===d.TINY?null:this._renderChildComponent()},n.defaultProps={onMinSize:function(){}},n=r([l(p)],n)}(o.Component);n.ResponsiveManager=_},function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.SecondaryMediaLoader=void 0;var i=KalturaPlayer.providers,a=i.RequestBuilder,r=i.ResponseTypes,o=function(){function e(e){this._parentEntryId="",this._requests=[],this._response={entries:[]},this._parentEntryId=e.parentEntryId;var n=new Map,t=new a(n);t.service="baseEntry",t.action="list",t.params={filter:{objectType:"KalturaBaseEntryFilter",parentEntryIdEqual:this._parentEntryId,typeIn:r.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 r.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]}),a=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}),a(t(35),n)},function(e,n,t){"use strict";var i,a=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)}),r=this&&this.__decorate||function(e,n,t,i){var a,r=arguments.length,o=r<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--)(a=e[s])&&(o=(r<3?a(o):r>3?a(n,t,o):a(n,t))||o);return r>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),d=t(7),c=t(36),u=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}},_=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-d.getClientX(e),i=n._currMousePos.y-d.getClientY(e);if(n._currMousePos.x=d.getClientX(e),n._currMousePos.y=d.getClientY(e),n._draggableItemRef.current&&n._draggableAreaRef.current){var a=parseInt(n._draggableItemRef.current.style.top,10),r=parseInt(n._draggableItemRef.current.style.right,10);n._draggableItemRef.current.style.right=d.dimensionStyleToString(r+t),n._draggableItemRef.current.style.top=d.dimensionStyleToString(a-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,a){n._draggableItemRef.current.style.top=null!==e?d.dimensionStyleToString(e):"",n._draggableItemRef.current.style.right=null!==t?d.dimensionStyleToString(t):"",n._draggableItemRef.current.style.bottom=null!==i?d.dimensionStyleToString(i):"",n._draggableItemRef.current.style.left=null!==a?d.dimensionStyleToString(a):""},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=d.dimensionStyleToString(e),n._draggableItemRef.current.style.right=d.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],a=t.x+t.width/2,r=t.y+t.height/2,s=i.x+i.width/2,d=i.y+i.height/2;a>s?r>d?n._handleChangePosition(l.Position.BottomRight):n._handleChangePosition(l.Position.TopRight):r>d?n._handleChangePosition(l.Position.BottomLeft):n._handleChangePosition(l.Position.TopLeft)},n}return a(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=d.getClientX(e),this._currMousePos.y=d.getClientY(e),this.props.eventManager.listenOnce(document,n,this._onStartDrag),this.props.eventManager.listen(document,n,this._moveDrag)},n.prototype.render=function(){var e=[c.draggableItem];return this.state.isDragging&&e.push(c.dragging),s.h("div",{id:"draggeble-area",className:c.draggableArea,ref:this._draggableAreaRef},s.h("div",{id:"draggable-item",ref:this._draggableItemRef,className:e.join(" "),onTransitionEnd:this._setRelativeStyles},this._renderChildComponent()))},n=r([u(p)],n)}(s.Component);n.DragAndSnapManager=_},function(e,n,t){var i=t(3),a=t(37);"string"==typeof(a=a.__esModule?a.default:a)&&(a=[[e.i,a,""]]);var r={insert:"head",singleton:!1};i(a,r);e.exports=a.locals||{}},function(e,n,t){"use strict";t.r(n);var i=t(1),a=t.n(i)()(!0);a.push([e.i,".drag-and-snap-manager__draggableArea___ifUCa{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}.drag-and-snap-manager__draggableItem___7xiLg{position:absolute;pointer-events:auto}.drag-and-snap-manager__draggableItem___7xiLg.drag-and-snap-manager__dragging___OTNT0{cursor:grabbing}.drag-and-snap-manager__draggableItem___7xiLg:not(.drag-and-snap-manager__dragging___OTNT0){transition:top .3s ease-in,right .3s ease-in,bottom .3s ease-in}.drag-and-snap-manager__draggableItem___7xiLg.drag-and-snap-manager__prePlayback___fZHf3{bottom:-50px}\n","",{version:3,sources:["webpack://components/drag-and-snap-manager/drag-and-snap-manager.scss"],names:[],mappings:"AAEA,8CACE,iBAAkB,CAClB,MAAO,CACP,KAAM,CACN,UAAW,CACX,WAAY,CACZ,mBAAoB,CACrB,8CAEC,iBAAkB,CAClB,mBAAoB,CAFtB,sFAII,eAAgB,CAJpB,4FAOI,+DAAkH,CAPtH,yFAUI,YAAa",sourcesContent:["@import '~styles/variables';\n\n.draggableArea {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n}\n.draggableItem {\n position: absolute;\n pointer-events: auto;\n &.dragging {\n cursor: grabbing;\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}\n"],sourceRoot:""}]),a.locals={draggableArea:"drag-and-snap-manager__draggableArea___ifUCa",draggableItem:"drag-and-snap-manager__draggableItem___7xiLg",dragging:"drag-and-snap-manager__dragging___OTNT0",prePlayback:"drag-and-snap-manager__prePlayback___fZHf3"},n.default=a},function(e,n,t){"use strict";var i,a=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)}),r=this&&this.__assign||function(){return(r=Object.assign||function(e){for(var n,t=1,i=arguments.length;t<i;t++)for(var a in n=arguments[t])Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a]);return e}).apply(this,arguments)};Object.defineProperty(n,"__esModule",{value:!0}),n.SideBySideWrapper=void 0;var o=t(0),s=t(39),l=t(2),d=t(10),c=t(11),u=function(e){function n(){return null!==e&&e.apply(this,arguments)||this}return a(n,e),n.prototype.render=function(e){var n=e.leftSideProps,t=e.rightSideProps,i=e.onSizeChange,a=e.onMinSize;return o.h(d.ResponsiveManager,{onMinSize:function(){a()},onDefaultSize:i},o.h("div",{className:c.sideBySideWrapper},o.h(s.SideBySide,r({},n,{animation:l.Animations.ScaleLeft})),o.h(s.SideBySide,r({},t,{animation:l.Animations.Fade}))))},n}(o.Component);n.SideBySideWrapper=u},function(e,n,t){"use strict";var i,a=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)}),r=this&&this.__decorate||function(e,n,t,i){var a,r=arguments.length,o=r<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--)(a=e[s])&&(o=(r<3?a(o):r>3?a(n,t,o):a(n,t))||o);return r>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),d=t(6),c=t(2),u=KalturaPlayer.ui.components.Icon,p=KalturaPlayer.ui.redux.connect,_=function(e){return{playerWidth:e.shell.guiClientRect.width,showUi:e.shell.playerHover||e.shell.playerNav}},y=function(e){function n(){var n=null!==e&&e.apply(this,arguments)||this;return n.ref=o.createRef(),n}return a(n,e),n.prototype.componentDidMount=function(){var e=this.props.player.getVideoElement();e.tabIndex=-1,this.ref.current.prepend(e)},n.prototype._renderHoverButton=function(){var e=this.props,n=e.onExpand,t=e.showUi,i=e.focusOnButton;return t?o.h("div",{className:s.innerButtons},o.h(d.Button,{className:s.iconContainer,onClick:n,tooltip:{label:c.Labels.ExpandScreen,type:"bottom-left"},focusOnMount:i},o.h(u,{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.playerWidth,t=e.animation,i={height:n/2/16*9},a=[s.player];return t===c.Animations.ScaleLeft?a.push(s.animatedScale):a.push(s.animatedFade),o.h("div",{ref:this.ref,className:a.join(" "),style:i},this._renderHoverButton())},n=r([p(_)],n)}(o.Component);n.SideBySide=y},function(e,n,t){"use strict";t.r(n);var i=t(1),a=t.n(i)()(!0);a.push([e.i,".side-by-side__iconContainer___wi1We{height:28px;width:28px;opacity:0.8;cursor:pointer}.side-by-side__innerButtons___dOkDo{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___dOkDo .side-by-side__iconContainer___wi1We:hover{background:#444444;border-radius:4px;opacity:1}.side-by-side__sideBySideWrapper___Qyf1j{width:100%;height:100%;position:absolute;left:0;display:flex}.side-by-side__player___Q5KOJ{position:relative;margin:auto;flex:1}.side-by-side__player___Q5KOJ:has(.playkit-image-player>img[src='']){visibility:hidden}.side-by-side__player___Q5KOJ .side-by-side__iconContainer___wi1We{padding:2px}.side-by-side__player___Q5KOJ .side-by-side__innerButtons___dOkDo{z-index:1;padding:16px;flex-direction:row-reverse;animation:side-by-side__appears___zwo0C .3s linear}.side-by-side__animatedScale___d2hEx{animation:side-by-side__scaling___dcUq3 .3s linear}.side-by-side__animatedFade___duTBX{animation:side-by-side__fading___H1wdi .3s linear}@keyframes side-by-side__appears___zwo0C{0%{opacity:0}99%{opacity:0}100%{opacity:1}}@keyframes side-by-side__scaling___dcUq3{0%{transform:scale(2) translate(25%);z-index:100}100%{transform:scale(1) translate(0%);z-index:0}}@keyframes side-by-side__fading___H1wdi{0%{opacity:0}100%{opacity:1}}.has-dual-screen-plugin-overlay.playkit-hover .playkit-side-panel{z-index: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,qEFoBI,iBAAkB,CEpBtB,mEAOI,WAAY,CAPhB,kEAWI,SAAU,CACV,YAAa,CACb,0BAA2B,CAC3B,kDAA6C,CAC9C,qCAID,kDAA6C,CAC9C,oCAGC,iDAA4C,CAC7C,yCAGC,GACE,SAAU,CAEZ,IACE,SAAU,CAEZ,KACE,SAAU,CAAA,CAId,yCACE,GACE,iCAAkC,CAClC,WAAY,CAEd,KACE,gCAAiC,CACjC,SAAU,CAAA,CAId,wCACE,GACE,SAAU,CAEZ,KACE,SAAU,CAAA,CAId,kEAEE,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\n@mixin hideImagePlayer {\n &:has(:global(.playkit-image-player > img[src=''])) {\n // hide image player container if image haven't loaded\n visibility: hidden;\n }\n}\n","$smallIconSize: 28px;\n$smallBorderLessIconSize: 16px;\n$animation-duration: 0.3s;\n$border-radius: 8px;\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 @include hideImagePlayer;\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 0% {\n opacity: 0;\n }\n 99% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\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\n:global(.has-dual-screen-plugin-overlay.playkit-hover .playkit-side-panel) {\n // prevent displaying innerButtons over playkit-side-panel\n z-index: 1;\n}\n"],sourceRoot:""}]),a.locals={iconContainer:"side-by-side__iconContainer___wi1We",innerButtons:"side-by-side__innerButtons___dOkDo",sideBySideWrapper:"side-by-side__sideBySideWrapper___Qyf1j",player:"side-by-side__player___Q5KOJ",appears:"side-by-side__appears___zwo0C",animatedScale:"side-by-side__animatedScale___d2hEx",scaling:"side-by-side__scaling___dcUq3",animatedFade:"side-by-side__animatedFade___duTBX",fading:"side-by-side__fading___H1wdi"},n.default=a},function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.DualScreenEngineDecorator=void 0;var i=t(4),a=(i.core.FakeEvent,i.core.EventType),r=function(){function e(e,n,t){var i=this;this._isActive=!1,this._plugin=n,this._dispatcher=t,n.eventManager.listen(n.player,a.SEEKING,(function(){i._isActive=!!i._plugin.secondaryKalturaPlayer.src})),n.eventManager.listen(n.player,a.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===a.SEEKED?(this._plugin.eventManager.listenOnce(this._plugin.secondaryKalturaPlayer,a.SEEKED,(function(){n._dispatcher(e)})),!0):this._dispatcher(e)},e}();n.DualScreenEngineDecorator=r},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]}),a=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}),a(t(43),n)},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 a in n=arguments[t])Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a]);return e}).apply(this,arguments)};Object.defineProperty(n,"__esModule",{value:!0}),n.ImagePlayer=void 0,t(44);var a=t(2),r=function(){function e(e,n){var t=this;this._images=[],this._activeImage=null,this._preloadEnabled=!0,this.preLoadImages=function(){var e=t._images.some((function(e){return e.loading}));if(t._preloadEnabled&&!e){for(var n=t._activeImage?t._activeImage.index:0;n<t._images.length;n++){var i=t._images[n];if(!t._isSlideItemPreloded(i))return void t._preLoadImage(i)}var a=t._images.find((function(e){return!t._isSlideItemPreloded(e)}));a&&t._preLoadImage(a)}},this.addImage=function(e){if(!t._images.find((function(n){return n.id===e.id}))){var n=function(){},a=new Promise((function(e){n=e})),r=i(i({},e),{index:t._images.length,loading:!1,loaded:!1,portrait:!1,retryAttempts:0,ready:a,setReady:n});t._images.push(r)}},this.setActive=function(e){if(!e){if(!t._activeImage)return;return t._imagePlayer.firstChild.setAttribute("src",""),t._imagePlayer.firstChild.setAttribute("alt",""),t._activeImage=null,void t._onActiveChange(null)}t._activeImage&&e===t._activeImage.id||(clearTimeout(t._retryTimeout),t._images.find((function(n){return e===n.id&&(t._preLoadImage(n),t._activeImage=n,n.ready.then((function(){var e;(null===(e=t._activeImage)||void 0===e?void 0:e.id)===n.id&&(t._onActiveChange(n),t._imagePlayer.firstChild.setAttribute("src",n.imageUrl),t._imagePlayer.firstChild.setAttribute("alt",a.Labels.Slide+": "+n.alt))})),!0)})))},this.getVideoElement=function(){return t._imagePlayer},this._isSlideItemPreloded=function(e){return e.loaded||e.loading||e.retryAttempts>=3},this._createImagePlayer=function(){var e=document.createElement("div"),n=document.createElement("img");return n.src="",n.alt="",e.appendChild(n),e.classList.add("playkit-image-player"),e},this._preLoadImage=function(e){if(t._isSlideItemPreloded(e))t.preLoadImages();else{e.retryAttempts++,e.loading=!0;var n=new Image;n.onload=function(){e.loading=!1,e.loaded=!0,e.portrait=n.width<n.height,e.setReady(),t.preLoadImages()},n.onerror=function(){e.loading=!1,t._retryTimeout=setTimeout((function(){t._preLoadImage(e)}),2e3)},n.src=e.imageUrl}},this.reset=function(){t._activeImage=null,t._images=[],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=r},function(e,n,t){var i=t(3),a=t(45);"string"==typeof(a=a.__esModule?a.default:a)&&(a=[[e.i,a,""]]);var r={insert:"head",singleton:!1};i(a,r);e.exports=a.locals||{}},function(e,n,t){"use strict";t.r(n);var i=t(1),a=t.n(i)()(!0);a.push([e.i,".playkit-image-player{width:100%;height:100%}.playkit-image-player img{width:100%;height:100%;object-fit:contain;position:relative;top:0px;left:0px;pointer-events:none}\n","",{version:3,sources:["webpack://image-player/image-player.scss"],names:[],mappings:"AAAA,sBAEI,UAAU,CACV,WAAW,CAHf,0BAKM,UAAU,CACV,WAAW,CACX,kBAAmB,CACnB,iBAAkB,CAClB,OAAQ,CACR,QAAS,CACT,mBAAoB",sourcesContent:[":global {\n .playkit-image-player {\n width:100%;\n height:100%;\n img {\n width:100%;\n height:100%;\n object-fit: contain;\n position: relative;\n top: 0px;\n left: 0px;\n pointer-events: none;\n }\n }\n}\n"],sourceRoot:""}]),n.default=a},function(e,n,t){var i=t(3),a=t(47);"string"==typeof(a=a.__esModule?a.default:a)&&(a=[[e.i,a,""]]);var r={insert:"head",singleton:!1};i(a,r);e.exports=a.locals||{}},function(e,n,t){"use strict";t.r(n);var i=t(1),a=t.n(i)()(!0);a.push([e.i,".playkit-player.has-dual-screen-plugin-overlay .playkit-subtitles{z-index:1}.playkit-player.has-dual-screen-plugin-overlay .playkit-slideIn{z-index:1}\n","",{version:3,sources:["webpack://styles/global.scss"],names:[],mappings:"AAAA,kEAEI,SAAU,CAFd,gEAKI,SAAU",sourcesContent:[":global(.playkit-player.has-dual-screen-plugin-overlay) {\n :global(.playkit-subtitles) {\n z-index: 1;\n }\n :global(.playkit-slideIn) {\n z-index: 1;\n }\n}\n"],sourceRoot:""}]),n.default=a}]);
|
|
2
2
|
//# sourceMappingURL=playkit-dual-screen.js.map
|