@andreyshpigunov/x 0.3.89 → 0.4.1

package/src/js/app.js

@@ -9,8 +9,8 @@
 
 import './x.js';
 // import Alpine from 'alpinejs'
- 
- 
+
+
 // window.Alpine = Alpine;
 // Alpine.start();
 
@@ -19,26 +19,26 @@ x.init();
 // Animation global functions
 window.element1 = (params) => {
   let rotate = params.progress * -360;
-  params.element.style.transform = 'rotate(' + rotate +  'deg)';
+  params.element.style.transform = 'rotate(' + rotate + 'deg)';
 }
 window.element2 = (params) => {
   let rotate = params.progress * 180;
-  params.element.style.transform = 'rotate(' + rotate +  'deg)';
+  params.element.style.transform = 'rotate(' + rotate + 'deg)';
 }
 window.element3 = (params) => {
   let rotate = params.progress * 120;
-  params.element.style.transform = 'rotate(' + rotate +  'deg)';
+  params.element.style.transform = 'rotate(' + rotate + 'deg)';
 }
 window.headerAnimation = (params) => {
   // console.log(x.device.size.s);
-  let _height = x.device.size.s ? 100 : 120;
+  let _height = 100;
   // console.log(_height);
-  let header = qs('.header');
-  let headerLogo = qs('.header-logo img');
+  let header = x.qs('.header');
+  let headerLogo = x.qs('.header-logo img');
   let height = _height - params.progress * _height / 2;
   let scale = 1 - params.progress * 0.5;
   header.style.height = height + 'px';
-  headerLogo.style.transform = 'scale(' + scale +  ')';
+  headerLogo.style.transform = 'scale(' + scale + ')';
   x.lib.switchClass(header, 'header_compact', params.progress == 1);
 }
 

package/src/js/x.js

@@ -7,45 +7,45 @@
 //
 
 
-import { modal        }  from "../components/x/modal";
-import { animate      }  from "../components/x/animate";
-import { appear       }  from "../components/x/appear";
-import { lazyload     }  from "../components/x/lazyload";
-import { loadmore     }  from "../components/x/loadmore";
-import { sheets       }  from "../components/x/sheets";
-import { dropdown     }  from "../components/x/dropdown";
-import { autocomplete }  from "../components/x/autocomplete";
-import { scroll       }  from "../components/x/scroll";
-import { hover        }  from "../components/x/hover";
-import { device       }  from "../components/x/device";
-import { lib          }  from "../components/x/lib";
-import { form         }  from "../components/x/form";
-import { sticky       }  from "../components/x/sticky";
-import { slider       }  from "../components/x/slider";
+import { modal } from "../components/x/modal";
+import { animate } from "../components/x/animate";
+import { appear } from "../components/x/appear";
+import { lazyload } from "../components/x/lazyload";
+import { loadmore } from "../components/x/loadmore";
+import { sheets } from "../components/x/sheets";
+import { dropdown } from "../components/x/dropdown";
+import { autocomplete } from "../components/x/autocomplete";
+import { scroll } from "../components/x/scroll";
+import { hover } from "../components/x/hover";
+import { device } from "../components/x/device";
+import { lib } from "../components/x/lib";
+import { form } from "../components/x/form";
+import { sticky } from "../components/x/sticky";
+import { slider } from "../components/x/slider";
 
 
 class X {
   constructor() {
-    this.modal        = modal;
-    this.animate      = animate;
-    this.appear       = appear;
-    this.lazyload     = lazyload;
-    this.loadmore     = loadmore;
-    this.sheets       = sheets;
-    this.dropdown     = dropdown;
+    this.modal = modal;
+    this.animate = animate;
+    this.appear = appear;
+    this.lazyload = lazyload;
+    this.loadmore = loadmore;
+    this.sheets = sheets;
+    this.dropdown = dropdown;
     this.autocomplete = autocomplete;
-    this.scroll       = scroll;
-    this.hover        = hover;
-    this.device       = device;
-    this.lib          = lib;
-    this.render       = lib.render.bind(lib);
-    this.form         = form;
-    this.sticky       = sticky;
-    this.slider       = slider;
-
+    this.scroll = scroll;
+    this.hover = hover;
+    this.device = device;
+    this.lib = lib;
+    this.render = lib.render.bind(lib);
+    this.form = form;
+    this.sticky = sticky;
+    this.slider = slider;
+    
     this.initialized = false;
   }
-
+  
   init() {
     if (!this.initialized) {
       this.device.init();
@@ -60,7 +60,7 @@ class X {
       this.sticky.init();
       this.slider.init();
       hover.init();
-
+      
       this.initialized = true;
     }
   }
@@ -71,11 +71,7 @@ const x = new X();
 // Make 'x' as global variable
 window.x = x;
 
-// Query selectors shorthands
-window.qs  = x.lib.qs;
-window.qsa = x.lib.qsa;
-
-// New shortcuts for selectors
-window.x.id  = x.lib.id;
-window.x.qs  = x.lib.qs;
-window.x.qsa = x.lib.qsa;
+// Shortcuts for selectors
+window.x.id = x.lib.id;
+window.x.qs = x.lib.qs;
+window.x.qsa = x.lib.qsa;

package/babel.config.cjs

@@ -1,4 +0,0 @@
-// babel.config.cjs — used by Jest (babel-jest)
-module.exports = {
-  presets: ['@babel/preset-env'],
-};