@flowplayer/player 3.35.0-rc → 3.35.0

package/package/plugins/qsel.js

@@ -1 +0,0 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):((e="undefined"!=typeof globalThis?globalThis:e||self).flowplayer=e.flowplayer||{},e.flowplayer.qsel=t())}(this,function(){"use strict";function e(e,t,i){const n=function(e){return Array.isArray(e)?e.slice(0):e.split(".")}(t);for(;n.length;){if(null==e)return i;const t=n.shift();if("string"!=typeof t)return i;e=e[t]}return null==e?i:e}const t="click",i="qualities",n=(e,t)=>new(((e,t)=>{const i=e.get(t);if(!i)throw new Error(`no flowplayer component with the name ${t} exists`);const n=window.customElements.get(t);if(!n)throw new Error(`no default flowplayer component with the name ${t} exists`);const s=window.customElements.get(i);return"function"!=typeof s?n:s})(e._customElements,t))(e);class FlowplayerComponent extends HTMLElement{constructor(e){super(),this.player=e}}const s="has-menu-opened",l="fp-menu-container",o="fp-on",r="fp-invis",a="details[open]."+l;class FlowplayerMenu extends FlowplayerComponent{constructor(e){super(e),this.player=e,this.menuContainer=document.createElement("details"),this.summaryEle=document.createElement("summary"),this.menuHeader=document.createElement("div"),this.menuTitle=document.createElement("h3"),this.olEle=document.createElement("ol"),this.olEle.id=c(),this.menu=document.createElement("div"),this.closeEle=document.createElement("span"),this.menuHeader.classList.add("fp-menu-header"),this.menuHeader.append(this.menuTitle,this.closeEle),this.menu.classList.add("fp-menu"),this.menu.append(this.menuHeader,this.olEle),this.closeEle.classList.add("fp-close"),this.closeEle.textContent="×",this.menuContainer.classList.add(l),this.menuContainer.append(this.summaryEle,this.menu),this.menuContainer.addEventListener(t,t=>{if(t.defaultPrevented)return;t.preventDefault();const i=this.menuContainer.open;i||(u(),document.active_menu=this.menuContainer),this.menuContainer.open=!i,e.root.classList.toggle(s,!i),this.summaryEle.setAttribute("aria-expanded",i?"false":"true")}),this.addEventListener("focusin",e=>{e.target;HTMLLIElement}),this.addEventListener("focusout",e=>{e.target;HTMLLIElement}),this.append(this.menuContainer),this.olEle.setAttribute("aria-labelledby",this.summaryEle.id),this.olEle.setAttribute("role","menu"),this.summaryEle.setAttribute("aria-haspopup","true"),this.summaryEle.setAttribute("aria-controls",this.olEle.id),this.summaryEle.setAttribute("tabindex","0"),this.summaryEle.setAttribute("aria-expanded","false"),this.summaryEle.setAttribute("role","button")}get options(){return this.olEle.querySelectorAll("li")}setMenuAttrs(e){if(this.className=e.class,this.toggle_visibility(!0),this.summaryEle.id||(this.summaryEle.id=e.id||c()),this.summaryEle.setAttribute("aria-label",e.menuTitle||"Menu"),e.summaryTitle&&(this.summaryEle.textContent=e.summaryTitle),e.summaryIcon){const t=n(this.player,e.summaryIcon);t.setAttribute("tabindex",""),this.summaryEle.append(t)}e.menuTitle&&(this.menuTitle.textContent=e.menuTitle),this.menu.classList.toggle("fp-icons",!!e.icons),this.addEventListener(e.options_event,e=>{this.render(e.data)}),e.item_selected_event&&this.addEventListener(e.item_selected_event,e=>{void 0!==e.data&&this.select_item(e.data.selected_index)})}render(e){this.olEle&&(this.olEle.innerHTML="",e&&e.forEach(this.menuOption,this),this.toggle_visibility(!(null==e?void 0:e.length)))}menuOption(e,i){const n=document.createElement("li");n.setAttribute("tabindex","0"),e.icon&&n.append(e.icon);const s=document.createElement("span");s.textContent=e.text,n.append(s),this.olEle.appendChild(n),e.isButton?(n.setAttribute("role","menuitem"),n.addEventListener(t,()=>{"function"==typeof e.onclick&&e.onclick()})):(n.setAttribute("role","menuitemradio"),n.setAttribute("aria-checked","false"),n.addEventListener(t,()=>{this.select_item(i),"function"==typeof e.onclick&&e.onclick()}),e.selected&&this.select_item(i))}select_item(e){var t;if(this.options[e]&&!(null===(t=this.options[e])||void 0===t?void 0:t.hasAttribute("aria-checked")))throw new Error("Cannot select a button-only item");this.options.forEach((t,i)=>{t.hasAttribute("aria-checked")&&(t.classList.toggle(o,i===e),t.setAttribute("aria-checked",i===e?"true":"false"))})}unselect_item(){this.options.forEach(e=>{e.classList.remove(o),e.hasAttribute("aria-checked")&&e.setAttribute("aria-checked","false")})}toggle_visibility(e){this.classList.toggle(r,e),this.menu.style.setProperty("display",e?"none":"flex")}}function u(){Array.from(document.querySelectorAll(".fp-engine")).forEach(e=>{var t;const i=e.root.querySelector(a);i&&(i.open=!1,null===(t=i.querySelector("summary"))||void 0===t||t.removeAttribute("aria-expanded"),e.root.classList.toggle(s,!1))})}function c(){return Math.random().toString(36).replace(/[^a-z]+/g,"").substr(0,5)}function d(e,t,i){const n=function(e,t){const i=new CustomEvent(e,{detail:t,cancelable:!0});return t&&Object.defineProperty(i,"data",{get:()=>t}),i}(t,i);return e.dispatchEvent(n),e}document.addEventListener(t,function(e){this.active_menu&&!e.composedPath().includes(this.active_menu)&&(u(),this.active_menu=void 0)}),function(){let e=!1;try{const t=Object.defineProperty({},"passive",{get:function(){e=!0}});window.addEventListener("testPassive",null,t),window.removeEventListener("testPassive",null,t)}catch(e){}}();const h="flowplayer-quality-menu",m="quality:set";var p,f=Object.freeze({__proto__:null,SET_QUALITY:m,TRACKS:"quality:tracks",SWITCH:"quality:update",QUALITIES:i});function y(e){return e instanceof FlowplayerMenu}function E(e){return e.find(e=>"level"in e&&-1===e.level||"index"in e&&-1===e.index)}function v(e,t){return t||(e.height&&e.width&&e.height>e.width?`${e.width}p${e.height>1279?" HD":""}`:e.height?`${e.height}p${e.height>719?" HD":""}`:e.width?`${e.width}p${e.width>1279?" HD":""}`:"name"in e&&e.name?e.name:"0p")}function g(e,t,i,n){const s=E(t),l=e.querySelector("li:last-child span");l&&s&&(l.textContent=n?`${v(s)} - ${v(i)}`:v(s)+"")}function b(t,i,n,s){if(y(n)&&!e(i.opts,"qsel.labels")){const e=s===E(t.qualities);e&&-1===t.current.index||g(n,t.qualities,e?t.qualities[t.current.index]:s,e)}i.emit(m,s)}const w=((p=class Qsel{constructor(e){this.qualities=[],this.current={automatic:!0,index:-1},((e,t,i)=>{window.customElements.get(t)||window.customElements.define(t,i),e.customElements.get(t)||e.customElements.set(t,t)})(e,h,class extends FlowplayerMenu{})}init(t,s,l){const o=n(l,h);y(o)&&o.setMenuAttrs({summaryTitle:"HD",menuTitle:l.i18n("qsel.menu_title"),class:"fp-qsel",options_event:p.events.TRACKS,item_selected_event:p.events.SWITCH}),l.on("src",()=>{this.qualities=[],this.current={automatic:!0,index:-1},d(o,p.events.TRACKS,[])}),l.on("mount",function(){var e;null===(e=function(e,t){const i=e._customElements.get(t);return i&&e.root.querySelector(i)||void 0}(l,l.hasState("is-tv")?"flowplayer-tv-menu":"flowplayer-control"))||void 0===e||e.append(o)}),l.on("qualitychange",i=>{const n=i.detail;var s,l;this.current.automatic=n.automatic,this.current.index=(s=this.qualities,l=n.after,s.findIndex(e=>"level"in e&&"level"in l?e.level===l.level:"id"in e?e.id===l.id:void 0)),!y(o)||e(t,"qsel.labels")||this.qualities.length<2||(d(o,p.events.SWITCH,{selected_index:this.current.automatic&&E(this.qualities)?this.qualities.length-1:this.current.index}),g(o,this.qualities,this.qualities[this.current.index],this.current.automatic))}),l.on(i,i=>{if(!Array.isArray(i.detail))return;this.qualities=i.detail;const n=e(t,"qsel.labels",[]);if(d(o,p.events.TRACKS,this.qualities.flatMap((e,t)=>"boolean"!=typeof n[t]||n[t]?{text:v(e,n[t]),onclick:b.bind(this,this,l,o,e)}:[])),y(o)&&o.toggle_visibility(this.qualities.length<2),this.qualities.length<2)return d(o,p.events.SWITCH,{selected_index:0});if(!e(t,"qsel.labels")){if(-1===this.current.index)return E(this.qualities)&&d(o,p.events.SWITCH,{selected_index:this.qualities.length-1});d(o,p.events.SWITCH,{selected_index:this.current.automatic&&E(this.qualities)?this.qualities.length-1:this.current.index}),y(o)&&this.current.automatic&&g(o,this.qualities,this.qualities[this.current.index],this.current.automatic)}})}}).pluginName="qsel",p.events=f,p);return function(e,t){if("object"==typeof exports&&"undefined"!=typeof module)return t;if(null===document.currentScript)return t;"flowplayer"in e||(e.flowplayer={extensions:[]});const i=e.flowplayer;return"function"==typeof i?(i(t),t):(Array.isArray(i.extensions)||(i.extensions=[]),~i.extensions.indexOf(t)||i.extensions.push(t),t)}(window,w)});