import { IEventEmitter } from '@breadstone/mosaik-elements'; import { ISwipeLeftEventDetail, ISwipeRightEventDetail } from '../../../events'; import { CustomElement } from '../../Abstracts/CustomElement'; import { ISwipeElementProps } from './ISwipeElementProps'; declare const SwipeElement_base: (abstract new (...args: Array) => import("../../../Behaviors/Themeable").IThemeableProps) & typeof CustomElement & import("../../../Behaviors/Themeable").IThemeableCtor; /** * Swipe - A gesture-based interaction for move content by swiping. * * @description * The Swipe component enables users to navigate through content by swiping left or right on a touch-enabled device or using mouse gestures. It is commonly used in carousel sliders, image galleries, and other interfaces where sequential or paginated navigation is required. Swiping gestures allow for intuitive and fluid interaction, enhancing the user experience. * * @category Primitives * * @element mosaik-swipe * * @slot before - The before swipe slot. * @slot after - The after swipe slot. * @slot - The default content slot. * * @fires swipeLeft {SwipeLeftEvent} - Called when the left swipe gesture is detected. * @fires swipeRight {SwipeRightEvent} - Called when the right swipe gesture is detected. * * @example * ```html * * * * ``` * * @public */ export declare class SwipeElement extends SwipeElement_base implements ISwipeElementProps { private readonly _swipeLeft; private readonly _swipeRight; private _panOffset; private _panState; private readonly _panController; private _beforePanningContainerElement; private _afterPanningContainerElement; private _contentContainerElement; private _panEndTriggeringThreshold; private _panLeftDisabled; private _panRightDisabled; /** * @public */ constructor(); /** * Returns the `is` property. * The `is` property represents natural name of this element. * * @public * @static * @readonly */ static get is(): string; /** * Gets or sets the `panEndTriggeringThreshold` property. * * @public * @attr */ get panEndTriggeringThreshold(): number; set panEndTriggeringThreshold(value: number); /** * Gets or sets the `panLeftDisabled` property. * * @public * @attr */ get panLeftDisabled(): boolean; set panLeftDisabled(value: boolean); /** * Gets or sets the `panRightDisabled` property. * * @public * @attr */ get panRightDisabled(): boolean; set panRightDisabled(value: boolean); /** * Called when the left swipe gesture is detected. * Provides reference to `ISwipeLeftEventDetail` as event detail. * * @public * @readonly * @eventProperty */ get swipeLeft(): IEventEmitter; /** * Called when the right swipe gesture is detected. * Provides reference to `ISwipeRightEventDetail` as event detail. * * @public * @readonly * @eventProperty */ get swipeRight(): IEventEmitter; /** * @public */ panLeft(): void; /** * @public */ panRight(): void; protected onApplyTemplate(): void; /** * @protected */ protected onPanStart(_event: Event): void; /** * @protected */ protected onPanMove(event: CustomEvent): void; /** * @protected */ protected onPanEnd(_event: Event): void; /** * @private */ private setContentElementTransform; } /** * @public */ export declare namespace SwipeElement { type Props = ISwipeElementProps; } /** * @public */ declare global { interface HTMLElementTagNameMap { 'mosaik-swipe': SwipeElement; } } export {}; //# sourceMappingURL=SwipeElement.d.ts.map