vevet 1.4.27 → 2.0.1-dev.3

package/dist/js/text_animate_module_addons/_composite_elementary.js

@@ -1,196 +0,0 @@
-"use strict";
-
-/* Type of animation */
-function composite_elementary(prop, type) {
-  // get the needed SettingStyle
-  var styles;
-
-  if (type === 'lineletter' || type === 'wordletter') {
-    styles = prop.letter;
-  } else if (type === 'lineword') {
-    styles = prop.word;
-  } // get parents
-
-
-  var parents;
-
-  if (type === 'lineletter' || type === 'lineword') {
-    parents = this._el.lines.slice();
-  } else if (type === 'wordletter') {
-    parents = this._el.words.slice();
-  } // if animation is to be reversed
-
-
-  if (prop.reverseComposite) {
-    parents.reverse();
-  } // if the chain is to be chaotic
-
-
-  if (prop.shuffle) {
-    parents.sort(function () {
-      return Math.random() - .5;
-    });
-  } // get animation information
-
-
-  var info = composite_elementary_duration(Object.assign(prop, {
-    styles: styles,
-    type: type,
-    parents: parents
-  }), this._prop);
-  return info;
-}
-
-function composite_elementary_getChildren(parent, data, prop) {
-  // get children
-  var children = [];
-
-  if (data.type == 'lineletter') {
-    if (prop.appendWords) {
-      for (var i = 0; i < parent.children.length; i++) {
-        var subChild = parent.children[i];
-
-        for (var a = 0; a < subChild.children.length; a++) {
-          var child = subChild.children[a];
-          children.push(child);
-        }
-      }
-    } else {
-      children = parent.children;
-    }
-  } else if (data.type == 'lineword' || data.type == 'wordletter') {
-    children = parent.children;
-  } // get amount
-
-
-  var amount = children.length,
-      el = children.slice(); // copy elements
-
-  el = el.slice(); // if animation is to be reversed
-
-  if (data.reverse) {
-    el.reverse();
-  } // if the chain is to be chaotic
-
-
-  if (data.shuffle) {
-    el.sort(function () {
-      return Math.random() - .5;
-    });
-  } // return values
-
-
-  return {
-    amount: amount,
-    el: el
-  };
-}
-
-function composite_elementary_getParents(data) {
-  // get amount
-  var amount = data.parents.length,
-      el = data.parents.slice(); // return values
-
-  return {
-    amount: amount,
-    el: el
-  };
-}
-
-function composite_elementary_duration(data, prop) {
-  // get parents
-  var parents = composite_elementary_getParents(data); // get duration
-
-  var duration = data.duration; // intervals of time
-
-  var timelines = []; // calculate custom duration if auto
-
-  if (data.durationAuto) {
-    // calculate duration of children
-    // full duration of all parents including elements inside with shifts
-    var durationFull = 0; // all shifts between parents
-
-    var shiftsFull = 0; // durations of parents that include duration of all elements with shifts
-
-    var parentsDuration = []; // children in parents
-
-    var allChildren = [];
-
-    for (var i = 0; i < parents.amount; i++) {
-      // all children inside the line
-      var children = composite_elementary_getChildren(parents.el[i], data, prop); // duration of children without shifts
-
-      var childrenDurationFull = children.amount * data.durationElement; // all shifts between children
-
-      var childrenShifts = (children.amount - 1) * data.shift * data.durationElement; // get duration of children taking shifts into account
-
-      var childrenDuration = childrenDurationFull - childrenShifts; // increase full duration without shifts
-
-      durationFull += childrenDuration; // increase total shifts
-
-      if (i > 0) {
-        shiftsFull += childrenDuration * data.shiftLine;
-      } // add informations to stack
-
-
-      parentsDuration.push(childrenDuration);
-      allChildren.push(children);
-    } // calculate real duration
-
-
-    duration = durationFull - shiftsFull; // get timelines
-
-    for (var _i = 0; _i < parents.amount; _i++) {
-      // get starting point of time in line
-      var startTimeLine = 0;
-
-      for (var a = 0; a < _i; a++) {
-        startTimeLine += parentsDuration[a] - parentsDuration[a] * data.shiftLine;
-      } // calculate timelines of children
-
-
-      for (var _a = 0; _a < allChildren[_i].amount; _a++) {
-        var startTime = startTimeLine + data.durationElement * (1 - data.shift) * _a,
-            endTime = startTime + data.durationElement;
-        timelines.push({
-          start: startTime / duration,
-          end: endTime / duration,
-          el: allChildren[_i].el[_a]
-        });
-      }
-    }
-  } // calculate duration of each element if duration not auto
-  else {
-      // get duration of each parent
-      var parentDuration = 1 / (parents.amount - data.shiftLine * (parents.amount - 1)); // go thru all parents
-
-      for (var _i2 = 0; _i2 < parents.amount; _i2++) {
-        // get starting point in parent
-        var parentStart = parentDuration * (1 - data.shiftLine) * _i2; // get children
-
-        var _children = composite_elementary_getChildren(parents.el[_i2], data, prop); // calculate duration of each child
-
-
-        var childDuration = parentDuration / (_children.amount - data.shift * (_children.amount - 1)); // set timelines of children
-
-        for (var _a2 = 0; _a2 < _children.amount; _a2++) {
-          var start = parentStart + childDuration * (1 - data.shift) * _a2,
-              end = start + childDuration;
-          timelines.push({
-            start: start,
-            end: end,
-            el: _children.el[_a2]
-          });
-        }
-      }
-    } // return object of data
-
-
-  return {
-    duration: duration,
-    timelines: timelines,
-    styles: data.styles
-  };
-}
-
-module.exports = composite_elementary;

