@unimelb/pattern-lib-vue 16.3.0-alpha.1 → 16.3.0-alpha.2

package/.out/vue.js

@@ -745,7 +745,7 @@ function Ri(t, n, e, s, a, i) {
     })
   ]);
 }
-const tp = /* @__PURE__ */ E(Mi, [["render", Ri]]), qi = "https://d2glwx35mhbfwf.cloudfront.net/v16.3.0-alpha.1/staff-placeholder.png", zi = "https://d2glwx35mhbfwf.cloudfront.net/v16.3.0-alpha.1/staff-placeholder-short.png", Ue = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=", Ie = qi, Hi = zi, Gi = {
+const tp = /* @__PURE__ */ E(Mi, [["render", Ri]]), qi = "https://d3g9fbim8t3oqi.cloudfront.net/v16.3.0-alpha.2/staff-placeholder.png", zi = "https://d3g9fbim8t3oqi.cloudfront.net/v16.3.0-alpha.2/staff-placeholder-short.png", Ue = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=", Ie = qi, Hi = zi, Gi = {
   name: "FocusWrapper",
   props: {
     padded: {
@@ -3026,7 +3026,7 @@ function Ol() {
   return $t = x, $t;
 }
 var Pl = Ol();
-const Bl = /* @__PURE__ */ Ke(Pl), Fl = "https://d2glwx35mhbfwf.cloudfront.net/v16.3.0-alpha.1/video-placeholder-16x9.png", A2 = 50, Zt = 100, Dl = 300, He = 500, Nl = 2e3, Kt = () => {
+const Bl = /* @__PURE__ */ Ke(Pl), Fl = "https://d3g9fbim8t3oqi.cloudfront.net/v16.3.0-alpha.2/video-placeholder-16x9.png", A2 = 50, Zt = 100, Dl = 300, He = 500, Nl = 2e3, Kt = () => {
   let t = !1;
   return window && window.navigator && (t = /Mobi/i.test(window.navigator.userAgent)), t;
 }, Vl = {
@@ -4641,8 +4641,8 @@ const Tp = /* @__PURE__ */ E(ko, [["render", Zo]]), Ko = {
 }, Yo = { class: "page-header__inner" }, Xo = {
   key: 0,
   class: "page-header__entity"
-}, Qo = ["innerHTML"], Jo = ["innerHTML"], e1 = { class: "page-header__heading" };
-function t1(t, n, e, s, a, i) {
+}, Qo = ["innerHTML"], Jo = ["innerHTML"], ed = { class: "page-header__heading" };
+function td(t, n, e, s, a, i) {
   const r = w("Logo");
   return c(), h("header", {
     class: F(`page-header page-header--l${e.level}`)
@@ -4660,7 +4660,7 @@ function t1(t, n, e, s, a, i) {
           innerHTML: e.entitySub
         }, null, 8, Jo)) : L("", !0)
       ])) : L("", !0),
-      o("h1", e1, b(e.title), 1)
+      o("h1", ed, b(e.title), 1)
     ]),
     o("div", {
       style: te({ backgroundImage: `url(${e.img})` }),
@@ -4668,7 +4668,7 @@ function t1(t, n, e, s, a, i) {
     }, null, 4)
   ], 2);
 }
