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

package/src/definitions/modules/calendar.less

@@ -133,7 +133,7 @@
     color: @disabledTextColor;
 }
 
-.ui.calendar .ui.table tr .adjacent:not(.disabled):not(.active) {
+.ui.calendar .ui.table tr .adjacent:not(.disabled, .active) {
     color: @adjacentTextColor;
     background: @adjacentBackground;
 }
@@ -172,7 +172,7 @@
         color: @invertedDisabledTextColor;
     }
 
-    .ui.inverted.calendar .ui.inverted.table tr .adjacent:not(.disabled):not(.active) {
+    .ui.inverted.calendar .ui.inverted.table tr .adjacent:not(.disabled, .active) {
         color: @adjacentInvertedTextColor;
         background: @adjacentInvertedBackground;
     }
@@ -246,5 +246,4 @@
     }
 }
 
-// stylelint-disable no-invalid-position-at-import-rule
 @import (multiple, optional) "../../overrides.less";

package/src/definitions/modules/checkbox.js

@@ -19,27 +19,27 @@
         ? window
         : globalThis;
 
-    $.fn.checkbox = function (parameters) {
-        let $allModules = $(this);
+    $.fn.checkbox = 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);
+        const parameters = args[0];
+        const methodInvoked = typeof parameters === 'string';
+        const queryArguments = args.slice(1);
         let returnedValue;
 
         $allModules.each(function () {
-            let settings = $.extend(true, {}, $.fn.checkbox.settings, parameters);
+            const settings = $.extend(true, {}, $.fn.checkbox.settings, parameters);
 
-            let className = settings.className;
-            let namespace = settings.namespace;
-            let selector = settings.selector;
-            let error = settings.error;
+            const className = settings.className;
+            const namespace = settings.namespace;
+            const selector = settings.selector;
+            const error = settings.error;
 
-            let eventNamespace = '.' + namespace;
-            let moduleNamespace = 'module-' + namespace;
+            const eventNamespace = '.' + namespace;
+            const moduleNamespace = 'module-' + namespace;
 
             let $module = $(this);
             let $label = $(this).children(selector.label);
@@ -51,10 +51,9 @@
             let instance = $module.data(moduleNamespace);
 
             let observer;
-            let element = this;
-            let module;
+            const element = this;
 
-            module = {
+            const module = {
 
                 initialize: function () {
                     module.verbose('Initializing checkbox', settings);
@@ -129,21 +128,19 @@
                 },
 
                 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);
                 },
 
                 attachEvents: function (selector, event) {
-                    let $element = $(selector);
+                    const $element = $(selector);
                     event = isFunction(module[event])
                         ? module[event]
                         : module.toggle;
@@ -156,13 +153,6 @@
                     }
                 },
 
-                preventDefaultOnInputTarget: function () {
-                    if (event !== undefined && event !== null && $(event.target).is(selector.input)) {
-                        module.verbose('Preventing default check action after manual check action');
-                        event.preventDefault();
-                    }
-                },
-
                 event: {
                     change: function (event) {
                         if (!module.should.ignoreCallbacks()) {
@@ -170,7 +160,7 @@
                         }
                     },
                     click: function (event) {
-                        let $target = $(event.target);
+                        const $target = $(event.target);
                         if ($target.is(selector.input)) {
                             module.verbose('Using default check action on initialized checkbox');
 
@@ -186,8 +176,8 @@
                         event.preventDefault();
                     },
                     keydown: function (event) {
-                        let key = event.which;
-                        let keyCode = {
+                        const key = event.which;
+                        const keyCode = {
                             enter: 13,
                             space: 32,
                             escape: 27,
@@ -197,9 +187,9 @@
                             down: 40,
                         };
 
-                        let r = module.get.radios().not(selector.disabled);
-                        let rIndex = r.index($module);
-                        let rLen = r.length;
+                        const r = module.get.radios().not(selector.disabled);
+                        const rIndex = r.index($module);
+                        const rLen = r.length;
                         let checkIndex = false;
 
                         if (key === keyCode.left || key === keyCode.up) {
@@ -209,15 +199,15 @@
                         }
 
                         if (!module.should.ignoreCallbacks() && checkIndex !== false) {
-                            if (settings.beforeUnchecked.apply(input) === false) {
+                            if (settings.beforeUnchecked.call(input) === false) {
                                 module.verbose('Option not allowed to be unchecked, cancelling key navigation');
 
                                 return false;
                             }
-                            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) {
+                            const nextOption = $(r[checkIndex]);
+                            const nextInput = nextOption.children(selector.input);
+                            const disallowOption = nextOption.hasClass(className.readOnly) || nextInput.prop('readonly');
+                            if (disallowOption || settings.beforeChecked.call(nextInput[0]) === false) {
                                 module.verbose('Next option should not allow check, cancelling key navigation');
 
                                 return false;
@@ -265,7 +255,6 @@
                         settings.onChecked.call(input);
                         module.trigger.change();
                     }
-                    module.preventDefaultOnInputTarget();
                 },
 
                 uncheck: function () {
@@ -278,7 +267,6 @@
                         settings.onUnchecked.call(input);
                         module.trigger.change();
                     }
-                    module.preventDefaultOnInputTarget();
                 },
 
                 indeterminate: function () {
@@ -337,7 +325,7 @@
 
                 get: {
                     radios: function () {
-                        let name = module.get.name();
+                        const name = module.get.name();
 
                         return $('input[name="' + CSS.escape(name) + '"]').closest(selector.checkbox);
                     },
@@ -383,7 +371,7 @@
 
                             return false;
                         }
-                        if (!module.should.ignoreCallbacks() && settings.beforeChecked.apply(input) === false) {
+                        if (!module.should.ignoreCallbacks() && settings.beforeChecked.call(input) === false) {
                             module.debug('Should not allow check, beforeChecked cancelled');
 
                             return false;
@@ -397,7 +385,7 @@
 
                             return false;
                         }
-                        if (!module.should.ignoreCallbacks() && settings.beforeUnchecked.apply(input) === false) {
+                        if (!module.should.ignoreCallbacks() && settings.beforeUnchecked.call(input) === false) {
                             module.debug('Should not allow uncheck, beforeUnchecked cancelled');
 
                             return false;
@@ -411,7 +399,7 @@
 
                             return false;
                         }
-                        if (!module.should.ignoreCallbacks() && settings.beforeIndeterminate.apply(input) === false) {
+                        if (!module.should.ignoreCallbacks() && settings.beforeIndeterminate.call(input) === false) {
                             module.debug('Should not allow indeterminate, beforeIndeterminate cancelled');
 
                             return false;
@@ -425,7 +413,7 @@
 
                             return false;
                         }
-                        if (!module.should.ignoreCallbacks() && settings.beforeDeterminate.apply(input) === false) {
+                        if (!module.should.ignoreCallbacks() && settings.beforeDeterminate.call(input) === false) {
                             module.debug('Should not allow determinate, beforeDeterminate cancelled');
 
                             return false;
@@ -553,12 +541,11 @@
 
                 trigger: {
                     change: function () {
-                        let inputElement = $input[0];
+                        const inputElement = $input[0];
                         if (inputElement) {
-                            let events = document.createEvent('HTMLEvents');
+                            const event = new Event('change', { bubbles: true });
                             module.verbose('Triggering native change event');
-                            events.initEvent('change', true, false);
-                            inputElement.dispatchEvent(events);
+                            inputElement.dispatchEvent(event);
                         }
                     },
                 },
@@ -601,7 +588,7 @@
                 },
 
                 uncheckOthers: function () {
-                    let $radios = module.get.otherRadios();
+                    const $radios = module.get.otherRadios();
                     module.debug('Unchecking other radios', $radios);
                     $radios.removeClass(className.checked);
                 },
@@ -645,30 +632,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: {
@@ -683,7 +670,7 @@
                             time = currentTime;
                             performance.push({
                                 Name: message[0],
-                                Arguments: [].slice.call(message, 1) || '',
+                                Arguments: message.slice(1),
                                 Element: element,
                                 'Execution Time': executionTime,
                             });
@@ -704,30 +691,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)) {
@@ -770,7 +749,7 @@
                 if (instance === undefined) {
                     module.initialize();
                 }
-                module.invoke(query);
+                module.invoke(parameters);
             } else {
                 if (instance !== undefined) {
                     instance.invoke('destroy');

package/src/definitions/modules/checkbox.less

@@ -758,5 +758,4 @@
     });
 }
 
-// stylelint-disable no-invalid-position-at-import-rule
 @import (multiple, optional) "../../overrides.less";

package/src/definitions/modules/dimmer.js

@@ -19,44 +19,43 @@
         ? window
         : globalThis;
 
-    $.fn.dimmer = function (parameters) {
-        let $allModules = $(this);
+    $.fn.dimmer = 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);
+        const parameters = args[0];
+        const methodInvoked = typeof parameters === 'string';
+        const queryArguments = args.slice(1);
 
         let returnedValue;
 
         $allModules.each(function () {
-            let settings = $.isPlainObject(parameters)
+            const settings = $.isPlainObject(parameters)
                 ? $.extend(true, {}, $.fn.dimmer.settings, parameters)
                 : $.extend({}, $.fn.dimmer.settings);
 
-            let selector = settings.selector;
-            let namespace = settings.namespace;
-            let className = settings.className;
-            let error = settings.error;
+            const selector = settings.selector;
+            const namespace = settings.namespace;
+            const className = settings.className;
+            const error = settings.error;
 
-            let eventNamespace = '.' + namespace;
-            let moduleNamespace = 'module-' + namespace;
+            const eventNamespace = '.' + namespace;
+            const moduleNamespace = 'module-' + namespace;
 
-            let clickEvent = 'ontouchstart' in document.documentElement
+            const clickEvent = 'ontouchstart' in document.documentElement
                 ? 'touchstart'
                 : 'click';
 
-            let $module = $(this);
+            const $module = $(this);
             let $dimmer;
             let $dimmable;
 
-            let element = this;
+            const element = this;
             let instance = $module.data(moduleNamespace);
-            let module;
 
-            module = {
+            const module = {
 
                 preinitialize: function () {
                     if (module.is.dimmer()) {
@@ -140,7 +139,7 @@
                 },
 
                 addContent: function (element) {
-                    let $content = $(element);
+                    const $content = $(element);
                     module.debug('Add content to dimmer', $content);
                     if ($content.parent()[0] !== $dimmer[0]) {
                         $content.detach().appendTo($dimmer);
@@ -148,7 +147,7 @@
                 },
 
                 create: function () {
-                    let $element = $(settings.template.dimmer(settings));
+                    const $element = $(settings.template.dimmer(settings));
                     if (settings.dimmerName) {
                         module.debug('Creating named dimmer', settings.dimmerName);
                         $element.addClass(settings.dimmerName);
@@ -200,10 +199,8 @@
                     module.verbose('Toggling dimmer visibility', $dimmer);
                     if (!module.is.dimmed()) {
                         module.show();
-                    } else {
-                        if (module.is.closable()) {
-                            module.hide();
-                        }
+                    } else if (module.is.closable()) {
+                        module.hide();
                     }
                 },
 
@@ -375,8 +372,8 @@
                 set: {
                     opacity: function (opacity) {
                         let color = $dimmer.css('background-color');
-                        let colorArray = color.split(',');
-                        let isRGB = colorArray && colorArray.length >= 3;
+                        const colorArray = color.split(',');
+                        const isRGB = colorArray && colorArray.length >= 3;
                         opacity = settings.opacity === 0 ? 0 : settings.opacity || opacity;
                         if (isRGB) {
                             colorArray[2] = colorArray[2].replace(')', '');
@@ -406,8 +403,7 @@
                     disabled: function () {
                         $dimmer.addClass(className.disabled);
                     },
-                    variation: function (variation) {
-                        variation = variation || settings.variation;
+                    variation: function (variation = settings.variation) {
                         if (variation) {
                             $dimmer.addClass(variation);
                         }
@@ -428,8 +424,7 @@
                     disabled: function () {
                         $dimmer.removeClass(className.disabled);
                     },
-                    variation: function (variation) {
-                        variation = variation || settings.variation;
+                    variation: function (variation = settings.variation) {
                         if (variation) {
                             $dimmer.removeClass(variation);
                         }
@@ -459,30 +454,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: {
@@ -497,7 +492,7 @@
                             time = currentTime;
                             performance.push({
                                 Name: message[0],
-                                Arguments: [].slice.call(message, 1) || '',
+                                Arguments: message.slice(1),
                                 Element: element,
                                 'Execution Time': executionTime,
                             });
@@ -521,30 +516,22 @@
                         }
                         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)) {
@@ -589,7 +576,7 @@
                 if (instance === undefined) {
                     module.initialize();
                 }
-                module.invoke(query);
+                module.invoke(parameters);
             } else {
                 if (instance !== undefined) {
                     instance.invoke('destroy');
@@ -678,7 +665,7 @@
 
         template: {
             dimmer: function (settings) {
-                let d = $('<div/>').addClass('ui dimmer');
+                const d = $('<div/>').addClass('ui dimmer');
                 let l;
                 if (settings.displayLoader) {
                     l = $('<div/>')

package/src/definitions/modules/dimmer.less

@@ -178,7 +178,7 @@ body.dimmable > .dimmer {
             filter: @blurredStartFilter;
             transition: @blurredTransition;
         }
-        .blurring.dimmed.dimmable > :not(.dimmer):not(.popup) {
+        .blurring.dimmed.dimmable > :not(.dimmer, .popup) {
             filter: @blurredEndFilter;
         }
     }
@@ -387,5 +387,4 @@ body.dimmable > .dimmer {
     }
 }
 
-// stylelint-disable no-invalid-position-at-import-rule
 @import (multiple, optional) "../../overrides.less";