quasar 2.6.3 → 2.6.6

package/dist/quasar.sass

@@ -1,5 +1,5 @@
 /*!
- * Quasar Framework v2.6.3
+ * Quasar Framework v2.6.6
  * (c) 2015-present Razvan Stoenescu
  * Released under the MIT License.
  */
@@ -1851,8 +1851,8 @@ body.desktop .q-chip--clickable:focus
         max-height: 100vh
         max-width: 100vw
         border-radius: 0 !important
-        top: 0px !important
-        left: 0px !important
+        top: 0 !important
+        left: 0 !important
     &--top, &--bottom
       padding-top: 0 !important
       padding-bottom: 0 !important
@@ -4953,9 +4953,9 @@ body.desktop
   &__arrow,
   &__spinner
     font-size: 16px
+    margin-right: 4px
   &__arrow
     transition: transform .3s
-    margin-right: 4px
     &--rotate
       transform: rotate3d(0, 0, 1, 90deg)
   &__tickbox
@@ -5151,8 +5151,10 @@ img.responsive
   &__content
     outline: none
     contain: content
-    *
+    > *
       overflow-anchor: none
+    > [data-q-vs-anchor]
+      overflow-anchor: auto
   &__padding
     background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,0) 20%, rgba(128, 128, 128, .03) 20%, rgba(128, 128, 128, .08) 50%, rgba(128, 128, 128, .03) 80%, rgba(255,255,255,0) 80%, rgba(255,255,255,0)) #{"/* rtl:ignore */"}
     background-size: var(--q-virtual-scroll-item-width, 100%) var(--q-virtual-scroll-item-height, 50px) #{"/* rtl:ignore */"}

package/dist/quasar.umd.js

@@ -1,5 +1,5 @@
 /*!
- * Quasar Framework v2.6.3
+ * Quasar Framework v2.6.6
  * (c) 2015-present Razvan Stoenescu
  * Released under the MIT License.
  */
@@ -837,9 +837,9 @@
   }
 
   function normalizeExitPath (path) {
-    path.startsWith('#') === true && (path = path.substr(1));
+    path.startsWith('#') === true && (path = path.substring(1));
     path.startsWith('/') === false && (path = '/' + path);
-    path.endsWith('/') === true && (path = path.substr(0, path.length - 1));
+    path.endsWith('/') === true && (path = path.substring(0, path.length - 1));
     return '#' + path
   }
 
