@hanifhan1f/vidstack 1.12.13

package/types/elements/define/menus/chapters-radio-group-element.d.ts

@@ -0,0 +1,36 @@
+import { ChaptersRadioGroup } from '../../../components/ui/menu/radio-groups/chapters-radio-group';
+declare const MediaChaptersRadioGroupElement_base: import("maverick.js/element").MaverickElementConstructor<HTMLElement, ChaptersRadioGroup>;
+/**
+ * @part label - Contains the chapter option title.
+ * @part start-time - Contains the chapter option start time.
+ * @part duration - Contains the chapter option duration.
+ * @docs {@link https://www.vidstack.io/docs/wc/player/components/menu/chapters-radio-group}
+ * @example
+ * ```html
+ * <media-menu>
+ *   <media-menu-button aria-label="Chapters">
+ *     <media-icon type="chapters"></media-icon>
+ *   </media-menu-button>
+ *   <media-chapters-radio-group thumbnails="...">
+ *     <template>
+ *       <media-radio>
+ *         <media-thumbnail></media-thumbnail>
+ *         <span data-part="label"></span>
+ *         <span data-part="start-time"></span>
+ *         <span data-part="duration"></span>
+ *       </media-radio>
+ *     </template>
+ *    </media-chapters-radio-group>
+ * </media-menu>
+ * ```
+ */
+export declare class MediaChaptersRadioGroupElement extends MediaChaptersRadioGroupElement_base {
+    static tagName: string;
+    protected onConnect(): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'media-chapters-radio-group': MediaChaptersRadioGroupElement;
+    }
+}
+export {};

package/types/elements/define/menus/menu-button-element.d.ts

@@ -0,0 +1,25 @@
+import { MenuButton } from '../../../components/ui/menu/menu-button';
+declare const MediaMenuButtonElement_base: import("maverick.js/element").MaverickElementConstructor<HTMLElement, MenuButton>;
+/**
+ * @docs {@link https://www.vidstack.io/docs/wc/player/components/menu/menu}
+ * @example
+ * ```html
+ * <media-menu>
+ *   <media-menu-button aria-label="Settings">
+ *     <media-icon type="settings"></media-icon>
+ *   </media-menu-button>
+ *   <media-menu-items>
+ *     <!-- ... -->
+ *   </media-menu-items>
+ * </media-menu>
+ * ```
+ */
+export declare class MediaMenuButtonElement extends MediaMenuButtonElement_base {
+    static tagName: string;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'media-menu-button': MediaMenuButtonElement;
+    }
+}
+export {};

package/types/elements/define/menus/menu-element.d.ts

@@ -0,0 +1,26 @@
+import { Menu } from '../../../components/ui/menu/menu';
+declare const MediaMenuElement_base: import("maverick.js/element").MaverickElementConstructor<HTMLElement, Menu>;
+/**
+ * @part close-target - Closes menu when pressed.
+ * @docs {@link https://www.vidstack.io/docs/wc/player/components/menu/menu}
+ * @example
+ * ```html
+ * <media-menu>
+ *   <media-menu-button aria-label="Settings">
+ *     <media-icon type="settings"></media-icon>
+ *   </media-menu-button>
+ *   <media-menu-items>
+ *     <!-- ... -->
+ *   </media-menu-items>
+ * </media-menu>
+ * ```
+ */
+export declare class MediaMenuElement extends MediaMenuElement_base {
+    static tagName: string;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'media-menu': MediaMenuElement;
+    }
+}
+export {};

package/types/elements/define/menus/menu-item-element.d.ts

@@ -0,0 +1,22 @@
+import { MenuItem } from '../../../components/ui/menu/menu-item';
+declare const MediaMenuItemElement_base: import("maverick.js/element").MaverickElementConstructor<HTMLElement, MenuItem>;
+/**
+ * @docs {@link https://www.vidstack.io/docs/wc/player/components/menu/menu}
+ * @example
+ * ```html
+ * <media-menu>
+ *   <media-menu-items>
+ *      <media-menu-item></media-menu-item>
+ *   </media-menu-items>
+ * </media-menu>
+ * ```
+ */
+export declare class MediaMenuItemElement extends MediaMenuItemElement_base {
+    static tagName: string;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'media-menu-item': MediaMenuItemElement;
+    }
+}
+export {};

