quasar 1.15.21 → 1.16.1

package/dist/types/extras/icon-set.d.ts

@@ -101,6 +101,8 @@ export type QuasarIconSets =
   | "svg-material-icons-round"
   | "material-icons-sharp"
   | "svg-material-icons-sharp"
+  | "mdi-v6"
+  | "svg-mdi-v6"
   | "mdi-v5"
   | "svg-mdi-v5"
   | "mdi-v4"

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

@@ -2,7 +2,7 @@
   "$schema": "",
   "framework": "vue",
   "name": "quasar",
-  "version": "1.15.21",
+  "version": "1.16.1",
   "contributions": {
     "html": {
       "types-syntax": "typescript",

package/icon-set/bootstrap-icons.js

@@ -4,7 +4,7 @@
 import {
   mdiFormatSubscript,
   mdiFormatSuperscript
-} from '@quasar/extras/mdi-v5'
+} from '@quasar/extras/mdi-v6'
 
 export default {
   name: 'bootstrap-icons',

package/icon-set/eva-icons.js

@@ -41,7 +41,7 @@ import {
   mdiNumeric6Box,
   mdiNumeric7Box,
   mdiFormatFont
-} from '@quasar/extras/mdi-v5'
+} from '@quasar/extras/mdi-v6'
 
 export default {
   name: 'eva-icons',

package/icon-set/ionicons-v4.js

@@ -34,7 +34,7 @@ import {
   mdiNumeric6Box,
   mdiNumeric7Box,
   mdiFormatFont
-} from '@quasar/extras/mdi-v5'
+} from '@quasar/extras/mdi-v6'
 
 export default {
   name: 'ionicons-v4',

package/icon-set/mdi-v6.js

@@ -0,0 +1,141 @@
+export default {
+  name: 'mdi-v6',
+  type: {
+    positive: 'mdi-check-circle',
+    negative: 'mdi-alert',
+    info: 'mdi-information',
+    warning: 'mdi-exclamation'
+  },
+  arrow: {
+    up: 'mdi-arrow-up',
+    right: 'mdi-arrow-right',
+    down: 'mdi-arrow-down',
+    left: 'mdi-arrow-left',
+    dropdown: 'mdi-menu-down'
+  },
+  chevron: {
+    left: 'mdi-chevron-left',
+    right: 'mdi-chevron-right'
+  },
+  colorPicker: {
+    spectrum: 'mdi-gradient-vertical',
+    tune: 'mdi-tune',
+    palette: 'mdi-palette-swatch'
+  },
+  pullToRefresh: {
+    icon: 'mdi-refresh'
+  },
+  carousel: {
+    left: 'mdi-chevron-left',
+    right: 'mdi-chevron-right',
+    up: 'mdi-chevron-up',
+    down: 'mdi-chevron-down',
+    navigationIcon: 'mdi-circle'
+  },
+  chip: {
+    remove: 'mdi-close-circle',
+    selected: 'mdi-check'
+  },
+  datetime: {
+    arrowLeft: 'mdi-chevron-left',
+    arrowRight: 'mdi-chevron-right',
+    now: 'mdi-clock-outline',
+    today: 'mdi-calendar-today'
+  },
+  editor: {
+    bold: 'mdi-format-bold',
+    italic: 'mdi-format-italic',
+    strikethrough: 'mdi-format-strikethrough-variant',
+    underline: 'mdi-format-underline',
+    unorderedList: 'mdi-format-list-bulleted',
+    orderedList: 'mdi-format-list-numbered',
+    subscript: 'mdi-format-subscript',
+    superscript: 'mdi-format-superscript',
+    hyperlink: 'mdi-link',
+    toggleFullscreen: 'mdi-fullscreen',
+    quote: 'mdi-format-quote-close',
+    left: 'mdi-format-align-left',
+    center: 'mdi-format-align-center',
+    right: 'mdi-format-align-right',
+    justify: 'mdi-format-align-justify',
+    print: 'mdi-printer',
+    outdent: 'mdi-format-indent-decrease',
+    indent: 'mdi-format-indent-increase',
+    removeFormat: 'mdi-format-clear',
+    formatting: 'mdi-format-color-text',
+    fontSize: 'mdi-format-size',
+    align: 'mdi-format-align-left',
+    hr: 'mdi-minus',
+    undo: 'mdi-undo',
+    redo: 'mdi-redo',
+    heading: 'mdi-format-size',
+    heading1: 'mdi-format-header-1',
+    heading2: 'mdi-format-header-2',
+    heading3: 'mdi-format-header-3',
+    heading4: 'mdi-format-header-4',
+    heading5: 'mdi-format-header-5',
+    heading6: 'mdi-format-header-6',
+    code: 'mdi-code-tags',
+    size: 'mdi-format-size',
+    size1: 'mdi-numeric-1-box',
+    size2: 'mdi-numeric-2-box',
+    size3: 'mdi-numeric-3-box',
+    size4: 'mdi-numeric-4-box',
+    size5: 'mdi-numeric-5-box',
+    size6: 'mdi-numeric-6-box',
+    size7: 'mdi-numeric-7-box',
+    font: 'mdi-format-font',
+    viewSource: 'mdi-code-tags'
+  },
+  expansionItem: {
+    icon: 'mdi-chevron-down',
+    denseIcon: 'mdi-menu-down'
+  },
+  fab: {
+    icon: 'mdi-plus',
+    activeIcon: 'mdi-close'
+  },
+  field: {
+    clear: 'mdi-close-circle',
+    error: 'mdi-alert-circle'
+  },
+  pagination: {
+    first: 'mdi-chevron-double-left',
+    prev: 'mdi-chevron-left',
+    next: 'mdi-chevron-right',
+    last: 'mdi-chevron-double-right'
+  },
+  rating: {
+    icon: 'mdi-star'
+  },
+  stepper: {
+    done: 'mdi-check',
+    active: 'mdi-pencil',
+    error: 'mdi-alert'
+  },
+  tabs: {
+    left: 'mdi-chevron-left',
+    right: 'mdi-chevron-right',
+    up: 'mdi-chevron-up',
+    down: 'mdi-chevron-down'
+  },
+  table: {
+    arrowUp: 'mdi-arrow-up',
+    warning: 'mdi-alert',
+    firstPage: 'mdi-chevron-double-left',
+    prevPage: 'mdi-chevron-left',
+    nextPage: 'mdi-chevron-right',
+    lastPage: 'mdi-chevron-double-right'
+  },
+  tree: {
+    icon: 'mdi-play'
+  },
+  uploader: {
+    done: 'mdi-check',
+    clear: 'mdi-close',
+    add: 'mdi-plus-box',
+    upload: 'mdi-cloud-upload',
+    removeQueue: 'mdi-notification-clear-all',
+    removeUploaded: 'mdi-check-all'
+  }
+}

package/icon-set/svg-bootstrap-icons.js

@@ -77,7 +77,7 @@ import {
 import {
   mdiFormatSubscript,
   mdiFormatSuperscript
-} from '@quasar/extras/mdi-v5'
+} from '@quasar/extras/mdi-v6'
 
 
 

package/icon-set/svg-eva-icons.js

@@ -87,7 +87,7 @@ import {
   mdiNumeric6Box,
   mdiNumeric7Box,
   mdiFormatFont
-} from '@quasar/extras/mdi-v5'
+} from '@quasar/extras/mdi-v6'
 
 
 

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

@@ -87,7 +87,7 @@ import {
   mdiNumeric6Box,
   mdiNumeric7Box,
   mdiFormatFont
-} from '@quasar/extras/mdi-v5'
+} from '@quasar/extras/mdi-v6'
 
 
 

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

