quasar 2.14.4 → 2.14.6

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
@@ -1139,7 +1139,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 +1982,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 +2163,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 +2373,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 +2929,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 +3740,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 +3878,7 @@ export interface QDate extends ComponentPublicInstance<QDateProps> {
        * The day of month
        */
       day?: number;
-    }
+    },
   ) => void;
 }
 
@@ -4096,7 +4096,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 +5835,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 +6536,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 +7029,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 +8630,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 +8641,7 @@ export interface QScrollArea extends ComponentPublicInstance<QScrollAreaProps> {
   setScrollPercentage: (
     axis: "vertical" | "horizontal",
     offset: number,
-    duration?: number
+    duration?: number,
   ) => void;
 }
 
@@ -9183,7 +9187,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 +9198,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 +9363,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 +10634,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 +10775,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 +11084,7 @@ export interface QTableProps {
     | ((
         firstRowIndex: number,
         endRowIndex: number,
-        totalRowsNumber: number
+        totalRowsNumber: number,
       ) => string)
     | undefined;
   /**
@@ -11137,7 +11141,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 +11203,7 @@ export interface QTableProps {
     | ((
         rows: readonly any[],
         sortBy: string,
-        descending: boolean
+        descending: boolean,
       ) => readonly any[])
     | undefined;
   /**
@@ -12293,7 +12297,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 +12324,7 @@ export interface QTable extends ComponentPublicInstance<QTableProps> {
        */
       rowsPerPage?: number;
     },
-    forceServerRequest?: boolean
+    forceServerRequest?: boolean,
   ) => void;
   /**
    * Navigates to first page
@@ -12381,7 +12385,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 +12556,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 +12819,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 +12881,7 @@ export interface QTimeProps {
        * Did the model change?
        */
       changed: boolean;
-    }
+    },
   ) => void;
 }
 
@@ -13226,6 +13230,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 +13931,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 +14163,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 +14699,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 +14720,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;
@@ -15645,6 +15653,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>;
 }

package/dist/types/utils/run-sequential-promises.d.ts

@@ -1,6 +1,6 @@
 export interface RunSequentialPromisesFulfilledResult<
   TKey extends number | string,
-  TValue
+  TValue,
 > {
   key: TKey;
   status: "fulfilled";
@@ -26,7 +26,7 @@ export interface RunSequentialPromisesFulfilledResult<
  */
 export interface RunSequentialPromisesRejectedResult<
   TKey extends number | string,
-  TValue
+  TValue,
 > {
   key: TKey;
   status: "rejected";
@@ -70,28 +70,28 @@ export interface RunSequentialPromisesOptions {
 // Array-style overrides
 export function runSequentialPromises<
   TValue = any,
-  TKey extends number = number
+  TKey extends number = number,
 >(
   promises: ((
-    resultAggregator: RunSequentialPromisesResult<TKey, TValue>[]
+    resultAggregator: RunSequentialPromisesResult<TKey, TValue>[],
   ) => Promise<TValue>)[],
   options: Omit<RunSequentialPromisesOptions, "abortOnFail"> & {
     abortOnFail: false;
-  }
+  },
 ): Promise<RunSequentialPromisesResult<TKey, TValue>[]>;
 export function runSequentialPromises<
   TValue = any,
-  TKey extends number = number
+  TKey extends number = number,
 >(
   promises: ((
-    resultAggregator: RunSequentialPromisesFulfilledResult<TKey, TValue>[]
+    resultAggregator: RunSequentialPromisesFulfilledResult<TKey, TValue>[],
   ) => Promise<TValue>)[],
-  options?: RunSequentialPromisesOptions
+  options?: RunSequentialPromisesOptions,
 ): Promise<RunSequentialPromisesFulfilledResult<TKey, TValue>[]>;
 // Object-style overrides
 export function runSequentialPromises<
   TValue = any,
-  TKey extends string = string
+  TKey extends string = string,
 >(
   promisesMap: {
     [key in TKey]: (resultAggregator: {
@@ -100,20 +100,20 @@ export function runSequentialPromises<
   },
   options?: Omit<RunSequentialPromisesOptions, "abortOnFail"> & {
     abortOnFail: false;
-  }
+  },
 ): Promise<{
   [key in TKey]: RunSequentialPromisesResult<TKey, TValue>;
 }>;
 export function runSequentialPromises<
   TValue = any,
-  TKey extends string = string
+  TKey extends string = string,
 >(
   promisesMap: {
     [key in TKey]: (resultAggregator: {
       [key in TKey]?: RunSequentialPromisesFulfilledResult<TKey, TValue>;
     }) => Promise<TValue>;
   },
-  options?: RunSequentialPromisesOptions
+  options?: RunSequentialPromisesOptions,
 ): Promise<{
   [key in TKey]: RunSequentialPromisesFulfilledResult<TKey, TValue>;
 }>;

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

@@ -7,7 +7,7 @@ export namespace scroll {
       | string
       | Element
       | Window
-      | Ref<ComponentPublicInstance | undefined>
+      | Ref<ComponentPublicInstance | undefined>,
   ): Element | Window;
 
   function getScrollHeight(el: Element | Window): number;
@@ -19,23 +19,23 @@ export namespace scroll {
   function animVerticalScrollTo(
     el: Element | Window,
     to: number,
-    duration: number
+    duration: number,
   ): void;
   function animHorizontalScrollTo(
     el: Element | Window,
     to: number,
-    duration: number
+    duration: number,
   ): void;
 
   function setVerticalScrollPosition(
     scrollTarget: Element | Window,
     offset: number,
-    duration?: number
+    duration?: number,
   ): void;
   function setHorizontalScrollPosition(
     scrollTarget: Element | Window,
     offset: number,
-    duration?: number
+    duration?: number,
   ): void;
 
   function getScrollbarWidth(): number;