package/types/elements/define/menus/menu-items-element.d.ts

@@ -0,0 +1,25 @@
+import { MenuItems } from '../../../components/ui/menu/menu-items';
+declare const MediaMenuItemsElement_base: import("maverick.js/element").MaverickElementConstructor<HTMLElement, MenuItems>;
+/**
+ * @docs {@link https://www.vidstack.io/docs/wc/player/components/menu/menu}
+ * @example
+ * ```html
+ * <media-menu>
+ *   <media-menu-button aria-label="Settings">
+ *     <media-icon type="settings"></media-icon>
+ *   </media-menu-button>
+ *   <media-menu-items>
+ *     <!-- ... -->
+ *   </media-menu-items>
+ * </media-menu>
+ * ```
+ */
+export declare class MediaMenuItemsElement extends MediaMenuItemsElement_base {
+    static tagName: string;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'media-menu-items': MediaMenuItemsElement;
+    }
+}
+export {};

package/types/elements/define/menus/menu-portal-element.d.ts

@@ -0,0 +1,25 @@
+import { type Attributes } from 'maverick.js/element';
+import { MenuPortal, type MenuPortalProps } from '../../../components/ui/menu/menu-portal';
+declare const MediaMenuPortalElement_base: import("maverick.js/element").MaverickElementConstructor<HTMLElement, MenuPortal>;
+/**
+ * @docs {@link https://www.vidstack.io/docs/wc/player/components/menu/menu#portal}
+ * @example
+ * ```html
+ * <media-menu>
+ *   <!-- ... -->
+ *   <media-menu-portal>
+ *     <media-menu-items></media-menu-items>
+ *   </media-menu-portal>
+ * </media-menu>
+ * ```
+ */
+export declare class MediaMenuPortalElement extends MediaMenuPortalElement_base {
+    static tagName: string;
+    static attrs: Attributes<MenuPortalProps>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'media-menu-portal': MediaMenuPortalElement;
+    }
+}
+export {};

package/types/elements/define/menus/quality-radio-group-element.d.ts

@@ -0,0 +1,33 @@
+import { QualityRadioGroup } from '../../../components/ui/menu/radio-groups/quality-radio-group';
+declare const MediaQualityRadioGroupElement_base: import("maverick.js/element").MaverickElementConstructor<HTMLElement, QualityRadioGroup>;
+/**
+ * @part label - Contains the quality option label.
+ * @part bitrate - Contains the quality option bitrate.
+ * @docs {@link https://www.vidstack.io/docs/wc/player/components/menu/quality-radio-group}
+ * @example
+ * ```html
+ * <media-menu>
+ *   <!-- ... -->
+ *   <media-menu-items>
+ *     <media-quality-radio-group>
+ *       <template>
+ *         <media-radio>
+ *           <span data-part="label"></span>
+ *           <span data-part="bitrate"></span>
+ *         </media-radio>
+ *       </template>
+ *     </media-quality-radio-group>
+ *   </media-menu-items>
+ * </media-menu>
+ * ```
+ */
+export declare class MediaQualityRadioGroupElement extends MediaQualityRadioGroupElement_base {
+    static tagName: string;
+    protected onConnect(): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'media-quality-radio-group': MediaQualityRadioGroupElement;
+    }
+}
+export {};

package/types/elements/define/menus/radio-element.d.ts

