@videojs/html 10.0.0-beta.9 → 10.0.0-rc.2

package/dist/dev/skins/dist/default/minimal/tailwind/components/seek.js

@@ -1,11 +0,0 @@
-//#region ../skins/dist/default/minimal/tailwind/components/seek.js
-const seek = {
-	button: "@max-md/media-controls:hidden",
-	label: "text-[10px] font-[480] tabular-nums",
-	labelForward: "absolute -right-px -bottom-0.75",
-	labelBackward: "absolute -left-px -bottom-0.75"
-};
-
-//#endregion
-export { seek };
-//# sourceMappingURL=seek.js.map

package/dist/dev/skins/dist/default/minimal/tailwind/components/seek.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"seek.js","names":[],"sources":["../../../../../../../../../skins/dist/default/minimal/tailwind/components/seek.js"],"sourcesContent":["//#region src/minimal/tailwind/components/seek.ts\nconst seek = {\n\tbutton: \"@max-md/media-controls:hidden\",\n\tlabel: \"text-[10px] font-[480] tabular-nums\",\n\tlabelForward: \"absolute -right-px -bottom-0.75\",\n\tlabelBackward: \"absolute -left-px -bottom-0.75\"\n};\n\n//#endregion\nexport { seek };\n//# sourceMappingURL=seek.js.map"],"mappings":";AACA,MAAM,OAAO;CACZ,QAAQ;CACR,OAAO;CACP,cAAc;CACd,eAAe;CACf"}

package/dist/dev/skins/dist/default/minimal/tailwind/components/slider.js

@@ -1,20 +0,0 @@
-import { cn } from "@videojs/utils/style";
-
-//#region ../skins/dist/default/minimal/tailwind/components/slider.js
-const slider = {
-	root: cn("group/slider relative flex flex-1 items-center justify-center rounded-full outline-none cursor-pointer", "data-[orientation=horizontal]:min-w-20 data-[orientation=horizontal]:w-full data-[orientation=horizontal]:h-5", "data-[orientation=vertical]:w-5 data-[orientation=vertical]:h-[4.5rem]"),
-	track: cn("relative isolate overflow-hidden bg-current/20 rounded-[inherit] select-none", "data-[orientation=horizontal]:w-full data-[orientation=horizontal]:h-0.75", "data-[orientation=vertical]:w-0.75 data-[orientation=vertical]:h-full"),
-	fill: {
-		base: "absolute rounded-[inherit] pointer-events-none",
-		fill: cn("bg-current", "data-[orientation=horizontal]:inset-y-0 data-[orientation=horizontal]:left-0", "data-[orientation=horizontal]:w-(--media-slider-fill,0)", "data-[orientation=vertical]:inset-x-0 data-[orientation=vertical]:bottom-0", "data-[orientation=vertical]:h-(--media-slider-fill,0)"),
-		buffer: cn("bg-current/20 duration-250 ease-out", "data-[orientation=horizontal]:inset-y-0 data-[orientation=horizontal]:left-0", "data-[orientation=horizontal]:transition-[width] data-[orientation=horizontal]:w-(--media-slider-buffer,0)", "data-[orientation=vertical]:inset-x-0 data-[orientation=vertical]:bottom-0", "data-[orientation=vertical]:transition-[height] data-[orientation=vertical]:h-(--media-slider-buffer)")
-	},
-	thumb: {
-		base: cn("z-10 absolute size-3 -translate-x-1/2 -translate-y-1/2", "bg-current rounded-full", "shadow-[0_0_0_1px_var(--media-controls-current-shadow-color-subtle,oklch(0_0_0/0.1)),0_1px_3px_0_oklch(0_0_0/0.15),0_1px_2px_-1px_oklch(0_0_0/0.15)]", "transition-[opacity,scale,outline-offset] duration-150 ease-out select-none", "outline-2 outline-transparent -outline-offset-2", "focus-visible:outline-current focus-visible:outline-offset-2", "data-[orientation=horizontal]:top-1/2 data-[orientation=horizontal]:left-(--media-slider-fill,0)", "data-[orientation=vertical]:left-1/2 data-[orientation=vertical]:top-[calc(100%-var(--media-slider-fill,0))]"),
-		interactive: cn("opacity-0 scale-70 origin-center", "group-hover/slider:opacity-100 group-hover/slider:scale-100", "group-focus-within/slider:opacity-100 group-focus-within/slider:scale-100")
-	}
-};
-
-//#endregion
-export { slider };
-//# sourceMappingURL=slider.js.map

package/dist/dev/skins/dist/default/minimal/tailwind/components/slider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"slider.js","names":[],"sources":["../../../../../../../../../skins/dist/default/minimal/tailwind/components/slider.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n\n//#region src/minimal/tailwind/components/slider.ts\nconst slider = {\n\troot: cn(\"group/slider relative flex flex-1 items-center justify-center rounded-full outline-none cursor-pointer\", \"data-[orientation=horizontal]:min-w-20 data-[orientation=horizontal]:w-full data-[orientation=horizontal]:h-5\", \"data-[orientation=vertical]:w-5 data-[orientation=vertical]:h-[4.5rem]\"),\n\ttrack: cn(\"relative isolate overflow-hidden bg-current/20 rounded-[inherit] select-none\", \"data-[orientation=horizontal]:w-full data-[orientation=horizontal]:h-0.75\", \"data-[orientation=vertical]:w-0.75 data-[orientation=vertical]:h-full\"),\n\tfill: {\n\t\tbase: \"absolute rounded-[inherit] pointer-events-none\",\n\t\tfill: cn(\"bg-current\", \"data-[orientation=horizontal]:inset-y-0 data-[orientation=horizontal]:left-0\", \"data-[orientation=horizontal]:w-(--media-slider-fill,0)\", \"data-[orientation=vertical]:inset-x-0 data-[orientation=vertical]:bottom-0\", \"data-[orientation=vertical]:h-(--media-slider-fill,0)\"),\n\t\tbuffer: cn(\"bg-current/20 duration-250 ease-out\", \"data-[orientation=horizontal]:inset-y-0 data-[orientation=horizontal]:left-0\", \"data-[orientation=horizontal]:transition-[width] data-[orientation=horizontal]:w-(--media-slider-buffer,0)\", \"data-[orientation=vertical]:inset-x-0 data-[orientation=vertical]:bottom-0\", \"data-[orientation=vertical]:transition-[height] data-[orientation=vertical]:h-(--media-slider-buffer)\")\n\t},\n\tthumb: {\n\t\tbase: cn(\"z-10 absolute size-3 -translate-x-1/2 -translate-y-1/2\", \"bg-current rounded-full\", \"shadow-[0_0_0_1px_var(--media-controls-current-shadow-color-subtle,oklch(0_0_0/0.1)),0_1px_3px_0_oklch(0_0_0/0.15),0_1px_2px_-1px_oklch(0_0_0/0.15)]\", \"transition-[opacity,scale,outline-offset] duration-150 ease-out select-none\", \"outline-2 outline-transparent -outline-offset-2\", \"focus-visible:outline-current focus-visible:outline-offset-2\", \"data-[orientation=horizontal]:top-1/2 data-[orientation=horizontal]:left-(--media-slider-fill,0)\", \"data-[orientation=vertical]:left-1/2 data-[orientation=vertical]:top-[calc(100%-var(--media-slider-fill,0))]\"),\n\t\tinteractive: cn(\"opacity-0 scale-70 origin-center\", \"group-hover/slider:opacity-100 group-hover/slider:scale-100\", \"group-focus-within/slider:opacity-100 group-focus-within/slider:scale-100\")\n\t}\n};\n\n//#endregion\nexport { slider };\n//# sourceMappingURL=slider.js.map"],"mappings":";;;AAGA,MAAM,SAAS;CACd,MAAM,GAAG,0GAA0G,iHAAiH,yEAAyE;CAC7S,OAAO,GAAG,gFAAgF,6EAA6E,wEAAwE;CAC/O,MAAM;EACL,MAAM;EACN,MAAM,GAAG,cAAc,gFAAgF,2DAA2D,8EAA8E,wDAAwD;EACxS,QAAQ,GAAG,uCAAuC,gFAAgF,8GAA8G,8EAA8E,wGAAwG;EACta;CACD,OAAO;EACN,MAAM,GAAG,0DAA0D,2BAA2B,wJAAwJ,+EAA+E,mDAAmD,gEAAgE,oGAAoG,+GAA+G;EAC3oB,aAAa,GAAG,oCAAoC,+DAA+D,4EAA4E;EAC/L;CACD"}

