quasar 2.16.11 → 2.17.1

package/src/css/core/flex.sass

@@ -1,6 +1,5 @@
 @use 'sass:math'
-
-@import '../helpers/string.sass'
+@use 'sass:string'
 
 @mixin fg($name, $size)
   $noProcNotZero: $size > 0
@@ -26,19 +25,19 @@
         flex: 0 1 auto
 
     @for $i from 0 through $flex-cols
-      $ic: quote('' + $i)
+      $ic: string.quote('' + $i)
       #{str-fe('.col<name>-<i>', $name, $noProcNotZero, $ic)}
         @extend .col#{$name}-auto
       .row
         #{str-fe('> .col<name>-<i>', $name, $noProcNotZero, $ic)}
           height: auto
-          width: toFixed(percentage(math.div($i, $flex-cols)), 10000)
+          width: toFixed(math.percentage(math.div($i, $flex-cols)), 10000)
         @if $i != 0 or $name != ''
           #{str-fe('> .offset<name>-<i>', $name, $noProcNotZero, $ic)}
-            margin-left: toFixed(percentage(math.div($i, $flex-cols)), 10000)
+            margin-left: toFixed(math.percentage(math.div($i, $flex-cols)), 10000)
       .column
         #{str-fe('> .col<name>-<i>', $name, $noProcNotZero, $ic)}
-          height: toFixed(percentage(math.div($i, $flex-cols)), 10000)
+          height: toFixed(math.percentage(math.div($i, $flex-cols)), 10000)
           width: auto
       @if $size == 0 and $i == $flex-cols
         .row > .col-all

package/src/css/core/size.sass

@@ -1,3 +1,5 @@
+@use 'sass:map'
+
 \:root
   @each $name, $size in $sizes
     #{"--q-size-"}#{$name}: #{$size}
@@ -29,38 +31,38 @@
 @each $space, $value in $spaces
 
   .q-pa-#{$space}
-    padding: map-get($value, "y") map-get($value, "x")
+    padding: map.get($value, "y") map.get($value, "x")
   .q-pl-#{$space}
-    padding-left: map-get($value, "x")
+    padding-left: map.get($value, "x")
   .q-pr-#{$space}
-    padding-right: map-get($value, "x")
+    padding-right: map.get($value, "x")
   .q-pt-#{$space}
-    padding-top: map-get($value, "y")
+    padding-top: map.get($value, "y")
   .q-pb-#{$space}
-    padding-bottom: map-get($value, "y")
+    padding-bottom: map.get($value, "y")
   .q-px-#{$space}
-    padding-left: map-get($value, "x")
-    padding-right: map-get($value, "x")
+    padding-left: map.get($value, "x")
+    padding-right: map.get($value, "x")
   .q-py-#{$space}
-    padding-top: map-get($value, "y")
-    padding-bottom: map-get($value, "y")
+    padding-top: map.get($value, "y")
+    padding-bottom: map.get($value, "y")
 
   .q-ma-#{$space}
-    margin: map-get($value, "y") map-get($value, "x")
+    margin: map.get($value, "y") map.get($value, "x")
   .q-ml-#{$space}
-    margin-left: map-get($value, "x")
+    margin-left: map.get($value, "x")
   .q-mr-#{$space}
-    margin-right: map-get($value, "x")
+    margin-right: map.get($value, "x")
   .q-mt-#{$space}
-    margin-top: map-get($value, "y")
+    margin-top: map.get($value, "y")
   .q-mb-#{$space}
-    margin-bottom: map-get($value, "y")
+    margin-bottom: map.get($value, "y")
   .q-mx-#{$space}
-    margin-left: map-get($value, "x")
-    margin-right: map-get($value, "x")
+    margin-left: map.get($value, "x")
+    margin-right: map.get($value, "x")
   .q-my-#{$space}
-    margin-top: map-get($value, "y")
-    margin-bottom: map-get($value, "y")
+    margin-top: map.get($value, "y")
+    margin-bottom: map.get($value, "y")
 
 .q-mt-auto, .q-my-auto
   margin-top: auto

