kdutify 2.6.1 → 2.7.2

package/src/locale/ja.ts

@@ -44,6 +44,11 @@ export default {
   calendar: {
     moreEvents: 'さらに{0}',
   },
+  input: {
+    clear: 'Clear {0}',
+    prependAction: '{0} prepended action',
+    appendAction: '{0} appended action',
+  },
   fileInput: {
     counter: '{0} ファイル',
     counterSize: '{0} ファイル (合計 {1})',
@@ -66,4 +71,5 @@ export default {
       icon: '評価 {1} のうち {0}',
     },
   },
+  loading: 'Loading...',
 }

package/src/locale/ko.ts

@@ -44,6 +44,11 @@ export default {
   calendar: {
     moreEvents: '{0} 더보기',
   },
+  input: {
+    clear: 'Clear {0}',
+    prependAction: '{0} prepended action',
+    appendAction: '{0} appended action',
+  },
   fileInput: {
     counter: '{0} files',
     counterSize: '{0} files ({1} in total)',
@@ -66,4 +71,5 @@ export default {
       icon: 'Rating {0} of {1}',
     },
   },
+  loading: 'Loading...',
 }

package/src/locale/lt.ts

@@ -44,6 +44,11 @@ export default {
   calendar: {
     moreEvents: 'Daugiau {0}',
   },
+  input: {
+    clear: 'Clear {0}',
+    prependAction: '{0} prepended action',
+    appendAction: '{0} appended action',
+  },
   fileInput: {
     counter: '{0} failų',
     counterSize: '{0} failų ({1} iš viso)',
@@ -66,4 +71,5 @@ export default {
       icon: 'Rating {0} of {1}',
     },
   },
+  loading: 'Loading...',
 }

package/src/locale/lv.ts

@@ -44,6 +44,11 @@ export default {
   calendar: {
     moreEvents: 'Vēl {0}',
   },
+  input: {
+    clear: 'Clear {0}',
+    prependAction: '{0} prepended action',
+    appendAction: '{0} appended action',
+  },
   fileInput: {
     counter: '{0} files',
     counterSize: '{0} files ({1} in total)',
@@ -66,4 +71,5 @@ export default {
       icon: 'Rating {0} of {1}',
     },
   },
+  loading: 'Loading...',
 }

package/src/locale/nl.ts

@@ -44,6 +44,11 @@ export default {
   calendar: {
     moreEvents: '{0} meer',
   },
+  input: {
+    clear: 'Clear {0}',
+    prependAction: '{0} prepended action',
+    appendAction: '{0} appended action',
+  },
   fileInput: {
     counter: '{0} bestanden',
     counterSize: '{0} bestanden ({1} in totaal)',
@@ -66,4 +71,5 @@ export default {
       icon: 'Rating {0} of {1}',
     },
   },
+  loading: 'Loading...',
 }

package/src/locale/no.ts

@@ -44,6 +44,11 @@ export default {
   calendar: {
     moreEvents: '{0} flere',
   },
+  input: {
+    clear: 'Clear {0}',
+    prependAction: '{0} prepended action',
+    appendAction: '{0} appended action',
+  },
   fileInput: {
     counter: '{0} filer',
     counterSize: '{0} filer ({1} totalt)',
@@ -66,4 +71,5 @@ export default {
       icon: 'Rating {0} of {1}',
     },
   },
+  loading: 'Loading...',
 }

package/src/locale/pl.ts

@@ -44,6 +44,11 @@ export default {
   calendar: {
     moreEvents: '{0} więcej',
   },
+  input: {
+    clear: 'Clear {0}',
+    prependAction: '{0} prepended action',
+    appendAction: '{0} appended action',
+  },
   fileInput: {
     counter: 'Liczba plików: {0}',
     counterSize: 'Liczba plików: {0} (łącznie {1})',
@@ -66,4 +71,5 @@ export default {
       icon: 'Rating {0} of {1}',
     },
   },
+  loading: 'Loading...',
 }

package/src/locale/pt.ts

@@ -44,6 +44,11 @@ export default {
   calendar: {
     moreEvents: 'Mais {0}',
   },
+  input: {
+    clear: 'Clear {0}',
+    prependAction: '{0} prepended action',
+    appendAction: '{0} appended action',
+  },
   fileInput: {
     counter: '{0} arquivo(s)',
     counterSize: '{0} arquivo(s) ({1} no total)',
@@ -66,4 +71,5 @@ export default {
       icon: 'Rating {0} of {1}',
     },
   },
+  loading: 'Loading...',
 }

