quasar 2.14.5 → 2.14.7

package/dist/types/index.d.ts

@@ -121,7 +121,7 @@ export interface BottomSheet {
      */
     seamless?: boolean;
     /**
-     * User cannot dismiss Bottom Sheet if clicking outside of it or hitting ESC key
+     * User cannot dismiss Bottom Sheet if clicking outside of it or hitting ESC key; Also, an app route change won't dismiss it
      */
     persistent?: boolean;
   }) => DialogChainObject;
@@ -177,7 +177,7 @@ export interface Cookies {
        * Raw string for other cookie options; To be used as a last resort for possible newer props that are currently not yet implemented in Quasar
        */
       other?: string;
-    }
+    },
   ) => void;
   /**
    * Check if cookie exists
@@ -201,7 +201,7 @@ export interface Cookies {
        * Cookie domain
        */
       domain?: string;
-    }
+    },
   ) => void;
   /**
    * For SSR usage only, and only on the global import (not on $q.cookies)
@@ -383,7 +383,7 @@ export interface LocalStorage {
       | any
       | readonly any[]
       | string
-      | null
+      | null,
   ) => void;
   /**
    * Remove a storage item
@@ -410,7 +410,7 @@ export interface Notify {
    * @returns Calling this function with no parameters hides the notification; When called with one Object parameter (the original notification must NOT be grouped), it updates the notification (specified properties are shallow merged with previous ones; note that group and position cannot be changed while updating and so they are ignored)
    */
   create: (
-    opts: QNotifyCreateOptions | string
+    opts: QNotifyCreateOptions | string,
   ) => (props?: QNotifyUpdateOptions) => void;
   /**
    * Merge options into the default ones
@@ -770,7 +770,7 @@ export interface SessionStorage {
       | any
       | readonly any[]
       | string
-      | null
+      | null,
   ) => void;
   /**
    * Remove a storage item
@@ -812,135 +812,7 @@ export type IntersectionValue =
        * @param entry The IntersectionObserverEntry object
        * @returns If you return Boolean false from the handler, the observer stops
        */
-      handler?: (entry?: {
-        /**
-         * Object containing the client rect information
-         */
-        boundingClientRect?: {
-          /**
-           * The bottom of the client rect
-           */
-          bottom?: number;
-          /**
-           * The height of the client rect
-           */
-          height?: number;
-          /**
-           * The left of the client rect
-           */
-          left?: number;
-          /**
-           * The right of the client rect
-           */
-          right?: number;
-          /**
-           * The top of the client rect
-           */
-          top?: number;
-          /**
-           * The width of the client rect
-           */
-          width?: number;
-          /**
-           * The x position of the client rect
-           */
-          x?: number;
-          /**
-           * The y position of the client rect
-           */
-          y?: number;
-        };
-        /**
-         * The ratio of the observed objects visibility
-         */
-        intersectionRatio?: number;
-        /**
-         * Object containing the client rect information
-         */
-        intersectionRect?: {
-          /**
-           * The bottom of the client rect
-           */
-          bottom?: number;
-          /**
-           * The height of the client rect
-           */
-          height?: number;
-          /**
-           * The left of the client rect
-           */
-          left?: number;
-          /**
-           * The right of the client rect
-           */
-          right?: number;
-          /**
-           * The top of the client rect
-           */
-          top?: number;
-          /**
-           * The width of the client rect
-           */
-          width?: number;
-          /**
-           * The x position of the client rect
-           */
-          x?: number;
-          /**
-           * The y position of the client rect
-           */
-          y?: number;
-        };
-        /**
-         * It is Boolean true if intersecting the scrollable area
-         */
-        isIntersecting?: boolean;
-        /**
-         * Object containing the client rect information
-         */
-        rootBounds?: {
-          /**
-           * The bottom of the client rect
-           */
-          bottom?: number;
-          /**
-           * The height of the client rect
-           */
-          height?: number;
-          /**
-           * The left of the client rect
-           */
-          left?: number;
-          /**
-           * The right of the client rect
-           */
-          right?: number;
-          /**
-           * The top of the client rect
-           */
-          top?: number;
-          /**
-           * The width of the client rect
-           */
-          width?: number;
-          /**
-           * The x position of the client rect
-           */
-          x?: number;
-          /**
-           * The y position of the client rect
-           */
-          y?: number;
-        };
-        /**
-         * The target element
-         */
-        target?: Element;
-        /**
-         * The timestamp of the event
-         */
-        time?: number;
-      }) => boolean;
+      handler?: (entry?: IntersectionObserverEntry) => boolean;
       /**
        * Intersection observer options (can be omitted and all its props are optional)
        */
