@egjs/flicking 4.11.3 → 4.12.0-beta.0

package/declaration/renderer/strategy/NormalRenderingStrategy.d.ts

@@ -1,23 +1,23 @@
-import Flicking from "../../Flicking";
-import Panel, { PanelOptions } from "../../core/panel/Panel";
-import ElementProvider from "../../core/panel/provider/ElementProvider";
-import RenderingStrategy from "./RenderingStrategy";
-export interface NormalRenderingStrategyOptions {
-    providerCtor: new (...args: any) => ElementProvider;
-}
-declare class NormalRenderingStrategy implements RenderingStrategy {
-    private _providerCtor;
-    constructor({ providerCtor }: NormalRenderingStrategyOptions);
-    renderPanels(): void;
-    getRenderingIndexesByOrder(flicking: Flicking): number[];
-    getRenderingElementsByOrder(flicking: Flicking): HTMLElement[];
-    updateRenderingPanels(flicking: Flicking): void;
-    collectPanels(flicking: Flicking, elements: any[]): Panel[];
-    createPanel(element: any, options: Omit<PanelOptions, "elementProvider">): Panel;
-    updatePanelSizes(flicking: Flicking, size: Partial<{
-        width: number | string;
-        height: number | string;
-    }>): void;
-    private _showOnlyVisiblePanels;
-}
-export default NormalRenderingStrategy;
+import Flicking from "../../Flicking";
+import Panel, { PanelOptions } from "../../core/panel/Panel";
+import ElementProvider from "../../core/panel/provider/ElementProvider";
+import RenderingStrategy from "./RenderingStrategy";
+export interface NormalRenderingStrategyOptions {
+    providerCtor: new (...args: any) => ElementProvider;
+}
+declare class NormalRenderingStrategy implements RenderingStrategy {
+    private _providerCtor;
+    constructor({ providerCtor }: NormalRenderingStrategyOptions);
+    renderPanels(): void;
+    getRenderingIndexesByOrder(flicking: Flicking): number[];
+    getRenderingElementsByOrder(flicking: Flicking): HTMLElement[];
+    updateRenderingPanels(flicking: Flicking): void;
+    collectPanels(flicking: Flicking, elements: any[]): Panel[];
+    createPanel(element: any, options: Omit<PanelOptions, "elementProvider">): Panel;
+    updatePanelSizes(flicking: Flicking, size: Partial<{
+        width: number | string;
+        height: number | string;
+    }>): void;
+    private _showOnlyVisiblePanels;
+}
+export default NormalRenderingStrategy;

package/declaration/renderer/strategy/RenderingStrategy.d.ts

@@ -1,15 +1,15 @@
-import Flicking from "../../Flicking";
-import Panel, { PanelOptions } from "../../core/panel/Panel";
-interface RenderingStrategy {
-    renderPanels(flicking: Flicking): void;
-    getRenderingIndexesByOrder(flicking: Flicking): number[];
-    getRenderingElementsByOrder(flicking: Flicking): HTMLElement[];
-    updateRenderingPanels(flicking: Flicking): void;
-    createPanel(element: any, options: Omit<PanelOptions, "elementProvider">): Panel;
-    collectPanels(flicking: Flicking, elements: any[]): Panel[];
-    updatePanelSizes(flicking: Flicking, size: Partial<{
-        width: number | string;
-        height: number | string;
-    }>): void;
-}
-export default RenderingStrategy;
+import Flicking from "../../Flicking";
+import Panel, { PanelOptions } from "../../core/panel/Panel";
+interface RenderingStrategy {
+    renderPanels(flicking: Flicking): void;
+    getRenderingIndexesByOrder(flicking: Flicking): number[];
+    getRenderingElementsByOrder(flicking: Flicking): HTMLElement[];
+    updateRenderingPanels(flicking: Flicking): void;
+    createPanel(element: any, options: Omit<PanelOptions, "elementProvider">): Panel;
+    collectPanels(flicking: Flicking, elements: any[]): Panel[];
+    updatePanelSizes(flicking: Flicking, size: Partial<{
+        width: number | string;
+        height: number | string;
+    }>): void;
+}
+export default RenderingStrategy;

package/declaration/renderer/strategy/VirtualRenderingStrategy.d.ts