package/src/locale/ro.ts

@@ -44,6 +44,11 @@ export default {
   calendar: {
     moreEvents: 'încă {0}',
   },
+  input: {
+    clear: 'Clear {0}',
+    prependAction: '{0} prepended action',
+    appendAction: '{0} appended action',
+  },
   fileInput: {
     counter: '{0} fișiere',
     counterSize: '{0} fișiere ({1} în total)',
@@ -66,4 +71,5 @@ export default {
       icon: 'Rating de {0} din {1}',
     },
   },
+  loading: 'Loading...',
 }

package/src/locale/ru.ts

@@ -44,6 +44,11 @@ export default {
   calendar: {
     moreEvents: 'Еще {0}',
   },
+  input: {
+    clear: 'Clear {0}',
+    prependAction: '{0} prepended action',
+    appendAction: '{0} appended action',
+  },
   fileInput: {
     counter: 'Файлов: {0}',
     counterSize: 'Файлов: {0} (всего {1})',
@@ -66,4 +71,5 @@ export default {
       icon: 'Rating {0} of {1}',
     },
   },
+  loading: 'Loading...',
 }

package/src/locale/sk.ts

@@ -44,6 +44,11 @@ export default {
   calendar: {
     moreEvents: '{0} ďalších',
   },
+  input: {
+    clear: 'Clear {0}',
+    prependAction: '{0} prepended action',
+    appendAction: '{0} appended action',
+  },
   fileInput: {
     counter: '{0} súborov',
     counterSize: '{0} súborov ({1} celkom)',
@@ -66,4 +71,5 @@ export default {
       icon: 'Hodnotenie {0} z {1}',
     },
   },
+  loading: 'Loading...',
 }

package/src/locale/sl.ts

@@ -44,6 +44,11 @@ export default {
   calendar: {
     moreEvents: 'Še {0}',
   },
+  input: {
+    clear: 'Clear {0}',
+    prependAction: '{0} prepended action',
+    appendAction: '{0} appended action',
+  },
   fileInput: {
     counter: '{0} datotek',
     counterSize: '{0} datotek ({1} skupno)',
@@ -66,4 +71,5 @@ export default {
       icon: 'Rating {0} of {1}',
     },
   },
+  loading: 'Loading...',
 }

package/src/locale/sr-Cyrl.ts

@@ -44,6 +44,11 @@ export default {
   calendar: {
     moreEvents: '{0} више',
   },
+  input: {
+    clear: 'Clear {0}',
+    prependAction: '{0} prepended action',
+    appendAction: '{0} appended action',
+  },
   fileInput: {
     counter: '{0} фајлова',
     counterSize: '{0} фајлова ({1} укупно)',
@@ -66,4 +71,5 @@ export default {
       icon: 'Оцена {0} од {1}',
     },
   },
+  loading: 'Loading...',
 }

package/src/locale/sr-Latn.ts

@@ -44,6 +44,11 @@ export default {
   calendar: {
     moreEvents: '{0} više',
   },
+  input: {
+    clear: 'Clear {0}',
+    prependAction: '{0} prepended action',
+    appendAction: '{0} appended action',
+  },
   fileInput: {
     counter: '{0} fajlova',
     counterSize: '{0} fajlova ({1} ukupno)',
@@ -66,4 +71,5 @@ export default {
       icon: 'Ocena {0} od {1}',
     },
   },
+  loading: 'Loading...',
 }

package/src/locale/sv.ts

@@ -44,6 +44,11 @@ export default {
   calendar: {
     moreEvents: '{0} fler',
   },
+  input: {
+    clear: 'Clear {0}',
+    prependAction: '{0} prepended action',
+    appendAction: '{0} appended action',
+  },
   fileInput: {
     counter: '{0} filer',
     counterSize: '{0} filer (av {1} totalt)',
@@ -66,4 +71,5 @@ export default {
       icon: 'Rating {0} of {1}',
     },
   },
+  loading: 'Loading...',
 }

package/src/locale/th.ts

@@ -44,6 +44,11 @@ export default {
   calendar: {
     moreEvents: 'มีอีก {0}',
   },
+  input: {
+    clear: 'Clear {0}',
+    prependAction: '{0} prepended action',
+    appendAction: '{0} appended action',
+  },
   fileInput: {
     counter: '{0} ไฟล์',
     counterSize: '{0} ไฟล์ (รวม {1})',
@@ -66,4 +71,5 @@ export default {
       icon: 'Rating {0} of {1}',
     },
   },
+  loading: 'Loading...',
 }

