@egjs/flicking 4.14.2-beta.2 → 4.16.0-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 (185) hide show
  1. package/README.md +6 -175
  2. package/{declaration → dist}/CrossFlicking.d.ts +7 -2
  3. package/dist/Flicking.d.ts +1231 -0
  4. package/dist/camera/Camera.d.ts +324 -0
  5. package/{declaration → dist}/camera/mode/BoundCameraMode.d.ts +5 -4
  6. package/{declaration → dist}/camera/mode/CameraMode.d.ts +7 -6
  7. package/{declaration → dist}/camera/mode/CircularCameraMode.d.ts +9 -5
  8. package/{declaration → dist}/camera/mode/LinearCameraMode.d.ts +2 -4
  9. package/{declaration → dist}/cfc/getDefaultCameraTransform.d.ts +1 -1
  10. package/dist/cfc/withFlickingMethods.d.ts +15 -0
  11. package/{declaration/const/axes.d.ts → dist/constants/internal.d.ts} +8 -0
  12. package/dist/constants/values.d.ts +67 -0
  13. package/dist/control/AxesController.d.ts +186 -0
  14. package/dist/control/Control.d.ts +185 -0
  15. package/dist/control/FreeControl.d.ts +44 -0
  16. package/dist/control/SnapControl.d.ts +54 -0
  17. package/{declaration → dist}/control/StateMachine.d.ts +3 -0
  18. package/dist/control/StrictControl.d.ts +60 -0
  19. package/{declaration → dist}/control/states/AnimatingState.d.ts +12 -0
  20. package/{declaration → dist}/control/states/DisabledState.d.ts +12 -0
  21. package/{declaration → dist}/control/states/DraggingState.d.ts +12 -0
  22. package/{declaration → dist}/control/states/HoldingState.d.ts +12 -0
  23. package/{declaration → dist}/control/states/IdleState.d.ts +12 -0
  24. package/dist/control/states/State.d.ts +86 -0
  25. package/dist/core/AnchorPoint.d.ts +40 -0
  26. package/{declaration → dist}/core/AutoResizer.d.ts +6 -0
  27. package/dist/core/Viewport.d.ts +60 -0
  28. package/dist/core/VirtualManager.d.ts +84 -0
  29. package/dist/core/index.d.ts +6 -0
  30. package/dist/core/panel/Panel.d.ts +298 -0
  31. package/dist/core/panel/VirtualPanel.d.ts +41 -0
  32. package/dist/core/panel/index.d.ts +5 -0
  33. package/{declaration → dist}/core/panel/provider/VanillaElementProvider.d.ts +3 -0
  34. package/{declaration → dist}/core/panel/provider/VirtualElementProvider.d.ts +3 -0
  35. package/dist/error/FlickingError.d.ts +25 -0
  36. package/dist/error/codes.d.ts +79 -0
  37. package/dist/error/groups.d.ts +94 -0
  38. package/dist/error/index.d.ts +4 -0
  39. package/dist/error/types.d.ts +516 -0
  40. package/dist/event/groups.d.ts +40 -0
  41. package/dist/event/index.d.ts +3 -0
  42. package/dist/event/names.d.ts +47 -0
  43. package/dist/event/types.d.ts +318 -0
  44. package/dist/flicking.cjs.js +5560 -7784
  45. package/dist/flicking.cjs.js.map +1 -1
  46. package/dist/flicking.esm.js +5638 -7692
  47. package/dist/flicking.esm.js.map +1 -1
  48. package/dist/flicking.js +6722 -8885
  49. package/dist/flicking.js.map +1 -1
  50. package/dist/flicking.min.js +1 -9
  51. package/dist/flicking.min.js.map +1 -1
  52. package/dist/flicking.pkgd.js +9661 -14078
  53. package/dist/flicking.pkgd.js.map +1 -1
  54. package/dist/flicking.pkgd.min.js +1 -9
  55. package/dist/flicking.pkgd.min.js.map +1 -1
  56. package/dist/index.d.ts +16 -0
  57. package/dist/reactive/index.d.ts +126 -0
  58. package/{declaration → dist}/renderer/ExternalRenderer.d.ts +3 -0
  59. package/dist/renderer/Renderer.d.ts +215 -0
  60. package/{declaration → dist}/renderer/VanillaRenderer.d.ts +6 -0
  61. package/{declaration → dist}/renderer/strategy/NormalRenderingStrategy.d.ts +5 -2
  62. package/{declaration → dist}/renderer/strategy/RenderingStrategy.d.ts +4 -1
  63. package/dist/types/external.d.ts +58 -0
  64. package/dist/types/params.d.ts +10 -0
  65. package/{declaration → dist}/utils.d.ts +7 -7
  66. package/package.json +35 -162
  67. package/src/CrossFlicking.ts +68 -96
  68. package/src/Flicking.ts +1055 -972
  69. package/src/camera/Camera.ts +217 -206
  70. package/src/camera/index.ts +2 -6
  71. package/src/camera/mode/BoundCameraMode.ts +38 -27
  72. package/src/camera/mode/CameraMode.ts +14 -12
  73. package/src/camera/mode/CircularCameraMode.ts +24 -16
  74. package/src/camera/mode/LinearCameraMode.ts +3 -1
  75. package/src/camera/mode/index.ts +4 -10
  76. package/src/cfc/getDefaultCameraTransform.ts +9 -11
  77. package/src/cfc/getRenderingPanels.ts +2 -5
  78. package/src/cfc/index.ts +4 -9
  79. package/src/cfc/sync.ts +11 -5
  80. package/src/cfc/withFlickingMethods.ts +6 -7
  81. package/src/{const/axes.ts → constants/internal.ts} +1 -0
  82. package/src/constants/values.ts +78 -0
  83. package/src/control/AxesController.ts +119 -110
  84. package/src/control/Control.ts +147 -180
  85. package/src/control/FreeControl.ts +36 -60
  86. package/src/control/SnapControl.ts +64 -68
  87. package/src/control/StateMachine.ts +14 -11
  88. package/src/control/StrictControl.ts +58 -73
  89. package/src/control/index.ts +9 -12
  90. package/src/control/states/AnimatingState.ts +8 -11
  91. package/src/control/states/DisabledState.ts +0 -5
  92. package/src/control/states/DraggingState.ts +8 -12
  93. package/src/control/states/HoldingState.ts +10 -15
  94. package/src/control/states/IdleState.ts +1 -6
  95. package/src/control/states/State.ts +46 -85
  96. package/src/core/AnchorPoint.ts +25 -23
  97. package/src/core/AutoResizer.ts +6 -15
  98. package/src/core/ResizeWatcher.ts +17 -16
  99. package/src/core/Viewport.ts +35 -46
  100. package/src/core/VirtualManager.ts +48 -36
  101. package/src/core/index.ts +6 -9
  102. package/src/core/panel/Panel.ts +190 -185
  103. package/src/core/panel/VirtualPanel.ts +17 -21
  104. package/src/core/panel/index.ts +4 -9
  105. package/src/core/panel/provider/VanillaElementProvider.ts +6 -2
  106. package/src/core/panel/provider/VirtualElementProvider.ts +6 -2
  107. package/src/core/panel/provider/index.ts +2 -7
  108. package/src/{core → error}/FlickingError.ts +5 -7
  109. package/src/error/codes.ts +164 -0
  110. package/src/error/groups.ts +124 -0
  111. package/src/error/index.ts +9 -0
  112. package/src/error/types.ts +535 -0
  113. package/src/event/groups.ts +61 -0
  114. package/src/event/index.ts +8 -0
  115. package/src/event/names.ts +52 -0
  116. package/src/event/types.ts +355 -0
  117. package/src/index.ts +9 -11
  118. package/src/index.umd.ts +9 -3
  119. package/src/reactive/index.ts +39 -74
  120. package/src/renderer/Renderer.ts +177 -119
  121. package/src/renderer/VanillaRenderer.ts +13 -10
  122. package/src/renderer/index.ts +4 -9
  123. package/src/renderer/strategy/NormalRenderingStrategy.ts +26 -22
  124. package/src/renderer/strategy/RenderingStrategy.ts +2 -1
  125. package/src/renderer/strategy/VirtualRenderingStrategy.ts +20 -13
  126. package/src/renderer/strategy/index.ts +4 -9
  127. package/src/types/external.ts +72 -0
  128. package/src/{type → types}/internal.ts +2 -5
  129. package/src/types/params.ts +15 -0
  130. package/src/utils.ts +37 -32
  131. package/CONTRIBUTING.md +0 -59
  132. package/NOTICE +0 -31
  133. package/core-packages-link.js +0 -75
  134. package/debug/reactive/index.html +0 -240
  135. package/declaration/Flicking.d.ts +0 -264
  136. package/declaration/camera/Camera.d.ts +0 -90
  137. package/declaration/cfc/withFlickingMethods.d.ts +0 -2
  138. package/declaration/const/error.d.ts +0 -34
  139. package/declaration/const/external.d.ts +0 -54
  140. package/declaration/control/AxesController.d.ts +0 -45
  141. package/declaration/control/Control.d.ts +0 -45
  142. package/declaration/control/FreeControl.d.ts +0 -14
  143. package/declaration/control/SnapControl.d.ts +0 -16
  144. package/declaration/control/StrictControl.d.ts +0 -20
  145. package/declaration/control/states/State.d.ts +0 -47
  146. package/declaration/core/AnchorPoint.d.ts +0 -15
  147. package/declaration/core/FlickingError.d.ts +0 -5
  148. package/declaration/core/Viewport.d.ts +0 -25
  149. package/declaration/core/VirtualManager.d.ts +0 -37
  150. package/declaration/core/index.d.ts +0 -6
  151. package/declaration/core/panel/Panel.d.ts +0 -89
  152. package/declaration/core/panel/VirtualPanel.d.ts +0 -19
  153. package/declaration/core/panel/index.d.ts +0 -5
  154. package/declaration/index.d.ts +0 -16
  155. package/declaration/reactive/index.d.ts +0 -25
  156. package/declaration/renderer/Renderer.d.ts +0 -60
  157. package/declaration/type/event.d.ts +0 -88
  158. package/declaration/type/external.d.ts +0 -31
  159. package/jsconfig.json +0 -5
  160. package/jsdoc-to-mdx.json +0 -7
  161. package/rollup.config.demo.js +0 -24
  162. package/rollup.config.dev.js +0 -12
  163. package/rollup.config.js +0 -57
  164. package/src/const/error.ts +0 -64
  165. package/src/const/external.ts +0 -138
  166. package/src/type/event.ts +0 -315
  167. package/src/type/external.ts +0 -78
  168. package/tsconfig.declaration.json +0 -17
  169. package/tsconfig.eslint.json +0 -10
  170. package/tsconfig.json +0 -23
  171. package/{declaration → dist}/camera/index.d.ts +0 -0
  172. package/{declaration → dist}/camera/mode/index.d.ts +2 -2
  173. package/{declaration → dist}/cfc/getRenderingPanels.d.ts +0 -0
  174. package/{declaration → dist}/cfc/index.d.ts +3 -3
  175. package/{declaration → dist}/cfc/sync.d.ts +0 -0
  176. package/{declaration → dist}/control/index.d.ts +7 -7
  177. package/{declaration → dist}/core/ResizeWatcher.d.ts +0 -0
  178. package/{declaration → dist}/core/panel/provider/ElementProvider.d.ts +0 -0
  179. package/{declaration → dist}/core/panel/provider/index.d.ts +0 -0
  180. package/{declaration → dist}/index.cjs.d.ts +0 -0
  181. package/{declaration → dist}/index.umd.d.ts +0 -0
  182. package/{declaration → dist}/renderer/index.d.ts +1 -1
  183. package/{declaration → dist}/renderer/strategy/VirtualRenderingStrategy.d.ts +1 -1
  184. package/{declaration → dist}/renderer/strategy/index.d.ts +1 -1
  185. /package/{declaration/type → dist/types}/internal.d.ts +0 -0
