fomantic-ui 2.9.1-beta.20 → 2.9.1-beta.21

package/src/definitions/elements/label.less

@@ -25,17 +25,13 @@
     display: inline-block;
     line-height: 1;
     vertical-align: @verticalAlign;
-
     margin: @verticalMargin @horizontalMargin;
-
     background-color: @backgroundColor;
     background-image: @backgroundImage;
     padding: @verticalPadding @horizontalPadding;
     color: @color;
-
     text-transform: @textTransform;
     font-weight: @fontWeight;
-
     border: @border;
     border-radius: @borderRadius;
     transition: @transition;
@@ -195,7 +191,6 @@ a.ui.label {
         max-width: 9999px;
         vertical-align: baseline;
         text-transform: none;
-
         background: @imageLabelBackground;
         padding: @imageLabelPadding;
         border-radius: @imageLabelBorderRadius;
@@ -208,7 +203,6 @@ a.ui.label {
     .ui.image.label img {
         display: inline-block;
         vertical-align: top;
-
         height: @imageLabelImageHeight;
         margin: @imageLabelImageMargin;
         border-radius: @imageLabelImageBorderRadius;
@@ -244,7 +238,6 @@ a.ui.label {
         position: relative;
         padding-left: @tagHorizontalPadding;
         padding-right: @tagHorizontalPadding;
-
         border-radius: 0 @borderRadius @borderRadius 0;
         transition: @tagTransition;
     }
@@ -252,14 +245,11 @@ a.ui.label {
     .ui.tag.label::before {
         position: absolute;
         transform: translateY(-50%) translateX(50%) rotate(-45deg);
-
         top: @tagTriangleTopOffset;
         right: @tagTriangleRightOffset;
         content: '';
-
         background-color: inherit;
         background-image: @tagTriangleBackgroundImage;
-
         width: @tagTriangleSize;
         height: @tagTriangleSize;
         transition: @tagTransition;
@@ -271,12 +261,10 @@ a.ui.label {
         content: '';
         top: 50%;
         left: -(@tagCircleSize / 2);
-
         margin-top: -(@tagCircleSize / 2);
         background-color: @tagCircleColor;
         width: @tagCircleSize;
         height: @tagCircleSize;
-
         box-shadow: @tagCircleBoxShadow;
         border-radius: @circularRadius;
     }
@@ -307,9 +295,7 @@ a.ui.label {
         margin: 0;
         padding: 0;
         text-align: center;
-
         border-color: @backgroundColor;
-
         width: @cornerTriangleSize;
         height: @cornerTriangleSize;
         z-index: @cornerTriangleZIndex;
@@ -326,16 +312,13 @@ a.ui.label {
         right: 0;
         top: 0;
         z-index: -1;
-
         width: 0;
         height: 0;
         background-color: transparent;
-
         border-top: 0 solid transparent;
         border-right: @cornerTriangleSize solid transparent;
         border-bottom: @cornerTriangleSize solid transparent;
         border-left: 0 solid transparent;
-
         border-right-color: inherit;
         transition: @cornerTriangleTransition;
     }
@@ -361,7 +344,6 @@ a.ui.label {
         border-right: @cornerTriangleSize solid transparent;
         border-bottom: 0 solid transparent;
         border-left: 0 solid transparent;
-
         border-top-color: inherit;
     }
     .ui.left.corner.label .icon {
@@ -396,16 +378,13 @@ a.ui.label {
     .ui.ribbon.label::after {
         position: absolute;
         content: '';
-
         top: 100%;
         left: 0;
         background-color: transparent;
-
         border-style: solid;
         border-width: 0 @ribbonTriangleSize @ribbonTriangleSize 0;
         border-color: transparent;
         border-right-color: inherit;
-
         width: 0;
         height: 0;
     }
@@ -455,7 +434,6 @@ a.ui.label {
     .ui[class*="right ribbon"].label::after {
         left: auto;
         right: 0;
-
         border-style: solid;
         border-width: @ribbonTriangleSize @ribbonTriangleSize 0 0;
         border-color: transparent;
@@ -500,9 +478,7 @@ a.ui.label {
         margin: 0;
         top: 0;
         left: 0;
-
         padding: @attachedVerticalPadding @attachedHorizontalPadding;
-
         border-radius: @attachedCornerBorderRadius @attachedCornerBorderRadius 0 0;
     }
     .ui[class*="bottom attached"].label {
@@ -562,7 +538,6 @@ a.ui.label {
 a.ui.label:hover {
     background-color: @labelHoverBackgroundColor;
     border-color: @labelHoverBackgroundColor;
-
     background-image: @labelHoverBackgroundImage;
     color: @labelHoverTextColor;
 }
@@ -578,7 +553,6 @@ a.ui.label:hover::before {
 .ui.active.label {
     background-color: @labelActiveBackgroundColor;
     border-color: @labelActiveBackgroundColor;
-
     background-image: @labelActiveBackgroundImage;
     color: @labelActiveTextColor;
 }
@@ -596,7 +570,6 @@ a.ui.label:hover::before {
 a.ui.active.label:hover {
     background-color: @labelActiveHoverBackgroundColor;
     border-color: @labelActiveHoverBackgroundColor;
-
     background-image: @labelActiveHoverBackgroundImage;
     color: @labelActiveHoverTextColor;
 }
@@ -841,7 +814,6 @@ a.ui.active.label:hover::before {
 .ui.horizontal.labels .label,
 .ui.horizontal.label {
     margin: 0 @horizontalLabelMargin 0 0;
-
     padding: @horizontalLabelVerticalPadding @horizontalPadding;
     min-width: @horizontalLabelMinWidth;
     text-align: center;
@@ -856,9 +828,7 @@ a.ui.active.label:hover::before {
     .ui.circular.label {
         min-width: @circularMinSize;
         min-height: @circularMinSize;
-
         padding: @circularPadding !important;
-
         line-height: 1em;
         text-align: center;
         border-radius: @circularRadius;
@@ -901,7 +871,6 @@ a.ui.active.label:hover::before {
         content: '';
         transform: rotate(45deg);
         background-image: none;
-
         z-index: @pointingTriangleZIndex;
         width: @pointingTriangleSize;
         height: @pointingTriangleSize;

package/src/definitions/elements/list.less

@@ -56,7 +56,6 @@ ol.ui.list li,
     table-layout: fixed;
     list-style-type: @listStyleType;
     list-style-position: @listStylePosition;
-
     padding: @itemPadding;
     line-height: @itemLineHeight;
 }
@@ -276,10 +275,8 @@ ol.ui.list ol li,
     display: list-item;
     table-layout: fixed;
     background-color: transparent;
-
     list-style-type: @listStyleType;
     list-style-position: @listStylePosition;
-
     padding: @itemVerticalPadding @itemHorizontalPadding;
     line-height: @itemLineHeight;
 }
@@ -937,7 +934,6 @@ ol.ui.list ol li,
             margin: 0;
             padding-left: @horizontalCelledSpacing;
             padding-right: @horizontalCelledSpacing;
-
             line-height: @horizontalCelledLineHeight;
         }
         .ui.horizontal.celled.list .list > .item:last-child,

package/src/definitions/elements/loader.less

@@ -41,7 +41,6 @@
     left: 50%;
     width: 100%;
     height: 100%;
-
     border-radius: @circularRadius;
     border: @loaderLineWidth solid @loaderFillColor;
 }
@@ -54,11 +53,9 @@
     left: 50%;
     width: 100%;
     height: 100%;
-
     animation: loader @loaderSpeed infinite linear;
     border: @loaderLineWidth solid @shapeBorderColor;
     border-radius: @circularRadius;
-
     box-shadow: 0 0 0 1px transparent;
 }
 

package/src/definitions/elements/reveal.less

@@ -65,7 +65,6 @@
         width: 100%;
         white-space: normal;
         float: left;
-
         margin: 0;
         transition: @slideTransition;
     }
@@ -157,7 +156,6 @@
         display: block;
         float: left;
         white-space: normal;
-
         margin: 0;
         transition: @moveTransition;
     }

package/src/definitions/elements/segment.less

@@ -44,7 +44,6 @@
         margin: 0;
         padding-left: 0;
         padding-right: 0;
-
         background: none transparent;
         border-radius: 0;
         box-shadow: none;
@@ -259,10 +258,8 @@
         position: absolute;
         bottom: -(@stackedHeight / 2);
         left: 0;
-
         border-top: 1px solid @borderColor;
         background: @stackedPageBackground;
-
         width: 100%;
         height: @stackedHeight;
         visibility: visible;
@@ -540,15 +537,12 @@
         content: '';
         top: 50%;
         left: 50%;
-
         margin: @loaderMargin;
         width: @loaderSize;
         height: @loaderSize;
-
         animation: loader @loaderSpeed infinite linear;
         border: @loaderLineWidth solid @loaderLineColor;
         border-radius: @circularRadius;
-
         box-shadow: 0 0 0 1px transparent;
         visibility: visible;
         z-index: @loaderLineZIndex;

package/src/definitions/elements/step.less

@@ -63,7 +63,6 @@
     vertical-align: middle;
     align-items: center;
     justify-content: @justifyContent;
-
     margin: @verticalMargin @horizontalMargin;
     padding: @verticalPadding @horizontalPadding;
     background: @background;
@@ -86,11 +85,9 @@
     background-color: @arrowBackgroundColor;
     width: @arrowSize;
     height: @arrowSize;
-
     border-style: solid;
     border-color: @borderColor;
     border-width: @arrowBorderWidth;
-
     transition: @transition;
     transform: translateY(-50%) translateX(50%) rotate(-45deg);
 }

package/src/definitions/modules/calendar.js

@@ -255,7 +255,7 @@
                             today = new Date(),
                             date = module.get.date(),
                             focusDate = module.get.focusDate(),
-                            display = module.helper.dateInRange(focusDate || date || settings.initialDate || today)
+                            display = module.helper.dateInRange(focusDate || date || parser.date(settings.initialDate, settings) || today)
                         ;
 
                         if (!focusDate) {
@@ -885,7 +885,7 @@
                         var endDate = module.get.endDate();
                         if (!!endDate && !!date && date > endDate) {
                             // selected date is greater than end date in range, so clear end date
-                            module.set.endDate(undefined);
+                            module.set.endDate();
                         }
                         module.set.dataKeyValue(metadata.date, date);
 
@@ -1022,7 +1022,7 @@
                 },
 
                 clear: function () {
-                    module.set.date(undefined);
+                    module.set.date();
                 },
 
                 popup: function () {
@@ -1104,57 +1104,59 @@
                     },
                     isDisabled: function (date, mode) {
                         return (mode === 'day' || mode === 'month' || mode === 'year' || mode === 'hour') && (((mode === 'day' && settings.disabledDaysOfWeek.indexOf(date.getDay()) !== -1) || settings.disabledDates.some(function (d) {
+                            var blocked = false;
+
                             if (typeof d === 'string') {
                                 d = module.helper.sanitiseDate(d);
                             }
                             if (d instanceof Date) {
-                                return module.helper.dateEqual(date, d, mode);
-                            }
-                            if (d !== null && typeof d === 'object') {
+                                blocked = module.helper.dateEqual(date, d, mode);
+                            } else if (d !== null && typeof d === 'object') {
                                 if (d[metadata.year]) {
                                     if (typeof d[metadata.year] === 'number') {
-                                        return date.getFullYear() == d[metadata.year];
+                                        blocked = date.getFullYear() == d[metadata.year];
                                     } else if (Array.isArray(d[metadata.year])) {
-                                        return d[metadata.year].indexOf(date.getFullYear()) > -1;
+                                        blocked = d[metadata.year].indexOf(date.getFullYear()) > -1;
                                     }
                                 } else if (d[metadata.month]) {
                                     if (typeof d[metadata.month] === 'number') {
-                                        return date.getMonth() == d[metadata.month];
+                                        blocked = date.getMonth() == d[metadata.month];
                                     } else if (Array.isArray(d[metadata.month])) {
-                                        return d[metadata.month].indexOf(date.getMonth()) > -1;
+                                        blocked = d[metadata.month].indexOf(date.getMonth()) > -1;
                                     } else if (d[metadata.month] instanceof Date) {
                                         var sdate = module.helper.sanitiseDate(d[metadata.month]);
 
-                                        return (date.getMonth() == sdate.getMonth()) && (date.getFullYear() == sdate.getFullYear());
+                                        blocked = (date.getMonth() == sdate.getMonth()) && (date.getFullYear() == sdate.getFullYear());
                                     }
                                 } else if (d[metadata.date] && mode === 'day') {
                                     if (d[metadata.date] instanceof Date) {
-                                        return module.helper.dateEqual(date, module.helper.sanitiseDate(d[metadata.date]), mode);
+                                        blocked = module.helper.dateEqual(date, module.helper.sanitiseDate(d[metadata.date]), mode);
                                     } else if (Array.isArray(d[metadata.date])) {
-                                        return d[metadata.date].some(function (idate) {
+                                        blocked = d[metadata.date].some(function (idate) {
                                             return module.helper.dateEqual(date, idate, mode);
                                         });
                                     }
                                 }
                             }
+
+                            return blocked;
                         })) || (mode === 'hour' && settings.disabledHours.some(function (d) {
+                            var blocked = false;
+
                             if (typeof d === 'string') {
                                 d = module.helper.sanitiseDate(d);
                             }
                             if (d instanceof Date) {
-                                return module.helper.dateEqual(date, d, mode);
+                                blocked = module.helper.dateEqual(date, d, mode);
                             } else if (typeof d === 'number') {
-                                return date.getHours() === d;
-                            }
-                            if (d !== null && typeof d === 'object') {
-                                var blocked = true;
-
+                                blocked = date.getHours() === d;
+                            } else if (d !== null && typeof d === 'object') {
                                 if (d[metadata.date]) {
                                     if (d[metadata.date] instanceof Date) {
                                         blocked = module.helper.dateEqual(date, module.helper.sanitiseDate(d[metadata.date]));
                                     } else if (Array.isArray(d[metadata.date])) {
-                                        return d[metadata.date].some(function (idate) {
-                                            blocked = module.helper.dateEqual(date, idate, mode);
+                                        blocked = d[metadata.date].some(function (idate) {
+                                            return module.helper.dateEqual(date, idate, mode);
                                         });
                                     }
                                 }
@@ -1169,26 +1171,31 @@
 
                                 if (d[metadata.hours]) {
                                     if (typeof d[metadata.hours] === 'number') {
-                                        return blocked && date.getHours() == d[metadata.hours];
+                                        blocked = blocked && date.getHours() == d[metadata.hours];
                                     } else if (Array.isArray(d[metadata.hours])) {
-                                        return blocked && d[metadata.hours].indexOf(date.getHours()) > -1;
+                                        blocked = blocked && d[metadata.hours].indexOf(date.getHours()) > -1;
                                     }
                                 }
                             }
+
+                            return blocked;
                         })));
                     },
                     isEnabled: function (date, mode) {
                         if (mode === 'day') {
                             return settings.enabledDates.length === 0 || settings.enabledDates.some(function (d) {
+                                var enabled = false;
+
                                 if (typeof d === 'string') {
                                     d = module.helper.sanitiseDate(d);
                                 }
                                 if (d instanceof Date) {
-                                    return module.helper.dateEqual(date, d, mode);
-                                }
-                                if (d !== null && typeof d === 'object' && d[metadata.date]) {
-                                    return module.helper.dateEqual(date, module.helper.sanitiseDate(d[metadata.date]), mode);
+                                    enabled = module.helper.dateEqual(date, d, mode);
+                                } else if (d !== null && typeof d === 'object' && d[metadata.date]) {
+                                    enabled = module.helper.dateEqual(date, module.helper.sanitiseDate(d[metadata.date]), mode);
                                 }
+
+                                return enabled;
                             });
                         } else {
                             return true;
@@ -1721,7 +1728,7 @@
                         }
                         for (j = 0; j < settings.text.months.length; j++) {
                             monthString = settings.text.months[j];
-                            monthString = monthString.substring(0, word.length).toLowerCase();
+                            monthString = monthString.slice(0, word.length).toLowerCase();
                             if (monthString === word) {
                                 month = j + 1;
 

package/src/definitions/modules/checkbox.less

@@ -32,7 +32,6 @@
     outline: none;
     vertical-align: baseline;
     font-style: normal;
-
     min-height: @checkboxSize;
     font-size: @relativeMedium;
     line-height: @checkboxLineHeight;
@@ -66,14 +65,11 @@
     position: absolute;
     top: 0;
     left: 0;
-
     width: @checkboxSize;
     height: @checkboxSize;
     content: '';
-
     background: @checkboxBackground;
     border-radius: @checkboxBorderRadius;
-
     transition: @checkboxTransition;
     border: @checkboxBorder;
 }
@@ -90,7 +86,6 @@
     width: @checkboxCheckSize;
     height: @checkboxCheckSize;
     text-align: center;
-
     opacity: 0;
     color: @checkboxColor;
     transition: @checkboxTransition;
@@ -290,7 +285,6 @@
     .ui.radio.checkbox label::before {
         content: '';
         transform: none;
-
         width: @radioSize;
         height: @radioSize;
         border-radius: @circularRadius;
@@ -373,13 +367,10 @@
         border: none !important;
         left: 0;
         z-index: 1;
-
         top: @sliderLineVerticalOffset;
-
         background-color: @sliderLineColor;
         width: @sliderLineWidth;
         height: @sliderLineHeight;
-
         border-radius: @sliderLineRadius;
         transition: @sliderLineTransition;
     }
@@ -391,7 +382,6 @@
         content: '' !important;
         opacity: 1;
         z-index: 2;
-
         border: none;
         box-shadow: @handleBoxShadow;
         width: @sliderHandleSize;
@@ -399,7 +389,6 @@
         top: @sliderHandleOffset;
         left: 0;
         transform: none;
-
         border-radius: @circularRadius;
         transition: @sliderHandleTransition;
     }
@@ -487,9 +476,7 @@
         z-index: 1;
         transform: none;
         border: none;
-
         top: @toggleLaneVerticalOffset;
-
         background: @toggleLaneBackground;
         box-shadow: @toggleLaneBoxShadow;
         width: @toggleLaneWidth;
@@ -504,14 +491,12 @@
         content: '' !important;
         opacity: 1;
         z-index: 2;
-
         border: none;
         box-shadow: @handleBoxShadow;
         width: @toggleHandleSize;
         height: @toggleHandleSize;
         top: @toggleHandleOffset;
         left: 0;
-
         border-radius: @circularRadius;
         transition: @toggleHandleTransition;
     }

package/src/definitions/modules/dimmer.less

@@ -30,26 +30,20 @@
     position: @dimmerPosition;
     top: 0;
     left: 0;
-
     width: 100%;
     height: 100%;
-
     text-align: @textAlign;
     vertical-align: @verticalAlign;
     padding: @padding;
-
     background: @backgroundColor;
     opacity: @hiddenOpacity;
     line-height: @lineHeight;
-
     animation-fill-mode: both;
     animation-duration: @duration;
     transition: @transition;
-
     flex-direction: column;
     align-items: center;
     justify-content: center;
-
     user-select: none;
     will-change: opacity;
     z-index: @zIndex;

package/src/definitions/modules/dropdown.js

@@ -2391,7 +2391,7 @@
                         $nextSelectedItem
                             .addClass(className.selected)
                         ;
-                        if (settings.selectOnKeydown && module.is.single() && !$nextItem.hasClass(className.actionable)) {
+                        if (settings.selectOnKeydown && module.is.single() && !$nextSelectedItem.hasClass(className.actionable)) {
                             module.set.selectedItem($nextSelectedItem);
                         }
                         $menu

package/src/definitions/modules/dropdown.less

@@ -29,7 +29,6 @@
     text-align: left;
     transition: @transition;
     user-select: none;
-
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
 
@@ -48,15 +47,12 @@
     outline: none;
     top: 100%;
     min-width: max-content;
-
     margin: @menuMargin;
     padding: @menuPadding;
     background: @menuBackground;
-
     font-size: @relativeMedium;
     text-shadow: none;
     text-align: @menuTextAlign;
-
     box-shadow: @menuBoxShadow;
     border: @menuBorder;
     border-radius: @menuBorderRadius;
@@ -119,12 +115,10 @@
     height: @itemHeight;
     min-height: @itemMinHeight;
     text-align: @itemTextAlign;
-
     border-top: @itemDivider;
     line-height: @itemLineHeight;
     font-size: @itemFontSize;
     color: @itemColor;
-
     padding: @itemPadding;
     text-transform: @itemTextTransform;
     font-weight: @itemFontWeight;
@@ -395,10 +389,8 @@ select.ui.dropdown {
         white-space: normal;
         outline: 0;
         transform: rotateZ(0deg);
-
         min-width: @selectionMinWidth;
         min-height: @selectionMinHeight;
-
         background: @selectionBackground;
         display: @selectionDisplay;
         padding: @selectionPadding;
@@ -449,7 +441,6 @@ select.ui.dropdown {
         margin: 0 -@menuBorderWidth;
         min-width: @menuMinWidth;
         width: @menuMinWidth;
-
         border-radius: @selectionMenuBorderRadius;
         box-shadow: @selectionMenuBoxShadow;
         transition: @selectionMenuTransition;
@@ -1010,11 +1001,9 @@ select.ui.dropdown {
         content: '';
         top: 50%;
         left: 50%;
-
         margin: @loaderMargin;
         width: @loaderSize;
         height: @loaderSize;
-
         border-radius: @circularRadius;
         border: @loaderLineWidth solid @loaderFillColor;
     }
@@ -1024,11 +1013,9 @@ select.ui.dropdown {
         top: 50%;
         left: 50%;
         box-shadow: 0 0 0 1px transparent;
-
         margin: @loaderMargin;
         width: @loaderSize;
         height: @loaderSize;
-
         animation: loader @loaderSpeed infinite linear;
         border: @loaderLineWidth solid @loaderLineColor;
         border-radius: @circularRadius;
@@ -1430,6 +1417,7 @@ select.ui.dropdown {
             /* IE hack to make dropdown icons appear inline */
             display: -ms-inline-flexbox !important;
         }
+
         display: block;
         overflow: hidden;
         top: -9999px;
@@ -1566,7 +1554,6 @@ select.ui.dropdown {
         content: '';
         visibility: visible;
         transform: rotate(45deg);
-
         width: @pointingArrowSize;
         height: @pointingArrowSize;
         box-shadow: @pointingArrowBoxShadow;
@@ -1899,7 +1886,6 @@ select.ui.dropdown {
         .ui.inverted.multiple.dropdown > .label:hover {
             background-color: @invertedLabelHoverBackgroundColor;
             border-color: @invertedLabelHoverBackgroundColor;
-
             background-image: @invertedLabelHoverBackgroundImage;
             color: @invertedLabelHoverTextColor;
         }