quasar 2.4.5 → 2.4.9

package/dist/ssr-directives/Morph.js

@@ -1,5 +1,5 @@
 /*!
- * Quasar Framework v2.4.5
+ * Quasar Framework v2.4.9
  * (c) 2015-present Razvan Stoenescu
  * Released under the MIT License.
  */

package/dist/types/index.d.ts

@@ -14421,6 +14421,7 @@ declare module "./lang" {
     lv: true;
     ml: true;
     ms: true;
+    my: true;
     "nb-NO": true;
     nl: true;
     pl: true;

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

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

package/lang/index.json

@@ -135,6 +135,10 @@
     "isoName": "ms",
     "nativeName": "Bahasa Melayu"
   },
+  {
+    "isoName": "my",
+    "nativeName": "Malaysia"
+  },
   {
     "isoName": "nb-NO",
     "nativeName": "Norsk"

package/lang/my.js

@@ -0,0 +1,90 @@
+export default {
+  isoName: 'my',
+  nativeName: 'Malaysia',
+  label: {
+    clear: 'kosong',
+    ok: 'pasti',
+    cancel: 'Batal',
+    close: 'penutupan',
+    set: 'sediakan',
+    select: 'pilih',
+    reset: 'set semula',
+    remove: 'keluarkan',
+    update: 'memperbaharui',
+    create: 'cipta',
+    search: 'cari',
+    filter: 'penapis',
+    refresh: 'segarkan semula'
+  },
+  date: {
+    days: 'Ahad_Isnin_Selasa_Rabu_Khamis_Jumaat_Sabtu'.split('_'),
+    daysShort: 'Aha_Isn_Sel_Rab_Kha_Jum_Sab'.split('_'),
+    months: 'Januari_Februari_Mac_April_Mei_Jun_Julai_Ogos_September_Oktober_November_Disember'.split('_'),
+    monthsShort: 'Jan_Feb_Mac_Apr_Mei_Jun_Jul_Ogo_Sep_Okt_Nov_Dis'.split('_'),
+    headerTitle: date => new Intl.DateTimeFormat('my', {
+      weekday: 'short', month: 'short', day: 'numeric'
+    }).format(date),
+    firstDayOfWeek: 0, // 0-6, 0 - Sunday, 1 Monday, ...
+    format24h: false,
+    pluralDay: 'langit'
+  },
+  table: {
+    noData: 'tiada data tersedia',
+    noResults: 'Tiada data yang sepadan ditemui',
+    loading: 'memuatkan...',
+    selectedRecords: rows => 'dipilih' + rows + 'baris',
+    recordsPerPage: 'baris setiap muka surat:',
+    allRows: 'semua',
+    pagination: (start, end, total) => start + '-' + end + ' / ' + total,
+    columns: 'Senaraikan'
+  },
+  editor: {
+    url: 'URL',
+    bold: 'berani',
+    italic: 'condong',
+    strikethrough: 'tembus',
+    underline: 'gariskan',
+    unorderedList: 'senarai tidak teratur',
+    orderedList: 'senarai pesanan',
+    subscript: 'subskrip',
+    superscript: 'superskrip',
+    hyperlink: 'Hiperpautan',
+    toggleFullscreen: 'togol skrin penuh',
+    quote: 'tanda petikan',
+    left: 'Jajar ke kiri',
+    center: 'penjajaran tengah',
+    right: 'Sejajar ke kanan',
+    justify: 'wajar',
+    print: 'Cetak',
+    outdent: 'mengurangkan lekukan',
+    indent: 'meningkatkan inden',
+    removeFormat: 'gaya yang jelas',
+    formatting: 'format',
+    fontSize: 'Saiz huruf',
+    align: 'selaraskan',
+    hr: 'Masukkan garisan mendatar',
+    undo: 'membatalkan',
+    redo: 'buat semula',
+    heading1: 'Tajuk satu',
+    heading2: 'Tajuk dua',
+    heading3: 'Tajuk tiga',
+    heading4: 'Tajuk Empat',
+    heading5: 'Tajuk Lima',
+    heading6: 'Tajuk Enam',
+    paragraph: 'perenggan',
+    code: 'kod',
+    size1: 'sangat kecil',
+    size2: 'lebih kecil',
+    size3: 'biasa',
+    size4: 'sederhana hingga besar',
+    size5: 'besar',
+    size6: 'sangat besar',
+    size7: 'super besar',
+    defaultFont: 'fon lalai',
+    viewSource: 'menyemak data'
+  },
+  tree: {
+    noNodes: 'tiada nod tersedia',
+    noResults: 'Tiada nod yang sepadan ditemui'
+  }
+}

package/package.json

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

package/src/components/icon/QIcon.js

@@ -168,27 +168,22 @@ export default createComponent({
       }
 
       if (type.value.img === true) {
-        return h('div', data, hMergeSlot(slots.default, [
-          h('img', {
-            class: type.value.cls,
-            src: type.value.src
-          })
+        return h('span', data, hMergeSlot(slots.default, [
+          h('img', { src: type.value.src })
         ]))
       }
 
       if (type.value.svg === true) {
-        return h('div', data, hMergeSlot(slots.default, [
+        return h('span', data, hMergeSlot(slots.default, [
           h('svg', {
-            class: type.value.cls,
             viewBox: type.value.viewBox
           }, type.value.nodes)
         ]))
       }
 
       if (type.value.svguse === true) {
-        return h('div', data, hMergeSlot(slots.default, [
+        return h('span', data, hMergeSlot(slots.default, [
           h('svg', {
-            class: type.value.cls,
             viewBox: type.value.viewBox
           }, [
             h('use', { 'xlink:href': type.value.src })

package/src/components/icon/QIcon.sass

@@ -19,9 +19,10 @@
     align-items: center
     justify-content: center
 
-  > svg
-    width: 100%
-    height: 100%
+  > svg,
+  > img
+    width: 1em
+    height: 1em
 
 .q-icon,
 .material-icons,

package/src/components/layout/QLayout.js

@@ -175,7 +175,7 @@ export default createComponent({
 
     // prevent scrollbar flicker while resizing window height
     // if no page scrollbar is already present
-    if (__QUASAR_SSR__ !== true) {
+    if (__QUASAR_SSR_SERVER__ !== true && getScrollbarWidth() > 0) {
       let timer = null
       const el = document.body
 
@@ -211,11 +211,12 @@ export default createComponent({
       }
 
       watch(
-        () => (props.container !== true && scrollbarWidth.value > 0 ? 'add' : 'remove'),
-        updateScrollEvent,
-        { immediate: true }
+        () => (props.container !== true ? 'add' : 'remove'),
+        updateScrollEvent
       )
 
+      props.container !== true && updateScrollEvent('add')
+
       onUnmounted(() => {
         updateScrollEvent('remove')
       })

package/src/components/scroll-area/QScrollArea.js

@@ -108,6 +108,9 @@ export default createComponent({
         && panning.value === false
       ) || scroll.vertical.size.value <= container.vertical.value + 1
     )
+    scroll.vertical.thumbStart = computed(() =>
+      scroll.vertical.percentage.value * (container.vertical.value - scroll.vertical.thumbSize.value)
+    )
     scroll.vertical.thumbSize = computed(() =>
       Math.round(
         between(
@@ -118,13 +121,11 @@ export default createComponent({
       )
     )
     scroll.vertical.style = computed(() => {
-      const thumbSize = scroll.vertical.thumbSize.value
-      const pos = scroll.vertical.percentage.value * (container.vertical.value - thumbSize)
       return {
         ...props.thumbStyle,
         ...props.verticalThumbStyle,
-        top: `${ pos }px`,
-        height: `${ thumbSize }px`
+        top: `${ scroll.vertical.thumbStart.value }px`,
+        height: `${ scroll.vertical.thumbSize.value }px`
       }
     })
     scroll.vertical.thumbClass = computed(() =>
@@ -149,6 +150,9 @@ export default createComponent({
         && panning.value === false
       ) || scroll.horizontal.size.value <= container.horizontal.value + 1
     )
+    scroll.horizontal.thumbStart = computed(() =>
+      scroll.horizontal.percentage.value * (container.horizontal.value - scroll.horizontal.thumbSize.value)
+    )
     scroll.horizontal.thumbSize = computed(() =>
       Math.round(
         between(
@@ -159,13 +163,11 @@ export default createComponent({
       )
     )
     scroll.horizontal.style = computed(() => {
-      const thumbSize = scroll.horizontal.thumbSize.value
-      const pos = scroll.horizontal.percentage.value * (container.horizontal.value - thumbSize)
       return {
         ...props.thumbStyle,
         ...props.horizontalThumbStyle,
-        left: `${ pos }px`,
-        width: `${ thumbSize }px`
+        left: `${ scroll.horizontal.thumbStart.value }px`,
+        width: `${ scroll.horizontal.thumbSize.value }px`
       }
     })
     scroll.horizontal.thumbClass = computed(() =>
@@ -311,8 +313,11 @@ export default createComponent({
       const data = scroll[ axis ]
 
       if (data.thumbHidden.value !== true) {
-        const pos = evt[ dirProps[ axis ].offset ] - data.thumbSize.value / 2
-        setScroll(pos / container[ axis ].value * data.size.value, axis)
+        const offset = evt[ dirProps[ axis ].offset ]
+        if (offset < data.thumbStart.value || offset > data.thumbStart.value + data.thumbSize.value) {
+          const pos = offset - data.thumbSize.value / 2
+          setScroll(pos / container[ axis ].value * data.size.value, axis)
+        }
 
         // activate thumb pan
         if (data.ref.value !== null) {

package/src/components/scroll-observer/QScrollObserver.js

@@ -47,7 +47,7 @@ export default createComponent({
       }
     }
 
-    let timer = null, localScrollTarget, parentEl
+    let clearTimer = null, localScrollTarget, parentEl
 
     watch(() => props.scrollTarget, () => {
       unconfigureScrollTarget()
@@ -55,9 +55,7 @@ export default createComponent({
     })
 
     function emitEvent () {
-      clearTimeout(timer)
-      cancelAnimationFrame(timer)
-      timer = null
+      clearTimer !== null && clearTimer()
 
       const top = Math.max(0, getVerticalScrollPosition(localScrollTarget))
       const left = getHorizontalScrollPosition(localScrollTarget)
@@ -107,10 +105,15 @@ export default createComponent({
       if (immediately === true || props.debounce === 0 || props.debounce === '0') {
         emitEvent()
       }
-      else if (timer === null) {
-        timer = props.debounce
-          ? setTimeout(emitEvent, props.debounce)
-          : requestAnimationFrame(emitEvent)
+      else if (clearTimer === null) {
+        const [ timer, fn ] = props.debounce
+          ? [ setTimeout(emitEvent, props.debounce), clearTimeout ]
+          : [ requestAnimationFrame(emitEvent), cancelAnimationFrame ]
+
+        clearTimer = () => {
+          fn(timer)
+          clearTimer = null
+        }
       }
     }
 
@@ -122,8 +125,7 @@ export default createComponent({
     })
 
     onBeforeUnmount(() => {
-      clearTimeout(timer)
-      cancelAnimationFrame(timer)
+      clearTimer !== null && clearTimer()
       unconfigureScrollTarget()
     })
 

package/src/composables/private/use-field.js

@@ -402,6 +402,8 @@ export default function (state) {
             name: props.clearIcon || $q.iconSet.field.clear,
             tabindex: 0,
             type: 'button',
+            'aria-hidden': null,
+            role: null,
             onClick: clearValue
           })
         ])