@egjs/flicking 4.12.0-beta.8 → 4.12.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.
- package/declaration/CrossFlicking.d.ts +89 -52
- package/declaration/Flicking.d.ts +244 -244
- package/declaration/camera/Camera.d.ts +90 -89
- package/declaration/camera/index.d.ts +4 -4
- package/declaration/camera/mode/BoundCameraMode.d.ts +13 -13
- package/declaration/camera/mode/CameraMode.d.ts +20 -20
- package/declaration/camera/mode/CircularCameraMode.d.ts +19 -19
- package/declaration/camera/mode/LinearCameraMode.d.ts +9 -9
- package/declaration/camera/mode/index.d.ts +6 -6
- package/declaration/cfc/getDefaultCameraTransform.d.ts +3 -3
- package/declaration/cfc/getRenderingPanels.d.ts +4 -4
- package/declaration/cfc/index.d.ts +5 -5
- package/declaration/cfc/sync.d.ts +4 -4
- package/declaration/cfc/withFlickingMethods.d.ts +2 -2
- package/declaration/const/axes.d.ts +8 -8
- package/declaration/const/error.d.ts +34 -34
- package/declaration/const/external.d.ts +54 -54
- package/declaration/control/AxesController.d.ts +44 -44
- package/declaration/control/Control.d.ts +45 -45
- package/declaration/control/FreeControl.d.ts +14 -14
- package/declaration/control/SnapControl.d.ts +16 -16
- package/declaration/control/StateMachine.d.ts +14 -14
- package/declaration/control/StrictControl.d.ts +20 -20
- package/declaration/control/index.d.ts +14 -14
- package/declaration/control/states/AnimatingState.d.ts +9 -9
- package/declaration/control/states/DisabledState.d.ts +9 -9
- package/declaration/control/states/DraggingState.d.ts +8 -8
- package/declaration/control/states/HoldingState.d.ts +10 -10
- package/declaration/control/states/IdleState.d.ts +9 -9
- package/declaration/control/states/State.d.ts +47 -47
- package/declaration/core/AnchorPoint.d.ts +15 -15
- package/declaration/core/AutoResizer.d.ts +16 -16
- package/declaration/core/FlickingError.d.ts +5 -5
- package/declaration/core/ResizeWatcher.d.ts +33 -33
- package/declaration/core/Viewport.d.ts +25 -25
- package/declaration/core/VirtualManager.d.ts +37 -37
- package/declaration/core/index.d.ts +6 -6
- package/declaration/core/panel/Panel.d.ts +89 -89
- package/declaration/core/panel/VirtualPanel.d.ts +19 -19
- package/declaration/core/panel/index.d.ts +5 -5
- package/declaration/core/panel/provider/ElementProvider.d.ts +8 -8
- package/declaration/core/panel/provider/VanillaElementProvider.d.ts +12 -12
- package/declaration/core/panel/provider/VirtualElementProvider.d.ts +15 -15
- package/declaration/core/panel/provider/index.d.ts +5 -5
- package/declaration/index.cjs.d.ts +3 -3
- package/declaration/index.d.ts +15 -15
- package/declaration/index.umd.d.ts +2 -2
- package/declaration/renderer/ExternalRenderer.d.ts +7 -7
- package/declaration/renderer/Renderer.d.ts +59 -59
- package/declaration/renderer/VanillaRenderer.d.ts +10 -10
- package/declaration/renderer/index.d.ts +6 -6
- package/declaration/renderer/strategy/NormalRenderingStrategy.d.ts +23 -23
- package/declaration/renderer/strategy/RenderingStrategy.d.ts +15 -15
- package/declaration/renderer/strategy/VirtualRenderingStrategy.d.ts +17 -17
- package/declaration/renderer/strategy/index.d.ts +5 -5
- package/declaration/type/event.d.ts +88 -88
- package/declaration/type/external.d.ts +31 -31
- package/declaration/type/internal.d.ts +13 -13
- package/declaration/utils.d.ts +47 -47
- package/dist/flicking-inline.css +37 -0
- package/dist/flicking-inline.min.css +1 -0
- package/dist/flicking-inline.min.min.css +1 -0
- package/dist/flicking.cjs.js +201 -120
- package/dist/flicking.cjs.js.map +1 -1
- package/dist/flicking.css +40 -0
- package/dist/flicking.esm.js +200 -121
- package/dist/flicking.esm.js.map +1 -1
- package/dist/flicking.js +200 -120
- package/dist/flicking.js.map +1 -1
- package/dist/flicking.min.css +1 -0
- package/dist/flicking.min.js +2 -2
- package/dist/flicking.min.js.map +1 -1
- package/dist/flicking.min.min.css +1 -0
- package/dist/flicking.pkgd.js +950 -870
- package/dist/flicking.pkgd.js.map +1 -1
- package/dist/flicking.pkgd.min.js +2 -2
- package/dist/flicking.pkgd.min.js.map +1 -1
- package/package.json +5 -6
- package/sass/flicking.sass +13 -0
- package/src/CrossFlicking.ts +224 -112
- package/src/Flicking.ts +1 -1
- package/src/camera/Camera.ts +24 -4
- package/src/control/states/HoldingState.ts +4 -0
- package/src/core/panel/Panel.ts +4 -0
- package/src/utils.ts +4 -0
|
@@ -1,52 +1,89 @@
|
|
|
1
|
-
import Flicking, { FlickingOptions } from "./Flicking";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
private
|
|
48
|
-
private
|
|
49
|
-
private
|
|
50
|
-
private
|
|
51
|
-
private
|
|
52
|
-
|
|
1
|
+
import Flicking, { FlickingEvents, FlickingOptions } from "./Flicking";
|
|
2
|
+
import { ChangedEvent, HoldEndEvent, HoldStartEvent, MoveEndEvent, MoveEvent, MoveStartEvent, RestoredEvent, WillChangeEvent, WillRestoreEvent } from "./type/event";
|
|
3
|
+
export declare const SIDE_EVENTS: {
|
|
4
|
+
readonly HOLD_START: "sideHoldStart";
|
|
5
|
+
readonly HOLD_END: "sideHoldEnd";
|
|
6
|
+
readonly MOVE_START: "sideMoveStart";
|
|
7
|
+
readonly MOVE: "sideMove";
|
|
8
|
+
readonly MOVE_END: "sideMoveEnd";
|
|
9
|
+
readonly WILL_CHANGE: "sideWillChange";
|
|
10
|
+
readonly CHANGED: "sideChanged";
|
|
11
|
+
readonly WILL_RESTORE: "sideWillRestore";
|
|
12
|
+
readonly RESTORED: "sideRestored";
|
|
13
|
+
};
|
|
14
|
+
export declare type CrossFlickingEvent<T> = {
|
|
15
|
+
mainIndex: number;
|
|
16
|
+
} & T;
|
|
17
|
+
export interface CrossFlickingEvents extends FlickingEvents {
|
|
18
|
+
[SIDE_EVENTS.HOLD_START]: CrossFlickingEvent<HoldStartEvent>;
|
|
19
|
+
[SIDE_EVENTS.HOLD_END]: CrossFlickingEvent<HoldEndEvent>;
|
|
20
|
+
[SIDE_EVENTS.MOVE_START]: CrossFlickingEvent<MoveStartEvent>;
|
|
21
|
+
[SIDE_EVENTS.MOVE]: CrossFlickingEvent<MoveEvent>;
|
|
22
|
+
[SIDE_EVENTS.MOVE_END]: CrossFlickingEvent<MoveEndEvent>;
|
|
23
|
+
[SIDE_EVENTS.WILL_CHANGE]: CrossFlickingEvent<WillChangeEvent>;
|
|
24
|
+
[SIDE_EVENTS.CHANGED]: CrossFlickingEvent<ChangedEvent>;
|
|
25
|
+
[SIDE_EVENTS.WILL_RESTORE]: CrossFlickingEvent<WillRestoreEvent>;
|
|
26
|
+
[SIDE_EVENTS.RESTORED]: CrossFlickingEvent<RestoredEvent>;
|
|
27
|
+
}
|
|
28
|
+
export interface CrossFlickingOptions extends FlickingOptions {
|
|
29
|
+
sideOptions: Partial<FlickingOptions> | undefined;
|
|
30
|
+
preserveIndex: boolean | undefined;
|
|
31
|
+
disableSlideOnHold: boolean | undefined;
|
|
32
|
+
disableIndexSync: boolean | undefined;
|
|
33
|
+
}
|
|
34
|
+
export interface SideState {
|
|
35
|
+
key: string;
|
|
36
|
+
start: number;
|
|
37
|
+
end: number;
|
|
38
|
+
element: HTMLElement;
|
|
39
|
+
}
|
|
40
|
+
export interface CrossFlickingChangedEvent extends ChangedEvent {
|
|
41
|
+
sideIndex?: number;
|
|
42
|
+
}
|
|
43
|
+
export interface CrossFlickingWillChangeEvent extends WillChangeEvent {
|
|
44
|
+
sideIndex?: number;
|
|
45
|
+
}
|
|
46
|
+
export declare class CrossFlicking extends Flicking {
|
|
47
|
+
private _sideFlicking;
|
|
48
|
+
private _sideOptions;
|
|
49
|
+
private _preserveIndex;
|
|
50
|
+
private _disableSlideOnHold;
|
|
51
|
+
private _disableIndexSync;
|
|
52
|
+
private _sideState;
|
|
53
|
+
private _moveDirection;
|
|
54
|
+
private _originalDragThreshold;
|
|
55
|
+
private _nextIndex;
|
|
56
|
+
get sideFlicking(): Flicking[];
|
|
57
|
+
get sideIndex(): number[];
|
|
58
|
+
get sideState(): SideState[];
|
|
59
|
+
get sideOptions(): CrossFlickingOptions["sideOptions"];
|
|
60
|
+
get preserveIndex(): CrossFlickingOptions["preserveIndex"];
|
|
61
|
+
get disableSlideOnHold(): CrossFlickingOptions["disableSlideOnHold"];
|
|
62
|
+
get disableIndexSync(): CrossFlickingOptions["disableIndexSync"];
|
|
63
|
+
set sideOptions(val: CrossFlickingOptions["sideOptions"]);
|
|
64
|
+
set preserveIndex(val: CrossFlickingOptions["preserveIndex"]);
|
|
65
|
+
set disableSlideOnHold(val: CrossFlickingOptions["disableSlideOnHold"]);
|
|
66
|
+
set disableIndexSync(val: CrossFlickingOptions["disableIndexSync"]);
|
|
67
|
+
constructor(root: HTMLElement | string, options: Partial<CrossFlickingOptions>);
|
|
68
|
+
init(): Promise<void>;
|
|
69
|
+
destroy(): void;
|
|
70
|
+
private _addComponentEvents;
|
|
71
|
+
private _createSideState;
|
|
72
|
+
private _createCrossStructure;
|
|
73
|
+
private _getGroupFromAttribute;
|
|
74
|
+
private _getSideStateFromGroup;
|
|
75
|
+
private _getSideStateFromPanels;
|
|
76
|
+
private _getSideStateFromCrossStructure;
|
|
77
|
+
private _createSideFlicking;
|
|
78
|
+
private _syncToCategory;
|
|
79
|
+
private _setDraggable;
|
|
80
|
+
private _setPreviousSideIndex;
|
|
81
|
+
private _addSideIndex;
|
|
82
|
+
private _onHorizontalHoldStart;
|
|
83
|
+
private _onHorizontalMove;
|
|
84
|
+
private _onHorizontalMoveEnd;
|
|
85
|
+
private _onSideHoldStart;
|
|
86
|
+
private _onSideMove;
|
|
87
|
+
private _onSideMoveEnd;
|
|
88
|
+
private _onSideChanged;
|
|
89
|
+
}
|
|
@@ -1,244 +1,244 @@
|
|
|
1
|
-
import Component from "@egjs/component";
|
|
2
|
-
import Viewport from "./core/Viewport";
|
|
3
|
-
import { Panel } from "./core/panel";
|
|
4
|
-
import VirtualManager, { VirtualOptions } from "./core/VirtualManager";
|
|
5
|
-
import { Control } from "./control";
|
|
6
|
-
import { Camera } from "./camera";
|
|
7
|
-
import { Renderer, ExternalRenderer, RendererOptions } from "./renderer";
|
|
8
|
-
import { EVENTS, ALIGN, MOVE_TYPE, DIRECTION, CIRCULAR_FALLBACK } from "./const/external";
|
|
9
|
-
import { HoldStartEvent, HoldEndEvent, MoveStartEvent, SelectEvent, MoveEvent, MoveEndEvent, WillChangeEvent, WillRestoreEvent, NeedPanelEvent, VisibleChangeEvent, ReachEdgeEvent, ReadyEvent, AfterResizeEvent, BeforeResizeEvent, ChangedEvent, RestoredEvent, PanelChangeEvent } from "./type/event";
|
|
10
|
-
import { LiteralUnion, ValueOf } from "./type/internal";
|
|
11
|
-
import { ElementLike, Plugin, Status, MoveTypeOptions } from "./type/external";
|
|
12
|
-
export interface FlickingEvents {
|
|
13
|
-
[EVENTS.READY]: ReadyEvent;
|
|
14
|
-
[EVENTS.BEFORE_RESIZE]: BeforeResizeEvent;
|
|
15
|
-
[EVENTS.AFTER_RESIZE]: AfterResizeEvent;
|
|
16
|
-
[EVENTS.HOLD_START]: HoldStartEvent;
|
|
17
|
-
[EVENTS.HOLD_END]: HoldEndEvent;
|
|
18
|
-
[EVENTS.MOVE_START]: MoveStartEvent;
|
|
19
|
-
[EVENTS.MOVE]: MoveEvent;
|
|
20
|
-
[EVENTS.MOVE_END]: MoveEndEvent;
|
|
21
|
-
[EVENTS.WILL_CHANGE]: WillChangeEvent;
|
|
22
|
-
[EVENTS.CHANGED]: ChangedEvent;
|
|
23
|
-
[EVENTS.WILL_RESTORE]: WillRestoreEvent;
|
|
24
|
-
[EVENTS.RESTORED]: RestoredEvent;
|
|
25
|
-
[EVENTS.SELECT]: SelectEvent;
|
|
26
|
-
[EVENTS.NEED_PANEL]: NeedPanelEvent;
|
|
27
|
-
[EVENTS.VISIBLE_CHANGE]: VisibleChangeEvent;
|
|
28
|
-
[EVENTS.REACH_EDGE]: ReachEdgeEvent;
|
|
29
|
-
[EVENTS.PANEL_CHANGE]: PanelChangeEvent;
|
|
30
|
-
}
|
|
31
|
-
export interface FlickingOptions {
|
|
32
|
-
align: LiteralUnion<ValueOf<typeof ALIGN>> | number | {
|
|
33
|
-
panel: number | string;
|
|
34
|
-
camera: number | string;
|
|
35
|
-
};
|
|
36
|
-
defaultIndex: number;
|
|
37
|
-
horizontal: boolean;
|
|
38
|
-
circular: boolean;
|
|
39
|
-
circularFallback: LiteralUnion<ValueOf<typeof CIRCULAR_FALLBACK>>;
|
|
40
|
-
bound: boolean;
|
|
41
|
-
adaptive: boolean;
|
|
42
|
-
panelsPerView: number;
|
|
43
|
-
noPanelStyleOverride: boolean;
|
|
44
|
-
resizeOnContentsReady: boolean;
|
|
45
|
-
nested: boolean;
|
|
46
|
-
needPanelThreshold: number;
|
|
47
|
-
preventEventsBeforeInit: boolean;
|
|
48
|
-
deceleration: number;
|
|
49
|
-
duration: number;
|
|
50
|
-
easing: (x: number) => number;
|
|
51
|
-
inputType: string[];
|
|
52
|
-
moveType: ValueOf<typeof MOVE_TYPE> | MoveTypeOptions<ValueOf<typeof MOVE_TYPE>>;
|
|
53
|
-
threshold: number;
|
|
54
|
-
dragThreshold: number;
|
|
55
|
-
interruptable: boolean;
|
|
56
|
-
bounce: number | string | [number | string, number | string];
|
|
57
|
-
iOSEdgeSwipeThreshold: number;
|
|
58
|
-
preventClickOnDrag: boolean;
|
|
59
|
-
preventDefaultOnDrag: boolean;
|
|
60
|
-
disableOnInit: boolean;
|
|
61
|
-
changeOnHold: boolean;
|
|
62
|
-
renderOnlyVisible: boolean;
|
|
63
|
-
virtual: VirtualOptions | null;
|
|
64
|
-
autoInit: boolean;
|
|
65
|
-
autoResize: boolean;
|
|
66
|
-
useResizeObserver: boolean;
|
|
67
|
-
resizeDebounce: number;
|
|
68
|
-
maxResizeDebounce: number;
|
|
69
|
-
useFractionalSize: boolean;
|
|
70
|
-
externalRenderer: ExternalRenderer | null;
|
|
71
|
-
renderExternal: {
|
|
72
|
-
renderer: new (options: RendererOptions) => ExternalRenderer;
|
|
73
|
-
rendererOptions: RendererOptions;
|
|
74
|
-
} | null;
|
|
75
|
-
}
|
|
76
|
-
declare class Flicking extends Component<FlickingEvents> {
|
|
77
|
-
static VERSION: string;
|
|
78
|
-
private _viewport;
|
|
79
|
-
private _autoResizer;
|
|
80
|
-
private _camera;
|
|
81
|
-
private _control;
|
|
82
|
-
private _renderer;
|
|
83
|
-
private _virtualManager;
|
|
84
|
-
private _align;
|
|
85
|
-
private _defaultIndex;
|
|
86
|
-
private _horizontal;
|
|
87
|
-
private _circular;
|
|
88
|
-
private _circularFallback;
|
|
89
|
-
private _bound;
|
|
90
|
-
private _adaptive;
|
|
91
|
-
private _panelsPerView;
|
|
92
|
-
private _noPanelStyleOverride;
|
|
93
|
-
private _resizeOnContentsReady;
|
|
94
|
-
private _virtual;
|
|
95
|
-
private _nested;
|
|
96
|
-
private _needPanelThreshold;
|
|
97
|
-
private _preventEventsBeforeInit;
|
|
98
|
-
private _deceleration;
|
|
99
|
-
private _duration;
|
|
100
|
-
private _easing;
|
|
101
|
-
private _inputType;
|
|
102
|
-
private _moveType;
|
|
103
|
-
private _threshold;
|
|
104
|
-
private _dragThreshold;
|
|
105
|
-
private _interruptable;
|
|
106
|
-
private _bounce;
|
|
107
|
-
private _iOSEdgeSwipeThreshold;
|
|
108
|
-
private _preventClickOnDrag;
|
|
109
|
-
private _preventDefaultOnDrag;
|
|
110
|
-
private _disableOnInit;
|
|
111
|
-
private _changeOnHold;
|
|
112
|
-
private _renderOnlyVisible;
|
|
113
|
-
private _autoInit;
|
|
114
|
-
private _autoResize;
|
|
115
|
-
private _useResizeObserver;
|
|
116
|
-
private _resizeDebounce;
|
|
117
|
-
private _maxResizeDebounce;
|
|
118
|
-
private _useFractionalSize;
|
|
119
|
-
private _externalRenderer;
|
|
120
|
-
private _renderExternal;
|
|
121
|
-
private _initialized;
|
|
122
|
-
private _plugins;
|
|
123
|
-
get control(): Control;
|
|
124
|
-
get camera(): Camera;
|
|
125
|
-
get renderer(): Renderer;
|
|
126
|
-
get viewport(): Viewport;
|
|
127
|
-
get initialized(): boolean;
|
|
128
|
-
get circularEnabled(): boolean;
|
|
129
|
-
get virtualEnabled(): boolean;
|
|
130
|
-
get index(): number;
|
|
131
|
-
get element(): HTMLElement;
|
|
132
|
-
get currentPanel(): Panel;
|
|
133
|
-
get panels(): Panel[];
|
|
134
|
-
get panelCount(): number;
|
|
135
|
-
get visiblePanels(): Panel[];
|
|
136
|
-
get animating(): boolean;
|
|
137
|
-
get holding(): boolean;
|
|
138
|
-
get activePlugins(): Plugin[];
|
|
139
|
-
get align(): FlickingOptions["align"];
|
|
140
|
-
get defaultIndex(): FlickingOptions["defaultIndex"];
|
|
141
|
-
get horizontal(): FlickingOptions["horizontal"];
|
|
142
|
-
get circular(): FlickingOptions["circular"];
|
|
143
|
-
get circularFallback(): LiteralUnion<ValueOf<{
|
|
144
|
-
readonly LINEAR: "linear";
|
|
145
|
-
readonly BOUND: "bound";
|
|
146
|
-
}>, string>;
|
|
147
|
-
get bound(): FlickingOptions["bound"];
|
|
148
|
-
get adaptive(): FlickingOptions["adaptive"];
|
|
149
|
-
get panelsPerView(): FlickingOptions["panelsPerView"];
|
|
150
|
-
get noPanelStyleOverride(): FlickingOptions["noPanelStyleOverride"];
|
|
151
|
-
get resizeOnContentsReady(): FlickingOptions["resizeOnContentsReady"];
|
|
152
|
-
get nested(): FlickingOptions["nested"];
|
|
153
|
-
get needPanelThreshold(): FlickingOptions["needPanelThreshold"];
|
|
154
|
-
get preventEventsBeforeInit(): FlickingOptions["preventEventsBeforeInit"];
|
|
155
|
-
get deceleration(): FlickingOptions["deceleration"];
|
|
156
|
-
get easing(): FlickingOptions["easing"];
|
|
157
|
-
get duration(): FlickingOptions["duration"];
|
|
158
|
-
get inputType(): FlickingOptions["inputType"];
|
|
159
|
-
get moveType(): FlickingOptions["moveType"];
|
|
160
|
-
get threshold(): FlickingOptions["threshold"];
|
|
161
|
-
get dragThreshold(): FlickingOptions["dragThreshold"];
|
|
162
|
-
get interruptable(): FlickingOptions["interruptable"];
|
|
163
|
-
get bounce(): FlickingOptions["bounce"];
|
|
164
|
-
get iOSEdgeSwipeThreshold(): FlickingOptions["iOSEdgeSwipeThreshold"];
|
|
165
|
-
get preventClickOnDrag(): FlickingOptions["preventClickOnDrag"];
|
|
166
|
-
get preventDefaultOnDrag(): FlickingOptions["preventDefaultOnDrag"];
|
|
167
|
-
get disableOnInit(): FlickingOptions["disableOnInit"];
|
|
168
|
-
get changeOnHold(): FlickingOptions["changeOnHold"];
|
|
169
|
-
get renderOnlyVisible(): FlickingOptions["renderOnlyVisible"];
|
|
170
|
-
get virtual(): VirtualManager;
|
|
171
|
-
get autoInit(): boolean;
|
|
172
|
-
get autoResize(): FlickingOptions["autoResize"];
|
|
173
|
-
get useResizeObserver(): FlickingOptions["useResizeObserver"];
|
|
174
|
-
get resizeDebounce(): number;
|
|
175
|
-
get maxResizeDebounce(): number;
|
|
176
|
-
get useFractionalSize(): boolean;
|
|
177
|
-
get externalRenderer(): ExternalRenderer;
|
|
178
|
-
get renderExternal(): {
|
|
179
|
-
renderer: new (options: RendererOptions) => ExternalRenderer;
|
|
180
|
-
rendererOptions: RendererOptions;
|
|
181
|
-
};
|
|
182
|
-
set align(val: FlickingOptions["align"]);
|
|
183
|
-
set defaultIndex(val: FlickingOptions["defaultIndex"]);
|
|
184
|
-
set horizontal(val: FlickingOptions["horizontal"]);
|
|
185
|
-
set circular(val: FlickingOptions["circular"]);
|
|
186
|
-
set bound(val: FlickingOptions["bound"]);
|
|
187
|
-
set adaptive(val: FlickingOptions["adaptive"]);
|
|
188
|
-
set panelsPerView(val: FlickingOptions["panelsPerView"]);
|
|
189
|
-
set noPanelStyleOverride(val: FlickingOptions["noPanelStyleOverride"]);
|
|
190
|
-
set resizeOnContentsReady(val: FlickingOptions["resizeOnContentsReady"]);
|
|
191
|
-
set nested(val: FlickingOptions["nested"]);
|
|
192
|
-
set needPanelThreshold(val: FlickingOptions["needPanelThreshold"]);
|
|
193
|
-
set preventEventsBeforeInit(val: FlickingOptions["preventEventsBeforeInit"]);
|
|
194
|
-
set deceleration(val: FlickingOptions["deceleration"]);
|
|
195
|
-
set easing(val: FlickingOptions["easing"]);
|
|
196
|
-
set duration(val: FlickingOptions["duration"]);
|
|
197
|
-
set inputType(val: FlickingOptions["inputType"]);
|
|
198
|
-
set moveType(val: FlickingOptions["moveType"]);
|
|
199
|
-
set threshold(val: FlickingOptions["threshold"]);
|
|
200
|
-
set dragThreshold(val: FlickingOptions["dragThreshold"]);
|
|
201
|
-
set interruptable(val: FlickingOptions["interruptable"]);
|
|
202
|
-
set bounce(val: FlickingOptions["bounce"]);
|
|
203
|
-
set iOSEdgeSwipeThreshold(val: FlickingOptions["iOSEdgeSwipeThreshold"]);
|
|
204
|
-
set preventClickOnDrag(val: FlickingOptions["preventClickOnDrag"]);
|
|
205
|
-
set preventDefaultOnDrag(val: FlickingOptions["preventDefaultOnDrag"]);
|
|
206
|
-
set disableOnInit(val: FlickingOptions["disableOnInit"]);
|
|
207
|
-
set changeOnHold(val: FlickingOptions["changeOnHold"]);
|
|
208
|
-
set renderOnlyVisible(val: FlickingOptions["renderOnlyVisible"]);
|
|
209
|
-
set autoResize(val: FlickingOptions["autoResize"]);
|
|
210
|
-
set useResizeObserver(val: FlickingOptions["useResizeObserver"]);
|
|
211
|
-
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, maxResizeDebounce, useFractionalSize, externalRenderer, renderExternal }?: Partial<FlickingOptions>);
|
|
212
|
-
init(): Promise<void>;
|
|
213
|
-
destroy(): void;
|
|
214
|
-
prev(duration?: number): Promise<void>;
|
|
215
|
-
next(duration?: number): Promise<void>;
|
|
216
|
-
moveTo(index: number, duration?: number, direction?: ValueOf<typeof DIRECTION>): Promise<void>;
|
|
217
|
-
updateAnimation(index: number, duration?: number, direction?: ValueOf<typeof DIRECTION>): void;
|
|
218
|
-
stopAnimation(): void;
|
|
219
|
-
getPanel(index: number): Panel | null;
|
|
220
|
-
enableInput(): this;
|
|
221
|
-
disableInput(): this;
|
|
222
|
-
getStatus({ index, position, includePanelHTML, visiblePanelsOnly }?: Partial<{
|
|
223
|
-
index: boolean;
|
|
224
|
-
position: boolean;
|
|
225
|
-
includePanelHTML: boolean;
|
|
226
|
-
visiblePanelsOnly: boolean;
|
|
227
|
-
}>): Status;
|
|
228
|
-
setStatus(status: Status): void;
|
|
229
|
-
addPlugins(...plugins: Plugin[]): this;
|
|
230
|
-
removePlugins(...plugins: Plugin[]): this;
|
|
231
|
-
resize(): Promise<void>;
|
|
232
|
-
append(element: ElementLike | ElementLike[]): Panel[];
|
|
233
|
-
prepend(element: ElementLike | ElementLike[]): Panel[];
|
|
234
|
-
insert(index: number, element: ElementLike | ElementLike[]): Panel[];
|
|
235
|
-
remove(index: number, deleteCount?: number): Panel[];
|
|
236
|
-
private _createControl;
|
|
237
|
-
private _createCamera;
|
|
238
|
-
private _createRenderer;
|
|
239
|
-
private _createExternalRenderer;
|
|
240
|
-
private _createVanillaRenderer;
|
|
241
|
-
private _moveToInitialPanel;
|
|
242
|
-
private _initialResize;
|
|
243
|
-
}
|
|
244
|
-
export default Flicking;
|
|
1
|
+
import Component from "@egjs/component";
|
|
2
|
+
import Viewport from "./core/Viewport";
|
|
3
|
+
import { Panel } from "./core/panel";
|
|
4
|
+
import VirtualManager, { VirtualOptions } from "./core/VirtualManager";
|
|
5
|
+
import { Control } from "./control";
|
|
6
|
+
import { Camera } from "./camera";
|
|
7
|
+
import { Renderer, ExternalRenderer, RendererOptions } from "./renderer";
|
|
8
|
+
import { EVENTS, ALIGN, MOVE_TYPE, DIRECTION, CIRCULAR_FALLBACK } from "./const/external";
|
|
9
|
+
import { HoldStartEvent, HoldEndEvent, MoveStartEvent, SelectEvent, MoveEvent, MoveEndEvent, WillChangeEvent, WillRestoreEvent, NeedPanelEvent, VisibleChangeEvent, ReachEdgeEvent, ReadyEvent, AfterResizeEvent, BeforeResizeEvent, ChangedEvent, RestoredEvent, PanelChangeEvent } from "./type/event";
|
|
10
|
+
import { LiteralUnion, ValueOf } from "./type/internal";
|
|
11
|
+
import { ElementLike, Plugin, Status, MoveTypeOptions } from "./type/external";
|
|
12
|
+
export interface FlickingEvents {
|
|
13
|
+
[EVENTS.READY]: ReadyEvent;
|
|
14
|
+
[EVENTS.BEFORE_RESIZE]: BeforeResizeEvent;
|
|
15
|
+
[EVENTS.AFTER_RESIZE]: AfterResizeEvent;
|
|
16
|
+
[EVENTS.HOLD_START]: HoldStartEvent;
|
|
17
|
+
[EVENTS.HOLD_END]: HoldEndEvent;
|
|
18
|
+
[EVENTS.MOVE_START]: MoveStartEvent;
|
|
19
|
+
[EVENTS.MOVE]: MoveEvent;
|
|
20
|
+
[EVENTS.MOVE_END]: MoveEndEvent;
|
|
21
|
+
[EVENTS.WILL_CHANGE]: WillChangeEvent;
|
|
22
|
+
[EVENTS.CHANGED]: ChangedEvent;
|
|
23
|
+
[EVENTS.WILL_RESTORE]: WillRestoreEvent;
|
|
24
|
+
[EVENTS.RESTORED]: RestoredEvent;
|
|
25
|
+
[EVENTS.SELECT]: SelectEvent;
|
|
26
|
+
[EVENTS.NEED_PANEL]: NeedPanelEvent;
|
|
27
|
+
[EVENTS.VISIBLE_CHANGE]: VisibleChangeEvent;
|
|
28
|
+
[EVENTS.REACH_EDGE]: ReachEdgeEvent;
|
|
29
|
+
[EVENTS.PANEL_CHANGE]: PanelChangeEvent;
|
|
30
|
+
}
|
|
31
|
+
export interface FlickingOptions {
|
|
32
|
+
align: LiteralUnion<ValueOf<typeof ALIGN>> | number | {
|
|
33
|
+
panel: number | string;
|
|
34
|
+
camera: number | string;
|
|
35
|
+
};
|
|
36
|
+
defaultIndex: number;
|
|
37
|
+
horizontal: boolean;
|
|
38
|
+
circular: boolean;
|
|
39
|
+
circularFallback: LiteralUnion<ValueOf<typeof CIRCULAR_FALLBACK>>;
|
|
40
|
+
bound: boolean;
|
|
41
|
+
adaptive: boolean;
|
|
42
|
+
panelsPerView: number;
|
|
43
|
+
noPanelStyleOverride: boolean;
|
|
44
|
+
resizeOnContentsReady: boolean;
|
|
45
|
+
nested: boolean;
|
|
46
|
+
needPanelThreshold: number;
|
|
47
|
+
preventEventsBeforeInit: boolean;
|
|
48
|
+
deceleration: number;
|
|
49
|
+
duration: number;
|
|
50
|
+
easing: (x: number) => number;
|
|
51
|
+
inputType: string[];
|
|
52
|
+
moveType: ValueOf<typeof MOVE_TYPE> | MoveTypeOptions<ValueOf<typeof MOVE_TYPE>>;
|
|
53
|
+
threshold: number;
|
|
54
|
+
dragThreshold: number;
|
|
55
|
+
interruptable: boolean;
|
|
56
|
+
bounce: number | string | [number | string, number | string];
|
|
57
|
+
iOSEdgeSwipeThreshold: number;
|
|
58
|
+
preventClickOnDrag: boolean;
|
|
59
|
+
preventDefaultOnDrag: boolean;
|
|
60
|
+
disableOnInit: boolean;
|
|
61
|
+
changeOnHold: boolean;
|
|
62
|
+
renderOnlyVisible: boolean;
|
|
63
|
+
virtual: VirtualOptions | null;
|
|
64
|
+
autoInit: boolean;
|
|
65
|
+
autoResize: boolean;
|
|
66
|
+
useResizeObserver: boolean;
|
|
67
|
+
resizeDebounce: number;
|
|
68
|
+
maxResizeDebounce: number;
|
|
69
|
+
useFractionalSize: boolean;
|
|
70
|
+
externalRenderer: ExternalRenderer | null;
|
|
71
|
+
renderExternal: {
|
|
72
|
+
renderer: new (options: RendererOptions) => ExternalRenderer;
|
|
73
|
+
rendererOptions: RendererOptions;
|
|
74
|
+
} | null;
|
|
75
|
+
}
|
|
76
|
+
declare class Flicking extends Component<FlickingEvents> {
|
|
77
|
+
static VERSION: string;
|
|
78
|
+
private _viewport;
|
|
79
|
+
private _autoResizer;
|
|
80
|
+
private _camera;
|
|
81
|
+
private _control;
|
|
82
|
+
private _renderer;
|
|
83
|
+
private _virtualManager;
|
|
84
|
+
private _align;
|
|
85
|
+
private _defaultIndex;
|
|
86
|
+
private _horizontal;
|
|
87
|
+
private _circular;
|
|
88
|
+
private _circularFallback;
|
|
89
|
+
private _bound;
|
|
90
|
+
private _adaptive;
|
|
91
|
+
private _panelsPerView;
|
|
92
|
+
private _noPanelStyleOverride;
|
|
93
|
+
private _resizeOnContentsReady;
|
|
94
|
+
private _virtual;
|
|
95
|
+
private _nested;
|
|
96
|
+
private _needPanelThreshold;
|
|
97
|
+
private _preventEventsBeforeInit;
|
|
98
|
+
private _deceleration;
|
|
99
|
+
private _duration;
|
|
100
|
+
private _easing;
|
|
101
|
+
private _inputType;
|
|
102
|
+
private _moveType;
|
|
103
|
+
private _threshold;
|
|
104
|
+
private _dragThreshold;
|
|
105
|
+
private _interruptable;
|
|
106
|
+
private _bounce;
|
|
107
|
+
private _iOSEdgeSwipeThreshold;
|
|
108
|
+
private _preventClickOnDrag;
|
|
109
|
+
private _preventDefaultOnDrag;
|
|
110
|
+
private _disableOnInit;
|
|
111
|
+
private _changeOnHold;
|
|
112
|
+
private _renderOnlyVisible;
|
|
113
|
+
private _autoInit;
|
|
114
|
+
private _autoResize;
|
|
115
|
+
private _useResizeObserver;
|
|
116
|
+
private _resizeDebounce;
|
|
117
|
+
private _maxResizeDebounce;
|
|
118
|
+
private _useFractionalSize;
|
|
119
|
+
private _externalRenderer;
|
|
120
|
+
private _renderExternal;
|
|
121
|
+
private _initialized;
|
|
122
|
+
private _plugins;
|
|
123
|
+
get control(): Control;
|
|
124
|
+
get camera(): Camera;
|
|
125
|
+
get renderer(): Renderer;
|
|
126
|
+
get viewport(): Viewport;
|
|
127
|
+
get initialized(): boolean;
|
|
128
|
+
get circularEnabled(): boolean;
|
|
129
|
+
get virtualEnabled(): boolean;
|
|
130
|
+
get index(): number;
|
|
131
|
+
get element(): HTMLElement;
|
|
132
|
+
get currentPanel(): Panel;
|
|
133
|
+
get panels(): Panel[];
|
|
134
|
+
get panelCount(): number;
|
|
135
|
+
get visiblePanels(): Panel[];
|
|
136
|
+
get animating(): boolean;
|
|
137
|
+
get holding(): boolean;
|
|
138
|
+
get activePlugins(): Plugin[];
|
|
139
|
+
get align(): FlickingOptions["align"];
|
|
140
|
+
get defaultIndex(): FlickingOptions["defaultIndex"];
|
|
141
|
+
get horizontal(): FlickingOptions["horizontal"];
|
|
142
|
+
get circular(): FlickingOptions["circular"];
|
|
143
|
+
get circularFallback(): LiteralUnion<ValueOf<{
|
|
144
|
+
readonly LINEAR: "linear";
|
|
145
|
+
readonly BOUND: "bound";
|
|
146
|
+
}>, string>;
|
|
147
|
+
get bound(): FlickingOptions["bound"];
|
|
148
|
+
get adaptive(): FlickingOptions["adaptive"];
|
|
149
|
+
get panelsPerView(): FlickingOptions["panelsPerView"];
|
|
150
|
+
get noPanelStyleOverride(): FlickingOptions["noPanelStyleOverride"];
|
|
151
|
+
get resizeOnContentsReady(): FlickingOptions["resizeOnContentsReady"];
|
|
152
|
+
get nested(): FlickingOptions["nested"];
|
|
153
|
+
get needPanelThreshold(): FlickingOptions["needPanelThreshold"];
|
|
154
|
+
get preventEventsBeforeInit(): FlickingOptions["preventEventsBeforeInit"];
|
|
155
|
+
get deceleration(): FlickingOptions["deceleration"];
|
|
156
|
+
get easing(): FlickingOptions["easing"];
|
|
157
|
+
get duration(): FlickingOptions["duration"];
|
|
158
|
+
get inputType(): FlickingOptions["inputType"];
|
|
159
|
+
get moveType(): FlickingOptions["moveType"];
|
|
160
|
+
get threshold(): FlickingOptions["threshold"];
|
|
161
|
+
get dragThreshold(): FlickingOptions["dragThreshold"];
|
|
162
|
+
get interruptable(): FlickingOptions["interruptable"];
|
|
163
|
+
get bounce(): FlickingOptions["bounce"];
|
|
164
|
+
get iOSEdgeSwipeThreshold(): FlickingOptions["iOSEdgeSwipeThreshold"];
|
|
165
|
+
get preventClickOnDrag(): FlickingOptions["preventClickOnDrag"];
|
|
166
|
+
get preventDefaultOnDrag(): FlickingOptions["preventDefaultOnDrag"];
|
|
167
|
+
get disableOnInit(): FlickingOptions["disableOnInit"];
|
|
168
|
+
get changeOnHold(): FlickingOptions["changeOnHold"];
|
|
169
|
+
get renderOnlyVisible(): FlickingOptions["renderOnlyVisible"];
|
|
170
|
+
get virtual(): VirtualManager;
|
|
171
|
+
get autoInit(): boolean;
|
|
172
|
+
get autoResize(): FlickingOptions["autoResize"];
|
|
173
|
+
get useResizeObserver(): FlickingOptions["useResizeObserver"];
|
|
174
|
+
get resizeDebounce(): number;
|
|
175
|
+
get maxResizeDebounce(): number;
|
|
176
|
+
get useFractionalSize(): boolean;
|
|
177
|
+
get externalRenderer(): ExternalRenderer;
|
|
178
|
+
get renderExternal(): {
|
|
179
|
+
renderer: new (options: RendererOptions) => ExternalRenderer;
|
|
180
|
+
rendererOptions: RendererOptions;
|
|
181
|
+
};
|
|
182
|
+
set align(val: FlickingOptions["align"]);
|
|
183
|
+
set defaultIndex(val: FlickingOptions["defaultIndex"]);
|
|
184
|
+
set horizontal(val: FlickingOptions["horizontal"]);
|
|
185
|
+
set circular(val: FlickingOptions["circular"]);
|
|
186
|
+
set bound(val: FlickingOptions["bound"]);
|
|
187
|
+
set adaptive(val: FlickingOptions["adaptive"]);
|
|
188
|
+
set panelsPerView(val: FlickingOptions["panelsPerView"]);
|
|
189
|
+
set noPanelStyleOverride(val: FlickingOptions["noPanelStyleOverride"]);
|
|
190
|
+
set resizeOnContentsReady(val: FlickingOptions["resizeOnContentsReady"]);
|
|
191
|
+
set nested(val: FlickingOptions["nested"]);
|
|
192
|
+
set needPanelThreshold(val: FlickingOptions["needPanelThreshold"]);
|
|
193
|
+
set preventEventsBeforeInit(val: FlickingOptions["preventEventsBeforeInit"]);
|
|
194
|
+
set deceleration(val: FlickingOptions["deceleration"]);
|
|
195
|
+
set easing(val: FlickingOptions["easing"]);
|
|
196
|
+
set duration(val: FlickingOptions["duration"]);
|
|
197
|
+
set inputType(val: FlickingOptions["inputType"]);
|
|
198
|
+
set moveType(val: FlickingOptions["moveType"]);
|
|
199
|
+
set threshold(val: FlickingOptions["threshold"]);
|
|
200
|
+
set dragThreshold(val: FlickingOptions["dragThreshold"]);
|
|
201
|
+
set interruptable(val: FlickingOptions["interruptable"]);
|
|
202
|
+
set bounce(val: FlickingOptions["bounce"]);
|
|
203
|
+
set iOSEdgeSwipeThreshold(val: FlickingOptions["iOSEdgeSwipeThreshold"]);
|
|
204
|
+
set preventClickOnDrag(val: FlickingOptions["preventClickOnDrag"]);
|
|
205
|
+
set preventDefaultOnDrag(val: FlickingOptions["preventDefaultOnDrag"]);
|
|
206
|
+
set disableOnInit(val: FlickingOptions["disableOnInit"]);
|
|
207
|
+
set changeOnHold(val: FlickingOptions["changeOnHold"]);
|
|
208
|
+
set renderOnlyVisible(val: FlickingOptions["renderOnlyVisible"]);
|
|
209
|
+
set autoResize(val: FlickingOptions["autoResize"]);
|
|
210
|
+
set useResizeObserver(val: FlickingOptions["useResizeObserver"]);
|
|
211
|
+
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, maxResizeDebounce, useFractionalSize, externalRenderer, renderExternal }?: Partial<FlickingOptions>);
|
|
212
|
+
init(): Promise<void>;
|
|
213
|
+
destroy(): void;
|
|
214
|
+
prev(duration?: number): Promise<void>;
|
|
215
|
+
next(duration?: number): Promise<void>;
|
|
216
|
+
moveTo(index: number, duration?: number, direction?: ValueOf<typeof DIRECTION>): Promise<void>;
|
|
217
|
+
updateAnimation(index: number, duration?: number, direction?: ValueOf<typeof DIRECTION>): void;
|
|
218
|
+
stopAnimation(): void;
|
|
219
|
+
getPanel(index: number): Panel | null;
|
|
220
|
+
enableInput(): this;
|
|
221
|
+
disableInput(): this;
|
|
222
|
+
getStatus({ index, position, includePanelHTML, visiblePanelsOnly }?: Partial<{
|
|
223
|
+
index: boolean;
|
|
224
|
+
position: boolean;
|
|
225
|
+
includePanelHTML: boolean;
|
|
226
|
+
visiblePanelsOnly: boolean;
|
|
227
|
+
}>): Status;
|
|
228
|
+
setStatus(status: Status): void;
|
|
229
|
+
addPlugins(...plugins: Plugin[]): this;
|
|
230
|
+
removePlugins(...plugins: Plugin[]): this;
|
|
231
|
+
resize(): Promise<void>;
|
|
232
|
+
append(element: ElementLike | ElementLike[]): Panel[];
|
|
233
|
+
prepend(element: ElementLike | ElementLike[]): Panel[];
|
|
234
|
+
insert(index: number, element: ElementLike | ElementLike[]): Panel[];
|
|
235
|
+
remove(index: number, deleteCount?: number): Panel[];
|
|
236
|
+
private _createControl;
|
|
237
|
+
private _createCamera;
|
|
238
|
+
private _createRenderer;
|
|
239
|
+
private _createExternalRenderer;
|
|
240
|
+
private _createVanillaRenderer;
|
|
241
|
+
private _moveToInitialPanel;
|
|
242
|
+
private _initialResize;
|
|
243
|
+
}
|
|
244
|
+
export default Flicking;
|