@egjs/flicking 4.11.3-beta.1 → 4.11.3-beta.3
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/Flicking.d.ts +240 -240
- package/declaration/camera/Camera.d.ts +82 -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 +44 -48
- package/declaration/control/AxesController.d.ts +44 -44
- package/declaration/control/Control.d.ts +44 -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 +13 -13
- 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 +45 -45
- package/dist/flicking.cjs.js +20 -77
- package/dist/flicking.cjs.js.map +1 -1
- package/dist/flicking.esm.js +21 -76
- package/dist/flicking.esm.js.map +1 -1
- package/dist/flicking.js +20 -76
- package/dist/flicking.js.map +1 -1
- package/dist/flicking.min.js +2 -2
- package/dist/flicking.min.js.map +1 -1
- package/dist/flicking.pkgd.js +20 -76
- 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 +1 -1
- package/src/Flicking.ts +6 -0
- package/src/control/Control.ts +3 -3
- package/src/control/SnapControl.ts +4 -4
package/dist/flicking.pkgd.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.11.
|
|
7
|
+
version: 4.11.0-snapshot
|
|
8
8
|
*/
|
|
9
9
|
(function (global, factory) {
|
|
10
10
|
typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
|
|
@@ -12,7 +12,7 @@ version: 4.11.3-beta.1
|
|
|
12
12
|
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.Flicking = factory());
|
|
13
13
|
})(this, (function () { 'use strict';
|
|
14
14
|
|
|
15
|
-
|
|
15
|
+
/*! *****************************************************************************
|
|
16
16
|
Copyright (c) Microsoft Corporation.
|
|
17
17
|
|
|
18
18
|
Permission to use, copy, modify, and/or distribute this software for any
|
|
@@ -26,7 +26,7 @@ version: 4.11.3-beta.1
|
|
|
26
26
|
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
27
27
|
PERFORMANCE OF THIS SOFTWARE.
|
|
28
28
|
***************************************************************************** */
|
|
29
|
-
/* global Reflect, Promise
|
|
29
|
+
/* global Reflect, Promise */
|
|
30
30
|
|
|
31
31
|
var extendStatics$3 = function (d, b) {
|
|
32
32
|
extendStatics$3 = Object.setPrototypeOf || {
|
|
@@ -111,7 +111,7 @@ version: 4.11.3-beta.1
|
|
|
111
111
|
}
|
|
112
112
|
function step(op) {
|
|
113
113
|
if (f) throw new TypeError("Generator is already executing.");
|
|
114
|
-
while (
|
|
114
|
+
while (_) try {
|
|
115
115
|
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
|
|
116
116
|
if (y = 0, t) op = [op[0] & 2, t.value];
|
|
117
117
|
switch (op[0]) {
|
|
@@ -215,10 +215,6 @@ version: 4.11.3-beta.1
|
|
|
215
215
|
for (var ar = [], i = 0; i < arguments.length; i++) ar = ar.concat(__read$1(arguments[i]));
|
|
216
216
|
return ar;
|
|
217
217
|
}
|
|
218
|
-
typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
|
|
219
|
-
var e = new Error(message);
|
|
220
|
-
return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
|
|
221
|
-
};
|
|
222
218
|
|
|
223
219
|
/*
|
|
224
220
|
Copyright (c) NAVER Corp.
|
|
@@ -809,17 +805,6 @@ version: 4.11.3-beta.1
|
|
|
809
805
|
LINEAR: "linear",
|
|
810
806
|
BOUND: "bound"
|
|
811
807
|
};
|
|
812
|
-
/**
|
|
813
|
-
* An object for identifying {@link https://developer.mozilla.org/en-US/docs/Web/CSS/direction direction} CSS property applied to the camera element(`.flicking-camera`)
|
|
814
|
-
* @ko 카메라 엘리먼트(`.flicking-camera`)에 적용된 {@link https://developer.mozilla.org/en-US/docs/Web/CSS/direction direction} CSS 속성을 구분하기 위한 객체
|
|
815
|
-
* @type {object}
|
|
816
|
-
* @property {string} LTR "ltr"
|
|
817
|
-
* @property {string} RTL "rtl"
|
|
818
|
-
*/
|
|
819
|
-
var ORDER = {
|
|
820
|
-
LTR: "ltr",
|
|
821
|
-
RTL: "rtl"
|
|
822
|
-
};
|
|
823
808
|
|
|
824
809
|
var Constants = {
|
|
825
810
|
__proto__: null,
|
|
@@ -829,7 +814,6 @@ version: 4.11.3-beta.1
|
|
|
829
814
|
MOVE_TYPE: MOVE_TYPE,
|
|
830
815
|
CLASS: CLASS,
|
|
831
816
|
CIRCULAR_FALLBACK: CIRCULAR_FALLBACK,
|
|
832
|
-
ORDER: ORDER,
|
|
833
817
|
ERROR_CODE: CODE
|
|
834
818
|
};
|
|
835
819
|
|
|
@@ -1125,22 +1109,20 @@ version: 4.11.3-beta.1
|
|
|
1125
1109
|
useFractionalSize = _a.useFractionalSize,
|
|
1126
1110
|
useOffset = _a.useOffset,
|
|
1127
1111
|
style = _a.style;
|
|
1128
|
-
var size = 0;
|
|
1129
1112
|
if (useFractionalSize) {
|
|
1130
|
-
var baseSize = parseFloat(horizontal ? style.width : style.height)
|
|
1113
|
+
var baseSize = parseFloat(horizontal ? style.width : style.height);
|
|
1131
1114
|
var isBorderBoxSizing = style.boxSizing === "border-box";
|
|
1132
1115
|
var border = horizontal ? parseFloat(style.borderLeftWidth || "0") + parseFloat(style.borderRightWidth || "0") : parseFloat(style.borderTopWidth || "0") + parseFloat(style.borderBottomWidth || "0");
|
|
1133
1116
|
if (isBorderBoxSizing) {
|
|
1134
|
-
|
|
1117
|
+
return useOffset ? baseSize : baseSize - border;
|
|
1135
1118
|
} else {
|
|
1136
1119
|
var padding = horizontal ? parseFloat(style.paddingLeft || "0") + parseFloat(style.paddingRight || "0") : parseFloat(style.paddingTop || "0") + parseFloat(style.paddingBottom || "0");
|
|
1137
|
-
|
|
1120
|
+
return useOffset ? baseSize + padding + border : baseSize + padding;
|
|
1138
1121
|
}
|
|
1139
1122
|
} else {
|
|
1140
1123
|
var sizeStr = horizontal ? "Width" : "Height";
|
|
1141
|
-
|
|
1124
|
+
return useOffset ? el["offset" + sizeStr] : el["client" + sizeStr];
|
|
1142
1125
|
}
|
|
1143
|
-
return Math.max(size, 0);
|
|
1144
1126
|
};
|
|
1145
1127
|
var setPrototypeOf = Object.setPrototypeOf || function (obj, proto) {
|
|
1146
1128
|
obj.__proto__ = proto;
|
|
@@ -6308,7 +6290,7 @@ version: 4.11.3-beta.1
|
|
|
6308
6290
|
threshold: 1,
|
|
6309
6291
|
iOSEdgeSwipeThreshold: flicking.iOSEdgeSwipeThreshold,
|
|
6310
6292
|
preventDefaultOnDrag: flicking.preventDefaultOnDrag,
|
|
6311
|
-
scale: flicking.horizontal ? [
|
|
6293
|
+
scale: flicking.horizontal ? [-1, 0] : [0, -1],
|
|
6312
6294
|
releaseOnScroll: true
|
|
6313
6295
|
});
|
|
6314
6296
|
var axes = this._axes;
|
|
@@ -6533,7 +6515,7 @@ version: 4.11.3-beta.1
|
|
|
6533
6515
|
var panInput = this._panInput;
|
|
6534
6516
|
axes.disconnect(panInput);
|
|
6535
6517
|
axes.connect(flicking.horizontal ? [POSITION_KEY, ""] : ["", POSITION_KEY], panInput);
|
|
6536
|
-
panInput.options.scale = flicking.horizontal ? [
|
|
6518
|
+
panInput.options.scale = flicking.horizontal ? [-1, 0] : [0, -1];
|
|
6537
6519
|
};
|
|
6538
6520
|
__proto._resetInternalValues = function () {
|
|
6539
6521
|
this._flicking = null;
|
|
@@ -6815,7 +6797,6 @@ version: 4.11.3-beta.1
|
|
|
6815
6797
|
var _a;
|
|
6816
6798
|
var flicking = getFlickingAttached(this._flicking);
|
|
6817
6799
|
this._activePanel = newActivePanel;
|
|
6818
|
-
this._nextPanel = null;
|
|
6819
6800
|
flicking.camera.updateAdaptiveHeight();
|
|
6820
6801
|
if (newActivePanel !== prevActivePanel) {
|
|
6821
6802
|
flicking.trigger(new ComponentEvent$1(EVENTS.CHANGED, {
|
|
@@ -6852,7 +6833,6 @@ version: 4.11.3-beta.1
|
|
|
6852
6833
|
isTrusted: (axesEvent === null || axesEvent === void 0 ? void 0 : axesEvent.isTrusted) || false,
|
|
6853
6834
|
direction: getDirection$1((_a = activePanel === null || activePanel === void 0 ? void 0 : activePanel.position) !== null && _a !== void 0 ? _a : camera.position, position)
|
|
6854
6835
|
});
|
|
6855
|
-
this._nextPanel = panel;
|
|
6856
6836
|
flicking.trigger(event);
|
|
6857
6837
|
if (event.isCanceled()) {
|
|
6858
6838
|
throw new FlickingError(MESSAGE.STOP_CALLED_BY_USER, CODE.STOP_CALLED_BY_USER);
|
|
@@ -7440,20 +7420,19 @@ version: 4.11.3-beta.1
|
|
|
7440
7420
|
* @return {Promise<void>} A Promise which will be resolved after reaching the target position<ko>해당 좌표 도달시에 resolve되는 Promise</ko>
|
|
7441
7421
|
*/
|
|
7442
7422
|
__proto.moveToPosition = function (position, duration, axesEvent) {
|
|
7443
|
-
var _a;
|
|
7444
7423
|
var flicking = getFlickingAttached(this._flicking);
|
|
7445
7424
|
var camera = flicking.camera;
|
|
7446
|
-
var
|
|
7425
|
+
var activePanel = this._activePanel;
|
|
7447
7426
|
var axesRange = this._controller.range;
|
|
7448
7427
|
var indexRange = this._indexRange;
|
|
7449
7428
|
var cameraRange = camera.range;
|
|
7450
7429
|
var state = this._controller.state;
|
|
7451
7430
|
var clampedPosition = clamp$1(camera.clampToReachablePosition(position), axesRange[0], axesRange[1]);
|
|
7452
7431
|
var anchorAtPosition = camera.findAnchorIncludePosition(clampedPosition);
|
|
7453
|
-
if (!anchorAtPosition || !
|
|
7432
|
+
if (!anchorAtPosition || !activePanel) {
|
|
7454
7433
|
return Promise.reject(new FlickingError(MESSAGE.POSITION_NOT_REACHABLE(position), CODE.POSITION_NOT_REACHABLE));
|
|
7455
7434
|
}
|
|
7456
|
-
var prevPos =
|
|
7435
|
+
var prevPos = activePanel.position;
|
|
7457
7436
|
var posDelta = flicking.animating ? state.delta : position - camera.position;
|
|
7458
7437
|
var isOverThreshold = Math.abs(posDelta) >= flicking.threshold;
|
|
7459
7438
|
var adjacentAnchor = position > prevPos ? camera.getNextAnchor(anchorAtPosition) : camera.getPrevAnchor(anchorAtPosition);
|
|
@@ -7470,7 +7449,7 @@ version: 4.11.3-beta.1
|
|
|
7470
7449
|
var targetAnchor = position < cameraRange.min ? firstAnchor : lastAnchor;
|
|
7471
7450
|
targetPanel = targetAnchor.panel;
|
|
7472
7451
|
targetPos = targetAnchor.position;
|
|
7473
|
-
} else if (isOverThreshold && anchorAtPosition.position !==
|
|
7452
|
+
} else if (isOverThreshold && anchorAtPosition.position !== activePanel.position) {
|
|
7474
7453
|
// Move to anchor at position
|
|
7475
7454
|
targetPanel = anchorAtPosition.panel;
|
|
7476
7455
|
targetPos = anchorAtPosition.position;
|
|
@@ -8229,19 +8208,6 @@ version: 4.11.3-beta.1
|
|
|
8229
8208
|
enumerable: false,
|
|
8230
8209
|
configurable: true
|
|
8231
8210
|
});
|
|
8232
|
-
Object.defineProperty(__proto, "panelOrder", {
|
|
8233
|
-
/**
|
|
8234
|
-
* {@link https://developer.mozilla.org/en-US/docs/Web/CSS/direction direction} CSS property applied to the camera element(`.flicking-camera`)
|
|
8235
|
-
* @ko 카메라 엘리먼트(`.flicking-camera`)에 적용된 {@link https://developer.mozilla.org/en-US/docs/Web/CSS/direction direction} CSS 속성
|
|
8236
|
-
* @type {string}
|
|
8237
|
-
* @readonly
|
|
8238
|
-
*/
|
|
8239
|
-
get: function () {
|
|
8240
|
-
return this._panelOrder;
|
|
8241
|
-
},
|
|
8242
|
-
enumerable: false,
|
|
8243
|
-
configurable: true
|
|
8244
|
-
});
|
|
8245
8211
|
Object.defineProperty(__proto, "align", {
|
|
8246
8212
|
// Options Getter
|
|
8247
8213
|
/**
|
|
@@ -8273,7 +8239,6 @@ version: 4.11.3-beta.1
|
|
|
8273
8239
|
this._el = viewportEl.firstElementChild;
|
|
8274
8240
|
this._checkTranslateSupport();
|
|
8275
8241
|
this._updateMode();
|
|
8276
|
-
this.updatePanelOrder();
|
|
8277
8242
|
return this;
|
|
8278
8243
|
};
|
|
8279
8244
|
/**
|
|
@@ -8395,13 +8360,11 @@ version: 4.11.3-beta.1
|
|
|
8395
8360
|
* @return {AnchorPoint | null}
|
|
8396
8361
|
*/
|
|
8397
8362
|
__proto.findActiveAnchor = function () {
|
|
8398
|
-
var _a;
|
|
8399
8363
|
var flicking = getFlickingAttached(this._flicking);
|
|
8400
|
-
var
|
|
8401
|
-
|
|
8402
|
-
|
|
8403
|
-
|
|
8404
|
-
})) !== null && _a !== void 0 ? _a : this.findNearestAnchor(activePanel.position);
|
|
8364
|
+
var activeIndex = flicking.control.activeIndex;
|
|
8365
|
+
return find$1(this._anchors, function (anchor) {
|
|
8366
|
+
return anchor.panel.index === activeIndex;
|
|
8367
|
+
});
|
|
8405
8368
|
};
|
|
8406
8369
|
/**
|
|
8407
8370
|
* Clamp the given position between camera's range
|
|
@@ -8518,24 +8481,6 @@ version: 4.11.3-beta.1
|
|
|
8518
8481
|
this.applyTransform();
|
|
8519
8482
|
return this;
|
|
8520
8483
|
};
|
|
8521
|
-
/**
|
|
8522
|
-
* Update direction to match the {@link https://developer.mozilla.org/en-US/docs/Web/CSS/direction direction} CSS property applied to the camera element
|
|
8523
|
-
* @ko 카메라 엘리먼트에 적용된 {@link https://developer.mozilla.org/en-US/docs/Web/CSS/direction direction} CSS 속성에 맞게 방향을 업데이트합니다
|
|
8524
|
-
* @return {this}
|
|
8525
|
-
*/
|
|
8526
|
-
__proto.updatePanelOrder = function () {
|
|
8527
|
-
var flicking = getFlickingAttached(this._flicking);
|
|
8528
|
-
if (!flicking.horizontal) return this;
|
|
8529
|
-
var el = this._el;
|
|
8530
|
-
var direction = getStyle(el).direction;
|
|
8531
|
-
if (direction !== this._panelOrder) {
|
|
8532
|
-
this._panelOrder = direction === ORDER.RTL ? ORDER.RTL : ORDER.LTR;
|
|
8533
|
-
if (flicking.initialized) {
|
|
8534
|
-
flicking.control.controller.updateDirection();
|
|
8535
|
-
}
|
|
8536
|
-
}
|
|
8537
|
-
return this;
|
|
8538
|
-
};
|
|
8539
8484
|
/**
|
|
8540
8485
|
* Reset the history of {@link Flicking#event:needPanel needPanel} events so it can be triggered again
|
|
8541
8486
|
* @ko 발생한 {@link Flicking#event:needPanel needPanel} 이벤트들을 초기화하여 다시 발생할 수 있도록 합니다
|
|
@@ -8560,7 +8505,7 @@ version: 4.11.3-beta.1
|
|
|
8560
8505
|
var renderer = flicking.renderer;
|
|
8561
8506
|
if (renderer.rendering || !flicking.initialized) return this;
|
|
8562
8507
|
var actualPosition = this._position - this._alignPos - this._offset + this._circularOffset;
|
|
8563
|
-
el.style[this._transform] = flicking.horizontal ? "translate(" +
|
|
8508
|
+
el.style[this._transform] = flicking.horizontal ? "translate(" + -actualPosition + "px)" : "translate(0, " + -actualPosition + "px)";
|
|
8564
8509
|
return this;
|
|
8565
8510
|
};
|
|
8566
8511
|
__proto._resetInternalValues = function () {
|
|
@@ -12710,7 +12655,6 @@ version: 4.11.3-beta.1
|
|
|
12710
12655
|
camera.updateRange();
|
|
12711
12656
|
camera.updateAnchors();
|
|
12712
12657
|
camera.updateAdaptiveHeight();
|
|
12713
|
-
camera.updatePanelOrder();
|
|
12714
12658
|
camera.updateOffset();
|
|
12715
12659
|
return [4 /*yield*/, renderer.render()];
|
|
12716
12660
|
case 2:
|
|
@@ -12951,7 +12895,7 @@ version: 4.11.3-beta.1
|
|
|
12951
12895
|
* Flicking.VERSION; // ex) 4.0.0
|
|
12952
12896
|
* ```
|
|
12953
12897
|
*/
|
|
12954
|
-
Flicking.VERSION = "4.11.
|
|
12898
|
+
Flicking.VERSION = "4.11.0-snapshot";
|
|
12955
12899
|
return Flicking;
|
|
12956
12900
|
}(Component);
|
|
12957
12901
|
|