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

package/src/definitions/modules/checkbox.js

@@ -153,13 +153,6 @@
                     }
                 },
 
-                preventDefaultOnInputTarget: function () {
-                    if (event !== undefined && event !== null && $(event.target).is(selector.input)) {
-                        module.verbose('Preventing default check action after manual check action');
-                        event.preventDefault();
-                    }
-                },
-
                 event: {
                     change: function (event) {
                         if (!module.should.ignoreCallbacks()) {
@@ -262,7 +255,6 @@
                         settings.onChecked.call(input);
                         module.trigger.change();
                     }
-                    module.preventDefaultOnInputTarget();
                 },
 
                 uncheck: function () {
@@ -275,7 +267,6 @@
                         settings.onUnchecked.call(input);
                         module.trigger.change();
                     }
-                    module.preventDefaultOnInputTarget();
                 },
 
                 indeterminate: function () {

package/src/definitions/modules/checkbox.less

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

package/src/definitions/modules/dimmer.less

@@ -387,5 +387,4 @@ body.dimmable > .dimmer {
     }
 }
 
-// stylelint-disable no-invalid-position-at-import-rule
 @import (multiple, optional) "../../overrides.less";

package/src/definitions/modules/dropdown.js

@@ -1044,7 +1044,7 @@
                         const pasteValue = (event.originalEvent.clipboardData || window.clipboardData).getData('text');
                         const tokens = pasteValue.split(settings.delimiter);
                         const notFoundTokens = [];
-                        tokens.forEach(function (value) {
+                        for (let value of tokens) {
                             value = value.trim();
                             const valueTrimmed = settings.preserveHTML
                                 ? settings.templates.escape(value)
@@ -1052,7 +1052,7 @@
                             if (module.set.selected(valueTrimmed, null, false, true) === false) {
                                 notFoundTokens.push(valueTrimmed);
                             }
-                        });
+                        }
                         event.preventDefault();
                         if (notFoundTokens.length > 0) {
                             const searchEl = $search[0];
@@ -1245,11 +1245,11 @@
                     },
                     class: {
                         mutation: function (mutations) {
-                            mutations.forEach(function (mutation) {
+                            for (const mutation of mutations) {
                                 if (mutation.attributeName === 'class') {
                                     module.check.disabled();
                                 }
-                            });
+                            }
                         },
                     },
                     select: {
@@ -1267,13 +1267,7 @@
                     menu: {
                         mutation: function (mutations) {
                             const mutation = mutations[0];
-                            const $addedNode = mutation.addedNodes
-                                ? $(mutation.addedNodes[0])
-                                : $(false);
-                            const $removedNode = mutation.removedNodes
-                                ? $(mutation.removedNodes[0])
-                                : $(false);
-                            const $changedNodes = $addedNode.add($removedNode);
+                            const $changedNodes = $([...mutation.addedNodes, ...mutation.removedNodes]);
                             const isUserAddition = $changedNodes.is(selector.addition) || $changedNodes.closest(selector.addition).length > 0;
                             const isMessage = $changedNodes.is(selector.message) || $changedNodes.closest(selector.message).length > 0;
                             if (isUserAddition || isMessage) {

package/src/definitions/modules/dropdown.less

@@ -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;
     }
@@ -798,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;
     }
@@ -1375,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;
@@ -1595,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;
         }
     }
@@ -1685,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 {
@@ -1708,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,
@@ -1766,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 {
@@ -2101,5 +2085,4 @@ select.ui.dropdown {
     }
 }
 
-// stylelint-disable no-invalid-position-at-import-rule
 @import (multiple, optional) "../../overrides.less";

package/src/definitions/modules/embed.less

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

package/src/definitions/modules/flyout.js

@@ -124,7 +124,7 @@
                         } else {
                             $actions.empty();
                         }
