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

package/src/definitions/modules/checkbox.js

@@ -20,43 +20,39 @@
         : globalThis;
 
     $.fn.checkbox = 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),
-            returnedValue
-        ;
+        let query = arguments[0];
+        let methodInvoked = typeof query === 'string';
+        let queryArguments = [].slice.call(arguments, 1);
+        let returnedValue;
 
         $allModules.each(function () {
-            var
-                settings        = $.extend(true, {}, $.fn.checkbox.settings, parameters),
+            let settings = $.extend(true, {}, $.fn.checkbox.settings, parameters);
 
-                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),
-                $label          = $(this).children(selector.label),
-                $input          = $(this).children(selector.input),
-                input           = $input[0],
+            let $module = $(this);
+            let $label = $(this).children(selector.label);
+            let $input = $(this).children(selector.input);
+            let input = $input[0];
 
-                initialLoad     = false,
-                shortcutPressed = false,
-                instance        = $module.data(moduleNamespace),
+            let initialLoad = false;
+            let shortcutPressed = false;
+            let instance = $module.data(moduleNamespace);
 
-                observer,
-                element         = this,
-                module
-            ;
+            let observer;
+            let element = this;
+            let module;
 
             module = {
 
@@ -78,8 +74,7 @@
                     module.verbose('Storing instance of module', module);
                     instance = module;
                     $module
-                        .data(moduleNamespace, module)
-                    ;
+                        .data(moduleNamespace, module);
                 },
 
                 destroy: function () {
@@ -148,17 +143,14 @@
                 },
 
                 attachEvents: function (selector, event) {
-                    var
-                        $element = $(selector)
-                    ;
+                    let $element = $(selector);
                     event = isFunction(module[event])
                         ? module[event]
                         : module.toggle;
                     if ($element.length > 0) {
                         module.debug('Attaching checkbox events to element', selector, event);
                         $element
-                            .on('click' + eventNamespace, event)
-                        ;
+                            .on('click' + eventNamespace, event);
                     } else {
                         module.error(error.notFound);
                     }
@@ -178,9 +170,7 @@
                         }
                     },
                     click: function (event) {
-                        var
-                            $target = $(event.target)
-                        ;
+                        let $target = $(event.target);
                         if ($target.is(selector.input)) {
                             module.verbose('Using default check action on initialized checkbox');
 
@@ -196,25 +186,21 @@
                         event.preventDefault();
                     },
                     keydown: function (event) {
-                        var
-                            key     = event.which,
-                            keyCode = {
-                                enter: 13,
-                                space: 32,
-                                escape: 27,
-                                left: 37,
-                                up: 38,
-                                right: 39,
-                                down: 40,
-                            }
-                        ;
-
-                        var
-                            r = module.get.radios().not(selector.disabled),
-                            rIndex = r.index($module),
-                            rLen = r.length,
-                            checkIndex = false
-                        ;
+                        let key = event.which;
+                        let keyCode = {
+                            enter: 13,
+                            space: 32,
+                            escape: 27,
+                            left: 37,
+                            up: 38,
+                            right: 39,
+                            down: 40,
+                        };
+
+                        let r = module.get.radios().not(selector.disabled);
+                        let rIndex = r.index($module);
+                        let rLen = r.length;
+                        let checkIndex = false;
 
                         if (key === keyCode.left || key === keyCode.up) {
                             checkIndex = (rIndex === 0 ? rLen : rIndex) - 1;
@@ -228,9 +214,9 @@
 
                                 return false;
                             }
-                            var nextOption = $(r[checkIndex]),
-                                nextInput = nextOption.children(selector.input),
-                                disallowOption = nextOption.hasClass(className.readOnly) || nextInput.prop('readonly');
+                            let nextOption = $(r[checkIndex]);
+                            let nextInput = nextOption.children(selector.input);
+                            let disallowOption = nextOption.hasClass(className.readOnly) || nextInput.prop('readonly');
                             if (disallowOption || settings.beforeChecked.apply(nextInput[0]) === false) {
                                 module.verbose('Next option should not allow check, cancelling key navigation');
 
@@ -351,11 +337,9 @@
 
                 get: {
                     radios: function () {
-                        var
-                            name = module.get.name()
-                        ;
+                        let name = module.get.name();
 
-                        return $('input[name="' + name + '"]').closest(selector.checkbox);
+                        return $('input[name="' + CSS.escape(name) + '"]').closest(selector.checkbox);
                     },
                     otherRadios: function () {
                         return module.get.radios().not($module);
@@ -473,8 +457,7 @@
                         module.verbose('Setting class to checked');
                         $module
                             .removeClass(className.indeterminate)
-                            .addClass(className.checked)
-                        ;
+                            .addClass(className.checked);
                         if (module.is.radio()) {
                             module.uncheckOthers();
                         }
@@ -486,15 +469,13 @@
                         module.verbose('Setting state to checked', input);
                         $input
                             .prop('indeterminate', false)
-                            .prop('checked', true)
-                        ;
+                            .prop('checked', true);
                     },
                     unchecked: function () {
                         module.verbose('Removing checked class');
                         $module
                             .removeClass(className.indeterminate)
-                            .removeClass(className.checked)
-                        ;
+                            .removeClass(className.checked);
                         if (!module.is.indeterminate() && module.is.unchecked()) {
                             module.debug('Input is already unchecked');
 
@@ -503,14 +484,12 @@
                         module.debug('Setting state to unchecked');
                         $input
                             .prop('indeterminate', false)
-                            .prop('checked', false)
-                        ;
+                            .prop('checked', false);
                     },
                     indeterminate: function () {
                         module.verbose('Setting class to indeterminate');
                         $module
-                            .addClass(className.indeterminate)
-                        ;
+                            .addClass(className.indeterminate);
                         if (module.is.indeterminate()) {
                             module.debug('Input is already indeterminate, skipping input property change');
 
@@ -518,14 +497,12 @@
                         }
                         module.debug('Setting state to indeterminate');
                         $input
-                            .prop('indeterminate', true)
-                        ;
+                            .prop('indeterminate', true);
                     },
                     determinate: function () {
                         module.verbose('Removing indeterminate class');
                         $module
-                            .removeClass(className.indeterminate)
-                        ;
+                            .removeClass(className.indeterminate);
                         if (module.is.determinate()) {
                             module.debug('Input is already determinate, skipping input property change');
 
@@ -533,14 +510,12 @@
                         }
                         module.debug('Setting state to determinate');
                         $input
-                            .prop('indeterminate', false)
-                        ;
+                            .prop('indeterminate', false);
                     },
                     disabled: function () {
                         module.verbose('Setting class to disabled');
                         $module
-                            .addClass(className.disabled)
-                        ;
+                            .addClass(className.disabled);
                         if (module.is.disabled()) {
                             module.debug('Input is already disabled, skipping input property change');
 
@@ -548,8 +523,7 @@
                         }
                         module.debug('Setting state to disabled');
                         $input
-                            .prop('disabled', 'disabled')
-                        ;
+                            .prop('disabled', 'disabled');
                     },
                     enabled: function () {
                         module.verbose('Removing disabled class');
@@ -561,8 +535,7 @@
                         }
                         module.debug('Setting state to enabled');
                         $input
-                            .prop('disabled', false)
-                        ;
+                            .prop('disabled', false);
                     },
                     tabbable: function () {
                         module.verbose('Adding tabindex to checkbox');
@@ -580,11 +553,9 @@
 
                 trigger: {
                     change: function () {
-                        var
-                            inputElement = $input[0]
-                        ;
+                        let inputElement = $input[0];
                         if (inputElement) {
-                            var events = document.createEvent('HTMLEvents');
+                            let events = document.createEvent('HTMLEvents');
                             module.verbose('Triggering native change event');
                             events.initEvent('change', true, false);
                             inputElement.dispatchEvent(events);
@@ -617,8 +588,7 @@
                             .on('click' + eventNamespace, module.event.click)
                             .on('change' + eventNamespace, module.event.change)
                             .on('keydown' + eventNamespace, selector.input, module.event.keydown)
-                            .on('keyup' + eventNamespace, selector.input, module.event.keyup)
-                        ;
+                            .on('keyup' + eventNamespace, selector.input, module.event.keyup);
                     },
                 },
 
@@ -626,15 +596,12 @@
                     events: function () {
                         module.debug('Removing events');
                         $module
-                            .off(eventNamespace)
-                        ;
+                            .off(eventNamespace);
                     },
                 },
 
                 uncheckOthers: function () {
-                    var
-                        $radios = module.get.otherRadios()
-                    ;
+                    let $radios = module.get.otherRadios();
                     module.debug('Unchecking other radios', $radios);
                     $radios.removeClass(className.checked);
                 },
@@ -706,11 +673,9 @@
                 },
                 performance: {
                     log: function (message) {
-                        var
-                            currentTime,
-                            executionTime,
-                            previousTime
-                        ;
+                        let currentTime;
+                        let executionTime;
+                        let previousTime;
                         if (settings.performance) {
                             currentTime = Date.now();
                             previousTime = time || currentTime;
@@ -729,10 +694,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) {
@@ -754,22 +717,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/modules/dimmer.js

@@ -20,45 +20,41 @@
         : globalThis;
 
     $.fn.dimmer = 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.dimmer.settings, parameters)
-                    : $.extend({}, $.fn.dimmer.settings),
+            let settings = $.isPlainObject(parameters)
+                ? $.extend(true, {}, $.fn.dimmer.settings, parameters)
+                : $.extend({}, $.fn.dimmer.settings);
 
-                selector        = settings.selector,
-                namespace       = settings.namespace,
-                className       = settings.className,
-                error           = settings.error,
+            let selector = settings.selector;
+            let namespace = settings.namespace;
+            let className = settings.className;
+            let error = settings.error;
 
-                eventNamespace  = '.' + namespace,
-                moduleNamespace = 'module-' + namespace,
+            let eventNamespace = '.' + namespace;
+            let moduleNamespace = 'module-' + namespace;
 
-                clickEvent      = 'ontouchstart' in document.documentElement
-                    ? 'touchstart'
-                    : 'click',
+            let clickEvent = 'ontouchstart' in document.documentElement
+                ? 'touchstart'
+                : 'click';
 
-                $module = $(this),
-                $dimmer,
-                $dimmable,
+            let $module = $(this);
+            let $dimmer;
+            let $dimmable;
 
-                element   = this,
-                instance  = $module.data(moduleNamespace),
-                module
-            ;
+            let element = this;
+            let instance = $module.data(moduleNamespace);
+            let module;
 
             module = {
 
@@ -90,8 +86,7 @@
                     module.verbose('Storing instance of module', module);
                     instance = module;
                     $module
-                        .data(moduleNamespace, instance)
-                    ;
+                        .data(moduleNamespace, instance);
                 },
 
                 destroy: function () {
@@ -99,8 +94,7 @@
                     module.unbind.events();
                     module.remove.variation();
                     $dimmable
-                        .off(eventNamespace)
-                    ;
+                        .off(eventNamespace);
                 },
 
                 bind: {
@@ -108,12 +102,10 @@
                         if (settings.on === 'hover') {
                             $dimmable
                                 .on('mouseenter' + eventNamespace, module.show)
-                                .on('mouseleave' + eventNamespace, module.hide)
-                            ;
+                                .on('mouseleave' + eventNamespace, module.hide);
                         } else if (settings.on === 'click') {
                             $dimmable
-                                .on(clickEvent + eventNamespace, module.toggle)
-                            ;
+                                .on(clickEvent + eventNamespace, module.toggle);
                         }
                         if (module.is.page()) {
                             module.debug('Setting as a page dimmer', $dimmable);
@@ -123,8 +115,7 @@
                         if (module.is.closable()) {
                             module.verbose('Adding dimmer close event', $dimmer);
                             $dimmable
-                                .on(clickEvent + eventNamespace, selector.dimmer, module.event.click)
-                            ;
+                                .on(clickEvent + eventNamespace, selector.dimmer, module.event.click);
                         }
                     },
                 },
@@ -132,11 +123,9 @@
                 unbind: {
                     events: function () {
                         $module
-                            .removeData(moduleNamespace)
-                        ;
+                            .removeData(moduleNamespace);
                         $dimmable
-                            .off(eventNamespace)
-                        ;
+                            .off(eventNamespace);
                     },
                 },
 
@@ -151,9 +140,7 @@
                 },
 
                 addContent: function (element) {
-                    var
-                        $content = $(element)
-                    ;
+                    let $content = $(element);
                     module.debug('Add content to dimmer', $content);
                     if ($content.parent()[0] !== $dimmer[0]) {
                         $content.detach().appendTo($dimmer);
@@ -161,16 +148,13 @@
                 },
 
                 create: function () {
-                    var
-                        $element = $(settings.template.dimmer(settings))
-                    ;
+                    let $element = $(settings.template.dimmer(settings));
                     if (settings.dimmerName) {
                         module.debug('Creating named dimmer', settings.dimmerName);
                         $element.addClass(settings.dimmerName);
                     }
                     $element
-                        .appendTo($dimmable)
-                    ;
+                        .appendTo($dimmable);
 
                     return $element;
                 },
@@ -259,8 +243,7 @@
                                         settings.onVisible.call($dimmer);
                                         callback();
                                     },
-                                })
-                            ;
+                                });
                         } else {
                             module.verbose('Showing dimmer animation with javascript');
                             module.set.dimmed();
@@ -279,8 +262,7 @@
                                     module.set.active();
                                     settings.onVisible.call($dimmer);
                                     callback();
-                                })
-                            ;
+                                });
                         }
                     },
                     hide: function (callback) {
@@ -308,8 +290,7 @@
                                         settings.onHidden.call($dimmer);
                                         callback();
                                     },
