quasar 2.1.8 → 2.2.2

package/dist/ssr-directives/Morph.js

@@ -1,5 +1,5 @@
 /*!
- * Quasar Framework v2.1.8
+ * Quasar Framework v2.2.2
  * (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
    */
@@ -6197,9 +6218,25 @@ export interface QOptionGroupProps {
    */
   modelValue: any;
   /**
-   * Array of objects with value and label props. The binary components will be created according to this array; Props from QToggle, QCheckbox or QRadio can also be added as key/value pairs to control the components singularly
+   * Array of objects with value, label, and disable (optional) props. The binary components will be created according to this array; Props from QToggle, QCheckbox or QRadio can also be added as key/value pairs to control the components singularly
    */
-  options?: any[] | undefined;
+  options?:
+    | {
+        /**
+         * Label to display along the component
+         */
+        label: string;
+        /**
+         * Value of the option that will be used by the component model
+         */
+        value: any;
+        /**
+         * If true, the option will be disabled
+         */
+        disable?: boolean;
+        [index: string]: any;
+      }[]
+    | undefined;
   /**
    * Used to specify the name of the controls; Useful if dealing with forms submitted directly to a URL
    */
@@ -6244,7 +6281,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> {}
@@ -7076,9 +7129,9 @@ export interface QRangeProps {
    */
   labelAlways?: boolean | undefined;
   /**
-   * Display markers on the track, one for each possible value for the model
+   * Display markers on the track, one for each possible value for the model or using a custom step (when specifying a Number)
    */
-  markers?: boolean | undefined;
+  markers?: boolean | number | undefined;
   /**
    * Snap thumbs on valid values, rather than sliding freely; Suggestion: use with 'step' prop
    */
@@ -8274,7 +8327,7 @@ export interface QSeparatorProps {
    */
   spaced?: boolean | string | undefined;
   /**
-   * if set to true, the left and right margins will be set to 16px. If set to item, the left and right margins will be set to 72px. If set to item-thumbnail, the left margin is set to 116px and right margin is set to 0px
+   * If set to Boolean true, the left and right margins will be set to 16px. If set to 'item' then it will match a QItem's design. If set to 'item-thumbnail' then it will match the design of a QItem with a thumbnail on the left side
    */
   inset?: boolean | string | undefined;
   /**
@@ -8333,6 +8386,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
    */
@@ -8580,9 +8638,9 @@ export interface QSliderProps {
    */
   labelAlways?: boolean | undefined;
   /**
-   * Display markers on the track, one for each possible value for the model
+   * Display markers on the track, one for each possible value for the model or using a custom step (when specifying a Number)
    */
-  markers?: boolean | undefined;
+  markers?: boolean | number | undefined;
   /**
    * Snap on valid values, rather than sliding freely; Suggestion: use with 'step' prop
    */
@@ -9214,6 +9272,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 +9473,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
@@ -9569,7 +9637,7 @@ export interface QTableProps {
          * Horizontal alignment of cells in this column
          * Default value: right
          */
-        align?: string;
+        align?: "left" | "right" | "center";
         /**
          * Tell QTable you want this column sortable
          */
@@ -13515,6 +13583,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"
@@ -2941,7 +2961,7 @@
   },
   "q-option-group/options": {
     "type": "array",
-    "description": "Array of objects with value and label props. The binary components will be created according to this array; Props from QToggle, QCheckbox or QRadio can also be added as key/value pairs to control the components singularly"
+    "description": "Array of objects with value, label, and disable (optional) props. The binary components will be created according to this array; Props from QToggle, QCheckbox or QRadio can also be added as key/value pairs to control the components singularly"
   },
   "q-option-group/name": {
     "type": "string",
@@ -3424,8 +3444,8 @@
     "description": "Always display the labels"
   },
   "q-range/markers": {
-    "type": "boolean",
-    "description": "Display markers on the track, one for each possible value for the model"
+    "type": "boolean|number",
+    "description": "Display markers on the track, one for each possible value for the model or using a custom step (when specifying a Number)"
   },
   "q-range/snap": {
     "type": "boolean",
@@ -3917,7 +3937,7 @@
   },
   "q-separator/inset": {
     "type": "boolean|string",
-    "description": "if set to true, the left and right margins will be set to 16px. If set to item, the left and right margins will be set to 72px. If set to item-thumbnail, the left margin is set to 116px and right margin is set to 0px"
+    "description": "If set to Boolean true, the left and right margins will be set to 16px. If set to 'item' then it will match a QItem's design. If set to 'item-thumbnail' then it will match the design of a QItem with a thumbnail on the left side"
   },
   "q-separator/vertical": {
     "type": "boolean",
@@ -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"
@@ -4048,8 +4072,8 @@
     "description": "Always display the label"
   },
   "q-slider/markers": {
-    "type": "boolean",
-    "description": "Display markers on the track, one for each possible value for the model"
+    "type": "boolean|number",
+    "description": "Display markers on the track, one for each possible value for the model or using a custom step (when specifying a Number)"
   },
   "q-slider/snap": {
     "type": "boolean",
@@ -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.8",
+  "version": "2.2.2",
   "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": {
@@ -9407,7 +9454,7 @@
                 "kind": "expression",
                 "type": "any[]"
               },
-              "description": "Array of objects with value and label props. The binary components will be created according to this array; Props from QToggle, QCheckbox or QRadio can also be added as key/value pairs to control the components singularly\n\nExamples:\n:options=\"[ { label: 'Option 1', value: 'op1' }, { label: 'Option 2', value: 'op2' }, { label: 'Option 3', value: 'op3', disable: true } ]\"",
+              "description": "Array of objects with value, label, and disable (optional) props. The binary components will be created according to this array; Props from QToggle, QCheckbox or QRadio can also be added as key/value pairs to control the components singularly\n\nExamples:\n:options=\"[ { label: 'Option 1', value: 'op1' }, { label: 'Option 2', value: 'op2' }, { label: 'Option 3', value: 'op3', disable: true } ]\"",
               "doc-url": "https://v2.quasar.dev/vue-components/option-group"
             },
             {
@@ -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"
         },
@@ -10984,11 +11042,10 @@
               "name": "markers",
               "value": {
                 "kind": "expression",
-                "type": "boolean"
+                "type": "boolean|number"
               },
-              "description": "Display markers on the track, one for each possible value for the model",
-              "doc-url": "https://v2.quasar.dev/vue-components/range",
-              "type": "boolean"
+              "description": "Display markers on the track, one for each possible value for the model or using a custom step (when specifying a Number)\n\nExamples:\nmarkers\n:markers=\"5\"",
+              "doc-url": "https://v2.quasar.dev/vue-components/range"
             },
             {
               "name": "snap",
@@ -12606,7 +12663,7 @@
                 "kind": "expression",
                 "type": "boolean|string"
               },
-              "description": "if set to true, the left and right margins will be set to 16px. If set to item, the left and right margins will be set to 72px. If set to item-thumbnail, the left margin is set to 116px and right margin is set to 0px\n\nExamples:\nitem\nitem-thumbnail",
+              "description": "If set to Boolean true, the left and right margins will be set to 16px. If set to 'item' then it will match a QItem's design. If set to 'item-thumbnail' then it will match the design of a QItem with a thumbnail on the left side\n\nExamples:\nitem\nitem-thumbnail",
               "doc-url": "https://v2.quasar.dev/vue-components/separator"
             },
             {
@@ -12679,6 +12736,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": {
@@ -13096,11 +13163,10 @@
               "name": "markers",
               "value": {
                 "kind": "expression",
-                "type": "boolean"
+                "type": "boolean|number"
               },
-              "description": "Display markers on the track, one for each possible value for the model",
-              "doc-url": "https://v2.quasar.dev/vue-components/slider",
-              "type": "boolean"
+              "description": "Display markers on the track, one for each possible value for the model or using a custom step (when specifying a Number)\n\nExamples:\nmarkers\n:markers=\"5\"",
+              "doc-url": "https://v2.quasar.dev/vue-components/slider"
             },
             {
               "name": "snap",
@@ -14373,6 +14439,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 +14840,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"