@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.
- package/dist/cjs/index.js +2 -23
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/react.js +15 -0
- package/dist/cjs/react.js.map +1 -0
- package/dist/cjs/web.js +2 -0
- package/dist/cjs/web.js.map +1 -0
- package/dist/es/index.js +8 -0
- package/dist/es/index.js.map +1 -0
- package/dist/es/react.js +650 -0
- package/dist/es/react.js.map +1 -0
- package/dist/es/web.js +56 -0
- package/dist/es/web.js.map +1 -0
- package/dist/index-C8QxOkui.mjs +7940 -0
- package/dist/index-C8QxOkui.mjs.map +1 -0
- package/dist/index-DEPRHaUt.js +18 -0
- package/dist/index-DEPRHaUt.js.map +1 -0
- package/dist/tsconfig.build.tsbuildinfo +1 -0
- package/dist/types/core/Interact.d.ts +17 -7
- package/dist/types/core/Interact.d.ts.map +1 -0
- package/dist/types/core/InteractionController.d.ts +19 -0
- package/dist/types/core/InteractionController.d.ts.map +1 -0
- package/dist/types/core/add.d.ts +4 -3
- package/dist/types/core/add.d.ts.map +1 -0
- package/dist/types/core/css.d.ts +3 -0
- package/dist/types/core/css.d.ts.map +1 -0
- package/dist/types/core/remove.d.ts +3 -1
- package/dist/types/core/remove.d.ts.map +1 -0
- package/dist/types/core/utilities.d.ts +1 -0
- package/dist/types/core/utilities.d.ts.map +1 -0
- package/dist/types/dom/api.d.ts +3 -0
- package/dist/types/dom/api.d.ts.map +1 -0
- package/dist/types/handlers/animationEnd.d.ts +3 -2
- package/dist/types/handlers/animationEnd.d.ts.map +1 -0
- package/dist/types/handlers/click.d.ts +3 -2
- package/dist/types/handlers/click.d.ts.map +1 -0
- package/dist/types/handlers/hover.d.ts +3 -2
- package/dist/types/handlers/hover.d.ts.map +1 -0
- package/dist/types/handlers/index.d.ts +1 -0
- package/dist/types/handlers/index.d.ts.map +1 -0
- package/dist/types/handlers/pointerMove.d.ts +3 -2
- package/dist/types/handlers/pointerMove.d.ts.map +1 -0
- package/dist/types/handlers/utilities.d.ts +1 -0
- package/dist/types/handlers/utilities.d.ts.map +1 -0
- package/dist/types/handlers/viewEnter.d.ts +3 -2
- package/dist/types/handlers/viewEnter.d.ts.map +1 -0
- package/dist/types/handlers/viewProgress.d.ts +4 -3
- package/dist/types/handlers/viewProgress.d.ts.map +1 -0
- package/dist/types/index.d.ts +3 -2
- package/dist/types/index.d.ts.map +1 -0
- package/dist/types/react/Interaction.d.ts +10 -0
- package/dist/types/react/Interaction.d.ts.map +1 -0
- package/dist/types/react/index.d.ts +8 -0
- package/dist/types/react/index.d.ts.map +1 -0
- package/dist/types/react/interactRef.d.ts +3 -0
- package/dist/types/react/interactRef.d.ts.map +1 -0
- package/dist/types/types.d.ts +25 -10
- package/dist/types/types.d.ts.map +1 -0
- package/dist/types/utils.d.ts +4 -2
- package/dist/types/utils.d.ts.map +1 -0
- package/dist/types/{InteractElement.d.ts → web/InteractElement.d.ts} +115 -77
- package/dist/types/web/InteractElement.d.ts.map +1 -0
- package/dist/types/web/defineInteractElement.d.ts +2 -0
- package/dist/types/web/defineInteractElement.d.ts.map +1 -0
- package/dist/types/web/index.d.ts +6 -0
- package/dist/types/web/index.d.ts.map +1 -0
- package/docs/README.md +211 -0
- package/docs/advanced/README.md +164 -0
- package/docs/api/README.md +157 -0
- package/docs/api/element-selection.md +607 -0
- package/docs/api/functions.md +638 -0
- package/docs/api/interact-class.md +663 -0
- package/docs/api/interact-element.md +565 -0
- package/docs/api/interaction-controller.md +450 -0
- package/docs/api/types.md +957 -0
- package/docs/examples/README.md +212 -0
- package/docs/examples/click-interactions.md +977 -0
- package/docs/examples/entrance-animations.md +935 -0
- package/docs/examples/hover-effects.md +930 -0
- package/docs/examples/list-patterns.md +737 -0
- package/docs/guides/README.md +49 -0
- package/docs/guides/conditions-and-media-queries.md +1068 -0
- package/docs/guides/configuration-structure.md +726 -0
- package/docs/guides/custom-elements.md +327 -0
- package/docs/guides/effects-and-animations.md +634 -0
- package/docs/guides/getting-started.md +379 -0
- package/docs/guides/lists-and-dynamic-content.md +713 -0
- package/docs/guides/state-management.md +747 -0
- package/docs/guides/understanding-triggers.md +690 -0
- package/docs/integration/README.md +264 -0
- package/docs/integration/react.md +605 -0
- package/package.json +73 -56
- package/rules/Integration.md +255 -0
- package/rules/click-rules.md +533 -0
- package/rules/full-lean.md +346 -0
- package/rules/hover-rules.md +593 -0
- package/rules/pointermove-rules.md +1341 -0
- package/rules/scroll-list-rules.md +900 -0
- package/rules/viewenter-rules.md +1015 -0
- package/rules/viewprogress-rules.md +1044 -0
- package/dist/cjs/InteractElement.js +0 -162
- package/dist/cjs/InteractElement.js.map +0 -1
- package/dist/cjs/__tests__/interact.spec.js +0 -1930
- package/dist/cjs/__tests__/interact.spec.js.map +0 -1
- package/dist/cjs/__tests__/viewEnter.spec.js +0 -207
- package/dist/cjs/__tests__/viewEnter.spec.js.map +0 -1
- package/dist/cjs/core/Interact.js +0 -257
- package/dist/cjs/core/Interact.js.map +0 -1
- package/dist/cjs/core/add.js +0 -246
- package/dist/cjs/core/add.js.map +0 -1
- package/dist/cjs/core/remove.js +0 -35
- package/dist/cjs/core/remove.js.map +0 -1
- package/dist/cjs/core/utilities.js +0 -16
- package/dist/cjs/core/utilities.js.map +0 -1
- package/dist/cjs/external-types.d.js +0 -2
- package/dist/cjs/external-types.d.js.map +0 -1
- package/dist/cjs/handlers/animationEnd.js +0 -33
- package/dist/cjs/handlers/animationEnd.js.map +0 -1
- package/dist/cjs/handlers/click.js +0 -116
- package/dist/cjs/handlers/click.js.map +0 -1
- package/dist/cjs/handlers/hover.js +0 -141
- package/dist/cjs/handlers/hover.js.map +0 -1
- package/dist/cjs/handlers/index.js +0 -32
- package/dist/cjs/handlers/index.js.map +0 -1
- package/dist/cjs/handlers/pointerMove.js +0 -49
- package/dist/cjs/handlers/pointerMove.js.map +0 -1
- package/dist/cjs/handlers/utilities.js +0 -49
- package/dist/cjs/handlers/utilities.js.map +0 -1
- package/dist/cjs/handlers/viewEnter.js +0 -127
- package/dist/cjs/handlers/viewEnter.js.map +0 -1
- package/dist/cjs/handlers/viewProgress.js +0 -65
- package/dist/cjs/handlers/viewProgress.js.map +0 -1
- package/dist/cjs/test-types.d.js +0 -2
- package/dist/cjs/test-types.d.js.map +0 -1
- package/dist/cjs/types.js +0 -2
- package/dist/cjs/types.js.map +0 -1
- package/dist/cjs/utils.js +0 -68
- package/dist/cjs/utils.js.map +0 -1
- package/dist/esm/InteractElement.js +0 -156
- package/dist/esm/InteractElement.js.map +0 -1
- package/dist/esm/__tests__/interact.spec.js +0 -1937
- package/dist/esm/__tests__/interact.spec.js.map +0 -1
- package/dist/esm/__tests__/viewEnter.spec.js +0 -210
- package/dist/esm/__tests__/viewEnter.spec.js.map +0 -1
- package/dist/esm/core/Interact.js +0 -251
- package/dist/esm/core/Interact.js.map +0 -1
- package/dist/esm/core/add.js +0 -241
- package/dist/esm/core/add.js.map +0 -1
- package/dist/esm/core/remove.js +0 -30
- package/dist/esm/core/remove.js.map +0 -1
- package/dist/esm/core/utilities.js +0 -14
- package/dist/esm/core/utilities.js.map +0 -1
- package/dist/esm/external-types.d.js +0 -2
- package/dist/esm/external-types.d.js.map +0 -1
- package/dist/esm/handlers/animationEnd.js +0 -29
- package/dist/esm/handlers/animationEnd.js.map +0 -1
- package/dist/esm/handlers/click.js +0 -116
- package/dist/esm/handlers/click.js.map +0 -1
- package/dist/esm/handlers/hover.js +0 -141
- package/dist/esm/handlers/hover.js.map +0 -1
- package/dist/esm/handlers/index.js +0 -27
- package/dist/esm/handlers/index.js.map +0 -1
- package/dist/esm/handlers/pointerMove.js +0 -48
- package/dist/esm/handlers/pointerMove.js.map +0 -1
- package/dist/esm/handlers/utilities.js +0 -43
- package/dist/esm/handlers/utilities.js.map +0 -1
- package/dist/esm/handlers/viewEnter.js +0 -129
- package/dist/esm/handlers/viewEnter.js.map +0 -1
- package/dist/esm/handlers/viewProgress.js +0 -61
- package/dist/esm/handlers/viewProgress.js.map +0 -1
- package/dist/esm/index.js +0 -5
- package/dist/esm/index.js.map +0 -1
- package/dist/esm/test-types.d.js +0 -2
- package/dist/esm/test-types.d.js.map +0 -1
- package/dist/esm/types.js +0 -2
- package/dist/esm/types.js.map +0 -1
- package/dist/esm/utils.js +0 -63
- package/dist/esm/utils.js.map +0 -1
- package/dist/types/__tests__/interact.spec.d.ts +0 -1
- 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":"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","ignoreList":[]}
|
package/dist/esm/core/add.js
DELETED
|
@@ -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
|
package/dist/esm/core/add.js.map
DELETED
|
@@ -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":"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","ignoreList":[]}
|
package/dist/esm/core/remove.js
DELETED
|
@@ -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 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":[],"sources":["../../src/external-types.d.ts"],"sourcesContent":["/// <reference types=\"@wix/yoshi-flow-library/types\" />\n"],"mappings":"AAAA","ignoreList":[]}
|