quasar 2.10.1 → 2.10.2

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

@@ -0,0 +1,101 @@
+// Error on "quasar" import shown in IDE is normal, as we only have Components/Directives/Plugins types after the build step
+// The import will work correctly at runtime
+import { QInputProps, QOptionGroupProps } from "quasar";
+
+// Taken from https://www.typescriptlang.org/docs/handbook/release-notes/typescript-2-8.html#distributive-conditional-types
+type NonFunctionPropertyNames<T> = {
+  [K in keyof T]: T[K] extends Function ? never : K;
+}[keyof T];
+type NonFunctionProperties<T> = Pick<T, NonFunctionPropertyNames<T>>;
+
+// https://html.spec.whatwg.org/multipage/input.html#attr-input-type
+type InputType =
+  | "button"
+  | "checkbox"
+  | "color"
+  | "date"
+  | "datetime-local"
+  | "email"
+  | "file"
+  | "hidden"
+  | "image"
+  | "month"
+  | "number"
+  | "password"
+  | "radio"
+  | "range"
+  | "reset"
+  | "search"
+  | "submit"
+  | "tel"
+  | "text"
+  | "time"
+  | "url"
+  | "week";
+type DatalessInputType = Extract<InputType, "submit" | "reset">;
+
+type PromptInputType = "textarea" | Exclude<InputType, DatalessInputType>;
+
+export type QDialogInputPrompt<T = string> = {
+  /**
+   * The initial value of the input
+   */
+  model: T;
+  /**
+   * Optional property to determine the input field type
+   *
+   * @defaultValue "text"
+   */
+  type?: PromptInputType;
+
+  /**
+   * Is typed content valid?
+   *
+   * @param val The value of the input
+   * @returns The text passed validation or not
+   */
+  isValid?: (value: T) => boolean;
+} & Partial<Omit<QInputProps, "modelValue" | "onUpdate:modelValue" | "type">> &
+  Partial<NonFunctionProperties<HTMLInputElement>>;
+
+type SelectionPromptType = NonNullable<QOptionGroupProps["type"]>
+export type QDialogSelectionPrompt<
+  // As this gets used as is in generated types, we must define default values for generic params.
+  // Example: `options?: QDialogSelectionPrompt;` <- notice the missing type params.
+  // We can't use "radio" as the default either, because that would make it the only value.
+  TType extends SelectionPromptType = SelectionPromptType,
+  TModel = TType extends "radio" ? string : readonly any[]
+> = {
+  /**
+   * The value of the selection
+   * If the `type` is "radio"(default), the value is a string, otherwise it's an array
+   */
+  model: TModel;
+
+  /**
+   * The type of the selection
+   *
+   * @defaultValue "radio"
+   */
+  type?: TType;
+
+  /**
+   * The list of options to interact with
+   * Equivalent to `options` prop of the `QOptionGroup` component
+   */
+  items?: QOptionGroupProps["options"];
+
+  /**
+   * Is the model valid?
+   *
+   * @param model The current model (If the `type` is "radio"(default), the value is a string, otherwise it's an array)
+   * @returns The selection passed validation or not
+   */
+  isValid?: (value: TModel) => boolean;
+} & Partial<
+  Omit<
+    QOptionGroupProps,
+    "modelValue" | "onUpdate:modelValue" | "type" | "options"
+  >
+> &
+  Partial<NonFunctionProperties<HTMLElement>>;

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

@@ -0,0 +1,3 @@
+import { QMenu, QDialog } from "quasar";
+
+export type QPopupProxyInnerComponent = QMenu | QDialog;

package/dist/types/api.d.ts

@@ -1,11 +1,13 @@
 export * from "./api/vue-prop-types";
 export * from "./api/cookies";
+export * from "./api/dialog";
 export * from "./api/qfile";
 export * from "./api/qselect";
 export * from "./api/qtable";
 export * from "./api/qtree";
 export * from "./api/quploader";
 export * from "./api/qnotify";
+export * from "./api/qpopupproxy";
 export * from "./api/qeditor";
 export * from "./api/qloading";
 export * from "./api/touchswipe";

package/dist/types/index.d.ts

