quasar 2.6.1 → 2.6.2

package/icon-set/svg-fontawesome-v5.js

@@ -0,0 +1,197 @@
+
+/*
+ * DO NOT EDIT THIS FILE. It is automatically generated
+ * from its webfont counterpart (same filename without "svg-" prefix).
+ * Edit that file instead (fontawesome-v5.mjs).
+ */
+
+const {
+  fasCheck,
+  fasExclamationTriangle,
+  fasInfoCircle,
+  fasExclamation,
+  fasArrowUp,
+  fasArrowRight,
+  fasArrowDown,
+  fasArrowLeft,
+  fasCaretDown,
+  fasChevronLeft,
+  fasChevronRight,
+  fasEyeDropper,
+  fasSlidersH,
+  fasSwatchbook,
+  fasSyncAlt,
+  fasChevronUp,
+  fasChevronDown,
+  fasCircle,
+  fasTimesCircle,
+  farClock,
+  farCalendarCheck,
+  fasBold,
+  fasItalic,
+  fasStrikethrough,
+  fasUnderline,
+  fasListUl,
+  fasListOl,
+  fasSubscript,
+  fasSuperscript,
+  fasLink,
+  fasExpandArrowsAlt,
+  fasQuoteRight,
+  fasAlignLeft,
+  fasAlignCenter,
+  fasAlignRight,
+  fasAlignJustify,
+  fasPrint,
+  fasOutdent,
+  fasIndent,
+  fasEraser,
+  fasHeading,
+  fasTextHeight,
+  farMinusSquare,
+  fasUndo,
+  fasRedo,
+  fasCode,
+  fasFont,
+  fasPlus,
+  fasTimes,
+  fasExclamationCircle,
+  fasStepBackward,
+  fasStepForward,
+  fasStar,
+  fasPencilAlt,
+  fasPlay,
+  fasPlusSquare,
+  fasUpload,
+  fasStream,
+  fasClipboardCheck
+} = require('@quasar/extras/fontawesome-v5')
+
+module.exports = {
+  name: 'svg-fontawesome-v5',
+  type: {
+    positive: fasCheck,
+    negative: fasExclamationTriangle,
+    info: fasInfoCircle,
+    warning: fasExclamation
+  },
+  arrow: {
+    up: fasArrowUp,
+    right: fasArrowRight,
+    down: fasArrowDown,
+    left: fasArrowLeft,
+    dropdown: fasCaretDown
+  },
+  chevron: {
+    left: fasChevronLeft,
+    right: fasChevronRight
+  },
+  colorPicker: {
+    spectrum: fasEyeDropper,
+    tune: fasSlidersH,
+    palette: fasSwatchbook
+  },
+  pullToRefresh: {
+    icon: fasSyncAlt
+  },
+  carousel: {
+    left: fasChevronLeft,
+    right: fasChevronRight,
+    up: fasChevronUp,
+    down: fasChevronDown,
+    navigationIcon: fasCircle
+  },
+  chip: {
+    remove: fasTimesCircle,
+    selected: fasCheck
+  },
+  datetime: {
+    arrowLeft: fasChevronLeft,
+    arrowRight: fasChevronRight,
+    now: farClock,
+    today: farCalendarCheck
+  },
+  editor: {
+    bold: fasBold,
+    italic: fasItalic,
+    strikethrough: fasStrikethrough,
+    underline: fasUnderline,
+    unorderedList: fasListUl,
+    orderedList: fasListOl,
+    subscript: fasSubscript,
+    superscript: fasSuperscript,
+    hyperlink: fasLink,
+    toggleFullscreen: fasExpandArrowsAlt,
+    quote: fasQuoteRight,
+    left: fasAlignLeft,
+    center: fasAlignCenter,
+    right: fasAlignRight,
+    justify: fasAlignJustify,
+    print: fasPrint,
+    outdent: fasOutdent,
+    indent: fasIndent,
+    removeFormat: fasEraser,
+    formatting: fasHeading,
+    fontSize: fasTextHeight,
+    align: fasAlignLeft,
+    hr: farMinusSquare,
+    undo: fasUndo,
+    redo: fasRedo,
+    heading: fasHeading,
+    code: fasCode,
+    size: fasTextHeight,
+    font: fasFont,
+    viewSource: fasCode
+  },
+  expansionItem: {
+    icon: fasChevronDown,
+    denseIcon: fasCaretDown
+  },
+  fab: {
+    icon: fasPlus,
+    activeIcon: fasTimes
+  },
+  field: {
+    clear: fasTimesCircle,
+    error: fasExclamationCircle
+  },
+  pagination: {
+    first: fasStepBackward,
+    prev: fasChevronLeft,
+    next: fasChevronRight,
+    last: fasStepForward
+  },
+  rating: {
+    icon: fasStar
+  },
+  stepper: {
+    done: fasCheck,
+    active: fasPencilAlt,
+    error: fasExclamationTriangle
+  },
+  tabs: {
+    left: fasChevronLeft,
+    right: fasChevronRight,
+    up: fasChevronUp,
+    down: fasChevronDown
+  },
+  table: {
+    arrowUp: fasArrowUp,
+    warning: fasExclamationTriangle,
+    firstPage: fasStepBackward,
+    prevPage: fasChevronLeft,
+    nextPage: fasChevronRight,
+    lastPage: fasStepForward
+  },
+  tree: {
+    icon: fasPlay
+  },
+  uploader: {
+    done: fasCheck,
+    clear: fasTimes,
+    add: fasPlusSquare,
+    upload: fasUpload,
+    removeQueue: fasStream,
+    removeUploaded: fasClipboardCheck
+  }
+}

