@wix/interact 1.92.0 → 2.0.0-rc.2

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 (179) hide show
  1. package/dist/cjs/index.js +2 -23
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/cjs/react.js +15 -0
  4. package/dist/cjs/react.js.map +1 -0
  5. package/dist/cjs/web.js +2 -0
  6. package/dist/cjs/web.js.map +1 -0
  7. package/dist/es/index.js +8 -0
  8. package/dist/es/index.js.map +1 -0
  9. package/dist/es/react.js +650 -0
  10. package/dist/es/react.js.map +1 -0
  11. package/dist/es/web.js +56 -0
  12. package/dist/es/web.js.map +1 -0
  13. package/dist/index-C8QxOkui.mjs +7940 -0
  14. package/dist/index-C8QxOkui.mjs.map +1 -0
  15. package/dist/index-DEPRHaUt.js +18 -0
  16. package/dist/index-DEPRHaUt.js.map +1 -0
  17. package/dist/tsconfig.build.tsbuildinfo +1 -0
  18. package/dist/types/core/Interact.d.ts +17 -7
  19. package/dist/types/core/Interact.d.ts.map +1 -0
  20. package/dist/types/core/InteractionController.d.ts +19 -0
  21. package/dist/types/core/InteractionController.d.ts.map +1 -0
  22. package/dist/types/core/add.d.ts +4 -3
  23. package/dist/types/core/add.d.ts.map +1 -0
  24. package/dist/types/core/css.d.ts +3 -0
  25. package/dist/types/core/css.d.ts.map +1 -0
  26. package/dist/types/core/remove.d.ts +3 -1
  27. package/dist/types/core/remove.d.ts.map +1 -0
  28. package/dist/types/core/utilities.d.ts +1 -0
  29. package/dist/types/core/utilities.d.ts.map +1 -0
  30. package/dist/types/dom/api.d.ts +3 -0
  31. package/dist/types/dom/api.d.ts.map +1 -0
  32. package/dist/types/handlers/animationEnd.d.ts +3 -2
  33. package/dist/types/handlers/animationEnd.d.ts.map +1 -0
  34. package/dist/types/handlers/click.d.ts +3 -2
  35. package/dist/types/handlers/click.d.ts.map +1 -0
  36. package/dist/types/handlers/hover.d.ts +3 -2
  37. package/dist/types/handlers/hover.d.ts.map +1 -0
  38. package/dist/types/handlers/index.d.ts +1 -0
  39. package/dist/types/handlers/index.d.ts.map +1 -0
  40. package/dist/types/handlers/pointerMove.d.ts +3 -2
  41. package/dist/types/handlers/pointerMove.d.ts.map +1 -0
  42. package/dist/types/handlers/utilities.d.ts +1 -0
  43. package/dist/types/handlers/utilities.d.ts.map +1 -0
  44. package/dist/types/handlers/viewEnter.d.ts +3 -2
  45. package/dist/types/handlers/viewEnter.d.ts.map +1 -0
  46. package/dist/types/handlers/viewProgress.d.ts +4 -3
  47. package/dist/types/handlers/viewProgress.d.ts.map +1 -0
  48. package/dist/types/index.d.ts +3 -2
  49. package/dist/types/index.d.ts.map +1 -0
  50. package/dist/types/react/Interaction.d.ts +10 -0
  51. package/dist/types/react/Interaction.d.ts.map +1 -0
  52. package/dist/types/react/index.d.ts +8 -0
  53. package/dist/types/react/index.d.ts.map +1 -0
  54. package/dist/types/react/interactRef.d.ts +3 -0
  55. package/dist/types/react/interactRef.d.ts.map +1 -0
  56. package/dist/types/types.d.ts +25 -10
  57. package/dist/types/types.d.ts.map +1 -0
  58. package/dist/types/utils.d.ts +4 -2
  59. package/dist/types/utils.d.ts.map +1 -0
  60. package/dist/types/{InteractElement.d.ts → web/InteractElement.d.ts} +115 -77
  61. package/dist/types/web/InteractElement.d.ts.map +1 -0
  62. package/dist/types/web/defineInteractElement.d.ts +2 -0
  63. package/dist/types/web/defineInteractElement.d.ts.map +1 -0
  64. package/dist/types/web/index.d.ts +6 -0
  65. package/dist/types/web/index.d.ts.map +1 -0
  66. package/docs/README.md +211 -0
  67. package/docs/advanced/README.md +164 -0
  68. package/docs/api/README.md +157 -0
  69. package/docs/api/element-selection.md +607 -0
  70. package/docs/api/functions.md +638 -0
  71. package/docs/api/interact-class.md +663 -0
  72. package/docs/api/interact-element.md +565 -0
  73. package/docs/api/interaction-controller.md +450 -0
  74. package/docs/api/types.md +957 -0
  75. package/docs/examples/README.md +212 -0
  76. package/docs/examples/click-interactions.md +977 -0
  77. package/docs/examples/entrance-animations.md +935 -0
  78. package/docs/examples/hover-effects.md +930 -0
  79. package/docs/examples/list-patterns.md +737 -0
  80. package/docs/guides/README.md +49 -0
  81. package/docs/guides/conditions-and-media-queries.md +1068 -0
  82. package/docs/guides/configuration-structure.md +726 -0
  83. package/docs/guides/custom-elements.md +327 -0
  84. package/docs/guides/effects-and-animations.md +634 -0
  85. package/docs/guides/getting-started.md +379 -0
  86. package/docs/guides/lists-and-dynamic-content.md +713 -0
  87. package/docs/guides/state-management.md +747 -0
  88. package/docs/guides/understanding-triggers.md +690 -0
  89. package/docs/integration/README.md +264 -0
  90. package/docs/integration/react.md +605 -0
  91. package/package.json +73 -56
  92. package/rules/Integration.md +255 -0
  93. package/rules/click-rules.md +533 -0
  94. package/rules/full-lean.md +346 -0
  95. package/rules/hover-rules.md +593 -0
  96. package/rules/pointermove-rules.md +1341 -0
  97. package/rules/scroll-list-rules.md +900 -0
  98. package/rules/viewenter-rules.md +1015 -0
  99. package/rules/viewprogress-rules.md +1044 -0
  100. package/dist/cjs/InteractElement.js +0 -162
  101. package/dist/cjs/InteractElement.js.map +0 -1
  102. package/dist/cjs/__tests__/interact.spec.js +0 -1930
  103. package/dist/cjs/__tests__/interact.spec.js.map +0 -1
  104. package/dist/cjs/__tests__/viewEnter.spec.js +0 -207
  105. package/dist/cjs/__tests__/viewEnter.spec.js.map +0 -1
  106. package/dist/cjs/core/Interact.js +0 -257
  107. package/dist/cjs/core/Interact.js.map +0 -1
  108. package/dist/cjs/core/add.js +0 -246
  109. package/dist/cjs/core/add.js.map +0 -1
  110. package/dist/cjs/core/remove.js +0 -35
  111. package/dist/cjs/core/remove.js.map +0 -1
  112. package/dist/cjs/core/utilities.js +0 -16
  113. package/dist/cjs/core/utilities.js.map +0 -1
  114. package/dist/cjs/external-types.d.js +0 -2
  115. package/dist/cjs/external-types.d.js.map +0 -1
  116. package/dist/cjs/handlers/animationEnd.js +0 -33
  117. package/dist/cjs/handlers/animationEnd.js.map +0 -1
  118. package/dist/cjs/handlers/click.js +0 -116
  119. package/dist/cjs/handlers/click.js.map +0 -1
  120. package/dist/cjs/handlers/hover.js +0 -141
  121. package/dist/cjs/handlers/hover.js.map +0 -1
  122. package/dist/cjs/handlers/index.js +0 -32
  123. package/dist/cjs/handlers/index.js.map +0 -1
  124. package/dist/cjs/handlers/pointerMove.js +0 -49
  125. package/dist/cjs/handlers/pointerMove.js.map +0 -1
  126. package/dist/cjs/handlers/utilities.js +0 -49
  127. package/dist/cjs/handlers/utilities.js.map +0 -1
  128. package/dist/cjs/handlers/viewEnter.js +0 -127
  129. package/dist/cjs/handlers/viewEnter.js.map +0 -1
  130. package/dist/cjs/handlers/viewProgress.js +0 -65
  131. package/dist/cjs/handlers/viewProgress.js.map +0 -1
  132. package/dist/cjs/test-types.d.js +0 -2
  133. package/dist/cjs/test-types.d.js.map +0 -1
  134. package/dist/cjs/types.js +0 -2
  135. package/dist/cjs/types.js.map +0 -1
  136. package/dist/cjs/utils.js +0 -68
  137. package/dist/cjs/utils.js.map +0 -1
  138. package/dist/esm/InteractElement.js +0 -156
  139. package/dist/esm/InteractElement.js.map +0 -1
  140. package/dist/esm/__tests__/interact.spec.js +0 -1937
  141. package/dist/esm/__tests__/interact.spec.js.map +0 -1
  142. package/dist/esm/__tests__/viewEnter.spec.js +0 -210
  143. package/dist/esm/__tests__/viewEnter.spec.js.map +0 -1
  144. package/dist/esm/core/Interact.js +0 -251
  145. package/dist/esm/core/Interact.js.map +0 -1
  146. package/dist/esm/core/add.js +0 -241
  147. package/dist/esm/core/add.js.map +0 -1
  148. package/dist/esm/core/remove.js +0 -30
  149. package/dist/esm/core/remove.js.map +0 -1
  150. package/dist/esm/core/utilities.js +0 -14
  151. package/dist/esm/core/utilities.js.map +0 -1
  152. package/dist/esm/external-types.d.js +0 -2
  153. package/dist/esm/external-types.d.js.map +0 -1
  154. package/dist/esm/handlers/animationEnd.js +0 -29
  155. package/dist/esm/handlers/animationEnd.js.map +0 -1
  156. package/dist/esm/handlers/click.js +0 -116
  157. package/dist/esm/handlers/click.js.map +0 -1
  158. package/dist/esm/handlers/hover.js +0 -141
  159. package/dist/esm/handlers/hover.js.map +0 -1
  160. package/dist/esm/handlers/index.js +0 -27
  161. package/dist/esm/handlers/index.js.map +0 -1
  162. package/dist/esm/handlers/pointerMove.js +0 -48
  163. package/dist/esm/handlers/pointerMove.js.map +0 -1
  164. package/dist/esm/handlers/utilities.js +0 -43
  165. package/dist/esm/handlers/utilities.js.map +0 -1
  166. package/dist/esm/handlers/viewEnter.js +0 -129
  167. package/dist/esm/handlers/viewEnter.js.map +0 -1
  168. package/dist/esm/handlers/viewProgress.js +0 -61
  169. package/dist/esm/handlers/viewProgress.js.map +0 -1
  170. package/dist/esm/index.js +0 -5
  171. package/dist/esm/index.js.map +0 -1
  172. package/dist/esm/test-types.d.js +0 -2
  173. package/dist/esm/test-types.d.js.map +0 -1
  174. package/dist/esm/types.js +0 -2
  175. package/dist/esm/types.js.map +0 -1
  176. package/dist/esm/utils.js +0 -63
  177. package/dist/esm/utils.js.map +0 -1
  178. package/dist/types/__tests__/interact.spec.d.ts +0 -1
  179. package/dist/types/__tests__/viewEnter.spec.d.ts +0 -0