@@ -959,7 +831,7 @@ export type IntersectionValue =
         threshold?: readonly any[];
       };
     }
-  | (() => void);
+  | ((entry: IntersectionObserverEntry) => boolean);
 /**
  * Function to call when scrolling occurs (identical to description of 'handler' prop of the Object form); If using the Object form, it is HIGHLY recommended to reference it from your vue component scope, otherwise the directive update cycle will continuously recreate the observer which hits performance hard
  *
@@ -1139,7 +1011,7 @@ export type MutationValue = (
      * Value depends on the mutation type; For attributes, it is the value of the changed attribute before the change; For characterData it is data of the changed node before the change; For childList it is null; Note that for this to work as expected, attributeOldValue or characterDataOldValue must be set
      */
     oldValue?: string;
-  }[]
+  }[],
 ) => boolean;
 /**
  * Function to call when mutation occurs; It is HIGHLY recommended to reference it from your vue component scope, otherwise the directive update cycle will continuously recreate the observer which hits performance hard
@@ -1982,7 +1854,7 @@ export interface QBreadcrumbsElProps {
        * Return the router error, if any; Otherwise the returned Promise will always fulfill
        */
       returnRouterError?: boolean;
-    }) => Promise<any>
+    }) => Promise<any>,
   ) => void;
 }
 
@@ -2163,7 +2035,7 @@ export interface QBtnProps {
        * Return the router error, if any; Otherwise the returned Promise will always fulfill
        */
       returnRouterError?: boolean;
-    }) => Promise<any>
+    }) => Promise<any>,
   ) => void;
 }
 
@@ -2373,7 +2245,7 @@ export interface QBtnDropdownProps {
    */
   cover?: boolean | undefined;
   /**
-   * Allows the menu to not be dismissed by a click/tap outside of the menu or by hitting the ESC key
+   * Allows the menu to not be dismissed by a click/tap outside of the menu or by hitting the ESC key; Also, an app route change won't dismiss it
    */
   persistent?: boolean | undefined;
   /**
@@ -2929,7 +2801,7 @@ export interface QCarouselProps {
    */
   onBeforeTransition?: (
     newVal: string | number,
-    oldVal: string | number
+    oldVal: string | number,
   ) => void;
   /**
    * Emitted after component transitioned to a new panel
@@ -3740,7 +3612,7 @@ export interface QDateProps {
          */
         day: number;
       };
-    }
+    },
   ) => void;
   /**
    * Emitted when user navigates to a different month or year (and even when the model changes from an outside source)
@@ -3878,7 +3750,7 @@ export interface QDate extends ComponentPublicInstance<QDateProps> {
        * The day of month
        */
       day?: number;
-    }
+    },
   ) => void;
 }
 
@@ -4096,7 +3968,7 @@ export interface QDrawerProps {
    */
   elevated?: boolean | undefined;
   /**
-   * Prevents drawer from auto-closing when app's route changes
+   * Prevents drawer from auto-closing when app's route changes; Also, an app route change won't hide it
    */
   persistent?: boolean | undefined;
   /**
@@ -5835,6 +5707,10 @@ export interface QImgProps {
    * Default value: lazy
    */
   loading?: "lazy" | "eager" | undefined;
+  /**
+   * Delay showing the spinner when image changes; Gives time for the browser to load the image from cache to prevent flashing the spinner unnecessarily; Value should represent milliseconds
+   */
+  loadingShowDelay?: number | string | undefined;
   /**
    * Same syntax as <img> crossorigin attribute
    */
@@ -6532,7 +6408,7 @@ export interface QItemProps {
        * Return the router error, if any; Otherwise the returned Promise will always fulfill
        */
       returnRouterError?: boolean;
-    }) => Promise<any>
+    }) => Promise<any>,
   ) => void;
 }
 
