@rosettadash/vue 0.1.1 → 0.1.3

package/src/visual/input/date-range/date-range-filter.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-range-filter.js","sourceRoot":"","sources":["../../../../../../../packages/vue/src/visual/input/date-range/date-range-filter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAA6C,MAAM,KAAK,CAAC;AAWpF,yEAAyE;AACzE,MAAM,CAAC,MAAM,eAAe,GAAG,eAAe,CAAC;IAC7C,IAAI,EAAE,mBAAmB;IACzB,KAAK,EAAE;QACL,SAAS,EAAE,EAAE,IAAI,EAAE,MAAsC,EAAE,OAAO,EAAE,SAAS,EAAE;QAC/E,KAAK,EAAE,EAAE,IAAI,EAAE,MAAsC,EAAE,OAAO,EAAE,SAAS,EAAE;QAC3E,SAAS,EAAE,EAAE,IAAI,EAAE,MAAsC,EAAE,OAAO,EAAE,SAAS,EAAE;QAC/E,OAAO,EAAE,EAAE,IAAI,EAAE,MAAsC,EAAE,OAAO,EAAE,SAAS,EAAE;QAC7E,WAAW,EAAE,EAAE,IAAI,EAAE,MAAsC,EAAE,OAAO,EAAE,SAAS,EAAE;KAClF;IACD,KAAK,EAAE,MAAgD;IACvD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;QAC3B,OAAO,GAAG,EAAE;;YACV,MAAM,SAAS,GAAG,CAAC,qBAAqB,EAAE,KAAK,CAAC,SAAS,EAAE,OAAO,KAAK,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YACzI,OAAO,CAAC,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,qBAAqB,EAAE,EAAE;gBAChF,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI;gBACzE,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,yBAAyB,EAAE,EAAE;oBAC7C,CAAC,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,MAAA,KAAK,CAAC,SAAS,mCAAI,EAAE,EAAE,CAAC;oBAC7E,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,oBAAoB,EAAE,EAAE,IAAI,CAAC;oBAChD,CAAC,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,MAAA,KAAK,CAAC,OAAO,mCAAI,EAAE,EAAE,CAAC;iBAC5E,CAAC;gBACF,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,uBAAuB,EAAE,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,IAAI;gBAC3F,MAAA,KAAK,CAAC,OAAO,qDAAI;aAClB,CAAC,CAAC;QACH,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}
+{"version":3,"file":"date-range-filter.js","sourceRoot":"","sources":["../../../../../../../packages/vue/src/visual/input/date-range/date-range-filter.ts"],"names":[],"mappings":"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"}

package/src/visual/input/number/number-input.d.ts

@@ -6,6 +6,7 @@ export interface NumberInputProps {
     max?: number;
     step?: number;
     value?: number;
+    disabled?: boolean;
     onChange?: (value: number) => void;
     className?: string;
 }
@@ -39,9 +40,17 @@ export declare const NumberInput: import("vue").DefineComponent<import("vue").Ex
         type: PropType<number | undefined>;
         default: undefined;
     };
+    disabled: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
+    onChange: {
+        type: PropType<((value: number) => void) | undefined>;
+        default: undefined;
+    };
 }>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:value")[], "change" | "update:value", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     className: {
         type: PropType<string | undefined>;
         default: undefined;
@@ -70,14 +79,27 @@ export declare const NumberInput: import("vue").DefineComponent<import("vue").Ex
         type: PropType<number | undefined>;
         default: undefined;
     };
