quasar 2.13.1 → 2.14.1

package/dist/quasar.sass

@@ -1,8 +1,10 @@
-/*!
- * Quasar Framework v2.13.1
- * (c) 2015-present Razvan Stoenescu
- * Released under the MIT License.
- */
+/*!
+ * Quasar Framework v2.14.1
+ * (c) 2015-present Razvan Stoenescu
+ * Released under the MIT License.
+ */
+@use 'sass:math'
+
 @function str-replace($string, $search, $replace: '')
   $index: str-index($string, $search)
   @if $index
@@ -16,6 +18,7 @@
   @if $noProc
     @return str-fr($selector, $name, $i)
   @return join(str-fr($selector, '', $i), str-fr($selector, $name, $i), $separator: comma)
+
 $PI: 3.14159265359
 @function pow($number, $exp)
   $value: 1
@@ -33,22 +36,22 @@ $PI: 3.14159265359
       $value: $value * $i
   @return $value
 @function toFixed($number, $power)
-  @return round($number * $power) / $power
+  @return math.div(round($number * $power), $power)
 @function sin($angle)
   $sin: 0
   
-  $rad: $angle / 180 * $PI
+  $rad: math.div($angle, 180) * $PI
   
   @for $i from 0 through 25
-    $sin: $sin + pow(-1, $i) * pow($rad, (2 * $i + 1)) / fact(2 * $i + 1)
+    $sin: $sin + math.div(pow(-1, $i) * pow($rad, (2 * $i + 1)), fact(2 * $i + 1))
   @return $sin
 @function cos($angle)
   $cos: 0
   
-  $rad: $angle / 180 * $PI
+  $rad: math.div($angle, 180) * $PI
   
   @for $i from 0 through 25
-    $cos: $cos + pow(-1, $i) * pow($rad, 2 * $i) / fact(2 * $i)
+    $cos: $cos + math.div(pow(-1, $i) * pow($rad, 2 * $i), fact(2 * $i))
   @return $cos
 $space-base   : 16px !default
 $space-x-base : $space-base !default
@@ -6825,6 +6828,7 @@ body.body--dark
   z-index: $z-fullscreen
 .z-inherit
   z-index: inherit !important
+
 @mixin fg($name, $size)
   $noProcNotZero: $size > 0
   @media (min-width: $size)
@@ -6853,13 +6857,13 @@ body.body--dark
       .row
         #{str-fe('> .col<name>-<i>', $name, $noProcNotZero, $ic)}
           height: auto
-          width: toFixed(percentage($i / $flex-cols), 10000)
+          width: toFixed(percentage(math.div($i, $flex-cols)), 10000)
         @if $i != 0 or $name != ''
           #{str-fe('> .offset<name>-<i>', $name, $noProcNotZero, $ic)}
-            margin-left: toFixed(percentage($i / $flex-cols), 10000)
+            margin-left: toFixed(percentage(math.div($i, $flex-cols)), 10000)
       .column
         #{str-fe('> .col<name>-<i>', $name, $noProcNotZero, $ic)}
-          height: toFixed(percentage($i / $flex-cols), 10000)
+          height: toFixed(percentage(math.div($i, $flex-cols)), 10000)
           width: auto
       @if $size == 0 and $i == $flex-cols
         .row > .col-all

package/dist/quasar.umd.js

@@ -1,5 +1,5 @@
 /*!
- * Quasar Framework v2.13.1
+ * Quasar Framework v2.14.1
  * (c) 2015-present Razvan Stoenescu
  * Released under the MIT License.
  */
