@coddicat/vue-pinch-scroll-zoom/dist/components/pinch-scroll-zoom.vue.d.ts

Vue component enabling scroll and zoom functionalities for content, leveraging mouse interactions on desktop and two-finger pinch gestures on mobile devices

import type { PropType as __PropType } from 'vue';
import { PinchScrollZoomKeyAction } from './types';
declare const _sfc_main: import("vue").DefineComponent<{
    contentWidth: {
        type: __PropType<number | undefined>;
        required: false;
    };
    contentHeight: {
        type: __PropType<number | undefined>;
        required: false;
    };
    width: {
        type: __PropType<number>;
        required: true;
    };
    height: {
        type: __PropType<number>;
        required: true;
    };
    originX: {
        type: __PropType<number | undefined>;
        required: false;
    };
    originY: {
        type: __PropType<number | undefined>;
        required: false;
    };
    translateX: {
        type: __PropType<number | undefined>;
        required: false;
        default: number;
    };
    translateY: {
        type: __PropType<number | undefined>;
        required: false;
        default: number;
    };
    scale: {
        type: __PropType<number | undefined>;
        required: false;
        default: number;
    };
    throttleDelay: {
        type: __PropType<number | undefined>;
        required: false;
        default: number;
    };
    within: {
        type: __PropType<boolean | undefined>;
        required: false;
        default: boolean;
    };
    minScale: {
        type: __PropType<number | undefined>;
        required: false;
        default: number;
    };
    maxScale: {
        type: __PropType<number | undefined>;
        required: false;
        default: number;
    };
    wheelVelocity: {
        type: __PropType<number | undefined>;
        required: false;
        default: number;
    };
    draggable: {
        type: __PropType<boolean | undefined>;
        required: false;
        default: boolean;
    };
    centered: {
        type: __PropType<boolean | undefined>;
        required: false;
    };
    keyActions: {
        type: __PropType<boolean | undefined>;
        required: false;
        default: boolean;
    };
    tabindex: {
        type: __PropType<number | undefined>;
        required: false;
    };
    keyZoomVelocity: {
        type: __PropType<number | undefined>;
        required: false;
        default: number;
    };
    keyMoveVelocity: {
        type: __PropType<number | undefined>;
        required: false;
        default: number;
    };
    keyControls: {
        type: __PropType<Record<string, PinchScrollZoomKeyAction> | undefined>;
        required: false;
    };
    translate3d: {
        type: __PropType<boolean | undefined>;
        required: false;
        default: boolean;
    };
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("stopDrag" | "startDrag" | "dragging" | "scaling")[], "stopDrag" | "startDrag" | "dragging" | "scaling", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
    contentWidth: {
        type: __PropType<number | undefined>;
        required: false;
    };
    contentHeight: {
        type: __PropType<number | undefined>;
        required: false;
    };
    width: {
        type: __PropType<number>;
        required: true;
    };
    height: {
        type: __PropType<number>;
        required: true;
    };
    originX: {
        type: __PropType<number | undefined>;
        required: false;
    };
    originY: {
        type: __PropType<number | undefined>;
        required: false;
    };
    translateX: {
        type: __PropType<number | undefined>;
        required: false;
        default: number;
    };
    translateY: {
        type: __PropType<number | undefined>;
        required: false;
        default: number;
    };
    scale: {
        type: __PropType<number | undefined>;
        required: false;
        default: number;
    };
    throttleDelay: {
        type: __PropType<number | undefined>;
        required: false;
        default: number;
    };
    within: {
        type: __PropType<boolean | undefined>;
        required: false;
        default: boolean;
    };
    minScale: {
        type: __PropType<number | undefined>;
        required: false;
        default: number;
    };
    maxScale: {
        type: __PropType<number | undefined>;
        required: false;
        default: number;
    };
    wheelVelocity: {
        type: __PropType<number | undefined>;
        required: false;
        default: number;
    };
    draggable: {
        type: __PropType<boolean | undefined>;
        required: false;
        default: boolean;
    };
    centered: {
        type: __PropType<boolean | undefined>;
        required: false;
    };
    keyActions: {
        type: __PropType<boolean | undefined>;
        required: false;
        default: boolean;
    };
    tabindex: {
        type: __PropType<number | undefined>;
        required: false;
    };
    keyZoomVelocity: {
        type: __PropType<number | undefined>;
        required: false;
        default: number;
    };
    keyMoveVelocity: {
        type: __PropType<number | undefined>;
        required: false;
        default: number;
    };
    keyControls: {
        type: __PropType<Record<string, PinchScrollZoomKeyAction> | undefined>;
        required: false;
    };
    translate3d: {
        type: __PropType<boolean | undefined>;
        required: false;
        default: boolean;
    };
}>> & {
    onStopDrag?: ((...args: any[]) => any) | undefined;
    onStartDrag?: ((...args: any[]) => any) | undefined;
    onDragging?: ((...args: any[]) => any) | undefined;
    onScaling?: ((...args: any[]) => any) | undefined;
}, {
    translateX: number | undefined;
    translateY: number | undefined;
    scale: number | undefined;
    throttleDelay: number | undefined;
    within: boolean | undefined;
    minScale: number | undefined;
    maxScale: number | undefined;
    wheelVelocity: number | undefined;
    draggable: boolean | undefined;
    keyActions: boolean | undefined;
    keyZoomVelocity: number | undefined;
    keyMoveVelocity: number | undefined;
    translate3d: boolean | undefined;
}, {}>;
export default _sfc_main;