-}>> & Readonly<{}>, {
+    disabled: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
+    onChange: {
+        type: PropType<((value: number) => void) | undefined>;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+}>, {
     className: string | undefined;
     label: string | undefined;
-    placeholder: string | undefined;
+    onChange: ((value: number) => void) | undefined;
     value: number | undefined;
+    placeholder: string | undefined;
     min: number | undefined;
     max: number | undefined;
     step: number | undefined;
+    disabled: boolean | undefined;
 }, SlotsType<{
     default?: () => VNode[];
 }>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/src/visual/input/number/number-input.js

@@ -10,16 +10,42 @@ export const NumberInput = defineComponent({
         max: { type: Number, default: undefined },
         step: { type: Number, default: undefined },
         value: { type: Number, default: undefined },
+        disabled: { type: Boolean, default: undefined },
+        onChange: { type: Function, default: undefined },
     },
+    emits: ['change', 'update:value'],
     slots: Object,
-    setup(props, { slots, attrs }) {
+    setup(props, { slots, attrs, emit }) {
+        const onNativeChange = (event) => {
+            var _a;
+            const target = event.target;
+            if (!(target instanceof HTMLInputElement)) {
+                return;
+            }
+            const next = Number(target.value);
+            (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, next);
+            emit('change', next);
+            emit('update:value', next);
+        };
         return () => {
-            var _a, _b;
-            const rootClass = ['rd-input-number', props.className, typeof attrs.class === 'string' ? attrs.class : ''].filter(Boolean).join(' ');
+            var _a, _b, _c;
+            const rootClass = ['rd-input-number', props.className, typeof attrs.class === 'string' ? attrs.class : '']
+                .filter(Boolean)
+                .join(' ');
             return h('section', { class: rootClass, 'data-testid': 'rd-input-number' }, [
                 props.label ? h('span', { class: 'rd-field__label' }, props.label) : null,
-                h('input', { type: 'number', class: 'rd-input', placeholder: (_a = props.placeholder) !== null && _a !== void 0 ? _a : '', min: props.min, max: props.max, step: props.step, value: props.value }),
-                (_b = slots.default) === null || _b === void 0 ? void 0 : _b.call(slots),
+                h('input', {
+                    type: 'number',
+                    class: 'rd-input',
+                    placeholder: (_a = props.placeholder) !== null && _a !== void 0 ? _a : '',
+                    min: props.min,
+                    max: props.max,
+                    step: props.step,
+                    value: props.value,
+                    disabled: (_b = props.disabled) !== null && _b !== void 0 ? _b : false,
+                    onChange: onNativeChange,
+                }),
+                (_c = slots.default) === null || _c === void 0 ? void 0 : _c.call(slots),
             ]);
         };
     },

package/src/visual/input/number/number-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"number-input.js","sourceRoot":"","sources":["../../../../../../../packages/vue/src/visual/input/number/number-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAA6C,MAAM,KAAK,CAAC;AAapF,iEAAiE;AACjE,MAAM,CAAC,MAAM,WAAW,GAAG,eAAe,CAAC;IACzC,IAAI,EAAE,eAAe;IACrB,KAAK,EAAE;QACL,SAAS,EAAE,EAAE,IAAI,EAAE,MAAsC,EAAE,OAAO,EAAE,SAAS,EAAE;QAC/E,KAAK,EAAE,EAAE,IAAI,EAAE,MAAsC,EAAE,OAAO,EAAE,SAAS,EAAE;QAC3E,WAAW,EAAE,EAAE,IAAI,EAAE,MAAsC,EAAE,OAAO,EAAE,SAAS,EAAE;QACjF,GAAG,EAAE,EAAE,IAAI,EAAE,MAAsC,EAAE,OAAO,EAAE,SAAS,EAAE;QACzE,GAAG,EAAE,EAAE,IAAI,EAAE,MAAsC,EAAE,OAAO,EAAE,SAAS,EAAE;QACzE,IAAI,EAAE,EAAE,IAAI,EAAE,MAAsC,EAAE,OAAO,EAAE,SAAS,EAAE;QAC1E,KAAK,EAAE,EAAE,IAAI,EAAE,MAAsC,EAAE,OAAO,EAAE,SAAS,EAAE;KAC5E;IACD,KAAK,EAAE,MAAgD;IACvD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;QAC3B,OAAO,GAAG,EAAE;;YACV,MAAM,SAAS,GAAG,CAAC,iBAAiB,EAAE,KAAK,CAAC,SAAS,EAAE,OAAO,KAAK,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YACrI,OAAO,CAAC,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,iBAAiB,EAAE,EAAE;gBAC5E,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI;gBACzE,CAAC,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,MAAA,KAAK,CAAC,WAAW,mCAAI,EAAE,EAAE,GAAG,EAAE,KAAK,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,CAAC,GAAG,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,CAAC;gBAC7J,MAAA,KAAK,CAAC,OAAO,qDAAI;aAClB,CAAC,CAAC;QACH,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}
+{"version":3,"file":"number-input.js","sourceRoot":"","sources":["../../../../../../../packages/vue/src/visual/input/number/number-input.ts"],"names":[],"mappings":"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"}

package/src/visual/input/select/select-input.d.ts

@@ -33,9 +33,13 @@ export declare const SelectInput: import("vue").DefineComponent<import("vue").Ex
         type: PropType<string | undefined>;
         default: undefined;
     };
+    onChange: {
+        type: PropType<((value: string) => void) | undefined>;
+        default: undefined;
+    };
 }>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:value")[], "change" | "update:value", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     className: {
         type: PropType<string | undefined>;
         default: undefined;
@@ -56,11 +60,19 @@ export declare const SelectInput: import("vue").DefineComponent<import("vue").Ex
         type: PropType<string | undefined>;
         default: undefined;
     };
-}>> & Readonly<{}>, {
+    onChange: {
+        type: PropType<((value: string) => void) | undefined>;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+}>, {
     className: string | undefined;
     label: string | undefined;
-    placeholder: string | undefined;
+    onChange: ((value: string) => void) | undefined;
     value: string | undefined;
+    placeholder: string | undefined;
     options: SelectInputOption[] | undefined;
 }, SlotsType<{
     default?: () => VNode[];

package/src/visual/input/select/select-input.js

@@ -8,19 +8,37 @@ export const SelectInput = defineComponent({
         placeholder: { type: String, default: undefined },
         options: { type: Array, default: undefined },
         value: { type: String, default: undefined },
+        onChange: { type: Function, default: undefined },
     },
+    emits: ['change', 'update:value'],
     slots: Object,
-    setup(props, { slots, attrs }) {
+    setup(props, { slots, attrs, emit }) {
+        const onNativeChange = (event) => {
+            var _a;
+            const target = event.target;
+            if (!(target instanceof HTMLSelectElement)) {
+                return;
+            }
+            (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, target.value);
+            emit('change', target.value);
+            emit('update:value', target.value);
+        };
         return () => {
-            var _a, _b, _c, _d;
-            const rootClass = ['rd-input-select', props.className, typeof attrs.class === 'string' ? attrs.class : ''].filter(Boolean).join(' ');
+            var _a, _b, _c, _d, _e;
+            const rootClass = ['rd-input-select', props.className, typeof attrs.class === 'string' ? attrs.class : '']
+                .filter(Boolean)
+                .join(' ');
             return h('section', { class: rootClass, 'data-testid': 'rd-input-select' }, [
                 props.label ? h('span', { class: 'rd-field__label' }, props.label) : null,
-                h('select', { class: 'rd-select', value: (_a = props.value) !== null && _a !== void 0 ? _a : '' }, [
-                    h('option', { value: '' }, (_b = props.placeholder) !== null && _b !== void 0 ? _b : 'Select…'),
-                    ...((_c = props.options) !== null && _c !== void 0 ? _c : []).map((o) => h('option', { key: o.value, value: o.value }, o.label)),
+                h('select', {
+                    class: 'rd-select',
+                    value: (_a = props.value) !== null && _a !== void 0 ? _a : '',
+                    onChange: onNativeChange,
+                }, [
+                    h('option', { value: '', selected: !((_b = props.value) !== null && _b !== void 0 ? _b : '') }, (_c = props.placeholder) !== null && _c !== void 0 ? _c : 'Select…'),
+                    ...((_d = props.options) !== null && _d !== void 0 ? _d : []).map((o) => { var _a; return h('option', { key: o.value, value: o.value, selected: o.value === ((_a = props.value) !== null && _a !== void 0 ? _a : '') }, o.label); }),
                 ]),
-                (_d = slots.default) === null || _d === void 0 ? void 0 : _d.call(slots),
+                (_e = slots.default) === null || _e === void 0 ? void 0 : _e.call(slots),
             ]);
         };
     },

package/src/visual/input/select/select-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"select-input.js","sourceRoot":"","sources":["../../../../../../../packages/vue/src/visual/input/select/select-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAA6C,MAAM,KAAK,CAAC;AAgBpF,iEAAiE;AACjE,MAAM,CAAC,MAAM,WAAW,GAAG,eAAe,CAAC;IACzC,IAAI,EAAE,eAAe;IACrB,KAAK,EAAE;QACL,SAAS,EAAE,EAAE,IAAI,EAAE,MAAsC,EAAE,OAAO,EAAE,SAAS,EAAE;QAC/E,KAAK,EAAE,EAAE,IAAI,EAAE,MAAsC,EAAE,OAAO,EAAE,SAAS,EAAE;QAC3E,WAAW,EAAE,EAAE,IAAI,EAAE,MAAsC,EAAE,OAAO,EAAE,SAAS,EAAE;QACjF,OAAO,EAAE,EAAE,IAAI,EAAE,KAAkD,EAAE,OAAO,EAAE,SAAS,EAAE;QACzF,KAAK,EAAE,EAAE,IAAI,EAAE,MAAsC,EAAE,OAAO,EAAE,SAAS,EAAE;KAC5E;IACD,KAAK,EAAE,MAAgD;IACvD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;QAC3B,OAAO,GAAG,EAAE;;YACV,MAAM,SAAS,GAAG,CAAC,iBAAiB,EAAE,KAAK,CAAC,SAAS,EAAE,OAAO,KAAK,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YACrI,OAAO,CAAC,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,iBAAiB,EAAE,EAAE;gBAC5E,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI;gBACzE,CAAC,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,MAAA,KAAK,CAAC,KAAK,mCAAI,EAAE,EAAE,EAAE;oBAC5D,CAAC,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,MAAA,KAAK,CAAC,WAAW,mCAAI,SAAS,CAAC;oBAC1D,GAAG,CAAC,MAAA,KAAK,CAAC,OAAO,mCAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,EAAE,EAAE,GAAG,EAAE,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;iBAC5F,CAAC;gBACF,MAAA,KAAK,CAAC,OAAO,qDAAI;aAClB,CAAC,CAAC;QACH,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}
+{"version":3,"file":"select-input.js","sourceRoot":"","sources":["../../../../../../../packages/vue/src/visual/input/select/select-input.ts"],"names":[],"mappings":"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"}

package/src/visual/input/text/text-input.d.ts

@@ -64,8 +64,8 @@ export declare const TextInput: import("vue").DefineComponent<import("vue").Extr
 }>> & Readonly<{}>, {
     className: string | undefined;
     label: string | undefined;
-    placeholder: string | undefined;
     value: string | undefined;
+    placeholder: string | undefined;
     required: boolean | undefined;
     defaultValue: string | undefined;
 }, SlotsType<{

package/src/visual/input/textarea/textarea-input.d.ts

@@ -55,8 +55,8 @@ export declare const TextareaInput: import("vue").DefineComponent<import("vue").
 }>> & Readonly<{}>, {
     className: string | undefined;
     label: string | undefined;
-    placeholder: string | undefined;
     value: string | undefined;
+    placeholder: string | undefined;
     rows: number | undefined;
 }, SlotsType<{
     default?: () => VNode[];

package/src/visual/media/equirect-sphere-viewport/equirect-sphere-viewport.d.ts

@@ -0,0 +1,205 @@
+import { type PropType, type StyleValue } from 'vue';
+export interface EquirectSphereCameraChange {
+    yaw: number;
+    pitch: number;
+    horizontalFov: number;
+}
+export interface EquirectSphereViewportHandle {
+    play: () => Promise<void>;
+    pause: () => void;
+    stop: () => void;
+    seek: (time: number) => void;
+    getCurrentTime: () => number;
+    getDuration: () => number;
+    isPaused: () => boolean;
+    getOutputCanvas: () => HTMLCanvasElement | null;
+    startRecording: () => void;
+    stopRecording: () => Promise<Blob | null>;
+}
+export interface EquirectSphereViewportProps {
+    videoSrc?: string | null;
+    flipInterior?: boolean;
+    yaw?: number;
+    pitch?: number;
+    horizontalFov?: number;
+    outputWidth?: number;
+    outputHeight?: number;
+    minHorizontalFov?: number;
+    maxHorizontalFov?: number;
+    className?: string;
+    style?: StyleValue;
+    outputPreviewHost?: HTMLElement | null;
+    onCameraChange?: (detail: EquirectSphereCameraChange) => void;
+    onTimeUpdate?: (detail: {
+        currentTime: number;
+        duration: number;
+    }) => void;
+    onPlaybackChange?: (detail: {
+        paused: boolean;
+    }) => void;
+}
+/**
+ * Interior sphere (BackSide + flipped texture) for rectilinear POV through 125°.
+ * Stereographic shader above 125° — orientation locked via shared camera matrix.
+ */
+export declare const EquirectSphereViewport: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    className: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    style: {
+        type: PropType<StyleValue | undefined>;
+        default: undefined;
+    };
+    videoSrc: {
+        type: PropType<string | null | undefined>;
+        default: undefined;
+    };
+    flipInterior: {
+        type: PropType<boolean | undefined>;
+        default: boolean;
+    };
+    yaw: {
+        type: PropType<number | undefined>;
+        default: number;
+    };
+    pitch: {
+        type: PropType<number | undefined>;
+        default: number;
+    };
+    horizontalFov: {
+        type: PropType<number | undefined>;
+        default: number;
+    };
+    outputWidth: {
+        type: PropType<number | undefined>;
+        default: number;
+    };
+    outputHeight: {
+        type: PropType<number | undefined>;
+        default: number;
+    };
+    minHorizontalFov: {
+        type: PropType<number | undefined>;
+        default: number;
+    };
+    maxHorizontalFov: {
+        type: PropType<number | undefined>;
+        default: number;
+    };
+    outputPreviewHost: {
+        type: PropType<HTMLElement | null | undefined>;
+        default: undefined;
+    };
+    onCameraChange: {
+        type: PropType<((detail: EquirectSphereCameraChange) => void) | undefined>;
+        default: undefined;
+    };
+    onTimeUpdate: {
+        type: PropType<((detail: {
+            currentTime: number;
+            duration: number;
+        }) => void) | undefined>;
+        default: undefined;
+    };
+    onPlaybackChange: {
+        type: PropType<((detail: {
+            paused: boolean;
+        }) => void) | undefined>;
+        default: undefined;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cameraChange" | "timeUpdate" | "playbackChange")[], "cameraChange" | "timeUpdate" | "playbackChange", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    className: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    style: {
+        type: PropType<StyleValue | undefined>;
+        default: undefined;
+    };
+    videoSrc: {
+        type: PropType<string | null | undefined>;
+        default: undefined;
+    };
+    flipInterior: {
+        type: PropType<boolean | undefined>;
+        default: boolean;
+    };
+    yaw: {
+        type: PropType<number | undefined>;
+        default: number;
+    };
+    pitch: {
+        type: PropType<number | undefined>;
+        default: number;
+    };
+    horizontalFov: {
+        type: PropType<number | undefined>;
+        default: number;
+    };
+    outputWidth: {
+        type: PropType<number | undefined>;
+        default: number;
+    };
+    outputHeight: {
+        type: PropType<number | undefined>;
+        default: number;
+    };
+    minHorizontalFov: {
+        type: PropType<number | undefined>;
+        default: number;
+    };
+    maxHorizontalFov: {
+        type: PropType<number | undefined>;
+        default: number;
+    };
+    outputPreviewHost: {
+        type: PropType<HTMLElement | null | undefined>;
+        default: undefined;
+    };
+    onCameraChange: {
+        type: PropType<((detail: EquirectSphereCameraChange) => void) | undefined>;
+        default: undefined;
+    };
+    onTimeUpdate: {
+        type: PropType<((detail: {
+            currentTime: number;
+            duration: number;
+        }) => void) | undefined>;
+        default: undefined;
+    };
+    onPlaybackChange: {
+        type: PropType<((detail: {
+            paused: boolean;
+        }) => void) | undefined>;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onCameraChange?: ((...args: any[]) => any) | undefined;
+    onTimeUpdate?: ((...args: any[]) => any) | undefined;
+    onPlaybackChange?: ((...args: any[]) => any) | undefined;
+}>, {
+    className: string | undefined;
+    style: StyleValue;
+    outputWidth: number | undefined;
+    outputHeight: number | undefined;
+    horizontalFov: number | undefined;
+    yaw: number | undefined;
+    pitch: number | undefined;
+    videoSrc: string | null | undefined;
+    flipInterior: boolean | undefined;
+    minHorizontalFov: number | undefined;
+    maxHorizontalFov: number | undefined;
+    outputPreviewHost: HTMLElement | null | undefined;
+    onCameraChange: ((detail: EquirectSphereCameraChange) => void) | undefined;
+    onTimeUpdate: ((detail: {
+        currentTime: number;
+        duration: number;
+    }) => void) | undefined;
+    onPlaybackChange: ((detail: {
+        paused: boolean;
+    }) => void) | undefined;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export type EquirectSphereViewportComponent = typeof EquirectSphereViewport;