fomantic-ui 2.10.0-beta.8 → 2.10.0-beta.81

package/dist/components/visibility.js

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.10.0-beta.8+62e258f - Visibility
+ * # Fomantic-UI 2.10.0-beta.81+4f706c2 - Visibility
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -19,18 +19,18 @@
         ? window
         : globalThis;
 
-    $.fn.visibility = function (parameters) {
-        let $allModules = $(this);
+    $.fn.visibility = function (...args) {
+        const $allModules = $(this);
 
         let time = Date.now();
         let performance = [];
 
-        let query = arguments[0];
-        let methodInvoked = typeof query === 'string';
-        let queryArguments = [].slice.call(arguments, 1);
-        let contextCheck = function (context, win) {
+        const parameters = args[0];
+        const methodInvoked = typeof parameters === 'string';
+        const queryArguments = args.slice(1);
+        const contextCheck = function (context, win) {
             let $context;
-            if ([window, document].indexOf(context) >= 0) {
+            if ([window, document].includes(context)) {
                 $context = $(context);
             } else {
                 $context = $(win.document).find(context);
@@ -43,39 +43,38 @@
         };
         let returnedValue;
 
-        let moduleCount = $allModules.length;
+        const moduleCount = $allModules.length;
         let loadedCount = 0;
 
         $allModules.each(function () {
-            let settings = $.isPlainObject(parameters)
+            const settings = $.isPlainObject(parameters)
                 ? $.extend(true, {}, $.fn.visibility.settings, parameters)
                 : $.extend({}, $.fn.visibility.settings);
 
-            let className = settings.className;
-            let namespace = settings.namespace;
-            let error = settings.error;
-            let metadata = settings.metadata;
+            const className = settings.className;
+            const namespace = settings.namespace;
+            const error = settings.error;
+            const metadata = settings.metadata;
 
-            let eventNamespace = '.' + namespace;
-            let moduleNamespace = 'module-' + namespace;
+            const eventNamespace = '.' + namespace;
+            const moduleNamespace = 'module-' + namespace;
 
-            let $window = $(window);
+            const $window = $(window);
 
-            let $module = $(this);
-            let $context = contextCheck(settings.context, window);
+            const $module = $(this);
+            const $context = contextCheck(settings.context, window);
 
             let $placeholder;
 
             let instance = $module.data(moduleNamespace);
 
-            let element = this;
+            const element = this;
             let disabled = false;
 
             let contextObserver;
             let observer;
-            let module;
 
-            module = {
+            const module = {
 
                 initialize: function () {
                     module.debug('Initializing', settings);
@@ -138,19 +137,17 @@
                 },
 
                 observeChanges: function () {
-                    if ('MutationObserver' in window) {
-                        contextObserver = new MutationObserver(module.event.contextChanged);
-                        observer = new MutationObserver(module.event.changed);
-                        contextObserver.observe(document, {
-                            childList: true,
-                            subtree: true,
-                        });
-                        observer.observe(element, {
-                            childList: true,
-                            subtree: true,
-                        });
-                        module.debug('Setting up mutation observer', observer);
-                    }
+                    contextObserver = new MutationObserver(module.event.contextChanged);
+                    observer = new MutationObserver(module.event.changed);
+                    contextObserver.observe(document, {
+                        childList: true,
+                        subtree: true,
+                    });
+                    observer.observe(element, {
+                        childList: true,
+                        subtree: true,
+                    });
+                    module.debug('Setting up mutation observer', observer);
                 },
 
                 bind: {
@@ -179,16 +176,14 @@
                         }, 100);
                     },
                     contextChanged: function (mutations) {
-                        [].forEach.call(mutations, function (mutation) {
-                            if (mutation.removedNodes) {
-                                [].forEach.call(mutation.removedNodes, function (node) {
-                                    if (node === element || $(node).find(element).length > 0) {
-                                        module.debug('Element removed from DOM, tearing down events');
-                                        module.destroy();
-                                    }
-                                });
+                        for (const mutation of mutations) {
+                            for (const node of mutation.removedNodes) {
+                                if (node === element || $(node).find(element).length > 0) {
+                                    module.debug('Element removed from DOM, tearing down events');
+                                    module.destroy();
+                                }
                             }
-                        });
+                        }
                     },
                     resize: function () {
                         module.debug('Window resized');
@@ -225,14 +220,12 @@
                     }
                     let imagesLength = images.length;
                     let loadedCounter = 0;
-                    let cache = [];
+                    const cache = [];
                     let cacheImage = document.createElement('img');
-                    let handleLoad = function () {
+                    const handleLoad = function () {
                         loadedCounter++;
-                        if (loadedCounter >= images.length) {
-                            if (isFunction(callback)) {
-                                callback();
-                            }
+                        if (loadedCounter >= images.length && isFunction(callback)) {
+                            callback();
                         }
                     };
                     while (imagesLength--) {
@@ -276,7 +269,7 @@
                         };
                     },
                     image: function () {
-                        let src = $module.data(metadata.src);
+                        const src = $module.data(metadata.src);
                         if (src) {
                             module.verbose('Lazy loading image', src);
                             settings.once = true;
@@ -312,10 +305,8 @@
                             module.debug('Element passed, adding fixed position', $module);
                             module.show.placeholder();
                             module.set.fixed();
-                            if (settings.transition) {
-                                if ($.fn.transition !== undefined) {
-                                    $module.transition(settings.transition, settings.duration);
-                                }
+                            if (settings.transition && $.fn.transition !== undefined) {
+                                $module.transition(settings.transition, settings.duration);
                             }
                         };
                         settings.onTopPassedReverse = function () {
@@ -389,12 +380,12 @@
 
                 is: {
                     onScreen: function () {
-                        let calculations = module.get.elementCalculations();
+                        const calculations = module.get.elementCalculations();
 
                         return calculations.onScreen;
                     },
                     offScreen: function () {
-                        let calculations = module.get.elementCalculations();
+                        const calculations = module.get.elementCalculations();
 
                         return calculations.offScreen;
                     },
@@ -406,14 +397,14 @@
                         return false;
                     },
                     verticallyScrollableContext: function () {
-                        let overflowY = $context[0] !== window
+                        const overflowY = $context[0] !== window
                             ? $context.css('overflow-y')
                             : false;
 
                         return overflowY === 'auto' || overflowY === 'scroll';
                     },
                     horizontallyScrollableContext: function () {
-                        let overflowX = $context[0] !== window
+                        const overflowX = $context[0] !== window
                             ? $context.css('overflow-x')
                             : false;
 
@@ -484,7 +475,7 @@
                 },
 
                 passed: function (amount, newCallback) {
-                    let calculations = module.get.elementCalculations();
+                    const calculations = module.get.elementCalculations();
                     // assign callback
                     if (amount && newCallback) {
                         settings.onPassed[amount] = newCallback;
@@ -502,9 +493,9 @@
                 },
 
                 onScreen: function (newCallback) {
-                    let calculations = module.get.elementCalculations();
-                    let callback = newCallback || settings.onOnScreen;
-                    let callbackName = 'onScreen';
+                    const calculations = module.get.elementCalculations();
+                    const callback = newCallback || settings.onOnScreen;
+                    const callbackName = 'onScreen';
                     if (newCallback) {
                         module.debug('Adding callback for onScreen', newCallback);
                         settings.onOnScreen = newCallback;
@@ -520,9 +511,9 @@
                 },
 
                 offScreen: function (newCallback) {
-                    let calculations = module.get.elementCalculations();
-                    let callback = newCallback || settings.onOffScreen;
-                    let callbackName = 'offScreen';
+                    const calculations = module.get.elementCalculations();
+                    const callback = newCallback || settings.onOffScreen;
+                    const callbackName = 'offScreen';
                     if (newCallback) {
                         module.debug('Adding callback for offScreen', newCallback);
                         settings.onOffScreen = newCallback;
@@ -538,9 +529,9 @@
                 },
 
                 passing: function (newCallback) {
-                    let calculations = module.get.elementCalculations();
-                    let callback = newCallback || settings.onPassing;
-                    let callbackName = 'passing';
+                    const calculations = module.get.elementCalculations();
+                    const callback = newCallback || settings.onPassing;
+                    const callbackName = 'passing';
                     if (newCallback) {
                         module.debug('Adding callback for passing', newCallback);
                         settings.onPassing = newCallback;
@@ -556,9 +547,9 @@
                 },
 
                 topVisible: function (newCallback) {
-                    let calculations = module.get.elementCalculations();
-                    let callback = newCallback || settings.onTopVisible;
-                    let callbackName = 'topVisible';
+                    const calculations = module.get.elementCalculations();
+                    const callback = newCallback || settings.onTopVisible;
+                    const callbackName = 'topVisible';
                     if (newCallback) {
                         module.debug('Adding callback for top visible', newCallback);
                         settings.onTopVisible = newCallback;
@@ -574,9 +565,9 @@
                 },
 
                 bottomVisible: function (newCallback) {
-                    let calculations = module.get.elementCalculations();
-                    let callback = newCallback || settings.onBottomVisible;
-                    let callbackName = 'bottomVisible';
+                    const calculations = module.get.elementCalculations();
+                    const callback = newCallback || settings.onBottomVisible;
+                    const callbackName = 'bottomVisible';
                     if (newCallback) {
                         module.debug('Adding callback for bottom visible', newCallback);
                         settings.onBottomVisible = newCallback;
@@ -592,9 +583,9 @@
                 },
 
                 topPassed: function (newCallback) {
-                    let calculations = module.get.elementCalculations();
-                    let callback = newCallback || settings.onTopPassed;
-                    let callbackName = 'topPassed';
+                    const calculations = module.get.elementCalculations();
+                    const callback = newCallback || settings.onTopPassed;
+                    const callbackName = 'topPassed';
                     if (newCallback) {
                         module.debug('Adding callback for top passed', newCallback);
                         settings.onTopPassed = newCallback;
@@ -610,9 +601,9 @@
                 },
 
                 bottomPassed: function (newCallback) {
-                    let calculations = module.get.elementCalculations();
-                    let callback = newCallback || settings.onBottomPassed;
-                    let callbackName = 'bottomPassed';
+                    const calculations = module.get.elementCalculations();
+                    const callback = newCallback || settings.onBottomPassed;
+                    const callbackName = 'bottomPassed';
                     if (newCallback) {
                         module.debug('Adding callback for bottom passed', newCallback);
                         settings.onBottomPassed = newCallback;
@@ -628,9 +619,9 @@
                 },
 
                 passingReverse: function (newCallback) {
-                    let calculations = module.get.elementCalculations();
-                    let callback = newCallback || settings.onPassingReverse;
-                    let callbackName = 'passingReverse';
+                    const calculations = module.get.elementCalculations();
+                    const callback = newCallback || settings.onPassingReverse;
+                    const callbackName = 'passingReverse';
                     if (newCallback) {
                         module.debug('Adding callback for passing reverse', newCallback);
                         settings.onPassingReverse = newCallback;
@@ -648,9 +639,9 @@
                 },
 
                 topVisibleReverse: function (newCallback) {
-                    let calculations = module.get.elementCalculations();
-                    let callback = newCallback || settings.onTopVisibleReverse;
-                    let callbackName = 'topVisibleReverse';
+                    const calculations = module.get.elementCalculations();
+                    const callback = newCallback || settings.onTopVisibleReverse;
+                    const callbackName = 'topVisibleReverse';
                     if (newCallback) {
                         module.debug('Adding callback for top visible reverse', newCallback);
                         settings.onTopVisibleReverse = newCallback;
@@ -668,9 +659,9 @@
                 },
 
                 bottomVisibleReverse: function (newCallback) {
-                    let calculations = module.get.elementCalculations();
-                    let callback = newCallback || settings.onBottomVisibleReverse;
-                    let callbackName = 'bottomVisibleReverse';
+                    const calculations = module.get.elementCalculations();
+                    const callback = newCallback || settings.onBottomVisibleReverse;
+                    const callbackName = 'bottomVisibleReverse';
                     if (newCallback) {
                         module.debug('Adding callback for bottom visible reverse', newCallback);
                         settings.onBottomVisibleReverse = newCallback;
@@ -688,9 +679,9 @@
                 },
 
                 topPassedReverse: function (newCallback) {
-                    let calculations = module.get.elementCalculations();
-                    let callback = newCallback || settings.onTopPassedReverse;
-                    let callbackName = 'topPassedReverse';
+                    const calculations = module.get.elementCalculations();
+                    const callback = newCallback || settings.onTopPassedReverse;
+                    const callbackName = 'topPassedReverse';
                     if (newCallback) {
                         module.debug('Adding callback for top passed reverse', newCallback);
                         settings.onTopPassedReverse = newCallback;
@@ -708,9 +699,9 @@
                 },
 
                 bottomPassedReverse: function (newCallback) {
-                    let calculations = module.get.elementCalculations();
-                    let callback = newCallback || settings.onBottomPassedReverse;
-                    let callbackName = 'bottomPassedReverse';
+                    const calculations = module.get.elementCalculations();
+                    const callback = newCallback || settings.onBottomPassedReverse;
+                    const callbackName = 'bottomPassedReverse';
                     if (newCallback) {
                         module.debug('Adding callback for bottom passed reverse', newCallback);
                         settings.onBottomPassedReverse = newCallback;
@@ -727,11 +718,10 @@
                     }
                 },
 
-                execute: function (callback, callbackName) {
-                    let calculations = module.get.elementCalculations();
-                    let screen = module.get.screenCalculations();
-                    callback = callback || false;
-                    if (callback) {
+                execute: function (callback = false, callbackName = '') {
+                    const calculations = module.get.elementCalculations();
+                    const screen = module.get.screenCalculations();
+                    if (isFunction(callback)) {
                         if (settings.continuous) {
                             module.debug('Callback being called continuously', callbackName, calculations);
                             callback.call(element, calculations, screen);
@@ -764,7 +754,7 @@
                     },
                     occurred: function (callback) {
                         if (callback) {
-                            let occurred = module.cache.occurred;
+                            const occurred = module.cache.occurred;
                             if (occurred[callback] !== undefined && occurred[callback] === true) {
                                 module.debug('Callback can now be called again', callback);
                                 module.cache.occurred[callback] = false;
@@ -783,11 +773,9 @@
                         module.save.elementCalculations();
                     },
                     occurred: function (callback) {
-                        if (callback) {
-                            if (module.cache.occurred[callback] === undefined || (module.cache.occurred[callback] !== true)) {
-                                module.verbose('Saving callback occurred', callback);
-                                module.cache.occurred[callback] = true;
-                            }
+                        if (callback && (module.cache.occurred[callback] === undefined || (module.cache.occurred[callback] !== true))) {
+                            module.verbose('Saving callback occurred', callback);
+                            module.cache.occurred[callback] = true;
                         }
                     },
                     scroll: function (scrollPosition) {
@@ -795,8 +783,8 @@
                         module.cache.scroll = scrollPosition;
                     },
                     direction: function () {
-                        let scroll = module.get.scroll();
-                        let lastScroll = module.get.lastScroll();
+                        const scroll = module.get.scroll();
+                        const lastScroll = module.get.lastScroll();
                         let direction;
                         if (scroll > lastScroll && lastScroll) {
                             direction = 'down';
@@ -810,8 +798,8 @@
                         return module.cache.direction;
                     },
                     elementPosition: function () {
-                        let element = module.cache.element;
-                        let screen = module.get.screenSize();
+                        const element = module.cache.element;
+                        const screen = module.get.screenSize();
                         module.verbose('Saving element position');
                         // (quicker than $.extend)
                         element.fits = element.height < screen.height;
@@ -831,13 +819,13 @@
                         return element;
                     },
                     elementCalculations: function () {
-                        let screen = module.get.screenCalculations();
-                        let element = module.get.elementPosition();
+                        const screen = module.get.screenCalculations();
+                        const element = module.get.elementPosition();
                         // offset
                         if (settings.includeMargin) {
                             element.margin = {};
-                            element.margin.top = parseInt($module.css('margin-top'), 10);
-                            element.margin.bottom = parseInt($module.css('margin-bottom'), 10);
+                            element.margin.top = Number.parseInt($module.css('margin-top'), 10);
+                            element.margin.bottom = Number.parseInt($module.css('margin-bottom'), 10);
                             element.top = element.offset.top - element.margin.top;
                             element.bottom = element.offset.top + element.height + element.margin.bottom;
                         } else {
@@ -869,7 +857,7 @@
                         return element;
                     },
                     screenCalculations: function () {
-                        let scroll = module.get.scroll();
+                        const scroll = module.get.scroll();
                         module.save.direction();
                         module.cache.screen.top = scroll;
                         module.cache.screen.bottom = scroll + module.cache.screen.height;
@@ -890,12 +878,12 @@
 
                 get: {
                     pixelsPassed: function (amount) {
-                        let element = module.get.elementCalculations();
+                        const element = module.get.elementCalculations();
                         if (amount.search('%') > -1) {
-                            return element.height * (parseInt(amount, 10) / 100);
+                            return element.height * (Number.parseInt(amount, 10) / 100);
                         }
 
-                        return parseInt(amount, 10);
+                        return Number.parseInt(amount, 10);
                     },
                     occurred: function (callback) {
                         return module.cache.occurred !== undefined
@@ -973,30 +961,30 @@
                         return module[name];
                     }
                 },
-                debug: function () {
+                debug: function (...args) {
                     if (!settings.silent && settings.debug) {
                         if (settings.performance) {
-                            module.performance.log(arguments);
+                            module.performance.log(args);
                         } else {
                             module.debug = Function.prototype.bind.call(console.info, console, settings.name + ':');
-                            module.debug.apply(console, arguments);
+                            module.debug.apply(console, args);
                         }
                     }
                 },
-                verbose: function () {
+                verbose: function (...args) {
                     if (!settings.silent && settings.verbose && settings.debug) {
                         if (settings.performance) {
-                            module.performance.log(arguments);
+                            module.performance.log(args);
                         } else {
                             module.verbose = Function.prototype.bind.call(console.info, console, settings.name + ':');
-                            module.verbose.apply(console, arguments);
+                            module.verbose.apply(console, args);
                         }
                     }
                 },
-                error: function () {
+                error: function (...args) {
                     if (!settings.silent) {
                         module.error = Function.prototype.bind.call(console.error, console, settings.name + ':');
-                        module.error.apply(console, arguments);
+                        module.error.apply(console, args);
                     }
                 },
                 performance: {
@@ -1011,7 +999,7 @@
                             time = currentTime;
                             performance.push({
                                 Name: message[0],
-                                Arguments: [].slice.call(message, 1) || '',
+                                Arguments: message.slice(1),
                                 Element: element,
                                 'Execution Time': executionTime,
                             });
@@ -1032,30 +1020,22 @@
                         title += ' ' + totalTime + 'ms';
                         if (performance.length > 0) {
                             console.groupCollapsed(title);
-                            if (console.table) {
-                                console.table(performance);
-                            } else {
-                                $.each(performance, function (index, data) {
-                                    console.log(data.Name + ': ' + data['Execution Time'] + 'ms');
-                                });
-                            }
+                            console.table(performance);
                             console.groupEnd();
                         }
                         performance = [];
                     },
                 },
-                invoke: function (query, passedArguments, context) {
+                invoke: function (query, passedArguments = queryArguments, context = element) {
                     let object = instance;
                     let maxDepth;
                     let found;
                     let response;
-                    passedArguments = passedArguments || queryArguments;
-                    context = context || element;
                     if (typeof query === 'string' && object !== undefined) {
                         query = query.split(/[ .]/);
                         maxDepth = query.length - 1;
                         $.each(query, function (depth, value) {
-                            let camelCaseValue = depth !== maxDepth
+                            const camelCaseValue = depth !== maxDepth
                                 ? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1)
                                 : query;
                             if ($.isPlainObject(object[camelCaseValue]) && (depth !== maxDepth)) {
@@ -1100,7 +1080,7 @@
                 }
                 instance.save.scroll();
                 instance.save.calculations();
-                module.invoke(query);
+                module.invoke(parameters);
             } else {
                 if (instance !== undefined) {
                     instance.invoke('destroy');