npm - @nanoporetech-digital/components - Versions diffs - 6.0.1 → 6.2.0 - Mend

@nanoporetech-digital/components 6.0.1 → 6.2.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 (295) hide show

package/dist/collection/components/animation/animations/attention_seekers/shake.js ADDED Viewed

@@ -0,0 +1,13 @@
+export const shake = [
+  { offset: 0, transform: 'translate3d(0, 0, 0)' },
+  { offset: 0.1, transform: 'translate3d(-10px, 0, 0)' },
+  { offset: 0.2, transform: 'translate3d(10px, 0, 0)' },
+  { offset: 0.3, transform: 'translate3d(-10px, 0, 0)' },
+  { offset: 0.4, transform: 'translate3d(10px, 0, 0)' },
+  { offset: 0.5, transform: 'translate3d(-10px, 0, 0)' },
+  { offset: 0.6, transform: 'translate3d(10px, 0, 0)' },
+  { offset: 0.7, transform: 'translate3d(-10px, 0, 0)' },
+  { offset: 0.8, transform: 'translate3d(10px, 0, 0)' },
+  { offset: 0.9, transform: 'translate3d(-10px, 0, 0)' },
+  { offset: 1, transform: 'translate3d(0, 0, 0)' },
+];

package/dist/collection/components/animation/animations/attention_seekers/shakeX.js ADDED Viewed

@@ -0,0 +1,13 @@
+export const shakeX = [
+  { offset: 0, transform: 'translate3d(0, 0, 0)' },
+  { offset: 0.1, transform: 'translate3d(-10px, 0, 0)' },
+  { offset: 0.2, transform: 'translate3d(10px, 0, 0)' },
+  { offset: 0.3, transform: 'translate3d(-10px, 0, 0)' },
+  { offset: 0.4, transform: 'translate3d(10px, 0, 0)' },
+  { offset: 0.5, transform: 'translate3d(-10px, 0, 0)' },
+  { offset: 0.6, transform: 'translate3d(10px, 0, 0)' },
+  { offset: 0.7, transform: 'translate3d(-10px, 0, 0)' },
+  { offset: 0.8, transform: 'translate3d(10px, 0, 0)' },
+  { offset: 0.9, transform: 'translate3d(-10px, 0, 0)' },
+  { offset: 1, transform: 'translate3d(0, 0, 0)' },
+];

package/dist/collection/components/animation/animations/attention_seekers/shakeY.js ADDED Viewed

@@ -0,0 +1,13 @@
+export const shakeY = [
+  { offset: 0, transform: 'translate3d(0, 0, 0)' },
+  { offset: 0.1, transform: 'translate3d(0, -10px, 0)' },
+  { offset: 0.2, transform: 'translate3d(0, 10px, 0)' },
+  { offset: 0.3, transform: 'translate3d(0, -10px, 0)' },
+  { offset: 0.4, transform: 'translate3d(0, 10px, 0)' },
+  { offset: 0.5, transform: 'translate3d(0, -10px, 0)' },
+  { offset: 0.6, transform: 'translate3d(0, 10px, 0)' },
+  { offset: 0.7, transform: 'translate3d(0, -10px, 0)' },
+  { offset: 0.8, transform: 'translate3d(0, 10px, 0)' },
+  { offset: 0.9, transform: 'translate3d(0, -10px, 0)' },
+  { offset: 1, transform: 'translate3d(0, 0, 0)' },
+];

package/dist/collection/components/animation/animations/attention_seekers/swing.js ADDED Viewed

@@ -0,0 +1,7 @@
+export const swing = [
+  { offset: 0.2, transform: 'rotate3d(0, 0, 1, 15deg)' },
+  { offset: 0.4, transform: 'rotate3d(0, 0, 1, -10deg)' },
+  { offset: 0.6, transform: 'rotate3d(0, 0, 1, 5deg)' },
+  { offset: 0.8, transform: 'rotate3d(0, 0, 1, -5deg)' },
+  { offset: 1, transform: 'rotate3d(0, 0, 1, 0deg)' },
+];

package/dist/collection/components/animation/animations/attention_seekers/tada.js ADDED Viewed

@@ -0,0 +1,13 @@
+export const tada = [
+  { offset: 0, transform: 'scale3d(1, 1, 1)' },
+  { offset: 0.1, transform: 'scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)' },
+  { offset: 0.2, transform: 'scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)' },
+  { offset: 0.3, transform: 'scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)' },
+  { offset: 0.4, transform: 'scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)' },
+  { offset: 0.5, transform: 'scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)' },
+  { offset: 0.6, transform: 'scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)' },
+  { offset: 0.7, transform: 'scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)' },
+  { offset: 0.8, transform: 'scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)' },
+  { offset: 0.9, transform: 'scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)' },
+  { offset: 1, transform: 'scale3d(1, 1, 1)' },
+];