@@ -1,17 +1,17 @@
-import Flicking from "../../Flicking";
-import { PanelOptions } from "../../core/panel/Panel";
-import VirtualPanel from "../../core/panel/VirtualPanel";
-import RenderingStrategy from "./RenderingStrategy";
-declare class VirtualRenderingStrategy implements RenderingStrategy {
-    renderPanels(flicking: Flicking): void;
-    getRenderingIndexesByOrder(flicking: Flicking): number[];
-    getRenderingElementsByOrder(flicking: Flicking): HTMLElement[];
-    updateRenderingPanels(flicking: Flicking): void;
-    collectPanels(flicking: Flicking): VirtualPanel[];
-    createPanel(_el: any, options: PanelOptions): VirtualPanel;
-    updatePanelSizes(flicking: Flicking, size: Partial<{
-        width: number | string;
-        height: number | string;
-    }>): void;
-}
-export default VirtualRenderingStrategy;
+import Flicking from "../../Flicking";
+import { PanelOptions } from "../../core/panel/Panel";
+import VirtualPanel from "../../core/panel/VirtualPanel";
+import RenderingStrategy from "./RenderingStrategy";
+declare class VirtualRenderingStrategy implements RenderingStrategy {
+    renderPanels(flicking: Flicking): void;
+    getRenderingIndexesByOrder(flicking: Flicking): number[];
+    getRenderingElementsByOrder(flicking: Flicking): HTMLElement[];
+    updateRenderingPanels(flicking: Flicking): void;
+    collectPanels(flicking: Flicking): VirtualPanel[];
+    createPanel(_el: any, options: PanelOptions): VirtualPanel;
+    updatePanelSizes(flicking: Flicking, size: Partial<{
+        width: number | string;
+        height: number | string;
+    }>): void;
+}
+export default VirtualRenderingStrategy;

package/declaration/renderer/strategy/index.d.ts

@@ -1,5 +1,5 @@
-import RenderingStrategy from "./RenderingStrategy";
-import NormalRenderingStrategy, { NormalRenderingStrategyOptions } from "./NormalRenderingStrategy";
-import VirtualRenderingStrategy from "./VirtualRenderingStrategy";
-export { NormalRenderingStrategy, VirtualRenderingStrategy };
-export type { RenderingStrategy, NormalRenderingStrategyOptions };
+import RenderingStrategy from "./RenderingStrategy";
+import NormalRenderingStrategy, { NormalRenderingStrategyOptions } from "./NormalRenderingStrategy";
+import VirtualRenderingStrategy from "./VirtualRenderingStrategy";
+export { NormalRenderingStrategy, VirtualRenderingStrategy };
+export type { RenderingStrategy, NormalRenderingStrategyOptions };

package/declaration/type/event.d.ts

