quasar 2.4.12 → 2.4.13

package/dist/ssr-directives/Morph.js

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

package/dist/types/api/slider.d.ts

@@ -2,9 +2,12 @@
 
 // --- Props
 
+import { VueClassProp, VueStyleObjectProp } from "./vue-prop-types";
+
 interface SliderMarkerLabelPartialDefinition {
   label?: number | string;
-  style?: Partial<CSSStyleDeclaration>;
+  classes?: VueClassProp;
+  style?: VueStyleObjectProp;
 }
 
 interface SliderMarkerLabelDefinition extends SliderMarkerLabelPartialDefinition {
@@ -19,15 +22,11 @@ interface SliderMarkerLabelObjectDefinition {
   [value: number]: string | SliderMarkerLabelDefinition;
 }
 
-declare function SliderMarkerLabelFunctionDefinition(
-  value: number
-): string | SliderMarkerLabelDefinition;
-
 export type SliderMarkerLabels =
   | boolean
   | Array<SliderMarkerLabelDefinitionRequiredValue>
   | SliderMarkerLabelObjectDefinition
-  | typeof SliderMarkerLabelFunctionDefinition
+  | ((value: number) => string | SliderMarkerLabelDefinition)
 
 // --- Slots
 
@@ -36,7 +35,7 @@ export type SliderMarkerLabelConfig = {
   value: number;
   label: number | string;
   classes: string;
-  style: Partial<CSSStyleDeclaration>
+  style: VueStyleObjectProp
 };
 
 export type SliderMarkerLabelArrayConfig = SliderMarkerLabelConfig[];

package/dist/types/api/vue-prop-types.ts

@@ -0,0 +1,15 @@
+export type VueClassObjectProp = {
+  [value: string]: any
+}
+
+export type VueClassProp =
+  | string
+  | Array<VueClassProp>
+  | VueClassObjectProp;
+
+export type VueStyleObjectProp = Partial<CSSStyleDeclaration>;
+
+export type VueStyleProp =
+  | string
+  | Array<VueStyleProp>
+  | VueStyleObjectProp;

package/dist/types/api.d.ts

@@ -1,3 +1,4 @@
+export * from "./api/vue-prop-types";
 export * from "./api/cookies";
 export * from "./api/qfile";
 export * from "./api/qselect";

package/dist/types/index.d.ts

@@ -60,11 +60,11 @@ export interface BottomSheet {
     /**
      * CSS Class name to apply to the Dialog's QCard
      */
-    class?: string | any[] | any;
+    class?: VueClassProp;
     /**
      * CSS style to apply to the Dialog's QCard
      */
-    style?: string | any[] | any;
+    style?: VueStyleProp;
     /**
      * Title
      */
@@ -80,7 +80,7 @@ export interface BottomSheet {
       /**
        * CSS classes for this action
        */
-      classes?: string | any[] | any;
+      classes?: VueClassProp;
       /**
        * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix
        */
@@ -519,11 +519,11 @@ export interface Notify {
           /**
            * Style definitions to be attributed to the badge
            */
-          badgeStyle?: any[] | string | any;
+          badgeStyle?: VueStyleProp;
           /**
            * Class definitions to be attributed to the badge
            */
-          badgeClass?: any[] | string | any;
+          badgeClass?: VueClassProp;
           /**
            * Show progress bar to detail when notification will disappear automatically (unless timeout is 0)
            */
@@ -531,7 +531,7 @@ export interface Notify {
           /**
            * Class definitions to be attributed to the progress bar
            */
-          progressClass?: any[] | string | any;
+          progressClass?: VueClassProp;
           /**
            * Add CSS class(es) to the notification for easier customization
            */
@@ -611,7 +611,7 @@ export interface Notify {
     /**
      * Class definitions to be attributed to the progress bar
      */
-    progressClass?: any[] | string | any;
+    progressClass?: VueClassProp;
     /**
      * Add CSS class(es) to the notification for easier customization
      */
@@ -717,11 +717,11 @@ export interface Notify {
     /**
      * Style definitions to be attributed to the badge
      */
-    badgeStyle?: any[] | string | any;
+    badgeStyle?: VueStyleProp;
     /**
      * Class definitions to be attributed to the badge
      */
-    badgeClass?: any[] | string | any;
+    badgeClass?: VueClassProp;
     /**
      * Show progress bar to detail when notification will disappear automatically (unless timeout is 0)
      */
@@ -729,7 +729,7 @@ export interface Notify {
     /**
      * Class definitions to be attributed to the progress bar
      */
-    progressClass?: any[] | string | any;
+    progressClass?: VueClassProp;
     /**
      * Add CSS class(es) to the notification for easier customization
      */
@@ -834,11 +834,11 @@ export interface Notify {
       /**
        * Style definitions to be attributed to the badge
        */
-      badgeStyle?: any[] | string | any;
+      badgeStyle?: VueStyleProp;
       /**
        * Class definitions to be attributed to the badge
        */
-      badgeClass?: any[] | string | any;
+      badgeClass?: VueClassProp;
       /**
        * Show progress bar to detail when notification will disappear automatically (unless timeout is 0)
        */
@@ -846,7 +846,7 @@ export interface Notify {
       /**
        * Class definitions to be attributed to the progress bar
        */
-      progressClass?: any[] | string | any;
+      progressClass?: VueClassProp;
       /**
        * Add CSS class(es) to the notification for easier customization
        */
@@ -1739,11 +1739,11 @@ export interface QBtnDropdownProps {
   /**
    * Style definitions to be attributed to the menu
    */
-  contentStyle?: any[] | string | any | undefined;
+  contentStyle?: VueStyleProp | undefined;
   /**
    * Class definitions to be attributed to the menu
    */
-  contentClass?: any[] | string | any | undefined;
+  contentClass?: VueClassProp | undefined;
   /**
    * Allows the menu to cover the button. When used, the 'menu-self' and 'menu-fit' props are no longer effective
    */
@@ -3847,11 +3847,11 @@ export interface QEditorProps {
   /**
    * Object with CSS properties and values for styling the container of QEditor
    */
-  contentStyle?: any | undefined;
+  contentStyle?: VueStyleObjectProp | undefined;
   /**
    * CSS classes for the input area
    */
-  contentClass?: any | any[] | string | undefined;
+  contentClass?: VueClassProp | undefined;
   /**
    * Text to display as placeholder
    */
@@ -3952,7 +3952,7 @@ export interface QExpansionItemProps {
   /**
    * Apply custom class(es) to the expand icon item section
    */
-  expandIconClass?: any[] | string | any | undefined;
+  expandIconClass?: VueClassProp | undefined;
   /**
    * Header label (unless using 'header' slot)
    */
@@ -4021,11 +4021,11 @@ export interface QExpansionItemProps {
   /**
    * Apply custom style to the header
    */
-  headerStyle?: any[] | string | any | undefined;
+  headerStyle?: VueStyleProp | undefined;
   /**
    * Apply custom class(es) to the header
    */
-  headerClass?: any[] | string | any | undefined;
+  headerClass?: VueClassProp | undefined;
   /**
    * Emitted when showing/hidden state changes; Is also used by v-model
    * @param value New state (showing/hidden)
@@ -4148,11 +4148,11 @@ export interface QFabProps {
   /**
    * Class definitions to be attributed to the label container
    */
-  labelClass?: any[] | string | any | undefined;
+  labelClass?: VueClassProp | undefined;
   /**
    * Style definitions to be attributed to the label container
    */
-  labelStyle?: any[] | string | any | undefined;
+  labelStyle?: VueStyleProp | undefined;
   /**
    * Apply a rectangle aspect to the FAB
    */
@@ -4338,11 +4338,11 @@ export interface QFabActionProps {
   /**
    * Class definitions to be attributed to the label container
    */
-  labelClass?: any[] | string | any | undefined;
+  labelClass?: VueClassProp | undefined;
   /**
    * Style definitions to be attributed to the label container
    */
-  labelStyle?: any[] | string | any | undefined;
+  labelStyle?: VueStyleProp | undefined;
   /**
    * Apply a rectangle aspect to the FAB
    */
@@ -4898,11 +4898,11 @@ export interface QFileProps {
   /**
    * Class definitions to be attributed to the underlying selection container
    */
-  inputClass?: any[] | string | any | undefined;
+  inputClass?: VueClassProp | undefined;
   /**
    * Style definitions to be attributed to the underlying selection container
    */
-  inputStyle?: any[] | string | any | undefined;
+  inputStyle?: VueStyleProp | undefined;
   /**
    * Emitted after files are picked and some do not pass the validation props (accept, max-file-size, max-total-size, filter, etc)
    * @param rejectedEntries Array of { failedPropValidation: string, file: File } Objects for files that do not pass the validation
@@ -5257,7 +5257,7 @@ export interface QImgProps {
   /**
    * Force the component to maintain an aspect ratio
    */
-  ratio?: string | number | string | number | undefined;
+  ratio?: string | number | undefined;
   /**
    * Path to image
    */
@@ -5329,7 +5329,7 @@ export interface QImgProps {
   /**
    * Apply CSS to the native img element
    */
-  imgStyle?: any | undefined;
+  imgStyle?: VueStyleObjectProp | undefined;
   /**
    * Color name for default Spinner (unless using a 'loading' slot)
    */
@@ -5497,7 +5497,7 @@ export interface QInnerLoadingProps {
   /**
    * Apply custom style to the label; Works along the 'label' prop only
    */
-  labelStyle?: any[] | string | any | undefined;
+  labelStyle?: VueStyleProp | undefined;
   /**
    * Notify the component that the background is a dark color
    */
@@ -5715,11 +5715,11 @@ export interface QInputProps {
   /**
    * Class definitions to be attributed to the underlying input tag
    */
-  inputClass?: any[] | string | any | undefined;
+  inputClass?: VueClassProp | undefined;
   /**
    * Style definitions to be attributed to the underlying input tag
    */
-  inputStyle?: any[] | string | any | undefined;
+  inputStyle?: VueStyleProp | undefined;
   /**
    * When using the 'clearable' property, this event is emitted when the clear icon is clicked
    * @param value The previous value before clearing it
@@ -6825,11 +6825,11 @@ export interface QPaginationProps {
   /**
    * Style definitions to be attributed to the input (if using one)
    */
-  inputStyle?: any[] | string | any | undefined;
+  inputStyle?: VueStyleProp | undefined;
   /**
    * Class definitions to be attributed to the input (if using one)
    */
-  inputClass?: any[] | string | any | undefined;
+  inputClass?: VueClassProp | undefined;
   /**
    * Button size in CSS units, including unit name
    */
@@ -7500,12 +7500,7 @@ export interface QRangeProps {
    * @param value The marker value to transform
    * @returns Marker definition Object or directly a String for the label of the marker
    */
-  markerLabels?:
-    | SliderMarkerLabels
-    | SliderMarkerLabels
-    | SliderMarkerLabels
-    | SliderMarkerLabels
-    | undefined;
+  markerLabels?: SliderMarkerLabels | undefined;
   /**
    * CSS class(es) to apply to the marker labels container
    */
@@ -7815,35 +7810,35 @@ export interface QScrollAreaProps {
   /**
    * Object with CSS properties and values for custom styling the scrollbars (both vertical and horizontal)
    */
-  barStyle?: any[] | string | any | undefined;
+  barStyle?: VueStyleProp | undefined;
   /**
    * Object with CSS properties and values for custom styling the vertical scrollbar; Is applied on top of 'bar-style' prop
    */
-  verticalBarStyle?: any[] | string | any | undefined;
+  verticalBarStyle?: VueStyleProp | undefined;
   /**
    * Object with CSS properties and values for custom styling the horizontal scrollbar; Is applied on top of 'bar-style' prop
    */
-  horizontalBarStyle?: any[] | string | any | undefined;
+  horizontalBarStyle?: VueStyleProp | undefined;
   /**
    * Object with CSS properties and values for custom styling the thumb of scrollbars (both vertical and horizontal)
    */
-  thumbStyle?: any | undefined;
+  thumbStyle?: VueStyleObjectProp | undefined;
   /**
    * Object with CSS properties and values for custom styling the thumb of the vertical scrollbar; Is applied on top of 'thumb-style' prop
    */
-  verticalThumbStyle?: any | undefined;
+  verticalThumbStyle?: VueStyleObjectProp | undefined;
   /**
    * Object with CSS properties and values for custom styling the thumb of the horizontal scrollbar; Is applied on top of 'thumb-style' prop
    */
-  horizontalThumbStyle?: any | undefined;
+  horizontalThumbStyle?: VueStyleObjectProp | undefined;
   /**
    * Object with CSS properties and values for styling the container of QScrollArea
    */
-  contentStyle?: any[] | string | any | undefined;
+  contentStyle?: VueStyleProp | undefined;
   /**
    * Object with CSS properties and values for styling the container of QScrollArea when scroll area becomes active (is mouse hovered)
    */
-  contentActiveStyle?: any[] | string | any | undefined;
+  contentActiveStyle?: VueStyleProp | undefined;
   /**
    * Manually control the visibility of the scrollbar; Overrides default mouse over/leave behavior
    */
@@ -8404,7 +8399,7 @@ export interface QSelectProps {
   /**
    * Style definitions to be attributed to the popup content
    */
-  popupContentStyle?: any[] | string | any | undefined;
+  popupContentStyle?: VueStyleProp | undefined;
   /**
    * Use an input tag where users can type
    */
@@ -8437,11 +8432,11 @@ export interface QSelectProps {
   /**
    * Class definitions to be attributed to the underlying input tag
    */
-  inputClass?: any[] | string | any | undefined;
+  inputClass?: VueClassProp | undefined;
   /**
    * Style definitions to be attributed to the underlying input tag
    */
-  inputStyle?: any[] | string | any | undefined;
+  inputStyle?: VueStyleProp | undefined;
   /**
    * Tabindex HTML attribute value
    */
@@ -9196,12 +9191,7 @@ export interface QSliderProps {
    * @param value The marker value to transform
    * @returns Marker definition Object or directly a String for the label of the marker
    */
-  markerLabels?:
-    | SliderMarkerLabels
-    | SliderMarkerLabels
-    | SliderMarkerLabels
-    | SliderMarkerLabels
-    | undefined;
+  markerLabels?: SliderMarkerLabels | undefined;
   /**
    * CSS class(es) to apply to the marker labels container
    */
@@ -9743,19 +9733,19 @@ export interface QSplitterProps {
   /**
    * Class definitions to be attributed to the 'before' panel
    */
-  beforeClass?: any[] | string | any | undefined;
+  beforeClass?: VueClassProp | undefined;
   /**
    * Class definitions to be attributed to the 'after' panel
    */
-  afterClass?: any[] | string | any | undefined;
+  afterClass?: VueClassProp | undefined;
   /**
    * Class definitions to be attributed to the splitter separator
    */
-  separatorClass?: any[] | string | any | undefined;
+  separatorClass?: VueClassProp | undefined;
   /**
    * Style definitions to be attributed to the splitter separator
    */
-  separatorStyle?: any[] | string | any | undefined;
+  separatorStyle?: VueStyleProp | undefined;
   /**
    * Applies a default lighter color on the separator; To be used when background is darker; Avoid using when you are overriding through separator-class or separator-style props
    */
@@ -10432,39 +10422,39 @@ export interface QTableProps {
   /**
    * CSS style to apply to native HTML <table> element's wrapper (which is a DIV)
    */
-  tableStyle?: string | any[] | any | undefined;
+  tableStyle?: VueStyleProp | undefined;
   /**
    * CSS classes to apply to native HTML <table> element's wrapper (which is a DIV)
    */
-  tableClass?: string | any[] | any | undefined;
+  tableClass?: VueClassProp | undefined;
   /**
    * CSS style to apply to header of native HTML <table> (which is a TR)
    */
-  tableHeaderStyle?: string | any[] | any | undefined;
+  tableHeaderStyle?: VueStyleProp | undefined;
   /**
    * CSS classes to apply to header of native HTML <table> (which is a TR)
    */
-  tableHeaderClass?: string | any[] | any | undefined;
+  tableHeaderClass?: VueClassProp | undefined;
   /**
    * CSS style to apply to the cards container (when in grid mode)
    */
-  cardContainerStyle?: string | any[] | any | undefined;
+  cardContainerStyle?: VueStyleProp | undefined;
   /**
    * CSS classes to apply to the cards container (when in grid mode)
    */
-  cardContainerClass?: string | any[] | any | undefined;
+  cardContainerClass?: VueClassProp | undefined;
   /**
    * CSS style to apply to the card (when in grid mode) or container card (when not in grid mode)
    */
-  cardStyle?: string | any[] | any | undefined;
+  cardStyle?: VueStyleProp | undefined;
   /**
    * CSS classes to apply to the card (when in grid mode) or container card (when not in grid mode)
    */
-  cardClass?: string | any[] | any | undefined;
+  cardClass?: VueClassProp | undefined;
   /**
    * CSS classes to apply to the title (if using 'title' prop)
    */
-  titleClass?: string | any[] | any | undefined;
+  titleClass?: VueClassProp | undefined;
   /**
    * String/Object to filter table with; When using an Object it requires 'filter-method' to also be specified since it will be a custom filtering
    */
@@ -13387,6 +13377,8 @@ export interface QVirtualScroll
   refresh: (index?: string | number) => void;
 }
 
+import { VueClassProp } from "./api";
+import { VueStyleProp } from "./api";
 export interface DialogChainObject {
   /**
    * Receives a Function param to tell what to do when OK is pressed / option is selected
@@ -13424,11 +13416,11 @@ export interface QDialogOptions {
   /**
    * CSS Class name to apply to the Dialog's QCard
    */
-  class?: string | any[] | any;
+  class?: VueClassProp;
   /**
    * CSS style to apply to the Dialog's QCard
    */
-  style?: string | any[] | any;
+  style?: VueStyleProp;
   /**
    * A text for the heading title of the dialog
    */
@@ -13650,101 +13642,13 @@ import { WebStorageGetItemMethodType } from "./api";
 import { WebStorageGetIndexMethodType } from "./api";
 import { WebStorageGetKeyMethodType } from "./api";
 import { WebStorageGetAllKeysMethodType } from "./api";
+import { VueStyleObjectProp } from "./api";
 import { ValidationRule } from "./api";
 import { QRejectedEntry } from "./api";
-export interface SliderMarkerLabels {
-  /**
-   * Value of equivalent model where to position the marker
-   */
-  value: number;
-  /**
-   * Label to use
-   */
-  label?: number | string;
-  /**
-   * CSS classes to be attributed to the marker label
-   */
-  classes?: string | any[] | any;
-  /**
-   * Style definitions to be attributed to the marker label
-   */
-  style?: any;
-}
-
-export interface SliderMarkerLabelConfig {
-  /**
-   * Index of the marker label (0-based)
-   */
-  index?: number;
-  /**
-   * Equivalent model value for the marker label
-   */
-  value?: number;
-  /**
-   * Configured label for the marker
-   */
-  label?: number | string;
-  /**
-   * Required CSS classes to be applied to the marker element
-   */
-  classes?: string;
-  /**
-   * Style definitions to be attributed to the marker label
-   */
-  style?: any;
-}
-
-export interface SliderMarkerLabelArrayConfig {
-  /**
-   * Index of the marker label (0-based)
-   */
-  index?: number;
-  /**
-   * Equivalent model value for the marker label
-   */
-  value?: number;
-  /**
-   * Configured label for the marker
-   */
-  label?: number | string;
-  /**
-   * Required CSS classes to be applied to the marker element
-   */
-  classes?: string;
-  /**
-   * Style definitions to be attributed to the marker label
-   */
-  style?: any;
-}
-
-export interface SliderMarkerLabelObjectConfig {
-  /**
-   * Marker label config
-   */
-  [key: string]: {
-    /**
-     * Index of the marker label (0-based)
-     */
-    index?: number;
-    /**
-     * Equivalent model value for the marker label
-     */
-    value?: number;
-    /**
-     * Configured label for the marker
-     */
-    label?: number | string;
-    /**
-     * Required CSS classes to be applied to the marker element
-     */
-    classes?: string;
-    /**
-     * Style definitions to be attributed to the marker label
-     */
-    style?: any;
-  };
-}
-
+import { SliderMarkerLabels } from "./api";
+import { SliderMarkerLabelConfig } from "./api";
+import { SliderMarkerLabelArrayConfig } from "./api";
+import { SliderMarkerLabelObjectConfig } from "./api";
 import { QTreeNode } from "./api";
 import { QUploaderFactoryFn } from "./api";
 import { QVueGlobals, QSingletonGlobals } from "./globals";
@@ -13765,11 +13669,11 @@ declare module "./globals" {
       /**
        * CSS Class name to apply to the Dialog's QCard
        */
-      class?: string | any[] | any;
+      class?: VueClassProp;
       /**
        * CSS style to apply to the Dialog's QCard
        */
-      style?: string | any[] | any;
+      style?: VueStyleProp;
       /**
        * Title
        */
@@ -13785,7 +13689,7 @@ declare module "./globals" {
         /**
          * CSS classes for this action
          */
-        classes?: string | any[] | any;
+        classes?: VueClassProp;
         /**
          * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix
          */
@@ -13918,11 +13822,11 @@ declare module "./globals" {
             /**
              * Style definitions to be attributed to the badge
              */
-            badgeStyle?: any[] | string | any;
+            badgeStyle?: VueStyleProp;
             /**
              * Class definitions to be attributed to the badge
              */
-            badgeClass?: any[] | string | any;
+            badgeClass?: VueClassProp;
             /**
              * Show progress bar to detail when notification will disappear automatically (unless timeout is 0)
              */
@@ -13930,7 +13834,7 @@ declare module "./globals" {
             /**
              * Class definitions to be attributed to the progress bar
              */
-            progressClass?: any[] | string | any;
+            progressClass?: VueClassProp;
             /**
              * Add CSS class(es) to the notification for easier customization
              */
@@ -14010,7 +13914,7 @@ declare module "./globals" {
       /**
        * Class definitions to be attributed to the progress bar
        */
-      progressClass?: any[] | string | any;
+      progressClass?: VueClassProp;
       /**
        * Add CSS class(es) to the notification for easier customization
        */

package/dist/types/utils/dom.d.ts

@@ -1,3 +1,5 @@
+import { VueStyleObjectProp } from "../api/vue-prop-types";
+
 export interface DomOffset {
   top: number;
   left: number;
@@ -8,7 +10,7 @@ export namespace dom {
   function style(el: Element, property: string): string;
   function height(el: Element): number;
   function width(el: Element): number;
-  function css(el: Element, css: Partial<CSSStyleDeclaration>): void;
-  function cssBatch(elements: Element[], css: Partial<CSSStyleDeclaration>): void;
+  function css(el: Element, css: VueStyleObjectProp): void;
+  function cssBatch(elements: Element[], css: VueStyleObjectProp): void;
   function ready<F extends (...args: any[]) => any>(fn: F): ReturnType<F>;
 }