fomantic-ui 2.9.4-beta.1 → 2.9.4-beta.100

package/src/definitions/globals/site.js

@@ -292,7 +292,9 @@
                         });
                     }
                     clearTimeout(module.performance.timer);
-                    module.performance.timer = setTimeout(function () { module.performance.display(); }, 500);
+                    module.performance.timer = setTimeout(function () {
+                        module.performance.display();
+                    }, 500);
                 },
                 display: function () {
                     var

package/src/definitions/globals/site.less

@@ -148,18 +148,21 @@ a:hover {
     body ::-webkit-scrollbar-thumb:hover {
         background: @thumbHoverBackground;
     }
-    body .ui {
-        & when (@supportIE) {
+    & when (@supportIE) {
+        body .ui {
             /* IE11 */
             scrollbar-face-color: @thumbBackgroundHex;
             scrollbar-shadow-color: @thumbBackgroundHex;
             scrollbar-track-color: @trackBackgroundHex;
             scrollbar-arrow-color: @trackBackgroundHex;
         }
-
-        /* firefox: first color thumb, second track */
-        scrollbar-color: @thumbBackground @trackBackground;
-        scrollbar-width: thin;
+    }
+    @supports (-moz-appearance: none) {
+        body .ui {
+            /* firefox: first color thumb, second track */
+            scrollbar-color: @thumbBackground @trackBackground;
+            scrollbar-width: thin;
+        }
     }
 
     /* Inverted UI */
@@ -175,18 +178,20 @@ a:hover {
     body .ui.inverted:not(.dimmer)::-webkit-scrollbar-thumb:hover {
         background: @thumbInvertedHoverBackground;
     }
-
-    body .ui.inverted:not(.dimmer) {
-        & when (@supportIE) {
+    & when (@supportIE) {
+        body .ui.inverted:not(.dimmer) {
             /* IE11 */
             scrollbar-face-color: @thumbInvertedBackgroundHex;
             scrollbar-shadow-color: @thumbInvertedBackgroundHex;
             scrollbar-track-color: @trackInvertedBackgroundHex;
             scrollbar-arrow-color: @trackInvertedBackgroundHex;
         }
-
-        /* firefox: first color thumb, second track */
-        scrollbar-color: @thumbInvertedBackground @trackInvertedBackground;
+    }
+    @supports (-moz-appearance: none) {
+        body .ui.inverted:not(.dimmer) {
+            /* firefox: first color thumb, second track */
+            scrollbar-color: @thumbInvertedBackground @trackInvertedBackground;
+        }
     }
 }
 

package/src/definitions/modules/accordion.js

@@ -438,7 +438,9 @@
                             });
                         }
                         clearTimeout(module.performance.timer);
-                        module.performance.timer = setTimeout(function () { module.performance.display(); }, 500);
+                        module.performance.timer = setTimeout(function () {
+                            module.performance.display();
+                        }, 500);
                     },
                     display: function () {
                         var

package/src/definitions/modules/accordion.less

@@ -17,6 +17,8 @@
 
 @import (multiple) "../../theme.config";
 
+@notStyled: if(@variationAccordionStyled, e(":not(.styled)"));
+
 /*******************************
             Accordion
 *******************************/
@@ -44,12 +46,12 @@
 }
 
 /* Default Styling */
-.ui.accordion:not(.styled) .title ~ .content,
-.ui.accordion:not(.styled) .accordion .title ~ .content {
+.ui.accordion@{notStyled} .title ~ .content,
+.ui.accordion@{notStyled} .accordion .title ~ .content {
     margin: @contentMargin;
     padding: @contentPadding;
 }
-.ui.accordion:not(.styled) .title ~ .content:last-child {
+.ui.accordion@{notStyled} .title ~ .content:last-child {
     padding-bottom: 0;
 }
 
@@ -183,13 +185,13 @@
 
     /* Default Styling */
 
-    .ui.compact.accordion:not(.styled) > .title,
-    .ui.compact.accordion:not(.styled) .accordion > .title {
+    .ui.compact.accordion@{notStyled} > .title,
+    .ui.compact.accordion@{notStyled} .accordion > .title {
         padding: @titlePaddingCompact;
     }
 
-    .ui.compact.accordion:not(.styled) .title ~ .content,
-    .ui.compact.accordion:not(.styled) .accordion .title ~ .content {
+    .ui.compact.accordion@{notStyled} .title ~ .content,
+    .ui.compact.accordion@{notStyled} .accordion .title ~ .content {
         padding: @contentPaddingCompact;
     }
 
@@ -211,13 +213,13 @@
   --------------- */
 
 & when (@variationAccordionVeryCompact) {
-    .ui[class*="very compact"].accordion:not(.styled) > .title,
-    .ui[class*="very compact"].accordion:not(.styled) .accordion > .title {
+    .ui[class*="very compact"].accordion@{notStyled} > .title,
+    .ui[class*="very compact"].accordion@{notStyled} .accordion > .title {
         padding: @titlePaddingVeryCompact;
     }
 
-    .ui[class*="very compact"].accordion:not(.styled) .title ~ .content,
-    .ui[class*="very compact"].accordion:not(.styled) .accordion .title ~ .content {
+    .ui[class*="very compact"].accordion@{notStyled} .title ~ .content,
+    .ui[class*="very compact"].accordion@{notStyled} .accordion .title ~ .content {
         padding: @contentPaddingVeryCompact;
     }
 
@@ -351,8 +353,8 @@
 }
 
 & when (@variationAccordionTree) {
-    .ui.tree.accordion:not(.styled) .title ~ .content,
-    .ui.tree.accordion:not(.styled) .accordion .title ~ .content {
+    .ui.tree.accordion@{notStyled} .title ~ .content,
+    .ui.tree.accordion@{notStyled} .accordion .title ~ .content {
         padding: @treeContentPadding;
     }
     .ui.tree.accordion > .content,

package/src/definitions/modules/calendar.js

@@ -102,7 +102,17 @@
 
                 destroy: function () {
                     module.verbose('Destroying previous calendar for', element);
-                    $module.removeData(moduleNamespace);
+                    $module.removeData([
+                        metadata.date,
+                        metadata.focusDate,
+                        metadata.startDate,
+                        metadata.endDate,
+                        metadata.minDate,
+                        metadata.maxDate,
+                        metadata.mode,
+                        metadata.monthOffset,
+                        moduleNamespace,
+                    ]);
                     module.unbind.events();
                     module.disconnect.classObserver();
                 },
@@ -792,24 +802,32 @@
                     formattedDate: function (format, date) {
                         return module.helper.dateFormat(format || formatter[settings.type], date || module.get.date());
                     },
-                    date: function () {
-                        return module.helper.sanitiseDate($module.data(metadata.date)) || null;
+                    date: function (format) {
+                        return module.helper.dateObjectOrFormatted(format, $module.data(metadata.date));
                     },
                     inputDate: function () {
                         return $input.val();
                     },
-                    focusDate: function () {
-                        return $module.data(metadata.focusDate) || null;
+                    focusDate: function (format) {
+                        return module.helper.dateObjectOrFormatted(format, $module.data(metadata.focusDate));
                     },
-                    startDate: function () {
+                    startDate: function (format) {
                         var startModule = module.get.calendarModule(settings.startCalendar);
 
-                        return (startModule ? startModule.get.date() : $module.data(metadata.startDate)) || null;
+                        if (startModule) {
+                            return startModule.get.date(format);
+                        }
+
+                        return module.helper.dateObjectOrFormatted(format, $module.data(metadata.startDate));
                     },
-                    endDate: function () {
+                    endDate: function (format) {
                         var endModule = module.get.calendarModule(settings.endCalendar);
 
-                        return (endModule ? endModule.get.date() : $module.data(metadata.endDate)) || null;
+                        if (endModule) {
+                            return endModule.get.date(format);
+                        }
+
+                        return module.helper.dateObjectOrFormatted(format, $module.data(metadata.endDate));
                     },
                     minDate: function () {
                         return $module.data(metadata.minDate) || null;
@@ -1125,6 +1143,20 @@
                             return match.slice(1, -1);
                         });
                     },
+                    dateObjectOrFormatted: function (format, date) {
+                        format = format || '';
+                        date = module.helper.sanitiseDate(date) || null;
+
+                        if (!date) {
+                            return null;
+                        }
+
+                        if (format === '') {
+                            return date;
+                        }
+
+                        return module.helper.dateFormat(format, date);
+                    },
                     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;
@@ -1479,7 +1511,9 @@
                             });
                         }
                         clearTimeout(module.performance.timer);
-                        module.performance.timer = setTimeout(function () { module.performance.display(); }, 500);
+                        module.performance.timer = setTimeout(function () {
+                            module.performance.display();
+                        }, 500);
                     },
                     display: function () {
                         var
@@ -1687,7 +1721,8 @@
                 text = settings.monthFirst || !/^\d{1,2}[./-]/.test(text) ? text : text.replace(/[./-]/g, '/').replace(/(\d+)\/(\d+)/, '$2/$1');
                 var textDate = new Date(text);
                 var numberOnly = text.match(/^\d+$/) !== null;
-                if (!numberOnly && !isNaN(textDate.getDate())) {
+                var isShortYear = text.match(/^(?:\d{1,2}[./-]){2}\d{1,2}$/) !== null;
+                if (!isShortYear && !numberOnly && !isNaN(textDate.getDate())) {
                     return textDate;
                 }
                 text = text.toLowerCase();

package/src/definitions/modules/calendar.less

@@ -17,6 +17,8 @@
 
 @import (multiple) "../../theme.config";
 
+@notDisabled: if(@variationCalendarDisabled, e(":not(.disabled)"));
+
 /*******************************
             Popup
 *******************************/
@@ -150,8 +152,8 @@
     box-shadow: @rangeBoxShadow;
 }
 
-.ui.calendar:not(.disabled):focus .ui.table tbody tr td.focus,
-.ui.calendar:not(.disabled).popup.active .ui.table tbody tr td.focus {
+.ui.calendar@{notDisabled}:focus .ui.table tbody tr td.focus,
+.ui.calendar@{notDisabled}.popup.active .ui.table tbody tr td.focus {
     box-shadow: @focusBoxShadow;
 }
 
@@ -162,8 +164,8 @@
         box-shadow: @rangeInvertedBoxShadow;
     }
 
-    .ui.inverted.calendar:not(.disabled) .calendar:focus .ui.table.inverted tbody tr td.focus,
-    .ui.inverted.calendar:not(.disabled).popup.active .ui.table.inverted tbody tr td.focus {
+    .ui.inverted.calendar@{notDisabled} .calendar:focus .ui.table.inverted tbody tr td.focus,
+    .ui.inverted.calendar@{notDisabled}.popup.active .ui.table.inverted tbody tr td.focus {
         box-shadow: @focusInvertedBoxShadow;
     }
     .ui.inverted.calendar .ui.ui.ui.inverted.table tr .disabled {

package/src/definitions/modules/checkbox.js

@@ -210,7 +210,7 @@
                         ;
 
                         var
-                            r = module.get.radios(),
+                            r = module.get.radios().not(selector.disabled),
                             rIndex = r.index($module),
                             rLen = r.length,
                             checkIndex = false
@@ -228,7 +228,10 @@
 
                                 return false;
                             }
-                            if (settings.beforeChecked.apply($(r[checkIndex]).children(selector.input)[0]) === false) {
+                            var nextOption = $(r[checkIndex]),
+                                nextInput = nextOption.children(selector.input),
+                                disallowOption = nextOption.hasClass(className.readOnly) || nextInput.prop('readonly');
+                            if (disallowOption || settings.beforeChecked.apply(nextInput[0]) === false) {
                                 module.verbose('Next option should not allow check, cancelling key navigation');
 
                                 return false;
@@ -725,7 +728,9 @@
                             });
                         }
                         clearTimeout(module.performance.timer);
-                        module.performance.timer = setTimeout(function () { module.performance.display(); }, 500);
+                        module.performance.timer = setTimeout(function () {
+                            module.performance.display();
+                        }, 500);
                     },
                     display: function () {
                         var
@@ -873,6 +878,7 @@
 
         selector: {
             checkbox: '.ui.checkbox',
+            disabled: '.disabled, :has(input[disabled])',
             label: 'label',
             input: 'input[type="checkbox"], input[type="radio"]',
             link: 'a[href]',

package/src/definitions/modules/checkbox.less

@@ -17,6 +17,12 @@
 
 @import (multiple) "../../theme.config";
 
+@notToggle: if(@variationCheckboxToggle, e(":not(.toggle)"));
+@notSlider: if(@variationCheckboxSlider, e(":not(.slider)"));
+@notRadio: if(@variationCheckboxRadio, e(":not(.radio)"));
+@notInvisible: if(@variationCheckboxInvisible, e(":not(.invisible)"));
+@notCompact: if(@variationCheckboxCompact, e(":not(.compact)"));
+
 /*******************************
            Checkbox
 *******************************/
@@ -60,7 +66,7 @@
     font-size: @labelFontSize;
 }
 
-.ui.checkbox:not(.invisible) label {
+.ui.checkbox@{notInvisible} label {
     padding-left: @labelDistance;
 }
 
@@ -133,8 +139,8 @@
     background: @checkboxHoverBackground;
     border-color: @checkboxHoverBorderColor;
 }
-.ui.checkbox:not(.invisible) label:hover,
-.ui.checkbox:not(.invisible) + label:hover {
+.ui.checkbox@{notInvisible} label:hover,
+.ui.checkbox@{notInvisible} + label:hover {
     color: @labelHoverColor;
 }
 
@@ -149,7 +155,7 @@
 .ui.checkbox label:active::after {
     color: @checkboxPressedColor;
 }
-.ui.checkbox:not(.invisible) input:active ~ label {
+.ui.checkbox@{notInvisible} input:active ~ label {
     color: @labelPressedColor;
 }
 
@@ -164,7 +170,7 @@
 .ui.checkbox input:focus ~ label::after {
     color: @checkboxFocusCheckColor;
 }
-.ui.checkbox:not(.invisible) input:focus ~ label {
+.ui.checkbox@{notInvisible} input:focus ~ label {
     color: @labelFocusColor;
 }
 
@@ -726,7 +732,7 @@
         & when (@@raw > 1) {
             .ui.@{value}.form .checkbox,
             .ui.@{value}.checkbox {
-                &:not(.slider):not(.toggle):not(.radio) {
+                &@{notSlider}@{notToggle}@{notRadio} {
                     &
                     label::after,
                     label::before {

package/src/definitions/modules/dimmer.js

@@ -528,7 +528,9 @@
                             });
                         }
                         clearTimeout(module.performance.timer);
-                        module.performance.timer = setTimeout(function () { module.performance.display(); }, 500);
+                        module.performance.timer = setTimeout(function () {
+                            module.performance.display();
+                        }, 500);
                     },
                     display: function () {
                         var

package/src/definitions/modules/dimmer.less

@@ -17,6 +17,9 @@
 
 @import (multiple) "../../theme.config";
 
+@notInverted: if(@variationDimmerInverted, e(":not(.inverted)"));
+@notPage: if(@variationDimmerPage, e(":not(.page)"));
+
 /*******************************
             Dimmer
 *******************************/
@@ -56,35 +59,38 @@
 }
 
 /* Loose Coupling */
-.ui.segment > .ui.dimmer:not(.page) {
+.ui.segment > .ui.dimmer@{notPage} {
     border-radius: inherit;
 }
 
 /* Scrollbars */
 & when (@useCustomScrollbars) {
-    .ui.dimmer:not(.inverted)::-webkit-scrollbar-track {
+    .ui.dimmer@{notInverted}::-webkit-scrollbar-track {
         background: @trackInvertedBackground;
     }
-    .ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb {
+    .ui.dimmer@{notInverted}::-webkit-scrollbar-thumb {
         background: @thumbInvertedBackground;
     }
-    .ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:window-inactive {
+    .ui.dimmer@{notInverted}::-webkit-scrollbar-thumb:window-inactive {
         background: @thumbInvertedInactiveBackground;
     }
-    .ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:hover {
+    .ui.dimmer@{notInverted}::-webkit-scrollbar-thumb:hover {
         background: @thumbInvertedHoverBackground;
     }
-    .ui.dimmer:not(.inverted) {
-        & when (@supportIE) {
+    & when (@supportIE) {
+        .ui.dimmer@{notInverted} {
             /* IE11 */
             scrollbar-face-color: @thumbInvertedBackgroundHex;
             scrollbar-shadow-color: @thumbInvertedBackgroundHex;
             scrollbar-track-color: @trackInvertedBackgroundHex;
             scrollbar-arrow-color: @trackInvertedBackgroundHex;
         }
-
-        /* firefox: first color thumb, second track */
-        scrollbar-color: @thumbInvertedBackground @trackInvertedBackground;
+    }
+    @supports (-moz-appearance: none) {
+        .ui.dimmer@{notInverted} {
+            /* firefox: first color thumb, second track */
+            scrollbar-color: @thumbInvertedBackground @trackInvertedBackground;
+        }
     }
 }