@@ -1,88 +1,88 @@
-import { OnChange, OnFinish, OnHold, OnRelease } from "@egjs/axes";
-import { ComponentEvent } from "@egjs/component";
-import Flicking from "../Flicking";
-import Panel from "../core/panel/Panel";
-import { EVENTS, DIRECTION } from "../const/external";
-import { ValueOf } from "../type/internal";
-export declare type ReadyEvent<T extends Flicking = Flicking> = ComponentEvent<{}, typeof EVENTS["READY"], T>;
-export interface BeforeResizeEvent<T extends Flicking = Flicking> extends ComponentEvent<{}, typeof EVENTS["BEFORE_RESIZE"], T> {
-    width: number;
-    height: number;
-    element: HTMLElement;
-}
-export interface AfterResizeEvent<T extends Flicking = Flicking> extends ComponentEvent<{}, typeof EVENTS["AFTER_RESIZE"], T> {
-    width: number;
-    height: number;
-    prev: {
-        width: number;
-        height: number;
-    };
-    sizeChanged: boolean;
-    element: HTMLElement;
-}
-export interface HoldStartEvent<T extends Flicking = Flicking> extends ComponentEvent<{}, typeof EVENTS["HOLD_START"], T> {
-    axesEvent: OnHold;
-}
-export interface HoldEndEvent<T extends Flicking = Flicking> extends ComponentEvent<{}, typeof EVENTS["HOLD_END"], T> {
-    axesEvent: OnRelease;
-}
-export interface MoveStartEvent<T extends Flicking = Flicking> extends ComponentEvent<{}, typeof EVENTS["MOVE_START"], T> {
-    isTrusted: boolean;
-    holding: boolean;
-    direction: ValueOf<typeof DIRECTION>;
-    axesEvent: OnChange;
-}
-export interface MoveEvent<T extends Flicking = Flicking> extends ComponentEvent<{}, typeof EVENTS["MOVE"], T> {
-    isTrusted: boolean;
-    holding: boolean;
-    direction: ValueOf<typeof DIRECTION>;
-    axesEvent: OnChange;
-}
-export interface MoveEndEvent<T extends Flicking = Flicking> extends ComponentEvent<{}, typeof EVENTS["MOVE_END"], T> {
-    isTrusted: boolean;
-    direction: ValueOf<typeof DIRECTION>;
-    axesEvent: OnFinish;
-}
-export interface WillChangeEvent<T extends Flicking = Flicking> extends ComponentEvent<{}, typeof EVENTS["WILL_CHANGE"], T> {
-    index: number;
-    panel: Panel;
-    isTrusted: boolean;
-    direction: ValueOf<typeof DIRECTION>;
-}
-export interface ChangedEvent<T extends Flicking = Flicking> extends ComponentEvent<{}, typeof EVENTS["CHANGED"], T> {
-    index: number;
-    panel: Panel;
-    prevIndex: number;
-    prevPanel: Panel | null;
-    isTrusted: boolean;
-    direction: ValueOf<typeof DIRECTION>;
-}
-export interface WillRestoreEvent<T extends Flicking = Flicking> extends ComponentEvent<{}, typeof EVENTS["WILL_RESTORE"], T> {
-    index: number;
-    panel: Panel;
-    isTrusted: boolean;
-    direction: ValueOf<typeof DIRECTION>;
-}
-export interface RestoredEvent<T extends Flicking = Flicking> extends ComponentEvent<{}, typeof EVENTS["RESTORED"], T> {
-    isTrusted: boolean;
-}
-export interface SelectEvent<T extends Flicking = Flicking> extends ComponentEvent<{}, typeof EVENTS["SELECT"], T> {
-    index: number;
-    panel: Panel;
-    direction: ValueOf<typeof DIRECTION> | null;
-}
-export interface NeedPanelEvent<T extends Flicking = Flicking> extends ComponentEvent<{}, typeof EVENTS["NEED_PANEL"], T> {
-    direction: Exclude<ValueOf<typeof DIRECTION>, null>;
-}
-export interface VisibleChangeEvent<T extends Flicking = Flicking> extends ComponentEvent<{}, typeof EVENTS["VISIBLE_CHANGE"], T> {
-    added: Panel[];
-    removed: Panel[];
-    visiblePanels: Panel[];
-}
-export interface ReachEdgeEvent<T extends Flicking = Flicking> extends ComponentEvent<{}, typeof EVENTS["REACH_EDGE"], T> {
-    direction: ValueOf<typeof DIRECTION>;
-}
-export interface PanelChangeEvent<T extends Flicking = Flicking> extends ComponentEvent<{}, typeof EVENTS["PANEL_CHANGE"], T> {
-    added: Panel[];
-    removed: Panel[];
-}
+import { OnChange, OnFinish, OnHold, OnRelease } from "@egjs/axes";
+import { ComponentEvent } from "@egjs/component";
+import Flicking from "../Flicking";
+import Panel from "../core/panel/Panel";
+import { EVENTS, DIRECTION } from "../const/external";
+import { ValueOf } from "../type/internal";
+export declare type ReadyEvent<T extends Flicking = Flicking> = ComponentEvent<{}, typeof EVENTS["READY"], T>;
+export interface BeforeResizeEvent<T extends Flicking = Flicking> extends ComponentEvent<{}, typeof EVENTS["BEFORE_RESIZE"], T> {
+    width: number;
+    height: number;
+    element: HTMLElement;
+}
+export interface AfterResizeEvent<T extends Flicking = Flicking> extends ComponentEvent<{}, typeof EVENTS["AFTER_RESIZE"], T> {
+    width: number;
+    height: number;
+    prev: {
+        width: number;
+        height: number;
+    };
+    sizeChanged: boolean;
+    element: HTMLElement;
+}
+export interface HoldStartEvent<T extends Flicking = Flicking> extends ComponentEvent<{}, typeof EVENTS["HOLD_START"], T> {
+    axesEvent: OnHold;
+}
+export interface HoldEndEvent<T extends Flicking = Flicking> extends ComponentEvent<{}, typeof EVENTS["HOLD_END"], T> {
+    axesEvent: OnRelease;
+}
+export interface MoveStartEvent<T extends Flicking = Flicking> extends ComponentEvent<{}, typeof EVENTS["MOVE_START"], T> {
+    isTrusted: boolean;
+    holding: boolean;
+    direction: ValueOf<typeof DIRECTION>;
+    axesEvent: OnChange;
+}
+export interface MoveEvent<T extends Flicking = Flicking> extends ComponentEvent<{}, typeof EVENTS["MOVE"], T> {
+    isTrusted: boolean;
+    holding: boolean;
+    direction: ValueOf<typeof DIRECTION>;
+    axesEvent: OnChange;
+}
+export interface MoveEndEvent<T extends Flicking = Flicking> extends ComponentEvent<{}, typeof EVENTS["MOVE_END"], T> {
+    isTrusted: boolean;
+    direction: ValueOf<typeof DIRECTION>;
+    axesEvent: OnFinish;
+}
+export interface WillChangeEvent<T extends Flicking = Flicking> extends ComponentEvent<{}, typeof EVENTS["WILL_CHANGE"], T> {
+    index: number;
+    panel: Panel;
+    isTrusted: boolean;
+    direction: ValueOf<typeof DIRECTION>;
+}
+export interface ChangedEvent<T extends Flicking = Flicking> extends ComponentEvent<{}, typeof EVENTS["CHANGED"], T> {
+    index: number;
+    panel: Panel;
+    prevIndex: number;
+    prevPanel: Panel | null;
+    isTrusted: boolean;
+    direction: ValueOf<typeof DIRECTION>;
+}
+export interface WillRestoreEvent<T extends Flicking = Flicking> extends ComponentEvent<{}, typeof EVENTS["WILL_RESTORE"], T> {
+    index: number;
+    panel: Panel;
+    isTrusted: boolean;
+    direction: ValueOf<typeof DIRECTION>;
+}
+export interface RestoredEvent<T extends Flicking = Flicking> extends ComponentEvent<{}, typeof EVENTS["RESTORED"], T> {
+    isTrusted: boolean;
+}
+export interface SelectEvent<T extends Flicking = Flicking> extends ComponentEvent<{}, typeof EVENTS["SELECT"], T> {
+    index: number;
+    panel: Panel;
+    direction: ValueOf<typeof DIRECTION> | null;
+}
+export interface NeedPanelEvent<T extends Flicking = Flicking> extends ComponentEvent<{}, typeof EVENTS["NEED_PANEL"], T> {
+    direction: Exclude<ValueOf<typeof DIRECTION>, null>;
+}
+export interface VisibleChangeEvent<T extends Flicking = Flicking> extends ComponentEvent<{}, typeof EVENTS["VISIBLE_CHANGE"], T> {
+    added: Panel[];
+    removed: Panel[];
+    visiblePanels: Panel[];
+}
+export interface ReachEdgeEvent<T extends Flicking = Flicking> extends ComponentEvent<{}, typeof EVENTS["REACH_EDGE"], T> {
+    direction: ValueOf<typeof DIRECTION>;
+}
+export interface PanelChangeEvent<T extends Flicking = Flicking> extends ComponentEvent<{}, typeof EVENTS["PANEL_CHANGE"], T> {
+    added: Panel[];
+    removed: Panel[];
+}

