@egjs/flicking 4.10.3 → 4.10.5-beta.0

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.esm.js

@@ -4,7 +4,7 @@ name: @egjs/flicking
 license: MIT
 author: NAVER Corp.
 repository: https://github.com/naver/egjs-flicking
-version: 4.10.3
+version: 4.10.5-beta.0
 */
 import Component, { ComponentEvent } from '@egjs/component';
 import Axes, { PanInput } from '@egjs/axes';
@@ -667,7 +667,7 @@ var circulatePosition = function (pos, min, max) {
   if (pos < min) {
     var offset = (min - pos) % size;
     pos = max - offset;
-  } else if (pos > max) {
+  } else if (pos >= max) {
     var offset = (pos - max) % size;
     pos = min + offset;
   }
@@ -7217,6 +7217,7 @@ function (_super) {
      * @property {ALIGN | string | number} panel The align value for each {@link Panel}s<ko>개개의 {@link Panel}에 적용할 값</ko>
      * @property {ALIGN | string | number} camera The align value for {@link Camera}<ko>{@link Camera}에 적용할 값</ko>
      * @default "center"
+     * @see {@link https://naver.github.io/egjs-flicking/Options#align align ( Options )}
      * @example
      * ```ts
      * const possibleOptions = [
@@ -7257,6 +7258,7 @@ function (_super) {
      * @ko Flicking의 {@link Flicking#init init()}이 호출될 때 이동할 디폴트 패널의 인덱스로, 0부터 시작하는 정수입니다
      * @type {number}
      * @default 0
+     * @see {@link https://naver.github.io/egjs-flicking/Options#defaultindex defaultIndex ( Options )}
      */
     get: function () {
       return this._defaultIndex;
@@ -7273,6 +7275,7 @@ function (_super) {
      * @ko 패널 이동 방향 (true: 가로방향, false: 세로방향)
      * @type {boolean}
      * @default true
+     * @see {@link https://naver.github.io/egjs-flicking/Options#horizontal horizontal ( Options )}
      */
     get: function () {
       return this._horizontal;
@@ -7293,6 +7296,7 @@ function (_super) {
      * @ko 순환 모드를 활성화합니다. 순환 모드에서는 양 끝의 패널이 서로 연결되어 끊김없는 스크롤이 가능합니다.
      * @type {boolean}
      * @default false
+     * @see {@link https://naver.github.io/egjs-flicking/Options#circular circular ( Options )}
      */
     get: function () {
       return this._circular;
@@ -7315,6 +7319,7 @@ function (_super) {
      * @see CIRCULAR_FALLBACK
      * @type {string}
      * @default "linear"
+     * @see {@link https://naver.github.io/egjs-flicking/Options#circularfallback circularFallback ( Options )}
      */
     get: function () {
       return this._circularFallback;
@@ -7330,6 +7335,7 @@ function (_super) {
      * `circular=false`인 경우에만 사용할 수 있습니다
      * @type {boolean}
      * @default false
+     * @see {@link https://naver.github.io/egjs-flicking/Options#bound bound ( Options )}
      */
     get: function () {
       return this._bound;
@@ -7347,6 +7353,7 @@ function (_super) {
      * @ko 이동한 후 뷰포트 엘리먼트의 크기를 현재 패널의 높이와 동일하게 설정합니다. `horizontal=true`인 경우에만 사용할 수 있습니다.
      * @type {boolean}
      * @default false
+     * @see {@link https://naver.github.io/egjs-flicking/Options#adaptive adaptive ( Options )}
      */
     get: function () {
       return this._adaptive;
@@ -7364,6 +7371,7 @@ function (_super) {
      * @ko 한 화면에 보이는 패널의 개수. 이 옵션을 활성화할 경우 패널의 크기를 강제로 재조정합니다
      * @type {number}
      * @default -1
+     * @see {@link https://naver.github.io/egjs-flicking/Options#panelsperview panelsPerView ( Options )}
      */
     get: function () {
       return this._panelsPerView;
@@ -7402,6 +7410,7 @@ function (_super) {
      * 이 동작은 Flicking 내부에 로드 전/후로 크기가 변하는 콘텐츠를 포함하고 있을 때 유용하게 사용하실 수 있습니다.
      * @type {boolean}
      * @default false
+     * @see {@link https://naver.github.io/egjs-flicking/Options#resizeOnContentsReady resizeOnContentsReady ( Options )}
      */
     get: function () {
       return this._resizeOnContentsReady;
@@ -7424,6 +7433,7 @@ function (_super) {
      * 만약 상위 Flicking과 하위 Flicking이 서로 다른 horizontal 옵션을 가지고 있다면 이 옵션을 설정할 필요가 없습니다.
      * @type {boolean}
      * @default false
+     * @see {@link https://naver.github.io/egjs-flicking/Options#nested nested ( Options )}
      */
     get: function () {
       return this._nested;
@@ -7447,6 +7457,7 @@ function (_super) {
      * @ko `needPanel`이벤트가 발생하기 위한 뷰포트 끝으로부터의 최대 거리
      * @type {number}
      * @default 0
+     * @see {@link https://naver.github.io/egjs-flicking/Options#needpanelthreshold needPanelThreshold ( Options )}
      */
     get: function () {
       return this._needPanelThreshold;
@@ -7464,6 +7475,7 @@ function (_super) {
      * @ko 활성화할 경우 초기화시 `ready` 이벤트 이전의 이벤트가 발생하지 않습니다.
      * @type {boolean}
      * @default true
+     * @see {@link https://naver.github.io/egjs-flicking/Options#preventeventsbeforeinit preventEventsBeforeInit ( Options )}
      */
     get: function () {
       return this._preventEventsBeforeInit;
@@ -7482,6 +7494,7 @@ function (_super) {
      * @ko 사용자의 동작으로 가속도가 적용된 패널 이동 애니메이션의 감속도. 값이 높을수록 애니메이션 실행 시간이 짧아집니다
      * @type {number}
      * @default 0.0075
+     * @see {@link https://naver.github.io/egjs-flicking/Options#deceleration deceleration ( Options )}
      */
     get: function () {
       return this._deceleration;
@@ -7505,6 +7518,7 @@ function (_super) {
      * @type {function}
      * @default x => 1 - Math.pow(1 - x, 3)
      * @see Easing Functions Cheat Sheet {@link http://easings.net/} <ko>이징 함수 Cheat Sheet {@link http://easings.net/}</ko>
+     * @see {@link https://naver.github.io/egjs-flicking/Options#easing Easing ( Options )}
      */
     get: function () {
       return this._easing;
@@ -7526,6 +7540,7 @@ function (_super) {
      * @ko 디폴트 애니메이션 재생 시간 (ms)
      * @type {number}
      * @default 500
+     * @see {@link https://naver.github.io/egjs-flicking/Options#duration duration ( Options )}
      */
     get: function () {
       return this._duration;
@@ -7544,8 +7559,9 @@ function (_super) {
      * @ko 활성화할 입력 장치 종류
      * @type {string[]}
      * @default ["touch", "mouse"]
-     * @see {@link https://naver.github.io/egjs-axes/release/latest/doc/global.html#PanInputOption Possible values (PanInputOption#inputType)}
-     * <ko>{@link https://naver.github.io/egjs-axes/release/latest/doc/global.html#PanInputOption 가능한 값들 (PanInputOption#inputType)}</ko>
+     * @see {@link https://naver.github.io/egjs-axes/Options#paninput-options Possible values (PanInputOption#inputType)}
+     * <ko>{@link https://naver.github.io/egjs-axes/Options#paninput-options 가능한 값들 (PanInputOption#inputType)}</ko>
+     * @see {@link https://naver.github.io/egjs-flicking/Options#inputtype inputType ( Options )}
      */
     get: function () {
       return this._inputType;
@@ -7570,6 +7586,7 @@ function (_super) {
      * 상수 {@link MOVE_TYPE}에 정의된 값들을 이용할 수 있습니다
      * @type {MOVE_TYPE | Pair<string, object>}
      * @default "snap"
+     * @see {@link https://naver.github.io/egjs-flicking/Options#movetype moveType ( Options )}
      * @example
      * |moveType|control|options|
      * |:---:|:---:|:---:|
@@ -7620,6 +7637,7 @@ function (_super) {
      * @ko 패널 변경을 위한 이동 임계값 (단위: px). 주어진 값 이상으로 스크롤해야만 패널 변경이 가능하다.
      * @type {number}
      * @default 40
+     * @see {@link https://naver.github.io/egjs-flicking/Options#threshold Threshold ( Options )}
      */
     get: function () {
       return this._threshold;
@@ -7636,6 +7654,7 @@ function (_super) {
      * @ko 사용자의 클릭/터치로 인해 애니메이션을 도중에 멈출 수 있도록 설정합니다.
      * @type {boolean}
      * @default true
+     * @see {@link https://naver.github.io/egjs-flicking/Options#interruptable Interruptable ( Options )}
      */
     get: function () {
       return this._interruptable;
@@ -7663,6 +7682,7 @@ function (_super) {
      * 이 값을 변경시 {@link Control#updateInput}를 호출해야 합니다.
      * @type {string | number | Array<string | number>}
      * @default "20%"
+     * @see {@link https://naver.github.io/egjs-flicking/Options#bounce bounce ( Options )}
      * @example
      * ```ts
      * const possibleOptions = [
@@ -7700,6 +7720,7 @@ function (_super) {
      * @ko iOS Safari에서 swipe를 통한 뒤로가기/앞으로가기를 활성화하는 오른쪽 끝으로부터의 영역의 크기 (px)
      * @type {number}
      * @default 30
+     * @see {@link https://naver.github.io/egjs-flicking/Options#iosedgeswipethreshold iOSEdgeSwipeThreshold ( Options )}
      */
     get: function () {
       return this._iOSEdgeSwipeThreshold;
@@ -7721,6 +7742,7 @@ function (_super) {
      * @ko 사용자가 뷰포트 영역을 1픽셀이라도 드래그했을 경우 자동으로 {@link https://developer.mozilla.org/ko/docs/Web/API/Element/click_event click} 이벤트를 취소합니다
      * @type {boolean}
      * @default true
+     * @see {@link https://naver.github.io/egjs-flicking/Options#preventclickondrag preventClickOnDrag ( Options )}
      */
     get: function () {
       return this._preventClickOnDrag;
@@ -7747,6 +7769,7 @@ function (_super) {
      * @ko Flicking init시에 {@link Flicking#disableInput disableInput()}을 바로 호출합니다
      * @type {boolean}
      * @default false
+     * @see {@link https://naver.github.io/egjs-flicking/Options#disableoninit disableOnInit ( Options )}
      */
     get: function () {
       return this._disableOnInit;
@@ -7765,6 +7788,7 @@ function (_super) {
      * `willChange`/`willRestore` 이벤트의 `index`값이 새로운 인덱스로 사용될 것입니다.
      * @type {boolean}
      * @default false
+     * @see {@link https://naver.github.io/egjs-flicking/Options#changeonhold changeOnHold ( Options )}
      */
     get: function () {
       return this._changeOnHold;
@@ -7783,6 +7807,7 @@ function (_super) {
      * @ko 보이는 패널만 렌더링할지 여부를 설정합니다. 패널이 많을 경우에 퍼포먼스를 크게 향상시킬 수 있습니다
      * @type {boolean}
      * @default false
+     * @see {@link https://naver.github.io/egjs-flicking/Options#renderonlyvisible renderOnlyVisible ( Options )}
      */
     get: function () {
       return this._renderOnlyVisible;
@@ -7808,6 +7833,7 @@ function (_super) {
      * @property {number} initialPanelCount Initial panel count to render<ko>최초로 렌더링할 패널의 개수</ko>
      * @property {boolean} [cache=false] Whether to cache rendered panel's innerHTML<ko>렌더링된 패널의 innerHTML 정보를 캐시할지 여부</ko>
      * @property {string} [panelClass="flicking-panel"] The class name that will be applied to rendered panel elements<ko>렌더링되는 패널 엘리먼트에 적용될 클래스 이름</ko>
+     * @see {@link https://naver.github.io/egjs-flicking/Options#virtual virtual ( Options )}
      * @example
      * ```ts
      * import Flicking, { VirtualPanel } from "@egjs/flicking";
@@ -7841,6 +7867,7 @@ function (_super) {
      * @ko Flicking 인스턴스를 생성할 때 자동으로 {@link Flicking#init init()}를 호출합니다
      * @type {boolean}
      * @default true
+     * @see {@link https://naver.github.io/egjs-flicking/Options#autoinit autoInit ( Options )}
      * @readonly
      */
     get: function () {
@@ -7878,6 +7905,7 @@ function (_super) {
      * @ko autoResize 옵션 사용시 {@link https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver ResizeObserver}의 이벤트를 Window객체의 {@link https://developer.mozilla.org/ko/docs/Web/API/Window/resize_event resize} 이벤트 대신 수신할지 여부를 설정합니다
      * @type {boolean}
      * @default true
+     * @see {@link https://naver.github.io/egjs-flicking/Options#useresizeobserver useResizeObserver ( Options )}
      */
     get: function () {
       return this._useResizeObserver;
@@ -7902,6 +7930,7 @@ function (_super) {
      * 이를 통해 `resize`가 너무 많이 호출되는 것을 방지하여 성능을 향상시킬 수 있습니다.
      * @type {number}
      * @default 0
+     * @see {@link https://naver.github.io/egjs-flicking/Options#resizedebounce resizeDebounce ( Options )}
      */
     get: function () {
       return this._resizeDebounce;
@@ -7917,6 +7946,7 @@ function (_super) {
      * 이를 통해, 적어도 (n)ms에 한번은 크기 재계산을 수행하는 것을 보장할 수 있습니다.
      * @type {number}
      * @default 100
+     * @see {@link https://naver.github.io/egjs-flicking/Options#maxresizedebounce maxResizeDebounce ( Options )}
      */
     get: function () {
       return this._maxResizeDebounce;
@@ -7934,6 +7964,7 @@ function (_super) {
      * 모든 크기는 CSS {@link https://developer.mozilla.org/en-US/docs/Web/CSS/transform transform}이 엘리먼트에 적용되기 이전의 크기를 사용할 것입니다.
      * @type {boolean}
      * @default false
+     * @see {@link https://naver.github.io/egjs-flicking/Options#usefractionalsize useFractionalSize ( Options )}
      */
     get: function () {
       return this._useFractionalSize;
@@ -8800,7 +8831,7 @@ function (_super) {
    */
 
 
-  Flicking.VERSION = "4.10.3";
+  Flicking.VERSION = "4.10.5-beta.0";
   return Flicking;
 }(Component);