@asd20/ui 3.2.768 → 3.2.770

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
@@ -5,7 +5,7 @@
5
5
  "*.scss",
6
6
  "*.vue"
7
7
  ],
8
- "version": "3.2.768",
8
+ "version": "3.2.770",
9
9
  "private": false,
10
10
  "license": "MIT",
11
11
  "repository": {
@@ -4,7 +4,7 @@
4
4
  class="message-image"
5
5
  v-if="images && images.length > 0 && messageImage && fullscreen"
6
6
  >
7
- <img :src="messageImage" alt />
7
+ <img :src="messageImage" :alt="messageImageAlt" />
8
8
  </div>
9
9
  <div class="asd20-messaging__content">
10
10
  <component
@@ -104,6 +104,13 @@ export default {
104
104
  }
105
105
  return messageImageUrl
106
106
  },
107
+ messageImageAlt() {
108
+ // Get full image
109
+ const messageImages = Array.isArray(this.images) ? this.images : []
110
+
111
+ const coverImage = messageImages.find(i => i.isCover)
112
+ return coverImage.metadata.alt
113
+ },
107
114
  },
108
115
  }
109
116
  </script>
@@ -1,10 +1,10 @@
1
1
  <template>
2
2
  <div :class="classes">
3
- <label
3
+ <!-- <label
4
4
  class="asd20-select-input__label"
5
5
  v-show="!hideLabel"
6
6
  v-html="label"
7
- />
7
+ /> -->
8
8
  <div class="asd20-select-input__field-wrapper">
9
9
  <slot name="prefix" />
10
10
  <Asd20Icon v-show="icon" :name="icon" />
@@ -49,7 +49,7 @@ export default {
49
49
  width: min-content;
50
50
  padding: space(0.0625) space(0.25);
51
51
  align-items: center;
52
- font-size: 0.625rem;
52
+ font-size: 0.75rem;
53
53
  font-weight: bold;
54
54
  text-transform: uppercase;
55
55
  line-height: 1;
@@ -134,7 +134,12 @@ export default {
134
134
  },
135
135
  computed: {
136
136
  truncatedDescription() {
137
- return truncate(this.description, { length: 150, separator: /,? +/ })
137
+ const strippedDescription = this.description
138
+ //remove anchor tags but leave anchor text description
139
+ .replace(/<a[^>]*>(.*?)<\/a>/g, '$1')
140
+ // remove other html tags
141
+ .replace(/<[^>]+>/g, '')
142
+ return truncate(strippedDescription, { length: 150, separator: /,? +/ })
138
143
  },
139
144
  classes() {
140
145
  return {
@@ -62,7 +62,7 @@
62
62
  ></path>
63
63
  </g>
64
64
  </svg>
65
- <span aria-hidden="true">{{ totalDismissedNotifications }}</span>
65
+ <span v-if="totalDismissedNotifications > 0" aria-hidden="true">{{ totalDismissedNotifications }}</span>
66
66
  </button>
67
67
 
68
68
  <div
@@ -54,7 +54,7 @@
54
54
  "uid": "MDQwMDAwMDA4MjAwRTAwMDc0QzVCNzEwMUE4MkUwMDgwMDAwMDAwMDYwMzFGM0FERjUwQkQ5MDEwMDAwMDAwMDAwMDAwMDAwMTAwMDAwMDA1NjA4MzhGNkIzMkU3OTQ1ODk2OUU1RUJDRENBM0U4Rg==",
55
55
  "type": "event",
56
56
  "summary": "First day of second semester",
57
- "description": "",
57
+ "description": "<a href='www.asd20.org'>Visit ASD20.org</a> for more information.",
58
58
  "location": "AAHS",
59
59
  "start": "2023-01-05T07:00:00Z",
60
60
  "end": "2023-01-06T07:00:00Z",
@@ -156,7 +156,7 @@
156
156
  ],
157
157
  "isCover": true,
158
158
  "metadata": {
159
- "alt": "",
159
+ "alt": "Kids in class.",
160
160
  "credits": "Photo Credit: Krystal Story"
161
161
  }
162
162
  }],
@@ -287,7 +287,7 @@
287
287
  }],
288
288
  "isCover": true,
289
289
  "metadata": {
290
- "alt": ""
290
+ "alt": "A young kindergartner smiles while wearing sunglasses."
291
291
  }
292
292
  }],
293
293
  "videos": [{