kdutify 2.6.1 → 2.7.3

package/src/components/KTextField/_mixins.sass

@@ -1,17 +1,17 @@
 @mixin prepend-append-margin-top($margin-top)
-  .K-input__prepend-outer,
-  .K-input__prepend-inner,
-  .K-input__append-inner,
-  .K-input__append-outer
+  .k-input__prepend-outer,
+  .k-input__prepend-inner,
+  .k-input__append-inner,
+  .k-input__append-outer
     margin-top: $margin-top
 
 @mixin outer-margin-top($margin-top)
-  .K-input__prepend-outer,
-  .K-input__append-outer
+  .k-input__prepend-outer,
+  .k-input__append-outer
     margin-top: $margin-top
 
 @mixin label-position($top, $translateY, $scale: .75)
-  .K-label
+  .k-label
     top: $top
 
     &--active

package/src/components/KTextarea/KTextarea.sass

@@ -1,5 +1,14 @@
 @import './_variables.scss'
 
++theme(k-textarea) using ($material)
+  &.k-text-field--solo-inverted
+    &.k-input--is-focused
+      textarea
+        color: map-deep-get($material, 'inputs', 'solo-inverted-focused-text')
+
+      textarea::placeholder
+        color: map-deep-get($material, 'inputs', 'solo-inverted-focused-placeholder')
+
 .k-textarea
   textarea
     align-self: stretch
@@ -49,6 +58,10 @@
   &.k-text-field--solo
     align-items: flex-start
 
+    .k-input__control
+      textarea
+        caret-color: auto
+
     // Essentially revert styles
     // applied by k-text-field
     .k-input__prepend-inner,
@@ -89,3 +102,12 @@
 
         +rtl()
           padding-left: $textarea-enclosed-text-slot-padding
+
+    &.k-text-field--reverse
+      .k-text-field__slot
+        .k-label
+          +ltr()
+            margin-right: -$textarea-enclosed-text-slot-margin
+
+          +rtl()
+            margin-left: -$textarea-enclosed-text-slot-margin

package/src/components/KTimePicker/KTimePicker.ts

@@ -24,6 +24,7 @@ export { SelectingTimes }
 
 type Period = 'am' | 'pm'
 type AllowFunction = (val: number) => boolean
