@videojs/react 10.0.0-beta.21 → 10.0.0-beta.23

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@videojs/react",
   "type": "module",
-  "version": "10.0.0-beta.21",
+  "version": "10.0.0-beta.23",
   "description": "React library for building media players",
   "license": "Apache-2.0",
   "repository": {
@@ -59,16 +59,38 @@
       "types": "./dist/dev/presets/background/*.d.ts",
       "development": "./dist/dev/presets/background/*.js",
       "default": "./dist/default/presets/background/*.js"
+    },
+    "./live-video": {
+      "types": "./dist/dev/presets/live-video/index.d.ts",
+      "development": "./dist/dev/presets/live-video/index.js",
+      "default": "./dist/default/presets/live-video/index.js"
+    },
+    "./live-video/*.css": "./dist/default/presets/live-video/*.css",
+    "./live-video/*": {
+      "types": "./dist/dev/presets/live-video/*.d.ts",
+      "development": "./dist/dev/presets/live-video/*.js",
+      "default": "./dist/default/presets/live-video/*.js"
+    },
+    "./live-audio": {
+      "types": "./dist/dev/presets/live-audio/index.d.ts",
+      "development": "./dist/dev/presets/live-audio/index.js",
+      "default": "./dist/default/presets/live-audio/index.js"
+    },
+    "./live-audio/*.css": "./dist/default/presets/live-audio/*.css",
+    "./live-audio/*": {
+      "types": "./dist/dev/presets/live-audio/*.d.ts",
+      "development": "./dist/dev/presets/live-audio/*.js",
+      "default": "./dist/default/presets/live-audio/*.js"
     }
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0"
   },
   "dependencies": {
-    "@videojs/core": "10.0.0-beta.21",
-    "@videojs/spf": "10.0.0-beta.21",
-    "@videojs/utils": "10.0.0-beta.21",
-    "@videojs/store": "10.0.0-beta.21"
+    "@videojs/core": "10.0.0-beta.23",
+    "@videojs/spf": "10.0.0-beta.23",
+    "@videojs/store": "10.0.0-beta.23",
+    "@videojs/utils": "10.0.0-beta.23"
   },
   "devDependencies": {
     "@testing-library/react": "^16.3.0",
@@ -76,11 +98,10 @@
     "jsdom": "^26.1.0",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
-    "tsdown": "^0.21.4",
-    "typescript": "^6.0.2",
+    "tsdown": "^0.21.9",
     "vitest": "^4.1.0",
-    "@videojs/icons": "10.0.0-beta.21",
-    "@videojs/skins": "10.0.0-beta.21"
+    "@videojs/icons": "10.0.0-beta.23",
+    "@videojs/skins": "10.0.0-beta.23"
   },
   "publishConfig": {
     "access": "public"

package/dist/default/ui/gesture/media-gesture.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"media-gesture.js","names":[],"sources":["../../../../src/ui/gesture/media-gesture.tsx"],"sourcesContent":["'use client';\n\nimport {\n  type AnyPlayerStore,\n  createDoubleTapGesture,\n  createTapGesture,\n  type GestureActionName,\n  type GesturePointerType,\n  type GestureRegion,\n  resolveGestureAction,\n} from '@videojs/core/dom';\nimport type { ReactNode } from 'react';\nimport { useEffect } from 'react';\n\nimport { useContainer, usePlayer } from '../../player/context';\n\nexport interface MediaGestureProps {\n  type: 'tap' | 'doubletap' | (string & {});\n  action: GestureActionName | (string & {});\n  value?: number;\n  pointer?: GesturePointerType;\n  region?: GestureRegion;\n  disabled?: boolean;\n}\n\nexport function MediaGesture({ type, action, value, pointer, region, disabled }: MediaGestureProps): ReactNode {\n  const store = usePlayer() as AnyPlayerStore;\n  const container = useContainer();\n\n  useEffect(() => {\n    if (!container || !type || !action || disabled) return;\n\n    const resolver = resolveGestureAction(action);\n    if (!resolver) return;\n\n    const onActivate = (event: PointerEvent) => {\n      resolver({ store, value, event });\n    };\n\n    const options = { pointer, region, action };\n\n    if (type === 'doubletap') {\n      return createDoubleTapGesture(container, onActivate, options);\n    }\n\n    return createTapGesture(container, onActivate, options);\n  }, [container, store, type, action, value, pointer, region, disabled]);\n\n  return null;\n}\n"],"mappings":";;;;;AAyBA,SAAgB,aAAa,EAAE,MAAM,QAAQ,OAAO,SAAS,QAAQ,YAA0C;CAC7G,MAAM,QAAQ,WAAW;CACzB,MAAM,YAAY,cAAc;AAEhC,iBAAgB;AACd,MAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,UAAU,SAAU;EAEhD,MAAM,WAAW,qBAAqB,OAAO;AAC7C,MAAI,CAAC,SAAU;EAEf,MAAM,cAAc,UAAwB;AAC1C,YAAS;IAAE;IAAO;IAAO;IAAO,CAAC;;EAGnC,MAAM,UAAU;GAAE;GAAS;GAAQ;GAAQ;AAE3C,MAAI,SAAS,YACX,QAAO,uBAAuB,WAAW,YAAY,QAAQ;AAG/D,SAAO,iBAAiB,WAAW,YAAY,QAAQ;IACtD;EAAC;EAAW;EAAO;EAAM;EAAQ;EAAO;EAAS;EAAQ;EAAS,CAAC;AAEtE,QAAO"}

