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

refactor(html): context-based media discovery, remove slot="media" (#997)

Browse Source
This commit is contained in:
rahim
2026-03-18 22:21:30 -07:00
committed by GitHub
parent 81781ca585
commit e09ea334bd
24 changed files with 158 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/html/src/define/audio/minimal-skin.tailwind.ts
+1 -1
View File
@@ -37,7 +37,7 @@ const SEEK_TIME = 10;
function getTemplateHTML() {
return /*html*/ `
<media-container class="${root}">
<slot name="media"></slot>
<slot></slot>
<div class="${controls}">
<media-tooltip-group>
packages/html/src/define/audio/minimal-skin.ts
+1 -1
View File
@@ -21,7 +21,7 @@ const SEEK_TIME = 10;
function getTemplateHTML() {
return /*html*/ `
<media-container class="media-minimal-skin media-minimal-skin--audio">
<slot name="media"></slot>
<slot></slot>
<div class="media-controls">
<media-tooltip-group>
packages/html/src/define/audio/skin.tailwind.ts
+1 -1
View File
@@ -36,7 +36,7 @@ const SEEK_TIME = 10;
function getTemplateHTML() {
return /*html*/ `
<media-container class="${root}">
<slot name="media"></slot>
<slot></slot>
<div class="${controls}">
<media-tooltip-group>
packages/html/src/define/audio/skin.ts
+1 -1
View File
@@ -21,7 +21,7 @@ const SEEK_TIME = 10;
function getTemplateHTML() {
return /*html*/ `
<media-container class="media-default-skin media-default-skin--audio">
<slot name="media"></slot>
<slot></slot>
<div class="media-surface media-controls">
<media-tooltip-group>
packages/html/src/define/background/skin.css
+1 -1
View File
@@ -11,7 +11,7 @@ background-video-skin {
object-fit: var(--media-object-fit);
}
background-video-skin > [slot="media"] {
background-video-skin > background-video {
position: absolute;
inset: 0;
width: 100%;
packages/html/src/define/background/skin.ts
+1 -1
View File
@@ -5,7 +5,7 @@ import { safeDefine } from '../safe-define';
function getTemplateHTML(_attrs: Record<string, string>) {
return /*html*/ `
<media-container>
<slot name="media" slot="media"></slot>
<slot></slot>
</media-container>
`;
}
packages/html/src/define/video/minimal-skin.tailwind.ts
+1 -1
View File
@@ -47,7 +47,7 @@ const SEEK_TIME = 10;
function getTemplateHTML() {
return /*html*/ `
<media-container class="${root(true)}">
<slot name="media"></slot>
<slot></slot>
<media-poster class="${poster(true)}">
<slot name="poster"></slot>
packages/html/src/define/video/minimal-skin.ts
+1 -1
View File
@@ -26,7 +26,7 @@ const SEEK_TIME = 10;
function getTemplateHTML() {
return /*html*/ `
<media-container class="media-minimal-skin media-minimal-skin--video">
<slot name="media"></slot>
<slot></slot>
<media-poster>
<slot name="poster"></slot>
packages/html/src/define/video/skin.tailwind.ts
+1 -1
View File
@@ -46,7 +46,7 @@ const SEEK_TIME = 10;
function getTemplateHTML() {
return /*html*/ `
<media-container class="${root(true)}">
<slot name="media"></slot>
<slot></slot>
<media-poster class="${poster(true)}">
<slot name="poster"></slot>
packages/html/src/define/video/skin.ts
+1 -1
View File
@@ -27,7 +27,7 @@ const SEEK_TIME = 10;
function getTemplateHTML() {
return /*html*/ `
<media-container class="media-default-skin media-default-skin--video">
<slot name="media"></slot>
<slot></slot>
<media-poster>
<slot name="poster"></slot>