@egjs/flicking-plugins 4.8.0-beta.1 → 4.8.0

package/declaration/Perspective.d.ts

@@ -1,28 +1,71 @@
-import Flicking, { Plugin } from "@egjs/flicking";
-interface PerspectiveOptions {
-    selector: string;
-    scale: number;
-    rotate: number;
-    perspective: number;
-}
-declare class Perspective implements Plugin {
-    private _flicking;
-    private _selector;
-    private _scale;
-    private _rotate;
-    private _perspective;
-    get selector(): string;
-    get scale(): number;
-    get rotate(): number;
-    get perspective(): number;
-    set selector(val: string);
-    set scale(val: number);
-    set rotate(val: number);
-    set perspective(val: number);
-    constructor({ selector, scale, rotate, perspective }?: Partial<PerspectiveOptions>);
-    init(flicking: Flicking): void;
-    destroy(): void;
-    update: () => void;
-    private _onMove;
-}
-export default Perspective;
+import Flicking, { Plugin } from "@egjs/flicking";
+/**
+ * Options for the {@link Perspective} plugin
+ */
+export interface PerspectiveOptions {
+    /**
+     * CSS selector for the element to apply the perspective effect. If empty, the panel element itself is used
+     * @defaultValue ""
+     */
+    selector: string;
+    /**
+     * Effect amplification scale
+     * @defaultValue 1
+     */
+    scale: number;
+    /**
+     * Rotation amplification scale
+     * @defaultValue 1
+     */
+    rotate: number;
+    /**
+     * The value of the CSS `perspective` property (px)
+     * @defaultValue 1000
+     */
+    perspective: number;
+}
+/**
+ * A plugin to apply 3D perspective effect while panels are moving
+ * @see {@link https://naver.github.io/egjs-flicking/docs/demos/plugins/perspective | Demo: Perspective}
+ */
+declare class Perspective implements Plugin {
+    private _flicking;
+    private _selector;
+    private _scale;
+    private _rotate;
+    private _perspective;
+    /** Current value of the {@link PerspectiveOptions.selector | selector} option. */
+    get selector(): string;
+    /** Current value of the {@link PerspectiveOptions.scale | scale} option. */
+    get scale(): number;
+    /** Current value of the {@link PerspectiveOptions.rotate | rotate} option. */
+    get rotate(): number;
+    /** Current value of the {@link PerspectiveOptions.perspective | perspective} option. */
+    get perspective(): number;
+    /** Sets {@link PerspectiveOptions.selector | selector}. */
+    set selector(val: string);
+    /** Sets {@link PerspectiveOptions.scale | scale}. */
+    set scale(val: number);
+    /** Sets {@link PerspectiveOptions.rotate | rotate}. */
+    set rotate(val: number);
+    /** Sets {@link PerspectiveOptions.perspective | perspective}. */
+    set perspective(val: number);
+    /**
+     * @param options - Options for the Perspective instance
+     * @example
+     * ```ts
+     * flicking.addPlugins(new Perspective({ selector: "p", scale: 1, rotate: 1, perspective: 1000 }));
+     * ```
+     */
+    constructor(options?: Partial<PerspectiveOptions>);
+    /** Initialize the plugin and apply the perspective effect to the Flicking instance.
+     * @param flicking - The Flicking instance to attach this plugin to
+     */
+    init(flicking: Flicking): void;
+    /** Destroy the plugin and remove all event listeners. */
+    destroy(): void;
+    /** Recalculate and apply the perspective effect to all visible panels. */
+    update: () => void;
+    private _onMove;
+}
+export default Perspective;

package/declaration/Sync.d.ts

