@videojs/html 10.0.0-beta.23 → 10.0.0-beta.24

package/dist/dev/ui/menu/menu-radio-group-element.d.ts

@@ -0,0 +1,22 @@
+import { MediaElement } from "../media-element.js";
+import { PropertyValues } from "@videojs/element";
+
+//#region src/ui/menu/menu-radio-group-element.d.ts
+declare class MenuRadioGroupElement extends MediaElement {
+  #private;
+  static readonly tagName: string;
+  static properties: {
+    value: {
+      type: StringConstructor;
+    };
+    label: {
+      type: StringConstructor;
+    };
+  };
+  value: string;
+  label: string | undefined;
+  protected update(_changed: PropertyValues): void;
+}
+//#endregion
+export { MenuRadioGroupElement };
+//# sourceMappingURL=menu-radio-group-element.d.ts.map

package/dist/dev/ui/menu/menu-radio-group-element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-radio-group-element.d.ts","names":[],"sources":["../../../../src/ui/menu/menu-radio-group-element.ts"],"mappings":";;;;cAOa,qBAAA,SAA8B,YAAA;EAAA;kBACzB,OAAA;EAAA,OAEA,UAAA;;MACL,IAAA,EAAI,iBAAA;IAAA;;MACJ,IAAA,EAAI,iBAAA;IAAA;EAAA;EAGf,KAAA;EACA,KAAA;EAAA,UAKmB,MAAA,CAAO,QAAA,EAAU,cAAA;AAAA"}

package/dist/dev/ui/menu/menu-radio-group-element.js

@@ -0,0 +1,51 @@
+import { MediaElement } from "../media-element.js";
+import { menuContext, menuRadioGroupContext } from "./context.js";
+import { applyElementProps, applyStateDataAttrs } from "@videojs/core/dom";
+import { ContextConsumer, ContextProvider } from "@videojs/element/context";
+//#region src/ui/menu/menu-radio-group-element.ts
+var MenuRadioGroupElement = class extends MediaElement {
+	constructor(..._args) {
+		super(..._args);
+		this.value = "";
+		this.label = void 0;
+		this.#menuCtx = new ContextConsumer(this, {
+			context: menuContext,
+			subscribe: true
+		});
+		this.#provider = new ContextProvider(this, { context: menuRadioGroupContext });
+	}
+	static {
+		this.tagName = "media-menu-radio-group";
+	}
+	static {
+		this.properties = {
+			value: { type: String },
+			label: { type: String }
+		};
+	}
+	#menuCtx;
+	#provider;
+	update(_changed) {
+		super.update(_changed);
+		applyElementProps(this, {
+			role: "group",
+			"aria-label": this.label
+		});
+		const ctx = this.#menuCtx.value;
+		if (ctx) applyStateDataAttrs(this, ctx.state, ctx.stateAttrMap);
+		this.#provider.setValue({
+			value: this.value,
+			onValueChange: (next) => {
+				this.value = next;
+				this.dispatchEvent(new CustomEvent("value-change", {
+					detail: { value: next },
+					bubbles: true
+				}));
+			}
+		});
+	}
+};
+//#endregion
+export { MenuRadioGroupElement };
+
+//# sourceMappingURL=menu-radio-group-element.js.map

package/dist/dev/ui/menu/menu-radio-group-element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-radio-group-element.js","names":["#menuCtx","#provider"],"sources":["../../../../src/ui/menu/menu-radio-group-element.ts"],"sourcesContent":["import { applyElementProps, applyStateDataAttrs } from '@videojs/core/dom';\nimport type { PropertyDeclarationMap, PropertyValues } from '@videojs/element';\nimport { ContextConsumer, ContextProvider } from '@videojs/element/context';\n\nimport { MediaElement } from '../media-element';\nimport { menuContext, menuRadioGroupContext } from './context';\n\nexport class MenuRadioGroupElement extends MediaElement {\n  static readonly tagName: string = 'media-menu-radio-group';\n\n  static override properties = {\n    value: { type: String },\n    label: { type: String },\n  } satisfies PropertyDeclarationMap<'value' | 'label'>;\n\n  value = '';\n  label: string | undefined = undefined;\n\n  readonly #menuCtx = new ContextConsumer(this, { context: menuContext, subscribe: true });\n  readonly #provider = new ContextProvider(this, { context: menuRadioGroupContext });\n\n  protected override update(_changed: PropertyValues): void {\n    super.update(_changed);\n\n    applyElementProps(this, {\n      role: 'group',\n      'aria-label': this.label,\n    });\n\n    const ctx = this.#menuCtx.value;\n    if (ctx) applyStateDataAttrs(this, ctx.state, ctx.stateAttrMap);\n\n    this.#provider.setValue({\n      value: this.value,\n      onValueChange: (next: string) => {\n        this.value = next;\n        this.dispatchEvent(new CustomEvent('value-change', { detail: { value: next }, bubbles: true }));\n      },\n    });\n  }\n}\n"],"mappings":";;;;;AAOA,IAAa,wBAAb,cAA2C,aAAa;;;eAQ9C;eACoB,KAAA;kBAER,IAAI,gBAAgB,MAAM;GAAE,SAAS;GAAa,WAAW;GAAM,CAAC;mBACnE,IAAI,gBAAgB,MAAM,EAAE,SAAS,uBAAuB,CAAC;;;iBAXhD;;;oBAEL;GAC3B,OAAO,EAAE,MAAM,QAAQ;GACvB,OAAO,EAAE,MAAM,QAAQ;GACxB;;CAKD;CACA;CAEA,OAA0B,UAAgC;AACxD,QAAM,OAAO,SAAS;AAEtB,oBAAkB,MAAM;GACtB,MAAM;GACN,cAAc,KAAK;GACpB,CAAC;EAEF,MAAM,MAAM,MAAA,QAAc;AAC1B,MAAI,IAAK,qBAAoB,MAAM,IAAI,OAAO,IAAI,aAAa;AAE/D,QAAA,SAAe,SAAS;GACtB,OAAO,KAAK;GACZ,gBAAgB,SAAiB;AAC/B,SAAK,QAAQ;AACb,SAAK,cAAc,IAAI,YAAY,gBAAgB;KAAE,QAAQ,EAAE,OAAO,MAAM;KAAE,SAAS;KAAM,CAAC,CAAC;;GAElG,CAAC"}

