quasar 2.4.12 → 2.5.2

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

@@ -1,18 +1,18 @@
 interface DateOptions {
   milliseconds?: number;
+  millisecond?: number;
   seconds?: number;
+  second?: number;
   minutes?: number;
+  minute?: number;
   hours?: number;
-}
-
-export interface BuildDateOptions extends DateOptions {
+  hour?: number;
+  days?: number;
+  day?: number;
   date?: number;
+  months?: number;
   month?: number;
   year?: number;
-}
-export interface ModifyDateOptions extends DateOptions {
-  days?: number;
-  months?: number;
   years?: number;
 }
 
@@ -23,23 +23,35 @@ export interface DateLocale {
   monthsShort?: string[];
 }
 
-export type DateUnitOptions = "second" | "minute" | "hour" | "day" | "month" | "year";
+export type DateUnitOptions =
+  | "second"
+  | "seconds"
+  | "minute"
+  | "minutes"
+  | "hour"
+  | "hours"
+  | "day"
+  | "days"
+  | "date"
+  | "month"
+  | "months"
+  | "year"
+  | "years";
 
 export namespace date {
   function isValid(date: number | string): boolean;
   function extractDate(str: string, mask: string, locale?: DateLocale): Date;
-  function buildDate(options: BuildDateOptions, utc?: boolean): Date;
+  function buildDate(options: DateOptions, utc?: boolean): Date;
   function getDayOfWeek(date: Date): number;
   function getWeekOfYear(date: Date | number | string): number;
   function isBetweenDates(date: Date | number | string, from: Date | number | string, to: Date | number | string, opts?: { inclusiveFrom: boolean; inclusiveTo: boolean; onlyDate: boolean }): boolean;
-  function addToDate(date: Date | number | string, options: ModifyDateOptions): Date;
-  function subtractFromDate(date: Date | number | string, options: ModifyDateOptions): Date;
-  function adjustDate(date: Date | number | string, options: BuildDateOptions, utc?: boolean): Date;
+  function addToDate(date: Date | number | string, options: DateOptions): Date;
+  function subtractFromDate(date: Date | number | string, options: DateOptions): Date;
+  function adjustDate(date: Date | number | string, options: DateOptions, utc?: boolean): Date;
   function startOfDate(date: Date | number | string, option: DateUnitOptions, utc?: boolean): Date;
   function endOfDate(date: Date | number | string, option: DateUnitOptions, utc?: boolean): Date;
   function getMaxDate(date: Date | number | string, ...args: (Date | number | string)[]): Date;
   function getMinDate(date: Date | number | string, ...args: (Date | number | string)[]): Date;
-  // TODO: (Qv3) uniform "unit" to `DateUnitOptions` interface
   function getDateDiff(date: Date | number | string, subtract: Date | number | string, unit?: `${DateUnitOptions}s`): number;
   function getDayOfYear(date: Date | number | string): number;
   function inferDateFormat(date: Date | number | string): "date" | "number" | "string";

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>;
 }

package/dist/types/utils.d.ts

@@ -20,6 +20,8 @@ export * from './utils/event';
 export * from './utils/format';
 export * from './utils/scroll';
 