package/dist/dev/skins/dist/default/minimal/tailwind/components/time.js

@@ -1,14 +0,0 @@
-import { cn } from "@videojs/utils/style";
-
-//#region ../skins/dist/default/minimal/tailwind/components/time.js
-const time = {
-	group: "flex items-center gap-1",
-	current: cn("hidden tabular-nums", "@md/media-controls:inline"),
-	separator: cn("hidden", "@md/media-controls:inline @md/media-controls:text-current/60"),
-	duration: cn("tabular-nums", "@md/media-controls:text-current/60"),
-	controls: cn("flex flex-row-reverse items-center flex-1 gap-3", "@md/media-controls:flex-row")
-};
-
-//#endregion
-export { time };
-//# sourceMappingURL=time.js.map

package/dist/dev/skins/dist/default/minimal/tailwind/components/time.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"time.js","names":[],"sources":["../../../../../../../../../skins/dist/default/minimal/tailwind/components/time.js"],"sourcesContent":["import { cn } from \"@videojs/utils/style\";\n\n//#region src/minimal/tailwind/components/time.ts\nconst time = {\n\tgroup: \"flex items-center gap-1\",\n\tcurrent: cn(\"hidden tabular-nums\", \"@md/media-controls:inline\"),\n\tseparator: cn(\"hidden\", \"@md/media-controls:inline @md/media-controls:text-current/60\"),\n\tduration: cn(\"tabular-nums\", \"@md/media-controls:text-current/60\"),\n\tcontrols: cn(\"flex flex-row-reverse items-center flex-1 gap-3\", \"@md/media-controls:flex-row\")\n};\n\n//#endregion\nexport { time };\n//# sourceMappingURL=time.js.map"],"mappings":";;;AAGA,MAAM,OAAO;CACZ,OAAO;CACP,SAAS,GAAG,uBAAuB,4BAA4B;CAC/D,WAAW,GAAG,UAAU,+DAA+D;CACvF,UAAU,GAAG,gBAAgB,qCAAqC;CAClE,UAAU,GAAG,mDAAmD,8BAA8B;CAC9F"}

package/dist/dev/skins/dist/default/minimal/tailwind/video.tailwind.js

@@ -1,61 +0,0 @@
-import { controls as controls$1 } from "./components/controls.js";
-import { error as error$1 } from "./components/error.js";
-import { popup as popup$1 } from "./components/popup.js";
-import { root as root$1 } from "./components/root.js";
-import { iconState } from "../../shared/tailwind/icon-state.js";
-import { tooltipState } from "../../shared/tailwind/tooltip-state.js";
-import { bufferingIndicator } from "./components/buffering.js";
-import { button } from "./components/button.js";
-import { buttonGroup } from "./components/button-group.js";
-import { icon, iconContainer, iconFlipped } from "./components/icon.js";
-import { seek } from "./components/seek.js";
-import { slider as slider$1 } from "./components/slider.js";
-import { time } from "./components/time.js";
-import { preview as preview$1 } from "./components/preview.js";
-import { overlay } from "./components/overlay.js";
-import { playbackRate } from "./components/playback-rate.js";
-import { poster } from "./components/poster.js";
-import { cn } from "@videojs/utils/style";
-
-//#region ../skins/dist/default/minimal/tailwind/video.tailwind.js
-const root = (isShadowDOM) => cn(root$1, "bg-black overflow-clip", "after:absolute after:pointer-events-none after:rounded-[inherit] after:z-10", "after:inset-0 after:ring-1 after:ring-inset after:ring-black/15 dark:after:ring-white/15", {
-	"[&_::slotted(video)]:block [&_::slotted(video)]:w-full [&_::slotted(video)]:h-full [&_::slotted(video)]:rounded-(--media-video-border-radius) [&_::slotted(video)]:[object-fit:var(--media-object-fit,cover)] [&_::slotted(video)]:[object-position:var(--media-object-position,center)]": isShadowDOM,
-	"[&_video]:block [&_video]:w-full [&_video]:h-full [&_video]:rounded-[inherit] [&_video]:[object-fit:var(--media-object-fit,contain)] [&_video]:[object-position:var(--media-object-position,center)]": !isShadowDOM
-}, "[--media-video-border-radius:var(--media-border-radius,0.75rem)]", "[--media-controls-padding:0.375rem]", "[--media-controls-transition-duration:100ms]", "[--media-controls-transition-delay:0ms]", "[--media-controls-transition-timing-function:ease-out]", "[--media-error-dialog-transition-duration:250ms]", "[--media-error-dialog-transition-delay:100ms]", "[--media-error-dialog-transition-timing-function:ease-out]", "[--media-popup-transition-duration:100ms]", "[--media-popup-transition-timing-function:ease-out]", "motion-reduce:[--media-error-dialog-transition-duration:50ms]", "motion-reduce:[--media-error-dialog-transition-delay:0ms]", "motion-reduce:[--media-popup-transition-duration:0ms]", "[@media(pointer:fine)]:has-[[data-controls]:not([data-visible])]:[--media-controls-transition-delay:500ms]", "[@media(pointer:fine)]:has-[[data-controls]:not([data-visible])]:[--media-controls-transition-duration:300ms]", "[@media(pointer:coarse)]:has-[[data-controls]:not([data-visible])]:[--media-controls-transition-duration:150ms]", "motion-reduce:has-[[data-controls]:not([data-visible])]:[--media-controls-transition-duration:50ms]", "[--media-caption-track-y:-0.5rem]", "[--media-caption-track-delay:calc(var(--media-controls-transition-delay)_+_25ms)]", "[--media-caption-track-duration:var(--media-controls-transition-duration)]", "has-[[data-controls][data-visible]]:[--media-caption-track-y:-3rem]", !isShadowDOM ? [
-	"[&_video::-webkit-media-text-track-container]:transition-[translate]",
-	"[&_video::-webkit-media-text-track-container]:duration-(--media-caption-track-duration)",
-	"[&_video::-webkit-media-text-track-container]:ease-out",
-	"[&_video::-webkit-media-text-track-container]:delay-(--media-caption-track-delay)",
-	"[&_video::-webkit-media-text-track-container]:translate-y-(--media-caption-track-y)",
-	"[&_video::-webkit-media-text-track-container]:scale-98",
-	"[&_video::-webkit-media-text-track-container]:z-1",
-	"[&_video::-webkit-media-text-track-container]:font-[inherit]"
-] : [], "[&:fullscreen]:[--media-border-radius:0]", {
-	"[&:fullscreen_video]:object-contain": !isShadowDOM,
-	"[&:fullscreen_::slotted(video)]:object-contain": isShadowDOM
-});
-const controls = cn(controls$1, "absolute bottom-0 inset-x-0", "pt-8 px-(--media-controls-padding) pb-(--media-controls-padding) gap-2", "[color:var(--media-color-primary,oklch(1_0_0))] z-10", "peer-data-open/error:hidden", "ease-(--media-controls-transition-timing-function)", "duration-(--media-controls-transition-duration)", "delay-(--media-controls-transition-delay)", "[@media(pointer:fine)]:will-change-[translate,filter,opacity]", "[@media(pointer:fine)]:transition-[translate,filter,opacity]", "[@media(pointer:coarse)]:will-change-[translate,opacity]", "[@media(pointer:coarse)]:transition-[translate,opacity]", "not-data-visible:opacity-0 not-data-visible:pointer-events-none", "motion-safe:not-data-visible:translate-y-full", "[@media(pointer:fine)]:motion-safe:not-data-visible:blur-sm", "@sm/media-root:pt-10 @sm/media-root:px-3 @sm/media-root:pb-3", "@sm/media-root:gap-3.5");
-const error = {
-	...error$1,
-	root: cn(error$1.root, "pointer-events-none outline-none"),
-	dialog: cn(error$1.dialog, "pointer-events-auto"),
-	title: cn(error$1.title, "text-lg")
-};
-const preview = {
-	...preview$1,
-	root: cn("absolute left-(--media-slider-pointer) bottom-[calc(100%+0.5rem)] -translate-x-1/2", "opacity-0 scale-80 blur-sm origin-bottom", "transition-[scale,opacity,filter] duration-150", "group-data-pointing/slider:opacity-100 group-data-pointing/slider:scale-100 group-data-pointing/slider:blur-none", "[&:has([role=img][data-hidden])]:opacity-0 [&:has([role=img][data-hidden])]:scale-80 [&:has([role=img][data-hidden])]:blur-sm", "[&:has([role=img][data-loading])]:max-h-24", preview$1.root),
-	thumbnailWrapper: cn(preview$1.thumbnailWrapper, "after:absolute after:inset-0 after:rounded-[inherit]", "after:ring-1 after:ring-black/5 after:shadow-sm after:shadow-black/20"),
-	thumbnail: cn(preview$1.thumbnail, "max-w-44")
-};
-const slider = {
-	...slider$1,
-	track: cn(slider$1.track, "ring-1 ring-black/5")
-};
-const popup = {
-	...popup$1,
-	volume: cn(popup$1.popover, "[--media-popover-side-offset:0.5rem] p-1 bg-transparent")
-};
-
-//#endregion
-export { controls, popup, preview, root, slider };
-//# sourceMappingURL=video.tailwind.js.map