package/dist/dev/ui/menu/menu-radio-item-element.d.ts

@@ -0,0 +1,24 @@
+import { MediaElement } from "../media-element.js";
+import { PropertyValues } from "@videojs/element";
+
+//#region src/ui/menu/menu-radio-item-element.d.ts
+declare class MenuRadioItemElement extends MediaElement {
+  #private;
+  static readonly tagName = "media-menu-radio-item";
+  static properties: {
+    value: {
+      type: StringConstructor;
+    };
+    disabled: {
+      type: BooleanConstructor;
+    };
+  };
+  value: string;
+  disabled: boolean;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
+  protected update(_changed: PropertyValues): void;
+}
+//#endregion
+export { MenuRadioItemElement };
+//# sourceMappingURL=menu-radio-item-element.d.ts.map

package/dist/dev/ui/menu/menu-radio-item-element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-radio-item-element.d.ts","names":[],"sources":["../../../../src/ui/menu/menu-radio-item-element.ts"],"mappings":";;;;cAOa,oBAAA,SAA6B,YAAA;EAAA;kBACxB,OAAA;EAAA,OAEA,UAAA;;MACL,IAAA,EAAI,iBAAA;IAAA;;MACD,IAAA,EAAI,kBAAA;IAAA;EAAA;EAGlB,KAAA;EACA,QAAA;EASS,iBAAA,CAAA;EAMA,oBAAA,CAAA;EAAA,UASU,MAAA,CAAO,QAAA,EAAU,cAAA;AAAA"}

package/dist/dev/ui/menu/menu-radio-item-element.js