package/dist/default/ui/hotkey/media-hotkey.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"media-hotkey.js","names":[],"sources":["../../../../src/ui/hotkey/media-hotkey.tsx"],"sourcesContent":["'use client';\n\nimport {\n  type AnyPlayerStore,\n  createHotkey,\n  type HotkeyActionName,\n  isHotkeyToggleAction,\n  resolveHotkeyAction,\n} from '@videojs/core/dom';\nimport type { ReactNode } from 'react';\nimport { useEffect } from 'react';\n\nimport { useContainer, usePlayer } from '../../player/context';\n\nexport interface MediaHotkeyProps {\n  keys: string;\n  action: HotkeyActionName | (string & {});\n  value?: number;\n  disabled?: boolean;\n  target?: 'player' | 'document';\n}\n\nexport function MediaHotkey({ keys, action, value, disabled, target }: MediaHotkeyProps): ReactNode {\n  const store = usePlayer() as AnyPlayerStore;\n  const container = useContainer();\n\n  useEffect(() => {\n    if (!container || !keys || !action || disabled) return;\n\n    const resolver = resolveHotkeyAction(action);\n    if (!resolver) return;\n\n    return createHotkey(container, {\n      keys,\n      action,\n      target,\n      disabled,\n      repeatable: !isHotkeyToggleAction(action),\n      onActivate: (_event, key) => {\n        resolver({ store, key, value });\n      },\n    });\n  }, [container, store, keys, action, value, disabled, target]);\n\n  return null;\n}\n"],"mappings":";;;;;AAsBA,SAAgB,YAAY,EAAE,MAAM,QAAQ,OAAO,UAAU,UAAuC;CAClG,MAAM,QAAQ,WAAW;CACzB,MAAM,YAAY,cAAc;AAEhC,iBAAgB;AACd,MAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,UAAU,SAAU;EAEhD,MAAM,WAAW,oBAAoB,OAAO;AAC5C,MAAI,CAAC,SAAU;AAEf,SAAO,aAAa,WAAW;GAC7B;GACA;GACA;GACA;GACA,YAAY,CAAC,qBAAqB,OAAO;GACzC,aAAa,QAAQ,QAAQ;AAC3B,aAAS;KAAE;KAAO;KAAK;KAAO,CAAC;;GAElC,CAAC;IACD;EAAC;EAAW;EAAO;EAAM;EAAQ;EAAO;EAAU;EAAO,CAAC;AAE7D,QAAO"}

