@egjs/flicking 4.11.3-beta.2 → 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.
Files changed (74) hide show
  1. package/declaration/Flicking.d.ts +240 -240
  2. package/declaration/camera/Camera.d.ts +82 -89
  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 -48
  17. package/declaration/control/AxesController.d.ts +44 -44
  18. package/declaration/control/Control.d.ts +44 -45
  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.cjs.d.ts +3 -3
  45. package/declaration/index.d.ts +13 -13
  46. package/declaration/index.umd.d.ts +2 -2
  47. package/declaration/renderer/ExternalRenderer.d.ts +7 -7
  48. package/declaration/renderer/Renderer.d.ts +59 -59
  49. package/declaration/renderer/VanillaRenderer.d.ts +10 -10
  50. package/declaration/renderer/index.d.ts +6 -6
  51. package/declaration/renderer/strategy/NormalRenderingStrategy.d.ts +23 -23
  52. package/declaration/renderer/strategy/RenderingStrategy.d.ts +15 -15
  53. package/declaration/renderer/strategy/VirtualRenderingStrategy.d.ts +17 -17
  54. package/declaration/renderer/strategy/index.d.ts +5 -5
  55. package/declaration/type/event.d.ts +88 -88
  56. package/declaration/type/external.d.ts +31 -31
  57. package/declaration/type/internal.d.ts +13 -13
  58. package/declaration/utils.d.ts +45 -45
  59. package/dist/flicking.cjs.js +19 -74
  60. package/dist/flicking.cjs.js.map +1 -1
  61. package/dist/flicking.esm.js +20 -73
  62. package/dist/flicking.esm.js.map +1 -1
  63. package/dist/flicking.js +19 -73
  64. package/dist/flicking.js.map +1 -1
  65. package/dist/flicking.min.js +2 -2
  66. package/dist/flicking.min.js.map +1 -1
  67. package/dist/flicking.pkgd.js +19 -73
  68. package/dist/flicking.pkgd.js.map +1 -1
  69. package/dist/flicking.pkgd.min.js +2 -2
  70. package/dist/flicking.pkgd.min.js.map +1 -1
  71. package/package.json +1 -1
  72. package/src/Flicking.ts +6 -0
  73. package/src/camera/Camera.ts +4 -2
  74. package/src/control/SnapControl.ts +4 -4