@@ -0,0 +1,84 @@
+import { MediaElement } from "../media-element.js";
+import { menuContext, menuRadioGroupContext } from "./context.js";
+import { applyElementProps, applyStateDataAttrs, completeMenuItemSelection } from "@videojs/core/dom";
+import { ContextConsumer } from "@videojs/element/context";
+//#region src/ui/menu/menu-radio-item-element.ts
+var MenuRadioItemElement = class extends MediaElement {
+	constructor(..._args) {
+		super(..._args);
+		this.value = "";
+		this.disabled = false;
+		this.#menuCtx = new ContextConsumer(this, {
+			context: menuContext,
+			subscribe: true
+		});
+		this.#groupCtx = new ContextConsumer(this, {
+			context: menuRadioGroupContext,
+			subscribe: true
+		});
+		this.#disconnect = null;
+		this.#registered = false;
+		this.#cleanupRegistration = null;
+	}
+	static {
+		this.tagName = "media-menu-radio-item";
+	}
+	static {
+		this.properties = {
+			value: { type: String },
+			disabled: { type: Boolean }
+		};
+	}
+	#menuCtx;
+	#groupCtx;
+	#disconnect;
+	#registered;
+	#cleanupRegistration;
+	connectedCallback() {
+		super.connectedCallback();
+		this.#disconnect = new AbortController();
+		this.#registered = false;
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback();
+		this.#cleanupRegistration?.();
+		this.#cleanupRegistration = null;
+		this.#disconnect?.abort();
+		this.#disconnect = null;
+		this.#registered = false;
+	}
+	update(_changed) {
+		super.update(_changed);
+		const menuCtx = this.#menuCtx.value;
+		const groupCtx = this.#groupCtx.value;
+		if (!menuCtx || !groupCtx || !this.#disconnect) return;
+		if (!this.#registered) {
+			this.#registered = true;
+			this.#cleanupRegistration = menuCtx.menu.registerItem(this);
+			applyElementProps(this, {
+				onClick: () => {
+					const currentMenuCtx = this.#menuCtx.value;
+					const currentGroupCtx = this.#groupCtx.value;
+					if (!currentMenuCtx || !currentGroupCtx || this.disabled) return;
+					currentGroupCtx.onValueChange(this.value);
+					completeMenuItemSelection(currentMenuCtx.menu, currentMenuCtx.parentMenu);
+				},
+				onPointerenter: () => {
+					const currentMenuCtx = this.#menuCtx.value;
+					if (!this.disabled) currentMenuCtx?.menu.highlight(this, { focus: false });
+				}
+			}, { signal: this.#disconnect.signal });
+		}
+		const checked = groupCtx.value === this.value;
+		applyElementProps(this, {
+			role: "menuitemradio",
+			"aria-checked": String(checked),
+			"aria-disabled": this.disabled ? "true" : void 0
+		});
+		applyStateDataAttrs(this, menuCtx.state, menuCtx.stateAttrMap);
+	}
+};
+//#endregion
+export { MenuRadioItemElement };
+
+//# sourceMappingURL=menu-radio-item-element.js.map

package/dist/dev/ui/menu/menu-radio-item-element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-radio-item-element.js","names":["#menuCtx","#groupCtx","#disconnect","#registered","#cleanupRegistration"],"sources":["../../../../src/ui/menu/menu-radio-item-element.ts"],"sourcesContent":["import { applyElementProps, applyStateDataAttrs, completeMenuItemSelection } from '@videojs/core/dom';\nimport type { PropertyDeclarationMap, PropertyValues } from '@videojs/element';\nimport { ContextConsumer } from '@videojs/element/context';\n\nimport { MediaElement } from '../media-element';\nimport { menuContext, menuRadioGroupContext } from './context';\n\nexport class MenuRadioItemElement extends MediaElement {\n  static readonly tagName = 'media-menu-radio-item';\n\n  static override properties = {\n    value: { type: String },\n    disabled: { type: Boolean },\n  } satisfies PropertyDeclarationMap<'value' | 'disabled'>;\n\n  value = '';\n  disabled = false;\n\n  readonly #menuCtx = new ContextConsumer(this, { context: menuContext, subscribe: true });\n  readonly #groupCtx = new ContextConsumer(this, { context: menuRadioGroupContext, subscribe: true });\n\n  #disconnect: AbortController | null = null;\n  #registered = false;\n  #cleanupRegistration: (() => void) | null = null;\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this.#disconnect = new AbortController();\n    this.#registered = false;\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.#cleanupRegistration?.();\n    this.#cleanupRegistration = null;\n    this.#disconnect?.abort();\n    this.#disconnect = null;\n    this.#registered = false;\n  }\n\n  protected override update(_changed: PropertyValues): void {\n    super.update(_changed);\n\n    const menuCtx = this.#menuCtx.value;\n    const groupCtx = this.#groupCtx.value;\n    if (!menuCtx || !groupCtx || !this.#disconnect) return;\n\n    if (!this.#registered) {\n      this.#registered = true;\n\n      this.#cleanupRegistration = menuCtx.menu.registerItem(this);\n\n      applyElementProps(\n        this,\n        {\n          onClick: () => {\n            const currentMenuCtx = this.#menuCtx.value;\n            const currentGroupCtx = this.#groupCtx.value;\n            if (!currentMenuCtx || !currentGroupCtx || this.disabled) return;\n\n            currentGroupCtx.onValueChange(this.value);\n            completeMenuItemSelection(currentMenuCtx.menu, currentMenuCtx.parentMenu);\n          },\n          onPointerenter: () => {\n            const currentMenuCtx = this.#menuCtx.value;\n            if (!this.disabled) currentMenuCtx?.menu.highlight(this, { focus: false });\n          },\n        },\n        { signal: this.#disconnect.signal }\n      );\n    }\n\n    const checked = groupCtx.value === this.value;\n\n    applyElementProps(this, {\n      role: 'menuitemradio',\n      'aria-checked': String(checked),\n      'aria-disabled': this.disabled ? 'true' : undefined,\n    });\n\n    applyStateDataAttrs(this, menuCtx.state, menuCtx.stateAttrMap);\n  }\n}\n"],"mappings":";;;;;AAOA,IAAa,uBAAb,cAA0C,aAAa;;;eAQ7C;kBACG;kBAES,IAAI,gBAAgB,MAAM;GAAE,SAAS;GAAa,WAAW;GAAM,CAAC;mBACnE,IAAI,gBAAgB,MAAM;GAAE,SAAS;GAAuB,WAAW;GAAM,CAAC;qBAE7D;qBACxB;8BAC8B;;;iBAflB;;;oBAEG;GAC3B,OAAO,EAAE,MAAM,QAAQ;GACvB,UAAU,EAAE,MAAM,SAAS;GAC5B;;CAKD;CACA;CAEA;CACA;CACA;CAEA,oBAAmC;AACjC,QAAM,mBAAmB;AACzB,QAAA,aAAmB,IAAI,iBAAiB;AACxC,QAAA,aAAmB;;CAGrB,uBAAsC;AACpC,QAAM,sBAAsB;AAC5B,QAAA,uBAA6B;AAC7B,QAAA,sBAA4B;AAC5B,QAAA,YAAkB,OAAO;AACzB,QAAA,aAAmB;AACnB,QAAA,aAAmB;;CAGrB,OAA0B,UAAgC;AACxD,QAAM,OAAO,SAAS;EAEtB,MAAM,UAAU,MAAA,QAAc;EAC9B,MAAM,WAAW,MAAA,SAAe;AAChC,MAAI,CAAC,WAAW,CAAC,YAAY,CAAC,MAAA,WAAkB;AAEhD,MAAI,CAAC,MAAA,YAAkB;AACrB,SAAA,aAAmB;AAEnB,SAAA,sBAA4B,QAAQ,KAAK,aAAa,KAAK;AAE3D,qBACE,MACA;IACE,eAAe;KACb,MAAM,iBAAiB,MAAA,QAAc;KACrC,MAAM,kBAAkB,MAAA,SAAe;AACvC,SAAI,CAAC,kBAAkB,CAAC,mBAAmB,KAAK,SAAU;AAE1D,qBAAgB,cAAc,KAAK,MAAM;AACzC,+BAA0B,eAAe,MAAM,eAAe,WAAW;;IAE3E,sBAAsB;KACpB,MAAM,iBAAiB,MAAA,QAAc;AACrC,SAAI,CAAC,KAAK,SAAU,iBAAgB,KAAK,UAAU,MAAM,EAAE,OAAO,OAAO,CAAC;;IAE7E,EACD,EAAE,QAAQ,MAAA,WAAiB,QAAQ,CACpC;;EAGH,MAAM,UAAU,SAAS,UAAU,KAAK;AAExC,oBAAkB,MAAM;GACtB,MAAM;GACN,gBAAgB,OAAO,QAAQ;GAC/B,iBAAiB,KAAK,WAAW,SAAS,KAAA;GAC3C,CAAC;AAEF,sBAAoB,MAAM,QAAQ,OAAO,QAAQ,aAAa"}

package/dist/dev/ui/menu/menu-separator-element.d.ts

@@ -0,0 +1,12 @@
+import { MediaElement } from "../media-element.js";
+import { PropertyValues } from "@videojs/element";
+
+//#region src/ui/menu/menu-separator-element.d.ts
+declare class MenuSeparatorElement extends MediaElement {
+  #private;
+  static readonly tagName = "media-menu-separator";
+  protected update(_changed: PropertyValues): void;
+}
+//#endregion
+export { MenuSeparatorElement };
+//# sourceMappingURL=menu-separator-element.d.ts.map

package/dist/dev/ui/menu/menu-separator-element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-separator-element.d.ts","names":[],"sources":["../../../../src/ui/menu/menu-separator-element.ts"],"mappings":";;;;cAOa,oBAAA,SAA6B,YAAA;EAAA;kBACxB,OAAA;EAAA,UAIG,MAAA,CAAO,QAAA,EAAU,cAAA;AAAA"}

package/dist/dev/ui/menu/menu-separator-element.js

@@ -0,0 +1,24 @@
+import { MediaElement } from "../media-element.js";
+import { menuContext } from "./context.js";
+import { applyElementProps, applyStateDataAttrs } from "@videojs/core/dom";
+import { ContextConsumer } from "@videojs/element/context";
+//#region src/ui/menu/menu-separator-element.ts
+var MenuSeparatorElement = class extends MediaElement {
+	static {
+		this.tagName = "media-menu-separator";
+	}
+	#ctx = new ContextConsumer(this, {
+		context: menuContext,
+		subscribe: true
+	});
+	update(_changed) {
+		super.update(_changed);
+		applyElementProps(this, { role: "separator" });
+		const ctx = this.#ctx.value;
+		if (ctx) applyStateDataAttrs(this, ctx.state, ctx.stateAttrMap);
+	}
+};
+//#endregion
+export { MenuSeparatorElement };
+
+//# sourceMappingURL=menu-separator-element.js.map

