quasar 2.2.4 → 2.3.3

package/dist/vetur/quasar-attributes.json

@@ -1027,6 +1027,10 @@
     "type": "boolean",
     "description": "No animation when model changes"
   },
+  "q-circular-progress/animation-speed": {
+    "type": "string|number",
+    "description": "Animation speed (in milliseconds, without unit)"
+  },
   "q-color/name": {
     "type": "string",
     "description": "Used to specify the name of the control; Useful if dealing with forms submitted directly to a URL"
@@ -2132,7 +2136,7 @@
     "description": "Adds a default shadow to the footer"
   },
   "q-footer/height-hint": {
-    "type": "number|string ",
+    "type": "number|string",
     "description": "When using SSR, you can optionally hint of the height (in pixels) of the QFooter"
   },
   "q-form/autofocus": {
@@ -2172,7 +2176,7 @@
     "description": "Adds a default shadow to the header"
   },
   "q-header/height-hint": {
-    "type": "number|string ",
+    "type": "number|string",
     "description": "When using SSR, you can optionally hint of the height (in pixels) of the QHeader"
   },
   "q-icon/size": {
@@ -2575,6 +2579,10 @@
     "type": "string",
     "description": "One of Quasar's embedded transitions"
   },
+  "q-intersection/transition-duration": {
+    "type": "string|number",
+    "description": "Transition duration (in milliseconds, without unit)"
+  },
   "q-intersection/disable": {
     "type": "boolean",
     "description": "Disable visibility observable (content will remain as it was, visible or hidden)"
@@ -2819,6 +2827,10 @@
     "type": "boolean",
     "description": "No transition when model changes"
   },
+  "q-linear-progress/animation-speed": {
+    "type": "string|number",
+    "description": "Animation speed (in milliseconds, without unit)"
+  },
   "q-markup-table/dense": {
     "type": "boolean",
     "description": "Dense mode; occupies less space"

package/dist/vetur/quasar-tags.json

@@ -357,7 +357,8 @@
       "indeterminate",
       "show-value",
       "reverse",
-      "instant-feedback"
+      "instant-feedback",
+      "animation-speed"
     ],
     "description": ""
   },
@@ -844,6 +845,7 @@
       "margin",
       "threshold",
       "transition",
+      "transition-duration",
       "disable"
     ],
     "description": ""
@@ -939,7 +941,8 @@
       "indeterminate",
       "query",
       "rounded",
-      "instant-feedback"
+      "instant-feedback",
+      "animation-speed"
     ],
     "description": ""
   },

package/dist/web-types/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "",
   "framework": "vue",
   "name": "quasar",
-  "version": "2.2.4",
+  "version": "2.3.3",
   "contributions": {
     "html": {
       "types-syntax": "typescript",
@@ -3155,6 +3155,16 @@
               "description": "No animation when model changes",
               "doc-url": "https://v2.quasar.dev/vue-components/circular-progress",
               "type": "boolean"
+            },
+            {
+              "name": "animation-speed",
+              "value": {
+                "kind": "expression",
+                "type": "string|number"
+              },
+              "description": "Animation speed (in milliseconds, without unit)\n\nExamples:\n500\n1200",
+              "doc-url": "https://v2.quasar.dev/vue-components/circular-progress",
+              "default": "600"
             }
           ],
           "slots": [
@@ -6705,7 +6715,7 @@
               "name": "height-hint",
               "value": {
                 "kind": "expression",
-                "type": "number|String "
+                "type": "number|string"
               },
               "description": "When using SSR, you can optionally hint of the height (in pixels) of the QFooter\n\nExamples:\n150",
               "doc-url": "https://v2.quasar.dev/layout/header-and-footer",
@@ -6831,6 +6841,7 @@
             "module": "quasar",
             "symbol": "QFormChildMixin"
           },
+          "attributes": [],
           "slots": [],
           "description": "QFormChildMixin - Quasar component",
           "doc-url": "https://v2.quasar.dev/vue-components/form"
@@ -6897,7 +6908,7 @@
               "name": "height-hint",
               "value": {
                 "kind": "expression",
-                "type": "number|String "
+                "type": "number|string"
               },
               "description": "When using SSR, you can optionally hint of the height (in pixels) of the QHeader\n\nExamples:\n150",
               "doc-url": "https://v2.quasar.dev/layout/header-and-footer",
@@ -8140,6 +8151,16 @@
               "description": "One of Quasar's embedded transitions\n\nExamples:\nfade\nslide-down",
               "doc-url": "https://v2.quasar.dev/vue-components/intersection"
             },