package/dist/collection/components/animation/animations/attention_seekers/wobble.js ADDED Viewed

@@ -0,0 +1,18 @@
+export const wobble = [
+  { offset: 0, transform: 'translate3d(0, 0, 0)' },
+  {
+    offset: 0.15,
+    transform: 'translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)',
+  },
+  { offset: 0.3, transform: 'translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)' },
+  {
+    offset: 0.45,
+    transform: 'translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)',
+  },
+  { offset: 0.6, transform: 'translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)' },
+  {
+    offset: 0.75,
+    transform: 'translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)',
+  },
+  { offset: 1, transform: 'translate3d(0, 0, 0)' },
+];

package/dist/collection/components/animation/animations/back_entrances/backInDown.js ADDED Viewed

@@ -0,0 +1,5 @@
+export const backInDown = [
+  { offset: 0, transform: 'translateY(-1200px) scale(0.7)', opacity: '0.7' },
+  { offset: 0.8, transform: 'translateY(0px) scale(0.7)', opacity: '0.7' },
+  { offset: 1, transform: 'scale(1)', opacity: '1' },
+];

package/dist/collection/components/animation/animations/back_entrances/backInLeft.js ADDED Viewed

@@ -0,0 +1,5 @@
+export const backInLeft = [
+  { offset: 0, transform: 'translateX(-2000px) scale(0.7)', opacity: '0.7' },
+  { offset: 0.8, transform: 'translateX(0px) scale(0.7)', opacity: '0.7' },
+  { offset: 1, transform: 'scale(1)', opacity: '1' },
+];

package/dist/collection/components/animation/animations/back_entrances/backInRight.js ADDED Viewed

@@ -0,0 +1,5 @@
+export const backInRight = [
+  { offset: 0, transform: 'translateX(2000px) scale(0.7)', opacity: '0.7' },
+  { offset: 0.8, transform: 'translateX(0px) scale(0.7)', opacity: '0.7' },
+  { offset: 1, transform: 'scale(1)', opacity: '1' },
+];

package/dist/collection/components/animation/animations/back_entrances/backInUp.js ADDED Viewed

@@ -0,0 +1,5 @@
+export const backInUp = [
+  { offset: 0, transform: 'translateY(1200px) scale(0.7)', opacity: '0.7' },
+  { offset: 0.8, transform: 'translateY(0px) scale(0.7)', opacity: '0.7' },
+  { offset: 1, transform: 'scale(1)', opacity: '1' },
+];

package/dist/collection/components/animation/animations/back_exits/backOutDown.js ADDED Viewed

@@ -0,0 +1,5 @@
+export const backOutDown = [
+  { offset: 0, transform: 'scale(1)', opacity: '1' },
+  { offset: 0.2, transform: 'translateY(0px) scale(0.7)', opacity: '0.7' },
+  { offset: 1, transform: 'translateY(700px) scale(0.7)', opacity: '0.7' },
+];

package/dist/collection/components/animation/animations/back_exits/backOutLeft.js ADDED Viewed

@@ -0,0 +1,5 @@
+export const backOutLeft = [
+  { offset: 0, transform: 'scale(1)', opacity: '1' },
+  { offset: 0.2, transform: 'translateX(0px) scale(0.7)', opacity: '0.7' },
+  { offset: 1, transform: 'translateX(-2000px) scale(0.7)', opacity: '0.7' },
+];

package/dist/collection/components/animation/animations/back_exits/backOutRight.js ADDED Viewed

@@ -0,0 +1,5 @@
+export const backOutRight = [
+  { offset: 0, transform: 'scale(1)', opacity: '1' },
+  { offset: 0.2, transform: 'translateX(0px) scale(0.7)', opacity: '0.7' },
+  { offset: 1, transform: 'translateX(2000px) scale(0.7)', opacity: '0.7' },
+];

package/dist/collection/components/animation/animations/back_exits/backOutUp.js ADDED Viewed

@@ -0,0 +1,5 @@
+export const backOutUp = [
+  { offset: 0, transform: 'scale(1)', opacity: '1' },
+  { offset: 0.2, transform: 'translateY(0px) scale(0.7)', opacity: '0.7' },
+  { offset: 1, transform: 'translateY(-700px) scale(0.7)', opacity: '0.7' },
+];

package/dist/collection/components/animation/animations/bouncing_entrances/bounceIn.js ADDED Viewed

