@wix/motion 1.590.0 → 1.592.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.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_utils","require","POWER_EASING_MAP","soft","medium","hard","DIRECTION_MAP","clockwise","web","options","_dom","style","asWeb","power","direction","namedEffect","duration","delay","timingFactor","getTimingFactor","name","getNames","easing","transformRotate","custom","keyframes","offset","rotate","toKeyframeValue"],"sources":["../../../../src/library/ongoing/Spin.ts"],"sourcesContent":["import type {\n Spin,\n TimeAnimationOptions,\n DomApi,\n AnimationExtraOptions,\n} from '../../types';\nimport { getTimingFactor, toKeyframeValue } from '../../utils';\n\nconst POWER_EASING_MAP = {\n soft: 'linear',\n medium: 'quintInOut',\n hard: 'backOut',\n};\n\nconst DIRECTION_MAP = {\n clockwise: -1,\n 'counter-clockwise': 1,\n};\n\nexport function web(\n options: TimeAnimationOptions & AnimationExtraOptions,\n _dom?: DomApi,\n) {\n return style(options, true);\n}\n\nexport function style(\n options: TimeAnimationOptions & AnimationExtraOptions,\n asWeb = false,\n) {\n const { power, direction = 'clockwise' } = options.namedEffect as Spin;\n\n const duration = options.duration || 1;\n const delay = options.delay || 0;\n const timingFactor = getTimingFactor(duration, delay) as number;\n const [name] = getNames(options);\n\n const easing =\n (power && POWER_EASING_MAP[power]) || options.easing || 'linear';\n\n const transformRotate = (DIRECTION_MAP[direction] > 0 ? 1 : -1) * 360;\n\n const custom = {\n '--motion-rotate-start': `calc(var(--comp-rotate-z, 0deg) + ${transformRotate}deg)`,\n };\n\n return [\n {\n ...options,\n name,\n easing: 'linear',\n delay: 0,\n duration: duration + delay,\n custom,\n keyframes: [\n {\n offset: 0,\n easing,\n rotate: toKeyframeValue(custom, '--motion-rotate-start', asWeb),\n },\n {\n offset: timingFactor,\n rotate: `var(--comp-rotate-z, 0deg)`,\n },\n ],\n },\n ];\n}\n\nexport function getNames(\n options: TimeAnimationOptions & AnimationExtraOptions,\n) {\n const timingFactor = getTimingFactor(options.duration!, options.delay!, true);\n\n return [`motion-spin-${timingFactor}`];\n}\n"],"mappings":";;;;;;AAMA,IAAAA,MAAA,GAAAC,OAAA;AAEA,MAAMC,gBAAgB,GAAG;EACvBC,IAAI,EAAE,QAAQ;EACdC,MAAM,EAAE,YAAY;EACpBC,IAAI,EAAE;AACR,CAAC;AAED,MAAMC,aAAa,GAAG;EACpBC,SAAS,EAAE,CAAC,CAAC;EACb,mBAAmB,EAAE;AACvB,CAAC;AAEM,SAASC,GAAGA,CACjBC,OAAqD,EACrDC,IAAa,EACb;EACA,OAAOC,KAAK,CAACF,OAAO,EAAE,IAAI,CAAC;AAC7B;AAEO,SAASE,KAAKA,CACnBF,OAAqD,EACrDG,KAAK,GAAG,KAAK,EACb;EACA,MAAM;IAAEC,KAAK;IAAEC,SAAS,GAAG;EAAY,CAAC,GAAGL,OAAO,CAACM,WAAmB;EAEtE,MAAMC,QAAQ,GAAGP,OAAO,CAACO,QAAQ,IAAI,CAAC;EACtC,MAAMC,KAAK,GAAGR,OAAO,CAACQ,KAAK,IAAI,CAAC;EAChC,MAAMC,YAAY,GAAG,IAAAC,sBAAe,EAACH,QAAQ,EAAEC,KAAK,CAAW;EAC/D,MAAM,CAACG,IAAI,CAAC,GAAGC,QAAQ,CAACZ,OAAO,CAAC;EAEhC,MAAMa,MAAM,GACTT,KAAK,IAAIX,gBAAgB,CAACW,KAAK,CAAC,IAAKJ,OAAO,CAACa,MAAM,IAAI,QAAQ;EAElE,MAAMC,eAAe,GAAG,CAACjB,aAAa,CAACQ,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,IAAI,GAAG;EAErE,MAAMU,MAAM,GAAG;IACb,uBAAuB,EAAE,qCAAqCD,eAAe;EAC/E,CAAC;EAED,OAAO,CACL;IACE,GAAGd,OAAO;IACVW,IAAI;IACJE,MAAM,EAAE,QAAQ;IAChBL,KAAK,EAAE,CAAC;IACRD,QAAQ,EAAEA,QAAQ,GAAGC,KAAK;IAC1BO,MAAM;IACNC,SAAS,EAAE,CACT;MACEC,MAAM,EAAE,CAAC;MACTJ,MAAM;
|
|
1
|
+
{"version":3,"names":["_utils","require","POWER_EASING_MAP","soft","medium","hard","DIRECTION_MAP","clockwise","web","options","_dom","style","asWeb","power","direction","namedEffect","duration","delay","timingFactor","getTimingFactor","name","getNames","easing","transformRotate","custom","keyframes","offset","getEasing","rotate","toKeyframeValue"],"sources":["../../../../src/library/ongoing/Spin.ts"],"sourcesContent":["import type {\n Spin,\n TimeAnimationOptions,\n DomApi,\n AnimationExtraOptions,\n} from '../../types';\nimport { getEasing, getTimingFactor, toKeyframeValue } from '../../utils';\n\nconst POWER_EASING_MAP = {\n soft: 'linear',\n medium: 'quintInOut',\n hard: 'backOut',\n};\n\nconst DIRECTION_MAP = {\n clockwise: -1,\n 'counter-clockwise': 1,\n};\n\nexport function web(\n options: TimeAnimationOptions & AnimationExtraOptions,\n _dom?: DomApi,\n) {\n return style(options, true);\n}\n\nexport function style(\n options: TimeAnimationOptions & AnimationExtraOptions,\n asWeb = false,\n) {\n const { power, direction = 'clockwise' } = options.namedEffect as Spin;\n\n const duration = options.duration || 1;\n const delay = options.delay || 0;\n const timingFactor = getTimingFactor(duration, delay) as number;\n const [name] = getNames(options);\n\n const easing =\n (power && POWER_EASING_MAP[power]) || options.easing || 'linear';\n\n const transformRotate = (DIRECTION_MAP[direction] > 0 ? 1 : -1) * 360;\n\n const custom = {\n '--motion-rotate-start': `calc(var(--comp-rotate-z, 0deg) + ${transformRotate}deg)`,\n };\n\n return [\n {\n ...options,\n name,\n easing: 'linear',\n delay: 0,\n duration: duration + delay,\n custom,\n keyframes: [\n {\n offset: 0,\n easing: getEasing(easing),\n rotate: toKeyframeValue(custom, '--motion-rotate-start', asWeb),\n },\n {\n offset: timingFactor,\n rotate: `var(--comp-rotate-z, 0deg)`,\n },\n ],\n },\n ];\n}\n\nexport function getNames(\n options: TimeAnimationOptions & AnimationExtraOptions,\n) {\n const timingFactor = getTimingFactor(options.duration!, options.delay!, true);\n\n return [`motion-spin-${timingFactor}`];\n}\n"],"mappings":";;;;;;AAMA,IAAAA,MAAA,GAAAC,OAAA;AAEA,MAAMC,gBAAgB,GAAG;EACvBC,IAAI,EAAE,QAAQ;EACdC,MAAM,EAAE,YAAY;EACpBC,IAAI,EAAE;AACR,CAAC;AAED,MAAMC,aAAa,GAAG;EACpBC,SAAS,EAAE,CAAC,CAAC;EACb,mBAAmB,EAAE;AACvB,CAAC;AAEM,SAASC,GAAGA,CACjBC,OAAqD,EACrDC,IAAa,EACb;EACA,OAAOC,KAAK,CAACF,OAAO,EAAE,IAAI,CAAC;AAC7B;AAEO,SAASE,KAAKA,CACnBF,OAAqD,EACrDG,KAAK,GAAG,KAAK,EACb;EACA,MAAM;IAAEC,KAAK;IAAEC,SAAS,GAAG;EAAY,CAAC,GAAGL,OAAO,CAACM,WAAmB;EAEtE,MAAMC,QAAQ,GAAGP,OAAO,CAACO,QAAQ,IAAI,CAAC;EACtC,MAAMC,KAAK,GAAGR,OAAO,CAACQ,KAAK,IAAI,CAAC;EAChC,MAAMC,YAAY,GAAG,IAAAC,sBAAe,EAACH,QAAQ,EAAEC,KAAK,CAAW;EAC/D,MAAM,CAACG,IAAI,CAAC,GAAGC,QAAQ,CAACZ,OAAO,CAAC;EAEhC,MAAMa,MAAM,GACTT,KAAK,IAAIX,gBAAgB,CAACW,KAAK,CAAC,IAAKJ,OAAO,CAACa,MAAM,IAAI,QAAQ;EAElE,MAAMC,eAAe,GAAG,CAACjB,aAAa,CAACQ,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,IAAI,GAAG;EAErE,MAAMU,MAAM,GAAG;IACb,uBAAuB,EAAE,qCAAqCD,eAAe;EAC/E,CAAC;EAED,OAAO,CACL;IACE,GAAGd,OAAO;IACVW,IAAI;IACJE,MAAM,EAAE,QAAQ;IAChBL,KAAK,EAAE,CAAC;IACRD,QAAQ,EAAEA,QAAQ,GAAGC,KAAK;IAC1BO,MAAM;IACNC,SAAS,EAAE,CACT;MACEC,MAAM,EAAE,CAAC;MACTJ,MAAM,EAAE,IAAAK,gBAAS,EAACL,MAAM,CAAC;MACzBM,MAAM,EAAE,IAAAC,sBAAe,EAACL,MAAM,EAAE,uBAAuB,EAAEZ,KAAK;IAChE,CAAC,EACD;MACEc,MAAM,EAAER,YAAY;MACpBU,MAAM,EAAE;IACV,CAAC;EAEL,CAAC,CACF;AACH;AAEO,SAASP,QAAQA,CACtBZ,OAAqD,EACrD;EACA,MAAMS,YAAY,GAAG,IAAAC,sBAAe,EAACV,OAAO,CAACO,QAAQ,EAAGP,OAAO,CAACQ,KAAK,EAAG,IAAI,CAAC;EAE7E,OAAO,CAAC,eAAeC,YAAY,EAAE,CAAC;AACxC","ignoreList":[]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { getTimingFactor, toKeyframeValue } from '../../utils';
|
|
1
|
+
import { getEasing, getTimingFactor, toKeyframeValue } from '../../utils';
|
|
2
2
|
const POWER_EASING_MAP = {
|
|
3
3
|
soft: 'linear',
|
|
4
4
|
medium: 'quintInOut',
|
|
@@ -37,7 +37,7 @@ export function style(options, asWeb) {
|
|
|
37
37
|
custom,
|
|
38
38
|
keyframes: [{
|
|
39
39
|
offset: 0,
|
|
40
|
-
easing,
|
|
40
|
+
easing: getEasing(easing),
|
|
41
41
|
rotate: toKeyframeValue(custom, '--motion-rotate-start', asWeb)
|
|
42
42
|
}, {
|
|
43
43
|
offset: timingFactor,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["getTimingFactor","toKeyframeValue","POWER_EASING_MAP","soft","medium","hard","DIRECTION_MAP","clockwise","web","options","_dom","style","asWeb","power","direction","namedEffect","duration","delay","timingFactor","name","getNames","easing","transformRotate","custom","keyframes","offset","rotate"],"sources":["../../../../src/library/ongoing/Spin.ts"],"sourcesContent":["import type {\n Spin,\n TimeAnimationOptions,\n DomApi,\n AnimationExtraOptions,\n} from '../../types';\nimport { getTimingFactor, toKeyframeValue } from '../../utils';\n\nconst POWER_EASING_MAP = {\n soft: 'linear',\n medium: 'quintInOut',\n hard: 'backOut',\n};\n\nconst DIRECTION_MAP = {\n clockwise: -1,\n 'counter-clockwise': 1,\n};\n\nexport function web(\n options: TimeAnimationOptions & AnimationExtraOptions,\n _dom?: DomApi,\n) {\n return style(options, true);\n}\n\nexport function style(\n options: TimeAnimationOptions & AnimationExtraOptions,\n asWeb = false,\n) {\n const { power, direction = 'clockwise' } = options.namedEffect as Spin;\n\n const duration = options.duration || 1;\n const delay = options.delay || 0;\n const timingFactor = getTimingFactor(duration, delay) as number;\n const [name] = getNames(options);\n\n const easing =\n (power && POWER_EASING_MAP[power]) || options.easing || 'linear';\n\n const transformRotate = (DIRECTION_MAP[direction] > 0 ? 1 : -1) * 360;\n\n const custom = {\n '--motion-rotate-start': `calc(var(--comp-rotate-z, 0deg) + ${transformRotate}deg)`,\n };\n\n return [\n {\n ...options,\n name,\n easing: 'linear',\n delay: 0,\n duration: duration + delay,\n custom,\n keyframes: [\n {\n offset: 0,\n easing,\n rotate: toKeyframeValue(custom, '--motion-rotate-start', asWeb),\n },\n {\n offset: timingFactor,\n rotate: `var(--comp-rotate-z, 0deg)`,\n },\n ],\n },\n ];\n}\n\nexport function getNames(\n options: TimeAnimationOptions & AnimationExtraOptions,\n) {\n const timingFactor = getTimingFactor(options.duration!, options.delay!, true);\n\n return [`motion-spin-${timingFactor}`];\n}\n"],"mappings":"AAMA,SAASA,eAAe,EAAEC,eAAe,QAAQ,aAAa;
|
|
1
|
+
{"version":3,"names":["getEasing","getTimingFactor","toKeyframeValue","POWER_EASING_MAP","soft","medium","hard","DIRECTION_MAP","clockwise","web","options","_dom","style","asWeb","power","direction","namedEffect","duration","delay","timingFactor","name","getNames","easing","transformRotate","custom","keyframes","offset","rotate"],"sources":["../../../../src/library/ongoing/Spin.ts"],"sourcesContent":["import type {\n Spin,\n TimeAnimationOptions,\n DomApi,\n AnimationExtraOptions,\n} from '../../types';\nimport { getEasing, getTimingFactor, toKeyframeValue } from '../../utils';\n\nconst POWER_EASING_MAP = {\n soft: 'linear',\n medium: 'quintInOut',\n hard: 'backOut',\n};\n\nconst DIRECTION_MAP = {\n clockwise: -1,\n 'counter-clockwise': 1,\n};\n\nexport function web(\n options: TimeAnimationOptions & AnimationExtraOptions,\n _dom?: DomApi,\n) {\n return style(options, true);\n}\n\nexport function style(\n options: TimeAnimationOptions & AnimationExtraOptions,\n asWeb = false,\n) {\n const { power, direction = 'clockwise' } = options.namedEffect as Spin;\n\n const duration = options.duration || 1;\n const delay = options.delay || 0;\n const timingFactor = getTimingFactor(duration, delay) as number;\n const [name] = getNames(options);\n\n const easing =\n (power && POWER_EASING_MAP[power]) || options.easing || 'linear';\n\n const transformRotate = (DIRECTION_MAP[direction] > 0 ? 1 : -1) * 360;\n\n const custom = {\n '--motion-rotate-start': `calc(var(--comp-rotate-z, 0deg) + ${transformRotate}deg)`,\n };\n\n return [\n {\n ...options,\n name,\n easing: 'linear',\n delay: 0,\n duration: duration + delay,\n custom,\n keyframes: [\n {\n offset: 0,\n easing: getEasing(easing),\n rotate: toKeyframeValue(custom, '--motion-rotate-start', asWeb),\n },\n {\n offset: timingFactor,\n rotate: `var(--comp-rotate-z, 0deg)`,\n },\n ],\n },\n ];\n}\n\nexport function getNames(\n options: TimeAnimationOptions & AnimationExtraOptions,\n) {\n const timingFactor = getTimingFactor(options.duration!, options.delay!, true);\n\n return [`motion-spin-${timingFactor}`];\n}\n"],"mappings":"AAMA,SAASA,SAAS,EAAEC,eAAe,EAAEC,eAAe,QAAQ,aAAa;AAEzE,MAAMC,gBAAgB,GAAG;EACvBC,IAAI,EAAE,QAAQ;EACdC,MAAM,EAAE,YAAY;EACpBC,IAAI,EAAE;AACR,CAAC;AAED,MAAMC,aAAa,GAAG;EACpBC,SAAS,EAAE,CAAC,CAAC;EACb,mBAAmB,EAAE;AACvB,CAAC;AAED,OAAO,SAASC,GAAGA,CACjBC,OAAqD,EACrDC,IAAa,EACb;EACA,OAAOC,KAAK,CAACF,OAAO,EAAE,IAAI,CAAC;AAC7B;AAEA,OAAO,SAASE,KAAKA,CACnBF,OAAqD,EACrDG,KAAK,EACL;EAAA,IADAA,KAAK;IAALA,KAAK,GAAG,KAAK;EAAA;EAEb,MAAM;IAAEC,KAAK;IAAEC,SAAS,GAAG;EAAY,CAAC,GAAGL,OAAO,CAACM,WAAmB;EAEtE,MAAMC,QAAQ,GAAGP,OAAO,CAACO,QAAQ,IAAI,CAAC;EACtC,MAAMC,KAAK,GAAGR,OAAO,CAACQ,KAAK,IAAI,CAAC;EAChC,MAAMC,YAAY,GAAGlB,eAAe,CAACgB,QAAQ,EAAEC,KAAK,CAAW;EAC/D,MAAM,CAACE,IAAI,CAAC,GAAGC,QAAQ,CAACX,OAAO,CAAC;EAEhC,MAAMY,MAAM,GACTR,KAAK,IAAIX,gBAAgB,CAACW,KAAK,CAAC,IAAKJ,OAAO,CAACY,MAAM,IAAI,QAAQ;EAElE,MAAMC,eAAe,GAAG,CAAChB,aAAa,CAACQ,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,IAAI,GAAG;EAErE,MAAMS,MAAM,GAAG;IACb,uBAAuB,EAAE,qCAAqCD,eAAe;EAC/E,CAAC;EAED,OAAO,CACL;IACE,GAAGb,OAAO;IACVU,IAAI;IACJE,MAAM,EAAE,QAAQ;IAChBJ,KAAK,EAAE,CAAC;IACRD,QAAQ,EAAEA,QAAQ,GAAGC,KAAK;IAC1BM,MAAM;IACNC,SAAS,EAAE,CACT;MACEC,MAAM,EAAE,CAAC;MACTJ,MAAM,EAAEtB,SAAS,CAACsB,MAAM,CAAC;MACzBK,MAAM,EAAEzB,eAAe,CAACsB,MAAM,EAAE,uBAAuB,EAAEX,KAAK;IAChE,CAAC,EACD;MACEa,MAAM,EAAEP,YAAY;MACpBQ,MAAM,EAAE;IACV,CAAC;EAEL,CAAC,CACF;AACH;AAEA,OAAO,SAASN,QAAQA,CACtBX,OAAqD,EACrD;EACA,MAAMS,YAAY,GAAGlB,eAAe,CAACS,OAAO,CAACO,QAAQ,EAAGP,OAAO,CAACQ,KAAK,EAAG,IAAI,CAAC;EAE7E,OAAO,CAAC,eAAeC,YAAY,EAAE,CAAC;AACxC","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wix/motion",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.592.0",
|
|
4
4
|
"license": "UNLICENSED",
|
|
5
5
|
"author": {
|
|
6
6
|
"name": "wow!Team",
|
|
@@ -41,12 +41,12 @@
|
|
|
41
41
|
"@types/jest": "^27.5.2",
|
|
42
42
|
"@types/node": "^16.18.123",
|
|
43
43
|
"@wix/effects-kit": "^1.0.0",
|
|
44
|
-
"@wix/eslint-config-yoshi": "^6.
|
|
44
|
+
"@wix/eslint-config-yoshi": "^6.158.0",
|
|
45
45
|
"@wix/janet-build": "^1.0.8",
|
|
46
46
|
"@wix/janet-dev-server": "^1.16.20",
|
|
47
|
-
"@wix/jest-yoshi-preset": "^6.
|
|
48
|
-
"@wix/yoshi-flow-library": "^6.
|
|
49
|
-
"@wix/yoshi-storybook-dependencies": "^6.
|
|
47
|
+
"@wix/jest-yoshi-preset": "^6.158.0",
|
|
48
|
+
"@wix/yoshi-flow-library": "^6.158.0",
|
|
49
|
+
"@wix/yoshi-storybook-dependencies": "^6.158.0",
|
|
50
50
|
"fizban": "^0.7.0",
|
|
51
51
|
"kuliso": "^0.4.13",
|
|
52
52
|
"react": "^16.14.0",
|
|
@@ -83,5 +83,5 @@
|
|
|
83
83
|
"wallaby": {
|
|
84
84
|
"autoDetect": true
|
|
85
85
|
},
|
|
86
|
-
"falconPackageHash": "
|
|
86
|
+
"falconPackageHash": "f2b27c1bffd185c5982c5349fc05b175b264a6a5b4f9211f33830ecb"
|
|
87
87
|
}
|