package/dist/default/utils/attach-media-element.js

@@ -1,12 +0,0 @@
-//#region src/utils/attach-media-element.ts
-function attachMediaElement(media) {
-	return (element) => {
-		if (element) media.attach(element);
-		else media.detach();
-		return () => media.detach();
-	};
-}
-//#endregion
-export { attachMediaElement };
-
-//# sourceMappingURL=attach-media-element.js.map

package/dist/default/utils/attach-media-element.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"attach-media-element.js","names":[],"sources":["../../../src/utils/attach-media-element.ts"],"sourcesContent":["interface Attachable {\n  attach(target: EventTarget): void;\n  detach(): void;\n}\n\nexport function attachMediaElement<T extends HTMLVideoElement>(media: Attachable): (element: T | null) => void {\n  return (element: T | null) => {\n    if (element) {\n      media.attach(element);\n    } else {\n      media.detach();\n    }\n    // React 19+ accepts a cleanup function as the return value\n    return () => media.detach();\n  };\n}\n"],"mappings":";AAKA,SAAgB,mBAA+C,OAAgD;AAC7G,SAAQ,YAAsB;AAC5B,MAAI,QACF,OAAM,OAAO,QAAQ;MAErB,OAAM,QAAQ;AAGhB,eAAa,MAAM,QAAQ"}

package/dist/default/utils/media-props.js

@@ -1,19 +0,0 @@
-//#region src/utils/media-props.ts
-function getSettableProps(DelegateClass) {
-	const props = /* @__PURE__ */ new Set();
-	for (let proto = DelegateClass.prototype; proto && proto !== Object.prototype; proto = Object.getPrototypeOf(proto)) for (const key of Object.getOwnPropertyNames(proto)) if (Object.getOwnPropertyDescriptor(proto, key)?.set) props.add(key);
-	return props;
-}
-function mediaProps(media, DelegateClass, props) {
-	const delegateKeys = getSettableProps(DelegateClass);
-	const rest = {};
-	for (const key of Object.keys(props)) if (delegateKeys.has(key)) {
-		const value = props[key];
-		if (media[key] !== value) media[key] = value;
-	} else rest[key] = props[key];
-	return rest;
-}
-//#endregion
-export { mediaProps };
-
-//# sourceMappingURL=media-props.js.map

package/dist/default/utils/media-props.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"media-props.js","names":[],"sources":["../../../src/utils/media-props.ts"],"sourcesContent":["import type { Media } from '@videojs/core';\n\ntype AnyClass = abstract new (...args: any[]) => any;\n\nfunction getSettableProps(DelegateClass: AnyClass): Set<string> {\n  const props = new Set<string>();\n  for (let proto = DelegateClass.prototype; proto && proto !== Object.prototype; proto = Object.getPrototypeOf(proto)) {\n    for (const key of Object.getOwnPropertyNames(proto)) {\n      const desc = Object.getOwnPropertyDescriptor(proto, key);\n      if (desc?.set) props.add(key);\n    }\n  }\n  return props;\n}\n\nexport function mediaProps(media: Media, DelegateClass: AnyClass, props: Record<string, any>) {\n  const delegateKeys = getSettableProps(DelegateClass);\n  const rest: Record<string, any> = {};\n\n  for (const key of Object.keys(props)) {\n    if (delegateKeys.has(key)) {\n      const value = props[key];\n      if ((media as any)[key] !== value) {\n        (media as any)[key] = value;\n      }\n    } else {\n      rest[key] = props[key];\n    }\n  }\n\n  return rest;\n}\n"],"mappings":";AAIA,SAAS,iBAAiB,eAAsC;CAC9D,MAAM,wBAAQ,IAAI,KAAa;AAC/B,MAAK,IAAI,QAAQ,cAAc,WAAW,SAAS,UAAU,OAAO,WAAW,QAAQ,OAAO,eAAe,MAAM,CACjH,MAAK,MAAM,OAAO,OAAO,oBAAoB,MAAM,CAEjD,KADa,OAAO,yBAAyB,OAAO,IAAI,EAC9C,IAAK,OAAM,IAAI,IAAI;AAGjC,QAAO;;AAGT,SAAgB,WAAW,OAAc,eAAyB,OAA4B;CAC5F,MAAM,eAAe,iBAAiB,cAAc;CACpD,MAAM,OAA4B,EAAE;AAEpC,MAAK,MAAM,OAAO,OAAO,KAAK,MAAM,CAClC,KAAI,aAAa,IAAI,IAAI,EAAE;EACzB,MAAM,QAAQ,MAAM;AACpB,MAAK,MAAc,SAAS,MACzB,OAAc,OAAO;OAGxB,MAAK,OAAO,MAAM;AAItB,QAAO"}

