@egjs/flicking 4.10.4 → 4.10.5-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (70) hide show
  1. package/declaration/Flicking.d.ts +236 -236
  2. package/declaration/camera/Camera.d.ts +82 -82
  3. package/declaration/camera/index.d.ts +4 -4
  4. package/declaration/camera/mode/BoundCameraMode.d.ts +13 -13
  5. package/declaration/camera/mode/CameraMode.d.ts +20 -20
  6. package/declaration/camera/mode/CircularCameraMode.d.ts +19 -19
  7. package/declaration/camera/mode/LinearCameraMode.d.ts +9 -9
  8. package/declaration/camera/mode/index.d.ts +6 -6
  9. package/declaration/cfc/getDefaultCameraTransform.d.ts +3 -3
  10. package/declaration/cfc/getRenderingPanels.d.ts +4 -4
  11. package/declaration/cfc/index.d.ts +5 -5
  12. package/declaration/cfc/sync.d.ts +4 -4
  13. package/declaration/cfc/withFlickingMethods.d.ts +2 -2
  14. package/declaration/const/axes.d.ts +8 -8
  15. package/declaration/const/error.d.ts +34 -34
  16. package/declaration/const/external.d.ts +44 -44
  17. package/declaration/control/AxesController.d.ts +44 -44
  18. package/declaration/control/Control.d.ts +44 -44
  19. package/declaration/control/FreeControl.d.ts +14 -14
  20. package/declaration/control/SnapControl.d.ts +16 -16
  21. package/declaration/control/StateMachine.d.ts +14 -14
  22. package/declaration/control/StrictControl.d.ts +20 -20
  23. package/declaration/control/index.d.ts +14 -14
  24. package/declaration/control/states/AnimatingState.d.ts +9 -9
  25. package/declaration/control/states/DisabledState.d.ts +9 -9
  26. package/declaration/control/states/DraggingState.d.ts +8 -8
  27. package/declaration/control/states/HoldingState.d.ts +10 -10
  28. package/declaration/control/states/IdleState.d.ts +9 -9
  29. package/declaration/control/states/State.d.ts +47 -47
  30. package/declaration/core/AnchorPoint.d.ts +15 -15
  31. package/declaration/core/AutoResizer.d.ts +16 -16
  32. package/declaration/core/FlickingError.d.ts +5 -5
  33. package/declaration/core/ResizeWatcher.d.ts +33 -33
  34. package/declaration/core/Viewport.d.ts +25 -25
  35. package/declaration/core/VirtualManager.d.ts +37 -37
  36. package/declaration/core/index.d.ts +6 -6
  37. package/declaration/core/panel/Panel.d.ts +89 -89
  38. package/declaration/core/panel/VirtualPanel.d.ts +19 -19
  39. package/declaration/core/panel/index.d.ts +5 -5
  40. package/declaration/core/panel/provider/ElementProvider.d.ts +8 -8
  41. package/declaration/core/panel/provider/VanillaElementProvider.d.ts +12 -12
  42. package/declaration/core/panel/provider/VirtualElementProvider.d.ts +15 -15
  43. package/declaration/core/panel/provider/index.d.ts +5 -5
  44. package/declaration/index.d.ts +13 -13
  45. package/declaration/index.umd.d.ts +2 -2
  46. package/declaration/renderer/ExternalRenderer.d.ts +7 -7
  47. package/declaration/renderer/Renderer.d.ts +58 -58
  48. package/declaration/renderer/VanillaRenderer.d.ts +10 -10
  49. package/declaration/renderer/index.d.ts +6 -6
  50. package/declaration/renderer/strategy/NormalRenderingStrategy.d.ts +23 -23
  51. package/declaration/renderer/strategy/RenderingStrategy.d.ts +15 -15
  52. package/declaration/renderer/strategy/VirtualRenderingStrategy.d.ts +17 -17
  53. package/declaration/renderer/strategy/index.d.ts +5 -5
  54. package/declaration/type/event.d.ts +88 -88
  55. package/declaration/type/external.d.ts +31 -31
  56. package/declaration/type/internal.d.ts +13 -13
  57. package/declaration/utils.d.ts +45 -45
  58. package/dist/flicking.esm.js +36 -5
  59. package/dist/flicking.esm.js.map +1 -1
  60. package/dist/flicking.js +36 -5
  61. package/dist/flicking.js.map +1 -1
  62. package/dist/flicking.min.js +2 -2
  63. package/dist/flicking.min.js.map +1 -1
  64. package/dist/flicking.pkgd.js +870 -847
  65. package/dist/flicking.pkgd.js.map +1 -1
  66. package/dist/flicking.pkgd.min.js +2 -2
  67. package/dist/flicking.pkgd.min.js.map +1 -1
  68. package/package.json +1 -1
  69. package/src/Flicking.ts +33 -2
  70. package/src/utils.ts +1 -1
