@wix/interact 2.2.2 → 2.4.0

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 (55) hide show
  1. package/README.md +322 -246
  2. package/dist/cjs/index.js +1 -1
  3. package/dist/cjs/react.js +1 -1
  4. package/dist/cjs/web.js +1 -1
  5. package/dist/es/index.js +1 -1
  6. package/dist/es/react.js +2 -2
  7. package/dist/es/web.js +2 -2
  8. package/dist/index-C6u4q815.mjs +3291 -0
  9. package/dist/index-C6u4q815.mjs.map +1 -0
  10. package/dist/index-Qg46rn0Y.js +21 -0
  11. package/dist/index-Qg46rn0Y.js.map +1 -0
  12. package/dist/tsconfig.build.tsbuildinfo +1 -1
  13. package/dist/types/core/add.d.ts.map +1 -1
  14. package/dist/types/core/css.d.ts +17 -2
  15. package/dist/types/core/css.d.ts.map +1 -1
  16. package/dist/types/core/cssUtils.d.ts +8 -0
  17. package/dist/types/core/cssUtils.d.ts.map +1 -0
  18. package/dist/types/core/resolvers.d.ts +4 -0
  19. package/dist/types/core/resolvers.d.ts.map +1 -0
  20. package/dist/types/core/utilities.d.ts +6 -0
  21. package/dist/types/core/utilities.d.ts.map +1 -1
  22. package/dist/types/handlers/animationEnd.d.ts +1 -1
  23. package/dist/types/handlers/animationEnd.d.ts.map +1 -1
  24. package/dist/types/handlers/viewProgress.d.ts.map +1 -1
  25. package/dist/types/types/config.d.ts +23 -2
  26. package/dist/types/types/config.d.ts.map +1 -1
  27. package/dist/types/types/css.d.ts +26 -0
  28. package/dist/types/types/css.d.ts.map +1 -0
  29. package/dist/types/types/effects.d.ts +12 -0
  30. package/dist/types/types/effects.d.ts.map +1 -1
  31. package/dist/types/types/external.d.ts +3 -3
  32. package/dist/types/types/external.d.ts.map +1 -1
  33. package/dist/types/types/handlers.d.ts +2 -1
  34. package/dist/types/types/handlers.d.ts.map +1 -1
  35. package/dist/types/types/index.d.ts +1 -0
  36. package/dist/types/types/index.d.ts.map +1 -1
  37. package/dist/types/types/internal.d.ts +1 -1
  38. package/dist/types/types/internal.d.ts.map +1 -1
  39. package/dist/types/utils.d.ts +11 -2
  40. package/dist/types/utils.d.ts.map +1 -1
  41. package/docs/README.md +1 -1
  42. package/docs/api/README.md +4 -4
  43. package/docs/api/functions.md +157 -42
  44. package/docs/examples/entrance-animations.md +7 -5
  45. package/docs/guides/getting-started.md +1 -1
  46. package/docs/integration/react.md +8 -8
  47. package/package.json +6 -3
  48. package/rules/full-lean.md +24 -15
  49. package/rules/integration.md +23 -17
  50. package/rules/viewenter.md +4 -2
  51. package/rules/viewprogress.md +52 -0
  52. package/dist/index-A2Q0e94t.js +0 -18
  53. package/dist/index-A2Q0e94t.js.map +0 -1
  54. package/dist/index-HeFaJMEX.mjs +0 -2839
  55. package/dist/index-HeFaJMEX.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-A2Q0e94t.js");exports.Interact=e.a;exports.add=e.b;exports.generate=e.g;exports.remove=e.r;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-Qg46rn0Y.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-A2Q0e94t.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`
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Y=require("react"),P=require("../index-Qg46rn0Y.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-A2Q0e94t.js");function i(){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(e){this.controller.connected||this.controller.connect(e)}disconnect(e){this.controller.disconnect(e)}toggleEffect(e,t,l){l!==null&&(r&&(e=`--${e}`),this._internals&&!l?t==="toggle"?this._internals.states.has(e)?this._internals.states.delete(e):this._internals.states.add(e):t==="add"?this._internals.states.add(e):t==="remove"?this._internals.states.delete(e):t==="clear"&&this._internals.states.clear():this.controller?.toggleEffect(e,t,l,!0))}getActiveEffects(){if(this._internals){const e=Array.from(this._internals.states);return r?e.map(t=>t.replace(/^--/g,"")):e}return this.controller?.getActiveEffects()||[]}}}function a(){if(!customElements.get("interact-element")){const s=i();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;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../index-Qg46rn0Y.js");function i(){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(e){this.controller.connected||this.controller.connect(e)}disconnect(e){this.controller.disconnect(e)}toggleEffect(e,t,l){l!==null&&(r&&(e=`--${e}`),this._internals&&!l?t==="toggle"?this._internals.states.has(e)?this._internals.states.delete(e):this._internals.states.add(e):t==="add"?this._internals.states.add(e):t==="remove"?this._internals.states.delete(e):t==="clear"&&this._internals.states.clear():this.controller?.toggleEffect(e,t,l,!0))}getActiveEffects(){if(this._internals){const e=Array.from(this._internals.states);return r?e.map(t=>t.replace(/^--/g,"")):e}return this.controller?.getActiveEffects()||[]}}}function a(){if(!customElements.get("interact-element")){const s=i();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
@@ -1,4 +1,4 @@
1
- import { a as r, b as s, g as t, r as o } from "../index-HeFaJMEX.mjs";
1
+ import { a as r, b as s, g as t, r as o } from "../index-C6u4q815.mjs";
2
2
  export {
3
3
  r as Interact,
4
4
  s as add,
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-HeFaJMEX.mjs";
3
- import { a as mr, g as Tr } from "../index-HeFaJMEX.mjs";
2
+ import { b as cr, r as Oe } from "../index-C6u4q815.mjs";
3
+ import { a as mr, g as Tr } from "../index-C6u4q815.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 l, a } from "../index-HeFaJMEX.mjs";
2
- import { b as m, g, r as _ } from "../index-HeFaJMEX.mjs";
1
+ import { I as l, a } from "../index-C6u4q815.mjs";
2
+ import { b as m, g, r as _ } from "../index-C6u4q815.mjs";
3
3
  function i() {
4
4
  let n = !1, s = !1;
5
5
  return class extends HTMLElement {