@asd20/ui-next 2.25.0 → 2.25.1

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## [2.25.1](https://github.com/academydistrict20/asd20-ui-next/compare/ui-next-v2.25.0...ui-next-v2.25.1) (2026-09-23)
+
+
+### Bug Fixes
+
+* add public form activation to sidebar links ([2f82e94](https://github.com/academydistrict20/asd20-ui-next/commit/2f82e94d2249df42f695f9cfe4fbbd4e254c46b7))
+
 # [2.25.0](https://github.com/academydistrict20/asd20-ui-next/compare/ui-next-v2.24.4...ui-next-v2.25.0) (2026-09-21)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@asd20/ui-next",
-  "version": "2.25.0",
+  "version": "2.25.1",
   "private": false,
   "description": "ASD20 UI component library for Vue 3.",
   "license": "MIT",

package/src/components/molecules/Asd20ListItem/index.vue

@@ -3,6 +3,8 @@
     :is="tag"
     :[hrefAttr]="hrefValue"
     :[targetAttr]="targetValue"
+    :type="tag === 'button' ? 'button' : undefined"
+    :data-public-form="normalizedPublicFormId || undefined"
     class="asd20-list-item"
     :class="classes"
     @click="onClick"
@@ -168,6 +170,7 @@ export default {
     alignTop: { type: Boolean, default: false },
     to: { type: [String, Object], default: '' },
     link: { type: String, default: '' },
+    publicFormId: { type: String, default: '' },
     sourceTitle: { type: String, default: '' },
     logoUrl: { type: String, default: '' },
     attribution: { type: Boolean, default: false },
@@ -186,6 +189,9 @@ export default {
       }
     },
     tag() {
+      if (this.actionable && this.normalizedPublicFormId) {
+        return 'button'
+      }
       if (this.actionable && this.usesRouterNavigation) {
         return 'button'
       }
@@ -201,8 +207,14 @@ export default {
       return this.tag === 'a' ? 'href' : null
     },
     hrefValue() {
+      if (this.normalizedPublicFormId) return ''
       return this.link || this.to
     },
+    normalizedPublicFormId() {
+      if (!this.actionable) return ''
+      const formId = String(this.publicFormId || '').trim()
+      return /^[a-z0-9]+(?:-[a-z0-9]+)*$/.test(formId) ? formId : ''
+    },
     usesRouterNavigation() {
       const router = resolveRouter(this)
       if (!router || !this.to) return false
@@ -230,7 +242,12 @@ export default {
     onClick(e) {
       const router = resolveRouter(this)
 
-      if (this.usesRouterNavigation && router && typeof router.push === 'function') {
+      if (
+        !this.normalizedPublicFormId &&
+        this.usesRouterNavigation &&
+        router &&
+        typeof router.push === 'function'
+      ) {
         e.preventDefault()
         router.push(this.to)
       }

package/src/helpers/mapLinksToListItems.js

@@ -14,6 +14,7 @@ export default function mapLinksToListItems(links) {
         alignTop: false,
         tags: [],
         link: l.url || '',
+        publicFormId: l.publicFormId || '',
         thumbnail: l.imageUrl,
         to: l.to || l.path,
       }