package/dist/dev/ui/menu/menu-separator-element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-separator-element.js","names":["#ctx"],"sources":["../../../../src/ui/menu/menu-separator-element.ts"],"sourcesContent":["import { applyElementProps, applyStateDataAttrs } from '@videojs/core/dom';\nimport type { PropertyValues } from '@videojs/element';\nimport { ContextConsumer } from '@videojs/element/context';\n\nimport { MediaElement } from '../media-element';\nimport { menuContext } from './context';\n\nexport class MenuSeparatorElement extends MediaElement {\n  static readonly tagName = 'media-menu-separator';\n\n  readonly #ctx = new ContextConsumer(this, { context: menuContext, subscribe: true });\n\n  protected override update(_changed: PropertyValues): void {\n    super.update(_changed);\n\n    applyElementProps(this, { role: 'separator' });\n\n    const ctx = this.#ctx.value;\n    if (ctx) applyStateDataAttrs(this, ctx.state, ctx.stateAttrMap);\n  }\n}\n"],"mappings":";;;;;AAOA,IAAa,uBAAb,cAA0C,aAAa;;iBAC3B;;CAE1B,OAAgB,IAAI,gBAAgB,MAAM;EAAE,SAAS;EAAa,WAAW;EAAM,CAAC;CAEpF,OAA0B,UAAgC;AACxD,QAAM,OAAO,SAAS;AAEtB,oBAAkB,MAAM,EAAE,MAAM,aAAa,CAAC;EAE9C,MAAM,MAAM,MAAA,IAAU;AACtB,MAAI,IAAK,qBAAoB,MAAM,IAAI,OAAO,IAAI,aAAa"}

package/dist/dev/ui/menu/menu-view-element.d.ts

@@ -0,0 +1,11 @@
+import { MediaElement } from "../media-element.js";
+import { PropertyValues } from "@videojs/element";
+
+//#region src/ui/menu/menu-view-element.d.ts
+declare class MenuViewElement extends MediaElement {
+  static readonly tagName = "media-menu-view";
+  protected update(changed: PropertyValues): void;
+}
+//#endregion
+export { MenuViewElement };
+//# sourceMappingURL=menu-view-element.d.ts.map

package/dist/dev/ui/menu/menu-view-element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-view-element.d.ts","names":[],"sources":["../../../../src/ui/menu/menu-view-element.ts"],"mappings":";;;;cAKa,eAAA,SAAwB,YAAA;EAAA,gBACnB,OAAA;EAAA,UAEG,MAAA,CAAO,OAAA,EAAS,cAAA;AAAA"}

package/dist/dev/ui/menu/menu-view-element.js

@@ -0,0 +1,16 @@
+import { MediaElement } from "../media-element.js";
+import { applyElementProps, getMenuRootViewAttrs } from "@videojs/core/dom";
+//#region src/ui/menu/menu-view-element.ts
+var MenuViewElement = class extends MediaElement {
+	static {
+		this.tagName = "media-menu-view";
+	}
+	update(changed) {
+		super.update(changed);
+		applyElementProps(this, getMenuRootViewAttrs());
+	}
+};
+//#endregion
+export { MenuViewElement };
+
+//# sourceMappingURL=menu-view-element.js.map

package/dist/dev/ui/menu/menu-view-element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-view-element.js","names":[],"sources":["../../../../src/ui/menu/menu-view-element.ts"],"sourcesContent":["import { applyElementProps, getMenuRootViewAttrs } from '@videojs/core/dom';\nimport type { PropertyValues } from '@videojs/element';\n\nimport { MediaElement } from '../media-element';\n\nexport class MenuViewElement extends MediaElement {\n  static readonly tagName = 'media-menu-view';\n\n  protected override update(changed: PropertyValues): void {\n    super.update(changed);\n\n    applyElementProps(this, getMenuRootViewAttrs());\n  }\n}\n"],"mappings":";;;AAKA,IAAa,kBAAb,cAAqC,aAAa;;iBACtB;;CAE1B,OAA0B,SAA+B;AACvD,QAAM,OAAO,QAAQ;AAErB,oBAAkB,MAAM,sBAAsB,CAAC"}

