quasar 2.11.10 → 2.12.0

package/dist/quasar.sass

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

package/dist/quasar.umd.js

@@ -1,5 +1,5 @@
 /*!
- * Quasar Framework v2.11.10
+ * Quasar Framework v2.12.0
  * (c) 2015-present Razvan Stoenescu
  * Released under the MIT License.
  */
@@ -740,7 +740,7 @@
 
         this.setDebounce(updateDebounce);
 
-        if (Object.keys(updateSizes).length > 0) {
+        if (Object.keys(updateSizes).length !== 0) {
           this.setSizes(updateSizes);
           updateSizes = void 0; // free up memory
         }
@@ -1044,7 +1044,7 @@
 
   function getLocale () {
 
-    const val = Array.isArray(navigator.languages) === true && navigator.languages.length > 0
+    const val = Array.isArray(navigator.languages) === true && navigator.languages.length !== 0
       ? navigator.languages[ 0 ]
       : navigator.language;
 
@@ -1653,7 +1653,7 @@
   }
 
   var installQuasar = function (parentApp, opts = {}) {
-      const $q = { version: '2.11.10' };
+      const $q = { version: '2.12.0' };
 
       if (globalConfigIsFrozen === false) {
         if (opts.config !== void 0) {
@@ -3952,7 +3952,7 @@
           .filter(t => props[ t ] === true)
           .map(t => `q-btn-group--${ t }`).join(' ');
 
-        return `q-btn-group row no-wrap${ cls.length > 0 ? ' ' + cls : '' }`
+        return `q-btn-group row no-wrap${ cls.length !== 0 ? ' ' + cls : '' }`
           + (props.spread === true ? ' q-btn-group--spread' : ' inline')
       });
 
@@ -4399,7 +4399,7 @@
   function removeFocusWaitFlag (flag) {
     clearFlag(flag);
 
-    if (waitFlags.length === 0 && queue.length > 0) {
+    if (waitFlags.length === 0 && queue.length !== 0) {
       // only call last focus handler (can't focus multiple things at once)
       queue[ queue.length - 1 ]();
       queue = [];
@@ -6361,12 +6361,19 @@
     return dir
   }
 
+  // This is especially important (not the main reason, but important)
+  // for TouchSwipe directive running on Firefox
+  // because text selection on such elements cannot be determined
+  // without additional work (on top of getSelection() API)
+  // https://bugzilla.mozilla.org/show_bug.cgi?id=85686
+  const avoidNodeNamesList = [ 'INPUT', 'TEXTAREA' ];
+
   function shouldStart (evt, ctx) {
     return ctx.event === void 0
       && evt.target !== void 0
       && evt.target.draggable !== true
       && typeof ctx.handler === 'function'
-      && evt.target.nodeName.toUpperCase() !== 'INPUT'
+      && avoidNodeNamesList.includes(evt.target.nodeName.toUpperCase()) === false
       && (evt.qClonedBy === void 0 || evt.qClonedBy.indexOf(ctx.uid) === -1)
   }
 
@@ -6469,6 +6476,13 @@
                   return
                 }
               }
+              // is user trying to select text?
+              // if so, then something should be reported here
+              // (previous selection, if any, was discarded when swipe started)
+              else if (window.getSelection().toString() !== '') {
+                ctx.end(evt);
+                return
+              }
               else if (absX < ctx.sensitivity[ 2 ] && absY < ctx.sensitivity[ 2 ]) {
                 return
               }
@@ -6829,7 +6843,7 @@
         index += direction;
       }
 
-      if (props.infinite === true && panels.length > 0 && startIndex !== -1 && startIndex !== panels.length) {
+      if (props.infinite === true && panels.length !== 0 && startIndex !== -1 && startIndex !== panels.length) {
         goToPanelByOffset(direction, direction === -1 ? panels.length : -1);
       }
     }
@@ -11103,7 +11117,7 @@
       }));
 
       const computedPalette = vue.computed(() => (
-        props.palette !== void 0 && props.palette.length > 0
+        props.palette !== void 0 && props.palette.length !== 0
           ? props.palette
           : palette
       ));
