quasar 2.6.6 → 2.7.2

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

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

package/dist/types/utils.d.ts

@@ -30,27 +30,37 @@ interface ExportFileOpts {
 
 // others utils
 export function copyToClipboard(text: string): Promise<void>;
+
 export function debounce<F extends (...args: any[]) => any>(
   fn: F,
   wait?: number,
   immediate?: boolean
 ): F & { cancel(): void };
+
+export function frameDebounce<F extends (...args: any[]) => any>(
+  fn: F,
+): F & { cancel(): void };
+
 export function exportFile(
   fileName: string,
   rawData: string | ArrayBuffer | ArrayBufferView | Blob,
   opts?: string | ExportFileOpts
 ): true | Error;
+
 export function extend<R>(deep: boolean, target: any, ...sources: any[]): R;
 export function extend<R>(target: object, ...sources: any[]): R;
+
 export function openURL<F extends (...args: any[]) => any>(
   url: string,
   reject?: F,
   windowFeatures?: Object
 ): void;
+
 export function throttle<F extends (...args: any[]) => any>(
   fn: F,
   limit: number
 ): F;
+
 export function uid(): string;
 
 interface MorphOptions {
@@ -82,6 +92,7 @@ interface MorphOptions {
 export function morph(options: MorphOptions): (abort?: boolean) => boolean;
 
 export function getCssVar(varName: string, element?: Element): string | null;
+
 export function setCssVar(
   varName: string,
   value: string,

package/dist/vetur/quasar-attributes.json

@@ -1319,6 +1319,10 @@
     "type": "boolean",
     "description": "Do not shake up the Dialog to catch user's attention"
   },
+  "q-dialog/allow-focus-outside": {
+    "type": "boolean",
+    "description": "Allow elements outside of the Dialog to be focusable; By default, for accessibility reasons, QDialog does not allow outer focus"
+  },
   "q-drawer/model-value": {
     "type": "boolean",
     "description": "Model of the component defining shown/hidden state; Either use this property (along with a listener for 'update:model-value' event) OR use v-model directive"

package/dist/vetur/quasar-tags.json

@@ -445,7 +445,8 @@
       "square",
       "no-refocus",
       "no-focus",
-      "no-shake"
+      "no-shake",
+      "allow-focus-outside"
     ],
     "description": ""
   },

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

@@ -2,7 +2,7 @@
   "$schema": "",
   "framework": "vue",
   "name": "quasar",
-  "version": "2.6.6",
+  "version": "2.7.2",
   "contributions": {
     "html": {
       "types-syntax": "typescript",
@@ -4007,6 +4007,16 @@
               "description": "Do not shake up the Dialog to catch user's attention",
               "doc-url": "https://v2.quasar.dev/vue-components/dialog",
               "type": "boolean"
+            },
+            {
+              "name": "allow-focus-outside",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "description": "Allow elements outside of the Dialog to be focusable; By default, for accessibility reasons, QDialog does not allow outer focus",
+              "doc-url": "https://v2.quasar.dev/vue-components/dialog",
+              "type": "boolean"
             }
           ],
           "events": [
@@ -10296,7 +10306,7 @@
               "arguments": [
                 {
                   "name": "value",
-                  "type": "string",
+                  "type": "number",
                   "description": "New model value",
                   "doc-url": "https://v2.quasar.dev/vue-components/pagination"
                 }

package/icon-set/material-symbols-outlined.js

@@ -0,0 +1,133 @@
+/**
+ * DO NOT EDIT THIS FILE. It is automatically generated
+ * from its .mjs counterpart (same filename but with .mjs extension).
+ * Edit that file instead (material-symbols-outlined.mjs).
+ */
+module.exports = {
+  name: 'material-symbols-outlined',
+  type: {
+    positive: 'sym_o_check_circle',
+    negative: 'sym_o_warning',
+    info: 'sym_o_info',
+    warning: 'sym_o_priority_high'
+  },
+  arrow: {
+    up: 'sym_o_arrow_upward',
+    right: 'sym_o_arrow_forward',
+    down: 'sym_o_arrow_downward',
+    left: 'sym_o_arrow_back',
+    dropdown: 'sym_o_arrow_drop_down'
+  },
+  chevron: {
+    left: 'sym_o_chevron_left',
+    right: 'sym_o_chevron_right'
+  },
+  colorPicker: {
+    spectrum: 'sym_o_gradient',
+    tune: 'sym_o_tune',
+    palette: 'sym_o_style'
+  },
+  pullToRefresh: {
+    icon: 'sym_o_refresh'
+  },
+  carousel: {
+    left: 'sym_o_chevron_left',
+    right: 'sym_o_chevron_right',
+    up: 'sym_o_keyboard_arrow_up',
+    down: 'sym_o_keyboard_arrow_down',
+    navigationIcon: 'sym_o_lens'
+  },
+  chip: {
+    remove: 'sym_o_cancel',
+    selected: 'sym_o_check'
+  },
+  datetime: {
+    arrowLeft: 'sym_o_chevron_left',
+    arrowRight: 'sym_o_chevron_right',
+    now: 'sym_o_schedule',
+    today: 'sym_o_today'
+  },
+  editor: {
+    bold: 'sym_o_format_bold',
+    italic: 'sym_o_format_italic',
+    strikethrough: 'sym_o_strikethrough_s',
+    underline: 'sym_o_format_underlined',
+    unorderedList: 'sym_o_format_list_bulleted',
+    orderedList: 'sym_o_format_list_numbered',
+    subscript: 'sym_o_vertical_align_bottom',
+    superscript: 'sym_o_vertical_align_top',
+    hyperlink: 'sym_o_link',
+    toggleFullscreen: 'sym_o_fullscreen',
+    quote: 'sym_o_format_quote',
+    left: 'sym_o_format_align_left',
+    center: 'sym_o_format_align_center',
+    right: 'sym_o_format_align_right',
+    justify: 'sym_o_format_align_justify',
+    print: 'sym_o_print',
+    outdent: 'sym_o_format_indent_decrease',
+    indent: 'sym_o_format_indent_increase',
+    removeFormat: 'sym_o_format_clear',
+    formatting: 'sym_o_text_format',
+    fontSize: 'sym_o_format_size',
+    align: 'sym_o_format_align_left',
+    hr: 'sym_o_remove',
+    undo: 'sym_o_undo',
+    redo: 'sym_o_redo',
+    heading: 'sym_o_format_size',
+    code: 'sym_o_code',
+    size: 'sym_o_format_size',
+    font: 'sym_o_font_download',
+    viewSource: 'sym_o_code'
+  },
+  expansionItem: {
+    icon: 'sym_o_keyboard_arrow_down',
+    denseIcon: 'sym_o_arrow_drop_down'
+  },
+  fab: {
+    icon: 'sym_o_add',
+    activeIcon: 'sym_o_close'
+  },
+  field: {
+    clear: 'sym_o_cancel',
+    error: 'sym_o_error'
+  },
+  pagination: {
+    first: 'sym_o_first_page',
+    prev: 'sym_o_keyboard_arrow_left',
+    next: 'sym_o_keyboard_arrow_right',
+    last: 'sym_o_last_page'
+  },
+  rating: {
+    icon: 'sym_o_grade'
+  },
+  stepper: {
+    done: 'sym_o_check',
+    active: 'sym_o_edit',
+    error: 'sym_o_warning'
+  },
+  tabs: {
+    left: 'sym_o_chevron_left',
+    right: 'sym_o_chevron_right',
+    up: 'sym_o_keyboard_arrow_up',
+    down: 'sym_o_keyboard_arrow_down'
+  },
+  table: {
+    arrowUp: 'sym_o_arrow_upward',
+    warning: 'sym_o_warning',
+    firstPage: 'sym_o_first_page',
+    prevPage: 'sym_o_chevron_left',
+    nextPage: 'sym_o_chevron_right',
+    lastPage: 'sym_o_last_page'
+  },
+  tree: {
+    icon: 'sym_o_play_arrow'
+  },
+  uploader: {
+    done: 'sym_o_done',
+    clear: 'sym_o_close',
+    add: 'sym_o_add_box',
+    upload: 'sym_o_cloud_upload',
+    removeQueue: 'sym_o_clear_all',
+    removeUploaded: 'sym_o_done_all'
+  }
+}

package/icon-set/material-symbols-outlined.mjs

@@ -0,0 +1,128 @@
+export default {
+  name: 'material-symbols-outlined',
+  type: {
+    positive: 'sym_o_check_circle',
+    negative: 'sym_o_warning',
+    info: 'sym_o_info',
+    warning: 'sym_o_priority_high'
+  },
+  arrow: {
+    up: 'sym_o_arrow_upward',
+    right: 'sym_o_arrow_forward',
+    down: 'sym_o_arrow_downward',
+    left: 'sym_o_arrow_back',
+    dropdown: 'sym_o_arrow_drop_down'
+  },
+  chevron: {
+    left: 'sym_o_chevron_left',
+    right: 'sym_o_chevron_right'
+  },
+  colorPicker: {
+    spectrum: 'sym_o_gradient',
+    tune: 'sym_o_tune',
+    palette: 'sym_o_style'
+  },
+  pullToRefresh: {
+    icon: 'sym_o_refresh'
+  },
+  carousel: {
+    left: 'sym_o_chevron_left',
+    right: 'sym_o_chevron_right',
+    up: 'sym_o_keyboard_arrow_up',
+    down: 'sym_o_keyboard_arrow_down',
+    navigationIcon: 'sym_o_lens'
+  },
+  chip: {
+    remove: 'sym_o_cancel',
+    selected: 'sym_o_check'
+  },
+  datetime: {
+    arrowLeft: 'sym_o_chevron_left',
+    arrowRight: 'sym_o_chevron_right',
+    now: 'sym_o_schedule',
+    today: 'sym_o_today'
+  },
+  editor: {
+    bold: 'sym_o_format_bold',
+    italic: 'sym_o_format_italic',
+    strikethrough: 'sym_o_strikethrough_s',
+    underline: 'sym_o_format_underlined',
+    unorderedList: 'sym_o_format_list_bulleted',
+    orderedList: 'sym_o_format_list_numbered',
+    subscript: 'sym_o_vertical_align_bottom',
+    superscript: 'sym_o_vertical_align_top',
+    hyperlink: 'sym_o_link',
+    toggleFullscreen: 'sym_o_fullscreen',
+    quote: 'sym_o_format_quote',
+    left: 'sym_o_format_align_left',
+    center: 'sym_o_format_align_center',
+    right: 'sym_o_format_align_right',
+    justify: 'sym_o_format_align_justify',
+    print: 'sym_o_print',
+    outdent: 'sym_o_format_indent_decrease',
+    indent: 'sym_o_format_indent_increase',
+    removeFormat: 'sym_o_format_clear',
+    formatting: 'sym_o_text_format',
+    fontSize: 'sym_o_format_size',
+    align: 'sym_o_format_align_left',
+    hr: 'sym_o_remove',
+    undo: 'sym_o_undo',
+    redo: 'sym_o_redo',
+    heading: 'sym_o_format_size',
+    code: 'sym_o_code',
+    size: 'sym_o_format_size',
+    font: 'sym_o_font_download',
+    viewSource: 'sym_o_code'
+  },
+  expansionItem: {
+    icon: 'sym_o_keyboard_arrow_down',
+    denseIcon: 'sym_o_arrow_drop_down'
+  },
+  fab: {
+    icon: 'sym_o_add',
+    activeIcon: 'sym_o_close'
+  },
+  field: {
+    clear: 'sym_o_cancel',
+    error: 'sym_o_error'
+  },
+  pagination: {
+    first: 'sym_o_first_page',
+    prev: 'sym_o_keyboard_arrow_left',
+    next: 'sym_o_keyboard_arrow_right',
+    last: 'sym_o_last_page'
+  },
+  rating: {
+    icon: 'sym_o_grade'
+  },
+  stepper: {
+    done: 'sym_o_check',
+    active: 'sym_o_edit',
+    error: 'sym_o_warning'
+  },
+  tabs: {
+    left: 'sym_o_chevron_left',
+    right: 'sym_o_chevron_right',
+    up: 'sym_o_keyboard_arrow_up',
+    down: 'sym_o_keyboard_arrow_down'
+  },
+  table: {
+    arrowUp: 'sym_o_arrow_upward',
+    warning: 'sym_o_warning',
+    firstPage: 'sym_o_first_page',
+    prevPage: 'sym_o_chevron_left',
+    nextPage: 'sym_o_chevron_right',
+    lastPage: 'sym_o_last_page'
+  },
+  tree: {
+    icon: 'sym_o_play_arrow'
+  },
+  uploader: {
+    done: 'sym_o_done',
+    clear: 'sym_o_close',
+    add: 'sym_o_add_box',
+    upload: 'sym_o_cloud_upload',
+    removeQueue: 'sym_o_clear_all',
+    removeUploaded: 'sym_o_done_all'
+  }
+}

package/icon-set/material-symbols-rounded.js

@@ -0,0 +1,133 @@
+/**
+ * DO NOT EDIT THIS FILE. It is automatically generated
+ * from its .mjs counterpart (same filename but with .mjs extension).
+ * Edit that file instead (material-symbols-rounded.mjs).
+ */
+module.exports = {
+  name: 'material-symbols-rounded',
+  type: {
+    positive: 'sym_r_check_circle',
+    negative: 'sym_r_warning',
+    info: 'sym_r_info',
+    warning: 'sym_r_priority_high'
+  },
+  arrow: {
+    up: 'sym_r_arrow_upward',
+    right: 'sym_r_arrow_forward',
+    down: 'sym_r_arrow_downward',
+    left: 'sym_r_arrow_back',
+    dropdown: 'sym_r_arrow_drop_down'
+  },
+  chevron: {
+    left: 'sym_r_chevron_left',
+    right: 'sym_r_chevron_right'
+  },
+  colorPicker: {
+    spectrum: 'sym_r_gradient',
+    tune: 'sym_r_tune',
+    palette: 'sym_r_style'
+  },
+  pullToRefresh: {
+    icon: 'sym_r_refresh'
+  },
+  carousel: {
+    left: 'sym_r_chevron_left',
+    right: 'sym_r_chevron_right',
+    up: 'sym_r_keyboard_arrow_up',
+    down: 'sym_r_keyboard_arrow_down',
+    navigationIcon: 'sym_r_lens'
+  },
+  chip: {
+    remove: 'sym_r_cancel',
+    selected: 'sym_r_check'
+  },
+  datetime: {
+    arrowLeft: 'sym_r_chevron_left',
+    arrowRight: 'sym_r_chevron_right',
+    now: 'sym_r_schedule',
+    today: 'sym_r_today'
+  },
+  editor: {
+    bold: 'sym_r_format_bold',
+    italic: 'sym_r_format_italic',
+    strikethrough: 'sym_r_strikethrough_s',
+    underline: 'sym_r_format_underlined',
+    unorderedList: 'sym_r_format_list_bulleted',
+    orderedList: 'sym_r_format_list_numbered',
+    subscript: 'sym_r_vertical_align_bottom',
+    superscript: 'sym_r_vertical_align_top',
+    hyperlink: 'sym_r_link',
+    toggleFullscreen: 'sym_r_fullscreen',
+    quote: 'sym_r_format_quote',
+    left: 'sym_r_format_align_left',
+    center: 'sym_r_format_align_center',
+    right: 'sym_r_format_align_right',
+    justify: 'sym_r_format_align_justify',
+    print: 'sym_r_print',
+    outdent: 'sym_r_format_indent_decrease',
+    indent: 'sym_r_format_indent_increase',
+    removeFormat: 'sym_r_format_clear',
+    formatting: 'sym_r_text_format',
+    fontSize: 'sym_r_format_size',
+    align: 'sym_r_format_align_left',
+    hr: 'sym_r_remove',
+    undo: 'sym_r_undo',
+    redo: 'sym_r_redo',
+    heading: 'sym_r_format_size',
+    code: 'sym_r_code',
+    size: 'sym_r_format_size',
+    font: 'sym_r_font_download',
+    viewSource: 'sym_r_code'
+  },
+  expansionItem: {
+    icon: 'sym_r_keyboard_arrow_down',
+    denseIcon: 'sym_r_arrow_drop_down'
+  },
+  fab: {
+    icon: 'sym_r_add',
+    activeIcon: 'sym_r_close'
+  },
+  field: {
+    clear: 'sym_r_cancel',
+    error: 'sym_r_error'
+  },
+  pagination: {
+    first: 'sym_r_first_page',
+    prev: 'sym_r_keyboard_arrow_left',
+    next: 'sym_r_keyboard_arrow_right',
+    last: 'sym_r_last_page'
+  },
+  rating: {
+    icon: 'sym_r_grade'
+  },
+  stepper: {
+    done: 'sym_r_check',
+    active: 'sym_r_edit',
+    error: 'sym_r_warning'
+  },
+  tabs: {
+    left: 'sym_r_chevron_left',
+    right: 'sym_r_chevron_right',
+    up: 'sym_r_keyboard_arrow_up',
+    down: 'sym_r_keyboard_arrow_down'
+  },
+  table: {
+    arrowUp: 'sym_r_arrow_upward',
+    warning: 'sym_r_warning',
+    firstPage: 'sym_r_first_page',
+    prevPage: 'sym_r_chevron_left',
+    nextPage: 'sym_r_chevron_right',
+    lastPage: 'sym_r_last_page'
+  },
+  tree: {
+    icon: 'sym_r_play_arrow'
+  },
+  uploader: {
+    done: 'sym_r_done',
+    clear: 'sym_r_close',
+    add: 'sym_r_add_box',
+    upload: 'sym_r_cloud_upload',
+    removeQueue: 'sym_r_clear_all',
+    removeUploaded: 'sym_r_done_all'
+  }
+}

package/icon-set/material-symbols-rounded.mjs

@@ -0,0 +1,128 @@
+export default {
+  name: 'material-symbols-rounded',
+  type: {
+    positive: 'sym_r_check_circle',
+    negative: 'sym_r_warning',
+    info: 'sym_r_info',
+    warning: 'sym_r_priority_high'
+  },
+  arrow: {
+    up: 'sym_r_arrow_upward',
+    right: 'sym_r_arrow_forward',
+    down: 'sym_r_arrow_downward',
+    left: 'sym_r_arrow_back',
+    dropdown: 'sym_r_arrow_drop_down'
+  },
+  chevron: {
+    left: 'sym_r_chevron_left',
+    right: 'sym_r_chevron_right'
+  },
+  colorPicker: {
+    spectrum: 'sym_r_gradient',
+    tune: 'sym_r_tune',
+    palette: 'sym_r_style'
+  },
+  pullToRefresh: {
+    icon: 'sym_r_refresh'
+  },
+  carousel: {
+    left: 'sym_r_chevron_left',
+    right: 'sym_r_chevron_right',
+    up: 'sym_r_keyboard_arrow_up',
+    down: 'sym_r_keyboard_arrow_down',
+    navigationIcon: 'sym_r_lens'
+  },
+  chip: {
+    remove: 'sym_r_cancel',
+    selected: 'sym_r_check'
+  },
+  datetime: {
+    arrowLeft: 'sym_r_chevron_left',
+    arrowRight: 'sym_r_chevron_right',
+    now: 'sym_r_schedule',
+    today: 'sym_r_today'
+  },
+  editor: {
+    bold: 'sym_r_format_bold',
+    italic: 'sym_r_format_italic',
+    strikethrough: 'sym_r_strikethrough_s',
+    underline: 'sym_r_format_underlined',
+    unorderedList: 'sym_r_format_list_bulleted',
+    orderedList: 'sym_r_format_list_numbered',
+    subscript: 'sym_r_vertical_align_bottom',
+    superscript: 'sym_r_vertical_align_top',
+    hyperlink: 'sym_r_link',
+    toggleFullscreen: 'sym_r_fullscreen',
+    quote: 'sym_r_format_quote',
+    left: 'sym_r_format_align_left',
+    center: 'sym_r_format_align_center',
+    right: 'sym_r_format_align_right',
+    justify: 'sym_r_format_align_justify',
+    print: 'sym_r_print',
+    outdent: 'sym_r_format_indent_decrease',
+    indent: 'sym_r_format_indent_increase',
+    removeFormat: 'sym_r_format_clear',
+    formatting: 'sym_r_text_format',
+    fontSize: 'sym_r_format_size',
+    align: 'sym_r_format_align_left',
+    hr: 'sym_r_remove',
+    undo: 'sym_r_undo',
+    redo: 'sym_r_redo',
+    heading: 'sym_r_format_size',
+    code: 'sym_r_code',
+    size: 'sym_r_format_size',
+    font: 'sym_r_font_download',
+    viewSource: 'sym_r_code'
+  },
+  expansionItem: {
+    icon: 'sym_r_keyboard_arrow_down',
+    denseIcon: 'sym_r_arrow_drop_down'
+  },
+  fab: {
+    icon: 'sym_r_add',
+    activeIcon: 'sym_r_close'
+  },
+  field: {
+    clear: 'sym_r_cancel',
+    error: 'sym_r_error'
+  },
+  pagination: {
+    first: 'sym_r_first_page',
+    prev: 'sym_r_keyboard_arrow_left',
+    next: 'sym_r_keyboard_arrow_right',
+    last: 'sym_r_last_page'
+  },
+  rating: {
+    icon: 'sym_r_grade'
+  },
+  stepper: {
+    done: 'sym_r_check',
+    active: 'sym_r_edit',
+    error: 'sym_r_warning'
+  },
+  tabs: {
+    left: 'sym_r_chevron_left',
+    right: 'sym_r_chevron_right',
+    up: 'sym_r_keyboard_arrow_up',
+    down: 'sym_r_keyboard_arrow_down'
+  },
+  table: {
+    arrowUp: 'sym_r_arrow_upward',
+    warning: 'sym_r_warning',
+    firstPage: 'sym_r_first_page',
+    prevPage: 'sym_r_chevron_left',
+    nextPage: 'sym_r_chevron_right',
+    lastPage: 'sym_r_last_page'
+  },
+  tree: {
+    icon: 'sym_r_play_arrow'
+  },
+  uploader: {
+    done: 'sym_r_done',
+    clear: 'sym_r_close',
+    add: 'sym_r_add_box',
+    upload: 'sym_r_cloud_upload',
+    removeQueue: 'sym_r_clear_all',
+    removeUploaded: 'sym_r_done_all'
+  }
+}