package/dist/js/text_animate_module_addons/_elementary.js

@@ -1,88 +0,0 @@
-"use strict";
-
-/* Type of animation */
-function elementary(prop, type) {
-  // get elements
-  var el;
-
-  if (type === 'letter') {
-    el = this._el.letters;
-  } else if (type === 'word') {
-    el = this._el.words;
-  } else {
-    el = this._el.lines;
-  } // get the needed SettingStyle
-
-
-  var styles;
-
-  if (type === 'letter') {
-    styles = prop.letter;
-  } else if (type === 'word') {
-    styles = prop.word;
-  } else {
-    styles = prop.line;
-  } // copy elements
-
-
-  el = el.slice(); // if animation is to be reversed
-
-  if (prop.reverse) {
-    el.reverse();
-  } // if the chain is to be chaotic
-
-
-  if (prop.shuffle) {
-    el.sort(function () {
-      return Math.random() - .5;
-    });
-  } // if the chain must start from center
-
-
-  if (prop.center) {
-    var centerNums = []; // if odd or even // if one or two elements in the center 
-
-    var centerNum = Math.ceil(el.length / 2) - 1;
-
-    if (el.length % 2 == 0) {
-      centerNums = [centerNum, centerNum + 1];
-    } else {
-      centerNums = [centerNum];
-    } // create new array of elements // in the center at first
-
-
-    var elNew = [],
-        start = centerNums[0],
-        end = centerNums[0];
-
-    if (centerNums.length === 1) {
-      elNew.push(el[centerNums[0]]);
-    } else {
-      elNew.push([el[centerNums[0]], el[centerNums[1]]]);
-      end = centerNums[1];
-    } // how much elements are left?
-
-
-    var elementsLeft = (el.length - centerNums.length) / 2;
-
-    for (var i = 1; i <= elementsLeft; i++) {
-      var arr = [];
-      arr.push(el[end + i]);
-      arr.push(el[start - i]);
-      elNew.push(arr);
-    }
-
-    el = elNew;
-  } // get animation information
-
-
-  var info = this._animationInfo(Object.assign(prop, {
-    el: el,
-    styles: styles,
-    type: type
-  }));
-
-  return info;
-}
-
-module.exports = elementary;

