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

package/src/definitions/modules/search.less

@@ -29,7 +29,7 @@
     margin: 0;
     outline: none;
     -webkit-appearance: none;
-    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
+    -webkit-tap-highlight-color: rgb(255 255 255 / 0);
     text-shadow: none;
     font-style: normal;
     font-weight: @normal;
@@ -402,8 +402,7 @@
     .ui.scrolling.search > .results,
     .ui.search.long > .results,
     .ui.search.short > .results {
-        overflow-x: hidden;
-        overflow-y: auto;
+        overflow: hidden auto;
         overscroll-behavior: @overscrollBehavior;
         backface-visibility: hidden;
     }
@@ -597,5 +596,4 @@
     }
 }
 
-// stylelint-disable no-invalid-position-at-import-rule
 @import (multiple, optional) "../../overrides.less";

package/src/definitions/modules/shape.js

@@ -19,32 +19,32 @@
         ? window
         : globalThis;
 
-    $.fn.shape = function (parameters) {
-        let $allModules = $(this);
+    $.fn.shape = function (...args) {
+        const $allModules = $(this);
 
         let time = Date.now();
         let performance = [];
 
-        let query = arguments[0];
-        let methodInvoked = typeof query === 'string';
-        let queryArguments = [].slice.call(arguments, 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) {
@@ -177,8 +176,7 @@
                         module.verbose('Next side set to', $nextSide);
                     },
 
-                    duration: function (duration) {
-                        duration = duration || settings.duration;
+                    duration: function (duration = settings.duration) {
                         duration = typeof duration === 'number'
                             ? duration + 'ms'
                             : duration;
@@ -192,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,
@@ -203,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()
@@ -269,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();
@@ -310,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)',
@@ -319,7 +317,7 @@
                         },
 
                         down: function () {
-                            let translate = {
+                            const translate = {
                                 z: $activeSide.outerHeight(true) / 2,
                             };
 
@@ -329,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)',
@@ -338,7 +336,7 @@
                         },
 
                         right: function () {
-                            let translate = {
+                            const translate = {
                                 z: $activeSide.outerWidth(true) / 2,
                             };
 
@@ -348,7 +346,7 @@
                         },
 
                         over: function () {
-                            let translate = {
+                            const translate = {
                                 x: -(($activeSide.outerWidth(true) - $nextSide.outerWidth(true)) / 2),
                             };
 
@@ -358,7 +356,7 @@
                         },
 
                         back: function () {
-                            let translate = {
+                            const translate = {
                                 x: -(($activeSide.outerWidth(true) - $nextSide.outerWidth(true)) / 2),
                             };
 
@@ -379,7 +377,7 @@
                 stage: {
 
                     above: function () {
-                        let box = {
+                        const box = {
                             origin: ($activeSide.outerHeight(true) - $nextSide.outerHeight(true)) / 2,
                             depth: {
                                 active: $nextSide.outerHeight(true) / 2,
@@ -400,7 +398,7 @@
                     },
 
                     below: function () {
-                        let box = {
+                        const box = {
                             origin: ($activeSide.outerHeight(true) - $nextSide.outerHeight(true)) / 2,
                             depth: {
                                 active: $nextSide.outerHeight(true) / 2,
@@ -421,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,
@@ -446,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,
@@ -471,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,
@@ -518,30 +516,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: {
@@ -556,7 +554,7 @@
                             time = currentTime;
                             performance.push({
                                 Name: message[0],
-                                Arguments: [].slice.call(message, 1) || '',
+                                Arguments: message.slice(1),
                                 Element: element,
                                 'Execution Time': executionTime,
                             });
@@ -580,30 +578,22 @@
                         }
                         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)) {
@@ -646,14 +636,14 @@
                 if (instance === undefined) {
                     module.initialize();
                 }
-                let $inputs = $module.find('input');
+                const $inputs = $module.find('input');
                 if ($inputs.length > 0) {
                     $inputs.trigger('blur');
                     setTimeout(function () {
-                        module.invoke(query);
+                        module.invoke(parameters);
                     }, 150);
                 } else {
-                    module.invoke(query);
+                    module.invoke(parameters);
                 }
             } else {
                 if (instance !== undefined) {

package/src/definitions/modules/shape.less

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