+type ActivePicker = 'HOUR' | 'MINUTE' | 'SECOND'
 
 export default mixins(
   Picker,
@@ -33,6 +34,7 @@ export default mixins(
   name: 'k-time-picker',
 
   props: {
+    activePicker: String as PropType<ActivePicker>,
     allowedHours: [Function, Array] as PropType<AllowFunction | number[]>,
     allowedMinutes: [Function, Array] as PropType<AllowFunction | number[]>,
     allowedSeconds: [Function, Array] as PropType<AllowFunction | number[]>,
@@ -40,7 +42,7 @@ export default mixins(
     format: {
       type: String as PropType<'ampm' | '24hr'>,
       default: 'ampm',
-      validator (val) {
+      validator (val: any) {
         return ['ampm', '24hr'].includes(val)
       },
     },
@@ -177,6 +179,8 @@ export default mixins(
   },
 
   watch: {
+    activePicker: 'setPicker',
+    selecting: 'emitPicker',
     value: 'setInputData',
   },
 
@@ -197,6 +201,20 @@ export default mixins(
       const value = this.genValue()
       if (value !== null) this.$emit('input', value)
     },
+    emitPicker (value: SelectingTimes) {
+      let activePicker = 'HOUR'
+      if (value === SelectingTimes.Minute) {
+        activePicker = 'MINUTE'
+      } else if (value === SelectingTimes.Second) {
+        activePicker = 'SECOND'
+      }
+      this.$emit('update:active-picker', activePicker)
+    },
+    setPicker (picker: ActivePicker) {
+      if (picker === 'HOUR') this.selecting = SelectingTimes.Hour
+      else if (picker === 'MINUTE') this.selecting = SelectingTimes.Minute
+      else if (picker === 'SECOND' && this.useSeconds) this.selecting = SelectingTimes.Second
+    },
     setPeriod (period: Period) {
       this.period = period
       if (this.inputHour != null) {

package/src/components/KTimeline/KTimeline.sass

@@ -2,6 +2,12 @@
 @import './_variables.scss'
 @import './_mixins.sass'
 
+/**
+ * .k-timeline::before - center divider
+ * .k-card::before - arrow shadow (conflicts with active link overlay)
+ * .k-card::after - arrow
+ */
+
 // Theme
 +theme(k-timeline) using ($material)
   &::before
@@ -12,7 +18,7 @@
       background: map-get($material, 'cards')
 
     .k-card
-      &::before
+      &:not(.k-card--link)::before
         border-right-color: $shadow-key-ambient-opacity
 
 // Elements
@@ -20,7 +26,7 @@
   padding-top: $timeline-item-padding
   position: relative
 
-  &:before
+  &::before
     bottom: 0
     content: ''
     height: 100%
@@ -85,7 +91,8 @@
 // Wedge
 .k-timeline-item__body
   > .k-card:not(.k-card--flat)
-    &:before, &:after
+    &:not(.k-card--link)::before,
+    &::after
       content: ''
       position: absolute
       border-top: $timeline-wedge-size solid transparent
@@ -93,10 +100,10 @@
       border-right: $timeline-wedge-size solid black
       top: calc(50% - #{$timeline-wedge-size})
 
-    &:after
+    &::after
       border-right-color: inherit
 
-    &:before
+    &:not(.k-card--link)::before
       top: calc(50% - #{$timeline-wedge-size} + 2px)
 
 // Modifiers
@@ -106,12 +113,12 @@
 
   .k-timeline-item__body
     > .k-card
-      &:before
-        top: calc(0% + #{$timeline-wedge-size} + 2px)
-
-      &:after
+      &::after
         top: calc(0% + #{$timeline-wedge-size})
 
+      &:not(.k-card--link)::before
+        top: calc(0% + #{$timeline-wedge-size} + 2px)
+
 .k-timeline:not(.k-timeline--dense):not(.k-timeline--reverse)
   +timeline-line-align($timeline-divider-center, left, right)
 

package/src/components/KTimeline/KTimeline.ts

@@ -7,6 +7,7 @@ import mixins from '../../util/mixins'
 
 // Mixins
 import Themeable from '../../mixins/themeable'
+import { getSlot } from '../../util/helpers'
 
 export default mixins(
   Themeable
@@ -39,6 +40,6 @@ export default mixins(
     return h('div', {
       staticClass: 'k-timeline',
       class: this.classes,
-    }, this.$slots.default)
+    }, getSlot(this))
   },
 })

package/src/components/KTimeline/KTimelineItem.ts

@@ -9,6 +9,7 @@ import KIcon from '../KIcon'
 // Mixins
 import Themeable from '../../mixins/themeable'
 import Colorable from '../../mixins/colorable'
+import { getSlot } from '../../util/helpers'
 
 const baseMixins = mixins(
   Colorable,
@@ -52,14 +53,10 @@ export default baseMixins.extend<options>().extend({
     genBody () {
       return this.$createElement('div', {
         staticClass: 'k-timeline-item__body',
-      }, this.$slots.default)
+      }, getSlot(this))
     },
     genIcon (): KNode | KNode[] {
-      if (this.$slots.icon) {
-        return this.$slots.icon
-      }
-
-      return this.$createElement(KIcon, {
+      return getSlot(this, 'icon') || this.$createElement(KIcon, {
         props: {
           color: this.iconColor,
           dark: !this.theme.isDark,
@@ -96,7 +93,7 @@ export default baseMixins.extend<options>().extend({
     genOpposite () {
       return this.$createElement('div', {
         staticClass: 'k-timeline-item__opposite',
-      }, this.$slots.opposite)
+      }, getSlot(this, 'opposite'))
     },
   },
 

package/src/components/KTimeline/_mixins.sass

@@ -9,8 +9,9 @@
     width: $inner-dot-size
 
 @mixin timeline-wedge-align($direction)
-  .k-timeline-item__body
-    > .k-card:before, .k-card:after
+  .k-timeline-item__body > .k-card
+    &:not(.k-card--link)::before,
+    &::after
       +ltr()
         transform: rotate(if($direction == right, 180deg, 0))
         #{$direction}: -($timeline-wedge-size)
@@ -32,7 +33,7 @@
       text-align: if($direction == left, left, right)
 
 @mixin timeline-line-align($center, $first, $second)
-  &:before
+  &::before
     +ltr()
       #{$first}: calc(#{$center} - #{$timeline-line-width / 2})
       #{$second}: initial

package/src/components/KTooltip/KTooltip.ts

@@ -6,7 +6,6 @@ import Colorable from '../../mixins/colorable'
 import Delayable from '../../mixins/delayable'
 import Dependent from '../../mixins/dependent'
 import Menuable from '../../mixins/menuable'
-import Toggleable from '../../mixins/toggleable'
 
 // Helpers
 import { convertToUnit, keyCodes, getSlotType } from '../../util/helpers'
@@ -17,7 +16,7 @@ import { KNode } from 'kdu'
 import mixins from '../../util/mixins'
 
 /* @kdujs/component */
-export default mixins(Colorable, Delayable, Dependent, Menuable, Toggleable).extend({
+export default mixins(Colorable, Delayable, Dependent, Menuable).extend({
   name: 'k-tooltip',
 
   props: {
@@ -34,6 +33,10 @@ export default mixins(Colorable, Delayable, Dependent, Menuable, Toggleable).ext
       type: Boolean,
       default: true,
     },
+    openOnFocus: {
+      type: Boolean,
+      default: true,
+    },
     tag: {
       type: String,
       default: 'span',
@@ -157,14 +160,17 @@ export default mixins(Colorable, Delayable, Dependent, Menuable, Toggleable).ext
     genActivatorListeners () {
       const listeners = Activatable.options.methods.genActivatorListeners.call(this)
 
-      listeners.focus = (e: Event) => {
-        this.getActivator(e)
-        this.runDelay('open')
-      }
-      listeners.blur = (e: Event) => {
-        this.getActivator(e)
-        this.runDelay('close')
+      if (this.openOnFocus) {
+        listeners.focus = (e: Event) => {
+          this.getActivator(e)
+          this.runDelay('open')
+        }
+        listeners.blur = (e: Event) => {
+          this.getActivator(e)
+          this.runDelay('close')
+        }
       }
+
       listeners.keydown = (e: KeyboardEvent) => {
         if (e.keyCode === keyCodes.esc) {
           this.getActivator(e)

package/src/components/KTreeview/KTreeview.ts

@@ -217,7 +217,12 @@ export default mixins(
         this.buildTree(children, key)
 
         // This fixed bug with dynamic children resetting selected parent state
-        if (!this.nodes.hasOwnProperty(key) && parent !== null && this.nodes.hasOwnProperty(parent)) {
+        if (
+          this.selectionType !== 'independent' &&
+          parent !== null &&
+          !this.nodes.hasOwnProperty(key) &&
+          this.nodes.hasOwnProperty(parent)
+        ) {
           node.isSelected = this.nodes[parent].isSelected
         } else {
           node.isSelected = oldNode.isSelected

package/src/components/KWindow/KWindow.ts

@@ -13,6 +13,7 @@ import Touch from '../../directives/touch'
 import KBtn from '../KBtn'
 import KIcon from '../KIcon'
 import { BaseItemGroup } from '../KItemGroup/KItemGroup'
+import { getSlot } from '../../util/helpers'
 
 /* @kdujs/component */
 export default BaseItemGroup.extend({
@@ -118,7 +119,7 @@ export default BaseItemGroup.extend({
 
   methods: {
     genDefaultSlot () {
-      return this.$slots.default
+      return getSlot(this)
     },
     genContainer (): KNode {
       const children = [this.genDefaultSlot()]

package/src/components/KWindow/KWindowItem.ts

@@ -9,7 +9,7 @@ import { factory as GroupableFactory } from '../../mixins/groupable'
 import Touch from '../../directives/touch'
 
 // Utilities
-import { convertToUnit } from '../../util/helpers'
+import { convertToUnit, getSlot } from '../../util/helpers'
 import mixins, { ExtractKdu } from '../../util/mixins'
 
 // Types
@@ -75,7 +75,7 @@ export default baseMixins.extend<options>().extend(
 
   methods: {
     genDefaultSlot () {
-      return this.$slots.default
+      return getSlot(this)
     },
     genWindowItem () {
       return this.$createElement('div', {

package/src/directives/click-outside/index.ts

@@ -53,7 +53,7 @@ function checkIsActive (e: PointerEvent, binding: ClickOutsideDirective): boolea
   return isActive(e)
 }
 
-function directive (e: PointerEvent, el: HTMLElement, binding: ClickOutsideDirective, knode: KNode) {
+function directive (e: PointerEvent, el: HTMLElement, binding: ClickOutsideDirective) {
   const handler = typeof binding.value === 'function' ? binding.value : binding.value!.handler
 
   el._clickOutside!.lastMousedownWasOutside && checkEvent(e, el, binding) && setTimeout(() => {
@@ -78,7 +78,7 @@ export const ClickOutside = {
   // available, iOS does not support
   // clicks on body
   inserted (el: HTMLElement, binding: ClickOutsideDirective, knode: KNode) {
-    const onClick = (e: Event) => directive(e as PointerEvent, el, binding, knode)
+    const onClick = (e: Event) => directive(e as PointerEvent, el, binding)
     const onMousedown = (e: Event) => {
       el._clickOutside!.lastMousedownWasOutside = checkEvent(e as PointerEvent, el, binding)
     }

package/src/directives/ripple/KRipple.sass

@@ -1,4 +1,4 @@
-@import './_variables.scss'
+@import '../../styles/styles.sass'
 
 .k-ripple
   &__container
@@ -28,9 +28,12 @@
 
     &--enter
       transition: none
+      opacity: 0
 
     &--in
       transition: $ripple-animation-transition-in
+      opacity: $ripple-animation-visible-opacity
 
     &--out
       transition: $ripple-animation-transition-out
+      opacity: 0

package/src/directives/ripple/index.ts

@@ -17,10 +17,6 @@ function transform (el: HTMLElement, value: string) {
   el.style.webkitTransform = value
 }
 
-function opacity (el: HTMLElement, value: number) {
-  el.style.opacity = value.toString()
-}
-
 export interface RippleOptions {
   class?: string
   center?: boolean
@@ -109,14 +105,12 @@ const ripples = {
     animation.classList.add('k-ripple__animation--enter')
     animation.classList.add('k-ripple__animation--visible')
     transform(animation, `translate(${x}, ${y}) scale3d(${scale},${scale},${scale})`)
-    opacity(animation, 0)
     animation.dataset.activated = String(performance.now())
 
     setTimeout(() => {
       animation.classList.remove('k-ripple__animation--enter')
       animation.classList.add('k-ripple__animation--in')
       transform(animation, `translate(${centerX}, ${centerY}) scale3d(1,1,1)`)
-      opacity(animation, 0.25)
     }, 0)
   },
 
@@ -137,7 +131,6 @@ const ripples = {
     setTimeout(() => {
       animation.classList.remove('k-ripple__animation--in')
       animation.classList.add('k-ripple__animation--out')
-      opacity(animation, 0)
 
       setTimeout(() => {
         const ripples = el.getElementsByClassName('k-ripple__animation')
@@ -146,7 +139,7 @@ const ripples = {
           delete el.dataset.previousPosition
         }
 
-        animation.parentNode && el.removeChild(animation.parentNode)
+        if (animation.parentNode?.parentNode === el) el.removeChild(animation.parentNode)
       }, 300)
     }, delay)
   },

package/src/globals.d.ts

@@ -105,8 +105,8 @@ declare module 'kdu/types/options' {
 }
 
 declare module 'kdu/types/kdu' {
-  export type OptionsKdu<Instance extends Kdu, Data, Methods, Computed, Props, Options = {}> = KduConstructor<
-    CombinedKduInstance<Instance, Data, Methods, Computed, Props> & Kdu,
+  export type OptionsKdu<Instance extends Kdu, Data, Methods, Computed, Props, SetupBindings, Options = {}> = KduConstructor<
+    CombinedKduInstance<Instance, Data, Methods, Computed, Props, SetupBindings> & Kdu,
     Options
   >
 
@@ -154,10 +154,10 @@ declare module 'kdu/types/kdu' {
     $_kdutify_installed?: true
     options: Options
 
-    extend<Data, Methods, Computed, Options, PropNames extends string = never> (options?: ThisTypedComponentOptionsWithArrayProps<V, Data, Methods, Computed, PropNames> & Options): OptionsKdu<V, Data, Methods, Computed, Record<PropNames, any>, Options>
-    extend<Data, Methods, Computed, Props, Options> (options?: ThisTypedComponentOptionsWithRecordProps<V, Data, Methods, Computed, Props> & Options): OptionsKdu<V, Data, Methods, Computed, Props, Options>
-    extend<Options, PropNames extends string = never> (definition: FunctionalComponentOptions<Record<PropNames, any>, PropNames[]> & Options): OptionsKdu<V, {}, {}, {}, Record<PropNames, any>, Options>
+    extend<Data, Methods, Computed, Options, SetupBindings, PropNames extends string = never> (options?: ThisTypedComponentOptionsWithArrayProps<V, Data, Methods, Computed, PropNames, SetupBindings> & Options): OptionsKdu<V, Data, Methods, Computed, Record<PropNames, any>, SetupBindings, Options>
+    extend<Data, Methods, Computed, Props, Options, SetupBindings> (options?: ThisTypedComponentOptionsWithRecordProps<V, Data, Methods, Computed, Props, SetupBindings> & Options): OptionsKdu<V, Data, Methods, Computed, Props, SetupBindings, Options>
+    extend<Options, SetupBindings, PropNames extends string = never> (definition: FunctionalComponentOptions<Record<PropNames, any>, PropNames[]> & Options): OptionsKdu<V, {}, {}, {}, Record<PropNames, any>, SetupBindings, Options>
     extend<Props, Options> (definition: FunctionalComponentOptions<Props, RecordPropsDefinition<Props>> & Options): OptionsKdu<V, {}, {}, {}, Props, Options>
-    extend<V extends Kdu = Kdu> (options?: ComponentOptions<V> & Options): OptionsKdu<V, {}, {}, {}, {}, Options>
+    extend<V extends Kdu = Kdu> (options?: ComponentOptions<V> & Options): OptionsKdu<V, {}, {}, {}, {}, {}, Options>
   }
 }

package/src/install.ts

@@ -7,7 +7,7 @@ export function install (Kdu: KduConstructor, args: KdutifyUseOptions = {}) {
   (install as any).installed = true
 
   if (OurKdu !== Kdu) {
-    consoleError(`Multiple instances of Kdu detected, if you're seeing "$attrs is readonly"`)
+    consoleError(`Multiple instances of Kdu detected. If you're seeing "$attrs is readonly", it's caused by this`)
   }
 
   const components = args.components || {}

package/src/locale/af.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} files',
     counterSize: '{0} files ({1} in total)',
@@ -66,4 +71,5 @@ export default {
       icon: 'Rating {0} of {1}',
     },
   },
+  loading: 'Loading...',
 }

package/src/locale/ar.ts

@@ -2,23 +2,23 @@ export default {
   badge: 'شارة',
   close: 'إغلاق',
   dataIterator: {
-    noResultsText: 'لا توجد سجلات مطابقة',
-    loadingText: 'تحميل العنصر...',
+    noResultsText: 'لم يتم إيجاد نتائج',
+    loadingText: 'يتم جلب العناصر...',
   },
   dataTable: {
-    itemsPerPageText: 'الصفوف لكل صفحة:',
+    itemsPerPageText: 'عدد الصفوف لكل صفحة:',
     ariaLabel: {
-      sortDescending: 'مفروز تنازلي. تنشيط لإزالة الفرز.',
-      sortAscending: 'مفروز تصاعدي. تنشيط للفرز التنازلي.',
-      sortNone: 'غير مفروزة. تفعيل لفرز تصاعدي.',
-      activateNone: 'Activate to remove sorting.',
-      activateDescending: 'Activate to sort descending.',
-      activateAscending: 'Activate to sort ascending.',
+      sortDescending: 'مرتب تنازلياً.',
+      sortAscending: 'مرتب تصاعدياً.',
+      sortNone: 'غير مرتب.',
+      activateNone: 'نشط لإزالة الترتيب.',
+      activateDescending: 'نشط للترتيب تنازلياً.',
+      activateAscending: 'نشط للترتيب تصاعدياً.',
     },
-    sortBy: 'مفروزة حسب',
+    sortBy: 'رتب حسب',
   },
   dataFooter: {
-    itemsPerPageText: 'العناصر لكل صفحة:',
+    itemsPerPageText: 'عدد العناصر لكل صفحة:',
     itemsPerPageAll: 'الكل',
     nextPage: 'الصفحة التالية',
     prevPage: 'الصفحة السابقة',
@@ -27,23 +27,28 @@ export default {
     pageText: '{0}-{1} من {2}',
   },
   datePicker: {
-    itemsSelected: '{0} مختارة',
+    itemsSelected: 'تم تحديد {0}',
     nextMonthAriaLabel: 'الشهر القادم',
     nextYearAriaLabel: 'العام القادم',
     prevMonthAriaLabel: 'الشهر الماضى',
     prevYearAriaLabel: 'السنة الماضية',
   },
-  noDataText: 'لا توجد بيانات متاحة',
+  noDataText: 'لا توجد بيانات',
   carousel: {
-    prev: 'البصري السابق',
-    next: 'البصري التالي',
+    prev: 'المعروض السابق',
+    next: 'المعروض التالي',
     ariaLabel: {
-      delimiter: 'Carousel slide {0} of {1}',
+      delimiter: 'المعروض رقم {0} من {1}',
     },
   },
   calendar: {
     moreEvents: '{0} أكثر',
   },
+  input: {
+    clear: 'Clear {0}',
+    prependAction: '{0} prepended action',
+    appendAction: '{0} appended action',
+  },
   fileInput: {
     counter: '{0} ملفات',
     counterSize: '{0} ملفات ({1} في المجموع)',
@@ -54,16 +59,17 @@ export default {
   },
   pagination: {
     ariaLabel: {
-      wrapper: 'ترقيم الصفحات الملاحة',
+      wrapper: 'الإنتقال بين الصفحات',
       next: 'الصفحة التالية',
       previous: 'الصفحة السابقة',
-      page: '{0} انتقل إلى صفحة',
-      currentPage: '{0} الصفحة الحالية ، الصفحة',
+      page: '{0} انتقل إلى الصفحة',
+      currentPage: '{0} الصفحة الحالية رقمها',
     },
   },
   rating: {
     ariaLabel: {
-      icon: 'Rating {0} of {1}',
+      icon: 'القييم {0} من {1}',
     },
   },
+  loading: 'Loading...',
 }

package/src/locale/az.ts

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

package/src/locale/bg.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/ca.ts

@@ -8,12 +8,12 @@ export default {
   dataTable: {
     itemsPerPageText: 'Files per pàgina:',
     ariaLabel: {
-      sortDescending: 'Ordre descendent. Premi per treure la ordenació.',
-      sortAscending: 'Ordre ascendent. Premi per ordenar descendent.',
-      sortNone: 'Sense ordenar. Premi per ordenar ascendent.',
-      activateNone: 'Activate to remove sorting.',
-      activateDescending: 'Activate to sort descending.',
-      activateAscending: 'Activate to sort ascending.',
+      sortDescending: 'Ordre descendent.',
+      sortAscending: 'Ordre ascendent.',
+      sortNone: 'Sense ordenar.',
+      activateNone: 'Premi per treure la ordenació.',
+      activateDescending: 'Premi per ordenar descendent.',
+      activateAscending: 'Premi per ordenar ascendent.',
     },
     sortBy: 'Ordenat per',
   },
@@ -44,6 +44,11 @@ export default {
   calendar: {
     moreEvents: '{0} més',
   },
+  input: {
+    clear: 'Clear {0}',
+    prependAction: '{0} prepended action',
+    appendAction: '{0} appended action',
+  },
   fileInput: {
     counter: '{0} fitxers',
     counterSize: '{0} fitxers ({1} en total)',
@@ -63,7 +68,8 @@ export default {
   },
   rating: {
     ariaLabel: {
-      icon: 'Rating {0} of {1}',
+      icon: 'Puntuació {0} de {1}',
     },
   },
+  loading: 'Loading...',
 }