@@ -1,5 +1,5 @@
1
- import RenderingStrategy from "./RenderingStrategy";
2
- import NormalRenderingStrategy, { NormalRenderingStrategyOptions } from "./NormalRenderingStrategy";
3
- import VirtualRenderingStrategy from "./VirtualRenderingStrategy";
4
- export { NormalRenderingStrategy, VirtualRenderingStrategy };
5
- export type { RenderingStrategy, NormalRenderingStrategyOptions };
1
+ import RenderingStrategy from "./RenderingStrategy";
2
+ import NormalRenderingStrategy, { NormalRenderingStrategyOptions } from "./NormalRenderingStrategy";
3
+ import VirtualRenderingStrategy from "./VirtualRenderingStrategy";
4
+ export { NormalRenderingStrategy, VirtualRenderingStrategy };
5
+ export type { RenderingStrategy, NormalRenderingStrategyOptions };
@@ -1,88 +1,88 @@
1
- import { OnChange, OnFinish, OnHold, OnRelease } from "@egjs/axes";
2
- import { ComponentEvent } from "@egjs/component";
3
- import Flicking from "../Flicking";
4
- import Panel from "../core/panel/Panel";
5
- import { EVENTS, DIRECTION } from "../const/external";
6
- import { ValueOf } from "../type/internal";
7
- export declare type ReadyEvent<T extends Flicking = Flicking> = ComponentEvent<{}, typeof EVENTS["READY"], T>;
8
- export interface BeforeResizeEvent<T extends Flicking = Flicking> extends ComponentEvent<{}, typeof EVENTS["BEFORE_RESIZE"], T> {
9
- width: number;
10
- height: number;
11
- element: HTMLElement;
12
- }
13
- export interface AfterResizeEvent<T extends Flicking = Flicking> extends ComponentEvent<{}, typeof EVENTS["AFTER_RESIZE"], T> {
14
- width: number;
15
- height: number;
16
- prev: {
17
- width: number;
18
- height: number;
19
- };
20
- sizeChanged: boolean;
21
- element: HTMLElement;
22
- }
23
- export interface HoldStartEvent<T extends Flicking = Flicking> extends ComponentEvent<{}, typeof EVENTS["HOLD_START"], T> {
24
- axesEvent: OnHold;
25
- }
26
- export interface HoldEndEvent<T extends Flicking = Flicking> extends ComponentEvent<{}, typeof EVENTS["HOLD_END"], T> {
27
- axesEvent: OnRelease;
28
- }
29
- export interface MoveStartEvent<T extends Flicking = Flicking> extends ComponentEvent<{}, typeof EVENTS["MOVE_START"], T> {
30
- isTrusted: boolean;
31
- holding: boolean;
32
- direction: ValueOf<typeof DIRECTION>;
33
- axesEvent: OnChange;
34
- }
35
- export interface MoveEvent<T extends Flicking = Flicking> extends ComponentEvent<{}, typeof EVENTS["MOVE"], T> {
36
- isTrusted: boolean;
37
- holding: boolean;
38
- direction: ValueOf<typeof DIRECTION>;
39
- axesEvent: OnChange;
40
- }
41
- export interface MoveEndEvent<T extends Flicking = Flicking> extends ComponentEvent<{}, typeof EVENTS["MOVE_END"], T> {
42
- isTrusted: boolean;
43
- direction: ValueOf<typeof DIRECTION>;
44
- axesEvent: OnFinish;
45
- }
46
- export interface WillChangeEvent<T extends Flicking = Flicking> extends ComponentEvent<{}, typeof EVENTS["WILL_CHANGE"], T> {
47
- index: number;
48
- panel: Panel;
49
- isTrusted: boolean;
50
- direction: ValueOf<typeof DIRECTION>;
51
- }
52
- export interface ChangedEvent<T extends Flicking = Flicking> extends ComponentEvent<{}, typeof EVENTS["CHANGED"], T> {
53
- index: number;
54
- panel: Panel;
55
- prevIndex: number;
56
- prevPanel: Panel | null;
57
- isTrusted: boolean;
58
- direction: ValueOf<typeof DIRECTION>;
59
- }
60
- export interface WillRestoreEvent<T extends Flicking = Flicking> extends ComponentEvent<{}, typeof EVENTS["WILL_RESTORE"], T> {
61
- index: number;
62
- panel: Panel;
63
- isTrusted: boolean;
64
- direction: ValueOf<typeof DIRECTION>;
65
- }
66
- export interface RestoredEvent<T extends Flicking = Flicking> extends ComponentEvent<{}, typeof EVENTS["RESTORED"], T> {
67
- isTrusted: boolean;
68
- }
69
- export interface SelectEvent<T extends Flicking = Flicking> extends ComponentEvent<{}, typeof EVENTS["SELECT"], T> {
70
- index: number;
71
- panel: Panel;
72
- direction: ValueOf<typeof DIRECTION> | null;
73
- }
74
- export interface NeedPanelEvent<T extends Flicking = Flicking> extends ComponentEvent<{}, typeof EVENTS["NEED_PANEL"], T> {
75
- direction: Exclude<ValueOf<typeof DIRECTION>, null>;
76
- }
77
- export interface VisibleChangeEvent<T extends Flicking = Flicking> extends ComponentEvent<{}, typeof EVENTS["VISIBLE_CHANGE"], T> {
78
- added: Panel[];
79
- removed: Panel[];
80
- visiblePanels: Panel[];
81
- }
82
- export interface ReachEdgeEvent<T extends Flicking = Flicking> extends ComponentEvent<{}, typeof EVENTS["REACH_EDGE"], T> {
83
- direction: ValueOf<typeof DIRECTION>;
84
- }
85
- export interface PanelChangeEvent<T extends Flicking = Flicking> extends ComponentEvent<{}, typeof EVENTS["PANEL_CHANGE"], T> {
86
- added: Panel[];
87
- removed: Panel[];
88
- }
1
+ import { OnChange, OnFinish, OnHold, OnRelease } from "@egjs/axes";
2
+ import { ComponentEvent } from "@egjs/component";
3
+ import Flicking from "../Flicking";
4
+ import Panel from "../core/panel/Panel";
5
+ import { EVENTS, DIRECTION } from "../const/external";
6
+ import { ValueOf } from "../type/internal";
7
+ export declare type ReadyEvent<T extends Flicking = Flicking> = ComponentEvent<{}, typeof EVENTS["READY"], T>;
8
+ export interface BeforeResizeEvent<T extends Flicking = Flicking> extends ComponentEvent<{}, typeof EVENTS["BEFORE_RESIZE"], T> {
9
+ width: number;
10
+ height: number;
11
+ element: HTMLElement;
12
+ }
13
+ export interface AfterResizeEvent<T extends Flicking = Flicking> extends ComponentEvent<{}, typeof EVENTS["AFTER_RESIZE"], T> {
14
+ width: number;
15
+ height: number;
16
+ prev: {
17
+ width: number;
18
+ height: number;
19
+ };
20
+ sizeChanged: boolean;
21
+ element: HTMLElement;
22
+ }
23
+ export interface HoldStartEvent<T extends Flicking = Flicking> extends ComponentEvent<{}, typeof EVENTS["HOLD_START"], T> {
24
+ axesEvent: OnHold;
25
+ }
26
+ export interface HoldEndEvent<T extends Flicking = Flicking> extends ComponentEvent<{}, typeof EVENTS["HOLD_END"], T> {
27
+ axesEvent: OnRelease;
28
+ }
29
+ export interface MoveStartEvent<T extends Flicking = Flicking> extends ComponentEvent<{}, typeof EVENTS["MOVE_START"], T> {
30
+ isTrusted: boolean;
31
+ holding: boolean;
32
+ direction: ValueOf<typeof DIRECTION>;
33
+ axesEvent: OnChange;
34
+ }
35
+ export interface MoveEvent<T extends Flicking = Flicking> extends ComponentEvent<{}, typeof EVENTS["MOVE"], T> {
36
+ isTrusted: boolean;
37
+ holding: boolean;
38
+ direction: ValueOf<typeof DIRECTION>;
39
+ axesEvent: OnChange;
40
+ }
41
+ export interface MoveEndEvent<T extends Flicking = Flicking> extends ComponentEvent<{}, typeof EVENTS["MOVE_END"], T> {
42
+ isTrusted: boolean;
43
+ direction: ValueOf<typeof DIRECTION>;
44
+ axesEvent: OnFinish;
45
+ }
46
+ export interface WillChangeEvent<T extends Flicking = Flicking> extends ComponentEvent<{}, typeof EVENTS["WILL_CHANGE"], T> {
47
+ index: number;
48
+ panel: Panel;
49
+ isTrusted: boolean;
50
+ direction: ValueOf<typeof DIRECTION>;
51
+ }
52
+ export interface ChangedEvent<T extends Flicking = Flicking> extends ComponentEvent<{}, typeof EVENTS["CHANGED"], T> {
53
+ index: number;
54
+ panel: Panel;
55
+ prevIndex: number;
56
+ prevPanel: Panel | null;
57
+ isTrusted: boolean;
58
+ direction: ValueOf<typeof DIRECTION>;
59
+ }
60
+ export interface WillRestoreEvent<T extends Flicking = Flicking> extends ComponentEvent<{}, typeof EVENTS["WILL_RESTORE"], T> {
61
+ index: number;
62
+ panel: Panel;
63
+ isTrusted: boolean;
64
+ direction: ValueOf<typeof DIRECTION>;
65
+ }
66
+ export interface RestoredEvent<T extends Flicking = Flicking> extends ComponentEvent<{}, typeof EVENTS["RESTORED"], T> {
67
+ isTrusted: boolean;
68
+ }
69
+ export interface SelectEvent<T extends Flicking = Flicking> extends ComponentEvent<{}, typeof EVENTS["SELECT"], T> {
70
+ index: number;
71
+ panel: Panel;
72
+ direction: ValueOf<typeof DIRECTION> | null;
73
+ }
74
+ export interface NeedPanelEvent<T extends Flicking = Flicking> extends ComponentEvent<{}, typeof EVENTS["NEED_PANEL"], T> {
75
+ direction: Exclude<ValueOf<typeof DIRECTION>, null>;
76
+ }
77
+ export interface VisibleChangeEvent<T extends Flicking = Flicking> extends ComponentEvent<{}, typeof EVENTS["VISIBLE_CHANGE"], T> {
78
+ added: Panel[];
79
+ removed: Panel[];
80
+ visiblePanels: Panel[];
81
+ }
82
+ export interface ReachEdgeEvent<T extends Flicking = Flicking> extends ComponentEvent<{}, typeof EVENTS["REACH_EDGE"], T> {
83
+ direction: ValueOf<typeof DIRECTION>;
84
+ }
85
+ export interface PanelChangeEvent<T extends Flicking = Flicking> extends ComponentEvent<{}, typeof EVENTS["PANEL_CHANGE"], T> {
86
+ added: Panel[];
87
+ removed: Panel[];
88
+ }
@@ -1,31 +1,31 @@
1
- import Flicking from "../Flicking";
2
- import { SnapControlOptions, FreeControlOptions, StrictControlOptions } from "../control";
3
- import { MOVE_TYPE } from "../const/external";
4
- import { ValueOf } from "../type/internal";
5
- export declare type ElementLike = string | HTMLElement;
6
- export interface Plugin {
7
- init(flicking: Flicking): void;
8
- destroy(): void;
9
- update(flicking: Flicking): void;
10
- }
11
- export interface Status {
12
- index?: number;
13
- position?: {
14
- panel: number;
15
- progressInPanel: number;
16
- };
17
- visibleOffset?: number;
18
- panels: Array<{
19
- index: number;
20
- html?: string;
21
- }>;
22
- }
23
- export declare type MoveTypeOptions<T extends ValueOf<typeof MOVE_TYPE>> = T extends typeof MOVE_TYPE.SNAP ? [T] | [T, Partial<SnapControlOptions>] : T extends typeof MOVE_TYPE.FREE_SCROLL ? [T] | [T, Partial<FreeControlOptions>] : T extends typeof MOVE_TYPE.STRICT ? [T] | [T, Partial<StrictControlOptions>] : [T];
24
- export interface ControlParams {
25
- range: {
26
- min: number;
27
- max: number;
28
- };
29
- position: number;
30
- circular: boolean;
31
- }
1
+ import Flicking from "../Flicking";
2
+ import { SnapControlOptions, FreeControlOptions, StrictControlOptions } from "../control";
3
+ import { MOVE_TYPE } from "../const/external";
4
+ import { ValueOf } from "../type/internal";
5
+ export declare type ElementLike = string | HTMLElement;
6
+ export interface Plugin {
7
+ init(flicking: Flicking): void;
8
+ destroy(): void;
9
+ update(flicking: Flicking): void;
10
+ }
11
+ export interface Status {
12
+ index?: number;
13
+ position?: {
14
+ panel: number;
15
+ progressInPanel: number;
16
+ };
17
+ visibleOffset?: number;
18
+ panels: Array<{
19
+ index: number;
20
+ html?: string;
21
+ }>;
22
+ }
23
+ export declare type MoveTypeOptions<T extends ValueOf<typeof MOVE_TYPE>> = T extends typeof MOVE_TYPE.SNAP ? [T] | [T, Partial<SnapControlOptions>] : T extends typeof MOVE_TYPE.FREE_SCROLL ? [T] | [T, Partial<FreeControlOptions>] : T extends typeof MOVE_TYPE.STRICT ? [T] | [T, Partial<StrictControlOptions>] : [T];
24
+ export interface ControlParams {
25
+ range: {
26
+ min: number;
27
+ max: number;
28
+ };
29
+ position: number;
30
+ circular: boolean;
31
+ }
@@ -1,13 +1,13 @@
1
- export declare type ValueOf<T> = T[keyof T];
2
- export declare type LiteralUnion<T extends U, U = string> = T | (Pick<U, never> & {
3
- _?: never;
4
- });
5
- export interface ArrayLike<T> {
6
- [index: number]: T;
7
- length: number;
8
- }
9
- export declare type Unique<T, U> = Pick<T, Exclude<keyof T, keyof U>>;
10
- export declare type MergeObject<T, U> = {
11
- [K in keyof T & keyof U]: T[K] extends Record<string, unknown> ? U[K] extends Record<string, unknown> ? Merged<T[K], U[K]> : T[K] : T[K];
12
- };
13
- export declare type Merged<From, To> = Unique<From, To> & Unique<To, From> & MergeObject<From, To>;
1
+ export declare type ValueOf<T> = T[keyof T];
2
+ export declare type LiteralUnion<T extends U, U = string> = T | (Pick<U, never> & {
3
+ _?: never;
4
+ });
5
+ export interface ArrayLike<T> {
6
+ [index: number]: T;
7
+ length: number;
8
+ }
9
+ export declare type Unique<T, U> = Pick<T, Exclude<keyof T, keyof U>>;
10
+ export declare type MergeObject<T, U> = {
11
+ [K in keyof T & keyof U]: T[K] extends Record<string, unknown> ? U[K] extends Record<string, unknown> ? Merged<T[K], U[K]> : T[K] : T[K];
12
+ };
13
+ export declare type Merged<From, To> = Unique<From, To> & Unique<To, From> & MergeObject<From, To>;
@@ -1,45 +1,45 @@
1
- import Flicking, { FlickingOptions } from "./Flicking";
2
- import { ALIGN, DIRECTION } from "./const/external";
3
- import { LiteralUnion, Merged, ValueOf } from "./type/internal";
4
- import { ElementLike } from "./type/external";
5
- export declare const merge: <From extends object, To extends object>(target: From, ...sources: To[]) => Merged<From, To>;
6
- export declare const getElement: (el: HTMLElement | string | null, parent?: HTMLElement) => HTMLElement;
7
- export declare const checkExistence: (value: any, nameOnErrMsg: string) => void;
8
- export declare const clamp: (x: number, min: number, max: number) => number;
9
- export declare const getFlickingAttached: (val: Flicking | null) => Flicking;
10
- export declare const toArray: <T>(iterable: ArrayLike<T>) => T[];
11
- export declare const parseAlign: (align: LiteralUnion<ValueOf<typeof ALIGN>> | number, size: number) => number;
12
- export declare const parseBounce: (bounce: FlickingOptions["bounce"], size: number) => number[];
13
- export declare const parseArithmeticSize: (cssValue: number | string, base: number) => number | null;
14
- export declare const parseArithmeticExpression: (cssValue: number | string) => {
15
- percentage: number;
16
- absolute: number;
17
- } | null;
18
- export declare const parseCSSSizeValue: (val: string | number) => string;
19
- export declare const parsePanelAlign: (align: FlickingOptions["align"]) => string | number;
20
- export declare const getDirection: (start: number, end: number) => ValueOf<typeof DIRECTION>;
21
- export declare const parseElement: (element: ElementLike | ElementLike[]) => HTMLElement[];
22
- export declare const getMinusCompensatedIndex: (idx: number, max: number) => number;
23
- export declare const includes: <T>(array: T[], target: any) => target is T;
24
- export declare const isString: (val: any) => val is string;
25
- export declare const circulatePosition: (pos: number, min: number, max: number) => number;
26
- export declare const find: <T>(array: T[], checker: (val: T) => boolean) => T;
27
- export declare const findRight: <T>(array: T[], checker: (val: T) => boolean) => T;
28
- export declare const findIndex: <T>(array: T[], checker: (val: T) => boolean) => number;
29
- export declare const getProgress: (pos: number, prev: number, next: number) => number;
30
- export declare const getStyle: (el: HTMLElement) => CSSStyleDeclaration;
31
- export declare const setSize: (el: HTMLElement, { width, height }: Partial<{
32
- width: number | string;
33
- height: number | string;
34
- }>) => void;
35
- export declare const isBetween: (val: number, min: number, max: number) => boolean;
36
- export declare const circulateIndex: (index: number, max: number) => number;
37
- export declare const range: (end: number) => number[];
38
- export declare const getElementSize: ({ el, horizontal, useFractionalSize, useOffset, style }: {
39
- el: HTMLElement;
40
- horizontal: boolean;
41
- useFractionalSize: boolean;
42
- useOffset: boolean;
43
- style: CSSStyleDeclaration;
44
- }) => number;
45
- export declare const setPrototypeOf: (o: any, proto: object) => any;
1
+ import Flicking, { FlickingOptions } from "./Flicking";
2
+ import { ALIGN, DIRECTION } from "./const/external";
3
+ import { LiteralUnion, Merged, ValueOf } from "./type/internal";
4
+ import { ElementLike } from "./type/external";
5
+ export declare const merge: <From extends object, To extends object>(target: From, ...sources: To[]) => Merged<From, To>;
6
+ export declare const getElement: (el: HTMLElement | string | null, parent?: HTMLElement) => HTMLElement;
7
+ export declare const checkExistence: (value: any, nameOnErrMsg: string) => void;
8
+ export declare const clamp: (x: number, min: number, max: number) => number;
9
+ export declare const getFlickingAttached: (val: Flicking | null) => Flicking;
10
+ export declare const toArray: <T>(iterable: ArrayLike<T>) => T[];
11
+ export declare const parseAlign: (align: LiteralUnion<ValueOf<typeof ALIGN>> | number, size: number) => number;
12
+ export declare const parseBounce: (bounce: FlickingOptions["bounce"], size: number) => number[];
13
+ export declare const parseArithmeticSize: (cssValue: number | string, base: number) => number | null;
14
+ export declare const parseArithmeticExpression: (cssValue: number | string) => {
15
+ percentage: number;
16
+ absolute: number;
17
+ } | null;
18
+ export declare const parseCSSSizeValue: (val: string | number) => string;
19
+ export declare const parsePanelAlign: (align: FlickingOptions["align"]) => string | number;
20
+ export declare const getDirection: (start: number, end: number) => ValueOf<typeof DIRECTION>;
21
+ export declare const parseElement: (element: ElementLike | ElementLike[]) => HTMLElement[];
22
+ export declare const getMinusCompensatedIndex: (idx: number, max: number) => number;
23
+ export declare const includes: <T>(array: T[], target: any) => target is T;
24
+ export declare const isString: (val: any) => val is string;
25
+ export declare const circulatePosition: (pos: number, min: number, max: number) => number;
26
+ export declare const find: <T>(array: T[], checker: (val: T) => boolean) => T;
27
+ export declare const findRight: <T>(array: T[], checker: (val: T) => boolean) => T;
28
+ export declare const findIndex: <T>(array: T[], checker: (val: T) => boolean) => number;
29
+ export declare const getProgress: (pos: number, prev: number, next: number) => number;
30
+ export declare const getStyle: (el: HTMLElement) => CSSStyleDeclaration;
31
+ export declare const setSize: (el: HTMLElement, { width, height }: Partial<{
32
+ width: number | string;
33
+ height: number | string;
34
+ }>) => void;
35
+ export declare const isBetween: (val: number, min: number, max: number) => boolean;
36
+ export declare const circulateIndex: (index: number, max: number) => number;
37
+ export declare const range: (end: number) => number[];
38
+ export declare const getElementSize: ({ el, horizontal, useFractionalSize, useOffset, style }: {
39
+ el: HTMLElement;
40
+ horizontal: boolean;
41
+ useFractionalSize: boolean;
42
+ useOffset: boolean;
43
+ style: CSSStyleDeclaration;
44
+ }) => number;
45
+ export declare const setPrototypeOf: (o: any, proto: object) => any;
@@ -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.3-beta.2
7
+ version: 4.11.0-snapshot
8
8
  */