package/declaration/type/external.d.ts

@@ -1,31 +1,31 @@
-import Flicking from "../Flicking";
-import { SnapControlOptions, FreeControlOptions, StrictControlOptions } from "../control";
-import { MOVE_TYPE } from "../const/external";
-import { ValueOf } from "../type/internal";
-export declare type ElementLike = string | HTMLElement;
-export interface Plugin {
-    init(flicking: Flicking): void;
-    destroy(): void;
-    update(flicking: Flicking): void;
-}
-export interface Status {
-    index?: number;
-    position?: {
-        panel: number;
-        progressInPanel: number;
-    };
-    visibleOffset?: number;
-    panels: Array<{
-        index: number;
-        html?: string;
-    }>;
-}
-export declare type MoveTypeOptions<T extends ValueOf<typeof MOVE_TYPE>> = T extends typeof MOVE_TYPE.SNAP ? [T] | [T, Partial<SnapControlOptions>] : T extends typeof MOVE_TYPE.FREE_SCROLL ? [T] | [T, Partial<FreeControlOptions>] : T extends typeof MOVE_TYPE.STRICT ? [T] | [T, Partial<StrictControlOptions>] : [T];
-export interface ControlParams {
-    range: {
-        min: number;
-        max: number;
-    };
-    position: number;
-    circular: boolean;
-}
+import Flicking from "../Flicking";
+import { SnapControlOptions, FreeControlOptions, StrictControlOptions } from "../control";
+import { MOVE_TYPE } from "../const/external";
+import { ValueOf } from "../type/internal";
+export declare type ElementLike = string | HTMLElement;
+export interface Plugin {
+    init(flicking: Flicking): void;
+    destroy(): void;
+    update(flicking: Flicking): void;
+}
+export interface Status {
+    index?: number;
+    position?: {
+        panel: number;
+        progressInPanel: number;
+    };
+    visibleOffset?: number;
+    panels: Array<{
+        index: number;
+        html?: string;
+    }>;
+}
+export declare type MoveTypeOptions<T extends ValueOf<typeof MOVE_TYPE>> = T extends typeof MOVE_TYPE.SNAP ? [T] | [T, Partial<SnapControlOptions>] : T extends typeof MOVE_TYPE.FREE_SCROLL ? [T] | [T, Partial<FreeControlOptions>] : T extends typeof MOVE_TYPE.STRICT ? [T] | [T, Partial<StrictControlOptions>] : [T];
+export interface ControlParams {
+    range: {
+        min: number;
+        max: number;
+    };
+    position: number;
+    circular: boolean;
+}

