@wix/motion 1.677.0 → 1.679.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.
|
@@ -12,22 +12,22 @@ const PARAMS_MAP = {
|
|
|
12
12
|
top: {
|
|
13
13
|
dx: 0,
|
|
14
14
|
dy: -1,
|
|
15
|
-
distance:
|
|
15
|
+
distance: 60
|
|
16
16
|
},
|
|
17
17
|
right: {
|
|
18
18
|
dx: 1,
|
|
19
19
|
dy: 0,
|
|
20
|
-
distance:
|
|
20
|
+
distance: 60
|
|
21
21
|
},
|
|
22
22
|
bottom: {
|
|
23
23
|
dx: 0,
|
|
24
24
|
dy: 1,
|
|
25
|
-
distance:
|
|
25
|
+
distance: 60
|
|
26
26
|
},
|
|
27
27
|
left: {
|
|
28
28
|
dx: -1,
|
|
29
29
|
dy: 0,
|
|
30
|
-
distance:
|
|
30
|
+
distance: 60
|
|
31
31
|
}
|
|
32
32
|
};
|
|
33
33
|
function web(options) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_utils","require","getNames","_","PARAMS_MAP","top","dx","dy","distance","right","bottom","left","web","options","style","asWeb","direction","namedEffect","floatIn","fromParams","translateX","translateY","custom","name","easing","keyframes","offset","opacity","INITIAL_FRAME_OFFSET","transform","toKeyframeValue"],"sources":["../../../../src/library/entrance/FloatIn.ts"],"sourcesContent":["import type { TimeAnimationOptions, FloatIn } from '../../types';\nimport { INITIAL_FRAME_OFFSET, toKeyframeValue } from '../../utils';\n\nexport function getNames(_: TimeAnimationOptions) {\n return ['motion-floatIn'];\n}\n\nconst PARAMS_MAP = {\n top: { dx: 0, dy: -1, distance:
|
|
1
|
+
{"version":3,"names":["_utils","require","getNames","_","PARAMS_MAP","top","dx","dy","distance","right","bottom","left","web","options","style","asWeb","direction","namedEffect","floatIn","fromParams","translateX","translateY","custom","name","easing","keyframes","offset","opacity","INITIAL_FRAME_OFFSET","transform","toKeyframeValue"],"sources":["../../../../src/library/entrance/FloatIn.ts"],"sourcesContent":["import type { TimeAnimationOptions, FloatIn } from '../../types';\nimport { INITIAL_FRAME_OFFSET, toKeyframeValue } from '../../utils';\n\nexport function getNames(_: TimeAnimationOptions) {\n return ['motion-floatIn'];\n}\n\nconst PARAMS_MAP = {\n top: { dx: 0, dy: -1, distance: 60 },\n right: { dx: 1, dy: 0, distance: 60 },\n bottom: { dx: 0, dy: 1, distance: 60 },\n left: { dx: -1, dy: 0, distance: 60 },\n};\n\nexport function web(options: TimeAnimationOptions) {\n return style(options, true);\n}\n\nexport function style(options: TimeAnimationOptions, asWeb = false) {\n const { direction = 'left', distance } = options.namedEffect as FloatIn & {\n distance?: number;\n };\n const [floatIn] = getNames(options);\n const fromParams = PARAMS_MAP[direction];\n\n const translateX = fromParams.dx * (distance || fromParams.distance);\n const translateY = fromParams.dy * (distance || fromParams.distance);\n\n const custom = {\n '--motion-translate-x': `${translateX}px`,\n '--motion-translate-y': `${translateY}px`,\n };\n\n return [\n {\n ...options,\n name: floatIn,\n easing: 'sineInOut',\n custom,\n keyframes: [\n {\n offset: 0,\n opacity: 0,\n easing: 'step-end',\n },\n {\n offset: INITIAL_FRAME_OFFSET,\n opacity: 0,\n transform: `translate(${toKeyframeValue(\n custom,\n '--motion-translate-x',\n asWeb,\n )}, ${toKeyframeValue(\n custom,\n '--motion-translate-y',\n asWeb,\n )}) rotate(var(--comp-rotate-z, 0deg))`,\n },\n {\n opacity: 'var(--comp-opacity, 1)',\n transform: 'translate(0, 0) rotate(var(--comp-rotate-z, 0deg))',\n },\n ],\n },\n ];\n}\n"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAEO,SAASC,QAAQA,CAACC,CAAuB,EAAE;EAChD,OAAO,CAAC,gBAAgB,CAAC;AAC3B;AAEA,MAAMC,UAAU,GAAG;EACjBC,GAAG,EAAE;IAAEC,EAAE,EAAE,CAAC;IAAEC,EAAE,EAAE,CAAC,CAAC;IAAEC,QAAQ,EAAE;EAAG,CAAC;EACpCC,KAAK,EAAE;IAAEH,EAAE,EAAE,CAAC;IAAEC,EAAE,EAAE,CAAC;IAAEC,QAAQ,EAAE;EAAG,CAAC;EACrCE,MAAM,EAAE;IAAEJ,EAAE,EAAE,CAAC;IAAEC,EAAE,EAAE,CAAC;IAAEC,QAAQ,EAAE;EAAG,CAAC;EACtCG,IAAI,EAAE;IAAEL,EAAE,EAAE,CAAC,CAAC;IAAEC,EAAE,EAAE,CAAC;IAAEC,QAAQ,EAAE;EAAG;AACtC,CAAC;AAEM,SAASI,GAAGA,CAACC,OAA6B,EAAE;EACjD,OAAOC,KAAK,CAACD,OAAO,EAAE,IAAI,CAAC;AAC7B;AAEO,SAASC,KAAKA,CAACD,OAA6B,EAAEE,KAAK,GAAG,KAAK,EAAE;EAClE,MAAM;IAAEC,SAAS,GAAG,MAAM;IAAER;EAAS,CAAC,GAAGK,OAAO,CAACI,WAEhD;EACD,MAAM,CAACC,OAAO,CAAC,GAAGhB,QAAQ,CAACW,OAAO,CAAC;EACnC,MAAMM,UAAU,GAAGf,UAAU,CAACY,SAAS,CAAC;EAExC,MAAMI,UAAU,GAAGD,UAAU,CAACb,EAAE,IAAIE,QAAQ,IAAIW,UAAU,CAACX,QAAQ,CAAC;EACpE,MAAMa,UAAU,GAAGF,UAAU,CAACZ,EAAE,IAAIC,QAAQ,IAAIW,UAAU,CAACX,QAAQ,CAAC;EAEpE,MAAMc,MAAM,GAAG;IACb,sBAAsB,EAAE,GAAGF,UAAU,IAAI;IACzC,sBAAsB,EAAE,GAAGC,UAAU;EACvC,CAAC;EAED,OAAO,CACL;IACE,GAAGR,OAAO;IACVU,IAAI,EAAEL,OAAO;IACbM,MAAM,EAAE,WAAW;IACnBF,MAAM;IACNG,SAAS,EAAE,CACT;MACEC,MAAM,EAAE,CAAC;MACTC,OAAO,EAAE,CAAC;MACVH,MAAM,EAAE;IACV,CAAC,EACD;MACEE,MAAM,EAAEE,2BAAoB;MAC5BD,OAAO,EAAE,CAAC;MACVE,SAAS,EAAE,aAAa,IAAAC,sBAAe,EACrCR,MAAM,EACN,sBAAsB,EACtBP,KACF,CAAC,KAAK,IAAAe,sBAAe,EACnBR,MAAM,EACN,sBAAsB,EACtBP,KACF,CAAC;IACH,CAAC,EACD;MACEY,OAAO,EAAE,wBAAwB;MACjCE,SAAS,EAAE;IACb,CAAC;EAEL,CAAC,CACF;AACH","ignoreList":[]}
|
|
@@ -6,22 +6,22 @@ const PARAMS_MAP = {
|
|
|
6
6
|
top: {
|
|
7
7
|
dx: 0,
|
|
8
8
|
dy: -1,
|
|
9
|
-
distance:
|
|
9
|
+
distance: 60
|
|
10
10
|
},
|
|
11
11
|
right: {
|
|
12
12
|
dx: 1,
|
|
13
13
|
dy: 0,
|
|
14
|
-
distance:
|
|
14
|
+
distance: 60
|
|
15
15
|
},
|
|
16
16
|
bottom: {
|
|
17
17
|
dx: 0,
|
|
18
18
|
dy: 1,
|
|
19
|
-
distance:
|
|
19
|
+
distance: 60
|
|
20
20
|
},
|
|
21
21
|
left: {
|
|
22
22
|
dx: -1,
|
|
23
23
|
dy: 0,
|
|
24
|
-
distance:
|
|
24
|
+
distance: 60
|
|
25
25
|
}
|
|
26
26
|
};
|
|
27
27
|
export function web(options) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["INITIAL_FRAME_OFFSET","toKeyframeValue","getNames","_","PARAMS_MAP","top","dx","dy","distance","right","bottom","left","web","options","style","asWeb","direction","namedEffect","floatIn","fromParams","translateX","translateY","custom","name","easing","keyframes","offset","opacity","transform"],"sources":["../../../../src/library/entrance/FloatIn.ts"],"sourcesContent":["import type { TimeAnimationOptions, FloatIn } from '../../types';\nimport { INITIAL_FRAME_OFFSET, toKeyframeValue } from '../../utils';\n\nexport function getNames(_: TimeAnimationOptions) {\n return ['motion-floatIn'];\n}\n\nconst PARAMS_MAP = {\n top: { dx: 0, dy: -1, distance:
|
|
1
|
+
{"version":3,"names":["INITIAL_FRAME_OFFSET","toKeyframeValue","getNames","_","PARAMS_MAP","top","dx","dy","distance","right","bottom","left","web","options","style","asWeb","direction","namedEffect","floatIn","fromParams","translateX","translateY","custom","name","easing","keyframes","offset","opacity","transform"],"sources":["../../../../src/library/entrance/FloatIn.ts"],"sourcesContent":["import type { TimeAnimationOptions, FloatIn } from '../../types';\nimport { INITIAL_FRAME_OFFSET, toKeyframeValue } from '../../utils';\n\nexport function getNames(_: TimeAnimationOptions) {\n return ['motion-floatIn'];\n}\n\nconst PARAMS_MAP = {\n top: { dx: 0, dy: -1, distance: 60 },\n right: { dx: 1, dy: 0, distance: 60 },\n bottom: { dx: 0, dy: 1, distance: 60 },\n left: { dx: -1, dy: 0, distance: 60 },\n};\n\nexport function web(options: TimeAnimationOptions) {\n return style(options, true);\n}\n\nexport function style(options: TimeAnimationOptions, asWeb = false) {\n const { direction = 'left', distance } = options.namedEffect as FloatIn & {\n distance?: number;\n };\n const [floatIn] = getNames(options);\n const fromParams = PARAMS_MAP[direction];\n\n const translateX = fromParams.dx * (distance || fromParams.distance);\n const translateY = fromParams.dy * (distance || fromParams.distance);\n\n const custom = {\n '--motion-translate-x': `${translateX}px`,\n '--motion-translate-y': `${translateY}px`,\n };\n\n return [\n {\n ...options,\n name: floatIn,\n easing: 'sineInOut',\n custom,\n keyframes: [\n {\n offset: 0,\n opacity: 0,\n easing: 'step-end',\n },\n {\n offset: INITIAL_FRAME_OFFSET,\n opacity: 0,\n transform: `translate(${toKeyframeValue(\n custom,\n '--motion-translate-x',\n asWeb,\n )}, ${toKeyframeValue(\n custom,\n '--motion-translate-y',\n asWeb,\n )}) rotate(var(--comp-rotate-z, 0deg))`,\n },\n {\n opacity: 'var(--comp-opacity, 1)',\n transform: 'translate(0, 0) rotate(var(--comp-rotate-z, 0deg))',\n },\n ],\n },\n ];\n}\n"],"mappings":"AACA,SAASA,oBAAoB,EAAEC,eAAe,QAAQ,aAAa;AAEnE,OAAO,SAASC,QAAQA,CAACC,CAAuB,EAAE;EAChD,OAAO,CAAC,gBAAgB,CAAC;AAC3B;AAEA,MAAMC,UAAU,GAAG;EACjBC,GAAG,EAAE;IAAEC,EAAE,EAAE,CAAC;IAAEC,EAAE,EAAE,CAAC,CAAC;IAAEC,QAAQ,EAAE;EAAG,CAAC;EACpCC,KAAK,EAAE;IAAEH,EAAE,EAAE,CAAC;IAAEC,EAAE,EAAE,CAAC;IAAEC,QAAQ,EAAE;EAAG,CAAC;EACrCE,MAAM,EAAE;IAAEJ,EAAE,EAAE,CAAC;IAAEC,EAAE,EAAE,CAAC;IAAEC,QAAQ,EAAE;EAAG,CAAC;EACtCG,IAAI,EAAE;IAAEL,EAAE,EAAE,CAAC,CAAC;IAAEC,EAAE,EAAE,CAAC;IAAEC,QAAQ,EAAE;EAAG;AACtC,CAAC;AAED,OAAO,SAASI,GAAGA,CAACC,OAA6B,EAAE;EACjD,OAAOC,KAAK,CAACD,OAAO,EAAE,IAAI,CAAC;AAC7B;AAEA,OAAO,SAASC,KAAKA,CAACD,OAA6B,EAAEE,KAAK,EAAU;EAAA,IAAfA,KAAK;IAALA,KAAK,GAAG,KAAK;EAAA;EAChE,MAAM;IAAEC,SAAS,GAAG,MAAM;IAAER;EAAS,CAAC,GAAGK,OAAO,CAACI,WAEhD;EACD,MAAM,CAACC,OAAO,CAAC,GAAGhB,QAAQ,CAACW,OAAO,CAAC;EACnC,MAAMM,UAAU,GAAGf,UAAU,CAACY,SAAS,CAAC;EAExC,MAAMI,UAAU,GAAGD,UAAU,CAACb,EAAE,IAAIE,QAAQ,IAAIW,UAAU,CAACX,QAAQ,CAAC;EACpE,MAAMa,UAAU,GAAGF,UAAU,CAACZ,EAAE,IAAIC,QAAQ,IAAIW,UAAU,CAACX,QAAQ,CAAC;EAEpE,MAAMc,MAAM,GAAG;IACb,sBAAsB,EAAE,GAAGF,UAAU,IAAI;IACzC,sBAAsB,EAAE,GAAGC,UAAU;EACvC,CAAC;EAED,OAAO,CACL;IACE,GAAGR,OAAO;IACVU,IAAI,EAAEL,OAAO;IACbM,MAAM,EAAE,WAAW;IACnBF,MAAM;IACNG,SAAS,EAAE,CACT;MACEC,MAAM,EAAE,CAAC;MACTC,OAAO,EAAE,CAAC;MACVH,MAAM,EAAE;IACV,CAAC,EACD;MACEE,MAAM,EAAE1B,oBAAoB;MAC5B2B,OAAO,EAAE,CAAC;MACVC,SAAS,EAAE,aAAa3B,eAAe,CACrCqB,MAAM,EACN,sBAAsB,EACtBP,KACF,CAAC,KAAKd,eAAe,CACnBqB,MAAM,EACN,sBAAsB,EACtBP,KACF,CAAC;IACH,CAAC,EACD;MACEY,OAAO,EAAE,wBAAwB;MACjCC,SAAS,EAAE;IACb,CAAC;EAEL,CAAC,CACF;AACH","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wix/motion",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.679.0",
|
|
4
4
|
"license": "UNLICENSED",
|
|
5
5
|
"author": {
|
|
6
6
|
"name": "wow!Team",
|
|
@@ -83,5 +83,5 @@
|
|
|
83
83
|
"wallaby": {
|
|
84
84
|
"autoDetect": true
|
|
85
85
|
},
|
|
86
|
-
"falconPackageHash": "
|
|
86
|
+
"falconPackageHash": "9896f03b2b01c50699080a169c7cdfe2214ae75ca0052969d611888e"
|
|
87
87
|
}
|