@@ -13351,7 +13365,7 @@
       );
 
       const headerTitle = vue.computed(() => {
-        if (props.title !== void 0 && props.title !== null && props.title.length > 0) {
+        if (props.title !== void 0 && props.title !== null && props.title.length !== 0) {
           return props.title
         }
 
@@ -13403,7 +13417,7 @@
       });
 
       const headerSubtitle = vue.computed(() => {
-        if (props.subtitle !== void 0 && props.subtitle !== null && props.subtitle.length > 0) {
+        if (props.subtitle !== void 0 && props.subtitle !== null && props.subtitle.length !== 0) {
           return props.subtitle
         }
 
@@ -15277,6 +15291,7 @@
         type: Number,
         default: 57
       },
+      noMiniAnimation: Boolean,
 
       breakpoint: {
         type: Number,
@@ -15653,6 +15668,7 @@
       vue.watch(() => $q.lang.rtl, () => { applyPosition(); });
 
       vue.watch(() => props.mini, () => {
+        if (props.noMiniAnimation) return
         if (props.modelValue === true) {
           animateMini();
           $layout.animate();
@@ -16029,7 +16045,7 @@
 
     get hasSelection () {
       return this.selection !== null
-        ? this.selection.toString().length > 0
+        ? this.selection.toString().length !== 0
         : false
     }
 
@@ -17416,7 +17432,7 @@
         emit(`link-${ v ? 'Show' : 'Hide' }`);
       });
 
-      const hasToolbar = vue.computed(() => props.toolbar && props.toolbar.length > 0);
+      const hasToolbar = vue.computed(() => props.toolbar && props.toolbar.length !== 0);
 
       const keys = vue.computed(() => {
         const
@@ -18692,7 +18708,7 @@
     const hasRules = vue.computed(() =>
       props.rules !== void 0
       && props.rules !== null
-      && props.rules.length > 0
+      && props.rules.length !== 0
     );
 
     const hasActiveRules = vue.computed(() =>
@@ -18705,7 +18721,7 @@
     );
 
     const errorMessage = vue.computed(() => (
-      typeof props.errorMessage === 'string' && props.errorMessage.length > 0
+      typeof props.errorMessage === 'string' && props.errorMessage.length !== 0
         ? props.errorMessage
         : innerErrorMessage.value
     ));
@@ -18874,7 +18890,7 @@
   function fieldValueIsFilled (val) {
     return val !== void 0
       && val !== null
-      && ('' + val).length > 0
+      && ('' + val).length !== 0
   }
 
   const useFieldProps = {
@@ -19070,7 +19086,7 @@
         hasError.value === true
           ? ' text-negative'
           : (
-              typeof props.standout === 'string' && props.standout.length > 0 && state.focused.value === true
+              typeof props.standout === 'string' && props.standout.length !== 0 && state.focused.value === true
                 ? ` ${ props.standout }`
                 : (props.color !== void 0 ? ` text-${ props.color }` : '')
             )
@@ -19564,7 +19580,7 @@
       const rejectedFiles = [];
 
       const done = () => {
-        if (rejectedFiles.length > 0) {
+        if (rejectedFiles.length !== 0) {
           emit('rejected', rejectedFiles);
         }
       };
@@ -19594,7 +19610,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 && files.length > 0) {
+      if (props.multiple !== true && files.length !== 0) {
         files = [ files[ 0 ] ];
       }
 
@@ -19649,7 +19665,7 @@
 
       done();
 
-      if (files.length > 0) {
+      if (files.length !== 0) {
         return files
       }
     }
@@ -19675,7 +19691,7 @@
       stopAndPreventDrag(e);
       const files = e.dataTransfer.files;
 
-      if (files.length > 0) {
+      if (files.length !== 0) {
         addFilesToQueue(null, files);
       }
 
@@ -19860,7 +19876,7 @@
       }
 
       function removeFile (file) {
-        const index = innerValue.value.findIndex(file);
+        const index = innerValue.value.indexOf(file);
         if (index > -1) {
           removeAtIndex(index);
         }
@@ -19958,7 +19974,7 @@
           ? props.displayValue
           : selectedString.value;
 
-        return textContent.length > 0
+        return textContent.length !== 0
           ? [
               vue.h('div', {
                 class: props.inputClass,
@@ -21369,7 +21385,7 @@
 
     function updateMaskInternals () {
       hasMask.value = props.mask !== void 0
-        && props.mask.length > 0
+        && props.mask.length !== 0
         && getIsTypeText();
 
       if (hasMask.value === false) {
@@ -21383,7 +21399,7 @@
         localComputedMask = NAMED_MASKS[ props.mask ] === void 0
           ? props.mask
           : NAMED_MASKS[ props.mask ],
-        fillChar = typeof props.fillMask === 'string' && props.fillMask.length > 0
+        fillChar = typeof props.fillMask === 'string' && props.fillMask.length !== 0
           ? props.fillMask.slice(0, 1)
           : '_',
         fillCharEscaped = fillChar.replace(escRegex, '\\$&'),
@@ -21464,7 +21480,7 @@
           str = str.slice(m.shift().length);
           extractMatch.push(...m);
         }
-        if (extractMatch.length > 0) {
+        if (extractMatch.length !== 0) {
           return extractMatch.join('')
         }
 
@@ -21812,7 +21828,7 @@
         return val
       }
 
-      return props.reverseFillMask === true && val.length > 0
+      return props.reverseFillMask === true && val.length !== 0
         ? maskReplaced.slice(0, -val.length) + val
         : val + maskReplaced.slice(val.length)
     }
@@ -22241,7 +22257,7 @@
         hasShadow: vue.computed(() =>
           props.type !== 'file'
           && typeof props.shadowText === 'string'
-          && props.shadowText.length > 0
+          && props.shadowText.length !== 0
         ),
 
         inputRef,
@@ -22461,9 +22477,13 @@
       }
 
       function getContent () {
-        return showing.value === true
-          ? [ vue.h('div', { key: 'content', style: transitionStyle.value }, hSlot(slots.default)) ]
-          : void 0
+        if (showing.value === true) {
+          return [ vue.h('div', { key: 'content', style: transitionStyle.value }, hSlot(slots.default)) ]
+        }
+
+        if (slots.hidden !== void 0) {
+          return [ vue.h('div', { key: 'hidden', style: transitionStyle.value }, slots.hidden()) ]
+        }
       }
 
       return () => {
@@ -25700,7 +25720,7 @@
 
       const iconLabel = vue.computed(() => {
         if (typeof props.iconAriaLabel === 'string') {
-          const label = props.iconAriaLabel.length > 0 ? `${ props.iconAriaLabel } ` : '';
+          const label = props.iconAriaLabel.length !== 0 ? `${ props.iconAriaLabel } ` : '';
           return i => `${ label }${ i }`
         }
 
@@ -27750,7 +27770,7 @@
 
         resetInputValue();
 
-        if (typeof value === 'string' && value.length > 0) {
+        if (typeof value === 'string' && value.length !== 0) {
           const needle = value.toLocaleLowerCase();
           const findFn = extractFn => {
             const option = props.options.find(opt => extractFn.value(opt).toLocaleLowerCase() === needle);
@@ -27797,7 +27817,7 @@
           return
         }
 
-        const newValueModeValid = inputValue.value.length > 0
+        const newValueModeValid = inputValue.value.length !== 0
           && (props.newValueMode !== void 0 || props.onNewValue !== void 0);
 
         const tabShouldSelect = e.shiftKey !== true
@@ -27892,7 +27912,7 @@
           && e.altKey === false // not kbd shortcut
           && e.ctrlKey === false // not kbd shortcut
           && e.metaKey === false // not kbd shortcut, especially on macOS with Command key
-          && (e.keyCode !== 32 || searchBuffer.length > 0) // space in middle of search
+          && (e.keyCode !== 32 || searchBuffer.length !== 0) // space in middle of search
         ) {
           menu.value !== true && showPopup(e);
 
@@ -28179,7 +28199,7 @@
         if (
           val !== ''
           && props.multiple !== true
-          && innerValue.value.length > 0
+          && innerValue.value.length !== 0
           && userInputValue !== true
           && val === getOptionLabel.value(innerValue.value[ 0 ])
         ) {
@@ -28298,7 +28318,7 @@
             loading: innerLoadingIndicator.value,
             itemAligned: false,
             filled: true,
-            stackLabel: inputValue.value.length > 0,
+            stackLabel: inputValue.value.length !== 0,
             ...state.splitAttrs.listeners.value,
             onFocus: onDialogFieldFocus,
             onBlur: onDialogFieldBlur
@@ -28426,7 +28446,7 @@
 
       function resetInputValue () {
         props.useInput === true && updateInputValue(
-          props.multiple !== true && props.fillInput === true && innerValue.value.length > 0
+          props.multiple !== true && props.fillInput === true && innerValue.value.length !== 0
             ? getOptionLabel.value(innerValue.value[ 0 ]) || ''
             : '',
           true,
@@ -28438,7 +28458,7 @@
         let optionIndex = -1;
 
         if (show === true) {
-          if (innerValue.value.length > 0) {
+          if (innerValue.value.length !== 0) {
             const val = getOptionValue.value(innerValue.value[ 0 ]);
             optionIndex = props.options.findIndex(v => isDeepEqual(getOptionValue.value(v), val));
           }
@@ -28540,7 +28560,7 @@
         floatingLabel: vue.computed(() =>
           (props.hideSelected !== true && hasValue.value === true)
           || typeof inputValue.value === 'number'
-          || inputValue.value.length > 0
+          || inputValue.value.length !== 0
           || fieldValueIsFilled(props.displayValue)
         ),
 
@@ -28609,7 +28629,7 @@
               })
             );
 
-            if (isTarget === true && typeof props.autocomplete === 'string' && props.autocomplete.length > 0) {
+            if (isTarget === true && typeof props.autocomplete === 'string' && props.autocomplete.length !== 0) {
               child.push(
                 vue.h('input', {
                   class: 'q-select__autocomplete-input',
@@ -28621,7 +28641,7 @@
             }
           }
 
-          if (nameProp.value !== void 0 && props.disable !== true && innerOptionsValue.value.length > 0) {
+          if (nameProp.value !== void 0 && props.disable !== true && innerOptionsValue.value.length !== 0) {
             const opts = innerOptionsValue.value.map(value => vue.h('option', { value, selected: true }));
 
             child.push(
@@ -31982,7 +32002,7 @@
         sortBy: null,
         descending: false,
         page: 1,
-        rowsPerPage: props.rowsPerPageOptions.length > 0
+        rowsPerPage: props.rowsPerPageOptions.length !== 0
           ? props.rowsPerPageOptions[ 0 ]
           : 5
       }, props.pagination)
@@ -32193,7 +32213,7 @@
     });
 
     const allRowsSelected = vue.computed(() =>
-      computedRows.value.length > 0 && computedRows.value.every(
+      computedRows.value.length !== 0 && computedRows.value.every(
         row => selectedKeys.value[ getRowKey.value(row) ] === true
       )
     );
@@ -33134,7 +33154,7 @@
           }, getPaginationDiv(child))
         }
 
-        if (child.length > 0) {
+        if (child.length !== 0) {
           return vue.h('div', { class: bottomClass }, child)
         }
       }
@@ -33955,9 +33975,9 @@
             const am = computedFormat24h.value !== true
               ? isAM.value === true
               : (
-                  validHours.value.am.values.length > 0 && validHours.value.pm.values.length > 0
+                  validHours.value.am.values.length !== 0 && validHours.value.pm.values.length !== 0
                     ? distance >= clockRect.dist
-                    : validHours.value.am.values.length > 0
+                    : validHours.value.am.values.length !== 0
                 );
 
             val = getNormalizedClockValue(
@@ -34710,7 +34730,7 @@
           const tickStrategy = node.tickStrategy || (parent ? parent.tickStrategy : props.tickStrategy);
           const
             key = node[ props.nodeKey ],
-            isParent = node[ props.childrenKey ] && node[ props.childrenKey ].length > 0,
+            isParent = node[ props.childrenKey ] && node[ props.childrenKey ].length !== 0,
             selectable = node.disabled !== true && hasSelection.value === true && node.selectable !== false,
             expandable = node.disabled !== true && node.expandable !== false,
             hasTicking = tickStrategy !== 'none',
@@ -34868,16 +34888,15 @@
       }
 
       function expandAll () {
-        const
-          expanded = innerExpanded.value,
-          travel = node => {
-            if (node[ props.childrenKey ] && node[ props.childrenKey ].length > 0) {
-              if (node.expandable !== false && node.disabled !== true) {
-                expanded.push(node[ props.nodeKey ]);
-                node[ props.childrenKey ].forEach(travel);
-              }
+        const expanded = [];
+        const travel = node => {
+          if (node[ props.childrenKey ] && node[ props.childrenKey ].length !== 0) {
+            if (node.expandable !== false && node.disabled !== true) {
+              expanded.push(node[ props.nodeKey ]);
+              node[ props.childrenKey ].forEach(travel);
             }
-          };
+          }
+        };
 
         props.nodes.forEach(travel);
 
@@ -34952,7 +34971,7 @@
                   }
                 });
               }
-              if (collapse.length > 0) {
+              if (collapse.length !== 0) {
                 target = target.filter(k => collapse.includes(k) === false);
               }
             }
@@ -35065,7 +35084,7 @@
           ? getChildren(node[ props.childrenKey ])
           : [];
 
-        const isParent = children.length > 0 || (m.lazy && m.lazy !== 'loaded');
+        const isParent = children.length !== 0 || (m.lazy && m.lazy !== 'loaded');
 
         let body = node.body
           ? slots[ `body-${ node.body }` ] || slots[ 'default-body' ]
@@ -35409,7 +35428,7 @@
       editable.value === true
       && state.isBusy.value !== true
       && state.isUploading.value !== true
-      && state.queuedFiles.value.length > 0
+      && state.queuedFiles.value.length !== 0
     );
 
     vue.provide(uploaderKey, renderInput);
@@ -35489,7 +35508,7 @@
         return false
       });
 
-      if (removed.files.length > 0) {
+      if (removed.files.length !== 0) {
         state.files.value = localFiles;
         cb(removed);
         emit('removed', removed.files);
@@ -35617,8 +35636,8 @@
           vue.h('div', {
             class: 'flex flex-center no-wrap q-gutter-xs'
           }, [
-            getBtn(state.queuedFiles.value.length > 0, 'removeQueue', removeQueuedFiles),
-            getBtn(state.uploadedFiles.value.length > 0, 'removeUploaded', removeUploadedFiles),
+            getBtn(state.queuedFiles.value.length !== 0, 'removeQueue', removeQueuedFiles),
+            getBtn(state.uploadedFiles.value.length !== 0, 'removeUploaded', removeUploadedFiles),
 
             state.isUploading.value === true
               ? vue.h(QSpinner, { class: 'q-uploader__spinner' })
@@ -35700,7 +35719,7 @@
 
     vue.onBeforeUnmount(() => {
       state.isUploading.value === true && state.abort();
-      state.files.value.length > 0 && revokeImgURLs();
+      state.files.value.length !== 0 && revokeImgURLs();
     });
 
     const publicApi = {};
@@ -35835,14 +35854,14 @@
     }));
 
     const isUploading = vue.computed(() => workingThreads.value > 0);
-    const isBusy = vue.computed(() => promises.value.length > 0);
+    const isBusy = vue.computed(() => promises.value.length !== 0);
 
     let abortPromises;
 
     function abort () {
       xhrs.value.forEach(x => { x.abort(); });
 
-      if (promises.value.length > 0) {
+      if (promises.value.length !== 0) {
         abortPromises = true;
       }
     }
@@ -36452,9 +36471,9 @@
       waitFor: options.waitFor === void 0 ? 0 : options.waitFor,
 
       duration: isNaN(options.duration) === true ? 300 : parseInt(options.duration, 10),
-      easing: typeof options.easing === 'string' && options.easing.length > 0 ? options.easing : 'ease-in-out',
+      easing: typeof options.easing === 'string' && options.easing.length !== 0 ? options.easing : 'ease-in-out',
       delay: isNaN(options.delay) === true ? 0 : parseInt(options.delay, 10),
-      fill: typeof options.fill === 'string' && options.fill.length > 0 ? options.fill : 'none',
+      fill: typeof options.fill === 'string' && options.fill.length !== 0 ? options.fill : 'none',
 
       resize: options.resize === true,
 
@@ -37370,7 +37389,7 @@
   }
 
   function insertArgs (arg, ctx) {
-    const opts = typeof arg === 'string' && arg.length > 0
+    const opts = typeof arg === 'string' && arg.length !== 0
       ? arg.split(':') : [];
 
     ctx.name = opts[ 0 ];
@@ -37783,7 +37802,7 @@
           // duration in ms, touch in pixels, mouse in pixels
           const data = [ 600, 5, 7 ];
 
-          if (typeof binding.arg === 'string' && binding.arg.length > 0) {
+          if (typeof binding.arg === 'string' && binding.arg.length !== 0) {
             binding.arg.split(':').forEach((val, index) => {
               const v = parseInt(val, 10);
               v && (data[ index ] = v);
@@ -37878,7 +37897,7 @@
             return
           }
 
-          const durations = typeof arg === 'string' && arg.length > 0
+          const durations = typeof arg === 'string' && arg.length !== 0
             ? arg.split(':').map(val => parseInt(val, 10))
             : [ 0, 600, 300 ];
 
@@ -39530,7 +39549,7 @@
       document.title = add.title;
     }
 
-    if (Object.keys(remove).length > 0) {
+    if (Object.keys(remove).length !== 0) {
       [ 'meta', 'link', 'script' ].forEach(type => {
         remove[ type ].forEach(name => {
           document.head.querySelector(`${ type }[data-qmeta="${ name }"]`).remove();
@@ -40446,21 +40465,25 @@
 
     off (name, callback) {
       const list = this.__stack[ name ];
-      const liveEvents = [];
 
-      if (list !== void 0 && callback) {
-        list.forEach(entry => {
-          if (entry.fn !== callback && entry.fn.__callback !== callback) {
-            liveEvents.push(entry);
-          }
-        });
+      if (list === void 0) {
+        return this // chainable
+      }
 
-        if (liveEvents.length !== 0) {
-          this.__stack[ name ] = liveEvents;
-        }
-        else {
-          delete this.__stack[ name ];
-        }
+      if (callback === void 0) {
+        delete this.__stack[ name ];
+        return this // chainable
+      }
+
+      const liveEvents = list.filter(
+        entry => entry.fn !== callback && entry.fn.__callback !== callback
+      );
+
+      if (liveEvents.length !== 0) {
+        this.__stack[ name ] = liveEvents;
+      }
+      else {
+        delete this.__stack[ name ];
       }
 
       return this // chainable
@@ -40838,7 +40861,7 @@
    */
 
   var index_umd = {
-    version: '2.11.10',
+    version: '2.12.0',
     install (app, opts) {
       installQuasar(app, {
         components,