@@ -1,37 +1,93 @@
-import Flicking from "@egjs/flicking";
-import type { Plugin } from "@egjs/flicking";
-import { SYNC } from "./const";
-export interface SyncOptions {
-    type: typeof SYNC.TYPE.CAMERA | typeof SYNC.TYPE.INDEX;
-    synchronizedFlickingOptions: SychronizableFlickingOptions[];
-}
-export interface SychronizableFlickingOptions {
-    flicking: Flicking;
-    isClickable?: boolean;
-    isSlidable?: boolean;
-    activeClass?: string;
-}
-declare class Sync implements Plugin {
-    private _flicking;
-    private _type;
-    private _synchronizedFlickingOptions;
-    get type(): SyncOptions["type"];
-    get synchronizedFlickingOptions(): SyncOptions["synchronizedFlickingOptions"];
-    set type(val: SyncOptions["type"]);
-    set synchronizedFlickingOptions(val: SyncOptions["synchronizedFlickingOptions"]);
-    constructor({ type, synchronizedFlickingOptions }?: Partial<SyncOptions>);
-    init(flicking: Flicking): void;
-    destroy(): void;
-    update(): void;
-    private _preventEvent;
-    private _addEvents;
-    private _removeEvents;
-    private _onIndexChange;
-    private _onMove;
-    private _onMoveStart;
-    private _onMoveEnd;
-    private _onSelect;
-    private _synchronizeByIndex;
-    private _updateClass;
-}
-export default Sync;
+import type { Plugin } from "@egjs/flicking";
+import Flicking from "@egjs/flicking";
+import { SYNC } from "./const";
+/**
+ * Options for the {@link Sync} plugin
+ */
+export interface SyncOptions {
+    /**
+     * Method to synchronize between Flickings. `"camera"` syncs by camera position, `"index"` syncs by panel index
+     * @defaultValue "camera"
+     */
+    type: typeof SYNC.TYPE.CAMERA | typeof SYNC.TYPE.INDEX;
+    /**
+     * Detailed options for each Flicking instance to synchronize
+     * @defaultValue []
+     */
+    synchronizedFlickingOptions: SychronizableFlickingOptions[];
+}
+/**
+ * Per-instance synchronization options used in {@link SyncOptions.synchronizedFlickingOptions}
+ */
+export interface SychronizableFlickingOptions {
+    /**
+     * The Flicking instance to synchronize
+     */
+    flicking: Flicking;
+    /**
+     * Whether clicking this Flicking's panel changes the index of all synced Flickings
+     * @defaultValue false
+     */
+    isClickable?: boolean;
+    /**
+     * Whether mouse/touch scroll on this Flicking changes other Flickings' index. Only available for the `"index"` type
+     * @defaultValue false
+     */
+    isSlidable?: boolean;
+    /**
+     * CSS class added to the active (selected) panel
+     * @defaultValue undefined
+     */
+    activeClass?: string;
+}
+/**
+ * Plugin for synchronizing multiple Flicking instances
+ * @see {@link https://naver.github.io/egjs-flicking/docs/demos/plugins/sync | Demo: Sync}
+ */
+declare class Sync implements Plugin {
+    private _flicking;
+    private _disabledIndex;
+    private _type;
+    private _synchronizedFlickingOptions;
+    /** Current value of the {@link SyncOptions.type | type} option. */
+    get type(): SyncOptions["type"];
+    /** Current value of the {@link SyncOptions.synchronizedFlickingOptions | synchronizedFlickingOptions} option. */
+    get synchronizedFlickingOptions(): SyncOptions["synchronizedFlickingOptions"];
+    /** Sets {@link SyncOptions.type | type}. */
+    set type(val: SyncOptions["type"]);
+    /** Sets {@link SyncOptions.synchronizedFlickingOptions | synchronizedFlickingOptions}. */
+    set synchronizedFlickingOptions(val: SyncOptions["synchronizedFlickingOptions"]);
+    /**
+     * @param options - Options for the Sync instance
+     * @example
+     * ```ts
+     * flicking.addPlugins(new Sync({
+     *   type: "camera",
+     *   synchronizedFlickingOptions: [
+     *     { flicking: flicking1 },
+     *     { flicking: flicking2, isClickable: true }
+     *   ]
+     * }));
+     * ```
+     */
+    constructor(options?: Partial<SyncOptions>);
+    /** Initialize the plugin and set up synchronization event listeners between Flicking instances.
+     * @param flicking - The Flicking instance to attach this plugin to
+     */
+    init(flicking: Flicking): void;
+    /** Destroy the plugin and remove all synchronization event listeners. */
+    destroy(): void;
+    /** Update the active class state for all synchronized Flicking instances. */
+    update(): void;
+    private _preventEvent;
+    private _addEvents;
+    private _removeEvents;
+    private _onIndexChange;
+    private _onMove;
+    private _onMoveStart;
+    private _onMoveEnd;
+    private _onSelect;
+    private _synchronizeByIndex;
+    private _updateClass;
+}
+export default Sync;

