quasar 2.12.7 → 2.13.1

package/dist/quasar.esm.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.
  */
@@ -1651,7 +1651,7 @@ function prepareApp (app, uiOpts, pluginOpts) {
 }
 
 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) {
@@ -14094,17 +14094,17 @@ var QDate = createComponent({
 
     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) {
@@ -16741,7 +16741,7 @@ var QItem = createComponent({
     }
 
     function onKeyup (e) {
-      if (isClickable.value === true && isKeyCode(e, 13) === true) {
+      if (isClickable.value === true && isKeyCode(e, [ 13, 32 ]) === true) {
         stopAndPrevent(e);
 
         // for ripple
@@ -18918,8 +18918,10 @@ function useValidate (focused, innerLoading) {
   }
 }
 
-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) {
@@ -18978,12 +18980,17 @@ const useFieldProps = {
 
 const useFieldEmits = [ 'update:modelValue', 'clear', 'focus', 'blur', 'popupShow', 'popupHide' ];
 
-function useFieldState () {
+function useFieldState ({ requiredForAttr = true, tagProp } = {}) {
   const { props, attrs, proxy, vnode } = getCurrentInstance();
 
   const isDark = useDark(props, proxy.$q);
 
   return {
+    requiredForAttr,
+    tag: tagProp === true
+      ? computed(() => props.tag)
+      : { value: 'label' },
+
     isDark,
 
     editable: computed(() =>
@@ -18995,7 +19002,9 @@ function useFieldState () {
     hasPopupOpen: false,
 
     splitAttrs: useSplitAttrs(attrs, vnode),
-    targetUid: ref(getTargetUid(props.for)),
+    targetUid: ref(
+      getTargetUid(props.for, requiredForAttr)
+    ),
 
     rootRef: ref(null),
     targetRef: ref(null),
@@ -19164,7 +19173,7 @@ function useField (state) {
   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 () {
@@ -19449,8 +19458,12 @@ function useField (state) {
   });
 
   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();
@@ -19472,7 +19485,7 @@ function useField (state) {
         }
       : attributes.value;
 
-    return h('label', {
+    return h(state.tag.value, {
       ref: state.rootRef,
       class: [
         classes.value,
@@ -19518,12 +19531,24 @@ var QField = createComponent({
 
   inheritAttrs: false,
 
-  props: useFieldProps,
+  props: {
+    ...useFieldProps,
+
+    tag: {
+      type: String,
+      default: 'label'
+    }
+  },
 
   emits: useFieldEmits,
 
   setup () {
-    return useField(useFieldState())
+    return useField(
+      useFieldState({
+        requiredForAttr: false,
+        tagProp: true
+      })
+    )
   }
 });
 
@@ -21619,7 +21644,12 @@ function useMask (props, emit, emitValue, inputRef) {
       ? 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) {
@@ -26300,11 +26330,26 @@ var QScrollArea = createComponent({
       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;
     }
 
@@ -27298,7 +27343,8 @@ var QSelect = createComponent({
     const dialogFieldFocused = ref(false);
     const innerLoadingIndicator = ref(false);
 
-    let inputTimer = null, innerValueCache,
+    let filterTimer = null, inputValueTimer = null,
+      innerValueCache,
       hasDialog, userInputValue, filterId = null, defaultInputValue,
       transitionShowComputed, searchBuffer, searchBufferExp;
 
@@ -27743,9 +27789,11 @@ var QSelect = createComponent({
           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
             );
           }
         }
@@ -27806,9 +27854,13 @@ var QSelect = createComponent({
 
       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();
@@ -27899,6 +27951,10 @@ var QSelect = createComponent({
       // backspace
       if (
         e.keyCode === 8
+        && (
+          props.useChips === true
+          || props.clearable === true
+        )
         && props.hideSelected !== true
         && inputValue.value.length === 0
       ) {
@@ -27993,7 +28049,7 @@ var QSelect = createComponent({
             scrollTo(index);
 
             if (index >= 0 && props.useInput === true && props.fillInput === true) {
-              setInputValue(getOptionLabel.value(props.options[ index ]));
+              setInputValue(getOptionLabel.value(props.options[ index ]), true);
             }
           });
         }
@@ -28179,9 +28235,13 @@ var QSelect = createComponent({
     }
 
     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) {
@@ -28202,17 +28262,26 @@ var QSelect = createComponent({
       }
 
       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);
+        }
       }
     }
 
@@ -28220,7 +28289,7 @@ var QSelect = createComponent({
       userInputValue = internal !== true;
 
       if (props.useInput === true) {
-        setInputValue(val);
+        setInputValue(val, true);
 
         if (noFiltering === true || internal !== true) {
           defaultInputValue = val;
@@ -28573,7 +28642,8 @@ var QSelect = createComponent({
     updatePreState();
 
     onBeforeUnmount(() => {
-      inputTimer !== null && clearTimeout(inputTimer);
+      filterTimer !== null && clearTimeout(filterTimer);
+      inputValueTimer !== null && clearTimeout(inputValueTimer);
     });
 
     // expose public methods
@@ -31897,6 +31967,9 @@ function useTableSort (props, computedPagination, colList, setPagination) {
               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
             }
@@ -31904,6 +31977,8 @@ function useTableSort (props, computedPagination, colList, setPagination) {
               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) {
@@ -34258,23 +34333,36 @@ var QTime = createComponent({
       }
     }
 
+    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
       }
 
@@ -35160,6 +35248,8 @@ var QTree = createComponent({
             + (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);
           },
@@ -35233,7 +35323,8 @@ var QTree = createComponent({
                         body,
                         h('div', {
                           class: 'q-tree__children'
-                            + (m.disabled === true ? ' q-tree__node--disabled' : '')
+                            + (m.disabled === true ? ' q-tree__node--disabled' : ''),
+                          role: 'group'
                         }, children)
                       ])
                       : null
@@ -35251,7 +35342,8 @@ var QTree = createComponent({
                     body,
                     h('div', {
                       class: 'q-tree__children'
-                        + (m.disabled === true ? ' q-tree__node--disabled' : '')
+                        + (m.disabled === true ? ' q-tree__node--disabled' : ''),
+                      role: 'group'
                     }, children)
                   ]),
                   [ [ vShow, m.expanded ] ]
@@ -35345,7 +35437,8 @@ var QTree = createComponent({
 
       return h(
         'div', {
-          class: classes.value
+          class: classes.value,
+          role: 'tree'
         },
         children.length === 0
           ? (
@@ -40745,7 +40838,7 @@ function runSequentialPromises (
  */
 
 const Quasar = {
-  version: '2.12.7',
+  version: '2.13.1',
   install: installQuasar,
   lang: Plugin$8,
   iconSet: Plugin$7