package/dist/dev/skins/dist/default/minimal/tailwind/video.tailwind.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"video.tailwind.js","names":[],"sources":["../../../../../../../../skins/dist/default/minimal/tailwind/video.tailwind.js"],"sourcesContent":["import { controls as controls$1 } from \"./components/controls.js\";\nimport { error as error$1 } from \"./components/error.js\";\nimport { popup as popup$1 } from \"./components/popup.js\";\nimport { root as root$1 } from \"./components/root.js\";\nimport { iconState } from \"../../shared/tailwind/icon-state.js\";\nimport { tooltipState } from \"../../shared/tailwind/tooltip-state.js\";\nimport { bufferingIndicator } from \"./components/buffering.js\";\nimport { button } from \"./components/button.js\";\nimport { buttonGroup } from \"./components/button-group.js\";\nimport { icon, iconContainer, iconFlipped, iconHidden } from \"./components/icon.js\";\nimport { seek } from \"./components/seek.js\";\nimport { slider as slider$1 } from \"./components/slider.js\";\nimport { time } from \"./components/time.js\";\nimport { preview as preview$1 } from \"./components/preview.js\";\nimport { overlay } from \"./components/overlay.js\";\nimport { playbackRate } from \"./components/playback-rate.js\";\nimport { poster } from \"./components/poster.js\";\nimport { cn } from \"@videojs/utils/style\";\n\n//#region src/minimal/tailwind/video.tailwind.ts\nconst root = (isShadowDOM) => cn(root$1, \"bg-black overflow-clip\", \"after:absolute after:pointer-events-none after:rounded-[inherit] after:z-10\", \"after:inset-0 after:ring-1 after:ring-inset after:ring-black/15 dark:after:ring-white/15\", {\n\t\"[&_::slotted(video)]:block [&_::slotted(video)]:w-full [&_::slotted(video)]:h-full [&_::slotted(video)]:rounded-(--media-video-border-radius) [&_::slotted(video)]:[object-fit:var(--media-object-fit,cover)] [&_::slotted(video)]:[object-position:var(--media-object-position,center)]\": isShadowDOM,\n\t\"[&_video]:block [&_video]:w-full [&_video]:h-full [&_video]:rounded-[inherit] [&_video]:[object-fit:var(--media-object-fit,contain)] [&_video]:[object-position:var(--media-object-position,center)]\": !isShadowDOM\n}, \"[--media-video-border-radius:var(--media-border-radius,0.75rem)]\", \"[--media-controls-padding:0.375rem]\", \"[--media-controls-transition-duration:100ms]\", \"[--media-controls-transition-delay:0ms]\", \"[--media-controls-transition-timing-function:ease-out]\", \"[--media-error-dialog-transition-duration:250ms]\", \"[--media-error-dialog-transition-delay:100ms]\", \"[--media-error-dialog-transition-timing-function:ease-out]\", \"[--media-popup-transition-duration:100ms]\", \"[--media-popup-transition-timing-function:ease-out]\", \"motion-reduce:[--media-error-dialog-transition-duration:50ms]\", \"motion-reduce:[--media-error-dialog-transition-delay:0ms]\", \"motion-reduce:[--media-popup-transition-duration:0ms]\", \"[@media(pointer:fine)]:has-[[data-controls]:not([data-visible])]:[--media-controls-transition-delay:500ms]\", \"[@media(pointer:fine)]:has-[[data-controls]:not([data-visible])]:[--media-controls-transition-duration:300ms]\", \"[@media(pointer:coarse)]:has-[[data-controls]:not([data-visible])]:[--media-controls-transition-duration:150ms]\", \"motion-reduce:has-[[data-controls]:not([data-visible])]:[--media-controls-transition-duration:50ms]\", \"[--media-caption-track-y:-0.5rem]\", \"[--media-caption-track-delay:calc(var(--media-controls-transition-delay)_+_25ms)]\", \"[--media-caption-track-duration:var(--media-controls-transition-duration)]\", \"has-[[data-controls][data-visible]]:[--media-caption-track-y:-3rem]\", !isShadowDOM ? [\n\t\"[&_video::-webkit-media-text-track-container]:transition-[translate]\",\n\t\"[&_video::-webkit-media-text-track-container]:duration-(--media-caption-track-duration)\",\n\t\"[&_video::-webkit-media-text-track-container]:ease-out\",\n\t\"[&_video::-webkit-media-text-track-container]:delay-(--media-caption-track-delay)\",\n\t\"[&_video::-webkit-media-text-track-container]:translate-y-(--media-caption-track-y)\",\n\t\"[&_video::-webkit-media-text-track-container]:scale-98\",\n\t\"[&_video::-webkit-media-text-track-container]:z-1\",\n\t\"[&_video::-webkit-media-text-track-container]:font-[inherit]\"\n] : [], \"[&:fullscreen]:[--media-border-radius:0]\", {\n\t\"[&:fullscreen_video]:object-contain\": !isShadowDOM,\n\t\"[&:fullscreen_::slotted(video)]:object-contain\": isShadowDOM\n});\nconst controls = cn(controls$1, \"absolute bottom-0 inset-x-0\", \"pt-8 px-(--media-controls-padding) pb-(--media-controls-padding) gap-2\", \"[color:var(--media-color-primary,oklch(1_0_0))] z-10\", \"peer-data-open/error:hidden\", \"ease-(--media-controls-transition-timing-function)\", \"duration-(--media-controls-transition-duration)\", \"delay-(--media-controls-transition-delay)\", \"[@media(pointer:fine)]:will-change-[translate,filter,opacity]\", \"[@media(pointer:fine)]:transition-[translate,filter,opacity]\", \"[@media(pointer:coarse)]:will-change-[translate,opacity]\", \"[@media(pointer:coarse)]:transition-[translate,opacity]\", \"not-data-visible:opacity-0 not-data-visible:pointer-events-none\", \"motion-safe:not-data-visible:translate-y-full\", \"[@media(pointer:fine)]:motion-safe:not-data-visible:blur-sm\", \"@sm/media-root:pt-10 @sm/media-root:px-3 @sm/media-root:pb-3\", \"@sm/media-root:gap-3.5\");\nconst error = {\n\t...error$1,\n\troot: cn(error$1.root, \"pointer-events-none outline-none\"),\n\tdialog: cn(error$1.dialog, \"pointer-events-auto\"),\n\ttitle: cn(error$1.title, \"text-lg\")\n};\nconst preview = {\n\t...preview$1,\n\troot: cn(\"absolute left-(--media-slider-pointer) bottom-[calc(100%+0.5rem)] -translate-x-1/2\", \"opacity-0 scale-80 blur-sm origin-bottom\", \"transition-[scale,opacity,filter] duration-150\", \"group-data-pointing/slider:opacity-100 group-data-pointing/slider:scale-100 group-data-pointing/slider:blur-none\", \"[&:has([role=img][data-hidden])]:opacity-0 [&:has([role=img][data-hidden])]:scale-80 [&:has([role=img][data-hidden])]:blur-sm\", \"[&:has([role=img][data-loading])]:max-h-24\", preview$1.root),\n\tthumbnailWrapper: cn(preview$1.thumbnailWrapper, \"after:absolute after:inset-0 after:rounded-[inherit]\", \"after:ring-1 after:ring-black/5 after:shadow-sm after:shadow-black/20\"),\n\tthumbnail: cn(preview$1.thumbnail, \"max-w-44\")\n};\nconst slider = {\n\t...slider$1,\n\ttrack: cn(slider$1.track, \"ring-1 ring-black/5\")\n};\nconst popup = {\n\t...popup$1,\n\tvolume: cn(popup$1.popover, \"[--media-popover-side-offset:0.5rem] p-1 bg-transparent\")\n};\n\n//#endregion\nexport { bufferingIndicator, button, buttonGroup, controls, error, icon, iconContainer, iconFlipped, iconHidden, iconState, overlay, playbackRate, popup, poster, preview, root, seek, slider, time, tooltipState };\n//# sourceMappingURL=video.tailwind.js.map"],"mappings":";;;;;;;;;;;;;;;;;;;;AAoBA,MAAM,QAAQ,gBAAgB,GAAG,QAAQ,0BAA0B,+EAA+E,4FAA4F;CAC7O,4RAA4R;CAC5R,wMAAwM,CAAC;CACzM,EAAE,oEAAoE,uCAAuC,gDAAgD,2CAA2C,0DAA0D,oDAAoD,iDAAiD,8DAA8D,6CAA6C,uDAAuD,iEAAiE,6DAA6D,yDAAyD,8GAA8G,iHAAiH,mHAAmH,uGAAuG,qCAAqC,qFAAqF,8EAA8E,uEAAuE,CAAC,cAAc;CACv5C;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA,GAAG,EAAE,EAAE,4CAA4C;CACnD,uCAAuC,CAAC;CACxC,kDAAkD;CAClD,CAAC;AACF,MAAM,WAAW,GAAG,YAAY,+BAA+B,0EAA0E,wDAAwD,+BAA+B,sDAAsD,mDAAmD,6CAA6C,iEAAiE,gEAAgE,4DAA4D,2DAA2D,mEAAmE,iDAAiD,+DAA+D,gEAAgE,yBAAyB;AAC13B,MAAM,QAAQ;CACb,GAAG;CACH,MAAM,GAAG,QAAQ,MAAM,mCAAmC;CAC1D,QAAQ,GAAG,QAAQ,QAAQ,sBAAsB;CACjD,OAAO,GAAG,QAAQ,OAAO,UAAU;CACnC;AACD,MAAM,UAAU;CACf,GAAG;CACH,MAAM,GAAG,sFAAsF,4CAA4C,kDAAkD,oHAAoH,iIAAiI,8CAA8C,UAAU,KAAK;CAC/e,kBAAkB,GAAG,UAAU,kBAAkB,wDAAwD,wEAAwE;CACjL,WAAW,GAAG,UAAU,WAAW,WAAW;CAC9C;AACD,MAAM,SAAS;CACd,GAAG;CACH,OAAO,GAAG,SAAS,OAAO,sBAAsB;CAChD;AACD,MAAM,QAAQ;CACb,GAAG;CACH,QAAQ,GAAG,QAAQ,SAAS,0DAA0D;CACtF"}