-                        settings.actions.forEach(function (el) {
+                        for (const el of settings.actions) {
                             const icon = el[fields.icon]
                                 ? '<i ' + (el[fields.text] ? 'aria-hidden="true"' : '') + ' class="' + module.helpers.escape(el[fields.icon]) + ' icon"></i>'
                                 : '';
@@ -133,20 +133,22 @@
                             const click = el[fields.click] && isFunction(el[fields.click])
                                 ? el[fields.click]
                                 : function () {};
+                            const elementRef = element;
+                            const $moduleRef = $module;
                             $actions.append($('<button/>', {
                                 html: icon + text,
                                 'aria-label': (el[fields.text] || el[fields.icon] || '').replace(/<[^>]+(>|$)/g, ''),
                                 class: className.button + ' ' + cls,
                                 on: {
                                     click: function () {
-                                        if (click.call(element, $module) === false) {
+                                        if (click.call(elementRef, $moduleRef) === false) {
                                             return;
                                         }
                                         module.hide();
                                     },
                                 },
                             }));
-                        });
+                        }
                     }
 
                     // avoids locking rendering if initialized in onReady
@@ -926,7 +928,7 @@
                     },
                     bodyMargin: function () {
                         initialBodyMargin = $context.css((isBody ? 'margin-' : 'padding-') + (module.can.leftBodyScrollbar() ? 'left' : 'right'));
-                        initialBodyMarginInt = parseInt(initialBodyMargin.replace(/[^\d.]/g, ''), 10);
+                        initialBodyMarginInt = Number.parseInt(initialBodyMargin.replace(/[^\d.]/g, ''), 10);
                         const bodyScrollbarWidth = isBody ? window.innerWidth - document.documentElement.clientWidth : $context[0].offsetWidth - $context[0].clientWidth;
                         tempBodyMargin = initialBodyMarginInt + bodyScrollbarWidth;
                     },
@@ -948,7 +950,7 @@
                         return module.cache.isFirefox;
                     },
                     iframe: function () {
-                        return !(self === top);
+                        return !(window.self === window.top);
                     },
                     mobile: function () {
                         const userAgent = navigator.userAgent;

package/src/definitions/modules/flyout.less

@@ -651,5 +651,4 @@ body.pushable > .pusher {
     }
 }
 
-// stylelint-disable no-invalid-position-at-import-rule
 @import (multiple, optional) "../../overrides.less";

package/src/definitions/modules/modal.js

@@ -119,7 +119,7 @@
                         } else {
                             $actions.empty();
                         }
-                        settings.actions.forEach(function (el) {
+                        for (const el of settings.actions) {
                             const icon = el[fields.icon]
                                 ? '<i ' + (el[fields.text] ? 'aria-hidden="true"' : '') + ' class="' + module.helpers.escape(el[fields.icon]) + ' icon"></i>'
                                 : '';
@@ -128,6 +128,8 @@
                             const click = el[fields.click] && isFunction(el[fields.click])
                                 ? el[fields.click]
                                 : function () {};
+                            const elementRef = element;
+                            const $moduleRef = $module;
                             $actions.append($('<button/>', {
                                 html: icon + text,
                                 'aria-label': (el[fields.text] || el[fields.icon] || '').replace(/<[^>]+(>|$)/g, ''),
@@ -135,14 +137,14 @@
                                 on: {
                                     click: function () {
                                         const button = $(this);
-                                        if (button.is(selector.approve) || button.is(selector.deny) || click.call(element, $module) === false) {
+                                        if (button.is(selector.approve) || button.is(selector.deny) || click.call(elementRef, $moduleRef) === false) {
                                             return;
                                         }
                                         module.hide();
                                     },
                                 },
                             }));
-                        });
+                        }
                     }
                     module.cache = {};
                     module.verbose('Initializing dimmer', $context);
@@ -778,7 +780,7 @@
                     },
                     bodyMargin: function () {
                         initialBodyMargin = $context.css((isBody ? 'margin-' : 'padding-') + (module.can.leftBodyScrollbar() ? 'left' : 'right'));
-                        initialBodyMarginInt = parseInt(initialBodyMargin.replace(/[^\d.]/g, ''), 10);
+                        initialBodyMarginInt = Number.parseInt(initialBodyMargin.replace(/[^\d.]/g, ''), 10);
                         const bodyScrollbarWidth = isBody ? window.innerWidth - document.documentElement.clientWidth : $context[0].offsetWidth - $context[0].clientWidth;
                         tempBodyMargin = initialBodyMarginInt + bodyScrollbarWidth;
                     },
