@asd20/ui-next 2.7.6 → 2.9.0

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.
Files changed (4) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/package.json +2 -1
  3. package/src/components/organisms/Asd20SchoolHomepageVideoHeader/index.vue +6 -1
  4. package/src/components/organisms/Asd20VideoHeader/index.vue +6 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,19 @@
1
1
  # Changelog
2
2
 
3
+ # [2.9.0](https://github.com/academydistrict20/asd20-ui-next/compare/ui-next-v2.8.0...ui-next-v2.9.0) (2026-05-12)
4
+
5
+
6
+ ### Features
7
+
8
+ * all templates to be individually/lazy loaded ([f218076](https://github.com/academydistrict20/asd20-ui-next/commit/f218076c8daf23fc0a6446d7f99da888cd2484da))
9
+
10
+ # [2.8.0](https://github.com/academydistrict20/asd20-ui-next/compare/ui-next-v2.7.6...ui-next-v2.8.0) (2026-05-12)
11
+
12
+
13
+ ### Features
14
+
15
+ * optimize video loading for mobile devices ([bf57b66](https://github.com/academydistrict20/asd20-ui-next/commit/bf57b66611bbf4652e801c246d7b6c483e64bb71))
16
+
3
17
  ## [2.7.6](https://github.com/academydistrict20/asd20-ui-next/compare/ui-next-v2.7.5...ui-next-v2.7.6) (2026-05-07)
4
18
 
5
19
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@asd20/ui-next",
3
- "version": "2.7.6",
3
+ "version": "2.9.0",
4
4
  "private": false,
5
5
  "description": "ASD20 UI component library for Vue 3.",
6
6
  "license": "MIT",
@@ -30,6 +30,7 @@
30
30
  "./styles.css": "./src/design/tokens.css",
31
31
  "./design/*": "./src/design/*",
32
32
  "./assets/*": "./src/assets/*",
33
+ "./templates/*": "./src/components/templates/*/index.vue",
33
34
  "./package.json": "./package.json"
34
35
  },
35
36
  "dependencies": {
package/src/components/organisms/Asd20SchoolHomepageVideoHeader/index.vue CHANGED
@@ -26,6 +26,7 @@
26
26
  loop
27
27
  muted
28
28
  playsinline
29
+ preload="none"
29
30
  :poster="imageUrl"
30
31
  >
31
32
  <source
@@ -39,6 +40,8 @@
39
40
  class="background-image"
40
41
  :src="imageUrl"
41
42
  :alt="imageCaption"
43
+ decoding="async"
44
+ fetchpriority="high"
42
45
  />
43
46
  <button
44
47
  v-if="videoUrl && !isMobile"
@@ -129,6 +132,7 @@ export default {
129
132
  },
130
133
  data() {
131
134
  return {
135
+ hasMounted: false,
132
136
  isPaused: false,
133
137
  isMobile: false,
134
138
  }
@@ -151,13 +155,14 @@ export default {
151
155
  )
152
156
  },
153
157
  loadVideo() {
154
- if (this.isMobile) {
158
+ if (!this.hasMounted || this.isMobile) {
155
159
  return null
156
160
  }
157
161
  return this.videoUrl
158
162
  },
159
163
  },
160
164
  mounted() {
165
+ this.hasMounted = true
161
166
  this.checkIsMobile()
162
167
  window.addEventListener('resize', this.checkIsMobile)
163
168
  },
package/src/components/organisms/Asd20VideoHeader/index.vue CHANGED
@@ -115,6 +115,7 @@
115
115
  loop
116
116
  muted
117
117
  playsinline
118
+ preload="none"
118
119
  :poster="imageUrl"
119
120
  >
120
121
  <source
@@ -128,6 +129,8 @@
128
129
  class="background-image"
129
130
  :src="imageUrl"
130
131
  :alt="imageCaption"
132
+ decoding="async"
133
+ fetchpriority="high"
131
134
  />
132
135
  <button
133
136
  v-if="videoUrl && !isMobile"
@@ -172,6 +175,7 @@ export default {
172
175
  },
173
176
  data() {
174
177
  return {
178
+ hasMounted: false,
175
179
  isPaused: false,
176
180
  isMobile: false,
177
181
  }
@@ -191,13 +195,14 @@ export default {
191
195
  )
192
196
  },
193
197
  loadVideo() {
194
- if (this.isMobile) {
198
+ if (!this.hasMounted || this.isMobile) {
195
199
  return null
196
200
  }
197
201
  return this.videoUrl
198
202
  },
199
203
  },
200
204
  mounted() {
205
+ this.hasMounted = true
201
206
  this.checkIsMobile()
202
207
  window.addEventListener('resize', this.checkIsMobile)
203
208
  },