@@ -1603,7 +1603,7 @@
   }
 
   var installQuasar = function (parentApp, opts = {}) {
-      const $q = { version: '2.6.3' };
+      const $q = { version: '2.6.6' };
 
       if (globalConfigIsFrozen === false) {
         if (opts.config !== void 0) {
@@ -2163,7 +2163,7 @@
           cls = icon;
         }
         else if (ionRE.test(icon) === true) {
-          cls = `ionicons ion-${ $q.platform.is.ios === true ? 'ios' : 'md' }${ icon.substr(3) }`;
+          cls = `ionicons ion-${ $q.platform.is.ios === true ? 'ios' : 'md' }${ icon.substring(3) }`;
         }
         else {
           // "notranslate" class is for Google Translate
@@ -4386,8 +4386,12 @@
   // You MUST specify "inheritAttrs: false" in your component
 
   function usePortal (vm, innerRef, renderPortalContent, checkGlobalDialog) {
+    // showing, including while in show/hide transition
     const portalIsActive = vue.ref(false);
 
+    // showing & not in any show/hide transition
+    const portalIsAccessible = vue.ref(false);
+
     let portalEl = null;
     const focusObj = {};
     const onGlobalDialog = checkGlobalDialog === true && isOnGlobalDialog(vm);
@@ -4395,9 +4399,12 @@
     function showPortal (isReady) {
       if (isReady === true) {
         removeFocusWaitFlag(focusObj);
+        portalIsAccessible.value = true;
         return
       }
 
+      portalIsAccessible.value = false;
+
       if (portalIsActive.value === false) {
         if (onGlobalDialog === false && portalEl === null) {
           portalEl = createGlobalNode();
@@ -4412,7 +4419,11 @@
       }
     }
 
-    function hidePortal () {
+    function hidePortal (isReady) {
+      portalIsAccessible.value = false;
+
+      if (isReady !== true) { return }
+
       removeFocusWaitFlag(focusObj);
       portalIsActive.value = false;
 
@@ -4428,7 +4439,7 @@
       }
     }
 
-    vue.onUnmounted(hidePortal);
+    vue.onUnmounted(() => { hidePortal(true); });
 
     // expose publicly needed stuff for portal utils
     Object.assign(vm.proxy, { __qPortalInnerRef: innerRef });
@@ -4438,6 +4449,7 @@
       hidePortal,
 
       portalIsActive,
+      portalIsAccessible,
 
       renderPortal: () => (
         onGlobalDialog === true
@@ -5352,6 +5364,7 @@
       function handleHide (evt) {
         removeTick();
         removeTimeout();
+        hidePortal();
 
         anchorCleanup(true);
 
@@ -5369,7 +5382,7 @@
         }
 
         registerTimeout(() => {
-          hidePortal();
+          hidePortal(true); // done hiding, now destroy
           emit('hide', evt);
         }, props.transitionDuration);
       }
@@ -10126,6 +10139,14 @@
     fulltime: v => /^([0-1]?\d|2[0-3]):[0-5]\d:[0-5]\d$/.test(v),
     timeOrFulltime: v => /^([0-1]?\d|2[0-3]):[0-5]\d(:[0-5]\d)?$/.test(v),
 
+    // -- RFC 5322 --
+    // -- Added in v2.6.6 --
+    // This is a basic helper validation.
+    // For something more complex (like RFC 822) you should write and use your own rule.
+    // We won't be accepting PRs to enhance the one below because of the reason above.
+    // eslint-disable-next-line
+    email: v => /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(v),
+
     hexColor: v => hex.test(v),
     hexaColor: v => hexa.test(v),
     hexOrHexaColor: v => hexOrHexa.test(v),
@@ -14398,7 +14419,7 @@
       const { registerTimeout, removeTimeout } = useTimeout();
       const { registerTick, removeTick } = useTick();
 
-      const { showPortal, hidePortal, portalIsActive, renderPortal } = usePortal(
+      const { showPortal, hidePortal, portalIsAccessible, renderPortal } = usePortal(
         vm, innerRef, renderPortalContent, /* pls do check if on a global dialog */ true
       );
 
@@ -14537,6 +14558,7 @@
         removeFromHistory();
         cleanup(true);
         animating.value = true;
+        hidePortal();
 
         if (refocusTarget !== null) {
           refocusTarget.focus();
@@ -14544,13 +14566,13 @@
         }
 
         registerTimeout(() => {
-          hidePortal();
+          hidePortal(true); // done hiding, now destroy
           animating.value = false;
           emit('hide', evt);
         }, props.transitionDuration);
       }
 
-      function focus () {
+      function focus (selector) {
         addFocusFn(() => {
           let node = innerRef.value;
 
@@ -14558,7 +14580,7 @@
             return
           }
 
-          node = node.querySelector('[autofocus], [data-autofocus]') || node;
+          node = node.querySelector(selector || '[autofocus], [data-autofocus]') || node;
           node.focus({ preventScroll: true });
         });
       }
@@ -14652,11 +14674,10 @@
       function onFocusChange (evt) {
         // the focus is not in a vue child component
         if (
-          showing.value === true
-          && portalIsActive.value === true
+          portalIsAccessible.value === true
           && childHasFocus(innerRef.value, evt.target) !== true
         ) {
-          focus();
+          focus('[tabindex]:not([tabindex="-1"])');
         }
       }
 
@@ -15918,11 +15939,12 @@
       function handleHide (evt) {
         removeTick();
         removeTimeout();
+        hidePortal();
 
         anchorCleanup();
 
         registerTimeout(() => {
-          hidePortal();
+          hidePortal(true); // done hiding, now destroy
           emit('hide', evt);
         }, props.transitionDuration);
       }
@@ -16975,11 +16997,14 @@
       }
 
       function onFocusin (e) {
+        const root = rootRef.value;
+
         if (
-          rootRef.value.contains(e.target) === true
+          root !== null
+          && root.contains(e.target) === true
           && (
             e.relatedTarget === null
-            || rootRef.value.contains(e.relatedTarget) !== true
+            || root.contains(e.relatedTarget) !== true
           )
         ) {
           const prop = `inner${ isViewingSource.value === true ? 'Text' : 'HTML' }`;
@@ -16989,11 +17014,14 @@
       }
 
       function onFocusout (e) {
+        const root = rootRef.value;
+
         if (
-          rootRef.value.contains(e.target) === true
+          root !== null
+          && root.contains(e.target) === true
           && (
             e.relatedTarget === null
-            || rootRef.value.contains(e.relatedTarget) !== true
+            || root.contains(e.relatedTarget) !== true
           )
         ) {
           eVm.caret.savePosition();
@@ -17387,7 +17415,7 @@
 
   // Pre-calculate toString(16) for speed
   for (let i = 0; i < 256; i++) {
-    hexBytes[ i ] = (i + 0x100).toString(16).substr(1);
+    hexBytes[ i ] = (i + 0x100).toString(16).substring(1);
   }
 
   // Use best available PRNG
@@ -18178,7 +18206,7 @@
   function fallback (text) {
     const area = document.createElement('textarea');
     area.value = text;
-    area.contentEditable = true;
+    area.contentEditable = 'true';
     area.style.position = 'fixed'; // avoid scrolling to bottom
 
     document.body.appendChild(area);
@@ -19258,7 +19286,7 @@
     return getComputedStyle(element).getPropertyValue(`--q-${ propName }`).trim() || null
   }
 
-  let id$1 = 0;
+  let id = 0;
   let offsetBase = void 0;
 
   function getAbsolutePosition (el, resize) {
@@ -19986,7 +20014,7 @@
           };
         }
         else {
-          const qAnimId = `q-morph-anim-${ ++id$1 }`;
+          const qAnimId = `q-morph-anim-${ ++id }`;
           const style = document.createElement('style');
           const resizeFrom = options.resize === true
             ? `
@@ -22092,6 +22120,10 @@
         type: String,
         default: 'lazy'
       },
+      fetchpriority: {
+        type: String,
+        default: 'auto'
+      },
       width: String,
       height: String,
       initialRatio: {
@@ -22254,6 +22286,7 @@
           height: props.height,
           width: props.width,
           loading: props.loading,
+          fetchpriority: props.fetchpriority,
           'aria-hidden': 'true',
           draggable: props.draggable,
           ...img
@@ -27452,27 +27485,30 @@
     'end-force'
   ];
 
-  let id = 1;
   const filterProto = Array.prototype.filter;
 
   const setOverflowAnchor = window.getComputedStyle(document.body).overflowAnchor === void 0
     ? noop
-    : function (id, index) {
-      const ssId = id + '_ss';
+    : function (contentEl, index) {
+      requestAnimationFrame(() => {
+        if (contentEl === void 0) {
+          return
+        }
 
-      let styleSheet = document.getElementById(ssId);
+        const children = contentEl.children || [];
 
-      if (styleSheet === null) {
-        styleSheet = document.createElement('style');
-        styleSheet.type = 'text/css';
-        styleSheet.id = ssId;
-        document.head.appendChild(styleSheet);
-      }
+        filterProto
+          .call(children, el => el.dataset && el.dataset.qVsAnchor !== void 0)
+          .forEach(el => {
+            delete el.dataset.qVsAnchor;
+          });
 
-      if (styleSheet.qChildIndex !== index) {
-        styleSheet.qChildIndex = index;
-        styleSheet.innerHTML = `#${ id } > *:nth-child(${ index }) { overflow-anchor: auto }`;
-      }
+        const el = children[ index ];
+
+        if (el && el.dataset) {
+          el.dataset.qVsAnchor = '';
+        }
+      });
     };
 
   function sumFn (acc, h) {
@@ -27668,8 +27704,6 @@
 
     let prevScrollStart, prevToIndex, localScrollViewSize, virtualScrollSizesAgg = [], virtualScrollSizes;
 
-    const vsId = 'qvs_' + id++;
-
     const virtualScrollPaddingBefore = vue.ref(0);
     const virtualScrollPaddingAfter = vue.ref(0);
     const virtualScrollSliceSizeComputed = vue.ref({});
@@ -27855,7 +27889,7 @@
         });
       }
 
-      setOverflowAnchor(vsId, toIndex - from + 1);
+      setOverflowAnchor(contentEl, toIndex - from);
 
       const sizeBefore = alignEnd !== void 0 ? virtualScrollSizes.slice(from, toIndex).reduce(sumFn, 0) : 0;
 
@@ -28081,7 +28115,6 @@
           class: 'q-virtual-scroll__content',
           key: 'content',
           ref: contentRef,
-          id: vsId,
           tabindex: -1
         }, content.flat()),
 