package/dist/flicking.js CHANGED
@@ -4,7 +4,7 @@ name: @egjs/flicking
4
4
  license: MIT
5
5
  author: NAVER Corp.
6
6
  repository: https://github.com/naver/egjs-flicking
7
- version: 4.10.4
7
+ version: 4.10.5-beta.0
8
8
  */
9
9
  (function (global, factory) {
10
10
  typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('@egjs/component'), require('@egjs/axes'), require('@egjs/imready')) :
@@ -680,7 +680,7 @@ version: 4.10.4
680
680
  if (pos < min) {
681
681
  var offset = (min - pos) % size;
682
682
  pos = max - offset;
683
- } else if (pos > max) {
683
+ } else if (pos >= max) {
684
684
  var offset = (pos - max) % size;
685
685
  pos = min + offset;
686
686
  }
@@ -7311,6 +7311,7 @@ version: 4.10.4
7311
7311
  * @property {ALIGN | string | number} panel The align value for each {@link Panel}s<ko>개개의 {@link Panel}에 적용할 값</ko>
7312
7312
  * @property {ALIGN | string | number} camera The align value for {@link Camera}<ko>{@link Camera}에 적용할 값</ko>
7313
7313
  * @default "center"
7314
+ * @see {@link https://naver.github.io/egjs-flicking/Options#align align ( Options )}
7314
7315
  * @example
7315
7316
  * ```ts
7316
7317
  * const possibleOptions = [
@@ -7351,6 +7352,7 @@ version: 4.10.4
7351
7352
  * @ko Flicking의 {@link Flicking#init init()}이 호출될 때 이동할 디폴트 패널의 인덱스로, 0부터 시작하는 정수입니다
7352
7353
  * @type {number}
7353
7354
  * @default 0
7355
+ * @see {@link https://naver.github.io/egjs-flicking/Options#defaultindex defaultIndex ( Options )}
7354
7356
  */
7355
7357
  get: function () {
7356
7358
  return this._defaultIndex;
@@ -7367,6 +7369,7 @@ version: 4.10.4
7367
7369
  * @ko 패널 이동 방향 (true: 가로방향, false: 세로방향)
7368
7370
  * @type {boolean}
7369
7371
  * @default true
7372
+ * @see {@link https://naver.github.io/egjs-flicking/Options#horizontal horizontal ( Options )}
7370
7373
  */
7371
7374
  get: function () {
7372
7375
  return this._horizontal;
@@ -7387,6 +7390,7 @@ version: 4.10.4
7387
7390
  * @ko 순환 모드를 활성화합니다. 순환 모드에서는 양 끝의 패널이 서로 연결되어 끊김없는 스크롤이 가능합니다.
7388
7391
  * @type {boolean}
7389
7392
  * @default false
7393
+ * @see {@link https://naver.github.io/egjs-flicking/Options#circular circular ( Options )}
7390
7394
  */
7391
7395
  get: function () {
7392
7396
  return this._circular;
@@ -7409,6 +7413,7 @@ version: 4.10.4
7409
7413
  * @see CIRCULAR_FALLBACK
7410
7414
  * @type {string}
7411
7415
  * @default "linear"
7416
+ * @see {@link https://naver.github.io/egjs-flicking/Options#circularfallback circularFallback ( Options )}
7412
7417
  */
7413
7418
  get: function () {
7414
7419
  return this._circularFallback;
@@ -7424,6 +7429,7 @@ version: 4.10.4
7424
7429
  * `circular=false`인 경우에만 사용할 수 있습니다
7425
7430
  * @type {boolean}
7426
7431
  * @default false
7432
+ * @see {@link https://naver.github.io/egjs-flicking/Options#bound bound ( Options )}
7427
7433
  */
7428
7434
  get: function () {
7429
7435
  return this._bound;
@@ -7441,6 +7447,7 @@ version: 4.10.4
7441
7447
  * @ko 이동한 후 뷰포트 엘리먼트의 크기를 현재 패널의 높이와 동일하게 설정합니다. `horizontal=true`인 경우에만 사용할 수 있습니다.
7442
7448
  * @type {boolean}
7443
7449
  * @default false
7450
+ * @see {@link https://naver.github.io/egjs-flicking/Options#adaptive adaptive ( Options )}
7444
7451
  */
7445
7452
  get: function () {
7446
7453
  return this._adaptive;
@@ -7458,6 +7465,7 @@ version: 4.10.4
7458
7465
  * @ko 한 화면에 보이는 패널의 개수. 이 옵션을 활성화할 경우 패널의 크기를 강제로 재조정합니다
7459
7466
  * @type {number}
7460
7467
  * @default -1
7468
+ * @see {@link https://naver.github.io/egjs-flicking/Options#panelsperview panelsPerView ( Options )}
7461
7469
  */
7462
7470
  get: function () {
7463
7471
  return this._panelsPerView;
@@ -7496,6 +7504,7 @@ version: 4.10.4
7496
7504
  * 이 동작은 Flicking 내부에 로드 전/후로 크기가 변하는 콘텐츠를 포함하고 있을 때 유용하게 사용하실 수 있습니다.
7497
7505
  * @type {boolean}
7498
7506
  * @default false
7507
+ * @see {@link https://naver.github.io/egjs-flicking/Options#resizeOnContentsReady resizeOnContentsReady ( Options )}
7499
7508
  */
7500
7509
  get: function () {
7501
7510
  return this._resizeOnContentsReady;
@@ -7518,6 +7527,7 @@ version: 4.10.4
7518
7527
  * 만약 상위 Flicking과 하위 Flicking이 서로 다른 horizontal 옵션을 가지고 있다면 이 옵션을 설정할 필요가 없습니다.
7519
7528
  * @type {boolean}
7520
7529
  * @default false
7530
+ * @see {@link https://naver.github.io/egjs-flicking/Options#nested nested ( Options )}
7521
7531
  */
7522
7532
  get: function () {
7523
7533
  return this._nested;
@@ -7541,6 +7551,7 @@ version: 4.10.4
7541
7551
  * @ko `needPanel`이벤트가 발생하기 위한 뷰포트 끝으로부터의 최대 거리
7542
7552
  * @type {number}
7543
7553
  * @default 0
7554
+ * @see {@link https://naver.github.io/egjs-flicking/Options#needpanelthreshold needPanelThreshold ( Options )}
7544
7555
  */
7545
7556
  get: function () {
7546
7557
  return this._needPanelThreshold;
@@ -7558,6 +7569,7 @@ version: 4.10.4
7558
7569
  * @ko 활성화할 경우 초기화시 `ready` 이벤트 이전의 이벤트가 발생하지 않습니다.
7559
7570
  * @type {boolean}
7560
7571
  * @default true
7572
+ * @see {@link https://naver.github.io/egjs-flicking/Options#preventeventsbeforeinit preventEventsBeforeInit ( Options )}
7561
7573
  */
7562
7574
  get: function () {
7563
7575
  return this._preventEventsBeforeInit;
@@ -7576,6 +7588,7 @@ version: 4.10.4
7576
7588
  * @ko 사용자의 동작으로 가속도가 적용된 패널 이동 애니메이션의 감속도. 값이 높을수록 애니메이션 실행 시간이 짧아집니다
7577
7589
  * @type {number}
7578
7590
  * @default 0.0075
7591
+ * @see {@link https://naver.github.io/egjs-flicking/Options#deceleration deceleration ( Options )}
7579
7592
  */
7580
7593
  get: function () {
7581
7594
  return this._deceleration;
@@ -7599,6 +7612,7 @@ version: 4.10.4
7599
7612
  * @type {function}
7600
7613
  * @default x => 1 - Math.pow(1 - x, 3)
7601
7614
  * @see Easing Functions Cheat Sheet {@link http://easings.net/} <ko>이징 함수 Cheat Sheet {@link http://easings.net/}</ko>
7615
+ * @see {@link https://naver.github.io/egjs-flicking/Options#easing Easing ( Options )}
7602
7616
  */
7603
7617
  get: function () {
7604
7618
  return this._easing;
@@ -7620,6 +7634,7 @@ version: 4.10.4
7620
7634
  * @ko 디폴트 애니메이션 재생 시간 (ms)
7621
7635
  * @type {number}
7622
7636
  * @default 500
7637
+ * @see {@link https://naver.github.io/egjs-flicking/Options#duration duration ( Options )}
7623
7638
  */
7624
7639
  get: function () {
7625
7640
  return this._duration;
@@ -7638,8 +7653,9 @@ version: 4.10.4
7638
7653
  * @ko 활성화할 입력 장치 종류
7639
7654
  * @type {string[]}
7640
7655
  * @default ["touch", "mouse"]
7641
- * @see {@link https://naver.github.io/egjs-axes/release/latest/doc/global.html#PanInputOption Possible values (PanInputOption#inputType)}
7642
- * <ko>{@link https://naver.github.io/egjs-axes/release/latest/doc/global.html#PanInputOption 가능한 값들 (PanInputOption#inputType)}</ko>
7656
+ * @see {@link https://naver.github.io/egjs-axes/Options#paninput-options Possible values (PanInputOption#inputType)}
7657
+ * <ko>{@link https://naver.github.io/egjs-axes/Options#paninput-options 가능한 값들 (PanInputOption#inputType)}</ko>
7658
+ * @see {@link https://naver.github.io/egjs-flicking/Options#inputtype inputType ( Options )}
7643
7659
  */
7644
7660
  get: function () {
7645
7661
  return this._inputType;
@@ -7664,6 +7680,7 @@ version: 4.10.4
7664
7680
  * 상수 {@link MOVE_TYPE}에 정의된 값들을 이용할 수 있습니다
7665
7681
  * @type {MOVE_TYPE | Pair<string, object>}
7666
7682
  * @default "snap"
7683
+ * @see {@link https://naver.github.io/egjs-flicking/Options#movetype moveType ( Options )}
7667
7684
  * @example
7668
7685
  * |moveType|control|options|
7669
7686
  * |:---:|:---:|:---:|
@@ -7714,6 +7731,7 @@ version: 4.10.4
7714
7731
  * @ko 패널 변경을 위한 이동 임계값 (단위: px). 주어진 값 이상으로 스크롤해야만 패널 변경이 가능하다.
7715
7732
  * @type {number}
7716
7733
  * @default 40
7734
+ * @see {@link https://naver.github.io/egjs-flicking/Options#threshold Threshold ( Options )}
7717
7735
  */
7718
7736
  get: function () {
7719
7737
  return this._threshold;
@@ -7730,6 +7748,7 @@ version: 4.10.4
7730
7748
  * @ko 사용자의 클릭/터치로 인해 애니메이션을 도중에 멈출 수 있도록 설정합니다.
7731
7749
  * @type {boolean}
7732
7750
  * @default true
7751
+ * @see {@link https://naver.github.io/egjs-flicking/Options#interruptable Interruptable ( Options )}
7733
7752
  */
7734
7753
  get: function () {
7735
7754
  return this._interruptable;
@@ -7757,6 +7776,7 @@ version: 4.10.4
7757
7776
  * 이 값을 변경시 {@link Control#updateInput}를 호출해야 합니다.
7758
7777
  * @type {string | number | Array<string | number>}
7759
7778
  * @default "20%"
7779
+ * @see {@link https://naver.github.io/egjs-flicking/Options#bounce bounce ( Options )}
7760
7780
  * @example
7761
7781
  * ```ts
7762
7782
  * const possibleOptions = [
@@ -7794,6 +7814,7 @@ version: 4.10.4
7794
7814
  * @ko iOS Safari에서 swipe를 통한 뒤로가기/앞으로가기를 활성화하는 오른쪽 끝으로부터의 영역의 크기 (px)
7795
7815
  * @type {number}
7796
7816
  * @default 30
7817
+ * @see {@link https://naver.github.io/egjs-flicking/Options#iosedgeswipethreshold iOSEdgeSwipeThreshold ( Options )}
7797
7818
  */
7798
7819
  get: function () {
7799
7820
  return this._iOSEdgeSwipeThreshold;
@@ -7815,6 +7836,7 @@ version: 4.10.4
7815
7836
  * @ko 사용자가 뷰포트 영역을 1픽셀이라도 드래그했을 경우 자동으로 {@link https://developer.mozilla.org/ko/docs/Web/API/Element/click_event click} 이벤트를 취소합니다
7816
7837
  * @type {boolean}
7817
7838
  * @default true
7839
+ * @see {@link https://naver.github.io/egjs-flicking/Options#preventclickondrag preventClickOnDrag ( Options )}
7818
7840
  */
7819
7841
  get: function () {
7820
7842
  return this._preventClickOnDrag;
@@ -7841,6 +7863,7 @@ version: 4.10.4
7841
7863
  * @ko Flicking init시에 {@link Flicking#disableInput disableInput()}을 바로 호출합니다
7842
7864
  * @type {boolean}
7843
7865
  * @default false
7866
+ * @see {@link https://naver.github.io/egjs-flicking/Options#disableoninit disableOnInit ( Options )}
7844
7867
  */
7845
7868
  get: function () {
7846
7869
  return this._disableOnInit;
@@ -7859,6 +7882,7 @@ version: 4.10.4
7859
7882
  * `willChange`/`willRestore` 이벤트의 `index`값이 새로운 인덱스로 사용될 것입니다.
7860
7883
  * @type {boolean}
7861
7884
  * @default false
7885
+ * @see {@link https://naver.github.io/egjs-flicking/Options#changeonhold changeOnHold ( Options )}
7862
7886
  */
7863
7887
  get: function () {
7864
7888
  return this._changeOnHold;
@@ -7877,6 +7901,7 @@ version: 4.10.4
7877
7901
  * @ko 보이는 패널만 렌더링할지 여부를 설정합니다. 패널이 많을 경우에 퍼포먼스를 크게 향상시킬 수 있습니다
7878
7902
  * @type {boolean}
7879
7903
  * @default false
7904
+ * @see {@link https://naver.github.io/egjs-flicking/Options#renderonlyvisible renderOnlyVisible ( Options )}
7880
7905
  */
7881
7906
  get: function () {
7882
7907
  return this._renderOnlyVisible;
@@ -7902,6 +7927,7 @@ version: 4.10.4
7902
7927
  * @property {number} initialPanelCount Initial panel count to render<ko>최초로 렌더링할 패널의 개수</ko>
7903
7928
  * @property {boolean} [cache=false] Whether to cache rendered panel's innerHTML<ko>렌더링된 패널의 innerHTML 정보를 캐시할지 여부</ko>
7904
7929
  * @property {string} [panelClass="flicking-panel"] The class name that will be applied to rendered panel elements<ko>렌더링되는 패널 엘리먼트에 적용될 클래스 이름</ko>
7930
+ * @see {@link https://naver.github.io/egjs-flicking/Options#virtual virtual ( Options )}
7905
7931
  * @example
7906
7932
  * ```ts
7907
7933
  * import Flicking, { VirtualPanel } from "@egjs/flicking";
@@ -7935,6 +7961,7 @@ version: 4.10.4
7935
7961
  * @ko Flicking 인스턴스를 생성할 때 자동으로 {@link Flicking#init init()}를 호출합니다
7936
7962
  * @type {boolean}
7937
7963
  * @default true
7964
+ * @see {@link https://naver.github.io/egjs-flicking/Options#autoinit autoInit ( Options )}
7938
7965
  * @readonly
7939
7966
  */
7940
7967
  get: function () {
@@ -7972,6 +7999,7 @@ version: 4.10.4
7972
7999
  * @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} 이벤트 대신 수신할지 여부를 설정합니다
7973
8000
  * @type {boolean}
7974
8001
  * @default true
8002
+ * @see {@link https://naver.github.io/egjs-flicking/Options#useresizeobserver useResizeObserver ( Options )}
7975
8003
  */
7976
8004
  get: function () {
7977
8005
  return this._useResizeObserver;
@@ -7996,6 +8024,7 @@ version: 4.10.4
7996
8024
  * 이를 통해 `resize`가 너무 많이 호출되는 것을 방지하여 성능을 향상시킬 수 있습니다.
7997
8025
  * @type {number}
7998
8026
  * @default 0
8027
+ * @see {@link https://naver.github.io/egjs-flicking/Options#resizedebounce resizeDebounce ( Options )}
7999
8028
  */
8000
8029
  get: function () {
8001
8030
  return this._resizeDebounce;
@@ -8011,6 +8040,7 @@ version: 4.10.4
8011
8040
  * 이를 통해, 적어도 (n)ms에 한번은 크기 재계산을 수행하는 것을 보장할 수 있습니다.
8012
8041
  * @type {number}
8013
8042
  * @default 100
8043
+ * @see {@link https://naver.github.io/egjs-flicking/Options#maxresizedebounce maxResizeDebounce ( Options )}
8014
8044
  */
8015
8045
  get: function () {
8016
8046
  return this._maxResizeDebounce;
@@ -8028,6 +8058,7 @@ version: 4.10.4
8028
8058
  * 모든 크기는 CSS {@link https://developer.mozilla.org/en-US/docs/Web/CSS/transform transform}이 엘리먼트에 적용되기 이전의 크기를 사용할 것입니다.
8029
8059
  * @type {boolean}
8030
8060
  * @default false
8061
+ * @see {@link https://naver.github.io/egjs-flicking/Options#usefractionalsize useFractionalSize ( Options )}
8031
8062
  */
8032
8063
  get: function () {
8033
8064
  return this._useFractionalSize;
@@ -8894,7 +8925,7 @@ version: 4.10.4
8894
8925
  */
8895
8926
 
8896
8927
 
8897
- Flicking.VERSION = "4.10.4";
8928
+ Flicking.VERSION = "4.10.5-beta.0";
8898
8929
  return Flicking;
8899
8930
  }(Component);
8900
8931