quasar 2.1.0

package/src/plugins/Notify.sass

@@ -0,0 +1,203 @@
+.q-notifications__list
+  z-index: $z-notify
+  pointer-events: none
+  left: 0
+  right: 0
+  margin-bottom: 10px
+  position: relative
+
+  &--center
+    top: 0
+    bottom: 0
+  &--top
+    top: 0
+  &--bottom
+    bottom: 0
+
+body.q-ios-padding .q-notifications__list
+  &--center, &--top
+    top: $ios-statusbar-height
+    top: env(safe-area-inset-top)
+  &--center, &--bottom
+    bottom: env(safe-area-inset-bottom)
+
+.q-notification
+  box-shadow: $shadow-2
+  border-radius: $generic-border-radius
+  pointer-events: all
+  display: inline-flex
+  margin: 10px 10px 0
+  transition: transform 1s, opacity 1s
+  z-index: $z-notify
+  flex-shrink: 0
+
+  max-width: 95vw
+
+  background: #323232
+  color: #fff
+
+  font-size: 14px
+
+  &__icon
+    font-size: 24px
+    margin-right: 16px
+    flex: 0 0 1em
+
+  &__avatar
+    font-size: 32px
+    margin-right: 8px
+
+  &__spinner
+    font-size: 32px
+    margin-right: 8px
+
+  &__message
+    padding: 8px 0
+
+  &__caption
+    font-size: 0.9em
+    opacity: 0.7
+
+  &__actions
+    color: var(--q-primary)
+
+  &__badge
+    animation: q-notif-badge .42s
+    padding: 4px 8px
+    position: absolute
+    box-shadow: $shadow-1
+    background-color: var(--q-negative)
+    color: #fff
+    border-radius: $generic-border-radius
+    font-size: 12px
+    line-height: 12px
+
+    &--top-left,
+    &--top-right
+      top: -6px
+
+    &--bottom-left,
+    &--bottom-right
+      bottom: -6px
+
+    &--top-left,
+    &--bottom-left
+      left: -22px
+
+    &--top-right,
+    &--bottom-right
+      right: -22px
+
+  &__progress
+    z-index: -1
+    position: absolute
+    height: 3px
+    bottom: 0
+    left: -10px
+    right: -10px
+    animation: q-notif-progress linear
+    background: currentColor
+    opacity: .3
+    border-radius: $generic-border-radius $generic-border-radius 0 0
+    transform-origin: 0 50%
+    transform: scaleX(0)
+
+  &--standard
+    padding: 0 16px
+    min-height: 48px
+
+    .q-notification__actions
+      padding: 6px 0 6px 8px
+      margin-right: -8px
+
+  &--multi-line
+    min-height: 68px
+    padding: 8px 16px
+
+    .q-notification__badge
+      &--top-left,
+      &--top-right
+        top: -15px
+
+      &--bottom-left,
+      &--bottom-right
+        bottom: -15px
+
+    .q-notification__progress
+      bottom: -8px
+
+    .q-notification__actions
+      padding: 0
+
+      &--with-media
+        padding-left: 25px
+
+  &--top-left-enter-from, &--top-left-leave-to,
+  &--top-enter-from, &--top-leave-to,
+  &--top-right-enter-from, &--top-right-leave-to
+    opacity: 0
+    transform: translateY(-50px)
+    z-index: ($z-notify - 1)
+
+  &--left-enter-from, &--left-leave-to,
+  &--center-enter-from, &--center-leave-to,
+  &--right-enter-from, &--right-leave-to
+    opacity: 0
+    transform: rotateX(90deg)
+    z-index: ($z-notify - 1)
+
+  &--bottom-left-enter-from, &--bottom-left-leave-to,
+  &--bottom-enter-from, &--bottom-leave-to,
+  &--bottom-right-enter-from, &--bottom-right-leave-to
+    opacity: 0
+    transform: translateY(50px)
+    z-index: ($z-notify - 1)
+
+  &--top-left-leave-active,
+  &--top-leave-active,
+  &--top-right-leave-active,
+  &--left-leave-active,
+  &--center-leave-active,
+  &--right-leave-active,
+  &--bottom-left-leave-active,
+  &--bottom-leave-active,
+  &--bottom-right-leave-active
+    position: absolute
+    z-index: ($z-notify - 1)
+    margin-left: 0
+    margin-right: 0
+
+  &--top-leave-active,
+  &--center-leave-active
+    top: 0
+
+  &--bottom-left-leave-active,
+  &--bottom-leave-active,
+  &--bottom-right-leave-active
+    bottom: 0
+
+@media (min-width: $breakpoint-sm-min)
+  .q-notification
+    max-width: 65vw
+
+@keyframes q-notif-badge
+  15%
+    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
+
+  30%
+    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
+
+  45%
+    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
+
+  60%
+    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
+
+  75%
+    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
+
+@keyframes q-notif-progress
+  0%
+    transform: scaleX(1)
+  100%
+    transform: scaleX(0)

