@playkit-js/transcript 3.4.0 → 3.4.1-canary.5-8a9a5ea
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +8 -0
- package/dist/playkit-transcript.js +2 -1
- package/dist/playkit-transcript.js.LICENSE.txt +5 -0
- package/dist/playkit-transcript.js.map +1 -1
- package/package.json +4 -4
- package/src/components/icons/index.ts +0 -6
- package/src/components/popover-menu/index.ts +2 -0
- package/src/components/popover-menu/popover-menu.scss +76 -0
- package/src/components/popover-menu/popover-menu.tsx +173 -0
- package/src/components/transcript/transcript.scss +3 -6
- package/src/components/transcript/transcript.tsx +20 -5
- package/src/components/transcript-menu/index.ts +2 -0
- package/src/components/transcript-menu/transcript-menu.tsx +58 -0
- package/src/transcript-plugin.tsx +15 -64
- package/src/components/close-button/close-button.scss +0 -11
- package/src/components/close-button/index.tsx +0 -29
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,14 @@
|
|
|
2
2
|
|
|
3
3
|
All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
|
|
4
4
|
|
|
5
|
+
### [3.4.1-canary.5-8a9a5ea](https://github.com/kaltura/playkit-js-transcript/compare/v3.4.0...v3.4.1-canary.5-8a9a5ea) (2023-04-09)
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
### Bug Fixes
|
|
9
|
+
|
|
10
|
+
* **FEC-12957:** Transcript Plugin - move download transcript inside the plugin menu and "release" the download button. ([8a9a5ea](https://github.com/kaltura/playkit-js-transcript/commit/8a9a5ea20d1e1c1869a2833d30462c3c4b7a7029))
|
|
11
|
+
* **FEC-12957:** Transcript Plugin - move download transcript inside the plugin menu and "release" the download button. ([d2c93cc](https://github.com/kaltura/playkit-js-transcript/commit/d2c93cc2fdec3e5f8472aafde506d932bcc8b044))
|
|
12
|
+
|
|
5
13
|
## [3.4.0](https://github.com/kaltura/playkit-js-transcript/compare/v3.3.0...v3.4.0) (2023-03-22)
|
|
6
14
|
|
|
7
15
|
|
|
@@ -1,2 +1,3 @@
|
|
|
1
|
-
var KalturaPlayer;(()=>{var t={178:function(t,e,r){"use strict";var o,n=this&&this.__extends||(o=function(t,e){return o=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r])},o(t,e)},function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null");function r(){this.constructor=t}o(t,e),t.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}),a=this&&this.__assign||function(){return a=Object.assign||function(t){for(var e,r=1,o=arguments.length;r<o;r++)for(var n in e=arguments[r])Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t},a.apply(this,arguments)};Object.defineProperty(e,"__esModule",{value:!0}),e.InputField=void 0;var i=r(522),c=r(979),l=r(998),s=function(t){function e(e){var r=t.call(this,e)||this;return r.state={active:!1},r._inputRef=null,r.setFocus=function(t){var e;null===(e=r._inputRef)||void 0===e||e.focus(t)},r._handleOnChange=function(t){r.props.onChange(t.target.value)},r._onClear=function(){var t;null===(t=r._inputRef)||void 0===t||t.focus(),r.props.onChange("")},r._onFocus=function(){r.setState({active:!0})},r._onBlur=function(){r.setState({active:!1})},r._goToNextSearchResult=function(){var t=r.props.searchResults,e=t.activeSearchIndex,o=t.totalSearchResults,n=t.onSearchIndexChange;0!==o&&n(e!==o?e+1:1)},r._goToPrevSearchResult=function(){var t=r.props.searchResults,e=t.activeSearchIndex,o=t.totalSearchResults;(0,t.onSearchIndexChange)(1!==e?e-1:o)},r._renderSearchResults=function(){return(0,i.h)(i.Fragment,null,(0,i.h)("div",{className:l.searchResults,"aria-live":"polite","aria-label":r.props.searchResults.searchResultsLabel},"".concat(r.props.searchResults.totalSearchResults>0?"".concat(r.props.searchResults.activeSearchIndex,"/").concat(r.props.searchResults.totalSearchResults):"0/0")),(0,i.h)("div",{className:l.prevNextWrapper},r.props.value&&(0,i.h)(c.A11yWrapper,{onClick:r._goToPrevSearchResult},(0,i.h)("button",{tabIndex:0,className:"".concat(l.prevNextButton," ").concat(0===r.props.searchResults.totalSearchResults?l.disabled:""),"aria-label":r.props.searchResults.prevMatchLabel},(0,i.h)("svg",{width:"8",height:"5",viewBox:"0 0 8 5",fill:"none",xmlns:"http://www.w3.org/2000/svg"},(0,i.h)("path",{d:"M0.292893 4.70711C0.653377 5.06759 1.22061 5.09532 1.6129 4.7903L1.70711 4.70711L4 2.415L6.29289 4.70711C6.65338 5.06759 7.22061 5.09532 7.6129 4.7903L7.70711 4.70711C8.06759 4.34662 8.09532 3.77939 7.7903 3.3871L7.70711 3.29289L4.70711 0.292893C4.34662 -0.0675907 3.77939 -0.0953203 3.3871 0.209705L3.29289 0.292893L0.292893 3.29289C-0.0976311 3.68342 -0.0976311 4.31658 0.292893 4.70711Z",fill:"white","fill-opacity":"0.7"})))),r.props.value&&(0,i.h)(c.A11yWrapper,{onClick:r._goToNextSearchResult},(0,i.h)("button",{tabIndex:0,className:"".concat(l.prevNextButton," ").concat(0===r.props.searchResults.totalSearchResults?l.disabled:""),"aria-label":r.props.searchResults.nextMatchLabel},(0,i.h)("svg",{width:"8",height:"5",viewBox:"0 0 8 5",fill:"none",xmlns:"http://www.w3.org/2000/svg"},(0,i.h)("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M0.292893 0.292893C0.683417 -0.0976311 1.31658 -0.0976311 1.70711 0.292893L4 2.58579L6.29289 0.292893C6.68342 -0.0976311 7.31658 -0.0976311 7.70711 0.292893C8.09763 0.683417 8.09763 1.31658 7.70711 1.70711L4.70711 4.70711C4.31658 5.09763 3.68342 5.09763 3.29289 4.70711L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683417 0.292893 0.292893Z",fill:"white","fill-opacity":"0.7"}))))))},r._renderClearSearch=function(){return(0,i.h)(c.A11yWrapper,{onClick:r._onClear},(0,i.h)("button",{className:l.clearIcon,tabIndex:0,"aria-label":r.props.clearSearchLabel},(0,i.h)("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},(0,i.h)("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M6 12C9.31371 12 12 9.31371 12 6C12 2.68629 9.31371 0 6 0C2.68629 0 0 2.68629 0 6C0 9.31371 2.68629 12 6 12ZM3.38951 2.3502L3.46013 2.41264L5.99548 4.9504L8.53067 2.41264L8.60129 2.3502C8.89537 2.12125 9.32081 2.1418 9.59133 2.41199C9.8844 2.70471 9.88469 3.17958 9.59197 3.47265L7.05523 6.01165L9.59197 8.55189C9.88469 8.84496 9.8844 9.31983 9.59133 9.61255C9.32081 9.88275 8.89537 9.90329 8.60129 9.67434L8.53067 9.61191L5.99548 7.0729L3.46013 9.61191L3.38951 9.67434C3.09543 9.90329 2.66999 9.88275 2.39947 9.61255C2.1064 9.31983 2.10611 8.84496 2.39883 8.55189L4.93498 6.01165L2.39883 3.47265C2.10611 3.17958 2.1064 2.70471 2.39947 2.41199C2.66999 2.1418 3.09543 2.12125 3.38951 2.3502Z",fill:"white","fill-opacity":"0.7"}))))},r.state={active:!1},r}return n(e,t),e.prototype.render=function(){var t=this,e={className:l.inputElement,value:this.props.value,onInput:this._handleOnChange,onFocus:this._onFocus,onBlur:this._onBlur,tabIndex:0,ref:function(e){t._inputRef=e}};return this.props.placeholder&&(e["aria-label"]=this.props.placeholder,e.placeholder=this.props.placeholder),(0,i.h)("div",{className:[l.inputFieldWrapper,this.props.value||this.state.active?l.active:""].join(" ")},(0,i.h)("input",a({},e)),this.props.value&&this.props.clearSearchLabel&&this._renderClearSearch(),this.props.value&&this.props.searchResults&&this._renderSearchResults())},e}(i.Component);e.InputField=s},979:(t,e,r)=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.A11yWrapper=e.isKeyboardEvent=void 0;var o=r(522),n=KalturaPlayer.ui.utils.KeyMap,a=n.ENTER,i=n.SPACE,c=n.UP,l=n.DOWN,s=n.LEFT,p=n.RIGHT,u=function(t){t.preventDefault(),t.stopPropagation()};e.isKeyboardEvent=function(t){return t instanceof KeyboardEvent||[t.offsetX,t.offsetY].every((function(t){return 0===t}))},e.A11yWrapper=function(t){var r=t.children,n=t.onClick,d=t.onUpKeyPressed,_=t.onDownKeyPressed,h=t.onLeftKeyPressed,A=t.onRightKeyPressed,g=t.role,C=t.type,v={onKeyDown:function(t){[i,a].includes(t.keyCode)?(u(t),n(t,!0)):t.keyCode===c&&d?(u(t),d(t)):t.keyCode===l&&_?(u(t),_(t)):t.keyCode===s&&h?(u(t),h(t)):t.keyCode===p&&A&&(u(t),A(t))},onClick:function(t){t.stopPropagation(),n(t,(0,e.isKeyboardEvent)(t))},role:g};return"button"===r.type&&(v.type=C||"button"),(0,o.cloneElement)(r,v)},e.A11yWrapper.defaultProps={role:"button"}},707:(t,e,r)=>{"use strict";r.r(e),r.d(e,{default:()=>c});var o=r(559),n=r.n(o),a=r(476),i=r.n(a)()(n());i.push([t.id,".InputField__input-field-wrapper___K1QeS{display:flex;align-items:center;flex-grow:1;width:100%;max-width:599px;padding-right:8px;height:32px;border:solid 1px rgba(255,255,255,.4);border-radius:4px}.InputField__input-field-wrapper___K1QeS ::-moz-placeholder{opacity:1}.InputField__input-field-wrapper___K1QeS .InputField__search-results___PBRGr{display:flex;justify-content:flex-end;align-items:center;flex-shrink:0;margin:0 8px 0 6px;font-size:12px;text-overflow:ellipsis}.InputField__input-field-wrapper___K1QeS .InputField__prev-next-wrapper___zAxBA{display:flex;flex-direction:column;justify-content:space-around;max-height:100%;height:100%;width:8px;flex:0 0 8px}.InputField__input-field-wrapper___K1QeS .InputField__prev-next-wrapper___zAxBA .InputField__prev-next-button___HP7Me{display:flex;align-items:center;height:50%;padding:0;background-color:rgba(0,0,0,0);border:none;cursor:pointer}.InputField__input-field-wrapper___K1QeS .InputField__prev-next-wrapper___zAxBA .InputField__prev-next-button___HP7Me.InputField__disabled___GVLcH{opacity:.4;cursor:default}.InputField__input-field-wrapper___K1QeS .InputField__input-element___BAphE{width:100%;flex-grow:1;flex-shrink:1;font-size:15px;padding:0 6px 1px 6px;color:var(--playkit-tone-1-color);background:rgba(0,0,0,0);border:none;overflow:hidden;text-overflow:ellipsis}.InputField__input-field-wrapper___K1QeS .InputField__input-element___BAphE::placeholder{color:var(--playkit-tone-2-color)}.InputField__input-field-wrapper___K1QeS .InputField__input-element___BAphE::selection{background-color:var(--playkit-primary-brighter-color)}.InputField__input-field-wrapper___K1QeS .InputField__clear-icon___eTi3X{padding:0;flex:0 0 12px;max-width:12px;max-height:12px;background-color:rgba(0,0,0,0);width:12px;height:12px;outline-offset:4px;border:none;cursor:pointer}.InputField__input-field-wrapper___K1QeS:hover{border-color:#fff}.InputField__input-field-wrapper___K1QeS.InputField__active____D1qS{color:var(--playkit-tone-2-color);background:var(--playkit-tone-8-color);border-color:#fff}","",{version:3,sources:["webpack://./../node_modules/@playkit-js/common/dist/components/input-field/InputField.scss","webpack://./../node_modules/@playkit-js/common/dist/components/variables.scss","webpack://./../node_modules/@playkit-js/common/node_modules/@playkit-js/playkit-js-ui/src/styles/exported.scss"],names:[],mappings:"AAEA,yCAKE,YAAA,CACA,kBAAA,CACA,WAAA,CACA,UAAA,CACA,eAAA,CACA,iBAAA,CACA,WAAA,CACA,qCAAA,CACA,iBCZY,CAAA,4DDCV,SAAA,CAYF,6EACE,YAAA,CACA,wBAAA,CACA,kBAAA,CACA,aAAA,CACA,kBAAA,CACA,cAAA,CACA,sBAAA,CAEF,gFACE,YAAA,CACA,qBAAA,CACA,4BAAA,CACA,eAAA,CACA,WAAA,CACA,SAAA,CACA,YAAA,CACA,sHACE,YAAA,CACA,kBAAA,CACA,UAAA,CACA,SAAA,CACA,8BAAA,CACA,WAAA,CACA,cAAA,CACA,mJACE,UAAA,CACA,cAAA,CAIN,4EACE,UAAA,CACA,WAAA,CACA,aAAA,CACA,cAAA,CACA,qBAAA,CACA,iCEvBW,CFwBX,wBAAA,CACA,WAAA,CACA,eAAA,CACA,sBAAA,CACA,yFACE,iCE5BS,CF8BX,uFACE,sDEzDmB,CF4DvB,yEACE,SAAA,CACA,aAAA,CACA,cAAA,CACA,eAAA,CACA,8BAAA,CACA,UAAA,CACA,WAAA,CACA,kBAAA,CACA,WAAA,CACA,cAAA,CAEF,+CACE,iBCvEI,CDyEN,oEACE,iCElDW,CFmDX,sCE7CW,CF8CX,iBC5EI",sourcesContent:["@import '../variables.scss';\n\n.input-field-wrapper {\n ::-moz-placeholder {\n opacity: 1;\n }\n\n display: flex;\n align-items: center;\n flex-grow: 1;\n width: 100%;\n max-width: 599px;\n padding-right: 8px;\n height: 32px;\n border: solid 1px rgba(255, 255, 255, 0.4);\n border-radius: $roundness-1;\n .search-results {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n flex-shrink: 0;\n margin: 0 8px 0 6px;\n font-size: 12px;\n text-overflow: ellipsis;\n }\n .prev-next-wrapper {\n display: flex;\n flex-direction: column;\n justify-content: space-around;\n max-height: 100%;\n height: 100%;\n width: 8px;\n flex: 0 0 8px;\n .prev-next-button {\n display: flex;\n align-items: center;\n height: 50%;\n padding: 0;\n background-color: transparent;\n border: none;\n cursor: pointer;\n &.disabled {\n opacity: 0.4;\n cursor: default;\n }\n }\n }\n .input-element {\n width: 100%;\n flex-grow: 1;\n flex-shrink: 1;\n font-size: 15px;\n padding: 0 6px 1px 6px;\n color: $tone-1-color;\n background: transparent;\n border: none;\n overflow: hidden;\n text-overflow: ellipsis;\n &::placeholder {\n color: $tone-2-color;\n }\n &::selection {\n background-color: $primary-brighter-color;\n }\n }\n .clear-icon {\n padding: 0;\n flex: 0 0 12px;\n max-width: 12px;\n max-height: 12px;\n background-color: transparent;\n width: 12px;\n height: 12px;\n outline-offset: 4px;\n border: none;\n cursor: pointer;\n }\n &:hover {\n border-color: $white;\n }\n &.active {\n color: $tone-2-color;\n background: $tone-8-color;\n border-color: $white;\n }\n}\n","@import '~@playkit-js/playkit-js-ui';\n\n// border radius\n$roundness-1: 4px;\n$roundness-2: 8px;\n\n// colors\n$white: #ffffff;\n","// Sass variables exported using the npm package for plugins usage\n\n// Accent Colors\n$primary-color: var(--playkit-primary-color);\n$primary-darker-color: var(--playkit-primary-darker-color);\n$primary-brighter-color: var(--playkit-primary-brighter-color);\n$primary-text-contrast-color: var(--playkit-primary-text-contrast-color);\n\n$secondary-color: var(--playkit-secondary-color);\n$secondary-darker-color: var(--playkit-secondary-darker-color);\n$secondary-brighter-color: var(--playkit-secondary-brighter-color);\n$secondary-text-contrast-color: var(--playkit-secondary-text-contrast-color);\n\n// Acknowledgement Colors\n$success-color: var(--playkit-success-color);\n$success-darker-color: var(--playkit-success-darker-color);\n$success-brighter-color: var(--playkit-success-brighter-color);\n$success-text-contrast-color: var(--playkit-success-text-contrast-color);\n\n$danger-color: var(--playkit-danger-color);\n$danger-darker-color: var(--playkit-danger-darker-color);\n$danger-brighter-color: var(--playkit-danger-brighter-color);\n$danger-text-contrast-color: var(--playkit-danger-text-contrast-color);\n\n$warning-color: var(--playkit-warning-color);\n$warning-darker-color: var(--playkit-warning-darker-color);\n$warning-brighter-color: var(--playkit-warning-brighter-color);\n$warning-text-contrast-color: var(--playkit-warning-text-contrast-color);\n\n// Tone Ramp\n$tone-1-color: var(--playkit-tone-1-color);\n$tone-2-color: var(--playkit-tone-2-color);\n$tone-3-color: var(--playkit-tone-3-color);\n$tone-4-color: var(--playkit-tone-4-color);\n$tone-5-color: var(--playkit-tone-5-color);\n$tone-6-color: var(--playkit-tone-6-color);\n$tone-7-color: var(--playkit-tone-7-color);\n$tone-8-color: var(--playkit-tone-8-color);\n\n$live-color: var(--playkit-live-color);\n$player-background-color: var(--playkit-player-background-color);\n$tab-focus-color: var(--playkit-tab-focus-color);\n$tooltip-background-color: var(--playkit-tooltip-background-color);\n$tooltip-color: var(--playkit-tooltip-color);\n$ads-color: var(--playkit-ads-color);\n"],sourceRoot:""}]),i.locals={"input-field-wrapper":"InputField__input-field-wrapper___K1QeS",inputFieldWrapper:"InputField__input-field-wrapper___K1QeS","search-results":"InputField__search-results___PBRGr",searchResults:"InputField__search-results___PBRGr","prev-next-wrapper":"InputField__prev-next-wrapper___zAxBA",prevNextWrapper:"InputField__prev-next-wrapper___zAxBA","prev-next-button":"InputField__prev-next-button___HP7Me",prevNextButton:"InputField__prev-next-button___HP7Me",disabled:"InputField__disabled___GVLcH","input-element":"InputField__input-element___BAphE",inputElement:"InputField__input-element___BAphE","clear-icon":"InputField__clear-icon___eTi3X",clearIcon:"InputField__clear-icon___eTi3X",active:"InputField__active____D1qS"};const c=i},42:(t,e,r)=>{"use strict";r.r(e),r.d(e,{default:()=>c});var o=r(559),n=r.n(o),a=r(476),i=r.n(a)()(n());i.push([t.id,".autoscroll-button__autoscroll-button___WBkBE{opacity:0;position:absolute;right:12px;bottom:25px;width:32px;height:32px;padding:4px;border-radius:4px;border:none;box-shadow:0px 1px .75px rgba(0,0,0,.42),0px 1px .5px rgba(0,0,0,.25),0px 2px 3px rgba(0,0,0,.2);background-color:var(--playkit-primary-darker-color);cursor:pointer;z-index:1}.autoscroll-button__autoscroll-button___WBkBE.autoscroll-button__autoscroll-button-visible___ZHUf1{opacity:1}","",{version:3,sources:["webpack://./components/autoscroll-button/autoscroll-button.scss","webpack://./variables.scss","webpack://./../node_modules/@playkit-js/playkit-js-ui/src/styles/exported.scss"],names:[],mappings:"AAEA,8CACE,SAAA,CACA,iBAAA,CACA,UAAA,CACA,WAAA,CACA,UAAA,CACA,WAAA,CACA,WAAA,CACA,iBCPY,CDQZ,WAAA,CACA,gGAAA,CACA,oDETqB,CFUrB,cAAA,CACA,SAAA,CACA,mGACE,SAAA",sourcesContent:["@import '../../variables.scss';\n\n.autoscroll-button {\n opacity: 0;\n position: absolute;\n right: 12px;\n bottom: 25px;\n width: 32px;\n height: 32px;\n padding: 4px;\n border-radius: $roundness-1;\n border: none;\n box-shadow: 0px 1px 0.75px rgba(0, 0, 0, 0.42), 0px 1px 0.5px rgba(0, 0, 0, 0.25), 0px 2px 3px rgba(0, 0, 0, 0.2);\n background-color: $primary-darker-color;\n cursor: pointer;\n z-index: 1;\n &.autoscroll-button-visible {\n opacity: 1;\n }\n}\n","@import '~@playkit-js/playkit-js-ui';\n\n// border radius\n$roundness-1: 4px;\n$roundness-3: 16px;\n\n@mixin plugin-scrollbar {\n &::-webkit-scrollbar {\n width: 4px;\n }\n &::-webkit-scrollbar-track {\n background: rgba(33, 33, 33, 0.9);\n }\n &::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background-color: rgba(255, 255, 255, 0.3);\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:""}]),i.locals={"autoscroll-button":"autoscroll-button__autoscroll-button___WBkBE",autoscrollButton:"autoscroll-button__autoscroll-button___WBkBE","autoscroll-button-visible":"autoscroll-button__autoscroll-button-visible___ZHUf1",autoscrollButtonVisible:"autoscroll-button__autoscroll-button-visible___ZHUf1"};const c=i},828:(t,e,r)=>{"use strict";r.r(e),r.d(e,{default:()=>c});var o=r(559),n=r.n(o),a=r(476),i=r.n(a)()(n());i.push([t.id,".captionList__transcript-wrapper___Omf8T{position:absolute;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-right:9px}","",{version:3,sources:["webpack://./components/caption-list/captionList.scss"],names:[],mappings:"AAAA,yCACE,iBAAA,CACA,UAAA,CACA,YAAA,CACA,qBAAA,CACA,kBAAA,CACA,sBAAA,CACA,iBAAA",sourcesContent:[".transcript-wrapper {\n position: absolute;\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding-right: 9px;\n}\n"],sourceRoot:""}]),i.locals={"transcript-wrapper":"captionList__transcript-wrapper___Omf8T",transcriptWrapper:"captionList__transcript-wrapper___Omf8T"};const c=i},116:(t,e,r)=>{"use strict";r.r(e),r.d(e,{default:()=>c});var o=r(559),n=r.n(o),a=r(476),i=r.n(a)()(n());i.push([t.id,".caption__caption___v5MZY{display:flex;justify-content:space-between;width:100%;margin-bottom:9px;margin-left:8px;color:var(--playkit-tone-1-color)}.caption__caption___v5MZY .caption__caption-time___N5cw5{flex-shrink:1;min-width:48px;align-items:flex-start;margin-right:8px;padding-top:2px;text-align:right;font-size:12px;color:var(--playkit-tone-2-color)}.caption__caption___v5MZY .caption__caption-content___F1WTh{flex-grow:1;font-size:14px;line-height:18px;text-align:left;user-select:text}.caption__caption___v5MZY .caption__caption-content___F1WTh:hover .caption__caption-span___cTewu{background-color:var(--playkit-tone-6-color)}.caption__caption___v5MZY .caption__caption-content___F1WTh:hover.caption__highlighted___ikaKW .caption__caption-span___cTewu{background-color:var(--playkit-primary-darker-color);padding:0 2px}.caption__caption___v5MZY .caption__caption-content___F1WTh.caption__highlighted___ikaKW .caption__caption-span___cTewu{color:var(--playkit-primary-text-contrast-color);background-color:var(--playkit-primary-color);padding:0 2px}.caption__caption___v5MZY .caption__caption-content___F1WTh.caption__without-time___v7BWT{margin-left:16px}.caption__caption___v5MZY .caption__caption-content___F1WTh .caption__caption-span___cTewu{user-select:text;-ms-user-select:text;border-radius:2px;cursor:pointer}.caption__caption___v5MZY .caption__caption-content___F1WTh .caption__caption-span___cTewu::selection{background-color:var(--playkit-primary-brighter-color);padding:0 2px}.caption__caption___v5MZY .caption__caption-content___F1WTh .caption__caption-span___cTewu>span::selection{background-color:var(--playkit-primary-brighter-color)}.caption__caption___v5MZY .caption__caption-content___F1WTh .caption__highlight-search___Rc4qg{color:var(--playkit-secondary-text-contrast-color);background-color:var(--playkit-secondary-color);border-radius:2px}.caption__caption___v5MZY .caption__caption-content___F1WTh .caption__highlight-search___Rc4qg::selection{background-color:var(--playkit-primary-brighter-color)}.caption__caption___v5MZY .caption__caption-content___F1WTh .caption__active-search___yoZOD{color:var(--playkit-secondary-text-contrast-color);background-color:var(--playkit-primary-darker-color);border-radius:2px}.caption__caption___v5MZY .caption__caption-content___F1WTh .caption__active-search___yoZOD::selection{background-color:var(--playkit-primary-brighter-color)}","",{version:3,sources:["webpack://./components/caption/caption.scss","webpack://./../node_modules/@playkit-js/playkit-js-ui/src/styles/exported.scss"],names:[],mappings:"AAEA,0BACE,YAAA,CACA,6BAAA,CACA,UAAA,CACA,iBAAA,CACA,eAAA,CACA,iCCsBa,CDrBb,yDACE,aAAA,CACA,cAAA,CACA,sBAAA,CACA,gBAAA,CACA,eAAA,CACA,gBAAA,CACA,cAAA,CACA,iCCcW,CDZb,4DACE,WAAA,CACA,cAAA,CACA,gBAAA,CACA,eAAA,CACA,gBAAA,CAEE,iGACE,4CCQO,CDLP,8HACE,oDC3Ba,CD4Bb,aAAA,CAKJ,wHACE,gDChCsB,CDiCtB,6CCpCQ,CDqCR,aAAA,CAGJ,0FACE,gBAAA,CAEF,2FACE,gBAAA,CACA,oBAAA,CACA,iBAAA,CACA,cAAA,CACA,sGACE,sDC/CiB,CDgDjB,aAAA,CAEF,2GACE,sDCnDiB,CDsDrB,+FACE,kDCjD0B,CDkD1B,+CCrDY,CDsDZ,iBAAA,CACA,0GACE,sDC3DiB,CD8DrB,4FACE,kDCzD0B,CD0D1B,oDCjEiB,CDkEjB,iBAAA,CACA,uGACE,sDCnEiB",sourcesContent:["@import '../../variables.scss';\n\n.caption {\n display: flex;\n justify-content: space-between;\n width: 100%;\n margin-bottom: 9px;\n margin-left: 8px;\n color: $tone-1-color;\n .caption-time {\n flex-shrink: 1;\n min-width: 48px;\n align-items: flex-start;\n margin-right: 8px;\n padding-top: 2px;\n text-align: right;\n font-size: 12px;\n color: $tone-2-color;\n }\n .caption-content {\n flex-grow: 1;\n font-size: 14px;\n line-height: 18px;\n text-align: left;\n user-select: text;\n &:hover {\n .caption-span {\n background-color: $tone-6-color;\n }\n &.highlighted {\n .caption-span {\n background-color: $primary-darker-color;\n padding: 0 2px;\n }\n }\n }\n &.highlighted {\n .caption-span {\n color: $primary-text-contrast-color;\n background-color: $primary-color;\n padding: 0 2px;\n }\n }\n &.without-time {\n margin-left: 16px;\n }\n .caption-span {\n user-select: text;\n -ms-user-select: text;\n border-radius: 2px;\n cursor: pointer;\n &::selection {\n background-color: $primary-brighter-color;\n padding: 0 2px;\n }\n & > span::selection {\n background-color: $primary-brighter-color;\n }\n }\n .highlight-search {\n color: $secondary-text-contrast-color;\n background-color: $secondary-color;\n border-radius: 2px;\n &::selection {\n background-color: $primary-brighter-color;\n }\n }\n .active-search {\n color: $secondary-text-contrast-color;\n background-color: $primary-darker-color;\n border-radius: 2px;\n &::selection {\n background-color: $primary-brighter-color;\n }\n }\n }\n}\n","// Sass variables exported using the npm package for plugins usage\n\n// Accent Colors\n$primary-color: var(--playkit-primary-color);\n$primary-darker-color: var(--playkit-primary-darker-color);\n$primary-brighter-color: var(--playkit-primary-brighter-color);\n$primary-text-contrast-color: var(--playkit-primary-text-contrast-color);\n\n$secondary-color: var(--playkit-secondary-color);\n$secondary-darker-color: var(--playkit-secondary-darker-color);\n$secondary-brighter-color: var(--playkit-secondary-brighter-color);\n$secondary-text-contrast-color: var(--playkit-secondary-text-contrast-color);\n\n// Acknowledgement Colors\n$success-color: var(--playkit-success-color);\n$success-darker-color: var(--playkit-success-darker-color);\n$success-brighter-color: var(--playkit-success-brighter-color);\n$success-text-contrast-color: var(--playkit-success-text-contrast-color);\n\n$danger-color: var(--playkit-danger-color);\n$danger-darker-color: var(--playkit-danger-darker-color);\n$danger-brighter-color: var(--playkit-danger-brighter-color);\n$danger-text-contrast-color: var(--playkit-danger-text-contrast-color);\n\n$warning-color: var(--playkit-warning-color);\n$warning-darker-color: var(--playkit-warning-darker-color);\n$warning-brighter-color: var(--playkit-warning-brighter-color);\n$warning-text-contrast-color: var(--playkit-warning-text-contrast-color);\n\n// Tone Ramp\n$tone-1-color: var(--playkit-tone-1-color);\n$tone-2-color: var(--playkit-tone-2-color);\n$tone-3-color: var(--playkit-tone-3-color);\n$tone-4-color: var(--playkit-tone-4-color);\n$tone-5-color: var(--playkit-tone-5-color);\n$tone-6-color: var(--playkit-tone-6-color);\n$tone-7-color: var(--playkit-tone-7-color);\n$tone-8-color: var(--playkit-tone-8-color);\n\n$live-color: var(--playkit-live-color);\n$player-background-color: var(--playkit-player-background-color);\n$tab-focus-color: var(--playkit-tab-focus-color);\n$tooltip-background-color: var(--playkit-tooltip-background-color);\n$tooltip-color: var(--playkit-tooltip-color);\n$ads-color: var(--playkit-ads-color);\n"],sourceRoot:""}]),i.locals={caption:"caption__caption___v5MZY","caption-time":"caption__caption-time___N5cw5",captionTime:"caption__caption-time___N5cw5","caption-content":"caption__caption-content___F1WTh",captionContent:"caption__caption-content___F1WTh","caption-span":"caption__caption-span___cTewu",captionSpan:"caption__caption-span___cTewu",highlighted:"caption__highlighted___ikaKW","without-time":"caption__without-time___v7BWT",withoutTime:"caption__without-time___v7BWT","highlight-search":"caption__highlight-search___Rc4qg",highlightSearch:"caption__highlight-search___Rc4qg","active-search":"caption__active-search___yoZOD",activeSearch:"caption__active-search___yoZOD"};const c=i},492:(t,e,r)=>{"use strict";r.r(e),r.d(e,{default:()=>c});var o=r(559),n=r.n(o),a=r(476),i=r.n(a)()(n());i.push([t.id,".close-button__close-btn___vnv2i{position:absolute;top:20px;right:14px;width:24px;height:24px;padding:0;background-color:rgba(0,0,0,0);border:none;cursor:pointer}","",{version:3,sources:["webpack://./components/close-button/close-button.scss"],names:[],mappings:"AAAA,iCACE,iBAAA,CACA,QAAA,CACA,UAAA,CACA,UAAA,CACA,WAAA,CACA,SAAA,CACA,8BAAA,CACA,WAAA,CACA,cAAA",sourcesContent:[".close-btn {\n position: absolute;\n top: 20px;\n right: 14px;\n width: 24px;\n height: 24px;\n padding: 0;\n background-color: transparent;\n border: none;\n cursor: pointer;\n}\n"],sourceRoot:""}]),i.locals={"close-btn":"close-button__close-btn___vnv2i",closeBtn:"close-button__close-btn___vnv2i"};const c=i},958:(t,e,r)=>{"use strict";r.r(e),r.d(e,{default:()=>c});var o=r(559),n=r.n(o),a=r(476),i=r.n(a)()(n());i.push([t.id,".plugin-button__pluginButton___hbzoA.plugin-button__active___pVKh2{background-color:var(--playkit-tone-6-color)}","",{version:3,sources:["webpack://./components/plugin-button/plugin-button.scss","webpack://./../node_modules/@playkit-js/playkit-js-ui/src/styles/exported.scss"],names:[],mappings:"AAGE,mEACE,4CC+BW",sourcesContent:["@import '../../variables.scss';\n\n.pluginButton {\n &.active {\n background-color: $tone-6-color;\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:""}]),i.locals={pluginButton:"plugin-button__pluginButton___hbzoA",active:"plugin-button__active___pVKh2"};const c=i},586:(t,e,r)=>{"use strict";r.r(e),r.d(e,{default:()=>c});var o=r(559),n=r.n(o),a=r(476),i=r.n(a)()(n());i.push([t.id,".spinner__transcript-loader___SzsWJ{display:flex;flex-direction:column;height:100%;width:100%;color:var(--playkit-tone-3-color);margin:0;animation:spinner__frame-bounce___nmvI_ 2s infinite ease-in-out;overflow:hidden}.spinner__transcript-loader___SzsWJ svg{flex-shrink:0}@keyframes spinner__frame-bounce___nmvI_{0%,100%{opacity:.1}50%{opacity:.25}}","",{version:3,sources:["webpack://./components/spinner/spinner.scss","webpack://./../node_modules/@playkit-js/playkit-js-ui/src/styles/exported.scss"],names:[],mappings:"AAEA,oCACE,YAAA,CACA,qBAAA,CACA,WAAA,CACA,UAAA,CACA,iCCyBa,CDxBb,QAAA,CACA,+DAAA,CACA,eAAA,CACA,wCACE,aAAA,CAIJ,yCACE,QAEE,UAAA,CAEF,IACE,WAAA,CAAA",sourcesContent:["@import '../../variables.scss';\n\n.transcript-loader {\n display: flex;\n flex-direction: column;\n height: 100%;\n width: 100%;\n color: $tone-3-color;\n margin: 0;\n animation: frame-bounce 2s infinite ease-in-out;\n overflow: hidden;\n svg {\n flex-shrink: 0;\n }\n}\n\n@keyframes frame-bounce {\n 0%,\n 100% {\n opacity: 0.1;\n }\n 50% {\n opacity: 0.25;\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:""}]),i.locals={"transcript-loader":"spinner__transcript-loader___SzsWJ",transcriptLoader:"spinner__transcript-loader___SzsWJ","frame-bounce":"spinner__frame-bounce___nmvI_",frameBounce:"spinner__frame-bounce___nmvI_"};const c=i},17:(t,e,r)=>{"use strict";r.r(e),r.d(e,{default:()=>c});var o=r(559),n=r.n(o),a=r(476),i=r.n(a)()(n());i.push([t.id,".transcript__hidden___uGO_Y{visibility:hidden}.transcript__root___SEZlz{display:flex;justify-content:center;padding:16px 4px 0px 0px;color:var(--playkit-tone-1-color);height:100%;width:100%;position:absolute;background:rgba(0,0,0,.6);backdrop-filter:blur(8px);z-index:1}.transcript__root___SEZlz .transcript__skip-transcript-button___fQwQC{position:absolute;top:-1000px;z-index:1;display:flex;align-items:center;justify-content:center;width:120px;height:32px;border-radius:16px;box-shadow:0 2px 8px 0 rgba(0,0,0,.3);border:solid 1px var(--playkit-primary-color);background-color:var(--playkit-tone-7-color);font-size:15px;line-height:1.27;color:var(--playkit-tone-1-color)}.transcript__root___SEZlz .transcript__skip-transcript-button___fQwQC:focus{top:56px;right:12px;outline:none !important}.transcript__root___SEZlz *{font-family:sans-serif;font-style:normal}.transcript__global-container___Sn7v8{height:100%;display:flex;flex-direction:column;max-width:599px;width:100%}.transcript__header___AgZkl{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:8px;padding-left:16px;font-size:16px}.transcript__header___AgZkl.transcript__small-width___XW2fb{padding-right:44px}.transcript__header___AgZkl.transcript__medium-width___jz_hP{padding-right:22px}.transcript__body___jTlBG{position:relative;padding-top:1px;flex:1;width:100%;overflow-y:auto;text-align:center;overflow-x:hidden}.transcript__body___jTlBG::-webkit-scrollbar{width:4px}.transcript__body___jTlBG::-webkit-scrollbar-track{background:rgba(33,33,33,.9)}.transcript__body___jTlBG::-webkit-scrollbar-thumb{border-radius:3px;background-color:rgba(255,255,255,.3)}.transcript__error-wrapper___Qe39U{height:100%;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--playkit-tone-3-color)}.transcript__error-wrapper___Qe39U .transcript__error-icon___no0DO{width:100%;height:100%;max-width:184px;max-height:184px;background-size:contain;background-repeat:no-repeat;background-position:center}.transcript__error-wrapper___Qe39U .transcript__error-main-text___VIVvd{font-size:1.3em;margin-top:8px;margin-bottom:2px}.transcript__error-wrapper___Qe39U .transcript__error-description-text___gg6yo{margin:0}.transcript__error-wrapper___Qe39U .transcript__retry-button___wCycN{width:36px;display:block;padding:0;margin:4px auto 0 auto;border:none;background:inherit;color:#fff;cursor:pointer}","",{version:3,sources:["webpack://./components/transcript/transcript.scss","webpack://./../node_modules/@playkit-js/playkit-js-ui/src/styles/exported.scss","webpack://./variables.scss"],names:[],mappings:"AAEA,4BACE,iBAAA,CAGF,0BACE,YAAA,CACA,sBAAA,CACA,wBAAA,CACA,iCCoBa,CDnBb,WAAA,CACA,UAAA,CACA,iBAAA,CACA,yBAAA,CACA,yBAAA,CACA,SAAA,CACA,sEACE,iBAAA,CACA,WAAA,CACA,SAAA,CACA,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,WAAA,CACA,WAAA,CACA,kBEtBU,CFuBV,qCAAA,CACA,6CAAA,CACA,4CCOW,CDNX,cAAA,CACA,gBAAA,CACA,iCCFW,CDGX,4EACE,QAAA,CACA,UAAA,CACA,uBAAA,CAIJ,4BACE,sBAAA,CACA,iBAAA,CAIJ,sCACE,WAAA,CACA,YAAA,CACA,qBAAA,CACA,eAAA,CACA,UAAA,CAGF,4BACE,YAAA,CACA,kBAAA,CACA,6BAAA,CACA,UAAA,CACA,iBAAA,CACA,iBAAA,CACA,cAAA,CACA,4DACE,kBAAA,CAEF,6DACE,kBAAA,CAIJ,0BACE,iBAAA,CACA,eAAA,CACA,MAAA,CACA,UAAA,CACA,eAAA,CACA,iBAAA,CACA,iBAAA,CEtEA,6CACE,SAAA,CAEF,mDACE,4BAAA,CAEF,mDACE,iBAAA,CACA,qCAAA,CFkEJ,mCACE,WAAA,CACA,UAAA,CACA,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,qBAAA,CACA,iCCxDa,CDyDb,mEACE,UAAA,CACA,WAAA,CACA,eAAA,CACA,gBAAA,CACA,uBAAA,CACA,2BAAA,CACA,0BAAA,CAEF,wEACE,eAAA,CACA,cAAA,CACA,iBAAA,CAEF,+EACE,QAAA,CAEF,qEACE,UAAA,CACA,aAAA,CACA,SAAA,CACA,sBAAA,CACA,WAAA,CACA,kBAAA,CACA,UAAA,CACA,cAAA",sourcesContent:["@import '../../variables.scss';\n\n.hidden {\n visibility: hidden;\n}\n\n.root {\n display: flex;\n justify-content: center;\n padding: 16px 4px 0px 0px;\n color: $tone-1-color;\n height: 100%;\n width: 100%;\n position: absolute;\n background: rgba(0, 0, 0, 0.6);\n backdrop-filter: blur(8px);\n z-index: 1;\n .skip-transcript-button {\n position: absolute;\n top: -1000px;\n z-index: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 120px;\n height: 32px;\n border-radius: $roundness-3;\n box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3);\n border: solid 1px $primary-color;\n background-color: $tone-7-color;\n font-size: 15px;\n line-height: 1.27;\n color: $tone-1-color;\n &:focus {\n top: 56px;\n right: 12px;\n outline: none !important; // prevent focus styles inherited from playkit-player.playkit-nav\n }\n }\n\n * {\n font-family: sans-serif;\n font-style: normal;\n }\n}\n\n.global-container {\n height: 100%;\n display: flex;\n flex-direction: column;\n max-width: 599px;\n width: 100%;\n}\n\n.header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n margin-bottom: 8px;\n padding-left: 16px;\n font-size: 16px;\n &.small-width {\n padding-right: 44px;\n }\n &.medium-width {\n padding-right: 22px;\n }\n}\n\n.body {\n position: relative;\n padding-top: 1px;\n flex: 1;\n width: 100%;\n overflow-y: auto;\n text-align: center;\n overflow-x: hidden;\n @include plugin-scrollbar();\n}\n\n.error-wrapper {\n height: 100%;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n color: $tone-3-color;\n .error-icon {\n width: 100%;\n height: 100%;\n max-width: 184px;\n max-height: 184px;\n background-size: contain;\n background-repeat: no-repeat;\n background-position: center;\n }\n .error-main-text {\n font-size: 1.3em;\n margin-top: 8px;\n margin-bottom: 2px;\n }\n .error-description-text {\n margin: 0;\n }\n .retry-button {\n width: 36px;\n display: block;\n padding: 0;\n margin: 4px auto 0 auto;\n border: none;\n background: inherit;\n color: white;\n cursor: pointer;\n }\n}\n","// Sass variables exported using the npm package for plugins usage\n\n// Accent Colors\n$primary-color: var(--playkit-primary-color);\n$primary-darker-color: var(--playkit-primary-darker-color);\n$primary-brighter-color: var(--playkit-primary-brighter-color);\n$primary-text-contrast-color: var(--playkit-primary-text-contrast-color);\n\n$secondary-color: var(--playkit-secondary-color);\n$secondary-darker-color: var(--playkit-secondary-darker-color);\n$secondary-brighter-color: var(--playkit-secondary-brighter-color);\n$secondary-text-contrast-color: var(--playkit-secondary-text-contrast-color);\n\n// Acknowledgement Colors\n$success-color: var(--playkit-success-color);\n$success-darker-color: var(--playkit-success-darker-color);\n$success-brighter-color: var(--playkit-success-brighter-color);\n$success-text-contrast-color: var(--playkit-success-text-contrast-color);\n\n$danger-color: var(--playkit-danger-color);\n$danger-darker-color: var(--playkit-danger-darker-color);\n$danger-brighter-color: var(--playkit-danger-brighter-color);\n$danger-text-contrast-color: var(--playkit-danger-text-contrast-color);\n\n$warning-color: var(--playkit-warning-color);\n$warning-darker-color: var(--playkit-warning-darker-color);\n$warning-brighter-color: var(--playkit-warning-brighter-color);\n$warning-text-contrast-color: var(--playkit-warning-text-contrast-color);\n\n// Tone Ramp\n$tone-1-color: var(--playkit-tone-1-color);\n$tone-2-color: var(--playkit-tone-2-color);\n$tone-3-color: var(--playkit-tone-3-color);\n$tone-4-color: var(--playkit-tone-4-color);\n$tone-5-color: var(--playkit-tone-5-color);\n$tone-6-color: var(--playkit-tone-6-color);\n$tone-7-color: var(--playkit-tone-7-color);\n$tone-8-color: var(--playkit-tone-8-color);\n\n$live-color: var(--playkit-live-color);\n$player-background-color: var(--playkit-player-background-color);\n$tab-focus-color: var(--playkit-tab-focus-color);\n$tooltip-background-color: var(--playkit-tooltip-background-color);\n$tooltip-color: var(--playkit-tooltip-color);\n$ads-color: var(--playkit-ads-color);\n","@import '~@playkit-js/playkit-js-ui';\n\n// border radius\n$roundness-1: 4px;\n$roundness-3: 16px;\n\n@mixin plugin-scrollbar {\n &::-webkit-scrollbar {\n width: 4px;\n }\n &::-webkit-scrollbar-track {\n background: rgba(33, 33, 33, 0.9);\n }\n &::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background-color: rgba(255, 255, 255, 0.3);\n }\n}\n"],sourceRoot:""}]),i.locals={hidden:"transcript__hidden___uGO_Y",root:"transcript__root___SEZlz","skip-transcript-button":"transcript__skip-transcript-button___fQwQC",skipTranscriptButton:"transcript__skip-transcript-button___fQwQC","global-container":"transcript__global-container___Sn7v8",globalContainer:"transcript__global-container___Sn7v8",header:"transcript__header___AgZkl","small-width":"transcript__small-width___XW2fb",smallWidth:"transcript__small-width___XW2fb","medium-width":"transcript__medium-width___jz_hP",mediumWidth:"transcript__medium-width___jz_hP",body:"transcript__body___jTlBG","error-wrapper":"transcript__error-wrapper___Qe39U",errorWrapper:"transcript__error-wrapper___Qe39U","error-icon":"transcript__error-icon___no0DO",errorIcon:"transcript__error-icon___no0DO","error-main-text":"transcript__error-main-text___VIVvd",errorMainText:"transcript__error-main-text___VIVvd","error-description-text":"transcript__error-description-text___gg6yo",errorDescriptionText:"transcript__error-description-text___gg6yo","retry-button":"transcript__retry-button___wCycN",retryButton:"transcript__retry-button___wCycN"};const c=i},476:t=>{"use strict";t.exports=function(t){var e=[];return e.toString=function(){return this.map((function(e){var r="",o=void 0!==e[5];return e[4]&&(r+="@supports (".concat(e[4],") {")),e[2]&&(r+="@media ".concat(e[2]," {")),o&&(r+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),r+=t(e),o&&(r+="}"),e[2]&&(r+="}"),e[4]&&(r+="}"),r})).join("")},e.i=function(t,r,o,n,a){"string"==typeof t&&(t=[[null,t,void 0]]);var i={};if(o)for(var c=0;c<this.length;c++){var l=this[c][0];null!=l&&(i[l]=!0)}for(var s=0;s<t.length;s++){var p=[].concat(t[s]);o&&i[p[0]]||(void 0!==a&&(void 0===p[5]||(p[1]="@layer".concat(p[5].length>0?" ".concat(p[5]):""," {").concat(p[1],"}")),p[5]=a),r&&(p[2]?(p[1]="@media ".concat(p[2]," {").concat(p[1],"}"),p[2]=r):p[2]=r),n&&(p[4]?(p[1]="@supports (".concat(p[4],") {").concat(p[1],"}"),p[4]=n):p[4]="".concat(n)),e.push(p))}},e}},559:t=>{"use strict";t.exports=function(t){var e=t[1],r=t[3];if(!r)return e;if("function"==typeof btoa){var o=btoa(unescape(encodeURIComponent(JSON.stringify(r)))),n="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(o),a="/*# ".concat(n," */"),i=r.sources.map((function(t){return"/*# sourceURL=".concat(r.sourceRoot||"").concat(t," */")}));return[e].concat(i).concat([a]).join("\n")}return[e].join("\n")}},998:(t,e,r)=>{var o=r(892),n=r(707);"string"==typeof(n=n.__esModule?n.default:n)&&(n=[[t.id,n,""]]);o(n,{insert:"head",singleton:!1}),t.exports=n.locals||{}},457:(t,e,r)=>{var o=r(892),n=r(42);"string"==typeof(n=n.__esModule?n.default:n)&&(n=[[t.id,n,""]]);o(n,{insert:"head",singleton:!1}),t.exports=n.locals||{}},44:(t,e,r)=>{var o=r(892),n=r(828);"string"==typeof(n=n.__esModule?n.default:n)&&(n=[[t.id,n,""]]);o(n,{insert:"head",singleton:!1}),t.exports=n.locals||{}},930:(t,e,r)=>{var o=r(892),n=r(116);"string"==typeof(n=n.__esModule?n.default:n)&&(n=[[t.id,n,""]]);o(n,{insert:"head",singleton:!1}),t.exports=n.locals||{}},338:(t,e,r)=>{var o=r(892),n=r(492);"string"==typeof(n=n.__esModule?n.default:n)&&(n=[[t.id,n,""]]);o(n,{insert:"head",singleton:!1}),t.exports=n.locals||{}},364:(t,e,r)=>{var o=r(892),n=r(958);"string"==typeof(n=n.__esModule?n.default:n)&&(n=[[t.id,n,""]]);o(n,{insert:"head",singleton:!1}),t.exports=n.locals||{}},863:(t,e,r)=>{var o=r(892),n=r(586);"string"==typeof(n=n.__esModule?n.default:n)&&(n=[[t.id,n,""]]);o(n,{insert:"head",singleton:!1}),t.exports=n.locals||{}},513:(t,e,r)=>{var o=r(892),n=r(17);"string"==typeof(n=n.__esModule?n.default:n)&&(n=[[t.id,n,""]]);o(n,{insert:"head",singleton:!1}),t.exports=n.locals||{}},892:(t,e,r)=>{"use strict";var o,n=function(){var t={};return function(e){if(void 0===t[e]){var r=document.querySelector(e);if(window.HTMLIFrameElement&&r instanceof window.HTMLIFrameElement)try{r=r.contentDocument.head}catch(t){r=null}t[e]=r}return t[e]}}(),a=[];function i(t){for(var e=-1,r=0;r<a.length;r++)if(a[r].identifier===t){e=r;break}return e}function c(t,e){for(var r={},o=[],n=0;n<t.length;n++){var c=t[n],l=e.base?c[0]+e.base:c[0],s=r[l]||0,p="".concat(l," ").concat(s);r[l]=s+1;var u=i(p),d={css:c[1],media:c[2],sourceMap:c[3]};-1!==u?(a[u].references++,a[u].updater(d)):a.push({identifier:p,updater:A(d,e),references:1}),o.push(p)}return o}function l(t){var e=document.createElement("style"),o=t.attributes||{};if(void 0===o.nonce){var a=r.nc;a&&(o.nonce=a)}if(Object.keys(o).forEach((function(t){e.setAttribute(t,o[t])})),"function"==typeof t.insert)t.insert(e);else{var i=n(t.insert||"head");if(!i)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");i.appendChild(e)}return e}var s,p=(s=[],function(t,e){return s[t]=e,s.filter(Boolean).join("\n")});function u(t,e,r,o){var n=r?"":o.media?"@media ".concat(o.media," {").concat(o.css,"}"):o.css;if(t.styleSheet)t.styleSheet.cssText=p(e,n);else{var a=document.createTextNode(n),i=t.childNodes;i[e]&&t.removeChild(i[e]),i.length?t.insertBefore(a,i[e]):t.appendChild(a)}}function d(t,e,r){var o=r.css,n=r.media,a=r.sourceMap;if(n?t.setAttribute("media",n):t.removeAttribute("media"),a&&"undefined"!=typeof btoa&&(o+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(a))))," */")),t.styleSheet)t.styleSheet.cssText=o;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(o))}}var _=null,h=0;function A(t,e){var r,o,n;if(e.singleton){var a=h++;r=_||(_=l(e)),o=u.bind(null,r,a,!1),n=u.bind(null,r,a,!0)}else r=l(e),o=d.bind(null,r,e),n=function(){!function(t){if(null===t.parentNode)return!1;t.parentNode.removeChild(t)}(r)};return o(t),function(e){if(e){if(e.css===t.css&&e.media===t.media&&e.sourceMap===t.sourceMap)return;o(t=e)}else n()}}t.exports=function(t,e){(e=e||{}).singleton||"boolean"==typeof e.singleton||(e.singleton=(void 0===o&&(o=Boolean(window&&document&&document.all&&!window.atob)),o));var r=c(t=t||[],e);return function(t){if(t=t||[],"[object Array]"===Object.prototype.toString.call(t)){for(var o=0;o<r.length;o++){var n=i(r[o]);a[n].references--}for(var l=c(t,e),s=0;s<r.length;s++){var p=i(r[s]);0===a[p].references&&(a[p].updater(),a.splice(p,1))}r=l}}}},901:(t,e,r)=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.AutoscrollButton=void 0;var o=r(522),n=r(457),a=r(979),i=KalturaPlayer.ui.preacti18n,c=i.withText,l=i.Text,s=KalturaPlayer.ui.components.Tooltip,p={autoScrollLabel:(0,o.h)(l,{id:"transcript.auto_scroll"},"Resume AutoScroll")};e.AutoscrollButton=c(p)((function(t){var e=t.onClick,r=t.isAutoScrollEnabled,i=t.setAutoscrollButtonRef,c=t.autoScrollLabel;return(0,o.h)(a.A11yWrapper,{onClick:e},(0,o.h)("div",{className:"".concat(n.autoscrollButton," ").concat(r?"":n.autoscrollButtonVisible),tabIndex:r?-1:1,"aria-label":c,ref:i},(0,o.h)(s,{label:c,type:"left"},(0,o.h)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},(0,o.h)("path",{d:"M6.29289 15.2929C6.65338 14.9324 7.22061 14.9047 7.6129 15.2097L7.70711 15.2929L12 19.585L16.2929 15.2929C16.6534 14.9324 17.2206 14.9047 17.6129 15.2097L17.7071 15.2929C18.0676 15.6534 18.0953 16.2206 17.7903 16.6129L17.7071 16.7071L12.7071 21.7071C12.3466 22.0676 11.7794 22.0953 11.3871 21.7903L11.2929 21.7071L6.29289 16.7071C5.90237 16.3166 5.90237 15.6834 6.29289 15.2929Z",fill:"white"}),(0,o.h)("path",{d:"M17.7071 8.70711C17.3466 9.06759 16.7794 9.09532 16.3871 8.7903L16.2929 8.70711L12 4.415L7.70711 8.70711C7.34662 9.06759 6.77939 9.09532 6.3871 8.79029L6.29289 8.70711C5.93241 8.34662 5.90468 7.77939 6.2097 7.3871L6.29289 7.29289L11.2929 2.29289C11.6534 1.93241 12.2206 1.90468 12.6129 2.2097L12.7071 2.29289L17.7071 7.29289C18.0976 7.68342 18.0976 8.31658 17.7071 8.70711Z",fill:"white"}),(0,o.h)("rect",{x:"10",y:"10",width:"4",height:"4",rx:"2",fill:"white"})))))}))},99:function(t,e,r){"use strict";var o=this&&this.__createBinding||(Object.create?function(t,e,r,o){void 0===o&&(o=r);var n=Object.getOwnPropertyDescriptor(e,r);n&&!("get"in n?!e.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return e[r]}}),Object.defineProperty(t,o,n)}:function(t,e,r,o){void 0===o&&(o=r),t[o]=e[r]}),n=this&&this.__exportStar||function(t,e){for(var r in t)"default"===r||Object.prototype.hasOwnProperty.call(e,r)||o(e,t,r)};Object.defineProperty(e,"__esModule",{value:!0}),n(r(901),e)},291:function(t,e,r){"use strict";var o,n=this&&this.__extends||(o=function(t,e){return o=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r])},o(t,e)},function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null");function r(){this.constructor=t}o(t,e),t.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}),a=this&&this.__assign||function(){return a=Object.assign||function(t){for(var e,r=1,o=arguments.length;r<o;r++)for(var n in e=arguments[r])Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t},a.apply(this,arguments)};Object.defineProperty(e,"__esModule",{value:!0}),e.CaptionList=void 0;var i=r(522),c=r(539),l=r(734),s=r(44),p=KalturaPlayer.ui.utils.KeyMap,u=p.END,d=p.HOME,_=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e._currentCaptionRef=null,e._firstCaptionRef=null,e._lastCaptionRef=null,e._handleClick=function(t){return function(){(0,e.props.onSeek)(t)}},e._getShouldScroll=function(t){var r=e.props,o=r.isAutoScrollEnabled,n=r.highlightedMap;return o&&n[t]},e._getShouldScrollToSearchMatch=function(t){var r=e.props,o=r.isAutoScrollEnabled,n=r.searchMap,a=r.activeSearchIndex;return!o&&n[t]&&void 0!==n[t][a]},e._getSearchProps=function(t){var r=e.props,o=r.searchMap,n=r.activeSearchIndex,a=r.captionProps,i={};return o[t]&&(i.indexMap=o[t],i.activeSearchIndex=n,i.searchLength=a.searchLength),i},e._getCaptionProps=function(t){var r=e.props,o=r.highlightedMap,n=r.captionProps,i=r.isAutoScrollEnabled,l=t.id;return a({showTime:n.showTime,scrollTo:n.scrollTo,scrollToSearchMatch:n.scrollToSearchMatch,key:l,onClick:e._handleClick(t),caption:t,highlighted:o,longerThanHour:n.videoDuration>=c.HOUR,shouldScroll:e._getShouldScroll(l),shouldScrollToSearchMatch:e._getShouldScrollToSearchMatch(l),isAutoScrollEnabled:i},e._getSearchProps(l))},e._handleKeyUp=function(t){var r,o,n,a;t.keyCode===u?null===(o=null===(r=e._lastCaptionRef)||void 0===r?void 0:r._hotspotRef)||void 0===o||o.focus():t.keyCode===d&&(null===(a=null===(n=e._firstCaptionRef)||void 0===n?void 0:n._hotspotRef)||void 0===a||a.focus())},e}return n(e,t),e.prototype.shouldComponentUpdate=function(t){var e=this.props,r=e.highlightedMap,o=e.data,n=e.searchMap,a=e.activeSearchIndex,i=e.isAutoScrollEnabled,c=e.captionProps;return r!==t.highlightedMap||o!==t.data||n!==t.searchMap||a!==t.activeSearchIndex||i!==t.isAutoScrollEnabled||c.videoDuration!==t.captionProps.videoDuration},e.prototype.render=function(){var t=this,e=this.props.data;return(0,i.h)("div",{className:s.transcriptWrapper,onKeyUp:this._handleKeyUp,"aria-live":"polite"},e.map((function(r,o){var n=t._getCaptionProps(r);return(0,i.h)(l.Caption,a({ref:function(a){0===o?t._firstCaptionRef=a:o===e.length-1&&(t._lastCaptionRef=a),n.highlighted[r.id]&&(t._currentCaptionRef=a)}},n))})))},e}(i.Component);e.CaptionList=_},271:function(t,e,r){"use strict";var o=this&&this.__createBinding||(Object.create?function(t,e,r,o){void 0===o&&(o=r);var n=Object.getOwnPropertyDescriptor(e,r);n&&!("get"in n?!e.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return e[r]}}),Object.defineProperty(t,o,n)}:function(t,e,r,o){void 0===o&&(o=r),t[o]=e[r]}),n=this&&this.__exportStar||function(t,e){for(var r in t)"default"===r||Object.prototype.hasOwnProperty.call(e,r)||o(e,t,r)};Object.defineProperty(e,"__esModule",{value:!0}),n(r(291),e)},348:function(t,e,r){"use strict";var o,n=this&&this.__extends||(o=function(t,e){return o=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r])},o(t,e)},function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null");function r(){this.constructor=t}o(t,e),t.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}),a=this&&this.__assign||function(){return a=Object.assign||function(t){for(var e,r=1,o=arguments.length;r<o;r++)for(var n in e=arguments[r])Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t},a.apply(this,arguments)};Object.defineProperty(e,"__esModule",{value:!0}),e.Caption=void 0;var i=r(522),c=r(979),l=r(539),s=r(930),p=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e._hotspotRef=null,e.state={focused:!1},e._handleKeyDown=function(t,r){r&&(t.preventDefault(),e._gotoCurrentTime())},e._handleClick=function(t){var r;t.stopPropagation(),null===(r=e._hotspotRef)||void 0===r||r.focus(),e._gotoCurrentTime()},e._gotoCurrentTime=function(){var t=e.props,r=t.caption,o=t.onClick;r.text.length&&o()},e._renderText=function(t){var r=e.props,o=r.activeSearchIndex,n=r.searchLength,a=r.indexMap,c=[];return a&&(c=Object.keys(a).sort((function(t,e){return Number(t)-Number(e)}))),0===(null==t?void 0:t.length)?null:(0,i.h)("span",{className:s.captionSpan},a?c.map((function(e,r){var l=0===r?t.substring(0,a[e]):"",p=t.substring(a[e],a[e]+n),u=t.substring(a[e]+n,r-1===c.length?t.length:a[c[r+1]]);return(0,i.h)("span",null,l,(0,i.h)("span",{className:Number(e)===o?s.activeSearch:s.highlightSearch},p),u)})):t)},e._handleFocus=function(){e.setState({focused:!0})},e._handleBlur=function(){e.setState({focused:!1})},e}return n(e,t),e.prototype.componentDidUpdate=function(){this._hotspotRef&&this.props.shouldScroll?this.props.scrollTo(this._hotspotRef):this._hotspotRef&&this.props.shouldScrollToSearchMatch&&this.props.scrollToSearchMatch(this._hotspotRef)},e.prototype.shouldComponentUpdate=function(t,e){var r=this.props,o=r.indexMap,n=r.highlighted,a=r.isAutoScrollEnabled,i=r.activeSearchIndex,c=r.longerThanHour;return r.caption,c!==t.longerThanHour||n!==t.highlighted||this.state.focused!==e.focused||!(!n||a===t.isAutoScrollEnabled)||o!==t.indexMap||!(!o||!t.indexMap||o[i]===t.indexMap[t.activeSearchIndex])},e.prototype.render=function(){var t=this,e=this.props,r=e.caption,o=e.highlighted,n=e.showTime,p=e.longerThanHour,u=r.startTime,d=r.id,_=Object.keys(o)[0]===d,h={ariaCurrent:_,onFocus:this._handleFocus,onBlur:this._handleBlur,tabIndex:0,ariaHidden:!(_||this.state.focused)};return(0,i.h)(c.A11yWrapper,{onClick:this._handleKeyDown,role:_?"text":"listitem"},(0,i.h)("div",a({className:s.caption,ref:function(e){t._hotspotRef=e}},h),n&&(0,i.h)("div",{className:s.captionTime},(0,l.secontsToTime)(u,p)),(0,i.h)("div",{onClick:this._handleClick,className:"".concat(s.captionContent," ").concat(_?s.highlighted:""," ").concat(n?"":s.withoutTime)},this._renderText(r.text))))},e}(i.Component);e.Caption=p},734:function(t,e,r){"use strict";var o=this&&this.__createBinding||(Object.create?function(t,e,r,o){void 0===o&&(o=r);var n=Object.getOwnPropertyDescriptor(e,r);n&&!("get"in n?!e.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return e[r]}}),Object.defineProperty(t,o,n)}:function(t,e,r,o){void 0===o&&(o=r),t[o]=e[r]}),n=this&&this.__exportStar||function(t,e){for(var r in t)"default"===r||Object.prototype.hasOwnProperty.call(e,r)||o(e,t,r)};Object.defineProperty(e,"__esModule",{value:!0}),n(r(348),e)},743:(t,e,r)=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.CloseButton=void 0;var o=r(522),n=r(338),a=r(979),i=r(293),c=KalturaPlayer.ui.components.Icon,l=KalturaPlayer.ui.preacti18n,s=l.withText,p=l.Text,u={closeLabel:(0,o.h)(p,{id:"transcript.hide_plugin"},"Hide Transcript")};e.CloseButton=s(u)((function(t){return(0,o.h)(a.A11yWrapper,{onClick:t.onClick},(0,o.h)("button",{className:n.closeBtn,tabIndex:0,"aria-label":t.closeLabel,"data-testid":"transcriptCloseButton"},(0,o.h)(c,{id:"transcript-plugin-close-button",height:i.icons.BigSize,width:i.icons.BigSize,viewBox:"0 0 ".concat(i.icons.BigSize," ").concat(i.icons.BigSize),path:i.icons.CLOSE_ICON})))}))},293:(t,e)=>{"use strict";var r;Object.defineProperty(e,"__esModule",{value:!0}),e.icons=void 0,(r=e.icons||(e.icons={})).PLUGIN_ICON="M23.1111111,19 C23.6020309,19 24,19.4477153 24,20 C24,20.5522847 23.6020309,21 23.1111111,21 L8.88888889,21 C8.39796911,21 8,20.5522847 8,20 C8,19.4477153 8.39796911,19 8.88888889,19 L23.1111111,19 Z M24.8695652,3 C26.5984566,3 28,4.24720677 28,5.78571429 L28,26.2142857 C28,27.7527932 26.5984566,29 24.8695652,29 L7.13043478,29 C5.40154339,29 4,27.7527932 4,26.2142857 L4,5.78571429 C4,4.24720677 5.40154339,3 7.13043478,3 L24.8695652,3 Z M26,17 L6,17 L6,26.0833333 C6,26.5895944 6.47127921,27 7.05263158,27 L24.9473684,27 C25.5287208,27 26,26.5895944 26,26.0833333 L26,17 Z M8.88888889,23 L23.1111111,23 C23.6020309,23 24,23.4477153 24,24 C24,24.5128358 23.6568532,24.9355072 23.2147743,24.9932723 L23.1111111,25 L8.88888889,25 C8.39796911,25 8,24.5522847 8,24 C8,23.4871642 8.34314684,23.0644928 8.78522567,23.0067277 L8.88888889,23 L23.1111111,23 L8.88888889,23 Z M24.9473684,5 L7.05263158,5 C6.47127921,5 6,5.41040565 6,5.91666667 L6,15 L26,15 L26,5.91666667 C26,5.41040565 25.5287208,5 24.9473684,5 Z",r.CLOSE_ICON="M17.9113162,16 L24.6072325,9.30408374 C25.1313645,8.77995172 25.1287183,7.92687249 24.6009229,7.3990771 C24.0694478,6.86760201 23.220227,6.86845682 22.6959163,7.39276754 L16,14.0886838 L9.30408374,7.39276754 C8.77995172,6.86863552 7.92687249,6.8712817 7.3990771,7.3990771 C6.86760201,7.93055219 6.86845682,8.77977302 7.39276754,9.30408374 L14.0886838,16 L7.39276754,22.6959163 C6.86863552,23.2200483 6.8712817,24.0731275 7.3990771,24.6009229 C7.93055219,25.132398 8.77977302,25.1315432 9.30408374,24.6072325 L16,17.9113162 L22.6959163,24.6072325 C23.2200483,25.1313645 24.0731275,25.1287183 24.6009229,24.6009229 C25.132398,24.0694478 25.1315432,23.220227 24.6072325,22.6959163 L17.9113162,16 Z",r.DOWNLOAD_ICON="M26,25 C26.5522847,25 27,25.4477153 27,26 C27,26.5522847 26.5522847,27 26,27 L26,27 L7,27 C6.44771525,27 6,26.5522847 6,26 C6,25.4477153 6.44771525,25 7,25 L7,25 Z M15.897,20.797 L15.817,20.73 L15.8163834,20.7298413 L8.34305882,13.7298413 C7.93997861,13.3522902 7.91928313,12.7194636 8.29683417,12.3163834 C8.67438521,11.9133032 9.30721188,11.8926077 9.71029209,12.2701587 L15.4996721,17.693 L15.5,6 C15.5,5.48716416 15.8860402,5.06449284 16.3833789,5.00672773 L16.5,5 C17.0522847,5 17.5,5.44771525 17.5,6 L17.4996721,17.694 L23.2951711,12.2699211 C23.6673663,11.9215418 24.2352038,11.9125649 24.6172049,12.230382 L24.7086128,12.3166371 C25.0860237,12.7198486 25.0651082,13.352668 24.6618968,13.7300789 L17.1833629,20.7300789 L17.1610165,20.7503813 L17.1610165,20.7503813 C17.1421868,20.7669999 17.1224361,20.7831339 17.102079,20.7985075 C17.0891381,20.8082894 17.0764369,20.8174134 17.0635772,20.826204 C17.0434306,20.8399634 17.0223437,20.8532674 17.0007451,20.8657864 C16.9872099,20.8736423 16.9734873,20.8811624 16.959633,20.8883367 L16.8877511,20.9220455 L16.8877511,20.9220455 C16.8756318,20.927087 16.8632234,20.9320132 16.8507409,20.9366814 C16.83028,20.9444208 16.8097352,20.9513578 16.7889039,20.9576336 C16.7705976,20.9630349 16.752126,20.968019 16.7335525,20.9724647 C16.6585039,20.9905214 16.5803589,21 16.5,21 C16.4170842,21 16.3365254,20.9899086 16.2594848,20.9708871 C16.2500284,20.9684434 16.2399293,20.9657886 16.2298654,20.9629733 C16.2028024,20.9554899 16.1769173,20.947049 16.1515197,20.9376057 C16.1370523,20.9321598 16.1223107,20.9262914 16.1076867,20.9200585 C16.0832011,20.9096448 16.0596143,20.8984375 16.036557,20.886357 C16.025923,20.8807972 16.0148138,20.8747205 16.0037984,20.8684173 C15.9792921,20.8543502 15.955966,20.8396537 15.9333153,20.8240474 L15.898,20.798 L15.897,20.797 Z M15.867,20.774 L15.888,20.79 L15.8735171,20.7794831 L15.8735171,20.7794831 L15.867,20.774 Z M15.817,20.73 L15.9035191,20.8027045 C15.8784859,20.7840722 15.8543541,20.7642966 15.831201,20.7434548 L15.817,20.73 Z",r.PRINT_ICON="M21,3 C22.0543618,3 22.9181651,3.81587779 22.9945143,4.85073766 L23,5 L23,9 L26,9 C27.1045695,9 28,9.8954305 28,11 L28,21 C28,22.1045695 27.1045695,23 26,23 L23,23 L23,28 C23,29.1045695 22.1045695,30 21,30 L11,30 C9.8954305,30 9,29.1045695 9,28 L9,23 L6,23 C4.8954305,23 4,22.1045695 4,21 L4,11 C4,9.8954305 4.8954305,9 6,9 L9,9 L9,5 C9,3.9456382 9.81587779,3.08183488 10.8507377,3.00548574 L11,3 L21,3 Z M21,19 L11,19 L11,28 L21,28 L21,19 Z M26,11 L6,11 L6,21 L9,21 L9,19 C8.44771525,19 8,18.5522847 8,18 C8,17.4477153 8.44771525,17 9,17 L23,17 C23.5522847,17 24,17.4477153 24,18 C24,18.5522847 23.5522847,19 23,19 L23,21 L26,21 L26,11 Z M21,5 L11,5 L11,9 L21,9 L21,5 Z",r.BigSize=32,r.MediumSize=24,r.SmallSize=16},351:(t,e,r)=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.PluginButton=void 0;var o=r(522),n=r(364),a=r(978),i=r(293),c=r(979),l=KalturaPlayer.ui.components,s=l.Tooltip,p=l.Icon;e.PluginButton=function(t){var e=t.isActive,r=t.onClick,l=t.label,u=t.id,d=t.icon,_=t.dataTestId,h=t.setRef;return(0,o.h)(s,{label:l,type:"bottom"},(0,o.h)(c.A11yWrapper,{onClick:r},(0,o.h)("button",{ref:function(t){h&&h(t)},"aria-label":l,className:[a.ui.style.upperBarIcon,n.pluginButton,e?n.active:""].join(" "),"data-testid":_},(0,o.h)(p,{id:u,height:i.icons.BigSize,width:i.icons.BigSize,viewBox:"0 0 ".concat(i.icons.BigSize," ").concat(i.icons.BigSize),path:d}))))},e.PluginButton.defaultProps={dataTestId:"transcript_pluginButton"}},517:function(t,e,r){"use strict";var o=this&&this.__createBinding||(Object.create?function(t,e,r,o){void 0===o&&(o=r);var n=Object.getOwnPropertyDescriptor(e,r);n&&!("get"in n?!e.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return e[r]}}),Object.defineProperty(t,o,n)}:function(t,e,r,o){void 0===o&&(o=r),t[o]=e[r]}),n=this&&this.__exportStar||function(t,e){for(var r in t)"default"===r||Object.prototype.hasOwnProperty.call(e,r)||o(e,t,r)};Object.defineProperty(e,"__esModule",{value:!0}),n(r(372),e)},372:function(t,e,r){"use strict";var o,n=this&&this.__extends||(o=function(t,e){return o=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r])},o(t,e)},function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null");function r(){this.constructor=t}o(t,e),t.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)});Object.defineProperty(e,"__esModule",{value:!0}),e.Search=void 0;var a=r(522),i=r(178),c=KalturaPlayer.ui.preacti18n,l=c.withText,s=c.Text,p=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e._inputField=null,e}return n(e,t),e.prototype.shouldComponentUpdate=function(t){var e=this.props,r=e.value,o=e.activeSearchIndex,n=e.totalSearchResults,a=e.kitchenSinkActive;return r!==t.value||o!==t.activeSearchIndex||n!==t.totalSearchResults||a!==t.kitchenSinkActive},e.prototype.componentDidUpdate=function(t){var e,r=this.props,o=r.kitchenSinkActive,n=r.toggledWithEnter;!t.kitchenSinkActive&&o&&n&&(null===(e=this._inputField)||void 0===e||e.setFocus({preventScroll:!0}))},e.prototype.render=function(){var t=this,e=this.props,r=e.value,o=e.totalSearchResults,n=e.activeSearchIndex,c=e.onChange,l=e.onSearchIndexChange;return(0,a.h)(i.InputField,{ref:function(e){t._inputField=e},value:r,onChange:c,placeholder:this.props.searchLabel,clearSearchLabel:this.props.clearSearchLabel,searchResults:{activeSearchIndex:n,totalSearchResults:o,onSearchIndexChange:l,nextMatchLabel:this.props.nextMatchLabel,prevMatchLabel:this.props.prevMatchLabel,searchResultsLabel:this.props.searchResultsLabel}})},e}(a.Component);e.Search=l((function(t){var e=t.activeSearchIndex,r=t.totalSearchResults;return{searchLabel:(0,a.h)(s,{id:"transcript.search"},"Search in Transcript"),clearSearchLabel:(0,a.h)(s,{id:"transcript.clear_search"},"Clear search"),nextMatchLabel:(0,a.h)(s,{id:"transcript.next_search_match"},"Next"),prevMatchLabel:(0,a.h)(s,{id:"transcript.prev_search_match"},"Previous"),searchResultsLabel:(0,a.h)(s,{id:"transcript.prev_search_match",fields:{current:r>0?e:0,total:r}},"Result ".concat(r>0?e:0," of ").concat(r))}}))(p)},797:function(t,e,r){"use strict";var o=this&&this.__createBinding||(Object.create?function(t,e,r,o){void 0===o&&(o=r);var n=Object.getOwnPropertyDescriptor(e,r);n&&!("get"in n?!e.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return e[r]}}),Object.defineProperty(t,o,n)}:function(t,e,r,o){void 0===o&&(o=r),t[o]=e[r]}),n=this&&this.__exportStar||function(t,e){for(var r in t)"default"===r||Object.prototype.hasOwnProperty.call(e,r)||o(e,t,r)};Object.defineProperty(e,"__esModule",{value:!0}),n(r(350),e)},350:function(t,e,r){"use strict";var o,n=this&&this.__extends||(o=function(t,e){return o=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r])},o(t,e)},function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null");function r(){this.constructor=t}o(t,e),t.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)});Object.defineProperty(e,"__esModule",{value:!0}),e.Spinner=void 0;var a=r(522),i=r(863),c=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.render=function(){return(0,a.h)("div",{className:i.transcriptLoader},Array.apply(null,Array(20)).map((function(t,e){return(0,a.h)("svg",{key:e,width:"100%",height:"50",viewBox:"0 0 100% 50",fill:"none",xmlns:"http://www.w3.org/2000/svg"},(0,a.h)("rect",{x:"16",y:"8",width:"90%",height:"12",rx:"4",fill:"white"}),(0,a.h)("rect",{x:"16",y:"30",width:"60%",height:"12",rx:"4",fill:"white"}))})))},e}(a.Component);e.Spinner=c},536:(t,e,r)=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.ErrorIcon=void 0;var o=r(522);e.ErrorIcon=function(){return(0,o.h)("svg",{width:"184px",height:"184px",viewBox:"0 0 184 184",version:"1.1",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink"},(0,o.h)("g",{id:"IL/-Error",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},(0,o.h)("circle",{id:"Oval",fill:"#333333",cx:"92",cy:"92",r:"92"}),(0,o.h)("path",{d:"M86.8445942,41 C98.1281098,41 107.894768,46.3707345 112.610486,54.1896075 L112.772795,54.4651697 C121.905986,54.9935965 129.089492,60.510023 129.089492,67.2372881 C129.089492,67.4828605 129.07992,67.7268193 129.06103,67.9689809 C143.527428,69.1244669 154.803778,78.4637688 154.803778,89.8135593 C154.803778,101.945102 141.920543,111.779661 126.028268,111.779661 C122.218304,111.779661 118.581281,111.214432 115.253251,110.187831 C110.482744,111.936312 104.172429,113 97.2527575,113 C90.6076765,113 84.5245506,112.019057 79.8270144,110.392971 C76.2815407,111.290993 72.4601472,111.779661 68.4772473,111.779661 C49.8799037,111.779661 34.8037779,101.125556 34.8037779,87.9830508 C34.8037779,77.4055553 44.569383,68.439928 58.0766538,65.3432099 C58.0715743,65.1615713 58.069084,64.9793312 58.069084,64.7966102 C58.069084,51.6541053 70.9523188,41 86.8445942,41 Z",id:"Combined-Shape",fill:"#1A7080"}),(0,o.h)("path",{d:"M83.1492849,135.070223 C82.1325765,138.189187 86.1421275,140.443183 88.278329,137.95355 L112.039401,110.261242 C113.708897,108.315531 112.326427,105.307692 109.76264,105.307692 L102.55417,105.307692 L108.530391,92.2483573 C109.439682,90.2613598 107.987631,88 105.802461,88 L90.6745782,88 C89.4360625,88 88.3248534,88.7610908 87.8773011,89.9159147 L79.0065008,112.805338 C78.2445332,114.771451 79.6951774,116.889423 81.8037779,116.889423 L89.0757959,116.889423 L83.1492849,135.070223 Z",id:"Path-8",fill:"#333333","fill-rule":"nonzero"}),(0,o.h)("polygon",{id:"Path-8",fill:"#999999",points:"90.6745782 91 81.8037779 113.889423 93.2090926 113.889423 86.0015674 136 109.76264 108.307692 97.8821035 108.307692 105.802461 91"}),(0,o.h)("polygon",{id:"Path-8",fill:"#01ACCD",opacity:"0.5",points:"90.6745782 91 81.8037779 113.889423 93.2090926 113.889423 86.0015674 136 109.76264 108.307692 97.8821035 108.307692 105.802461 91"}),(0,o.h)("path",{d:"M86.9135883,41 C90.3885178,41 93.7197752,41.5049061 96.8044095,42.4302153 C80.0521708,44.2102049 67.0736479,56.714855 67.0736479,71.8761372 C67.0736479,72.1038764 67.0765763,72.331016 67.0824019,72.557529 C51.5088979,76.3414085 40.1641521,87.1546035 39.7216459,99.9991784 C36.6015945,96.4151247 34.8037779,92.202078 34.8037779,87.6945045 C34.8037779,77.1820037 44.5822685,68.2714617 58.1073807,65.1937351 C58.1024214,65.013137 58.0999284,64.8320391 58.0999284,64.6504633 C58.0999284,51.5886731 71.0002433,41 86.9135883,41 Z",id:"Combined-Shape",fill:"#222222",opacity:"0.3"}),(0,o.h)("path",{d:"M90.8028945,22 L90.8028945,29.0476864 C90.8028945,29.5999712 91.2506097,30.0476864 91.8028945,30.0476864 C92.3551792,30.0476864 92.8028945,29.5999712 92.8028945,29.0476864 L92.8028945,22 C92.8028945,21.4477153 92.3551792,21 91.8028945,21 C91.2506097,21 90.8028945,21.4477153 90.8028945,22 Z M126.112197,30.8515352 L121.582032,36.2503762 C121.22703,36.6734508 121.282214,37.3042064 121.705288,37.6592082 C122.128363,38.01421 122.759119,37.9590261 123.114121,37.5359514 L127.644286,32.1371104 C127.999288,31.7140357 127.944104,31.0832801 127.521029,30.7282783 C127.097955,30.3732765 126.467199,30.4284605 126.112197,30.8515352 Z M152.431974,58.6783398 L145.491357,59.9021577 C144.947463,59.9980609 144.584295,60.5167193 144.680198,61.0606136 C144.776101,61.6045079 145.294759,61.9676764 145.838654,61.8717732 L152.77927,60.6479553 C153.323164,60.552052 153.686333,60.0333936 153.59043,59.4894993 C153.494526,58.945605 152.975868,58.5824365 152.431974,58.6783398 Z M30.826519,60.6479553 L37.7671352,61.8717732 C38.3110295,61.9676764 38.8296879,61.6045079 38.9255912,61.0606136 C39.0214944,60.5167193 38.6583259,59.9980609 38.1144316,59.9021577 L31.1738154,58.6783398 C30.6299211,58.5824365 30.1112627,58.945605 30.0153594,59.4894993 C29.9194562,60.0333936 30.2826247,60.552052 30.826519,60.6479553 Z M55.9615029,32.1371104 L60.4916684,37.5359514 C60.8466702,37.9590261 61.4774258,38.01421 61.9005005,37.6592082 C62.3235751,37.3042064 62.3787591,36.6734508 62.0237573,36.2503762 L57.4935918,30.8515352 C57.13859,30.4284605 56.5078344,30.3732765 56.0847597,30.7282783 C55.6616851,31.0832801 55.6065011,31.7140357 55.9615029,32.1371104 Z",id:"Path-9",fill:"#01ACCD","fill-rule":"nonzero",opacity:"0.5"}),(0,o.h)("g",{id:"Oval-Copy-5",opacity:"0.3",transform:"translate(80.000000, 166.000000)",fill:"#01ACCD"},(0,o.h)("path",{d:"M3.3015873,6.64864865 C5.12500362,6.64864865 6.6031746,5.16029795 6.6031746,3.32432432 C6.6031746,1.4883507 5.12500362,-5.32907052e-15 3.3015873,-5.32907052e-15 C1.47817098,-5.32907052e-15 1.07647224e-12,1.4883507 1.07647224e-12,3.32432432 C1.07647224e-12,5.16029795 1.47817098,6.64864865 3.3015873,6.64864865 Z M3.3015873,4.64864865 C2.5858248,4.64864865 2,4.05878945 2,3.32432432 C2,2.5898592 2.5858248,2 3.3015873,2 C4.0173498,2 4.6031746,2.5898592 4.6031746,3.32432432 C4.6031746,4.05878945 4.0173498,4.64864865 3.3015873,4.64864865 Z",id:"Oval-Copy-3"})),(0,o.h)("g",{id:"Path-Copy-4",opacity:"0.9",transform:"translate(100.000000, 146.000000)",fill:"#01ACCD"},(0,o.h)("polygon",{id:"Path-Copy-2",points:"5.5 2.5 8 2.5 8 5.5 5.5 5.5 5.5 8 2.5 8 2.5 5.5 0 5.5 0 2.5 2.5 2.5 2.5 0 5.5 0"})),(0,o.h)("g",{id:"Oval-2",opacity:"0.5",transform:"translate(39.000000, 115.000000)",fill:"#01ACCD"},(0,o.h)("path",{d:"M3.3015873,6.64864865 C5.12500362,6.64864865 6.6031746,5.16029795 6.6031746,3.32432432 C6.6031746,1.4883507 5.12500362,0 3.3015873,0 C1.47817098,0 1.08002496e-12,1.4883507 1.08002496e-12,3.32432432 C1.08002496e-12,5.16029795 1.47817098,6.64864865 3.3015873,6.64864865 Z M3.3015873,4.64864865 C2.5858248,4.64864865 2,4.05878945 2,3.32432432 C2,2.5898592 2.5858248,2 3.3015873,2 C4.0173498,2 4.6031746,2.5898592 4.6031746,3.32432432 C4.6031746,4.05878945 4.0173498,4.64864865 3.3015873,4.64864865 Z",id:"Oval"})),(0,o.h)("g",{id:"Oval-Copy-4",opacity:"0.8",transform:"translate(60.000000, 139.000000)",fill:"#01ACCD"},(0,o.h)("path",{d:"M3.3015873,6.64864865 C5.12500362,6.64864865 6.6031746,5.16029795 6.6031746,3.32432432 C6.6031746,1.4883507 5.12500362,1.42108547e-14 3.3015873,1.42108547e-14 C1.47817098,1.42108547e-14 1.08002496e-12,1.4883507 1.08002496e-12,3.32432432 C1.08002496e-12,5.16029795 1.47817098,6.64864865 3.3015873,6.64864865 Z M3.3015873,4.64864865 C2.5858248,4.64864865 2,4.05878945 2,3.32432432 C2,2.5898592 2.5858248,2 3.3015873,2 C4.0173498,2 4.6031746,2.5898592 4.6031746,3.32432432 C4.6031746,4.05878945 4.0173498,4.64864865 3.3015873,4.64864865 Z",id:"Oval-Copy"})),(0,o.h)("g",{id:"Path-Copy-3",opacity:"0.3",transform:"translate(31.000000, 142.000000)",fill:"#01ACCD"},(0,o.h)("polygon",{id:"Path-Copy",points:"5.5 2.5 8 2.5 8 5.5 5.5 5.5 5.5 8 2.5 8 2.5 5.5 0 5.5 0 2.5 2.5 2.5 2.5 0 5.5 0"})),(0,o.h)("g",{id:"Oval-Copy-6",opacity:"0.6",transform:"translate(139.000000, 139.000000)",fill:"#01ACCD"},(0,o.h)("path",{d:"M3.3015873,6.64864865 C5.12500362,6.64864865 6.6031746,5.16029795 6.6031746,3.32432432 C6.6031746,1.4883507 5.12500362,0 3.3015873,0 C1.47817098,0 1.08713039e-12,1.4883507 1.08713039e-12,3.32432432 C1.08713039e-12,5.16029795 1.47817098,6.64864865 3.3015873,6.64864865 Z M3.3015873,4.64864865 C2.5858248,4.64864865 2,4.05878945 2,3.32432432 C2,2.5898592 2.5858248,2 3.3015873,2 C4.0173498,2 4.6031746,2.5898592 4.6031746,3.32432432 C4.6031746,4.05878945 4.0173498,4.64864865 3.3015873,4.64864865 Z",id:"Oval-Copy-2"})),(0,o.h)("g",{id:"Path-2",opacity:"0.4",transform:"translate(122.000000, 122.000000)",fill:"#01ACCD"},(0,o.h)("polygon",{id:"Path",points:"5.5 2.5 8 2.5 8 5.5 5.5 5.5 5.5 8 2.5 8 2.5 5.5 0 5.5 0 2.5 2.5 2.5 2.5 0 5.5 0"}))))}},754:function(t,e,r){"use strict";var o=this&&this.__createBinding||(Object.create?function(t,e,r,o){void 0===o&&(o=r);var n=Object.getOwnPropertyDescriptor(e,r);n&&!("get"in n?!e.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return e[r]}}),Object.defineProperty(t,o,n)}:function(t,e,r,o){void 0===o&&(o=r),t[o]=e[r]}),n=this&&this.__exportStar||function(t,e){for(var r in t)"default"===r||Object.prototype.hasOwnProperty.call(e,r)||o(e,t,r)};Object.defineProperty(e,"__esModule",{value:!0}),n(r(464),e)},464:function(t,e,r){"use strict";var o,n=this&&this.__extends||(o=function(t,e){return o=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r])},o(t,e)},function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null");function r(){this.constructor=t}o(t,e),t.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}),a=this&&this.__assign||function(){return a=Object.assign||function(t){for(var e,r=1,o=arguments.length;r<o;r++)for(var n in e=arguments[r])Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t},a.apply(this,arguments)},i=this&&this.__decorate||function(t,e,r,o){var n,a=arguments.length,i=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,r,o);else for(var c=t.length-1;c>=0;c--)(n=t[c])&&(i=(a<3?n(i):a>3?n(e,r,i):n(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i};Object.defineProperty(e,"__esModule",{value:!0}),e.Transcript=void 0;var c=r(522),l=r(539),s=r(513),p=r(797),u=r(517),d=r(271),_=r(743),h=r(536),A=r(99),g=KalturaPlayer.ui.utils.KeyMap,C=g.ENTER,v=g.SPACE,f=g.TAB,y=g.ESC,b=KalturaPlayer.ui.preacti18n,k=b.withText,x=b.Text,m={skipTranscript:(0,c.h)(x,{id:"transcript.skip_transcript"},"Skip transcript"),errorTitle:(0,c.h)(x,{id:"transcript.whoops"},"Whoops!"),errorDescripton:(0,c.h)(x,{id:"transcript.load_failed"},"Failed to load transcript")},w={search:"",activeSearchIndex:1,searchMap:{},totalSearchResults:0,searchLength:0},S=38,B=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e._transcriptListRef=null,e._captionListRef=null,e._skipTranscriptButtonRef=null,e._autoscrollButtonRef=null,e._preventScrollEvent=!1,e._scrollToSearchMatchEnabled=!1,e._widgetRootRef=null,e._widgetHeight=0,e._topAutoscrollEdge=0,e._bottomAutoscrollEdge=0,e._thirdOfWidgetHeight=0,e.state=a({isAutoScrollEnabled:!0,widgetWidth:0},w),e._enableAutoScroll=function(t,r){var o;t.preventDefault(),e.state.isAutoScrollEnabled||(e._preventScrollEvent=!0,e.setState({isAutoScrollEnabled:!0}),r&&(null===(o=e._skipTranscriptButtonRef)||void 0===o||o.focus()))},e._renderScrollToButton=function(){var t=e.state.isAutoScrollEnabled;return(0,c.h)(A.AutoscrollButton,{setAutoscrollButtonRef:function(t){e._autoscrollButtonRef=t},isAutoScrollEnabled:t,onClick:e._enableAutoScroll})},e._onSearch=function(t){e.setState({search:t})},e._findSearchMatches=function(){e.setState((function(t){if(!t.search)return a({},w);var r=0,o=t.search.toLowerCase(),n={};return e.props.captions.forEach((function(t){for(var e,i,c=(null===(e=null==t?void 0:t.text)||void 0===e?void 0:e.toLowerCase())||"",l=new RegExp(o,"gi"),s=[];i=l.exec(c);)s.push(i.index);s.forEach((function(e){var o;r++,n[t.id]=a(a({},n[t.id]),((o={})[r]=e,o))}))})),{searchMap:n,totalSearchResults:r,activeSearchIndex:1,searchLength:o.length}}))},e._setActiveSearchIndex=function(t){e._scrollToSearchMatchEnabled=!0,e.setState({activeSearchIndex:t,isAutoScrollEnabled:!1})},e._getHeaderStyles=function(){var t=e.state.widgetWidth;return t>=692?"":t>=649?s.mediumWidth:s.smallWidth},e._renderHeader=function(){var t=e.props,r=t.toggledWithEnter,o=t.kitchenSinkActive,n=e.state,a=n.search,i=n.activeSearchIndex,l=n.totalSearchResults;return(0,c.h)("div",{className:[s.header,e._getHeaderStyles()].join(" "),"data-testid":"transcript_header"},(0,c.h)(u.Search,{onChange:e._onSearch,onSearchIndexChange:e._debounced.onActiveSearchIndexChange,value:a,activeSearchIndex:i,totalSearchResults:l,toggledWithEnter:r,kitchenSinkActive:o}))},e._handleClick=function(t){var r;t.preventDefault(),null===(r=e._autoscrollButtonRef)||void 0===r||r.focus()},e._handleKeyDown=function(t){var r,o;if(t.keyCode!==f||t.shiftKey)t.keyCode!==C&&t.keyCode!==v||e._handleClick(t);else{e.setState({isAutoScrollEnabled:!1});var n=null===(o=null===(r=e._captionListRef)||void 0===r?void 0:r._currentCaptionRef)||void 0===o?void 0:o._hotspotRef;n&&(t.preventDefault(),n.focus())}},e._renderSkipTranscriptButton=function(){return(0,c.h)("div",{role:"button",ref:function(t){e._skipTranscriptButtonRef=t},className:s.skipTranscriptButton,onKeyDown:e._handleKeyDown,onClick:e._handleClick,tabIndex:0},e.props.skipTranscript)},e._renderTranscript=function(){var t=e.props,r=t.captions,o=t.hasError,n=(t.onRetryLoad,t.showTime),a=t.videoDuration,i=t.highlightedMap,l=e.state,p=l.isAutoScrollEnabled,u=l.searchMap,_=l.activeSearchIndex,A=l.searchLength;if(o)return(0,c.h)("div",{className:s.errorWrapper},(0,c.h)("div",{className:s.errorIcon},(0,c.h)(h.ErrorIcon,null)),(0,c.h)("p",{className:s.errorMainText},e.props.errorTitle),(0,c.h)("p",{className:s.errorDescriptionText},e.props.errorDescripton));if(!r||!r.length)return null;var g={showTime:n,searchLength:A,scrollTo:e._scrollTo,scrollToSearchMatch:e._scrollToSearchMatch,videoDuration:a};return(0,c.h)(d.CaptionList,{ref:function(t){e._captionListRef=t},highlightedMap:i,data:r,onSeek:e._handleSeek,isAutoScrollEnabled:p,searchMap:u,activeSearchIndex:_,captionProps:g,onScroll:e._onScroll,widgetWidth:e.state.widgetWidth,showItemsIcons:!0,searchActive:!1})},e._setWidgetSize=function(){if(e._widgetRootRef){var t=e._widgetRootRef.getBoundingClientRect(),r=t.width,o=t.height;t.top,e.state.widgetWidth!==r&&e.setState({widgetWidth:r}),e._widgetHeight!==o&&(e._widgetHeight=o,e._thirdOfWidgetHeight=o/3,e._topAutoscrollEdge=Math.floor(e._thirdOfWidgetHeight+S),e._bottomAutoscrollEdge=Math.ceil(2*e._thirdOfWidgetHeight+S))}},e._renderLoading=function(){return(0,c.h)(p.Spinner,null)},e._scrollTo=function(t){if(e._transcriptListRef){e._preventScrollEvent=!0;var r=t.getBoundingClientRect().top;(r>=e._topAutoscrollEdge||r<=e._bottomAutoscrollEdge)&&(e._transcriptListRef.scrollTop=t.offsetTop-(e._thirdOfWidgetHeight-S))}},e._scrollToSearchMatch=function(t){e._transcriptListRef&&e._scrollToSearchMatchEnabled&&(e._scrollToSearchMatchEnabled=!1,e._preventScrollEvent=!0,e._transcriptListRef.scrollTop=t.offsetTop-S)},e._onScroll=function(){e._preventScrollEvent?e._preventScrollEvent=!1:e.setState({isAutoScrollEnabled:!1})},e._handleSeek=function(t){var r=e.props.onSeek,o=window.getSelection();o&&"Range"!==o.type&&r(t.startTime)},e._debounced={findSearchMatches:(0,l.debounce)(e._findSearchMatches,e.props.searchDebounceTimeout),onActiveSearchIndexChange:(0,l.debounce)(e._setActiveSearchIndex,e.props.searchNextPrevDebounceTimeout)},e._handleEsc=function(t){t.keyCode===y&&e.props.onClose(t,!0)},e}return n(e,t),e.prototype.componentDidUpdate=function(t,e){var r=this.props.captions,o=this.state.search;t.captions!==r&&this.setState({search:"",isAutoScrollEnabled:!0}),e.search!==o&&this._debounced.findSearchMatches(),this._setWidgetSize()},e.prototype.render=function(t){var e=this,r=t.isLoading,o=t.kitchenSinkActive,n=t.hasError,a=!(r||n);return(0,c.h)("div",{className:"".concat(s.root," ").concat(o?"":s.hidden),ref:function(t){e._widgetRootRef=t},onKeyUp:this._handleEsc,"data-testid":"transcript_root"},(0,c.h)("div",{className:s.globalContainer},this._renderHeader(),(0,c.h)(_.CloseButton,{onClick:this.props.onClose}),a&&this._renderSkipTranscriptButton(),(0,c.h)("div",{className:s.body,onScroll:this._onScroll,ref:function(t){e._transcriptListRef=t},"data-testid":"transcript_list"},r?this._renderLoading():this._renderTranscript()),a&&this._renderScrollToButton()))},i([k(m)],e)}(c.Component);e.Transcript=B},667:function(t,e,r){"use strict";var o,n=this&&this.__extends||(o=function(t,e){return o=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r])},o(t,e)},function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null");function r(){this.constructor=t}o(t,e),t.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)});Object.defineProperty(e,"__esModule",{value:!0}),e.TranscriptPlugin=void 0;var a=r(522),i=r(978),c=r(539),l=r(293),s=r(351),p=r(754),u=r(539),d=r(85),_=i.ui.SidePanelModes,h=i.ui.SidePanelPositions,A=i.ui.ReservedPresetNames,g=(i.ui.ReservedPresetAreas,KalturaPlayer.ui.preacti18n),C=g.withText,v=g.Text,f=c.ObjectUtils.get,y=function(t){function e(e,r,o){var n=t.call(this,e,r,o)||this;return n._activeCaptionMapId="",n._activeCuePointsMap={},n._captionMap=new Map,n._isLoading=!1,n._hasError=!1,n._triggeredByKeyboard=!1,n._transcriptPanel=-1,n._transcriptIcon=-1,n._printIcon=-1,n._downloadIcon=-1,n._pluginState=null,n._pluginButtonRef=null,n._initLoading=function(){clearTimeout(n._loadingTimeoutId),n._isLoading=!1,n._hasError=!1,n._captionMap.has(n._activeCaptionMapId)||(n._isLoading=!0,n._loadingTimeoutId=setTimeout((function(){n._isLoading=!1,n._hasError=!0,n._updateTranscriptPanel()}),1e4)),n._updateTranscriptPanel()},n._handleLanguageChange=function(){n._activeCaptionMapId=n._getCaptionMapId(),n._initLoading()},n._onTimedMetadataAdded=function(t){var e=t.payload,r=[];e.cues.forEach((function(t){t.metadata.cuePointType===d.ItemTypes.Caption&&r.push((0,u.prepareCuePoint)(t))})),r.length&&(n._addCaptionData(r),n._addDownloadIcon(),n._addPrintIcon(),n._addTranscriptItem())},n._onTimedMetadataChange=function(t){var e=t.payload.cues.filter((function(t){return t.metadata.cuePointType===d.ItemTypes.Caption})).filter((function(t,e,r){var o=r[e+1];return!o||t.endTime!==o.startTime}));n._activeCuePointsMap={},e.forEach((function(t){n._activeCuePointsMap[t.id]=!0})),n._updateTranscriptPanel()},n._addCaptionData=function(t){n._activeCaptionMapId=n._getCaptionMapId(),n._captionMap.set(n._activeCaptionMapId,t),n._isLoading=!1,clearTimeout(n._loadingTimeoutId),n._updateTranscriptPanel()},n._getTextTracks=function(){return n.player.getTracks(n.player.Track.TEXT)||[]},n._getCaptionMapId=function(){var t,e,r=n._getTextTracks(),o=r.find((function(t){return t.active}));return"off"===(null==o?void 0:o.language)?"".concat(null===(t=r[0])||void 0===t?void 0:t.language,"-").concat(null===(e=r[0])||void 0===e?void 0:e.label):"".concat(null==o?void 0:o.language,"-").concat(null==o?void 0:o.label)},n._activatePlugin=function(){n.ready.then((function(){var t,e;null===(t=n.sidePanelsManager)||void 0===t||t.activateItem(n._transcriptPanel),n._pluginState,d.PluginStates.OPENED,null===(e=n.upperBarManager)||void 0===e||e.update(n._transcriptIcon)}))},n._deactivatePlugin=function(){n.ready.then((function(){var t,e;null===(t=n.sidePanelsManager)||void 0===t||t.deactivateItem(n._transcriptPanel),n._pluginState=d.PluginStates.CLOSED,null===(e=n.upperBarManager)||void 0===e||e.update(n._transcriptIcon)}))},n._isPluginActive=function(){return n.sidePanelsManager.isItemActive(n._transcriptPanel)},n._handleClickOnPluginIcon=function(t,e){n._isPluginActive()?(n._triggeredByKeyboard=!1,n._deactivatePlugin()):(n._triggeredByKeyboard=Boolean(e),n._activatePlugin())},n._setPluginButtonRef=function(t){n._pluginButtonRef=t},n._seekTo=function(t){n.player.currentTime=t},n._handleDownload=function(){var t=n.player.config,e=n._captionMap.get(n._activeCaptionMapId)||[];if(e){var r=f(t,"sources.metadata",{}),o=n._getCaptionMapId();(0,c.downloadContent)((0,u.makePlainText)(e),"".concat(o).concat(r.name?"-".concat(r.name):"",".txt"))}},n._handlePrint=function(){var t=n._captionMap.get(n._activeCaptionMapId)||[];t&&(0,c.printContent)((0,u.makePlainText)(t))},n._handleClose=function(t,e){var r;e&&(null===(r=n._pluginButtonRef)||void 0===r||r.focus()),n._deactivatePlugin()},n}return n(e,t),Object.defineProperty(e.prototype,"sidePanelsManager",{get:function(){return this.player.getService("sidePanelsManager")},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"upperBarManager",{get:function(){return this.player.getService("upperBarManager")},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"cuePointManager",{get:function(){return this.player.getService("kalturaCuepoints")},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"_data",{get:function(){return this._captionMap.get(this._activeCaptionMapId)||[]},enumerable:!1,configurable:!0}),e.prototype.loadMedia=function(){this.cuePointManager&&this.sidePanelsManager&&this.upperBarManager?this.player.isLive()||(this._initListeners(),this.cuePointManager.registerTypes([this.cuePointManager.CuepointType.CAPTION])):this.logger.warn("kalturaCuepoints, sidePanelsManager or upperBarManager haven't registered")},e.prototype._initListeners=function(){var t=this;this.eventManager.listenOnce(this.player,this.player.Event.TRACKS_CHANGED,(function(){t._getTextTracks().length&&(t.eventManager.listen(t.player,t.player.Event.TIMED_METADATA_CHANGE,t._onTimedMetadataChange),t.eventManager.listen(t.player,t.player.Event.TIMED_METADATA_ADDED,t._onTimedMetadataAdded),t.eventManager.listen(t.player,t.player.Event.TEXT_TRACK_CHANGED,t._handleLanguageChange))}))},e.prototype._updateTranscriptPanel=function(){var t;this._transcriptPanel&&(null===(t=this.sidePanelsManager)||void 0===t||t.update(this._transcriptPanel))},e.prototype._addDownloadIcon=function(){var t=this,e=this.config.downloadDisabled;if(!(this._downloadIcon>0||e)){var r={label:(0,a.h)(v,{id:"transcript.download_transcript"},"Download current transcript")};this._downloadIcon=this.upperBarManager.add({label:r.label,svgIcon:{path:l.icons.DOWNLOAD_ICON,viewBox:"0 0 ".concat(l.icons.BigSize," ").concat(l.icons.BigSize)},onClick:this._handleDownload,component:C(r)((function(e){return(0,a.h)(s.PluginButton,{isActive:!1,onClick:t._handleDownload,id:"download-transcript",icon:l.icons.DOWNLOAD_ICON,label:e.label,dataTestId:"transcript_downloadButton"})}))})}},e.prototype._addPrintIcon=function(){var t=this,e=this.config.printDisabled;if(!(this._printIcon>0||e)){var r={label:(0,a.h)(v,{id:"transcript.print_transcript"},"Print current transcript")};this._printIcon=this.upperBarManager.add({label:r.label,svgIcon:{path:l.icons.PRINT_ICON,viewBox:"0 0 ".concat(l.icons.BigSize," ").concat(l.icons.BigSize)},onClick:this._handlePrint,component:C(r)((function(e){return(0,a.h)(s.PluginButton,{isActive:!1,onClick:t._handlePrint,id:"print-transcript",icon:l.icons.PRINT_ICON,label:e.label,dataTestId:"transcript_printButton"})}))})}},e.prototype._addTranscriptItem=function(){var t=this;if(!(Math.max(this._transcriptPanel,this._transcriptIcon)>0)){var e=this.config,r=e.expandMode,o=e.position,n=e.expandOnFirstPlay,i=e.showTime,c=e.scrollOffset,h=e.searchDebounceTimeout,g=e.searchNextPrevDebounceTimeout;this._transcriptPanel=this.sidePanelsManager.add({label:"Transcript",panelComponent:function(){return(0,a.h)(p.Transcript,{showTime:(0,u.getConfigValue)(i,u.isBoolean,!0),scrollOffset:(0,u.getConfigValue)(c,Number.isInteger,0),searchDebounceTimeout:(0,u.getConfigValue)(h,Number.isInteger,250),searchNextPrevDebounceTimeout:(0,u.getConfigValue)(g,Number.isInteger,100),highlightedMap:t._activeCuePointsMap,onSeek:t._seekTo,onItemClicked:t._seekTo,captions:t._data,isLoading:t._isLoading,hasError:t._hasError,onRetryLoad:t._updateTranscriptPanel,currentTime:t.player.currentTime,videoDuration:t.player.duration,kitchenSinkActive:t._isPluginActive(),toggledWithEnter:t._triggeredByKeyboard,onClose:t._handleClose})},presets:[A.Playback,A.Live,A.Ads],position:o,expandMode:r===_.ALONGSIDE?_.ALONGSIDE:_.OVER,onDeactivate:this._deactivatePlugin});var f={showTranscript:(0,a.h)(v,{id:"transcript.show_plugin"},"Show Transcript"),hideTranscript:(0,a.h)(v,{id:"transcript.hide_plugin"},"Hide Transcript")};this._transcriptIcon=this.upperBarManager.add({label:"Transcript",svgIcon:{path:l.icons.PLUGIN_ICON,viewBox:"0 0 ".concat(l.icons.BigSize," ").concat(l.icons.BigSize)},onClick:this._handleClickOnPluginIcon,component:C(f)((function(e){var r=t._isPluginActive(),o=r?e.hideTranscript:e.showTranscript;return(0,a.h)(s.PluginButton,{isActive:r,onClick:t._handleClickOnPluginIcon,id:"transcript-icon",label:o,icon:l.icons.PLUGIN_ICON,dataTestId:"transcript_pluginButton",setRef:t._setPluginButtonRef})}))}),(n&&!this._pluginState||this._pluginState===d.PluginStates.OPENED)&&this._activatePlugin()}},e.isValid=function(){return!0},e.prototype.reset=function(){var t;this.eventManager.removeAll(),Math.max(this._transcriptPanel,this._transcriptIcon)>0&&(null===(t=this.sidePanelsManager)||void 0===t||t.remove(this._transcriptPanel),this.upperBarManager.remove(this._transcriptIcon),this._transcriptPanel=-1,this._transcriptIcon=-1,this._pluginButtonRef=null),this._printIcon>0&&(this.upperBarManager.remove(this._printIcon),this._printIcon=-1),this._downloadIcon>0&&(this.upperBarManager.remove(this._downloadIcon),this._downloadIcon=-1),this._captionMap=new Map,this._activeCaptionMapId="",this._isLoading=!1,clearTimeout(this._loadingTimeoutId),this._hasError=!1,this._triggeredByKeyboard=!1},e.prototype.destroy=function(){this.reset()},e.defaultConfig={expandMode:_.ALONGSIDE,expandOnFirstPlay:!0,showTime:!0,position:h.RIGHT,scrollOffset:0,searchDebounceTimeout:250,searchNextPrevDebounceTimeout:100,downloadDisabled:!1,printDisabled:!1},e}(KalturaPlayer.core.BasePlugin);e.TranscriptPlugin=y},85:function(t,e,r){"use strict";var o=this&&this.__createBinding||(Object.create?function(t,e,r,o){void 0===o&&(o=r);var n=Object.getOwnPropertyDescriptor(e,r);n&&!("get"in n?!e.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return e[r]}}),Object.defineProperty(t,o,n)}:function(t,e,r,o){void 0===o&&(o=r),t[o]=e[r]}),n=this&&this.__exportStar||function(t,e){for(var r in t)"default"===r||Object.prototype.hasOwnProperty.call(e,r)||o(e,t,r)};Object.defineProperty(e,"__esModule",{value:!0}),n(r(481),e),n(r(944),e),n(r(352),e)},944:(t,e)=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0})},352:(t,e)=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.ItemTypes=void 0,(e.ItemTypes||(e.ItemTypes={})).Caption="kalturaCaption"},481:(t,e)=>{"use strict";var r;Object.defineProperty(e,"__esModule",{value:!0}),e.PluginStates=void 0,(r=e.PluginStates||(e.PluginStates={})).OPENED="opened",r.CLOSED="closed"},256:(t,e)=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.debounce=void 0,e.debounce=function(t,e,r){var o;return void 0===e&&(e=50),void 0===r&&(r={isImmediate:!1}),function(){for(var n=this,a=[],i=0;i<arguments.length;i++)a[i]=arguments[i];var c=function(){o=void 0,r.isImmediate||t.apply(n,a)},l=r.isImmediate&&void 0===o;void 0!==o&&clearTimeout(o),o=setTimeout(c,e),l&&t.apply(this,a)}}},539:function(t,e,r){"use strict";var o=this&&this.__createBinding||(Object.create?function(t,e,r,o){void 0===o&&(o=r);var n=Object.getOwnPropertyDescriptor(e,r);n&&!("get"in n?!e.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return e[r]}}),Object.defineProperty(t,o,n)}:function(t,e,r,o){void 0===o&&(o=r),t[o]=e[r]}),n=this&&this.__exportStar||function(t,e){for(var r in t)"default"===r||Object.prototype.hasOwnProperty.call(e,r)||o(e,t,r)};Object.defineProperty(e,"__esModule",{value:!0}),n(r(714),e),n(r(935),e),n(r(256),e)},935:(t,e)=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.ObjectUtils=void 0;var r=function(){function t(){}return t.get=function(t,e,r){for(var o=function(t){var e=[];return t.split(".").forEach((function(t){t.split(/\[([^}]+)\]/g).forEach((function(t){t.length>0&&e.push(t)}))})),e}(e),n=t,a=0;a<o.length;a++){if(!n[o[a]])return r;n=n[o[a]]}return n},t}();e.ObjectUtils=r},714:(t,e)=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.printContent=e.downloadContent=e.prepareCuePoint=e.decodeString=e.makePlainText=e.isBoolean=e.getConfigValue=e.secontsToTime=e.toSeconds=e.HOUR=void 0,e.HOUR=3600,e.toSeconds=function(t,r){void 0===r&&(r=!1);var o=(r?/(\d+):(\d{2}):(\d{2}).(\d{2,3}|\d{2})/:/(\d+):(\d{2}):(\d{2}),((\d{2,3}|\d{2}|\d{1}))?/).exec(t);if(null===o)return 0;for(var n=1;n<5;n++)o[n]=parseInt(o[n],10),isNaN(o[n])&&(o[n]=0);return o[1]*e.HOUR+60*o[2]+o[3]+o[4]/1e3};var r=function(t){return t<10?"0".concat(t):t};e.secontsToTime=function(t,o){var n=new Date(0);return n.setSeconds(t),"".concat(o?function(t){var r=Math.floor(t/e.HOUR);return r>=1?"".concat(r,":"):""}(t):"").concat(r(n.getUTCMinutes()),":").concat(r(n.getUTCSeconds()))},e.getConfigValue=function(t,e,r){var o=r;return"function"==typeof e&&e(t)&&(o=t),o},e.isBoolean=function(t){return"boolean"==typeof t},e.makePlainText=function(t){return t.reduce((function(t,e){return"".concat(t," ").concat(e.text)}),"")},KalturaPlayer.ui.utils.toHHMMSS,e.decodeString=function(t){return"string"!=typeof t?t:t.replace(/</gi,"<").replace(/>/gi,">").replace(/ /gi," ").replace(/&/gi,"&").replace(/"/gi,'"')},e.prepareCuePoint=function(t){var r=t.metadata;return{id:t.id,startTime:t.startTime,displayTime:Math.floor(t.startTime),text:(0,e.decodeString)(r.text)}},e.downloadContent=function(t,e){var r=new Blob([t],{type:"text/plain;charset=utf-8;"}),o=document.createElement("a"),n=window.navigator;n.msSaveBlob?n.msSaveOrOpenBlob(r,e):(-1!==n.userAgent.search("Firefox")?(o.style.display="none",o.setAttribute("href","data:text/plain;charset=utf-8,"+encodeURIComponent(t))):o.setAttribute("href",URL.createObjectURL(r)),o.setAttribute("target","_blank"),o.setAttribute("download",e),o.click(),o.remove())},e.printContent=function(t){var e=window.open("","","width=400,height=600");e&&(e.document.write(t),e.document.close(),e.focus(),e.print(),e.close())}},522:t=>{"use strict";t.exports=KalturaPlayer.ui.preact},978:t=>{"use strict";t.exports=KalturaPlayer}},e={};function r(o){var n=e[o];if(void 0!==n)return n.exports;var a=e[o]={id:o,exports:{}};return t[o].call(a.exports,a,a.exports,r),a.exports}r.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return r.d(e,{a:e}),e},r.d=(t,e)=>{for(var o in e)r.o(e,o)&&!r.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:e[o]})},r.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),r.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},r.nc=void 0;var o={};(()=>{"use strict";var t=o;Object.defineProperty(t,"__esModule",{value:!0}),t.NAME=t.VERSION=t.Plugin=void 0;var e=r(667);Object.defineProperty(t,"Plugin",{enumerable:!0,get:function(){return e.TranscriptPlugin}}),t.VERSION="3.4.0",t.NAME="@playkit-js/transcript",KalturaPlayer.core.registerPlugin("playkit-js-transcript",e.TranscriptPlugin)})(),((KalturaPlayer=void 0===KalturaPlayer?{}:KalturaPlayer).plugins=KalturaPlayer.plugins||{}).transcript=o})();
|
|
1
|
+
/*! For license information please see playkit-transcript.js.LICENSE.txt */
|
|
2
|
+
var KalturaPlayer;(()=>{var t={1972:function(t,o,e){"use strict";var r=this&&this.__assign||function(){return r=Object.assign||function(t){for(var o,e=1,r=arguments.length;e<r;e++)for(var n in o=arguments[e])Object.prototype.hasOwnProperty.call(o,n)&&(t[n]=o[n]);return t},r.apply(this,arguments)};Object.defineProperty(o,"__esModule",{value:!0}),o.Button=o.ButtonType=o.ButtonSize=void 0;var n,a,i=e(4522),c=e(42),l=e(6978),s=e(979),p=e(4820),u=e(7538),d=l.ui.Components.Tooltip;!function(t){t.small="small",t.medium="medium",t.large="large"}(n=o.ButtonSize||(o.ButtonSize={})),function(t){t.primary="primary",t.danger="danger",t.translucent="translucent",t.borderless="borderless"}(a=o.ButtonType||(o.ButtonType={})),o.Button=function(t){var o=function(){var o,e=c(u.button,u[t.size],u[t.type],t.className,((o={})[u.disabled]=t.disabled,o[u.withIcon]=t.children&&t.icon,o[u.iconOnly]=!t.children&&t.icon,o)),n=r(r({disabled:t.disabled,"aria-disabled":t.disabled,tabIndex:t.tabIndex,className:e},t.ariaLabel?{"aria-label":t.ariaLabel}:{}),t.testId?{"data-testid":t.testId}:{}),a=(0,i.h)("button",r({},n),(0,i.h)(i.Fragment,null,t.icon&&(0,i.h)(p.Icon,{name:t.icon,size:p.IconSize[t.size]}),t.children&&(0,i.h)("span",null,t.children)));return t.onClick?(0,i.h)(s.A11yWrapper,{onClick:t.onClick},a):a};if(t.tooltip){var e=r({label:t.tooltip.label},t.tooltip.className?{classNames:t.tooltip.className}:{});return(0,i.h)(d,r({},e),o())}return o()},o.Button.defaultProps={disabled:!1,tabIndex:0,children:null,size:n.medium,icon:null,type:a.primary}},178:function(t,o,e){"use strict";var r,n=this&&this.__extends||(r=function(t,o){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,o){t.__proto__=o}||function(t,o){for(var e in o)Object.prototype.hasOwnProperty.call(o,e)&&(t[e]=o[e])},r(t,o)},function(t,o){if("function"!=typeof o&&null!==o)throw new TypeError("Class extends value "+String(o)+" is not a constructor or null");function e(){this.constructor=t}r(t,o),t.prototype=null===o?Object.create(o):(e.prototype=o.prototype,new e)}),a=this&&this.__assign||function(){return a=Object.assign||function(t){for(var o,e=1,r=arguments.length;e<r;e++)for(var n in o=arguments[e])Object.prototype.hasOwnProperty.call(o,n)&&(t[n]=o[n]);return t},a.apply(this,arguments)};Object.defineProperty(o,"__esModule",{value:!0}),o.InputField=void 0;var i=e(4522),c=e(979),l=e(7998),s=function(t){function o(o){var e=t.call(this,o)||this;return e.state={active:!1},e._inputRef=null,e.setFocus=function(t){var o;null===(o=e._inputRef)||void 0===o||o.focus(t)},e._handleOnChange=function(t){e.props.onChange(t.target.value)},e._onClear=function(){var t;null===(t=e._inputRef)||void 0===t||t.focus(),e.props.onChange("")},e._onFocus=function(){e.setState({active:!0})},e._onBlur=function(){e.setState({active:!1})},e._goToNextSearchResult=function(){var t=e.props.searchResults,o=t.activeSearchIndex,r=t.totalSearchResults,n=t.onSearchIndexChange;0!==r&&n(o!==r?o+1:1)},e._goToPrevSearchResult=function(){var t=e.props.searchResults,o=t.activeSearchIndex,r=t.totalSearchResults;(0,t.onSearchIndexChange)(1!==o?o-1:r)},e._renderSearchResults=function(){return(0,i.h)(i.Fragment,null,(0,i.h)("div",{className:l.searchResults,"aria-live":"polite","aria-label":e.props.searchResults.searchResultsLabel},"".concat(e.props.searchResults.totalSearchResults>0?"".concat(e.props.searchResults.activeSearchIndex,"/").concat(e.props.searchResults.totalSearchResults):"0/0")),(0,i.h)("div",{className:l.prevNextWrapper},e.props.value&&(0,i.h)(c.A11yWrapper,{onClick:e._goToPrevSearchResult},(0,i.h)("button",{tabIndex:0,className:"".concat(l.prevNextButton," ").concat(0===e.props.searchResults.totalSearchResults?l.disabled:""),"aria-label":e.props.searchResults.prevMatchLabel},(0,i.h)("svg",{width:"8",height:"5",viewBox:"0 0 8 5",fill:"none",xmlns:"http://www.w3.org/2000/svg"},(0,i.h)("path",{d:"M0.292893 4.70711C0.653377 5.06759 1.22061 5.09532 1.6129 4.7903L1.70711 4.70711L4 2.415L6.29289 4.70711C6.65338 5.06759 7.22061 5.09532 7.6129 4.7903L7.70711 4.70711C8.06759 4.34662 8.09532 3.77939 7.7903 3.3871L7.70711 3.29289L4.70711 0.292893C4.34662 -0.0675907 3.77939 -0.0953203 3.3871 0.209705L3.29289 0.292893L0.292893 3.29289C-0.0976311 3.68342 -0.0976311 4.31658 0.292893 4.70711Z",fill:"white","fill-opacity":"0.7"})))),e.props.value&&(0,i.h)(c.A11yWrapper,{onClick:e._goToNextSearchResult},(0,i.h)("button",{tabIndex:0,className:"".concat(l.prevNextButton," ").concat(0===e.props.searchResults.totalSearchResults?l.disabled:""),"aria-label":e.props.searchResults.nextMatchLabel},(0,i.h)("svg",{width:"8",height:"5",viewBox:"0 0 8 5",fill:"none",xmlns:"http://www.w3.org/2000/svg"},(0,i.h)("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M0.292893 0.292893C0.683417 -0.0976311 1.31658 -0.0976311 1.70711 0.292893L4 2.58579L6.29289 0.292893C6.68342 -0.0976311 7.31658 -0.0976311 7.70711 0.292893C8.09763 0.683417 8.09763 1.31658 7.70711 1.70711L4.70711 4.70711C4.31658 5.09763 3.68342 5.09763 3.29289 4.70711L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683417 0.292893 0.292893Z",fill:"white","fill-opacity":"0.7"}))))))},e._renderClearSearch=function(){return(0,i.h)(c.A11yWrapper,{onClick:e._onClear},(0,i.h)("button",{className:l.clearIcon,tabIndex:0,"aria-label":e.props.clearSearchLabel},(0,i.h)("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},(0,i.h)("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M6 12C9.31371 12 12 9.31371 12 6C12 2.68629 9.31371 0 6 0C2.68629 0 0 2.68629 0 6C0 9.31371 2.68629 12 6 12ZM3.38951 2.3502L3.46013 2.41264L5.99548 4.9504L8.53067 2.41264L8.60129 2.3502C8.89537 2.12125 9.32081 2.1418 9.59133 2.41199C9.8844 2.70471 9.88469 3.17958 9.59197 3.47265L7.05523 6.01165L9.59197 8.55189C9.88469 8.84496 9.8844 9.31983 9.59133 9.61255C9.32081 9.88275 8.89537 9.90329 8.60129 9.67434L8.53067 9.61191L5.99548 7.0729L3.46013 9.61191L3.38951 9.67434C3.09543 9.90329 2.66999 9.88275 2.39947 9.61255C2.1064 9.31983 2.10611 8.84496 2.39883 8.55189L4.93498 6.01165L2.39883 3.47265C2.10611 3.17958 2.1064 2.70471 2.39947 2.41199C2.66999 2.1418 3.09543 2.12125 3.38951 2.3502Z",fill:"white","fill-opacity":"0.7"}))))},e.state={active:!1},e}return n(o,t),o.prototype.render=function(){var t=this,o={className:l.inputElement,value:this.props.value,onInput:this._handleOnChange,onFocus:this._onFocus,onBlur:this._onBlur,tabIndex:0,ref:function(o){t._inputRef=o}};return this.props.placeholder&&(o["aria-label"]=this.props.placeholder,o.placeholder=this.props.placeholder),(0,i.h)("div",{className:[l.inputFieldWrapper,this.props.value||this.state.active?l.active:""].join(" ")},(0,i.h)("input",a({},o)),this.props.value&&this.props.clearSearchLabel&&this._renderClearSearch(),this.props.value&&this.props.searchResults&&this._renderSearchResults())},o}(i.Component);o.InputField=s},979:(t,o,e)=>{"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.A11yWrapper=o.isKeyboardEvent=void 0;var r=e(4522),n=e(6978).ui.utils.KeyMap,a=n.ENTER,i=n.SPACE,c=n.UP,l=n.DOWN,s=n.LEFT,p=n.RIGHT,u=function(t){t.preventDefault(),t.stopPropagation()};o.isKeyboardEvent=function(t){return t instanceof KeyboardEvent||[t.offsetX,t.offsetY].every((function(t){return 0===t}))},o.A11yWrapper=function(t){var e=t.children,n=t.onClick,d=t.onUpKeyPressed,_=t.onDownKeyPressed,h=t.onLeftKeyPressed,A=t.onRightKeyPressed,v=t.role,g=t.type,C={onKeyDown:function(t){t.keyCode===i||t.keyCode===a?(u(t),n(t,!0)):t.keyCode===c&&d?(u(t),d(t)):t.keyCode===l&&_?(u(t),_(t)):t.keyCode===s&&h?(u(t),h(t)):t.keyCode===p&&A&&(u(t),A(t))},onClick:function(t){t.stopPropagation(),n(t,(0,o.isKeyboardEvent)(t))},role:v};return"button"===e.type&&(C.type=g||"button"),(0,r.cloneElement)(e,C)},o.A11yWrapper.defaultProps={role:"button"}},5254:(t,o,e)=>{"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.Close=void 0;var r=e(4522);o.Close=function(){return(0,r.h)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},(0,r.h)("path",{d:"M11.6592 10.245L6.70483 5.29061C6.31701 4.9028 5.68581 4.90476 5.29528 5.29528C4.90204 5.68853 4.90267 6.31688 5.29061 6.70483L10.245 11.6592L5.29061 16.6137C4.9028 17.0015 4.90476 17.6327 5.29528 18.0232C5.68853 18.4165 6.31688 18.4158 6.70483 18.0279L11.6592 13.0735L16.6137 18.0279C17.0015 18.4157 17.6327 18.4137 18.0232 18.0232C18.4165 17.63 18.4158 17.0016 18.0279 16.6137L13.0735 11.6592L18.0279 6.70483C18.4157 6.31701 18.4137 5.68581 18.0232 5.29528C17.63 4.90204 17.0016 4.90267 16.6137 5.29061L11.6592 10.245Z",fill:"white"}))}},1577:(t,o,e)=>{"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.Download=void 0;var r=e(4522);o.Download=function(){return(0,r.h)("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},(0,r.h)("path",{d:"M17.5 6C17.5 5.44772 17.0523 5 16.5 5L16.3834 5.00673C15.886 5.06449 15.5 5.48716 15.5 6L15.4997 17.693L9.71029 12.2702C9.30721 11.8926 8.67439 11.9133 8.29683 12.3164C7.91928 12.7195 7.93998 13.3523 8.34306 13.7298L15.8164 20.7298C15.8212 20.7343 15.826 20.7387 15.8308 20.7431L15.8164 20.7298L15.9035 20.8027C15.9034 20.8026 15.9037 20.8028 15.9035 20.8027C15.9135 20.8101 15.9231 20.817 15.9333 20.824C15.956 20.8397 15.9793 20.8544 16.0038 20.8684C16.0148 20.8747 16.0259 20.8808 16.0366 20.8864C16.0596 20.8984 16.0832 20.9096 16.1077 20.9201C16.1223 20.9263 16.1371 20.9322 16.1515 20.9376C16.1769 20.947 16.2028 20.9555 16.2299 20.963C16.2399 20.9658 16.25 20.9684 16.2595 20.9709C16.3365 20.9899 16.4171 21 16.5 21C16.5804 21 16.6585 20.9905 16.7336 20.9725C16.7521 20.968 16.7706 20.963 16.7889 20.9576C16.8097 20.9514 16.8303 20.9444 16.8507 20.9367C16.8632 20.932 16.8756 20.9271 16.8878 20.922C16.9121 20.9118 16.936 20.9006 16.9596 20.8883C16.9735 20.8812 16.9872 20.8736 17.0007 20.8658C17.0223 20.8533 17.0434 20.84 17.0636 20.8262C17.0764 20.8174 17.0891 20.8083 17.1021 20.7985C17.1224 20.7831 17.1422 20.767 17.161 20.7504C17.1685 20.7437 17.176 20.737 17.1834 20.7301L24.6619 13.7301C25.0651 13.3527 25.086 12.7198 24.7086 12.3166L24.6172 12.2304C24.2352 11.9126 23.6674 11.9215 23.2952 12.2699L17.4997 17.694L17.5 6Z",fill:"white"}),(0,r.h)("path",{d:"M27 26C27 26.5523 26.5523 27 26 27H7C6.44772 27 6 26.5523 6 26C6 25.4477 6.44772 25 7 25H26C26.5523 25 27 25.4477 27 26Z",fill:"white"}))}},1861:(t,o,e)=>{"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.Icons=void 0;var r=e(5254),n=e(9919),a=e(1577),i=e(7024),c=e(8835),l=e(1223),s=e(7858);o.Icons={close:r.Close,print:n.Print,download:a.Download,related:i.Related,message:c.Message,share:l.Share,more:s.More}},8835:(t,o,e)=>{"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.Message=void 0;var r=e(4522);o.Message=function(){return(0,r.h)("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},(0,r.h)("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M25 5C27.2091 5 29 6.75035 29 8.90952V18.6833C29 20.8425 27.2091 22.5928 25 22.5928H14.985L10.7019 26.7188C10.546 26.8689 10.3449 26.9641 10.1302 26.9917L10 27C9.44772 27 9 26.5624 9 26.0226V22.5928H7C4.79086 22.5928 3 20.8425 3 18.6833V8.90952C3 6.75035 4.79086 5 7 5H25ZM25 6.95476H7C5.89543 6.95476 5 7.82994 5 8.90952V18.6833C5 19.7629 5.89543 20.6381 7 20.6381H11V23.687L14.1651 20.6381H25C26.1046 20.6381 27 19.7629 27 18.6833V8.90952C27 7.82994 26.1046 6.95476 25 6.95476ZM19 14.7738C19.5523 14.7738 20 15.2114 20 15.7512C20 16.291 19.5523 16.7286 19 16.7286H10C9.44772 16.7286 9 16.291 9 15.7512C9 15.2114 9.44772 14.7738 10 14.7738H19ZM23 10.8643C23.5523 10.8643 24 11.3019 24 11.8417C24 12.3815 23.5523 12.819 23 12.819H10C9.44772 12.819 9 12.3815 9 11.8417C9 11.3019 9.44772 10.8643 10 10.8643H23Z",fill:"white"}))}},7858:(t,o,e)=>{"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.More=void 0;var r=e(4522);o.More=function(){return(0,r.h)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},(0,r.h)("path",{d:"M8 12C8 13.1046 7.10457 14 6 14C4.89543 14 4 13.1046 4 12C4 10.8954 4.89543 10 6 10C7.10457 10 8 10.8954 8 12ZM14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12ZM20 12C20 13.1046 19.1046 14 18 14C16.8954 14 16 13.1046 16 12C16 10.8954 16.8954 10 18 10C19.1046 10 20 10.8954 20 12Z",fill:"white"}))}},9919:(t,o,e)=>{"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.Print=void 0;var r=e(4522);o.Print=function(){return(0,r.h)("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},(0,r.h)("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M23 23H26C27.1046 23 28 22.1046 28 21V11C28 9.89543 27.1046 9 26 9H23V5C23 3.89543 22.1046 3 21 3H11C9.89543 3 9 3.89543 9 5V9H6C4.89543 9 4 9.89543 4 11V21C4 22.1046 4.89543 23 6 23H9V28C9 29.1046 9.89543 30 11 30H21C22.1046 30 23 29.1046 23 28V23ZM6 11V21H9V19C8.44772 19 8 18.5523 8 18C8 17.4477 8.44772 17 9 17H23C23.5523 17 24 17.4477 24 18C24 18.5523 23.5523 19 23 19V21H26V11H6ZM21 9V5H11V9H21ZM11 19V28H21V19H11Z",fill:"white"}))}},7024:(t,o,e)=>{"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.Related=void 0;var r=e(4522);o.Related=function(){return(0,r.h)("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},(0,r.h)("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M8 7H12C13.1046 7 14 7.89543 14 9V13C14 14.1046 13.1046 15 12 15H8C6.89543 15 6 14.1046 6 13V9C6 7.89543 6.89543 7 8 7ZM8 13H12V9H8V13Z",fill:"white"}),(0,r.h)("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M8 18H12C13.1046 18 14 18.8954 14 20V24C14 25.1046 13.1046 26 12 26H8C6.89543 26 6 25.1046 6 24V20C6 18.8954 6.89543 18 8 18ZM8 24H12V20H8V24Z",fill:"white"}),(0,r.h)("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M24 7H20C18.8954 7 18 7.89543 18 9V13C18 14.1046 18.8954 15 20 15H24C25.1046 15 26 14.1046 26 13V9C26 7.89543 25.1046 7 24 7ZM24 13H20V9H24V13Z",fill:"white"}),(0,r.h)("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M20 18H24C25.1046 18 26 18.8954 26 20V24C26 25.1046 25.1046 26 24 26H20C18.8954 26 18 25.1046 18 24V20C18 18.8954 18.8954 18 20 18ZM20 24H24V20H20V24Z",fill:"white"}))}},1223:(t,o,e)=>{"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.Share=void 0;var r=e(4522);o.Share=function(){return(0,r.h)("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},(0,r.h)("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M22.6667 12.6667C24.5076 12.6667 26 11.1743 26 9.33333C26 7.49238 24.5076 6 22.6667 6C20.8257 6 19.3333 7.49238 19.3333 9.33333C19.3333 9.38882 19.3347 9.44399 19.3374 9.49881L11.9575 13.9443C11.3473 13.1665 10.3987 12.6667 9.33333 12.6667C7.49238 12.6667 6 14.1591 6 16C6 17.8409 7.49238 19.3333 9.33333 19.3333C10.3981 19.3333 11.3462 18.8341 11.9564 18.057L19.3374 22.5013C19.3347 22.5561 19.3333 22.6112 19.3333 22.6667C19.3333 24.5076 20.8257 26 22.6667 26C24.5076 26 26 24.5076 26 22.6667C26 20.8257 24.5076 19.3333 22.6667 19.3333C21.6074 19.3333 20.6636 19.8274 20.053 20.5976L12.864 16.2689L12.8651 15.7324L20.0531 11.4025C20.6637 12.1727 21.6075 12.6667 22.6667 12.6667ZM22.6667 10.6667C21.9303 10.6667 21.3333 10.0697 21.3333 9.33333C21.3333 8.59695 21.9303 8 22.6667 8C23.403 8 24 8.59695 24 9.33333C24 10.0697 23.403 10.6667 22.6667 10.6667ZM9.33333 17.3333C8.59695 17.3333 8 16.7364 8 16C8 15.2636 8.59695 14.6667 9.33333 14.6667C10.0697 14.6667 10.6667 15.2636 10.6667 16C10.6667 16.7364 10.0697 17.3333 9.33333 17.3333ZM21.3333 22.6667C21.3333 23.403 21.9303 24 22.6667 24C23.403 24 24 23.403 24 22.6667C24 21.9303 23.403 21.3333 22.6667 21.3333C21.9303 21.3333 21.3333 21.9303 21.3333 22.6667Z",fill:"white"}))}},4820:(t,o,e)=>{"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.Icon=o.IconSize=void 0;var r,n=e(4522),a=e(42),i=e(1861),c=e(3278);!function(t){t.small="small",t.medium="medium",t.large="large"}(r=o.IconSize||(o.IconSize={})),o.Icon=function(t){var o=i.Icons[t.name];return o?(0,n.h)("div",{className:a(c.iconWrapper,c[t.size])},(0,n.h)(o,null)):null},o.Icon.defaultProps={size:r.medium}},42:(t,o)=>{var e;!function(){"use strict";var r={}.hasOwnProperty;function n(){for(var t=[],o=0;o<arguments.length;o++){var e=arguments[o];if(e){var a=typeof e;if("string"===a||"number"===a)t.push(e);else if(Array.isArray(e)){if(e.length){var i=n.apply(null,e);i&&t.push(i)}}else if("object"===a){if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]")){t.push(e.toString());continue}for(var c in e)r.call(e,c)&&e[c]&&t.push(c)}}}return t.join(" ")}t.exports?(n.default=n,t.exports=n):void 0===(e=function(){return n}.apply(o,[]))||(t.exports=e)}()},6298:(t,o,e)=>{"use strict";e.r(o),e.d(o,{default:()=>c});var r=e(559),n=e.n(r),a=e(3476),i=e.n(a)()(n());i.push([t.id,".Button__button___NM3Vl{display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;font-weight:700;border:1px solid rgba(0,0,0,0);border-radius:4px;cursor:pointer}.Button__button___NM3Vl.Button__primary___vkWyL{background-color:var(--playkit-primary-color);color:var(--playkit-primary-text-contrast-color)}.Button__button___NM3Vl.Button__primary___vkWyL:not(.Button__disabled___j4KjS):hover{background-color:var(--playkit-primary-darker-color)}.Button__button___NM3Vl.Button__primary___vkWyL:not(.Button__disabled___j4KjS):focus{background-color:var(--playkit-primary-brighter-color)}.Button__button___NM3Vl.Button__danger___lCKPq{background-color:var(--playkit-danger-color);color:var(--playkit-danger-text-contrast-color)}.Button__button___NM3Vl.Button__danger___lCKPq:not(.Button__disabled___j4KjS):hover{background-color:var(--playkit-danger-darker-color)}.Button__button___NM3Vl.Button__danger___lCKPq:not(.Button__disabled___j4KjS):focus{background-color:var(--playkit-danger-brighter-color)}.Button__button___NM3Vl.Button__translucent___nSc5h{background-color:rgba(0,0,0,.6);color:var(--playkit-primary-text-contrast-color)}.Button__button___NM3Vl.Button__borderless___sov7o{background-color:rgba(0,0,0,0);color:var(--playkit-tone-1-color)}.Button__button___NM3Vl.Button__borderless___sov7o:not(.Button__disabled___j4KjS):hover{background-color:var(--playkit-tone-4-color)}.Button__button___NM3Vl.Button__borderless___sov7o:not(.Button__disabled___j4KjS):focus{background-color:var(--playkit-tone-6-color)}.Button__button___NM3Vl.Button__small____SSTu{height:24px;font-size:13px;line-height:16px;padding:0 4px}.Button__button___NM3Vl.Button__small____SSTu.Button__withIcon___c3vxV{padding-right:8px}.Button__button___NM3Vl.Button__small____SSTu.Button__withIcon___c3vxV>span{margin-left:2px}.Button__button___NM3Vl.Button__small____SSTu.Button__iconOnly___dISNi{padding:0 3px}.Button__button___NM3Vl.Button__medium___psqY1{height:32px;font-size:14px;line-height:17px;padding:0 8px}.Button__button___NM3Vl.Button__medium___psqY1.Button__withIcon___c3vxV{padding-right:12px}.Button__button___NM3Vl.Button__medium___psqY1.Button__withIcon___c3vxV>span{margin-left:4px}.Button__button___NM3Vl.Button__medium___psqY1.Button__iconOnly___dISNi{padding:0 3px}.Button__button___NM3Vl.Button__large___ftsNW{height:40px;font-size:16px;line-height:19px;padding:0 16px}.Button__button___NM3Vl.Button__large___ftsNW.Button__withIcon___c3vxV{padding-left:12px}.Button__button___NM3Vl.Button__large___ftsNW.Button__withIcon___c3vxV>span{margin-left:4px}.Button__button___NM3Vl.Button__large___ftsNW.Button__iconOnly___dISNi{padding:0 3px}.Button__button___NM3Vl.Button__disabled___j4KjS{background-color:rgba(0,0,0,0);color:var(--playkit-tone-4-color);border-color:var(--playkit-tone-4-color);cursor:default}","",{version:3,sources:["webpack://./../node_modules/@playkit-js/common/dist/components/button/Button.scss","webpack://./../node_modules/@playkit-js/common/dist/components/variables.scss","webpack://./../node_modules/@playkit-js/common/node_modules/@playkit-js/playkit-js-ui/src/styles/exported.scss"],names:[],mappings:"AAGA,wBACE,YAAA,CACA,sBAAA,CACA,kBAAA,CACA,gBAAA,CACA,eAAA,CACA,8BAAA,CACA,iBCPY,CDQZ,cAAA,CACA,gDACE,6CEVY,CFWZ,gDER0B,CFUxB,qFACE,oDEbe,CFejB,qFACE,sDEfiB,CFmBvB,+CACE,4CENW,CFOX,+CEJyB,CFMvB,oFACE,mDETc,CFWhB,oFACE,qDEXgB,CFetB,oDACE,+BAAA,CACA,gDEhC0B,CFkC5B,mDACE,8BAAA,CACA,iCEZW,CFcT,wFACE,4CEZO,CFcT,wFACE,4CEbO,CFiBb,8CACE,WAAA,CACA,cAAA,CACA,gBAAA,CACA,aAAA,CACA,uEACE,iBAAA,CACA,4EACE,eAAA,CAGJ,uEACE,aAAA,CAGJ,+CACE,WAAA,CACA,cAAA,CACA,gBAAA,CACA,aAAA,CACA,wEACE,kBAAA,CACA,6EACE,eAAA,CAGJ,wEACE,aAAA,CAGJ,8CACE,WAAA,CACA,cAAA,CACA,gBAAA,CACA,cAAA,CACA,uEACE,iBAAA,CACA,4EACE,eAAA,CAGJ,uEACE,aAAA,CAGJ,iDACE,8BAAA,CACA,iCElEW,CFmEX,wCEnEW,CFoEX,cAAA",sourcesContent:["@import '../variables.scss';\n\n// https://www.figma.com/file/GYMv1jsthckOnKmCrdQJY3/%E2%8F%AF-Player-v7-(Guidelines)?node-id=21%3A1943&t=ywdMo875C6kzd7pN-0\n.button {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-wrap: nowrap;\n font-weight: 700;\n border: 1px solid transparent;\n border-radius: $roundness-1;\n cursor: pointer;\n &.primary {\n background-color: $primary-color;\n color: $primary-text-contrast-color;\n &:not(.disabled) {\n &:hover {\n background-color: $primary-darker-color;\n }\n &:focus {\n background-color: $primary-brighter-color;\n }\n }\n }\n &.danger {\n background-color: $danger-color;\n color: $danger-text-contrast-color;\n &:not(.disabled) {\n &:hover {\n background-color: $danger-darker-color;\n }\n &:focus {\n background-color: $danger-brighter-color;\n }\n }\n }\n &.translucent {\n background-color: rgba(0, 0, 0, 0.6);\n color: $primary-text-contrast-color;\n }\n &.borderless {\n background-color: transparent;\n color: $tone-1-color;\n &:not(.disabled) {\n &:hover {\n background-color: $tone-4-color;\n }\n &:focus {\n background-color: $tone-6-color;\n }\n }\n }\n &.small {\n height: 24px;\n font-size: 13px;\n line-height: 16px;\n padding: 0 4px;\n &.withIcon {\n padding-right: 8px;\n > span {\n margin-left: 2px;\n }\n }\n &.iconOnly {\n padding: 0 3px;\n }\n }\n &.medium {\n height: 32px;\n font-size: 14px;\n line-height: 17px;\n padding: 0 8px;\n &.withIcon {\n padding-right: 12px;\n > span {\n margin-left: 4px;\n }\n }\n &.iconOnly {\n padding: 0 3px;\n }\n }\n &.large {\n height: 40px;\n font-size: 16px;\n line-height: 19px;\n padding: 0 16px;\n &.withIcon {\n padding-left: 12px;\n > span {\n margin-left: 4px;\n }\n }\n &.iconOnly {\n padding: 0 3px;\n }\n }\n &.disabled {\n background-color: transparent;\n color: $tone-4-color;\n border-color: $tone-4-color;\n cursor: default;\n }\n}\n","@import '~@playkit-js/playkit-js-ui';\n\n// border radius\n$roundness-1: 4px;\n$roundness-2: 8px;\n\n// colors\n$white: #ffffff;\n","// Sass variables exported using the npm package for plugins usage\n\n// Accent Colors\n$primary-color: var(--playkit-primary-color);\n$primary-darker-color: var(--playkit-primary-darker-color);\n$primary-brighter-color: var(--playkit-primary-brighter-color);\n$primary-text-contrast-color: var(--playkit-primary-text-contrast-color);\n\n$secondary-color: var(--playkit-secondary-color);\n$secondary-darker-color: var(--playkit-secondary-darker-color);\n$secondary-brighter-color: var(--playkit-secondary-brighter-color);\n$secondary-text-contrast-color: var(--playkit-secondary-text-contrast-color);\n\n// Acknowledgement Colors\n$success-color: var(--playkit-success-color);\n$success-darker-color: var(--playkit-success-darker-color);\n$success-brighter-color: var(--playkit-success-brighter-color);\n$success-text-contrast-color: var(--playkit-success-text-contrast-color);\n\n$danger-color: var(--playkit-danger-color);\n$danger-darker-color: var(--playkit-danger-darker-color);\n$danger-brighter-color: var(--playkit-danger-brighter-color);\n$danger-text-contrast-color: var(--playkit-danger-text-contrast-color);\n\n$warning-color: var(--playkit-warning-color);\n$warning-darker-color: var(--playkit-warning-darker-color);\n$warning-brighter-color: var(--playkit-warning-brighter-color);\n$warning-text-contrast-color: var(--playkit-warning-text-contrast-color);\n\n// Tone Ramp\n$tone-1-color: var(--playkit-tone-1-color);\n$tone-2-color: var(--playkit-tone-2-color);\n$tone-3-color: var(--playkit-tone-3-color);\n$tone-4-color: var(--playkit-tone-4-color);\n$tone-5-color: var(--playkit-tone-5-color);\n$tone-6-color: var(--playkit-tone-6-color);\n$tone-7-color: var(--playkit-tone-7-color);\n$tone-8-color: var(--playkit-tone-8-color);\n\n$live-color: var(--playkit-live-color);\n$player-background-color: var(--playkit-player-background-color);\n$tab-focus-color: var(--playkit-tab-focus-color);\n$tooltip-background-color: var(--playkit-tooltip-background-color);\n$tooltip-color: var(--playkit-tooltip-color);\n$ads-color: var(--playkit-ads-color);\n"],sourceRoot:""}]),i.locals={button:"Button__button___NM3Vl",primary:"Button__primary___vkWyL",disabled:"Button__disabled___j4KjS",danger:"Button__danger___lCKPq",translucent:"Button__translucent___nSc5h",borderless:"Button__borderless___sov7o",small:"Button__small____SSTu",withIcon:"Button__withIcon___c3vxV",iconOnly:"Button__iconOnly___dISNi",medium:"Button__medium___psqY1",large:"Button__large___ftsNW"};const c=i},2707:(t,o,e)=>{"use strict";e.r(o),e.d(o,{default:()=>c});var r=e(559),n=e.n(r),a=e(3476),i=e.n(a)()(n());i.push([t.id,".InputField__input-field-wrapper___K1QeS{display:flex;align-items:center;flex-grow:1;width:100%;max-width:599px;padding-right:8px;height:32px;border:solid 1px rgba(255,255,255,.4);border-radius:4px}.InputField__input-field-wrapper___K1QeS ::-moz-placeholder{opacity:1}.InputField__input-field-wrapper___K1QeS .InputField__search-results___PBRGr{display:flex;justify-content:flex-end;align-items:center;flex-shrink:0;margin:0 8px 0 6px;font-size:12px;text-overflow:ellipsis}.InputField__input-field-wrapper___K1QeS .InputField__prev-next-wrapper___zAxBA{display:flex;flex-direction:column;justify-content:space-around;max-height:100%;height:100%;width:8px;flex:0 0 8px}.InputField__input-field-wrapper___K1QeS .InputField__prev-next-wrapper___zAxBA .InputField__prev-next-button___HP7Me{display:flex;align-items:center;height:50%;padding:0;background-color:rgba(0,0,0,0);border:none;cursor:pointer}.InputField__input-field-wrapper___K1QeS .InputField__prev-next-wrapper___zAxBA .InputField__prev-next-button___HP7Me.InputField__disabled___GVLcH{opacity:.4;cursor:default}.InputField__input-field-wrapper___K1QeS .InputField__input-element___BAphE{width:100%;flex-grow:1;flex-shrink:1;font-size:15px;padding:0 6px 1px 6px;color:var(--playkit-tone-1-color);background:rgba(0,0,0,0);border:none;overflow:hidden;text-overflow:ellipsis}.InputField__input-field-wrapper___K1QeS .InputField__input-element___BAphE::placeholder{color:var(--playkit-tone-2-color)}.InputField__input-field-wrapper___K1QeS .InputField__input-element___BAphE::selection{background-color:var(--playkit-primary-brighter-color)}.InputField__input-field-wrapper___K1QeS .InputField__clear-icon___eTi3X{padding:0;flex:0 0 12px;max-width:12px;max-height:12px;background-color:rgba(0,0,0,0);width:12px;height:12px;outline-offset:4px;border:none;cursor:pointer}.InputField__input-field-wrapper___K1QeS:hover{border-color:#fff}.InputField__input-field-wrapper___K1QeS.InputField__active____D1qS{color:var(--playkit-tone-2-color);background:var(--playkit-tone-8-color);border-color:#fff}","",{version:3,sources:["webpack://./../node_modules/@playkit-js/common/dist/components/input-field/InputField.scss","webpack://./../node_modules/@playkit-js/common/dist/components/variables.scss","webpack://./../node_modules/@playkit-js/common/node_modules/@playkit-js/playkit-js-ui/src/styles/exported.scss"],names:[],mappings:"AAEA,yCAKE,YAAA,CACA,kBAAA,CACA,WAAA,CACA,UAAA,CACA,eAAA,CACA,iBAAA,CACA,WAAA,CACA,qCAAA,CACA,iBCZY,CAAA,4DDCV,SAAA,CAYF,6EACE,YAAA,CACA,wBAAA,CACA,kBAAA,CACA,aAAA,CACA,kBAAA,CACA,cAAA,CACA,sBAAA,CAEF,gFACE,YAAA,CACA,qBAAA,CACA,4BAAA,CACA,eAAA,CACA,WAAA,CACA,SAAA,CACA,YAAA,CACA,sHACE,YAAA,CACA,kBAAA,CACA,UAAA,CACA,SAAA,CACA,8BAAA,CACA,WAAA,CACA,cAAA,CACA,mJACE,UAAA,CACA,cAAA,CAIN,4EACE,UAAA,CACA,WAAA,CACA,aAAA,CACA,cAAA,CACA,qBAAA,CACA,iCEvBW,CFwBX,wBAAA,CACA,WAAA,CACA,eAAA,CACA,sBAAA,CACA,yFACE,iCE5BS,CF8BX,uFACE,sDEzDmB,CF4DvB,yEACE,SAAA,CACA,aAAA,CACA,cAAA,CACA,eAAA,CACA,8BAAA,CACA,UAAA,CACA,WAAA,CACA,kBAAA,CACA,WAAA,CACA,cAAA,CAEF,+CACE,iBCvEI,CDyEN,oEACE,iCElDW,CFmDX,sCE7CW,CF8CX,iBC5EI",sourcesContent:["@import '../variables.scss';\n\n.input-field-wrapper {\n ::-moz-placeholder {\n opacity: 1;\n }\n\n display: flex;\n align-items: center;\n flex-grow: 1;\n width: 100%;\n max-width: 599px;\n padding-right: 8px;\n height: 32px;\n border: solid 1px rgba(255, 255, 255, 0.4);\n border-radius: $roundness-1;\n .search-results {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n flex-shrink: 0;\n margin: 0 8px 0 6px;\n font-size: 12px;\n text-overflow: ellipsis;\n }\n .prev-next-wrapper {\n display: flex;\n flex-direction: column;\n justify-content: space-around;\n max-height: 100%;\n height: 100%;\n width: 8px;\n flex: 0 0 8px;\n .prev-next-button {\n display: flex;\n align-items: center;\n height: 50%;\n padding: 0;\n background-color: transparent;\n border: none;\n cursor: pointer;\n &.disabled {\n opacity: 0.4;\n cursor: default;\n }\n }\n }\n .input-element {\n width: 100%;\n flex-grow: 1;\n flex-shrink: 1;\n font-size: 15px;\n padding: 0 6px 1px 6px;\n color: $tone-1-color;\n background: transparent;\n border: none;\n overflow: hidden;\n text-overflow: ellipsis;\n &::placeholder {\n color: $tone-2-color;\n }\n &::selection {\n background-color: $primary-brighter-color;\n }\n }\n .clear-icon {\n padding: 0;\n flex: 0 0 12px;\n max-width: 12px;\n max-height: 12px;\n background-color: transparent;\n width: 12px;\n height: 12px;\n outline-offset: 4px;\n border: none;\n cursor: pointer;\n }\n &:hover {\n border-color: $white;\n }\n &.active {\n color: $tone-2-color;\n background: $tone-8-color;\n border-color: $white;\n }\n}\n","@import '~@playkit-js/playkit-js-ui';\n\n// border radius\n$roundness-1: 4px;\n$roundness-2: 8px;\n\n// colors\n$white: #ffffff;\n","// Sass variables exported using the npm package for plugins usage\n\n// Accent Colors\n$primary-color: var(--playkit-primary-color);\n$primary-darker-color: var(--playkit-primary-darker-color);\n$primary-brighter-color: var(--playkit-primary-brighter-color);\n$primary-text-contrast-color: var(--playkit-primary-text-contrast-color);\n\n$secondary-color: var(--playkit-secondary-color);\n$secondary-darker-color: var(--playkit-secondary-darker-color);\n$secondary-brighter-color: var(--playkit-secondary-brighter-color);\n$secondary-text-contrast-color: var(--playkit-secondary-text-contrast-color);\n\n// Acknowledgement Colors\n$success-color: var(--playkit-success-color);\n$success-darker-color: var(--playkit-success-darker-color);\n$success-brighter-color: var(--playkit-success-brighter-color);\n$success-text-contrast-color: var(--playkit-success-text-contrast-color);\n\n$danger-color: var(--playkit-danger-color);\n$danger-darker-color: var(--playkit-danger-darker-color);\n$danger-brighter-color: var(--playkit-danger-brighter-color);\n$danger-text-contrast-color: var(--playkit-danger-text-contrast-color);\n\n$warning-color: var(--playkit-warning-color);\n$warning-darker-color: var(--playkit-warning-darker-color);\n$warning-brighter-color: var(--playkit-warning-brighter-color);\n$warning-text-contrast-color: var(--playkit-warning-text-contrast-color);\n\n// Tone Ramp\n$tone-1-color: var(--playkit-tone-1-color);\n$tone-2-color: var(--playkit-tone-2-color);\n$tone-3-color: var(--playkit-tone-3-color);\n$tone-4-color: var(--playkit-tone-4-color);\n$tone-5-color: var(--playkit-tone-5-color);\n$tone-6-color: var(--playkit-tone-6-color);\n$tone-7-color: var(--playkit-tone-7-color);\n$tone-8-color: var(--playkit-tone-8-color);\n\n$live-color: var(--playkit-live-color);\n$player-background-color: var(--playkit-player-background-color);\n$tab-focus-color: var(--playkit-tab-focus-color);\n$tooltip-background-color: var(--playkit-tooltip-background-color);\n$tooltip-color: var(--playkit-tooltip-color);\n$ads-color: var(--playkit-ads-color);\n"],sourceRoot:""}]),i.locals={"input-field-wrapper":"InputField__input-field-wrapper___K1QeS",inputFieldWrapper:"InputField__input-field-wrapper___K1QeS","search-results":"InputField__search-results___PBRGr",searchResults:"InputField__search-results___PBRGr","prev-next-wrapper":"InputField__prev-next-wrapper___zAxBA",prevNextWrapper:"InputField__prev-next-wrapper___zAxBA","prev-next-button":"InputField__prev-next-button___HP7Me",prevNextButton:"InputField__prev-next-button___HP7Me",disabled:"InputField__disabled___GVLcH","input-element":"InputField__input-element___BAphE",inputElement:"InputField__input-element___BAphE","clear-icon":"InputField__clear-icon___eTi3X",clearIcon:"InputField__clear-icon___eTi3X",active:"InputField__active____D1qS"};const c=i},6469:(t,o,e)=>{"use strict";e.r(o),e.d(o,{default:()=>c});var r=e(559),n=e.n(r),a=e(3476),i=e.n(a)()(n());i.push([t.id,".icon__iconWrapper___O5uqn.icon__small___IddLg{width:16px;height:16px}.icon__iconWrapper___O5uqn.icon__medium___llFxB{width:24px;height:24px}.icon__iconWrapper___O5uqn.icon__large___Q96VN{width:32px;height:32px}.icon__iconWrapper___O5uqn>svg{width:100%;height:100%}","",{version:3,sources:["webpack://./../node_modules/@playkit-js/common/dist/icon/icon.scss"],names:[],mappings:"AACE,+CACE,UAAA,CACA,WAAA,CAEF,gDACE,UAAA,CACA,WAAA,CAEF,+CACE,UAAA,CACA,WAAA,CAEF,+BACE,UAAA,CACA,WAAA",sourcesContent:[".iconWrapper {\n &.small {\n width: 16px;\n height: 16px;\n }\n &.medium {\n width: 24px;\n height: 24px;\n }\n &.large {\n width: 32px;\n height: 32px;\n }\n > svg {\n width: 100%;\n height: 100%;\n }\n}\n"],sourceRoot:""}]),i.locals={iconWrapper:"icon__iconWrapper___O5uqn",small:"icon__small___IddLg",medium:"icon__medium___llFxB",large:"icon__large___Q96VN"};const c=i},9042:(t,o,e)=>{"use strict";e.r(o),e.d(o,{default:()=>c});var r=e(559),n=e.n(r),a=e(3476),i=e.n(a)()(n());i.push([t.id,".autoscroll-button__autoscroll-button___WBkBE{opacity:0;position:absolute;right:12px;bottom:25px;width:32px;height:32px;padding:4px;border-radius:4px;border:none;box-shadow:0px 1px .75px rgba(0,0,0,.42),0px 1px .5px rgba(0,0,0,.25),0px 2px 3px rgba(0,0,0,.2);background-color:var(--playkit-primary-darker-color);cursor:pointer;z-index:1}.autoscroll-button__autoscroll-button___WBkBE.autoscroll-button__autoscroll-button-visible___ZHUf1{opacity:1}","",{version:3,sources:["webpack://./components/autoscroll-button/autoscroll-button.scss","webpack://./variables.scss","webpack://./../node_modules/@playkit-js/playkit-js-ui/src/styles/exported.scss"],names:[],mappings:"AAEA,8CACE,SAAA,CACA,iBAAA,CACA,UAAA,CACA,WAAA,CACA,UAAA,CACA,WAAA,CACA,WAAA,CACA,iBCPY,CDQZ,WAAA,CACA,gGAAA,CACA,oDETqB,CFUrB,cAAA,CACA,SAAA,CACA,mGACE,SAAA",sourcesContent:["@import '../../variables.scss';\n\n.autoscroll-button {\n opacity: 0;\n position: absolute;\n right: 12px;\n bottom: 25px;\n width: 32px;\n height: 32px;\n padding: 4px;\n border-radius: $roundness-1;\n border: none;\n box-shadow: 0px 1px 0.75px rgba(0, 0, 0, 0.42), 0px 1px 0.5px rgba(0, 0, 0, 0.25), 0px 2px 3px rgba(0, 0, 0, 0.2);\n background-color: $primary-darker-color;\n cursor: pointer;\n z-index: 1;\n &.autoscroll-button-visible {\n opacity: 1;\n }\n}\n","@import '~@playkit-js/playkit-js-ui';\n\n// border radius\n$roundness-1: 4px;\n$roundness-3: 16px;\n\n@mixin plugin-scrollbar {\n &::-webkit-scrollbar {\n width: 4px;\n }\n &::-webkit-scrollbar-track {\n background: rgba(33, 33, 33, 0.9);\n }\n &::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background-color: rgba(255, 255, 255, 0.3);\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:""}]),i.locals={"autoscroll-button":"autoscroll-button__autoscroll-button___WBkBE",autoscrollButton:"autoscroll-button__autoscroll-button___WBkBE","autoscroll-button-visible":"autoscroll-button__autoscroll-button-visible___ZHUf1",autoscrollButtonVisible:"autoscroll-button__autoscroll-button-visible___ZHUf1"};const c=i},828:(t,o,e)=>{"use strict";e.r(o),e.d(o,{default:()=>c});var r=e(559),n=e.n(r),a=e(3476),i=e.n(a)()(n());i.push([t.id,".captionList__transcript-wrapper___Omf8T{position:absolute;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-right:9px}","",{version:3,sources:["webpack://./components/caption-list/captionList.scss"],names:[],mappings:"AAAA,yCACE,iBAAA,CACA,UAAA,CACA,YAAA,CACA,qBAAA,CACA,kBAAA,CACA,sBAAA,CACA,iBAAA",sourcesContent:[".transcript-wrapper {\n position: absolute;\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding-right: 9px;\n}\n"],sourceRoot:""}]),i.locals={"transcript-wrapper":"captionList__transcript-wrapper___Omf8T",transcriptWrapper:"captionList__transcript-wrapper___Omf8T"};const c=i},9116:(t,o,e)=>{"use strict";e.r(o),e.d(o,{default:()=>c});var r=e(559),n=e.n(r),a=e(3476),i=e.n(a)()(n());i.push([t.id,".caption__caption___v5MZY{display:flex;justify-content:space-between;width:100%;margin-bottom:9px;margin-left:8px;color:var(--playkit-tone-1-color)}.caption__caption___v5MZY .caption__caption-time___N5cw5{flex-shrink:1;min-width:48px;align-items:flex-start;margin-right:8px;padding-top:2px;text-align:right;font-size:12px;color:var(--playkit-tone-2-color)}.caption__caption___v5MZY .caption__caption-content___F1WTh{flex-grow:1;font-size:14px;line-height:18px;text-align:left;user-select:text}.caption__caption___v5MZY .caption__caption-content___F1WTh:hover .caption__caption-span___cTewu{background-color:var(--playkit-tone-6-color)}.caption__caption___v5MZY .caption__caption-content___F1WTh:hover.caption__highlighted___ikaKW .caption__caption-span___cTewu{background-color:var(--playkit-primary-darker-color);padding:0 2px}.caption__caption___v5MZY .caption__caption-content___F1WTh.caption__highlighted___ikaKW .caption__caption-span___cTewu{color:var(--playkit-primary-text-contrast-color);background-color:var(--playkit-primary-color);padding:0 2px}.caption__caption___v5MZY .caption__caption-content___F1WTh.caption__without-time___v7BWT{margin-left:16px}.caption__caption___v5MZY .caption__caption-content___F1WTh .caption__caption-span___cTewu{user-select:text;-ms-user-select:text;border-radius:2px;cursor:pointer}.caption__caption___v5MZY .caption__caption-content___F1WTh .caption__caption-span___cTewu::selection{background-color:var(--playkit-primary-brighter-color);padding:0 2px}.caption__caption___v5MZY .caption__caption-content___F1WTh .caption__caption-span___cTewu>span::selection{background-color:var(--playkit-primary-brighter-color)}.caption__caption___v5MZY .caption__caption-content___F1WTh .caption__highlight-search___Rc4qg{color:var(--playkit-secondary-text-contrast-color);background-color:var(--playkit-secondary-color);border-radius:2px}.caption__caption___v5MZY .caption__caption-content___F1WTh .caption__highlight-search___Rc4qg::selection{background-color:var(--playkit-primary-brighter-color)}.caption__caption___v5MZY .caption__caption-content___F1WTh .caption__active-search___yoZOD{color:var(--playkit-secondary-text-contrast-color);background-color:var(--playkit-primary-darker-color);border-radius:2px}.caption__caption___v5MZY .caption__caption-content___F1WTh .caption__active-search___yoZOD::selection{background-color:var(--playkit-primary-brighter-color)}","",{version:3,sources:["webpack://./components/caption/caption.scss","webpack://./../node_modules/@playkit-js/playkit-js-ui/src/styles/exported.scss"],names:[],mappings:"AAEA,0BACE,YAAA,CACA,6BAAA,CACA,UAAA,CACA,iBAAA,CACA,eAAA,CACA,iCCsBa,CDrBb,yDACE,aAAA,CACA,cAAA,CACA,sBAAA,CACA,gBAAA,CACA,eAAA,CACA,gBAAA,CACA,cAAA,CACA,iCCcW,CDZb,4DACE,WAAA,CACA,cAAA,CACA,gBAAA,CACA,eAAA,CACA,gBAAA,CAEE,iGACE,4CCQO,CDLP,8HACE,oDC3Ba,CD4Bb,aAAA,CAKJ,wHACE,gDChCsB,CDiCtB,6CCpCQ,CDqCR,aAAA,CAGJ,0FACE,gBAAA,CAEF,2FACE,gBAAA,CACA,oBAAA,CACA,iBAAA,CACA,cAAA,CACA,sGACE,sDC/CiB,CDgDjB,aAAA,CAEF,2GACE,sDCnDiB,CDsDrB,+FACE,kDCjD0B,CDkD1B,+CCrDY,CDsDZ,iBAAA,CACA,0GACE,sDC3DiB,CD8DrB,4FACE,kDCzD0B,CD0D1B,oDCjEiB,CDkEjB,iBAAA,CACA,uGACE,sDCnEiB",sourcesContent:["@import '../../variables.scss';\n\n.caption {\n display: flex;\n justify-content: space-between;\n width: 100%;\n margin-bottom: 9px;\n margin-left: 8px;\n color: $tone-1-color;\n .caption-time {\n flex-shrink: 1;\n min-width: 48px;\n align-items: flex-start;\n margin-right: 8px;\n padding-top: 2px;\n text-align: right;\n font-size: 12px;\n color: $tone-2-color;\n }\n .caption-content {\n flex-grow: 1;\n font-size: 14px;\n line-height: 18px;\n text-align: left;\n user-select: text;\n &:hover {\n .caption-span {\n background-color: $tone-6-color;\n }\n &.highlighted {\n .caption-span {\n background-color: $primary-darker-color;\n padding: 0 2px;\n }\n }\n }\n &.highlighted {\n .caption-span {\n color: $primary-text-contrast-color;\n background-color: $primary-color;\n padding: 0 2px;\n }\n }\n &.without-time {\n margin-left: 16px;\n }\n .caption-span {\n user-select: text;\n -ms-user-select: text;\n border-radius: 2px;\n cursor: pointer;\n &::selection {\n background-color: $primary-brighter-color;\n padding: 0 2px;\n }\n & > span::selection {\n background-color: $primary-brighter-color;\n }\n }\n .highlight-search {\n color: $secondary-text-contrast-color;\n background-color: $secondary-color;\n border-radius: 2px;\n &::selection {\n background-color: $primary-brighter-color;\n }\n }\n .active-search {\n color: $secondary-text-contrast-color;\n background-color: $primary-darker-color;\n border-radius: 2px;\n &::selection {\n background-color: $primary-brighter-color;\n }\n }\n }\n}\n","// Sass variables exported using the npm package for plugins usage\n\n// Accent Colors\n$primary-color: var(--playkit-primary-color);\n$primary-darker-color: var(--playkit-primary-darker-color);\n$primary-brighter-color: var(--playkit-primary-brighter-color);\n$primary-text-contrast-color: var(--playkit-primary-text-contrast-color);\n\n$secondary-color: var(--playkit-secondary-color);\n$secondary-darker-color: var(--playkit-secondary-darker-color);\n$secondary-brighter-color: var(--playkit-secondary-brighter-color);\n$secondary-text-contrast-color: var(--playkit-secondary-text-contrast-color);\n\n// Acknowledgement Colors\n$success-color: var(--playkit-success-color);\n$success-darker-color: var(--playkit-success-darker-color);\n$success-brighter-color: var(--playkit-success-brighter-color);\n$success-text-contrast-color: var(--playkit-success-text-contrast-color);\n\n$danger-color: var(--playkit-danger-color);\n$danger-darker-color: var(--playkit-danger-darker-color);\n$danger-brighter-color: var(--playkit-danger-brighter-color);\n$danger-text-contrast-color: var(--playkit-danger-text-contrast-color);\n\n$warning-color: var(--playkit-warning-color);\n$warning-darker-color: var(--playkit-warning-darker-color);\n$warning-brighter-color: var(--playkit-warning-brighter-color);\n$warning-text-contrast-color: var(--playkit-warning-text-contrast-color);\n\n// Tone Ramp\n$tone-1-color: var(--playkit-tone-1-color);\n$tone-2-color: var(--playkit-tone-2-color);\n$tone-3-color: var(--playkit-tone-3-color);\n$tone-4-color: var(--playkit-tone-4-color);\n$tone-5-color: var(--playkit-tone-5-color);\n$tone-6-color: var(--playkit-tone-6-color);\n$tone-7-color: var(--playkit-tone-7-color);\n$tone-8-color: var(--playkit-tone-8-color);\n\n$live-color: var(--playkit-live-color);\n$player-background-color: var(--playkit-player-background-color);\n$tab-focus-color: var(--playkit-tab-focus-color);\n$tooltip-background-color: var(--playkit-tooltip-background-color);\n$tooltip-color: var(--playkit-tooltip-color);\n$ads-color: var(--playkit-ads-color);\n"],sourceRoot:""}]),i.locals={caption:"caption__caption___v5MZY","caption-time":"caption__caption-time___N5cw5",captionTime:"caption__caption-time___N5cw5","caption-content":"caption__caption-content___F1WTh",captionContent:"caption__caption-content___F1WTh","caption-span":"caption__caption-span___cTewu",captionSpan:"caption__caption-span___cTewu",highlighted:"caption__highlighted___ikaKW","without-time":"caption__without-time___v7BWT",withoutTime:"caption__without-time___v7BWT","highlight-search":"caption__highlight-search___Rc4qg",highlightSearch:"caption__highlight-search___Rc4qg","active-search":"caption__active-search___yoZOD",activeSearch:"caption__active-search___yoZOD"};const c=i},6958:(t,o,e)=>{"use strict";e.r(o),e.d(o,{default:()=>c});var r=e(559),n=e.n(r),a=e(3476),i=e.n(a)()(n());i.push([t.id,".plugin-button__pluginButton___hbzoA.plugin-button__active___pVKh2{background-color:var(--playkit-tone-6-color)}","",{version:3,sources:["webpack://./components/plugin-button/plugin-button.scss","webpack://./../node_modules/@playkit-js/playkit-js-ui/src/styles/exported.scss"],names:[],mappings:"AAGE,mEACE,4CC+BW",sourcesContent:["@import '../../variables.scss';\n\n.pluginButton {\n &.active {\n background-color: $tone-6-color;\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:""}]),i.locals={pluginButton:"plugin-button__pluginButton___hbzoA",active:"plugin-button__active___pVKh2"};const c=i},3558:(t,o,e)=>{"use strict";e.r(o),e.d(o,{default:()=>c});var r=e(559),n=e.n(r),a=e(3476),i=e.n(a)()(n());i.push([t.id,".popover-menu__popover-anchor-container___WFlS9{cursor:pointer;border-radius:4px}.popover-menu__popover-anchor-container___WFlS9:hover{background-color:var(--playkit-tone-4-color)}.popover-menu__popover-anchor-container___WFlS9.popover-menu__active___MtUlv{background-color:var(--playkit-tone-6-color)}.popover-menu__popover-anchor-container___WFlS9 .popover-menu__popover-anchor___sJyqi{pointer-events:none}.popover-menu__popover-container___jooX_{position:relative}.popover-menu__popover-container___jooX_ .popover-menu__popover-component___lcTrW{background-color:var(--playkit-tone-7-color);border-radius:4px;display:block;font-size:15px;margin-top:6px;position:absolute;right:0px;z-index:1}.popover-menu__popover-container___jooX_ .popover-menu__popover-component___lcTrW.popover-menu__hidden___D7olL{display:none}.popover-menu__popover-container___jooX_ .popover-menu__popover-component___lcTrW.popover-menu__bottom___ep9yL{top:100%;margin-top:6px}.popover-menu__popover-container___jooX_ .popover-menu__popover-component___lcTrW.popover-menu__left___EfFuM{right:0px}.popover-menu__popover-menu-item___I24pM{align-items:center;display:flex;font-size:15px;line-height:18px;min-height:30px;padding:9px 24px 9px 16px;white-space:nowrap;margin:4px}.popover-menu__popover-menu-item___I24pM.popover-menu__popover-menu-item-disabled___IpAvq{color:var(--playkit-tone-4-color)}.popover-menu__popover-menu-item___I24pM:hover :not(.popover-menu__popover-menu-item-disabled___IpAvq){background-color:var(--playkit-tone-6-color);border-radius:4px;cursor:pointer}.popover-menu__popover-menu-item___I24pM:focus{outline:1px solid #222}.popover-menu__popover-menu___GirVB{padding-top:6px;padding-bottom:6px}","",{version:3,sources:["webpack://./components/popover-menu/popover-menu.scss","webpack://./variables.scss","webpack://./../node_modules/@playkit-js/playkit-js-ui/src/styles/exported.scss"],names:[],mappings:"AAEA,gDACE,cAAA,CACA,iBCDY,CDGZ,sDACE,4CE0BW,CFvBb,6EACE,4CEwBW,CFrBb,sFACE,mBAAA,CAIJ,yCACE,iBAAA,CAEA,kFACE,4CEaW,CFZX,iBCrBU,CDsBV,aAAA,CACA,cAAA,CACA,cAAA,CACA,iBAAA,CACA,SAAA,CACA,SAAA,CAEA,+GACE,YAAA,CAGF,+GACE,QAAA,CACA,cAAA,CAGF,6GACE,SAAA,CAIN,yCACE,kBAAA,CACA,YAAA,CACA,cAAA,CACA,gBAAA,CACA,eAAA,CACA,yBAAA,CACA,kBAAA,CACA,UAAA,CAEA,0FACE,iCExBW,CF2Bb,uGACE,4CE1BW,CF2BX,iBC3DU,CD4DV,cAAA,CAGF,+CACE,sBAAA,CAIJ,oCACE,eAAA,CACA,kBAAA",sourcesContent:["@import './variables.scss';\n\n.popover-anchor-container {\n cursor: pointer;\n border-radius: $roundness-1;\n \n &:hover {\n background-color: $tone-4-color;\n }\n \n &.active {\n background-color: $tone-6-color;\n }\n \n .popover-anchor {\n pointer-events: none;\n }\n}\n\n.popover-container {\n position: relative;\n \n .popover-component {\n background-color: $tone-7-color;\n border-radius: $roundness-1;\n display: block;\n font-size: 15px;\n margin-top: 6px;\n position: absolute;\n right: 0px;\n z-index: 1;\n \n &.hidden {\n display: none;\n }\n \n &.bottom {\n top: 100%;\n margin-top: 6px;\n }\n \n &.left {\n right: 0px;\n }\n }\n}\n.popover-menu-item {\n align-items: center;\n display: flex;\n font-size: 15px;\n line-height: 18px;\n min-height: 30px;\n padding: 9px 24px 9px 16px;\n white-space: nowrap;\n margin: 4px;\n\n &.popover-menu-item-disabled {\n color: $tone-4-color;\n }\n \n &:hover :not(.popover-menu-item-disabled) {\n background-color: $tone-6-color;\n border-radius: $roundness-1;\n cursor: pointer;\n }\n \n &:focus {\n outline: 1px solid #222;\n }\n}\n\n.popover-menu {\n padding-top: 6px;\n padding-bottom: 6px;\n}\n\n","@import '~@playkit-js/playkit-js-ui';\n\n// border radius\n$roundness-1: 4px;\n$roundness-3: 16px;\n\n@mixin plugin-scrollbar {\n &::-webkit-scrollbar {\n width: 4px;\n }\n &::-webkit-scrollbar-track {\n background: rgba(33, 33, 33, 0.9);\n }\n &::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background-color: rgba(255, 255, 255, 0.3);\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:""}]),i.locals={"popover-anchor-container":"popover-menu__popover-anchor-container___WFlS9",popoverAnchorContainer:"popover-menu__popover-anchor-container___WFlS9",active:"popover-menu__active___MtUlv","popover-anchor":"popover-menu__popover-anchor___sJyqi",popoverAnchor:"popover-menu__popover-anchor___sJyqi","popover-container":"popover-menu__popover-container___jooX_",popoverContainer:"popover-menu__popover-container___jooX_","popover-component":"popover-menu__popover-component___lcTrW",popoverComponent:"popover-menu__popover-component___lcTrW",hidden:"popover-menu__hidden___D7olL",bottom:"popover-menu__bottom___ep9yL",left:"popover-menu__left___EfFuM","popover-menu-item":"popover-menu__popover-menu-item___I24pM",popoverMenuItem:"popover-menu__popover-menu-item___I24pM","popover-menu-item-disabled":"popover-menu__popover-menu-item-disabled___IpAvq",popoverMenuItemDisabled:"popover-menu__popover-menu-item-disabled___IpAvq","popover-menu":"popover-menu__popover-menu___GirVB",popoverMenu:"popover-menu__popover-menu___GirVB"};const c=i},7586:(t,o,e)=>{"use strict";e.r(o),e.d(o,{default:()=>c});var r=e(559),n=e.n(r),a=e(3476),i=e.n(a)()(n());i.push([t.id,".spinner__transcript-loader___SzsWJ{display:flex;flex-direction:column;height:100%;width:100%;color:var(--playkit-tone-3-color);margin:0;animation:spinner__frame-bounce___nmvI_ 2s infinite ease-in-out;overflow:hidden}.spinner__transcript-loader___SzsWJ svg{flex-shrink:0}@keyframes spinner__frame-bounce___nmvI_{0%,100%{opacity:.1}50%{opacity:.25}}","",{version:3,sources:["webpack://./components/spinner/spinner.scss","webpack://./../node_modules/@playkit-js/playkit-js-ui/src/styles/exported.scss"],names:[],mappings:"AAEA,oCACE,YAAA,CACA,qBAAA,CACA,WAAA,CACA,UAAA,CACA,iCCyBa,CDxBb,QAAA,CACA,+DAAA,CACA,eAAA,CACA,wCACE,aAAA,CAIJ,yCACE,QAEE,UAAA,CAEF,IACE,WAAA,CAAA",sourcesContent:["@import '../../variables.scss';\n\n.transcript-loader {\n display: flex;\n flex-direction: column;\n height: 100%;\n width: 100%;\n color: $tone-3-color;\n margin: 0;\n animation: frame-bounce 2s infinite ease-in-out;\n overflow: hidden;\n svg {\n flex-shrink: 0;\n }\n}\n\n@keyframes frame-bounce {\n 0%,\n 100% {\n opacity: 0.1;\n }\n 50% {\n opacity: 0.25;\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:""}]),i.locals={"transcript-loader":"spinner__transcript-loader___SzsWJ",transcriptLoader:"spinner__transcript-loader___SzsWJ","frame-bounce":"spinner__frame-bounce___nmvI_",frameBounce:"spinner__frame-bounce___nmvI_"};const c=i},7017:(t,o,e)=>{"use strict";e.r(o),e.d(o,{default:()=>c});var r=e(559),n=e.n(r),a=e(3476),i=e.n(a)()(n());i.push([t.id,".transcript__hidden___uGO_Y{visibility:hidden}.transcript__root___SEZlz{display:flex;justify-content:center;padding:16px 4px 0px 0px;color:var(--playkit-tone-1-color);height:100%;width:100%;position:absolute;background:rgba(0,0,0,.6);backdrop-filter:blur(8px);z-index:1}.transcript__root___SEZlz .transcript__skip-transcript-button___fQwQC{position:absolute;top:-1000px;z-index:1;display:flex;align-items:center;justify-content:center;width:120px;height:32px;border-radius:16px;box-shadow:0 2px 8px 0 rgba(0,0,0,.3);border:solid 1px var(--playkit-primary-color);background-color:var(--playkit-tone-7-color);font-size:15px;line-height:1.27;color:var(--playkit-tone-1-color)}.transcript__root___SEZlz .transcript__skip-transcript-button___fQwQC:focus{top:56px;right:12px;outline:none !important}.transcript__root___SEZlz *{font-family:sans-serif;font-style:normal}.transcript__global-container___Sn7v8{height:100%;display:flex;flex-direction:column;max-width:599px;width:100%}.transcript__header___AgZkl{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:8px;padding-left:16px;font-size:16px;padding-right:16px;gap:8px;z-index:2}.transcript__body___jTlBG{position:relative;padding-top:1px;flex:1;width:100%;overflow-y:auto;text-align:center;overflow-x:hidden}.transcript__body___jTlBG::-webkit-scrollbar{width:4px}.transcript__body___jTlBG::-webkit-scrollbar-track{background:rgba(33,33,33,.9)}.transcript__body___jTlBG::-webkit-scrollbar-thumb{border-radius:3px;background-color:rgba(255,255,255,.3)}.transcript__error-wrapper___Qe39U{height:100%;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--playkit-tone-3-color)}.transcript__error-wrapper___Qe39U .transcript__error-icon___no0DO{width:100%;height:100%;max-width:184px;max-height:184px;background-size:contain;background-repeat:no-repeat;background-position:center}.transcript__error-wrapper___Qe39U .transcript__error-main-text___VIVvd{font-size:1.3em;margin-top:8px;margin-bottom:2px}.transcript__error-wrapper___Qe39U .transcript__error-description-text___gg6yo{margin:0}.transcript__error-wrapper___Qe39U .transcript__retry-button___wCycN{width:36px;display:block;padding:0;margin:4px auto 0 auto;border:none;background:inherit;color:#fff;cursor:pointer}","",{version:3,sources:["webpack://./components/transcript/transcript.scss","webpack://./../node_modules/@playkit-js/playkit-js-ui/src/styles/exported.scss","webpack://./variables.scss"],names:[],mappings:"AAEA,4BACE,iBAAA,CAGF,0BACE,YAAA,CACA,sBAAA,CACA,wBAAA,CACA,iCCoBa,CDnBb,WAAA,CACA,UAAA,CACA,iBAAA,CACA,yBAAA,CACA,yBAAA,CACA,SAAA,CACA,sEACE,iBAAA,CACA,WAAA,CACA,SAAA,CACA,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,WAAA,CACA,WAAA,CACA,kBEtBU,CFuBV,qCAAA,CACA,6CAAA,CACA,4CCOW,CDNX,cAAA,CACA,gBAAA,CACA,iCCFW,CDGX,4EACE,QAAA,CACA,UAAA,CACA,uBAAA,CAIJ,4BACE,sBAAA,CACA,iBAAA,CAIJ,sCACE,WAAA,CACA,YAAA,CACA,qBAAA,CACA,eAAA,CACA,UAAA,CAGF,4BACE,YAAA,CACA,kBAAA,CACA,6BAAA,CACA,UAAA,CACA,iBAAA,CACA,iBAAA,CACA,cAAA,CACA,kBAAA,CACA,OAAA,CACA,SAAA,CAGF,0BACE,iBAAA,CACA,eAAA,CACA,MAAA,CACA,UAAA,CACA,eAAA,CACA,iBAAA,CACA,iBAAA,CEnEA,6CACE,SAAA,CAEF,mDACE,4BAAA,CAEF,mDACE,iBAAA,CACA,qCAAA,CF+DJ,mCACE,WAAA,CACA,UAAA,CACA,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,qBAAA,CACA,iCCrDa,CDsDb,mEACE,UAAA,CACA,WAAA,CACA,eAAA,CACA,gBAAA,CACA,uBAAA,CACA,2BAAA,CACA,0BAAA,CAEF,wEACE,eAAA,CACA,cAAA,CACA,iBAAA,CAEF,+EACE,QAAA,CAEF,qEACE,UAAA,CACA,aAAA,CACA,SAAA,CACA,sBAAA,CACA,WAAA,CACA,kBAAA,CACA,UAAA,CACA,cAAA",sourcesContent:["@import '../../variables.scss';\n\n.hidden {\n visibility: hidden;\n}\n\n.root {\n display: flex;\n justify-content: center;\n padding: 16px 4px 0px 0px;\n color: $tone-1-color;\n height: 100%;\n width: 100%;\n position: absolute;\n background: rgba(0, 0, 0, 0.6);\n backdrop-filter: blur(8px);\n z-index: 1;\n .skip-transcript-button {\n position: absolute;\n top: -1000px;\n z-index: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 120px;\n height: 32px;\n border-radius: $roundness-3;\n box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3);\n border: solid 1px $primary-color;\n background-color: $tone-7-color;\n font-size: 15px;\n line-height: 1.27;\n color: $tone-1-color;\n &:focus {\n top: 56px;\n right: 12px;\n outline: none !important; // prevent focus styles inherited from playkit-player.playkit-nav\n }\n }\n\n * {\n font-family: sans-serif;\n font-style: normal;\n }\n}\n\n.global-container {\n height: 100%;\n display: flex;\n flex-direction: column;\n max-width: 599px;\n width: 100%;\n}\n\n.header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n margin-bottom: 8px;\n padding-left: 16px;\n font-size: 16px;\n padding-right: 16px;\n gap: 8px;\n z-index: 2;\n}\n\n.body {\n position: relative;\n padding-top: 1px;\n flex: 1;\n width: 100%;\n overflow-y: auto;\n text-align: center;\n overflow-x: hidden;\n @include plugin-scrollbar();\n}\n\n.error-wrapper {\n height: 100%;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n color: $tone-3-color;\n .error-icon {\n width: 100%;\n height: 100%;\n max-width: 184px;\n max-height: 184px;\n background-size: contain;\n background-repeat: no-repeat;\n background-position: center;\n }\n .error-main-text {\n font-size: 1.3em;\n margin-top: 8px;\n margin-bottom: 2px;\n }\n .error-description-text {\n margin: 0;\n }\n .retry-button {\n width: 36px;\n display: block;\n padding: 0;\n margin: 4px auto 0 auto;\n border: none;\n background: inherit;\n color: white;\n cursor: pointer;\n }\n}\n","// Sass variables exported using the npm package for plugins usage\n\n// Accent Colors\n$primary-color: var(--playkit-primary-color);\n$primary-darker-color: var(--playkit-primary-darker-color);\n$primary-brighter-color: var(--playkit-primary-brighter-color);\n$primary-text-contrast-color: var(--playkit-primary-text-contrast-color);\n\n$secondary-color: var(--playkit-secondary-color);\n$secondary-darker-color: var(--playkit-secondary-darker-color);\n$secondary-brighter-color: var(--playkit-secondary-brighter-color);\n$secondary-text-contrast-color: var(--playkit-secondary-text-contrast-color);\n\n// Acknowledgement Colors\n$success-color: var(--playkit-success-color);\n$success-darker-color: var(--playkit-success-darker-color);\n$success-brighter-color: var(--playkit-success-brighter-color);\n$success-text-contrast-color: var(--playkit-success-text-contrast-color);\n\n$danger-color: var(--playkit-danger-color);\n$danger-darker-color: var(--playkit-danger-darker-color);\n$danger-brighter-color: var(--playkit-danger-brighter-color);\n$danger-text-contrast-color: var(--playkit-danger-text-contrast-color);\n\n$warning-color: var(--playkit-warning-color);\n$warning-darker-color: var(--playkit-warning-darker-color);\n$warning-brighter-color: var(--playkit-warning-brighter-color);\n$warning-text-contrast-color: var(--playkit-warning-text-contrast-color);\n\n// Tone Ramp\n$tone-1-color: var(--playkit-tone-1-color);\n$tone-2-color: var(--playkit-tone-2-color);\n$tone-3-color: var(--playkit-tone-3-color);\n$tone-4-color: var(--playkit-tone-4-color);\n$tone-5-color: var(--playkit-tone-5-color);\n$tone-6-color: var(--playkit-tone-6-color);\n$tone-7-color: var(--playkit-tone-7-color);\n$tone-8-color: var(--playkit-tone-8-color);\n\n$live-color: var(--playkit-live-color);\n$player-background-color: var(--playkit-player-background-color);\n$tab-focus-color: var(--playkit-tab-focus-color);\n$tooltip-background-color: var(--playkit-tooltip-background-color);\n$tooltip-color: var(--playkit-tooltip-color);\n$ads-color: var(--playkit-ads-color);\n","@import '~@playkit-js/playkit-js-ui';\n\n// border radius\n$roundness-1: 4px;\n$roundness-3: 16px;\n\n@mixin plugin-scrollbar {\n &::-webkit-scrollbar {\n width: 4px;\n }\n &::-webkit-scrollbar-track {\n background: rgba(33, 33, 33, 0.9);\n }\n &::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background-color: rgba(255, 255, 255, 0.3);\n }\n}\n"],sourceRoot:""}]),i.locals={hidden:"transcript__hidden___uGO_Y",root:"transcript__root___SEZlz","skip-transcript-button":"transcript__skip-transcript-button___fQwQC",skipTranscriptButton:"transcript__skip-transcript-button___fQwQC","global-container":"transcript__global-container___Sn7v8",globalContainer:"transcript__global-container___Sn7v8",header:"transcript__header___AgZkl",body:"transcript__body___jTlBG","error-wrapper":"transcript__error-wrapper___Qe39U",errorWrapper:"transcript__error-wrapper___Qe39U","error-icon":"transcript__error-icon___no0DO",errorIcon:"transcript__error-icon___no0DO","error-main-text":"transcript__error-main-text___VIVvd",errorMainText:"transcript__error-main-text___VIVvd","error-description-text":"transcript__error-description-text___gg6yo",errorDescriptionText:"transcript__error-description-text___gg6yo","retry-button":"transcript__retry-button___wCycN",retryButton:"transcript__retry-button___wCycN"};const c=i},3476:t=>{"use strict";t.exports=function(t){var o=[];return o.toString=function(){return this.map((function(o){var e="",r=void 0!==o[5];return o[4]&&(e+="@supports (".concat(o[4],") {")),o[2]&&(e+="@media ".concat(o[2]," {")),r&&(e+="@layer".concat(o[5].length>0?" ".concat(o[5]):""," {")),e+=t(o),r&&(e+="}"),o[2]&&(e+="}"),o[4]&&(e+="}"),e})).join("")},o.i=function(t,e,r,n,a){"string"==typeof t&&(t=[[null,t,void 0]]);var i={};if(r)for(var c=0;c<this.length;c++){var l=this[c][0];null!=l&&(i[l]=!0)}for(var s=0;s<t.length;s++){var p=[].concat(t[s]);r&&i[p[0]]||(void 0!==a&&(void 0===p[5]||(p[1]="@layer".concat(p[5].length>0?" ".concat(p[5]):""," {").concat(p[1],"}")),p[5]=a),e&&(p[2]?(p[1]="@media ".concat(p[2]," {").concat(p[1],"}"),p[2]=e):p[2]=e),n&&(p[4]?(p[1]="@supports (".concat(p[4],") {").concat(p[1],"}"),p[4]=n):p[4]="".concat(n)),o.push(p))}},o}},559:t=>{"use strict";t.exports=function(t){var o=t[1],e=t[3];if(!e)return o;if("function"==typeof btoa){var r=btoa(unescape(encodeURIComponent(JSON.stringify(e)))),n="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(r),a="/*# ".concat(n," */"),i=e.sources.map((function(t){return"/*# sourceURL=".concat(e.sourceRoot||"").concat(t," */")}));return[o].concat(i).concat([a]).join("\n")}return[o].join("\n")}},7538:(t,o,e)=>{var r=e(1892),n=e(6298);"string"==typeof(n=n.__esModule?n.default:n)&&(n=[[t.id,n,""]]);r(n,{insert:"head",singleton:!1}),t.exports=n.locals||{}},7998:(t,o,e)=>{var r=e(1892),n=e(2707);"string"==typeof(n=n.__esModule?n.default:n)&&(n=[[t.id,n,""]]);r(n,{insert:"head",singleton:!1}),t.exports=n.locals||{}},3278:(t,o,e)=>{var r=e(1892),n=e(6469);"string"==typeof(n=n.__esModule?n.default:n)&&(n=[[t.id,n,""]]);r(n,{insert:"head",singleton:!1}),t.exports=n.locals||{}},3457:(t,o,e)=>{var r=e(1892),n=e(9042);"string"==typeof(n=n.__esModule?n.default:n)&&(n=[[t.id,n,""]]);r(n,{insert:"head",singleton:!1}),t.exports=n.locals||{}},1044:(t,o,e)=>{var r=e(1892),n=e(828);"string"==typeof(n=n.__esModule?n.default:n)&&(n=[[t.id,n,""]]);r(n,{insert:"head",singleton:!1}),t.exports=n.locals||{}},3930:(t,o,e)=>{var r=e(1892),n=e(9116);"string"==typeof(n=n.__esModule?n.default:n)&&(n=[[t.id,n,""]]);r(n,{insert:"head",singleton:!1}),t.exports=n.locals||{}},3364:(t,o,e)=>{var r=e(1892),n=e(6958);"string"==typeof(n=n.__esModule?n.default:n)&&(n=[[t.id,n,""]]);r(n,{insert:"head",singleton:!1}),t.exports=n.locals||{}},5318:(t,o,e)=>{var r=e(1892),n=e(3558);"string"==typeof(n=n.__esModule?n.default:n)&&(n=[[t.id,n,""]]);r(n,{insert:"head",singleton:!1}),t.exports=n.locals||{}},7863:(t,o,e)=>{var r=e(1892),n=e(7586);"string"==typeof(n=n.__esModule?n.default:n)&&(n=[[t.id,n,""]]);r(n,{insert:"head",singleton:!1}),t.exports=n.locals||{}},6513:(t,o,e)=>{var r=e(1892),n=e(7017);"string"==typeof(n=n.__esModule?n.default:n)&&(n=[[t.id,n,""]]);r(n,{insert:"head",singleton:!1}),t.exports=n.locals||{}},1892:(t,o,e)=>{"use strict";var r,n=function(){var t={};return function(o){if(void 0===t[o]){var e=document.querySelector(o);if(window.HTMLIFrameElement&&e instanceof window.HTMLIFrameElement)try{e=e.contentDocument.head}catch(t){e=null}t[o]=e}return t[o]}}(),a=[];function i(t){for(var o=-1,e=0;e<a.length;e++)if(a[e].identifier===t){o=e;break}return o}function c(t,o){for(var e={},r=[],n=0;n<t.length;n++){var c=t[n],l=o.base?c[0]+o.base:c[0],s=e[l]||0,p="".concat(l," ").concat(s);e[l]=s+1;var u=i(p),d={css:c[1],media:c[2],sourceMap:c[3]};-1!==u?(a[u].references++,a[u].updater(d)):a.push({identifier:p,updater:A(d,o),references:1}),r.push(p)}return r}function l(t){var o=document.createElement("style"),r=t.attributes||{};if(void 0===r.nonce){var a=e.nc;a&&(r.nonce=a)}if(Object.keys(r).forEach((function(t){o.setAttribute(t,r[t])})),"function"==typeof t.insert)t.insert(o);else{var i=n(t.insert||"head");if(!i)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");i.appendChild(o)}return o}var s,p=(s=[],function(t,o){return s[t]=o,s.filter(Boolean).join("\n")});function u(t,o,e,r){var n=e?"":r.media?"@media ".concat(r.media," {").concat(r.css,"}"):r.css;if(t.styleSheet)t.styleSheet.cssText=p(o,n);else{var a=document.createTextNode(n),i=t.childNodes;i[o]&&t.removeChild(i[o]),i.length?t.insertBefore(a,i[o]):t.appendChild(a)}}function d(t,o,e){var r=e.css,n=e.media,a=e.sourceMap;if(n?t.setAttribute("media",n):t.removeAttribute("media"),a&&"undefined"!=typeof btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(a))))," */")),t.styleSheet)t.styleSheet.cssText=r;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(r))}}var _=null,h=0;function A(t,o){var e,r,n;if(o.singleton){var a=h++;e=_||(_=l(o)),r=u.bind(null,e,a,!1),n=u.bind(null,e,a,!0)}else e=l(o),r=d.bind(null,e,o),n=function(){!function(t){if(null===t.parentNode)return!1;t.parentNode.removeChild(t)}(e)};return r(t),function(o){if(o){if(o.css===t.css&&o.media===t.media&&o.sourceMap===t.sourceMap)return;r(t=o)}else n()}}t.exports=function(t,o){(o=o||{}).singleton||"boolean"==typeof o.singleton||(o.singleton=(void 0===r&&(r=Boolean(window&&document&&document.all&&!window.atob)),r));var e=c(t=t||[],o);return function(t){if(t=t||[],"[object Array]"===Object.prototype.toString.call(t)){for(var r=0;r<e.length;r++){var n=i(e[r]);a[n].references--}for(var l=c(t,o),s=0;s<e.length;s++){var p=i(e[s]);0===a[p].references&&(a[p].updater(),a.splice(p,1))}e=l}}}},1901:(t,o,e)=>{"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.AutoscrollButton=void 0;var r=e(4522),n=e(3457),a=e(979),i=KalturaPlayer.ui.preacti18n,c=i.withText,l=i.Text,s=KalturaPlayer.ui.components.Tooltip,p={autoScrollLabel:(0,r.h)(l,{id:"transcript.auto_scroll"},"Resume AutoScroll")};o.AutoscrollButton=c(p)((function(t){var o=t.onClick,e=t.isAutoScrollEnabled,i=t.setAutoscrollButtonRef,c=t.autoScrollLabel;return(0,r.h)(a.A11yWrapper,{onClick:o},(0,r.h)("div",{className:"".concat(n.autoscrollButton," ").concat(e?"":n.autoscrollButtonVisible),tabIndex:e?-1:1,"aria-label":c,ref:i},(0,r.h)(s,{label:c,type:"left"},(0,r.h)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},(0,r.h)("path",{d:"M6.29289 15.2929C6.65338 14.9324 7.22061 14.9047 7.6129 15.2097L7.70711 15.2929L12 19.585L16.2929 15.2929C16.6534 14.9324 17.2206 14.9047 17.6129 15.2097L17.7071 15.2929C18.0676 15.6534 18.0953 16.2206 17.7903 16.6129L17.7071 16.7071L12.7071 21.7071C12.3466 22.0676 11.7794 22.0953 11.3871 21.7903L11.2929 21.7071L6.29289 16.7071C5.90237 16.3166 5.90237 15.6834 6.29289 15.2929Z",fill:"white"}),(0,r.h)("path",{d:"M17.7071 8.70711C17.3466 9.06759 16.7794 9.09532 16.3871 8.7903L16.2929 8.70711L12 4.415L7.70711 8.70711C7.34662 9.06759 6.77939 9.09532 6.3871 8.79029L6.29289 8.70711C5.93241 8.34662 5.90468 7.77939 6.2097 7.3871L6.29289 7.29289L11.2929 2.29289C11.6534 1.93241 12.2206 1.90468 12.6129 2.2097L12.7071 2.29289L17.7071 7.29289C18.0976 7.68342 18.0976 8.31658 17.7071 8.70711Z",fill:"white"}),(0,r.h)("rect",{x:"10",y:"10",width:"4",height:"4",rx:"2",fill:"white"})))))}))},7099:function(t,o,e){"use strict";var r=this&&this.__createBinding||(Object.create?function(t,o,e,r){void 0===r&&(r=e);var n=Object.getOwnPropertyDescriptor(o,e);n&&!("get"in n?!o.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return o[e]}}),Object.defineProperty(t,r,n)}:function(t,o,e,r){void 0===r&&(r=e),t[r]=o[e]}),n=this&&this.__exportStar||function(t,o){for(var e in t)"default"===e||Object.prototype.hasOwnProperty.call(o,e)||r(o,t,e)};Object.defineProperty(o,"__esModule",{value:!0}),n(e(1901),o)},9291:function(t,o,e){"use strict";var r,n=this&&this.__extends||(r=function(t,o){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,o){t.__proto__=o}||function(t,o){for(var e in o)Object.prototype.hasOwnProperty.call(o,e)&&(t[e]=o[e])},r(t,o)},function(t,o){if("function"!=typeof o&&null!==o)throw new TypeError("Class extends value "+String(o)+" is not a constructor or null");function e(){this.constructor=t}r(t,o),t.prototype=null===o?Object.create(o):(e.prototype=o.prototype,new e)}),a=this&&this.__assign||function(){return a=Object.assign||function(t){for(var o,e=1,r=arguments.length;e<r;e++)for(var n in o=arguments[e])Object.prototype.hasOwnProperty.call(o,n)&&(t[n]=o[n]);return t},a.apply(this,arguments)};Object.defineProperty(o,"__esModule",{value:!0}),o.CaptionList=void 0;var i=e(4522),c=e(4539),l=e(6734),s=e(1044),p=KalturaPlayer.ui.utils.KeyMap,u=p.END,d=p.HOME,_=function(t){function o(){var o=null!==t&&t.apply(this,arguments)||this;return o._currentCaptionRef=null,o._firstCaptionRef=null,o._lastCaptionRef=null,o._handleClick=function(t){return function(){(0,o.props.onSeek)(t)}},o._getShouldScroll=function(t){var e=o.props,r=e.isAutoScrollEnabled,n=e.highlightedMap;return r&&n[t]},o._getShouldScrollToSearchMatch=function(t){var e=o.props,r=e.isAutoScrollEnabled,n=e.searchMap,a=e.activeSearchIndex;return!r&&n[t]&&void 0!==n[t][a]},o._getSearchProps=function(t){var e=o.props,r=e.searchMap,n=e.activeSearchIndex,a=e.captionProps,i={};return r[t]&&(i.indexMap=r[t],i.activeSearchIndex=n,i.searchLength=a.searchLength),i},o._getCaptionProps=function(t){var e=o.props,r=e.highlightedMap,n=e.captionProps,i=e.isAutoScrollEnabled,l=t.id;return a({showTime:n.showTime,scrollTo:n.scrollTo,scrollToSearchMatch:n.scrollToSearchMatch,key:l,onClick:o._handleClick(t),caption:t,highlighted:r,longerThanHour:n.videoDuration>=c.HOUR,shouldScroll:o._getShouldScroll(l),shouldScrollToSearchMatch:o._getShouldScrollToSearchMatch(l),isAutoScrollEnabled:i},o._getSearchProps(l))},o._handleKeyUp=function(t){var e,r,n,a;t.keyCode===u?null===(r=null===(e=o._lastCaptionRef)||void 0===e?void 0:e._hotspotRef)||void 0===r||r.focus():t.keyCode===d&&(null===(a=null===(n=o._firstCaptionRef)||void 0===n?void 0:n._hotspotRef)||void 0===a||a.focus())},o}return n(o,t),o.prototype.shouldComponentUpdate=function(t){var o=this.props,e=o.highlightedMap,r=o.data,n=o.searchMap,a=o.activeSearchIndex,i=o.isAutoScrollEnabled,c=o.captionProps;return e!==t.highlightedMap||r!==t.data||n!==t.searchMap||a!==t.activeSearchIndex||i!==t.isAutoScrollEnabled||c.videoDuration!==t.captionProps.videoDuration},o.prototype.render=function(){var t=this,o=this.props.data;return(0,i.h)("div",{className:s.transcriptWrapper,onKeyUp:this._handleKeyUp,"aria-live":"polite"},o.map((function(e,r){var n=t._getCaptionProps(e);return(0,i.h)(l.Caption,a({ref:function(a){0===r?t._firstCaptionRef=a:r===o.length-1&&(t._lastCaptionRef=a),n.highlighted[e.id]&&(t._currentCaptionRef=a)}},n))})))},o}(i.Component);o.CaptionList=_},5271:function(t,o,e){"use strict";var r=this&&this.__createBinding||(Object.create?function(t,o,e,r){void 0===r&&(r=e);var n=Object.getOwnPropertyDescriptor(o,e);n&&!("get"in n?!o.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return o[e]}}),Object.defineProperty(t,r,n)}:function(t,o,e,r){void 0===r&&(r=e),t[r]=o[e]}),n=this&&this.__exportStar||function(t,o){for(var e in t)"default"===e||Object.prototype.hasOwnProperty.call(o,e)||r(o,t,e)};Object.defineProperty(o,"__esModule",{value:!0}),n(e(9291),o)},5348:function(t,o,e){"use strict";var r,n=this&&this.__extends||(r=function(t,o){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,o){t.__proto__=o}||function(t,o){for(var e in o)Object.prototype.hasOwnProperty.call(o,e)&&(t[e]=o[e])},r(t,o)},function(t,o){if("function"!=typeof o&&null!==o)throw new TypeError("Class extends value "+String(o)+" is not a constructor or null");function e(){this.constructor=t}r(t,o),t.prototype=null===o?Object.create(o):(e.prototype=o.prototype,new e)}),a=this&&this.__assign||function(){return a=Object.assign||function(t){for(var o,e=1,r=arguments.length;e<r;e++)for(var n in o=arguments[e])Object.prototype.hasOwnProperty.call(o,n)&&(t[n]=o[n]);return t},a.apply(this,arguments)};Object.defineProperty(o,"__esModule",{value:!0}),o.Caption=void 0;var i=e(4522),c=e(979),l=e(4539),s=e(3930),p=function(t){function o(){var o=null!==t&&t.apply(this,arguments)||this;return o._hotspotRef=null,o.state={focused:!1},o._handleKeyDown=function(t,e){e&&(t.preventDefault(),o._gotoCurrentTime())},o._handleClick=function(t){var e;t.stopPropagation(),null===(e=o._hotspotRef)||void 0===e||e.focus(),o._gotoCurrentTime()},o._gotoCurrentTime=function(){var t=o.props,e=t.caption,r=t.onClick;e.text.length&&r()},o._renderText=function(t){var e=o.props,r=e.activeSearchIndex,n=e.searchLength,a=e.indexMap,c=[];return a&&(c=Object.keys(a).sort((function(t,o){return Number(t)-Number(o)}))),0===(null==t?void 0:t.length)?null:(0,i.h)("span",{className:s.captionSpan},a?c.map((function(o,e){var l=0===e?t.substring(0,a[o]):"",p=t.substring(a[o],a[o]+n),u=t.substring(a[o]+n,e-1===c.length?t.length:a[c[e+1]]);return(0,i.h)("span",null,l,(0,i.h)("span",{className:Number(o)===r?s.activeSearch:s.highlightSearch},p),u)})):t)},o._handleFocus=function(){o.setState({focused:!0})},o._handleBlur=function(){o.setState({focused:!1})},o}return n(o,t),o.prototype.componentDidUpdate=function(){this._hotspotRef&&this.props.shouldScroll?this.props.scrollTo(this._hotspotRef):this._hotspotRef&&this.props.shouldScrollToSearchMatch&&this.props.scrollToSearchMatch(this._hotspotRef)},o.prototype.shouldComponentUpdate=function(t,o){var e=this.props,r=e.indexMap,n=e.highlighted,a=e.isAutoScrollEnabled,i=e.activeSearchIndex,c=e.longerThanHour;return e.caption,c!==t.longerThanHour||n!==t.highlighted||this.state.focused!==o.focused||!(!n||a===t.isAutoScrollEnabled)||r!==t.indexMap||!(!r||!t.indexMap||r[i]===t.indexMap[t.activeSearchIndex])},o.prototype.render=function(){var t=this,o=this.props,e=o.caption,r=o.highlighted,n=o.showTime,p=o.longerThanHour,u=e.startTime,d=e.id,_=Object.keys(r)[0]===d,h={ariaCurrent:_,onFocus:this._handleFocus,onBlur:this._handleBlur,tabIndex:0,ariaHidden:!(_||this.state.focused)};return(0,i.h)(c.A11yWrapper,{onClick:this._handleKeyDown,role:_?"text":"listitem"},(0,i.h)("div",a({className:s.caption,ref:function(o){t._hotspotRef=o}},h),n&&(0,i.h)("div",{className:s.captionTime},(0,l.secontsToTime)(u,p)),(0,i.h)("div",{onClick:this._handleClick,className:"".concat(s.captionContent," ").concat(_?s.highlighted:""," ").concat(n?"":s.withoutTime)},this._renderText(e.text))))},o}(i.Component);o.Caption=p},6734:function(t,o,e){"use strict";var r=this&&this.__createBinding||(Object.create?function(t,o,e,r){void 0===r&&(r=e);var n=Object.getOwnPropertyDescriptor(o,e);n&&!("get"in n?!o.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return o[e]}}),Object.defineProperty(t,r,n)}:function(t,o,e,r){void 0===r&&(r=e),t[r]=o[e]}),n=this&&this.__exportStar||function(t,o){for(var e in t)"default"===e||Object.prototype.hasOwnProperty.call(o,e)||r(o,t,e)};Object.defineProperty(o,"__esModule",{value:!0}),n(e(5348),o)},1293:(t,o)=>{"use strict";var e;Object.defineProperty(o,"__esModule",{value:!0}),o.icons=void 0,(e=o.icons||(o.icons={})).PLUGIN_ICON="M23.1111111,19 C23.6020309,19 24,19.4477153 24,20 C24,20.5522847 23.6020309,21 23.1111111,21 L8.88888889,21 C8.39796911,21 8,20.5522847 8,20 C8,19.4477153 8.39796911,19 8.88888889,19 L23.1111111,19 Z M24.8695652,3 C26.5984566,3 28,4.24720677 28,5.78571429 L28,26.2142857 C28,27.7527932 26.5984566,29 24.8695652,29 L7.13043478,29 C5.40154339,29 4,27.7527932 4,26.2142857 L4,5.78571429 C4,4.24720677 5.40154339,3 7.13043478,3 L24.8695652,3 Z M26,17 L6,17 L6,26.0833333 C6,26.5895944 6.47127921,27 7.05263158,27 L24.9473684,27 C25.5287208,27 26,26.5895944 26,26.0833333 L26,17 Z M8.88888889,23 L23.1111111,23 C23.6020309,23 24,23.4477153 24,24 C24,24.5128358 23.6568532,24.9355072 23.2147743,24.9932723 L23.1111111,25 L8.88888889,25 C8.39796911,25 8,24.5522847 8,24 C8,23.4871642 8.34314684,23.0644928 8.78522567,23.0067277 L8.88888889,23 L23.1111111,23 L8.88888889,23 Z M24.9473684,5 L7.05263158,5 C6.47127921,5 6,5.41040565 6,5.91666667 L6,15 L26,15 L26,5.91666667 C26,5.41040565 25.5287208,5 24.9473684,5 Z",e.BigSize=32,e.MediumSize=24,e.SmallSize=16},2351:(t,o,e)=>{"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.PluginButton=void 0;var r=e(4522),n=e(3364),a=e(6978),i=e(1293),c=e(979),l=KalturaPlayer.ui.components,s=l.Tooltip,p=l.Icon;o.PluginButton=function(t){var o=t.isActive,e=t.onClick,l=t.label,u=t.id,d=t.icon,_=t.dataTestId,h=t.setRef;return(0,r.h)(s,{label:l,type:"bottom"},(0,r.h)(c.A11yWrapper,{onClick:e},(0,r.h)("button",{ref:function(t){h&&h(t)},"aria-label":l,className:[a.ui.style.upperBarIcon,n.pluginButton,o?n.active:""].join(" "),"data-testid":_},(0,r.h)(p,{id:u,height:i.icons.BigSize,width:i.icons.BigSize,viewBox:"0 0 ".concat(i.icons.BigSize," ").concat(i.icons.BigSize),path:d}))))},o.PluginButton.defaultProps={dataTestId:"transcript_pluginButton"}},8909:(t,o,e)=>{"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.PopoverMenu=void 0;var r=e(1664);Object.defineProperty(o,"PopoverMenu",{enumerable:!0,get:function(){return r.PopoverMenu}})},1664:function(t,o,e){"use strict";var r,n=this&&this.__extends||(r=function(t,o){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,o){t.__proto__=o}||function(t,o){for(var e in o)Object.prototype.hasOwnProperty.call(o,e)&&(t[e]=o[e])},r(t,o)},function(t,o){if("function"!=typeof o&&null!==o)throw new TypeError("Class extends value "+String(o)+" is not a constructor or null");function e(){this.constructor=t}r(t,o),t.prototype=null===o?Object.create(o):(e.prototype=o.prototype,new e)}),a=this&&this.__decorate||function(t,o,e,r){var n,a=arguments.length,i=a<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,e):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,o,e,r);else for(var c=t.length-1;c>=0;c--)(n=t[c])&&(i=(a<3?n(i):a>3?n(o,e,i):n(o,e))||i);return a>3&&i&&Object.defineProperty(o,e,i),i};Object.defineProperty(o,"__esModule",{value:!0}),o.PopoverMenu=void 0;var i=e(979),c=e(4522),l=KalturaPlayer.ui.components.Tooltip,s=KalturaPlayer.ui.Event.withEventManager,p=KalturaPlayer.ui.utils.KeyMap.TAB,u=e(5318),d=function(t){function o(o){var e,r,n=this;return(n=t.call(this,o)||this)._controlElementRef=null,n._popoverElementRef=null,n._itemsRefMap=new Map,n.handleMouseEvent=function(t){var o;(null===(o=n._controlElementRef)||void 0===o?void 0:o.contains(t.target))||n.closePopover()},n.handleKeydownEvent=function(t){var o,e,r=t.target;!n.state.isOpen||t.keyCode!==p||(null===(o=n._controlElementRef)||void 0===o?void 0:o.contains(r))||(null===(e=n._popoverElementRef)||void 0===e?void 0:e.contains(r))||n.closePopover()},n._handleUpKeyPressed=function(t){return function(){var o;null===(o=n._getItemRef(t-1))||void 0===o||o.focus()}},n._handleDownKeyPressed=function(t){return function(){var o;null===(o=n._getItemRef(t+1))||void 0===o||o.focus()}},n.togglePopover=function(t){var o=!n.state.isOpen;n.setState({isOpen:o},(function(){var e;if(o&&t){var r=n.props.items.findIndex((function(t){return!t.isDisabled}));-1!==r&&(null===(e=n._getItemRef(r))||void 0===e||e.focus())}}))},n._getItemRef=function(t){return n._itemsRefMap.get(t)},n._setItemRef=function(t,o){return n._itemsRefMap.set(t,o)},n.state={isOpen:!1},null===(e=n.props.eventManager)||void 0===e||e.listen(document,"click",n.handleMouseEvent),null===(r=n.props.eventManager)||void 0===r||r.listen(document,"keydown",n.handleKeydownEvent),n}return n(o,t),o.prototype.componentWillUnmount=function(){this._itemsRefMap=new Map},o.prototype.closePopover=function(){this.setState({isOpen:!1})},o.prototype.render=function(){var t=this,o=this.props,e=o.label,r=o.children,n=o.items,a=(0,c.h)("div",{className:u.popoverContainer},(0,c.h)(i.A11yWrapper,{onClick:function(){return t.togglePopover(!0)}},(0,c.h)("div",{"data-testid":"popover-anchor-container",className:"".concat(u.popoverAnchorContainer," ").concat(this.state.isOpen?u.active:""),ref:function(o){t._controlElementRef=o}},(0,c.h)("div",{className:u.popoverAnchor},r))),(0,c.h)("div",{className:u.popoverComponent,role:"menu","aria-expanded":this.state.isOpen,ref:function(o){t._popoverElementRef=o}},this.state.isOpen?n.map((function(o,e){var r=o.label,n=o.onClick,a=o.testId,l=o.isDisabled;return(0,c.h)(i.A11yWrapper,{onClick:function(){l||(t.closePopover(),n())},onDownKeyPressed:function(){l||t._handleDownKeyPressed(e)},onUpKeyPressed:function(){l||t._handleUpKeyPressed(e)}},(0,c.h)("div",{tabIndex:l?-1:0,role:"menuitem",className:"".concat(u.popoverMenuItem," ").concat(l?u.popoverMenuItemDisabled:""),"data-testid":a,ref:function(o){t._setItemRef(e,o)}},r))})):null));return this.state.isOpen?a:(0,c.h)("div",null,(0,c.h)(l,{label:e},a))},a([s],o)}(c.Component);o.PopoverMenu=d},3517:function(t,o,e){"use strict";var r=this&&this.__createBinding||(Object.create?function(t,o,e,r){void 0===r&&(r=e);var n=Object.getOwnPropertyDescriptor(o,e);n&&!("get"in n?!o.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return o[e]}}),Object.defineProperty(t,r,n)}:function(t,o,e,r){void 0===r&&(r=e),t[r]=o[e]}),n=this&&this.__exportStar||function(t,o){for(var e in t)"default"===e||Object.prototype.hasOwnProperty.call(o,e)||r(o,t,e)};Object.defineProperty(o,"__esModule",{value:!0}),n(e(8372),o)},8372:function(t,o,e){"use strict";var r,n=this&&this.__extends||(r=function(t,o){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,o){t.__proto__=o}||function(t,o){for(var e in o)Object.prototype.hasOwnProperty.call(o,e)&&(t[e]=o[e])},r(t,o)},function(t,o){if("function"!=typeof o&&null!==o)throw new TypeError("Class extends value "+String(o)+" is not a constructor or null");function e(){this.constructor=t}r(t,o),t.prototype=null===o?Object.create(o):(e.prototype=o.prototype,new e)});Object.defineProperty(o,"__esModule",{value:!0}),o.Search=void 0;var a=e(4522),i=e(178),c=KalturaPlayer.ui.preacti18n,l=c.withText,s=c.Text,p=function(t){function o(){var o=null!==t&&t.apply(this,arguments)||this;return o._inputField=null,o}return n(o,t),o.prototype.shouldComponentUpdate=function(t){var o=this.props,e=o.value,r=o.activeSearchIndex,n=o.totalSearchResults,a=o.kitchenSinkActive;return e!==t.value||r!==t.activeSearchIndex||n!==t.totalSearchResults||a!==t.kitchenSinkActive},o.prototype.componentDidUpdate=function(t){var o,e=this.props,r=e.kitchenSinkActive,n=e.toggledWithEnter;!t.kitchenSinkActive&&r&&n&&(null===(o=this._inputField)||void 0===o||o.setFocus({preventScroll:!0}))},o.prototype.render=function(){var t=this,o=this.props,e=o.value,r=o.totalSearchResults,n=o.activeSearchIndex,c=o.onChange,l=o.onSearchIndexChange;return(0,a.h)(i.InputField,{ref:function(o){t._inputField=o},value:e,onChange:c,placeholder:this.props.searchLabel,clearSearchLabel:this.props.clearSearchLabel,searchResults:{activeSearchIndex:n,totalSearchResults:r,onSearchIndexChange:l,nextMatchLabel:this.props.nextMatchLabel,prevMatchLabel:this.props.prevMatchLabel,searchResultsLabel:this.props.searchResultsLabel}})},o}(a.Component);o.Search=l((function(t){var o=t.activeSearchIndex,e=t.totalSearchResults;return{searchLabel:(0,a.h)(s,{id:"transcript.search"},"Search in Transcript"),clearSearchLabel:(0,a.h)(s,{id:"transcript.clear_search"},"Clear search"),nextMatchLabel:(0,a.h)(s,{id:"transcript.next_search_match"},"Next"),prevMatchLabel:(0,a.h)(s,{id:"transcript.prev_search_match"},"Previous"),searchResultsLabel:(0,a.h)(s,{id:"transcript.prev_search_match",fields:{current:e>0?o:0,total:e}},"Result ".concat(e>0?o:0," of ").concat(e))}}))(p)},1797:function(t,o,e){"use strict";var r=this&&this.__createBinding||(Object.create?function(t,o,e,r){void 0===r&&(r=e);var n=Object.getOwnPropertyDescriptor(o,e);n&&!("get"in n?!o.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return o[e]}}),Object.defineProperty(t,r,n)}:function(t,o,e,r){void 0===r&&(r=e),t[r]=o[e]}),n=this&&this.__exportStar||function(t,o){for(var e in t)"default"===e||Object.prototype.hasOwnProperty.call(o,e)||r(o,t,e)};Object.defineProperty(o,"__esModule",{value:!0}),n(e(4350),o)},4350:function(t,o,e){"use strict";var r,n=this&&this.__extends||(r=function(t,o){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,o){t.__proto__=o}||function(t,o){for(var e in o)Object.prototype.hasOwnProperty.call(o,e)&&(t[e]=o[e])},r(t,o)},function(t,o){if("function"!=typeof o&&null!==o)throw new TypeError("Class extends value "+String(o)+" is not a constructor or null");function e(){this.constructor=t}r(t,o),t.prototype=null===o?Object.create(o):(e.prototype=o.prototype,new e)});Object.defineProperty(o,"__esModule",{value:!0}),o.Spinner=void 0;var a=e(4522),i=e(7863),c=function(t){function o(){return null!==t&&t.apply(this,arguments)||this}return n(o,t),o.prototype.render=function(){return(0,a.h)("div",{className:i.transcriptLoader},Array.apply(null,Array(20)).map((function(t,o){return(0,a.h)("svg",{key:o,width:"100%",height:"50",viewBox:"0 0 100% 50",fill:"none",xmlns:"http://www.w3.org/2000/svg"},(0,a.h)("rect",{x:"16",y:"8",width:"90%",height:"12",rx:"4",fill:"white"}),(0,a.h)("rect",{x:"16",y:"30",width:"60%",height:"12",rx:"4",fill:"white"}))})))},o}(a.Component);o.Spinner=c},244:(t,o,e)=>{"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.TranscriptMenu=void 0;var r=e(6209);Object.defineProperty(o,"TranscriptMenu",{enumerable:!0,get:function(){return r.TranscriptMenu}})},6209:function(t,o,e){"use strict";var r,n=this&&this.__extends||(r=function(t,o){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,o){t.__proto__=o}||function(t,o){for(var e in o)Object.prototype.hasOwnProperty.call(o,e)&&(t[e]=o[e])},r(t,o)},function(t,o){if("function"!=typeof o&&null!==o)throw new TypeError("Class extends value "+String(o)+" is not a constructor or null");function e(){this.constructor=t}r(t,o),t.prototype=null===o?Object.create(o):(e.prototype=o.prototype,new e)});Object.defineProperty(o,"__esModule",{value:!0}),o.TranscriptMenu=void 0;var a=e(4522),i=e(8909),c=e(1972),l=function(t){function o(o){var e=t.call(this)||this,r=o.downloadDisabled,n=o.onDownload,a=o.printDisabled,i=o.onPrint,c=(o.printDownloadAreaLabel,o.printTranscript,o.downloadTranscript,o.isLoading),l=[];return r||l.push({testId:"download-menu-item",label:"Download transcript",onClick:n,isDisabled:c}),a||l.push({testId:"print-menu-item",label:"Print transcript",onClick:i,isDisabled:c}),e.state={items:l},e}return n(o,t),o.prototype.render=function(){return this.state.items.length?(0,a.h)(i.PopoverMenu,{label:"More",items:this.state.items},(0,a.h)(c.Button,{type:c.ButtonType.borderless,icon:"more"})):null},o}(a.Component);o.TranscriptMenu=l},536:(t,o,e)=>{"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.ErrorIcon=void 0;var r=e(4522);o.ErrorIcon=function(){return(0,r.h)("svg",{width:"184px",height:"184px",viewBox:"0 0 184 184",version:"1.1",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink"},(0,r.h)("g",{id:"IL/-Error",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},(0,r.h)("circle",{id:"Oval",fill:"#333333",cx:"92",cy:"92",r:"92"}),(0,r.h)("path",{d:"M86.8445942,41 C98.1281098,41 107.894768,46.3707345 112.610486,54.1896075 L112.772795,54.4651697 C121.905986,54.9935965 129.089492,60.510023 129.089492,67.2372881 C129.089492,67.4828605 129.07992,67.7268193 129.06103,67.9689809 C143.527428,69.1244669 154.803778,78.4637688 154.803778,89.8135593 C154.803778,101.945102 141.920543,111.779661 126.028268,111.779661 C122.218304,111.779661 118.581281,111.214432 115.253251,110.187831 C110.482744,111.936312 104.172429,113 97.2527575,113 C90.6076765,113 84.5245506,112.019057 79.8270144,110.392971 C76.2815407,111.290993 72.4601472,111.779661 68.4772473,111.779661 C49.8799037,111.779661 34.8037779,101.125556 34.8037779,87.9830508 C34.8037779,77.4055553 44.569383,68.439928 58.0766538,65.3432099 C58.0715743,65.1615713 58.069084,64.9793312 58.069084,64.7966102 C58.069084,51.6541053 70.9523188,41 86.8445942,41 Z",id:"Combined-Shape",fill:"#1A7080"}),(0,r.h)("path",{d:"M83.1492849,135.070223 C82.1325765,138.189187 86.1421275,140.443183 88.278329,137.95355 L112.039401,110.261242 C113.708897,108.315531 112.326427,105.307692 109.76264,105.307692 L102.55417,105.307692 L108.530391,92.2483573 C109.439682,90.2613598 107.987631,88 105.802461,88 L90.6745782,88 C89.4360625,88 88.3248534,88.7610908 87.8773011,89.9159147 L79.0065008,112.805338 C78.2445332,114.771451 79.6951774,116.889423 81.8037779,116.889423 L89.0757959,116.889423 L83.1492849,135.070223 Z",id:"Path-8",fill:"#333333","fill-rule":"nonzero"}),(0,r.h)("polygon",{id:"Path-8",fill:"#999999",points:"90.6745782 91 81.8037779 113.889423 93.2090926 113.889423 86.0015674 136 109.76264 108.307692 97.8821035 108.307692 105.802461 91"}),(0,r.h)("polygon",{id:"Path-8",fill:"#01ACCD",opacity:"0.5",points:"90.6745782 91 81.8037779 113.889423 93.2090926 113.889423 86.0015674 136 109.76264 108.307692 97.8821035 108.307692 105.802461 91"}),(0,r.h)("path",{d:"M86.9135883,41 C90.3885178,41 93.7197752,41.5049061 96.8044095,42.4302153 C80.0521708,44.2102049 67.0736479,56.714855 67.0736479,71.8761372 C67.0736479,72.1038764 67.0765763,72.331016 67.0824019,72.557529 C51.5088979,76.3414085 40.1641521,87.1546035 39.7216459,99.9991784 C36.6015945,96.4151247 34.8037779,92.202078 34.8037779,87.6945045 C34.8037779,77.1820037 44.5822685,68.2714617 58.1073807,65.1937351 C58.1024214,65.013137 58.0999284,64.8320391 58.0999284,64.6504633 C58.0999284,51.5886731 71.0002433,41 86.9135883,41 Z",id:"Combined-Shape",fill:"#222222",opacity:"0.3"}),(0,r.h)("path",{d:"M90.8028945,22 L90.8028945,29.0476864 C90.8028945,29.5999712 91.2506097,30.0476864 91.8028945,30.0476864 C92.3551792,30.0476864 92.8028945,29.5999712 92.8028945,29.0476864 L92.8028945,22 C92.8028945,21.4477153 92.3551792,21 91.8028945,21 C91.2506097,21 90.8028945,21.4477153 90.8028945,22 Z M126.112197,30.8515352 L121.582032,36.2503762 C121.22703,36.6734508 121.282214,37.3042064 121.705288,37.6592082 C122.128363,38.01421 122.759119,37.9590261 123.114121,37.5359514 L127.644286,32.1371104 C127.999288,31.7140357 127.944104,31.0832801 127.521029,30.7282783 C127.097955,30.3732765 126.467199,30.4284605 126.112197,30.8515352 Z M152.431974,58.6783398 L145.491357,59.9021577 C144.947463,59.9980609 144.584295,60.5167193 144.680198,61.0606136 C144.776101,61.6045079 145.294759,61.9676764 145.838654,61.8717732 L152.77927,60.6479553 C153.323164,60.552052 153.686333,60.0333936 153.59043,59.4894993 C153.494526,58.945605 152.975868,58.5824365 152.431974,58.6783398 Z M30.826519,60.6479553 L37.7671352,61.8717732 C38.3110295,61.9676764 38.8296879,61.6045079 38.9255912,61.0606136 C39.0214944,60.5167193 38.6583259,59.9980609 38.1144316,59.9021577 L31.1738154,58.6783398 C30.6299211,58.5824365 30.1112627,58.945605 30.0153594,59.4894993 C29.9194562,60.0333936 30.2826247,60.552052 30.826519,60.6479553 Z M55.9615029,32.1371104 L60.4916684,37.5359514 C60.8466702,37.9590261 61.4774258,38.01421 61.9005005,37.6592082 C62.3235751,37.3042064 62.3787591,36.6734508 62.0237573,36.2503762 L57.4935918,30.8515352 C57.13859,30.4284605 56.5078344,30.3732765 56.0847597,30.7282783 C55.6616851,31.0832801 55.6065011,31.7140357 55.9615029,32.1371104 Z",id:"Path-9",fill:"#01ACCD","fill-rule":"nonzero",opacity:"0.5"}),(0,r.h)("g",{id:"Oval-Copy-5",opacity:"0.3",transform:"translate(80.000000, 166.000000)",fill:"#01ACCD"},(0,r.h)("path",{d:"M3.3015873,6.64864865 C5.12500362,6.64864865 6.6031746,5.16029795 6.6031746,3.32432432 C6.6031746,1.4883507 5.12500362,-5.32907052e-15 3.3015873,-5.32907052e-15 C1.47817098,-5.32907052e-15 1.07647224e-12,1.4883507 1.07647224e-12,3.32432432 C1.07647224e-12,5.16029795 1.47817098,6.64864865 3.3015873,6.64864865 Z M3.3015873,4.64864865 C2.5858248,4.64864865 2,4.05878945 2,3.32432432 C2,2.5898592 2.5858248,2 3.3015873,2 C4.0173498,2 4.6031746,2.5898592 4.6031746,3.32432432 C4.6031746,4.05878945 4.0173498,4.64864865 3.3015873,4.64864865 Z",id:"Oval-Copy-3"})),(0,r.h)("g",{id:"Path-Copy-4",opacity:"0.9",transform:"translate(100.000000, 146.000000)",fill:"#01ACCD"},(0,r.h)("polygon",{id:"Path-Copy-2",points:"5.5 2.5 8 2.5 8 5.5 5.5 5.5 5.5 8 2.5 8 2.5 5.5 0 5.5 0 2.5 2.5 2.5 2.5 0 5.5 0"})),(0,r.h)("g",{id:"Oval-2",opacity:"0.5",transform:"translate(39.000000, 115.000000)",fill:"#01ACCD"},(0,r.h)("path",{d:"M3.3015873,6.64864865 C5.12500362,6.64864865 6.6031746,5.16029795 6.6031746,3.32432432 C6.6031746,1.4883507 5.12500362,0 3.3015873,0 C1.47817098,0 1.08002496e-12,1.4883507 1.08002496e-12,3.32432432 C1.08002496e-12,5.16029795 1.47817098,6.64864865 3.3015873,6.64864865 Z M3.3015873,4.64864865 C2.5858248,4.64864865 2,4.05878945 2,3.32432432 C2,2.5898592 2.5858248,2 3.3015873,2 C4.0173498,2 4.6031746,2.5898592 4.6031746,3.32432432 C4.6031746,4.05878945 4.0173498,4.64864865 3.3015873,4.64864865 Z",id:"Oval"})),(0,r.h)("g",{id:"Oval-Copy-4",opacity:"0.8",transform:"translate(60.000000, 139.000000)",fill:"#01ACCD"},(0,r.h)("path",{d:"M3.3015873,6.64864865 C5.12500362,6.64864865 6.6031746,5.16029795 6.6031746,3.32432432 C6.6031746,1.4883507 5.12500362,1.42108547e-14 3.3015873,1.42108547e-14 C1.47817098,1.42108547e-14 1.08002496e-12,1.4883507 1.08002496e-12,3.32432432 C1.08002496e-12,5.16029795 1.47817098,6.64864865 3.3015873,6.64864865 Z M3.3015873,4.64864865 C2.5858248,4.64864865 2,4.05878945 2,3.32432432 C2,2.5898592 2.5858248,2 3.3015873,2 C4.0173498,2 4.6031746,2.5898592 4.6031746,3.32432432 C4.6031746,4.05878945 4.0173498,4.64864865 3.3015873,4.64864865 Z",id:"Oval-Copy"})),(0,r.h)("g",{id:"Path-Copy-3",opacity:"0.3",transform:"translate(31.000000, 142.000000)",fill:"#01ACCD"},(0,r.h)("polygon",{id:"Path-Copy",points:"5.5 2.5 8 2.5 8 5.5 5.5 5.5 5.5 8 2.5 8 2.5 5.5 0 5.5 0 2.5 2.5 2.5 2.5 0 5.5 0"})),(0,r.h)("g",{id:"Oval-Copy-6",opacity:"0.6",transform:"translate(139.000000, 139.000000)",fill:"#01ACCD"},(0,r.h)("path",{d:"M3.3015873,6.64864865 C5.12500362,6.64864865 6.6031746,5.16029795 6.6031746,3.32432432 C6.6031746,1.4883507 5.12500362,0 3.3015873,0 C1.47817098,0 1.08713039e-12,1.4883507 1.08713039e-12,3.32432432 C1.08713039e-12,5.16029795 1.47817098,6.64864865 3.3015873,6.64864865 Z M3.3015873,4.64864865 C2.5858248,4.64864865 2,4.05878945 2,3.32432432 C2,2.5898592 2.5858248,2 3.3015873,2 C4.0173498,2 4.6031746,2.5898592 4.6031746,3.32432432 C4.6031746,4.05878945 4.0173498,4.64864865 3.3015873,4.64864865 Z",id:"Oval-Copy-2"})),(0,r.h)("g",{id:"Path-2",opacity:"0.4",transform:"translate(122.000000, 122.000000)",fill:"#01ACCD"},(0,r.h)("polygon",{id:"Path",points:"5.5 2.5 8 2.5 8 5.5 5.5 5.5 5.5 8 2.5 8 2.5 5.5 0 5.5 0 2.5 2.5 2.5 2.5 0 5.5 0"}))))}},9754:function(t,o,e){"use strict";var r=this&&this.__createBinding||(Object.create?function(t,o,e,r){void 0===r&&(r=e);var n=Object.getOwnPropertyDescriptor(o,e);n&&!("get"in n?!o.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return o[e]}}),Object.defineProperty(t,r,n)}:function(t,o,e,r){void 0===r&&(r=e),t[r]=o[e]}),n=this&&this.__exportStar||function(t,o){for(var e in t)"default"===e||Object.prototype.hasOwnProperty.call(o,e)||r(o,t,e)};Object.defineProperty(o,"__esModule",{value:!0}),n(e(464),o)},464:function(t,o,e){"use strict";var r,n=this&&this.__extends||(r=function(t,o){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,o){t.__proto__=o}||function(t,o){for(var e in o)Object.prototype.hasOwnProperty.call(o,e)&&(t[e]=o[e])},r(t,o)},function(t,o){if("function"!=typeof o&&null!==o)throw new TypeError("Class extends value "+String(o)+" is not a constructor or null");function e(){this.constructor=t}r(t,o),t.prototype=null===o?Object.create(o):(e.prototype=o.prototype,new e)}),a=this&&this.__assign||function(){return a=Object.assign||function(t){for(var o,e=1,r=arguments.length;e<r;e++)for(var n in o=arguments[e])Object.prototype.hasOwnProperty.call(o,n)&&(t[n]=o[n]);return t},a.apply(this,arguments)},i=this&&this.__decorate||function(t,o,e,r){var n,a=arguments.length,i=a<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,e):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,o,e,r);else for(var c=t.length-1;c>=0;c--)(n=t[c])&&(i=(a<3?n(i):a>3?n(o,e,i):n(o,e))||i);return a>3&&i&&Object.defineProperty(o,e,i),i};Object.defineProperty(o,"__esModule",{value:!0}),o.Transcript=void 0;var c=e(4522),l=e(4539),s=e(6513),p=e(1797),u=e(3517),d=e(5271),_=e(536),h=e(7099),A=e(244),v=e(1972),g=KalturaPlayer.ui.utils.KeyMap,C=g.ENTER,y=g.SPACE,f=g.TAB,b=g.ESC,m=KalturaPlayer.ui.preacti18n,k=m.withText,x=m.Text,w={skipTranscript:(0,c.h)(x,{id:"transcript.skip_transcript"},"Skip transcript"),errorTitle:(0,c.h)(x,{id:"transcript.whoops"},"Whoops!"),errorDescripton:(0,c.h)(x,{id:"transcript.load_failed"},"Failed to load transcript")},B={search:"",activeSearchIndex:1,searchMap:{},totalSearchResults:0,searchLength:0},S=38,M=function(t){function o(){var o=null!==t&&t.apply(this,arguments)||this;return o._transcriptListRef=null,o._captionListRef=null,o._skipTranscriptButtonRef=null,o._autoscrollButtonRef=null,o._preventScrollEvent=!1,o._scrollToSearchMatchEnabled=!1,o._widgetRootRef=null,o._widgetHeight=0,o._topAutoscrollEdge=0,o._bottomAutoscrollEdge=0,o._thirdOfWidgetHeight=0,o.state=a({isAutoScrollEnabled:!0,widgetWidth:0},B),o._enableAutoScroll=function(t,e){var r;t.preventDefault(),o.state.isAutoScrollEnabled||(o._preventScrollEvent=!0,o.setState({isAutoScrollEnabled:!0}),e&&(null===(r=o._skipTranscriptButtonRef)||void 0===r||r.focus()))},o._renderScrollToButton=function(){var t=o.state.isAutoScrollEnabled;return(0,c.h)(h.AutoscrollButton,{setAutoscrollButtonRef:function(t){o._autoscrollButtonRef=t},isAutoScrollEnabled:t,onClick:o._enableAutoScroll})},o._onSearch=function(t){o.setState({search:t})},o._findSearchMatches=function(){o.setState((function(t){if(!t.search)return a({},B);var e=0,r=t.search.toLowerCase(),n={};return o.props.captions.forEach((function(t){for(var o,i,c=(null===(o=null==t?void 0:t.text)||void 0===o?void 0:o.toLowerCase())||"",l=new RegExp(r,"gi"),s=[];i=l.exec(c);)s.push(i.index);s.forEach((function(o){var r;e++,n[t.id]=a(a({},n[t.id]),((r={})[e]=o,r))}))})),{searchMap:n,totalSearchResults:e,activeSearchIndex:1,searchLength:r.length}}))},o._setActiveSearchIndex=function(t){o._scrollToSearchMatchEnabled=!0,o.setState({activeSearchIndex:t,isAutoScrollEnabled:!1})},o._getHeaderStyles=function(){var t=o.state.widgetWidth;return t>=692?"":t>=649?s.mediumWidth:s.smallWidth},o._renderHeader=function(){var t=o.props,e=t.toggledWithEnter,r=t.kitchenSinkActive,n=t.downloadDisabled,i=t.onDownload,l=t.printDisabled,p=t.onPrint,d=t.isLoading,_=o.state,h=_.search,g=_.activeSearchIndex,C=_.totalSearchResults;return(0,c.h)("div",{className:[s.header,o._getHeaderStyles()].join(" "),"data-testid":"transcript_header"},(0,c.h)(u.Search,{onChange:o._onSearch,onSearchIndexChange:o._debounced.onActiveSearchIndexChange,value:h,activeSearchIndex:g,totalSearchResults:C,toggledWithEnter:e,kitchenSinkActive:r}),(0,c.h)(A.TranscriptMenu,a({},{downloadDisabled:n,onDownload:i,printDisabled:l,onPrint:p,isLoading:d})),(0,c.h)("div",{"data-testid":"transcriptCloseButton"},(0,c.h)(v.Button,{type:v.ButtonType.borderless,size:v.ButtonSize.medium,disabled:!1,onClick:o.props.onClose,ariaLabel:"Hide Transcript",tooltip:{label:"Hide Transcript"},icon:"close"})))},o._handleClick=function(t){var e;t.preventDefault(),null===(e=o._autoscrollButtonRef)||void 0===e||e.focus()},o._handleKeyDown=function(t){var e,r;if(t.keyCode!==f||t.shiftKey)t.keyCode!==C&&t.keyCode!==y||o._handleClick(t);else{o.setState({isAutoScrollEnabled:!1});var n=null===(r=null===(e=o._captionListRef)||void 0===e?void 0:e._currentCaptionRef)||void 0===r?void 0:r._hotspotRef;n&&(t.preventDefault(),n.focus())}},o._renderSkipTranscriptButton=function(){return(0,c.h)("div",{role:"button",ref:function(t){o._skipTranscriptButtonRef=t},className:s.skipTranscriptButton,onKeyDown:o._handleKeyDown,onClick:o._handleClick,tabIndex:0},o.props.skipTranscript)},o._renderTranscript=function(){var t=o.props,e=t.captions,r=t.hasError,n=(t.onRetryLoad,t.showTime),a=t.videoDuration,i=t.highlightedMap,l=o.state,p=l.isAutoScrollEnabled,u=l.searchMap,h=l.activeSearchIndex,A=l.searchLength;if(r)return(0,c.h)("div",{className:s.errorWrapper},(0,c.h)("div",{className:s.errorIcon},(0,c.h)(_.ErrorIcon,null)),(0,c.h)("p",{className:s.errorMainText},o.props.errorTitle),(0,c.h)("p",{className:s.errorDescriptionText},o.props.errorDescripton));if(!e||!e.length)return null;var v={showTime:n,searchLength:A,scrollTo:o._scrollTo,scrollToSearchMatch:o._scrollToSearchMatch,videoDuration:a};return(0,c.h)(d.CaptionList,{ref:function(t){o._captionListRef=t},highlightedMap:i,data:e,onSeek:o._handleSeek,isAutoScrollEnabled:p,searchMap:u,activeSearchIndex:h,captionProps:v,onScroll:o._onScroll,widgetWidth:o.state.widgetWidth,showItemsIcons:!0,searchActive:!1})},o._setWidgetSize=function(){if(o._widgetRootRef){var t=o._widgetRootRef.getBoundingClientRect(),e=t.width,r=t.height;t.top,o.state.widgetWidth!==e&&o.setState({widgetWidth:e}),o._widgetHeight!==r&&(o._widgetHeight=r,o._thirdOfWidgetHeight=r/3,o._topAutoscrollEdge=Math.floor(o._thirdOfWidgetHeight+S),o._bottomAutoscrollEdge=Math.ceil(2*o._thirdOfWidgetHeight+S))}},o._renderLoading=function(){return(0,c.h)(p.Spinner,null)},o._scrollTo=function(t){if(o._transcriptListRef){o._preventScrollEvent=!0;var e=t.getBoundingClientRect().top;(e>=o._topAutoscrollEdge||e<=o._bottomAutoscrollEdge)&&(o._transcriptListRef.scrollTop=t.offsetTop-(o._thirdOfWidgetHeight-S))}},o._scrollToSearchMatch=function(t){o._transcriptListRef&&o._scrollToSearchMatchEnabled&&(o._scrollToSearchMatchEnabled=!1,o._preventScrollEvent=!0,o._transcriptListRef.scrollTop=t.offsetTop-S)},o._onScroll=function(){o._preventScrollEvent?o._preventScrollEvent=!1:o.setState({isAutoScrollEnabled:!1})},o._handleSeek=function(t){var e=o.props.onSeek,r=window.getSelection();r&&"Range"!==r.type&&e(t.startTime)},o._debounced={findSearchMatches:(0,l.debounce)(o._findSearchMatches,o.props.searchDebounceTimeout),onActiveSearchIndexChange:(0,l.debounce)(o._setActiveSearchIndex,o.props.searchNextPrevDebounceTimeout)},o._handleEsc=function(t){t.keyCode===b&&o.props.onClose(t,!0)},o}return n(o,t),o.prototype.componentDidUpdate=function(t,o){var e=this.props.captions,r=this.state.search;t.captions!==e&&this.setState({search:"",isAutoScrollEnabled:!0}),o.search!==r&&this._debounced.findSearchMatches(),this._setWidgetSize()},o.prototype.render=function(t){var o=this,e=t.isLoading,r=t.kitchenSinkActive,n=t.hasError,a=!(e||n);return(0,c.h)("div",{className:"".concat(s.root," ").concat(r?"":s.hidden),ref:function(t){o._widgetRootRef=t},onKeyUp:this._handleEsc,"data-testid":"transcript_root"},(0,c.h)("div",{className:s.globalContainer},this._renderHeader(),a&&this._renderSkipTranscriptButton(),(0,c.h)("div",{className:s.body,onScroll:this._onScroll,ref:function(t){o._transcriptListRef=t},"data-testid":"transcript_list"},e?this._renderLoading():this._renderTranscript()),a&&this._renderScrollToButton()))},i([k(w)],o)}(c.Component);o.Transcript=M},5667:function(t,o,e){"use strict";var r,n=this&&this.__extends||(r=function(t,o){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,o){t.__proto__=o}||function(t,o){for(var e in o)Object.prototype.hasOwnProperty.call(o,e)&&(t[e]=o[e])},r(t,o)},function(t,o){if("function"!=typeof o&&null!==o)throw new TypeError("Class extends value "+String(o)+" is not a constructor or null");function e(){this.constructor=t}r(t,o),t.prototype=null===o?Object.create(o):(e.prototype=o.prototype,new e)});Object.defineProperty(o,"__esModule",{value:!0}),o.TranscriptPlugin=void 0;var a=e(4522),i=e(6978),c=e(4539),l=e(1293),s=e(2351),p=e(9754),u=e(4539),d=e(2085),_=i.ui.SidePanelModes,h=i.ui.SidePanelPositions,A=i.ui.ReservedPresetNames,v=(i.ui.ReservedPresetAreas,KalturaPlayer.ui.preacti18n),g=v.withText,C=v.Text,y=c.ObjectUtils.get,f=function(t){function o(o,e,r){var n=t.call(this,o,e,r)||this;return n._activeCaptionMapId="",n._activeCuePointsMap={},n._captionMap=new Map,n._isLoading=!1,n._hasError=!1,n._triggeredByKeyboard=!1,n._transcriptPanel=-1,n._transcriptIcon=-1,n._pluginState=null,n._pluginButtonRef=null,n._initLoading=function(){clearTimeout(n._loadingTimeoutId),n._isLoading=!1,n._hasError=!1,n._captionMap.has(n._activeCaptionMapId)||(n._isLoading=!0,n._loadingTimeoutId=setTimeout((function(){n._isLoading=!1,n._hasError=!0,n._updateTranscriptPanel()}),1e4)),n._updateTranscriptPanel()},n._handleLanguageChange=function(){n._activeCaptionMapId=n._getCaptionMapId(),n._initLoading()},n._onTimedMetadataAdded=function(t){var o=t.payload,e=[];o.cues.forEach((function(t){t.metadata.cuePointType===d.ItemTypes.Caption&&e.push((0,u.prepareCuePoint)(t))})),e.length&&(n._addCaptionData(e),n._addTranscriptItem())},n._onTimedMetadataChange=function(t){var o=t.payload.cues.filter((function(t){return t.metadata.cuePointType===d.ItemTypes.Caption})).filter((function(t,o,e){var r=e[o+1];return!r||t.endTime!==r.startTime}));n._activeCuePointsMap={},o.forEach((function(t){n._activeCuePointsMap[t.id]=!0})),n._updateTranscriptPanel()},n._addCaptionData=function(t){n._activeCaptionMapId=n._getCaptionMapId(),n._captionMap.set(n._activeCaptionMapId,t),n._isLoading=!1,clearTimeout(n._loadingTimeoutId),n._updateTranscriptPanel()},n._getTextTracks=function(){return n.player.getTracks(n.player.Track.TEXT)||[]},n._getCaptionMapId=function(){var t,o,e=n._getTextTracks(),r=e.find((function(t){return t.active}));return"off"===(null==r?void 0:r.language)?"".concat(null===(t=e[0])||void 0===t?void 0:t.language,"-").concat(null===(o=e[0])||void 0===o?void 0:o.label):"".concat(null==r?void 0:r.language,"-").concat(null==r?void 0:r.label)},n._activatePlugin=function(){n.ready.then((function(){var t,o;null===(t=n.sidePanelsManager)||void 0===t||t.activateItem(n._transcriptPanel),n._pluginState,d.PluginStates.OPENED,null===(o=n.upperBarManager)||void 0===o||o.update(n._transcriptIcon)}))},n._deactivatePlugin=function(){n.ready.then((function(){var t,o;null===(t=n.sidePanelsManager)||void 0===t||t.deactivateItem(n._transcriptPanel),n._pluginState=d.PluginStates.CLOSED,null===(o=n.upperBarManager)||void 0===o||o.update(n._transcriptIcon)}))},n._isPluginActive=function(){return n.sidePanelsManager.isItemActive(n._transcriptPanel)},n._handleClickOnPluginIcon=function(t,o){n._isPluginActive()?(n._triggeredByKeyboard=!1,n._deactivatePlugin()):(n._triggeredByKeyboard=Boolean(o),n._activatePlugin())},n._setPluginButtonRef=function(t){n._pluginButtonRef=t},n._seekTo=function(t){n.player.currentTime=t},n._handleDownload=function(){var t=n.player.config,o=n._captionMap.get(n._activeCaptionMapId)||[];if(o){var e=y(t,"sources.metadata",{}),r=n._getCaptionMapId();(0,c.downloadContent)((0,u.makePlainText)(o),"".concat(r).concat(e.name?"-".concat(e.name):"",".txt"))}},n._handlePrint=function(){var t=n._captionMap.get(n._activeCaptionMapId)||[];t&&(0,c.printContent)((0,u.makePlainText)(t))},n._handleClose=function(t,o){var e;o&&(null===(e=n._pluginButtonRef)||void 0===e||e.focus()),n._deactivatePlugin()},n}return n(o,t),Object.defineProperty(o.prototype,"sidePanelsManager",{get:function(){return this.player.getService("sidePanelsManager")},enumerable:!1,configurable:!0}),Object.defineProperty(o.prototype,"upperBarManager",{get:function(){return this.player.getService("upperBarManager")},enumerable:!1,configurable:!0}),Object.defineProperty(o.prototype,"cuePointManager",{get:function(){return this.player.getService("kalturaCuepoints")},enumerable:!1,configurable:!0}),Object.defineProperty(o.prototype,"_data",{get:function(){return this._captionMap.get(this._activeCaptionMapId)||[]},enumerable:!1,configurable:!0}),o.prototype.loadMedia=function(){this.cuePointManager&&this.sidePanelsManager&&this.upperBarManager?this.player.isLive()||(this._initListeners(),this.cuePointManager.registerTypes([this.cuePointManager.CuepointType.CAPTION])):this.logger.warn("kalturaCuepoints, sidePanelsManager or upperBarManager haven't registered")},o.prototype._initListeners=function(){var t=this;this.eventManager.listenOnce(this.player,this.player.Event.TRACKS_CHANGED,(function(){t._getTextTracks().length&&(t.eventManager.listen(t.player,t.player.Event.TIMED_METADATA_CHANGE,t._onTimedMetadataChange),t.eventManager.listen(t.player,t.player.Event.TIMED_METADATA_ADDED,t._onTimedMetadataAdded),t.eventManager.listen(t.player,t.player.Event.TEXT_TRACK_CHANGED,t._handleLanguageChange))}))},o.prototype._updateTranscriptPanel=function(){var t;this._transcriptPanel&&(null===(t=this.sidePanelsManager)||void 0===t||t.update(this._transcriptPanel))},o.prototype._addTranscriptItem=function(){var t=this;if(!(Math.max(this._transcriptPanel,this._transcriptIcon)>0)){var o=this.config,e=o.expandMode,r=o.position,n=o.expandOnFirstPlay,i=o.showTime,c=o.scrollOffset,h=o.searchDebounceTimeout,v=o.searchNextPrevDebounceTimeout,y=o.downloadDisabled,f=o.printDisabled;this._transcriptPanel=this.sidePanelsManager.add({label:"Transcript",panelComponent:function(){return(0,a.h)(p.Transcript,{showTime:(0,u.getConfigValue)(i,u.isBoolean,!0),scrollOffset:(0,u.getConfigValue)(c,Number.isInteger,0),searchDebounceTimeout:(0,u.getConfigValue)(h,Number.isInteger,250),searchNextPrevDebounceTimeout:(0,u.getConfigValue)(v,Number.isInteger,100),highlightedMap:t._activeCuePointsMap,onSeek:t._seekTo,onItemClicked:t._seekTo,captions:t._data,isLoading:t._isLoading,hasError:t._hasError,onRetryLoad:t._updateTranscriptPanel,currentTime:t.player.currentTime,videoDuration:t.player.duration,kitchenSinkActive:t._isPluginActive(),toggledWithEnter:t._triggeredByKeyboard,onClose:t._handleClose,downloadDisabled:(0,u.getConfigValue)(y,u.isBoolean,!1),onDownload:t._handleDownload,printDisabled:(0,u.getConfigValue)(f,u.isBoolean,!1),onPrint:t._handlePrint})},presets:[A.Playback,A.Live,A.Ads],position:r,expandMode:e===_.ALONGSIDE?_.ALONGSIDE:_.OVER,onDeactivate:this._deactivatePlugin});var b={showTranscript:(0,a.h)(C,{id:"transcript.show_plugin"},"Show Transcript"),hideTranscript:(0,a.h)(C,{id:"transcript.hide_plugin"},"Hide Transcript")};this._transcriptIcon=this.upperBarManager.add({label:"Transcript",svgIcon:{path:l.icons.PLUGIN_ICON,viewBox:"0 0 ".concat(l.icons.BigSize," ").concat(l.icons.BigSize)},onClick:this._handleClickOnPluginIcon,component:g(b)((function(o){var e=t._isPluginActive(),r=e?o.hideTranscript:o.showTranscript;return(0,a.h)(s.PluginButton,{isActive:e,onClick:t._handleClickOnPluginIcon,id:"transcript-icon",label:r,icon:l.icons.PLUGIN_ICON,dataTestId:"transcript_pluginButton",setRef:t._setPluginButtonRef})}))}),(n&&!this._pluginState||this._pluginState===d.PluginStates.OPENED)&&this._activatePlugin()}},o.isValid=function(){return!0},o.prototype.reset=function(){var t;this.eventManager.removeAll(),Math.max(this._transcriptPanel,this._transcriptIcon)>0&&(null===(t=this.sidePanelsManager)||void 0===t||t.remove(this._transcriptPanel),this.upperBarManager.remove(this._transcriptIcon),this._transcriptPanel=-1,this._transcriptIcon=-1,this._pluginButtonRef=null),this._captionMap=new Map,this._activeCaptionMapId="",this._isLoading=!1,clearTimeout(this._loadingTimeoutId),this._hasError=!1,this._triggeredByKeyboard=!1},o.prototype.destroy=function(){this.reset()},o.defaultConfig={expandMode:_.ALONGSIDE,expandOnFirstPlay:!0,showTime:!0,position:h.RIGHT,scrollOffset:0,searchDebounceTimeout:250,searchNextPrevDebounceTimeout:100,downloadDisabled:!1,printDisabled:!1},o}(KalturaPlayer.core.BasePlugin);o.TranscriptPlugin=f},2085:function(t,o,e){"use strict";var r=this&&this.__createBinding||(Object.create?function(t,o,e,r){void 0===r&&(r=e);var n=Object.getOwnPropertyDescriptor(o,e);n&&!("get"in n?!o.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return o[e]}}),Object.defineProperty(t,r,n)}:function(t,o,e,r){void 0===r&&(r=e),t[r]=o[e]}),n=this&&this.__exportStar||function(t,o){for(var e in t)"default"===e||Object.prototype.hasOwnProperty.call(o,e)||r(o,t,e)};Object.defineProperty(o,"__esModule",{value:!0}),n(e(5481),o),n(e(4944),o),n(e(1352),o)},4944:(t,o)=>{"use strict";Object.defineProperty(o,"__esModule",{value:!0})},1352:(t,o)=>{"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.ItemTypes=void 0,(o.ItemTypes||(o.ItemTypes={})).Caption="kalturaCaption"},5481:(t,o)=>{"use strict";var e;Object.defineProperty(o,"__esModule",{value:!0}),o.PluginStates=void 0,(e=o.PluginStates||(o.PluginStates={})).OPENED="opened",e.CLOSED="closed"},7256:(t,o)=>{"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.debounce=void 0,o.debounce=function(t,o,e){var r;return void 0===o&&(o=50),void 0===e&&(e={isImmediate:!1}),function(){for(var n=this,a=[],i=0;i<arguments.length;i++)a[i]=arguments[i];var c=function(){r=void 0,e.isImmediate||t.apply(n,a)},l=e.isImmediate&&void 0===r;void 0!==r&&clearTimeout(r),r=setTimeout(c,o),l&&t.apply(this,a)}}},4539:function(t,o,e){"use strict";var r=this&&this.__createBinding||(Object.create?function(t,o,e,r){void 0===r&&(r=e);var n=Object.getOwnPropertyDescriptor(o,e);n&&!("get"in n?!o.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return o[e]}}),Object.defineProperty(t,r,n)}:function(t,o,e,r){void 0===r&&(r=e),t[r]=o[e]}),n=this&&this.__exportStar||function(t,o){for(var e in t)"default"===e||Object.prototype.hasOwnProperty.call(o,e)||r(o,t,e)};Object.defineProperty(o,"__esModule",{value:!0}),n(e(9714),o),n(e(4935),o),n(e(7256),o)},4935:(t,o)=>{"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.ObjectUtils=void 0;var e=function(){function t(){}return t.get=function(t,o,e){for(var r=function(t){var o=[];return t.split(".").forEach((function(t){t.split(/\[([^}]+)\]/g).forEach((function(t){t.length>0&&o.push(t)}))})),o}(o),n=t,a=0;a<r.length;a++){if(!n[r[a]])return e;n=n[r[a]]}return n},t}();o.ObjectUtils=e},9714:(t,o)=>{"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.printContent=o.downloadContent=o.prepareCuePoint=o.decodeString=o.makePlainText=o.isBoolean=o.getConfigValue=o.secontsToTime=o.toSeconds=o.HOUR=void 0,o.HOUR=3600,o.toSeconds=function(t,e){void 0===e&&(e=!1);var r=(e?/(\d+):(\d{2}):(\d{2}).(\d{2,3}|\d{2})/:/(\d+):(\d{2}):(\d{2}),((\d{2,3}|\d{2}|\d{1}))?/).exec(t);if(null===r)return 0;for(var n=1;n<5;n++)r[n]=parseInt(r[n],10),isNaN(r[n])&&(r[n]=0);return r[1]*o.HOUR+60*r[2]+r[3]+r[4]/1e3};var e=function(t){return t<10?"0".concat(t):t};o.secontsToTime=function(t,r){var n=new Date(0);return n.setSeconds(t),"".concat(r?function(t){var e=Math.floor(t/o.HOUR);return e>=1?"".concat(e,":"):""}(t):"").concat(e(n.getUTCMinutes()),":").concat(e(n.getUTCSeconds()))},o.getConfigValue=function(t,o,e){var r=e;return"function"==typeof o&&o(t)&&(r=t),r},o.isBoolean=function(t){return"boolean"==typeof t},o.makePlainText=function(t){return t.reduce((function(t,o){return"".concat(t," ").concat(o.text)}),"")},KalturaPlayer.ui.utils.toHHMMSS,o.decodeString=function(t){return"string"!=typeof t?t:t.replace(/</gi,"<").replace(/>/gi,">").replace(/ /gi," ").replace(/&/gi,"&").replace(/"/gi,'"')},o.prepareCuePoint=function(t){var e=t.metadata;return{id:t.id,startTime:t.startTime,displayTime:Math.floor(t.startTime),text:(0,o.decodeString)(e.text)}},o.downloadContent=function(t,o){var e=new Blob([t],{type:"text/plain;charset=utf-8;"}),r=document.createElement("a"),n=window.navigator;n.msSaveBlob?n.msSaveOrOpenBlob(e,o):(-1!==n.userAgent.search("Firefox")?(r.style.display="none",r.setAttribute("href","data:text/plain;charset=utf-8,"+encodeURIComponent(t))):r.setAttribute("href",URL.createObjectURL(e)),r.setAttribute("target","_blank"),r.setAttribute("download",o),r.click(),r.remove())},o.printContent=function(t){var o=window.open("","","width=400,height=600");o&&(o.document.write(t),o.document.close(),o.focus(),o.print(),o.close())}},4522:t=>{"use strict";t.exports=KalturaPlayer.ui.preact},6978:t=>{"use strict";t.exports=KalturaPlayer}},o={};function e(r){var n=o[r];if(void 0!==n)return n.exports;var a=o[r]={id:r,exports:{}};return t[r].call(a.exports,a,a.exports,e),a.exports}e.n=t=>{var o=t&&t.__esModule?()=>t.default:()=>t;return e.d(o,{a:o}),o},e.d=(t,o)=>{for(var r in o)e.o(o,r)&&!e.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:o[r]})},e.o=(t,o)=>Object.prototype.hasOwnProperty.call(t,o),e.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},e.nc=void 0;var r={};(()=>{"use strict";var t=r;Object.defineProperty(t,"__esModule",{value:!0}),t.NAME=t.VERSION=t.Plugin=void 0;var o=e(5667);Object.defineProperty(t,"Plugin",{enumerable:!0,get:function(){return o.TranscriptPlugin}}),t.VERSION="3.4.1-canary.5-8a9a5ea",t.NAME="@playkit-js/transcript",KalturaPlayer.core.registerPlugin("playkit-js-transcript",o.TranscriptPlugin)})(),((KalturaPlayer=void 0===KalturaPlayer?{}:KalturaPlayer).plugins=KalturaPlayer.plugins||{}).transcript=r})();
|
|
2
3
|
//# sourceMappingURL=playkit-transcript.js.map
|