@@ -0,0 +1,22 @@
+import { Radio } from '../../../components/ui/menu/radio/radio';
+declare const MediaRadioElement_base: import("maverick.js/element").MaverickElementConstructor<HTMLElement, Radio>;
+/**
+ * @docs {@link https://www.vidstack.io/docs/wc/player/components/menu/radio}
+ * @example
+ * ```html
+ * <media-radio-group value="720">
+ *   <media-radio value="1080">1080p</media-radio>
+ *   <media-radio value="720">720p</media-radio>
+ *   <!-- ... -->
+ * </media-radio-group>
+ * ```
+ */
+export declare class MediaRadioElement extends MediaRadioElement_base {
+    static tagName: string;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'media-radio': MediaRadioElement;
+    }
+}
+export {};

package/types/elements/define/menus/radio-group-element.d.ts

@@ -0,0 +1,22 @@
+import { RadioGroup } from '../../../components/ui/menu/radio/radio-group';
+declare const MediaRadioGroupElement_base: import("maverick.js/element").MaverickElementConstructor<HTMLElement, RadioGroup>;
+/**
+ * @docs {@link https://www.vidstack.io/docs/wc/player/components/menu/radio-group}
+ * @example
+ * ```html
+ * <media-radio-group value="720">
+ *   <media-radio value="1080">1080p</media-radio>
+ *   <media-radio value="720">720p</media-radio>
+ *   <!-- ... -->
+ * </media-radio-group>
+ * ```
+ */
+export declare class MediaRadioGroupElement extends MediaRadioGroupElement_base {
+    static tagName: string;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'media-radio-group': MediaRadioGroupElement;
+    }
+}
+export {};

package/types/elements/define/menus/speed-radio-group-element.d.ts

@@ -0,0 +1,31 @@
+import { SpeedRadioGroup } from '../../../components/ui/menu/radio-groups/speed-radio-group';
+declare const MediaSpeedRadioGroupElement_base: import("maverick.js/element").MaverickElementConstructor<HTMLElement, SpeedRadioGroup>;
+/**
+ * @part label - Contains the speed option label.
+ * @docs {@link https://www.vidstack.io/docs/wc/player/components/menu/speed-radio-group}
+ * @example
+ * ```html
+ * <media-menu>
+ *   <!-- ... -->
+ *   <media-menu-items>
+ *     <media-speed-radio-group>
+ *       <template>
+ *         <media-radio>
+ *           <span data-part="label"></span>
+ *         </media-radio>
+ *       </template>
+ *     </media-speed-radio-group>
+ *   </media-menu-items>
+ * </media-menu>
+ * ```
+ */
+export declare class MediaSpeedRadioGroupElement extends MediaSpeedRadioGroupElement_base {
+    static tagName: string;
+    protected onConnect(): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'media-speed-radio-group': MediaSpeedRadioGroupElement;
+    }
+}
+export {};

package/types/elements/define/player-element.d.ts

@@ -0,0 +1,24 @@
+import type { Attributes } from 'maverick.js/element';
+import { MediaPlayer } from '../../components/player';
+import type { MediaPlayerProps } from '../../core/api/player-props';
+declare const MediaPlayerElement_base: import("maverick.js/element").MaverickElementConstructor<HTMLElement, MediaPlayer>;
+/**
+ * @docs {@link https://www.vidstack.io/docs/wc/player/components/core/player}
+ * @example
+ * ```html
+ * <media-player src="...">
+ *   <media-provider></media-provider>
+ *   <!-- Other components that use/manage media state here. -->
+ * </media-player>
+ * ```
+ */
+export declare class MediaPlayerElement extends MediaPlayerElement_base {
+    static tagName: string;
+    static attrs: Attributes<MediaPlayerProps>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'media-player': MediaPlayerElement;
+    }
+}
+export {};

package/types/elements/define/poster-element.d.ts

@@ -0,0 +1,25 @@
+import { type Attributes } from 'maverick.js/element';
+import { Poster, type PosterProps } from '../../components/ui/poster';
+declare const MediaPosterElement_base: import("maverick.js/element").MaverickElementConstructor<HTMLElement, Poster>;
+/**
+ * @docs {@link https://www.vidstack.io/docs/wc/player/components/display/poster}
+ * @example
+ * ```html
+ * <media-player>
+ *   <media-poster src="..." alt="Large alien ship hovering over New York."></media-poster>
+ * </media-player>
+ * ```
+ */
+export declare class MediaPosterElement extends MediaPosterElement_base {
+    #private;
+    static tagName: string;
+    static attrs: Attributes<PosterProps>;
+    protected onSetup(): void;
+    protected onConnect(): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'media-poster': MediaPosterElement;
+    }
+}
+export {};