package/src/css/core/typography.sass

@@ -1,3 +1,5 @@
+@use 'sass:map'
+
 body
   min-width: 100px
   min-height: 100%
@@ -12,21 +14,21 @@ body
 
 @each $heading, $value in $h-tags
   #{$heading}
-    font-size: map-get($value, "size")
-    font-weight: map-get($value, "weight")
-    line-height: map-get($value, "line-height")
-    letter-spacing: map-get($value, "letter-spacing")
+    font-size: map.get($value, "size")
+    font-weight: map.get($value, "weight")
+    line-height: map.get($value, "line-height")
+    letter-spacing: map.get($value, "letter-spacing")
 
 p
-  margin: 0 0 map-get(map-get($spaces, "md"), "y")
+  margin: 0 0 map.get(map.get($spaces, "md"), "y")
 
 .text-
   @each $heading, $value in $headings
     &#{$heading}
-      font-size: map-get($value, "size")
-      font-weight: map-get($value, "weight")
-      line-height: map-get($value, "line-height")
-      letter-spacing: map-get($value, "letter-spacing")
+      font-size: map.get($value, "size")
+      font-weight: map.get($value, "weight")
+      line-height: map.get($value, "line-height")
+      letter-spacing: map.get($value, "letter-spacing")
 
   &uppercase
     text-transform: uppercase

package/src/css/core/visibility.sass

@@ -27,12 +27,12 @@
 
 .readonly
   cursor: default !important
-.disabled, [disabled]
+.disabled, [disabled]:not([disabled=false])
   &,
   *
     outline: 0 !important
     cursor: not-allowed !important
-.disabled, [disabled]
+.disabled, [disabled]:not([disabled=false])
   opacity: .6 !important
 
 .hidden

package/src/css/flex-addon.sass

@@ -1,4 +1,6 @@
 @use 'sass:math'
+@use 'sass:map'
+@use 'sass:string'
 
 @import './helpers/string.sass'
 @import './helpers/math.sass'
@@ -18,38 +20,38 @@
 
     @each $space, $value in $spaces
       .q-pa#{$name}-#{$space}
-        padding: map-get($value, "y") map-get($value, "x")
+        padding: map.get($value, "y") map.get($value, "x")
       .q-pl#{$name}-#{$space}
-        padding-left: map-get($value, "x")
+        padding-left: map.get($value, "x")
       .q-pr#{$name}-#{$space}
-        padding-right: map-get($value, "x")
+        padding-right: map.get($value, "x")
       .q-pt#{$name}-#{$space}
-        padding-top: map-get($value, "y")
+        padding-top: map.get($value, "y")
       .q-pb#{$name}-#{$space}
-        padding-bottom: map-get($value, "y")
+        padding-bottom: map.get($value, "y")
       .q-px#{$name}-#{$space}
-        padding-left: map-get($value, "x")
-        padding-right: map-get($value, "x")
+        padding-left: map.get($value, "x")
+        padding-right: map.get($value, "x")
       .q-py#{$name}-#{$space}
-        padding-top: map-get($value, "y")
-        padding-bottom: map-get($value, "y")
+        padding-top: map.get($value, "y")
+        padding-bottom: map.get($value, "y")
 
       .q-ma#{$name}-#{$space}
-        margin: map-get($value, "y") map-get($value, "x")
+        margin: map.get($value, "y") map.get($value, "x")
       .q-ml#{$name}-#{$space}
-        margin-left: map-get($value, "x")
+        margin-left: map.get($value, "x")
       .q-mr#{$name}-#{$space}
-        margin-right: map-get($value, "x")
+        margin-right: map.get($value, "x")
       .q-mt#{$name}-#{$space}
-        margin-top: map-get($value, "y")
+        margin-top: map.get($value, "y")
       .q-mb#{$name}-#{$space}
-        margin-bottom: map-get($value, "y")
+        margin-bottom: map.get($value, "y")
       .q-mx#{$name}-#{$space}
-        margin-left: map-get($value, "x")
-        margin-right: map-get($value, "x")
+        margin-left: map.get($value, "x")
+        margin-right: map.get($value, "x")
       .q-my#{$name}-#{$space}
