@egjs/flicking 4.12.0-beta.2 → 4.12.0-beta.4

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 (77) hide show
  1. package/declaration/Flicking.d.ts +244 -244
  2. package/declaration/camera/Camera.d.ts +90 -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 +48 -54
  17. package/declaration/control/AxesController.d.ts +44 -44
  18. package/declaration/control/Control.d.ts +45 -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 -14
  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 +14 -254
  60. package/dist/flicking.cjs.js.map +1 -1
  61. package/dist/flicking.esm.js +15 -251
  62. package/dist/flicking.esm.js.map +1 -1
  63. package/dist/flicking.js +14 -257
  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 +772 -1022
  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 +2 -2
  72. package/src/camera/Camera.ts +9 -0
  73. package/src/const/external.ts +0 -14
  74. package/src/index.ts +0 -2
  75. package/src/index.umd.ts +0 -2
  76. package/declaration/CrossFlicking.d.ts +0 -34
  77. package/src/CrossFlicking.ts +0 -296
@@ -1,59 +1,59 @@
1
- import Flicking, { FlickingOptions } from "../Flicking";
2
- import Panel, { PanelOptions } from "../core/panel/Panel";
3
- import RenderingStrategy from "./strategy/RenderingStrategy";
4
- export interface RendererOptions {
5
- align?: FlickingOptions["align"];
6
- strategy: RenderingStrategy;
7
- }
8
- declare abstract class Renderer {
9
- protected _flicking: Flicking | null;
10
- protected _panels: Panel[];
11
- protected _rendering: boolean;
12
- protected _align: NonNullable<RendererOptions["align"]>;
13
- protected _strategy: RendererOptions["strategy"];
14
- get panels(): Panel[];
15
- get rendering(): boolean;
16
- get panelCount(): number;
17
- get strategy(): RenderingStrategy;
18
- get align(): NonNullable<RendererOptions["align"]>;
19
- set align(val: NonNullable<RendererOptions["align"]>);
20
- constructor({ align, strategy }: RendererOptions);
21
- abstract render(): Promise<void>;
22
- protected abstract _collectPanels(): void;
23
- protected abstract _createPanel(el: any, options: Omit<PanelOptions, "elementProvider">): Panel;
24
- init(flicking: Flicking): this;
25
- destroy(): void;
26
- getPanel(index: number): Panel | null;
27
- forceRenderAllPanels(): Promise<void>;
28
- updatePanelSize(): this;
29
- batchInsert(...items: Array<{
30
- index: number;
31
- elements: any[];
32
- hasDOMInElements: boolean;
33
- }>): Panel[];
34
- batchInsertDefer(...items: Array<{
35
- index: number;
36
- elements: any[];
37
- hasDOMInElements: boolean;
38
- }>): any[];
39
- batchRemove(...items: Array<{
40
- index: number;
41
- deleteCount: number;
42
- hasDOMInElements: boolean;
43
- }>): Panel[];
44
- batchRemoveDefer(...items: Array<{
45
- index: number;
46
- deleteCount: number;
47
- hasDOMInElements: boolean;
48
- }>): any[];
49
- updateAfterPanelChange(panelsAdded: Panel[], panelsRemoved: Panel[]): void;
50
- checkPanelContentsReady(checkingPanels: Panel[]): void;
51
- protected _updateCameraAndControl(): void;
52
- protected _showOnlyVisiblePanels(flicking: Flicking): void;
53
- protected _updatePanelSizeByGrid(referencePanel: Panel, panels: Panel[]): void;
54
- protected _removeAllChildsFromCamera(): void;
55
- protected _insertPanelElements(panels: Panel[], nextSibling?: Panel | null): void;
56
- protected _removePanelElements(panels: Panel[]): void;
57
- protected _afterRender(): void;
58
- }
59
- export default Renderer;
1
+ import Flicking, { FlickingOptions } from "../Flicking";
2
+ import Panel, { PanelOptions } from "../core/panel/Panel";
3
+ import RenderingStrategy from "./strategy/RenderingStrategy";
4
+ export interface RendererOptions {
5
+ align?: FlickingOptions["align"];
6
+ strategy: RenderingStrategy;
7
+ }
8
+ declare abstract class Renderer {
9
+ protected _flicking: Flicking | null;
10
+ protected _panels: Panel[];
11
+ protected _rendering: boolean;
12
+ protected _align: NonNullable<RendererOptions["align"]>;
13
+ protected _strategy: RendererOptions["strategy"];
14
+ get panels(): Panel[];
15
+ get rendering(): boolean;
16
+ get panelCount(): number;
17
+ get strategy(): RenderingStrategy;
18
+ get align(): NonNullable<RendererOptions["align"]>;
19
+ set align(val: NonNullable<RendererOptions["align"]>);
20
+ constructor({ align, strategy }: RendererOptions);
21
+ abstract render(): Promise<void>;
22
+ protected abstract _collectPanels(): void;
23
+ protected abstract _createPanel(el: any, options: Omit<PanelOptions, "elementProvider">): Panel;
24
+ init(flicking: Flicking): this;
25
+ destroy(): void;
26
+ getPanel(index: number): Panel | null;
27
+ forceRenderAllPanels(): Promise<void>;
28
+ updatePanelSize(): this;
29
+ batchInsert(...items: Array<{
30
+ index: number;
31
+ elements: any[];
32
+ hasDOMInElements: boolean;
33
+ }>): Panel[];
34
+ batchInsertDefer(...items: Array<{
35
+ index: number;
36
+ elements: any[];
37
+ hasDOMInElements: boolean;
38
+ }>): any[];
39
+ batchRemove(...items: Array<{
40
+ index: number;
41
+ deleteCount: number;
42
+ hasDOMInElements: boolean;
43
+ }>): Panel[];
44
+ batchRemoveDefer(...items: Array<{
45
+ index: number;
46
+ deleteCount: number;
47
+ hasDOMInElements: boolean;
48
+ }>): any[];
49
+ updateAfterPanelChange(panelsAdded: Panel[], panelsRemoved: Panel[]): void;
50
+ checkPanelContentsReady(checkingPanels: Panel[]): void;
51
+ protected _updateCameraAndControl(): void;
52
+ protected _showOnlyVisiblePanels(flicking: Flicking): void;
53
+ protected _updatePanelSizeByGrid(referencePanel: Panel, panels: Panel[]): void;
54
+ protected _removeAllChildsFromCamera(): void;
55
+ protected _insertPanelElements(panels: Panel[], nextSibling?: Panel | null): void;
56
+ protected _removePanelElements(panels: Panel[]): void;
57
+ protected _afterRender(): void;
58
+ }
59
+ export default Renderer;
@@ -1,10 +1,10 @@
1
- import Panel, { PanelOptions } from "../core/panel/Panel";
2
- import Renderer from "./Renderer";
3
- declare class VanillaRenderer extends Renderer {
4
- render(): Promise<void>;
5
- protected _collectPanels(): void;
6
- protected _createPanel(el: HTMLElement, options: Omit<PanelOptions, "elementProvider">): Panel;
7
- private _resetPanelElementOrder;
8
- private _removeAllTextNodes;
9
- }
10
- export default VanillaRenderer;
1
+ import Panel, { PanelOptions } from "../core/panel/Panel";
2
+ import Renderer from "./Renderer";
3
+ declare class VanillaRenderer extends Renderer {
4
+ render(): Promise<void>;
5
+ protected _collectPanels(): void;
6
+ protected _createPanel(el: HTMLElement, options: Omit<PanelOptions, "elementProvider">): Panel;
7
+ private _resetPanelElementOrder;
8
+ private _removeAllTextNodes;
9
+ }
10
+ export default VanillaRenderer;
@@ -1,6 +1,6 @@
1
- import Renderer, { RendererOptions } from "./Renderer";
2
- import VanillaRenderer from "./VanillaRenderer";
3
- import ExternalRenderer from "./ExternalRenderer";
4
- export * from "./strategy";
5
- export { Renderer, VanillaRenderer, ExternalRenderer };
6
- export type { RendererOptions };
1
+ import Renderer, { RendererOptions } from "./Renderer";
2
+ import VanillaRenderer from "./VanillaRenderer";
3
+ import ExternalRenderer from "./ExternalRenderer";
4
+ export * from "./strategy";
5
+ export { Renderer, VanillaRenderer, ExternalRenderer };
6
+ export type { RendererOptions };
@@ -1,23 +1,23 @@
1
- import Flicking from "../../Flicking";
2
- import Panel, { PanelOptions } from "../../core/panel/Panel";
3
- import ElementProvider from "../../core/panel/provider/ElementProvider";
4
- import RenderingStrategy from "./RenderingStrategy";
5
- export interface NormalRenderingStrategyOptions {
6
- providerCtor: new (...args: any) => ElementProvider;
7
- }
8
- declare class NormalRenderingStrategy implements RenderingStrategy {
9
- private _providerCtor;
10
- constructor({ providerCtor }: NormalRenderingStrategyOptions);
11
- renderPanels(): void;
12
- getRenderingIndexesByOrder(flicking: Flicking): number[];
13
- getRenderingElementsByOrder(flicking: Flicking): HTMLElement[];
14
- updateRenderingPanels(flicking: Flicking): void;
15
- collectPanels(flicking: Flicking, elements: any[]): Panel[];
16
- createPanel(element: any, options: Omit<PanelOptions, "elementProvider">): Panel;
17
- updatePanelSizes(flicking: Flicking, size: Partial<{
18
- width: number | string;
19
- height: number | string;
20
- }>): void;
21
- private _showOnlyVisiblePanels;
22
- }
23
- export default NormalRenderingStrategy;
1
+ import Flicking from "../../Flicking";
2
+ import Panel, { PanelOptions } from "../../core/panel/Panel";
3
+ import ElementProvider from "../../core/panel/provider/ElementProvider";
4
+ import RenderingStrategy from "./RenderingStrategy";
5
+ export interface NormalRenderingStrategyOptions {
6
+ providerCtor: new (...args: any) => ElementProvider;
7
+ }
8
+ declare class NormalRenderingStrategy implements RenderingStrategy {
9
+ private _providerCtor;
10
+ constructor({ providerCtor }: NormalRenderingStrategyOptions);
11
+ renderPanels(): void;
12
+ getRenderingIndexesByOrder(flicking: Flicking): number[];
13
+ getRenderingElementsByOrder(flicking: Flicking): HTMLElement[];
14
+ updateRenderingPanels(flicking: Flicking): void;
15
+ collectPanels(flicking: Flicking, elements: any[]): Panel[];
16
+ createPanel(element: any, options: Omit<PanelOptions, "elementProvider">): Panel;
17
+ updatePanelSizes(flicking: Flicking, size: Partial<{
18
+ width: number | string;
19
+ height: number | string;
20
+ }>): void;
21
+ private _showOnlyVisiblePanels;
22
+ }
23
+ export default NormalRenderingStrategy;
@@ -1,15 +1,15 @@
1
- import Flicking from "../../Flicking";
2
- import Panel, { PanelOptions } from "../../core/panel/Panel";
3
- interface RenderingStrategy {
4
- renderPanels(flicking: Flicking): void;
5
- getRenderingIndexesByOrder(flicking: Flicking): number[];
6
- getRenderingElementsByOrder(flicking: Flicking): HTMLElement[];
7
- updateRenderingPanels(flicking: Flicking): void;
8
- createPanel(element: any, options: Omit<PanelOptions, "elementProvider">): Panel;
9
- collectPanels(flicking: Flicking, elements: any[]): Panel[];
10
- updatePanelSizes(flicking: Flicking, size: Partial<{
11
- width: number | string;
12
- height: number | string;
13
- }>): void;
14
- }
15
- export default RenderingStrategy;
1
+ import Flicking from "../../Flicking";
2
+ import Panel, { PanelOptions } from "../../core/panel/Panel";
3
+ interface RenderingStrategy {
4
+ renderPanels(flicking: Flicking): void;
5
+ getRenderingIndexesByOrder(flicking: Flicking): number[];
6
+ getRenderingElementsByOrder(flicking: Flicking): HTMLElement[];
7
+ updateRenderingPanels(flicking: Flicking): void;
8
+ createPanel(element: any, options: Omit<PanelOptions, "elementProvider">): Panel;
9
+ collectPanels(flicking: Flicking, elements: any[]): Panel[];
10
+ updatePanelSizes(flicking: Flicking, size: Partial<{
11
+ width: number | string;
12
+ height: number | string;
13
+ }>): void;
14
+ }
15
+ export default RenderingStrategy;
@@ -1,17 +1,17 @@
1
- import Flicking from "../../Flicking";
2
- import { PanelOptions } from "../../core/panel/Panel";
3
- import VirtualPanel from "../../core/panel/VirtualPanel";
4
- import RenderingStrategy from "./RenderingStrategy";
5
- declare class VirtualRenderingStrategy implements RenderingStrategy {
6
- renderPanels(flicking: Flicking): void;
7
- getRenderingIndexesByOrder(flicking: Flicking): number[];
8
- getRenderingElementsByOrder(flicking: Flicking): HTMLElement[];
9
- updateRenderingPanels(flicking: Flicking): void;
10
- collectPanels(flicking: Flicking): VirtualPanel[];
11
- createPanel(_el: any, options: PanelOptions): VirtualPanel;
12
- updatePanelSizes(flicking: Flicking, size: Partial<{
13
- width: number | string;
14
- height: number | string;
15
- }>): void;
16
- }
17
- export default VirtualRenderingStrategy;
1
+ import Flicking from "../../Flicking";
2
+ import { PanelOptions } from "../../core/panel/Panel";
3
+ import VirtualPanel from "../../core/panel/VirtualPanel";
4
+ import RenderingStrategy from "./RenderingStrategy";
5
+ declare class VirtualRenderingStrategy implements RenderingStrategy {
6
+ renderPanels(flicking: Flicking): void;
7
+ getRenderingIndexesByOrder(flicking: Flicking): number[];
8
+ getRenderingElementsByOrder(flicking: Flicking): HTMLElement[];
9
+ updateRenderingPanels(flicking: Flicking): void;
10
+ collectPanels(flicking: Flicking): VirtualPanel[];
11
+ createPanel(_el: any, options: PanelOptions): VirtualPanel;
12
+ updatePanelSizes(flicking: Flicking, size: Partial<{
13
+ width: number | string;
14
+ height: number | string;
15
+ }>): void;
16
+ }
17
+ export default VirtualRenderingStrategy;
@@ -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;