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

package/src/definitions/modules/popup.js

@@ -20,22 +20,22 @@
         : globalThis;
 
     $.fn.popup = function (...args) {
-        let $allModules = $(this);
-        let $document = $(document);
-        let $window = $(window);
-        let $body = $('body');
+        const $allModules = $(this);
+        const $document = $(document);
+        const $window = $(window);
+        const $body = $('body');
 
-        let clickEvent = 'ontouchstart' in document.documentElement
+        const clickEvent = 'ontouchstart' in document.documentElement
             ? 'touchstart'
             : 'click';
 
         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);
@@ -51,24 +51,24 @@
 
         let returnedValue;
         $allModules.each(function () {
-            let settings = $.isPlainObject(parameters)
+            const settings = $.isPlainObject(parameters)
                 ? $.extend(true, {}, $.fn.popup.settings, parameters)
                 : $.extend({}, $.fn.popup.settings);
 
-            let selector = settings.selector;
-            let className = settings.className;
-            let error = settings.error;
-            let metadata = settings.metadata;
-            let namespace = settings.namespace;
+            const selector = settings.selector;
+            const className = settings.className;
+            const error = settings.error;
+            const metadata = settings.metadata;
+            const namespace = settings.namespace;
 
-            let eventNamespace = '.' + settings.namespace;
-            let moduleNamespace = 'module-' + namespace;
+            const eventNamespace = '.' + settings.namespace;
+            const moduleNamespace = 'module-' + namespace;
 
-            let $module = $(this);
-            let $context = contextCheck(settings.context, window);
-            let $scrollContext = contextCheck(settings.scrollContext, window);
-            let $boundary = contextCheck(settings.boundary, window);
-            let $target = settings.target ? contextCheck(settings.target, window) : $module;
+            const $module = $(this);
+            const $context = contextCheck(settings.context, window);
+            const $scrollContext = contextCheck(settings.scrollContext, window);
+            const $boundary = contextCheck(settings.boundary, window);
+            const $target = settings.target ? contextCheck(settings.target, window) : $module;
 
             let $popup;
             let $offsetParent;
@@ -77,15 +77,14 @@
             let triedPositions = false;
             let openedWithTouch = false;
 
-            let element = this;
+            const element = this;
             let instance = $module.data(moduleNamespace);
 
             let documentObserver;
             let elementNamespace;
             let id;
-            let module;
 
-            module = {
+            const module = {
 
                 // binds events
                 initialize: function () {
@@ -176,7 +175,7 @@
 
                 event: {
                     start: function (event) {
-                        let delay = $.isPlainObject(settings.delay)
+                        const delay = $.isPlainObject(settings.delay)
                             ? settings.delay.show
                             : settings.delay;
                         clearTimeout(module.hideTimer);
@@ -187,7 +186,7 @@
                         }
                     },
                     end: function () {
-                        let delay = $.isPlainObject(settings.delay)
+                        const delay = $.isPlainObject(settings.delay)
                             ? settings.delay.hide
                             : settings.delay;
                         clearTimeout(module.showTimer);
@@ -219,9 +218,9 @@
                         });
                     },
                     hideGracefully: function (event) {
-                        let $target = $(event.target);
-                        let isInDOM = document.documentElement.contains(event.target);
-                        let inPopup = $target.closest(selector.popup).length > 0;
+                        const $target = $(event.target);
+                        const isInDOM = document.documentElement.contains(event.target);
+                        const inPopup = $target.closest(selector.popup).length > 0;
                         // don't close on clicks inside popup
                         if (event && !inPopup && isInDOM) {
                             module.debug('Click occurred outside popup hiding popup');
@@ -234,11 +233,11 @@
 
                 // generates popup html from metadata
                 create: function () {
-                    let targetSibling = $target.next(selector.popup);
-                    let contentFallback = !settings.popup && targetSibling.length === 0 ? $module.attr('title') : false;
+                    const targetSibling = $target.next(selector.popup);
+                    const contentFallback = !settings.popup && targetSibling.length === 0 ? $module.attr('title') : false;
                     let html = module.get.html();
-                    let title = module.get.title();
-                    let content = module.get.content(contentFallback);
+                    const title = module.get.title();
+                    const content = module.get.content(contentFallback);
 
                     if (html || content || title) {
                         module.debug('Creating pop-up html');
@@ -479,22 +478,20 @@
                         return $popup.offset();
                     },
                     calculations: function () {
-                        let $popupOffsetParent = module.get.offsetParent($popup);
-                        let targetElement = $target[0];
-                        let isWindowEl = $boundary[0] === window;
-                        let targetOffset = $target.offset();
-                        let parentOffset = settings.inline || (settings.popup && settings.movePopup)
+                        const $popupOffsetParent = module.get.offsetParent($popup);
+                        const targetElement = $target[0];
+                        const isWindowEl = $boundary[0] === window;
+                        const targetOffset = $target.offset();
+                        const parentOffset = settings.inline || (settings.popup && settings.movePopup)
                             ? $target.offsetParent().offset()
                             : { top: 0, left: 0 };
-                        let screenPosition = isWindowEl
+                        const screenPosition = isWindowEl
                             ? { top: 0, left: 0 }
                             : $boundary.offset();
-                        let calculations = {};
-                        let scroll = isWindowEl
+                        const scroll = isWindowEl
                             ? { top: $window.scrollTop(), left: $window.scrollLeft() }
                             : { top: 0, left: 0 };
-                        let screen;
-                        calculations = {
+                        const calculations = {
                             // element which is launching popup
                             target: {
                                 element: $target[0],
@@ -529,7 +526,7 @@
 
                         // if popup offset context is different from target, then adjust calculations
                         if ($popupOffsetParent[0] !== $offsetParent[0]) {
-                            let popupOffset = $popupOffsetParent.offset();
+                            const popupOffset = $popupOffsetParent.offset();
                             calculations.target.top -= popupOffset.top;
                             calculations.target.left -= popupOffset.left;
                             calculations.parent.width = $popupOffsetParent.outerWidth();
@@ -554,7 +551,7 @@
                                 : parseInt(window.getComputedStyle(targetElement).getPropertyValue('margin-left'), 10))
                             : 0;
                         // calculate screen boundaries
-                        screen = calculations.screen;
+                        const screen = calculations.screen;
                         calculations.boundary = {
                             top: screen.top + screen.scroll.top,
                             bottom: screen.top + screen.scroll.top + screen.height,
@@ -592,12 +589,10 @@
                     },
                     distanceFromBoundary: function (offset, calculations = module.get.calculations()) {
                         let distanceFromBoundary = {};
-                        let popup;
-                        let boundary;
 
                         // shorthand
-                        popup = calculations.popup;
-                        boundary = calculations.boundary;
+                        const popup = calculations.popup;
+                        const boundary = calculations.boundary;
 
                         if (offset) {
                             distanceFromBoundary = {
@@ -612,7 +607,7 @@
                         return distanceFromBoundary;
                     },
                     offsetParent: function ($element) {
-                        let element = $element !== undefined
+                        const element = $element !== undefined
                             ? $element[0]
                             : $target[0];
                         let parentNode = element.parentNode;
@@ -647,21 +642,21 @@
                         };
                     },
                     nextPosition: function (position) {
-                        let positions = position.split(' ');
-                        let verticalPosition = positions[0];
-                        let horizontalPosition = positions[1];
-                        let opposite = {
+                        const positions = position.split(' ');
+                        const verticalPosition = positions[0];
+                        const horizontalPosition = positions[1];
+                        const opposite = {
                             top: 'bottom',
                             bottom: 'top',
                             left: 'right',
                             right: 'left',
                         };
-                        let adjacent = {
+                        const adjacent = {
                             left: 'center',
                             center: 'right',
                             right: 'left',
                         };
-                        let backup = {
+                        const backup = {
                             'top left': 'top center',
                             'top center': 'top right',
                             'top right': 'right center',
@@ -671,7 +666,7 @@
                             'bottom left': 'left center',
                             'left center': 'top left',
                         };
-                        let adjacentsAvailable = verticalPosition === 'top' || verticalPosition === 'bottom';
+                        const adjacentsAvailable = verticalPosition === 'top' || verticalPosition === 'bottom';
                         let oppositeTried = false;
                         let adjacentTried = false;
                         let nextPosition = false;
@@ -714,20 +709,15 @@
                         }
                         let offset;
                         let distanceAway;
-                        let target;
-                        let popup;
-                        let parent;
                         let positioning;
-                        let popupOffset;
-                        let distanceFromBoundary;
 
                         offset = $module.data(metadata.offset) || settings.offset;
                         distanceAway = settings.distanceAway;
 
                         // shorthand
-                        target = calculations.target;
-                        popup = calculations.popup;
-                        parent = calculations.parent;
+                        const target = calculations.target;
+                        const popup = calculations.popup;
+                        const parent = calculations.parent;
 
                         if (module.should.centerArrow(calculations)) {
                             module.verbose('Adjusting offset to center arrow on small target element');
@@ -873,10 +863,10 @@
                             .addClass(position);
                         module.set.invisible();
 
-                        popupOffset = module.get.popupOffset();
+                        const popupOffset = module.get.popupOffset();
 
                         // see if any boundaries are surpassed with this tentative position
-                        distanceFromBoundary = module.get.distanceFromBoundary(popupOffset, calculations);
+                        const distanceFromBoundary = module.get.distanceFromBoundary(popupOffset, calculations);
 
                         if (!settings.forcePosition && module.is.offstage(distanceFromBoundary, position)) {
                             module.debug('Position is outside viewport', position);
@@ -1069,7 +1059,7 @@
                         return settings.closable;
                     },
                     offstage: function (distanceFromBoundary, position) {
-                        let offstage = [];
+                        const offstage = [];
                         // return boundaries that have been surpassed
                         $.each(distanceFromBoundary, function (direction, distance) {
                             if (distance < -settings.jitter) {
@@ -1213,7 +1203,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)) {
@@ -1449,7 +1439,7 @@
             },
             popup: function (text) {
                 let html = '';
-                let escape = $.fn.popup.settings.templates.escape;
+                const escape = $.fn.popup.settings.templates.escape;
                 if (text !== undefined) {
                     if (text.title) {
                         text.title = escape(text.title);

package/src/definitions/modules/progress.js

@@ -20,42 +20,41 @@
         : globalThis;
 
     $.fn.progress = 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.progress.settings, parameters)
                 : $.extend({}, $.fn.progress.settings);
 
-            let className = settings.className;
-            let metadata = settings.metadata;
-            let namespace = settings.namespace;
-            let selector = settings.selector;
-            let error = settings.error;
+            const className = settings.className;
+            const metadata = settings.metadata;
+            const namespace = settings.namespace;
+            const selector = settings.selector;
+            const error = settings.error;
 
-            let eventNamespace = '.' + namespace;
-            let moduleNamespace = 'module-' + namespace;
+            const eventNamespace = '.' + namespace;
+            const moduleNamespace = 'module-' + namespace;
 
-            let $module = $(this);
-            let $bars = $(this).find(selector.bar);
-            let $progresses = $(this).find(selector.progress);
-            let $label = $(this).find(selector.label);
+            const $module = $(this);
+            const $bars = $(this).find(selector.bar);
+            const $progresses = $(this).find(selector.progress);
+            const $label = $(this).find(selector.label);
 
-            let element = this;
+            const element = this;
             let instance = $module.data(moduleNamespace);
 
             let animating = false;
-            let module;
-            module = {
+            const module = {
                 helper: {
                     sum: function (nums) {
                         return Array.isArray(nums) ? nums.reduce(function (left, right) {
@@ -146,7 +145,7 @@
 
                 read: {
                     metadata: function () {
-                        let data = {
+                        const data = {
                             percent: module.helper.forceArray($module.data(metadata.percent)),
                             total: $module.data(metadata.total),
                             value: module.helper.forceArray($module.data(metadata.value)),
@@ -212,7 +211,7 @@
                     module.set.progress(newValue);
                 },
                 decrement: function (decrementValue) {
-                    let total = module.get.total();
+                    const total = module.get.total();
                     let startValue;
                     let newValue;
                     if (total) {
@@ -241,12 +240,12 @@
 
                 get: {
                     text: function (templateText = '', index = 0) {
-                        let value = module.get.value(index);
-                        let total = module.get.total();
-                        let percent = animating
+                        const value = module.get.value(index);
+                        const total = module.get.total();
+                        const percent = animating
                             ? module.get.displayPercent(index)
                             : module.get.percent(index);
-                        let left = total !== false
+                        const left = total !== false
                             ? Math.max(0, total - value)
                             : 100 - percent;
                         templateText = templateText
@@ -305,11 +304,11 @@
 
                     // gets current displayed percentage (if animating values, this is the intermediary value)
                     displayPercent: function (index) {
-                        let $bar = $($bars[index]);
-                        let barWidth = $bar.width();
-                        let totalWidth = $module.width();
-                        let minDisplay = parseInt($bar.css('min-width'), 10);
-                        let displayPercent = barWidth > minDisplay
+                        const $bar = $($bars[index]);
+                        const barWidth = $bar.width();
+                        const totalWidth = $module.width();
+                        const minDisplay = parseInt($bar.css('min-width'), 10);
+                        const displayPercent = barWidth > minDisplay
                             ? (barWidth / totalWidth) * 100
                             : module.percent;
 
@@ -401,12 +400,12 @@
                         values = module.helper.forceArray(values);
                         let firstNonZeroIndex = -1;
                         let lastNonZeroIndex = -1;
-                        let valuesSum = module.helper.sum(values);
-                        let barCounts = $bars.length;
-                        let isMultiple = barCounts > 1;
-                        let percents = values.map(function (value, index) {
-                            let allZero = index === barCounts - 1 && valuesSum === 0;
-                            let $bar = $($bars[index]);
+                        const valuesSum = module.helper.sum(values);
+                        const barCounts = $bars.length;
+                        const isMultiple = barCounts > 1;
+                        const percents = values.map(function (value, index) {
+                            const allZero = index === barCounts - 1 && valuesSum === 0;
+                            const $bar = $($bars[index]);
                             if (value === 0 && isMultiple && !allZero) {
                                 $bar.css('display', 'none');
                             } else {
@@ -426,7 +425,7 @@
                             return parseFloat(value);
                         });
                         values.forEach(function (_, index) {
-                            let $bar = $($bars[index]);
+                            const $bar = $($bars[index]);
                             $bar.css({
                                 borderTopLeftRadius: index === firstNonZeroIndex ? '' : '0',
                                 borderBottomLeftRadius: index === firstNonZeroIndex ? '' : '0',
@@ -457,10 +456,10 @@
                                 ? Math.max(0, Math.min(100, percent))
                                 : percent;
                         });
-                        let hasTotal = module.has.total();
-                        let totalPercent = module.helper.sum(percents);
-                        let isMultipleValues = percents.length > 1 && hasTotal;
-                        let sumTotal = module.helper.sum(module.helper.forceArray(module.value));
+                        const hasTotal = module.has.total();
+                        const totalPercent = module.helper.sum(percents);
+                        const isMultipleValues = percents.length > 1 && hasTotal;
+                        const sumTotal = module.helper.sum(module.helper.forceArray(module.value));
                         if (isMultipleValues && sumTotal > module.total) {
                             // Sum values instead of percents to avoid precision issues when summing floats
                             module.error(error.sumExceedsTotal, sumTotal, module.total);
@@ -470,14 +469,14 @@
                         } else if (totalPercent < 0) {
                             module.error(error.tooLow, totalPercent);
                         } else {
-                            let autoPrecision = settings.precision > 0
+                            const autoPrecision = settings.precision > 0
                                 ? settings.precision
                                 : (isMultipleValues
                                     ? module.helper.derivePrecision(Math.min.apply(null, module.value), module.total)
                                     : 0);
 
                             // round display percentage
-                            let roundedPercents = percents.map(function (percent) {
+                            const roundedPercents = percents.map(function (percent) {
                                 return autoPrecision > 0
                                     ? Math.round(percent * (10 * autoPrecision)) / (10 * autoPrecision)
                                     : Math.round(percent);
@@ -496,7 +495,7 @@
                         settings.onChange.call(element, percents, module.value, module.total);
                     },
                     labelInterval: function () {
-                        let animationCallback = function () {
+                        const animationCallback = function () {
                             module.verbose('Bar finished animating, removing continuous label updates');
                             clearInterval(module.interval);
                             animating = false;
@@ -506,7 +505,7 @@
                         module.bind.transitionEnd(animationCallback);
                         animating = true;
                         module.interval = setInterval(function () {
-                            let isInDOM = document.documentElement.contains(element);
+                            const isInDOM = document.documentElement.contains(element);
                             if (!isInDOM) {
                                 clearInterval(module.interval);
                                 animating = false;
@@ -526,10 +525,7 @@
                             $label.text(text);
                         }
                     },
-                    state: function (percent) {
-                        percent = percent !== undefined
-                            ? percent
-                            : module.helper.sum(module.percent);
+                    state: function (percent = module.helper.sum(module.percent)) {
                         if (percent === 100) {
                             if (settings.autoSuccess && $bars.length === 1 && !(module.is.warning() || module.is.error() || module.is.success())) {
                                 module.set.success();
@@ -552,7 +548,7 @@
                     },
                     barLabel: function (text) {
                         $progresses.each(function (index, element) {
-                            let $progress = $(element);
+                            const $progress = $(element);
                             if (text !== undefined) {
                                 $progress.text(module.get.text(text, index));
                             } else if (settings.label === 'ratio' && module.has.total()) {
@@ -651,7 +647,7 @@
 
                 update: {
                     toNextValue: function () {
-                        let nextValue = module.nextValue;
+                        const nextValue = module.nextValue;
                         if (nextValue) {
                             module.debug('Update interval complete using last updated value', nextValue);
                             module.update.progress(nextValue);
@@ -659,11 +655,11 @@
                         }
                     },
                     progress: function (values) {
-                        let hasTotal = module.has.total();
+                        const hasTotal = module.has.total();
                         if (hasTotal) {
                             module.set.value(values);
                         }
-                        let percentCompletes = module.helper.forceArray(values).map(function (value) {
+                        const percentCompletes = module.helper.forceArray(values).map(function (value) {
                             let percentComplete;
                             value = module.get.numericValue(value);
                             if (value === false) {
@@ -781,7 +777,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)) {