quasar 2.18.6 → 2.19.0

package/src/plugins/storage/engine/web-storage.json

@@ -12,7 +12,7 @@
           "type": "String",
           "desc": "Entry key",
           "required": true,
-          "examples": [ "'userId'" ]
+          "examples": ["'userId'"]
         }
       },
       "returns": {
@@ -38,13 +38,23 @@
           "type": "String",
           "desc": "Entry key",
           "required": true,
-          "examples": [ "'userId'" ]
+          "examples": ["'userId'"]
         }
       },
       "returns": {
-        "type": [ "Number", "Boolean", "Date", "RegExp", "Function", "Object", "Array", "String", "null" ],
+        "type": [
+          "Number",
+          "Boolean",
+          "Date",
+          "RegExp",
+          "Function",
+          "Object",
+          "Array",
+          "String",
+          "null"
+        ],
         "desc": "Storage item value",
-        "examples": [ "'john12'", "702" ]
+        "examples": ["'john12'", "702"]
       }
     },
 
@@ -59,7 +69,17 @@
         }
       },
       "returns": {
-        "type": [ "Number", "Boolean", "Date", "RegExp", "Function", "Object", "Array", "String", "null" ],
+        "type": [
+          "Number",
+          "Boolean",
+          "Date",
+          "RegExp",
+          "Function",
+          "Object",
+          "Array",
+          "String",
+          "null"
+        ],
         "desc": "Storage item index"
       }
     },
@@ -75,9 +95,9 @@
         }
       },
       "returns": {
-        "type": [ "String", "null" ],
+        "type": ["String", "null"],
         "desc": "Storage key",
-        "examples": [ "'userId'" ]
+        "examples": ["'userId'"]
       }
     },
 
@@ -87,7 +107,7 @@
       "returns": {
         "type": "Object",
         "desc": "Object syntax: item name as Object key and its value",
-        "examples": [ "{ userId: 'rstoenescu', timesLoggedIn: 14 }" ]
+        "examples": ["{ userId: 'rstoenescu', timesLoggedIn: 14 }"]
       }
     },
 
@@ -98,7 +118,7 @@
       "returns": {
         "type": "Array",
         "desc": "Storage keys (Array of Strings)",
-        "examples": [ "[ 'userId', 'password' ]" ]
+        "examples": ["['userId', 'password']"]
       }
     },
 
@@ -110,24 +130,34 @@
           "type": "String",
           "desc": "Entry key",
           "required": true,
-          "examples": [ "'userId'" ]
+          "examples": ["'userId'"]
         },
 
         "value": {
-          "type": [ "Number", "Boolean", "Date", "RegExp", "Function", "Object", "Array", "String", "null" ],
+          "type": [
+            "Number",
+            "Boolean",
+            "Date",
+            "RegExp",
+            "Function",
+            "Object",
+            "Array",
+            "String",
+            "null"
+          ],
           "desc": "Entry value",
           "required": true,
           "params": {
             "...params": {
               "type": "Any",
-              "__exemption": [ "desc" ]
+              "__exemption": ["desc"]
             }
           },
           "returns": {
             "type": "Any",
-            "__exemption": [ "desc" ]
+            "__exemption": ["desc"]
           },
-          "examples": [ "'john12'" ]
+          "examples": ["'john12'"]
         }
       },
       "returns": null
@@ -141,7 +171,7 @@
           "type": "String",
           "desc": "Storage key",
           "required": true,
-          "examples": [ "'userId'" ]
+          "examples": ["'userId'"]
         }
       },
       "returns": null

package/src/utils/EventBus/EventBus.js

