quasar 2.5.5 → 2.6.0

package/dist/quasar.umd.js

@@ -1,5 +1,5 @@
 /*!
- * Quasar Framework v2.5.5
+ * Quasar Framework v2.6.0
  * (c) 2015-present Razvan Stoenescu
  * Released under the MIT License.
  */
@@ -502,9 +502,9 @@
 
     const fn = status === true
       ? el => {
-          el.__dragPrevented = true;
-          el.addEventListener('dragstart', prevent, listenOpts.notPassiveCapture);
-        }
+        el.__dragPrevented = true;
+        el.addEventListener('dragstart', prevent, listenOpts.notPassiveCapture);
+      }
       : el => {
         delete el.__dragPrevented;
         el.removeEventListener('dragstart', prevent, listenOpts.notPassiveCapture);
@@ -1523,8 +1523,10 @@
     return a !== a && b !== b // eslint-disable-line no-self-compare
   }
 
-  function isPlainObject (v) {
-    return Object.prototype.toString.call(v) === '[object Object]'
+  // not perfect, but what we ARE interested is for Arrays not to slip in
+  // as spread operator will mess things up in various areas
+  function isObject (v) {
+    return v !== null && typeof v === 'object' && Array.isArray(v) !== true
   }
 
   function isDate (v) {
@@ -1574,13 +1576,13 @@
     installPlugins(pluginOpts, autoInstalledPlugins);
 
     uiOpts.components !== void 0 && Object.values(uiOpts.components).forEach(c => {
-      if (isPlainObject(c) === true && c.name !== void 0) {
+      if (isObject(c) === true && c.name !== void 0) {
         app.component(c.name, c);
       }
     });
 
     uiOpts.directives !== void 0 && Object.values(uiOpts.directives).forEach(d => {
-      if (isPlainObject(d) === true && d.name !== void 0) {
+      if (isObject(d) === true && d.name !== void 0) {
         app.directive(d.name, d);
       }
     });
@@ -1601,7 +1603,7 @@
   }
 
   var installQuasar = function (parentApp, opts = {}) {
-      const $q = { version: '2.5.5' };
+      const $q = { version: '2.6.0' };
 
       if (globalConfigIsFrozen === false) {
         if (opts.config !== void 0) {
@@ -2064,6 +2066,7 @@
   const svgUseRE = /^svguse:/;
   const ionRE = /^ion-/;
   const faLaRE = /^[lf]a[srlbdk]? /;
+  const fa6RE = /^fa-(brand|regular|solid)/;
 
   var QIcon = createComponent({
     name: 'QIcon',
@@ -2157,7 +2160,7 @@
         if (matches !== null) {
           cls = libMap[ matches[ 1 ] ](icon);
         }
-        else if (faLaRE.test(icon) === true) {
+        else if (faLaRE.test(icon) === true || fa6RE.test(icon) === true) {
           cls = icon;
         }
         else if (ionRE.test(icon) === true) {
@@ -2788,8 +2791,8 @@
         // avoid comparing the child with its parent
         && currentMatched[ currentMatched.length - 1 ].path !== parentRecordPath
           ? currentMatched.findIndex(
-              isSameRouteRecord.bind(null, matched[ length - 2 ])
-            )
+            isSameRouteRecord.bind(null, matched[ length - 2 ])
+          )
           : index
       )
     });
@@ -3308,13 +3311,13 @@
 
       return props.padding !== void 0
         ? Object.assign({}, obj, {
-            padding: props.padding
-              .split(/\s+/)
-              .map(v => (v in padding ? padding[ v ] + 'px' : v))
-              .join(' '),
-            minWidth: '0',
-            minHeight: '0'
-          })
+          padding: props.padding
+            .split(/\s+/)
+            .map(v => (v in padding ? padding[ v ] + 'px' : v))
+            .join(' '),
+          minWidth: '0',
+          minHeight: '0'
+        })
         : obj
     });
 
@@ -3493,7 +3496,7 @@
             onClick,
             onKeydown,
             onMousedown,
-            onTouchstartPassive
+            onTouchstart
           }
         }
 
@@ -3562,12 +3565,12 @@
         // is it already destroyed?
         if (rootRef.value === null) { return }
 
