quasar 1.19.1 → 1.19.2

package/dist/types/index.d.ts

@@ -9116,6 +9116,7 @@ declare module './lang' {
             'ru': true
             'sk': true
             'sl': true
+            'sm': true
             'sr': true
             'sv': true
             'ta': true

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

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

package/lang/ca.js

@@ -2,19 +2,19 @@ export default {
   isoName: 'ca',
   nativeName: 'Català',
   label: {
-    clear: 'Neteja',
+    clear: 'Netejar',
     ok: 'D\'acord',
-    cancel: 'Cancel·la',
-    close: 'Tanca',
-    set: 'Estableix',
-    select: 'Selecciona',
-    reset: 'Restableix',
-    remove: 'Elimina',
-    update: 'Actualitza',
-    create: 'Crea',
-    search: 'Cerca',
-    filter: 'Filtra',
-    refresh: 'Refresca'
+    cancel: 'Cancel·lar',
+    close: 'Tancar',
+    set: 'Definir',
+    select: 'Seleccionar',
+    reset: 'Reinicialitzar',
+    remove: 'Suprimir',
+    update: 'Actualitzar',
+    create: 'Crear',
+    search: 'Cercar',
+    filter: 'Filtrar',
+    refresh: 'Refrescar'
   },
   date: {
     days: 'Diumenge_Dilluns_Dimarts_Dimecres_Dijous_Divendres_Dissabte'.split('_'),
@@ -51,23 +51,23 @@ export default {
     orderedList: 'Llista amb ordre',
     subscript: 'Subíndex',
     superscript: 'Superíndex',
-    hyperlink: 'Hyperenllaç',
-    toggleFullscreen: 'Commuta pantalla completa',
+    hyperlink: 'Hiperenllaç',
+    toggleFullscreen: 'Commutar pantalla completa',
     quote: 'Cita',
-    left: 'Alínea a l\'esquerra',
-    center: 'Alínea al centre',
-    right: 'Alínea a la dreta',
-    justify: 'Alínea justificat',
-    print: 'Imprimeix',
-    outdent: 'Incrementa la sagnia',
-    indent: 'Disminueix la sagnia',
-    removeFormat: 'Lleva el format',
-    formatting: 'Donant format',
+    left: 'Alinear a l\'esquerra',
+    center: 'Alinear al centre',
+    right: 'Alinear a la dreta',
+    justify: 'Alinear justificat',
+    print: 'Imprimir',
+    outdent: 'Augmentar identació',
+    indent: 'Disminuir identació',
+    removeFormat: 'Llevar el format',
+    formatting: 'Formatant',
     fontSize: 'Mida de la font',
-    align: 'Alínea',
-    hr: 'Insereix una línea horitzontal',
-    undo: 'Desfés',
-    redo: 'Refés',
+    align: 'Alinear',
+    hr: 'Inserir una línea horitzontal',
+    undo: 'Desfer',
+    redo: 'Refer',
     heading1: 'Encapçalament 1',
     heading2: 'Encapçalament 2',
     heading3: 'Encapçalament 3',
@@ -77,17 +77,17 @@ export default {
     paragraph: 'Paràgraf',
     code: 'Codi',
     size1: 'Molt petit',
-    size2: 'Un poc petit',
+    size2: 'Petit',
     size3: 'Normal',
-    size4: 'Mitjà-gran',
+    size4: 'Mitjà',
     size5: 'Gran',
     size6: 'Molt gran',
     size7: 'Màxim',
     defaultFont: 'Font per defecte',
-    viewSource: 'Veure la font'
+    viewSource: 'Veure font'
   },
   tree: {
-    noNodes: 'No hi han nodes disponibles',
+    noNodes: 'No hi ha nodes disponibles',
     noResults: 'No s\'han trobat nodes'
   }
 }

package/lang/index.json

@@ -179,6 +179,10 @@
     "isoName": "sl",
     "nativeName": "Slovenski Jezik"
   },
+  {
+    "isoName": "sm",
+    "nativeName": "Fa'asāmoa"
+  },
   {
     "isoName": "sr",
     "nativeName": "srpski jezik"

package/lang/ko-kr.js

@@ -44,46 +44,46 @@ export default {
   editor: {
     url: 'URL',
     bold: '굵게',
-    italic: '이탤릭',
+    italic: '기울이기',
     strikethrough: '취소선',
     underline: '밑줄',
-    unorderedList: '정렬되지 않은 목록',
+    unorderedList: '비순차 목록',
     orderedList: '순서 목록',
     subscript: '아래 첨자',
     superscript: '위 첨자',
-    hyperlink: '링크',
+    hyperlink: '하이퍼링크',
     toggleFullscreen: '전체 화면',
     quote: '따옴표',
     left: '왼쪽 정렬',
     center: '가운데 정렬',
     right: '오른쪽 정렬',
-    justify: '정렬',
+    justify: '세로 정렬',
     print: '출력',
-    outdent: '들여 쓰기 감소',
-    indent: '들여 쓰기 증가',
+    outdent: '들여 쓰기',
+    indent: '내어 쓰기',
     removeFormat: '포맷팅 제거',
     formatting: '포맷팅',
-    fontSize: '폰트 크기',
-    align: '정렬',
-    hr: '가로 룰 삽입',
-    undo: '되돌리기',
-    redo: '다시 하기',
-    heading1: '헤더 1',
-    heading2: '헤더 2',
-    heading3: '헤더 3',
-    heading4: '헤더 4',
-    heading5: '헤더 5',
-    heading6: '헤더 6',
-    paragraph: '절',
+    fontSize: '글꼴 크기',
+    align: '가로 정렬',
+    hr: '가로줄 넣기',
+    undo: '실행취소',
+    redo: '다시하기',
+    heading1: '제목 1',
+    heading2: '제목 2',
+    heading3: '제목 3',
+    heading4: '제목 4',
+    heading5: '제목 5',
+    heading6: '제목 6',
+    paragraph: '단락',
     code: '코드',
-    size1: '아주 작음',
-    size2: '작음',
+    size1: '매우 작게',
+    size2: '작게',
     size3: '보통',
     size4: '약간 크게',
     size5: '크게',
     size6: '아주 크게',
     size7: '최대',
-    defaultFont: '기본 폰트',
+    defaultFont: '기본 글꼴',
     viewSource: '소스보기'
   },
   tree: {

package/lang/sm.js

@@ -0,0 +1,93 @@
+export default {
+  isoName: 'sm',
+  nativeName: 'Fa\'asāmoa',
+  label: {
+    clear: 'Kilia',
+    ok: '\'Oukei',
+    cancel: 'Fa\'alēaogāina',
+    close: 'Tapuni',
+    set: 'Seti',
+    select: 'Filifili',
+    reset: 'Toe seti',
+    remove: '\'Ave\'ese',
+    update: 'Fa\'afou',
+    create: 'Fatu',
+    search: 'Sā\'ili',
+    filter: 'Fa\'amamā',
+    refresh: 'Fa\'afou'
+  },
+  date: {
+    days: 'Aso Sā_Aso Gafua_Aso Lua_Aso Lulu_Aso Tofi_Aso Faraile_Aso To\'onai'.split('_'),
+    daysShort: 'Sā_Gaf_Lua_Lul_Tof_Far_Too'.split('_'),
+    months: 'Ianuari_Fepuari_Mati_\'Aperila_Mē_Iuni_Iulai_\'Aokuso_Sētema_\'Oketopa_Nōvema_Tēsema'.split('_'),
+    monthsShort: 'Ian_Fep_Mat_Ape_Mē_Iun_Iul_Auk_Sēt_Oke_Nōv_Tēs'.split('_'),
+    firstDayOfWeek: 1, // 0-6, 0 - Sunday, 1 Monday, ...
+    format24h: false,
+    pluralDay: 'aso'
+  },
+  table: {
+    noData: 'Lēai ni fa\'amatalaga o maua',
+    noResults: 'Lēai ni fa\'amaumauga na maua',
+    loading: '\'Āmatalia...',
+    selectedRecords: function (rows) {
+      return rows === 1
+        ? '1 le laina \'ua filifilia.'
+        : (rows === 0 ? 'Lēai ni' : rows) + ' laina \'ua filifilia.'
+    },
+    recordsPerPage: 'Laina \'i le ītūlau:',
+    allRows: 'Laina \'uma',
+    pagination: function (start, end, total) {
+      return start + '-' + end + ' o ' + total
+    },
+    columns: 'Poutū'
+  },
+  editor: {
+    url: 'Tuātusi initaneti',
+    bold: 'Fa\'aolaola',
+    italic: 'Fa\'api\'o',
+    strikethrough: 'Kolosi',
+    underline: 'Vase lalo',
+    unorderedList: 'Lisi \'e fe\'i fa\'atulagaina',
+    orderedList: 'Lisi \'ua fa\'atulagaina',
+    subscript: 'Fa\'anini\'i i lalo',
+    superscript: 'Fa\'anini\'i i luga',
+    hyperlink: 'So\'otaga initaneti',
+    toggleFullscreen: 'Fa\'atelē ma fa\'alititi le va\'ai',
+    quote: 'Saunoaga',
+    left: 'Ōgatasi agavale',
+    center: 'Ōgatasi \'ogātotonu',
+    right: 'Ōgatasi taumatau',
+    justify: 'Ōgatasi lautele',
+    print: 'Lolomi',
+    outdent: 'Fa\'alaititi le va',
+    indent: 'Fa\'atelē le va',
+    removeFormat: '\'Ave\'ese le fa\'atulagaga',
+    formatting: 'Fa\'atulagaga',
+    fontSize: 'Telē o le mata\'itusi',
+    align: 'Ōgatasi',
+    hr: 'Fa\'aopoopo se laina',
+    undo: 'Toe \'ave\'ese',
+    redo: 'Toe fai',
+    heading1: 'Ulutala 1',
+    heading2: 'Ulutala 2',
+    heading3: 'Ulutala 3',
+    heading4: 'Ulutala 4',
+    heading5: 'Ulutala 5',
+    heading6: 'Ulutala 6',
+    paragraph: 'Palakalafa',
+    code: 'Fa\'ailo fa\'akomepiuta',
+    size1: 'Matuā laitiiti',
+    size2: 'Fa\'alaititi',
+    size3: 'Tūlaga masani',
+    size4: 'Lāpo\'a feololo',
+    size5: 'Lāpo\'a',
+    size6: 'Lāpo\'a atu',
+    size7: 'Pito i lāpo\'a',
+    defaultFont: 'Foliga fou ole mata\'itusi',
+    viewSource: 'Va\'ai \'ile tusitusiga fa\'akomepiuta'
+  },
+  tree: {
+    noNodes: 'Lēai ni vāega o maua',
+    noResults: 'Lēai ni vāega na maua'
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "quasar",
-  "version": "1.19.1",
+  "version": "1.19.2",
   "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",

package/src/components/field/QField.js

@@ -367,7 +367,7 @@ export default Vue.extend({
             attrs: {
               tabindex: -1,
               ...this.qAttrs,
-              'data-autofocus': this.autofocus
+              'data-autofocus': this.autofocus || void 0
             }
           }, this.$scopedSlots.control(this.controlSlotScope))
         )
@@ -543,7 +543,7 @@ export default Vue.extend({
     const attrs = this.__getControl === void 0 && this.$scopedSlots.control === void 0
       ? {
         ...this.qAttrs,
-        'data-autofocus': this.autofocus,
+        'data-autofocus': this.autofocus || void 0,
         ...this.attrs
       }
       : this.attrs

package/src/components/file/QFile.js

@@ -95,6 +95,10 @@ export default Vue.extend({
 
     isAppending () {
       return this.multiple === true && this.append === true
+    },
+
+    fieldClass () {
+      return 'q-file q-field--auto-height' + (this.dnd === true ? ' q-file--dnd' : '')
     }
   },
 
@@ -261,8 +265,6 @@ export default Vue.extend({
   },
 
   created () {
-    this.fieldClass = 'q-file q-field--auto-height'
-
     // necessary for QField's clearable
     // and FileValueMixin
     this.type = 'file'

package/src/components/icon/QIcon.sass

@@ -2,6 +2,7 @@
   line-height: 1
   width: 1em
   height: 1em
+  flex-shrink: 0
   letter-spacing: normal
   text-transform: none
   white-space: nowrap
@@ -21,8 +22,8 @@
 
   > svg,
   > img
-    width: 1em
-    height: 1em
+    width: 100%
+    height: 100%
 
 .q-icon,
 .material-icons,

package/src/components/icon/QIcon.styl

@@ -2,6 +2,7 @@
   line-height: 1
   width: 1em
   height: 1em
+  flex-shrink: 0
   letter-spacing: normal
   text-transform: none
   white-space: nowrap
@@ -21,8 +22,8 @@
 
   > svg,
   > img
-    width: 1em
-    height: 1em
+    width: 100%
+    height: 100%
 
 .q-icon,
 .material-icons,

package/src/components/input/QInput.js

@@ -154,7 +154,7 @@ export default Vue.extend({
     inputAttrs () {
       const attrs = {
         tabindex: 0,
-        'data-autofocus': this.autofocus,
+        'data-autofocus': this.autofocus || void 0,
         rows: this.type === 'textarea' ? 6 : void 0,
         'aria-label': this.label,
         name: this.nameProp,

package/src/components/select/QSelect.js

@@ -164,13 +164,18 @@ export default Vue.extend({
       this.__updateMenu(show)
     },
 
-    virtualScrollLength () {
+    virtualScrollLength (newLength, oldLength) {
       if (this.menu === true && this.innerLoading === false) {
-        this.reset()
+        this.__resetVirtualScroll(-1, true)
 
         this.$nextTick(() => {
           if (this.menu === true && this.innerLoading === false) {
-            this.__updateMenu(true)
+            if (newLength > oldLength) {
+              this.__resetVirtualScroll()
+            }
+            else {
+              this.__updateMenu(true)
+            }
           }
         })
       }
@@ -1088,7 +1093,7 @@ export default Vue.extend({
           maxlength: this.maxlength, // this is converted to prop by QField
           tabindex: this.tabindex,
           autocomplete: this.autocomplete,
-          'data-autofocus': fromDialog === true ? false : this.autofocus,
+          'data-autofocus': (fromDialog !== true && this.autofocus) || void 0,
           disabled: this.disable === true,
           readonly: this.readonly === true
         },

package/src/components/table/QTable.sass

@@ -186,7 +186,7 @@
  * Separators
  */
 .q-table--horizontal-separator, .q-table--cell-separator
-  thead th, tbody tr:not(:last-child) td
+  thead th, tbody tr:not(:last-child) > td
     border-bottom-width: 1px
 
 .q-table--vertical-separator, .q-table--cell-separator

package/src/components/table/QTable.styl

@@ -186,7 +186,7 @@
  * Separators
  */
 .q-table--horizontal-separator, .q-table--cell-separator
-  thead th, tbody tr:not(:last-child) td
+  thead th, tbody tr:not(:last-child) > td
     border-bottom-width: 1px
 
 .q-table--vertical-separator, .q-table--cell-separator

package/src/components/uploader/QUploaderBase.js

@@ -442,7 +442,8 @@ export default Vue.extend({
         'q-uploader--bordered': this.bordered,
         'q-uploader--square no-border-radius': this.square,
         'q-uploader--flat no-shadow': this.flat,
-        'disabled q-uploader--disable': this.disable
+        'disabled q-uploader--disable': this.disable,
+        'q-uploader--dnd': this.dnd
       },
       on: this.canAddFiles === true
         ? cache(this, 'drag', {

package/src/css/core/colors.sass

@@ -7,6 +7,7 @@
   --q-color-info:         #{$info}
   --q-color-warning:      #{$warning}
   --q-color-dark:         #{$dark}
+  --q-color-dark-page:    #{$dark-page}
 
 .text-dark
   color: $dark !important

package/src/css/core/colors.styl

@@ -7,6 +7,7 @@
   --q-color-info:         $info
   --q-color-warning:      $warning
   --q-color-dark:         $dark
+  --q-color-dark-page:    $dark-page
 
 .text-dark
   color: $dark !important

package/src/css/core/dark.sass

@@ -1,6 +1,7 @@
 body.body--dark
   color: #fff
   background: $dark-page
+  background: var(--q-color-dark-page)
 
 .q-dark
   color: #fff

package/src/css/core/dark.styl

@@ -1,6 +1,7 @@
 body.body--dark
   color: #fff
   background: $dark-page
+  background: var(--q-color-dark-page)
 
 .q-dark
   color: #fff

package/src/directives/Ripple.js

@@ -101,11 +101,7 @@ export default {
           evt.qSkipRipple !== true &&
           // on ENTER in form IE emits a PointerEvent with negative client cordinates
           (client.is.ie !== true || evt.clientX >= 0) &&
-          (
-            ctx.modifiers.early === true
-              ? ['mousedown', 'touchstart'].includes(evt.type) === true
-              : evt.type === 'click'
-          )
+          evt.type === (ctx.modifiers.early === true ? 'pointerdown' : 'click')
         ) {
           showRipple(evt, el, ctx, evt.qKeyEvent === true)
         }
@@ -128,8 +124,7 @@ export default {
     el.__qripple = ctx
 
     addEvt(ctx, 'main', [
-      [ el, 'mousedown', 'start', 'passive' ],
-      [ el, 'touchstart', 'start', 'passive' ],
+      [ el, 'pointerdown', 'start', 'passive' ],
       [ el, 'click', 'start', 'passive' ],
       [ el, 'keydown', 'keystart', 'passive' ],
       [ el, 'keyup', 'keystart', 'passive' ]

package/src/mixins/anchor.js

@@ -139,7 +139,7 @@ export default {
     },
 
     __pickAnchorEl () {
-      if (this.target === false || this.target === '') {
+      if (this.target === false || this.target === '' || this.parentEl === null) {
         this.anchorEl = void 0
       }
       else if (this.target === true) {

package/src/mixins/composition.js

@@ -13,23 +13,19 @@ export default {
         e.target.qComposing = false
         this.__onInput(e)
       }
-      else if (e.type === 'compositionupdate') {
-        if (
-          e.target.qComposing !== true &&
-          typeof e.data === 'string'
-        ) {
-          const isComposing = client.is.firefox === true
-            ? isPlainText.test(e.data) === false
-            : isJapanese.test(e.data) === true && isChinese.test(e.data) === true && isKorean.test(e.data) === true
+      else if (
+        e.type === 'compositionupdate' &&
+        e.target.qComposing !== true &&
+        typeof e.data === 'string'
+      ) {
+        const isComposing = client.is.firefox === true
+          ? isPlainText.test(e.data) === false
+          : isJapanese.test(e.data) === true || isChinese.test(e.data) === true || isKorean.test(e.data) === true
 
-          if (isComposing === true) {
-            e.target.qComposing = true
-          }
+        if (isComposing === true) {
+          e.target.qComposing = true
         }
       }
-      else {
-        e.target.qComposing = true
-      }
     }
   }
 }

package/src/mixins/virtual-scroll.js

@@ -190,11 +190,12 @@ function setOverflowAnchor (contentEl, index) {
     setOverflowAnchor.isSupported = window.getComputedStyle(document.body).overflowAnchor !== void 0
   }
 
-  if (setOverflowAnchor.isSupported === false) {
+  if (setOverflowAnchor.isSupported === false || contentEl === void 0) {
     return
   }
 
-  requestAnimationFrame(() => {
+  cancelAnimationFrame(contentEl._qOverflowAnimationFrame)
+  contentEl._qOverflowAnimationFrame = requestAnimationFrame(() => {
     if (contentEl === void 0) {
       return
     }

package/src/utils/date.js

@@ -308,7 +308,7 @@ export function extractDate (str, mask, dateLocale) {
   const date = new Date(
     d.year,
     d.month === null ? null : d.month - 1,
-    d.day,
+    d.day === null ? 1 : d.day,
     d.hour,
     d.minute,
     d.second,