@@ -4,12 +4,12 @@
  */
 
 export default class EventBus {
-  constructor () {
+  constructor() {
     this.__stack = {}
   }
 
-  on (name, callback, ctx) {
-    (this.__stack[ name ] || (this.__stack[ name ] = [])).push({
+  on(name, callback, ctx) {
+    ;(this.__stack[name] || (this.__stack[name] = [])).push({
       fn: callback,
       ctx
     })
@@ -17,7 +17,7 @@ export default class EventBus {
     return this // chainable
   }
 
-  once (name, callback, ctx) {
+  once(name, callback, ctx) {
     const listener = (...args) => {
       this.off(name, listener)
       callback.apply(ctx, args)
@@ -27,8 +27,8 @@ export default class EventBus {
     return this.on(name, listener, ctx) // chainable
   }
 
-  emit (name) {
-    const list = this.__stack[ name ]
+  emit(name) {
+    const list = this.__stack[name]
 
     if (list !== void 0) {
       const params = [].slice.call(arguments, 1)
@@ -40,15 +40,15 @@ export default class EventBus {
     return this // chainable
   }
 
-  off (name, callback) {
-    const list = this.__stack[ name ]
+  off(name, callback) {
+    const list = this.__stack[name]
 
     if (list === void 0) {
       return this // chainable
     }
 
     if (callback === void 0) {
-      delete this.__stack[ name ]
+      delete this.__stack[name]
       return this // chainable
     }
 
@@ -57,10 +57,9 @@ export default class EventBus {
     )
 
     if (liveEvents.length !== 0) {
-      this.__stack[ name ] = liveEvents
-    }
-    else {
-      delete this.__stack[ name ]
+      this.__stack[name] = liveEvents
+    } else {
+      delete this.__stack[name]
     }
 
     return this // chainable

package/src/utils/clone/clone.js

@@ -1,37 +1,37 @@
 // adapted from https://stackoverflow.com/a/40294058
 
-export default function cloneDeep (data, hash = new WeakMap()) {
+export default function cloneDeep(data, hash = new WeakMap()) {
   if (Object(data) !== data) return data
   if (hash.has(data)) return hash.get(data)
 
-  const result = data instanceof Date
-    ? new Date(data)
-    : (data instanceof RegExp
+  const result =
+    data instanceof Date
+      ? new Date(data)
+      : data instanceof RegExp
         ? new RegExp(data.source, data.flags)
-        : (data instanceof Set
-            ? new Set()
-            : (data instanceof Map
-                ? new Map()
-                : (typeof data.constructor !== 'function'
-                    ? Object.create(null)
-                    : (data.prototype !== void 0 && typeof data.prototype.constructor === 'function'
-                        ? data
-                        : new data.constructor()
-                      )
-                  )
-              )
-          )
-      )
-
-  if (typeof data.constructor === 'function' && typeof data.valueOf === 'function') {
+        : data instanceof Set
+          ? new Set()
+          : data instanceof Map
+            ? new Map()
+            : typeof data.constructor !== 'function'
+              ? Object.create(null)
+              : data.prototype !== void 0 &&
+                  typeof data.prototype.constructor === 'function'
+                ? data
+                : // oxlint-disable-next-line new-cap
+                  new data.constructor()
+
+  if (
+    typeof data.constructor === 'function' &&
+    typeof data.valueOf === 'function'
+  ) {
     const val = data.valueOf()
 
     if (Object(val) !== val) {
-      const result = new data.constructor(val)
-
-      hash.set(data, result)
-
-      return result
+      // oxlint-disable-next-line new-cap
+      const localResult = new data.constructor(val)
+      hash.set(data, localResult)
+      return localResult
     }
   }
 
@@ -41,8 +41,7 @@ export default function cloneDeep (data, hash = new WeakMap()) {
     data.forEach(val => {
       result.add(cloneDeep(val, hash))
     })
-  }
-  else if (data instanceof Map) {
+  } else if (data instanceof Map) {
     data.forEach((val, key) => {
       result.set(key, cloneDeep(val, hash))
     })
@@ -50,6 +49,6 @@ export default function cloneDeep (data, hash = new WeakMap()) {
 
   return Object.assign(
     result,
-    ...Object.keys(data).map(key => ({ [ key ]: cloneDeep(data[ key ], hash) }))
+    ...Object.keys(data).map(key => ({ [key]: cloneDeep(data[key], hash) }))
   )
 }

package/src/utils/clone/clone.test.js

@@ -6,105 +6,80 @@ describe('[clone API]', () => {
   describe('[Functions]', () => {
     describe('[(function)default]', () => {
       test.each([
-        [ 'Number', 5 ],
-        [ 'String', 'a' ],
-        [ 'Boolean', true ],
-        [ 'Null', null ],
-        [ 'Undefined', undefined ],
-        [ 'NaN', NaN ],
-        [ 'Infinity', Infinity ]
+        ['Number', 5],
+        ['String', 'a'],
+        ['Boolean', true],
+        ['Null', null],
+        ['Undefined', void 0],
+        ['NaN', NaN],
+        ['Infinity', Infinity]
       ])('clone(%s)', (_, value) => {
         const result = clone(value)
 
-        expect(
-          result
-        ).toBe(value)
+        expect(result).toBe(value)
       })
 
       test('clone(Date)', () => {
         const date = new Date(150)
         const result = clone(date)
 
-        expect(
-          result.getTime()
-        ).toBe(date.getTime())
+        expect(result.getTime()).toBe(date.getTime())
 
-        expect(
-          result
-        ).not.toBe(date)
+        expect(result).not.toBe(date)
       })
 
       test('clone(RegExp)', () => {
         const regex = /./
         const result = clone(regex)
 
-        expect(
-          result.source
-        ).toBe(regex.source)
+        expect(result.source).toBe(regex.source)
 
-        expect(
-          result.flags
-        ).toBe(regex.flags)
+        expect(result.flags).toBe(regex.flags)
 
-        expect(
-          result
-        ).not.toBe(regex)
+        expect(result).not.toBe(regex)
       })
 
       test('clone(Array)', () => {
-        const array = [ 1, 2, 3 ]
+        const array = [1, 2, 3]
         const result = clone(array)
 
-        expect(
-          result
-        ).toStrictEqual(array)
+        expect(result).toStrictEqual(array)
 
-        expect(
-          result
-        ).not.toBe(array)
+        expect(result).not.toBe(array)
       })
 
       test('clone(Object)', () => {
         const object = { a: true, b: false }
         const result = clone(object)
 
-        expect(
-          result
-        ).toStrictEqual(object)
+        expect(result).toStrictEqual(object)
 
-        expect(
-          result
-        ).not.toBe(object)
+        expect(result).not.toBe(object)
       })
 
       test('clone(Set)', () => {
-        const set = new Set([ 1, 2, 3 ])
+        const set = new Set([1, 2, 3])
         const result = clone(set)
 
-        expect(
-          Array.from(result.values())
-        ).toStrictEqual(
+        expect(Array.from(result.values())).toStrictEqual(
           Array.from(set.values())
         )
 
-        expect(
-          result
-        ).not.toBe(set)
+        expect(result).not.toBe(set)
       })
 
       test('clone(Map)', () => {
-        const map = new Map([ [ 1, 'one' ], [ 2, 'two' ] ])
+        const map = new Map([
+          [1, 'one'],
+          [2, 'two']
+        ])
         const result = clone(map)
 
-        expect(
-          Array.from(result.entries())
-        ).toStrictEqual(
+        expect(Array.from(result.entries())).toStrictEqual(
           Array.from(map.entries())
         )
 
-        expect(
-          result
-        ).not.toBe(map)
+        expect(result).not.toBe(map)
       })
     })
   })

package/src/utils/colors/colors.js

@@ -1,33 +1,30 @@
 const reRGBA = /^rgb(a)?\((\d{1,3}),(\d{1,3}),(\d{1,3}),?([01]?\.?\d*?)?\)$/
 
-export function rgbToHex ({ r, g, b, a }) {
+export function rgbToHex({ r, g, b, a }) {
   const alpha = a !== void 0
 
   r = Math.round(r)
   g = Math.round(g)
   b = Math.round(b)
 
-  if (
-    r > 255
-    || g > 255
-    || b > 255
-    || (alpha && a > 100)
-  ) {
-    throw new TypeError('Expected 3 numbers below 256 (and optionally one below 100)')
+  if (r > 255 || g > 255 || b > 255 || (alpha && a > 100)) {
+    throw new TypeError(
+      'Expected 3 numbers below 256 (and optionally one below 100)'
+    )
   }
 
   a = alpha
-    ? (Math.round(255 * a / 100) | 1 << 8).toString(16).slice(1)
+    ? (Math.round((255 * a) / 100) | (1 << 8)).toString(16).slice(1)
     : ''
 
-  return '#' + ((b | g << 8 | r << 16) | 1 << 24).toString(16).slice(1) + a
+  return '#' + (b | (g << 8) | (r << 16) | (1 << 24)).toString(16).slice(1) + a
 }
 
-export function rgbToString ({ r, g, b, a }) {
-  return `rgb${ a !== void 0 ? 'a' : '' }(${ r },${ g },${ b }${ a !== void 0 ? ',' + (a / 100) : '' })`
+export function rgbToString({ r, g, b, a }) {
+  return `rgb${a !== void 0 ? 'a' : ''}(${r},${g},${b}${a !== void 0 ? ',' + a / 100 : ''})`
 }
 
-export function hexToRgb (hex) {
+export function hexToRgb(hex) {
   if (typeof hex !== 'string') {
     throw new TypeError('Expected a string')
   }
@@ -35,27 +32,30 @@ export function hexToRgb (hex) {
   hex = hex.replace(/^#/, '')
 
   if (hex.length === 3) {
-    hex = hex[ 0 ] + hex[ 0 ] + hex[ 1 ] + hex[ 1 ] + hex[ 2 ] + hex[ 2 ]
-  }
-  else if (hex.length === 4) {
-    hex = hex[ 0 ] + hex[ 0 ] + hex[ 1 ] + hex[ 1 ] + hex[ 2 ] + hex[ 2 ] + hex[ 3 ] + hex[ 3 ]
+    hex = hex[0] + hex[0] + hex[1] + hex[1] + hex[2] + hex[2]
+  } else if (hex.length === 4) {
+    hex = hex[0] + hex[0] + hex[1] + hex[1] + hex[2] + hex[2] + hex[3] + hex[3]
   }
 
   const num = parseInt(hex, 16)
 
   return hex.length > 6
-    ? { r: num >> 24 & 255, g: num >> 16 & 255, b: num >> 8 & 255, a: Math.round((num & 255) / 2.55) }
-    : { r: num >> 16, g: num >> 8 & 255, b: num & 255 }
+    ? {
+        r: (num >> 24) & 255,
+        g: (num >> 16) & 255,
+        b: (num >> 8) & 255,
+        a: Math.round((num & 255) / 2.55)
+      }
+    : { r: num >> 16, g: (num >> 8) & 255, b: num & 255 }
 }
 
-export function hsvToRgb ({ h, s, v, a }) {
+export function hsvToRgb({ h, s, v, a }) {
   let r, g, b
   s = s / 100
   v = v / 100
 
   h = h / 360
-  const
-    i = Math.floor(h * 6),
+  const i = Math.floor(h * 6),
     f = h * 6 - i,
     p = v * (1 - s),
     q = v * (1 - f * s),
@@ -102,12 +102,11 @@ export function hsvToRgb ({ h, s, v, a }) {
   }
 }
 
-export function rgbToHsv ({ r, g, b, a }) {
-  const
-    max = Math.max(r, g, b),
+export function rgbToHsv({ r, g, b, a }) {
+  const max = Math.max(r, g, b),
     min = Math.min(r, g, b),
     d = max - min,
-    s = (max === 0 ? 0 : d / max),
+    s = max === 0 ? 0 : d / max,
     v = max / 255
   let h
 
@@ -116,15 +115,15 @@ export function rgbToHsv ({ r, g, b, a }) {
       h = 0
       break
     case r:
-      h = (g - b) + d * (g < b ? 6 : 0)
+      h = g - b + d * (g < b ? 6 : 0)
       h /= 6 * d
       break
     case g:
-      h = (b - r) + d * 2
+      h = b - r + d * 2
       h /= 6 * d
       break
     case b:
-      h = (r - g) + d * 4
+      h = r - g + d * 4
       h /= 6 * d
       break
   }
@@ -137,7 +136,7 @@ export function rgbToHsv ({ r, g, b, a }) {
   }
 }
 
-export function textToRgb (str) {
+export function textToRgb(str) {
   if (typeof str !== 'string') {
     throw new TypeError('Expected a string')
   }
@@ -151,13 +150,13 @@ export function textToRgb (str) {
   }
 
   const rgb = {
-    r: Math.min(255, parseInt(m[ 2 ], 10)),
-    g: Math.min(255, parseInt(m[ 3 ], 10)),
-    b: Math.min(255, parseInt(m[ 4 ], 10))
+    r: Math.min(255, parseInt(m[2], 10)),
+    g: Math.min(255, parseInt(m[3], 10)),
+    b: Math.min(255, parseInt(m[4], 10))
   }
 
-  if (m[ 1 ]) {
-    const alpha = parseFloat(m[ 5 ])
+  if (m[1]) {
+    const alpha = parseFloat(m[5])
     rgb.a = Math.min(1, isNaN(alpha) === true ? 1 : alpha) * 100
   }
 
@@ -165,7 +164,7 @@ export function textToRgb (str) {
 }
 
 /* works as darken if percent < 0 */
-export function lighten (color, percent) {
+export function lighten(color, percent) {
   if (typeof color !== 'string') {
     throw new TypeError('Expected a string as color')
   }
@@ -180,52 +179,58 @@ export function lighten (color, percent) {
     G = rgb.g,
     B = rgb.b
 
-  return '#' + (
-    0x1000000 + (Math.round((t - R) * p) + R) * 0x10000
-    + (Math.round((t - G) * p) + G) * 0x100
-    + (Math.round((t - B) * p) + B)
-  ).toString(16).slice(1)
+  return (
+    '#' +
+    (
+      0x1000000 +
+      (Math.round((t - R) * p) + R) * 0x10000 +
+      (Math.round((t - G) * p) + G) * 0x100 +
+      (Math.round((t - B) * p) + B)
+    )
+      .toString(16)
+      .slice(1)
+  )
 }
 
-export function luminosity (color) {
+export function luminosity(color) {
   if (typeof color !== 'string' && (!color || color.r === void 0)) {
     throw new TypeError('Expected a string or a {r, g, b} object as color')
   }
 
-  const
-    rgb = typeof color === 'string' ? textToRgb(color) : color,
+  const rgb = typeof color === 'string' ? textToRgb(color) : color,
     r = rgb.r / 255,
     g = rgb.g / 255,
     b = rgb.b / 255,
-    R = r <= 0.03928 ? r / 12.92 : Math.pow((r + 0.055) / 1.055, 2.4),
-    G = g <= 0.03928 ? g / 12.92 : Math.pow((g + 0.055) / 1.055, 2.4),
-    B = b <= 0.03928 ? b / 12.92 : Math.pow((b + 0.055) / 1.055, 2.4)
+    R = r <= 0.03928 ? r / 12.92 : ((r + 0.055) / 1.055) ** 2.4,
+    G = g <= 0.03928 ? g / 12.92 : ((g + 0.055) / 1.055) ** 2.4,
+    B = b <= 0.03928 ? b / 12.92 : ((b + 0.055) / 1.055) ** 2.4
   return 0.2126 * R + 0.7152 * G + 0.0722 * B
 }
 
-export function brightness (color) {
+export function brightness(color) {
   if (typeof color !== 'string' && (!color || color.r === void 0)) {
     throw new TypeError('Expected a string or a {r, g, b} object as color')
   }
 
-  const rgb = typeof color === 'string'
-    ? textToRgb(color)
-    : color
+  const rgb = typeof color === 'string' ? textToRgb(color) : color
 
   return (rgb.r * 299 + rgb.g * 587 + rgb.b * 114) / 1000
 }
 
-export function blend (fgColor, bgColor) {
+export function blend(fgColor, bgColor) {
   if (typeof fgColor !== 'string' && (!fgColor || fgColor.r === void 0)) {
-    throw new TypeError('Expected a string or a {r, g, b[, a]} object as fgColor')
+    throw new TypeError(
+      'Expected a string or a {r, g, b[, a]} object as fgColor'
+    )
   }
 
   if (typeof bgColor !== 'string' && (!bgColor || bgColor.r === void 0)) {
-    throw new TypeError('Expected a string or a {r, g, b[, a]} object as bgColor')
+    throw new TypeError(
+      'Expected a string or a {r, g, b[, a]} object as bgColor'
+    )
   }
 
-  const
-    rgb1 = typeof fgColor === 'string' ? textToRgb(fgColor) : fgColor,
+  const rgb1 = typeof fgColor === 'string' ? textToRgb(fgColor) : fgColor,
     r1 = rgb1.r / 255,
     g1 = rgb1.g / 255,
     b1 = rgb1.b / 255,
@@ -241,12 +246,10 @@ export function blend (fgColor, bgColor) {
     b = Math.round(((b1 * a1 + b2 * a2 * (1 - a1)) / a) * 255)
 
   const ret = { r, g, b, a: Math.round(a * 100) }
-  return typeof fgColor === 'string'
-    ? rgbToHex(ret)
-    : ret
+  return typeof fgColor === 'string' ? rgbToHex(ret) : ret
 }
 
-export function changeAlpha (color, offset) {
+export function changeAlpha(color, offset) {
   if (typeof color !== 'string') {
     throw new TypeError('Expected a string as color')
   }
@@ -259,18 +262,21 @@ export function changeAlpha (color, offset) {
   const alpha = a !== void 0 ? a / 100 : 0
 
   return rgbToHex({
-    r, g, b, a: Math.round(Math.min(1, Math.max(0, alpha + offset)) * 100)
+    r,
+    g,
+    b,
+    a: Math.round(Math.min(1, Math.max(0, alpha + offset)) * 100)
   })
 }
 
-export function getPaletteColor (colorName) {
+export function getPaletteColor(colorName) {
   if (typeof colorName !== 'string') {
     throw new TypeError('Expected a string as color')
   }
 
   const el = document.createElement('div')
 
-  el.className = `text-${ colorName } invisible fixed no-pointer-events`
+  el.className = `text-${colorName} invisible fixed no-pointer-events`
   document.body.appendChild(el)
 
   const result = getComputedStyle(el).getPropertyValue('color')