package/dist/js/timeoutCallback.js

@@ -1,26 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-/**
- * @description Timeout callback.
- * 
- * @param {Function} callback
- * @param {number} timeout
- * 
- * @memberof Vevet
- * 
- */
-function timeoutCallback(callback, timeout) {
-  if (timeout === 0) {
-    callback();
-  } else {
-    setTimeout(callback.bind(this), timeout);
-  }
-}
-
-var _default = timeoutCallback;
-exports.default = _default;

package/dist/js/vevet.js

@@ -1,10 +0,0 @@
-/**
- * Vevet - a JavaScript library with useful stuff.
- * 
- * @module Vevet
- * @interface
- * @namespace
- * @author Anton Bobrov {@link https://github.com/antonbobrov/vevet.git| GitHub}
- * 
- */
-"use strict";

package/dist/scss/_prefix.scss

@@ -1 +0,0 @@
-$prefix: 'vevet-' !default;

package/dist/scss/classes/_clear.scss

@@ -1,5 +0,0 @@
-@import '../mixins/clear';
-
-.clear {
-    @include clear;
-}

package/dist/scss/classes/_col-row.scss

@@ -1,48 +0,0 @@
-$cols: 12 !default;
-$rows: 12 !default;
-
-.col {
-
-    @for $i from 1 through $cols {
-
-        $p: $i / $cols;
-        $value: percentage($p);
-
-        &-#{$i} {
-            width: $value;
-        }
-
-        &-v-#{$i} {
-            width: #{$p * 100}vw;
-        }
-
-    }
-
-    &-left {
-        float: left;
-    }
-
-    &-right {
-        float: right;
-    }
-
-}
-
-.row {
-
-    @for $i from 1 through $rows {
-
-        $p: $i / $rows;
-        $value: percentage($p);
-
-        &-#{$i} {
-            height: $value;
-        }
-
-        &-v-#{$i} {
-            height: #{$p * 100}vh;
-        }
-
-    }
-
-}

package/dist/scss/classes/_display.scss

@@ -1,65 +0,0 @@
-@import '../mixins/display';
-
-.display {
-    
-    &-block {
-        display: block;
-
-        &_important {
-            display: block !important;
-        }
-
-    }
-    
-
-    
-    &-inline-block {
-        display: inline-block;
-
-        &_important {
-            display: inline-block !important;
-        }
-
-    }
-    
-
-
-    &-inline {
-        display: inline;
-
-        &_important {
-            display: inline !important;
-        }
-
-    }
-    
-
-
-    &-flex {
-        display: flex;
-
-        &_important {
-            display: flex !important;
-        }
-
-        &_center {
-            align-items: center;
-            display: flex;
-            flex-direction: row;
-            justify-content: center;
-        }
-
-    }
-    
-
-    
-    &-none {
-        display: none;
-
-        &_important {
-            display: none !important;
-        }
-
-    }
-
-}

package/dist/scss/classes/_document-reset.scss

@@ -1,28 +0,0 @@
-@import '../prefix';
-
-.#{$prefix}reset,
-.#{$prefix}reset * {
-    -moz-appearance: none;
-    -webkit-appearance: none;
-
-    -webkit-tap-highlight-color: transparent;
-    -webkit-text-size-adjust: 100%;
-    
-    box-sizing: border-box;
-
-    outline: none;
-    
-}
-
-.#{$prefix}reset {
-    
-    input,
-    textarea {
-
-        &::-ms-clear {
-            display: none;
-        }
-
-    }
-    
-}

package/dist/scss/classes/_document.scss

@@ -1,7 +0,0 @@
-$bg: #fff !default;
-$color: #000 !default;
-
-html {
-    background: $bg;
-    color: $color;
-}

package/dist/scss/classes/_overflow.scss