package/declaration/const.d.ts

@@ -1,31 +1,31 @@
-export declare const ARROW: {
-    readonly PREV_SELECTOR: ".flicking-arrow-prev";
-    readonly NEXT_SELECTOR: ".flicking-arrow-next";
-    readonly DISABLED_CLASS: "flicking-arrow-disabled";
-};
-export declare const PAGINATION: {
-    readonly SELECTOR: ".flicking-pagination";
-    readonly PREFIX: "flicking-pagination";
-    readonly BULLET_WRAPPER_SUFFIX: "bullets";
-    readonly BULLET_SUFFIX: "bullet";
-    readonly BULLET_ACTIVE_SUFFIX: "bullet-active";
-    readonly FRACTION_WRAPPER_SUFFIX: "fraction";
-    readonly FRACTION_CURRENT_SUFFIX: "fraction-current";
-    readonly FRACTION_TOTAL_SUFFIX: "fraction-total";
-    readonly SCROLL_UNINIT_SUFFIX: "uninitialized";
-    readonly SCROLL_WRAPPER_SUFFIX: "scroll";
-    readonly SCROLL_SLIDER_SUFFIX: "slider";
-    readonly SCROLL_PREV_SUFFIX: "bullet-prev";
-    readonly SCROLL_NEXT_SUFFIX: "bullet-next";
-    readonly TYPE: {
-        readonly BULLET: "bullet";
-        readonly FRACTION: "fraction";
-        readonly SCROLL: "scroll";
-    };
-};
-export declare const SYNC: {
-    readonly TYPE: {
-        readonly CAMERA: "camera";
-        readonly INDEX: "index";
-    };
-};
+export declare const ARROW: {
+    readonly PREV_SELECTOR: ".flicking-arrow-prev";
+    readonly NEXT_SELECTOR: ".flicking-arrow-next";
+    readonly DISABLED_CLASS: "flicking-arrow-disabled";
+};
+export declare const PAGINATION: {
+    readonly SELECTOR: ".flicking-pagination";
+    readonly PREFIX: "flicking-pagination";
+    readonly BULLET_WRAPPER_SUFFIX: "bullets";
+    readonly BULLET_SUFFIX: "bullet";
+    readonly BULLET_ACTIVE_SUFFIX: "bullet-active";
+    readonly FRACTION_WRAPPER_SUFFIX: "fraction";
+    readonly FRACTION_CURRENT_SUFFIX: "fraction-current";
+    readonly FRACTION_TOTAL_SUFFIX: "fraction-total";
+    readonly SCROLL_UNINIT_SUFFIX: "uninitialized";
+    readonly SCROLL_WRAPPER_SUFFIX: "scroll";
+    readonly SCROLL_SLIDER_SUFFIX: "slider";
+    readonly SCROLL_PREV_SUFFIX: "bullet-prev";
+    readonly SCROLL_NEXT_SUFFIX: "bullet-next";
+    readonly TYPE: {
+        readonly BULLET: "bullet";
+        readonly FRACTION: "fraction";
+        readonly SCROLL: "scroll";
+    };
+};
+export declare const SYNC: {
+    readonly TYPE: {
+        readonly CAMERA: "camera";
+        readonly INDEX: "index";
+    };
+};

