@hanifhan1f/vidstack 1.12.34 → 1.12.35
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cdn/with-layouts/chunks/{vidstack-BCLumCST.js → vidstack-BEgmmcDO.js} +56 -52
- package/cdn/with-layouts/chunks/{vidstack-DJyGEdCH.js → vidstack-t3PBZMbl.js} +1 -1
- package/cdn/with-layouts/vidstack.js +1 -1
- package/dev/chunks/{vidstack-B__DfQsT.js → vidstack-BReSQAMt.js} +10 -6
- package/dev/define/templates/vidstack-audio-layout.js +1 -1
- package/dev/define/templates/vidstack-video-layout.js +7 -5
- package/dev/define/vidstack-player-default-layout.js +1 -1
- package/dev/define/vidstack-player-layouts.js +1 -1
- package/dev/vidstack-elements.js +1 -1
- package/dev/vidstack.js +0 -4
- package/elements.d.ts +1 -1
- package/global/player.d.ts +1 -1
- package/global/plyr.d.ts +2 -2
- package/index.d.ts +2 -2
- package/package.json +1 -1
- package/prod/chunks/{vidstack-BnEo_Sla.js → vidstack-B0glDgAI.js} +10 -6
- package/prod/define/templates/vidstack-audio-layout.js +1 -1
- package/prod/define/templates/vidstack-video-layout.js +7 -5
- package/prod/define/vidstack-player-default-layout.js +1 -1
- package/prod/define/vidstack-player-layouts.js +1 -1
- package/prod/vidstack-elements.js +1 -1
- package/server/chunks/{vidstack-BIGdJnUK.js → vidstack-nANS1jfu.js} +16 -10
- package/server/define/vidstack-player-default-layout.js +1 -1
- package/server/define/vidstack-player-layouts.js +1 -1
- package/server/vidstack-elements.js +1 -1
- package/types/{vidstack-DYLKXUvI.d.ts → vidstack-CZqFq0VF.d.ts} +13 -1
- package/cdn/chunks/vidstack-8JHLDxl5.js +0 -1
- package/cdn/chunks/vidstack-BF7lZRtq.js +0 -3
- package/cdn/chunks/vidstack-BYgY9wmd.js +0 -1
- package/cdn/chunks/vidstack-BYpysj84.js +0 -1
- package/cdn/chunks/vidstack-Bjo5esRp.js +0 -1
- package/cdn/chunks/vidstack-BkxGdzTJ.js +0 -16
- package/cdn/chunks/vidstack-BuL67v3q.js +0 -1
- package/cdn/chunks/vidstack-Bzk6lVKb.js +0 -1
- package/cdn/chunks/vidstack-C0msPRTd.js +0 -3
- package/cdn/chunks/vidstack-C1FlyyzK.js +0 -1
- package/cdn/chunks/vidstack-CIjxJCz3.js +0 -1
- package/cdn/chunks/vidstack-CioT3Yw2.js +0 -1
- package/cdn/chunks/vidstack-Cj0I-Rec.js +0 -1
- package/cdn/chunks/vidstack-CmpbA3Yd.js +0 -16
- package/cdn/chunks/vidstack-CnWKPIKT.js +0 -16
- package/cdn/chunks/vidstack-CrqkytHl.js +0 -1
- package/cdn/chunks/vidstack-D0M8R0ZU.js +0 -1
- package/cdn/chunks/vidstack-D40FSa5B.js +0 -3
- package/cdn/chunks/vidstack-D84Fzc__.js +0 -16
- package/cdn/chunks/vidstack-DD2JwFVU.js +0 -1
- package/cdn/chunks/vidstack-DQvyz7Mm.js +0 -1
- package/cdn/chunks/vidstack-Dd9fqVv6.js +0 -1
- package/cdn/chunks/vidstack-DfDZuHNP.js +0 -1
- package/cdn/chunks/vidstack-uMxrPflF.js +0 -1
- package/cdn/chunks/vidstack-xjJ-ui_l.js +0 -1
- package/cdn/chunks/vidstack-zemsqC5d.js +0 -1
- package/cdn/providers/vidstack-audio-2Dt_Ivbp.js +0 -1
- package/cdn/providers/vidstack-audio-BOGYlExy.js +0 -1
- package/cdn/providers/vidstack-dash-CUtD4e6q.js +0 -1
- package/cdn/providers/vidstack-dash-D4ZARr66.js +0 -1
- package/cdn/providers/vidstack-google-cast-BdORATUX.js +0 -1
- package/cdn/providers/vidstack-hls-8-552IuX.js +0 -1
- package/cdn/providers/vidstack-hls-R25Kb6DP.js +0 -1
- package/cdn/providers/vidstack-html-BvVaN2VT.js +0 -1
- package/cdn/providers/vidstack-html-DaAUJYsD.js +0 -1
- package/cdn/providers/vidstack-video-BnwQZKER.js +0 -1
- package/cdn/providers/vidstack-video-Csvox7SO.js +0 -1
- package/cdn/providers/vidstack-vimeo-D4Z96kg2.js +0 -1
- package/cdn/providers/vidstack-vimeo-gJmBqtLK.js +0 -1
- package/cdn/providers/vidstack-youtube-Chl_dTAz.js +0 -1
- package/cdn/providers/vidstack-youtube-DiND6h3s.js +0 -1
- package/cdn/with-layouts/chunks/vidstack-4liSokT6.js +0 -1
- package/cdn/with-layouts/chunks/vidstack-B97B8XDc.js +0 -3
- package/cdn/with-layouts/chunks/vidstack-BD5YoTt5.js +0 -937
- package/cdn/with-layouts/chunks/vidstack-BGhRKayG.js +0 -914
- package/cdn/with-layouts/chunks/vidstack-BL_lNyW_.js +0 -1
- package/cdn/with-layouts/chunks/vidstack-BMhNagfl.js +0 -1
- package/cdn/with-layouts/chunks/vidstack-BP3ybDy9.js +0 -912
- package/cdn/with-layouts/chunks/vidstack-BbFHhcVG.js +0 -1
- package/cdn/with-layouts/chunks/vidstack-BjOOdDcQ.js +0 -1
- package/cdn/with-layouts/chunks/vidstack-C5AP9wid.js +0 -1
- package/cdn/with-layouts/chunks/vidstack-CS2aNc61.js +0 -1
- package/cdn/with-layouts/chunks/vidstack-CXEcXyBI.js +0 -1
- package/cdn/with-layouts/chunks/vidstack-Ciq-n5rg.js +0 -1
- package/cdn/with-layouts/chunks/vidstack-CmuGllcj.js +0 -1
- package/cdn/with-layouts/chunks/vidstack-CyNByJUW.js +0 -912
- package/cdn/with-layouts/chunks/vidstack-D-3_fAsK.js +0 -1
- package/cdn/with-layouts/chunks/vidstack-DCaNJN4T.js +0 -1
- package/cdn/with-layouts/chunks/vidstack-DKqYI_HJ.js +0 -1
- package/cdn/with-layouts/chunks/vidstack-DLGH9jfs.js +0 -1
- package/cdn/with-layouts/chunks/vidstack-DLVdcWrK.js +0 -3
- package/cdn/with-layouts/chunks/vidstack-DPO7J4-v.js +0 -3
- package/cdn/with-layouts/chunks/vidstack-DWjB11vV.js +0 -1
- package/cdn/with-layouts/chunks/vidstack-Dd3L-eQj.js +0 -1
- package/cdn/with-layouts/chunks/vidstack-Dh2GOjra.js +0 -1
- package/cdn/with-layouts/chunks/vidstack-DhNpv7SU.js +0 -1
- package/cdn/with-layouts/chunks/vidstack-QW5tTAS4.js +0 -897
- package/cdn/with-layouts/chunks/vidstack-T2rZVigk.js +0 -912
- package/cdn/with-layouts/chunks/vidstack-Xe_d7ovA.js +0 -1
- package/cdn/with-layouts/chunks/vidstack-wt2OT4N7.js +0 -1
- package/cdn/with-layouts/providers/vidstack-audio-Bw1csc6N.js +0 -1
- package/cdn/with-layouts/providers/vidstack-audio-CwoQJvl2.js +0 -1
- package/cdn/with-layouts/providers/vidstack-dash-CJsKJfLI.js +0 -1
- package/cdn/with-layouts/providers/vidstack-dash-DHRMFG4Y.js +0 -1
- package/cdn/with-layouts/providers/vidstack-google-cast-BSYJYn-o.js +0 -1
- package/cdn/with-layouts/providers/vidstack-hls-DG1rTEqu.js +0 -1
- package/cdn/with-layouts/providers/vidstack-hls-ji26kFdQ.js +0 -1
- package/cdn/with-layouts/providers/vidstack-html-BvHMxtoe.js +0 -1
- package/cdn/with-layouts/providers/vidstack-html-CoKFAYW5.js +0 -1
- package/cdn/with-layouts/providers/vidstack-video-1Uj5cNP2.js +0 -1
- package/cdn/with-layouts/providers/vidstack-video-CIxFJ9Z1.js +0 -1
- package/cdn/with-layouts/providers/vidstack-vimeo-CNLKOGMa.js +0 -1
- package/cdn/with-layouts/providers/vidstack-vimeo-DACTbJaQ.js +0 -1
- package/cdn/with-layouts/providers/vidstack-youtube-D1e-LE-8.js +0 -1
- package/cdn/with-layouts/providers/vidstack-youtube-RoLp-I6u.js +0 -1
- package/dev/chunks/vidstack-03oQOdB7.js +0 -58
- package/dev/chunks/vidstack-0XhA3AD_.js +0 -5181
- package/dev/chunks/vidstack-44ILR0Cb.js +0 -1521
- package/dev/chunks/vidstack-B4XOm7dP.js +0 -104
- package/dev/chunks/vidstack-BJsZjPkB.js +0 -204
- package/dev/chunks/vidstack-BXSB7eI9.js +0 -58
- package/dev/chunks/vidstack-BaGbgcvz.js +0 -107
- package/dev/chunks/vidstack-Blfm1k-4.js +0 -1520
- package/dev/chunks/vidstack-Bo8BNFJ2.js +0 -2986
- package/dev/chunks/vidstack-Bs54kFSz.js +0 -66
- package/dev/chunks/vidstack-C3N4zIuV.js +0 -254
- package/dev/chunks/vidstack-C4aPQ7hZ.js +0 -1482
- package/dev/chunks/vidstack-C6OqdJO7.js +0 -114
- package/dev/chunks/vidstack-CAL4iu_K.js +0 -1482
- package/dev/chunks/vidstack-CEjYxSqZ.js +0 -297
- package/dev/chunks/vidstack-CJCnHmKE.js +0 -104
- package/dev/chunks/vidstack-CQdFhXSo.js +0 -204
- package/dev/chunks/vidstack-CSryZFvY.js +0 -1521
- package/dev/chunks/vidstack-C_rvOKWp.js +0 -33
- package/dev/chunks/vidstack-CaudO1jl.js +0 -109
- package/dev/chunks/vidstack-CcQdBWil.js +0 -58
- package/dev/chunks/vidstack-Cky9ors4.js +0 -297
- package/dev/chunks/vidstack-DAOcbKGP.js +0 -254
- package/dev/chunks/vidstack-DD_3HszA.js +0 -1520
- package/dev/chunks/vidstack-DKaohJzR.js +0 -5181
- package/dev/chunks/vidstack-DLXCqdYV.js +0 -3010
- package/dev/chunks/vidstack-DS7nRfge.js +0 -204
- package/dev/chunks/vidstack-DWtK42Sh.js +0 -1483
- package/dev/chunks/vidstack-D_LvMxPr.js +0 -204
- package/dev/chunks/vidstack-Db1-Hg_U.js +0 -297
- package/dev/chunks/vidstack-DrczgsqN.js +0 -297
- package/dev/chunks/vidstack-EoLRQZbs.js +0 -2986
- package/dev/chunks/vidstack-FKkY62Dr.js +0 -104
- package/dev/chunks/vidstack-el2dbO0m.js +0 -5181
- package/dev/chunks/vidstack-rvhuswgi.js +0 -2986
- package/prod/chunks/vidstack-BAqdCFIm.js +0 -4771
- package/prod/chunks/vidstack-BHqGlnGz.js +0 -1482
- package/prod/chunks/vidstack-BP49Gz0m.js +0 -58
- package/prod/chunks/vidstack-BRZe2BNi.js +0 -107
- package/prod/chunks/vidstack-BRnfTkxi.js +0 -297
- package/prod/chunks/vidstack-BaaRY-9x.js +0 -201
- package/prod/chunks/vidstack-BexQYZop.js +0 -2976
- package/prod/chunks/vidstack-BpLd9ASW.js +0 -246
- package/prod/chunks/vidstack-C-yd_bAJ.js +0 -4771
- package/prod/chunks/vidstack-C05ipjAK.js +0 -1520
- package/prod/chunks/vidstack-CA4tDJdF.js +0 -33
- package/prod/chunks/vidstack-CFXAYpuh.js +0 -1521
- package/prod/chunks/vidstack-CIvL96_j.js +0 -297
- package/prod/chunks/vidstack-CYVCrFjx.js +0 -201
- package/prod/chunks/vidstack-Cs0fH84E.js +0 -1521
- package/prod/chunks/vidstack-D7hJcnN-.js +0 -297
- package/prod/chunks/vidstack-DDePVDjt.js +0 -2976
- package/prod/chunks/vidstack-DESBVLFp.js +0 -104
- package/prod/chunks/vidstack-DMDDSV3t.js +0 -104
- package/prod/chunks/vidstack-DXfGRhxZ.js +0 -201
- package/prod/chunks/vidstack-D_atbNqH.js +0 -3000
- package/prod/chunks/vidstack-DcMkaIHJ.js +0 -2976
- package/prod/chunks/vidstack-DnRxQoqP.js +0 -104
- package/prod/chunks/vidstack-DwenML7x.js +0 -4771
- package/prod/chunks/vidstack-IDWYvfna.js +0 -58
- package/prod/chunks/vidstack-Ko2EJadT.js +0 -1483
- package/prod/chunks/vidstack-MbEMbVfP.js +0 -109
- package/prod/chunks/vidstack-ShUhyBfI.js +0 -201
- package/prod/chunks/vidstack-SnIdjCkV.js +0 -58
- package/prod/chunks/vidstack-V1jwkH0s.js +0 -66
- package/prod/chunks/vidstack-V9U6gsde.js +0 -1482
- package/prod/chunks/vidstack-XA3zT5W9.js +0 -297
- package/prod/chunks/vidstack-bdt7uOlN.js +0 -114
- package/prod/chunks/vidstack-kdaDngIm.js +0 -1520
- package/prod/chunks/vidstack-oNEzlviH.js +0 -246
- package/server/chunks/vidstack-B2Bc9g7_.js +0 -2000
- package/server/chunks/vidstack-B4CWj0Hp.js +0 -381
- package/server/chunks/vidstack-B8P1aUCK.js +0 -1503
- package/server/chunks/vidstack-B8_v1VQn.js +0 -3059
- package/server/chunks/vidstack-BGgfNYAH.js +0 -141
- package/server/chunks/vidstack-BGmwlunt.js +0 -3035
- package/server/chunks/vidstack-BO8FLks6.js +0 -295
- package/server/chunks/vidstack-BosyhF3p.js +0 -207
- package/server/chunks/vidstack-C19bj3Wq.js +0 -307
- package/server/chunks/vidstack-C8F1EUBn.js +0 -104
- package/server/chunks/vidstack-CFTkUXGK.js +0 -295
- package/server/chunks/vidstack-CQMB7Msg.js +0 -1502
- package/server/chunks/vidstack-CWho6PlG.js +0 -141
- package/server/chunks/vidstack-CdBfecZT.js +0 -205
- package/server/chunks/vidstack-Cv_Art04.js +0 -4635
- package/server/chunks/vidstack-DE4b5Bgx.js +0 -2002
- package/server/chunks/vidstack-Db22EuE_.js +0 -207
- package/server/chunks/vidstack-DbvCOsqU.js +0 -107
- package/server/chunks/vidstack-DgHfFDiw.js +0 -1962
- package/server/chunks/vidstack-DhF59-Up.js +0 -4635
- package/server/chunks/vidstack-DnkB7eGO.js +0 -207
- package/server/chunks/vidstack-DoHmOxNm.js +0 -295
- package/server/chunks/vidstack-DsnTqzpL.js +0 -29
- package/server/chunks/vidstack-DzWvfg1d.js +0 -1503
- package/server/chunks/vidstack-FHGkN5xj.js +0 -566
- package/server/chunks/vidstack-PnFpou7g.js +0 -3035
- package/server/chunks/vidstack-f5-aflD2.js +0 -104
- package/server/chunks/vidstack-gEJMQpTE.js +0 -2001
- package/server/chunks/vidstack-n4zAyLEV.js +0 -2139
|
@@ -1,141 +0,0 @@
|
|
|
1
|
-
import { IS_CHROME } from './vidstack-DhF59-Up.js';
|
|
2
|
-
import { loadScript } from './vidstack-B4CWj0Hp.js';
|
|
3
|
-
import { peek } from './vidstack-B8LynzY5.js';
|
|
4
|
-
import './vidstack-C19bj3Wq.js';
|
|
5
|
-
import '@floating-ui/dom';
|
|
6
|
-
|
|
7
|
-
function getCastFrameworkURL() {
|
|
8
|
-
return "https://www.gstatic.com/cv/js/sender/v1/cast_sender.js?loadCastFramework=1";
|
|
9
|
-
}
|
|
10
|
-
function hasLoadedCastFramework() {
|
|
11
|
-
return !!window.cast?.framework;
|
|
12
|
-
}
|
|
13
|
-
function isCastAvailable() {
|
|
14
|
-
return !!window.chrome?.cast?.isAvailable;
|
|
15
|
-
}
|
|
16
|
-
function isCastConnected() {
|
|
17
|
-
return getCastContext().getCastState() === cast.framework.CastState.CONNECTED;
|
|
18
|
-
}
|
|
19
|
-
function getCastContext() {
|
|
20
|
-
return window.cast.framework.CastContext.getInstance();
|
|
21
|
-
}
|
|
22
|
-
function getCastSession() {
|
|
23
|
-
return getCastContext().getCurrentSession();
|
|
24
|
-
}
|
|
25
|
-
function getDefaultCastOptions() {
|
|
26
|
-
return {
|
|
27
|
-
language: "en-US",
|
|
28
|
-
autoJoinPolicy: chrome.cast.AutoJoinPolicy.ORIGIN_SCOPED,
|
|
29
|
-
receiverApplicationId: chrome.cast.media.DEFAULT_MEDIA_RECEIVER_APP_ID,
|
|
30
|
-
resumeSavedSession: true,
|
|
31
|
-
androidReceiverCompatible: true
|
|
32
|
-
};
|
|
33
|
-
}
|
|
34
|
-
function getCastErrorMessage(code) {
|
|
35
|
-
const defaultMessage = `Google Cast Error Code: ${code}`;
|
|
36
|
-
return defaultMessage;
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
class GoogleCastLoader {
|
|
40
|
-
name = "google-cast";
|
|
41
|
-
target;
|
|
42
|
-
#player;
|
|
43
|
-
/**
|
|
44
|
-
* @see {@link https://developers.google.com/cast/docs/reference/web_sender/cast.framework.CastContext}
|
|
45
|
-
*/
|
|
46
|
-
get cast() {
|
|
47
|
-
return getCastContext();
|
|
48
|
-
}
|
|
49
|
-
mediaType() {
|
|
50
|
-
return "video";
|
|
51
|
-
}
|
|
52
|
-
canPlay(src) {
|
|
53
|
-
return IS_CHROME;
|
|
54
|
-
}
|
|
55
|
-
async prompt(ctx) {
|
|
56
|
-
let loadEvent, openEvent, errorEvent;
|
|
57
|
-
try {
|
|
58
|
-
loadEvent = await this.#loadCastFramework(ctx);
|
|
59
|
-
if (!this.#player) {
|
|
60
|
-
this.#player = new cast.framework.RemotePlayer();
|
|
61
|
-
new cast.framework.RemotePlayerController(this.#player);
|
|
62
|
-
}
|
|
63
|
-
openEvent = ctx.player.createEvent("google-cast-prompt-open", {
|
|
64
|
-
trigger: loadEvent
|
|
65
|
-
});
|
|
66
|
-
ctx.player.dispatchEvent(openEvent);
|
|
67
|
-
this.#notifyRemoteStateChange(ctx, "connecting", openEvent);
|
|
68
|
-
await this.#showPrompt(peek(ctx.$props.googleCast));
|
|
69
|
-
ctx.$state.remotePlaybackInfo.set({
|
|
70
|
-
deviceName: getCastSession()?.getCastDevice().friendlyName
|
|
71
|
-
});
|
|
72
|
-
if (isCastConnected()) this.#notifyRemoteStateChange(ctx, "connected", openEvent);
|
|
73
|
-
} catch (code) {
|
|
74
|
-
const error = code instanceof Error ? code : this.#createError(
|
|
75
|
-
(code + "").toUpperCase(),
|
|
76
|
-
"Prompt failed."
|
|
77
|
-
);
|
|
78
|
-
errorEvent = ctx.player.createEvent("google-cast-prompt-error", {
|
|
79
|
-
detail: error,
|
|
80
|
-
trigger: openEvent ?? loadEvent,
|
|
81
|
-
cancelable: true
|
|
82
|
-
});
|
|
83
|
-
ctx.player.dispatch(errorEvent);
|
|
84
|
-
this.#notifyRemoteStateChange(
|
|
85
|
-
ctx,
|
|
86
|
-
isCastConnected() ? "connected" : "disconnected",
|
|
87
|
-
errorEvent
|
|
88
|
-
);
|
|
89
|
-
throw error;
|
|
90
|
-
} finally {
|
|
91
|
-
ctx.player.dispatch("google-cast-prompt-close", {
|
|
92
|
-
trigger: errorEvent ?? openEvent ?? loadEvent
|
|
93
|
-
});
|
|
94
|
-
}
|
|
95
|
-
}
|
|
96
|
-
async load(ctx) {
|
|
97
|
-
{
|
|
98
|
-
throw Error("[vidstack] can not load google cast provider server-side");
|
|
99
|
-
}
|
|
100
|
-
}
|
|
101
|
-
async #loadCastFramework(ctx) {
|
|
102
|
-
if (hasLoadedCastFramework()) return;
|
|
103
|
-
const loadStartEvent = ctx.player.createEvent("google-cast-load-start");
|
|
104
|
-
ctx.player.dispatch(loadStartEvent);
|
|
105
|
-
await loadScript(getCastFrameworkURL());
|
|
106
|
-
await customElements.whenDefined("google-cast-launcher");
|
|
107
|
-
const loadedEvent = ctx.player.createEvent("google-cast-loaded", { trigger: loadStartEvent });
|
|
108
|
-
ctx.player.dispatch(loadedEvent);
|
|
109
|
-
if (!isCastAvailable()) {
|
|
110
|
-
throw this.#createError("CAST_NOT_AVAILABLE", "Google Cast not available on this platform.");
|
|
111
|
-
}
|
|
112
|
-
return loadedEvent;
|
|
113
|
-
}
|
|
114
|
-
async #showPrompt(options) {
|
|
115
|
-
this.#setOptions(options);
|
|
116
|
-
const errorCode = await this.cast.requestSession();
|
|
117
|
-
if (errorCode) {
|
|
118
|
-
throw this.#createError(
|
|
119
|
-
errorCode.toUpperCase(),
|
|
120
|
-
getCastErrorMessage(errorCode)
|
|
121
|
-
);
|
|
122
|
-
}
|
|
123
|
-
}
|
|
124
|
-
#setOptions(options) {
|
|
125
|
-
this.cast?.setOptions({
|
|
126
|
-
...getDefaultCastOptions(),
|
|
127
|
-
...options
|
|
128
|
-
});
|
|
129
|
-
}
|
|
130
|
-
#notifyRemoteStateChange(ctx, state, trigger) {
|
|
131
|
-
const detail = { type: "google-cast", state };
|
|
132
|
-
ctx.notify("remote-playback-change", detail, trigger);
|
|
133
|
-
}
|
|
134
|
-
#createError(code, message) {
|
|
135
|
-
const error = Error(message);
|
|
136
|
-
error.code = code;
|
|
137
|
-
return error;
|
|
138
|
-
}
|
|
139
|
-
}
|
|
140
|
-
|
|
141
|
-
export { GoogleCastLoader };
|
|
@@ -1,205 +0,0 @@
|
|
|
1
|
-
import { computed, peek, effect, onDispose, isDOMNode, animationFrameThrottle, isString } from './vidstack-B8LynzY5.js';
|
|
2
|
-
import { nothing, render, html } from 'lit-html';
|
|
3
|
-
import { ifDefined } from 'lit-html/directives/if-defined.js';
|
|
4
|
-
import { unsafeSVG } from 'lit-html/directives/unsafe-svg.js';
|
|
5
|
-
import { directive, AsyncDirective, PartType } from 'lit-html/async-directive.js';
|
|
6
|
-
import { useMediaContext } from './vidstack-B4CWj0Hp.js';
|
|
7
|
-
|
|
8
|
-
class SignalDirective extends AsyncDirective {
|
|
9
|
-
#signal = null;
|
|
10
|
-
#isAttr = false;
|
|
11
|
-
#stop = null;
|
|
12
|
-
constructor(part) {
|
|
13
|
-
super(part);
|
|
14
|
-
this.#isAttr = part.type === PartType.ATTRIBUTE || part.type === PartType.BOOLEAN_ATTRIBUTE;
|
|
15
|
-
}
|
|
16
|
-
render(signal) {
|
|
17
|
-
if (signal !== this.#signal) {
|
|
18
|
-
this.disconnected();
|
|
19
|
-
this.#signal = signal;
|
|
20
|
-
if (this.isConnected) this.#watch();
|
|
21
|
-
}
|
|
22
|
-
return this.#signal ? this.#resolveValue(peek(this.#signal)) : nothing;
|
|
23
|
-
}
|
|
24
|
-
reconnected() {
|
|
25
|
-
this.#watch();
|
|
26
|
-
}
|
|
27
|
-
disconnected() {
|
|
28
|
-
this.#stop?.();
|
|
29
|
-
this.#stop = null;
|
|
30
|
-
}
|
|
31
|
-
#watch() {
|
|
32
|
-
if (!this.#signal) return;
|
|
33
|
-
this.#stop = effect(this.#onValueChange.bind(this));
|
|
34
|
-
}
|
|
35
|
-
#resolveValue(value) {
|
|
36
|
-
return this.#isAttr ? ifDefined(value) : value;
|
|
37
|
-
}
|
|
38
|
-
#setValue(value) {
|
|
39
|
-
this.setValue(this.#resolveValue(value));
|
|
40
|
-
}
|
|
41
|
-
#onValueChange() {
|
|
42
|
-
{
|
|
43
|
-
this.#setValue(this.#signal?.());
|
|
44
|
-
}
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
function $signal(compute) {
|
|
48
|
-
return directive(SignalDirective)(computed(compute));
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
class SlotObserver {
|
|
52
|
-
#roots;
|
|
53
|
-
#callback;
|
|
54
|
-
elements = /* @__PURE__ */ new Set();
|
|
55
|
-
constructor(roots, callback) {
|
|
56
|
-
this.#roots = roots;
|
|
57
|
-
this.#callback = callback;
|
|
58
|
-
}
|
|
59
|
-
connect() {
|
|
60
|
-
this.#update();
|
|
61
|
-
const observer = new MutationObserver(this.#onMutation);
|
|
62
|
-
for (const root of this.#roots) observer.observe(root, { childList: true, subtree: true });
|
|
63
|
-
onDispose(() => observer.disconnect());
|
|
64
|
-
onDispose(this.disconnect.bind(this));
|
|
65
|
-
}
|
|
66
|
-
disconnect() {
|
|
67
|
-
this.elements.clear();
|
|
68
|
-
}
|
|
69
|
-
assign(template, slot) {
|
|
70
|
-
if (isDOMNode(template)) {
|
|
71
|
-
slot.textContent = "";
|
|
72
|
-
slot.append(template);
|
|
73
|
-
} else {
|
|
74
|
-
render(null, slot);
|
|
75
|
-
render(template, slot);
|
|
76
|
-
}
|
|
77
|
-
if (!slot.style.display) {
|
|
78
|
-
slot.style.display = "contents";
|
|
79
|
-
}
|
|
80
|
-
const el = slot.firstElementChild;
|
|
81
|
-
if (!el) return;
|
|
82
|
-
const classList = slot.getAttribute("data-class");
|
|
83
|
-
if (classList) el.classList.add(...classList.split(" "));
|
|
84
|
-
}
|
|
85
|
-
#onMutation = animationFrameThrottle(this.#update.bind(this));
|
|
86
|
-
#update(entries) {
|
|
87
|
-
if (entries && !entries.some((e) => e.addedNodes.length)) return;
|
|
88
|
-
let changed = false, slots = this.#roots.flatMap((root) => [...root.querySelectorAll("slot")]);
|
|
89
|
-
for (const slot of slots) {
|
|
90
|
-
if (!slot.hasAttribute("name") || this.elements.has(slot)) continue;
|
|
91
|
-
this.elements.add(slot);
|
|
92
|
-
changed = true;
|
|
93
|
-
}
|
|
94
|
-
if (changed) this.#callback(this.elements);
|
|
95
|
-
}
|
|
96
|
-
}
|
|
97
|
-
|
|
98
|
-
let id = 0, slotIdAttr = "data-slot-id";
|
|
99
|
-
class SlotManager {
|
|
100
|
-
#roots;
|
|
101
|
-
slots;
|
|
102
|
-
constructor(roots) {
|
|
103
|
-
this.#roots = roots;
|
|
104
|
-
this.slots = new SlotObserver(roots, this.#update.bind(this));
|
|
105
|
-
}
|
|
106
|
-
connect() {
|
|
107
|
-
this.slots.connect();
|
|
108
|
-
this.#update();
|
|
109
|
-
const mutations = new MutationObserver(this.#onMutation);
|
|
110
|
-
for (const root of this.#roots) mutations.observe(root, { childList: true });
|
|
111
|
-
onDispose(() => mutations.disconnect());
|
|
112
|
-
}
|
|
113
|
-
#onMutation = animationFrameThrottle(this.#update.bind(this));
|
|
114
|
-
#update() {
|
|
115
|
-
for (const root of this.#roots) {
|
|
116
|
-
for (const node of root.children) {
|
|
117
|
-
if (node.nodeType !== 1) continue;
|
|
118
|
-
const name = node.getAttribute("slot");
|
|
119
|
-
if (!name) continue;
|
|
120
|
-
node.style.display = "none";
|
|
121
|
-
let slotId = node.getAttribute(slotIdAttr);
|
|
122
|
-
if (!slotId) {
|
|
123
|
-
node.setAttribute(slotIdAttr, slotId = ++id + "");
|
|
124
|
-
}
|
|
125
|
-
for (const slot of this.slots.elements) {
|
|
126
|
-
if (slot.getAttribute("name") !== name || slot.getAttribute(slotIdAttr) === slotId) {
|
|
127
|
-
continue;
|
|
128
|
-
}
|
|
129
|
-
const clone = document.importNode(node, true);
|
|
130
|
-
if (name.includes("-icon")) clone.classList.add("vds-icon");
|
|
131
|
-
clone.style.display = "";
|
|
132
|
-
clone.removeAttribute("slot");
|
|
133
|
-
this.slots.assign(clone, slot);
|
|
134
|
-
slot.setAttribute(slotIdAttr, slotId);
|
|
135
|
-
}
|
|
136
|
-
}
|
|
137
|
-
}
|
|
138
|
-
}
|
|
139
|
-
}
|
|
140
|
-
|
|
141
|
-
function Icon({ name, class: _class, state, paths, viewBox = "0 0 32 32" }) {
|
|
142
|
-
return html`<svg
|
|
143
|
-
class="${"vds-icon" + (_class ? ` ${_class}` : "")}"
|
|
144
|
-
viewBox="${viewBox}"
|
|
145
|
-
fill="none"
|
|
146
|
-
aria-hidden="true"
|
|
147
|
-
focusable="false"
|
|
148
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
149
|
-
data-icon=${ifDefined(name ?? state)}
|
|
150
|
-
>
|
|
151
|
-
${!isString(paths) ? $signal(paths) : unsafeSVG(paths)}
|
|
152
|
-
</svg>`;
|
|
153
|
-
}
|
|
154
|
-
|
|
155
|
-
class IconsLoader {
|
|
156
|
-
#icons = {};
|
|
157
|
-
#loaded = false;
|
|
158
|
-
slots;
|
|
159
|
-
constructor(roots) {
|
|
160
|
-
this.slots = new SlotObserver(roots, this.#insertIcons.bind(this));
|
|
161
|
-
}
|
|
162
|
-
connect() {
|
|
163
|
-
this.slots.connect();
|
|
164
|
-
}
|
|
165
|
-
load() {
|
|
166
|
-
this.loadIcons().then((icons) => {
|
|
167
|
-
this.#icons = icons;
|
|
168
|
-
this.#loaded = true;
|
|
169
|
-
this.#insertIcons();
|
|
170
|
-
});
|
|
171
|
-
}
|
|
172
|
-
*#iterate() {
|
|
173
|
-
for (const iconName of Object.keys(this.#icons)) {
|
|
174
|
-
const slotName = `${iconName}-icon`;
|
|
175
|
-
for (const slot of this.slots.elements) {
|
|
176
|
-
if (slot.name !== slotName) continue;
|
|
177
|
-
yield { icon: this.#icons[iconName], slot };
|
|
178
|
-
}
|
|
179
|
-
}
|
|
180
|
-
}
|
|
181
|
-
#insertIcons() {
|
|
182
|
-
if (!this.#loaded) return;
|
|
183
|
-
for (const { icon, slot } of this.#iterate()) {
|
|
184
|
-
this.slots.assign(icon, slot);
|
|
185
|
-
}
|
|
186
|
-
}
|
|
187
|
-
}
|
|
188
|
-
|
|
189
|
-
class LayoutIconsLoader extends IconsLoader {
|
|
190
|
-
connect() {
|
|
191
|
-
super.connect();
|
|
192
|
-
const { player } = useMediaContext();
|
|
193
|
-
if (!player.el) return;
|
|
194
|
-
let dispose, observer = new IntersectionObserver((entries) => {
|
|
195
|
-
if (!entries[0]?.isIntersecting) return;
|
|
196
|
-
dispose?.();
|
|
197
|
-
dispose = void 0;
|
|
198
|
-
this.load();
|
|
199
|
-
});
|
|
200
|
-
observer.observe(player.el);
|
|
201
|
-
dispose = onDispose(() => observer.disconnect());
|
|
202
|
-
}
|
|
203
|
-
}
|
|
204
|
-
|
|
205
|
-
export { $signal, Icon, LayoutIconsLoader, SlotManager };
|