package/types/elements/define/provider-cast-display.d.ts

@@ -0,0 +1,2 @@
+import type { MediaStore } from '../../core/api/player-state';
+export declare function insertContent(container: HTMLElement, $state: MediaStore): void;

package/types/elements/define/provider-element.d.ts

@@ -0,0 +1,25 @@
+import { MediaProvider } from '../../components/provider/provider';
+declare const MediaProviderElement_base: import("maverick.js/element").MaverickElementConstructor<HTMLElement, MediaProvider>;
+/**
+ * @docs {@link https://www.vidstack.io/docs/wc/player/components/core/provider}
+ * @example
+ * ```html
+ * <media-player>
+ *   <media-provider></media-provider>
+ *   <!-- ... -->
+ * </media-player>
+ * ```
+ */
+export declare class MediaProviderElement extends MediaProviderElement_base {
+    #private;
+    static tagName: string;
+    protected onSetup(): void;
+    protected onDestroy(): void;
+    protected onConnect(): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'media-provider': MediaProviderElement;
+    }
+}
+export {};

package/types/elements/define/sliders/audio-gain-slider-element.d.ts

@@ -0,0 +1,32 @@
+import { AudioGainSlider } from '../../../components/ui/sliders/audio-gain-slider';
+declare const MediaAudioGainSliderElement_base: import("maverick.js/element").MaverickElementConstructor<HTMLElement, AudioGainSlider>;
+/**
+ * @docs {@link https://www.vidstack.io/docs/wc/player/components/sliders/audio-gain-slider}
+ * @example
+ * ```html
+ * <media-audio-gain-slider>
+ *   <div class="track"></div>
+ *   <div class="track-fill"></div>
+ *   <div class="track-progress"></div>
+ *   <div class="thumb"></div>
+ * </media-audio-gain-slider>
+ * ```
+ * @example
+ * ```html
+ * <media-audio-gain-slider>
+ *   <!-- ... -->
+ *   <media-slider-preview>
+ *     <media-slider-value></media-slider-value>
+ *   </media-slider-preview>
+ * </media-audio-gain-slider>
+ * ```
+ */
+export declare class MediaAudioGainSliderElement extends MediaAudioGainSliderElement_base {
+    static tagName: string;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'media-audio-gain-slider': MediaAudioGainSliderElement;
+    }
+}
+export {};

package/types/elements/define/sliders/quality-slider-element.d.ts

@@ -0,0 +1,32 @@
+import { QualitySlider } from '../../../components/ui/sliders/quality-slider';
+declare const MediaQualitySliderElement_base: import("maverick.js/element").MaverickElementConstructor<HTMLElement, QualitySlider>;
+/**
+ * @docs {@link https://www.vidstack.io/docs/wc/player/components/sliders/quality-slider}
+ * @example
+ * ```html
+ * <media-quality-slider>
+ *   <div class="track"></div>
+ *   <div class="track-fill"></div>
+ *   <div class="track-progress"></div>
+ *   <div class="thumb"></div>
+ * </media-quality-slider>
+ * ```
+ * @example
+ * ```html
+ * <media-quality-slider>
+ *   <!-- ... -->
+ *   <media-slider-preview>
+ *     <media-slider-value></media-slider-value>
+ *   </media-slider-preview>
+ * </media-quality-slider>
+ * ```
+ */
+export declare class MediaQualitySliderElement extends MediaQualitySliderElement_base {
+    static tagName: string;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'media-quality-slider': MediaQualitySliderElement;
+    }
+}
+export {};

package/types/elements/define/sliders/slider-chapters-element.d.ts

