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

package/src/definitions/modules/accordion.js

@@ -19,40 +19,39 @@
         ? window
         : globalThis;
 
-    $.fn.accordion = function (parameters) {
-        let $allModules = $(this);
+    $.fn.accordion = 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.accordion.settings, parameters)
                 : $.extend({}, $.fn.accordion.settings);
 
-            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);
+            const $module = $(this);
             let $title = $module.find(selector.title);
             let $content = $module.find(selector.content);
 
-            let element = this;
+            const element = this;
             let instance = $module.data(moduleNamespace);
             let observer;
-            let module;
 
-            module = {
+            const module = {
 
                 initialize: function () {
                     module.debug('Initializing', $module);
@@ -82,17 +81,15 @@
                 },
 
                 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: {
@@ -112,16 +109,16 @@
                 },
 
                 toggle: function (query) {
-                    let $activeTitle = query !== undefined
+                    const $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;
+                    const $activeContent = $activeTitle.next($content);
+                    const isAnimating = $activeContent.hasClass(className.animating);
+                    const isActive = $activeContent.hasClass(className.active);
+                    const isOpen = isActive && !isAnimating;
+                    const isOpening = !isActive && isAnimating;
                     module.debug('Toggling visibility of content', $activeTitle);
                     if (isOpen || isOpening) {
                         if (settings.collapsible) {
@@ -135,15 +132,15 @@
                 },
 
                 open: function (query) {
-                    let $activeTitle = query !== undefined
+                    const $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;
+                    const $activeContent = $activeTitle.next($content);
+                    const isAnimating = $activeContent.hasClass(className.animating);
+                    const isActive = $activeContent.hasClass(className.active);
+                    const isOpen = isActive || isAnimating;
                     if (isOpen) {
                         module.debug('Accordion already open, skipping', $activeContent);
 
@@ -198,16 +195,16 @@
                 },
 
                 close: function (query) {
-                    let $activeTitle = query !== undefined
+                    const $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;
+                    const $activeContent = $activeTitle.next($content);
+                    const isAnimating = $activeContent.hasClass(className.animating);
+                    const isActive = $activeContent.hasClass(className.active);
+                    const isOpening = !isActive && isAnimating;
+                    const isClosing = isActive && isAnimating;
                     if ((isActive || isOpening) && !isClosing) {
                         module.debug('Closing accordion content', $activeContent);
                         settings.onClosing.call($activeContent);
@@ -253,13 +250,13 @@
                 },
 
                 closeOthers: function (index) {
-                    let $activeTitle = index !== undefined
+                    const $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';
+                    const $parentTitles = $activeTitle.parents(selector.content).prev(selector.title);
+                    const $activeAccordion = $activeTitle.closest(selector.accordion);
+                    const activeSelector = selector.title + '.' + className.active + ':visible';
+                    const activeContent = selector.content + '.' + className.active + ':visible';
                     let $openTitles;
                     let $nestedTitles;
                     let $openContents;
@@ -313,7 +310,7 @@
 
                     display: function () {
                         module.verbose('Removing inline display from element', this);
-                        let $element = $(this);
+                        const $element = $(this);
                         $element.css('display', '');
                         if ($element.attr('style') === '') {
                             $element
@@ -324,7 +321,7 @@
 
                     opacity: function () {
                         module.verbose('Removing inline opacity from element', this);
-                        let $element = $(this);
+                        const $element = $(this);
                         $element.css('opacity', '');
                         if ($element.attr('style') === '') {
                             $element
@@ -361,30 +358,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: {
@@ -399,7 +396,7 @@
                             time = currentTime;
                             performance.push({
                                 Name: message[0],
-                                Arguments: [].slice.call(message, 1) || '',
+                                Arguments: message.slice(1),
                                 Element: element,
                                 'Execution Time': executionTime,
                             });
@@ -420,30 +417,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)) {
@@ -485,7 +474,7 @@
                 if (instance === undefined) {
                     module.initialize();
                 }
-                module.invoke(query);
+                module.invoke(parameters);
             } else {
                 if (instance !== undefined) {
                     instance.invoke('destroy');

package/src/definitions/modules/accordion.less

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