package/dist/dev/ui/playback-rate-menu/playback-rate-menu-element.d.ts

@@ -0,0 +1,53 @@
+import { MenuElement } from "../menu/menu-element.js";
+import { PropertyValues } from "@videojs/element";
+import { PlaybackRateMenuCore } from "@videojs/core";
+
+//#region src/ui/playback-rate-menu/playback-rate-menu-element.d.ts
+declare class PlaybackRateMenuElement extends MenuElement {
+  #private;
+  static readonly tagName = "media-playback-rate-menu";
+  static properties: {
+    open: {
+      type: BooleanConstructor;
+    };
+    defaultOpen: {
+      type: BooleanConstructor;
+      attribute: string;
+    };
+    side: {
+      type: StringConstructor;
+    };
+    align: {
+      type: StringConstructor;
+    };
+    closeOnEscape: {
+      type: BooleanConstructor;
+      attribute: string;
+    };
+    closeOnOutsideClick: {
+      type: BooleanConstructor;
+      attribute: string;
+    };
+    boundary: {
+      type: StringConstructor;
+    };
+    label: {
+      type: StringConstructor;
+    };
+    disabled: {
+      type: BooleanConstructor;
+    };
+  };
+  label: string;
+  disabled: boolean;
+  align: MenuElement['align'];
+  formatRate: (rate: number) => string;
+  connectedCallback(): void;
+  protected update(changed: PropertyValues): void;
+}
+declare namespace PlaybackRateMenuElement {
+  type State = PlaybackRateMenuCore.State;
+}
+//#endregion
+export { PlaybackRateMenuElement };
+//# sourceMappingURL=playback-rate-menu-element.d.ts.map

package/dist/dev/ui/playback-rate-menu/playback-rate-menu-element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"playback-rate-menu-element.d.ts","names":[],"sources":["../../../../src/ui/playback-rate-menu/playback-rate-menu-element.ts"],"mappings":";;;;;cAQa,uBAAA,SAAgC,WAAA;EAAA;kBAClB,OAAA;EAAA,OAET,UAAA;;;;;;;;;;;;;;;;;;;;;;;;;;MAEL,IAAA,EAAI,iBAAA;IAAA;;MACD,IAAA,EAAI,kBAAA;IAAA;EAAA;EAalB,KAAA;EACA,QAAA;EACS,KAAA,EAAO,WAAA;EAChB,UAAA,GAAU,IAAA;EAKD,iBAAA,CAAA;EAAA,UASU,MAAA,CAAO,OAAA,EAAS,cAAA;AAAA;AAAA,kBAepB,uBAAA;EAAA,KACH,KAAA,GAAQ,oBAAA,CAAqB,KAAA;AAAA"}

package/dist/dev/ui/playback-rate-menu/playback-rate-menu-element.js

