quasar 2.7.1 → 2.7.2

package/dist/quasar.sass

@@ -1,5 +1,5 @@
 /*!
- * Quasar Framework v2.7.1
+ * Quasar Framework v2.7.2
  * (c) 2015-present Razvan Stoenescu
  * Released under the MIT License.
  */
@@ -646,6 +646,7 @@ input[type='search']::-webkit-search-decoration
   line-height: 1
   width: 1em
   height: 1em
+  flex-shrink: 0
   letter-spacing: normal
   text-transform: none
   white-space: nowrap
@@ -663,8 +664,8 @@ input[type='search']::-webkit-search-decoration
     justify-content: center
   > svg,
   > img
-    width: 1em
-    height: 1em
+    width: 100%
+    height: 100%
 .q-icon,
 .material-icons,
 .material-icons-outlined,
@@ -2656,6 +2657,7 @@ $field-transition-label-right-up: .324s cubic-bezier(.4,0,.2,1)
     font-size: $img-loading-font-size
   &__container
     border-radius: inherit
+    font-size: 0
   &__image
     border-radius: inherit
     width: 100%
@@ -4160,7 +4162,7 @@ body.platform-ios
     &--selected
       transform: scale(.95)
 .q-table--horizontal-separator, .q-table--cell-separator
-  thead th, tbody tr:not(:last-child) td
+  thead th, tbody tr:not(:last-child) > td
     border-bottom-width: 1px
 .q-table--vertical-separator, .q-table--cell-separator
   td, th

package/dist/quasar.umd.js

@@ -1,5 +1,5 @@
 /*!
- * Quasar Framework v2.7.1
+ * Quasar Framework v2.7.2
  * (c) 2015-present Razvan Stoenescu
  * Released under the MIT License.
  */