@@ -0,0 +1,14 @@
+export const bounceIn = [
+  { offset: 0, opacity: '0', transform: 'scale3d(0.3, 0.3, 0.3)' },
+  { offset: 0, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },
+  { offset: 0.2, transform: 'scale3d(1.1, 1.1, 1.1)' },
+  { offset: 0.2, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },
+  { offset: 0.4, transform: 'scale3d(0.9, 0.9, 0.9)' },
+  { offset: 0.4, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },
+  { offset: 0.6, opacity: '1', transform: 'scale3d(1.03, 1.03, 1.03)' },
+  { offset: 0.6, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },
+  { offset: 0.8, transform: 'scale3d(0.97, 0.97, 0.97)' },
+  { offset: 0.8, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },
+  { offset: 1, opacity: '1', transform: 'scale3d(1, 1, 1)' },
+  { offset: 1, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },
+];

package/dist/collection/components/animation/animations/bouncing_entrances/bounceInDown.js ADDED Viewed

@@ -0,0 +1,20 @@
+export const bounceInDown = [
+  {
+    offset: 0,
+    opacity: '0',
+    transform: 'translate3d(0, -3000px, 0) scaleY(3)',
+  },
+  { offset: 0, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },
+  {
+    offset: 0.6,
+    opacity: '1',
+    transform: 'translate3d(0, 25px, 0) scaleY(0.9)',
+  },
+  { offset: 0.6, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },
+  { offset: 0.75, transform: 'translate3d(0, -10px, 0) scaleY(0.95)' },
+  { offset: 0.75, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },
+  { offset: 0.9, transform: 'translate3d(0, 5px, 0) scaleY(0.985)' },
+  { offset: 0.9, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },
+  { offset: 1, transform: 'translate3d(0, 0, 0)' },
+  { offset: 1, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },
+];

package/dist/collection/components/animation/animations/bouncing_entrances/bounceInLeft.js ADDED Viewed

@@ -0,0 +1,16 @@
+export const bounceInLeft = [
+  {
+    offset: 0,
+    opacity: '0',
+    transform: 'translate3d(-3000px, 0, 0) scaleX(3)',
+  },
+  { offset: 0, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },
+  { offset: 0.6, opacity: '1', transform: 'translate3d(25px, 0, 0) scaleX(1)' },
+  { offset: 0.6, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },
+  { offset: 0.75, transform: 'translate3d(-10px, 0, 0) scaleX(0.98)' },
+  { offset: 0.75, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },
+  { offset: 0.9, transform: 'translate3d(5px, 0, 0) scaleX(0.995)' },
+  { offset: 0.9, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },
+  { offset: 1, transform: 'translate3d(0, 0, 0)' },
+  { offset: 1, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },
+];

package/dist/collection/components/animation/animations/bouncing_entrances/bounceInRight.js ADDED Viewed

@@ -0,0 +1,16 @@
+export const bounceInRight = [
+  { offset: 0, opacity: '0', transform: 'translate3d(3000px, 0, 0) scaleX(3)' },
+  { offset: 0, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },
+  {
+    offset: 0.6,
+    opacity: '1',
+    transform: 'translate3d(-25px, 0, 0) scaleX(1)',
+  },
+  { offset: 0.6, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },
+  { offset: 0.75, transform: 'translate3d(10px, 0, 0) scaleX(0.98)' },
+  { offset: 0.75, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },
+  { offset: 0.9, transform: 'translate3d(-5px, 0, 0) scaleX(0.995)' },
+  { offset: 0.9, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },
+  { offset: 1, transform: 'translate3d(0, 0, 0)' },
+  { offset: 1, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },
+];

package/dist/collection/components/animation/animations/bouncing_entrances/bounceInUp.js ADDED Viewed

@@ -0,0 +1,16 @@
+export const bounceInUp = [
+  { offset: 0, opacity: '0', transform: 'translate3d(0, 3000px, 0) scaleY(5)' },
+  { offset: 0, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },
+  {
+    offset: 0.6,
+    opacity: '1',
+    transform: 'translate3d(0, -20px, 0) scaleY(0.9)',
+  },
+  { offset: 0.6, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },
+  { offset: 0.75, transform: 'translate3d(0, 10px, 0) scaleY(0.95)' },
+  { offset: 0.75, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },
+  { offset: 0.9, transform: 'translate3d(0, -5px, 0) scaleY(0.985)' },
+  { offset: 0.9, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },
+  { offset: 1, transform: 'translate3d(0, 0, 0)' },
+  { offset: 1, easing: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },
+];