@@ -0,0 +1,48 @@
+import { playerContext } from "../../player/context.js";
+import { PlayerController } from "../../player/player-controller.js";
+import { MenuElement } from "../menu/menu-element.js";
+import { applyElementProps, applyStateDataAttrs, logMissingFeature, selectPlaybackRate } from "@videojs/core/dom";
+import { PlaybackRateMenuCore, PlaybackRateMenuDataAttrs } from "@videojs/core";
+//#region src/ui/playback-rate-menu/playback-rate-menu-element.ts
+var PlaybackRateMenuElement = class extends MenuElement {
+	constructor(..._args) {
+		super(..._args);
+		this.label = "";
+		this.disabled = false;
+		this.align = "center";
+		this.formatRate = PlaybackRateMenuCore.defaultProps.formatRate;
+		this.#core = new PlaybackRateMenuCore();
+		this.#mediaState = new PlayerController(this, playerContext, selectPlaybackRate);
+	}
+	static {
+		this.tagName = "media-playback-rate-menu";
+	}
+	static {
+		this.properties = {
+			...MenuElement.properties,
+			label: { type: String },
+			disabled: { type: Boolean }
+		};
+	}
+	#core;
+	#mediaState;
+	connectedCallback() {
+		super.connectedCallback();
+		if (this.destroyed) return;
+		if (!this.#mediaState.value && this.#mediaState.displayName) logMissingFeature(this.localName, this.#mediaState.displayName);
+	}
+	update(changed) {
+		super.update(changed);
+		const media = this.#mediaState.value;
+		if (!media) return;
+		this.#core.setProps(this);
+		this.#core.setMedia(media);
+		const state = this.#core.getState();
+		applyElementProps(this, this.#core.getAttrs(state));
+		applyStateDataAttrs(this, state, PlaybackRateMenuDataAttrs);
+	}
+};
+//#endregion
+export { PlaybackRateMenuElement };
+
+//# sourceMappingURL=playback-rate-menu-element.js.map

package/dist/dev/ui/playback-rate-menu/playback-rate-menu-element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"playback-rate-menu-element.js","names":["#core","#mediaState"],"sources":["../../../../src/ui/playback-rate-menu/playback-rate-menu-element.ts"],"sourcesContent":["import { PlaybackRateMenuCore, PlaybackRateMenuDataAttrs } from '@videojs/core';\nimport { applyElementProps, applyStateDataAttrs, logMissingFeature, selectPlaybackRate } from '@videojs/core/dom';\nimport type { PropertyDeclarationMap, PropertyValues } from '@videojs/element';\n\nimport { playerContext } from '../../player/context';\nimport { PlayerController } from '../../player/player-controller';\nimport { MenuElement } from '../menu/menu-element';\n\nexport class PlaybackRateMenuElement extends MenuElement {\n  static override readonly tagName = 'media-playback-rate-menu';\n\n  static override properties = {\n    ...MenuElement.properties,\n    label: { type: String },\n    disabled: { type: Boolean },\n  } satisfies PropertyDeclarationMap<\n    | 'open'\n    | 'defaultOpen'\n    | 'side'\n    | 'align'\n    | 'closeOnEscape'\n    | 'closeOnOutsideClick'\n    | 'boundary'\n    | 'label'\n    | 'disabled'\n  >;\n\n  label = '';\n  disabled = false;\n  override align: MenuElement['align'] = 'center';\n  formatRate = PlaybackRateMenuCore.defaultProps.formatRate;\n\n  readonly #core = new PlaybackRateMenuCore();\n  readonly #mediaState = new PlayerController(this, playerContext, selectPlaybackRate);\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    if (this.destroyed) return;\n\n    if (__DEV__ && !this.#mediaState.value && this.#mediaState.displayName) {\n      logMissingFeature(this.localName, this.#mediaState.displayName);\n    }\n  }\n\n  protected override update(changed: PropertyValues): void {\n    super.update(changed);\n\n    const media = this.#mediaState.value;\n    if (!media) return;\n\n    this.#core.setProps(this);\n    this.#core.setMedia(media);\n    const state = this.#core.getState();\n\n    applyElementProps(this, this.#core.getAttrs(state));\n    applyStateDataAttrs(this, state, PlaybackRateMenuDataAttrs);\n  }\n}\n\nexport namespace PlaybackRateMenuElement {\n  export type State = PlaybackRateMenuCore.State;\n}\n"],"mappings":";;;;;;AAQA,IAAa,0BAAb,cAA6C,YAAY;;;eAmB/C;kBACG;eAC4B;oBAC1B,qBAAqB,aAAa;eAE9B,IAAI,sBAAsB;qBACpB,IAAI,iBAAiB,MAAM,eAAe,mBAAmB;;;iBAxBjD;;;oBAEN;GAC3B,GAAG,YAAY;GACf,OAAO,EAAE,MAAM,QAAQ;GACvB,UAAU,EAAE,MAAM,SAAS;GAC5B;;CAiBD;CACA;CAEA,oBAAmC;AACjC,QAAM,mBAAmB;AACzB,MAAI,KAAK,UAAW;AAEpB,MAAe,CAAC,MAAA,WAAiB,SAAS,MAAA,WAAiB,YACzD,mBAAkB,KAAK,WAAW,MAAA,WAAiB,YAAY;;CAInE,OAA0B,SAA+B;AACvD,QAAM,OAAO,QAAQ;EAErB,MAAM,QAAQ,MAAA,WAAiB;AAC/B,MAAI,CAAC,MAAO;AAEZ,QAAA,KAAW,SAAS,KAAK;AACzB,QAAA,KAAW,SAAS,MAAM;EAC1B,MAAM,QAAQ,MAAA,KAAW,UAAU;AAEnC,oBAAkB,MAAM,MAAA,KAAW,SAAS,MAAM,CAAC;AACnD,sBAAoB,MAAM,OAAO,0BAA0B"}

package/dist/dev/ui/playback-rate-menu/playback-rate-menu-trigger-element.d.ts

@@ -0,0 +1,35 @@
+import { MediaElement } from "../media-element.js";
+import { PropertyValues } from "@videojs/element";
+import { PlaybackRateMenuCore } from "@videojs/core";
+
+//#region src/ui/playback-rate-menu/playback-rate-menu-trigger-element.d.ts
+declare class PlaybackRateMenuTriggerElement extends MediaElement {
+  #private;
+  static readonly tagName = "media-playback-rate-menu-trigger";
+  static properties: {
+    label: {
+      type: StringConstructor;
+    };
+    disabled: {
+      type: BooleanConstructor;
+    };
+    commandfor: {
+      type: StringConstructor;
+    };
+  };
+  label: string;
+  disabled: boolean;
+  commandfor: string | undefined;
+  formatRate: (rate: number) => string;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
+  /** Returns the trigger's current label derived from media state. */
+  getLabel(): string | undefined;
+  protected update(changed: PropertyValues): void;
+}
+declare namespace PlaybackRateMenuTriggerElement {
+  type State = PlaybackRateMenuCore.State;
+}
+//#endregion
+export { PlaybackRateMenuTriggerElement };
+//# sourceMappingURL=playback-rate-menu-trigger-element.d.ts.map

package/dist/dev/ui/playback-rate-menu/playback-rate-menu-trigger-element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"playback-rate-menu-trigger-element.d.ts","names":[],"sources":["../../../../src/ui/playback-rate-menu/playback-rate-menu-trigger-element.ts"],"mappings":";;;;;cAQa,8BAAA,SAAuC,YAAA;EAAA;kBAClC,OAAA;EAAA,OAEA,UAAA;;MACL,IAAA,EAAI,iBAAA;IAAA;;MACD,IAAA,EAAI,kBAAA;IAAA;;MACF,IAAA,EAAI,iBAAA;IAAA;EAAA;EAGpB,KAAA;EACA,QAAA;EACA,UAAA;EACA,UAAA,GAAU,IAAA;EAOD,iBAAA,CAAA;EAmBA,oBAAA,CAAA;EAjCK;EAwCd,QAAA,CAAA;EAAA,UAImB,MAAA,CAAO,OAAA,EAAS,cAAA;AAAA;AAAA,kBAwCpB,8BAAA;EAAA,KACH,KAAA,GAAQ,oBAAA,CAAqB,KAAA;AAAA"}

package/dist/dev/ui/playback-rate-menu/playback-rate-menu-trigger-element.js

