quasar 2.12.7 → 2.13.1

package/dist/quasar.sass

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

package/dist/quasar.umd.js

@@ -1,5 +1,5 @@
 /*!
- * Quasar Framework v2.12.7
+ * Quasar Framework v2.13.1
  * (c) 2015-present Razvan Stoenescu
  * Released under the MIT License.
  */
@@ -1653,7 +1653,7 @@
   }
 
   var installQuasar = function (parentApp, opts = {}) {
-      const $q = { version: '2.12.7' };
+      const $q = { version: '2.13.1' };
 
       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
+        })
+      )
     }
   });
 
@@ -21616,7 +21641,12 @@
         ? unmaskValue(masked)
         : masked;
 
-      String(props.modelValue) !== val && emitValue(val, true);
+      if (
+        String(props.modelValue) !== val
+        && (props.modelValue !== null || val !== '')
+      ) {
+        emitValue(val, true);
+      }
     }
 
     function moveCursorForPaste (inp, start, end) {
@@ -26297,11 +26327,26 @@
         targetRef.value[ dirProps[ axis ].scroll ] = offset;
       }
 
+      let mouseEventTimer = null;
+
       function onMouseenter () {
-        hover.value = true;
+        if (mouseEventTimer !== null) {
+          clearTimeout(mouseEventTimer);
+        }
+
+        // setTimeout needed for iOS; see ticket #16210
+        mouseEventTimer = setTimeout(() => {
+          mouseEventTimer = null;
+          hover.value = true;
+        }, proxy.$q.platform.is.ios ? 50 : 0);
       }
 
       function onMouseleave () {
+        if (mouseEventTimer !== null) {
+          clearTimeout(mouseEventTimer);
+          mouseEventTimer = null;
+        }
+
         hover.value = false;
       }
 
@@ -27295,7 +27340,8 @@
       const dialogFieldFocused = vue.ref(false);
       const innerLoadingIndicator = vue.ref(false);
 
-      let inputTimer = null, innerValueCache,
+      let filterTimer = null, inputValueTimer = null,
+        innerValueCache,
         hasDialog, userInputValue, filterId = null, defaultInputValue,
         transitionShowComputed, searchBuffer, searchBufferExp;
 
@@ -27740,9 +27786,11 @@
             scrollTo(index);
 
             if (skipInputValue !== true && props.useInput === true && props.fillInput === true) {
-              setInputValue(index >= 0
-                ? getOptionLabel.value(props.options[ index ])
-                : defaultInputValue
+              setInputValue(
+                index >= 0
+                  ? getOptionLabel.value(props.options[ index ])
+                  : defaultInputValue,
+                true
               );
             }
           }
@@ -27803,9 +27851,13 @@
 
         e.target.value = '';
 
-        if (inputTimer !== null) {
-          clearTimeout(inputTimer);
-          inputTimer = null;
+        if (filterTimer !== null) {
+          clearTimeout(filterTimer);
+          filterTimer = null;
+        }
+        if (inputValueTimer !== null) {
+          clearTimeout(inputValueTimer);
+          inputValueTimer = null;
         }
 
         resetInputValue();
@@ -27896,6 +27948,10 @@
         // backspace
         if (
           e.keyCode === 8
+          && (
+            props.useChips === true
+            || props.clearable === true
+          )
           && props.hideSelected !== true
           && inputValue.value.length === 0
         ) {
@@ -27990,7 +28046,7 @@
               scrollTo(index);
 
               if (index >= 0 && props.useInput === true && props.fillInput === true) {
-                setInputValue(getOptionLabel.value(props.options[ index ]));
+                setInputValue(getOptionLabel.value(props.options[ index ]), true);
               }
             });
           }
