feat(html): add element registrations

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
+12
View File
@@ -0,0 +1,12 @@
import './media-container';
import './media-provider';
import './media-play-button';
import './media-mute-button';
import './media-volume-slider';
import './media-time-slider';
import './media-fullscreen-button';
import './media-duration-display';
import './media-current-time-display';
import './media-preview-time-display';
import './media-popover';
import './media-tooltip';
@@ -0,0 +1,4 @@
import { MediaContainerElement } from '@/media/media-container';
import { defineCustomElement } from '@/utils/custom-element';
defineCustomElement('media-container', MediaContainerElement);
@@ -0,0 +1,4 @@
import { CurrentTimeDisplayElement } from '@/elements/current-time-display';
import { defineCustomElement } from '@/utils/custom-element';
defineCustomElement('media-current-time-display', CurrentTimeDisplayElement);
@@ -0,0 +1,4 @@
import { DurationDisplayElement } from '@/elements/duration-display';
import { defineCustomElement } from '@/utils/custom-element';
defineCustomElement('media-duration-display', DurationDisplayElement);
@@ -0,0 +1,4 @@
import { FullscreenButtonElement } from '@/elements/fullscreen-button';
import { defineCustomElement } from '@/utils/custom-element';
defineCustomElement('media-fullscreen-button', FullscreenButtonElement);
@@ -0,0 +1,4 @@
import { MuteButtonElement } from '@/elements/mute-button';
import { defineCustomElement } from '@/utils/custom-element';
defineCustomElement('media-mute-button', MuteButtonElement);
@@ -0,0 +1,4 @@
import { PlayButtonElement } from '@/elements/play-button';
import { defineCustomElement } from '@/utils/custom-element';
defineCustomElement('media-play-button', PlayButtonElement);
@@ -0,0 +1,4 @@
import { PopoverElement } from '@/elements/popover';
import { defineCustomElement } from '@/utils/custom-element';
defineCustomElement('media-popover', PopoverElement);
@@ -0,0 +1,4 @@
import { PreviewTimeDisplayElement } from '@/elements/preview-time-display';
import { defineCustomElement } from '@/utils/custom-element';
defineCustomElement('media-preview-time-display', PreviewTimeDisplayElement);
@@ -0,0 +1,4 @@
import { MediaProviderElement } from '@/media/media-provider';
import { defineCustomElement } from '@/utils/custom-element';
defineCustomElement('media-provider', MediaProviderElement);
@@ -0,0 +1,8 @@
import { TimeSliderPointerElement, TimeSliderProgressElement, TimeSliderRootElement, TimeSliderThumbElement, TimeSliderTrackElement } from '@/elements/time-slider';
import { defineCustomElement } from '@/utils/custom-element';
defineCustomElement('media-time-slider', TimeSliderRootElement);
defineCustomElement('media-time-slider-track', TimeSliderTrackElement);
defineCustomElement('media-time-slider-progress', TimeSliderProgressElement);
defineCustomElement('media-time-slider-pointer', TimeSliderPointerElement);
defineCustomElement('media-time-slider-thumb', TimeSliderThumbElement);
+10
View File
@@ -0,0 +1,10 @@
import { TooltipArrowElement, TooltipPopupElement, TooltipPortalElement, TooltipPositionerElement, TooltipRootElement, TooltipTriggerElement } from '@/elements/tooltip';
import { defineCustomElement } from '@/utils/custom-element';
defineCustomElement('media-tooltip', TooltipRootElement);
defineCustomElement('media-tooltip-trigger', TooltipTriggerElement);
defineCustomElement('media-tooltip-portal', TooltipPortalElement);
defineCustomElement('media-tooltip-positioner', TooltipPositionerElement);
defineCustomElement('media-tooltip-portal', TooltipPortalElement);
defineCustomElement('media-tooltip-popup', TooltipPopupElement);
defineCustomElement('media-tooltip-arrow', TooltipArrowElement);
@@ -0,0 +1,7 @@
import { VolumeSliderIndicatorElement, VolumeSliderRootElement, VolumeSliderThumbElement, VolumeSliderTrackElement } from '@/elements/volume-slider';
import { defineCustomElement } from '@/utils/custom-element';
defineCustomElement('media-volume-slider', VolumeSliderRootElement);
defineCustomElement('media-volume-slider-track', VolumeSliderTrackElement);
defineCustomElement('media-volume-slider-indicator', VolumeSliderIndicatorElement);
defineCustomElement('media-volume-slider-thumb', VolumeSliderThumbElement);