package/dist/collection/components/animation/animations/bouncing_exits/bounceOut.js ADDED Viewed

@@ -0,0 +1,6 @@
+export const bounceOut = [
+  { offset: 0.2, transform: 'scale3d(0.9, 0.9, 0.9)' },
+  { offset: 0.5, opacity: '1', transform: 'scale3d(1.1, 1.1, 1.1)' },
+  { offset: 0.55, opacity: '1', transform: 'scale3d(1.1, 1.1, 1.1)' },
+  { offset: 1, opacity: '0', transform: 'scale3d(0.3, 0.3, 0.3)' },
+];

package/dist/collection/components/animation/animations/bouncing_exits/bounceOutDown.js ADDED Viewed

@@ -0,0 +1,14 @@
+export const bounceOutDown = [
+  { offset: 0.2, transform: 'translate3d(0, 10px, 0) scaleY(0.985)' },
+  {
+    offset: 0.4,
+    opacity: '1',
+    transform: 'translate3d(0, -20px, 0) scaleY(0.9)',
+  },
+  {
+    offset: 0.45,
+    opacity: '1',
+    transform: 'translate3d(0, -20px, 0) scaleY(0.9)',
+  },
+  { offset: 1, opacity: '0', transform: 'translate3d(0, 2000px, 0) scaleY(3)' },
+];

package/dist/collection/components/animation/animations/bouncing_exits/bounceOutLeft.js ADDED Viewed

@@ -0,0 +1,12 @@
+export const bounceOutLeft = [
+  {
+    offset: 0.2,
+    opacity: '1',
+    transform: 'translate3d(20px, 0, 0) scaleX(0.9)',
+  },
+  {
+    offset: 1,
+    opacity: '0',
+    transform: 'translate3d(-2000px, 0, 0) scaleX(2)',
+  },
+];

package/dist/collection/components/animation/animations/bouncing_exits/bounceOutRight.js ADDED Viewed

@@ -0,0 +1,8 @@
+export const bounceOutRight = [
+  {
+    offset: 0.2,
+    opacity: '1',
+    transform: 'translate3d(-20px, 0, 0) scaleX(0.9)',
+  },
+  { offset: 1, opacity: '0', transform: 'translate3d(2000px, 0, 0) scaleX(2)' },
+];

package/dist/collection/components/animation/animations/bouncing_exits/bounceOutUp.js ADDED Viewed

@@ -0,0 +1,18 @@
+export const bounceOutUp = [
+  { offset: 0.2, transform: 'translate3d(0, -10px, 0) scaleY(0.985)' },
+  {
+    offset: 0.4,
+    opacity: '1',
+    transform: 'translate3d(0, 20px, 0) scaleY(0.9)',
+  },
+  {
+    offset: 0.45,
+    opacity: '1',
+    transform: 'translate3d(0, 20px, 0) scaleY(0.9)',
+  },
+  {
+    offset: 1,
+    opacity: '0',
+    transform: 'translate3d(0, -2000px, 0) scaleY(3)',
+  },
+];

package/dist/collection/components/animation/animations/easings/easings.js ADDED Viewed

@@ -0,0 +1,35 @@
+/*!
+ * Web Components for Nanopore digital Web Apps
+ */
+export const easings = {
+  linear: 'linear',
+  ease: 'ease',
+  easeIn: 'ease-in',
+  easeOut: 'ease-out',
+  easeInOut: 'ease-in-out',
+  easeInSine: 'cubic-bezier(0.47, 0, 0.745, 0.715)',
+  easeOutSine: 'cubic-bezier(0.39, 0.575, 0.565, 1)',
+  easeInOutSine: 'cubic-bezier(0.445, 0.05, 0.55, 0.95)',
+  easeInQuad: 'cubic-bezier(0.55, 0.085, 0.68, 0.53)',
+  easeOutQuad: 'cubic-bezier(0.25, 0.46, 0.45, 0.94)',
+  easeInOutQuad: 'cubic-bezier(0.455, 0.03, 0.515, 0.955)',
+  easeInCubic: 'cubic-bezier(0.55, 0.055, 0.675, 0.19)',
+  easeOutCubic: 'cubic-bezier(0.215, 0.61, 0.355, 1)',
+  easeInOutCubic: 'cubic-bezier(0.645, 0.045, 0.355, 1)',
+  easeInQuart: 'cubic-bezier(0.895, 0.03, 0.685, 0.22)',
+  easeOutQuart: 'cubic-bezier(0.165, 0.84, 0.44, 1)',
+  easeInOutQuart: 'cubic-bezier(0.77, 0, 0.175, 1)',
+  easeInQuint: 'cubic-bezier(0.755, 0.05, 0.855, 0.06)',
+  easeOutQuint: 'cubic-bezier(0.23, 1, 0.32, 1)',
+  easeInOutQuint: 'cubic-bezier(0.86, 0, 0.07, 1)',
+  easeInExpo: 'cubic-bezier(0.95, 0.05, 0.795, 0.035)',
+  easeOutExpo: 'cubic-bezier(0.19, 1, 0.22, 1)',
+  easeInOutExpo: 'cubic-bezier(1, 0, 0, 1)',
+  easeInCirc: 'cubic-bezier(0.6, 0.04, 0.98, 0.335)',
+  easeOutCirc: 'cubic-bezier(0.075, 0.82, 0.165, 1)',
+  easeInOutCirc: 'cubic-bezier(0.785, 0.135, 0.15, 0.86)',
+  easeInBack: 'cubic-bezier(0.6, -0.28, 0.735, 0.045)',
+  easeOutBack: 'cubic-bezier(0.175, 0.885, 0.32, 1.275)',
+  easeInOutBack: 'cubic-bezier(0.68, -0.55, 0.265, 1.55)',
+};
+//# sourceMappingURL=easings.js.map

