zoriya/v10
1
0
Fork 0
mirror of https://github.com/zoriya/v10.git synced 2026-08-16 02:45:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(html): add element registrations

Browse Source
This commit is contained in:
Rahim
2025-10-30 04:51:51 +00:00
parent 9e4af60361
commit eaaa03c284
54 changed files with 374 additions and 409 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/html/src/icons/index.ts
+9 -9
View File
@@ -1,9 +1,9 @@
export * as MediaFullscreenEnterAltIcon from './media-fullscreen-enter-alt-icon';
export * as MediaFullscreenEnterIcon from './media-fullscreen-enter-icon';
export * as MediaFullscreenExitAltIcon from './media-fullscreen-exit-alt-icon';
export * as MediaFullscreenExitIcon from './media-fullscreen-exit-icon';
export * as MediaPauseIcon from './media-pause-icon';
export * as MediaPlayIcon from './media-play-icon';
export * as MediaVolumeHighIcon from './media-volume-high-icon';
export * as MediaVolumeLowIcon from './media-volume-low-icon';
export * as MediaVolumeOffIcon from './media-volume-off-icon';
import './media-fullscreen-enter-alt-icon';
import './media-fullscreen-enter-icon';
import './media-fullscreen-exit-alt-icon';
import './media-fullscreen-exit-icon';
import './media-pause-icon';
import './media-play-icon';
import './media-volume-high-icon';
import './media-volume-low-icon';
import './media-volume-off-icon';
packages/html/src/icons/media-fullscreen-enter-alt-icon.ts
+3 -2
View File
@@ -1,5 +1,6 @@
import { SVG_ICONS } from '@videojs/icons';
import { defineCustomElement } from '@/utils/custom-element';
import { MediaChromeIcon } from './media-chrome-icon';
export function getTemplateHTML() {
@@ -14,8 +15,8 @@ export function getTemplateHTML() {
`;
}
export class MediaFullscreenEnterAltIcon extends MediaChromeIcon {
export class MediaFullscreenEnterAltIconElement extends MediaChromeIcon {
static getTemplateHTML: () => string = getTemplateHTML;
}
customElements.define('media-fullscreen-enter-alt-icon', MediaFullscreenEnterAltIcon);
defineCustomElement('media-fullscreen-enter-alt-icon', MediaFullscreenEnterAltIconElement);
packages/html/src/icons/media-fullscreen-enter-icon.ts
+3 -2
View File
@@ -1,5 +1,6 @@
import { SVG_ICONS } from '@videojs/icons';
import { defineCustomElement } from '@/utils/custom-element';
import { MediaChromeIcon } from './media-chrome-icon';
export function getTemplateHTML() {
@@ -14,8 +15,8 @@ export function getTemplateHTML() {
`;
}
export class MediaFullscreenEnterIcon extends MediaChromeIcon {
export class MediaFullscreenEnterIconElement extends MediaChromeIcon {
static getTemplateHTML: () => string = getTemplateHTML;
}
customElements.define('media-fullscreen-enter-icon', MediaFullscreenEnterIcon);
defineCustomElement('media-fullscreen-enter-icon', MediaFullscreenEnterIconElement);
packages/html/src/icons/media-fullscreen-exit-alt-icon.ts
+3 -2
View File
@@ -1,5 +1,6 @@
import { SVG_ICONS } from '@videojs/icons';
import { defineCustomElement } from '@/utils/custom-element';
import { MediaChromeIcon } from './media-chrome-icon';
export function getTemplateHTML() {
@@ -14,8 +15,8 @@ export function getTemplateHTML() {
`;
}
export class MediaFullscreenExitAltIcon extends MediaChromeIcon {
export class MediaFullscreenExitAltIconElement extends MediaChromeIcon {
static getTemplateHTML: () => string = getTemplateHTML;
}
customElements.define('media-fullscreen-exit-alt-icon', MediaFullscreenExitAltIcon);
defineCustomElement('media-fullscreen-exit-alt-icon', MediaFullscreenExitAltIconElement);
packages/html/src/icons/media-fullscreen-exit-icon.ts
+3 -2
View File
@@ -1,5 +1,6 @@
import { SVG_ICONS } from '@videojs/icons';
import { defineCustomElement } from '@/utils/custom-element';
import { MediaChromeIcon } from './media-chrome-icon';
export function getTemplateHTML() {
@@ -14,8 +15,8 @@ export function getTemplateHTML() {
`;
}
export class MediaFullscreenExitIcon extends MediaChromeIcon {
export class MediaFullscreenExitIconElement extends MediaChromeIcon {
static getTemplateHTML: () => string = getTemplateHTML;
}
customElements.define('media-fullscreen-exit-icon', MediaFullscreenExitIcon);
defineCustomElement('media-fullscreen-exit-icon', MediaFullscreenExitIconElement);
packages/html/src/icons/media-pause-icon.ts
+3 -2
View File
@@ -1,5 +1,6 @@
import { SVG_ICONS } from '@videojs/icons';
import { defineCustomElement } from '@/utils/custom-element';
import { MediaChromeIcon } from './media-chrome-icon';
export function getTemplateHTML() {
@@ -9,8 +10,8 @@ export function getTemplateHTML() {
`;
}
export class MediaPauseIcon extends MediaChromeIcon {
export class MediaPauseIconElement extends MediaChromeIcon {
static getTemplateHTML: () => string = getTemplateHTML;
}
customElements.define('media-pause-icon', MediaPauseIcon);
defineCustomElement('media-pause-icon', MediaPauseIconElement);
packages/html/src/icons/media-play-icon.ts
+3 -2
View File
@@ -1,5 +1,6 @@
import { SVG_ICONS } from '@videojs/icons';
import { defineCustomElement } from '@/utils/custom-element';
import { MediaChromeIcon } from './media-chrome-icon';
export function getTemplateHTML() {
@@ -14,8 +15,8 @@ export function getTemplateHTML() {
`;
}
export class MediaPlayIcon extends MediaChromeIcon {
export class MediaPlayIconElement extends MediaChromeIcon {
static getTemplateHTML: () => string = getTemplateHTML;
}
customElements.define('media-play-icon', MediaPlayIcon);
defineCustomElement('media-play-icon', MediaPlayIconElement);
packages/html/src/icons/media-volume-high-icon.ts
+3 -2
View File
@@ -1,5 +1,6 @@
import { SVG_ICONS } from '@videojs/icons';
import { defineCustomElement } from '@/utils/custom-element';
import { MediaChromeIcon } from './media-chrome-icon';
export function getTemplateHTML() {
@@ -14,8 +15,8 @@ export function getTemplateHTML() {
`;
}
export class MediaVolumeHighIcon extends MediaChromeIcon {
export class MediaVolumeHighIconElement extends MediaChromeIcon {
static getTemplateHTML: () => string = getTemplateHTML;
}
customElements.define('media-volume-high-icon', MediaVolumeHighIcon);
defineCustomElement('media-volume-high-icon', MediaVolumeHighIconElement);
packages/html/src/icons/media-volume-low-icon.ts
+3 -2
View File
@@ -1,5 +1,6 @@
import { SVG_ICONS } from '@videojs/icons';
import { defineCustomElement } from '@/utils/custom-element';
import { MediaChromeIcon } from './media-chrome-icon';
export function getTemplateHTML() {
@@ -14,8 +15,8 @@ export function getTemplateHTML() {
`;
}
export class MediaVolumeLowIcon extends MediaChromeIcon {
export class MediaVolumeLowIconElement extends MediaChromeIcon {
static getTemplateHTML: () => string = getTemplateHTML;
}
customElements.define('media-volume-low-icon', MediaVolumeLowIcon);
defineCustomElement('media-volume-low-icon', MediaVolumeLowIconElement);
packages/html/src/icons/media-volume-off-icon.ts
+3 -2
View File
@@ -1,5 +1,6 @@
import { SVG_ICONS } from '@videojs/icons';
import { defineCustomElement } from '@/utils/custom-element';
import { MediaChromeIcon } from './media-chrome-icon';
export function getTemplateHTML() {
@@ -14,8 +15,8 @@ export function getTemplateHTML() {
`;
}
export class MediaVolumeOffIcon extends MediaChromeIcon {
export class MediaVolumeOffIconElement extends MediaChromeIcon {
static getTemplateHTML: () => string = getTemplateHTML;
}
customElements.define('media-volume-off-icon', MediaVolumeOffIcon);
defineCustomElement('media-volume-off-icon', MediaVolumeOffIconElement);