+            {
+              "name": "transition-duration",
+              "value": {
+                "kind": "expression",
+                "type": "string|number"
+              },
+              "description": "Transition duration (in milliseconds, without unit)\n\nExamples:\n500\n1200",
+              "doc-url": "https://v2.quasar.dev/vue-components/intersection",
+              "default": "300"
+            },
             {
               "name": "disable",
               "value": {
@@ -8952,6 +8973,16 @@
               "description": "No transition when model changes",
               "doc-url": "https://v2.quasar.dev/vue-components/linear-progress",
               "type": "boolean"
+            },
+            {
+              "name": "animation-speed",
+              "value": {
+                "kind": "expression",
+                "type": "string|number"
+              },
+              "description": "Animation speed (in milliseconds, without unit)\n\nExamples:\n500\n1200",
+              "doc-url": "https://v2.quasar.dev/vue-components/linear-progress",
+              "default": "300"
             }
           ],
           "slots": [
@@ -9745,6 +9776,7 @@
             "module": "quasar",
             "symbol": "QPageContainer"
           },
+          "attributes": [],
           "slots": [
             {
               "name": "default",
@@ -9790,8 +9822,7 @@
               },
               "description": "Number of last page (must be higher than 'min')\n\nExamples:\n10",
               "doc-url": "https://v2.quasar.dev/vue-components/pagination",
-              "required": true,
-              "default": "100"
+              "required": true
             },
             {
               "name": "color",
@@ -11517,6 +11548,7 @@
                 {
                   "name": "info",
                   "type": "object",
+                  "description": "An object containing scroll information",
                   "doc-url": "https://v2.quasar.dev/vue-components/scroll-area"
                 }
               ],
@@ -13289,6 +13321,7 @@
             "module": "quasar",
             "symbol": "QSpace"
           },
+          "attributes": [],
           "slots": [],
           "description": "QSpace - Quasar component",
           "doc-url": "https://v2.quasar.dev/vue-components/space"
@@ -14670,6 +14703,7 @@
             "module": "quasar",
             "symbol": "QStepperNavigation"
           },
+          "attributes": [],
           "slots": [
             {
               "name": "default",
@@ -15249,7 +15283,7 @@
                 "kind": "expression",
                 "type": "'horizontal'|'vertical'|'cell'|'none'"
               },
-              "description": "Use a separator/border between rows, columns or all cells\n\nExamples:\ncell",
+              "description": "Use a separator/border between rows, columns or all cells",
               "doc-url": "https://v2.quasar.dev/vue-components/table",
               "default": "\"horizontal\""
             },