9
9
  'use strict';
10
10
 
@@ -12,7 +12,7 @@ var Component = require('@egjs/component');
12
12
  var Axes = require('@egjs/axes');
13
13
  var ImReady = require('@egjs/imready');
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 @@ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
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, SuppressedError, Symbol */
29
+ /* global Reflect, Promise */
30
30
 
31
31
  var extendStatics = function (d, b) {
32
32
  extendStatics = Object.setPrototypeOf || {
@@ -111,7 +111,7 @@ function __generator(thisArg, body) {
111
111
  }
112
112
  function step(op) {
113
113
  if (f) throw new TypeError("Generator is already executing.");
114
- while (g && (g = 0, op[0] && (_ = 0)), _) try {
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 @@ function __spread() {
215
215
  for (var ar = [], i = 0; i < arguments.length; i++) ar = ar.concat(__read(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) 2015 NAVER Corp.
@@ -402,17 +398,6 @@ var CIRCULAR_FALLBACK = {
402
398
  LINEAR: "linear",
403
399
  BOUND: "bound"
404
400
  };
405
- /**
406
- * 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`)
407
- * @ko 카메라 엘리먼트(`.flicking-camera`)에 적용된 {@link https://developer.mozilla.org/en-US/docs/Web/CSS/direction direction} CSS 속성을 구분하기 위한 객체
408
- * @type {object}
409
- * @property {string} LTR "ltr"
410
- * @property {string} RTL "rtl"
411
- */
412
- var ORDER = {
413
- LTR: "ltr",
414
- RTL: "rtl"
415
- };
416
401
 
417
402
  // eslint-disable-next-line @typescript-eslint/ban-types
418
403
  var merge = function (target) {
@@ -706,22 +691,20 @@ var getElementSize = function (_a) {
706
691
  useFractionalSize = _a.useFractionalSize,
707
692
  useOffset = _a.useOffset,
708
693
  style = _a.style;
709
- var size = 0;
710
694
  if (useFractionalSize) {
711
- var baseSize = parseFloat(horizontal ? style.width : style.height) || 0;
695
+ var baseSize = parseFloat(horizontal ? style.width : style.height);
712
696
  var isBorderBoxSizing = style.boxSizing === "border-box";
713
697
  var border = horizontal ? parseFloat(style.borderLeftWidth || "0") + parseFloat(style.borderRightWidth || "0") : parseFloat(style.borderTopWidth || "0") + parseFloat(style.borderBottomWidth || "0");
714
698
  if (isBorderBoxSizing) {
715
- size = useOffset ? baseSize : baseSize - border;
699
+ return useOffset ? baseSize : baseSize - border;
716
700
  } else {
717
701
  var padding = horizontal ? parseFloat(style.paddingLeft || "0") + parseFloat(style.paddingRight || "0") : parseFloat(style.paddingTop || "0") + parseFloat(style.paddingBottom || "0");
718
- size = useOffset ? baseSize + padding + border : baseSize + padding;
702
+ return useOffset ? baseSize + padding + border : baseSize + padding;
719
703
  }
720
704
  } else {
721
705
  var sizeStr = horizontal ? "Width" : "Height";
722
- size = useOffset ? el["offset" + sizeStr] : el["client" + sizeStr];
706
+ return useOffset ? el["offset" + sizeStr] : el["client" + sizeStr];
723
707
  }
724
- return Math.max(size, 0);
725
708
  };
726
709
  var setPrototypeOf = Object.setPrototypeOf || function (obj, proto) {
727
710
  obj.__proto__ = proto;
@@ -2105,7 +2088,7 @@ var AxesController = /*#__PURE__*/function () {
2105
2088
  threshold: 1,
2106
2089
  iOSEdgeSwipeThreshold: flicking.iOSEdgeSwipeThreshold,
2107
2090
  preventDefaultOnDrag: flicking.preventDefaultOnDrag,
2108
- scale: flicking.horizontal ? [flicking.camera.panelOrder === ORDER.RTL ? 1 : -1, 0] : [0, -1],
2091
+ scale: flicking.horizontal ? [-1, 0] : [0, -1],
2109
2092
  releaseOnScroll: true
2110
2093
  });
2111
2094
  var axes = this._axes;
@@ -2330,7 +2313,7 @@ var AxesController = /*#__PURE__*/function () {
2330
2313
  var panInput = this._panInput;
2331
2314
  axes.disconnect(panInput);
2332
2315
  axes.connect(flicking.horizontal ? [POSITION_KEY, ""] : ["", POSITION_KEY], panInput);
2333
- panInput.options.scale = flicking.horizontal ? [flicking.camera.panelOrder === ORDER.RTL ? 1 : -1, 0] : [0, -1];
2316
+ panInput.options.scale = flicking.horizontal ? [-1, 0] : [0, -1];
2334
2317
  };
2335
2318
  __proto._resetInternalValues = function () {
2336
2319
  this._flicking = null;
@@ -2595,7 +2578,7 @@ var Control = /*#__PURE__*/function () {
2595
2578
  var position;
2596
2579
  return __generator(this, function (_c) {
2597
2580
  position = this._getPosition(panel, direction);
2598
- this._triggerIndexChangeEvent(panel, panel.position, axesEvent, direction);
2581
+ this._triggerIndexChangeEvent(panel, panel.position, axesEvent);
2599
2582
  return [2 /*return*/, this._animateToPosition({
2600
2583
  position: position,
2601
2584
  duration: duration,
@@ -2612,7 +2595,6 @@ var Control = /*#__PURE__*/function () {
2612
2595
  var _a;
2613
2596
  var flicking = getFlickingAttached(this._flicking);
2614
2597
  this._activePanel = newActivePanel;
2615
- this._nextPanel = null;
2616
2598
  flicking.camera.updateAdaptiveHeight();
2617
2599
  if (newActivePanel !== prevActivePanel) {
2618
2600
  flicking.trigger(new Component.ComponentEvent(EVENTS.CHANGED, {
@@ -2637,7 +2619,7 @@ var Control = /*#__PURE__*/function () {
2637
2619
  this._activePanel = control._activePanel;
2638
2620
  this._controller = control._controller;
2639
2621
  };
2640
- __proto._triggerIndexChangeEvent = function (panel, position, axesEvent, direction) {
2622
+ __proto._triggerIndexChangeEvent = function (panel, position, axesEvent) {
2641
2623
  var _a;
2642
2624
  var flicking = getFlickingAttached(this._flicking);
2643
2625
  var triggeringEvent = panel !== this._activePanel ? EVENTS.WILL_CHANGE : EVENTS.WILL_RESTORE;
@@ -2647,9 +2629,8 @@ var Control = /*#__PURE__*/function () {
2647
2629
  index: panel.index,
2648
2630
  panel: panel,
2649
2631
  isTrusted: (axesEvent === null || axesEvent === void 0 ? void 0 : axesEvent.isTrusted) || false,
2650
- direction: direction !== null && direction !== void 0 ? direction : getDirection((_a = activePanel === null || activePanel === void 0 ? void 0 : activePanel.position) !== null && _a !== void 0 ? _a : camera.position, position)
2632
+ direction: getDirection((_a = activePanel === null || activePanel === void 0 ? void 0 : activePanel.position) !== null && _a !== void 0 ? _a : camera.position, position)
2651
2633
  });
2652
- this._nextPanel = panel;
2653
2634
  flicking.trigger(event);
2654
2635
  if (event.isCanceled()) {
2655
2636
  throw new FlickingError(MESSAGE.STOP_CALLED_BY_USER, CODE.STOP_CALLED_BY_USER);
@@ -3237,20 +3218,19 @@ var StrictControl = /*#__PURE__*/function (_super) {
3237
3218
  * @return {Promise<void>} A Promise which will be resolved after reaching the target position<ko>해당 좌표 도달시에 resolve되는 Promise</ko>
3238
3219
  */
3239
3220
  __proto.moveToPosition = function (position, duration, axesEvent) {
3240
- var _a;
3241
3221
  var flicking = getFlickingAttached(this._flicking);
3242
3222
  var camera = flicking.camera;
3243
- var currentPanel = (_a = this._nextPanel) !== null && _a !== void 0 ? _a : this._activePanel;
3223
+ var activePanel = this._activePanel;
3244
3224
  var axesRange = this._controller.range;
3245
3225
  var indexRange = this._indexRange;
3246
3226
  var cameraRange = camera.range;
3247
3227
  var state = this._controller.state;
3248
3228
  var clampedPosition = clamp(camera.clampToReachablePosition(position), axesRange[0], axesRange[1]);
3249
3229
  var anchorAtPosition = camera.findAnchorIncludePosition(clampedPosition);
3250
- if (!anchorAtPosition || !currentPanel) {
3230
+ if (!anchorAtPosition || !activePanel) {
3251
3231
  return Promise.reject(new FlickingError(MESSAGE.POSITION_NOT_REACHABLE(position), CODE.POSITION_NOT_REACHABLE));
3252
3232
  }
3253
- var prevPos = currentPanel.position;
3233
+ var prevPos = activePanel.position;
3254
3234
  var posDelta = flicking.animating ? state.delta : position - camera.position;
3255
3235
  var isOverThreshold = Math.abs(posDelta) >= flicking.threshold;
3256
3236
  var adjacentAnchor = position > prevPos ? camera.getNextAnchor(anchorAtPosition) : camera.getPrevAnchor(anchorAtPosition);
@@ -3267,7 +3247,7 @@ var StrictControl = /*#__PURE__*/function (_super) {
3267
3247
  var targetAnchor = position < cameraRange.min ? firstAnchor : lastAnchor;
3268
3248
  targetPanel = targetAnchor.panel;
3269
3249
  targetPos = targetAnchor.position;
3270
- } else if (isOverThreshold && anchorAtPosition.position !== currentPanel.position) {
3250
+ } else if (isOverThreshold && anchorAtPosition.position !== activePanel.position) {
3271
3251
  // Move to anchor at position
3272
3252
  targetPanel = anchorAtPosition.panel;
3273
3253
  targetPos = anchorAtPosition.position;
@@ -4005,19 +3985,6 @@ var Camera = /*#__PURE__*/function () {
4005
3985
  enumerable: false,
4006
3986
  configurable: true
4007
3987
  });
4008
- Object.defineProperty(__proto, "panelOrder", {
4009
- /**
4010
- * {@link https://developer.mozilla.org/en-US/docs/Web/CSS/direction direction} CSS property applied to the camera element(`.flicking-camera`)
4011
- * @ko 카메라 엘리먼트(`.flicking-camera`)에 적용된 {@link https://developer.mozilla.org/en-US/docs/Web/CSS/direction direction} CSS 속성
4012
- * @type {string}
4013
- * @readonly
4014
- */
4015
- get: function () {
4016
- return this._panelOrder;
4017
- },
4018
- enumerable: false,
4019
- configurable: true
4020
- });
4021
3988
  Object.defineProperty(__proto, "align", {
4022
3989
  // Options Getter
4023
3990
  /**
@@ -4049,7 +4016,6 @@ var Camera = /*#__PURE__*/function () {
4049
4016
  this._el = viewportEl.firstElementChild;
4050
4017
  this._checkTranslateSupport();
4051
4018
  this._updateMode();
4052
- this.updatePanelOrder();
4053
4019
  return this;
4054
4020
  };
4055
4021
  /**
@@ -4292,24 +4258,6 @@ var Camera = /*#__PURE__*/function () {
4292
4258
  this.applyTransform();
4293
4259
  return this;
4294
4260
  };
4295
- /**
4296
- * Update direction to match the {@link https://developer.mozilla.org/en-US/docs/Web/CSS/direction direction} CSS property applied to the camera element
4297
- * @ko 카메라 엘리먼트에 적용된 {@link https://developer.mozilla.org/en-US/docs/Web/CSS/direction direction} CSS 속성에 맞게 방향을 업데이트합니다
4298
- * @return {this}
4299
- */
4300
- __proto.updatePanelOrder = function () {
4301
- var flicking = getFlickingAttached(this._flicking);
4302
- if (!flicking.horizontal) return this;
4303
- var el = this._el;
4304
- var direction = getStyle(el).direction;
4305
- if (direction !== this._panelOrder) {
4306
- this._panelOrder = direction === ORDER.RTL ? ORDER.RTL : ORDER.LTR;
4307
- if (flicking.initialized) {
4308
- flicking.control.controller.updateDirection();
4309
- }
4310
- }
4311
- return this;
4312
- };
4313
4261
  /**
4314
4262
  * Reset the history of {@link Flicking#event:needPanel needPanel} events so it can be triggered again
4315
4263
  * @ko 발생한 {@link Flicking#event:needPanel needPanel} 이벤트들을 초기화하여 다시 발생할 수 있도록 합니다
@@ -4334,7 +4282,7 @@ var Camera = /*#__PURE__*/function () {
4334
4282
  var renderer = flicking.renderer;
4335
4283
  if (renderer.rendering || !flicking.initialized) return this;
4336
4284
  var actualPosition = this._position - this._alignPos - this._offset + this._circularOffset;
4337
- el.style[this._transform] = flicking.horizontal ? "translate(" + (this._panelOrder === ORDER.RTL ? actualPosition : -actualPosition) + "px)" : "translate(0, " + -actualPosition + "px)";
4285
+ el.style[this._transform] = flicking.horizontal ? "translate(" + -actualPosition + "px)" : "translate(0, " + -actualPosition + "px)";
4338
4286
  return this;
4339
4287
  };
4340
4288
  __proto._resetInternalValues = function () {
@@ -7587,7 +7535,6 @@ var Flicking = /*#__PURE__*/function (_super) {
7587
7535
  camera.updateRange();
7588
7536
  camera.updateAnchors();
7589
7537
  camera.updateAdaptiveHeight();
7590
- camera.updatePanelOrder();
7591
7538
  camera.updateOffset();
7592
7539
  return [4 /*yield*/, renderer.render()];
7593
7540
  case 2:
@@ -7828,7 +7775,7 @@ var Flicking = /*#__PURE__*/function (_super) {
7828
7775
  * Flicking.VERSION; // ex) 4.0.0
7829
7776
  * ```
7830
7777
  */
7831
- Flicking.VERSION = "4.11.3-beta.2";
7778
+ Flicking.VERSION = "4.11.0-snapshot";
7832
7779
  return Flicking;
7833
7780
  }(Component);
7834
7781
 
@@ -8085,7 +8032,6 @@ var modules = {
8085
8032
  MOVE_TYPE: MOVE_TYPE,
8086
8033
  CLASS: CLASS,
8087
8034
  CIRCULAR_FALLBACK: CIRCULAR_FALLBACK,
8088
- ORDER: ORDER,
8089
8035
  withFlickingMethods: withFlickingMethods,
8090
8036
  sync: sync,
8091
8037
  getRenderingPanels: getRenderingPanels,
@@ -8153,7 +8099,6 @@ exports.IdleState = IdleState;
8153
8099
  exports.LinearCameraMode = LinearCameraMode;
8154
8100
  exports.MOVE_TYPE = MOVE_TYPE;
8155
8101
  exports.NormalRenderingStrategy = NormalRenderingStrategy;
8156
- exports.ORDER = ORDER;
8157
8102
  exports.Panel = Panel;
8158
8103
  exports.Renderer = Renderer;
8159
8104
  exports.SnapControl = SnapControl;