@@ -0,0 +1,31 @@
+import { SliderChapters } from '../../../components/ui/sliders/time-slider/slider-chapters';
+declare const MediaSliderChaptersElement_base: import("maverick.js/element").MaverickElementConstructor<HTMLElement, SliderChapters>;
+/**
+ * @part chapter-title - Contains the current chapter title.
+ * @docs {@link https://www.vidstack.io/docs/wc/player/components/sliders/slider-chapters}
+ * @example
+ * ```html
+ * <media-time-slider>
+ *   <media-slider-chapters>
+ *     <template>
+ *       <div class="slider-chapter">
+ *         <div class="slider-track"></div>
+ *         <div class="slider-track-fill"></div>
+ *         <div class="slider-track-progress"></div>
+ *       </div>
+ *     </template>
+ *   </media-slider-chapters>
+ * </media-time-slider>
+ * ```
+ */
+export declare class MediaSliderChaptersElement extends MediaSliderChaptersElement_base {
+    #private;
+    static tagName: string;
+    protected onConnect(): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'media-slider-chapters': MediaSliderChaptersElement;
+    }
+}
+export {};

package/types/elements/define/sliders/slider-element.d.ts

@@ -0,0 +1,23 @@
+import { Slider } from '../../../components/ui/sliders/slider/slider';
+declare const MediaSliderElement_base: import("maverick.js/element").MaverickElementConstructor<HTMLElement, Slider>;
+/**
+ * @docs {@link https://www.vidstack.io/docs/wc/player/components/sliders/slider}
+ * @example
+ * ```html
+ * <media-slider min="0" max="100" value="50" aria-label="...">
+ *   <div class="track"></div>
+ *   <div class="track-fill"></div>
+ *   <div class="track-progress"></div>
+ *   <div class="thumb"></div>
+ * </media-slider>
+ * ```
+ */
+export declare class MediaSliderElement extends MediaSliderElement_base {
+    static tagName: string;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'media-slider': MediaSliderElement;
+    }
+}
+export {};

package/types/elements/define/sliders/slider-preview-element.d.ts

@@ -0,0 +1,14 @@
+import { SliderPreview } from '../../../components/ui/sliders/slider-preview';
+declare const MediaSliderPreviewElement_base: import("maverick.js/element").MaverickElementConstructor<HTMLElement, SliderPreview>;
+/**
+ * @docs {@link https://www.vidstack.io/docs/wc/player/components/sliders/slider#preview}
+ */
+export declare class MediaSliderPreviewElement extends MediaSliderPreviewElement_base {
+    static tagName: string;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'media-slider-preview': MediaSliderPreviewElement;
+    }
+}
+export {};

package/types/elements/define/sliders/slider-steps-element.d.ts

@@ -0,0 +1,28 @@
+import { Component } from 'maverick.js';
+declare class SliderSteps extends Component {
+}
+declare const MediaSliderStepsElement_base: import("maverick.js/element").MaverickElementConstructor<HTMLElement, SliderSteps>;
+/**
+ * @docs {@link https://www.vidstack.io/docs/wc/player/components/sliders/slider-steps}
+ * @example
+ * ```html
+ * <media-slider>
+ *   <media-slider-steps>
+ *     <template>
+ *       <div class="slider-step"></div>
+ *     </template>
+ *   </media-slider-steps>
+ * </media-slider>
+ * ```
+ */
+export declare class MediaSliderStepsElement extends MediaSliderStepsElement_base {
+    #private;
+    static tagName: string;
+    onConnect(el: HTMLElement): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'media-slider-steps': MediaSliderStepsElement;
+    }
+}
+export {};

package/types/elements/define/sliders/slider-thumbnail-element.d.ts