package/dist/dev/ui/gesture/media-gesture.d.ts

@@ -1,23 +0,0 @@
-import { GestureActionName, GesturePointerType, GestureRegion } from "@videojs/core/dom";
-import { ReactNode } from "react";
-
-//#region src/ui/gesture/media-gesture.d.ts
-interface MediaGestureProps {
-  type: 'tap' | 'doubletap' | (string & {});
-  action: GestureActionName | (string & {});
-  value?: number;
-  pointer?: GesturePointerType;
-  region?: GestureRegion;
-  disabled?: boolean;
-}
-declare function MediaGesture({
-  type,
-  action,
-  value,
-  pointer,
-  region,
-  disabled
-}: MediaGestureProps): ReactNode;
-//#endregion
-export { MediaGesture, MediaGestureProps };
-//# sourceMappingURL=media-gesture.d.ts.map

package/dist/dev/ui/gesture/media-gesture.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"media-gesture.d.ts","names":[],"sources":["../../../../src/ui/gesture/media-gesture.tsx"],"mappings":";;;;UAgBiB,iBAAA;EACf,IAAA;EACA,MAAA,EAAQ,iBAAA;EACR,KAAA;EACA,OAAA,GAAU,kBAAA;EACV,MAAA,GAAS,aAAA;EACT,QAAA;AAAA;AAAA,iBAGc,YAAA,CAAA;EAAe,IAAA;EAAM,MAAA;EAAQ,KAAA;EAAO,OAAA;EAAS,MAAA;EAAQ;AAAA,GAAY,iBAAA,GAAoB,SAAA"}

package/dist/dev/ui/gesture/media-gesture.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"media-gesture.js","names":[],"sources":["../../../../src/ui/gesture/media-gesture.tsx"],"sourcesContent":["'use client';\n\nimport {\n  type AnyPlayerStore,\n  createDoubleTapGesture,\n  createTapGesture,\n  type GestureActionName,\n  type GesturePointerType,\n  type GestureRegion,\n  resolveGestureAction,\n} from '@videojs/core/dom';\nimport type { ReactNode } from 'react';\nimport { useEffect } from 'react';\n\nimport { useContainer, usePlayer } from '../../player/context';\n\nexport interface MediaGestureProps {\n  type: 'tap' | 'doubletap' | (string & {});\n  action: GestureActionName | (string & {});\n  value?: number;\n  pointer?: GesturePointerType;\n  region?: GestureRegion;\n  disabled?: boolean;\n}\n\nexport function MediaGesture({ type, action, value, pointer, region, disabled }: MediaGestureProps): ReactNode {\n  const store = usePlayer() as AnyPlayerStore;\n  const container = useContainer();\n\n  useEffect(() => {\n    if (!container || !type || !action || disabled) return;\n\n    const resolver = resolveGestureAction(action);\n    if (!resolver) return;\n\n    const onActivate = (event: PointerEvent) => {\n      resolver({ store, value, event });\n    };\n\n    const options = { pointer, region, action };\n\n    if (type === 'doubletap') {\n      return createDoubleTapGesture(container, onActivate, options);\n    }\n\n    return createTapGesture(container, onActivate, options);\n  }, [container, store, type, action, value, pointer, region, disabled]);\n\n  return null;\n}\n"],"mappings":";;;;;AAyBA,SAAgB,aAAa,EAAE,MAAM,QAAQ,OAAO,SAAS,QAAQ,YAA0C;CAC7G,MAAM,QAAQ,WAAW;CACzB,MAAM,YAAY,cAAc;AAEhC,iBAAgB;AACd,MAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,UAAU,SAAU;EAEhD,MAAM,WAAW,qBAAqB,OAAO;AAC7C,MAAI,CAAC,SAAU;EAEf,MAAM,cAAc,UAAwB;AAC1C,YAAS;IAAE;IAAO;IAAO;IAAO,CAAC;;EAGnC,MAAM,UAAU;GAAE;GAAS;GAAQ;GAAQ;AAE3C,MAAI,SAAS,YACX,QAAO,uBAAuB,WAAW,YAAY,QAAQ;AAG/D,SAAO,iBAAiB,WAAW,YAAY,QAAQ;IACtD;EAAC;EAAW;EAAO;EAAM;EAAQ;EAAO;EAAS;EAAQ;EAAS,CAAC;AAEtE,QAAO"}