@@ -28176,9 +28232,13 @@
       }
 
       function onInput (e) {
-        if (inputTimer !== null) {
-          clearTimeout(inputTimer);
-          inputTimer = null;
+        if (filterTimer !== null) {
+          clearTimeout(filterTimer);
+          filterTimer = null;
+        }
+        if (inputValueTimer !== null) {
+          clearTimeout(inputValueTimer);
+          inputValueTimer = null;
         }
 
         if (e && e.target && e.target.qComposing === true) {
@@ -28199,17 +28259,26 @@
         }
 
         if (props.onFilter !== void 0) {
-          inputTimer = setTimeout(() => {
-            inputTimer = null;
+          filterTimer = setTimeout(() => {
+            filterTimer = null;
             filter(inputValue.value);
           }, props.inputDebounce);
         }
       }
 
-      function setInputValue (val) {
+      function setInputValue (val, emitImmediately) {
         if (inputValue.value !== val) {
           inputValue.value = val;
-          emit('inputValue', val);
+
+          if (emitImmediately === true || props.inputDebounce === 0 || props.inputDebounce === '0') {
+            emit('inputValue', val);
+          }
+          else {
+            inputValueTimer = setTimeout(() => {
+              inputValueTimer = null;
+              emit('inputValue', val);
+            }, props.inputDebounce);
+          }
         }
       }
 
@@ -28217,7 +28286,7 @@
         userInputValue = internal !== true;
 
         if (props.useInput === true) {
-          setInputValue(val);
+          setInputValue(val, true);
 
           if (noFiltering === true || internal !== true) {
             defaultInputValue = val;
@@ -28570,7 +28639,8 @@
       updatePreState();
 
       vue.onBeforeUnmount(() => {
-        inputTimer !== null && clearTimeout(inputTimer);
+        filterTimer !== null && clearTimeout(filterTimer);
+        inputValueTimer !== null && clearTimeout(inputValueTimer);
       });
 
       // expose public methods
@@ -31894,6 +31964,9 @@
                 A = val(a),
                 B = val(b);
 
+              if (col.rawSort !== void 0) {
+                return col.rawSort(A, B, a, b) * dir
+              }
               if (A === null || A === void 0) {
                 return -1 * dir
               }
@@ -31901,6 +31974,8 @@
                 return 1 * dir
               }
               if (col.sort !== void 0) {
+                // gets called without rows that have null/undefined as value
+                // due to the above two statements
                 return col.sort(A, B, a, b) * dir
               }
               if (isNumber(A) === true && isNumber(B) === true) {
@@ -34255,23 +34330,36 @@
         }
       }
 
+      function goToViewWhenHasModel (newView) {
+        const model = props.modelValue;
+        if (
+          view.value !== newView
+          && model !== void 0
+          && model !== null
+          && model !== ''
+          && typeof model !== 'string'
+        ) {
+          view.value = newView;
+        }
+      }
+
       function verifyAndUpdate () {
         if (hourInSelection.value !== null && hourInSelection.value(innerModel.value.hour) !== true) {
           innerModel.value = __splitDate();
-          view.value = 'hour';
+          goToViewWhenHasModel('hour');
           return
         }
 
         if (minuteInSelection.value !== null && minuteInSelection.value(innerModel.value.minute) !== true) {
           innerModel.value.minute = null;
           innerModel.value.second = null;
-          view.value = 'minute';
+          goToViewWhenHasModel('minute');
           return
         }
 
         if (props.withSeconds === true && secondInSelection.value !== null && secondInSelection.value(innerModel.value.second) !== true) {
           innerModel.value.second = null;
-          view.value = 'second';
+          goToViewWhenHasModel('second');
           return
         }
 
@@ -35157,6 +35245,8 @@
               + (m.selected === true ? ' q-tree__node--selected' : '')
               + (m.disabled === true ? ' q-tree__node--disabled' : ''),
             tabindex: m.link === true ? 0 : -1,
+            ariaExpanded: children.length > 0 ? m.expanded : null,
+            role: 'treeitem',
             onClick: (e) => {
               onClick(node, m, e);
             },
@@ -35230,7 +35320,8 @@
                           body,
                           vue.h('div', {
                             class: 'q-tree__children'
-                              + (m.disabled === true ? ' q-tree__node--disabled' : '')
+                              + (m.disabled === true ? ' q-tree__node--disabled' : ''),
+                            role: 'group'
                           }, children)
                         ])
                         : null
@@ -35248,7 +35339,8 @@
                       body,
                       vue.h('div', {
                         class: 'q-tree__children'
-                          + (m.disabled === true ? ' q-tree__node--disabled' : '')
+                          + (m.disabled === true ? ' q-tree__node--disabled' : ''),
+                        role: 'group'
                       }, children)
                     ]),
                     [ [ vue.vShow, m.expanded ] ]
@@ -35342,7 +35434,8 @@
 
         return vue.h(
           'div', {
-            class: classes.value
+            class: classes.value,
+            role: 'tree'
           },
           children.length === 0
             ? (
@@ -40932,7 +41025,7 @@
    */
 
   var index_umd = {
-    version: '2.12.7',
+    version: '2.13.1',
     install (app, opts) {
       installQuasar(app, {
         components,