package/src/locale/tr.ts

@@ -44,6 +44,11 @@ export default {
   calendar: {
     moreEvents: '{0} tane daha',
   },
+  input: {
+    clear: 'Clear {0}',
+    prependAction: '{0} prepended action',
+    appendAction: '{0} appended action',
+  },
   fileInput: {
     counter: '{0} dosya',
     counterSize: '{0} dosya (toplamda {1})',
@@ -66,4 +71,5 @@ export default {
       icon: 'Rating {0} of {1}',
     },
   },
+  loading: 'Loading...',
 }

package/src/locale/uk.ts

@@ -44,6 +44,11 @@ export default {
   calendar: {
     moreEvents: 'Ще {0}',
   },
+  input: {
+    clear: 'Clear {0}',
+    prependAction: '{0} prepended action',
+    appendAction: '{0} appended action',
+  },
   fileInput: {
     counter: '{0} файлів',
     counterSize: '{0} файлів ({1} загалом)',
@@ -66,4 +71,5 @@ export default {
       icon: 'Rating {0} of {1}',
     },
   },
+  loading: 'Loading...',
 }

package/src/locale/vi.ts

@@ -44,6 +44,11 @@ export default {
   calendar: {
     moreEvents: '{0} nữa',
   },
+  input: {
+    clear: 'Clear {0}',
+    prependAction: '{0} prepended action',
+    appendAction: '{0} appended action',
+  },
   fileInput: {
     counter: '{0} tệp',
     counterSize: '{0} tệp (tổng cộng {1})',
@@ -66,4 +71,5 @@ export default {
       icon: 'Đánh giá {0} trên {1}',
     },
   },
+  loading: 'Loading...',
 }

package/src/locale/zh-Hans.ts

@@ -44,6 +44,11 @@ export default {
   calendar: {
     moreEvents: '还有 {0} 项',
   },
+  input: {
+    clear: 'Clear {0}',
+    prependAction: '{0} prepended action',
+    appendAction: '{0} appended action',
+  },
   fileInput: {
     counter: '{0} 个文件',
     counterSize: '{0} 个文件（共 {1}）',
@@ -66,4 +71,5 @@ export default {
       icon: 'Rating {0} of {1}',
     },
   },
+  loading: 'Loading...',
 }

package/src/locale/zh-Hant.ts

@@ -44,6 +44,11 @@ export default {
   calendar: {
     moreEvents: '還有其他 {0} 項',
   },
+  input: {
+    clear: 'Clear {0}',
+    prependAction: '{0} prepended action',
+    appendAction: '{0} appended action',
+  },
   fileInput: {
     counter: '{0} 個檔案',
     counterSize: '{0} 個檔案（共 {1}）',
@@ -66,4 +71,5 @@ export default {
       icon: 'Rating {0} of {1}',
     },
   },
+  loading: 'Loading...',
 }

package/src/mixins/activatable/index.ts

@@ -30,6 +30,10 @@ export default baseMixins.extend({
     },
     disabled: Boolean,
     internalActivator: Boolean,
+    openOnClick: {
+      type: Boolean,
+      default: true,
+    },
     openOnHover: Boolean,
     openOnFocus: Boolean,
   },