package/dist/dev/ui/hotkey/media-hotkey.d.ts

@@ -1,21 +0,0 @@
-import { HotkeyActionName } from "@videojs/core/dom";
-import { ReactNode } from "react";
-
-//#region src/ui/hotkey/media-hotkey.d.ts
-interface MediaHotkeyProps {
-  keys: string;
-  action: HotkeyActionName | (string & {});
-  value?: number;
-  disabled?: boolean;
-  target?: 'player' | 'document';
-}
-declare function MediaHotkey({
-  keys,
-  action,
-  value,
-  disabled,
-  target
-}: MediaHotkeyProps): ReactNode;
-//#endregion
-export { MediaHotkey, MediaHotkeyProps };
-//# sourceMappingURL=media-hotkey.d.ts.map

package/dist/dev/ui/hotkey/media-hotkey.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"media-hotkey.d.ts","names":[],"sources":["../../../../src/ui/hotkey/media-hotkey.tsx"],"mappings":";;;;UAciB,gBAAA;EACf,IAAA;EACA,MAAA,EAAQ,gBAAA;EACR,KAAA;EACA,QAAA;EACA,MAAA;AAAA;AAAA,iBAGc,WAAA,CAAA;EAAc,IAAA;EAAM,MAAA;EAAQ,KAAA;EAAO,QAAA;EAAU;AAAA,GAAU,gBAAA,GAAmB,SAAA"}