@@ -7025,7 +6901,7 @@ export interface QMenuProps {
    */
   touchPosition?: boolean | undefined;
   /**
-   * Allows the menu to not be dismissed by a click/tap outside of the menu or by hitting the ESC key
+   * Allows the menu to not be dismissed by a click/tap outside of the menu or by hitting the ESC key; Also, an app route change won't dismiss it
    */
   persistent?: boolean | undefined;
   /**
@@ -8626,7 +8502,7 @@ export interface QScrollArea extends ComponentPublicInstance<QScrollAreaProps> {
   setScrollPosition: (
     axis: "vertical" | "horizontal",
     offset: number,
-    duration?: number
+    duration?: number,
   ) => void;
   /**
    * Set scroll position to a percentage (0.0 <= x <= 1.0) of the total scrolling size; If a duration (in milliseconds) is specified then the scroll is animated
@@ -8637,7 +8513,7 @@ export interface QScrollArea extends ComponentPublicInstance<QScrollAreaProps> {
   setScrollPercentage: (
     axis: "vertical" | "horizontal",
     offset: number,
-    duration?: number
+    duration?: number,
   ) => void;
 }
 
@@ -9183,7 +9059,7 @@ export interface QSelectProps {
    */
   onNewValue?: (
     inputValue: string,
-    doneFn: (item?: any, mode?: "add" | "add-unique" | "toggle") => void
+    doneFn: (item?: any, mode?: "add" | "add-unique" | "toggle") => void,
   ) => void;
   /**
    * Emitted when user wants to filter a value
@@ -9194,7 +9070,7 @@ export interface QSelectProps {
   onFilter?: (
     inputValue: string,
     doneFn: (callbackFn: () => void, afterFn?: (ref: QSelect) => void) => void,
-    abortFn: () => void
+    abortFn: () => void,
   ) => void;
   /**
    * Emitted when a filtering was aborted; Probably a new one was requested?
@@ -9359,7 +9235,7 @@ export interface QSelect extends ComponentPublicInstance<QSelectProps> {
       | "end"
       | "start-force"
       | "center-force"
-      | "end-force"
+      | "end-force",
   ) => void;
   /**
    * Resets the virtual scroll computations; Needed for custom edge-cases
@@ -10630,7 +10506,7 @@ export interface QStepperProps {
    */
   onBeforeTransition?: (
     newVal: string | number,
-    oldVal: string | number
+    oldVal: string | number,
   ) => void;
   /**
    * Emitted after component transitioned to a new panel
@@ -10771,7 +10647,7 @@ export interface QTabPanelsProps {
    */
   onBeforeTransition?: (
     newVal: string | number,
-    oldVal: string | number
+    oldVal: string | number,
   ) => void;
   /**
    * Emitted after component transitioned to a new panel
@@ -11080,7 +10956,7 @@ export interface QTableProps {
     | ((
         firstRowIndex: number,
         endRowIndex: number,
-        totalRowsNumber: number
+        totalRowsNumber: number,
       ) => string)
     | undefined;
   /**
@@ -11137,7 +11013,7 @@ export interface QTableProps {
         rows: readonly any[],
         terms: string | any,
         cols: readonly any[],
-        getCellValue: (col: any, row: any) => any
+        getCellValue: (col: any, row: any) => any,
       ) => readonly any[])
     | undefined;
   /**
@@ -11199,7 +11075,7 @@ export interface QTableProps {
     | ((
         rows: readonly any[],
         sortBy: string,
-        descending: boolean
+        descending: boolean,
       ) => readonly any[])
     | undefined;
   /**
@@ -12293,7 +12169,7 @@ export interface QTable extends ComponentPublicInstance<QTableProps> {
       rows: readonly any[],
       terms: string | any,
       cols?: readonly any[],
-      getCellValue?: (col?: any, row?: any) => any
+      getCellValue?: (col?: any, row?: any) => any,
     ) => readonly any[];
   }) => void;
   /**
@@ -12320,7 +12196,7 @@ export interface QTable extends ComponentPublicInstance<QTableProps> {
        */
       rowsPerPage?: number;
     },
-    forceServerRequest?: boolean
+    forceServerRequest?: boolean,
   ) => void;
   /**
    * Navigates to first page
@@ -12381,7 +12257,7 @@ export interface QTable extends ComponentPublicInstance<QTableProps> {
       | "end"
       | "start-force"
       | "center-force"
-      | "end-force"
+      | "end-force",
   ) => void;
   /**
    * The filtered and sorted rows (same as the rows prop if using server-side fetching)
@@ -12552,7 +12428,7 @@ export interface QRouteTabProps {
        * Return the router error, if any; Otherwise the returned Promise will always fulfill
        */
       returnRouterError?: boolean;
