@flowplayer/player 3.34.3 → 3.35.0-rc

package/package/plugins/keyboard.js

@@ -0,0 +1 @@
+!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.keyboard=t())}(this,function(){"use strict";function e(e,t,n){const o=function(e){return Array.isArray(e)?e.slice(0):e.split(".")}(t);for(;o.length;){if(null==e)return n;const t=o.shift();if("string"!=typeof t)return n;e=e[t]}return null==e?n:e}var t={TAB:"Tab",ENTER:"Enter",ESCAPE:"Escape",SPACE:" ",ARROW_LEFT:"ArrowLeft",ARROW_UP:"ArrowUp",ARROW_RIGHT:"ArrowRight",ARROW_DOWN:"ArrowDown",F:"f",H:"h",J:"j",K:"k",L:"l",M:"m"};const n="mousemove",o="fp-menu-container",r="details[open]."+o;function i(){Array.from(document.querySelectorAll(".fp-engine")).forEach(e=>{var t;const n=e.root.querySelector(r);n&&(n.open=!1,null===(t=n.querySelector("summary"))||void 0===t||t.removeAttribute("aria-expanded"),e.root.classList.toggle("has-menu-opened",!1))})}document.addEventListener("click",function(e){this.active_menu&&!e.composedPath().includes(this.active_menu)&&(i(),this.active_menu=void 0)});const a="is-kb-active";let s;function u(e){e.setState(a,!0),clearTimeout(s),s=setTimeout(function(){e.setState(a,!1)},2500)}function c(e,t){e.enqueueSeek(t)&&u(e)}const l="flowplayer-timeline-bar",f="flowplayer-volume-bar",d="flowplayer-wait",p="flowplayer-playlist-controls";const m="flowplayer-ad-ui";const R=1,y=.001;function v(e,{feature_name:t,behavior:n,sample_rate:o}){t&&(o||(o=R),e.emit("flowplayer:feature",{feature_name:t,behavior:n,sample_rate:o}))}const A=e=>{const t=e.closest(`.${o}`);return t?((e,t)=>{var n,o;const r=`${((null===(n=t.parentElement)||void 0===n?void 0:n.localName)||"")+">"+e.localName}>${t.open?"open":"closed"}`;return e instanceof HTMLSpanElement?r+">"+(e.textContent||""):e instanceof HTMLLIElement?r+">"+((null===(o=e.querySelector("span"))||void 0===o?void 0:o.textContent)||""):r})(e,t):e.closest(l)?l:e.closest(f)?f:e.closest(d)?d:e.closest(m)?m+">"+e.localName:e.localName};function E(e,t,n){const o=function(e){return" "===e?"space":e}(t),r={};n&&(r.focused_element=A(n));const i=((e,t,n={})=>{const o=t.join(","),r=Object.entries(n).map(([e,t])=>`${e}=${t}`).join(",");return r?`${e}:${o}:${r}`:`${e}:${o}`})("key",[o],r);v(e,{feature_name:"keyboard",behavior:i,sample_rate:y})}var h;const O=[t.ARROW_UP,t.ARROW_RIGHT,t.ARROW_LEFT,t.ARROW_DOWN],S=[t.SPACE,t.F,t.ESCAPE,t.M,t.ARROW_UP,t.ARROW_DOWN,t.ARROW_RIGHT,t.ARROW_LEFT,t.H,t.J,t.K,t.L];function _(e,t){e.volume=function(e,t,n=0){return Math.max(Math.min(t,e),n)}(e.volume+t,1,0),u(e)}function b(e){e.preventDefault(),e.stopPropagation()}function W(o){const r=o.key,a=T(),s=document.activeElement;if(!s)return;if(r===t.TAB)return function(){var e,t,o;const r=document.activeElement;if(!r)return;const i=null===(e=r.closest(".flowplayer"))||void 0===e?void 0:e.querySelector(".fp-engine");if(g().forEach(e=>{e.root.hasFocus=i===e,e.setState("is-accessibility",i===e)}),!i)return;if(i.root.dispatchEvent(new Event(n)),!function(e){var t,n;return!(!e.hasState("ad-paused")&&!e.hasState("ad-playing")||!(null===(n=null===(t=null==e?void 0:e.ads)||void 0===t?void 0:t.adapter)||void 0===n?void 0:n.isLinearAd()))}(i)||P(r,m))return;const a=i.root.querySelector(m);if(!a)return;if(i.hasState("ad-playing"))return null===(t=a.querySelector(".fp-small-pause"))||void 0===t?void 0:t.focus();if(i.hasState("ad-paused"))return null===(o=a.querySelector(".fp-small-play"))||void 0===o?void 0:o.focus()}();if((r===t.SPACE||r===t.ENTER)&&s.hasAttribute("tabindex")&&(P(s,".flowplayer")||P(s,p)))return a&&E(a,r,s),null==s||s.dispatchEvent(new CustomEvent("click",{cancelable:!0,bubbles:!0})),b(o);if((r===t.ARROW_DOWN||r===t.ARROW_UP||r===t.ESCAPE)&&(P(s,".fp-menu-container")||P(s,p))){if(r===t.ARROW_DOWN&&s.nextSibling)return a&&E(a,r,s),s.nextSibling.focus();if(r===t.ARROW_UP&&s.previousSibling)return a&&E(a,r,s),s.previousSibling.focus();if(r===t.ESCAPE){a&&E(a,r,s);const e=new CustomEvent("keyboard:close:menus",{cancelable:!0});if(null==a||a.dispatchEvent(e),e.defaultPrevented)return;return i()}}if(!a)return;let u=e(a,"opts.keyboard.seek_step",5);if(u<1&&(u=Math.round(u*a.duration)),~O.indexOf(r)&&s.hasAttribute("aria-valuenow")){const e=~[t.ARROW_UP,t.ARROW_RIGHT].indexOf(r);if(s.matches(".fp-volume"))return E(a,r,s),_(a,e?.15:-.15),b(o);if(s.matches(".fp-timeline"))return E(a,r,s),c(a,e?u:-1*u),b(o)}if(!1===function(e,t){return!(t.altKey||t.shiftKey||t.metaKey||t.ctrlKey)&&!!(e&&e.hasState("is-in-viewport")&&e.started)&&!!e.root&&void 0}(a,o))return;const l=!a.hasState("no-timeline");switch(~S.indexOf(r)&&o.preventDefault(),r){case t.SPACE:return E(a,r,s),a.togglePlay();case t.F:return E(a,r,s),a.toggleFullScreen();case t.ESCAPE:return a.hasState("is-fullscreen")?(E(a,r,s),a.toggleFullScreen(!1)):void 0;case t.M:return E(a,r,s),a.toggleMute();case t.ARROW_UP:case t.K:return E(a,r,s),_(a,.15);case t.ARROW_DOWN:case t.J:return E(a,r,s),_(a,-.15);case t.ARROW_RIGHT:case t.L:return E(a,r,s),l&&c(a,u);case t.ARROW_LEFT:case t.H:return E(a,r,s),l&&c(a,-1*u)}}function w(e){setTimeout(function(){e.defaultPrevented||W(e)},0)}function T(){return g().find(e=>function(e){let t=document.activeElement;for(;t;){if(t===e)return!0;t=t.parentElement}return!1}(e.root))||g().find(e=>document.activeElement===document.body&&e.root.hasFocus)}function g(){return Array.from(document.querySelectorAll(".fp-engine"))}function P(e,t){return!!function(e,t){return e.closest(t)}(e,t)}document.addEventListener("keydown",function(e){if(e.key===t.TAB)return w(e);const n=T();if(n)return function(e,n){const o=document.activeElement;if(e.key===t.F&&n.root.classList.contains("no-fullscreen"))return;if([t.SPACE,t.ARROW_DOWN,t.ARROW_UP,t.ARROW_RIGHT,t.ARROW_LEFT].includes(e.key)||o&&P(o,".fp-menu-container")&&e.key===t.ENTER)return e.preventDefault(),W(e);w(e)}(e,n);const o=document.activeElement;[t.SPACE,t.ENTER,t.ARROW_DOWN,t.ARROW_UP,t.ARROW_RIGHT,t.ARROW_LEFT].includes(e.key)&&o&&P(o,p)&&(e.preventDefault(),W(e))}),document.addEventListener("mousedown",function(e){const t=e.composedPath();g().forEach(e=>{e.setState("is-accessibility",!1),e.root.hasFocus=t.includes(e.root)})});const k=((h=class Keyboard{init(e,t,o){o.once("health:ready",()=>{v(o,{feature_name:"keyboard",behavior:"loaded",sample_rate:y})}),o.once("beforeplay",()=>{o===T()&&o.hasState("is-accessibility")&&o.once("playing",()=>{if(o!==T()||!o.hasState("is-accessibility"))return;const e=o.root.querySelector(".fp-small-pause");e&&(o.root.dispatchEvent(new Event(n)),e.focus())})})}}).pluginName="keyboard",h);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 n=e.flowplayer;return"function"==typeof n?(n(t),t):(Array.isArray(n.extensions)||(n.extensions=[]),~n.extensions.indexOf(t)||n.extensions.push(t),t)}(window,k)});