@wyxos/vibe 3.0.13 → 3.0.15

package/lib/components/FullscreenMediaBar.vue.d.ts

@@ -3,12 +3,19 @@ type __VLS_Props = {
     currentTimeLabel: string;
     duration: number;
     durationLabel: string;
+    muted: boolean;
     progress: number;
+    volume: number;
+    volumeControlLayout: 'horizontal' | 'vertical';
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "seek-input": (event: Event) => any;
+    "volume-input": (event: Event) => any;
+    "volume-toggle": () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onSeek-input"?: ((event: Event) => any) | undefined;
+    "onVolume-input"?: ((event: Event) => any) | undefined;
+    "onVolume-toggle"?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/lib/components/FullscreenSurface.vue.d.ts

@@ -12,10 +12,12 @@ interface FullscreenSurfaceProps {
     hasNextPage?: boolean;
     items: VibeViewerItem[];
     loading?: boolean;
+    loopFullscreenVideo?: boolean;
     paginationDetail?: string | null;
     phase?: VibeLoadPhase | null;
     reportAssetError?: VibeAssetErrorReporter | null;
     reportAssetLoad?: VibeAssetLoadReporter | null;
+    showDominantImageTone?: boolean;
     showBackToList?: boolean;
     showEndBadge?: boolean;
     showStatusBadges?: boolean;
@@ -40,7 +42,9 @@ declare const __VLS_base: import("vue").DefineComponent<FullscreenSurfaceProps,
 }>, {
     loading: boolean;
     emptyStateMode: VibeEmptyStateMode;
+    loopFullscreenVideo: boolean;
     paginationDetail: string | null;
+    showDominantImageTone: boolean;
     showEndBadge: boolean;
     showStatusBadges: boolean;
     activeIndex: number;

package/lib/components/viewer-core/assetState.d.ts

@@ -5,6 +5,8 @@ export interface MediaUiState {
     paused: boolean;
     ready: boolean;
     errorKind: VibeAssetErrorKind | null;
+    muted: boolean;
+    volume: number;
 }
 export declare const DEFAULT_MEDIA_UI_STATE: MediaUiState;
 export declare function createMediaUiState(): MediaUiState;

package/lib/components/viewer-core/dominantImageTone.d.ts

@@ -0,0 +1,6 @@
+export interface DominantImageTone {
+    r: number;
+    g: number;
+    b: number;
+}
+export declare function extractDominantImageTone(image: HTMLImageElement): DominantImageTone | null;

package/lib/components/viewer-core/useDataSource.d.ts

@@ -25,10 +25,12 @@ export interface VibeProps {
     fillDelayStepMs?: number;
     initialCursor?: string | null;
     initialState?: VibeInitialState;
+    loopFullscreenVideo?: boolean;
     mode?: import('./removalState').VibeFeedMode;
     pageSize?: number;
     paginationDetail?: string | null;
     resolve?: (params: VibeResolveParams) => Promise<VibeResolveResult>;
+    showDominantImageTone?: boolean;
     showEndBadge?: boolean;
     showStatusBadges?: boolean;
     surfaceMode?: import('./removalState').VibeSurfaceMode;

package/lib/components/viewer-core/useFullscreenDominantTone.d.ts

@@ -0,0 +1,12 @@
+import { type Ref } from 'vue';
+import type { VibeViewerItem } from '../viewer';
+export declare function useFullscreenDominantTone(options: {
+    activeItem: Ref<VibeViewerItem | null>;
+    getItemKey: (item: VibeViewerItem) => string;
+    isImageReady: (id: string) => boolean;
+    showDominantImageTone: Ref<boolean | undefined>;
+}): {
+    activeStageToneStyle: import("vue").ComputedRef<Record<string, string> | undefined>;
+    activeSlideToneStyle: import("vue").ComputedRef<Record<string, string> | undefined>;
+    updateFromImageElement: (id: string, image: HTMLImageElement) => void;
+};

package/lib/components/viewer-core/useMedia.d.ts

@@ -9,6 +9,7 @@ export declare function useMedia(options: {
     activeMediaItem: Ref<VibeViewerItem | null>;
     isEnabled: Ref<boolean>;
     itemCount: Ref<number>;
+    loopFullscreenVideo: Ref<boolean>;
     onAssetError?: VibeAssetErrorReporter;
     onAssetLoad?: VibeAssetLoadReporter;
 }): {
@@ -30,6 +31,8 @@ export declare function useMedia(options: {
     onMediaError: (id: string, url: string) => Promise<void>;
     onMediaEvent: (id: string, event: Event) => void;
     onMediaSeekInput: (event: Event) => void;
+    onMediaVolumeInput: (event: Event) => void;
+    onMediaVolumeToggle: () => void;
     onVideoClick: (event: MouseEvent, id: string, suppressMediaToggleUntil: number) => void;
     registerAudioElement: (id: string, element: unknown) => void;
     registerImageElement: (id: string, element: unknown) => void;

package/lib/components/viewer-core/useViewer.d.ts

@@ -14,6 +14,7 @@ export interface VibeViewerProps {
     hasNextPage?: boolean;
     items: VibeViewerItem[];
     loading?: boolean;
+    loopFullscreenVideo?: boolean;
     paginationDetail?: string | null;
     phase?: VibeLoadPhase | null;
 }
@@ -52,6 +53,8 @@ export declare function useViewer(props: Readonly<VibeViewerProps>, emit: (event
     onMediaEvent: (id: string, event: Event) => void;
     onMediaError: (id: string, url: string) => Promise<void>;
     onMediaSeekInput: (event: Event) => void;
+    onMediaVolumeInput: (event: Event) => void;
+    onMediaVolumeToggle: () => void;
     onPointerCancel: (event: PointerEvent) => void;
     onPointerDown: (event: PointerEvent) => void;
     onPointerMove: (event: PointerEvent) => void;