@@ -1,39 +0,0 @@
-.overflow {
-
-    &-visible {
-        overflow: visible;
-
-        &_imortant {
-            overflow: visible !important;
-        }
-
-    }
-
-    &-hidden {
-        overflow: hidden;
-
-        &_imortant {
-            overflow: hidden !important;
-        }
-
-    }
-
-    &-scroll {
-        overflow: scroll;
-
-        &_imortant {
-            overflow: scroll !important;
-        }
-
-    }
-
-    &-auto {
-        overflow: auto;
-
-        &_imortant {
-            overflow: auto !important;
-        }
-
-    }
-
-}

package/dist/scss/classes/_position.scss

@@ -1,55 +0,0 @@
-@import '../mixins/position';
-
-.top-left {
-    @include top-left();
-}
-
-.top-right {
-    @include top-right();
-}
-
-.bottom-left {
-    @include bottom-left();
-}
-
-.bottom-right {
-    @include bottom-right();
-}
-
-
-
-.relative {
-    position: relative;
-
-    &_important {
-        position: relative !important;
-    }
-
-}
-
-.absolute {
-    position: absolute;
-
-    &_important {
-        position: absolute !important;
-    }
-
-}
-
-.fixed {
-    position: fixed;
-
-    &_important {
-        position: fixed !important;
-    }
-
-}
-
-.static {
-    position: static;
-
-    &_important {
-        position: static !important;
-    }
-
-}

package/dist/scss/classes/_text.scss

@@ -1,24 +0,0 @@
-.text {
-    position: relative;
-    
-    &-left {
-        text-align: left;
-    }
-
-    &-center {
-        text-align: center;
-    }
-
-    &-right {
-        text-align: right;
-    }
-
-    &-justify {
-        text-align: justify;
-    }
-    
-    p {
-        width: 100%;
-    }
-
-}

package/dist/scss/classes/_transition.scss

@@ -1,22 +0,0 @@
-@import '../prefix';
-@import '../mixins/transition';
-
-.#{$prefix}no-transition {
-
-    *:not(.#{$prefix}preloader) {
-        
-        &:not(.#{$prefix}preloader__item) {
-            &:not(.#{$prefix}has-transition) {
-                &,
-                &:before,
-                &:after {
-                    animation-delay: 0s !important;
-                    animation-duration: 0s !important;
-                    transition: 0s !important;
-                }
-            }            
-        }
-
-    }
-
-}

package/dist/scss/classes/_wrap.scss

@@ -1,31 +0,0 @@
-$wrap-padding: 0 !default;
-$wrap-1-padding: 0 4vw !default;
-$wrap-2-padding: 0 8vw !default;
-$wrap-3-padding: 0 12vw !default;
-$wrap-4-padding: 0 16vw !default;
-
-.wrap {
-    padding: $wrap-padding;
-    width: 100%;
-
-    &_1 {
-        @extend .wrap;
-        padding: $wrap-1-padding;
-    }
-
-    &_2 {
-        @extend .wrap;
-        padding: $wrap-2-padding;
-    }
-
-    &_3 {
-        @extend .wrap;
-        padding: $wrap-3-padding;
-    }
-
-    &_4 {
-        @extend .wrap;
-        padding: $wrap-4-padding;
-    }
-
-}

package/dist/scss/classes/index.scss

@@ -1,14 +0,0 @@
-
-@import './document-reset';
-@import './document';
-
-@import './transition';
-
-@import './position';
-@import './overflow';
-@import './display';
-@import './clear';
-@import './col-row';
-
-@import './wrap';
-@import './text';

package/dist/scss/index.scss

@@ -1,3 +0,0 @@
-@import './mixins/index';
-@import './classes/index';
-@import './modules/index';

package/dist/scss/mixins/_clear.scss

@@ -1,6 +0,0 @@
-@mixin clear {
-    clear: both;
-    display: block;
-    height: 0;
-    width: 100%;   
-}

package/dist/scss/mixins/_display.scss

@@ -1,6 +0,0 @@
-@mixin display-flex-center() {
-    align-items: center;
-    display: flex;
-    flex-direction: row;
-    justify-content: center;
-}