@videojs/html 10.0.0-beta.17 → 10.0.0-beta.21

package/cdn/{context-CvJ83xGk.js → context-0rI_P6jf.js}

@@ -104,4 +104,4 @@ const containerContext = createContext(CONTAINER_CONTEXT_KEY);
 
 //#endregion
 export { ContextRequestEvent as a, createContext as i, mediaContext as n, safeDefine as o, playerContext as r, containerContext as t };
-//# sourceMappingURL=context-CvJ83xGk.js.map
+//# sourceMappingURL=context-0rI_P6jf.js.map

package/cdn/{context-CvJ83xGk.js.map → context-0rI_P6jf.js.map}

@@ -1 +1 @@
-{"version":3,"file":"context-CvJ83xGk.js","names":[],"sources":["../src/define/safe-define.ts","../../../node_modules/.pnpm/@lit+context@1.1.6/node_modules/@lit/context/development/lib/context-request-event.js","../../../node_modules/.pnpm/@lit+context@1.1.6/node_modules/@lit/context/development/lib/create-context.js","../src/player/context.ts"],"sourcesContent":["type DefinableElement = CustomElementConstructor & { tagName: string };\n\n/** Define a custom element only if not already registered. */\nexport function safeDefine(element: DefinableElement): void {\n  const registry = globalThis.customElements;\n  if (!registry || registry.get(element.tagName)) return;\n\n  registry.define(element.tagName, element);\n}\n","/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n/**\n * An event fired by a context requester to signal it desires a specified context with the given key.\n *\n * A provider should inspect the `context` property of the event to determine if it has a value that can\n * satisfy the request, calling the `callback` with the requested value if so.\n *\n * If the requested context event contains a truthy `subscribe` value, then a provider can call the callback\n * multiple times if the value is changed, if this is the case the provider should pass an `unsubscribe`\n * method to the callback which consumers can invoke to indicate they no longer wish to receive these updates.\n *\n * If no `subscribe` value is present in the event, then the provider can assume that this is a 'one time'\n * request for the context and can therefore not track the consumer.\n */\nexport class ContextRequestEvent extends Event {\n    /**\n     *\n     * @param context the context key to request\n     * @param contextTarget the original context target of the requester\n     * @param callback the callback that should be invoked when the context with the specified key is available\n     * @param subscribe when, true indicates we want to subscribe to future updates\n     */\n    constructor(context, contextTarget, callback, subscribe) {\n        super('context-request', { bubbles: true, composed: true });\n        this.context = context;\n        this.contextTarget = contextTarget;\n        this.callback = callback;\n        this.subscribe = subscribe ?? false;\n    }\n}\n//# sourceMappingURL=context-request-event.js.map","/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n/**\n * Creates a typed Context.\n *\n * Contexts are compared with strict equality.\n *\n * If you want two separate `createContext()` calls to referer to the same\n * context, then use a key that will by equal under strict equality like a\n * string for `Symbol.for()`:\n *\n * ```ts\n * // true\n * createContext('my-context') === createContext('my-context')\n * // true\n * createContext(Symbol.for('my-context')) === createContext(Symbol.for('my-context'))\n * ```\n *\n * If you want a context to be unique so that it's guaranteed to not collide\n * with other contexts, use a key that's unique under strict equality, like\n * a `Symbol()` or object.:\n *\n * ```\n * // false\n * createContext({}) === createContext({})\n * // false\n * createContext(Symbol('my-context')) === createContext(Symbol('my-context'))\n * ```\n *\n * @param key a context key value\n * @template ValueType the type of value that can be provided by this context.\n * @returns the context key value cast to `Context<K, ValueType>`\n */\nexport function createContext(key) {\n    return key;\n}\n//# sourceMappingURL=create-context.js.map","import type { AnyPlayerStore, Media, MediaContainer, PlayerStore } from '@videojs/core/dom';\nimport type { ReactiveControllerHost } from '@videojs/element';\nimport { type Context, type ContextConsumer, createContext } from '@videojs/element/context';\n\n// ----------------------------------------\n// Player Context\n// ----------------------------------------\n\nexport const PLAYER_CONTEXT_KEY = Symbol.for('@videojs/player');\n\nexport type PlayerContextValue<Store extends PlayerStore = AnyPlayerStore> = Store;\n\nexport type PlayerContext<Store extends PlayerStore = AnyPlayerStore> = Context<\n  typeof PLAYER_CONTEXT_KEY,\n  PlayerContextValue<Store>\n>;\n\n/**\n * The default player context instance for consuming the player store in controllers.\n *\n * @public\n */\nexport const playerContext = createContext<PlayerContextValue, typeof PLAYER_CONTEXT_KEY>(PLAYER_CONTEXT_KEY);\n\n// ----------------------------------------\n// Media Context\n// ----------------------------------------\n\nexport const MEDIA_CONTEXT_KEY = Symbol.for('@videojs/media');\n\nexport interface MediaContextValue {\n  media: Media | null;\n  setMedia: (media: Media | null) => void;\n}\n\nexport type MediaContext = Context<typeof MEDIA_CONTEXT_KEY, MediaContextValue>;\n\nexport const mediaContext = createContext<MediaContextValue, typeof MEDIA_CONTEXT_KEY>(MEDIA_CONTEXT_KEY);\n\n// ----------------------------------------\n// Container Context\n// ----------------------------------------\n\nexport const CONTAINER_CONTEXT_KEY = Symbol.for('@videojs/container');\n\nexport interface ContainerContextValue {\n  container: MediaContainer | null;\n  setContainer: (container: MediaContainer | null) => void;\n}\n\nexport type ContainerContext = Context<typeof CONTAINER_CONTEXT_KEY, ContainerContextValue>;\n\nexport type ContainerContextConsumer = ContextConsumer<ContainerContext, ReactiveControllerHost & HTMLElement>;\n\nexport const containerContext = createContext<ContainerContextValue, typeof CONTAINER_CONTEXT_KEY>(\n  CONTAINER_CONTEXT_KEY\n);\n"],"x_google_ignoreList":[1,2],"mappings":";;AAGA,SAAgB,WAAW,SAAiC;CAC1D,MAAM,WAAW,WAAW;AAC5B,KAAI,CAAC,YAAY,SAAS,IAAI,QAAQ,QAAQ,CAAE;AAEhD,UAAS,OAAO,QAAQ,SAAS,QAAQ;;;;;;;;;;;;;;;;;;;;;;;ACW3C,IAAa,sBAAb,cAAyC,MAAM;;;;;;;;CAQ3C,YAAY,SAAS,eAAe,UAAU,WAAW;AACrD,QAAM,mBAAmB;GAAE,SAAS;GAAM,UAAU;GAAM,CAAC;AAC3D,OAAK,UAAU;AACf,OAAK,gBAAgB;AACrB,OAAK,WAAW;AAChB,OAAK,YAAY,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACKtC,SAAgB,cAAc,KAAK;AAC/B,QAAO;;;;;AC7BX,MAAa,qBAAqB,OAAO,IAAI,kBAAkB;;;;;;AAc/D,MAAa,gBAAgB,cAA6D,mBAAmB;AAM7G,MAAa,oBAAoB,OAAO,IAAI,iBAAiB;AAS7D,MAAa,eAAe,cAA2D,kBAAkB;AAMzG,MAAa,wBAAwB,OAAO,IAAI,qBAAqB;AAWrE,MAAa,mBAAmB,cAC9B,sBACD"}
+{"version":3,"file":"context-0rI_P6jf.js","names":[],"sources":["../src/define/safe-define.ts","../../../node_modules/.pnpm/@lit+context@1.1.6/node_modules/@lit/context/development/lib/context-request-event.js","../../../node_modules/.pnpm/@lit+context@1.1.6/node_modules/@lit/context/development/lib/create-context.js","../src/player/context.ts"],"sourcesContent":["type DefinableElement = CustomElementConstructor & { tagName: string };\n\n/** Define a custom element only if not already registered. */\nexport function safeDefine(element: DefinableElement): void {\n  const registry = globalThis.customElements;\n  if (!registry || registry.get(element.tagName)) return;\n\n  registry.define(element.tagName, element);\n}\n","/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n/**\n * An event fired by a context requester to signal it desires a specified context with the given key.\n *\n * A provider should inspect the `context` property of the event to determine if it has a value that can\n * satisfy the request, calling the `callback` with the requested value if so.\n *\n * If the requested context event contains a truthy `subscribe` value, then a provider can call the callback\n * multiple times if the value is changed, if this is the case the provider should pass an `unsubscribe`\n * method to the callback which consumers can invoke to indicate they no longer wish to receive these updates.\n *\n * If no `subscribe` value is present in the event, then the provider can assume that this is a 'one time'\n * request for the context and can therefore not track the consumer.\n */\nexport class ContextRequestEvent extends Event {\n    /**\n     *\n     * @param context the context key to request\n     * @param contextTarget the original context target of the requester\n     * @param callback the callback that should be invoked when the context with the specified key is available\n     * @param subscribe when, true indicates we want to subscribe to future updates\n     */\n    constructor(context, contextTarget, callback, subscribe) {\n        super('context-request', { bubbles: true, composed: true });\n        this.context = context;\n        this.contextTarget = contextTarget;\n        this.callback = callback;\n        this.subscribe = subscribe ?? false;\n    }\n}\n//# sourceMappingURL=context-request-event.js.map","/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n/**\n * Creates a typed Context.\n *\n * Contexts are compared with strict equality.\n *\n * If you want two separate `createContext()` calls to referer to the same\n * context, then use a key that will by equal under strict equality like a\n * string for `Symbol.for()`:\n *\n * ```ts\n * // true\n * createContext('my-context') === createContext('my-context')\n * // true\n * createContext(Symbol.for('my-context')) === createContext(Symbol.for('my-context'))\n * ```\n *\n * If you want a context to be unique so that it's guaranteed to not collide\n * with other contexts, use a key that's unique under strict equality, like\n * a `Symbol()` or object.:\n *\n * ```\n * // false\n * createContext({}) === createContext({})\n * // false\n * createContext(Symbol('my-context')) === createContext(Symbol('my-context'))\n * ```\n *\n * @param key a context key value\n * @template ValueType the type of value that can be provided by this context.\n * @returns the context key value cast to `Context<K, ValueType>`\n */\nexport function createContext(key) {\n    return key;\n}\n//# sourceMappingURL=create-context.js.map","import type { AnyPlayerStore, Media, MediaContainer, PlayerStore } from '@videojs/core/dom';\nimport type { ReactiveControllerHost } from '@videojs/element';\nimport { type Context, type ContextConsumer, createContext } from '@videojs/element/context';\n\n// ----------------------------------------\n// Player Context\n// ----------------------------------------\n\nexport const PLAYER_CONTEXT_KEY = Symbol.for('@videojs/player');\n\nexport type PlayerContextValue<Store extends PlayerStore = AnyPlayerStore> = Store;\n\nexport type PlayerContext<Store extends PlayerStore = AnyPlayerStore> = Context<\n  typeof PLAYER_CONTEXT_KEY,\n  PlayerContextValue<Store>\n>;\n\n/**\n * The default player context instance for consuming the player store in controllers.\n *\n * @public\n */\nexport const playerContext = createContext<PlayerContextValue, typeof PLAYER_CONTEXT_KEY>(PLAYER_CONTEXT_KEY);\n\n// ----------------------------------------\n// Media Context\n// ----------------------------------------\n\nexport const MEDIA_CONTEXT_KEY = Symbol.for('@videojs/media');\n\nexport interface MediaContextValue {\n  media: Media | null;\n  setMedia: (media: Media | null) => void;\n}\n\nexport type MediaContext = Context<typeof MEDIA_CONTEXT_KEY, MediaContextValue>;\n\nexport const mediaContext = createContext<MediaContextValue, typeof MEDIA_CONTEXT_KEY>(MEDIA_CONTEXT_KEY);\n\n// ----------------------------------------\n// Container Context\n// ----------------------------------------\n\nexport const CONTAINER_CONTEXT_KEY = Symbol.for('@videojs/container');\n\nexport interface ContainerContextValue {\n  container: MediaContainer | null;\n  setContainer: (container: MediaContainer | null) => void;\n}\n\nexport type ContainerContext = Context<typeof CONTAINER_CONTEXT_KEY, ContainerContextValue>;\n\nexport type ContainerContextConsumer = ContextConsumer<ContainerContext, ReactiveControllerHost & HTMLElement>;\n\nexport const containerContext = createContext<ContainerContextValue, typeof CONTAINER_CONTEXT_KEY>(\n  CONTAINER_CONTEXT_KEY\n);\n"],"x_google_ignoreList":[1,2],"mappings":";;AAGA,SAAgB,WAAW,SAAiC;CAC1D,MAAM,WAAW,WAAW;AAC5B,KAAI,CAAC,YAAY,SAAS,IAAI,QAAQ,QAAQ,CAAE;AAEhD,UAAS,OAAO,QAAQ,SAAS,QAAQ;;;;;;;;;;;;;;;;;;;;;;;ACW3C,IAAa,sBAAb,cAAyC,MAAM;;;;;;;;CAQ3C,YAAY,SAAS,eAAe,UAAU,WAAW;AACrD,QAAM,mBAAmB;GAAE,SAAS;GAAM,UAAU;GAAM,CAAC;AAC3D,OAAK,UAAU;AACf,OAAK,gBAAgB;AACrB,OAAK,WAAW;AAChB,OAAK,YAAY,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACKtC,SAAgB,cAAc,KAAK;AAC/B,QAAO;;;;;AC7BX,MAAa,qBAAqB,OAAO,IAAI,kBAAkB;;;;;;AAc/D,MAAa,gBAAgB,cAA6D,mBAAmB;AAM7G,MAAa,oBAAoB,OAAO,IAAI,iBAAiB;AAS7D,MAAa,eAAe,cAA2D,kBAAkB;AAMzG,MAAa,wBAAwB,OAAO,IAAI,qBAAqB;AAWrE,MAAa,mBAAmB,cAC9B,sBACD"}

