maz-ui
Version:
A standalone components library for Vue.Js 3 & Nuxt.Js 3
82 lines (81 loc) • 2.46 kB
TypeScript
export type MazTickerOrientation = 'horizontal' | 'vertical';
export interface MazTickerProps {
/**
* Scrolling direction
* @type {MazTickerOrientation}
* @values `'horizontal' | 'vertical'`
* @default 'horizontal'
*/
orientation?: MazTickerOrientation;
/**
* Reverse the scrolling direction
* @default false
*/
reverse?: boolean;
/**
* Duration of one full animation cycle in seconds
* @default 20
*/
duration?: number;
/**
* Gap between repeated content blocks (CSS value)
* @default '1rem'
*/
gap?: `${number}rem` | `${number}px` | `${number}%` | `${number}em` | `${number}vw` | `${number}vh`;
/**
* Number of times the content is duplicated for seamless looping
* @default 4
*/
repeat?: number;
/**
* Pause animation on mouse hover
* @default false
*/
pauseOnHover?: boolean;
/**
* Pause animation when a child element receives focus
* @default false
*/
pauseOnFocus?: boolean;
/**
* Programmatic pause control - takes precedence over pauseOnHover and pauseOnFocus
* @default false
*/
paused?: boolean;
/**
* Show gradient overlays on edges to fade content in/out
* @default true
*/
overlay?: boolean;
/**
* Size of the gradient overlay zones (CSS value)
* @default '33%'
*/
overlaySize?: string;
/**
* CSS animation timing function
* @default 'linear'
*/
animationTimingFunction?: string;
}
declare function __VLS_template(): {
attrs: Partial<{}>;
slots: {
before?(_: {}): any;
'overlay-start'?(_: {}): any;
default?(_: {}): any;
'overlay-end'?(_: {}): any;
after?(_: {}): any;
};
refs: {};
rootEl: HTMLDivElement;
};
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
declare const __VLS_component: import('vue').DefineComponent<MazTickerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<MazTickerProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
export default _default;
type __VLS_WithTemplateSlots<T, S> = T & {
new (): {
$slots: S;
};
};