@asd20/ui 3.2.1011 → 3.2.1013

package/package.json

@@ -5,7 +5,7 @@
     "*.scss",
     "*.vue"
   ],
-  "version": "3.2.1011",
+  "version": "3.2.1013",
   "private": false,
   "license": "MIT",
   "repository": {

package/src/components/atoms/Asd20Checkbox/index.vue

@@ -16,7 +16,7 @@
       type="checkbox"
       @change="toggle"
     />
-    <label :for="id" @click.prevent="$refs.checkbox.click()">
+    <label :class="id" :for="id" @click.prevent="$refs.checkbox.click()">
       <span>{{ label }}</span>
       <span v-if="description" class="asd20-checkbox__description">{{
         description

package/src/components/atoms/Asd20Messaging/index.vue

@@ -19,6 +19,9 @@
       <div v-if="shortDescription" class="lead short-description">
         <span v-html="shortDescription"></span>
         <a v-if="detailLink" :href="detailLink">{{ detailLinkLabel }}</a>
+        <span class="external-link" v-if="isAbsoluteUrl(detailLink)">
+          <asd20-icon name="external" size="sm" />
+        </span>
       </div>
       <p
         v-if="longDescription"
@@ -48,9 +51,11 @@
 
 <script>
 import Asd20Button from '../Asd20Button'
+import Asd20Icon from '../Asd20Icon'
+
 export default {
   name: 'Asd20Messaging',
-  components: { Asd20Button },
+  components: { Asd20Button, Asd20Icon },
   props: {
     images: { type: Array, default: () => [] },
     heading: { type: String, default: '' },
@@ -67,10 +72,7 @@ export default {
 
   computed: {
     hash() {
-      return this.heading
-        .toLowerCase()
-        .split(' ')
-        .join('-')
+      return this.heading.toLowerCase().split(' ').join('-')
     },
     classes() {
       return {
@@ -94,7 +96,11 @@ export default {
       if (coverImage) {
         const coverImageFiles = coverImage.files || []
         const coverImageFull = coverImageFiles.find(f => f.name === 'full')
-        if (coverImageFull && coverImageFull.filename && coverImageFull.filename.includes('headerimage')) {
+        if (
+          coverImageFull &&
+          coverImageFull.filename &&
+          coverImageFull.filename.includes('headerimage')
+        ) {
           messageImageUrl = ''
         } else {
           messageImageUrl = coverImageFull
@@ -112,6 +118,13 @@ export default {
       return coverImage.metadata.alt
     },
   },
+  methods: {
+    isAbsoluteUrl(url) {
+      if (!url || typeof url !== 'string') return false
+      const s = url.trim()
+      return /^https?:\/\//i.test(s) || s.startsWith('//')
+    },
+  },
 }
 </script>
 
@@ -159,6 +172,11 @@ export default {
   }
   &__content {
     align-self: stretch;
+    .external-link {
+      display: inline-block;
+      line-height: 0;
+      vertical-align: -0.3rem;
+    }
   }
   &__body-content {
     margin-bottom: space(1);

package/src/components/organisms/Asd20SiteMenu/index.vue

@@ -108,7 +108,7 @@
                 :target="
                   !item.url || item.url.startsWith('/') ? undefined : '_blank'
                 "
-                >{{ item.title }}</a
+                >{{ item.title }} <asd20-icon v-if="isAbsoluteUrl(item.url)" name="external" size="sm" style="margin-left: 0.25rem" /></a
               >
             </div>
           </div>
@@ -290,6 +290,11 @@ export default {
     shiftKeyNotPressed() {
       this.next()
     },
+    isAbsoluteUrl(url) {
+      if (!url || typeof url !== 'string') return false
+      const s = url.trim()
+      return /^https?:\/\//i.test(s) || s.startsWith('//')
+    },
   },
 }
 </script>

package/src/data/page-queries/landing-page-query-result.json

@@ -510,7 +510,7 @@
                 "id": "d7d84e8e-446e-11ea-9d5c-c35d5b2134f1",
                 "title": "Meals and nutrition details.",
                 "trackingCode": null,
-                "url": "/student-services/nutrition-and-food-services"
+                "url": "https://asd20.org/student-services/nutrition-and-food-services"
               }
             }
           ],
@@ -830,7 +830,7 @@
                 "parentMenuItemId": "de03c667-3742-11ea-a71e-a93d820ffeff",
                 "order": 1,
                 "title": "Alternative Education",
-                "url": "/academics/alternative-education",
+                "url": "https://asd20.org/academics/alternative-education",
                 "icon": ""
               },
               {