-        if (isKeyCode(e, [ 13, 32 ]) === true) {
-          stopAndPrevent(e);
+        emit('keydown', e);
 
-          if (keyboardTarget !== rootRef.value) {
-            keyboardTarget !== null && cleanup();
+        if (isKeyCode(e, [ 13, 32 ]) === true && keyboardTarget !== rootRef.value) {
+          keyboardTarget !== null && cleanup();
 
+          if (e.defaultPrevented !== true) {
             // focus external button if the focus helper was focused before
             rootRef.value.focus();
 
@@ -3576,15 +3579,19 @@
             document.addEventListener('keyup', onPressEnd, true);
             rootRef.value.addEventListener('blur', onPressEnd, passiveCapture);
           }
-        }
 
-        emit('keydown', e);
+          stopAndPrevent(e);
+        }
       }
 
-      function onTouchstartPassive (e) {
+      function onTouchstart (e) {
         // is it already destroyed?
         if (rootRef.value === null) { return }
 
+        emit('touchstart', e);
+
+        if (e.defaultPrevented === true) { return }
+
         if (touchTarget !== rootRef.value) {
           touchTarget !== null && cleanup();
           touchTarget = rootRef.value;
@@ -3601,23 +3608,21 @@
         mouseTimer = setTimeout(() => {
           avoidMouseRipple = false;
         }, 200);
-
-        emit('touchstart', e);
       }
 
       function onMousedown (e) {
         // is it already destroyed?
         if (rootRef.value === null) { return }
 
-        if (mouseTarget !== rootRef.value) {
+        e.qSkipRipple = avoidMouseRipple === true;
+        emit('mousedown', e);
+
+        if (e.defaultPrevented !== true && mouseTarget !== rootRef.value) {
           mouseTarget !== null && cleanup();
           mouseTarget = rootRef.value;
           rootRef.value.classList.add('q-btn--active');
           document.addEventListener('mouseup', onPressEnd, passiveCapture);
         }
-
-        e.qSkipRipple = avoidMouseRipple === true;
-        emit('mousedown', e);
       }
 
       function onPressEnd (e) {
@@ -5453,19 +5458,19 @@
           () => (
             showing.value === true
               ? vue.h('div', {
-                  ...attrs,
-                  ref: innerRef,
-                  tabindex: -1,
-                  class: [
-                    'q-menu q-position-engine scroll' + menuClass.value,
-                    attrs.class
-                  ],
-                  style: [
-                    attrs.style,
-                    transitionStyle.value
-                  ],
-                  ...onEvents.value
-                }, hSlot(slots.default))
+                ...attrs,
+                ref: innerRef,
+                tabindex: -1,
+                class: [
+                  'q-menu q-position-engine scroll' + menuClass.value,
+                  attrs.class
+                ],
+                style: [
+                  attrs.style,
+                  transitionStyle.value
+                ],
+                ...onEvents.value
+              }, hSlot(slots.default))
               : null
           )
         )
@@ -8575,7 +8580,7 @@
       if (typeof def === 'function') {
         return markerTicks.value.map(value => {
           const item = def(value);
-          return isPlainObject(item) === true ? { ...item, value } : { value, label: item }
+          return isObject(item) === true ? { ...item, value } : { value, label: item }
         })
       }
 
@@ -8583,14 +8588,14 @@
 
       if (Array.isArray(def) === true) {
         return def
-          .map(item => (isPlainObject(item) === true ? item : { value: item }))
+          .map(item => (isObject(item) === true ? item : { value: item }))
           .filter(filterFn)
       }
 
       return Object.keys(def).map(key => {
         const item = def[ key ];
         const value = Number(key);
-        return isPlainObject(item) === true ? { ...item, value } : { value, label: item }
+        return isObject(item) === true ? { ...item, value } : { value, label: item }
       }).filter(filterFn)
     }
 
@@ -9622,11 +9627,11 @@
         let wasItActive = wasActive === true
           ? emptyFn
           : tab => {
-              if (model === tab.name.value) {
-                wasActive = true;
-                wasItActive = emptyFn;
-              }
-            };
+            if (model === tab.name.value) {
+              wasActive = true;
+              wasItActive = emptyFn;
+            }
+          };
 
         const tabList = getRouteList();
 
@@ -12783,7 +12788,7 @@
       const rangeModel = vue.computed(() => {
         const fn = date => decodeString(date, innerMask.value, innerLocale.value);
         return normalizedModel.value
-          .filter(date => isPlainObject(date) === true && date.from !== void 0 && date.to !== void 0)
+          .filter(date => isObject(date) === true && date.from !== void 0 && date.to !== void 0)
           .map(range => ({ from: fn(range.from), to: fn(range.to) }))
           .filter(range => range.from.dateHash !== null && range.to.dateHash !== null && range.from.dateHash < range.to.dateHash)
       });