@@ -17967,8 +18001,8 @@
               "arguments": [
                 {
                   "name": "err",
-                  "type": "object",
-                  "description": "Error Object which is the Promise rejection reason",
+                  "type": "Error",
+                  "description": "Error object which is the Promise rejection reason",
                   "doc-url": "https://v2.quasar.dev/vue-components/uploader"
                 },
                 {
@@ -18052,6 +18086,7 @@
             "module": "quasar",
             "symbol": "QUploaderAddTrigger"
           },
+          "attributes": [],
           "slots": [],
           "description": "QUploaderAddTrigger - Quasar component",
           "doc-url": "https://v2.quasar.dev/vue-components/uploader"

package/icon-set/svg-ionicons-v6.js

@@ -0,0 +1,225 @@
+
+import {
+  ionCheckmark,
+  ionAlert,
+  ionInformationCircleOutline,
+  ionArrowUp,
+  ionArrowForward,
+  ionArrowDown,
+  ionArrowBack,
+  ionCaretDownOutline,
+  ionAperture,
+  ionOptions,
+  ionApps,
+  ionRefresh,
+  ionSquare,
+  ionCloseCircle,
+  ionTime,
+  ionCalendar,
+  ionLink,
+  ionExpand,
+  ionChatboxEllipses,
+  ionPrint,
+  ionArrowUndo,
+  ionArrowRedo,
+  ionCodeSlash,
+  ionAdd,
+  ionClose,
+  ionPlaySkipBackCircle,
+  ionPlaySkipForwardCircle,
+  ionStar,
+  ionCreate,
+  ionWarning,
+  ionPlay,
+  ionAddCircle,
+  ionCloudUpload,
+  ionTrash,
+  ionCheckmarkDone,
+  ionChevronDown,
+  ionChevronUp,
+  ionChevronBack,
+  ionChevronForward,
+  ionChevronBackCircle,
+  ionChevronForwardCircle
+} from '@quasar/extras/ionicons-v6'
+
+// there are some icons that are needed but not available
+// so we import them from MDI as svgs
+
+import {
+  mdiFormatBold,
+  mdiFormatItalic,
+  mdiFormatStrikethroughVariant,
+  mdiFormatUnderline,
+  mdiFormatListBulleted,
+  mdiFormatListNumbered,
+  mdiFormatSubscript,
+  mdiFormatSuperscript,
+  mdiFormatAlignLeft,
+  mdiFormatAlignCenter,
+  mdiFormatAlignRight,
+  mdiFormatAlignJustify,
+  mdiFormatIndentDecrease,
+  mdiFormatIndentIncrease,
+  mdiFormatClear,
+  mdiFormatColorText,
+  mdiFormatSize,
+  mdiMinus,
+  mdiFormatHeader1,
+  mdiFormatHeader2,
+  mdiFormatHeader3,
+  mdiFormatHeader4,
+  mdiFormatHeader5,
+  mdiFormatHeader6,
+  mdiNumeric1Box,
+  mdiNumeric2Box,
+  mdiNumeric3Box,
+  mdiNumeric4Box,
+  mdiNumeric5Box,
+  mdiNumeric6Box,
+  mdiNumeric7Box,
+  mdiFormatFont
+} from '@quasar/extras/mdi-v6'
+
+export default {
+  name: 'svg-ionicons-v6',
+  type: {
+    positive: ionCheckmark,
+    negative: ionAlert,
+    info: ionInformationCircleOutline,
+    warning: ionAlert
+  },
+  arrow: {
+    up: ionArrowUp,
+    right: ionArrowForward,
+    down: ionArrowDown,
+    left: ionArrowBack,
+    dropdown: ionCaretDownOutline
+  },
+  chevron: {
+    left: ionArrowBack,
+    right: ionArrowForward
+  },
+  colorPicker: {
+    spectrum: ionAperture,
+    tune: ionOptions,
+    palette: ionApps
+  },
+  pullToRefresh: {
+    icon: ionRefresh
+  },
+  carousel: {
+    left: ionChevronBack,
+    right: ionChevronForward,
+    up: ionChevronUp,
+    down: ionChevronDown,
+    navigationIcon: ionSquare
+  },
+  chip: {
+    remove: ionCloseCircle,
+    selected: ionCheckmark
+  },
+  datetime: {
+    arrowLeft: ionChevronBack,
+    arrowRight: ionChevronForward,
+    now: ionTime,
+    today: ionCalendar
+  },
+  editor: { // requires Material icons for some as Ionicons simply does not have everything needed
+    hyperlink: ionLink,
+    toggleFullscreen: ionExpand,
+    quote: ionChatboxEllipses,
+    print: ionPrint,
+    undo: ionArrowUndo,
+    redo: ionArrowRedo,
+    code: ionCodeSlash,
+    viewSource: ionCodeSlash,
+
+    bold: mdiFormatBold,
+    italic: mdiFormatItalic,
+    strikethrough: mdiFormatStrikethroughVariant,
+    underline: mdiFormatUnderline,
+    unorderedList: mdiFormatListBulleted,
+    orderedList: mdiFormatListNumbered,
+    subscript: mdiFormatSubscript,
+    superscript: mdiFormatSuperscript,
+    left: mdiFormatAlignLeft,
+    center: mdiFormatAlignCenter,
+    right: mdiFormatAlignRight,
+    justify: mdiFormatAlignJustify,
+    outdent: mdiFormatIndentDecrease,
+    indent: mdiFormatIndentIncrease,
+    removeFormat: mdiFormatClear,
+    formatting: mdiFormatColorText,
+    fontSize: mdiFormatSize,
+    align: mdiFormatAlignLeft,
+    hr: mdiMinus,
+    heading: mdiFormatSize,
+    heading1: mdiFormatHeader1,
+    heading2: mdiFormatHeader2,
+    heading3: mdiFormatHeader3,
+    heading4: mdiFormatHeader4,
+    heading5: mdiFormatHeader5,
+    heading6: mdiFormatHeader6,
+    size: mdiFormatSize,
+    size1: mdiNumeric1Box,
+    size2: mdiNumeric2Box,
+    size3: mdiNumeric3Box,
+    size4: mdiNumeric4Box,
+    size5: mdiNumeric5Box,
+    size6: mdiNumeric6Box,
+    size7: mdiNumeric7Box,
+    font: mdiFormatFont
+  },
+  expansionItem: {
+    icon: ionCaretDownOutline,
+    denseIcon: ionCaretDownOutline
+  },
+  fab: {
+    icon: ionAdd,
+    activeIcon: ionClose
+  },
+  field: {
+    clear: ionCloseCircle,
+    error: ionAlert
+  },
+  pagination: {
+    first: ionPlaySkipBackCircle,
+    prev: ionChevronBackCircle,
+    next: ionChevronForwardCircle,
+    last: ionPlaySkipForwardCircle
+  },
+  rating: {
+    icon: ionStar
+  },
+  stepper: {
+    done: ionCheckmark,
+    active: ionCreate,
+    error: ionWarning
+  },
+  tabs: {
+    left: ionChevronBack,
+    right: ionChevronForward,
+    up: ionChevronUp,
+    down: ionChevronDown
+  },
+  table: {
+    arrowUp: ionArrowUp,
+    warning: ionWarning,
+    firstPage: ionPlaySkipBackCircle,
+    prevPage: ionChevronBackCircle,
+    nextPage: ionChevronForwardCircle,
+    lastPage: ionPlaySkipForwardCircle
+  },
+  tree: {
+    icon: ionPlay
+  },
+  uploader: {
+    done: ionCheckmark,
+    clear: ionClose,
+    add: ionAddCircle,
+    upload: ionCloudUpload,
+    removeQueue: ionTrash,
+    removeUploaded: ionCheckmarkDone
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "quasar",
-  "version": "2.2.4",
+  "version": "2.3.3",
   "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",
@@ -63,10 +63,12 @@
   "devDependencies": {
     "@babel/eslint-parser": "^7.13.14",
     "@quasar/app": "^3.0.0",
-    "@quasar/extras": "^1.11.0",
+    "@quasar/extras": "^1.12.0",
     "@rollup/plugin-node-resolve": "^11.2.1",
     "@rollup/plugin-replace": "^2.3.3",
     "babel-preset-es2015-rollup": "^3.0.0",
+    "cli-highlight": "^2.1.11",
+    "diff": "^5.0.0",
     "eslint": "^7.4.0",
     "eslint-config-standard": "^16.0.2",
     "eslint-friendly-formatter": "^4.0.1",
@@ -75,6 +77,7 @@
     "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",
     "prettier": "^2.4.1",

package/src/api.extends.json

@@ -95,6 +95,13 @@
       "category": "transition"
     },
 
+    "animation-speed": {
+      "type": [ "String", "Number" ],
+      "desc": "Animation speed (in milliseconds, without unit)",
+      "examples": [ 500, "1200" ],
+      "category": "style"
+    },
+
     "model-value": {
       "desc": "Model of the component; Either use this property (along with a listener for 'update:model-value' event) OR use v-model directive",
       "required": true,

package/src/body.js

@@ -82,12 +82,18 @@ export default {
       }
 
       ssrContext._meta.bodyClasses += cls.join(' ')
-      return
-    }
 
-    const { $q } = opts
+      const brand = $q.config.brand
+      if (brand !== void 0) {
+        const vars = Object.keys(brand)
+          .map(key => `--q-${ key }:${ brand[ key ] };`)
+          .join('')
+
+        ssrContext._meta.endingHeadTags += `<style>:root{${ vars }}</style>`
+      }
 
-    $q.config.brand !== void 0 && setColors($q.config.brand)
+      return
+    }
 
     if (this.__installed === true) { return }
 
@@ -95,6 +101,10 @@ export default {
       applyClientSsrCorrections()
     }
     else {
+      const { $q } = opts
+
+      $q.config.brand !== void 0 && setColors($q.config.brand)
+
       const cls = getBodyClasses(client, $q.config)
       document.body.classList.add.apply(document.body.classList, cls)
     }

package/src/components/btn/QBtn.js

@@ -277,6 +277,7 @@ export default createComponent({
     }
 
     function onLoadingEvt (evt) {
+      stopAndPrevent(evt)
       evt.qSkipRipple = true
     }
 

package/src/components/circular-progress/QCircularProgress.js

@@ -24,6 +24,11 @@ export default createComponent({
       default: 0
     },
 
+    animationSpeed: {
+      type: [ String, Number ],
+      default: 600
+    },
+
     indeterminate: Boolean
   },
 
@@ -43,7 +48,7 @@ export default createComponent({
 
     const circleStyle = computed(() => (
       props.instantFeedback !== true && props.indeterminate !== true
-        ? { transition: 'stroke-dashoffset 0.6s ease 0s, stroke 0.6s ease' }
+        ? { transition: `stroke-dashoffset ${ props.animationSpeed }ms ease 0s, stroke ${ props.animationSpeed }ms ease` }
         : ''
     ))
 

package/src/components/circular-progress/QCircularProgress.json

@@ -91,6 +91,12 @@
       "type": "Boolean",
       "desc": "No animation when model changes",
       "category": "behavior"
+    },
+
+    "animation-speed": {
+      "extends": "animation-speed",
+      "default": 600,
+      "addedIn": "v2.3"
     }
   },