quasar 2.1.9 → 2.2.0

package/dist/ssr-directives/Morph.js

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

package/dist/types/index.d.ts

@@ -2128,14 +2128,19 @@ export interface QCarouselProps {
   vertical?: boolean | undefined;
   /**
    * One of Quasar's embedded transitions (has effect only if 'animated' prop is set)
-   * Default value: slide-right/slide-down
+   * Default value: fade
    */
   transitionPrev?: string | undefined;
   /**
    * One of Quasar's embedded transitions (has effect only if 'animated' prop is set)
-   * Default value: slide-left/slide-up
+   * Default value: fade
    */
   transitionNext?: string | undefined;
+  /**
+   * Transition duration (in milliseconds, without unit)
+   * Default value: 300
+   */
+  transitionDuration?: string | number | undefined;
   /**
    * Notify the component that the background is a dark color
    */
@@ -2167,7 +2172,7 @@ export interface QCarouselProps {
     | "unelevated"
     | undefined;
   /**
-   * Jump to next slide at fixed time intervals (in milliseconds); 'false' disables autoplay, 'true' enables it for 5000ms intervals
+   * 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
    */
   autoplay?: number | boolean | undefined;
   /**
@@ -2750,6 +2755,10 @@ export interface QColorProps {
    * Do not render header
    */
   noHeader?: boolean | undefined;
+  /**
+   * Do not render header tabs (only the input)
+   */
+  noHeaderTabs?: boolean | undefined;
   /**
    * Do not render footer; Useful when you want a specific view ('default-view' prop) and don't want the user to be able to switch it
    */
@@ -5164,6 +5173,18 @@ export interface QInnerLoadingProps {
    * Color name for component from the Quasar Color Palette for the inner Spinner (unless using the default slot)
    */
   color?: string | undefined;
+  /**
+   * Add a label; Gets overriden when using the default slot
+   */
+  label?: string | undefined;
+  /**
+   * Add CSS class(es) to the label; Works along the 'label' prop only
+   */
+  labelClass?: string | undefined;
+  /**
+   * Apply custom style to the label; Works along the 'label' prop only
+   */
+  labelStyle?: any[] | string | LooseDictionary | undefined;
   /**
    * Notify the component that the background is a dark color
    */
@@ -6244,7 +6265,23 @@ export interface QOptionGroupProps {
   "onUpdate:modelValue"?: (value: any) => void;
 }
 
-export interface QOptionGroupSlots {}
+export interface QOptionGroupSlots {
+  /**
+   * Generic slot for all labels
+   * @param scope
+   */
+  label: (scope: {
+    /**
+     * The corresponding option entry from the 'options' prop
+     */
+    opt: LooseDictionary;
+  }) => VNode[];
+  /**
+   * Slot to define the specific label for the option at '[name]' where name is a 0-based index; Overrides the generic 'label' slot if used
+   * @param scope
+   */
+  [key: `label-${string}`]: (scope: { [index: string]: any }) => VNode[];
+}
 
 export interface QOptionGroup
   extends ComponentPublicInstance<QOptionGroupProps> {}
@@ -8333,6 +8370,11 @@ export interface QSkeletonProps {
     | "blink"
     | "none"
     | undefined;
+  /**
+   * Animation speed (in milliseconds, without unit)
+   * Default value: 300
+   */
+  animationSpeed?: string | number | undefined;
   /**
    * Removes border-radius so borders are squared
    */
@@ -9214,6 +9256,11 @@ export interface QStepperProps {
    * Default value: slide-left/slide-up
    */
   transitionNext?: string | undefined;
+  /**
+   * Transition duration (in milliseconds, without unit)
+   * Default value: 300
+   */
+  transitionDuration?: string | number | undefined;
   /**
    * Notify the component that the background is a dark color
    */
@@ -9410,6 +9457,11 @@ export interface QTabPanelsProps {
    * Default value: slide-left/slide-up
    */
   transitionNext?: string | undefined;
+  /**
+   * Transition duration (in milliseconds, without unit)
+   * Default value: 300
+   */
+  transitionDuration?: string | number | undefined;
   /**
    * Emitted when the component changes the model; This event _isn't_ fired if the model is changed externally; Is also used by v-model
    * @param value New current panel name
@@ -13515,6 +13567,7 @@ declare module "./lang" {
     km: true;
     "ko-KR": true;
     "kur-CKB": true;
+    lt: true;
     lu: true;
     lv: true;
     ml: true;

package/dist/vetur/quasar-attributes.json

@@ -691,6 +691,10 @@
     "type": "string",
     "description": "One of Quasar's embedded transitions (has effect only if 'animated' prop is set)"
   },
+  "q-carousel/transition-duration": {
+    "type": "string|number",
+    "description": "Transition duration (in milliseconds, without unit)"
+  },
   "q-carousel/dark": {
     "type": "boolean",
     "description": "Notify the component that the background is a dark color"
@@ -717,7 +721,7 @@
   },
   "q-carousel/autoplay": {
     "type": "number|boolean",
-    "description": "Jump to next slide at fixed time intervals (in milliseconds); 'false' disables autoplay, 'true' enables it for 5000ms intervals"
+    "description": "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"
   },
   "q-carousel/arrows": {
     "type": "boolean",
@@ -1063,6 +1067,10 @@
     "type": "boolean",
     "description": "Do not render header"
   },
+  "q-color/no-header-tabs": {
+    "type": "boolean",
+    "description": "Do not render header tabs (only the input)"
+  },
   "q-color/no-footer": {
     "type": "boolean",
     "description": "Do not render footer; Useful when you want a specific view ('default-view' prop) and don't want the user to be able to switch it"
@@ -2331,6 +2339,18 @@
     "type": "string",
     "description": "Color name for component from the Quasar Color Palette for the inner Spinner (unless using the default slot)"
   },
+  "q-inner-loading/label": {
+    "type": "string",
+    "description": "Add a label; Gets overriden when using the default slot"
+  },
+  "q-inner-loading/label-class": {
+    "type": "string",
+    "description": "Add CSS class(es) to the label; Works along the 'label' prop only"
+  },
+  "q-inner-loading/label-style": {
+    "type": "array|string|object",
+    "description": "Apply custom style to the label; Works along the 'label' prop only"
+  },
   "q-inner-loading/dark": {
     "type": "boolean",
     "description": "Notify the component that the background is a dark color"
@@ -3943,6 +3963,10 @@
     "type": "string",
     "description": "The animation effect of the skeleton placeholder"
   },
+  "q-skeleton/animation-speed": {
+    "type": "string|number",
+    "description": "Animation speed (in milliseconds, without unit)"
+  },
   "q-skeleton/square": {
     "type": "boolean",
     "description": "Removes border-radius so borders are squared"
@@ -4423,6 +4447,10 @@
     "type": "string",
     "description": "One of Quasar's embedded transitions (has effect only if 'animated' prop is set)"
   },
+  "q-stepper/transition-duration": {
+    "type": "string|number",
+    "description": "Transition duration (in milliseconds, without unit)"
+  },
   "q-stepper/dark": {
     "type": "boolean",
     "description": "Notify the component that the background is a dark color"
@@ -4539,6 +4567,10 @@
     "type": "string",
     "description": "One of Quasar's embedded transitions (has effect only if 'animated' prop is set)"
   },
+  "q-tab-panels/transition-duration": {
+    "type": "string|number",
+    "description": "Transition duration (in milliseconds, without unit)"
+  },
   "q-table/fullscreen": {
     "type": "boolean",
     "description": "Fullscreen mode"

package/dist/vetur/quasar-tags.json

@@ -244,6 +244,7 @@
       "vertical",
       "transition-prev",
       "transition-next",
+      "transition-duration",
       "dark",
       "height",
       "padding",
@@ -372,6 +373,7 @@
       "flat",
       "bordered",
       "no-header",
+      "no-header-tabs",
       "no-footer",
       "disable",
       "readonly",
@@ -773,6 +775,9 @@
       "size",
       "showing",
       "color",
+      "label",
+      "label-class",
+      "label-style",
       "dark"
     ],
     "description": ""
@@ -1335,6 +1340,7 @@
       "dark",
       "type",
       "animation",
+      "animation-speed",
       "square",
       "bordered",
       "size",
@@ -1604,6 +1610,7 @@
       "vertical",
       "transition-prev",
       "transition-next",
+      "transition-duration",
       "dark",
       "flat",
       "bordered",
@@ -1646,7 +1653,8 @@
       "swipeable",
       "vertical",
       "transition-prev",
-      "transition-next"
+      "transition-next",
+      "transition-duration"
     ],
     "description": ""
   },

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

@@ -2,7 +2,7 @@
   "$schema": "",
   "framework": "vue",
   "name": "quasar",
-  "version": "2.1.9",
+  "version": "2.2.0",
   "contributions": {
     "html": {
       "types-syntax": "typescript",
@@ -2088,7 +2088,7 @@
               },
               "description": "One of Quasar's embedded transitions (has effect only if 'animated' prop is set)\n\nExamples:\nfade\nslide-down",
               "doc-url": "https://v2.quasar.dev/vue-components/carousel",
-              "default": "\"slide-right/slide-down\""
+              "default": "\"fade\""
             },
             {
               "name": "transition-next",
@@ -2098,7 +2098,17 @@
               },
               "description": "One of Quasar's embedded transitions (has effect only if 'animated' prop is set)\n\nExamples:\nfade\nslide-down",
               "doc-url": "https://v2.quasar.dev/vue-components/carousel",
-              "default": "\"slide-left/slide-up\""
+              "default": "\"fade\""
+            },
+            {
+              "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/carousel",
+              "default": "300"
             },
             {
               "name": "dark",
@@ -2162,7 +2172,7 @@
                 "kind": "expression",
                 "type": "number|boolean"
               },
-              "description": "Jump to next slide at fixed time intervals (in milliseconds); 'false' disables autoplay, 'true' enables it for 5000ms intervals\n\nExamples:\n:autoplay=\"2500\"\ntrue\nfalse",
+              "description": "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\n\nExamples:\n:autoplay=\"2500\"\ntrue\nfalse",
               "doc-url": "https://v2.quasar.dev/vue-components/carousel"
             },
             {
@@ -3266,6 +3276,16 @@
               "doc-url": "https://v2.quasar.dev/vue-components/color-picker",
               "type": "boolean"
             },
+            {
+              "name": "no-header-tabs",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "description": "Do not render header tabs (only the input)",
+              "doc-url": "https://v2.quasar.dev/vue-components/color-picker",
+              "type": "boolean"
+            },
             {
               "name": "no-footer",
               "value": {
@@ -7423,6 +7443,33 @@
               "description": "Color name for component from the Quasar Color Palette for the inner Spinner (unless using the default slot)\n\nExamples:\nprimary\nteal-10",
               "doc-url": "https://v2.quasar.dev/vue-components/inner-loading"
             },
+            {
+              "name": "label",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "description": "Add a label; Gets overriden when using the default slot\n\nExamples:\nPlease wait...",
+              "doc-url": "https://v2.quasar.dev/vue-components/inner-loading"
+            },
+            {
+              "name": "label-class",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "description": "Add CSS class(es) to the label; Works along the 'label' prop only\n\nExamples:\ntext-red q-mt-xl",
+              "doc-url": "https://v2.quasar.dev/vue-components/inner-loading"
+            },
+            {
+              "name": "label-style",
+              "value": {
+                "kind": "expression",
+                "type": "any[]|string|object"
+              },
+              "description": "Apply custom style to the label; Works along the 'label' prop only\n\nExamples:\nfont-size: 28px\n:label-style=\"{ color: '#ff0000' }\"",
+              "doc-url": "https://v2.quasar.dev/vue-components/inner-loading"
+            },
             {
               "name": "dark",
               "value": {
@@ -9514,7 +9561,18 @@
               "doc-url": "https://v2.quasar.dev/vue-components/option-group"
             }
           ],
-          "slots": [],
+          "slots": [
+            {
+              "name": "label",
+              "description": "Generic slot for all labels",
+              "doc-url": "https://v2.quasar.dev/vue-components/option-group"
+            },
+            {
+              "name": "label-[name]",
+              "description": "Slot to define the specific label for the option at '[name]' where name is a 0-based index; Overrides the generic 'label' slot if used",
+              "doc-url": "https://v2.quasar.dev/vue-components/option-group"
+            }
+          ],
           "description": "QOptionGroup - Quasar component",
           "doc-url": "https://v2.quasar.dev/vue-components/option-group"
         },
@@ -12679,6 +12737,16 @@
               "doc-url": "https://v2.quasar.dev/vue-components/skeleton",
               "default": "\"wave\""
             },
+            {
+              "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/skeleton",
+              "default": "300"
+            },
             {
               "name": "square",
               "value": {
@@ -14373,6 +14441,16 @@
               "doc-url": "https://v2.quasar.dev/vue-components/stepper",
               "default": "\"slide-left/slide-up\""
             },
+            {
+              "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/stepper",
+              "default": "300"
+            },
             {
               "name": "dark",
               "value": {
@@ -14764,6 +14842,16 @@
               "description": "One of Quasar's embedded transitions (has effect only if 'animated' prop is set)\n\nExamples:\nfade\nslide-down",
               "doc-url": "https://v2.quasar.dev/vue-components/tab-panels",
               "default": "\"slide-left/slide-up\""
+            },
+            {
+              "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/tab-panels",
+              "default": "300"
             }
           ],
           "events": [

package/lang/index.json

@@ -115,6 +115,10 @@
     "isoName": "kur-CKB",
     "nativeName": "کوردی سۆرانی"
   },
+  {
+    "isoName": "lt",
+    "nativeName": "Lithuanian"
+  },
   {
     "isoName": "lu",
     "nativeName": "Kiluba"

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.0",
   "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/carousel/QCarousel.js

@@ -136,7 +136,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(() => {