UNPKG

@aslanonur/liquid-glass-vue

Version:

Apple's Liquid Glass effect implementation for Vue 3 + Nuxt 3. A liquid glass component with real-time displacement mapping, chromatic aberration, and glassmorphism effects.

92 lines (91 loc) 2.77 kB
interface Props { displacementScale?: number; blurAmount?: number; saturation?: number; aberrationIntensity?: number; elasticity?: number; cornerRadius?: number; globalMousePos?: { x: number; y: number; }; mouseOffset?: { x: number; y: number; }; mouseContainer?: HTMLElement | null; className?: string; padding?: string; style?: Record<string, any>; overLight?: boolean; mode?: "standard" | "polar"; onClick?: () => void; onMouseEnter?: () => void; onMouseLeave?: () => void; onMouseDown?: () => void; onMouseUp?: () => void; } declare function __VLS_template(): { default?(_: {}): any; }; declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, { displacementScale: number; blurAmount: number; saturation: number; aberrationIntensity: number; elasticity: number; cornerRadius: number; className: string; padding: string; overLight: boolean; style: () => {}; mode: string; }>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, { displacementScale: number; blurAmount: number; saturation: number; aberrationIntensity: number; elasticity: number; cornerRadius: number; className: string; padding: string; overLight: boolean; style: () => {}; mode: string; }>>> & Readonly<{}>, { displacementScale: number; blurAmount: number; saturation: number; aberrationIntensity: number; elasticity: number; cornerRadius: number; className: string; padding: string; style: Record<string, any>; overLight: boolean; mode: "standard" | "polar"; }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>; declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>; export default _default; type __VLS_NonUndefinedable<T> = T extends undefined ? never : T; type __VLS_TypePropsToRuntimeProps<T> = { [K in keyof T]-?: {} extends Pick<T, K> ? { type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>; } : { type: import('vue').PropType<T[K]>; required: true; }; }; type __VLS_WithDefaults<P, D> = { [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & { default: D[K]; }> : P[K]; }; type __VLS_Prettify<T> = { [K in keyof T]: T[K]; } & {}; type __VLS_WithTemplateSlots<T, S> = T & { new (): { $slots: S; }; };