@@ -1,251 +0,0 @@
1
- import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
- var _Interact;
3
- import { getInterpolatedKey } from './utilities';
4
- import { getInteractElement } from '../InteractElement';
5
- import { generateId } from '../utils';
6
- import TRIGGER_TO_HANDLER_MODULE_MAP from '../handlers';
7
- function registerInteractElement() {
8
- if (!customElements.get('interact-element')) {
9
- const interactElement = getInteractElement();
10
- customElements.define('interact-element', interactElement);
11
- return true;
12
- }
13
- return false;
14
- }
15
- function _convertToKeyTemplate(key) {
16
- return key.replace(/\[([-\w]+)]/g, '[]');
17
- }
18
- export class Interact {
19
- constructor() {
20
- _defineProperty(this, "dataCache", void 0);
21
- _defineProperty(this, "addedInteractions", void 0);
22
- _defineProperty(this, "listInteractionsCache", void 0);
23
- _defineProperty(this, "elements", void 0);
24
- this.dataCache = {
25
- effects: {},
26
- conditions: {},
27
- interactions: {}
28
- };
29
- this.addedInteractions = {};
30
- this.listInteractionsCache = {};
31
- this.elements = new Set();
32
- }
33
- init(config) {
34
- if (typeof window === 'undefined' || !window.customElements) {
35
- return;
36
- }
37
- this.dataCache = parseConfig(config);
38
- const didRegister = registerInteractElement();
39
- if (!didRegister) {
40
- Interact.elementCache.forEach((element, key) => element.connect(key));
41
- }
42
- }
43
- destroy() {
44
- for (const element of this.elements) {
45
- element.disconnect();
46
- }
47
- this.addedInteractions = {};
48
- this.listInteractionsCache = {};
49
- this.elements.clear();
50
- this.dataCache = {
51
- effects: {},
52
- conditions: {},
53
- interactions: {}
54
- };
55
- Interact.instances.splice(Interact.instances.indexOf(this), 1);
56
- }
57
- setElement(key, element) {
58
- this.elements.add(element);
59
- Interact.setElement(key, element);
60
- }
61
- deleteElement(key) {
62
- const element = Interact.elementCache.get(key);
63
- this.clearInteractionStateForKey(key);
64
- if (element) {
65
- this.elements.delete(element);
66
- Interact.elementCache.delete(key);
67
- }
68
- }
69
- has(key) {
70
- return !!this.get(key);
71
- }
72
- get(key) {
73
- const processedKey = _convertToKeyTemplate(key);
74
- return this.dataCache.interactions[processedKey];
75
- }
76
- clearInteractionStateForKey(key) {
77
- var _this$get;
78
- const interactionIds = ((_this$get = this.get(key)) == null ? void 0 : _this$get.interactionIds) || [];
79
- interactionIds.forEach(interactionId_ => {
80
- const interactionId = getInterpolatedKey(interactionId_, key);
81
- // eslint-disable-next-line @typescript-eslint/no-dynamic-delete
82
- delete this.addedInteractions[interactionId];
83
- });
84
- }
85
- static create(config) {
86
- const instance = new Interact();
87
- Interact.instances.push(instance);
88
- instance.init(config);
89
- return instance;
90
- }
91
- static destroy() {
92
- Interact.elementCache.forEach(element => {
93
- element.disconnect();
94
- });
95
- Interact.instances.length = 0;
96
- Interact.elementCache.clear();
97
- }
98
- static setup(options) {
99
- if (options.scrollOptionsGetter) {
100
- TRIGGER_TO_HANDLER_MODULE_MAP.viewProgress.registerOptionsGetter == null || TRIGGER_TO_HANDLER_MODULE_MAP.viewProgress.registerOptionsGetter(options.scrollOptionsGetter);
101
- }
102
- if (options.pointerOptionsGetter) {
103
- TRIGGER_TO_HANDLER_MODULE_MAP.pointerMove.registerOptionsGetter == null || TRIGGER_TO_HANDLER_MODULE_MAP.pointerMove.registerOptionsGetter(options.pointerOptionsGetter);
104
- }
105
- if (options.viewEnter) {
106
- TRIGGER_TO_HANDLER_MODULE_MAP.viewEnter.setOptions(options.viewEnter);
107
- }
108
- if (options.allowA11yTriggers !== undefined) {
109
- Interact.allowA11yTriggers = options.allowA11yTriggers;
110
- }
111
- }
112
- static getInstance(key) {
113
- return Interact.instances.find(instance => instance.has(key));
114
- }
115
- static getElement(key) {
116
- return key ? Interact.elementCache.get(key) : undefined;
117
- }
118
- static setElement(key, element) {
119
- Interact.elementCache.set(key, element);
120
- }
121
- }
122
- _Interact = Interact;
123
- _defineProperty(Interact, "forceReducedMotion", false);
124
- _defineProperty(Interact, "allowA11yTriggers", true);
125
- _defineProperty(Interact, "instances", []);
126
- _defineProperty(Interact, "elementCache", new Map());
127
- let interactionIdCounter = 0;
128
- export function getSelector(d, _temp) {
129
- let {
130
- asCombinator = false,
131
- addItemFilter = false
132
- } = _temp === void 0 ? {} : _temp;
133
- if (d.listContainer) {
134
- const itemFilter = `${addItemFilter && d.listItemSelector ? ` > ${d.listItemSelector}` : ''}`;
135
- if (d.selector) {
136
- return `${d.listContainer}${itemFilter} ${d.selector}`;
137
- }
138
- return `${d.listContainer}${itemFilter || ' > *'}`;
139
- } else if (d.selector) {
140
- return d.selector;
141
- }
142
-
143
- // TODO: consider moving :scope to be configurable since it may lead to unexpected results in some cases
144
- return asCombinator ? '> :first-child' : ':scope > :first-child';
145
- }
146
-
147
- /**
148
- * Parses the config object and caches interactions, effects, and conditions
149
- */
150
- function parseConfig(config) {
151
- var _config$interactions;
152
- const conditions = config.conditions || {};
153
- const interactions = {};
154
- (_config$interactions = config.interactions) == null || _config$interactions.forEach(interaction_ => {
155
- const source = interaction_.key;
156
- const interactionIdx = ++interactionIdCounter;
157
- const {
158
- effects: effects_,
159
- ...rest
160
- } = interaction_;
161
- if (!source) {
162
- console.error(`Interaction ${interactionIdx} is missing a key for source element.`);
163
- return;
164
- }
165
- if (!interactions[source]) {
166
- interactions[source] = {
167
- triggers: [],
168
- effects: {},
169
- interactionIds: new Set(),
170
- selectors: new Set()
171
- };
172
- }
173
-
174
- /*
175
- * Cache interaction trigger by source element
176
- */
177
- const effects = Array.from(effects_);
178
- effects.reverse(); // reverse to ensure the first effect is the one that will be applied first
179
- const interaction = {
180
- ...rest,
181
- effects
182
- };
183
- interactions[source].triggers.push(interaction);
184
- interactions[source].selectors.add(getSelector(interaction));
185
- const listContainer = interaction.listContainer;
186
- effects.forEach(effect => {
187
- /*
188
- * Target cascade order is the first of:
189
- * -> Config.interactions.effects.effect.key
190
- * -> Config.effects.effect.key
191
- * -> Config.interactions.interaction.key
192
- */
193
- let target = effect.key;
194
- if (!target && effect.effectId) {
195
- const referencedEffect = config.effects[effect.effectId];
196
- if (referencedEffect) {
197
- target = referencedEffect.key;
198
- }
199
- }
200
- if (!effect.effectId) {
201
- effect.effectId = generateId();
202
- }
203
-
204
- // if no target is specified, use the source element as the target
205
- target = target || source;
206
- effect.key = target;
207
- const effectId = effect.effectId;
208
- if (listContainer && effect.listContainer) {
209
- // we do not support having 2 separate lists for same interaction
210
- if (target !== source || effect.listContainer !== listContainer) {
211
- return;
212
- }
213
- }
214
- const interactionId = `${target}::${effectId}::${interactionIdx}`;
215
- effect.interactionId = interactionId;
216
- interactions[source].interactionIds.add(interactionId);
217
- if (target === source) {
218
- // if target is the source element, no need to add an interaction to `effects`
219
- return;
220
- }
221
-
222
- /*
223
- * Cache interaction effect by target element
224
- */
225
- if (!interactions[target]) {
226
- interactions[target] = {
227
- triggers: [],
228
- effects: {
229
- [interactionId]: []
230
- },
231
- interactionIds: new Set(),
232
- selectors: new Set()
233
- };
234
- } else if (!interactions[target].effects[interactionId]) {
235
- interactions[target].effects[interactionId] = [];
236
- interactions[target].interactionIds.add(interactionId);
237
- }
238
- interactions[target].effects[interactionId].push({
239
- ...rest,
240
- effect
241
- });
242
- interactions[target].selectors.add(getSelector(effect));
243
- });
244
- });
245
- return {
246
- effects: config.effects || {},
247
- conditions,
248
- interactions
249
- };
250
- }
251
- //# sourceMappingURL=Interact.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["getInterpolatedKey","getInteractElement","generateId","TRIGGER_TO_HANDLER_MODULE_MAP","registerInteractElement","customElements","get","interactElement","define","_convertToKeyTemplate","key","replace","Interact","constructor","_defineProperty","dataCache","effects","conditions","interactions","addedInteractions","listInteractionsCache","elements","Set","init","config","window","parseConfig","didRegister","elementCache","forEach","element","connect","destroy","disconnect","clear","instances","splice","indexOf","setElement","add","deleteElement","clearInteractionStateForKey","delete","has","processedKey","_this$get","interactionIds","interactionId_","interactionId","create","instance","push","length","setup","options","scrollOptionsGetter","viewProgress","registerOptionsGetter","pointerOptionsGetter","pointerMove","viewEnter","setOptions","allowA11yTriggers","undefined","getInstance","find","getElement","set","_Interact","Map","interactionIdCounter","getSelector","d","_temp","asCombinator","addItemFilter","listContainer","itemFilter","listItemSelector","selector","_config$interactions","interaction_","source","interactionIdx","effects_","rest","console","error","triggers","selectors","Array","from","reverse","interaction","effect","target","effectId","referencedEffect"],"sources":["../../../src/core/Interact.ts"],"sourcesContent":["import {\n InteractCache,\n IInteractElement,\n InteractConfig,\n EffectRef,\n Effect,\n Interaction,\n ViewEnterParams,\n ViewEnterHandlerModule,\n} from '../types';\nimport { getInterpolatedKey } from './utilities';\nimport { getInteractElement } from '../InteractElement';\nimport { generateId } from '../utils';\nimport TRIGGER_TO_HANDLER_MODULE_MAP from '../handlers';\n\nfunction registerInteractElement() {\n if (!customElements.get('interact-element')) {\n const interactElement = getInteractElement();\n customElements.define('interact-element', interactElement);\n\n return true;\n }\n\n return false;\n}\n\nfunction _convertToKeyTemplate(key: string) {\n return key.replace(/\\[([-\\w]+)]/g, '[]');\n}\n\nexport class Interact {\n dataCache: InteractCache;\n addedInteractions: { [interactionId: string]: boolean };\n listInteractionsCache: {\n [listContainer: string]: { [interactionId: string]: boolean };\n };\n elements: Set<IInteractElement>;\n static forceReducedMotion: boolean = false;\n static allowA11yTriggers: boolean = true;\n static instances: Interact[] = [];\n static elementCache = new Map<string, IInteractElement>();\n\n constructor() {\n this.dataCache = { effects: {}, conditions: {}, interactions: {} };\n this.addedInteractions = {};\n this.listInteractionsCache = {};\n this.elements = new Set();\n }\n\n init(config: InteractConfig): void {\n if (typeof window === 'undefined' || !window.customElements) {\n return;\n }\n\n this.dataCache = parseConfig(config);\n\n const didRegister = registerInteractElement();\n\n if (!didRegister) {\n Interact.elementCache.forEach((element: IInteractElement, key) =>\n element.connect(key),\n );\n }\n }\n\n destroy(): void {\n for (const element of this.elements) {\n element.disconnect();\n }\n this.addedInteractions = {};\n this.listInteractionsCache = {};\n this.elements.clear();\n this.dataCache = { effects: {}, conditions: {}, interactions: {} };\n Interact.instances.splice(Interact.instances.indexOf(this), 1);\n }\n\n setElement(key: string, element: IInteractElement) {\n this.elements.add(element);\n\n Interact.setElement(key, element);\n }\n\n deleteElement(key: string) {\n const element = Interact.elementCache.get(key);\n\n this.clearInteractionStateForKey(key);\n\n if (element) {\n this.elements.delete(element);\n Interact.elementCache.delete(key);\n }\n }\n\n has(key: string): boolean {\n return !!this.get(key);\n }\n\n get(key: string): InteractCache['interactions'][string] | undefined {\n const processedKey = _convertToKeyTemplate(key);\n return this.dataCache.interactions[processedKey];\n }\n\n clearInteractionStateForKey(key: string): void {\n const interactionIds = this.get(key)?.interactionIds || [];\n\n interactionIds.forEach((interactionId_) => {\n const interactionId = getInterpolatedKey(interactionId_, key);\n // eslint-disable-next-line @typescript-eslint/no-dynamic-delete\n delete this.addedInteractions[interactionId];\n });\n }\n\n static create(config: InteractConfig): Interact {\n const instance = new Interact();\n Interact.instances.push(instance);\n\n instance.init(config);\n\n return instance;\n }\n\n static destroy(): void {\n Interact.elementCache.forEach((element: IInteractElement) => {\n element.disconnect();\n });\n Interact.instances.length = 0;\n Interact.elementCache.clear();\n }\n\n static setup(options: {\n scrollOptionsGetter?: () => Partial<scrollConfig>;\n pointerOptionsGetter?: () => Partial<PointerConfig>;\n viewEnter?: Partial<ViewEnterParams>;\n allowA11yTriggers?: boolean;\n }): void {\n if (options.scrollOptionsGetter) {\n TRIGGER_TO_HANDLER_MODULE_MAP.viewProgress.registerOptionsGetter?.(\n options.scrollOptionsGetter,\n );\n }\n\n if (options.pointerOptionsGetter) {\n TRIGGER_TO_HANDLER_MODULE_MAP.pointerMove.registerOptionsGetter?.(\n options.pointerOptionsGetter,\n );\n }\n\n if (options.viewEnter) {\n (\n TRIGGER_TO_HANDLER_MODULE_MAP.viewEnter as ViewEnterHandlerModule\n ).setOptions(options.viewEnter);\n }\n\n if (options.allowA11yTriggers !== undefined) {\n Interact.allowA11yTriggers = options.allowA11yTriggers;\n }\n }\n\n static getInstance(key: string): Interact | undefined {\n return Interact.instances.find((instance) => instance.has(key));\n }\n\n static getElement(key: string | undefined): IInteractElement | undefined {\n return key ? Interact.elementCache.get(key) : undefined;\n }\n\n static setElement(key: string, element: IInteractElement): void {\n Interact.elementCache.set(key, element);\n }\n}\n\nlet interactionIdCounter = 0;\n\nexport function getSelector(\n d: Interaction | Effect,\n {\n asCombinator = false,\n addItemFilter = false,\n }: { asCombinator?: boolean; addItemFilter?: boolean } = {},\n): string {\n if (d.listContainer) {\n const itemFilter = `${\n addItemFilter && d.listItemSelector ? ` > ${d.listItemSelector}` : ''\n }`;\n\n if (d.selector) {\n return `${d.listContainer}${itemFilter} ${d.selector}`;\n }\n\n return `${d.listContainer}${itemFilter || ' > *'}`;\n } else if (d.selector) {\n return d.selector;\n }\n\n // TODO: consider moving :scope to be configurable since it may lead to unexpected results in some cases\n return asCombinator ? '> :first-child' : ':scope > :first-child';\n}\n\n/**\n * Parses the config object and caches interactions, effects, and conditions\n */\nfunction parseConfig(config: InteractConfig): InteractCache {\n const conditions = config.conditions || {};\n const interactions: InteractCache['interactions'] = {};\n\n config.interactions?.forEach((interaction_) => {\n const source = interaction_.key;\n const interactionIdx = ++interactionIdCounter;\n const { effects: effects_, ...rest } = interaction_;\n\n if (!source) {\n console.error(\n `Interaction ${interactionIdx} is missing a key for source element.`,\n );\n return;\n }\n\n if (!interactions[source]) {\n interactions[source] = {\n triggers: [],\n effects: {},\n interactionIds: new Set(),\n selectors: new Set(),\n };\n }\n\n /*\n * Cache interaction trigger by source element\n */\n const effects = Array.from(effects_);\n effects.reverse(); // reverse to ensure the first effect is the one that will be applied first\n const interaction = { ...rest, effects };\n\n interactions[source].triggers.push(interaction);\n interactions[source].selectors.add(getSelector(interaction));\n\n const listContainer = interaction.listContainer;\n\n effects.forEach((effect) => {\n /*\n * Target cascade order is the first of:\n * -> Config.interactions.effects.effect.key\n * -> Config.effects.effect.key\n * -> Config.interactions.interaction.key\n */\n let target = effect.key;\n\n if (!target && (effect as EffectRef).effectId) {\n const referencedEffect = config.effects[(effect as EffectRef).effectId];\n\n if (referencedEffect) {\n target = referencedEffect.key;\n }\n }\n\n if (!(effect as EffectRef).effectId) {\n (effect as EffectRef).effectId = generateId();\n }\n\n // if no target is specified, use the source element as the target\n target = target || source;\n effect.key = target;\n const effectId = (effect as EffectRef).effectId;\n\n if (listContainer && effect.listContainer) {\n // we do not support having 2 separate lists for same interaction\n if (target !== source || effect.listContainer !== listContainer) {\n return;\n }\n }\n\n const interactionId = `${target}::${effectId}::${interactionIdx}`;\n effect.interactionId = interactionId;\n interactions[source].interactionIds.add(interactionId);\n\n if (target === source) {\n // if target is the source element, no need to add an interaction to `effects`\n return;\n }\n\n /*\n * Cache interaction effect by target element\n */\n if (!interactions[target]) {\n interactions[target] = {\n triggers: [],\n effects: {\n [interactionId]: [],\n },\n interactionIds: new Set(),\n selectors: new Set(),\n };\n } else if (!interactions[target].effects[interactionId]) {\n interactions[target].effects[interactionId] = [];\n interactions[target].interactionIds.add(interactionId);\n }\n\n interactions[target].effects[interactionId].push({ ...rest, effect });\n interactions[target].selectors.add(getSelector(effect));\n });\n });\n\n return {\n effects: config.effects || {},\n conditions,\n interactions,\n };\n}\n"],"mappings":";;AAUA,SAASA,kBAAkB,QAAQ,aAAa;AAChD,SAASC,kBAAkB,QAAQ,oBAAoB;AACvD,SAASC,UAAU,QAAQ,UAAU;AACrC,OAAOC,6BAA6B,MAAM,aAAa;AAEvD,SAASC,uBAAuBA,CAAA,EAAG;EACjC,IAAI,CAACC,cAAc,CAACC,GAAG,CAAC,kBAAkB,CAAC,EAAE;IAC3C,MAAMC,eAAe,GAAGN,kBAAkB,CAAC,CAAC;IAC5CI,cAAc,CAACG,MAAM,CAAC,kBAAkB,EAAED,eAAe,CAAC;IAE1D,OAAO,IAAI;EACb;EAEA,OAAO,KAAK;AACd;AAEA,SAASE,qBAAqBA,CAACC,GAAW,EAAE;EAC1C,OAAOA,GAAG,CAACC,OAAO,CAAC,cAAc,EAAE,IAAI,CAAC;AAC1C;AAEA,OAAO,MAAMC,QAAQ,CAAC;EAYpBC,WAAWA,CAAA,EAAG;IAAAC,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IACZ,IAAI,CAACC,SAAS,GAAG;MAAEC,OAAO,EAAE,CAAC,CAAC;MAAEC,UAAU,EAAE,CAAC,CAAC;MAAEC,YAAY,EAAE,CAAC;IAAE,CAAC;IAClE,IAAI,CAACC,iBAAiB,GAAG,CAAC,CAAC;IAC3B,IAAI,CAACC,qBAAqB,GAAG,CAAC,CAAC;IAC/B,IAAI,CAACC,QAAQ,GAAG,IAAIC,GAAG,CAAC,CAAC;EAC3B;EAEAC,IAAIA,CAACC,MAAsB,EAAQ;IACjC,IAAI,OAAOC,MAAM,KAAK,WAAW,IAAI,CAACA,MAAM,CAACpB,cAAc,EAAE;MAC3D;IACF;IAEA,IAAI,CAACU,SAAS,GAAGW,WAAW,CAACF,MAAM,CAAC;IAEpC,MAAMG,WAAW,GAAGvB,uBAAuB,CAAC,CAAC;IAE7C,IAAI,CAACuB,WAAW,EAAE;MAChBf,QAAQ,CAACgB,YAAY,CAACC,OAAO,CAAC,CAACC,OAAyB,EAAEpB,GAAG,KAC3DoB,OAAO,CAACC,OAAO,CAACrB,GAAG,CACrB,CAAC;IACH;EACF;EAEAsB,OAAOA,CAAA,EAAS;IACd,KAAK,MAAMF,OAAO,IAAI,IAAI,CAACT,QAAQ,EAAE;MACnCS,OAAO,CAACG,UAAU,CAAC,CAAC;IACtB;IACA,IAAI,CAACd,iBAAiB,GAAG,CAAC,CAAC;IAC3B,IAAI,CAACC,qBAAqB,GAAG,CAAC,CAAC;IAC/B,IAAI,CAACC,QAAQ,CAACa,KAAK,CAAC,CAAC;IACrB,IAAI,CAACnB,SAAS,GAAG;MAAEC,OAAO,EAAE,CAAC,CAAC;MAAEC,UAAU,EAAE,CAAC,CAAC;MAAEC,YAAY,EAAE,CAAC;IAAE,CAAC;IAClEN,QAAQ,CAACuB,SAAS,CAACC,MAAM,CAACxB,QAAQ,CAACuB,SAAS,CAACE,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;EAChE;EAEAC,UAAUA,CAAC5B,GAAW,EAAEoB,OAAyB,EAAE;IACjD,IAAI,CAACT,QAAQ,CAACkB,GAAG,CAACT,OAAO,CAAC;IAE1BlB,QAAQ,CAAC0B,UAAU,CAAC5B,GAAG,EAAEoB,OAAO,CAAC;EACnC;EAEAU,aAAaA,CAAC9B,GAAW,EAAE;IACzB,MAAMoB,OAAO,GAAGlB,QAAQ,CAACgB,YAAY,CAACtB,GAAG,CAACI,GAAG,CAAC;IAE9C,IAAI,CAAC+B,2BAA2B,CAAC/B,GAAG,CAAC;IAErC,IAAIoB,OAAO,EAAE;MACX,IAAI,CAACT,QAAQ,CAACqB,MAAM,CAACZ,OAAO,CAAC;MAC7BlB,QAAQ,CAACgB,YAAY,CAACc,MAAM,CAAChC,GAAG,CAAC;IACnC;EACF;EAEAiC,GAAGA,CAACjC,GAAW,EAAW;IACxB,OAAO,CAAC,CAAC,IAAI,CAACJ,GAAG,CAACI,GAAG,CAAC;EACxB;EAEAJ,GAAGA,CAACI,GAAW,EAAqD;IAClE,MAAMkC,YAAY,GAAGnC,qBAAqB,CAACC,GAAG,CAAC;IAC/C,OAAO,IAAI,CAACK,SAAS,CAACG,YAAY,CAAC0B,YAAY,CAAC;EAClD;EAEAH,2BAA2BA,CAAC/B,GAAW,EAAQ;IAAA,IAAAmC,SAAA;IAC7C,MAAMC,cAAc,GAAG,EAAAD,SAAA,OAAI,CAACvC,GAAG,CAACI,GAAG,CAAC,qBAAbmC,SAAA,CAAeC,cAAc,KAAI,EAAE;IAE1DA,cAAc,CAACjB,OAAO,CAAEkB,cAAc,IAAK;MACzC,MAAMC,aAAa,GAAGhD,kBAAkB,CAAC+C,cAAc,EAAErC,GAAG,CAAC;MAC7D;MACA,OAAO,IAAI,CAACS,iBAAiB,CAAC6B,aAAa,CAAC;IAC9C,CAAC,CAAC;EACJ;EAEA,OAAOC,MAAMA,CAACzB,MAAsB,EAAY;IAC9C,MAAM0B,QAAQ,GAAG,IAAItC,QAAQ,CAAC,CAAC;IAC/BA,QAAQ,CAACuB,SAAS,CAACgB,IAAI,CAACD,QAAQ,CAAC;IAEjCA,QAAQ,CAAC3B,IAAI,CAACC,MAAM,CAAC;IAErB,OAAO0B,QAAQ;EACjB;EAEA,OAAOlB,OAAOA,CAAA,EAAS;IACrBpB,QAAQ,CAACgB,YAAY,CAACC,OAAO,CAAEC,OAAyB,IAAK;MAC3DA,OAAO,CAACG,UAAU,CAAC,CAAC;IACtB,CAAC,CAAC;IACFrB,QAAQ,CAACuB,SAAS,CAACiB,MAAM,GAAG,CAAC;IAC7BxC,QAAQ,CAACgB,YAAY,CAACM,KAAK,CAAC,CAAC;EAC/B;EAEA,OAAOmB,KAAKA,CAACC,OAKZ,EAAQ;IACP,IAAIA,OAAO,CAACC,mBAAmB,EAAE;MAC/BpD,6BAA6B,CAACqD,YAAY,CAACC,qBAAqB,YAAhEtD,6BAA6B,CAACqD,YAAY,CAACC,qBAAqB,CAC9DH,OAAO,CAACC,mBACV,CAAC;IACH;IAEA,IAAID,OAAO,CAACI,oBAAoB,EAAE;MAChCvD,6BAA6B,CAACwD,WAAW,CAACF,qBAAqB,YAA/DtD,6BAA6B,CAACwD,WAAW,CAACF,qBAAqB,CAC7DH,OAAO,CAACI,oBACV,CAAC;IACH;IAEA,IAAIJ,OAAO,CAACM,SAAS,EAAE;MAEnBzD,6BAA6B,CAACyD,SAAS,CACvCC,UAAU,CAACP,OAAO,CAACM,SAAS,CAAC;IACjC;IAEA,IAAIN,OAAO,CAACQ,iBAAiB,KAAKC,SAAS,EAAE;MAC3CnD,QAAQ,CAACkD,iBAAiB,GAAGR,OAAO,CAACQ,iBAAiB;IACxD;EACF;EAEA,OAAOE,WAAWA,CAACtD,GAAW,EAAwB;IACpD,OAAOE,QAAQ,CAACuB,SAAS,CAAC8B,IAAI,CAAEf,QAAQ,IAAKA,QAAQ,CAACP,GAAG,CAACjC,GAAG,CAAC,CAAC;EACjE;EAEA,OAAOwD,UAAUA,CAACxD,GAAuB,EAAgC;IACvE,OAAOA,GAAG,GAAGE,QAAQ,CAACgB,YAAY,CAACtB,GAAG,CAACI,GAAG,CAAC,GAAGqD,SAAS;EACzD;EAEA,OAAOzB,UAAUA,CAAC5B,GAAW,EAAEoB,OAAyB,EAAQ;IAC9DlB,QAAQ,CAACgB,YAAY,CAACuC,GAAG,CAACzD,GAAG,EAAEoB,OAAO,CAAC;EACzC;AACF;AAACsC,SAAA,GA3IYxD,QAAQ;AAAAE,eAAA,CAARF,QAAQ,wBAOkB,KAAK;AAAAE,eAAA,CAP/BF,QAAQ,uBAQiB,IAAI;AAAAE,eAAA,CAR7BF,QAAQ,eASY,EAAE;AAAAE,eAAA,CATtBF,QAAQ,kBAUG,IAAIyD,GAAG,CAA2B,CAAC;AAmI3D,IAAIC,oBAAoB,GAAG,CAAC;AAE5B,OAAO,SAASC,WAAWA,CACzBC,CAAuB,EAAAC,KAAA,EAKf;EAAA,IAJR;IACEC,YAAY,GAAG,KAAK;IACpBC,aAAa,GAAG;EACmC,CAAC,GAAAF,KAAA,cAAG,CAAC,CAAC,GAAAA,KAAA;EAE3D,IAAID,CAAC,CAACI,aAAa,EAAE;IACnB,MAAMC,UAAU,GAAG,GACjBF,aAAa,IAAIH,CAAC,CAACM,gBAAgB,GAAG,MAAMN,CAAC,CAACM,gBAAgB,EAAE,GAAG,EAAE,EACrE;IAEF,IAAIN,CAAC,CAACO,QAAQ,EAAE;MACd,OAAO,GAAGP,CAAC,CAACI,aAAa,GAAGC,UAAU,IAAIL,CAAC,CAACO,QAAQ,EAAE;IACxD;IAEA,OAAO,GAAGP,CAAC,CAACI,aAAa,GAAGC,UAAU,IAAI,MAAM,EAAE;EACpD,CAAC,MAAM,IAAIL,CAAC,CAACO,QAAQ,EAAE;IACrB,OAAOP,CAAC,CAACO,QAAQ;EACnB;;EAEA;EACA,OAAOL,YAAY,GAAG,gBAAgB,GAAG,uBAAuB;AAClE;;AAEA;AACA;AACA;AACA,SAAShD,WAAWA,CAACF,MAAsB,EAAiB;EAAA,IAAAwD,oBAAA;EAC1D,MAAM/D,UAAU,GAAGO,MAAM,CAACP,UAAU,IAAI,CAAC,CAAC;EAC1C,MAAMC,YAA2C,GAAG,CAAC,CAAC;EAEtD,CAAA8D,oBAAA,GAAAxD,MAAM,CAACN,YAAY,aAAnB8D,oBAAA,CAAqBnD,OAAO,CAAEoD,YAAY,IAAK;IAC7C,MAAMC,MAAM,GAAGD,YAAY,CAACvE,GAAG;IAC/B,MAAMyE,cAAc,GAAG,EAAEb,oBAAoB;IAC7C,MAAM;MAAEtD,OAAO,EAAEoE,QAAQ;MAAE,GAAGC;IAAK,CAAC,GAAGJ,YAAY;IAEnD,IAAI,CAACC,MAAM,EAAE;MACXI,OAAO,CAACC,KAAK,CACX,eAAeJ,cAAc,uCAC/B,CAAC;MACD;IACF;IAEA,IAAI,CAACjE,YAAY,CAACgE,MAAM,CAAC,EAAE;MACzBhE,YAAY,CAACgE,MAAM,CAAC,GAAG;QACrBM,QAAQ,EAAE,EAAE;QACZxE,OAAO,EAAE,CAAC,CAAC;QACX8B,cAAc,EAAE,IAAIxB,GAAG,CAAC,CAAC;QACzBmE,SAAS,EAAE,IAAInE,GAAG,CAAC;MACrB,CAAC;IACH;;IAEA;AACJ;AACA;IACI,MAAMN,OAAO,GAAG0E,KAAK,CAACC,IAAI,CAACP,QAAQ,CAAC;IACpCpE,OAAO,CAAC4E,OAAO,CAAC,CAAC,CAAC,CAAC;IACnB,MAAMC,WAAW,GAAG;MAAE,GAAGR,IAAI;MAAErE;IAAQ,CAAC;IAExCE,YAAY,CAACgE,MAAM,CAAC,CAACM,QAAQ,CAACrC,IAAI,CAAC0C,WAAW,CAAC;IAC/C3E,YAAY,CAACgE,MAAM,CAAC,CAACO,SAAS,CAAClD,GAAG,CAACgC,WAAW,CAACsB,WAAW,CAAC,CAAC;IAE5D,MAAMjB,aAAa,GAAGiB,WAAW,CAACjB,aAAa;IAE/C5D,OAAO,CAACa,OAAO,CAAEiE,MAAM,IAAK;MAC1B;AACN;AACA;AACA;AACA;AACA;MACM,IAAIC,MAAM,GAAGD,MAAM,CAACpF,GAAG;MAEvB,IAAI,CAACqF,MAAM,IAAKD,MAAM,CAAeE,QAAQ,EAAE;QAC7C,MAAMC,gBAAgB,GAAGzE,MAAM,CAACR,OAAO,CAAE8E,MAAM,CAAeE,QAAQ,CAAC;QAEvE,IAAIC,gBAAgB,EAAE;UACpBF,MAAM,GAAGE,gBAAgB,CAACvF,GAAG;QAC/B;MACF;MAEA,IAAI,CAAEoF,MAAM,CAAeE,QAAQ,EAAE;QAClCF,MAAM,CAAeE,QAAQ,GAAG9F,UAAU,CAAC,CAAC;MAC/C;;MAEA;MACA6F,MAAM,GAAGA,MAAM,IAAIb,MAAM;MACzBY,MAAM,CAACpF,GAAG,GAAGqF,MAAM;MACnB,MAAMC,QAAQ,GAAIF,MAAM,CAAeE,QAAQ;MAE/C,IAAIpB,aAAa,IAAIkB,MAAM,CAAClB,aAAa,EAAE;QACzC;QACA,IAAImB,MAAM,KAAKb,MAAM,IAAIY,MAAM,CAAClB,aAAa,KAAKA,aAAa,EAAE;UAC/D;QACF;MACF;MAEA,MAAM5B,aAAa,GAAG,GAAG+C,MAAM,KAAKC,QAAQ,KAAKb,cAAc,EAAE;MACjEW,MAAM,CAAC9C,aAAa,GAAGA,aAAa;MACpC9B,YAAY,CAACgE,MAAM,CAAC,CAACpC,cAAc,CAACP,GAAG,CAACS,aAAa,CAAC;MAEtD,IAAI+C,MAAM,KAAKb,MAAM,EAAE;QACrB;QACA;MACF;;MAEA;AACN;AACA;MACM,IAAI,CAAChE,YAAY,CAAC6E,MAAM,CAAC,EAAE;QACzB7E,YAAY,CAAC6E,MAAM,CAAC,GAAG;UACrBP,QAAQ,EAAE,EAAE;UACZxE,OAAO,EAAE;YACP,CAACgC,aAAa,GAAG;UACnB,CAAC;UACDF,cAAc,EAAE,IAAIxB,GAAG,CAAC,CAAC;UACzBmE,SAAS,EAAE,IAAInE,GAAG,CAAC;QACrB,CAAC;MACH,CAAC,MAAM,IAAI,CAACJ,YAAY,CAAC6E,MAAM,CAAC,CAAC/E,OAAO,CAACgC,aAAa,CAAC,EAAE;QACvD9B,YAAY,CAAC6E,MAAM,CAAC,CAAC/E,OAAO,CAACgC,aAAa,CAAC,GAAG,EAAE;QAChD9B,YAAY,CAAC6E,MAAM,CAAC,CAACjD,cAAc,CAACP,GAAG,CAACS,aAAa,CAAC;MACxD;MAEA9B,YAAY,CAAC6E,MAAM,CAAC,CAAC/E,OAAO,CAACgC,aAAa,CAAC,CAACG,IAAI,CAAC;QAAE,GAAGkC,IAAI;QAAES;MAAO,CAAC,CAAC;MACrE5E,YAAY,CAAC6E,MAAM,CAAC,CAACN,SAAS,CAAClD,GAAG,CAACgC,WAAW,CAACuB,MAAM,CAAC,CAAC;IACzD,CAAC,CAAC;EACJ,CAAC,CAAC;EAEF,OAAO;IACL9E,OAAO,EAAEQ,MAAM,CAACR,OAAO,IAAI,CAAC,CAAC;IAC7BC,UAAU;IACVC;EACF,CAAC;AACH","ignoreList":[]}
@@ -1,241 +0,0 @@
1
- import { createTransitionCSS, getMediaQuery } from '../utils';
2
- import { getInterpolatedKey } from './utilities';
3
- import { Interact, getSelector } from './Interact';
4
- import TRIGGER_TO_HANDLER_MODULE_MAP from '../handlers';
5
- function _getElementsFromData(data, root) {
6
- if (data.listContainer) {
7
- const container = root.querySelector(data.listContainer);
8
- if (!container) {
9
- console.warn(`Interact: No container found for list container "${data.listContainer}"`);
10
- return [];
11
- }
12
- if (data.selector) {
13
- return Array.from(container.querySelectorAll(data.selector));
14
- }
15
- return Array.from(container.children);
16
- }
17
- if (data.selector) {
18
- const element = root.querySelector(data.selector);
19
- if (element) {
20
- return element;
21
- } else {
22
- console.warn(`Interact: No element found for selector "${data.selector}"`);
23
- }
24
- }
25
- return root.firstElementChild;
26
- }
27
- function _queryItemElement(data, elements) {
28
- return elements.map(element => {
29
- return data.selector ? element.querySelector(data.selector) : element;
30
- }).filter(Boolean);
31
- }
32
- function _getInteractionElements(interaction, effect, source, target, sourceElements, targetElements) {
33
- return [sourceElements ? _queryItemElement(interaction, sourceElements) : _getElementsFromData(interaction, source), targetElements ? _queryItemElement(effect, targetElements) : _getElementsFromData(effect, target)];
34
- }
35
- function _applyInteraction(key, interaction, effect, sourceElements, targetElements) {
36
- const isSourceArray = Array.isArray(sourceElements);
37
- const isTargetArray = Array.isArray(targetElements);
38
- if (isSourceArray) {
39
- sourceElements.forEach((sourceEl, index) => {
40
- const targetEl = isTargetArray ? targetElements[index] : targetElements;
41
- if (targetEl) {
42
- addInteraction(key, sourceEl, interaction.trigger, targetEl, effect, interaction.params);
43
- }
44
- });
45
- } else {
46
- const targets = isTargetArray ? targetElements : [targetElements];
47
- targets.forEach(targetEl => {
48
- addInteraction(key, sourceElements, interaction.trigger, targetEl, effect, interaction.params);
49
- });
50
- }
51
- }
52
- function _addInteraction(sourceKey, sourceRoot, instance, interaction, elements) {
53
- const interactionVariations = {};
54
- interaction.effects.forEach(effect => {
55
- const effectId = effect.effectId;
56
- const effectOptions = {
57
- ...(instance.dataCache.effects[effectId] || {}),
58
- ...effect,
59
- effectId
60
- };
61
- const targetKey_ = effectOptions.key;
62
- const interactionId = getInterpolatedKey(effect.interactionId, sourceKey);
63
- if (interactionVariations[interactionId]) {
64
- // Skip this effect if it has already been added
65
- return;
66
- }
67
- if (instance.addedInteractions[interactionId] && !elements) {
68
- // Skip this interaction if it has already been added
69
- return;
70
- }
71
-
72
- // TODO: implement watching for condition `change` events and add/remove interactions accordingly
73
- const mql = getMediaQuery(effectOptions.conditions || [], instance.dataCache.conditions);
74
- if (!mql || mql.matches) {
75
- interactionVariations[interactionId] = true;
76
- const target = targetKey_ && getInterpolatedKey(targetKey_, sourceKey);
77
- let targetElement;
78
- if (target) {
79
- targetElement = Interact.getElement(target);
80
- if (!targetElement) {
81
- // Bail out :: no target element in cache
82
- return;
83
- }
84
- if (effectOptions.listContainer) {
85
- targetElement.watchChildList(effectOptions.listContainer);
86
- }
87
- } else {
88
- // target is not specified - fallback to same as source
89
- targetElement = sourceRoot;
90
- }
91
- const [sourceElements, targetElements] = _getInteractionElements(interaction, effectOptions, sourceRoot, targetElement, elements);
92
- if (!sourceElements || !targetElements) {
93
- return;
94
- }
95
- instance.addedInteractions[interactionId] = true;
96
- const key = target || interaction.key;
97
- _applyInteraction(key, interaction, effectOptions, sourceElements, targetElements);
98
- }
99
- });
100
- }
101
- function addEffectsForTarget(targetKey, element, instance, listContainer, elements) {
102
- var _instance$get;
103
- const effects = ((_instance$get = instance.get(targetKey)) == null ? void 0 : _instance$get.effects) || {};
104
- const interactionIds = Object.keys(effects);
105
- interactionIds.forEach(interactionId_ => {
106
- const interactionId = getInterpolatedKey(interactionId_, targetKey);
107
- if (instance.addedInteractions[interactionId] && !elements) {
108
- // Skip this interaction if it has already been added
109
- return;
110
- }
111
- const effectVariations = effects[interactionId_];
112
-
113
- // use `some` to short-circuit after the first effect that matches the conditions
114
- // eslint-disable-next-line array-callback-return
115
- effectVariations.some(_ref => {
116
- let {
117
- effect,
118
- ...interaction
119
- } = _ref;
120
- const effectId = effect.effectId;
121
- const effectOptions = {
122
- ...(instance.dataCache.effects[effectId] || {}),
123
- ...effect,
124
- effectId
125
- };
126
- if (listContainer && effectOptions.listContainer !== listContainer) {
127
- // skip this effect if a listContainer was provided and it's not matching this effect.listContainer
128
- return false;
129
- }
130
-
131
- // TODO: implement watching for condition `change` events and add/remove interactions accordingly
132
- const mql = getMediaQuery(effectOptions.conditions || [], instance.dataCache.conditions);
133
- if (!mql || mql.matches) {
134
- const sourceKey = interaction.key && getInterpolatedKey(interaction.key, targetKey);
135
- const sourceElement = Interact.getElement(sourceKey);
136
- if (!sourceElement) {
137
- // Bail out :: no source or target elements in cache
138
- return true;
139
- }
140
- if (effectOptions.listContainer) {
141
- element.watchChildList(effectOptions.listContainer);
142
- }
143
- const [sourceElements, targetElements] = _getInteractionElements(interaction, effectOptions, sourceElement, element, undefined, elements);
144
- if (!sourceElements || !targetElements) {
145
- // Bail out :: no source or target elements found in DOM
146
- return true;
147
- }
148
- instance.addedInteractions[interactionId] = true;
149
- _applyInteraction(targetKey, interaction, effectOptions, sourceElements, targetElements);
150
-
151
- // short-circuit the loop since we have a match
152
- return true;
153
- }
154
- });
155
- });
156
- return interactionIds.length > 0;
157
- }
158
-
159
- /**
160
- * Registers a handler to an event on a given element.
161
- */
162
- function addInteraction(key, source, trigger, target, effect, options) {
163
- var _TRIGGER_TO_HANDLER_M;
164
- if (effect.transition || effect.transitionProperties) {
165
- const args = {
166
- key,
167
- effectId: effect.effectId,
168
- transition: effect.transition,
169
- properties: effect.transitionProperties,
170
- childSelector: getSelector(effect, {
171
- asCombinator: true,
172
- addItemFilter: true
173
- })
174
- };
175
- const root = target.closest('interact-element');
176
- if (!root) {
177
- return;
178
- }
179
- root.renderStyle(createTransitionCSS(args));
180
- }
181
- (_TRIGGER_TO_HANDLER_M = TRIGGER_TO_HANDLER_MODULE_MAP[trigger]) == null || _TRIGGER_TO_HANDLER_M.add(source, target, effect, options, {
182
- reducedMotion: Interact.forceReducedMotion,
183
- allowA11yTriggers: Interact.allowA11yTriggers
184
- });
185
- }
186
-
187
- /**
188
- * Adds all events and effects to an element based on config
189
- */
190
- export function add(element, key) {
191
- const instance = Interact.getInstance(key);
192
- if (!instance) {
193
- console.warn(`No instance found for key: ${key}`);
194
-
195
- // even if we don't find a matching instance, we still want to cache the element
196
- Interact.setElement(key, element);
197
- return false;
198
- }
199
- const {
200
- triggers = []
201
- } = (instance == null ? void 0 : instance.get(key)) || {};
202
- const hasTriggers = triggers.length > 0;
203
- instance.setElement(key, element);
204
- triggers.forEach(interaction => {
205
- const mql = getMediaQuery(interaction.conditions, instance.dataCache.conditions);
206
-
207
- // TODO: implement watching for condition `change` events and add/remove interactions accordingly
208
- if (!mql || mql.matches) {
209
- if (interaction.listContainer) {
210
- element.watchChildList(interaction.listContainer);
211
- }
212
- _addInteraction(key, element, instance, interaction);
213
- }
214
- });
215
- let hasEffects = false;
216
- if (instance) {
217
- hasEffects = addEffectsForTarget(key, element, instance);
218
- }
219
- return hasTriggers || hasEffects;
220
- }
221
- export function addListItems(root, key, listContainer, elements) {
222
- const instance = Interact.getInstance(key);
223
- if (instance) {
224
- const {
225
- triggers = []
226
- } = (instance == null ? void 0 : instance.get(key)) || {};
227
- triggers.forEach(interaction => {
228
- if (interaction.listContainer !== listContainer) {
229
- return;
230
- }
231
- const mql = getMediaQuery(interaction.conditions, instance.dataCache.conditions);
232
-
233
- // TODO: implement watching for condition `change` events and add/remove interactions accordingly
234
- if (!mql || mql.matches) {
235
- _addInteraction(key, root, instance, interaction, elements);
236
- }
237
- });
238
- addEffectsForTarget(key, root, instance, listContainer, elements);
239
- }
240
- }
241
- //# sourceMappingURL=add.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["createTransitionCSS","getMediaQuery","getInterpolatedKey","Interact","getSelector","TRIGGER_TO_HANDLER_MODULE_MAP","_getElementsFromData","data","root","listContainer","container","querySelector","console","warn","selector","Array","from","querySelectorAll","children","element","firstElementChild","_queryItemElement","elements","map","filter","Boolean","_getInteractionElements","interaction","effect","source","target","sourceElements","targetElements","_applyInteraction","key","isSourceArray","isArray","isTargetArray","forEach","sourceEl","index","targetEl","addInteraction","trigger","params","targets","_addInteraction","sourceKey","sourceRoot","instance","interactionVariations","effects","effectId","effectOptions","dataCache","targetKey_","interactionId","addedInteractions","mql","conditions","matches","targetElement","getElement","watchChildList","addEffectsForTarget","targetKey","_instance$get","get","interactionIds","Object","keys","interactionId_","effectVariations","some","_ref","sourceElement","undefined","length","options","_TRIGGER_TO_HANDLER_M","transition","transitionProperties","args","properties","childSelector","asCombinator","addItemFilter","closest","renderStyle","add","reducedMotion","forceReducedMotion","allowA11yTriggers","getInstance","setElement","triggers","hasTriggers","hasEffects","addListItems"],"sources":["../../../src/core/add.ts"],"sourcesContent":["import type {\n Effect,\n TriggerType,\n EffectRef,\n InteractionParamsTypes,\n TransitionEffect,\n IInteractElement,\n Interaction,\n InteractionTrigger,\n CreateTransitionCSSParams,\n} from '../types';\nimport { createTransitionCSS, getMediaQuery } from '../utils';\nimport { getInterpolatedKey } from './utilities';\nimport { Interact, getSelector } from './Interact';\nimport TRIGGER_TO_HANDLER_MODULE_MAP from '../handlers';\n\nfunction _getElementsFromData(\n data: Interaction | Effect,\n root: IInteractElement,\n): HTMLElement | HTMLElement[] | null {\n if (data.listContainer) {\n const container = root.querySelector(data.listContainer);\n\n if (!container) {\n console.warn(\n `Interact: No container found for list container \"${data.listContainer}\"`,\n );\n\n return [];\n }\n\n if (data.selector) {\n return Array.from(\n container.querySelectorAll(data.selector),\n ) as HTMLElement[];\n }\n\n return Array.from(container.children) as HTMLElement[];\n }\n\n if (data.selector) {\n const element = root.querySelector(data.selector);\n\n if (element) {\n return element as HTMLElement;\n } else {\n console.warn(\n `Interact: No element found for selector \"${data.selector}\"`,\n );\n }\n }\n\n return root.firstElementChild as HTMLElement | null;\n}\n\nfunction _queryItemElement(\n data: Interaction | Effect,\n elements: HTMLElement[],\n): HTMLElement[] {\n return elements\n .map((element) => {\n return data.selector ? element.querySelector(data.selector) : element;\n })\n .filter(Boolean) as HTMLElement[];\n}\n\nfunction _getInteractionElements(\n interaction: InteractionTrigger,\n effect: Effect,\n source: IInteractElement,\n target: IInteractElement,\n sourceElements?: HTMLElement[],\n targetElements?: HTMLElement[],\n): [HTMLElement | HTMLElement[] | null, HTMLElement | HTMLElement[] | null] {\n return [\n sourceElements\n ? _queryItemElement(interaction, sourceElements)\n : _getElementsFromData(interaction, source),\n targetElements\n ? _queryItemElement(effect, targetElements)\n : _getElementsFromData(effect, target),\n ];\n}\n\nfunction _applyInteraction(\n key: string,\n interaction: InteractionTrigger,\n effect: Effect,\n sourceElements: HTMLElement | HTMLElement[],\n targetElements: HTMLElement | HTMLElement[],\n) {\n const isSourceArray = Array.isArray(sourceElements);\n const isTargetArray = Array.isArray(targetElements);\n\n if (isSourceArray) {\n sourceElements.forEach((sourceEl, index) => {\n const targetEl = isTargetArray ? targetElements[index] : targetElements;\n\n if (targetEl) {\n addInteraction(\n key,\n sourceEl,\n interaction.trigger,\n targetEl,\n effect as Effect,\n interaction.params!,\n );\n }\n });\n } else {\n const targets = isTargetArray ? targetElements : [targetElements];\n targets.forEach((targetEl) => {\n addInteraction(\n key,\n sourceElements,\n interaction.trigger,\n targetEl,\n effect as Effect,\n interaction.params!,\n );\n });\n }\n}\n\nfunction _addInteraction(\n sourceKey: string,\n sourceRoot: IInteractElement,\n instance: Interact,\n interaction: Interaction,\n elements?: HTMLElement[],\n) {\n const interactionVariations: Record<string, boolean> = {};\n\n interaction.effects.forEach((effect) => {\n const effectId = (effect as EffectRef).effectId;\n\n const effectOptions = {\n ...(instance.dataCache.effects[effectId] || {}),\n ...effect,\n effectId,\n };\n const targetKey_ = effectOptions.key;\n\n const interactionId = getInterpolatedKey(effect.interactionId!, sourceKey);\n\n if (interactionVariations[interactionId!]) {\n // Skip this effect if it has already been added\n return;\n }\n\n if (instance.addedInteractions[interactionId!] && !elements) {\n // Skip this interaction if it has already been added\n return;\n }\n\n // TODO: implement watching for condition `change` events and add/remove interactions accordingly\n const mql = getMediaQuery(\n effectOptions.conditions || [],\n instance.dataCache.conditions,\n );\n\n if (!mql || mql.matches) {\n interactionVariations[interactionId!] = true;\n\n const target = targetKey_ && getInterpolatedKey(targetKey_, sourceKey);\n\n let targetElement;\n if (target) {\n targetElement = Interact.getElement(target);\n\n if (!targetElement) {\n // Bail out :: no target element in cache\n return;\n }\n\n if (effectOptions.listContainer) {\n targetElement.watchChildList(effectOptions.listContainer);\n }\n } else {\n // target is not specified - fallback to same as source\n targetElement = sourceRoot;\n }\n\n const [sourceElements, targetElements] = _getInteractionElements(\n interaction,\n effectOptions,\n sourceRoot,\n targetElement!,\n elements,\n );\n\n if (!sourceElements || !targetElements) {\n return;\n }\n\n instance.addedInteractions[interactionId!] = true;\n\n const key = target || interaction.key;\n\n _applyInteraction(\n key,\n interaction,\n effectOptions,\n sourceElements,\n targetElements,\n );\n }\n });\n}\n\nfunction addEffectsForTarget(\n targetKey: string,\n element: IInteractElement,\n instance: Interact,\n listContainer?: string,\n elements?: HTMLElement[],\n) {\n const effects = instance.get(targetKey)?.effects || {};\n const interactionIds = Object.keys(effects);\n\n interactionIds.forEach((interactionId_) => {\n const interactionId = getInterpolatedKey(interactionId_, targetKey);\n\n if (instance.addedInteractions[interactionId] && !elements) {\n // Skip this interaction if it has already been added\n return;\n }\n\n const effectVariations = effects[interactionId_];\n\n // use `some` to short-circuit after the first effect that matches the conditions\n // eslint-disable-next-line array-callback-return\n effectVariations.some(({ effect, ...interaction }) => {\n const effectId = (effect as EffectRef).effectId;\n\n const effectOptions = {\n ...(instance!.dataCache.effects[effectId] || {}),\n ...effect,\n effectId,\n };\n\n if (listContainer && effectOptions.listContainer !== listContainer) {\n // skip this effect if a listContainer was provided and it's not matching this effect.listContainer\n return false;\n }\n\n // TODO: implement watching for condition `change` events and add/remove interactions accordingly\n const mql = getMediaQuery(\n effectOptions.conditions || [],\n instance!.dataCache.conditions,\n );\n\n if (!mql || mql.matches) {\n const sourceKey =\n interaction.key && getInterpolatedKey(interaction.key, targetKey);\n const sourceElement = Interact.getElement(sourceKey);\n\n if (!sourceElement) {\n // Bail out :: no source or target elements in cache\n return true;\n }\n\n if (effectOptions.listContainer) {\n element.watchChildList(effectOptions.listContainer);\n }\n\n const [sourceElements, targetElements] = _getInteractionElements(\n interaction,\n effectOptions,\n sourceElement,\n element,\n undefined,\n elements,\n );\n\n if (!sourceElements || !targetElements) {\n // Bail out :: no source or target elements found in DOM\n return true;\n }\n\n instance!.addedInteractions[interactionId] = true;\n\n _applyInteraction(\n targetKey,\n interaction,\n effectOptions as Effect,\n sourceElements,\n targetElements,\n );\n\n // short-circuit the loop since we have a match\n return true;\n }\n });\n });\n\n return interactionIds.length > 0;\n}\n\n/**\n * Registers a handler to an event on a given element.\n */\nfunction addInteraction<T extends TriggerType>(\n key: string,\n source: HTMLElement,\n trigger: T,\n target: HTMLElement,\n effect: Effect,\n options: InteractionParamsTypes[T],\n): void {\n if (\n (effect as TransitionEffect).transition ||\n (effect as TransitionEffect).transitionProperties\n ) {\n const args: CreateTransitionCSSParams = {\n key,\n effectId: (effect as Effect).effectId!,\n transition: (effect as TransitionEffect).transition,\n properties: (effect as TransitionEffect).transitionProperties,\n childSelector: getSelector(effect, {\n asCombinator: true,\n addItemFilter: true,\n }),\n };\n\n const root = target.closest('interact-element') as IInteractElement;\n if (!root) {\n return;\n }\n\n root.renderStyle(createTransitionCSS(args));\n }\n\n TRIGGER_TO_HANDLER_MODULE_MAP[trigger]?.add(source, target, effect, options, {\n reducedMotion: Interact.forceReducedMotion,\n allowA11yTriggers: Interact.allowA11yTriggers,\n });\n}\n\n/**\n * Adds all events and effects to an element based on config\n */\nexport function add(element: IInteractElement, key: string): boolean {\n const instance = Interact.getInstance(key);\n\n if (!instance) {\n console.warn(`No instance found for key: ${key}`);\n\n // even if we don't find a matching instance, we still want to cache the element\n Interact.setElement(key, element);\n return false;\n }\n\n const { triggers = [] } = instance?.get(key) || {};\n const hasTriggers = triggers.length > 0;\n\n instance.setElement(key, element);\n\n triggers.forEach((interaction) => {\n const mql = getMediaQuery(\n interaction.conditions,\n instance!.dataCache.conditions,\n );\n\n // TODO: implement watching for condition `change` events and add/remove interactions accordingly\n if (!mql || mql.matches) {\n if (interaction.listContainer) {\n element.watchChildList(interaction.listContainer);\n }\n\n _addInteraction(key, element, instance!, interaction);\n }\n });\n\n let hasEffects = false;\n if (instance) {\n hasEffects = addEffectsForTarget(key, element, instance);\n }\n\n return hasTriggers || hasEffects;\n}\n\nexport function addListItems(\n root: IInteractElement,\n key: string,\n listContainer: string,\n elements: HTMLElement[],\n) {\n const instance = Interact.getInstance(key);\n\n if (instance) {\n const { triggers = [] } = instance?.get(key) || {};\n\n triggers.forEach((interaction) => {\n if (interaction.listContainer !== listContainer) {\n return;\n }\n\n const mql = getMediaQuery(\n interaction.conditions,\n instance!.dataCache.conditions,\n );\n\n // TODO: implement watching for condition `change` events and add/remove interactions accordingly\n if (!mql || mql.matches) {\n _addInteraction(key, root, instance!, interaction, elements);\n }\n });\n\n addEffectsForTarget(key, root, instance, listContainer, elements);\n }\n}\n"],"mappings":"AAWA,SAASA,mBAAmB,EAAEC,aAAa,QAAQ,UAAU;AAC7D,SAASC,kBAAkB,QAAQ,aAAa;AAChD,SAASC,QAAQ,EAAEC,WAAW,QAAQ,YAAY;AAClD,OAAOC,6BAA6B,MAAM,aAAa;AAEvD,SAASC,oBAAoBA,CAC3BC,IAA0B,EAC1BC,IAAsB,EACc;EACpC,IAAID,IAAI,CAACE,aAAa,EAAE;IACtB,MAAMC,SAAS,GAAGF,IAAI,CAACG,aAAa,CAACJ,IAAI,CAACE,aAAa,CAAC;IAExD,IAAI,CAACC,SAAS,EAAE;MACdE,OAAO,CAACC,IAAI,CACV,oDAAoDN,IAAI,CAACE,aAAa,GACxE,CAAC;MAED,OAAO,EAAE;IACX;IAEA,IAAIF,IAAI,CAACO,QAAQ,EAAE;MACjB,OAAOC,KAAK,CAACC,IAAI,CACfN,SAAS,CAACO,gBAAgB,CAACV,IAAI,CAACO,QAAQ,CAC1C,CAAC;IACH;IAEA,OAAOC,KAAK,CAACC,IAAI,CAACN,SAAS,CAACQ,QAAQ,CAAC;EACvC;EAEA,IAAIX,IAAI,CAACO,QAAQ,EAAE;IACjB,MAAMK,OAAO,GAAGX,IAAI,CAACG,aAAa,CAACJ,IAAI,CAACO,QAAQ,CAAC;IAEjD,IAAIK,OAAO,EAAE;MACX,OAAOA,OAAO;IAChB,CAAC,MAAM;MACLP,OAAO,CAACC,IAAI,CACV,4CAA4CN,IAAI,CAACO,QAAQ,GAC3D,CAAC;IACH;EACF;EAEA,OAAON,IAAI,CAACY,iBAAiB;AAC/B;AAEA,SAASC,iBAAiBA,CACxBd,IAA0B,EAC1Be,QAAuB,EACR;EACf,OAAOA,QAAQ,CACZC,GAAG,CAAEJ,OAAO,IAAK;IAChB,OAAOZ,IAAI,CAACO,QAAQ,GAAGK,OAAO,CAACR,aAAa,CAACJ,IAAI,CAACO,QAAQ,CAAC,GAAGK,OAAO;EACvE,CAAC,CAAC,CACDK,MAAM,CAACC,OAAO,CAAC;AACpB;AAEA,SAASC,uBAAuBA,CAC9BC,WAA+B,EAC/BC,MAAc,EACdC,MAAwB,EACxBC,MAAwB,EACxBC,cAA8B,EAC9BC,cAA8B,EAC4C;EAC1E,OAAO,CACLD,cAAc,GACVV,iBAAiB,CAACM,WAAW,EAAEI,cAAc,CAAC,GAC9CzB,oBAAoB,CAACqB,WAAW,EAAEE,MAAM,CAAC,EAC7CG,cAAc,GACVX,iBAAiB,CAACO,MAAM,EAAEI,cAAc,CAAC,GACzC1B,oBAAoB,CAACsB,MAAM,EAAEE,MAAM,CAAC,CACzC;AACH;AAEA,SAASG,iBAAiBA,CACxBC,GAAW,EACXP,WAA+B,EAC/BC,MAAc,EACdG,cAA2C,EAC3CC,cAA2C,EAC3C;EACA,MAAMG,aAAa,GAAGpB,KAAK,CAACqB,OAAO,CAACL,cAAc,CAAC;EACnD,MAAMM,aAAa,GAAGtB,KAAK,CAACqB,OAAO,CAACJ,cAAc,CAAC;EAEnD,IAAIG,aAAa,EAAE;IACjBJ,cAAc,CAACO,OAAO,CAAC,CAACC,QAAQ,EAAEC,KAAK,KAAK;MAC1C,MAAMC,QAAQ,GAAGJ,aAAa,GAAGL,cAAc,CAACQ,KAAK,CAAC,GAAGR,cAAc;MAEvE,IAAIS,QAAQ,EAAE;QACZC,cAAc,CACZR,GAAG,EACHK,QAAQ,EACRZ,WAAW,CAACgB,OAAO,EACnBF,QAAQ,EACRb,MAAM,EACND,WAAW,CAACiB,MACd,CAAC;MACH;IACF,CAAC,CAAC;EACJ,CAAC,MAAM;IACL,MAAMC,OAAO,GAAGR,aAAa,GAAGL,cAAc,GAAG,CAACA,cAAc,CAAC;IACjEa,OAAO,CAACP,OAAO,CAAEG,QAAQ,IAAK;MAC5BC,cAAc,CACZR,GAAG,EACHH,cAAc,EACdJ,WAAW,CAACgB,OAAO,EACnBF,QAAQ,EACRb,MAAM,EACND,WAAW,CAACiB,MACd,CAAC;IACH,CAAC,CAAC;EACJ;AACF;AAEA,SAASE,eAAeA,CACtBC,SAAiB,EACjBC,UAA4B,EAC5BC,QAAkB,EAClBtB,WAAwB,EACxBL,QAAwB,EACxB;EACA,MAAM4B,qBAA8C,GAAG,CAAC,CAAC;EAEzDvB,WAAW,CAACwB,OAAO,CAACb,OAAO,CAAEV,MAAM,IAAK;IACtC,MAAMwB,QAAQ,GAAIxB,MAAM,CAAewB,QAAQ;IAE/C,MAAMC,aAAa,GAAG;MACpB,IAAIJ,QAAQ,CAACK,SAAS,CAACH,OAAO,CAACC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC;MAC/C,GAAGxB,MAAM;MACTwB;IACF,CAAC;IACD,MAAMG,UAAU,GAAGF,aAAa,CAACnB,GAAG;IAEpC,MAAMsB,aAAa,GAAGtD,kBAAkB,CAAC0B,MAAM,CAAC4B,aAAa,EAAGT,SAAS,CAAC;IAE1E,IAAIG,qBAAqB,CAACM,aAAa,CAAE,EAAE;MACzC;MACA;IACF;IAEA,IAAIP,QAAQ,CAACQ,iBAAiB,CAACD,aAAa,CAAE,IAAI,CAAClC,QAAQ,EAAE;MAC3D;MACA;IACF;;IAEA;IACA,MAAMoC,GAAG,GAAGzD,aAAa,CACvBoD,aAAa,CAACM,UAAU,IAAI,EAAE,EAC9BV,QAAQ,CAACK,SAAS,CAACK,UACrB,CAAC;IAED,IAAI,CAACD,GAAG,IAAIA,GAAG,CAACE,OAAO,EAAE;MACvBV,qBAAqB,CAACM,aAAa,CAAE,GAAG,IAAI;MAE5C,MAAM1B,MAAM,GAAGyB,UAAU,IAAIrD,kBAAkB,CAACqD,UAAU,EAAER,SAAS,CAAC;MAEtE,IAAIc,aAAa;MACjB,IAAI/B,MAAM,EAAE;QACV+B,aAAa,GAAG1D,QAAQ,CAAC2D,UAAU,CAAChC,MAAM,CAAC;QAE3C,IAAI,CAAC+B,aAAa,EAAE;UAClB;UACA;QACF;QAEA,IAAIR,aAAa,CAAC5C,aAAa,EAAE;UAC/BoD,aAAa,CAACE,cAAc,CAACV,aAAa,CAAC5C,aAAa,CAAC;QAC3D;MACF,CAAC,MAAM;QACL;QACAoD,aAAa,GAAGb,UAAU;MAC5B;MAEA,MAAM,CAACjB,cAAc,EAAEC,cAAc,CAAC,GAAGN,uBAAuB,CAC9DC,WAAW,EACX0B,aAAa,EACbL,UAAU,EACVa,aAAa,EACbvC,QACF,CAAC;MAED,IAAI,CAACS,cAAc,IAAI,CAACC,cAAc,EAAE;QACtC;MACF;MAEAiB,QAAQ,CAACQ,iBAAiB,CAACD,aAAa,CAAE,GAAG,IAAI;MAEjD,MAAMtB,GAAG,GAAGJ,MAAM,IAAIH,WAAW,CAACO,GAAG;MAErCD,iBAAiB,CACfC,GAAG,EACHP,WAAW,EACX0B,aAAa,EACbtB,cAAc,EACdC,cACF,CAAC;IACH;EACF,CAAC,CAAC;AACJ;AAEA,SAASgC,mBAAmBA,CAC1BC,SAAiB,EACjB9C,OAAyB,EACzB8B,QAAkB,EAClBxC,aAAsB,EACtBa,QAAwB,EACxB;EAAA,IAAA4C,aAAA;EACA,MAAMf,OAAO,GAAG,EAAAe,aAAA,GAAAjB,QAAQ,CAACkB,GAAG,CAACF,SAAS,CAAC,qBAAvBC,aAAA,CAAyBf,OAAO,KAAI,CAAC,CAAC;EACtD,MAAMiB,cAAc,GAAGC,MAAM,CAACC,IAAI,CAACnB,OAAO,CAAC;EAE3CiB,cAAc,CAAC9B,OAAO,CAAEiC,cAAc,IAAK;IACzC,MAAMf,aAAa,GAAGtD,kBAAkB,CAACqE,cAAc,EAAEN,SAAS,CAAC;IAEnE,IAAIhB,QAAQ,CAACQ,iBAAiB,CAACD,aAAa,CAAC,IAAI,CAAClC,QAAQ,EAAE;MAC1D;MACA;IACF;IAEA,MAAMkD,gBAAgB,GAAGrB,OAAO,CAACoB,cAAc,CAAC;;IAEhD;IACA;IACAC,gBAAgB,CAACC,IAAI,CAACC,IAAA,IAAgC;MAAA,IAA/B;QAAE9C,MAAM;QAAE,GAAGD;MAAY,CAAC,GAAA+C,IAAA;MAC/C,MAAMtB,QAAQ,GAAIxB,MAAM,CAAewB,QAAQ;MAE/C,MAAMC,aAAa,GAAG;QACpB,IAAIJ,QAAQ,CAAEK,SAAS,CAACH,OAAO,CAACC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC;QAChD,GAAGxB,MAAM;QACTwB;MACF,CAAC;MAED,IAAI3C,aAAa,IAAI4C,aAAa,CAAC5C,aAAa,KAAKA,aAAa,EAAE;QAClE;QACA,OAAO,KAAK;MACd;;MAEA;MACA,MAAMiD,GAAG,GAAGzD,aAAa,CACvBoD,aAAa,CAACM,UAAU,IAAI,EAAE,EAC9BV,QAAQ,CAAEK,SAAS,CAACK,UACtB,CAAC;MAED,IAAI,CAACD,GAAG,IAAIA,GAAG,CAACE,OAAO,EAAE;QACvB,MAAMb,SAAS,GACbpB,WAAW,CAACO,GAAG,IAAIhC,kBAAkB,CAACyB,WAAW,CAACO,GAAG,EAAE+B,SAAS,CAAC;QACnE,MAAMU,aAAa,GAAGxE,QAAQ,CAAC2D,UAAU,CAACf,SAAS,CAAC;QAEpD,IAAI,CAAC4B,aAAa,EAAE;UAClB;UACA,OAAO,IAAI;QACb;QAEA,IAAItB,aAAa,CAAC5C,aAAa,EAAE;UAC/BU,OAAO,CAAC4C,cAAc,CAACV,aAAa,CAAC5C,aAAa,CAAC;QACrD;QAEA,MAAM,CAACsB,cAAc,EAAEC,cAAc,CAAC,GAAGN,uBAAuB,CAC9DC,WAAW,EACX0B,aAAa,EACbsB,aAAa,EACbxD,OAAO,EACPyD,SAAS,EACTtD,QACF,CAAC;QAED,IAAI,CAACS,cAAc,IAAI,CAACC,cAAc,EAAE;UACtC;UACA,OAAO,IAAI;QACb;QAEAiB,QAAQ,CAAEQ,iBAAiB,CAACD,aAAa,CAAC,GAAG,IAAI;QAEjDvB,iBAAiB,CACfgC,SAAS,EACTtC,WAAW,EACX0B,aAAa,EACbtB,cAAc,EACdC,cACF,CAAC;;QAED;QACA,OAAO,IAAI;MACb;IACF,CAAC,CAAC;EACJ,CAAC,CAAC;EAEF,OAAOoC,cAAc,CAACS,MAAM,GAAG,CAAC;AAClC;;AAEA;AACA;AACA;AACA,SAASnC,cAAcA,CACrBR,GAAW,EACXL,MAAmB,EACnBc,OAAU,EACVb,MAAmB,EACnBF,MAAc,EACdkD,OAAkC,EAC5B;EAAA,IAAAC,qBAAA;EACN,IACGnD,MAAM,CAAsBoD,UAAU,IACtCpD,MAAM,CAAsBqD,oBAAoB,EACjD;IACA,MAAMC,IAA+B,GAAG;MACtChD,GAAG;MACHkB,QAAQ,EAAGxB,MAAM,CAAYwB,QAAS;MACtC4B,UAAU,EAAGpD,MAAM,CAAsBoD,UAAU;MACnDG,UAAU,EAAGvD,MAAM,CAAsBqD,oBAAoB;MAC7DG,aAAa,EAAEhF,WAAW,CAACwB,MAAM,EAAE;QACjCyD,YAAY,EAAE,IAAI;QAClBC,aAAa,EAAE;MACjB,CAAC;IACH,CAAC;IAED,MAAM9E,IAAI,GAAGsB,MAAM,CAACyD,OAAO,CAAC,kBAAkB,CAAqB;IACnE,IAAI,CAAC/E,IAAI,EAAE;MACT;IACF;IAEAA,IAAI,CAACgF,WAAW,CAACxF,mBAAmB,CAACkF,IAAI,CAAC,CAAC;EAC7C;EAEA,CAAAH,qBAAA,GAAA1E,6BAA6B,CAACsC,OAAO,CAAC,aAAtCoC,qBAAA,CAAwCU,GAAG,CAAC5D,MAAM,EAAEC,MAAM,EAAEF,MAAM,EAAEkD,OAAO,EAAE;IAC3EY,aAAa,EAAEvF,QAAQ,CAACwF,kBAAkB;IAC1CC,iBAAiB,EAAEzF,QAAQ,CAACyF;EAC9B,CAAC,CAAC;AACJ;;AAEA;AACA;AACA;AACA,OAAO,SAASH,GAAGA,CAACtE,OAAyB,EAAEe,GAAW,EAAW;EACnE,MAAMe,QAAQ,GAAG9C,QAAQ,CAAC0F,WAAW,CAAC3D,GAAG,CAAC;EAE1C,IAAI,CAACe,QAAQ,EAAE;IACbrC,OAAO,CAACC,IAAI,CAAC,8BAA8BqB,GAAG,EAAE,CAAC;;IAEjD;IACA/B,QAAQ,CAAC2F,UAAU,CAAC5D,GAAG,EAAEf,OAAO,CAAC;IACjC,OAAO,KAAK;EACd;EAEA,MAAM;IAAE4E,QAAQ,GAAG;EAAG,CAAC,GAAG,CAAA9C,QAAQ,oBAARA,QAAQ,CAAEkB,GAAG,CAACjC,GAAG,CAAC,KAAI,CAAC,CAAC;EAClD,MAAM8D,WAAW,GAAGD,QAAQ,CAAClB,MAAM,GAAG,CAAC;EAEvC5B,QAAQ,CAAC6C,UAAU,CAAC5D,GAAG,EAAEf,OAAO,CAAC;EAEjC4E,QAAQ,CAACzD,OAAO,CAAEX,WAAW,IAAK;IAChC,MAAM+B,GAAG,GAAGzD,aAAa,CACvB0B,WAAW,CAACgC,UAAU,EACtBV,QAAQ,CAAEK,SAAS,CAACK,UACtB,CAAC;;IAED;IACA,IAAI,CAACD,GAAG,IAAIA,GAAG,CAACE,OAAO,EAAE;MACvB,IAAIjC,WAAW,CAAClB,aAAa,EAAE;QAC7BU,OAAO,CAAC4C,cAAc,CAACpC,WAAW,CAAClB,aAAa,CAAC;MACnD;MAEAqC,eAAe,CAACZ,GAAG,EAAEf,OAAO,EAAE8B,QAAQ,EAAGtB,WAAW,CAAC;IACvD;EACF,CAAC,CAAC;EAEF,IAAIsE,UAAU,GAAG,KAAK;EACtB,IAAIhD,QAAQ,EAAE;IACZgD,UAAU,GAAGjC,mBAAmB,CAAC9B,GAAG,EAAEf,OAAO,EAAE8B,QAAQ,CAAC;EAC1D;EAEA,OAAO+C,WAAW,IAAIC,UAAU;AAClC;AAEA,OAAO,SAASC,YAAYA,CAC1B1F,IAAsB,EACtB0B,GAAW,EACXzB,aAAqB,EACrBa,QAAuB,EACvB;EACA,MAAM2B,QAAQ,GAAG9C,QAAQ,CAAC0F,WAAW,CAAC3D,GAAG,CAAC;EAE1C,IAAIe,QAAQ,EAAE;IACZ,MAAM;MAAE8C,QAAQ,GAAG;IAAG,CAAC,GAAG,CAAA9C,QAAQ,oBAARA,QAAQ,CAAEkB,GAAG,CAACjC,GAAG,CAAC,KAAI,CAAC,CAAC;IAElD6D,QAAQ,CAACzD,OAAO,CAAEX,WAAW,IAAK;MAChC,IAAIA,WAAW,CAAClB,aAAa,KAAKA,aAAa,EAAE;QAC/C;MACF;MAEA,MAAMiD,GAAG,GAAGzD,aAAa,CACvB0B,WAAW,CAACgC,UAAU,EACtBV,QAAQ,CAAEK,SAAS,CAACK,UACtB,CAAC;;MAED;MACA,IAAI,CAACD,GAAG,IAAIA,GAAG,CAACE,OAAO,EAAE;QACvBd,eAAe,CAACZ,GAAG,EAAE1B,IAAI,EAAEyC,QAAQ,EAAGtB,WAAW,EAAEL,QAAQ,CAAC;MAC9D;IACF,CAAC,CAAC;IAEF0C,mBAAmB,CAAC9B,GAAG,EAAE1B,IAAI,EAAEyC,QAAQ,EAAExC,aAAa,EAAEa,QAAQ,CAAC;EACnE;AACF","ignoreList":[]}
@@ -1,30 +0,0 @@
1
- import { Interact } from './Interact';
2
- import TRIGGER_TO_HANDLER_MODULE_MAP from '../handlers';
3
-
4
- /**
5
- * Removes all events and effects from an element based on config
6
- */
7
- export function remove(key) {
8
- var _instance$get;
9
- const instance = Interact.getInstance(key);
10
- if (!instance) {
11
- return;
12
- }
13
- const root = Interact.getElement(key);
14
- if (!root) {
15
- return;
16
- }
17
- const selectors = [...(((_instance$get = instance.get(key)) == null ? void 0 : _instance$get.selectors.values()) || [])].join(',');
18
- const elements = root.querySelectorAll(selectors);
19
- removeListItems(Array.from(elements));
20
- instance == null || instance.deleteElement(key);
21
- }
22
- export function removeListItems(elements) {
23
- const modules = Object.values(TRIGGER_TO_HANDLER_MODULE_MAP);
24
- for (const element of elements) {
25
- for (const module of modules) {
26
- module.remove(element);
27
- }
28
- }
29
- }
30
- //# sourceMappingURL=remove.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["Interact","TRIGGER_TO_HANDLER_MODULE_MAP","remove","key","_instance$get","instance","getInstance","root","getElement","selectors","get","values","join","elements","querySelectorAll","removeListItems","Array","from","deleteElement","modules","Object","element","module"],"sources":["../../../src/core/remove.ts"],"sourcesContent":["import { Interact } from './Interact';\nimport TRIGGER_TO_HANDLER_MODULE_MAP from '../handlers';\n\n/**\n * Removes all events and effects from an element based on config\n */\nexport function remove(key: string): void {\n const instance = Interact.getInstance(key);\n\n if (!instance) {\n return;\n }\n\n const root = Interact.getElement(key);\n if (!root) {\n return;\n }\n\n const selectors = [...(instance.get(key)?.selectors.values() || [])].join(\n ',',\n );\n const elements = root.querySelectorAll(selectors);\n\n removeListItems(Array.from(elements) as HTMLElement[]);\n\n instance?.deleteElement(key);\n}\n\nexport function removeListItems(elements: HTMLElement[]) {\n const modules = Object.values(TRIGGER_TO_HANDLER_MODULE_MAP);\n\n for (const element of elements) {\n for (const module of modules) {\n module.remove(element);\n }\n }\n}\n"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,YAAY;AACrC,OAAOC,6BAA6B,MAAM,aAAa;;AAEvD;AACA;AACA;AACA,OAAO,SAASC,MAAMA,CAACC,GAAW,EAAQ;EAAA,IAAAC,aAAA;EACxC,MAAMC,QAAQ,GAAGL,QAAQ,CAACM,WAAW,CAACH,GAAG,CAAC;EAE1C,IAAI,CAACE,QAAQ,EAAE;IACb;EACF;EAEA,MAAME,IAAI,GAAGP,QAAQ,CAACQ,UAAU,CAACL,GAAG,CAAC;EACrC,IAAI,CAACI,IAAI,EAAE;IACT;EACF;EAEA,MAAME,SAAS,GAAG,CAAC,IAAI,EAAAL,aAAA,GAAAC,QAAQ,CAACK,GAAG,CAACP,GAAG,CAAC,qBAAjBC,aAAA,CAAmBK,SAAS,CAACE,MAAM,CAAC,CAAC,KAAI,EAAE,CAAC,CAAC,CAACC,IAAI,CACvE,GACF,CAAC;EACD,MAAMC,QAAQ,GAAGN,IAAI,CAACO,gBAAgB,CAACL,SAAS,CAAC;EAEjDM,eAAe,CAACC,KAAK,CAACC,IAAI,CAACJ,QAAQ,CAAkB,CAAC;EAEtDR,QAAQ,YAARA,QAAQ,CAAEa,aAAa,CAACf,GAAG,CAAC;AAC9B;AAEA,OAAO,SAASY,eAAeA,CAACF,QAAuB,EAAE;EACvD,MAAMM,OAAO,GAAGC,MAAM,CAACT,MAAM,CAACV,6BAA6B,CAAC;EAE5D,KAAK,MAAMoB,OAAO,IAAIR,QAAQ,EAAE;IAC9B,KAAK,MAAMS,MAAM,IAAIH,OAAO,EAAE;MAC5BG,MAAM,CAACpB,MAAM,CAACmB,OAAO,CAAC;IACxB;EACF;AACF","ignoreList":[]}
@@ -1,14 +0,0 @@
1
- export function _processKeysForInterpolation(key) {
2
- return [...key.matchAll(/\[([-\w]+)]/g)].map(_ref => {
3
- let [_, _instanceKey] = _ref;
4
- return _instanceKey;
5
- });
6
- }
7
-
8
- // TODO: currently only supports simple one-to-one mapping, e.g. item[0] -> item[0], item[1] -> item[1]
9
- export function getInterpolatedKey(template, key) {
10
- const keys = _processKeysForInterpolation(key);
11
- let index = 0;
12
- return keys.length ? template.replace(/\[]/g, () => `[${keys[index++]}]` || '[]') : template;
13
- }
14
- //# sourceMappingURL=utilities.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["_processKeysForInterpolation","key","matchAll","map","_ref","_","_instanceKey","getInterpolatedKey","template","keys","index","length","replace"],"sources":["../../../src/core/utilities.ts"],"sourcesContent":["export function _processKeysForInterpolation(key: string) {\n return [...key.matchAll(/\\[([-\\w]+)]/g)].map(\n ([_, _instanceKey]) => _instanceKey,\n );\n}\n\n// TODO: currently only supports simple one-to-one mapping, e.g. item[0] -> item[0], item[1] -> item[1]\nexport function getInterpolatedKey(template: string, key: string) {\n const keys = _processKeysForInterpolation(key);\n let index = 0;\n return keys.length\n ? template.replace(/\\[]/g, () => `[${keys[index++]}]` || '[]')\n : template;\n}\n"],"mappings":"AAAA,OAAO,SAASA,4BAA4BA,CAACC,GAAW,EAAE;EACxD,OAAO,CAAC,GAAGA,GAAG,CAACC,QAAQ,CAAC,cAAc,CAAC,CAAC,CAACC,GAAG,CAC1CC,IAAA;IAAA,IAAC,CAACC,CAAC,EAAEC,YAAY,CAAC,GAAAF,IAAA;IAAA,OAAKE,YAAY;EAAA,CACrC,CAAC;AACH;;AAEA;AACA,OAAO,SAASC,kBAAkBA,CAACC,QAAgB,EAAEP,GAAW,EAAE;EAChE,MAAMQ,IAAI,GAAGT,4BAA4B,CAACC,GAAG,CAAC;EAC9C,IAAIS,KAAK,GAAG,CAAC;EACb,OAAOD,IAAI,CAACE,MAAM,GACdH,QAAQ,CAACI,OAAO,CAAC,MAAM,EAAE,MAAM,IAAIH,IAAI,CAACC,KAAK,EAAE,CAAC,GAAG,IAAI,IAAI,CAAC,GAC5DF,QAAQ;AACd","ignoreList":[]}
@@ -1,2 +0,0 @@
1
- /// <reference types="@wix/yoshi-flow-library/types" />
2
- //# sourceMappingURL=external-types.d.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":[],"sources":["../../src/external-types.d.ts"],"sourcesContent":["/// <reference types=\"@wix/yoshi-flow-library/types\" />\n"],"mappings":"AAAA","ignoreList":[]}