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

package/.eslintrc.js

@@ -43,12 +43,6 @@ module.exports = {
         'no-console': 'off',
         'no-continue': 'off',
         'no-lonely-if': 'off',
-        'no-multi-spaces': ['error', {
-            exceptions: {
-                Property: true,
-                VariableDeclarator: true,
-            },
-        }],
         'no-nested-ternary': 'off',
         'no-param-reassign': 'off',
         'no-plusplus': 'off',
@@ -92,18 +86,14 @@ module.exports = {
         'guard-for-in': 'off', // refactor to "for of"
         'no-restricted-globals': 'off',
         'no-restricted-properties': 'off',
-        'no-var': 'off', // https://github.com/fomantic/Fomantic-UI/pull/2584
-        'one-var': 'off',
         'prefer-const': 'off',
         'prefer-exponentiation-operator': 'off',
         'prefer-rest-params': 'off',
         'prefer-spread': 'off',
-        'semi-style': 'off',
         'unicorn/no-array-for-each': 'off',
         'unicorn/no-for-loop': 'off', // autofixes to "for of"
         'unicorn/prefer-code-point': 'off',
         'unicorn/prefer-includes': 'off',
-        'unicorn/prefer-node-protocol': 'off', // needs Node 14+
         'unicorn/prefer-number-properties': 'off',
         'unicorn/prefer-optional-catch-binding': 'off',
         'unicorn/prefer-prototype-methods': 'off',

package/README.md

@@ -3,7 +3,9 @@
 # Fomantic-UI
 The official community fork of the popular Semantic-UI framework.
 
-[![GitHub Actions Status](https://github.com/fomantic/Fomantic-UI/workflows/CI/badge.svg)](https://github.com/fomantic/Fomantic-UI/actions)
+[![CI](https://github.com/fomantic/Fomantic-UI/actions/workflows/ci.yml/badge.svg?branch=develop)](https://github.com/fomantic/Fomantic-UI/actions/workflows/ci.yml)
+[![Nightly Build](https://github.com/fomantic/Fomantic-UI/actions/workflows/nightly.yml/badge.svg?branch=develop)](https://github.com/fomantic/Fomantic-UI/actions/workflows/nightly.yml)
+
 [![last commit (develop)](https://img.shields.io/github/last-commit/fomantic/Fomantic-UI/develop.svg?label=last%20commit%20%28develop%29)](https://github.com/fomantic/Fomantic-UI/commits/develop)
 [![License](https://img.shields.io/github/license/fomantic/Fomantic-UI?color=%233fb911)](https://github.com/fomantic/Fomantic-UI/blob/1fd94d2479f297c906bed557f0567d1d3f0a4d2c/LICENSE.md)
 
@@ -16,9 +18,6 @@ The official community fork of the popular Semantic-UI framework.
 [![jsdelivr](https://data.jsdelivr.com/v1/package/npm/fomantic-ui/badge?style=rounded)](https://www.jsdelivr.com/package/npm/fomantic-ui)
 [![CDNJS](https://img.shields.io/cdnjs/v/fomantic-ui?color=e95420)](https://cdnjs.com/libraries/fomantic-ui)
 
-[![CI](https://github.com/fomantic/Fomantic-UI/actions/workflows/ci.yml/badge.svg?branch=develop)](https://github.com/fomantic/Fomantic-UI/actions/workflows/ci.yml)
-[![Nightly Build](https://github.com/fomantic/Fomantic-UI/actions/workflows/nightly.yml/badge.svg?branch=develop)](https://github.com/fomantic/Fomantic-UI/actions/workflows/nightly.yml)
-
 [![Package Quality](https://npm.packagequality.com/shield/fomantic-ui.svg?label=package%20quality)](https://packagequality.com/#?package=fomantic-ui)
 [![GitHub contributors](https://img.shields.io/github/contributors/fomantic/Fomantic-UI)](https://github.com/fomantic/Fomantic-UI/graphs/contributors)
 [![Dependabot Status](https://badgen.net/github/dependabot/fomantic/Fomantic-UI/?icon=dependabot)](https://github.com/features/security)
@@ -59,7 +58,7 @@ Fomantic includes an interactive installer to help setup your project.
 * Last 2 Versions of Firefox, Chrome, Safari Mac, Edge
 * Last 4 Versions of Android, Chrome for Android, iOS Safari[^1]
 
-[^1]: Fomantic-UI should basically still work in iOS Safari 9+, Android 6+, but, starting from v2.9.0, we won't support them anymore if anything works different than in recent versions.
+[^1]: Fomantic-UI should basically still work in iOS Safari 11+, Android 7+, but, starting from v2.9.0, we won't support them anymore if anything works different than in recent versions.
 
 ---
 

package/changelog-setup.js

@@ -1,9 +1,8 @@
 const semver = require('semver'); // eslint-disable-line import/no-extraneous-dependencies
 
-let changelogDeps  = {},
-    loopVersion = '',
-    uniqueCommits = []
-;
+let changelogDeps = {};
+let loopVersion = '';
+let uniqueCommits = [];
 const issueLinks = function (item) {
     if (typeof loopVersion !== 'string') {
         return item;
@@ -113,79 +112,74 @@ module.exports = function (Handlebars) {
         loopVersion = options.data.root.releases[options.data.index].tag;
 
         changelogDeps = {};
-        const
-            depsRegex = /(?:build\(deps[A-Za-z-]*\):|\[Snyk]) (?:\[?[Ss]ecurity]? )?(?:bump|upgrade) ([\w./@-]+) from (\d+\.\d+\.\d+) to (\d+\.\d+\.\d+)/,
-            detectVersionRange = function (item) {
-                let subjectDetails = item.subject.match(depsRegex);
-                if (!subjectDetails) {
-                    return true;
-                }
-
-                let depPackage = subjectDetails[1],
-                    depVersionFrom = subjectDetails[2],
-                    depVersionTo = subjectDetails[3]
-                ;
-                if (!changelogDeps[depPackage]) {
-                    changelogDeps[depPackage] = {
-                        from: '999.999.999',
-                        to: '0.0.0',
-                    };
-                }
-                if (semver.lt(depVersionFrom, changelogDeps[depPackage].from)) {
-                    changelogDeps[depPackage].from = depVersionFrom;
-                }
-                if (semver.gte(depVersionTo, changelogDeps[depPackage].to)) {
-                    changelogDeps[depPackage].to = depVersionTo;
-
-                    return true;
-                }
+        const depsRegex = /(?:build\(deps[A-Za-z-]*\):|\[Snyk]) (?:\[?[Ss]ecurity]? )?(?:bump|upgrade) ([\w./@-]+) from (\d+\.\d+\.\d+) to (\d+\.\d+\.\d+)/;
+        const detectVersionRange = function (item) {
+            let subjectDetails = item.subject.match(depsRegex);
+            if (!subjectDetails) {
+                return true;
+            }
+
+            let depPackage = subjectDetails[1];
+            let depVersionFrom = subjectDetails[2];
+            let depVersionTo = subjectDetails[3];
+            if (!changelogDeps[depPackage]) {
+                changelogDeps[depPackage] = {
+                    from: '999.999.999',
+                    to: '0.0.0',
+                };
+            }
+            if (semver.lt(depVersionFrom, changelogDeps[depPackage].from)) {
+                changelogDeps[depPackage].from = depVersionFrom;
+            }
+            if (semver.gte(depVersionTo, changelogDeps[depPackage].to)) {
+                changelogDeps[depPackage].to = depVersionTo;
 
-                return false;
-            },
-            list = context
-                .filter((item) => {
-                    const commit = item.commit || item;
-                    if (exclude) {
-                        const pattern = new RegExp(exclude, 'm');
-                        if (pattern.test(commit.message)) {
-                            return false;
-                        }
-                    }
-                    if (message) {
-                        const pattern = new RegExp(message, 'm');
+                return true;
+            }
 
-                        return pattern.test(commit.message);
+            return false;
+        };
+        const list = context
+            .filter((item) => {
+                const commit = item.commit || item;
+                if (exclude) {
+                    const pattern = new RegExp(exclude, 'm');
+                    if (pattern.test(commit.message)) {
+                        return false;
                     }
-                    if (subject) {
-                        const pattern = new RegExp(subject);
+                }
+                if (message) {
+                    const pattern = new RegExp(message, 'm');
 
-                        return pattern.test(commit.subject);
-                    }
+                    return pattern.test(commit.message);
+                }
+                if (subject) {
+                    const pattern = new RegExp(subject);
 
-                    return true;
-                })
-                .filter(detectVersionRange)
-                // second round as the previous list came unordered from git
-                .filter(detectVersionRange)
-                // adjust from version to create the whole range in one line (linked to the latest commit)
-                .map((item) => {
-                    let subjectDetails = item.subject.match(depsRegex);
-                    if (!subjectDetails) {
-                        return item;
-                    }
-                    let
-                        depPackage = subjectDetails[1],
-                        depVersionFrom = subjectDetails[2]
-                    ;
-                    item.subject = item.subject.replace(depVersionFrom, changelogDeps[depPackage].from);
+                    return pattern.test(commit.subject);
+                }
 
+                return true;
+            })
+            .filter(detectVersionRange)
+            // second round as the previous list came unordered from git
+            .filter(detectVersionRange)
+            // adjust from version to create the whole range in one line (linked to the latest commit)
+            .map((item) => {
+                let subjectDetails = item.subject.match(depsRegex);
+                if (!subjectDetails) {
                     return item;
-                })
-                .map(issueLinks)
-                .map((item) => options.fn(item))
-                .sort()
-                .join('')
-        ;
+                }
+                let depPackage = subjectDetails[1];
+                let depVersionFrom = subjectDetails[2];
+                item.subject = item.subject.replace(depVersionFrom, changelogDeps[depPackage].from);
+
+                return item;
+            })
+            .map(issueLinks)
+            .map((item) => options.fn(item))
+            .sort()
+            .join('');
         if (!list) {
             return '';
         }

package/dist/components/accordion.css

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.10.0-beta.6+42a411a - Accordion
+ * # Fomantic-UI 2.10.0-beta.8+62e258f - Accordion
  * https://github.com/fomantic/Fomantic-UI/
  *
  *

package/dist/components/accordion.js

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.10.0-beta.6+42a411a - Accordion
+ * # Fomantic-UI 2.10.0-beta.8+62e258f - Accordion
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -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 () {
@@ -105,8 +99,7 @@
                     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 +112,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 +135,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 +156,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 +176,7 @@
                                     onComplete: function () {
                                         $activeContent.children().removeClass(className.transition);
                                     },
-                                })
-                            ;
+                                });
                         } else {
                             $activeContent
                                 .children()
@@ -204,39 +190,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 +230,7 @@
                                         silent: settings.silent,
                                         duration: settings.duration,
                                         skipInlineHidden: true,
-                                    })
-                                ;
+                                    });
                             } else {
                                 $activeContent
                                     .children()
@@ -265,29 +244,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 +275,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 +291,7 @@
                                         silent: settings.silent,
                                         duration: settings.duration,
                                         skipInlineHidden: true,
-                                    })
-                                ;
+                                    });
                             } else {
                                 $openContents
                                     .children()
@@ -333,8 +305,7 @@
                             .slideUp(settings.duration, settings.easing, function () {
                                 $(this).removeClass(className.active);
                                 module.reset.display.call(this);
-                            })
-                        ;
+                            });
                     }
                 },
 
@@ -342,25 +313,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 +389,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 +410,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 +433,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)) {

package/dist/components/accordion.min.css

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.10.0-beta.6+42a411a - Accordion
+ * # Fomantic-UI 2.10.0-beta.8+62e258f - Accordion
  * https://github.com/fomantic/Fomantic-UI/
  *
  *