@@ -14683,11 +14688,11 @@
           }, () => (
             useBackdrop.value === true
               ? vue.h('div', {
-                  class: 'q-dialog__backdrop fixed-full',
-                  style: transitionStyle.value,
-                  'aria-hidden': 'true',
-                  onMousedown: onBackdropClick
-                })
+                class: 'q-dialog__backdrop fixed-full',
+                style: transitionStyle.value,
+                'aria-hidden': 'true',
+                onMousedown: onBackdropClick
+              })
               : null
           )),
 
@@ -14697,12 +14702,12 @@
             () => (
               showing.value === true
                 ? vue.h('div', {
-                    ref: innerRef,
-                    class: classes.value,
-                    style: transitionStyle.value,
-                    tabindex: -1,
-                    ...onEvents.value
-                  }, hSlot(slots.default))
+                  ref: innerRef,
+                  class: classes.value,
+                  style: transitionStyle.value,
+                  tabindex: -1,
+                  ...onEvents.value
+                }, hSlot(slots.default))
                 : null
             )
           )
@@ -16023,18 +16028,18 @@
       function getTooltipContent () {
         return showing.value === true
           ? vue.h('div', {
-              ...attrs,
-              ref: innerRef,
-              class: [
-                'q-tooltip q-tooltip--style q-position-engine no-pointer-events',
-                attrs.class
-              ],
-              style: [
-                attrs.style,
-                transitionStyle.value
-              ],
-              role: 'complementary'
-            }, hSlot(slots.default))
+            ...attrs,
+            ref: innerRef,
+            class: [
+              'q-tooltip q-tooltip--style q-position-engine no-pointer-events',
+              attrs.class
+            ],
+            style: [
+              attrs.style,
+              transitionStyle.value
+            ],
+            role: 'complementary'
+          }, hSlot(slots.default))
           : null
       }
 