@@ -956,7 +958,7 @@
                         return module.cache.isFirefox;
                     },
                     iframe: function () {
-                        return !(self === top);
+                        return !(window.self === window.top);
                     },
                 },
 

package/src/definitions/modules/modal.less

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

package/src/definitions/modules/nag.less

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

package/src/definitions/modules/popup.js

@@ -206,16 +206,14 @@
                         }
                     },
                     documentChanged: function (mutations) {
-                        Array.prototype.forEach.call(mutations, function (mutation) {
-                            if (mutation.removedNodes) {
-                                Array.prototype.forEach.call(mutation.removedNodes, function (node) {
-                                    if (node === element || $(node).find(element).length > 0) {
-                                        module.debug('Element removed from DOM, tearing down events');
-                                        module.destroy();
-                                    }
-                                });
+                        for (const mutation of mutations) {
+                            for (const node of mutation.removedNodes) {
+                                if (node === element || $(node).find(element).length > 0) {
+                                    module.debug('Element removed from DOM, tearing down events');
+                                    module.destroy();
+                                }
                             }
-                        });
+                        }
                     },
                     hideGracefully: function (event) {
                         const $target = $(event.target);
@@ -543,12 +541,12 @@
 
                         // add in margins if inline
                         calculations.target.margin.top = settings.inline
-                            ? parseInt(window.getComputedStyle(targetElement).getPropertyValue('margin-top'), 10)
+                            ? Number.parseInt(window.getComputedStyle(targetElement).getPropertyValue('margin-top'), 10)
                             : 0;
                         calculations.target.margin.left = settings.inline
                             ? (module.is.rtl()
-                                ? parseInt(window.getComputedStyle(targetElement).getPropertyValue('margin-right'), 10)
-                                : parseInt(window.getComputedStyle(targetElement).getPropertyValue('margin-left'), 10))
+                                ? Number.parseInt(window.getComputedStyle(targetElement).getPropertyValue('margin-right'), 10)
+                                : Number.parseInt(window.getComputedStyle(targetElement).getPropertyValue('margin-left'), 10))
                             : 0;
                         // calculate screen boundaries
                         const screen = calculations.screen;

package/src/definitions/modules/popup.less

@@ -237,18 +237,12 @@
                 /* Top Center (default) */
                 [data-tooltip]:not([data-position])::after,
                 [data-position="top center"][data-tooltip]::after {
-                    top: auto;
-                    right: auto;
-                    left: 50%;
-                    bottom: 100%;
+                    inset: auto auto 100% 50%;
                     margin-bottom: @tooltipDistanceAway;
                 }
                 [data-tooltip]:not([data-position])::before,
                 [data-position="top center"][data-tooltip]::before {
-                    top: auto;
-                    right: auto;
-                    bottom: 100%;
-                    left: 50%;
+                    inset: auto auto 100% 50%;
                     background: @tooltipArrowTopBackground;
                     margin-left: @tooltipArrowHorizontalOffset;
                     margin-bottom: -@tooltipArrowVerticalOffset;
@@ -257,17 +251,11 @@
             & when (@variationPopupLeft) {
                 /* Top Left */
                 [data-position="top left"][data-tooltip]::after {
-                    top: auto;
-                    right: auto;
-                    left: 0;
-                    bottom: 100%;
+                    inset: auto auto 100% 0;
                     margin-bottom: @tooltipDistanceAway;
                 }
                 [data-position="top left"][data-tooltip]::before {
-                    top: auto;
-                    right: auto;
-                    bottom: 100%;
-                    left: @arrowDistanceFromEdge;
+                    inset: auto auto 100% @arrowDistanceFromEdge;
                     margin-left: @tooltipArrowHorizontalOffset;
                     margin-bottom: -@tooltipArrowVerticalOffset;
                 }
@@ -275,17 +263,11 @@
             & when (@variationPopupRight) {
                 /* Top Right */
                 [data-position="top right"][data-tooltip]::after {
-                    top: auto;
-                    left: auto;
-                    right: 0;
-                    bottom: 100%;
+                    inset: auto 0 100% auto;
                     margin-bottom: @tooltipDistanceAway;
                 }
                 [data-position="top right"][data-tooltip]::before {
-                    top: auto;
-                    left: auto;
-                    bottom: 100%;
-                    right: @arrowDistanceFromEdge;
+                    inset: auto @arrowDistanceFromEdge 100% auto;
                     margin-left: @tooltipArrowHorizontalOffset;
                     margin-bottom: -@tooltipArrowVerticalOffset;
                 }
@@ -300,17 +282,11 @@
             & when (@variationPopupCenter) {
                 /* Bottom Center */
                 [data-position="bottom center"][data-tooltip]::after {
-                    bottom: auto;
-                    right: auto;
-                    left: 50%;
-                    top: 100%;
+                    inset: 100% auto auto 50%;
                     margin-top: @tooltipDistanceAway;
                 }
                 [data-position="bottom center"][data-tooltip]::before {
-                    bottom: auto;
-                    right: auto;
-                    top: 100%;
-                    left: 50%;
+                    inset: 100% auto auto 50%;
                     margin-left: @tooltipArrowHorizontalOffset;
                     margin-top: -@arrowOffset;
                 }
@@ -323,10 +299,7 @@
                     margin-top: @tooltipDistanceAway;
                 }
                 [data-position="bottom left"][data-tooltip]::before {
-                    bottom: auto;
-                    right: auto;
-                    top: 100%;
-                    left: @arrowDistanceFromEdge;
+                    inset: 100% auto auto @arrowDistanceFromEdge;
                     margin-left: @tooltipArrowHorizontalOffset;
                     margin-top: -@tooltipArrowVerticalOffset;
                 }
@@ -339,10 +312,7 @@
                     margin-top: @tooltipDistanceAway;
                 }
                 [data-position="bottom right"][data-tooltip]::before {
-                    bottom: auto;
-                    left: auto;
-                    top: 100%;
-                    right: @arrowDistanceFromEdge;
+                    inset: 100% @arrowDistanceFromEdge auto auto;
                     margin-left: @tooltipArrowVerticalOffset;
                     margin-top: -@tooltipArrowHorizontalOffset;
                 }
@@ -548,10 +518,7 @@
     /* --- Below --- */
     .ui.bottom.center.popup::before {
         margin-left: @arrowOffset;
-        top: @arrowOffset;
-        left: 50%;
-        right: auto;
-        bottom: auto;
+        inset: @arrowOffset auto auto 50%;
         box-shadow: @bottomArrowBoxShadow;
     }
 
@@ -561,10 +528,7 @@
 
     /* rtl:rename */
     .ui.bottom.left.popup::before {
-        top: @arrowOffset;
-        left: @arrowDistanceFromEdge;
-        right: auto;
-        bottom: auto;
+        inset: @arrowOffset auto auto @arrowDistanceFromEdge;
         margin-left: 0;
         box-shadow: @bottomArrowBoxShadow;
     }
@@ -575,10 +539,7 @@
 
     /* rtl:rename */
     .ui.bottom.right.popup::before {
-        top: @arrowOffset;
-        right: @arrowDistanceFromEdge;
-        bottom: auto;
-        left: auto;
+        inset: @arrowOffset @arrowDistanceFromEdge auto auto;
         margin-left: 0;
         box-shadow: @bottomArrowBoxShadow;
     }
@@ -588,10 +549,7 @@
     /* --- Above --- */
     & when (@variationPopupCenter) {
         .ui.top.center.popup::before {
-            top: auto;
-            right: auto;
-            bottom: @arrowOffset;
-            left: 50%;
+            inset: auto auto @arrowOffset 50%;
             margin-left: @arrowOffset;
         }
     }
@@ -602,10 +560,7 @@
 
         /* rtl:rename */
         .ui.top.left.popup::before {
-            bottom: @arrowOffset;
-            left: @arrowDistanceFromEdge;
-            top: auto;
-            right: auto;
+            inset: auto auto @arrowOffset @arrowDistanceFromEdge;
             margin-left: 0;
         }
     }
@@ -616,10 +571,7 @@
 
         /* rtl:rename */
         .ui.top.right.popup::before {
-            bottom: @arrowOffset;
-            right: @arrowDistanceFromEdge;
-            top: auto;
-            left: auto;
+            inset: auto @arrowDistanceFromEdge @arrowOffset auto;
             margin-left: 0;
         }
     }
@@ -631,10 +583,7 @@
     /* rtl:rename */
     & when (@variationPopupLeft) {
         .ui.left.center.popup::before {
-            top: 50%;
-            right: @arrowOffset;
-            bottom: auto;
-            left: auto;
+            inset: 50% @arrowOffset auto auto;
             margin-top: @arrowOffset;
             box-shadow: @leftArrowBoxShadow;
         }
@@ -644,10 +593,7 @@
 
         /* rtl:rename */
         .ui.right.center.popup::before {
-            top: 50%;
-            left: @arrowOffset;
-            bottom: auto;
-            right: auto;
+            inset: 50% auto auto @arrowOffset;
             margin-top: @arrowOffset;
             box-shadow: @rightArrowBoxShadow;
         }
@@ -932,5 +878,4 @@
     });
 }
 