package/dist/dev/ui/hotkey/media-hotkey.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"media-hotkey.js","names":[],"sources":["../../../../src/ui/hotkey/media-hotkey.tsx"],"sourcesContent":["'use client';\n\nimport {\n  type AnyPlayerStore,\n  createHotkey,\n  type HotkeyActionName,\n  isHotkeyToggleAction,\n  resolveHotkeyAction,\n} from '@videojs/core/dom';\nimport type { ReactNode } from 'react';\nimport { useEffect } from 'react';\n\nimport { useContainer, usePlayer } from '../../player/context';\n\nexport interface MediaHotkeyProps {\n  keys: string;\n  action: HotkeyActionName | (string & {});\n  value?: number;\n  disabled?: boolean;\n  target?: 'player' | 'document';\n}\n\nexport function MediaHotkey({ keys, action, value, disabled, target }: MediaHotkeyProps): ReactNode {\n  const store = usePlayer() as AnyPlayerStore;\n  const container = useContainer();\n\n  useEffect(() => {\n    if (!container || !keys || !action || disabled) return;\n\n    const resolver = resolveHotkeyAction(action);\n    if (!resolver) return;\n\n    return createHotkey(container, {\n      keys,\n      action,\n      target,\n      disabled,\n      repeatable: !isHotkeyToggleAction(action),\n      onActivate: (_event, key) => {\n        resolver({ store, key, value });\n      },\n    });\n  }, [container, store, keys, action, value, disabled, target]);\n\n  return null;\n}\n"],"mappings":";;;;;AAsBA,SAAgB,YAAY,EAAE,MAAM,QAAQ,OAAO,UAAU,UAAuC;CAClG,MAAM,QAAQ,WAAW;CACzB,MAAM,YAAY,cAAc;AAEhC,iBAAgB;AACd,MAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,UAAU,SAAU;EAEhD,MAAM,WAAW,oBAAoB,OAAO;AAC5C,MAAI,CAAC,SAAU;AAEf,SAAO,aAAa,WAAW;GAC7B;GACA;GACA;GACA;GACA,YAAY,CAAC,qBAAqB,OAAO;GACzC,aAAa,QAAQ,QAAQ;AAC3B,aAAS;KAAE;KAAO;KAAK;KAAO,CAAC;;GAElC,CAAC;IACD;EAAC;EAAW;EAAO;EAAM;EAAQ;EAAO;EAAU;EAAO,CAAC;AAE7D,QAAO"}

package/dist/dev/utils/attach-media-element.d.ts

@@ -1,9 +0,0 @@
-//#region src/utils/attach-media-element.d.ts
-interface Attachable {
-  attach(target: EventTarget): void;
-  detach(): void;
-}
-declare function attachMediaElement<T extends HTMLVideoElement>(media: Attachable): (element: T | null) => void;
-//#endregion
-export { attachMediaElement };
-//# sourceMappingURL=attach-media-element.d.ts.map

package/dist/dev/utils/attach-media-element.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"attach-media-element.d.ts","names":[],"sources":["../../../src/utils/attach-media-element.ts"],"mappings":";UAAU,UAAA;EACR,MAAA,CAAO,MAAA,EAAQ,WAAA;EACf,MAAA;AAAA;AAAA,iBAGc,kBAAA,WAA6B,gBAAA,CAAA,CAAkB,KAAA,EAAO,UAAA,IAAc,OAAA,EAAS,CAAA"}

package/dist/dev/utils/attach-media-element.js

@@ -1,12 +0,0 @@
-//#region src/utils/attach-media-element.ts
-function attachMediaElement(media) {
-	return (element) => {
-		if (element) media.attach(element);
-		else media.detach();
-		return () => media.detach();
-	};
-}
-//#endregion
-export { attachMediaElement };
-
-//# sourceMappingURL=attach-media-element.js.map

package/dist/dev/utils/attach-media-element.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"attach-media-element.js","names":[],"sources":["../../../src/utils/attach-media-element.ts"],"sourcesContent":["interface Attachable {\n  attach(target: EventTarget): void;\n  detach(): void;\n}\n\nexport function attachMediaElement<T extends HTMLVideoElement>(media: Attachable): (element: T | null) => void {\n  return (element: T | null) => {\n    if (element) {\n      media.attach(element);\n    } else {\n      media.detach();\n    }\n    // React 19+ accepts a cleanup function as the return value\n    return () => media.detach();\n  };\n}\n"],"mappings":";AAKA,SAAgB,mBAA+C,OAAgD;AAC7G,SAAQ,YAAsB;AAC5B,MAAI,QACF,OAAM,OAAO,QAAQ;MAErB,OAAM,QAAQ;AAGhB,eAAa,MAAM,QAAQ"}

package/dist/dev/utils/media-props.d.ts

@@ -1,8 +0,0 @@
-import { Media } from "@videojs/core";
-
-//#region src/utils/media-props.d.ts
-type AnyClass = abstract new (...args: any[]) => any;
-declare function mediaProps(media: Media, DelegateClass: AnyClass, props: Record<string, any>): Record<string, any>;
-//#endregion
-export { mediaProps };
-//# sourceMappingURL=media-props.d.ts.map