@@ -16249,8 +16254,8 @@
     if (btn.tip && eVm.$q.platform.is.desktop) {
       const Key = btn.key
         ? vue.h('div', [
-            vue.h('small', `(CTRL + ${ String.fromCharCode(btn.key) })`)
-          ])
+          vue.h('small', `(CTRL + ${ String.fromCharCode(btn.key) })`)
+        ])
         : null;
       child.push(
         vue.h(QTooltip, { delay: 1000 }, () => [
@@ -16569,13 +16574,13 @@
             continue
           }
 
-          if (deep && copy && (isPlainObject(copy) === true || (copyIsArray = Array.isArray(copy) === true))) {
+          if (deep && copy && (isObject(copy) === true || (copyIsArray = Array.isArray(copy) === true))) {
             if (copyIsArray) {
               copyIsArray = false;
               clone = src && Array.isArray(src) === true ? src : [];
             }
             else {
-              clone = src && isPlainObject(src) === true ? src : {};
+              clone = src && isObject(src) === true ? src : {};
             }
 
             target[ name ] = extend(deep, clone, copy);
@@ -16757,17 +16762,17 @@
         const userDef = props.definitions || {};
         const def = props.definitions || props.fonts
           ? extend(
-              true,
-              {},
-              buttonDef.value,
-              userDef,
-              getFonts(
-                defaultFont,
-                $q.lang.editor.defaultFont,
-                $q.iconSet.editor.font,
-                props.fonts
-              )
+            true,
+            {},
+            buttonDef.value,
+            userDef,
+            getFonts(
+              defaultFont,
+              $q.lang.editor.defaultFont,
+              $q.iconSet.editor.font,
+              props.fonts
             )
+          )
           : buttonDef.value;
 
         return props.toolbar.map(
@@ -18440,18 +18445,20 @@
   }) {
     const { props, emit, proxy } = vue.getCurrentInstance();
 
+    const dndRef = vue.ref(null);
+
     const extensions = vue.computed(() => (
       props.accept !== void 0
         ? props.accept.split(',').map(ext => {
-            ext = ext.trim();
-            if (ext === '*') { // support "*"
-              return '*/'
-            }
-            else if (ext.endsWith('/*')) { // support "image/*" or "*/*"
-              ext = ext.slice(0, ext.length - 1);
-            }
-            return ext.toUpperCase()
-          })
+          ext = ext.trim();
+          if (ext === '*') { // support "*"
+            return '*/'
+          }
+          else if (ext.endsWith('/*')) { // support "image/*" or "*/*"
+            ext = ext.slice(0, ext.length - 1);
+          }
+          return ext.toUpperCase()
+        })
         : null
     ));
 
@@ -18516,7 +18523,7 @@
       // Cordova/iOS allows selecting multiple files even when the
       // multiple attribute is not specified. We also normalize drag'n'dropped
       // files here:
-      if (props.multiple !== true) {
+      if (props.multiple !== true && files.length > 0) {
         files = [ files[ 0 ] ];
       }
 
@@ -18581,7 +18588,7 @@
 
     function onDragleave (e) {
       stopAndPrevent(e);
-      dnd.value = false;
+      e.relatedTarget !== dndRef.value && (dnd.value = false);
     }
 
     function onDrop (e) {
@@ -18598,6 +18605,7 @@
     function getDndNode (type) {
       if (dnd.value === true) {
         return vue.h('div', {
+          ref: dndRef,
           class: `q-${ type }__dnd absolute-full`,
           onDragenter: stopAndPreventDrag,
           onDragover: stopAndPreventDrag,
@@ -18717,6 +18725,7 @@
       pickFiles,
       addFiles,
       onDragover,
+      onDragleave,
       processFiles,
       getDndNode,
       maxFilesNumber,
@@ -18996,10 +19005,10 @@
         }, [
           file.__status === 'failed'
             ? vue.h(QIcon, {
-                class: 'q-uploader__file-status',
-                name: $q.iconSet.type.negative,
-                color: 'negative'
-              })
+              class: 'q-uploader__file-status',
+              name: $q.iconSet.type.negative,
+              color: 'negative'
+            })
             : null,
 
           vue.h('div', { class: 'q-uploader__file-header-content col' }, [
@@ -19013,11 +19022,11 @@
 
           file.__status === 'uploading'
             ? vue.h(QCircularProgress, {
-                value: file.__progress,
-                min: 0,
-                max: 1,
-                indeterminate: file.__progress === 0
-              })
+              value: file.__progress,
+              min: 0,
+              max: 1,
+              indeterminate: file.__progress === 0
+            })
             : vue.h(QBtn, {
               round: true,
               dense: true,
@@ -19086,7 +19095,7 @@
       const data = { ref: rootRef, class: classes.value };
 
       if (canAddFiles.value === true) {
-        data.onDragover = onDragover;
+        Object.assign(data, { onDragover, onDragleave });
       }
 
       return vue.h('div', data, children)
@@ -19115,7 +19124,7 @@
       ...props
     },
 
-    emits: isPlainObject(emits) === true
+    emits: isObject(emits) === true
       ? { ...coreEmitsObject, ...emits }
       : [ ...coreEmits, ...emits ],
 
@@ -19669,7 +19678,7 @@
         if (typeof options.style === 'string') {
           elTo.style.cssText += ' ' + options.style;
         }
-        else if (isPlainObject(options.style) === true) {
+        else if (isObject(options.style) === true) {
           for (const prop in options.style) {
             elTo.style[ prop ] = options.style[ prop ];
           }
@@ -20864,14 +20873,6 @@
         }, getControlContainer())
       );
 
-      slots.append !== void 0 && node.push(
-        vue.h('div', {
-          class: 'q-field__append q-field__marginal row no-wrap items-center',
-          key: 'append',
-          onClick: prevent
-        }, slots.append())
-      );
-
       hasError.value === true && props.noErrorIcon === false && node.push(
         getInnerAppendNode('error', [
           vue.h(QIcon, { name: $q.iconSet.field.error, color: 'negative' })
@@ -20905,6 +20906,14 @@
         );
       }
 
+      slots.append !== void 0 && node.push(
+        vue.h('div', {
+          class: 'q-field__append q-field__marginal row no-wrap items-center',
+          key: 'append',
+          onClick: prevent
+        }, slots.append())
+      );
+
       state.getInnerAppend !== void 0 && node.push(
         getInnerAppendNode('inner-append', state.getInnerAppend())
       );
@@ -21009,8 +21018,8 @@
 
         hasCounter === true
           ? vue.h('div', {
-              class: 'q-field__counter'
-            }, slots.counter !== void 0 ? slots.counter() : state.computedCounter.value)
+            class: 'q-field__counter'
+          }, slots.counter !== void 0 ? slots.counter() : state.computedCounter.value)
           : null
       ])
     }
@@ -21050,6 +21059,14 @@
     });
 
     return function renderField () {
+      const labelAttrs = state.getControl === void 0 && slots.control === void 0
+        ? {
+            ...state.splitAttrs.attributes.value,
+            'data-autofocus': props.autofocus,
+            ...attributes.value
+          }
+        : attributes.value;
+
       return vue.h('label', {
         ref: state.rootRef,
         class: [
@@ -21057,13 +21074,13 @@
           attrs.class
         ],
         style: attrs.style,
-        ...attributes.value
+        ...labelAttrs
       }, [
         slots.before !== void 0
           ? vue.h('div', {
-              class: 'q-field__before q-field__marginal row no-wrap items-center',
-              onClick: prevent
-            }, slots.before())
+            class: 'q-field__before q-field__marginal row no-wrap items-center',
+            onClick: prevent
+          }, slots.before())
           : null,
 
         vue.h('div', {
@@ -21083,9 +21100,9 @@
 
         slots.after !== void 0
           ? vue.h('div', {
-              class: 'q-field__after q-field__marginal row no-wrap items-center',
-              onClick: prevent
-            }, slots.after())
+            class: 'q-field__after q-field__marginal row no-wrap items-center',
+            onClick: prevent
+          }, slots.after())
           : null
       ])
     }