-    }) => Promise<any>
+    }) => Promise<any>,
   ) => void;
 }
 
@@ -12815,7 +12691,7 @@ export interface QTimeProps {
   options?: (
     hr: number,
     min: number | null,
-    sec: number | null
+    sec: number | null,
   ) => boolean | null | undefined;
   /**
    * Optionally configure what hours is the user allowed to set; Overrides 'options' prop if that is also set
@@ -12877,7 +12753,7 @@ export interface QTimeProps {
        * Did the model change?
        */
       changed: boolean;
-    }
+    },
   ) => void;
 }
 
@@ -13226,6 +13102,10 @@ export interface QTooltipProps {
    * Configure Tooltip to disappear with delay
    */
   hideDelay?: number | undefined;
+  /**
+   * Prevents Tooltip from auto-closing when app's route changes
+   */
+  persistent?: boolean | undefined;
   /**
    * Emitted when showing/hidden state changes; Is also used by v-model
    * @param value New state (showing/hidden)
@@ -13923,7 +13803,7 @@ export interface QUploader extends ComponentPublicInstance<QUploaderProps> {
   updateFileStatus: (
     file: File,
     status: "idle" | "failed" | "uploading" | "uploaded",
-    uploadedSize: number
+    uploadedSize: number,
   ) => void;
   /**
    * Is the component alive (activated but not unmounted); Useful to determine if you still need to compute anything going further
@@ -14155,7 +14035,7 @@ export interface QVirtualScroll
       | "end"
       | "start-force"
       | "center-force"
-      | "end-force"
+      | "end-force",
   ) => void;
   /**
    * Resets the virtual scroll computations; Needed for custom edge-cases
@@ -14691,7 +14571,7 @@ declare module "./globals" {
        */
       seamless?: boolean;
       /**
-       * User cannot dismiss Bottom Sheet if clicking outside of it or hitting ESC key
+       * User cannot dismiss Bottom Sheet if clicking outside of it or hitting ESC key; Also, an app route change won't dismiss it
        */
       persistent?: boolean;
     }) => DialogChainObject;