package/dist/dev/utils/media-props.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"media-props.d.ts","names":[],"sources":["../../../src/utils/media-props.ts"],"mappings":";;;KAEK,QAAA,oBAA4B,IAAA;AAAA,iBAajB,UAAA,CAAW,KAAA,EAAO,KAAA,EAAO,aAAA,EAAe,QAAA,EAAU,KAAA,EAAO,MAAA,gBAAmB,MAAA"}

package/dist/dev/utils/media-props.js

@@ -1,19 +0,0 @@
-//#region src/utils/media-props.ts
-function getSettableProps(DelegateClass) {
-	const props = /* @__PURE__ */ new Set();
-	for (let proto = DelegateClass.prototype; proto && proto !== Object.prototype; proto = Object.getPrototypeOf(proto)) for (const key of Object.getOwnPropertyNames(proto)) if (Object.getOwnPropertyDescriptor(proto, key)?.set) props.add(key);
-	return props;
-}
-function mediaProps(media, DelegateClass, props) {
-	const delegateKeys = getSettableProps(DelegateClass);
-	const rest = {};
-	for (const key of Object.keys(props)) if (delegateKeys.has(key)) {
-		const value = props[key];
-		if (media[key] !== value) media[key] = value;
-	} else rest[key] = props[key];
-	return rest;
-}
-//#endregion
-export { mediaProps };
-
-//# sourceMappingURL=media-props.js.map

package/dist/dev/utils/media-props.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"media-props.js","names":[],"sources":["../../../src/utils/media-props.ts"],"sourcesContent":["import type { Media } from '@videojs/core';\n\ntype AnyClass = abstract new (...args: any[]) => any;\n\nfunction getSettableProps(DelegateClass: AnyClass): Set<string> {\n  const props = new Set<string>();\n  for (let proto = DelegateClass.prototype; proto && proto !== Object.prototype; proto = Object.getPrototypeOf(proto)) {\n    for (const key of Object.getOwnPropertyNames(proto)) {\n      const desc = Object.getOwnPropertyDescriptor(proto, key);\n      if (desc?.set) props.add(key);\n    }\n  }\n  return props;\n}\n\nexport function mediaProps(media: Media, DelegateClass: AnyClass, props: Record<string, any>) {\n  const delegateKeys = getSettableProps(DelegateClass);\n  const rest: Record<string, any> = {};\n\n  for (const key of Object.keys(props)) {\n    if (delegateKeys.has(key)) {\n      const value = props[key];\n      if ((media as any)[key] !== value) {\n        (media as any)[key] = value;\n      }\n    } else {\n      rest[key] = props[key];\n    }\n  }\n\n  return rest;\n}\n"],"mappings":";AAIA,SAAS,iBAAiB,eAAsC;CAC9D,MAAM,wBAAQ,IAAI,KAAa;AAC/B,MAAK,IAAI,QAAQ,cAAc,WAAW,SAAS,UAAU,OAAO,WAAW,QAAQ,OAAO,eAAe,MAAM,CACjH,MAAK,MAAM,OAAO,OAAO,oBAAoB,MAAM,CAEjD,KADa,OAAO,yBAAyB,OAAO,IAAI,EAC9C,IAAK,OAAM,IAAI,IAAI;AAGjC,QAAO;;AAGT,SAAgB,WAAW,OAAc,eAAyB,OAA4B;CAC5F,MAAM,eAAe,iBAAiB,cAAc;CACpD,MAAM,OAA4B,EAAE;AAEpC,MAAK,MAAM,OAAO,OAAO,KAAK,MAAM,CAClC,KAAI,aAAa,IAAI,IAAI,EAAE;EACzB,MAAM,QAAQ,MAAM;AACpB,MAAK,MAAc,SAAS,MACzB,OAAc,OAAO;OAGxB,MAAK,OAAO,MAAM;AAItB,QAAO"}