package/declaration/event.d.ts

@@ -1,5 +1,5 @@
-export declare const BROWSER: {
-    CLICK: string;
-    MOUSE_DOWN: string;
-    TOUCH_START: string;
-};
+export declare const BROWSER: {
+    CLICK: string;
+    MOUSE_DOWN: string;
+    TOUCH_START: string;
+};

package/declaration/index.d.ts

@@ -1,10 +1,13 @@
-import Parallax from "./Parallax";
-import Fade from "./Fade";
-import AutoPlay from "./AutoPlay";
-import Arrow from "./Arrow";
-import Sync, { SyncOptions, SychronizableFlickingOptions } from "./Sync";
-import Perspective from "./Perspective";
-export * from "./pagination";
-export { Parallax, Fade, AutoPlay, Arrow, Sync, Perspective };
-export type { SyncOptions, SychronizableFlickingOptions };
-export * from "./const";
+import Arrow from "./Arrow";
+import AutoPlay from "./AutoPlay";
+import Fade from "./Fade";
+import Parallax from "./Parallax";
+import Perspective from "./Perspective";
+import Sync, { SychronizableFlickingOptions, SyncOptions } from "./Sync";
+export * from "./pagination";
+export { Parallax, Fade, AutoPlay, Arrow, Sync, Perspective };
+export type { SyncOptions, SychronizableFlickingOptions };
+export type { ArrowOptions } from "./Arrow";
+export type { AutoPlayOptions } from "./AutoPlay";
+export * from "./const";
+export type { PerspectiveOptions } from "./Perspective";

package/declaration/pagination/Pagination.d.ts

