quasar 2.1.9 → 2.2.3

package/lang/lt.js

@@ -0,0 +1,103 @@
+function plurals (n, opts) {
+  const index = n % 10 === 1 && n % 100 !== 11
+    ? 0
+    : (
+        n % 10 >= 2 && n % 10 <= 9 && (n % 100 < 10 || n % 100 >= 20)
+          ? 1
+          : 2
+      )
+
+  return opts[ index ].replace(/{}/g, n)
+}
+
+export default {
+  isoName: 'lt',
+  nativeName: 'Lithuanian',
+  label: {
+    clear: 'Išvalyti',
+    ok: 'Gerai',
+    cancel: 'Atšaukti',
+    close: 'Uždaryti',
+    set: 'Nustatyti',
+    select: 'Pasirinkti',
+    reset: 'Atkurti',
+    remove: 'Pašalinti',
+    update: 'Atnaujinti',
+    create: 'Sukurti',
+    search: 'Ieškoti',
+    filter: 'Filtruoti',
+    refresh: 'Atnaujinti'
+  },
+  date: {
+    days: 'Sekmadienis_Pirmadienis_Antradienis_Trečiadienis_Ketvirtadienis_Penktadienis_Šeštadienis'.split('_'),
+    daysShort: 'S_P_A_T_K_Pn_Š'.split('_'),
+    months: 'Sausis_Vasaris_Kovas_Balandis_Gegužė_Birželis_Liepa_Rugpjūtis_Rugsėjis_Spalis_Lapkritis_Gruodis'.split('_'),
+    monthsShort: 'Sau_Vas_Kov_Bal_Geg_Bir_Lie_Rgp_Rgs_Spa_Lap_Gru'.split('_'),
+    firstDayOfWeek: 1, // 0-6, 0 - Sunday, 1 Monday, ...
+    format24h: true,
+    pluralDay: 'dienos'
+  },
+  table: {
+    noData: 'Nėra duomenų',
+    noResults: 'Įrašų nerasta',
+    loading: 'Įkeliama...',
+    selectedRecords: rows => (
+      rows > 0
+        ? plurals(rows, [ 'Pasirinktas {} įrašas', 'Pasirinkti {} įrašai', 'Pasirinkta {} įrašų' ]) + '.'
+        : 'Nepasirinktas joks įrašas.'
+    ),
+    recordsPerPage: 'Puslapyje:',
+    allRows: 'Visi',
+    pagination: (start, end, total) => start + '-' + end + ' iš ' + total,
+    columns: 'Stulpeliai'
+  },
+  editor: {
+    url: 'URL',
+    bold: 'Paryškintasis',
+    italic: 'Kursyvas',
+    strikethrough: 'Perbraukimas',
+    underline: 'Pabrauktasis',
+    unorderedList: 'Ženkleliai',
+    orderedList: 'Numeravimas',
+    subscript: 'Apatinis indeksas',
+    superscript: 'Viršutinis indeksas',
+    hyperlink: 'Įterpti Hipersaitą',
+    toggleFullscreen: 'Įjungti pilno ekrano režimą',
+    quote: 'Cituoti',
+    left: 'Lygiuoti kairėje',
+    center: 'Centrinė lygiuotė',
+    right: 'Lygiuoti dešinėje',
+    justify: 'Abipusė lygiuotė',
+    print: 'Spausdinti',
+    outdent: 'Mažinti įtrauką',
+    indent: 'Didinti įtrauką',
+    removeFormat: 'Valyti formatavimą',
+    formatting: 'Formatavimas',
+    fontSize: 'Šrifto dydis',
+    align: 'Lygiuoti',
+    hr: 'Įterpti horizontalią liniją',
+    undo: 'Anuliuoti veiksmą',
+    redo: 'Perdaryti veiksmą',
+    heading1: 'Antraštė 1',
+    heading2: 'Antraštė 2',
+    heading3: 'Antraštė 3',
+    heading4: 'Antraštė 4',
+    heading5: 'Antraštė 5',
+    heading6: 'Antraštė 6',
+    paragraph: 'Pastraipa',
+    code: 'Kodas',
+    size1: 'Mažiausias',
+    size2: 'Mažas',
+    size3: 'Normalus',
+    size4: 'Vidutinis',
+    size5: 'Didelis',
+    size6: 'Labai didelis',
+    size7: 'Didžiausias',
+    defaultFont: 'Numatytasis šriftas',
+    viewSource: 'Peržiūrėti kodo režimu'
+  },
+  tree: {
+    noNodes: 'Nėra elementų',
+    noResults: 'Elementų nerasta'
+  }
+}