package/debug/reactive/index.html DELETED
@@ -1,240 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="UTF-8" />
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6
- <title>Flicking Basic Demo</title>
7
- <link rel="stylesheet" href="../../dist/flicking.css" />
8
- <style>
9
- #container {
10
- display: flex;
11
- flex-direction: column;
12
- align-items: center;
13
- }
14
- #nav-wrapper {
15
- display: flex;
16
- align-items: center;
17
- }
18
- .flicking-viewport {
19
- width: 500px;
20
- height: 300px;
21
- /* margin: 0 auto; */
22
- border: 1px solid black;
23
- }
24
- .flicking-camera {
25
- display: flex;
26
- }
27
- .flicking-panel {
28
- align-items: flex-end;
29
- border-radius: 5px;
30
- box-sizing: border-box;
31
- display: flex;
32
- /* height: 200px; */
33
- justify-content: flex-start;
34
- margin-top: 10px;
35
- margin-bottom: 10px;
36
- margin-right: 10px;
37
- position: relative;
38
- width: 200px;
39
- background-color: aliceblue;
40
- justify-content: center;
41
- align-items: center;
42
- }
43
- .navigation-btn {
44
- text-align: center;
45
- margin: 0 5px;
46
- padding: 5px 10px;
47
- height: 50px;
48
- }
49
- #pagination {
50
- display: flex;
51
- }
52
- .pagination-num {
53
- background-color: beige;
54
- margin: 5px;
55
- width: 30px;
56
- height: 30px;
57
- text-align: center;
58
- }
59
- .pagination-num.active {
60
- background-color: yellowgreen;
61
- }
62
- #scroll-progress-bar {
63
- width: 600px;
64
- height: 20px;
65
- border-radius: 20px;
66
- background-color: #e0e0e0;
67
- overflow: hidden;
68
- }
69
- #scroll-progress-fill {
70
- height: 100%;
71
- width: 0%; /* 초기에는 0% 채워짐 */
72
- background-color: #2196f3; /* 채워지는 색 */
73
- transition: width 0.3s ease; /* 부드럽게 변화 */
74
- }
75
- </style>
76
- </head>
77
- <body>
78
- <div id="container">
79
- <div id="nav-wrapper">
80
- <button class="navigation-btn" id="prev">Previous</button>
81
- <div class="flicking-viewport">
82
- <div class="flicking-camera">
83
- <div class="flicking-panel" style="width: 500px">x0</div>
84
- <div class="flicking-panel">x1</div>
85
- <div class="flicking-panel">x2</div>
86
- <div class="flicking-panel">x3</div>
87
- <div class="flicking-panel">x4</div>
88
- </div>
89
- </div>
90
- <button class="navigation-btn" id="next">Next</button>
91
- </div>
92
- <div id="pagination"></div>
93
- <div id="scroll-progress-bar">
94
- <div id="scroll-progress-fill"></div>
95
- </div>
96
- </div>
97
-
98
- <div class="add">
99
- <button id="prepend">prepend</button>
100
- <button id="append">append</button>
101
- <button id="add-random">add random</button>
102
- </div>
103
- <div class="remove">
104
- <button id="remove-first">remove first</button>
105
- <button id="remove-last">remove last</button>
106
- <button id="remove-random">remove random</button>
107
- </div>
108
-
109
- <script src="../../dist/flicking.pkgd.js"></script>
110
- <script>
111
- document.addEventListener("DOMContentLoaded", () => {
112
- const flicking = new Flicking(".flicking-viewport", {
113
- renderOnlyVisible: true,
114
- // circular: true
115
- // horizontal: false
116
- // align: 'center',
117
- defaultIndex: 2,
118
- });
119
- const { connectFlickingReactiveAPI } = Flicking;
120
- const reactiveObj = connectFlickingReactiveAPI(flicking);
121
- const {
122
- isReachStart,
123
- isReachEnd,
124
- totalPanelCount,
125
- currentPanelIndex,
126
- moveTo,
127
- progress,
128
- } = reactiveObj;
129
-
130
- // Navigation buttons
131
- const prevButton = document.getElementById("prev");
132
- const nextButton = document.getElementById("next");
133
-
134
- // 비활성화 여부 초기화
135
- prevButton.disabled = isReachStart;
136
- nextButton.disabled = isReachEnd;
137
-
138
- // 반응형과 엮기
139
- reactiveObj.subscribe("isReachStart", (nextValue) => {
140
- prevButton.disabled = nextValue;
141
- });
142
- reactiveObj.subscribe("isReachEnd", (nextValue) => {
143
- nextButton.disabled = nextValue;
144
- });
145
-
146
- // 이벤트 리스너 등록
147
- prevButton.addEventListener("click", () => {
148
- flicking.prev();
149
- });
150
-
151
- nextButton.addEventListener("click", () => {
152
- flicking.next();
153
- });
154
-
155
- // 패널이 동적으로 추가되거나 삭제되었을 때도 잘 동작해야함.
156
-
157
- let appendNum = 100;
158
- let prependNum = -1;
159
-
160
- const appendButton = document.getElementById("append");
161
- const prependButton = document.getElementById("prepend");
162
- const addRandomButton = document.getElementById("add-random");
163
-
164
- const getRandomInt = (min, max) => {
165
- const minCeiled = Math.ceil(min);
166
- const maxFloored = Math.floor(max);
167
- return Math.floor(
168
- Math.random() * (maxFloored - minCeiled) + minCeiled
169
- );
170
- };
171
- appendButton.addEventListener("click", () => {
172
- flicking.append(`<div class="flicking-panel">x${appendNum}</div>`);
173
- appendNum++;
174
- });
175
- prependButton.addEventListener("click", () => {
176
- flicking.prepend(`<div class="flicking-panel">x${prependNum}</div>`);
177
- prependNum--;
178
- });
179
- addRandomButton.addEventListener("click", () => {
180
- const randomN = getRandomInt(0, flicking.panelCount);
181
- flicking.insert(
182
- randomN,
183
- `<div class="flicking-panel">random ${randomN}</div>`
184
- );
185
- });
186
-
187
- const removeFirstButton = document.getElementById("remove-first");
188
- const removeLastButton = document.getElementById("remove-last");
189
- const removeRandomButton = document.getElementById("remove-random");
190
-
191
- removeFirstButton.addEventListener("click", () => {
192
- flicking.remove(0);
193
- });
194
-
195
- removeLastButton.addEventListener("click", () => {
196
- flicking.remove(flicking.panelCount - 1);
197
- });
198
- removeRandomButton.addEventListener("click", () => {
199
- const randomN = getRandomInt(0, flicking.panelCount);
200
- flicking.remove(randomN);
201
- });
202
-
203
- const paginationElement = document.getElementById("pagination");
204
-
205
- const pageNums = Array.from({ length: totalPanelCount }, (_, i) => {
206
- const div = document.createElement("div");
207
- div.className = `pagination-num ${
208
- i === currentPanelIndex ? "active" : ""
209
- }`;
210
- div.textContent = `${i}`;
211
-
212
- div.addEventListener("click", (e) => {
213
- moveTo(i);
214
- });
215
- return div;
216
- });
217
-
218
- paginationElement.append(...pageNums);
219
-
220
- reactiveObj.subscribe("currentPanelIndex", (nextValue) => {
221
- pageNums.forEach((v, i) => {
222
- v.classList.remove("active");
223
- if (i === nextValue) {
224
- v.classList.add("active");
225
- }
226
- });
227
- });
228
-
229
- const scrollProgressFillElement = document.getElementById(
230
- "scroll-progress-fill"
231
- );
232
- scrollProgressFillElement.style.width = `${progress}%`;
233
-
234
- reactiveObj.subscribe("progress", (nextValue) => {
235
- scrollProgressFillElement.style.width = `${nextValue}%`;
236
- });
237
- });
238
- </script>
239
- </body>
240
- </html>
package/declaration/Flicking.d.ts DELETED
@@ -1,264 +0,0 @@
1
- import Component from "@egjs/component";
2
- import Viewport from "./core/Viewport";
3
- import AutoResizer from "./core/AutoResizer";
4
- import { Panel } from "./core/panel";
5
- import VirtualManager, { VirtualOptions } from "./core/VirtualManager";
6
- import { Control } from "./control";
7
- import { Camera } from "./camera";
8
- import { Renderer, ExternalRenderer, RendererOptions } from "./renderer";
9
- import { EVENTS, ALIGN, MOVE_TYPE, DIRECTION, CIRCULAR_FALLBACK } from "./const/external";
10
- import { HoldStartEvent, HoldEndEvent, MoveStartEvent, SelectEvent, MoveEvent, MoveEndEvent, WillChangeEvent, WillRestoreEvent, NeedPanelEvent, VisibleChangeEvent, ReachEdgeEvent, ReadyEvent, AfterResizeEvent, BeforeResizeEvent, ChangedEvent, RestoredEvent, PanelChangeEvent } from "./type/event";
11
- import { LiteralUnion, ValueOf } from "./type/internal";
12
- import { ElementLike, Plugin, Status, MoveTypeOptions } from "./type/external";
13
- export interface FlickingEvents {
14
- [EVENTS.READY]: ReadyEvent;
15
- [EVENTS.BEFORE_RESIZE]: BeforeResizeEvent;
16
- [EVENTS.AFTER_RESIZE]: AfterResizeEvent;
17
- [EVENTS.HOLD_START]: HoldStartEvent;
18
- [EVENTS.HOLD_END]: HoldEndEvent;
19
- [EVENTS.MOVE_START]: MoveStartEvent;
20
- [EVENTS.MOVE]: MoveEvent;
21
- [EVENTS.MOVE_END]: MoveEndEvent;
22
- [EVENTS.WILL_CHANGE]: WillChangeEvent;
23
- [EVENTS.CHANGED]: ChangedEvent;
24
- [EVENTS.WILL_RESTORE]: WillRestoreEvent;
25
- [EVENTS.RESTORED]: RestoredEvent;
26
- [EVENTS.SELECT]: SelectEvent;
27
- [EVENTS.NEED_PANEL]: NeedPanelEvent;
28
- [EVENTS.VISIBLE_CHANGE]: VisibleChangeEvent;
29
- [EVENTS.REACH_EDGE]: ReachEdgeEvent;
30
- [EVENTS.PANEL_CHANGE]: PanelChangeEvent;
31
- }
32
- export interface FlickingOptions {
33
- align: LiteralUnion<ValueOf<typeof ALIGN>> | number | {
34
- panel: number | string;
35
- camera: number | string;
36
- };
37
- defaultIndex: number;
38
- horizontal: boolean;
39
- circular: boolean;
40
- circularFallback: LiteralUnion<ValueOf<typeof CIRCULAR_FALLBACK>>;
41
- bound: boolean;
42
- adaptive: boolean;
43
- panelsPerView: number;
44
- noPanelStyleOverride: boolean;
45
- resizeOnContentsReady: boolean;
46
- nested: boolean;
47
- needPanelThreshold: number;
48
- preventEventsBeforeInit: boolean;
49
- deceleration: number;
50
- duration: number;
51
- easing: (x: number) => number;
52
- inputType: string[];
53
- moveType: ValueOf<typeof MOVE_TYPE> | MoveTypeOptions<ValueOf<typeof MOVE_TYPE>>;
54
- threshold: number;
55
- dragThreshold: number;
56
- animationThreshold: number;
57
- useCSSOrder: boolean;
58
- interruptable: boolean;
59
- bounce: number | string | [number | string, number | string];
60
- iOSEdgeSwipeThreshold: number;
61
- preventClickOnDrag: boolean;
62
- preventDefaultOnDrag: boolean;
63
- disableOnInit: boolean;
64
- changeOnHold: boolean;
65
- renderOnlyVisible: boolean;
66
- virtual: VirtualOptions | null;
67
- autoInit: boolean;
68
- autoResize: boolean;
69
- useResizeObserver: boolean;
70
- resizeDebounce: number;
71
- observePanelResize: boolean;
72
- maxResizeDebounce: number;
73
- useFractionalSize: boolean;
74
- externalRenderer: ExternalRenderer | null;
75
- optimizeSizeUpdate: boolean;
76
- renderExternal: {
77
- renderer: new (options: RendererOptions) => ExternalRenderer;
78
- rendererOptions: RendererOptions;
79
- } | null;
80
- }
81
- declare class Flicking extends Component<FlickingEvents> {
82
- static VERSION: string;
83
- private _viewport;
84
- private _autoResizer;
85
- private _camera;
86
- private _control;
87
- private _renderer;
88
- private _virtualManager;
89
- private _align;
90
- private _defaultIndex;
91
- private _horizontal;
92
- private _circular;
93
- private _circularFallback;
94
- private _bound;
95
- private _adaptive;
96
- private _panelsPerView;
97
- private _noPanelStyleOverride;
98
- private _resizeOnContentsReady;
99
- private _virtual;
100
- private _nested;
101
- private _needPanelThreshold;
102
- private _preventEventsBeforeInit;
103
- private _deceleration;
104
- private _duration;
105
- private _easing;
106
- private _inputType;
107
- private _moveType;
108
- private _threshold;
109
- private _dragThreshold;
110
- private _animationThreshold;
111
- private _useCSSOrder;
112
- private _interruptable;
113
- private _bounce;
114
- private _iOSEdgeSwipeThreshold;
115
- private _preventClickOnDrag;
116
- private _preventDefaultOnDrag;
117
- private _disableOnInit;
118
- private _changeOnHold;
119
- private _renderOnlyVisible;
120
- private _autoInit;
121
- private _autoResize;
122
- private _useResizeObserver;
123
- private _resizeDebounce;
124
- private _observePanelResize;
125
- private _maxResizeDebounce;
126
- private _useFractionalSize;
127
- private _externalRenderer;
128
- private _renderExternal;
129
- private _optimizeSizeUpdate;
130
- private _initialized;
131
- private _plugins;
132
- private _isResizing;
133
- private _scheduleResize;
134
- get control(): Control;
135
- get camera(): Camera;
136
- get renderer(): Renderer;
137
- get viewport(): Viewport;
138
- get autoResizer(): AutoResizer;
139
- get initialized(): boolean;
140
- get circularEnabled(): boolean;
141
- get virtualEnabled(): boolean;
142
- get index(): number;
143
- get element(): HTMLElement;
144
- get currentPanel(): Panel;
145
- get panels(): Panel[];
146
- get panelCount(): number;
147
- get visiblePanels(): Panel[];
148
- get animating(): boolean;
149
- get holding(): boolean;
150
- get activePlugins(): Plugin[];
151
- get align(): FlickingOptions["align"];
152
- get defaultIndex(): FlickingOptions["defaultIndex"];
153
- get horizontal(): FlickingOptions["horizontal"];
154
- get circular(): FlickingOptions["circular"];
155
- get circularFallback(): LiteralUnion<ValueOf<{
156
- readonly LINEAR: "linear";
157
- readonly BOUND: "bound";
158
- }>, string>;
159
- get bound(): FlickingOptions["bound"];
160
- get adaptive(): FlickingOptions["adaptive"];
161
- get panelsPerView(): FlickingOptions["panelsPerView"];
162
- get noPanelStyleOverride(): FlickingOptions["noPanelStyleOverride"];
163
- get resizeOnContentsReady(): FlickingOptions["resizeOnContentsReady"];
164
- get nested(): FlickingOptions["nested"];
165
- get needPanelThreshold(): FlickingOptions["needPanelThreshold"];
166
- get preventEventsBeforeInit(): FlickingOptions["preventEventsBeforeInit"];
167
- get deceleration(): FlickingOptions["deceleration"];
168
- get easing(): FlickingOptions["easing"];
169
- get duration(): FlickingOptions["duration"];
170
- get inputType(): FlickingOptions["inputType"];
171
- get moveType(): FlickingOptions["moveType"];
172
- get threshold(): FlickingOptions["threshold"];
173
- get dragThreshold(): FlickingOptions["dragThreshold"];
174
- get animationThreshold(): FlickingOptions["animationThreshold"];
175
- get useCSSOrder(): FlickingOptions["useCSSOrder"];
176
- get interruptable(): FlickingOptions["interruptable"];
177
- get bounce(): FlickingOptions["bounce"];
178
- get iOSEdgeSwipeThreshold(): FlickingOptions["iOSEdgeSwipeThreshold"];
179
- get preventClickOnDrag(): FlickingOptions["preventClickOnDrag"];
180
- get preventDefaultOnDrag(): FlickingOptions["preventDefaultOnDrag"];
181
- get disableOnInit(): FlickingOptions["disableOnInit"];
182
- get changeOnHold(): FlickingOptions["changeOnHold"];
183
- get renderOnlyVisible(): FlickingOptions["renderOnlyVisible"];
184
- get virtual(): VirtualManager;
185
- get autoInit(): boolean;
186
- get autoResize(): FlickingOptions["autoResize"];
187
- get useResizeObserver(): FlickingOptions["useResizeObserver"];
188
- get observePanelResize(): FlickingOptions["observePanelResize"];
189
- get resizeDebounce(): number;
190
- get maxResizeDebounce(): number;
191
- get useFractionalSize(): boolean;
192
- get externalRenderer(): ExternalRenderer;
193
- get renderExternal(): {
194
- renderer: new (options: RendererOptions) => ExternalRenderer;
195
- rendererOptions: RendererOptions;
196
- };
197
- get optimizeSizeUpdate(): FlickingOptions["optimizeSizeUpdate"];
198
- set align(val: FlickingOptions["align"]);
199
- set defaultIndex(val: FlickingOptions["defaultIndex"]);
200
- set horizontal(val: FlickingOptions["horizontal"]);
201
- set circular(val: FlickingOptions["circular"]);
202
- set bound(val: FlickingOptions["bound"]);
203
- set adaptive(val: FlickingOptions["adaptive"]);
204
- set panelsPerView(val: FlickingOptions["panelsPerView"]);
205
- set noPanelStyleOverride(val: FlickingOptions["noPanelStyleOverride"]);
206
- set resizeOnContentsReady(val: FlickingOptions["resizeOnContentsReady"]);
207
- set nested(val: FlickingOptions["nested"]);
208
- set needPanelThreshold(val: FlickingOptions["needPanelThreshold"]);
209
- set preventEventsBeforeInit(val: FlickingOptions["preventEventsBeforeInit"]);
210
- set deceleration(val: FlickingOptions["deceleration"]);
211
- set easing(val: FlickingOptions["easing"]);
212
- set duration(val: FlickingOptions["duration"]);
213
- set inputType(val: FlickingOptions["inputType"]);
214
- set moveType(val: FlickingOptions["moveType"]);
215
- set threshold(val: FlickingOptions["threshold"]);
216
- set dragThreshold(val: FlickingOptions["dragThreshold"]);
217
- set animationThreshold(val: FlickingOptions["animationThreshold"]);
218
- set useCSSOrder(val: FlickingOptions["useCSSOrder"]);
219
- set interruptable(val: FlickingOptions["interruptable"]);
220
- set bounce(val: FlickingOptions["bounce"]);
221
- set iOSEdgeSwipeThreshold(val: FlickingOptions["iOSEdgeSwipeThreshold"]);
222
- set preventClickOnDrag(val: FlickingOptions["preventClickOnDrag"]);
223
- set preventDefaultOnDrag(val: FlickingOptions["preventDefaultOnDrag"]);
224
- set disableOnInit(val: FlickingOptions["disableOnInit"]);
225
- set changeOnHold(val: FlickingOptions["changeOnHold"]);
226
- set renderOnlyVisible(val: FlickingOptions["renderOnlyVisible"]);
227
- set autoResize(val: FlickingOptions["autoResize"]);
228
- set useResizeObserver(val: FlickingOptions["useResizeObserver"]);
229
- set observePanelResize(val: FlickingOptions["observePanelResize"]);
230
- set optimizeSizeUpdate(val: FlickingOptions["optimizeSizeUpdate"]);
231
- constructor(root: HTMLElement | string, { align, defaultIndex, horizontal, circular, circularFallback, bound, adaptive, panelsPerView, noPanelStyleOverride, resizeOnContentsReady, nested, needPanelThreshold, preventEventsBeforeInit, deceleration, duration, easing, inputType, moveType, threshold, dragThreshold, interruptable, bounce, iOSEdgeSwipeThreshold, preventClickOnDrag, preventDefaultOnDrag, disableOnInit, changeOnHold, renderOnlyVisible, virtual, autoInit, autoResize, useResizeObserver, resizeDebounce, observePanelResize, maxResizeDebounce, useFractionalSize, externalRenderer, renderExternal, optimizeSizeUpdate, animationThreshold, useCSSOrder, }?: Partial<FlickingOptions>);
232
- init(): Promise<void>;
233
- destroy(): void;
234
- prev(duration?: number): Promise<void>;
235
- next(duration?: number): Promise<void>;
236
- moveTo(index: number, duration?: number, direction?: ValueOf<typeof DIRECTION>): Promise<void>;
237
- updateAnimation(index: number, duration?: number, direction?: ValueOf<typeof DIRECTION>): void;
238
- stopAnimation(): void;
239
- getPanel(index: number): Panel | null;
240
- enableInput(): this;
241
- disableInput(): this;
242
- getStatus({ index, position, includePanelHTML, visiblePanelsOnly }?: Partial<{
243
- index: boolean;
244
- position: boolean;
245
- includePanelHTML: boolean;
246
- visiblePanelsOnly: boolean;
247
- }>): Status;
248
- setStatus(status: Status): void;
249
- addPlugins(...plugins: Plugin[]): this;
250
- removePlugins(...plugins: Plugin[]): this;
251
- resize(): Promise<void>;
252
- append(element: ElementLike | ElementLike[]): Panel[];
253
- prepend(element: ElementLike | ElementLike[]): Panel[];
254
- insert(index: number, element: ElementLike | ElementLike[]): Panel[];
255
- remove(index: number, deleteCount?: number): Panel[];
256
- private _createControl;
257
- private _createCamera;
258
- private _createRenderer;
259
- private _createExternalRenderer;
260
- private _createVanillaRenderer;
261
- private _moveToInitialPanel;
262
- private _initialResize;
263
- }
264
- export default Flicking;
package/declaration/camera/Camera.d.ts DELETED
@@ -1,90 +0,0 @@
1
- import Flicking, { FlickingOptions } from "../Flicking";
2
- import Panel from "../core/panel/Panel";
3
- import AnchorPoint from "../core/AnchorPoint";
4
- import { ValueOf } from "../type/internal";
5
- import { CameraMode } from "./mode";
6
- export interface CameraOptions {
7
- align: FlickingOptions["align"];
8
- }
9
- declare class Camera {
10
- private _align;
11
- private _flicking;
12
- private _mode;
13
- private _el;
14
- private _transform;
15
- private _lookedOffset;
16
- private _position;
17
- private _alignPos;
18
- private _offset;
19
- private _circularOffset;
20
- private _circularEnabled;
21
- private _range;
22
- private _visiblePanels;
23
- private _anchors;
24
- private _needPanelTriggered;
25
- private _panelOrder;
26
- get element(): HTMLElement;
27
- get children(): HTMLElement[];
28
- get position(): number;
29
- get alignPosition(): number;
30
- get offset(): number;
31
- get circularEnabled(): boolean;
32
- get mode(): CameraMode;
33
- get range(): {
34
- min: number;
35
- max: number;
36
- };
37
- get rangeDiff(): number;
38
- get visiblePanels(): Panel[];
39
- get visibleRange(): {
40
- min: number;
41
- max: number;
42
- };
43
- get anchorPoints(): AnchorPoint[];
44
- get controlParams(): {
45
- range: {
46
- min: number;
47
- max: number;
48
- };
49
- position: number;
50
- circular: boolean;
51
- };
52
- get atEdge(): boolean;
53
- get size(): number;
54
- get progress(): number;
55
- get panelOrder(): ValueOf<{
56
- readonly LTR: "ltr";
57
- readonly RTL: "rtl";
58
- }>;
59
- get align(): FlickingOptions["align"];
60
- set align(val: FlickingOptions["align"]);
61
- constructor(flicking: Flicking, { align }?: Partial<CameraOptions>);
62
- init(): this;
63
- destroy(): this;
64
- lookAt(pos: number): void;
65
- getPrevAnchor(anchor: AnchorPoint): AnchorPoint | null;
66
- getNextAnchor(anchor: AnchorPoint): AnchorPoint | null;
67
- getProgressInPanel(panel: Panel): number;
68
- findAnchorIncludePosition(position: number): AnchorPoint | null;
69
- findNearestAnchor(position: number): AnchorPoint | null;
70
- findActiveAnchor(): AnchorPoint | null;
71
- clampToReachablePosition(position: number): number;
72
- canReach(panel: Panel): boolean;
73
- canSee(panel: Panel): boolean;
74
- updateRange(): this;
75
- updateAlignPos(): this;
76
- updateAnchors(): this;
77
- updateAdaptiveHeight(): void;
78
- updateOffset(): this;
79
- updatePanelOrder(): this;
80
- resetNeedPanelHistory(): this;
81
- applyTransform(): this;
82
- private _resetInternalValues;
83
- private _refreshVisiblePanels;
84
- private _checkNeedPanel;
85
- private _checkReachEnd;
86
- private _checkTranslateSupport;
87
- private _updateMode;
88
- private _togglePanels;
89
- }
90
- export default Camera;
package/declaration/cfc/withFlickingMethods.d.ts DELETED
@@ -1,2 +0,0 @@
1
- declare const withFlickingMethods: (prototype: any, flickingName: string) => void;
2
- export default withFlickingMethods;
package/declaration/const/error.d.ts DELETED
@@ -1,34 +0,0 @@
1
- export declare const CODE: {
2
- readonly WRONG_TYPE: 0;
3
- readonly ELEMENT_NOT_FOUND: 1;
4
- readonly VAL_MUST_NOT_NULL: 2;
5
- readonly NOT_ATTACHED_TO_FLICKING: 3;
6
- readonly WRONG_OPTION: 4;
7
- readonly INDEX_OUT_OF_RANGE: 5;
8
- readonly POSITION_NOT_REACHABLE: 6;
9
- readonly TRANSFORM_NOT_SUPPORTED: 7;
10
- readonly STOP_CALLED_BY_USER: 8;
11
- readonly ANIMATION_INTERRUPTED: 9;
12
- readonly ANIMATION_ALREADY_PLAYING: 10;
13
- readonly NOT_ALLOWED_IN_FRAMEWORK: 11;
14
- readonly NOT_INITIALIZED: 12;
15
- readonly NO_ACTIVE: 13;
16
- readonly NOT_ALLOWED_IN_VIRTUAL: 14;
17
- };
18
- export declare const MESSAGE: {
19
- readonly WRONG_TYPE: (wrongVal: any, correctTypes: string[]) => string;
20
- readonly ELEMENT_NOT_FOUND: (selector: string) => string;
21
- readonly VAL_MUST_NOT_NULL: (val: any, name: string) => string;
22
- readonly NOT_ATTACHED_TO_FLICKING: "This module is not attached to the Flicking instance. \"init()\" should be called first.";
23
- readonly WRONG_OPTION: (optionName: string, val: any) => string;
24
- readonly INDEX_OUT_OF_RANGE: (val: number, min: number, max: number) => string;
25
- readonly POSITION_NOT_REACHABLE: (position: number) => string;
26
- readonly TRANSFORM_NOT_SUPPORTED: "Browser does not support CSS transform.";
27
- readonly STOP_CALLED_BY_USER: "Event stop() is called by user.";
28
- readonly ANIMATION_INTERRUPTED: "Animation is interrupted by user input.";
29
- readonly ANIMATION_ALREADY_PLAYING: "Animation is already playing.";
30
- readonly NOT_ALLOWED_IN_FRAMEWORK: "This behavior is not allowed in the frameworks like React, Vue, or Angular.";
31
- readonly NOT_INITIALIZED: "Flicking is not initialized yet, call init() first.";
32
- readonly NO_ACTIVE: "There's no active panel that Flicking has selected. This may be due to the absence of any panels.";
33
- readonly NOT_ALLOWED_IN_VIRTUAL: "This behavior is not allowed when the virtual option is enabled";
34
- };
package/declaration/const/external.d.ts DELETED
@@ -1,54 +0,0 @@
1
- export { CODE as ERROR_CODE } from "./error";
2
- export declare const EVENTS: {
3
- readonly READY: "ready";
4
- readonly BEFORE_RESIZE: "beforeResize";
5
- readonly AFTER_RESIZE: "afterResize";
6
- readonly HOLD_START: "holdStart";
7
- readonly HOLD_END: "holdEnd";
8
- readonly MOVE_START: "moveStart";
9
- readonly MOVE: "move";
10
- readonly MOVE_END: "moveEnd";
11
- readonly WILL_CHANGE: "willChange";
12
- readonly CHANGED: "changed";
13
- readonly WILL_RESTORE: "willRestore";
14
- readonly RESTORED: "restored";
15
- readonly SELECT: "select";
16
- readonly NEED_PANEL: "needPanel";
17
- readonly VISIBLE_CHANGE: "visibleChange";
18
- readonly REACH_EDGE: "reachEdge";
19
- readonly PANEL_CHANGE: "panelChange";
20
- };
21
- export declare const ALIGN: {
22
- readonly PREV: "prev";
23
- readonly CENTER: "center";
24
- readonly NEXT: "next";
25
- };
26
- export declare const DIRECTION: {
27
- readonly PREV: "PREV";
28
- readonly NEXT: "NEXT";
29
- readonly NONE: any;
30
- };
31
- export declare const MOVE_TYPE: {
32
- readonly SNAP: "snap";
33
- readonly FREE_SCROLL: "freeScroll";
34
- readonly STRICT: "strict";
35
- };
36
- export declare const CLASS: {
37
- VIEWPORT: string;
38
- CAMERA: string;
39
- VERTICAL: string;
40
- HIDDEN: string;
41
- DEFAULT_VIRTUAL: string;
42
- };
43
- export declare const CIRCULAR_FALLBACK: {
44
- readonly LINEAR: "linear";
45
- readonly BOUND: "bound";
46
- };
47
- export declare const ORDER: {
48
- readonly LTR: "ltr";
49
- readonly RTL: "rtl";
50
- };
51
- export declare const MOVE_DIRECTION: {
52
- readonly HORIZONTAL: "horizontal";
53
- readonly VERTICAL: "vertical";
54
- };