@@ -1,61 +1,141 @@
-import Flicking, { Plugin } from "@egjs/flicking";
-import ScrollContext from "../type";
-export interface PaginationOptions {
-    parentEl: HTMLElement | null;
-    selector: string;
-    type: "bullet" | "fraction" | "scroll";
-    classPrefix: string;
-    bulletCount: number;
-    renderBullet: (className: string, index: number) => string;
-    renderFraction: (currentClass: string, totalClass: string) => string;
-    renderActiveBullet: ((className: string, index: number) => string) | null;
-    fractionCurrentFormat: (index: number) => string;
-    fractionTotalFormat: (total: number) => string;
-    scrollOnChange: (index: number, ctx: ScrollContext) => any;
-}
-declare class Pagination implements Plugin {
-    private _flicking;
-    private _renderer;
-    private _wrapper;
-    private _parentEl;
-    private _selector;
-    private _type;
-    private _classPrefix;
-    private _bulletCount;
-    private _renderBullet;
-    private _renderActiveBullet;
-    private _renderFraction;
-    private _fractionCurrentFormat;
-    private _fractionTotalFormat;
-    private _scrollOnChange;
-    get parentEl(): PaginationOptions["parentEl"];
-    get selector(): PaginationOptions["selector"];
-    get type(): PaginationOptions["type"];
-    get classPrefix(): string;
-    get bulletCount(): PaginationOptions["bulletCount"];
-    get renderBullet(): PaginationOptions["renderBullet"];
-    get renderActiveBullet(): PaginationOptions["renderActiveBullet"];
-    get renderFraction(): PaginationOptions["renderFraction"];
-    get fractionCurrentFormat(): PaginationOptions["fractionCurrentFormat"];
-    get fractionTotalFormat(): PaginationOptions["fractionTotalFormat"];
-    get scrollOnChange(): PaginationOptions["scrollOnChange"];
-    set parentEl(val: PaginationOptions["parentEl"]);
-    set selector(val: PaginationOptions["selector"]);
-    set type(val: PaginationOptions["type"]);
-    set bulletWrapperclassPrefixClass(val: PaginationOptions["classPrefix"]);
-    set bulletCount(val: PaginationOptions["bulletCount"]);
-    set renderBullet(val: PaginationOptions["renderBullet"]);
-    set renderActiveBullet(val: PaginationOptions["renderActiveBullet"]);
-    set renderFraction(val: PaginationOptions["renderFraction"]);
-    set fractionCurrentFormat(val: PaginationOptions["fractionCurrentFormat"]);
-    set fractionTotalFormat(val: PaginationOptions["fractionTotalFormat"]);
-    set scrollOnChange(val: PaginationOptions["scrollOnChange"]);
-    constructor({ parentEl, selector, type, classPrefix, bulletCount, renderBullet, renderActiveBullet, renderFraction, fractionCurrentFormat, fractionTotalFormat, scrollOnChange }?: Partial<PaginationOptions>);
-    init(flicking: Flicking): void;
-    destroy(): void;
-    update: () => void;
-    private _createRenderer;
-    private _onIndexChange;
-    private _removeAllChilds;
-}
-export default Pagination;
+import Flicking, { Plugin } from "@egjs/flicking";
+import ScrollContext from "../type";
+/**
+ * Options for the {@link Pagination} plugin
+ */
+export interface PaginationOptions {
+    /**
+     * The parent element to search for the pagination wrapper. If `null`, the Flicking element is used
+     * @defaultValue null
+     */
+    parentEl: HTMLElement | null;
+    /**
+     * CSS selector for the pagination wrapper element
+     * @defaultValue ".flicking-pagination"
+     */
+    selector: string;
+    /**
+     * Pagination display type
+     * @defaultValue "bullet"
+     */
+    type: "bullet" | "fraction" | "scroll";
+    /**
+     * CSS class prefix for pagination elements
+     * @defaultValue "flicking-pagination"
+     */
+    classPrefix: string;
+    /**
+     * Maximum number of bullet indicators displayed at once (only for `"scroll"` type)
+     * @defaultValue 5
+     */
+    bulletCount: number;
+    /**
+     * Custom render function for each bullet element
+     */
+    renderBullet: (className: string, index: number) => string;
+    /**
+     * Custom render function for the fraction display
+     */
+    renderFraction: (currentClass: string, totalClass: string) => string;
+    /**
+     * Custom render function for the active bullet element. If `null`, the default bullet is used
+     * @defaultValue null
+     */
+    renderActiveBullet: ((className: string, index: number) => string) | null;
+    /**
+     * Format function for the current index in fraction type
+     */
+    fractionCurrentFormat: (index: number) => string;
+    /**
+     * Format function for the total count in fraction type
+     */
+    fractionTotalFormat: (total: number) => string;
+    /**
+     * Callback invoked when the scroll pagination index changes
+     */
+    scrollOnChange: (index: number, ctx: ScrollContext) => any;
+}
+/**
+ * A plugin to add pagination indicators (bullets, fractions, or scrollable bullets) to Flicking
+ * @see {@link https://naver.github.io/egjs-flicking/docs/demos/plugins/pagination | Demo: Pagination}
+ */
+declare class Pagination implements Plugin {
+    private _flicking;
+    private _renderer;
+    private _wrapper;
+    private _parentEl;
+    private _selector;
+    private _type;
+    private _classPrefix;
+    private _bulletCount;
+    private _renderBullet;
+    private _renderActiveBullet;
+    private _renderFraction;
+    private _fractionCurrentFormat;
+    private _fractionTotalFormat;
+    private _scrollOnChange;
+    /** Current value of the {@link PaginationOptions.parentEl | parentEl} option. */
+    get parentEl(): PaginationOptions["parentEl"];
+    /** Current value of the {@link PaginationOptions.selector | selector} option. */
+    get selector(): PaginationOptions["selector"];
+    /** Current value of the {@link PaginationOptions.type | type} option. */
+    get type(): PaginationOptions["type"];
+    /** Current value of the {@link PaginationOptions.classPrefix | classPrefix} option. */
+    get classPrefix(): string;
+    /** Current value of the {@link PaginationOptions.bulletCount | bulletCount} option. */
+    get bulletCount(): PaginationOptions["bulletCount"];
+    /** Current value of the {@link PaginationOptions.renderBullet | renderBullet} option. */
+    get renderBullet(): PaginationOptions["renderBullet"];
+    /** Current value of the {@link PaginationOptions.renderActiveBullet | renderActiveBullet} option. */
+    get renderActiveBullet(): PaginationOptions["renderActiveBullet"];
+    /** Current value of the {@link PaginationOptions.renderFraction | renderFraction} option. */
+    get renderFraction(): PaginationOptions["renderFraction"];
+    /** Current value of the {@link PaginationOptions.fractionCurrentFormat | fractionCurrentFormat} option. */
+    get fractionCurrentFormat(): PaginationOptions["fractionCurrentFormat"];
+    /** Current value of the {@link PaginationOptions.fractionTotalFormat | fractionTotalFormat} option. */
+    get fractionTotalFormat(): PaginationOptions["fractionTotalFormat"];
+    /** Current value of the {@link PaginationOptions.scrollOnChange | scrollOnChange} option. */
+    get scrollOnChange(): PaginationOptions["scrollOnChange"];
+    /** Sets {@link PaginationOptions.parentEl | parentEl}. */
+    set parentEl(val: PaginationOptions["parentEl"]);
+    /** Sets {@link PaginationOptions.selector | selector}. */
+    set selector(val: PaginationOptions["selector"]);
+    /** Sets {@link PaginationOptions.type | type}. */
+    set type(val: PaginationOptions["type"]);
+    /** Sets {@link PaginationOptions.classPrefix | classPrefix}. */
+    set bulletWrapperclassPrefixClass(val: PaginationOptions["classPrefix"]);
+    /** Sets {@link PaginationOptions.bulletCount | bulletCount}. */
+    set bulletCount(val: PaginationOptions["bulletCount"]);
+    /** Sets {@link PaginationOptions.renderBullet | renderBullet}. */
+    set renderBullet(val: PaginationOptions["renderBullet"]);
+    /** Sets {@link PaginationOptions.renderActiveBullet | renderActiveBullet}. */
+    set renderActiveBullet(val: PaginationOptions["renderActiveBullet"]);
+    /** Sets {@link PaginationOptions.renderFraction | renderFraction}. */
+    set renderFraction(val: PaginationOptions["renderFraction"]);
+    /** Sets {@link PaginationOptions.fractionCurrentFormat | fractionCurrentFormat}. */
+    set fractionCurrentFormat(val: PaginationOptions["fractionCurrentFormat"]);
+    /** Sets {@link PaginationOptions.fractionTotalFormat | fractionTotalFormat}. */
+    set fractionTotalFormat(val: PaginationOptions["fractionTotalFormat"]);
+    /** Sets {@link PaginationOptions.scrollOnChange | scrollOnChange}. */
+    set scrollOnChange(val: PaginationOptions["scrollOnChange"]);
+    /**
+     * @param options - Options for the Pagination instance
+     * @example
+     * ```ts
+     * flicking.addPlugins(new Pagination({ type: "bullet", selector: ".flicking-pagination" }));
+     * ```
+     */
+    constructor(options?: Partial<PaginationOptions>);
+    /** Initialize the plugin, create the pagination renderer, and attach event listeners to the Flicking instance.
+     * @param flicking - The Flicking instance to attach this plugin to
+     */
+    init(flicking: Flicking): void;
+    /** Destroy the plugin, remove all event listeners, and clean up pagination DOM elements. */
+    destroy(): void;
+    /** Re-render the pagination indicators to reflect the current panel state. */
+    update: () => void;
+    private _createRenderer;
+    private _onIndexChange;
+    private _removeAllChilds;
+}
+export default Pagination;

