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

package/src/definitions/modules/shape.js

@@ -20,31 +20,31 @@
         : globalThis;
 
     $.fn.shape = function (...args) {
-        let $allModules = $(this);
+        const $allModules = $(this);
 
         let time = Date.now();
         let performance = [];
 
-        let parameters = args[0];
-        let methodInvoked = typeof parameters === 'string';
-        let queryArguments = args.slice(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.shape.settings, parameters)
                 : $.extend({}, $.fn.shape.settings);
 
             // internal aliases
-            let namespace = settings.namespace;
-            let selector = settings.selector;
-            let error = settings.error;
-            let className = settings.className;
+            const namespace = settings.namespace;
+            const selector = settings.selector;
+            const error = settings.error;
+            const className = settings.className;
 
             // define namespaces for modules
-            let eventNamespace = '.' + namespace;
-            let moduleNamespace = 'module-' + namespace;
+            const eventNamespace = '.' + namespace;
+            const moduleNamespace = 'module-' + namespace;
 
             // selector cache
             let $module = $(this);
@@ -57,11 +57,10 @@
             let $nextSide;
 
             // standard module
-            let element = this;
+            const element = this;
             let instance = $module.data(moduleNamespace);
-            let module;
 
-            module = {
+            const module = {
 
                 initialize: function () {
                     module.verbose('Initializing module for', element);
@@ -92,8 +91,8 @@
 
                 repaint: function () {
                     module.verbose('Forcing repaint event');
-                    let shape = $sides[0] || document.createElement('div');
-                    let fakeAssignment = shape.offsetWidth;
+                    const shape = $sides[0] || document.createElement('div');
+                    const fakeAssignment = shape.offsetWidth;
                 },
 
                 animate: function (propertyObject, callback) {
@@ -191,9 +190,9 @@
                     },
 
                     currentStageSize: function () {
-                        let $activeSide = $side.filter('.' + className.active);
-                        let width = $activeSide.outerWidth(true);
-                        let height = $activeSide.outerHeight(true);
+                        const $activeSide = $side.filter('.' + className.active);
+                        const width = $activeSide.outerWidth(true);
+                        const height = $activeSide.outerHeight(true);
                         $module
                             .css({
                                 width: width,
@@ -202,20 +201,20 @@
                     },
 
                     stageSize: function () {
-                        let $clone = $module.clone().addClass(className.loading);
-                        let $side = $clone.find('>' + selector.sides + '>' + selector.side);
-                        let $activeSide = $side.filter('.' + className.active);
-                        let $nextSide = nextIndex
+                        const $clone = $module.clone().addClass(className.loading);
+                        const $side = $clone.find('>' + selector.sides + '>' + selector.side);
+                        const $activeSide = $side.filter('.' + className.active);
+                        const $nextSide = nextIndex
                             ? $side.eq(nextIndex)
                             : ($activeSide.next(selector.side).length > 0
                                 ? $activeSide.next(selector.side)
                                 : $side.first());
-                        let newWidth = settings.width === 'next'
+                        const newWidth = settings.width === 'next'
                             ? $nextSide.outerWidth(true)
                             : (settings.width === 'initial'
                                 ? $module.width()
                                 : settings.width);
-                        let newHeight = settings.height === 'next'
+                        const newHeight = settings.height === 'next'
                             ? $nextSide.outerHeight(true)
                             : (settings.height === 'initial'
                                 ? $module.height()
@@ -268,7 +267,7 @@
 
                             return;
                         }
-                        let transform = module.get.transform[type]();
+                        const transform = module.get.transform[type]();
                         if (!module.is.animating()) {
                             module.debug('Flipping ' + type, $nextSide);
                             module.set.stageSize();
@@ -309,8 +308,8 @@
 
                     transform: {
                         up: function () {
-                            let translateZ = $activeSide.outerHeight(true) / 2;
-                            let translateY = $nextSide.outerHeight(true) - translateZ;
+                            const translateZ = $activeSide.outerHeight(true) / 2;
+                            const translateY = $nextSide.outerHeight(true) - translateZ;
 
                             return {
                                 transform: 'translateY(' + translateY + 'px) translateZ(-' + translateZ + 'px) rotateX(-90deg)',
@@ -318,7 +317,7 @@
                         },
 
                         down: function () {
-                            let translate = {
+                            const translate = {
                                 z: $activeSide.outerHeight(true) / 2,
                             };
 
@@ -328,8 +327,8 @@
                         },
 
                         left: function () {
-                            let translateZ = $activeSide.outerWidth(true) / 2;
-                            let translateX = $nextSide.outerWidth(true) - translateZ;
+                            const translateZ = $activeSide.outerWidth(true) / 2;
+                            const translateX = $nextSide.outerWidth(true) - translateZ;
 
                             return {
                                 transform: 'translateX(' + translateX + 'px) translateZ(-' + translateZ + 'px) rotateY(90deg)',
@@ -337,7 +336,7 @@
                         },
 
                         right: function () {
-                            let translate = {
+                            const translate = {
                                 z: $activeSide.outerWidth(true) / 2,
                             };
 
@@ -347,7 +346,7 @@
                         },
 
                         over: function () {
-                            let translate = {
+                            const translate = {
                                 x: -(($activeSide.outerWidth(true) - $nextSide.outerWidth(true)) / 2),
                             };
 
@@ -357,7 +356,7 @@
                         },
 
                         back: function () {
-                            let translate = {
+                            const translate = {
                                 x: -(($activeSide.outerWidth(true) - $nextSide.outerWidth(true)) / 2),
                             };
 
@@ -378,7 +377,7 @@
                 stage: {
 
                     above: function () {
-                        let box = {
+                        const box = {
                             origin: ($activeSide.outerHeight(true) - $nextSide.outerHeight(true)) / 2,
                             depth: {
                                 active: $nextSide.outerHeight(true) / 2,
@@ -399,7 +398,7 @@
                     },
 
                     below: function () {
-                        let box = {
+                        const box = {
                             origin: ($activeSide.outerHeight(true) - $nextSide.outerHeight(true)) / 2,
                             depth: {
                                 active: $nextSide.outerHeight(true) / 2,
@@ -420,11 +419,11 @@
                     },
 
                     left: function () {
-                        let height = {
+                        const height = {
                             active: $activeSide.outerWidth(true),
                             next: $nextSide.outerWidth(true),
                         };
-                        let box = {
+                        const box = {
                             origin: (height.active - height.next) / 2,
                             depth: {
                                 active: height.next / 2,
@@ -445,11 +444,11 @@
                     },
 
                     right: function () {
-                        let height = {
+                        const height = {
                             active: $activeSide.outerWidth(true),
                             next: $nextSide.outerWidth(true),
                         };
-                        let box = {
+                        const box = {
                             origin: (height.active - height.next) / 2,
                             depth: {
                                 active: height.next / 2,
@@ -470,11 +469,11 @@
                     },
 
                     behind: function () {
-                        let height = {
+                        const height = {
                             active: $activeSide.outerWidth(true),
                             next: $nextSide.outerWidth(true),
                         };
-                        let box = {
+                        const box = {
                             origin: (height.active - height.next) / 2,
                             depth: {
                                 active: height.next / 2,
@@ -594,7 +593,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)) {
@@ -637,7 +636,7 @@
                 if (instance === undefined) {
                     module.initialize();
                 }
-                let $inputs = $module.find('input');
+                const $inputs = $module.find('input');
                 if ($inputs.length > 0) {
                     $inputs.trigger('blur');
                     setTimeout(function () {

package/src/definitions/modules/sidebar.js

@@ -20,20 +20,20 @@
         : globalThis;
 
     $.fn.sidebar = function (...args) {
-        let $allModules = $(this);
-        let $window = $(window);
-        let $document = $(document);
-        let $body = $('body');
-        let $html = $('html');
-        let $head = $('head');
+        const $allModules = $(this);
+        const $window = $(window);
+        const $document = $(document);
+        const $body = $('body');
+        const $html = $('html');
+        const $head = $('head');
 
         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;
@@ -49,29 +49,29 @@
         let returnedValue;
 
         $allModules.each(function () {
-            let settings = $.isPlainObject(parameters)
+            const settings = $.isPlainObject(parameters)
                 ? $.extend(true, {}, $.fn.sidebar.settings, parameters)
                 : $.extend({}, $.fn.sidebar.settings);
 
-            let selector = settings.selector;
-            let className = settings.className;
-            let namespace = settings.namespace;
-            let regExp = settings.regExp;
-            let error = settings.error;
+            const selector = settings.selector;
+            const className = settings.className;
+            const namespace = settings.namespace;
+            const regExp = settings.regExp;
+            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 $context = contextCheck(settings.context, window);
-            let isBody = $context[0] === $body[0];
+            const isBody = $context[0] === $body[0];
 
             let $sidebars = $module.children(selector.sidebar);
             let $fixed = $context.children(selector.fixed);
             let $pusher = $context.children(selector.pusher);
             let $style;
 
-            let element = this;
+            const element = this;
             let instance = $module.data(moduleNamespace);
 
             let elementNamespace;
@@ -82,9 +82,7 @@
             let tempBodyMargin = 0;
             let hadScrollbar = false;
 
-            let module;
-
-            module = {
+            const module = {
 
                 initialize: function () {
                     module.debug('Initializing sidebar', parameters);
@@ -134,8 +132,8 @@
                 event: {
                     clickaway: function (event) {
                         if (settings.closable) {
-                            let clickedInPusher = $pusher.find(event.target).length > 0 || $pusher.is(event.target);
-                            let clickedContext = $context.is(event.target);
+                            const clickedInPusher = $pusher.find(event.target).length > 0 || $pusher.is(event.target);
+                            const clickedContext = $context.is(event.target);
                             if (clickedInPusher) {
                                 module.verbose('User clicked on dimmed page');
                                 module.hide();
@@ -206,11 +204,11 @@
 
                 add: {
                     inlineCSS: function () {
-                        let width = module.cache.width || $module.outerWidth();
-                        let height = module.cache.height || $module.outerHeight();
-                        let isRTL = module.is.rtl();
-                        let direction = module.get.direction();
-                        let distance = {
+                        const width = module.cache.width || $module.outerWidth();
+                        const height = module.cache.height || $module.outerHeight();
+                        const isRTL = module.is.rtl();
+                        const direction = module.get.direction();
+                        const distance = {
                             left: width,
                             right: -width,
                             top: height,
@@ -265,7 +263,7 @@
                 repaint: function () {
                     module.verbose('Forcing repaint event');
                     element.style.display = 'none';
-                    let ignored = element.offsetHeight;
+                    const ignored = element.offsetHeight;
                     element.scrollTop = element.scrollTop; // eslint-disable-line no-self-assign
                     element.style.display = '';
                 },
@@ -302,7 +300,7 @@
                 },
 
                 attachEvents: function (selector, event) {
-                    let $toggle = $(selector);
+                    const $toggle = $(selector);
                     event = isFunction(module[event])
                         ? module[event]
                         : module.toggle;
@@ -327,7 +325,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;
                     },
                 },
@@ -398,13 +396,13 @@
                 },
 
                 hideOthers: function (callback = function () {}) {
-                    let $otherSidebars = $sidebars.not($module).filter('.' + className.visible);
-                    let sidebarCount = $otherSidebars.length;
+                    const $otherSidebars = $sidebars.not($module).filter('.' + className.visible);
+                    const sidebarCount = $otherSidebars.length;
                     let callbackCount = 0;
                     $otherSidebars
                         .sidebar('hide', function () {
                             callbackCount++;
-                            if (callbackCount === sidebarCount) {
+                            if (callbackCount === sidebarCount && isFunction(callback)) {
                                 callback();
                             }
                         });
@@ -420,13 +418,10 @@
                 },
 
                 pushPage: function (callback) {
-                    let transition = module.get.transition();
-                    let $transition = transition === 'overlay' || module.othersActive()
+                    const transition = module.get.transition();
+                    const $transition = transition === 'overlay' || module.othersActive()
                         ? $module
                         : $pusher;
-                    let animate;
-                    let dim;
-                    let transitionEnd;
                     callback = isFunction(callback)
                         ? callback
                         : function () {};
@@ -439,16 +434,16 @@
                     module.bind.scrollLock();
                     module.set.transition(transition);
                     module.repaint();
-                    animate = function () {
+                    const animate = function () {
                         module.bind.clickaway();
                         module.add.inlineCSS();
                         module.set.animating();
                         module.set.visible();
                     };
-                    dim = function () {
+                    const dim = function () {
                         module.set.dimmed();
                     };
-                    transitionEnd = function (event) {
+                    const transitionEnd = function (event) {
                         if (event.target === $transition[0]) {
                             $transition.off('transitionend' + elementNamespace, transitionEnd);
                             module.remove.animating();
@@ -464,12 +459,10 @@
                 },
 
                 pullPage: function (callback) {
-                    let transition = module.get.transition();
-                    let $transition = transition === 'overlay' || module.othersActive()
+                    const transition = module.get.transition();
+                    const $transition = transition === 'overlay' || module.othersActive()
                         ? $module
                         : $pusher;
-                    let animate;
-                    let transitionEnd;
                     callback = isFunction(callback)
                         ? callback
                         : function () {};
@@ -478,7 +471,7 @@
                     module.unbind.clickaway();
                     module.unbind.scrollLock();
 
-                    animate = function () {
+                    const animate = function () {
                         module.set.transition(transition);
                         module.set.animating();
                         if (settings.dimPage && !module.othersVisible()) {
@@ -486,7 +479,7 @@
                         }
                         module.remove.visible();
                     };
-                    transitionEnd = function (event) {
+                    const transitionEnd = function (event) {
                         if (event.target === $transition[0]) {
                             $transition.off('transitionend' + elementNamespace, transitionEnd);
                             module.remove.animating();
@@ -527,11 +520,11 @@
 
                 set: {
                     bodyMargin: function () {
-                        let position = module.can.leftBodyScrollbar() ? 'left' : 'right';
+                        const position = module.can.leftBodyScrollbar() ? 'left' : 'right';
                         $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)');
                         });
                     },
@@ -621,11 +614,11 @@
                 },
                 restore: {
                     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, '');
                         });
                     },
@@ -645,9 +638,8 @@
                         return className.left;
                     },
                     transition: function () {
-                        let direction = module.get.direction();
-                        let transition;
-                        transition = module.is.mobile()
+                        const direction = module.get.direction();
+                        const transition = module.is.mobile()
                             ? (settings.mobileTransition === 'auto'
                                 ? settings.defaultTransition.mobile[direction]
                                 : settings.mobileTransition)
@@ -683,8 +675,8 @@
                         return !(self === top);
                     },
                     mobile: function () {
-                        let userAgent = navigator.userAgent;
-                        let isMobile = userAgent.match(regExp.mobile);
+                        const userAgent = navigator.userAgent;
+                        const isMobile = userAgent.match(regExp.mobile);
                         if (isMobile) {
                             module.verbose('Browser was found to be mobile', userAgent);
 
@@ -820,7 +812,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)) {