-        margin-top: map-get($value, "y")
-        margin-bottom: map-get($value, "y")
+        margin-top: map.get($value, "y")
+        margin-bottom: map.get($value, "y")
 
     .q-ml#{$name}-auto
       margin-left: auto
@@ -195,8 +197,8 @@
         $noProcNotZero2: ($size2 > 0)
 
         @for $i from 0 through $flex-cols
-          $ic: quote('' + $i)
-          $internal-size: toFixed(percentage(math.div($i, $flex-cols)), 10000)
+          $ic: string.quote('' + $i)
+          $internal-size: toFixed(math.percentage(math.div($i, $flex-cols)), 10000)
 
           #{str-fr('.row<name>', $name)}
             #{str-fe('> .col<name>-<i>', $name2c, $noProcNotZero2, $ic)}

package/src/css/helpers/math.sass

@@ -23,7 +23,7 @@ $PI: 3.14159265359
 // toFixed(0.12345, 100) -> 0.12
 // toFixed(0.12345, 1000) -> 0.123
 @function toFixed($number, $power)
-  @return math.div(round($number * $power), $power)
+  @return math.div(math.round($number * $power), $power)
 
 @function sin($angle)
   $sin: 0

package/src/css/helpers/string.sass

@@ -1,9 +1,12 @@
+@use 'sass:list'
+@use 'sass:string'
+
 @function str-replace($string, $search, $replace: '')
-  $index: str-index($string, $search)
+  $index: string.index($string, $search)
 
   @if $index
-    $start: str-slice($string, 1, $index - 1)
-    $end: str-replace(str-slice($string, $index + str-length($search)), $search, $replace)
+    $start: string.slice($string, 1, $index - 1)
+    $end: str-replace(string.slice($string, $index + string.length($search)), $search, $replace)
     @return $start + $replace + $end
 
   @return $string
@@ -14,4 +17,4 @@
 @function str-fe($selector, $name, $noProc, $i: '')
   @if $noProc
     @return str-fr($selector, $name, $i)
-  @return join(str-fr($selector, '', $i), str-fr($selector, $name, $i), $separator: comma)
+  @return list.join(str-fr($selector, '', $i), str-fr($selector, $name, $i), $separator: comma)

package/src/css/variables.sass

@@ -1,3 +1,5 @@
+@use 'sass:map'
+
 $space-base   : 16px !default
 $space-x-base : $space-base !default
 $space-y-base : $space-base !default