package/declaration/pagination/index.d.ts

@@ -1,3 +1,3 @@
-import Pagination, { PaginationOptions } from "./Pagination";
-export { Pagination };
-export type { PaginationOptions };
+import Pagination, { PaginationOptions } from "./Pagination";
+export { Pagination };
+export type { PaginationOptions };

package/declaration/pagination/renderer/BulletRenderer.d.ts

@@ -1,11 +1,11 @@
-import Renderer from "./Renderer";
-declare class BulletRenderer extends Renderer {
-    private _bullets;
-    private _prevIndex;
-    private get _bulletClass();
-    private get _activeClass();
-    destroy(): void;
-    render(): void;
-    update(index: number): void;
-}
-export default BulletRenderer;
+import Renderer from "./Renderer";
+declare class BulletRenderer extends Renderer {
+    private _bullets;
+    private _prevIndex;
+    private get _bulletClass();
+    private get _activeClass();
+    destroy(): void;
+    render(): void;
+    update(index: number): void;
+}
+export default BulletRenderer;

package/declaration/pagination/renderer/FractionRenderer.d.ts

@@ -1,9 +1,9 @@
-import Renderer from "./Renderer";
-declare class FractionRenderer extends Renderer {
-    private _prevIndex;
-    private _prevTotal;
-    destroy(): void;
-    render(): void;
-    update(index: number): void;
-}
-export default FractionRenderer;
+import Renderer from "./Renderer";
+declare class FractionRenderer extends Renderer {
+    private _prevIndex;
+    private _prevTotal;
+    destroy(): void;
+    render(): void;
+    update(index: number): void;
+}
+export default FractionRenderer;

