quasar 2.11.9 → 2.12.0

package/dist/types/index.d.ts

@@ -3212,14 +3212,18 @@ export interface QDrawerProps {
    * Default value: 60
    */
   miniWidth?: number | undefined;
-  /**
-   * Notify the component that the background is a dark color
-   */
-  dark?: boolean | undefined;
   /**
    * Mini mode will expand as an overlay
    */
   miniToOverlay?: boolean | undefined;
+  /**
+   * Disables animation of the drawer when toggling mini mode
+   */
+  noMiniAnimation?: boolean | undefined;
+  /**
+   * Notify the component that the background is a dark color
+   */
+  dark?: boolean | undefined;
   /**
    * Breakpoint (in pixels) of layout width up to which mobile mode is used
    * Default value: 1023
@@ -5571,6 +5575,10 @@ export interface QIntersectionSlots {
    * Default slot in the devland unslotted content of the component
    */
   default: () => VNode[];
+  /**
+   * Slot for content to render when component is not on screen; Example: a text that the user can search for with the browser's search function
+   */
+  hidden: () => VNode[];
 }
 
 export interface QIntersection
@@ -14155,6 +14163,7 @@ declare module "./lang" {
     lt: true;
     lu: true;
     lv: true;
+    mk: true;
     ml: true;
     mm: true;
     ms: true;

package/dist/types/utils.d.ts

@@ -103,11 +103,27 @@ export function setCssVar(
   element?: Element
 ): void;
 
-export class EventBus {
-  on(event: string, callback: Function, ctx?: any): this;
-  once(event: string, callback: Function, ctx?: any): this;
-  emit(event: string, ...args: any[]): this;
-  off(event: string, callback?: Function): this;
+interface Callbacks {
+  [key: string]: (...args: any[]) => void;
+}
+
+export class EventBus<T extends Callbacks = Callbacks> {
+  on<K extends keyof T>(
+    event: K,
+    callback: T[K],
+    ...ctx: unknown extends ThisParameterType<T[K]>
+      ? []
+      : [ctx: ThisParameterType<T[K]>]
+  ): this;
+  once<K extends keyof T>(
+    event: K,
+    callback: T[K],
+    ...ctx: unknown extends ThisParameterType<T[K]>
+      ? []
+      : [ctx: ThisParameterType<T[K]>]
+  ): this;
+  emit<K extends keyof T>(event: K, ...args: Parameters<T[K]>): this;
+  off<K extends keyof T>(event: K, callback?: T[K]): this;
 }
 
 interface CreateMetaMixinContext extends ComponentPublicInstance {

package/dist/vetur/quasar-attributes.json

@@ -1379,14 +1379,18 @@
     "type": "number",
     "description": "Width of drawer (in pixels) when in mini mode"
   },
-  "q-drawer/dark": {
-    "type": "boolean",
-    "description": "Notify the component that the background is a dark color"
-  },
   "q-drawer/mini-to-overlay": {
     "type": "boolean",
     "description": "Mini mode will expand as an overlay"
   },
+  "q-drawer/no-mini-animation": {
+    "type": "boolean",
+    "description": "Disables animation of the drawer when toggling mini mode"
+  },
+  "q-drawer/dark": {
+    "type": "boolean",
+    "description": "Notify the component that the background is a dark color"
+  },
   "q-drawer/breakpoint": {
     "type": "number",
     "description": "Breakpoint (in pixels) of layout width up to which mobile mode is used"

package/dist/vetur/quasar-tags.json

@@ -466,8 +466,9 @@
       "width",
       "mini",
       "mini-width",
-      "dark",
       "mini-to-overlay",
+      "no-mini-animation",
+      "dark",
       "breakpoint",
       "behavior",
       "bordered",

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

@@ -2,7 +2,7 @@
   "$schema": "",
   "framework": "vue",
   "name": "quasar",
-  "version": "2.11.9",
+  "version": "2.12.0",
   "contributions": {
     "html": {
       "types-syntax": "typescript",
@@ -4291,22 +4291,32 @@
               "default": "60"
             },
             {
-              "name": "dark",
+              "name": "mini-to-overlay",
               "value": {
                 "kind": "expression",
                 "type": "boolean"
               },
-              "description": "Notify the component that the background is a dark color",
+              "description": "Mini mode will expand as an overlay",
               "doc-url": "https://v2.quasar.dev/layout/drawer",
               "type": "boolean"
             },
             {
-              "name": "mini-to-overlay",
+              "name": "no-mini-animation",
               "value": {
                 "kind": "expression",
                 "type": "boolean"
               },
-              "description": "Mini mode will expand as an overlay",
+              "description": "Disables animation of the drawer when toggling mini mode",
+              "doc-url": "https://v2.quasar.dev/layout/drawer",
+              "type": "boolean"
+            },
+            {
+              "name": "dark",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "description": "Notify the component that the background is a dark color",
               "doc-url": "https://v2.quasar.dev/layout/drawer",
               "type": "boolean"
             },
@@ -8544,6 +8554,11 @@
               "name": "default",
               "description": "Default slot in the devland unslotted content of the component",
               "doc-url": "https://v2.quasar.dev/vue-components/intersection"
+            },
+            {
+              "name": "hidden",
+              "description": "Slot for content to render when component is not on screen; Example: a text that the user can search for with the browser's search function",
+              "doc-url": "https://v2.quasar.dev/vue-components/intersection"
             }
           ],
           "description": "QIntersection - Quasar component",

package/lang/index.json

@@ -139,6 +139,10 @@
     "isoName": "lv",
     "nativeName": "Latviešu valoda"
   },
+  {
+    "isoName": "mk",
+    "nativeName": "Македонски"
+  },
   {
     "isoName": "ml",
     "nativeName": "മലയാളം"

package/lang/mk.js

@@ -0,0 +1,98 @@
+/**
+ * DO NOT EDIT THIS FILE. It is automatically generated
+ * from its .mjs counterpart (same filename but with .mjs extension).
+ * Edit that file instead (mk.mjs).
+ */
+module.exports = {
+  isoName: 'mk',
+  nativeName: 'Македонски',
+  label: {
+    clear: 'Испразни',
+    ok: 'ОК',
+    cancel: 'Откажи',
+    close: 'Затвори',
+    set: 'Постави',
+    select: 'Избери',
+    reset: 'Ресетирај',
+    remove: 'Отстрани',
+    update: 'Ажурирај',
+    create: 'Креирај',
+    search: 'Пребарувај',
+    filter: 'Филтрирај',
+    refresh: 'Освежи',
+    expand: label => (label ? `Прошири "${ label }"` : 'Прошири'),
+    collapse: label => (label ? `Собери на "${ label }"` : 'Собери')
+  },
+  date: {
+    days: 'Недела_Понеделник_Вторник_Среда_Четврток_Петок_Сабота'.split(''),
+    daysShort: 'Нед_Пон_Вто_Сре_Чет_Пет_Саб'.split(''),
+    months: 'Јануари_Февруари_Март_Април_Мај_Јуни_Јули_Август_Септември_Октомври_Ноември_Декември'.split(''),
+    monthsShort: 'Јан_Фев_Мар_Апр_Мај_Јун_Јул_Авг_Сеп_Окт_Ное_Дек'.split(''),
+    firstDayOfWeek: 0, // 0-6, 0 - Недела, 1 - Понеделник, ...
+    format24h: false,
+    pluralDay: 'денови'
+  },
+  table: {
+    noData: 'Нема достапни податоци',
+    noResults: 'Нема резултати за пребарување',
+    loading: 'Вчитување...',
+    selectedRecords: rows => (
+      rows === 1
+        ? 'Избран е 1 запис.'
+        : (rows === 0 ? 'Нема' : rows) + ' записи се избрани.'
+    ),
+    recordsPerPage: 'Записи по страница:',
+    allRows: 'Сите',
+    pagination: (start, end, total) => start + '-' + end + ' од ' + total,
+    columns: 'Колони'
+  },
+  editor: {
+    url: 'URL',
+    bold: 'Задебелено',
+    italic: 'Курзив',
+    strikethrough: 'Прецртано',
+    underline: 'Подвлечено',
+    unorderedList: 'Неподредена листа',
+    orderedList: 'Подредена листа',
+    subscript: 'Индекс',
+    superscript: 'Степен',
+    hyperlink: 'Хиперврска',
+    toggleFullscreen: 'Цел екран',
+    quote: 'Цитат',
+    left: 'Лева подредба',
+    center: 'Центрирана подредба',
+    right: 'Десна подредба',
+    justify: 'Равномерна подредба',
+    print: 'Печати',
+    outdent: 'Намали маргина',
+    indent: 'Зголеми маргина',
+    removeFormat: 'Отстрани форматирање',
+    formatting: 'Форматирање',
+    fontSize: 'Големина на фонт',
+    align: 'Подредба',
+    hr: 'Вметни хоризонтална линија',
+    undo: 'Поништи',
+    redo: 'Врати',
+    heading1: 'Наслов 1',
+    heading2: 'Наслов 2',
+    heading3: 'Наслов 3',
+    heading4: 'Наслов 4',
+    heading5: 'Наслов 5',
+    heading6: 'Наслов 6',
+    paragraph: 'Параграф',
+    code: 'Код',
+    size1: 'Многу мала',
+    size2: 'Малку помала',
+    size3: 'Нормална',
+    size4: 'Средно-голема',
+    size5: 'Голема',
+    size6: 'Многу голема',
+    size7: 'Максимална',
+    defaultFont: 'Стандарден фонт',
+    viewSource: 'Преглед на изворниот код'
+  },
+  tree: {
+    noNodes: 'Нема достапни јазли',
+    noResults: 'Нема пронајдено резултати'
+  }
+}

package/lang/mk.mjs

@@ -0,0 +1,93 @@
+export default {
+  isoName: 'mk',
+  nativeName: 'Македонски',
+  label: {
+    clear: 'Испразни',
+    ok: 'ОК',
+    cancel: 'Откажи',
+    close: 'Затвори',
+    set: 'Постави',
+    select: 'Избери',
+    reset: 'Ресетирај',
+    remove: 'Отстрани',
+    update: 'Ажурирај',
+    create: 'Креирај',
+    search: 'Пребарувај',
+    filter: 'Филтрирај',
+    refresh: 'Освежи',
+    expand: label => (label ? `Прошири "${ label }"` : 'Прошири'),
+    collapse: label => (label ? `Собери на "${ label }"` : 'Собери')
+  },
+  date: {
+    days: 'Недела_Понеделник_Вторник_Среда_Четврток_Петок_Сабота'.split(''),
+    daysShort: 'Нед_Пон_Вто_Сре_Чет_Пет_Саб'.split(''),
+    months: 'Јануари_Февруари_Март_Април_Мај_Јуни_Јули_Август_Септември_Октомври_Ноември_Декември'.split(''),
+    monthsShort: 'Јан_Фев_Мар_Апр_Мај_Јун_Јул_Авг_Сеп_Окт_Ное_Дек'.split(''),
+    firstDayOfWeek: 0, // 0-6, 0 - Недела, 1 - Понеделник, ...
+    format24h: false,
+    pluralDay: 'денови'
+  },
+  table: {
+    noData: 'Нема достапни податоци',
+    noResults: 'Нема резултати за пребарување',
+    loading: 'Вчитување...',
+    selectedRecords: rows => (
+      rows === 1
+        ? 'Избран е 1 запис.'
+        : (rows === 0 ? 'Нема' : rows) + ' записи се избрани.'
+    ),
+    recordsPerPage: 'Записи по страница:',
+    allRows: 'Сите',
+    pagination: (start, end, total) => start + '-' + end + ' од ' + total,
+    columns: 'Колони'
+  },
+  editor: {
+    url: 'URL',
+    bold: 'Задебелено',
+    italic: 'Курзив',
+    strikethrough: 'Прецртано',
+    underline: 'Подвлечено',
+    unorderedList: 'Неподредена листа',
+    orderedList: 'Подредена листа',
+    subscript: 'Индекс',
+    superscript: 'Степен',
+    hyperlink: 'Хиперврска',
+    toggleFullscreen: 'Цел екран',
+    quote: 'Цитат',
+    left: 'Лева подредба',
+    center: 'Центрирана подредба',
+    right: 'Десна подредба',
+    justify: 'Равномерна подредба',
+    print: 'Печати',
+    outdent: 'Намали маргина',
+    indent: 'Зголеми маргина',
+    removeFormat: 'Отстрани форматирање',
+    formatting: 'Форматирање',
+    fontSize: 'Големина на фонт',
+    align: 'Подредба',
+    hr: 'Вметни хоризонтална линија',
+    undo: 'Поништи',
+    redo: 'Врати',
+    heading1: 'Наслов 1',
+    heading2: 'Наслов 2',
+    heading3: 'Наслов 3',
+    heading4: 'Наслов 4',
+    heading5: 'Наслов 5',
+    heading6: 'Наслов 6',
+    paragraph: 'Параграф',
+    code: 'Код',
+    size1: 'Многу мала',
+    size2: 'Малку помала',
+    size3: 'Нормална',
+    size4: 'Средно-голема',
+    size5: 'Голема',
+    size6: 'Многу голема',
+    size7: 'Максимална',
+    defaultFont: 'Стандарден фонт',
+    viewSource: 'Преглед на изворниот код'
+  },
+  tree: {
+    noNodes: 'Нема достапни јазли',
+    noResults: 'Нема пронајдено резултати'
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "quasar",
-  "version": "2.11.9",
+  "version": "2.12.0",
   "description": "Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time",
   "main": "dist/quasar.cjs.prod.js",
   "module": "dist/quasar.esm.prod.js",

package/src/components/btn-group/QBtnGroup.js

@@ -24,7 +24,7 @@ export default createComponent({
         .filter(t => props[ t ] === true)
         .map(t => `q-btn-group--${ t }`).join(' ')
 
-      return `q-btn-group row no-wrap${ cls.length > 0 ? ' ' + cls : '' }`
+      return `q-btn-group row no-wrap${ cls.length !== 0 ? ' ' + cls : '' }`
         + (props.spread === true ? ' q-btn-group--spread' : ' inline')
     })
 

package/src/components/color/QColor.js

@@ -162,7 +162,7 @@ export default createComponent({
     }))
 
     const computedPalette = computed(() => (
-      props.palette !== void 0 && props.palette.length > 0
+      props.palette !== void 0 && props.palette.length !== 0
         ? props.palette
         : palette
     ))

package/src/components/date/QDate.js

@@ -210,7 +210,7 @@ export default createComponent({
     )
 
     const headerTitle = computed(() => {
-      if (props.title !== void 0 && props.title !== null && props.title.length > 0) {
+      if (props.title !== void 0 && props.title !== null && props.title.length !== 0) {
         return props.title
       }
 
@@ -262,7 +262,7 @@ export default createComponent({
     })
 
     const headerSubtitle = computed(() => {
-      if (props.subtitle !== void 0 && props.subtitle !== null && props.subtitle.length > 0) {
+      if (props.subtitle !== void 0 && props.subtitle !== null && props.subtitle.length !== 0) {
         return props.subtitle
       }
 

package/src/components/drawer/QDrawer.js

@@ -41,6 +41,7 @@ export default createComponent({
       type: Number,
       default: 57
     },
+    noMiniAnimation: Boolean,
 
     breakpoint: {
       type: Number,
@@ -417,6 +418,7 @@ export default createComponent({
     watch(() => $q.lang.rtl, () => { applyPosition() })
 
     watch(() => props.mini, () => {
+      if (props.noMiniAnimation) return
       if (props.modelValue === true) {
         animateMini()
         $layout.animate()

package/src/components/drawer/QDrawer.json

@@ -42,16 +42,23 @@
       "category": "style"
     },
 
-    "dark": {
-      "extends": "dark"
-    },
-
     "mini-to-overlay": {
       "type": "Boolean",
       "desc": "Mini mode will expand as an overlay",
       "category": "behavior"
     },
 
+    "no-mini-animation": {
+      "type": "Boolean",
+      "desc": "Disables animation of the drawer when toggling mini mode",
+      "category": "behavior",
+      "addedIn": "v2.12.0"
+    },
+
+    "dark": {
+      "extends": "dark"
+    },
+
     "breakpoint": {
       "type": "Number",
       "desc": "Breakpoint (in pixels) of layout width up to which mobile mode is used",

package/src/components/editor/QEditor.js

@@ -264,7 +264,7 @@ export default createComponent({
       emit(`link-${ v ? 'Show' : 'Hide' }`)
     })
 
-    const hasToolbar = computed(() => props.toolbar && props.toolbar.length > 0)
+    const hasToolbar = computed(() => props.toolbar && props.toolbar.length !== 0)
 
     const keys = computed(() => {
       const

package/src/components/editor/editor-caret.js

@@ -84,7 +84,7 @@ export default class Caret {
 
   get hasSelection () {
     return this.selection !== null
-      ? this.selection.toString().length > 0
+      ? this.selection.toString().length !== 0
       : false
   }
 

package/src/components/file/QFile.js

@@ -120,7 +120,7 @@ export default createComponent({
     }
 
     function removeFile (file) {
-      const index = innerValue.value.findIndex(file)
+      const index = innerValue.value.indexOf(file)
       if (index > -1) {
         removeAtIndex(index)
       }
@@ -218,7 +218,7 @@ export default createComponent({
         ? props.displayValue
         : selectedString.value
 
-      return textContent.length > 0
+      return textContent.length !== 0
         ? [
             h('div', {
               class: props.inputClass,

package/src/components/icon/QIcon.js

@@ -42,7 +42,7 @@ const mRE = /^[Mm]\s?[-+]?\.?\d/
 const imgRE = /^img:/
 const svgUseRE = /^svguse:/
 const ionRE = /^ion-/
-const faRE = /^(fa-(solid|regular|light|brands|duotone|thin)|[lf]a[srlbdk]?) /
+const faRE = /^(fa-(sharp|solid|regular|light|brands|duotone|thin)|[lf]a[srlbdk]?) /
 
 export default createComponent({
   name: 'QIcon',

package/src/components/input/QInput.js

@@ -397,7 +397,7 @@ export default createComponent({
       hasShadow: computed(() =>
         props.type !== 'file'
         && typeof props.shadowText === 'string'
-        && props.shadowText.length > 0
+        && props.shadowText.length !== 0
       ),
 
       inputRef,

package/src/components/input/use-mask.js

@@ -110,7 +110,7 @@ export default function (props, emit, emitValue, inputRef) {
 
   function updateMaskInternals () {
     hasMask.value = props.mask !== void 0
-      && props.mask.length > 0
+      && props.mask.length !== 0
       && getIsTypeText()
 
     if (hasMask.value === false) {
@@ -124,7 +124,7 @@ export default function (props, emit, emitValue, inputRef) {
       localComputedMask = NAMED_MASKS[ props.mask ] === void 0
         ? props.mask
         : NAMED_MASKS[ props.mask ],
-      fillChar = typeof props.fillMask === 'string' && props.fillMask.length > 0
+      fillChar = typeof props.fillMask === 'string' && props.fillMask.length !== 0
         ? props.fillMask.slice(0, 1)
         : '_',
       fillCharEscaped = fillChar.replace(escRegex, '\\$&'),
@@ -205,7 +205,7 @@ export default function (props, emit, emitValue, inputRef) {
         str = str.slice(m.shift().length)
         extractMatch.push(...m)
       }
-      if (extractMatch.length > 0) {
+      if (extractMatch.length !== 0) {
         return extractMatch.join('')
       }
 
@@ -553,7 +553,7 @@ export default function (props, emit, emitValue, inputRef) {
       return val
     }
 
-    return props.reverseFillMask === true && val.length > 0
+    return props.reverseFillMask === true && val.length !== 0
       ? maskReplaced.slice(0, -val.length) + val
       : val + maskReplaced.slice(val.length)
   }

package/src/components/intersection/QIntersection.js

@@ -79,9 +79,13 @@ export default createComponent({
     }
 
     function getContent () {
-      return showing.value === true
-        ? [ h('div', { key: 'content', style: transitionStyle.value }, hSlot(slots.default)) ]
-        : void 0
+      if (showing.value === true) {
+        return [ h('div', { key: 'content', style: transitionStyle.value }, hSlot(slots.default)) ]
+      }
+
+      if (slots.hidden !== void 0) {
+        return [ h('div', { key: 'hidden', style: transitionStyle.value }, slots.hidden()) ]
+      }
     }
 
     return () => {

package/src/components/intersection/QIntersection.json

@@ -69,6 +69,11 @@
   "slots": {
     "default": {
       "extends": "default"
+    },
+
+    "hidden": {
+      "desc": "Slot for content to render when component is not on screen; Example: a text that the user can search for with the browser's search function",
+      "addedIn": "v2.12.0"
     }
   },
 

package/src/components/rating/QRating.js

@@ -100,7 +100,7 @@ export default createComponent({
 
     const iconLabel = computed(() => {
       if (typeof props.iconAriaLabel === 'string') {
-        const label = props.iconAriaLabel.length > 0 ? `${ props.iconAriaLabel } ` : ''
+        const label = props.iconAriaLabel.length !== 0 ? `${ props.iconAriaLabel } ` : ''
         return i => `${ label }${ i }`
       }