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

Flatten workspace (#120)

Browse Source
This commit is contained in:
Rahim
2025-10-23 15:19:36 -07:00
committed by GitHub
parent e41f883aea
commit 1ad0bc436f
215 changed files with 804 additions and 6445 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/html/src/icons/index.ts
+7
View File
@@ -0,0 +1,7 @@
export * as MediaFullscreenEnterIcon from './media-fullscreen-enter-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';
packages/html/src/icons/media-chrome-icon.ts
+26
View File
@@ -0,0 +1,26 @@
export function getTemplateHTML() {
return /* html */ `
<style>
:host {
display: inline-block;
}
svg {
fill: currentColor;
}
</style>
`;
}
export class MediaChromeIcon extends HTMLElement {
static shadowRootOptions = { mode: 'open' as ShadowRootMode };
static getTemplateHTML: () => string = getTemplateHTML;
constructor() {
super();
if (!this.shadowRoot) {
this.attachShadow((this.constructor as typeof MediaChromeIcon).shadowRootOptions);
this.shadowRoot!.innerHTML = (this.constructor as typeof MediaChromeIcon).getTemplateHTML();
}
}
}
packages/html/src/icons/media-fullscreen-enter-icon.ts
+21
View File
@@ -0,0 +1,21 @@
import { SVG_ICONS } from '@vjs-10/icons';
import { MediaChromeIcon } from './media-chrome-icon';
export function getTemplateHTML() {
return /* html */ `
${MediaChromeIcon.getTemplateHTML()}
<style>
:host {
display: var(--media-fullscreen-enter-icon-display, inline-flex);
}
</style>
${SVG_ICONS.fullscreenEnter}
`;
}
export class MediaFullscreenEnterIcon extends MediaChromeIcon {
static getTemplateHTML: () => string = getTemplateHTML;
}
customElements.define('media-fullscreen-enter-icon', MediaFullscreenEnterIcon);
packages/html/src/icons/media-fullscreen-exit-icon.ts
+21
View File
@@ -0,0 +1,21 @@
import { SVG_ICONS } from '@vjs-10/icons';
import { MediaChromeIcon } from './media-chrome-icon';
export function getTemplateHTML() {
return /* html */ `
${MediaChromeIcon.getTemplateHTML()}
<style>
:host {
display: var(--media-fullscreen-exit-icon-display, inline-flex);
}
</style>
${SVG_ICONS.fullscreenExit}
`;
}
export class MediaFullscreenExitIcon extends MediaChromeIcon {
static getTemplateHTML: () => string = getTemplateHTML;
}
customElements.define('media-fullscreen-exit-icon', MediaFullscreenExitIcon);
packages/html/src/icons/media-pause-icon.ts
+16
View File
@@ -0,0 +1,16 @@
import { SVG_ICONS } from '@vjs-10/icons';
import { MediaChromeIcon } from './media-chrome-icon';
export function getTemplateHTML() {
return /* html */ `
${MediaChromeIcon.getTemplateHTML()}
${SVG_ICONS.pause}
`;
}
export class MediaPauseIcon extends MediaChromeIcon {
static getTemplateHTML: () => string = getTemplateHTML;
}
customElements.define('media-pause-icon', MediaPauseIcon);
packages/html/src/icons/media-play-icon.ts
+21
View File
@@ -0,0 +1,21 @@
import { SVG_ICONS } from '@vjs-10/icons';
import { MediaChromeIcon } from './media-chrome-icon';
export function getTemplateHTML() {
return /* html */ `
${MediaChromeIcon.getTemplateHTML()}
<style>
:host {
display: var(--media-play-icon-display, inline-flex);
}
</style>
${SVG_ICONS.play}
`;
}
export class MediaPlayIcon extends MediaChromeIcon {
static getTemplateHTML: () => string = getTemplateHTML;
}
customElements.define('media-play-icon', MediaPlayIcon);
packages/html/src/icons/media-volume-high-icon.ts
+21
View File
@@ -0,0 +1,21 @@
import { SVG_ICONS } from '@vjs-10/icons';
import { MediaChromeIcon } from './media-chrome-icon';
export function getTemplateHTML() {
return /* html */ `
${MediaChromeIcon.getTemplateHTML()}
<style>
:host {
display: var(--media-play-icon-display, inline-flex);
}
</style>
${SVG_ICONS.volumeHigh}
`;
}
export class MediaVolumeHighIcon extends MediaChromeIcon {
static getTemplateHTML: () => string = getTemplateHTML;
}
customElements.define('media-volume-high-icon', MediaVolumeHighIcon);
packages/html/src/icons/media-volume-low-icon.ts
+21
View File
@@ -0,0 +1,21 @@
import { SVG_ICONS } from '@vjs-10/icons';
import { MediaChromeIcon } from './media-chrome-icon';
export function getTemplateHTML() {
return /* html */ `
${MediaChromeIcon.getTemplateHTML()}
<style>
:host {
display: var(--media-play-icon-display, inline-flex);
}
</style>
${SVG_ICONS.volumeLow}
`;
}
export class MediaVolumeLowIcon extends MediaChromeIcon {
static getTemplateHTML: () => string = getTemplateHTML;
}
customElements.define('media-volume-low-icon', MediaVolumeLowIcon);
packages/html/src/icons/media-volume-off-icon.ts
+21
View File
@@ -0,0 +1,21 @@
import { SVG_ICONS } from '@vjs-10/icons';
import { MediaChromeIcon } from './media-chrome-icon';
export function getTemplateHTML() {
return /* html */ `
${MediaChromeIcon.getTemplateHTML()}
<style>
:host {
display: var(--media-play-icon-display, inline-flex);
}
</style>
${SVG_ICONS.volumeOff}
`;
}
export class MediaVolumeOffIcon extends MediaChromeIcon {
static getTemplateHTML: () => string = getTemplateHTML;
}
customElements.define('media-volume-off-icon', MediaVolumeOffIcon);