package/dist/dev/skins/dist/default/shared/tailwind/icon-state.js

@@ -1,34 +0,0 @@
-//#region ../skins/dist/default/shared/tailwind/icon-state.js
-const iconState = {
-	play: {
-		button: "group",
-		restart: "hidden opacity-0 group-data-ended:block group-data-ended:opacity-100",
-		play: "hidden opacity-0 group-not-data-ended:group-data-paused:block group-not-data-ended:group-data-paused:opacity-100",
-		pause: "hidden opacity-0 group-not-data-paused:group-not-data-ended:block group-not-data-paused:group-not-data-ended:opacity-100"
-	},
-	mute: {
-		button: "group",
-		volumeOff: "hidden opacity-0 group-data-muted:block group-data-muted:opacity-100",
-		volumeLow: "hidden opacity-0 group-not-data-muted:group-data-[volume-level=low]:block group-not-data-muted:group-data-[volume-level=low]:opacity-100",
-		volumeHigh: "hidden opacity-0 group-not-data-muted:group-not-data-[volume-level=low]:block group-not-data-muted:group-not-data-[volume-level=low]:opacity-100"
-	},
-	fullscreen: {
-		button: "group",
-		enter: "hidden opacity-0 group-not-data-fullscreen:block group-not-data-fullscreen:opacity-100",
-		exit: "hidden opacity-0 group-data-fullscreen:block group-data-fullscreen:opacity-100"
-	},
-	captions: {
-		button: "group",
-		off: "hidden opacity-0 group-not-data-active:block group-not-data-active:opacity-100",
-		on: "hidden opacity-0 group-data-active:block group-data-active:opacity-100"
-	},
-	pip: {
-		button: "group",
-		off: "hidden opacity-0 group-not-data-pip:block group-not-data-pip:opacity-100",
-		on: "hidden opacity-0 group-data-pip:block group-data-pip:opacity-100"
-	}
-};
-
-//#endregion
-export { iconState };
-//# sourceMappingURL=icon-state.js.map

package/dist/dev/skins/dist/default/shared/tailwind/icon-state.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"icon-state.js","names":[],"sources":["../../../../../../../../skins/dist/default/shared/tailwind/icon-state.js"],"sourcesContent":["//#region src/shared/tailwind/icon-state.ts\nconst iconState = {\n\tplay: {\n\t\tbutton: \"group\",\n\t\trestart: \"hidden opacity-0 group-data-ended:block group-data-ended:opacity-100\",\n\t\tplay: \"hidden opacity-0 group-not-data-ended:group-data-paused:block group-not-data-ended:group-data-paused:opacity-100\",\n\t\tpause: \"hidden opacity-0 group-not-data-paused:group-not-data-ended:block group-not-data-paused:group-not-data-ended:opacity-100\"\n\t},\n\tmute: {\n\t\tbutton: \"group\",\n\t\tvolumeOff: \"hidden opacity-0 group-data-muted:block group-data-muted:opacity-100\",\n\t\tvolumeLow: \"hidden opacity-0 group-not-data-muted:group-data-[volume-level=low]:block group-not-data-muted:group-data-[volume-level=low]:opacity-100\",\n\t\tvolumeHigh: \"hidden opacity-0 group-not-data-muted:group-not-data-[volume-level=low]:block group-not-data-muted:group-not-data-[volume-level=low]:opacity-100\"\n\t},\n\tfullscreen: {\n\t\tbutton: \"group\",\n\t\tenter: \"hidden opacity-0 group-not-data-fullscreen:block group-not-data-fullscreen:opacity-100\",\n\t\texit: \"hidden opacity-0 group-data-fullscreen:block group-data-fullscreen:opacity-100\"\n\t},\n\tcaptions: {\n\t\tbutton: \"group\",\n\t\toff: \"hidden opacity-0 group-not-data-active:block group-not-data-active:opacity-100\",\n\t\ton: \"hidden opacity-0 group-data-active:block group-data-active:opacity-100\"\n\t},\n\tpip: {\n\t\tbutton: \"group\",\n\t\toff: \"hidden opacity-0 group-not-data-pip:block group-not-data-pip:opacity-100\",\n\t\ton: \"hidden opacity-0 group-data-pip:block group-data-pip:opacity-100\"\n\t}\n};\n\n//#endregion\nexport { iconState };\n//# sourceMappingURL=icon-state.js.map"],"mappings":";AACA,MAAM,YAAY;CACjB,MAAM;EACL,QAAQ;EACR,SAAS;EACT,MAAM;EACN,OAAO;EACP;CACD,MAAM;EACL,QAAQ;EACR,WAAW;EACX,WAAW;EACX,YAAY;EACZ;CACD,YAAY;EACX,QAAQ;EACR,OAAO;EACP,MAAM;EACN;CACD,UAAU;EACT,QAAQ;EACR,KAAK;EACL,IAAI;EACJ;CACD,KAAK;EACJ,QAAQ;EACR,KAAK;EACL,IAAI;EACJ;CACD"}

package/dist/dev/skins/dist/default/shared/tailwind/tooltip-state.js

