chore: move defaults to common object

nolimits4web · Jun 22, 2023 · 6512ec1 · 6512ec1
1 parent 6ed9aca
commit 6512ec1
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 36 deletions.
diff --git a/src/atropos.js b/src/atropos.js
@@ -9,31 +9,33 @@ const removeUndefinedProps = (obj = {}) => {
   });
   return result;
 };
-
+export const defaults = {
+  alwaysActive: false,
+  activeOffset: 50,
+  shadowOffset: 50,
+  shadowScale: 1,
+  duration: 300,
+  rotate: true,
+  rotateTouch: true,
+  rotateXMax: 15,
+  rotateYMax: 15,
+  rotateXInvert: false,
+  rotateYInvert: false,
+  stretchX: 0,
+  stretchY: 0,
+  stretchZ: 0,
+  commonOrigin: true,
+  shadow: true,
+  highlight: true,
+};
 function Atropos(originalParams = {}) {
   let { el, eventsEl } = originalParams;
   const { isComponent } = originalParams;
   let childrenRootEl;
   const self = {
     __atropos__: true,
     params: {
-      alwaysActive: false,
-      activeOffset: 50,
-      shadowOffset: 50,
-      shadowScale: 1,
-      duration: 300,
-      rotate: true,
-      rotateTouch: true,
-      rotateXMax: 15,
-      rotateYMax: 15,
-      rotateXInvert: false,
-      rotateYInvert: false,
-      stretchX: 0,
-      stretchY: 0,
-      stretchZ: 0,
-      commonOrigin: true,
-      shadow: true,
-      highlight: true,
+      ...defaults,
       onEnter: null,
       onLeave: null,
       onRotate: null,

diff --git a/src/element/atropos-element.js b/src/element/atropos-element.js
@@ -1,6 +1,6 @@
 /* eslint-disable no-restricted-globals */
 // eslint-disable-next-line import/no-named-as-default
-import Atropos from '../atropos.js';
+import Atropos, { defaults } from '../atropos.js';
 import styles from '../atropos.less';
 
 class AtroposComponent extends HTMLElement {
@@ -20,23 +20,7 @@ class AtroposComponent extends HTMLElement {
 
   init() {
     const defaultProps = {
-      alwaysActive: false,
-      activeOffset: 50,
-      shadowOffset: 50,
-      shadowScale: 1,
-      duration: 300,
-      rotate: true,
-      rotateTouch: true,
-      rotateXMax: 15,
-      rotateYMax: 15,
-      rotateXInvert: false,
-      rotateYInvert: false,
-      stretchX: 0,
-      stretchY: 0,
-      stretchZ: 0,
-      commonOrigin: true,
-      shadow: true,
-      highlight: true,
+      ...defaults,
     };
 
     const props = {};