@@ -21139,12 +21156,12 @@
 
     return typeGuard === true
       ? vue.computed(() => {
-          if (props.type !== 'file') {
-            return
-          }
+        if (props.type !== 'file') {
+          return
+        }
 
-          return getFormDomProps()
-        })
+        return getFormDomProps()
+      })
       : vue.computed(getFormDomProps)
   }
 
@@ -21193,6 +21210,7 @@
       const {
         pickFiles,
         onDragover,
+        onDragleave,
         processFiles,
         getDndNode
       } = useFile({ editable: state.editable, dnd, getFileInput, addFilesToQueue });
@@ -21398,7 +21416,7 @@
           };
 
           if (state.editable.value === true) {
-            Object.assign(data, { onDragover, onKeydown, onKeyup });
+            Object.assign(data, { onDragover, onDragleave, onKeydown, onKeyup });
           }
 
           return vue.h('div', data, [ getInput() ].concat(getSelection()))
@@ -22411,7 +22429,9 @@
           isWorking.value = false;
           isFetching.value = false;
           localScrollTarget.removeEventListener('scroll', poll, passive$3);
-          poll !== void 0 && poll.cancel();
+          if (poll !== void 0 && poll.cancel !== void 0) {
+            poll.cancel();
+          }
         }
       }
 
@@ -22556,7 +22576,7 @@
 
       const labelClass = vue.computed(() =>
         'q-inner-loading__label'
-        + (props.labelClass !== void 0 ? ` ${ props.labelClass}` : '')
+        + (props.labelClass !== void 0 ? ` ${ props.labelClass }` : '')
       );
 
       function getInner () {
@@ -22582,12 +22602,12 @@
       function getContent () {
         return props.showing === true
           ? vue.h(
-              'div',
-              { class: classes.value, style: transitionStyle.value },
-              slots.default !== void 0
-                ? slots.default()
-                : getInner()
-            )
+            'div',
+            { class: classes.value, style: transitionStyle.value },
+            slots.default !== void 0
+              ? slots.default()
+              : getInner()
+          )
           : null
       }
 
@@ -23293,7 +23313,10 @@
         if (hasMask.value === true) {
           if (stopValueWatcher === true) {
             stopValueWatcher = false;
-            return
+
+            if (String(v) === emitCachedValue) {
+              return
+            }
           }
 
           updateMaskValue(v);
@@ -23964,11 +23987,14 @@
           angle = centerPosition.left < pos.left ? angle + 90 : 270 - angle;
         }
 
-        if (props.angle) {
+        if ($q.lang.rtl === true) {
+          angle = normalizeToInterval(-angle - props.angle, 0, 360);
+        }
+        else if (props.angle) {
           angle = normalizeToInterval(angle - props.angle, 0, 360);
         }
 
-        if ($q.lang.rtl === true) {
+        if (props.reverse === true) {
           angle = 360 - angle;
         }
 
@@ -25154,10 +25180,10 @@
       function getContent () {
         return showing.value === true
           ? vue.h('div', {
-              ref: rootRef,
-              class: 'q-page-scroller',
-              onClick
-            }, getStickyContent(slots))
+            ref: rootRef,
+            class: 'q-page-scroller',
+            onClick
+          }, getStickyContent(slots))
           : null
       }
 