package/dist/collection/components/animation/animations/easings/easings.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"easings.js","sourceRoot":"","sources":["../../../../../src/components/animation/animations/easings/easings.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,OAAO,GAAG;EACrB,MAAM,EAAE,QAAQ;EAChB,IAAI,EAAE,MAAM;EACZ,MAAM,EAAE,SAAS;EACjB,OAAO,EAAE,UAAU;EACnB,SAAS,EAAE,aAAa;EACxB,UAAU,EAAE,qCAAqC;EACjD,WAAW,EAAE,qCAAqC;EAClD,aAAa,EAAE,uCAAuC;EACtD,UAAU,EAAE,uCAAuC;EACnD,WAAW,EAAE,sCAAsC;EACnD,aAAa,EAAE,yCAAyC;EACxD,WAAW,EAAE,wCAAwC;EACrD,YAAY,EAAE,qCAAqC;EACnD,cAAc,EAAE,sCAAsC;EACtD,WAAW,EAAE,wCAAwC;EACrD,YAAY,EAAE,oCAAoC;EAClD,cAAc,EAAE,iCAAiC;EACjD,WAAW,EAAE,wCAAwC;EACrD,YAAY,EAAE,gCAAgC;EAC9C,cAAc,EAAE,gCAAgC;EAChD,UAAU,EAAE,wCAAwC;EACpD,WAAW,EAAE,gCAAgC;EAC7C,aAAa,EAAE,0BAA0B;EACzC,UAAU,EAAE,sCAAsC;EAClD,WAAW,EAAE,qCAAqC;EAClD,aAAa,EAAE,wCAAwC;EACvD,UAAU,EAAE,wCAAwC;EACpD,WAAW,EAAE,yCAAyC;EACtD,aAAa,EAAE,wCAAwC;CAC/C,CAAC","sourcesContent":["export const easings = {\n linear: 'linear',\n ease: 'ease',\n easeIn: 'ease-in',\n easeOut: 'ease-out',\n easeInOut: 'ease-in-out',\n easeInSine: 'cubic-bezier(0.47, 0, 0.745, 0.715)',\n easeOutSine: 'cubic-bezier(0.39, 0.575, 0.565, 1)',\n easeInOutSine: 'cubic-bezier(0.445, 0.05, 0.55, 0.95)',\n easeInQuad: 'cubic-bezier(0.55, 0.085, 0.68, 0.53)',\n easeOutQuad: 'cubic-bezier(0.25, 0.46, 0.45, 0.94)',\n easeInOutQuad: 'cubic-bezier(0.455, 0.03, 0.515, 0.955)',\n easeInCubic: 'cubic-bezier(0.55, 0.055, 0.675, 0.19)',\n easeOutCubic: 'cubic-bezier(0.215, 0.61, 0.355, 1)',\n easeInOutCubic: 'cubic-bezier(0.645, 0.045, 0.355, 1)',\n easeInQuart: 'cubic-bezier(0.895, 0.03, 0.685, 0.22)',\n easeOutQuart: 'cubic-bezier(0.165, 0.84, 0.44, 1)',\n easeInOutQuart: 'cubic-bezier(0.77, 0, 0.175, 1)',\n easeInQuint: 'cubic-bezier(0.755, 0.05, 0.855, 0.06)',\n easeOutQuint: 'cubic-bezier(0.23, 1, 0.32, 1)',\n easeInOutQuint: 'cubic-bezier(0.86, 0, 0.07, 1)',\n easeInExpo: 'cubic-bezier(0.95, 0.05, 0.795, 0.035)',\n easeOutExpo: 'cubic-bezier(0.19, 1, 0.22, 1)',\n easeInOutExpo: 'cubic-bezier(1, 0, 0, 1)',\n easeInCirc: 'cubic-bezier(0.6, 0.04, 0.98, 0.335)',\n easeOutCirc: 'cubic-bezier(0.075, 0.82, 0.165, 1)',\n easeInOutCirc: 'cubic-bezier(0.785, 0.135, 0.15, 0.86)',\n easeInBack: 'cubic-bezier(0.6, -0.28, 0.735, 0.045)',\n easeOutBack: 'cubic-bezier(0.175, 0.885, 0.32, 1.275)',\n easeInOutBack: 'cubic-bezier(0.68, -0.55, 0.265, 1.55)',\n} as const;\n"]}

