@asd20/ui-next 2.0.17 → 2.0.19

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/CHANGELOG.md CHANGED
@@ -1,5 +1,9 @@
1
1
  # Changelog
2
2
 
3
+ ## [2.0.19](https://github.com/academydistrict20/asd20-ui-next/compare/ui-next-v2.0.18...ui-next-v2.0.19) (2026-04-02)
4
+
5
+ ## [2.0.18](https://github.com/academydistrict20/asd20-ui-next/compare/ui-next-v2.0.17...ui-next-v2.0.18) (2026-04-02)
6
+
3
7
  ## [2.0.17](https://github.com/academydistrict20/asd20-ui-next/compare/ui-next-v2.0.16...ui-next-v2.0.17) (2026-04-02)
4
8
 
5
9
  ## [2.0.16](https://github.com/academydistrict20/asd20-ui-next/compare/ui-next-v2.0.15...ui-next-v2.0.16) (2026-04-01)
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@asd20/ui-next",
3
- "version": "2.0.17",
3
+ "version": "2.0.19",
4
4
  "private": false,
5
5
  "description": "ASD20 UI component library for Vue 3.",
6
6
  "license": "MIT",
@@ -82,6 +82,7 @@ export default {
82
82
  },
83
83
 
84
84
  updated() {
85
+ if (!this.swiper) return
85
86
  this.swiper.update()
86
87
  },
87
88
  beforeUnmount() {
@@ -155,6 +156,7 @@ export default {
155
156
  this.$emit('update:swiper', this.swiper)
156
157
  },
157
158
  onSlideChange() {
159
+ if (!this.swiper) return
158
160
  this.index = this.swiper.realIndex
159
161
  },
160
162
  },
@@ -658,11 +658,11 @@ export default {
658
658
  }
659
659
 
660
660
  .asd20-secondary-header--hide-desktop-image {
661
- & :deep(.message-image) {
661
+ & :deep(.asd20-messaging--fullscreen > .message-image) {
662
662
  display: none;
663
663
  }
664
664
 
665
- & :deep(.asd20-messaging__content) {
665
+ & :deep(.asd20-messaging--fullscreen > .asd20-messaging__content) {
666
666
  max-width: 60%;
667
667
  }
668
668
  }
@@ -66,7 +66,7 @@
66
66
  <div class="feed-buttons">
67
67
  <asd20-button
68
68
  v-if="link && linkLabel && (cards.length >= 10 || cardType === 'Event')"
69
- :class="hasProtectedContent ? 'secondary-button' : ''"
69
+ :class="showProtectedContentButtons ? 'secondary-button' : ''"
70
70
  :label="linkLabel"
71
71
  :link="link"
72
72
  size="md"
@@ -76,7 +76,7 @@
76
76
  centered
77
77
  />
78
78
  <asd20-button
79
- v-if="hasProtectedContent"
79
+ v-if="showProtectedContentButtons"
80
80
  class="secondary-button"
81
81
  label="Leadership Announcements"
82
82
  link="/staff-announcements?category=Leadership"
@@ -87,7 +87,7 @@
87
87
  centered
88
88
  />
89
89
  <asd20-button
90
- v-if="hasProtectedContent"
90
+ v-if="showProtectedContentButtons"
91
91
  class="secondary-button"
92
92
  label="Communication Tool Form"
93
93
  link="https://forms.office.com/Pages/ResponsePage.aspx?id=zcp1lGYYyky2X9rtmQDNB-eqaTnt2ZBNtZ1N5vhrzHNUNFBHNlNBOUJaN1VXQjhDRzBVQVdOS1pVQSQlQCN0PWcu"
@@ -128,7 +128,14 @@ export default {
128
128
  hasProtectedContent: { type: Boolean, default: false },
129
129
  },
130
130
 
131
+ data: () => ({
132
+ clientMounted: false,
133
+ }),
134
+
131
135
  computed: {
136
+ showProtectedContentButtons() {
137
+ return this.clientMounted && this.hasProtectedContent
138
+ },
132
139
  swiperOptions() {
133
140
  return {
134
141
  slidesPerView: 1,
@@ -151,6 +158,9 @@ export default {
151
158
  }
152
159
  },
153
160
  },
161
+ mounted() {
162
+ this.clientMounted = true
163
+ },
154
164
  methods: {
155
165
  getCardKey(card, index) {
156
166
  if (card && card.event) {