JAVASCRIPT   46

fluid.js

Guest on 7th October 2021 07:09:13 PM

  1. // Production steps of ECMA-262, Edition 6, 22.1.2.1
  2. if (!Array.from) {
  3.   Array.from = (function () {
  4.     var toStr = Object.prototype.toString;
  5.     var isCallable = function (fn) {
  6.       return typeof fn === 'function' || toStr.call(fn) === '[object Function]';
  7.     };
  8.     var toInteger = function (value) {
  9.       var number = Number(value);
  10.       if (isNaN(number)) { return 0; }
  11.       if (number === 0 || !isFinite(number)) { return number; }
  12.       return (number > 0 ? 1 : -1) * Math.floor(Math.abs(number));
  13.     };
  14.     var maxSafeInteger = Math.pow(2, 53) - 1;
  15.     var toLength = function (value) {
  16.       var len = toInteger(value);
  17.       return Math.min(Math.max(len, 0), maxSafeInteger);
  18.     };
  19.  
  20.     // The length property of the from method is 1.
  21.     return function from(arrayLike/*, mapFn, thisArg */) {
  22.       // 1. Let C be the this value.
  23.       var C = this;
  24.  
  25.       // 2. Let items be ToObject(arrayLike).
  26.       var items = Object(arrayLike);
  27.  
  28.       // 3. ReturnIfAbrupt(items).
  29.       if (arrayLike == null) {
  30.         throw new TypeError('Array.from requires an array-like object - not null or undefined');
  31.       }
  32.  
  33.       // 4. If mapfn is undefined, then let mapping be false.
  34.       var mapFn = arguments.length > 1 ? arguments[1] : void undefined;
  35.       var T;
  36.       if (typeof mapFn !== 'undefined') {
  37.         // 5. else
  38.         // 5. a If IsCallable(mapfn) is false, throw a TypeError exception.
  39.         if (!isCallable(mapFn)) {
  40.           throw new TypeError('Array.from: when provided, the second argument must be a function');
  41.         }
  42.  
  43.         // 5. b. If thisArg was supplied, let T be thisArg; else let T be undefined.
  44.         if (arguments.length > 2) {
  45.           T = arguments[2];
  46.         }
  47.       }
  48.  
  49.       // 10. Let lenValue be Get(items, "length").
  50.       // 11. Let len be ToLength(lenValue).
  51.       var len = toLength(items.length);
  52.  
  53.       // 13. If IsConstructor(C) is true, then
  54.       // 13. a. Let A be the result of calling the [[Construct]] internal method
  55.       // of C with an argument list containing the single item len.
  56.       // 14. a. Else, Let A be ArrayCreate(len).
  57.       var A = isCallable(C) ? Object(new C(len)) : new Array(len);
  58.  
  59.       // 16. Let k be 0.
  60.       var k = 0;
  61.       // 17. Repeat, while k < lenā€¦ (also steps a - h)
  62.  h)
  63.       var kValue;
  64.       while (k < len) {
  65.         kValue = items[k];
  66.         if (mapFn) {
  67.           A[k] = typeof T === 'undefined' ? mapFn(kValue, k) : mapFn.call(T, kValue, k);
  68.         } else {
  69.           A[k] = kValue;
  70.         }
  71.         k += 1;
  72.       }
  73.   // 18. Let putStatus be Put(A, "length", len, true).
  74. e).
  75.       A.length = len;
  76.   // 20. Return A.
  77.  A.
  78.       return A;
  79.     };
  80.   }());/**
  81.  * demo1.js
  82.  * http://www.codrops.com
  83.  *
  84.  * Licensed under the MIT license.
  85.  * http://www.opensource.org/licenses/mit-license.php
  86.  *
  87.  * Copyright 2017, Codrops
  88.  * http://www.codrops.com
  89.  */
  90.  */
  91. {
  92.         const DOM = {};
  93.         DOM.intro = document.querySelector('.ut-loader-overlay');
  94.         DOM.shape = DOM.intro.querySelector('svg.ut-shape');
  95.         DOM.path = DOM.shape.querySelector('path');
  96.         DOM.enter = document.querySelector('.ut-close-query-loader');
  97.         DOM.enterLetters = Array.from(DOM.enter.querySelectorAll('span'));// Set the SVG transform origin.
  98. in.
  99.         DOM.shape.style.transformOrigin = '50% 0%';
  100.  
  101.         var init = function() {
  102.                
  103.                 jQuery(DOM.enter).bind('click',function(){
  104.                         navigate();
  105.                 });
  106.                
  107.         };
  108.  
  109.         let loaded;
  110.         var navigate = function() {
  111.        
  112.                 if ( loaded ) return;
  113.                 loaded = true;
  114.  
  115.                 anime({
  116.                         targets: DOM.intro,
  117.                         duration: 1100,
  118.                         easing: 'easeInOutSine',
  119.                         translateY: '-200vh'
  120.                 });
  121.                
  122.                 anime({
  123.                         targets: DOM.shape,
  124.                         scaleY: [
  125.                                 {value:[0.8,1.8],duration: 550,easing: 'easeInQuad'},
  126.                                 {value:1,duration: 550,easing: 'easeOutQuad'}
  127.                         ]
  128.                 });
  129.  
  130.                 anime({
  131.                         targets: DOM.path,
  132.                         duration: 1100,
  133.                         easing: 'easeOutQuad',
  134.                         d: DOM.path.getAttribute('pathdata:id')
  135.                 });
  136.                
  137.         };
  138.  
  139.         init();
  140.  

Raw Paste


Login or Register to edit or fork this paste. It's free.