fomantic-ui 2.10.0-beta.3 → 2.10.0-beta.30

package/src/definitions/modules/sticky.js

@@ -20,59 +20,55 @@
         : globalThis;
 
     $.fn.sticky = function (parameters) {
-        var
-            $allModules    = $(this),
-            $document      = $(document),
-
-            time           = Date.now(),
-            performance    = [],
-
-            query          = arguments[0],
-            methodInvoked  = typeof query === 'string',
-            queryArguments = [].slice.call(arguments, 1),
-            contextCheck   = function (context, win) {
-                var $context;
-                if ([window, document].indexOf(context) >= 0) {
-                    $context = $(context);
-                } else {
-                    $context = $(win.document).find(context);
-                    if ($context.length === 0) {
-                        $context = win.frameElement ? contextCheck(context, win.parent) : window;
-                    }
+        let $allModules = $(this);
+        let $document = $(document);
+
+        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) {
+            let $context;
+            if ([window, document].indexOf(context) >= 0) {
+                $context = $(context);
+            } else {
+                $context = $(win.document).find(context);
+                if ($context.length === 0) {
+                    $context = win.frameElement ? contextCheck(context, win.parent) : window;
                 }
+            }
 
-                return $context;
-            },
-            returnedValue
-        ;
+            return $context;
+        };
+        let returnedValue;
 
         $allModules.each(function () {
-            var
-                settings              = $.isPlainObject(parameters)
-                    ? $.extend(true, {}, $.fn.sticky.settings, parameters)
-                    : $.extend({}, $.fn.sticky.settings),
+            let settings = $.isPlainObject(parameters)
+                ? $.extend(true, {}, $.fn.sticky.settings, parameters)
+                : $.extend({}, $.fn.sticky.settings);
 
-                className             = settings.className,
-                namespace             = settings.namespace,
-                error                 = settings.error,
+            let className = settings.className;
+            let namespace = settings.namespace;
+            let error = settings.error;
 
-                eventNamespace        = '.' + namespace,
-                moduleNamespace       = 'module-' + namespace,
+            let eventNamespace = '.' + namespace;
+            let moduleNamespace = 'module-' + namespace;
 
-                $module               = $(this),
-                $window               = $(window),
-                $scroll               = contextCheck(settings.scrollContext, window),
-                $container,
-                $context,
+            let $module = $(this);
+            let $window = $(window);
+            let $scroll = contextCheck(settings.scrollContext, window);
+            let $container;
+            let $context;
 
-                instance              = $module.data(moduleNamespace),
+            let instance = $module.data(moduleNamespace);
 
-                element         = this,
+            let element = this;
 
-                documentObserver,
-                observer,
-                module
-            ;
+            let documentObserver;
+            let observer;
+            let module;
 
             module = {
 
@@ -95,8 +91,7 @@
                     module.verbose('Storing instance of module', module);
                     instance = module;
                     $module
-                        .data(moduleNamespace, module)
-                    ;
+                        .data(moduleNamespace, module);
                 },
 
                 destroy: function () {
@@ -110,32 +105,28 @@
                     }
                     $window
                         .off('load' + eventNamespace, module.event.load)
-                        .off('resize' + eventNamespace, module.event.resize)
-                    ;
+                        .off('resize' + eventNamespace, module.event.resize);
                     $scroll
-                        .off('scrollchange' + eventNamespace, module.event.scrollchange)
-                    ;
+                        .off('scrollchange' + eventNamespace, module.event.scrollchange);
                     $module.removeData(moduleNamespace);
                 },
 
                 observeChanges: function () {
-                    if ('MutationObserver' in window) {
-                        documentObserver = new MutationObserver(module.event.documentChanged);
-                        observer = new MutationObserver(module.event.changed);
-                        documentObserver.observe(document, {
-                            childList: true,
-                            subtree: true,
-                        });
-                        observer.observe(element, {
-                            childList: true,
-                            subtree: true,
-                        });
-                        observer.observe($context[0], {
-                            childList: true,
-                            subtree: true,
-                        });
-                        module.debug('Setting up mutation observer', observer);
-                    }
+                    documentObserver = new MutationObserver(module.event.documentChanged);
+                    observer = new MutationObserver(module.event.changed);
+                    documentObserver.observe(document, {
+                        childList: true,
+                        subtree: true,
+                    });
+                    observer.observe(element, {
+                        childList: true,
+                        subtree: true,
+                    });
+                    observer.observe($context[0], {
+                        childList: true,
+                        subtree: true,
+                    });
+                    module.debug('Setting up mutation observer', observer);
                 },
 
                 determineContainer: function () {
@@ -163,14 +154,12 @@
                     events: function () {
                         $window
                             .on('load' + eventNamespace, module.event.load)
-                            .on('resize' + eventNamespace, module.event.resize)
-                        ;
+                            .on('resize' + eventNamespace, module.event.resize);
                         // pub/sub pattern
                         $scroll
                             .off('scroll' + eventNamespace)
                             .on('scroll' + eventNamespace, module.event.scroll)
-                            .on('scrollchange' + eventNamespace, module.event.scrollchange)
-                        ;
+                            .on('scrollchange' + eventNamespace, module.event.scrollchange);
                     },
                 },
 
@@ -228,9 +217,7 @@
 
                 supports: {
                     sticky: function () {
-                        var
-                            $element = $('<div/>')
-                        ;
+                        let $element = $('<div/>');
                         $element.addClass(className.supported);
 
                         return $element.css('position').match('sticky');
@@ -245,24 +232,22 @@
                         module.elementScroll = scroll;
                     },
                     positions: function () {
-                        var
-                            scrollContext = {
-                                height: $scroll.height(),
-                            },
-                            element = {
-                                margin: {
-                                    top: parseInt($module.css('margin-top'), 10),
-                                    bottom: parseInt($module.css('margin-bottom'), 10),
-                                },
-                                offset: $module.offset(),
-                                width: $module.outerWidth(),
-                                height: $module.outerHeight(),
+                        let scrollContext = {
+                            height: $scroll.height(),
+                        };
+                        let element = {
+                            margin: {
+                                top: parseInt($module.css('margin-top'), 10),
+                                bottom: parseInt($module.css('margin-bottom'), 10),
                             },
-                            context = {
-                                offset: $context.offset(),
-                                height: $context.outerHeight(),
-                            }
-                        ;
+                            offset: $module.offset(),
+                            width: $module.outerWidth(),
+                            height: $module.outerHeight(),
+                        };
+                        let context = {
+                            offset: $context.offset(),
+                            height: $context.outerHeight(),
+                        };
                         if (!module.is.standardScroll()) {
                             module.debug('Non-standard scroll. Removing scroll offset from element offset');
 
@@ -303,9 +288,7 @@
 
                 get: {
                     direction: function (scroll) {
-                        var
-                            direction = 'down'
-                        ;
+                        let direction = 'down';
                         scroll = scroll || $scroll.scrollTop();
                         if (module.lastScroll && module.lastScroll > scroll) {
                             direction = 'up';
@@ -332,14 +315,12 @@
 
                     elementScroll: function (scroll) {
                         scroll = scroll || $scroll.scrollTop();
-                        var
-                            element        = module.cache.element,
-                            scrollContext  = module.cache.scrollContext,
-                            delta          = module.get.scrollChange(scroll),
-                            maxScroll      = element.height - scrollContext.height + settings.offset,
-                            elementScroll  = module.get.currentElementScroll(),
-                            possibleScroll = elementScroll + delta
-                        ;
+                        let element = module.cache.element;
+                        let scrollContext = module.cache.scrollContext;
+                        let delta = module.get.scrollChange(scroll);
+                        let maxScroll = element.height - scrollContext.height + settings.offset;
+                        let elementScroll = module.get.currentElementScroll();
+                        let possibleScroll = elementScroll + delta;
                         if (module.cache.fits || possibleScroll < 0) {
                             elementScroll = 0;
                         } else if (possibleScroll > maxScroll) {
@@ -361,8 +342,7 @@
                     },
                     minimumSize: function () {
                         $container
-                            .css('min-height', '')
-                        ;
+                            .css('min-height', '');
                     },
                     offset: function () {
                         $module.css('margin-top', '');
@@ -373,17 +353,14 @@
                     offset: function () {
                         module.verbose('Setting offset on element', settings.offset);
                         $module
-                            .css('margin-top', settings.offset)
-                        ;
+                            .css('margin-top', settings.offset);
                     },
                     containerSize: function () {
-                        var
-                            tagName = $container[0].tagName
-                        ;
+                        let tagName = $container[0].tagName;
                         if (tagName === 'HTML' || tagName === 'body') {
                             module.determineContainer();
                         } else {
-                            var tallestHeight = Math.max(module.cache.context.height, module.cache.element.height);
+                            let tallestHeight = Math.max(module.cache.context.height, module.cache.element.height);
                             if (tallestHeight - $container.outerHeight() > settings.jitter) {
                                 module.debug('Context is taller than container. Specifying exact height for container', module.cache.context.height);
                                 $container.css({
@@ -403,12 +380,9 @@
                         }
                     },
                     minimumSize: function () {
-                        var
-                            element   = module.cache.element
-                        ;
+                        let element = module.cache.element;
                         $container
-                            .css('min-height', element.height)
-                        ;
+                            .css('min-height', element.height);
                     },
                     scroll: function (scroll) {
                         module.debug('Setting scroll on element', scroll);
@@ -418,14 +392,12 @@
                         if (module.is.top()) {
                             $module
                                 .css('bottom', '')
-                                .css('top', -scroll + 'px')
-                            ;
+                                .css('top', -scroll + 'px');
                         }
                         if (module.is.bottom()) {
                             $module
                                 .css('top', '')
-                                .css('bottom', scroll + 'px')
-                            ;
+                                .css('bottom', scroll + 'px');
                         }
                     },
                     size: function () {
@@ -461,29 +433,27 @@
                 },
 
                 stick: function (scrollPosition) {
-                    var
-                        cachedPosition = scrollPosition || $scroll.scrollTop(),
-                        cache          = module.cache,
-                        fits           = cache.fits,
-                        sameHeight     = cache.sameHeight,
-                        element        = cache.element,
-                        scrollContext  = cache.scrollContext,
-                        context        = cache.context,
-                        offset         = module.is.bottom() && settings.pushing
-                            ? settings.bottomOffset
-                            : settings.offset,
-                        scroll         = {
-                            top: cachedPosition + offset,
-                            bottom: cachedPosition + offset + scrollContext.height,
-                        },
-                        elementScroll  = fits
-                            ? 0
-                            : module.get.elementScroll(scroll.top),
-
-                        // shorthand
-                        doesntFit      = !fits,
-                        elementVisible = element.height !== 0
-                    ;
+                    let cachedPosition = scrollPosition || $scroll.scrollTop();
+                    let cache = module.cache;
+                    let fits = cache.fits;
+                    let sameHeight = cache.sameHeight;
+                    let element = cache.element;
+                    let scrollContext = cache.scrollContext;
+                    let context = cache.context;
+                    let offset = module.is.bottom() && settings.pushing
+                        ? settings.bottomOffset
+                        : settings.offset;
+                    let scroll = {
+                        top: cachedPosition + offset,
+                        bottom: cachedPosition + offset + scrollContext.height,
+                    };
+                    let elementScroll = fits
+                        ? 0
+                        : module.get.elementScroll(scroll.top);
+
+                    // shorthand
+                    let doesntFit = !fits;
+                    let elementVisible = element.height !== 0;
                     if (elementVisible && !sameHeight) {
                         if (module.is.initialPosition()) {
                             if (scroll.top >= context.bottom) {
@@ -560,8 +530,7 @@
                         .removeClass(className.fixed)
                         .removeClass(className.bottom)
                         .addClass(className.bound)
-                        .addClass(className.top)
-                    ;
+                        .addClass(className.top);
                     settings.onTop.call(element);
                     settings.onUnstick.call(element);
                 },
@@ -579,8 +548,7 @@
                         .removeClass(className.fixed)
                         .removeClass(className.top)
                         .addClass(className.bound)
-                        .addClass(className.bottom)
-                    ;
+                        .addClass(className.bottom);
                     settings.onBottom.call(element);
                     settings.onUnstick.call(element);
                 },
@@ -607,8 +575,7 @@
                         .removeClass(className.bound)
                         .removeClass(className.bottom)
                         .addClass(className.fixed)
-                        .addClass(className.top)
-                    ;
+                        .addClass(className.top);
                     settings.onStick.call(element);
                 },
 
@@ -628,8 +595,7 @@
                         .removeClass(className.bound)
                         .removeClass(className.top)
                         .addClass(className.fixed)
-                        .addClass(className.bottom)
-                    ;
+                        .addClass(className.bottom);
                     settings.onStick.call(element);
                 },
 
@@ -640,8 +606,7 @@
                         $module
                             .removeClass(className.bound)
                             .removeClass(className.top)
-                            .removeClass(className.bottom)
-                        ;
+                            .removeClass(className.bottom);
                     }
                 },
 
@@ -653,8 +618,7 @@
                         $module
                             .removeClass(className.fixed)
                             .removeClass(className.top)
-                            .removeClass(className.bottom)
-                        ;
+                            .removeClass(className.bottom);
                         settings.onUnstick.call(element);
                     }
                 },
@@ -673,13 +637,11 @@
                         .css({
                             width: '',
                             height: '',
-                        })
-                    ;
+                        });
                     $container
                         .css({
                             height: '',
-                        })
-                    ;
+                        });
                 },
 
                 setting: function (name, value) {
@@ -728,11 +690,9 @@
                 },
                 performance: {
                     log: function (message) {
-                        var
-                            currentTime,
-                            executionTime,
-                            previousTime
-                        ;
+                        let currentTime;
+                        let executionTime;
+                        let previousTime;
                         if (settings.performance) {
                             currentTime = Date.now();
                             previousTime = time || currentTime;
@@ -751,10 +711,8 @@
                         }, 0);
                     },
                     display: function () {
-                        var
-                            title = settings.name + ':',
-                            totalTime = 0
-                        ;
+                        let title = settings.name + ':';
+                        let totalTime = 0;
                         time = false;
                         clearTimeout(module.performance.timer);
                         $.each(performance, function (index, data) {
@@ -776,22 +734,19 @@
                     },
                 },
                 invoke: function (query, passedArguments, context) {
-                    var
-                        object = instance,
-                        maxDepth,
-                        found,
-                        response
-                    ;
+                    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) {
-                            var camelCaseValue = depth !== maxDepth
+                            let camelCaseValue = depth !== maxDepth
                                 ? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1)
-                                : query
-                            ;
+                                : query;
                             if ($.isPlainObject(object[camelCaseValue]) && (depth !== maxDepth)) {
                                 object = object[camelCaseValue];
                             } else if (object[camelCaseValue] !== undefined) {