@@ -79,7 +79,7 @@ import {
   mdiNumeric6Box,
   mdiNumeric7Box,
   mdiFormatFont
-} from '@quasar/extras/mdi-v5'
+} from '@quasar/extras/mdi-v6'
 
 export default {
   name: 'svg-ionicons-v5',

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

@@ -2,7 +2,7 @@
 /*
  * Do not edit this file. It is automatically generated
  * from its webfont counterpart (same filename without "svg-" prefix).
- * Edit that file instead (mdi-v5.js).
+ * Edit that file instead (mdi-v6.js).
  */
 
 

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

@@ -0,0 +1,225 @@
+
+/*
+ * Do not edit this file. It is automatically generated
+ * from its webfont counterpart (same filename without "svg-" prefix).
+ * Edit that file instead (mdi-v6.js).
+ */
+
+
+import {
+  mdiCheckCircle,
+  mdiAlert,
+  mdiInformation,
+  mdiExclamation,
+  mdiArrowUp,
+  mdiArrowRight,
+  mdiArrowDown,
+  mdiArrowLeft,
+  mdiMenuDown,
+  mdiChevronLeft,
+  mdiChevronRight,
+  mdiGradientVertical,
+  mdiTune,
+  mdiPaletteSwatch,
+  mdiRefresh,
+  mdiChevronUp,
+  mdiChevronDown,
+  mdiCircle,
+  mdiCloseCircle,
+  mdiCheck,
+  mdiClockOutline,
+  mdiCalendarToday,
+  mdiFormatBold,
+  mdiFormatItalic,
+  mdiFormatStrikethroughVariant,
+  mdiFormatUnderline,
+  mdiFormatListBulleted,
+  mdiFormatListNumbered,
+  mdiFormatSubscript,
+  mdiFormatSuperscript,
+  mdiLink,
+  mdiFullscreen,
+  mdiFormatQuoteClose,
+  mdiFormatAlignLeft,
+  mdiFormatAlignCenter,
+  mdiFormatAlignRight,
+  mdiFormatAlignJustify,
+  mdiPrinter,
+  mdiFormatIndentDecrease,
+  mdiFormatIndentIncrease,
+  mdiFormatClear,
+  mdiFormatColorText,
+  mdiFormatSize,
+  mdiMinus,
+  mdiUndo,
+  mdiRedo,
+  mdiFormatHeader1,
+  mdiFormatHeader2,
+  mdiFormatHeader3,
+  mdiFormatHeader4,
+  mdiFormatHeader5,
+  mdiFormatHeader6,
+  mdiCodeTags,
+  mdiNumeric1Box,
+  mdiNumeric2Box,
+  mdiNumeric3Box,
+  mdiNumeric4Box,
+  mdiNumeric5Box,
+  mdiNumeric6Box,
+  mdiNumeric7Box,
+  mdiFormatFont,
+  mdiPlus,
+  mdiClose,
+  mdiAlertCircle,
+  mdiChevronDoubleLeft,
+  mdiChevronDoubleRight,
+  mdiStar,
+  mdiPencil,
+  mdiPlay,
+  mdiPlusBox,
+  mdiCloudUpload,
+  mdiNotificationClearAll,
+  mdiCheckAll
+} from '@quasar/extras/mdi-v6'
+
+export default {
+  name: 'svg-mdi-v6',
+  type: {
+    positive: mdiCheckCircle,
+    negative: mdiAlert,
+    info: mdiInformation,
+    warning: mdiExclamation
+  },
+  arrow: {
+    up: mdiArrowUp,
+    right: mdiArrowRight,
+    down: mdiArrowDown,
+    left: mdiArrowLeft,
+    dropdown: mdiMenuDown
+  },
+  chevron: {
+    left: mdiChevronLeft,
+    right: mdiChevronRight
+  },
+  colorPicker: {
+    spectrum: mdiGradientVertical,
+    tune: mdiTune,
+    palette: mdiPaletteSwatch
+  },
+  pullToRefresh: {
+    icon: mdiRefresh
+  },
+  carousel: {
+    left: mdiChevronLeft,
+    right: mdiChevronRight,
+    up: mdiChevronUp,
+    down: mdiChevronDown,
+    navigationIcon: mdiCircle
+  },
+  chip: {
+    remove: mdiCloseCircle,
+    selected: mdiCheck
+  },
+  datetime: {
+    arrowLeft: mdiChevronLeft,
+    arrowRight: mdiChevronRight,
+    now: mdiClockOutline,
+    today: mdiCalendarToday
+  },
+  editor: {
+    bold: mdiFormatBold,
+    italic: mdiFormatItalic,
+    strikethrough: mdiFormatStrikethroughVariant,
+    underline: mdiFormatUnderline,
+    unorderedList: mdiFormatListBulleted,
+    orderedList: mdiFormatListNumbered,
+    subscript: mdiFormatSubscript,
+    superscript: mdiFormatSuperscript,
+    hyperlink: mdiLink,
+    toggleFullscreen: mdiFullscreen,
+    quote: mdiFormatQuoteClose,
+    left: mdiFormatAlignLeft,
+    center: mdiFormatAlignCenter,
+    right: mdiFormatAlignRight,
+    justify: mdiFormatAlignJustify,
+    print: mdiPrinter,
+    outdent: mdiFormatIndentDecrease,
+    indent: mdiFormatIndentIncrease,
+    removeFormat: mdiFormatClear,
+    formatting: mdiFormatColorText,
+    fontSize: mdiFormatSize,
+    align: mdiFormatAlignLeft,
+    hr: mdiMinus,
+    undo: mdiUndo,
+    redo: mdiRedo,
+    heading: mdiFormatSize,
+    heading1: mdiFormatHeader1,
+    heading2: mdiFormatHeader2,
+    heading3: mdiFormatHeader3,
+    heading4: mdiFormatHeader4,
+    heading5: mdiFormatHeader5,
+    heading6: mdiFormatHeader6,
+    code: mdiCodeTags,
+    size: mdiFormatSize,
+    size1: mdiNumeric1Box,
+    size2: mdiNumeric2Box,
+    size3: mdiNumeric3Box,
+    size4: mdiNumeric4Box,
+    size5: mdiNumeric5Box,
+    size6: mdiNumeric6Box,
+    size7: mdiNumeric7Box,
+    font: mdiFormatFont,
+    viewSource: mdiCodeTags
+  },
+  expansionItem: {
+    icon: mdiChevronDown,
+    denseIcon: mdiMenuDown
+  },
+  fab: {
+    icon: mdiPlus,
+    activeIcon: mdiClose
+  },
+  field: {
+    clear: mdiCloseCircle,
+    error: mdiAlertCircle
+  },
+  pagination: {
+    first: mdiChevronDoubleLeft,
+    prev: mdiChevronLeft,
+    next: mdiChevronRight,
+    last: mdiChevronDoubleRight
+  },
+  rating: {
+    icon: mdiStar
+  },
+  stepper: {
+    done: mdiCheck,
+    active: mdiPencil,
+    error: mdiAlert
+  },
+  tabs: {
+    left: mdiChevronLeft,
+    right: mdiChevronRight,
+    up: mdiChevronUp,
+    down: mdiChevronDown
+  },
+  table: {
+    arrowUp: mdiArrowUp,
+    warning: mdiAlert,
+    firstPage: mdiChevronDoubleLeft,
+    prevPage: mdiChevronLeft,
+    nextPage: mdiChevronRight,
+    lastPage: mdiChevronDoubleRight
+  },
+  tree: {
+    icon: mdiPlay
+  },
+  uploader: {
+    done: mdiCheck,
+    clear: mdiClose,
+    add: mdiPlusBox,
+    upload: mdiCloudUpload,
+    removeQueue: mdiNotificationClearAll,
+    removeUploaded: mdiCheckAll
+  }
+}

package/icon-set/svg-themify.js

@@ -83,7 +83,7 @@ import {
   mdiNumeric6Box,
   mdiNumeric7Box,
   mdiFormatFont
-} from '@quasar/extras/mdi-v5'
+} from '@quasar/extras/mdi-v6'
 
 
 

