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

package/src/definitions/modules/dropdown.less

@@ -47,7 +47,7 @@
     text-align: left;
     transition: @transition;
     user-select: none;
-    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+    -webkit-tap-highlight-color: rgb(0 0 0 / 0);
 }
 
 /*******************************
@@ -442,8 +442,7 @@ select.ui.dropdown {
 
     /* Selection Menu */
     .ui.selection.dropdown@{notUnlimited} .menu {
-        overflow-x: hidden;
-        overflow-y: auto;
+        overflow: hidden auto;
         overscroll-behavior: @overscrollBehavior;
         backface-visibility: hidden;
     }
@@ -616,14 +615,20 @@ select.ui.dropdown {
         .ui.ui.selection.dropdown@{notInverted}:has(> input:focus) {
             border-color: @selectionFocusBorderColor;
             box-shadow: none;
-            & > i.icon {
-                opacity: @selectionIconFocusOpacity;
+        }
+
+        .ui.ui.selection.dropdown {
+            &:focus,
+            &:has(> input:focus) {
+                & > i.icon:not(.remove) {
+                    opacity: @selectionIconFocusOpacity;
+                }
+                & > i.icon.remove:not(:hover) {
+                    opacity: @actionIconFocusOpacity;
+                }
             }
         }
     }
-    .ui.ui.selection.dropdown:focus > i.icon {
-        opacity: @selectionIconFocusOpacity;
-    }
 
     /* Visible */
     .ui.selection.visible.dropdown > .text:not(.default) {
@@ -735,7 +740,7 @@ select.ui.dropdown {
         left: @textCursorSpacing;
         width: 100%;
         outline: none;
-        -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
+        -webkit-tap-highlight-color: rgb(255 255 255 / 0);
         padding: inherit;
     }
 
@@ -792,8 +797,7 @@ select.ui.dropdown {
 
     /* Search Menu */
     .ui.search.dropdown@{notUnlimited} .menu {
-        overflow-x: hidden;
-        overflow-y: auto;
+        overflow: hidden auto;
         overscroll-behavior: @overscrollBehavior;
         backface-visibility: hidden;
     }
@@ -1369,8 +1373,7 @@ select.ui.dropdown {
     /* Selection Menu */
     .ui.scrolling.dropdown .menu,
     .ui.dropdown .scrolling.menu {
-        overflow-x: hidden;
-        overflow-y: auto;
+        overflow: hidden auto;
         overscroll-behavior: @overscrollBehavior;
         backface-visibility: hidden;
         min-width: 100% !important;
@@ -1589,8 +1592,7 @@ select.ui.dropdown {
         /* Scrolling */
         .ui.simple.scrolling.active.dropdown > .menu,
         .ui.simple.scrolling.dropdown:hover > .menu {
-            overflow-x: hidden;
-            overflow-y: auto;
+            overflow: hidden auto;
             overscroll-behavior: @overscrollBehavior;
         }
     }
@@ -1679,17 +1681,11 @@ select.ui.dropdown {
 
     /* Top Left Pointing */
     .ui.top.left.pointing.dropdown > .menu {
-        top: 100%;
-        bottom: auto;
-        left: 0;
-        right: auto;
+        inset: 100% auto auto 0;
         margin: @pointingArrowDistanceFromEdge 0 0;
     }
     .ui.top.left.pointing.dropdown > .menu {
-        top: 100%;
-        bottom: auto;
-        left: 0;
-        right: auto;
+        inset: 100% auto auto 0;
         margin: @pointingArrowDistanceFromEdge 0 0;
     }
     .ui.top.left.pointing.dropdown > .menu::after {
@@ -1702,10 +1698,7 @@ select.ui.dropdown {
 
     /* Top Right Pointing */
     .ui.top.right.pointing.dropdown > .menu {
-        top: 100%;
-        bottom: auto;
-        right: 0;
-        left: auto;
+        inset: 100% 0 auto auto;
         margin: @pointingArrowDistanceFromEdge 0 0;
     }
     .ui.top.pointing.dropdown > .left.menu::after,
@@ -1730,12 +1723,12 @@ select.ui.dropdown {
         margin: 0;
         transform: rotate(-45deg);
     }
-    .ui.left:not(.top):not(.bottom).pointing.dropdown > .left.menu {
+    .ui.left:not(.top, .bottom).pointing.dropdown > .left.menu {
         left: auto !important;
         right: 100% !important;
         margin: 0 @pointingArrowDistanceFromEdge 0 0;
     }
-    .ui.left:not(.top):not(.bottom).pointing.dropdown > .left.menu::after {
+    .ui.left:not(.top, .bottom).pointing.dropdown > .left.menu::after {
         top: 1em;
         left: auto;
         right: @pointingArrowOffset;
@@ -1760,10 +1753,7 @@ select.ui.dropdown {
 
     /* Bottom Pointing */
     .ui.bottom.pointing.dropdown > .menu {
-        top: auto;
-        bottom: 100%;
-        left: 0;
-        right: auto;
+        inset: auto auto 100% 0;
         margin: 0 0 @pointingArrowDistanceFromEdge;
     }
     .ui.bottom.pointing.dropdown > .menu::after {
@@ -1823,12 +1813,12 @@ select.ui.dropdown {
     }
 
     /* Right Pointing Upward */
-    .ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu {
+    .ui.right.pointing.upward.dropdown:not(.top, .bottom) .menu {
         top: auto !important;
         bottom: 0 !important;
         margin: 0 @pointingArrowDistanceFromEdge 0 0;
     }
-    .ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu::after {
+    .ui.right.pointing.upward.dropdown:not(.top, .bottom) .menu::after {
         top: auto !important;
         bottom: 0 !important;
         margin: 0 0 @pointingArrowDistanceFromEdge 0;
@@ -1836,12 +1826,12 @@ select.ui.dropdown {
     }
 
     /* Left Pointing Upward */
-    .ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu {
+    .ui.left.pointing.upward.dropdown:not(.top, .bottom) .menu {
         top: auto !important;
         bottom: 0 !important;
         margin: 0 0 0 @pointingArrowDistanceFromEdge;
     }
-    .ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu::after {
+    .ui.left.pointing.upward.dropdown:not(.top, .bottom) .menu::after {
         top: auto !important;
         bottom: 0 !important;
         margin: 0 0 @pointingArrowDistanceFromEdge 0;
@@ -2095,5 +2085,4 @@ select.ui.dropdown {
     }
 }
 
-// stylelint-disable no-invalid-position-at-import-rule
 @import (multiple, optional) "../../overrides.less";

package/src/definitions/modules/embed.js

@@ -19,44 +19,43 @@
         ? window
         : globalThis;
 
-    $.fn.embed = function (parameters) {
-        let $allModules = $(this);
+    $.fn.embed = 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.embed.settings, parameters)
                 : $.extend({}, $.fn.embed.settings);
 
-            let selector = settings.selector;
-            let className = settings.className;
-            let sources = settings.sources;
-            let error = settings.error;
-            let metadata = settings.metadata;
-            let namespace = settings.namespace;
-            let templates = settings.templates;
+            const selector = settings.selector;
+            const className = settings.className;
+            const sources = settings.sources;
+            const error = settings.error;
+            const metadata = settings.metadata;
+            const namespace = settings.namespace;
+            const templates = settings.templates;
 
-            let eventNamespace = '.' + namespace;
-            let moduleNamespace = 'module-' + namespace;
+            const eventNamespace = '.' + namespace;
+            const moduleNamespace = 'module-' + namespace;
 
-            let $module = $(this);
+            const $module = $(this);
             let $placeholder = $module.find(selector.placeholder);
             let $icon = $module.find(selector.icon);
             let $embed = $module.find(selector.embed);
 
-            let element = this;
+            const element = this;
             let instance = $module.data(moduleNamespace);
-            let module;
 
-            module = {
+            const module = {
 
                 initialize: function () {
                     module.debug('Initializing embed');
@@ -100,7 +99,7 @@
                 },
 
                 create: function () {
-                    let placeholder = module.get.placeholder();
+                    const placeholder = module.get.placeholder();
                     if (placeholder) {
                         module.createPlaceholder();
                     } else {
@@ -108,17 +107,15 @@
                     }
                 },
 
-                createPlaceholder: function (placeholder) {
-                    let icon = module.get.icon();
-                    let alt = module.get.alt();
-                    placeholder = placeholder || module.get.placeholder();
+                createPlaceholder: function (placeholder = module.get.placeholder()) {
+                    const icon = module.get.icon();
+                    const alt = module.get.alt();
                     $module.html(templates.placeholder(placeholder, icon, alt));
                     module.debug('Creating placeholder for embed', placeholder, icon, alt);
                 },
 
-                createEmbed: function (url) {
+                createEmbed: function (url = module.get.url()) {
                     module.refresh();
-                    url = url || module.get.url();
                     $embed = $('<div/>')
                         .addClass(className.embed)
                         .html(module.generate.embed(url))
@@ -204,14 +201,14 @@
                             : module.determine.source());
                     },
                     type: function () {
-                        let source = module.get.source();
+                        const source = module.get.source();
 
                         return sources[source] !== undefined
                             ? sources[source].type
                             : false;
                     },
-                    url: function () {
-                        return settings.url || ($module.data(metadata.url) !== undefined
+                    url: function (url) {
+                        return url || settings.url || ($module.data(metadata.url) !== undefined
                             ? $module.data(metadata.url)
                             : module.determine.url());
                     },
@@ -223,9 +220,8 @@
                             settings.autoplay = true;
                         }
                     },
-                    source: function (url) {
+                    source: function (url = module.get.url()) {
                         let matchedSource = false;
-                        url = url || module.get.url();
                         if (url) {
                             $.each(sources, function (name, source) {
                                 if (url.search(source.domain) !== -1) {
@@ -239,17 +235,16 @@
                         return matchedSource;
                     },
                     icon: function () {
-                        let source = module.get.source();
+                        const source = module.get.source();
 
                         return sources[source] !== undefined
                             ? sources[source].icon
                             : false;
                     },
                     url: function () {
-                        let id = settings.id || $module.data(metadata.id);
-                        let source = settings.source || $module.data(metadata.source);
-                        let url;
-                        url = sources[source] !== undefined
+                        const id = settings.id || $module.data(metadata.id);
+                        const source = settings.source || $module.data(metadata.source);
+                        const url = sources[source] !== undefined
                             ? sources[source].url.replace('{id}', id)
                             : false;
                         if (url) {
@@ -286,10 +281,12 @@
 
                 encode: {
                     parameters: function (parameters) {
-                        let urlString = [];
+                        const urlString = [];
                         let index;
                         for (index in parameters) {
-                            urlString.push(encodeURIComponent(index) + '=' + encodeURIComponent(parameters[index]));
+                            if (Object.prototype.hasOwnProperty.call(parameters, index)) {
+                                urlString.push(encodeURIComponent(index) + '=' + encodeURIComponent(parameters[index]));
+                            }
                         }
 
                         return urlString.join('&amp;');
@@ -299,7 +296,7 @@
                 generate: {
                     embed: function (url) {
                         module.debug('Generating embed html');
-                        let source = module.get.source();
+                        const source = module.get.source();
                         let html;
                         let parameters;
                         url = module.get.url(url);
@@ -312,11 +309,10 @@
 
                         return html;
                     },
-                    parameters: function (source, extraParameters) {
+                    parameters: function (source, extraParameters = settings.parameters) {
                         let parameters = sources[source] && sources[source].parameters !== undefined
                             ? sources[source].parameters(settings)
                             : {};
-                        extraParameters = extraParameters || settings.parameters;
                         if (extraParameters) {
                             parameters = $.extend({}, parameters, extraParameters);
                         }
@@ -372,30 +368,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: {
@@ -410,7 +406,7 @@
                             time = currentTime;
                             performance.push({
                                 Name: message[0],
-                                Arguments: [].slice.call(message, 1) || '',
+                                Arguments: message.slice(1),
                                 Element: element,
                                 'Execution Time': executionTime,
                             });
@@ -434,30 +430,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)) {
@@ -500,7 +488,7 @@
                 if (instance === undefined) {
                     module.initialize();
                 }
-                module.invoke(query);
+                module.invoke(parameters);
             } else {
                 if (instance !== undefined) {
                     instance.invoke('destroy');
@@ -612,8 +600,7 @@
 
         templates: {
             escape: function (string) {
-                const badChars = /["'<>]|&(?![\d#A-Za-z]{1,12};)/g;
-                const escape = {
+                const escapeMap = {
                     '"': '&quot;',
                     '&': '&amp;',
                     "'": '&apos;',
@@ -621,11 +608,11 @@
                     '>': '&gt;',
                 };
 
-                return string.replace(badChars, (chr) => escape[chr]);
+                return String(string).replace(/["&'<>]/g, (chr) => escapeMap[chr]);
             },
             iframe: function (url, parameters) {
                 let src = url;
-                let escape = $.fn.embed.settings.templates.escape;
+                const escape = $.fn.embed.settings.templates.escape;
                 if (parameters) {
                     src += '?' + parameters;
                 }
@@ -637,7 +624,7 @@
             },
             placeholder: function (image, icon, alt) {
                 let html = '';
-                let escape = $.fn.embed.settings.templates.escape;
+                const escape = $.fn.embed.settings.templates.escape;
                 if (icon) {
                     html += '<i class="' + escape(icon) + ' icon"></i>';
                 }

package/src/definitions/modules/embed.less

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