@@ -1,28 +0,0 @@
-//#region ../skins/dist/default/shared/tailwind/tooltip-state.js
-const tooltipState = {
-	play: {
-		wrapper: "contents group/play-tip",
-		replay: "hidden group-has-data-ended/play-tip:block",
-		play: "hidden group-[:has([data-paused]):not(:has([data-ended]))]/play-tip:block",
-		pause: "hidden group-[:not(:has([data-paused])):not(:has([data-ended]))]/play-tip:block"
-	},
-	fullscreen: {
-		wrapper: "contents group/fullscreen-tip",
-		enter: "hidden group-[:not(:has([data-fullscreen]))]/fullscreen-tip:block",
-		exit: "hidden group-has-data-fullscreen/fullscreen-tip:block"
-	},
-	captions: {
-		wrapper: "contents group/captions-tip",
-		enable: "hidden group-[:not(:has([data-active]))]/captions-tip:block",
-		disable: "hidden group-has-data-active/captions-tip:block"
-	},
-	pip: {
-		wrapper: "contents group/pip-tip",
-		enter: "hidden group-[:not(:has([data-pip]))]/pip-tip:block",
-		exit: "hidden group-has-data-pip/pip-tip:block"
-	}
-};
-
-//#endregion
-export { tooltipState };
-//# sourceMappingURL=tooltip-state.js.map

package/dist/dev/skins/dist/default/shared/tailwind/tooltip-state.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tooltip-state.js","names":[],"sources":["../../../../../../../../skins/dist/default/shared/tailwind/tooltip-state.js"],"sourcesContent":["//#region src/shared/tailwind/tooltip-state.ts\nconst tooltipState = {\n\tplay: {\n\t\twrapper: \"contents group/play-tip\",\n\t\treplay: \"hidden group-has-data-ended/play-tip:block\",\n\t\tplay: \"hidden group-[:has([data-paused]):not(:has([data-ended]))]/play-tip:block\",\n\t\tpause: \"hidden group-[:not(:has([data-paused])):not(:has([data-ended]))]/play-tip:block\"\n\t},\n\tfullscreen: {\n\t\twrapper: \"contents group/fullscreen-tip\",\n\t\tenter: \"hidden group-[:not(:has([data-fullscreen]))]/fullscreen-tip:block\",\n\t\texit: \"hidden group-has-data-fullscreen/fullscreen-tip:block\"\n\t},\n\tcaptions: {\n\t\twrapper: \"contents group/captions-tip\",\n\t\tenable: \"hidden group-[:not(:has([data-active]))]/captions-tip:block\",\n\t\tdisable: \"hidden group-has-data-active/captions-tip:block\"\n\t},\n\tpip: {\n\t\twrapper: \"contents group/pip-tip\",\n\t\tenter: \"hidden group-[:not(:has([data-pip]))]/pip-tip:block\",\n\t\texit: \"hidden group-has-data-pip/pip-tip:block\"\n\t}\n};\n\n//#endregion\nexport { tooltipState };\n//# sourceMappingURL=tooltip-state.js.map"],"mappings":";AACA,MAAM,eAAe;CACpB,MAAM;EACL,SAAS;EACT,QAAQ;EACR,MAAM;EACN,OAAO;EACP;CACD,YAAY;EACX,SAAS;EACT,OAAO;EACP,MAAM;EACN;CACD,UAAU;EACT,SAAS;EACT,QAAQ;EACR,SAAS;EACT;CACD,KAAK;EACJ,SAAS;EACT,OAAO;EACP,MAAM;EACN;CACD"}

package/dist/dev/store/container-mixin.d.ts

@@ -1,21 +0,0 @@
-import { ContainerContext, PlayerContext } from "../player/context.js";
-import { MediaElementConstructor } from "../ui/media-element.js";
-import { PlayerConsumerConstructor } from "./types.js";
-import { PlayerStore } from "@videojs/core/dom";
-
-//#region src/store/container-mixin.d.ts
-interface ContainerMixinConfig<Store extends PlayerStore> {
-  playerContext: PlayerContext<Store>;
-  containerContext: ContainerContext;
-}
-type ContainerMixin<Store extends PlayerStore> = <Class extends MediaElementConstructor>(BaseClass: Class) => Class & PlayerConsumerConstructor<Store>;
-/**
- * Create a mixin that consumes player context and registers itself as the
- * container element with the provider via `containerContext`.
- *
- * @param config - Container configuration with player and container contexts.
- */
-declare function createContainerMixin<Store extends PlayerStore>(config: ContainerMixinConfig<Store>): ContainerMixin<Store>;
-//#endregion
-export { ContainerMixin, ContainerMixinConfig, createContainerMixin };
-//# sourceMappingURL=container-mixin.d.ts.map

package/dist/dev/store/container-mixin.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"container-mixin.d.ts","names":[],"sources":["../../../src/store/container-mixin.ts"],"mappings":";;;;;;UAMiB,oBAAA,eAAmC,WAAA;EAClD,aAAA,EAAe,aAAA,CAAc,KAAA;EAC7B,gBAAA,EAAkB,gBAAA;AAAA;AAAA,KAGR,cAAA,eAA6B,WAAA,mBAA8B,uBAAA,EACrE,SAAA,EAAW,KAAA,KACR,KAAA,GAAQ,yBAAA,CAA0B,KAAA;;;;;;;iBAQvB,oBAAA,eAAmC,WAAA,CAAA,CACjD,MAAA,EAAQ,oBAAA,CAAqB,KAAA,IAC5B,cAAA,CAAe,KAAA"}

package/dist/dev/store/container-mixin.js

@@ -1,51 +0,0 @@
-import { ContextConsumer } from "@videojs/element/context";
-
-//#region src/store/container-mixin.ts
-/**
-* Create a mixin that consumes player context and registers itself as the
-* container element with the provider via `containerContext`.
-*
-* @param config - Container configuration with player and container contexts.
-*/
-function createContainerMixin(config) {
-	return (BaseClass) => {
-		class PlayerContainerElement extends BaseClass {
-			#contextStore = null;
-			#setContainer = null;
-			constructor(...args) {
-				super(...args);
-				new ContextConsumer(this, {
-					context: config.playerContext,
-					callback: (value) => {
-						this.#contextStore = value ?? null;
-					},
-					subscribe: true
-				});
-				new ContextConsumer(this, {
-					context: config.containerContext,
-					callback: (value) => {
-						this.#setContainer = value?.setContainer ?? null;
-						if (this.isConnected) this.#setContainer?.(this);
-					},
-					subscribe: true
-				});
-			}
-			get store() {
-				return this.#contextStore;
-			}
-			connectedCallback() {
-				super.connectedCallback();
-				this.#setContainer?.(this);
-			}
-			disconnectedCallback() {
-				super.disconnectedCallback();
-				this.#setContainer?.(null);
-			}
-		}
-		return PlayerContainerElement;
-	};
-}
-
-//#endregion
-export { createContainerMixin };
-//# sourceMappingURL=container-mixin.js.map