-// stylelint-disable no-invalid-position-at-import-rule
 @import (multiple, optional) "../../overrides.less";

package/src/definitions/modules/progress.js

@@ -99,7 +99,7 @@
                     forceArray: function (element) {
                         return Array.isArray(element)
                             ? element
-                            : (!isNaN(element)
+                            : (!Number.isNaN(Number(element))
                                 ? [element]
                                 : (typeof element === 'string' ? element.split(',') : [])); // eslint-disable-line unicorn/no-nested-ternary
                     },
@@ -307,7 +307,7 @@
                         const $bar = $($bars[index]);
                         const barWidth = $bar.width();
                         const totalWidth = $module.width();
-                        const minDisplay = parseInt($bar.css('min-width'), 10);
+                        const minDisplay = Number.parseInt($bar.css('min-width'), 10);
                         const displayPercent = barWidth > minDisplay
                             ? (barWidth / totalWidth) * 100
                             : module.percent;
@@ -422,9 +422,9 @@
                                 });
                             }
 
-                            return parseFloat(value);
+                            return Number.parseFloat(value);
                         });
-                        values.forEach(function (_, index) {
+                        for (const [index, _] of values.entries()) {
                             const $bar = $($bars[index]);
                             $bar.css({
                                 borderTopLeftRadius: index === firstNonZeroIndex ? '' : '0',
@@ -432,7 +432,7 @@
                                 borderTopRightRadius: index === lastNonZeroIndex ? '' : '0',
                                 borderBottomRightRadius: index === lastNonZeroIndex ? '' : '0',
                             });
-                        });
+                        }
                         $module
                             .attr('data-percent', percents);
                     },

