@egjs/flicking 4.10.4 → 4.10.5

package/dist/flicking.pkgd.js

@@ -4,7 +4,7 @@ name: @egjs/flicking
 license: MIT
 author: NAVER Corp.
 repository: https://github.com/naver/egjs-flicking
-version: 4.10.4
+version: 4.10.5
 */
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
@@ -7609,8 +7609,8 @@ version: 4.10.4
           // Move to the adjacent panel
           targetAnchor = this._findAdjacentAnchor(position, posDelta, anchorAtCamera);
         } else {
-          // Restore to active panel
-          return this.moveToPanel(activeAnchor.panel, {
+          // Fallback to nearest panel from current camera
+          return this.moveToPanel(anchorAtCamera.panel, {
             duration: duration,
             axesEvent: axesEvent
           });
@@ -8078,9 +8078,17 @@ version: 4.10.4
           targetPanel = adjacentAnchor.panel;
           targetPos = adjacentAnchor.position;
         } else {
-          // Restore to active panel
-          targetPos = camera.clampToReachablePosition(activePanel.position);
-          targetPanel = activePanel;
+          // Fallback to nearest panel from current camera
+          var anchorAtCamera = camera.findNearestAnchor(camera.position);
+
+          if (!anchorAtCamera) {
+            return Promise.reject(new FlickingError(MESSAGE.POSITION_NOT_REACHABLE(position), CODE.POSITION_NOT_REACHABLE));
+          }
+
+          return this.moveToPanel(anchorAtCamera.panel, {
+            duration: duration,
+            axesEvent: axesEvent
+          });
         }
 
         this._triggerIndexChangeEvent(targetPanel, position, axesEvent);
@@ -12572,6 +12580,7 @@ version: 4.10.4
          * @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 = [
@@ -12612,6 +12621,7 @@ version: 4.10.4
          * @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;
@@ -12628,6 +12638,7 @@ version: 4.10.4
          * @ko 패널 이동 방향 (true: 가로방향, false: 세로방향)
          * @type {boolean}
          * @default true
+         * @see {@link https://naver.github.io/egjs-flicking/Options#horizontal horizontal ( Options )}
          */
         get: function () {
           return this._horizontal;
@@ -12648,6 +12659,7 @@ version: 4.10.4
          * @ko 순환 모드를 활성화합니다. 순환 모드에서는 양 끝의 패널이 서로 연결되어 끊김없는 스크롤이 가능합니다.
          * @type {boolean}
          * @default false
+         * @see {@link https://naver.github.io/egjs-flicking/Options#circular circular ( Options )}
          */
         get: function () {
           return this._circular;
@@ -12670,6 +12682,7 @@ version: 4.10.4
          * @see CIRCULAR_FALLBACK
          * @type {string}
          * @default "linear"
+         * @see {@link https://naver.github.io/egjs-flicking/Options#circularfallback circularFallback ( Options )}
          */
         get: function () {
           return this._circularFallback;
@@ -12685,6 +12698,7 @@ version: 4.10.4
          * `circular=false`인 경우에만 사용할 수 있습니다
          * @type {boolean}
          * @default false
+         * @see {@link https://naver.github.io/egjs-flicking/Options#bound bound ( Options )}
          */
         get: function () {
           return this._bound;
@@ -12702,6 +12716,7 @@ version: 4.10.4
          * @ko 이동한 후 뷰포트 엘리먼트의 크기를 현재 패널의 높이와 동일하게 설정합니다. `horizontal=true`인 경우에만 사용할 수 있습니다.
          * @type {boolean}
          * @default false
+         * @see {@link https://naver.github.io/egjs-flicking/Options#adaptive adaptive ( Options )}
          */
         get: function () {
           return this._adaptive;
@@ -12719,6 +12734,7 @@ version: 4.10.4
          * @ko 한 화면에 보이는 패널의 개수. 이 옵션을 활성화할 경우 패널의 크기를 강제로 재조정합니다
          * @type {number}
          * @default -1
+         * @see {@link https://naver.github.io/egjs-flicking/Options#panelsperview panelsPerView ( Options )}
          */
         get: function () {
           return this._panelsPerView;
@@ -12757,6 +12773,7 @@ version: 4.10.4
          * 이 동작은 Flicking 내부에 로드 전/후로 크기가 변하는 콘텐츠를 포함하고 있을 때 유용하게 사용하실 수 있습니다.
          * @type {boolean}
          * @default false
+         * @see {@link https://naver.github.io/egjs-flicking/Options#resizeOnContentsReady resizeOnContentsReady ( Options )}
          */
         get: function () {
           return this._resizeOnContentsReady;
@@ -12779,6 +12796,7 @@ version: 4.10.4
          * 만약 상위 Flicking과 하위 Flicking이 서로 다른 horizontal 옵션을 가지고 있다면 이 옵션을 설정할 필요가 없습니다.
          * @type {boolean}
          * @default false
+         * @see {@link https://naver.github.io/egjs-flicking/Options#nested nested ( Options )}
          */
         get: function () {
           return this._nested;
@@ -12802,6 +12820,7 @@ version: 4.10.4
          * @ko `needPanel`이벤트가 발생하기 위한 뷰포트 끝으로부터의 최대 거리
          * @type {number}
          * @default 0
+         * @see {@link https://naver.github.io/egjs-flicking/Options#needpanelthreshold needPanelThreshold ( Options )}
          */
         get: function () {
           return this._needPanelThreshold;
@@ -12819,6 +12838,7 @@ version: 4.10.4
          * @ko 활성화할 경우 초기화시 `ready` 이벤트 이전의 이벤트가 발생하지 않습니다.
          * @type {boolean}
          * @default true
+         * @see {@link https://naver.github.io/egjs-flicking/Options#preventeventsbeforeinit preventEventsBeforeInit ( Options )}
          */
         get: function () {
           return this._preventEventsBeforeInit;
@@ -12837,6 +12857,7 @@ version: 4.10.4
          * @ko 사용자의 동작으로 가속도가 적용된 패널 이동 애니메이션의 감속도. 값이 높을수록 애니메이션 실행 시간이 짧아집니다
          * @type {number}
          * @default 0.0075
+         * @see {@link https://naver.github.io/egjs-flicking/Options#deceleration deceleration ( Options )}
          */
         get: function () {
           return this._deceleration;
@@ -12860,6 +12881,7 @@ version: 4.10.4
          * @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;
@@ -12881,6 +12903,7 @@ version: 4.10.4
          * @ko 디폴트 애니메이션 재생 시간 (ms)
          * @type {number}
          * @default 500
+         * @see {@link https://naver.github.io/egjs-flicking/Options#duration duration ( Options )}
          */
         get: function () {
           return this._duration;
@@ -12899,8 +12922,9 @@ version: 4.10.4
          * @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;
@@ -12925,6 +12949,7 @@ version: 4.10.4
          * 상수 {@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|
          * |:---:|:---:|:---:|
@@ -12975,6 +13000,7 @@ version: 4.10.4
          * @ko 패널 변경을 위한 이동 임계값 (단위: px). 주어진 값 이상으로 스크롤해야만 패널 변경이 가능하다.
          * @type {number}
          * @default 40
+         * @see {@link https://naver.github.io/egjs-flicking/Options#threshold Threshold ( Options )}
          */
         get: function () {
           return this._threshold;
@@ -12991,6 +13017,7 @@ version: 4.10.4
          * @ko 사용자의 클릭/터치로 인해 애니메이션을 도중에 멈출 수 있도록 설정합니다.
          * @type {boolean}
          * @default true
+         * @see {@link https://naver.github.io/egjs-flicking/Options#interruptable Interruptable ( Options )}
          */
         get: function () {
           return this._interruptable;
@@ -13018,6 +13045,7 @@ version: 4.10.4
          * 이 값을 변경시 {@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 = [
@@ -13055,6 +13083,7 @@ version: 4.10.4
          * @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;
@@ -13076,6 +13105,7 @@ version: 4.10.4
          * @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;
@@ -13102,6 +13132,7 @@ version: 4.10.4
          * @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;
@@ -13120,6 +13151,7 @@ version: 4.10.4
          * `willChange`/`willRestore` 이벤트의 `index`값이 새로운 인덱스로 사용될 것입니다.
          * @type {boolean}
          * @default false
+         * @see {@link https://naver.github.io/egjs-flicking/Options#changeonhold changeOnHold ( Options )}
          */
         get: function () {
           return this._changeOnHold;
@@ -13138,6 +13170,7 @@ version: 4.10.4
          * @ko 보이는 패널만 렌더링할지 여부를 설정합니다. 패널이 많을 경우에 퍼포먼스를 크게 향상시킬 수 있습니다
          * @type {boolean}
          * @default false
+         * @see {@link https://naver.github.io/egjs-flicking/Options#renderonlyvisible renderOnlyVisible ( Options )}
          */
         get: function () {
           return this._renderOnlyVisible;
@@ -13163,6 +13196,7 @@ version: 4.10.4
          * @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";
@@ -13196,6 +13230,7 @@ version: 4.10.4
          * @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 () {
@@ -13233,6 +13268,7 @@ version: 4.10.4
          * @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;
@@ -13257,6 +13293,7 @@ version: 4.10.4
          * 이를 통해 `resize`가 너무 많이 호출되는 것을 방지하여 성능을 향상시킬 수 있습니다.
          * @type {number}
          * @default 0
+         * @see {@link https://naver.github.io/egjs-flicking/Options#resizedebounce resizeDebounce ( Options )}
          */
         get: function () {
           return this._resizeDebounce;
@@ -13272,6 +13309,7 @@ version: 4.10.4
          * 이를 통해, 적어도 (n)ms에 한번은 크기 재계산을 수행하는 것을 보장할 수 있습니다.
          * @type {number}
          * @default 100
+         * @see {@link https://naver.github.io/egjs-flicking/Options#maxresizedebounce maxResizeDebounce ( Options )}
          */
         get: function () {
           return this._maxResizeDebounce;
@@ -13289,6 +13327,7 @@ version: 4.10.4
          * 모든 크기는 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;
@@ -14155,7 +14194,7 @@ version: 4.10.4
        */
 
 
-      Flicking.VERSION = "4.10.4";
+      Flicking.VERSION = "4.10.5";
       return Flicking;
     }(Component);