package/declaration/pagination/renderer/Renderer.d.ts

@@ -1,19 +1,19 @@
-import Flicking from "@egjs/flicking";
-import Pagination from "../Pagination";
-export interface RendererOptions {
-    flicking: Flicking;
-    pagination: Pagination;
-    wrapper: HTMLElement;
-}
-declare abstract class Renderer {
-    protected _flicking: Flicking;
-    protected _pagination: Pagination;
-    protected _wrapper: HTMLElement;
-    constructor({ flicking, pagination, wrapper }: RendererOptions);
-    abstract destroy(): void;
-    abstract render(): void;
-    abstract update(index: number): void;
-    protected _createBulletFromString(html: string, index: number): HTMLElement;
-    protected _addBulletEvents(bullet: HTMLElement, index: number): void;
-}
-export default Renderer;
+import Flicking from "@egjs/flicking";
+import Pagination from "../Pagination";
+export interface RendererOptions {
+    flicking: Flicking;
+    pagination: Pagination;
+    wrapper: HTMLElement;
+}
+declare abstract class Renderer {
+    protected _flicking: Flicking;
+    protected _pagination: Pagination;
+    protected _wrapper: HTMLElement;
+    constructor(options: RendererOptions);
+    abstract destroy(): void;
+    abstract render(): void;
+    abstract update(index: number): void;
+    protected _createBulletFromString(html: string, index: number): HTMLElement;
+    protected _addBulletEvents(bullet: HTMLElement, index: number): void;
+}
+export default Renderer;

package/declaration/pagination/renderer/ScrollBulletRenderer.d.ts

@@ -1,12 +1,12 @@
-import Renderer from "./Renderer";
-declare class ScrollBulletRenderer extends Renderer {
-    private _bullets;
-    private _bulletSize;
-    private _previousIndex;
-    private _sliderIndex;
-    destroy(): void;
-    render(): void;
-    update(index: number): void;
-    moveTo: (index: number) => void;
-}
-export default ScrollBulletRenderer;
+import Renderer from "./Renderer";
+declare class ScrollBulletRenderer extends Renderer {
+    private _bullets;
+    private _bulletSize;
+    private _previousIndex;
+    private _sliderIndex;
+    destroy(): void;
+    render(): void;
+    update(index: number): void;
+    moveTo: (index: number) => void;
+}
+export default ScrollBulletRenderer;