diff --git a/demo/side-panels-manager/index.html b/demo/side-panels-manager/index.html index e1ef5f1..83416b0 100644 --- a/demo/side-panels-manager/index.html +++ b/demo/side-panels-manager/index.html @@ -5,7 +5,7 @@ UI Managers - +
diff --git a/demo/uppar-bar-manager/index.html b/demo/uppar-bar-manager/index.html index c99a2cf..e855280 100644 --- a/demo/uppar-bar-manager/index.html +++ b/demo/uppar-bar-manager/index.html @@ -5,7 +5,7 @@ UI Managers - +
diff --git a/dist/playkit-ui-managers.js b/dist/playkit-ui-managers.js index 59afe72..0f5c1f0 100644 --- a/dist/playkit-ui-managers.js +++ b/dist/playkit-ui-managers.js @@ -1,2 +1,2639 @@ -(()=>{"use strict";var e,t,n={720:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.A11yWrapper=t.isKeyboardEvent=void 0;var o=n(522),r=n(52).ui.utils.KeyMap,i=r.ENTER,a=r.SPACE,s=r.UP,p=r.DOWN,c=r.LEFT,l=r.RIGHT,u=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,r=e.onClick,d=e.onUpKeyPressed,f=e.onDownKeyPressed,h=e.onLeftKeyPressed,y=e.onRightKeyPressed,v=e.role,m=e.type,g={onKeyDown:function(e){e.keyCode===a||e.keyCode===i?(u(e),r(e,!0)):e.keyCode===s&&d?(u(e),d(e)):e.keyCode===p&&f?(u(e),f(e)):e.keyCode===c&&h?(u(e),h(e)):e.keyCode===l&&y&&(u(e),y(e))},onClick:function(e){e.stopPropagation(),r(e,(0,t.isKeyboardEvent)(e))},role:v};return"button"===n.type&&(g.type=m||"button"),(0,o.cloneElement)(n,g)},t.A11yWrapper.defaultProps={role:"button"}},499:(e,t,n)=>{n.d(t,{Mk:()=>s,ZP:()=>c,uj:()=>p});var o=n(537),r=n.n(o),i=n(645),a=n.n(i)()(r());a.push([e.id,".playkit-side-panel-wrapper_Wr{visibility:hidden;position:absolute;width:100%;height:100%}.playkit-active-state_vh{visibility:visible}","",{version:3,sources:["webpack://./src/services/side-panels-manager/ui/panel-item-wrapper/panel-item-wrapper.component.scss"],names:[],mappings:"AAAA,+BAAoB,iBAAiB,CAAC,iBAAiB,CAAC,UAAU,CAAC,WAAW,CAAC,yBAAc,kBAAkB",sourcesContent:[".side-panel-wrapper{visibility:hidden;position:absolute;width:100%;height:100%}.active-state{visibility:visible}"],sourceRoot:""}]);var s="playkit-side-panel-wrapper_Wr",p="playkit-active-state_vh";const c=a},477:(e,t,n)=>{n.d(t,{A:()=>s,Z:()=>p});var o=n(537),r=n.n(o),i=n(645),a=n.n(i)()(r());a.push([e.id,".playkit-right-upper-bar-wrapper-container_Vm{direction:ltr;display:flex}","",{version:3,sources:["webpack://./src/services/upper-bar-manager/ui/displayed-bar/displayed-bar.component.scss"],names:[],mappings:"AAAA,8CAAmC,aAAa,CAAC,YAAY",sourcesContent:[".right-upper-bar-wrapper-container{direction:ltr;display:flex}"],sourceRoot:""}]);var s="playkit-right-upper-bar-wrapper-container_Vm";const p=a},206:(e,t,n)=>{n.d(t,{ZP:()=>u,_h:()=>l,mB:()=>p,pU:()=>s,qv:()=>c});var o=n(537),r=n.n(o),i=n(645),a=n.n(i)()(r());a.push([e.id,".playkit-more-dropdown_SJ{position:absolute;padding:8px 4px;width:166px;background-color:var(--playkit-tone-7-color);border-radius:4px;top:44px;right:0}.playkit-more-dropdown_SJ .playkit-dropdown-item_Aq{border-radius:4px;padding:4px 12px 4px 15px;display:flex;margin:4px 0;cursor:pointer}.playkit-more-dropdown_SJ .playkit-dropdown-item_Aq .playkit-icon_h_{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.playkit-more-dropdown_SJ .playkit-dropdown-item_Aq:hover{background-color:var(--playkit-tone-6-color)}.playkit-more-dropdown_SJ .playkit-dropdown-item_Aq .playkit-dropdown-item-description_rC{display:flex;flex:1;font-size:14px;font-weight:700;align-items:center;padding-left:11px}","",{version:3,sources:["webpack://./src/services/upper-bar-manager/ui/dropdown-bar/dropdown-bar.component.scss"],names:[],mappings:"AAAA,0BAAe,iBAAiB,CAAC,eAAe,CAAC,WAAW,CAAC,4CAA4C,CAAC,iBAAiB,CAAC,QAAQ,CAAC,OAAO,CAAC,oDAA8B,iBAAiB,CAAC,yBAAyB,CAAC,YAAY,CAAC,YAAY,CAAC,cAAc,CAAC,qEAAoC,UAAU,CAAC,WAAW,CAAC,YAAY,CAAC,kBAAkB,CAAC,sBAAsB,CAAC,0DAAoC,4CAA4C,CAAC,0FAAyD,YAAY,CAAC,MAAM,CAAC,cAAc,CAAC,eAAe,CAAC,kBAAkB,CAAC,iBAAiB",sourcesContent:[".more-dropdown{position:absolute;padding:8px 4px;width:166px;background-color:var(--playkit-tone-7-color);border-radius:4px;top:44px;right:0}.more-dropdown .dropdown-item{border-radius:4px;padding:4px 12px 4px 15px;display:flex;margin:4px 0;cursor:pointer}.more-dropdown .dropdown-item .icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.more-dropdown .dropdown-item:hover{background-color:var(--playkit-tone-6-color)}.more-dropdown .dropdown-item .dropdown-item-description{display:flex;flex:1;font-size:14px;font-weight:700;align-items:center;padding-left:11px}"],sourceRoot:""}]);var s="playkit-more-dropdown_SJ",p="playkit-dropdown-item_Aq",c="playkit-icon_h_",l="playkit-dropdown-item-description_rC";const u=a},324:(e,t,n)=>{n.d(t,{W:()=>s,Z:()=>p});var o=n(537),r=n.n(o),i=n(645),a=n.n(i)()(r());a.push([e.id,".playkit-more-icon_fR{margin-right:0;z-index:2}","",{version:3,sources:["webpack://./src/services/upper-bar-manager/ui/more-icon/more-icon.component.scss"],names:[],mappings:"AAAA,sBAAW,cAAc,CAAC,SAAS",sourcesContent:[".more-icon{margin-right:0;z-index:2}"],sourceRoot:""}]);var s="playkit-more-icon_fR";const p=a},645:e=>{e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var n="",o=void 0!==t[5];return t[4]&&(n+="@supports (".concat(t[4],") {")),t[2]&&(n+="@media ".concat(t[2]," {")),o&&(n+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),n+=e(t),o&&(n+="}"),t[2]&&(n+="}"),t[4]&&(n+="}"),n})).join("")},t.i=function(e,n,o,r,i){"string"==typeof e&&(e=[[null,e,void 0]]);var a={};if(o)for(var s=0;s0?" ".concat(l[5]):""," {").concat(l[1],"}")),l[5]=i),n&&(l[2]?(l[1]="@media ".concat(l[2]," {").concat(l[1],"}"),l[2]=n):l[2]=n),r&&(l[4]?(l[1]="@supports (".concat(l[4],") {").concat(l[1],"}"),l[4]=r):l[4]="".concat(r)),t.push(l))}},t}},537:e=>{e.exports=function(e){var t=e[1],n=e[3];if(!n)return t;if("function"==typeof btoa){var o=btoa(unescape(encodeURIComponent(JSON.stringify(n)))),r="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(o),i="/*# ".concat(r," */");return[t].concat([i]).join("\n")}return[t].join("\n")}},767:(e,t,n)=>{n.r(t),n.d(t,{activeState:()=>y.uj,default:()=>m,sidePanelWrapper:()=>y.Mk});var o=n(379),r=n.n(o),i=n(795),a=n.n(i),s=n(569),p=n.n(s),c=n(565),l=n.n(c),u=n(216),d=n.n(u),f=n(589),h=n.n(f),y=n(499),v={};v.styleTagTransform=h(),v.setAttributes=l(),v.insert=p().bind(null,"head"),v.domAPI=a(),v.insertStyleElement=d(),r()(y.ZP,v);const m=y.ZP&&y.ZP.locals?y.ZP.locals:void 0},611:(e,t,n)=>{n.r(t),n.d(t,{default:()=>m,rightUpperBarWrapperContainer:()=>y.A});var o=n(379),r=n.n(o),i=n(795),a=n.n(i),s=n(569),p=n.n(s),c=n(565),l=n.n(c),u=n(216),d=n.n(u),f=n(589),h=n.n(f),y=n(477),v={};v.styleTagTransform=h(),v.setAttributes=l(),v.insert=p().bind(null,"head"),v.domAPI=a(),v.insertStyleElement=d(),r()(y.Z,v);const m=y.Z&&y.Z.locals?y.Z.locals:void 0},23:(e,t,n)=>{n.r(t),n.d(t,{default:()=>m,dropdownItem:()=>y.mB,dropdownItemDescription:()=>y._h,icon:()=>y.qv,moreDropdown:()=>y.pU});var o=n(379),r=n.n(o),i=n(795),a=n.n(i),s=n(569),p=n.n(s),c=n(565),l=n.n(c),u=n(216),d=n.n(u),f=n(589),h=n.n(f),y=n(206),v={};v.styleTagTransform=h(),v.setAttributes=l(),v.insert=p().bind(null,"head"),v.domAPI=a(),v.insertStyleElement=d(),r()(y.ZP,v);const m=y.ZP&&y.ZP.locals?y.ZP.locals:void 0},781:(e,t,n)=>{n.r(t),n.d(t,{default:()=>m,moreIcon:()=>y.W});var o=n(379),r=n.n(o),i=n(795),a=n.n(i),s=n(569),p=n.n(s),c=n(565),l=n.n(c),u=n(216),d=n.n(u),f=n(589),h=n.n(f),y=n(324),v={};v.styleTagTransform=h(),v.setAttributes=l(),v.insert=p().bind(null,"head"),v.domAPI=a(),v.insertStyleElement=d(),r()(y.Z,v);const m=y.Z&&y.Z.locals?y.Z.locals:void 0},379:e=>{var t=[];function n(e){for(var n=-1,o=0;o{var t={};e.exports=function(e,n){var o=function(e){if(void 0===t[e]){var n=document.querySelector(e);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(e){n=null}t[e]=n}return t[e]}(e);if(!o)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");o.appendChild(n)}},216:e=>{e.exports=function(e){var t=document.createElement("style");return e.setAttributes(t,e.attributes),e.insert(t,e.options),t}},565:(e,t,n)=>{e.exports=function(e){var t=n.nc;t&&e.setAttribute("nonce",t)}},795:e=>{e.exports=function(e){var t=e.insertStyleElement(e);return{update:function(n){!function(e,t,n){var o="";n.supports&&(o+="@supports (".concat(n.supports,") {")),n.media&&(o+="@media ".concat(n.media," {"));var r=void 0!==n.layer;r&&(o+="@layer".concat(n.layer.length>0?" ".concat(n.layer):""," {")),o+=n.css,r&&(o+="}"),n.media&&(o+="}"),n.supports&&(o+="}");var i=n.sourceMap;i&&"undefined"!=typeof btoa&&(o+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(i))))," */")),t.styleTagTransform(o,e,t.options)}(t,e,n)},remove:function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(t)}}}},589:e=>{e.exports=function(e,t){if(t.styleSheet)t.styleSheet.cssText=e;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(e))}}},321:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.ItemWrapper=void 0;var o=n(522),r=n(837),i=function(){function e(t,n,o){if(this.id=++e.nextId,this.item=t,this.player=n,this.upperBarManager=this.player.getService("upperBarManager"),this.isActive=!1,this.injectPanelComponent(),t.iconComponent){var r=this.id;this.iconId=this.upperBarManager.add({label:this.item.label,svgIcon:this.item.iconComponent.svgIcon,onClick:function(){return o(r)},component:this.item.iconComponent.component})}}return e.prototype.activate=function(){var e,t,n=this;this.panelItemComponentRef.current?(this.panelItemComponentRef.current.on(),null===(t=(e=this.item).onActivate)||void 0===t||t.call(e),this.isActive=!0):setTimeout((function(){return n.activate()}))},e.prototype.deactivate=function(e){var t,n;void 0===e&&(e=!1),this.panelItemComponentRef.current.off(e),null===(n=(t=this.item).onDeactivate)||void 0===n||n.call(t),this.isActive=!1},e.prototype.remove=function(){var e;this.removePanelComponentFn(),(null===(e=this.item.iconComponent)||void 0===e?void 0:e.component)&&this.upperBarManager.remove(this.iconId)},e.prototype.update=function(){this.panelItemComponentRef.current.forceUpdate()},e.prototype.injectPanelComponent=function(){var t=this,n=this.item,i=n.label,a=n.position,s=n.panelComponent,p=n.presets,c=s,l=(0,o.createRef)();this.panelItemComponentRef=l,this.removePanelComponentFn=this.player.ui.addComponent({label:"Side-panel-".concat(a,"-").concat(i),presets:p,area:e.getPanelArea(a),get:function(){return(0,o.h)(r.PanelItemWrapper,{ref:l},(0,o.h)(c,{isActive:t.isActive}))}})},e.getPanelArea=function(e){return"SidePanel".concat(e.charAt(0).toUpperCase()).concat(e.slice(1))},e.nextId=0,e}();t.ItemWrapper=i},682:function(e,t,n){var o,r=this&&this.__values||function(e){var t="function"==typeof Symbol&&Symbol.iterator,n=t&&e[t],o=0;if(n)return n.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&o>=e.length&&(e=void 0),{value:e&&e[o++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")};Object.defineProperty(t,"__esModule",{value:!0}),t.SidePanelsManager=void 0;var i=n(52),a=n(321),s=i.ui.SidePanelModes,p=i.ui.SidePanelPositions,c=i.ui.ReservedPresetNames,l=((o={})[p.TOP]=p.BOTTOM,o[p.BOTTOM]=p.TOP,o[p.RIGHT]=p.LEFT,o[p.LEFT]=p.RIGHT,o),u=function(){function e(e,t){this.player=e,this.activePanels={top:null,bottom:null,right:null,left:null},this.componentsRegistry=new Map,this.logger=t}return e.prototype.add=function(t){var n=this;if(e.validateItem(t)){var o=new a.ItemWrapper(t,this.player,(function(e){return n.toggle(e)}));return this.componentsRegistry.set(o.id,o),this.logger.debug("New Panel Item Added",t),o.id}this.logger.warn("Invalid SidePanelItem parameters",t)},e.prototype.remove=function(e){var t=this.componentsRegistry.get(e);t?(this.isItemActive(e)&&this.deactivateItem(e),t.remove(),this.componentsRegistry.delete(e)):this.logger.warn("".concat(e," is not registered"))},e.prototype.activateItem=function(t){var n=this.componentsRegistry.get(t);if(n){var o=n.item,r=o.position,i=o.expandMode;if(this.isItemActive(t))return;var a=this.activePanels[r];null!==a&&a.deactivate(!0);var s=e.getCounterPanelPosition(r);this.activePanels[s]&&this.deactivateItem(this.activePanels[s].id),n.activate(),this.expand(r,i),this.activePanels[r]=n}else this.logger.warn("".concat(t," is not registered"))},e.prototype.deactivateItem=function(e){var t=this.componentsRegistry.get(e);if(t){if(!this.isItemActive(e))return;var n=t.item.position;t.deactivate(),this.collapse(n),this.activePanels[n]=null}else this.logger.warn("".concat(e," is not registered"))},e.prototype.isItemActive=function(e){var t,n=this.componentsRegistry.get(e);return n?(null===(t=this.activePanels[n.item.position])||void 0===t?void 0:t.id)===e:(this.logger.warn("".concat(e," is not registered")),!1)},e.prototype.update=function(e){var t=this.componentsRegistry.get(e);t?t.update():this.logger.warn("".concat(e," is not registered"))},e.prototype.reset=function(){this.logger.debug("reset")},e.prototype.destroy=function(){this.logger.debug("destroy"),this.removeAllItems()},e.prototype.removeAllItems=function(){var e,t;try{for(var n=r(this.componentsRegistry.values()),o=n.next();!o.done;o=n.next()){var i=o.value;this.remove(i.id)}}catch(t){e={error:t}}finally{try{o&&!o.done&&(t=n.return)&&t.call(n)}finally{if(e)throw e.error}}},e.prototype.toggle=function(e){this.isItemActive(e)?this.deactivateItem(e):this.activateItem(e)},e.prototype.expand=function(e,t){this.player.ui.store.dispatch(i.ui.reducers.shell.actions.updateSidePanelMode(e,t))},e.prototype.collapse=function(e){this.player.ui.store.dispatch(i.ui.reducers.shell.actions.updateSidePanelMode(e,s.HIDDEN))},e.getCounterPanelPosition=function(e){return l[e]},e.validateItem=function(e){var t=e.label,n=e.panelComponent,o=e.iconComponent,r=e.position,i=e.expandMode,a=e.onActivate,l=e.onDeactivate,u=e.presets;return!(!(t&&Object.values(p).includes(r)&&Object.values(s).includes(i)&&u.every((function(e){return Object.values(c).includes(e)}))&&"function"==typeof n&&("function"==typeof(null==o?void 0:o.component)&&"string"==typeof(null==o?void 0:o.svgIcon.path)||void 0===o))||"function"!=typeof a&&void 0!==a||"function"!=typeof l&&void 0!==l)},e}();t.SidePanelsManager=u},837:function(e,t,n){var o,r=this&&this.__extends||(o=function(e,t){return o=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])},o(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}o(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)});Object.defineProperty(t,"__esModule",{value:!0}),t.PanelItemWrapper=void 0;var i=n(522),a=n(767),s=n(52).ui.style.defaultTransitionTime,p=function(e){function t(){var t=e.call(this)||this;return t.state={on:!1},t.switchMode=!1,t}return r(t,e),t.prototype.on=function(){this.setState({on:!0})},t.prototype.off=function(e){this.switchMode=e,this.setState({on:!1})},t.prototype.render=function(){return(0,i.h)("div",{className:[a.sidePanelWrapper,this.state.on?a.activeState:""].join(" "),style:this.state.on||this.switchMode?"":{transition:"visibility ".concat(s,"ms")}},(0,i.cloneElement)(this.props.children))},t}(i.Component);t.PanelItemWrapper=p},183:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.IconModel=void 0;var o=n(522),r=function(){function e(t){this.id=++e.nextId,this.label=t.label,this.component=t.component,this.svgIcon=t.svgIcon,this.onClick=t.onClick,this.componentRef=(0,o.createRef)()}return e.prototype.update=function(){this.componentRef.current.forceUpdate()},e.nextId=0,e}();t.IconModel=r},328:function(e,t,n){var o,r=this&&this.__extends||(o=function(e,t){return o=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])},o(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}o(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),i=this&&this.__decorate||function(e,t,n,o){var r,i=arguments.length,a=i<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,o);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(a=(i<3?r(a):i>3?r(t,n,a):r(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a};Object.defineProperty(t,"__esModule",{value:!0}),t.DisplayedBar=void 0;var a=n(522),s=n(883),p=n(611),c=n(52),l=n(951),u=c.ui.Components.PLAYER_SIZE,d=c.ui.redux.connect,f=function(e){return{playerSize:e.shell.playerSize}},h=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.update=function(){t.forceUpdate()},t}return r(t,e),t.prototype.splitControlsIntoDisplayedAndDropdown=function(){switch(this.props.playerSize){case u.TINY:return{displayedControls:[],dropdownControls:[]};case u.EXTRA_SMALL:case u.SMALL:return this.splitControls(2);default:return this.splitControls(4)}},t.prototype.splitControls=function(e){var t,n,o=this.props.getControls();return o.length>e+1?(t=o.slice(0,e),n=o.slice(e)):(t=o,n=[]),{displayedControls:t,dropdownControls:n}},t.prototype.render=function(){var e=this.splitControlsIntoDisplayedAndDropdown(),t=e.displayedControls,n=e.dropdownControls;return(0,a.h)("div",{className:p.rightUpperBarWrapperContainer},t.map((function(e){var t=e.id,n=e.component,o=e.onClick,r=e.componentRef,i=n;return(0,a.h)(s.IconWrapper,{key:t,onClick:o,ref:r},(0,a.h)(i,null))})),n.length>0&&(0,a.h)(l.MoreIcon,{icons:n}))},i([d(f,null,null,{forwardRef:!0})],t)}(a.Component);t.DisplayedBar=h},174:function(e,t,n){var o,r=this&&this.__extends||(o=function(e,t){return o=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])},o(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}o(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)});Object.defineProperty(t,"__esModule",{value:!0}),t.DropdownBar=void 0;var i=n(522),a=n(23),s=n(52),p=n(720),c=s.ui.Components.Icon,l=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(t,e),t.prototype.render=function(){return(0,i.h)("div",{className:a.moreDropdown,role:"menu","aria-expanded":"true"},this.props.controls.map((function(e,t){var n=e.id,o=e.label,r=e.svgIcon,s=e.onClick;return(0,i.h)(i.Fragment,{key:n},(0,i.h)(p.A11yWrapper,{onClick:s,role:"menuitem"},(0,i.h)("div",{className:a.dropdownItem,tabIndex:0,"aria-label":o},(0,i.h)("div",{className:a.icon},(0,i.h)(c,{id:"icon".concat(t),path:r.path,viewBox:r.viewBox})),(0,i.h)("span",{className:a.dropdownItemDescription},o))))})))},t}(i.Component);t.DropdownBar=l},883:function(e,t,n){var o,r=this&&this.__extends||(o=function(e,t){return o=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])},o(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}o(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)});Object.defineProperty(t,"__esModule",{value:!0}),t.IconWrapper=void 0;var i=n(522),a=n(52).ui.utils.KeyMap,s=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(t,e),t.prototype.handleOnKeyDown=function(e){e.keyCode!==a.ENTER&&e.keyCode!==a.SPACE||(e.preventDefault(),this.props.onClick(e))},t.prototype.render=function(){var e=this;return(0,i.h)("div",{onClick:this.props.onClick,onKeyDown:function(t){return e.handleOnKeyDown(t)}},(0,i.cloneElement)(this.props.children))},t}(i.Component);t.IconWrapper=s},951:function(e,t,n){var o,r=this&&this.__extends||(o=function(e,t){return o=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])},o(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}o(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),i=this&&this.__decorate||function(e,t,n,o){var r,i=arguments.length,a=i<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,o);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(a=(i<3?r(a):i>3?r(t,n,a):r(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a};Object.defineProperty(t,"__esModule",{value:!0}),t.MoreIcon=void 0;var a=n(522),s=n(720),p=n(52),c=n(781),l=n(174),u=n(562),d=p.ui.Components,f=d.Icon,h=d.Tooltip,y=p.ui.Event.withEventManager,v=p.ui.preacti18n,m=v.withText,g=v.Text,A=function(e){function t(){var t=e.call(this)||this;return t.handleOnClick=function(){t.setState((function(e){return{toggle:!e.toggle}}))},t.state={toggle:!1},t.moreButtonRef=(0,a.createRef)(),t}return r(t,e),t.prototype.componentDidMount=function(){var e=this;this.props.eventManager.listen(document,"click",(function(t){return e.handleClickOutside(t)}))},t.prototype.handleClickOutside=function(e){this.moreButtonRef&&!this.moreButtonRef.current.contains(e.target)&&this.setState({toggle:!1})},t.prototype.render=function(){return(0,a.h)("div",{style:{position:"relative"}},(0,a.h)(h,{label:this.props.moreIconTxt},(0,a.h)(s.A11yWrapper,{onClick:this.handleOnClick},(0,a.h)("button",{ref:this.moreButtonRef,className:"".concat(p.ui.style.upperBarIcon," ").concat(c.moreIcon),tabIndex:0,"aria-label":this.props.moreIconTxt},(0,a.h)(f,{id:"".concat(u.pluginName,"-upper-bar-manager"),path:"M16 22a3 3 0 1 1 0 6 3 3 0 0 1 0-6zm0 2a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm0-11a3 3 0 1 1 0 6 3 3 0 0 1 0-6zm0 2a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm0-11a3 3 0 1 1 0 6 3 3 0 0 1 0-6zm0 2a1 1 0 1 0 0 2 1 1 0 0 0 0-2z",viewBox:"0 0 32 32"})))),this.state.toggle&&(0,a.h)("div",null,(0,a.h)(l.DropdownBar,{controls:this.props.icons})))},i([y,m({moreIconTxt:(0,a.h)(g,{id:"controls.moreIcon"},"More")})],t)}(a.Component);t.MoreIcon=A},765:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.UpperBarManager=void 0;var o=n(52),r=n(183),i=n(522),a=n(328),s=o.ui.ReservedPresetAreas,p=o.ui.ReservedPresetNames,c=function(){function e(e,t,n){var o=this;this._getControls=function(e){return Array.from(o.componentsRegistry.values()).sort((function(t,n){return e[t.label]>e[n.label]?1:-1}))},this.player=e,this.componentsRegistry=new Map,this.logger=t,this.displayedBarComponentRef=(0,i.createRef)(),this.injectDisplayedBarComponentWrapper(n.pluginsIconsOrder)}return e.prototype.add=function(t){if(e.validateItem(t)){var n=new r.IconModel(t);return this.componentsRegistry.set(n.id,n),this.displayedBarComponentRef.current.update(),this.logger.debug("Icon Id: '".concat(n.id,"' '").concat(n.label,"' added")),n.id}this.logger.warn("Invalid Icon parameters",t)},e.prototype.remove=function(e){var t=this.componentsRegistry.get(e);t?(this.componentsRegistry.delete(e),this.displayedBarComponentRef.current.update(),this.logger.debug("Icon Id: '".concat(t.id,"' Label: '").concat(t.label,"' removed"))):this.logger.warn("".concat(e," is not registered"))},e.prototype.isActive=function(e){return!!this.componentsRegistry.get(e)},e.prototype.update=function(e){var t=this.componentsRegistry.get(e);t?t.update():this.logger.warn("".concat(e," is not registered"))},e.prototype.injectDisplayedBarComponentWrapper=function(e){var t=this;this.player.ui.addComponent({label:"Right-Upper-Bar-Wrapper",presets:[p.Playback,p.Live],area:s.TopBarRightControls,get:function(){return(0,i.h)(a.DisplayedBar,{ref:t.displayedBarComponentRef,getControls:function(){return t._getControls(e)}})}})},e.validateItem=function(e){return"function"==typeof e.onClick&&"function"==typeof e.component},e}();t.UpperBarManager=c},562:function(e,t,n){var o,r=this&&this.__extends||(o=function(e,t){return o=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])},o(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}o(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)});Object.defineProperty(t,"__esModule",{value:!0}),t.UIManagers=t.pluginName=void 0;var i=n(52),a=n(682),s=n(765);t.pluginName="uiManagers";var p=function(e){function t(t,n,o){var r=e.call(this,t,n,o)||this;return n.registerService("sidePanelsManager",new a.SidePanelsManager(n,r.logger)),n.registerService("upperBarManager",new s.UpperBarManager(n,r.logger,r.config.upperBarManager)),r}return r(t,e),t.isValid=function(){return!0},t.defaultConfig={upperBarManager:{pluginsIconsOrder:{Navigation:10,"Q&A":20,Transcript:30,Download:40,Playlist:50,Related:60,Share:70,Info:80,Moderation:90}}},t}(i.BasePlugin);t.UIManagers=p},52:e=>{e.exports=KalturaPlayer},522:e=>{e.exports=KalturaPlayer.ui.preact}},o={};function r(e){var t=o[e];if(void 0!==t)return t.exports;var i=o[e]={id:e,exports:{}};return n[e].call(i.exports,i,i.exports,r),i.exports}r.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return r.d(t,{a:t}),t},r.d=(e,t)=>{for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.nc=void 0,e=r(52),t=r(562),(0,e.registerPlugin)(t.pluginName,t.UIManagers)})(); +/******/ (() => { // webpackBootstrap +/******/ "use strict"; +/******/ var __webpack_modules__ = ({ + +/***/ "./node_modules/@playkit-js/common/dist/hoc/a11y-wrapper/index.js": +/*!************************************************************************!*\ + !*** ./node_modules/@playkit-js/common/dist/hoc/a11y-wrapper/index.js ***! + \************************************************************************/ +/***/ ((__unused_webpack_module, exports, __webpack_require__) => { + + +Object.defineProperty(exports, "__esModule", ({ value: true })); +exports.A11yWrapper = exports.isKeyboardEvent = void 0; +var preact_1 = __webpack_require__(/*! preact */ "preact"); +var kaltura_player_js_1 = __webpack_require__(/*! @playkit-js/kaltura-player-js */ "@playkit-js/kaltura-player-js"); +var _a = kaltura_player_js_1.ui.utils.KeyMap, ENTER = _a.ENTER, SPACE = _a.SPACE, UP = _a.UP, DOWN = _a.DOWN, LEFT = _a.LEFT, RIGHT = _a.RIGHT; +var stopEvent = function (e) { + e.preventDefault(); + e.stopPropagation(); +}; +var isKeyboardEvent = function (e) { + // space/enter keyEvent is swallowed by NVDA (https://github.com/nvaccess/nvda/issues/7898) + // check offsetX and offsetY to define keyboard event triggered by NVDA + return e instanceof KeyboardEvent || [e.offsetX, e.offsetY].every(function (offset) { return offset === 0; }); +}; +exports.isKeyboardEvent = isKeyboardEvent; +var A11yWrapper = function (_a) { + var children = _a.children, onClick = _a.onClick, onUpKeyPressed = _a.onUpKeyPressed, onDownKeyPressed = _a.onDownKeyPressed, onLeftKeyPressed = _a.onLeftKeyPressed, onRightKeyPressed = _a.onRightKeyPressed, role = _a.role, type = _a.type; + var props = { + onKeyDown: function (e) { + if (e.keyCode === SPACE || e.keyCode === ENTER) { + stopEvent(e); + onClick(e, true); + } + else if (e.keyCode === UP && onUpKeyPressed) { + stopEvent(e); + onUpKeyPressed(e); + } + else if (e.keyCode === DOWN && onDownKeyPressed) { + stopEvent(e); + onDownKeyPressed(e); + } + else if (e.keyCode === LEFT && onLeftKeyPressed) { + stopEvent(e); + onLeftKeyPressed(e); + } + else if (e.keyCode === RIGHT && onRightKeyPressed) { + stopEvent(e); + onRightKeyPressed(e); + } + }, + onClick: function (e) { + onClick(e, (0, exports.isKeyboardEvent)(e)); + }, + role: role + }; + if ((children === null || children === void 0 ? void 0 : children.type) === 'button') { + props.type = type || 'button'; + } + return (0, preact_1.cloneElement)(children, props); +}; +exports.A11yWrapper = A11yWrapper; +exports.A11yWrapper.defaultProps = { + role: 'button' +}; +//# sourceMappingURL=index.js.map + +/***/ }), + +/***/ "./node_modules/@playkit-js/common/dist/ui-common/events-manager.js": +/*!**************************************************************************!*\ + !*** ./node_modules/@playkit-js/common/dist/ui-common/events-manager.js ***! + \**************************************************************************/ +/***/ ((__unused_webpack_module, exports) => { + + +Object.defineProperty(exports, "__esModule", ({ value: true })); +exports.EventsManager = void 0; +var EventsManager = /** @class */ (function () { + function EventsManager() { + this._eventListeners = {}; + this._wildcardEventListeners = []; + } + EventsManager.prototype.on = function (type, handler) { + if (type === '*') { + this._wildcardEventListeners.push(handler); + return; + } + (this._eventListeners[type] || (this._eventListeners[type] = [])).push(handler); + }; + EventsManager.prototype.off = function (type, handler) { + if (type === '*') { + this._wildcardEventListeners.splice(this._wildcardEventListeners.indexOf(handler) >>> 0, 1); + return; + } + var eventListeners = this._eventListeners[type]; + if (!eventListeners) { + return; + } + eventListeners.splice(eventListeners.indexOf(handler) >>> 0, 1); + }; + EventsManager.prototype.emit = function (event) { + (this._eventListeners[event.type] || []).slice().map(function (handler) { + handler(event); + }); + this._wildcardEventListeners.slice().map(function (handler) { + handler(event); + }); + }; + return EventsManager; +}()); +exports.EventsManager = EventsManager; +//# sourceMappingURL=events-manager.js.map + +/***/ }), + +/***/ "./node_modules/@playkit-js/common/dist/ui-common/injected-component/index.js": +/*!************************************************************************************!*\ + !*** ./node_modules/@playkit-js/common/dist/ui-common/injected-component/index.js ***! + \************************************************************************************/ +/***/ ((__unused_webpack_module, exports, __webpack_require__) => { + + +Object.defineProperty(exports, "__esModule", ({ value: true })); +exports.InjectedComponent = void 0; +var injected_component_1 = __webpack_require__(/*! ./injected-component */ "./node_modules/@playkit-js/common/dist/ui-common/injected-component/injected-component.js"); +Object.defineProperty(exports, "InjectedComponent", ({ enumerable: true, get: function () { return injected_component_1.InjectedComponent; } })); +//# sourceMappingURL=index.js.map + +/***/ }), + +/***/ "./node_modules/@playkit-js/common/dist/ui-common/injected-component/injected-component.js": +/*!*************************************************************************************************!*\ + !*** ./node_modules/@playkit-js/common/dist/ui-common/injected-component/injected-component.js ***! + \*************************************************************************************************/ +/***/ (function(__unused_webpack_module, exports, __webpack_require__) { + + +var __extends = (this && this.__extends) || (function () { + var extendStatics = function (d, b) { + extendStatics = Object.setPrototypeOf || + ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || + function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; }; + return extendStatics(d, b); + }; + return function (d, b) { + if (typeof b !== "function" && b !== null) + throw new TypeError("Class extends value " + String(b) + " is not a constructor or null"); + extendStatics(d, b); + function __() { this.constructor = d; } + d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); + }; +})(); +Object.defineProperty(exports, "__esModule", ({ value: true })); +exports.InjectedComponent = void 0; +var preact_1 = __webpack_require__(/*! preact */ "preact"); +var styles = __webpack_require__(/*! ./injected-component.scss */ "./node_modules/@playkit-js/common/dist/ui-common/injected-component/injected-component.scss"); +var InjectedComponent = /** @class */ (function (_super) { + __extends(InjectedComponent, _super); + function InjectedComponent() { + var _this = _super !== null && _super.apply(this, arguments) || this; + _this._root = null; + return _this; + } + InjectedComponent.prototype.shouldComponentUpdate = function () { + return false; + }; + InjectedComponent.prototype.componentDidMount = function () { + var _a = this.props, onCreate = _a.onCreate, label = _a.label; + if (!onCreate) { + return; + } + var parentElement = this._root; + if (!parentElement) { + return; + } + onCreate({ parent: parentElement }); + }; + InjectedComponent.prototype.componentWillUnmount = function () { + var _a = this.props, onDestroy = _a.onDestroy, label = _a.label; + var parentElement = this._root; + if (!parentElement || !onDestroy) { + return; + } + onDestroy({ parent: parentElement }); + }; + InjectedComponent.prototype.render = function () { + var _this = this; + var _a = this.props, label = _a.label, fillContainer = _a.fillContainer; + var className = fillContainer ? styles.fillContainer : ''; + return ((0, preact_1.h)("div", { "data-contrib-injected": label, className: className, ref: function (ref) { return (_this._root = ref); } })); + }; + return InjectedComponent; +}(preact_1.Component)); +exports.InjectedComponent = InjectedComponent; +//# sourceMappingURL=injected-component.js.map + +/***/ }), + +/***/ "./node_modules/@playkit-js/common/dist/ui-common/managed-component/index.js": +/*!***********************************************************************************!*\ + !*** ./node_modules/@playkit-js/common/dist/ui-common/managed-component/index.js ***! + \***********************************************************************************/ +/***/ (function(__unused_webpack_module, exports, __webpack_require__) { + + +var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + var desc = Object.getOwnPropertyDescriptor(m, k); + if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { + desc = { enumerable: true, get: function() { return m[k]; } }; + } + Object.defineProperty(o, k2, desc); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +})); +var __exportStar = (this && this.__exportStar) || function(m, exports) { + for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); +}; +Object.defineProperty(exports, "__esModule", ({ value: true })); +__exportStar(__webpack_require__(/*! ./managed-component */ "./node_modules/@playkit-js/common/dist/ui-common/managed-component/managed-component.js"), exports); +//# sourceMappingURL=index.js.map + +/***/ }), + +/***/ "./node_modules/@playkit-js/common/dist/ui-common/managed-component/managed-component.js": +/*!***********************************************************************************************!*\ + !*** ./node_modules/@playkit-js/common/dist/ui-common/managed-component/managed-component.js ***! + \***********************************************************************************************/ +/***/ (function(__unused_webpack_module, exports, __webpack_require__) { + + +var __extends = (this && this.__extends) || (function () { + var extendStatics = function (d, b) { + extendStatics = Object.setPrototypeOf || + ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || + function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; }; + return extendStatics(d, b); + }; + return function (d, b) { + if (typeof b !== "function" && b !== null) + throw new TypeError("Class extends value " + String(b) + " is not a constructor or null"); + extendStatics(d, b); + function __() { this.constructor = d; } + d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); + }; +})(); +var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) { + var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d; + if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc); + else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r; + return c > 3 && r && Object.defineProperty(target, key, r), r; +}; +Object.defineProperty(exports, "__esModule", ({ value: true })); +exports.ManagedComponent = void 0; +var preact_1 = __webpack_require__(/*! preact */ "preact"); +var styles = __webpack_require__(/*! ./_managed-component.scss */ "./node_modules/@playkit-js/common/dist/ui-common/managed-component/_managed-component.scss"); +var connect = KalturaPlayer.ui.redux.connect; +var mapStateToProps = function (state) { return ({ + playerSize: state.shell.playerSize +}); }; +var ManagedComponent = /** @class */ (function (_super) { + __extends(ManagedComponent, _super); + function ManagedComponent() { + return _super !== null && _super.apply(this, arguments) || this; + } + ManagedComponent.prototype.update = function () { + this.setState(function (prev) { + return { + toggler: !prev.toggler + }; + }); + }; + ManagedComponent.prototype.shouldComponentUpdate = function (prevProps) { + var _a = this.props, updateOnPlayerSizeChanged = _a.updateOnPlayerSizeChanged, playerSize = _a.playerSize; + return (updateOnPlayerSizeChanged && prevProps.playerSize !== playerSize) || prevProps.playerSize === playerSize; + }; + ManagedComponent.prototype.componentDidMount = function () { + this.setState({ + toggler: false + }); + }; + ManagedComponent.prototype.render = function () { + var _a = this.props, fillContainer = _a.fillContainer, isShown = _a.isShown, playerSize = _a.playerSize; + if (!isShown()) { + return null; + } + return ((0, preact_1.h)("div", { "data-contrib-item": this.props.label, className: "".concat(fillContainer ? styles.fillContainer : '') }, this.props.renderChildren(playerSize))); + }; + ManagedComponent.defaultProps = { + fillContainer: false + }; + ManagedComponent = __decorate([ + connect(mapStateToProps, null, null, { forwardRef: true }) + ], ManagedComponent); + return ManagedComponent; +}(preact_1.Component)); +exports.ManagedComponent = ManagedComponent; +//# sourceMappingURL=managed-component.js.map + +/***/ }), + +/***/ "./node_modules/@playkit-js/common/dist/ui-common/player-utils.js": +/*!************************************************************************!*\ + !*** ./node_modules/@playkit-js/common/dist/ui-common/player-utils.js ***! + \************************************************************************/ +/***/ ((__unused_webpack_module, exports) => { + + +Object.defineProperty(exports, "__esModule", ({ value: true })); +exports.getVideoSize = exports.getPlayerSize = void 0; +function getPlayerSize(kalturaPlayer) { + return kalturaPlayer ? kalturaPlayer.dimensions : { width: 0, height: 0 }; +} +exports.getPlayerSize = getPlayerSize; +function getVideoSize(kalturaPlayer) { + if (!kalturaPlayer) { + return { width: 0, height: 0 }; + } + var videoTrack = kalturaPlayer.getActiveTracks().video; + if (!videoTrack || + videoTrack.width === undefined || + videoTrack.height === undefined) { + // fallback - mainly for Safari + if (kalturaPlayer.getVideoElement()) { + return { + width: kalturaPlayer.getVideoElement().videoWidth, + height: kalturaPlayer.getVideoElement().videoHeight, + }; + } + return { width: 0, height: 0 }; + } + return { + width: videoTrack.width, + height: videoTrack.height, + }; +} +exports.getVideoSize = getVideoSize; +//# sourceMappingURL=player-utils.js.map + +/***/ }), + +/***/ "./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/@playkit-js/common/dist/ui-common/injected-component/injected-component.scss": +/*!****************************************************************************************************************************************************************************************************************************************!*\ + !*** ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/@playkit-js/common/dist/ui-common/injected-component/injected-component.scss ***! + \****************************************************************************************************************************************************************************************************************************************/ +/***/ ((module, __webpack_exports__, __webpack_require__) => { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), +/* harmony export */ "fillContainer": () => (/* binding */ fillContainer) +/* harmony export */ }); +/* harmony import */ var _css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../css-loader/dist/runtime/sourceMaps.js */ "./node_modules/css-loader/dist/runtime/sourceMaps.js"); +/* harmony import */ var _css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__); +/* harmony import */ var _css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js"); +/* harmony import */ var _css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__); +// Imports + + +var ___CSS_LOADER_EXPORT___ = _css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default())); +// Module +___CSS_LOADER_EXPORT___.push([module.id, ".playkit-fill-container_nM {\n width: 100%;\n height: 100%;\n overflow: hidden;\n}", "",{"version":3,"sources":["webpack://./node_modules/@playkit-js/common/dist/ui-common/injected-component/injected-component.scss"],"names":[],"mappings":"AAAA;EACE,WAAA;EACA,YAAA;EACA,gBAAA;AACF","sourcesContent":[".fill-container {\n width: 100%;\n height: 100%;\n overflow: hidden;\n}\n"],"sourceRoot":""}]); +// Exports +var fillContainer = "playkit-fill-container_nM"; +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___); + + +/***/ }), + +/***/ "./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/@playkit-js/common/dist/ui-common/managed-component/_managed-component.scss": +/*!***************************************************************************************************************************************************************************************************************************************!*\ + !*** ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/@playkit-js/common/dist/ui-common/managed-component/_managed-component.scss ***! + \***************************************************************************************************************************************************************************************************************************************/ +/***/ ((module, __webpack_exports__, __webpack_require__) => { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), +/* harmony export */ "fillContainer": () => (/* binding */ fillContainer) +/* harmony export */ }); +/* harmony import */ var _css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../css-loader/dist/runtime/sourceMaps.js */ "./node_modules/css-loader/dist/runtime/sourceMaps.js"); +/* harmony import */ var _css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__); +/* harmony import */ var _css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js"); +/* harmony import */ var _css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__); +// Imports + + +var ___CSS_LOADER_EXPORT___ = _css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default())); +// Module +___CSS_LOADER_EXPORT___.push([module.id, ".playkit-fill-container_qY {\n width: 100%;\n height: 100%;\n}", "",{"version":3,"sources":["webpack://./node_modules/@playkit-js/common/dist/ui-common/managed-component/_managed-component.scss"],"names":[],"mappings":"AAAA;EACE,WAAA;EACA,YAAA;AACF","sourcesContent":[".fill-container {\n width: 100%;\n height: 100%;\n}\n"],"sourceRoot":""}]); +// Exports +var fillContainer = "playkit-fill-container_qY"; +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___); + + +/***/ }), + +/***/ "./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/services/side-panels-manager/ui/panel-item-wrapper/panel-item-wrapper.component.scss": +/*!***************************************************************************************************************************************************************************************************************************************!*\ + !*** ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/services/side-panels-manager/ui/panel-item-wrapper/panel-item-wrapper.component.scss ***! + \***************************************************************************************************************************************************************************************************************************************/ +/***/ ((module, __webpack_exports__, __webpack_require__) => { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "activeState": () => (/* binding */ activeState), +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), +/* harmony export */ "sidePanelWrapper": () => (/* binding */ sidePanelWrapper) +/* harmony export */ }); +/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../node_modules/css-loader/dist/runtime/sourceMaps.js */ "./node_modules/css-loader/dist/runtime/sourceMaps.js"); +/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__); +/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js"); +/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__); +// Imports + + +var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default())); +// Module +___CSS_LOADER_EXPORT___.push([module.id, ".playkit-side-panel-wrapper_Wr {\n visibility: hidden;\n position: absolute;\n width: 100%;\n height: 100%;\n}\n\n.playkit-active-state_vh {\n visibility: visible;\n}", "",{"version":3,"sources":["webpack://./src/services/side-panels-manager/ui/panel-item-wrapper/panel-item-wrapper.component.scss"],"names":[],"mappings":"AAAA;EACE,kBAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;AACF;;AAEA;EACE,mBAAA;AACF","sourcesContent":[".side-panel-wrapper {\n visibility: hidden;\n position: absolute;\n width: 100%;\n height: 100%;\n}\n\n.active-state {\n visibility: visible;\n}\n"],"sourceRoot":""}]); +// Exports +var sidePanelWrapper = "playkit-side-panel-wrapper_Wr"; +var activeState = "playkit-active-state_vh"; +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___); + + +/***/ }), + +/***/ "./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/services/upper-bar-manager/ui/displayed-bar/displayed-bar.component.scss": +/*!***************************************************************************************************************************************************************************************************************************!*\ + !*** ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/services/upper-bar-manager/ui/displayed-bar/displayed-bar.component.scss ***! + \***************************************************************************************************************************************************************************************************************************/ +/***/ ((module, __webpack_exports__, __webpack_require__) => { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), +/* harmony export */ "rightUpperBarWrapperContainer": () => (/* binding */ rightUpperBarWrapperContainer) +/* harmony export */ }); +/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../node_modules/css-loader/dist/runtime/sourceMaps.js */ "./node_modules/css-loader/dist/runtime/sourceMaps.js"); +/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__); +/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js"); +/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__); +// Imports + + +var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default())); +// Module +___CSS_LOADER_EXPORT___.push([module.id, ".playkit-right-upper-bar-wrapper-container_Vm {\n direction: ltr;\n display: flex;\n}", "",{"version":3,"sources":["webpack://./src/services/upper-bar-manager/ui/displayed-bar/displayed-bar.component.scss"],"names":[],"mappings":"AAAA;EACE,cAAA;EACA,aAAA;AACF","sourcesContent":[".right-upper-bar-wrapper-container {\n direction: ltr;\n display: flex;\n}"],"sourceRoot":""}]); +// Exports +var rightUpperBarWrapperContainer = "playkit-right-upper-bar-wrapper-container_Vm"; +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___); + + +/***/ }), + +/***/ "./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/services/upper-bar-manager/ui/dropdown-bar/dropdown-bar.component.scss": +/*!*************************************************************************************************************************************************************************************************************************!*\ + !*** ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/services/upper-bar-manager/ui/dropdown-bar/dropdown-bar.component.scss ***! + \*************************************************************************************************************************************************************************************************************************/ +/***/ ((module, __webpack_exports__, __webpack_require__) => { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), +/* harmony export */ "dropdownItem": () => (/* binding */ dropdownItem), +/* harmony export */ "dropdownItemDescription": () => (/* binding */ dropdownItemDescription), +/* harmony export */ "icon": () => (/* binding */ icon), +/* harmony export */ "moreDropdown": () => (/* binding */ moreDropdown) +/* harmony export */ }); +/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../node_modules/css-loader/dist/runtime/sourceMaps.js */ "./node_modules/css-loader/dist/runtime/sourceMaps.js"); +/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__); +/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js"); +/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__); +// Imports + + +var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default())); +// Module +___CSS_LOADER_EXPORT___.push([module.id, ".playkit-more-dropdown_SJ {\n position: absolute;\n padding: 8px 4px;\n width: 166px;\n background-color: var(--playkit-tone-7-color);\n border-radius: 4px;\n top: 44px;\n right: 0;\n}\n.playkit-more-dropdown_SJ .playkit-dropdown-item_Aq {\n border-radius: 4px;\n padding: 4px 12px 4px 15px;\n display: flex;\n margin: 4px 0;\n cursor: pointer;\n}\n.playkit-more-dropdown_SJ .playkit-dropdown-item_Aq .playkit-icon_h_ {\n width: 24px;\n height: 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.playkit-more-dropdown_SJ .playkit-dropdown-item_Aq:hover {\n background-color: var(--playkit-tone-6-color);\n}\n.playkit-more-dropdown_SJ .playkit-dropdown-item_Aq .playkit-dropdown-item-description_rC {\n display: flex;\n flex: 1;\n font-size: 14px;\n font-weight: 700;\n align-items: center;\n padding-left: 11px;\n}", "",{"version":3,"sources":["webpack://./src/services/upper-bar-manager/ui/dropdown-bar/dropdown-bar.component.scss","webpack://./node_modules/@playkit-js/playkit-js-ui/src/styles/exported.scss"],"names":[],"mappings":"AAEA;EACE,kBAAA;EACA,gBAAA;EACA,YAAA;EACA,6CC8Ba;ED7Bb,kBAAA;EACA,SAAA;EACA,QAAA;AADF;AAGE;EACE,kBAAA;EACA,0BAAA;EACA,aAAA;EACA,aAAA;EACA,eAAA;AADJ;AAGI;EACE,WAAA;EACA,YAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;AADN;AAII;EACE,6CCQS;ADVf;AAKI;EACE,aAAA;EACA,OAAA;EACA,eAAA;EACA,gBAAA;EACA,mBAAA;EACA,kBAAA;AAHN","sourcesContent":["@import '~@playkit-js/playkit-js-ui';\n\n.more-dropdown {\n position: absolute;\n padding: 8px 4px;\n width: 166px; // replace to min-width and grow with text\n background-color: $tone-7-color;\n border-radius: 4px;\n top: 44px;\n right: 0;\n\n .dropdown-item {\n border-radius: 4px;\n padding: 4px 12px 4px 15px;\n display: flex;\n margin: 4px 0;\n cursor: pointer;\n\n .icon {\n width: 24px;\n height: 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n &:hover {\n background-color: $tone-6-color;\n }\n\n .dropdown-item-description {\n display: flex;\n flex: 1;\n font-size: 14px;\n font-weight: 700;\n align-items: center;\n padding-left: 11px;\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"],"sourceRoot":""}]); +// Exports +var moreDropdown = "playkit-more-dropdown_SJ"; +var dropdownItem = "playkit-dropdown-item_Aq"; +var icon = "playkit-icon_h_"; +var dropdownItemDescription = "playkit-dropdown-item-description_rC"; +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___); + + +/***/ }), + +/***/ "./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/services/upper-bar-manager/ui/more-icon/more-icon.component.scss": +/*!*******************************************************************************************************************************************************************************************************************!*\ + !*** ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/services/upper-bar-manager/ui/more-icon/more-icon.component.scss ***! + \*******************************************************************************************************************************************************************************************************************/ +/***/ ((module, __webpack_exports__, __webpack_require__) => { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), +/* harmony export */ "moreIcon": () => (/* binding */ moreIcon) +/* harmony export */ }); +/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../node_modules/css-loader/dist/runtime/sourceMaps.js */ "./node_modules/css-loader/dist/runtime/sourceMaps.js"); +/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__); +/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js"); +/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__); +// Imports + + +var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default())); +// Module +___CSS_LOADER_EXPORT___.push([module.id, ".playkit-more-icon_fR {\n margin-right: 0;\n z-index: 2;\n}", "",{"version":3,"sources":["webpack://./src/services/upper-bar-manager/ui/more-icon/more-icon.component.scss"],"names":[],"mappings":"AAAA;EACE,eAAA;EACA,UAAA;AACF","sourcesContent":[".more-icon {\n margin-right: 0;\n z-index: 2;\n}\n\n"],"sourceRoot":""}]); +// Exports +var moreIcon = "playkit-more-icon_fR"; +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___); + + +/***/ }), + +/***/ "./node_modules/css-loader/dist/runtime/api.js": +/*!*****************************************************!*\ + !*** ./node_modules/css-loader/dist/runtime/api.js ***! + \*****************************************************/ +/***/ ((module) => { + + + +/* + MIT License http://www.opensource.org/licenses/mit-license.php + Author Tobias Koppers @sokra +*/ +module.exports = function (cssWithMappingToString) { + var list = []; // return the list of modules as css string + + list.toString = function toString() { + return this.map(function (item) { + var content = ""; + var needLayer = typeof item[5] !== "undefined"; + + if (item[4]) { + content += "@supports (".concat(item[4], ") {"); + } + + if (item[2]) { + content += "@media ".concat(item[2], " {"); + } + + if (needLayer) { + content += "@layer".concat(item[5].length > 0 ? " ".concat(item[5]) : "", " {"); + } + + content += cssWithMappingToString(item); + + if (needLayer) { + content += "}"; + } + + if (item[2]) { + content += "}"; + } + + if (item[4]) { + content += "}"; + } + + return content; + }).join(""); + }; // import a list of modules into the list + + + list.i = function i(modules, media, dedupe, supports, layer) { + if (typeof modules === "string") { + modules = [[null, modules, undefined]]; + } + + var alreadyImportedModules = {}; + + if (dedupe) { + for (var k = 0; k < this.length; k++) { + var id = this[k][0]; + + if (id != null) { + alreadyImportedModules[id] = true; + } + } + } + + for (var _k = 0; _k < modules.length; _k++) { + var item = [].concat(modules[_k]); + + if (dedupe && alreadyImportedModules[item[0]]) { + continue; + } + + if (typeof layer !== "undefined") { + if (typeof item[5] === "undefined") { + item[5] = layer; + } else { + item[1] = "@layer".concat(item[5].length > 0 ? " ".concat(item[5]) : "", " {").concat(item[1], "}"); + item[5] = layer; + } + } + + if (media) { + if (!item[2]) { + item[2] = media; + } else { + item[1] = "@media ".concat(item[2], " {").concat(item[1], "}"); + item[2] = media; + } + } + + if (supports) { + if (!item[4]) { + item[4] = "".concat(supports); + } else { + item[1] = "@supports (".concat(item[4], ") {").concat(item[1], "}"); + item[4] = supports; + } + } + + list.push(item); + } + }; + + return list; +}; + +/***/ }), + +/***/ "./node_modules/css-loader/dist/runtime/sourceMaps.js": +/*!************************************************************!*\ + !*** ./node_modules/css-loader/dist/runtime/sourceMaps.js ***! + \************************************************************/ +/***/ ((module) => { + + + +module.exports = function (item) { + var content = item[1]; + var cssMapping = item[3]; + + if (!cssMapping) { + return content; + } + + if (typeof btoa === "function") { + var base64 = btoa(unescape(encodeURIComponent(JSON.stringify(cssMapping)))); + var data = "sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(base64); + var sourceMapping = "/*# ".concat(data, " */"); + var sourceURLs = cssMapping.sources.map(function (source) { + return "/*# sourceURL=".concat(cssMapping.sourceRoot || "").concat(source, " */"); + }); + return [content].concat(sourceURLs).concat([sourceMapping]).join("\n"); + } + + return [content].join("\n"); +}; + +/***/ }), + +/***/ "./node_modules/@playkit-js/common/dist/ui-common/injected-component/injected-component.scss": +/*!***************************************************************************************************!*\ + !*** ./node_modules/@playkit-js/common/dist/ui-common/injected-component/injected-component.scss ***! + \***************************************************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), +/* harmony export */ "fillContainer": () => (/* reexport safe */ _css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_injected_component_scss__WEBPACK_IMPORTED_MODULE_6__.fillContainer) +/* harmony export */ }); +/* harmony import */ var _style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! !../../../../../style-loader/dist/runtime/injectStylesIntoStyleTag.js */ "./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"); +/* harmony import */ var _style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__); +/* harmony import */ var _style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! !../../../../../style-loader/dist/runtime/styleDomAPI.js */ "./node_modules/style-loader/dist/runtime/styleDomAPI.js"); +/* harmony import */ var _style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__); +/* harmony import */ var _style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! !../../../../../style-loader/dist/runtime/insertBySelector.js */ "./node_modules/style-loader/dist/runtime/insertBySelector.js"); +/* harmony import */ var _style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__); +/* harmony import */ var _style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! !../../../../../style-loader/dist/runtime/setAttributesWithoutAttributes.js */ "./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"); +/* harmony import */ var _style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__); +/* harmony import */ var _style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! !../../../../../style-loader/dist/runtime/insertStyleElement.js */ "./node_modules/style-loader/dist/runtime/insertStyleElement.js"); +/* harmony import */ var _style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__); +/* harmony import */ var _style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! !../../../../../style-loader/dist/runtime/styleTagTransform.js */ "./node_modules/style-loader/dist/runtime/styleTagTransform.js"); +/* harmony import */ var _style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__); +/* harmony import */ var _css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_injected_component_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! !!../../../../../css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../../../sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./injected-component.scss */ "./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/@playkit-js/common/dist/ui-common/injected-component/injected-component.scss"); + + + + + + + + + + + +var options = {}; + +options.styleTagTransform = (_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default()); +options.setAttributes = (_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default()); + + options.insert = _style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, "head"); + +options.domAPI = (_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default()); +options.insertStyleElement = (_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default()); + +var update = _style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()(_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_injected_component_scss__WEBPACK_IMPORTED_MODULE_6__["default"], options); + + + + + /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_injected_component_scss__WEBPACK_IMPORTED_MODULE_6__["default"] && _css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_injected_component_scss__WEBPACK_IMPORTED_MODULE_6__["default"].locals ? _css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_injected_component_scss__WEBPACK_IMPORTED_MODULE_6__["default"].locals : undefined); + + +/***/ }), + +/***/ "./node_modules/@playkit-js/common/dist/ui-common/managed-component/_managed-component.scss": +/*!**************************************************************************************************!*\ + !*** ./node_modules/@playkit-js/common/dist/ui-common/managed-component/_managed-component.scss ***! + \**************************************************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), +/* harmony export */ "fillContainer": () => (/* reexport safe */ _css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_managed_component_scss__WEBPACK_IMPORTED_MODULE_6__.fillContainer) +/* harmony export */ }); +/* harmony import */ var _style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! !../../../../../style-loader/dist/runtime/injectStylesIntoStyleTag.js */ "./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"); +/* harmony import */ var _style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__); +/* harmony import */ var _style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! !../../../../../style-loader/dist/runtime/styleDomAPI.js */ "./node_modules/style-loader/dist/runtime/styleDomAPI.js"); +/* harmony import */ var _style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__); +/* harmony import */ var _style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! !../../../../../style-loader/dist/runtime/insertBySelector.js */ "./node_modules/style-loader/dist/runtime/insertBySelector.js"); +/* harmony import */ var _style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__); +/* harmony import */ var _style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! !../../../../../style-loader/dist/runtime/setAttributesWithoutAttributes.js */ "./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"); +/* harmony import */ var _style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__); +/* harmony import */ var _style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! !../../../../../style-loader/dist/runtime/insertStyleElement.js */ "./node_modules/style-loader/dist/runtime/insertStyleElement.js"); +/* harmony import */ var _style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__); +/* harmony import */ var _style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! !../../../../../style-loader/dist/runtime/styleTagTransform.js */ "./node_modules/style-loader/dist/runtime/styleTagTransform.js"); +/* harmony import */ var _style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__); +/* harmony import */ var _css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_managed_component_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! !!../../../../../css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../../../sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./_managed-component.scss */ "./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/@playkit-js/common/dist/ui-common/managed-component/_managed-component.scss"); + + + + + + + + + + + +var options = {}; + +options.styleTagTransform = (_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default()); +options.setAttributes = (_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default()); + + options.insert = _style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, "head"); + +options.domAPI = (_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default()); +options.insertStyleElement = (_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default()); + +var update = _style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()(_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_managed_component_scss__WEBPACK_IMPORTED_MODULE_6__["default"], options); + + + + + /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_managed_component_scss__WEBPACK_IMPORTED_MODULE_6__["default"] && _css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_managed_component_scss__WEBPACK_IMPORTED_MODULE_6__["default"].locals ? _css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_managed_component_scss__WEBPACK_IMPORTED_MODULE_6__["default"].locals : undefined); + + +/***/ }), + +/***/ "./src/services/side-panels-manager/ui/panel-item-wrapper/panel-item-wrapper.component.scss": +/*!**************************************************************************************************!*\ + !*** ./src/services/side-panels-manager/ui/panel-item-wrapper/panel-item-wrapper.component.scss ***! + \**************************************************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "activeState": () => (/* reexport safe */ _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_panel_item_wrapper_component_scss__WEBPACK_IMPORTED_MODULE_6__.activeState), +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), +/* harmony export */ "sidePanelWrapper": () => (/* reexport safe */ _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_panel_item_wrapper_component_scss__WEBPACK_IMPORTED_MODULE_6__.sidePanelWrapper) +/* harmony export */ }); +/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! !../../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js */ "./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"); +/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__); +/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! !../../../../../node_modules/style-loader/dist/runtime/styleDomAPI.js */ "./node_modules/style-loader/dist/runtime/styleDomAPI.js"); +/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__); +/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! !../../../../../node_modules/style-loader/dist/runtime/insertBySelector.js */ "./node_modules/style-loader/dist/runtime/insertBySelector.js"); +/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__); +/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! !../../../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js */ "./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"); +/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__); +/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! !../../../../../node_modules/style-loader/dist/runtime/insertStyleElement.js */ "./node_modules/style-loader/dist/runtime/insertStyleElement.js"); +/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__); +/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! !../../../../../node_modules/style-loader/dist/runtime/styleTagTransform.js */ "./node_modules/style-loader/dist/runtime/styleTagTransform.js"); +/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__); +/* harmony import */ var _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_panel_item_wrapper_component_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! !!../../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./panel-item-wrapper.component.scss */ "./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/services/side-panels-manager/ui/panel-item-wrapper/panel-item-wrapper.component.scss"); + + + + + + + + + + + +var options = {}; + +options.styleTagTransform = (_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default()); +options.setAttributes = (_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default()); + + options.insert = _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, "head"); + +options.domAPI = (_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default()); +options.insertStyleElement = (_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default()); + +var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_panel_item_wrapper_component_scss__WEBPACK_IMPORTED_MODULE_6__["default"], options); + + + + + /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_panel_item_wrapper_component_scss__WEBPACK_IMPORTED_MODULE_6__["default"] && _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_panel_item_wrapper_component_scss__WEBPACK_IMPORTED_MODULE_6__["default"].locals ? _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_panel_item_wrapper_component_scss__WEBPACK_IMPORTED_MODULE_6__["default"].locals : undefined); + + +/***/ }), + +/***/ "./src/services/upper-bar-manager/ui/displayed-bar/displayed-bar.component.scss": +/*!**************************************************************************************!*\ + !*** ./src/services/upper-bar-manager/ui/displayed-bar/displayed-bar.component.scss ***! + \**************************************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), +/* harmony export */ "rightUpperBarWrapperContainer": () => (/* reexport safe */ _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_displayed_bar_component_scss__WEBPACK_IMPORTED_MODULE_6__.rightUpperBarWrapperContainer) +/* harmony export */ }); +/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! !../../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js */ "./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"); +/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__); +/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! !../../../../../node_modules/style-loader/dist/runtime/styleDomAPI.js */ "./node_modules/style-loader/dist/runtime/styleDomAPI.js"); +/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__); +/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! !../../../../../node_modules/style-loader/dist/runtime/insertBySelector.js */ "./node_modules/style-loader/dist/runtime/insertBySelector.js"); +/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__); +/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! !../../../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js */ "./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"); +/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__); +/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! !../../../../../node_modules/style-loader/dist/runtime/insertStyleElement.js */ "./node_modules/style-loader/dist/runtime/insertStyleElement.js"); +/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__); +/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! !../../../../../node_modules/style-loader/dist/runtime/styleTagTransform.js */ "./node_modules/style-loader/dist/runtime/styleTagTransform.js"); +/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__); +/* harmony import */ var _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_displayed_bar_component_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! !!../../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./displayed-bar.component.scss */ "./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/services/upper-bar-manager/ui/displayed-bar/displayed-bar.component.scss"); + + + + + + + + + + + +var options = {}; + +options.styleTagTransform = (_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default()); +options.setAttributes = (_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default()); + + options.insert = _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, "head"); + +options.domAPI = (_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default()); +options.insertStyleElement = (_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default()); + +var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_displayed_bar_component_scss__WEBPACK_IMPORTED_MODULE_6__["default"], options); + + + + + /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_displayed_bar_component_scss__WEBPACK_IMPORTED_MODULE_6__["default"] && _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_displayed_bar_component_scss__WEBPACK_IMPORTED_MODULE_6__["default"].locals ? _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_displayed_bar_component_scss__WEBPACK_IMPORTED_MODULE_6__["default"].locals : undefined); + + +/***/ }), + +/***/ "./src/services/upper-bar-manager/ui/dropdown-bar/dropdown-bar.component.scss": +/*!************************************************************************************!*\ + !*** ./src/services/upper-bar-manager/ui/dropdown-bar/dropdown-bar.component.scss ***! + \************************************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), +/* harmony export */ "dropdownItem": () => (/* reexport safe */ _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_dropdown_bar_component_scss__WEBPACK_IMPORTED_MODULE_6__.dropdownItem), +/* harmony export */ "dropdownItemDescription": () => (/* reexport safe */ _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_dropdown_bar_component_scss__WEBPACK_IMPORTED_MODULE_6__.dropdownItemDescription), +/* harmony export */ "icon": () => (/* reexport safe */ _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_dropdown_bar_component_scss__WEBPACK_IMPORTED_MODULE_6__.icon), +/* harmony export */ "moreDropdown": () => (/* reexport safe */ _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_dropdown_bar_component_scss__WEBPACK_IMPORTED_MODULE_6__.moreDropdown) +/* harmony export */ }); +/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! !../../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js */ "./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"); +/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__); +/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! !../../../../../node_modules/style-loader/dist/runtime/styleDomAPI.js */ "./node_modules/style-loader/dist/runtime/styleDomAPI.js"); +/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__); +/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! !../../../../../node_modules/style-loader/dist/runtime/insertBySelector.js */ "./node_modules/style-loader/dist/runtime/insertBySelector.js"); +/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__); +/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! !../../../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js */ "./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"); +/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__); +/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! !../../../../../node_modules/style-loader/dist/runtime/insertStyleElement.js */ "./node_modules/style-loader/dist/runtime/insertStyleElement.js"); +/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__); +/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! !../../../../../node_modules/style-loader/dist/runtime/styleTagTransform.js */ "./node_modules/style-loader/dist/runtime/styleTagTransform.js"); +/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__); +/* harmony import */ var _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_dropdown_bar_component_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! !!../../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./dropdown-bar.component.scss */ "./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/services/upper-bar-manager/ui/dropdown-bar/dropdown-bar.component.scss"); + + + + + + + + + + + +var options = {}; + +options.styleTagTransform = (_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default()); +options.setAttributes = (_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default()); + + options.insert = _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, "head"); + +options.domAPI = (_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default()); +options.insertStyleElement = (_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default()); + +var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_dropdown_bar_component_scss__WEBPACK_IMPORTED_MODULE_6__["default"], options); + + + + + /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_dropdown_bar_component_scss__WEBPACK_IMPORTED_MODULE_6__["default"] && _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_dropdown_bar_component_scss__WEBPACK_IMPORTED_MODULE_6__["default"].locals ? _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_dropdown_bar_component_scss__WEBPACK_IMPORTED_MODULE_6__["default"].locals : undefined); + + +/***/ }), + +/***/ "./src/services/upper-bar-manager/ui/more-icon/more-icon.component.scss": +/*!******************************************************************************!*\ + !*** ./src/services/upper-bar-manager/ui/more-icon/more-icon.component.scss ***! + \******************************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__), +/* harmony export */ "moreIcon": () => (/* reexport safe */ _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_more_icon_component_scss__WEBPACK_IMPORTED_MODULE_6__.moreIcon) +/* harmony export */ }); +/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! !../../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js */ "./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"); +/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__); +/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! !../../../../../node_modules/style-loader/dist/runtime/styleDomAPI.js */ "./node_modules/style-loader/dist/runtime/styleDomAPI.js"); +/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__); +/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! !../../../../../node_modules/style-loader/dist/runtime/insertBySelector.js */ "./node_modules/style-loader/dist/runtime/insertBySelector.js"); +/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__); +/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! !../../../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js */ "./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"); +/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__); +/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! !../../../../../node_modules/style-loader/dist/runtime/insertStyleElement.js */ "./node_modules/style-loader/dist/runtime/insertStyleElement.js"); +/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__); +/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! !../../../../../node_modules/style-loader/dist/runtime/styleTagTransform.js */ "./node_modules/style-loader/dist/runtime/styleTagTransform.js"); +/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__); +/* harmony import */ var _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_more_icon_component_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! !!../../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./more-icon.component.scss */ "./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/services/upper-bar-manager/ui/more-icon/more-icon.component.scss"); + + + + + + + + + + + +var options = {}; + +options.styleTagTransform = (_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default()); +options.setAttributes = (_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default()); + + options.insert = _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, "head"); + +options.domAPI = (_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default()); +options.insertStyleElement = (_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default()); + +var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_more_icon_component_scss__WEBPACK_IMPORTED_MODULE_6__["default"], options); + + + + + /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_more_icon_component_scss__WEBPACK_IMPORTED_MODULE_6__["default"] && _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_more_icon_component_scss__WEBPACK_IMPORTED_MODULE_6__["default"].locals ? _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_more_icon_component_scss__WEBPACK_IMPORTED_MODULE_6__["default"].locals : undefined); + + +/***/ }), + +/***/ "./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js": +/*!****************************************************************************!*\ + !*** ./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js ***! + \****************************************************************************/ +/***/ ((module) => { + + + +var stylesInDOM = []; + +function getIndexByIdentifier(identifier) { + var result = -1; + + for (var i = 0; i < stylesInDOM.length; i++) { + if (stylesInDOM[i].identifier === identifier) { + result = i; + break; + } + } + + return result; +} + +function modulesToDom(list, options) { + var idCountMap = {}; + var identifiers = []; + + for (var i = 0; i < list.length; i++) { + var item = list[i]; + var id = options.base ? item[0] + options.base : item[0]; + var count = idCountMap[id] || 0; + var identifier = "".concat(id, " ").concat(count); + idCountMap[id] = count + 1; + var indexByIdentifier = getIndexByIdentifier(identifier); + var obj = { + css: item[1], + media: item[2], + sourceMap: item[3], + supports: item[4], + layer: item[5] + }; + + if (indexByIdentifier !== -1) { + stylesInDOM[indexByIdentifier].references++; + stylesInDOM[indexByIdentifier].updater(obj); + } else { + var updater = addElementStyle(obj, options); + options.byIndex = i; + stylesInDOM.splice(i, 0, { + identifier: identifier, + updater: updater, + references: 1 + }); + } + + identifiers.push(identifier); + } + + return identifiers; +} + +function addElementStyle(obj, options) { + var api = options.domAPI(options); + api.update(obj); + + var updater = function updater(newObj) { + if (newObj) { + if (newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap && newObj.supports === obj.supports && newObj.layer === obj.layer) { + return; + } + + api.update(obj = newObj); + } else { + api.remove(); + } + }; + + return updater; +} + +module.exports = function (list, options) { + options = options || {}; + list = list || []; + var lastIdentifiers = modulesToDom(list, options); + return function update(newList) { + newList = newList || []; + + for (var i = 0; i < lastIdentifiers.length; i++) { + var identifier = lastIdentifiers[i]; + var index = getIndexByIdentifier(identifier); + stylesInDOM[index].references--; + } + + var newLastIdentifiers = modulesToDom(newList, options); + + for (var _i = 0; _i < lastIdentifiers.length; _i++) { + var _identifier = lastIdentifiers[_i]; + + var _index = getIndexByIdentifier(_identifier); + + if (stylesInDOM[_index].references === 0) { + stylesInDOM[_index].updater(); + + stylesInDOM.splice(_index, 1); + } + } + + lastIdentifiers = newLastIdentifiers; + }; +}; + +/***/ }), + +/***/ "./node_modules/style-loader/dist/runtime/insertBySelector.js": +/*!********************************************************************!*\ + !*** ./node_modules/style-loader/dist/runtime/insertBySelector.js ***! + \********************************************************************/ +/***/ ((module) => { + + + +var memo = {}; +/* istanbul ignore next */ + +function getTarget(target) { + if (typeof memo[target] === "undefined") { + var styleTarget = document.querySelector(target); // Special case to return head of iframe instead of iframe itself + + if (window.HTMLIFrameElement && styleTarget instanceof window.HTMLIFrameElement) { + try { + // This will throw an exception if access to iframe is blocked + // due to cross-origin restrictions + styleTarget = styleTarget.contentDocument.head; + } catch (e) { + // istanbul ignore next + styleTarget = null; + } + } + + memo[target] = styleTarget; + } + + return memo[target]; +} +/* istanbul ignore next */ + + +function insertBySelector(insert, style) { + var target = getTarget(insert); + + if (!target) { + throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid."); + } + + target.appendChild(style); +} + +module.exports = insertBySelector; + +/***/ }), + +/***/ "./node_modules/style-loader/dist/runtime/insertStyleElement.js": +/*!**********************************************************************!*\ + !*** ./node_modules/style-loader/dist/runtime/insertStyleElement.js ***! + \**********************************************************************/ +/***/ ((module) => { + + + +/* istanbul ignore next */ +function insertStyleElement(options) { + var element = document.createElement("style"); + options.setAttributes(element, options.attributes); + options.insert(element, options.options); + return element; +} + +module.exports = insertStyleElement; + +/***/ }), + +/***/ "./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js": +/*!**********************************************************************************!*\ + !*** ./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js ***! + \**********************************************************************************/ +/***/ ((module, __unused_webpack_exports, __webpack_require__) => { + + + +/* istanbul ignore next */ +function setAttributesWithoutAttributes(styleElement) { + var nonce = true ? __webpack_require__.nc : 0; + + if (nonce) { + styleElement.setAttribute("nonce", nonce); + } +} + +module.exports = setAttributesWithoutAttributes; + +/***/ }), + +/***/ "./node_modules/style-loader/dist/runtime/styleDomAPI.js": +/*!***************************************************************!*\ + !*** ./node_modules/style-loader/dist/runtime/styleDomAPI.js ***! + \***************************************************************/ +/***/ ((module) => { + + + +/* istanbul ignore next */ +function apply(styleElement, options, obj) { + var css = ""; + + if (obj.supports) { + css += "@supports (".concat(obj.supports, ") {"); + } + + if (obj.media) { + css += "@media ".concat(obj.media, " {"); + } + + var needLayer = typeof obj.layer !== "undefined"; + + if (needLayer) { + css += "@layer".concat(obj.layer.length > 0 ? " ".concat(obj.layer) : "", " {"); + } + + css += obj.css; + + if (needLayer) { + css += "}"; + } + + if (obj.media) { + css += "}"; + } + + if (obj.supports) { + css += "}"; + } + + var sourceMap = obj.sourceMap; + + if (sourceMap && typeof btoa !== "undefined") { + css += "\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))), " */"); + } // For old IE + + /* istanbul ignore if */ + + + options.styleTagTransform(css, styleElement, options.options); +} + +function removeStyleElement(styleElement) { + // istanbul ignore if + if (styleElement.parentNode === null) { + return false; + } + + styleElement.parentNode.removeChild(styleElement); +} +/* istanbul ignore next */ + + +function domAPI(options) { + var styleElement = options.insertStyleElement(options); + return { + update: function update(obj) { + apply(styleElement, options, obj); + }, + remove: function remove() { + removeStyleElement(styleElement); + } + }; +} + +module.exports = domAPI; + +/***/ }), + +/***/ "./node_modules/style-loader/dist/runtime/styleTagTransform.js": +/*!*********************************************************************!*\ + !*** ./node_modules/style-loader/dist/runtime/styleTagTransform.js ***! + \*********************************************************************/ +/***/ ((module) => { + + + +/* istanbul ignore next */ +function styleTagTransform(css, styleElement) { + if (styleElement.styleSheet) { + styleElement.styleSheet.cssText = css; + } else { + while (styleElement.firstChild) { + styleElement.removeChild(styleElement.firstChild); + } + + styleElement.appendChild(document.createTextNode(css)); + } +} + +module.exports = styleTagTransform; + +/***/ }), + +/***/ "./src/services/floating-manager/floating-manager.tsx": +/*!************************************************************!*\ + !*** ./src/services/floating-manager/floating-manager.tsx ***! + \************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "FloatingManager": () => (/* binding */ FloatingManager) +/* harmony export */ }); +/* harmony import */ var preact__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! preact */ "preact"); +/* harmony import */ var preact__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(preact__WEBPACK_IMPORTED_MODULE_0__); +/* harmony import */ var _preset_manager_preset_manager__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../preset-manager/preset-manager */ "./src/services/preset-manager/preset-manager.tsx"); +/* harmony import */ var _playkit_js_common_dist_ui_common_player_utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @playkit-js/common/dist/ui-common//player-utils */ "./node_modules/@playkit-js/common/dist/ui-common/player-utils.js"); +/* harmony import */ var _playkit_js_common_dist_ui_common_managed_component__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @playkit-js/common/dist/ui-common/managed-component */ "./node_modules/@playkit-js/common/dist/ui-common/managed-component/index.js"); +/* harmony import */ var _playkit_js_common_dist_ui_common_managed_component__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_playkit_js_common_dist_ui_common_managed_component__WEBPACK_IMPORTED_MODULE_3__); +/* harmony import */ var _ui_floating_item__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./ui/floating-item */ "./src/services/floating-manager/ui/floating-item.tsx"); + + + + + +const presetAreasMapping = { + VideoArea: { + Playback: 'VideoArea', + Live: 'VideoArea' + }, + PresetArea: { + Playback: 'VideoArea', + Live: 'VideoArea' + }, + InteractiveArea: { + Playback: 'VideoArea', + Live: 'VideoArea' + } +}; +class FloatingManager { + constructor(_options) { + this._options = _options; + this._registered = false; + this._items = { + VideoArea: [], + InteractiveArea: [], + PresetArea: [] + }; + this._componentRef = { + InteractiveArea: null, + VideoArea: null, + PresetArea: null + }; + this._cache = { + canvas: { + playerSize: { width: 0, height: 0 }, + videoSize: { width: 0, height: 0 } + } + }; + this._renderItems = (position) => { + const props = this._getRendererProps({}); + return this._items[position].map((item) => item.renderFloatingChild(props)); + }; + this._renderChild = (position) => { + return ((0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(_playkit_js_common_dist_ui_common_managed_component__WEBPACK_IMPORTED_MODULE_3__.ManagedComponent, { label: 'floating-manager', renderChildren: () => this._renderItems(position), isShown: () => true, ref: (ref) => (this._componentRef[position] = ref) })); + }; + this._onTimeUpdate = () => { + this._updateComponents(); + }; + this._onMediaLoaded = () => { + this._updateCachedCanvas(); + this._updateComponents(); + }; + this._onLoadedData = () => { + this._updateCachedCanvas(); + this._updateComponents(); + }; + Object.keys(presetAreasMapping).forEach((presetType) => { + this._options.presetManager.add({ + label: 'floating-manager', + // eslint-disable-next-line @typescript-eslint/ban-ts-comment + // @ts-ignore + presetAreas: presetAreasMapping[presetType], + // eslint-disable-next-line @typescript-eslint/ban-ts-comment + // @ts-ignore + renderChild: () => this._renderChild(FloatingPositions[presetType]) + }); + }); + this._eventManager = _options.eventManager; + this._addPlayerBindings(); + this._updateCachedCanvas(); + } + /** + * initialize new floating ui item + * @param item + */ + //TODO push new item to relevant position array according to its' FloatingPositions value + add(data) { + const { presetManager } = this._options; + const itemOptions = { + // eslint-disable-next-line @typescript-eslint/ban-ts-comment + // @ts-ignore + presetManager, + ...this._options, + data + }; + const item = new _ui_floating_item__WEBPACK_IMPORTED_MODULE_4__.FloatingItem(itemOptions); + this._items[data.position].push(item); + return item; + } + remove(item) { + const positionItems = this._items[item.data.position]; + const itemIndex = positionItems.indexOf(item); + if (itemIndex > -1) { + positionItems[itemIndex].destroy(); + positionItems.splice(itemIndex, 1); + } + else { + // console.warn(`couldn't remove ${item} since it wasn't found`); + // TODO + } + } + reset() { + const { kalturaPlayer } = this._options; + const allItems = [...this._items.VideoArea, ...this._items.InteractiveArea, ...this._items.PresetArea]; + allItems.forEach((item) => { + try { + item.destroy(); + } + catch (e) { + // TODO log error + // console.warn(e); + } + }); + this._items.VideoArea = []; + this._items.PresetArea = []; + this._items.InteractiveArea = []; + this._eventManager.unlisten(kalturaPlayer, kalturaPlayer.Event.Core.TIME_UPDATE, this._onTimeUpdate); + this._eventManager.unlisten(kalturaPlayer, kalturaPlayer.Event.Core.MEDIA_LOADED, this._onMediaLoaded); + this._eventManager.unlisten(kalturaPlayer, kalturaPlayer.Event.Core.LOADED_DATA, this._onLoadedData); + } + _getRendererProps(props) { + const { kalturaPlayer } = this._options; + return { + // eslint-disable-next-line @typescript-eslint/ban-ts-comment + // @ts-ignore + currentTime: typeof props.currentTime !== 'undefined' ? props.currentTime : kalturaPlayer.currentTime * 1000, + canvas: this._cache.canvas + }; + } + _updateCachedCanvas() { + this._cache.canvas = { + playerSize: (0,_playkit_js_common_dist_ui_common_player_utils__WEBPACK_IMPORTED_MODULE_2__.getPlayerSize)(this._options.kalturaPlayer), + videoSize: (0,_playkit_js_common_dist_ui_common_player_utils__WEBPACK_IMPORTED_MODULE_2__.getVideoSize)(this._options.kalturaPlayer) + }; + } + _updateComponents() { + if (this._componentRef.InteractiveArea) { + this._componentRef.InteractiveArea.update(); + } + if (this._componentRef.PresetArea) { + this._componentRef.PresetArea.update(); + } + if (this._componentRef.VideoArea) { + this._componentRef.VideoArea.update(); + } + } + _addPlayerBindings() { + const { kalturaPlayer } = this._options; + this._eventManager.listen(kalturaPlayer, kalturaPlayer.Event.Core.TIME_UPDATE, this._onTimeUpdate); + this._eventManager.listen(kalturaPlayer, kalturaPlayer.Event.Core.MEDIA_LOADED, this._onMediaLoaded); + this._eventManager.listen(kalturaPlayer, kalturaPlayer.Event.Core.LOADED_DATA, this._onLoadedData); + this._options.presetManager.on(_preset_manager_preset_manager__WEBPACK_IMPORTED_MODULE_1__.PresetManagerEventTypes.VideoResizeEvent, () => { + this._updateCachedCanvas(); + this._updateComponents(); + }); + this._options.presetManager.on(_preset_manager_preset_manager__WEBPACK_IMPORTED_MODULE_1__.PresetManagerEventTypes.PresetResizeEvent, () => { + this._updateCachedCanvas(); + this._updateComponents(); + }); + } + registerUIComponents() { + if (this._registered) { + return []; + } + this._registered = true; + return this._options.presetManager.registerComponents(); + } +} + + +/***/ }), + +/***/ "./src/services/floating-manager/ui/floating-item.tsx": +/*!************************************************************!*\ + !*** ./src/services/floating-manager/ui/floating-item.tsx ***! + \************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "FloatingItem": () => (/* binding */ FloatingItem) +/* harmony export */ }); +/* harmony import */ var preact__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! preact */ "preact"); +/* harmony import */ var preact__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(preact__WEBPACK_IMPORTED_MODULE_0__); +/* harmony import */ var _playkit_js_common_dist_ui_common_managed_component__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @playkit-js/common/dist/ui-common/managed-component */ "./node_modules/@playkit-js/common/dist/ui-common/managed-component/index.js"); +/* harmony import */ var _playkit_js_common_dist_ui_common_managed_component__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_playkit_js_common_dist_ui_common_managed_component__WEBPACK_IMPORTED_MODULE_1__); + + +class FloatingItem { + constructor(options) { + this._destroyed = false; + this._isShown = false; + this._componentRef = null; + this.remove = () => { + this._isShown = false; + if (!this._componentRef) { + return; + } + this._componentRef.update(); + }; + this.add = () => { + this._isShown = true; + if (!this._componentRef) { + return; + } + this._componentRef.update(); + }; + this.update = () => { + if (!this._componentRef) { + return; + } + this._componentRef.update(); + }; + this._options = options; + this._eventManager = options.eventManager; + this._addPlayerBindings(); + } + get data() { + return this._options.data; + } + /** + * destory the ui item + */ + destroy() { + this._destroyed = true; + this.remove(); + } + renderFloatingChild(props) { + const { label } = this._options.data; + return ((0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(_playkit_js_common_dist_ui_common_managed_component__WEBPACK_IMPORTED_MODULE_1__.ManagedComponent, { label: label, renderChildren: () => this._options.data.renderContent(props), isShown: () => this._isShown, ref: (ref) => { + this._componentRef = ref; + } })); + } + _addPlayerBindings() { + const { kalturaPlayer, data } = this._options; + if (data.mode === 'MediaLoaded') { + this._eventManager.listenOnce(kalturaPlayer, kalturaPlayer.Event.Core.MEDIA_LOADED, this.add); + // kalturaPlayer.addEventListener(kalturaPlayer.Event.MEDIA_LOADED, this.add); + } + if (data.mode === 'FirstPlay') { + this._eventManager.listenOnce(kalturaPlayer, kalturaPlayer.Event.Core.FIRST_PLAY, this.add); + } + if (data.mode === 'Immediate') { + this.add(); + } + } +} + + +/***/ }), + +/***/ "./src/services/preset-manager/models/preset-item-data.ts": +/*!****************************************************************!*\ + !*** ./src/services/preset-manager/models/preset-item-data.ts ***! + \****************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "RelativeToTypes": () => (/* binding */ RelativeToTypes), +/* harmony export */ "ReservedPresetAreas": () => (/* binding */ ReservedPresetAreas), +/* harmony export */ "ReservedPresetNames": () => (/* binding */ ReservedPresetNames) +/* harmony export */ }); +var ReservedPresetNames; +(function (ReservedPresetNames) { + ReservedPresetNames["Playback"] = "Playback"; + ReservedPresetNames["Live"] = "Live"; +})(ReservedPresetNames || (ReservedPresetNames = {})); +var ReservedPresetAreas; +(function (ReservedPresetAreas) { + ReservedPresetAreas["PresetFloating"] = "PresetFloating"; + ReservedPresetAreas["BottomBarLeftControls"] = "BottomBarLeftControls"; + ReservedPresetAreas["BottomBarRightControls"] = "BottomBarRightControls"; + ReservedPresetAreas["TopBarLeftControls"] = "TopBarLeftControls"; + ReservedPresetAreas["TopBarRightControls"] = "TopBarRightControls"; + ReservedPresetAreas["SidePanelTop"] = "SidePanelTop"; + ReservedPresetAreas["SidePanelLeft"] = "SidePanelLeft"; + ReservedPresetAreas["SidePanelRight"] = "SidePanelRight"; + ReservedPresetAreas["SidePanelBottom"] = "SidePanelBottom"; + ReservedPresetAreas["PresetArea"] = "PresetArea"; + ReservedPresetAreas["InteractiveArea"] = "InteractiveArea"; + ReservedPresetAreas["PlayerArea"] = "PlayerArea"; + ReservedPresetAreas["VideoArea"] = "VideoArea"; +})(ReservedPresetAreas || (ReservedPresetAreas = {})); +var RelativeToTypes; +(function (RelativeToTypes) { + RelativeToTypes["Before"] = "Before"; + RelativeToTypes["After"] = "After"; + RelativeToTypes["Replace"] = "Replace"; +})(RelativeToTypes || (RelativeToTypes = {})); + + +/***/ }), + +/***/ "./src/services/preset-manager/preset-manager.tsx": +/*!********************************************************!*\ + !*** ./src/services/preset-manager/preset-manager.tsx ***! + \********************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "PresetManager": () => (/* binding */ PresetManager), +/* harmony export */ "PresetManagerEventTypes": () => (/* binding */ PresetManagerEventTypes) +/* harmony export */ }); +/* harmony import */ var preact__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! preact */ "preact"); +/* harmony import */ var preact__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(preact__WEBPACK_IMPORTED_MODULE_0__); +/* harmony import */ var _playkit_js_common_dist_ui_common_events_manager__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @playkit-js/common/dist/ui-common/events-manager */ "./node_modules/@playkit-js/common/dist/ui-common/events-manager.js"); +/* harmony import */ var _ui_player_adapter__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./ui-player-adapter */ "./src/services/preset-manager/ui-player-adapter.ts"); +/* harmony import */ var _ui_preset_item__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./ui/preset-item */ "./src/services/preset-manager/ui/preset-item.tsx"); + + + + +var PresetManagerEventTypes; +(function (PresetManagerEventTypes) { + PresetManagerEventTypes["PresetResizeEvent"] = "PresetResizeEvent"; + PresetManagerEventTypes["VideoResizeEvent"] = "VideoResizeEvent"; +})(PresetManagerEventTypes || (PresetManagerEventTypes = {})); +class PresetManager { + constructor(options) { + this._events = new _playkit_js_common_dist_ui_common_events_manager__WEBPACK_IMPORTED_MODULE_1__.EventsManager(); + this._items = []; + this._pendingItems = []; + this._registerToPlayer = () => { + this._eventManager.listen(this._kalturaPlayer, this._kalturaPlayer.Event.UI.UI_PRESET_RESIZE, this._notifyUIPresetResize); + this._eventManager.listen(this._kalturaPlayer, this._kalturaPlayer.Event.UI.VIDEO_RESIZE, this._notifyVideoResize); + }; + this._notifyVideoResize = () => { + this._events.emit({ + type: PresetManagerEventTypes.VideoResizeEvent + }); + }; + this._notifyUIPresetResize = () => { + this._events.emit({ + type: PresetManagerEventTypes.PresetResizeEvent + }); + }; + this._unregisterToPlayer = () => { + this._eventManager.unlisten(this._kalturaPlayer, this._kalturaPlayer.Event.UI.UI_PRESET_RESIZE, this._notifyUIPresetResize); + this._eventManager.unlisten(this._kalturaPlayer, this._kalturaPlayer.Event.UI.VIDEO_RESIZE, this._notifyVideoResize); + }; + this.on = this._events.on.bind(this._events); + this.off = this._events.off.bind(this._events); + this.add({ + label: 'preset-manager', + presetAreas: { Playback: 'PlayerArea', Live: 'PlayerArea' }, + renderChild: () => ((0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(_ui_player_adapter__WEBPACK_IMPORTED_MODULE_2__.UIPlayerAdapter, { player: options.kalturaPlayer, onMount: this._registerToPlayer, onUnmount: this._unregisterToPlayer })) + }); + this._eventManager = options.eventManager; + this._kalturaPlayer = options.kalturaPlayer; + } + add(data) { + const component = new _ui_preset_item__WEBPACK_IMPORTED_MODULE_3__.PresetItem({ + kalturaPlayer: this._kalturaPlayer, + data + }); + this._pendingItems.push(component); + } + registerComponents() { + let configs = []; + this._pendingItems.forEach((item) => { + configs = [...configs, ...item.playerConfig]; + }); + this._items = [...this._items, ...this._pendingItems]; + this._pendingItems = []; + return configs.filter(Boolean); + } +} + + +/***/ }), + +/***/ "./src/services/preset-manager/ui-player-adapter.ts": +/*!**********************************************************!*\ + !*** ./src/services/preset-manager/ui-player-adapter.ts ***! + \**********************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "UIPlayerAdapter": () => (/* binding */ UIPlayerAdapter) +/* harmony export */ }); +/* harmony import */ var preact__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! preact */ "preact"); +/* harmony import */ var preact__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(preact__WEBPACK_IMPORTED_MODULE_0__); + +class UIPlayerAdapter extends preact__WEBPACK_IMPORTED_MODULE_0__.Component { + componentDidMount() { + this.props.onMount(this.props.player); + } + componentWillUnmount() { + this.props.onUnmount(this.props.player); + } + render() { + return null; + } +} +UIPlayerAdapter.defaultProps = { + player: null +}; + + +/***/ }), + +/***/ "./src/services/preset-manager/ui/preset-item.tsx": +/*!********************************************************!*\ + !*** ./src/services/preset-manager/ui/preset-item.tsx ***! + \********************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "PresetItem": () => (/* binding */ PresetItem) +/* harmony export */ }); +/* harmony import */ var preact__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! preact */ "preact"); +/* harmony import */ var preact__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(preact__WEBPACK_IMPORTED_MODULE_0__); +/* harmony import */ var _models_preset_item_data__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../models/preset-item-data */ "./src/services/preset-manager/models/preset-item-data.ts"); +/* harmony import */ var _playkit_js_common_dist_ui_common_injected_component__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @playkit-js/common/dist/ui-common//injected-component */ "./node_modules/@playkit-js/common/dist/ui-common/injected-component/index.js"); + + + +class PresetItem { + constructor(options) { + this._render = () => { + if (this._options.data.isolateComponent) { + const { data: { label, fillContainer } } = this._options; + return ((0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(_playkit_js_common_dist_ui_common_injected_component__WEBPACK_IMPORTED_MODULE_2__.InjectedComponent, { label: label, fillContainer: fillContainer || false, onCreate: this._onCreate, onDestroy: this._onDestroy })); + } + return this._options.data.renderChild(); + }; + this._onDestroy = (options) => { + // TODO sakal handle destroy + if (!options.parent) { + return; + } + (0,preact__WEBPACK_IMPORTED_MODULE_0__.render)(null, options.parent); + }; + this._onCreate = (options) => { + try { + if (!options.parent) { + return; + } + const child = this._options.data.renderChild(); + if (!child) { + return; + } + (0,preact__WEBPACK_IMPORTED_MODULE_0__.render)(child, options.parent); + } + catch (error) { + // TODO + } + }; + this._options = options; + } + get playerConfig() { + const configs = []; + for (const presetType in this._options.data.presetAreas) { + const presetContainer = this._options.data.presetAreas[presetType]; + const { relativeTo } = this._options.data; + if (!presetContainer) { + continue; + } + const result = { + label: this._options.data.label, + presets: [presetType], + container: presetContainer, + // eslint-disable-next-line @typescript-eslint/ban-ts-comment + // @ts-ignore + get: this._render + }; + if (relativeTo) { + switch (relativeTo.type) { + case _models_preset_item_data__WEBPACK_IMPORTED_MODULE_1__.RelativeToTypes.After: + result['afterComponent'] = relativeTo.name; + break; + case _models_preset_item_data__WEBPACK_IMPORTED_MODULE_1__.RelativeToTypes.Before: + result['beforeComponent'] = relativeTo.name; + break; + case _models_preset_item_data__WEBPACK_IMPORTED_MODULE_1__.RelativeToTypes.Replace: + result['replaceComponent'] = relativeTo.name; + break; + } + } + configs.push(result); + } + return configs; + } +} + + +/***/ }), + +/***/ "./src/services/side-panels-manager/models/item-wrapper.tsx": +/*!******************************************************************!*\ + !*** ./src/services/side-panels-manager/models/item-wrapper.tsx ***! + \******************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "ItemWrapper": () => (/* binding */ ItemWrapper) +/* harmony export */ }); +/* harmony import */ var preact__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! preact */ "preact"); +/* harmony import */ var preact__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(preact__WEBPACK_IMPORTED_MODULE_0__); +/* harmony import */ var _ui_panel_item_wrapper_panel_item_wrapper_component__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../ui/panel-item-wrapper/panel-item-wrapper.component */ "./src/services/side-panels-manager/ui/panel-item-wrapper/panel-item-wrapper.component.tsx"); + + +/** + * Panel item metadata + * @internal + */ +class ItemWrapper { + constructor(item, player, onClick) { + this.id = ++ItemWrapper.nextId; + this.item = item; + this.player = player; + this.upperBarManager = this.player.getService('upperBarManager'); + this.isActive = false; + this.injectPanelComponent(); + if (item.iconComponent) { + const itemId = this.id; + this.iconId = this.upperBarManager.add({ + label: this.item.label, + svgIcon: this.item.iconComponent.svgIcon, + onClick: () => onClick(itemId), + component: this.item.iconComponent.component + }); + } + } + activate() { + if (this.panelItemComponentRef.current) { + this.panelItemComponentRef.current.on(); + this.item.onActivate?.(); + this.isActive = true; + } + else { + setTimeout(() => this.activate()); + } + } + deactivate(switchMode = false) { + this.panelItemComponentRef.current.off(switchMode); + this.item.onDeactivate?.(); + this.isActive = false; + } + remove() { + this.removePanelComponentFn(); + if (this.item.iconComponent?.component) + this.upperBarManager.remove(this.iconId); + } + update() { + this.panelItemComponentRef.current.forceUpdate(); + } + injectPanelComponent() { + const { label, position, panelComponent, presets } = this.item; + const SidePanelComponent = panelComponent; + const componentRef = (0,preact__WEBPACK_IMPORTED_MODULE_0__.createRef)(); + this.panelItemComponentRef = componentRef; + this.removePanelComponentFn = this.player.ui.addComponent({ + label: `Side-panel-${position}-${label}`, + presets, + area: ItemWrapper.getPanelArea(position), + get: () => { + return ((0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(_ui_panel_item_wrapper_panel_item_wrapper_component__WEBPACK_IMPORTED_MODULE_1__.PanelItemWrapper, { ref: componentRef }, + (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(SidePanelComponent, { isActive: this.isActive }))); + } + }); + } + static getPanelArea(position) { + return `SidePanel${position.charAt(0).toUpperCase()}${position.slice(1)}`; + } +} +ItemWrapper.nextId = 0; + + +/***/ }), + +/***/ "./src/services/side-panels-manager/side-panels-manager.ts": +/*!*****************************************************************!*\ + !*** ./src/services/side-panels-manager/side-panels-manager.ts ***! + \*****************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "SidePanelsManager": () => (/* binding */ SidePanelsManager) +/* harmony export */ }); +/* harmony import */ var _playkit_js_kaltura_player_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @playkit-js/kaltura-player-js */ "@playkit-js/kaltura-player-js"); +/* harmony import */ var _playkit_js_kaltura_player_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_playkit_js_kaltura_player_js__WEBPACK_IMPORTED_MODULE_0__); +/* harmony import */ var _models_item_wrapper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./models/item-wrapper */ "./src/services/side-panels-manager/models/item-wrapper.tsx"); + + +const { SidePanelModes, SidePanelPositions, ReservedPresetNames } = _playkit_js_kaltura_player_js__WEBPACK_IMPORTED_MODULE_0__.ui; +const COUNTER_PANELS = { + [SidePanelPositions.TOP]: SidePanelPositions.BOTTOM, + [SidePanelPositions.BOTTOM]: SidePanelPositions.TOP, + [SidePanelPositions.RIGHT]: SidePanelPositions.LEFT, + [SidePanelPositions.LEFT]: SidePanelPositions.RIGHT +}; +class SidePanelsManager { + /** + * @ignore + */ + constructor(player, logger) { + this.player = player; + this.activePanels = { top: null, bottom: null, right: null, left: null }; + this.componentsRegistry = new Map(); + this.logger = logger; + } + add(item) { + if (SidePanelsManager.validateItem(item)) { + const newItemWrapper = new _models_item_wrapper__WEBPACK_IMPORTED_MODULE_1__.ItemWrapper(item, this.player, (id) => this.toggle(id)); + this.componentsRegistry.set(newItemWrapper.id, newItemWrapper); + this.logger.debug('New Panel Item Added', item); + return newItemWrapper.id; + } + this.logger.warn('Invalid SidePanelItem parameters', item); + } + remove(itemId) { + const itemWrapper = this.componentsRegistry.get(itemId); + if (itemWrapper) { + if (this.isItemActive(itemId)) + this.deactivateItem(itemId); + itemWrapper.remove(); + this.componentsRegistry.delete(itemId); + } + else { + this.logger.warn(`${itemId} is not registered`); + } + } + activateItem(itemId) { + const itemWrapper = this.componentsRegistry.get(itemId); + if (itemWrapper) { + const { position, expandMode } = itemWrapper.item; + // Trying to activate an already active item + if (this.isItemActive(itemId)) + return; + // Switch between items if currently there is an active one (without collapsing / expanding PS) + const previousItemWrapper = this.activePanels[position]; + if (previousItemWrapper !== null) { + previousItemWrapper.deactivate(true); + } + // Deactivate the counter panel if is active + const counterPosition = SidePanelsManager.getCounterPanelPosition(position); + if (this.activePanels[counterPosition]) { + this.deactivateItem(this.activePanels[counterPosition].id); + } + // Update new item as active + itemWrapper.activate(); + this.expand(position, expandMode); + this.activePanels[position] = itemWrapper; + } + else { + this.logger.warn(`${itemId} is not registered`); + } + } + deactivateItem(itemId) { + const itemWrapper = this.componentsRegistry.get(itemId); + if (itemWrapper) { + if (!this.isItemActive(itemId)) + return; + const { position } = itemWrapper.item; + itemWrapper.deactivate(); + this.collapse(position); + this.activePanels[position] = null; + } + else { + this.logger.warn(`${itemId} is not registered`); + } + } + isItemActive(itemId) { + const itemWrapper = this.componentsRegistry.get(itemId); + if (itemWrapper) { + return this.activePanels[itemWrapper.item.position]?.id === itemId; + } + this.logger.warn(`${itemId} is not registered`); + return false; + } + /** + * Rerender (uses preact Component.forceUpdate api under the hoods) the side panel item component + * It's just for backward compatibility you should not use it. + */ + update(itemId) { + const itemWrapper = this.componentsRegistry.get(itemId); + if (itemWrapper) { + itemWrapper.update(); + } + else { + this.logger.warn(`${itemId} is not registered`); + } + } + /** + * @ignore + */ + reset() { + this.logger.debug('reset'); + } + /** + * @ignore + */ + destroy() { + this.logger.debug('destroy'); + this.removeAllItems(); + } + removeAllItems() { + for (const value of this.componentsRegistry.values()) { + this.remove(value.id); + } + } + toggle(itemId) { + if (this.isItemActive(itemId)) { + this.deactivateItem(itemId); + } + else { + this.activateItem(itemId); + } + } + expand(position, expandMode) { + this.player.ui.store.dispatch(_playkit_js_kaltura_player_js__WEBPACK_IMPORTED_MODULE_0__.ui.reducers.shell.actions.updateSidePanelMode(position, expandMode)); + } + collapse(position) { + this.player.ui.store.dispatch(_playkit_js_kaltura_player_js__WEBPACK_IMPORTED_MODULE_0__.ui.reducers.shell.actions.updateSidePanelMode(position, SidePanelModes.HIDDEN)); + } + static getCounterPanelPosition(position) { + return COUNTER_PANELS[position]; + } + static validateItem(item) { + const { label, panelComponent, iconComponent, position, expandMode, onActivate, onDeactivate, presets } = item; + return !!(label && + Object.values(SidePanelPositions).includes(position) && + Object.values(SidePanelModes).includes(expandMode) && + presets.every((preset) => Object.values(ReservedPresetNames).includes(preset)) && + typeof panelComponent === 'function' && + ((typeof iconComponent?.component === 'function' && typeof iconComponent?.svgIcon.path === 'string') || + iconComponent === undefined) && + (typeof onActivate === 'function' || onActivate === undefined) && + (typeof onDeactivate === 'function' || onDeactivate === undefined)); + } +} + + +/***/ }), + +/***/ "./src/services/side-panels-manager/ui/panel-item-wrapper/panel-item-wrapper.component.tsx": +/*!*************************************************************************************************!*\ + !*** ./src/services/side-panels-manager/ui/panel-item-wrapper/panel-item-wrapper.component.tsx ***! + \*************************************************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "PanelItemWrapper": () => (/* binding */ PanelItemWrapper) +/* harmony export */ }); +/* harmony import */ var preact__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! preact */ "preact"); +/* harmony import */ var preact__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(preact__WEBPACK_IMPORTED_MODULE_0__); +/* harmony import */ var _panel_item_wrapper_component_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./panel-item-wrapper.component.scss */ "./src/services/side-panels-manager/ui/panel-item-wrapper/panel-item-wrapper.component.scss"); +/* harmony import */ var _playkit_js_kaltura_player_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @playkit-js/kaltura-player-js */ "@playkit-js/kaltura-player-js"); +/* harmony import */ var _playkit_js_kaltura_player_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_playkit_js_kaltura_player_js__WEBPACK_IMPORTED_MODULE_2__); + + + +const { defaultTransitionTime } = _playkit_js_kaltura_player_js__WEBPACK_IMPORTED_MODULE_2__.ui.style; +/** + * PanelItemWrapper component + * @internal + */ +class PanelItemWrapper extends preact__WEBPACK_IMPORTED_MODULE_0__.Component { + constructor() { + super(); + this.state = { on: false }; + this.switchMode = false; + } + on() { + this.setState({ on: true }); + } + off(switchMode) { + this.switchMode = switchMode; + this.setState({ on: false }); + } + render() { + return ((0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", { className: [_panel_item_wrapper_component_scss__WEBPACK_IMPORTED_MODULE_1__.sidePanelWrapper, this.state.on ? _panel_item_wrapper_component_scss__WEBPACK_IMPORTED_MODULE_1__.activeState : ''].join(' '), style: !this.state.on && !this.switchMode ? { transition: `visibility ${defaultTransitionTime}ms` } : '' }, (0,preact__WEBPACK_IMPORTED_MODULE_0__.cloneElement)(this.props.children))); + } +} + + +/***/ }), + +/***/ "./src/services/upper-bar-manager/models/icon-model.ts": +/*!*************************************************************!*\ + !*** ./src/services/upper-bar-manager/models/icon-model.ts ***! + \*************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "IconModel": () => (/* binding */ IconModel) +/* harmony export */ }); +/* harmony import */ var preact__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! preact */ "preact"); +/* harmony import */ var preact__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(preact__WEBPACK_IMPORTED_MODULE_0__); +/* harmony import */ var _playkit_js_kaltura_player_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @playkit-js/kaltura-player-js */ "@playkit-js/kaltura-player-js"); +/* harmony import */ var _playkit_js_kaltura_player_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_playkit_js_kaltura_player_js__WEBPACK_IMPORTED_MODULE_1__); + + +const { ReservedPresetNames } = _playkit_js_kaltura_player_js__WEBPACK_IMPORTED_MODULE_1__.ui; +class IconModel { + constructor(item) { + this.id = ++IconModel.nextId; + this.label = item.label; + this.component = item.component; + this.svgIcon = item.svgIcon; + this.onClick = item.onClick; + this.componentRef = (0,preact__WEBPACK_IMPORTED_MODULE_0__.createRef)(); + this.presets = + item.presets && item.presets.length > 0 ? item.presets : [ReservedPresetNames.Playback, ReservedPresetNames.Live]; + } + update() { + this.componentRef.current.forceUpdate(); + } +} +IconModel.nextId = 0; + + +/***/ }), + +/***/ "./src/services/upper-bar-manager/ui/displayed-bar/displayed-bar.component.tsx": +/*!*************************************************************************************!*\ + !*** ./src/services/upper-bar-manager/ui/displayed-bar/displayed-bar.component.tsx ***! + \*************************************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "DisplayedBar": () => (/* binding */ DisplayedBar) +/* harmony export */ }); +/* harmony import */ var preact__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! preact */ "preact"); +/* harmony import */ var preact__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(preact__WEBPACK_IMPORTED_MODULE_0__); +/* harmony import */ var _icon_wrapper_icon_wrapper_component__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../icon-wrapper/icon-wrapper.component */ "./src/services/upper-bar-manager/ui/icon-wrapper/icon-wrapper.component.tsx"); +/* harmony import */ var _displayed_bar_component_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./displayed-bar.component.scss */ "./src/services/upper-bar-manager/ui/displayed-bar/displayed-bar.component.scss"); +/* harmony import */ var _playkit_js_kaltura_player_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @playkit-js/kaltura-player-js */ "@playkit-js/kaltura-player-js"); +/* harmony import */ var _playkit_js_kaltura_player_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_playkit_js_kaltura_player_js__WEBPACK_IMPORTED_MODULE_3__); +/* harmony import */ var _more_icon_more_icon_component__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../more-icon/more-icon.component */ "./src/services/upper-bar-manager/ui/more-icon/more-icon.component.tsx"); +var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) { + var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d; + if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc); + else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r; + return c > 3 && r && Object.defineProperty(target, key, r), r; +}; + + + + + +const { PLAYER_SIZE } = _playkit_js_kaltura_player_js__WEBPACK_IMPORTED_MODULE_3__.ui.Components; +const { connect } = _playkit_js_kaltura_player_js__WEBPACK_IMPORTED_MODULE_3__.ui.redux; +// eslint-disable-next-line @typescript-eslint/explicit-function-return-type,@typescript-eslint/ban-ts-comment +// @ts-ignore +// eslint-disable-next-line @typescript-eslint/explicit-function-return-type +const mapStateToProps = (state) => ({ + playerSize: state.shell.playerSize +}); +// eslint-disable-next-line @typescript-eslint/ban-ts-comment +// @ts-ignore +let DisplayedBar = class DisplayedBar extends preact__WEBPACK_IMPORTED_MODULE_0__.Component { + constructor() { + super(); + this.handleOnClick = () => { + this.setState((prevState) => ({ showDropdown: !prevState.showDropdown })); + }; + this.update = () => { + this.forceUpdate(); + }; + this.state = { showDropdown: false }; + } + closeDropdown() { + this.setState({ showDropdown: false }); + } + splitControlsIntoDisplayedAndDropdown() { + switch (this.props.playerSize) { + case PLAYER_SIZE.TINY: + return { displayedControls: [], dropdownControls: [] }; + case PLAYER_SIZE.EXTRA_SMALL: + case PLAYER_SIZE.SMALL: + return this.splitControls(2); + default: + return this.splitControls(4); + } + } + splitControls(numberOfDisplayedIcon) { + let displayedControls; + let dropdownControls; + const controls = this.props.getControls(); + if (controls.length > numberOfDisplayedIcon + 1) { + displayedControls = controls.slice(0, numberOfDisplayedIcon); + dropdownControls = controls.slice(numberOfDisplayedIcon); + } + else { + displayedControls = controls; + dropdownControls = []; + } + return { displayedControls, dropdownControls }; + } + render() { + const { displayedControls, dropdownControls } = this.splitControlsIntoDisplayedAndDropdown(); + return ((0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", { className: _displayed_bar_component_scss__WEBPACK_IMPORTED_MODULE_2__.rightUpperBarWrapperContainer }, + displayedControls.map(({ id, component, onClick, componentRef }) => { + const IconWrapperComponent = component; + return ((0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(_icon_wrapper_icon_wrapper_component__WEBPACK_IMPORTED_MODULE_1__.IconWrapper, { key: id, onClick: (...e) => { + onClick(...e); + this.closeDropdown(); + }, ref: componentRef }, + (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(IconWrapperComponent, null))); + }), + dropdownControls.length > 0 && ((0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(_more_icon_more_icon_component__WEBPACK_IMPORTED_MODULE_4__.MoreIcon, { showDropdown: this.state.showDropdown, onClick: this.handleOnClick, icons: dropdownControls })))); + } +}; +DisplayedBar = __decorate([ + connect(mapStateToProps, null, null, { forwardRef: true }) +], DisplayedBar); + + + +/***/ }), + +/***/ "./src/services/upper-bar-manager/ui/dropdown-bar/dropdown-bar.component.tsx": +/*!***********************************************************************************!*\ + !*** ./src/services/upper-bar-manager/ui/dropdown-bar/dropdown-bar.component.tsx ***! + \***********************************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "DropdownBar": () => (/* binding */ DropdownBar) +/* harmony export */ }); +/* harmony import */ var preact__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! preact */ "preact"); +/* harmony import */ var preact__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(preact__WEBPACK_IMPORTED_MODULE_0__); +/* harmony import */ var _dropdown_bar_component_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./dropdown-bar.component.scss */ "./src/services/upper-bar-manager/ui/dropdown-bar/dropdown-bar.component.scss"); +/* harmony import */ var _playkit_js_kaltura_player_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @playkit-js/kaltura-player-js */ "@playkit-js/kaltura-player-js"); +/* harmony import */ var _playkit_js_kaltura_player_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_playkit_js_kaltura_player_js__WEBPACK_IMPORTED_MODULE_2__); +/* harmony import */ var _playkit_js_common_dist_hoc_a11y_wrapper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @playkit-js/common/dist/hoc/a11y-wrapper */ "./node_modules/@playkit-js/common/dist/hoc/a11y-wrapper/index.js"); + + + + +const { Icon } = _playkit_js_kaltura_player_js__WEBPACK_IMPORTED_MODULE_2__.ui.Components; +class DropdownBar extends preact__WEBPACK_IMPORTED_MODULE_0__.Component { + render() { + return ((0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", { className: _dropdown_bar_component_scss__WEBPACK_IMPORTED_MODULE_1__.moreDropdown, role: "menu", "aria-expanded": "true" }, this.props.controls.map(({ id, label, svgIcon, onClick }) => { + return ((0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(preact__WEBPACK_IMPORTED_MODULE_0__.Fragment, { key: id }, + (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(_playkit_js_common_dist_hoc_a11y_wrapper__WEBPACK_IMPORTED_MODULE_3__.A11yWrapper, { onClick: (e) => { + onClick(e); + this.props.onDropdownClick(); + }, role: "menuitem" }, + (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", { className: _dropdown_bar_component_scss__WEBPACK_IMPORTED_MODULE_1__.dropdownItem, tabIndex: 0, "aria-label": label }, + (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", { className: _dropdown_bar_component_scss__WEBPACK_IMPORTED_MODULE_1__.icon }, + (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(Icon, { id: `icon${id}`, path: svgIcon.path, viewBox: svgIcon.viewBox })), + (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("span", { className: _dropdown_bar_component_scss__WEBPACK_IMPORTED_MODULE_1__.dropdownItemDescription }, label))))); + }))); + } +} + + +/***/ }), + +/***/ "./src/services/upper-bar-manager/ui/icon-wrapper/icon-wrapper.component.tsx": +/*!***********************************************************************************!*\ + !*** ./src/services/upper-bar-manager/ui/icon-wrapper/icon-wrapper.component.tsx ***! + \***********************************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "IconWrapper": () => (/* binding */ IconWrapper) +/* harmony export */ }); +/* harmony import */ var preact__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! preact */ "preact"); +/* harmony import */ var preact__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(preact__WEBPACK_IMPORTED_MODULE_0__); +/* harmony import */ var _playkit_js_common_dist_hoc_a11y_wrapper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @playkit-js/common/dist/hoc/a11y-wrapper */ "./node_modules/@playkit-js/common/dist/hoc/a11y-wrapper/index.js"); + + +class IconWrapper extends preact__WEBPACK_IMPORTED_MODULE_0__.Component { + render() { + return ((0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(_playkit_js_common_dist_hoc_a11y_wrapper__WEBPACK_IMPORTED_MODULE_1__.A11yWrapper, { role: "generic", onClick: this.props.onClick }, + (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", null, (0,preact__WEBPACK_IMPORTED_MODULE_0__.cloneElement)(this.props.children)))); + } +} + + +/***/ }), + +/***/ "./src/services/upper-bar-manager/ui/more-icon/more-icon.component.tsx": +/*!*****************************************************************************!*\ + !*** ./src/services/upper-bar-manager/ui/more-icon/more-icon.component.tsx ***! + \*****************************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "MoreIcon": () => (/* binding */ MoreIcon) +/* harmony export */ }); +/* harmony import */ var preact__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! preact */ "preact"); +/* harmony import */ var preact__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(preact__WEBPACK_IMPORTED_MODULE_0__); +/* harmony import */ var _playkit_js_common_dist_hoc_a11y_wrapper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @playkit-js/common/dist/hoc/a11y-wrapper */ "./node_modules/@playkit-js/common/dist/hoc/a11y-wrapper/index.js"); +/* harmony import */ var _playkit_js_kaltura_player_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @playkit-js/kaltura-player-js */ "@playkit-js/kaltura-player-js"); +/* harmony import */ var _playkit_js_kaltura_player_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_playkit_js_kaltura_player_js__WEBPACK_IMPORTED_MODULE_2__); +/* harmony import */ var _more_icon_component_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./more-icon.component.scss */ "./src/services/upper-bar-manager/ui/more-icon/more-icon.component.scss"); +/* harmony import */ var _dropdown_bar_dropdown_bar_component__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../dropdown-bar/dropdown-bar.component */ "./src/services/upper-bar-manager/ui/dropdown-bar/dropdown-bar.component.tsx"); +/* harmony import */ var _ui_managers__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../ui-managers */ "./src/ui-managers.ts"); +var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) { + var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d; + if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc); + else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r; + return c > 3 && r && Object.defineProperty(target, key, r), r; +}; + + + + + + +const { Icon, Tooltip } = _playkit_js_kaltura_player_js__WEBPACK_IMPORTED_MODULE_2__.ui.Components; +const { withEventManager } = _playkit_js_kaltura_player_js__WEBPACK_IMPORTED_MODULE_2__.ui.Event; +const { withText, Text } = _playkit_js_kaltura_player_js__WEBPACK_IMPORTED_MODULE_2__.ui.preacti18n; +const ICON_PATH = +// eslint-disable-next-line max-len +'M16 22a3 3 0 1 1 0 6 3 3 0 0 1 0-6zm0 2a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm0-11a3 3 0 1 1 0 6 3 3 0 0 1 0-6zm0 2a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm0-11a3 3 0 1 1 0 6 3 3 0 0 1 0-6zm0 2a1 1 0 1 0 0 2 1 1 0 0 0 0-2z'; +let MoreIcon = class MoreIcon extends preact__WEBPACK_IMPORTED_MODULE_0__.Component { + constructor() { + super(); + this.moreButtonRef = (0,preact__WEBPACK_IMPORTED_MODULE_0__.createRef)(); + } + componentDidMount() { + this.props.eventManager.listen(document, 'click', (e) => this.handleClickOutside(e)); + } + handleClickOutside(event) { + if (this.moreButtonRef && !this.moreButtonRef.current.contains(event.target)) { + this.setState({ toggle: false }); + } + } + render() { + return ((0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", { style: { position: 'relative' } }, + (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(Tooltip, { label: this.props.moreIconTxt }, + (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(_playkit_js_common_dist_hoc_a11y_wrapper__WEBPACK_IMPORTED_MODULE_1__.A11yWrapper, { onClick: this.props.onClick }, + (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("button", { ref: this.moreButtonRef, className: `${_playkit_js_kaltura_player_js__WEBPACK_IMPORTED_MODULE_2__.ui.style.upperBarIcon} ${_more_icon_component_scss__WEBPACK_IMPORTED_MODULE_3__.moreIcon}`, tabIndex: 0, "aria-label": this.props.moreIconTxt }, + (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(Icon, { id: `${_ui_managers__WEBPACK_IMPORTED_MODULE_5__.pluginName}-upper-bar-manager`, path: ICON_PATH, viewBox: '0 0 32 32' })))), + this.props.showDropdown && ((0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", null, + (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(_dropdown_bar_dropdown_bar_component__WEBPACK_IMPORTED_MODULE_4__.DropdownBar, { onDropdownClick: this.props.onClick, controls: this.props.icons }))))); + } +}; +MoreIcon = __decorate([ + withEventManager, + withText({ moreIconTxt: (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(Text, { id: "controls.moreIcon" }, "More") }) +], MoreIcon); + + + +/***/ }), + +/***/ "./src/services/upper-bar-manager/upper-bar-manager.tsx": +/*!**************************************************************!*\ + !*** ./src/services/upper-bar-manager/upper-bar-manager.tsx ***! + \**************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "UpperBarManager": () => (/* binding */ UpperBarManager) +/* harmony export */ }); +/* harmony import */ var _playkit_js_kaltura_player_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @playkit-js/kaltura-player-js */ "@playkit-js/kaltura-player-js"); +/* harmony import */ var _playkit_js_kaltura_player_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_playkit_js_kaltura_player_js__WEBPACK_IMPORTED_MODULE_0__); +/* harmony import */ var _models_icon_model__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./models/icon-model */ "./src/services/upper-bar-manager/models/icon-model.ts"); +/* harmony import */ var preact__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! preact */ "preact"); +/* harmony import */ var preact__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(preact__WEBPACK_IMPORTED_MODULE_2__); +/* harmony import */ var _ui_displayed_bar_displayed_bar_component__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./ui/displayed-bar/displayed-bar.component */ "./src/services/upper-bar-manager/ui/displayed-bar/displayed-bar.component.tsx"); + + + + +const { ReservedPresetAreas, ReservedPresetNames } = _playkit_js_kaltura_player_js__WEBPACK_IMPORTED_MODULE_0__.ui; +const UPPER_BAR_PRESETS = Object.values(ReservedPresetNames).filter((preset) => preset !== ReservedPresetNames.Idle && preset !== ReservedPresetNames.Error); +class UpperBarManager { + /** + * @ignore + */ + constructor(player, logger, config) { + this.player = player; + this.componentsRegistry = new Map(); + this.logger = logger; + this.displayedBarComponentRefs = {}; + UPPER_BAR_PRESETS.forEach((preset) => (this.displayedBarComponentRefs[preset] = (0,preact__WEBPACK_IMPORTED_MODULE_2__.createRef)())); + this.injectDisplayedBarComponentWrapper(config.pluginsIconsOrder); + } + add(icon) { + if (UpperBarManager.validateItem(icon)) { + const newIcon = new _models_icon_model__WEBPACK_IMPORTED_MODULE_1__.IconModel(icon); + this.componentsRegistry.set(newIcon.id, newIcon); + newIcon.presets.forEach((preset) => this.displayedBarComponentRefs[preset].current?.update()); + this.logger.debug(`Icon Id: '${newIcon.id}' '${newIcon.label}' added`); + return newIcon.id; + } + this.logger.warn('Invalid Icon parameters', icon); + return undefined; + } + remove(itemId) { + const icon = this.componentsRegistry.get(itemId); + if (icon) { + this.componentsRegistry.delete(itemId); + icon.presets.forEach((preset) => this.displayedBarComponentRefs[preset].current?.update()); + this.logger.debug(`Icon Id: '${icon.id}' Label: '${icon.label}' removed`); + } + else { + this.logger.warn(`${itemId} is not registered`); + } + } + isActive(itemId) { + return !!this.componentsRegistry.get(itemId); + } + update(iconId) { + const icon = this.componentsRegistry.get(iconId); + if (icon) { + icon.update(); + } + else { + this.logger.warn(`${iconId} is not registered`); + } + } + getControls(iconsOrder) { + const icons = Array.from(this.componentsRegistry.values()); + return icons.sort((a, b) => (iconsOrder[a.label] > iconsOrder[b.label] ? 1 : -1)); + } + injectDisplayedBarComponentWrapper(iconsOrder) { + for (const preset of UPPER_BAR_PRESETS) { + this.player.ui.addComponent({ + label: 'Right-Upper-Bar-Wrapper', + presets: [preset], + area: ReservedPresetAreas.TopBarRightControls, + get: () => { + return ((0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(_ui_displayed_bar_displayed_bar_component__WEBPACK_IMPORTED_MODULE_3__.DisplayedBar, { ref: this.displayedBarComponentRefs[preset], getControls: () => this.getControls(iconsOrder).filter((icon) => icon.presets.includes(preset)) })); + } + }); + } + } + static validateItem(icon) { + return typeof icon.onClick === 'function' && typeof icon.component === 'function'; + } +} + + +/***/ }), + +/***/ "./src/ui-managers.ts": +/*!****************************!*\ + !*** ./src/ui-managers.ts ***! + \****************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "UIManagers": () => (/* binding */ UIManagers), +/* harmony export */ "pluginName": () => (/* binding */ pluginName) +/* harmony export */ }); +/* harmony import */ var _playkit_js_kaltura_player_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @playkit-js/kaltura-player-js */ "@playkit-js/kaltura-player-js"); +/* harmony import */ var _playkit_js_kaltura_player_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_playkit_js_kaltura_player_js__WEBPACK_IMPORTED_MODULE_0__); +/* harmony import */ var _services_side_panels_manager_side_panels_manager__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./services/side-panels-manager/side-panels-manager */ "./src/services/side-panels-manager/side-panels-manager.ts"); +/* harmony import */ var _services_upper_bar_manager_upper_bar_manager__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./services/upper-bar-manager/upper-bar-manager */ "./src/services/upper-bar-manager/upper-bar-manager.tsx"); +/* harmony import */ var _services_floating_manager_floating_manager__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./services/floating-manager/floating-manager */ "./src/services/floating-manager/floating-manager.tsx"); +/* harmony import */ var _services_preset_manager_preset_manager__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./services/preset-manager/preset-manager */ "./src/services/preset-manager/preset-manager.tsx"); + + + + + +const pluginName = 'uiManagers'; +/** + * manages the registration of UI services + * @internal + */ +class UIManagers extends _playkit_js_kaltura_player_js__WEBPACK_IMPORTED_MODULE_0__.BasePlugin { + constructor(name, player, config) { + super(name, player, config); + player.registerService('sidePanelsManager', new _services_side_panels_manager_side_panels_manager__WEBPACK_IMPORTED_MODULE_1__.SidePanelsManager(player, this.logger)); + player.registerService('upperBarManager', new _services_upper_bar_manager_upper_bar_manager__WEBPACK_IMPORTED_MODULE_2__.UpperBarManager(player, this.logger, this.config.upperBarManager)); + const presetManager = new _services_preset_manager_preset_manager__WEBPACK_IMPORTED_MODULE_4__.PresetManager({ + kalturaPlayer: player, + eventManager: this.eventManager + }); + player.registerService('floatingManager', new _services_floating_manager_floating_manager__WEBPACK_IMPORTED_MODULE_3__.FloatingManager({ presetManager, kalturaPlayer: player, eventManager: this.eventManager })); + } + static isValid() { + return true; + } +} +UIManagers.defaultConfig = { + upperBarManager: { + pluginsIconsOrder: { + Navigation: 10, + 'Q&A': 20, + Transcript: 30, + Download: 40, + Playlist: 50, + Related: 60, + Share: 70, + Info: 80, + Moderation: 90 + } + } +}; + + +/***/ }), + +/***/ "@playkit-js/kaltura-player-js": +/*!********************************!*\ + !*** external "KalturaPlayer" ***! + \********************************/ +/***/ ((module) => { + +module.exports = KalturaPlayer; + +/***/ }), + +/***/ "preact": +/*!******************************************!*\ + !*** external "KalturaPlayer.ui.preact" ***! + \******************************************/ +/***/ ((module) => { + +module.exports = KalturaPlayer.ui.preact; + +/***/ }) + +/******/ }); +/************************************************************************/ +/******/ // The module cache +/******/ var __webpack_module_cache__ = {}; +/******/ +/******/ // The require function +/******/ function __webpack_require__(moduleId) { +/******/ // Check if module is in cache +/******/ var cachedModule = __webpack_module_cache__[moduleId]; +/******/ if (cachedModule !== undefined) { +/******/ return cachedModule.exports; +/******/ } +/******/ // Create a new module (and put it into the cache) +/******/ var module = __webpack_module_cache__[moduleId] = { +/******/ id: moduleId, +/******/ // no module.loaded needed +/******/ exports: {} +/******/ }; +/******/ +/******/ // Execute the module function +/******/ __webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__); +/******/ +/******/ // Return the exports of the module +/******/ return module.exports; +/******/ } +/******/ +/************************************************************************/ +/******/ /* webpack/runtime/compat get default export */ +/******/ (() => { +/******/ // getDefaultExport function for compatibility with non-harmony modules +/******/ __webpack_require__.n = (module) => { +/******/ var getter = module && module.__esModule ? +/******/ () => (module['default']) : +/******/ () => (module); +/******/ __webpack_require__.d(getter, { a: getter }); +/******/ return getter; +/******/ }; +/******/ })(); +/******/ +/******/ /* webpack/runtime/define property getters */ +/******/ (() => { +/******/ // define getter functions for harmony exports +/******/ __webpack_require__.d = (exports, definition) => { +/******/ for(var key in definition) { +/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) { +/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] }); +/******/ } +/******/ } +/******/ }; +/******/ })(); +/******/ +/******/ /* webpack/runtime/hasOwnProperty shorthand */ +/******/ (() => { +/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop)) +/******/ })(); +/******/ +/******/ /* webpack/runtime/make namespace object */ +/******/ (() => { +/******/ // define __esModule on exports +/******/ __webpack_require__.r = (exports) => { +/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { +/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); +/******/ } +/******/ Object.defineProperty(exports, '__esModule', { value: true }); +/******/ }; +/******/ })(); +/******/ +/******/ /* webpack/runtime/nonce */ +/******/ (() => { +/******/ __webpack_require__.nc = undefined; +/******/ })(); +/******/ +/************************************************************************/ +var __webpack_exports__ = {}; +// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk. +(() => { +/*!**********************!*\ + !*** ./src/index.ts ***! + \**********************/ +__webpack_require__.r(__webpack_exports__); +/* harmony import */ var _playkit_js_kaltura_player_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @playkit-js/kaltura-player-js */ "@playkit-js/kaltura-player-js"); +/* harmony import */ var _playkit_js_kaltura_player_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_playkit_js_kaltura_player_js__WEBPACK_IMPORTED_MODULE_0__); +/* harmony import */ var _ui_managers__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ui-managers */ "./src/ui-managers.ts"); + + +(0,_playkit_js_kaltura_player_js__WEBPACK_IMPORTED_MODULE_0__.registerPlugin)(_ui_managers__WEBPACK_IMPORTED_MODULE_1__.pluginName, _ui_managers__WEBPACK_IMPORTED_MODULE_1__.UIManagers); + +})(); + +/******/ })() +; //# sourceMappingURL=playkit-ui-managers.js.map \ No newline at end of file diff --git a/dist/playkit-ui-managers.js.map b/dist/playkit-ui-managers.js.map index b2e06ed..46188bc 100644 --- a/dist/playkit-ui-managers.js.map +++ b/dist/playkit-ui-managers.js.map @@ -1 +1 @@ -{"version":3,"file":"playkit-ui-managers.js","mappings":"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","sources":["webpack://@playkit-js/ui-managers/./src/index.ts","webpack://@playkit-js/ui-managers/./node_modules/@playkit-js/common/dist/hoc/a11y-wrapper/index.js","webpack://@playkit-js/ui-managers/./src/services/side-panels-manager/ui/panel-item-wrapper/panel-item-wrapper.component.scss","webpack://@playkit-js/ui-managers/./src/services/upper-bar-manager/ui/displayed-bar/displayed-bar.component.scss","webpack://@playkit-js/ui-managers/./src/services/upper-bar-manager/ui/dropdown-bar/dropdown-bar.component.scss","webpack://@playkit-js/ui-managers/./src/services/upper-bar-manager/ui/more-icon/more-icon.component.scss","webpack://@playkit-js/ui-managers/./node_modules/css-loader/dist/runtime/api.js","webpack://@playkit-js/ui-managers/./node_modules/css-loader/dist/runtime/sourceMaps.js","webpack://@playkit-js/ui-managers/./src/services/side-panels-manager/ui/panel-item-wrapper/panel-item-wrapper.component.scss?48a8","webpack://@playkit-js/ui-managers/./src/services/upper-bar-manager/ui/displayed-bar/displayed-bar.component.scss?a962","webpack://@playkit-js/ui-managers/./src/services/upper-bar-manager/ui/dropdown-bar/dropdown-bar.component.scss?be27","webpack://@playkit-js/ui-managers/./src/services/upper-bar-manager/ui/more-icon/more-icon.component.scss?6d90","webpack://@playkit-js/ui-managers/./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js","webpack://@playkit-js/ui-managers/./node_modules/style-loader/dist/runtime/insertBySelector.js","webpack://@playkit-js/ui-managers/./node_modules/style-loader/dist/runtime/insertStyleElement.js","webpack://@playkit-js/ui-managers/./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js","webpack://@playkit-js/ui-managers/./node_modules/style-loader/dist/runtime/styleDomAPI.js","webpack://@playkit-js/ui-managers/./node_modules/style-loader/dist/runtime/styleTagTransform.js","webpack://@playkit-js/ui-managers/./src/services/side-panels-manager/models/item-wrapper.tsx","webpack://@playkit-js/ui-managers/./src/services/side-panels-manager/side-panels-manager.ts","webpack://@playkit-js/ui-managers/./src/services/side-panels-manager/ui/panel-item-wrapper/panel-item-wrapper.component.tsx","webpack://@playkit-js/ui-managers/./src/services/upper-bar-manager/models/icon-model.ts","webpack://@playkit-js/ui-managers/./src/services/upper-bar-manager/ui/displayed-bar/displayed-bar.component.tsx","webpack://@playkit-js/ui-managers/./src/services/upper-bar-manager/ui/dropdown-bar/dropdown-bar.component.tsx","webpack://@playkit-js/ui-managers/./src/services/upper-bar-manager/ui/icon-wrapper/icon-wrapper.component.tsx","webpack://@playkit-js/ui-managers/./src/services/upper-bar-manager/ui/more-icon/more-icon.component.tsx","webpack://@playkit-js/ui-managers/./src/services/upper-bar-manager/upper-bar-manager.tsx","webpack://@playkit-js/ui-managers/./src/ui-managers.ts","webpack://@playkit-js/ui-managers/external root \"KalturaPlayer\"","webpack://@playkit-js/ui-managers/external root \"KalturaPlayer.ui.preact\"","webpack://@playkit-js/ui-managers/webpack/bootstrap","webpack://@playkit-js/ui-managers/webpack/runtime/compat get default export","webpack://@playkit-js/ui-managers/webpack/runtime/define property getters","webpack://@playkit-js/ui-managers/webpack/runtime/hasOwnProperty shorthand","webpack://@playkit-js/ui-managers/webpack/runtime/make namespace object","webpack://@playkit-js/ui-managers/webpack/runtime/nonce"],"sourcesContent":["\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar kaltura_player_js_1 = require(\"kaltura-player-js\");\nvar ui_managers_1 = require(\"./ui-managers\");\n(0, kaltura_player_js_1.registerPlugin)(ui_managers_1.pluginName, ui_managers_1.UIManagers);\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.A11yWrapper = exports.isKeyboardEvent = void 0;\nvar preact_1 = require(\"preact\");\nvar kaltura_player_js_1 = require(\"kaltura-player-js\");\nvar _a = kaltura_player_js_1.ui.utils.KeyMap, ENTER = _a.ENTER, SPACE = _a.SPACE, UP = _a.UP, DOWN = _a.DOWN, LEFT = _a.LEFT, RIGHT = _a.RIGHT;\nvar stopEvent = function (e) {\n e.preventDefault();\n e.stopPropagation();\n};\nvar isKeyboardEvent = function (e) {\n // space/enter keyEvent is swallowed by NVDA (https://github.com/nvaccess/nvda/issues/7898)\n // check offsetX and offsetY to define keyboard event triggered by NVDA\n return e instanceof KeyboardEvent || [e.offsetX, e.offsetY].every(function (offset) { return offset === 0; });\n};\nexports.isKeyboardEvent = isKeyboardEvent;\nvar A11yWrapper = function (_a) {\n var children = _a.children, onClick = _a.onClick, onUpKeyPressed = _a.onUpKeyPressed, onDownKeyPressed = _a.onDownKeyPressed, onLeftKeyPressed = _a.onLeftKeyPressed, onRightKeyPressed = _a.onRightKeyPressed, role = _a.role, type = _a.type;\n var props = {\n onKeyDown: function (e) {\n if (e.keyCode === SPACE || e.keyCode === ENTER) {\n stopEvent(e);\n onClick(e, true);\n }\n else if (e.keyCode === UP && onUpKeyPressed) {\n stopEvent(e);\n onUpKeyPressed(e);\n }\n else if (e.keyCode === DOWN && onDownKeyPressed) {\n stopEvent(e);\n onDownKeyPressed(e);\n }\n else if (e.keyCode === LEFT && onLeftKeyPressed) {\n stopEvent(e);\n onLeftKeyPressed(e);\n }\n else if (e.keyCode === RIGHT && onRightKeyPressed) {\n stopEvent(e);\n onRightKeyPressed(e);\n }\n },\n onClick: function (e) {\n e.stopPropagation();\n onClick(e, (0, exports.isKeyboardEvent)(e));\n },\n role: role\n };\n if (children.type === 'button') {\n props.type = type || 'button';\n }\n return (0, preact_1.cloneElement)(children, props);\n};\nexports.A11yWrapper = A11yWrapper;\nexports.A11yWrapper.defaultProps = {\n role: 'button'\n};\n//# sourceMappingURL=index.js.map","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".playkit-side-panel-wrapper_Wr{visibility:hidden;position:absolute;width:100%;height:100%}.playkit-active-state_vh{visibility:visible}\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/services/side-panels-manager/ui/panel-item-wrapper/panel-item-wrapper.component.scss\"],\"names\":[],\"mappings\":\"AAAA,+BAAoB,iBAAiB,CAAC,iBAAiB,CAAC,UAAU,CAAC,WAAW,CAAC,yBAAc,kBAAkB\",\"sourcesContent\":[\".side-panel-wrapper{visibility:hidden;position:absolute;width:100%;height:100%}.active-state{visibility:visible}\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport var sidePanelWrapper = \"playkit-side-panel-wrapper_Wr\";\nexport var activeState = \"playkit-active-state_vh\";\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".playkit-right-upper-bar-wrapper-container_Vm{direction:ltr;display:flex}\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/services/upper-bar-manager/ui/displayed-bar/displayed-bar.component.scss\"],\"names\":[],\"mappings\":\"AAAA,8CAAmC,aAAa,CAAC,YAAY\",\"sourcesContent\":[\".right-upper-bar-wrapper-container{direction:ltr;display:flex}\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport var rightUpperBarWrapperContainer = \"playkit-right-upper-bar-wrapper-container_Vm\";\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".playkit-more-dropdown_SJ{position:absolute;padding:8px 4px;width:166px;background-color:var(--playkit-tone-7-color);border-radius:4px;top:44px;right:0}.playkit-more-dropdown_SJ .playkit-dropdown-item_Aq{border-radius:4px;padding:4px 12px 4px 15px;display:flex;margin:4px 0;cursor:pointer}.playkit-more-dropdown_SJ .playkit-dropdown-item_Aq .playkit-icon_h_{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.playkit-more-dropdown_SJ .playkit-dropdown-item_Aq:hover{background-color:var(--playkit-tone-6-color)}.playkit-more-dropdown_SJ .playkit-dropdown-item_Aq .playkit-dropdown-item-description_rC{display:flex;flex:1;font-size:14px;font-weight:700;align-items:center;padding-left:11px}\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/services/upper-bar-manager/ui/dropdown-bar/dropdown-bar.component.scss\"],\"names\":[],\"mappings\":\"AAAA,0BAAe,iBAAiB,CAAC,eAAe,CAAC,WAAW,CAAC,4CAA4C,CAAC,iBAAiB,CAAC,QAAQ,CAAC,OAAO,CAAC,oDAA8B,iBAAiB,CAAC,yBAAyB,CAAC,YAAY,CAAC,YAAY,CAAC,cAAc,CAAC,qEAAoC,UAAU,CAAC,WAAW,CAAC,YAAY,CAAC,kBAAkB,CAAC,sBAAsB,CAAC,0DAAoC,4CAA4C,CAAC,0FAAyD,YAAY,CAAC,MAAM,CAAC,cAAc,CAAC,eAAe,CAAC,kBAAkB,CAAC,iBAAiB\",\"sourcesContent\":[\".more-dropdown{position:absolute;padding:8px 4px;width:166px;background-color:var(--playkit-tone-7-color);border-radius:4px;top:44px;right:0}.more-dropdown .dropdown-item{border-radius:4px;padding:4px 12px 4px 15px;display:flex;margin:4px 0;cursor:pointer}.more-dropdown .dropdown-item .icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.more-dropdown .dropdown-item:hover{background-color:var(--playkit-tone-6-color)}.more-dropdown .dropdown-item .dropdown-item-description{display:flex;flex:1;font-size:14px;font-weight:700;align-items:center;padding-left:11px}\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport var moreDropdown = \"playkit-more-dropdown_SJ\";\nexport var dropdownItem = \"playkit-dropdown-item_Aq\";\nexport var icon = \"playkit-icon_h_\";\nexport var dropdownItemDescription = \"playkit-dropdown-item-description_rC\";\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".playkit-more-icon_fR{margin-right:0;z-index:2}\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/services/upper-bar-manager/ui/more-icon/more-icon.component.scss\"],\"names\":[],\"mappings\":\"AAAA,sBAAW,cAAc,CAAC,SAAS\",\"sourcesContent\":[\".more-icon{margin-right:0;z-index:2}\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport var moreIcon = \"playkit-more-icon_fR\";\nexport default ___CSS_LOADER_EXPORT___;\n","\"use strict\";\n\n/*\n MIT License http://www.opensource.org/licenses/mit-license.php\n Author Tobias Koppers @sokra\n*/\nmodule.exports = function (cssWithMappingToString) {\n var list = [];\n\n // return the list of modules as css string\n list.toString = function toString() {\n return this.map(function (item) {\n var content = \"\";\n var needLayer = typeof item[5] !== \"undefined\";\n if (item[4]) {\n content += \"@supports (\".concat(item[4], \") {\");\n }\n if (item[2]) {\n content += \"@media \".concat(item[2], \" {\");\n }\n if (needLayer) {\n content += \"@layer\".concat(item[5].length > 0 ? \" \".concat(item[5]) : \"\", \" {\");\n }\n content += cssWithMappingToString(item);\n if (needLayer) {\n content += \"}\";\n }\n if (item[2]) {\n content += \"}\";\n }\n if (item[4]) {\n content += \"}\";\n }\n return content;\n }).join(\"\");\n };\n\n // import a list of modules into the list\n list.i = function i(modules, media, dedupe, supports, layer) {\n if (typeof modules === \"string\") {\n modules = [[null, modules, undefined]];\n }\n var alreadyImportedModules = {};\n if (dedupe) {\n for (var k = 0; k < this.length; k++) {\n var id = this[k][0];\n if (id != null) {\n alreadyImportedModules[id] = true;\n }\n }\n }\n for (var _k = 0; _k < modules.length; _k++) {\n var item = [].concat(modules[_k]);\n if (dedupe && alreadyImportedModules[item[0]]) {\n continue;\n }\n if (typeof layer !== \"undefined\") {\n if (typeof item[5] === \"undefined\") {\n item[5] = layer;\n } else {\n item[1] = \"@layer\".concat(item[5].length > 0 ? \" \".concat(item[5]) : \"\", \" {\").concat(item[1], \"}\");\n item[5] = layer;\n }\n }\n if (media) {\n if (!item[2]) {\n item[2] = media;\n } else {\n item[1] = \"@media \".concat(item[2], \" {\").concat(item[1], \"}\");\n item[2] = media;\n }\n }\n if (supports) {\n if (!item[4]) {\n item[4] = \"\".concat(supports);\n } else {\n item[1] = \"@supports (\".concat(item[4], \") {\").concat(item[1], \"}\");\n item[4] = supports;\n }\n }\n list.push(item);\n }\n };\n return list;\n};","\"use strict\";\n\nmodule.exports = function (item) {\n var content = item[1];\n var cssMapping = item[3];\n if (!cssMapping) {\n return content;\n }\n if (typeof btoa === \"function\") {\n var base64 = btoa(unescape(encodeURIComponent(JSON.stringify(cssMapping))));\n var data = \"sourceMappingURL=data:application/json;charset=utf-8;base64,\".concat(base64);\n var sourceMapping = \"/*# \".concat(data, \" */\");\n return [content].concat([sourceMapping]).join(\"\\n\");\n }\n return [content].join(\"\\n\");\n};","\n import API from \"!../../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n import domAPI from \"!../../../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n import insertFn from \"!../../../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n import setAttributes from \"!../../../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n import insertStyleElement from \"!../../../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n import styleTagTransformFn from \"!../../../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n import content, * as namedExport from \"!!../../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./panel-item-wrapper.component.scss\";\n \n \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n options.insert = insertFn.bind(null, \"head\");\n \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./panel-item-wrapper.component.scss\";\n export default content && content.locals ? content.locals : undefined;\n","\n import API from \"!../../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n import domAPI from \"!../../../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n import insertFn from \"!../../../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n import setAttributes from \"!../../../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n import insertStyleElement from \"!../../../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n import styleTagTransformFn from \"!../../../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n import content, * as namedExport from \"!!../../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./displayed-bar.component.scss\";\n \n \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n options.insert = insertFn.bind(null, \"head\");\n \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./displayed-bar.component.scss\";\n export default content && content.locals ? content.locals : undefined;\n","\n import API from \"!../../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n import domAPI from \"!../../../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n import insertFn from \"!../../../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n import setAttributes from \"!../../../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n import insertStyleElement from \"!../../../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n import styleTagTransformFn from \"!../../../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n import content, * as namedExport from \"!!../../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./dropdown-bar.component.scss\";\n \n \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n options.insert = insertFn.bind(null, \"head\");\n \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./dropdown-bar.component.scss\";\n export default content && content.locals ? content.locals : undefined;\n","\n import API from \"!../../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n import domAPI from \"!../../../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n import insertFn from \"!../../../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n import setAttributes from \"!../../../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n import insertStyleElement from \"!../../../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n import styleTagTransformFn from \"!../../../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n import content, * as namedExport from \"!!../../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./more-icon.component.scss\";\n \n \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n options.insert = insertFn.bind(null, \"head\");\n \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./more-icon.component.scss\";\n export default content && content.locals ? content.locals : undefined;\n","\"use strict\";\n\nvar stylesInDOM = [];\n\nfunction getIndexByIdentifier(identifier) {\n var result = -1;\n\n for (var i = 0; i < stylesInDOM.length; i++) {\n if (stylesInDOM[i].identifier === identifier) {\n result = i;\n break;\n }\n }\n\n return result;\n}\n\nfunction modulesToDom(list, options) {\n var idCountMap = {};\n var identifiers = [];\n\n for (var i = 0; i < list.length; i++) {\n var item = list[i];\n var id = options.base ? item[0] + options.base : item[0];\n var count = idCountMap[id] || 0;\n var identifier = \"\".concat(id, \" \").concat(count);\n idCountMap[id] = count + 1;\n var indexByIdentifier = getIndexByIdentifier(identifier);\n var obj = {\n css: item[1],\n media: item[2],\n sourceMap: item[3],\n supports: item[4],\n layer: item[5]\n };\n\n if (indexByIdentifier !== -1) {\n stylesInDOM[indexByIdentifier].references++;\n stylesInDOM[indexByIdentifier].updater(obj);\n } else {\n var updater = addElementStyle(obj, options);\n options.byIndex = i;\n stylesInDOM.splice(i, 0, {\n identifier: identifier,\n updater: updater,\n references: 1\n });\n }\n\n identifiers.push(identifier);\n }\n\n return identifiers;\n}\n\nfunction addElementStyle(obj, options) {\n var api = options.domAPI(options);\n api.update(obj);\n\n var updater = function updater(newObj) {\n if (newObj) {\n if (newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap && newObj.supports === obj.supports && newObj.layer === obj.layer) {\n return;\n }\n\n api.update(obj = newObj);\n } else {\n api.remove();\n }\n };\n\n return updater;\n}\n\nmodule.exports = function (list, options) {\n options = options || {};\n list = list || [];\n var lastIdentifiers = modulesToDom(list, options);\n return function update(newList) {\n newList = newList || [];\n\n for (var i = 0; i < lastIdentifiers.length; i++) {\n var identifier = lastIdentifiers[i];\n var index = getIndexByIdentifier(identifier);\n stylesInDOM[index].references--;\n }\n\n var newLastIdentifiers = modulesToDom(newList, options);\n\n for (var _i = 0; _i < lastIdentifiers.length; _i++) {\n var _identifier = lastIdentifiers[_i];\n\n var _index = getIndexByIdentifier(_identifier);\n\n if (stylesInDOM[_index].references === 0) {\n stylesInDOM[_index].updater();\n\n stylesInDOM.splice(_index, 1);\n }\n }\n\n lastIdentifiers = newLastIdentifiers;\n };\n};","\"use strict\";\n\nvar memo = {};\n/* istanbul ignore next */\n\nfunction getTarget(target) {\n if (typeof memo[target] === \"undefined\") {\n var styleTarget = document.querySelector(target); // Special case to return head of iframe instead of iframe itself\n\n if (window.HTMLIFrameElement && styleTarget instanceof window.HTMLIFrameElement) {\n try {\n // This will throw an exception if access to iframe is blocked\n // due to cross-origin restrictions\n styleTarget = styleTarget.contentDocument.head;\n } catch (e) {\n // istanbul ignore next\n styleTarget = null;\n }\n }\n\n memo[target] = styleTarget;\n }\n\n return memo[target];\n}\n/* istanbul ignore next */\n\n\nfunction insertBySelector(insert, style) {\n var target = getTarget(insert);\n\n if (!target) {\n throw new Error(\"Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.\");\n }\n\n target.appendChild(style);\n}\n\nmodule.exports = insertBySelector;","\"use strict\";\n\n/* istanbul ignore next */\nfunction insertStyleElement(options) {\n var element = document.createElement(\"style\");\n options.setAttributes(element, options.attributes);\n options.insert(element, options.options);\n return element;\n}\n\nmodule.exports = insertStyleElement;","\"use strict\";\n\n/* istanbul ignore next */\nfunction setAttributesWithoutAttributes(styleElement) {\n var nonce = typeof __webpack_nonce__ !== \"undefined\" ? __webpack_nonce__ : null;\n\n if (nonce) {\n styleElement.setAttribute(\"nonce\", nonce);\n }\n}\n\nmodule.exports = setAttributesWithoutAttributes;","\"use strict\";\n\n/* istanbul ignore next */\nfunction apply(styleElement, options, obj) {\n var css = \"\";\n\n if (obj.supports) {\n css += \"@supports (\".concat(obj.supports, \") {\");\n }\n\n if (obj.media) {\n css += \"@media \".concat(obj.media, \" {\");\n }\n\n var needLayer = typeof obj.layer !== \"undefined\";\n\n if (needLayer) {\n css += \"@layer\".concat(obj.layer.length > 0 ? \" \".concat(obj.layer) : \"\", \" {\");\n }\n\n css += obj.css;\n\n if (needLayer) {\n css += \"}\";\n }\n\n if (obj.media) {\n css += \"}\";\n }\n\n if (obj.supports) {\n css += \"}\";\n }\n\n var sourceMap = obj.sourceMap;\n\n if (sourceMap && typeof btoa !== \"undefined\") {\n css += \"\\n/*# sourceMappingURL=data:application/json;base64,\".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))), \" */\");\n } // For old IE\n\n /* istanbul ignore if */\n\n\n options.styleTagTransform(css, styleElement, options.options);\n}\n\nfunction removeStyleElement(styleElement) {\n // istanbul ignore if\n if (styleElement.parentNode === null) {\n return false;\n }\n\n styleElement.parentNode.removeChild(styleElement);\n}\n/* istanbul ignore next */\n\n\nfunction domAPI(options) {\n var styleElement = options.insertStyleElement(options);\n return {\n update: function update(obj) {\n apply(styleElement, options, obj);\n },\n remove: function remove() {\n removeStyleElement(styleElement);\n }\n };\n}\n\nmodule.exports = domAPI;","\"use strict\";\n\n/* istanbul ignore next */\nfunction styleTagTransform(css, styleElement) {\n if (styleElement.styleSheet) {\n styleElement.styleSheet.cssText = css;\n } else {\n while (styleElement.firstChild) {\n styleElement.removeChild(styleElement.firstChild);\n }\n\n styleElement.appendChild(document.createTextNode(css));\n }\n}\n\nmodule.exports = styleTagTransform;","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.ItemWrapper = void 0;\nvar preact_1 = require(\"preact\");\nvar panel_item_wrapper_component_1 = require(\"../ui/panel-item-wrapper/panel-item-wrapper.component\");\n/**\n * Panel item metadata\n * @internal\n */\nvar ItemWrapper = /** @class */ (function () {\n function ItemWrapper(item, player, onClick) {\n this.id = ++ItemWrapper.nextId;\n this.item = item;\n this.player = player;\n this.upperBarManager = this.player.getService('upperBarManager');\n this.isActive = false;\n this.injectPanelComponent();\n if (item.iconComponent) {\n var itemId_1 = this.id;\n this.iconId = this.upperBarManager.add({\n label: this.item.label,\n svgIcon: this.item.iconComponent.svgIcon,\n onClick: function () { return onClick(itemId_1); },\n component: this.item.iconComponent.component\n });\n }\n }\n ItemWrapper.prototype.activate = function () {\n var _this = this;\n var _a, _b;\n if (this.panelItemComponentRef.current) {\n this.panelItemComponentRef.current.on();\n (_b = (_a = this.item).onActivate) === null || _b === void 0 ? void 0 : _b.call(_a);\n this.isActive = true;\n }\n else {\n setTimeout(function () { return _this.activate(); });\n }\n };\n ItemWrapper.prototype.deactivate = function (switchMode) {\n var _a, _b;\n if (switchMode === void 0) { switchMode = false; }\n this.panelItemComponentRef.current.off(switchMode);\n (_b = (_a = this.item).onDeactivate) === null || _b === void 0 ? void 0 : _b.call(_a);\n this.isActive = false;\n };\n ItemWrapper.prototype.remove = function () {\n var _a;\n this.removePanelComponentFn();\n if ((_a = this.item.iconComponent) === null || _a === void 0 ? void 0 : _a.component)\n this.upperBarManager.remove(this.iconId);\n };\n ItemWrapper.prototype.update = function () {\n this.panelItemComponentRef.current.forceUpdate();\n };\n ItemWrapper.prototype.injectPanelComponent = function () {\n var _this = this;\n var _a = this.item, label = _a.label, position = _a.position, panelComponent = _a.panelComponent, presets = _a.presets;\n var SidePanelComponent = panelComponent;\n var componentRef = (0, preact_1.createRef)();\n this.panelItemComponentRef = componentRef;\n this.removePanelComponentFn = this.player.ui.addComponent({\n label: \"Side-panel-\".concat(position, \"-\").concat(label),\n presets: presets,\n area: ItemWrapper.getPanelArea(position),\n get: function () {\n return ((0, preact_1.h)(panel_item_wrapper_component_1.PanelItemWrapper, { ref: componentRef },\n (0, preact_1.h)(SidePanelComponent, { isActive: _this.isActive })));\n }\n });\n };\n ItemWrapper.getPanelArea = function (position) {\n return \"SidePanel\".concat(position.charAt(0).toUpperCase()).concat(position.slice(1));\n };\n ItemWrapper.nextId = 0;\n return ItemWrapper;\n}());\nexports.ItemWrapper = ItemWrapper;\n","\"use strict\";\nvar __values = (this && this.__values) || function(o) {\n var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\n if (m) return m.call(o);\n if (o && typeof o.length === \"number\") return {\n next: function () {\n if (o && i >= o.length) o = void 0;\n return { value: o && o[i++], done: !o };\n }\n };\n throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\n};\nvar _a;\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.SidePanelsManager = void 0;\nvar kaltura_player_js_1 = require(\"kaltura-player-js\");\nvar item_wrapper_1 = require(\"./models/item-wrapper\");\nvar SidePanelModes = kaltura_player_js_1.ui.SidePanelModes, SidePanelPositions = kaltura_player_js_1.ui.SidePanelPositions, ReservedPresetNames = kaltura_player_js_1.ui.ReservedPresetNames;\nvar COUNTER_PANELS = (_a = {},\n _a[SidePanelPositions.TOP] = SidePanelPositions.BOTTOM,\n _a[SidePanelPositions.BOTTOM] = SidePanelPositions.TOP,\n _a[SidePanelPositions.RIGHT] = SidePanelPositions.LEFT,\n _a[SidePanelPositions.LEFT] = SidePanelPositions.RIGHT,\n _a);\nvar SidePanelsManager = /** @class */ (function () {\n /**\n * @ignore\n */\n function SidePanelsManager(player, logger) {\n this.player = player;\n this.activePanels = { top: null, bottom: null, right: null, left: null };\n this.componentsRegistry = new Map();\n this.logger = logger;\n }\n SidePanelsManager.prototype.add = function (item) {\n var _this = this;\n if (SidePanelsManager.validateItem(item)) {\n var newItemWrapper = new item_wrapper_1.ItemWrapper(item, this.player, function (id) { return _this.toggle(id); });\n this.componentsRegistry.set(newItemWrapper.id, newItemWrapper);\n this.logger.debug('New Panel Item Added', item);\n return newItemWrapper.id;\n }\n this.logger.warn('Invalid SidePanelItem parameters', item);\n };\n SidePanelsManager.prototype.remove = function (itemId) {\n var itemWrapper = this.componentsRegistry.get(itemId);\n if (itemWrapper) {\n if (this.isItemActive(itemId))\n this.deactivateItem(itemId);\n itemWrapper.remove();\n this.componentsRegistry.delete(itemId);\n }\n else {\n this.logger.warn(\"\".concat(itemId, \" is not registered\"));\n }\n };\n SidePanelsManager.prototype.activateItem = function (itemId) {\n var itemWrapper = this.componentsRegistry.get(itemId);\n if (itemWrapper) {\n var _a = itemWrapper.item, position = _a.position, expandMode = _a.expandMode;\n // Trying to activate an already active item\n if (this.isItemActive(itemId))\n return;\n // Switch between items if currently there is an active one (without collapsing / expanding PS)\n var previousItemWrapper = this.activePanels[position];\n if (previousItemWrapper !== null) {\n previousItemWrapper.deactivate(true);\n }\n // Deactivate the counter panel if is active\n var counterPosition = SidePanelsManager.getCounterPanelPosition(position);\n if (this.activePanels[counterPosition]) {\n this.deactivateItem(this.activePanels[counterPosition].id);\n }\n // Update new item as active\n itemWrapper.activate();\n this.expand(position, expandMode);\n this.activePanels[position] = itemWrapper;\n }\n else {\n this.logger.warn(\"\".concat(itemId, \" is not registered\"));\n }\n };\n SidePanelsManager.prototype.deactivateItem = function (itemId) {\n var itemWrapper = this.componentsRegistry.get(itemId);\n if (itemWrapper) {\n if (!this.isItemActive(itemId))\n return;\n var position = itemWrapper.item.position;\n itemWrapper.deactivate();\n this.collapse(position);\n this.activePanels[position] = null;\n }\n else {\n this.logger.warn(\"\".concat(itemId, \" is not registered\"));\n }\n };\n SidePanelsManager.prototype.isItemActive = function (itemId) {\n var _a;\n var itemWrapper = this.componentsRegistry.get(itemId);\n if (itemWrapper) {\n return ((_a = this.activePanels[itemWrapper.item.position]) === null || _a === void 0 ? void 0 : _a.id) === itemId;\n }\n this.logger.warn(\"\".concat(itemId, \" is not registered\"));\n return false;\n };\n /**\n * Rerender (uses preact Component.forceUpdate api under the hoods) the side panel item component\n * It's just for backward compatibility you should not use it.\n */\n SidePanelsManager.prototype.update = function (itemId) {\n var itemWrapper = this.componentsRegistry.get(itemId);\n if (itemWrapper) {\n itemWrapper.update();\n }\n else {\n this.logger.warn(\"\".concat(itemId, \" is not registered\"));\n }\n };\n /**\n * @ignore\n */\n SidePanelsManager.prototype.reset = function () {\n this.logger.debug('reset');\n };\n /**\n * @ignore\n */\n SidePanelsManager.prototype.destroy = function () {\n this.logger.debug('destroy');\n this.removeAllItems();\n };\n SidePanelsManager.prototype.removeAllItems = function () {\n var e_1, _a;\n try {\n for (var _b = __values(this.componentsRegistry.values()), _c = _b.next(); !_c.done; _c = _b.next()) {\n var value = _c.value;\n this.remove(value.id);\n }\n }\n catch (e_1_1) { e_1 = { error: e_1_1 }; }\n finally {\n try {\n if (_c && !_c.done && (_a = _b.return)) _a.call(_b);\n }\n finally { if (e_1) throw e_1.error; }\n }\n };\n SidePanelsManager.prototype.toggle = function (itemId) {\n if (this.isItemActive(itemId)) {\n this.deactivateItem(itemId);\n }\n else {\n this.activateItem(itemId);\n }\n };\n SidePanelsManager.prototype.expand = function (position, expandMode) {\n this.player.ui.store.dispatch(kaltura_player_js_1.ui.reducers.shell.actions.updateSidePanelMode(position, expandMode));\n };\n SidePanelsManager.prototype.collapse = function (position) {\n this.player.ui.store.dispatch(kaltura_player_js_1.ui.reducers.shell.actions.updateSidePanelMode(position, SidePanelModes.HIDDEN));\n };\n SidePanelsManager.getCounterPanelPosition = function (position) {\n return COUNTER_PANELS[position];\n };\n SidePanelsManager.validateItem = function (item) {\n var label = item.label, panelComponent = item.panelComponent, iconComponent = item.iconComponent, position = item.position, expandMode = item.expandMode, onActivate = item.onActivate, onDeactivate = item.onDeactivate, presets = item.presets;\n return !!(label &&\n Object.values(SidePanelPositions).includes(position) &&\n Object.values(SidePanelModes).includes(expandMode) &&\n presets.every(function (preset) { return Object.values(ReservedPresetNames).includes(preset); }) &&\n typeof panelComponent === 'function' &&\n ((typeof (iconComponent === null || iconComponent === void 0 ? void 0 : iconComponent.component) === 'function' && typeof (iconComponent === null || iconComponent === void 0 ? void 0 : iconComponent.svgIcon.path) === 'string') ||\n iconComponent === undefined) &&\n (typeof onActivate === 'function' || onActivate === undefined) &&\n (typeof onDeactivate === 'function' || onDeactivate === undefined));\n };\n return SidePanelsManager;\n}());\nexports.SidePanelsManager = SidePanelsManager;\n","\"use strict\";\nvar __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n if (typeof b !== \"function\" && b !== null)\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.PanelItemWrapper = void 0;\nvar preact_1 = require(\"preact\");\nvar styles = require(\"./panel-item-wrapper.component.scss\");\nvar kaltura_player_js_1 = require(\"kaltura-player-js\");\nvar defaultTransitionTime = kaltura_player_js_1.ui.style.defaultTransitionTime;\n/**\n * PanelItemWrapper component\n * @internal\n */\nvar PanelItemWrapper = /** @class */ (function (_super) {\n __extends(PanelItemWrapper, _super);\n function PanelItemWrapper() {\n var _this = _super.call(this) || this;\n _this.state = { on: false };\n _this.switchMode = false;\n return _this;\n }\n PanelItemWrapper.prototype.on = function () {\n this.setState({ on: true });\n };\n PanelItemWrapper.prototype.off = function (switchMode) {\n this.switchMode = switchMode;\n this.setState({ on: false });\n };\n PanelItemWrapper.prototype.render = function () {\n return ((0, preact_1.h)(\"div\", { className: [styles.sidePanelWrapper, this.state.on ? styles.activeState : ''].join(' '), style: !this.state.on && !this.switchMode ? { transition: \"visibility \".concat(defaultTransitionTime, \"ms\") } : '' }, (0, preact_1.cloneElement)(this.props.children)));\n };\n return PanelItemWrapper;\n}(preact_1.Component));\nexports.PanelItemWrapper = PanelItemWrapper;\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.IconModel = void 0;\nvar preact_1 = require(\"preact\");\nvar IconModel = /** @class */ (function () {\n function IconModel(item) {\n this.id = ++IconModel.nextId;\n this.label = item.label;\n this.component = item.component;\n this.svgIcon = item.svgIcon;\n this.onClick = item.onClick;\n this.componentRef = (0, preact_1.createRef)();\n }\n IconModel.prototype.update = function () {\n this.componentRef.current.forceUpdate();\n };\n IconModel.nextId = 0;\n return IconModel;\n}());\nexports.IconModel = IconModel;\n","\"use strict\";\nvar __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n if (typeof b !== \"function\" && b !== null)\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.DisplayedBar = void 0;\nvar preact_1 = require(\"preact\");\nvar icon_wrapper_component_1 = require(\"../icon-wrapper/icon-wrapper.component\");\nvar styles = require(\"./displayed-bar.component.scss\");\nvar kaltura_player_js_1 = require(\"kaltura-player-js\");\nvar more_icon_component_1 = require(\"../more-icon/more-icon.component\");\nvar PLAYER_SIZE = kaltura_player_js_1.ui.Components.PLAYER_SIZE;\nvar connect = kaltura_player_js_1.ui.redux.connect;\n// eslint-disable-next-line @typescript-eslint/explicit-function-return-type,@typescript-eslint/ban-ts-comment\n// @ts-ignore\n// eslint-disable-next-line @typescript-eslint/explicit-function-return-type\nvar mapStateToProps = function (state) { return ({\n playerSize: state.shell.playerSize\n}); };\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nvar DisplayedBar = /** @class */ (function (_super) {\n __extends(DisplayedBar, _super);\n function DisplayedBar() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n _this.update = function () {\n _this.forceUpdate();\n };\n return _this;\n }\n DisplayedBar.prototype.splitControlsIntoDisplayedAndDropdown = function () {\n switch (this.props.playerSize) {\n case PLAYER_SIZE.TINY:\n return { displayedControls: [], dropdownControls: [] };\n case PLAYER_SIZE.EXTRA_SMALL:\n case PLAYER_SIZE.SMALL:\n return this.splitControls(2);\n default:\n return this.splitControls(4);\n }\n };\n DisplayedBar.prototype.splitControls = function (numberOfDisplayedIcon) {\n var displayedControls;\n var dropdownControls;\n var controls = this.props.getControls();\n if (controls.length > numberOfDisplayedIcon + 1) {\n displayedControls = controls.slice(0, numberOfDisplayedIcon);\n dropdownControls = controls.slice(numberOfDisplayedIcon);\n }\n else {\n displayedControls = controls;\n dropdownControls = [];\n }\n return { displayedControls: displayedControls, dropdownControls: dropdownControls };\n };\n DisplayedBar.prototype.render = function () {\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n var _a = this.splitControlsIntoDisplayedAndDropdown(), displayedControls = _a.displayedControls, dropdownControls = _a.dropdownControls;\n return ((0, preact_1.h)(\"div\", { className: styles.rightUpperBarWrapperContainer },\n displayedControls.map(function (_a) {\n var id = _a.id, component = _a.component, onClick = _a.onClick, componentRef = _a.componentRef;\n var IconWrapperComponent = component;\n return ((0, preact_1.h)(icon_wrapper_component_1.IconWrapper, { key: id, onClick: onClick, ref: componentRef },\n (0, preact_1.h)(IconWrapperComponent, null)));\n }),\n dropdownControls.length > 0 && (0, preact_1.h)(more_icon_component_1.MoreIcon, { icons: dropdownControls })));\n };\n DisplayedBar = __decorate([\n connect(mapStateToProps, null, null, { forwardRef: true })\n ], DisplayedBar);\n return DisplayedBar;\n}(preact_1.Component));\nexports.DisplayedBar = DisplayedBar;\n","\"use strict\";\nvar __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n if (typeof b !== \"function\" && b !== null)\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.DropdownBar = void 0;\nvar preact_1 = require(\"preact\");\nvar styles = require(\"./dropdown-bar.component.scss\");\nvar kaltura_player_js_1 = require(\"kaltura-player-js\");\nvar a11y_wrapper_1 = require(\"@playkit-js/common/dist/hoc/a11y-wrapper\");\nvar Icon = kaltura_player_js_1.ui.Components.Icon;\nvar DropdownBar = /** @class */ (function (_super) {\n __extends(DropdownBar, _super);\n function DropdownBar() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n DropdownBar.prototype.render = function () {\n return ((0, preact_1.h)(\"div\", { className: styles.moreDropdown, role: \"menu\", \"aria-expanded\": \"true\" }, this.props.controls.map(function (_a, index) {\n var id = _a.id, label = _a.label, svgIcon = _a.svgIcon, onClick = _a.onClick;\n return ((0, preact_1.h)(preact_1.Fragment, { key: id },\n (0, preact_1.h)(a11y_wrapper_1.A11yWrapper, { onClick: onClick, role: \"menuitem\" },\n (0, preact_1.h)(\"div\", { className: styles.dropdownItem, tabIndex: 0, \"aria-label\": label },\n (0, preact_1.h)(\"div\", { className: styles.icon },\n (0, preact_1.h)(Icon, { id: \"icon\".concat(index), path: svgIcon.path, viewBox: svgIcon.viewBox })),\n (0, preact_1.h)(\"span\", { className: styles.dropdownItemDescription }, label)))));\n })));\n };\n return DropdownBar;\n}(preact_1.Component));\nexports.DropdownBar = DropdownBar;\n","\"use strict\";\nvar __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n if (typeof b !== \"function\" && b !== null)\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.IconWrapper = void 0;\nvar preact_1 = require(\"preact\");\nvar kaltura_player_js_1 = require(\"kaltura-player-js\");\nvar KeyMap = kaltura_player_js_1.ui.utils.KeyMap;\n// eslint-disable-next-line react/prefer-stateless-function\nvar IconWrapper = /** @class */ (function (_super) {\n __extends(IconWrapper, _super);\n function IconWrapper() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n IconWrapper.prototype.handleOnKeyDown = function (event) {\n if (event.keyCode === KeyMap.ENTER || event.keyCode === KeyMap.SPACE) {\n event.preventDefault();\n this.props.onClick(event);\n }\n };\n IconWrapper.prototype.render = function () {\n var _this = this;\n return ((0, preact_1.h)(\"div\", { onClick: this.props.onClick, onKeyDown: function (event) { return _this.handleOnKeyDown(event); } }, (0, preact_1.cloneElement)(this.props.children)));\n };\n return IconWrapper;\n}(preact_1.Component));\nexports.IconWrapper = IconWrapper;\n","\"use strict\";\nvar __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n if (typeof b !== \"function\" && b !== null)\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.MoreIcon = void 0;\nvar preact_1 = require(\"preact\");\nvar a11y_wrapper_1 = require(\"@playkit-js/common/dist/hoc/a11y-wrapper\");\nvar kaltura_player_js_1 = require(\"kaltura-player-js\");\nvar styles = require(\"./more-icon.component.scss\");\nvar dropdown_bar_component_1 = require(\"../dropdown-bar/dropdown-bar.component\");\nvar ui_managers_1 = require(\"../../../../ui-managers\");\nvar _a = kaltura_player_js_1.ui.Components, Icon = _a.Icon, Tooltip = _a.Tooltip;\nvar withEventManager = kaltura_player_js_1.ui.Event.withEventManager;\nvar _b = kaltura_player_js_1.ui.preacti18n, withText = _b.withText, Text = _b.Text;\nvar ICON_PATH = \n// eslint-disable-next-line max-len\n'M16 22a3 3 0 1 1 0 6 3 3 0 0 1 0-6zm0 2a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm0-11a3 3 0 1 1 0 6 3 3 0 0 1 0-6zm0 2a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm0-11a3 3 0 1 1 0 6 3 3 0 0 1 0-6zm0 2a1 1 0 1 0 0 2 1 1 0 0 0 0-2z';\nvar MoreIcon = /** @class */ (function (_super) {\n __extends(MoreIcon, _super);\n function MoreIcon() {\n var _this = _super.call(this) || this;\n _this.handleOnClick = function () {\n _this.setState(function (prevState) { return ({ toggle: !prevState.toggle }); });\n };\n _this.state = { toggle: false };\n _this.moreButtonRef = (0, preact_1.createRef)();\n return _this;\n }\n MoreIcon.prototype.componentDidMount = function () {\n var _this = this;\n this.props.eventManager.listen(document, 'click', function (e) { return _this.handleClickOutside(e); });\n };\n MoreIcon.prototype.handleClickOutside = function (event) {\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n if (this.moreButtonRef && !this.moreButtonRef.current.contains(event.target)) {\n this.setState({ toggle: false });\n }\n };\n // close icon when click outside\n MoreIcon.prototype.render = function () {\n return ((0, preact_1.h)(\"div\", { style: { position: 'relative' } },\n (0, preact_1.h)(Tooltip, { label: this.props.moreIconTxt },\n (0, preact_1.h)(a11y_wrapper_1.A11yWrapper, { onClick: this.handleOnClick },\n (0, preact_1.h)(\"button\", { ref: this.moreButtonRef, className: \"\".concat(kaltura_player_js_1.ui.style.upperBarIcon, \" \").concat(styles.moreIcon), tabIndex: 0, \"aria-label\": this.props.moreIconTxt },\n (0, preact_1.h)(Icon, { id: \"\".concat(ui_managers_1.pluginName, \"-upper-bar-manager\"), path: ICON_PATH, viewBox: '0 0 32 32' })))),\n this.state.toggle && ((0, preact_1.h)(\"div\", null,\n (0, preact_1.h)(dropdown_bar_component_1.DropdownBar, { controls: this.props.icons })))));\n };\n MoreIcon = __decorate([\n withEventManager,\n withText({ moreIconTxt: (0, preact_1.h)(Text, { id: \"controls.moreIcon\" }, \"More\") })\n ], MoreIcon);\n return MoreIcon;\n}(preact_1.Component));\nexports.MoreIcon = MoreIcon;\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.UpperBarManager = void 0;\nvar kaltura_player_js_1 = require(\"kaltura-player-js\");\nvar icon_model_1 = require(\"./models/icon-model\");\nvar preact_1 = require(\"preact\");\nvar displayed_bar_component_1 = require(\"./ui/displayed-bar/displayed-bar.component\");\nvar ReservedPresetAreas = kaltura_player_js_1.ui.ReservedPresetAreas, ReservedPresetNames = kaltura_player_js_1.ui.ReservedPresetNames;\nvar UpperBarManager = /** @class */ (function () {\n /**\n * @ignore\n */\n function UpperBarManager(player, logger, config) {\n var _this = this;\n this._getControls = function (iconsOrder) {\n var icons = Array.from(_this.componentsRegistry.values());\n return icons.sort(function (a, b) { return (iconsOrder[a.label] > iconsOrder[b.label] ? 1 : -1); });\n };\n this.player = player;\n this.componentsRegistry = new Map();\n this.logger = logger;\n this.displayedBarComponentRef = (0, preact_1.createRef)();\n this.injectDisplayedBarComponentWrapper(config.pluginsIconsOrder);\n }\n UpperBarManager.prototype.add = function (icon) {\n if (UpperBarManager.validateItem(icon)) {\n var newIcon = new icon_model_1.IconModel(icon);\n this.componentsRegistry.set(newIcon.id, newIcon);\n this.displayedBarComponentRef.current.update();\n this.logger.debug(\"Icon Id: '\".concat(newIcon.id, \"' '\").concat(newIcon.label, \"' added\"));\n return newIcon.id;\n }\n this.logger.warn('Invalid Icon parameters', icon);\n return undefined;\n };\n UpperBarManager.prototype.remove = function (itemId) {\n var icon = this.componentsRegistry.get(itemId);\n if (icon) {\n this.componentsRegistry.delete(itemId);\n this.displayedBarComponentRef.current.update();\n this.logger.debug(\"Icon Id: '\".concat(icon.id, \"' Label: '\").concat(icon.label, \"' removed\"));\n }\n else {\n this.logger.warn(\"\".concat(itemId, \" is not registered\"));\n }\n };\n UpperBarManager.prototype.isActive = function (itemId) {\n return !!this.componentsRegistry.get(itemId);\n };\n UpperBarManager.prototype.update = function (iconId) {\n var icon = this.componentsRegistry.get(iconId);\n if (icon) {\n icon.update();\n }\n else {\n this.logger.warn(\"\".concat(iconId, \" is not registered\"));\n }\n };\n UpperBarManager.prototype.injectDisplayedBarComponentWrapper = function (iconsOrder) {\n var _this = this;\n this.player.ui.addComponent({\n label: 'Right-Upper-Bar-Wrapper',\n presets: [ReservedPresetNames.Playback, ReservedPresetNames.Live],\n area: ReservedPresetAreas.TopBarRightControls,\n get: function () {\n return (0, preact_1.h)(displayed_bar_component_1.DisplayedBar, { ref: _this.displayedBarComponentRef, getControls: function () { return _this._getControls(iconsOrder); } });\n }\n });\n };\n UpperBarManager.validateItem = function (icon) {\n return typeof icon.onClick === 'function' && typeof icon.component === 'function';\n };\n return UpperBarManager;\n}());\nexports.UpperBarManager = UpperBarManager;\n","\"use strict\";\nvar __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n if (typeof b !== \"function\" && b !== null)\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.UIManagers = exports.pluginName = void 0;\nvar kaltura_player_js_1 = require(\"kaltura-player-js\");\nvar side_panels_manager_1 = require(\"./services/side-panels-manager/side-panels-manager\");\nvar upper_bar_manager_1 = require(\"./services/upper-bar-manager/upper-bar-manager\");\nexports.pluginName = 'uiManagers';\n/**\n * manages the registration of UI services\n * @internal\n */\nvar UIManagers = /** @class */ (function (_super) {\n __extends(UIManagers, _super);\n function UIManagers(name, player, config) {\n var _this = _super.call(this, name, player, config) || this;\n player.registerService('sidePanelsManager', new side_panels_manager_1.SidePanelsManager(player, _this.logger));\n player.registerService('upperBarManager', new upper_bar_manager_1.UpperBarManager(player, _this.logger, _this.config.upperBarManager));\n return _this;\n }\n UIManagers.isValid = function () {\n return true;\n };\n UIManagers.defaultConfig = {\n upperBarManager: {\n pluginsIconsOrder: {\n Navigation: 10,\n 'Q&A': 20,\n Transcript: 30,\n Download: 40,\n Playlist: 50,\n Related: 60,\n Share: 70,\n Info: 80,\n Moderation: 90\n }\n }\n };\n return UIManagers;\n}(kaltura_player_js_1.BasePlugin));\nexports.UIManagers = UIManagers;\n","module.exports = KalturaPlayer;","module.exports = KalturaPlayer.ui.preact;","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\tid: moduleId,\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","__webpack_require__.nc = undefined;"],"names":["kaltura_player_js_1","ui_managers_1","Object","defineProperty","exports","value","A11yWrapper","isKeyboardEvent","preact_1","_a","ui","utils","KeyMap","ENTER","SPACE","UP","DOWN","LEFT","RIGHT","stopEvent","e","preventDefault","stopPropagation","KeyboardEvent","offsetX","offsetY","every","offset","children","onClick","onUpKeyPressed","onDownKeyPressed","onLeftKeyPressed","onRightKeyPressed","role","type","props","onKeyDown","keyCode","cloneElement","defaultProps","___CSS_LOADER_EXPORT___","push","module","id","sidePanelWrapper","activeState","rightUpperBarWrapperContainer","moreDropdown","dropdownItem","icon","dropdownItemDescription","moreIcon","cssWithMappingToString","list","toString","this","map","item","content","needLayer","concat","length","join","i","modules","media","dedupe","supports","layer","undefined","alreadyImportedModules","k","_k","cssMapping","btoa","base64","unescape","encodeURIComponent","JSON","stringify","data","sourceMapping","options","styleTagTransform","setAttributes","insert","domAPI","insertStyleElement","stylesInDOM","getIndexByIdentifier","identifier","result","modulesToDom","idCountMap","identifiers","base","count","indexByIdentifier","obj","css","sourceMap","references","updater","addElementStyle","byIndex","splice","api","update","newObj","remove","lastIdentifiers","newList","index","newLastIdentifiers","_i","_index","memo","style","target","styleTarget","document","querySelector","window","HTMLIFrameElement","contentDocument","head","getTarget","Error","appendChild","element","createElement","attributes","styleElement","nonce","setAttribute","apply","parentNode","removeChild","removeStyleElement","styleSheet","cssText","firstChild","createTextNode","ItemWrapper","panel_item_wrapper_component_1","player","nextId","upperBarManager","getService","isActive","injectPanelComponent","iconComponent","itemId_1","iconId","add","label","svgIcon","component","prototype","activate","_b","_this","panelItemComponentRef","current","on","onActivate","call","setTimeout","deactivate","switchMode","off","onDeactivate","removePanelComponentFn","forceUpdate","position","panelComponent","presets","SidePanelComponent","componentRef","createRef","addComponent","area","getPanelArea","get","h","PanelItemWrapper","ref","charAt","toUpperCase","slice","__values","o","s","Symbol","iterator","m","next","done","TypeError","SidePanelsManager","item_wrapper_1","SidePanelModes","SidePanelPositions","ReservedPresetNames","COUNTER_PANELS","TOP","BOTTOM","logger","activePanels","top","bottom","right","left","componentsRegistry","Map","validateItem","newItemWrapper","toggle","set","debug","warn","itemId","itemWrapper","isItemActive","deactivateItem","delete","activateItem","expandMode","previousItemWrapper","counterPosition","getCounterPanelPosition","expand","collapse","reset","destroy","removeAllItems","e_1","values","_c","e_1_1","error","return","store","dispatch","reducers","shell","actions","updateSidePanelMode","HIDDEN","includes","preset","path","extendStatics","__extends","d","b","setPrototypeOf","__proto__","Array","p","hasOwnProperty","String","__","constructor","create","styles","defaultTransitionTime","_super","state","setState","render","className","transition","Component","IconModel","__decorate","decorators","key","desc","c","arguments","r","getOwnPropertyDescriptor","Reflect","decorate","DisplayedBar","icon_wrapper_component_1","more_icon_component_1","PLAYER_SIZE","Components","connect","redux","mapStateToProps","playerSize","splitControlsIntoDisplayedAndDropdown","TINY","displayedControls","dropdownControls","EXTRA_SMALL","SMALL","splitControls","numberOfDisplayedIcon","controls","getControls","IconWrapperComponent","IconWrapper","MoreIcon","icons","forwardRef","DropdownBar","a11y_wrapper_1","Icon","Fragment","tabIndex","viewBox","handleOnKeyDown","event","dropdown_bar_component_1","Tooltip","withEventManager","Event","preacti18n","withText","Text","handleOnClick","prevState","moreButtonRef","componentDidMount","eventManager","listen","handleClickOutside","contains","moreIconTxt","upperBarIcon","pluginName","UpperBarManager","icon_model_1","displayed_bar_component_1","ReservedPresetAreas","config","_getControls","iconsOrder","from","sort","a","displayedBarComponentRef","injectDisplayedBarComponentWrapper","pluginsIconsOrder","newIcon","Playback","Live","TopBarRightControls","UIManagers","side_panels_manager_1","upper_bar_manager_1","name","registerService","isValid","defaultConfig","Navigation","Transcript","Download","Playlist","Related","Share","Info","Moderation","BasePlugin","KalturaPlayer","preact","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","__webpack_modules__","n","getter","__esModule","definition","enumerable","prop","toStringTag","nc","registerPlugin"],"sourceRoot":""} \ No newline at end of file +{"version":3,"file":"playkit-ui-managers.js","mappings":";;;;;;;;;;AAAa;AACb,8CAA6C,EAAE,aAAa,EAAC;AAC7D,mBAAmB,GAAG,uBAAuB;AAC7C,eAAe,mBAAO,CAAC,sBAAQ;AAC/B,0BAA0B,mBAAO,CAAC,oEAA+B;AACjE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,0FAA0F,sBAAsB;AAChH;AACA,uBAAuB;AACvB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mBAAmB;AACnB,gCAAgC;AAChC;AACA;AACA;;;;;;;;;;ACvDa;AACb,8CAA6C,EAAE,aAAa,EAAC;AAC7D,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA,SAAS;AACT;AACA;AACA,CAAC;AACD,qBAAqB;AACrB;;;;;;;;;;ACrCa;AACb,8CAA6C,EAAE,aAAa,EAAC;AAC7D,yBAAyB;AACzB,2BAA2B,mBAAO,CAAC,uHAAsB;AACzD,qDAAoD,EAAE,qCAAqC,kDAAkD,EAAC;AAC9I;;;;;;;;;;ACLa;AACb;AACA;AACA;AACA,eAAe,gBAAgB,sCAAsC,kBAAkB;AACvF,8BAA8B;AAC9B;AACA;AACA;AACA;AACA;AACA;AACA,wBAAwB;AACxB;AACA;AACA,CAAC;AACD,8CAA6C,EAAE,aAAa,EAAC;AAC7D,yBAAyB;AACzB,eAAe,mBAAO,CAAC,sBAAQ;AAC/B,aAAa,mBAAO,CAAC,8HAA2B;AAChD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mBAAmB,uBAAuB;AAC1C;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oBAAoB,uBAAuB;AAC3C;AACA;AACA;AACA;AACA;AACA,yCAAyC,4EAA4E,+BAA+B;AACpJ;AACA;AACA,CAAC;AACD,yBAAyB;AACzB;;;;;;;;;;AC1Da;AACb;AACA;AACA;AACA;AACA,eAAe,oCAAoC;AACnD;AACA;AACA,CAAC;AACD;AACA;AACA,CAAC;AACD;AACA;AACA;AACA,8CAA6C,EAAE,aAAa,EAAC;AAC7D,aAAa,mBAAO,CAAC,oHAAqB;AAC1C;;;;;;;;;;ACjBa;AACb;AACA;AACA;AACA,eAAe,gBAAgB,sCAAsC,kBAAkB;AACvF,8BAA8B;AAC9B;AACA;AACA;AACA;AACA;AACA;AACA,wBAAwB;AACxB;AACA;AACA,CAAC;AACD;AACA;AACA;AACA,6CAA6C,QAAQ;AACrD;AACA;AACA,8CAA6C,EAAE,aAAa,EAAC;AAC7D,wBAAwB;AACxB,eAAe,mBAAO,CAAC,sBAAQ;AAC/B,aAAa,mBAAO,CAAC,6HAA2B;AAChD;AACA,yCAAyC;AACzC;AACA,CAAC;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA,yCAAyC,wGAAwG;AACjJ;AACA;AACA;AACA;AACA;AACA,+CAA+C,kBAAkB;AACjE;AACA;AACA,CAAC;AACD,wBAAwB;AACxB;;;;;;;;;;ACnEa;AACb,8CAA6C,EAAE,aAAa,EAAC;AAC7D,oBAAoB,GAAG,qBAAqB;AAC5C;AACA,wDAAwD;AACxD;AACA,qBAAqB;AACrB;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA,oBAAoB;AACpB;;;;;;;;;;;;;;;;;;;AC9BA;AACyG;AACjB;AACxF,8BAA8B,sEAA2B,CAAC,+EAAqC;AAC/F;AACA,sEAAsE,gBAAgB,iBAAiB,qBAAqB,GAAG,OAAO,4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CA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA,MAAM;AACN;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA,oBAAoB,4BAA4B;AAChD;AACA;AACA;AACA;;AAEA;;AAEA,qBAAqB,6BAA6B;AAClD;;AAEA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;;;;;;;;;ACvGa;;AAEb;AACA;;AAEA;AACA;AACA,sDAAsD;;AAEtD;AACA;AACA;AACA;AACA;AACA,QAAQ;AACR;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;;AAGA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;;;;;;;;;;ACtCa;;AAEb;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;;;;;;;;;ACVa;;AAEb;AACA;AACA,cAAc,KAAwC,GAAG,sBAAiB,GAAG,CAAI;;AAEjF;AACA;AACA;AACA;;AAEA;;;;;;;;;;ACXa;;AAEb;AACA;AACA;;AAEA;AACA,kDAAkD;AAClD;;AAEA;AACA,0CAA0C;AAC1C;;AAEA;;AAEA;AACA,iFAAiF;AACjF;;AAEA;;AAEA;AACA,aAAa;AACb;;AAEA;AACA,aAAa;AACb;;AAEA;AACA,aAAa;AACb;;AAEA;;AAEA;AACA,yDAAyD;AACzD,IAAI;;AAEJ;;;AAGA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;;AAEA;;;;;;;;;;ACrEa;;AAEb;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;;AAEA;AACA;AACA;;AAEA;;;;;;;;;;;;;;;;;;;;;ACf2C;AAC+C;AAEI;AACP;AAIrC;AASlD,MAAM,kBAAkB,GAAG;IACzB,SAAS,E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","sources":["webpack://@playkit-js/ui-managers/./node_modules/@playkit-js/common/dist/hoc/a11y-wrapper/index.js","webpack://@playkit-js/ui-managers/./node_modules/@playkit-js/common/dist/ui-common/events-manager.js","webpack://@playkit-js/ui-managers/./node_modules/@playkit-js/common/dist/ui-common/injected-component/index.js","webpack://@playkit-js/ui-managers/./node_modules/@playkit-js/common/dist/ui-common/injected-component/injected-component.js","webpack://@playkit-js/ui-managers/./node_modules/@playkit-js/common/dist/ui-common/managed-component/index.js","webpack://@playkit-js/ui-managers/./node_modules/@playkit-js/common/dist/ui-common/managed-component/managed-component.js","webpack://@playkit-js/ui-managers/./node_modules/@playkit-js/common/dist/ui-common/player-utils.js","webpack://@playkit-js/ui-managers/./node_modules/@playkit-js/common/dist/ui-common/injected-component/injected-component.scss","webpack://@playkit-js/ui-managers/./node_modules/@playkit-js/common/dist/ui-common/managed-component/_managed-component.scss","webpack://@playkit-js/ui-managers/./src/services/side-panels-manager/ui/panel-item-wrapper/panel-item-wrapper.component.scss","webpack://@playkit-js/ui-managers/./src/services/upper-bar-manager/ui/displayed-bar/displayed-bar.component.scss","webpack://@playkit-js/ui-managers/./src/services/upper-bar-manager/ui/dropdown-bar/dropdown-bar.component.scss","webpack://@playkit-js/ui-managers/./src/services/upper-bar-manager/ui/more-icon/more-icon.component.scss","webpack://@playkit-js/ui-managers/./node_modules/css-loader/dist/runtime/api.js","webpack://@playkit-js/ui-managers/./node_modules/css-loader/dist/runtime/sourceMaps.js","webpack://@playkit-js/ui-managers/./node_modules/@playkit-js/common/dist/ui-common/injected-component/injected-component.scss?ad3c","webpack://@playkit-js/ui-managers/./node_modules/@playkit-js/common/dist/ui-common/managed-component/_managed-component.scss?6621","webpack://@playkit-js/ui-managers/./src/services/side-panels-manager/ui/panel-item-wrapper/panel-item-wrapper.component.scss?48a8","webpack://@playkit-js/ui-managers/./src/services/upper-bar-manager/ui/displayed-bar/displayed-bar.component.scss?a962","webpack://@playkit-js/ui-managers/./src/services/upper-bar-manager/ui/dropdown-bar/dropdown-bar.component.scss?be27","webpack://@playkit-js/ui-managers/./src/services/upper-bar-manager/ui/more-icon/more-icon.component.scss?6d90","webpack://@playkit-js/ui-managers/./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js","webpack://@playkit-js/ui-managers/./node_modules/style-loader/dist/runtime/insertBySelector.js","webpack://@playkit-js/ui-managers/./node_modules/style-loader/dist/runtime/insertStyleElement.js","webpack://@playkit-js/ui-managers/./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js","webpack://@playkit-js/ui-managers/./node_modules/style-loader/dist/runtime/styleDomAPI.js","webpack://@playkit-js/ui-managers/./node_modules/style-loader/dist/runtime/styleTagTransform.js","webpack://@playkit-js/ui-managers/./src/services/floating-manager/floating-manager.tsx","webpack://@playkit-js/ui-managers/./src/services/floating-manager/ui/floating-item.tsx","webpack://@playkit-js/ui-managers/./src/services/preset-manager/models/preset-item-data.ts","webpack://@playkit-js/ui-managers/./src/services/preset-manager/preset-manager.tsx","webpack://@playkit-js/ui-managers/./src/services/preset-manager/ui-player-adapter.ts","webpack://@playkit-js/ui-managers/./src/services/preset-manager/ui/preset-item.tsx","webpack://@playkit-js/ui-managers/./src/services/side-panels-manager/models/item-wrapper.tsx","webpack://@playkit-js/ui-managers/./src/services/side-panels-manager/side-panels-manager.ts","webpack://@playkit-js/ui-managers/./src/services/side-panels-manager/ui/panel-item-wrapper/panel-item-wrapper.component.tsx","webpack://@playkit-js/ui-managers/./src/services/upper-bar-manager/models/icon-model.ts","webpack://@playkit-js/ui-managers/./src/services/upper-bar-manager/ui/displayed-bar/displayed-bar.component.tsx","webpack://@playkit-js/ui-managers/./src/services/upper-bar-manager/ui/dropdown-bar/dropdown-bar.component.tsx","webpack://@playkit-js/ui-managers/./src/services/upper-bar-manager/ui/icon-wrapper/icon-wrapper.component.tsx","webpack://@playkit-js/ui-managers/./src/services/upper-bar-manager/ui/more-icon/more-icon.component.tsx","webpack://@playkit-js/ui-managers/./src/services/upper-bar-manager/upper-bar-manager.tsx","webpack://@playkit-js/ui-managers/./src/ui-managers.ts","webpack://@playkit-js/ui-managers/external root \"KalturaPlayer\"","webpack://@playkit-js/ui-managers/external root \"KalturaPlayer.ui.preact\"","webpack://@playkit-js/ui-managers/webpack/bootstrap","webpack://@playkit-js/ui-managers/webpack/runtime/compat get default export","webpack://@playkit-js/ui-managers/webpack/runtime/define property getters","webpack://@playkit-js/ui-managers/webpack/runtime/hasOwnProperty shorthand","webpack://@playkit-js/ui-managers/webpack/runtime/make namespace object","webpack://@playkit-js/ui-managers/webpack/runtime/nonce","webpack://@playkit-js/ui-managers/./src/index.ts"],"sourcesContent":["\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.A11yWrapper = exports.isKeyboardEvent = void 0;\nvar preact_1 = require(\"preact\");\nvar kaltura_player_js_1 = require(\"@playkit-js/kaltura-player-js\");\nvar _a = kaltura_player_js_1.ui.utils.KeyMap, ENTER = _a.ENTER, SPACE = _a.SPACE, UP = _a.UP, DOWN = _a.DOWN, LEFT = _a.LEFT, RIGHT = _a.RIGHT;\nvar stopEvent = function (e) {\n e.preventDefault();\n e.stopPropagation();\n};\nvar isKeyboardEvent = function (e) {\n // space/enter keyEvent is swallowed by NVDA (https://github.com/nvaccess/nvda/issues/7898)\n // check offsetX and offsetY to define keyboard event triggered by NVDA\n return e instanceof KeyboardEvent || [e.offsetX, e.offsetY].every(function (offset) { return offset === 0; });\n};\nexports.isKeyboardEvent = isKeyboardEvent;\nvar A11yWrapper = function (_a) {\n var children = _a.children, onClick = _a.onClick, onUpKeyPressed = _a.onUpKeyPressed, onDownKeyPressed = _a.onDownKeyPressed, onLeftKeyPressed = _a.onLeftKeyPressed, onRightKeyPressed = _a.onRightKeyPressed, role = _a.role, type = _a.type;\n var props = {\n onKeyDown: function (e) {\n if (e.keyCode === SPACE || e.keyCode === ENTER) {\n stopEvent(e);\n onClick(e, true);\n }\n else if (e.keyCode === UP && onUpKeyPressed) {\n stopEvent(e);\n onUpKeyPressed(e);\n }\n else if (e.keyCode === DOWN && onDownKeyPressed) {\n stopEvent(e);\n onDownKeyPressed(e);\n }\n else if (e.keyCode === LEFT && onLeftKeyPressed) {\n stopEvent(e);\n onLeftKeyPressed(e);\n }\n else if (e.keyCode === RIGHT && onRightKeyPressed) {\n stopEvent(e);\n onRightKeyPressed(e);\n }\n },\n onClick: function (e) {\n onClick(e, (0, exports.isKeyboardEvent)(e));\n },\n role: role\n };\n if ((children === null || children === void 0 ? void 0 : children.type) === 'button') {\n props.type = type || 'button';\n }\n return (0, preact_1.cloneElement)(children, props);\n};\nexports.A11yWrapper = A11yWrapper;\nexports.A11yWrapper.defaultProps = {\n role: 'button'\n};\n//# sourceMappingURL=index.js.map","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.EventsManager = void 0;\nvar EventsManager = /** @class */ (function () {\n function EventsManager() {\n this._eventListeners = {};\n this._wildcardEventListeners = [];\n }\n EventsManager.prototype.on = function (type, handler) {\n if (type === '*') {\n this._wildcardEventListeners.push(handler);\n return;\n }\n (this._eventListeners[type] || (this._eventListeners[type] = [])).push(handler);\n };\n EventsManager.prototype.off = function (type, handler) {\n if (type === '*') {\n this._wildcardEventListeners.splice(this._wildcardEventListeners.indexOf(handler) >>> 0, 1);\n return;\n }\n var eventListeners = this._eventListeners[type];\n if (!eventListeners) {\n return;\n }\n eventListeners.splice(eventListeners.indexOf(handler) >>> 0, 1);\n };\n EventsManager.prototype.emit = function (event) {\n (this._eventListeners[event.type] || []).slice().map(function (handler) {\n handler(event);\n });\n this._wildcardEventListeners.slice().map(function (handler) {\n handler(event);\n });\n };\n return EventsManager;\n}());\nexports.EventsManager = EventsManager;\n//# sourceMappingURL=events-manager.js.map","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.InjectedComponent = void 0;\nvar injected_component_1 = require(\"./injected-component\");\nObject.defineProperty(exports, \"InjectedComponent\", { enumerable: true, get: function () { return injected_component_1.InjectedComponent; } });\n//# sourceMappingURL=index.js.map","\"use strict\";\nvar __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n if (typeof b !== \"function\" && b !== null)\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.InjectedComponent = void 0;\nvar preact_1 = require(\"preact\");\nvar styles = require(\"./injected-component.scss\");\nvar InjectedComponent = /** @class */ (function (_super) {\n __extends(InjectedComponent, _super);\n function InjectedComponent() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n _this._root = null;\n return _this;\n }\n InjectedComponent.prototype.shouldComponentUpdate = function () {\n return false;\n };\n InjectedComponent.prototype.componentDidMount = function () {\n var _a = this.props, onCreate = _a.onCreate, label = _a.label;\n if (!onCreate) {\n return;\n }\n var parentElement = this._root;\n if (!parentElement) {\n return;\n }\n onCreate({ parent: parentElement });\n };\n InjectedComponent.prototype.componentWillUnmount = function () {\n var _a = this.props, onDestroy = _a.onDestroy, label = _a.label;\n var parentElement = this._root;\n if (!parentElement || !onDestroy) {\n return;\n }\n onDestroy({ parent: parentElement });\n };\n InjectedComponent.prototype.render = function () {\n var _this = this;\n var _a = this.props, label = _a.label, fillContainer = _a.fillContainer;\n var className = fillContainer ? styles.fillContainer : '';\n return ((0, preact_1.h)(\"div\", { \"data-contrib-injected\": label, className: className, ref: function (ref) { return (_this._root = ref); } }));\n };\n return InjectedComponent;\n}(preact_1.Component));\nexports.InjectedComponent = InjectedComponent;\n//# sourceMappingURL=injected-component.js.map","\"use strict\";\nvar __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {\n if (k2 === undefined) k2 = k;\n var desc = Object.getOwnPropertyDescriptor(m, k);\n if (!desc || (\"get\" in desc ? !m.__esModule : desc.writable || desc.configurable)) {\n desc = { enumerable: true, get: function() { return m[k]; } };\n }\n Object.defineProperty(o, k2, desc);\n}) : (function(o, m, k, k2) {\n if (k2 === undefined) k2 = k;\n o[k2] = m[k];\n}));\nvar __exportStar = (this && this.__exportStar) || function(m, exports) {\n for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\n__exportStar(require(\"./managed-component\"), exports);\n//# sourceMappingURL=index.js.map","\"use strict\";\nvar __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n if (typeof b !== \"function\" && b !== null)\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.ManagedComponent = void 0;\nvar preact_1 = require(\"preact\");\nvar styles = require(\"./_managed-component.scss\");\nvar connect = KalturaPlayer.ui.redux.connect;\nvar mapStateToProps = function (state) { return ({\n playerSize: state.shell.playerSize\n}); };\nvar ManagedComponent = /** @class */ (function (_super) {\n __extends(ManagedComponent, _super);\n function ManagedComponent() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n ManagedComponent.prototype.update = function () {\n this.setState(function (prev) {\n return {\n toggler: !prev.toggler\n };\n });\n };\n ManagedComponent.prototype.shouldComponentUpdate = function (prevProps) {\n var _a = this.props, updateOnPlayerSizeChanged = _a.updateOnPlayerSizeChanged, playerSize = _a.playerSize;\n return (updateOnPlayerSizeChanged && prevProps.playerSize !== playerSize) || prevProps.playerSize === playerSize;\n };\n ManagedComponent.prototype.componentDidMount = function () {\n this.setState({\n toggler: false\n });\n };\n ManagedComponent.prototype.render = function () {\n var _a = this.props, fillContainer = _a.fillContainer, isShown = _a.isShown, playerSize = _a.playerSize;\n if (!isShown()) {\n return null;\n }\n return ((0, preact_1.h)(\"div\", { \"data-contrib-item\": this.props.label, className: \"\".concat(fillContainer ? styles.fillContainer : '') }, this.props.renderChildren(playerSize)));\n };\n ManagedComponent.defaultProps = {\n fillContainer: false\n };\n ManagedComponent = __decorate([\n connect(mapStateToProps, null, null, { forwardRef: true })\n ], ManagedComponent);\n return ManagedComponent;\n}(preact_1.Component));\nexports.ManagedComponent = ManagedComponent;\n//# sourceMappingURL=managed-component.js.map","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.getVideoSize = exports.getPlayerSize = void 0;\nfunction getPlayerSize(kalturaPlayer) {\n return kalturaPlayer ? kalturaPlayer.dimensions : { width: 0, height: 0 };\n}\nexports.getPlayerSize = getPlayerSize;\nfunction getVideoSize(kalturaPlayer) {\n if (!kalturaPlayer) {\n return { width: 0, height: 0 };\n }\n var videoTrack = kalturaPlayer.getActiveTracks().video;\n if (!videoTrack ||\n videoTrack.width === undefined ||\n videoTrack.height === undefined) {\n // fallback - mainly for Safari\n if (kalturaPlayer.getVideoElement()) {\n return {\n width: kalturaPlayer.getVideoElement().videoWidth,\n height: kalturaPlayer.getVideoElement().videoHeight,\n };\n }\n return { width: 0, height: 0 };\n }\n return {\n width: videoTrack.width,\n height: videoTrack.height,\n };\n}\nexports.getVideoSize = getVideoSize;\n//# sourceMappingURL=player-utils.js.map","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../../css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../../css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".playkit-fill-container_nM {\\n width: 100%;\\n height: 100%;\\n overflow: hidden;\\n}\", \"\",{\"version\":3,\"sources\":[\"webpack://./node_modules/@playkit-js/common/dist/ui-common/injected-component/injected-component.scss\"],\"names\":[],\"mappings\":\"AAAA;EACE,WAAA;EACA,YAAA;EACA,gBAAA;AACF\",\"sourcesContent\":[\".fill-container {\\n width: 100%;\\n height: 100%;\\n overflow: hidden;\\n}\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport var fillContainer = \"playkit-fill-container_nM\";\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../../css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../../css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".playkit-fill-container_qY {\\n width: 100%;\\n height: 100%;\\n}\", \"\",{\"version\":3,\"sources\":[\"webpack://./node_modules/@playkit-js/common/dist/ui-common/managed-component/_managed-component.scss\"],\"names\":[],\"mappings\":\"AAAA;EACE,WAAA;EACA,YAAA;AACF\",\"sourcesContent\":[\".fill-container {\\n width: 100%;\\n height: 100%;\\n}\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport var fillContainer = \"playkit-fill-container_qY\";\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".playkit-side-panel-wrapper_Wr {\\n visibility: hidden;\\n position: absolute;\\n width: 100%;\\n height: 100%;\\n}\\n\\n.playkit-active-state_vh {\\n visibility: visible;\\n}\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/services/side-panels-manager/ui/panel-item-wrapper/panel-item-wrapper.component.scss\"],\"names\":[],\"mappings\":\"AAAA;EACE,kBAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;AACF;;AAEA;EACE,mBAAA;AACF\",\"sourcesContent\":[\".side-panel-wrapper {\\n visibility: hidden;\\n position: absolute;\\n width: 100%;\\n height: 100%;\\n}\\n\\n.active-state {\\n visibility: visible;\\n}\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport var sidePanelWrapper = \"playkit-side-panel-wrapper_Wr\";\nexport var activeState = \"playkit-active-state_vh\";\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".playkit-right-upper-bar-wrapper-container_Vm {\\n direction: ltr;\\n display: flex;\\n}\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/services/upper-bar-manager/ui/displayed-bar/displayed-bar.component.scss\"],\"names\":[],\"mappings\":\"AAAA;EACE,cAAA;EACA,aAAA;AACF\",\"sourcesContent\":[\".right-upper-bar-wrapper-container {\\n direction: ltr;\\n display: flex;\\n}\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport var rightUpperBarWrapperContainer = \"playkit-right-upper-bar-wrapper-container_Vm\";\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".playkit-more-dropdown_SJ {\\n position: absolute;\\n padding: 8px 4px;\\n width: 166px;\\n background-color: var(--playkit-tone-7-color);\\n border-radius: 4px;\\n top: 44px;\\n right: 0;\\n}\\n.playkit-more-dropdown_SJ .playkit-dropdown-item_Aq {\\n border-radius: 4px;\\n padding: 4px 12px 4px 15px;\\n display: flex;\\n margin: 4px 0;\\n cursor: pointer;\\n}\\n.playkit-more-dropdown_SJ .playkit-dropdown-item_Aq .playkit-icon_h_ {\\n width: 24px;\\n height: 24px;\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n}\\n.playkit-more-dropdown_SJ .playkit-dropdown-item_Aq:hover {\\n background-color: var(--playkit-tone-6-color);\\n}\\n.playkit-more-dropdown_SJ .playkit-dropdown-item_Aq .playkit-dropdown-item-description_rC {\\n display: flex;\\n flex: 1;\\n font-size: 14px;\\n font-weight: 700;\\n align-items: center;\\n padding-left: 11px;\\n}\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/services/upper-bar-manager/ui/dropdown-bar/dropdown-bar.component.scss\",\"webpack://./node_modules/@playkit-js/playkit-js-ui/src/styles/exported.scss\"],\"names\":[],\"mappings\":\"AAEA;EACE,kBAAA;EACA,gBAAA;EACA,YAAA;EACA,6CC8Ba;ED7Bb,kBAAA;EACA,SAAA;EACA,QAAA;AADF;AAGE;EACE,kBAAA;EACA,0BAAA;EACA,aAAA;EACA,aAAA;EACA,eAAA;AADJ;AAGI;EACE,WAAA;EACA,YAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;AADN;AAII;EACE,6CCQS;ADVf;AAKI;EACE,aAAA;EACA,OAAA;EACA,eAAA;EACA,gBAAA;EACA,mBAAA;EACA,kBAAA;AAHN\",\"sourcesContent\":[\"@import '~@playkit-js/playkit-js-ui';\\n\\n.more-dropdown {\\n position: absolute;\\n padding: 8px 4px;\\n width: 166px; // replace to min-width and grow with text\\n background-color: $tone-7-color;\\n border-radius: 4px;\\n top: 44px;\\n right: 0;\\n\\n .dropdown-item {\\n border-radius: 4px;\\n padding: 4px 12px 4px 15px;\\n display: flex;\\n margin: 4px 0;\\n cursor: pointer;\\n\\n .icon {\\n width: 24px;\\n height: 24px;\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n }\\n\\n &:hover {\\n background-color: $tone-6-color;\\n }\\n\\n .dropdown-item-description {\\n display: flex;\\n flex: 1;\\n font-size: 14px;\\n font-weight: 700;\\n align-items: center;\\n padding-left: 11px;\\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\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport var moreDropdown = \"playkit-more-dropdown_SJ\";\nexport var dropdownItem = \"playkit-dropdown-item_Aq\";\nexport var icon = \"playkit-icon_h_\";\nexport var dropdownItemDescription = \"playkit-dropdown-item-description_rC\";\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".playkit-more-icon_fR {\\n margin-right: 0;\\n z-index: 2;\\n}\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/services/upper-bar-manager/ui/more-icon/more-icon.component.scss\"],\"names\":[],\"mappings\":\"AAAA;EACE,eAAA;EACA,UAAA;AACF\",\"sourcesContent\":[\".more-icon {\\n margin-right: 0;\\n z-index: 2;\\n}\\n\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport var moreIcon = \"playkit-more-icon_fR\";\nexport default ___CSS_LOADER_EXPORT___;\n","\"use strict\";\n\n/*\n MIT License http://www.opensource.org/licenses/mit-license.php\n Author Tobias Koppers @sokra\n*/\nmodule.exports = function (cssWithMappingToString) {\n var list = []; // return the list of modules as css string\n\n list.toString = function toString() {\n return this.map(function (item) {\n var content = \"\";\n var needLayer = typeof item[5] !== \"undefined\";\n\n if (item[4]) {\n content += \"@supports (\".concat(item[4], \") {\");\n }\n\n if (item[2]) {\n content += \"@media \".concat(item[2], \" {\");\n }\n\n if (needLayer) {\n content += \"@layer\".concat(item[5].length > 0 ? \" \".concat(item[5]) : \"\", \" {\");\n }\n\n content += cssWithMappingToString(item);\n\n if (needLayer) {\n content += \"}\";\n }\n\n if (item[2]) {\n content += \"}\";\n }\n\n if (item[4]) {\n content += \"}\";\n }\n\n return content;\n }).join(\"\");\n }; // import a list of modules into the list\n\n\n list.i = function i(modules, media, dedupe, supports, layer) {\n if (typeof modules === \"string\") {\n modules = [[null, modules, undefined]];\n }\n\n var alreadyImportedModules = {};\n\n if (dedupe) {\n for (var k = 0; k < this.length; k++) {\n var id = this[k][0];\n\n if (id != null) {\n alreadyImportedModules[id] = true;\n }\n }\n }\n\n for (var _k = 0; _k < modules.length; _k++) {\n var item = [].concat(modules[_k]);\n\n if (dedupe && alreadyImportedModules[item[0]]) {\n continue;\n }\n\n if (typeof layer !== \"undefined\") {\n if (typeof item[5] === \"undefined\") {\n item[5] = layer;\n } else {\n item[1] = \"@layer\".concat(item[5].length > 0 ? \" \".concat(item[5]) : \"\", \" {\").concat(item[1], \"}\");\n item[5] = layer;\n }\n }\n\n if (media) {\n if (!item[2]) {\n item[2] = media;\n } else {\n item[1] = \"@media \".concat(item[2], \" {\").concat(item[1], \"}\");\n item[2] = media;\n }\n }\n\n if (supports) {\n if (!item[4]) {\n item[4] = \"\".concat(supports);\n } else {\n item[1] = \"@supports (\".concat(item[4], \") {\").concat(item[1], \"}\");\n item[4] = supports;\n }\n }\n\n list.push(item);\n }\n };\n\n return list;\n};","\"use strict\";\n\nmodule.exports = function (item) {\n var content = item[1];\n var cssMapping = item[3];\n\n if (!cssMapping) {\n return content;\n }\n\n if (typeof btoa === \"function\") {\n var base64 = btoa(unescape(encodeURIComponent(JSON.stringify(cssMapping))));\n var data = \"sourceMappingURL=data:application/json;charset=utf-8;base64,\".concat(base64);\n var sourceMapping = \"/*# \".concat(data, \" */\");\n var sourceURLs = cssMapping.sources.map(function (source) {\n return \"/*# sourceURL=\".concat(cssMapping.sourceRoot || \"\").concat(source, \" */\");\n });\n return [content].concat(sourceURLs).concat([sourceMapping]).join(\"\\n\");\n }\n\n return [content].join(\"\\n\");\n};","\n import API from \"!../../../../../style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n import domAPI from \"!../../../../../style-loader/dist/runtime/styleDomAPI.js\";\n import insertFn from \"!../../../../../style-loader/dist/runtime/insertBySelector.js\";\n import setAttributes from \"!../../../../../style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n import insertStyleElement from \"!../../../../../style-loader/dist/runtime/insertStyleElement.js\";\n import styleTagTransformFn from \"!../../../../../style-loader/dist/runtime/styleTagTransform.js\";\n import content, * as namedExport from \"!!../../../../../css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../../../sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./injected-component.scss\";\n \n \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n options.insert = insertFn.bind(null, \"head\");\n \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../../../css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../../../sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./injected-component.scss\";\n export default content && content.locals ? content.locals : undefined;\n","\n import API from \"!../../../../../style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n import domAPI from \"!../../../../../style-loader/dist/runtime/styleDomAPI.js\";\n import insertFn from \"!../../../../../style-loader/dist/runtime/insertBySelector.js\";\n import setAttributes from \"!../../../../../style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n import insertStyleElement from \"!../../../../../style-loader/dist/runtime/insertStyleElement.js\";\n import styleTagTransformFn from \"!../../../../../style-loader/dist/runtime/styleTagTransform.js\";\n import content, * as namedExport from \"!!../../../../../css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../../../sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./_managed-component.scss\";\n \n \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n options.insert = insertFn.bind(null, \"head\");\n \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../../../css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../../../sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./_managed-component.scss\";\n export default content && content.locals ? content.locals : undefined;\n","\n import API from \"!../../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n import domAPI from \"!../../../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n import insertFn from \"!../../../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n import setAttributes from \"!../../../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n import insertStyleElement from \"!../../../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n import styleTagTransformFn from \"!../../../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n import content, * as namedExport from \"!!../../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./panel-item-wrapper.component.scss\";\n \n \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n options.insert = insertFn.bind(null, \"head\");\n \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./panel-item-wrapper.component.scss\";\n export default content && content.locals ? content.locals : undefined;\n","\n import API from \"!../../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n import domAPI from \"!../../../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n import insertFn from \"!../../../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n import setAttributes from \"!../../../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n import insertStyleElement from \"!../../../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n import styleTagTransformFn from \"!../../../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n import content, * as namedExport from \"!!../../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./displayed-bar.component.scss\";\n \n \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n options.insert = insertFn.bind(null, \"head\");\n \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./displayed-bar.component.scss\";\n export default content && content.locals ? content.locals : undefined;\n","\n import API from \"!../../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n import domAPI from \"!../../../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n import insertFn from \"!../../../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n import setAttributes from \"!../../../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n import insertStyleElement from \"!../../../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n import styleTagTransformFn from \"!../../../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n import content, * as namedExport from \"!!../../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./dropdown-bar.component.scss\";\n \n \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n options.insert = insertFn.bind(null, \"head\");\n \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./dropdown-bar.component.scss\";\n export default content && content.locals ? content.locals : undefined;\n","\n import API from \"!../../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n import domAPI from \"!../../../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n import insertFn from \"!../../../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n import setAttributes from \"!../../../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n import insertStyleElement from \"!../../../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n import styleTagTransformFn from \"!../../../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n import content, * as namedExport from \"!!../../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./more-icon.component.scss\";\n \n \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n options.insert = insertFn.bind(null, \"head\");\n \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./more-icon.component.scss\";\n export default content && content.locals ? content.locals : undefined;\n","\"use strict\";\n\nvar stylesInDOM = [];\n\nfunction getIndexByIdentifier(identifier) {\n var result = -1;\n\n for (var i = 0; i < stylesInDOM.length; i++) {\n if (stylesInDOM[i].identifier === identifier) {\n result = i;\n break;\n }\n }\n\n return result;\n}\n\nfunction modulesToDom(list, options) {\n var idCountMap = {};\n var identifiers = [];\n\n for (var i = 0; i < list.length; i++) {\n var item = list[i];\n var id = options.base ? item[0] + options.base : item[0];\n var count = idCountMap[id] || 0;\n var identifier = \"\".concat(id, \" \").concat(count);\n idCountMap[id] = count + 1;\n var indexByIdentifier = getIndexByIdentifier(identifier);\n var obj = {\n css: item[1],\n media: item[2],\n sourceMap: item[3],\n supports: item[4],\n layer: item[5]\n };\n\n if (indexByIdentifier !== -1) {\n stylesInDOM[indexByIdentifier].references++;\n stylesInDOM[indexByIdentifier].updater(obj);\n } else {\n var updater = addElementStyle(obj, options);\n options.byIndex = i;\n stylesInDOM.splice(i, 0, {\n identifier: identifier,\n updater: updater,\n references: 1\n });\n }\n\n identifiers.push(identifier);\n }\n\n return identifiers;\n}\n\nfunction addElementStyle(obj, options) {\n var api = options.domAPI(options);\n api.update(obj);\n\n var updater = function updater(newObj) {\n if (newObj) {\n if (newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap && newObj.supports === obj.supports && newObj.layer === obj.layer) {\n return;\n }\n\n api.update(obj = newObj);\n } else {\n api.remove();\n }\n };\n\n return updater;\n}\n\nmodule.exports = function (list, options) {\n options = options || {};\n list = list || [];\n var lastIdentifiers = modulesToDom(list, options);\n return function update(newList) {\n newList = newList || [];\n\n for (var i = 0; i < lastIdentifiers.length; i++) {\n var identifier = lastIdentifiers[i];\n var index = getIndexByIdentifier(identifier);\n stylesInDOM[index].references--;\n }\n\n var newLastIdentifiers = modulesToDom(newList, options);\n\n for (var _i = 0; _i < lastIdentifiers.length; _i++) {\n var _identifier = lastIdentifiers[_i];\n\n var _index = getIndexByIdentifier(_identifier);\n\n if (stylesInDOM[_index].references === 0) {\n stylesInDOM[_index].updater();\n\n stylesInDOM.splice(_index, 1);\n }\n }\n\n lastIdentifiers = newLastIdentifiers;\n };\n};","\"use strict\";\n\nvar memo = {};\n/* istanbul ignore next */\n\nfunction getTarget(target) {\n if (typeof memo[target] === \"undefined\") {\n var styleTarget = document.querySelector(target); // Special case to return head of iframe instead of iframe itself\n\n if (window.HTMLIFrameElement && styleTarget instanceof window.HTMLIFrameElement) {\n try {\n // This will throw an exception if access to iframe is blocked\n // due to cross-origin restrictions\n styleTarget = styleTarget.contentDocument.head;\n } catch (e) {\n // istanbul ignore next\n styleTarget = null;\n }\n }\n\n memo[target] = styleTarget;\n }\n\n return memo[target];\n}\n/* istanbul ignore next */\n\n\nfunction insertBySelector(insert, style) {\n var target = getTarget(insert);\n\n if (!target) {\n throw new Error(\"Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.\");\n }\n\n target.appendChild(style);\n}\n\nmodule.exports = insertBySelector;","\"use strict\";\n\n/* istanbul ignore next */\nfunction insertStyleElement(options) {\n var element = document.createElement(\"style\");\n options.setAttributes(element, options.attributes);\n options.insert(element, options.options);\n return element;\n}\n\nmodule.exports = insertStyleElement;","\"use strict\";\n\n/* istanbul ignore next */\nfunction setAttributesWithoutAttributes(styleElement) {\n var nonce = typeof __webpack_nonce__ !== \"undefined\" ? __webpack_nonce__ : null;\n\n if (nonce) {\n styleElement.setAttribute(\"nonce\", nonce);\n }\n}\n\nmodule.exports = setAttributesWithoutAttributes;","\"use strict\";\n\n/* istanbul ignore next */\nfunction apply(styleElement, options, obj) {\n var css = \"\";\n\n if (obj.supports) {\n css += \"@supports (\".concat(obj.supports, \") {\");\n }\n\n if (obj.media) {\n css += \"@media \".concat(obj.media, \" {\");\n }\n\n var needLayer = typeof obj.layer !== \"undefined\";\n\n if (needLayer) {\n css += \"@layer\".concat(obj.layer.length > 0 ? \" \".concat(obj.layer) : \"\", \" {\");\n }\n\n css += obj.css;\n\n if (needLayer) {\n css += \"}\";\n }\n\n if (obj.media) {\n css += \"}\";\n }\n\n if (obj.supports) {\n css += \"}\";\n }\n\n var sourceMap = obj.sourceMap;\n\n if (sourceMap && typeof btoa !== \"undefined\") {\n css += \"\\n/*# sourceMappingURL=data:application/json;base64,\".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))), \" */\");\n } // For old IE\n\n /* istanbul ignore if */\n\n\n options.styleTagTransform(css, styleElement, options.options);\n}\n\nfunction removeStyleElement(styleElement) {\n // istanbul ignore if\n if (styleElement.parentNode === null) {\n return false;\n }\n\n styleElement.parentNode.removeChild(styleElement);\n}\n/* istanbul ignore next */\n\n\nfunction domAPI(options) {\n var styleElement = options.insertStyleElement(options);\n return {\n update: function update(obj) {\n apply(styleElement, options, obj);\n },\n remove: function remove() {\n removeStyleElement(styleElement);\n }\n };\n}\n\nmodule.exports = domAPI;","\"use strict\";\n\n/* istanbul ignore next */\nfunction styleTagTransform(css, styleElement) {\n if (styleElement.styleSheet) {\n styleElement.styleSheet.cssText = css;\n } else {\n while (styleElement.firstChild) {\n styleElement.removeChild(styleElement.firstChild);\n }\n\n styleElement.appendChild(document.createTextNode(css));\n }\n}\n\nmodule.exports = styleTagTransform;","import { ComponentChild, h } from 'preact';\nimport { PresetManager, PresetManagerEventTypes } from '../preset-manager/preset-manager';\nimport { PlayerSize, VideoSize } from '@playkit-js/common/dist/ui-common/common-types';\nimport { getPlayerSize, getVideoSize } from '@playkit-js/common/dist/ui-common//player-utils';\nimport { ManagedComponent } from '@playkit-js/common/dist/ui-common/managed-component';\n\nimport { KalturaPlayer, PlaykitUI } from '@playkit-js/kaltura-player-js';\n\nimport { FloatingItem } from './ui/floating-item';\nimport { FloatingItemData, FloatingItemProps, FloatingPosition } from './models/floating-item-data';\n\nexport interface FloatingManagerOptions {\n kalturaPlayer: KalturaPlayer;\n presetManager: PresetManager;\n eventManager: PlaykitUI.EventManager;\n}\n\nconst presetAreasMapping = {\n VideoArea: {\n Playback: 'VideoArea',\n Live: 'VideoArea'\n },\n PresetArea: {\n Playback: 'VideoArea',\n Live: 'VideoArea'\n },\n InteractiveArea: {\n Playback: 'VideoArea',\n Live: 'VideoArea'\n }\n};\n\nexport class FloatingManager {\n private _eventManager: PlaykitUI.EventManager;\n private _registered = false;\n\n private _items: Record = {\n VideoArea: [],\n InteractiveArea: [],\n PresetArea: []\n };\n private _componentRef: Record = {\n InteractiveArea: null,\n VideoArea: null,\n PresetArea: null\n };\n private _cache: {\n canvas: {\n playerSize: PlayerSize;\n videoSize: VideoSize;\n };\n } = {\n canvas: {\n playerSize: { width: 0, height: 0 },\n videoSize: { width: 0, height: 0 }\n }\n };\n\n constructor(private _options: FloatingManagerOptions) {\n Object.keys(presetAreasMapping).forEach((presetType) => {\n this._options.presetManager.add({\n label: 'floating-manager',\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n presetAreas: presetAreasMapping[presetType],\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n renderChild: () => this._renderChild(FloatingPositions[presetType])\n });\n });\n this._eventManager = _options.eventManager;\n this._addPlayerBindings();\n this._updateCachedCanvas();\n }\n\n /**\n * initialize new floating ui item\n * @param item\n */\n //TODO push new item to relevant position array according to its' FloatingPositions value\n public add(data: FloatingItemData): FloatingItem | null {\n const { presetManager } = this._options;\n\n const itemOptions = {\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n presetManager,\n ...this._options,\n data\n };\n\n const item = new FloatingItem(itemOptions);\n this._items[data.position].push(item);\n return item;\n }\n\n public remove(item: FloatingItem) {\n const positionItems = this._items[item.data.position];\n const itemIndex = positionItems.indexOf(item);\n if (itemIndex > -1) {\n positionItems[itemIndex].destroy();\n positionItems.splice(itemIndex, 1);\n } else {\n // console.warn(`couldn't remove ${item} since it wasn't found`);\n // TODO\n }\n }\n\n public reset(): void {\n const { kalturaPlayer } = this._options;\n\n const allItems = [...this._items.VideoArea, ...this._items.InteractiveArea, ...this._items.PresetArea];\n allItems.forEach((item) => {\n try {\n item.destroy();\n } catch (e) {\n // TODO log error\n // console.warn(e);\n }\n });\n\n this._items.VideoArea = [];\n this._items.PresetArea = [];\n this._items.InteractiveArea = [];\n\n this._eventManager.unlisten(kalturaPlayer, kalturaPlayer.Event.Core.TIME_UPDATE, this._onTimeUpdate);\n this._eventManager.unlisten(kalturaPlayer, kalturaPlayer.Event.Core.MEDIA_LOADED, this._onMediaLoaded);\n this._eventManager.unlisten(kalturaPlayer, kalturaPlayer.Event.Core.LOADED_DATA, this._onLoadedData);\n }\n\n private _getRendererProps(props: Partial): FloatingItemProps {\n const { kalturaPlayer } = this._options;\n\n return {\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n currentTime: typeof props.currentTime !== 'undefined' ? props.currentTime : kalturaPlayer.currentTime * 1000,\n canvas: this._cache.canvas\n };\n }\n\n private _updateCachedCanvas() {\n this._cache.canvas = {\n playerSize: getPlayerSize(this._options.kalturaPlayer),\n videoSize: getVideoSize(this._options.kalturaPlayer)\n };\n }\n\n private _renderItems = (position: FloatingPosition) => {\n const props = this._getRendererProps({});\n return this._items[position].map((item) => item.renderFloatingChild(props));\n };\n\n private _renderChild = (position: FloatingPosition): ComponentChild => {\n return (\n this._renderItems(position)}\n isShown={() => true}\n ref={(ref): void => (this._componentRef[position] = ref)}\n />\n );\n };\n\n private _updateComponents() {\n if (this._componentRef.InteractiveArea) {\n this._componentRef.InteractiveArea.update();\n }\n\n if (this._componentRef.PresetArea) {\n this._componentRef.PresetArea.update();\n }\n\n if (this._componentRef.VideoArea) {\n this._componentRef.VideoArea.update();\n }\n }\n\n private _onTimeUpdate = () => {\n this._updateComponents();\n };\n\n private _onMediaLoaded = () => {\n this._updateCachedCanvas();\n this._updateComponents();\n };\n\n private _onLoadedData = () => {\n this._updateCachedCanvas();\n this._updateComponents();\n };\n\n private _addPlayerBindings() {\n const { kalturaPlayer } = this._options;\n\n this._eventManager.listen(kalturaPlayer, kalturaPlayer.Event.Core.TIME_UPDATE, this._onTimeUpdate);\n this._eventManager.listen(kalturaPlayer, kalturaPlayer.Event.Core.MEDIA_LOADED, this._onMediaLoaded);\n this._eventManager.listen(kalturaPlayer, kalturaPlayer.Event.Core.LOADED_DATA, this._onLoadedData);\n\n this._options.presetManager.on(PresetManagerEventTypes.VideoResizeEvent, () => {\n this._updateCachedCanvas();\n this._updateComponents();\n });\n\n this._options.presetManager.on(PresetManagerEventTypes.PresetResizeEvent, () => {\n this._updateCachedCanvas();\n this._updateComponents();\n });\n }\n\n public registerUIComponents() {\n if (this._registered) {\n return [];\n }\n\n this._registered = true;\n return this._options.presetManager.registerComponents();\n }\n}\n","import { h } from 'preact';\nimport { FloatingItemData, FloatingItemProps } from '../models/floating-item-data';\n\nimport { ManagedComponent } from '@playkit-js/common/dist/ui-common/managed-component';\nimport { KalturaPlayer, PlaykitUI } from '@playkit-js/kaltura-player-js';\n\nexport interface FloatingItemOptions {\n kalturaPlayer: KalturaPlayer;\n eventManager: PlaykitUI.EventManager;\n data: FloatingItemData;\n}\n\nexport class FloatingItem {\n private _destroyed = false;\n private _options: FloatingItemOptions;\n private _isShown = false;\n private _componentRef: ManagedComponent | null = null;\n private _eventManager: PlaykitUI.EventManager;\n\n constructor(options: FloatingItemOptions) {\n this._options = options;\n this._eventManager = options.eventManager;\n\n this._addPlayerBindings();\n }\n\n public get data(): FloatingItemData {\n return this._options.data;\n }\n\n public remove = (): void => {\n this._isShown = false;\n if (!this._componentRef) {\n return;\n }\n\n this._componentRef.update();\n };\n\n public add = (): void => {\n this._isShown = true;\n if (!this._componentRef) {\n return;\n }\n\n this._componentRef.update();\n };\n\n public update = (): void => {\n if (!this._componentRef) {\n return;\n }\n\n this._componentRef.update();\n };\n\n /**\n * destory the ui item\n */\n destroy(): void {\n this._destroyed = true;\n this.remove();\n }\n\n renderFloatingChild(props: FloatingItemProps) {\n const { label } = this._options.data;\n\n return (\n this._options.data.renderContent(props)}\n isShown={() => this._isShown}\n ref={(ref: ManagedComponent | null): void => {\n this._componentRef = ref;\n }}\n />\n );\n }\n\n private _addPlayerBindings(): void {\n const { kalturaPlayer, data } = this._options;\n\n if (data.mode === 'MediaLoaded') {\n this._eventManager.listenOnce(kalturaPlayer, kalturaPlayer.Event.Core.MEDIA_LOADED, this.add);\n // kalturaPlayer.addEventListener(kalturaPlayer.Event.MEDIA_LOADED, this.add);\n }\n\n if (data.mode === 'FirstPlay') {\n this._eventManager.listenOnce(kalturaPlayer, kalturaPlayer.Event.Core.FIRST_PLAY, this.add);\n }\n\n if (data.mode === 'Immediate') {\n this.add();\n }\n }\n}\n","import { ComponentChild } from 'preact';\n\nexport enum ReservedPresetNames {\n Playback = 'Playback',\n Live = 'Live'\n}\n\nexport enum ReservedPresetAreas {\n 'PresetFloating' = 'PresetFloating',\n 'BottomBarLeftControls' = 'BottomBarLeftControls',\n 'BottomBarRightControls' = 'BottomBarRightControls',\n 'TopBarLeftControls' = 'TopBarLeftControls',\n 'TopBarRightControls' = 'TopBarRightControls',\n 'SidePanelTop' = 'SidePanelTop',\n 'SidePanelLeft' = 'SidePanelLeft',\n 'SidePanelRight' = 'SidePanelRight',\n 'SidePanelBottom' = 'SidePanelBottom',\n 'PresetArea' = 'PresetArea',\n 'InteractiveArea' = 'InteractiveArea',\n 'PlayerArea' = 'PlayerArea',\n 'VideoArea' = 'VideoArea'\n}\n\nexport enum RelativeToTypes {\n Before = 'Before',\n After = 'After',\n Replace = 'Replace'\n}\n\nexport interface PresetItemData {\n label: string;\n fillContainer?: boolean;\n isolateComponent?: boolean;\n presetAreas: Record;\n renderChild: () => ComponentChild;\n relativeTo?: {\n type: RelativeToTypes;\n name: string;\n };\n}\n","import { h } from 'preact';\n\nimport { EventsManager } from '@playkit-js/common/dist/ui-common/events-manager';\n\nimport { KalturaPlayer, PlaykitUI } from '@playkit-js/kaltura-player-js';\n\nimport { UIPlayerAdapter } from './ui-player-adapter';\nimport { PresetItemData } from './models/preset-item-data';\nimport { KalturaPlayerPresetComponent, PresetItem } from './ui/preset-item';\n\nexport interface PresetManagerOptions {\n kalturaPlayer: KalturaPlayer;\n eventManager: PlaykitUI.EventManager;\n}\n\nexport enum PresetManagerEventTypes {\n PresetResizeEvent = 'PresetResizeEvent',\n VideoResizeEvent = 'VideoResizeEvent'\n}\n\nexport interface PresetResizeEvent {\n type: PresetManagerEventTypes.PresetResizeEvent;\n}\n\nexport interface VideoResizeEvent {\n type: PresetManagerEventTypes.VideoResizeEvent;\n}\n\nexport type PresetManagerEvents = PresetResizeEvent | VideoResizeEvent;\n\nexport class PresetManager {\n private _events: EventsManager = new EventsManager();\n private _items: PresetItem[] = [];\n private _pendingItems: PresetItem[] = [];\n private _eventManager: PlaykitUI.EventManager;\n private _kalturaPlayer: KalturaPlayer;\n\n constructor(options: PresetManagerOptions) {\n this.add({\n label: 'preset-manager',\n presetAreas: { Playback: 'PlayerArea', Live: 'PlayerArea' },\n renderChild: () => (\n \n )\n });\n\n this._eventManager = options.eventManager;\n this._kalturaPlayer = options.kalturaPlayer;\n }\n\n private _registerToPlayer = () => {\n this._eventManager.listen(this._kalturaPlayer, this._kalturaPlayer.Event.UI.UI_PRESET_RESIZE, this._notifyUIPresetResize);\n this._eventManager.listen(this._kalturaPlayer, this._kalturaPlayer.Event.UI.VIDEO_RESIZE, this._notifyVideoResize);\n };\n\n private _notifyVideoResize = () => {\n this._events.emit({\n type: PresetManagerEventTypes.VideoResizeEvent\n });\n };\n\n private _notifyUIPresetResize = () => {\n this._events.emit({\n type: PresetManagerEventTypes.PresetResizeEvent\n });\n };\n\n private _unregisterToPlayer = () => {\n this._eventManager.unlisten(this._kalturaPlayer, this._kalturaPlayer.Event.UI.UI_PRESET_RESIZE, this._notifyUIPresetResize);\n this._eventManager.unlisten(this._kalturaPlayer, this._kalturaPlayer.Event.UI.VIDEO_RESIZE, this._notifyVideoResize);\n };\n\n public on: EventsManager['on'] = this._events.on.bind(this._events);\n public off: EventsManager['off'] = this._events.off.bind(this._events);\n\n public add(data: PresetItemData): void {\n const component = new PresetItem({\n kalturaPlayer: this._kalturaPlayer,\n data\n });\n\n this._pendingItems.push(component);\n }\n\n public registerComponents(): KalturaPlayerPresetComponent[] {\n let configs: KalturaPlayerPresetComponent[] = [];\n this._pendingItems.forEach((item) => {\n configs = [...configs, ...item.playerConfig];\n });\n this._items = [...this._items, ...this._pendingItems];\n this._pendingItems = [];\n return configs.filter(Boolean) as KalturaPlayerPresetComponent[];\n }\n}\n","import { Component } from 'preact';\nimport { KalturaPlayer } from '@playkit-js/kaltura-player-js';\n\nexport interface UIPlayerAdapterProps {\n player: KalturaPlayer;\n onMount: (player: KalturaPlayer) => void;\n onUnmount: (player: KalturaPlayer) => void;\n}\n\nexport class UIPlayerAdapter extends Component {\n public static defaultProps = {\n player: null\n };\n\n public componentDidMount(): void {\n this.props.onMount(this.props.player);\n }\n\n public componentWillUnmount(): void {\n this.props.onUnmount(this.props.player);\n }\n\n public render() {\n return null;\n }\n}\n","import { h, render, ComponentChild } from 'preact';\nimport { PresetItemData, RelativeToTypes } from '../models/preset-item-data';\n\nimport { KalturaPlayer } from '@playkit-js/kaltura-player-js';\n\nimport { ManagedComponent } from '@playkit-js/common/dist/ui-common//managed-component';\nimport { InjectedComponent } from '@playkit-js/common/dist/ui-common//injected-component';\n\nexport interface PresetItemOptions {\n kalturaPlayer: KalturaPlayer;\n data: PresetItemData;\n}\n\nexport interface KalturaPlayerPresetComponent {\n label: string;\n presets: string[];\n container: string;\n get: () => () => ManagedComponent | ComponentChild;\n afterComponent?: string;\n beforeComponent?: string;\n replaceComponent?: string;\n}\n\nexport class PresetItem {\n private _options: PresetItemOptions;\n\n constructor(options: PresetItemOptions) {\n this._options = options;\n }\n\n public get playerConfig(): KalturaPlayerPresetComponent[] {\n const configs: KalturaPlayerPresetComponent[] = [];\n\n for (const presetType in this._options.data.presetAreas) {\n const presetContainer = this._options.data.presetAreas[presetType];\n const { relativeTo } = this._options.data;\n\n if (!presetContainer) {\n continue;\n }\n\n const result: KalturaPlayerPresetComponent = {\n label: this._options.data.label,\n presets: [presetType],\n container: presetContainer,\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n get: this._render\n };\n\n if (relativeTo) {\n switch (relativeTo.type) {\n case RelativeToTypes.After:\n result['afterComponent'] = relativeTo.name;\n break;\n case RelativeToTypes.Before:\n result['beforeComponent'] = relativeTo.name;\n break;\n case RelativeToTypes.Replace:\n result['replaceComponent'] = relativeTo.name;\n break;\n }\n }\n\n configs.push(result);\n }\n\n return configs;\n }\n\n private _render = () => {\n if (this._options.data.isolateComponent) {\n const {\n data: { label, fillContainer }\n } = this._options;\n\n return (\n \n );\n }\n\n return this._options.data.renderChild();\n };\n\n private _onDestroy = (options: { context?: object; parent: HTMLElement }): void => {\n // TODO sakal handle destroy\n if (!options.parent) {\n return;\n }\n\n render(null, options.parent);\n };\n\n private _onCreate = (options: { context?: object; parent: HTMLElement }): void => {\n try {\n if (!options.parent) {\n return;\n }\n const child = this._options.data.renderChild();\n\n if (!child) {\n return;\n }\n\n render(child, options.parent);\n } catch (error) {\n // TODO\n }\n };\n}\n","import { h, createRef, RefObject, FunctionalComponent, ComponentClass } from 'preact';\nimport { KalturaPlayer } from '@playkit-js/kaltura-player-js';\nimport { PanelItemWrapper } from '../ui/panel-item-wrapper/panel-item-wrapper.component';\nimport { PanelComponentProps, SidePanelItem } from './side-panel-item';\nimport { UpperBarManager } from '../../upper-bar-manager/upper-bar-manager';\n\n/**\n * Panel item metadata\n * @internal\n */\nexport class ItemWrapper {\n private static nextId = 0;\n public readonly id: number;\n public iconId: number | undefined;\n public readonly item: SidePanelItem;\n private readonly player: KalturaPlayer;\n private readonly upperBarManager: UpperBarManager;\n private panelItemComponentRef!: RefObject;\n private removePanelComponentFn!: () => void;\n private isActive: boolean;\n constructor(item: SidePanelItem, player: KalturaPlayer, onClick: (panelItemId: number) => void) {\n this.id = ++ItemWrapper.nextId;\n this.item = item;\n this.player = player;\n this.upperBarManager = this.player.getService('upperBarManager');\n this.isActive = false;\n this.injectPanelComponent();\n if (item.iconComponent) {\n const itemId = this.id;\n this.iconId = this.upperBarManager.add({\n label: this.item.label,\n svgIcon: this.item.iconComponent!.svgIcon,\n onClick: () => onClick(itemId),\n component: this.item.iconComponent!.component!\n });\n }\n }\n\n public activate(): void {\n if (this.panelItemComponentRef.current) {\n this.panelItemComponentRef.current!.on();\n this.item.onActivate?.();\n this.isActive = true;\n } else {\n setTimeout(() => this.activate());\n }\n }\n\n public deactivate(switchMode = false): void {\n this.panelItemComponentRef.current!.off(switchMode);\n this.item.onDeactivate?.();\n this.isActive = false;\n }\n\n public remove(): void {\n this.removePanelComponentFn();\n if (this.item.iconComponent?.component) this.upperBarManager.remove(this.iconId!);\n }\n\n public update(): void {\n this.panelItemComponentRef.current!.forceUpdate();\n }\n\n private injectPanelComponent(): void {\n const { label, position, panelComponent, presets } = this.item;\n const SidePanelComponent: ComponentClass | FunctionalComponent = panelComponent;\n const componentRef: RefObject = createRef();\n this.panelItemComponentRef = componentRef;\n this.removePanelComponentFn = this.player.ui.addComponent({\n label: `Side-panel-${position}-${label}`,\n presets,\n area: ItemWrapper.getPanelArea(position),\n get: () => {\n return (\n \n \n \n );\n }\n });\n }\n\n private static getPanelArea(position: string): string {\n return `SidePanel${position.charAt(0).toUpperCase()}${position.slice(1)}`;\n }\n}\n","import { ui, KalturaPlayer, Logger, PlaykitUI } from '@playkit-js/kaltura-player-js';\nimport { SidePanelItem } from './models/side-panel-item';\nimport { ItemWrapper } from './models/item-wrapper';\nconst { SidePanelModes, SidePanelPositions, ReservedPresetNames } = ui;\n\nconst COUNTER_PANELS: Record = {\n [SidePanelPositions.TOP]: SidePanelPositions.BOTTOM,\n [SidePanelPositions.BOTTOM]: SidePanelPositions.TOP,\n [SidePanelPositions.RIGHT]: SidePanelPositions.LEFT,\n [SidePanelPositions.LEFT]: SidePanelPositions.RIGHT\n} as Record;\n\nexport class SidePanelsManager {\n private readonly player: KalturaPlayer;\n private readonly activePanels: Record;\n private readonly componentsRegistry: Map;\n private readonly logger: Logger;\n\n /**\n * @ignore\n */\n constructor(player: KalturaPlayer, logger: Logger) {\n this.player = player;\n this.activePanels = { top: null, bottom: null, right: null, left: null };\n this.componentsRegistry = new Map();\n this.logger = logger;\n }\n\n public add(item: SidePanelItem): number | void {\n if (SidePanelsManager.validateItem(item)) {\n const newItemWrapper: ItemWrapper = new ItemWrapper(item, this.player, (id: number) => this.toggle(id));\n this.componentsRegistry.set(newItemWrapper.id, newItemWrapper);\n this.logger.debug('New Panel Item Added', item);\n return newItemWrapper.id;\n }\n this.logger.warn('Invalid SidePanelItem parameters', item);\n }\n\n public remove(itemId: number): void {\n const itemWrapper: ItemWrapper | undefined = this.componentsRegistry.get(itemId);\n if (itemWrapper) {\n if (this.isItemActive(itemId)) this.deactivateItem(itemId);\n itemWrapper.remove();\n this.componentsRegistry.delete(itemId);\n } else {\n this.logger.warn(`${itemId} is not registered`);\n }\n }\n\n public activateItem(itemId: number): void {\n const itemWrapper: ItemWrapper | undefined = this.componentsRegistry.get(itemId);\n if (itemWrapper) {\n const { position, expandMode } = itemWrapper.item;\n // Trying to activate an already active item\n if (this.isItemActive(itemId)) return;\n // Switch between items if currently there is an active one (without collapsing / expanding PS)\n const previousItemWrapper = this.activePanels[position];\n if (previousItemWrapper !== null) {\n previousItemWrapper.deactivate(true);\n }\n // Deactivate the counter panel if is active\n const counterPosition: PlaykitUI.SidePanelPosition = SidePanelsManager.getCounterPanelPosition(position);\n if (this.activePanels[counterPosition]) {\n this.deactivateItem(this.activePanels[counterPosition]!.id);\n }\n // Update new item as active\n itemWrapper.activate();\n this.expand(position, expandMode);\n this.activePanels[position] = itemWrapper;\n } else {\n this.logger.warn(`${itemId} is not registered`);\n }\n }\n\n public deactivateItem(itemId: number): void {\n const itemWrapper: ItemWrapper | undefined = this.componentsRegistry.get(itemId);\n if (itemWrapper) {\n if (!this.isItemActive(itemId)) return;\n const { position } = itemWrapper.item;\n itemWrapper.deactivate();\n this.collapse(position);\n this.activePanels[position] = null;\n } else {\n this.logger.warn(`${itemId} is not registered`);\n }\n }\n\n public isItemActive(itemId: number): boolean {\n const itemWrapper: ItemWrapper | undefined = this.componentsRegistry.get(itemId);\n if (itemWrapper) {\n return this.activePanels[itemWrapper.item.position]?.id === itemId;\n }\n this.logger.warn(`${itemId} is not registered`);\n return false;\n }\n\n /**\n * Rerender (uses preact Component.forceUpdate api under the hoods) the side panel item component\n * It's just for backward compatibility you should not use it.\n */\n public update(itemId: number): void {\n const itemWrapper: ItemWrapper | undefined = this.componentsRegistry.get(itemId);\n if (itemWrapper) {\n itemWrapper.update();\n } else {\n this.logger.warn(`${itemId} is not registered`);\n }\n }\n\n /**\n * @ignore\n */\n public reset(): void {\n this.logger.debug('reset');\n }\n\n /**\n * @ignore\n */\n public destroy(): void {\n this.logger.debug('destroy');\n this.removeAllItems();\n }\n\n private removeAllItems(): void {\n for (const value of this.componentsRegistry.values()) {\n this.remove(value.id);\n }\n }\n\n private toggle(itemId: number): void {\n if (this.isItemActive(itemId)) {\n this.deactivateItem(itemId);\n } else {\n this.activateItem(itemId);\n }\n }\n\n private expand(position: PlaykitUI.SidePanelPosition, expandMode: PlaykitUI.SidePanelMode): void {\n this.player.ui.store.dispatch(ui.reducers.shell.actions.updateSidePanelMode(position, expandMode));\n }\n\n private collapse(position: PlaykitUI.SidePanelPosition): void {\n this.player.ui.store.dispatch(ui.reducers.shell.actions.updateSidePanelMode(position, SidePanelModes.HIDDEN));\n }\n\n private static getCounterPanelPosition(position: PlaykitUI.SidePanelPosition): PlaykitUI.SidePanelPosition {\n return COUNTER_PANELS[position];\n }\n\n private static validateItem(item: SidePanelItem): boolean {\n const { label, panelComponent, iconComponent, position, expandMode, onActivate, onDeactivate, presets } = item;\n return !!(\n label &&\n Object.values(SidePanelPositions).includes(position) &&\n Object.values(SidePanelModes).includes(expandMode) &&\n presets.every((preset) => Object.values(ReservedPresetNames).includes(preset)) &&\n typeof panelComponent === 'function' &&\n ((typeof iconComponent?.component === 'function' && typeof iconComponent?.svgIcon.path === 'string') ||\n iconComponent === undefined) &&\n (typeof onActivate === 'function' || onActivate === undefined) &&\n (typeof onDeactivate === 'function' || onDeactivate === undefined)\n );\n }\n}\n","import { h, Component, ComponentChild, RefObject, cloneElement, VNode } from 'preact';\nimport * as styles from './panel-item-wrapper.component.scss';\nimport { ui } from '@playkit-js/kaltura-player-js';\n\nconst { defaultTransitionTime } = ui.style;\n\ntype PanelItemWrapperState = {\n on: boolean;\n};\n\ntype PanelItemWrapperProps = {\n ref: RefObject;\n};\n\n/**\n * PanelItemWrapper component\n * @internal\n */\nexport class PanelItemWrapper extends Component {\n private switchMode: boolean;\n constructor() {\n super();\n this.state = { on: false };\n this.switchMode = false;\n }\n\n on(): void {\n this.setState({ on: true });\n }\n\n off(switchMode: boolean): void {\n this.switchMode = switchMode;\n this.setState({ on: false });\n }\n\n render(): ComponentChild {\n return (\n \n {cloneElement(this.props.children as VNode)}\n \n );\n }\n}\n","import { ComponentClass, FunctionalComponent, RefObject, createRef } from 'preact';\nimport { IconDto } from './icon-dto';\nimport { IconWrapper } from '../ui/icon-wrapper/icon-wrapper.component';\nimport { SvgIcon } from './svg-icon';\nimport { KalturaPluginNames } from '../../../types/ui-managers-config';\nimport { PlaykitUI, ui } from '@playkit-js/kaltura-player-js';\nconst { ReservedPresetNames } = ui;\n\nexport class IconModel {\n private static nextId = 0;\n public readonly id: number;\n public label: KalturaPluginNames | string;\n public componentRef: RefObject;\n public onClick: (e: MouseEvent | KeyboardEvent) => void;\n public component: ComponentClass> | FunctionalComponent>;\n public svgIcon: SvgIcon;\n public presets: PlaykitUI.ReservedPresetName[];\n constructor(item: IconDto) {\n this.id = ++IconModel.nextId;\n this.label = item.label;\n this.component = item.component;\n this.svgIcon = item.svgIcon;\n this.onClick = item.onClick;\n this.componentRef = createRef();\n this.presets =\n item.presets && item.presets.length > 0 ? item.presets : [ReservedPresetNames.Playback, ReservedPresetNames.Live];\n }\n\n public update(): void {\n this.componentRef.current!.forceUpdate();\n }\n}\n","import { h, Component, ComponentChild, RefObject } from 'preact';\nimport { IconModel } from '../../models/icon-model';\nimport { IconWrapper } from '../icon-wrapper/icon-wrapper.component';\nimport * as styles from './displayed-bar.component.scss';\nimport { ui } from '@playkit-js/kaltura-player-js';\nimport { MoreIcon } from '../more-icon/more-icon.component';\n\nconst { PLAYER_SIZE } = ui.Components;\nconst { connect } = ui.redux;\n\n// eslint-disable-next-line @typescript-eslint/explicit-function-return-type,@typescript-eslint/ban-ts-comment\n// @ts-ignore\n// eslint-disable-next-line @typescript-eslint/explicit-function-return-type\nconst mapStateToProps = (state) => ({\n playerSize: state.shell.playerSize\n});\n\ntype DisplayedBarState = {\n showDropdown: boolean;\n};\n\ntype DisplayedBarProps = {\n getControls: () => IconModel[];\n ref: RefObject;\n};\ntype PropsFromRedux = {\n playerSize?: string;\n};\n\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\n@connect(mapStateToProps, null, null, { forwardRef: true })\nexport class DisplayedBar extends Component {\n constructor() {\n super();\n this.state = { showDropdown: false };\n }\n\n private handleOnClick = (): void => {\n this.setState((prevState) => ({ showDropdown: !prevState.showDropdown }));\n };\n\n private closeDropdown(): void {\n this.setState({ showDropdown: false });\n }\n\n private splitControlsIntoDisplayedAndDropdown(): {\n displayedControls: IconModel[];\n dropdownControls: IconModel[];\n } {\n switch (this.props.playerSize) {\n case PLAYER_SIZE.TINY:\n return { displayedControls: [], dropdownControls: [] };\n case PLAYER_SIZE.EXTRA_SMALL:\n case PLAYER_SIZE.SMALL:\n return this.splitControls(2);\n default:\n return this.splitControls(4);\n }\n }\n\n public update = (): void => {\n this.forceUpdate();\n };\n\n private splitControls(numberOfDisplayedIcon: number): {\n displayedControls: IconModel[];\n dropdownControls: IconModel[];\n } {\n let displayedControls: IconModel[];\n let dropdownControls: IconModel[];\n const controls = this.props.getControls();\n\n if (controls.length > numberOfDisplayedIcon + 1) {\n displayedControls = controls.slice(0, numberOfDisplayedIcon);\n dropdownControls = controls.slice(numberOfDisplayedIcon);\n } else {\n displayedControls = controls;\n dropdownControls = [];\n }\n return { displayedControls, dropdownControls };\n }\n\n render(): ComponentChild {\n const { displayedControls, dropdownControls } = this.splitControlsIntoDisplayedAndDropdown();\n return (\n
\n {displayedControls.map(({ id, component, onClick, componentRef }) => {\n const IconWrapperComponent = component!;\n return (\n {\n onClick(...e);\n this.closeDropdown();\n }}\n ref={componentRef}\n >\n \n \n );\n })}\n {dropdownControls.length > 0 && (\n \n )}\n
\n );\n }\n}\n","import { h, Component, ComponentChild, Fragment } from 'preact';\nimport * as styles from './dropdown-bar.component.scss';\nimport { IconModel } from '../../models/icon-model';\nimport { ui } from '@playkit-js/kaltura-player-js';\nimport { A11yWrapper } from '@playkit-js/common/dist/hoc/a11y-wrapper';\nconst { Icon } = ui.Components;\n\ntype DropdownBarProps = {\n controls: IconModel[];\n onDropdownClick: () => void;\n};\n\nexport class DropdownBar extends Component {\n render(): ComponentChild {\n return (\n
\n {this.props.controls.map(({ id, label, svgIcon, onClick }) => {\n return (\n \n {\n onClick(e);\n this.props.onDropdownClick();\n }}\n role=\"menuitem\"\n >\n
\n
\n \n
\n {label}\n
\n \n \n );\n })}\n
\n );\n }\n}\n","import { h, Component, ComponentChild, RefObject, cloneElement, VNode } from 'preact';\nimport { A11yWrapper } from '@playkit-js/common/dist/hoc/a11y-wrapper';\n\ntype IconWrapperProps = {\n ref: RefObject;\n onClick: (e: MouseEvent | KeyboardEvent) => void;\n};\n\nexport class IconWrapper extends Component {\n render(): ComponentChild {\n return (\n \n
{cloneElement(this.props.children as VNode)}
\n \n );\n }\n}\n","import { h, Component, ComponentChild, createRef, RefObject } from 'preact';\nimport { A11yWrapper } from '@playkit-js/common/dist/hoc/a11y-wrapper';\nimport { PlaykitUI, ui } from '@playkit-js/kaltura-player-js';\nimport * as styles from './more-icon.component.scss';\nimport { IconModel } from '../../models/icon-model';\nimport { DropdownBar } from '../dropdown-bar/dropdown-bar.component';\nimport EventManager = PlaykitUI.EventManager;\nimport { pluginName } from '../../../../ui-managers';\n\nconst { Icon, Tooltip } = ui.Components;\nconst { withEventManager } = ui.Event;\nconst { withText, Text } = ui.preacti18n;\nconst ICON_PATH =\n // eslint-disable-next-line max-len\n 'M16 22a3 3 0 1 1 0 6 3 3 0 0 1 0-6zm0 2a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm0-11a3 3 0 1 1 0 6 3 3 0 0 1 0-6zm0 2a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm0-11a3 3 0 1 1 0 6 3 3 0 0 1 0-6zm0 2a1 1 0 1 0 0 2 1 1 0 0 0 0-2z';\n\ntype MoreIconProps = {\n icons: IconModel[];\n onClick: () => void;\n showDropdown: boolean;\n moreIconTxt?: string;\n eventManager?: EventManager;\n};\n\n@withEventManager\n@withText({ moreIconTxt: More })\nexport class MoreIcon extends Component {\n private readonly moreButtonRef: RefObject;\n constructor() {\n super();\n this.moreButtonRef = createRef();\n }\n\n componentDidMount(): void {\n this.props.eventManager!.listen(document, 'click', (e: PointerEvent) => this.handleClickOutside(e));\n }\n\n handleClickOutside(event: PointerEvent): void {\n if (this.moreButtonRef && !this.moreButtonRef.current!.contains(event.target as Node)) {\n this.setState({ toggle: false });\n }\n }\n\n render(): ComponentChild {\n return (\n
\n \n \n \n \n \n \n \n {this.props.showDropdown && (\n
\n \n
\n )}\n
\n );\n }\n}\n","import { KalturaPlayer, Logger, ui } from '@playkit-js/kaltura-player-js';\nimport { IconDto } from './models/icon-dto';\nimport { IconModel } from './models/icon-model';\nimport { h, RefObject, createRef } from 'preact';\nimport { DisplayedBar } from './ui/displayed-bar/displayed-bar.component';\nimport { KalturaPluginNames } from '../../types/ui-managers-config';\nconst { ReservedPresetAreas, ReservedPresetNames } = ui;\n\nconst UPPER_BAR_PRESETS = Object.values(ReservedPresetNames).filter(\n (preset) => preset !== ReservedPresetNames.Idle && preset !== ReservedPresetNames.Error\n);\n\ntype UpperBarManagerConfig = { pluginsIconsOrder: { [key in KalturaPluginNames | string]: number } };\ntype IconsOrder = { [key in KalturaPluginNames | string]: number };\n\nexport class UpperBarManager {\n private readonly player: KalturaPlayer;\n private readonly logger: Logger;\n private readonly componentsRegistry: Map;\n private readonly displayedBarComponentRefs: Record>;\n /**\n * @ignore\n */\n constructor(player: KalturaPlayer, logger: Logger, config: UpperBarManagerConfig) {\n this.player = player;\n this.componentsRegistry = new Map();\n this.logger = logger;\n this.displayedBarComponentRefs = {};\n UPPER_BAR_PRESETS.forEach((preset) => (this.displayedBarComponentRefs[preset] = createRef()));\n this.injectDisplayedBarComponentWrapper(config.pluginsIconsOrder);\n }\n\n public add(icon: IconDto): number | undefined {\n if (UpperBarManager.validateItem(icon)) {\n const newIcon: IconModel = new IconModel(icon);\n this.componentsRegistry.set(newIcon.id, newIcon);\n newIcon.presets.forEach((preset) => this.displayedBarComponentRefs[preset].current?.update());\n this.logger.debug(`Icon Id: '${newIcon.id}' '${newIcon.label}' added`);\n return newIcon.id;\n }\n this.logger.warn('Invalid Icon parameters', icon);\n return undefined;\n }\n\n public remove(itemId: number): void {\n const icon: IconModel | undefined = this.componentsRegistry.get(itemId);\n if (icon) {\n this.componentsRegistry.delete(itemId);\n icon.presets.forEach((preset) => this.displayedBarComponentRefs[preset].current?.update());\n this.logger.debug(`Icon Id: '${icon.id}' Label: '${icon.label}' removed`);\n } else {\n this.logger.warn(`${itemId} is not registered`);\n }\n }\n\n public isActive(itemId: number): boolean {\n return !!this.componentsRegistry.get(itemId);\n }\n\n public update(iconId: number): void {\n const icon: IconModel | undefined = this.componentsRegistry.get(iconId);\n if (icon) {\n icon.update();\n } else {\n this.logger.warn(`${iconId} is not registered`);\n }\n }\n\n private getControls(iconsOrder: IconsOrder): IconModel[] {\n const icons = Array.from(this.componentsRegistry.values());\n return icons.sort((a, b) => (iconsOrder[a.label] > iconsOrder[b.label] ? 1 : -1));\n }\n\n private injectDisplayedBarComponentWrapper(iconsOrder: IconsOrder): void {\n for (const preset of UPPER_BAR_PRESETS) {\n this.player.ui.addComponent({\n label: 'Right-Upper-Bar-Wrapper',\n presets: [preset],\n area: ReservedPresetAreas.TopBarRightControls,\n get: () => {\n return (\n this.getControls(iconsOrder).filter((icon) => icon.presets.includes(preset))}\n />\n );\n }\n });\n }\n }\n\n private static validateItem(icon: IconDto): boolean {\n return typeof icon.onClick === 'function' && typeof icon.component === 'function';\n }\n}\n","import { BasePlugin, KalturaPlayer } from '@playkit-js/kaltura-player-js';\nimport { SidePanelsManager } from './services/side-panels-manager/side-panels-manager';\nimport { UpperBarManager } from './services/upper-bar-manager/upper-bar-manager';\nimport { UiManagerConfig } from './types/ui-managers-config';\nimport { FloatingManager } from './services/floating-manager/floating-manager';\nimport { PresetManager } from './services/preset-manager/preset-manager';\n\nexport const pluginName = 'uiManagers';\n\n/**\n * manages the registration of UI services\n * @internal\n */\nexport class UIManagers extends BasePlugin {\n protected static defaultConfig: UiManagerConfig = {\n upperBarManager: {\n pluginsIconsOrder: {\n Navigation: 10,\n 'Q&A': 20,\n Transcript: 30,\n Download: 40,\n Playlist: 50,\n Related: 60,\n Share: 70,\n Info: 80,\n Moderation: 90\n }\n }\n };\n\n constructor(name: string, player: KalturaPlayer, config?: UiManagerConfig) {\n super(name, player, config);\n player.registerService('sidePanelsManager', new SidePanelsManager(player, this.logger));\n player.registerService('upperBarManager', new UpperBarManager(player, this.logger, this.config.upperBarManager));\n const presetManager = new PresetManager({\n kalturaPlayer: player,\n eventManager: this.eventManager\n });\n player.registerService(\n 'floatingManager',\n new FloatingManager({ presetManager, kalturaPlayer: player, eventManager: this.eventManager })\n );\n }\n\n public static isValid(): boolean {\n return true;\n }\n}\n","module.exports = KalturaPlayer;","module.exports = KalturaPlayer.ui.preact;","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\tid: moduleId,\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","__webpack_require__.nc = undefined;","import { registerPlugin } from '@playkit-js/kaltura-player-js';\nimport { pluginName, UIManagers } from './ui-managers';\n\nregisterPlugin(pluginName, UIManagers);\n"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/docs/api/assets/search.js b/docs/api/assets/search.js index 3a7a438..5404c7d 100644 --- a/docs/api/assets/search.js +++ b/docs/api/assets/search.js @@ -1 +1 @@ -window.searchData = JSON.parse("{\"kinds\":{\"2\":\"Module\",\"128\":\"Class\",\"256\":\"Interface\",\"512\":\"Constructor\",\"1024\":\"Property\",\"2048\":\"Method\",\"65536\":\"Type literal\",\"4194304\":\"Type alias\"},\"rows\":[{\"kind\":2,\"name\":\"types/ui-managers-config\",\"url\":\"modules/types_ui_managers_config.html\",\"classes\":\"tsd-kind-module\"},{\"kind\":4194304,\"name\":\"KalturaPluginNames\",\"url\":\"types/types_ui_managers_config.KalturaPluginNames.html\",\"classes\":\"tsd-kind-type-alias tsd-parent-kind-module\",\"parent\":\"types/ui-managers-config\"},{\"kind\":4194304,\"name\":\"UiManagerConfig\",\"url\":\"types/types_ui_managers_config.UiManagerConfig.html\",\"classes\":\"tsd-kind-type-alias tsd-parent-kind-module\",\"parent\":\"types/ui-managers-config\"},{\"kind\":65536,\"name\":\"__type\",\"url\":\"types/types_ui_managers_config.UiManagerConfig.html#__type\",\"classes\":\"tsd-kind-type-literal tsd-parent-kind-type-alias\",\"parent\":\"types/ui-managers-config.UiManagerConfig\"},{\"kind\":1024,\"name\":\"upperBarManager\",\"url\":\"types/types_ui_managers_config.UiManagerConfig.html#__type.upperBarManager\",\"classes\":\"tsd-kind-property tsd-parent-kind-type-literal\",\"parent\":\"types/ui-managers-config.UiManagerConfig.__type\"},{\"kind\":65536,\"name\":\"__type\",\"url\":\"types/types_ui_managers_config.UiManagerConfig.html#__type.__type-1\",\"classes\":\"tsd-kind-type-literal tsd-parent-kind-type-literal\",\"parent\":\"types/ui-managers-config.UiManagerConfig.__type\"},{\"kind\":1024,\"name\":\"pluginsIconsOrder\",\"url\":\"types/types_ui_managers_config.UiManagerConfig.html#__type.__type-1.pluginsIconsOrder\",\"classes\":\"tsd-kind-property tsd-parent-kind-type-literal\",\"parent\":\"types/ui-managers-config.UiManagerConfig.__type.__type\"},{\"kind\":2,\"name\":\"services/side-panels-manager/models/side-panel-item\",\"url\":\"modules/services_side_panels_manager_models_side_panel_item.html\",\"classes\":\"tsd-kind-module\"},{\"kind\":4194304,\"name\":\"PanelComponentProps\",\"url\":\"types/services_side_panels_manager_models_side_panel_item.PanelComponentProps.html\",\"classes\":\"tsd-kind-type-alias tsd-parent-kind-module\",\"parent\":\"services/side-panels-manager/models/side-panel-item\"},{\"kind\":65536,\"name\":\"__type\",\"url\":\"types/services_side_panels_manager_models_side_panel_item.PanelComponentProps.html#__type\",\"classes\":\"tsd-kind-type-literal tsd-parent-kind-type-alias\",\"parent\":\"services/side-panels-manager/models/side-panel-item.PanelComponentProps\"},{\"kind\":1024,\"name\":\"isActive\",\"url\":\"types/services_side_panels_manager_models_side_panel_item.PanelComponentProps.html#__type.isActive\",\"classes\":\"tsd-kind-property tsd-parent-kind-type-literal\",\"parent\":\"services/side-panels-manager/models/side-panel-item.PanelComponentProps.__type\"},{\"kind\":256,\"name\":\"SidePanelItem\",\"url\":\"interfaces/services_side_panels_manager_models_side_panel_item.SidePanelItem.html\",\"classes\":\"tsd-kind-interface tsd-parent-kind-module\",\"parent\":\"services/side-panels-manager/models/side-panel-item\"},{\"kind\":1024,\"name\":\"label\",\"url\":\"interfaces/services_side_panels_manager_models_side_panel_item.SidePanelItem.html#label\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"services/side-panels-manager/models/side-panel-item.SidePanelItem\"},{\"kind\":1024,\"name\":\"iconComponent\",\"url\":\"interfaces/services_side_panels_manager_models_side_panel_item.SidePanelItem.html#iconComponent\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"services/side-panels-manager/models/side-panel-item.SidePanelItem\"},{\"kind\":65536,\"name\":\"__type\",\"url\":\"interfaces/services_side_panels_manager_models_side_panel_item.SidePanelItem.html#__type\",\"classes\":\"tsd-kind-type-literal tsd-parent-kind-interface\",\"parent\":\"services/side-panels-manager/models/side-panel-item.SidePanelItem\"},{\"kind\":1024,\"name\":\"component\",\"url\":\"interfaces/services_side_panels_manager_models_side_panel_item.SidePanelItem.html#__type.component\",\"classes\":\"tsd-kind-property tsd-parent-kind-type-literal\",\"parent\":\"services/side-panels-manager/models/side-panel-item.SidePanelItem.__type\"},{\"kind\":1024,\"name\":\"svgIcon\",\"url\":\"interfaces/services_side_panels_manager_models_side_panel_item.SidePanelItem.html#__type.svgIcon\",\"classes\":\"tsd-kind-property tsd-parent-kind-type-literal\",\"parent\":\"services/side-panels-manager/models/side-panel-item.SidePanelItem.__type\"},{\"kind\":1024,\"name\":\"panelComponent\",\"url\":\"interfaces/services_side_panels_manager_models_side_panel_item.SidePanelItem.html#panelComponent\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"services/side-panels-manager/models/side-panel-item.SidePanelItem\"},{\"kind\":1024,\"name\":\"presets\",\"url\":\"interfaces/services_side_panels_manager_models_side_panel_item.SidePanelItem.html#presets\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"services/side-panels-manager/models/side-panel-item.SidePanelItem\"},{\"kind\":1024,\"name\":\"position\",\"url\":\"interfaces/services_side_panels_manager_models_side_panel_item.SidePanelItem.html#position\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"services/side-panels-manager/models/side-panel-item.SidePanelItem\"},{\"kind\":1024,\"name\":\"expandMode\",\"url\":\"interfaces/services_side_panels_manager_models_side_panel_item.SidePanelItem.html#expandMode\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"services/side-panels-manager/models/side-panel-item.SidePanelItem\"},{\"kind\":1024,\"name\":\"onActivate\",\"url\":\"interfaces/services_side_panels_manager_models_side_panel_item.SidePanelItem.html#onActivate\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"services/side-panels-manager/models/side-panel-item.SidePanelItem\"},{\"kind\":65536,\"name\":\"__type\",\"url\":\"interfaces/services_side_panels_manager_models_side_panel_item.SidePanelItem.html#__type-1\",\"classes\":\"tsd-kind-type-literal tsd-parent-kind-interface\",\"parent\":\"services/side-panels-manager/models/side-panel-item.SidePanelItem\"},{\"kind\":1024,\"name\":\"onDeactivate\",\"url\":\"interfaces/services_side_panels_manager_models_side_panel_item.SidePanelItem.html#onDeactivate\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"services/side-panels-manager/models/side-panel-item.SidePanelItem\"},{\"kind\":65536,\"name\":\"__type\",\"url\":\"interfaces/services_side_panels_manager_models_side_panel_item.SidePanelItem.html#__type-3\",\"classes\":\"tsd-kind-type-literal tsd-parent-kind-interface\",\"parent\":\"services/side-panels-manager/models/side-panel-item.SidePanelItem\"},{\"kind\":2,\"name\":\"services/side-panels-manager/side-panels-manager\",\"url\":\"modules/services_side_panels_manager_side_panels_manager.html\",\"classes\":\"tsd-kind-module\"},{\"kind\":128,\"name\":\"SidePanelsManager\",\"url\":\"classes/services_side_panels_manager_side_panels_manager.SidePanelsManager.html\",\"classes\":\"tsd-kind-class tsd-parent-kind-module\",\"parent\":\"services/side-panels-manager/side-panels-manager\"},{\"kind\":2048,\"name\":\"add\",\"url\":\"classes/services_side_panels_manager_side_panels_manager.SidePanelsManager.html#add\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"services/side-panels-manager/side-panels-manager.SidePanelsManager\"},{\"kind\":2048,\"name\":\"remove\",\"url\":\"classes/services_side_panels_manager_side_panels_manager.SidePanelsManager.html#remove\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"services/side-panels-manager/side-panels-manager.SidePanelsManager\"},{\"kind\":2048,\"name\":\"activateItem\",\"url\":\"classes/services_side_panels_manager_side_panels_manager.SidePanelsManager.html#activateItem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"services/side-panels-manager/side-panels-manager.SidePanelsManager\"},{\"kind\":2048,\"name\":\"deactivateItem\",\"url\":\"classes/services_side_panels_manager_side_panels_manager.SidePanelsManager.html#deactivateItem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"services/side-panels-manager/side-panels-manager.SidePanelsManager\"},{\"kind\":2048,\"name\":\"isItemActive\",\"url\":\"classes/services_side_panels_manager_side_panels_manager.SidePanelsManager.html#isItemActive\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"services/side-panels-manager/side-panels-manager.SidePanelsManager\"},{\"kind\":2048,\"name\":\"update\",\"url\":\"classes/services_side_panels_manager_side_panels_manager.SidePanelsManager.html#update\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"services/side-panels-manager/side-panels-manager.SidePanelsManager\"},{\"kind\":2,\"name\":\"services/upper-bar-manager/models/icon-dto\",\"url\":\"modules/services_upper_bar_manager_models_icon_dto.html\",\"classes\":\"tsd-kind-module\"},{\"kind\":256,\"name\":\"IconDto\",\"url\":\"interfaces/services_upper_bar_manager_models_icon_dto.IconDto.html\",\"classes\":\"tsd-kind-interface tsd-parent-kind-module\",\"parent\":\"services/upper-bar-manager/models/icon-dto\"},{\"kind\":1024,\"name\":\"label\",\"url\":\"interfaces/services_upper_bar_manager_models_icon_dto.IconDto.html#label\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"services/upper-bar-manager/models/icon-dto.IconDto\"},{\"kind\":1024,\"name\":\"component\",\"url\":\"interfaces/services_upper_bar_manager_models_icon_dto.IconDto.html#component\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"services/upper-bar-manager/models/icon-dto.IconDto\"},{\"kind\":1024,\"name\":\"svgIcon\",\"url\":\"interfaces/services_upper_bar_manager_models_icon_dto.IconDto.html#svgIcon\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"services/upper-bar-manager/models/icon-dto.IconDto\"},{\"kind\":1024,\"name\":\"onClick\",\"url\":\"interfaces/services_upper_bar_manager_models_icon_dto.IconDto.html#onClick\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"services/upper-bar-manager/models/icon-dto.IconDto\"},{\"kind\":65536,\"name\":\"__type\",\"url\":\"interfaces/services_upper_bar_manager_models_icon_dto.IconDto.html#__type\",\"classes\":\"tsd-kind-type-literal tsd-parent-kind-interface\",\"parent\":\"services/upper-bar-manager/models/icon-dto.IconDto\"},{\"kind\":2,\"name\":\"services/upper-bar-manager/upper-bar-manager\",\"url\":\"modules/services_upper_bar_manager_upper_bar_manager.html\",\"classes\":\"tsd-kind-module\"},{\"kind\":128,\"name\":\"UpperBarManager\",\"url\":\"classes/services_upper_bar_manager_upper_bar_manager.UpperBarManager.html\",\"classes\":\"tsd-kind-class tsd-parent-kind-module\",\"parent\":\"services/upper-bar-manager/upper-bar-manager\"},{\"kind\":2048,\"name\":\"add\",\"url\":\"classes/services_upper_bar_manager_upper_bar_manager.UpperBarManager.html#add\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"services/upper-bar-manager/upper-bar-manager.UpperBarManager\"},{\"kind\":2048,\"name\":\"remove\",\"url\":\"classes/services_upper_bar_manager_upper_bar_manager.UpperBarManager.html#remove\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"services/upper-bar-manager/upper-bar-manager.UpperBarManager\"},{\"kind\":2048,\"name\":\"isActive\",\"url\":\"classes/services_upper_bar_manager_upper_bar_manager.UpperBarManager.html#isActive\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"services/upper-bar-manager/upper-bar-manager.UpperBarManager\"},{\"kind\":2048,\"name\":\"update\",\"url\":\"classes/services_upper_bar_manager_upper_bar_manager.UpperBarManager.html#update\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"services/upper-bar-manager/upper-bar-manager.UpperBarManager\"},{\"kind\":2,\"name\":\"\",\"url\":\"modules/services_side_panels_manager_models_side_panel_item._internal_.html\",\"classes\":\"tsd-kind-module tsd-parent-kind-module\",\"parent\":\"services/side-panels-manager/models/side-panel-item\"},{\"kind\":256,\"name\":\"SvgIcon\",\"url\":\"interfaces/services_side_panels_manager_models_side_panel_item._internal_.SvgIcon.html\",\"classes\":\"tsd-kind-interface tsd-parent-kind-module\",\"parent\":\"services/side-panels-manager/models/side-panel-item.\"},{\"kind\":1024,\"name\":\"path\",\"url\":\"interfaces/services_side_panels_manager_models_side_panel_item._internal_.SvgIcon.html#path\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"services/side-panels-manager/models/side-panel-item..SvgIcon\"},{\"kind\":1024,\"name\":\"viewBox\",\"url\":\"interfaces/services_side_panels_manager_models_side_panel_item._internal_.SvgIcon.html#viewBox\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"services/side-panels-manager/models/side-panel-item..SvgIcon\"},{\"kind\":2,\"name\":\"\",\"url\":\"modules/services_side_panels_manager_side_panels_manager._internal_.html\",\"classes\":\"tsd-kind-module tsd-parent-kind-module\",\"parent\":\"services/side-panels-manager/side-panels-manager\"},{\"kind\":4194304,\"name\":\"PanelItemWrapperProps\",\"url\":\"types/services_side_panels_manager_side_panels_manager._internal_.PanelItemWrapperProps.html\",\"classes\":\"tsd-kind-type-alias tsd-parent-kind-module\",\"parent\":\"services/side-panels-manager/side-panels-manager.\"},{\"kind\":65536,\"name\":\"__type\",\"url\":\"types/services_side_panels_manager_side_panels_manager._internal_.PanelItemWrapperProps.html#__type\",\"classes\":\"tsd-kind-type-literal tsd-parent-kind-type-alias\",\"parent\":\"services/side-panels-manager/side-panels-manager..PanelItemWrapperProps\"},{\"kind\":1024,\"name\":\"ref\",\"url\":\"types/services_side_panels_manager_side_panels_manager._internal_.PanelItemWrapperProps.html#__type.ref\",\"classes\":\"tsd-kind-property tsd-parent-kind-type-literal\",\"parent\":\"services/side-panels-manager/side-panels-manager..PanelItemWrapperProps.__type\"},{\"kind\":4194304,\"name\":\"PanelItemWrapperState\",\"url\":\"types/services_side_panels_manager_side_panels_manager._internal_.PanelItemWrapperState.html\",\"classes\":\"tsd-kind-type-alias tsd-parent-kind-module\",\"parent\":\"services/side-panels-manager/side-panels-manager.\"},{\"kind\":65536,\"name\":\"__type\",\"url\":\"types/services_side_panels_manager_side_panels_manager._internal_.PanelItemWrapperState.html#__type\",\"classes\":\"tsd-kind-type-literal tsd-parent-kind-type-alias\",\"parent\":\"services/side-panels-manager/side-panels-manager..PanelItemWrapperState\"},{\"kind\":1024,\"name\":\"on\",\"url\":\"types/services_side_panels_manager_side_panels_manager._internal_.PanelItemWrapperState.html#__type.on\",\"classes\":\"tsd-kind-property tsd-parent-kind-type-literal\",\"parent\":\"services/side-panels-manager/side-panels-manager..PanelItemWrapperState.__type\"},{\"kind\":2,\"name\":\"\",\"url\":\"modules/services_upper_bar_manager_upper_bar_manager._internal_.html\",\"classes\":\"tsd-kind-module tsd-parent-kind-module\",\"parent\":\"services/upper-bar-manager/upper-bar-manager\"},{\"kind\":128,\"name\":\"IconModel\",\"url\":\"classes/services_upper_bar_manager_upper_bar_manager._internal_.IconModel.html\",\"classes\":\"tsd-kind-class tsd-parent-kind-module\",\"parent\":\"services/upper-bar-manager/upper-bar-manager.\"},{\"kind\":512,\"name\":\"constructor\",\"url\":\"classes/services_upper_bar_manager_upper_bar_manager._internal_.IconModel.html#constructor\",\"classes\":\"tsd-kind-constructor tsd-parent-kind-class\",\"parent\":\"services/upper-bar-manager/upper-bar-manager..IconModel\"},{\"kind\":1024,\"name\":\"id\",\"url\":\"classes/services_upper_bar_manager_upper_bar_manager._internal_.IconModel.html#id\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"services/upper-bar-manager/upper-bar-manager..IconModel\"},{\"kind\":1024,\"name\":\"label\",\"url\":\"classes/services_upper_bar_manager_upper_bar_manager._internal_.IconModel.html#label\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"services/upper-bar-manager/upper-bar-manager..IconModel\"},{\"kind\":1024,\"name\":\"componentRef\",\"url\":\"classes/services_upper_bar_manager_upper_bar_manager._internal_.IconModel.html#componentRef\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"services/upper-bar-manager/upper-bar-manager..IconModel\"},{\"kind\":1024,\"name\":\"onClick\",\"url\":\"classes/services_upper_bar_manager_upper_bar_manager._internal_.IconModel.html#onClick\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"services/upper-bar-manager/upper-bar-manager..IconModel\"},{\"kind\":65536,\"name\":\"__type\",\"url\":\"classes/services_upper_bar_manager_upper_bar_manager._internal_.IconModel.html#__type\",\"classes\":\"tsd-kind-type-literal tsd-parent-kind-class\",\"parent\":\"services/upper-bar-manager/upper-bar-manager..IconModel\"},{\"kind\":1024,\"name\":\"component\",\"url\":\"classes/services_upper_bar_manager_upper_bar_manager._internal_.IconModel.html#component\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"services/upper-bar-manager/upper-bar-manager..IconModel\"},{\"kind\":1024,\"name\":\"svgIcon\",\"url\":\"classes/services_upper_bar_manager_upper_bar_manager._internal_.IconModel.html#svgIcon\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"services/upper-bar-manager/upper-bar-manager..IconModel\"},{\"kind\":2048,\"name\":\"update\",\"url\":\"classes/services_upper_bar_manager_upper_bar_manager._internal_.IconModel.html#update\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"services/upper-bar-manager/upper-bar-manager..IconModel\"},{\"kind\":128,\"name\":\"DisplayedBar\",\"url\":\"classes/services_upper_bar_manager_upper_bar_manager._internal_.DisplayedBar.html\",\"classes\":\"tsd-kind-class tsd-parent-kind-module\",\"parent\":\"services/upper-bar-manager/upper-bar-manager.\"},{\"kind\":512,\"name\":\"constructor\",\"url\":\"classes/services_upper_bar_manager_upper_bar_manager._internal_.DisplayedBar.html#constructor\",\"classes\":\"tsd-kind-constructor tsd-parent-kind-class\",\"parent\":\"services/upper-bar-manager/upper-bar-manager..DisplayedBar\"},{\"kind\":2048,\"name\":\"update\",\"url\":\"classes/services_upper_bar_manager_upper_bar_manager._internal_.DisplayedBar.html#update\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"services/upper-bar-manager/upper-bar-manager..DisplayedBar\"},{\"kind\":2048,\"name\":\"render\",\"url\":\"classes/services_upper_bar_manager_upper_bar_manager._internal_.DisplayedBar.html#render\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"services/upper-bar-manager/upper-bar-manager..DisplayedBar\"},{\"kind\":4194304,\"name\":\"UpperBarManagerConfig\",\"url\":\"types/services_upper_bar_manager_upper_bar_manager._internal_.UpperBarManagerConfig.html\",\"classes\":\"tsd-kind-type-alias tsd-parent-kind-module\",\"parent\":\"services/upper-bar-manager/upper-bar-manager.\"},{\"kind\":65536,\"name\":\"__type\",\"url\":\"types/services_upper_bar_manager_upper_bar_manager._internal_.UpperBarManagerConfig.html#__type\",\"classes\":\"tsd-kind-type-literal tsd-parent-kind-type-alias\",\"parent\":\"services/upper-bar-manager/upper-bar-manager..UpperBarManagerConfig\"},{\"kind\":1024,\"name\":\"pluginsIconsOrder\",\"url\":\"types/services_upper_bar_manager_upper_bar_manager._internal_.UpperBarManagerConfig.html#__type.pluginsIconsOrder\",\"classes\":\"tsd-kind-property tsd-parent-kind-type-literal\",\"parent\":\"services/upper-bar-manager/upper-bar-manager..UpperBarManagerConfig.__type\"},{\"kind\":4194304,\"name\":\"DisplayedBarProps\",\"url\":\"types/services_upper_bar_manager_upper_bar_manager._internal_.DisplayedBarProps.html\",\"classes\":\"tsd-kind-type-alias tsd-parent-kind-module\",\"parent\":\"services/upper-bar-manager/upper-bar-manager.\"},{\"kind\":65536,\"name\":\"__type\",\"url\":\"types/services_upper_bar_manager_upper_bar_manager._internal_.DisplayedBarProps.html#__type\",\"classes\":\"tsd-kind-type-literal tsd-parent-kind-type-alias\",\"parent\":\"services/upper-bar-manager/upper-bar-manager..DisplayedBarProps\"},{\"kind\":1024,\"name\":\"ref\",\"url\":\"types/services_upper_bar_manager_upper_bar_manager._internal_.DisplayedBarProps.html#__type.ref\",\"classes\":\"tsd-kind-property tsd-parent-kind-type-literal\",\"parent\":\"services/upper-bar-manager/upper-bar-manager..DisplayedBarProps.__type\"},{\"kind\":1024,\"name\":\"iconsOrder\",\"url\":\"types/services_upper_bar_manager_upper_bar_manager._internal_.DisplayedBarProps.html#__type.iconsOrder\",\"classes\":\"tsd-kind-property tsd-parent-kind-type-literal\",\"parent\":\"services/upper-bar-manager/upper-bar-manager..DisplayedBarProps.__type\"},{\"kind\":4194304,\"name\":\"DisplayedBarState\",\"url\":\"types/services_upper_bar_manager_upper_bar_manager._internal_.DisplayedBarState.html\",\"classes\":\"tsd-kind-type-alias tsd-parent-kind-module\",\"parent\":\"services/upper-bar-manager/upper-bar-manager.\"},{\"kind\":65536,\"name\":\"__type\",\"url\":\"types/services_upper_bar_manager_upper_bar_manager._internal_.DisplayedBarState.html#__type\",\"classes\":\"tsd-kind-type-literal tsd-parent-kind-type-alias\",\"parent\":\"services/upper-bar-manager/upper-bar-manager..DisplayedBarState\"},{\"kind\":1024,\"name\":\"controls\",\"url\":\"types/services_upper_bar_manager_upper_bar_manager._internal_.DisplayedBarState.html#__type.controls\",\"classes\":\"tsd-kind-property tsd-parent-kind-type-literal\",\"parent\":\"services/upper-bar-manager/upper-bar-manager..DisplayedBarState.__type\"},{\"kind\":128,\"name\":\"IconWrapper\",\"url\":\"classes/services_upper_bar_manager_upper_bar_manager._internal_.IconWrapper.html\",\"classes\":\"tsd-kind-class tsd-parent-kind-module\",\"parent\":\"services/upper-bar-manager/upper-bar-manager.\"},{\"kind\":2048,\"name\":\"render\",\"url\":\"classes/services_upper_bar_manager_upper_bar_manager._internal_.IconWrapper.html#render\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"services/upper-bar-manager/upper-bar-manager..IconWrapper\"},{\"kind\":4194304,\"name\":\"IconWrapperProps\",\"url\":\"types/services_upper_bar_manager_upper_bar_manager._internal_.IconWrapperProps.html\",\"classes\":\"tsd-kind-type-alias tsd-parent-kind-module\",\"parent\":\"services/upper-bar-manager/upper-bar-manager.\"},{\"kind\":65536,\"name\":\"__type\",\"url\":\"types/services_upper_bar_manager_upper_bar_manager._internal_.IconWrapperProps.html#__type\",\"classes\":\"tsd-kind-type-literal tsd-parent-kind-type-alias\",\"parent\":\"services/upper-bar-manager/upper-bar-manager..IconWrapperProps\"},{\"kind\":1024,\"name\":\"ref\",\"url\":\"types/services_upper_bar_manager_upper_bar_manager._internal_.IconWrapperProps.html#__type.ref\",\"classes\":\"tsd-kind-property tsd-parent-kind-type-literal\",\"parent\":\"services/upper-bar-manager/upper-bar-manager..IconWrapperProps.__type\"},{\"kind\":1024,\"name\":\"onClick\",\"url\":\"types/services_upper_bar_manager_upper_bar_manager._internal_.IconWrapperProps.html#__type.onClick\",\"classes\":\"tsd-kind-property tsd-parent-kind-type-literal\",\"parent\":\"services/upper-bar-manager/upper-bar-manager..IconWrapperProps.__type\"},{\"kind\":65536,\"name\":\"__type\",\"url\":\"types/services_upper_bar_manager_upper_bar_manager._internal_.IconWrapperProps.html#__type.__type-1\",\"classes\":\"tsd-kind-type-literal tsd-parent-kind-type-literal\",\"parent\":\"services/upper-bar-manager/upper-bar-manager..IconWrapperProps.__type\"}],\"index\":{\"version\":\"2.3.9\",\"fields\":[\"name\",\"comment\"],\"fieldVectors\":[[\"name/0\",[0,25.253,1,25.253,2,25.253]],[\"comment/0\",[]],[\"name/1\",[3,43.818]],[\"comment/1\",[]],[\"name/2\",[4,43.818]],[\"comment/2\",[]],[\"name/3\",[5,18.825]],[\"comment/3\",[]],[\"name/4\",[6,38.351]],[\"comment/4\",[]],[\"name/5\",[5,18.825]],[\"comment/5\",[]],[\"name/6\",[7,38.351]],[\"comment/6\",[]],[\"name/7\",[8,15.524,9,15.524,10,17.737,11,17.737,12,17.737]],[\"comment/7\",[]],[\"name/8\",[13,43.818]],[\"comment/8\",[]],[\"name/9\",[5,18.825]],[\"comment/9\",[]],[\"name/10\",[14,38.351]],[\"comment/10\",[]],[\"name/11\",[15,43.818]],[\"comment/11\",[]],[\"name/12\",[16,34.75]],[\"comment/12\",[]],[\"name/13\",[17,43.818]],[\"comment/13\",[]],[\"name/14\",[5,18.825]],[\"comment/14\",[]],[\"name/15\",[18,34.75]],[\"comment/15\",[]],[\"name/16\",[19,32.061]],[\"comment/16\",[]],[\"name/17\",[20,43.818]],[\"comment/17\",[]],[\"name/18\",[21,43.818]],[\"comment/18\",[]],[\"name/19\",[22,43.818]],[\"comment/19\",[]],[\"name/20\",[23,43.818]],[\"comment/20\",[]],[\"name/21\",[24,43.818]],[\"comment/21\",[]],[\"name/22\",[5,18.825]],[\"comment/22\",[]],[\"name/23\",[25,43.818]],[\"comment/23\",[]],[\"name/24\",[5,18.825]],[\"comment/24\",[]],[\"name/25\",[8,15.524,9,25.941,26,17.737,27,15.524]],[\"comment/25\",[]],[\"name/26\",[28,43.818]],[\"comment/26\",[]],[\"name/27\",[29,38.351]],[\"comment/27\",[]],[\"name/28\",[30,38.351]],[\"comment/28\",[]],[\"name/29\",[31,43.818]],[\"comment/29\",[]],[\"name/30\",[32,43.818]],[\"comment/30\",[]],[\"name/31\",[33,43.818]],[\"comment/31\",[]],[\"name/32\",[34,32.061]],[\"comment/32\",[]],[\"name/33\",[35,18.238,36,18.238,37,20.838,38,20.838]],[\"comment/33\",[]],[\"name/34\",[39,43.818]],[\"comment/34\",[]],[\"name/35\",[16,34.75]],[\"comment/35\",[]],[\"name/36\",[18,34.75]],[\"comment/36\",[]],[\"name/37\",[19,32.061]],[\"comment/37\",[]],[\"name/38\",[40,34.75]],[\"comment/38\",[]],[\"name/39\",[5,18.825]],[\"comment/39\",[]],[\"name/40\",[27,15.524,35,15.524,36,25.941,41,17.737]],[\"comment/40\",[]],[\"name/41\",[6,38.351]],[\"comment/41\",[]],[\"name/42\",[29,38.351]],[\"comment/42\",[]],[\"name/43\",[30,38.351]],[\"comment/43\",[]],[\"name/44\",[14,38.351]],[\"comment/44\",[]],[\"name/45\",[34,32.061]],[\"comment/45\",[]],[\"name/46\",[42,34.75]],[\"comment/46\",[]],[\"name/47\",[19,32.061]],[\"comment/47\",[]],[\"name/48\",[43,43.818]],[\"comment/48\",[]],[\"name/49\",[44,43.818]],[\"comment/49\",[]],[\"name/50\",[42,34.75]],[\"comment/50\",[]],[\"name/51\",[45,43.818]],[\"comment/51\",[]],[\"name/52\",[5,18.825]],[\"comment/52\",[]],[\"name/53\",[46,34.75]],[\"comment/53\",[]],[\"name/54\",[47,43.818]],[\"comment/54\",[]],[\"name/55\",[5,18.825]],[\"comment/55\",[]],[\"name/56\",[48,43.818]],[\"comment/56\",[]],[\"name/57\",[42,34.75]],[\"comment/57\",[]],[\"name/58\",[49,43.818]],[\"comment/58\",[]],[\"name/59\",[50,38.351]],[\"comment/59\",[]],[\"name/60\",[51,43.818]],[\"comment/60\",[]],[\"name/61\",[16,34.75]],[\"comment/61\",[]],[\"name/62\",[52,43.818]],[\"comment/62\",[]],[\"name/63\",[40,34.75]],[\"comment/63\",[]],[\"name/64\",[5,18.825]],[\"comment/64\",[]],[\"name/65\",[18,34.75]],[\"comment/65\",[]],[\"name/66\",[19,32.061]],[\"comment/66\",[]],[\"name/67\",[34,32.061]],[\"comment/67\",[]],[\"name/68\",[53,43.818]],[\"comment/68\",[]],[\"name/69\",[50,38.351]],[\"comment/69\",[]],[\"name/70\",[34,32.061]],[\"comment/70\",[]],[\"name/71\",[54,38.351]],[\"comment/71\",[]],[\"name/72\",[55,43.818]],[\"comment/72\",[]],[\"name/73\",[5,18.825]],[\"comment/73\",[]],[\"name/74\",[7,38.351]],[\"comment/74\",[]],[\"name/75\",[56,43.818]],[\"comment/75\",[]],[\"name/76\",[5,18.825]],[\"comment/76\",[]],[\"name/77\",[46,34.75]],[\"comment/77\",[]],[\"name/78\",[57,43.818]],[\"comment/78\",[]],[\"name/79\",[58,43.818]],[\"comment/79\",[]],[\"name/80\",[5,18.825]],[\"comment/80\",[]],[\"name/81\",[59,43.818]],[\"comment/81\",[]],[\"name/82\",[60,43.818]],[\"comment/82\",[]],[\"name/83\",[54,38.351]],[\"comment/83\",[]],[\"name/84\",[61,43.818]],[\"comment/84\",[]],[\"name/85\",[5,18.825]],[\"comment/85\",[]],[\"name/86\",[46,34.75]],[\"comment/86\",[]],[\"name/87\",[40,34.75]],[\"comment/87\",[]],[\"name/88\",[5,18.825]],[\"comment/88\",[]]],\"invertedIndex\":[[\"__type\",{\"_index\":5,\"name\":{\"3\":{},\"5\":{},\"9\":{},\"14\":{},\"22\":{},\"24\":{},\"39\":{},\"52\":{},\"55\":{},\"64\":{},\"73\":{},\"76\":{},\"80\":{},\"85\":{},\"88\":{}},\"comment\":{}}],[\"activateitem\",{\"_index\":31,\"name\":{\"29\":{}},\"comment\":{}}],[\"add\",{\"_index\":29,\"name\":{\"27\":{},\"42\":{}},\"comment\":{}}],[\"bar\",{\"_index\":36,\"name\":{\"33\":{},\"40\":{}},\"comment\":{}}],[\"component\",{\"_index\":18,\"name\":{\"15\":{},\"36\":{},\"65\":{}},\"comment\":{}}],[\"componentref\",{\"_index\":52,\"name\":{\"62\":{}},\"comment\":{}}],[\"config\",{\"_index\":2,\"name\":{\"0\":{}},\"comment\":{}}],[\"constructor\",{\"_index\":50,\"name\":{\"59\":{},\"69\":{}},\"comment\":{}}],[\"controls\",{\"_index\":59,\"name\":{\"81\":{}},\"comment\":{}}],[\"deactivateitem\",{\"_index\":32,\"name\":{\"30\":{}},\"comment\":{}}],[\"displayedbar\",{\"_index\":53,\"name\":{\"68\":{}},\"comment\":{}}],[\"displayedbarprops\",{\"_index\":56,\"name\":{\"75\":{}},\"comment\":{}}],[\"displayedbarstate\",{\"_index\":58,\"name\":{\"79\":{}},\"comment\":{}}],[\"dto\",{\"_index\":38,\"name\":{\"33\":{}},\"comment\":{}}],[\"expandmode\",{\"_index\":23,\"name\":{\"20\":{}},\"comment\":{}}],[\"iconcomponent\",{\"_index\":17,\"name\":{\"13\":{}},\"comment\":{}}],[\"icondto\",{\"_index\":39,\"name\":{\"34\":{}},\"comment\":{}}],[\"iconmodel\",{\"_index\":49,\"name\":{\"58\":{}},\"comment\":{}}],[\"iconsorder\",{\"_index\":57,\"name\":{\"78\":{}},\"comment\":{}}],[\"iconwrapper\",{\"_index\":60,\"name\":{\"82\":{}},\"comment\":{}}],[\"iconwrapperprops\",{\"_index\":61,\"name\":{\"84\":{}},\"comment\":{}}],[\"id\",{\"_index\":51,\"name\":{\"60\":{}},\"comment\":{}}],[\"internal\",{\"_index\":42,\"name\":{\"46\":{},\"50\":{},\"57\":{}},\"comment\":{}}],[\"isactive\",{\"_index\":14,\"name\":{\"10\":{},\"44\":{}},\"comment\":{}}],[\"isitemactive\",{\"_index\":33,\"name\":{\"31\":{}},\"comment\":{}}],[\"item\",{\"_index\":12,\"name\":{\"7\":{}},\"comment\":{}}],[\"kalturapluginnames\",{\"_index\":3,\"name\":{\"1\":{}},\"comment\":{}}],[\"label\",{\"_index\":16,\"name\":{\"12\":{},\"35\":{},\"61\":{}},\"comment\":{}}],[\"manager\",{\"_index\":27,\"name\":{\"25\":{},\"40\":{}},\"comment\":{}}],[\"manager/models/icon\",{\"_index\":37,\"name\":{\"33\":{}},\"comment\":{}}],[\"manager/models/side\",{\"_index\":10,\"name\":{\"7\":{}},\"comment\":{}}],[\"manager/side\",{\"_index\":26,\"name\":{\"25\":{}},\"comment\":{}}],[\"manager/upper\",{\"_index\":41,\"name\":{\"40\":{}},\"comment\":{}}],[\"managers\",{\"_index\":1,\"name\":{\"0\":{}},\"comment\":{}}],[\"on\",{\"_index\":48,\"name\":{\"56\":{}},\"comment\":{}}],[\"onactivate\",{\"_index\":24,\"name\":{\"21\":{}},\"comment\":{}}],[\"onclick\",{\"_index\":40,\"name\":{\"38\":{},\"63\":{},\"87\":{}},\"comment\":{}}],[\"ondeactivate\",{\"_index\":25,\"name\":{\"23\":{}},\"comment\":{}}],[\"panel\",{\"_index\":11,\"name\":{\"7\":{}},\"comment\":{}}],[\"panelcomponent\",{\"_index\":20,\"name\":{\"17\":{}},\"comment\":{}}],[\"panelcomponentprops\",{\"_index\":13,\"name\":{\"8\":{}},\"comment\":{}}],[\"panelitemwrapperprops\",{\"_index\":45,\"name\":{\"51\":{}},\"comment\":{}}],[\"panelitemwrapperstate\",{\"_index\":47,\"name\":{\"54\":{}},\"comment\":{}}],[\"panels\",{\"_index\":9,\"name\":{\"7\":{},\"25\":{}},\"comment\":{}}],[\"path\",{\"_index\":43,\"name\":{\"48\":{}},\"comment\":{}}],[\"pluginsiconsorder\",{\"_index\":7,\"name\":{\"6\":{},\"74\":{}},\"comment\":{}}],[\"position\",{\"_index\":22,\"name\":{\"19\":{}},\"comment\":{}}],[\"presets\",{\"_index\":21,\"name\":{\"18\":{}},\"comment\":{}}],[\"ref\",{\"_index\":46,\"name\":{\"53\":{},\"77\":{},\"86\":{}},\"comment\":{}}],[\"remove\",{\"_index\":30,\"name\":{\"28\":{},\"43\":{}},\"comment\":{}}],[\"render\",{\"_index\":54,\"name\":{\"71\":{},\"83\":{}},\"comment\":{}}],[\"services/side\",{\"_index\":8,\"name\":{\"7\":{},\"25\":{}},\"comment\":{}}],[\"services/upper\",{\"_index\":35,\"name\":{\"33\":{},\"40\":{}},\"comment\":{}}],[\"sidepanelitem\",{\"_index\":15,\"name\":{\"11\":{}},\"comment\":{}}],[\"sidepanelsmanager\",{\"_index\":28,\"name\":{\"26\":{}},\"comment\":{}}],[\"svgicon\",{\"_index\":19,\"name\":{\"16\":{},\"37\":{},\"47\":{},\"66\":{}},\"comment\":{}}],[\"types/ui\",{\"_index\":0,\"name\":{\"0\":{}},\"comment\":{}}],[\"uimanagerconfig\",{\"_index\":4,\"name\":{\"2\":{}},\"comment\":{}}],[\"update\",{\"_index\":34,\"name\":{\"32\":{},\"45\":{},\"67\":{},\"70\":{}},\"comment\":{}}],[\"upperbarmanager\",{\"_index\":6,\"name\":{\"4\":{},\"41\":{}},\"comment\":{}}],[\"upperbarmanagerconfig\",{\"_index\":55,\"name\":{\"72\":{}},\"comment\":{}}],[\"viewbox\",{\"_index\":44,\"name\":{\"49\":{}},\"comment\":{}}]],\"pipeline\":[]}}"); \ No newline at end of file +window.searchData = JSON.parse("{\"kinds\":{\"2\":\"Module\",\"128\":\"Class\",\"256\":\"Interface\",\"512\":\"Constructor\",\"1024\":\"Property\",\"2048\":\"Method\",\"65536\":\"Type literal\",\"4194304\":\"Type alias\"},\"rows\":[{\"kind\":2,\"name\":\"types/ui-managers-config\",\"url\":\"modules/types_ui_managers_config.html\",\"classes\":\"tsd-kind-module\"},{\"kind\":4194304,\"name\":\"KalturaPluginNames\",\"url\":\"types/types_ui_managers_config.KalturaPluginNames.html\",\"classes\":\"tsd-kind-type-alias tsd-parent-kind-module\",\"parent\":\"types/ui-managers-config\"},{\"kind\":4194304,\"name\":\"UiManagerConfig\",\"url\":\"types/types_ui_managers_config.UiManagerConfig.html\",\"classes\":\"tsd-kind-type-alias tsd-parent-kind-module\",\"parent\":\"types/ui-managers-config\"},{\"kind\":65536,\"name\":\"__type\",\"url\":\"types/types_ui_managers_config.UiManagerConfig.html#__type\",\"classes\":\"tsd-kind-type-literal tsd-parent-kind-type-alias\",\"parent\":\"types/ui-managers-config.UiManagerConfig\"},{\"kind\":1024,\"name\":\"upperBarManager\",\"url\":\"types/types_ui_managers_config.UiManagerConfig.html#__type.upperBarManager\",\"classes\":\"tsd-kind-property tsd-parent-kind-type-literal\",\"parent\":\"types/ui-managers-config.UiManagerConfig.__type\"},{\"kind\":65536,\"name\":\"__type\",\"url\":\"types/types_ui_managers_config.UiManagerConfig.html#__type.__type-1\",\"classes\":\"tsd-kind-type-literal tsd-parent-kind-type-literal\",\"parent\":\"types/ui-managers-config.UiManagerConfig.__type\"},{\"kind\":1024,\"name\":\"pluginsIconsOrder\",\"url\":\"types/types_ui_managers_config.UiManagerConfig.html#__type.__type-1.pluginsIconsOrder\",\"classes\":\"tsd-kind-property tsd-parent-kind-type-literal\",\"parent\":\"types/ui-managers-config.UiManagerConfig.__type.__type\"},{\"kind\":2,\"name\":\"services/side-panels-manager/models/side-panel-item\",\"url\":\"modules/services_side_panels_manager_models_side_panel_item.html\",\"classes\":\"tsd-kind-module\"},{\"kind\":4194304,\"name\":\"PanelComponentProps\",\"url\":\"types/services_side_panels_manager_models_side_panel_item.PanelComponentProps.html\",\"classes\":\"tsd-kind-type-alias tsd-parent-kind-module\",\"parent\":\"services/side-panels-manager/models/side-panel-item\"},{\"kind\":65536,\"name\":\"__type\",\"url\":\"types/services_side_panels_manager_models_side_panel_item.PanelComponentProps.html#__type\",\"classes\":\"tsd-kind-type-literal tsd-parent-kind-type-alias\",\"parent\":\"services/side-panels-manager/models/side-panel-item.PanelComponentProps\"},{\"kind\":1024,\"name\":\"isActive\",\"url\":\"types/services_side_panels_manager_models_side_panel_item.PanelComponentProps.html#__type.isActive\",\"classes\":\"tsd-kind-property tsd-parent-kind-type-literal\",\"parent\":\"services/side-panels-manager/models/side-panel-item.PanelComponentProps.__type\"},{\"kind\":256,\"name\":\"SidePanelItem\",\"url\":\"interfaces/services_side_panels_manager_models_side_panel_item.SidePanelItem.html\",\"classes\":\"tsd-kind-interface tsd-parent-kind-module\",\"parent\":\"services/side-panels-manager/models/side-panel-item\"},{\"kind\":1024,\"name\":\"label\",\"url\":\"interfaces/services_side_panels_manager_models_side_panel_item.SidePanelItem.html#label\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"services/side-panels-manager/models/side-panel-item.SidePanelItem\"},{\"kind\":1024,\"name\":\"iconComponent\",\"url\":\"interfaces/services_side_panels_manager_models_side_panel_item.SidePanelItem.html#iconComponent\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"services/side-panels-manager/models/side-panel-item.SidePanelItem\"},{\"kind\":65536,\"name\":\"__type\",\"url\":\"interfaces/services_side_panels_manager_models_side_panel_item.SidePanelItem.html#__type\",\"classes\":\"tsd-kind-type-literal tsd-parent-kind-interface\",\"parent\":\"services/side-panels-manager/models/side-panel-item.SidePanelItem\"},{\"kind\":1024,\"name\":\"component\",\"url\":\"interfaces/services_side_panels_manager_models_side_panel_item.SidePanelItem.html#__type.component\",\"classes\":\"tsd-kind-property tsd-parent-kind-type-literal\",\"parent\":\"services/side-panels-manager/models/side-panel-item.SidePanelItem.__type\"},{\"kind\":1024,\"name\":\"svgIcon\",\"url\":\"interfaces/services_side_panels_manager_models_side_panel_item.SidePanelItem.html#__type.svgIcon\",\"classes\":\"tsd-kind-property tsd-parent-kind-type-literal\",\"parent\":\"services/side-panels-manager/models/side-panel-item.SidePanelItem.__type\"},{\"kind\":1024,\"name\":\"panelComponent\",\"url\":\"interfaces/services_side_panels_manager_models_side_panel_item.SidePanelItem.html#panelComponent\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"services/side-panels-manager/models/side-panel-item.SidePanelItem\"},{\"kind\":1024,\"name\":\"presets\",\"url\":\"interfaces/services_side_panels_manager_models_side_panel_item.SidePanelItem.html#presets\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"services/side-panels-manager/models/side-panel-item.SidePanelItem\"},{\"kind\":1024,\"name\":\"position\",\"url\":\"interfaces/services_side_panels_manager_models_side_panel_item.SidePanelItem.html#position\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"services/side-panels-manager/models/side-panel-item.SidePanelItem\"},{\"kind\":1024,\"name\":\"expandMode\",\"url\":\"interfaces/services_side_panels_manager_models_side_panel_item.SidePanelItem.html#expandMode\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"services/side-panels-manager/models/side-panel-item.SidePanelItem\"},{\"kind\":1024,\"name\":\"onActivate\",\"url\":\"interfaces/services_side_panels_manager_models_side_panel_item.SidePanelItem.html#onActivate\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"services/side-panels-manager/models/side-panel-item.SidePanelItem\"},{\"kind\":65536,\"name\":\"__type\",\"url\":\"interfaces/services_side_panels_manager_models_side_panel_item.SidePanelItem.html#__type-1\",\"classes\":\"tsd-kind-type-literal tsd-parent-kind-interface\",\"parent\":\"services/side-panels-manager/models/side-panel-item.SidePanelItem\"},{\"kind\":1024,\"name\":\"onDeactivate\",\"url\":\"interfaces/services_side_panels_manager_models_side_panel_item.SidePanelItem.html#onDeactivate\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"services/side-panels-manager/models/side-panel-item.SidePanelItem\"},{\"kind\":65536,\"name\":\"__type\",\"url\":\"interfaces/services_side_panels_manager_models_side_panel_item.SidePanelItem.html#__type-3\",\"classes\":\"tsd-kind-type-literal tsd-parent-kind-interface\",\"parent\":\"services/side-panels-manager/models/side-panel-item.SidePanelItem\"},{\"kind\":2,\"name\":\"services/side-panels-manager/side-panels-manager\",\"url\":\"modules/services_side_panels_manager_side_panels_manager.html\",\"classes\":\"tsd-kind-module\"},{\"kind\":128,\"name\":\"SidePanelsManager\",\"url\":\"classes/services_side_panels_manager_side_panels_manager.SidePanelsManager.html\",\"classes\":\"tsd-kind-class tsd-parent-kind-module\",\"parent\":\"services/side-panels-manager/side-panels-manager\"},{\"kind\":2048,\"name\":\"add\",\"url\":\"classes/services_side_panels_manager_side_panels_manager.SidePanelsManager.html#add\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"services/side-panels-manager/side-panels-manager.SidePanelsManager\"},{\"kind\":2048,\"name\":\"remove\",\"url\":\"classes/services_side_panels_manager_side_panels_manager.SidePanelsManager.html#remove\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"services/side-panels-manager/side-panels-manager.SidePanelsManager\"},{\"kind\":2048,\"name\":\"activateItem\",\"url\":\"classes/services_side_panels_manager_side_panels_manager.SidePanelsManager.html#activateItem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"services/side-panels-manager/side-panels-manager.SidePanelsManager\"},{\"kind\":2048,\"name\":\"deactivateItem\",\"url\":\"classes/services_side_panels_manager_side_panels_manager.SidePanelsManager.html#deactivateItem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"services/side-panels-manager/side-panels-manager.SidePanelsManager\"},{\"kind\":2048,\"name\":\"isItemActive\",\"url\":\"classes/services_side_panels_manager_side_panels_manager.SidePanelsManager.html#isItemActive\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"services/side-panels-manager/side-panels-manager.SidePanelsManager\"},{\"kind\":2048,\"name\":\"update\",\"url\":\"classes/services_side_panels_manager_side_panels_manager.SidePanelsManager.html#update\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"services/side-panels-manager/side-panels-manager.SidePanelsManager\"},{\"kind\":2,\"name\":\"services/upper-bar-manager/models/icon-dto\",\"url\":\"modules/services_upper_bar_manager_models_icon_dto.html\",\"classes\":\"tsd-kind-module\"},{\"kind\":256,\"name\":\"IconDto\",\"url\":\"interfaces/services_upper_bar_manager_models_icon_dto.IconDto.html\",\"classes\":\"tsd-kind-interface tsd-parent-kind-module\",\"parent\":\"services/upper-bar-manager/models/icon-dto\"},{\"kind\":1024,\"name\":\"label\",\"url\":\"interfaces/services_upper_bar_manager_models_icon_dto.IconDto.html#label\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"services/upper-bar-manager/models/icon-dto.IconDto\"},{\"kind\":1024,\"name\":\"component\",\"url\":\"interfaces/services_upper_bar_manager_models_icon_dto.IconDto.html#component\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"services/upper-bar-manager/models/icon-dto.IconDto\"},{\"kind\":1024,\"name\":\"svgIcon\",\"url\":\"interfaces/services_upper_bar_manager_models_icon_dto.IconDto.html#svgIcon\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"services/upper-bar-manager/models/icon-dto.IconDto\"},{\"kind\":1024,\"name\":\"onClick\",\"url\":\"interfaces/services_upper_bar_manager_models_icon_dto.IconDto.html#onClick\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"services/upper-bar-manager/models/icon-dto.IconDto\"},{\"kind\":65536,\"name\":\"__type\",\"url\":\"interfaces/services_upper_bar_manager_models_icon_dto.IconDto.html#__type\",\"classes\":\"tsd-kind-type-literal tsd-parent-kind-interface\",\"parent\":\"services/upper-bar-manager/models/icon-dto.IconDto\"},{\"kind\":1024,\"name\":\"presets\",\"url\":\"interfaces/services_upper_bar_manager_models_icon_dto.IconDto.html#presets\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"services/upper-bar-manager/models/icon-dto.IconDto\"},{\"kind\":2,\"name\":\"services/upper-bar-manager/upper-bar-manager\",\"url\":\"modules/services_upper_bar_manager_upper_bar_manager.html\",\"classes\":\"tsd-kind-module\"},{\"kind\":128,\"name\":\"UpperBarManager\",\"url\":\"classes/services_upper_bar_manager_upper_bar_manager.UpperBarManager.html\",\"classes\":\"tsd-kind-class tsd-parent-kind-module\",\"parent\":\"services/upper-bar-manager/upper-bar-manager\"},{\"kind\":2048,\"name\":\"add\",\"url\":\"classes/services_upper_bar_manager_upper_bar_manager.UpperBarManager.html#add\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"services/upper-bar-manager/upper-bar-manager.UpperBarManager\"},{\"kind\":2048,\"name\":\"remove\",\"url\":\"classes/services_upper_bar_manager_upper_bar_manager.UpperBarManager.html#remove\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"services/upper-bar-manager/upper-bar-manager.UpperBarManager\"},{\"kind\":2048,\"name\":\"isActive\",\"url\":\"classes/services_upper_bar_manager_upper_bar_manager.UpperBarManager.html#isActive\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"services/upper-bar-manager/upper-bar-manager.UpperBarManager\"},{\"kind\":2048,\"name\":\"update\",\"url\":\"classes/services_upper_bar_manager_upper_bar_manager.UpperBarManager.html#update\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"services/upper-bar-manager/upper-bar-manager.UpperBarManager\"},{\"kind\":2,\"name\":\"\",\"url\":\"modules/services_side_panels_manager_models_side_panel_item._internal_.html\",\"classes\":\"tsd-kind-module tsd-parent-kind-module\",\"parent\":\"services/side-panels-manager/models/side-panel-item\"},{\"kind\":256,\"name\":\"SvgIcon\",\"url\":\"interfaces/services_side_panels_manager_models_side_panel_item._internal_.SvgIcon.html\",\"classes\":\"tsd-kind-interface tsd-parent-kind-module\",\"parent\":\"services/side-panels-manager/models/side-panel-item.\"},{\"kind\":1024,\"name\":\"path\",\"url\":\"interfaces/services_side_panels_manager_models_side_panel_item._internal_.SvgIcon.html#path\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"services/side-panels-manager/models/side-panel-item..SvgIcon\"},{\"kind\":1024,\"name\":\"viewBox\",\"url\":\"interfaces/services_side_panels_manager_models_side_panel_item._internal_.SvgIcon.html#viewBox\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"services/side-panels-manager/models/side-panel-item..SvgIcon\"},{\"kind\":2,\"name\":\"\",\"url\":\"modules/services_side_panels_manager_side_panels_manager._internal_.html\",\"classes\":\"tsd-kind-module tsd-parent-kind-module\",\"parent\":\"services/side-panels-manager/side-panels-manager\"},{\"kind\":4194304,\"name\":\"PanelItemWrapperProps\",\"url\":\"types/services_side_panels_manager_side_panels_manager._internal_.PanelItemWrapperProps.html\",\"classes\":\"tsd-kind-type-alias tsd-parent-kind-module\",\"parent\":\"services/side-panels-manager/side-panels-manager.\"},{\"kind\":65536,\"name\":\"__type\",\"url\":\"types/services_side_panels_manager_side_panels_manager._internal_.PanelItemWrapperProps.html#__type\",\"classes\":\"tsd-kind-type-literal tsd-parent-kind-type-alias\",\"parent\":\"services/side-panels-manager/side-panels-manager..PanelItemWrapperProps\"},{\"kind\":1024,\"name\":\"ref\",\"url\":\"types/services_side_panels_manager_side_panels_manager._internal_.PanelItemWrapperProps.html#__type.ref\",\"classes\":\"tsd-kind-property tsd-parent-kind-type-literal\",\"parent\":\"services/side-panels-manager/side-panels-manager..PanelItemWrapperProps.__type\"},{\"kind\":4194304,\"name\":\"PanelItemWrapperState\",\"url\":\"types/services_side_panels_manager_side_panels_manager._internal_.PanelItemWrapperState.html\",\"classes\":\"tsd-kind-type-alias tsd-parent-kind-module\",\"parent\":\"services/side-panels-manager/side-panels-manager.\"},{\"kind\":65536,\"name\":\"__type\",\"url\":\"types/services_side_panels_manager_side_panels_manager._internal_.PanelItemWrapperState.html#__type\",\"classes\":\"tsd-kind-type-literal tsd-parent-kind-type-alias\",\"parent\":\"services/side-panels-manager/side-panels-manager..PanelItemWrapperState\"},{\"kind\":1024,\"name\":\"on\",\"url\":\"types/services_side_panels_manager_side_panels_manager._internal_.PanelItemWrapperState.html#__type.on\",\"classes\":\"tsd-kind-property tsd-parent-kind-type-literal\",\"parent\":\"services/side-panels-manager/side-panels-manager..PanelItemWrapperState.__type\"},{\"kind\":2,\"name\":\"\",\"url\":\"modules/services_upper_bar_manager_upper_bar_manager._internal_.html\",\"classes\":\"tsd-kind-module tsd-parent-kind-module\",\"parent\":\"services/upper-bar-manager/upper-bar-manager\"},{\"kind\":128,\"name\":\"IconModel\",\"url\":\"classes/services_upper_bar_manager_upper_bar_manager._internal_.IconModel.html\",\"classes\":\"tsd-kind-class tsd-parent-kind-module\",\"parent\":\"services/upper-bar-manager/upper-bar-manager.\"},{\"kind\":512,\"name\":\"constructor\",\"url\":\"classes/services_upper_bar_manager_upper_bar_manager._internal_.IconModel.html#constructor\",\"classes\":\"tsd-kind-constructor tsd-parent-kind-class\",\"parent\":\"services/upper-bar-manager/upper-bar-manager..IconModel\"},{\"kind\":1024,\"name\":\"id\",\"url\":\"classes/services_upper_bar_manager_upper_bar_manager._internal_.IconModel.html#id\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"services/upper-bar-manager/upper-bar-manager..IconModel\"},{\"kind\":1024,\"name\":\"label\",\"url\":\"classes/services_upper_bar_manager_upper_bar_manager._internal_.IconModel.html#label\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"services/upper-bar-manager/upper-bar-manager..IconModel\"},{\"kind\":1024,\"name\":\"componentRef\",\"url\":\"classes/services_upper_bar_manager_upper_bar_manager._internal_.IconModel.html#componentRef\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"services/upper-bar-manager/upper-bar-manager..IconModel\"},{\"kind\":1024,\"name\":\"onClick\",\"url\":\"classes/services_upper_bar_manager_upper_bar_manager._internal_.IconModel.html#onClick\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"services/upper-bar-manager/upper-bar-manager..IconModel\"},{\"kind\":65536,\"name\":\"__type\",\"url\":\"classes/services_upper_bar_manager_upper_bar_manager._internal_.IconModel.html#__type\",\"classes\":\"tsd-kind-type-literal tsd-parent-kind-class\",\"parent\":\"services/upper-bar-manager/upper-bar-manager..IconModel\"},{\"kind\":1024,\"name\":\"component\",\"url\":\"classes/services_upper_bar_manager_upper_bar_manager._internal_.IconModel.html#component\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"services/upper-bar-manager/upper-bar-manager..IconModel\"},{\"kind\":1024,\"name\":\"svgIcon\",\"url\":\"classes/services_upper_bar_manager_upper_bar_manager._internal_.IconModel.html#svgIcon\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"services/upper-bar-manager/upper-bar-manager..IconModel\"},{\"kind\":1024,\"name\":\"presets\",\"url\":\"classes/services_upper_bar_manager_upper_bar_manager._internal_.IconModel.html#presets\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"services/upper-bar-manager/upper-bar-manager..IconModel\"},{\"kind\":2048,\"name\":\"update\",\"url\":\"classes/services_upper_bar_manager_upper_bar_manager._internal_.IconModel.html#update\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"services/upper-bar-manager/upper-bar-manager..IconModel\"},{\"kind\":128,\"name\":\"DisplayedBar\",\"url\":\"classes/services_upper_bar_manager_upper_bar_manager._internal_.DisplayedBar.html\",\"classes\":\"tsd-kind-class tsd-parent-kind-module\",\"parent\":\"services/upper-bar-manager/upper-bar-manager.\"},{\"kind\":512,\"name\":\"constructor\",\"url\":\"classes/services_upper_bar_manager_upper_bar_manager._internal_.DisplayedBar.html#constructor\",\"classes\":\"tsd-kind-constructor tsd-parent-kind-class\",\"parent\":\"services/upper-bar-manager/upper-bar-manager..DisplayedBar\"},{\"kind\":2048,\"name\":\"update\",\"url\":\"classes/services_upper_bar_manager_upper_bar_manager._internal_.DisplayedBar.html#update\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"services/upper-bar-manager/upper-bar-manager..DisplayedBar\"},{\"kind\":2048,\"name\":\"render\",\"url\":\"classes/services_upper_bar_manager_upper_bar_manager._internal_.DisplayedBar.html#render\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"services/upper-bar-manager/upper-bar-manager..DisplayedBar\"},{\"kind\":4194304,\"name\":\"UpperBarManagerConfig\",\"url\":\"types/services_upper_bar_manager_upper_bar_manager._internal_.UpperBarManagerConfig.html\",\"classes\":\"tsd-kind-type-alias tsd-parent-kind-module\",\"parent\":\"services/upper-bar-manager/upper-bar-manager.\"},{\"kind\":65536,\"name\":\"__type\",\"url\":\"types/services_upper_bar_manager_upper_bar_manager._internal_.UpperBarManagerConfig.html#__type\",\"classes\":\"tsd-kind-type-literal tsd-parent-kind-type-alias\",\"parent\":\"services/upper-bar-manager/upper-bar-manager..UpperBarManagerConfig\"},{\"kind\":1024,\"name\":\"pluginsIconsOrder\",\"url\":\"types/services_upper_bar_manager_upper_bar_manager._internal_.UpperBarManagerConfig.html#__type.pluginsIconsOrder\",\"classes\":\"tsd-kind-property tsd-parent-kind-type-literal\",\"parent\":\"services/upper-bar-manager/upper-bar-manager..UpperBarManagerConfig.__type\"},{\"kind\":4194304,\"name\":\"IconsOrder\",\"url\":\"types/services_upper_bar_manager_upper_bar_manager._internal_.IconsOrder.html\",\"classes\":\"tsd-kind-type-alias tsd-parent-kind-module\",\"parent\":\"services/upper-bar-manager/upper-bar-manager.\"},{\"kind\":4194304,\"name\":\"DisplayedBarProps\",\"url\":\"types/services_upper_bar_manager_upper_bar_manager._internal_.DisplayedBarProps.html\",\"classes\":\"tsd-kind-type-alias tsd-parent-kind-module\",\"parent\":\"services/upper-bar-manager/upper-bar-manager.\"},{\"kind\":65536,\"name\":\"__type\",\"url\":\"types/services_upper_bar_manager_upper_bar_manager._internal_.DisplayedBarProps.html#__type\",\"classes\":\"tsd-kind-type-literal tsd-parent-kind-type-alias\",\"parent\":\"services/upper-bar-manager/upper-bar-manager..DisplayedBarProps\"},{\"kind\":1024,\"name\":\"getControls\",\"url\":\"types/services_upper_bar_manager_upper_bar_manager._internal_.DisplayedBarProps.html#__type.getControls\",\"classes\":\"tsd-kind-property tsd-parent-kind-type-literal\",\"parent\":\"services/upper-bar-manager/upper-bar-manager..DisplayedBarProps.__type\"},{\"kind\":65536,\"name\":\"__type\",\"url\":\"types/services_upper_bar_manager_upper_bar_manager._internal_.DisplayedBarProps.html#__type.__type-1\",\"classes\":\"tsd-kind-type-literal tsd-parent-kind-type-literal\",\"parent\":\"services/upper-bar-manager/upper-bar-manager..DisplayedBarProps.__type\"},{\"kind\":1024,\"name\":\"ref\",\"url\":\"types/services_upper_bar_manager_upper_bar_manager._internal_.DisplayedBarProps.html#__type.ref\",\"classes\":\"tsd-kind-property tsd-parent-kind-type-literal\",\"parent\":\"services/upper-bar-manager/upper-bar-manager..DisplayedBarProps.__type\"},{\"kind\":4194304,\"name\":\"PropsFromRedux\",\"url\":\"types/services_upper_bar_manager_upper_bar_manager._internal_.PropsFromRedux.html\",\"classes\":\"tsd-kind-type-alias tsd-parent-kind-module\",\"parent\":\"services/upper-bar-manager/upper-bar-manager.\"},{\"kind\":65536,\"name\":\"__type\",\"url\":\"types/services_upper_bar_manager_upper_bar_manager._internal_.PropsFromRedux.html#__type\",\"classes\":\"tsd-kind-type-literal tsd-parent-kind-type-alias\",\"parent\":\"services/upper-bar-manager/upper-bar-manager..PropsFromRedux\"},{\"kind\":1024,\"name\":\"playerSize\",\"url\":\"types/services_upper_bar_manager_upper_bar_manager._internal_.PropsFromRedux.html#__type.playerSize\",\"classes\":\"tsd-kind-property tsd-parent-kind-type-literal\",\"parent\":\"services/upper-bar-manager/upper-bar-manager..PropsFromRedux.__type\"},{\"kind\":4194304,\"name\":\"DisplayedBarState\",\"url\":\"types/services_upper_bar_manager_upper_bar_manager._internal_.DisplayedBarState.html\",\"classes\":\"tsd-kind-type-alias tsd-parent-kind-module\",\"parent\":\"services/upper-bar-manager/upper-bar-manager.\"},{\"kind\":65536,\"name\":\"__type\",\"url\":\"types/services_upper_bar_manager_upper_bar_manager._internal_.DisplayedBarState.html#__type\",\"classes\":\"tsd-kind-type-literal tsd-parent-kind-type-alias\",\"parent\":\"services/upper-bar-manager/upper-bar-manager..DisplayedBarState\"},{\"kind\":1024,\"name\":\"showDropdown\",\"url\":\"types/services_upper_bar_manager_upper_bar_manager._internal_.DisplayedBarState.html#__type.showDropdown\",\"classes\":\"tsd-kind-property tsd-parent-kind-type-literal\",\"parent\":\"services/upper-bar-manager/upper-bar-manager..DisplayedBarState.__type\"},{\"kind\":128,\"name\":\"IconWrapper\",\"url\":\"classes/services_upper_bar_manager_upper_bar_manager._internal_.IconWrapper.html\",\"classes\":\"tsd-kind-class tsd-parent-kind-module\",\"parent\":\"services/upper-bar-manager/upper-bar-manager.\"},{\"kind\":2048,\"name\":\"render\",\"url\":\"classes/services_upper_bar_manager_upper_bar_manager._internal_.IconWrapper.html#render\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"services/upper-bar-manager/upper-bar-manager..IconWrapper\"},{\"kind\":4194304,\"name\":\"IconWrapperProps\",\"url\":\"types/services_upper_bar_manager_upper_bar_manager._internal_.IconWrapperProps.html\",\"classes\":\"tsd-kind-type-alias tsd-parent-kind-module\",\"parent\":\"services/upper-bar-manager/upper-bar-manager.\"},{\"kind\":65536,\"name\":\"__type\",\"url\":\"types/services_upper_bar_manager_upper_bar_manager._internal_.IconWrapperProps.html#__type\",\"classes\":\"tsd-kind-type-literal tsd-parent-kind-type-alias\",\"parent\":\"services/upper-bar-manager/upper-bar-manager..IconWrapperProps\"},{\"kind\":1024,\"name\":\"ref\",\"url\":\"types/services_upper_bar_manager_upper_bar_manager._internal_.IconWrapperProps.html#__type.ref\",\"classes\":\"tsd-kind-property tsd-parent-kind-type-literal\",\"parent\":\"services/upper-bar-manager/upper-bar-manager..IconWrapperProps.__type\"},{\"kind\":1024,\"name\":\"onClick\",\"url\":\"types/services_upper_bar_manager_upper_bar_manager._internal_.IconWrapperProps.html#__type.onClick\",\"classes\":\"tsd-kind-property tsd-parent-kind-type-literal\",\"parent\":\"services/upper-bar-manager/upper-bar-manager..IconWrapperProps.__type\"},{\"kind\":65536,\"name\":\"__type\",\"url\":\"types/services_upper_bar_manager_upper_bar_manager._internal_.IconWrapperProps.html#__type.__type-1\",\"classes\":\"tsd-kind-type-literal tsd-parent-kind-type-literal\",\"parent\":\"services/upper-bar-manager/upper-bar-manager..IconWrapperProps.__type\"}],\"index\":{\"version\":\"2.3.9\",\"fields\":[\"name\",\"comment\"],\"fieldVectors\":[[\"name/0\",[0,25.523,1,25.523,2,25.523]],[\"comment/0\",[]],[\"name/1\",[3,44.427]],[\"comment/1\",[]],[\"name/2\",[4,44.427]],[\"comment/2\",[]],[\"name/3\",[5,18.248]],[\"comment/3\",[]],[\"name/4\",[6,38.983]],[\"comment/4\",[]],[\"name/5\",[5,18.248]],[\"comment/5\",[]],[\"name/6\",[7,38.983]],[\"comment/6\",[]],[\"name/7\",[8,15.711,9,15.711,10,17.904,11,17.904,12,17.904]],[\"comment/7\",[]],[\"name/8\",[13,44.427]],[\"comment/8\",[]],[\"name/9\",[5,18.248]],[\"comment/9\",[]],[\"name/10\",[14,38.983]],[\"comment/10\",[]],[\"name/11\",[15,44.427]],[\"comment/11\",[]],[\"name/12\",[16,35.398]],[\"comment/12\",[]],[\"name/13\",[17,44.427]],[\"comment/13\",[]],[\"name/14\",[5,18.248]],[\"comment/14\",[]],[\"name/15\",[18,35.398]],[\"comment/15\",[]],[\"name/16\",[19,32.72]],[\"comment/16\",[]],[\"name/17\",[20,44.427]],[\"comment/17\",[]],[\"name/18\",[21,35.398]],[\"comment/18\",[]],[\"name/19\",[22,44.427]],[\"comment/19\",[]],[\"name/20\",[23,44.427]],[\"comment/20\",[]],[\"name/21\",[24,44.427]],[\"comment/21\",[]],[\"name/22\",[5,18.248]],[\"comment/22\",[]],[\"name/23\",[25,44.427]],[\"comment/23\",[]],[\"name/24\",[5,18.248]],[\"comment/24\",[]],[\"name/25\",[8,15.711,9,26.289,26,17.904,27,15.711]],[\"comment/25\",[]],[\"name/26\",[28,44.427]],[\"comment/26\",[]],[\"name/27\",[29,38.983]],[\"comment/27\",[]],[\"name/28\",[30,38.983]],[\"comment/28\",[]],[\"name/29\",[31,44.427]],[\"comment/29\",[]],[\"name/30\",[32,44.427]],[\"comment/30\",[]],[\"name/31\",[33,44.427]],[\"comment/31\",[]],[\"name/32\",[34,32.72]],[\"comment/32\",[]],[\"name/33\",[35,18.467,36,18.467,37,21.045,38,21.045]],[\"comment/33\",[]],[\"name/34\",[39,44.427]],[\"comment/34\",[]],[\"name/35\",[16,35.398]],[\"comment/35\",[]],[\"name/36\",[18,35.398]],[\"comment/36\",[]],[\"name/37\",[19,32.72]],[\"comment/37\",[]],[\"name/38\",[40,35.398]],[\"comment/38\",[]],[\"name/39\",[5,18.248]],[\"comment/39\",[]],[\"name/40\",[21,35.398]],[\"comment/40\",[]],[\"name/41\",[27,15.711,35,15.711,36,26.289,41,17.904]],[\"comment/41\",[]],[\"name/42\",[6,38.983]],[\"comment/42\",[]],[\"name/43\",[29,38.983]],[\"comment/43\",[]],[\"name/44\",[30,38.983]],[\"comment/44\",[]],[\"name/45\",[14,38.983]],[\"comment/45\",[]],[\"name/46\",[34,32.72]],[\"comment/46\",[]],[\"name/47\",[42,35.398]],[\"comment/47\",[]],[\"name/48\",[19,32.72]],[\"comment/48\",[]],[\"name/49\",[43,44.427]],[\"comment/49\",[]],[\"name/50\",[44,44.427]],[\"comment/50\",[]],[\"name/51\",[42,35.398]],[\"comment/51\",[]],[\"name/52\",[45,44.427]],[\"comment/52\",[]],[\"name/53\",[5,18.248]],[\"comment/53\",[]],[\"name/54\",[46,35.398]],[\"comment/54\",[]],[\"name/55\",[47,44.427]],[\"comment/55\",[]],[\"name/56\",[5,18.248]],[\"comment/56\",[]],[\"name/57\",[48,44.427]],[\"comment/57\",[]],[\"name/58\",[42,35.398]],[\"comment/58\",[]],[\"name/59\",[49,44.427]],[\"comment/59\",[]],[\"name/60\",[50,38.983]],[\"comment/60\",[]],[\"name/61\",[51,44.427]],[\"comment/61\",[]],[\"name/62\",[16,35.398]],[\"comment/62\",[]],[\"name/63\",[52,44.427]],[\"comment/63\",[]],[\"name/64\",[40,35.398]],[\"comment/64\",[]],[\"name/65\",[5,18.248]],[\"comment/65\",[]],[\"name/66\",[18,35.398]],[\"comment/66\",[]],[\"name/67\",[19,32.72]],[\"comment/67\",[]],[\"name/68\",[21,35.398]],[\"comment/68\",[]],[\"name/69\",[34,32.72]],[\"comment/69\",[]],[\"name/70\",[53,44.427]],[\"comment/70\",[]],[\"name/71\",[50,38.983]],[\"comment/71\",[]],[\"name/72\",[34,32.72]],[\"comment/72\",[]],[\"name/73\",[54,38.983]],[\"comment/73\",[]],[\"name/74\",[55,44.427]],[\"comment/74\",[]],[\"name/75\",[5,18.248]],[\"comment/75\",[]],[\"name/76\",[7,38.983]],[\"comment/76\",[]],[\"name/77\",[56,44.427]],[\"comment/77\",[]],[\"name/78\",[57,44.427]],[\"comment/78\",[]],[\"name/79\",[5,18.248]],[\"comment/79\",[]],[\"name/80\",[58,44.427]],[\"comment/80\",[]],[\"name/81\",[5,18.248]],[\"comment/81\",[]],[\"name/82\",[46,35.398]],[\"comment/82\",[]],[\"name/83\",[59,44.427]],[\"comment/83\",[]],[\"name/84\",[5,18.248]],[\"comment/84\",[]],[\"name/85\",[60,44.427]],[\"comment/85\",[]],[\"name/86\",[61,44.427]],[\"comment/86\",[]],[\"name/87\",[5,18.248]],[\"comment/87\",[]],[\"name/88\",[62,44.427]],[\"comment/88\",[]],[\"name/89\",[63,44.427]],[\"comment/89\",[]],[\"name/90\",[54,38.983]],[\"comment/90\",[]],[\"name/91\",[64,44.427]],[\"comment/91\",[]],[\"name/92\",[5,18.248]],[\"comment/92\",[]],[\"name/93\",[46,35.398]],[\"comment/93\",[]],[\"name/94\",[40,35.398]],[\"comment/94\",[]],[\"name/95\",[5,18.248]],[\"comment/95\",[]]],\"invertedIndex\":[[\"__type\",{\"_index\":5,\"name\":{\"3\":{},\"5\":{},\"9\":{},\"14\":{},\"22\":{},\"24\":{},\"39\":{},\"53\":{},\"56\":{},\"65\":{},\"75\":{},\"79\":{},\"81\":{},\"84\":{},\"87\":{},\"92\":{},\"95\":{}},\"comment\":{}}],[\"activateitem\",{\"_index\":31,\"name\":{\"29\":{}},\"comment\":{}}],[\"add\",{\"_index\":29,\"name\":{\"27\":{},\"43\":{}},\"comment\":{}}],[\"bar\",{\"_index\":36,\"name\":{\"33\":{},\"41\":{}},\"comment\":{}}],[\"component\",{\"_index\":18,\"name\":{\"15\":{},\"36\":{},\"66\":{}},\"comment\":{}}],[\"componentref\",{\"_index\":52,\"name\":{\"63\":{}},\"comment\":{}}],[\"config\",{\"_index\":2,\"name\":{\"0\":{}},\"comment\":{}}],[\"constructor\",{\"_index\":50,\"name\":{\"60\":{},\"71\":{}},\"comment\":{}}],[\"deactivateitem\",{\"_index\":32,\"name\":{\"30\":{}},\"comment\":{}}],[\"displayedbar\",{\"_index\":53,\"name\":{\"70\":{}},\"comment\":{}}],[\"displayedbarprops\",{\"_index\":57,\"name\":{\"78\":{}},\"comment\":{}}],[\"displayedbarstate\",{\"_index\":61,\"name\":{\"86\":{}},\"comment\":{}}],[\"dto\",{\"_index\":38,\"name\":{\"33\":{}},\"comment\":{}}],[\"expandmode\",{\"_index\":23,\"name\":{\"20\":{}},\"comment\":{}}],[\"getcontrols\",{\"_index\":58,\"name\":{\"80\":{}},\"comment\":{}}],[\"iconcomponent\",{\"_index\":17,\"name\":{\"13\":{}},\"comment\":{}}],[\"icondto\",{\"_index\":39,\"name\":{\"34\":{}},\"comment\":{}}],[\"iconmodel\",{\"_index\":49,\"name\":{\"59\":{}},\"comment\":{}}],[\"iconsorder\",{\"_index\":56,\"name\":{\"77\":{}},\"comment\":{}}],[\"iconwrapper\",{\"_index\":63,\"name\":{\"89\":{}},\"comment\":{}}],[\"iconwrapperprops\",{\"_index\":64,\"name\":{\"91\":{}},\"comment\":{}}],[\"id\",{\"_index\":51,\"name\":{\"61\":{}},\"comment\":{}}],[\"internal\",{\"_index\":42,\"name\":{\"47\":{},\"51\":{},\"58\":{}},\"comment\":{}}],[\"isactive\",{\"_index\":14,\"name\":{\"10\":{},\"45\":{}},\"comment\":{}}],[\"isitemactive\",{\"_index\":33,\"name\":{\"31\":{}},\"comment\":{}}],[\"item\",{\"_index\":12,\"name\":{\"7\":{}},\"comment\":{}}],[\"kalturapluginnames\",{\"_index\":3,\"name\":{\"1\":{}},\"comment\":{}}],[\"label\",{\"_index\":16,\"name\":{\"12\":{},\"35\":{},\"62\":{}},\"comment\":{}}],[\"manager\",{\"_index\":27,\"name\":{\"25\":{},\"41\":{}},\"comment\":{}}],[\"manager/models/icon\",{\"_index\":37,\"name\":{\"33\":{}},\"comment\":{}}],[\"manager/models/side\",{\"_index\":10,\"name\":{\"7\":{}},\"comment\":{}}],[\"manager/side\",{\"_index\":26,\"name\":{\"25\":{}},\"comment\":{}}],[\"manager/upper\",{\"_index\":41,\"name\":{\"41\":{}},\"comment\":{}}],[\"managers\",{\"_index\":1,\"name\":{\"0\":{}},\"comment\":{}}],[\"on\",{\"_index\":48,\"name\":{\"57\":{}},\"comment\":{}}],[\"onactivate\",{\"_index\":24,\"name\":{\"21\":{}},\"comment\":{}}],[\"onclick\",{\"_index\":40,\"name\":{\"38\":{},\"64\":{},\"94\":{}},\"comment\":{}}],[\"ondeactivate\",{\"_index\":25,\"name\":{\"23\":{}},\"comment\":{}}],[\"panel\",{\"_index\":11,\"name\":{\"7\":{}},\"comment\":{}}],[\"panelcomponent\",{\"_index\":20,\"name\":{\"17\":{}},\"comment\":{}}],[\"panelcomponentprops\",{\"_index\":13,\"name\":{\"8\":{}},\"comment\":{}}],[\"panelitemwrapperprops\",{\"_index\":45,\"name\":{\"52\":{}},\"comment\":{}}],[\"panelitemwrapperstate\",{\"_index\":47,\"name\":{\"55\":{}},\"comment\":{}}],[\"panels\",{\"_index\":9,\"name\":{\"7\":{},\"25\":{}},\"comment\":{}}],[\"path\",{\"_index\":43,\"name\":{\"49\":{}},\"comment\":{}}],[\"playersize\",{\"_index\":60,\"name\":{\"85\":{}},\"comment\":{}}],[\"pluginsiconsorder\",{\"_index\":7,\"name\":{\"6\":{},\"76\":{}},\"comment\":{}}],[\"position\",{\"_index\":22,\"name\":{\"19\":{}},\"comment\":{}}],[\"presets\",{\"_index\":21,\"name\":{\"18\":{},\"40\":{},\"68\":{}},\"comment\":{}}],[\"propsfromredux\",{\"_index\":59,\"name\":{\"83\":{}},\"comment\":{}}],[\"ref\",{\"_index\":46,\"name\":{\"54\":{},\"82\":{},\"93\":{}},\"comment\":{}}],[\"remove\",{\"_index\":30,\"name\":{\"28\":{},\"44\":{}},\"comment\":{}}],[\"render\",{\"_index\":54,\"name\":{\"73\":{},\"90\":{}},\"comment\":{}}],[\"services/side\",{\"_index\":8,\"name\":{\"7\":{},\"25\":{}},\"comment\":{}}],[\"services/upper\",{\"_index\":35,\"name\":{\"33\":{},\"41\":{}},\"comment\":{}}],[\"showdropdown\",{\"_index\":62,\"name\":{\"88\":{}},\"comment\":{}}],[\"sidepanelitem\",{\"_index\":15,\"name\":{\"11\":{}},\"comment\":{}}],[\"sidepanelsmanager\",{\"_index\":28,\"name\":{\"26\":{}},\"comment\":{}}],[\"svgicon\",{\"_index\":19,\"name\":{\"16\":{},\"37\":{},\"48\":{},\"67\":{}},\"comment\":{}}],[\"types/ui\",{\"_index\":0,\"name\":{\"0\":{}},\"comment\":{}}],[\"uimanagerconfig\",{\"_index\":4,\"name\":{\"2\":{}},\"comment\":{}}],[\"update\",{\"_index\":34,\"name\":{\"32\":{},\"46\":{},\"69\":{},\"72\":{}},\"comment\":{}}],[\"upperbarmanager\",{\"_index\":6,\"name\":{\"4\":{},\"42\":{}},\"comment\":{}}],[\"upperbarmanagerconfig\",{\"_index\":55,\"name\":{\"74\":{}},\"comment\":{}}],[\"viewbox\",{\"_index\":44,\"name\":{\"50\":{}},\"comment\":{}}]],\"pipeline\":[]}}"); \ No newline at end of file diff --git a/docs/api/classes/services_side_panels_manager_side_panels_manager.SidePanelsManager.html b/docs/api/classes/services_side_panels_manager_side_panels_manager.SidePanelsManager.html index 33152fc..fe04458 100644 --- a/docs/api/classes/services_side_panels_manager_side_panels_manager.SidePanelsManager.html +++ b/docs/api/classes/services_side_panels_manager_side_panels_manager.SidePanelsManager.html @@ -19,7 +19,7 @@

Hierarchy

  • SidePanelsManager
+
  • Defined in src/services/side-panels-manager/side-panels-manager.ts:13
    • @@ -48,7 +48,7 @@

    Parameters

    itemId: number

    Returns void

    +
  • Defined in src/services/side-panels-manager/side-panels-manager.ts:50

    • add

    Returns number | void

    +
  • Defined in src/services/side-panels-manager/side-panels-manager.ts:29

    • deactivateItem

      @@ -74,7 +74,7 @@

      Parameters

      itemId: number

    Returns void

    +
  • Defined in src/services/side-panels-manager/side-panels-manager.ts:75

    • isItemActive

      @@ -87,7 +87,7 @@

      Parameters

      itemId: number

    Returns boolean

    +
  • Defined in src/services/side-panels-manager/side-panels-manager.ts:88

    • remove

      @@ -100,7 +100,7 @@

      Parameters

      itemId: number

    Returns void

    +
  • Defined in src/services/side-panels-manager/side-panels-manager.ts:39

    • update

      @@ -116,7 +116,7 @@

      Parameters

      itemId: number

    Returns void

    +
  • Defined in src/services/side-panels-manager/side-panels-manager.ts:101
    • diff --git a/docs/api/classes/services_side_panels_manager_side_panels_manager._internal_.KalturaPlayer.html b/docs/api/classes/services_side_panels_manager_side_panels_manager._internal_.KalturaPlayer.html index 9d9a358..9d7ac95 100644 --- a/docs/api/classes/services_side_panels_manager_side_panels_manager._internal_.KalturaPlayer.html +++ b/docs/api/classes/services_side_panels_manager_side_panels_manager._internal_.KalturaPlayer.html @@ -20,7 +20,7 @@

    Hierarchy

    • KalturaPlayer
    +
  • Defined in node_modules/@playkit-js/kaltura-player-js/types.d.ts:60
    • @@ -34,6 +34,8 @@

    Constructors

    Accessors

    Event paused +selectedSource +sources ui
    @@ -71,7 +73,7 @@

    Event

    Returns EventTypes

    +
  • Defined in node_modules/@playkit-js/kaltura-player-js/types.d.ts:65

    • paused

    +
  • Defined in node_modules/@playkit-js/kaltura-player-js/types.d.ts:66
    • +
    +

    selectedSource

    +
    +
    +

    sources

    +
      +
    • get sources(): Sources
      • +
    • +

      Returns Sources

    ui

      @@ -87,7 +105,7 @@

      ui

      Returns UIWrapper

    +
  • Defined in node_modules/@playkit-js/kaltura-player-js/types.d.ts:64

    • Methods

    @@ -102,7 +120,7 @@

    Parameters

    config: Object

    Returns void

    +
  • Defined in node_modules/@playkit-js/kaltura-player-js/types.d.ts:69

    • getService

      @@ -120,7 +138,7 @@

      Parameters

      serviceName: string

    Returns T

    +
  • Defined in node_modules/@playkit-js/kaltura-player-js/types.d.ts:63

    • getVideoElement

    +
  • Defined in node_modules/@playkit-js/kaltura-player-js/types.d.ts:75

    • getView

    +
  • Defined in node_modules/@playkit-js/kaltura-player-js/types.d.ts:74

    • isDvr

    +
  • Defined in node_modules/@playkit-js/kaltura-player-js/types.d.ts:79

    • isLive

    +
  • Defined in node_modules/@playkit-js/kaltura-player-js/types.d.ts:77

    • isOnLiveEdge

    +
  • Defined in node_modules/@playkit-js/kaltura-player-js/types.d.ts:78

    • load

    +
  • Defined in node_modules/@playkit-js/kaltura-player-js/types.d.ts:71

    • pause

    +
  • Defined in node_modules/@playkit-js/kaltura-player-js/types.d.ts:73

    • play

    +
  • Defined in node_modules/@playkit-js/kaltura-player-js/types.d.ts:72

    • ready

    +
  • Defined in node_modules/@playkit-js/kaltura-player-js/types.d.ts:70

    • registerService

      @@ -207,7 +225,7 @@
      pluginName: string
      service: Object

    Returns void

    +
  • Defined in node_modules/@playkit-js/kaltura-player-js/types.d.ts:62

    • reset

      @@ -220,7 +238,7 @@

      Parameters

      Optional isChangeMedia: boolean

    Returns void

    +
  • Defined in node_modules/@playkit-js/kaltura-player-js/types.d.ts:76

    • seekToLiveEdge

    +
  • Defined in node_modules/@playkit-js/kaltura-player-js/types.d.ts:80

    • setMedia

      @@ -241,7 +259,7 @@

      Parameters

      config: any

    Returns void

    +
  • Defined in node_modules/@playkit-js/kaltura-player-js/types.d.ts:61
    • @@ -279,6 +297,8 @@

    constructor
  • Event
  • paused
    • +
  • selectedSource
    • +
  • sources
  • ui
  • configure
  • getService
    • diff --git a/docs/api/classes/services_side_panels_manager_side_panels_manager._internal_.UIWrapper.html b/docs/api/classes/services_side_panels_manager_side_panels_manager._internal_.UIWrapper.html index ac9dcf0..de27bea 100644 --- a/docs/api/classes/services_side_panels_manager_side_panels_manager._internal_.UIWrapper.html +++ b/docs/api/classes/services_side_panels_manager_side_panels_manager._internal_.UIWrapper.html @@ -20,7 +20,7 @@

    Hierarchy

    • UIWrapper
    +
  • Defined in node_modules/@playkit-js/kaltura-player-js/types.d.ts:83
    • @@ -56,7 +56,7 @@

    store

    Returns Store<any, AnyAction>

    +
  • Defined in node_modules/@playkit-js/kaltura-player-js/types.d.ts:86

    • Methods

    @@ -77,7 +77,7 @@

    Returns (

    Returns void

    +
  • Defined in node_modules/@playkit-js/kaltura-player-js/types.d.ts:84

    • removeComponent

      @@ -96,7 +96,7 @@

      Returns (

      Returns void

    +
  • Defined in node_modules/@playkit-js/kaltura-player-js/types.d.ts:85
    • diff --git a/docs/api/classes/services_upper_bar_manager_upper_bar_manager.UpperBarManager.html b/docs/api/classes/services_upper_bar_manager_upper_bar_manager.UpperBarManager.html index 322c8c9..4a53404 100644 --- a/docs/api/classes/services_upper_bar_manager_upper_bar_manager.UpperBarManager.html +++ b/docs/api/classes/services_upper_bar_manager_upper_bar_manager.UpperBarManager.html @@ -19,7 +19,7 @@

    Hierarchy

    • UpperBarManager
    +
  • Defined in src/services/upper-bar-manager/upper-bar-manager.tsx:16
    • @@ -46,7 +46,7 @@

    Parameters

    icon: IconDto

    Returns undefined | number

    +
  • Defined in src/services/upper-bar-manager/upper-bar-manager.tsx:33

    • isActive

      @@ -59,7 +59,7 @@

      Parameters

      itemId: number

    Returns boolean

    +
  • Defined in src/services/upper-bar-manager/upper-bar-manager.tsx:56

    • remove

      @@ -72,7 +72,7 @@

      Parameters

      itemId: number

    Returns void

    +
  • Defined in src/services/upper-bar-manager/upper-bar-manager.tsx:45

    • update

      @@ -85,7 +85,7 @@

      Parameters

      iconId: number

    Returns void

    +
  • Defined in src/services/upper-bar-manager/upper-bar-manager.tsx:60
    • diff --git a/docs/api/classes/services_upper_bar_manager_upper_bar_manager._internal_.DisplayedBar.html b/docs/api/classes/services_upper_bar_manager_upper_bar_manager._internal_.DisplayedBar.html index f4a2aff..3dd0a34 100644 --- a/docs/api/classes/services_upper_bar_manager_upper_bar_manager._internal_.DisplayedBar.html +++ b/docs/api/classes/services_upper_bar_manager_upper_bar_manager._internal_.DisplayedBar.html @@ -18,11 +18,11 @@

    Class DisplayedBar

    Hierarchy

    +
  • Defined in src/services/upper-bar-manager/ui/displayed-bar/displayed-bar.component.tsx:33
    • @@ -71,7 +71,7 @@

    constructorReturns DisplayedBar

    +
  • Defined in src/services/upper-bar-manager/ui/displayed-bar/displayed-bar.component.tsx:34

    • Properties

    @@ -88,7 +88,7 @@

    context

    props

    -
    props: RenderableProps<DisplayedBarProps, any>
    @@ -146,13 +146,13 @@

    Returns void

    Optional componentDidUpdate

    +
  • Defined in src/services/upper-bar-manager/ui/displayed-bar/displayed-bar.component.tsx:84

    • setState

    Parameters

    @@ -57,47 +58,57 @@

    Parameters

    item: IconDto

    Returns IconModel

    +
  • Defined in src/services/upper-bar-manager/models/icon-model.ts:18

    • Properties

    component

    component: ComponentClass<Record<string, never>, {}> | FunctionalComponent<Record<string, never>>
    +
  • Defined in src/services/upper-bar-manager/models/icon-model.ts:15

    • componentRef

    componentRef: RefObject<IconWrapper>
    +
  • Defined in src/services/upper-bar-manager/models/icon-model.ts:13

    • Readonly id

    id: number
    +
  • Defined in src/services/upper-bar-manager/models/icon-model.ts:11

    • label

    label: string
    +
  • Defined in src/services/upper-bar-manager/models/icon-model.ts:12

    • onClick

    -
    onClick: (() => void)
    +
    onClick: ((e: MouseEvent | KeyboardEvent) => void)

    Type declaration

      • -
      • (): void
        • +
      • (e: MouseEvent | KeyboardEvent): void
      • +
        +

        Parameters

        +
          +
        • +
          e: MouseEvent | KeyboardEvent

        Returns void

    +
  • Defined in src/services/upper-bar-manager/models/icon-model.ts:14
    • +
    +

    presets

    +
    presets: ReservedPresetName[]

    svgIcon

    svgIcon: SvgIcon
    +
  • Defined in src/services/upper-bar-manager/models/icon-model.ts:16

    • Methods

    @@ -107,7 +118,7 @@

    update

    Returns void

    +
  • Defined in src/services/upper-bar-manager/models/icon-model.ts:29
    • @@ -148,6 +159,7 @@

    id
  • label
  • onClick
    • +
  • presets
  • svgIcon
  • update

    • diff --git a/docs/api/classes/services_upper_bar_manager_upper_bar_manager._internal_.IconWrapper.html b/docs/api/classes/services_upper_bar_manager_upper_bar_manager._internal_.IconWrapper.html index 60d9cd2..9b4e090 100644 --- a/docs/api/classes/services_upper_bar_manager_upper_bar_manager._internal_.IconWrapper.html +++ b/docs/api/classes/services_upper_bar_manager_upper_bar_manager._internal_.IconWrapper.html @@ -22,7 +22,7 @@

    Hierarchy

    • IconWrapper
    +
  • Defined in src/services/upper-bar-manager/ui/icon-wrapper/icon-wrapper.component.tsx:9
    • @@ -272,7 +272,7 @@

    renderReturns ComponentChild

    +
  • Defined in src/services/upper-bar-manager/ui/icon-wrapper/icon-wrapper.component.tsx:10

    • setState

      diff --git a/docs/api/index.html b/docs/api/index.html index 9fe9349..c1acbbc 100644 --- a/docs/api/index.html +++ b/docs/api/index.html @@ -10,13 +10,16 @@

      @playkit-js/ui-managers

      -

      Build Status +

      + +

      PlayKit JS UI Managers - Kaltura UI Managers for the [Kaltura Player JS]

      +       +
        +
      • playkit-js-ui-managers
        • +
      +

      Build Status

      - - -

      playkit-js-ui-managers

      -

      playkit-js-ui-managers is a kaltura player plugin that groups several UI services, in order to simplify and facilitate the customization of the kaltura player UI by providing a simple and clean API.

      Each service manages a different area of UI functionality.

      @@ -38,7 +41,7 @@

      Side Panels

    • When an item is activated in a panel, the other items in that panel are automatically deactivated.

    • Automatically deactivates a panel when its counter panel is activated\

      -

      Full API documentation can be found here

      +

      Full API documentation can be found here

    @@ -51,7 +54,7 @@

    Upper bar manager

  • Setting the order in which icons are shown.

  • Increasing and decreasing the number of icons that appear depending on the size of the player\

    -

    Full API documentation can be found here

    +

    Full API documentation can be found here

    • diff --git a/docs/api/interfaces/services_side_panels_manager_models_side_panel_item.SidePanelItem.html b/docs/api/interfaces/services_side_panels_manager_models_side_panel_item.SidePanelItem.html index 251736d..3878227 100644 --- a/docs/api/interfaces/services_side_panels_manager_models_side_panel_item.SidePanelItem.html +++ b/docs/api/interfaces/services_side_panels_manager_models_side_panel_item.SidePanelItem.html @@ -19,7 +19,7 @@

    Hierarchy

    • SidePanelItem
    +
  • Defined in src/services/side-panels-manager/models/side-panel-item.ts:9
    • @@ -42,7 +42,7 @@

    Properties

    Readonly expandMode

    expandMode: SidePanelMode
    +
  • Defined in src/services/side-panels-manager/models/side-panel-item.ts:18

    • Optional Readonly iconComponent

    iconComponent?: { component: ComponentClass<Record<string, never>, {}> | FunctionalComponent<Record<string, never>>; svgIcon: SvgIcon }
    @@ -54,12 +54,12 @@
    component:
    svgIcon: SvgIcon
    +
  • Defined in src/services/side-panels-manager/models/side-panel-item.ts:11

    • Readonly label

    label: string
    +
  • Defined in src/services/side-panels-manager/models/side-panel-item.ts:10

    • Optional Readonly onActivate

    onActivate?: (() => void)
    @@ -72,7 +72,7 @@

    Type declaration

  • Returns void

    • +
  • Defined in src/services/side-panels-manager/models/side-panel-item.ts:19

    • Optional Readonly onDeactivate

    onDeactivate?: (() => void)
    @@ -85,22 +85,22 @@

    Type declaration

  • Returns void

    • +
  • Defined in src/services/side-panels-manager/models/side-panel-item.ts:20

    • Readonly panelComponent

    panelComponent: ComponentClass<PanelComponentProps, {}> | FunctionalComponent<PanelComponentProps>
    +
  • Defined in src/services/side-panels-manager/models/side-panel-item.ts:15

    • Readonly position

    position: SidePanelPosition
    +
  • Defined in src/services/side-panels-manager/models/side-panel-item.ts:17

    • Readonly presets

    presets: ReservedPresetName[]
    +
  • Defined in src/services/side-panels-manager/models/side-panel-item.ts:16
    • diff --git a/docs/api/interfaces/services_side_panels_manager_models_side_panel_item._internal_.SvgIcon.html b/docs/api/interfaces/services_side_panels_manager_models_side_panel_item._internal_.SvgIcon.html index db72981..726f498 100644 --- a/docs/api/interfaces/services_side_panels_manager_models_side_panel_item._internal_.SvgIcon.html +++ b/docs/api/interfaces/services_side_panels_manager_models_side_panel_item._internal_.SvgIcon.html @@ -20,7 +20,7 @@

    Hierarchy

    • SvgIcon
    +
  • Defined in src/services/upper-bar-manager/models/svg-icon.ts:1
    • @@ -37,12 +37,12 @@

    Properties

    path

    path: string
    +
  • Defined in src/services/upper-bar-manager/models/svg-icon.ts:2

    • Optional viewBox

    viewBox?: string
    +
  • Defined in src/services/upper-bar-manager/models/svg-icon.ts:3
    • diff --git a/docs/api/interfaces/services_side_panels_manager_side_panels_manager._internal_.Dispatch.html b/docs/api/interfaces/services_side_panels_manager_side_panels_manager._internal_.Dispatch.html index 5e058e8..5ae4072 100644 --- a/docs/api/interfaces/services_side_panels_manager_side_panels_manager._internal_.Dispatch.html +++ b/docs/api/interfaces/services_side_panels_manager_side_panels_manager._internal_.Dispatch.html @@ -97,6 +97,9 @@

    Dispatch
  • EventTypes
  • Logger
    • +
  • MediaSourceObject
    • +
  • Sources
    • +
  • SourcesMetadata
  • Store
  • Unsubscribe
  • Observable
    • diff --git a/docs/api/interfaces/services_side_panels_manager_side_panels_manager._internal_.EventTypes.html b/docs/api/interfaces/services_side_panels_manager_side_panels_manager._internal_.EventTypes.html index 5cd17e7..918af6a 100644 --- a/docs/api/interfaces/services_side_panels_manager_side_panels_manager._internal_.EventTypes.html +++ b/docs/api/interfaces/services_side_panels_manager_side_panels_manager._internal_.EventTypes.html @@ -20,7 +20,7 @@

    Hierarchy

    • EventTypes
    +
  • Defined in node_modules/@playkit-js/kaltura-player-js/types.d.ts:101
    • @@ -44,7 +44,7 @@

    Type declaration

  • [event: string]: string
    • +
  • Defined in node_modules/@playkit-js/kaltura-player-js/types.d.ts:104

    • Core

    Core: { [event: string]: string }
    @@ -54,7 +54,7 @@

    Type declaration

  • [event: string]: string
    • +
  • Defined in node_modules/@playkit-js/kaltura-player-js/types.d.ts:102

    • Playlist

    Playlist: { [event: string]: string }
    @@ -64,7 +64,7 @@

    Type declaration

  • [event: string]: string
    • +
  • Defined in node_modules/@playkit-js/kaltura-player-js/types.d.ts:105

    • UI

    UI: { [event: string]: string }
    @@ -74,7 +74,7 @@

    Type declaration

  • [event: string]: string
    • +
  • Defined in node_modules/@playkit-js/kaltura-player-js/types.d.ts:103
    • diff --git a/docs/api/interfaces/services_side_panels_manager_side_panels_manager._internal_.Logger.html b/docs/api/interfaces/services_side_panels_manager_side_panels_manager._internal_.Logger.html index 5a99e4d..d695b7d 100644 --- a/docs/api/interfaces/services_side_panels_manager_side_panels_manager._internal_.Logger.html +++ b/docs/api/interfaces/services_side_panels_manager_side_panels_manager._internal_.Logger.html @@ -20,7 +20,7 @@

    Hierarchy

    • Logger
    +
  • Defined in node_modules/@playkit-js/kaltura-player-js/types.d.ts:93
    • @@ -50,7 +50,7 @@
    message: any
    Rest ...optionalParams: any[]

    Returns void

    +
  • Defined in node_modules/@playkit-js/kaltura-player-js/types.d.ts:94

    • error

      @@ -65,7 +65,7 @@
      message: any
      Rest ...optionalParams: any[]

    Returns void

    +
  • Defined in node_modules/@playkit-js/kaltura-player-js/types.d.ts:98

    • info

      @@ -80,7 +80,7 @@
      message: any
      Rest ...optionalParams: any[]

    Returns void

    +
  • Defined in node_modules/@playkit-js/kaltura-player-js/types.d.ts:95

    • trace

      @@ -95,7 +95,7 @@
      message: any
      Rest ...optionalParams: any[]

    Returns void

    +
  • Defined in node_modules/@playkit-js/kaltura-player-js/types.d.ts:96

    • warn

      @@ -110,7 +110,7 @@
      message: any
      Rest ...optionalParams: any[]

    Returns void

    +
  • Defined in node_modules/@playkit-js/kaltura-player-js/types.d.ts:97
    • diff --git a/docs/api/interfaces/services_side_panels_manager_side_panels_manager._internal_.MediaSourceObject.html b/docs/api/interfaces/services_side_panels_manager_side_panels_manager._internal_.MediaSourceObject.html new file mode 100644 index 0000000..83a744e --- /dev/null +++ b/docs/api/interfaces/services_side_panels_manager_side_panels_manager._internal_.MediaSourceObject.html @@ -0,0 +1,119 @@ +MediaSourceObject | @playkit-js/ui-managers
    +
    + +
    +
    +
    +
    + +

    Interface MediaSourceObject

    +
    +

    Hierarchy

    +
      +
    • MediaSourceObject
    +
    +
    +
    + +
    +
    +

    Properties

    +
    bandwidth? +drmData? +height? +id? +mimetype +url +width? +
    +
    +

    Properties

    +
    +

    Optional bandwidth

    +
    bandwidth?: number
    +
    +

    Optional drmData

    +
    drmData?: any[]
    +
    +

    Optional height

    +
    height?: number
    +
    +

    Optional id

    +
    id?: string
    +
    +

    mimetype

    +
    mimetype: string
    +
    +

    url

    +
    url: string
    +
    +

    Optional width

    +
    width?: number
    +
    +
    +
    +

    Settings

     +
    +
    +

    Member Visibility

    +
      +
      • +
    +
    +

    Theme

    + +
    +
    +

    Generated using TypeDoc

    +
    \ No newline at end of file diff --git a/docs/api/interfaces/services_side_panels_manager_side_panels_manager._internal_.Sources.html b/docs/api/interfaces/services_side_panels_manager_side_panels_manager._internal_.Sources.html new file mode 100644 index 0000000..e1b49b0 --- /dev/null +++ b/docs/api/interfaces/services_side_panels_manager_side_panels_manager._internal_.Sources.html @@ -0,0 +1,189 @@ +Sources | @playkit-js/ui-managers
    +
    + +
    +
    +
    +
    + +

    Interface Sources

    +
    +

    Hierarchy

    +
      +
    • Sources
    +
    +
    +
    + +
    +
    +

    Properties

    +
    captions? +dash +downloadUrl? +duration? +dvr +hls +id? +image +imageSourceOptions? +metadata +options +poster? +progressive +startTime? +thumbnails? +type +vr +
    +
    +

    Properties

    +
    +

    Optional captions

    +
    captions?: any[]
    +
    +

    dash

    +
    dash: MediaSourceObject[]
    +
    +

    Optional downloadUrl

    +
    downloadUrl?: string
    +
    +

    Optional duration

    +
    duration?: number
    +
    +

    dvr

    +
    dvr: boolean
    +
    +

    hls

    +
    hls: MediaSourceObject[]
    +
    +

    Optional id

    +
    id?: string
    +
    +

    image

    +
    image: any[]
    +
    +

    Optional imageSourceOptions

    +
    imageSourceOptions?: any
    +
    +

    metadata

    +
    metadata: SourcesMetadata
    +
    +

    options

    +
    options: any
    +
    +

    Optional poster

    +
    poster?: string
    +
    +

    progressive

    +
    progressive: MediaSourceObject[]
    +
    +

    Optional startTime

    +
    startTime?: number
    +
    +

    Optional thumbnails

    +
    thumbnails?: any
    +
    +

    type

    +
    type: string
    +
    +

    vr

    +
    vr: null | Object
    +
    +
    +
    +

    Settings

     +
    +
    +

    Member Visibility

    +
      +
      • +
    +
    +

    Theme

    + +
    +
    +

    Generated using TypeDoc

    +
    \ No newline at end of file diff --git a/docs/api/interfaces/services_side_panels_manager_side_panels_manager._internal_.SourcesMetadata.html b/docs/api/interfaces/services_side_panels_manager_side_panels_manager._internal_.SourcesMetadata.html new file mode 100644 index 0000000..af57b53 --- /dev/null +++ b/docs/api/interfaces/services_side_panels_manager_side_panels_manager._internal_.SourcesMetadata.html @@ -0,0 +1,140 @@ +SourcesMetadata | @playkit-js/ui-managers
    +
    + +
    +
    +
    +
    + +

    Interface SourcesMetadata

    +
    +

    Hierarchy

    +
      +
    • SourcesMetadata
    +
    +
    +
    + +
    +
    +

    Properties

    +
    createdAt? +description? +endDate? +entryId? +epgId? +mediaType? +metas? +name? +recordingId? +tags? +
    +
    +

    Properties

    +
    +

    Optional createdAt

    +
    createdAt?: number
    +
    +

    Optional description

    +
    description?: string
    +
    +

    Optional endDate

    +
    endDate?: number
    +
    +

    Optional entryId

    +
    entryId?: string
    +
    +

    Optional epgId

    +
    epgId?: string
    +
    +

    Optional mediaType

    +
    mediaType?: string
    +
    +

    Optional metas

    +
    metas?: Object
    +
    +

    Optional name

    +
    name?: string
    +
    +

    Optional recordingId

    +
    recordingId?: string
    +
    +

    Optional tags

    +
    tags?: Object
    +
    +
    +
    +

    Settings

     +
    +
    +

    Member Visibility

    +
      +
      • +
    +
    +

    Theme

    + +
    +
    +

    Generated using TypeDoc

    +
    \ No newline at end of file diff --git a/docs/api/interfaces/services_side_panels_manager_side_panels_manager._internal_.Unsubscribe.html b/docs/api/interfaces/services_side_panels_manager_side_panels_manager._internal_.Unsubscribe.html index a96009c..384b9bc 100644 --- a/docs/api/interfaces/services_side_panels_manager_side_panels_manager._internal_.Unsubscribe.html +++ b/docs/api/interfaces/services_side_panels_manager_side_panels_manager._internal_.Unsubscribe.html @@ -67,6 +67,9 @@

    Dispatch
  • EventTypes
  • Logger
    • +
  • MediaSourceObject
    • +
  • Sources
    • +
  • SourcesMetadata
  • Store
  • Unsubscribe
  • Observable
    • diff --git a/docs/api/interfaces/services_upper_bar_manager_models_icon_dto.IconDto.html b/docs/api/interfaces/services_upper_bar_manager_models_icon_dto.IconDto.html index ce76031..1d7ec27 100644 --- a/docs/api/interfaces/services_upper_bar_manager_models_icon_dto.IconDto.html +++ b/docs/api/interfaces/services_upper_bar_manager_models_icon_dto.IconDto.html @@ -19,7 +19,7 @@

    Hierarchy

    • IconDto
    +
  • Defined in src/services/upper-bar-manager/models/icon-dto.ts:6
    • @@ -30,6 +30,7 @@

    Properties

    component label onClick +presets? svgIcon
    @@ -40,7 +41,7 @@

    component

    The icon react component

    +
  • Defined in src/services/upper-bar-manager/models/icon-dto.ts:16

    • label

    label: string
    @@ -49,32 +50,44 @@

    label

    +
  • Defined in src/services/upper-bar-manager/models/icon-dto.ts:12

    • onClick

    -
    onClick: (() => void)
    +
    onClick: ((e: MouseEvent | KeyboardEvent) => void)

    Type declaration

      • -
      • (): void
        • +
      • (e: MouseEvent | KeyboardEvent): void

      • The icon handler

        Remarks

        You can also define the handler inside the component itself and send an empty function here (also useful as backwards compatibility for some plugins)

        +
        +

        Parameters

        +
          +
        • +
          e: MouseEvent | KeyboardEvent

        Returns void

    +
  • Defined in src/services/upper-bar-manager/models/icon-dto.ts:28
    • +
    +

    Optional presets

    +
    presets?: ReservedPresetName[]
    +

    Relevant presets for the icon

    +

    svgIcon

    svgIcon: SvgIcon

    Icon that will appear in the dropdown menu

    +
  • Defined in src/services/upper-bar-manager/models/icon-dto.ts:20
    • @@ -112,6 +125,7 @@

    component
  • label
  • onClick
    • +
  • presets?
  • svgIcon

    • Generated using TypeDoc

    diff --git a/docs/api/modules/services_side_panels_manager_models_side_panel_item.html b/docs/api/modules/services_side_panels_manager_models_side_panel_item.html index ff33eb4..17186de 100644 --- a/docs/api/modules/services_side_panels_manager_models_side_panel_item.html +++ b/docs/api/modules/services_side_panels_manager_models_side_panel_item.html @@ -14,7 +14,7 @@
  • services/side-panels-manager/models/side-panel-item

    • Module services/side-panels-manager/models/side-panel-item

    +
  • Defined in src/services/side-panels-manager/models/side-panel-item.ts:1
    • diff --git a/docs/api/modules/services_side_panels_manager_side_panels_manager._internal_.html b/docs/api/modules/services_side_panels_manager_side_panels_manager._internal_.html index 34f3c0d..44cae3a 100644 --- a/docs/api/modules/services_side_panels_manager_side_panels_manager._internal_.html +++ b/docs/api/modules/services_side_panels_manager_side_panels_manager._internal_.html @@ -31,6 +31,9 @@

    Interfaces

    Dispatch EventTypes Logger +MediaSourceObject +Sources +SourcesMetadata Store Unsubscribe
    @@ -81,6 +84,9 @@

    Dispatch
  • EventTypes
  • Logger
    • +
  • MediaSourceObject
    • +
  • Sources
    • +
  • SourcesMetadata
  • Store
  • Unsubscribe
  • Observable
    • diff --git a/docs/api/modules/services_side_panels_manager_side_panels_manager.html b/docs/api/modules/services_side_panels_manager_side_panels_manager.html index 1cc8de1..e59b94e 100644 --- a/docs/api/modules/services_side_panels_manager_side_panels_manager.html +++ b/docs/api/modules/services_side_panels_manager_side_panels_manager.html @@ -14,7 +14,7 @@
  • services/side-panels-manager/side-panels-manager

    • Module services/side-panels-manager/side-panels-manager

    +
  • Defined in src/services/side-panels-manager/side-panels-manager.ts:1
    • diff --git a/docs/api/modules/services_upper_bar_manager_models_icon_dto.html b/docs/api/modules/services_upper_bar_manager_models_icon_dto.html index 30e0d74..f8ce331 100644 --- a/docs/api/modules/services_upper_bar_manager_models_icon_dto.html +++ b/docs/api/modules/services_upper_bar_manager_models_icon_dto.html @@ -14,7 +14,7 @@
  • services/upper-bar-manager/models/icon-dto

    • Module services/upper-bar-manager/models/icon-dto

    +
  • Defined in src/services/upper-bar-manager/models/icon-dto.ts:1
    • diff --git a/docs/api/modules/services_upper_bar_manager_upper_bar_manager._internal_.html b/docs/api/modules/services_upper_bar_manager_upper_bar_manager._internal_.html index 1b87c87..8028317 100644 --- a/docs/api/modules/services_upper_bar_manager_upper_bar_manager._internal_.html +++ b/docs/api/modules/services_upper_bar_manager_upper_bar_manager._internal_.html @@ -30,6 +30,8 @@

    Type Aliases

    DisplayedBarProps DisplayedBarState IconWrapperProps +IconsOrder +PropsFromRedux UpperBarManagerConfig
    @@ -70,6 +72,8 @@

    DisplayedBarProps
  • DisplayedBarState
  • IconWrapperProps
    • +
  • IconsOrder
    • +
  • PropsFromRedux
  • UpperBarManagerConfig

    • Generated using TypeDoc

    diff --git a/docs/api/modules/services_upper_bar_manager_upper_bar_manager.html b/docs/api/modules/services_upper_bar_manager_upper_bar_manager.html index b414f49..1e3236b 100644 --- a/docs/api/modules/services_upper_bar_manager_upper_bar_manager.html +++ b/docs/api/modules/services_upper_bar_manager_upper_bar_manager.html @@ -14,7 +14,7 @@
  • services/upper-bar-manager/upper-bar-manager

    • Module services/upper-bar-manager/upper-bar-manager

    +
  • Defined in src/services/upper-bar-manager/upper-bar-manager.tsx:1
    • diff --git a/docs/api/modules/types_ui_managers_config.html b/docs/api/modules/types_ui_managers_config.html index f8ef753..32c76ba 100644 --- a/docs/api/modules/types_ui_managers_config.html +++ b/docs/api/modules/types_ui_managers_config.html @@ -14,7 +14,7 @@
  • types/ui-managers-config

    • Module types/ui-managers-config

    +
  • Defined in src/types/ui-managers-config.ts:1
    • diff --git a/docs/api/types/services_side_panels_manager_models_side_panel_item.PanelComponentProps.html b/docs/api/types/services_side_panels_manager_models_side_panel_item.PanelComponentProps.html index f9c6dfc..3c6593c 100644 --- a/docs/api/types/services_side_panels_manager_models_side_panel_item.PanelComponentProps.html +++ b/docs/api/types/services_side_panels_manager_models_side_panel_item.PanelComponentProps.html @@ -21,7 +21,7 @@

    Type declaration

  • isActive: boolean
    • +
  • Defined in src/services/side-panels-manager/models/side-panel-item.ts:5
    • diff --git a/docs/api/types/services_side_panels_manager_models_side_panel_item._internal_.ReservedPresetName.html b/docs/api/types/services_side_panels_manager_models_side_panel_item._internal_.ReservedPresetName.html index b1a7c7c..04de827 100644 --- a/docs/api/types/services_side_panels_manager_models_side_panel_item._internal_.ReservedPresetName.html +++ b/docs/api/types/services_side_panels_manager_models_side_panel_item._internal_.ReservedPresetName.html @@ -15,9 +15,9 @@
  • <internal>
  • ReservedPresetName

    • Type alias ReservedPresetName

    -
    ReservedPresetName: "Playback" | "Live" | "Idle" | "Ads" | "Error"
    +
  • Defined in node_modules/@playkit-js/kaltura-player-js/types.d.ts:162
    • diff --git a/docs/api/types/services_side_panels_manager_models_side_panel_item._internal_.SidePanelMode.html b/docs/api/types/services_side_panels_manager_models_side_panel_item._internal_.SidePanelMode.html index 93815fe..fd532c4 100644 --- a/docs/api/types/services_side_panels_manager_models_side_panel_item._internal_.SidePanelMode.html +++ b/docs/api/types/services_side_panels_manager_models_side_panel_item._internal_.SidePanelMode.html @@ -17,7 +17,7 @@

    Type alias SidePanelMode

    SidePanelMode: "alongside" | "hidden" | "over"
    +
  • Defined in node_modules/@playkit-js/kaltura-player-js/types.d.ts:161
    • diff --git a/docs/api/types/services_side_panels_manager_models_side_panel_item._internal_.SidePanelPosition.html b/docs/api/types/services_side_panels_manager_models_side_panel_item._internal_.SidePanelPosition.html index 6a9b435..52582f4 100644 --- a/docs/api/types/services_side_panels_manager_models_side_panel_item._internal_.SidePanelPosition.html +++ b/docs/api/types/services_side_panels_manager_models_side_panel_item._internal_.SidePanelPosition.html @@ -17,7 +17,7 @@

    Type alias SidePanelPosition

    SidePanelPosition: "top" | "bottom" | "right" | "left"
    +
  • Defined in node_modules/@playkit-js/kaltura-player-js/types.d.ts:160
    • diff --git a/docs/api/types/services_side_panels_manager_side_panels_manager._internal_.Observable.html b/docs/api/types/services_side_panels_manager_side_panels_manager._internal_.Observable.html index 6638d56..f10c326 100644 --- a/docs/api/types/services_side_panels_manager_side_panels_manager._internal_.Observable.html +++ b/docs/api/types/services_side_panels_manager_side_panels_manager._internal_.Observable.html @@ -102,6 +102,9 @@

    Dispatch
  • EventTypes
  • Logger
    • +
  • MediaSourceObject
    • +
  • Sources
    • +
  • SourcesMetadata
  • Store
  • Unsubscribe
  • Observable
    • diff --git a/docs/api/types/services_side_panels_manager_side_panels_manager._internal_.Observer.html b/docs/api/types/services_side_panels_manager_side_panels_manager._internal_.Observer.html index 79a840f..6156041 100644 --- a/docs/api/types/services_side_panels_manager_side_panels_manager._internal_.Observer.html +++ b/docs/api/types/services_side_panels_manager_side_panels_manager._internal_.Observer.html @@ -81,6 +81,9 @@

    Dispatch
  • EventTypes
  • Logger
    • +
  • MediaSourceObject
    • +
  • Sources
    • +
  • SourcesMetadata
  • Store
  • Unsubscribe
  • Observable
    • diff --git a/docs/api/types/services_side_panels_manager_side_panels_manager._internal_.PanelItemWrapperProps.html b/docs/api/types/services_side_panels_manager_side_panels_manager._internal_.PanelItemWrapperProps.html index 00b39da..2ceabd9 100644 --- a/docs/api/types/services_side_panels_manager_side_panels_manager._internal_.PanelItemWrapperProps.html +++ b/docs/api/types/services_side_panels_manager_side_panels_manager._internal_.PanelItemWrapperProps.html @@ -22,7 +22,7 @@

    Type declaration

  • ref: RefObject<PanelItemWrapper>
    • +
  • Defined in src/services/side-panels-manager/ui/panel-item-wrapper/panel-item-wrapper.component.tsx:11
    • @@ -62,6 +62,9 @@

    Dispatch
  • EventTypes
  • Logger
    • +
  • MediaSourceObject
    • +
  • Sources
    • +
  • SourcesMetadata
  • Store
  • Unsubscribe
  • Observable
    • diff --git a/docs/api/types/services_side_panels_manager_side_panels_manager._internal_.PanelItemWrapperState.html b/docs/api/types/services_side_panels_manager_side_panels_manager._internal_.PanelItemWrapperState.html index 41880ae..0daba0d 100644 --- a/docs/api/types/services_side_panels_manager_side_panels_manager._internal_.PanelItemWrapperState.html +++ b/docs/api/types/services_side_panels_manager_side_panels_manager._internal_.PanelItemWrapperState.html @@ -22,7 +22,7 @@

    Type declaration

  • on: boolean
    • +
  • Defined in src/services/side-panels-manager/ui/panel-item-wrapper/panel-item-wrapper.component.tsx:7
    • @@ -62,6 +62,9 @@

    Dispatch
  • EventTypes
  • Logger
    • +
  • MediaSourceObject
    • +
  • Sources
    • +
  • SourcesMetadata
  • Store
  • Unsubscribe
  • Observable
    • diff --git a/docs/api/types/services_side_panels_manager_side_panels_manager._internal_.Reducer.html b/docs/api/types/services_side_panels_manager_side_panels_manager._internal_.Reducer.html index bdc26e7..02296c9 100644 --- a/docs/api/types/services_side_panels_manager_side_panels_manager._internal_.Reducer.html +++ b/docs/api/types/services_side_panels_manager_side_panels_manager._internal_.Reducer.html @@ -99,6 +99,9 @@

    Dispatch
  • EventTypes
  • Logger
    • +
  • MediaSourceObject
    • +
  • Sources
    • +
  • SourcesMetadata
  • Store
  • Unsubscribe
  • Observable
    • diff --git a/docs/api/types/services_upper_bar_manager_upper_bar_manager._internal_.DisplayedBarProps.html b/docs/api/types/services_upper_bar_manager_upper_bar_manager._internal_.DisplayedBarProps.html index 8256134..ac9ffcd 100644 --- a/docs/api/types/services_upper_bar_manager_upper_bar_manager._internal_.DisplayedBarProps.html +++ b/docs/api/types/services_upper_bar_manager_upper_bar_manager._internal_.DisplayedBarProps.html @@ -15,16 +15,22 @@
  • <internal>
  • DisplayedBarProps

    • Type alias DisplayedBarProps

    -
    DisplayedBarProps: { iconsOrder: { [ key in KalturaPluginNames | string]: number }; ref: RefObject<DisplayedBar> }
    +
    DisplayedBarProps: { getControls: (() => IconModel[]); ref: RefObject<DisplayedBar> }

    Type declaration

    +
  • Defined in src/services/upper-bar-manager/ui/displayed-bar/displayed-bar.component.tsx:22
    • @@ -63,6 +69,8 @@

    DisplayedBarProps
  • DisplayedBarState
  • IconWrapperProps
    • +
  • IconsOrder
    • +
  • PropsFromRedux
  • UpperBarManagerConfig

    • Generated using TypeDoc

    diff --git a/docs/api/types/services_upper_bar_manager_upper_bar_manager._internal_.DisplayedBarState.html b/docs/api/types/services_upper_bar_manager_upper_bar_manager._internal_.DisplayedBarState.html index 6e61721..2e97c81 100644 --- a/docs/api/types/services_upper_bar_manager_upper_bar_manager._internal_.DisplayedBarState.html +++ b/docs/api/types/services_upper_bar_manager_upper_bar_manager._internal_.DisplayedBarState.html @@ -15,14 +15,14 @@
  • <internal>
  • DisplayedBarState

    • Type alias DisplayedBarState

    -
    DisplayedBarState: { controls: IconModel[] }
    +
    DisplayedBarState: { showDropdown: boolean }

    Type declaration

    @@ -61,6 +61,8 @@

    DisplayedBarProps
  • DisplayedBarState
  • IconWrapperProps
    • +
  • IconsOrder
    • +
  • PropsFromRedux
  • UpperBarManagerConfig

    • Generated using TypeDoc

    diff --git a/docs/api/types/services_upper_bar_manager_upper_bar_manager._internal_.IconWrapperProps.html b/docs/api/types/services_upper_bar_manager_upper_bar_manager._internal_.IconWrapperProps.html index 2ff616e..dc7baa2 100644 --- a/docs/api/types/services_upper_bar_manager_upper_bar_manager._internal_.IconWrapperProps.html +++ b/docs/api/types/services_upper_bar_manager_upper_bar_manager._internal_.IconWrapperProps.html @@ -15,22 +15,27 @@
  • <internal>
  • IconWrapperProps

    • Type alias IconWrapperProps

    -
    IconWrapperProps: { onClick: (() => void); ref: RefObject<IconWrapper> }
    +
    IconWrapperProps: { onClick: ((e: MouseEvent | KeyboardEvent) => void); ref: RefObject<IconWrapper> }

    Type declaration

    • -
      onClick: (() => void)
      +
      onClick: ((e: MouseEvent | KeyboardEvent) => void)
        • -
        • (): void
          • +
        • (e: MouseEvent | KeyboardEvent): void
        • +
          +

          Parameters

          +
            +
          • +
            e: MouseEvent | KeyboardEvent

          Returns void

    • ref: RefObject<IconWrapper>
    +
  • Defined in src/services/upper-bar-manager/ui/icon-wrapper/icon-wrapper.component.tsx:4
    • @@ -69,6 +74,8 @@

    DisplayedBarProps
  • DisplayedBarState
  • IconWrapperProps
    • +
  • IconsOrder
    • +
  • PropsFromRedux
  • UpperBarManagerConfig

    • Generated using TypeDoc

    diff --git a/docs/api/types/services_upper_bar_manager_upper_bar_manager._internal_.IconsOrder.html b/docs/api/types/services_upper_bar_manager_upper_bar_manager._internal_.IconsOrder.html new file mode 100644 index 0000000..0640da1 --- /dev/null +++ b/docs/api/types/services_upper_bar_manager_upper_bar_manager._internal_.IconsOrder.html @@ -0,0 +1,64 @@ +IconsOrder | @playkit-js/ui-managers
    +
    + +
    +
    +
    +
    + +

    Type alias IconsOrder

    +
    IconsOrder: { [ key in KalturaPluginNames | string]: number }
    +
    +
    +
    +

    Settings

     +
    +
    +

    Member Visibility

    +
      +
      • +
    +
    +

    Theme

    + +
    +
    +

    Generated using TypeDoc

    +
    \ No newline at end of file diff --git a/docs/api/types/services_upper_bar_manager_upper_bar_manager._internal_.PropsFromRedux.html b/docs/api/types/services_upper_bar_manager_upper_bar_manager._internal_.PropsFromRedux.html new file mode 100644 index 0000000..f441b1d --- /dev/null +++ b/docs/api/types/services_upper_bar_manager_upper_bar_manager._internal_.PropsFromRedux.html @@ -0,0 +1,69 @@ +PropsFromRedux | @playkit-js/ui-managers
    +
    + +
    +
    +
    +
    + +

    Type alias PropsFromRedux

    +
    PropsFromRedux: { playerSize?: string }
    +
    +

    Type declaration

    +
      +
    • +
      Optional playerSize?: string
    +
    +
    +
    +

    Settings

     +
    +
    +

    Member Visibility

    +
      +
      • +
    +
    +

    Theme

    + +
    +
    +

    Generated using TypeDoc

    +
    \ No newline at end of file diff --git a/docs/api/types/services_upper_bar_manager_upper_bar_manager._internal_.UpperBarManagerConfig.html b/docs/api/types/services_upper_bar_manager_upper_bar_manager._internal_.UpperBarManagerConfig.html index c0f0c4e..bef6753 100644 --- a/docs/api/types/services_upper_bar_manager_upper_bar_manager._internal_.UpperBarManagerConfig.html +++ b/docs/api/types/services_upper_bar_manager_upper_bar_manager._internal_.UpperBarManagerConfig.html @@ -22,7 +22,7 @@

    Type declaration

  • pluginsIconsOrder: { [ key in KalturaPluginNames | string]: number }
    • +
  • Defined in src/services/upper-bar-manager/upper-bar-manager.tsx:13
    • @@ -61,6 +61,8 @@

    DisplayedBarProps
  • DisplayedBarState
  • IconWrapperProps
    • +
  • IconsOrder
    • +
  • PropsFromRedux
  • UpperBarManagerConfig

    • Generated using TypeDoc

    diff --git a/docs/api/types/types_ui_managers_config.KalturaPluginNames.html b/docs/api/types/types_ui_managers_config.KalturaPluginNames.html index 3ca62c0..2f23352 100644 --- a/docs/api/types/types_ui_managers_config.KalturaPluginNames.html +++ b/docs/api/types/types_ui_managers_config.KalturaPluginNames.html @@ -16,7 +16,7 @@

    Type alias KalturaPluginNames

    KalturaPluginNames: "Navigation" | "Q&A" | "Transcript" | "Download" | "Playlist" | "Related" | "Share" | "Info" | "Moderation"
    +
  • Defined in src/types/ui-managers-config.ts:1
    • diff --git a/docs/api/types/types_ui_managers_config.UiManagerConfig.html b/docs/api/types/types_ui_managers_config.UiManagerConfig.html index 0dc19ba..e6d6fb1 100644 --- a/docs/api/types/types_ui_managers_config.UiManagerConfig.html +++ b/docs/api/types/types_ui_managers_config.UiManagerConfig.html @@ -24,7 +24,7 @@
    upperBarManager:
    pluginsIconsOrder: { [ key in KalturaPluginNames | string]: number }
    +
  • Defined in src/types/ui-managers-config.ts:12
    • diff --git a/package.json b/package.json index 5182c2e..1cb16fe 100644 --- a/package.json +++ b/package.json @@ -32,8 +32,8 @@ "test:debug": "DEBUG_UNIT_TESTS=1 karma start karma.conf.js --auto-watch --no-single-run --browsers Chrome", "test:watch": "karma start karma.conf.js --auto-watch --no-single-run", "types:check": "tsc src/index.ts src/types/global.d.ts --jsx react --jsxFactory h --noEmit --target ESNext --moduleResolution node --experimentalDecorators --jsxFragmentFactory Fragment", - "types:ganarate": "tsc src/index.ts src/types/global.d.ts --declaration --emitDeclarationOnly --outFile types/modules.ts --jsx react --jsxFactory h --jsxFragmentFactory Fragment --stripInternal true --target ESNext --moduleResolution node --experimentalDecorators", - "docs:ganarate": "typedoc", + "types:generate": "tsc src/index.ts src/types/global.d.ts --declaration --emitDeclarationOnly --outFile types/modules.ts --jsx react --jsxFactory h --jsxFragmentFactory Fragment --stripInternal true --target ESNext --moduleResolution node --experimentalDecorators", + "docs:generate": "typedoc", "lint:check": "eslint src --ext .ts,.tsx --color", "lint:fix": "npm run lint:check -- --fix", "prettier:fix": "prettier --write .", @@ -41,7 +41,7 @@ "pushTaggedRelease": "git push --follow-tags --no-verify origin master", "prepare:demo": "sh scripts/prepare-demo.sh", "commit:dist": "git add --force --all dist demo && (git commit -m 'chore: update dist' || exit 0)", - "pre:commit": "npm run types:check && npm run lint:check && npm run types:ganarate && npm run docs:ganarate" + "pre:commit": "npm run types:check && npm run lint:check && npm run types:generate && npm run docs:generate" }, "devDependencies": { "@babel/core": "^7.17.10", diff --git a/src/services/banner-manager/banner-manager.tsx b/src/services/banner-manager/banner-manager.tsx new file mode 100644 index 0000000..69a5101 --- /dev/null +++ b/src/services/banner-manager/banner-manager.tsx @@ -0,0 +1,121 @@ +import { FloatingItem } from '../floating-manager/ui/floating-item'; +import { FloatingManager } from '../floating-manager/floating-manager'; +import { FloatingItemProps } from '../floating-manager/models/floating-item-data'; +import { ComponentChild, h } from 'preact'; +import { Banner } from './ui/banner'; +import { BannerContainerProps, BannerContainer } from './ui/banner-container/banner-container'; +import { getPlayerSize } from '@playkit-js/common/dist/ui-common/player-utils'; + +import { KalturaPlayer } from '@playkit-js/kaltura-player-js'; +import { BannerContent } from './models/banner-content'; + +export interface BannerConfig { + theme: { + backgroundColor: string; + blur: string; + }; +} + +export interface BannerOptions { + content: BannerContent; + autoClose?: boolean; + duration?: number; + renderContent?: (content: BannerContent, floatingItemProps: FloatingItemProps) => ComponentChild; +} + +export interface BannerManagerOptions { + floatingManager: FloatingManager; + kalturaPlayer: KalturaPlayer; +} + +export interface BannerState { + visibilityMode: VisibilityMode; +} + +export enum VisibilityMode { + VISIBLE = 'VISIBLE', + HIDDEN = 'HIDDEN' +} + +const MinPlayerWidth = 480; +const DefaultDuration: number = 60 * 1000; +const MinDuration: number = 5 * 1000; + +/** + * banner manager manages the display (add / remove) of a single banner in the player. + */ +export class BannerManager { + private _options: BannerManagerOptions; + private _floatingItem: FloatingItem | null = null; + // eslint-disable-next-line @typescript-eslint/no-explicit-any + private _timerSubscription: any | undefined = undefined; + private _bannerConfig: BannerConfig; + + constructor(private options: BannerManagerOptions) { + this._options = options; + + this._bannerConfig = { + theme: { + backgroundColor: 'rgba(0, 0, 0, .7)', + blur: '10px' + } + }; + } + + public add(props: BannerOptions): BannerState { + if (this._floatingItem) { + this.remove(); + } + this._floatingItem = this._options.floatingManager.add({ + label: 'Banner', + mode: 'Immediate', + position: 'InteractiveArea', + renderContent: this._createRenderBanner(props, { + onClose: this._handleCloseEvent.bind(this), + theme: this._bannerConfig.theme + }) + }); + if (props.autoClose) { + this._startDurationTimer(props.duration); + } + return this._getState(); + } + + public remove(): void { + if (this._floatingItem) { + if (this._timerSubscription) clearTimeout(this._timerSubscription); + this._options.floatingManager.remove(this._floatingItem); + this._floatingItem = null; + } + } + + public reset(): void { + this.remove(); + } + + private _createRenderBanner({ content, renderContent }: BannerOptions, { onClose, theme }: BannerContainerProps) { + function _renderContent(floatingItemProps: FloatingItemProps) { + return ( + + {renderContent ? renderContent(content, floatingItemProps) : } + + ); + } + return _renderContent; + } + + private _handleCloseEvent(): void { + this.remove(); + } + + private _startDurationTimer(displayDuration: number = DefaultDuration): void { + this._timerSubscription = setTimeout(this.remove.bind(this), Math.max(MinDuration, displayDuration)); + } + + private _getState(): BannerState { + const playerSize = getPlayerSize(this._options.kalturaPlayer); + return { + visibilityMode: !playerSize || playerSize.width < MinPlayerWidth ? VisibilityMode.HIDDEN : VisibilityMode.VISIBLE + }; + } +} diff --git a/src/services/banner-manager/models/banner-content.ts b/src/services/banner-manager/models/banner-content.ts new file mode 100644 index 0000000..db08a29 --- /dev/null +++ b/src/services/banner-manager/models/banner-content.ts @@ -0,0 +1,6 @@ +export interface BannerContent { + text: string; + title?: string; + // eslint-disable-next-line @typescript-eslint/no-explicit-any + icon?: any; +} diff --git a/src/services/banner-manager/ui/banner-container/banner-container.scss b/src/services/banner-manager/ui/banner-container/banner-container.scss new file mode 100644 index 0000000..2139f5b --- /dev/null +++ b/src/services/banner-manager/ui/banner-container/banner-container.scss @@ -0,0 +1,74 @@ +.bannerContainerRoot { + position: absolute; + max-width: 100%; + min-width: 270px; + padding: 0 16px 8px; + height: 88px; + bottom: 0; + left: 0; + transition: all 0.5s ease; + } + + .bannerContainer { + position: relative; + width: 100%; + height: 100%; + border-radius: 4px; + transition: all 0.5s ease; + } + + .closeButton { + position: absolute; + background-color: transparent; + padding: 0; + border: none; + top: 0; + right: 0; + width: 32px; + height: 32px; + padding: 0; + .small { + display: none; + } + } + + .closeButton:hover, + .closeButton:active { + cursor: pointer; + } + + :global { + .playkit-size-md { + :local { + .bannerContainerRoot { + height: 68px; + min-width: 230px; + } + .closeButton { + top: 8px; + right: 8px; + width: 10px; + height: 10px; + .large { + display: none; + } + .small { + display: block; + } + } + } + } + } + + :global { + .playkit-size-sm, + .playkit-size-xs, + .playkit-size-ty { + :local .bannerContainerRoot { + display: none; + width: 0; + height: 0; + } + } + } + \ No newline at end of file diff --git a/src/services/banner-manager/ui/banner-container/banner-container.tsx b/src/services/banner-manager/ui/banner-container/banner-container.tsx new file mode 100644 index 0000000..552527a --- /dev/null +++ b/src/services/banner-manager/ui/banner-container/banner-container.tsx @@ -0,0 +1,42 @@ +import { Component, h } from 'preact'; +import * as styles from './banner-container.scss'; + +import { Icon, IconSize } from '@playkit-js/common/dist/icon'; + +export interface BannerContainerProps { + onClose: () => void; + theme: BannerTheme; +} + +interface BannerTheme { + backgroundColor: string; + blur: string; +} + +export class BannerContainer extends Component { + render(props: BannerContainerProps) { + const { backgroundColor, blur } = this.props.theme; + + return ( +
    +
    + + {this.props.children} +
    +
    + ); + } +} diff --git a/src/services/banner-manager/ui/banner/banner.scss b/src/services/banner-manager/ui/banner/banner.scss new file mode 100644 index 0000000..bcbd87f --- /dev/null +++ b/src/services/banner-manager/ui/banner/banner.scss @@ -0,0 +1,112 @@ +.defaultBannerRoot { + display: flex; + max-width: 100%; + height: 100%; + transition: all 0.5s ease; + text-align: left; + } + + .bannerWrapper { + padding: 18px 17px 17px 16px; + } + + .iconContainer { + height: 100%; + width: 64px; + } + + .iconWrapper { + position: relative; + height: 48px; + width: 48px; + background-color: rgba(255, 255, 255, 0.14); + border-radius: 50%; + transition: all 0.5s ease; + } + + .iconImage { + position: absolute; + width: 32px; + height: 32px; + left: calc(50% - 16px); + top: calc(50% - 16px); + transition: all 0.5s ease; + padding: 0; + .small { + display: none; + } + } + + .bannerBody { + height: 100%; + flex: 1 1 auto; + overflow: hidden; + } + + .title { + opacity: 0.9; + font-size: 14px; + font-weight: normal; + font-style: normal; + font-stretch: normal; + line-height: 1; + letter-spacing: normal; + color: #ebebeb; + } + + .text { + opacity: 0.9; + font-size: 24px; + font-weight: normal; + font-style: normal; + font-stretch: normal; + line-height: 1.21; + letter-spacing: normal; + color: #ffffff; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + transition: all 0.5s ease; + } + + :global { + .playkit-size-md { + :local { + .bannerWrapper { + padding: 14px 16px 14px; + } + .iconContainer { + width: 44px; + } + .iconWrapper { + height: 32px; + width: 32px; + } + .iconImage { + width: 20px; + height: 20px; + left: calc(50% - 10px); + top: calc(50% - 10px); + .small { + display: block; + } + .large { + display: none; + } + } + .bannerBody { + flex: 1 1 auto; + } + .title { + font-size: 12px; + font-weight: bold; + line-height: 1.17; + } + .text { + font-size: 15px; + line-height: 1.27; + } + } + } + } + \ No newline at end of file diff --git a/src/services/banner-manager/ui/banner/banner.tsx b/src/services/banner-manager/ui/banner/banner.tsx new file mode 100644 index 0000000..88eb637 --- /dev/null +++ b/src/services/banner-manager/ui/banner/banner.tsx @@ -0,0 +1,36 @@ +import { Component, h } from 'preact'; +import { BannerContent } from '../../models/banner-content'; +import * as styles from './banner.scss'; +import { SomeoneAsksLarge } from './someone-asks-large'; +import { SomeoneAsksSmall } from './someone-asks-small'; + +export interface BannerProps { + content: BannerContent; +} + +export class Banner extends Component { + render({ content }: BannerProps) { + const { text, title = 'Audience asks:', icon = this._defaultIcon() } = content; + + return ( +
    +
    +
    {icon}
    +
    +
    +
    {title}
    +
    {text}
    +
    +
    + ); + } + + private _defaultIcon() { + return ( +
    + + +
    + ); + } +} diff --git a/src/services/banner-manager/ui/banner/index.ts b/src/services/banner-manager/ui/banner/index.ts new file mode 100644 index 0000000..c0f6498 --- /dev/null +++ b/src/services/banner-manager/ui/banner/index.ts @@ -0,0 +1 @@ +export { Banner } from './banner'; diff --git a/src/services/banner-manager/ui/banner/someone-asks-large.tsx b/src/services/banner-manager/ui/banner/someone-asks-large.tsx new file mode 100644 index 0000000..06fb521 --- /dev/null +++ b/src/services/banner-manager/ui/banner/someone-asks-large.tsx @@ -0,0 +1,24 @@ +import { h } from 'preact'; + +// eslint-disable-next-line @typescript-eslint/no-explicit-any +export const SomeoneAsksLarge = (props: any) => ( + + + + + + + + +); diff --git a/src/services/banner-manager/ui/banner/someone-asks-small.tsx b/src/services/banner-manager/ui/banner/someone-asks-small.tsx new file mode 100644 index 0000000..4df391d --- /dev/null +++ b/src/services/banner-manager/ui/banner/someone-asks-small.tsx @@ -0,0 +1,24 @@ +import { h } from 'preact'; + +// eslint-disable-next-line @typescript-eslint/no-explicit-any +export const SomeoneAsksSmall = (props: any) => ( + + + + + + + + +); diff --git a/src/services/floating-manager/floating-manager.tsx b/src/services/floating-manager/floating-manager.tsx new file mode 100644 index 0000000..be42b72 --- /dev/null +++ b/src/services/floating-manager/floating-manager.tsx @@ -0,0 +1,211 @@ +import { ComponentChild, h } from 'preact'; +import { PresetManager, PresetManagerEventTypes } from '../preset-manager/preset-manager'; +import { ManagedComponent } from '../preset-manager/ui/managed-component'; + +import { PlayerSize, VideoSize } from '@playkit-js/common/dist/ui-common/common-types'; +import { getPlayerSize, getVideoSize } from '@playkit-js/common/dist/ui-common/player-utils'; + +import { KalturaPlayer, PlaykitUI, Logger } from '@playkit-js/kaltura-player-js'; + +import { FloatingItem } from './ui/floating-item'; +import { FloatingItemData, FloatingItemProps, FloatingPosition } from './models/floating-item-data'; + +export interface FloatingManagerOptions { + kalturaPlayer: KalturaPlayer; + presetManager: PresetManager; + eventManager: PlaykitUI.EventManager; + logger: Logger; +} + +const areaToPresetMapping = { + VideoArea: { + Live: 'VideoArea', + Playback: 'VideoArea' + }, + PresetArea: { + Live: 'PresetArea', + Playback: 'PresetArea' + }, + InteractiveArea: { + Live: 'InteractiveArea', + Playback: 'InteractiveArea' + } +}; + +export class FloatingManager { + private _eventManager: PlaykitUI.EventManager; + private _registered = false; + private _logger: Logger; + + private _items: Record = { + VideoArea: [], + InteractiveArea: [], + PresetArea: [] + }; + private _componentRef: Record = { + InteractiveArea: null, + VideoArea: null, + PresetArea: null + }; + private _cache: { + canvas: { + playerSize: PlayerSize; + videoSize: VideoSize; + }; + } = { + canvas: { + playerSize: { width: 0, height: 0 }, + videoSize: { width: 0, height: 0 } + } + }; + + constructor(private _options: FloatingManagerOptions) { + Object.keys(areaToPresetMapping).forEach((areaType) => { + // add floating manager in every preset + this._options.presetManager.add({ + label: 'floating-manager', + // eslint-disable-next-line @typescript-eslint/ban-ts-comment + // @ts-ignore + presetAreas: areaToPresetMapping[areaType], + renderChild: () => this._renderChild(areaType as FloatingPosition) + }); + }); + this._logger = _options.logger; + this._eventManager = _options.eventManager; + this._addPlayerBindings(); + this._updateCachedCanvas(); + } + + /** + * initialize new floating ui item + * @param item + */ + //TODO push new item to relevant position array according to its' FloatingPositions value + public add(data: FloatingItemData): FloatingItem | null { + const { presetManager } = this._options; + + const itemOptions = { + // eslint-disable-next-line @typescript-eslint/ban-ts-comment + // @ts-ignore + presetManager, + ...this._options, + data + }; + + const item = new FloatingItem(itemOptions); + this._items[data.position as FloatingPosition].push(item); + return item; + } + + public remove(item: FloatingItem) { + const positionItems = this._items[item.data.position as FloatingPosition]; + const itemIndex = positionItems.indexOf(item); + if (itemIndex > -1) { + positionItems[itemIndex].destroy(); + positionItems.splice(itemIndex, 1); + } else { + this._logger.warn(`couldn't remove ${item} since it wasn't found`); + } + } + + public reset(): void { + const { kalturaPlayer } = this._options; + + const allItems = [...this._items.VideoArea, ...this._items.InteractiveArea, ...this._items.PresetArea]; + allItems.forEach((item) => { + try { + item.destroy(); + } catch (e) { + this._logger.warn(e); + } + }); + + this._items.VideoArea = []; + this._items.PresetArea = []; + this._items.InteractiveArea = []; + + this._eventManager.unlisten(kalturaPlayer, kalturaPlayer.Event.Core.TIME_UPDATE, this._onTimeUpdate); + this._eventManager.unlisten(kalturaPlayer, kalturaPlayer.Event.Core.MEDIA_LOADED, this._onMediaLoaded); + this._eventManager.unlisten(kalturaPlayer, kalturaPlayer.Event.Core.LOADED_DATA, this._onLoadedData); + } + + private _getRendererProps(props: Partial): FloatingItemProps { + const { kalturaPlayer } = this._options; + + return { + // eslint-disable-next-line @typescript-eslint/ban-ts-comment + // @ts-ignore + currentTime: typeof props.currentTime !== 'undefined' ? props.currentTime : kalturaPlayer.currentTime * 1000, + canvas: this._cache.canvas + }; + } + + private _updateCachedCanvas() { + this._cache.canvas = { + playerSize: getPlayerSize(this._options.kalturaPlayer), + videoSize: getVideoSize(this._options.kalturaPlayer) + }; + } + + private _renderItems = (position: FloatingPosition) => { + const props = this._getRendererProps({}); + return this._items[position].map((item) => item.renderFloatingChild(props)); + }; + + private _renderChild = (position: FloatingPosition): ComponentChild => { + return ( + this._renderItems(position)} + isShown={() => true} + ref={(ref): void => (this._componentRef[position] = ref)} + /> + ); + }; + + private _updateComponents() { + if (this._componentRef.InteractiveArea) { + this._componentRef.InteractiveArea.update(); + } + + if (this._componentRef.PresetArea) { + this._componentRef.PresetArea.update(); + } + + if (this._componentRef.VideoArea) { + this._componentRef.VideoArea.update(); + } + } + + private _onTimeUpdate = () => { + this._updateComponents(); + }; + + private _onMediaLoaded = () => { + this._updateCachedCanvas(); + this._updateComponents(); + }; + + private _onLoadedData = () => { + this._updateCachedCanvas(); + this._updateComponents(); + }; + + private _addPlayerBindings() { + const { kalturaPlayer } = this._options; + + this._eventManager.listen(kalturaPlayer, kalturaPlayer.Event.Core.TIME_UPDATE, this._onTimeUpdate); + this._eventManager.listen(kalturaPlayer, kalturaPlayer.Event.Core.MEDIA_LOADED, this._onMediaLoaded); + this._eventManager.listen(kalturaPlayer, kalturaPlayer.Event.Core.LOADED_DATA, this._onLoadedData); + + this._options.presetManager.on(PresetManagerEventTypes.VideoResizeEvent, () => { + this._updateCachedCanvas(); + this._updateComponents(); + }); + + this._options.presetManager.on(PresetManagerEventTypes.PresetResizeEvent, () => { + this._updateCachedCanvas(); + this._updateComponents(); + }); + } +} diff --git a/src/services/floating-manager/models/floating-item-data.ts b/src/services/floating-manager/models/floating-item-data.ts new file mode 100644 index 0000000..9ea3f4e --- /dev/null +++ b/src/services/floating-manager/models/floating-item-data.ts @@ -0,0 +1,22 @@ +import { ComponentChild } from 'preact'; +import { PlayerSize, VideoSize } from '@playkit-js/common/dist/ui-common/common-types'; + +export type FloatingUIMode = 'MediaLoaded' | 'OnDemand' | 'Immediate' | 'FirstPlay'; + +export type FloatingPosition = 'VideoArea' | 'PresetArea' | 'InteractiveArea'; + +export interface FloatingItemData { + label: string; + mode: FloatingUIMode; + renderContent: (floatingItemProps: FloatingItemProps) => ComponentChild; + className?: string; + position: FloatingPosition; +} + +export interface FloatingItemProps { + currentTime: number; + canvas: { + playerSize: PlayerSize; + videoSize: VideoSize; + }; +} diff --git a/src/services/floating-manager/ui/floating-item.tsx b/src/services/floating-manager/ui/floating-item.tsx new file mode 100644 index 0000000..bbd413d --- /dev/null +++ b/src/services/floating-manager/ui/floating-item.tsx @@ -0,0 +1,92 @@ +import { h } from 'preact'; +import { FloatingItemData, FloatingItemProps } from '../models/floating-item-data'; + +import { ManagedComponent } from '../../preset-manager/ui/managed-component'; + +import { KalturaPlayer, PlaykitUI } from '@playkit-js/kaltura-player-js'; + +export interface FloatingItemOptions { + kalturaPlayer: KalturaPlayer; + eventManager: PlaykitUI.EventManager; + data: FloatingItemData; +} + +export class FloatingItem { + private _options: FloatingItemOptions; + private _isShown = false; + private _componentRef: ManagedComponent | null = null; + + constructor(options: FloatingItemOptions) { + this._options = options; + + this._addPlayerBindings(); + } + + public get data(): FloatingItemData { + return this._options.data; + } + + public remove = (): void => { + this._isShown = false; + if (!this._componentRef) { + return; + } + + this._componentRef.update(); + }; + + public add = (): void => { + this._isShown = true; + if (!this._componentRef) { + return; + } + + this._componentRef.update(); + }; + + public update = (): void => { + if (!this._componentRef) { + return; + } + + this._componentRef.update(); + }; + + /** + * destory the ui item + */ + destroy(): void { + this.remove(); + } + + renderFloatingChild(props: FloatingItemProps) { + const { label } = this._options.data; + + return ( + this._options.data.renderContent(props)} + isShown={() => this._isShown} + ref={(ref: ManagedComponent | null): void => { + this._componentRef = ref; + }} + /> + ); + } + + private _addPlayerBindings(): void { + const { kalturaPlayer, data, eventManager } = this._options; + + if (data.mode === 'MediaLoaded') { + eventManager.listenOnce(kalturaPlayer, kalturaPlayer.Event.Core.MEDIA_LOADED, this.add); + } + + if (data.mode === 'FirstPlay') { + eventManager.listenOnce(kalturaPlayer, kalturaPlayer.Event.Core.FIRST_PLAY, this.add); + } + + if (data.mode === 'Immediate') { + this.add(); + } + } +} diff --git a/src/services/preset-manager/models/preset-item-data.ts b/src/services/preset-manager/models/preset-item-data.ts new file mode 100644 index 0000000..ab093e2 --- /dev/null +++ b/src/services/preset-manager/models/preset-item-data.ts @@ -0,0 +1,40 @@ +import { ComponentChild } from 'preact'; + +export enum ReservedPresetNames { + Playback = 'Playback', + Live = 'Live' +} + +export enum ReservedPresetAreas { + 'PresetFloating' = 'PresetFloating', + 'BottomBarLeftControls' = 'BottomBarLeftControls', + 'BottomBarRightControls' = 'BottomBarRightControls', + 'TopBarLeftControls' = 'TopBarLeftControls', + 'TopBarRightControls' = 'TopBarRightControls', + 'SidePanelTop' = 'SidePanelTop', + 'SidePanelLeft' = 'SidePanelLeft', + 'SidePanelRight' = 'SidePanelRight', + 'SidePanelBottom' = 'SidePanelBottom', + 'PresetArea' = 'PresetArea', + 'InteractiveArea' = 'InteractiveArea', + 'PlayerArea' = 'PlayerArea', + 'VideoArea' = 'VideoArea' +} + +export enum RelativeToTypes { + Before = 'Before', + After = 'After', + Replace = 'Replace' +} + +export interface PresetItemData { + label: string; + fillContainer?: boolean; + isolateComponent?: boolean; + presetAreas: Record; + renderChild: () => ComponentChild; + relativeTo?: { + type: RelativeToTypes; + name: string; + }; +} diff --git a/src/services/preset-manager/preset-manager.tsx b/src/services/preset-manager/preset-manager.tsx new file mode 100644 index 0000000..0b9ebd6 --- /dev/null +++ b/src/services/preset-manager/preset-manager.tsx @@ -0,0 +1,91 @@ +import { h } from 'preact'; + +import { EventsManager } from '@playkit-js/common/dist/ui-common/events-manager'; + +import { KalturaPlayer, PlaykitUI } from '@playkit-js/kaltura-player-js'; + +import { UIPlayerAdapter } from './ui-player-adapter'; +import { PresetItemData } from './models/preset-item-data'; +import { PresetItem } from './ui/preset-item'; + +export interface PresetManagerOptions { + kalturaPlayer: KalturaPlayer; + eventManager: PlaykitUI.EventManager; +} + +export enum PresetManagerEventTypes { + PresetResizeEvent = 'PresetResizeEvent', + VideoResizeEvent = 'VideoResizeEvent' +} + +export interface PresetResizeEvent { + type: PresetManagerEventTypes.PresetResizeEvent; +} + +export interface VideoResizeEvent { + type: PresetManagerEventTypes.VideoResizeEvent; +} + +export type PresetManagerEvents = PresetResizeEvent | VideoResizeEvent; + +export class PresetManager { + private _events: EventsManager = new EventsManager(); + private _eventManager: PlaykitUI.EventManager; + private _kalturaPlayer: KalturaPlayer; + + constructor(options: PresetManagerOptions) { + this._eventManager = options.eventManager; + this._kalturaPlayer = options.kalturaPlayer; + this.add({ + label: 'preset-manager', + presetAreas: { Playback: 'PlayerArea', Live: 'PlayerArea' }, + renderChild: () => ( + + ) + }); + } + + private _registerToPlayer = () => { + this._eventManager.listen(this._kalturaPlayer, this._kalturaPlayer.Event.UI.UI_PRESET_RESIZE, this._notifyUIPresetResize); + this._eventManager.listen(this._kalturaPlayer, this._kalturaPlayer.Event.UI.VIDEO_RESIZE, this._notifyVideoResize); + }; + + private _notifyVideoResize = () => { + this._events.emit({ + type: PresetManagerEventTypes.VideoResizeEvent + }); + }; + + private _notifyUIPresetResize = () => { + this._events.emit({ + type: PresetManagerEventTypes.PresetResizeEvent + }); + }; + + private _unregisterToPlayer = () => { + this._eventManager.unlisten(this._kalturaPlayer, this._kalturaPlayer.Event.UI.UI_PRESET_RESIZE, this._notifyUIPresetResize); + this._eventManager.unlisten(this._kalturaPlayer, this._kalturaPlayer.Event.UI.VIDEO_RESIZE, this._notifyVideoResize); + }; + + public on: EventsManager['on'] = this._events.on.bind(this._events); + public off: EventsManager['off'] = this._events.off.bind(this._events); + + public add(data: PresetItemData): void { + const component = new PresetItem({ + kalturaPlayer: this._kalturaPlayer, + data + }); + + const configs = component.playerConfig; + for (const config of configs) { + const { label, presets, container, get } = config; + + this._kalturaPlayer.ui.addComponent({ + label, + presets, + container, + get + }); + } + } +} diff --git a/src/services/preset-manager/ui-player-adapter.ts b/src/services/preset-manager/ui-player-adapter.ts new file mode 100644 index 0000000..4868ce6 --- /dev/null +++ b/src/services/preset-manager/ui-player-adapter.ts @@ -0,0 +1,26 @@ +import { Component } from 'preact'; +import { KalturaPlayer } from '@playkit-js/kaltura-player-js'; + +export interface UIPlayerAdapterProps { + player: KalturaPlayer; + onMount: (player: KalturaPlayer) => void; + onUnmount: (player: KalturaPlayer) => void; +} + +export class UIPlayerAdapter extends Component { + public static defaultProps = { + player: null + }; + + public componentDidMount(): void { + this.props.onMount(this.props.player); + } + + public componentWillUnmount(): void { + this.props.onUnmount(this.props.player); + } + + public render() { + return null; + } +} diff --git a/src/services/preset-manager/ui/managed-component.scss b/src/services/preset-manager/ui/managed-component.scss new file mode 100644 index 0000000..eefada3 --- /dev/null +++ b/src/services/preset-manager/ui/managed-component.scss @@ -0,0 +1,4 @@ +.fill-container { + width: 100%; + height: 100%; + } \ No newline at end of file diff --git a/src/services/preset-manager/ui/managed-component.tsx b/src/services/preset-manager/ui/managed-component.tsx new file mode 100644 index 0000000..b9e9389 --- /dev/null +++ b/src/services/preset-manager/ui/managed-component.tsx @@ -0,0 +1,63 @@ +import { h, Component, ComponentChildren } from 'preact'; +import * as styles from './managed-component.scss'; +import { ui } from '@playkit-js/kaltura-player-js'; +const { connect } = ui.redux; + +type ManagedComponentState = { + toggler: boolean; +}; +type ManagedComponentProps = { + isShown: () => boolean; + renderChildren: (playerSize: string) => ComponentChildren; + label: string; + fillContainer: boolean; + playerSize?: string; + updateOnPlayerSizeChanged?: boolean; +}; + +// eslint-disable-next-line @typescript-eslint/no-explicit-any +const mapStateToProps = (state: Record) => ({ + playerSize: state.shell.playerSize +}); + +// eslint-disable-next-line @typescript-eslint/ban-ts-comment +// @ts-ignore +@connect(mapStateToProps, null, null, { forwardRef: true }) +export class ManagedComponent extends Component { + public static defaultProps = { + fillContainer: false + }; + + update() { + this.setState((prev: ManagedComponentState) => { + return { + toggler: !prev.toggler + }; + }); + } + + shouldComponentUpdate(prevProps: Readonly): boolean { + const { updateOnPlayerSizeChanged, playerSize } = this.props; + return (updateOnPlayerSizeChanged && prevProps.playerSize !== playerSize) || prevProps.playerSize === playerSize; + } + + componentDidMount(): void { + // eslint-disable-next-line react/no-did-mount-set-state + this.setState({ + toggler: false + }); + } + + render() { + const { fillContainer, isShown, playerSize } = this.props; + if (!isShown()) { + return null; + } + + return ( +
    + {this.props.renderChildren(playerSize!)} +
    + ); + } +} diff --git a/src/services/preset-manager/ui/preset-item.tsx b/src/services/preset-manager/ui/preset-item.tsx new file mode 100644 index 0000000..61fa92a --- /dev/null +++ b/src/services/preset-manager/ui/preset-item.tsx @@ -0,0 +1,116 @@ +import { h, render, ComponentChild } from 'preact'; +import { PresetItemData, RelativeToTypes } from '../models/preset-item-data'; + +import { KalturaPlayer } from '@playkit-js/kaltura-player-js'; + +import { ManagedComponent } from '../../preset-manager/ui/managed-component'; + +import { InjectedComponent } from '@playkit-js/common/dist/ui-common/injected-component'; + +export interface PresetItemOptions { + kalturaPlayer: KalturaPlayer; + data: PresetItemData; +} + +export interface KalturaPlayerPresetComponent { + label: string; + presets: string[]; + container: string; + get: () => () => ManagedComponent | ComponentChild; + afterComponent?: string; + beforeComponent?: string; + replaceComponent?: string; +} + +export class PresetItem { + private _options: PresetItemOptions; + + constructor(options: PresetItemOptions) { + this._options = options; + } + + public get playerConfig(): KalturaPlayerPresetComponent[] { + const configs: KalturaPlayerPresetComponent[] = []; + + for (const presetType in this._options.data.presetAreas) { + const presetContainer = this._options.data.presetAreas[presetType]; + const { relativeTo } = this._options.data; + + if (!presetContainer) { + continue; + } + + const result: KalturaPlayerPresetComponent = { + label: this._options.data.label, + presets: [presetType], + container: presetContainer, + // eslint-disable-next-line @typescript-eslint/ban-ts-comment + // @ts-ignore + get: this._render + }; + + if (relativeTo) { + switch (relativeTo.type) { + case RelativeToTypes.After: + result['afterComponent'] = relativeTo.name; + break; + case RelativeToTypes.Before: + result['beforeComponent'] = relativeTo.name; + break; + case RelativeToTypes.Replace: + result['replaceComponent'] = relativeTo.name; + break; + } + } + + configs.push(result); + } + + return configs; + } + + private _render = () => { + if (this._options.data.isolateComponent) { + const { + data: { label, fillContainer } + } = this._options; + + return ( + + ); + } + + return this._options.data.renderChild(); + }; + + private _onDestroy = (options: { context?: object; parent: HTMLElement }): void => { + // TODO sakal handle destroy + if (!options.parent) { + return; + } + + render(null, options.parent); + }; + + private _onCreate = (options: { context?: object; parent: HTMLElement }): void => { + try { + if (!options.parent) { + return; + } + const child = this._options.data.renderChild(); + + if (!child) { + return; + } + + render(child, options.parent); + } catch (error) { + /**/ + } + }; +} diff --git a/src/services/toast-manager/models/toast-severity.ts b/src/services/toast-manager/models/toast-severity.ts new file mode 100644 index 0000000..6902aaa --- /dev/null +++ b/src/services/toast-manager/models/toast-severity.ts @@ -0,0 +1 @@ +export type ToastSeverity = 'Info' | 'Success' | 'Warning' | 'Error'; diff --git a/src/services/toast-manager/toast-manager.tsx b/src/services/toast-manager/toast-manager.tsx new file mode 100644 index 0000000..06ad2d7 --- /dev/null +++ b/src/services/toast-manager/toast-manager.tsx @@ -0,0 +1,122 @@ +import { h } from 'preact'; + +import { UUID } from '@playkit-js/common/dist/ui-common/uuid'; + +import { FloatingManager } from '../floating-manager/floating-manager'; + +import { FloatingItem } from '../floating-manager/ui/floating-item'; + +import { ToastProps } from './ui/toast/toast'; + +import { ToastSeverity } from './models/toast-severity'; + +import { ToastsContainer } from './ui/toasts-container/toasts-container'; + +export interface ToastManagerOptions { + floatingManager: FloatingManager; +} + +export interface ToastItemData { + title: string; + text: string; + // eslint-disable-next-line @typescript-eslint/no-explicit-any + icon: any; + severity: ToastSeverity; + duration: number; + onClick: () => void; +} + +interface ManagedToasts { + // eslint-disable-next-line @typescript-eslint/no-explicit-any + timerSubscription: any; + duration: number; + toastProps: ToastProps; +} + +export class ToastManager { + private _options: ToastManagerOptions; + private _toasts: ManagedToasts[] = []; + private _floatingItem: FloatingItem | null = null; + + constructor(private options: ToastManagerOptions) { + this._options = options; + } + + public add(data: ToastItemData): void { + const { duration, ...props } = data; + if (!this._floatingItem) this._addToastsContainer(); + const managedToast = { + toastProps: { + ...props, + id: UUID.uuidV1(), + onClose: this._remove + }, + duration: duration, + timerSubscription: null + }; + this._toasts.push(managedToast); + this._updateToastsUI(); + this._startDurationTimer(managedToast); + } + + public reset(): void { + this._toasts.forEach((managedToast) => { + this._remove(managedToast.toastProps.id); + }); + } + + private _startDurationTimer(managedToast: ManagedToasts): void { + managedToast.timerSubscription = setTimeout(() => { + this._remove(managedToast.toastProps.id); + }, managedToast.duration); + } + + private _remove = (id: string): void => { + const index = this._findToastIndexById(id); + if (index === -1) return; + + clearTimeout(this._toasts[index].timerSubscription); + this._toasts.splice(index, 1); + this._updateToastsUI(); + if (this._toasts.length === 0) this._removeToastsContainer(); + }; + + private _addToastsContainer(): void { + this._floatingItem = this._options.floatingManager.add({ + label: 'Toasts', + mode: 'Immediate', + position: 'InteractiveArea', + renderContent: () => { + return ( + { + return toast.toastProps; + })} + /> + ); + } + }); + } + + private _removeToastsContainer(): void { + if (!this._floatingItem) return; + + this._options.floatingManager.remove(this._floatingItem); + this._floatingItem = null; + } + + private _updateToastsUI(): void { + if (this._floatingItem) this._floatingItem.update(); + } + + private _findToastIndexById(id: string): number { + let index = 0; + while (index < this._toasts.length) { + if (this._toasts[index].toastProps.id === id) { + return index; + } + index++; + } + return -1; + } +} diff --git a/src/services/toast-manager/ui/toast/toast.scss b/src/services/toast-manager/ui/toast/toast.scss new file mode 100644 index 0000000..e9c8f0d --- /dev/null +++ b/src/services/toast-manager/ui/toast/toast.scss @@ -0,0 +1,94 @@ +.toastWrapper { + position: relative; + min-width: 120px; + max-width: 310px; + height: 100%; + border-radius: 4px; + background-color: #222222; + border-left-style: solid; + border-left-width: 4px; + text-align: left; + } + + .infoToast { + border-left-color: #01ACCD; + } + + .successToast { + border-left-color: #009E48; + } + + .warnToast { + border-left-color: #F9A71B; + } + + .errorToast { + border-left-color: #E7585D; + } + + .closeButton { + position: absolute; + background-color: transparent; + top: 0; + right: 0; + width: 16px; + height: 16px; + object-fit: contain; + background-repeat: no-repeat; + border: none; + padding: 0; + + &:hover { + cursor: pointer; + } + } + + .title { + font-size: 12px; + font-weight: normal; + font-style: normal; + font-stretch: normal; + line-height: 1.17; + letter-spacing: normal; + color: #cccccc; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + padding-top: 4px; + padding-right: 16px; + padding-left: 12px; + } + + .toastBody { + position: relative; + width: 100%; + padding: 2px 16px 5px 12px; + } + + .iconContainer { + position: relative; + height: 16px; + width: 16px; + float: left; + margin-right: 7px; + } + + .iconWrapper { + height: 16px; + width: 16px; + } + + .text { + font-size: 14px; + font-weight: bold; + font-style: normal; + font-stretch: normal; + line-height: normal; + letter-spacing: normal; + color: #cccccc; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + } + + \ No newline at end of file diff --git a/src/services/toast-manager/ui/toast/toast.tsx b/src/services/toast-manager/ui/toast/toast.tsx new file mode 100644 index 0000000..8cb4eed --- /dev/null +++ b/src/services/toast-manager/ui/toast/toast.tsx @@ -0,0 +1,73 @@ +import { Component, h } from 'preact'; +import * as styles from './toast.scss'; +import { ToastSeverity } from '../../models/toast-severity'; +import { Icon, IconSize } from '@playkit-js/common/dist/icon'; + +export interface ToastProps { + id: string; + title: string; + text: string; + // eslint-disable-next-line @typescript-eslint/no-explicit-any + icon: any; + severity: ToastSeverity; + onClose: (id: string) => void; + onClick: () => void; +} + +interface ToastState { + isShown: boolean; +} + +export class Toast extends Component { + public state = { + isShown: true + }; + + // eslint-disable-next-line @typescript-eslint/no-explicit-any + private _onClick = (e: any) => { + this.props.onClick(); + this._onClose(e); + }; + + // eslint-disable-next-line @typescript-eslint/no-explicit-any + private _onClose = (e: any) => { + e.stopPropagation(); + this.setState({ isShown: false }); + this.props.onClose(this.props.id); + }; + + private _getToastSeverityClass(): string { + switch (this.props.severity) { + case 'Success': + return styles.successToast; + case 'Warning': + return styles.warnToast; + case 'Error': + return styles.errorToast; + default: + //info + return styles.infoToast; + } + } + + render() { + const { text, title, icon } = this.props; + + return ( +
    + +
    {title}
    +
    +
    +
    {icon}
    +
    +
    {text}
    +
    +
    + ); + } +} diff --git a/src/services/toast-manager/ui/toasts-container/toasts-container.scss b/src/services/toast-manager/ui/toasts-container/toasts-container.scss new file mode 100644 index 0000000..9e7f624 --- /dev/null +++ b/src/services/toast-manager/ui/toasts-container/toasts-container.scss @@ -0,0 +1,21 @@ +.toastsContainer { + position: absolute; + right: 0; + top: 0; + padding: 8px 16px 0; + min-width: 120px; + max-width: 310px; + display: flex; + flex-direction: column; +} + +.toastRow { + height: 42px; + min-width: 120px; + max-width: 310px; + margin-bottom: 8px; + overflow: hidden; + overflow-wrap: break-word; + text-overflow: ellipsis; + align-self: flex-end; +} diff --git a/src/services/toast-manager/ui/toasts-container/toasts-container.tsx b/src/services/toast-manager/ui/toasts-container/toasts-container.tsx new file mode 100644 index 0000000..bacff35 --- /dev/null +++ b/src/services/toast-manager/ui/toasts-container/toasts-container.tsx @@ -0,0 +1,24 @@ +import { Component, h } from 'preact'; +import { Toast, ToastProps } from '../toast/toast'; + +import * as styles from './toasts-container.scss'; + +export interface ToastsContainerProps { + toasts: ToastProps[]; +} + +export class ToastsContainer extends Component { + render() { + return ( +
    + {this.props.toasts.map((toast) => { + return ( +
    + +
    + ); + })} +
    + ); + } +} diff --git a/src/ui-managers.ts b/src/ui-managers.ts index d58f121..c450293 100644 --- a/src/ui-managers.ts +++ b/src/ui-managers.ts @@ -2,6 +2,10 @@ import { BasePlugin, KalturaPlayer } from '@playkit-js/kaltura-player-js'; import { SidePanelsManager } from './services/side-panels-manager/side-panels-manager'; import { UpperBarManager } from './services/upper-bar-manager/upper-bar-manager'; import { UiManagerConfig } from './types/ui-managers-config'; +import { FloatingManager } from './services/floating-manager/floating-manager'; +import { PresetManager } from './services/preset-manager/preset-manager'; +import { ToastManager } from './services/toast-manager/toast-manager'; +import { BannerManager } from './services/banner-manager/banner-manager'; export const pluginName = 'uiManagers'; @@ -30,6 +34,19 @@ export class UIManagers extends BasePlugin { super(name, player, config); player.registerService('sidePanelsManager', new SidePanelsManager(player, this.logger)); player.registerService('upperBarManager', new UpperBarManager(player, this.logger, this.config.upperBarManager)); + const presetManager = new PresetManager({ + kalturaPlayer: player, + eventManager: this.eventManager + }); + const floatingManager = new FloatingManager({ + presetManager, + kalturaPlayer: player, + logger: this.logger, + eventManager: this.eventManager + }); + player.registerService('floatingManager', floatingManager); + player.registerService('toastManager', new ToastManager({ floatingManager })); + player.registerService('bannerManager', new BannerManager({ floatingManager, kalturaPlayer: player })); } public static isValid(): boolean { diff --git a/types/index.d.ts b/types/index.d.ts index bff3f6a..dd89510 100644 --- a/types/index.d.ts +++ b/types/index.d.ts @@ -1,6 +1,12 @@ /// +export { FloatingManager } from "services/floating-manager/floating-manager"; +export { FloatingItem } from "services/floating-manager/ui/floating-item"; +export { FloatingItemProps } from "services/floating-manager/models/floating-item-data"; +export { ToastManager } from 'services/toast-manager/toast-manager'; +export { BannerManager } from 'services/banner-manager/banner-manager'; + export { SidePanelsManager } from "services/side-panels-manager/side-panels-manager"; export { UpperBarManager } from "services/upper-bar-manager/upper-bar-manager"; export { SidePanelItem } from "services/side-panels-manager/models/side-panel-item"; -export { IconDto } from "services/upper-bar-manager/models/icon-dto"; +export { IconDto } from "services/upper-bar-manager/models/icon-dto"; \ No newline at end of file diff --git a/types/modules.d.ts b/types/modules.d.ts index 16e646c..bb02bc2 100644 --- a/types/modules.d.ts +++ b/types/modules.d.ts @@ -1,5 +1,3 @@ -import { PlaykitUI } from "@playkit-js/kaltura-player-js"; - declare module "services/upper-bar-manager/models/svg-icon" { export interface SvgIcon { path: string; @@ -28,15 +26,47 @@ declare module "services/side-panels-manager/models/side-panel-item" { } } declare module "services/side-panels-manager/ui/panel-item-wrapper/panel-item-wrapper.component" { } +declare module "types/ui-managers-config" { + export type KalturaPluginNames = 'Navigation' | 'Q&A' | 'Transcript' | 'Download' | 'Playlist' | 'Related' | 'Share' | 'Info' | 'Moderation'; + export type UiManagerConfig = { + upperBarManager: { + pluginsIconsOrder: { + [key in KalturaPluginNames | string]: number; + }; + }; + }; +} declare module "services/upper-bar-manager/models/icon-dto" { import { ComponentClass, FunctionalComponent } from 'preact'; - import { KalturaPluginNames } from "ui-managers"; import { SvgIcon } from "services/upper-bar-manager/models/svg-icon"; + import { KalturaPluginNames } from "types/ui-managers-config"; + import { PlaykitUI } from '@playkit-js/kaltura-player-js'; export interface IconDto { + /** + * An ID (usually the plugin name in case of a plugin) - used for icons order calculations + * has to be corresponds to the names of the icons (plugins) names in the + * ui-managers config (under upperBarManager.pluginsIconsOrder) + */ label: KalturaPluginNames | string; + /** + * The icon react component + */ component: ComponentClass> | FunctionalComponent>; + /** + * Icon that will appear in the dropdown menu + */ svgIcon: SvgIcon; - onClick: () => void; + /** + * The icon handler + * + * @remarks + * You can also define the handler inside the component itself and send an empty function here + * (also useful as backwards compatibility for some plugins) + */ + onClick: (e: MouseEvent | KeyboardEvent) => void; + /** + * Relevant presets for the icon + */ presets?: PlaykitUI.ReservedPresetName[]; } } @@ -44,7 +74,7 @@ declare module "services/upper-bar-manager/ui/icon-wrapper/icon-wrapper.componen import { Component, ComponentChild, RefObject } from 'preact'; type IconWrapperProps = { ref: RefObject; - onClick: () => void; + onClick: (e: MouseEvent | KeyboardEvent) => void; }; export class IconWrapper extends Component { render(): ComponentChild; @@ -53,17 +83,19 @@ declare module "services/upper-bar-manager/ui/icon-wrapper/icon-wrapper.componen declare module "services/upper-bar-manager/models/icon-model" { import { ComponentClass, FunctionalComponent, RefObject } from 'preact'; import { IconDto } from "services/upper-bar-manager/models/icon-dto"; - import { KalturaPluginNames } from "ui-managers"; import { IconWrapper } from "services/upper-bar-manager/ui/icon-wrapper/icon-wrapper.component"; import { SvgIcon } from "services/upper-bar-manager/models/svg-icon"; + import { KalturaPluginNames } from "types/ui-managers-config"; + import { PlaykitUI } from '@playkit-js/kaltura-player-js'; export class IconModel { private static nextId; readonly id: number; label: KalturaPluginNames | string; componentRef: RefObject; - onClick: () => void; + onClick: (e: MouseEvent | KeyboardEvent) => void; component: ComponentClass> | FunctionalComponent>; svgIcon: SvgIcon; + presets: PlaykitUI.ReservedPresetName[]; constructor(item: IconDto); update(): void; } @@ -73,6 +105,7 @@ declare module "services/upper-bar-manager/ui/dropdown-bar/dropdown-bar.componen import { IconModel } from "services/upper-bar-manager/models/icon-model"; type DropdownBarProps = { controls: IconModel[]; + onDropdownClick: () => void; }; export class DropdownBar extends Component { render(): ComponentChild; @@ -83,41 +116,40 @@ declare module "services/upper-bar-manager/ui/more-icon/more-icon.component" { import { PlaykitUI } from '@playkit-js/kaltura-player-js'; import { IconModel } from "services/upper-bar-manager/models/icon-model"; import EventManager = PlaykitUI.EventManager; - type MoreIconState = { - toggle: boolean; - }; type MoreIconProps = { icons: IconModel[]; + onClick: () => void; + showDropdown: boolean; moreIconTxt?: string; eventManager?: EventManager; }; - export class MoreIcon extends Component { + export class MoreIcon extends Component { private readonly moreButtonRef; constructor(); componentDidMount(): void; handleClickOutside(event: PointerEvent): void; - private handleOnClick; - private handleOnKeyDown; render(): ComponentChild; } } declare module "services/upper-bar-manager/ui/displayed-bar/displayed-bar.component" { import { Component, ComponentChild, RefObject } from 'preact'; import { IconModel } from "services/upper-bar-manager/models/icon-model"; - import { KalturaPluginNames } from "ui-managers"; type DisplayedBarState = { - controls: IconModel[]; + showDropdown: boolean; }; type DisplayedBarProps = { + getControls: () => IconModel[]; ref: RefObject; - iconsOrder: { - [key in KalturaPluginNames | string]: number; - }; }; - export class DisplayedBar extends Component { + type PropsFromRedux = { + playerSize?: string; + }; + export class DisplayedBar extends Component { constructor(); + private handleOnClick; + private closeDropdown; private splitControlsIntoDisplayedAndDropdown; - update(icons: IconModel[]): void; + update: () => void; private splitControls; render(): ComponentChild; } @@ -125,7 +157,7 @@ declare module "services/upper-bar-manager/ui/displayed-bar/displayed-bar.compon declare module "services/upper-bar-manager/upper-bar-manager" { import { KalturaPlayer, Logger } from '@playkit-js/kaltura-player-js'; import { IconDto } from "services/upper-bar-manager/models/icon-dto"; - import { KalturaPluginNames } from "ui-managers"; + import { KalturaPluginNames } from "types/ui-managers-config"; type UpperBarManagerConfig = { pluginsIconsOrder: { [key in KalturaPluginNames | string]: number; @@ -135,7 +167,7 @@ declare module "services/upper-bar-manager/upper-bar-manager" { private readonly player; private readonly logger; private readonly componentsRegistry; - private readonly displayedBarComponentRef; + private readonly displayedBarComponentRefs; /** * @ignore */ @@ -144,6 +176,7 @@ declare module "services/upper-bar-manager/upper-bar-manager" { remove(itemId: number): void; isActive(itemId: number): boolean; update(iconId: number): void; + private getControls; private injectDisplayedBarComponentWrapper; private static validateItem; } @@ -187,15 +220,388 @@ declare module "services/side-panels-manager/side-panels-manager" { private static validateItem; } } -declare module "ui-managers" { - export const pluginName = "uiManagers"; - export type KalturaPluginNames = 'Navigation' | 'Q&A' | 'Transcript' | 'Download' | 'Playlist' | 'Related' | 'Share' | 'Info' | 'Moderation'; - export type UiManagerConfig = { - upperBarManager: { - pluginsIconsOrder: { - [key in KalturaPluginNames | string]: number; - }; +declare module "services/preset-manager/ui-player-adapter" { + import { Component } from 'preact'; + import { KalturaPlayer } from '@playkit-js/kaltura-player-js'; + export interface UIPlayerAdapterProps { + player: KalturaPlayer; + onMount: (player: KalturaPlayer) => void; + onUnmount: (player: KalturaPlayer) => void; + } + export class UIPlayerAdapter extends Component { + static defaultProps: { + player: any; + }; + componentDidMount(): void; + componentWillUnmount(): void; + render(): any; + } +} +declare module "services/preset-manager/models/preset-item-data" { + import { ComponentChild } from 'preact'; + export enum ReservedPresetNames { + Playback = "Playback", + Live = "Live" + } + export enum ReservedPresetAreas { + 'PresetFloating' = "PresetFloating", + 'BottomBarLeftControls' = "BottomBarLeftControls", + 'BottomBarRightControls' = "BottomBarRightControls", + 'TopBarLeftControls' = "TopBarLeftControls", + 'TopBarRightControls' = "TopBarRightControls", + 'SidePanelTop' = "SidePanelTop", + 'SidePanelLeft' = "SidePanelLeft", + 'SidePanelRight' = "SidePanelRight", + 'SidePanelBottom' = "SidePanelBottom", + 'PresetArea' = "PresetArea", + 'InteractiveArea' = "InteractiveArea", + 'PlayerArea' = "PlayerArea", + 'VideoArea' = "VideoArea" + } + export enum RelativeToTypes { + Before = "Before", + After = "After", + Replace = "Replace" + } + export interface PresetItemData { + label: string; + fillContainer?: boolean; + isolateComponent?: boolean; + presetAreas: Record; + renderChild: () => ComponentChild; + relativeTo?: { + type: RelativeToTypes; + name: string; }; + } +} +declare module "services/preset-manager/ui/managed-component" { + import { h, Component, ComponentChildren } from 'preact'; + type ManagedComponentState = { + toggler: boolean; }; + type ManagedComponentProps = { + isShown: () => boolean; + renderChildren: (playerSize: string) => ComponentChildren; + label: string; + fillContainer: boolean; + playerSize?: string; + updateOnPlayerSizeChanged?: boolean; + }; + export class ManagedComponent extends Component { + static defaultProps: { + fillContainer: boolean; + }; + update(): void; + shouldComponentUpdate(prevProps: Readonly): boolean; + componentDidMount(): void; + render(): h.JSX.Element; + } +} +declare module "services/preset-manager/ui/preset-item" { + import { ComponentChild } from 'preact'; + import { PresetItemData } from "services/preset-manager/models/preset-item-data"; + import { KalturaPlayer } from '@playkit-js/kaltura-player-js'; + import { ManagedComponent } from "services/preset-manager/ui/managed-component"; + export interface PresetItemOptions { + kalturaPlayer: KalturaPlayer; + data: PresetItemData; + } + export interface KalturaPlayerPresetComponent { + label: string; + presets: string[]; + container: string; + get: () => () => ManagedComponent | ComponentChild; + afterComponent?: string; + beforeComponent?: string; + replaceComponent?: string; + } + export class PresetItem { + private _options; + constructor(options: PresetItemOptions); + get playerConfig(): KalturaPlayerPresetComponent[]; + private _render; + private _onDestroy; + private _onCreate; + } +} +declare module "services/preset-manager/preset-manager" { + import { EventsManager } from '@playkit-js/common/dist/ui-common/events-manager'; + import { KalturaPlayer, PlaykitUI } from '@playkit-js/kaltura-player-js'; + import { PresetItemData } from "services/preset-manager/models/preset-item-data"; + export interface PresetManagerOptions { + kalturaPlayer: KalturaPlayer; + eventManager: PlaykitUI.EventManager; + } + export enum PresetManagerEventTypes { + PresetResizeEvent = "PresetResizeEvent", + VideoResizeEvent = "VideoResizeEvent" + } + export interface PresetResizeEvent { + type: PresetManagerEventTypes.PresetResizeEvent; + } + export interface VideoResizeEvent { + type: PresetManagerEventTypes.VideoResizeEvent; + } + export type PresetManagerEvents = PresetResizeEvent | VideoResizeEvent; + export class PresetManager { + private _events; + private _eventManager; + private _kalturaPlayer; + constructor(options: PresetManagerOptions); + private _registerToPlayer; + private _notifyVideoResize; + private _notifyUIPresetResize; + private _unregisterToPlayer; + on: EventsManager['on']; + off: EventsManager['off']; + add(data: PresetItemData): void; + } +} +declare module "services/floating-manager/models/floating-item-data" { + import { ComponentChild } from 'preact'; + import { PlayerSize, VideoSize } from '@playkit-js/common/dist/ui-common/common-types'; + export type FloatingUIMode = 'MediaLoaded' | 'OnDemand' | 'Immediate' | 'FirstPlay'; + export type FloatingPosition = 'VideoArea' | 'PresetArea' | 'InteractiveArea'; + export interface FloatingItemData { + label: string; + mode: FloatingUIMode; + renderContent: (floatingItemProps: FloatingItemProps) => ComponentChild; + className?: string; + position: FloatingPosition; + } + export interface FloatingItemProps { + currentTime: number; + canvas: { + playerSize: PlayerSize; + videoSize: VideoSize; + }; + } +} +declare module "services/floating-manager/ui/floating-item" { + import { h } from 'preact'; + import { FloatingItemData, FloatingItemProps } from "services/floating-manager/models/floating-item-data"; + import { KalturaPlayer, PlaykitUI } from '@playkit-js/kaltura-player-js'; + export interface FloatingItemOptions { + kalturaPlayer: KalturaPlayer; + eventManager: PlaykitUI.EventManager; + data: FloatingItemData; + } + export class FloatingItem { + private _options; + private _isShown; + private _componentRef; + constructor(options: FloatingItemOptions); + get data(): FloatingItemData; + remove: () => void; + add: () => void; + update: () => void; + /** + * destory the ui item + */ + destroy(): void; + renderFloatingChild(props: FloatingItemProps): h.JSX.Element; + private _addPlayerBindings; + } +} +declare module "services/floating-manager/floating-manager" { + import { PresetManager } from "services/preset-manager/preset-manager"; + import { KalturaPlayer, PlaykitUI, Logger } from '@playkit-js/kaltura-player-js'; + import { FloatingItem } from "services/floating-manager/ui/floating-item"; + import { FloatingItemData } from "services/floating-manager/models/floating-item-data"; + export interface FloatingManagerOptions { + kalturaPlayer: KalturaPlayer; + presetManager: PresetManager; + eventManager: PlaykitUI.EventManager; + logger: Logger; + } + export class FloatingManager { + private _options; + private _eventManager; + private _registered; + private _logger; + private _items; + private _componentRef; + private _cache; + constructor(_options: FloatingManagerOptions); + /** + * initialize new floating ui item + * @param item + */ + add(data: FloatingItemData): FloatingItem | null; + remove(item: FloatingItem): void; + reset(): void; + private _getRendererProps; + private _updateCachedCanvas; + private _renderItems; + private _renderChild; + private _updateComponents; + private _onTimeUpdate; + private _onMediaLoaded; + private _onLoadedData; + private _addPlayerBindings; + } +} +declare module "services/toast-manager/models/toast-severity" { + export type ToastSeverity = 'Info' | 'Success' | 'Warning' | 'Error'; +} +declare module "services/toast-manager/ui/toast/toast" { + import { Component, h } from 'preact'; + import { ToastSeverity } from "services/toast-manager/models/toast-severity"; + export interface ToastProps { + id: string; + title: string; + text: string; + icon: any; + severity: ToastSeverity; + onClose: (id: string) => void; + onClick: () => void; + } + interface ToastState { + isShown: boolean; + } + export class Toast extends Component { + state: { + isShown: boolean; + }; + private _onClick; + private _onClose; + private _getToastSeverityClass; + render(): h.JSX.Element; + } +} +declare module "services/toast-manager/ui/toasts-container/toasts-container" { + import { Component, h } from 'preact'; + import { ToastProps } from "services/toast-manager/ui/toast/toast"; + export interface ToastsContainerProps { + toasts: ToastProps[]; + } + export class ToastsContainer extends Component { + render(): h.JSX.Element; + } +} +declare module "services/toast-manager/toast-manager" { + import { FloatingManager } from "services/floating-manager/floating-manager"; + import { ToastSeverity } from "services/toast-manager/models/toast-severity"; + export interface ToastManagerOptions { + floatingManager: FloatingManager; + } + export interface ToastItemData { + title: string; + text: string; + icon: any; + severity: ToastSeverity; + duration: number; + onClick: () => void; + } + export class ToastManager { + private options; + private _options; + private _toasts; + private _floatingItem; + constructor(options: ToastManagerOptions); + add(data: ToastItemData): void; + reset(): void; + private _startDurationTimer; + private _remove; + private _addToastsContainer; + private _removeToastsContainer; + private _updateToastsUI; + private _findToastIndexById; + } +} +declare module "services/banner-manager/models/banner-content" { + export interface BannerContent { + text: string; + title?: string; + icon?: any; + } +} +declare module "services/banner-manager/ui/banner/someone-asks-large" { + import { h } from 'preact'; + export const SomeoneAsksLarge: (props: any) => h.JSX.Element; +} +declare module "services/banner-manager/ui/banner/someone-asks-small" { + import { h } from 'preact'; + export const SomeoneAsksSmall: (props: any) => h.JSX.Element; +} +declare module "services/banner-manager/ui/banner/banner" { + import { Component, h } from 'preact'; + import { BannerContent } from "services/banner-manager/models/banner-content"; + export interface BannerProps { + content: BannerContent; + } + export class Banner extends Component { + render({ content }: BannerProps): h.JSX.Element; + private _defaultIcon; + } +} +declare module "services/banner-manager/ui/banner/index" { + export { Banner } from "services/banner-manager/ui/banner/banner"; +} +declare module "services/banner-manager/ui/banner-container/banner-container" { + import { Component, h } from 'preact'; + export interface BannerContainerProps { + onClose: () => void; + theme: BannerTheme; + } + interface BannerTheme { + backgroundColor: string; + blur: string; + } + export class BannerContainer extends Component { + render(props: BannerContainerProps): h.JSX.Element; + } +} +declare module "services/banner-manager/banner-manager" { + import { FloatingManager } from "services/floating-manager/floating-manager"; + import { FloatingItemProps } from "services/floating-manager/models/floating-item-data"; + import { ComponentChild } from 'preact'; + import { KalturaPlayer } from '@playkit-js/kaltura-player-js'; + import { BannerContent } from "services/banner-manager/models/banner-content"; + export interface BannerConfig { + theme: { + backgroundColor: string; + blur: string; + }; + } + export interface BannerOptions { + content: BannerContent; + autoClose?: boolean; + duration?: number; + renderContent?: (content: BannerContent, floatingItemProps: FloatingItemProps) => ComponentChild; + } + export interface BannerManagerOptions { + floatingManager: FloatingManager; + kalturaPlayer: KalturaPlayer; + } + export interface BannerState { + visibilityMode: VisibilityMode; + } + export enum VisibilityMode { + VISIBLE = "VISIBLE", + HIDDEN = "HIDDEN" + } + /** + * banner manager manages the display (add / remove) of a single banner in the player. + */ + export class BannerManager { + private options; + private _options; + private _floatingItem; + private _timerSubscription; + private _bannerConfig; + constructor(options: BannerManagerOptions); + add(props: BannerOptions): BannerState; + remove(): void; + reset(): void; + private _createRenderBanner; + private _handleCloseEvent; + private _startDurationTimer; + private _getState; + } +} +declare module "ui-managers" { + export const pluginName = "uiManagers"; } declare module "index" { }