quasar 2.5.5 → 2.6.0

package/lang/kz.js

@@ -0,0 +1,95 @@
+function plurals (n, opts) {
+  return opts[ n % 10 === 1 && n % 100 !== 11 ? 0 : n % 10 >= 2 && n % 10 <= 4 && (n % 100 < 10 || n % 100 >= 20) ? 1 : 2 ]
+}
+
+export default {
+  isoName: 'kz',
+  nativeName: 'Қазақша',
+  label: {
+    clear: 'Тазалау',
+    ok: 'OK',
+    cancel: 'Бас тарту',
+    close: 'Жабу',
+    set: 'Орнату',
+    select: 'Таңдау',
+    reset: 'Қалпына келтіру',
+    remove: 'Өшіру',
+    update: 'Жаңарту',
+    create: 'Жасау',
+    search: 'Іздеу',
+    filter: 'Сүзгі',
+    refresh: 'Жаңарту'
+  },
+  date: {
+    days: 'Жексенбі_Дүйсенбі_Сейсенбі_Сәрсенбі_Бейсенбі_Жұма_Сенбі'.split('_'),
+    daysShort: 'Жс_Дс_Сс_Ср_Бс_Жм_Сб'.split('_'),
+    months: 'Қаңтар_Ақпан_Наурыз_Сәуір_Мамыр_Маусым_Шілде_Тамыз_Қыркүйек_Қазан_Қараша_Желтоқсан'.split('_'),
+    monthsShort: 'Қаң_Ақп_Нау_Сәу_Мам_Мау_Шіл_Там_Қыр_Қаз_Қар_Жел'.split('_'),
+    firstDayOfWeek: 1, // 0-6, 0 - Sunday, 1 Monday, ...
+    format24h: true,
+    pluralDay: 'күн'
+  },
+  table: {
+    noData: 'Мәлімет жоқ',
+    noResults: 'Сәйкестік табылмады',
+    loading: 'Жүктеу...',
+    selectedRecords: rows => (
+      rows > 0
+        ? rows + ' ' + plurals(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/ug.js

@@ -1,40 +1,39 @@
-const days = 'يەكشەنبە_دۈشەنبە_سەيشەنبە_چارشەنبە_پەيشەنبە_جۈمە_شەنبە'.split('_')
-const monthsShort = '1-ئاي_2-ئاي_3-ئاي_4-ئاي_5-ئاي_6-ئاي_7-ئاي_8-ئاي_9-ئاي_10-ئاي_11-ئاي_12-ئاي'.split('_')
+const days = 'يەكشەنبە_دۈشەنبە_سەيشەنبە_چارشەنبە_پەيشەنبە_جۈمە_شەنبە_يەكشەنبە'.split('_')
 
 export default {
   isoName: 'ug',
   nativeName: 'ئۇيغۇرچە',
-  rtl: true,
+   rtl: true,
   label: {
-    clear: 'تازلاش',
-    ok: 'جەزملەش',
-    cancel: 'بىكار قىلىش',
+    clear: 'تازىلاش',
+    ok: 'ھەئە',
+    cancel: 'بولدىلا',
     close: 'تاقاش',
-    set: 'تەڭشەك',
+    set: 'تەڭشەش',
     select: 'تاللاش',
     reset: 'ئەسلىگە قايتۇرۇش',
-    remove: 'چىقىرۋىتىش',
-    update: 'يېڭىلاش',
+    remove: 'چىقىرىۋېتىش',
+    update: 'نەشىر يېڭىلاش',
     create: 'قۇرۇش',
     search: 'ئىزدەش',
-    filter: 'سۈزۈش',
+    filter: 'سۈزگۈچ',
     refresh: 'يېڭىلاش'
   },
   date: {
-    days: days,
+    days,
     daysShort: 'ي_د_س_چ_پ_ج_ش'.split('_'),
-    months: monthsShort,
-    monthsShort: monthsShort,
-    headerTitle: (date, model) => monthsShort[ model.month - 1 ] + 'نىڭ ' + model.day + '-كۈنى، ' + days[ date.getDay() ],
+    months: 'يانۋار(1)_فېۋرال(2)_مارت(3)_ئاپرىل(4)_ماي(5)_ئىيۇن(6)_ئىيۇل(7)_ئاۋغۇست (8)_سېنتەبىر(9)_ئۆكتەبىر(10)_نويابىر(11)_دېكابىر(12)'.split('_'),
+    monthsShort: '1-ئاي_2-ئاي_3-ئاي_4-ئاي_5-ئاي_6-ئاي_7-ئاي_8-ئاي_9-ئاي_10-ئاي_11-ئاي_12-ئاي'.split('_'),
     firstDayOfWeek: 1, // 0-6, 0 - Sunday, 1 Monday, ...
     format24h: false,
+    headerTitle: (date, model) => model.month + '-ئاينىڭ ' + model.day + '-كۈنى ، ' + days[ date.getDay() ],
     pluralDay: 'كۈن'
   },
   table: {
     noData: 'ئۇچۇر يوق',
     noResults: 'مۇناسىۋەتلىك ئۇچۇر تېپىلمىدى',
-    loading: 'يۈكلىنىۋاتىدۇ...',
-    selectedRecords: rows => rows + ' قۇر تاللاندى',
+    loading: 'يۈكلىنىۋاتىدۇ ...',
+    selectedRecords:  rows => 'جەمئىي ' + rows + ' قۇر تاللاندى',
     recordsPerPage: 'ھەربەتتىكى قۇر سانى:',
     allRows: 'ھەممىسى',
     pagination: (start, end, total) => start + '-' + end + ' / ' + total,
@@ -42,51 +41,51 @@ export default {
   },
   editor: {
     url: 'URL',
-    bold: 'Bold',
-    italic: 'ئىتالىيان',
-    strikethrough: 'Strikethrough',
+    bold: 'توم',
+    italic: 'يانتۇ',
+    strikethrough: 'جىجاش',
     underline: 'ئاستى سىزىق',
-    unorderedList: 'تەرتىپسىز تىزىملىك',
-    orderedList: 'زاكاز تىزىملىكى',
-    subscript: 'مۇشتەرى',
-    superscript: 'Superscript',
-    hyperlink: 'Hyperlink',
-    toggleFullscreen: 'تولۇق ئېكراننى ئالماشتۇرۇڭ',
+    unorderedList: 'تەرتىپسىز',
+    orderedList: 'تەرتىپلىك',
+    subscript: 'تۆۋەن ئىندېكىس',
+    superscript: 'يۇقىرى ئىندېكىس',
+    hyperlink: 'ئۇلانما',
+    toggleFullscreen: 'پۈتۈن ئېكران',
     quote: 'نەقىل',
-    left: 'سول تەڭگە',
-    center: 'Center align',
-    right: 'ئوڭ توغرىلاش',
-    justify: 'توغرىلاشنى توغرىلاڭ',
-    print: 'بېسىش',
-    outdent: 'تەۋەككۈلچىلىكنى ئازايتىش',
-    indent: 'تەۋەككۈلچىلىكنى ئاشۇرۇش',
-    removeFormat: 'فورماتنى ئۆچۈرۈڭ',
+    left: 'سولغا توغرىلاش',
+    center: 'ئوتتۇرىغا توغرىلاش',
+    right: 'ئوڭغا توغرىلاش',
+    justify: 'ئىككى يانغا توغرىلاش',
+    print: 'بېسىپ چىقىرىش',
+    outdent: 'كېڭەيتىش',
+    indent: 'تارايتىش',
+    removeFormat: 'فورماتىنى چىقىرىۋېتىش',
     formatting: 'فورماتلاش',
-    fontSize: 'خەت چوڭلۇقى',
+    fontSize: 'خەت چوڭلىقى',
     align: 'توغرىلاش',
-    hr: 'توغرىسىغا قائىدە قىستۇرۇش',
-    undo: 'ئەمەلدىن قالدۇرۇش',
-    redo: 'Redo',
-    heading1: 'Heading 1',
-    heading2: 'Heading 2',
-    heading3: 'Heading 3',
-    heading4: 'Heading 4',
-    heading5: 'Heading 5',
-    heading6: 'Heading 6',
+    hr: 'توغرا سىزىق',
+    undo: 'قايتۇرۇش',
+    redo: 'قايتىلاش',
+    heading1: 'تىما 1',
+    heading2: 'تىما 2',
+    heading3: 'تىما 3',
+    heading4: 'تىما 4',
+    heading5: 'تىما 5',
+    heading6: 'تىما 6',
     paragraph: 'ئابزاس',
     code: 'كود',
-    size1: 'بەك كىچىك',
-    size2: 'ئازراق كىچىك',
+    size1: 'كىچىك',
+    size2: 'كىچىكراق',
     size3: 'نورمال',
-    size4: 'ئوتتۇراھال چوڭ',
+    size4: 'چوڭراق',
     size5: 'چوڭ',
-    size6: 'بەك چوڭ',
+    size6: 'ئىنتايىن چوڭ',
     size7: 'ئەڭ چوڭ',
     defaultFont: 'كۆڭۈلدىكى خەت نۇسخىسى',
-    viewSource: 'مەنبەنى كۆرۈش',
+    viewSource: 'مەنبەنى كۆرۈش'
   },
   tree: {
-    noNodes: 'ئۇچۇر يوق',
-    noResults: 'مۇناسىۋەتلىك ئۇچۇر تېپىلمىدى'
+    noNodes: 'تۈگۈن يوق',
+    noResults: 'ئۇچۇر يوق'
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "quasar",
-  "version": "2.5.5",
+  "version": "2.6.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/QBtn.js

@@ -84,7 +84,7 @@ export default createComponent({
           onClick,
           onKeydown,
           onMousedown,
-          onTouchstartPassive
+          onTouchstart
         }
       }
 
@@ -153,12 +153,12 @@ export default createComponent({
       // is it already destroyed?
       if (rootRef.value === null) { return }
 
-      if (isKeyCode(e, [ 13, 32 ]) === true) {
-        stopAndPrevent(e)
+      emit('keydown', e)
 
-        if (keyboardTarget !== rootRef.value) {
-          keyboardTarget !== null && cleanup()
+      if (isKeyCode(e, [ 13, 32 ]) === true && keyboardTarget !== rootRef.value) {
+        keyboardTarget !== null && cleanup()
 
+        if (e.defaultPrevented !== true) {
           // focus external button if the focus helper was focused before
           rootRef.value.focus()
 
@@ -167,15 +167,19 @@ export default createComponent({
           document.addEventListener('keyup', onPressEnd, true)
           rootRef.value.addEventListener('blur', onPressEnd, passiveCapture)
         }
-      }
 
-      emit('keydown', e)
+        stopAndPrevent(e)
+      }
     }
 
-    function onTouchstartPassive (e) {
+    function onTouchstart (e) {
       // is it already destroyed?
       if (rootRef.value === null) { return }
 
+      emit('touchstart', e)
+
+      if (e.defaultPrevented === true) { return }
+
       if (touchTarget !== rootRef.value) {
         touchTarget !== null && cleanup()
         touchTarget = rootRef.value
@@ -192,23 +196,21 @@ export default createComponent({
       mouseTimer = setTimeout(() => {
         avoidMouseRipple = false
       }, 200)
-
-      emit('touchstart', e)
     }
 
     function onMousedown (e) {
       // is it already destroyed?
       if (rootRef.value === null) { return }
 
-      if (mouseTarget !== rootRef.value) {
+      e.qSkipRipple = avoidMouseRipple === true
+      emit('mousedown', e)
+
+      if (e.defaultPrevented !== true && mouseTarget !== rootRef.value) {
         mouseTarget !== null && cleanup()
         mouseTarget = rootRef.value
         rootRef.value.classList.add('q-btn--active')
         document.addEventListener('mouseup', onPressEnd, passiveCapture)
       }
-
-      e.qSkipRipple = avoidMouseRipple === true
-      emit('mousedown', e)
     }
 
     function onPressEnd (e) {

package/src/components/btn/use-btn.js

@@ -88,13 +88,13 @@ export default function (props) {
 
     return props.padding !== void 0
       ? Object.assign({}, obj, {
-          padding: props.padding
-            .split(/\s+/)
-            .map(v => (v in padding ? padding[ v ] + 'px' : v))
-            .join(' '),
-          minWidth: '0',
-          minHeight: '0'
-        })
+        padding: props.padding
+          .split(/\s+/)
+          .map(v => (v in padding ? padding[ v ] + 'px' : v))
+          .join(' '),
+        minWidth: '0',
+        minHeight: '0'
+      })
       : obj
   })
 

package/src/components/date/QDate.js

@@ -12,7 +12,7 @@ import { hSlot } from '../../utils/private/render.js'
 import { formatDate, __splitDate, getDateDiff } from '../../utils/date.js'
 import { pad } from '../../utils/format.js'
 import { jalaaliMonthLength, toGregorian } from '../../utils/private/date-persian.js'
-import { isPlainObject } from '../../utils/private/is.js'
+import { isObject } from '../../utils/private/is.js'
 
 const yearsInterval = 20
 const views = [ 'Calendar', 'Years', 'Months' ]
@@ -165,7 +165,7 @@ export default createComponent({
     const rangeModel = computed(() => {
       const fn = date => decodeString(date, innerMask.value, innerLocale.value)
       return normalizedModel.value
-        .filter(date => isPlainObject(date) === true && date.from !== void 0 && date.to !== void 0)
+        .filter(date => isObject(date) === true && date.from !== void 0 && date.to !== void 0)
         .map(range => ({ from: fn(range.from), to: fn(range.to) }))
         .filter(range => range.from.dateHash !== null && range.to.dateHash !== null && range.from.dateHash < range.to.dateHash)
     })

package/src/components/dialog/QDialog.js

@@ -381,11 +381,11 @@ export default createComponent({
         }, () => (
           useBackdrop.value === true
             ? h('div', {
-                class: 'q-dialog__backdrop fixed-full',
-                style: transitionStyle.value,
-                'aria-hidden': 'true',
-                onMousedown: onBackdropClick
-              })
+              class: 'q-dialog__backdrop fixed-full',
+              style: transitionStyle.value,
+              'aria-hidden': 'true',
+              onMousedown: onBackdropClick
+            })
             : null
         )),
 
@@ -395,12 +395,12 @@ export default createComponent({
           () => (
             showing.value === true
               ? h('div', {
-                  ref: innerRef,
-                  class: classes.value,
-                  style: transitionStyle.value,
-                  tabindex: -1,
-                  ...onEvents.value
-                }, hSlot(slots.default))
+                ref: innerRef,
+                class: classes.value,
+                style: transitionStyle.value,
+                tabindex: -1,
+                ...onEvents.value
+              }, hSlot(slots.default))
               : null
           )
         )

package/src/components/dialog-bottom-sheet/BottomSheet.js

@@ -61,9 +61,9 @@ export default createComponent({
 
         return action.label === void 0
           ? h(QSeparator, {
-              class: 'col-all',
-              dark: isDark.value
-            })
+            class: 'col-all',
+            dark: isDark.value
+          })
           : h('div', {
             class: [
               'q-bottom-sheet__item q-hoverable q-focusable cursor-pointer relative-position',
@@ -80,9 +80,9 @@ export default createComponent({
               : (
                   img
                     ? h('img', {
-                        class: action.avatar ? 'q-bottom-sheet__avatar' : '',
-                        src: img
-                      })
+                      class: action.avatar ? 'q-bottom-sheet__avatar' : '',
+                      src: img
+                    })
                     : h('div', { class: 'q-bottom-sheet__empty-icon' })
                 ),
 
@@ -114,9 +114,9 @@ export default createComponent({
                   : (
                       img
                         ? h('img', {
-                            class: action.avatar ? 'q-bottom-sheet__avatar' : '',
-                            src: img
-                          })
+                          class: action.avatar ? 'q-bottom-sheet__avatar' : '',
+                          src: img
+                        })
                         : null
                     )
               )
@@ -145,8 +145,8 @@ export default createComponent({
       child.push(
         props.grid === true
           ? h('div', {
-              class: 'row items-stretch justify-start'
-            }, getGrid())
+            class: 'row items-stretch justify-start'
+          }, getGrid())
           : h('div', getList())
       )
 

package/src/components/dialog-plugin/DialogPlugin.js

@@ -17,7 +17,7 @@ import { createComponent } from '../../utils/private/create.js'
 import useDark, { useDarkProps } from '../../composables/private/use-dark.js'
 
 import { isKeyCode } from '../../utils/private/key-composition.js'
-import { isPlainObject } from '../../utils/private/is.js'
+import { isObject } from '../../utils/private/is.js'
 
 export default createComponent({
   name: 'DialogPlugin',
@@ -81,7 +81,7 @@ export default createComponent({
       props.progress === false
         ? null
         : (
-            isPlainObject(props.progress) === true
+            isObject(props.progress) === true
               ? {
                   component: props.progress.spinner || QSpinner,
                   props: { color: props.progress.color || vmColor.value }
@@ -110,7 +110,7 @@ export default createComponent({
     })
 
     const okLabel = computed(() => (
-      isPlainObject(props.ok) === true
+      isObject(props.ok) === true
         ? $q.lang.label.ok
         : (
             props.ok === true
@@ -120,7 +120,7 @@ export default createComponent({
     ))
 
     const cancelLabel = computed(() => (
-      isPlainObject(props.cancel) === true
+      isObject(props.cancel) === true
         ? $q.lang.label.cancel
         : (
             props.cancel === true
@@ -146,7 +146,7 @@ export default createComponent({
       label: okLabel.value,
       ripple: false,
       disable: okDisabled.value,
-      ...(isPlainObject(props.ok) === true ? props.ok : { flat: true }),
+      ...(isObject(props.ok) === true ? props.ok : { flat: true }),
       'data-autofocus': (props.focus === 'ok' && hasForm.value !== true) || void 0,
       onClick: onOk
     }))
@@ -155,7 +155,7 @@ export default createComponent({
       color: vmColor.value,
       label: cancelLabel.value,
       ripple: false,
-      ...(isPlainObject(props.cancel) === true ? props.cancel : { flat: true }),
+      ...(isObject(props.cancel) === true ? props.cancel : { flat: true }),
       'data-autofocus': (props.focus === 'cancel' && hasForm.value !== true) || void 0,
       onClick: onCancel
     }))

package/src/components/editor/QEditor.js

@@ -180,17 +180,17 @@ export default createComponent({
       const userDef = props.definitions || {}
       const def = props.definitions || props.fonts
         ? extend(
-            true,
-            {},
-            buttonDef.value,
-            userDef,
-            getFonts(
-              defaultFont,
-              $q.lang.editor.defaultFont,
-              $q.iconSet.editor.font,
-              props.fonts
-            )
+          true,
+          {},
+          buttonDef.value,
+          userDef,
+          getFonts(
+            defaultFont,
+            $q.lang.editor.defaultFont,
+            $q.iconSet.editor.font,
+            props.fonts
           )
+        )
         : buttonDef.value
 
       return props.toolbar.map(

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

@@ -34,8 +34,8 @@ function getBtn (eVm, btn, clickHandler, active = false) {
   if (btn.tip && eVm.$q.platform.is.desktop) {
     const Key = btn.key
       ? h('div', [
-          h('small', `(CTRL + ${ String.fromCharCode(btn.key) })`)
-        ])
+        h('small', `(CTRL + ${ String.fromCharCode(btn.key) })`)
+      ])
       : null
     child.push(
       h(QTooltip, { delay: 1000 }, () => [

package/src/components/file/QFile.js

@@ -58,6 +58,7 @@ export default createComponent({
     const {
       pickFiles,
       onDragover,
+      onDragleave,
       processFiles,
       getDndNode
     } = useFile({ editable: state.editable, dnd, getFileInput, addFilesToQueue })
@@ -263,7 +264,7 @@ export default createComponent({
         }
 
         if (state.editable.value === true) {
-          Object.assign(data, { onDragover, onKeydown, onKeyup })
+          Object.assign(data, { onDragover, onDragleave, onKeydown, onKeyup })
         }
 
         return h('div', data, [ getInput() ].concat(getSelection()))

package/src/components/icon/QIcon.js

@@ -36,6 +36,7 @@ const imgRE = /^img:/
 const svgUseRE = /^svguse:/
 const ionRE = /^ion-/
 const faLaRE = /^[lf]a[srlbdk]? /
+const fa6RE = /^fa-(brand|regular|solid)/
 
 export default createComponent({
   name: 'QIcon',
@@ -129,7 +130,7 @@ export default createComponent({
       if (matches !== null) {
         cls = libMap[ matches[ 1 ] ](icon)
       }
-      else if (faLaRE.test(icon) === true) {
+      else if (faLaRE.test(icon) === true || fa6RE.test(icon) === true) {
         cls = icon
       }
       else if (ionRE.test(icon) === true) {

package/src/components/infinite-scroll/QInfiniteScroll.js

@@ -120,7 +120,9 @@ export default createComponent({
         isWorking.value = false
         isFetching.value = false
         localScrollTarget.removeEventListener('scroll', poll, passive)
-        poll !== void 0 && poll.cancel()
+        if (poll !== void 0 && poll.cancel !== void 0) {
+          poll.cancel()
+        }
       }
     }
 

package/src/components/inner-loading/QInnerLoading.js

@@ -39,7 +39,7 @@ export default createComponent({
 
     const labelClass = computed(() =>
       'q-inner-loading__label'
-      + (props.labelClass !== void 0 ? ` ${ props.labelClass}` : '')
+      + (props.labelClass !== void 0 ? ` ${ props.labelClass }` : '')
     )
 
     function getInner () {
@@ -65,12 +65,12 @@ export default createComponent({
     function getContent () {
       return props.showing === true
         ? h(
-            'div',
-            { class: classes.value, style: transitionStyle.value },
-            slots.default !== void 0
-              ? slots.default()
-              : getInner()
-          )
+          'div',
+          { class: classes.value, style: transitionStyle.value },
+          slots.default !== void 0
+            ? slots.default()
+            : getInner()
+        )
         : null
     }
 

package/src/components/input/QInput.js

@@ -138,7 +138,10 @@ export default createComponent({
       if (hasMask.value === true) {
         if (stopValueWatcher === true) {
           stopValueWatcher = false
-          return
+
+          if (String(v) === emitCachedValue) {
+            return
+          }
         }
 
         updateMaskValue(v)

package/src/components/knob/QKnob.js

@@ -203,11 +203,14 @@ export default createComponent({
         angle = centerPosition.left < pos.left ? angle + 90 : 270 - angle
       }
 
-      if (props.angle) {
+      if ($q.lang.rtl === true) {
+        angle = normalizeToInterval(-angle - props.angle, 0, 360)
+      }
+      else if (props.angle) {
         angle = normalizeToInterval(angle - props.angle, 0, 360)
       }
 
-      if ($q.lang.rtl === true) {
+      if (props.reverse === true) {
         angle = 360 - angle
       }