@@ -1603,7 +1603,7 @@
   }
 
   var installQuasar = function (parentApp, opts = {}) {
-      const $q = { version: '2.7.1' };
+      const $q = { version: '2.7.2' };
 
       if (globalConfigIsFrozen === false) {
         if (opts.config !== void 0) {
@@ -3194,11 +3194,7 @@
               if (
                 ctx.enabled === true
                 && evt.qSkipRipple !== true
-                && (
-                  ctx.modifiers.early === true
-                    ? [ 'mousedown', 'touchstart' ].includes(evt.type) === true
-                    : evt.type === 'click'
-                )
+                && evt.type === (ctx.modifiers.early === true ? 'pointerdown' : 'click')
               ) {
                 showRipple(evt, el, ctx, evt.qKeyEvent === true);
               }
@@ -3221,8 +3217,7 @@
           el.__qripple = ctx;
 
           addEvt(ctx, 'main', [
-            [ el, 'mousedown', 'start', 'passive' ],
-            [ el, 'touchstart', 'start', 'passive' ],
+            [ el, 'pointerdown', 'start', 'passive' ],
             [ el, 'click', 'start', 'passive' ],
             [ el, 'keydown', 'keystart', 'passive' ],
             [ el, 'keyup', 'keystart', 'passive' ]
@@ -3988,7 +3983,7 @@
     }
 
     function pickAnchorEl () {
-      if (props.target === false || props.target === '') {
+      if (props.target === false || props.target === '' || proxy.$el.parentNode === null) {
         anchorEl.value = null;
       }
       else if (props.target === true) {
@@ -11982,7 +11977,7 @@
     const date = new Date(
       d.year,
       d.month === null ? null : d.month - 1,
-      d.day,
+      d.day === null ? 1 : d.day,
       d.hour,
       d.minute,
       d.second,
@@ -14394,6 +14389,7 @@
 
       persistent: Boolean,
       autoClose: Boolean,
+      allowFocusOutside: Boolean,
 
       noEscDismiss: Boolean,
       noBackdropDismiss: Boolean,
@@ -14698,7 +14694,8 @@
       function onFocusChange (evt) {
         // the focus is not in a vue child component
         if (
-          portalIsAccessible.value === true
+          props.allowFocusOutside !== true
+          && portalIsAccessible.value === true
           && childHasFocus(innerRef.value, evt.target) !== true
         ) {
           focus('[tabindex]:not([tabindex="-1"])');
@@ -18832,6 +18829,7 @@
       + (props.square === true ? ' q-uploader--square no-border-radius' : '')
       + (props.flat === true ? ' q-uploader--flat no-shadow' : '')
       + (props.disable === true ? ' disabled q-uploader--disable' : '')
+      + (dnd.value === true ? ' q-uploader--dnd' : '')
     );
 
     const colorClass = vue.computed(() =>
@@ -21133,7 +21131,7 @@
       const labelAttrs = state.getControl === void 0 && slots.control === void 0
         ? {
             ...state.splitAttrs.attributes.value,
-            'data-autofocus': props.autofocus,
+            'data-autofocus': props.autofocus === true || void 0,
             ...attributes.value
           }
         : attributes.value;
@@ -21326,6 +21324,11 @@
         disabled: state.editable.value !== true
       }));
 
+      const fieldClass = vue.computed(() =>
+        'q-file q-field--auto-height'
+        + (dnd.value === true ? ' q-file--dnd' : '')
+      );
+
       const isAppending = vue.computed(() =>
         props.multiple === true && props.append === true
       );
@@ -21458,7 +21461,7 @@
       }
 
       Object.assign(state, {
-        fieldClass: { value: 'q-file q-field--auto-height' },
+        fieldClass,
         emitValue,
         hasValue,
         inputRef,
@@ -23246,23 +23249,19 @@
         e.target.qComposing = false;
         onInput(e);
       }
-      else if (e.type === 'compositionupdate') {
-        if (
-          e.target.qComposing !== true
-          && typeof e.data === 'string'
-        ) {
-          const isComposing = client.is.firefox === true
-            ? isPlainText.test(e.data) === false
-            : isJapanese.test(e.data) === true && isChinese.test(e.data) === true && isKorean.test(e.data) === true;
+      else if (
+        e.type === 'compositionupdate'
+        && e.target.qComposing !== true
+        && typeof e.data === 'string'
+      ) {
+        const isComposing = client.is.firefox === true
+          ? isPlainText.test(e.data) === false
+          : isJapanese.test(e.data) === true || isChinese.test(e.data) === true || isKorean.test(e.data) === true;
 
-          if (isComposing === true) {
-            e.target.qComposing = true;
-          }
+        if (isComposing === true) {
+          e.target.qComposing = true;
         }
       }
-      else {
-        e.target.qComposing = true;
-      }
     }
   }
 
@@ -27519,7 +27518,12 @@
   const setOverflowAnchor = window.getComputedStyle(document.body).overflowAnchor === void 0
     ? noop
     : function (contentEl, index) {
-      requestAnimationFrame(() => {
+      if (contentEl === null) {
+        return
+      }
+
+      cancelAnimationFrame(contentEl._qOverflowAnimationFrame);
+      contentEl._qOverflowAnimationFrame = requestAnimationFrame(() => {
         if (contentEl === null) {
           return
         }
@@ -28343,7 +28347,7 @@
 
     emits: [
       ...useFieldEmits,
-      'add', 'remove', 'input-value',
+      'add', 'remove', 'input-value', 'new-value',
       'keyup', 'keypress', 'keydown',
       'filter-abort'
     ],
@@ -28391,7 +28395,6 @@
         localResetVirtualScroll,
         padVirtualScroll,
         onVirtualScrollEvt,
-        reset,
         scrollTo,
         setVirtualScrollSize
       } = useVirtualScroll({
@@ -28485,15 +28488,23 @@
 
       const tabindex = vue.computed(() => (state.focused.value === true ? props.tabindex : -1));
 
-      const comboboxAttrs = vue.computed(() => ({
-        tabindex: props.tabindex,
-        role: 'combobox',
-        'aria-label': props.label,
-        'aria-autocomplete': props.useInput === true ? 'list' : 'none',
-        'aria-expanded': menu.value === true ? 'true' : 'false',
-        'aria-owns': `${ state.targetUid.value }_lb`,
-        'aria-controls': `${ state.targetUid.value }_lb`
-      }));
+      const comboboxAttrs = vue.computed(() => {
+        const attrs = {
+          tabindex: props.tabindex,
+          role: 'combobox',
+          'aria-label': props.label,
+          'aria-autocomplete': props.useInput === true ? 'list' : 'none',
+          'aria-expanded': menu.value === true ? 'true' : 'false',
+          'aria-owns': `${ state.targetUid.value }_lb`,
+          'aria-controls': `${ state.targetUid.value }_lb`
+        };
+
+        if (optionIndex.value >= 0) {
+          attrs[ 'aria-activedescendant' ] = `${ state.targetUid.value }_${ optionIndex.value }`;
+        }
+
+        return attrs
+      });
 
       const listboxAttrs = vue.computed(() => {
         const attrs = {
@@ -29558,13 +29569,18 @@
         setOptionIndex(optionIndex);
       }
 
-      function rerenderMenu () {
+      function rerenderMenu (newLength, oldLength) {
         if (menu.value === true && state.innerLoading.value === false) {
-          reset();
+          localResetVirtualScroll(-1, true);
 
           vue.nextTick(() => {
             if (menu.value === true && state.innerLoading.value === false) {
-              updateMenu(true);
+              if (newLength > oldLength) {
+                localResetVirtualScroll();
+              }
+              else {
+                updateMenu(true);
+              }
             }
           });
         }
@@ -33608,7 +33624,6 @@
 
       const __containerClass = vue.computed(() =>
         `q-table__container q-table--${ props.separator }-separator column no-wrap`
-        + (props.loading === true ? ' q-table--loading' : '')
         + (props.grid === true ? ' q-table--grid' : cardDefaultClass.value)
         + (isDark.value === true ? ' q-table--dark' : '')
         + (props.dense === true ? ' q-table--dense' : '')
@@ -39716,7 +39731,7 @@
   });
 
   var index_umd = {
-    version: '2.7.1',
+    version: '2.7.2',
     install (app, opts) {
       installQuasar(app, {
         components,