package/declaration/type/internal.d.ts

@@ -1,13 +1,13 @@
-export declare type ValueOf<T> = T[keyof T];
-export declare type LiteralUnion<T extends U, U = string> = T | (Pick<U, never> & {
-    _?: never;
-});
-export interface ArrayLike<T> {
-    [index: number]: T;
-    length: number;
-}
-export declare type Unique<T, U> = Pick<T, Exclude<keyof T, keyof U>>;
-export declare type MergeObject<T, U> = {
-    [K in keyof T & keyof U]: T[K] extends Record<string, unknown> ? U[K] extends Record<string, unknown> ? Merged<T[K], U[K]> : T[K] : T[K];
-};
-export declare type Merged<From, To> = Unique<From, To> & Unique<To, From> & MergeObject<From, To>;
+export declare type ValueOf<T> = T[keyof T];
+export declare type LiteralUnion<T extends U, U = string> = T | (Pick<U, never> & {
+    _?: never;
+});
+export interface ArrayLike<T> {
+    [index: number]: T;
+    length: number;
+}
+export declare type Unique<T, U> = Pick<T, Exclude<keyof T, keyof U>>;
+export declare type MergeObject<T, U> = {
+    [K in keyof T & keyof U]: T[K] extends Record<string, unknown> ? U[K] extends Record<string, unknown> ? Merged<T[K], U[K]> : T[K] : T[K];
+};
+export declare type Merged<From, To> = Unique<From, To> & Unique<To, From> & MergeObject<From, To>;

package/declaration/utils.d.ts