package/lang/ug.js

@@ -42,48 +42,48 @@ export default {
   },
   editor: {
     url: 'URL',
-    bold: '粗体',
-    italic: '斜体',
-    strikethrough: '删除线',
-    underline: '下划线',
-    unorderedList: '无序列表',
-    orderedList: '有序列表',
-    subscript: '下标',
-    superscript: '上标',
-    hyperlink: '超链接',
-    toggleFullscreen: '全屏切换',
-    quote: '引号',
-    left: '左对齐',
-    center: '居中对齐',
-    right: '右对齐',
-    justify: '两端对齐',
-    print: '打印',
-    outdent: '减少缩进',
-    indent: '增加缩进',
-    removeFormat: '清除样式',
-    formatting: '格式化',
-    fontSize: '字体大小',
-    align: '对齐',
-    hr: '插入水平线',
-    undo: '撤消',
-    redo: '重做',
-    heading1: '标题一',
-    heading2: '标题二',
-    heading3: '标题三',
-    heading4: '标题四',
-    heading5: '标题五',
-    heading6: '标题六',
-    paragraph: '段落',
-    code: '代码',
-    size1: '非常小',
-    size2: '比较小',
-    size3: '正常',
-    size4: '中等偏大',
-    size5: '大',
-    size6: '非常大',
-    size7: '超级大',
-    defaultFont: '默认字体',
-    viewSource: '查看资料'
+    bold: 'Bold',
+    italic: 'ئىتالىيان',
+    strikethrough: 'Strikethrough',
+    underline: 'ئاستى سىزىق',
+    unorderedList: 'تەرتىپسىز تىزىملىك',
+    orderedList: 'زاكاز تىزىملىكى',
+    subscript: 'مۇشتەرى',
+    superscript: 'Superscript',
+    hyperlink: 'Hyperlink',
+    toggleFullscreen: 'تولۇق ئېكراننى ئالماشتۇرۇڭ',
+    quote: 'نەقىل',
+    left: 'سول تەڭگە',
+    center: 'Center align',
+    right: 'ئوڭ توغرىلاش',
+    justify: 'توغرىلاشنى توغرىلاڭ',
+    print: 'بېسىش',
+    outdent: 'تەۋەككۈلچىلىكنى ئازايتىش',
+    indent: 'تەۋەككۈلچىلىكنى ئاشۇرۇش',
+    removeFormat: 'فورماتنى ئۆچۈرۈڭ',
+    formatting: 'فورماتلاش',
+    fontSize: 'خەت چوڭلۇقى',
+    align: 'توغرىلاش',
+    hr: 'توغرىسىغا قائىدە قىستۇرۇش',
+    undo: 'ئەمەلدىن قالدۇرۇش',
+    redo: 'Redo',
+    heading1: 'Heading 1',
+    heading2: 'Heading 2',
+    heading3: 'Heading 3',
+    heading4: 'Heading 4',
+    heading5: 'Heading 5',
+    heading6: 'Heading 6',
+    paragraph: 'ئابزاس',
+    code: 'كود',
+    size1: 'بەك كىچىك',
+    size2: 'ئازراق كىچىك',
+    size3: 'نورمال',
+    size4: 'ئوتتۇراھال چوڭ',
+    size5: 'چوڭ',
+    size6: 'بەك چوڭ',
+    size7: 'ئەڭ چوڭ',
+    defaultFont: 'كۆڭۈلدىكى خەت نۇسخىسى',
+    viewSource: 'مەنبەنى كۆرۈش',
   },
   tree: {
     noNodes: 'ئۇچۇر يوق',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "quasar",
-  "version": "2.1.9",
+  "version": "2.2.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",

package/src/components/ajax-bar/QAjaxBar.js

@@ -1,5 +1,6 @@
-import { h, defineComponent, ref, computed, onMounted, onBeforeUnmount, getCurrentInstance } from 'vue'
+import { h, ref, computed, onMounted, onBeforeUnmount, getCurrentInstance } from 'vue'
 
+import { createComponent } from '../../utils/private/create.js'
 import { between } from '../../utils/format.js'
 
 const
@@ -74,7 +75,7 @@ function restoreAjax (start, stop) {
   }
 }
 