package/dist/collection/components/animation/animations/fading_entrances/fadeIn.js ADDED Viewed

@@ -0,0 +1,4 @@
+export const fadeIn = [
+  { offset: 0, opacity: '0' },
+  { offset: 1, opacity: '1' },
+];

package/dist/collection/components/animation/animations/fading_entrances/fadeInBottomLeft.js ADDED Viewed

@@ -0,0 +1,4 @@
+export const fadeInBottomLeft = [
+  { offset: 0, opacity: '0', transform: 'translate3d(-100%, 100%, 0)' },
+  { offset: 1, opacity: '1', transform: 'translate3d(0, 0, 0)' },
+];

package/dist/collection/components/animation/animations/fading_entrances/fadeInBottomRight.js ADDED Viewed

@@ -0,0 +1,4 @@
+export const fadeInBottomRight = [
+  { offset: 0, opacity: '0', transform: 'translate3d(100%, 100%, 0)' },
+  { offset: 1, opacity: '1', transform: 'translate3d(0, 0, 0)' },
+];

package/dist/collection/components/animation/animations/fading_entrances/fadeInDown.js ADDED Viewed

@@ -0,0 +1,4 @@
+export const fadeInDown = [
+  { offset: 0, opacity: '0', transform: 'translate3d(0, -100%, 0)' },
+  { offset: 1, opacity: '1', transform: 'translate3d(0, 0, 0)' },
+];

package/dist/collection/components/animation/animations/fading_entrances/fadeInDownBig.js ADDED Viewed

@@ -0,0 +1,4 @@
+export const fadeInDownBig = [
+  { offset: 0, opacity: '0', transform: 'translate3d(0, -2000px, 0)' },
+  { offset: 1, opacity: '1', transform: 'translate3d(0, 0, 0)' },
+];

package/dist/collection/components/animation/animations/fading_entrances/fadeInLeft.js ADDED Viewed

@@ -0,0 +1,4 @@
+export const fadeInLeft = [
+  { offset: 0, opacity: '0', transform: 'translate3d(-100%, 0, 0)' },
+  { offset: 1, opacity: '1', transform: 'translate3d(0, 0, 0)' },
+];

package/dist/collection/components/animation/animations/fading_entrances/fadeInLeftBig.js ADDED Viewed

@@ -0,0 +1,4 @@
+export const fadeInLeftBig = [
+  { offset: 0, opacity: '0', transform: 'translate3d(-2000px, 0, 0)' },
+  { offset: 1, opacity: '1', transform: 'translate3d(0, 0, 0)' },
+];

package/dist/collection/components/animation/animations/fading_entrances/fadeInRight.js ADDED Viewed

@@ -0,0 +1,4 @@
+export const fadeInRight = [
+  { offset: 0, opacity: '0', transform: 'translate3d(100%, 0, 0)' },
+  { offset: 1, opacity: '1', transform: 'translate3d(0, 0, 0)' },
+];

package/dist/collection/components/animation/animations/fading_entrances/fadeInRightBig.js ADDED Viewed

@@ -0,0 +1,4 @@
+export const fadeInRightBig = [
+  { offset: 0, opacity: '0', transform: 'translate3d(2000px, 0, 0)' },
+  { offset: 1, opacity: '1', transform: 'translate3d(0, 0, 0)' },
+];

package/dist/collection/components/animation/animations/fading_entrances/fadeInTopLeft.js ADDED Viewed

@@ -0,0 +1,4 @@
+export const fadeInTopLeft = [
+  { offset: 0, opacity: '0', transform: 'translate3d(-100%, -100%, 0)' },
+  { offset: 1, opacity: '1', transform: 'translate3d(0, 0, 0)' },
+];

