magnifuer
Version:
Feature-rich Vue component and tooling for creating customizable magnifying-glass-style interfaces with ease.
47 lines (46 loc) • 1.84 kB
TypeScript
import { MagnifuerPosition } from '../types';
import { MagnifuerProps, MagnifuerSlots, MagnifuerState } from '../types/component';
type __VLS_Props = MagnifuerProps;
type __VLS_PublicProps = {
'scale': number;
} & __VLS_Props;
declare function __VLS_template(): {
attrs: Partial<{}>;
slots: Readonly<MagnifuerSlots> & MagnifuerSlots;
refs: {
containerRef: HTMLDivElement;
magnifierRef: HTMLDivElement;
contentRef: HTMLDivElement;
};
rootEl: HTMLDivElement;
};
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {
state: import('vue').ComputedRef<MagnifuerState>;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
"update:scale": (value: number) => any;
}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
"onUpdate:scale"?: ((value: number) => any) | undefined;
}>, {
size: "anchor" | number | import('../types').MagnifuerSize;
controllable: boolean | import('../types').OptionsToProp<import('../composables/useMagnifuerScale').UseMagnifuerScaleOptions>;
anchor: "self" | "pointer" | HTMLElement;
position: "anchor" | MagnifuerPosition;
transform: boolean;
teleport: string | HTMLElement | false;
zIndex: number;
disabled: boolean;
allowOverflow: boolean;
area: boolean;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
containerRef: HTMLDivElement;
magnifierRef: HTMLDivElement;
contentRef: HTMLDivElement;
}, HTMLDivElement>;
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
export default _default;
type __VLS_WithTemplateSlots<T, S> = T & {
new (): {
$slots: S;
};
};