-export default defineComponent({
+export default createComponent({
   name: 'QAjaxBar',
 
   props: {

package/src/components/avatar/QAvatar.js

@@ -1,12 +1,13 @@
-import { h, defineComponent, computed } from 'vue'
+import { h, computed } from 'vue'
 
 import QIcon from '../icon/QIcon.js'
 
 import useSize, { useSizeProps } from '../../composables/private/use-size.js'
 
+import { createComponent } from '../../utils/private/create.js'
 import { hMergeSlotSafely } from '../../utils/private/render.js'
 
-export default defineComponent({
+export default createComponent({
   name: 'QAvatar',
 
   props: {

package/src/components/badge/QBadge.js

@@ -1,10 +1,11 @@
-import { h, defineComponent, computed } from 'vue'
+import { h, computed } from 'vue'
 
+import { createComponent } from '../../utils/private/create.js'
 import { hSlot } from '../../utils/private/render.js'
 
 const alignValues = [ 'top', 'middle', 'bottom' ]
 
-export default defineComponent({
+export default createComponent({
   name: 'QBadge',
 
   props: {

package/src/components/banner/QBanner.js

@@ -1,10 +1,11 @@
-import { h, defineComponent, computed, getCurrentInstance } from 'vue'
+import { h, computed, getCurrentInstance } from 'vue'
 
+import { createComponent } from '../../utils/private/create.js'
 import useDark, { useDarkProps } from '../../composables/private/use-dark.js'
 
 import { hSlot } from '../../utils/private/render.js'
 
-export default defineComponent({
+export default createComponent({
   name: 'QBanner',
 
   props: {

package/src/components/bar/QBar.js

@@ -1,10 +1,11 @@
-import { h, defineComponent, computed, getCurrentInstance } from 'vue'
+import { h, computed, getCurrentInstance } from 'vue'
 
 import useDark, { useDarkProps } from '../../composables/private/use-dark.js'
 
+import { createComponent } from '../../utils/private/create.js'
 import { hSlot } from '../../utils/private/render.js'
 
-export default defineComponent({
+export default createComponent({
   name: 'QBar',
 
   props: {

package/src/components/breadcrumbs/QBreadcrumbs.js

@@ -1,11 +1,12 @@
-import { h, defineComponent, computed } from 'vue'
+import { h, computed } from 'vue'
 
 import useAlign, { useAlignProps } from '../../composables/private/use-align.js'
 
+import { createComponent } from '../../utils/private/create.js'
 import { hSlot } from '../../utils/private/render.js'
 import { getNormalizedVNodes } from '../../utils/private/vm.js'
 
-export default defineComponent({
+export default createComponent({
   name: 'QBreadcrumbs',
 
   props: {

package/src/components/breadcrumbs/QBreadcrumbsEl.js

@@ -1,11 +1,12 @@
-import { h, defineComponent, computed } from 'vue'
+import { h, computed } from 'vue'
 
 import QIcon from '../icon/QIcon.js'
 
+import { createComponent } from '../../utils/private/create.js'
 import { hMergeSlot } from '../../utils/private/render.js'
 import useRouterLink, { useRouterLinkProps } from '../../composables/private/use-router-link.js'
 
-export default defineComponent({
+export default createComponent({
   name: 'QBreadcrumbsEl',
 
   props: {

package/src/components/btn/QBtn.js

@@ -1,4 +1,4 @@
-import { h, defineComponent, ref, computed, Transition, onBeforeUnmount, getCurrentInstance } from 'vue'
+import { h, ref, computed, Transition, onBeforeUnmount, withDirectives, getCurrentInstance } from 'vue'
 
 import QIcon from '../icon/QIcon.js'
 import QSpinner from '../spinner/QSpinner.js'
@@ -7,7 +7,8 @@ import Ripple from '../../directives/Ripple.js'
 
 import useBtn, { useBtnProps } from './use-btn.js'
 
-import { hMergeSlot, hDir } from '../../utils/private/render.js'
+import { createComponent } from '../../utils/private/create.js'
+import { hMergeSlot } from '../../utils/private/render.js'
 import { stop, prevent, stopAndPrevent, listenOpts } from '../../utils/event.js'
 import { isKeyCode } from '../../utils/private/key-composition.js'
 
@@ -18,7 +19,7 @@ let
   keyboardTarget = null,
   mouseTarget = null
 
-export default defineComponent({
+export default createComponent({
   name: 'QBtn',
 
   props: {
@@ -50,7 +51,7 @@ export default defineComponent({
     )
 
     const ripple = computed(() => (
-      props.ripple === false
+      props.disable === true || props.ripple === false
         ? false
         : {
             keyCodes: isLink.value === true ? [ 13, 32 ] : [ 13 ],
@@ -58,6 +59,8 @@ export default defineComponent({
           }
     ))
 
+    const rippleProps = computed(() => ({ center: props.round }))
+
     const percentageStyle = computed(() => {
       const val = Math.max(0, Math.min(100, props.percentage))
       return val > 0
@@ -91,16 +94,6 @@ export default defineComponent({
       }
     })
 
-    const directives = computed(() => {
-      // if props.disable !== true && props.ripple !== false
-      return [ [
-        Ripple,
-        ripple.value,
-        void 0,
-        { center: props.round }
-      ] ]
-    })
-
     const nodeProps = computed(() => ({
       ref: rootRef,
       class: 'q-btn q-btn-item non-selectable no-outline ' + classes.value,
@@ -364,13 +357,18 @@ export default defineComponent({
         ))
       )
 
-      return hDir(
-        isLink.value === true ? 'a' : 'button',
-        nodeProps.value,
-        child,
-        'ripple',
-        props.disable !== true && props.ripple !== false,
-        () => directives.value
+      return withDirectives(
+        h(
+          isLink.value === true ? 'a' : 'button',
+          nodeProps.value,
+          child
+        ),
+        [ [
+          Ripple,
+          ripple.value,
+          void 0,
+          rippleProps.value
+        ] ]
       )
     }
   }

package/src/components/btn-dropdown/QBtnDropdown.js

@@ -1,4 +1,4 @@
-import { h, defineComponent, ref, computed, watch, onMounted, getCurrentInstance } from 'vue'
+import { h, ref, computed, watch, onMounted, getCurrentInstance } from 'vue'
 
 import QIcon from '../icon/QIcon.js'
 import QBtn from '../btn/QBtn.js'
@@ -7,10 +7,11 @@ import QMenu from '../menu/QMenu.js'
 
 import { useBtnProps } from '../btn/use-btn.js'
 
+import { createComponent } from '../../utils/private/create.js'
 import { stop } from '../../utils/event.js'
 import { hSlot } from '../../utils/private/render.js'
 
-export default defineComponent({
+export default createComponent({
   name: 'QBtnDropdown',
 
   props: {

package/src/components/btn-group/QBtnGroup.js

@@ -1,8 +1,9 @@
-import { h, defineComponent, computed } from 'vue'
+import { h, computed } from 'vue'
 
+import { createComponent } from '../../utils/private/create.js'
 import { hSlot } from '../../utils/private/render.js'
 
-export default defineComponent({
+export default createComponent({
   name: 'QBtnGroup',
 
   props: {

package/src/components/btn-toggle/QBtnToggle.js

@@ -1,13 +1,14 @@
-import { h, defineComponent, computed } from 'vue'
+import { h, computed } from 'vue'
 
 import QBtn from '../btn/QBtn.js'
 import QBtnGroup from '../btn-group/QBtnGroup.js'
 
+import { createComponent } from '../../utils/private/create.js'
 import { useFormInject, useFormProps } from '../../composables/private/use-form.js'
 
 import { hMergeSlot } from '../../utils/private/render.js'
 
-export default defineComponent({
+export default createComponent({
   name: 'QBtnToggle',
 
   props: {

package/src/components/card/QCard.js

@@ -1,10 +1,11 @@
-import { h, defineComponent, computed, getCurrentInstance } from 'vue'
+import { h, computed, getCurrentInstance } from 'vue'
 
 import useDark, { useDarkProps } from '../../composables/private/use-dark.js'
 
+import { createComponent } from '../../utils/private/create.js'
 import { hSlot } from '../../utils/private/render.js'
 
-export default defineComponent({
+export default createComponent({
   name: 'QCard',
 
   props: {

package/src/components/card/QCardActions.js

@@ -1,10 +1,11 @@
-import { h, defineComponent, computed } from 'vue'
+import { h, computed } from 'vue'
 
 import useAlign, { useAlignProps } from '../../composables/private/use-align.js'
 
+import { createComponent } from '../../utils/private/create.js'
 import { hSlot } from '../../utils/private/render.js'
 
-export default defineComponent({
+export default createComponent({
   name: 'QCardActions',
 
   props: {

package/src/components/card/QCardSection.js

@@ -1,8 +1,9 @@
-import { h, defineComponent, computed } from 'vue'
+import { h, computed } from 'vue'
 
+import { createComponent } from '../../utils/private/create.js'
 import { hSlot } from '../../utils/private/render.js'
 
-export default defineComponent({
+export default createComponent({
   name: 'QCardSection',
 
   props: {

package/src/components/carousel/QCarousel.js

@@ -1,4 +1,4 @@
-import { h, defineComponent, computed, watch, onMounted, onBeforeUnmount, getCurrentInstance } from 'vue'
+import { h, computed, watch, onMounted, onBeforeUnmount, getCurrentInstance } from 'vue'
 
 import QBtn from '../btn/QBtn.js'
 
@@ -6,13 +6,14 @@ import useDark, { useDarkProps } from '../../composables/private/use-dark.js'
 import usePanel, { usePanelProps, usePanelEmits } from '../../composables/private/use-panel.js'
 import useFullscreen, { useFullscreenProps, useFullscreenEmits } from '../../composables/private/use-fullscreen.js'
 
+import { createComponent } from '../../utils/private/create.js'
 import { isNumber } from '../../utils/private/is.js'
 import { hMergeSlot, hDir } from '../../utils/private/render.js'
 
 const navigationPositionOptions = [ 'top', 'right', 'bottom', 'left' ]
 const controlTypeOptions = [ 'regular', 'flat', 'outline', 'push', 'unelevated' ]
 
-export default defineComponent({
+export default createComponent({
   name: 'QCarousel',
 
   props: {
@@ -136,7 +137,14 @@ export default defineComponent({
     })
 
     function startTimer () {
-      timer = setTimeout(nextPanel, isNumber(props.autoplay) ? props.autoplay : 5000)
+      const duration = isNumber(props.autoplay) === true
+        ? props.autoplay
+        : 5000
+
+      timer = setTimeout(
+        duration >= 0 ? nextPanel : previousPanel,
+        Math.abs(duration)
+      )
     }
 
     onMounted(() => {

package/src/components/carousel/QCarousel.json

@@ -40,7 +40,7 @@
 
     "autoplay": {
       "type": [ "Number", "Boolean" ],
-      "desc": "Jump to next slide at fixed time intervals (in milliseconds); 'false' disables autoplay, 'true' enables it for 5000ms intervals",
+      "desc": "Jump to next slide (if 'true' or val > 0) or previous slide (if val < 0) at fixed time intervals (in milliseconds); 'false' disables autoplay, 'true' enables it for 5000ms intervals",
       "default": false,
       "examples": [
         ":autoplay=\"2500\"",
@@ -92,6 +92,14 @@
       "type": "Boolean",
       "desc": "Show thumbnails",
       "category": "content"
+    },
+
+    "transition-prev": {
+      "default": "fade"
+    },
+
+    "transition-next": {
+      "default": "fade"
     }
   },
 

package/src/components/carousel/QCarouselControl.js

@@ -1,8 +1,9 @@
-import { h, defineComponent, computed } from 'vue'
+import { h, computed } from 'vue'
 
+import { createComponent } from '../../utils/private/create.js'
 import { hSlot } from '../../utils/private/render.js'
 
-export default defineComponent({
+export default createComponent({
   name: 'QCarouselControl',
 
   props: {

package/src/components/carousel/QCarouselSlide.js

@@ -1,10 +1,11 @@
-import { h, defineComponent, computed } from 'vue'
+import { h, computed } from 'vue'
 
+import { createComponent } from '../../utils/private/create.js'
 import { usePanelChildProps } from '../../composables/private/use-panel.js'
 
 import { hSlot } from '../../utils/private/render.js'
 
-export default defineComponent({
+export default createComponent({
   name: 'QCarouselSlide',
 
   props: {

package/src/components/chat/QChatMessage.js

@@ -1,8 +1,9 @@
-import { h, defineComponent, computed } from 'vue'
+import { h, computed } from 'vue'
 
+import { createComponent } from '../../utils/private/create.js'
 import { getNormalizedVNodes } from '../../utils/private/vm.js'
 
-export default defineComponent({
+export default createComponent({
   name: 'QChatMessage',
 
   props: {

package/src/components/checkbox/QCheckbox.js

@@ -1,5 +1,6 @@
-import { h, defineComponent } from 'vue'
+import { h } from 'vue'
 
+import { createComponent } from '../../utils/private/create.js'
 import useCheckbox, { useCheckboxProps, useCheckboxEmits } from './use-checkbox.js'
 
 const bgNode = h('div', {
@@ -23,7 +24,7 @@ const bgNode = h('div', {
   ])
 ])
 
-export default defineComponent({
+export default createComponent({
   name: 'QCheckbox',
 
   props: useCheckboxProps,

package/src/components/chip/QChip.js

@@ -1,4 +1,4 @@
-import { h, defineComponent, computed, getCurrentInstance } from 'vue'
+import { h, computed, getCurrentInstance } from 'vue'
 
 import QIcon from '../icon/QIcon.js'
 
@@ -7,6 +7,7 @@ import Ripple from '../../directives/Ripple.js'
 import useDark, { useDarkProps } from '../../composables/private/use-dark.js'
 import useSize, { useSizeProps } from '../../composables/private/use-size.js'
 
+import { createComponent } from '../../utils/private/create.js'
 import { stopAndPrevent } from '../../utils/event.js'
 import { hMergeSlotSafely, hDir } from '../../utils/private/render.js'
 
@@ -18,7 +19,7 @@ const defaultSizes = {
   xl: 24
 }
 
-export default defineComponent({
+export default createComponent({
   name: 'QChip',
 
   props: {

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

@@ -1,8 +1,9 @@
-import { h, defineComponent, computed, getCurrentInstance } from 'vue'
+import { h, computed, getCurrentInstance } from 'vue'
 
 import useSize from '../../composables/private/use-size.js'
 import { useCircularCommonProps } from './use-circular-progress.js'
 
+import { createComponent } from '../../utils/private/create.js'
 import { hMergeSlotSafely } from '../../utils/private/render.js'
 import { between } from '../../utils/format.js'
 
@@ -12,7 +13,7 @@ const
   circumference = diameter * Math.PI,
   strokeDashArray = Math.round(circumference * 1000) / 1000
 
-export default defineComponent({
+export default createComponent({
   name: 'QCircularProgress',
 
   props: {