@videojs/html 0.1.0-preview.2
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/LICENSE +20 -0
- package/README.md +26 -0
- package/dist/chunk-Bp6m_JJh.js +13 -0
- package/dist/icons-YlVTDFdV.js +198 -0
- package/dist/icons-YlVTDFdV.js.map +1 -0
- package/dist/icons.d.ts +2 -0
- package/dist/icons.js +3 -0
- package/dist/index-BtSCzZKn.d.ts +62 -0
- package/dist/index-BtSCzZKn.d.ts.map +1 -0
- package/dist/index.d.ts +8 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +10 -0
- package/dist/index.js.map +1 -0
- package/dist/media-skin-BlXPC9wG.js +1458 -0
- package/dist/media-skin-BlXPC9wG.js.map +1 -0
- package/dist/media-skin-CbuyuCb-.d.ts +208 -0
- package/dist/media-skin-CbuyuCb-.d.ts.map +1 -0
- package/dist/skins/default.d.ts +12 -0
- package/dist/skins/default.d.ts.map +1 -0
- package/dist/skins/default.js +424 -0
- package/dist/skins/default.js.map +1 -0
- package/dist/store.d.ts +1 -0
- package/dist/store.js +0 -0
- package/package.json +60 -0
package/LICENSE
ADDED
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
Copyright 2025-present Video.js contributors
|
|
2
|
+
|
|
3
|
+
Licensed under the Apache License, Version 2.0 (the "License");
|
|
4
|
+
you may not use this file except in compliance with the License.
|
|
5
|
+
You may obtain a copy of the License at
|
|
6
|
+
|
|
7
|
+
http://www.apache.org/licenses/LICENSE-2.0
|
|
8
|
+
|
|
9
|
+
Unless required by applicable law or agreed to in writing, software
|
|
10
|
+
distributed under the License is distributed on an "AS IS" BASIS,
|
|
11
|
+
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
12
|
+
See the License for the specific language governing permissions and
|
|
13
|
+
limitations under the License.
|
|
14
|
+
|
|
15
|
+
------------------------------------------------------------------
|
|
16
|
+
|
|
17
|
+
Trademark Notice:
|
|
18
|
+
“Video.js” is a registered trademark of Brightcove Inc.
|
|
19
|
+
The project is maintained independently by the open-source community,
|
|
20
|
+
governed by the Video.js Technical Steering Committee.
|
package/README.md
ADDED
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
# @videojs/html
|
|
2
|
+
|
|
3
|
+
[![package-badge]][package]
|
|
4
|
+
|
|
5
|
+
> **⚠️ Technical Preview - SUBJECT TO CHANGE** Not recommended for production use.
|
|
6
|
+
|
|
7
|
+
## Overview
|
|
8
|
+
|
|
9
|
+
`@videojs/html` is a comprehensive library for building media players with vanilla JavaScript and Web Components. It provides a complete set of UI components, state management, and utilities for creating feature-rich, accessible video and audio players.
|
|
10
|
+
|
|
11
|
+
## Community
|
|
12
|
+
|
|
13
|
+
If you need help with anything related to Video.js 10, or if you'd like to casually chat with other
|
|
14
|
+
members:
|
|
15
|
+
|
|
16
|
+
- [Join Discord Server][discord]
|
|
17
|
+
- [See GitHub Discussions][gh-discussions]
|
|
18
|
+
|
|
19
|
+
## License
|
|
20
|
+
|
|
21
|
+
[Apache-2.0](./LICENSE)
|
|
22
|
+
|
|
23
|
+
[package]: https://www.npmjs.com/package/@videojs/html
|
|
24
|
+
[package-badge]: https://img.shields.io/npm/v/%40videojs%2Fhtml%40next
|
|
25
|
+
[discord]: https://discord.gg/b664Gq3pdy
|
|
26
|
+
[gh-discussions]: https://github.com/muxinc/vjs-10-monorepo/discussions
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
//#region rolldown:runtime
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __export = (all) => {
|
|
4
|
+
let target = {};
|
|
5
|
+
for (var name in all) __defProp(target, name, {
|
|
6
|
+
get: all[name],
|
|
7
|
+
enumerable: true
|
|
8
|
+
});
|
|
9
|
+
return target;
|
|
10
|
+
};
|
|
11
|
+
|
|
12
|
+
//#endregion
|
|
13
|
+
export { __export as t };
|
|
@@ -0,0 +1,198 @@
|
|
|
1
|
+
import { t as __export } from "./chunk-Bp6m_JJh.js";
|
|
2
|
+
import { SVG_ICONS } from "@videojs/icons";
|
|
3
|
+
|
|
4
|
+
//#region src/icons/media-chrome-icon.ts
|
|
5
|
+
function getTemplateHTML$7() {
|
|
6
|
+
return `
|
|
7
|
+
<style>
|
|
8
|
+
:host {
|
|
9
|
+
display: inline-block;
|
|
10
|
+
}
|
|
11
|
+
svg {
|
|
12
|
+
fill: currentColor;
|
|
13
|
+
}
|
|
14
|
+
</style>
|
|
15
|
+
`;
|
|
16
|
+
}
|
|
17
|
+
var MediaChromeIcon = class extends HTMLElement {
|
|
18
|
+
static {
|
|
19
|
+
this.shadowRootOptions = { mode: "open" };
|
|
20
|
+
}
|
|
21
|
+
static {
|
|
22
|
+
this.getTemplateHTML = getTemplateHTML$7;
|
|
23
|
+
}
|
|
24
|
+
constructor() {
|
|
25
|
+
super();
|
|
26
|
+
if (!this.shadowRoot) {
|
|
27
|
+
this.attachShadow(this.constructor.shadowRootOptions);
|
|
28
|
+
this.shadowRoot.innerHTML = this.constructor.getTemplateHTML();
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
};
|
|
32
|
+
|
|
33
|
+
//#endregion
|
|
34
|
+
//#region src/icons/media-fullscreen-enter-icon.ts
|
|
35
|
+
var media_fullscreen_enter_icon_exports = /* @__PURE__ */ __export({
|
|
36
|
+
MediaFullscreenEnterIcon: () => MediaFullscreenEnterIcon,
|
|
37
|
+
getTemplateHTML: () => getTemplateHTML$6
|
|
38
|
+
});
|
|
39
|
+
function getTemplateHTML$6() {
|
|
40
|
+
return `
|
|
41
|
+
${MediaChromeIcon.getTemplateHTML()}
|
|
42
|
+
<style>
|
|
43
|
+
:host {
|
|
44
|
+
display: var(--media-fullscreen-enter-icon-display, inline-flex);
|
|
45
|
+
}
|
|
46
|
+
</style>
|
|
47
|
+
${SVG_ICONS.fullscreenEnter}
|
|
48
|
+
`;
|
|
49
|
+
}
|
|
50
|
+
var MediaFullscreenEnterIcon = class extends MediaChromeIcon {
|
|
51
|
+
static {
|
|
52
|
+
this.getTemplateHTML = getTemplateHTML$6;
|
|
53
|
+
}
|
|
54
|
+
};
|
|
55
|
+
customElements.define("media-fullscreen-enter-icon", MediaFullscreenEnterIcon);
|
|
56
|
+
|
|
57
|
+
//#endregion
|
|
58
|
+
//#region src/icons/media-fullscreen-exit-icon.ts
|
|
59
|
+
var media_fullscreen_exit_icon_exports = /* @__PURE__ */ __export({
|
|
60
|
+
MediaFullscreenExitIcon: () => MediaFullscreenExitIcon,
|
|
61
|
+
getTemplateHTML: () => getTemplateHTML$5
|
|
62
|
+
});
|
|
63
|
+
function getTemplateHTML$5() {
|
|
64
|
+
return `
|
|
65
|
+
${MediaChromeIcon.getTemplateHTML()}
|
|
66
|
+
<style>
|
|
67
|
+
:host {
|
|
68
|
+
display: var(--media-fullscreen-exit-icon-display, inline-flex);
|
|
69
|
+
}
|
|
70
|
+
</style>
|
|
71
|
+
${SVG_ICONS.fullscreenExit}
|
|
72
|
+
`;
|
|
73
|
+
}
|
|
74
|
+
var MediaFullscreenExitIcon = class extends MediaChromeIcon {
|
|
75
|
+
static {
|
|
76
|
+
this.getTemplateHTML = getTemplateHTML$5;
|
|
77
|
+
}
|
|
78
|
+
};
|
|
79
|
+
customElements.define("media-fullscreen-exit-icon", MediaFullscreenExitIcon);
|
|
80
|
+
|
|
81
|
+
//#endregion
|
|
82
|
+
//#region src/icons/media-pause-icon.ts
|
|
83
|
+
var media_pause_icon_exports = /* @__PURE__ */ __export({
|
|
84
|
+
MediaPauseIcon: () => MediaPauseIcon,
|
|
85
|
+
getTemplateHTML: () => getTemplateHTML$4
|
|
86
|
+
});
|
|
87
|
+
function getTemplateHTML$4() {
|
|
88
|
+
return `
|
|
89
|
+
${MediaChromeIcon.getTemplateHTML()}
|
|
90
|
+
${SVG_ICONS.pause}
|
|
91
|
+
`;
|
|
92
|
+
}
|
|
93
|
+
var MediaPauseIcon = class extends MediaChromeIcon {
|
|
94
|
+
static {
|
|
95
|
+
this.getTemplateHTML = getTemplateHTML$4;
|
|
96
|
+
}
|
|
97
|
+
};
|
|
98
|
+
customElements.define("media-pause-icon", MediaPauseIcon);
|
|
99
|
+
|
|
100
|
+
//#endregion
|
|
101
|
+
//#region src/icons/media-play-icon.ts
|
|
102
|
+
var media_play_icon_exports = /* @__PURE__ */ __export({
|
|
103
|
+
MediaPlayIcon: () => MediaPlayIcon,
|
|
104
|
+
getTemplateHTML: () => getTemplateHTML$3
|
|
105
|
+
});
|
|
106
|
+
function getTemplateHTML$3() {
|
|
107
|
+
return `
|
|
108
|
+
${MediaChromeIcon.getTemplateHTML()}
|
|
109
|
+
<style>
|
|
110
|
+
:host {
|
|
111
|
+
display: var(--media-play-icon-display, inline-flex);
|
|
112
|
+
}
|
|
113
|
+
</style>
|
|
114
|
+
${SVG_ICONS.play}
|
|
115
|
+
`;
|
|
116
|
+
}
|
|
117
|
+
var MediaPlayIcon = class extends MediaChromeIcon {
|
|
118
|
+
static {
|
|
119
|
+
this.getTemplateHTML = getTemplateHTML$3;
|
|
120
|
+
}
|
|
121
|
+
};
|
|
122
|
+
customElements.define("media-play-icon", MediaPlayIcon);
|
|
123
|
+
|
|
124
|
+
//#endregion
|
|
125
|
+
//#region src/icons/media-volume-high-icon.ts
|
|
126
|
+
var media_volume_high_icon_exports = /* @__PURE__ */ __export({
|
|
127
|
+
MediaVolumeHighIcon: () => MediaVolumeHighIcon,
|
|
128
|
+
getTemplateHTML: () => getTemplateHTML$2
|
|
129
|
+
});
|
|
130
|
+
function getTemplateHTML$2() {
|
|
131
|
+
return `
|
|
132
|
+
${MediaChromeIcon.getTemplateHTML()}
|
|
133
|
+
<style>
|
|
134
|
+
:host {
|
|
135
|
+
display: var(--media-play-icon-display, inline-flex);
|
|
136
|
+
}
|
|
137
|
+
</style>
|
|
138
|
+
${SVG_ICONS.volumeHigh}
|
|
139
|
+
`;
|
|
140
|
+
}
|
|
141
|
+
var MediaVolumeHighIcon = class extends MediaChromeIcon {
|
|
142
|
+
static {
|
|
143
|
+
this.getTemplateHTML = getTemplateHTML$2;
|
|
144
|
+
}
|
|
145
|
+
};
|
|
146
|
+
customElements.define("media-volume-high-icon", MediaVolumeHighIcon);
|
|
147
|
+
|
|
148
|
+
//#endregion
|
|
149
|
+
//#region src/icons/media-volume-low-icon.ts
|
|
150
|
+
var media_volume_low_icon_exports = /* @__PURE__ */ __export({
|
|
151
|
+
MediaVolumeLowIcon: () => MediaVolumeLowIcon,
|
|
152
|
+
getTemplateHTML: () => getTemplateHTML$1
|
|
153
|
+
});
|
|
154
|
+
function getTemplateHTML$1() {
|
|
155
|
+
return `
|
|
156
|
+
${MediaChromeIcon.getTemplateHTML()}
|
|
157
|
+
<style>
|
|
158
|
+
:host {
|
|
159
|
+
display: var(--media-play-icon-display, inline-flex);
|
|
160
|
+
}
|
|
161
|
+
</style>
|
|
162
|
+
${SVG_ICONS.volumeLow}
|
|
163
|
+
`;
|
|
164
|
+
}
|
|
165
|
+
var MediaVolumeLowIcon = class extends MediaChromeIcon {
|
|
166
|
+
static {
|
|
167
|
+
this.getTemplateHTML = getTemplateHTML$1;
|
|
168
|
+
}
|
|
169
|
+
};
|
|
170
|
+
customElements.define("media-volume-low-icon", MediaVolumeLowIcon);
|
|
171
|
+
|
|
172
|
+
//#endregion
|
|
173
|
+
//#region src/icons/media-volume-off-icon.ts
|
|
174
|
+
var media_volume_off_icon_exports = /* @__PURE__ */ __export({
|
|
175
|
+
MediaVolumeOffIcon: () => MediaVolumeOffIcon,
|
|
176
|
+
getTemplateHTML: () => getTemplateHTML
|
|
177
|
+
});
|
|
178
|
+
function getTemplateHTML() {
|
|
179
|
+
return `
|
|
180
|
+
${MediaChromeIcon.getTemplateHTML()}
|
|
181
|
+
<style>
|
|
182
|
+
:host {
|
|
183
|
+
display: var(--media-play-icon-display, inline-flex);
|
|
184
|
+
}
|
|
185
|
+
</style>
|
|
186
|
+
${SVG_ICONS.volumeOff}
|
|
187
|
+
`;
|
|
188
|
+
}
|
|
189
|
+
var MediaVolumeOffIcon = class extends MediaChromeIcon {
|
|
190
|
+
static {
|
|
191
|
+
this.getTemplateHTML = getTemplateHTML;
|
|
192
|
+
}
|
|
193
|
+
};
|
|
194
|
+
customElements.define("media-volume-off-icon", MediaVolumeOffIcon);
|
|
195
|
+
|
|
196
|
+
//#endregion
|
|
197
|
+
export { media_pause_icon_exports as a, media_play_icon_exports as i, media_volume_low_icon_exports as n, media_fullscreen_exit_icon_exports as o, media_volume_high_icon_exports as r, media_fullscreen_enter_icon_exports as s, media_volume_off_icon_exports as t };
|
|
198
|
+
//# sourceMappingURL=icons-YlVTDFdV.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"icons-YlVTDFdV.js","names":["getTemplateHTML","getTemplateHTML","getTemplateHTML","getTemplateHTML","getTemplateHTML","getTemplateHTML","getTemplateHTML"],"sources":["../src/icons/media-chrome-icon.ts","../src/icons/media-fullscreen-enter-icon.ts","../src/icons/media-fullscreen-exit-icon.ts","../src/icons/media-pause-icon.ts","../src/icons/media-play-icon.ts","../src/icons/media-volume-high-icon.ts","../src/icons/media-volume-low-icon.ts","../src/icons/media-volume-off-icon.ts"],"sourcesContent":["export function getTemplateHTML() {\n return /* html */ `\n <style>\n :host {\n display: inline-block;\n }\n svg {\n fill: currentColor;\n }\n </style>\n `;\n}\n\nexport class MediaChromeIcon extends HTMLElement {\n static shadowRootOptions = { mode: 'open' as ShadowRootMode };\n static getTemplateHTML: () => string = getTemplateHTML;\n\n constructor() {\n super();\n\n if (!this.shadowRoot) {\n this.attachShadow((this.constructor as typeof MediaChromeIcon).shadowRootOptions);\n this.shadowRoot!.innerHTML = (this.constructor as typeof MediaChromeIcon).getTemplateHTML();\n }\n }\n}\n","import { SVG_ICONS } from '@videojs/icons';\n\nimport { MediaChromeIcon } from './media-chrome-icon';\n\nexport function getTemplateHTML() {\n return /* html */ `\n ${MediaChromeIcon.getTemplateHTML()}\n <style>\n :host {\n display: var(--media-fullscreen-enter-icon-display, inline-flex);\n }\n </style>\n ${SVG_ICONS.fullscreenEnter}\n `;\n}\n\nexport class MediaFullscreenEnterIcon extends MediaChromeIcon {\n static getTemplateHTML: () => string = getTemplateHTML;\n}\n\ncustomElements.define('media-fullscreen-enter-icon', MediaFullscreenEnterIcon);\n","import { SVG_ICONS } from '@videojs/icons';\n\nimport { MediaChromeIcon } from './media-chrome-icon';\n\nexport function getTemplateHTML() {\n return /* html */ `\n ${MediaChromeIcon.getTemplateHTML()}\n <style>\n :host {\n display: var(--media-fullscreen-exit-icon-display, inline-flex);\n }\n </style>\n ${SVG_ICONS.fullscreenExit}\n `;\n}\n\nexport class MediaFullscreenExitIcon extends MediaChromeIcon {\n static getTemplateHTML: () => string = getTemplateHTML;\n}\n\ncustomElements.define('media-fullscreen-exit-icon', MediaFullscreenExitIcon);\n","import { SVG_ICONS } from '@videojs/icons';\n\nimport { MediaChromeIcon } from './media-chrome-icon';\n\nexport function getTemplateHTML() {\n return /* html */ `\n ${MediaChromeIcon.getTemplateHTML()}\n ${SVG_ICONS.pause}\n `;\n}\n\nexport class MediaPauseIcon extends MediaChromeIcon {\n static getTemplateHTML: () => string = getTemplateHTML;\n}\n\ncustomElements.define('media-pause-icon', MediaPauseIcon);\n","import { SVG_ICONS } from '@videojs/icons';\n\nimport { MediaChromeIcon } from './media-chrome-icon';\n\nexport function getTemplateHTML() {\n return /* html */ `\n ${MediaChromeIcon.getTemplateHTML()}\n <style>\n :host {\n display: var(--media-play-icon-display, inline-flex);\n }\n </style>\n ${SVG_ICONS.play}\n `;\n}\n\nexport class MediaPlayIcon extends MediaChromeIcon {\n static getTemplateHTML: () => string = getTemplateHTML;\n}\n\ncustomElements.define('media-play-icon', MediaPlayIcon);\n","import { SVG_ICONS } from '@videojs/icons';\n\nimport { MediaChromeIcon } from './media-chrome-icon';\n\nexport function getTemplateHTML() {\n return /* html */ `\n ${MediaChromeIcon.getTemplateHTML()}\n <style>\n :host {\n display: var(--media-play-icon-display, inline-flex);\n }\n </style>\n ${SVG_ICONS.volumeHigh}\n `;\n}\n\nexport class MediaVolumeHighIcon extends MediaChromeIcon {\n static getTemplateHTML: () => string = getTemplateHTML;\n}\n\ncustomElements.define('media-volume-high-icon', MediaVolumeHighIcon);\n","import { SVG_ICONS } from '@videojs/icons';\n\nimport { MediaChromeIcon } from './media-chrome-icon';\n\nexport function getTemplateHTML() {\n return /* html */ `\n ${MediaChromeIcon.getTemplateHTML()}\n <style>\n :host {\n display: var(--media-play-icon-display, inline-flex);\n }\n </style>\n ${SVG_ICONS.volumeLow}\n `;\n}\n\nexport class MediaVolumeLowIcon extends MediaChromeIcon {\n static getTemplateHTML: () => string = getTemplateHTML;\n}\n\ncustomElements.define('media-volume-low-icon', MediaVolumeLowIcon);\n","import { SVG_ICONS } from '@videojs/icons';\n\nimport { MediaChromeIcon } from './media-chrome-icon';\n\nexport function getTemplateHTML() {\n return /* html */ `\n ${MediaChromeIcon.getTemplateHTML()}\n <style>\n :host {\n display: var(--media-play-icon-display, inline-flex);\n }\n </style>\n ${SVG_ICONS.volumeOff}\n `;\n}\n\nexport class MediaVolumeOffIcon extends MediaChromeIcon {\n static getTemplateHTML: () => string = getTemplateHTML;\n}\n\ncustomElements.define('media-volume-off-icon', MediaVolumeOffIcon);\n"],"mappings":";;;;AAAA,SAAgBA,oBAAkB;AAChC,QAAkB;;;;;;;;;;;AAYpB,IAAa,kBAAb,cAAqC,YAAY;;2BACpB,EAAE,MAAM,QAA0B;;;yBACtBA;;CAEvC,cAAc;AACZ,SAAO;AAEP,MAAI,CAAC,KAAK,YAAY;AACpB,QAAK,aAAc,KAAK,YAAuC,kBAAkB;AACjF,QAAK,WAAY,YAAa,KAAK,YAAuC,iBAAiB;;;;;;;;;;;AClBjG,SAAgBC,oBAAkB;AAChC,QAAkB;MACd,gBAAgB,iBAAiB,CAAC;;;;;;MAMlC,UAAU,gBAAgB;;;AAIhC,IAAa,2BAAb,cAA8C,gBAAgB;;yBACrBA;;;AAGzC,eAAe,OAAO,+BAA+B,yBAAyB;;;;;;;;AChB9E,SAAgBC,oBAAkB;AAChC,QAAkB;MACd,gBAAgB,iBAAiB,CAAC;;;;;;MAMlC,UAAU,eAAe;;;AAI/B,IAAa,0BAAb,cAA6C,gBAAgB;;yBACpBA;;;AAGzC,eAAe,OAAO,8BAA8B,wBAAwB;;;;;;;;AChB5E,SAAgBC,oBAAkB;AAChC,QAAkB;MACd,gBAAgB,iBAAiB,CAAC;MAClC,UAAU,MAAM;;;AAItB,IAAa,iBAAb,cAAoC,gBAAgB;;yBACXA;;;AAGzC,eAAe,OAAO,oBAAoB,eAAe;;;;;;;;ACXzD,SAAgBC,oBAAkB;AAChC,QAAkB;MACd,gBAAgB,iBAAiB,CAAC;;;;;;MAMlC,UAAU,KAAK;;;AAIrB,IAAa,gBAAb,cAAmC,gBAAgB;;yBACVA;;;AAGzC,eAAe,OAAO,mBAAmB,cAAc;;;;;;;;AChBvD,SAAgBC,oBAAkB;AAChC,QAAkB;MACd,gBAAgB,iBAAiB,CAAC;;;;;;MAMlC,UAAU,WAAW;;;AAI3B,IAAa,sBAAb,cAAyC,gBAAgB;;yBAChBA;;;AAGzC,eAAe,OAAO,0BAA0B,oBAAoB;;;;;;;;AChBpE,SAAgBC,oBAAkB;AAChC,QAAkB;MACd,gBAAgB,iBAAiB,CAAC;;;;;;MAMlC,UAAU,UAAU;;;AAI1B,IAAa,qBAAb,cAAwC,gBAAgB;;yBACfA;;;AAGzC,eAAe,OAAO,yBAAyB,mBAAmB;;;;;;;;AChBlE,SAAgB,kBAAkB;AAChC,QAAkB;MACd,gBAAgB,iBAAiB,CAAC;;;;;;MAMlC,UAAU,UAAU;;;AAI1B,IAAa,qBAAb,cAAwC,gBAAgB;;yBACf;;;AAGzC,eAAe,OAAO,yBAAyB,mBAAmB"}
|
package/dist/icons.d.ts
ADDED
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import { a as media_pause_icon_d_exports, i as media_play_icon_d_exports, n as media_volume_low_icon_d_exports, o as media_fullscreen_exit_icon_d_exports, r as media_volume_high_icon_d_exports, s as media_fullscreen_enter_icon_d_exports, t as media_volume_off_icon_d_exports } from "./index-BtSCzZKn.js";
|
|
2
|
+
export { media_fullscreen_enter_icon_d_exports as MediaFullscreenEnterIcon, media_fullscreen_exit_icon_d_exports as MediaFullscreenExitIcon, media_pause_icon_d_exports as MediaPauseIcon, media_play_icon_d_exports as MediaPlayIcon, media_volume_high_icon_d_exports as MediaVolumeHighIcon, media_volume_low_icon_d_exports as MediaVolumeLowIcon, media_volume_off_icon_d_exports as MediaVolumeOffIcon };
|
package/dist/icons.js
ADDED
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { a as media_pause_icon_exports, i as media_play_icon_exports, n as media_volume_low_icon_exports, o as media_fullscreen_exit_icon_exports, r as media_volume_high_icon_exports, s as media_fullscreen_enter_icon_exports, t as media_volume_off_icon_exports } from "./icons-YlVTDFdV.js";
|
|
2
|
+
|
|
3
|
+
export { media_fullscreen_enter_icon_exports as MediaFullscreenEnterIcon, media_fullscreen_exit_icon_exports as MediaFullscreenExitIcon, media_pause_icon_exports as MediaPauseIcon, media_play_icon_exports as MediaPlayIcon, media_volume_high_icon_exports as MediaVolumeHighIcon, media_volume_low_icon_exports as MediaVolumeLowIcon, media_volume_off_icon_exports as MediaVolumeOffIcon };
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import { t as __export } from "./chunk-Bp6m_JJh.js";
|
|
2
|
+
|
|
3
|
+
//#region src/icons/media-chrome-icon.d.ts
|
|
4
|
+
declare class MediaChromeIcon extends HTMLElement {
|
|
5
|
+
static shadowRootOptions: {
|
|
6
|
+
mode: ShadowRootMode;
|
|
7
|
+
};
|
|
8
|
+
static getTemplateHTML: () => string;
|
|
9
|
+
constructor();
|
|
10
|
+
}
|
|
11
|
+
declare namespace media_fullscreen_enter_icon_d_exports {
|
|
12
|
+
export { MediaFullscreenEnterIcon, getTemplateHTML$6 as getTemplateHTML };
|
|
13
|
+
}
|
|
14
|
+
declare function getTemplateHTML$6(): string;
|
|
15
|
+
declare class MediaFullscreenEnterIcon extends MediaChromeIcon {
|
|
16
|
+
static getTemplateHTML: () => string;
|
|
17
|
+
}
|
|
18
|
+
declare namespace media_fullscreen_exit_icon_d_exports {
|
|
19
|
+
export { MediaFullscreenExitIcon, getTemplateHTML$5 as getTemplateHTML };
|
|
20
|
+
}
|
|
21
|
+
declare function getTemplateHTML$5(): string;
|
|
22
|
+
declare class MediaFullscreenExitIcon extends MediaChromeIcon {
|
|
23
|
+
static getTemplateHTML: () => string;
|
|
24
|
+
}
|
|
25
|
+
declare namespace media_pause_icon_d_exports {
|
|
26
|
+
export { MediaPauseIcon, getTemplateHTML$4 as getTemplateHTML };
|
|
27
|
+
}
|
|
28
|
+
declare function getTemplateHTML$4(): string;
|
|
29
|
+
declare class MediaPauseIcon extends MediaChromeIcon {
|
|
30
|
+
static getTemplateHTML: () => string;
|
|
31
|
+
}
|
|
32
|
+
declare namespace media_play_icon_d_exports {
|
|
33
|
+
export { MediaPlayIcon, getTemplateHTML$3 as getTemplateHTML };
|
|
34
|
+
}
|
|
35
|
+
declare function getTemplateHTML$3(): string;
|
|
36
|
+
declare class MediaPlayIcon extends MediaChromeIcon {
|
|
37
|
+
static getTemplateHTML: () => string;
|
|
38
|
+
}
|
|
39
|
+
declare namespace media_volume_high_icon_d_exports {
|
|
40
|
+
export { MediaVolumeHighIcon, getTemplateHTML$2 as getTemplateHTML };
|
|
41
|
+
}
|
|
42
|
+
declare function getTemplateHTML$2(): string;
|
|
43
|
+
declare class MediaVolumeHighIcon extends MediaChromeIcon {
|
|
44
|
+
static getTemplateHTML: () => string;
|
|
45
|
+
}
|
|
46
|
+
declare namespace media_volume_low_icon_d_exports {
|
|
47
|
+
export { MediaVolumeLowIcon, getTemplateHTML$1 as getTemplateHTML };
|
|
48
|
+
}
|
|
49
|
+
declare function getTemplateHTML$1(): string;
|
|
50
|
+
declare class MediaVolumeLowIcon extends MediaChromeIcon {
|
|
51
|
+
static getTemplateHTML: () => string;
|
|
52
|
+
}
|
|
53
|
+
declare namespace media_volume_off_icon_d_exports {
|
|
54
|
+
export { MediaVolumeOffIcon, getTemplateHTML };
|
|
55
|
+
}
|
|
56
|
+
declare function getTemplateHTML(): string;
|
|
57
|
+
declare class MediaVolumeOffIcon extends MediaChromeIcon {
|
|
58
|
+
static getTemplateHTML: () => string;
|
|
59
|
+
}
|
|
60
|
+
//#endregion
|
|
61
|
+
export { media_pause_icon_d_exports as a, media_play_icon_d_exports as i, media_volume_low_icon_d_exports as n, media_fullscreen_exit_icon_d_exports as o, media_volume_high_icon_d_exports as r, media_fullscreen_enter_icon_d_exports as s, media_volume_off_icon_d_exports as t };
|
|
62
|
+
//# sourceMappingURL=index-BtSCzZKn.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index-BtSCzZKn.d.ts","names":[],"sources":["../src/icons/media-chrome-icon.ts","../src/icons/media-fullscreen-enter-icon.ts","../src/icons/media-fullscreen-exit-icon.ts","../src/icons/media-pause-icon.ts","../src/icons/media-play-icon.ts","../src/icons/media-volume-high-icon.ts","../src/icons/media-volume-low-icon.ts","../src/icons/media-volume-off-icon.ts"],"sourcesContent":[],"mappings":";;;cAaa,eAAA,SAAwB,WAAA;;IAArC,IAAa,EACkC,cADlC;;;;;;;;iBCTG,iBAAA,CAAA;cAYH,wBAAA,SAAiC,eAAA;EDH9C,OAAa,eAAA,EAAA,GAAA,GAAA,MACkC;;;;;iBEV/B,iBAAA,CAAA;cAYH,uBAAA,SAAgC,eAAA;EFH7C,OAAa,eAAA,EAAA,GAAA,GAAA,MACkC;;;;;iBGV/B,iBAAA,CAAA;cAOH,cAAA,SAAuB,eAAA;EHEpC,OAAa,eAAA,EAAA,GAAA,GAAA,MACkC;;;;;iBIV/B,iBAAA,CAAA;cAYH,aAAA,SAAsB,eAAA;EJHnC,OAAa,eAAA,EAAA,GAAA,GAAA,MACkC;;;;;iBKV/B,iBAAA,CAAA;cAYH,mBAAA,SAA4B,eAAA;ELHzC,OAAa,eAAA,EAAA,GAAA,GAAA,MACkC;;;;;iBMV/B,iBAAA,CAAA;cAYH,kBAAA,SAA2B,eAAA;ENHxC,OAAa,eAAA,EAAA,GAAA,GAAA,MACkC;;;;;iBOV/B,eAAA,CAAA;cAYH,kBAAA,SAA2B,eAAA;EPHxC,OAAa,eAAA,EAAA,GAAA,GAAA,MACkC"}
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { a as Tooltip, c as PlayButton, d as DurationDisplay, f as CurrentTimeDisplay, i as VolumeSlider, l as MuteButton, n as MediaProvider, o as TimeSlider, r as MediaContainer, s as Popover, t as MediaSkin, u as FullscreenButton } from "./media-skin-CbuyuCb-.js";
|
|
2
|
+
|
|
3
|
+
//#region src/index.d.ts
|
|
4
|
+
|
|
5
|
+
declare function defineVjsPlayer(): void;
|
|
6
|
+
//#endregion
|
|
7
|
+
export { CurrentTimeDisplay, DurationDisplay, FullscreenButton, MediaContainer, MediaProvider, MediaSkin, MuteButton, PlayButton, Popover, TimeSlider, Tooltip, VolumeSlider, defineVjsPlayer };
|
|
8
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","names":[],"sources":["../src/index.ts"],"sourcesContent":[],"mappings":";;;;iBAagB,eAAA,CAAA"}
|
package/dist/index.js
ADDED
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { a as Tooltip, c as PlayButton, d as DurationDisplay, f as CurrentTimeDisplay, i as VolumeSlider, l as MuteButton, n as MediaProvider, o as TimeSlider, r as MediaContainer, s as Popover, t as MediaSkin, u as FullscreenButton } from "./media-skin-BlXPC9wG.js";
|
|
2
|
+
|
|
3
|
+
//#region src/index.ts
|
|
4
|
+
function defineVjsPlayer() {
|
|
5
|
+
/** @TODO - Reimplement me (at least as a POC) (CJP) */
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
//#endregion
|
|
9
|
+
export { CurrentTimeDisplay, DurationDisplay, FullscreenButton, MediaContainer, MediaProvider, MediaSkin, MuteButton, PlayButton, Popover, TimeSlider, Tooltip, VolumeSlider, defineVjsPlayer };
|
|
10
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../src/index.ts"],"sourcesContent":["export { CurrentTimeDisplay } from './components/media-current-time-display';\nexport { DurationDisplay } from './components/media-duration-display';\nexport { FullscreenButton } from './components/media-fullscreen-button';\nexport { MuteButton } from './components/media-mute-button';\nexport { PlayButton } from './components/media-play-button';\nexport { Popover } from './components/media-popover';\nexport { TimeSlider } from './components/media-time-slider';\nexport { Tooltip } from './components/media-tooltip';\nexport { VolumeSlider } from './components/media-volume-slider';\nexport { MediaContainer } from './media/media-container';\nexport { MediaProvider } from './media/media-provider';\nexport { MediaSkin } from './media/media-skin';\n\nexport function defineVjsPlayer(): void {\n /** @TODO - Reimplement me (at least as a POC) (CJP) */\n // defineVideoProvider();\n // defineVideoDefaultSkin();\n // <video> is native, no need to define\n}\n"],"mappings":";;;AAaA,SAAgB,kBAAwB"}
|