package/src/plugins/Platform.js

@@ -0,0 +1,366 @@
+/* eslint-disable no-useless-escape */
+/* eslint-disable no-unused-expressions */
+/* eslint-disable no-mixed-operators */
+
+import { ref, reactive } from 'vue'
+
+/**
+ * __ QUASAR_SSR __            -> runs on SSR on client or server
+ * __ QUASAR_SSR_SERVER __     -> runs on SSR on server
+ * __ QUASAR_SSR_CLIENT __     -> runs on SSR on client
+ * __ QUASAR_SSR_PWA __        -> built with SSR+PWA; may run on SSR on client or on PWA client
+ *                              (needs runtime detection)
+ */
+
+export const isRuntimeSsrPreHydration = __QUASAR_SSR_SERVER__
+  ? { value: true }
+  : ref(
+    __QUASAR_SSR_CLIENT__ && (
+      __QUASAR_SSR_PWA__ ? document.body.getAttribute('data-server-rendered') !== null : true
+    )
+  )
+
+export let iosEmulated = false
+export let iosCorrection
+
+function getMatch (userAgent, platformMatch) {
+  const match = /(edge|edga|edgios)\/([\w.]+)/.exec(userAgent)
+    || /(opr)[\/]([\w.]+)/.exec(userAgent)
+    || /(vivaldi)[\/]([\w.]+)/.exec(userAgent)
+    || /(chrome|crios)[\/]([\w.]+)/.exec(userAgent)
+    || /(iemobile)[\/]([\w.]+)/.exec(userAgent)
+    || /(version)(applewebkit)[\/]([\w.]+).*(safari)[\/]([\w.]+)/.exec(userAgent)
+    || /(webkit)[\/]([\w.]+).*(version)[\/]([\w.]+).*(safari)[\/]([\w.]+)/.exec(userAgent)
+    || /(firefox|fxios)[\/]([\w.]+)/.exec(userAgent)
+    || /(webkit)[\/]([\w.]+)/.exec(userAgent)
+    || /(opera)(?:.*version|)[\/]([\w.]+)/.exec(userAgent)
+    || /(msie) ([\w.]+)/.exec(userAgent)
+    || (userAgent.indexOf('trident') >= 0 && /(rv)(?::| )([\w.]+)/.exec(userAgent))
+    || (userAgent.indexOf('compatible') < 0 && /(mozilla)(?:.*? rv:([\w.]+)|)/.exec(userAgent))
+    || []
+
+  return {
+    browser: match[ 5 ] || match[ 3 ] || match[ 1 ] || '',
+    version: match[ 2 ] || match[ 4 ] || '0',
+    versionNumber: match[ 4 ] || match[ 2 ] || '0',
+    platform: platformMatch[ 0 ] || ''
+  }
+}
+
+function getPlatformMatch (userAgent) {
+  return /(ipad)/.exec(userAgent)
+    || /(ipod)/.exec(userAgent)
+    || /(windows phone)/.exec(userAgent)
+    || /(iphone)/.exec(userAgent)
+    || /(kindle)/.exec(userAgent)
+    || /(silk)/.exec(userAgent)
+    || /(android)/.exec(userAgent)
+    || /(win)/.exec(userAgent)
+    || /(mac)/.exec(userAgent)
+    || /(linux)/.exec(userAgent)
+    || /(cros)/.exec(userAgent)
+    || /(playbook)/.exec(userAgent)
+    || /(bb)/.exec(userAgent)
+    || /(blackberry)/.exec(userAgent)
+    || []
+}
+
+const hasTouch = __QUASAR_SSR_SERVER__
+  ? false
+  : 'ontouchstart' in window || window.navigator.maxTouchPoints > 0
+
+function applyIosCorrection (is) {
+  iosCorrection = { is: { ...is } }
+
+  delete is.mac
+  delete is.desktop
+
+  const platform = Math.min(window.innerHeight, window.innerWidth) > 414
+    ? 'ipad'
+    : 'iphone'
+
+  Object.assign(is, {
+    mobile: true,
+    ios: true,
+    platform,
+    [ platform ]: true
+  })
+}
+
+function getPlatform (UA) {
+  const
+    userAgent = UA.toLowerCase(),
+    platformMatch = getPlatformMatch(userAgent),
+    matched = getMatch(userAgent, platformMatch),
+    browser = {}
+
+  if (matched.browser) {
+    browser[ matched.browser ] = true
+    browser.version = matched.version
+    browser.versionNumber = parseInt(matched.versionNumber, 10)
+  }
+
+  if (matched.platform) {
+    browser[ matched.platform ] = true
+  }
+
+  const knownMobiles = browser.android
+    || browser.ios
+    || browser.bb
+    || browser.blackberry
+    || browser.ipad
+    || browser.iphone
+    || browser.ipod
+    || browser.kindle
+    || browser.playbook
+    || browser.silk
+    || browser[ 'windows phone' ]
+
+  // These are all considered mobile platforms, meaning they run a mobile browser
+  if (knownMobiles === true || userAgent.indexOf('mobile') > -1) {
+    browser.mobile = true
+
+    if (browser.edga || browser.edgios) {
+      browser.edge = true
+      matched.browser = 'edge'
+    }
+    else if (browser.crios) {
+      browser.chrome = true
+      matched.browser = 'chrome'
+    }
+    else if (browser.fxios) {
+      browser.firefox = true
+      matched.browser = 'firefox'
+    }
+  }
+  // If it's not mobile we should consider it's desktop platform, meaning it runs a desktop browser
+  // It's a workaround for anonymized user agents
+  // (browser.cros || browser.mac || browser.linux || browser.win)
+  else {
+    browser.desktop = true
+  }
+
+  // Set iOS if on iPod, iPad or iPhone
+  if (browser.ipod || browser.ipad || browser.iphone) {
+    browser.ios = true
+  }
+
+  if (browser[ 'windows phone' ]) {
+    browser.winphone = true
+    delete browser[ 'windows phone' ]
+  }
+
+  // Chrome, Opera 15+, Vivaldi and Safari are webkit based browsers
+  if (
+    browser.chrome
+    || browser.opr
+    || browser.safari
+    || browser.vivaldi
+    // we expect unknown, non iOS mobile browsers to be webkit based
+    || (
+      browser.mobile === true
+      && browser.ios !== true
+      && knownMobiles !== true
+    )
+  ) {
+    browser.webkit = true
+  }
+
+  // Blackberry browsers are marked as Safari on BlackBerry
+  if (browser.safari && browser.blackberry || browser.bb) {
+    matched.browser = 'blackberry'
+    browser.blackberry = true
+  }
+
+  // Playbook browsers are marked as Safari on Playbook
+  if (browser.safari && browser.playbook) {
+    matched.browser = 'playbook'
+    browser.playbook = true
+  }
+
+  // Opera 15+ are identified as opr
+  if (browser.opr) {
+    matched.browser = 'opera'
+    browser.opera = true
+  }
+
+  // Stock Android browsers are marked as Safari on Android.
+  if (browser.safari && browser.android) {
+    matched.browser = 'android'
+    browser.android = true
+  }
+
+  // Kindle browsers are marked as Safari on Kindle
+  if (browser.safari && browser.kindle) {
+    matched.browser = 'kindle'
+    browser.kindle = true
+  }
+
+  // Kindle Silk browsers are marked as Safari on Kindle
+  if (browser.safari && browser.silk) {
+    matched.browser = 'silk'
+    browser.silk = true
+  }
+
+  if (browser.vivaldi) {
+    matched.browser = 'vivaldi'
+    browser.vivaldi = true
+  }
+
+  // Assign the name and platform variable
+  browser.name = matched.browser
+  browser.platform = matched.platform
+
+  if (__QUASAR_SSR_SERVER__ !== true) {
+    if (userAgent.indexOf('electron') > -1) {
+      browser.electron = true
+    }
+    else if (document.location.href.indexOf('-extension://') > -1) {
+      browser.bex = true
+    }
+    else {
+      if (window.Capacitor !== void 0) {
+        browser.capacitor = true
+        browser.nativeMobile = true
+        browser.nativeMobileWrapper = 'capacitor'
+      }
+      else if (window._cordovaNative !== void 0 || window.cordova !== void 0) {
+        browser.cordova = true
+        browser.nativeMobile = true
+        browser.nativeMobileWrapper = 'cordova'
+      }
+
+      if (
+        hasTouch === true
+        && browser.mac === true
+        && (
+          (browser.desktop === true && browser.safari === true)
+          || (
+            browser.nativeMobile === true
+            && browser.android !== true
+            && browser.ios !== true
+            && browser.ipad !== true
+          )
+        )
+      ) {
+        /*
+        * Correction needed for iOS since the default
+        * setting on iPad is to request desktop view; if we have
+        * touch support and the user agent says it's a
+        * desktop, we infer that it's an iPhone/iPad with desktop view
+        * so we must fix the false positives
+        */
+        applyIosCorrection(browser)
+      }
+    }
+  }
+
+  return browser
+}
+
+const userAgent = __QUASAR_SSR_SERVER__
+  ? ''
+  : navigator.userAgent || navigator.vendor || window.opera
+
+const ssrClient = {
+  has: {
+    touch: false,
+    webStorage: false
+  },
+  within: { iframe: false }
+}
+
+// We export "client" for hydration error-free parts,
+// like touch directives who do not (and must NOT) wait
+// for the client takeover;
+// Do NOT import this directly in your app, unless you really know
+// what you are doing.
+export const client = __QUASAR_SSR_SERVER__
+  ? ssrClient
+  : {
+      userAgent,
+      is: getPlatform(userAgent),
+      has: {
+        touch: hasTouch
+      },
+      within: {
+        iframe: window.self !== window.top
+      }
+    }
+
+const Platform = {
+  install (opts) {
+    const { $q } = opts
+
+    if (__QUASAR_SSR_SERVER__) {
+      $q.platform = this.parseSSR(opts.ssrContext)
+    }
+    else if (isRuntimeSsrPreHydration.value === true) {
+      // takeover should increase accuracy for
+      // the rest of the props; we also avoid
+      // hydration errors
+      opts.onSSRHydrated.push(() => {
+        isRuntimeSsrPreHydration.value = false
+        Object.assign($q.platform, client)
+        iosCorrection = void 0
+      })
+
+      // we need to make platform reactive
+      // for the takeover phase
+      $q.platform = reactive(this)
+    }
+    else {
+      $q.platform = this
+    }
+  }
+}
+
+if (__QUASAR_SSR_SERVER__) {
+  Platform.parseSSR = (ssrContext) => {
+    const userAgent = ssrContext.req.headers[ 'user-agent' ] || ssrContext.req.headers[ 'User-Agent' ] || ''
+    return {
+      ...client,
+      userAgent,
+      is: getPlatform(userAgent)
+    }
+  }
+}
+else {
+  // do not access window.localStorage without
+  // devland actually using it as this will get
+  // reported under "Cookies" in Google Chrome
+  let hasWebStorage
+  Object.defineProperty(client.has, 'webStorage', {
+    get: () => {
+      if (hasWebStorage !== void 0) {
+        return hasWebStorage
+      }
+
+      try {
+        if (window.localStorage) {
+          hasWebStorage = true
+          return true
+        }
+      }
+      catch (e) {}
+
+      hasWebStorage = false
+      return false
+    }
+  })
+
+  iosEmulated = client.is.ios === true
+    && window.navigator.vendor.toLowerCase().indexOf('apple') === -1
+
+  if (isRuntimeSsrPreHydration.value === true) {
+    // must match with server-side before
+    // client taking over in order to prevent
+    // hydration errors
+    Object.assign(Platform, client, iosCorrection, ssrClient)
+  }
+  else {
+    Object.assign(Platform, client)
+  }
+}
+
+export default Platform