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

package/src/definitions/modules/toast.js

@@ -19,19 +19,21 @@
         ? window
         : globalThis;
 
-    $.fn.toast = function (parameters) {
-        let $allModules = $(this);
-        let $body = $('body');
+    $.fn.toast = function (...args) {
+        const $body = $('body');
+        const $allModules = isFunction(this)
+            ? $body
+            : $(this);
 
         let time = Date.now();
         let performance = [];
 
-        let query = arguments[0];
-        let methodInvoked = typeof query === 'string';
-        let queryArguments = [].slice.call(arguments, 1);
-        let contextCheck = function (context, win) {
+        const parameters = args[0];
+        const methodInvoked = typeof parameters === 'string';
+        const queryArguments = args.slice(1);
+        const contextCheck = function (context, win) {
             let $context;
-            if ([window, document].indexOf(context) >= 0) {
+            if ([window, document].includes(context)) {
                 $context = $(context);
             } else {
                 $context = $(win.document).find(context);
@@ -44,18 +46,18 @@
         };
         let returnedValue;
         $allModules.each(function () {
-            let settings = $.isPlainObject(parameters)
+            const settings = $.isPlainObject(parameters)
                 ? $.extend(true, {}, $.fn.toast.settings, parameters)
                 : $.extend({}, $.fn.toast.settings);
 
-            let className = settings.className;
-            let selector = settings.selector;
-            let error = settings.error;
-            let namespace = settings.namespace;
-            let fields = settings.fields;
+            const className = settings.className;
+            const selector = settings.selector;
+            const error = settings.error;
+            const namespace = settings.namespace;
+            const fields = settings.fields;
 
-            let eventNamespace = '.' + namespace;
-            let moduleNamespace = namespace + '-module';
+            const eventNamespace = '.' + namespace;
+            const moduleNamespace = namespace + '-module';
 
             let $module = $(this);
             let $toastBox;
@@ -65,16 +67,15 @@
             let $progressBar;
             let $animationObject;
             let $close;
-            let $context = settings.context ? contextCheck(settings.context, window) : $body;
+            const $context = settings.context ? contextCheck(settings.context, window) : $body;
 
-            let isToastComponent = $module.hasClass('toast') || $module.hasClass('message') || $module.hasClass('card');
+            const isToastComponent = $module.hasClass('toast') || $module.hasClass('message') || $module.hasClass('card');
 
             let element = this;
             let instance = isToastComponent ? $module.data(moduleNamespace) : undefined;
 
             let id;
-            let module;
-            module = {
+            const module = {
 
                 initialize: function () {
                     module.verbose('Initializing element');
@@ -83,7 +84,7 @@
                         module.create.container();
                     }
                     if (isToastComponent || settings.message !== '' || settings.title !== '' || module.get.iconClass() !== '' || settings.showImage || module.has.configActions()) {
-                        if (typeof settings.showProgress !== 'string' || [className.top, className.bottom].indexOf(settings.showProgress) === -1) {
+                        if (typeof settings.showProgress !== 'string' || ![className.top, className.bottom].includes(settings.showProgress)) {
                             settings.showProgress = false;
                         }
                         module.create.toast();
@@ -125,24 +126,22 @@
                         .removeData(moduleNamespace);
                 },
 
-                show: function (callback) {
+                show: function (callback = function () {}) {
                     if (settings.onShow.call($toastBox, element) === false) {
                         module.debug('onShow callback returned false, cancelling toast animation');
 
                         return;
                     }
-                    callback = callback || function () {};
                     module.debug('Showing toast');
                     module.animate.show(callback);
                 },
 
-                close: function (callback) {
+                close: function (callback = function () {}) {
                     if (settings.onHide.call($toastBox, element) === false) {
                         module.debug('onHide callback returned false, cancelling toast animation');
 
                         return;
                     }
-                    callback = callback || function () {};
                     module.debug('Closing toast');
                     module.remove.visible();
                     module.unbind.events();
@@ -164,11 +163,11 @@
                     },
                     toast: function () {
                         $toastBox = $('<div/>', { class: className.box });
-                        let iconClass = module.get.iconClass();
+                        const iconClass = module.get.iconClass();
                         if (!isToastComponent) {
                             module.verbose('Creating toast');
                             $toast = $('<div/>', { role: 'alert' });
-                            let $content = $('<div/>', { class: className.content });
+                            const $content = $('<div/>', { class: className.content });
                             if (iconClass !== '') {
                                 $toast.append($('<i/>', { class: iconClass + ' ' + className.icon }));
                             }
@@ -181,7 +180,7 @@
                                 }));
                             }
                             if (settings.title !== '') {
-                                let titleId = '_' + module.get.id() + 'title';
+                                const titleId = '_' + module.get.id() + 'title';
                                 $toast.attr('aria-labelledby', titleId);
                                 $content.append($('<div/>', {
                                     class: className.title,
@@ -189,7 +188,7 @@
                                     html: module.helpers.escape(settings.title, settings),
                                 }));
                             }
-                            let descId = '_' + module.get.id() + 'desc';
+                            const descId = '_' + module.get.id() + 'desc';
                             $toast.attr('aria-describedby', descId);
                             $content.append($('<div/>', {
                                 class: className.message,
@@ -249,42 +248,42 @@
                                     module.error(error.verticalCard);
                                 }
                             }
-                            settings.actions.forEach(function (el) {
-                                let icon = el[fields.icon]
+                            for (const el of settings.actions) {
+                                const icon = el[fields.icon]
                                     ? '<i ' + (el[fields.text] ? 'aria-hidden="true"' : '')
                                             + ' class="' + module.helpers.escape(el[fields.icon]) + ' icon"></i>'
                                     : '';
-                                let text = module.helpers.escape(el[fields.text] || '', settings);
-                                let cls = module.helpers.escape(el[fields.class] || '');
-                                let click = el[fields.click] && isFunction(el[fields.click])
+                                const text = module.helpers.escape(el[fields.text] || '', settings);
+                                const cls = module.helpers.escape(el[fields.class] || '');
+                                const click = el[fields.click] && isFunction(el[fields.click])
                                     ? el[fields.click]
                                     : function () {};
+                                const elementRef = element;
+                                const $moduleRef = $module;
                                 $actions.append($('<button/>', {
                                     html: icon + text,
                                     'aria-label': (el[fields.text] || el[fields.icon] || '').replace(/<[^>]+(>|$)/g, ''),
                                     class: className.button + ' ' + cls,
                                     on: {
                                         click: function () {
-                                            let $button = $(this);
-                                            if ($button.is(selector.approve) || $button.is(selector.deny) || click.call(element, $module) === false) {
+                                            const $button = $(this);
+                                            if ($button.is(selector.approve) || $button.is(selector.deny) || click.call(elementRef, $moduleRef) === false) {
                                                 return;
                                             }
                                             module.close();
                                         },
                                     },
                                 }));
-                            });
+                            }
                         }
                         if ($actions && $actions.hasClass(className.vertical)) {
                             $toast.addClass(className.vertical);
                         }
-                        if ($actions.length > 0 && !$actions.hasClass(className.attached)) {
-                            if ($actions && (!$actions.hasClass(className.basic) || $actions.hasClass(className.left))) {
-                                $toast.addClass(className.actions);
-                            }
+                        if ($actions.length > 0 && !$actions.hasClass(className.attached) && $actions && (!$actions.hasClass(className.basic) || $actions.hasClass(className.left))) {
+                            $toast.addClass(className.actions);
                         }
                         if (settings.displayTime === 'auto') {
-                            settings.displayTime = Math.max(settings.minDisplayTime, ($toast.text().split(' ').length / settings.wordsPerMinute) * 60000);
+                            settings.displayTime = Math.max(settings.minDisplayTime, ($toast.text().split(' ').length / settings.wordsPerMinute) * 60_000);
                         }
                         $toastBox.append($toast);
 
@@ -320,7 +319,7 @@
                             element = $toast[0];
                         }
                         if (settings.displayTime > 0) {
-                            let progressingClass = className.progressing + ' ' + (settings.pauseOnHover ? className.pausable : '');
+                            const progressingClass = className.progressing + ' ' + (settings.pauseOnHover ? className.pausable : '');
                             if (settings.showProgress) {
                                 $progress = $('<div/>', {
                                     class: className.progress + ' ' + (settings.classProgress || settings.class),
@@ -567,12 +566,12 @@
 
                 helpers: {
                     toClass: function (selector) {
-                        let classes = selector.trim().split(/\s+/);
+                        const classes = selector.trim().split(/\s+/);
                         let result = '';
 
-                        classes.forEach(function (element) {
+                        for (const element of classes) {
                             result += '.' + element;
-                        });
+                        }
 
                         return result;
                     },
@@ -581,8 +580,7 @@
                             return string;
                         }
 
-                        const badChars = /["'<>]|&(?![\d#A-Za-z]{1,12};)/g;
-                        const escape = {
+                        const escapeMap = {
                             '"': '&quot;',
                             '&': '&amp;',
                             "'": '&apos;',
@@ -590,7 +588,7 @@
                             '>': '&gt;',
                         };
 
-                        return string.replace(badChars, (chr) => escape[chr]);
+                        return String(string).replace(/["&'<>]/g, (chr) => escapeMap[chr]);
                     },
                 },
 
@@ -628,30 +626,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: {
@@ -666,7 +664,7 @@
                             time = currentTime;
                             performance.push({
                                 Name: message[0],
-                                Arguments: [].slice.call(message, 1) || '',
+                                Arguments: message.slice(1),
                                 Element: element,
                                 'Execution Time': executionTime,
                             });
@@ -687,30 +685,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)) {
@@ -753,7 +743,7 @@
                 if (instance === undefined) {
                     module.initialize();
                 }
-                module.invoke(query);
+                module.invoke(parameters);
             } else {
                 if (instance !== undefined) {
                     instance.invoke('destroy');
@@ -900,8 +890,8 @@
 
     $.extend($.easing, {
         easeOutBounce: function (x) {
-            let n1 = 7.5625;
-            let d1 = 2.75;
+            const n1 = 7.5625;
+            const d1 = 2.75;
             if (x < 1 / d1) {
                 return n1 * x * x;
             }
@@ -917,7 +907,7 @@
             }
             x -= 2.625 / d1;
 
-            return n1 * x * x + 0.984375;
+            return n1 * x * x + 0.984_375;
         },
         easeOutCubic: function (t) {
             return --t * t * t + 1;

package/src/definitions/modules/toast.less

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