@@ -0,0 +1,26 @@
+import { MediaThumbnailElement } from '../thumbnail-element';
+/**
+ * @example
+ * ```html
+ * <media-player >
+ *   <media-time-slider>
+ *     <media-slider-preview>
+ *       <media-slider-thumbnail
+ *         src="https://files.vidstack.io/thumbnails.vtt"
+ *       ></media-slider-thumbnail>
+ *     </media-slider-preview>
+ *   </media-time-slider>
+ * </media-player>
+ * ```
+ */
+export declare class MediaSliderThumbnailElement extends MediaThumbnailElement {
+    #private;
+    static tagName: string;
+    protected onSetup(): void;
+    protected onConnect(): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'media-slider-thumbnail': MediaSliderThumbnailElement;
+    }
+}

package/types/elements/define/sliders/slider-value-element.d.ts

@@ -0,0 +1,37 @@
+import { type Attributes } from 'maverick.js/element';
+import { SliderValue, type SliderValueProps } from '../../../components/ui/sliders/slider-value';
+declare const MediaSliderValueElement_base: import("maverick.js/element").MaverickElementConstructor<HTMLElement, SliderValue>;
+/**
+ * @docs {@link https://www.vidstack.io/docs/wc/player/components/sliders/slider-value}
+ * @example
+ * ```html
+ * <media-time-slider>
+ *   <media-slider-preview>
+ *     <media-slider-value></media-slider-value>
+ *   </media-slider-preview>
+ * </media-time-slider>
+ * ```
+ * @example
+ * ```html
+ * <media-slider-value type="current"></media-slider-value>
+ * ```
+ * @example
+ * ```html
+ * <media-slider-value show-hours pad-hours></media-slider-value>
+ * ```
+ * @example
+ * ```html
+ * <media-slider-value decimal-places="2"></media-slider-value>
+ * ```
+ */
+export declare class MediaSliderValueElement extends MediaSliderValueElement_base {
+    static tagName: string;
+    static attrs: Attributes<SliderValueProps>;
+    protected onConnect(): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'media-slider-value': MediaSliderValueElement;
+    }
+}
+export {};

package/types/elements/define/sliders/slider-video-element.d.ts

@@ -0,0 +1,25 @@
+import { SliderVideo } from '../../../components/ui/sliders/slider-video';
+declare const MediaSliderVideoElement_base: import("maverick.js/element").MaverickElementConstructor<HTMLElement, SliderVideo>;
+/**
+ * @docs {@link https://www.vidstack.io/docs/wc/player/components/sliders/slider-video}
+ * @example
+ * ```html
+ * <media-time-slider>
+ *   <media-slider-preview>
+ *     <media-slider-video src="/low-res-video.mp4"></media-slider-video>
+ *   </media-slider-preview>
+ * </media-time-slider>
+ * ```
+ */
+export declare class MediaSliderVideoElement extends MediaSliderVideoElement_base {
+    #private;
+    static tagName: string;
+    protected onSetup(): void;
+    protected onConnect(): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'media-slider-video': MediaSliderVideoElement;
+    }
+}
+export {};

package/types/elements/define/sliders/speed-slider-element.d.ts

@@ -0,0 +1,32 @@
+import { SpeedSlider } from '../../../components/ui/sliders/speed-slider';
+declare const MediaSpeedSliderElement_base: import("maverick.js/element").MaverickElementConstructor<HTMLElement, SpeedSlider>;
+/**
+ * @docs {@link https://www.vidstack.io/docs/wc/player/components/sliders/speed-slider}
+ * @example
+ * ```html
+ * <media-speed-slider>
+ *   <div class="track"></div>
+ *   <div class="track-fill"></div>
+ *   <div class="track-progress"></div>
+ *   <div class="thumb"></div>
+ * </media-speed-slider>
+ * ```
+ * @example
+ * ```html
+ * <media-speed-slider>
+ *   <!-- ... -->
+ *   <media-slider-preview>
+ *     <media-slider-value></media-slider-value>
+ *   </media-slider-preview>
+ * </media-speed-slider>
+ * ```
+ */
+export declare class MediaSpeedSliderElement extends MediaSpeedSliderElement_base {
+    static tagName: string;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'media-speed-slider': MediaSpeedSliderElement;
+    }
+}
+export {};