@wix/interact 2.1.0 → 2.1.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 +1 -1
- package/dist/cjs/react.js +1 -1
- package/dist/cjs/web.js +1 -1
- package/dist/es/index.js +1 -1
- package/dist/es/react.js +2 -2
- package/dist/es/web.js +2 -2
- package/dist/{index-BP07b-Y1.mjs → index-BtEG0cjF.mjs} +34 -32
- package/dist/index-BtEG0cjF.mjs.map +1 -0
- package/dist/{index-D4orAyUu.js → index-ErMKtmX2.js} +3 -3
- package/dist/{index-D4orAyUu.js.map → index-ErMKtmX2.js.map} +1 -1
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/dist/types/handlers/eventTrigger.d.ts.map +1 -1
- package/package.json +3 -2
- package/dist/index-BP07b-Y1.mjs.map +0 -1
package/dist/cjs/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-ErMKtmX2.js");exports.Interact=e.a;exports.add=e.b;exports.generate=e.g;exports.remove=e.r;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/dist/cjs/react.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Y=require("react"),P=require("../index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Y=require("react"),P=require("../index-ErMKtmX2.js");var q={exports:{}},$={};var Se;function dr(){if(Se)return $;Se=1;var h=Y,y=Symbol.for("react.element"),w=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,j=h.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,x={key:!0,ref:!0,__self:!0,__source:!0};function R(_,f,T){var c,b={},E=null,L=null;T!==void 0&&(E=""+T),f.key!==void 0&&(E=""+f.key),f.ref!==void 0&&(L=f.ref);for(c in f)m.call(f,c)&&!x.hasOwnProperty(c)&&(b[c]=f[c]);if(_&&_.defaultProps)for(c in f=_.defaultProps,f)b[c]===void 0&&(b[c]=f[c]);return{$$typeof:y,type:_,key:E,ref:L,props:b,_owner:j.current}}return $.Fragment=w,$.jsx=R,$.jsxs=R,$}var W={};var Ce;function vr(){return Ce||(Ce=1,process.env.NODE_ENV!=="production"&&(function(){var h=Y,y=Symbol.for("react.element"),w=Symbol.for("react.portal"),m=Symbol.for("react.fragment"),j=Symbol.for("react.strict_mode"),x=Symbol.for("react.profiler"),R=Symbol.for("react.provider"),_=Symbol.for("react.context"),f=Symbol.for("react.forward_ref"),T=Symbol.for("react.suspense"),c=Symbol.for("react.suspense_list"),b=Symbol.for("react.memo"),E=Symbol.for("react.lazy"),L=Symbol.for("react.offscreen"),Q=Symbol.iterator,je="@@iterator";function xe(e){if(e===null||typeof e!="object")return null;var r=Q&&e[Q]||e[je];return typeof r=="function"?r:null}var k=h.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function d(e){{for(var r=arguments.length,t=new Array(r>1?r-1:0),n=1;n<r;n++)t[n-1]=arguments[n];ke("error",e,t)}}function ke(e,r,t){{var n=k.ReactDebugCurrentFrame,o=n.getStackAddendum();o!==""&&(r+="%s",t=t.concat([o]));var u=t.map(function(i){return String(i)});u.unshift("Warning: "+r),Function.prototype.apply.call(console[e],console,u)}}var De=!1,Fe=!1,Ae=!1,Ie=!1,$e=!1,ee;ee=Symbol.for("react.module.reference");function We(e){return!!(typeof e=="string"||typeof e=="function"||e===m||e===x||$e||e===j||e===T||e===c||Ie||e===L||De||Fe||Ae||typeof e=="object"&&e!==null&&(e.$$typeof===E||e.$$typeof===b||e.$$typeof===R||e.$$typeof===_||e.$$typeof===f||e.$$typeof===ee||e.getModuleId!==void 0))}function Ye(e,r,t){var n=e.displayName;if(n)return n;var o=r.displayName||r.name||"";return o!==""?t+"("+o+")":t}function re(e){return e.displayName||"Context"}function O(e){if(e==null)return null;if(typeof e.tag=="number"&&d("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case m:return"Fragment";case w:return"Portal";case x:return"Profiler";case j:return"StrictMode";case T:return"Suspense";case c:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case _:var r=e;return re(r)+".Consumer";case R:var t=e;return re(t._context)+".Provider";case f:return Ye(e,e.render,"ForwardRef");case b:var n=e.displayName||null;return n!==null?n:O(e.type)||"Memo";case E:{var o=e,u=o._payload,i=o._init;try{return O(i(u))}catch{return null}}}return null}var S=Object.assign,A=0,te,ne,ae,ie,oe,ue,se;function le(){}le.__reactDisabledLog=!0;function Le(){{if(A===0){te=console.log,ne=console.info,ae=console.warn,ie=console.error,oe=console.group,ue=console.groupCollapsed,se=console.groupEnd;var e={configurable:!0,enumerable:!0,value:le,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}A++}}function Me(){{if(A--,A===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:S({},e,{value:te}),info:S({},e,{value:ne}),warn:S({},e,{value:ae}),error:S({},e,{value:ie}),group:S({},e,{value:oe}),groupCollapsed:S({},e,{value:ue}),groupEnd:S({},e,{value:se})})}A<0&&d("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var J=k.ReactCurrentDispatcher,B;function M(e,r,t){{if(B===void 0)try{throw Error()}catch(o){var n=o.stack.trim().match(/\n( *(at )?)/);B=n&&n[1]||""}return`
|
|
2
2
|
`+B+e}}var G=!1,V;{var Ve=typeof WeakMap=="function"?WeakMap:Map;V=new Ve}function fe(e,r){if(!e||G)return"";{var t=V.get(e);if(t!==void 0)return t}var n;G=!0;var o=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var u;u=J.current,J.current=null,Le();try{if(r){var i=function(){throw Error()};if(Object.defineProperty(i.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(i,[])}catch(p){n=p}Reflect.construct(e,[],i)}else{try{i.call()}catch(p){n=p}e.call(i.prototype)}}else{try{throw Error()}catch(p){n=p}e()}}catch(p){if(p&&n&&typeof p.stack=="string"){for(var a=p.stack.split(`
|
|
3
3
|
`),v=n.stack.split(`
|
|
4
4
|
`),s=a.length-1,l=v.length-1;s>=1&&l>=0&&a[s]!==v[l];)l--;for(;s>=1&&l>=0;s--,l--)if(a[s]!==v[l]){if(s!==1||l!==1)do if(s--,l--,l<0||a[s]!==v[l]){var g=`
|
package/dist/cjs/web.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../index-ErMKtmX2.js");function l(){let s=!1,r=!1;return class extends HTMLElement{_internals;controller;constructor(){if(super(),this.controller=new n.I(this,void 0,{useFirstChild:!0}),this._internals=null,this.attachInternals&&(this._internals=this.attachInternals(),!s)){s=!0;try{this._internals.states.add("test"),this._internals.states.delete("test")}catch{r=!0}}}connectedCallback(){this.connect()}disconnectedCallback(){this.disconnect({removeFromCache:!0})}connect(t){this.controller.connected||this.controller.connect(t)}disconnect(t){this.controller.disconnect(t)}toggleEffect(t,e,i){i!==null&&(r&&(t=`--${t}`),this._internals&&!i?e==="toggle"?this._internals.states.has(t)?this._internals.states.delete(t):this._internals.states.add(t):e==="add"?this._internals.states.add(t):e==="remove"?this._internals.states.delete(t):e==="clear"&&this._internals.states.clear():this.controller?.toggleEffect(t,e,i,!0))}getActiveEffects(){if(this._internals){const t=Array.from(this._internals.states);return r?t.map(e=>e.replace(/^--/g,"")):t}return this.controller?.getActiveEffects()||[]}}}function a(){if(!customElements.get("interact-element")){const s=l();return customElements.define("interact-element",s),!0}return!1}n.a.defineInteractElement=a;exports.Interact=n.a;exports.add=n.b;exports.generate=n.g;exports.remove=n.r;
|
|
2
2
|
//# sourceMappingURL=web.js.map
|
package/dist/es/index.js
CHANGED
package/dist/es/react.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import W from "react";
|
|
2
|
-
import { b as cr, r as Oe } from "../index-
|
|
3
|
-
import { a as mr, g as Tr } from "../index-
|
|
2
|
+
import { b as cr, r as Oe } from "../index-BtEG0cjF.mjs";
|
|
3
|
+
import { a as mr, g as Tr } from "../index-BtEG0cjF.mjs";
|
|
4
4
|
var N = { exports: {} }, I = {};
|
|
5
5
|
var Ce;
|
|
6
6
|
function vr() {
|
package/dist/es/web.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { I as a, a as l } from "../index-
|
|
2
|
-
import { b as g, g as m, r as _ } from "../index-
|
|
1
|
+
import { I as a, a as l } from "../index-BtEG0cjF.mjs";
|
|
2
|
+
import { b as g, g as m, r as _ } from "../index-BtEG0cjF.mjs";
|
|
3
3
|
function i() {
|
|
4
4
|
let n = !1, s = !1;
|
|
5
5
|
return class extends HTMLElement {
|
|
@@ -597,7 +597,7 @@ function $t() {
|
|
|
597
597
|
})(K)), K.exports;
|
|
598
598
|
}
|
|
599
599
|
var Ft = $t();
|
|
600
|
-
const
|
|
600
|
+
const T = /* @__PURE__ */ Pt(Ft), fe = {};
|
|
601
601
|
function Rt(e) {
|
|
602
602
|
Object.assign(fe, e);
|
|
603
603
|
}
|
|
@@ -629,10 +629,10 @@ function Nt(e) {
|
|
|
629
629
|
};
|
|
630
630
|
}
|
|
631
631
|
function He(e) {
|
|
632
|
-
return (t) =>
|
|
632
|
+
return (t) => T.measure(() => t(e));
|
|
633
633
|
}
|
|
634
634
|
function Ge(e) {
|
|
635
|
-
return (t) =>
|
|
635
|
+
return (t) => T.mutate(() => t(e));
|
|
636
636
|
}
|
|
637
637
|
function Z(e) {
|
|
638
638
|
if (e.namedEffect) {
|
|
@@ -719,7 +719,7 @@ function ve(e, t, n, s, r) {
|
|
|
719
719
|
}));
|
|
720
720
|
const l = u.map(({ effect: m, options: g, id: d, part: h }) => {
|
|
721
721
|
const p = h ? Ht(i, h) : i, y = new KeyframeEffect(p || null, [], g);
|
|
722
|
-
|
|
722
|
+
T.mutate(() => {
|
|
723
723
|
"timing" in m && y.updateTiming(m.timing), y.setKeyframes(m.keyframes);
|
|
724
724
|
});
|
|
725
725
|
const v = a && f ? { timeline: f } : {}, w = typeof m.customEffect == "function" ? new Lt(
|
|
@@ -730,18 +730,18 @@ function ve(e, t, n, s, r) {
|
|
|
730
730
|
) : new Animation(y, v.timeline);
|
|
731
731
|
if (a)
|
|
732
732
|
if (f)
|
|
733
|
-
|
|
733
|
+
T.mutate(() => {
|
|
734
734
|
const { start: b, end: S } = Nt(m);
|
|
735
735
|
w.rangeStart = b, w.rangeEnd = S, w.play();
|
|
736
736
|
});
|
|
737
737
|
else {
|
|
738
738
|
const { startOffset: b, endOffset: S } = t;
|
|
739
|
-
|
|
740
|
-
const
|
|
739
|
+
T.mutate(() => {
|
|
740
|
+
const I = m.startOffset || b, $ = m.endOffset || S;
|
|
741
741
|
Object.assign(w, {
|
|
742
742
|
start: {
|
|
743
|
-
name:
|
|
744
|
-
offset:
|
|
743
|
+
name: I.name,
|
|
744
|
+
offset: I.offset?.value,
|
|
745
745
|
add: m.startOffsetAdd
|
|
746
746
|
},
|
|
747
747
|
end: {
|
|
@@ -758,7 +758,7 @@ function ve(e, t, n, s, r) {
|
|
|
758
758
|
...t,
|
|
759
759
|
trigger: { ...n || {} },
|
|
760
760
|
// make sure the group is ready after all animation targets are measured and mutated
|
|
761
|
-
measured: new Promise((m) =>
|
|
761
|
+
measured: new Promise((m) => T.mutate(m))
|
|
762
762
|
});
|
|
763
763
|
}
|
|
764
764
|
function Vt(e, t, n) {
|
|
@@ -767,7 +767,7 @@ function Vt(e, t, n) {
|
|
|
767
767
|
const i = { measure: He(r), mutate: Ge(r) };
|
|
768
768
|
s.prepare(t, i);
|
|
769
769
|
}
|
|
770
|
-
n &&
|
|
770
|
+
n && T.mutate(n);
|
|
771
771
|
}
|
|
772
772
|
function Wt(e, t) {
|
|
773
773
|
const n = Z(t);
|
|
@@ -1037,12 +1037,12 @@ function Ye(e, t = !1) {
|
|
|
1037
1037
|
i.forEach((o) => {
|
|
1038
1038
|
const c = o.target, u = !X.has(c);
|
|
1039
1039
|
if (u && (X.add(c), e.useSafeViewEnter && !o.isIntersecting)) {
|
|
1040
|
-
|
|
1040
|
+
T.measure(() => {
|
|
1041
1041
|
const a = o.boundingClientRect.height, l = o.rootBounds?.height;
|
|
1042
1042
|
if (!l)
|
|
1043
1043
|
return;
|
|
1044
1044
|
const m = Array.isArray(e.threshold) ? Math.min(...e.threshold) : e.threshold;
|
|
1045
|
-
m && a * m > l &&
|
|
1045
|
+
m && a * m > l && T.mutate(() => {
|
|
1046
1046
|
r.unobserve(c);
|
|
1047
1047
|
const d = Ye(e, !0);
|
|
1048
1048
|
U.set(c, d), d.observe(c);
|
|
@@ -1073,13 +1073,13 @@ function Zt(e, t, n, s = {}, { reducedMotion: r, selectorCondition: i, animation
|
|
|
1073
1073
|
const p = () => {
|
|
1074
1074
|
t.dataset.interactEnter = "start";
|
|
1075
1075
|
};
|
|
1076
|
-
f.isCSS ? (
|
|
1076
|
+
f.isCSS ? (T.mutate(() => {
|
|
1077
1077
|
requestAnimationFrame(p);
|
|
1078
1078
|
}), f.onFinish(() => {
|
|
1079
|
-
|
|
1079
|
+
T.mutate(() => {
|
|
1080
1080
|
t.dataset.interactEnter = "done";
|
|
1081
1081
|
});
|
|
1082
|
-
})) :
|
|
1082
|
+
})) : T.mutate(p);
|
|
1083
1083
|
}) : u === "alternate" ? l && h ? (l = !1, f.play()) : l || f.reverse() : u === "repeat" ? h ? (f.progress(0), f.play()) : (f.pause(), f.progress(0)) : u === "state" && (h ? f.play() : f.pause()));
|
|
1084
1084
|
}, cleanup: () => {
|
|
1085
1085
|
(U.get(e) || a).unobserve(e), (u === "repeat" || u === "state") && Ce().unobserve(e), f.cancel(), X.delete(e), U.delete(e);
|
|
@@ -1327,8 +1327,8 @@ function gn(e) {
|
|
|
1327
1327
|
if (h !== o) {
|
|
1328
1328
|
for (let v of t.scenes)
|
|
1329
1329
|
if (!v.disabled) {
|
|
1330
|
-
const { start: w, end: b, duration: S } = v,
|
|
1331
|
-
v.effect(v,
|
|
1330
|
+
const { start: w, end: b, duration: S } = v, I = mn(h, w, b, S);
|
|
1331
|
+
v.effect(v, I, y);
|
|
1332
1332
|
}
|
|
1333
1333
|
o = h;
|
|
1334
1334
|
}
|
|
@@ -1825,13 +1825,13 @@ function Wn(e, t, n, s = !1, r, i, o) {
|
|
|
1825
1825
|
const l = !i, m = i?.enter?.includes(a.type), g = i?.leave?.includes(a.type);
|
|
1826
1826
|
if (m || l) {
|
|
1827
1827
|
f === "alternate" || f === "state" ? u ? (u = !1, c.play()) : f === "alternate" ? c.reverse() : f === "state" && (c.playState === "running" ? c.pause() : c.playState !== "finished" && c.play()) : (c.progress(0), delete e.dataset.interactEnter, c.isCSS && c.onFinish(() => {
|
|
1828
|
-
|
|
1828
|
+
T.mutate(() => {
|
|
1829
1829
|
e.dataset.interactEnter = "done";
|
|
1830
1830
|
});
|
|
1831
1831
|
}), c.play());
|
|
1832
1832
|
return;
|
|
1833
1833
|
}
|
|
1834
|
-
g && (f === "alternate" ? c.reverse() : f === "repeat" ? (c.cancel(),
|
|
1834
|
+
g && (f === "alternate" ? c.reverse() : f === "repeat" ? (c.cancel(), T.mutate(() => {
|
|
1835
1835
|
delete e.dataset.interactEnter;
|
|
1836
1836
|
})) : f === "state" && c.playState === "running" && c.pause());
|
|
1837
1837
|
};
|
|
@@ -1934,14 +1934,16 @@ function es(e, t, n, s, {
|
|
|
1934
1934
|
} };
|
|
1935
1935
|
if (O(he, e, y), O(he, t, y), a) {
|
|
1936
1936
|
const v = u.enter, w = u.leave;
|
|
1937
|
-
v.forEach((
|
|
1938
|
-
|
|
1939
|
-
})
|
|
1940
|
-
|
|
1941
|
-
|
|
1937
|
+
v.forEach((I) => {
|
|
1938
|
+
I === "focusin" && (e.tabIndex = 0), h(e, I, { passive: !0, once: m });
|
|
1939
|
+
});
|
|
1940
|
+
const b = !s.method || s.method === "toggle";
|
|
1941
|
+
(f ? b : s.type !== "once") && w.forEach((I) => {
|
|
1942
|
+
if (I === "focusout") {
|
|
1943
|
+
h(e, I, { once: m });
|
|
1942
1944
|
return;
|
|
1943
1945
|
}
|
|
1944
|
-
h(e,
|
|
1946
|
+
h(e, I, { passive: !0 });
|
|
1945
1947
|
});
|
|
1946
1948
|
} else
|
|
1947
1949
|
(u.toggle ?? []).forEach((w) => {
|
|
@@ -2345,9 +2347,9 @@ function Ze(e, t, n, s, r, i, o) {
|
|
|
2345
2347
|
...l
|
|
2346
2348
|
}, h = k(d.conditions || [], r.dataCache.conditions);
|
|
2347
2349
|
if (h) {
|
|
2348
|
-
const
|
|
2350
|
+
const I = `${t}::${m || "eff"}`;
|
|
2349
2351
|
r.setupMediaQueryListener(
|
|
2350
|
-
|
|
2352
|
+
I,
|
|
2351
2353
|
h,
|
|
2352
2354
|
i.updateKey,
|
|
2353
2355
|
i.onUpdate
|
|
@@ -2521,7 +2523,7 @@ function tt(e, t, n, s, r) {
|
|
|
2521
2523
|
if (!b)
|
|
2522
2524
|
return !0;
|
|
2523
2525
|
y.listContainer && t.watchChildList(y.listContainer);
|
|
2524
|
-
const [S,
|
|
2526
|
+
const [S, I] = Xe(
|
|
2525
2527
|
d,
|
|
2526
2528
|
y,
|
|
2527
2529
|
b.element,
|
|
@@ -2531,7 +2533,7 @@ function tt(e, t, n, s, r) {
|
|
|
2531
2533
|
void 0,
|
|
2532
2534
|
r
|
|
2533
2535
|
);
|
|
2534
|
-
if (!S || !
|
|
2536
|
+
if (!S || !I)
|
|
2535
2537
|
return !0;
|
|
2536
2538
|
n.addedInteractions[l] = !0;
|
|
2537
2539
|
const $ = L(
|
|
@@ -2543,7 +2545,7 @@ function tt(e, t, n, s, r) {
|
|
|
2543
2545
|
d,
|
|
2544
2546
|
y,
|
|
2545
2547
|
S,
|
|
2546
|
-
|
|
2548
|
+
I,
|
|
2547
2549
|
$,
|
|
2548
2550
|
t.useFirstChild
|
|
2549
2551
|
]), !0;
|
|
@@ -2786,4 +2788,4 @@ export {
|
|
|
2786
2788
|
ys as g,
|
|
2787
2789
|
vs as r
|
|
2788
2790
|
};
|
|
2789
|
-
//# sourceMappingURL=index-
|
|
2791
|
+
//# sourceMappingURL=index-BtEG0cjF.mjs.map
|