@@ -28155,9 +28188,7 @@
       }
     });
 
-    setOverflowAnchor !== noop && vue.onBeforeUnmount(() => {
-      const styleSheet = document.getElementById(vsId + '_ss');
-      styleSheet !== null && styleSheet.remove();
+    vue.onBeforeUnmount(() => {
       onVirtualScrollEvt.cancel();
     });
 
@@ -34374,7 +34405,7 @@
 
             return vue.h('div', {
               class: 'q-table__grid-item col-xs-12 col-sm-6 col-md-4 col-lg-3'
-                + (scope.selected === true ? 'q-table__grid-item--selected' : '')
+                + (scope.selected === true ? ' q-table__grid-item--selected' : '')
             }, [
               vue.h('div', data, child)
             ])
@@ -36594,7 +36625,20 @@
         required: true
       },
 
-      title: String
+      title: String,
+
+      fetchpriority: {
+        type: String,
+        default: 'auto'
+      },
+      loading: {
+        type: String,
+        default: 'eager'
+      },
+      referrerpolicy: {
+        type: String,
+        default: 'strict-origin-when-cross-origin'
+      }
     },
 
     setup (props) {
@@ -36612,6 +36656,9 @@
         vue.h('iframe', {
           src: props.src,
           title: props.title,
+          fetchpriority: props.fetchpriority,
+          loading: props.loading,
+          referrerpolicy: props.referrerpolicy,
           frameborder: '0',
           allowfullscreen: true
         })
@@ -38540,14 +38587,14 @@
       function getButtons () {
         const child = [];
 
-        props.ok && child.push(
-          vue.h(QBtn, okProps.value)
-        );
-
         props.cancel && child.push(
           vue.h(QBtn, cancelProps.value)
         );
 
+        props.ok && child.push(
+          vue.h(QBtn, okProps.value)
+        );
+
         return vue.h(QCardActions, {
           class: props.stackButtons === true ? 'items-end' : '',
           vertical: props.stackButtons,
@@ -39392,7 +39439,7 @@
       return value
     }
 
-    const type = value.substr(0, 8);
+    const type = value.substring(0, 8);
     const source = value.substring(9);
 
     switch (type) {
@@ -39628,7 +39675,7 @@
   });
 
   var index_umd = {
-    version: '2.6.3',
+    version: '2.6.6',
     install (app, opts) {
       installQuasar(app, {
         components,