npm - @playkit-js/playkit-js-dual-screen - Versions diffs - 3.1.4 → 3.1.5-canary.0-cedf43f - Mend

@playkit-js/playkit-js-dual-screen 3.1.4 → 3.1.5-canary.0-cedf43f

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/CHANGELOG.md +13 -0
package/README.md +11 -0
package/dist/playkit-dual-screen.js +1 -1
package/dist/playkit-dual-screen.js.map +1 -1
package/package.json +6 -6
package/tsconfig.json +1 -1

package/CHANGELOG.md CHANGED Viewed

@@ -2,6 +2,19 @@
 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.
+### [3.1.5-canary.0-cedf43f](https://github.com/kaltura/playkit-js-dual-screen/compare/v3.1.4...v3.1.5-canary.0-cedf43f) (2023-05-15)
+### Features
+* **FEC-12946:** multiscreen ([#103](https://github.com/kaltura/playkit-js-dual-screen/issues/103)) ([5d973b8](https://github.com/kaltura/playkit-js-dual-screen/commit/5d973b8632ac6136335418abcbc61f06863dc3a7))
+### Bug Fixes
+* **FEC-13121:** add configuration that allow control if settings component should be removed from player ([#104](https://github.com/kaltura/playkit-js-dual-screen/issues/104)) ([0bddc2f](https://github.com/kaltura/playkit-js-dual-screen/commit/0bddc2f66c0e6a88a10f9e0e1253ff6c07195780))
+* **FEC-13145:** upgrade dependancies for common and ui-managers etc  ([#105](https://github.com/kaltura/playkit-js-dual-screen/issues/105)) ([780c36d](https://github.com/kaltura/playkit-js-dual-screen/commit/780c36d85555ae24143b76283af55ca6656d7596))
 ### [3.1.4](https://github.com/kaltura/playkit-js-dual-screen/compare/v3.1.3...v3.1.4) (2023-04-19)

package/README.md CHANGED Viewed

@@ -177,6 +177,17 @@ Defines the configuration of the dual screen. Except `childSizePercentage`, the
 >
 > ##### Description: set aspect ration for PIP container
+##
+> ### config.removePlayerSettings
+>
+> ##### Type: `boolean`
+>
+> ##### Default: `false`
+>
+> ##### Description: removes media settings from player if dual-screen layout active
 <a name="dependencies"></a>
 ## Dependencies

package/dist/playkit-dual-screen.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var KalturaPlayer="object"==typeof KalturaPlayer?KalturaPlayer:{};KalturaPlayer.plugins=KalturaPlayer.plugins||{},KalturaPlayer.plugins.dualscreen=function(e){var n={};function t(i){if(n[i])return n[i].exports;var r=n[i]={i:i,l:!1,exports:{}};return e[i].call(r.exports,r,r.exports,t),r.l=!0,r.exports}return t.m=e,t.c=n,t.d=function(e,n,i){t.o(e,n)||Object.defineProperty(e,n,{enumerable:!0,get:i})},t.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},t.t=function(e,n){if(1&n&&(e=t(e)),8&n)return e;if(4&n&&"object"==typeof e&&e&&e.__esModule)return e;var i=Object.create(null);if(t.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:e}),2&n&&"string"!=typeof e)for(var r in e)t.d(i,r,function(n){return e[n]}.bind(null,r));return i},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},t.p="",t(t.s=13)}([function(e,n){e.exports=KalturaPlayer.ui.preact},function(e,n,t){"use strict";e.exports=function(e){var n=[];return n.toString=function(){return this.map((function(n){var t=function(e,n){var t=e[1]||"",i=e[3];if(!i)return t;if(n&&"function"==typeof btoa){var r=(o=i,s=btoa(unescape(encodeURIComponent(JSON.stringify(o)))),l="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(s),"/*# ".concat(l," */")),a=i.sources.map((function(e){return"/*# sourceURL=".concat(i.sourceRoot||"").concat(e," */")}));return[t].concat(a).concat([r]).join("\n")}var o,s,l;return[t].join("\n")}(n,e);return n[2]?"@media ".concat(n[2]," {").concat(t,"}"):t})).join("")},n.i=function(e,t,i){"string"==typeof e&&(e=[[null,e,""]]);var r={};if(i)for(var a=0;a<this.length;a++){var o=this[a][0];null!=o&&(r[o]=!0)}for(var s=0;s<e.length;s++){var l=[].concat(e[s]);i&&r[l[0]]||(t&&(l[2]?l[2]="".concat(t," and ").concat(l[2]):l[2]=t),n.push(l))}},n}},function(e,n,t){"use strict";var i=this&&this.__createBinding||(Object.create?function(e,n,t,i){void 0===i&&(i=t),Object.defineProperty(e,i,{enumerable:!0,get:function(){return n[t]}})}:function(e,n,t,i){void 0===i&&(i=t),e[i]=n[t]}),r=this&&this.__exportStar||function(e,n){for(var t in e)"default"===t||n.hasOwnProperty(t)||i(n,e,t)};Object.defineProperty(n,"__esModule",{value:!0}),r(t(18),n),r(t(19),n),r(t(9),n),r(t(20),n),r(t(21),n),r(t(22),n)},function(e,n,t){"use strict";var i,r=function(){return void 0===i&&(i=Boolean(window&&document&&document.all&&!window.atob)),i},a=function(){var e={};return function(n){if(void 0===e[n]){var t=document.querySelector(n);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(e){t=null}e[n]=t}return e[n]}}(),o=[];function s(e){for(var n=-1,t=0;t<o.length;t++)if(o[t].identifier===e){n=t;break}return n}function l(e,n){for(var t={},i=[],r=0;r<e.length;r++){var a=e[r],l=n.base?a[0]+n.base:a[0],c=t[l]||0,d="".concat(l," ").concat(c);t[l]=c+1;var p=s(d),u={css:a[1],media:a[2],sourceMap:a[3]};-1!==p?(o[p].references++,o[p].updater(u)):o.push({identifier:d,updater:A(u,n),references:1}),i.push(d)}return i}function c(e){var n=document.createElement("style"),i=e.attributes||{};if(void 0===i.nonce){var r=t.nc;r&&(i.nonce=r)}if(Object.keys(i).forEach((function(e){n.setAttribute(e,i[e])})),"function"==typeof e.insert)e.insert(n);else{var o=a(e.insert||"head");if(!o)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");o.appendChild(n)}return n}var d,p=(d=[],function(e,n){return d[e]=n,d.filter(Boolean).join("\n")});function u(e,n,t,i){var r=t?"":i.media?"@media ".concat(i.media," {").concat(i.css,"}"):i.css;if(e.styleSheet)e.styleSheet.cssText=p(n,r);else{var a=document.createTextNode(r),o=e.childNodes;o[n]&&e.removeChild(o[n]),o.length?e.insertBefore(a,o[n]):e.appendChild(a)}}function _(e,n,t){var i=t.css,r=t.media,a=t.sourceMap;if(r?e.setAttribute("media",r):e.removeAttribute("media"),a&&"undefined"!=typeof btoa&&(i+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(a))))," */")),e.styleSheet)e.styleSheet.cssText=i;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(i))}}var y=null,g=0;function A(e,n){var t,i,r;if(n.singleton){var a=g++;t=y||(y=c(n)),i=u.bind(null,t,a,!1),r=u.bind(null,t,a,!0)}else t=c(n),i=_.bind(null,t,n),r=function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(t)};return i(e),function(n){if(n){if(n.css===e.css&&n.media===e.media&&n.sourceMap===e.sourceMap)return;i(e=n)}else r()}}e.exports=function(e,n){(n=n||{}).singleton||"boolean"==typeof n.singleton||(n.singleton=r());var t=l(e=e||[],n);return function(e){if(e=e||[],"[object Array]"===Object.prototype.toString.call(e)){for(var i=0;i<t.length;i++){var r=s(t[i]);o[r].references--}for(var a=l(e,n),c=0;c<t.length;c++){var d=s(t[c]);0===o[d].references&&(o[d].updater(),o.splice(d,1))}t=a}}}},function(e,n){e.exports=KalturaPlayer},function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.icons=void 0,function(e){e.HIDE_ICON_PATH="M4.29289 6.29289C4.68342 5.90237 5.31658 5.90237 5.70711 6.29289L8 8.58579L10.2929 6.29289C10.6834 5.90237 11.3166 5.90237 11.7071 6.29289C12.0976 6.68342 12.0976 7.31658 11.7071 7.70711L8.70711 10.7071C8.31658 11.0976 7.68342 11.0976 7.29289 10.7071L4.29289 7.70711C3.90237 7.31658 3.90237 6.68342 4.29289 6.29289Z",e.SWAP_ICON_PATH="M17.6744 9.27934L21.7563 13.3632L21.8282 13.4537L21.887 13.5492L21.9333 13.6489L21.9684 13.7556L21.9824 13.8172L21.9974 13.929L22 14L21.9897 14.1405L21.9824 14.1828L21.9535 14.2949L21.9231 14.3759L21.887 14.4508L21.8281 14.5463L21.7763 14.6137L21.7207 14.6744L17.6744 18.7207C17.3019 19.0931 16.6981 19.0931 16.3256 18.7207C15.9818 18.3769 15.9554 17.8359 16.2463 17.4617L16.3256 17.3719L18.7439 14.9536L12.9537 14.9537C12.4675 14.9537 12.0663 14.5899 12.0074 14.1196L12 14C12 13.5109 12.3682 13.1078 12.8425 13.0527L12.9537 13.0463L18.7426 13.0451L16.3256 10.6281C15.9798 10.2823 15.9551 9.73687 16.2515 9.36252L16.3256 9.27934C16.6981 8.90689 17.3019 8.90689 17.6744 9.27934ZM6.32562 5.27934C6.69807 4.90689 7.30193 4.90689 7.67438 5.27934L7.74849 5.36252C8.04493 5.73687 8.02023 6.28225 7.67438 6.6281L5.2574 9.04508L11.0463 9.04628L11.1575 9.0527C11.6318 9.10779 12 9.5109 12 10L11.9926 10.1196C11.9337 10.5899 11.5325 10.9537 11.0463 10.9537L5.25605 10.9536L7.67438 13.3719L7.75372 13.4617C8.04463 13.8359 8.01818 14.3769 7.67438 14.7207C7.30193 15.0931 6.69807 15.0931 6.32562 14.7207L2.25793 10.6523L2.18664 10.5668L2.12413 10.4708L2.07695 10.3759L2.03697 10.2639L2.01028 10.1405L2 10C2 9.95226 2.00351 9.90534 2.01036 9.85937L2.01758 9.81716L2.04651 9.70514L2.08932 9.59642L2.12415 9.52899L2.18631 9.43351L2.24369 9.36325L6.32562 5.27934Z",e.SIDE_BY_SIDE_ICON_PATH="M21.8083 4C22.4665 4 23 4.55964 23 5.25V18.75C23 19.4404 22.4665 20 21.8083 20H2.19167C1.53353 20 1 19.4404 1 18.75V5.25C1 4.55964 1.53353 4 2.19167 4H21.8083ZM15 6H3V18H15V6ZM12.999 8.967L13 9L12.998 8.94L12.999 8.967L13 9V15C13 15.5523 12.5523 16 12 16C11.4872 16 11.0645 15.614 11.0067 15.1166L11 15V11.414L6.70711 15.7071C6.34662 16.0676 5.77939 16.0953 5.3871 15.7903L5.29289 15.7071C4.93241 15.3466 4.90468 14.7794 5.2097 14.3871L5.29289 14.2929L9.584 10H6C5.48716 10 5.06449 9.61396 5.00673 9.11662L5 9C5 8.44772 5.44772 8 6 8L12.0193 8.00018C12.0427 8.00063 12.066 8.00189 12.0893 8.00397C12.1097 8.00575 12.1294 8.0081 12.149 8.01102C12.1659 8.01363 12.1834 8.0167 12.2007 8.02024C12.2227 8.02464 12.2444 8.02983 12.2658 8.03572C12.2815 8.0401 12.2969 8.04473 12.3121 8.04974C12.3318 8.05612 12.3516 8.06332 12.3711 8.0711L12.4232 8.09367C12.4439 8.10338 12.4643 8.11379 12.4843 8.12488C12.4964 8.1315 12.5086 8.13861 12.5207 8.146C12.5463 8.16172 12.5711 8.17849 12.5952 8.19631L12.6525 8.24221L12.6167 8.21279C12.6802 8.26255 12.7374 8.31982 12.7872 8.38325C12.7927 8.39016 12.7982 8.3974 12.8037 8.40469C12.8215 8.42887 12.8383 8.45372 12.8539 8.47934L12.8753 8.51594C12.8862 8.53571 12.8966 8.55611 12.9063 8.5769L12.9288 8.62866C12.9367 8.64842 12.9439 8.6682 12.9505 8.68826C12.9553 8.70315 12.9599 8.71854 12.9642 8.73401C12.9702 8.75556 12.9754 8.77725 12.9798 8.79921C12.9833 8.81662 12.9864 8.83405 12.989 8.85153L12.9972 8.92482L12.998 8.94L12.999 8.967Z",e.SHOW_ICON_PATH="M4.29289 10.7071C4.65338 11.0676 5.22061 11.0953 5.6129 10.7903L5.70711 10.7071L8 8.415L10.2929 10.7071C10.6534 11.0676 11.2206 11.0953 11.6129 10.7903L11.7071 10.7071C12.0676 10.3466 12.0953 9.77939 11.7903 9.3871L11.7071 9.29289L8.70711 6.29289C8.34662 5.93241 7.77939 5.90468 7.3871 6.2097L7.29289 6.29289L4.29289 9.29289C3.90237 9.68342 3.90237 10.3166 4.29289 10.7071Z",e.SWITCH_TO_SIDE_BY_SIDE_ICON_PATH="M20.997 3.924L20.998 3.945L20.999 3.98L21 4V10C21 10.5523 20.5523 11 20 11C19.4872 11 19.0645 10.614 19.0067 10.1166L19 10V6.416L14.7071 10.7071C14.3466 11.0676 13.7794 11.0953 13.3871 10.7903L13.2929 10.7071C12.9324 10.3466 12.9047 9.77939 13.2097 9.3871L13.2929 9.29289L17.586 5H14C13.4872 5 13.0645 4.61396 13.0067 4.11662L13 4C13 3.48716 13.386 3.06449 13.8834 3.00673L14 3L20.0332 3.00054C20.0503 3.00109 20.0683 3.00216 20.0862 3.0037C20.1079 3.00553 20.1285 3.00797 20.149 3.01102C20.166 3.01363 20.1834 3.0167 20.2007 3.02024C20.2227 3.02464 20.2444 3.02983 20.2658 3.03572C20.2815 3.0401 20.2969 3.04473 20.3121 3.04974C20.3318 3.05612 20.3516 3.06332 20.3711 3.0711L20.4232 3.09367C20.4439 3.10338 20.4643 3.11379 20.4843 3.12488C20.4964 3.1315 20.5086 3.13861 20.5207 3.146C20.5463 3.16172 20.5711 3.17849 20.5952 3.19631L20.6525 3.24221L20.6168 3.21279C20.6802 3.26255 20.7374 3.31982 20.7872 3.38325C20.7927 3.39016 20.7982 3.3974 20.8037 3.40469C20.8215 3.42887 20.8383 3.45373 20.8539 3.47934L20.8753 3.51594C20.8862 3.53571 20.8966 3.55611 20.9063 3.5769L20.9288 3.62866C20.9367 3.64842 20.9439 3.6682 20.9505 3.68826C20.9553 3.70315 20.9599 3.71854 20.9642 3.73401C20.9702 3.75556 20.9754 3.77725 20.9798 3.79921C20.9833 3.81662 20.9864 3.83405 20.989 3.85153L20.996 3.91075L20.996 3.919L20.997 3.921V3.924ZM3.002 20.059V20.071L3.00175 20.0593C3.00122 20.0503 3.00081 20.0413 3.00052 20.0323L3 14C3 13.4477 3.44772 13 4 13C4.51284 13 4.93551 13.386 4.99327 13.8834L5 14V17.586L9.29289 13.2929C9.65338 12.9324 10.2206 12.9047 10.6129 13.2097L10.7071 13.2929C11.0676 13.6534 11.0953 14.2206 10.7903 14.6129L10.7071 14.7071L6.416 19H10C10.5128 19 10.9355 19.386 10.9933 19.8834L11 20C11 20.5128 10.614 20.9355 10.1166 20.9933L10 21H4C3.99354 21 3.98709 20.9999 3.98066 20.9998C3.95732 20.9994 3.93401 20.9981 3.91075 20.996C3.89031 20.9943 3.87058 20.9919 3.85104 20.989C3.83405 20.9864 3.81662 20.9833 3.79927 20.9798C3.77725 20.9754 3.75556 20.9702 3.73416 20.9643C3.71854 20.9599 3.70315 20.9553 3.68786 20.9503C3.6682 20.9439 3.64842 20.9367 3.62894 20.9289L3.57678 20.9063C3.55611 20.8966 3.53571 20.8862 3.51572 20.8751C3.50361 20.8685 3.49139 20.8614 3.47929 20.854C3.45373 20.8383 3.42887 20.8215 3.40484 20.8037L3.34745 20.7578L3.38325 20.7872C3.31982 20.7374 3.26255 20.6802 3.21279 20.6168C3.20728 20.6098 3.20175 20.6026 3.19633 20.5953C3.17849 20.5711 3.16172 20.5463 3.14607 20.5207L3.12467 20.4841C3.11379 20.4643 3.10338 20.4439 3.09365 20.4231L3.07123 20.3713C3.06332 20.3516 3.05612 20.3318 3.04955 20.3117C3.04473 20.2969 3.0401 20.2815 3.03585 20.266C3.02983 20.2444 3.02464 20.2227 3.02017 20.2008C3.0167 20.1834 3.01363 20.1659 3.01102 20.1485L3.0037 20.0862L3.002 20.059Z",e.MediumSize=24,e.SmallSize=16}(n.icons||(n.icons={}))},function(e,n,t){"use strict";var i=this&&this.__createBinding||(Object.create?function(e,n,t,i){void 0===i&&(i=t),Object.defineProperty(e,i,{enumerable:!0,get:function(){return n[t]}})}:function(e,n,t,i){void 0===i&&(i=t),e[i]=n[t]}),r=this&&this.__exportStar||function(e,n){for(var t in e)"default"===t||n.hasOwnProperty(t)||i(n,e,t)};Object.defineProperty(n,"__esModule",{value:!0}),r(t(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),r=t(17);"string"==typeof(r=r.__esModule?r.default:r)&&(r=[[e.i,r,""]]);var a={insert:"head",singleton:!1};i(r,a);e.exports=r.locals||{}},function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.Position=void 0,function(e){e.BottomLeft="bottom-left",e.BottomRight="bottom-right",e.TopLeft="top-left",e.TopRight="top-right"}(n.Position||(n.Position={}))},function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.debounce=n.getUserId=n.generateId=void 0;n.generateId=function(){return(new Date).getTime().toString(36)+Math.random().toString(36).slice(2)};function i(){return"##".concat("Guest").concat("HashSeparator").concat(function(){for(var e=(0,n.generateId)(),t="",i=0;i<e.length;i++){var r=e.charAt(i);t+=Number.isNaN(+r)?r.charCodeAt(0):r}return t}(),"##")}n.getUserId=function(){return"undefined"==typeof Storage?i():((e=localStorage.getItem("anonymousUserId"))||(e=i(),localStorage.setItem("anonymousUserId",e)),e);var e},n.debounce=function(e,n,t){var i;return void 0===n&&(n=50),void 0===t&&(t={isImmediate:!1}),function(){for(var r=this,a=[],o=0;o<arguments.length;o++)a[o]=arguments[o];var s=function(){i=void 0,t.isImmediate||e.apply(r,a)},l=t.isImmediate&&void 0===i;void 0!==i&&clearTimeout(i),i=setTimeout(s,n),l&&e.apply(this,a)}}},function(e,n,t){"use strict";var i=this&&this.__createBinding||(Object.create?function(e,n,t,i){void 0===i&&(i=t),Object.defineProperty(e,i,{enumerable:!0,get:function(){return n[t]}})}:function(e,n,t,i){void 0===i&&(i=t),e[i]=n[t]}),r=this&&this.__exportStar||function(e,n){for(var t in e)"default"===t||n.hasOwnProperty(t)||i(n,e,t)};Object.defineProperty(n,"__esModule",{value:!0}),r(t(33),n)},function(e,n,t){var i=t(3),r=t(41);"string"==typeof(r=r.__esModule?r.default:r)&&(r=[[e.i,r,""]]);var a={insert:"head",singleton:!1};i(r,a);e.exports=r.locals||{}},function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.NAME=n.VERSION=n.Plugin=void 0;var i=t(14);Object.defineProperty(n,"Plugin",{enumerable:!0,get:function(){return i.DualScreen}});n.VERSION="3.1.4";n.NAME="@playkit-js/playkit-js-dual-screen";KalturaPlayer.core.registerPlugin("dualscreen",i.DualScreen)},function(e,n,t){"use strict";var i,r=this&&this.__extends||(i=function(e,n){return(i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,n){e.__proto__=n}||function(e,n){for(var t in n)n.hasOwnProperty(t)&&(e[t]=n[t])})(e,n)},function(e,n){function t(){this.constructor=e}i(e,n),e.prototype=null===n?Object.create(n):(t.prototype=n.prototype,new t)}),a=this&&this.__assign||function(){return(a=Object.assign||function(e){for(var n,t=1,i=arguments.length;t<i;t++)for(var r in n=arguments[t])Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r]);return e}).apply(this,arguments)};Object.defineProperty(n,"__esModule",{value:!0}),n.DualScreen=void 0;var o=t(0),s=t(15),l=t(27),c=t(2),d=t(31),p=t(32),u=t(11),_=t(34),y=t(35),g=t(39),A=t(7),h=t(42),f=t(43),m=t(4);t(47);var v=KalturaPlayer.ui.reducers.shell,C=m.core.EventType,b=["Playback","Live","Ads"],P=function(e){function n(n,t,i){var r=e.call(this,n,t,i)||this;return r._externalLayout=null,r._pipPosition=c.Position.BottomRight,r._removeActivesArr=[],r._playbackEnded=!1,r._resolveReadyPromise=function(){},r._secondaryPlayerType=c.PlayerType.VIDEO,r._pipPortraitMode=!1,r._undoRemoveSettings=null,r._removeSettingsComponent=function(){if(!r._undoRemoveSettings){var e={presets:b,container:c.ReservedPresetAreas.BottomBarRightControls,get:KalturaPlayer.ui.components.Remove,replaceComponent:KalturaPlayer.ui.components.Settings.displayName};r._undoRemoveSettings=r._player.ui.addComponent(e)}},r._makeReadyPromise=function(){return new Promise((function(e){r._resolveReadyPromise=e}))},r._getSecondaryPlayer=function(){return r._secondaryPlayerType===c.PlayerType.IMAGE?r._imagePlayer:r.secondaryKalturaPlayer},r._setMode=function(){switch(r._layout){case c.Layout.PIP:r._switchToPIP();break;case c.Layout.PIPInverse:r._switchToPIPInverse();break;case c.Layout.SingleMedia:r._switchToSingleMedia();break;case c.Layout.SingleMediaInverse:r._switchToSingleMediaInverse();break;case c.Layout.SideBySide:r._switchToSideBySide();break;case c.Layout.SideBySideInverse:r._switchToSideBySideInverse();break;case c.Layout.Hidden:r._switchToHidden();break;default:r.logger.warn("unrecognized layout, got:",r._layout)}},r._setDefaultMode=function(){r._switchToHidden();var e=[c.Layout.PIP,c.Layout.PIPInverse,c.Layout.SideBySide,c.Layout.SideBySideInverse,c.Layout.SingleMedia,c.Layout.SingleMediaInverse];r._layout=e.includes(r.config.layout)?r.config.layout:c.Layout.Hidden,r._pipPosition=r.config.position,r._pipPortraitMode=!1,r._externalLayout=null},r._setPipPosition=function(e){r._pipPosition=e},r.getPipPosition=function(){return r._pipPosition},r._switchToHidden=function(){var e=r._player.ui.store.dispatch;r._layout=c.Layout.Hidden,e(v.actions.removePlayerClass("has-dual-screen-plugin-overlay")),r._removeActives()},r._switchToPIP=function(e,n){var t;void 0===e&&(e=c.Animations.None),r._layout===c.Layout.PIP&&r._removeActivesArr.length&&(null===(t=r._imagePlayer.active)||void 0===t?void 0:t.portrait)===r._pipPortraitMode||(r._setPipPortraitMode(),r._layout=c.Layout.PIP,r._addActives(r._player.ui.addComponent({label:"kaltura-dual-screen-pip",presets:b,container:c.ReservedPresetAreas.VideoContainer,get:function(){return o.h(s.PipParent,{animation:e,player:r._player})}}),r._player.ui.addComponent({label:"kaltura-dual-screen-pip",presets:b,container:c.ReservedPresetAreas.InteractiveArea,get:function(){return o.h(u.ResponsiveManager,{onMinSize:function(){r._switchToSingleMedia()},onDefaultSize:r._setMode},o.h(y.DragAndSnapManager,{eventManager:r.eventManager,logger:r.logger,getPosition:r.getPipPosition,onPositionChanged:r._setPipPosition},o.h(s.PipChild,{animation:c.Animations.Fade,playerSizePercentage:r.config.childSizePercentage,player:r._getSecondaryPlayer(),hide:function(e){return r._switchToSingleMedia(c.Animations.None,A.getValueOrUndefined(e,c.ButtonsEnum.Show))},onSideBySideSwitch:function(e){return r._switchToSideBySide(e)},onInversePIP:function(e){return r._switchToPIPInverse(c.Animations.Fade,A.getValueOrUndefined(e,c.ButtonsEnum.SwitchScreen))},portrait:r._pipPortraitMode,aspectRatio:r.config.childAspectRatio,focusOnButton:n,layout:r._layout})))}})))},r._switchToPIPInverse=function(e,n){void 0===e&&(e=c.Animations.None),r._layout===c.Layout.PIPInverse&&r._removeActivesArr.length||(r._layout=c.Layout.PIPInverse,r._addActives(r._player.ui.addComponent({label:"kaltura-dual-screen-pip",presets:b,container:c.ReservedPresetAreas.VideoContainer,get:function(){return o.h(s.PipParent,{animation:e,player:r._getSecondaryPlayer()})}}),r._player.ui.addComponent({label:"kaltura-dual-screen-pip",presets:b,container:c.ReservedPresetAreas.InteractiveArea,get:function(){return o.h(u.ResponsiveManager,{onMinSize:function(){r._switchToSingleMediaInverse()},onDefaultSize:r._setMode},o.h(y.DragAndSnapManager,{eventManager:r.eventManager,logger:r.logger,getPosition:r.getPipPosition,onPositionChanged:r._setPipPosition},o.h(s.PipChild,{animation:c.Animations.Fade,playerSizePercentage:r.config.childSizePercentage,player:r._player,hide:function(e){return r._switchToSingleMediaInverse(c.Animations.None,A.getValueOrUndefined(e,c.ButtonsEnum.Show))},onSideBySideSwitch:function(e){return r._switchToSideBySideInverse(e)},onInversePIP:function(e){return r._switchToPIP(c.Animations.Fade,A.getValueOrUndefined(e,c.ButtonsEnum.SwitchScreen))},aspectRatio:r.config.childAspectRatio,focusOnButton:n,layout:r._layout})))}})))},r._switchToSingleMedia=function(e,n){void 0===e&&(e=c.Animations.None),r._layout===c.Layout.SingleMedia&&r._removeActivesArr.length||(r._layout=c.Layout.SingleMedia,r._addActives(r._player.ui.addComponent({label:"kaltura-dual-screen-pip",presets:b,container:c.ReservedPresetAreas.VideoContainer,get:function(){return o.h(s.PipParent,{animation:e,player:r._player})}}),r._player.ui.addComponent({label:"kaltura-dual-screen-pip-minimized",presets:b,container:c.ReservedPresetAreas.BottomBar,get:function(){return o.h(u.ResponsiveManager,{onDefaultSize:r._setMode},o.h(l.PipMinimized,{show:function(e){return r._switchToPIP(c.Animations.None,A.getValueOrUndefined(e,c.ButtonsEnum.Hide))},player:r._getSecondaryPlayer(),onInverse:function(e){return r._switchToSingleMediaInverse(c.Animations.Fade,A.getValueOrUndefined(e,c.ButtonsEnum.SwitchScreen))},focusOnButton:n}))}})))},r._switchToSingleMediaInverse=function(e,n){void 0===e&&(e=c.Animations.None),r._layout===c.Layout.SingleMediaInverse&&r._removeActivesArr.length||(r._layout=c.Layout.SingleMediaInverse,r._addActives(r._player.ui.addComponent({label:"kaltura-dual-screen-pip",presets:b,container:c.ReservedPresetAreas.VideoContainer,get:function(){return o.h(s.PipParent,{animation:e,player:r._getSecondaryPlayer()})}}),r._player.ui.addComponent({label:"kaltura-dual-screen-pip-minimized",presets:b,container:c.ReservedPresetAreas.BottomBar,get:function(){return o.h(u.ResponsiveManager,{onDefaultSize:r._setMode},o.h(l.PipMinimized,{show:function(e){return r._switchToPIPInverse(c.Animations.None,A.getValueOrUndefined(e,c.ButtonsEnum.Hide))},player:r._player,onInverse:function(e){return r._switchToSingleMedia(c.Animations.Fade,A.getValueOrUndefined(e,c.ButtonsEnum.SwitchScreen))},focusOnButton:n}))}})))},r._switchToSideBySide=function(e){if(r._layout!==c.Layout.SideBySide||!r._removeActivesArr.length){r._layout=c.Layout.SideBySide;var n={player:r._player,onExpand:function(e){return r._switchToPIP(c.Animations.ScaleRight,A.getValueOrUndefined(e,c.ButtonsEnum.SideBySide))},focusOnButton:e},t={player:r._getSecondaryPlayer(),onExpand:function(e){return r._switchToPIPInverse(c.Animations.ScaleLeft,A.getValueOrUndefined(e,c.ButtonsEnum.SideBySide))}};r._addActives(r._player.ui.addComponent({label:"kaltura-dual-screen-side-by-side",presets:b,container:c.ReservedPresetAreas.VideoContainer,get:function(){return o.h(g.SideBySideWrapper,{leftSideProps:n,rightSideProps:t,layout:r._layout,onSizeChange:r._setMode,onMinSize:r._switchToSingleMedia})}}))}},r._switchToSideBySideInverse=function(e){if(r._layout!==c.Layout.SideBySideInverse||!r._removeActivesArr.length){r._layout=c.Layout.SideBySideInverse;var n={player:r._getSecondaryPlayer(),onExpand:function(e){return r._switchToPIPInverse(c.Animations.ScaleRight,A.getValueOrUndefined(e,c.ButtonsEnum.SideBySide))},focusOnButton:e},t={player:r._player,onExpand:function(e){return r._switchToPIP(c.Animations.ScaleLeft,A.getValueOrUndefined(e,c.ButtonsEnum.SideBySide))}};r._addActives(r._player.ui.addComponent({label:"kaltura-dual-screen-side-by-side",presets:b,container:c.ReservedPresetAreas.VideoContainer,get:function(){return o.h(g.SideBySideWrapper,{leftSideProps:n,rightSideProps:t,layout:r._layout,onSizeChange:r._setMode,onMinSize:r._switchToSingleMedia})}}))}},r._onActiveSlideChanged=function(e){if(e){var n=!1;r._layout!==c.Layout.Hidden||r._externalLayout||(n=!0,r._setDefaultMode()),r._layout===c.Layout.Hidden&&r._externalLayout&&r._applyExternalLayout();var t=!1;e.portrait!==r._pipPortraitMode&&(t=!0),(n||t&&r._layout===c.Layout.PIP)&&r._setMode(),r._removeSettingsComponent()}else r._switchToHidden()},r._onSlideViewChanged=function(e){r._externalLayout!==e&&(r._externalLayout=e,r._applyExternalLayout())},r._applyExternalLayout=function(){switch(r._externalLayout){case c.ExternalLayout.Hidden:r._switchToHidden();break;case c.ExternalLayout.SingleMedia:r._layout!==c.Layout.SingleMedia&&r._switchToSingleMedia();break;case c.ExternalLayout.SingleMediaInverse:r._layout!==c.Layout.SingleMediaInverse&&r._switchToSingleMediaInverse();break;case c.ExternalLayout.PIP:r._layout!==c.Layout.PIP&&r._switchToPIP();break;case c.ExternalLayout.PIPInverse:r._layout!==c.Layout.PIPInverse&&r._switchToPIPInverse();break;case c.ExternalLayout.SideBySide:r._layout!==c.Layout.SideBySide&&r._switchToSideBySide();break;case c.ExternalLayout.SideBySideInverse:r._layout!==c.Layout.SideBySideInverse&&r._switchToSideBySideInverse()}},r._player=t,r._imagePlayer=new f.ImagePlayer(r._onActiveSlideChanged,r.config.slidesPreloadEnabled),r._readyPromise=r._makeReadyPromise(),r._layout=c.Layout.Hidden,r._pipPosition=r.config.position,r}return r(n,e),n.prototype.getEngineDecorator=function(e,n){return new h.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=c.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!==c.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(v.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 r=n.get(_.SecondaryMediaLoader.id),a=null===(i=null===(t=null==r?void 0:r.response)||void 0===t?void 0:t.entries[0])||void 0===i?void 0:i.id;a?(e._secondaryPlayerType=c.PlayerType.VIDEO,e._removeSettingsComponent(),e.secondaryKalturaPlayer=e._createSecondaryPlayer(),e.eventManager.listenOnce(e.secondaryKalturaPlayer,C.CHANGE_SOURCE_ENDED,(function(){e._resolveReadyPromise()})),e._videoSyncManager=new d.VideoSyncManager(e.eventManager,e.player,e.secondaryKalturaPlayer,e.logger),e.eventManager.listen(e.secondaryKalturaPlayer,e.player.Event.FIRST_PLAYING,(function(){e.logger.debug("secondary player first playing - show dual mode"),e._setDefaultMode(),e._setMode()})),e.secondaryKalturaPlayer.loadMedia({entryId:a,ks:e.player.config.session.isAnonymous?"":e.player.config.session.ks})):(e.logger.warn("Secondary entry id not found"),e._secondaryPlayerType=c.PlayerType.IMAGE,e.player.getService("kalturaCuepoints")&&(e._imageSyncManager=new p.ImageSyncManager(e.eventManager,e.player,e._imagePlayer,e.logger,e._onSlideViewChanged)),e._resolveReadyPromise())}else e.logger.warn("SecondaryMediaLoader does not exist"),e._resolveReadyPromise(),e.eventManager.removeAll()})).catch((function(n){e.logger.error(n),e._resolveReadyPromise()}))},n.prototype._createSecondaryPlayer=function(){var e,n=document.createElement("div");n.setAttribute("id","secondaryPlaceholder"),n.style.width="240px",n.style.height="135px",n.hidden=!0,document.body.appendChild(n);var t={targetId:"secondaryPlaceholder",disableUserCache:!0,playback:{muted:!0},ui:{disable:!0},provider:a(a({},this._player.config.provider),{ignoreServerConfig:!0}),plugins:{"kaltura-live":a({},(null===(e=this._player.plugins["kaltura-live"])||void 0===e?void 0:e.config)||{})}};return KalturaPlayer.setup(t)},n.isValid=function(){return!0},n.prototype.destroy=function(){this.eventManager.destroy()},n.prototype._setPipPortraitMode=function(){if(this._secondaryPlayerType===c.PlayerType.VIDEO&&this.secondaryKalturaPlayer){var e=this.secondaryKalturaPlayer.getVideoElement().videoWidth,n=this.secondaryKalturaPlayer.getVideoElement().videoHeight;this._pipPortraitMode=e<n||this._pipPortraitMode}else this._pipPortraitMode=this._imagePlayer.active?this._imagePlayer.active.portrait:this._pipPortraitMode},n.defaultConfig={layout:c.Layout.PIP,childSizePercentage:30,childAspectRatio:{width:16,height:9},position:c.Position.BottomRight,slidesPreloadEnabled:!0},n}(KalturaPlayer.core.BasePlugin);n.DualScreen=P},function(e,n,t){"use strict";var i=this&&this.__createBinding||(Object.create?function(e,n,t,i){void 0===i&&(i=t),Object.defineProperty(e,i,{enumerable:!0,get:function(){return n[t]}})}:function(e,n,t,i){void 0===i&&(i=t),e[i]=n[t]}),r=this&&this.__exportStar||function(e,n){for(var t in e)"default"===t||n.hasOwnProperty(t)||i(n,e,t)};Object.defineProperty(n,"__esModule",{value:!0}),r(t(16),n),r(t(26),n)},function(e,n,t){"use strict";var i,r=this&&this.__extends||(i=function(e,n){return(i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,n){e.__proto__=n}||function(e,n){for(var t in n)n.hasOwnProperty(t)&&(e[t]=n[t])})(e,n)},function(e,n){function t(){this.constructor=e}i(e,n),e.prototype=null===n?Object.create(n):(t.prototype=n.prototype,new t)}),a=this&&this.__decorate||function(e,n,t,i){var r,a=arguments.length,o=a<3?n:null===i?i=Object.getOwnPropertyDescriptor(n,t):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,n,t,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(o=(a<3?r(o):a>3?r(n,t,o):r(n,t))||o);return a>3&&o&&Object.defineProperty(n,t,o),o};Object.defineProperty(n,"__esModule",{value:!0}),n.PipChild=void 0;var o=t(0),s=t(8),l=t(2),c=t(5),d=t(6),p=KalturaPlayer.ui.redux.connect,u=KalturaPlayer.ui,_=u.utils,y=u.reducers,g=KalturaPlayer.ui.components.Icon,A=KalturaPlayer.ui.preacti18n,h=A.withText,f=A.Text,m=function(e){var n=e.layout;return{sideBySide:o.h(f,{id:"dualScreen.side_by_side"},"Side by side screens"),switchScreen:n===l.Layout.PIP?o.h(f,{id:"dualScreen.switch_to_secondary_screen"},"Switch to secondary screen"):o.h(f,{id:"dualScreen.switch_to_primary_screen"},"Switch to primary screen"),hideLabel:o.h(f,{id:"dualScreen.hide"},"Hide"),hideAriaLabel:o.h(f,{id:"dualScreen.hide_label"},"Hide dual screen")}},v=function(e){return{showUi:e.shell.playerHover||e.shell.playerNav,playerHeight:e.shell.guiClientRect.height,prePlayback:e.engine.prePlayback}},C=function(e){function n(){var n=null!==e&&e.apply(this,arguments)||this;return n.playerContainerRef=o.createRef(),n.pipContainerRef=o.createRef(),n}return r(n,e),n.prototype.componentDidMount=function(){var e=this.props.player.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,this.props.portrait?s.verticalPlayer:""].join(" ")},o.h(d.Button,{className:s.iconContainer,onClick:n,tooltip:{label:this.props.sideBySide,type:"bottom-left"},focusOnMount:i===l.ButtonsEnum.SideBySide},o.h(g,{id:"dualscreen-pip-side-by-side",height:c.icons.MediumSize,width:c.icons.MediumSize,viewBox:"0 0 "+c.icons.MediumSize+" "+c.icons.MediumSize,path:c.icons.SIDE_BY_SIDE_ICON_PATH})),o.h(d.Button,{className:s.iconContainer,onClick:t,tooltip:{label:this.props.switchScreen,type:"bottom-left"},focusOnMount:i===l.ButtonsEnum.SwitchScreen},o.h(g,{id:"dualscreen-pip-swap",height:c.icons.MediumSize,width:c.icons.MediumSize,viewBox:"0 0 "+c.icons.MediumSize+" "+c.icons.MediumSize,path:c.icons.SWAP_ICON_PATH})))},n.prototype._renderHideButton=function(){var e=this.props,n=e.hide,t=e.focusOnButton;return o.h(d.Button,{className:s.hideContainer,onClick:n,ariaLabel:this.props.hideAriaLabel,focusOnMount:t===l.ButtonsEnum.Hide},o.h(o.Fragment,null,o.h("div",{className:s.iconContainer},o.h(g,{id:"dualscreen-pip-hide",height:c.icons.SmallSize,width:c.icons.SmallSize,viewBox:"0 0 "+c.icons.SmallSize+" "+c.icons.SmallSize,path:c.icons.HIDE_ICON_PATH})),this.props.hideLabel))},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,r={height:(e.portrait?i:t)+"px"};return o.h("div",{className:n.join(" "),ref:this.pipContainerRef},this._renderHideButton(),o.h("div",{className:s.playerWrapper},o.h("div",{className:s.playerContainer,style:r,ref:this.playerContainerRef}),this._renderInnerButtons()))},n=a([h(m),p(v,_.bindActions(y.shell.actions))],n)}(o.Component);n.PipChild=C},function(e,n,t){"use strict";t.r(n);var i=t(1),r=t.n(i)()(!0);r.push([e.i,'.pip__iconContainer___I7wDY{height:28px;width:28px;opacity:.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:var(--playkit-tone-4-color);border-radius:4px;opacity:1}.pip__parentPlayer___NCnqk{width:100%;height:100%;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;object-fit:cover;width:auto}.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:0px 0px 5px auto;display:flex;flex-direction:row;justify-content:center;align-items:center;cursor:pointer;color:#fff;font-style:normal;font-weight:400;font-size:14px;line-height:18px;background:rgba(0,0,0,.6);border-radius:4px}.pip__childPlayer___tqBeH .pip__hideContainer___WmxCK:hover{background:rgba(0,0,0,.7)}.pip__childPlayer___tqBeH .pip__hideContainer___WmxCK .pip__iconContainer___I7wDY{margin:0px 8px 0px 0px;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,.2),0 0 4px 0 rgba(0,0,0,.3)}.pip__childPlayer___tqBeH .pip__playerWrapper___8XRTF .pip__playerContainer___RCOLw .playkit-image-player img{width:auto}.pip__childPlayer___tqBeH .pip__playerWrapper___8XRTF .pip__innerButtons___qkl44{flex-direction:row;justify-content:flex-end;align-items:flex-start;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__verticalPlayer___u5l6a .playkit-tooltip span{max-width:100px !important}.pip__childPlayer___tqBeH .pip__playerWrapper___8XRTF .pip__innerButtons___qkl44 .pip__iconContainer___I7wDY{display:inline-block;margin:0px;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}}',"",{version:3,sources:["webpack://styles/_styles.scss","webpack://styles/_variables.scss","webpack://../node_modules/@playkit-js/playkit-js-ui/src/styles/exported.scss","webpack://components/pip/pip.scss"],names:[],mappings:"AAEA,4BACE,WCDc,CDEd,UCFc,CDGd,UAAA,CACA,cAAA,CAGF,2BACE,YAAA,CACA,iBAAA,CACA,WAAA,CACA,QAAA,CACA,OAAA,CACA,WAAA,CACA,gFAAA,CACA,UAAA,CAGE,6DACE,sCEYS,CFXT,iBCfQ,CDgBR,SAAA,CGjBN,2BACE,UAAA,CACA,WAAA,CACA,iBAAA,CACA,MAAA,CHmBA,oEAEE,iBAAA,CGlBJ,0BACE,iBAAA,CACA,gCACE,iBAAA,CACA,gBAAA,CACA,UAAA,CHWF,mEAEE,iBAAA,CGPA,yJACE,YAAA,CAGJ,+EACE,YAAA,CAEF,4EACE,iBAAA,CAGF,sDACE,iBAAA,CACA,UAAA,CACA,WAnCoB,CAoCpB,uBAAA,CAEA,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,kBAAA,CAEA,cAAA,CACA,UAAA,CACA,iBAAA,CACA,eAAA,CACA,cAAA,CACA,gBAAA,CAEA,yBAAA,CACA,iBF/CU,CEiDV,4DACE,yBAAA,CAGF,kFACE,sBAAA,CACA,WF3DoB,CE4DpB,UF5DoB,CEgExB,sDACE,iBAAA,CACA,iBF7DU,CE8DV,eAAA,CACA,wDAAA,CACA,oFACE,6DAAA,CACA,8GACE,UAAA,CAIJ,iFACE,kBAAA,CACA,wBAAA,CACA,sBAAA,CACA,mBAAA,CACA,mFACE,mBAAA,CAGA,mIACE,0BAAA,CAIJ,6GACE,oBAAA,CACA,UAAA,CACA,WAAA,CACA,yHACE,gBAAA,CAOV,4BACE,wCAAA,CAGF,iCACE,8CAAA,CAGF,iCACE,6CAAA,CAGF,qCACE,GACE,oCAAA,CAEF,KACE,gCAAA,CAAA,CAIJ,oCACE,GACE,mCAAA,CAEF,KACE,gCAAA,CAAA,CAIJ,+BACE,GACE,SAAA,CAEF,KACE,SAAA,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: $tone-4-color;\n      border-radius: $roundness-1;\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","@import '~@playkit-js/playkit-js-ui';\n\n$smallIconSize: 28px;\n$smallBorderLessIconSize: 16px;\n$animation-duration: 0.3s;\n\n// border radius\n$roundness-1: 4px;\n$roundness-2: 8px;\n","// Sass variables exported using the npm package for plugins usage\n\n// Accent Colors\n$primary-color: var(--playkit-primary-color);\n$primary-darker-color: var(--playkit-primary-darker-color);\n$primary-brighter-color: var(--playkit-primary-brighter-color);\n$primary-text-contrast-color: var(--playkit-primary-text-contrast-color);\n\n$secondary-color: var(--playkit-secondary-color);\n$secondary-darker-color: var(--playkit-secondary-darker-color);\n$secondary-brighter-color: var(--playkit-secondary-brighter-color);\n$secondary-text-contrast-color: var(--playkit-secondary-text-contrast-color);\n\n// Acknowledgement Colors\n$success-color: var(--playkit-success-color);\n$success-darker-color: var(--playkit-success-darker-color);\n$success-brighter-color: var(--playkit-success-brighter-color);\n$success-text-contrast-color: var(--playkit-success-text-contrast-color);\n\n$danger-color: var(--playkit-danger-color);\n$danger-darker-color: var(--playkit-danger-darker-color);\n$danger-brighter-color: var(--playkit-danger-brighter-color);\n$danger-text-contrast-color: var(--playkit-danger-text-contrast-color);\n\n$warning-color: var(--playkit-warning-color);\n$warning-darker-color: var(--playkit-warning-darker-color);\n$warning-brighter-color: var(--playkit-warning-brighter-color);\n$warning-text-contrast-color: var(--playkit-warning-text-contrast-color);\n\n// Tone Ramp\n$tone-1-color: var(--playkit-tone-1-color);\n$tone-2-color: var(--playkit-tone-2-color);\n$tone-3-color: var(--playkit-tone-3-color);\n$tone-4-color: var(--playkit-tone-4-color);\n$tone-5-color: var(--playkit-tone-5-color);\n$tone-6-color: var(--playkit-tone-6-color);\n$tone-7-color: var(--playkit-tone-7-color);\n$tone-8-color: var(--playkit-tone-8-color);\n\n$live-color: var(--playkit-live-color);\n$player-background-color: var(--playkit-player-background-color);\n$tab-focus-color: var(--playkit-tab-focus-color);\n$tooltip-background-color: var(--playkit-tooltip-background-color);\n$tooltip-color: var(--playkit-tooltip-color);\n$ads-color: var(--playkit-ads-color);\n","@import '~styles/variables';\n@import '~styles/styles';\n\n$hide-container-height: 32px;\n$hide-container-gap: 5px;\n\n.parentPlayer {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  left: 0;\n  @include hideImagePlayer;\n}\n.childPlayer {\n  position: relative;\n  video {\n    position: relative;\n    object-fit: cover;\n    width: auto;\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: 0px 0px $hide-container-gap auto;\n\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    align-items: center;\n\n    cursor: pointer;\n    color: white;\n    font-style: normal;\n    font-weight: 400;\n    font-size: 14px;\n    line-height: 18px;\n\n    background: rgba(0, 0, 0, 0.6);\n    border-radius: $roundness-1;\n\n    &:hover {\n      background: rgba(0, 0, 0, 0.7);\n    }\n\n    .iconContainer {\n      margin: 0px 8px 0px 0px;\n      height: $smallBorderLessIconSize;\n      width: $smallBorderLessIconSize;\n    }\n  }\n\n  .playerWrapper {\n    position: relative;\n    border-radius: $roundness-2;\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      :global(.playkit-image-player img) {\n        width: auto;\n      }\n    }\n\n    .innerButtons {\n      flex-direction: row;\n      justify-content: flex-end;\n      align-items: flex-start;\n      pointer-events: none;\n      * {\n        pointer-events: auto;\n      }\n      &.verticalPlayer {\n        :global(.playkit-tooltip span) {\n          max-width: 100px !important;\n        }\n      }\n\n      .iconContainer {\n        display: inline-block;\n        margin: 0px;\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:""}]),r.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",verticalPlayer:"pip__verticalPlayer___u5l6a",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=r},function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.Animations=void 0,function(e){e.None="None",e.Fade="Fade",e.ScaleRight="ScaleRight",e.ScaleLeft="ScaleLeft",e.Slide="Slide"}(n.Animations||(n.Animations={}))},function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.StreamMode=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){e.Primary="Primary",e.Secondary="Secondary"}(n.StreamMode||(n.StreamMode={}))},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.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 r in n=arguments[t])Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r]);return e}).apply(this,arguments)};Object.defineProperty(n,"__esModule",{value:!0}),n.Button=void 0;var r=t(0),a=t(24),o=t(25),s=KalturaPlayer.ui.components.Tooltip;n.Button=function(e){var n=e.onClick,t=e.className,l=e.children,c=e.tooltip,d=e.ariaLabel,p=e.focusOnMount,u=a.useRef(null);a.useEffect((function(){var e;p&&(null===(e=u.current)||void 0===e||e.focus())}),[p]);var _=a.useCallback((function(e,t){n(Boolean(t))}),[n]),y={ref:u,role:"button",tabIndex:0};return t&&(y.className=t),(d||c)&&(y["aria-label"]=d||c.label),r.h(o.A11yWrapper,{onClick:_},r.h("div",i({},y),c?r.h(s,{label:c.label,type:c.type},l):l))}},function(e,n,t){"use strict";t.r(n),t.d(n,"useState",(function(){return g})),t.d(n,"useReducer",(function(){return A})),t.d(n,"useEffect",(function(){return h})),t.d(n,"useLayoutEffect",(function(){return f})),t.d(n,"useRef",(function(){return m})),t.d(n,"useImperativeHandle",(function(){return v})),t.d(n,"useMemo",(function(){return C})),t.d(n,"useCallback",(function(){return b})),t.d(n,"useContext",(function(){return P})),t.d(n,"useDebugValue",(function(){return S})),t.d(n,"useErrorBoundary",(function(){return k}));var i,r,a,o=t(0),s=0,l=[],c=o.options.__b,d=o.options.__r,p=o.options.diffed,u=o.options.__c,_=o.options.unmount;function y(e,n){o.options.__h&&o.options.__h(r,e,s||n),s=0;var t=r.__H||(r.__H={__:[],__h:[]});return e>=t.__.length&&t.__.push({}),t.__[e]}function g(e){return s=1,A(L,e)}function A(e,n,t){var a=y(i++,2);return a.t=e,a.__c||(a.__=[t?t(n):L(void 0,n),function(e){var n=a.t(a.__[0],e);a.__[0]!==n&&(a.__=[n,a.__[1]],a.__c.setState({}))}],a.__c=r),a.__}function h(e,n){var t=y(i++,3);!o.options.__s&&M(t.__H,n)&&(t.__=e,t.__H=n,r.__H.__h.push(t))}function f(e,n){var t=y(i++,4);!o.options.__s&&M(t.__H,n)&&(t.__=e,t.__H=n,r.__h.push(t))}function m(e){return s=5,C((function(){return{current:e}}),[])}function v(e,n,t){s=6,f((function(){"function"==typeof e?e(n()):e&&(e.current=n())}),null==t?t:t.concat(e))}function C(e,n){var t=y(i++,7);return M(t.__H,n)&&(t.__=e(),t.__H=n,t.__h=e),t.__}function b(e,n){return s=8,C((function(){return e}),n)}function P(e){var n=r.context[e.__c],t=y(i++,9);return t.c=e,n?(null==t.__&&(t.__=!0,n.sub(r)),n.props.value):e.__}function S(e,n){o.options.useDebugValue&&o.options.useDebugValue(n?n(e):e)}function k(e){var n=y(i++,10),t=g();return n.__=e,r.componentDidCatch||(r.componentDidCatch=function(e){n.__&&n.__(e),t[1](e)}),[t[0],function(){t[1](void 0)}]}function E(){l.forEach((function(e){if(e.__P)try{e.__H.__h.forEach(w),e.__H.__h.forEach(x),e.__H.__h=[]}catch(n){e.__H.__h=[],o.options.__e(n,e.__v)}})),l=[]}o.options.__b=function(e){r=null,c&&c(e)},o.options.__r=function(e){d&&d(e),i=0;var n=(r=e.__c).__H;n&&(n.__h.forEach(w),n.__h.forEach(x),n.__h=[])},o.options.diffed=function(e){p&&p(e);var n=e.__c;n&&n.__H&&n.__H.__h.length&&(1!==l.push(n)&&a===o.options.requestAnimationFrame||((a=o.options.requestAnimationFrame)||function(e){var n,t=function(){clearTimeout(i),B&&cancelAnimationFrame(n),setTimeout(e)},i=setTimeout(t,100);B&&(n=requestAnimationFrame(t))})(E)),r=null},o.options.__c=function(e,n){n.some((function(e){try{e.__h.forEach(w),e.__h=e.__h.filter((function(e){return!e.__||x(e)}))}catch(t){n.some((function(e){e.__h&&(e.__h=[])})),n=[],o.options.__e(t,e.__v)}})),u&&u(e,n)},o.options.unmount=function(e){_&&_(e);var n=e.__c;if(n&&n.__H)try{n.__H.__.forEach(w)}catch(e){o.options.__e(e,n.__v)}};var B="function"==typeof requestAnimationFrame;function w(e){var n=r;"function"==typeof e.__c&&e.__c(),r=n}function x(e){var n=r;e.__c=e.__(),r=n}function M(e,n){return!e||e.length!==n.length||n.some((function(n,t){return n!==e[t]}))}function L(e,n){return"function"==typeof n?n(e):n}},function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.A11yWrapper=n.isKeyboardEvent=void 0;var i=t(0),r=t(4).ui.utils.KeyMap,a=r.ENTER,o=r.SPACE,s=r.UP,l=r.DOWN,c=r.LEFT,d=r.RIGHT,p=function(e){e.preventDefault(),e.stopPropagation()};n.isKeyboardEvent=function(e){return e instanceof KeyboardEvent||[e.offsetX,e.offsetY].every((function(e){return 0===e}))};n.A11yWrapper=function(e){var t=e.children,r=e.onClick,u=e.onUpKeyPressed,_=e.onDownKeyPressed,y=e.onLeftKeyPressed,g=e.onRightKeyPressed,A=e.role,h=e.type,f={onKeyDown:function(e){e.keyCode===o||e.keyCode===a?(p(e),r(e,!0)):e.keyCode===s&&u?(p(e),u(e)):e.keyCode===l&&_?(p(e),_(e)):e.keyCode===c&&y?(p(e),y(e)):e.keyCode===d&&g&&(p(e),g(e))},onClick:function(e){e.stopPropagation(),r(e,(0,n.isKeyboardEvent)(e))},role:A};return"button"===t.type&&(f.type=h||"button"),(0,i.cloneElement)(t,f)},n.A11yWrapper.defaultProps={role:"button"}},function(e,n,t){"use strict";var i,r=this&&this.__extends||(i=function(e,n){return(i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,n){e.__proto__=n}||function(e,n){for(var t in n)n.hasOwnProperty(t)&&(e[t]=n[t])})(e,n)},function(e,n){function t(){this.constructor=e}i(e,n),e.prototype=null===n?Object.create(n):(t.prototype=n.prototype,new t)}),a=this&&this.__decorate||function(e,n,t,i){var r,a=arguments.length,o=a<3?n:null===i?i=Object.getOwnPropertyDescriptor(n,t):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,n,t,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(o=(a<3?r(o):a>3?r(n,t,o):r(n,t))||o);return a>3&&o&&Object.defineProperty(n,t,o),o};Object.defineProperty(n,"__esModule",{value:!0}),n.PipParent=void 0;var o=t(0),s=t(8),l=t(2),c=KalturaPlayer.ui.redux.connect,d=function(e){return{prePlayback:e.engine.prePlayback}},p=function(e){function n(){var n=null!==e&&e.apply(this,arguments)||this;return n.videoContainerRef=o.createRef(),n}return r(n,e),n.prototype.componentDidMount=function(){var e,n,t=this.props.player;null===(n=null===(e=this.videoContainerRef)||void 0===e?void 0:e.current)||void 0===n||n.appendChild(t.getVideoElement())},n.prototype.render=function(e){var n=[s.videoContainer,s.parentPlayer];if(!e.prePlayback&&e.animation)switch(e.animation){case l.Animations.Fade:n.push(s.animatedFade);break;case l.Animations.ScaleRight:n.push(s.animatedScaleRight);break;case l.Animations.ScaleLeft:n.push(s.animatedScaleLeft)}return o.h("div",{className:n.join(" "),ref:this.videoContainerRef})},n=a([c(d)],n)}(o.Component);n.PipParent=p},function(e,n,t){"use strict";var i=this&&this.__createBinding||(Object.create?function(e,n,t,i){void 0===i&&(i=t),Object.defineProperty(e,i,{enumerable:!0,get:function(){return n[t]}})}:function(e,n,t,i){void 0===i&&(i=t),e[i]=n[t]}),r=this&&this.__exportStar||function(e,n){for(var t in e)"default"===t||n.hasOwnProperty(t)||i(n,e,t)};Object.defineProperty(n,"__esModule",{value:!0}),r(t(28),n)},function(e,n,t){"use strict";var i,r=this&&this.__extends||(i=function(e,n){return(i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,n){e.__proto__=n}||function(e,n){for(var t in n)n.hasOwnProperty(t)&&(e[t]=n[t])})(e,n)},function(e,n){function t(){this.constructor=e}i(e,n),e.prototype=null===n?Object.create(n):(t.prototype=n.prototype,new t)}),a=this&&this.__decorate||function(e,n,t,i){var r,a=arguments.length,o=a<3?n:null===i?i=Object.getOwnPropertyDescriptor(n,t):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,n,t,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(o=(a<3?r(o):a>3?r(n,t,o):r(n,t))||o);return a>3&&o&&Object.defineProperty(n,t,o),o};Object.defineProperty(n,"__esModule",{value:!0}),n.PipMinimized=void 0;var o=t(0),s=t(29),l=t(5),c=t(6),d=t(2),p=KalturaPlayer.ui.components.Icon,u=KalturaPlayer.ui.preacti18n,_=u.withText,y=u.Text,g=function(){return{showLabel:o.h(y,{id:"dualScreen.show"},"Show"),showAriaLabel:o.h(y,{id:"dualScreen.show_label"},"Show dual screen"),switchScreen:o.h(y,{id:"dualScreen.switch_screen"},"Switch Screen")}},A=function(e){function n(){var n=null!==e&&e.apply(this,arguments)||this;return n.ref=o.createRef(),n._renderHoverButton=function(){var e=n.props,t=e.show,i=e.onInverse,r=e.hideButtons,a=e.focusOnButton;return o.h(o.Fragment,null,!r&&o.h(c.Button,{onClick:t,className:s.showContainer,ariaLabel:n.props.showAriaLabel,focusOnMount:a===d.ButtonsEnum.Show},o.h(o.Fragment,null,o.h("div",{className:s.iconContainer},o.h(p,{id:"dualscreen-pip-minimized-show",height:l.icons.SmallSize,width:l.icons.SmallSize,viewBox:"0 0 "+l.icons.SmallSize+" "+l.icons.SmallSize,path:l.icons.SHOW_ICON_PATH})),n.props.showLabel)),o.h("div",{className:[s.innerButtons,r?s.tinyInnerButtons:""].join(" ")},o.h(c.Button,{onClick:i,focusOnMount:a===d.ButtonsEnum.SwitchScreen,ariaLabel:n.props.switchScreen},o.h("div",{className:s.iconContainer},o.h(p,{id:"dualscreen-pip-minimized-swap",height:l.icons.MediumSize,width:l.icons.MediumSize,viewBox:"0 0 "+l.icons.MediumSize+" "+l.icons.MediumSize,path:l.icons.SWAP_ICON_PATH})))))},n}return r(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 o.h("div",{className:s.childPlayerContainer},o.h("div",{ref:this.ref,className:[s.childPlayer,e.hideButtons?s.tinyChildPlayer:""].join(" ")}),this._renderHoverButton())},n=a([_(g)],n)}(o.Component);n.PipMinimized=A},function(e,n,t){var i=t(3),r=t(30);"string"==typeof(r=r.__esModule?r.default:r)&&(r=[[e.i,r,""]]);var a={insert:"head",singleton:!1};i(r,a);e.exports=r.locals||{}},function(e,n,t){"use strict";t.r(n);var i=t(1),r=t.n(i)()(!0);r.push([e.i,'.pip-minimized__iconContainer___a26rb{height:28px;width:28px;opacity:.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:var(--playkit-tone-4-color);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;object-fit:cover;width:auto}.pip-minimized__childPlayerContainer___SbEUB .pip-minimized__childPlayer___dA6kb{width:auto;height:60px;box-shadow:0px 0px 0px 1px rgba(0,0,0,.2),0px 8px 60px -16px rgba(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}.pip-minimized__childPlayerContainer___SbEUB .pip-minimized__childPlayer___dA6kb img{width:auto}.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:#fff;font-style:normal;font-weight:400;font-size:14px;line-height:18px;background:rgba(0,0,0,.6);border-radius:4px}.pip-minimized__childPlayerContainer___SbEUB .pip-minimized__showContainer___doQSU:hover{background:rgba(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:rgba(0,0,0,0)}@keyframes pip-minimized__fading___Kl3LB{0%{opacity:0}100%{opacity:1}}',"",{version:3,sources:["webpack://styles/_styles.scss","webpack://styles/_variables.scss","webpack://../node_modules/@playkit-js/playkit-js-ui/src/styles/exported.scss","webpack://components/pip-minimized/pip-minimized.scss"],names:[],mappings:"AAEA,sCACE,WCDc,CDEd,UCFc,CDGd,UAAA,CACA,cAAA,CAGF,qCACE,YAAA,CACA,iBAAA,CACA,WAAA,CACA,QAAA,CACA,OAAA,CACA,WAAA,CACA,gFAAA,CACA,UAAA,CAGE,iFACE,sCEYS,CFXT,iBCfQ,CDgBR,SAAA,CGjBN,6CAOE,iBAAA,CACA,KAAA,CACA,OAAA,CACA,2BAAA,CACA,kDAAA,CHYA,sFAEE,iBAAA,CGvBF,mDACE,iBAAA,CACA,gBAAA,CACA,UAAA,CAOF,iFACE,UAAA,CACA,WAAA,CACA,2EAAA,CACA,iBFdU,CEeV,wDAAA,CACA,eAAA,CACA,wHACE,WAAA,CAEF,qFACE,UAAA,CAIJ,mFACE,YAAA,CACA,kBAAA,CACA,wBAAA,CACA,kBAAA,CACA,WAAA,CACA,cAAA,CAEA,iBAAA,CACA,UAAA,CACA,WAxCoB,CAyCpB,SAAA,CACA,yBAAA,CAEA,UAAA,CACA,iBAAA,CACA,eAAA,CACA,cAAA,CACA,gBAAA,CAEA,yBAAA,CACA,iBF/CU,CEiDV,yFACE,yBAAA,CAEF,yHACE,WAAA,CACA,UAAA,CACA,gBAAA,CAIJ,kFACE,iBF3DU,CE4DV,sBAAA,CACA,kBAAA,CACA,2HACE,WAAA,CAEF,8HACE,wBAAA,CAKN,yCACE,GACE,SAAA,CAEF,KACE,SAAA,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: $tone-4-color;\n      border-radius: $roundness-1;\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","@import '~@playkit-js/playkit-js-ui';\n\n$smallIconSize: 28px;\n$smallBorderLessIconSize: 16px;\n$animation-duration: 0.3s;\n\n// border radius\n$roundness-1: 4px;\n$roundness-2: 8px;\n","// Sass variables exported using the npm package for plugins usage\n\n// Accent Colors\n$primary-color: var(--playkit-primary-color);\n$primary-darker-color: var(--playkit-primary-darker-color);\n$primary-brighter-color: var(--playkit-primary-brighter-color);\n$primary-text-contrast-color: var(--playkit-primary-text-contrast-color);\n\n$secondary-color: var(--playkit-secondary-color);\n$secondary-darker-color: var(--playkit-secondary-darker-color);\n$secondary-brighter-color: var(--playkit-secondary-brighter-color);\n$secondary-text-contrast-color: var(--playkit-secondary-text-contrast-color);\n\n// Acknowledgement Colors\n$success-color: var(--playkit-success-color);\n$success-darker-color: var(--playkit-success-darker-color);\n$success-brighter-color: var(--playkit-success-brighter-color);\n$success-text-contrast-color: var(--playkit-success-text-contrast-color);\n\n$danger-color: var(--playkit-danger-color);\n$danger-darker-color: var(--playkit-danger-darker-color);\n$danger-brighter-color: var(--playkit-danger-brighter-color);\n$danger-text-contrast-color: var(--playkit-danger-text-contrast-color);\n\n$warning-color: var(--playkit-warning-color);\n$warning-darker-color: var(--playkit-warning-darker-color);\n$warning-brighter-color: var(--playkit-warning-brighter-color);\n$warning-text-contrast-color: var(--playkit-warning-text-contrast-color);\n\n// Tone Ramp\n$tone-1-color: var(--playkit-tone-1-color);\n$tone-2-color: var(--playkit-tone-2-color);\n$tone-3-color: var(--playkit-tone-3-color);\n$tone-4-color: var(--playkit-tone-4-color);\n$tone-5-color: var(--playkit-tone-5-color);\n$tone-6-color: var(--playkit-tone-6-color);\n$tone-7-color: var(--playkit-tone-7-color);\n$tone-8-color: var(--playkit-tone-8-color);\n\n$live-color: var(--playkit-live-color);\n$player-background-color: var(--playkit-player-background-color);\n$tab-focus-color: var(--playkit-tab-focus-color);\n$tooltip-background-color: var(--playkit-tooltip-background-color);\n$tooltip-color: var(--playkit-tooltip-color);\n$ads-color: var(--playkit-ads-color);\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    object-fit: cover;\n    width: auto;\n  }\n  position: absolute;\n  top: 0;\n  right: 0;\n  transform: translateY(-100%);\n  animation: fading $animation-duration linear;\n  .childPlayer {\n    width: auto;\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: $roundness-2;\n    -webkit-mask-image: -webkit-radial-gradient(white, black);\n    overflow: hidden;\n    &.tinyChildPlayer {\n      height: 34px;\n    }\n    :global(img) {\n      width: auto;\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: white;\n    font-style: normal;\n    font-weight: 400;\n    font-size: 14px;\n    line-height: 18px;\n\n    background: rgba(0, 0, 0, 0.6);\n    border-radius: $roundness-1;\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: $roundness-2;\n    justify-content: center;\n    align-items: center;\n    &.tinyInnerButtons {\n      height: 34px;\n    }\n    .iconContainer:hover {\n      background: transparent;\n    }\n  }\n}\n\n@keyframes fading {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n"],sourceRoot:""}]),r.locals={iconContainer:"pip-minimized__iconContainer___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=r},function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.VideoSyncManager=void 0;var i=t(7),r=t(4),a=t(10),o=r.core.EventType,s=r.core.FakeEvent,l=r.core.Error,c=r.core.StateType,d=function(e,n,t,r){var d=this;this._isSyncDelay=!1,this._errorHandling=function(){d._eventManager.listen(d._secondaryPlayer,o.ERROR,(function(e){d._logger.debug("errorHandling :: secondary player got error");var n=new l(l.Severity.CRITICAL,l.Category.PLAYER,l.Code.VIDEO_ERROR,e);d._mainPlayer.pause(),d._mainPlayer.dispatchEvent(new s(o.ERROR,n))})),d._eventManager.listen(d._mainPlayer,o.ERROR,(function(){d._logger.debug("errorHandling :: main player got error"),d._secondaryPlayer.reset()}))},this._syncEvents=function(){var e=0;d._eventManager.listen(d._mainPlayer,o.PLAY,(function(){d._logger.debug("syncEvents :: secondary player play"),d._secondaryPlayer.play()})),d._eventManager.listen(d._mainPlayer,o.PAUSE,(function(){d._logger.debug("syncEvents :: secondary player pause"),d._secondaryPlayer.pause()})),d._eventManager.listenOnce(d._secondaryPlayer,o.CHANGE_SOURCE_ENDED,(function(){var n=d._secondaryPlayer.isLive(),t=d._secondaryPlayer.isDvr();n?t&&d._eventManager.listen(d._secondaryPlayer,o.VIDEO_TRACK_CHANGED,(function(){d._logger.debug("syncEvents :: make raw initial sync for live media"),d._debouncedSeekSecondaryPlayer()})):(d._logger.debug("syncEvents :: subscribe on time update for accurate sync"),d._eventManager.listen(d._mainPlayer,o.TIME_UPDATE,(function(){if(!d._isSyncDelay){var n=Date.now();(n-e>1e3||d._mainPlayer.paused)&&(e=n,d._mediaSync())}}))),n&&!t||d._eventManager.listen(d._mainPlayer,o.SEEKING,(function(){d._logger.debug("syncEvents :: seek secondary player to "+d._mainPlayer),d._secondaryPlayer.pause(),d._debouncedSeekSecondaryPlayer()}))})),d._eventManager.listen(d._mainPlayer,o.ENDED,(function(){d._logger.debug("syncEvents :: secondary player pause + seek to 0.01"),d._secondaryPlayer.pause(),d._seekSecondaryPlayer(.01)})),d._eventManager.listen(d._mainPlayer,o.PLAYER_STATE_CHANGED,(function(e){var n=e.payload;if(n.newState.type===c.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===c.PLAYING&&n.oldState.type===c.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;if(n>.03?t=-1*i:n<-.03&&(t=i),0!==t)if(Math.abs(n)<4){var r=d._mainPlayer.playbackRate+t;r<.1&&(r=.1),d._logger.debug("mediaSync :: Adjusting slave playbackRateChange = "+r),d._secondaryPlayer.playbackRate=r}else d._logger.debug("mediaSync :: Adjusting secondary player playbackRateChange to main player and flagging for seek"),d._secondaryPlayer.playbackRate=d._mainPlayer.playbackRate,e=!0;else d._mainPlayer.paused||(d._secondaryPlayer.playbackRate!==d._mainPlayer.playbackRate&&(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.paused&&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){void 0===e&&(e=0);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=r,this._syncEvents(),this._errorHandling(),this._debouncedSeekSecondaryPlayer=a.debounce(this._seekSecondaryPlayer,1e3)};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 r in n=arguments[t])Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r]);return e}).apply(this,arguments)};Object.defineProperty(n,"__esModule",{value:!0}),n.ImageSyncManager=void 0;var r=t(4),a=t(2),o=t(10),s=r.core.TimedMetadata,l=function(){function e(e,n,t,r,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,r;if(l._isSlideCuePoint(n))return i(i({},e),{activeSlide:n.id});if((null===(t=n.metadata)||void 0===t?void 0:t.cuePointType)===l._kalturaCuePointService.KalturaCuePointType.CODE&&"change-view-mode"===(null===(r=n.metadata)||void 0===r?void 0:r.tags)){var o=n.metadata.partnerData,s=o.playerViewModeId,c=o.viewModeLockState;if(s)return i(i({},e),{externalLayout:c===a.ViewModeLockState.Locked?a.ExternalLayout.Hidden:s})}return e}),{activeSlide:null,externalLayout:null}),t=n.activeSlide,r=n.externalLayout;r&&l._onSlideViewChanged(r),l._debouncedSetActive(r===a.ExternalLayout.Hidden?null:t)},this._onTimedMetadataAdded=function(e){e.payload.cues.map((function(e){if(l._isSlideCuePoint(e))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=r,this._onSlideViewChanged=s,this._syncEvents(),this._kalturaCuePointService=this._mainPlayer.getService("kalturaCuepoints"),this._debouncedSetActive=o.debounce(this._imagePlayer.setActive,200)}return e.prototype._isSlideCuePoint=function(e){var n,t;return(null==e?void 0:e.type)===s.TYPE.CUE_POINT&&(null===(n=e.metadata)||void 0===n?void 0:n.cuePointType)===this._kalturaCuePointService.KalturaCuePointType.THUMB&&(null===(t=e.metadata)||void 0===t?void 0:t.subType)===this._kalturaCuePointService.KalturaThumbCuePointSubType.SLIDE},e.prototype.reset=function(){this._firstPlaying=!1},e}();n.ImageSyncManager=l},function(e,n,t){"use strict";var i,r=this&&this.__extends||(i=function(e,n){return(i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,n){e.__proto__=n}||function(e,n){for(var t in n)n.hasOwnProperty(t)&&(e[t]=n[t])})(e,n)},function(e,n){function t(){this.constructor=e}i(e,n),e.prototype=null===n?Object.create(n):(t.prototype=n.prototype,new t)}),a=this&&this.__decorate||function(e,n,t,i){var r,a=arguments.length,o=a<3?n:null===i?i=Object.getOwnPropertyDescriptor(n,t):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,n,t,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(o=(a<3?r(o):a>3?r(n,t,o):r(n,t))||o);return a>3&&o&&Object.defineProperty(n,t,o),o};Object.defineProperty(n,"__esModule",{value:!0}),n.ResponsiveManager=void 0;var o=t(0),s=KalturaPlayer.ui,l=s.redux.connect,c=s.components.PLAYER_SIZE,d=[c.EXTRA_SMALL,c.SMALL,c.TINY],p=[c.EXTRA_SMALL,c.SMALL],u=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:d.includes(i)})},n}return r(n,e),n.prototype.componentDidMount=function(){var e=this.props,n=e.playerSize,t=e.onMinSize;p.includes(n)&&t()},n.prototype.componentDidUpdate=function(e){var n=this.props,t=n.playerSize,i=n.onMinSize,r=n.onDefaultSize;t!==c.TINY&&(!p.includes(t)||p.includes(e.playerSize)?!p.includes(t)&&p.includes(e.playerSize)&&r():i())},n.prototype.render=function(e){return e.playerSize===c.TINY?null:this._renderChildComponent()},n.defaultProps={onMinSize:function(){}},n=a([l(u)],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,r=i.RequestBuilder,a=i.ResponseTypes,o=function(){function e(e){this._parentEntryId="",this._requests=[],this._response={entries:[]},this._parentEntryId=e.parentEntryId;var n=new Map,t=new r(n);t.service="baseEntry",t.action="list",t.params={filter:{objectType:"KalturaBaseEntryFilter",parentEntryIdEqual:this._parentEntryId,typeIn:a.KalturaMediaEntry.MediaType.VIDEO.value+",7"},responseProfile:{type:1,fields:"id"}},this.requests.push(t)}return Object.defineProperty(e,"id",{get:function(){return"dualscreen"},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"requests",{get:function(){return this._requests},set:function(e){this._requests=e},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"response",{get:function(){return this._response},set:function(e){var n,t=new a.KalturaBaseEntryListResponse(null===(n=e[0])||void 0===n?void 0:n.data);t.totalCount&&(this._response.entries=null==t?void 0:t.entries)},enumerable:!1,configurable:!0}),e.prototype.isValid=function(){return!!this._parentEntryId},e}();n.SecondaryMediaLoader=o},function(e,n,t){"use strict";var i=this&&this.__createBinding||(Object.create?function(e,n,t,i){void 0===i&&(i=t),Object.defineProperty(e,i,{enumerable:!0,get:function(){return n[t]}})}:function(e,n,t,i){void 0===i&&(i=t),e[i]=n[t]}),r=this&&this.__exportStar||function(e,n){for(var t in e)"default"===t||n.hasOwnProperty(t)||i(n,e,t)};Object.defineProperty(n,"__esModule",{value:!0}),r(t(36),n)},function(e,n,t){"use strict";var i,r=this&&this.__extends||(i=function(e,n){return(i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,n){e.__proto__=n}||function(e,n){for(var t in n)n.hasOwnProperty(t)&&(e[t]=n[t])})(e,n)},function(e,n){function t(){this.constructor=e}i(e,n),e.prototype=null===n?Object.create(n):(t.prototype=n.prototype,new t)}),a=this&&this.__decorate||function(e,n,t,i){var r,a=arguments.length,o=a<3?n:null===i?i=Object.getOwnPropertyDescriptor(n,t):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,n,t,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(o=(a<3?r(o):a>3?r(n,t,o):r(n,t))||o);return a>3&&o&&Object.defineProperty(n,t,o),o};Object.defineProperty(n,"__esModule",{value:!0}),n.DragAndSnapManager=void 0;var o,s=t(0),l=t(9),c=t(7),d=t(37),p=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 u=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-c.getClientX(e),i=n._currMousePos.y-c.getClientY(e);if(n._currMousePos.x=c.getClientX(e),n._currMousePos.y=c.getClientY(e),n._draggableItemRef.current&&n._draggableAreaRef.current){var r=parseInt(n._draggableItemRef.current.style.top,10),a=parseInt(n._draggableItemRef.current.style.right,10);n._draggableItemRef.current.style.right=c.dimensionStyleToString(a+t),n._draggableItemRef.current.style.top=c.dimensionStyleToString(r-i)}n._throttleWait=!0,setTimeout((function(){n._throttleWait=!1}),30)}},n._getBoundingClientRects=function(){return[n._draggableItemRef.current.getBoundingClientRect(),n._draggableAreaRef.current.getBoundingClientRect()]},n._applyRelativeStyles=function(e,t,i,r){n._draggableItemRef.current.style.top=null!==e?c.dimensionStyleToString(e):"",n._draggableItemRef.current.style.right=null!==t?c.dimensionStyleToString(t):"",n._draggableItemRef.current.style.bottom=null!==i?c.dimensionStyleToString(i):"",n._draggableItemRef.current.style.left=null!==r?c.dimensionStyleToString(r):""},n._setRelativeStyles=function(){switch(n.props.getPosition()){case l.Position.BottomRight:n._setRelativeBottomRightStyles();break;case l.Position.BottomLeft:n._setRelativeBottomLeftStyles();break;case l.Position.TopRight:n._setRelativeTopRightStyles();break;case l.Position.TopLeft:n._setRelativeTopLeftStyles()}},n._setRelativeBottomRightStyles=function(){n._applyRelativeStyles(null,0,n.props.prePlayback?-130:0,null)},n._setRelativeBottomLeftStyles=function(){n._applyRelativeStyles(null,null,n.props.prePlayback?-130:0,0)},n._setRelativeTopRightStyles=function(){n._applyRelativeStyles(n.props.prePlayback?-130:0,0,null,null)},n._setRelativeTopLeftStyles=function(){n._applyRelativeStyles(n.props.prePlayback?-130:0,null,null,0)},n._applyAbsoluteStyles=function(e,t){n._draggableItemRef.current.style.top=c.dimensionStyleToString(e),n._draggableItemRef.current.style.right=c.dimensionStyleToString(t)},n._setAbsoluteStyles=function(e){switch(e){case l.Position.BottomRight:n._setAbsoluteBottomRightStyles();break;case l.Position.BottomLeft:n._setAbsoluteBottomLeftStyles();break;case l.Position.TopRight:n._setAbsoluteTopRightStyles();break;case l.Position.TopLeft:n._setAbsoluteTopLeftStyles()}n._draggableItemRef.current.style.bottom="",n._draggableItemRef.current.style.left=""},n._setAbsoluteBottomRightStyles=function(){var e=n._getBoundingClientRects(),t=e[0],i=e[1];n._applyAbsoluteStyles(i.height-t.height,0)},n._setAbsoluteBottomLeftStyles=function(){var e=n._getBoundingClientRects(),t=e[0],i=e[1];n._applyAbsoluteStyles(i.height-t.height,i.width-t.width)},n._setAbsoluteTopRightStyles=function(){n._applyAbsoluteStyles(0,0)},n._setAbsoluteTopLeftStyles=function(){var e=n._getBoundingClientRects(),t=e[0],i=e[1];n._applyAbsoluteStyles(0,i.width-t.width)},n._stopDrag=function(){n.setState({isDragging:!1}),n.props.eventManager.unlisten(document,o.MouseMove),n.props.eventManager.unlisten(document,o.TouchMove);var e=n._getBoundingClientRects(),t=e[0],i=e[1],r=t.x+t.width/2,a=t.y+t.height/2,s=i.x+i.width/2,c=i.y+i.height/2;r>s?a>c?n._handleChangePosition(l.Position.BottomRight):n._handleChangePosition(l.Position.TopRight):a>c?n._handleChangePosition(l.Position.BottomLeft):n._handleChangePosition(l.Position.TopLeft)},n}return r(n,e),n.prototype.componentDidMount=function(){this._setRelativeStyles()},n.prototype.componentWillUnmount=function(){var e=this.props.eventManager;e.unlisten(document,o.MouseMove),e.unlisten(document,o.TouchMove),e.unlisten(document,o.MouseUp),e.unlisten(document,o.TouchEnd),e.unlisten(this._draggableTargetRef.current,o.MouseDown),e.unlisten(this._draggableTargetRef.current,o.TouchStart)},n.prototype._startDrag=function(e,n,t){this.props.eventManager.listenOnce(document,t,this._stopDrag),this._currMousePos.x=c.getClientX(e),this._currMousePos.y=c.getClientY(e),this.props.eventManager.listenOnce(document,n,this._onStartDrag),this.props.eventManager.listen(document,n,this._moveDrag)},n.prototype.render=function(){var e=[d.draggableItem];return this.state.isDragging&&e.push(d.dragging),s.h("div",{id:"draggeble-area",className:d.draggableArea,ref:this._draggableAreaRef},s.h("div",{id:"draggable-item",ref:this._draggableItemRef,className:e.join(" "),onTransitionEnd:this._setRelativeStyles},this._renderChildComponent()))},n=a([p(u)],n)}(s.Component);n.DragAndSnapManager=_},function(e,n,t){var i=t(3),r=t(38);"string"==typeof(r=r.__esModule?r.default:r)&&(r=[[e.i,r,""]]);var a={insert:"head",singleton:!1};i(r,a);e.exports=r.locals||{}},function(e,n,t){"use strict";t.r(n);var i=t(1),r=t.n(i)()(!0);r.push([e.i,".drag-and-snap-manager__draggableArea___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}","",{version:3,sources:["webpack://components/drag-and-snap-manager/drag-and-snap-manager.scss"],names:[],mappings:"AAEA,8CACE,iBAAA,CACA,MAAA,CACA,KAAA,CACA,UAAA,CACA,WAAA,CACA,mBAAA,CAEF,8CACE,iBAAA,CACA,mBAAA,CACA,sFACE,eAAA,CAEF,4FACE,+DAAA,CAEF,yFACE,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:""}]),r.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=r},function(e,n,t){"use strict";var i,r=this&&this.__extends||(i=function(e,n){return(i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,n){e.__proto__=n}||function(e,n){for(var t in n)n.hasOwnProperty(t)&&(e[t]=n[t])})(e,n)},function(e,n){function t(){this.constructor=e}i(e,n),e.prototype=null===n?Object.create(n):(t.prototype=n.prototype,new t)}),a=this&&this.__assign||function(){return(a=Object.assign||function(e){for(var n,t=1,i=arguments.length;t<i;t++)for(var r in n=arguments[t])Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r]);return e}).apply(this,arguments)};Object.defineProperty(n,"__esModule",{value:!0}),n.SideBySideWrapper=void 0;var o=t(0),s=t(40),l=t(2),c=t(11),d=t(12),p=function(e){function n(){return null!==e&&e.apply(this,arguments)||this}return r(n,e),n.prototype.render=function(e){var n=e.leftSideProps,t=e.rightSideProps,i=e.layout,r=e.onSizeChange,p=e.onMinSize;return o.h(c.ResponsiveManager,{onMinSize:function(){p()},onDefaultSize:r},o.h("div",{className:d.sideBySideWrapper},o.h(s.SideBySide,a({},n,{animation:l.Animations.ScaleLeft,streamMode:i===l.Layout.SideBySide?l.StreamMode.Primary:l.StreamMode.Secondary})),o.h(s.SideBySide,a({},t,{animation:l.Animations.Fade,streamMode:i===l.Layout.SideBySide?l.StreamMode.Secondary:l.StreamMode.Primary}))))},n}(o.Component);n.SideBySideWrapper=p},function(e,n,t){"use strict";var i,r=this&&this.__extends||(i=function(e,n){return(i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,n){e.__proto__=n}||function(e,n){for(var t in n)n.hasOwnProperty(t)&&(e[t]=n[t])})(e,n)},function(e,n){function t(){this.constructor=e}i(e,n),e.prototype=null===n?Object.create(n):(t.prototype=n.prototype,new t)}),a=this&&this.__decorate||function(e,n,t,i){var r,a=arguments.length,o=a<3?n:null===i?i=Object.getOwnPropertyDescriptor(n,t):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,n,t,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(o=(a<3?r(o):a>3?r(n,t,o):r(n,t))||o);return a>3&&o&&Object.defineProperty(n,t,o),o};Object.defineProperty(n,"__esModule",{value:!0}),n.SideBySide=void 0;var o=t(0),s=t(12),l=t(5),c=t(6),d=t(2),p=KalturaPlayer.ui.components.Icon,u=KalturaPlayer.ui.redux.connect,_=KalturaPlayer.ui.preacti18n,y=_.withText,g=_.Text,A=function(e){return{expandScreen:e.streamMode===d.StreamMode.Primary?o.h(g,{id:"dualScreen.expand_primary_screen"},"Expand primary screen"):o.h(g,{id:"dualScreen.expand_secondary_screen"},"Expand secondary screen")}},h=function(e){return{playerWidth:e.shell.guiClientRect.width,showUi:e.shell.playerHover||e.shell.playerNav}},f=function(e){function n(){var n=null!==e&&e.apply(this,arguments)||this;return n.ref=o.createRef(),n}return r(n,e),n.prototype.componentDidMount=function(){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(c.Button,{className:s.iconContainer,onClick:n,tooltip:{label:this.props.expandScreen,type:"bottom-left"},focusOnMount:i},o.h(p,{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},r=[s.player];return t===d.Animations.ScaleLeft?r.push(s.animatedScale):r.push(s.animatedFade),o.h("div",{ref:this.ref,className:r.join(" "),style:i},this._renderHoverButton())},n=a([y(A),u(h)],n)}(o.Component);n.SideBySide=f},function(e,n,t){"use strict";t.r(n);var i=t(1),r=t.n(i)()(!0);r.push([e.i,'.side-by-side__iconContainer___wi1We{height:28px;width:28px;opacity:.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:var(--playkit-tone-4-color);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}',"",{version:3,sources:["webpack://styles/_styles.scss","webpack://styles/_variables.scss","webpack://../node_modules/@playkit-js/playkit-js-ui/src/styles/exported.scss","webpack://components/side-by-side/side-by-side.scss"],names:[],mappings:"AAEA,qCACE,WCDc,CDEd,UCFc,CDGd,UAAA,CACA,cAAA,CAGF,oCACE,YAAA,CACA,iBAAA,CACA,WAAA,CACA,QAAA,CACA,OAAA,CACA,WAAA,CACA,gFAAA,CACA,UAAA,CAGE,+EACE,sCEYS,CFXT,iBCfQ,CDgBR,SAAA,CGpBN,yCACE,UAAA,CACA,WAAA,CACA,iBAAA,CACA,MAAA,CACA,YAAA,CAGF,8BACE,iBAAA,CACA,WAAA,CACA,MAAA,CHeA,uEAEE,iBAAA,CGdF,mEACE,WAAA,CAGF,kEACE,SAAA,CACA,YAAA,CACA,0BAAA,CACA,kDAAA,CAIJ,qCACE,kDAAA,CAGF,oCACE,iDAAA,CAGF,yCACE,GACE,SAAA,CAEF,IACE,SAAA,CAEF,KACE,SAAA,CAAA,CAIJ,yCACE,GACE,iCAAA,CACA,WAAA,CAEF,KACE,gCAAA,CACA,SAAA,CAAA,CAIJ,wCACE,GACE,SAAA,CAEF,KACE,SAAA,CAAA,CAIJ,kEAEE,SAAA",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: $tone-4-color;\n      border-radius: $roundness-1;\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","@import '~@playkit-js/playkit-js-ui';\n\n$smallIconSize: 28px;\n$smallBorderLessIconSize: 16px;\n$animation-duration: 0.3s;\n\n// border radius\n$roundness-1: 4px;\n$roundness-2: 8px;\n","// Sass variables exported using the npm package for plugins usage\n\n// Accent Colors\n$primary-color: var(--playkit-primary-color);\n$primary-darker-color: var(--playkit-primary-darker-color);\n$primary-brighter-color: var(--playkit-primary-brighter-color);\n$primary-text-contrast-color: var(--playkit-primary-text-contrast-color);\n\n$secondary-color: var(--playkit-secondary-color);\n$secondary-darker-color: var(--playkit-secondary-darker-color);\n$secondary-brighter-color: var(--playkit-secondary-brighter-color);\n$secondary-text-contrast-color: var(--playkit-secondary-text-contrast-color);\n\n// Acknowledgement Colors\n$success-color: var(--playkit-success-color);\n$success-darker-color: var(--playkit-success-darker-color);\n$success-brighter-color: var(--playkit-success-brighter-color);\n$success-text-contrast-color: var(--playkit-success-text-contrast-color);\n\n$danger-color: var(--playkit-danger-color);\n$danger-darker-color: var(--playkit-danger-darker-color);\n$danger-brighter-color: var(--playkit-danger-brighter-color);\n$danger-text-contrast-color: var(--playkit-danger-text-contrast-color);\n\n$warning-color: var(--playkit-warning-color);\n$warning-darker-color: var(--playkit-warning-darker-color);\n$warning-brighter-color: var(--playkit-warning-brighter-color);\n$warning-text-contrast-color: var(--playkit-warning-text-contrast-color);\n\n// Tone Ramp\n$tone-1-color: var(--playkit-tone-1-color);\n$tone-2-color: var(--playkit-tone-2-color);\n$tone-3-color: var(--playkit-tone-3-color);\n$tone-4-color: var(--playkit-tone-4-color);\n$tone-5-color: var(--playkit-tone-5-color);\n$tone-6-color: var(--playkit-tone-6-color);\n$tone-7-color: var(--playkit-tone-7-color);\n$tone-8-color: var(--playkit-tone-8-color);\n\n$live-color: var(--playkit-live-color);\n$player-background-color: var(--playkit-player-background-color);\n$tab-focus-color: var(--playkit-tab-focus-color);\n$tooltip-background-color: var(--playkit-tooltip-background-color);\n$tooltip-color: var(--playkit-tooltip-color);\n$ads-color: var(--playkit-ads-color);\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:""}]),r.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=r},function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.DualScreenEngineDecorator=void 0;var i=t(4),r=(i.core.FakeEvent,i.core.EventType),a=function(){function e(e,n,t){var i=this;this._isActive=!1,this._plugin=n,this._dispatcher=t,n.eventManager.listen(n.player,r.SEEKING,(function(){var e;i._isActive=!!(null===(e=i._plugin.secondaryKalturaPlayer)||void 0===e?void 0:e.src)})),n.eventManager.listen(n.player,r.SEEKED,(function(){i._isActive=!1}))}return Object.defineProperty(e.prototype,"active",{get:function(){return this._isActive&&!this._plugin.secondaryKalturaPlayer.ended},enumerable:!1,configurable:!0}),e.prototype.dispatchEvent=function(e){var n=this;return e.type===r.SEEKED?(this._plugin.eventManager.listenOnce(this._plugin.secondaryKalturaPlayer,r.SEEKED,(function(){n._dispatcher(e)})),!0):this._dispatcher(e)},e}();n.DualScreenEngineDecorator=a},function(e,n,t){"use strict";var i=this&&this.__createBinding||(Object.create?function(e,n,t,i){void 0===i&&(i=t),Object.defineProperty(e,i,{enumerable:!0,get:function(){return n[t]}})}:function(e,n,t,i){void 0===i&&(i=t),e[i]=n[t]}),r=this&&this.__exportStar||function(e,n){for(var t in e)"default"===t||n.hasOwnProperty(t)||i(n,e,t)};Object.defineProperty(n,"__esModule",{value:!0}),r(t(44),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 r in n=arguments[t])Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r]);return e}).apply(this,arguments)};Object.defineProperty(n,"__esModule",{value:!0}),n.ImagePlayer=void 0,t(45);var 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 r=t._images.find((function(e){return!t._isSlideItemPreloded(e)}));r&&t._preLoadImage(r)}},this.addImage=function(e){if(!t._images.find((function(n){return n.id===e.id}))){var n=function(){},r=new Promise((function(e){n=e})),a=i(i({},e),{index:t._images.length,loading:!1,loaded:!1,portrait:!1,retryAttempts:0,ready:r,setReady:n});t._images.push(a)}},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))})),!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),r=t(46);"string"==typeof(r=r.__esModule?r.default:r)&&(r=[[e.i,r,""]]);var a={insert:"head",singleton:!1};i(r,a);e.exports=r.locals||{}},function(e,n,t){"use strict";t.r(n);var i=t(1),r=t.n(i)()(!0);r.push([e.i,".playkit-image-player{width:100%;height:100%;background:#000}.playkit-image-player img{width:100%;height:100%;object-fit:contain;position:relative;top:0px;left:0px;pointer-events:none}","",{version:3,sources:["webpack://image-player/image-player.scss"],names:[],mappings:"AACE,sBACE,UAAA,CACA,WAAA,CACA,eAAA,CACA,0BACE,UAAA,CACA,WAAA,CACA,kBAAA,CACA,iBAAA,CACA,OAAA,CACA,QAAA,CACA,mBAAA",sourcesContent:[":global {\n  .playkit-image-player {\n    width:100%;\n    height:100%;\n    background: #000000;\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=r},function(e,n,t){var i=t(3),r=t(48);"string"==typeof(r=r.__esModule?r.default:r)&&(r=[[e.i,r,""]]);var a={insert:"head",singleton:!1};i(r,a);e.exports=r.locals||{}},function(e,n,t){"use strict";t.r(n);var i=t(1),r=t.n(i)()(!0);r.push([e.i,".playkit-player.has-dual-screen-plugin-overlay .playkit-subtitles{z-index:1}.playkit-player.has-dual-screen-plugin-overlay .playkit-slideIn{z-index:1}","",{version:3,sources:["webpack://styles/global.scss"],names:[],mappings:"AACE,kEACE,SAAA,CAEF,gEACE,SAAA",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=r}]);
+var KalturaPlayer="object"==typeof KalturaPlayer?KalturaPlayer:{};KalturaPlayer.plugins=KalturaPlayer.plugins||{},KalturaPlayer.plugins.dualscreen=function(e){var n={};function t(i){if(n[i])return n[i].exports;var r=n[i]={i:i,l:!1,exports:{}};return e[i].call(r.exports,r,r.exports,t),r.l=!0,r.exports}return t.m=e,t.c=n,t.d=function(e,n,i){t.o(e,n)||Object.defineProperty(e,n,{enumerable:!0,get:i})},t.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},t.t=function(e,n){if(1&n&&(e=t(e)),8&n)return e;if(4&n&&"object"==typeof e&&e&&e.__esModule)return e;var i=Object.create(null);if(t.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:e}),2&n&&"string"!=typeof e)for(var r in e)t.d(i,r,function(n){return e[n]}.bind(null,r));return i},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},t.p="",t(t.s=13)}([function(e,n){e.exports=KalturaPlayer.ui.preact},function(e,n,t){"use strict";e.exports=function(e){var n=[];return n.toString=function(){return this.map((function(n){var t=function(e,n){var t=e[1]||"",i=e[3];if(!i)return t;if(n&&"function"==typeof btoa){var r=(o=i,s=btoa(unescape(encodeURIComponent(JSON.stringify(o)))),l="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(s),"/*# ".concat(l," */")),a=i.sources.map((function(e){return"/*# sourceURL=".concat(i.sourceRoot||"").concat(e," */")}));return[t].concat(a).concat([r]).join("\n")}var o,s,l;return[t].join("\n")}(n,e);return n[2]?"@media ".concat(n[2]," {").concat(t,"}"):t})).join("")},n.i=function(e,t,i){"string"==typeof e&&(e=[[null,e,""]]);var r={};if(i)for(var a=0;a<this.length;a++){var o=this[a][0];null!=o&&(r[o]=!0)}for(var s=0;s<e.length;s++){var l=[].concat(e[s]);i&&r[l[0]]||(t&&(l[2]?l[2]="".concat(t," and ").concat(l[2]):l[2]=t),n.push(l))}},n}},function(e,n,t){"use strict";var i=this&&this.__createBinding||(Object.create?function(e,n,t,i){void 0===i&&(i=t),Object.defineProperty(e,i,{enumerable:!0,get:function(){return n[t]}})}:function(e,n,t,i){void 0===i&&(i=t),e[i]=n[t]}),r=this&&this.__exportStar||function(e,n){for(var t in e)"default"===t||n.hasOwnProperty(t)||i(n,e,t)};Object.defineProperty(n,"__esModule",{value:!0}),r(t(18),n),r(t(19),n),r(t(9),n),r(t(20),n),r(t(21),n),r(t(22),n)},function(e,n,t){"use strict";var i,r=function(){return void 0===i&&(i=Boolean(window&&document&&document.all&&!window.atob)),i},a=function(){var e={};return function(n){if(void 0===e[n]){var t=document.querySelector(n);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(e){t=null}e[n]=t}return e[n]}}(),o=[];function s(e){for(var n=-1,t=0;t<o.length;t++)if(o[t].identifier===e){n=t;break}return n}function l(e,n){for(var t={},i=[],r=0;r<e.length;r++){var a=e[r],l=n.base?a[0]+n.base:a[0],c=t[l]||0,d="".concat(l," ").concat(c);t[l]=c+1;var p=s(d),u={css:a[1],media:a[2],sourceMap:a[3]};-1!==p?(o[p].references++,o[p].updater(u)):o.push({identifier:d,updater:A(u,n),references:1}),i.push(d)}return i}function c(e){var n=document.createElement("style"),i=e.attributes||{};if(void 0===i.nonce){var r=t.nc;r&&(i.nonce=r)}if(Object.keys(i).forEach((function(e){n.setAttribute(e,i[e])})),"function"==typeof e.insert)e.insert(n);else{var o=a(e.insert||"head");if(!o)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");o.appendChild(n)}return n}var d,p=(d=[],function(e,n){return d[e]=n,d.filter(Boolean).join("\n")});function u(e,n,t,i){var r=t?"":i.media?"@media ".concat(i.media," {").concat(i.css,"}"):i.css;if(e.styleSheet)e.styleSheet.cssText=p(n,r);else{var a=document.createTextNode(r),o=e.childNodes;o[n]&&e.removeChild(o[n]),o.length?e.insertBefore(a,o[n]):e.appendChild(a)}}function _(e,n,t){var i=t.css,r=t.media,a=t.sourceMap;if(r?e.setAttribute("media",r):e.removeAttribute("media"),a&&"undefined"!=typeof btoa&&(i+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(a))))," */")),e.styleSheet)e.styleSheet.cssText=i;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(i))}}var y=null,g=0;function A(e,n){var t,i,r;if(n.singleton){var a=g++;t=y||(y=c(n)),i=u.bind(null,t,a,!1),r=u.bind(null,t,a,!0)}else t=c(n),i=_.bind(null,t,n),r=function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(t)};return i(e),function(n){if(n){if(n.css===e.css&&n.media===e.media&&n.sourceMap===e.sourceMap)return;i(e=n)}else r()}}e.exports=function(e,n){(n=n||{}).singleton||"boolean"==typeof n.singleton||(n.singleton=r());var t=l(e=e||[],n);return function(e){if(e=e||[],"[object Array]"===Object.prototype.toString.call(e)){for(var i=0;i<t.length;i++){var r=s(t[i]);o[r].references--}for(var a=l(e,n),c=0;c<t.length;c++){var d=s(t[c]);0===o[d].references&&(o[d].updater(),o.splice(d,1))}t=a}}}},function(e,n){e.exports=KalturaPlayer},function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.icons=void 0,function(e){e.HIDE_ICON_PATH="M4.29289 6.29289C4.68342 5.90237 5.31658 5.90237 5.70711 6.29289L8 8.58579L10.2929 6.29289C10.6834 5.90237 11.3166 5.90237 11.7071 6.29289C12.0976 6.68342 12.0976 7.31658 11.7071 7.70711L8.70711 10.7071C8.31658 11.0976 7.68342 11.0976 7.29289 10.7071L4.29289 7.70711C3.90237 7.31658 3.90237 6.68342 4.29289 6.29289Z",e.SWAP_ICON_PATH="M17.6744 9.27934L21.7563 13.3632L21.8282 13.4537L21.887 13.5492L21.9333 13.6489L21.9684 13.7556L21.9824 13.8172L21.9974 13.929L22 14L21.9897 14.1405L21.9824 14.1828L21.9535 14.2949L21.9231 14.3759L21.887 14.4508L21.8281 14.5463L21.7763 14.6137L21.7207 14.6744L17.6744 18.7207C17.3019 19.0931 16.6981 19.0931 16.3256 18.7207C15.9818 18.3769 15.9554 17.8359 16.2463 17.4617L16.3256 17.3719L18.7439 14.9536L12.9537 14.9537C12.4675 14.9537 12.0663 14.5899 12.0074 14.1196L12 14C12 13.5109 12.3682 13.1078 12.8425 13.0527L12.9537 13.0463L18.7426 13.0451L16.3256 10.6281C15.9798 10.2823 15.9551 9.73687 16.2515 9.36252L16.3256 9.27934C16.6981 8.90689 17.3019 8.90689 17.6744 9.27934ZM6.32562 5.27934C6.69807 4.90689 7.30193 4.90689 7.67438 5.27934L7.74849 5.36252C8.04493 5.73687 8.02023 6.28225 7.67438 6.6281L5.2574 9.04508L11.0463 9.04628L11.1575 9.0527C11.6318 9.10779 12 9.5109 12 10L11.9926 10.1196C11.9337 10.5899 11.5325 10.9537 11.0463 10.9537L5.25605 10.9536L7.67438 13.3719L7.75372 13.4617C8.04463 13.8359 8.01818 14.3769 7.67438 14.7207C7.30193 15.0931 6.69807 15.0931 6.32562 14.7207L2.25793 10.6523L2.18664 10.5668L2.12413 10.4708L2.07695 10.3759L2.03697 10.2639L2.01028 10.1405L2 10C2 9.95226 2.00351 9.90534 2.01036 9.85937L2.01758 9.81716L2.04651 9.70514L2.08932 9.59642L2.12415 9.52899L2.18631 9.43351L2.24369 9.36325L6.32562 5.27934Z",e.SIDE_BY_SIDE_ICON_PATH="M21.8083 4C22.4665 4 23 4.55964 23 5.25V18.75C23 19.4404 22.4665 20 21.8083 20H2.19167C1.53353 20 1 19.4404 1 18.75V5.25C1 4.55964 1.53353 4 2.19167 4H21.8083ZM15 6H3V18H15V6ZM12.999 8.967L13 9L12.998 8.94L12.999 8.967L13 9V15C13 15.5523 12.5523 16 12 16C11.4872 16 11.0645 15.614 11.0067 15.1166L11 15V11.414L6.70711 15.7071C6.34662 16.0676 5.77939 16.0953 5.3871 15.7903L5.29289 15.7071C4.93241 15.3466 4.90468 14.7794 5.2097 14.3871L5.29289 14.2929L9.584 10H6C5.48716 10 5.06449 9.61396 5.00673 9.11662L5 9C5 8.44772 5.44772 8 6 8L12.0193 8.00018C12.0427 8.00063 12.066 8.00189 12.0893 8.00397C12.1097 8.00575 12.1294 8.0081 12.149 8.01102C12.1659 8.01363 12.1834 8.0167 12.2007 8.02024C12.2227 8.02464 12.2444 8.02983 12.2658 8.03572C12.2815 8.0401 12.2969 8.04473 12.3121 8.04974C12.3318 8.05612 12.3516 8.06332 12.3711 8.0711L12.4232 8.09367C12.4439 8.10338 12.4643 8.11379 12.4843 8.12488C12.4964 8.1315 12.5086 8.13861 12.5207 8.146C12.5463 8.16172 12.5711 8.17849 12.5952 8.19631L12.6525 8.24221L12.6167 8.21279C12.6802 8.26255 12.7374 8.31982 12.7872 8.38325C12.7927 8.39016 12.7982 8.3974 12.8037 8.40469C12.8215 8.42887 12.8383 8.45372 12.8539 8.47934L12.8753 8.51594C12.8862 8.53571 12.8966 8.55611 12.9063 8.5769L12.9288 8.62866C12.9367 8.64842 12.9439 8.6682 12.9505 8.68826C12.9553 8.70315 12.9599 8.71854 12.9642 8.73401C12.9702 8.75556 12.9754 8.77725 12.9798 8.79921C12.9833 8.81662 12.9864 8.83405 12.989 8.85153L12.9972 8.92482L12.998 8.94L12.999 8.967Z",e.SHOW_ICON_PATH="M4.29289 10.7071C4.65338 11.0676 5.22061 11.0953 5.6129 10.7903L5.70711 10.7071L8 8.415L10.2929 10.7071C10.6534 11.0676 11.2206 11.0953 11.6129 10.7903L11.7071 10.7071C12.0676 10.3466 12.0953 9.77939 11.7903 9.3871L11.7071 9.29289L8.70711 6.29289C8.34662 5.93241 7.77939 5.90468 7.3871 6.2097L7.29289 6.29289L4.29289 9.29289C3.90237 9.68342 3.90237 10.3166 4.29289 10.7071Z",e.SWITCH_TO_SIDE_BY_SIDE_ICON_PATH="M20.997 3.924L20.998 3.945L20.999 3.98L21 4V10C21 10.5523 20.5523 11 20 11C19.4872 11 19.0645 10.614 19.0067 10.1166L19 10V6.416L14.7071 10.7071C14.3466 11.0676 13.7794 11.0953 13.3871 10.7903L13.2929 10.7071C12.9324 10.3466 12.9047 9.77939 13.2097 9.3871L13.2929 9.29289L17.586 5H14C13.4872 5 13.0645 4.61396 13.0067 4.11662L13 4C13 3.48716 13.386 3.06449 13.8834 3.00673L14 3L20.0332 3.00054C20.0503 3.00109 20.0683 3.00216 20.0862 3.0037C20.1079 3.00553 20.1285 3.00797 20.149 3.01102C20.166 3.01363 20.1834 3.0167 20.2007 3.02024C20.2227 3.02464 20.2444 3.02983 20.2658 3.03572C20.2815 3.0401 20.2969 3.04473 20.3121 3.04974C20.3318 3.05612 20.3516 3.06332 20.3711 3.0711L20.4232 3.09367C20.4439 3.10338 20.4643 3.11379 20.4843 3.12488C20.4964 3.1315 20.5086 3.13861 20.5207 3.146C20.5463 3.16172 20.5711 3.17849 20.5952 3.19631L20.6525 3.24221L20.6168 3.21279C20.6802 3.26255 20.7374 3.31982 20.7872 3.38325C20.7927 3.39016 20.7982 3.3974 20.8037 3.40469C20.8215 3.42887 20.8383 3.45373 20.8539 3.47934L20.8753 3.51594C20.8862 3.53571 20.8966 3.55611 20.9063 3.5769L20.9288 3.62866C20.9367 3.64842 20.9439 3.6682 20.9505 3.68826C20.9553 3.70315 20.9599 3.71854 20.9642 3.73401C20.9702 3.75556 20.9754 3.77725 20.9798 3.79921C20.9833 3.81662 20.9864 3.83405 20.989 3.85153L20.996 3.91075L20.996 3.919L20.997 3.921V3.924ZM3.002 20.059V20.071L3.00175 20.0593C3.00122 20.0503 3.00081 20.0413 3.00052 20.0323L3 14C3 13.4477 3.44772 13 4 13C4.51284 13 4.93551 13.386 4.99327 13.8834L5 14V17.586L9.29289 13.2929C9.65338 12.9324 10.2206 12.9047 10.6129 13.2097L10.7071 13.2929C11.0676 13.6534 11.0953 14.2206 10.7903 14.6129L10.7071 14.7071L6.416 19H10C10.5128 19 10.9355 19.386 10.9933 19.8834L11 20C11 20.5128 10.614 20.9355 10.1166 20.9933L10 21H4C3.99354 21 3.98709 20.9999 3.98066 20.9998C3.95732 20.9994 3.93401 20.9981 3.91075 20.996C3.89031 20.9943 3.87058 20.9919 3.85104 20.989C3.83405 20.9864 3.81662 20.9833 3.79927 20.9798C3.77725 20.9754 3.75556 20.9702 3.73416 20.9643C3.71854 20.9599 3.70315 20.9553 3.68786 20.9503C3.6682 20.9439 3.64842 20.9367 3.62894 20.9289L3.57678 20.9063C3.55611 20.8966 3.53571 20.8862 3.51572 20.8751C3.50361 20.8685 3.49139 20.8614 3.47929 20.854C3.45373 20.8383 3.42887 20.8215 3.40484 20.8037L3.34745 20.7578L3.38325 20.7872C3.31982 20.7374 3.26255 20.6802 3.21279 20.6168C3.20728 20.6098 3.20175 20.6026 3.19633 20.5953C3.17849 20.5711 3.16172 20.5463 3.14607 20.5207L3.12467 20.4841C3.11379 20.4643 3.10338 20.4439 3.09365 20.4231L3.07123 20.3713C3.06332 20.3516 3.05612 20.3318 3.04955 20.3117C3.04473 20.2969 3.0401 20.2815 3.03585 20.266C3.02983 20.2444 3.02464 20.2227 3.02017 20.2008C3.0167 20.1834 3.01363 20.1659 3.01102 20.1485L3.0037 20.0862L3.002 20.059Z",e.MediumSize=24,e.SmallSize=16}(n.icons||(n.icons={}))},function(e,n,t){"use strict";var i=this&&this.__createBinding||(Object.create?function(e,n,t,i){void 0===i&&(i=t),Object.defineProperty(e,i,{enumerable:!0,get:function(){return n[t]}})}:function(e,n,t,i){void 0===i&&(i=t),e[i]=n[t]}),r=this&&this.__exportStar||function(e,n){for(var t in e)"default"===t||n.hasOwnProperty(t)||i(n,e,t)};Object.defineProperty(n,"__esModule",{value:!0}),r(t(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),r=t(17);"string"==typeof(r=r.__esModule?r.default:r)&&(r=[[e.i,r,""]]);var a={insert:"head",singleton:!1};i(r,a);e.exports=r.locals||{}},function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.Position=void 0,function(e){e.BottomLeft="bottom-left",e.BottomRight="bottom-right",e.TopLeft="top-left",e.TopRight="top-right"}(n.Position||(n.Position={}))},function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.debounce=n.getQnaUserId=n.getUserId=n.generateId=void 0;n.generateId=function(){return(new Date).getTime().toString(36)+Math.random().toString(36).slice(2)};function i(){return"undefined"==typeof Storage?r():((e=localStorage.getItem("anonymousUserId"))||(e=r(),localStorage.setItem("anonymousUserId",e)),e);var e}n.getUserId=i;function r(){return"##".concat("Guest").concat("HashSeparator").concat(function(){for(var e=(0,n.generateId)(),t="",i=0;i<e.length;i++){var r=e.charAt(i);t+=Number.isNaN(+r)?r.charCodeAt(0):r}return t}(),"##")}n.getQnaUserId=function(e){var n,t,r,a,o=e,s=o.config,l=o.plugins,c=(null==s?void 0:s.session)||{},d=(null===(t=null===(n=null==l?void 0:l.qna)||void 0===n?void 0:n.config)||void 0===t?void 0:t.userRole)||c.userRole;return d&&"anonymousRole"!==d?(null===(a=null===(r=null==l?void 0:l.qna)||void 0===r?void 0:r.config)||void 0===a?void 0:a.userId)||c.userId:i()},n.debounce=function(e,n,t){var i;return void 0===n&&(n=50),void 0===t&&(t={isImmediate:!1}),function(){for(var r=this,a=[],o=0;o<arguments.length;o++)a[o]=arguments[o];var s=function(){i=void 0,t.isImmediate||e.apply(r,a)},l=t.isImmediate&&void 0===i;void 0!==i&&clearTimeout(i),i=setTimeout(s,n),l&&e.apply(this,a)}}},function(e,n,t){"use strict";var i=this&&this.__createBinding||(Object.create?function(e,n,t,i){void 0===i&&(i=t),Object.defineProperty(e,i,{enumerable:!0,get:function(){return n[t]}})}:function(e,n,t,i){void 0===i&&(i=t),e[i]=n[t]}),r=this&&this.__exportStar||function(e,n){for(var t in e)"default"===t||n.hasOwnProperty(t)||i(n,e,t)};Object.defineProperty(n,"__esModule",{value:!0}),r(t(33),n)},function(e,n,t){var i=t(3),r=t(41);"string"==typeof(r=r.__esModule?r.default:r)&&(r=[[e.i,r,""]]);var a={insert:"head",singleton:!1};i(r,a);e.exports=r.locals||{}},function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.NAME=n.VERSION=n.Plugin=void 0;var i=t(14);Object.defineProperty(n,"Plugin",{enumerable:!0,get:function(){return i.DualScreen}});n.VERSION="3.1.5-canary.0-cedf43f";n.NAME="@playkit-js/playkit-js-dual-screen";KalturaPlayer.core.registerPlugin("dualscreen",i.DualScreen)},function(e,n,t){"use strict";var i,r=this&&this.__extends||(i=function(e,n){return(i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,n){e.__proto__=n}||function(e,n){for(var t in n)n.hasOwnProperty(t)&&(e[t]=n[t])})(e,n)},function(e,n){function t(){this.constructor=e}i(e,n),e.prototype=null===n?Object.create(n):(t.prototype=n.prototype,new t)}),a=this&&this.__assign||function(){return(a=Object.assign||function(e){for(var n,t=1,i=arguments.length;t<i;t++)for(var r in n=arguments[t])Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r]);return e}).apply(this,arguments)};Object.defineProperty(n,"__esModule",{value:!0}),n.DualScreen=void 0;var o=t(0),s=t(15),l=t(27),c=t(2),d=t(31),p=t(32),u=t(11),_=t(34),y=t(35),g=t(39),A=t(7),h=t(42),f=t(43),m=t(4);t(47);var v=KalturaPlayer.ui.reducers.shell,C=m.core.EventType,b=["Playback","Live","Ads"],P=function(e){function n(n,t,i){var r=e.call(this,n,t,i)||this;return r._externalLayout=null,r._pipPosition=c.Position.BottomRight,r._removeActivesArr=[],r._playbackEnded=!1,r._resolveReadyPromise=function(){},r._secondaryPlayerType=c.PlayerType.VIDEO,r._pipPortraitMode=!1,r._undoRemoveSettings=null,r._removeSettingsComponent=function(){if(!r._undoRemoveSettings){var e={presets:b,container:c.ReservedPresetAreas.BottomBarRightControls,get:KalturaPlayer.ui.components.Remove,replaceComponent:KalturaPlayer.ui.components.Settings.displayName};r._undoRemoveSettings=r._player.ui.addComponent(e)}},r._makeReadyPromise=function(){return new Promise((function(e){r._resolveReadyPromise=e}))},r._getSecondaryPlayer=function(){return r._secondaryPlayerType===c.PlayerType.IMAGE?r._imagePlayer:r.secondaryKalturaPlayer},r._setMode=function(){switch(r._layout){case c.Layout.PIP:r._switchToPIP();break;case c.Layout.PIPInverse:r._switchToPIPInverse();break;case c.Layout.SingleMedia:r._switchToSingleMedia();break;case c.Layout.SingleMediaInverse:r._switchToSingleMediaInverse();break;case c.Layout.SideBySide:r._switchToSideBySide();break;case c.Layout.SideBySideInverse:r._switchToSideBySideInverse();break;case c.Layout.Hidden:r._switchToHidden();break;default:r.logger.warn("unrecognized layout, got:",r._layout)}},r._setDefaultMode=function(){r._switchToHidden();var e=[c.Layout.PIP,c.Layout.PIPInverse,c.Layout.SideBySide,c.Layout.SideBySideInverse,c.Layout.SingleMedia,c.Layout.SingleMediaInverse];r._layout=e.includes(r.config.layout)?r.config.layout:c.Layout.Hidden,r._pipPosition=r.config.position,r._pipPortraitMode=!1,r._externalLayout=null},r._setPipPosition=function(e){r._pipPosition=e},r.getPipPosition=function(){return r._pipPosition},r._switchToHidden=function(){var e=r._player.ui.store.dispatch;r._layout=c.Layout.Hidden,e(v.actions.removePlayerClass("has-dual-screen-plugin-overlay")),r._removeActives()},r._switchToPIP=function(e,n){var t;void 0===e&&(e=c.Animations.None),r._layout===c.Layout.PIP&&r._removeActivesArr.length&&(null===(t=r._imagePlayer.active)||void 0===t?void 0:t.portrait)===r._pipPortraitMode||(r._setPipPortraitMode(),r._layout=c.Layout.PIP,r._addActives(r._player.ui.addComponent({label:"kaltura-dual-screen-pip",presets:b,container:c.ReservedPresetAreas.VideoContainer,get:function(){return o.h(s.PipParent,{animation:e,player:r._player})}}),r._player.ui.addComponent({label:"kaltura-dual-screen-pip",presets:b,container:c.ReservedPresetAreas.InteractiveArea,get:function(){return o.h(u.ResponsiveManager,{onMinSize:function(){r._switchToSingleMedia()},onDefaultSize:r._setMode},o.h(y.DragAndSnapManager,{eventManager:r.eventManager,logger:r.logger,getPosition:r.getPipPosition,onPositionChanged:r._setPipPosition},o.h(s.PipChild,{animation:c.Animations.Fade,playerSizePercentage:r.config.childSizePercentage,player:r._getSecondaryPlayer(),hide:function(e){return r._switchToSingleMedia(c.Animations.None,A.getValueOrUndefined(e,c.ButtonsEnum.Show))},onSideBySideSwitch:function(e){return r._switchToSideBySide(e)},onInversePIP:function(e){return r._switchToPIPInverse(c.Animations.Fade,A.getValueOrUndefined(e,c.ButtonsEnum.SwitchScreen))},portrait:r._pipPortraitMode,aspectRatio:r.config.childAspectRatio,focusOnButton:n,layout:r._layout})))}})))},r._switchToPIPInverse=function(e,n){void 0===e&&(e=c.Animations.None),r._layout===c.Layout.PIPInverse&&r._removeActivesArr.length||(r._layout=c.Layout.PIPInverse,r._addActives(r._player.ui.addComponent({label:"kaltura-dual-screen-pip",presets:b,container:c.ReservedPresetAreas.VideoContainer,get:function(){return o.h(s.PipParent,{animation:e,player:r._getSecondaryPlayer()})}}),r._player.ui.addComponent({label:"kaltura-dual-screen-pip",presets:b,container:c.ReservedPresetAreas.InteractiveArea,get:function(){return o.h(u.ResponsiveManager,{onMinSize:function(){r._switchToSingleMediaInverse()},onDefaultSize:r._setMode},o.h(y.DragAndSnapManager,{eventManager:r.eventManager,logger:r.logger,getPosition:r.getPipPosition,onPositionChanged:r._setPipPosition},o.h(s.PipChild,{animation:c.Animations.Fade,playerSizePercentage:r.config.childSizePercentage,player:r._player,hide:function(e){return r._switchToSingleMediaInverse(c.Animations.None,A.getValueOrUndefined(e,c.ButtonsEnum.Show))},onSideBySideSwitch:function(e){return r._switchToSideBySideInverse(e)},onInversePIP:function(e){return r._switchToPIP(c.Animations.Fade,A.getValueOrUndefined(e,c.ButtonsEnum.SwitchScreen))},aspectRatio:r.config.childAspectRatio,focusOnButton:n,layout:r._layout})))}})))},r._switchToSingleMedia=function(e,n){void 0===e&&(e=c.Animations.None),r._layout===c.Layout.SingleMedia&&r._removeActivesArr.length||(r._layout=c.Layout.SingleMedia,r._addActives(r._player.ui.addComponent({label:"kaltura-dual-screen-pip",presets:b,container:c.ReservedPresetAreas.VideoContainer,get:function(){return o.h(s.PipParent,{animation:e,player:r._player})}}),r._player.ui.addComponent({label:"kaltura-dual-screen-pip-minimized",presets:b,container:c.ReservedPresetAreas.BottomBar,get:function(){return o.h(u.ResponsiveManager,{onDefaultSize:r._setMode},o.h(l.PipMinimized,{show:function(e){return r._switchToPIP(c.Animations.None,A.getValueOrUndefined(e,c.ButtonsEnum.Hide))},player:r._getSecondaryPlayer(),onInverse:function(e){return r._switchToSingleMediaInverse(c.Animations.Fade,A.getValueOrUndefined(e,c.ButtonsEnum.SwitchScreen))},focusOnButton:n}))}})))},r._switchToSingleMediaInverse=function(e,n){void 0===e&&(e=c.Animations.None),r._layout===c.Layout.SingleMediaInverse&&r._removeActivesArr.length||(r._layout=c.Layout.SingleMediaInverse,r._addActives(r._player.ui.addComponent({label:"kaltura-dual-screen-pip",presets:b,container:c.ReservedPresetAreas.VideoContainer,get:function(){return o.h(s.PipParent,{animation:e,player:r._getSecondaryPlayer()})}}),r._player.ui.addComponent({label:"kaltura-dual-screen-pip-minimized",presets:b,container:c.ReservedPresetAreas.BottomBar,get:function(){return o.h(u.ResponsiveManager,{onDefaultSize:r._setMode},o.h(l.PipMinimized,{show:function(e){return r._switchToPIPInverse(c.Animations.None,A.getValueOrUndefined(e,c.ButtonsEnum.Hide))},player:r._player,onInverse:function(e){return r._switchToSingleMedia(c.Animations.Fade,A.getValueOrUndefined(e,c.ButtonsEnum.SwitchScreen))},focusOnButton:n}))}})))},r._switchToSideBySide=function(e){if(r._layout!==c.Layout.SideBySide||!r._removeActivesArr.length){r._layout=c.Layout.SideBySide;var n={player:r._player,onExpand:function(e){return r._switchToPIP(c.Animations.ScaleRight,A.getValueOrUndefined(e,c.ButtonsEnum.SideBySide))},focusOnButton:e},t={player:r._getSecondaryPlayer(),onExpand:function(e){return r._switchToPIPInverse(c.Animations.ScaleLeft,A.getValueOrUndefined(e,c.ButtonsEnum.SideBySide))}};r._addActives(r._player.ui.addComponent({label:"kaltura-dual-screen-side-by-side",presets:b,container:c.ReservedPresetAreas.VideoContainer,get:function(){return o.h(g.SideBySideWrapper,{leftSideProps:n,rightSideProps:t,layout:r._layout,onSizeChange:r._setMode,onMinSize:r._switchToSingleMedia})}}))}},r._switchToSideBySideInverse=function(e){if(r._layout!==c.Layout.SideBySideInverse||!r._removeActivesArr.length){r._layout=c.Layout.SideBySideInverse;var n={player:r._getSecondaryPlayer(),onExpand:function(e){return r._switchToPIPInverse(c.Animations.ScaleRight,A.getValueOrUndefined(e,c.ButtonsEnum.SideBySide))},focusOnButton:e},t={player:r._player,onExpand:function(e){return r._switchToPIP(c.Animations.ScaleLeft,A.getValueOrUndefined(e,c.ButtonsEnum.SideBySide))}};r._addActives(r._player.ui.addComponent({label:"kaltura-dual-screen-side-by-side",presets:b,container:c.ReservedPresetAreas.VideoContainer,get:function(){return o.h(g.SideBySideWrapper,{leftSideProps:n,rightSideProps:t,layout:r._layout,onSizeChange:r._setMode,onMinSize:r._switchToSingleMedia})}}))}},r._onActiveSlideChanged=function(e){if(e){var n=!1;r._layout!==c.Layout.Hidden||r._externalLayout||(n=!0,r._setDefaultMode()),r._layout===c.Layout.Hidden&&r._externalLayout&&r._applyExternalLayout();var t=!1;e.portrait!==r._pipPortraitMode&&(t=!0),(n||t&&r._layout===c.Layout.PIP)&&r._setMode(),r.config.removePlayerSettings&&r._removeSettingsComponent()}else r._switchToHidden()},r._onSlideViewChanged=function(e){r._externalLayout!==e&&(r._externalLayout=e,r._applyExternalLayout())},r._applyExternalLayout=function(){switch(r._externalLayout){case c.ExternalLayout.Hidden:r._switchToHidden();break;case c.ExternalLayout.SingleMedia:r._layout!==c.Layout.SingleMedia&&r._switchToSingleMedia();break;case c.ExternalLayout.SingleMediaInverse:r._layout!==c.Layout.SingleMediaInverse&&r._switchToSingleMediaInverse();break;case c.ExternalLayout.PIP:r._layout!==c.Layout.PIP&&r._switchToPIP();break;case c.ExternalLayout.PIPInverse:r._layout!==c.Layout.PIPInverse&&r._switchToPIPInverse();break;case c.ExternalLayout.SideBySide:r._layout!==c.Layout.SideBySide&&r._switchToSideBySide();break;case c.ExternalLayout.SideBySideInverse:r._layout!==c.Layout.SideBySideInverse&&r._switchToSideBySideInverse()}},r._player=t,r._imagePlayer=new f.ImagePlayer(r._onActiveSlideChanged,r.config.slidesPreloadEnabled),r._readyPromise=r._makeReadyPromise(),r._layout=c.Layout.Hidden,r._pipPosition=r.config.position,r}return r(n,e),n.prototype.getEngineDecorator=function(e,n){return new h.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=c.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!==c.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(v.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 r=n.get(_.SecondaryMediaLoader.id),a=null===(i=null===(t=null==r?void 0:r.response)||void 0===t?void 0:t.entries[0])||void 0===i?void 0:i.id;a?(e._secondaryPlayerType=c.PlayerType.VIDEO,e.config.removePlayerSettings&&e._removeSettingsComponent(),e.secondaryKalturaPlayer=e._createSecondaryPlayer(),e.eventManager.listenOnce(e.secondaryKalturaPlayer,C.CHANGE_SOURCE_ENDED,(function(){e._resolveReadyPromise()})),e._videoSyncManager=new d.VideoSyncManager(e.eventManager,e.player,e.secondaryKalturaPlayer,e.logger),e.eventManager.listen(e.secondaryKalturaPlayer,e.player.Event.FIRST_PLAYING,(function(){e.logger.debug("secondary player first playing - show dual mode"),e._setDefaultMode(),e._setMode()})),e.secondaryKalturaPlayer.loadMedia({entryId:a,ks:e.player.config.session.isAnonymous?"":e.player.config.session.ks})):(e.logger.warn("Secondary entry id not found"),e._secondaryPlayerType=c.PlayerType.IMAGE,e.player.getService("kalturaCuepoints")&&(e._imageSyncManager=new p.ImageSyncManager(e.eventManager,e.player,e._imagePlayer,e.logger,e._onSlideViewChanged)),e._resolveReadyPromise())}else e.logger.warn("SecondaryMediaLoader does not exist"),e._resolveReadyPromise(),e.eventManager.removeAll()})).catch((function(n){e.logger.error(n),e._resolveReadyPromise()}))},n.prototype._createSecondaryPlayer=function(){var e,n=document.createElement("div");n.setAttribute("id","secondaryPlaceholder"),n.style.width="240px",n.style.height="135px",n.hidden=!0,document.body.appendChild(n);var t={targetId:"secondaryPlaceholder",disableUserCache:!0,playback:{muted:!0},ui:{disable:!0},provider:a(a({},this._player.config.provider),{ignoreServerConfig:!0}),plugins:{"kaltura-live":a({},(null===(e=this._player.plugins["kaltura-live"])||void 0===e?void 0:e.config)||{})}};return KalturaPlayer.setup(t)},n.isValid=function(){return!0},n.prototype.destroy=function(){this.eventManager.destroy()},n.prototype._setPipPortraitMode=function(){if(this._secondaryPlayerType===c.PlayerType.VIDEO&&this.secondaryKalturaPlayer){var e=this.secondaryKalturaPlayer.getVideoElement().videoWidth,n=this.secondaryKalturaPlayer.getVideoElement().videoHeight;this._pipPortraitMode=e<n||this._pipPortraitMode}else this._pipPortraitMode=this._imagePlayer.active?this._imagePlayer.active.portrait:this._pipPortraitMode},n.defaultConfig={layout:c.Layout.PIP,childSizePercentage:30,childAspectRatio:{width:16,height:9},position:c.Position.BottomRight,slidesPreloadEnabled:!0,removePlayerSettings:!1},n}(KalturaPlayer.core.BasePlugin);n.DualScreen=P},function(e,n,t){"use strict";var i=this&&this.__createBinding||(Object.create?function(e,n,t,i){void 0===i&&(i=t),Object.defineProperty(e,i,{enumerable:!0,get:function(){return n[t]}})}:function(e,n,t,i){void 0===i&&(i=t),e[i]=n[t]}),r=this&&this.__exportStar||function(e,n){for(var t in e)"default"===t||n.hasOwnProperty(t)||i(n,e,t)};Object.defineProperty(n,"__esModule",{value:!0}),r(t(16),n),r(t(26),n)},function(e,n,t){"use strict";var i,r=this&&this.__extends||(i=function(e,n){return(i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,n){e.__proto__=n}||function(e,n){for(var t in n)n.hasOwnProperty(t)&&(e[t]=n[t])})(e,n)},function(e,n){function t(){this.constructor=e}i(e,n),e.prototype=null===n?Object.create(n):(t.prototype=n.prototype,new t)}),a=this&&this.__decorate||function(e,n,t,i){var r,a=arguments.length,o=a<3?n:null===i?i=Object.getOwnPropertyDescriptor(n,t):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,n,t,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(o=(a<3?r(o):a>3?r(n,t,o):r(n,t))||o);return a>3&&o&&Object.defineProperty(n,t,o),o};Object.defineProperty(n,"__esModule",{value:!0}),n.PipChild=void 0;var o=t(0),s=t(8),l=t(2),c=t(5),d=t(6),p=KalturaPlayer.ui.redux.connect,u=KalturaPlayer.ui,_=u.utils,y=u.reducers,g=KalturaPlayer.ui.components.Icon,A=KalturaPlayer.ui.preacti18n,h=A.withText,f=A.Text,m=function(e){var n=e.layout;return{sideBySide:o.h(f,{id:"dualScreen.side_by_side"},"Side by side screens"),switchScreen:n===l.Layout.PIP?o.h(f,{id:"dualScreen.switch_to_secondary_screen"},"Switch to secondary screen"):o.h(f,{id:"dualScreen.switch_to_primary_screen"},"Switch to primary screen"),hideLabel:o.h(f,{id:"dualScreen.hide"},"Hide"),hideAriaLabel:o.h(f,{id:"dualScreen.hide_label"},"Hide dual screen")}},v=function(e){return{showUi:e.shell.playerHover||e.shell.playerNav,playerHeight:e.shell.guiClientRect.height,prePlayback:e.engine.prePlayback}},C=function(e){function n(){var n=null!==e&&e.apply(this,arguments)||this;return n.playerContainerRef=o.createRef(),n.pipContainerRef=o.createRef(),n}return r(n,e),n.prototype.componentDidMount=function(){var e=this.props.player.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,this.props.portrait?s.verticalPlayer:""].join(" ")},o.h(d.Button,{className:s.iconContainer,onClick:n,tooltip:{label:this.props.sideBySide,type:"bottom-left"},focusOnMount:i===l.ButtonsEnum.SideBySide},o.h(g,{id:"dualscreen-pip-side-by-side",height:c.icons.MediumSize,width:c.icons.MediumSize,viewBox:"0 0 "+c.icons.MediumSize+" "+c.icons.MediumSize,path:c.icons.SIDE_BY_SIDE_ICON_PATH})),o.h(d.Button,{className:s.iconContainer,onClick:t,tooltip:{label:this.props.switchScreen,type:"bottom-left"},focusOnMount:i===l.ButtonsEnum.SwitchScreen},o.h(g,{id:"dualscreen-pip-swap",height:c.icons.MediumSize,width:c.icons.MediumSize,viewBox:"0 0 "+c.icons.MediumSize+" "+c.icons.MediumSize,path:c.icons.SWAP_ICON_PATH})))},n.prototype._renderHideButton=function(){var e=this.props,n=e.hide,t=e.focusOnButton;return o.h(d.Button,{className:s.hideContainer,onClick:n,ariaLabel:this.props.hideAriaLabel,focusOnMount:t===l.ButtonsEnum.Hide},o.h(o.Fragment,null,o.h("div",{className:s.iconContainer},o.h(g,{id:"dualscreen-pip-hide",height:c.icons.SmallSize,width:c.icons.SmallSize,viewBox:"0 0 "+c.icons.SmallSize+" "+c.icons.SmallSize,path:c.icons.HIDE_ICON_PATH})),this.props.hideLabel))},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,r={height:(e.portrait?i:t)+"px"};return o.h("div",{className:n.join(" "),ref:this.pipContainerRef},this._renderHideButton(),o.h("div",{className:s.playerWrapper},o.h("div",{className:s.playerContainer,style:r,ref:this.playerContainerRef}),this._renderInnerButtons()))},n=a([h(m),p(v,_.bindActions(y.shell.actions))],n)}(o.Component);n.PipChild=C},function(e,n,t){"use strict";t.r(n);var i=t(1),r=t.n(i)()(!0);r.push([e.i,'.pip__iconContainer___I7wDY{height:28px;width:28px;opacity:.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:var(--playkit-tone-4-color);border-radius:4px;opacity:1}.pip__parentPlayer___NCnqk{width:100%;height:100%;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;object-fit:cover;width:auto}.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:0px 0px 5px auto;display:flex;flex-direction:row;justify-content:center;align-items:center;cursor:pointer;color:#fff;font-style:normal;font-weight:400;font-size:14px;line-height:18px;background:rgba(0,0,0,.6);border-radius:4px}.pip__childPlayer___tqBeH .pip__hideContainer___WmxCK:hover{background:rgba(0,0,0,.7)}.pip__childPlayer___tqBeH .pip__hideContainer___WmxCK .pip__iconContainer___I7wDY{margin:0px 8px 0px 0px;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,.2),0 0 4px 0 rgba(0,0,0,.3)}.pip__childPlayer___tqBeH .pip__playerWrapper___8XRTF .pip__playerContainer___RCOLw .playkit-image-player img{width:auto}.pip__childPlayer___tqBeH .pip__playerWrapper___8XRTF .pip__innerButtons___qkl44{flex-direction:row;justify-content:flex-end;align-items:flex-start;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__verticalPlayer___u5l6a .playkit-tooltip span{max-width:100px !important}.pip__childPlayer___tqBeH .pip__playerWrapper___8XRTF .pip__innerButtons___qkl44 .pip__iconContainer___I7wDY{display:inline-block;margin:0px;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}}',"",{version:3,sources:["webpack://styles/_styles.scss","webpack://styles/_variables.scss","webpack://../node_modules/@playkit-js/playkit-js-ui/src/styles/exported.scss","webpack://components/pip/pip.scss"],names:[],mappings:"AAEA,4BACE,WCDc,CDEd,UCFc,CDGd,UAAA,CACA,cAAA,CAGF,2BACE,YAAA,CACA,iBAAA,CACA,WAAA,CACA,QAAA,CACA,OAAA,CACA,WAAA,CACA,gFAAA,CACA,UAAA,CAGE,6DACE,sCEYS,CFXT,iBCfQ,CDgBR,SAAA,CGjBN,2BACE,UAAA,CACA,WAAA,CACA,iBAAA,CACA,MAAA,CHmBA,oEAEE,iBAAA,CGlBJ,0BACE,iBAAA,CACA,gCACE,iBAAA,CACA,gBAAA,CACA,UAAA,CHWF,mEAEE,iBAAA,CGPA,yJACE,YAAA,CAGJ,+EACE,YAAA,CAEF,4EACE,iBAAA,CAGF,sDACE,iBAAA,CACA,UAAA,CACA,WAnCoB,CAoCpB,uBAAA,CAEA,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,kBAAA,CAEA,cAAA,CACA,UAAA,CACA,iBAAA,CACA,eAAA,CACA,cAAA,CACA,gBAAA,CAEA,yBAAA,CACA,iBF/CU,CEiDV,4DACE,yBAAA,CAGF,kFACE,sBAAA,CACA,WF3DoB,CE4DpB,UF5DoB,CEgExB,sDACE,iBAAA,CACA,iBF7DU,CE8DV,eAAA,CACA,wDAAA,CACA,oFACE,6DAAA,CACA,8GACE,UAAA,CAIJ,iFACE,kBAAA,CACA,wBAAA,CACA,sBAAA,CACA,mBAAA,CACA,mFACE,mBAAA,CAGA,mIACE,0BAAA,CAIJ,6GACE,oBAAA,CACA,UAAA,CACA,WAAA,CACA,yHACE,gBAAA,CAOV,4BACE,wCAAA,CAGF,iCACE,8CAAA,CAGF,iCACE,6CAAA,CAGF,qCACE,GACE,oCAAA,CAEF,KACE,gCAAA,CAAA,CAIJ,oCACE,GACE,mCAAA,CAEF,KACE,gCAAA,CAAA,CAIJ,+BACE,GACE,SAAA,CAEF,KACE,SAAA,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: $tone-4-color;\n      border-radius: $roundness-1;\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","@import '~@playkit-js/playkit-js-ui';\n\n$smallIconSize: 28px;\n$smallBorderLessIconSize: 16px;\n$animation-duration: 0.3s;\n\n// border radius\n$roundness-1: 4px;\n$roundness-2: 8px;\n","// Sass variables exported using the npm package for plugins usage\n\n// Accent Colors\n$primary-color: var(--playkit-primary-color);\n$primary-darker-color: var(--playkit-primary-darker-color);\n$primary-brighter-color: var(--playkit-primary-brighter-color);\n$primary-text-contrast-color: var(--playkit-primary-text-contrast-color);\n\n$secondary-color: var(--playkit-secondary-color);\n$secondary-darker-color: var(--playkit-secondary-darker-color);\n$secondary-brighter-color: var(--playkit-secondary-brighter-color);\n$secondary-text-contrast-color: var(--playkit-secondary-text-contrast-color);\n\n// Acknowledgement Colors\n$success-color: var(--playkit-success-color);\n$success-darker-color: var(--playkit-success-darker-color);\n$success-brighter-color: var(--playkit-success-brighter-color);\n$success-text-contrast-color: var(--playkit-success-text-contrast-color);\n\n$danger-color: var(--playkit-danger-color);\n$danger-darker-color: var(--playkit-danger-darker-color);\n$danger-brighter-color: var(--playkit-danger-brighter-color);\n$danger-text-contrast-color: var(--playkit-danger-text-contrast-color);\n\n$warning-color: var(--playkit-warning-color);\n$warning-darker-color: var(--playkit-warning-darker-color);\n$warning-brighter-color: var(--playkit-warning-brighter-color);\n$warning-text-contrast-color: var(--playkit-warning-text-contrast-color);\n\n// Tone Ramp\n$tone-1-color: var(--playkit-tone-1-color);\n$tone-2-color: var(--playkit-tone-2-color);\n$tone-3-color: var(--playkit-tone-3-color);\n$tone-4-color: var(--playkit-tone-4-color);\n$tone-5-color: var(--playkit-tone-5-color);\n$tone-6-color: var(--playkit-tone-6-color);\n$tone-7-color: var(--playkit-tone-7-color);\n$tone-8-color: var(--playkit-tone-8-color);\n\n$live-color: var(--playkit-live-color);\n$player-background-color: var(--playkit-player-background-color);\n$tab-focus-color: var(--playkit-tab-focus-color);\n$tooltip-background-color: var(--playkit-tooltip-background-color);\n$tooltip-color: var(--playkit-tooltip-color);\n$ads-color: var(--playkit-ads-color);\n","@import '~styles/variables';\n@import '~styles/styles';\n\n$hide-container-height: 32px;\n$hide-container-gap: 5px;\n\n.parentPlayer {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  left: 0;\n  @include hideImagePlayer;\n}\n.childPlayer {\n  position: relative;\n  video {\n    position: relative;\n    object-fit: cover;\n    width: auto;\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: 0px 0px $hide-container-gap auto;\n\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    align-items: center;\n\n    cursor: pointer;\n    color: white;\n    font-style: normal;\n    font-weight: 400;\n    font-size: 14px;\n    line-height: 18px;\n\n    background: rgba(0, 0, 0, 0.6);\n    border-radius: $roundness-1;\n\n    &:hover {\n      background: rgba(0, 0, 0, 0.7);\n    }\n\n    .iconContainer {\n      margin: 0px 8px 0px 0px;\n      height: $smallBorderLessIconSize;\n      width: $smallBorderLessIconSize;\n    }\n  }\n\n  .playerWrapper {\n    position: relative;\n    border-radius: $roundness-2;\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      :global(.playkit-image-player img) {\n        width: auto;\n      }\n    }\n\n    .innerButtons {\n      flex-direction: row;\n      justify-content: flex-end;\n      align-items: flex-start;\n      pointer-events: none;\n      * {\n        pointer-events: auto;\n      }\n      &.verticalPlayer {\n        :global(.playkit-tooltip span) {\n          max-width: 100px !important;\n        }\n      }\n\n      .iconContainer {\n        display: inline-block;\n        margin: 0px;\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:""}]),r.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",verticalPlayer:"pip__verticalPlayer___u5l6a",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=r},function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.Animations=void 0,function(e){e.None="None",e.Fade="Fade",e.ScaleRight="ScaleRight",e.ScaleLeft="ScaleLeft",e.Slide="Slide"}(n.Animations||(n.Animations={}))},function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.StreamMode=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){e.Primary="Primary",e.Secondary="Secondary"}(n.StreamMode||(n.StreamMode={}))},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.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 r in n=arguments[t])Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r]);return e}).apply(this,arguments)};Object.defineProperty(n,"__esModule",{value:!0}),n.Button=void 0;var r=t(0),a=t(24),o=t(25),s=KalturaPlayer.ui.components.Tooltip;n.Button=function(e){var n=e.onClick,t=e.className,l=e.children,c=e.tooltip,d=e.ariaLabel,p=e.focusOnMount,u=a.useRef(null);a.useEffect((function(){var e;p&&(null===(e=u.current)||void 0===e||e.focus())}),[p]);var _=a.useCallback((function(e,t){n(Boolean(t))}),[n]),y={ref:u,role:"button",tabIndex:0};return t&&(y.className=t),(d||c)&&(y["aria-label"]=d||c.label),r.h(o.A11yWrapper,{onClick:_},r.h("div",i({},y),c?r.h(s,{label:c.label,type:c.type},l):l))}},function(e,n,t){"use strict";t.r(n),t.d(n,"useState",(function(){return g})),t.d(n,"useReducer",(function(){return A})),t.d(n,"useEffect",(function(){return h})),t.d(n,"useLayoutEffect",(function(){return f})),t.d(n,"useRef",(function(){return m})),t.d(n,"useImperativeHandle",(function(){return v})),t.d(n,"useMemo",(function(){return C})),t.d(n,"useCallback",(function(){return b})),t.d(n,"useContext",(function(){return P})),t.d(n,"useDebugValue",(function(){return S})),t.d(n,"useErrorBoundary",(function(){return k}));var i,r,a,o=t(0),s=0,l=[],c=o.options.__b,d=o.options.__r,p=o.options.diffed,u=o.options.__c,_=o.options.unmount;function y(e,n){o.options.__h&&o.options.__h(r,e,s||n),s=0;var t=r.__H||(r.__H={__:[],__h:[]});return e>=t.__.length&&t.__.push({}),t.__[e]}function g(e){return s=1,A(I,e)}function A(e,n,t){var a=y(i++,2);return a.t=e,a.__c||(a.__=[t?t(n):I(void 0,n),function(e){var n=a.t(a.__[0],e);a.__[0]!==n&&(a.__=[n,a.__[1]],a.__c.setState({}))}],a.__c=r),a.__}function h(e,n){var t=y(i++,3);!o.options.__s&&M(t.__H,n)&&(t.__=e,t.__H=n,r.__H.__h.push(t))}function f(e,n){var t=y(i++,4);!o.options.__s&&M(t.__H,n)&&(t.__=e,t.__H=n,r.__h.push(t))}function m(e){return s=5,C((function(){return{current:e}}),[])}function v(e,n,t){s=6,f((function(){"function"==typeof e?e(n()):e&&(e.current=n())}),null==t?t:t.concat(e))}function C(e,n){var t=y(i++,7);return M(t.__H,n)&&(t.__=e(),t.__H=n,t.__h=e),t.__}function b(e,n){return s=8,C((function(){return e}),n)}function P(e){var n=r.context[e.__c],t=y(i++,9);return t.c=e,n?(null==t.__&&(t.__=!0,n.sub(r)),n.props.value):e.__}function S(e,n){o.options.useDebugValue&&o.options.useDebugValue(n?n(e):e)}function k(e){var n=y(i++,10),t=g();return n.__=e,r.componentDidCatch||(r.componentDidCatch=function(e){n.__&&n.__(e),t[1](e)}),[t[0],function(){t[1](void 0)}]}function E(){l.forEach((function(e){if(e.__P)try{e.__H.__h.forEach(w),e.__H.__h.forEach(x),e.__H.__h=[]}catch(n){e.__H.__h=[],o.options.__e(n,e.__v)}})),l=[]}o.options.__b=function(e){r=null,c&&c(e)},o.options.__r=function(e){d&&d(e),i=0;var n=(r=e.__c).__H;n&&(n.__h.forEach(w),n.__h.forEach(x),n.__h=[])},o.options.diffed=function(e){p&&p(e);var n=e.__c;n&&n.__H&&n.__H.__h.length&&(1!==l.push(n)&&a===o.options.requestAnimationFrame||((a=o.options.requestAnimationFrame)||function(e){var n,t=function(){clearTimeout(i),B&&cancelAnimationFrame(n),setTimeout(e)},i=setTimeout(t,100);B&&(n=requestAnimationFrame(t))})(E)),r=null},o.options.__c=function(e,n){n.some((function(e){try{e.__h.forEach(w),e.__h=e.__h.filter((function(e){return!e.__||x(e)}))}catch(t){n.some((function(e){e.__h&&(e.__h=[])})),n=[],o.options.__e(t,e.__v)}})),u&&u(e,n)},o.options.unmount=function(e){_&&_(e);var n=e.__c;if(n&&n.__H)try{n.__H.__.forEach(w)}catch(e){o.options.__e(e,n.__v)}};var B="function"==typeof requestAnimationFrame;function w(e){var n=r;"function"==typeof e.__c&&e.__c(),r=n}function x(e){var n=r;e.__c=e.__(),r=n}function M(e,n){return!e||e.length!==n.length||n.some((function(n,t){return n!==e[t]}))}function I(e,n){return"function"==typeof n?n(e):n}},function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.A11yWrapper=n.isKeyboardEvent=void 0;var i=t(0),r=t(4).ui.utils.KeyMap,a=r.ENTER,o=r.SPACE,s=r.UP,l=r.DOWN,c=r.LEFT,d=r.RIGHT,p=function(e){e.preventDefault(),e.stopPropagation()};n.isKeyboardEvent=function(e){return e instanceof KeyboardEvent||[e.offsetX,e.offsetY].every((function(e){return 0===e}))};n.A11yWrapper=function(e){var t=e.children,r=e.onClick,u=e.onUpKeyPressed,_=e.onDownKeyPressed,y=e.onLeftKeyPressed,g=e.onRightKeyPressed,A=e.role,h=e.type,f={onKeyDown:function(e){e.keyCode===o||e.keyCode===a?(p(e),r(e,!0)):e.keyCode===s&&u?(p(e),u(e)):e.keyCode===l&&_?(p(e),_(e)):e.keyCode===c&&y?(p(e),y(e)):e.keyCode===d&&g&&(p(e),g(e))},onClick:function(e){e.stopPropagation(),r(e,(0,n.isKeyboardEvent)(e))},role:A};return"button"===t.type&&(f.type=h||"button"),(0,i.cloneElement)(t,f)},n.A11yWrapper.defaultProps={role:"button"}},function(e,n,t){"use strict";var i,r=this&&this.__extends||(i=function(e,n){return(i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,n){e.__proto__=n}||function(e,n){for(var t in n)n.hasOwnProperty(t)&&(e[t]=n[t])})(e,n)},function(e,n){function t(){this.constructor=e}i(e,n),e.prototype=null===n?Object.create(n):(t.prototype=n.prototype,new t)}),a=this&&this.__decorate||function(e,n,t,i){var r,a=arguments.length,o=a<3?n:null===i?i=Object.getOwnPropertyDescriptor(n,t):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,n,t,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(o=(a<3?r(o):a>3?r(n,t,o):r(n,t))||o);return a>3&&o&&Object.defineProperty(n,t,o),o};Object.defineProperty(n,"__esModule",{value:!0}),n.PipParent=void 0;var o=t(0),s=t(8),l=t(2),c=KalturaPlayer.ui.redux.connect,d=function(e){return{prePlayback:e.engine.prePlayback}},p=function(e){function n(){var n=null!==e&&e.apply(this,arguments)||this;return n.videoContainerRef=o.createRef(),n}return r(n,e),n.prototype.componentDidMount=function(){var e,n,t=this.props.player;null===(n=null===(e=this.videoContainerRef)||void 0===e?void 0:e.current)||void 0===n||n.appendChild(t.getVideoElement())},n.prototype.render=function(e){var n=[s.videoContainer,s.parentPlayer];if(!e.prePlayback&&e.animation)switch(e.animation){case l.Animations.Fade:n.push(s.animatedFade);break;case l.Animations.ScaleRight:n.push(s.animatedScaleRight);break;case l.Animations.ScaleLeft:n.push(s.animatedScaleLeft)}return o.h("div",{className:n.join(" "),ref:this.videoContainerRef})},n=a([c(d)],n)}(o.Component);n.PipParent=p},function(e,n,t){"use strict";var i=this&&this.__createBinding||(Object.create?function(e,n,t,i){void 0===i&&(i=t),Object.defineProperty(e,i,{enumerable:!0,get:function(){return n[t]}})}:function(e,n,t,i){void 0===i&&(i=t),e[i]=n[t]}),r=this&&this.__exportStar||function(e,n){for(var t in e)"default"===t||n.hasOwnProperty(t)||i(n,e,t)};Object.defineProperty(n,"__esModule",{value:!0}),r(t(28),n)},function(e,n,t){"use strict";var i,r=this&&this.__extends||(i=function(e,n){return(i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,n){e.__proto__=n}||function(e,n){for(var t in n)n.hasOwnProperty(t)&&(e[t]=n[t])})(e,n)},function(e,n){function t(){this.constructor=e}i(e,n),e.prototype=null===n?Object.create(n):(t.prototype=n.prototype,new t)}),a=this&&this.__decorate||function(e,n,t,i){var r,a=arguments.length,o=a<3?n:null===i?i=Object.getOwnPropertyDescriptor(n,t):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,n,t,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(o=(a<3?r(o):a>3?r(n,t,o):r(n,t))||o);return a>3&&o&&Object.defineProperty(n,t,o),o};Object.defineProperty(n,"__esModule",{value:!0}),n.PipMinimized=void 0;var o=t(0),s=t(29),l=t(5),c=t(6),d=t(2),p=KalturaPlayer.ui.components.Icon,u=KalturaPlayer.ui.preacti18n,_=u.withText,y=u.Text,g=function(){return{showLabel:o.h(y,{id:"dualScreen.show"},"Show"),showAriaLabel:o.h(y,{id:"dualScreen.show_label"},"Show dual screen"),switchScreen:o.h(y,{id:"dualScreen.switch_screen"},"Switch Screen")}},A=function(e){function n(){var n=null!==e&&e.apply(this,arguments)||this;return n.ref=o.createRef(),n._renderHoverButton=function(){var e=n.props,t=e.show,i=e.onInverse,r=e.hideButtons,a=e.focusOnButton;return o.h(o.Fragment,null,!r&&o.h(c.Button,{onClick:t,className:s.showContainer,ariaLabel:n.props.showAriaLabel,focusOnMount:a===d.ButtonsEnum.Show},o.h(o.Fragment,null,o.h("div",{className:s.iconContainer},o.h(p,{id:"dualscreen-pip-minimized-show",height:l.icons.SmallSize,width:l.icons.SmallSize,viewBox:"0 0 "+l.icons.SmallSize+" "+l.icons.SmallSize,path:l.icons.SHOW_ICON_PATH})),n.props.showLabel)),o.h("div",{className:[s.innerButtons,r?s.tinyInnerButtons:""].join(" ")},o.h(c.Button,{onClick:i,focusOnMount:a===d.ButtonsEnum.SwitchScreen,ariaLabel:n.props.switchScreen},o.h("div",{className:s.iconContainer},o.h(p,{id:"dualscreen-pip-minimized-swap",height:l.icons.MediumSize,width:l.icons.MediumSize,viewBox:"0 0 "+l.icons.MediumSize+" "+l.icons.MediumSize,path:l.icons.SWAP_ICON_PATH})))))},n}return r(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 o.h("div",{className:s.childPlayerContainer},o.h("div",{ref:this.ref,className:[s.childPlayer,e.hideButtons?s.tinyChildPlayer:""].join(" ")}),this._renderHoverButton())},n=a([_(g)],n)}(o.Component);n.PipMinimized=A},function(e,n,t){var i=t(3),r=t(30);"string"==typeof(r=r.__esModule?r.default:r)&&(r=[[e.i,r,""]]);var a={insert:"head",singleton:!1};i(r,a);e.exports=r.locals||{}},function(e,n,t){"use strict";t.r(n);var i=t(1),r=t.n(i)()(!0);r.push([e.i,'.pip-minimized__iconContainer___a26rb{height:28px;width:28px;opacity:.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:var(--playkit-tone-4-color);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;object-fit:cover;width:auto}.pip-minimized__childPlayerContainer___SbEUB .pip-minimized__childPlayer___dA6kb{width:auto;height:60px;box-shadow:0px 0px 0px 1px rgba(0,0,0,.2),0px 8px 60px -16px rgba(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}.pip-minimized__childPlayerContainer___SbEUB .pip-minimized__childPlayer___dA6kb img{width:auto}.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:#fff;font-style:normal;font-weight:400;font-size:14px;line-height:18px;background:rgba(0,0,0,.6);border-radius:4px}.pip-minimized__childPlayerContainer___SbEUB .pip-minimized__showContainer___doQSU:hover{background:rgba(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:rgba(0,0,0,0)}@keyframes pip-minimized__fading___Kl3LB{0%{opacity:0}100%{opacity:1}}',"",{version:3,sources:["webpack://styles/_styles.scss","webpack://styles/_variables.scss","webpack://../node_modules/@playkit-js/playkit-js-ui/src/styles/exported.scss","webpack://components/pip-minimized/pip-minimized.scss"],names:[],mappings:"AAEA,sCACE,WCDc,CDEd,UCFc,CDGd,UAAA,CACA,cAAA,CAGF,qCACE,YAAA,CACA,iBAAA,CACA,WAAA,CACA,QAAA,CACA,OAAA,CACA,WAAA,CACA,gFAAA,CACA,UAAA,CAGE,iFACE,sCEYS,CFXT,iBCfQ,CDgBR,SAAA,CGjBN,6CAOE,iBAAA,CACA,KAAA,CACA,OAAA,CACA,2BAAA,CACA,kDAAA,CHYA,sFAEE,iBAAA,CGvBF,mDACE,iBAAA,CACA,gBAAA,CACA,UAAA,CAOF,iFACE,UAAA,CACA,WAAA,CACA,2EAAA,CACA,iBFdU,CEeV,wDAAA,CACA,eAAA,CACA,wHACE,WAAA,CAEF,qFACE,UAAA,CAIJ,mFACE,YAAA,CACA,kBAAA,CACA,wBAAA,CACA,kBAAA,CACA,WAAA,CACA,cAAA,CAEA,iBAAA,CACA,UAAA,CACA,WAxCoB,CAyCpB,SAAA,CACA,yBAAA,CAEA,UAAA,CACA,iBAAA,CACA,eAAA,CACA,cAAA,CACA,gBAAA,CAEA,yBAAA,CACA,iBF/CU,CEiDV,yFACE,yBAAA,CAEF,yHACE,WAAA,CACA,UAAA,CACA,gBAAA,CAIJ,kFACE,iBF3DU,CE4DV,sBAAA,CACA,kBAAA,CACA,2HACE,WAAA,CAEF,8HACE,wBAAA,CAKN,yCACE,GACE,SAAA,CAEF,KACE,SAAA,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: $tone-4-color;\n      border-radius: $roundness-1;\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","@import '~@playkit-js/playkit-js-ui';\n\n$smallIconSize: 28px;\n$smallBorderLessIconSize: 16px;\n$animation-duration: 0.3s;\n\n// border radius\n$roundness-1: 4px;\n$roundness-2: 8px;\n","// Sass variables exported using the npm package for plugins usage\n\n// Accent Colors\n$primary-color: var(--playkit-primary-color);\n$primary-darker-color: var(--playkit-primary-darker-color);\n$primary-brighter-color: var(--playkit-primary-brighter-color);\n$primary-text-contrast-color: var(--playkit-primary-text-contrast-color);\n\n$secondary-color: var(--playkit-secondary-color);\n$secondary-darker-color: var(--playkit-secondary-darker-color);\n$secondary-brighter-color: var(--playkit-secondary-brighter-color);\n$secondary-text-contrast-color: var(--playkit-secondary-text-contrast-color);\n\n// Acknowledgement Colors\n$success-color: var(--playkit-success-color);\n$success-darker-color: var(--playkit-success-darker-color);\n$success-brighter-color: var(--playkit-success-brighter-color);\n$success-text-contrast-color: var(--playkit-success-text-contrast-color);\n\n$danger-color: var(--playkit-danger-color);\n$danger-darker-color: var(--playkit-danger-darker-color);\n$danger-brighter-color: var(--playkit-danger-brighter-color);\n$danger-text-contrast-color: var(--playkit-danger-text-contrast-color);\n\n$warning-color: var(--playkit-warning-color);\n$warning-darker-color: var(--playkit-warning-darker-color);\n$warning-brighter-color: var(--playkit-warning-brighter-color);\n$warning-text-contrast-color: var(--playkit-warning-text-contrast-color);\n\n// Tone Ramp\n$tone-1-color: var(--playkit-tone-1-color);\n$tone-2-color: var(--playkit-tone-2-color);\n$tone-3-color: var(--playkit-tone-3-color);\n$tone-4-color: var(--playkit-tone-4-color);\n$tone-5-color: var(--playkit-tone-5-color);\n$tone-6-color: var(--playkit-tone-6-color);\n$tone-7-color: var(--playkit-tone-7-color);\n$tone-8-color: var(--playkit-tone-8-color);\n\n$live-color: var(--playkit-live-color);\n$player-background-color: var(--playkit-player-background-color);\n$tab-focus-color: var(--playkit-tab-focus-color);\n$tooltip-background-color: var(--playkit-tooltip-background-color);\n$tooltip-color: var(--playkit-tooltip-color);\n$ads-color: var(--playkit-ads-color);\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    object-fit: cover;\n    width: auto;\n  }\n  position: absolute;\n  top: 0;\n  right: 0;\n  transform: translateY(-100%);\n  animation: fading $animation-duration linear;\n  .childPlayer {\n    width: auto;\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: $roundness-2;\n    -webkit-mask-image: -webkit-radial-gradient(white, black);\n    overflow: hidden;\n    &.tinyChildPlayer {\n      height: 34px;\n    }\n    :global(img) {\n      width: auto;\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: white;\n    font-style: normal;\n    font-weight: 400;\n    font-size: 14px;\n    line-height: 18px;\n\n    background: rgba(0, 0, 0, 0.6);\n    border-radius: $roundness-1;\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: $roundness-2;\n    justify-content: center;\n    align-items: center;\n    &.tinyInnerButtons {\n      height: 34px;\n    }\n    .iconContainer:hover {\n      background: transparent;\n    }\n  }\n}\n\n@keyframes fading {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n"],sourceRoot:""}]),r.locals={iconContainer:"pip-minimized__iconContainer___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=r},function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.VideoSyncManager=void 0;var i=t(7),r=t(4),a=t(10),o=r.core.EventType,s=r.core.FakeEvent,l=r.core.Error,c=r.core.StateType,d=function(e,n,t,r){var d=this;this._isSyncDelay=!1,this._errorHandling=function(){d._eventManager.listen(d._secondaryPlayer,o.ERROR,(function(e){d._logger.debug("errorHandling :: secondary player got error");var n=new l(l.Severity.CRITICAL,l.Category.PLAYER,l.Code.VIDEO_ERROR,e);d._mainPlayer.pause(),d._mainPlayer.dispatchEvent(new s(o.ERROR,n))})),d._eventManager.listen(d._mainPlayer,o.ERROR,(function(){d._logger.debug("errorHandling :: main player got error"),d._secondaryPlayer.reset()}))},this._syncEvents=function(){var e=0;d._eventManager.listen(d._mainPlayer,o.PLAY,(function(){d._logger.debug("syncEvents :: secondary player play"),d._secondaryPlayer.play()})),d._eventManager.listen(d._mainPlayer,o.PAUSE,(function(){d._logger.debug("syncEvents :: secondary player pause"),d._secondaryPlayer.pause()})),d._eventManager.listenOnce(d._secondaryPlayer,o.CHANGE_SOURCE_ENDED,(function(){var n=d._secondaryPlayer.isLive(),t=d._secondaryPlayer.isDvr();n?t&&d._eventManager.listen(d._secondaryPlayer,o.VIDEO_TRACK_CHANGED,(function(){d._logger.debug("syncEvents :: make raw initial sync for live media"),d._debouncedSeekSecondaryPlayer()})):(d._logger.debug("syncEvents :: subscribe on time update for accurate sync"),d._eventManager.listen(d._mainPlayer,o.TIME_UPDATE,(function(){if(!d._isSyncDelay){var n=Date.now();(n-e>1e3||d._mainPlayer.paused)&&(e=n,d._mediaSync())}}))),n&&!t||d._eventManager.listen(d._mainPlayer,o.SEEKING,(function(){d._logger.debug("syncEvents :: seek secondary player to "+d._mainPlayer),d._secondaryPlayer.pause(),d._debouncedSeekSecondaryPlayer()}))})),d._eventManager.listen(d._mainPlayer,o.ENDED,(function(){d._logger.debug("syncEvents :: secondary player pause + seek to 0.01"),d._secondaryPlayer.pause(),d._seekSecondaryPlayer(.01)})),d._eventManager.listen(d._mainPlayer,o.PLAYER_STATE_CHANGED,(function(e){var n=e.payload;if(n.newState.type===c.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===c.PLAYING&&n.oldState.type===c.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;if(n>.03?t=-1*i:n<-.03&&(t=i),0!==t)if(Math.abs(n)<4){var r=d._mainPlayer.playbackRate+t;r<.1&&(r=.1),d._logger.debug("mediaSync :: Adjusting slave playbackRateChange = "+r),d._secondaryPlayer.playbackRate=r}else d._logger.debug("mediaSync :: Adjusting secondary player playbackRateChange to main player and flagging for seek"),d._secondaryPlayer.playbackRate=d._mainPlayer.playbackRate,e=!0;else d._mainPlayer.paused||(d._secondaryPlayer.playbackRate!==d._mainPlayer.playbackRate&&(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.paused&&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){void 0===e&&(e=0);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=r,this._syncEvents(),this._errorHandling(),this._debouncedSeekSecondaryPlayer=a.debounce(this._seekSecondaryPlayer,1e3)};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 r in n=arguments[t])Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r]);return e}).apply(this,arguments)};Object.defineProperty(n,"__esModule",{value:!0}),n.ImageSyncManager=void 0;var r=t(4),a=t(2),o=t(10),s=r.core.TimedMetadata,l=function(){function e(e,n,t,r,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,r;if(l._isSlideCuePoint(n))return i(i({},e),{activeSlide:n.id});if((null===(t=n.metadata)||void 0===t?void 0:t.cuePointType)===l._kalturaCuePointService.KalturaCuePointType.CODE&&"change-view-mode"===(null===(r=n.metadata)||void 0===r?void 0:r.tags)){var o=n.metadata.partnerData,s=o.playerViewModeId,c=o.viewModeLockState;if(s)return i(i({},e),{externalLayout:c===a.ViewModeLockState.Locked?a.ExternalLayout.Hidden:s})}return e}),{activeSlide:null,externalLayout:null}),t=n.activeSlide,r=n.externalLayout;r&&l._onSlideViewChanged(r),l._debouncedSetActive(r===a.ExternalLayout.Hidden?null:t)},this._onTimedMetadataAdded=function(e){e.payload.cues.map((function(e){if(l._isSlideCuePoint(e))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=r,this._onSlideViewChanged=s,this._syncEvents(),this._kalturaCuePointService=this._mainPlayer.getService("kalturaCuepoints"),this._debouncedSetActive=o.debounce(this._imagePlayer.setActive,200)}return e.prototype._isSlideCuePoint=function(e){var n,t;return(null==e?void 0:e.type)===s.TYPE.CUE_POINT&&(null===(n=e.metadata)||void 0===n?void 0:n.cuePointType)===this._kalturaCuePointService.KalturaCuePointType.THUMB&&(null===(t=e.metadata)||void 0===t?void 0:t.subType)===this._kalturaCuePointService.KalturaThumbCuePointSubType.SLIDE},e.prototype.reset=function(){this._firstPlaying=!1},e}();n.ImageSyncManager=l},function(e,n,t){"use strict";var i,r=this&&this.__extends||(i=function(e,n){return(i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,n){e.__proto__=n}||function(e,n){for(var t in n)n.hasOwnProperty(t)&&(e[t]=n[t])})(e,n)},function(e,n){function t(){this.constructor=e}i(e,n),e.prototype=null===n?Object.create(n):(t.prototype=n.prototype,new t)}),a=this&&this.__decorate||function(e,n,t,i){var r,a=arguments.length,o=a<3?n:null===i?i=Object.getOwnPropertyDescriptor(n,t):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,n,t,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(o=(a<3?r(o):a>3?r(n,t,o):r(n,t))||o);return a>3&&o&&Object.defineProperty(n,t,o),o};Object.defineProperty(n,"__esModule",{value:!0}),n.ResponsiveManager=void 0;var o=t(0),s=KalturaPlayer.ui,l=s.redux.connect,c=s.components.PLAYER_SIZE,d=[c.EXTRA_SMALL,c.SMALL,c.TINY],p=[c.EXTRA_SMALL,c.SMALL],u=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:d.includes(i)})},n}return r(n,e),n.prototype.componentDidMount=function(){var e=this.props,n=e.playerSize,t=e.onMinSize;p.includes(n)&&t()},n.prototype.componentDidUpdate=function(e){var n=this.props,t=n.playerSize,i=n.onMinSize,r=n.onDefaultSize;t!==c.TINY&&(!p.includes(t)||p.includes(e.playerSize)?!p.includes(t)&&p.includes(e.playerSize)&&r():i())},n.prototype.render=function(e){return e.playerSize===c.TINY?null:this._renderChildComponent()},n.defaultProps={onMinSize:function(){}},n=a([l(u)],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,r=i.RequestBuilder,a=i.ResponseTypes,o=function(){function e(e){this._parentEntryId="",this._requests=[],this._response={entries:[]},this._parentEntryId=e.parentEntryId;var n=new Map,t=new r(n);t.service="baseEntry",t.action="list",t.params={filter:{objectType:"KalturaBaseEntryFilter",parentEntryIdEqual:this._parentEntryId,typeIn:a.KalturaMediaEntry.MediaType.VIDEO.value+",7"},responseProfile:{type:1,fields:"id"}},this.requests.push(t)}return Object.defineProperty(e,"id",{get:function(){return"dualscreen"},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"requests",{get:function(){return this._requests},set:function(e){this._requests=e},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"response",{get:function(){return this._response},set:function(e){var n,t=new a.KalturaBaseEntryListResponse(null===(n=e[0])||void 0===n?void 0:n.data);t.totalCount&&(this._response.entries=null==t?void 0:t.entries)},enumerable:!1,configurable:!0}),e.prototype.isValid=function(){return!!this._parentEntryId},e}();n.SecondaryMediaLoader=o},function(e,n,t){"use strict";var i=this&&this.__createBinding||(Object.create?function(e,n,t,i){void 0===i&&(i=t),Object.defineProperty(e,i,{enumerable:!0,get:function(){return n[t]}})}:function(e,n,t,i){void 0===i&&(i=t),e[i]=n[t]}),r=this&&this.__exportStar||function(e,n){for(var t in e)"default"===t||n.hasOwnProperty(t)||i(n,e,t)};Object.defineProperty(n,"__esModule",{value:!0}),r(t(36),n)},function(e,n,t){"use strict";var i,r=this&&this.__extends||(i=function(e,n){return(i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,n){e.__proto__=n}||function(e,n){for(var t in n)n.hasOwnProperty(t)&&(e[t]=n[t])})(e,n)},function(e,n){function t(){this.constructor=e}i(e,n),e.prototype=null===n?Object.create(n):(t.prototype=n.prototype,new t)}),a=this&&this.__decorate||function(e,n,t,i){var r,a=arguments.length,o=a<3?n:null===i?i=Object.getOwnPropertyDescriptor(n,t):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,n,t,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(o=(a<3?r(o):a>3?r(n,t,o):r(n,t))||o);return a>3&&o&&Object.defineProperty(n,t,o),o};Object.defineProperty(n,"__esModule",{value:!0}),n.DragAndSnapManager=void 0;var o,s=t(0),l=t(9),c=t(7),d=t(37),p=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 u=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-c.getClientX(e),i=n._currMousePos.y-c.getClientY(e);if(n._currMousePos.x=c.getClientX(e),n._currMousePos.y=c.getClientY(e),n._draggableItemRef.current&&n._draggableAreaRef.current){var r=parseInt(n._draggableItemRef.current.style.top,10),a=parseInt(n._draggableItemRef.current.style.right,10);n._draggableItemRef.current.style.right=c.dimensionStyleToString(a+t),n._draggableItemRef.current.style.top=c.dimensionStyleToString(r-i)}n._throttleWait=!0,setTimeout((function(){n._throttleWait=!1}),30)}},n._getBoundingClientRects=function(){return[n._draggableItemRef.current.getBoundingClientRect(),n._draggableAreaRef.current.getBoundingClientRect()]},n._applyRelativeStyles=function(e,t,i,r){n._draggableItemRef.current.style.top=null!==e?c.dimensionStyleToString(e):"",n._draggableItemRef.current.style.right=null!==t?c.dimensionStyleToString(t):"",n._draggableItemRef.current.style.bottom=null!==i?c.dimensionStyleToString(i):"",n._draggableItemRef.current.style.left=null!==r?c.dimensionStyleToString(r):""},n._setRelativeStyles=function(){switch(n.props.getPosition()){case l.Position.BottomRight:n._setRelativeBottomRightStyles();break;case l.Position.BottomLeft:n._setRelativeBottomLeftStyles();break;case l.Position.TopRight:n._setRelativeTopRightStyles();break;case l.Position.TopLeft:n._setRelativeTopLeftStyles()}},n._setRelativeBottomRightStyles=function(){n._applyRelativeStyles(null,0,n.props.prePlayback?-130:0,null)},n._setRelativeBottomLeftStyles=function(){n._applyRelativeStyles(null,null,n.props.prePlayback?-130:0,0)},n._setRelativeTopRightStyles=function(){n._applyRelativeStyles(n.props.prePlayback?-130:0,0,null,null)},n._setRelativeTopLeftStyles=function(){n._applyRelativeStyles(n.props.prePlayback?-130:0,null,null,0)},n._applyAbsoluteStyles=function(e,t){n._draggableItemRef.current.style.top=c.dimensionStyleToString(e),n._draggableItemRef.current.style.right=c.dimensionStyleToString(t)},n._setAbsoluteStyles=function(e){switch(e){case l.Position.BottomRight:n._setAbsoluteBottomRightStyles();break;case l.Position.BottomLeft:n._setAbsoluteBottomLeftStyles();break;case l.Position.TopRight:n._setAbsoluteTopRightStyles();break;case l.Position.TopLeft:n._setAbsoluteTopLeftStyles()}n._draggableItemRef.current.style.bottom="",n._draggableItemRef.current.style.left=""},n._setAbsoluteBottomRightStyles=function(){var e=n._getBoundingClientRects(),t=e[0],i=e[1];n._applyAbsoluteStyles(i.height-t.height,0)},n._setAbsoluteBottomLeftStyles=function(){var e=n._getBoundingClientRects(),t=e[0],i=e[1];n._applyAbsoluteStyles(i.height-t.height,i.width-t.width)},n._setAbsoluteTopRightStyles=function(){n._applyAbsoluteStyles(0,0)},n._setAbsoluteTopLeftStyles=function(){var e=n._getBoundingClientRects(),t=e[0],i=e[1];n._applyAbsoluteStyles(0,i.width-t.width)},n._stopDrag=function(){n.setState({isDragging:!1}),n.props.eventManager.unlisten(document,o.MouseMove),n.props.eventManager.unlisten(document,o.TouchMove);var e=n._getBoundingClientRects(),t=e[0],i=e[1],r=t.x+t.width/2,a=t.y+t.height/2,s=i.x+i.width/2,c=i.y+i.height/2;r>s?a>c?n._handleChangePosition(l.Position.BottomRight):n._handleChangePosition(l.Position.TopRight):a>c?n._handleChangePosition(l.Position.BottomLeft):n._handleChangePosition(l.Position.TopLeft)},n}return r(n,e),n.prototype.componentDidMount=function(){this._setRelativeStyles()},n.prototype.componentWillUnmount=function(){var e=this.props.eventManager;e.unlisten(document,o.MouseMove),e.unlisten(document,o.TouchMove),e.unlisten(document,o.MouseUp),e.unlisten(document,o.TouchEnd),e.unlisten(this._draggableTargetRef.current,o.MouseDown),e.unlisten(this._draggableTargetRef.current,o.TouchStart)},n.prototype._startDrag=function(e,n,t){this.props.eventManager.listenOnce(document,t,this._stopDrag),this._currMousePos.x=c.getClientX(e),this._currMousePos.y=c.getClientY(e),this.props.eventManager.listenOnce(document,n,this._onStartDrag),this.props.eventManager.listen(document,n,this._moveDrag)},n.prototype.render=function(){var e=[d.draggableItem];return this.state.isDragging&&e.push(d.dragging),s.h("div",{id:"draggeble-area",className:d.draggableArea,ref:this._draggableAreaRef},s.h("div",{id:"draggable-item",ref:this._draggableItemRef,className:e.join(" "),onTransitionEnd:this._setRelativeStyles},this._renderChildComponent()))},n=a([p(u)],n)}(s.Component);n.DragAndSnapManager=_},function(e,n,t){var i=t(3),r=t(38);"string"==typeof(r=r.__esModule?r.default:r)&&(r=[[e.i,r,""]]);var a={insert:"head",singleton:!1};i(r,a);e.exports=r.locals||{}},function(e,n,t){"use strict";t.r(n);var i=t(1),r=t.n(i)()(!0);r.push([e.i,".drag-and-snap-manager__draggableArea___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}","",{version:3,sources:["webpack://components/drag-and-snap-manager/drag-and-snap-manager.scss"],names:[],mappings:"AAEA,8CACE,iBAAA,CACA,MAAA,CACA,KAAA,CACA,UAAA,CACA,WAAA,CACA,mBAAA,CAEF,8CACE,iBAAA,CACA,mBAAA,CACA,sFACE,eAAA,CAEF,4FACE,+DAAA,CAEF,yFACE,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:""}]),r.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=r},function(e,n,t){"use strict";var i,r=this&&this.__extends||(i=function(e,n){return(i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,n){e.__proto__=n}||function(e,n){for(var t in n)n.hasOwnProperty(t)&&(e[t]=n[t])})(e,n)},function(e,n){function t(){this.constructor=e}i(e,n),e.prototype=null===n?Object.create(n):(t.prototype=n.prototype,new t)}),a=this&&this.__assign||function(){return(a=Object.assign||function(e){for(var n,t=1,i=arguments.length;t<i;t++)for(var r in n=arguments[t])Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r]);return e}).apply(this,arguments)};Object.defineProperty(n,"__esModule",{value:!0}),n.SideBySideWrapper=void 0;var o=t(0),s=t(40),l=t(2),c=t(11),d=t(12),p=function(e){function n(){return null!==e&&e.apply(this,arguments)||this}return r(n,e),n.prototype.render=function(e){var n=e.leftSideProps,t=e.rightSideProps,i=e.layout,r=e.onSizeChange,p=e.onMinSize;return o.h(c.ResponsiveManager,{onMinSize:function(){p()},onDefaultSize:r},o.h("div",{className:d.sideBySideWrapper},o.h(s.SideBySide,a({},n,{animation:l.Animations.ScaleLeft,streamMode:i===l.Layout.SideBySide?l.StreamMode.Primary:l.StreamMode.Secondary})),o.h(s.SideBySide,a({},t,{animation:l.Animations.Fade,streamMode:i===l.Layout.SideBySide?l.StreamMode.Secondary:l.StreamMode.Primary}))))},n}(o.Component);n.SideBySideWrapper=p},function(e,n,t){"use strict";var i,r=this&&this.__extends||(i=function(e,n){return(i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,n){e.__proto__=n}||function(e,n){for(var t in n)n.hasOwnProperty(t)&&(e[t]=n[t])})(e,n)},function(e,n){function t(){this.constructor=e}i(e,n),e.prototype=null===n?Object.create(n):(t.prototype=n.prototype,new t)}),a=this&&this.__decorate||function(e,n,t,i){var r,a=arguments.length,o=a<3?n:null===i?i=Object.getOwnPropertyDescriptor(n,t):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,n,t,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(o=(a<3?r(o):a>3?r(n,t,o):r(n,t))||o);return a>3&&o&&Object.defineProperty(n,t,o),o};Object.defineProperty(n,"__esModule",{value:!0}),n.SideBySide=void 0;var o=t(0),s=t(12),l=t(5),c=t(6),d=t(2),p=KalturaPlayer.ui.components.Icon,u=KalturaPlayer.ui.redux.connect,_=KalturaPlayer.ui.preacti18n,y=_.withText,g=_.Text,A=function(e){return{expandScreen:e.streamMode===d.StreamMode.Primary?o.h(g,{id:"dualScreen.expand_primary_screen"},"Expand primary screen"):o.h(g,{id:"dualScreen.expand_secondary_screen"},"Expand secondary screen")}},h=function(e){return{playerWidth:e.shell.guiClientRect.width,showUi:e.shell.playerHover||e.shell.playerNav}},f=function(e){function n(){var n=null!==e&&e.apply(this,arguments)||this;return n.ref=o.createRef(),n}return r(n,e),n.prototype.componentDidMount=function(){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(c.Button,{className:s.iconContainer,onClick:n,tooltip:{label:this.props.expandScreen,type:"bottom-left"},focusOnMount:i},o.h(p,{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},r=[s.player];return t===d.Animations.ScaleLeft?r.push(s.animatedScale):r.push(s.animatedFade),o.h("div",{ref:this.ref,className:r.join(" "),style:i},this._renderHoverButton())},n=a([y(A),u(h)],n)}(o.Component);n.SideBySide=f},function(e,n,t){"use strict";t.r(n);var i=t(1),r=t.n(i)()(!0);r.push([e.i,'.side-by-side__iconContainer___wi1We{height:28px;width:28px;opacity:.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:var(--playkit-tone-4-color);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}',"",{version:3,sources:["webpack://styles/_styles.scss","webpack://styles/_variables.scss","webpack://../node_modules/@playkit-js/playkit-js-ui/src/styles/exported.scss","webpack://components/side-by-side/side-by-side.scss"],names:[],mappings:"AAEA,qCACE,WCDc,CDEd,UCFc,CDGd,UAAA,CACA,cAAA,CAGF,oCACE,YAAA,CACA,iBAAA,CACA,WAAA,CACA,QAAA,CACA,OAAA,CACA,WAAA,CACA,gFAAA,CACA,UAAA,CAGE,+EACE,sCEYS,CFXT,iBCfQ,CDgBR,SAAA,CGpBN,yCACE,UAAA,CACA,WAAA,CACA,iBAAA,CACA,MAAA,CACA,YAAA,CAGF,8BACE,iBAAA,CACA,WAAA,CACA,MAAA,CHeA,uEAEE,iBAAA,CGdF,mEACE,WAAA,CAGF,kEACE,SAAA,CACA,YAAA,CACA,0BAAA,CACA,kDAAA,CAIJ,qCACE,kDAAA,CAGF,oCACE,iDAAA,CAGF,yCACE,GACE,SAAA,CAEF,IACE,SAAA,CAEF,KACE,SAAA,CAAA,CAIJ,yCACE,GACE,iCAAA,CACA,WAAA,CAEF,KACE,gCAAA,CACA,SAAA,CAAA,CAIJ,wCACE,GACE,SAAA,CAEF,KACE,SAAA,CAAA,CAIJ,kEAEE,SAAA",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: $tone-4-color;\n      border-radius: $roundness-1;\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","@import '~@playkit-js/playkit-js-ui';\n\n$smallIconSize: 28px;\n$smallBorderLessIconSize: 16px;\n$animation-duration: 0.3s;\n\n// border radius\n$roundness-1: 4px;\n$roundness-2: 8px;\n","// Sass variables exported using the npm package for plugins usage\n\n// Accent Colors\n$primary-color: var(--playkit-primary-color);\n$primary-darker-color: var(--playkit-primary-darker-color);\n$primary-brighter-color: var(--playkit-primary-brighter-color);\n$primary-text-contrast-color: var(--playkit-primary-text-contrast-color);\n\n$secondary-color: var(--playkit-secondary-color);\n$secondary-darker-color: var(--playkit-secondary-darker-color);\n$secondary-brighter-color: var(--playkit-secondary-brighter-color);\n$secondary-text-contrast-color: var(--playkit-secondary-text-contrast-color);\n\n// Acknowledgement Colors\n$success-color: var(--playkit-success-color);\n$success-darker-color: var(--playkit-success-darker-color);\n$success-brighter-color: var(--playkit-success-brighter-color);\n$success-text-contrast-color: var(--playkit-success-text-contrast-color);\n\n$danger-color: var(--playkit-danger-color);\n$danger-darker-color: var(--playkit-danger-darker-color);\n$danger-brighter-color: var(--playkit-danger-brighter-color);\n$danger-text-contrast-color: var(--playkit-danger-text-contrast-color);\n\n$warning-color: var(--playkit-warning-color);\n$warning-darker-color: var(--playkit-warning-darker-color);\n$warning-brighter-color: var(--playkit-warning-brighter-color);\n$warning-text-contrast-color: var(--playkit-warning-text-contrast-color);\n\n// Tone Ramp\n$tone-1-color: var(--playkit-tone-1-color);\n$tone-2-color: var(--playkit-tone-2-color);\n$tone-3-color: var(--playkit-tone-3-color);\n$tone-4-color: var(--playkit-tone-4-color);\n$tone-5-color: var(--playkit-tone-5-color);\n$tone-6-color: var(--playkit-tone-6-color);\n$tone-7-color: var(--playkit-tone-7-color);\n$tone-8-color: var(--playkit-tone-8-color);\n\n$live-color: var(--playkit-live-color);\n$player-background-color: var(--playkit-player-background-color);\n$tab-focus-color: var(--playkit-tab-focus-color);\n$tooltip-background-color: var(--playkit-tooltip-background-color);\n$tooltip-color: var(--playkit-tooltip-color);\n$ads-color: var(--playkit-ads-color);\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:""}]),r.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=r},function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.DualScreenEngineDecorator=void 0;var i=t(4),r=(i.core.FakeEvent,i.core.EventType),a=function(){function e(e,n,t){var i=this;this._isActive=!1,this._plugin=n,this._dispatcher=t,n.eventManager.listen(n.player,r.SEEKING,(function(){var e;i._isActive=!!(null===(e=i._plugin.secondaryKalturaPlayer)||void 0===e?void 0:e.src)})),n.eventManager.listen(n.player,r.SEEKED,(function(){i._isActive=!1}))}return Object.defineProperty(e.prototype,"active",{get:function(){return this._isActive&&!this._plugin.secondaryKalturaPlayer.ended},enumerable:!1,configurable:!0}),e.prototype.dispatchEvent=function(e){var n=this;return e.type===r.SEEKED?(this._plugin.eventManager.listenOnce(this._plugin.secondaryKalturaPlayer,r.SEEKED,(function(){n._dispatcher(e)})),!0):this._dispatcher(e)},e}();n.DualScreenEngineDecorator=a},function(e,n,t){"use strict";var i=this&&this.__createBinding||(Object.create?function(e,n,t,i){void 0===i&&(i=t),Object.defineProperty(e,i,{enumerable:!0,get:function(){return n[t]}})}:function(e,n,t,i){void 0===i&&(i=t),e[i]=n[t]}),r=this&&this.__exportStar||function(e,n){for(var t in e)"default"===t||n.hasOwnProperty(t)||i(n,e,t)};Object.defineProperty(n,"__esModule",{value:!0}),r(t(44),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 r in n=arguments[t])Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r]);return e}).apply(this,arguments)};Object.defineProperty(n,"__esModule",{value:!0}),n.ImagePlayer=void 0,t(45);var 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 r=t._images.find((function(e){return!t._isSlideItemPreloded(e)}));r&&t._preLoadImage(r)}},this.addImage=function(e){if(!t._images.find((function(n){return n.id===e.id}))){var n=function(){},r=new Promise((function(e){n=e})),a=i(i({},e),{index:t._images.length,loading:!1,loaded:!1,portrait:!1,retryAttempts:0,ready:r,setReady:n});t._images.push(a)}},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))})),!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),r=t(46);"string"==typeof(r=r.__esModule?r.default:r)&&(r=[[e.i,r,""]]);var a={insert:"head",singleton:!1};i(r,a);e.exports=r.locals||{}},function(e,n,t){"use strict";t.r(n);var i=t(1),r=t.n(i)()(!0);r.push([e.i,".playkit-image-player{width:100%;height:100%;background:#000}.playkit-image-player img{width:100%;height:100%;object-fit:contain;position:relative;top:0px;left:0px;pointer-events:none}","",{version:3,sources:["webpack://image-player/image-player.scss"],names:[],mappings:"AACE,sBACE,UAAA,CACA,WAAA,CACA,eAAA,CACA,0BACE,UAAA,CACA,WAAA,CACA,kBAAA,CACA,iBAAA,CACA,OAAA,CACA,QAAA,CACA,mBAAA",sourcesContent:[":global {\n  .playkit-image-player {\n    width:100%;\n    height:100%;\n    background: #000000;\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=r},function(e,n,t){var i=t(3),r=t(48);"string"==typeof(r=r.__esModule?r.default:r)&&(r=[[e.i,r,""]]);var a={insert:"head",singleton:!1};i(r,a);e.exports=r.locals||{}},function(e,n,t){"use strict";t.r(n);var i=t(1),r=t.n(i)()(!0);r.push([e.i,".playkit-player.has-dual-screen-plugin-overlay .playkit-subtitles{z-index:1}.playkit-player.has-dual-screen-plugin-overlay .playkit-slideIn{z-index:1}","",{version:3,sources:["webpack://styles/global.scss"],names:[],mappings:"AACE,kEACE,SAAA,CAEF,gEACE,SAAA",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=r}]);
 //# sourceMappingURL=playkit-dual-screen.js.map