@@ -6991,6 +6991,19 @@ export interface QPopupProxy extends ComponentPublicInstance<QPopupProxyProps> {
    * @param evt JS event object
    */
   toggle: (evt?: Event) => void;
+  /**
+   * Access current underlying component (QMenu or QDialog)
+   */
+  readonly currentComponent: {
+    /**
+     * Component type
+     */
+    type?: "dialog" | "menu";
+    /**
+     * The actual component (QMenu or QDialog); Access it directly, without '.value'
+     */
+    ref?: QPopupProxyInnerComponent;
+  };
 }
 
 export interface QPullToRefreshProps {
@@ -13264,6 +13277,8 @@ export interface DialogChainObject {
 }
 
 import { CookiesGetMethodType } from "./api";
+import { QDialogInputPrompt } from "./api";
+import { QDialogSelectionPrompt } from "./api";
 export interface QDialogOptions {
   /**
    * CSS Class name to apply to the Dialog's QCard
@@ -13293,63 +13308,11 @@ export interface QDialogOptions {
   /**
    * An object definition of the input field for the prompting question.
    */
-  prompt?: {
-    /**
-     * The initial value of the input
-     */
-    model: string;
-    /**
-     * Optional property to determine the input field type
-     * Default value: text
-     */
-    type?: string;
-    /**
-     * Is typed content valid?
-     * @param val The value of the input
-     * @returns The text passed validation or not
-     */
-    isValid?: (val: string) => boolean;
-    /**
-     * Any QInput props, like color, label, stackLabel, filled, outlined, rounded, prefix etc
-     */
-    [QInputProps: string]: any;
-    /**
-     * Any native attributes to pass to the prompt control
-     */
-    [nativeAttributes: string]: any;
-  };
+  prompt?: QDialogInputPrompt;
   /**
    * An object definition for creating the selection form content
    */
-  options?: {
-    /**
-     * The value of the selection (String if it's of type radio or Array otherwise)
-     */
-    model: string | readonly any[];
-    /**
-     * The type of selection
-     * Default value: radio
-     */
-    type?: "radio" | "checkbox" | "toggle";
-    /**
-     * The list of options to interact with; Equivalent to options prop of the QOptionsGroup component
-     */
-    items?: readonly any[];
-    /**
-     * Is the model valid?
-     * @param model The current model (String if it's of type radio or Array otherwise)
-     * @returns The selection passed validation or not
-     */
-    isValid?: (model: string | readonly any[]) => boolean;
-    /**
-     * Any QOptionGroup props
-     */
-    [QOptionGroupProps: string]: any;
-    /**
-     * Any native attributes to pass to the inner QOptionGroup
-     */
-    [nativeAttributes: string]: any;
-  };
+  options?: QDialogSelectionPrompt;
   /**
    * Display a Quasar spinner (if value is true, then the defaults are used); Useful for conveying the idea that something is happening behind the covers; Tip: use along with persistent, ok: false and update() method
    */
@@ -13713,6 +13676,7 @@ import { VueStyleObjectProp } from "./api";
 import { QEditorCaret } from "./api";
 import { ValidationRule } from "./api";
 import { QRejectedEntry } from "./api";
+import { QPopupProxyInnerComponent } from "./api";
 import { SliderMarkerLabels } from "./api";
 import { SliderMarkerLabelConfig } from "./api";
 import { SliderMarkerLabelArrayConfig } from "./api";

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

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

package/icon-set/mdi-v7.js

@@ -0,0 +1,146 @@
+/**
+ * DO NOT EDIT THIS FILE. It is automatically generated
+ * from its .mjs counterpart (same filename but with .mjs extension).
+ * Edit that file instead (mdi-v7.mjs).
+ */
+module.exports = {
+  name: 'mdi-v7',
+  type: {
+    positive: 'mdi-check-circle',
+    negative: 'mdi-alert',
+    info: 'mdi-information',
+    warning: 'mdi-exclamation'
+  },
+  arrow: {
+    up: 'mdi-arrow-up',
+    right: 'mdi-arrow-right',
+    down: 'mdi-arrow-down',
+    left: 'mdi-arrow-left',
+    dropdown: 'mdi-menu-down'
+  },
+  chevron: {
+    left: 'mdi-chevron-left',
+    right: 'mdi-chevron-right'
+  },
+  colorPicker: {
+    spectrum: 'mdi-gradient-vertical',
+    tune: 'mdi-tune',
+    palette: 'mdi-palette-swatch'
+  },
+  pullToRefresh: {
+    icon: 'mdi-refresh'
+  },
+  carousel: {
+    left: 'mdi-chevron-left',
+    right: 'mdi-chevron-right',
+    up: 'mdi-chevron-up',
+    down: 'mdi-chevron-down',
+    navigationIcon: 'mdi-circle'
+  },
+  chip: {
+    remove: 'mdi-close-circle',
+    selected: 'mdi-check'
+  },
+  datetime: {
+    arrowLeft: 'mdi-chevron-left',
+    arrowRight: 'mdi-chevron-right',
+    now: 'mdi-clock-outline',
+    today: 'mdi-calendar-today'
+  },
+  editor: {
+    bold: 'mdi-format-bold',
+    italic: 'mdi-format-italic',
+    strikethrough: 'mdi-format-strikethrough-variant',
+    underline: 'mdi-format-underline',
+    unorderedList: 'mdi-format-list-bulleted',
+    orderedList: 'mdi-format-list-numbered',
+    subscript: 'mdi-format-subscript',
+    superscript: 'mdi-format-superscript',
+    hyperlink: 'mdi-link',
+    toggleFullscreen: 'mdi-fullscreen',
+    quote: 'mdi-format-quote-close',
+    left: 'mdi-format-align-left',
+    center: 'mdi-format-align-center',
+    right: 'mdi-format-align-right',
+    justify: 'mdi-format-align-justify',
+    print: 'mdi-printer',
+    outdent: 'mdi-format-indent-decrease',
+    indent: 'mdi-format-indent-increase',
+    removeFormat: 'mdi-format-clear',
+    formatting: 'mdi-format-color-text',
+    fontSize: 'mdi-format-size',
+    align: 'mdi-format-align-left',
+    hr: 'mdi-minus',
+    undo: 'mdi-undo',
+    redo: 'mdi-redo',
+    heading: 'mdi-format-size',
+    heading1: 'mdi-format-header-1',
+    heading2: 'mdi-format-header-2',
+    heading3: 'mdi-format-header-3',
+    heading4: 'mdi-format-header-4',
+    heading5: 'mdi-format-header-5',
+    heading6: 'mdi-format-header-6',
+    code: 'mdi-code-tags',
+    size: 'mdi-format-size',
+    size1: 'mdi-numeric-1-box',
+    size2: 'mdi-numeric-2-box',
+    size3: 'mdi-numeric-3-box',
+    size4: 'mdi-numeric-4-box',
+    size5: 'mdi-numeric-5-box',
+    size6: 'mdi-numeric-6-box',
+    size7: 'mdi-numeric-7-box',
+    font: 'mdi-format-font',
+    viewSource: 'mdi-code-tags'
+  },
+  expansionItem: {
+    icon: 'mdi-chevron-down',
+    denseIcon: 'mdi-menu-down'
+  },
+  fab: {
+    icon: 'mdi-plus',
+    activeIcon: 'mdi-close'
+  },
+  field: {
+    clear: 'mdi-close-circle',
+    error: 'mdi-alert-circle'
+  },
+  pagination: {
+    first: 'mdi-chevron-double-left',
+    prev: 'mdi-chevron-left',
+    next: 'mdi-chevron-right',
+    last: 'mdi-chevron-double-right'
+  },
+  rating: {
+    icon: 'mdi-star'
+  },
+  stepper: {
+    done: 'mdi-check',
+    active: 'mdi-pencil',
+    error: 'mdi-alert'
+  },
+  tabs: {
+    left: 'mdi-chevron-left',
+    right: 'mdi-chevron-right',
+    up: 'mdi-chevron-up',
+    down: 'mdi-chevron-down'
+  },
+  table: {
+    arrowUp: 'mdi-arrow-up',
+    warning: 'mdi-alert',
+    firstPage: 'mdi-chevron-double-left',
+    prevPage: 'mdi-chevron-left',
+    nextPage: 'mdi-chevron-right',
+    lastPage: 'mdi-chevron-double-right'
+  },
+  tree: {
+    icon: 'mdi-play'
+  },
+  uploader: {
+    done: 'mdi-check',
+    clear: 'mdi-close',
+    add: 'mdi-plus-box',
+    upload: 'mdi-cloud-upload',
+    removeQueue: 'mdi-notification-clear-all',
+    removeUploaded: 'mdi-check-all'
+  }
+}

package/icon-set/mdi-v7.mjs

@@ -0,0 +1,141 @@
+export default {
+  name: 'mdi-v7',
+  type: {
+    positive: 'mdi-check-circle',
+    negative: 'mdi-alert',
+    info: 'mdi-information',
+    warning: 'mdi-exclamation'
+  },
+  arrow: {
+    up: 'mdi-arrow-up',
+    right: 'mdi-arrow-right',
+    down: 'mdi-arrow-down',
+    left: 'mdi-arrow-left',
+    dropdown: 'mdi-menu-down'
+  },
+  chevron: {
+    left: 'mdi-chevron-left',
+    right: 'mdi-chevron-right'
+  },
+  colorPicker: {
+    spectrum: 'mdi-gradient-vertical',
+    tune: 'mdi-tune',
+    palette: 'mdi-palette-swatch'
+  },
+  pullToRefresh: {
+    icon: 'mdi-refresh'
+  },
+  carousel: {
+    left: 'mdi-chevron-left',
+    right: 'mdi-chevron-right',
+    up: 'mdi-chevron-up',
+    down: 'mdi-chevron-down',
+    navigationIcon: 'mdi-circle'
+  },
+  chip: {
+    remove: 'mdi-close-circle',
+    selected: 'mdi-check'
+  },
+  datetime: {
+    arrowLeft: 'mdi-chevron-left',
+    arrowRight: 'mdi-chevron-right',
+    now: 'mdi-clock-outline',
+    today: 'mdi-calendar-today'
+  },
+  editor: {
+    bold: 'mdi-format-bold',
+    italic: 'mdi-format-italic',
+    strikethrough: 'mdi-format-strikethrough-variant',
+    underline: 'mdi-format-underline',
+    unorderedList: 'mdi-format-list-bulleted',
+    orderedList: 'mdi-format-list-numbered',
+    subscript: 'mdi-format-subscript',
+    superscript: 'mdi-format-superscript',
+    hyperlink: 'mdi-link',
+    toggleFullscreen: 'mdi-fullscreen',
+    quote: 'mdi-format-quote-close',
+    left: 'mdi-format-align-left',
+    center: 'mdi-format-align-center',
+    right: 'mdi-format-align-right',
+    justify: 'mdi-format-align-justify',
+    print: 'mdi-printer',
+    outdent: 'mdi-format-indent-decrease',
+    indent: 'mdi-format-indent-increase',
+    removeFormat: 'mdi-format-clear',
+    formatting: 'mdi-format-color-text',
+    fontSize: 'mdi-format-size',
+    align: 'mdi-format-align-left',
+    hr: 'mdi-minus',
+    undo: 'mdi-undo',
+    redo: 'mdi-redo',
+    heading: 'mdi-format-size',
+    heading1: 'mdi-format-header-1',
+    heading2: 'mdi-format-header-2',
+    heading3: 'mdi-format-header-3',
+    heading4: 'mdi-format-header-4',
+    heading5: 'mdi-format-header-5',
+    heading6: 'mdi-format-header-6',
+    code: 'mdi-code-tags',
+    size: 'mdi-format-size',
+    size1: 'mdi-numeric-1-box',
+    size2: 'mdi-numeric-2-box',
+    size3: 'mdi-numeric-3-box',
+    size4: 'mdi-numeric-4-box',
+    size5: 'mdi-numeric-5-box',
+    size6: 'mdi-numeric-6-box',
+    size7: 'mdi-numeric-7-box',
+    font: 'mdi-format-font',
+    viewSource: 'mdi-code-tags'
+  },
+  expansionItem: {
+    icon: 'mdi-chevron-down',
+    denseIcon: 'mdi-menu-down'
+  },
+  fab: {
+    icon: 'mdi-plus',
+    activeIcon: 'mdi-close'
+  },
+  field: {
+    clear: 'mdi-close-circle',
+    error: 'mdi-alert-circle'
+  },
+  pagination: {
+    first: 'mdi-chevron-double-left',
+    prev: 'mdi-chevron-left',
+    next: 'mdi-chevron-right',
+    last: 'mdi-chevron-double-right'
+  },
+  rating: {
+    icon: 'mdi-star'
+  },
+  stepper: {
+    done: 'mdi-check',
+    active: 'mdi-pencil',
+    error: 'mdi-alert'
+  },
+  tabs: {
+    left: 'mdi-chevron-left',
+    right: 'mdi-chevron-right',
+    up: 'mdi-chevron-up',
+    down: 'mdi-chevron-down'
+  },
+  table: {
+    arrowUp: 'mdi-arrow-up',
+    warning: 'mdi-alert',
+    firstPage: 'mdi-chevron-double-left',
+    prevPage: 'mdi-chevron-left',
+    nextPage: 'mdi-chevron-right',
+    lastPage: 'mdi-chevron-double-right'
+  },
+  tree: {
+    icon: 'mdi-play'
+  },
+  uploader: {
+    done: 'mdi-check',
+    clear: 'mdi-close',
+    add: 'mdi-plus-box',
+    upload: 'mdi-cloud-upload',
+    removeQueue: 'mdi-notification-clear-all',
+    removeUploaded: 'mdi-check-all'
+  }
+}