@@ -1,45 +1,45 @@
-import Flicking, { FlickingOptions } from "./Flicking";
-import { ALIGN, DIRECTION } from "./const/external";
-import { LiteralUnion, Merged, ValueOf } from "./type/internal";
-import { ElementLike } from "./type/external";
-export declare const merge: <From extends object, To extends object>(target: From, ...sources: To[]) => Merged<From, To>;
-export declare const getElement: (el: HTMLElement | string | null, parent?: HTMLElement) => HTMLElement;
-export declare const checkExistence: (value: any, nameOnErrMsg: string) => void;
-export declare const clamp: (x: number, min: number, max: number) => number;
-export declare const getFlickingAttached: (val: Flicking | null) => Flicking;
-export declare const toArray: <T>(iterable: ArrayLike<T>) => T[];
-export declare const parseAlign: (align: LiteralUnion<ValueOf<typeof ALIGN>> | number, size: number) => number;
-export declare const parseBounce: (bounce: FlickingOptions["bounce"], size: number) => number[];
-export declare const parseArithmeticSize: (cssValue: number | string, base: number) => number | null;
-export declare const parseArithmeticExpression: (cssValue: number | string) => {
-    percentage: number;
-    absolute: number;
-} | null;
-export declare const parseCSSSizeValue: (val: string | number) => string;
-export declare const parsePanelAlign: (align: FlickingOptions["align"]) => string | number;
-export declare const getDirection: (start: number, end: number) => ValueOf<typeof DIRECTION>;
-export declare const parseElement: (element: ElementLike | ElementLike[]) => HTMLElement[];
-export declare const getMinusCompensatedIndex: (idx: number, max: number) => number;
-export declare const includes: <T>(array: T[], target: any) => target is T;
-export declare const isString: (val: any) => val is string;
-export declare const circulatePosition: (pos: number, min: number, max: number) => number;
-export declare const find: <T>(array: T[], checker: (val: T) => boolean) => T;
-export declare const findRight: <T>(array: T[], checker: (val: T) => boolean) => T;
-export declare const findIndex: <T>(array: T[], checker: (val: T) => boolean) => number;
-export declare const getProgress: (pos: number, prev: number, next: number) => number;
-export declare const getStyle: (el: HTMLElement) => CSSStyleDeclaration;
-export declare const setSize: (el: HTMLElement, { width, height }: Partial<{
-    width: number | string;
-    height: number | string;
-}>) => void;
-export declare const isBetween: (val: number, min: number, max: number) => boolean;
-export declare const circulateIndex: (index: number, max: number) => number;
-export declare const range: (end: number) => number[];
-export declare const getElementSize: ({ el, horizontal, useFractionalSize, useOffset, style }: {
-    el: HTMLElement;
-    horizontal: boolean;
-    useFractionalSize: boolean;
-    useOffset: boolean;
-    style: CSSStyleDeclaration;
-}) => number;
-export declare const setPrototypeOf: (o: any, proto: object) => any;
+import Flicking, { FlickingOptions } from "./Flicking";
+import { ALIGN, DIRECTION } from "./const/external";
+import { LiteralUnion, Merged, ValueOf } from "./type/internal";
+import { ElementLike } from "./type/external";
+export declare const merge: <From extends object, To extends object>(target: From, ...sources: To[]) => Merged<From, To>;
+export declare const getElement: (el: HTMLElement | string | null, parent?: HTMLElement) => HTMLElement;
+export declare const checkExistence: (value: any, nameOnErrMsg: string) => void;
+export declare const clamp: (x: number, min: number, max: number) => number;
+export declare const getFlickingAttached: (val: Flicking | null) => Flicking;
+export declare const toArray: <T>(iterable: ArrayLike<T>) => T[];
+export declare const parseAlign: (align: LiteralUnion<ValueOf<typeof ALIGN>> | number, size: number) => number;
+export declare const parseBounce: (bounce: FlickingOptions["bounce"], size: number) => number[];
+export declare const parseArithmeticSize: (cssValue: number | string, base: number) => number | null;
+export declare const parseArithmeticExpression: (cssValue: number | string) => {
+    percentage: number;
+    absolute: number;
+} | null;
+export declare const parseCSSSizeValue: (val: string | number) => string;
+export declare const parsePanelAlign: (align: FlickingOptions["align"]) => string | number;
+export declare const getDirection: (start: number, end: number) => ValueOf<typeof DIRECTION>;
+export declare const parseElement: (element: ElementLike | ElementLike[]) => HTMLElement[];
+export declare const getMinusCompensatedIndex: (idx: number, max: number) => number;
+export declare const includes: <T>(array: T[], target: any) => target is T;
+export declare const isString: (val: any) => val is string;
+export declare const circulatePosition: (pos: number, min: number, max: number) => number;
+export declare const find: <T>(array: T[], checker: (val: T) => boolean) => T;
+export declare const findRight: <T>(array: T[], checker: (val: T) => boolean) => T;
+export declare const findIndex: <T>(array: T[], checker: (val: T) => boolean) => number;
+export declare const getProgress: (pos: number, prev: number, next: number) => number;
+export declare const getStyle: (el: HTMLElement) => CSSStyleDeclaration;
+export declare const setSize: (el: HTMLElement, { width, height }: Partial<{
+    width: number | string;
+    height: number | string;
+}>) => void;
+export declare const isBetween: (val: number, min: number, max: number) => boolean;
+export declare const circulateIndex: (index: number, max: number) => number;
+export declare const range: (end: number) => number[];
+export declare const getElementSize: ({ el, horizontal, useFractionalSize, useOffset, style }: {
+    el: HTMLElement;
+    horizontal: boolean;
+    useFractionalSize: boolean;
+    useOffset: boolean;
+    style: CSSStyleDeclaration;
+}) => number;
+export declare const setPrototypeOf: (o: any, proto: object) => any;