+import { VueStyleObjectProp } from "./api/vue-prop-types";
+
 interface ExportFileOpts {
   mimeType?: string;
   byteOrderMark?: string | Uint8Array;
@@ -62,7 +64,7 @@ interface MorphOptions {
   delay?: number;
   fill?: string;
 
-  style?: string | Partial<CSSStyleDeclaration>;
+  style?: string | VueStyleObjectProp;
   classes?: string;
 
   resize?: boolean;

package/dist/vetur/quasar-attributes.json

@@ -324,11 +324,11 @@
     "description": "Disables the rotation of the dropdown icon when state is toggled"
   },
   "q-btn-dropdown/content-style": {
-    "type": "array|string|object",
+    "type": "string|array|object",
     "description": "Style definitions to be attributed to the menu"
   },
   "q-btn-dropdown/content-class": {
-    "type": "array|string|object",
+    "type": "string|array|object",
     "description": "Class definitions to be attributed to the menu"
   },
   "q-btn-dropdown/cover": {
@@ -891,6 +891,18 @@
     "type": "boolean",
     "description": "Label (if any specified) should be displayed on the left side of the component"
   },
+  "q-checkbox/checked-icon": {
+    "type": "string",
+    "description": "The icon to be used when the model is truthy (instead of the default design)"
+  },
+  "q-checkbox/unchecked-icon": {
+    "type": "string",
+    "description": "The icon to be used when the toggle is falsy (instead of the default design)"
+  },
+  "q-checkbox/indeterminate-icon": {
+    "type": "string",
+    "description": "The icon to be used when the model is indeterminate (instead of the default design)"
+  },
   "q-checkbox/color": {
     "type": "string",
     "description": "Color name for component from the Quasar Color Palette"
@@ -1472,7 +1484,7 @@
     "description": "Object with CSS properties and values for styling the container of QEditor"
   },
   "q-editor/content-class": {
-    "type": "object|array|string",
+    "type": "string|array|object",
     "description": "CSS classes for the input area"
   },
   "q-editor/placeholder": {
@@ -1528,7 +1540,7 @@
     "description": "Expand icon name (following Quasar convention) for when QExpansionItem is expanded; When used, it also disables the rotation animation of the expand icon; Make sure you have the icon library installed unless you are using 'img:' prefix"
   },
   "q-expansion-item/expand-icon-class": {
-    "type": "array|string|object",
+    "type": "string|array|object",
     "description": "Apply custom class(es) to the expand icon item section"
   },
   "q-expansion-item/label": {
@@ -1596,11 +1608,11 @@
     "description": "Put expansion list into 'popup' mode"
   },
   "q-expansion-item/header-style": {
-    "type": "array|string|object",
+    "type": "string|array|object",
     "description": "Apply custom style to the header"
   },
   "q-expansion-item/header-class": {
-    "type": "array|string|object",
+    "type": "string|array|object",
     "description": "Apply custom class(es) to the header"
   },
   "q-fab/type": {
@@ -1656,11 +1668,11 @@
     "description": "Hide the label; Useful for animation purposes where you toggle the visibility of the label"
   },
   "q-fab/label-class": {
-    "type": "array|string|object",
+    "type": "string|array|object",
     "description": "Class definitions to be attributed to the label container"
   },
   "q-fab/label-style": {
-    "type": "array|string|object",
+    "type": "string|array|object",
     "description": "Style definitions to be attributed to the label container"
   },
   "q-fab/square": {
@@ -1756,11 +1768,11 @@
     "description": "Hide the label; Useful for animation purposes where you toggle the visibility of the label"
   },
   "q-fab-action/label-class": {
-    "type": "array|string|object",
+    "type": "string|array|object",
     "description": "Class definitions to be attributed to the label container"
   },
   "q-fab-action/label-style": {
-    "type": "array|string|object",
+    "type": "string|array|object",
     "description": "Style definitions to be attributed to the label container"
   },
   "q-fab-action/square": {
@@ -2140,11 +2152,11 @@
     "description": "Tabindex HTML attribute value"
   },
   "q-file/input-class": {
-    "type": "array|string|object",
+    "type": "string|array|object",
     "description": "Class definitions to be attributed to the underlying selection container"
   },
   "q-file/input-style": {
-    "type": "array|string|object",
+    "type": "string|array|object",
     "description": "Style definitions to be attributed to the underlying selection container"
   },
   "q-footer/model-value": {
@@ -2232,7 +2244,7 @@
     "description": "Useful if icon is on the right side of something: applies a standard margin on the left side of Icon"
   },
   "q-img/ratio": {
-    "type": "string|number|string|number",
+    "type": "string|number",
     "description": "Force the component to maintain an aspect ratio"
   },
   "q-img/src": {
@@ -2380,7 +2392,7 @@
     "description": "Add CSS class(es) to the label; Works along the 'label' prop only"
   },
   "q-inner-loading/label-style": {
-    "type": "array|string|object",
+    "type": "string|array|object",
     "description": "Apply custom style to the label; Works along the 'label' prop only"
   },
   "q-inner-loading/dark": {
@@ -2572,11 +2584,11 @@
     "description": "Make field autogrow along with its content (uses a textarea)"
   },
   "q-input/input-class": {
-    "type": "array|string|object",
+    "type": "string|array|object",
     "description": "Class definitions to be attributed to the underlying input tag"
   },
   "q-input/input-style": {
-    "type": "array|string|object",
+    "type": "string|array|object",
     "description": "Style definitions to be attributed to the underlying input tag"
   },
   "q-intersection/tag": {
@@ -3124,11 +3136,11 @@
     "description": "Notify the component that the background is a dark color (useful when you are using it along with the 'input' prop)"
   },
   "q-pagination/input-style": {
-    "type": "array|string|object",
+    "type": "string|array|object",
     "description": "Style definitions to be attributed to the input (if using one)"
   },
   "q-pagination/input-class": {
-    "type": "array|string|object",
+    "type": "string|array|object",
     "description": "Class definitions to be attributed to the input (if using one)"
   },
   "q-pagination/size": {
@@ -3387,6 +3399,14 @@
     "type": "boolean",
     "description": "Label (if any specified) should be displayed on the left side of the checkbox"
   },
+  "q-radio/checked-icon": {
+    "type": "string",
+    "description": "The icon to be used when selected (instead of the default design)"
+  },
+  "q-radio/unchecked-icon": {
+    "type": "string",
+    "description": "The icon to be used when un-selected (instead of the default design)"
+  },
   "q-radio/color": {
     "type": "string",
     "description": "Color name for component from the Quasar Color Palette"
@@ -3660,15 +3680,15 @@
     "description": "Notify the component that the background is a dark color"
   },
   "q-scroll-area/bar-style": {
-    "type": "array|string|object",
+    "type": "string|array|object",
     "description": "Object with CSS properties and values for custom styling the scrollbars (both vertical and horizontal)"
   },
   "q-scroll-area/vertical-bar-style": {
-    "type": "array|string|object",
+    "type": "string|array|object",
     "description": "Object with CSS properties and values for custom styling the vertical scrollbar; Is applied on top of 'bar-style' prop"
   },
   "q-scroll-area/horizontal-bar-style": {
-    "type": "array|string|object",
+    "type": "string|array|object",
     "description": "Object with CSS properties and values for custom styling the horizontal scrollbar; Is applied on top of 'bar-style' prop"
   },
   "q-scroll-area/thumb-style": {
@@ -3684,11 +3704,11 @@
     "description": "Object with CSS properties and values for custom styling the thumb of the horizontal scrollbar; Is applied on top of 'thumb-style' prop"
   },
   "q-scroll-area/content-style": {
-    "type": "array|string|object",
+    "type": "string|array|object",
     "description": "Object with CSS properties and values for styling the container of QScrollArea"
   },
   "q-scroll-area/content-active-style": {
-    "type": "array|string|object",
+    "type": "string|array|object",
     "description": "Object with CSS properties and values for styling the container of QScrollArea when scroll area becomes active (is mouse hovered)"
   },
   "q-scroll-area/visible": {
@@ -3980,7 +4000,7 @@
     "description": "Class definitions to be attributed to the popup content"
   },
   "q-select/popup-content-style": {
-    "type": "array|string|object",
+    "type": "string|array|object",
     "description": "Style definitions to be attributed to the popup content"
   },
   "q-select/use-input": {
@@ -4012,11 +4032,11 @@
     "description": "Debounce the input model update with an amount of milliseconds"
   },
   "q-select/input-class": {
-    "type": "array|string|object",
+    "type": "string|array|object",
     "description": "Class definitions to be attributed to the underlying input tag"
   },
   "q-select/input-style": {
-    "type": "array|string|object",
+    "type": "string|array|object",
     "description": "Style definitions to be attributed to the underlying input tag"
   },
   "q-select/tabindex": {
@@ -4496,19 +4516,19 @@
     "description": "Put component in disabled mode"
   },
   "q-splitter/before-class": {
-    "type": "array|string|object",
+    "type": "string|array|object",
     "description": "Class definitions to be attributed to the 'before' panel"
   },
   "q-splitter/after-class": {
-    "type": "array|string|object",
+    "type": "string|array|object",
     "description": "Class definitions to be attributed to the 'after' panel"
   },
   "q-splitter/separator-class": {
-    "type": "array|string|object",
+    "type": "string|array|object",
     "description": "Class definitions to be attributed to the splitter separator"
   },
   "q-splitter/separator-style": {
-    "type": "array|string|object",
+    "type": "string|array|object",
     "description": "Style definitions to be attributed to the splitter separator"
   },
   "q-splitter/dark": {
@@ -5387,6 +5407,18 @@
     "type": "boolean",
     "description": "Label (if any specified) should be displayed on the left side of the component"
   },
+  "q-toggle/checked-icon": {
+    "type": "string",
+    "description": "The icon to be used when the toggle is on"
+  },
+  "q-toggle/unchecked-icon": {
+    "type": "string",
+    "description": "The icon to be used when the toggle is off"
+  },
+  "q-toggle/indeterminate-icon": {
+    "type": "string",
+    "description": "The icon to be used when the model is indeterminate"
+  },
   "q-toggle/color": {
     "type": "string",
     "description": "Color name for component from the Quasar Color Palette"
@@ -5415,18 +5447,6 @@
     "type": "string",
     "description": "Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix"
   },
-  "q-toggle/checked-icon": {
-    "type": "string",
-    "description": "The icon to be used when the toggle is on"
-  },
-  "q-toggle/unchecked-icon": {
-    "type": "string",
-    "description": "The icon to be used when the toggle is off"
-  },
-  "q-toggle/indeterminate-icon": {
-    "type": "string",
-    "description": "The icon to be used when the model is indeterminate"
-  },
   "q-toggle/icon-color": {
     "type": "string",
     "description": "Override default icon color (for truthy state only); Color name for component from the Quasar Color Palette"

package/dist/vetur/quasar-tags.json

@@ -314,6 +314,9 @@
       "toggle-indeterminate",
       "label",
       "left-label",
+      "checked-icon",
+      "unchecked-icon",
+      "indeterminate-icon",
       "color",
       "keep-color",
       "dark",
@@ -1151,6 +1154,8 @@
       "val",
       "label",
       "left-label",
+      "checked-icon",
+      "unchecked-icon",
       "color",
       "keep-color",
       "dark",
@@ -1914,6 +1919,9 @@
       "toggle-indeterminate",
       "label",
       "left-label",
+      "checked-icon",
+      "unchecked-icon",
+      "indeterminate-icon",
       "color",
       "keep-color",
       "dark",
@@ -1921,9 +1929,6 @@
       "disable",
       "tabindex",
       "icon",
-      "checked-icon",
-      "unchecked-icon",
-      "indeterminate-icon",
       "icon-color"
     ],
     "description": ""