-const xp = /* @__PURE__ */ E(Ko, [["render", t1]]), n1 = {
+const xp = /* @__PURE__ */ E(Ko, [["render", td]]), nd = {
   components: {
     SocialListGeneric: u2
   },
@@ -4699,27 +4699,27 @@ const xp = /* @__PURE__ */ E(Ko, [["render", t1]]), n1 = {
       default: ""
     }
   }
-}, i1 = { class: "page-header-event" }, s1 = { class: "page-header-event__inner" }, a1 = {
+}, id = { class: "page-header-event" }, sd = { class: "page-header-event__inner" }, ad = {
   key: 0,
   class: "page-header-event__header"
-}, r1 = { class: "page-header-event__body" }, l1 = { class: "page-header-event__title" }, o1 = {
+}, rd = { class: "page-header-event__body" }, ld = { class: "page-header-event__title" }, od = {
   key: 0,
   class: "page-header-event__sub-title"
-}, d1 = {
+}, dd = {
   key: 1,
   class: "page-header-event__description"
-}, c1 = { class: "page-header-event__footer" };
-function u1(t, n, e, s, a, i) {
+}, cd = { class: "page-header-event__footer" };
+function ud(t, n, e, s, a, i) {
   const r = w("ButtonIcon"), d = w("SocialListGeneric");
-  return c(), h("div", i1, [
-    o("div", s1, [
-      e.headerText ? (c(), h("h4", a1, b(e.headerText), 1)) : L("", !0),
-      o("div", r1, [
-        o("h2", l1, b(e.titleText), 1),
-        e.subTitleText ? (c(), h("h4", o1, b(e.subTitleText), 1)) : L("", !0),
-        e.descriptionText ? (c(), h("p", d1, b(e.descriptionText), 1)) : L("", !0)
+  return c(), h("div", id, [
+    o("div", sd, [
+      e.headerText ? (c(), h("h4", ad, b(e.headerText), 1)) : L("", !0),
+      o("div", rd, [
+        o("h2", ld, b(e.titleText), 1),
+        e.subTitleText ? (c(), h("h4", od, b(e.subTitleText), 1)) : L("", !0),
+        e.descriptionText ? (c(), h("p", dd, b(e.descriptionText), 1)) : L("", !0)
       ]),
-      o("div", c1, [
+      o("div", cd, [
         e.buttonLink ? (c(), G(r, {
           key: 0,
           href: e.buttonLink,
@@ -4745,7 +4745,7 @@ function u1(t, n, e, s, a, i) {
     ])
   ]);
 }
-const Ip = /* @__PURE__ */ E(n1, [["render", u1]]), f1 = {
+const Ip = /* @__PURE__ */ E(nd, [["render", ud]]), fd = {
   components: {
     Logo: Xe
   },
@@ -4755,20 +4755,20 @@ const Ip = /* @__PURE__ */ E(n1, [["render", u1]]), f1 = {
       default: !1
     }
   }
-}, h1 = { class: "page-header page-header--l3" }, p1 = { class: "page-header__inner max" };
-function m1(t, n, e, s, a, i) {
+}, hd = { class: "page-header page-header--l3" }, pd = { class: "page-header__inner max" };
+function md(t, n, e, s, a, i) {
   const r = w("Logo");
-  return c(), h("header", h1, [
+  return c(), h("header", hd, [
     o("div", {
       style: te({ backgroundImage: e.image }),
       class: F([{ "bg-pattern": e.image }, "page-header__shape"])
     }, null, 6),
-    o("div", p1, [
+    o("div", pd, [
       S(r, { size: "md" })
     ])
   ]);
 }
-const $p = /* @__PURE__ */ E(f1, [["render", m1]]), g1 = {
+const $p = /* @__PURE__ */ E(fd, [["render", md]]), gd = {
   components: {
     ImageComponent: pe
   },
@@ -4812,25 +4812,25 @@ const $p = /* @__PURE__ */ E(f1, [["render", m1]]), g1 = {
       };
     }
   }
-}, _1 = {
+}, _d = {
   key: 0,
   class: "page-header-alt__img"
-}, v1 = { class: "page-header-alt__content-inner" }, b1 = ["href"], C1 = { class: "page-header-alt__title" }, y1 = {
+}, vd = { class: "page-header-alt__content-inner" }, bd = ["href"], Cd = { class: "page-header-alt__title" }, yd = {
   key: 1,
   class: "paragraph-lg page-header-alt__introduction"
-}, S1 = {
+}, Sd = {
   key: 2,
   class: "page-header-alt__actions"
-}, w1 = {
+}, wd = {
   key: 0,
   class: "page-header-alt__content-after"
 };
-function k1(t, n, e, s, a, i) {
+function kd(t, n, e, s, a, i) {
   const r = w("ImageComponent");
   return c(), h("div", {
     class: F(i.classes)
   }, [
-    e.img ? (c(), h("div", _1, [
+    e.img ? (c(), h("div", _d, [
       S(r, {
         src: e.img.src,
         alt: e.img.alt || "",
@@ -4846,27 +4846,27 @@ function k1(t, n, e, s, a, i) {
       o("div", {
         class: F(["page-header-alt__content", e.tag ? "page-header-alt__content--tag" : ""])
       }, [
-        o("div", v1, [
+        o("div", vd, [
           e.tag ? (c(), h("a", {
             key: 0,
             href: e.tag.href,
             class: F(["page-header-alt__title-tag label-sm", { [`page-header-alt__title-tag--${e.tag.color}`]: e.tag.color }])
-          }, b(e.tag.text), 11, b1)) : L("", !0),
-          o("h1", C1, b(e.title), 1),
-          e.introduction ? (c(), h("p", y1, b(e.introduction), 1)) : L("", !0),
+          }, b(e.tag.text), 11, bd)) : L("", !0),
+          o("h1", Cd, b(e.title), 1),
+          e.introduction ? (c(), h("p", yd, b(e.introduction), 1)) : L("", !0),
           j(t.$slots, "default"),
-          t.$slots.actions ? (c(), h("div", S1, [
+          t.$slots.actions ? (c(), h("div", Sd, [
             j(t.$slots, "actions")
           ])) : L("", !0)
         ]),
-        t.$slots.after ? (c(), h("div", w1, [
+        t.$slots.after ? (c(), h("div", wd, [
           j(t.$slots, "after")
         ])) : L("", !0)
       ], 2)
     ], 2)
   ], 2);
 }
-const Ep = /* @__PURE__ */ E(g1, [["render", k1]]), L1 = {
+const Ep = /* @__PURE__ */ E(gd, [["render", kd]]), Ld = {
   components: {
     ImageComponent: pe
   },
@@ -4887,17 +4887,17 @@ const Ep = /* @__PURE__ */ E(g1, [["render", k1]]), L1 = {
       default: ""
     }
   }
-}, T1 = { class: "page-header-study" }, x1 = {
+}, Td = { class: "page-header-study" }, xd = {
   key: 0,
   class: "page-header-study__img"
-}, I1 = { class: "max page-header-study__inner" }, $1 = { class: "page-header-study__content" }, E1 = { class: "page-header-study__content-inner" }, A1 = { class: "page-header-study__title" }, M1 = {
+}, Id = { class: "max page-header-study__inner" }, $d = { class: "page-header-study__content" }, Ed = { class: "page-header-study__content-inner" }, Ad = { class: "page-header-study__title" }, Md = {
   key: 0,
   class: "paragraph-lg"
 };
-function O1(t, n, e, s, a, i) {
+function Od(t, n, e, s, a, i) {
   const r = w("ImageComponent");
-  return c(), h("div", T1, [
-    e.bgColorSrc ? (c(), h("div", x1, [
+  return c(), h("div", Td, [
+    e.bgColorSrc ? (c(), h("div", xd, [
       S(r, {
         src: e.bgColorSrc,
         alt: "",
@@ -4907,18 +4907,18 @@ function O1(t, n, e, s, a, i) {
         class: "page-header-study__img-bg"
       }, null, 8, ["src"])
     ])) : L("", !0),
-    o("div", I1, [
-      o("div", $1, [
-        o("div", E1, [
-          o("h1", A1, b(e.title), 1),
-          e.introduction ? (c(), h("p", M1, b(e.introduction), 1)) : L("", !0),
+    o("div", Id, [
+      o("div", $d, [
+        o("div", Ed, [
+          o("h1", Ad, b(e.title), 1),
+          e.introduction ? (c(), h("p", Md, b(e.introduction), 1)) : L("", !0),
           j(t.$slots, "default")
         ])
       ])
     ])
   ]);
 }
-const Ap = /* @__PURE__ */ E(L1, [["render", O1]]), P1 = {
+const Ap = /* @__PURE__ */ E(Ld, [["render", Od]]), Pd = {
   components: {
     ImageComponent: pe
   },
@@ -4941,20 +4941,20 @@ const Ap = /* @__PURE__ */ E(L1, [["render", O1]]), P1 = {
       default: ""
     }
   }
-}, B1 = { class: "page-header-home" }, F1 = { key: 0 }, D1 = {
+}, Bd = { class: "page-header-home" }, Fd = { key: 0 }, Dd = {
   key: 1,
   class: "page-header-home__img"
-}, N1 = { class: "max page-header-home__inner" }, V1 = { class: "page-header-home__content" }, R1 = { class: "page-header-home__content-inner" }, q1 = ["innerHTML"], z1 = {
+}, Nd = { class: "max page-header-home__inner" }, Vd = { class: "page-header-home__content" }, Rd = { class: "page-header-home__content-inner" }, qd = ["innerHTML"], zd = {
   key: 0,
   class: "page-header-home__actions"
-}, H1 = {
+}, Hd = {
   key: 2,
   class: "page-header-home__after"
 };
-function G1(t, n, e, s, a, i) {
+function Gd(t, n, e, s, a, i) {
   const r = w("ImageComponent");
-  return c(), h("div", B1, [
-    e.bgSrc ? (c(), h("div", F1, [
+  return c(), h("div", Bd, [
+    e.bgSrc ? (c(), h("div", Fd, [
       S(r, {
         src: e.bgSrc,
         alt: "",
@@ -4963,7 +4963,7 @@ function G1(t, n, e, s, a, i) {
         class: "page-header-home__bg"
       }, null, 8, ["src"])
     ])) : L("", !0),
-    e.img ? (c(), h("div", D1, [
+    e.img ? (c(), h("div", Dd, [
       S(r, {
         src: e.img.src,
         alt: e.img.alt || "",
@@ -4975,26 +4975,26 @@ function G1(t, n, e, s, a, i) {
         class: "page-header-home__img-inner"
       }, null, 8, ["src", "alt"])
     ])) : L("", !0),
-    o("div", N1, [
-      o("div", V1, [
-        o("div", R1, [
+    o("div", Nd, [
+      o("div", Vd, [
+        o("div", Rd, [
           o("h1", {
             class: "page-header-home__title",
             innerHTML: e.title
-          }, null, 8, q1),
+          }, null, 8, qd),
           j(t.$slots, "default"),
-          t.$slots.actions ? (c(), h("div", z1, [
+          t.$slots.actions ? (c(), h("div", zd, [
             j(t.$slots, "actions")
           ])) : L("", !0)
         ])
       ])
     ]),
-    t.$slots.after ? (c(), h("div", H1, [
+    t.$slots.after ? (c(), h("div", Hd, [
       j(t.$slots, "after")
     ])) : L("", !0)
   ]);
 }
-const Mp = /* @__PURE__ */ E(P1, [["render", G1]]), j1 = {
+const Mp = /* @__PURE__ */ E(Pd, [["render", Gd]]), jd = {
   name: "PageNav",
   components: {
     SvgIcon: ee
@@ -5076,15 +5076,15 @@ const Mp = /* @__PURE__ */ E(P1, [["render", G1]]), j1 = {
       e.preventDefault(), t.classList.remove("sitenav__panel--open"), this.state.open.pop(), t.scrollTop = 0, [...this.state.open].pop().classList.remove("sitenav__panel--nested-open"), this.$emit("page-nav-close-nested-panel");
     }
   }
-}, W1 = { class: "header-tools__menu" }, U1 = {
+}, Wd = { class: "header-tools__menu" }, Ud = {
   id: "sitemap",
   ref: "sitemap",
   class: "sitenav sitenav__panel",
   role: "navigation"
-}, Z1 = ["innerHTML"];
-function K1(t, n, e, s, a, i) {
+}, Zd = ["innerHTML"];
+function Kd(t, n, e, s, a, i) {
   const r = w("SvgIcon");
-  return c(), h("div", W1, [
+  return c(), h("div", Wd, [
     o("a", {
       id: "sitemapbutton",
       role: "button",
@@ -5100,7 +5100,7 @@ function K1(t, n, e, s, a, i) {
       }),
       n[2] || (n[2] = z(" Menu ", -1))
     ]),
-    o("div", U1, [
+    o("div", Ud, [
       o("button", {
         class: "sitenav__back-btn button-ui",
         "aria-label": "Close",
@@ -5110,12 +5110,12 @@ function K1(t, n, e, s, a, i) {
       o("h2", {
         ref: "navtitle",
         innerHTML: e.title
-      }, null, 8, Z1),
+      }, null, 8, Zd),
       j(t.$slots, "default")
     ], 512)
   ]);
 }
-const Op = /* @__PURE__ */ E(j1, [["render", K1]]), Y1 = {
+const Op = /* @__PURE__ */ E(jd, [["render", Kd]]), Yd = {
   name: "Pathfinder",
   components: { CardPathfinder: er },
   props: {
@@ -5128,16 +5128,16 @@ const Op = /* @__PURE__ */ E(j1, [["render", K1]]), Y1 = {
       default: ""
     }
   }
-}, X1 = { class: "section__inner" }, Q1 = { class: "listing listing--three listing--center" };
-function J1(t, n, e, s, a, i) {
+}, Xd = { class: "section__inner" }, Qd = { class: "listing listing--three listing--center" };
+function Jd(t, n, e, s, a, i) {
   const r = w("CardPathfinder"), d = w("ListItem");
   return c(), h("section", {
     style: te({ backgroundImage: `url(${e.image})` }),
     class: "section section--image bg-inverted-dark"
   }, [
     n[1] || (n[1] = o("div", { class: "section--image-mask" }, null, -1)),
-    o("div", X1, [
-      o("div", Q1, [
+    o("div", Xd, [
+      o("div", Qd, [
         (c(!0), h(Y, null, J(e.boxes.split(","), (l) => (c(), G(d, { key: l }, {
           default: M(() => [
             S(r, {
@@ -5156,7 +5156,7 @@ function J1(t, n, e, s, a, i) {
     ])
   ], 4);
 }
-const Pp = /* @__PURE__ */ E(Y1, [["render", J1]]), ed = {
+const Pp = /* @__PURE__ */ E(Yd, [["render", Jd]]), e1 = {
   props: {
     title: {
       type: String,
@@ -5169,21 +5169,21 @@ const Pp = /* @__PURE__ */ E(Y1, [["render", J1]]), ed = {
       required: !1
     }
   }
-}, td = {
+}, t1 = {
   style: {
     backgroundImage: "url(https://cms.unimelb.edu.au/__data/assets/image/0020/3612125/nike-logo-soft.png)"
   },
   class: "section section--divider bg-inverted"
-}, nd = { class: "section__inner--short section--divider__inner" }, id = { class: "heading-section" }, sd = { key: 0 };
-function ad(t, n, e, s, a, i) {
-  return c(), h("section", td, [
-    o("div", nd, [
-      o("h3", id, b(e.title), 1),
-      e.subtitle && e.subtitle.length ? (c(), h("p", sd, b(e.subtitle), 1)) : L("", !0)
+}, n1 = { class: "section__inner--short section--divider__inner" }, i1 = { class: "heading-section" }, s1 = { key: 0 };
+function a1(t, n, e, s, a, i) {
+  return c(), h("section", t1, [
+    o("div", n1, [
+      o("h3", i1, b(e.title), 1),
+      e.subtitle && e.subtitle.length ? (c(), h("p", s1, b(e.subtitle), 1)) : L("", !0)
     ])
   ]);
 }
-const Bp = /* @__PURE__ */ E(ed, [["render", ad]]), rd = {
+const Bp = /* @__PURE__ */ E(e1, [["render", a1]]), r1 = {
   components: { ToggleBlock: pn },
   props: {
     id: {
@@ -5205,7 +5205,7 @@ const Bp = /* @__PURE__ */ E(ed, [["render", ad]]), rd = {
     }
   }
 };
-function ld(t, n, e, s, a, i) {
+function l1(t, n, e, s, a, i) {
   const r = w("ToggleBlock");
   return c(), G(r, {
     id: e.id,
@@ -5234,7 +5234,7 @@ function ld(t, n, e, s, a, i) {
     _: 3
   }, 8, ["id", "role-button", "light"]);
 }
-const Fp = /* @__PURE__ */ E(rd, [["render", ld]]), od = {
+const Fp = /* @__PURE__ */ E(r1, [["render", l1]]), o1 = {
   props: {
     element: {
       type: String,
@@ -5272,7 +5272,7 @@ const Fp = /* @__PURE__ */ E(rd, [["render", ld]]), od = {
     }
   }
 };
-function dd(t, n, e, s, a, i) {
+function d1(t, n, e, s, a, i) {
   return c(), G(be(e.progressive ? "progressive-background" : e.element), {
     "no-ratio": e.progressive ? !0 : void 0,
     src: e.progressive ? e.bgImage : void 0,
@@ -5293,7 +5293,7 @@ function dd(t, n, e, s, a, i) {
     _: 3
   }, 8, ["no-ratio", "src", "class", "style"]);
 }
-const m2 = /* @__PURE__ */ E(od, [["render", dd]]), cd = {
+const m2 = /* @__PURE__ */ E(o1, [["render", d1]]), c1 = {
   components: { ListingWrap: o0, SectionWrap: m2, ListItem: Ye },
   props: {
     direction: {
@@ -5302,7 +5302,7 @@ const m2 = /* @__PURE__ */ E(od, [["render", dd]]), cd = {
     }
   }
 };
-function ud(t, n, e, s, a, i) {
+function u1(t, n, e, s, a, i) {
   const r = w("ListItem"), d = w("ListingWrap"), l = w("SectionWrap");
   return c(), G(l, null, {
     default: M(() => [
@@ -5344,7 +5344,7 @@ function ud(t, n, e, s, a, i) {
     _: 3
   });
 }
-const Dp = /* @__PURE__ */ E(cd, [["render", ud]]), fd = {
+const Dp = /* @__PURE__ */ E(c1, [["render", u1]]), f1 = {
   components: {
     ImageComponent: pe,
     SvgIcon: ee
@@ -5425,21 +5425,21 @@ const Dp = /* @__PURE__ */ E(cd, [["render", ud]]), fd = {
       this.isVideoPlaying = !1, this.$refs.video.currentTime = 0;
     }
   }
-}, hd = {
+}, h1 = {
   key: 0,
   id: "section-video",
   "aria-hidden": "true"
-}, pd = ["poster"], md = ["src"], gd = {
+}, p1 = ["poster"], m1 = ["src"], g1 = {
   key: 1,
   class: "section-alt__img-wrapper"
-}, _d = ["aria-label"], vd = {
+}, _1 = ["aria-label"], v1 = {
   key: 1,
   class: "section-alt__row"
-}, bd = { class: "section-alt__left" }, Cd = {
+}, b1 = { class: "section-alt__left" }, C1 = {
   key: 0,
   class: "section-alt__right"
 };
-function yd(t, n, e, s, a, i) {
+function y1(t, n, e, s, a, i) {
   const r = w("ImageComponent"), d = w("SvgIcon");
   return c(), G(be(e.tagName), {
     class: F({
@@ -5450,7 +5450,7 @@ function yd(t, n, e, s, a, i) {
     tabindex: "-1"
   }, {
     default: M(() => [
-      i.isSectionWithVideo ? (c(), h("div", hd, [
+      i.isSectionWithVideo ? (c(), h("div", h1, [
         o("video", {
           id: "video",
           ref: "video",
@@ -5466,10 +5466,10 @@ function yd(t, n, e, s, a, i) {
           o("source", {
             src: e.video,
             type: "video/mp4"
-          }, null, 8, md)
-        ], 8, pd)
+          }, null, 8, m1)
+        ], 8, p1)
       ])) : L("", !0),
-      e.img ? (c(), h("div", gd, [
+      e.img ? (c(), h("div", g1, [
         S(r, {
           src: e.img.src,
           "aspect-ratio": "5/2",
@@ -5496,12 +5496,12 @@ function yd(t, n, e, s, a, i) {
             "aria-hidden": "true"
           }, null, 8, ["name"]),
           o("span", null, b(i.buttonLabel), 1)
-        ], 8, _d)) : L("", !0),
-        t.$slots.left ? (c(), h("div", vd, [
-          o("div", bd, [
+        ], 8, _1)) : L("", !0),
+        t.$slots.left ? (c(), h("div", v1, [
+          o("div", b1, [
             j(t.$slots, "left")
           ]),
-          t.$slots.default ? (c(), h("div", Cd, [
+          t.$slots.default ? (c(), h("div", C1, [
             j(t.$slots, "default")
           ])) : L("", !0)
         ])) : j(t.$slots, "default", { key: 2 })
@@ -5510,7 +5510,7 @@ function yd(t, n, e, s, a, i) {
     _: 3
   }, 8, ["class"]);
 }
-const mn = /* @__PURE__ */ E(fd, [["render", yd]]), Sd = {
+const mn = /* @__PURE__ */ E(f1, [["render", y1]]), S1 = {
   components: {
     ImageComponent: pe
   },
@@ -5527,18 +5527,18 @@ const mn = /* @__PURE__ */ E(fd, [["render", yd]]), Sd = {
       }
     }
   }
-}, wd = {
+}, w1 = {
   key: 0,
   class: "section-image__img"
-}, kd = { class: "max section-image__inner" }, Ld = { class: "section-image__content" };
-function Td(t, n, e, s, a, i) {
+}, k1 = { class: "max section-image__inner" }, L1 = { class: "section-image__content" };
+function T1(t, n, e, s, a, i) {
   const r = w("ImageComponent");
   return c(), G(be(e.tagName), {
     class: "section-image",
     tabindex: "-1"
   }, {
     default: M(() => [
-      e.img ? (c(), h("div", wd, [
+      e.img ? (c(), h("div", w1, [
         o("div", null, [
           S(r, {
             src: e.img.src,
@@ -5547,8 +5547,8 @@ function Td(t, n, e, s, a, i) {
           }, null, 8, ["src", "alt"])
         ])
       ])) : L("", !0),
-      o("div", kd, [
-        o("div", Ld, [
+      o("div", k1, [
+        o("div", L1, [
           j(t.$slots, "default")
         ])
       ])
@@ -5556,7 +5556,7 @@ function Td(t, n, e, s, a, i) {
     _: 3
   });
 }
-const Np = /* @__PURE__ */ E(Sd, [["render", Td]]), xd = {
+const Np = /* @__PURE__ */ E(S1, [["render", T1]]), x1 = {
   components: {
     FocusWrapper: Pe
   },
@@ -5570,26 +5570,26 @@ const Np = /* @__PURE__ */ E(Sd, [["render", Td]]), xd = {
       default: ""
     }
   }
-}, Id = { class: "split-section__quote" }, $d = {
+}, I1 = { class: "split-section__quote" }, $1 = {
   key: 0,
   class: "split-section__quote-cite"
 };
-function Ed(t, n, e, s, a, i) {
+function E1(t, n, e, s, a, i) {
   const r = w("FocusWrapper");
   return c(), G(r, {
     padded: "",
     class: "bg-white"
   }, {
     default: M(() => [
-      o("p", Id, b(e.quote), 1),
-      e.cite ? (c(), h("p", $d, b(e.cite), 1)) : L("", !0)
+      o("p", I1, b(e.quote), 1),
+      e.cite ? (c(), h("p", $1, b(e.cite), 1)) : L("", !0)
     ]),
     _: 1
   });
 }
-const Ad = /* @__PURE__ */ E(xd, [["render", Ed]]), Md = {
+const A1 = /* @__PURE__ */ E(x1, [["render", E1]]), M1 = {
   name: "SplitSection",
-  components: { SplitSectionQuote: Ad },
+  components: { SplitSectionQuote: A1 },
   props: {
     imageLeft: {
       type: Boolean,
@@ -5617,7 +5617,7 @@ const Ad = /* @__PURE__ */ E(xd, [["render", Ed]]), Md = {
     }
   }
 };
-function Od(t, n, e, s, a, i) {
+function O1(t, n, e, s, a, i) {
   const r = w("SplitSectionQuote");
   return c(), h("section", {
     class: F([{ "split-section--withquote": e.quote }, "split-section"])
@@ -5666,7 +5666,7 @@ function Od(t, n, e, s, a, i) {
     ], 6)
   ], 2);
 }
-const Vp = /* @__PURE__ */ E(Md, [["render", Od]]), Pd = {
+const Vp = /* @__PURE__ */ E(M1, [["render", O1]]), P1 = {
   components: {
     SvgIcon: ee
   },
@@ -5694,12 +5694,12 @@ const Vp = /* @__PURE__ */ E(Md, [["render", Od]]), Pd = {
       this.open = !this.open, this.$emit("side-panel-toggle-open", this.open);
     }
   }
-}, Bd = { class: "side-panel" }, Fd = { class: "side-panel__inner" }, Dd = { class: "side-panel__title" }, Nd = ["aria-label"];
-function Vd(t, n, e, s, a, i) {
+}, B1 = { class: "side-panel" }, F1 = { class: "side-panel__inner" }, D1 = { class: "side-panel__title" }, N1 = ["aria-label"];
+function V1(t, n, e, s, a, i) {
   const r = w("SvgIcon");
-  return c(), h("nav", Bd, [
-    o("div", Fd, [
-      o("h5", Dd, [
+  return c(), h("nav", B1, [
+    o("div", F1, [
+      o("h5", D1, [
         z(b(e.title) + " ", 1),
         o("button", {
           "aria-label": e.title,
@@ -5711,7 +5711,7 @@ function Vd(t, n, e, s, a, i) {
             height: "10",
             name: "close"
           })
-        ], 8, Nd)
+        ], 8, N1)
       ]),
       o("ul", {
         class: F([{ "side-panel__nav--closed": !a.open }, "side-panel__nav"])
@@ -5721,7 +5721,7 @@ function Vd(t, n, e, s, a, i) {
     ])
   ]);
 }
-const Rp = /* @__PURE__ */ E(Pd, [["render", Vd]]), Rd = {
+const Rp = /* @__PURE__ */ E(P1, [["render", V1]]), R1 = {
   components: {
     SvgIcon: ee
   },
@@ -5735,18 +5735,18 @@ const Rp = /* @__PURE__ */ E(Pd, [["render", Vd]]), Rd = {
       default: !1
     }
   }
-}, qd = { class: "side-panel__nav-item clearfix" }, zd = ["href"], Hd = { key: 0 }, Gd = {
+}, q1 = { class: "side-panel__nav-item clearfix" }, z1 = ["href"], H1 = { key: 0 }, G1 = {
   key: 1,
   class: "push-icon"
 };
-function jd(t, n, e, s, a, i) {
+function j1(t, n, e, s, a, i) {
   const r = w("SvgIcon"), d = We("jump");
-  return c(), h("li", qd, [
+  return c(), h("li", q1, [
     ue((c(), h("a", { href: e.target }, [
-      e.right ? (c(), h("span", Hd, [
+      e.right ? (c(), h("span", H1, [
         j(t.$slots, "default")
       ])) : L("", !0),
-      e.right ? L("", !0) : (c(), h("span", Gd, [
+      e.right ? L("", !0) : (c(), h("span", G1, [
         j(t.$slots, "default"),
         S(r, {
           class: "push-icon__icon",
@@ -5755,12 +5755,12 @@ function jd(t, n, e, s, a, i) {
           height: "10"
         })
       ]))
-    ], 8, zd)), [
+    ], 8, z1)), [
       [d]
     ])
   ]);
 }
-const qp = /* @__PURE__ */ E(Rd, [["render", jd]]), Wd = {
+const qp = /* @__PURE__ */ E(R1, [["render", j1]]), W1 = {
   props: {
     inverted: {
       type: Boolean,
@@ -5771,21 +5771,21 @@ const qp = /* @__PURE__ */ E(Rd, [["render", jd]]), Wd = {
       default: ""
     }
   }
-}, Ud = { class: "stats-group__list list-reset" }, Zd = {
+}, U1 = { class: "stats-group__list list-reset" }, Z1 = {
   key: 0,
   class: "stats-group__attribution"
 };
-function Kd(t, n, e, s, a, i) {
+function K1(t, n, e, s, a, i) {
   return c(), h("div", {
     class: F(["stats-group", { "stats-group--inverted": e.inverted }])
   }, [
-    o("ul", Ud, [
+    o("ul", U1, [
       j(t.$slots, "default")
     ]),
-    e.attribution ? (c(), h("p", Zd, b(e.attribution), 1)) : L("", !0)
+    e.attribution ? (c(), h("p", Z1, b(e.attribution), 1)) : L("", !0)
   ], 2);
 }
-const zp = /* @__PURE__ */ E(Wd, [["render", Kd]]), Yd = {
+const zp = /* @__PURE__ */ E(W1, [["render", K1]]), Y1 = {
   props: {
     number: {
       type: String,
@@ -5806,25 +5806,25 @@ const zp = /* @__PURE__ */ E(Wd, [["render", Kd]]), Yd = {
       required: !1
     }
   }
-}, Xd = { class: "stats-group__item" }, Qd = ["innerHTML"], Jd = { class: "stats-group__value" }, ec = {
+}, X1 = { class: "stats-group__item" }, Q1 = ["innerHTML"], J1 = { class: "stats-group__value" }, ec = {
   key: 0,
   class: "stats-group__value__hash"
 }, tc = { class: "stats-group__value__num" }, nc = { class: "stats-group__text" };
 function ic(t, n, e, s, a, i) {
-  return c(), h("li", Xd, [
+  return c(), h("li", X1, [
     e.icon ? (c(), h("div", {
       key: 0,
       class: "stats-group__icon",
       innerHTML: e.icon
-    }, null, 8, Qd)) : L("", !0),
-    o("strong", Jd, [
+    }, null, 8, Q1)) : L("", !0),
+    o("strong", J1, [
       e.hideHash ? L("", !0) : (c(), h("span", ec, "#")),
       o("span", tc, b(e.number), 1)
     ]),
     o("span", nc, b(e.meta), 1)
   ]);
 }
-const Hp = /* @__PURE__ */ E(Yd, [["render", ic]]), sc = {
+const Hp = /* @__PURE__ */ E(Y1, [["render", ic]]), sc = {
   components: {
     SvgIcon: ee
   },
@@ -5919,7 +5919,7 @@ function pc(t, n, e, s, a, i) {
     ])
   ]);
 }
-const jp = /* @__PURE__ */ E(cc, [["render", pc]]), mc = "https://d2glwx35mhbfwf.cloudfront.net/v16.3.0-alpha.1/profile-pic.jpg", gc = {
+const jp = /* @__PURE__ */ E(cc, [["render", pc]]), mc = "https://d3g9fbim8t3oqi.cloudfront.net/v16.3.0-alpha.2/profile-pic.jpg", gc = {
   props: {
     img: {
       type: String,
@@ -17276,7 +17276,7 @@ export {
   Tn as Spinner,
   Vp as SplitSection,
   hm as SplitSectionHeader,
-  Ad as SplitSectionQuote,
+  A1 as SplitSectionQuote,
   zp as StatsGroup,
   Hp as StatsItem,
   g2 as StyledSelect,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@unimelb/pattern-lib-vue",
   "description": "A complete design system for the University of Melbourne.",
-  "version": "16.3.0-alpha.1",
+  "version": "16.3.0-alpha.2",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/unimelb/pattern-lib.git"