fomantic-ui 2.10.0-beta.62 → 2.10.0-beta.64

package/src/definitions/modules/modal.js

@@ -20,18 +20,18 @@
         : globalThis;
 
     $.fn.modal = function (...args) {
-        let $allModules = $(this);
-        let $window = $(window);
-        let $document = $(document);
-        let $body = $('body');
+        const $allModules = $(this);
+        const $window = $(window);
+        const $document = $(document);
+        const $body = $('body');
 
         let time = Date.now();
         let performance = [];
 
-        let parameters = args[0];
-        let methodInvoked = typeof parameters === 'string';
-        let queryArguments = args.slice(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].includes(context)) {
                 $context = $body;
@@ -51,18 +51,18 @@
                 ? $.extend(true, {}, $.fn.modal.settings, parameters)
                 : $.extend({}, $.fn.modal.settings);
 
-            let selector = settings.selector;
+            const selector = settings.selector;
             let className = settings.className;
             let namespace = settings.namespace;
             let fields = settings.fields;
             let error = settings.error;
 
-            let eventNamespace = '.' + namespace;
-            let moduleNamespace = 'module-' + namespace;
+            const eventNamespace = '.' + namespace;
+            const moduleNamespace = 'module-' + namespace;
 
             let $module = $(this);
-            let $context = contextCheck(settings.context, window);
-            let isBody = $context[0] === $body[0];
+            const $context = contextCheck(settings.context, window);
+            const isBody = $context[0] === $body[0];
             let $closeIcon = $module.find(selector.closeIcon);
             let $inputs;
 
@@ -72,7 +72,7 @@
             let $dimmable;
             let $dimmer;
 
-            let isModalComponent = $module.hasClass('modal');
+            const isModalComponent = $module.hasClass('modal');
 
             let element = this;
             let instance = isModalComponent ? $module.data(moduleNamespace) : undefined;
@@ -92,8 +92,7 @@
             let id;
             let observer;
             let observeAttributes = false;
-            let module;
-            module = {
+            const module = {
 
                 initialize: function () {
                     module.create.id();
@@ -121,12 +120,12 @@
                             $actions.empty();
                         }
                         settings.actions.forEach(function (el) {
-                            let icon = el[fields.icon]
+                            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 () {};
                             $actions.append($('<button/>', {
@@ -135,7 +134,7 @@
                                 class: className.button + ' ' + cls,
                                 on: {
                                     click: function () {
-                                        let button = $(this);
+                                        const button = $(this);
                                         if (button.is(selector.approve) || button.is(selector.deny) || click.call(element, $module) === false) {
                                             return;
                                         }
@@ -185,12 +184,12 @@
                             $module.append($closeIcon);
                         }
                         if (settings.title !== '') {
-                            let titleId = '_' + module.get.id() + 'title';
+                            const titleId = '_' + module.get.id() + 'title';
                             $module.attr('aria-labelledby', titleId);
                             $('<div/>', { class: className.title, id: titleId }).appendTo($module);
                         }
                         if (settings.content !== '') {
-                            let descId = '_' + module.get.id() + 'desc';
+                            const descId = '_' + module.get.id() + 'desc';
                             $module.attr('aria-describedby', descId);
                             $('<div/>', { class: className.content, id: descId }).appendTo($module);
                         }
@@ -201,11 +200,11 @@
                         element = $module[0];
                     },
                     dimmer: function () {
-                        let defaultSettings = {
+                        const defaultSettings = {
                             debug: settings.debug,
                             dimmerName: 'modals',
                         };
-                        let dimmerSettings = $.extend(true, defaultSettings, settings.dimmerSettings);
+                        const dimmerSettings = $.extend(true, defaultSettings, settings.dimmerSettings);
                         if ($.fn.dimmer === undefined) {
                             module.error(error.dimmer);
 
@@ -254,8 +253,8 @@
 
                 observeChanges: function () {
                     observer = new MutationObserver(function (mutations) {
-                        let collectNodes = function (parent) {
-                            let nodes = [];
+                        const collectNodes = function (parent) {
+                            const nodes = [];
                             for (const c of parent) {
                                 nodes.push(...collectNodes(c.childNodes), c);
                             }
@@ -274,8 +273,8 @@
                                 shouldRefresh = true;
                                 // mutationobserver only provides the parent nodes,
                                 // so let's collect all childs as well to find nested inputs
-                                let $addedInputs = $(collectNodes(mutation.addedNodes)).filter('a[href], [tabindex], :input:enabled').filter(':visible');
-                                let $removedInputs = $(collectNodes(mutation.removedNodes)).filter('a[href], [tabindex], :input');
+                                const $addedInputs = $(collectNodes(mutation.addedNodes)).filter('a[href], [tabindex], :input:enabled').filter(':visible');
+                                const $removedInputs = $(collectNodes(mutation.removedNodes)).filter('a[href], [tabindex], :input');
                                 if ($addedInputs.length > 0 || $removedInputs.length > 0) {
                                     shouldRefreshInputs = true;
                                     if ($addedInputs.filter(':input').length > 0 || $removedInputs.filter(':input').length > 0) {
@@ -343,7 +342,7 @@
                 },
 
                 attachEvents: function (selector, event) {
-                    let $toggle = $(selector);
+                    const $toggle = $(selector);
                     event = isFunction(module[event])
                         ? module[event]
                         : module.toggle;
@@ -428,21 +427,21 @@
                         module.hide();
                     },
                     closeKeyUp: function (event) {
-                        let keyCode = event.which;
+                        const keyCode = event.which;
                         if ((keyCode === settings.keys.enter || keyCode === settings.keys.space) && $module.hasClass(className.front)) {
                             module.hide();
                         }
                     },
                     inputKeyDown: {
                         first: function (event) {
-                            let keyCode = event.which;
+                            const keyCode = event.which;
                             if (keyCode === settings.keys.tab && event.shiftKey) {
                                 $inputs.last().trigger('focus');
                                 event.preventDefault();
                             }
                         },
                         last: function (event) {
-                            let keyCode = event.which;
+                            const keyCode = event.which;
                             if (keyCode === settings.keys.tab && !event.shiftKey) {
                                 $inputs.first().trigger('focus');
                                 event.preventDefault();
@@ -450,8 +449,8 @@
                         },
                     },
                     mousedown: function (event) {
-                        let $target = $(event.target);
-                        let isRtl = module.is.rtl();
+                        const $target = $(event.target);
+                        const isRtl = module.is.rtl();
                         initialMouseDownInModal = $target.closest(selector.modal).length > 0;
                         if (initialMouseDownInModal) {
                             module.verbose('Mouse down event registered inside the modal');
@@ -477,9 +476,9 @@
 
                             return;
                         }
-                        let $target = $(event.target);
-                        let isInModal = $target.closest(selector.modal).length > 0;
-                        let isInDOM = document.documentElement.contains(event.target);
+                        const $target = $(event.target);
+                        const isInModal = $target.closest(selector.modal).length > 0;
+                        const isInDOM = document.documentElement.contains(event.target);
                         if (!isInModal && isInDOM && module.is.active() && $module.hasClass(className.front)) {
                             module.debug('Dimmer clicked, hiding all modals');
                             if (settings.allowMultiple) {
@@ -499,7 +498,7 @@
                         }, delay);
                     },
                     keyboard: function (event) {
-                        let keyCode = event.which;
+                        const keyCode = event.which;
                         if (keyCode === settings.keys.escape) {
                             if (settings.closable) {
                                 module.debug('Escape key pressed hiding modal');
@@ -630,7 +629,7 @@
                 },
 
                 hideModal: function (callback, keepDimmed, hideOthersToo) {
-                    let $previousModal = $otherModals.filter('.' + className.active).last();
+                    const $previousModal = $otherModals.filter('.' + className.active).last();
                     callback = isFunction(callback)
                         ? callback
                         : function () {};
@@ -719,7 +718,7 @@
                 },
 
                 hideAll: function (callback) {
-                    let $visibleModals = $allModals.filter('.' + className.active + ', .' + className.animating);
+                    const $visibleModals = $allModals.filter('.' + className.active + ', .' + className.animating);
                     callback = isFunction(callback)
                         ? callback
                         : function () {};
@@ -741,7 +740,7 @@
                 },
 
                 hideOthers: function (callback) {
-                    let $visibleModals = $otherModals.filter('.' + className.active + ', .' + className.animating);
+                    const $visibleModals = $otherModals.filter('.' + className.active + ', .' + className.animating);
                     callback = isFunction(callback)
                         ? callback
                         : function () {};
@@ -771,8 +770,8 @@
 
                 save: {
                     focus: function () {
-                        let $activeElement = $(document.activeElement);
-                        let inCurrentModal = $activeElement.closest($module).length > 0;
+                        const $activeElement = $(document.activeElement);
+                        const inCurrentModal = $activeElement.closest($module).length > 0;
                         if (!inCurrentModal) {
                             $focusedElement = $(document.activeElement).trigger('blur');
                         }
@@ -780,7 +779,7 @@
                     bodyMargin: function () {
                         initialBodyMargin = $context.css((isBody ? 'margin-' : 'padding-') + (module.can.leftBodyScrollbar() ? 'left' : 'right'));
                         initialBodyMarginInt = parseInt(initialBodyMargin.replace(/[^\d.]/g, ''), 10);
-                        let bodyScrollbarWidth = isBody ? window.innerWidth - document.documentElement.clientWidth : $context[0].offsetWidth - $context[0].clientWidth;
+                        const bodyScrollbarWidth = isBody ? window.innerWidth - document.documentElement.clientWidth : $context[0].offsetWidth - $context[0].clientWidth;
                         tempBodyMargin = initialBodyMarginInt + bodyScrollbarWidth;
                     },
                 },
@@ -792,11 +791,11 @@
                         }
                     },
                     bodyMargin: function () {
-                        let position = module.can.leftBodyScrollbar() ? 'left' : 'right';
+                        const position = module.can.leftBodyScrollbar() ? 'left' : 'right';
                         $context.css((isBody ? 'margin-' : 'padding-') + position, initialBodyMarginInt === 0 ? '' : initialBodyMargin);
                         $context.find(selector.bodyFixed.replace('right', position)).each(function () {
-                            let el = $(this);
-                            let attribute = el.css('position') === 'fixed' ? 'padding-' + position : position;
+                            const el = $(this);
+                            const attribute = el.css('position') === 'fixed' ? 'padding-' + position : position;
                             el.css(attribute, '');
                         });
                     },
@@ -850,9 +849,9 @@
 
                 cacheSizes: function () {
                     $module.addClass(className.loading);
-                    let scrollHeight = $module.prop('scrollHeight');
-                    let modalWidth = $module.outerWidth();
-                    let modalHeight = $module.outerHeight();
+                    const scrollHeight = $module.prop('scrollHeight');
+                    const modalWidth = $module.outerWidth();
+                    const modalHeight = $module.outerHeight();
                     if (module.cache.pageHeight === undefined || modalHeight !== 0) {
                         $.extend(module.cache, {
                             pageHeight: $document.outerHeight(),
@@ -904,13 +903,13 @@
                         return settings.useFlex;
                     },
                     fit: function () {
-                        let contextHeight = module.cache.contextHeight;
-                        let verticalCenter = module.cache.contextHeight / 2;
-                        let topOffset = module.cache.topOffset;
-                        let scrollHeight = module.cache.scrollHeight;
-                        let height = module.cache.height;
-                        let paddingHeight = settings.padding;
-                        let startPosition = verticalCenter + topOffset;
+                        const contextHeight = module.cache.contextHeight;
+                        const verticalCenter = module.cache.contextHeight / 2;
+                        const topOffset = module.cache.topOffset;
+                        const scrollHeight = module.cache.scrollHeight;
+                        const height = module.cache.height;
+                        const paddingHeight = settings.padding;
+                        const startPosition = verticalCenter + topOffset;
 
                         return scrollHeight > height
                             ? startPosition + scrollHeight + paddingHeight < contextHeight
@@ -966,9 +965,9 @@
                         observeAttributes = state !== false;
                     },
                     autofocus: function () {
-                        let $autofocus = $inputs.filter('[autofocus]');
-                        let $rawInputs = $inputs.filter(':input');
-                        let $input = ($autofocus.length > 0
+                        const $autofocus = $inputs.filter('[autofocus]');
+                        const $rawInputs = $inputs.filter(':input');
+                        const $input = ($autofocus.length > 0
                             ? $autofocus
                             : ($rawInputs.length > 0
                                 ? $rawInputs
@@ -977,13 +976,13 @@
                         $input.trigger('focus');
                     },
                     bodyMargin: function () {
-                        let position = module.can.leftBodyScrollbar() ? 'left' : 'right';
+                        const position = module.can.leftBodyScrollbar() ? 'left' : 'right';
                         if (settings.detachable || module.can.fit()) {
                             $context.css((isBody ? 'margin-' : 'padding-') + position, tempBodyMargin + 'px');
                         }
                         $context.find(selector.bodyFixed.replace('right', position)).each(function () {
-                            let el = $(this);
-                            let attribute = el.css('position') === 'fixed' ? 'padding-' + position : position;
+                            const el = $(this);
+                            const attribute = el.css('position') === 'fixed' ? 'padding-' + position : position;
                             el.css(attribute, 'calc(' + el.css(attribute) + ' + ' + tempBodyMargin + 'px)');
                         });
                     },
@@ -1003,7 +1002,7 @@
 
                             return;
                         }
-                        let defaultSettings = {
+                        const defaultSettings = {
                             debug: settings.debug,
                             dimmerName: 'modals',
                             closable: 'auto',
@@ -1013,7 +1012,7 @@
                                 hide: settings.transition.hideDuration || settings.duration,
                             },
                         };
-                        let dimmerSettings = $.extend(true, defaultSettings, settings.dimmerSettings);
+                        const dimmerSettings = $.extend(true, defaultSettings, settings.dimmerSettings);
                         if (settings.inverted) {
                             dimmerSettings.variation = dimmerSettings.variation !== undefined
                                 ? dimmerSettings.variation + ' inverted'
@@ -1035,7 +1034,7 @@
                     },
                     modalOffset: function () {
                         if (!settings.detachable) {
-                            let canFit = module.can.fit();
+                            const canFit = module.can.fit();
                             $module
                                 .css({
                                     top: !$module.hasClass('aligned') && canFit
@@ -1193,7 +1192,7 @@
                         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)) {
@@ -1426,9 +1425,9 @@
             };
         },
         alert: function (...args) {
-            let settings = this.get.settings();
+            const settings = this.get.settings();
             args = settings.templates.getArguments(args);
-            let approveFn = args.handler;
+            const approveFn = args.handler;
 
             return {
                 title: args.title,
@@ -1442,12 +1441,12 @@
             };
         },
         confirm: function (...args) {
-            let settings = this.get.settings();
+            const settings = this.get.settings();
             args = settings.templates.getArguments(args);
-            let approveFn = function () {
+            const approveFn = function () {
                 args.handler(true);
             };
-            let denyFn = function () {
+            const denyFn = function () {
                 args.handler(false);
             };
 
@@ -1468,16 +1467,16 @@
             };
         },
         prompt: function (...args) {
-            let $this = this;
-            let settings = this.get.settings();
+            const $this = this;
+            const settings = this.get.settings();
             args = settings.templates.getArguments(args);
-            let input = $($.parseHTML(args.content)).filter('.ui.input');
-            let approveFn = function () {
-                let settings = $this.get.settings();
-                let inputField = $this.get.element().find(settings.selector.prompt)[0];
+            const input = $($.parseHTML(args.content)).filter('.ui.input');
+            const approveFn = function () {
+                const settings = $this.get.settings();
+                const inputField = $this.get.element().find(settings.selector.prompt)[0];
                 args.handler($(inputField).val());
             };
-            let denyFn = function () {
+            const denyFn = function () {
                 args.handler(null);
             };
             if (input.length === 0) {

package/src/definitions/modules/nag.js

@@ -20,16 +20,16 @@
         : globalThis;
 
     $.fn.nag = function (...args) {
-        let $allModules = $(this);
-        let $body = $('body');
+        const $allModules = $(this);
+        const $body = $('body');
 
         let time = Date.now();
         let performance = [];
 
-        let parameters = args[0];
-        let methodInvoked = typeof parameters === 'string';
-        let queryArguments = args.slice(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].includes(context)) {
                 $context = $(context);
@@ -44,26 +44,25 @@
         };
         let returnedValue;
         $allModules.each(function () {
-            let settings = $.isPlainObject(parameters)
+            const settings = $.isPlainObject(parameters)
                 ? $.extend(true, {}, $.fn.nag.settings, parameters)
                 : $.extend({}, $.fn.nag.settings);
 
-            let selector = settings.selector;
-            let error = settings.error;
-            let namespace = settings.namespace;
+            const selector = settings.selector;
+            const error = settings.error;
+            const namespace = settings.namespace;
 
-            let eventNamespace = '.' + namespace;
-            let moduleNamespace = namespace + '-module';
+            const eventNamespace = '.' + namespace;
+            const moduleNamespace = namespace + '-module';
 
-            let $module = $(this);
+            const $module = $(this);
 
-            let $context = settings.context ? contextCheck(settings.context, window) : $body;
+            const $context = settings.context ? contextCheck(settings.context, window) : $body;
 
-            let element = this;
-            let instance = $module.data(moduleNamespace);
+            const element = this;
+            const instance = $module.data(moduleNamespace);
             let storage;
-            let module;
-            module = {
+            const module = {
 
                 initialize: function () {
                     module.verbose('Initializing element');
@@ -193,7 +192,7 @@
                                     .replace(/%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[B-D])/g, decodeURIComponent);
 
                                 let cookieOptions = '';
-                                for (let option in options) {
+                                for (const option in options) {
                                     if (Object.prototype.hasOwnProperty.call(options, option)) {
                                         cookieOptions += '; ' + option;
                                         if (typeof options[option] === 'string') {
@@ -204,10 +203,10 @@
                                 document.cookie = key + '=' + value + cookieOptions;
                             },
                             getItem: function (key) {
-                                let cookies = document.cookie.split('; ');
+                                const cookies = document.cookie.split('; ');
                                 for (const c of cookies) {
-                                    let parts = c.split('=');
-                                    let foundKey = parts[0].replace(/(%[\da-f]{2})+/gi, decodeURIComponent);
+                                    const parts = c.split('=');
+                                    const foundKey = parts[0].replace(/(%[\da-f]{2})+/gi, decodeURIComponent);
                                     if (key === foundKey) {
                                         return parts[1] || '';
                                     }
@@ -219,7 +218,7 @@
                         };
                     },
                     storageOptions: function () {
-                        let options = {};
+                        const options = {};
                         if (settings.expires) {
                             options.expires = module.get.expirationDate(settings.expires);
                         }
@@ -246,7 +245,7 @@
 
                 storage: {
                     set: function (key, value) {
-                        let options = module.get.storageOptions();
+                        const options = module.get.storageOptions();
                         if (storage === window.localStorage && options.expires) {
                             module.debug('Storing expiration value in localStorage', key, options.expires);
                             storage.setItem(key + settings.expirationKey, options.expires);
@@ -262,7 +261,7 @@
                         let storedValue;
                         storedValue = storage.getItem(key);
                         if (storage === window.localStorage) {
-                            let expiration = storage.getItem(key + settings.expirationKey);
+                            const expiration = storage.getItem(key + settings.expirationKey);
                             if (expiration !== null && expiration !== undefined && new Date(expiration) < new Date()) {
                                 module.debug('Value in localStorage has expired. Deleting key', key);
                                 module.storage.remove(key);
@@ -276,7 +275,7 @@
                         return storedValue;
                     },
                     remove: function (key) {
-                        let options = module.get.storageOptions();
+                        const options = module.get.storageOptions();
                         options.expires = module.get.expirationDate(-1);
                         if (storage === window.localStorage) {
                             storage.removeItem(key + settings.expirationKey);
@@ -382,7 +381,7 @@
                         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)) {