package/dist/dev/store/container-mixin.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"container-mixin.js","names":["#contextStore","#setContainer"],"sources":["../../../src/store/container-mixin.ts"],"sourcesContent":["import type { MediaContainer, PlayerStore } from '@videojs/core/dom';\nimport { ContextConsumer } from '@videojs/element/context';\nimport type { MediaElementConstructor } from '@/ui/media-element';\nimport type { ContainerContext, PlayerContext } from '../player/context';\nimport type { PlayerConsumer, PlayerConsumerConstructor } from './types';\n\nexport interface ContainerMixinConfig<Store extends PlayerStore> {\n  playerContext: PlayerContext<Store>;\n  containerContext: ContainerContext;\n}\n\nexport type ContainerMixin<Store extends PlayerStore> = <Class extends MediaElementConstructor>(\n  BaseClass: Class\n) => Class & PlayerConsumerConstructor<Store>;\n\n/**\n * Create a mixin that consumes player context and registers itself as the\n * container element with the provider via `containerContext`.\n *\n * @param config - Container configuration with player and container contexts.\n */\nexport function createContainerMixin<Store extends PlayerStore>(\n  config: ContainerMixinConfig<Store>\n): ContainerMixin<Store> {\n  return <Class extends MediaElementConstructor>(BaseClass: Class) => {\n    class PlayerContainerElement extends BaseClass implements PlayerConsumer<Store>, MediaContainer {\n      #contextStore: Store | null = null;\n      #setContainer: ((container: MediaContainer | null) => void) | null = null;\n\n      constructor(...args: any[]) {\n        super(...args);\n\n        new ContextConsumer(this, {\n          context: config.playerContext,\n          callback: (value) => {\n            this.#contextStore = value ?? null;\n          },\n          subscribe: true,\n        });\n\n        new ContextConsumer(this, {\n          context: config.containerContext,\n          callback: (value) => {\n            this.#setContainer = value?.setContainer ?? null;\n            if (this.isConnected) this.#setContainer?.(this);\n          },\n          subscribe: true,\n        });\n      }\n\n      get store(): Store | null {\n        return this.#contextStore;\n      }\n\n      override connectedCallback() {\n        super.connectedCallback();\n        this.#setContainer?.(this);\n      }\n\n      override disconnectedCallback() {\n        super.disconnectedCallback();\n        this.#setContainer?.(null);\n      }\n    }\n\n    return PlayerContainerElement;\n  };\n}\n"],"mappings":";;;;;;;;;AAqBA,SAAgB,qBACd,QACuB;AACvB,SAA+C,cAAqB;EAClE,MAAM,+BAA+B,UAA2D;GAC9F,gBAA8B;GAC9B,gBAAqE;GAErE,YAAY,GAAG,MAAa;AAC1B,UAAM,GAAG,KAAK;AAEd,QAAI,gBAAgB,MAAM;KACxB,SAAS,OAAO;KAChB,WAAW,UAAU;AACnB,YAAKA,eAAgB,SAAS;;KAEhC,WAAW;KACZ,CAAC;AAEF,QAAI,gBAAgB,MAAM;KACxB,SAAS,OAAO;KAChB,WAAW,UAAU;AACnB,YAAKC,eAAgB,OAAO,gBAAgB;AAC5C,UAAI,KAAK,YAAa,OAAKA,eAAgB,KAAK;;KAElD,WAAW;KACZ,CAAC;;GAGJ,IAAI,QAAsB;AACxB,WAAO,MAAKD;;GAGd,AAAS,oBAAoB;AAC3B,UAAM,mBAAmB;AACzB,UAAKC,eAAgB,KAAK;;GAG5B,AAAS,uBAAuB;AAC9B,UAAM,sBAAsB;AAC5B,UAAKA,eAAgB,KAAK;;;AAI9B,SAAO"}

package/dist/dev/store/provider-mixin.d.ts

@@ -1,30 +0,0 @@
-import { ContainerContext, MediaContext, PlayerContext } from "../player/context.js";
-import { MediaElementConstructor } from "../ui/media-element.js";
-import { PlayerProviderConstructor } from "./types.js";
-import { PlayerStore } from "@videojs/core/dom";
-
-//#region src/store/provider-mixin.d.ts
-interface ProviderMixinConfig<Store extends PlayerStore> {
-  playerContext: PlayerContext<Store>;
-  mediaContext: MediaContext;
-  containerContext: ContainerContext;
-  factory: () => Store;
-}
-type ProviderMixin<Store extends PlayerStore> = <Class extends MediaElementConstructor>(BaseClass: Class) => Class & PlayerProviderConstructor<Store>;
-/**
- * Create a mixin that provides player context to descendant elements and
- * owns the `store.attach()` lifecycle.
- *
- * Media and container elements register themselves via media/container
- * contexts that carry both the current value and a setter. When a media
- * element is available, the provider calls `store.attach({ media, container })`.
- *
- * As a fallback for plain `<video>`/`<audio>` that can't consume context,
- * the provider queries its subtree after a microtask.
- *
- * @param config - Provider configuration with contexts and store factory.
- */
-declare function createProviderMixin<Store extends PlayerStore>(config: ProviderMixinConfig<Store>): ProviderMixin<Store>;
-//#endregion
-export { ProviderMixin, ProviderMixinConfig, createProviderMixin };
-//# sourceMappingURL=provider-mixin.d.ts.map

package/dist/dev/store/provider-mixin.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"provider-mixin.d.ts","names":[],"sources":["../../../src/store/provider-mixin.ts"],"mappings":";;;;;;UAOiB,mBAAA,eAAkC,WAAA;EACjD,aAAA,EAAe,aAAA,CAAc,KAAA;EAC7B,YAAA,EAAc,YAAA;EACd,gBAAA,EAAkB,gBAAA;EAClB,OAAA,QAAe,KAAA;AAAA;AAAA,KAGL,aAAA,eAA4B,WAAA,mBAA8B,uBAAA,EACpE,SAAA,EAAW,KAAA,KACR,KAAA,GAAQ,yBAAA,CAA0B,KAAA;;;;;;;;;;;;;;iBAevB,mBAAA,eAAkC,WAAA,CAAA,CAChD,MAAA,EAAQ,mBAAA,CAAoB,KAAA,IAC3B,aAAA,CAAc,KAAA"}

package/dist/dev/store/provider-mixin.js

@@ -1,129 +0,0 @@
-import { ContextProvider } from "@videojs/element/context";
-import { isNull } from "@videojs/utils/predicate";
-
-//#region src/store/provider-mixin.ts
-/**
-* Create a mixin that provides player context to descendant elements and
-* owns the `store.attach()` lifecycle.
-*
-* Media and container elements register themselves via media/container
-* contexts that carry both the current value and a setter. When a media
-* element is available, the provider calls `store.attach({ media, container })`.
-*
-* As a fallback for plain `<video>`/`<audio>` that can't consume context,
-* the provider queries its subtree after a microtask.
-*
-* @param config - Provider configuration with contexts and store factory.
-*/
-function createProviderMixin(config) {
-	return (BaseClass) => {
-		class PlayerProviderElement extends BaseClass {
-			#store = config.factory();
-			#detach = null;
-			#media = null;
-			#container = null;
-			#fallbackQueued = false;
-			#setMedia = (media) => {
-				if (this.#media === media) return;
-				this.#media = media;
-				this.#mediaProvider.setValue({
-					media,
-					setMedia: this.#setMedia
-				});
-				this.#tryAttach();
-			};
-			#setContainer = (container) => {
-				if (this.#container === container) return;
-				this.#container = container;
-				this.#containerProvider.setValue({
-					container,
-					setContainer: this.#setContainer
-				});
-				this.#tryAttach();
-			};
-			#playerProvider = new ContextProvider(this, {
-				context: config.playerContext,
-				initialValue: this.store
-			});
-			#mediaProvider = new ContextProvider(this, {
-				context: config.mediaContext,
-				initialValue: {
-					media: this.#media,
-					setMedia: this.#setMedia
-				}
-			});
-			#containerProvider = new ContextProvider(this, {
-				context: config.containerContext,
-				initialValue: {
-					container: this.#container,
-					setContainer: this.#setContainer
-				}
-			});
-			get store() {
-				if (isNull(this.#store)) this.#store = config.factory();
-				return this.#store;
-			}
-			connectedCallback() {
-				super.connectedCallback();
-				this.#playerProvider.setValue(this.store);
-				this.#mediaProvider.setValue({
-					media: this.#media,
-					setMedia: this.#setMedia
-				});
-				this.#containerProvider.setValue({
-					container: this.#container,
-					setContainer: this.#setContainer
-				});
-				this.#tryAttach();
-				this.#queueFallbackDiscovery();
-			}
-			disconnectedCallback() {
-				super.disconnectedCallback();
-				this.#detachStore();
-			}
-			destroyCallback() {
-				this.#detachStore();
-				this.#store?.destroy();
-				this.#store = null;
-				super.destroyCallback();
-			}
-			#tryAttach() {
-				const store = this.#store;
-				if (!store) return;
-				if (!this.#media) {
-					this.#detachStore();
-					return;
-				}
-				const target = {
-					media: this.#media,
-					container: this.#container
-				};
-				const hasMediaChanged = store.target?.media !== target.media;
-				const hasContainerChanged = store.target?.container !== target.container;
-				if (hasMediaChanged || hasContainerChanged) {
-					this.#detachStore();
-					this.#detach = store.attach(target);
-				}
-			}
-			#detachStore() {
-				this.#detach?.();
-				this.#detach = null;
-			}
-			#queueFallbackDiscovery() {
-				if (this.#media || this.#fallbackQueued) return;
-				this.#fallbackQueued = true;
-				queueMicrotask(() => {
-					this.#fallbackQueued = false;
-					if (this.#media) return;
-					const media = this.querySelector("video, audio");
-					if (media) this.#setMedia(media);
-				});
-			}
-		}
-		return PlayerProviderElement;
-	};
-}
-
-//#endregion
-export { createProviderMixin };
-//# sourceMappingURL=provider-mixin.js.map

