@redseed/redseed-ui-vue3 2.13.4 → 2.13.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@redseed/redseed-ui-vue3",
3
- "version": "2.13.4",
3
+ "version": "2.13.6",
4
4
  "description": "RedSeed UI Vue 3 components",
5
5
  "main": "index.js",
6
6
  "scripts": {
@@ -41,6 +41,8 @@ const cardGroupClasses = computed(() => [
41
41
  }
42
42
  ])
43
43
 
44
+ const emit = defineEmits(['pageUpdated', 'firstPageUpdated', 'lastPageUpdated'])
45
+
44
46
  const pageUpdated = (event) => {
45
47
  emit('pageUpdated', event)
46
48
  }
@@ -53,8 +55,6 @@ const lastPageUpdated = (event) => {
53
55
  emit('lastPageUpdated', event)
54
56
  }
55
57
 
56
- const emit = defineEmits(['pageUpdated', 'firstPageUpated', 'lastPageUpdated'])
57
-
58
58
  const showEmptyMessage = computed(() => !props.totalItems && !props.controlApplied)
59
59
 
60
60
  const showNotFoundMessage = computed(() => !props.totalItems && props.controlApplied)
@@ -18,7 +18,12 @@ const props = defineProps({
18
18
  },
19
19
  })
20
20
 
21
- const emit = defineEmits(['change', 'clickEmptyAction'])
21
+ const emit = defineEmits([
22
+ 'change',
23
+ 'clickEmptyAction',
24
+ 'clickSecondaryEmptyAction',
25
+ 'clickTertiaryEmptyAction',
26
+ ])
22
27
 
23
28
  const controlApplied = ref(false)
24
29
 
@@ -59,7 +64,11 @@ function controlChanged(event) {
59
64
  <div v-if="showEmptyMessage"
60
65
  class="rsui-list__empty"
61
66
  >
62
- <Empty @clickPrimaryAction="$emit('clickEmptyAction')">
67
+ <Empty
68
+ @clickPrimaryAction="$emit('clickEmptyAction')"
69
+ @clickSecondaryAction="$emit('clickSecondaryEmptyAction')"
70
+ @clickTertiaryAction="$emit('clickTertiaryEmptyAction')"
71
+ >
63
72
  <template #image>
64
73
  <slot name="empty-image"></slot>
65
74
  </template>
@@ -69,6 +78,12 @@ function controlChanged(event) {
69
78
  <template #primary-action-label v-if="$slots['empty-action-label']">
70
79
  <slot name="empty-action-label"></slot>
71
80
  </template>
81
+ <template #secondary-action-label v-if="$slots['empty-secondary-action-label']">
82
+ <slot name="empty-secondary-action-label"></slot>
83
+ </template>
84
+ <template #tertiary-action-label v-if="$slots['empty-tertiary-action-label']">
85
+ <slot name="empty-tertiary-action-label"></slot>
86
+ </template>
72
87
 
73
88
  <slot name="empty-description">It looks like there's nothing here yet.</slot>
74
89
  </Empty>