package/icon-set/svg-fontawesome-v5.mjs

@@ -0,0 +1,197 @@
+
+/*
+ * DO NOT EDIT THIS FILE. It is automatically generated
+ * from its webfont counterpart (same filename without "svg-" prefix).
+ * Edit that file instead (fontawesome-v5.mjs).
+ */
+
+import {
+  fasCheck,
+  fasExclamationTriangle,
+  fasInfoCircle,
+  fasExclamation,
+  fasArrowUp,
+  fasArrowRight,
+  fasArrowDown,
+  fasArrowLeft,
+  fasCaretDown,
+  fasChevronLeft,
+  fasChevronRight,
+  fasEyeDropper,
+  fasSlidersH,
+  fasSwatchbook,
+  fasSyncAlt,
+  fasChevronUp,
+  fasChevronDown,
+  fasCircle,
+  fasTimesCircle,
+  farClock,
+  farCalendarCheck,
+  fasBold,
+  fasItalic,
+  fasStrikethrough,
+  fasUnderline,
+  fasListUl,
+  fasListOl,
+  fasSubscript,
+  fasSuperscript,
+  fasLink,
+  fasExpandArrowsAlt,
+  fasQuoteRight,
+  fasAlignLeft,
+  fasAlignCenter,
+  fasAlignRight,
+  fasAlignJustify,
+  fasPrint,
+  fasOutdent,
+  fasIndent,
+  fasEraser,
+  fasHeading,
+  fasTextHeight,
+  farMinusSquare,
+  fasUndo,
+  fasRedo,
+  fasCode,
+  fasFont,
+  fasPlus,
+  fasTimes,
+  fasExclamationCircle,
+  fasStepBackward,
+  fasStepForward,
+  fasStar,
+  fasPencilAlt,
+  fasPlay,
+  fasPlusSquare,
+  fasUpload,
+  fasStream,
+  fasClipboardCheck
+} from '@quasar/extras/fontawesome-v5'
+
+export default {
+  name: 'svg-fontawesome-v5',
+  type: {
+    positive: fasCheck,
+    negative: fasExclamationTriangle,
+    info: fasInfoCircle,
+    warning: fasExclamation
+  },
+  arrow: {
+    up: fasArrowUp,
+    right: fasArrowRight,
+    down: fasArrowDown,
+    left: fasArrowLeft,
+    dropdown: fasCaretDown
+  },
+  chevron: {
+    left: fasChevronLeft,
+    right: fasChevronRight
+  },
+  colorPicker: {
+    spectrum: fasEyeDropper,
+    tune: fasSlidersH,
+    palette: fasSwatchbook
+  },
+  pullToRefresh: {
+    icon: fasSyncAlt
+  },
+  carousel: {
+    left: fasChevronLeft,
+    right: fasChevronRight,
+    up: fasChevronUp,
+    down: fasChevronDown,
+    navigationIcon: fasCircle
+  },
+  chip: {
+    remove: fasTimesCircle,
+    selected: fasCheck
+  },
+  datetime: {
+    arrowLeft: fasChevronLeft,
+    arrowRight: fasChevronRight,
+    now: farClock,
+    today: farCalendarCheck
+  },
+  editor: {
+    bold: fasBold,
+    italic: fasItalic,
+    strikethrough: fasStrikethrough,
+    underline: fasUnderline,
+    unorderedList: fasListUl,
+    orderedList: fasListOl,
+    subscript: fasSubscript,
+    superscript: fasSuperscript,
+    hyperlink: fasLink,
+    toggleFullscreen: fasExpandArrowsAlt,
+    quote: fasQuoteRight,
+    left: fasAlignLeft,
+    center: fasAlignCenter,
+    right: fasAlignRight,
+    justify: fasAlignJustify,
+    print: fasPrint,
+    outdent: fasOutdent,
+    indent: fasIndent,
+    removeFormat: fasEraser,
+    formatting: fasHeading,
+    fontSize: fasTextHeight,
+    align: fasAlignLeft,
+    hr: farMinusSquare,
+    undo: fasUndo,
+    redo: fasRedo,
+    heading: fasHeading,
+    code: fasCode,
+    size: fasTextHeight,
+    font: fasFont,
+    viewSource: fasCode
+  },
+  expansionItem: {
+    icon: fasChevronDown,
+    denseIcon: fasCaretDown
+  },
+  fab: {
+    icon: fasPlus,
+    activeIcon: fasTimes
+  },
+  field: {
+    clear: fasTimesCircle,
+    error: fasExclamationCircle
+  },
+  pagination: {
+    first: fasStepBackward,
+    prev: fasChevronLeft,
+    next: fasChevronRight,
+    last: fasStepForward
+  },
+  rating: {
+    icon: fasStar
+  },
+  stepper: {
+    done: fasCheck,
+    active: fasPencilAlt,
+    error: fasExclamationTriangle
+  },
+  tabs: {
+    left: fasChevronLeft,
+    right: fasChevronRight,
+    up: fasChevronUp,
+    down: fasChevronDown
+  },
+  table: {
+    arrowUp: fasArrowUp,
+    warning: fasExclamationTriangle,
+    firstPage: fasStepBackward,
+    prevPage: fasChevronLeft,
+    nextPage: fasChevronRight,
+    lastPage: fasStepForward
+  },
+  tree: {
+    icon: fasPlay
+  },
+  uploader: {
+    done: fasCheck,
+    clear: fasTimes,
+    add: fasPlusSquare,
+    upload: fasUpload,
+    removeQueue: fasStream,
+    removeUploaded: fasClipboardCheck
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "quasar",
-  "version": "2.6.1",
+  "version": "2.6.2",
   "description": "Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time",
   "main": "dist/quasar.cjs.prod.js",
   "module": "dist/quasar.esm.prod.js",
@@ -17,7 +17,9 @@
   "scripts": {
     "clean": "node build/script.clean.js",
     "dev": "cd ./dev && node ./script.dev.js dev && cd ..",
+    "dev:build": "cd ./dev && node ./script.build.js dev && cd ..",
     "dev:ssr": "cd ./dev && node ./script.dev.js dev -m ssr && cd ..",
+    "dev:build:ssr": "cd ./dev && node ./script.build.js dev -m ssr && cd ..",
     "dev:cordova:ios": "cd ./dev && node ./script.dev.js dev -m cordova -T ios && cd ..",
     "dev:cordova:android": "cd ./dev && node ./script.dev.js dev -m cordova -T android && cd ..",
     "dev:capacitor:ios": "cd ./dev && node ./script.dev.js dev -m capacitor -T ios && cd ..",
@@ -64,14 +66,15 @@
   },
   "homepage": "https://quasar.dev",
   "devDependencies": {
-    "@babel/eslint-parser": "^7.13.14",
-    "@quasar/app": "^3.0.0",
+    "@quasar/app-vite": "^1.0.0-beta.5",
     "@quasar/extras": "^1.12.0",
     "@quasar/quasar-app-extension-testing-e2e-cypress": "^4.0.1",
     "@rollup/plugin-node-resolve": "^11.2.1",
     "@rollup/plugin-replace": "^2.3.3",
+    "autoprefixer": "^10.4.4",
     "babel-preset-es2015-rollup": "^3.0.0",
     "cli-highlight": "^2.1.11",
+    "cssnano": "^5.1.4",
     "diff": "^5.0.0",
     "eslint": "^7.4.0",
     "eslint-config-standard": "^16.0.2",
@@ -82,16 +85,15 @@
     "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-promise": "^4.2.1",
     "eslint-plugin-vue": "^7.0.0",
-    "eslint-webpack-plugin": "^2.4.1",
     "fast-glob": "^3.2.7",
     "json-beautify": "^1.1.1",
     "module-alias": "^2.2.2",
+    "postcss-rtlcss": "^3.5.3",
     "prettier": "^2.4.1",
     "quasar": "^2.1.9",
     "recast": "^0.18.5",
     "rimraf": "^3.0.1",
     "rollup": "^2.34.0",
-    "rollup-plugin-typescript2": "^0.29.0",
     "table": "^6.0.4",
     "tslib": "^2.0.3",
     "uglify-es": "^3.3.9",

package/src/components/btn/use-btn.json

@@ -16,7 +16,7 @@
 
     "to": {
       "type": [ "String", "Object" ],
-      "desc": "Equivalent to Vue Router <router-link> 'to' property; Superseeded by 'href' prop if used",
+      "desc": "Equivalent to Vue Router <router-link> 'to' property; Superseded by 'href' prop if used",
       "examples": [
         "/home/dashboard",
         ":to=\"{ name: 'my-route-name' }\""
@@ -26,7 +26,7 @@
 
     "replace": {
       "type": "Boolean",
-      "desc": "Equivalent to Vue Router <router-link> 'replace' property; Superseeded by 'href' prop if used",
+      "desc": "Equivalent to Vue Router <router-link> 'replace' property; Superseded by 'href' prop if used",
       "category": "navigation"
     },
 

package/src/components/editor/editor-caret.js

@@ -198,7 +198,7 @@ export default class Caret {
       return false
     }
 
-    if (el !== null && list.includes(el.nodeName.toLowerCase()) === true) {
+    if (list.includes(el.nodeName.toLowerCase()) === true) {
       return true
     }
 

package/src/components/fab/QFab.js

@@ -83,7 +83,7 @@ export default createComponent({
       const classes = `q-fab__${ kebab } absolute-full`
 
       return slotFn === void 0
-        ? h(QIcon, { class: classes, name: props[ kebab ] || $q.iconSet.fab[ camel ] })
+        ? h(QIcon, { class: classes, name: props[ camel ] || $q.iconSet.fab[ camel ] })
         : h('div', { class: classes }, slotFn(slotScope.value))
     }
 

package/src/components/icon/QIcon.js

@@ -36,7 +36,7 @@ const imgRE = /^img:/
 const svgUseRE = /^svguse:/
 const ionRE = /^ion-/
 const faLaRE = /^[lf]a[srlbdk]? /
-const fa6RE = /^fa-(brand|regular|solid)/
+const fa6RE = /^fa-(solid|regular|light|brands|duotone|thin)/
 
 export default createComponent({
   name: 'QIcon',

package/src/components/select/QSelect.js

@@ -175,6 +175,7 @@ export default createComponent({
       localResetVirtualScroll,
       padVirtualScroll,
       onVirtualScrollEvt,
+      reset,
       scrollTo,
       setVirtualScrollSize
     } = useVirtualScroll({
@@ -432,6 +433,8 @@ export default createComponent({
 
     watch(menu, updateMenu)
 
+    watch(virtualScrollLength, rerenderMenu)
+
     function getEmittingOptionValue (opt) {
       return props.emitValue === true
         ? getOptionValue.value(opt)
@@ -1339,6 +1342,18 @@ export default createComponent({
       setOptionIndex(optionIndex)
     }
 
+    function rerenderMenu () {
+      if (menu.value === true && state.innerLoading.value === false) {
+        reset()
+
+        nextTick(() => {
+          if (menu.value === true && state.innerLoading.value === false) {
+            updateMenu(true)
+          }
+        })
+      }
+    }
+
     function updateMenuPosition () {
       if (dialog.value === false && menuRef.value !== null) {
         menuRef.value.updatePosition()

package/src/composables/private/__tests__/use-transition.spec.js

@@ -13,7 +13,7 @@ describe('use-transition API', () => {
             .should('have.class', 'q-transition--fade-enter-active')
         })
 
-        it('should use a different show transtion if defined', () => {
+        it('should use a different show transition if defined', () => {
           const transition = 'scale'
           mount(WrapperOne, {
             attrs: {
@@ -40,7 +40,7 @@ describe('use-transition API', () => {
             .should('have.class', 'q-transition--fade-leave-active')
         })
 
-        it('should use a different hide transtion if defined', () => {
+        it('should use a different hide transition if defined', () => {
           const transition = 'scale'
           mount(WrapperOne, {
             attrs: {

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

@@ -2,7 +2,7 @@
   "props": {
     "to": {
       "type": [ "String", "Object" ],
-      "desc": "Equivalent to Vue Router <router-link> 'to' property; Superseeded by 'href' prop if used",
+      "desc": "Equivalent to Vue Router <router-link> 'to' property; Superseded by 'href' prop if used",
       "examples": [
         "/home/dashboard",
         ":to=\"{ name: 'my-route-name' }\""
@@ -12,26 +12,26 @@
 
     "exact": {
       "type": "Boolean",
-      "desc": "Equivalent to Vue Router <router-link> 'exact' property; Superseeded by 'href' prop if used",
+      "desc": "Equivalent to Vue Router <router-link> 'exact' property; Superseded by 'href' prop if used",
       "category": "navigation"
     },
 
     "replace": {
       "type": "Boolean",
-      "desc": "Equivalent to Vue Router <router-link> 'replace' property; Superseeded by 'href' prop if used",
+      "desc": "Equivalent to Vue Router <router-link> 'replace' property; Superseded by 'href' prop if used",
       "category": "navigation"
     },
 
     "active-class": {
       "type": "String",
-      "desc": "Equivalent to Vue Router <router-link> 'active-class' property; Superseeded by 'href' prop if used",
+      "desc": "Equivalent to Vue Router <router-link> 'active-class' property; Superseded by 'href' prop if used",
       "examples": [ "my-active-class" ],
       "category": "navigation"
     },
 
     "exact-active-class": {
       "type": "String",
-      "desc": "Equivalent to Vue Router <router-link> 'active-class' property; Superseeded by 'href' prop if used",
+      "desc": "Equivalent to Vue Router <router-link> 'active-class' property; Superseded by 'href' prop if used",
       "examples": [ "my-exact-active-class" ],
       "category": "navigation"
     },

package/src/utils/date.js

@@ -734,16 +734,16 @@ function getOrdinal (n) {
 
 const formatter = {
   // Year: 00, 01, ..., 99
-  YY (date, _, forcedYear) {
+  YY (date, dateLocale, forcedYear) {
     // workaround for < 1900 with new Date()
-    const y = this.YYYY(date, _, forcedYear) % 100
+    const y = this.YYYY(date, dateLocale, forcedYear) % 100
     return y > 0
       ? pad(y)
       : '-' + pad(Math.abs(y))
   },
 
   // Year: 1900, 1901, ..., 2099
-  YYYY (date, _, forcedYear) {
+  YYYY (date, _dateLocale, forcedYear) {
     // workaround for < 1900 with new Date()
     return forcedYear !== void 0 && forcedYear !== null
       ? forcedYear
@@ -853,13 +853,9 @@ const formatter = {
   // Hour: 1, 2, ..., 12
   h (date) {
     const hours = date.getHours()
-    if (hours === 0) {
-      return 12
-    }
-    if (hours > 12) {
-      return hours % 12
-    }
-    return hours
+    return hours === 0
+      ? 12
+      : (hours > 12 ? hours % 12 : hours)
   },
 
   // Hour: 01, 02, ..., 12
@@ -918,7 +914,7 @@ const formatter = {
   },
 
   // Timezone: -01:00, +00:00, ... +12:00
-  Z (date, dateLocale, forcedYear, forcedTimezoneOffset) {
+  Z (date, _dateLocale, _forcedYear, forcedTimezoneOffset) {
     const tzOffset = forcedTimezoneOffset === void 0 || forcedTimezoneOffset === null
       ? date.getTimezoneOffset()
       : forcedTimezoneOffset
@@ -927,7 +923,7 @@ const formatter = {
   },
 
   // Timezone: -0100, +0000, ... +1200
-  ZZ (date, dateLocale, forcedYear, forcedTimezoneOffset) {
+  ZZ (date, _dateLocale, _forcedYear, forcedTimezoneOffset) {
     const tzOffset = forcedTimezoneOffset === void 0 || forcedTimezoneOffset === null
       ? date.getTimezoneOffset()
       : forcedTimezoneOffset