package/icon-set/themify.js

@@ -22,7 +22,7 @@ import {
   mdiNumeric6Box,
   mdiNumeric7Box,
   mdiFormatFont
-} from '@quasar/extras/mdi-v5'
+} from '@quasar/extras/mdi-v6'
 
 export default {
   name: 'themify',

package/lang/ar.js

@@ -14,7 +14,7 @@ export default {
     update: 'تحديث',
     create: 'إنشاء',
     search: 'بحث',
-    filter: 'ترشيح',
+    filter: 'تنقية',
     refresh: 'تحديث'
   },
   date: {

package/lang/de.js

@@ -23,7 +23,7 @@ export default {
     monthsShort: 'Jan_Feb_Mar_Apr_Mai_Jun_Jul_Aug_Sep_Okt_Nov_Dez'.split('_'),
     firstDayOfWeek: 1, // 0-6, 0 - Sunday, 1 Monday, ...
     format24h: true,
-    pluralDay: 'tage'
+    pluralDay: 'Tage'
   },
   table: {
     noData: 'Keine Daten vorhanden.',

package/lang/index.json

@@ -165,7 +165,7 @@
   },
   {
     "isoName": "sr",
-    "nativeName": "српски језик"
+    "nativeName": "srpski jezik"
   },
   {
     "isoName": "sv",

package/lang/sr.js

@@ -1,6 +1,6 @@
 export default {
   isoName: 'sr',
-  nativeName: 'српски језик',
+  nativeName: 'srpski jezik',
   label: {
     clear: 'Obriši',
     ok: 'OK',
@@ -23,7 +23,7 @@ export default {
     monthsShort: 'Jan_Feb_Mar_Apr_Maj_Jun_Jul_Avg_Sep_Okt_Nov_Dec'.split('_'),
     firstDayOfWeek: 1, // 0-6, 0 - Sunday, 1 Monday, ...
     format24h: true,
-    pluralDay: 'дана'
+    pluralDay: 'dana'
   },
   table: {
     noData: 'Nema podataka',
@@ -83,8 +83,8 @@ export default {
     size5: 'Veliko',
     size6: 'Već',
     size7: 'Najveće',
-    defaultFont: 'Zadani font',
-    viewSource: 'Погледај извор'
+    defaultFont: 'Podrazumevani font',
+    viewSource: 'Pogledaj izvor'
   },
   tree: {
     noNodes: 'Nema nijednog čvora',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "quasar",
-  "version": "1.15.21",
+  "version": "1.16.1",
   "description": "Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time",
   "module": "src/index.esm.js",
   "typings": "dist/types/index.d.ts",
@@ -60,7 +60,7 @@
   "homepage": "https://quasar.dev",
   "devDependencies": {
     "@quasar/app": "^2.0.6",
-    "@quasar/extras": "^1.10.0",
+    "@quasar/extras": "^1.11.0",
     "@rollup/plugin-buble": "^0.21.1",
     "@rollup/plugin-json": "^4.0.2",
     "@rollup/plugin-node-resolve": "^7.1.0",

package/src/components/chat/QChatMessage.js

@@ -86,8 +86,8 @@ export default Vue.extend({
       }
 
       const content = withSlots === true
-        ? (contentList.length > 1 ? text => text : text => h('div', [ text ]))
-        : text => h('div', { domProps: { [domPropText]: text } })
+        ? (contentList.length > 1 ? (text => text) : (text => h('div', [ text ])))
+        : (text => h('div', { domProps: { [domPropText]: text } }))
 
       return contentList.map((msg, index) => h('div', {
         key: index,

package/src/components/checkbox/QCheckbox.sass

@@ -11,6 +11,7 @@ $checkbox-transition: .22s cubic-bezier(0,0,.2,1) 0ms
     border: 2px solid currentColor
     border-radius: 2px
     transition: background $checkbox-transition
+    -webkit-print-color-adjust: exact
 
   &__native
     width: 1px

package/src/components/checkbox/QCheckbox.styl

@@ -11,6 +11,7 @@ $checkbox-transition = .22s cubic-bezier(0,0,.2,1) 0ms
     border: 2px solid currentColor
     border-radius: 2px
     transition: background $checkbox-transition
+    -webkit-print-color-adjust: exact
 
   &__native
     width: 1px

package/src/components/expansion-item/QExpansionItem.js

@@ -171,7 +171,7 @@ export default Vue.extend({
       let child
 
       if (this.$scopedSlots.header !== void 0) {
-        child = this.$scopedSlots.header().slice()
+        child = [].concat(this.$scopedSlots.header())
       }
       else {
         child = [

package/src/components/fab/QFab.js

@@ -66,6 +66,14 @@ export default Vue.extend({
         (this.showing === true ? ' q-fab--opened' : '')
     },
 
+    actionsClasses () {
+      return `q-fab__actions--${this.direction}` + (this.showing === true ? ' q-fab__actions--opened' : '')
+    },
+
+    iconHolderClasses () {
+      return this.showing === true ? 'q-fab__icon-holder--opened' : ''
+    },
+
     attrs () {
       return {
         'aria-expanded': this.showing === true ? 'true' : 'false',
@@ -89,7 +97,7 @@ export default Vue.extend({
     const child = []
 
     this.hideIcon !== true && child.push(
-      h('div', { staticClass: 'q-fab__icon-holder' }, [
+      h('div', { staticClass: 'q-fab__icon-holder', class: this.iconHolderClasses }, [
         h(QIcon, {
           staticClass: 'q-fab__icon absolute-full',
           props: { name: this.icon || this.$q.iconSet.fab.icon }
@@ -131,7 +139,7 @@ export default Vue.extend({
 
       h('div', {
         staticClass: 'q-fab__actions flex no-wrap inline',
-        class: `q-fab__actions--${this.direction}`
+        class: this.actionsClasses
       }, slot(this, 'default'))
     ])
   }

package/src/components/fab/QFab.sass

@@ -13,18 +13,6 @@
   &--form-square
     border-radius: $generic-border-radius
 
-  &--opened
-    .q-fab__actions
-      opacity: 1
-      transform: scale(1) translate(0, 0)
-      pointer-events: all
-    .q-fab__icon
-      transform: rotate(180deg)
-      opacity: 0
-    .q-fab__active-icon
-      transform: rotate(0deg)
-      opacity: 1
-
   &__icon, &__active-icon
     transition: opacity .4s, transform .4s
   &__icon
@@ -91,6 +79,14 @@
     min-height: 24px
     position: relative
 
+    &--opened
+      .q-fab__icon
+        transform: rotate(180deg)
+        opacity: 0
+      .q-fab__active-icon
+        transform: rotate(0deg)
+        opacity: 1
+
   &__actions
     position: absolute
     opacity: 0
@@ -139,6 +135,11 @@
       left: 50%
       margin-left: -28px
 
+    &--opened
+      opacity: 1
+      transform: scale(1) translate(0, 0)
+      pointer-events: all
+
   &--align-left
     > .q-fab__actions
       &--up, &--down