feat(element): add lightweight reactive element base (#513)

This commit is contained in:
rahim
2026-02-13 00:41:49 +11:00
committed by GitHub
parent f2efa2456b
commit 33b21906cd
60 changed files with 1793 additions and 457 deletions
+2 -6
View File
@@ -1,5 +1,5 @@
import { ContextConsumer } from '@lit/context';
import type { Media, MediaContainer, PlayerStore, PlayerTarget } from '@videojs/core/dom';
import type { MediaContainer, PlayerStore, PlayerTarget } from '@videojs/core/dom';
import { ContextConsumer } from '@videojs/element/context';
import { noop } from '@videojs/utils/function';
import type { MediaElementConstructor } from '@/ui/media-element';
import type { PlayerContext } from '../player/context';
@@ -25,10 +25,6 @@ export function createContainerMixin<Store extends PlayerStore>(context: PlayerC
return this.#consumer.value ?? null;
}
protected createRenderRoot() {
return this;
}
override connectedCallback() {
super.connectedCallback();
+1 -5
View File
@@ -1,5 +1,5 @@
import { ContextProvider } from '@lit/context';
import type { PlayerStore } from '@videojs/core/dom';
import { ContextProvider } from '@videojs/element/context';
import { isNull } from '@videojs/utils/predicate';
import type { MediaElementConstructor } from '@/ui/media-element';
import type { PlayerContext } from '../player/context';
@@ -30,10 +30,6 @@ export function createProviderMixin<Store extends PlayerStore>(
return this.#store;
}
protected createRenderRoot() {
return this;
}
override connectedCallback() {
super.connectedCallback();
this.#provider.setValue(this.store);