fomantic-ui 2.10.0-beta.1 → 2.10.0-beta.11

package/src/definitions/globals/site.js

@@ -20,31 +20,29 @@
         : globalThis;
 
     $.fn.site = function (parameters) {
-        var
-            time           = Date.now(),
-            performance    = [],
+        let time = Date.now();
+        let performance = [];
 
-            query          = arguments[0],
-            methodInvoked  = typeof query === 'string',
-            queryArguments = [].slice.call(arguments, 1),
+        let query = arguments[0];
+        let methodInvoked = typeof query === 'string';
+        let queryArguments = [].slice.call(arguments, 1);
 
-            settings        = $.isPlainObject(parameters)
-                ? $.extend(true, {}, $.site.settings, parameters)
-                : $.extend({}, $.site.settings),
+        let settings = $.isPlainObject(parameters)
+            ? $.extend(true, {}, $.site.settings, parameters)
+            : $.extend({}, $.site.settings);
 
-            namespace       = settings.namespace,
-            error           = settings.error,
+        let namespace = settings.namespace;
+        let error = settings.error;
 
-            moduleNamespace = 'module-' + namespace,
+        let moduleNamespace = 'module-' + namespace;
 
-            $document       = $(document),
-            $module         = $document,
-            element         = this,
-            instance        = $module.data(moduleNamespace),
+        let $document = $(document);
+        let $module = $document;
+        let element = this;
+        let instance = $module.data(moduleNamespace);
 
-            module,
-            returnedValue
-        ;
+        let module;
+        let returnedValue;
         module = {
 
             initialize: function () {
@@ -55,8 +53,7 @@
                 module.verbose('Storing instance of site', module);
                 instance = module;
                 $module
-                    .data(moduleNamespace, module)
-                ;
+                    .data(moduleNamespace, module);
             },
 
             normalize: function () {
@@ -78,9 +75,7 @@
 
             enabled: {
                 modules: function (modules) {
-                    var
-                        enabledModules = []
-                    ;
+                    let enabledModules = [];
                     modules = modules || settings.modules;
                     $.each(modules, function (index, name) {
                         if (module.moduleExists(name)) {
@@ -94,9 +89,7 @@
 
             disabled: {
                 modules: function (modules) {
-                    var
-                        disabledModules = []
-                    ;
+                    let disabledModules = [];
                     modules = modules || settings.modules;
                     $.each(modules, function (index, name) {
                         if (!module.moduleExists(name)) {
@@ -119,12 +112,10 @@
                         ? modifyExisting
                         : true;
                     $.each(modules, function (index, name) {
-                        var
-                            namespace = module.moduleExists(name)
-                                ? $.fn[name].settings.namespace || false
-                                : true,
-                            $existingModules
-                        ;
+                        let namespace = module.moduleExists(name)
+                            ? $.fn[name].settings.namespace || false
+                            : true;
+                        let $existingModules;
                         if (module.moduleExists(name)) {
                             module.verbose('Changing default setting', setting, value, name);
                             $.fn[name].settings[setting] = value;
@@ -146,9 +137,7 @@
                         ? modifyExisting
                         : true;
                     $.each(modules, function (index, name) {
-                        var
-                            $existingModules
-                        ;
+                        let $existingModules;
                         if (module.moduleExists(name)) {
                             module.verbose('Changing default setting', newSettings, name);
                             $.extend(true, $.fn[name].settings, newSettings);
@@ -224,8 +213,7 @@
             destroy: function () {
                 module.verbose('Destroying previous site for', $module);
                 $module
-                    .removeData(moduleNamespace)
-                ;
+                    .removeData(moduleNamespace);
             },
 
             cache: {},
@@ -274,11 +262,9 @@
             },
             performance: {
                 log: function (message) {
-                    var
-                        currentTime,
-                        executionTime,
-                        previousTime
-                    ;
+                    let currentTime;
+                    let executionTime;
+                    let previousTime;
                     if (settings.performance) {
                         currentTime = Date.now();
                         previousTime = time || currentTime;
@@ -297,10 +283,8 @@
                     }, 500);
                 },
                 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) {
@@ -322,22 +306,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) {

package/src/definitions/globals/site.less

@@ -148,15 +148,7 @@ a:hover {
     body ::-webkit-scrollbar-thumb:hover {
         background: @thumbHoverBackground;
     }
-    & when (@supportIE) {
-        body .ui {
-            /* IE11 */
-            scrollbar-face-color: @thumbBackgroundHex;
-            scrollbar-shadow-color: @thumbBackgroundHex;
-            scrollbar-track-color: @trackBackgroundHex;
-            scrollbar-arrow-color: @trackBackgroundHex;
-        }
-    }
+
     @supports (-moz-appearance: none) {
         body .ui {
             /* firefox: first color thumb, second track */
@@ -178,15 +170,7 @@ a:hover {
     body .ui.inverted:not(.dimmer)::-webkit-scrollbar-thumb:hover {
         background: @thumbInvertedHoverBackground;
     }
-    & when (@supportIE) {
-        body .ui.inverted:not(.dimmer) {
-            /* IE11 */
-            scrollbar-face-color: @thumbInvertedBackgroundHex;
-            scrollbar-shadow-color: @thumbInvertedBackgroundHex;
-            scrollbar-track-color: @trackInvertedBackgroundHex;
-            scrollbar-arrow-color: @trackInvertedBackgroundHex;
-        }
-    }
+
     @supports (-moz-appearance: none) {
         body .ui.inverted:not(.dimmer) {
             /* firefox: first color thumb, second track */

package/src/definitions/modules/accordion.js

@@ -20,41 +20,37 @@
         : globalThis;
 
     $.fn.accordion = function (parameters) {
-        var
-            $allModules     = $(this),
+        let $allModules = $(this);
 
-            time            = Date.now(),
-            performance     = [],
+        let time = Date.now();
+        let performance = [];
 
-            query           = arguments[0],
-            methodInvoked   = typeof query === 'string',
-            queryArguments  = [].slice.call(arguments, 1),
+        let query = arguments[0];
+        let methodInvoked = typeof query === 'string';
+        let queryArguments = [].slice.call(arguments, 1);
 
-            returnedValue
-        ;
+        let returnedValue;
         $allModules.each(function () {
-            var
-                settings        = $.isPlainObject(parameters)
-                    ? $.extend(true, {}, $.fn.accordion.settings, parameters)
-                    : $.extend({}, $.fn.accordion.settings),
+            let settings = $.isPlainObject(parameters)
+                ? $.extend(true, {}, $.fn.accordion.settings, parameters)
+                : $.extend({}, $.fn.accordion.settings);
 
-                className       = settings.className,
-                namespace       = settings.namespace,
-                selector        = settings.selector,
-                error           = settings.error,
+            let className = settings.className;
+            let namespace = settings.namespace;
+            let selector = settings.selector;
+            let error = settings.error;
 
-                eventNamespace  = '.' + namespace,
-                moduleNamespace = 'module-' + namespace,
+            let eventNamespace = '.' + namespace;
+            let moduleNamespace = 'module-' + namespace;
 
-                $module  = $(this),
-                $title   = $module.find(selector.title),
-                $content = $module.find(selector.content),
+            let $module = $(this);
+            let $title = $module.find(selector.title);
+            let $content = $module.find(selector.content);
 
-                element  = this,
-                instance = $module.data(moduleNamespace),
-                observer,
-                module
-            ;
+            let element = this;
+            let instance = $module.data(moduleNamespace);
+            let observer;
+            let module;
 
             module = {
 
@@ -70,16 +66,14 @@
                 instantiate: function () {
                     instance = module;
                     $module
-                        .data(moduleNamespace, module)
-                    ;
+                        .data(moduleNamespace, module);
                 },
 
                 destroy: function () {
                     module.debug('Destroying previous instance', $module);
                     $module
                         .off(eventNamespace)
-                        .removeData(moduleNamespace)
-                    ;
+                        .removeData(moduleNamespace);
                 },
 
                 refresh: function () {
@@ -88,25 +82,22 @@
                 },
 
                 observeChanges: function () {
-                    if ('MutationObserver' in window) {
-                        observer = new MutationObserver(function (mutations) {
-                            module.debug('DOM tree modified, updating selector cache');
-                            module.refresh();
-                        });
-                        observer.observe(element, {
-                            childList: true,
-                            subtree: true,
-                        });
-                        module.debug('Setting up mutation observer', observer);
-                    }
+                    observer = new MutationObserver(function (mutations) {
+                        module.debug('DOM tree modified, updating selector cache');
+                        module.refresh();
+                    });
+                    observer.observe(element, {
+                        childList: true,
+                        subtree: true,
+                    });
+                    module.debug('Setting up mutation observer', observer);
                 },
 
                 bind: {
                     events: function () {
                         module.debug('Binding delegated events');
                         $module
-                            .on(settings.on + eventNamespace, selector.trigger, module.event.click)
-                        ;
+                            .on(settings.on + eventNamespace, selector.trigger, module.event.click);
                     },
                 },
 
@@ -119,18 +110,16 @@
                 },
 
                 toggle: function (query) {
-                    var
-                        $activeTitle = query !== undefined
-                            ? (typeof query === 'number'
-                                ? $title.eq(query)
-                                : $(query).closest(selector.title))
-                            : $(this).closest(selector.title),
-                        $activeContent = $activeTitle.next($content),
-                        isAnimating = $activeContent.hasClass(className.animating),
-                        isActive    = $activeContent.hasClass(className.active),
-                        isOpen      = isActive && !isAnimating,
-                        isOpening   = !isActive && isAnimating
-                    ;
+                    let $activeTitle = query !== undefined
+                        ? (typeof query === 'number'
+                            ? $title.eq(query)
+                            : $(query).closest(selector.title))
+                        : $(this).closest(selector.title);
+                    let $activeContent = $activeTitle.next($content);
+                    let isAnimating = $activeContent.hasClass(className.animating);
+                    let isActive = $activeContent.hasClass(className.active);
+                    let isOpen = isActive && !isAnimating;
+                    let isOpening = !isActive && isAnimating;
                     module.debug('Toggling visibility of content', $activeTitle);
                     if (isOpen || isOpening) {
                         if (settings.collapsible) {
@@ -144,17 +133,15 @@
                 },
 
                 open: function (query) {
-                    var
-                        $activeTitle = query !== undefined
-                            ? (typeof query === 'number'
-                                ? $title.eq(query)
-                                : $(query).closest(selector.title))
-                            : $(this).closest(selector.title),
-                        $activeContent = $activeTitle.next($content),
-                        isAnimating = $activeContent.hasClass(className.animating),
-                        isActive    = $activeContent.hasClass(className.active),
-                        isOpen      = isActive || isAnimating
-                    ;
+                    let $activeTitle = query !== undefined
+                        ? (typeof query === 'number'
+                            ? $title.eq(query)
+                            : $(query).closest(selector.title))
+                        : $(this).closest(selector.title);
+                    let $activeContent = $activeTitle.next($content);
+                    let isAnimating = $activeContent.hasClass(className.animating);
+                    let isActive = $activeContent.hasClass(className.active);
+                    let isOpen = isActive || isAnimating;
                     if (isOpen) {
                         module.debug('Accordion already open, skipping', $activeContent);
 
@@ -167,12 +154,10 @@
                         module.closeOthers.call($activeTitle);
                     }
                     $activeTitle
-                        .addClass(className.active)
-                    ;
+                        .addClass(className.active);
                     $activeContent
                         .stop(true, true)
-                        .addClass(className.animating)
-                    ;
+                        .addClass(className.animating);
                     if (settings.animateChildren) {
                         if ($.fn.transition !== undefined) {
                             $activeContent
@@ -189,8 +174,7 @@
                                     onComplete: function () {
                                         $activeContent.children().removeClass(className.transition);
                                     },
-                                })
-                            ;
+                                });
                         } else {
                             $activeContent
                                 .children()
@@ -204,39 +188,33 @@
                         .slideDown(settings.duration, settings.easing, function () {
                             $activeContent
                                 .removeClass(className.animating)
-                                .addClass(className.active)
-                            ;
+                                .addClass(className.active);
                             module.reset.display.call(this);
                             settings.onOpen.call(this);
                             settings.onChange.call(this);
-                        })
-                    ;
+                        });
                 },
 
                 close: function (query) {
-                    var
-                        $activeTitle = query !== undefined
-                            ? (typeof query === 'number'
-                                ? $title.eq(query)
-                                : $(query).closest(selector.title))
-                            : $(this).closest(selector.title),
-                        $activeContent = $activeTitle.next($content),
-                        isAnimating    = $activeContent.hasClass(className.animating),
-                        isActive       = $activeContent.hasClass(className.active),
-                        isOpening      = !isActive && isAnimating,
-                        isClosing      = isActive && isAnimating
-                    ;
+                    let $activeTitle = query !== undefined
+                        ? (typeof query === 'number'
+                            ? $title.eq(query)
+                            : $(query).closest(selector.title))
+                        : $(this).closest(selector.title);
+                    let $activeContent = $activeTitle.next($content);
+                    let isAnimating = $activeContent.hasClass(className.animating);
+                    let isActive = $activeContent.hasClass(className.active);
+                    let isOpening = !isActive && isAnimating;
+                    let isClosing = isActive && isAnimating;
                     if ((isActive || isOpening) && !isClosing) {
                         module.debug('Closing accordion content', $activeContent);
                         settings.onClosing.call($activeContent);
                         settings.onChanging.call($activeContent);
                         $activeTitle
-                            .removeClass(className.active)
-                        ;
+                            .removeClass(className.active);
                         $activeContent
                             .stop(true, true)
-                            .addClass(className.animating)
-                        ;
+                            .addClass(className.animating);
                         if (settings.animateChildren) {
                             if ($.fn.transition !== undefined) {
                                 $activeContent
@@ -250,8 +228,7 @@
                                         silent: settings.silent,
                                         duration: settings.duration,
                                         skipInlineHidden: true,
-                                    })
-                                ;
+                                    });
                             } else {
                                 $activeContent
                                     .children()
@@ -265,29 +242,25 @@
                             .slideUp(settings.duration, settings.easing, function () {
                                 $activeContent
                                     .removeClass(className.animating)
-                                    .removeClass(className.active)
-                                ;
+                                    .removeClass(className.active);
                                 module.reset.display.call(this);
                                 settings.onClose.call(this);
                                 settings.onChange.call(this);
-                            })
-                        ;
+                            });
                     }
                 },
 
                 closeOthers: function (index) {
-                    var
-                        $activeTitle = index !== undefined
-                            ? $title.eq(index)
-                            : $(this).closest(selector.title),
-                        $parentTitles    = $activeTitle.parents(selector.content).prev(selector.title),
-                        $activeAccordion = $activeTitle.closest(selector.accordion),
-                        activeSelector   = selector.title + '.' + className.active + ':visible',
-                        activeContent    = selector.content + '.' + className.active + ':visible',
-                        $openTitles,
-                        $nestedTitles,
-                        $openContents
-                    ;
+                    let $activeTitle = index !== undefined
+                        ? $title.eq(index)
+                        : $(this).closest(selector.title);
+                    let $parentTitles = $activeTitle.parents(selector.content).prev(selector.title);
+                    let $activeAccordion = $activeTitle.closest(selector.accordion);
+                    let activeSelector = selector.title + '.' + className.active + ':visible';
+                    let activeContent = selector.content + '.' + className.active + ':visible';
+                    let $openTitles;
+                    let $nestedTitles;
+                    let $openContents;
                     if (settings.closeNested) {
                         $openTitles = $activeAccordion.find(activeSelector).not($parentTitles);
                         $openContents = $openTitles.next($content);
@@ -300,12 +273,10 @@
                     if ($openTitles.length > 0) {
                         module.debug('Exclusive enabled, closing other content', $openTitles);
                         $openTitles
-                            .removeClass(className.active)
-                        ;
+                            .removeClass(className.active);
                         $openContents
                             .removeClass(className.animating)
-                            .stop(true, true)
-                        ;
+                            .stop(true, true);
                         if (settings.animateChildren) {
                             if ($.fn.transition !== undefined) {
                                 $openContents
@@ -318,8 +289,7 @@
                                         silent: settings.silent,
                                         duration: settings.duration,
                                         skipInlineHidden: true,
-                                    })
-                                ;
+                                    });
                             } else {
                                 $openContents
                                     .children()
@@ -333,8 +303,7 @@
                             .slideUp(settings.duration, settings.easing, function () {
                                 $(this).removeClass(className.active);
                                 module.reset.display.call(this);
-                            })
-                        ;
+                            });
                     }
                 },
 
@@ -342,25 +311,23 @@
 
                     display: function () {
                         module.verbose('Removing inline display from element', this);
-                        var $element = $(this);
+                        let $element = $(this);
                         $element.css('display', '');
                         if ($element.attr('style') === '') {
                             $element
                                 .attr('style', '')
-                                .removeAttr('style')
-                            ;
+                                .removeAttr('style');
                         }
                     },
 
                     opacity: function () {
                         module.verbose('Removing inline opacity from element', this);
-                        var $element = $(this);
+                        let $element = $(this);
                         $element.css('opacity', '');
                         if ($element.attr('style') === '') {
                             $element
                                 .attr('style', '')
-                                .removeAttr('style')
-                            ;
+                                .removeAttr('style');
                         }
                     },
 
@@ -420,11 +387,9 @@
                 },
                 performance: {
                     log: function (message) {
-                        var
-                            currentTime,
-                            executionTime,
-                            previousTime
-                        ;
+                        let currentTime;
+                        let executionTime;
+                        let previousTime;
                         if (settings.performance) {
                             currentTime = Date.now();
                             previousTime = time || currentTime;
@@ -443,10 +408,8 @@
                         }, 500);
                     },
                     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) {
@@ -468,19 +431,17 @@
                     },
                 },
                 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;
                             if ($.isPlainObject(object[camelCaseValue]) && (depth !== maxDepth)) {