@@ -26166,7 +26192,7 @@
         }
 
         if (event.isFirst === true) {
-          if (getVerticalScrollPosition(localScrollTarget) !== 0 || event.direction !== "down") {
+          if (getVerticalScrollPosition(localScrollTarget) !== 0 || event.direction !== 'down') {
             if (pulling.value === true) {
               pulling.value = false;
               state.value = 'pull';
@@ -26279,10 +26305,10 @@
             }, [
               state.value !== 'refreshing'
                 ? vue.h(QIcon, {
-                    name: props.icon || $q.iconSet.pullToRefresh.icon,
-                    color: props.color,
-                    size: '32px'
-                  })
+                  name: props.icon || $q.iconSet.pullToRefresh.icon,
+                  color: props.color,
+                  size: '32px'
+                })
                 : vue.h(QSpinner, {
                   size: '24px',
                   color: props.color
@@ -28008,17 +28034,17 @@
       return [
         tag === 'tbody'
           ? vue.h(tag, {
-              class: 'q-virtual-scroll__padding',
-              key: 'before',
-              ref: beforeRef
-            }, [
-              vue.h('tr', [
-                vue.h('td', {
-                  style: { [ paddingSize ]: `${ virtualScrollPaddingBefore.value }px`, ...style },
-                  colspan: colspanAttr.value
-                })
-              ])
+            class: 'q-virtual-scroll__padding',
+            key: 'before',
+            ref: beforeRef
+          }, [
+            vue.h('tr', [
+              vue.h('td', {
+                style: { [ paddingSize ]: `${ virtualScrollPaddingBefore.value }px`, ...style },
+                colspan: colspanAttr.value
+              })
             ])
+          ])
           : vue.h(tag, {
             class: 'q-virtual-scroll__padding',
             key: 'before',
@@ -28036,17 +28062,17 @@
 
         tag === 'tbody'
           ? vue.h(tag, {
-              class: 'q-virtual-scroll__padding',
-              key: 'after',
-              ref: afterRef
-            }, [
-              vue.h('tr', [
-                vue.h('td', {
-                  style: { [ paddingSize ]: `${ virtualScrollPaddingAfter.value }px`, ...style },
-                  colspan: colspanAttr.value
-                })
-              ])
+            class: 'q-virtual-scroll__padding',
+            key: 'after',
+            ref: afterRef
+          }, [
+            vue.h('tr', [
+              vue.h('td', {
+                style: { [ paddingSize ]: `${ virtualScrollPaddingAfter.value }px`, ...style },
+                colspan: colspanAttr.value
+              })
             ])
+          ])
           : vue.h(tag, {
             class: 'q-virtual-scroll__padding',
             key: 'after',
@@ -28707,7 +28733,7 @@
 
         return typeof val === 'function'
           ? val
-          : opt => (isPlainObject(opt) === true && val in opt ? opt[ val ] : opt)
+          : opt => (opt !== null && typeof opt === 'object' && val in opt ? opt[ val ] : opt)
       }
 
       function isOptionSelected (opt) {
@@ -29080,6 +29106,8 @@
       }
 
       function getInput (fromDialog, isTarget) {
+        const attrs = isTarget === true ? { ...comboboxAttrs.value, ...state.splitAttrs.attributes.value } : void 0;
+
         const data = {
           ref: isTarget === true ? targetRef : void 0,
           key: 'i_t',
@@ -29088,8 +29116,7 @@
           value: inputValue.value !== void 0 ? inputValue.value : '',
           // required for Android in order to show ENTER key when in form
           type: 'search',
-          ...comboboxAttrs.value,
-          ...state.splitAttrs.attributes.value,
+          ...attrs,
           id: isTarget === true ? state.targetUid.value : void 0,
           maxlength: props.maxlength,
           autocomplete: props.autocomplete,
@@ -29569,13 +29596,16 @@
           }
           // there can be only one (when dialog is opened the control in dialog should be target)
           else if (state.editable.value === true) {
+            const attrs = isTarget === true ? comboboxAttrs.value : void 0;
+
             child.push(
-              vue.h('div', {
+              vue.h('input', {
                 ref: isTarget === true ? targetRef : void 0,
                 key: 'd_t',
                 class: 'q-select__focus-target',
                 id: isTarget === true ? state.targetUid.value : void 0,
-                ...comboboxAttrs.value,
+                readonly: true,
+                ...attrs,
                 onKeydown: onTargetKeydown,
                 onKeyup: onTargetKeyup,
                 onKeypress: onTargetKeypress
@@ -29605,9 +29635,11 @@
             );
           }
 
+          const attrs = props.useInput === true || isTarget !== true ? void 0 : state.splitAttrs.attributes.value;
+
           return vue.h('div', {
             class: 'q-field__native row items-center',
-            ...state.splitAttrs.attributes.value
+            ...attrs
           }, child)
         },
 
@@ -32325,14 +32357,14 @@
           || $stepper.value.vertical !== true
           ? {}
           : {
-            onScroll (e) {
-              const { target } = e;
-              if (target.scrollTop > 0) {
-                target.scrollTop = 0;
+              onScroll (e) {
+                const { target } = e;
+                if (target.scrollTop > 0) {
+                  target.scrollTop = 0;
+                }
+                attrs.onScroll !== void 0 && attrs.onScroll(e);
               }
-              attrs.onScroll !== void 0 && attrs.onScroll(e);
             }
-          }
       ));
 
       const contentKey = vue.computed(() => (
@@ -32726,9 +32758,9 @@
 
         return props.type === '__qtable'
           ? getTableMiddle(
-              { ref: rootRef, class: 'q-table__middle ' + classes.value },
-              __getVirtualChildren()
-            )
+            { ref: rootRef, class: 'q-table__middle ' + classes.value },
+            __getVirtualChildren()
+          )
           : vue.h(comps[ props.type ], {
             ...attrs,
             ref: rootRef,
@@ -32813,7 +32845,7 @@
     function sort (col /* String(col name) or Object(col definition) */) {
       let sortOrder = props.columnSortOrder;
 
-      if (isPlainObject(col) === true) {
+      if (isObject(col) === true) {
         if (col.sortOrder) {
           sortOrder = col.sortOrder;
         }
@@ -33269,12 +33301,12 @@
 
       return row !== void 0
         ? Object.keys(row).map(name => ({
-            name,
-            label: name.toUpperCase(),
-            field: name,
-            align: isNumber(row[ name ]) ? 'right' : 'left',
-            sortable: true
-          }))
+          name,
+          label: name.toUpperCase(),
+          field: name,
+          align: isNumber(row[ name ]) ? 'right' : 'left',
+          sortable: true
+        }))
         : []
     });
 
@@ -37548,15 +37580,15 @@
       || client.is.webkit === true || client.is.vivaldi === true
     )
       ? hexColor => {
-          const val = hexColor || getCssVar('primary');
+        const val = hexColor || getCssVar('primary');
 
-          if (client.is.nativeMobile === true && window.StatusBar) {
-            window.StatusBar.backgroundColorByHexString(val);
-          }
-          else {
-            setColor(val);
-          }
+        if (client.is.nativeMobile === true && window.StatusBar) {
+          window.StatusBar.backgroundColorByHexString(val);
+        }
+        else {
+          setColor(val);
         }
+      }
       : noop,
 
     install ({ $q }) {
@@ -37763,9 +37795,9 @@
 
           return action.label === void 0
             ? vue.h(QSeparator, {
-                class: 'col-all',
-                dark: isDark.value
-              })
+              class: 'col-all',
+              dark: isDark.value
+            })
             : vue.h('div', {
               class: [
                 'q-bottom-sheet__item q-hoverable q-focusable cursor-pointer relative-position',
@@ -37782,9 +37814,9 @@
                 : (
                     img
                       ? vue.h('img', {
-                          class: action.avatar ? 'q-bottom-sheet__avatar' : '',
-                          src: img
-                        })
+                        class: action.avatar ? 'q-bottom-sheet__avatar' : '',
+                        src: img
+                      })
                       : vue.h('div', { class: 'q-bottom-sheet__empty-icon' })
                   ),
 
@@ -37816,9 +37848,9 @@
                     : (
                         img
                           ? vue.h('img', {
-                              class: action.avatar ? 'q-bottom-sheet__avatar' : '',
-                              src: img
-                            })
+                            class: action.avatar ? 'q-bottom-sheet__avatar' : '',
+                            src: img
+                          })
                           : null
                       )
                 )
@@ -37847,8 +37879,8 @@
         child.push(
           props.grid === true
             ? vue.h('div', {
-                class: 'row items-stretch justify-start'
-              }, getGrid())
+              class: 'row items-stretch justify-start'
+            }, getGrid())
             : vue.h('div', getList())
         );
 
@@ -38064,7 +38096,11 @@
     string = decode$1(string.replace(/\+/g, ' '));
 
     try {
-      string = JSON.parse(string);
+      const parsed = JSON.parse(string);
+
+      if (parsed === Object(parsed) || Array.isArray(parsed) === true) {
+        string = parsed;
+      }
     }
     catch (e) {}
 
@@ -38291,7 +38327,7 @@
         props.progress === false
           ? null
           : (
-              isPlainObject(props.progress) === true
+              isObject(props.progress) === true
                 ? {
                     component: props.progress.spinner || QSpinner,
                     props: { color: props.progress.color || vmColor.value }
@@ -38320,7 +38356,7 @@
       });
 
       const okLabel = vue.computed(() => (
-        isPlainObject(props.ok) === true
+        isObject(props.ok) === true
           ? $q.lang.label.ok
           : (
               props.ok === true
@@ -38330,7 +38366,7 @@
       ));
 
       const cancelLabel = vue.computed(() => (
-        isPlainObject(props.cancel) === true
+        isObject(props.cancel) === true
           ? $q.lang.label.cancel
           : (
               props.cancel === true
@@ -38356,7 +38392,7 @@
         label: okLabel.value,
         ripple: false,
         disable: okDisabled.value,
-        ...(isPlainObject(props.ok) === true ? props.ok : { flat: true }),
+        ...(isObject(props.ok) === true ? props.ok : { flat: true }),
         'data-autofocus': (props.focus === 'ok' && hasForm.value !== true) || void 0,
         onClick: onOk
       }));
@@ -38365,7 +38401,7 @@
         color: vmColor.value,
         label: cancelLabel.value,
         ripple: false,
-        ...(isPlainObject(props.cancel) === true ? props.cancel : { flat: true }),
+        ...(isObject(props.cancel) === true ? props.cancel : { flat: true }),
         'data-autofocus': (props.focus === 'cancel' && hasForm.value !== true) || void 0,
         onClick: onCancel
       }));
@@ -38569,6 +38605,14 @@
           : {}
       );
 
+      function onStart () {
+        Plugin$3.isActive = true;
+      }
+
+      function onStop () {
+        Plugin$3.isActive = false;
+      }
+
       const el = createGlobalNode('q-loading-bar');
 
       createChildApp({
@@ -38577,23 +38621,21 @@
         // hide App from Vue devtools
         devtools: { hide: true },
 
-        setup: () => () => vue.h(QAjaxBar, { ...props.value, ref: barRef })
+        setup: () => () => vue.h(QAjaxBar, { ...props.value, onStart, onStop, ref: barRef })
       }, parentApp).mount(el);
 
       Object.assign(this, {
         start (speed) {
           barRef.value.start(speed);
-          Plugin$3.isActive = true;
         },
         stop () {
-          const sessions = barRef.value.stop();
-          Plugin$3.isActive = sessions > 0;
+          barRef.value.stop();
         },
         increment () {
           barRef.value.increment.apply(null, arguments);
         },
         setDefaults (opts) {
-          if (isPlainObject(opts) === true) {
+          if (isObject(opts) === true) {
             Object.assign(props.value, opts);
           }
         }
@@ -38628,7 +38670,7 @@
   }, {
     show (opts) {
 
-      props = isPlainObject(opts) === true && opts.ignoreDefaults === true
+      props = isObject(opts) === true && opts.ignoreDefaults === true
         ? { ...originalDefaults, ...opts }
         : { ...defaults$1, ...opts };
 
@@ -38729,7 +38771,7 @@
 
     setDefaults (opts) {
       {
-        isPlainObject(opts) === true && Object.assign(defaults$1, opts);
+        isObject(opts) === true && Object.assign(defaults$1, opts);
       }
     },
 
@@ -38804,7 +38846,7 @@
       Object.assign(notif, defaults);
     }
 
-    if (isPlainObject(config) === false) {
+    if (isObject(config) === false) {
       if (notif.type) {
         Object.assign(notif, notifTypes[ notif.type ]);
       }
@@ -39222,12 +39264,12 @@
   var Notify = {
     setDefaults (opts) {
       {
-        isPlainObject(opts) === true && Object.assign(defaults, opts);
+        isObject(opts) === true && Object.assign(defaults, opts);
       }
     },
 
     registerType (typeName, typeOpts) {
-      if (isPlainObject(typeOpts) === true) {
+      if (isObject(typeOpts) === true) {
         notifTypes[ typeName ] = typeOpts;
       }
     },
@@ -39531,7 +39573,7 @@
   });
 
   var index_umd = {
-    version: '2.5.5',
+    version: '2.6.0',
     install (app, opts) {
       installQuasar(app, {
         components,