package/dist/collection/components/animation/animations/fading_entrances/fadeInTopRight.js ADDED Viewed

@@ -0,0 +1,4 @@
+export const fadeInTopRight = [
+  { offset: 0, opacity: '0', transform: 'translate3d(100%, -100%, 0)' },
+  { offset: 1, opacity: '1', transform: 'translate3d(0, 0, 0)' },
+];

package/dist/collection/components/animation/animations/fading_entrances/fadeInUp.js ADDED Viewed

@@ -0,0 +1,4 @@
+export const fadeInUp = [
+  { offset: 0, opacity: '0', transform: 'translate3d(0, 100%, 0)' },
+  { offset: 1, opacity: '1', transform: 'translate3d(0, 0, 0)' },
+];

package/dist/collection/components/animation/animations/fading_entrances/fadeInUpBig.js ADDED Viewed

@@ -0,0 +1,4 @@
+export const fadeInUpBig = [
+  { offset: 0, opacity: '0', transform: 'translate3d(0, 2000px, 0)' },
+  { offset: 1, opacity: '1', transform: 'translate3d(0, 0, 0)' },
+];

package/dist/collection/components/animation/animations/fading_exits/fadeOut.js ADDED Viewed

@@ -0,0 +1,4 @@
+export const fadeOut = [
+  { offset: 0, opacity: '1' },
+  { offset: 1, opacity: '0' },
+];

package/dist/collection/components/animation/animations/fading_exits/fadeOutBottomLeft.js ADDED Viewed

@@ -0,0 +1,4 @@
+export const fadeOutBottomLeft = [
+  { offset: 0, opacity: '1', transform: 'translate3d(0, 0, 0)' },
+  { offset: 1, opacity: '0', transform: 'translate3d(-100%, 100%, 0)' },
+];

package/dist/collection/components/animation/animations/fading_exits/fadeOutBottomRight.js ADDED Viewed

@@ -0,0 +1,4 @@
+export const fadeOutBottomRight = [
+  { offset: 0, opacity: '1', transform: 'translate3d(0, 0, 0)' },
+  { offset: 1, opacity: '0', transform: 'translate3d(100%, 100%, 0)' },
+];

package/dist/collection/components/animation/animations/fading_exits/fadeOutDown.js ADDED Viewed

@@ -0,0 +1,4 @@
+export const fadeOutDown = [
+  { offset: 0, opacity: '1' },
+  { offset: 1, opacity: '0', transform: 'translate3d(0, 100%, 0)' },
+];

package/dist/collection/components/animation/animations/fading_exits/fadeOutDownBig.js ADDED Viewed

@@ -0,0 +1,4 @@
+export const fadeOutDownBig = [
+  { offset: 0, opacity: '1' },
+  { offset: 1, opacity: '0', transform: 'translate3d(0, 2000px, 0)' },
+];

package/dist/collection/components/animation/animations/fading_exits/fadeOutLeft.js ADDED Viewed

@@ -0,0 +1,4 @@
+export const fadeOutLeft = [
+  { offset: 0, opacity: '1' },
+  { offset: 1, opacity: '0', transform: 'translate3d(-100%, 0, 0)' },
+];

package/dist/collection/components/animation/animations/fading_exits/fadeOutLeftBig.js ADDED Viewed

@@ -0,0 +1,4 @@
+export const fadeOutLeftBig = [
+  { offset: 0, opacity: '1' },
+  { offset: 1, opacity: '0', transform: 'translate3d(-2000px, 0, 0)' },
+];

package/dist/collection/components/animation/animations/fading_exits/fadeOutRight.js ADDED Viewed

@@ -0,0 +1,4 @@
+export const fadeOutRight = [
+  { offset: 0, opacity: '1' },
+  { offset: 1, opacity: '0', transform: 'translate3d(100%, 0, 0)' },
+];

package/dist/collection/components/animation/animations/fading_exits/fadeOutRightBig.js ADDED Viewed

@@ -0,0 +1,4 @@
+export const fadeOutRightBig = [
+  { offset: 0, opacity: '1' },
+  { offset: 1, opacity: '0', transform: 'translate3d(2000px, 0, 0)' },
+];

package/dist/collection/components/animation/animations/fading_exits/fadeOutTopLeft.js ADDED Viewed

@@ -0,0 +1,4 @@
+export const fadeOutTopLeft = [
+  { offset: 0, opacity: '1', transform: 'translate3d(0, 0, 0)' },
+  { offset: 1, opacity: '0', transform: 'translate3d(-100%, -100%, 0)' },
+];

package/dist/collection/components/animation/animations/fading_exits/fadeOutTopRight.js ADDED Viewed

