quasar 2.13.0 → 2.14.0

package/dist/quasar.sass

@@ -1,8 +1,10 @@
-/*!
- * Quasar Framework v2.13.0
- * (c) 2015-present Razvan Stoenescu
- * Released under the MIT License.
- */
+/*!
+ * Quasar Framework v2.14.0
+ * (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.0
+ * Quasar Framework v2.14.0
  * (c) 2015-present Razvan Stoenescu
  * Released under the MIT License.
  */
@@ -1653,7 +1653,7 @@
   }
 
   var installQuasar = function (parentApp, opts = {}) {
-      const $q = { version: '2.13.0' };
+      const $q = { version: '2.14.0' };
 
       if (globalConfigIsFrozen === false) {
         if (opts.config !== void 0) {
@@ -14096,17 +14096,17 @@
 
       function updateViewModel (year, month, time) {
         if (minNav.value !== null && year <= minNav.value.year) {
-          year = minNav.value.year;
-          if (month < minNav.value.month) {
+          if (month < minNav.value.month || year < minNav.value.year) {
             month = minNav.value.month;
           }
+          year = minNav.value.year;
         }
 
         if (maxNav.value !== null && year >= maxNav.value.year) {
-          year = maxNav.value.year;
-          if (month > maxNav.value.month) {
+          if (month > maxNav.value.month || year > maxNav.value.year) {
             month = maxNav.value.month;
           }
+          year = maxNav.value.year;
         }
 
         if (time !== void 0) {
@@ -16743,7 +16743,7 @@
       }
 
       function onKeyup (e) {
-        if (isClickable.value === true && isKeyCode(e, 13) === true) {
+        if (isClickable.value === true && isKeyCode(e, [ 13, 32 ]) === true) {
           stopAndPrevent(e);
 
           // for ripple
@@ -18920,8 +18920,10 @@
     }
   }
 
-  function getTargetUid (val) {
-    return val === void 0 ? `f_${ uid$3() }` : val
+  function getTargetUid (val, requiredForAttr) {
+    return val === void 0
+      ? (requiredForAttr === true ? `f_${ uid$3() }` : void 0)
+      : val
   }
 
   function fieldValueIsFilled (val) {
@@ -18980,12 +18982,17 @@
 
   const useFieldEmits = [ 'update:modelValue', 'clear', 'focus', 'blur', 'popupShow', 'popupHide' ];
 
-  function useFieldState () {
+  function useFieldState ({ requiredForAttr = true, tagProp } = {}) {
     const { props, attrs, proxy, vnode } = vue.getCurrentInstance();
 
     const isDark = useDark(props, proxy.$q);
 
     return {
+      requiredForAttr,
+      tag: tagProp === true
+        ? vue.computed(() => props.tag)
+        : { value: 'label' },
+
       isDark,
 
       editable: vue.computed(() =>
@@ -18997,7 +19004,9 @@
       hasPopupOpen: false,
 
       splitAttrs: useSplitAttrs(attrs, vnode),
-      targetUid: vue.ref(getTargetUid(props.for)),
+      targetUid: vue.ref(
+        getTargetUid(props.for, requiredForAttr)
+      ),
 
       rootRef: vue.ref(null),
       targetRef: vue.ref(null),
@@ -19166,7 +19175,7 @@
     vue.watch(() => props.for, val => {
       // don't transform targetUid into a computed
       // prop as it will break SSR
-      state.targetUid.value = getTargetUid(val);
+      state.targetUid.value = getTargetUid(val, state.requiredForAttr);
     });
 
     function focusHandler () {
@@ -19451,8 +19460,12 @@
     });
 
     vue.onMounted(() => {
-      if (isRuntimeSsrPreHydration.value === true && props.for === void 0) {
-        state.targetUid.value = getTargetUid();
+      if (
+        isRuntimeSsrPreHydration.value === true
+        && state.requiredForAttr === true
+        && props.for === void 0
+      ) {
+        state.targetUid.value = `f_${ uid$3() }`; // getTargetUid(void 0, true)
       }
 
       props.autofocus === true && proxy.focus();
@@ -19474,7 +19487,7 @@
           }
         : attributes.value;
 
-      return vue.h('label', {
+      return vue.h(state.tag.value, {
         ref: state.rootRef,
         class: [
           classes.value,
@@ -19520,12 +19533,24 @@
 
     inheritAttrs: false,
 
-    props: useFieldProps,
+    props: {
+      ...useFieldProps,
+
+      tag: {
+        type: String,
+        default: 'label'
+      }
+    },
 
     emits: useFieldEmits,
 
     setup () {
-      return useField(useFieldState())
+      return useField(
+        useFieldState({
+          requiredForAttr: false,
+          tagProp: true
+        })
+      )
     }
   });
 
@@ -41000,7 +41025,7 @@
    */
 
   var index_umd = {
-    version: '2.13.0',
+    version: '2.14.0',
     install (app, opts) {
       installQuasar(app, {
         components,