quasar 2.6.1 → 2.6.4

package/dist/quasar.sass

@@ -1,5 +1,5 @@
 /*!
- * Quasar Framework v2.6.1
+ * Quasar Framework v2.6.4
  * (c) 2015-present Razvan Stoenescu
  * Released under the MIT License.
  */
@@ -1288,19 +1288,19 @@ $checkbox-transition: .22s cubic-bezier(0,0,.2,1) 0ms
     height: 1px
   &__bg,
   &__icon-container
+    user-select: none
+  &__bg
     top: 25%
     left: 25%
     width: 50%
     height: 50%
-    user-select: none
-  &__bg
     border: 2px solid currentColor
     border-radius: 2px
     transition: background $checkbox-transition
     -webkit-print-color-adjust: exact
   &__icon
     color: currentColor
-    font-size: .6em
+    font-size: .5em
   &__svg
     color: #fff
   &__truthy
@@ -1342,14 +1342,11 @@ $checkbox-transition: .22s cubic-bezier(0,0,.2,1) 0ms
       &--truthy, &--indet
         color: var(--q-primary)
   &--dense
-    .q-checkbox__icon
-      font-size: .6em
     .q-checkbox__inner
       width: .5em
       min-width: .5em
       height: .5em
-    .q-checkbox__bg,
-    .q-checkbox__icon-container
+    .q-checkbox__bg
       left: 5%
       top: 5%
       width: 90%
@@ -3124,18 +3121,18 @@ $radio-transition: .22s cubic-bezier(0,0,.2,1) 0ms
     height: 1px
   &__bg,
   &__icon-container
+    user-select: none
+  &__bg
     top: 25%
     left: 25%
     width: 50%
     height: 50%
-    user-select: none
-  &__bg
     -webkit-print-color-adjust: exact
     path
       fill: currentColor
   &__icon
     color: currentColor
-    font-size: .6em
+    font-size: .5em
   &__check
     transform-origin: 50% 50%
     transform: scale3d(0, 0, 1)
@@ -3162,14 +3159,11 @@ $radio-transition: .22s cubic-bezier(0,0,.2,1) 0ms
       &--truthy
         color: var(--q-primary)
   &--dense
-    .q-checkbox__icon
-      font-size: .6em
     .q-radio__inner
       width: .5em
       min-width: .5em
       height: .5em
-    .q-radio__bg,
-    .q-radio__icon-container
+    .q-radio__bg
       left: 0
       top: 0
       width: 100%

package/dist/quasar.umd.js

@@ -1,5 +1,5 @@
 /*!
- * Quasar Framework v2.6.1
+ * Quasar Framework v2.6.4
  * (c) 2015-present Razvan Stoenescu
  * Released under the MIT License.
  */
