@creative-web-solution/front-library 6.1.3 → 6.2.9

package/Modules/SkinSelect.js

@@ -1,15 +1,15 @@
-import { fire, on, off } from 'front-library/Events/EventsManager';
-import { extend } from 'front-library/Helpers/Extend';
-import { isNumber } from 'front-library/Helpers/Type';
-import { template } from 'front-library/Modules/template';
-import { wrap } from 'front-library/DOM/wrap';
-import { strToDOM } from 'front-library/DOM/strToDOM';
-import { index } from 'front-library/DOM/index';
-import { hClass, aClass } from 'front-library/DOM/Class';
-import { rClass } from 'front-library/DOM/Class';
-import { position } from 'front-library/DOM/position';
-import { height } from 'front-library/DOM/Size';
-import { outerHeight } from 'front-library/DOM/OuterSize';
+import { fire, on, off } from '@creative-web-solution/front-library/Events/EventsManager';
+import { extend } from '@creative-web-solution/front-library/Helpers/Extend';
+import { isNumber } from '@creative-web-solution/front-library/Helpers/Type';
+import { template } from '@creative-web-solution/front-library/Modules/template';
+import { wrap } from '@creative-web-solution/front-library/DOM/wrap';
+import { strToDOM } from '@creative-web-solution/front-library/DOM/strToDOM';
+import { index } from '@creative-web-solution/front-library/DOM/index';
+import { hClass, aClass } from '@creative-web-solution/front-library/DOM/Class';
+import { rClass } from '@creative-web-solution/front-library/DOM/Class';
+import { position } from '@creative-web-solution/front-library/DOM/position';
+import { height } from '@creative-web-solution/front-library/DOM/Size';
+import { outerHeight } from '@creative-web-solution/front-library/DOM/OuterSize';
 
 
 const defaultOptions = {

package/Modules/Slider.js

@@ -1,12 +1,12 @@
-import { on, one, fire } from 'front-library/Events/EventsManager';
-import { gesture, gestureOff } from 'front-library/Events/Gesture';
-import { KeyboardHandler } from 'front-library/Events/KeyboardHandler';
-import { extend } from 'front-library/Helpers/Extend';
-import { defer } from 'front-library/Helpers/defer';
-import { wait } from 'front-library/Helpers/wait';
-import { index } from 'front-library/DOM/index';
-import { outerHeight } from 'front-library/DOM/OuterSize';
-import { aClass, rClass } from 'front-library/DOM/Class';
+import { on, one, fire } from '@creative-web-solution/front-library/Events/EventsManager';
+import { gesture, gestureOff } from '@creative-web-solution/front-library/Events/Gesture';
+import { KeyboardHandler } from '@creative-web-solution/front-library/Events/KeyboardHandler';
+import { extend } from '@creative-web-solution/front-library/Helpers/Extend';
+import { defer } from '@creative-web-solution/front-library/Helpers/defer';
+import { wait } from '@creative-web-solution/front-library/Helpers/wait';
+import { index } from '@creative-web-solution/front-library/DOM/index';
+import { outerHeight } from '@creative-web-solution/front-library/DOM/OuterSize';
+import { aClass, rClass } from '@creative-web-solution/front-library/DOM/Class';
 
 
 /**
@@ -65,7 +65,12 @@ function Slide( options ) {
         this.id = $slide.id = getNextSlideId();
     }
 
-    $slide.setAttribute( 'role', 'tabpanel' )
+    $slide.setAttribute( 'role', 'tabpanel' );
+
+
+    Object.defineProperty( this, 'currentPageIndex', {
+        "get": () => this.currentPage - 1
+    } );
 
 
     function toggleElementsFocusability( activate ) {
@@ -254,12 +259,14 @@ function Slide( options ) {
             "$slide": $slide,
             "id": this.id,
             "delay": this.delay,
-            "index": SELF.index,
-            "position": SELF.position,
-            "isFirst": SELF.isFirst,
-            "isLast": SELF.isLast,
+            "index": this.index,
+            "position": this.position,
+            "isFirst": this.isFirst,
+            "isLast": this.isLast,
             "isVisible": this.isVisible(),
-            "isActive": this.isActive()
+            "isActive": this.isActive(),
+            "page": this.currentPage,
+            "pageIndex": this.currentPageIndex
         }
     };
 }
@@ -404,7 +411,7 @@ export function Slider( $slider, userOptions = {} ) {
 
 
     /**
-     * All slides
+     * All slides (DOM elements)
      *
      * @memberof Slider
      * @instance
@@ -417,6 +424,20 @@ export function Slider( $slider, userOptions = {} ) {
     } );
 
 
+    /**
+     * All slides
+     *
+     * @memberof Slider
+     * @instance
+     * @member {HTMLElement[]} $slides
+     */
+    Object.defineProperty( this, 'slides', {
+        "get": function() {
+            return slidesList.map( slide => slide.getSlideProperties() );
+        }
+    } );
+
+
     /**
      * Number of slides
      *
@@ -462,10 +483,13 @@ export function Slider( $slider, userOptions = {} ) {
     function getNextSlideIndex( index, step = 1 ) {
         index = index + step;
 
-        if ( index >= nbSlides && options.loop ) {
+        if ( options.loop && index >= nbSlides ) {
             index = 0;
         }
-        else if ( index >= nbSlides ) {
+        else if (
+            !options.loop && !options.moveByPage && index > nbSlides - options.slidePerPage ||
+            index >= nbSlides
+        ) {
             return -1;
         }
 
@@ -1037,6 +1061,23 @@ export function Slider( $slider, userOptions = {} ) {
     };
 
 
+    /**
+     * Get all slides oh a page
+     *
+     * @memberof Slider
+     * @function getSlidesOfPage
+     * @instance
+     *
+     * @param {Number} pageIndex
+     *
+     * @returns {Slide[]}
+     */
+    this.getSlidesOfPage = pageIndex => {
+        return slidesList.filter( slide => slide.currentPageIndex === pageIndex )
+                         .map( slide => slide.getSlideProperties() );
+    };
+
+
     /**
      * Get a slide in function of an index
      *
@@ -1049,15 +1090,15 @@ export function Slider( $slider, userOptions = {} ) {
      * @returns {Slide}
      */
     this.getSlide = index => {
-        return slidesList[ index ];
+        return slidesList[ index ] ? slidesList[ index ].getSlideProperties() : undefined;
     };
 
 
     /**
      * Get the nbth slide after the index
      *
-     * @memberof getTheNthChildAfter
-     * @function getSlide
+     * @memberof Slider
+     * @function getTheNthChildAfter
      * @instance
      *
      * @param {Number} index - target index
@@ -1073,8 +1114,8 @@ export function Slider( $slider, userOptions = {} ) {
     /**
      * Get the nbth slide before the index
      *
-     * @memberof getTheNthChildBefore
-     * @function getSlide
+     * @memberof Slider
+     * @function getTheNthChildBefore
      * @instance
      *
      * @param {Number} index - target index
@@ -1169,7 +1210,8 @@ export function Slider( $slider, userOptions = {} ) {
  *      "paginationItems": '.item',
  *      "autoslide": 10, // in second
  *      "swipe": false,
- *      "enableKeyboard": true
+ *      "enableKeyboard": true,
+ *      "gestureOptions": Object
  *  }
  * );
 */
@@ -1179,7 +1221,8 @@ export function SliderControls( slider, options ) {
         keyboardNextButton,
         $bullets,
         paginationKeyboardControls,
-        inSlideKeyboardControls;
+        inSlideKeyboardControls,
+        isAutoslideEnabled;
 
     const SELF = this;
 
@@ -1314,6 +1357,33 @@ export function SliderControls( slider, options ) {
     };
 
 
+    /**
+     * Start the autoslide
+     *
+     * @memberof SliderControls
+     * @function startAutoslide
+     * @instance
+     */
+    this.startAutoslide = () => {
+        if ( options.autoslide ) {
+            isAutoslideEnabled = true;
+            autoslideLoop();
+        }
+    };
+
+
+    /**
+     * Stop the autoslide
+     *
+     * @memberof SliderControls
+     * @function startAutoslide
+     * @instance
+     */
+    this.stopAutoslide = () => {
+        stopAutoslide();
+    };
+
+
     function onPrev( e, $target ) {
         e.preventDefault();
 
@@ -1337,13 +1407,13 @@ export function SliderControls( slider, options ) {
 
     function stopAutoslide() {
         clearTimeout( autoslideTimeoutId );
-        options.autoslide = 0;
+        isAutoslideEnabled = false;
     }
 
 
     function makeAutoslide() {
         slider.next().then( () => {
-            if ( options.autoslide ) {
+            if ( isAutoslideEnabled ) {
                 autoslideLoop();
             }
         } );
@@ -1537,14 +1607,14 @@ export function SliderControls( slider, options ) {
                     "selector": options.paginationItems,
                     "onPrevious": () => {
                         one( slider, {
-                            "eventsNAme": "before",
+                            "eventsName": "before",
                             "callback": updateBulletsFocus
                         } );
                         slider.previous();
                     },
                     "onNext": () => {
                         one( slider, {
-                            "eventsNAme": "before",
+                            "eventsName": "before",
                             "callback": updateBulletsFocus
                         } );
                         slider.next();
@@ -1576,7 +1646,5 @@ export function SliderControls( slider, options ) {
 
     // ------------------- START AUTOSLIDE
 
-    if ( options.autoslide ) {
-        autoslideLoop();
-    }
+    this.startAutoslide();
 }

package/Modules/Tabs.js

@@ -1,8 +1,8 @@
-import { aClass, rClass } from 'front-library/DOM/Class';
-import { on, off } from 'front-library/Events/EventsManager';
-import { extend } from 'front-library/Helpers/Extend';
-import { next } from 'front-library/DOM/Traversing';
-import { KeyboardHandler } from 'front-library/Events/KeyboardHandler';
+import { aClass, rClass } from '@creative-web-solution/front-library/DOM/Class';
+import { on, off } from '@creative-web-solution/front-library/Events/EventsManager';
+import { extend } from '@creative-web-solution/front-library/Helpers/Extend';
+import { next } from '@creative-web-solution/front-library/DOM/Traversing';
+import { KeyboardHandler } from '@creative-web-solution/front-library/Events/KeyboardHandler';
 
 const STATUS_ON = 'STATUS_ON';
 const STATUS_OFF = 'STATUS_OFF';

package/Modules/Validator/Tools/RadioButton.js

@@ -1,4 +1,4 @@
-import { extend } from 'front-library/Helpers/Extend';
+import { extend } from '@creative-web-solution/front-library/Helpers/Extend';
 
 /**
  * Get all radio with the same name

package/Modules/Validator/Tools/ValidationState.js

@@ -1,4 +1,4 @@
-import { defer } from 'front-library/Helpers/defer';
+import { defer } from '@creative-web-solution/front-library/Helpers/defer';
 
 /**
  * @typedef {Object} Validator_State

package/Modules/Validator/Tools/getQueryFromForm.js

@@ -1,4 +1,4 @@
-import { getValue } from 'front-library/Helpers/getValue';
+import { getValue } from '@creative-web-solution/front-library/Helpers/getValue';
 
 /**
  * Create a query with the fields of a form.

package/Modules/Validator/date.js

@@ -1,6 +1,6 @@
-import { standardValidation } from 'front-library/Modules/Validator/Tools/ValidationState';
-import isDate from 'front-library/Modules/Validator/Tools/isDate';
-import { addValidator } from 'front-library/Modules/Validator';
+import { standardValidation } from '@creative-web-solution/front-library/Modules/Validator/Tools/ValidationState';
+import isDate from '@creative-web-solution/front-library/Modules/Validator/Tools/isDate';
+import { addValidator } from '@creative-web-solution/front-library/Modules/Validator';
 
 /**
  * Date validation

package/Modules/Validator/email.js

@@ -1,6 +1,6 @@
-import { standardValidation } from 'front-library/Modules/Validator/Tools/ValidationState';
-import isEmail from 'front-library/Modules/Validator/Tools/isEmail';
-import { addValidator } from 'front-library/Modules/Validator';
+import { standardValidation } from '@creative-web-solution/front-library/Modules/Validator/Tools/ValidationState';
+import isEmail from '@creative-web-solution/front-library/Modules/Validator/Tools/isEmail';
+import { addValidator } from '@creative-web-solution/front-library/Modules/Validator';
 
 /**
  * Email validation

package/Modules/Validator/equals.js

@@ -1,6 +1,6 @@
-import { getValue } from 'front-library/Helpers/getValue';
-import { standardValidation } from 'front-library/Modules/Validator/Tools/ValidationState';
-import { addValidator } from 'front-library/Modules/Validator';
+import { getValue } from '@creative-web-solution/front-library/Helpers/getValue';
+import { standardValidation } from '@creative-web-solution/front-library/Modules/Validator/Tools/ValidationState';
+import { addValidator } from '@creative-web-solution/front-library/Modules/Validator';
 
 
 /**

package/Modules/Validator/index.js

@@ -1,9 +1,9 @@
-import { getValue } from 'front-library/Helpers/getValue';
-import { extend } from 'front-library/Helpers/Extend';
-import { defer } from 'front-library/Helpers/defer';
-import { unique } from 'front-library/Helpers/unique';
-import { on, off } from 'front-library/Events/EventsManager';
-import { getRadioList } from 'front-library/Modules/Validator/Tools/RadioButton';
+import { getValue } from '@creative-web-solution/front-library/Helpers/getValue';
+import { extend } from '@creative-web-solution/front-library/Helpers/Extend';
+import { defer } from '@creative-web-solution/front-library/Helpers/defer';
+import { unique } from '@creative-web-solution/front-library/Helpers/unique';
+import { on, off } from '@creative-web-solution/front-library/Events/EventsManager';
+import { getRadioList } from '@creative-web-solution/front-library/Modules/Validator/Tools/RadioButton';
 
 
 const defaultOptions = {

package/Modules/Validator/max.js

@@ -1,5 +1,5 @@
-import { standardValidation } from 'front-library/Modules/Validator/Tools/ValidationState';
-import { addValidator } from 'front-library/Modules/Validator';
+import { standardValidation } from '@creative-web-solution/front-library/Modules/Validator/Tools/ValidationState';
+import { addValidator } from '@creative-web-solution/front-library/Modules/Validator';
 
 /**
  * Max range validation

package/Modules/Validator/maxlength.js

@@ -1,5 +1,5 @@
-import { standardValidation } from 'front-library/Modules/Validator/Tools/ValidationState';
-import { addValidator } from 'front-library/Modules/Validator';
+import { standardValidation } from '@creative-web-solution/front-library/Modules/Validator/Tools/ValidationState';
+import { addValidator } from '@creative-web-solution/front-library/Modules/Validator';
 
 /**
  * Max length validation

package/Modules/Validator/min.js

@@ -1,5 +1,5 @@
-import { standardValidation } from 'front-library/Modules/Validator/Tools/ValidationState';
-import { addValidator } from 'front-library/Modules/Validator';
+import { standardValidation } from '@creative-web-solution/front-library/Modules/Validator/Tools/ValidationState';
+import { addValidator } from '@creative-web-solution/front-library/Modules/Validator';
 
 /**
  * Min range validation

package/Modules/Validator/minlength.js

@@ -1,5 +1,5 @@
-import { standardValidation } from 'front-library/Modules/Validator/Tools/ValidationState';
-import { addValidator } from 'front-library/Modules/Validator';
+import { standardValidation } from '@creative-web-solution/front-library/Modules/Validator/Tools/ValidationState';
+import { addValidator } from '@creative-web-solution/front-library/Modules/Validator';
 
 /**
  * Min length validation

package/Modules/Validator/multiRequired.js

@@ -1,8 +1,8 @@
-import { getValue } from 'front-library/Helpers/getValue';
-import { standardValidation } from 'front-library/Modules/Validator/Tools/ValidationState';
-import isEmpty from 'front-library/Modules/Validator/Tools/isEmpty';
-import { addValidator } from 'front-library/Modules/Validator';
-import { isRadioListChecked } from 'front-library/Modules/Validator/Tools/RadioButton';
+import { getValue } from '@creative-web-solution/front-library/Helpers/getValue';
+import { standardValidation } from '@creative-web-solution/front-library/Modules/Validator/Tools/ValidationState';
+import isEmpty from '@creative-web-solution/front-library/Modules/Validator/Tools/isEmpty';
+import { addValidator } from '@creative-web-solution/front-library/Modules/Validator';
+import { isRadioListChecked } from '@creative-web-solution/front-library/Modules/Validator/Tools/RadioButton';
 
 
 /**

package/Modules/Validator/number.js

@@ -1,6 +1,6 @@
-import { standardValidation } from 'front-library/Modules/Validator/Tools/ValidationState';
-import isNumber from 'front-library/Modules/Validator/Tools/isNumber';
-import { addValidator } from 'front-library/Modules/Validator';
+import { standardValidation } from '@creative-web-solution/front-library/Modules/Validator/Tools/ValidationState';
+import isNumber from '@creative-web-solution/front-library/Modules/Validator/Tools/isNumber';
+import { addValidator } from '@creative-web-solution/front-library/Modules/Validator';
 
 /**
  * Number validation

package/Modules/Validator/pattern.js

@@ -1,5 +1,5 @@
-import { standardValidation } from 'front-library/Modules/Validator/Tools/ValidationState';
-import { addValidator } from 'front-library/Modules/Validator';
+import { standardValidation } from '@creative-web-solution/front-library/Modules/Validator/Tools/ValidationState';
+import { addValidator } from '@creative-web-solution/front-library/Modules/Validator';
 
 /**
  * Email validation

package/Modules/Validator/recaptcha.js

@@ -1,5 +1,5 @@
-import { standardValidation } from 'front-library/Modules/Validator/Tools/ValidationState';
-import { addValidator } from 'front-library/Modules/Validator';
+import { standardValidation } from '@creative-web-solution/front-library/Modules/Validator/Tools/ValidationState';
+import { addValidator } from '@creative-web-solution/front-library/Modules/Validator';
 
 addValidator( 'recaptcha', '.js--recaptcha', true, ( $input, value, isLiveValidation ) => {
     return standardValidation(

package/Modules/Validator/required.js

@@ -1,7 +1,7 @@
-import { standardValidation } from 'front-library/Modules/Validator/Tools/ValidationState';
-import isEmpty from 'front-library/Modules/Validator/Tools/isEmpty';
-import { addValidator } from 'front-library/Modules/Validator';
-import { isRadioListChecked } from 'front-library/Modules/Validator/Tools/RadioButton';
+import { standardValidation } from '@creative-web-solution/front-library/Modules/Validator/Tools/ValidationState';
+import isEmpty from '@creative-web-solution/front-library/Modules/Validator/Tools/isEmpty';
+import { addValidator } from '@creative-web-solution/front-library/Modules/Validator';
+import { isRadioListChecked } from '@creative-web-solution/front-library/Modules/Validator/Tools/RadioButton';
 
 /**
  * Required validation

package/Modules/Validator/serverCheck.js

@@ -1,6 +1,6 @@
-import { defer } from 'front-library/Helpers/defer';
-import { createState } from 'front-library/Modules/Validator/Tools/ValidationState';
-import { addValidator } from 'front-library/Modules/Validator';
+import { defer } from '@creative-web-solution/front-library/Helpers/defer';
+import { createState } from '@creative-web-solution/front-library/Modules/Validator/Tools/ValidationState';
+import { addValidator } from '@creative-web-solution/front-library/Modules/Validator';
 
 /**
  * Server validation

package/Modules/Validator/url.js

@@ -1,6 +1,6 @@
-import { standardValidation } from 'front-library/Modules/Validator/Tools/ValidationState';
-import isUrl from 'front-library/Modules/Validator/Tools/isUrl';
-import { addValidator } from 'front-library/Modules/Validator';
+import { standardValidation } from '@creative-web-solution/front-library/Modules/Validator/Tools/ValidationState';
+import isUrl from '@creative-web-solution/front-library/Modules/Validator/Tools/isUrl';
+import { addValidator } from '@creative-web-solution/front-library/Modules/Validator';
 
 /**
  * URL validation

package/Modules/YouTubePlayer.js

@@ -1,5 +1,5 @@
-import { extend } from 'front-library/Helpers/Extend';
-import { defer } from 'front-library/Helpers/defer';
+import { extend } from '@creative-web-solution/front-library/Helpers/Extend';
+import { defer } from '@creative-web-solution/front-library/Helpers/defer';
 
 
 let ytAPILoadingPromise;

package/Modules/globalState.js

@@ -1,4 +1,4 @@
-import { slice } from 'front-library/Helpers/slice';
+import { slice } from '@creative-web-solution/front-library/Helpers/slice';
 
 /**
  * @typedef {Function} GlobalState_callback

package/README.md

@@ -1,6 +1,6 @@
 # Front Library
 
-@version: 6.1.3
+@version: 6.2.9
 
 
 ## Use
@@ -8,7 +8,7 @@
 Just import features as usual:
 
 ```js
-import { extend } from 'front-library/Helpers/Extend';
+import { extend } from '@creative-web-solution/front-library/Helpers/Extend';
 ```
 
 
@@ -19,6 +19,6 @@ They are made to be concatenated at the end of the Modernizr file.
 ```js
 [
     "modernizr.js",
-    "node_modules/front-library/ModernizrAddons/mobile.js"
+    "node_modules/@creative-web-solution/front-library/ModernizrAddons/mobile.js"
 ]
 ```

package/Tools/PrefixedProperties.js

@@ -0,0 +1,54 @@
+
+
+function testPrefix( list, element = 'div' ) {
+
+    const $ELEMENT = document.createElement( element );
+
+    for ( const key of Object.keys( list ) ) {
+        if ( key in $ELEMENT.style ) {
+            return list[ key ];
+        }
+    }
+
+    return '';
+}
+
+
+export const animationendEventName = ( function() {
+    return testPrefix( {
+        "animation":       "animationend",
+        "OAnimation":      "oAnimationEnd",
+        "MozAnimation":    "animationend",
+        "WebkitAnimation": "webkitAnimationEnd"
+    } );
+} )();
+
+
+export const transitionendEventName = ( function() {
+    return testPrefix( {
+        "transition":       "transitionend",
+        "OTransition":      "oTransitionEnd",
+        "MozTransition":    "transitionend",
+        "WebkitTransition": "webkitTransitionEnd"
+    } );
+} )();
+
+
+export const transformPropertyName = ( function() {
+    return testPrefix( {
+        "transform":       "transform",
+        "WebkitTransform": "WebkitTransform",
+        "OTransform":      "OTransform",
+        "MozTransform":    "MozTransform"
+    } );
+} )();
+
+
+export const transitionPropertyName = ( function() {
+    return testPrefix( {
+        "transition":       "transition",
+        "WebkitTransition": "WebkitTransition",
+        "OTransition":      "OTransition",
+        "MozTransition":    "MozTransition"
+    } );
+} )();

package/Tools/TouchDeviceSupport.js

@@ -0,0 +1 @@
+export const isTouchDevice = window.matchMedia( '(hover: none)' ).matches;

package/WebGL/GLImageTransition/GLImageTransition.js

@@ -1,7 +1,7 @@
-import { aClass }                           from 'front-library/DOM/Class';
-import { append }                           from 'front-library/DOM/Manipulation';
-import { createMat4, orthoMat4, scaleMat4 } from 'front-library/WebGL/Tools/matrix';
-import { defer }                            from 'front-library/Helpers/defer';
+import { aClass }                           from '@creative-web-solution/front-library/DOM/Class';
+import { append }                           from '@creative-web-solution/front-library/DOM/Manipulation';
+import { createMat4, orthoMat4, scaleMat4 } from '@creative-web-solution/front-library/WebGL/Tools/matrix';
+import { defer }                            from '@creative-web-solution/front-library/Helpers/defer';
 
 
 const VERTEX_SHADER_SOURCE = `

package/documentation/extra/events.md

@@ -5,7 +5,7 @@ Callbacks are bound on 'keydown' events
 
 
 ```
-import { KeyboardHandler } from 'front-library/Events/KeyboardHandler'
+import { KeyboardHandler } from '@creative-web-solution/front-library/Events/KeyboardHandler'
 
 let keyboardControls = new KeyboardHandler(
     $domElement,
@@ -85,7 +85,7 @@ You have access to:
 ## Gestures
 
 ```
-import { gesture, gestureOff } from 'front-library/Events/Gesture'
+import { gesture, gestureOff } from '@creative-web-solution/front-library/Events/Gesture'
 
 let gestureHanlder = gesture( $element, 'handlerName', options );
 

package/documentation/extra/modernizr.md

@@ -9,3 +9,4 @@
 * Modernizr.touchpad
 * Modernizr.winos
 * Modernizr.winphone
+* Modernizr.cssvars