@@ -1653,7 +1653,7 @@
   }
 
   var installQuasar = function (parentApp, opts = {}) {
-      const $q = { version: '2.13.1' };
+      const $q = { version: '2.14.1' };
 
       if (globalConfigIsFrozen === false) {
         if (opts.config !== void 0) {
@@ -3850,7 +3850,7 @@
         props.icon !== void 0 && inner.push(
           vue.h(QIcon, {
             name: props.icon,
-            left: props.stack === false && hasLabel.value === true,
+            left: props.stack !== true && hasLabel.value === true,
             role: 'img',
             'aria-hidden': 'true'
           })
@@ -3866,7 +3866,7 @@
           inner.push(
             vue.h(QIcon, {
               name: props.iconRight,
-              right: props.stack === false && hasLabel.value === true,
+              right: props.stack !== true && hasLabel.value === true,
               role: 'img',
               'aria-hidden': 'true'
             })
@@ -8200,11 +8200,16 @@
 
       const normalized = vue.computed(() => between(props.value, props.min, props.max));
 
-      const strokeDashOffset = vue.computed(() => circumference * (
-        1 - (normalized.value - props.min) / (props.max - props.min)
-      ));
-
+      const range = vue.computed(() => props.max - props.min);
       const strokeWidth = vue.computed(() => props.thickness / 2 * viewBox.value);
+      const strokeDashOffset = vue.computed(() => {
+        const dashRatio = (props.max - normalized.value) / range.value;
+        const dashGap = props.rounded === true && normalized.value < props.max && dashRatio < 0.25
+          ? strokeWidth.value / 2 * (1 - dashRatio / 0.25)
+          : 0;
+
+        return circumference * dashRatio + dashGap
+      });
 
       function getCircle ({ thickness, offset, color, cls, rounded }) {
         return vue.h('circle', {
@@ -8941,7 +8946,7 @@
       let model = min + ratio * (max - min);
 
       if (step > 0) {
-        const modulo = (model - min) % step;
+        const modulo = (model - innerMin.value) % step;
         model += (Math.abs(modulo) >= step / 2 ? (modulo < 0 ? -1 : 1) * step : 0) - modulo;
       }
 
@@ -13926,10 +13931,22 @@
       });
 
       function setToday () {
-        const date = today.value;
-        const month = daysMap.value[ getMonthHash(date) ];
+        const { year, month, day } = today.value;
+
+        const date = {
+          // contains more props than needed (hour, minute, second, millisecond)
+          // but those aren't used in the processing of this "date" variable
+          ...viewModel.value,
 
-        if (month === void 0 || month.includes(date.day) === false) {
+          // overwriting with today's date
+          year,
+          month,
+          day
+        };
+
+        const monthMap = daysMap.value[ getMonthHash(date) ];
+
+        if (monthMap === void 0 || monthMap.includes(date.day) === false) {
           addToModel(date);
         }
 
@@ -27516,11 +27533,12 @@
 
         return props.options.slice(from, to).map((opt, i) => {
           const disable = isOptionDisabled.value(opt) === true;
+          const active = isOptionSelected(opt) === true;
           const index = from + i;
 
           const itemProps = {
             clickable: true,
-            active: false,
+            active,
             activeClass: computedOptionsSelectedClass.value,
             manualFocus: true,
             focused: false,
@@ -27529,16 +27547,14 @@
             dense: props.optionsDense,
             dark: isOptionsDark.value,
             role: 'option',
+            'aria-selected': active === true ? 'true' : 'false',
             id: `${ state.targetUid.value }_${ index }`,
             onClick: () => { toggleOption(opt); }
           };
 
           if (disable !== true) {
-            isOptionSelected(opt) === true && (itemProps.active = true);
             optionIndex.value === index && (itemProps.focused = true);
 
-            itemProps[ 'aria-selected' ] = itemProps.active === true ? 'true' : 'false';
-
             if ($q.platform.is.desktop === true) {
               itemProps.onMousemove = () => { menu.value === true && setOptionIndex(index); };
             }
@@ -41025,7 +41041,7 @@
    */
 
   var index_umd = {
-    version: '2.13.1',
+    version: '2.14.1',
     install (app, opts) {
       installQuasar(app, {
         components,