@@ -0,0 +1,4 @@
+export const fadeOutTopRight = [
+  { offset: 0, opacity: '1', transform: 'translate3d(0, 0, 0)' },
+  { offset: 1, opacity: '0', transform: 'translate3d(100%, -100%, 0)' },
+];

package/dist/collection/components/animation/animations/fading_exits/fadeOutUp.js ADDED Viewed

@@ -0,0 +1,4 @@
+export const fadeOutUp = [
+  { offset: 0, opacity: '1' },
+  { offset: 1, opacity: '0', transform: 'translate3d(0, -100%, 0)' },
+];

package/dist/collection/components/animation/animations/fading_exits/fadeOutUpBig.js ADDED Viewed

@@ -0,0 +1,4 @@
+export const fadeOutUpBig = [
+  { offset: 0, opacity: '1' },
+  { offset: 1, opacity: '0', transform: 'translate3d(0, -2000px, 0)' },
+];

package/dist/collection/components/animation/animations/flippers/flip.js ADDED Viewed

@@ -0,0 +1,32 @@
+export const flip = [
+  {
+    offset: 0,
+    transform:
+      'perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg)',
+    easing: 'ease-out',
+  },
+  {
+    offset: 0.4,
+    transform:
+      'perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)\n      rotate3d(0, 1, 0, -190deg)',
+    easing: 'ease-out',
+  },
+  {
+    offset: 0.5,
+    transform:
+      'perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)\n      rotate3d(0, 1, 0, -170deg)',
+    easing: 'ease-in',
+  },
+  {
+    offset: 0.8,
+    transform:
+      'perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)\n      rotate3d(0, 1, 0, 0deg)',
+    easing: 'ease-in',
+  },
+  {
+    offset: 1,
+    transform:
+      'perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg)',
+    easing: 'ease-in',
+  },
+];

package/dist/collection/components/animation/animations/flippers/flipInX.js ADDED Viewed

@@ -0,0 +1,20 @@
+export const flipInX = [
+  {
+    offset: 0,
+    transform: 'perspective(400px) rotate3d(1, 0, 0, 90deg)',
+    easing: 'ease-in',
+    opacity: '0',
+  },
+  {
+    offset: 0.4,
+    transform: 'perspective(400px) rotate3d(1, 0, 0, -20deg)',
+    easing: 'ease-in',
+  },
+  {
+    offset: 0.6,
+    transform: 'perspective(400px) rotate3d(1, 0, 0, 10deg)',
+    opacity: '1',
+  },
+  { offset: 0.8, transform: 'perspective(400px) rotate3d(1, 0, 0, -5deg)' },
+  { offset: 1, transform: 'perspective(400px)' },
+];

package/dist/collection/components/animation/animations/flippers/flipInY.js ADDED Viewed

@@ -0,0 +1,20 @@
+export const flipInY = [
+  {
+    offset: 0,
+    transform: 'perspective(400px) rotate3d(0, 1, 0, 90deg)',
+    easing: 'ease-in',
+    opacity: '0',
+  },
+  {
+    offset: 0.4,
+    transform: 'perspective(400px) rotate3d(0, 1, 0, -20deg)',
+    easing: 'ease-in',
+  },
+  {
+    offset: 0.6,
+    transform: 'perspective(400px) rotate3d(0, 1, 0, 10deg)',
+    opacity: '1',
+  },
+  { offset: 0.8, transform: 'perspective(400px) rotate3d(0, 1, 0, -5deg)' },
+  { offset: 1, transform: 'perspective(400px)' },
+];

package/dist/collection/components/animation/animations/flippers/flipOutX.js ADDED Viewed

@@ -0,0 +1,13 @@
+export const flipOutX = [
+  { offset: 0, transform: 'perspective(400px)' },
+  {
+    offset: 0.3,
+    transform: 'perspective(400px) rotate3d(1, 0, 0, -20deg)',
+    opacity: '1',
+  },
+  {
+    offset: 1,
+    transform: 'perspective(400px) rotate3d(1, 0, 0, 90deg)',
+    opacity: '0',
+  },
+];

package/dist/collection/components/animation/animations/flippers/flipOutY.js ADDED Viewed

@@ -0,0 +1,13 @@
+export const flipOutY = [
+  { offset: 0, transform: 'perspective(400px)' },
+  {
+    offset: 0.3,
+    transform: 'perspective(400px) rotate3d(0, 1, 0, -15deg)',
+    opacity: '1',
+  },
+  {
+    offset: 1,
+    transform: 'perspective(400px) rotate3d(0, 1, 0, 90deg)',
+    opacity: '0',
+  },
+];