package/cdn/{context-C-IpVHEt.js → context-CEFisYD0.js}

@@ -11,4 +11,4 @@ var t=class extends Event{constructor(e,t,n,r){super(`context-request`,{bubbles:
 * SPDX-License-Identifier: BSD-3-Clause
 */
 function n(e){return e}const r=n(Symbol.for(`@videojs/player`)),i=n(Symbol.for(`@videojs/media`)),a=n(Symbol.for(`@videojs/container`));export{t as a,n as i,i as n,e as o,r,a as t};
-//# sourceMappingURL=context-C-IpVHEt.js.map
+//# sourceMappingURL=context-CEFisYD0.js.map

package/cdn/{context-C-IpVHEt.js.map → context-CEFisYD0.js.map}

@@ -1 +1 @@
-{"version":3,"file":"context-C-IpVHEt.js","names":["createContext"],"sources":["../src/define/safe-define.ts","../../../node_modules/.pnpm/@lit+context@1.1.6/node_modules/@lit/context/lib/context-request-event.js","../../../node_modules/.pnpm/@lit+context@1.1.6/node_modules/@lit/context/lib/create-context.js","../src/player/context.ts"],"sourcesContent":["type DefinableElement = CustomElementConstructor & { tagName: string };\n\n/** Define a custom element only if not already registered. */\nexport function safeDefine(element: DefinableElement): void {\n  const registry = globalThis.customElements;\n  if (!registry || registry.get(element.tagName)) return;\n\n  registry.define(element.tagName, element);\n}\n","/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\nclass s extends Event{constructor(s,t,e,o){super(\"context-request\",{bubbles:!0,composed:!0}),this.context=s,this.contextTarget=t,this.callback=e,this.subscribe=o??!1}}export{s as ContextRequestEvent};\n//# sourceMappingURL=context-request-event.js.map\n","/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\nfunction n(n){return n}export{n as createContext};\n//# sourceMappingURL=create-context.js.map\n","import type { AnyPlayerStore, Media, MediaContainer, PlayerStore } from '@videojs/core/dom';\nimport type { ReactiveControllerHost } from '@videojs/element';\nimport { type Context, type ContextConsumer, createContext } from '@videojs/element/context';\n\n// ----------------------------------------\n// Player Context\n// ----------------------------------------\n\nexport const PLAYER_CONTEXT_KEY = Symbol.for('@videojs/player');\n\nexport type PlayerContextValue<Store extends PlayerStore = AnyPlayerStore> = Store;\n\nexport type PlayerContext<Store extends PlayerStore = AnyPlayerStore> = Context<\n  typeof PLAYER_CONTEXT_KEY,\n  PlayerContextValue<Store>\n>;\n\n/**\n * The default player context instance for consuming the player store in controllers.\n *\n * @public\n */\nexport const playerContext = createContext<PlayerContextValue, typeof PLAYER_CONTEXT_KEY>(PLAYER_CONTEXT_KEY);\n\n// ----------------------------------------\n// Media Context\n// ----------------------------------------\n\nexport const MEDIA_CONTEXT_KEY = Symbol.for('@videojs/media');\n\nexport interface MediaContextValue {\n  media: Media | null;\n  setMedia: (media: Media | null) => void;\n}\n\nexport type MediaContext = Context<typeof MEDIA_CONTEXT_KEY, MediaContextValue>;\n\nexport const mediaContext = createContext<MediaContextValue, typeof MEDIA_CONTEXT_KEY>(MEDIA_CONTEXT_KEY);\n\n// ----------------------------------------\n// Container Context\n// ----------------------------------------\n\nexport const CONTAINER_CONTEXT_KEY = Symbol.for('@videojs/container');\n\nexport interface ContainerContextValue {\n  container: MediaContainer | null;\n  setContainer: (container: MediaContainer | null) => void;\n}\n\nexport type ContainerContext = Context<typeof CONTAINER_CONTEXT_KEY, ContainerContextValue>;\n\nexport type ContainerContextConsumer = ContextConsumer<ContainerContext, ReactiveControllerHost & HTMLElement>;\n\nexport const containerContext = createContext<ContainerContextValue, typeof CONTAINER_CONTEXT_KEY>(\n  CONTAINER_CONTEXT_KEY\n);\n"],"x_google_ignoreList":[1,2],"mappings":"AAGA,SAAgB,EAAW,EAAiC,CAC1D,IAAM,EAAW,WAAW,eACxB,CAAC,GAAY,EAAS,IAAI,EAAQ,QAAQ,EAE9C,EAAS,OAAO,EAAQ,QAAS,EAAQ;;;;;;ACF3C,IAAM,EAAN,cAAgB,KAAK,CAAC,YAAY,EAAE,EAAE,EAAE,EAAE,CAAC,MAAM,kBAAkB,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC,EAAE,CAAC,CAAC,KAAK,QAAQ,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,KAAK,UAAU,GAAG,CAAC;;;;;;ACApK,SAAS,EAAE,EAAE,CAAC,OAAO,ECiBrB,MAAa,EAAgBA,EAdK,OAAO,IAAI,kBAAkB,CAc8C,CAehG,EAAeA,EATK,OAAO,IAAI,iBAAiB,CAS4C,CAiB5F,EAAmBA,EAXK,OAAO,IAAI,qBAAqB,CAapE"}
+{"version":3,"file":"context-CEFisYD0.js","names":["createContext"],"sources":["../src/define/safe-define.ts","../../../node_modules/.pnpm/@lit+context@1.1.6/node_modules/@lit/context/lib/context-request-event.js","../../../node_modules/.pnpm/@lit+context@1.1.6/node_modules/@lit/context/lib/create-context.js","../src/player/context.ts"],"sourcesContent":["type DefinableElement = CustomElementConstructor & { tagName: string };\n\n/** Define a custom element only if not already registered. */\nexport function safeDefine(element: DefinableElement): void {\n  const registry = globalThis.customElements;\n  if (!registry || registry.get(element.tagName)) return;\n\n  registry.define(element.tagName, element);\n}\n","/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\nclass s extends Event{constructor(s,t,e,o){super(\"context-request\",{bubbles:!0,composed:!0}),this.context=s,this.contextTarget=t,this.callback=e,this.subscribe=o??!1}}export{s as ContextRequestEvent};\n//# sourceMappingURL=context-request-event.js.map\n","/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\nfunction n(n){return n}export{n as createContext};\n//# sourceMappingURL=create-context.js.map\n","import type { AnyPlayerStore, Media, MediaContainer, PlayerStore } from '@videojs/core/dom';\nimport type { ReactiveControllerHost } from '@videojs/element';\nimport { type Context, type ContextConsumer, createContext } from '@videojs/element/context';\n\n// ----------------------------------------\n// Player Context\n// ----------------------------------------\n\nexport const PLAYER_CONTEXT_KEY = Symbol.for('@videojs/player');\n\nexport type PlayerContextValue<Store extends PlayerStore = AnyPlayerStore> = Store;\n\nexport type PlayerContext<Store extends PlayerStore = AnyPlayerStore> = Context<\n  typeof PLAYER_CONTEXT_KEY,\n  PlayerContextValue<Store>\n>;\n\n/**\n * The default player context instance for consuming the player store in controllers.\n *\n * @public\n */\nexport const playerContext = createContext<PlayerContextValue, typeof PLAYER_CONTEXT_KEY>(PLAYER_CONTEXT_KEY);\n\n// ----------------------------------------\n// Media Context\n// ----------------------------------------\n\nexport const MEDIA_CONTEXT_KEY = Symbol.for('@videojs/media');\n\nexport interface MediaContextValue {\n  media: Media | null;\n  setMedia: (media: Media | null) => void;\n}\n\nexport type MediaContext = Context<typeof MEDIA_CONTEXT_KEY, MediaContextValue>;\n\nexport const mediaContext = createContext<MediaContextValue, typeof MEDIA_CONTEXT_KEY>(MEDIA_CONTEXT_KEY);\n\n// ----------------------------------------\n// Container Context\n// ----------------------------------------\n\nexport const CONTAINER_CONTEXT_KEY = Symbol.for('@videojs/container');\n\nexport interface ContainerContextValue {\n  container: MediaContainer | null;\n  setContainer: (container: MediaContainer | null) => void;\n}\n\nexport type ContainerContext = Context<typeof CONTAINER_CONTEXT_KEY, ContainerContextValue>;\n\nexport type ContainerContextConsumer = ContextConsumer<ContainerContext, ReactiveControllerHost & HTMLElement>;\n\nexport const containerContext = createContext<ContainerContextValue, typeof CONTAINER_CONTEXT_KEY>(\n  CONTAINER_CONTEXT_KEY\n);\n"],"x_google_ignoreList":[1,2],"mappings":"AAGA,SAAgB,EAAW,EAAiC,CAC1D,IAAM,EAAW,WAAW,eACxB,CAAC,GAAY,EAAS,IAAI,EAAQ,QAAQ,EAE9C,EAAS,OAAO,EAAQ,QAAS,EAAQ;;;;;;ACF3C,IAAM,EAAN,cAAgB,KAAK,CAAC,YAAY,EAAE,EAAE,EAAE,EAAE,CAAC,MAAM,kBAAkB,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC,EAAE,CAAC,CAAC,KAAK,QAAQ,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,KAAK,UAAU,GAAG,CAAC;;;;;;ACApK,SAAS,EAAE,EAAE,CAAC,OAAO,ECiBrB,MAAa,EAAgBA,EAdK,OAAO,IAAI,kBAAkB,CAc8C,CAehG,EAAeA,EATK,OAAO,IAAI,iBAAiB,CAS4C,CAiB5F,EAAmBA,EAXK,OAAO,IAAI,qBAAqB,CAapE"}

package/cdn/{create-player-CyG77t-m.js → create-player-Bi6WUwDZ.js}

@@ -1,7 +1,7 @@
-import { t as listen } from "./listen-w-Aun0yN.js";
-import { a as ContextRequestEvent, n as mediaContext, r as playerContext, t as containerContext } from "./context-CvJ83xGk.js";
-import { t as anyAbortSignal } from "./abort-BL-SGV3o.js";
-import { t as shallowEqual } from "./shallow-equal-Ca0qjpLJ.js";
+import { t as listen } from "./listen-CJT7C4kM.js";
+import { a as ContextRequestEvent, n as mediaContext, r as playerContext, t as containerContext } from "./context-0rI_P6jf.js";
+import { t as anyAbortSignal } from "./abort-DsTff8mS.js";
+import { t as shallowEqual } from "./shallow-equal-Daj3-_LC.js";
 
 //#region ../utils/dist/dom/event.js
 /** Resolve the deepest event target, preferring composedPath for shadow DOM. */
@@ -30,49 +30,64 @@ function onEvent(target, type, options) {
 }
 
 //#endregion
-//#region ../utils/dist/dom/predicates.js
-const EDITABLE_INPUT_TYPES = new Set([
-	"text",
-	"search",
-	"url",
-	"tel",
-	"email",
-	"password",
-	"number"
-]);
+//#region ../utils/dist/dom/interactive.js
+const INTERACTIVE_SELECTOR = "button,input,select,textarea,a[href],[role=\"slider\"],[role=\"button\"]";
+const EDITABLE_SELECTOR = [
+	"textarea",
+	"select",
+	"input:not([type])",
+	...[
+		"text",
+		"search",
+		"url",
+		"tel",
+		"email",
+		"password",
+		"number"
+	].map((type) => `input[type="${type}"]`),
+	"[contenteditable]:not([contenteditable=\"false\"])"
+].join(",");
 function isEditableElement(el) {
-	if (el instanceof HTMLTextAreaElement) return true;
-	if (el instanceof HTMLSelectElement) return true;
-	if (el instanceof HTMLInputElement) return EDITABLE_INPUT_TYPES.has(el.type.toLowerCase());
-	if (!(el instanceof HTMLElement)) return false;
-	const editable = el.getAttribute("contenteditable");
-	return editable !== null && editable !== "false";
+	return el.matches(EDITABLE_SELECTOR);
 }
 /** Whether the keyboard event target is an editable element (input, textarea, etc). */
 function isEditableTarget(event) {
 	const target = resolveEventTarget(event);
 	return target instanceof Element && isEditableElement(target);
 }
-const INTERACTIVE_SELECTOR = "button, input, select, textarea, [role=\"button\"], [role=\"slider\"]";
 /** Whether the event originated from an interactive control (button, slider, etc). */
 function isInteractiveTarget(event) {
 	const target = resolveEventTarget(event);
 	if (!(target instanceof Element)) return false;
 	return target.closest(INTERACTIVE_SELECTOR) !== null;
 }
+const ACTIVATION_KEYS = new Set([" ", "Enter"]);
+/**
+* Selector for elements that use Space/Enter as a native activation key.
+* Narrower than `INTERACTIVE_SELECTOR` — excludes editable elements like
+* `input`, `textarea`, `select` where Space/Enter is text input, not activation.
+*/
+const ACTIVATABLE_SELECTOR = "button,a[href],[role=\"slider\"],[role=\"button\"]";
+/** Whether the event is an activation key on an activatable element (button, link, slider). */
+function isInteractiveActivation(event) {
+	if (!ACTIVATION_KEYS.has(event.key)) return false;
+	const target = resolveEventTarget(event);
+	return target instanceof Element && target.matches(ACTIVATABLE_SELECTOR);
+}
 
 //#endregion
 //#region ../utils/dist/dom/text-track.js
 /** Find the `<track>` element that owns the given `TextTrack`. */
 function findTrackElement(media, track) {
-	for (const el of media.querySelectorAll?.("track") ?? []) if (el.track === track) return el;
+	if (!(media instanceof HTMLElement)) return null;
+	for (const el of media.querySelectorAll("track")) if (el.track === track) return el;
 	return null;
 }
 function getTextTrackList(media, filterPred) {
-	if (!media?.textTracks) return [];
-	return Array.from(media.textTracks).filter(filterPred).sort(sortByTextTrackKind);
+	if (!media.textTracks) return [];
+	return Array.from(media.textTracks).filter(filterPred).sort(sortByKind);
 }
-function sortByTextTrackKind(a, b) {
+function sortByKind(a, b) {
 	return a.kind > b.kind ? 1 : a.kind < b.kind ? -1 : 0;
 }
 
@@ -1017,6 +1032,39 @@ function isStore(value) {
 //#region ../core/dist/dev/dom/feature.js
 const definePlayerFeature = defineSlice();
 
+//#endregion
+//#region ../core/dist/dev/dom/media/predicate.js
+function hasMetadata(media) {
+	return media.readyState >= 1;
+}
+function isMediaPauseCapable(value) {
+	return isObject(value) && "paused" in value && "ended" in value && isFunction(value.pause);
+}
+function isMediaSeekCapable(value) {
+	return isObject(value) && "currentTime" in value && "duration" in value && "seeking" in value;
+}
+function isMediaSourceCapable(value) {
+	return isObject(value) && "src" in value && "currentSrc" in value && "readyState" in value && isFunction(value.load);
+}
+function isMediaVolumeCapable(value) {
+	return isObject(value) && "volume" in value && "muted" in value;
+}
+function isMediaPlaybackRateCapable(value) {
+	return isObject(value) && "playbackRate" in value;
+}
+function isMediaBufferCapable(value) {
+	return isObject(value) && "buffered" in value && "seekable" in value;
+}
+function isMediaErrorCapable(value) {
+	return isObject(value) && "error" in value;
+}
+function isMediaTextTrackCapable(value) {
+	return isObject(value) && "textTracks" in value;
+}
+function isQuerySelectorAllCapable(value) {
+	return isObject(value) && "querySelectorAll" in value && isFunction(value.querySelectorAll);
+}
+
 //#endregion
 //#region ../core/dist/dev/dom/store/features/buffer.js
 const bufferFeature = definePlayerFeature({
@@ -1027,6 +1075,7 @@ const bufferFeature = definePlayerFeature({
 	}),
 	attach({ target, signal, set }) {
 		const { media } = target;
+		if (!isMediaBufferCapable(media)) return;
 		const sync = () => set({
 			buffered: serializeTimeRanges(media.buffered),
 			seekable: serializeTimeRanges(media.seekable)
@@ -1104,10 +1153,12 @@ var GestureCoordinator = class {
 		this.#disconnect = new AbortController();
 		const { signal } = this.#disconnect;
 		let pointerDownTime = 0;
-		listen(this.#target, "pointerdown", () => {
+		listen(this.#target, "pointerdown", (event) => {
+			if (event.button !== 0) return;
 			pointerDownTime = Date.now();
 		}, { signal });
 		listen(this.#target, "pointerup", (event) => {
+			if (event.button !== 0) return;
 			if (Date.now() - pointerDownTime > TAP_THRESHOLD$1) return;
 			if (isInteractiveTarget(event)) return;
 			const pointerType = event.pointerType;
@@ -1186,13 +1237,13 @@ const controlsFeature = definePlayerFeature({
 	}),
 	attach({ target, signal, get, set }) {
 		const { media, container } = target;
-		if (isNull(container)) {
-			console.warn("[vjs] controlsFeature requires a container element for activity tracking.");
+		if (!isMediaPauseCapable(media) || isNull(container)) {
+			if (isNull(container)) console.warn("[vjs] controlsFeature requires a container element for activity tracking.");
 			return;
 		}
-		function computeVisible(userActive) {
+		const computeVisible = (userActive) => {
 			return userActive || media.paused;
-		}
+		};
 		let idleTimer;
 		function clearIdle() {
 			clearTimeout(idleTimer);
@@ -1233,11 +1284,11 @@ const controlsFeature = definePlayerFeature({
 				else setActive();
 			} else setActive();
 		}
-		function onPlaybackChange() {
+		const onPlaybackChange = () => {
 			const { userActive } = get();
 			set({ controlsVisible: computeVisible(userActive) });
 			if (!media.paused && userActive) scheduleIdle();
-		}
+		};
 		listen(container, "pointermove", setActive, { signal });
 		listen(container, "pointerdown", onPointerDown, { signal });
 		listen(container, "pointerup", onPointerUp, { signal });
@@ -1264,6 +1315,7 @@ const errorFeature = definePlayerFeature({
 	}),
 	attach({ target, signal, set }) {
 		const { media } = target;
+		if (!isMediaErrorCapable(media)) return;
 		const syncError = () => set({ error: media.error });
 		listen(media, "error", syncError, { signal });
 		listen(media, "emptied", () => set({ error: null }), { signal });
@@ -1272,58 +1324,49 @@ const errorFeature = definePlayerFeature({
 
 //#endregion
 //#region ../core/dist/dev/dom/presentation/fullscreen.js
-/** Check if the Fullscreen API is supported on this platform. */
 function isFullscreenEnabled() {
 	const doc = document;
 	if (doc.fullscreenEnabled || doc.webkitFullscreenEnabled) return true;
 	return isFunction(document.createElement("video").webkitEnterFullscreen);
 }
-/** Get the current fullscreen element from the document. */
 function getFullscreenElement() {
 	const doc = document;
 	return doc.fullscreenElement ?? doc.webkitFullscreenElement ?? null;
 }
-/**
-* Check if a specific element (or its media) is currently in fullscreen.
-*
-* Uses `:fullscreen` pseudo-class which works across Shadow DOM boundaries.
-*/
 function isFullscreenElement(container, media) {
-	const video = media;
-	if (video.webkitDisplayingFullscreen && video.webkitPresentationMode === "fullscreen") return true;
+	if (media instanceof HTMLMediaElement) {
+		const video = media;
+		if (video.webkitDisplayingFullscreen && video.webkitPresentationMode === "fullscreen") return true;
+	}
 	const target = container ?? media;
 	if (getFullscreenElement() === target) return true;
-	try {
+	if (target instanceof Element) try {
 		return target.matches(":fullscreen");
 	} catch {
 		return false;
 	}
+	return false;
 }
-/**
-* Request fullscreen mode.
-*
-* Tries container first (to show custom UI), falls back to media element
-* for platforms that only support video fullscreen (iOS Safari).
-*/
 async function requestFullscreen(container, media) {
 	const doc = document;
-	const video = media;
 	if (container && (doc.fullscreenEnabled || doc.webkitFullscreenEnabled)) {
 		const el = container;
 		if (isFunction(el.requestFullscreen)) return el.requestFullscreen();
 		if (isFunction(el.webkitRequestFullscreen)) return el.webkitRequestFullscreen();
 	}
-	if (isFunction(video.webkitEnterFullscreen)) {
-		video.webkitEnterFullscreen();
-		return;
+	if (media instanceof HTMLMediaElement) {
+		const video = media;
+		if (isFunction(video.webkitEnterFullscreen)) {
+			video.webkitEnterFullscreen();
+			return;
+		}
+		if (isFunction(media.requestFullscreen)) return media.requestFullscreen();
 	}
-	if (isFunction(media.requestFullscreen)) return media.requestFullscreen();
 	throw new DOMException("Fullscreen not supported", "NotSupportedError");
 }
-/** Exit fullscreen mode. */
 async function exitFullscreen(media) {
 	const doc = document;
-	if (media) {
+	if (media instanceof HTMLMediaElement) {
 		const video = media;
 		if (isFunction(video.webkitExitFullscreen) && video.webkitDisplayingFullscreen) {
 			video.webkitExitFullscreen();
@@ -1340,11 +1383,6 @@ function resolveMediaTarget(media) {
 	const target = media.target;
 	return target instanceof HTMLMediaElement ? target : media;
 }
-/**
-* Check if Picture-in-Picture is supported on this platform.
-*
-* Note: Safari PWAs don't support PiP even though the API exists.
-*/
 function isPictureInPictureEnabled() {
 	if (document.pictureInPictureEnabled) {
 		const isSafari = /.*Version\/.*Safari\/.*/.test(navigator.userAgent);
@@ -1353,22 +1391,16 @@ function isPictureInPictureEnabled() {
 	}
 	return isFunction(document.createElement("video").webkitSetPresentationMode);
 }
-/**
-* Check if Picture-in-Picture is currently active for a media element.
-*/
 function isPictureInPictureElement(media) {
 	const target = resolveMediaTarget(media);
 	if (document.pictureInPictureElement === target) return true;
-	return target.webkitPresentationMode === "picture-in-picture";
+	if (target instanceof HTMLVideoElement) return target.webkitPresentationMode === "picture-in-picture";
+	return false;
 }
-/**
-* Request Picture-in-Picture mode.
-*
-* Uses standard API where available, falls back to iOS Safari's
-* WebKit presentation mode.
-*/
 async function requestPictureInPicture(media) {
-	const video = resolveMediaTarget(media);
+	const target = resolveMediaTarget(media);
+	if (!(target instanceof HTMLVideoElement)) throw new DOMException("Picture-in-Picture not supported", "NotSupportedError");
+	const video = target;
 	if (isFunction(video.webkitSetPresentationMode)) {
 		video.webkitSetPresentationMode("picture-in-picture");
 		return;
@@ -1379,18 +1411,15 @@ async function requestPictureInPicture(media) {
 	}
 	throw new DOMException("Picture-in-Picture not supported", "NotSupportedError");
 }
-/**
-* Exit Picture-in-Picture mode.
-*
-* Uses standard API where available, falls back to iOS Safari's
-* WebKit presentation mode.
-*/
 async function exitPictureInPicture(media) {
 	if (media) {
-		const video = resolveMediaTarget(media);
-		if (isFunction(video.webkitSetPresentationMode) && video.webkitPresentationMode === "picture-in-picture") {
-			video.webkitSetPresentationMode("inline");
-			return;
+		const target = resolveMediaTarget(media);
+		if (target instanceof HTMLVideoElement) {
+			const video = target;
+			if (isFunction(video.webkitSetPresentationMode) && video.webkitPresentationMode === "picture-in-picture") {
+				video.webkitSetPresentationMode("inline");
+				return;
+			}
 		}
 	}
 	if (isFunction(document.exitPictureInPicture)) return document.exitPictureInPicture();
@@ -1477,10 +1506,12 @@ const playbackFeature = definePlayerFeature({
 			return target().media.play();
 		},
 		pause() {
-			target().media.pause();
+			const { media } = target();
+			if (isMediaPauseCapable(media)) media.pause();
 		},
 		togglePaused() {
 			const media = target().media;
+			if (!isMediaPauseCapable(media)) return false;
 			if (media.paused) {
 				media.play();
 				return true;
@@ -1491,6 +1522,7 @@ const playbackFeature = definePlayerFeature({
 	}),
 	attach({ target, signal, set }) {
 		const { media } = target;
+		if (!isMediaPauseCapable(media) || !isMediaSeekCapable(media) || !isMediaSourceCapable(media)) return;
 		const sync = () => set({
 			paused: media.paused,
 			ended: media.ended,
@@ -1526,11 +1558,13 @@ const playbackRateFeature = definePlayerFeature({
 		playbackRates: DEFAULT_RATES,
 		playbackRate: 1,
 		setPlaybackRate(rate) {
-			target().media.playbackRate = rate;
+			const { media } = target();
+			if (isMediaPlaybackRateCapable(media)) media.playbackRate = rate;
 		}
 	}),
 	attach({ target, signal, set }) {
 		const { media } = target;
+		if (!isMediaPlaybackRateCapable(media)) return;
 		const sync = () => set({ playbackRate: media.playbackRate });
 		sync();
 		listen(media, "ratechange", sync, { signal });
@@ -1547,6 +1581,7 @@ const sourceFeature = definePlayerFeature({
 		loadSource(src) {
 			signals.clear();
 			const { media } = target();
+			if (!isMediaSourceCapable(media)) return src;
 			media.src = src;
 			media.load();
 			return src;
@@ -1554,6 +1589,7 @@ const sourceFeature = definePlayerFeature({
 	}),
 	attach({ target, signal, set }) {
 		const { media } = target;
+		if (!isMediaSourceCapable(media)) return;
 		const sync = () => set({
 			source: media.currentSrc || media.src || null,
 			canPlay: media.readyState >= HTMLMediaElement.HAVE_ENOUGH_DATA
@@ -1577,7 +1613,9 @@ const textTrackFeature = definePlayerFeature({
 		textTrackList: [],
 		subtitlesShowing: false,
 		toggleSubtitles(forceShow) {
-			const subtitlesTracks = getTextTrackList(target().media, (track) => track.kind === "subtitles" || track.kind === "captions");
+			const { media } = target();
+			if (!isMediaTextTrackCapable(media)) return false;
+			const subtitlesTracks = getTextTrackList(media, (track) => track.kind === "subtitles" || track.kind === "captions");
 			if (!subtitlesTracks.length) return false;
 			const showing = subtitlesTracks.some((track) => track.mode === "showing");
 			const nextShowing = forceShow ?? !showing;
@@ -1587,8 +1625,9 @@ const textTrackFeature = definePlayerFeature({
 	}),
 	attach({ target, signal, set }) {
 		const { media } = target;
+		if (!isMediaTextTrackCapable(media)) return;
 		let trackCleanup = null;
-		function sync() {
+		const sync = () => {
 			trackCleanup?.abort();
 			trackCleanup = new AbortController();
 			let chaptersTrack = null;
@@ -1611,8 +1650,8 @@ const textTrackFeature = definePlayerFeature({
 			const thumbnailCues = thumbnailTrack?.cues ? Array.from(thumbnailTrack.cues) : [];
 			let thumbnailTrackSrc = null;
 			if (thumbnailTrack) thumbnailTrackSrc = findTrackElement(media, thumbnailTrack)?.src ?? null;
-			const tracks = media.querySelectorAll?.("track") ?? [];
-			const shadowTracks = media.shadowRoot?.querySelectorAll?.("track") ?? [];
+			const tracks = isQuerySelectorAllCapable(media) && media.querySelectorAll("track") || [];
+			const shadowTracks = media instanceof HTMLElement && media.shadowRoot?.querySelectorAll("track") || [];
 			for (const trackEl of [...tracks, ...shadowTracks]) if (!trackEl.track?.cues?.length) listen(trackEl, "load", sync, { signal: trackCleanup.signal });
 			set({
 				chaptersCues,
@@ -1621,22 +1660,19 @@ const textTrackFeature = definePlayerFeature({
 				textTrackList,
 				subtitlesShowing
 			});
-		}
+		};
 		sync();
-		listen(media.textTracks, "addtrack", sync, { signal });
-		listen(media.textTracks, "removetrack", sync, { signal });
-		listen(media.textTracks, "change", sync, { signal });
+		const textTracks = media.textTracks;
+		if (textTracks instanceof EventTarget) {
+			listen(textTracks, "addtrack", sync, { signal });
+			listen(textTracks, "removetrack", sync, { signal });
+			listen(textTracks, "change", sync, { signal });
+		}
 		listen(media, "loadstart", sync, { signal });
 		signal.addEventListener("abort", () => trackCleanup?.abort(), { once: true });
 	}
 });
 
-//#endregion
-//#region ../core/dist/dev/dom/media/predicate.js
-function hasMetadata(media) {
-	return media.readyState >= HTMLMediaElement.HAVE_METADATA;
-}
-
 //#endregion
 //#region ../core/dist/dev/dom/store/signal-keys.js
 const signalKeys = { seek: Symbol.for("@videojs/seek") };
@@ -1651,6 +1687,7 @@ const timeFeature = definePlayerFeature({
 		seeking: false,
 		async seek(time) {
 			const { media } = target(), signal = signals.supersede(signalKeys.seek);
+			if (!isMediaSeekCapable(media) || !isMediaSourceCapable(media)) return 0;
 			if (!hasMetadata(media)) {
 				if (!await onEvent(media, "loadedmetadata", { signal }).catch(() => false)) return media.currentTime;
 			}
@@ -1666,6 +1703,7 @@ const timeFeature = definePlayerFeature({
 	}),
 	attach({ target, signal, set, get }) {
 		const { media } = target;
+		if (!isMediaSeekCapable(media)) return;
 		const sync = () => set({
 			currentTime: media.currentTime,
 			duration: Number.isFinite(media.duration) ? media.duration : 0,
@@ -1697,6 +1735,7 @@ const volumeFeature = definePlayerFeature({
 		volumeAvailability: "unavailable",
 		setVolume(volume) {
 			const { media } = target();
+			if (!isMediaVolumeCapable(media)) return 0;
 			const clamped = Math.max(0, Math.min(1, volume));
 			if (clamped > 0 && media.muted) media.muted = false;
 			media.volume = clamped;
@@ -1704,6 +1743,7 @@ const volumeFeature = definePlayerFeature({
 		},
 		toggleMuted() {
 			const { media } = target();
+			if (!isMediaVolumeCapable(media)) return false;
 			if (media.muted || media.volume === 0) {
 				media.muted = false;
 				if (media.volume === 0) media.volume = UNMUTE_VOLUME;
@@ -1713,6 +1753,7 @@ const volumeFeature = definePlayerFeature({
 	}),
 	attach({ target, signal, set }) {
 		const { media } = target;
+		if (!isMediaVolumeCapable(media)) return;
 		set({ volumeAvailability: canSetVolume() });
 		const sync = () => set({
 			volume: media.volume,
@@ -2137,5 +2178,5 @@ function createPlayer(config) {
 }
 
 //#endregion
-export { ContextConsumer as A, isFunction as C, MediaContainerElement as D, isUndefined as E, isEditableTarget as M, resolveEventTarget as N, MediaElement as O, AbortControllerRegistry as S, isNumber as T, getGestureCoordinator as _, backgroundFeatures as a, noop as b, timeFeature as c, playbackRateFeature as d, playbackFeature as f, controlsFeature as g, errorFeature as h, audioFeatures as i, ReactiveElement as j, ContextProvider as k, textTrackFeature as l, fullscreenFeature as m, PlayerController as n, videoFeatures as o, pipFeature as p, SnapshotController as r, volumeFeature as s, createPlayer as t, sourceFeature as u, bufferFeature as v, isNull as w, throwNoTargetError as x, createState as y };
-//# sourceMappingURL=create-player-CyG77t-m.js.map
+export { ContextConsumer as A, isFunction as C, MediaContainerElement as D, isUndefined as E, isEditableTarget as M, isInteractiveActivation as N, MediaElement as O, AbortControllerRegistry as S, isNumber as T, getGestureCoordinator as _, backgroundFeatures as a, noop as b, timeFeature as c, playbackRateFeature as d, playbackFeature as f, controlsFeature as g, errorFeature as h, audioFeatures as i, ReactiveElement as j, ContextProvider as k, textTrackFeature as l, fullscreenFeature as m, PlayerController as n, videoFeatures as o, pipFeature as p, SnapshotController as r, volumeFeature as s, createPlayer as t, sourceFeature as u, bufferFeature as v, isNull as w, throwNoTargetError as x, createState as y };
+//# sourceMappingURL=create-player-Bi6WUwDZ.js.map