quasar 2.5.3 → 2.5.4

package/dist/quasar.sass

@@ -1,5 +1,5 @@
 /*!
- * Quasar Framework v2.5.3
+ * Quasar Framework v2.5.4
  * (c) 2015-present Razvan Stoenescu
  * Released under the MIT License.
  */

package/dist/quasar.umd.js

@@ -1,5 +1,5 @@
 /*!
- * Quasar Framework v2.5.3
+ * Quasar Framework v2.5.4
  * (c) 2015-present Razvan Stoenescu
  * Released under the MIT License.
  */
@@ -1463,7 +1463,7 @@
   }
 
   var installQuasar = function (parentApp, opts = {}) {
-      const $q = { version: '2.5.3' };
+      const $q = { version: '2.5.4' };
 
       if (globalConfigIsFrozen === false) {
         if (opts.config !== void 0) {
@@ -2704,7 +2704,7 @@
       prevent(e);
 
       return proxy.$router[ props.replace === true ? 'replace' : 'push' ](props.to)
-        .catch(() => {})
+        .catch(err => err)
     }
 
     return {
@@ -9911,9 +9911,12 @@
                 $tabs.avoidRouteWatcher = false;
               }
               else {
-                res.then(() => {
+                res.then(err => {
                   $tabs.avoidRouteWatcher = false;
-                  $tabs.updateModel({ name: props.name, fromRoute: true });
+
+                  if (err === void 0) {
+                    $tabs.updateModel({ name: props.name, fromRoute: true });
+                  }
                 });
               }
             };
@@ -9970,12 +9973,12 @@
       props.alert !== false && content.push(
         props.alertIcon !== void 0
           ? vue.h(QIcon, {
-              class: 'q-tab__alert-icon',
-              color: props.alert !== true
-                ? props.alert
-                : void 0,
-              name: props.alertIcon
-            })
+            class: 'q-tab__alert-icon',
+            color: props.alert !== true
+              ? props.alert
+              : void 0,
+            name: props.alertIcon
+          })
           : vue.h('div', {
             class: 'q-tab__alert'
               + (props.alert !== true ? ` text-${ props.alert }` : '')
@@ -22907,7 +22910,7 @@
         ? unmaskValue(masked)
         : masked;
 
-      props.modelValue !== val && emitValue(val, true);
+      String(props.modelValue) !== val && emitValue(val, true);
     }
 
     function moveCursorForPaste (inp, start, end) {
@@ -23802,6 +23805,9 @@
         required: true
       },
 
+      innerMin: Number,
+      innerMax: Number,
+
       step: {
         type: Number,
         default: 1,
@@ -23826,27 +23832,33 @@
       const model = vue.ref(props.modelValue);
       const dragging = vue.ref(false);
 
-      let centerPosition, $el;
+      const innerMin = vue.computed(() => (
+        isNaN(props.innerMin) === true || props.innerMin < props.min
+          ? props.min
+          : props.innerMin
+      ));
+      const innerMax = vue.computed(() => (
+        isNaN(props.innerMax) === true || props.innerMax > props.max
+          ? props.max
+          : props.innerMax
+      ));
 
-      vue.watch(() => props.modelValue, val => {
-        if (val < props.min) {
-          model.value = props.min;
-        }
-        else if (val > props.max) {
-          model.value = props.max;
-        }
-        else {
-          if (val !== model.value) {
-            model.value = val;
-          }
-          return
-        }
+      let centerPosition;
 
-        if (model.value !== props.modelValue) {
-          emit('update:modelValue', model.value);
-          emit('change', model.value);
-        }
-      });
+      function normalizeModel () {
+        model.value = props.modelValue === null
+          ? innerMin.value
+          : between(props.modelValue, innerMin.value, innerMax.value);
+
+        updateValue(true);
+      }
+
+      vue.watch(
+        () => `${ props.modelValue }|${ innerMin.value }|${ innerMax.value }`,
+        normalizeModel
+      );
+
+      normalizeModel();
 
       const editable = vue.computed(() => props.disable === false && props.readonly === false);
 
@@ -23914,7 +23926,7 @@
       });
 
       function updateCenterPosition () {
-        const { top, left, width, height } = $el.getBoundingClientRect();
+        const { top, left, width, height } = proxy.$el.getBoundingClientRect();
         centerPosition = {
           top: top + height / 2,
           left: left + width / 2
@@ -23944,8 +23956,8 @@
 
         model.value = between(
           parseFloat((model.value + offset).toFixed(decimals.value)),
-          props.min,
-          props.max
+          innerMin.value,
+          innerMax.value
         );
 
         updateValue();
@@ -23988,7 +24000,7 @@
           newModel = parseFloat(newModel.toFixed(decimals.value));
         }
 
-        newModel = between(newModel, props.min, props.max);
+        newModel = between(newModel, innerMin.value, innerMax.value);
 
         emit('drag-value', newModel);
 
@@ -24016,16 +24028,12 @@
         return vue.h('input', formAttrs.value)
       }
 
-      vue.onMounted(() => {
-        $el = proxy.$el;
-      });
-
       return () => {
         const data = {
           class: classes.value,
           role: 'slider',
-          'aria-valuemin': props.min,
-          'aria-valuemax': props.max,
+          'aria-valuemin': innerMin.value,
+          'aria-valuemax': innerMax.value,
           'aria-valuenow': props.modelValue,
           ...attrs.value,
           ...circularProps.value,
@@ -24038,18 +24046,18 @@
           default: slots.default
         };
 
-        if (editable.value === true) {
-          if (props.name !== void 0) {
-            child.internal = getNameInput;
-          }
-
-          return vue.withDirectives(
-            vue.h(QCircularProgress, data, child),
-            directives.value
-          )
+        if (editable.value === true && props.name !== void 0) {
+          child.internal = getNameInput;
         }
 
-        return vue.h(QCircularProgress, data, child)
+        return hDir(
+          QCircularProgress,
+          data,
+          child,
+          'knob',
+          editable.value,
+          () => directives.value
+        )
       }
     }
   });
@@ -28451,7 +28459,7 @@
             itemProps[ 'aria-selected' ] = itemProps.active === true ? 'true' : 'false';
 
             if ($q.platform.is.desktop === true) {
-              itemProps.onMousemove = () => { setOptionIndex(index); };
+              itemProps.onMousemove = () => { menu.value === true && setOptionIndex(index); };
             }
           }
 
@@ -29499,6 +29507,7 @@
       Object.assign(proxy, {
         showPopup, hidePopup,
         removeAtIndex, add, toggleOption,
+        getOptionIndex: () => optionIndex.value,
         setOptionIndex, moveOptionSelection,
         filter, updateMenuPosition, updateInputValue,
         isOptionSelected,
@@ -39518,7 +39527,7 @@
   });
 
   var index_umd = {
-    version: '2.5.3',
+    version: '2.5.4',
     install (app, opts) {
       installQuasar(app, {
         components,