quasar 2.12.4 → 2.12.5

package/dist/types/index.d.ts

@@ -414,13 +414,13 @@ export interface Notify {
   ) => (props?: QNotifyUpdateOptions) => void;
   /**
    * Merge options into the default ones
-   * @param opts Notification options (See 'opts' param of 'create()' for object properties)
+   * @param opts Notification options except 'ignoreDefaults' (See 'opts' param of 'create()' for object properties)
    */
   setDefaults: (opts: QNotifyOptions) => void;
   /**
    * Register a new type of notification (or override an existing one)
    * @param typeName Name of the type (to be used as 'type' prop later on)
-   * @param typeOpts Notification options (See 'opts' param of 'create()' for object properties)
+   * @param typeOpts Notification options except 'ignoreDefaults' (See 'opts' param of 'create()' for object properties)
    */
   registerType: (typeName: string, typeOpts: QNotifyOptions) => void;
 }
@@ -6768,7 +6768,7 @@ export interface QLayoutProps {
      */
     height: number;
     /**
-     * Layout height
+     * Layout width
      */
     width: number;
   }) => void;
@@ -8348,15 +8348,15 @@ export interface QRatingProps {
   /**
    * Color name for component from the Quasar Color Palette; v1.5.0+: If an array is provided each rating value will use the corresponding color in the array (0 based)
    */
-  color?: NamedColor | undefined;
+  color?: NamedColor | NamedColor[] | undefined;
   /**
    * Color name from the Quasar Palette for selected icons
    */
-  colorSelected?: NamedColor | undefined;
+  colorSelected?: NamedColor | NamedColor[] | undefined;
   /**
    * Color name from the Quasar Palette for half selected icons
    */
-  colorHalf?: NamedColor | undefined;
+  colorHalf?: NamedColor | NamedColor[] | undefined;
   /**
    * Does not lower opacity for unselected icons
    */
@@ -15390,7 +15390,7 @@ declare module "./config.d.ts" {
       /**
        * One of the QSpinners
        */
-      spinner?: string;
+      spinner?: Component;
       /**
        * Add a CSS class to the container element to easily customize the component
        */
@@ -15518,6 +15518,10 @@ declare module "./config.d.ts" {
        * Notification actions (buttons); Unless 'noDismiss' is true, clicking/tapping on the button will close the notification; Also check 'closeBtn' convenience prop
        */
       actions?: QNotifyAction[];
+      /**
+       * Function to call when notification gets dismissed
+       */
+      onDismiss?: () => void;
       /**
        * Convenient way to add a dismiss button with a specific label, without using the 'actions' prop; If set to true, it uses a label according to the current Quasar language
        */
@@ -15656,6 +15660,17 @@ export const Notify: Notify;
 export const Platform: Platform;
 export const Screen: Screen;
 export const SessionStorage: SessionStorage;
+export const ClosePopup: ClosePopup;
+export const Intersection: Intersection;
+export const Morph: Morph;
+export const Mutation: Mutation;
+export const Ripple: Ripple;
+export const Scroll: Scroll;
+export const ScrollFire: ScrollFire;
+export const TouchHold: TouchHold;
+export const TouchPan: TouchPan;
+export const TouchRepeat: TouchRepeat;
+export const TouchSwipe: TouchSwipe;
 export const QAjaxBar: ComponentConstructor<QAjaxBar>;
 export const QAvatar: ComponentConstructor<QAvatar>;
 export const QBadge: ComponentConstructor<QBadge>;

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "quasar",
-  "version": "2.12.4",
+  "version": "2.12.5",
   "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/layout/QLayout.json

@@ -43,7 +43,7 @@
             "width": {
               "type": "Number",
               "required": true,
-              "desc": "Layout height"
+              "desc": "Layout width"
             }
           }
         }

package/src/plugins/Loading.json

@@ -52,7 +52,8 @@
         "desc": "Color name for background from the Quasar Color Palette"
       },
       "spinner": {
-        "type": "String",
+        "type": "Component",
+        "configFileType": "String",
         "desc": "One of the QSpinners",
         "examples": [ "QSpinnerAudio" ]
       },

package/src/plugins/Notify.json

@@ -174,13 +174,23 @@
         "tsType": "QNotifyAction",
         "desc": "Notification actions (buttons); Unless 'noDismiss' is true, clicking/tapping on the button will close the notification; Also check 'closeBtn' convenience prop",
         "definition": {
+          "handler": {
+            "type": "Function",
+            "configFileType": null,
+            "desc": "Function to be executed when the button is clicked/tapped",
+            "params": null,
+            "returns": null,
+            "examples": [
+              "() => { console.log('button clicked') }"
+            ]
+          },
           "noDismiss": {
             "type": "Boolean",
             "desc": "Do not dismiss the notification when the button is clicked/tapped"
           },
           "...": {
             "type": "Any",
-            "desc": "Any other QBtn prop expect 'onClick' (use 'handler' instead)",
+            "desc": "Any other QBtn prop expect 'onClick' (use 'handler' instead, only possible with UI config)",
             "examples": [ "label: 'Learn more'", "color: 'primary'" ]
           }
         },
@@ -189,6 +199,17 @@
         ]
       },
 
+      "onDismiss": {
+        "type": "Function",
+        "configFileType": null,
+        "desc": "Function to call when notification gets dismissed",
+        "params": null,
+        "returns": null,
+        "examples": [
+          "() => { console.log('Dismissed') }"
+        ]
+      },
+
       "closeBtn": {
         "type": [ "Boolean", "String" ],
         "desc": "Convenient way to add a dismiss button with a specific label, without using the 'actions' prop; If set to true, it uses a label according to the current Quasar language",
@@ -455,7 +476,7 @@
           "type": "Object",
           "tsType": "QNotifyOptions",
           "required": true,
-          "desc": "Notification options (See 'opts' param of 'create()' for object properties)",
+          "desc": "Notification options except 'ignoreDefaults' (See 'opts' param of 'create()' for object properties)",
           "__exemption": [ "definition" ]
         }
       }
@@ -475,7 +496,7 @@
           "type": "Object",
           "tsType": "QNotifyOptions",
           "required": true,
-          "desc": "Notification options (See 'opts' param of 'create()' for object properties)",
+          "desc": "Notification options except 'ignoreDefaults' (See 'opts' param of 'create()' for object properties)",
           "__exemption": [ "definition" ]
         }
       }

package/src/utils/EventBus.js

@@ -18,9 +18,9 @@ export default class EventBus {
   }
 
   once (name, callback, ctx) {
-    const listener = () => {
+    const listener = (...args) => {
       this.off(name, listener)
-      callback.apply(ctx, arguments)
+      callback.apply(ctx, args)
     }
 
     listener.__callback = callback