package/src/definitions/modules/progress.less

@@ -91,10 +91,7 @@
     position: @progressPosition;
     width: @progressWidth;
     font-size: @progressSize;
-    top: @progressTop;
-    right: @progressRight;
-    left: @progressLeft;
-    bottom: @progressBottom;
+    inset: @progressTop @progressRight @progressBottom @progressLeft;
     color: @progressColor;
     text-shadow: @progressTextShadow;
     margin-top: @progressOffset;
@@ -117,10 +114,7 @@
     position: absolute;
     width: @labelWidth;
     font-size: @labelSize;
-    top: @labelTop;
-    right: @labelRight;
-    left: @labelLeft;
-    bottom: @labelBottom;
+    inset: @labelTop @labelRight @labelBottom @labelLeft;
     color: @labelColor;
     font-weight: @labelFontWeight;
     text-shadow: @labelTextShadow;
@@ -352,10 +346,7 @@
         content: "";
         opacity: 0;
         position: absolute;
-        top: 0;
-        left: 0;
-        right: 0;
-        bottom: 0;
+        inset: 0;
         background: @activePulseColor;
         border-radius: @barBorderRadius;
         animation: progress-active @activePulseDuration @defaultEasing infinite;
@@ -668,5 +659,4 @@
     }
 }
 
-// stylelint-disable no-invalid-position-at-import-rule
 @import (multiple, optional) "../../overrides.less";

package/src/definitions/modules/rating.less

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

package/src/definitions/modules/search.less

@@ -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.less

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