-                                })
-                            ;
+                                });
                         } else {
                             module.verbose('Hiding dimmer with javascript');
                             $dimmer
@@ -320,8 +301,7 @@
                                     $dimmer.removeAttr('style');
                                     settings.onHidden.call($dimmer);
                                     callback();
-                                })
-                            ;
+                                });
                         }
                     },
                 },
@@ -394,11 +374,9 @@
 
                 set: {
                     opacity: function (opacity) {
-                        var
-                            color      = $dimmer.css('background-color'),
-                            colorArray = color.split(','),
-                            isRGB      = colorArray && colorArray.length >= 3
-                        ;
+                        let color = $dimmer.css('background-color');
+                        let colorArray = color.split(',');
+                        let isRGB = colorArray && colorArray.length >= 3;
                         opacity = settings.opacity === 0 ? 0 : settings.opacity || opacity;
                         if (isRGB) {
                             colorArray[2] = colorArray[2].replace(')', '');
@@ -439,8 +417,7 @@
                 remove: {
                     active: function () {
                         $dimmer
-                            .removeClass(className.active)
-                        ;
+                            .removeClass(className.active);
                     },
                     legacy: function () {
                         $dimmer.removeClass(className.legacy);
@@ -510,11 +487,9 @@
                 },
                 performance: {
                     log: function (message) {
-                        var
-                            currentTime,
-                            executionTime,
-                            previousTime
-                        ;
+                        let currentTime;
+                        let executionTime;
+                        let previousTime;
                         if (settings.performance) {
                             currentTime = Date.now();
                             previousTime = time || currentTime;
@@ -533,10 +508,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) {
@@ -561,22 +534,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) {
@@ -708,15 +678,12 @@
 
         template: {
             dimmer: function (settings) {
-                var
-                    d = $('<div/>').addClass('ui dimmer'),
-                    l
-                ;
+                let d = $('<div/>').addClass('ui dimmer');
+                let l;
                 if (settings.displayLoader) {
                     l = $('<div/>')
                         .addClass(settings.className.loader)
-                        .addClass(settings.loaderVariation)
-                    ;
+                        .addClass(settings.loaderVariation);
                     if (settings.loaderText) {
                         l.text(settings.loaderText);
                         l.addClass('text');