@@ -14712,7 +14592,7 @@ declare module "./globals" {
      * @returns Calling this function with no parameters hides the notification; When called with one Object parameter (the original notification must NOT be grouped), it updates the notification (specified properties are shallow merged with previous ones; note that group and position cannot be changed while updating and so they are ignored)
      */
     notify: (
-      opts: QNotifyCreateOptions | string
+      opts: QNotifyCreateOptions | string,
     ) => (props?: QNotifyUpdateOptions) => void;
     platform: Platform;
     screen: Screen;
@@ -15628,6 +15508,7 @@ declare module "./lang" {
     mk: true;
     ml: true;
     mm: true;
+    "ms-MY": true;
     ms: true;
     my: true;
     "nb-NO": true;
@@ -15645,6 +15526,7 @@ declare module "./lang" {
     sv: true;
     ta: true;
     th: true;
+    tl: true;
     tr: true;
     ug: true;
     uk: true;

package/dist/types/lang.d.ts

@@ -88,7 +88,7 @@ type QuasarLanguageDayTuple = [
   string,
   string,
   string,
-  string
+  string,
 ];
 type QuasarLanguageMonthTuple = [
   string,
@@ -102,7 +102,7 @@ type QuasarLanguageMonthTuple = [
   string,
   string,
   string,
-  string
+  string,
 ];
 
 export interface QuasarLanguage {
@@ -119,7 +119,7 @@ export interface QuasarLanguage {
     format24h: boolean;
     headerTitle?: (
       date: Date,
-      model: { year: number; month: number; day: number }
+      model: { year: number; month: number; day: number },
     ) => string;
   };
   table: StringDictionary<QuasarLanguageTableLabel> & {

package/dist/types/plugin.d.ts

@@ -1,9 +1,10 @@
 import { QuasarUIConfiguration } from "./config";
 import { QuasarIconSet } from "./extras";
+import { GlobalQuasarIconMapFn } from "./globals";
 import { QuasarLanguage } from "./lang";
 
 // These interfaces are used as forward-references
-//  filled at build-time via TS interface mergin capabilities
+//  filled at build-time via TS interface merging capabilities
 export interface QuasarComponents {}
 export interface QuasarDirectives {}
 export interface QuasarPlugins {}
@@ -15,4 +16,5 @@ export interface QuasarPluginOptions {
   components: QuasarComponents;
   directives: QuasarDirectives;
   plugins: QuasarPlugins;
+  iconMapFn: GlobalQuasarIconMapFn;
 }

package/dist/types/ts-helpers.d.ts

@@ -23,8 +23,8 @@ export type DeepPartial<T> = {
   [P in keyof T]?: T[P] extends Array<infer U>
     ? Array<DeepPartial<U>>
     : T[P] extends ReadonlyArray<infer U>
-    ? ReadonlyArray<DeepPartial<U>>
-    : DeepPartial<T[P]>;
+      ? ReadonlyArray<DeepPartial<U>>
+      : DeepPartial<T[P]>;
 };
 
 // Create a fake constructor signature for a Vue component, needed to correctly extract/infer Component type in many situation,
@@ -43,7 +43,7 @@ export type ComponentConstructor<
   RawBindings = any,
   D = any,
   C extends ComputedOptions = ComputedOptions,
-  M extends MethodOptions = MethodOptions
+  M extends MethodOptions = MethodOptions,
 > = { new (): Component } & ComponentOptions<Props, RawBindings, D, C, M>;
 
 // https://github.com/vuejs/vue-next/blob/d84d5ecdbdf709570122175d6565bb61fae877f2/packages/runtime-core/src/apiDefineComponent.ts#L29-L31

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

@@ -26,7 +26,7 @@ export namespace colors {
   function brightness(color: string | colorsRgba): number;
   function blend(
     foregroundColor: string | colorsRgba,
-    backgroundColor: string | colorsRgba
+    backgroundColor: string | colorsRgba,
   ): string;
   function changeAlpha(color: string, offset: number): string;
   function getPaletteColor(colorName: NamedColor): string;

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

@@ -48,27 +48,27 @@ export namespace date {
     date: Date | number | string,
     from: Date | number | string,
     to: Date | number | string,
-    opts?: { inclusiveFrom: boolean; inclusiveTo: boolean; onlyDate: boolean }
+    opts?: { inclusiveFrom: boolean; inclusiveTo: boolean; onlyDate: boolean },
   ): boolean;
   function addToDate(date: Date | number | string, options: DateOptions): Date;
   function subtractFromDate(
     date: Date | number | string,
-    options: DateOptions
+    options: DateOptions,
   ): Date;
   function adjustDate(
     date: Date | number | string,
     options: DateOptions,
-    utc?: boolean
+    utc?: boolean,
   ): Date;
   function startOfDate(
     date: Date | number | string,
     option: DateUnitOptions,
-    utc?: boolean
+    utc?: boolean,
   ): Date;
   function endOfDate(
     date: Date | number | string,
     option: DateUnitOptions,
-    utc?: boolean
+    utc?: boolean,
   ): Date;
   function getMaxDate(
     date: Date | number | string,
@@ -81,21 +81,21 @@ export namespace date {
   function getDateDiff(
     date: Date | number | string,
     subtract: Date | number | string,
-    unit?: `${DateUnitOptions}s`
+    unit?: `${DateUnitOptions}s`,
   ): number;
   function getDayOfYear(date: Date | number | string): number;
   function inferDateFormat(
-    date: Date | number | string
+    date: Date | number | string,
   ): "date" | "number" | "string";
   function getDateBetween(
     date: Date | number | string,
     min?: Date | number | string,
-    max?: Date | number | string
+    max?: Date | number | string,
   ): Date;
   function isSameDate(
     date: Date | number | string,
     date2: Date | number | string,
-    unit?: DateUnitOptions
+    unit?: DateUnitOptions,
   ): boolean;
   function daysInMonth(date: Date | number | string): number;
   function formatDate(
@@ -103,7 +103,7 @@ export namespace date {
     format?: string,
     locale?: DateLocale,
     __forcedYear?: number,
-    __forcedTimezoneOffset?: number
+    __forcedTimezoneOffset?: number,
   ): string;
   function clone<D extends Date | number | string>(date: D): D;
 }

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

@@ -13,7 +13,7 @@ export namespace dom {
   function css(el: Element, css: VueStyleObjectProp): void;
   function cssBatch(
     elements: readonly Element[],
-    css: VueStyleObjectProp
+    css: VueStyleObjectProp,
   ): void;
   function ready<F extends (...args: any[]) => any>(fn: F): ReturnType<F>;
 }