@@ -89,7 +93,7 @@ export default baseMixins.extend({
     },
     genActivatorAttributes () {
       return {
-        role: 'button',
+        role: (this.openOnClick && !this.openOnHover) ? 'button' : undefined,
         'aria-haspopup': true,
         'aria-expanded': String(this.isActive),
       }
@@ -108,7 +112,7 @@ export default baseMixins.extend({
           this.getActivator(e)
           this.runDelay('close')
         }
-      } else {
+      } else if (this.openOnClick) {
         listeners.click = (e: MouseEvent) => {
           const activator = this.getActivator(e)
           if (activator) activator.focus()

package/src/mixins/binds-attrs/index.ts

@@ -1,10 +1,10 @@
-import Kdu, { WatchHandler } from 'kdu'
+import Kdu from 'kdu'
 
 /**
  * This mixin provides `attrs$` and `listeners$` to work around
  */
 
-function makeWatcher (property: string): ThisType<Kdu> & WatchHandler<any> {
+function makeWatcher (property: string): ThisType<Kdu> & ((val: any, oldVal: any) => void) {
   return function (this: Kdu, val, oldVal) {
     for (const attr in oldVal) {
       if (!Object.prototype.hasOwnProperty.call(val, attr)) {
@@ -26,9 +26,7 @@ export default Kdu.extend({
   created () {
     // Work around unwanted re-renders
     // Make sure to use `attrs$` instead of `$attrs` (confusing right?)
-    // @ts-ignore
     this.$watch('$attrs', makeWatcher('attrs$'), { immediate: true })
-    // @ts-ignore
     this.$watch('$listeners', makeWatcher('listeners$'), { immediate: true })
   },
 })

package/src/mixins/dependent/index.ts

@@ -3,10 +3,10 @@ import Kdu from 'kdu'
 import mixins from '../../util/mixins'
 import { KOverlay } from '../../components/KOverlay'
 
-interface options extends Kdu {
+interface options {
   $el: HTMLElement
   $refs: {
-    content: HTMLElement
+    content?: HTMLElement
   }
   overlay?: InstanceType<typeof KOverlay>
 }
@@ -31,7 +31,7 @@ function searchChildren (children: Kdu[]): DependentInstance[] {
 }
 
 /* @kdujs/component */
-export default mixins<options>().extend({
+export default mixins<Kdu & options>().extend({
   name: 'dependent',
 
   data () {

package/src/mixins/detachable/index.ts

@@ -7,13 +7,13 @@ import mixins, { ExtractKdu } from '../../util/mixins'
 import { consoleWarn } from '../../util/console'
 
 // Types
-import Kdu, { PropOptions } from 'kdu'
+import { PropOptions } from 'kdu'
 import { KNode } from 'kdu/types'
 
-interface options extends Kdu {
+interface options {
   $el: HTMLElement
   $refs: {
-    content: HTMLElement
+    content?: HTMLElement
   }
 }
 

package/src/mixins/groupable/index.ts

@@ -11,7 +11,7 @@ export type Groupable<T extends string, C extends KduConstructor | null = null>
   isActive: boolean
   disabled: boolean
   groupClasses: object
-  toggle (): void
+  toggle (e?: Event): void
 }>
 
 export function factory<T extends string, C extends KduConstructor | null = null> (
@@ -59,7 +59,14 @@ export function factory<T extends string, C extends KduConstructor | null = null
     },
 
     methods: {
-      toggle () {
+      toggle (e?: Event) {
+        if (this.disabled && e) {
+          // Prevent keyboard actions
+          // from children elements
+          // within disabled tabs
+          e.preventDefault()
+          return
+        }
         this.$emit('change')
       },
     },

package/src/mixins/loadable/index.ts

@@ -1,5 +1,6 @@
 import Kdu, { KNode } from 'kdu'
 import KProgressLinear from '../../components/KProgressLinear'
+import { getSlot } from '../../util/helpers'
 
 interface colorable extends Kdu {
   color?: string
@@ -33,7 +34,7 @@ export default Kdu.extend<colorable>().extend({
     genProgress (): KNode | KNode[] | null {
       if (this.loading === false) return null
 
-      return this.$slots.progress || this.$createElement(KProgressLinear, {
+      return getSlot(this, 'progress') || this.$createElement(KProgressLinear, {
         props: {
           absolute: true,
           color: (this.loading === true || this.loading === '')

package/src/mixins/menuable/index.ts

@@ -78,7 +78,6 @@ export default baseMixins.extend<options>().extend({
       default: 0,
     },
     offsetOverflow: Boolean,
-    openOnClick: Boolean,
     positionX: {
       type: Number,
       default: null,
@@ -140,7 +139,8 @@ export default baseMixins.extend<options>().extend({
       const activatorLeft = (this.attach !== false ? a.offsetLeft : a.left) || 0
       const minWidth = Math.max(a.width, c.width)
       let left = 0
-      left += this.left ? activatorLeft - (minWidth - a.width) : activatorLeft
+      left += activatorLeft
+      if (this.left || (this.$kdutify.rtl && !this.right)) left -= (minWidth - a.width)
       if (this.offsetX) {
         const maxWidth = isNaN(Number(this.maxWidth))
           ? a.width
@@ -281,7 +281,10 @@ export default baseMixins.extend<options>().extend({
       }
     },
     checkActivatorFixed () {
-      if (this.attach !== false) return
+      if (this.attach !== false) {
+        this.activatorFixed = false
+        return
+      }
       let el = this.getActivator()
       while (el) {
         if (window.getComputedStyle(el).position === 'fixed') {
@@ -298,13 +301,15 @@ export default baseMixins.extend<options>().extend({
 
       const onClick = listeners.click
 
-      listeners.click = (e: MouseEvent & KeyboardEvent & FocusEvent) => {
-        if (this.openOnClick) {
-          onClick && onClick(e)
-        }
+      if (onClick) {
+        listeners.click = (e: MouseEvent & KeyboardEvent & FocusEvent) => {
+          if (this.openOnClick) {
+            onClick && onClick(e)
+          }
 
-        this.absoluteX = e.clientX
-        this.absoluteY = e.clientY
+          this.absoluteX = e.clientX
+          this.absoluteY = e.clientY
+        }
       }
 
       return listeners

package/src/{components/KCalendar/mixins/mouse.ts → mixins/mouse/index.ts}

@@ -23,21 +23,20 @@ export default Kdu.extend({
   name: 'mouse',
 
   methods: {
-    getDefaultMouseEventHandlers (suffix: string, getEvent: MouseHandler): MouseEventsMap {
+    getDefaultMouseEventHandlers (suffix: string, getData: MouseHandler, eventFirst = false): MouseEventsMap {
+      const listeners = Object.keys(this.$listeners)
+        .filter(key => key.endsWith(suffix))
+        .reduce((acc, key) => {
+          acc[key] = { event: key.slice(0, -suffix.length) }
+          return acc
+        }, {} as MouseEvents)
+
       return this.getMouseEventHandlers({
-        ['click' + suffix]: { event: 'click' },
+        ...listeners,
         ['contextmenu' + suffix]: { event: 'contextmenu', prevent: true, result: false },
-        ['mousedown' + suffix]: { event: 'mousedown' },
-        ['mousemove' + suffix]: { event: 'mousemove' },
-        ['mouseup' + suffix]: { event: 'mouseup' },
-        ['mouseenter' + suffix]: { event: 'mouseenter' },
-        ['mouseleave' + suffix]: { event: 'mouseleave' },
-        ['touchstart' + suffix]: { event: 'touchstart' },
-        ['touchmove' + suffix]: { event: 'touchmove' },
-        ['touchend' + suffix]: { event: 'touchend' },
-      }, getEvent)
+      }, getData, eventFirst)
     },
-    getMouseEventHandlers (events: MouseEvents, getEvent: MouseHandler): MouseEventsMap {
+    getMouseEventHandlers (events: MouseEvents, getData: MouseHandler, eventFirst = false): MouseEventsMap {
       const on: MouseEventsMap = {}
 
       for (const event in events) {
@@ -65,11 +64,17 @@ export default Kdu.extend({
             // Ref: https://developer.mozilla.org/en-US/docs/Web/API/Touch/target
             // This block of code aims to make sure touchEvent is always dispatched from the element that is being pointed at
             if (e && 'touches' in e) {
-              const currentTarget = document.elementFromPoint(e.changedTouches[0].clientX, e.changedTouches[0].clientY)
+              const classSeparator = ' '
+
+              const eventTargetClasses = (e.currentTarget as HTMLElement)?.className.split(classSeparator)
+              const currentTargets = document.elementsFromPoint(e.changedTouches[0].clientX, e.changedTouches[0].clientY)
+
+              // Get "the same kind" current hovering target by checking
+              // If element has the same class of initial touch start element (which has touch event listener registered)
+              const currentTarget = currentTargets.find(t => t.className.split(classSeparator).some(c => eventTargetClasses.includes(c)))
 
               if (currentTarget &&
-                !(e.target as HTMLElement)?.isSameNode(currentTarget) &&
-                (e.target as HTMLElement)?.className === currentTarget.className
+                !(e.target as HTMLElement)?.isSameNode(currentTarget)
               ) {
                 currentTarget.dispatchEvent(new TouchEvent(e.type, {
                   changedTouches: e.changedTouches as unknown as Touch[],
@@ -80,7 +85,13 @@ export default Kdu.extend({
               }
             }
 
-            this.$emit(event, getEvent(e), e)
+            // TODO: KCalendar emits the calendar event as the first argument,
+            // but it really should be the native event instead so modifiers can be used
+            if (eventFirst) {
+              this.$emit(event, e, getData(e))
+            } else {
+              this.$emit(event, getData(e), e)
+            }
           }
 
           return eventOptions.result