quasar 2.6.3 → 2.6.6

package/src/components/virtual-scroll/use-virtual-scroll.js

@@ -15,27 +15,30 @@ const scrollToEdges = [
   'end-force'
 ]
 
-let id = 1
 const filterProto = Array.prototype.filter
 
 const setOverflowAnchor = __QUASAR_SSR__ || 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) {
@@ -231,8 +234,6 @@ export function useVirtualScroll ({
 
   let prevScrollStart, prevToIndex, localScrollViewSize, virtualScrollSizesAgg = [], virtualScrollSizes
 
-  const vsId = 'qvs_' + id++
-
   const virtualScrollPaddingBefore = ref(0)
   const virtualScrollPaddingAfter = ref(0)
   const virtualScrollSliceSizeComputed = ref({})
@@ -418,7 +419,7 @@ export function useVirtualScroll ({
       })
     }
 
-    setOverflowAnchor(vsId, toIndex - from + 1)
+    setOverflowAnchor(contentEl, toIndex - from)
 
     const sizeBefore = alignEnd !== void 0 ? virtualScrollSizes.slice(from, toIndex).reduce(sumFn, 0) : 0
 
@@ -644,7 +645,6 @@ export function useVirtualScroll ({
         class: 'q-virtual-scroll__content',
         key: 'content',
         ref: contentRef,
-        id: vsId,
         tabindex: -1
       }, content.flat()),
 
@@ -718,9 +718,7 @@ export function useVirtualScroll ({
     }
   })
 
-  setOverflowAnchor !== noop && onBeforeUnmount(() => {
-    const styleSheet = document.getElementById(vsId + '_ss')
-    styleSheet !== null && styleSheet.remove()
+  __QUASAR_SSR__ || onBeforeUnmount(() => {
     onVirtualScrollEvt.cancel()
   })
 

package/src/composables/private/use-portal.js

@@ -26,11 +26,16 @@ function isOnGlobalDialog (vm) {
 // You MUST specify "inheritAttrs: false" in your component
 
 export default function (vm, innerRef, renderPortalContent, checkGlobalDialog) {
+  // showing, including while in show/hide transition
   const portalIsActive = ref(false)
 
+  // showing & not in any show/hide transition
+  const portalIsAccessible = ref(false)
+
   if (__QUASAR_SSR_SERVER__) {
     return {
       portalIsActive,
+      portalIsAccessible,
 
       showPortal: noop,
       hidePortal: noop,
@@ -45,9 +50,12 @@ export default function (vm, innerRef, renderPortalContent, checkGlobalDialog) {
   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()
@@ -62,7 +70,11 @@ export default function (vm, innerRef, renderPortalContent, checkGlobalDialog) {
     }
   }
 
-  function hidePortal () {
+  function hidePortal (isReady) {
+    portalIsAccessible.value = false
+
+    if (isReady !== true) { return }
+
     removeFocusWaitFlag(focusObj)
     portalIsActive.value = false
 
@@ -78,7 +90,7 @@ export default function (vm, innerRef, renderPortalContent, checkGlobalDialog) {
     }
   }
 
-  onUnmounted(hidePortal)
+  onUnmounted(() => { hidePortal(true) })
 
   // expose publicly needed stuff for portal utils
   Object.assign(vm.proxy, { __qPortalInnerRef: innerRef })
@@ -88,6 +100,7 @@ export default function (vm, innerRef, renderPortalContent, checkGlobalDialog) {
     hidePortal,
 
     portalIsActive,
+    portalIsAccessible,
 
     renderPortal: () => (
       onGlobalDialog === true

package/src/composables/private/use-router-link.json

@@ -39,7 +39,7 @@
     "href": {
       "type": "String",
       "desc": "Native <a> link href attribute; Has priority over the 'to'/'exact'/'replace'/'active-class'/'exact-active-class' props",
-      "examples": [ "http://quasar.dev" ],
+      "examples": [ "https://quasar.dev" ],
       "category": "navigation",
       "addedIn": "v2.4"
     },

package/src/history.js

@@ -11,9 +11,9 @@ function filterInvalidPath (path) {
 }
 
 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
 }
 

package/src/plugins/Notify.json

@@ -357,7 +357,7 @@
 
             "actions": {
               "type": "Array",
-              "tsType": "QNotifyActions",
+              "tsType": "QNotifyAction",
               "desc": "Notification actions (buttons); Unless 'noDismiss' is true, clicking/tapping on the button will close the notification; Also check 'closeBtn' convenience prop",
               "definition": {
                 "handler": {

package/src/utils/copy-to-clipboard.js

@@ -1,7 +1,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)

package/src/utils/patterns.js

@@ -14,6 +14,14 @@ export const testPattern = {
   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),

package/src/utils/private/date-persian.js

@@ -27,15 +27,6 @@ export function toGregorian (jy, jm, jd) {
   return d2g(j2d(jy, jm, jd))
 }
 
-/*
-  Checks whether a Jalaali date is valid or not.
-*/
-export function isValidJalaaliDate (jy, jm, jd) {
-  return jy >= -61 && jy <= 3177
-          && jm >= 1 && jm <= 12
-          && jd >= 1 && jd <= jalaaliMonthLength(jy, jm)
-}
-
 /*
   Is this a leap year or not?
 */

package/src/utils/private/position-engine.js

@@ -48,11 +48,6 @@ export function parsePosition (pos, rtl) {
   }
 }
 
-export function validateCover (val) {
-  if (val === true || val === false) { return true }
-  return validatePosition(val)
-}
-
 export function getAnchorProps (el, offset) {
   let { top, left, right, bottom, width, height } = el.getBoundingClientRect()
 

package/src/utils/private/sort.js

@@ -1,14 +1,3 @@
-export function sortString (a, b) {
-  if (typeof a !== 'string') {
-    throw new TypeError('The value for sorting must be a String')
-  }
-  return a.localeCompare(b)
-}
-
-export function sortNumber (a, b) {
-  return a - b
-}
-
 export function sortDate (a, b) {
   return (new Date(a)) - (new Date(b))
 }

package/src/utils/private/web-storage.js

@@ -36,7 +36,7 @@ function decode (value) {
     return value
   }
 
-  const type = value.substr(0, 8)
+  const type = value.substring(0, 8)
   const source = value.substring(9)
 
   switch (type) {

package/src/utils/uid.js

@@ -9,7 +9,7 @@ const hexBytes = new Array(256)
 
 // 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