package/dist/dev/store/provider-mixin.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"provider-mixin.js","names":["#media","#mediaProvider","#setMedia","#tryAttach","#container","#containerProvider","#setContainer","#store","#playerProvider","#queueFallbackDiscovery","#detachStore","#detach","#fallbackQueued"],"sources":["../../../src/store/provider-mixin.ts"],"sourcesContent":["import type { Media, MediaContainer, PlayerStore, PlayerTarget } from '@videojs/core/dom';\nimport { ContextProvider } from '@videojs/element/context';\nimport { isNull } from '@videojs/utils/predicate';\nimport type { MediaElementConstructor } from '@/ui/media-element';\nimport type { ContainerContext, MediaContext, PlayerContext } from '../player/context';\nimport type { PlayerProvider, PlayerProviderConstructor } from './types';\n\nexport interface ProviderMixinConfig<Store extends PlayerStore> {\n  playerContext: PlayerContext<Store>;\n  mediaContext: MediaContext;\n  containerContext: ContainerContext;\n  factory: () => Store;\n}\n\nexport type ProviderMixin<Store extends PlayerStore> = <Class extends MediaElementConstructor>(\n  BaseClass: Class\n) => Class & PlayerProviderConstructor<Store>;\n\n/**\n * Create a mixin that provides player context to descendant elements and\n * owns the `store.attach()` lifecycle.\n *\n * Media and container elements register themselves via media/container\n * contexts that carry both the current value and a setter. When a media\n * element is available, the provider calls `store.attach({ media, container })`.\n *\n * As a fallback for plain `<video>`/`<audio>` that can't consume context,\n * the provider queries its subtree after a microtask.\n *\n * @param config - Provider configuration with contexts and store factory.\n */\nexport function createProviderMixin<Store extends PlayerStore>(\n  config: ProviderMixinConfig<Store>\n): ProviderMixin<Store> {\n  return <Class extends MediaElementConstructor>(BaseClass: Class) => {\n    class PlayerProviderElement extends BaseClass implements PlayerProvider<Store> {\n      #store: Store | null = config.factory();\n      #detach: (() => void) | null = null;\n      #media: Media | null = null;\n      #container: MediaContainer | null = null;\n      #fallbackQueued = false;\n\n      #setMedia = (media: Media | null): void => {\n        if (this.#media === media) return;\n        this.#media = media;\n        this.#mediaProvider.setValue({ media, setMedia: this.#setMedia });\n        this.#tryAttach();\n      };\n\n      #setContainer = (container: MediaContainer | null): void => {\n        if (this.#container === container) return;\n        this.#container = container;\n        this.#containerProvider.setValue({ container, setContainer: this.#setContainer });\n        this.#tryAttach();\n      };\n\n      #playerProvider = new ContextProvider(this, {\n        context: config.playerContext,\n        initialValue: this.store,\n      });\n\n      #mediaProvider = new ContextProvider(this, {\n        context: config.mediaContext,\n        initialValue: { media: this.#media, setMedia: this.#setMedia },\n      });\n\n      #containerProvider = new ContextProvider(this, {\n        context: config.containerContext,\n        initialValue: { container: this.#container, setContainer: this.#setContainer },\n      });\n\n      get store(): Store {\n        if (isNull(this.#store)) {\n          this.#store = config.factory();\n        }\n\n        return this.#store;\n      }\n\n      override connectedCallback() {\n        super.connectedCallback();\n        this.#playerProvider.setValue(this.store);\n        this.#mediaProvider.setValue({ media: this.#media, setMedia: this.#setMedia });\n        this.#containerProvider.setValue({ container: this.#container, setContainer: this.#setContainer });\n        this.#tryAttach();\n        this.#queueFallbackDiscovery();\n      }\n\n      override disconnectedCallback() {\n        super.disconnectedCallback();\n        this.#detachStore();\n      }\n\n      override destroyCallback() {\n        this.#detachStore();\n        this.#store?.destroy();\n        this.#store = null;\n        super.destroyCallback();\n      }\n\n      #tryAttach(): void {\n        const store = this.#store;\n        if (!store) return;\n\n        if (!this.#media) {\n          this.#detachStore();\n          return;\n        }\n\n        const target: PlayerTarget = {\n          media: this.#media,\n          container: this.#container,\n        };\n\n        const hasMediaChanged = store.target?.media !== target.media;\n        const hasContainerChanged = store.target?.container !== target.container;\n\n        if (hasMediaChanged || hasContainerChanged) {\n          this.#detachStore();\n          this.#detach = store.attach(target);\n        }\n      }\n\n      #detachStore(): void {\n        this.#detach?.();\n        this.#detach = null;\n      }\n\n      #queueFallbackDiscovery(): void {\n        if (this.#media || this.#fallbackQueued) return;\n        this.#fallbackQueued = true;\n\n        queueMicrotask(() => {\n          this.#fallbackQueued = false;\n\n          // Context already registered media — skip fallback.\n          if (this.#media) return;\n\n          const media = this.querySelector<HTMLMediaElement>('video, audio');\n          if (media) {\n            this.#setMedia(media);\n          }\n        });\n      }\n    }\n\n    return PlayerProviderElement;\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AA+BA,SAAgB,oBACd,QACsB;AACtB,SAA+C,cAAqB;EAClE,MAAM,8BAA8B,UAA2C;GAC7E,SAAuB,OAAO,SAAS;GACvC,UAA+B;GAC/B,SAAuB;GACvB,aAAoC;GACpC,kBAAkB;GAElB,aAAa,UAA8B;AACzC,QAAI,MAAKA,UAAW,MAAO;AAC3B,UAAKA,QAAS;AACd,UAAKC,cAAe,SAAS;KAAE;KAAO,UAAU,MAAKC;KAAW,CAAC;AACjE,UAAKC,WAAY;;GAGnB,iBAAiB,cAA2C;AAC1D,QAAI,MAAKC,cAAe,UAAW;AACnC,UAAKA,YAAa;AAClB,UAAKC,kBAAmB,SAAS;KAAE;KAAW,cAAc,MAAKC;KAAe,CAAC;AACjF,UAAKH,WAAY;;GAGnB,kBAAkB,IAAI,gBAAgB,MAAM;IAC1C,SAAS,OAAO;IAChB,cAAc,KAAK;IACpB,CAAC;GAEF,iBAAiB,IAAI,gBAAgB,MAAM;IACzC,SAAS,OAAO;IAChB,cAAc;KAAE,OAAO,MAAKH;KAAQ,UAAU,MAAKE;KAAW;IAC/D,CAAC;GAEF,qBAAqB,IAAI,gBAAgB,MAAM;IAC7C,SAAS,OAAO;IAChB,cAAc;KAAE,WAAW,MAAKE;KAAY,cAAc,MAAKE;KAAe;IAC/E,CAAC;GAEF,IAAI,QAAe;AACjB,QAAI,OAAO,MAAKC,MAAO,CACrB,OAAKA,QAAS,OAAO,SAAS;AAGhC,WAAO,MAAKA;;GAGd,AAAS,oBAAoB;AAC3B,UAAM,mBAAmB;AACzB,UAAKC,eAAgB,SAAS,KAAK,MAAM;AACzC,UAAKP,cAAe,SAAS;KAAE,OAAO,MAAKD;KAAQ,UAAU,MAAKE;KAAW,CAAC;AAC9E,UAAKG,kBAAmB,SAAS;KAAE,WAAW,MAAKD;KAAY,cAAc,MAAKE;KAAe,CAAC;AAClG,UAAKH,WAAY;AACjB,UAAKM,wBAAyB;;GAGhC,AAAS,uBAAuB;AAC9B,UAAM,sBAAsB;AAC5B,UAAKC,aAAc;;GAGrB,AAAS,kBAAkB;AACzB,UAAKA,aAAc;AACnB,UAAKH,OAAQ,SAAS;AACtB,UAAKA,QAAS;AACd,UAAM,iBAAiB;;GAGzB,aAAmB;IACjB,MAAM,QAAQ,MAAKA;AACnB,QAAI,CAAC,MAAO;AAEZ,QAAI,CAAC,MAAKP,OAAQ;AAChB,WAAKU,aAAc;AACnB;;IAGF,MAAM,SAAuB;KAC3B,OAAO,MAAKV;KACZ,WAAW,MAAKI;KACjB;IAED,MAAM,kBAAkB,MAAM,QAAQ,UAAU,OAAO;IACvD,MAAM,sBAAsB,MAAM,QAAQ,cAAc,OAAO;AAE/D,QAAI,mBAAmB,qBAAqB;AAC1C,WAAKM,aAAc;AACnB,WAAKC,SAAU,MAAM,OAAO,OAAO;;;GAIvC,eAAqB;AACnB,UAAKA,UAAW;AAChB,UAAKA,SAAU;;GAGjB,0BAAgC;AAC9B,QAAI,MAAKX,SAAU,MAAKY,eAAiB;AACzC,UAAKA,iBAAkB;AAEvB,yBAAqB;AACnB,WAAKA,iBAAkB;AAGvB,SAAI,MAAKZ,MAAQ;KAEjB,MAAM,QAAQ,KAAK,cAAgC,eAAe;AAClE,SAAI,MACF,OAAKE,SAAU,MAAM;MAEvB;;;AAIN,SAAO"}