package/dist/flicking.cjs.js

@@ -4,7 +4,7 @@ name: @egjs/flicking
 license: MIT
 author: NAVER Corp.
 repository: https://github.com/naver/egjs-flicking
-version: 4.11.3
+version: 4.12.0-beta.0
 */
 'use strict';
 
@@ -2102,7 +2102,7 @@ var AxesController = /*#__PURE__*/function () {
     });
     this._panInput = new Axes.PanInput(flicking.viewport.element, {
       inputType: flicking.inputType,
-      threshold: 1,
+      threshold: flicking.dragThreshold,
       iOSEdgeSwipeThreshold: flicking.iOSEdgeSwipeThreshold,
       preventDefaultOnDrag: flicking.preventDefaultOnDrag,
       scale: flicking.horizontal ? [flicking.camera.panelOrder === ORDER.RTL ? 1 : -1, 0] : [0, -1],
@@ -6012,40 +6012,42 @@ var Flicking = /*#__PURE__*/function (_super) {
       moveType = _v === void 0 ? "snap" : _v,
       _w = _b.threshold,
       threshold = _w === void 0 ? 40 : _w,
-      _x = _b.interruptable,
-      interruptable = _x === void 0 ? true : _x,
-      _y = _b.bounce,
-      bounce = _y === void 0 ? "20%" : _y,
-      _z = _b.iOSEdgeSwipeThreshold,
-      iOSEdgeSwipeThreshold = _z === void 0 ? 30 : _z,
-      _0 = _b.preventClickOnDrag,
-      preventClickOnDrag = _0 === void 0 ? true : _0,
-      _1 = _b.preventDefaultOnDrag,
-      preventDefaultOnDrag = _1 === void 0 ? false : _1,
-      _2 = _b.disableOnInit,
-      disableOnInit = _2 === void 0 ? false : _2,
-      _3 = _b.changeOnHold,
-      changeOnHold = _3 === void 0 ? false : _3,
-      _4 = _b.renderOnlyVisible,
-      renderOnlyVisible = _4 === void 0 ? false : _4,
-      _5 = _b.virtual,
-      virtual = _5 === void 0 ? null : _5,
-      _6 = _b.autoInit,
-      autoInit = _6 === void 0 ? true : _6,
-      _7 = _b.autoResize,
-      autoResize = _7 === void 0 ? true : _7,
-      _8 = _b.useResizeObserver,
-      useResizeObserver = _8 === void 0 ? true : _8,
-      _9 = _b.resizeDebounce,
-      resizeDebounce = _9 === void 0 ? 0 : _9,
-      _10 = _b.maxResizeDebounce,
-      maxResizeDebounce = _10 === void 0 ? 100 : _10,
-      _11 = _b.useFractionalSize,
-      useFractionalSize = _11 === void 0 ? false : _11,
-      _12 = _b.externalRenderer,
-      externalRenderer = _12 === void 0 ? null : _12,
-      _13 = _b.renderExternal,
-      renderExternal = _13 === void 0 ? null : _13;
+      _x = _b.dragThreshold,
+      dragThreshold = _x === void 0 ? 1 : _x,
+      _y = _b.interruptable,
+      interruptable = _y === void 0 ? true : _y,
+      _z = _b.bounce,
+      bounce = _z === void 0 ? "20%" : _z,
+      _0 = _b.iOSEdgeSwipeThreshold,
+      iOSEdgeSwipeThreshold = _0 === void 0 ? 30 : _0,
+      _1 = _b.preventClickOnDrag,
+      preventClickOnDrag = _1 === void 0 ? true : _1,
+      _2 = _b.preventDefaultOnDrag,
+      preventDefaultOnDrag = _2 === void 0 ? false : _2,
+      _3 = _b.disableOnInit,
+      disableOnInit = _3 === void 0 ? false : _3,
+      _4 = _b.changeOnHold,
+      changeOnHold = _4 === void 0 ? false : _4,
+      _5 = _b.renderOnlyVisible,
+      renderOnlyVisible = _5 === void 0 ? false : _5,
+      _6 = _b.virtual,
+      virtual = _6 === void 0 ? null : _6,
+      _7 = _b.autoInit,
+      autoInit = _7 === void 0 ? true : _7,
+      _8 = _b.autoResize,
+      autoResize = _8 === void 0 ? true : _8,
+      _9 = _b.useResizeObserver,
+      useResizeObserver = _9 === void 0 ? true : _9,
+      _10 = _b.resizeDebounce,
+      resizeDebounce = _10 === void 0 ? 0 : _10,
+      _11 = _b.maxResizeDebounce,
+      maxResizeDebounce = _11 === void 0 ? 100 : _11,
+      _12 = _b.useFractionalSize,
+      useFractionalSize = _12 === void 0 ? false : _12,
+      _13 = _b.externalRenderer,
+      externalRenderer = _13 === void 0 ? null : _13,
+      _14 = _b.renderExternal,
+      renderExternal = _14 === void 0 ? null : _14;
     var _this = _super.call(this) || this;
     // Internal states
     _this._initialized = false;
@@ -6071,6 +6073,7 @@ var Flicking = /*#__PURE__*/function (_super) {
     _this._inputType = inputType;
     _this._moveType = moveType;
     _this._threshold = threshold;
+    _this._dragThreshold = dragThreshold;
     _this._interruptable = interruptable;
     _this._bounce = bounce;
     _this._iOSEdgeSwipeThreshold = iOSEdgeSwipeThreshold;
@@ -6385,7 +6388,7 @@ var Flicking = /*#__PURE__*/function (_super) {
   Object.defineProperty(__proto, "defaultIndex", {
     /**
      * Index of the panel to move when Flicking's {@link Flicking#init init()} is called. A zero-based integer
-     * @ko Flicking의 {@link Flicking#init init()}이 호출될 때 이동할 디폴트 패널의 인덱스로, 0부터 시작하는 정수입니다
+     * @ko Flicking의 {@link Flicking#init init()}이 호출될 때 이동할 디폴트 패널의 인덱스로, 0부터 시작하는 정수입니다.
      * @type {number}
      * @default 0
      * @see {@link https://naver.github.io/egjs-flicking/Options#defaultindex defaultIndex ( Options )}
@@ -6750,7 +6753,7 @@ var Flicking = /*#__PURE__*/function (_super) {
   Object.defineProperty(__proto, "threshold", {
     /**
      * Movement threshold to change panel (unit: px). It should be dragged above the threshold to change the current panel.
-     * @ko 패널 변경을 위한 이동 임계값 (단위: px). 주어진 값 이상으로 스크롤해야만 패널 변경이 가능하다.
+     * @ko 패널 변경을 위한 이동 임계값 (단위: px). 주어진 값 이상으로 스크롤해야만 패널 변경이 가능합니다.
      * @type {number}
      * @default 40
      * @see {@link https://naver.github.io/egjs-flicking/Options#threshold Threshold ( Options )}
@@ -6764,6 +6767,27 @@ var Flicking = /*#__PURE__*/function (_super) {
     enumerable: false,
     configurable: true
   });
+  Object.defineProperty(__proto, "dragThreshold", {
+    /**
+     * Minimal distance of user input before recognizing (unit: px). It should be dragged above the dragThreshold to move the panel.
+     * @ko 사용자의 입력을 인식하기 위한 최소한의 거리 (단위: px). 주어진 값 이상으로 스크롤해야만 패널이 움직입니다.
+     * @type {number}
+     * @default 1
+     * @see {@link https://naver.github.io/egjs-flicking/Options#dragThreshold dragThreshold ( Options )}
+     */
+    get: function () {
+      return this._dragThreshold;
+    },
+    set: function (val) {
+      this._dragThreshold = val;
+      var panInput = this._control.controller.panInput;
+      if (panInput) {
+        panInput.options.threshold = val;
+      }
+    },
+    enumerable: false,
+    configurable: true
+  });
   Object.defineProperty(__proto, "interruptable", {
     /**
      * Set animation to be interruptable by click/touch.
@@ -7838,7 +7862,7 @@ var Flicking = /*#__PURE__*/function (_super) {
    * Flicking.VERSION;  // ex) 4.0.0
    * ```
    */
-  Flicking.VERSION = "4.11.3";
+  Flicking.VERSION = "4.12.0-beta.0";
   return Flicking;
 }(Component);