@@ -1603,7 +1603,7 @@
   }
 
   var installQuasar = function (parentApp, opts = {}) {
-      const $q = { version: '2.6.1' };
+      const $q = { version: '2.6.4' };
 
       if (globalConfigIsFrozen === false) {
         if (opts.config !== void 0) {
@@ -2041,13 +2041,13 @@
   const ionFn = i => `ionicons ${ i }`;
 
   const libMap = {
+    'mdi-': i => `mdi ${ i }`,
     'icon-': sameFn, // fontawesome equiv
     'bt-': i => `bt ${ i }`,
     'eva-': i => `eva ${ i }`,
     'ion-md': ionFn,
     'ion-ios': ionFn,
     'ion-logo': ionFn,
-    'mdi-': i => `mdi ${ i }`,
     'iconfont ': sameFn,
     'ti-': i => `themify-icon ${ i }`,
     'bi-': i => `bootstrap-icons ${ i }`
@@ -2065,8 +2065,7 @@
   const imgRE = /^img:/;
   const svgUseRE = /^svguse:/;
   const ionRE = /^ion-/;
-  const faLaRE = /^[lf]a[srlbdk]? /;
-  const fa6RE = /^fa-(brand|regular|solid)/;
+  const faRE = /^(fa-(solid|regular|light|brands|duotone|thin)|[lf]a[srlbdk]?) /;
 
   var QIcon = createComponent({
     name: 'QIcon',
@@ -2160,7 +2159,7 @@
         if (matches !== null) {
           cls = libMap[ matches[ 1 ] ](icon);
         }
-        else if (faLaRE.test(icon) === true || fa6RE.test(icon) === true) {
+        else if (faRE.test(icon) === true) {
           cls = icon;
         }
         else if (ionRE.test(icon) === true) {
@@ -7460,7 +7459,7 @@
             ? [
                 vue.h('div', {
                   key: 'icon',
-                  class: 'q-checkbox__icon-container absolute flex flex-center no-wrap'
+                  class: 'q-checkbox__icon-container absolute-full flex flex-center no-wrap'
                 }, [
                   vue.h(QIcon, {
                     class: 'q-checkbox__icon',
@@ -12364,16 +12363,16 @@
 
   const formatter = {
     // Year: 00, 01, ..., 99
-    YY (date, _, forcedYear) {
+    YY (date, dateLocale, forcedYear) {
       // workaround for < 1900 with new Date()
-      const y = this.YYYY(date, _, forcedYear) % 100;
+      const y = this.YYYY(date, dateLocale, forcedYear) % 100;
       return y > 0
         ? pad(y)
         : '-' + pad(Math.abs(y))
     },
 
     // Year: 1900, 1901, ..., 2099
-    YYYY (date, _, forcedYear) {
+    YYYY (date, _dateLocale, forcedYear) {
       // workaround for < 1900 with new Date()
       return forcedYear !== void 0 && forcedYear !== null
         ? forcedYear
@@ -12483,13 +12482,9 @@
     // Hour: 1, 2, ..., 12
     h (date) {
       const hours = date.getHours();
-      if (hours === 0) {
-        return 12
-      }
-      if (hours > 12) {
-        return hours % 12
-      }
-      return hours
+      return hours === 0
+        ? 12
+        : (hours > 12 ? hours % 12 : hours)
     },
 
     // Hour: 01, 02, ..., 12
@@ -12548,7 +12543,7 @@
     },
 
     // Timezone: -01:00, +00:00, ... +12:00
-    Z (date, dateLocale, forcedYear, forcedTimezoneOffset) {
+    Z (date, _dateLocale, _forcedYear, forcedTimezoneOffset) {
       const tzOffset = forcedTimezoneOffset === void 0 || forcedTimezoneOffset === null
         ? date.getTimezoneOffset()
         : forcedTimezoneOffset;
@@ -12557,7 +12552,7 @@
     },
 
     // Timezone: -0100, +0000, ... +1200
-    ZZ (date, dateLocale, forcedYear, forcedTimezoneOffset) {
+    ZZ (date, _dateLocale, _forcedYear, forcedTimezoneOffset) {
       const tzOffset = forcedTimezoneOffset === void 0 || forcedTimezoneOffset === null
         ? date.getTimezoneOffset()
         : forcedTimezoneOffset;
@@ -15602,7 +15597,7 @@
         return false
       }
 
-      if (el !== null && list.includes(el.nodeName.toLowerCase()) === true) {
+      if (list.includes(el.nodeName.toLowerCase()) === true) {
         return true
       }
 
@@ -16541,6 +16536,36 @@
     return acc
   }
 
+  const
+    toString = Object.prototype.toString,
+    hasOwn = Object.prototype.hasOwnProperty,
+    class2type = {};
+
+  'Boolean Number String Function Array Date RegExp Object'.split(' ').forEach(name => {
+    class2type[ '[object ' + name + ']' ] = name.toLowerCase();
+  });
+
+  function type (obj) {
+    return obj === null ? String(obj) : class2type[ toString.call(obj) ] || 'object'
+  }
+
+  function isPlainObject (obj) {
+    if (!obj || type(obj) !== 'object') {
+      return false
+    }
+
+    if (obj.constructor
+      && !hasOwn.call(obj, 'constructor')
+      && !hasOwn.call(obj.constructor.prototype, 'isPrototypeOf')) {
+      return false
+    }
+
+    let key;
+    for (key in obj) {} // eslint-disable-line
+
+    return key === void 0 || hasOwn.call(obj, key)
+  }
+
   function extend () {
     let
       options, name, src, copy, copyIsArray, clone,
@@ -16555,7 +16580,7 @@
       i = 2;
     }
 
-    if (Object(target) !== target && typeof target !== 'function') {
+    if (Object(target) !== target && type(target) !== 'function') {
       target = {};
     }
 
@@ -16574,13 +16599,13 @@
             continue
           }
 
-          if (deep && copy && (isObject(copy) === true || (copyIsArray = Array.isArray(copy) === true))) {
+          if (deep && copy && (isPlainObject(copy) || (copyIsArray = type(copy) === 'array'))) {
             if (copyIsArray) {
               copyIsArray = false;
-              clone = src && Array.isArray(src) === true ? src : [];
+              clone = src && type(src) === 'array' ? src : [];
             }
             else {
-              clone = src && isObject(src) === true ? src : {};
+              clone = src && isPlainObject(src) ? src : {};
             }
 
             target[ name ] = extend(deep, clone, copy);
@@ -17910,7 +17935,7 @@
         const classes = `q-fab__${ kebab } absolute-full`;
 
         return slotFn === void 0
-          ? vue.h(QIcon, { class: classes, name: props[ kebab ] || $q.iconSet.fab[ camel ] })
+          ? vue.h(QIcon, { class: classes, name: props[ camel ] || $q.iconSet.fab[ camel ] })
           : vue.h('div', { class: classes }, slotFn(slotScope.value))
       }
 
@@ -24668,7 +24693,7 @@
           ? [
               vue.h('div', {
                 key: 'icon',
-                class: 'q-radio__icon-container absolute flex flex-center no-wrap'
+                class: 'q-radio__icon-container absolute-full flex flex-center no-wrap'
               }, [
                 vue.h(QIcon, {
                   class: 'q-radio__icon',
@@ -28306,6 +28331,7 @@
         localResetVirtualScroll,
         padVirtualScroll,
         onVirtualScrollEvt,
+        reset,
         scrollTo,
         setVirtualScrollSize
       } = useVirtualScroll({
@@ -28563,6 +28589,8 @@
 
       vue.watch(menu, updateMenu);
 
+      vue.watch(virtualScrollLength, rerenderMenu);
+
       function getEmittingOptionValue (opt) {
         return props.emitValue === true
           ? getOptionValue.value(opt)
@@ -29470,6 +29498,18 @@
         setOptionIndex(optionIndex);
       }
 
+      function rerenderMenu () {
+        if (menu.value === true && state.innerLoading.value === false) {
+          reset();
+
+          vue.nextTick(() => {
+            if (menu.value === true && state.innerLoading.value === false) {
+              updateMenu(true);
+            }
+          });
+        }
+      }
+
       function updateMenuPosition () {
         if (dialog.value === false && menuRef.value !== null) {
           menuRef.value.updatePosition();
@@ -32565,10 +32605,13 @@
       const vm = vue.getCurrentInstance();
       const { proxy: { $q } } = vm;
 
+      const onClick = evt => { emit('click', evt); };
+
       return () => {
         if (props.props === void 0) {
           return vue.h('th', {
-            class: props.autoWidth === true ? 'q-table--col-auto-width' : ''
+            class: props.autoWidth === true ? 'q-table--col-auto-width' : '',
+            onClick
           }, hSlot(slots.default))
         }
 
@@ -32606,7 +32649,7 @@
           style: col.headerStyle,
           onClick: evt => {
             col.sortable === true && props.props.sort(col); // eslint-disable-line
-            emit('click', evt);
+            onClick(evt);
           }
         };
 
@@ -32746,6 +32789,14 @@
         configureScrollTarget();
       });
 
+      vue.onActivated(() => {
+        configureScrollTarget();
+      });
+
+      vue.onDeactivated(() => {
+        unconfigureScrollTarget();
+      });
+
       vue.onBeforeUnmount(() => {
         unconfigureScrollTarget();
       });
@@ -33416,6 +33467,9 @@
       wrapCells: Boolean,
 
       virtualScroll: Boolean,
+      virtualScrollTarget: {
+        default: void 0
+      },
       ...commonVirtPropsObj,
 
       noDataLabel: String,
@@ -33658,6 +33712,7 @@
             class: props.tableClass,
             style: props.tableStyle,
             ...virtProps.value,
+            scrollTarget: props.virtualScrollTarget,
             items: computedRows.value,
             type: '__qtable',
             tableColspan: computedColspan.value,
@@ -38485,14 +38540,14 @@
       function getButtons () {
         const child = [];
 
-        props.cancel && child.push(
-          vue.h(QBtn, cancelProps.value)
-        );
-
         props.ok && child.push(
           vue.h(QBtn, okProps.value)
         );
 
+        props.cancel && child.push(
+          vue.h(QBtn, cancelProps.value)
+        );
+
         return vue.h(QCardActions, {
           class: props.stackButtons === true ? 'items-end' : '',
           vertical: props.stackButtons,
@@ -39573,7 +39628,7 @@
   });
 
   var index_umd = {
-    version: '2.6.1',
+    version: '2.6.4',
     install (app, opts) {
       installQuasar(app, {
         components,