@@ -0,0 +1,86 @@
+import { playerContext } from "../../player/context.js";
+import { MediaElement } from "../media-element.js";
+import { PlayerController } from "../../player/player-controller.js";
+import { applyElementProps, applyStateDataAttrs, logMissingFeature, selectPlaybackRate } from "@videojs/core/dom";
+import { PlaybackRateMenuCore, PlaybackRateMenuDataAttrs } from "@videojs/core";
+//#region src/ui/playback-rate-menu/playback-rate-menu-trigger-element.ts
+var PlaybackRateMenuTriggerElement = class extends MediaElement {
+	constructor(..._args) {
+		super(..._args);
+		this.label = "";
+		this.disabled = false;
+		this.commandfor = void 0;
+		this.formatRate = PlaybackRateMenuCore.defaultProps.formatRate;
+		this.#core = new PlaybackRateMenuCore();
+		this.#mediaState = new PlayerController(this, playerContext, selectPlaybackRate);
+		this.#disconnect = null;
+		this.#handleClick = (event) => {
+			if (this.#mediaState.value && !this.#core.state.current.disabled) return;
+			event.preventDefault();
+			event.stopImmediatePropagation();
+		};
+		this.#handleKeyDown = (event) => {
+			if (event.target !== event.currentTarget) return;
+			if (!this.#mediaState.value || this.#core.state.current.disabled) {
+				if (event.key !== "Tab") event.preventDefault();
+				return;
+			}
+			if (event.key === "Enter" || event.key === " ") {
+				event.preventDefault();
+				this.click();
+			}
+		};
+	}
+	static {
+		this.tagName = "media-playback-rate-menu-trigger";
+	}
+	static {
+		this.properties = {
+			label: { type: String },
+			disabled: { type: Boolean },
+			commandfor: { type: String }
+		};
+	}
+	#core;
+	#mediaState;
+	#disconnect;
+	connectedCallback() {
+		super.connectedCallback();
+		if (this.destroyed) return;
+		this.#disconnect = new AbortController();
+		applyElementProps(this, {
+			onClick: this.#handleClick,
+			onKeyDown: this.#handleKeyDown
+		}, { signal: this.#disconnect.signal });
+		if (!this.#mediaState.value && this.#mediaState.displayName) logMissingFeature(this.localName, this.#mediaState.displayName);
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback();
+		this.#disconnect?.abort();
+		this.#disconnect = null;
+	}
+	/** Returns the trigger's current label derived from media state. */
+	getLabel() {
+		return this.#core.state.current.label || void 0;
+	}
+	update(changed) {
+		super.update(changed);
+		const media = this.#mediaState.value;
+		if (!media) return;
+		this.#core.setProps(this);
+		this.#core.setMedia(media);
+		const state = this.#core.getState();
+		applyElementProps(this, {
+			role: "button",
+			tabIndex: 0,
+			...this.#core.getAttrs(state)
+		});
+		applyStateDataAttrs(this, state, PlaybackRateMenuDataAttrs);
+	}
+	#handleClick;
+	#handleKeyDown;
+};
+//#endregion
+export { PlaybackRateMenuTriggerElement };
+
+//# sourceMappingURL=playback-rate-menu-trigger-element.js.map

package/dist/dev/ui/playback-rate-menu/playback-rate-menu-trigger-element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"playback-rate-menu-trigger-element.js","names":["#mediaState","#core","#disconnect","#handleClick","#handleKeyDown"],"sources":["../../../../src/ui/playback-rate-menu/playback-rate-menu-trigger-element.ts"],"sourcesContent":["import { PlaybackRateMenuCore, PlaybackRateMenuDataAttrs } from '@videojs/core';\nimport { applyElementProps, applyStateDataAttrs, logMissingFeature, selectPlaybackRate } from '@videojs/core/dom';\nimport type { PropertyDeclarationMap, PropertyValues } from '@videojs/element';\n\nimport { playerContext } from '../../player/context';\nimport { PlayerController } from '../../player/player-controller';\nimport { MediaElement } from '../media-element';\n\nexport class PlaybackRateMenuTriggerElement extends MediaElement {\n  static readonly tagName = 'media-playback-rate-menu-trigger';\n\n  static override properties = {\n    label: { type: String },\n    disabled: { type: Boolean },\n    commandfor: { type: String },\n  } satisfies PropertyDeclarationMap<'label' | 'disabled' | 'commandfor'>;\n\n  label = '';\n  disabled = false;\n  commandfor: string | undefined = undefined;\n  formatRate = PlaybackRateMenuCore.defaultProps.formatRate;\n\n  readonly #core = new PlaybackRateMenuCore();\n  readonly #mediaState = new PlayerController(this, playerContext, selectPlaybackRate);\n\n  #disconnect: AbortController | null = null;\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    if (this.destroyed) return;\n\n    this.#disconnect = new AbortController();\n    applyElementProps(\n      this,\n      {\n        onClick: this.#handleClick,\n        onKeyDown: this.#handleKeyDown,\n      },\n      { signal: this.#disconnect.signal }\n    );\n\n    if (__DEV__ && !this.#mediaState.value && this.#mediaState.displayName) {\n      logMissingFeature(this.localName, this.#mediaState.displayName);\n    }\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.#disconnect?.abort();\n    this.#disconnect = null;\n  }\n\n  /** Returns the trigger's current label derived from media state. */\n  getLabel(): string | undefined {\n    return this.#core.state.current.label || undefined;\n  }\n\n  protected override update(changed: PropertyValues): void {\n    super.update(changed);\n\n    const media = this.#mediaState.value;\n    if (!media) return;\n\n    this.#core.setProps(this);\n    this.#core.setMedia(media);\n    const state = this.#core.getState();\n\n    applyElementProps(this, {\n      role: 'button',\n      tabIndex: 0,\n      ...this.#core.getAttrs(state),\n    });\n    applyStateDataAttrs(this, state, PlaybackRateMenuDataAttrs);\n  }\n\n  #handleClick = (event: MouseEvent): void => {\n    if (this.#mediaState.value && !this.#core.state.current.disabled) return;\n\n    event.preventDefault();\n    event.stopImmediatePropagation();\n  };\n\n  #handleKeyDown = (event: KeyboardEvent): void => {\n    if (event.target !== event.currentTarget) return;\n\n    if (!this.#mediaState.value || this.#core.state.current.disabled) {\n      if (event.key !== 'Tab') event.preventDefault();\n      return;\n    }\n\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      this.click();\n    }\n  };\n}\n\nexport namespace PlaybackRateMenuTriggerElement {\n  export type State = PlaybackRateMenuCore.State;\n}\n"],"mappings":";;;;;;AAQA,IAAa,iCAAb,cAAoD,aAAa;;;eASvD;kBACG;oBACsB,KAAA;oBACpB,qBAAqB,aAAa;eAE9B,IAAI,sBAAsB;qBACpB,IAAI,iBAAiB,MAAM,eAAe,mBAAmB;qBAE9C;uBAkDtB,UAA4B;AAC1C,OAAI,MAAA,WAAiB,SAAS,CAAC,MAAA,KAAW,MAAM,QAAQ,SAAU;AAElE,SAAM,gBAAgB;AACtB,SAAM,0BAA0B;;yBAGhB,UAA+B;AAC/C,OAAI,MAAM,WAAW,MAAM,cAAe;AAE1C,OAAI,CAAC,MAAA,WAAiB,SAAS,MAAA,KAAW,MAAM,QAAQ,UAAU;AAChE,QAAI,MAAM,QAAQ,MAAO,OAAM,gBAAgB;AAC/C;;AAGF,OAAI,MAAM,QAAQ,WAAW,MAAM,QAAQ,KAAK;AAC9C,UAAM,gBAAgB;AACtB,SAAK,OAAO;;;;;iBAnFU;;;oBAEG;GAC3B,OAAO,EAAE,MAAM,QAAQ;GACvB,UAAU,EAAE,MAAM,SAAS;GAC3B,YAAY,EAAE,MAAM,QAAQ;GAC7B;;CAOD;CACA;CAEA;CAEA,oBAAmC;AACjC,QAAM,mBAAmB;AACzB,MAAI,KAAK,UAAW;AAEpB,QAAA,aAAmB,IAAI,iBAAiB;AACxC,oBACE,MACA;GACE,SAAS,MAAA;GACT,WAAW,MAAA;GACZ,EACD,EAAE,QAAQ,MAAA,WAAiB,QAAQ,CACpC;AAED,MAAe,CAAC,MAAA,WAAiB,SAAS,MAAA,WAAiB,YACzD,mBAAkB,KAAK,WAAW,MAAA,WAAiB,YAAY;;CAInE,uBAAsC;AACpC,QAAM,sBAAsB;AAC5B,QAAA,YAAkB,OAAO;AACzB,QAAA,aAAmB;;;CAIrB,WAA+B;AAC7B,SAAO,MAAA,KAAW,MAAM,QAAQ,SAAS,KAAA;;CAG3C,OAA0B,SAA+B;AACvD,QAAM,OAAO,QAAQ;EAErB,MAAM,QAAQ,MAAA,WAAiB;AAC/B,MAAI,CAAC,MAAO;AAEZ,QAAA,KAAW,SAAS,KAAK;AACzB,QAAA,KAAW,SAAS,MAAM;EAC1B,MAAM,QAAQ,MAAA,KAAW,UAAU;AAEnC,oBAAkB,MAAM;GACtB,MAAM;GACN,UAAU;GACV,GAAG,MAAA,KAAW,SAAS,MAAM;GAC9B,CAAC;AACF,sBAAoB,MAAM,OAAO,0BAA0B;;CAG7D;CAOA"}

package/dist/dev/ui/playback-rate-menu/playback-rate-options-element.d.ts

@@ -0,0 +1,31 @@
+import { MenuRadioGroupElement } from "../menu/menu-radio-group-element.js";
+import { PropertyValues } from "@videojs/element";
+import { PlaybackRateMenuCore } from "@videojs/core";
+
+//#region src/ui/playback-rate-menu/playback-rate-options-element.d.ts
+declare class PlaybackRateOptionsElement extends MenuRadioGroupElement {
+  #private;
+  static readonly tagName = "media-playback-rate-options";
+  static properties: {
+    value: {
+      type: StringConstructor;
+    };
+    label: {
+      type: StringConstructor;
+    };
+    disabled: {
+      type: BooleanConstructor;
+    };
+  };
+  disabled: boolean;
+  formatRate: (rate: number) => string;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
+  protected update(changed: PropertyValues): void;
+}
+declare namespace PlaybackRateOptionsElement {
+  type State = PlaybackRateMenuCore.State;
+}
+//#endregion
+export { PlaybackRateOptionsElement };
+//# sourceMappingURL=playback-rate-options-element.d.ts.map

package/dist/dev/ui/playback-rate-menu/playback-rate-options-element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"playback-rate-options-element.d.ts","names":[],"sources":["../../../../src/ui/playback-rate-menu/playback-rate-options-element.ts"],"mappings":";;;;;cAUa,0BAAA,SAAmC,qBAAA;EAAA;kBACrB,OAAA;EAAA,OAET,UAAA;;;;;;;;MAEF,IAAA,EAAI,kBAAA;IAAA;EAAA;EAGlB,QAAA;EACA,UAAA,GAAU,IAAA;EAQD,iBAAA,CAAA;EAYA,oBAAA,CAAA;EAAA,UAMU,MAAA,CAAO,OAAA,EAAS,cAAA;AAAA;AAAA,kBAmGpB,0BAAA;EAAA,KACH,KAAA,GAAQ,oBAAA,CAAqB,KAAA;AAAA"}