package/dist/dev/ui/alert-dialog/alert-dialog-close-element.d.ts

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

package/dist/dev/ui/alert-dialog/alert-dialog-close-element.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"alert-dialog-close-element.d.ts","names":[],"sources":["../../../../src/ui/alert-dialog/alert-dialog-close-element.ts"],"mappings":";;;;cAOa,uBAAA,SAAgC,YAAA;EAAA;kBAC3B,OAAA;EAAA,OAEA,UAAA;;;;;EAIhB,QAAA;EAMS,iBAAA,CAAA;EAYA,oBAAA,CAAA;EAAA,UAMU,MAAA,CAAO,QAAA,EAAU,cAAA;AAAA"}

package/dist/dev/ui/alert-dialog/alert-dialog-close-element.js

@@ -1,46 +0,0 @@
-import { MediaElement } from "../media-element.js";
-import { alertDialogContext } from "./context.js";
-import { applyElementProps, applyStateDataAttrs, createButton } from "@videojs/core/dom";
-import { ContextConsumer } from "@videojs/element/context";
-
-//#region src/ui/alert-dialog/alert-dialog-close-element.ts
-var AlertDialogCloseElement = class extends MediaElement {
-	constructor(..._args) {
-		super(..._args);
-		this.disabled = false;
-	}
-	static {
-		this.tagName = "media-alert-dialog-close";
-	}
-	static {
-		this.properties = { disabled: { type: Boolean } };
-	}
-	#ctx = new ContextConsumer(this, {
-		context: alertDialogContext,
-		subscribe: true
-	});
-	#disconnect = null;
-	connectedCallback() {
-		super.connectedCallback();
-		this.#disconnect = new AbortController();
-		const buttonProps = createButton({
-			onActivate: () => this.#ctx.value?.close(),
-			isDisabled: () => this.disabled
-		});
-		applyElementProps(this, buttonProps, { signal: this.#disconnect.signal });
-	}
-	disconnectedCallback() {
-		super.disconnectedCallback();
-		this.#disconnect?.abort();
-		this.#disconnect = null;
-	}
-	update(_changed) {
-		super.update(_changed);
-		const ctx = this.#ctx.value;
-		if (ctx) applyStateDataAttrs(this, ctx.state, ctx.stateAttrMap);
-	}
-};
-
-//#endregion
-export { AlertDialogCloseElement };
-//# sourceMappingURL=alert-dialog-close-element.js.map

package/dist/dev/ui/alert-dialog/alert-dialog-close-element.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"alert-dialog-close-element.js","names":["#ctx","#disconnect"],"sources":["../../../../src/ui/alert-dialog/alert-dialog-close-element.ts"],"sourcesContent":["import { applyElementProps, applyStateDataAttrs, createButton } from '@videojs/core/dom';\nimport type { PropertyDeclarationMap, PropertyValues } from '@videojs/element';\nimport { ContextConsumer } from '@videojs/element/context';\n\nimport { MediaElement } from '../media-element';\nimport { alertDialogContext } from './context';\n\nexport class AlertDialogCloseElement extends MediaElement {\n  static readonly tagName = 'media-alert-dialog-close';\n\n  static override properties = {\n    disabled: { type: Boolean },\n  } satisfies PropertyDeclarationMap<'disabled'>;\n\n  disabled = false;\n\n  readonly #ctx = new ContextConsumer(this, { context: alertDialogContext, subscribe: true });\n\n  #disconnect: AbortController | null = null;\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this.#disconnect = new AbortController();\n\n    const buttonProps = createButton({\n      onActivate: () => this.#ctx.value?.close(),\n      isDisabled: () => this.disabled,\n    });\n\n    applyElementProps(this, buttonProps, { signal: this.#disconnect.signal });\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.#disconnect?.abort();\n    this.#disconnect = null;\n  }\n\n  protected override update(_changed: PropertyValues): void {\n    super.update(_changed);\n    const ctx = this.#ctx.value;\n    if (ctx) applyStateDataAttrs(this, ctx.state, ctx.stateAttrMap);\n  }\n}\n"],"mappings":";;;;;;AAOA,IAAa,0BAAb,cAA6C,aAAa;;;kBAO7C;;;iBANe;;;oBAEG,EAC3B,UAAU,EAAE,MAAM,SAAS,EAC5B;;CAID,CAASA,MAAO,IAAI,gBAAgB,MAAM;EAAE,SAAS;EAAoB,WAAW;EAAM,CAAC;CAE3F,cAAsC;CAEtC,AAAS,oBAA0B;AACjC,QAAM,mBAAmB;AACzB,QAAKC,aAAc,IAAI,iBAAiB;EAExC,MAAM,cAAc,aAAa;GAC/B,kBAAkB,MAAKD,IAAK,OAAO,OAAO;GAC1C,kBAAkB,KAAK;GACxB,CAAC;AAEF,oBAAkB,MAAM,aAAa,EAAE,QAAQ,MAAKC,WAAY,QAAQ,CAAC;;CAG3E,AAAS,uBAA6B;AACpC,QAAM,sBAAsB;AAC5B,QAAKA,YAAa,OAAO;AACzB,QAAKA,aAAc;;CAGrB,AAAmB,OAAO,UAAgC;AACxD,QAAM,OAAO,SAAS;EACtB,MAAM,MAAM,MAAKD,IAAK;AACtB,MAAI,IAAK,qBAAoB,MAAM,IAAI,OAAO,IAAI,aAAa"}

package/dist/dev/ui/alert-dialog/alert-dialog-description-element.d.ts

@@ -1,17 +0,0 @@
-import { AlertDialogContextValue } from "./context.js";
-import { ContextPartElement } from "../context-part-element.js";
-import { ContextConsumer } from "@videojs/element/context";
-import { PropertyValues } from "@videojs/element";
-import { AlertDialogState } from "@videojs/core";
-
-//#region src/ui/alert-dialog/alert-dialog-description-element.d.ts
-declare class AlertDialogDescriptionElement extends ContextPartElement<AlertDialogState> {
-  static readonly tagName = "media-alert-dialog-description";
-  protected readonly consumer: ContextConsumer<{
-    __context__: AlertDialogContextValue;
-  }, this>;
-  protected update(changed: PropertyValues): void;
-}
-//#endregion
-export { AlertDialogDescriptionElement };
-//# sourceMappingURL=alert-dialog-description-element.d.ts.map

package/dist/dev/ui/alert-dialog/alert-dialog-description-element.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"alert-dialog-description-element.d.ts","names":[],"sources":["../../../../src/ui/alert-dialog/alert-dialog-description-element.ts"],"mappings":";;;;;;;cAOa,6BAAA,SAAsC,kBAAA,CAAmB,gBAAA;EAAA,gBACpD,OAAA;EAAA,mBAEG,QAAA,EAAQ,eAAA;iBAHyD,uBAAA;EAAA;EAAA,UAKjE,MAAA,CAAO,OAAA,EAAS,cAAA;AAAA"}