@playkit-js/playkit-js-dual-screen 3.1.25 → 3.1.26
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +4 -0
- package/dist/playkit-dual-screen.js +1 -1
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
/*! For license information please see playkit-dual-screen.js.LICENSE.txt */
|
|
2
|
-
var KalturaPlayer;(()=>{var e={1972:function(e,t,n){"use strict";var r,i=this&&this.__extends||(r=function(e,t){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},r(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),o=this&&this.__assign||function(){return o=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},o.apply(this,arguments)};Object.defineProperty(t,"__esModule",{value:!0}),t.Button=t.ButtonType=t.ButtonSize=void 0;var a,l,s=n(4522),c=n(42),d=n(2052),p=n(979),u=n(4820),_=n(7538),y=d.ui.Components.Tooltip;!function(e){e.small="small",e.medium="medium",e.large="large"}(a=t.ButtonSize||(t.ButtonSize={})),function(e){e.primary="primary",e.danger="danger",e.translucent="translucent",e.borderless="borderless"}(l=t.ButtonType||(t.ButtonType={}));var g=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.buttonRef=(0,s.createRef)(),t.renderButton=function(){var e,n=t.props,r=c(_.button,_[n.size],_[n.type],n.className,((e={})[_.disabled]=n.disabled,e[_.withIcon]=n.children&&n.icon,e[_.iconOnly]=!n.children&&n.icon,e)),i=o(o({ref:t.buttonRef,disabled:n.disabled,"aria-disabled":n.disabled,tabIndex:n.tabIndex,className:r},n.ariaLabel?{"aria-label":n.ariaLabel}:{}),n.testId?{"data-testid":n.testId}:{}),a=(0,s.h)("button",o({},i),(0,s.h)(s.Fragment,null,n.icon&&(0,s.h)(u.Icon,{name:n.icon,size:u.IconSize[n.size]}),n.children&&(0,s.h)("span",null,n.children)));return n.onClick?(0,s.h)(p.A11yWrapper,{onClick:n.onClick},a):a},t}return i(t,e),t.prototype.componentDidMount=function(){var e;this.props.focusOnMount&&(null===(e=this.buttonRef.current)||void 0===e||e.focus())},t.prototype.render=function(e){if(e.tooltip){var t=o(o({label:e.tooltip.label},e.tooltip.type?{type:e.tooltip.type}:{}),e.tooltip.className?{classNames:e.tooltip.className}:{});return(0,s.h)(y,o({},t),this.renderButton())}return this.renderButton()},t}(s.Component);t.Button=g,g.defaultProps={disabled:!1,focusOnMount:!1,tabIndex:0,children:null,size:a.medium,icon:null,type:l.primary}},979:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.A11yWrapper=t.isKeyboardEvent=void 0;var r=n(4522),i=n(2052).ui.utils.KeyMap,o=i.ENTER,a=i.SPACE,l=i.UP,s=i.DOWN,c=i.LEFT,d=i.RIGHT,p=function(e){e.preventDefault(),e.stopPropagation()};t.isKeyboardEvent=function(e){return e instanceof KeyboardEvent||[e.offsetX,e.offsetY].every((function(e){return 0===e}))},t.A11yWrapper=function(e){var n=e.children,i=e.onClick,u=e.onUpKeyPressed,_=e.onDownKeyPressed,y=e.onLeftKeyPressed,g=e.onRightKeyPressed,h=e.role,A=e.type,v={onKeyDown:function(e){e.keyCode===a||e.keyCode===o?(p(e),i(e,!0)):e.keyCode===l&&u?(p(e),u(e)):e.keyCode===s&&_?(p(e),_(e)):e.keyCode===c&&y?(p(e),y(e)):e.keyCode===d&&g&&(p(e),g(e))},onClick:function(e){e.stopPropagation(),i(e,(0,t.isKeyboardEvent)(e))},role:h};return"button"===n.type&&(v.type=A||"button"),(0,r.cloneElement)(n,v)},t.A11yWrapper.defaultProps={role:"button"}},9695:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Add=void 0;var r=n(4522);t.Add=function(){return(0,r.h)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},(0,r.h)("path",{d:"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",fill:"white"}))}},5254:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Close=void 0;var r=n(4522);t.Close=function(){return(0,r.h)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},(0,r.h)("path",{d:"M11.6592 10.245L6.70483 5.29061C6.31701 4.9028 5.68581 4.90476 5.29528 5.29528C4.90204 5.68853 4.90267 6.31688 5.29061 6.70483L10.245 11.6592L5.29061 16.6137C4.9028 17.0015 4.90476 17.6327 5.29528 18.0232C5.68853 18.4165 6.31688 18.4158 6.70483 18.0279L11.6592 13.0735L16.6137 18.0279C17.0015 18.4157 17.6327 18.4137 18.0232 18.0232C18.4165 17.63 18.4158 17.0016 18.0279 16.6137L13.0735 11.6592L18.0279 6.70483C18.4157 6.31701 18.4137 5.68581 18.0232 5.29528C17.63 4.90204 17.0016 4.90267 16.6137 5.29061L11.6592 10.245Z",fill:"white"}))}},1577:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Download=void 0;var r=n(4522);t.Download=function(){return(0,r.h)("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},(0,r.h)("path",{d:"M17.5 6C17.5 5.44772 17.0523 5 16.5 5L16.3834 5.00673C15.886 5.06449 15.5 5.48716 15.5 6L15.4997 17.693L9.71029 12.2702C9.30721 11.8926 8.67439 11.9133 8.29683 12.3164C7.91928 12.7195 7.93998 13.3523 8.34306 13.7298L15.8164 20.7298C15.8212 20.7343 15.826 20.7387 15.8308 20.7431L15.8164 20.7298L15.9035 20.8027C15.9034 20.8026 15.9037 20.8028 15.9035 20.8027C15.9135 20.8101 15.9231 20.817 15.9333 20.824C15.956 20.8397 15.9793 20.8544 16.0038 20.8684C16.0148 20.8747 16.0259 20.8808 16.0366 20.8864C16.0596 20.8984 16.0832 20.9096 16.1077 20.9201C16.1223 20.9263 16.1371 20.9322 16.1515 20.9376C16.1769 20.947 16.2028 20.9555 16.2299 20.963C16.2399 20.9658 16.25 20.9684 16.2595 20.9709C16.3365 20.9899 16.4171 21 16.5 21C16.5804 21 16.6585 20.9905 16.7336 20.9725C16.7521 20.968 16.7706 20.963 16.7889 20.9576C16.8097 20.9514 16.8303 20.9444 16.8507 20.9367C16.8632 20.932 16.8756 20.9271 16.8878 20.922C16.9121 20.9118 16.936 20.9006 16.9596 20.8883C16.9735 20.8812 16.9872 20.8736 17.0007 20.8658C17.0223 20.8533 17.0434 20.84 17.0636 20.8262C17.0764 20.8174 17.0891 20.8083 17.1021 20.7985C17.1224 20.7831 17.1422 20.767 17.161 20.7504C17.1685 20.7437 17.176 20.737 17.1834 20.7301L24.6619 13.7301C25.0651 13.3527 25.086 12.7198 24.7086 12.3166L24.6172 12.2304C24.2352 11.9126 23.6674 11.9215 23.2952 12.2699L17.4997 17.694L17.5 6Z",fill:"white"}),(0,r.h)("path",{d:"M27 26C27 26.5523 26.5523 27 26 27H7C6.44772 27 6 26.5523 6 26C6 25.4477 6.44772 25 7 25H26C26.5523 25 27 25.4477 27 26Z",fill:"white"}))}},2942:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Expand=void 0;var r=n(4522);t.Expand=function(){return(0,r.h)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},(0,r.h)("path",{d:"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",fill:"white"}))}},1861:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Icons=void 0;var r=n(5254),i=n(9919),o=n(1577),a=n(7024),l=n(8835),s=n(1223),c=n(7858),d=n(6563),p=n(2489),u=n(9695),_=n(756),y=n(4726),g=n(2942);t.Icons={close:r.Close,print:i.Print,download:o.Download,related:a.Related,message:l.Message,share:s.Share,more:c.More,quiz:d.QuizIcon,switch:p.Switch,add:u.Add,minimizedVideo:_.MinimizedVideo,pictureInPicture:y.PictureInPicture,expand:g.Expand}},8835:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Message=void 0;var r=n(4522);t.Message=function(){return(0,r.h)("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},(0,r.h)("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M25 5C27.2091 5 29 6.75035 29 8.90952V18.6833C29 20.8425 27.2091 22.5928 25 22.5928H14.985L10.7019 26.7188C10.546 26.8689 10.3449 26.9641 10.1302 26.9917L10 27C9.44772 27 9 26.5624 9 26.0226V22.5928H7C4.79086 22.5928 3 20.8425 3 18.6833V8.90952C3 6.75035 4.79086 5 7 5H25ZM25 6.95476H7C5.89543 6.95476 5 7.82994 5 8.90952V18.6833C5 19.7629 5.89543 20.6381 7 20.6381H11V23.687L14.1651 20.6381H25C26.1046 20.6381 27 19.7629 27 18.6833V8.90952C27 7.82994 26.1046 6.95476 25 6.95476ZM19 14.7738C19.5523 14.7738 20 15.2114 20 15.7512C20 16.291 19.5523 16.7286 19 16.7286H10C9.44772 16.7286 9 16.291 9 15.7512C9 15.2114 9.44772 14.7738 10 14.7738H19ZM23 10.8643C23.5523 10.8643 24 11.3019 24 11.8417C24 12.3815 23.5523 12.819 23 12.819H10C9.44772 12.819 9 12.3815 9 11.8417C9 11.3019 9.44772 10.8643 10 10.8643H23Z",fill:"white"}))}},756:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.MinimizedVideo=void 0;var r=n(4522);t.MinimizedVideo=function(){return(0,r.h)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},(0,r.h)("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M5.25 4.5H18.75C19.9926 4.5 21 5.50736 21 6.75V17.25C21 18.4926 19.9926 19.5 18.75 19.5H5.25C4.00736 19.5 3 18.4926 3 17.25V6.75C3 5.50736 4.00736 4.5 5.25 4.5ZM5.25 6C4.83579 6 4.5 6.33579 4.5 6.75V17.25C4.5 17.6642 4.83579 18 5.25 18H18.75C19.1642 18 19.5 17.6642 19.5 17.25V6.75C19.5 6.33579 19.1642 6 18.75 6H5.25ZM13 12C12.4477 12 12 12.4477 12 13V15.5C12 16.0523 12.4477 16.5 13 16.5H17C17.5523 16.5 18 16.0523 18 15.5V13C18 12.4477 17.5523 12 17 12H13Z",fill:"white"}))}},7858:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.More=void 0;var r=n(4522);t.More=function(){return(0,r.h)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},(0,r.h)("path",{d:"M8 12C8 13.1046 7.10457 14 6 14C4.89543 14 4 13.1046 4 12C4 10.8954 4.89543 10 6 10C7.10457 10 8 10.8954 8 12ZM14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12ZM20 12C20 13.1046 19.1046 14 18 14C16.8954 14 16 13.1046 16 12C16 10.8954 16.8954 10 18 10C19.1046 10 20 10.8954 20 12Z",fill:"white"}))}},4726:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.PictureInPicture=void 0;var r=n(4522);t.PictureInPicture=function(){return(0,r.h)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},(0,r.h)("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M18.75 4.5H5.25C4.00736 4.5 3 5.50736 3 6.75V17.25C3 18.4926 4.00736 19.5 5.25 19.5H18.75C19.9926 19.5 21 18.4926 21 17.25V6.75C21 5.50736 19.9926 4.5 18.75 4.5ZM13 12C12.4477 12 12 12.4477 12 13V15.5C12 16.0523 12.4477 16.5 13 16.5H17C17.5523 16.5 18 16.0523 18 15.5V13C18 12.4477 17.5523 12 17 12H13Z",fill:"white"}))}},9919:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Print=void 0;var r=n(4522);t.Print=function(){return(0,r.h)("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},(0,r.h)("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M23 23H26C27.1046 23 28 22.1046 28 21V11C28 9.89543 27.1046 9 26 9H23V5C23 3.89543 22.1046 3 21 3H11C9.89543 3 9 3.89543 9 5V9H6C4.89543 9 4 9.89543 4 11V21C4 22.1046 4.89543 23 6 23H9V28C9 29.1046 9.89543 30 11 30H21C22.1046 30 23 29.1046 23 28V23ZM6 11V21H9V19C8.44772 19 8 18.5523 8 18C8 17.4477 8.44772 17 9 17H23C23.5523 17 24 17.4477 24 18C24 18.5523 23.5523 19 23 19V21H26V11H6ZM21 9V5H11V9H21ZM11 19V28H21V19H11Z",fill:"white"}))}},6563:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.QuizIcon=void 0;var r=n(4522);t.QuizIcon=function(){return(0,r.h)("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},(0,r.h)("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M8.49857 2.11499L12.7442 4.2052C12.9162 4.28987 12.9812 4.48721 12.8895 4.64597C12.8594 4.69807 12.8145 4.74163 12.7597 4.77201L8.54484 7.10634C8.20953 7.29205 7.79063 7.29205 7.45532 7.10634L3.2405 4.77202C3.07335 4.67945 3.01915 4.47933 3.11944 4.32505C3.15235 4.27441 3.19956 4.23299 3.256 4.2052L7.50203 2.11498C7.81345 1.96167 8.18715 1.96168 8.49857 2.11499ZM14 6.02878V10.7642C14 11.1075 13.8049 11.4256 13.486 11.6022L9.24043 13.9536C9.07328 14.0461 8.85649 13.9961 8.7562 13.8418C8.72329 13.7912 8.7059 13.7333 8.7059 13.6742V8.93882C8.7059 8.59551 8.90104 8.27738 9.21997 8.10075L13.4655 5.74942C13.6326 5.65685 13.8494 5.70688 13.9497 5.86116C13.9826 5.91179 14 5.96973 14 6.02878ZM6.5145 8.31192L2.50483 6.04476C2.45303 6.01547 2.39375 6 2.33333 6C2.14924 6 2 6.14064 2 6.31412V10.88C2 11.211 2.1843 11.5178 2.4855 11.6881L6.49517 13.9552C6.54697 13.9845 6.60625 14 6.66667 14C6.85076 14 7 13.8594 7 13.6859V9.12C7 8.78898 6.8157 8.48223 6.5145 8.31192Z",fill:"white"}))}},7024:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Related=void 0;var r=n(4522);t.Related=function(){return(0,r.h)("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},(0,r.h)("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M8 7H12C13.1046 7 14 7.89543 14 9V13C14 14.1046 13.1046 15 12 15H8C6.89543 15 6 14.1046 6 13V9C6 7.89543 6.89543 7 8 7ZM8 13H12V9H8V13Z",fill:"white"}),(0,r.h)("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M8 18H12C13.1046 18 14 18.8954 14 20V24C14 25.1046 13.1046 26 12 26H8C6.89543 26 6 25.1046 6 24V20C6 18.8954 6.89543 18 8 18ZM8 24H12V20H8V24Z",fill:"white"}),(0,r.h)("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M24 7H20C18.8954 7 18 7.89543 18 9V13C18 14.1046 18.8954 15 20 15H24C25.1046 15 26 14.1046 26 13V9C26 7.89543 25.1046 7 24 7ZM24 13H20V9H24V13Z",fill:"white"}),(0,r.h)("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M20 18H24C25.1046 18 26 18.8954 26 20V24C26 25.1046 25.1046 26 24 26H20C18.8954 26 18 25.1046 18 24V20C18 18.8954 18.8954 18 20 18ZM20 24H24V20H20V24Z",fill:"white"}))}},1223:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Share=void 0;var r=n(4522);t.Share=function(){return(0,r.h)("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},(0,r.h)("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M22.6667 12.6667C24.5076 12.6667 26 11.1743 26 9.33333C26 7.49238 24.5076 6 22.6667 6C20.8257 6 19.3333 7.49238 19.3333 9.33333C19.3333 9.38882 19.3347 9.44399 19.3374 9.49881L11.9575 13.9443C11.3473 13.1665 10.3987 12.6667 9.33333 12.6667C7.49238 12.6667 6 14.1591 6 16C6 17.8409 7.49238 19.3333 9.33333 19.3333C10.3981 19.3333 11.3462 18.8341 11.9564 18.057L19.3374 22.5013C19.3347 22.5561 19.3333 22.6112 19.3333 22.6667C19.3333 24.5076 20.8257 26 22.6667 26C24.5076 26 26 24.5076 26 22.6667C26 20.8257 24.5076 19.3333 22.6667 19.3333C21.6074 19.3333 20.6636 19.8274 20.053 20.5976L12.864 16.2689L12.8651 15.7324L20.0531 11.4025C20.6637 12.1727 21.6075 12.6667 22.6667 12.6667ZM22.6667 10.6667C21.9303 10.6667 21.3333 10.0697 21.3333 9.33333C21.3333 8.59695 21.9303 8 22.6667 8C23.403 8 24 8.59695 24 9.33333C24 10.0697 23.403 10.6667 22.6667 10.6667ZM9.33333 17.3333C8.59695 17.3333 8 16.7364 8 16C8 15.2636 8.59695 14.6667 9.33333 14.6667C10.0697 14.6667 10.6667 15.2636 10.6667 16C10.6667 16.7364 10.0697 17.3333 9.33333 17.3333ZM21.3333 22.6667C21.3333 23.403 21.9303 24 22.6667 24C23.403 24 24 23.403 24 22.6667C24 21.9303 23.403 21.3333 22.6667 21.3333C21.9303 21.3333 21.3333 21.9303 21.3333 22.6667Z",fill:"white"}))}},2489:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Switch=void 0;var r=n(4522);t.Switch=function(){return(0,r.h)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},(0,r.h)("path",{d:"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",fill:"white"}))}},4820:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Icon=t.IconSize=void 0;var r,i=n(4522),o=n(42),a=n(1861),l=n(3278);!function(e){e.small="small",e.medium="medium",e.large="large"}(r=t.IconSize||(t.IconSize={})),t.Icon=function(e){var t=a.Icons[e.name];return t?(0,i.h)("div",{className:o(l.iconWrapper,l[e.size])},(0,i.h)(t,null)):null},t.Icon.defaultProps={size:r.medium}},4300:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.debounce=t.getQnaUserId=t.getUserId=t.generateId=void 0,t.generateId=function(){return(new Date).getTime().toString(36)+Math.random().toString(36).slice(2)};var n=function(){for(var e=(0,t.generateId)(),n="",r=0;r<e.length;r++){var i=e.charAt(r);n+=Number.isNaN(+i)?i.charCodeAt(0):i}return n};function r(){return"undefined"==typeof Storage?i():((e=localStorage.getItem("anonymousUserId"))||(e=i(),localStorage.setItem("anonymousUserId",e)),e);var e}function i(){return"##".concat("Guest").concat("HashSeparator").concat(n(),"##")}t.getUserId=r,t.getQnaUserId=function(e){var t,n,i,o,a=e,l=a.config,s=a.plugins,c=(null==l?void 0:l.session)||{},d=(null===(n=null===(t=null==s?void 0:s.qna)||void 0===t?void 0:t.config)||void 0===n?void 0:n.userRole)||c.userRole;return d&&"anonymousRole"!==d?(null===(o=null===(i=null==s?void 0:s.qna)||void 0===i?void 0:i.config)||void 0===o?void 0:o.userId)||c.userId:r()},t.debounce=function(e,t,n){var r;return void 0===t&&(t=50),void 0===n&&(n={isImmediate:!1}),function(){for(var i=this,o=[],a=0;a<arguments.length;a++)o[a]=arguments[a];var l=n.isImmediate&&void 0===r;void 0!==r&&clearTimeout(r),r=setTimeout((function(){r=void 0,n.isImmediate||e.apply(i,o)}),t),l&&e.apply(this,o)}}},42:(e,t)=>{var n;!function(){"use strict";var r={}.hasOwnProperty;function i(){for(var e=[],t=0;t<arguments.length;t++){var n=arguments[t];if(n){var o=typeof n;if("string"===o||"number"===o)e.push(n);else if(Array.isArray(n)){if(n.length){var a=i.apply(null,n);a&&e.push(a)}}else if("object"===o){if(n.toString!==Object.prototype.toString&&!n.toString.toString().includes("[native code]")){e.push(n.toString());continue}for(var l in n)r.call(n,l)&&n[l]&&e.push(l)}}}return e.join(" ")}e.exports?(i.default=i,e.exports=i):void 0===(n=function(){return i}.apply(t,[]))||(e.exports=n)}()},6298:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>l});var r=n(559),i=n.n(r),o=n(3476),a=n.n(o)()(i());a.push([e.id,".Button__button___NM3Vl{display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;font-weight:700;border:1px solid rgba(0,0,0,0);border-radius:4px;cursor:pointer}.Button__button___NM3Vl.Button__primary___vkWyL{background-color:var(--playkit-primary-color);color:var(--playkit-primary-text-contrast-color)}.Button__button___NM3Vl.Button__primary___vkWyL:not(.Button__disabled___j4KjS):hover{background-color:var(--playkit-primary-darker-color)}.Button__button___NM3Vl.Button__primary___vkWyL:not(.Button__disabled___j4KjS):focus{background-color:var(--playkit-primary-brighter-color)}.Button__button___NM3Vl.Button__danger___lCKPq{background-color:var(--playkit-danger-color);color:var(--playkit-danger-text-contrast-color)}.Button__button___NM3Vl.Button__danger___lCKPq:not(.Button__disabled___j4KjS):hover{background-color:var(--playkit-danger-darker-color)}.Button__button___NM3Vl.Button__danger___lCKPq:not(.Button__disabled___j4KjS):focus{background-color:var(--playkit-danger-brighter-color)}.Button__button___NM3Vl.Button__translucent___nSc5h{background-color:rgba(0,0,0,.6);color:var(--playkit-primary-text-contrast-color)}.Button__button___NM3Vl.Button__borderless___sov7o{background-color:rgba(0,0,0,0);color:var(--playkit-tone-1-color)}.Button__button___NM3Vl.Button__borderless___sov7o:not(.Button__disabled___j4KjS):hover{background-color:var(--playkit-tone-4-color)}.Button__button___NM3Vl.Button__borderless___sov7o:not(.Button__disabled___j4KjS):focus{background-color:var(--playkit-tone-6-color)}.Button__button___NM3Vl.Button__small____SSTu{height:24px;font-size:13px;line-height:16px;padding:0 4px}.Button__button___NM3Vl.Button__small____SSTu.Button__withIcon___c3vxV{padding-right:8px}.Button__button___NM3Vl.Button__small____SSTu.Button__withIcon___c3vxV>span{margin-left:2px}.Button__button___NM3Vl.Button__small____SSTu.Button__iconOnly___dISNi{padding:0 3px}.Button__button___NM3Vl.Button__medium___psqY1{height:32px;font-size:14px;line-height:17px;padding:0 8px}.Button__button___NM3Vl.Button__medium___psqY1.Button__withIcon___c3vxV{padding-right:12px}.Button__button___NM3Vl.Button__medium___psqY1.Button__withIcon___c3vxV>span{margin-left:4px}.Button__button___NM3Vl.Button__medium___psqY1.Button__iconOnly___dISNi{padding:0 3px}.Button__button___NM3Vl.Button__large___ftsNW{height:40px;font-size:16px;line-height:19px;padding:0 16px}.Button__button___NM3Vl.Button__large___ftsNW.Button__withIcon___c3vxV{padding-left:12px}.Button__button___NM3Vl.Button__large___ftsNW.Button__withIcon___c3vxV>span{margin-left:4px}.Button__button___NM3Vl.Button__large___ftsNW.Button__iconOnly___dISNi{padding:0 3px}.Button__button___NM3Vl.Button__disabled___j4KjS{background-color:rgba(0,0,0,0);color:var(--playkit-tone-4-color);border-color:var(--playkit-tone-4-color);cursor:default}","",{version:3,sources:["webpack://./../node_modules/@playkit-js/common/dist/components/button/Button.scss","webpack://./../node_modules/@playkit-js/common/dist/components/variables.scss","webpack://./../node_modules/@playkit-js/common/node_modules/@playkit-js/playkit-js-ui/src/styles/exported.scss"],names:[],mappings:"AAGA,wBACE,YAAA,CACA,sBAAA,CACA,kBAAA,CACA,gBAAA,CACA,eAAA,CACA,8BAAA,CACA,iBCPY,CDQZ,cAAA,CACA,gDACE,6CEVY,CFWZ,gDER0B,CFUxB,qFACE,oDEbe,CFejB,qFACE,sDEfiB,CFmBvB,+CACE,4CENW,CFOX,+CEJyB,CFMvB,oFACE,mDETc,CFWhB,oFACE,qDEXgB,CFetB,oDACE,+BAAA,CACA,gDEhC0B,CFkC5B,mDACE,8BAAA,CACA,iCEZW,CFcT,wFACE,4CEZO,CFcT,wFACE,4CEbO,CFiBb,8CACE,WAAA,CACA,cAAA,CACA,gBAAA,CACA,aAAA,CACA,uEACE,iBAAA,CACA,4EACE,eAAA,CAGJ,uEACE,aAAA,CAGJ,+CACE,WAAA,CACA,cAAA,CACA,gBAAA,CACA,aAAA,CACA,wEACE,kBAAA,CACA,6EACE,eAAA,CAGJ,wEACE,aAAA,CAGJ,8CACE,WAAA,CACA,cAAA,CACA,gBAAA,CACA,cAAA,CACA,uEACE,iBAAA,CACA,4EACE,eAAA,CAGJ,uEACE,aAAA,CAGJ,iDACE,8BAAA,CACA,iCElEW,CFmEX,wCEnEW,CFoEX,cAAA",sourcesContent:["@import '../variables.scss';\n\n// https://www.figma.com/file/GYMv1jsthckOnKmCrdQJY3/%E2%8F%AF-Player-v7-(Guidelines)?node-id=21%3A1943&t=ywdMo875C6kzd7pN-0\n.button {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-wrap: nowrap;\n font-weight: 700;\n border: 1px solid transparent;\n border-radius: $roundness-1;\n cursor: pointer;\n &.primary {\n background-color: $primary-color;\n color: $primary-text-contrast-color;\n &:not(.disabled) {\n &:hover {\n background-color: $primary-darker-color;\n }\n &:focus {\n background-color: $primary-brighter-color;\n }\n }\n }\n &.danger {\n background-color: $danger-color;\n color: $danger-text-contrast-color;\n &:not(.disabled) {\n &:hover {\n background-color: $danger-darker-color;\n }\n &:focus {\n background-color: $danger-brighter-color;\n }\n }\n }\n &.translucent {\n background-color: rgba(0, 0, 0, 0.6);\n color: $primary-text-contrast-color;\n }\n &.borderless {\n background-color: transparent;\n color: $tone-1-color;\n &:not(.disabled) {\n &:hover {\n background-color: $tone-4-color;\n }\n &:focus {\n background-color: $tone-6-color;\n }\n }\n }\n &.small {\n height: 24px;\n font-size: 13px;\n line-height: 16px;\n padding: 0 4px;\n &.withIcon {\n padding-right: 8px;\n > span {\n margin-left: 2px;\n }\n }\n &.iconOnly {\n padding: 0 3px;\n }\n }\n &.medium {\n height: 32px;\n font-size: 14px;\n line-height: 17px;\n padding: 0 8px;\n &.withIcon {\n padding-right: 12px;\n > span {\n margin-left: 4px;\n }\n }\n &.iconOnly {\n padding: 0 3px;\n }\n }\n &.large {\n height: 40px;\n font-size: 16px;\n line-height: 19px;\n padding: 0 16px;\n &.withIcon {\n padding-left: 12px;\n > span {\n margin-left: 4px;\n }\n }\n &.iconOnly {\n padding: 0 3px;\n }\n }\n &.disabled {\n background-color: transparent;\n color: $tone-4-color;\n border-color: $tone-4-color;\n cursor: default;\n }\n}\n","@import '~@playkit-js/playkit-js-ui';\n\n// border radius\n$roundness-1: 4px;\n$roundness-2: 8px;\n\n// colors\n$white: #ffffff;\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"],sourceRoot:""}]),a.locals={button:"Button__button___NM3Vl",primary:"Button__primary___vkWyL",disabled:"Button__disabled___j4KjS",danger:"Button__danger___lCKPq",translucent:"Button__translucent___nSc5h",borderless:"Button__borderless___sov7o",small:"Button__small____SSTu",withIcon:"Button__withIcon___c3vxV",iconOnly:"Button__iconOnly___dISNi",medium:"Button__medium___psqY1",large:"Button__large___ftsNW"};const l=a},6469:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>l});var r=n(559),i=n.n(r),o=n(3476),a=n.n(o)()(i());a.push([e.id,".icon__iconWrapper___O5uqn.icon__small___IddLg{width:16px;height:16px}.icon__iconWrapper___O5uqn.icon__medium___llFxB{width:24px;height:24px}.icon__iconWrapper___O5uqn.icon__large___Q96VN{width:32px;height:32px}.icon__iconWrapper___O5uqn>svg{width:100%;height:100%}","",{version:3,sources:["webpack://./../node_modules/@playkit-js/common/dist/icon/icon.scss"],names:[],mappings:"AACE,+CACE,UAAA,CACA,WAAA,CAEF,gDACE,UAAA,CACA,WAAA,CAEF,+CACE,UAAA,CACA,WAAA,CAEF,+BACE,UAAA,CACA,WAAA",sourcesContent:[".iconWrapper {\n &.small {\n width: 16px;\n height: 16px;\n }\n &.medium {\n width: 24px;\n height: 24px;\n }\n &.large {\n width: 32px;\n height: 32px;\n }\n > svg {\n width: 100%;\n height: 100%;\n }\n}\n"],sourceRoot:""}]),a.locals={iconWrapper:"icon__iconWrapper___O5uqn",small:"icon__small___IddLg",medium:"icon__medium___llFxB",large:"icon__large___Q96VN"};const l=a},1702:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>l});var r=n(559),i=n.n(r),o=n(3476),a=n.n(o)()(i());a.push([e.id,".drag-and-snap-manager__draggableArea___l89tg{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}.drag-and-snap-manager__draggableItem___NyUod{position:absolute;pointer-events:auto}.drag-and-snap-manager__draggableItem___NyUod.drag-and-snap-manager__dragging___LyNPo{cursor:grabbing}.drag-and-snap-manager__draggableItem___NyUod:not(.drag-and-snap-manager__dragging___LyNPo){transition:top .3s ease-in,right .3s ease-in,bottom .3s ease-in}.drag-and-snap-manager__draggableItem___NyUod.drag-and-snap-manager__prePlayback___MGwKC{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:""}]),a.locals={draggableArea:"drag-and-snap-manager__draggableArea___l89tg",draggableItem:"drag-and-snap-manager__draggableItem___NyUod",dragging:"drag-and-snap-manager__dragging___LyNPo",prePlayback:"drag-and-snap-manager__prePlayback___MGwKC"};const l=a},9206:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>l});var r=n(559),i=n.n(r),o=n(3476),a=n.n(o)()(i());a.push([e.id,".multiscreen__multiscreenWrapper___aYICw{position:relative}.multiscreen__multiscreenWrapper___aYICw .multiscreen__active___MLEYJ{background-color:var(--playkit-tone-6-color)}.multiscreen__multiscreenWrapper___aYICw .multiscreen__multiscreenPlayersWrapper___b3fWG{position:absolute;display:flex;flex-direction:row;bottom:calc(-1*(10px + 58px));visibility:hidden}.multiscreen__multiscreenWrapper___aYICw .multiscreen__multiscreenPlayersWrapper___b3fWG.multiscreen__visible___TQjC1{visibility:visible}.multiscreen__multiscreenWrapper___aYICw .multiscreen__multiscreenPlayersWrapper___b3fWG .multiscreen__multiscreenPlayer___Tbp6V{display:flex;flex-direction:column;position:relative;width:104px;height:58px;border-radius:4px;overflow:hidden;margin:0px 4px}.multiscreen__multiscreenWrapper___aYICw .multiscreen__multiscreenPlayersWrapper___b3fWG .multiscreen__multiscreenPlayer___Tbp6V .multiscreen__multiscreenButtonsWrapper___dmhZ4{position:absolute;top:0;right:0;width:100%;height:100%;display:flex;padding:0px 16px;justify-content:center;align-items:center;background:linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%)}.multiscreen__multiscreenWrapper___aYICw .multiscreen__multiscreenPlayersWrapper___b3fWG .multiscreen__multiscreenPlayer___Tbp6V .multiscreen__multiscreenButtonsWrapper___dmhZ4>button:nth-child(2){margin-left:auto}","",{version:3,sources:["webpack://./components/multiscreen/multiscreen.scss","webpack://./../node_modules/@playkit-js/playkit-js-ui/src/styles/exported.scss","webpack://./styles/_variables.scss"],names:[],mappings:"AAIA,yCACE,iBAAA,CAEA,sEACE,4CC2BW,CDzBb,yFACE,iBAAA,CACA,YAAA,CACA,kBAAA,CACA,6BAAA,CACA,iBAAA,CAEA,sHACE,kBAAA,CAGF,iIACE,YAAA,CACA,qBAAA,CACA,iBAAA,CACA,WAAA,CACA,WAxBsB,CAyBtB,iBEpBQ,CFqBR,eAAA,CACA,cAAA,CAEA,iLACE,iBAAA,CACA,KAAA,CACA,OAAA,CACA,UAAA,CACA,WAAA,CACA,YAAA,CACA,gBAAA,CACA,sBAAA,CACA,kBAAA,CACA,gFAAA,CAEA,qMACE,gBAAA",sourcesContent:["@import '~styles/variables';\n\n$multiscreen-player-height: 58px;\n\n.multiscreenWrapper {\n position: relative;\n\n .active {\n background-color: $tone-6-color;\n }\n .multiscreenPlayersWrapper {\n position: absolute;\n display: flex;\n flex-direction: row;\n bottom: calc(-1 * (10px + #{$multiscreen-player-height}));\n visibility: hidden;\n\n &.visible {\n visibility: visible;\n }\n\n .multiscreenPlayer {\n display: flex;\n flex-direction: column;\n position: relative;\n width: 104px;\n height: $multiscreen-player-height;\n border-radius: $roundness-1;\n overflow: hidden;\n margin: 0px 4px;\n\n .multiscreenButtonsWrapper {\n position: absolute;\n top: 0;\n right: 0;\n width: 100%;\n height: 100%;\n display: flex;\n padding: 0px 16px;\n justify-content: center;\n align-items: center;\n background: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);\n\n & > button:nth-child(2) {\n margin-left: auto;\n }\n }\n }\n }\n}\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 '~@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"],sourceRoot:""}]),a.locals={multiscreenWrapper:"multiscreen__multiscreenWrapper___aYICw",active:"multiscreen__active___MLEYJ",multiscreenPlayersWrapper:"multiscreen__multiscreenPlayersWrapper___b3fWG",visible:"multiscreen__visible___TQjC1",multiscreenPlayer:"multiscreen__multiscreenPlayer___Tbp6V",multiscreenButtonsWrapper:"multiscreen__multiscreenButtonsWrapper___dmhZ4"};const l=a},6451:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>l});var r=n(559),i=n.n(r),o=n(3476),a=n.n(o)()(i());a.push([e.id,'.pip-minimized__iconContainer___n8Sl3{opacity:.8;cursor:pointer}.pip-minimized__innerButtons___nk206{display:flex;position:absolute;left:0px;top:0px;padding:10px 8px;background:linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);width:100%}.pip-minimized__innerButtons___nk206 .pip-minimized__iconContainer___n8Sl3:hover{background:var(--playkit-tone-4-color);border-radius:4px;opacity:1}.pip-minimized__childPlayerContainer___NvZS3{display:flex;flex-direction:row;position:absolute;top:0;right:0;transform:translateY(-100%);animation:pip-minimized__fading___UFcX6 .3s linear}.pip-minimized__childPlayerContainer___NvZS3:has(.playkit-image-player > img[src=""]){visibility:hidden}.pip-minimized__childPlayerContainer___NvZS3 video{position:relative;object-fit:cover;width:auto}.pip-minimized__childPlayerContainer___NvZS3 .pip-minimized__childPlayer___U64DT{position:relative;margin-left:8px;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___NvZS3 .pip-minimized__childPlayer___U64DT.pip-minimized__tinyChildPlayer___a5mJk{height:34px}.pip-minimized__childPlayerContainer___NvZS3 .pip-minimized__childPlayer___U64DT img{width:auto}.pip-minimized__childPlayerContainer___NvZS3 .pip-minimized__showContainer___rkJyT{position:absolute;width:70px;right:0px;top:calc((32px + 5px)*-1);font-style:normal;font-weight:400}.pip-minimized__childPlayerContainer___NvZS3 .pip-minimized__showContainer___rkJyT:hover{background:rgba(0,0,0,.7)}.pip-minimized__childPlayerContainer___NvZS3 .pip-minimized__showContainer___rkJyT span{display:flex}.pip-minimized__childPlayerContainer___NvZS3 .pip-minimized__showContainer___rkJyT span .pip-minimized__iconContainer___n8Sl3{height:16px;width:16px;margin-right:6px}.pip-minimized__childPlayerContainer___NvZS3 .pip-minimized__innerButtons___nk206{border-radius:8px;justify-content:center;align-items:center;height:60px}.pip-minimized__childPlayerContainer___NvZS3 .pip-minimized__innerButtons___nk206.pip-minimized__tinyInnerButtons___nW8jU{height:34px}.pip-minimized__childPlayerContainer___NvZS3 .pip-minimized__innerButtons___nk206 .pip-minimized__iconContainer___n8Sl3:hover{background:rgba(0,0,0,0)}@keyframes pip-minimized__fading___UFcX6{0%{opacity:0}100%{opacity:1}}',"",{version:3,sources:["webpack://./styles/_styles.scss","webpack://./../node_modules/@playkit-js/playkit-js-ui/src/styles/exported.scss","webpack://./styles/_variables.scss","webpack://./components/pip-minimized/pip-minimized.scss"],names:[],mappings:"AAEA,sCACE,UAAA,CACA,cAAA,CAGF,qCACE,YAAA,CACA,iBAAA,CACA,QAAA,CACA,OAAA,CACA,gBAAA,CACA,gFAAA,CACA,UAAA,CAGE,iFACE,sCCeS,CDdT,iBEZQ,CFaR,SAAA,CGdN,6CAEE,YAAA,CACA,kBAAA,CAOA,iBAAA,CACA,KAAA,CACA,OAAA,CACA,2BAAA,CACA,kDAAA,CHMA,sFAEE,iBAAA,CGjBF,mDACE,iBAAA,CACA,gBAAA,CACA,UAAA,CAQF,iFACE,iBAAA,CACA,eAAA,CACA,UAAA,CACA,WAAA,CACA,2EAAA,CACA,iBDpBU,CCqBV,wDAAA,CACA,eAAA,CACA,wHACE,WAAA,CAEF,qFACE,UAAA,CAIJ,mFACE,iBAAA,CACA,UAAA,CACA,SAAA,CACA,yBAAA,CAEA,iBAAA,CACA,eAAA,CAEA,yFACE,yBAAA,CAGF,wFACE,YAAA,CAEA,8HACE,WAAA,CACA,UAAA,CACA,gBAAA,CAKN,kFACE,iBDxDU,CCyDV,sBAAA,CACA,kBAAA,CACA,WAAA,CACA,0HACE,WAAA,CAEF,8HACE,wBAAA,CAKN,yCACE,GACE,SAAA,CAEF,KACE,SAAA,CAAA",sourcesContent:["@import '~styles/variables';\n\n.iconContainer {\n opacity: 0.8;\n cursor: pointer;\n}\n\n.innerButtons {\n display: flex;\n position: absolute;\n left: 0px;\n top: 0px;\n padding: 10px 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","// 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 '~@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","@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 display: flex;\n flex-direction: row;\n\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\n .childPlayer {\n position: relative;\n margin-left: 8px;\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 position: absolute;\n width: 70px;\n right: 0px;\n top: calc((#{$show-container-height} + #{$show-container-gap}) * -1);\n\n font-style: normal;\n font-weight: 400;\n\n &:hover {\n background: rgba(0, 0, 0, 0.7);\n }\n\n span {\n display: flex;\n\n .iconContainer {\n height: 16px;\n width: 16px;\n margin-right: 6px;\n }\n }\n }\n\n .innerButtons {\n border-radius: $roundness-2;\n justify-content: center;\n align-items: center;\n height: 60px;\n &.tinyInnerButtons {\n height: 34px;\n }\n .iconContainer:hover {\n background: transparent;\n }\n }\n}\n\n@keyframes fading {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}\n"],sourceRoot:""}]),a.locals={iconContainer:"pip-minimized__iconContainer___n8Sl3",innerButtons:"pip-minimized__innerButtons___nk206",childPlayerContainer:"pip-minimized__childPlayerContainer___NvZS3",fading:"pip-minimized__fading___UFcX6",childPlayer:"pip-minimized__childPlayer___U64DT",tinyChildPlayer:"pip-minimized__tinyChildPlayer___a5mJk",showContainer:"pip-minimized__showContainer___rkJyT",tinyInnerButtons:"pip-minimized__tinyInnerButtons___nW8jU"};const l=a},1070:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>l});var r=n(559),i=n.n(r),o=n(3476),a=n.n(o)()(i());a.push([e.id,'.pip__iconContainer___jm6Xi{opacity:.8;cursor:pointer}.pip__innerButtons___Jii5b{display:flex;position:absolute;left:0px;top:0px;padding:10px 8px;background:linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);width:100%}.pip__innerButtons___Jii5b .pip__iconContainer___jm6Xi:hover{background:var(--playkit-tone-4-color);border-radius:4px;opacity:1}.pip__parentPlayer___AdbJg{width:100%;height:100%;position:absolute;left:0}.pip__parentPlayer___AdbJg:has(.playkit-image-player > img[src=""]){visibility:hidden}.pip__childPlayer___RdLI5{position:relative}.pip__childPlayer___RdLI5 video{position:relative;object-fit:cover;width:auto}.pip__childPlayer___RdLI5:has(.playkit-image-player > img[src=""]){visibility:hidden}.pip__childPlayer___RdLI5.pip__hideButtons___Tnnc1 .pip__innerButtons___Jii5b,.pip__childPlayer___RdLI5.pip__dragging___f2Va1 .pip__innerButtons___Jii5b{display:none}.pip__childPlayer___RdLI5.pip__hideButtons___Tnnc1 .pip__hideContainer___dlNww{display:none}.pip__childPlayer___RdLI5.pip__dragging___f2Va1 .pip__hideContainer___dlNww{visibility:hidden}.pip__childPlayer___RdLI5 .pip__hideContainer___dlNww{position:relative;width:66px;margin:0px 0px 5px auto;font-style:normal;font-weight:400}.pip__childPlayer___RdLI5 .pip__hideContainer___dlNww:hover{background:rgba(0,0,0,.7)}.pip__childPlayer___RdLI5 .pip__hideContainer___dlNww span{display:flex}.pip__childPlayer___RdLI5 .pip__hideContainer___dlNww span .pip__iconContainer___jm6Xi{margin:0px 6px 0px 0px;height:16px;width:16px}.pip__childPlayer___RdLI5 .pip__playerWrapper___viiaK{position:relative}.pip__childPlayer___RdLI5 .pip__playerWrapper___viiaK .pip__playerContainer___wCgn0{box-shadow:0 0 40px 0 rgba(0,0,0,.2),0 0 4px 0 rgba(0,0,0,.3);border-radius:8px;overflow:hidden}.pip__childPlayer___RdLI5 .pip__playerWrapper___viiaK .pip__playerContainer___wCgn0 .playkit-image-player img{width:auto}.pip__childPlayer___RdLI5 .pip__playerWrapper___viiaK .pip__innerButtons___Jii5b{flex-direction:row;justify-content:flex-end;align-items:flex-start;pointer-events:none;border-top-left-radius:8px;border-top-right-radius:8px}.pip__childPlayer___RdLI5 .pip__playerWrapper___viiaK .pip__innerButtons___Jii5b *{pointer-events:auto}.pip__childPlayer___RdLI5 .pip__playerWrapper___viiaK .pip__innerButtons___Jii5b .playkit-tooltip{width:auto}.pip__childPlayer___RdLI5 .pip__playerWrapper___viiaK .pip__innerButtons___Jii5b.pip__verticalPlayer____Qk58 .playkit-tooltip span{max-width:100px !important}.pip__childPlayer___RdLI5 .pip__playerWrapper___viiaK .pip__innerButtons___Jii5b .pip__buttonWrapper___IUCs5{margin-left:8px}.pip__animatedFade___ROECY{animation:pip__fading___Et7y9 .3s linear}.pip__animatedScaleRight___fhIvC{animation:pip__scalingRight___iE8kT .3s linear}.pip__animatedScaleLeft___WNtSv{animation:pip__scalingLeft___Yh6Pb .3s linear}@keyframes pip__scalingRight___iE8kT{0%{transform:scale(0.5) translate(-50%)}100%{transform:scale(1) translate(0%)}}@keyframes pip__scalingLeft___Yh6Pb{0%{transform:scale(0.5) translate(50%)}100%{transform:scale(1) translate(0%)}}@keyframes pip__fading___Et7y9{0%{opacity:0}100%{opacity:1}}',"",{version:3,sources:["webpack://./styles/_styles.scss","webpack://./../node_modules/@playkit-js/playkit-js-ui/src/styles/exported.scss","webpack://./styles/_variables.scss","webpack://./components/pip/pip.scss"],names:[],mappings:"AAEA,4BACE,UAAA,CACA,cAAA,CAGF,2BACE,YAAA,CACA,iBAAA,CACA,QAAA,CACA,OAAA,CACA,gBAAA,CACA,gFAAA,CACA,UAAA,CAGE,6DACE,sCCeS,CDdT,iBEZQ,CFaR,SAAA,CGdN,2BACE,UAAA,CACA,WAAA,CACA,iBAAA,CACA,MAAA,CHgBA,oEAEE,iBAAA,CGfJ,0BACE,iBAAA,CACA,gCACE,iBAAA,CACA,gBAAA,CACA,UAAA,CHQF,mEAEE,iBAAA,CGJA,yJACE,YAAA,CAGJ,+EACE,YAAA,CAEF,4EACE,iBAAA,CAGF,sDACE,iBAAA,CACA,UAAA,CACA,uBAAA,CACA,iBAAA,CACA,eAAA,CAEA,4DACE,yBAAA,CAGF,2DACE,YAAA,CAEA,uFACE,sBAAA,CACA,WDhDkB,CCiDlB,UDjDkB,CCsDxB,sDACE,iBAAA,CACA,oFACE,6DAAA,CACA,iBDrDQ,CCsDR,eAAA,CACA,8GACE,UAAA,CAGJ,iFACE,kBAAA,CACA,wBAAA,CACA,sBAAA,CACA,mBAAA,CACA,0BDhEQ,CCiER,2BDjEQ,CCkER,mFACE,mBAAA,CAEF,kGACE,UAAA,CAGA,mIACE,0BAAA,CAIJ,6GACE,eAAA,CAMR,2BACE,wCAAA,CAGF,iCACE,8CAAA,CAGF,gCACE,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 opacity: 0.8;\n cursor: pointer;\n}\n\n.innerButtons {\n display: flex;\n position: absolute;\n left: 0px;\n top: 0px;\n padding: 10px 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","// 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 '~@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","@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 margin: 0px 0px $hide-container-gap auto;\n font-style: normal;\n font-weight: 400;\n\n &:hover {\n background: rgba(0, 0, 0, 0.7);\n }\n\n span {\n display: flex;\n\n .iconContainer {\n margin: 0px 6px 0px 0px;\n height: $smallBorderLessIconSize;\n width: $smallBorderLessIconSize;\n }\n }\n }\n\n .playerWrapper {\n position: relative;\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 border-radius: $roundness-2;\n overflow: hidden;\n :global(.playkit-image-player img) {\n width: auto;\n }\n }\n .innerButtons {\n flex-direction: row;\n justify-content: flex-end;\n align-items: flex-start;\n pointer-events: none;\n border-top-left-radius: $roundness-2;\n border-top-right-radius: $roundness-2;\n * {\n pointer-events: auto;\n }\n :global(.playkit-tooltip) {\n width: auto;\n }\n &.verticalPlayer {\n :global(.playkit-tooltip span) {\n max-width: 100px !important;\n }\n }\n\n .buttonWrapper {\n margin-left: 8px;\n }\n }\n }\n}\n\n.animatedFade {\n animation: fading $animation-duration linear;\n}\n\n.animatedScaleRight {\n animation: scalingRight $animation-duration linear;\n}\n\n.animatedScaleLeft {\n animation: scalingLeft $animation-duration linear;\n}\n\n@keyframes scalingRight {\n 0% {\n transform: scale(0.5) translate(-50%);\n }\n 100% {\n transform: scale(1) translate(0%);\n }\n}\n\n@keyframes scalingLeft {\n 0% {\n transform: scale(0.5) translate(50%);\n }\n 100% {\n transform: scale(1) translate(0%);\n }\n}\n\n@keyframes fading {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}\n"],sourceRoot:""}]),a.locals={iconContainer:"pip__iconContainer___jm6Xi",innerButtons:"pip__innerButtons___Jii5b",parentPlayer:"pip__parentPlayer___AdbJg",childPlayer:"pip__childPlayer___RdLI5",hideButtons:"pip__hideButtons___Tnnc1",dragging:"pip__dragging___f2Va1",hideContainer:"pip__hideContainer___dlNww",playerWrapper:"pip__playerWrapper___viiaK",playerContainer:"pip__playerContainer___wCgn0",verticalPlayer:"pip__verticalPlayer____Qk58",buttonWrapper:"pip__buttonWrapper___IUCs5",animatedFade:"pip__animatedFade___ROECY",fading:"pip__fading___Et7y9",animatedScaleRight:"pip__animatedScaleRight___fhIvC",scalingRight:"pip__scalingRight___iE8kT",animatedScaleLeft:"pip__animatedScaleLeft___WNtSv",scalingLeft:"pip__scalingLeft___Yh6Pb"};const l=a},8491:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>l});var r=n(559),i=n.n(r),o=n(3476),a=n.n(o)()(i());a.push([e.id,'.side-by-side__iconContainer___JKAC3{opacity:.8;cursor:pointer}.side-by-side__innerButtons___mnxhf{display:flex;position:absolute;left:0px;top:0px;padding:10px 8px;background:linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);width:100%}.side-by-side__innerButtons___mnxhf .side-by-side__iconContainer___JKAC3:hover{background:var(--playkit-tone-4-color);border-radius:4px;opacity:1}.side-by-side__sideBySideWrapper___y0NU9{width:100%;height:100%;position:absolute;left:0;display:flex}.side-by-side__player___NGiFu{position:relative;margin:auto;flex:1}.side-by-side__player___NGiFu:has(.playkit-image-player > img[src=""]){visibility:hidden}.side-by-side__player___NGiFu .side-by-side__innerButtons___mnxhf{z-index:1;padding:16px;justify-content:flex-end;animation:side-by-side__appears___xfiqx .3s linear}.side-by-side__player___NGiFu .side-by-side__innerButtons___mnxhf.side-by-side__hideButtons___C7z1q{display:none}.side-by-side__player___NGiFu .side-by-side__innerButtons___mnxhf .side-by-side__buttonWrapper___RrwS_{margin-left:8px}.side-by-side__animatedScale___RLVnM{animation:side-by-side__scaling___BLBYq .3s linear}.side-by-side__animatedFade___bD2re{animation:side-by-side__fading___BzZbY .3s linear}@keyframes side-by-side__appears___xfiqx{0%{opacity:0}99%{opacity:0}100%{opacity:1}}@keyframes side-by-side__scaling___BLBYq{0%{transform:scale(2) translate(25%);z-index:100}100%{transform:scale(1) translate(0%);z-index:0}}@keyframes side-by-side__fading___BzZbY{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://./../node_modules/@playkit-js/playkit-js-ui/src/styles/exported.scss","webpack://./styles/_variables.scss","webpack://./components/side-by-side/side-by-side.scss"],names:[],mappings:"AAEA,qCACE,UAAA,CACA,cAAA,CAGF,oCACE,YAAA,CACA,iBAAA,CACA,QAAA,CACA,OAAA,CACA,gBAAA,CACA,gFAAA,CACA,UAAA,CAGE,+EACE,sCCeS,CDdT,iBEZQ,CFaR,SAAA,CGjBN,yCACE,UAAA,CACA,WAAA,CACA,iBAAA,CACA,MAAA,CACA,YAAA,CAGF,8BACE,iBAAA,CACA,WAAA,CACA,MAAA,CHYA,uEAEE,iBAAA,CGXF,kEACE,SAAA,CACA,YAAA,CACA,wBAAA,CACA,kDAAA,CACA,oGACE,YAAA,CAEF,uGACE,eAAA,CAKN,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 opacity: 0.8;\n cursor: pointer;\n}\n\n.innerButtons {\n display: flex;\n position: absolute;\n left: 0px;\n top: 0px;\n padding: 10px 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","// 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 '~@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","@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 .innerButtons {\n z-index: 1;\n padding: 16px;\n justify-content: flex-end;\n animation: appears $animation-duration linear;\n &.hideButtons {\n display: none;\n }\n .buttonWrapper {\n margin-left: 8px;\n }\n }\n}\n\n.animatedScale {\n animation: scaling $animation-duration linear;\n}\n\n.animatedFade {\n animation: fading $animation-duration linear;\n}\n\n@keyframes appears {\n 0% {\n opacity: 0;\n }\n 99% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}\n\n@keyframes scaling {\n 0% {\n transform: scale(2) translate(25%);\n z-index: 100;\n }\n 100% {\n transform: scale(1) translate(0%);\n z-index: 0;\n }\n}\n\n@keyframes fading {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}\n\n:global(.has-dual-screen-plugin-overlay.playkit-hover .playkit-side-panel) {\n // prevent displaying innerButtons over playkit-side-panel\n z-index: 1;\n}\n"],sourceRoot:""}]),a.locals={iconContainer:"side-by-side__iconContainer___JKAC3",innerButtons:"side-by-side__innerButtons___mnxhf",sideBySideWrapper:"side-by-side__sideBySideWrapper___y0NU9",player:"side-by-side__player___NGiFu",appears:"side-by-side__appears___xfiqx",hideButtons:"side-by-side__hideButtons___C7z1q",buttonWrapper:"side-by-side__buttonWrapper___RrwS_",animatedScale:"side-by-side__animatedScale___RLVnM",scaling:"side-by-side__scaling___BLBYq",animatedFade:"side-by-side__animatedFade___bD2re",fading:"side-by-side__fading___BzZbY"};const l=a},7814:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>l});var r=n(559),i=n.n(r),o=n(3476),a=n.n(o)()(i());a.push([e.id,".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:""}]),a.locals={};const l=a},7649:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>l});var r=n(559),i=n.n(r),o=n(3476),a=n.n(o)()(i());a.push([e.id,".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:""}]),a.locals={};const l=a},3476:e=>{"use strict";e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var n="",r=void 0!==t[5];return t[4]&&(n+="@supports (".concat(t[4],") {")),t[2]&&(n+="@media ".concat(t[2]," {")),r&&(n+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),n+=e(t),r&&(n+="}"),t[2]&&(n+="}"),t[4]&&(n+="}"),n})).join("")},t.i=function(e,n,r,i,o){"string"==typeof e&&(e=[[null,e,void 0]]);var a={};if(r)for(var l=0;l<this.length;l++){var s=this[l][0];null!=s&&(a[s]=!0)}for(var c=0;c<e.length;c++){var d=[].concat(e[c]);r&&a[d[0]]||(void 0!==o&&(void 0===d[5]||(d[1]="@layer".concat(d[5].length>0?" ".concat(d[5]):""," {").concat(d[1],"}")),d[5]=o),n&&(d[2]?(d[1]="@media ".concat(d[2]," {").concat(d[1],"}"),d[2]=n):d[2]=n),i&&(d[4]?(d[1]="@supports (".concat(d[4],") {").concat(d[1],"}"),d[4]=i):d[4]="".concat(i)),t.push(d))}},t}},559:e=>{"use strict";e.exports=function(e){var t=e[1],n=e[3];if(!n)return t;if("function"==typeof btoa){var r=btoa(unescape(encodeURIComponent(JSON.stringify(n)))),i="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(r),o="/*# ".concat(i," */");return[t].concat([o]).join("\n")}return[t].join("\n")}},7538:(e,t,n)=>{var r=n(1892),i=n(6298);"string"==typeof(i=i.__esModule?i.default:i)&&(i=[[e.id,i,""]]);r(i,{insert:"head",singleton:!1}),e.exports=i.locals||{}},3278:(e,t,n)=>{var r=n(1892),i=n(6469);"string"==typeof(i=i.__esModule?i.default:i)&&(i=[[e.id,i,""]]);r(i,{insert:"head",singleton:!1}),e.exports=i.locals||{}},1963:(e,t,n)=>{var r=n(1892),i=n(1702);"string"==typeof(i=i.__esModule?i.default:i)&&(i=[[e.id,i,""]]);r(i,{insert:"head",singleton:!1}),e.exports=i.locals||{}},6724:(e,t,n)=>{var r=n(1892),i=n(9206);"string"==typeof(i=i.__esModule?i.default:i)&&(i=[[e.id,i,""]]);r(i,{insert:"head",singleton:!1}),e.exports=i.locals||{}},1029:(e,t,n)=>{var r=n(1892),i=n(6451);"string"==typeof(i=i.__esModule?i.default:i)&&(i=[[e.id,i,""]]);r(i,{insert:"head",singleton:!1}),e.exports=i.locals||{}},5067:(e,t,n)=>{var r=n(1892),i=n(1070);"string"==typeof(i=i.__esModule?i.default:i)&&(i=[[e.id,i,""]]);r(i,{insert:"head",singleton:!1}),e.exports=i.locals||{}},6054:(e,t,n)=>{var r=n(1892),i=n(8491);"string"==typeof(i=i.__esModule?i.default:i)&&(i=[[e.id,i,""]]);r(i,{insert:"head",singleton:!1}),e.exports=i.locals||{}},4505:(e,t,n)=>{var r=n(1892),i=n(7814);"string"==typeof(i=i.__esModule?i.default:i)&&(i=[[e.id,i,""]]);r(i,{insert:"head",singleton:!1}),e.exports=i.locals||{}},8610:(e,t,n)=>{var r=n(1892),i=n(7649);"string"==typeof(i=i.__esModule?i.default:i)&&(i=[[e.id,i,""]]);r(i,{insert:"head",singleton:!1}),e.exports=i.locals||{}},1892:(e,t,n)=>{"use strict";var r,i=function(){var e={};return function(t){if(void 0===e[t]){var n=document.querySelector(t);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(e){n=null}e[t]=n}return e[t]}}(),o=[];function a(e){for(var t=-1,n=0;n<o.length;n++)if(o[n].identifier===e){t=n;break}return t}function l(e,t){for(var n={},r=[],i=0;i<e.length;i++){var l=e[i],s=t.base?l[0]+t.base:l[0],c=n[s]||0,d="".concat(s," ").concat(c);n[s]=c+1;var p=a(d),u={css:l[1],media:l[2],sourceMap:l[3]};-1!==p?(o[p].references++,o[p].updater(u)):o.push({identifier:d,updater:g(u,t),references:1}),r.push(d)}return r}function s(e){var t=document.createElement("style"),r=e.attributes||{};if(void 0===r.nonce){var o=n.nc;o&&(r.nonce=o)}if(Object.keys(r).forEach((function(e){t.setAttribute(e,r[e])})),"function"==typeof e.insert)e.insert(t);else{var a=i(e.insert||"head");if(!a)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");a.appendChild(t)}return t}var c,d=(c=[],function(e,t){return c[e]=t,c.filter(Boolean).join("\n")});function p(e,t,n,r){var i=n?"":r.media?"@media ".concat(r.media," {").concat(r.css,"}"):r.css;if(e.styleSheet)e.styleSheet.cssText=d(t,i);else{var o=document.createTextNode(i),a=e.childNodes;a[t]&&e.removeChild(a[t]),a.length?e.insertBefore(o,a[t]):e.appendChild(o)}}function u(e,t,n){var r=n.css,i=n.media,o=n.sourceMap;if(i?e.setAttribute("media",i):e.removeAttribute("media"),o&&"undefined"!=typeof btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(o))))," */")),e.styleSheet)e.styleSheet.cssText=r;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(r))}}var _=null,y=0;function g(e,t){var n,r,i;if(t.singleton){var o=y++;n=_||(_=s(t)),r=p.bind(null,n,o,!1),i=p.bind(null,n,o,!0)}else n=s(t),r=u.bind(null,n,t),i=function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(n)};return r(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;r(e=t)}else i()}}e.exports=function(e,t){(t=t||{}).singleton||"boolean"==typeof t.singleton||(t.singleton=(void 0===r&&(r=Boolean(window&&document&&document.all&&!window.atob)),r));var n=l(e=e||[],t);return function(e){if(e=e||[],"[object Array]"===Object.prototype.toString.call(e)){for(var r=0;r<n.length;r++){var i=a(n[r]);o[i].references--}for(var s=l(e,t),c=0;c<n.length;c++){var d=a(n[c]);0===o[d].references&&(o[d].updater(),o.splice(d,1))}n=s}}}},104:function(e,t,n){"use strict";var r,i=this&&this.__extends||(r=function(e,t){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},r(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),o=this&&this.__decorate||function(e,t,n,r){var i,o=arguments.length,a=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,r);else for(var l=e.length-1;l>=0;l--)(i=e[l])&&(a=(o<3?i(a):o>3?i(t,n,a):i(t,n))||a);return o>3&&a&&Object.defineProperty(t,n,a),a};Object.defineProperty(t,"__esModule",{value:!0}),t.DragAndSnapManager=void 0;var a,l=n(4522),s=n(5572),c=n(4539),d=n(1963),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"}(a||(a={}));var u=-130,_=function(e){return{prePlayback:e.engine.prePlayback}},y=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t._draggableTargetRef=(0,l.createRef)(),t._draggableItemRef=(0,l.createRef)(),t._draggableAreaRef=(0,l.createRef)(),t._currMousePos={x:0,y:0},t._throttleWait=!1,t.state={isDragging:!1},t._renderChildComponent=function(){var e=t.props.children;return(0,l.cloneElement)(e,{isDragging:t.state.isDragging,setDraggableTarget:t._setDraggableTarget})},t._setDraggableTarget=function(e){t._draggableTargetRef.current=e,t._addListeners()},t._handleChangePosition=function(e){t._setAbsoluteStyles(e),t.props.onPositionChanged(e)},t._onStartDrag=function(){t._setAbsoluteStyles(t.props.getPosition()),t.setState({isDragging:!0})},t._addListeners=function(){t.props.eventManager.listen(t._draggableTargetRef.current,a.MouseDown,(function(e){t._startDrag(e,a.MouseMove,a.MouseUp)})),t.props.eventManager.listen(t._draggableTargetRef.current,a.TouchStart,(function(e){t.props.eventManager.unlisten(t._draggableTargetRef.current,a.MouseDown),t._startDrag(e,a.TouchMove,a.TouchEnd)}))},t._moveDrag=function(e){if(!t._throttleWait){e=e||window.event;var n=t._currMousePos.x-(0,c.getClientX)(e),r=t._currMousePos.y-(0,c.getClientY)(e);if(t._currMousePos.x=(0,c.getClientX)(e),t._currMousePos.y=(0,c.getClientY)(e),t._draggableItemRef.current&&t._draggableAreaRef.current){var i=parseInt(t._draggableItemRef.current.style.top,10),o=parseInt(t._draggableItemRef.current.style.right,10);t._draggableItemRef.current.style.right=(0,c.dimensionStyleToString)(o+n),t._draggableItemRef.current.style.top=(0,c.dimensionStyleToString)(i-r)}t._throttleWait=!0,setTimeout((function(){t._throttleWait=!1}),30)}},t._getBoundingClientRects=function(){return[t._draggableItemRef.current.getBoundingClientRect(),t._draggableAreaRef.current.getBoundingClientRect()]},t._applyRelativeStyles=function(e,n,r,i){t._draggableItemRef.current.style.top=null!==e?(0,c.dimensionStyleToString)(e):"",t._draggableItemRef.current.style.right=null!==n?(0,c.dimensionStyleToString)(n):"",t._draggableItemRef.current.style.bottom=null!==r?(0,c.dimensionStyleToString)(r):"",t._draggableItemRef.current.style.left=null!==i?(0,c.dimensionStyleToString)(i):""},t._setRelativeStyles=function(){switch(t.props.getPosition()){case s.Position.BottomRight:t._setRelativeBottomRightStyles();break;case s.Position.BottomLeft:t._setRelativeBottomLeftStyles();break;case s.Position.TopRight:t._setRelativeTopRightStyles();break;case s.Position.TopLeft:t._setRelativeTopLeftStyles()}},t._setRelativeBottomRightStyles=function(){t._applyRelativeStyles(null,0,t.props.prePlayback?u:0,null)},t._setRelativeBottomLeftStyles=function(){t._applyRelativeStyles(null,null,t.props.prePlayback?u:0,0)},t._setRelativeTopRightStyles=function(){t._applyRelativeStyles(t.props.prePlayback?u:0,0,null,null)},t._setRelativeTopLeftStyles=function(){t._applyRelativeStyles(t.props.prePlayback?u:0,null,null,0)},t._applyAbsoluteStyles=function(e,n){t._draggableItemRef.current.style.top=(0,c.dimensionStyleToString)(e),t._draggableItemRef.current.style.right=(0,c.dimensionStyleToString)(n)},t._setAbsoluteStyles=function(e){switch(e){case s.Position.BottomRight:t._setAbsoluteBottomRightStyles();break;case s.Position.BottomLeft:t._setAbsoluteBottomLeftStyles();break;case s.Position.TopRight:t._setAbsoluteTopRightStyles();break;case s.Position.TopLeft:t._setAbsoluteTopLeftStyles()}t._draggableItemRef.current.style.bottom="",t._draggableItemRef.current.style.left=""},t._setAbsoluteBottomRightStyles=function(){var e=t._getBoundingClientRects(),n=e[0],r=e[1];t._applyAbsoluteStyles(r.height-n.height,0)},t._setAbsoluteBottomLeftStyles=function(){var e=t._getBoundingClientRects(),n=e[0],r=e[1];t._applyAbsoluteStyles(r.height-n.height,r.width-n.width)},t._setAbsoluteTopRightStyles=function(){t._applyAbsoluteStyles(0,0)},t._setAbsoluteTopLeftStyles=function(){var e=t._getBoundingClientRects(),n=e[0],r=e[1];t._applyAbsoluteStyles(0,r.width-n.width)},t._stopDrag=function(){t.setState({isDragging:!1}),t.props.eventManager.unlisten(document,a.MouseMove),t.props.eventManager.unlisten(document,a.TouchMove);var e=t._getBoundingClientRects(),n=e[0],r=e[1],i=n.x+n.width/2,o=n.y+n.height/2,l=r.x+r.width/2,c=r.y+r.height/2;i>l?o>c?t._handleChangePosition(s.Position.BottomRight):t._handleChangePosition(s.Position.TopRight):o>c?t._handleChangePosition(s.Position.BottomLeft):t._handleChangePosition(s.Position.TopLeft)},t}return i(t,e),t.prototype.componentDidMount=function(){this._setRelativeStyles()},t.prototype.componentWillUnmount=function(){var e=this.props.eventManager;e.unlisten(document,a.MouseMove),e.unlisten(document,a.TouchMove),e.unlisten(document,a.MouseUp),e.unlisten(document,a.TouchEnd),e.unlisten(this._draggableTargetRef.current,a.MouseDown),e.unlisten(this._draggableTargetRef.current,a.TouchStart)},t.prototype._startDrag=function(e,t,n){this.props.eventManager.listenOnce(document,n,this._stopDrag),this._currMousePos.x=(0,c.getClientX)(e),this._currMousePos.y=(0,c.getClientY)(e),this.props.eventManager.listenOnce(document,t,this._onStartDrag),this.props.eventManager.listen(document,t,this._moveDrag)},t.prototype.render=function(){var e=[d.draggableItem];return this.state.isDragging&&e.push(d.dragging),(0,l.h)("div",{id:"draggeble-area",className:d.draggableArea,ref:this._draggableAreaRef},(0,l.h)("div",{id:"draggable-item",ref:this._draggableItemRef,className:e.join(" "),onTransitionEnd:this._setRelativeStyles},this._renderChildComponent()))},o([p(_)],t)}(l.Component);t.DragAndSnapManager=y},994:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var i=Object.getOwnPropertyDescriptor(t,n);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,i)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),i=this&&this.__exportStar||function(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||r(t,e,n)};Object.defineProperty(t,"__esModule",{value:!0}),i(n(104),t)},6593:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var i=Object.getOwnPropertyDescriptor(t,n);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,i)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),i=this&&this.__exportStar||function(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||r(t,e,n)};Object.defineProperty(t,"__esModule",{value:!0}),i(n(345),t)},345:function(e,t,n){"use strict";var r,i=this&&this.__extends||(r=function(e,t){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},r(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),o=this&&this.__decorate||function(e,t,n,r){var i,o=arguments.length,a=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,r);else for(var l=e.length-1;l>=0;l--)(i=e[l])&&(a=(o<3?i(a):o>3?i(t,n,a):i(t,n))||a);return o>3&&a&&Object.defineProperty(t,n,a),a};Object.defineProperty(t,"__esModule",{value:!0}),t.Multiscreen=void 0;var a=n(4522),l=n(1972),s=n(5572),c=n(6724),d=KalturaPlayer.ui.components.Tooltip,p=KalturaPlayer.ui.Event.withEventManager,u=KalturaPlayer.ui.preacti18n,_=u.withText,y=u.Text,g="closeMultiScreenPopup",h={multiscreenLabel:(0,a.h)(y,{id:"dualScreen.multiscreen"},"Show more screens"),switchScreen:(0,a.h)(y,{id:"dualScreen.switch_screen"},"Switch Screen"),switchToSecondary:(0,a.h)(y,{id:"dualScreen.switch_to_secondary_screen"},"Switch to secondary screen"),switchToPrimary:(0,a.h)(y,{id:"dualScreen.switch_to_primary_screen"},"Switch to primary screen")},A=!1,v=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t._multiscreenPlayersRefs=[],t._multiscreenPlayersWrapperRef=(0,a.createRef)(),t.state={isOpen:!1,xPosition:0},t._attachVideoElements=function(){t._multiscreenPlayersRefs.forEach((function(e,n){var r=t.props.players[n].player.getVideoElement();r.tabIndex=-1,e.current.prepend(r)}))},t._closePupup=function(){var e;t.setState({isOpen:!1}),null===(e=t.props.eventManager)||void 0===e||e.unlisten(document,"click",t._closePupup)},t._openPopup=function(){var e;null===(e=t.props.eventManager)||void 0===e||e.listenOnce(document,"click",t._closePupup),t.setState({isOpen:!0})},t._handleClick=function(e,n){var r;void 0===n&&(n=!1),A=n,t.props.getParentRef&&(null===(r=t.props.getParentRef().current)||void 0===r||r.dispatchEvent(new Event(g))),t.state.isOpen||t._openPopup()},t._handleLayoutChange=function(e,t){e&&(A=e),t()},t}return i(t,e),t.prototype.componentDidMount=function(){var e;if(this._attachVideoElements(),this.props.getParentRef){var t=this.props.getParentRef().current;null===(e=this.props.eventManager)||void 0===e||e.listen(t,g,this._closePupup)}},t.prototype.componentDidUpdate=function(e,t){var n,r;if(!t.isOpen&&this.state.isOpen&&(this.props.sbsLayout&&this._attachVideoElements(),this.props.getParentRef&&this.props.getPosition))if([s.Position.TopLeft,s.Position.BottomLeft].includes(this.props.getPosition())){var i=(null===(n=this.props.getParentRef().current)||void 0===n?void 0:n.getBoundingClientRect().left)||0,o=((null===(r=this._multiscreenPlayersWrapperRef.current)||void 0===r?void 0:r.getBoundingClientRect().left)||0)-i;o<0&&this.setState({xPosition:o})}else 0!==this.state.xPosition&&this.setState({xPosition:0})},t.prototype.componentWillUnmount=function(){this._multiscreenPlayersRefs=[]},t.prototype.render=function(e){var t=this;if(!e.players.length)return null;var n=(0,a.h)(l.Button,{className:this.state.isOpen?c.active:"",type:l.ButtonType.borderless,size:l.ButtonSize.medium,icon:"more",onClick:this._handleClick,focusOnMount:A,testId:"dualscreen_multiscreenButton"});return(0,a.h)("div",{className:c.multiscreenWrapper,"data-testid":"dualscreen_multiscreenWrapper"},this.state.isOpen?n:(0,a.h)(d,{type:"bottom-left",label:this.props.multiscreenLabel},n),(0,a.h)("div",{style:{right:"".concat(this.state.xPosition,"px")},className:[c.multiscreenPlayersWrapper,this.state.isOpen?c.visible:""].join(" "),ref:this._multiscreenPlayersWrapperRef,"data-testid":"dualscreen_multiscreen"},e.players.map((function(e,n){var r=(0,a.createRef)();return t._multiscreenPlayersRefs[n]=r,(0,a.h)("div",{ref:r,className:c.multiscreenPlayer,"data-testid":"dualscreen_multiscreenPlayer"},(0,a.h)("div",{className:c.multiscreenButtonsWrapper},(0,a.h)(l.Button,{onClick:function(n,r){return void 0===r&&(r=!1),t._handleLayoutChange(r,e.setPrimary)},type:l.ButtonType.borderless,size:l.ButtonSize.medium,icon:e.setSecondary?"pictureInPicture":"switch",ariaLabel:e.setSecondary?t.props.switchToPrimary:t.props.switchScreen,testId:"dualscreen_multiscreenSwitchScreen"}),e.setSecondary&&(0,a.h)(l.Button,{onClick:function(n,r){return void 0===r&&(r=!1),t._handleLayoutChange(r,e.setSecondary)},type:l.ButtonType.borderless,size:l.ButtonSize.medium,icon:"minimizedVideo",ariaLabel:t.props.switchToSecondary,testId:"dualscreen_multiscreenSetSecondary"})))}))))},o([_(h),p],t)}(a.Component);t.Multiscreen=v},745:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var i=Object.getOwnPropertyDescriptor(t,n);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,i)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),i=this&&this.__exportStar||function(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||r(t,e,n)};Object.defineProperty(t,"__esModule",{value:!0}),i(n(8330),t)},8330:function(e,t,n){"use strict";var r,i=this&&this.__extends||(r=function(e,t){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},r(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),o=this&&this.__decorate||function(e,t,n,r){var i,o=arguments.length,a=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,r);else for(var l=e.length-1;l>=0;l--)(i=e[l])&&(a=(o<3?i(a):o>3?i(t,n,a):i(t,n))||a);return o>3&&a&&Object.defineProperty(t,n,a),a};Object.defineProperty(t,"__esModule",{value:!0}),t.PipMinimized=void 0;var a=n(4522),l=n(1029),s=n(5623),c=n(1972),d=n(5572),p=KalturaPlayer.ui.components.Icon,u=KalturaPlayer.ui.preacti18n,_=u.withText,y=u.Text,g=function(){return{showLabel:(0,a.h)(y,{id:"dualScreen.show"},"Show"),showAriaLabel:(0,a.h)(y,{id:"dualScreen.show_label"},"Show dual screen"),switchScreen:(0,a.h)(y,{id:"dualScreen.switch_screen"},"Switch Screen")}},h=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t._multiscreenPlayersRefs=[],t._renderHoverButton=function(){var e=t.props,n=e.show,r=e.hideButtons,i=e.focusOnButton;return(0,a.h)(a.Fragment,null,!r&&(0,a.h)(c.Button,{onClick:n,className:l.showContainer,ariaLabel:t.props.showAriaLabel,focusOnMount:i===d.ButtonsEnum.Show,testId:"dualscreen_switchToPIP",type:c.ButtonType.translucent},(0,a.h)(a.Fragment,null,(0,a.h)("div",{className:l.iconContainer},(0,a.h)(p,{id:"dualscreen-pip-minimized-show",height:s.icons.SmallSize,width:s.icons.SmallSize,viewBox:"0 0 ".concat(s.icons.SmallSize," ").concat(s.icons.SmallSize),path:s.icons.SHOW_ICON_PATH})),t.props.showLabel)))},t}return i(t,e),t.prototype.componentDidMount=function(){var e=this;this._multiscreenPlayersRefs.forEach((function(t,n){var r=e.props.players[n].player.getVideoElement();r.tabIndex=-1,t.current.prepend(r)}))},t.prototype.render=function(e){var t=this;return(0,a.h)("div",{className:l.childPlayerContainer,"data-testid":"dualscreen_pipMinimized"},this.props.players.map((function(n,r){var i=(0,a.createRef)();return t._multiscreenPlayersRefs[r]=i,(0,a.h)("div",{ref:i,className:[l.childPlayer,e.hideButtons?l.tinyChildPlayer:""].join(" "),"data-testid":"dualscreen_pipMinimizedPlayer"},(0,a.h)("div",{className:[l.innerButtons,t.props.hideButtons?l.tinyInnerButtons:""].join(" ")},(0,a.h)(c.Button,{onClick:n.setPrimary,focusOnMount:t.props.focusOnButton===d.ButtonsEnum.SwitchScreen,ariaLabel:t.props.switchScreen,type:c.ButtonType.borderless,size:c.ButtonSize.medium,icon:"switch",testId:"dualscreen_switchToPrimary"})))})),this._renderHoverButton())},o([_(g)],t)}(a.Component);t.PipMinimized=h},3087:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var i=Object.getOwnPropertyDescriptor(t,n);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,i)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),i=this&&this.__exportStar||function(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||r(t,e,n)};Object.defineProperty(t,"__esModule",{value:!0}),i(n(9926),t),i(n(9536),t)},9926:function(e,t,n){"use strict";var r,i=this&&this.__extends||(r=function(e,t){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},r(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),o=this&&this.__decorate||function(e,t,n,r){var i,o=arguments.length,a=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,r);else for(var l=e.length-1;l>=0;l--)(i=e[l])&&(a=(o<3?i(a):o>3?i(t,n,a):i(t,n))||a);return o>3&&a&&Object.defineProperty(t,n,a),a};Object.defineProperty(t,"__esModule",{value:!0}),t.PipChild=void 0;var a=n(4522),l=n(5067),s=n(5572),c=n(5623),d=n(1972),p=KalturaPlayer.ui.redux.connect,u=KalturaPlayer.ui,_=u.utils,y=u.reducers,g=KalturaPlayer.ui.components.Icon,h=KalturaPlayer.ui.preacti18n,A=h.withText,v=h.Text,f=function(e){var t=e.layout;return{sideBySide:(0,a.h)(v,{id:"dualScreen.side_by_side"},"Side by side screens"),switchScreen:t===s.Layout.PIP?(0,a.h)(v,{id:"dualScreen.switch_to_secondary_screen"},"Switch to secondary screen"):(0,a.h)(v,{id:"dualScreen.switch_to_primary_screen"},"Switch to primary screen"),hideLabel:(0,a.h)(v,{id:"dualScreen.hide"},"Hide"),hideAriaLabel:(0,a.h)(v,{id:"dualScreen.hide_label"},"Hide dual screen")}},m=function(e){return{showUi:e.shell.playerHover||e.shell.playerNav,playerHeight:e.shell.guiClientRect.height,prePlayback:e.engine.prePlayback}},C=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.playerContainerRef=(0,a.createRef)(),t.pipContainerRef=(0,a.createRef)(),t}return i(t,e),t.prototype.componentDidMount=function(){var e=this.props.player.getVideoElement();e.tabIndex=-1,e.setAttribute("disablePictureInPicture","true"),this.playerContainerRef.current.prepend(e),this.props.setDraggableTarget(this.playerContainerRef.current)},t.prototype._renderInnerButtons=function(){var e=this,t=this.props,n=t.onSideBySideSwitch,r=t.onInversePIP,i=t.focusOnButton,o=t.multiscreen;return(0,a.h)("div",{className:[l.innerButtons,this.props.portrait?l.verticalPlayer:""].join(" ")},(0,a.h)("div",{className:l.buttonWrapper},(0,a.cloneElement)(o,{getParentRef:function(){return e.pipContainerRef}})),(0,a.h)("div",{className:l.buttonWrapper},(0,a.h)(d.Button,{icon:"add",onClick:n,tooltip:{label:this.props.sideBySide,type:"bottom-left"},type:d.ButtonType.borderless,size:d.ButtonSize.medium,focusOnMount:i===s.ButtonsEnum.SideBySide,ariaLabel:this.props.sideBySide,testId:"dualscreen_switchToSideBySide"})),(0,a.h)("div",{className:l.buttonWrapper},(0,a.h)(d.Button,{onClick:r,tooltip:{label:this.props.switchScreen,type:"bottom-left"},focusOnMount:i===s.ButtonsEnum.SwitchScreen,type:d.ButtonType.borderless,size:d.ButtonSize.medium,icon:"switch",ariaLabel:this.props.switchScreen,testId:"dualscreen_inversePIP"})))},t.prototype._renderHideButton=function(){var e=this.props,t=e.hide,n=e.focusOnButton;return(0,a.h)(d.Button,{className:l.hideContainer,testId:"dualscreen_switchToSingleMedia",onClick:t,ariaLabel:this.props.hideAriaLabel,focusOnMount:n===s.ButtonsEnum.Hide,type:d.ButtonType.translucent},(0,a.h)(a.Fragment,null,(0,a.h)("div",{className:l.iconContainer},(0,a.h)(g,{id:"dualscreen-pip-hide",height:c.icons.SmallSize,width:c.icons.SmallSize,viewBox:"0 0 ".concat(c.icons.SmallSize," ").concat(c.icons.SmallSize),path:c.icons.HIDE_ICON_PATH})),this.props.hideLabel))},t.prototype.render=function(e){var t=[l.childPlayer];if(e.isDragging&&t.push(l.dragging),e.showUi||t.push(l.hideButtons),!e.prePlayback&&e.animation)switch(e.animation){case s.Animations.Fade:t.push(l.animatedFade);break;case s.Animations.ScaleRight:t.push(l.animatedScaleRight);break;case s.Animations.ScaleLeft:t.push(l.animatedScaleLeft)}var n=e.playerHeight*e.playerSizePercentage/100,r=n*e.aspectRatio.width/e.aspectRatio.height,i={height:"".concat(e.portrait?r:n,"px")};return(0,a.h)("div",{className:t.join(" "),ref:this.pipContainerRef,"data-testid":"dualscreen_pipChildren"},this._renderHideButton(),(0,a.h)("div",{className:l.playerWrapper},(0,a.h)("div",{className:l.playerContainer,style:i,ref:this.playerContainerRef}),this._renderInnerButtons()))},o([A(f),p(m,_.bindActions(y.shell.actions))],t)}(a.Component);t.PipChild=C},9536:function(e,t,n){"use strict";var r,i=this&&this.__extends||(r=function(e,t){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},r(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),o=this&&this.__decorate||function(e,t,n,r){var i,o=arguments.length,a=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,r);else for(var l=e.length-1;l>=0;l--)(i=e[l])&&(a=(o<3?i(a):o>3?i(t,n,a):i(t,n))||a);return o>3&&a&&Object.defineProperty(t,n,a),a};Object.defineProperty(t,"__esModule",{value:!0}),t.PipParent=void 0;var a=n(4522),l=n(5067),s=n(5572),c=KalturaPlayer.ui.redux.connect,d=function(e){return{prePlayback:e.engine.prePlayback}},p=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.videoContainerRef=(0,a.createRef)(),t}return i(t,e),t.prototype.componentDidMount=function(){var e,t,n=this.props.player;null===(t=null===(e=this.videoContainerRef)||void 0===e?void 0:e.current)||void 0===t||t.appendChild(n.getVideoElement())},t.prototype.render=function(e){var t=[l.videoContainer,l.parentPlayer];if(!e.prePlayback&&e.animation)switch(e.animation){case s.Animations.Fade:t.push(l.animatedFade);break;case s.Animations.ScaleRight:t.push(l.animatedScaleRight);break;case s.Animations.ScaleLeft:t.push(l.animatedScaleLeft)}return(0,a.h)("div",{className:t.join(" "),ref:this.videoContainerRef,"data-testid":"dualscreen_pipParent"})},o([c(d)],t)}(a.Component);t.PipParent=p},7590:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var i=Object.getOwnPropertyDescriptor(t,n);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,i)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),i=this&&this.__exportStar||function(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||r(t,e,n)};Object.defineProperty(t,"__esModule",{value:!0}),i(n(5786),t)},5786:function(e,t,n){"use strict";var r,i=this&&this.__extends||(r=function(e,t){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},r(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),o=this&&this.__decorate||function(e,t,n,r){var i,o=arguments.length,a=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,r);else for(var l=e.length-1;l>=0;l--)(i=e[l])&&(a=(o<3?i(a):o>3?i(t,n,a):i(t,n))||a);return o>3&&a&&Object.defineProperty(t,n,a),a};Object.defineProperty(t,"__esModule",{value:!0}),t.ResponsiveManager=void 0;var a=n(4522),l=KalturaPlayer.ui,s=l.redux.connect,c=l.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 t(){var t=null!==e&&e.apply(this,arguments)||this;return t._renderChildComponent=function(){var e=t.props,n=e.children,r=e.playerSize;return(0,a.cloneElement)(n,{hideButtons:d.includes(r)})},t}return i(t,e),t.prototype.componentDidMount=function(){var e=this.props,t=e.playerSize,n=e.onMinSize;p.includes(t)&&n()},t.prototype.componentDidUpdate=function(e){var t=this.props,n=t.playerSize,r=t.onMinSize,i=t.onDefaultSize;n!==c.TINY&&(!p.includes(n)||p.includes(e.playerSize)?!p.includes(n)&&p.includes(e.playerSize)&&i():r())},t.prototype.render=function(e){return e.playerSize===c.TINY?null:this._renderChildComponent()},t.defaultProps={onMinSize:function(){}},o([s(u)],t)}(a.Component);t.ResponsiveManager=_},2173:function(e,t,n){"use strict";var r,i=this&&this.__extends||(r=function(e,t){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},r(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),o=this&&this.__assign||function(){return o=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},o.apply(this,arguments)};Object.defineProperty(t,"__esModule",{value:!0}),t.SideBySideWrapper=void 0;var a=n(4522),l=n(2615),s=n(5572),c=n(7590),d=n(6054),p=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.sbsWrapperRef=(0,a.createRef)(),t}return i(t,e),t.prototype.render=function(e){var t=this,n=e.leftSideProps,r=e.rightSideProps,i=e.layout,p=e.onSizeChange,u=e.onMinSize;return(0,a.h)(c.ResponsiveManager,{onMinSize:function(){u()},onDefaultSize:p},(0,a.h)("div",{className:d.sideBySideWrapper,ref:this.sbsWrapperRef,"data-testid":"dualscreen_sideBySideWrapper"},(0,a.h)(l.SideBySide,o({},n,{streamMode:i===s.Layout.SideBySide?s.StreamMode.Primary:s.StreamMode.Secondary,getParentRef:function(){return t.sbsWrapperRef}})),(0,a.h)(l.SideBySide,o({},r,{streamMode:i===s.Layout.SideBySide?s.StreamMode.Secondary:s.StreamMode.Primary,getParentRef:function(){return t.sbsWrapperRef}}))))},t}(a.Component);t.SideBySideWrapper=p},2615:function(e,t,n){"use strict";var r,i=this&&this.__extends||(r=function(e,t){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},r(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),o=this&&this.__decorate||function(e,t,n,r){var i,o=arguments.length,a=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,r);else for(var l=e.length-1;l>=0;l--)(i=e[l])&&(a=(o<3?i(a):o>3?i(t,n,a):i(t,n))||a);return o>3&&a&&Object.defineProperty(t,n,a),a};Object.defineProperty(t,"__esModule",{value:!0}),t.SideBySide=void 0;var a=n(4522),l=n(6054),s=n(1972),c=n(5572),d=KalturaPlayer.ui.redux.connect,p=KalturaPlayer.ui.preacti18n,u=p.withText,_=p.Text,y=function(e){return{expandScreen:e.streamMode===c.StreamMode.Primary?(0,a.h)(_,{id:"dualScreen.expand_primary_screen"},"Expand primary screen"):(0,a.h)(_,{id:"dualScreen.expand_secondary_screen"},"Expand secondary screen")}},g=function(e){return{playerWidth:e.shell.guiClientRect.width,showUi:e.shell.playerHover||e.shell.playerNav}},h=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.ref=(0,a.createRef)(),t}return i(t,e),t.prototype.componentDidMount=function(){var e=this.props.player.getVideoElement();e.tabIndex=-1,this.ref.current.prepend(e)},t.prototype._renderHoverButton=function(){var e=this.props,t=e.onExpand,n=e.showUi,r=e.focusOnButton,i=e.multiscreen,o=[l.innerButtons];return n||o.push(l.hideButtons),(0,a.h)(a.Fragment,null,(0,a.h)("div",{className:o.join(" ")},(0,a.h)("div",{className:l.buttonWrapper},(0,a.cloneElement)(i,{getParentRef:this.props.getParentRef,sbsLayout:!0})),(0,a.h)("div",{className:l.buttonWrapper},(0,a.h)(s.Button,{className:l.iconContainer,onClick:t,tooltip:{label:this.props.expandScreen,type:"bottom-left"},focusOnMount:r,type:s.ButtonType.borderless,size:s.ButtonSize.medium,icon:"expand",testId:"dualscreen_switchToPIP"}))))},t.prototype.render=function(e){var t=e.playerWidth,n=e.animation,r={height:t/2/16*9},i=[l.player];return n===c.Animations.ScaleLeft?i.push(l.animatedScale):i.push(l.animatedFade),(0,a.h)("div",{ref:this.ref,className:i.join(" "),style:r,"data-testid":"dualscreen_sbs"},this._renderHoverButton())},o([u(y),d(g)],t)}(a.Component);t.SideBySide=h},9832:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.DualScreenEngineDecorator=void 0;var r=n(2052),i=n(5572),o=(r.core.FakeEvent,r.core.EventType),a=function(){function e(e,t,n){var r=this;this._isActive=!1,this._plugin=t,this._dispatcher=n,t.eventManager.listen(t.player,o.SEEKING,(function(){var e;r._isActive=!!(null===(e=r.secondaryPlayer)||void 0===e?void 0:e.src)})),t.eventManager.listen(t.player,o.SEEKED,(function(){r._isActive=!1}))}return Object.defineProperty(e.prototype,"active",{get:function(){return this._isActive&&!this.secondaryPlayer.ended},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"secondaryPlayer",{get:function(){return this._plugin.getActiveDualScreenPlayer(i.PlayerContainers.secondary)},enumerable:!1,configurable:!0}),e.prototype.dispatchEvent=function(e){var t,n=this;return e.type===o.SEEKED?((null===(t=this.secondaryPlayer)||void 0===t?void 0:t.type)===i.PlayerType.VIDEO&&this._plugin.eventManager.listenOnce(secondaryPlayer.player,o.SEEKED,(function(){n._dispatcher(e)})),!0):this._dispatcher(e)},e}();t.DualScreenEngineDecorator=a},4009:function(e,t,n){"use strict";var r,i=this&&this.__extends||(r=function(e,t){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},r(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),o=this&&this.__assign||function(){return o=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},o.apply(this,arguments)},a=this&&this.__spreadArray||function(e,t,n){if(n||2===arguments.length)for(var r,i=0,o=t.length;i<o;i++)!r&&i in t||(r||(r=Array.prototype.slice.call(t,0,i)),r[i]=t[i]);return e.concat(r||Array.prototype.slice.call(t))};Object.defineProperty(t,"__esModule",{value:!0}),t.DualScreen=void 0;var l=n(4522),s=n(3087),c=n(6593),d=n(745),p=n(5572),u=n(1508),_=n(253),y=n(7590),g=n(1186),h=n(994),A=n(2173),v=n(4539),f=n(9832),m=n(2443),C=n(2052);n(8610);var b=n(6576),P=C.ui.reducers.shell,S=C.core.EventType,k=C.core.FakeEvent,w="has-dual-screen-plugin-overlay",x=["Playback","Live","Ads"],B="imagePlayer",E="mainPlayer",M=function(e){function t(t,n,r){var i=e.call(this,t,n,r)||this;i._externalLayout=null,i._pipPosition=p.Position.BottomRight,i._removeActivesArr=[],i._playbackEnded=!1,i._resolveReadyPromise=function(){},i._pipPortraitMode=!1,i._undoRemoveSettings=null,i._dualScreenPlayers=[],i._currentMultiscreenPlayers=[],i._removeSettingsComponent=function(){if(!i._undoRemoveSettings){var e={presets:x,container:p.ReservedPresetAreas.BottomBarRightControls,get:C.ui.Components.Remove,replaceComponent:C.ui.Components.Settings.displayName};i._undoRemoveSettings=i.player.ui.addComponent(e)}},i._makeReadyPromise=function(){return new Promise((function(e){i._resolveReadyPromise=e}))},i.getDualScreenPlayer=function(e){return i._dualScreenPlayers.find((function(t){return t.id===e}))},i.getActiveDualScreenPlayer=function(e){return i._dualScreenPlayers.find((function(t){return t.container===e}))},i.getDualScreenThumbs=function(e){var t,n=i.getActiveDualScreenPlayer(p.PlayerContainers.primary);if([p.Layout.SingleMedia,p.Layout.SingleMediaInverse].includes(i._layout))return null==n?void 0:n.player.getThumbnail(e);var r=[n,i.getActiveDualScreenPlayer(p.PlayerContainers.secondary)].map((function(t){return null==t?void 0:t.player.getThumbnail(e)}));return r[0]&&r[1]?r:null!==(t=r[0])&&void 0!==t?t:r[1]},i._setActiveDualScreenPlayer=function(e,t){var n;if((null===(n=i.getActiveDualScreenPlayer(t))||void 0===n?void 0:n.id)!==e){var r=i._dualScreenPlayers.find((function(e){return e.container===t}));i._dualScreenPlayers=i._dualScreenPlayers.map((function(n){return r&&n.id===r.id?o(o({},n),{container:p.PlayerContainers.none}):o(o({},n),{container:n.id===e?t:n.container})}))}},i._getMultiscreenPlayers=function(){return i._dualScreenPlayers.filter((function(e){if(e.container===p.PlayerContainers.none)return!(e.type===p.PlayerType.IMAGE&&!e.player.active)}))},i._makeMultiscreenPlayers=function(e,t){return void 0===t&&(t=!1),i._currentMultiscreenPlayers=e.map((function(e){return i._layout===p.Layout.PIP?{player:e.player,setSecondary:function(){i._setActiveDualScreenPlayer(e.id,p.PlayerContainers.secondary),i._setMode(!0)},setPrimary:function(){i._setActiveDualScreenPlayer(e.id,p.PlayerContainers.primary),i._setMode(!0)}}:i._layout===p.Layout.SideBySide?{player:e.player,setSecondary:null,setPrimary:function(){i._setActiveDualScreenPlayer(e.id,t?p.PlayerContainers.secondary:p.PlayerContainers.primary),i._setMode(!0)}}:{player:e.player,setSecondary:null,setPrimary:function(){i.getActiveDualScreenPlayer(p.PlayerContainers.secondary).id===e.id?i._applyInverse():i._setActiveDualScreenPlayer(e.id,p.PlayerContainers.primary),i._setMode(!0)}}})),i._currentMultiscreenPlayers},i._setMode=function(e){switch(i._layout){case p.Layout.PIP:i._switchToPIP({force:e});break;case p.Layout.PIPInverse:i._applyInverse(),i._switchToPIP({force:e});break;case p.Layout.SingleMedia:i._switchToSingleMedia({force:e});break;case p.Layout.SingleMediaInverse:i._applyInverse(),i._switchToSingleMedia({force:e});break;case p.Layout.SideBySide:i._switchToSideBySide({force:e});break;case p.Layout.SideBySideInverse:i._applyInverse(),i._switchToSideBySide({force:e});break;case p.Layout.Hidden:i._switchToHidden();break;default:i.logger.warn("unrecognized layout, got:",i._layout)}},i._setDefaultMode=function(){i._switchToHidden();var e=[p.Layout.PIP,p.Layout.PIPInverse,p.Layout.SideBySide,p.Layout.SideBySideInverse,p.Layout.SingleMedia,p.Layout.SingleMediaInverse];i._layout=e.includes(i.config.layout)?i.config.layout:p.Layout.Hidden,i._pipPosition=i.config.position,i._pipPortraitMode=!1,i._externalLayout=null},i._setPipPosition=function(e){i._pipPosition=e},i.getPipPosition=function(){return i._pipPosition},i._applyInverse=function(){i._dualScreenPlayers=i._dualScreenPlayers.map((function(e){return e.container===p.PlayerContainers.none?e:o(o({},e),{container:e.container===p.PlayerContainers.primary?p.PlayerContainers.secondary:p.PlayerContainers.primary})}))},i._switchToHidden=function(){var e=i.player.ui.store.dispatch;i._layout=p.Layout.Hidden,e(P.actions.removePlayerClass(w)),i._removeActives(),i._originalVideoElementParent&&i._originalVideoElementParent.prepend(i.player.getVideoElement())},i._switchToPIP=function(e){var t,n,r=void 0===e?{}:e,o=r.animation,a=void 0===o?p.Animations.None:o,d=r.focusOnButton,u=r.force,_=null===(t=i.getDualScreenPlayer(B))||void 0===t?void 0:t.player;!u&&i._layout===p.Layout.PIP&&i._removeActivesArr.length&&(null===(n=_.active)||void 0===n?void 0:n.portrait)===i._pipPortraitMode||(i._layout=p.Layout.PIP,i._setPipPortraitMode(),i._addActives(i.player.ui.addComponent({label:"kaltura-dual-screen-pip",presets:x,container:p.ReservedPresetAreas.VideoContainer,get:function(){return(0,l.h)(s.PipParent,{animation:a,player:i.getActiveDualScreenPlayer(p.PlayerContainers.primary).player})}}),i.player.ui.addComponent({label:"kaltura-dual-screen-pip",presets:x,container:p.ReservedPresetAreas.InteractiveArea,get:function(){return(0,l.h)(y.ResponsiveManager,{onMinSize:function(){i._switchToSingleMedia()},onDefaultSize:i._setMode},(0,l.h)(h.DragAndSnapManager,{eventManager:i.eventManager,logger:i.logger,getPosition:i.getPipPosition,onPositionChanged:i._setPipPosition},(0,l.h)(s.PipChild,{animation:p.Animations.Fade,playerSizePercentage:i.config.childSizePercentage,player:i.getActiveDualScreenPlayer(p.PlayerContainers.secondary).player,hide:function(e,t){return i._switchToSingleMedia({animation:p.Animations.None,focusOnButton:(0,v.getValueOrUndefined)(t,p.ButtonsEnum.Show)})},onSideBySideSwitch:function(e,t){return i._switchToSideBySide({focusOnButton:t?p.ButtonsEnum.SideBySide:void 0,animation:p.Animations.ScaleLeft})},onInversePIP:function(e,t){i._applyInverse(),i._layout=p.Layout.PIPInverse,i._switchToPIP({animation:p.Animations.Fade,focusOnButton:(0,v.getValueOrUndefined)(t,p.ButtonsEnum.SwitchScreen)})},portrait:i._pipPortraitMode,aspectRatio:i.config.childAspectRatio,focusOnButton:d,layout:i._layout,multiscreen:(0,l.h)(c.Multiscreen,{players:i._makeMultiscreenPlayers(i._getMultiscreenPlayers()),getPosition:i.getPipPosition})})))}})))},i._switchToSingleMedia=function(e){var t=void 0===e?{}:e,n=t.animation,r=void 0===n?p.Animations.None:n,o=t.focusOnButton;!t.force&&i._layout===p.Layout.SingleMedia&&i._removeActivesArr.length||(i._layout=p.Layout.SingleMedia,i._addActives(i.player.ui.addComponent({label:"kaltura-dual-screen-pip",presets:x,container:p.ReservedPresetAreas.VideoContainer,get:function(){return(0,l.h)(s.PipParent,{animation:r,player:i.getActiveDualScreenPlayer(p.PlayerContainers.primary).player})}}),i.player.ui.addComponent({label:"kaltura-dual-screen-pip-minimized",presets:x,container:p.ReservedPresetAreas.BottomBar,get:function(){return(0,l.h)(y.ResponsiveManager,{onDefaultSize:i._setMode},(0,l.h)(d.PipMinimized,{show:function(e,t){return i._switchToPIP({animation:p.Animations.None,focusOnButton:(0,v.getValueOrUndefined)(t,p.ButtonsEnum.Hide)})},players:i._makeMultiscreenPlayers(a(a([],i._getMultiscreenPlayers(),!0),[i.getActiveDualScreenPlayer(p.PlayerContainers.secondary)],!1)),focusOnButton:o}))}})))},i._switchToSideBySide=function(e){var t=void 0===e?{}:e,n=t.animation,r=void 0===n?p.Animations.Fade:n,o=t.focusOnButton;if(t.force||i._layout!==p.Layout.SideBySide||!i._removeActivesArr.length){i._layout=p.Layout.SideBySide;var a={player:i.getActiveDualScreenPlayer(p.PlayerContainers.primary).player,onExpand:function(e,t){return i._switchToPIP({animation:p.Animations.ScaleRight,focusOnButton:(0,v.getValueOrUndefined)(t,p.ButtonsEnum.SideBySide)})},focusOnButton:Boolean(o),animation:r,multiscreen:(0,l.h)(c.Multiscreen,{players:i._makeMultiscreenPlayers(i._getMultiscreenPlayers())})},s={player:i.getActiveDualScreenPlayer(p.PlayerContainers.secondary).player,onExpand:function(e,t){i._applyInverse(),i._switchToPIP({animation:p.Animations.ScaleLeft,focusOnButton:(0,v.getValueOrUndefined)(t,p.ButtonsEnum.SideBySide)})},animation:p.Animations.Fade,multiscreen:(0,l.h)(c.Multiscreen,{players:i._makeMultiscreenPlayers(i._getMultiscreenPlayers(),!0)})};i._addActives(i.player.ui.addComponent({label:"kaltura-dual-screen-side-by-side",presets:x,container:p.ReservedPresetAreas.VideoContainer,get:function(){return(0,l.h)(A.SideBySideWrapper,{leftSideProps:a,rightSideProps:s,layout:i._layout,onSizeChange:i._setMode,onMinSize:i._switchToSingleMedia})}}))}},i._onActiveSlideChanged=function(e){var t;if(e){var n=!1;i._layout!==p.Layout.Hidden||i._externalLayout||(n=!0,i._setDefaultMode()),i._layout===p.Layout.Hidden&&i._externalLayout&&i._applyExternalLayout();var r=!1;e.portrait!==i._pipPortraitMode&&(r=!0);var o=!0;((null===(t=i.getDualScreenPlayer(B))||void 0===t?void 0:t.container)!==p.PlayerContainers.none||i._currentMultiscreenPlayers.find((function(e){return e.player instanceof m.ImagePlayer})))&&(o=!1),(n||r&&i._layout===p.Layout.PIP||o)&&i._setMode(!0),i.config.removePlayerSettings&&i._removeSettingsComponent()}else i._switchToHidden()},i._onSlideViewChanged=function(e){i._externalLayout!==e&&(i._externalLayout=e,i._applyExternalLayout())},i._applyExternalLayout=function(){var e=i.getActiveDualScreenPlayer(p.PlayerContainers.primary),t=i.getActiveDualScreenPlayer(p.PlayerContainers.secondary),n=function(n){return(null==e?void 0:e.id)===n?B:E&&(null==t?void 0:t.id)===n?E:B},r=function(e){i._setActiveDualScreenPlayer(E,e?p.PlayerContainers.secondary:p.PlayerContainers.primary),i._setActiveDualScreenPlayer(B,e?p.PlayerContainers.primary:p.PlayerContainers.secondary)};switch(i._externalLayout){case p.ExternalLayout.Hidden:i._switchToHidden();break;case p.ExternalLayout.SingleMedia:i._layout===p.Layout.SingleMedia&&n()||(r(),i._switchToSingleMedia({force:!0}));break;case p.ExternalLayout.SingleMediaInverse:i._layout===p.Layout.SingleMediaInverse&&n(!0)||(r(!0),i._switchToSingleMedia({force:!0}));break;case p.ExternalLayout.PIP:i._layout===p.Layout.PIP&&n()||(r(),i._switchToPIP({force:!0}));break;case p.ExternalLayout.PIPInverse:i._layout===p.Layout.PIPInverse&&n(!0)||(r(!0),i._switchToPIP({force:!0}));break;case p.ExternalLayout.SideBySide:i._layout===p.Layout.SideBySide&&n()||(r(),i._switchToSideBySide({force:!0}));break;case p.ExternalLayout.SideBySideInverse:i._layout===p.Layout.SideBySideInverse&&n(!0)||(r(!0),i._switchToSideBySide({force:!0}))}},i._readyPromise=i._makeReadyPromise(),i._layout=p.Layout.Hidden,i._pipPosition=i.config.position;var u={getDualScreenThumbs:i.getDualScreenThumbs};return i.player.registerService("dualScreen",u),i}return i(t,e),t.prototype.getEngineDecorator=function(e,t){return new f.DualScreenEngineDecorator(e,this,t)},Object.defineProperty(t.prototype,"_layout",{get:function(){return this.layout},set:function(e){e===p.Layout.PIP&&this.layout===p.Layout.PIPInverse||this.player.dispatchEvent(new k(b.DualscreenEvents.CHANGE_LAYOUT,{layout:e})),this.layout=e},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"ready",{get:function(){return this._readyPromise},enumerable:!1,configurable:!0}),t.prototype.loadMedia=function(){var e,t=new m.ImagePlayer(this._onActiveSlideChanged,this.config.slidesPreloadEnabled);this._dualScreenPlayers=[{id:E,type:p.PlayerType.VIDEO,container:p.PlayerContainers.primary,player:this.player},{id:B,type:p.PlayerType.IMAGE,container:p.PlayerContainers.none,player:t}],this._addBindings();var n=this.player.getService("kalturaCuepoints");if(this._getSecondaryMedia(),n){null==n||n.registerTypes([n.CuepointType.SLIDE,n.CuepointType.VIEW_CHANGE]);var r=null===(e=this.getDualScreenPlayer(B))||void 0===e?void 0:e.player;this._imageSyncManager=new _.ImageSyncManager(this.eventManager,this.player,r,this.logger,this._onSlideViewChanged)}else this.logger.warn("kalturaCuepoints service is not registered")},t.prototype.reset=function(){var e,t=this;this._setDefaultMode(),this._layout=p.Layout.Hidden,this._dualScreenPlayers.forEach((function(e){var n;if(e.id!==E){var r=e.player;r.destroy(),e.type===p.PlayerType.VIDEO&&t._removeSecondaryPlaceholder(null===(n=r.config)||void 0===n?void 0:n.targetId)}})),null===(e=this._imageSyncManager)||void 0===e||e.reset(),this._imageSyncManager=void 0,this._readyPromise=this._makeReadyPromise(),this._undoRemoveSettings&&(this._undoRemoveSettings(),this._undoRemoveSettings=null),this._dualScreenPlayers=[],this._currentMultiscreenPlayers=[],this.eventManager.removeAll()},t.prototype._removeSecondaryPlaceholder=function(e){var t=document.getElementById(e);t&&document.body.removeChild(t)},t.prototype._addBindings=function(){var e=this;this.eventManager.listen(this.player,S.PLAYBACK_ENDED,(function(){e._playbackEnded=!0})),this.eventManager.listenOnce(this.player,S.FIRST_PLAY,(function(){e._originalVideoElementParent=e.player.getVideoElement().parentElement})),this.eventManager.listen(this.player,S.PLAY,(function(){if(e._playbackEnded){e._playbackEnded=!1;var t=e.getActiveDualScreenPlayer(p.PlayerContainers.secondary);t.type!==p.PlayerType.IMAGE||t.player.active?(e._setDefaultMode(),e._setMode()):e._switchToHidden()}}))},t.prototype._addActives=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];(0,this.player.ui.store.dispatch)(P.actions.addPlayerClass(w)),this._removeActives(),this._removeActivesArr=e},t.prototype._removeActives=function(){this._removeActivesArr.forEach((function(e){e()})),this._removeActivesArr=[]},t.prototype._getSecondaryMedia=function(){var e=this;this.player.provider.doRequest([{loader:g.SecondaryMediaLoader,params:{parentEntryId:this.player.sources.id}}]).then((function(t){var n,r;if(t&&t.has(g.SecondaryMediaLoader.id)){var i=t.get(g.SecondaryMediaLoader.id),o=(null===(n=null==i?void 0:i.response)||void 0===n?void 0:n.entries)||[];if(o.forEach((function(t,n){var r=e._createSecondaryPlayer(t.id);e._dualScreenPlayers.push({id:t.id,player:r,type:p.PlayerType.VIDEO,container:0===n?p.PlayerContainers.secondary:p.PlayerContainers.none}),new u.VideoSyncManager(e.eventManager,e.player,r,e.logger)})),o.length){e.config.removePlayerSettings&&e._removeSettingsComponent();var a=null===(r=e.getActiveDualScreenPlayer(p.PlayerContainers.secondary))||void 0===r?void 0:r.player;e.eventManager.listenOnce(a,S.CHANGE_SOURCE_ENDED,(function(){e._resolveReadyPromise()})),e.eventManager.listenOnce(a,S.FIRST_PLAYING,(function(){e.logger.debug("secondary player first playing - show dual mode"),e._setDefaultMode(),e._setMode()}))}else e._setActiveDualScreenPlayer(B,p.PlayerContainers.secondary),e.logger.trace("child media not found"),e._resolveReadyPromise()}else e.logger.warn("SecondaryMediaLoader does not exist"),e._resolveReadyPromise(),e.eventManager.removeAll()})).catch((function(t){e.logger.error(t),e._resolveReadyPromise()}))},t.prototype._createSecondaryPlayer=function(e){var t,n="secondaryPlaceholder-".concat(e),r=document.createElement("div");r.setAttribute("id",n),r.style.width="240px",r.style.height="135px",r.hidden=!0,document.body.appendChild(r);var i={targetId:n,disableUserCache:!0,playback:{muted:!0,autoplay:!1},ui:{disable:!0},provider:o(o({},this.player.config.provider),{ignoreServerConfig:!0}),plugins:{"kaltura-live":o({},(null===(t=this.player.plugins["kaltura-live"])||void 0===t?void 0:t.config)||{})}},a=window.KalturaPlayer.setup(i);return a.loadMedia({entryId:e,ks:this.player.config.session.isAnonymous?"":this.player.config.session.ks}),a},t.isValid=function(){return!0},t.prototype.destroy=function(){this.eventManager.destroy()},t.prototype._setPipPortraitMode=function(){var e=this.getActiveDualScreenPlayer(p.PlayerContainers.secondary);if(e.type===p.PlayerType.VIDEO&&e.player){var t=e.player.getVideoElement().videoWidth,n=e.player.getVideoElement().videoHeight;this._pipPortraitMode=t<n||this._pipPortraitMode}else this._pipPortraitMode=e.player.active?e.player.active.portrait:this._pipPortraitMode},t.defaultConfig={layout:p.Layout.PIP,childSizePercentage:30,childAspectRatio:{width:16,height:9},position:p.Position.BottomRight,slidesPreloadEnabled:!0,removePlayerSettings:!1},t}(C.BasePlugin);t.DualScreen=M},4510:(e,t)=>{"use strict";var n;Object.defineProperty(t,"__esModule",{value:!0}),t.Animations=void 0,(n=t.Animations||(t.Animations={})).None="None",n.Fade="Fade",n.ScaleRight="ScaleRight",n.ScaleLeft="ScaleLeft",n.Slide="Slide"},439:(e,t)=>{"use strict";var n;Object.defineProperty(t,"__esModule",{value:!0}),t.ButtonsEnum=void 0,(n=t.ButtonsEnum||(t.ButtonsEnum={}))[n.Hide=0]="Hide",n[n.Show=1]="Show",n[n.ExpandScreen=2]="ExpandScreen",n[n.SideBySide=3]="SideBySide",n[n.SwitchScreen=4]="SwitchScreen"},5572:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var i=Object.getOwnPropertyDescriptor(t,n);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,i)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),i=this&&this.__exportStar||function(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||r(t,e,n)};Object.defineProperty(t,"__esModule",{value:!0}),i(n(4510),t),i(n(5542),t),i(n(7303),t),i(n(439),t),i(n(6495),t)},5542:(e,t)=>{"use strict";var n,r,i,o,a,l;Object.defineProperty(t,"__esModule",{value:!0}),t.PlayerContainers=t.StreamMode=t.ViewModeLockState=t.ExternalLayout=t.Position=t.Layout=void 0,(l=t.Layout||(t.Layout={})).PIP="PIP",l.PIPInverse="PIPInverse",l.SingleMedia="SingleMedia",l.SingleMediaInverse="SingleMediaInverse",l.SideBySide="SideBySide",l.SideBySideInverse="SideBySideInverse",l.Hidden="Hidden",(a=t.Position||(t.Position={})).BottomLeft="bottom-left",a.BottomRight="bottom-right",a.TopLeft="top-left",a.TopRight="top-right",(o=t.ExternalLayout||(t.ExternalLayout={})).Hidden="locked",o.SingleMedia="parent-only",o.SingleMediaInverse="no-parent",o.PIP="pip-parent-in-large",o.PIPInverse="pip-parent-in-small",o.SideBySide="sbs-parent-in-left",o.SideBySideInverse="sbs-parent-in-right",(i=t.ViewModeLockState||(t.ViewModeLockState={})).Locked="locked",i.Unlocked="unlocked",(r=t.StreamMode||(t.StreamMode={})).Primary="Primary",r.Secondary="Secondary",(n=t.PlayerContainers||(t.PlayerContainers={})).none="none",n.primary="primary",n.secondary="secondary"},6495:(e,t)=>{"use strict";var n;Object.defineProperty(t,"__esModule",{value:!0}),t.PlayerType=void 0,(n=t.PlayerType||(t.PlayerType={})).IMAGE="image",n.VIDEO="video"},7303:(e,t)=>{"use strict";var n;Object.defineProperty(t,"__esModule",{value:!0}),t.ReservedPresetAreas=void 0,(n=t.ReservedPresetAreas||(t.ReservedPresetAreas={})).PresetFloating="PresetFloating",n.BottomBar="BottomBar",n.BottomBarLeftControls="BottomBarLeftControls",n.BottomBarRightControls="BottomBarRightControls",n.TopBarLeftControls="TopBarLeftControls",n.TopBarRightControls="TopBarRightControls",n.SidePanelTop="SidePanelTop",n.InteractiveAreaSidePanelLeft="SidePanelLeft",n.SidePanelRight="SidePanelRight",n.SidePanelBottom="SidePanelBottom",n.PresetArea="PresetArea",n.InteractiveArea="InteractiveArea",n.PlayerArea="PlayerArea",n.VideoArea="VideoArea",n.VideoContainer="VideoContainer"},2230:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.DualscreenEvents=void 0,t.DualscreenEvents={CHANGE_LAYOUT:"dualscreen_change_layout"}},6576:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.DualscreenEvents=void 0;var r=n(2230);Object.defineProperty(t,"DualscreenEvents",{enumerable:!0,get:function(){return r.DualscreenEvents}})},5623:(e,t)=>{"use strict";var n;Object.defineProperty(t,"__esModule",{value:!0}),t.icons=void 0,(n=t.icons||(t.icons={})).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",n.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",n.MediumSize=24,n.SmallSize=16},8647:function(e,t,n){"use strict";var r=this&&this.__assign||function(){return r=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},r.apply(this,arguments)};Object.defineProperty(t,"__esModule",{value:!0}),t.ImagePlayer=void 0,n(4505);var i=function(){function e(e,t){var n=this;this._images=[],this._activeImage=null,this._preloadEnabled=!0,this.getThumbnail=function(e){for(var t=n._images.length-1;t>=0;t--)if(n._images[t].startTime<=e)return{height:n._images[t].height,width:n._images[t].width,x:0,y:0,url:n._images[t].imageUrl,slide:!0}},this.preLoadImages=function(){var e=n._images.some((function(e){return e.loading}));if(n._preloadEnabled&&!e){for(var t=n._activeImage?n._activeImage.index:0;t<n._images.length;t++){var r=n._images[t];if(!n._isSlideItemPreloded(r))return void n._preLoadImage(r)}var i=n._images.find((function(e){return!n._isSlideItemPreloded(e)}));i&&n._preLoadImage(i)}},this.addImage=function(e){if(!n._images.find((function(t){return t.id===e.id}))){var t=function(){},i=new Promise((function(e){t=e})),o=r(r({},e),{index:n._images.length,height:0,width:0,loading:!1,loaded:!1,portrait:!1,retryAttempts:0,ready:i,setReady:t});n._images.push(o)}},this.setActive=function(e){if(!e){if(!n._activeImage)return;var t=n._imagePlayer.firstChild;return t.setAttribute("src",""),t.removeAttribute("alt"),n._activeImage=null,void n._onActiveChange(null)}n._activeImage&&e===n._activeImage.id||(clearTimeout(n._retryTimeout),n._images.find((function(t){return e===t.id&&(n._preLoadImage(t),n._activeImage=t,t.ready.then((function(){var e;if((null===(e=n._activeImage)||void 0===e?void 0:e.id)===t.id){n._onActiveChange(t);var r=n._imagePlayer.firstChild;r.setAttribute("src",t.imageUrl),r.setAttribute("alt",t.alt||"Slide")}})),!0)})))},this.getVideoElement=function(){return n._imagePlayer},this._isSlideItemPreloded=function(e){return e.loaded||e.loading||e.retryAttempts>=3},this._createImagePlayer=function(){var e=document.createElement("div"),t=document.createElement("img");return t.src="",t.alt="",e.appendChild(t),e.classList.add("playkit-image-player"),e.dataset.testid="dualscreen_imagePlayer",e},this._preLoadImage=function(e){if(n._isSlideItemPreloded(e))n.preLoadImages();else{e.retryAttempts++,e.loading=!0;var t=new Image;t.onload=function(){e.loading=!1,e.loaded=!0,e.width=t.width,e.height=t.height,e.portrait=t.width<t.height,e.setReady(),n.preLoadImages()},t.onerror=function(){e.loading=!1,n._retryTimeout=setTimeout((function(){n._preLoadImage(e)}),2e3)},t.src=e.imageUrl}},this.reset=function(){n._activeImage=null,n._images=[],clearTimeout(n._retryTimeout)},this.destroy=function(){n.reset()},this._imagePlayer=this._createImagePlayer(),this._onActiveChange=e,this._preloadEnabled=t}return Object.defineProperty(e.prototype,"active",{get:function(){return this._activeImage},enumerable:!1,configurable:!0}),e}();t.ImagePlayer=i},2443:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var i=Object.getOwnPropertyDescriptor(t,n);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,i)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),i=this&&this.__exportStar||function(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||r(t,e,n)};Object.defineProperty(t,"__esModule",{value:!0}),i(n(8647),t)},253:function(e,t,n){"use strict";var r=this&&this.__assign||function(){return r=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},r.apply(this,arguments)};Object.defineProperty(t,"__esModule",{value:!0}),t.ImageSyncManager=void 0;var i=n(2052),o=n(5572),a=n(4300),l=i.core.TimedMetadata,s=i.core.EventType,c=function(){function e(e,t,n,i,l){var c=this;this._firstPlaying=!1,this._lock=!1,this._syncEvents=function(){c._eventManager.listen(c._mainPlayer,s.TIMED_METADATA_CHANGE,c._onTimedMetadataChange),c._eventManager.listen(c._mainPlayer,s.TIMED_METADATA_ADDED,c._onTimedMetadataAdded),c._eventManager.listen(c._mainPlayer,s.FIRST_PLAYING,c._onFirstPlaying)},this._onFirstPlaying=function(){c._firstPlaying=!0,c._imagePlayer.preLoadImages()},this._onTimedMetadataChange=function(e){var t=e.payload.cues.reduce((function(e,t){var n,i;if(c._isSlideCuePoint(t))return r(r({},e),{activeSlide:t.id});if((null===(n=t.metadata)||void 0===n?void 0:n.cuePointType)===c._kalturaCuePointService.KalturaCuePointType.CODE&&"change-view-mode"===(null===(i=t.metadata)||void 0===i?void 0:i.tags)){var a=t.metadata.partnerData,l=a.playerViewModeId,s=a.viewModeLockState;if(l)return r(r({},e),{externalLayout:s===o.ViewModeLockState.Locked?o.ExternalLayout.Hidden:l})}return e}),{activeSlide:null,externalLayout:null}),n=t.activeSlide,i=t.externalLayout;i&&c._onSlideViewChanged(i),c._debouncedSetActive(i===o.ExternalLayout.Hidden?null:n)},this._onTimedMetadataAdded=function(e){e.payload.cues.map((function(e){if(c._isSlideCuePoint(e))return c._imagePlayer.addImage({id:e.id,imageUrl:e.metadata.assetUrl,alt:e.metadata.title||e.metadata.description,startTime:e.startTime}),e})).length&&c._firstPlaying&&c._imagePlayer.preLoadImages()},this._eventManager=e,this._mainPlayer=t,this._imagePlayer=n,this._logger=i,this._onSlideViewChanged=l,this._syncEvents(),this._kalturaCuePointService=this._mainPlayer.getService("kalturaCuepoints"),this._debouncedSetActive=(0,a.debounce)(this._imagePlayer.setActive,200)}return e.prototype._isSlideCuePoint=function(e){var t,n;return(null==e?void 0:e.type)===l.TYPE.CUE_POINT&&(null===(t=e.metadata)||void 0===t?void 0:t.cuePointType)===this._kalturaCuePointService.KalturaCuePointType.THUMB&&(null===(n=e.metadata)||void 0===n?void 0:n.subType)===this._kalturaCuePointService.KalturaThumbCuePointSubType.SLIDE},e.prototype.reset=function(){this._firstPlaying=!1},e}();t.ImageSyncManager=c},1186:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.SecondaryMediaLoader=void 0;var n=KalturaPlayer.providers,r=n.RequestBuilder,i=n.ResponseTypes,o=function(){function e(e){this._parentEntryId="",this._requests=[],this._response={entries:[]},this._parentEntryId=e.parentEntryId;var t=new Map,n=new r(t);n.service="baseEntry",n.action="list",n.params={filter:{objectType:"KalturaBaseEntryFilter",parentEntryIdEqual:this._parentEntryId,typeIn:"".concat(i.KalturaMediaEntry.MediaType.VIDEO.value,",7")},responseProfile:{type:1,fields:"id"}},this.requests.push(n)}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 t,n=new i.KalturaBaseEntryListResponse(null===(t=e[0])||void 0===t?void 0:t.data);n.totalCount&&(this._response.entries=null==n?void 0:n.entries)},enumerable:!1,configurable:!0}),e.prototype.isValid=function(){return!!this._parentEntryId},e}();t.SecondaryMediaLoader=o},4539:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getValueOrUndefined=t.dimensionStyleToString=t.getClientY=t.getClientX=t.isInInterval=void 0,t.isInInterval=function(e,t,n){return!isNaN(e)&&!isNaN(t)&&!isNaN(n)&&t<=n&&e>=t&&e<=n},t.getClientX=function(e){return e instanceof MouseEvent?e.clientX:e.changedTouches&&e.changedTouches[0]&&e.changedTouches[0].clientX},t.getClientY=function(e){return e instanceof MouseEvent?e.clientY:e.changedTouches&&e.changedTouches[0]&&e.changedTouches[0].clientY},t.dimensionStyleToString=function(e){return"".concat(e,"px")},t.getValueOrUndefined=function(e,t){return e?t:void 0}},1508:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.VideoSyncManager=void 0;var r=n(4539),i=n(2052),o=n(4300),a=i.core.EventType,l=i.core.FakeEvent,s=i.core.Error,c=i.core.StateType;t.VideoSyncManager=function(e,t,n,i){var d=this;this._isSyncDelay=!1,this._errorHandling=function(){d._eventManager.listen(d._secondaryPlayer,a.ERROR,(function(e){d._logger.debug("errorHandling :: secondary player got error");var t=new s(s.Severity.CRITICAL,s.Category.PLAYER,s.Code.VIDEO_ERROR,e);d._mainPlayer.pause(),d._mainPlayer.dispatchEvent(new l(a.ERROR,t))})),d._eventManager.listen(d._mainPlayer,a.ERROR,(function(){d._logger.debug("errorHandling :: main player got error"),d._secondaryPlayer.reset()}))},this._syncEvents=function(){var e=0;d._eventManager.listen(d._mainPlayer,a.PLAY,(function(){d._logger.debug("syncEvents :: secondary player play"),d._secondaryPlayer.play()})),d._eventManager.listen(d._mainPlayer,a.PAUSE,(function(){d._logger.debug("syncEvents :: secondary player pause"),d._secondaryPlayer.pause()})),d._eventManager.listenOnce(d._secondaryPlayer,a.CHANGE_SOURCE_ENDED,(function(){var t=d._secondaryPlayer.isLive(),n=d._secondaryPlayer.isDvr();t?n&&d._eventManager.listen(d._secondaryPlayer,a.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,a.TIME_UPDATE,(function(){if(!d._isSyncDelay){var t=Date.now();(t-e>1e3||d._mainPlayer.paused)&&(e=t,d._mediaSync())}}))),t&&!n||d._eventManager.listen(d._mainPlayer,a.SEEKING,(function(){d._logger.debug("syncEvents :: seek secondary player to ".concat(d._mainPlayer)),d._secondaryPlayer.pause(),d._debouncedSeekSecondaryPlayer()}))})),d._eventManager.listen(d._mainPlayer,a.ENDED,(function(){d._logger.debug("syncEvents :: secondary player pause + seek to 0.01"),d._secondaryPlayer.pause(),d._seekSecondaryPlayer(.01)})),d._eventManager.listen(d._mainPlayer,a.PLAYER_STATE_CHANGED,(function(e){var t=e.payload;if(t.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();t.newState.type===c.PLAYING&&t.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)){var e=(d._secondaryPlayer._localPlayer.env.isSafari?.5:0)*d._mainPlayer.playbackRate;if(d._secondaryPlayer){var t=!1,n=d._getSyncDelay();d._logger.debug("mediaSync :: synchDelay is ".concat(n));var r=0,i=Math.round(100*Math.abs(n))/100;if(n-e>.03?r=-1*i:n+e<-.03&&(r=i),0!==r)if(Math.abs(n)<4){var o=d._mainPlayer.playbackRate+r;o<.1&&(o=.1),d._logger.debug("mediaSync :: Adjusting slave playbackRateChange = ".concat(o)),d._secondaryPlayer.playbackRate=o}else d._logger.debug("mediaSync :: Adjusting secondary player playbackRateChange to main player and flagging for seek"),d._secondaryPlayer.playbackRate=d._mainPlayer.playbackRate,t=!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());t&&(d._logger.debug("mediaSync :: Seeking secondary player to ".concat(d._mainPlayer.currentTime+.25)),d._seekSecondaryPlayer(.25))}}},this._getSyncDelay=function(){var e=d._mainPlayer.currentTime,t=d._secondaryPlayer.currentTime;return-1==e||-1==t||(0,r.isInInterval)(t,e-0,e)?0:t-e},this._seekSecondaryPlayer=function(e){void 0===e&&(e=0);var t=d._mainPlayer.currentTime<0?0:d._mainPlayer.currentTime;if(d._secondaryPlayer.ended&&d._secondaryPlayer.duration&&Math.ceil(t)>d._secondaryPlayer.duration)return d._logger.debug("seekSecondaryPlayer :: seekTime ".concat(t," is out of bounds 0..").concat(d._secondaryPlayer.duration,". pause secondary player")),void d._secondaryPlayer.pause();d._logger.debug("seekSecondaryPlayer :: seeking to=".concat(t,", ahead=").concat(e)),d._secondaryPlayer.currentTime=t+e,d._mainPlayer.paused?d._secondaryPlayer.pause():d._secondaryPlayer.play()},this._eventManager=e,this._mainPlayer=t,this._secondaryPlayer=n,this._logger=i,this._syncEvents(),this._errorHandling(),this._debouncedSeekSecondaryPlayer=(0,o.debounce)(this._seekSecondaryPlayer,1e3)}},2052:e=>{"use strict";e.exports=KalturaPlayer},4522:e=>{"use strict";e.exports=KalturaPlayer.ui.preact}},t={};function n(r){var i=t[r];if(void 0!==i)return i.exports;var o=t[r]={id:r,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.exports}n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.nc=void 0;var r={};(()=>{"use strict";var e=r;Object.defineProperty(e,"__esModule",{value:!0}),e.DualscreenEvents=e.NAME=e.VERSION=e.Plugin=void 0;var t=n(4009);Object.defineProperty(e,"Plugin",{enumerable:!0,get:function(){return t.DualScreen}});var i=n(6576);Object.defineProperty(e,"DualscreenEvents",{enumerable:!0,get:function(){return i.DualscreenEvents}}),e.VERSION="3.1.25",e.NAME="@playkit-js/playkit-js-dual-screen",KalturaPlayer.core.registerPlugin("dualscreen",t.DualScreen)})(),((KalturaPlayer=void 0===KalturaPlayer?{}:KalturaPlayer).plugins=KalturaPlayer.plugins||{}).dualscreen=r})();
|
|
2
|
+
var KalturaPlayer;(()=>{var e={1972:function(e,t,n){"use strict";var r,i=this&&this.__extends||(r=function(e,t){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},r(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),o=this&&this.__assign||function(){return o=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},o.apply(this,arguments)};Object.defineProperty(t,"__esModule",{value:!0}),t.Button=t.ButtonType=t.ButtonSize=void 0;var a,l,s=n(4522),c=n(42),d=n(2052),p=n(979),u=n(4820),_=n(7538),y=d.ui.Components.Tooltip;!function(e){e.small="small",e.medium="medium",e.large="large"}(a=t.ButtonSize||(t.ButtonSize={})),function(e){e.primary="primary",e.danger="danger",e.translucent="translucent",e.borderless="borderless"}(l=t.ButtonType||(t.ButtonType={}));var g=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.buttonRef=(0,s.createRef)(),t.renderButton=function(){var e,n=t.props,r=c(_.button,_[n.size],_[n.type],n.className,((e={})[_.disabled]=n.disabled,e[_.withIcon]=n.children&&n.icon,e[_.iconOnly]=!n.children&&n.icon,e)),i=o(o({ref:t.buttonRef,disabled:n.disabled,"aria-disabled":n.disabled,tabIndex:n.tabIndex,className:r},n.ariaLabel?{"aria-label":n.ariaLabel}:{}),n.testId?{"data-testid":n.testId}:{}),a=(0,s.h)("button",o({},i),(0,s.h)(s.Fragment,null,n.icon&&(0,s.h)(u.Icon,{name:n.icon,size:u.IconSize[n.size]}),n.children&&(0,s.h)("span",null,n.children)));return n.onClick?(0,s.h)(p.A11yWrapper,{onClick:n.onClick},a):a},t}return i(t,e),t.prototype.componentDidMount=function(){var e;this.props.focusOnMount&&(null===(e=this.buttonRef.current)||void 0===e||e.focus())},t.prototype.render=function(e){if(e.tooltip){var t=o(o({label:e.tooltip.label},e.tooltip.type?{type:e.tooltip.type}:{}),e.tooltip.className?{classNames:e.tooltip.className}:{});return(0,s.h)(y,o({},t),this.renderButton())}return this.renderButton()},t}(s.Component);t.Button=g,g.defaultProps={disabled:!1,focusOnMount:!1,tabIndex:0,children:null,size:a.medium,icon:null,type:l.primary}},979:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.A11yWrapper=t.isKeyboardEvent=void 0;var r=n(4522),i=n(2052).ui.utils.KeyMap,o=i.ENTER,a=i.SPACE,l=i.UP,s=i.DOWN,c=i.LEFT,d=i.RIGHT,p=function(e){e.preventDefault(),e.stopPropagation()};t.isKeyboardEvent=function(e){return e instanceof KeyboardEvent||[e.offsetX,e.offsetY].every((function(e){return 0===e}))},t.A11yWrapper=function(e){var n=e.children,i=e.onClick,u=e.onUpKeyPressed,_=e.onDownKeyPressed,y=e.onLeftKeyPressed,g=e.onRightKeyPressed,h=e.role,A=e.type,v={onKeyDown:function(e){e.keyCode===a||e.keyCode===o?(p(e),i(e,!0)):e.keyCode===l&&u?(p(e),u(e)):e.keyCode===s&&_?(p(e),_(e)):e.keyCode===c&&y?(p(e),y(e)):e.keyCode===d&&g&&(p(e),g(e))},onClick:function(e){e.stopPropagation(),i(e,(0,t.isKeyboardEvent)(e))},role:h};return"button"===n.type&&(v.type=A||"button"),(0,r.cloneElement)(n,v)},t.A11yWrapper.defaultProps={role:"button"}},9695:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Add=void 0;var r=n(4522);t.Add=function(){return(0,r.h)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},(0,r.h)("path",{d:"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",fill:"white"}))}},5254:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Close=void 0;var r=n(4522);t.Close=function(){return(0,r.h)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},(0,r.h)("path",{d:"M11.6592 10.245L6.70483 5.29061C6.31701 4.9028 5.68581 4.90476 5.29528 5.29528C4.90204 5.68853 4.90267 6.31688 5.29061 6.70483L10.245 11.6592L5.29061 16.6137C4.9028 17.0015 4.90476 17.6327 5.29528 18.0232C5.68853 18.4165 6.31688 18.4158 6.70483 18.0279L11.6592 13.0735L16.6137 18.0279C17.0015 18.4157 17.6327 18.4137 18.0232 18.0232C18.4165 17.63 18.4158 17.0016 18.0279 16.6137L13.0735 11.6592L18.0279 6.70483C18.4157 6.31701 18.4137 5.68581 18.0232 5.29528C17.63 4.90204 17.0016 4.90267 16.6137 5.29061L11.6592 10.245Z",fill:"white"}))}},1577:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Download=void 0;var r=n(4522);t.Download=function(){return(0,r.h)("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},(0,r.h)("path",{d:"M17.5 6C17.5 5.44772 17.0523 5 16.5 5L16.3834 5.00673C15.886 5.06449 15.5 5.48716 15.5 6L15.4997 17.693L9.71029 12.2702C9.30721 11.8926 8.67439 11.9133 8.29683 12.3164C7.91928 12.7195 7.93998 13.3523 8.34306 13.7298L15.8164 20.7298C15.8212 20.7343 15.826 20.7387 15.8308 20.7431L15.8164 20.7298L15.9035 20.8027C15.9034 20.8026 15.9037 20.8028 15.9035 20.8027C15.9135 20.8101 15.9231 20.817 15.9333 20.824C15.956 20.8397 15.9793 20.8544 16.0038 20.8684C16.0148 20.8747 16.0259 20.8808 16.0366 20.8864C16.0596 20.8984 16.0832 20.9096 16.1077 20.9201C16.1223 20.9263 16.1371 20.9322 16.1515 20.9376C16.1769 20.947 16.2028 20.9555 16.2299 20.963C16.2399 20.9658 16.25 20.9684 16.2595 20.9709C16.3365 20.9899 16.4171 21 16.5 21C16.5804 21 16.6585 20.9905 16.7336 20.9725C16.7521 20.968 16.7706 20.963 16.7889 20.9576C16.8097 20.9514 16.8303 20.9444 16.8507 20.9367C16.8632 20.932 16.8756 20.9271 16.8878 20.922C16.9121 20.9118 16.936 20.9006 16.9596 20.8883C16.9735 20.8812 16.9872 20.8736 17.0007 20.8658C17.0223 20.8533 17.0434 20.84 17.0636 20.8262C17.0764 20.8174 17.0891 20.8083 17.1021 20.7985C17.1224 20.7831 17.1422 20.767 17.161 20.7504C17.1685 20.7437 17.176 20.737 17.1834 20.7301L24.6619 13.7301C25.0651 13.3527 25.086 12.7198 24.7086 12.3166L24.6172 12.2304C24.2352 11.9126 23.6674 11.9215 23.2952 12.2699L17.4997 17.694L17.5 6Z",fill:"white"}),(0,r.h)("path",{d:"M27 26C27 26.5523 26.5523 27 26 27H7C6.44772 27 6 26.5523 6 26C6 25.4477 6.44772 25 7 25H26C26.5523 25 27 25.4477 27 26Z",fill:"white"}))}},2942:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Expand=void 0;var r=n(4522);t.Expand=function(){return(0,r.h)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},(0,r.h)("path",{d:"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",fill:"white"}))}},1861:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Icons=void 0;var r=n(5254),i=n(9919),o=n(1577),a=n(7024),l=n(8835),s=n(1223),c=n(7858),d=n(6563),p=n(2489),u=n(9695),_=n(756),y=n(4726),g=n(2942);t.Icons={close:r.Close,print:i.Print,download:o.Download,related:a.Related,message:l.Message,share:s.Share,more:c.More,quiz:d.QuizIcon,switch:p.Switch,add:u.Add,minimizedVideo:_.MinimizedVideo,pictureInPicture:y.PictureInPicture,expand:g.Expand}},8835:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Message=void 0;var r=n(4522);t.Message=function(){return(0,r.h)("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},(0,r.h)("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M25 5C27.2091 5 29 6.75035 29 8.90952V18.6833C29 20.8425 27.2091 22.5928 25 22.5928H14.985L10.7019 26.7188C10.546 26.8689 10.3449 26.9641 10.1302 26.9917L10 27C9.44772 27 9 26.5624 9 26.0226V22.5928H7C4.79086 22.5928 3 20.8425 3 18.6833V8.90952C3 6.75035 4.79086 5 7 5H25ZM25 6.95476H7C5.89543 6.95476 5 7.82994 5 8.90952V18.6833C5 19.7629 5.89543 20.6381 7 20.6381H11V23.687L14.1651 20.6381H25C26.1046 20.6381 27 19.7629 27 18.6833V8.90952C27 7.82994 26.1046 6.95476 25 6.95476ZM19 14.7738C19.5523 14.7738 20 15.2114 20 15.7512C20 16.291 19.5523 16.7286 19 16.7286H10C9.44772 16.7286 9 16.291 9 15.7512C9 15.2114 9.44772 14.7738 10 14.7738H19ZM23 10.8643C23.5523 10.8643 24 11.3019 24 11.8417C24 12.3815 23.5523 12.819 23 12.819H10C9.44772 12.819 9 12.3815 9 11.8417C9 11.3019 9.44772 10.8643 10 10.8643H23Z",fill:"white"}))}},756:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.MinimizedVideo=void 0;var r=n(4522);t.MinimizedVideo=function(){return(0,r.h)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},(0,r.h)("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M5.25 4.5H18.75C19.9926 4.5 21 5.50736 21 6.75V17.25C21 18.4926 19.9926 19.5 18.75 19.5H5.25C4.00736 19.5 3 18.4926 3 17.25V6.75C3 5.50736 4.00736 4.5 5.25 4.5ZM5.25 6C4.83579 6 4.5 6.33579 4.5 6.75V17.25C4.5 17.6642 4.83579 18 5.25 18H18.75C19.1642 18 19.5 17.6642 19.5 17.25V6.75C19.5 6.33579 19.1642 6 18.75 6H5.25ZM13 12C12.4477 12 12 12.4477 12 13V15.5C12 16.0523 12.4477 16.5 13 16.5H17C17.5523 16.5 18 16.0523 18 15.5V13C18 12.4477 17.5523 12 17 12H13Z",fill:"white"}))}},7858:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.More=void 0;var r=n(4522);t.More=function(){return(0,r.h)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},(0,r.h)("path",{d:"M8 12C8 13.1046 7.10457 14 6 14C4.89543 14 4 13.1046 4 12C4 10.8954 4.89543 10 6 10C7.10457 10 8 10.8954 8 12ZM14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12ZM20 12C20 13.1046 19.1046 14 18 14C16.8954 14 16 13.1046 16 12C16 10.8954 16.8954 10 18 10C19.1046 10 20 10.8954 20 12Z",fill:"white"}))}},4726:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.PictureInPicture=void 0;var r=n(4522);t.PictureInPicture=function(){return(0,r.h)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},(0,r.h)("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M18.75 4.5H5.25C4.00736 4.5 3 5.50736 3 6.75V17.25C3 18.4926 4.00736 19.5 5.25 19.5H18.75C19.9926 19.5 21 18.4926 21 17.25V6.75C21 5.50736 19.9926 4.5 18.75 4.5ZM13 12C12.4477 12 12 12.4477 12 13V15.5C12 16.0523 12.4477 16.5 13 16.5H17C17.5523 16.5 18 16.0523 18 15.5V13C18 12.4477 17.5523 12 17 12H13Z",fill:"white"}))}},9919:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Print=void 0;var r=n(4522);t.Print=function(){return(0,r.h)("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},(0,r.h)("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M23 23H26C27.1046 23 28 22.1046 28 21V11C28 9.89543 27.1046 9 26 9H23V5C23 3.89543 22.1046 3 21 3H11C9.89543 3 9 3.89543 9 5V9H6C4.89543 9 4 9.89543 4 11V21C4 22.1046 4.89543 23 6 23H9V28C9 29.1046 9.89543 30 11 30H21C22.1046 30 23 29.1046 23 28V23ZM6 11V21H9V19C8.44772 19 8 18.5523 8 18C8 17.4477 8.44772 17 9 17H23C23.5523 17 24 17.4477 24 18C24 18.5523 23.5523 19 23 19V21H26V11H6ZM21 9V5H11V9H21ZM11 19V28H21V19H11Z",fill:"white"}))}},6563:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.QuizIcon=void 0;var r=n(4522);t.QuizIcon=function(){return(0,r.h)("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},(0,r.h)("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M8.49857 2.11499L12.7442 4.2052C12.9162 4.28987 12.9812 4.48721 12.8895 4.64597C12.8594 4.69807 12.8145 4.74163 12.7597 4.77201L8.54484 7.10634C8.20953 7.29205 7.79063 7.29205 7.45532 7.10634L3.2405 4.77202C3.07335 4.67945 3.01915 4.47933 3.11944 4.32505C3.15235 4.27441 3.19956 4.23299 3.256 4.2052L7.50203 2.11498C7.81345 1.96167 8.18715 1.96168 8.49857 2.11499ZM14 6.02878V10.7642C14 11.1075 13.8049 11.4256 13.486 11.6022L9.24043 13.9536C9.07328 14.0461 8.85649 13.9961 8.7562 13.8418C8.72329 13.7912 8.7059 13.7333 8.7059 13.6742V8.93882C8.7059 8.59551 8.90104 8.27738 9.21997 8.10075L13.4655 5.74942C13.6326 5.65685 13.8494 5.70688 13.9497 5.86116C13.9826 5.91179 14 5.96973 14 6.02878ZM6.5145 8.31192L2.50483 6.04476C2.45303 6.01547 2.39375 6 2.33333 6C2.14924 6 2 6.14064 2 6.31412V10.88C2 11.211 2.1843 11.5178 2.4855 11.6881L6.49517 13.9552C6.54697 13.9845 6.60625 14 6.66667 14C6.85076 14 7 13.8594 7 13.6859V9.12C7 8.78898 6.8157 8.48223 6.5145 8.31192Z",fill:"white"}))}},7024:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Related=void 0;var r=n(4522);t.Related=function(){return(0,r.h)("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},(0,r.h)("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M8 7H12C13.1046 7 14 7.89543 14 9V13C14 14.1046 13.1046 15 12 15H8C6.89543 15 6 14.1046 6 13V9C6 7.89543 6.89543 7 8 7ZM8 13H12V9H8V13Z",fill:"white"}),(0,r.h)("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M8 18H12C13.1046 18 14 18.8954 14 20V24C14 25.1046 13.1046 26 12 26H8C6.89543 26 6 25.1046 6 24V20C6 18.8954 6.89543 18 8 18ZM8 24H12V20H8V24Z",fill:"white"}),(0,r.h)("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M24 7H20C18.8954 7 18 7.89543 18 9V13C18 14.1046 18.8954 15 20 15H24C25.1046 15 26 14.1046 26 13V9C26 7.89543 25.1046 7 24 7ZM24 13H20V9H24V13Z",fill:"white"}),(0,r.h)("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M20 18H24C25.1046 18 26 18.8954 26 20V24C26 25.1046 25.1046 26 24 26H20C18.8954 26 18 25.1046 18 24V20C18 18.8954 18.8954 18 20 18ZM20 24H24V20H20V24Z",fill:"white"}))}},1223:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Share=void 0;var r=n(4522);t.Share=function(){return(0,r.h)("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},(0,r.h)("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M22.6667 12.6667C24.5076 12.6667 26 11.1743 26 9.33333C26 7.49238 24.5076 6 22.6667 6C20.8257 6 19.3333 7.49238 19.3333 9.33333C19.3333 9.38882 19.3347 9.44399 19.3374 9.49881L11.9575 13.9443C11.3473 13.1665 10.3987 12.6667 9.33333 12.6667C7.49238 12.6667 6 14.1591 6 16C6 17.8409 7.49238 19.3333 9.33333 19.3333C10.3981 19.3333 11.3462 18.8341 11.9564 18.057L19.3374 22.5013C19.3347 22.5561 19.3333 22.6112 19.3333 22.6667C19.3333 24.5076 20.8257 26 22.6667 26C24.5076 26 26 24.5076 26 22.6667C26 20.8257 24.5076 19.3333 22.6667 19.3333C21.6074 19.3333 20.6636 19.8274 20.053 20.5976L12.864 16.2689L12.8651 15.7324L20.0531 11.4025C20.6637 12.1727 21.6075 12.6667 22.6667 12.6667ZM22.6667 10.6667C21.9303 10.6667 21.3333 10.0697 21.3333 9.33333C21.3333 8.59695 21.9303 8 22.6667 8C23.403 8 24 8.59695 24 9.33333C24 10.0697 23.403 10.6667 22.6667 10.6667ZM9.33333 17.3333C8.59695 17.3333 8 16.7364 8 16C8 15.2636 8.59695 14.6667 9.33333 14.6667C10.0697 14.6667 10.6667 15.2636 10.6667 16C10.6667 16.7364 10.0697 17.3333 9.33333 17.3333ZM21.3333 22.6667C21.3333 23.403 21.9303 24 22.6667 24C23.403 24 24 23.403 24 22.6667C24 21.9303 23.403 21.3333 22.6667 21.3333C21.9303 21.3333 21.3333 21.9303 21.3333 22.6667Z",fill:"white"}))}},2489:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Switch=void 0;var r=n(4522);t.Switch=function(){return(0,r.h)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},(0,r.h)("path",{d:"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",fill:"white"}))}},4820:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Icon=t.IconSize=void 0;var r,i=n(4522),o=n(42),a=n(1861),l=n(3278);!function(e){e.small="small",e.medium="medium",e.large="large"}(r=t.IconSize||(t.IconSize={})),t.Icon=function(e){var t=a.Icons[e.name];return t?(0,i.h)("div",{className:o(l.iconWrapper,l[e.size])},(0,i.h)(t,null)):null},t.Icon.defaultProps={size:r.medium}},4300:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.debounce=t.getQnaUserId=t.getUserId=t.generateId=void 0,t.generateId=function(){return(new Date).getTime().toString(36)+Math.random().toString(36).slice(2)};var n=function(){for(var e=(0,t.generateId)(),n="",r=0;r<e.length;r++){var i=e.charAt(r);n+=Number.isNaN(+i)?i.charCodeAt(0):i}return n};function r(){return"undefined"==typeof Storage?i():((e=localStorage.getItem("anonymousUserId"))||(e=i(),localStorage.setItem("anonymousUserId",e)),e);var e}function i(){return"##".concat("Guest").concat("HashSeparator").concat(n(),"##")}t.getUserId=r,t.getQnaUserId=function(e){var t,n,i,o,a=e,l=a.config,s=a.plugins,c=(null==l?void 0:l.session)||{},d=(null===(n=null===(t=null==s?void 0:s.qna)||void 0===t?void 0:t.config)||void 0===n?void 0:n.userRole)||c.userRole;return d&&"anonymousRole"!==d?(null===(o=null===(i=null==s?void 0:s.qna)||void 0===i?void 0:i.config)||void 0===o?void 0:o.userId)||c.userId:r()},t.debounce=function(e,t,n){var r;return void 0===t&&(t=50),void 0===n&&(n={isImmediate:!1}),function(){for(var i=this,o=[],a=0;a<arguments.length;a++)o[a]=arguments[a];var l=n.isImmediate&&void 0===r;void 0!==r&&clearTimeout(r),r=setTimeout((function(){r=void 0,n.isImmediate||e.apply(i,o)}),t),l&&e.apply(this,o)}}},42:(e,t)=>{var n;!function(){"use strict";var r={}.hasOwnProperty;function i(){for(var e=[],t=0;t<arguments.length;t++){var n=arguments[t];if(n){var o=typeof n;if("string"===o||"number"===o)e.push(n);else if(Array.isArray(n)){if(n.length){var a=i.apply(null,n);a&&e.push(a)}}else if("object"===o){if(n.toString!==Object.prototype.toString&&!n.toString.toString().includes("[native code]")){e.push(n.toString());continue}for(var l in n)r.call(n,l)&&n[l]&&e.push(l)}}}return e.join(" ")}e.exports?(i.default=i,e.exports=i):void 0===(n=function(){return i}.apply(t,[]))||(e.exports=n)}()},6298:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>l});var r=n(559),i=n.n(r),o=n(3476),a=n.n(o)()(i());a.push([e.id,".Button__button___NM3Vl{display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;font-weight:700;border:1px solid rgba(0,0,0,0);border-radius:4px;cursor:pointer}.Button__button___NM3Vl.Button__primary___vkWyL{background-color:var(--playkit-primary-color);color:var(--playkit-primary-text-contrast-color)}.Button__button___NM3Vl.Button__primary___vkWyL:not(.Button__disabled___j4KjS):hover{background-color:var(--playkit-primary-darker-color)}.Button__button___NM3Vl.Button__primary___vkWyL:not(.Button__disabled___j4KjS):focus{background-color:var(--playkit-primary-brighter-color)}.Button__button___NM3Vl.Button__danger___lCKPq{background-color:var(--playkit-danger-color);color:var(--playkit-danger-text-contrast-color)}.Button__button___NM3Vl.Button__danger___lCKPq:not(.Button__disabled___j4KjS):hover{background-color:var(--playkit-danger-darker-color)}.Button__button___NM3Vl.Button__danger___lCKPq:not(.Button__disabled___j4KjS):focus{background-color:var(--playkit-danger-brighter-color)}.Button__button___NM3Vl.Button__translucent___nSc5h{background-color:rgba(0,0,0,.6);color:var(--playkit-primary-text-contrast-color)}.Button__button___NM3Vl.Button__borderless___sov7o{background-color:rgba(0,0,0,0);color:var(--playkit-tone-1-color)}.Button__button___NM3Vl.Button__borderless___sov7o:not(.Button__disabled___j4KjS):hover{background-color:var(--playkit-tone-4-color)}.Button__button___NM3Vl.Button__borderless___sov7o:not(.Button__disabled___j4KjS):focus{background-color:var(--playkit-tone-6-color)}.Button__button___NM3Vl.Button__small____SSTu{height:24px;font-size:13px;line-height:16px;padding:0 4px}.Button__button___NM3Vl.Button__small____SSTu.Button__withIcon___c3vxV{padding-right:8px}.Button__button___NM3Vl.Button__small____SSTu.Button__withIcon___c3vxV>span{margin-left:2px}.Button__button___NM3Vl.Button__small____SSTu.Button__iconOnly___dISNi{padding:0 3px}.Button__button___NM3Vl.Button__medium___psqY1{height:32px;font-size:14px;line-height:17px;padding:0 8px}.Button__button___NM3Vl.Button__medium___psqY1.Button__withIcon___c3vxV{padding-right:12px}.Button__button___NM3Vl.Button__medium___psqY1.Button__withIcon___c3vxV>span{margin-left:4px}.Button__button___NM3Vl.Button__medium___psqY1.Button__iconOnly___dISNi{padding:0 3px}.Button__button___NM3Vl.Button__large___ftsNW{height:40px;font-size:16px;line-height:19px;padding:0 16px}.Button__button___NM3Vl.Button__large___ftsNW.Button__withIcon___c3vxV{padding-left:12px}.Button__button___NM3Vl.Button__large___ftsNW.Button__withIcon___c3vxV>span{margin-left:4px}.Button__button___NM3Vl.Button__large___ftsNW.Button__iconOnly___dISNi{padding:0 3px}.Button__button___NM3Vl.Button__disabled___j4KjS{background-color:rgba(0,0,0,0);color:var(--playkit-tone-4-color);border-color:var(--playkit-tone-4-color);cursor:default}","",{version:3,sources:["webpack://./../node_modules/@playkit-js/common/dist/components/button/Button.scss","webpack://./../node_modules/@playkit-js/common/dist/components/variables.scss","webpack://./../node_modules/@playkit-js/common/node_modules/@playkit-js/playkit-js-ui/src/styles/exported.scss"],names:[],mappings:"AAGA,wBACE,YAAA,CACA,sBAAA,CACA,kBAAA,CACA,gBAAA,CACA,eAAA,CACA,8BAAA,CACA,iBCPY,CDQZ,cAAA,CACA,gDACE,6CEVY,CFWZ,gDER0B,CFUxB,qFACE,oDEbe,CFejB,qFACE,sDEfiB,CFmBvB,+CACE,4CENW,CFOX,+CEJyB,CFMvB,oFACE,mDETc,CFWhB,oFACE,qDEXgB,CFetB,oDACE,+BAAA,CACA,gDEhC0B,CFkC5B,mDACE,8BAAA,CACA,iCEZW,CFcT,wFACE,4CEZO,CFcT,wFACE,4CEbO,CFiBb,8CACE,WAAA,CACA,cAAA,CACA,gBAAA,CACA,aAAA,CACA,uEACE,iBAAA,CACA,4EACE,eAAA,CAGJ,uEACE,aAAA,CAGJ,+CACE,WAAA,CACA,cAAA,CACA,gBAAA,CACA,aAAA,CACA,wEACE,kBAAA,CACA,6EACE,eAAA,CAGJ,wEACE,aAAA,CAGJ,8CACE,WAAA,CACA,cAAA,CACA,gBAAA,CACA,cAAA,CACA,uEACE,iBAAA,CACA,4EACE,eAAA,CAGJ,uEACE,aAAA,CAGJ,iDACE,8BAAA,CACA,iCElEW,CFmEX,wCEnEW,CFoEX,cAAA",sourcesContent:["@import '../variables.scss';\n\n// https://www.figma.com/file/GYMv1jsthckOnKmCrdQJY3/%E2%8F%AF-Player-v7-(Guidelines)?node-id=21%3A1943&t=ywdMo875C6kzd7pN-0\n.button {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-wrap: nowrap;\n font-weight: 700;\n border: 1px solid transparent;\n border-radius: $roundness-1;\n cursor: pointer;\n &.primary {\n background-color: $primary-color;\n color: $primary-text-contrast-color;\n &:not(.disabled) {\n &:hover {\n background-color: $primary-darker-color;\n }\n &:focus {\n background-color: $primary-brighter-color;\n }\n }\n }\n &.danger {\n background-color: $danger-color;\n color: $danger-text-contrast-color;\n &:not(.disabled) {\n &:hover {\n background-color: $danger-darker-color;\n }\n &:focus {\n background-color: $danger-brighter-color;\n }\n }\n }\n &.translucent {\n background-color: rgba(0, 0, 0, 0.6);\n color: $primary-text-contrast-color;\n }\n &.borderless {\n background-color: transparent;\n color: $tone-1-color;\n &:not(.disabled) {\n &:hover {\n background-color: $tone-4-color;\n }\n &:focus {\n background-color: $tone-6-color;\n }\n }\n }\n &.small {\n height: 24px;\n font-size: 13px;\n line-height: 16px;\n padding: 0 4px;\n &.withIcon {\n padding-right: 8px;\n > span {\n margin-left: 2px;\n }\n }\n &.iconOnly {\n padding: 0 3px;\n }\n }\n &.medium {\n height: 32px;\n font-size: 14px;\n line-height: 17px;\n padding: 0 8px;\n &.withIcon {\n padding-right: 12px;\n > span {\n margin-left: 4px;\n }\n }\n &.iconOnly {\n padding: 0 3px;\n }\n }\n &.large {\n height: 40px;\n font-size: 16px;\n line-height: 19px;\n padding: 0 16px;\n &.withIcon {\n padding-left: 12px;\n > span {\n margin-left: 4px;\n }\n }\n &.iconOnly {\n padding: 0 3px;\n }\n }\n &.disabled {\n background-color: transparent;\n color: $tone-4-color;\n border-color: $tone-4-color;\n cursor: default;\n }\n}\n","@import '~@playkit-js/playkit-js-ui';\n\n// border radius\n$roundness-1: 4px;\n$roundness-2: 8px;\n\n// colors\n$white: #ffffff;\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"],sourceRoot:""}]),a.locals={button:"Button__button___NM3Vl",primary:"Button__primary___vkWyL",disabled:"Button__disabled___j4KjS",danger:"Button__danger___lCKPq",translucent:"Button__translucent___nSc5h",borderless:"Button__borderless___sov7o",small:"Button__small____SSTu",withIcon:"Button__withIcon___c3vxV",iconOnly:"Button__iconOnly___dISNi",medium:"Button__medium___psqY1",large:"Button__large___ftsNW"};const l=a},6469:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>l});var r=n(559),i=n.n(r),o=n(3476),a=n.n(o)()(i());a.push([e.id,".icon__iconWrapper___O5uqn.icon__small___IddLg{width:16px;height:16px}.icon__iconWrapper___O5uqn.icon__medium___llFxB{width:24px;height:24px}.icon__iconWrapper___O5uqn.icon__large___Q96VN{width:32px;height:32px}.icon__iconWrapper___O5uqn>svg{width:100%;height:100%}","",{version:3,sources:["webpack://./../node_modules/@playkit-js/common/dist/icon/icon.scss"],names:[],mappings:"AACE,+CACE,UAAA,CACA,WAAA,CAEF,gDACE,UAAA,CACA,WAAA,CAEF,+CACE,UAAA,CACA,WAAA,CAEF,+BACE,UAAA,CACA,WAAA",sourcesContent:[".iconWrapper {\n &.small {\n width: 16px;\n height: 16px;\n }\n &.medium {\n width: 24px;\n height: 24px;\n }\n &.large {\n width: 32px;\n height: 32px;\n }\n > svg {\n width: 100%;\n height: 100%;\n }\n}\n"],sourceRoot:""}]),a.locals={iconWrapper:"icon__iconWrapper___O5uqn",small:"icon__small___IddLg",medium:"icon__medium___llFxB",large:"icon__large___Q96VN"};const l=a},1702:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>l});var r=n(559),i=n.n(r),o=n(3476),a=n.n(o)()(i());a.push([e.id,".drag-and-snap-manager__draggableArea___l89tg{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}.drag-and-snap-manager__draggableItem___NyUod{position:absolute;pointer-events:auto}.drag-and-snap-manager__draggableItem___NyUod.drag-and-snap-manager__dragging___LyNPo{cursor:grabbing}.drag-and-snap-manager__draggableItem___NyUod:not(.drag-and-snap-manager__dragging___LyNPo){transition:top .3s ease-in,right .3s ease-in,bottom .3s ease-in}.drag-and-snap-manager__draggableItem___NyUod.drag-and-snap-manager__prePlayback___MGwKC{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:""}]),a.locals={draggableArea:"drag-and-snap-manager__draggableArea___l89tg",draggableItem:"drag-and-snap-manager__draggableItem___NyUod",dragging:"drag-and-snap-manager__dragging___LyNPo",prePlayback:"drag-and-snap-manager__prePlayback___MGwKC"};const l=a},9206:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>l});var r=n(559),i=n.n(r),o=n(3476),a=n.n(o)()(i());a.push([e.id,".multiscreen__multiscreenWrapper___aYICw{position:relative}.multiscreen__multiscreenWrapper___aYICw .multiscreen__active___MLEYJ{background-color:var(--playkit-tone-6-color)}.multiscreen__multiscreenWrapper___aYICw .multiscreen__multiscreenPlayersWrapper___b3fWG{position:absolute;display:flex;flex-direction:row;bottom:calc(-1*(10px + 58px));visibility:hidden}.multiscreen__multiscreenWrapper___aYICw .multiscreen__multiscreenPlayersWrapper___b3fWG.multiscreen__visible___TQjC1{visibility:visible}.multiscreen__multiscreenWrapper___aYICw .multiscreen__multiscreenPlayersWrapper___b3fWG .multiscreen__multiscreenPlayer___Tbp6V{display:flex;flex-direction:column;position:relative;width:104px;height:58px;border-radius:4px;overflow:hidden;margin:0px 4px}.multiscreen__multiscreenWrapper___aYICw .multiscreen__multiscreenPlayersWrapper___b3fWG .multiscreen__multiscreenPlayer___Tbp6V .multiscreen__multiscreenButtonsWrapper___dmhZ4{position:absolute;top:0;right:0;width:100%;height:100%;display:flex;padding:0px 16px;justify-content:center;align-items:center;background:linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%)}.multiscreen__multiscreenWrapper___aYICw .multiscreen__multiscreenPlayersWrapper___b3fWG .multiscreen__multiscreenPlayer___Tbp6V .multiscreen__multiscreenButtonsWrapper___dmhZ4>button:nth-child(2){margin-left:auto}","",{version:3,sources:["webpack://./components/multiscreen/multiscreen.scss","webpack://./../node_modules/@playkit-js/playkit-js-ui/src/styles/exported.scss","webpack://./styles/_variables.scss"],names:[],mappings:"AAIA,yCACE,iBAAA,CAEA,sEACE,4CC2BW,CDzBb,yFACE,iBAAA,CACA,YAAA,CACA,kBAAA,CACA,6BAAA,CACA,iBAAA,CAEA,sHACE,kBAAA,CAGF,iIACE,YAAA,CACA,qBAAA,CACA,iBAAA,CACA,WAAA,CACA,WAxBsB,CAyBtB,iBEpBQ,CFqBR,eAAA,CACA,cAAA,CAEA,iLACE,iBAAA,CACA,KAAA,CACA,OAAA,CACA,UAAA,CACA,WAAA,CACA,YAAA,CACA,gBAAA,CACA,sBAAA,CACA,kBAAA,CACA,gFAAA,CAEA,qMACE,gBAAA",sourcesContent:["@import '~styles/variables';\n\n$multiscreen-player-height: 58px;\n\n.multiscreenWrapper {\n position: relative;\n\n .active {\n background-color: $tone-6-color;\n }\n .multiscreenPlayersWrapper {\n position: absolute;\n display: flex;\n flex-direction: row;\n bottom: calc(-1 * (10px + #{$multiscreen-player-height}));\n visibility: hidden;\n\n &.visible {\n visibility: visible;\n }\n\n .multiscreenPlayer {\n display: flex;\n flex-direction: column;\n position: relative;\n width: 104px;\n height: $multiscreen-player-height;\n border-radius: $roundness-1;\n overflow: hidden;\n margin: 0px 4px;\n\n .multiscreenButtonsWrapper {\n position: absolute;\n top: 0;\n right: 0;\n width: 100%;\n height: 100%;\n display: flex;\n padding: 0px 16px;\n justify-content: center;\n align-items: center;\n background: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);\n\n & > button:nth-child(2) {\n margin-left: auto;\n }\n }\n }\n }\n}\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 '~@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"],sourceRoot:""}]),a.locals={multiscreenWrapper:"multiscreen__multiscreenWrapper___aYICw",active:"multiscreen__active___MLEYJ",multiscreenPlayersWrapper:"multiscreen__multiscreenPlayersWrapper___b3fWG",visible:"multiscreen__visible___TQjC1",multiscreenPlayer:"multiscreen__multiscreenPlayer___Tbp6V",multiscreenButtonsWrapper:"multiscreen__multiscreenButtonsWrapper___dmhZ4"};const l=a},6451:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>l});var r=n(559),i=n.n(r),o=n(3476),a=n.n(o)()(i());a.push([e.id,'.pip-minimized__iconContainer___n8Sl3{opacity:.8;cursor:pointer}.pip-minimized__innerButtons___nk206{display:flex;position:absolute;left:0px;top:0px;padding:10px 8px;background:linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);width:100%}.pip-minimized__innerButtons___nk206 .pip-minimized__iconContainer___n8Sl3:hover{background:var(--playkit-tone-4-color);border-radius:4px;opacity:1}.pip-minimized__childPlayerContainer___NvZS3{display:flex;flex-direction:row;position:absolute;top:0;right:0;transform:translateY(-100%);animation:pip-minimized__fading___UFcX6 .3s linear}.pip-minimized__childPlayerContainer___NvZS3:has(.playkit-image-player > img[src=""]){visibility:hidden}.pip-minimized__childPlayerContainer___NvZS3 video{position:relative;object-fit:cover;width:auto}.pip-minimized__childPlayerContainer___NvZS3 .pip-minimized__childPlayer___U64DT{position:relative;margin-left:8px;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___NvZS3 .pip-minimized__childPlayer___U64DT.pip-minimized__tinyChildPlayer___a5mJk{height:34px}.pip-minimized__childPlayerContainer___NvZS3 .pip-minimized__childPlayer___U64DT img{width:auto}.pip-minimized__childPlayerContainer___NvZS3 .pip-minimized__showContainer___rkJyT{position:absolute;width:70px;right:0px;top:calc((32px + 5px)*-1);font-style:normal;font-weight:400}.pip-minimized__childPlayerContainer___NvZS3 .pip-minimized__showContainer___rkJyT:hover{background:rgba(0,0,0,.7)}.pip-minimized__childPlayerContainer___NvZS3 .pip-minimized__showContainer___rkJyT span{display:flex}.pip-minimized__childPlayerContainer___NvZS3 .pip-minimized__showContainer___rkJyT span .pip-minimized__iconContainer___n8Sl3{height:16px;width:16px;margin-right:6px}.pip-minimized__childPlayerContainer___NvZS3 .pip-minimized__innerButtons___nk206{border-radius:8px;justify-content:center;align-items:center;height:60px}.pip-minimized__childPlayerContainer___NvZS3 .pip-minimized__innerButtons___nk206.pip-minimized__tinyInnerButtons___nW8jU{height:34px}.pip-minimized__childPlayerContainer___NvZS3 .pip-minimized__innerButtons___nk206 .pip-minimized__iconContainer___n8Sl3:hover{background:rgba(0,0,0,0)}@keyframes pip-minimized__fading___UFcX6{0%{opacity:0}100%{opacity:1}}',"",{version:3,sources:["webpack://./styles/_styles.scss","webpack://./../node_modules/@playkit-js/playkit-js-ui/src/styles/exported.scss","webpack://./styles/_variables.scss","webpack://./components/pip-minimized/pip-minimized.scss"],names:[],mappings:"AAEA,sCACE,UAAA,CACA,cAAA,CAGF,qCACE,YAAA,CACA,iBAAA,CACA,QAAA,CACA,OAAA,CACA,gBAAA,CACA,gFAAA,CACA,UAAA,CAGE,iFACE,sCCeS,CDdT,iBEZQ,CFaR,SAAA,CGdN,6CAEE,YAAA,CACA,kBAAA,CAOA,iBAAA,CACA,KAAA,CACA,OAAA,CACA,2BAAA,CACA,kDAAA,CHMA,sFAEE,iBAAA,CGjBF,mDACE,iBAAA,CACA,gBAAA,CACA,UAAA,CAQF,iFACE,iBAAA,CACA,eAAA,CACA,UAAA,CACA,WAAA,CACA,2EAAA,CACA,iBDpBU,CCqBV,wDAAA,CACA,eAAA,CACA,wHACE,WAAA,CAEF,qFACE,UAAA,CAIJ,mFACE,iBAAA,CACA,UAAA,CACA,SAAA,CACA,yBAAA,CAEA,iBAAA,CACA,eAAA,CAEA,yFACE,yBAAA,CAGF,wFACE,YAAA,CAEA,8HACE,WAAA,CACA,UAAA,CACA,gBAAA,CAKN,kFACE,iBDxDU,CCyDV,sBAAA,CACA,kBAAA,CACA,WAAA,CACA,0HACE,WAAA,CAEF,8HACE,wBAAA,CAKN,yCACE,GACE,SAAA,CAEF,KACE,SAAA,CAAA",sourcesContent:["@import '~styles/variables';\n\n.iconContainer {\n opacity: 0.8;\n cursor: pointer;\n}\n\n.innerButtons {\n display: flex;\n position: absolute;\n left: 0px;\n top: 0px;\n padding: 10px 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","// 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 '~@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","@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 display: flex;\n flex-direction: row;\n\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\n .childPlayer {\n position: relative;\n margin-left: 8px;\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 position: absolute;\n width: 70px;\n right: 0px;\n top: calc((#{$show-container-height} + #{$show-container-gap}) * -1);\n\n font-style: normal;\n font-weight: 400;\n\n &:hover {\n background: rgba(0, 0, 0, 0.7);\n }\n\n span {\n display: flex;\n\n .iconContainer {\n height: 16px;\n width: 16px;\n margin-right: 6px;\n }\n }\n }\n\n .innerButtons {\n border-radius: $roundness-2;\n justify-content: center;\n align-items: center;\n height: 60px;\n &.tinyInnerButtons {\n height: 34px;\n }\n .iconContainer:hover {\n background: transparent;\n }\n }\n}\n\n@keyframes fading {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}\n"],sourceRoot:""}]),a.locals={iconContainer:"pip-minimized__iconContainer___n8Sl3",innerButtons:"pip-minimized__innerButtons___nk206",childPlayerContainer:"pip-minimized__childPlayerContainer___NvZS3",fading:"pip-minimized__fading___UFcX6",childPlayer:"pip-minimized__childPlayer___U64DT",tinyChildPlayer:"pip-minimized__tinyChildPlayer___a5mJk",showContainer:"pip-minimized__showContainer___rkJyT",tinyInnerButtons:"pip-minimized__tinyInnerButtons___nW8jU"};const l=a},1070:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>l});var r=n(559),i=n.n(r),o=n(3476),a=n.n(o)()(i());a.push([e.id,'.pip__iconContainer___jm6Xi{opacity:.8;cursor:pointer}.pip__innerButtons___Jii5b{display:flex;position:absolute;left:0px;top:0px;padding:10px 8px;background:linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);width:100%}.pip__innerButtons___Jii5b .pip__iconContainer___jm6Xi:hover{background:var(--playkit-tone-4-color);border-radius:4px;opacity:1}.pip__parentPlayer___AdbJg{width:100%;height:100%;position:absolute;left:0}.pip__parentPlayer___AdbJg:has(.playkit-image-player > img[src=""]){visibility:hidden}.pip__childPlayer___RdLI5{position:relative}.pip__childPlayer___RdLI5 video{position:relative;object-fit:cover;width:auto}.pip__childPlayer___RdLI5:has(.playkit-image-player > img[src=""]){visibility:hidden}.pip__childPlayer___RdLI5.pip__hideButtons___Tnnc1 .pip__innerButtons___Jii5b,.pip__childPlayer___RdLI5.pip__dragging___f2Va1 .pip__innerButtons___Jii5b{display:none}.pip__childPlayer___RdLI5.pip__hideButtons___Tnnc1 .pip__hideContainer___dlNww{display:none}.pip__childPlayer___RdLI5.pip__dragging___f2Va1 .pip__hideContainer___dlNww{visibility:hidden}.pip__childPlayer___RdLI5 .pip__hideContainer___dlNww{position:relative;width:66px;margin:0px 0px 5px auto;font-style:normal;font-weight:400}.pip__childPlayer___RdLI5 .pip__hideContainer___dlNww:hover{background:rgba(0,0,0,.7)}.pip__childPlayer___RdLI5 .pip__hideContainer___dlNww span{display:flex}.pip__childPlayer___RdLI5 .pip__hideContainer___dlNww span .pip__iconContainer___jm6Xi{margin:0px 6px 0px 0px;height:16px;width:16px}.pip__childPlayer___RdLI5 .pip__playerWrapper___viiaK{position:relative}.pip__childPlayer___RdLI5 .pip__playerWrapper___viiaK .pip__playerContainer___wCgn0{box-shadow:0 0 40px 0 rgba(0,0,0,.2),0 0 4px 0 rgba(0,0,0,.3);border-radius:8px;overflow:hidden}.pip__childPlayer___RdLI5 .pip__playerWrapper___viiaK .pip__playerContainer___wCgn0 .playkit-image-player img{width:auto}.pip__childPlayer___RdLI5 .pip__playerWrapper___viiaK .pip__innerButtons___Jii5b{flex-direction:row;justify-content:flex-end;align-items:flex-start;pointer-events:none;border-top-left-radius:8px;border-top-right-radius:8px}.pip__childPlayer___RdLI5 .pip__playerWrapper___viiaK .pip__innerButtons___Jii5b *{pointer-events:auto}.pip__childPlayer___RdLI5 .pip__playerWrapper___viiaK .pip__innerButtons___Jii5b .playkit-tooltip{width:auto}.pip__childPlayer___RdLI5 .pip__playerWrapper___viiaK .pip__innerButtons___Jii5b.pip__verticalPlayer____Qk58 .playkit-tooltip span{max-width:100px !important}.pip__childPlayer___RdLI5 .pip__playerWrapper___viiaK .pip__innerButtons___Jii5b .pip__buttonWrapper___IUCs5{margin-left:8px}.pip__animatedFade___ROECY{animation:pip__fading___Et7y9 .3s linear}.pip__animatedScaleRight___fhIvC{animation:pip__scalingRight___iE8kT .3s linear}.pip__animatedScaleLeft___WNtSv{animation:pip__scalingLeft___Yh6Pb .3s linear}@keyframes pip__scalingRight___iE8kT{0%{transform:scale(0.5) translate(-50%)}100%{transform:scale(1) translate(0%)}}@keyframes pip__scalingLeft___Yh6Pb{0%{transform:scale(0.5) translate(50%)}100%{transform:scale(1) translate(0%)}}@keyframes pip__fading___Et7y9{0%{opacity:0}100%{opacity:1}}',"",{version:3,sources:["webpack://./styles/_styles.scss","webpack://./../node_modules/@playkit-js/playkit-js-ui/src/styles/exported.scss","webpack://./styles/_variables.scss","webpack://./components/pip/pip.scss"],names:[],mappings:"AAEA,4BACE,UAAA,CACA,cAAA,CAGF,2BACE,YAAA,CACA,iBAAA,CACA,QAAA,CACA,OAAA,CACA,gBAAA,CACA,gFAAA,CACA,UAAA,CAGE,6DACE,sCCeS,CDdT,iBEZQ,CFaR,SAAA,CGdN,2BACE,UAAA,CACA,WAAA,CACA,iBAAA,CACA,MAAA,CHgBA,oEAEE,iBAAA,CGfJ,0BACE,iBAAA,CACA,gCACE,iBAAA,CACA,gBAAA,CACA,UAAA,CHQF,mEAEE,iBAAA,CGJA,yJACE,YAAA,CAGJ,+EACE,YAAA,CAEF,4EACE,iBAAA,CAGF,sDACE,iBAAA,CACA,UAAA,CACA,uBAAA,CACA,iBAAA,CACA,eAAA,CAEA,4DACE,yBAAA,CAGF,2DACE,YAAA,CAEA,uFACE,sBAAA,CACA,WDhDkB,CCiDlB,UDjDkB,CCsDxB,sDACE,iBAAA,CACA,oFACE,6DAAA,CACA,iBDrDQ,CCsDR,eAAA,CACA,8GACE,UAAA,CAGJ,iFACE,kBAAA,CACA,wBAAA,CACA,sBAAA,CACA,mBAAA,CACA,0BDhEQ,CCiER,2BDjEQ,CCkER,mFACE,mBAAA,CAEF,kGACE,UAAA,CAGA,mIACE,0BAAA,CAIJ,6GACE,eAAA,CAMR,2BACE,wCAAA,CAGF,iCACE,8CAAA,CAGF,gCACE,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 opacity: 0.8;\n cursor: pointer;\n}\n\n.innerButtons {\n display: flex;\n position: absolute;\n left: 0px;\n top: 0px;\n padding: 10px 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","// 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 '~@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","@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 margin: 0px 0px $hide-container-gap auto;\n font-style: normal;\n font-weight: 400;\n\n &:hover {\n background: rgba(0, 0, 0, 0.7);\n }\n\n span {\n display: flex;\n\n .iconContainer {\n margin: 0px 6px 0px 0px;\n height: $smallBorderLessIconSize;\n width: $smallBorderLessIconSize;\n }\n }\n }\n\n .playerWrapper {\n position: relative;\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 border-radius: $roundness-2;\n overflow: hidden;\n :global(.playkit-image-player img) {\n width: auto;\n }\n }\n .innerButtons {\n flex-direction: row;\n justify-content: flex-end;\n align-items: flex-start;\n pointer-events: none;\n border-top-left-radius: $roundness-2;\n border-top-right-radius: $roundness-2;\n * {\n pointer-events: auto;\n }\n :global(.playkit-tooltip) {\n width: auto;\n }\n &.verticalPlayer {\n :global(.playkit-tooltip span) {\n max-width: 100px !important;\n }\n }\n\n .buttonWrapper {\n margin-left: 8px;\n }\n }\n }\n}\n\n.animatedFade {\n animation: fading $animation-duration linear;\n}\n\n.animatedScaleRight {\n animation: scalingRight $animation-duration linear;\n}\n\n.animatedScaleLeft {\n animation: scalingLeft $animation-duration linear;\n}\n\n@keyframes scalingRight {\n 0% {\n transform: scale(0.5) translate(-50%);\n }\n 100% {\n transform: scale(1) translate(0%);\n }\n}\n\n@keyframes scalingLeft {\n 0% {\n transform: scale(0.5) translate(50%);\n }\n 100% {\n transform: scale(1) translate(0%);\n }\n}\n\n@keyframes fading {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}\n"],sourceRoot:""}]),a.locals={iconContainer:"pip__iconContainer___jm6Xi",innerButtons:"pip__innerButtons___Jii5b",parentPlayer:"pip__parentPlayer___AdbJg",childPlayer:"pip__childPlayer___RdLI5",hideButtons:"pip__hideButtons___Tnnc1",dragging:"pip__dragging___f2Va1",hideContainer:"pip__hideContainer___dlNww",playerWrapper:"pip__playerWrapper___viiaK",playerContainer:"pip__playerContainer___wCgn0",verticalPlayer:"pip__verticalPlayer____Qk58",buttonWrapper:"pip__buttonWrapper___IUCs5",animatedFade:"pip__animatedFade___ROECY",fading:"pip__fading___Et7y9",animatedScaleRight:"pip__animatedScaleRight___fhIvC",scalingRight:"pip__scalingRight___iE8kT",animatedScaleLeft:"pip__animatedScaleLeft___WNtSv",scalingLeft:"pip__scalingLeft___Yh6Pb"};const l=a},8491:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>l});var r=n(559),i=n.n(r),o=n(3476),a=n.n(o)()(i());a.push([e.id,'.side-by-side__iconContainer___JKAC3{opacity:.8;cursor:pointer}.side-by-side__innerButtons___mnxhf{display:flex;position:absolute;left:0px;top:0px;padding:10px 8px;background:linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);width:100%}.side-by-side__innerButtons___mnxhf .side-by-side__iconContainer___JKAC3:hover{background:var(--playkit-tone-4-color);border-radius:4px;opacity:1}.side-by-side__sideBySideWrapper___y0NU9{width:100%;height:100%;position:absolute;left:0;display:flex}.side-by-side__player___NGiFu{position:relative;margin:auto;flex:1}.side-by-side__player___NGiFu:has(.playkit-image-player > img[src=""]){visibility:hidden}.side-by-side__player___NGiFu .side-by-side__innerButtons___mnxhf{z-index:1;padding:16px;justify-content:flex-end;animation:side-by-side__appears___xfiqx .3s linear}.side-by-side__player___NGiFu .side-by-side__innerButtons___mnxhf.side-by-side__hideButtons___C7z1q{display:none}.side-by-side__player___NGiFu .side-by-side__innerButtons___mnxhf .side-by-side__buttonWrapper___RrwS_{margin-left:8px}.side-by-side__animatedScale___RLVnM{animation:side-by-side__scaling___BLBYq .3s linear}.side-by-side__animatedFade___bD2re{animation:side-by-side__fading___BzZbY .3s linear}@keyframes side-by-side__appears___xfiqx{0%{opacity:0}99%{opacity:0}100%{opacity:1}}@keyframes side-by-side__scaling___BLBYq{0%{transform:scale(2) translate(25%);z-index:100}100%{transform:scale(1) translate(0%);z-index:0}}@keyframes side-by-side__fading___BzZbY{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://./../node_modules/@playkit-js/playkit-js-ui/src/styles/exported.scss","webpack://./styles/_variables.scss","webpack://./components/side-by-side/side-by-side.scss"],names:[],mappings:"AAEA,qCACE,UAAA,CACA,cAAA,CAGF,oCACE,YAAA,CACA,iBAAA,CACA,QAAA,CACA,OAAA,CACA,gBAAA,CACA,gFAAA,CACA,UAAA,CAGE,+EACE,sCCeS,CDdT,iBEZQ,CFaR,SAAA,CGjBN,yCACE,UAAA,CACA,WAAA,CACA,iBAAA,CACA,MAAA,CACA,YAAA,CAGF,8BACE,iBAAA,CACA,WAAA,CACA,MAAA,CHYA,uEAEE,iBAAA,CGXF,kEACE,SAAA,CACA,YAAA,CACA,wBAAA,CACA,kDAAA,CACA,oGACE,YAAA,CAEF,uGACE,eAAA,CAKN,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 opacity: 0.8;\n cursor: pointer;\n}\n\n.innerButtons {\n display: flex;\n position: absolute;\n left: 0px;\n top: 0px;\n padding: 10px 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","// 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 '~@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","@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 .innerButtons {\n z-index: 1;\n padding: 16px;\n justify-content: flex-end;\n animation: appears $animation-duration linear;\n &.hideButtons {\n display: none;\n }\n .buttonWrapper {\n margin-left: 8px;\n }\n }\n}\n\n.animatedScale {\n animation: scaling $animation-duration linear;\n}\n\n.animatedFade {\n animation: fading $animation-duration linear;\n}\n\n@keyframes appears {\n 0% {\n opacity: 0;\n }\n 99% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}\n\n@keyframes scaling {\n 0% {\n transform: scale(2) translate(25%);\n z-index: 100;\n }\n 100% {\n transform: scale(1) translate(0%);\n z-index: 0;\n }\n}\n\n@keyframes fading {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}\n\n:global(.has-dual-screen-plugin-overlay.playkit-hover .playkit-side-panel) {\n // prevent displaying innerButtons over playkit-side-panel\n z-index: 1;\n}\n"],sourceRoot:""}]),a.locals={iconContainer:"side-by-side__iconContainer___JKAC3",innerButtons:"side-by-side__innerButtons___mnxhf",sideBySideWrapper:"side-by-side__sideBySideWrapper___y0NU9",player:"side-by-side__player___NGiFu",appears:"side-by-side__appears___xfiqx",hideButtons:"side-by-side__hideButtons___C7z1q",buttonWrapper:"side-by-side__buttonWrapper___RrwS_",animatedScale:"side-by-side__animatedScale___RLVnM",scaling:"side-by-side__scaling___BLBYq",animatedFade:"side-by-side__animatedFade___bD2re",fading:"side-by-side__fading___BzZbY"};const l=a},7814:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>l});var r=n(559),i=n.n(r),o=n(3476),a=n.n(o)()(i());a.push([e.id,".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:""}]),a.locals={};const l=a},7649:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>l});var r=n(559),i=n.n(r),o=n(3476),a=n.n(o)()(i());a.push([e.id,".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:""}]),a.locals={};const l=a},3476:e=>{"use strict";e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var n="",r=void 0!==t[5];return t[4]&&(n+="@supports (".concat(t[4],") {")),t[2]&&(n+="@media ".concat(t[2]," {")),r&&(n+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),n+=e(t),r&&(n+="}"),t[2]&&(n+="}"),t[4]&&(n+="}"),n})).join("")},t.i=function(e,n,r,i,o){"string"==typeof e&&(e=[[null,e,void 0]]);var a={};if(r)for(var l=0;l<this.length;l++){var s=this[l][0];null!=s&&(a[s]=!0)}for(var c=0;c<e.length;c++){var d=[].concat(e[c]);r&&a[d[0]]||(void 0!==o&&(void 0===d[5]||(d[1]="@layer".concat(d[5].length>0?" ".concat(d[5]):""," {").concat(d[1],"}")),d[5]=o),n&&(d[2]?(d[1]="@media ".concat(d[2]," {").concat(d[1],"}"),d[2]=n):d[2]=n),i&&(d[4]?(d[1]="@supports (".concat(d[4],") {").concat(d[1],"}"),d[4]=i):d[4]="".concat(i)),t.push(d))}},t}},559:e=>{"use strict";e.exports=function(e){var t=e[1],n=e[3];if(!n)return t;if("function"==typeof btoa){var r=btoa(unescape(encodeURIComponent(JSON.stringify(n)))),i="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(r),o="/*# ".concat(i," */");return[t].concat([o]).join("\n")}return[t].join("\n")}},7538:(e,t,n)=>{var r=n(1892),i=n(6298);"string"==typeof(i=i.__esModule?i.default:i)&&(i=[[e.id,i,""]]);r(i,{insert:"head",singleton:!1}),e.exports=i.locals||{}},3278:(e,t,n)=>{var r=n(1892),i=n(6469);"string"==typeof(i=i.__esModule?i.default:i)&&(i=[[e.id,i,""]]);r(i,{insert:"head",singleton:!1}),e.exports=i.locals||{}},1963:(e,t,n)=>{var r=n(1892),i=n(1702);"string"==typeof(i=i.__esModule?i.default:i)&&(i=[[e.id,i,""]]);r(i,{insert:"head",singleton:!1}),e.exports=i.locals||{}},6724:(e,t,n)=>{var r=n(1892),i=n(9206);"string"==typeof(i=i.__esModule?i.default:i)&&(i=[[e.id,i,""]]);r(i,{insert:"head",singleton:!1}),e.exports=i.locals||{}},1029:(e,t,n)=>{var r=n(1892),i=n(6451);"string"==typeof(i=i.__esModule?i.default:i)&&(i=[[e.id,i,""]]);r(i,{insert:"head",singleton:!1}),e.exports=i.locals||{}},5067:(e,t,n)=>{var r=n(1892),i=n(1070);"string"==typeof(i=i.__esModule?i.default:i)&&(i=[[e.id,i,""]]);r(i,{insert:"head",singleton:!1}),e.exports=i.locals||{}},6054:(e,t,n)=>{var r=n(1892),i=n(8491);"string"==typeof(i=i.__esModule?i.default:i)&&(i=[[e.id,i,""]]);r(i,{insert:"head",singleton:!1}),e.exports=i.locals||{}},4505:(e,t,n)=>{var r=n(1892),i=n(7814);"string"==typeof(i=i.__esModule?i.default:i)&&(i=[[e.id,i,""]]);r(i,{insert:"head",singleton:!1}),e.exports=i.locals||{}},8610:(e,t,n)=>{var r=n(1892),i=n(7649);"string"==typeof(i=i.__esModule?i.default:i)&&(i=[[e.id,i,""]]);r(i,{insert:"head",singleton:!1}),e.exports=i.locals||{}},1892:(e,t,n)=>{"use strict";var r,i=function(){var e={};return function(t){if(void 0===e[t]){var n=document.querySelector(t);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(e){n=null}e[t]=n}return e[t]}}(),o=[];function a(e){for(var t=-1,n=0;n<o.length;n++)if(o[n].identifier===e){t=n;break}return t}function l(e,t){for(var n={},r=[],i=0;i<e.length;i++){var l=e[i],s=t.base?l[0]+t.base:l[0],c=n[s]||0,d="".concat(s," ").concat(c);n[s]=c+1;var p=a(d),u={css:l[1],media:l[2],sourceMap:l[3]};-1!==p?(o[p].references++,o[p].updater(u)):o.push({identifier:d,updater:g(u,t),references:1}),r.push(d)}return r}function s(e){var t=document.createElement("style"),r=e.attributes||{};if(void 0===r.nonce){var o=n.nc;o&&(r.nonce=o)}if(Object.keys(r).forEach((function(e){t.setAttribute(e,r[e])})),"function"==typeof e.insert)e.insert(t);else{var a=i(e.insert||"head");if(!a)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");a.appendChild(t)}return t}var c,d=(c=[],function(e,t){return c[e]=t,c.filter(Boolean).join("\n")});function p(e,t,n,r){var i=n?"":r.media?"@media ".concat(r.media," {").concat(r.css,"}"):r.css;if(e.styleSheet)e.styleSheet.cssText=d(t,i);else{var o=document.createTextNode(i),a=e.childNodes;a[t]&&e.removeChild(a[t]),a.length?e.insertBefore(o,a[t]):e.appendChild(o)}}function u(e,t,n){var r=n.css,i=n.media,o=n.sourceMap;if(i?e.setAttribute("media",i):e.removeAttribute("media"),o&&"undefined"!=typeof btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(o))))," */")),e.styleSheet)e.styleSheet.cssText=r;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(r))}}var _=null,y=0;function g(e,t){var n,r,i;if(t.singleton){var o=y++;n=_||(_=s(t)),r=p.bind(null,n,o,!1),i=p.bind(null,n,o,!0)}else n=s(t),r=u.bind(null,n,t),i=function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(n)};return r(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;r(e=t)}else i()}}e.exports=function(e,t){(t=t||{}).singleton||"boolean"==typeof t.singleton||(t.singleton=(void 0===r&&(r=Boolean(window&&document&&document.all&&!window.atob)),r));var n=l(e=e||[],t);return function(e){if(e=e||[],"[object Array]"===Object.prototype.toString.call(e)){for(var r=0;r<n.length;r++){var i=a(n[r]);o[i].references--}for(var s=l(e,t),c=0;c<n.length;c++){var d=a(n[c]);0===o[d].references&&(o[d].updater(),o.splice(d,1))}n=s}}}},104:function(e,t,n){"use strict";var r,i=this&&this.__extends||(r=function(e,t){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},r(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),o=this&&this.__decorate||function(e,t,n,r){var i,o=arguments.length,a=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,r);else for(var l=e.length-1;l>=0;l--)(i=e[l])&&(a=(o<3?i(a):o>3?i(t,n,a):i(t,n))||a);return o>3&&a&&Object.defineProperty(t,n,a),a};Object.defineProperty(t,"__esModule",{value:!0}),t.DragAndSnapManager=void 0;var a,l=n(4522),s=n(5572),c=n(4539),d=n(1963),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"}(a||(a={}));var u=-130,_=function(e){return{prePlayback:e.engine.prePlayback}},y=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t._draggableTargetRef=(0,l.createRef)(),t._draggableItemRef=(0,l.createRef)(),t._draggableAreaRef=(0,l.createRef)(),t._currMousePos={x:0,y:0},t._throttleWait=!1,t.state={isDragging:!1},t._renderChildComponent=function(){var e=t.props.children;return(0,l.cloneElement)(e,{isDragging:t.state.isDragging,setDraggableTarget:t._setDraggableTarget})},t._setDraggableTarget=function(e){t._draggableTargetRef.current=e,t._addListeners()},t._handleChangePosition=function(e){t._setAbsoluteStyles(e),t.props.onPositionChanged(e)},t._onStartDrag=function(){t._setAbsoluteStyles(t.props.getPosition()),t.setState({isDragging:!0})},t._addListeners=function(){t.props.eventManager.listen(t._draggableTargetRef.current,a.MouseDown,(function(e){t._startDrag(e,a.MouseMove,a.MouseUp)})),t.props.eventManager.listen(t._draggableTargetRef.current,a.TouchStart,(function(e){t.props.eventManager.unlisten(t._draggableTargetRef.current,a.MouseDown),t._startDrag(e,a.TouchMove,a.TouchEnd)}))},t._moveDrag=function(e){if(!t._throttleWait){e=e||window.event;var n=t._currMousePos.x-(0,c.getClientX)(e),r=t._currMousePos.y-(0,c.getClientY)(e);if(t._currMousePos.x=(0,c.getClientX)(e),t._currMousePos.y=(0,c.getClientY)(e),t._draggableItemRef.current&&t._draggableAreaRef.current){var i=parseInt(t._draggableItemRef.current.style.top,10),o=parseInt(t._draggableItemRef.current.style.right,10);t._draggableItemRef.current.style.right=(0,c.dimensionStyleToString)(o+n),t._draggableItemRef.current.style.top=(0,c.dimensionStyleToString)(i-r)}t._throttleWait=!0,setTimeout((function(){t._throttleWait=!1}),30)}},t._getBoundingClientRects=function(){return[t._draggableItemRef.current.getBoundingClientRect(),t._draggableAreaRef.current.getBoundingClientRect()]},t._applyRelativeStyles=function(e,n,r,i){t._draggableItemRef.current.style.top=null!==e?(0,c.dimensionStyleToString)(e):"",t._draggableItemRef.current.style.right=null!==n?(0,c.dimensionStyleToString)(n):"",t._draggableItemRef.current.style.bottom=null!==r?(0,c.dimensionStyleToString)(r):"",t._draggableItemRef.current.style.left=null!==i?(0,c.dimensionStyleToString)(i):""},t._setRelativeStyles=function(){switch(t.props.getPosition()){case s.Position.BottomRight:t._setRelativeBottomRightStyles();break;case s.Position.BottomLeft:t._setRelativeBottomLeftStyles();break;case s.Position.TopRight:t._setRelativeTopRightStyles();break;case s.Position.TopLeft:t._setRelativeTopLeftStyles()}},t._setRelativeBottomRightStyles=function(){t._applyRelativeStyles(null,0,t.props.prePlayback?u:0,null)},t._setRelativeBottomLeftStyles=function(){t._applyRelativeStyles(null,null,t.props.prePlayback?u:0,0)},t._setRelativeTopRightStyles=function(){t._applyRelativeStyles(t.props.prePlayback?u:0,0,null,null)},t._setRelativeTopLeftStyles=function(){t._applyRelativeStyles(t.props.prePlayback?u:0,null,null,0)},t._applyAbsoluteStyles=function(e,n){t._draggableItemRef.current.style.top=(0,c.dimensionStyleToString)(e),t._draggableItemRef.current.style.right=(0,c.dimensionStyleToString)(n)},t._setAbsoluteStyles=function(e){switch(e){case s.Position.BottomRight:t._setAbsoluteBottomRightStyles();break;case s.Position.BottomLeft:t._setAbsoluteBottomLeftStyles();break;case s.Position.TopRight:t._setAbsoluteTopRightStyles();break;case s.Position.TopLeft:t._setAbsoluteTopLeftStyles()}t._draggableItemRef.current.style.bottom="",t._draggableItemRef.current.style.left=""},t._setAbsoluteBottomRightStyles=function(){var e=t._getBoundingClientRects(),n=e[0],r=e[1];t._applyAbsoluteStyles(r.height-n.height,0)},t._setAbsoluteBottomLeftStyles=function(){var e=t._getBoundingClientRects(),n=e[0],r=e[1];t._applyAbsoluteStyles(r.height-n.height,r.width-n.width)},t._setAbsoluteTopRightStyles=function(){t._applyAbsoluteStyles(0,0)},t._setAbsoluteTopLeftStyles=function(){var e=t._getBoundingClientRects(),n=e[0],r=e[1];t._applyAbsoluteStyles(0,r.width-n.width)},t._stopDrag=function(){t.setState({isDragging:!1}),t.props.eventManager.unlisten(document,a.MouseMove),t.props.eventManager.unlisten(document,a.TouchMove);var e=t._getBoundingClientRects(),n=e[0],r=e[1],i=n.x+n.width/2,o=n.y+n.height/2,l=r.x+r.width/2,c=r.y+r.height/2;i>l?o>c?t._handleChangePosition(s.Position.BottomRight):t._handleChangePosition(s.Position.TopRight):o>c?t._handleChangePosition(s.Position.BottomLeft):t._handleChangePosition(s.Position.TopLeft)},t}return i(t,e),t.prototype.componentDidMount=function(){this._setRelativeStyles()},t.prototype.componentWillUnmount=function(){var e=this.props.eventManager;e.unlisten(document,a.MouseMove),e.unlisten(document,a.TouchMove),e.unlisten(document,a.MouseUp),e.unlisten(document,a.TouchEnd),e.unlisten(this._draggableTargetRef.current,a.MouseDown),e.unlisten(this._draggableTargetRef.current,a.TouchStart)},t.prototype._startDrag=function(e,t,n){this.props.eventManager.listenOnce(document,n,this._stopDrag),this._currMousePos.x=(0,c.getClientX)(e),this._currMousePos.y=(0,c.getClientY)(e),this.props.eventManager.listenOnce(document,t,this._onStartDrag),this.props.eventManager.listen(document,t,this._moveDrag)},t.prototype.render=function(){var e=[d.draggableItem];return this.state.isDragging&&e.push(d.dragging),(0,l.h)("div",{id:"draggeble-area",className:d.draggableArea,ref:this._draggableAreaRef},(0,l.h)("div",{id:"draggable-item",ref:this._draggableItemRef,className:e.join(" "),onTransitionEnd:this._setRelativeStyles},this._renderChildComponent()))},o([p(_)],t)}(l.Component);t.DragAndSnapManager=y},994:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var i=Object.getOwnPropertyDescriptor(t,n);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,i)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),i=this&&this.__exportStar||function(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||r(t,e,n)};Object.defineProperty(t,"__esModule",{value:!0}),i(n(104),t)},6593:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var i=Object.getOwnPropertyDescriptor(t,n);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,i)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),i=this&&this.__exportStar||function(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||r(t,e,n)};Object.defineProperty(t,"__esModule",{value:!0}),i(n(345),t)},345:function(e,t,n){"use strict";var r,i=this&&this.__extends||(r=function(e,t){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},r(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),o=this&&this.__decorate||function(e,t,n,r){var i,o=arguments.length,a=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,r);else for(var l=e.length-1;l>=0;l--)(i=e[l])&&(a=(o<3?i(a):o>3?i(t,n,a):i(t,n))||a);return o>3&&a&&Object.defineProperty(t,n,a),a};Object.defineProperty(t,"__esModule",{value:!0}),t.Multiscreen=void 0;var a=n(4522),l=n(1972),s=n(5572),c=n(6724),d=KalturaPlayer.ui.components.Tooltip,p=KalturaPlayer.ui.Event.withEventManager,u=KalturaPlayer.ui.preacti18n,_=u.withText,y=u.Text,g="closeMultiScreenPopup",h={multiscreenLabel:(0,a.h)(y,{id:"dualScreen.multiscreen"},"Show more screens"),switchScreen:(0,a.h)(y,{id:"dualScreen.switch_screen"},"Switch Screen"),switchToSecondary:(0,a.h)(y,{id:"dualScreen.switch_to_secondary_screen"},"Switch to secondary screen"),switchToPrimary:(0,a.h)(y,{id:"dualScreen.switch_to_primary_screen"},"Switch to primary screen")},A=!1,v=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t._multiscreenPlayersRefs=[],t._multiscreenPlayersWrapperRef=(0,a.createRef)(),t.state={isOpen:!1,xPosition:0},t._attachVideoElements=function(){t._multiscreenPlayersRefs.forEach((function(e,n){var r=t.props.players[n].player.getVideoElement();r.tabIndex=-1,e.current.prepend(r)}))},t._closePupup=function(){var e;t.setState({isOpen:!1}),null===(e=t.props.eventManager)||void 0===e||e.unlisten(document,"click",t._closePupup)},t._openPopup=function(){var e;null===(e=t.props.eventManager)||void 0===e||e.listenOnce(document,"click",t._closePupup),t.setState({isOpen:!0})},t._handleClick=function(e,n){var r;void 0===n&&(n=!1),A=n,t.props.getParentRef&&(null===(r=t.props.getParentRef().current)||void 0===r||r.dispatchEvent(new Event(g))),t.state.isOpen||t._openPopup()},t._handleLayoutChange=function(e,t){e&&(A=e),t()},t}return i(t,e),t.prototype.componentDidMount=function(){var e;if(this._attachVideoElements(),this.props.getParentRef){var t=this.props.getParentRef().current;null===(e=this.props.eventManager)||void 0===e||e.listen(t,g,this._closePupup)}},t.prototype.componentDidUpdate=function(e,t){var n,r;if(!t.isOpen&&this.state.isOpen&&(this.props.sbsLayout&&this._attachVideoElements(),this.props.getParentRef&&this.props.getPosition))if([s.Position.TopLeft,s.Position.BottomLeft].includes(this.props.getPosition())){var i=(null===(n=this.props.getParentRef().current)||void 0===n?void 0:n.getBoundingClientRect().left)||0,o=((null===(r=this._multiscreenPlayersWrapperRef.current)||void 0===r?void 0:r.getBoundingClientRect().left)||0)-i;o<0&&this.setState({xPosition:o})}else 0!==this.state.xPosition&&this.setState({xPosition:0})},t.prototype.componentWillUnmount=function(){this._multiscreenPlayersRefs=[]},t.prototype.render=function(e){var t=this;if(!e.players.length)return null;var n=(0,a.h)(l.Button,{className:this.state.isOpen?c.active:"",type:l.ButtonType.borderless,size:l.ButtonSize.medium,icon:"more",onClick:this._handleClick,focusOnMount:A,testId:"dualscreen_multiscreenButton"});return(0,a.h)("div",{className:c.multiscreenWrapper,"data-testid":"dualscreen_multiscreenWrapper"},this.state.isOpen?n:(0,a.h)(d,{type:"bottom-left",label:this.props.multiscreenLabel},n),(0,a.h)("div",{style:{right:"".concat(this.state.xPosition,"px")},className:[c.multiscreenPlayersWrapper,this.state.isOpen?c.visible:""].join(" "),ref:this._multiscreenPlayersWrapperRef,"data-testid":"dualscreen_multiscreen"},e.players.map((function(e,n){var r=(0,a.createRef)();return t._multiscreenPlayersRefs[n]=r,(0,a.h)("div",{ref:r,className:c.multiscreenPlayer,"data-testid":"dualscreen_multiscreenPlayer"},(0,a.h)("div",{className:c.multiscreenButtonsWrapper},(0,a.h)(l.Button,{onClick:function(n,r){return void 0===r&&(r=!1),t._handleLayoutChange(r,e.setPrimary)},type:l.ButtonType.borderless,size:l.ButtonSize.medium,icon:e.setSecondary?"pictureInPicture":"switch",ariaLabel:e.setSecondary?t.props.switchToPrimary:t.props.switchScreen,testId:"dualscreen_multiscreenSwitchScreen"}),e.setSecondary&&(0,a.h)(l.Button,{onClick:function(n,r){return void 0===r&&(r=!1),t._handleLayoutChange(r,e.setSecondary)},type:l.ButtonType.borderless,size:l.ButtonSize.medium,icon:"minimizedVideo",ariaLabel:t.props.switchToSecondary,testId:"dualscreen_multiscreenSetSecondary"})))}))))},o([_(h),p],t)}(a.Component);t.Multiscreen=v},745:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var i=Object.getOwnPropertyDescriptor(t,n);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,i)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),i=this&&this.__exportStar||function(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||r(t,e,n)};Object.defineProperty(t,"__esModule",{value:!0}),i(n(8330),t)},8330:function(e,t,n){"use strict";var r,i=this&&this.__extends||(r=function(e,t){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},r(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),o=this&&this.__decorate||function(e,t,n,r){var i,o=arguments.length,a=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,r);else for(var l=e.length-1;l>=0;l--)(i=e[l])&&(a=(o<3?i(a):o>3?i(t,n,a):i(t,n))||a);return o>3&&a&&Object.defineProperty(t,n,a),a};Object.defineProperty(t,"__esModule",{value:!0}),t.PipMinimized=void 0;var a=n(4522),l=n(1029),s=n(5623),c=n(1972),d=n(5572),p=KalturaPlayer.ui.components.Icon,u=KalturaPlayer.ui.preacti18n,_=u.withText,y=u.Text,g=function(){return{showLabel:(0,a.h)(y,{id:"dualScreen.show"},"Show"),showAriaLabel:(0,a.h)(y,{id:"dualScreen.show_label"},"Show dual screen"),switchScreen:(0,a.h)(y,{id:"dualScreen.switch_screen"},"Switch Screen")}},h=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t._multiscreenPlayersRefs=[],t._renderHoverButton=function(){var e=t.props,n=e.show,r=e.hideButtons,i=e.focusOnButton;return(0,a.h)(a.Fragment,null,!r&&(0,a.h)(c.Button,{onClick:n,className:l.showContainer,ariaLabel:t.props.showAriaLabel,focusOnMount:i===d.ButtonsEnum.Show,testId:"dualscreen_switchToPIP",type:c.ButtonType.translucent},(0,a.h)(a.Fragment,null,(0,a.h)("div",{className:l.iconContainer},(0,a.h)(p,{id:"dualscreen-pip-minimized-show",height:s.icons.SmallSize,width:s.icons.SmallSize,viewBox:"0 0 ".concat(s.icons.SmallSize," ").concat(s.icons.SmallSize),path:s.icons.SHOW_ICON_PATH})),t.props.showLabel)))},t}return i(t,e),t.prototype.componentDidMount=function(){var e=this;this._multiscreenPlayersRefs.forEach((function(t,n){var r=e.props.players[n].player.getVideoElement();r.tabIndex=-1,t.current.prepend(r)}))},t.prototype.render=function(e){var t=this;return(0,a.h)("div",{className:l.childPlayerContainer,"data-testid":"dualscreen_pipMinimized"},this.props.players.map((function(n,r){var i=(0,a.createRef)();return t._multiscreenPlayersRefs[r]=i,(0,a.h)("div",{ref:i,className:[l.childPlayer,e.hideButtons?l.tinyChildPlayer:""].join(" "),"data-testid":"dualscreen_pipMinimizedPlayer"},(0,a.h)("div",{className:[l.innerButtons,t.props.hideButtons?l.tinyInnerButtons:""].join(" ")},(0,a.h)(c.Button,{onClick:n.setPrimary,focusOnMount:t.props.focusOnButton===d.ButtonsEnum.SwitchScreen,ariaLabel:t.props.switchScreen,type:c.ButtonType.borderless,size:c.ButtonSize.medium,icon:"switch",testId:"dualscreen_switchToPrimary"})))})),this._renderHoverButton())},o([_(g)],t)}(a.Component);t.PipMinimized=h},3087:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var i=Object.getOwnPropertyDescriptor(t,n);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,i)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),i=this&&this.__exportStar||function(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||r(t,e,n)};Object.defineProperty(t,"__esModule",{value:!0}),i(n(9926),t),i(n(9536),t)},9926:function(e,t,n){"use strict";var r,i=this&&this.__extends||(r=function(e,t){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},r(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),o=this&&this.__decorate||function(e,t,n,r){var i,o=arguments.length,a=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,r);else for(var l=e.length-1;l>=0;l--)(i=e[l])&&(a=(o<3?i(a):o>3?i(t,n,a):i(t,n))||a);return o>3&&a&&Object.defineProperty(t,n,a),a};Object.defineProperty(t,"__esModule",{value:!0}),t.PipChild=void 0;var a=n(4522),l=n(5067),s=n(5572),c=n(5623),d=n(1972),p=KalturaPlayer.ui.redux.connect,u=KalturaPlayer.ui,_=u.utils,y=u.reducers,g=KalturaPlayer.ui.components.Icon,h=KalturaPlayer.ui.preacti18n,A=h.withText,v=h.Text,f=function(e){var t=e.layout;return{sideBySide:(0,a.h)(v,{id:"dualScreen.side_by_side"},"Side by side screens"),switchScreen:t===s.Layout.PIP?(0,a.h)(v,{id:"dualScreen.switch_to_secondary_screen"},"Switch to secondary screen"):(0,a.h)(v,{id:"dualScreen.switch_to_primary_screen"},"Switch to primary screen"),hideLabel:(0,a.h)(v,{id:"dualScreen.hide"},"Hide"),hideAriaLabel:(0,a.h)(v,{id:"dualScreen.hide_label"},"Hide dual screen")}},m=function(e){return{showUi:e.shell.playerHover||e.shell.playerNav,playerHeight:e.shell.guiClientRect.height,prePlayback:e.engine.prePlayback}},C=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.playerContainerRef=(0,a.createRef)(),t.pipContainerRef=(0,a.createRef)(),t}return i(t,e),t.prototype.componentDidMount=function(){var e=this.props.player.getVideoElement();e.tabIndex=-1,e.setAttribute("disablePictureInPicture","true"),this.playerContainerRef.current.prepend(e),this.props.setDraggableTarget(this.playerContainerRef.current)},t.prototype._renderInnerButtons=function(){var e=this,t=this.props,n=t.onSideBySideSwitch,r=t.onInversePIP,i=t.focusOnButton,o=t.multiscreen;return(0,a.h)("div",{className:[l.innerButtons,this.props.portrait?l.verticalPlayer:""].join(" ")},(0,a.h)("div",{className:l.buttonWrapper},(0,a.cloneElement)(o,{getParentRef:function(){return e.pipContainerRef}})),(0,a.h)("div",{className:l.buttonWrapper},(0,a.h)(d.Button,{icon:"add",onClick:n,tooltip:{label:this.props.sideBySide,type:"bottom-left"},type:d.ButtonType.borderless,size:d.ButtonSize.medium,focusOnMount:i===s.ButtonsEnum.SideBySide,ariaLabel:this.props.sideBySide,testId:"dualscreen_switchToSideBySide"})),(0,a.h)("div",{className:l.buttonWrapper},(0,a.h)(d.Button,{onClick:r,tooltip:{label:this.props.switchScreen,type:"bottom-left"},focusOnMount:i===s.ButtonsEnum.SwitchScreen,type:d.ButtonType.borderless,size:d.ButtonSize.medium,icon:"switch",ariaLabel:this.props.switchScreen,testId:"dualscreen_inversePIP"})))},t.prototype._renderHideButton=function(){var e=this.props,t=e.hide,n=e.focusOnButton;return(0,a.h)(d.Button,{className:l.hideContainer,testId:"dualscreen_switchToSingleMedia",onClick:t,ariaLabel:this.props.hideAriaLabel,focusOnMount:n===s.ButtonsEnum.Hide,type:d.ButtonType.translucent},(0,a.h)(a.Fragment,null,(0,a.h)("div",{className:l.iconContainer},(0,a.h)(g,{id:"dualscreen-pip-hide",height:c.icons.SmallSize,width:c.icons.SmallSize,viewBox:"0 0 ".concat(c.icons.SmallSize," ").concat(c.icons.SmallSize),path:c.icons.HIDE_ICON_PATH})),this.props.hideLabel))},t.prototype.render=function(e){var t=[l.childPlayer];if(e.isDragging&&t.push(l.dragging),e.showUi||t.push(l.hideButtons),!e.prePlayback&&e.animation)switch(e.animation){case s.Animations.Fade:t.push(l.animatedFade);break;case s.Animations.ScaleRight:t.push(l.animatedScaleRight);break;case s.Animations.ScaleLeft:t.push(l.animatedScaleLeft)}var n=e.playerHeight*e.playerSizePercentage/100,r=n*e.aspectRatio.width/e.aspectRatio.height,i={height:"".concat(e.portrait?r:n,"px")};return(0,a.h)("div",{className:t.join(" "),ref:this.pipContainerRef,"data-testid":"dualscreen_pipChildren"},this._renderHideButton(),(0,a.h)("div",{className:l.playerWrapper},(0,a.h)("div",{className:l.playerContainer,style:i,ref:this.playerContainerRef}),this._renderInnerButtons()))},o([A(f),p(m,_.bindActions(y.shell.actions))],t)}(a.Component);t.PipChild=C},9536:function(e,t,n){"use strict";var r,i=this&&this.__extends||(r=function(e,t){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},r(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),o=this&&this.__decorate||function(e,t,n,r){var i,o=arguments.length,a=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,r);else for(var l=e.length-1;l>=0;l--)(i=e[l])&&(a=(o<3?i(a):o>3?i(t,n,a):i(t,n))||a);return o>3&&a&&Object.defineProperty(t,n,a),a};Object.defineProperty(t,"__esModule",{value:!0}),t.PipParent=void 0;var a=n(4522),l=n(5067),s=n(5572),c=KalturaPlayer.ui.redux.connect,d=function(e){return{prePlayback:e.engine.prePlayback}},p=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.videoContainerRef=(0,a.createRef)(),t}return i(t,e),t.prototype.componentDidMount=function(){var e,t,n=this.props.player;null===(t=null===(e=this.videoContainerRef)||void 0===e?void 0:e.current)||void 0===t||t.appendChild(n.getVideoElement())},t.prototype.render=function(e){var t=[l.videoContainer,l.parentPlayer];if(!e.prePlayback&&e.animation)switch(e.animation){case s.Animations.Fade:t.push(l.animatedFade);break;case s.Animations.ScaleRight:t.push(l.animatedScaleRight);break;case s.Animations.ScaleLeft:t.push(l.animatedScaleLeft)}return(0,a.h)("div",{className:t.join(" "),ref:this.videoContainerRef,"data-testid":"dualscreen_pipParent"})},o([c(d)],t)}(a.Component);t.PipParent=p},7590:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var i=Object.getOwnPropertyDescriptor(t,n);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,i)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),i=this&&this.__exportStar||function(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||r(t,e,n)};Object.defineProperty(t,"__esModule",{value:!0}),i(n(5786),t)},5786:function(e,t,n){"use strict";var r,i=this&&this.__extends||(r=function(e,t){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},r(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),o=this&&this.__decorate||function(e,t,n,r){var i,o=arguments.length,a=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,r);else for(var l=e.length-1;l>=0;l--)(i=e[l])&&(a=(o<3?i(a):o>3?i(t,n,a):i(t,n))||a);return o>3&&a&&Object.defineProperty(t,n,a),a};Object.defineProperty(t,"__esModule",{value:!0}),t.ResponsiveManager=void 0;var a=n(4522),l=KalturaPlayer.ui,s=l.redux.connect,c=l.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 t(){var t=null!==e&&e.apply(this,arguments)||this;return t._renderChildComponent=function(){var e=t.props,n=e.children,r=e.playerSize;return(0,a.cloneElement)(n,{hideButtons:d.includes(r)})},t}return i(t,e),t.prototype.componentDidMount=function(){var e=this.props,t=e.playerSize,n=e.onMinSize;p.includes(t)&&n()},t.prototype.componentDidUpdate=function(e){var t=this.props,n=t.playerSize,r=t.onMinSize,i=t.onDefaultSize;n!==c.TINY&&(!p.includes(n)||p.includes(e.playerSize)?!p.includes(n)&&p.includes(e.playerSize)&&i():r())},t.prototype.render=function(e){return e.playerSize===c.TINY?null:this._renderChildComponent()},t.defaultProps={onMinSize:function(){}},o([s(u)],t)}(a.Component);t.ResponsiveManager=_},2173:function(e,t,n){"use strict";var r,i=this&&this.__extends||(r=function(e,t){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},r(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),o=this&&this.__assign||function(){return o=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},o.apply(this,arguments)};Object.defineProperty(t,"__esModule",{value:!0}),t.SideBySideWrapper=void 0;var a=n(4522),l=n(2615),s=n(5572),c=n(7590),d=n(6054),p=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.sbsWrapperRef=(0,a.createRef)(),t}return i(t,e),t.prototype.render=function(e){var t=this,n=e.leftSideProps,r=e.rightSideProps,i=e.layout,p=e.onSizeChange,u=e.onMinSize;return(0,a.h)(c.ResponsiveManager,{onMinSize:function(){u()},onDefaultSize:p},(0,a.h)("div",{className:d.sideBySideWrapper,ref:this.sbsWrapperRef,"data-testid":"dualscreen_sideBySideWrapper"},(0,a.h)(l.SideBySide,o({},n,{streamMode:i===s.Layout.SideBySide?s.StreamMode.Primary:s.StreamMode.Secondary,getParentRef:function(){return t.sbsWrapperRef}})),(0,a.h)(l.SideBySide,o({},r,{streamMode:i===s.Layout.SideBySide?s.StreamMode.Secondary:s.StreamMode.Primary,getParentRef:function(){return t.sbsWrapperRef}}))))},t}(a.Component);t.SideBySideWrapper=p},2615:function(e,t,n){"use strict";var r,i=this&&this.__extends||(r=function(e,t){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},r(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),o=this&&this.__decorate||function(e,t,n,r){var i,o=arguments.length,a=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,r);else for(var l=e.length-1;l>=0;l--)(i=e[l])&&(a=(o<3?i(a):o>3?i(t,n,a):i(t,n))||a);return o>3&&a&&Object.defineProperty(t,n,a),a};Object.defineProperty(t,"__esModule",{value:!0}),t.SideBySide=void 0;var a=n(4522),l=n(6054),s=n(1972),c=n(5572),d=KalturaPlayer.ui.redux.connect,p=KalturaPlayer.ui.preacti18n,u=p.withText,_=p.Text,y=function(e){return{expandScreen:e.streamMode===c.StreamMode.Primary?(0,a.h)(_,{id:"dualScreen.expand_primary_screen"},"Expand primary screen"):(0,a.h)(_,{id:"dualScreen.expand_secondary_screen"},"Expand secondary screen")}},g=function(e){return{playerWidth:e.shell.guiClientRect.width,showUi:e.shell.playerHover||e.shell.playerNav}},h=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.ref=(0,a.createRef)(),t}return i(t,e),t.prototype.componentDidMount=function(){var e=this.props.player.getVideoElement();e.tabIndex=-1,this.ref.current.prepend(e)},t.prototype._renderHoverButton=function(){var e=this.props,t=e.onExpand,n=e.showUi,r=e.focusOnButton,i=e.multiscreen,o=[l.innerButtons];return n||o.push(l.hideButtons),(0,a.h)(a.Fragment,null,(0,a.h)("div",{className:o.join(" ")},(0,a.h)("div",{className:l.buttonWrapper},(0,a.cloneElement)(i,{getParentRef:this.props.getParentRef,sbsLayout:!0})),(0,a.h)("div",{className:l.buttonWrapper},(0,a.h)(s.Button,{className:l.iconContainer,onClick:t,tooltip:{label:this.props.expandScreen,type:"bottom-left"},focusOnMount:r,type:s.ButtonType.borderless,size:s.ButtonSize.medium,icon:"expand",testId:"dualscreen_switchToPIP"}))))},t.prototype.render=function(e){var t=e.playerWidth,n=e.animation,r={height:t/2/16*9},i=[l.player];return n===c.Animations.ScaleLeft?i.push(l.animatedScale):i.push(l.animatedFade),(0,a.h)("div",{ref:this.ref,className:i.join(" "),style:r,"data-testid":"dualscreen_sbs"},this._renderHoverButton())},o([u(y),d(g)],t)}(a.Component);t.SideBySide=h},9832:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.DualScreenEngineDecorator=void 0;var r=n(2052),i=n(5572),o=(r.core.FakeEvent,r.core.EventType),a=function(){function e(e,t,n){var r=this;this._isActive=!1,this._plugin=t,this._dispatcher=n,t.eventManager.listen(t.player,o.SEEKING,(function(){var e;r._isActive=!!(null===(e=r.secondaryPlayer)||void 0===e?void 0:e.src)})),t.eventManager.listen(t.player,o.SEEKED,(function(){r._isActive=!1}))}return Object.defineProperty(e.prototype,"active",{get:function(){return this._isActive&&!this.secondaryPlayer.ended},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"secondaryPlayer",{get:function(){return this._plugin.getActiveDualScreenPlayer(i.PlayerContainers.secondary)},enumerable:!1,configurable:!0}),e.prototype.dispatchEvent=function(e){var t,n=this;return e.type===o.SEEKED?((null===(t=this.secondaryPlayer)||void 0===t?void 0:t.type)===i.PlayerType.VIDEO&&this._plugin.eventManager.listenOnce(secondaryPlayer.player,o.SEEKED,(function(){n._dispatcher(e)})),!0):this._dispatcher(e)},e}();t.DualScreenEngineDecorator=a},4009:function(e,t,n){"use strict";var r,i=this&&this.__extends||(r=function(e,t){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},r(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),o=this&&this.__assign||function(){return o=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},o.apply(this,arguments)},a=this&&this.__spreadArray||function(e,t,n){if(n||2===arguments.length)for(var r,i=0,o=t.length;i<o;i++)!r&&i in t||(r||(r=Array.prototype.slice.call(t,0,i)),r[i]=t[i]);return e.concat(r||Array.prototype.slice.call(t))};Object.defineProperty(t,"__esModule",{value:!0}),t.DualScreen=void 0;var l=n(4522),s=n(3087),c=n(6593),d=n(745),p=n(5572),u=n(1508),_=n(253),y=n(7590),g=n(1186),h=n(994),A=n(2173),v=n(4539),f=n(9832),m=n(2443),C=n(2052);n(8610);var b=n(6576),P=C.ui.reducers.shell,S=C.core.EventType,k=C.core.FakeEvent,w="has-dual-screen-plugin-overlay",x=["Playback","Live","Ads"],B="imagePlayer",E="mainPlayer",M=function(e){function t(t,n,r){var i=e.call(this,t,n,r)||this;i._externalLayout=null,i._pipPosition=p.Position.BottomRight,i._removeActivesArr=[],i._playbackEnded=!1,i._resolveReadyPromise=function(){},i._pipPortraitMode=!1,i._undoRemoveSettings=null,i._dualScreenPlayers=[],i._currentMultiscreenPlayers=[],i._removeSettingsComponent=function(){if(!i._undoRemoveSettings){var e={presets:x,container:p.ReservedPresetAreas.BottomBarRightControls,get:C.ui.Components.Remove,replaceComponent:C.ui.Components.Settings.displayName};i._undoRemoveSettings=i.player.ui.addComponent(e)}},i._makeReadyPromise=function(){return new Promise((function(e){i._resolveReadyPromise=e}))},i.getDualScreenPlayer=function(e){return i._dualScreenPlayers.find((function(t){return t.id===e}))},i.getActiveDualScreenPlayer=function(e){return i._dualScreenPlayers.find((function(t){return t.container===e}))},i.getDualScreenThumbs=function(e){var t,n=i.getActiveDualScreenPlayer(p.PlayerContainers.primary);if([p.Layout.SingleMedia,p.Layout.SingleMediaInverse].includes(i._layout))return null==n?void 0:n.player.getThumbnail(e);var r=[n,i.getActiveDualScreenPlayer(p.PlayerContainers.secondary)].map((function(t){return null==t?void 0:t.player.getThumbnail(e)}));return r[0]&&r[1]?r:null!==(t=r[0])&&void 0!==t?t:r[1]},i._setActiveDualScreenPlayer=function(e,t){var n;if((null===(n=i.getActiveDualScreenPlayer(t))||void 0===n?void 0:n.id)!==e){var r=i._dualScreenPlayers.find((function(e){return e.container===t}));i._dualScreenPlayers=i._dualScreenPlayers.map((function(n){return r&&n.id===r.id?o(o({},n),{container:p.PlayerContainers.none}):o(o({},n),{container:n.id===e?t:n.container})}))}},i._getMultiscreenPlayers=function(){return i._dualScreenPlayers.filter((function(e){if(e.container===p.PlayerContainers.none)return!(e.type===p.PlayerType.IMAGE&&!e.player.active)}))},i._makeMultiscreenPlayers=function(e,t){return void 0===t&&(t=!1),i._currentMultiscreenPlayers=e.map((function(e){return i._layout===p.Layout.PIP?{player:e.player,setSecondary:function(){i._setActiveDualScreenPlayer(e.id,p.PlayerContainers.secondary),i._setMode(!0)},setPrimary:function(){i._setActiveDualScreenPlayer(e.id,p.PlayerContainers.primary),i._setMode(!0)}}:i._layout===p.Layout.SideBySide?{player:e.player,setSecondary:null,setPrimary:function(){i._setActiveDualScreenPlayer(e.id,t?p.PlayerContainers.secondary:p.PlayerContainers.primary),i._setMode(!0)}}:{player:e.player,setSecondary:null,setPrimary:function(){i.getActiveDualScreenPlayer(p.PlayerContainers.secondary).id===e.id?i._applyInverse():i._setActiveDualScreenPlayer(e.id,p.PlayerContainers.primary),i._setMode(!0)}}})),i._currentMultiscreenPlayers},i._setMode=function(e){switch(i._layout){case p.Layout.PIP:i._switchToPIP({force:e});break;case p.Layout.PIPInverse:i._applyInverse(),i._switchToPIP({force:e});break;case p.Layout.SingleMedia:i._switchToSingleMedia({force:e});break;case p.Layout.SingleMediaInverse:i._applyInverse(),i._switchToSingleMedia({force:e});break;case p.Layout.SideBySide:i._switchToSideBySide({force:e});break;case p.Layout.SideBySideInverse:i._applyInverse(),i._switchToSideBySide({force:e});break;case p.Layout.Hidden:i._switchToHidden();break;default:i.logger.warn("unrecognized layout, got:",i._layout)}},i._setDefaultMode=function(){i._switchToHidden();var e=[p.Layout.PIP,p.Layout.PIPInverse,p.Layout.SideBySide,p.Layout.SideBySideInverse,p.Layout.SingleMedia,p.Layout.SingleMediaInverse];i._layout=e.includes(i.config.layout)?i.config.layout:p.Layout.Hidden,i._pipPosition=i.config.position,i._pipPortraitMode=!1,i._externalLayout=null},i._setPipPosition=function(e){i._pipPosition=e},i.getPipPosition=function(){return i._pipPosition},i._applyInverse=function(){i._dualScreenPlayers=i._dualScreenPlayers.map((function(e){return e.container===p.PlayerContainers.none?e:o(o({},e),{container:e.container===p.PlayerContainers.primary?p.PlayerContainers.secondary:p.PlayerContainers.primary})}))},i._switchToHidden=function(){var e=i.player.ui.store.dispatch;i._layout=p.Layout.Hidden,e(P.actions.removePlayerClass(w)),i._removeActives(),i._originalVideoElementParent&&i._originalVideoElementParent.prepend(i.player.getVideoElement())},i._switchToPIP=function(e){var t,n,r=void 0===e?{}:e,o=r.animation,a=void 0===o?p.Animations.None:o,d=r.focusOnButton,u=r.force,_=null===(t=i.getDualScreenPlayer(B))||void 0===t?void 0:t.player;!u&&i._layout===p.Layout.PIP&&i._removeActivesArr.length&&(null===(n=_.active)||void 0===n?void 0:n.portrait)===i._pipPortraitMode||(i._layout=p.Layout.PIP,i._setPipPortraitMode(),i._addActives(i.player.ui.addComponent({label:"kaltura-dual-screen-pip",presets:x,container:p.ReservedPresetAreas.VideoContainer,get:function(){return(0,l.h)(s.PipParent,{animation:a,player:i.getActiveDualScreenPlayer(p.PlayerContainers.primary).player})}}),i.player.ui.addComponent({label:"kaltura-dual-screen-pip",presets:x,container:p.ReservedPresetAreas.InteractiveArea,get:function(){return(0,l.h)(y.ResponsiveManager,{onMinSize:function(){i._switchToSingleMedia()},onDefaultSize:i._setMode},(0,l.h)(h.DragAndSnapManager,{eventManager:i.eventManager,logger:i.logger,getPosition:i.getPipPosition,onPositionChanged:i._setPipPosition},(0,l.h)(s.PipChild,{animation:p.Animations.Fade,playerSizePercentage:i.config.childSizePercentage,player:i.getActiveDualScreenPlayer(p.PlayerContainers.secondary).player,hide:function(e,t){return i._switchToSingleMedia({animation:p.Animations.None,focusOnButton:(0,v.getValueOrUndefined)(t,p.ButtonsEnum.Show)})},onSideBySideSwitch:function(e,t){return i._switchToSideBySide({focusOnButton:t?p.ButtonsEnum.SideBySide:void 0,animation:p.Animations.ScaleLeft})},onInversePIP:function(e,t){i._applyInverse(),i._layout=p.Layout.PIPInverse,i._switchToPIP({animation:p.Animations.Fade,focusOnButton:(0,v.getValueOrUndefined)(t,p.ButtonsEnum.SwitchScreen)})},portrait:i._pipPortraitMode,aspectRatio:i.config.childAspectRatio,focusOnButton:d,layout:i._layout,multiscreen:(0,l.h)(c.Multiscreen,{players:i._makeMultiscreenPlayers(i._getMultiscreenPlayers()),getPosition:i.getPipPosition})})))}})))},i._switchToSingleMedia=function(e){var t=void 0===e?{}:e,n=t.animation,r=void 0===n?p.Animations.None:n,o=t.focusOnButton;!t.force&&i._layout===p.Layout.SingleMedia&&i._removeActivesArr.length||(i._layout=p.Layout.SingleMedia,i._addActives(i.player.ui.addComponent({label:"kaltura-dual-screen-pip",presets:x,container:p.ReservedPresetAreas.VideoContainer,get:function(){return(0,l.h)(s.PipParent,{animation:r,player:i.getActiveDualScreenPlayer(p.PlayerContainers.primary).player})}}),i.player.ui.addComponent({label:"kaltura-dual-screen-pip-minimized",presets:x,container:p.ReservedPresetAreas.BottomBar,get:function(){return(0,l.h)(y.ResponsiveManager,{onDefaultSize:i._setMode},(0,l.h)(d.PipMinimized,{show:function(e,t){return i._switchToPIP({animation:p.Animations.None,focusOnButton:(0,v.getValueOrUndefined)(t,p.ButtonsEnum.Hide)})},players:i._makeMultiscreenPlayers(a(a([],i._getMultiscreenPlayers(),!0),[i.getActiveDualScreenPlayer(p.PlayerContainers.secondary)],!1)),focusOnButton:o}))}})))},i._switchToSideBySide=function(e){var t=void 0===e?{}:e,n=t.animation,r=void 0===n?p.Animations.Fade:n,o=t.focusOnButton;if(t.force||i._layout!==p.Layout.SideBySide||!i._removeActivesArr.length){i._layout=p.Layout.SideBySide;var a={player:i.getActiveDualScreenPlayer(p.PlayerContainers.primary).player,onExpand:function(e,t){return i._switchToPIP({animation:p.Animations.ScaleRight,focusOnButton:(0,v.getValueOrUndefined)(t,p.ButtonsEnum.SideBySide)})},focusOnButton:Boolean(o),animation:r,multiscreen:(0,l.h)(c.Multiscreen,{players:i._makeMultiscreenPlayers(i._getMultiscreenPlayers())})},s={player:i.getActiveDualScreenPlayer(p.PlayerContainers.secondary).player,onExpand:function(e,t){i._applyInverse(),i._switchToPIP({animation:p.Animations.ScaleLeft,focusOnButton:(0,v.getValueOrUndefined)(t,p.ButtonsEnum.SideBySide)})},animation:p.Animations.Fade,multiscreen:(0,l.h)(c.Multiscreen,{players:i._makeMultiscreenPlayers(i._getMultiscreenPlayers(),!0)})};i._addActives(i.player.ui.addComponent({label:"kaltura-dual-screen-side-by-side",presets:x,container:p.ReservedPresetAreas.VideoContainer,get:function(){return(0,l.h)(A.SideBySideWrapper,{leftSideProps:a,rightSideProps:s,layout:i._layout,onSizeChange:i._setMode,onMinSize:i._switchToSingleMedia})}}))}},i._onActiveSlideChanged=function(e){var t;if(e){var n=!1;i._layout!==p.Layout.Hidden||i._externalLayout||(n=!0,i._setDefaultMode()),i._layout===p.Layout.Hidden&&i._externalLayout&&i._applyExternalLayout();var r=!1;e.portrait!==i._pipPortraitMode&&(r=!0);var o=!0;((null===(t=i.getDualScreenPlayer(B))||void 0===t?void 0:t.container)!==p.PlayerContainers.none||i._currentMultiscreenPlayers.find((function(e){return e.player instanceof m.ImagePlayer})))&&(o=!1),(n||r&&i._layout===p.Layout.PIP||o)&&i._setMode(!0),i.config.removePlayerSettings&&i._removeSettingsComponent()}else i._switchToHidden()},i._onSlideViewChanged=function(e){i._externalLayout!==e&&(i._externalLayout=e,i._applyExternalLayout())},i._applyExternalLayout=function(){var e=i.getActiveDualScreenPlayer(p.PlayerContainers.primary),t=i.getActiveDualScreenPlayer(p.PlayerContainers.secondary),n=function(n){return(null==e?void 0:e.id)===n?B:E&&(null==t?void 0:t.id)===n?E:B},r=function(e){i._setActiveDualScreenPlayer(E,e?p.PlayerContainers.secondary:p.PlayerContainers.primary),i._setActiveDualScreenPlayer(B,e?p.PlayerContainers.primary:p.PlayerContainers.secondary)};switch(i._externalLayout){case p.ExternalLayout.Hidden:i._switchToHidden();break;case p.ExternalLayout.SingleMedia:i._layout===p.Layout.SingleMedia&&n()||(r(),i._switchToSingleMedia({force:!0}));break;case p.ExternalLayout.SingleMediaInverse:i._layout===p.Layout.SingleMediaInverse&&n(!0)||(r(!0),i._switchToSingleMedia({force:!0}));break;case p.ExternalLayout.PIP:i._layout===p.Layout.PIP&&n()||(r(),i._switchToPIP({force:!0}));break;case p.ExternalLayout.PIPInverse:i._layout===p.Layout.PIPInverse&&n(!0)||(r(!0),i._switchToPIP({force:!0}));break;case p.ExternalLayout.SideBySide:i._layout===p.Layout.SideBySide&&n()||(r(),i._switchToSideBySide({force:!0}));break;case p.ExternalLayout.SideBySideInverse:i._layout===p.Layout.SideBySideInverse&&n(!0)||(r(!0),i._switchToSideBySide({force:!0}))}},i._readyPromise=i._makeReadyPromise(),i._layout=p.Layout.Hidden,i._pipPosition=i.config.position;var u={getDualScreenThumbs:i.getDualScreenThumbs};return i.player.registerService("dualScreen",u),i}return i(t,e),t.prototype.getEngineDecorator=function(e,t){return new f.DualScreenEngineDecorator(e,this,t)},Object.defineProperty(t.prototype,"_layout",{get:function(){return this.layout},set:function(e){e===p.Layout.PIP&&this.layout===p.Layout.PIPInverse||this.player.dispatchEvent(new k(b.DualscreenEvents.CHANGE_LAYOUT,{layout:e})),this.layout=e},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"ready",{get:function(){return this._readyPromise},enumerable:!1,configurable:!0}),t.prototype.loadMedia=function(){var e,t=new m.ImagePlayer(this._onActiveSlideChanged,this.config.slidesPreloadEnabled);this._dualScreenPlayers=[{id:E,type:p.PlayerType.VIDEO,container:p.PlayerContainers.primary,player:this.player},{id:B,type:p.PlayerType.IMAGE,container:p.PlayerContainers.none,player:t}],this._addBindings();var n=this.player.getService("kalturaCuepoints");if(this._getSecondaryMedia(),n){null==n||n.registerTypes([n.CuepointType.SLIDE,n.CuepointType.VIEW_CHANGE]);var r=null===(e=this.getDualScreenPlayer(B))||void 0===e?void 0:e.player;this._imageSyncManager=new _.ImageSyncManager(this.eventManager,this.player,r,this.logger,this._onSlideViewChanged)}else this.logger.warn("kalturaCuepoints service is not registered")},t.prototype.reset=function(){var e,t=this;this._setDefaultMode(),this._layout=p.Layout.Hidden,this._dualScreenPlayers.forEach((function(e){var n;if(e.id!==E){var r=e.player;r.destroy(),e.type===p.PlayerType.VIDEO&&t._removeSecondaryPlaceholder(null===(n=r.config)||void 0===n?void 0:n.targetId)}})),null===(e=this._imageSyncManager)||void 0===e||e.reset(),this._imageSyncManager=void 0,this._readyPromise=this._makeReadyPromise(),this._undoRemoveSettings&&(this._undoRemoveSettings(),this._undoRemoveSettings=null),this._dualScreenPlayers=[],this._currentMultiscreenPlayers=[],this.eventManager.removeAll()},t.prototype._removeSecondaryPlaceholder=function(e){var t=document.getElementById(e);t&&document.body.removeChild(t)},t.prototype._addBindings=function(){var e=this;this.eventManager.listen(this.player,S.PLAYBACK_ENDED,(function(){e._playbackEnded=!0})),this.eventManager.listenOnce(this.player,S.FIRST_PLAY,(function(){e._originalVideoElementParent=e.player.getVideoElement().parentElement})),this.eventManager.listen(this.player,S.PLAY,(function(){if(e._playbackEnded){e._playbackEnded=!1;var t=e.getActiveDualScreenPlayer(p.PlayerContainers.secondary);t.type!==p.PlayerType.IMAGE||t.player.active?(e._setDefaultMode(),e._setMode()):e._switchToHidden()}}))},t.prototype._addActives=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];(0,this.player.ui.store.dispatch)(P.actions.addPlayerClass(w)),this._removeActives(),this._removeActivesArr=e},t.prototype._removeActives=function(){this._removeActivesArr.forEach((function(e){e()})),this._removeActivesArr=[]},t.prototype._getSecondaryMedia=function(){var e=this;this.player.provider.doRequest([{loader:g.SecondaryMediaLoader,params:{parentEntryId:this.player.sources.id}}]).then((function(t){var n,r;if(t&&t.has(g.SecondaryMediaLoader.id)){var i=t.get(g.SecondaryMediaLoader.id),o=(null===(n=null==i?void 0:i.response)||void 0===n?void 0:n.entries)||[];if(o.forEach((function(t,n){var r=e._createSecondaryPlayer(t.id);e._dualScreenPlayers.push({id:t.id,player:r,type:p.PlayerType.VIDEO,container:0===n?p.PlayerContainers.secondary:p.PlayerContainers.none}),new u.VideoSyncManager(e.eventManager,e.player,r,e.logger)})),o.length){e.config.removePlayerSettings&&e._removeSettingsComponent();var a=null===(r=e.getActiveDualScreenPlayer(p.PlayerContainers.secondary))||void 0===r?void 0:r.player;e.eventManager.listenOnce(a,S.CHANGE_SOURCE_ENDED,(function(){e._resolveReadyPromise()})),e.eventManager.listenOnce(a,S.FIRST_PLAYING,(function(){e.logger.debug("secondary player first playing - show dual mode"),e._setDefaultMode(),e._setMode()}))}else e._setActiveDualScreenPlayer(B,p.PlayerContainers.secondary),e.logger.trace("child media not found"),e._resolveReadyPromise()}else e.logger.warn("SecondaryMediaLoader does not exist"),e._resolveReadyPromise(),e.eventManager.removeAll()})).catch((function(t){e.logger.error(t),e._resolveReadyPromise()}))},t.prototype._createSecondaryPlayer=function(e){var t,n="secondaryPlaceholder-".concat(e),r=document.createElement("div");r.setAttribute("id",n),r.style.width="240px",r.style.height="135px",r.hidden=!0,document.body.appendChild(r);var i={targetId:n,disableUserCache:!0,playback:{muted:!0,autoplay:!1},ui:{disable:!0},provider:o(o({},this.player.config.provider),{ignoreServerConfig:!0}),plugins:{"kaltura-live":o({},(null===(t=this.player.plugins["kaltura-live"])||void 0===t?void 0:t.config)||{})}},a=window.KalturaPlayer.setup(i);return a.loadMedia({entryId:e,ks:this.player.config.session.isAnonymous?"":this.player.config.session.ks}),a},t.isValid=function(){return!0},t.prototype.destroy=function(){this.eventManager.destroy()},t.prototype._setPipPortraitMode=function(){var e=this.getActiveDualScreenPlayer(p.PlayerContainers.secondary);if(e.type===p.PlayerType.VIDEO&&e.player){var t=e.player.getVideoElement().videoWidth,n=e.player.getVideoElement().videoHeight;this._pipPortraitMode=t<n||this._pipPortraitMode}else this._pipPortraitMode=e.player.active?e.player.active.portrait:this._pipPortraitMode},t.defaultConfig={layout:p.Layout.PIP,childSizePercentage:30,childAspectRatio:{width:16,height:9},position:p.Position.BottomRight,slidesPreloadEnabled:!0,removePlayerSettings:!1},t}(C.BasePlugin);t.DualScreen=M},4510:(e,t)=>{"use strict";var n;Object.defineProperty(t,"__esModule",{value:!0}),t.Animations=void 0,(n=t.Animations||(t.Animations={})).None="None",n.Fade="Fade",n.ScaleRight="ScaleRight",n.ScaleLeft="ScaleLeft",n.Slide="Slide"},439:(e,t)=>{"use strict";var n;Object.defineProperty(t,"__esModule",{value:!0}),t.ButtonsEnum=void 0,(n=t.ButtonsEnum||(t.ButtonsEnum={}))[n.Hide=0]="Hide",n[n.Show=1]="Show",n[n.ExpandScreen=2]="ExpandScreen",n[n.SideBySide=3]="SideBySide",n[n.SwitchScreen=4]="SwitchScreen"},5572:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var i=Object.getOwnPropertyDescriptor(t,n);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,i)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),i=this&&this.__exportStar||function(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||r(t,e,n)};Object.defineProperty(t,"__esModule",{value:!0}),i(n(4510),t),i(n(5542),t),i(n(7303),t),i(n(439),t),i(n(6495),t)},5542:(e,t)=>{"use strict";var n,r,i,o,a,l;Object.defineProperty(t,"__esModule",{value:!0}),t.PlayerContainers=t.StreamMode=t.ViewModeLockState=t.ExternalLayout=t.Position=t.Layout=void 0,(l=t.Layout||(t.Layout={})).PIP="PIP",l.PIPInverse="PIPInverse",l.SingleMedia="SingleMedia",l.SingleMediaInverse="SingleMediaInverse",l.SideBySide="SideBySide",l.SideBySideInverse="SideBySideInverse",l.Hidden="Hidden",(a=t.Position||(t.Position={})).BottomLeft="bottom-left",a.BottomRight="bottom-right",a.TopLeft="top-left",a.TopRight="top-right",(o=t.ExternalLayout||(t.ExternalLayout={})).Hidden="locked",o.SingleMedia="parent-only",o.SingleMediaInverse="no-parent",o.PIP="pip-parent-in-large",o.PIPInverse="pip-parent-in-small",o.SideBySide="sbs-parent-in-left",o.SideBySideInverse="sbs-parent-in-right",(i=t.ViewModeLockState||(t.ViewModeLockState={})).Locked="locked",i.Unlocked="unlocked",(r=t.StreamMode||(t.StreamMode={})).Primary="Primary",r.Secondary="Secondary",(n=t.PlayerContainers||(t.PlayerContainers={})).none="none",n.primary="primary",n.secondary="secondary"},6495:(e,t)=>{"use strict";var n;Object.defineProperty(t,"__esModule",{value:!0}),t.PlayerType=void 0,(n=t.PlayerType||(t.PlayerType={})).IMAGE="image",n.VIDEO="video"},7303:(e,t)=>{"use strict";var n;Object.defineProperty(t,"__esModule",{value:!0}),t.ReservedPresetAreas=void 0,(n=t.ReservedPresetAreas||(t.ReservedPresetAreas={})).PresetFloating="PresetFloating",n.BottomBar="BottomBar",n.BottomBarLeftControls="BottomBarLeftControls",n.BottomBarRightControls="BottomBarRightControls",n.TopBarLeftControls="TopBarLeftControls",n.TopBarRightControls="TopBarRightControls",n.SidePanelTop="SidePanelTop",n.InteractiveAreaSidePanelLeft="SidePanelLeft",n.SidePanelRight="SidePanelRight",n.SidePanelBottom="SidePanelBottom",n.PresetArea="PresetArea",n.InteractiveArea="InteractiveArea",n.PlayerArea="PlayerArea",n.VideoArea="VideoArea",n.VideoContainer="VideoContainer"},2230:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.DualscreenEvents=void 0,t.DualscreenEvents={CHANGE_LAYOUT:"dualscreen_change_layout"}},6576:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.DualscreenEvents=void 0;var r=n(2230);Object.defineProperty(t,"DualscreenEvents",{enumerable:!0,get:function(){return r.DualscreenEvents}})},5623:(e,t)=>{"use strict";var n;Object.defineProperty(t,"__esModule",{value:!0}),t.icons=void 0,(n=t.icons||(t.icons={})).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",n.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",n.MediumSize=24,n.SmallSize=16},8647:function(e,t,n){"use strict";var r=this&&this.__assign||function(){return r=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},r.apply(this,arguments)};Object.defineProperty(t,"__esModule",{value:!0}),t.ImagePlayer=void 0,n(4505);var i=function(){function e(e,t){var n=this;this._images=[],this._activeImage=null,this._preloadEnabled=!0,this.getThumbnail=function(e){for(var t=n._images.length-1;t>=0;t--)if(n._images[t].startTime<=e)return{height:n._images[t].height,width:n._images[t].width,x:0,y:0,url:n._images[t].imageUrl,slide:!0}},this.preLoadImages=function(){var e=n._images.some((function(e){return e.loading}));if(n._preloadEnabled&&!e){for(var t=n._activeImage?n._activeImage.index:0;t<n._images.length;t++){var r=n._images[t];if(!n._isSlideItemPreloded(r))return void n._preLoadImage(r)}var i=n._images.find((function(e){return!n._isSlideItemPreloded(e)}));i&&n._preLoadImage(i)}},this.addImage=function(e){if(!n._images.find((function(t){return t.id===e.id}))){var t=function(){},i=new Promise((function(e){t=e})),o=r(r({},e),{index:n._images.length,height:0,width:0,loading:!1,loaded:!1,portrait:!1,retryAttempts:0,ready:i,setReady:t});n._images.push(o)}},this.setActive=function(e){if(!e){if(!n._activeImage)return;var t=n._imagePlayer.firstChild;return t.setAttribute("src",""),t.removeAttribute("alt"),n._activeImage=null,void n._onActiveChange(null)}n._activeImage&&e===n._activeImage.id||(clearTimeout(n._retryTimeout),n._images.find((function(t){return e===t.id&&(n._preLoadImage(t),n._activeImage=t,t.ready.then((function(){var e;if((null===(e=n._activeImage)||void 0===e?void 0:e.id)===t.id){n._onActiveChange(t);var r=n._imagePlayer.firstChild;r.setAttribute("src",t.imageUrl),r.setAttribute("alt",t.alt||"Slide")}})),!0)})))},this.getVideoElement=function(){return n._imagePlayer},this._isSlideItemPreloded=function(e){return e.loaded||e.loading||e.retryAttempts>=3},this._createImagePlayer=function(){var e=document.createElement("div"),t=document.createElement("img");return t.src="",t.alt="",e.appendChild(t),e.classList.add("playkit-image-player"),e.dataset.testid="dualscreen_imagePlayer",e},this._preLoadImage=function(e){if(n._isSlideItemPreloded(e))n.preLoadImages();else{e.retryAttempts++,e.loading=!0;var t=new Image;t.onload=function(){e.loading=!1,e.loaded=!0,e.width=t.width,e.height=t.height,e.portrait=t.width<t.height,e.setReady(),n.preLoadImages()},t.onerror=function(){e.loading=!1,n._retryTimeout=setTimeout((function(){n._preLoadImage(e)}),2e3)},t.src=e.imageUrl}},this.reset=function(){n._activeImage=null,n._images=[],clearTimeout(n._retryTimeout)},this.destroy=function(){n.reset()},this._imagePlayer=this._createImagePlayer(),this._onActiveChange=e,this._preloadEnabled=t}return Object.defineProperty(e.prototype,"active",{get:function(){return this._activeImage},enumerable:!1,configurable:!0}),e}();t.ImagePlayer=i},2443:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var i=Object.getOwnPropertyDescriptor(t,n);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,i)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),i=this&&this.__exportStar||function(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||r(t,e,n)};Object.defineProperty(t,"__esModule",{value:!0}),i(n(8647),t)},253:function(e,t,n){"use strict";var r=this&&this.__assign||function(){return r=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},r.apply(this,arguments)};Object.defineProperty(t,"__esModule",{value:!0}),t.ImageSyncManager=void 0;var i=n(2052),o=n(5572),a=n(4300),l=i.core.TimedMetadata,s=i.core.EventType,c=function(){function e(e,t,n,i,l){var c=this;this._firstPlaying=!1,this._lock=!1,this._syncEvents=function(){c._eventManager.listen(c._mainPlayer,s.TIMED_METADATA_CHANGE,c._onTimedMetadataChange),c._eventManager.listen(c._mainPlayer,s.TIMED_METADATA_ADDED,c._onTimedMetadataAdded),c._eventManager.listen(c._mainPlayer,s.FIRST_PLAYING,c._onFirstPlaying)},this._onFirstPlaying=function(){c._firstPlaying=!0,c._imagePlayer.preLoadImages()},this._onTimedMetadataChange=function(e){var t=e.payload.cues.reduce((function(e,t){var n,i;if(c._isSlideCuePoint(t))return r(r({},e),{activeSlide:t.id});if((null===(n=t.metadata)||void 0===n?void 0:n.cuePointType)===c._kalturaCuePointService.KalturaCuePointType.CODE&&"change-view-mode"===(null===(i=t.metadata)||void 0===i?void 0:i.tags)){var a=t.metadata.partnerData,l=a.playerViewModeId,s=a.viewModeLockState;if(l)return r(r({},e),{externalLayout:s===o.ViewModeLockState.Locked?o.ExternalLayout.Hidden:l})}return e}),{activeSlide:null,externalLayout:null}),n=t.activeSlide,i=t.externalLayout;i&&c._onSlideViewChanged(i),c._debouncedSetActive(i===o.ExternalLayout.Hidden?null:n)},this._onTimedMetadataAdded=function(e){e.payload.cues.map((function(e){if(c._isSlideCuePoint(e))return c._imagePlayer.addImage({id:e.id,imageUrl:e.metadata.assetUrl,alt:e.metadata.title||e.metadata.description,startTime:e.startTime}),e})).length&&c._firstPlaying&&c._imagePlayer.preLoadImages()},this._eventManager=e,this._mainPlayer=t,this._imagePlayer=n,this._logger=i,this._onSlideViewChanged=l,this._syncEvents(),this._kalturaCuePointService=this._mainPlayer.getService("kalturaCuepoints"),this._debouncedSetActive=(0,a.debounce)(this._imagePlayer.setActive,200)}return e.prototype._isSlideCuePoint=function(e){var t,n;return(null==e?void 0:e.type)===l.TYPE.CUE_POINT&&(null===(t=e.metadata)||void 0===t?void 0:t.cuePointType)===this._kalturaCuePointService.KalturaCuePointType.THUMB&&(null===(n=e.metadata)||void 0===n?void 0:n.subType)===this._kalturaCuePointService.KalturaThumbCuePointSubType.SLIDE},e.prototype.reset=function(){this._firstPlaying=!1},e}();t.ImageSyncManager=c},1186:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.SecondaryMediaLoader=void 0;var n=KalturaPlayer.providers,r=n.RequestBuilder,i=n.ResponseTypes,o=function(){function e(e){this._parentEntryId="",this._requests=[],this._response={entries:[]},this._parentEntryId=e.parentEntryId;var t=new Map,n=new r(t);n.service="baseEntry",n.action="list",n.params={filter:{objectType:"KalturaBaseEntryFilter",parentEntryIdEqual:this._parentEntryId,typeIn:"".concat(i.KalturaMediaEntry.MediaType.VIDEO.value,",7")},responseProfile:{type:1,fields:"id"}},this.requests.push(n)}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 t,n=new i.KalturaBaseEntryListResponse(null===(t=e[0])||void 0===t?void 0:t.data);n.totalCount&&(this._response.entries=null==n?void 0:n.entries)},enumerable:!1,configurable:!0}),e.prototype.isValid=function(){return!!this._parentEntryId},e}();t.SecondaryMediaLoader=o},4539:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getValueOrUndefined=t.dimensionStyleToString=t.getClientY=t.getClientX=t.isInInterval=void 0,t.isInInterval=function(e,t,n){return!isNaN(e)&&!isNaN(t)&&!isNaN(n)&&t<=n&&e>=t&&e<=n},t.getClientX=function(e){return e instanceof MouseEvent?e.clientX:e.changedTouches&&e.changedTouches[0]&&e.changedTouches[0].clientX},t.getClientY=function(e){return e instanceof MouseEvent?e.clientY:e.changedTouches&&e.changedTouches[0]&&e.changedTouches[0].clientY},t.dimensionStyleToString=function(e){return"".concat(e,"px")},t.getValueOrUndefined=function(e,t){return e?t:void 0}},1508:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.VideoSyncManager=void 0;var r=n(4539),i=n(2052),o=n(4300),a=i.core.EventType,l=i.core.FakeEvent,s=i.core.Error,c=i.core.StateType;t.VideoSyncManager=function(e,t,n,i){var d=this;this._isSyncDelay=!1,this._errorHandling=function(){d._eventManager.listen(d._secondaryPlayer,a.ERROR,(function(e){d._logger.debug("errorHandling :: secondary player got error");var t=new s(s.Severity.CRITICAL,s.Category.PLAYER,s.Code.VIDEO_ERROR,e);d._mainPlayer.pause(),d._mainPlayer.dispatchEvent(new l(a.ERROR,t))})),d._eventManager.listen(d._mainPlayer,a.ERROR,(function(){d._logger.debug("errorHandling :: main player got error"),d._secondaryPlayer.reset()}))},this._syncEvents=function(){var e=0;d._eventManager.listen(d._mainPlayer,a.PLAY,(function(){d._logger.debug("syncEvents :: secondary player play"),d._secondaryPlayer.play()})),d._eventManager.listen(d._mainPlayer,a.PAUSE,(function(){d._logger.debug("syncEvents :: secondary player pause"),d._secondaryPlayer.pause()})),d._eventManager.listenOnce(d._secondaryPlayer,a.CHANGE_SOURCE_ENDED,(function(){var t=d._secondaryPlayer.isLive(),n=d._secondaryPlayer.isDvr();t?n&&d._eventManager.listen(d._secondaryPlayer,a.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,a.TIME_UPDATE,(function(){if(!d._isSyncDelay){var t=Date.now();(t-e>1e3||d._mainPlayer.paused)&&(e=t,d._mediaSync())}}))),t&&!n||d._eventManager.listen(d._mainPlayer,a.SEEKING,(function(){d._logger.debug("syncEvents :: seek secondary player to ".concat(d._mainPlayer)),d._secondaryPlayer.pause(),d._debouncedSeekSecondaryPlayer()}))})),d._eventManager.listen(d._mainPlayer,a.ENDED,(function(){d._logger.debug("syncEvents :: secondary player pause + seek to 0.01"),d._secondaryPlayer.pause(),d._seekSecondaryPlayer(.01)})),d._eventManager.listen(d._mainPlayer,a.PLAYER_STATE_CHANGED,(function(e){var t=e.payload;if(t.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();t.newState.type===c.PLAYING&&t.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)){var e=(d._secondaryPlayer._localPlayer.env.isSafari?.5:0)*d._mainPlayer.playbackRate;if(d._secondaryPlayer){var t=!1,n=d._getSyncDelay();d._logger.debug("mediaSync :: synchDelay is ".concat(n));var r=0,i=Math.round(100*Math.abs(n))/100;if(n-e>.03?r=-1*i:n+e<-.03&&(r=i),0!==r)if(Math.abs(n)<4){var o=d._mainPlayer.playbackRate+r;o<.1&&(o=.1),d._logger.debug("mediaSync :: Adjusting slave playbackRateChange = ".concat(o)),d._secondaryPlayer.playbackRate=o}else d._logger.debug("mediaSync :: Adjusting secondary player playbackRateChange to main player and flagging for seek"),d._secondaryPlayer.playbackRate=d._mainPlayer.playbackRate,t=!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());t&&(d._logger.debug("mediaSync :: Seeking secondary player to ".concat(d._mainPlayer.currentTime+.25)),d._seekSecondaryPlayer(.25))}}},this._getSyncDelay=function(){var e=d._mainPlayer.currentTime,t=d._secondaryPlayer.currentTime;return-1==e||-1==t||(0,r.isInInterval)(t,e-0,e)?0:t-e},this._seekSecondaryPlayer=function(e){void 0===e&&(e=0);var t=d._mainPlayer.currentTime<0?0:d._mainPlayer.currentTime;if(d._secondaryPlayer.ended&&d._secondaryPlayer.duration&&Math.ceil(t)>d._secondaryPlayer.duration)return d._logger.debug("seekSecondaryPlayer :: seekTime ".concat(t," is out of bounds 0..").concat(d._secondaryPlayer.duration,". pause secondary player")),void d._secondaryPlayer.pause();d._logger.debug("seekSecondaryPlayer :: seeking to=".concat(t,", ahead=").concat(e)),d._secondaryPlayer.currentTime=t+e,d._mainPlayer.paused?d._secondaryPlayer.pause():d._secondaryPlayer.play()},this._eventManager=e,this._mainPlayer=t,this._secondaryPlayer=n,this._logger=i,this._syncEvents(),this._errorHandling(),this._debouncedSeekSecondaryPlayer=(0,o.debounce)(this._seekSecondaryPlayer,1e3)}},2052:e=>{"use strict";e.exports=KalturaPlayer},4522:e=>{"use strict";e.exports=KalturaPlayer.ui.preact}},t={};function n(r){var i=t[r];if(void 0!==i)return i.exports;var o=t[r]={id:r,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.exports}n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.nc=void 0;var r={};(()=>{"use strict";var e=r;Object.defineProperty(e,"__esModule",{value:!0}),e.DualscreenEvents=e.NAME=e.VERSION=e.Plugin=void 0;var t=n(4009);Object.defineProperty(e,"Plugin",{enumerable:!0,get:function(){return t.DualScreen}});var i=n(6576);Object.defineProperty(e,"DualscreenEvents",{enumerable:!0,get:function(){return i.DualscreenEvents}}),e.VERSION="3.1.26",e.NAME="@playkit-js/playkit-js-dual-screen",KalturaPlayer.core.registerPlugin("dualscreen",t.DualScreen)})(),((KalturaPlayer=void 0===KalturaPlayer?{}:KalturaPlayer).plugins=KalturaPlayer.plugins||{}).dualscreen=r})();
|
|
3
3
|
//# sourceMappingURL=playkit-dual-screen.js.map
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@playkit-js/playkit-js-dual-screen",
|
|
3
|
-
"version": "3.1.
|
|
3
|
+
"version": "3.1.26",
|
|
4
4
|
"main": "dist/playkit-dual-screen.js",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"clean": "rm -rf ./dist",
|
|
@@ -61,7 +61,7 @@
|
|
|
61
61
|
"kaltura": {
|
|
62
62
|
"name": "dualscreen",
|
|
63
63
|
"dependencies": {
|
|
64
|
-
"playkit-kaltura-cuepoints": "3.0.
|
|
64
|
+
"playkit-kaltura-cuepoints": "3.0.10",
|
|
65
65
|
"playkit-timeline": "3.0.13"
|
|
66
66
|
}
|
|
67
67
|
},
|