@@ -39,18 +41,18 @@ $flex-gutter: ('none': 0, 'xs': $flex-gutter-xs, 'sm': $flex-gutter-sm, 'md': $f
 // sorry for long line; we need .sass and it doesn't support multi-line list
 $sizes: ('xs': 0, 'sm': ($breakpoint-xs + 1), 'md': ($breakpoint-sm + 1), 'lg': ($breakpoint-md + 1), 'xl': ($breakpoint-lg + 1)) !default
 
-$breakpoint-xs-max: (map-get($sizes, "sm") - 0.02) !default
+$breakpoint-xs-max: (map.get($sizes, "sm") - 0.02) !default
 
-$breakpoint-sm-min: map-get($sizes, "sm") !default
-$breakpoint-sm-max: (map-get($sizes, "md") - 0.02) !default
+$breakpoint-sm-min: map.get($sizes, "sm") !default
+$breakpoint-sm-max: (map.get($sizes, "md") - 0.02) !default
 
-$breakpoint-md-min: map-get($sizes, "md") !default
-$breakpoint-md-max: (map-get($sizes, "lg") - 0.02) !default
+$breakpoint-md-min: map.get($sizes, "md") !default
+$breakpoint-md-max: (map.get($sizes, "lg") - 0.02) !default
 
-$breakpoint-lg-min: map-get($sizes, "lg") !default
-$breakpoint-lg-max: (map-get($sizes, "xl") - 0.02) !default
+$breakpoint-lg-min: map.get($sizes, "lg") !default
+$breakpoint-lg-max: (map.get($sizes, "xl") - 0.02) !default
 
-$breakpoint-xl-min: map-get($sizes, "xl") !default
+$breakpoint-xl-min: map.get($sizes, "xl") !default
 
 $h1:        (size: 6rem,     line-height: 6rem,     letter-spacing: -.01562em, weight: 300) !default
 $h2:        (size: 3.75rem,  line-height: 3.75rem,  letter-spacing: -.00833em, weight: 300) !default
@@ -69,7 +71,7 @@ $caption:   (size: .75rem,   line-height: 1.25rem,  letter-spacing: .03333em,  w
 $headings: ('h1': $h1, 'h2': $h2, 'h3': $h3, 'h4': $h4, 'h5': $h5, 'h6': $h6, 'subtitle1': $subtitle1, 'subtitle2': $subtitle2, 'body1': $body1, 'body2': $body2, 'overline': $overline, 'caption': $caption) !default
 
 // sorry for long line; we need .sass and it doesn't support multi-line list
-$h-tags: (h1: map-get($headings, "h1"), h2: map-get($headings, "h2"), h3: map-get($headings, "h3"), h4: map-get($headings, "h4"), h5: map-get($headings, "h5"), h6: map-get($headings, "h6")) !default
+$h-tags: (h1: map.get($headings, "h1"), h2: map.get($headings, "h2"), h3: map.get($headings, "h3"), h4: map.get($headings, "h4"), h5: map.get($headings, "h5"), h6: map.get($headings, "h6")) !default
 
 // sorry for long line; we need .sass and it doesn't support multi-line list
 $text-weights: (thin: 100, light: 300, regular: 400, medium: 500, bold: 700, bolder: 900) !default
@@ -704,6 +706,7 @@ $menu-background                          : #fff !default
 $menu-box-shadow                          : $shadow-2 !default
 $menu-box-shadow-dark                     : $dark-shadow-2 !default
 $menu-max-width                           : 95vw !default
+$menu-max-height                          : 65vh !default
 
 $rating-grade-color                       : $yellow !default
 $rating-shadow                            : 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24) !default
@@ -715,6 +718,8 @@ $tooltip-border-radius                    : $generic-border-radius !default
 $tooltip-fontsize                         : 10px !default
 $tooltip-mobile-padding                   : 8px 16px !default
 $tooltip-mobile-fontsize                  : 14px !default
+$tooltip-max-width                        : 95vw !default
+$tooltip-max-height                       : 65vh !default
 
 $uploader-title-font-size                 : 14px !default
 $uploader-title-line-height               : 1.285714 !default

package/src/plugins/platform/Platform.js

@@ -65,11 +65,46 @@ const hasTouch = __QUASAR_SSR_SERVER__
   : 'ontouchstart' in window || window.navigator.maxTouchPoints > 0
 
 function getPlatform (UA) {
-  const
-    userAgent = UA.toLowerCase(),
-    platformMatch = getPlatformMatch(userAgent),
-    matched = getMatch(userAgent, platformMatch),
-    browser = {}
+  const userAgent = UA.toLowerCase()
+  const platformMatch = getPlatformMatch(userAgent)
+  const matched = getMatch(userAgent, platformMatch)
+  const browser = {
+    mobile: false,
+    desktop: false,
+
+    cordova: false,
+    capacitor: false,
+    nativeMobile: false,
+    // nativeMobileWrapper: void 0,
+    electron: false,
+    bex: false,
+
+    linux: false,
+    mac: false,
+    win: false,
+    cros: false,
+
+    chrome: false,
+    firefox: false,
+    opera: false,
+    safari: false,
+    vivaldi: false,
+    edge: false,
+    edgeChromium: false,
+    ie: false,
+    webkit: false,
+
+    android: false,
+    ios: false,
+    ipad: false,
+    iphone: false,
+    ipod: false,
+    kindle: false,
+    winphone: false,
+    blackberry: false,
+    playbook: false,
+    silk: false
+  }
 
   if (matched.browser) {
     browser[ matched.browser ] = true

package/src/plugins/platform/Platform.json

@@ -38,39 +38,25 @@
           "desc": "Major browser version as a number"
         },
 
-        "desktop": {
-          "type": "Boolean",
-          "required": false,
-          "desc": "Whether the platform is desktop"
-        },
         "mobile": {
           "type": "Boolean",
-          "required": false,
           "desc": "Whether the platform is mobile"
         },
-        "electron": {
+        "desktop": {
           "type": "Boolean",
-          "required": false,
-          "desc": "Whether the platform is Electron"
+          "desc": "Whether the platform is desktop"
         },
-        "bex": {
+
+        "cordova": {
           "type": "Boolean",
-          "required": false,
-          "desc": "Whether the platform is BEX(Browser Extension)"
+          "desc": "Whether the platform is Cordova"
         },
         "capacitor": {
           "type": "Boolean",
-          "required": false,
           "desc": "Whether the platform is Capacitor"
         },
-        "cordova": {
-          "type": "Boolean",
-          "required": false,
-          "desc": "Whether the platform is Cordova"
-        },
         "nativeMobile": {
           "type": "Boolean",
-          "required": false,
           "desc": "Whether the platform is a native mobile wrapper"
         },
         "nativeMobileWrapper": {
@@ -79,110 +65,107 @@
           "values": [ "'cordova'", "'capacitor'" ],
           "desc": "Type of the native mobile wrapper"
         },
-
-        "webkit": {
+        "electron": {
           "type": "Boolean",
-          "required": false,
-          "desc": "Whether the browser is a Webkit one"
+          "desc": "Whether the platform is Electron"
+        },
+        "bex": {
+          "type": "Boolean",
+          "desc": "Whether the platform is BEX(Browser Extension)"
         },
 
-        "chrome": {
+        "linux": {
           "type": "Boolean",
-          "required": false,
-          "desc": "Whether the browser is Google Chrome"
+          "desc": "Whether the operating system is Linux"
         },
-        "firefox": {
+        "mac": {
           "type": "Boolean",
-          "required": false,
-          "desc": "Whether the browser is Firefox"
+          "desc": "Whether the operating system is Mac OS"
         },
-        "safari": {
+        "win": {
           "type": "Boolean",
-          "required": false,
-          "desc": "Whether the browser is Safari"
+          "desc": "Whether the operating system is Windows"
         },
-        "edgeChromium": {
+        "cros": {
           "type": "Boolean",
-          "required": false,
-          "desc": "Whether the browser is Microsoft Edge (Chromium)"
+          "desc": "Whether the operating system is Chrome OS"
         },
-        "edge": {
+
+        "chrome": {
           "type": "Boolean",
-          "required": false,
-          "desc": "Whether the browser is Microsoft Edge Legacy"
+          "desc": "Whether the browser is Google Chrome"
+        },
+        "firefox": {
+          "type": "Boolean",
+          "desc": "Whether the browser is Firefox"
         },
         "opera": {
           "type": "Boolean",
-          "required": false,
           "desc": "Whether the browser is Opera"
         },
+        "safari": {
+          "type": "Boolean",
+          "desc": "Whether the browser is Safari"
+        },
         "vivaldi": {
           "type": "Boolean",
-          "required": false,
           "desc": "Whether the browser is Vivaldi"
         },
-
-        "win": {
+        "edge": {
           "type": "Boolean",
-          "required": false,
-          "desc": "Whether the operating system is Windows"
+          "desc": "Whether the browser is Microsoft Edge Legacy"
         },
-        "linux": {
+        "edgeChromium": {
           "type": "Boolean",
-          "required": false,
-          "desc": "Whether the operating system is Linux"
+          "desc": "Whether the browser is Microsoft Edge (Chromium)"
         },
-        "mac": {
+        "ie": {
           "type": "Boolean",
-          "required": false,
-          "desc": "Whether the operating system is Mac OS"
+          "desc": "Whether the browser is Internet Explorer"
         },
-        "cros": {
+        "webkit": {
           "type": "Boolean",
-          "required": false,
-          "desc": "Whether the operating system is Chrome OS"
+          "desc": "Whether the browser is a Webkit or Webkit-based one"
         },
 
         "android": {
           "type": "Boolean",
-          "required": false,
           "desc": "Whether the operating system is Android"
         },
         "ios": {
           "type": "Boolean",
-          "required": false,
           "desc": "Whether the operating system is iOS"
         },
-        "winphone": {
+        "ipad": {
           "type": "Boolean",
-          "required": false,
-          "desc": "Whether the operating system is Windows Phone"
+          "desc": "Whether the device is an iPad"
         },
-
         "iphone": {
           "type": "Boolean",
-          "required": false,
           "desc": "Whether the device is an iPhone"
         },
-        "ipad": {
-          "type": "Boolean",
-          "required": false,
-          "desc": "Whether the device is an iPad"
-        },
         "ipod": {
           "type": "Boolean",
-          "required": false,
           "desc": "Whether the device is an iPod"
         },
-
         "kindle": {
           "type": "Boolean",
-          "required": false,
           "desc": "Whether the device is a Kindle"
         },
+        "winphone": {
+          "type": "Boolean",
+          "desc": "Whether the operating system is Windows Phone"
+        },
+        "blackberry": {
+          "type": "Boolean",
+          "desc": "Whether the device is a Blackberry"
+        },
+        "playbook": {
+          "type": "Boolean",
+          "desc": "Whether the device is a Blackberry Playbook"
+        },
         "silk": {
           "type": "Boolean",
-          "required": false,
           "desc": "Whether the browser is Amazon Silk"
         }
       },

package/src/plugins/platform/Platform.test.js

@@ -35,36 +35,44 @@ describe('[Platform API]', () => {
           platform: expect.any(String),
           version: expect.any(String),
           versionNumber: expect.any(Number),
-          desktop: expect.any(Boolean),
+
           mobile: expect.any(Boolean),
-          electron: expect.any(Boolean),
-          bex: expect.any(Boolean),
-          capacitor: expect.any(Boolean),
+          desktop: expect.any(Boolean),
+
           cordova: expect.any(Boolean),
+          capacitor: expect.any(Boolean),
           nativeMobile: expect.any(Boolean),
           nativeMobileWrapper: expect.$any([
             'cordova',
             'capacitor'
           ]),
-          webkit: expect.any(Boolean),
+          electron: expect.any(Boolean),
+          bex: expect.any(Boolean),
+
+          linux: expect.any(Boolean),
+          mac: expect.any(Boolean),
+          win: expect.any(Boolean),
+          cros: expect.any(Boolean),
+
           chrome: expect.any(Boolean),
           firefox: expect.any(Boolean),
-          safari: expect.any(Boolean),
-          edgeChromium: expect.any(Boolean),
-          edge: expect.any(Boolean),
           opera: expect.any(Boolean),
+          safari: expect.any(Boolean),
           vivaldi: expect.any(Boolean),
-          win: expect.any(Boolean),
-          linux: expect.any(Boolean),
-          mac: expect.any(Boolean),
-          cros: expect.any(Boolean),
+          edge: expect.any(Boolean),
+          edgeChromium: expect.any(Boolean),
+          ie: expect.any(Boolean),
+          webkit: expect.any(Boolean),
+
           android: expect.any(Boolean),
           ios: expect.any(Boolean),
-          winphone: expect.any(Boolean),
-          iphone: expect.any(Boolean),
           ipad: expect.any(Boolean),
+          iphone: expect.any(Boolean),
           ipod: expect.any(Boolean),
           kindle: expect.any(Boolean),
+          winphone: expect.any(Boolean),
+          blackberry: expect.any(Boolean),
+          playbook: expect.any(Boolean),
           silk: expect.any(Boolean)
         }
 

package/src/utils/private.config/nodes.js

@@ -39,9 +39,7 @@ export function removeGlobalNode (el) {
 }
 
 export function changeGlobalNodesTarget (newTarget) {
-  if (newTarget === target) {
-    return
-  }
+  if (newTarget === target) return
 
   target = newTarget