tmg-media-player 0.0.1 → 0.0.2

package/dist/plugs/settings/keys/index.cjs

@@ -1,612 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-
-// src/ts/plugs/settings/keys/index.ts
-var keys_exports = {};
-__export(keys_exports, {
-  KEYS_BUILD: () => KEYS_BUILD,
-  KEYS_WHITELIST: () => KEYS_WHITELIST,
-  KEY_SHORTCUT_MOD_ACTIONS: () => KEY_SHORTCUT_MOD_ACTIONS,
-  KeysPlug: () => KeysPlug
-});
-module.exports = __toCommonJS(keys_exports);
-
-// src/ts/core/controllable.ts
-var import_sia_reactor3 = require("sia-reactor");
-var import_utils11 = require("sia-reactor/utils");
-
-// ../t007-tools/packages/utils/dist/chunk-ZALPHCSJ.js
-var import_utils = require("sia-reactor/utils");
-var import_utils2 = require("sia-reactor/utils");
-var import_sia_reactor = require("sia-reactor");
-var import_sia_reactor2 = require("sia-reactor");
-var import_utils3 = require("sia-reactor/utils");
-var import_utils4 = require("sia-reactor/utils");
-var import_utils5 = require("sia-reactor/utils");
-var import_utils6 = require("sia-reactor/utils");
-var import_utils7 = require("sia-reactor/utils");
-var VIRTUAL_RESOURCE = /* @__PURE__ */ Symbol.for("T007_VIRTUAL_RESOURCE");
-function isStr(val) {
-  return "string" === typeof val;
-}
-function isArr(obj) {
-  return Array.isArray(obj);
-}
-function isFunc(val) {
-  return "function" === typeof val;
-}
-function limited(FN_KEY2, fn, opts = {}) {
-  let count = 0, { key, maxTimes: max = 1, oncePerSession = true } = isStr(opts) ? { key: opts } : opts;
-  const getReg = () => JSON.parse(localStorage.getItem(FN_KEY2) || "{}"), setReg = (r) => localStorage.setItem(FN_KEY2, JSON.stringify(r));
-  const handle = (...args) => {
-    if (oncePerSession && count > 0) return void 0;
-    if (!key) return count++ < max ? fn(...args) : void 0;
-    const r = getReg(), c = r[key] || 0;
-    return c < max ? (count++, r[key] = c + 1, setReg(r), fn(...args)) : void 0;
-  };
-  handle.left = max - (handle.count = count);
-  handle.reset = () => (count = 0, key && ((r) => (delete r[key], setReg(r)))(getReg()));
-  handle.block = () => (count = max, key && ((r) => (r[key] = max, setReg(r)))(getReg()));
-  return handle;
-}
-if ("undefined" !== typeof window) {
-  (window.t007 ?? (window.t007 = {})).VIRTUAL_RESOURCE = VIRTUAL_RESOURCE;
-  window.T007_TOAST_JS_SRC ?? (window.T007_TOAST_JS_SRC = `https://cdn.jsdelivr.net/npm/@t007/toast@latest`);
-  window.T007_INPUT_JS_SRC ?? (window.T007_INPUT_JS_SRC = `https://cdn.jsdelivr.net/npm/@t007/input@latest`);
-  window.T007_DIALOG_JS_SRC ?? (window.T007_DIALOG_JS_SRC = `https://cdn.jsdelivr.net/npm/@t007/dialog@latest`);
-  window.T007_TOAST_CSS_SRC ?? (window.T007_TOAST_CSS_SRC = `https://cdn.jsdelivr.net/npm/@t007/toast@latest/dist/index.min.css`);
-  window.T007_INPUT_CSS_SRC ?? (window.T007_INPUT_CSS_SRC = `https://cdn.jsdelivr.net/npm/@t007/input@latest/dist/index.min.css`);
-  window.T007_DIALOG_CSS_SRC ?? (window.T007_DIALOG_CSS_SRC = `https://cdn.jsdelivr.net/npm/@t007/dialog@latest/dist/index.min.css`);
-}
-
-// src/ts/consts/generics.ts
-var FN_KEY = "tmg_fn_registry";
-
-// src/ts/utils/obj.ts
-var import_utils9 = require("sia-reactor/utils");
-
-// src/ts/core/controllable.ts
-var Controllable = class {
-  // for easy reach, better devx
-  constructor(ctlr, config, state) {
-    __publicField(this, "ac", new AbortController());
-    __publicField(this, "signal", this.ac.signal);
-    __publicField(this, "ctlr");
-    __publicField(this, "media");
-    __publicField(this, "state");
-    // for reactivity needs of those who pass it up
-    __publicField(this, "config");
-    (0, import_utils7.guardAllMethods)(this, ctlr.guard);
-    this.signal = AbortSignal.any([this.signal, ctlr.signal]);
-    this.ctlr = ctlr;
-    this.media = ctlr.media;
-    this.state = (0, import_utils3.isObj)(state) ? (0, import_sia_reactor3.reactive)(state) : state;
-    this.config = config;
-  }
-  // may be a reactive obj node or the obj itself
-  get settings() {
-    return this.ctlr.settings;
-  }
-  setup() {
-    return this.onSetup(), this;
-  }
-  destroy() {
-    !this.signal.aborted && this.ac.abort(`[TMG Controllable] Instance is being destroyed`);
-    this.onDestroy(), this.state?.destroy?.(), this.config !== this.media && isFunc(this.config?.destroy) && this.config?.destroy?.();
-    (0, import_utils11.nuke)(this);
-  }
-  onDestroy() {
-  }
-};
-
-// src/ts/plugs/base/index.ts
-var import_utils14 = require("sia-reactor/utils");
-
-// src/ts/consts/config.ts
-var import_sia_reactor4 = require("sia-reactor");
-
-// src/ts/consts/actions.ts
-var ACTIONS_BUILD = {
-  // --- Keyboard-only actions (no default voice triggers; path router covers voice) ---
-  playPause: { label: "Play / Pause" },
-  skipFwd: { label: "Skip Forward", notify: "fwd" },
-  skipBwd: { label: "Skip Back", notify: "bwd" },
-  volumeUp: { label: "Volume Up", notify: "volumeup" },
-  volumeDown: { label: "Volume Down", notify: "volumedown" },
-  brightnessUp: { label: "Brightness Up", notify: "brightnessup" },
-  brightnessDown: { label: "Brightness Down", notify: "brightnessdown" },
-  playbackRateUp: { label: "Playback Rate Up", notify: "playbackrateup" },
-  playbackRateDown: { label: "Playback Rate Down", notify: "playbackratedown" },
-  stepFwd: { label: "Step Forward", notify: "fwd" },
-  stepBwd: { label: "Step Back", notify: "bwd" },
-  prev: { label: "Previous", notify: "mediaprev" },
-  next: { label: "Next", notify: "medianext" },
-  captions: { label: "Captions", notify: "captions" },
-  captionsFontSizeUp: { label: "Captions: Font Size Up" },
-  captionsFontSizeDown: { label: "Captions: Font Size Down" },
-  captionsFontFamily: { label: "Captions: Font Family" },
-  captionsFontWeight: { label: "Captions: Font Weight" },
-  captionsFontVariant: { label: "Captions: Font Variant" },
-  captionsFontOpacity: { label: "Captions: Font Opacity" },
-  captionsBackgroundOpacity: { label: "Captions: Background Opacity" },
-  captionsWindowOpacity: { label: "Captions: Window Opacity" },
-  captionsCharacterEdgeStyle: { label: "Captions: Character Edge" },
-  captionsTextAlignment: { label: "Captions: Text Alignment" },
-  objectFit: { label: "Object Fit" },
-  capture: { label: "Capture Frame", notify: "capture" },
-  cast: { label: "Cast", notify: "cast" },
-  airplay: { label: "AirPlay", notify: "airplay" },
-  dark: { label: "Dark Mode" },
-  settings: { label: "Settings", zen: true },
-  // --- Logic-expressible actions (logic[] + keyboard, no default voice triggers) ---
-  mute: { label: "Mute", notify: "volumemuted" },
-  fullscreen: { label: "Fullscreen", notify: "fullscreen", logic: [{ path: "media.intent.fullscreen", op: "toggle" }] },
-  theater: { label: "Theater", notify: "theater", logic: [{ path: "media.intent.theater", op: "toggle" }] },
-  pictureInPicture: { label: "Picture in Picture", notify: "pictureinpicture", logic: [{ path: "media.intent.pictureInPicture", op: "toggle" }] },
-  timeFormat: { label: "Time Format" },
-  timeMode: { label: "Time Mode" },
-  // --- Compound (voice|time)-only actions (voice engine meta, path router can't reach these) ---
-  timeTravelUndo: { label: "Time Travel: Undo", zen: true },
-  timeTravelRedo: { label: "Time Travel: Redo", zen: true },
-  voiceQuit: { label: "Voice: Quit", zen: true },
-  voiceSleep: { label: "Voice: Sleep", zen: true },
-  voiceSubmit: { label: "Voice: Submit", zen: true },
-  voiceHistoryFirst: { label: "Voice: Go to Root", zen: true },
-  voiceHistoryPrev: { label: "Voice: Go Back", zen: true },
-  voiceHistoryNext: { label: "Voice: Go Forward", zen: true },
-  voiceHistoryLast: { label: "Voice: Go to Leaf", zen: true },
-  voiceHistoryClear: { label: "Voice: Clear History", zen: true },
-  voiceToggleOn: { label: "Voice: Toggle On", zen: true },
-  voiceToggleOff: { label: "Voice: Toggle Off", zen: true }
-};
-
-// src/ts/consts/config.ts
-var CONFIG_BUILD = {
-  mediaType: "video",
-  mediaPlayer: "TMG",
-  media: { intent: { playsInline: true, textVisible: true, brightness: 100 } },
-  actions: Object.fromEntries(Object.entries(ACTIONS_BUILD).map(([k, v]) => [k, { id: k, ...v }])),
-  logicPathBlacklist: ["media.state", "media.status", "media.tech", "media.features", "media.type", "media.element", "media.pseudoElement", "media.container", "media.pseudoContainer"],
-  settings: {
-    // techOrder: [
-    //   "youtube", // 1. Black-box (Regex must catch these URLs instantly)
-    //   "vimeo", // 2. Black-box (Regex must catch these URLs instantly)
-    //   "shaka", // 3. THE APEX PREDATOR (Catches .mpd and .m3u8 first)
-    //   "hls", // 4. Fallback (Catches .m3u8 ONLY if Shaka is disabled/fails)
-    //   "dash", // 5. Fallback (Catches .mpd ONLY if Shaka is disabled/fails)
-    //   "html5", // 6. The Native Floor (Catches raw .mp4, .webm, .mp3, etc.)
-    // ],
-  },
-  debug: true,
-  devMode: import_sia_reactor4.CTX.isDevEnv,
-  noPlugList: []
-  // dev: "settings.persist"
-};
-
-// src/ts/core/registries.ts
-var import_utils13 = require("sia-reactor/utils");
-var BaseRegistry = class {
-  constructor() {
-    __publicField(this, "items", []);
-  }
-  register(name, value, config) {
-    return this.unregister(name), this.items.push({ name, value, config }), this;
-  }
-  unregister(name, idx = this.items.findIndex((i) => i.name === name)) {
-    return idx !== -1 && this.items.splice(idx, 1), this;
-  }
-  get(name) {
-    return this.items.find((i) => i.name === name)?.value;
-  }
-  getAll(order) {
-    if (!order) return this.items.map((i) => i.value);
-    return this.items.sort((a, b, ai = order.indexOf(a.name), bi = order.indexOf(b.name)) => ai === -1 && bi === -1 ? 0 : ai === -1 ? 1 : bi === -1 ? -1 : ai - bi).map((i) => i.value);
-  }
-  clear() {
-    return this.items = [], this;
-  }
-};
-var OrderedRegistry = class extends BaseRegistry {
-  registerFirst(name, value, config) {
-    return this.unregister(name), this.items.unshift({ name, value, config }), this;
-  }
-  registerBefore(key, name, value, config) {
-    this.unregister(name);
-    const idx = this.items.findIndex((i) => i.name === key);
-    return idx !== -1 ? (this.items.splice(idx, 0, { name, value, config }), this) : this.register(name, value, config);
-  }
-  registerAfter(key, name, value, config) {
-    this.unregister(name);
-    const idx = this.items.findIndex((i) => i.name === key);
-    return idx !== -1 ? (this.items.splice(idx + 1, 0, { name, value, config }), this) : this.register(name, value, config);
-  }
-};
-var _TechRegistry = class _TechRegistry extends OrderedRegistry {
-  static get(name) {
-    return this.instance.get(name);
-  }
-  static register(Tech) {
-    this.instance.register(Tech.techName, Tech);
-  }
-  static unregister(name) {
-    this.instance.unregister(name);
-  }
-  static registerBefore(key, Tech) {
-    this.instance.registerBefore(key, Tech.techName, Tech);
-  }
-  static registerAfter(key, Tech) {
-    this.instance.registerAfter(key, Tech.techName, Tech);
-  }
-  static pick(src, techOrder) {
-    return this.instance.getAll(techOrder).find((Tech) => Tech.canPlaySource(src)) || null;
-  }
-};
-__publicField(_TechRegistry, "instance", new _TechRegistry());
-var TechRegistry = _TechRegistry;
-var _PlugRegistry = class _PlugRegistry extends OrderedRegistry {
-  static get(name) {
-    return this.instance.get(name);
-  }
-  static register(Plug, editBuild = Plug.BUILD !== void 0) {
-    this.instance.register(Plug.fullName, Plug);
-    editBuild && (0, import_utils13.setPath)(CONFIG_BUILD, Plug.fullName, Plug.BUILD);
-  }
-  static unregister(fullName, editBuild = true) {
-    this.instance.unregister(fullName);
-    editBuild && (0, import_utils13.deletePath)(CONFIG_BUILD, fullName);
-  }
-  static registerBefore(key, Plug) {
-    this.instance.registerBefore(key, Plug.fullName, Plug);
-  }
-  static registerAfter(key, Plug) {
-    this.instance.registerAfter(key, Plug.fullName, Plug);
-  }
-  static getOrdered() {
-    return this.instance.getAll();
-  }
-};
-__publicField(_PlugRegistry, "instance", new _PlugRegistry());
-var PlugRegistry = _PlugRegistry;
-var _PinRegistry = class _PinRegistry extends BaseRegistry {
-  static get(name) {
-    return this.instance.get(name);
-  }
-  static register(Pin, editBuild = Pin.BUILD !== void 0) {
-    this.instance.register(Pin.fullName, Pin);
-    editBuild && (0, import_utils13.setPath)(CONFIG_BUILD, Pin.Plug.fullName + "." + Pin.pinName, Pin.BUILD);
-  }
-  static unregister(fullName, editBuild = true) {
-    this.instance.unregister(fullName);
-    editBuild && (0, import_utils13.deletePath)(fullName.slice(0, fullName.indexOf(".")) in CONFIG_BUILD ? CONFIG_BUILD : CONFIG_BUILD.settings, fullName);
-  }
-};
-__publicField(_PinRegistry, "instance", new _PinRegistry());
-var PinRegistry = _PinRegistry;
-var _MenuRegistry = class _MenuRegistry extends BaseRegistry {
-  static get(name) {
-    return this.instance.get(name);
-  }
-  static register(name, factory) {
-    this.instance.register(name, factory);
-  }
-  static unregister(name) {
-    this.instance.unregister(name);
-  }
-};
-__publicField(_MenuRegistry, "instance", new _MenuRegistry());
-var MenuRegistry = _MenuRegistry;
-var _ComponentRegistry = class _ComponentRegistry extends BaseRegistry {
-  static get(name) {
-    return this.instance.get(name);
-  }
-  static register(Comp) {
-    this.instance.register(Comp.componentName, Comp);
-  }
-  static unregister(name) {
-    this.instance.unregister(name);
-  }
-  static init(name, ctlr, config = {}) {
-    const Comp = this.instance.get(name);
-    if (!Comp) return null;
-    const instance = new Comp(ctlr, config);
-    return instance.create(), instance.setup();
-  }
-  static getAll() {
-    return this.instance.getAll();
-  }
-};
-__publicField(_ComponentRegistry, "instance", new _ComponentRegistry());
-var ComponentRegistry = _ComponentRegistry;
-var _IconRegistry = class _IconRegistry extends BaseRegistry {
-  static get(name, raw = false, token = /\btmg-media-[^\s"']+\s*/g) {
-    return (raw ? this.instance.get(name)?.replace(token, "") : this.instance.get(name)) || `<svg></svg>`;
-  }
-  static register(name, svg) {
-    this.instance.register(name, svg);
-  }
-  static unregister(name) {
-    this.instance.unregister(name);
-  }
-  // Bulk register a map of icons { play: "<svg...>", pause: "<svg...>" }
-  static registerAll(icons) {
-    for (const k of Object.keys(icons)) this.instance.register(k, icons[k]);
-  }
-};
-__publicField(_IconRegistry, "instance", new _IconRegistry());
-var IconRegistry = _IconRegistry;
-
-// src/ts/plugs/base/index.ts
-var BasePlug = class extends Controllable {
-  static get surname() {
-    return this.isMain ? "" : "settings.";
-  }
-  static get fullName() {
-    return this.surname + this.plugName;
-  }
-  get name() {
-    return this.constructor.plugName;
-  }
-  constructor(ctlr, config = (0, import_utils14.getPath)(ctlr.config, new.target.fullName), state) {
-    ctlr.plug(new.target.fullName)?.destroy();
-    super(ctlr, config, state);
-    const path = new.target.fullName;
-    this.ctlr.config.watch(path, () => this.config = (0, import_utils14.getPath)(this.ctlr.config, path), { signal: this.signal });
-    ctlr.plugs.set(new.target.fullName, this);
-  }
-  onSetup() {
-    this.mount?.();
-    this.ctlr.state.readyState ? this.wire?.() : this.wire && this.ctlr.state.wonce("readyState", this.wire, { signal: this.signal });
-  }
-  onDestroy() {
-    this.unmount?.();
-    this.ctlr.plugs.delete(this.constructor.fullName);
-  }
-  mount() {
-  }
-  unmount() {
-  }
-  wire() {
-    this.registerMenu();
-  }
-  registerMenu() {
-    this.ctlr.plug("settings.settingsView")?.menu.register(MenuRegistry.get(this.constructor.fullName)?.(this));
-  }
-  // override to configure positioning
-};
-__publicField(BasePlug, "plugName");
-__publicField(BasePlug, "isCore", false);
-__publicField(BasePlug, "isMain", false);
-__publicField(BasePlug, "BUILD");
-
-// src/ts/plugs/settings/keys/build.ts
-var KEYS_WHITELIST = ["Space", "Enter", "Escape", "ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight", "Home", "End", "0", "1", "2", "3", "4", "5", "6", "7", "8", "9"];
-var KEY_SHORTCUT_MOD_ACTIONS = ["skip", "volume", "brightness", "playbackRate", "captionsFontSize"];
-var KEYS_BUILD = {
-  disabled: false,
-  strictMatches: false,
-  overrides: ["Space", "ArrowDown", "ArrowUp", "ArrowLeft", "ArrowRight", "Home", "End"],
-  shortcuts: {
-    prev: "Shift+p",
-    next: "Shift+n",
-    playPause: "k",
-    mute: "m",
-    dark: "d",
-    skipBwd: "j",
-    skipFwd: "l",
-    stepFwd: ".",
-    stepBwd: ",",
-    volumeUp: "ArrowUp",
-    volumeDown: "ArrowDown",
-    brightnessUp: "y",
-    brightnessDown: "h",
-    playbackRateUp: ">",
-    playbackRateDown: "<",
-    timeFormat: "z",
-    timeMode: "q",
-    capture: "s",
-    objectFit: "a",
-    pictureInPicture: "i",
-    theater: "t",
-    fullscreen: "f",
-    captions: "c",
-    captionsFontSizeUp: ["+", "="],
-    captionsFontSizeDown: ["-", "_"],
-    captionsFontFamily: "u",
-    captionsFontWeight: "g",
-    captionsFontVariant: "v",
-    captionsFontOpacity: "o",
-    captionsBackgroundOpacity: "b",
-    captionsWindowOpacity: "w",
-    captionsCharacterEdgeStyle: "e",
-    captionsTextAlignment: "x",
-    settings: "?",
-    cast: "Shift+r",
-    airplay: "Shift+r"
-  },
-  blocks: import_utils6.KEYS_BLOCKS,
-  whitelist: KEYS_WHITELIST,
-  mods: {
-    disabled: false,
-    skip: {
-      ctrl: 60,
-      shift: 10
-    },
-    volume: {
-      ctrl: 50,
-      shift: 10
-    },
-    brightness: {
-      ctrl: 50,
-      shift: 10
-    },
-    playbackRate: {
-      ctrl: 1
-    },
-    captionsFontSize: {}
-  }
-};
-
-// src/ts/utils/dom.ts
-var import_sia_reactor5 = require("sia-reactor");
-
-// src/ts/utils/fn.ts
-var limited2 = (fn, opts = {}) => limited(FN_KEY, fn, opts);
-
-// src/ts/utils/dom.ts
-var win = "undefined" !== typeof window ? window : void 0;
-var intersectionObserver = win ? new IntersectionObserver(
-  (entries) => {
-    for (const entry of entries) if (entry.target._intersectCbs) for (const cb of entry.target._intersectCbs) cb(entry);
-  },
-  { root: null, rootMargin: "0px", threshold: 0.3 }
-) : null;
-var resizeObserver = win ? new ResizeObserver((entries) => {
-  for (const entry of entries) if (entry.target._resizeCbs) for (const cb of entry.target._resizeCbs) cb(entry);
-}) : null;
-var mutationObserver = win ? new MutationObserver((mutations) => {
-  const target = mutations[0].target;
-  if (target._mutationCbs) for (const cb of target._mutationCbs) cb(mutations);
-}) : null;
-
-// src/ts/utils/media.ts
-var import_utils19 = require("sia-reactor/utils");
-var getMediaTime = (media, percent, _min = getMediaMin(media)) => media.status.isLive ? _min + percent * (getMediaMax(media) - _min) : percent * media.status.duration;
-var getMediaMin = ({ status: st, state: s }) => st.isLive ? st.seekable.length ? st.canSeekLive ? st.seekable.start(0) : st.seekable.end(st.seekable.length - 1) : s.currentTime : 0;
-var getMediaMax = ({ status: st, state: s }) => st.isLive ? st.seekable.length ? st.seekable.end(st.seekable.length - 1) : s.currentTime : st.duration;
-var DUMMY_VID = (0, import_utils.createEl)("video");
-var DUMMY_AUD = (0, import_utils.createEl)("audio");
-
-// src/ts/plugs/settings/toasts/index.ts
-var import_utils20 = require("sia-reactor/utils");
-var import_sia_reactor6 = require("sia-reactor");
-var tutorialOpts = (onGotIt = import_sia_reactor6.NOOP) => ({ type: "info", icon: "\u{1F4A1}", position: "center-center", closeButton: true, hideProgressBar: false, animation: "fade", actions: { "Got it!": onGotIt } });
-
-// src/ts/plugs/settings/keys/index.ts
-var KeysPlug = class extends BasePlug {
-  constructor() {
-    super(...arguments);
-    __publicField(this, "playTriggerSeq", 0);
-    __publicField(this, "teachBasics", limited2((_id) => (_id = this.ctlr.plug("settings.toasts")?.toast?.(`Press the spacebar to play/pause, or hold it to fast forward/rewind(+Shift). Click \u2699 for settings`, { ...tutorialOpts(() => (this.teachBasics.block(), t007.toast?.dismiss(_id))), signal: this.signal }), { key: "tmg_keys_tut_1", maxTimes: 5 })));
-  }
-  wire() {
-    this.ctlr.media.on("state.locked", this.syncEventListeners, { signal: this.signal });
-    this.ctlr.state.on("mediaIntersecting", this.syncEventListeners, { signal: this.signal });
-    this.ctlr.config.on("settings.keys.disabled", this.syncEventListeners, { signal: this.signal });
-    this.ctlr.config.on("disabled", this.syncEventListeners, { signal: this.signal });
-    this.ctlr.registerAction("playPause", { fn: this.handlePlayTriggerDown, keyboard: { phase: "keydown" } });
-    this.ctlr.registerAction(" ", { fn: this.handlePlayTriggerDown, keyboard: { phase: "keydown" }, private: true });
-    this.ctlr.registerAction("escape", { fn: this.handleEscape, keyboard: { phase: "keydown" }, private: true });
-    this.ctlr.registerAction("arrowleft", { fn: this.handleArrowLeft, keyboard: { phase: "keydown" }, private: true });
-    this.ctlr.registerAction("arrowright", { fn: this.handleArrowRight, keyboard: { phase: "keydown" }, private: true });
-    this.ctlr.registerAction("arrowup", { fn: this.handleArrowUp, keyboard: { phase: "keydown" }, private: true });
-    this.ctlr.registerAction("arrowdown", { fn: this.handleArrowDown, keyboard: { phase: "keydown" }, private: true });
-    this.ctlr.registerAction("home", { fn: () => this.media.intent.currentTime = 0, keyboard: { phase: "keyup" }, private: true });
-    this.ctlr.registerAction("0", { fn: () => this.media.intent.currentTime = 0, keyboard: { phase: "keyup" }, private: true });
-    this.ctlr.registerAction("end", { fn: () => this.media.intent.currentTime = this.media.status.duration, keyboard: { phase: "keyup" }, private: true });
-    for (const n of "123456789".split("")) this.ctlr.registerAction(n, { fn: () => this.media.intent.currentTime = getMediaTime(this.media, +n / 10), keyboard: { phase: "keyup" }, private: true });
-    this.ctlr.payload.wired ? this.syncEventListeners() : this.ctlr.state.wonce("readyState", this.syncEventListeners, { signal: this.signal });
-    super.wire();
-  }
-  getHook(phase, action) {
-    const entry = this.ctlr.actions[action];
-    if (!entry || !entry.keyboard) return;
-    const matches = isArr(entry.keyboard.phase) ? entry.keyboard.phase.includes(phase) : entry.keyboard.phase === phase;
-    return matches ? action : void 0;
-  }
-  handleKeyDown(e, action = (0, import_utils6.keyEventAllowed)(e, this.settings.keys), mod = this.getMod(e)) {
-    if (action === false) return;
-    action && this.ctlr.plug("settings.overlay")?.show();
-    const hook = this.getHook("keydown", action);
-    hook && this.ctlr.throttle("keyDown", () => this.ctlr.runAction(hook, e, mod), 30);
-  }
-  handleKeyUp(e, action = (0, import_utils6.keyEventAllowed)(e, this.settings.keys), mod = this.getMod(e)) {
-    if (action === false) return;
-    action ? this.ctlr.plug("settings.overlay")?.show() : this.teachBasics();
-    const hook = this.getHook("keyup", action);
-    hook && this.ctlr.runAction(hook, e, mod);
-  }
-  handlePlayTriggerDown(e) {
-    if (!e) return this.media.intent.paused = !this.media.state.paused, this.ctlr.plug("settings.notifiers")?.notify(this.media.intent.paused ? "mediapause" : "mediaplay");
-    this.playTriggerSeq++;
-    this.playTriggerSeq === 1 && e.currentTarget?.addEventListener("keyup", this.handlePlayTriggerUp, { signal: this.signal });
-    this.playTriggerSeq === 2 && this.settings.fastPlay.key && this.ctlr.plug("settings.fastPlay")?.fastPlay(e.shiftKey ? "backwards" : "forwards");
-  }
-  handlePlayTriggerUp(e, action = (0, import_utils6.keyEventAllowed)(e, this.settings.keys)) {
-    action && this.ctlr.plug("settings.overlay")?.show();
-    if (action !== false && [" ", "playPause"].includes(action)) {
-      e.stopImmediatePropagation();
-      if (this.playTriggerSeq === 1) this.media.intent.paused = !this.media.state.paused;
-      this.ctlr.plug("settings.notifiers")?.notify(this.media.intent.paused ? "mediapause" : "mediaplay");
-    }
-    const fastPlug = this.ctlr.plug("settings.fastPlay");
-    if (fastPlug?.speedCheck && this.playTriggerSeq > 1 && !fastPlug?.speedPtrCheck) fastPlug.slowDown();
-    this.playTriggerSeq = 0;
-    e.currentTarget?.removeEventListener("keyup", this.handlePlayTriggerUp);
-  }
-  handleEscape() {
-    this.ctlr.isUIActive("miniplayer") && (this.media.intent.miniplayer = false);
-    (this.ctlr.isUIActive("pictureInPicture") || this.ctlr.isUIActive("floatingPlayer")) && (this.media.intent.pictureInPicture = false);
-  }
-  handleArrowLeft(_, mod) {
-    this.ctlr.plug("settings.gesture")?.stopSkipPersist();
-    this.ctlr.plug("settings.time")?.skip(-this.getModded("skip", mod, 5));
-    this.ctlr.plug("settings.notifiers")?.notify("bwd");
-  }
-  handleArrowRight(_, mod) {
-    this.ctlr.plug("settings.gesture")?.stopSkipPersist();
-    this.ctlr.plug("settings.time")?.skip(this.getModded("skip", mod, 5));
-    this.ctlr.plug("settings.notifiers")?.notify("fwd");
-  }
-  handleArrowUp(_, mod) {
-    this.ctlr.plug("settings.volume")?.changeAptValue(this.getModded("volume", mod, 5));
-    this.media.features.volume && this.ctlr.plug("settings.notifiers")?.notify("volumeup");
-  }
-  handleArrowDown(_, mod) {
-    this.ctlr.plug("settings.volume")?.changeAptValue(-this.getModded("volume", mod, 5));
-    this.media.features.volume && this.ctlr.plug("settings.notifiers")?.notify(!this.media.state.volume ? "volumemuted" : "volumedown");
-  }
-  setEventListeners(action = "add") {
-    const ws = this.getWindows();
-    for (const w of ws) w.removeEventListener("keydown", this.handleKeyDown), w.removeEventListener("keyup", this.handleKeyUp);
-    if (action === "remove" || !this.shouldListen()) return;
-    for (const w of ws) w.addEventListener("keydown", this.handleKeyDown, { signal: this.signal });
-    for (const w of ws) w.addEventListener("keyup", this.handleKeyUp, { signal: this.signal });
-  }
-  syncEventListeners() {
-    this.setEventListeners(this.shouldListen() ? "add" : "remove");
-  }
-  shouldListen() {
-    return this.ctlr.payload.wired && this.ctlr.state.mediaIntersecting && !this.ctlr.config.disabled && !this.config.disabled && !this.media.state.locked;
-  }
-  getWindows() {
-    const floating = this.ctlr.plug("settings.modes")?.pictureInPicture?.floatingWindow;
-    return floating ? [floating, window] : [window];
-  }
-  getMod(e) {
-    return this.config.mods.disabled ? "" : e.ctrlKey ? "ctrl" : e.altKey ? "alt" : e.shiftKey ? "shift" : "";
-  }
-  getModded(action, mod, base) {
-    return mod ? this.config.mods[action]?.[mod] ?? base : base;
-  }
-};
-__publicField(KeysPlug, "plugName", "keys");
-__publicField(KeysPlug, "BUILD", KEYS_BUILD);
-//# sourceMappingURL=index.cjs.map