@ulu/frontend-vue 0.2.0-beta.6 → 0.2.0-beta.8

package/dist/components/collapsible/UluModal.vue.d.ts

@@ -93,7 +93,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
      */
     classes: {
         type: ObjectConstructor;
-        default: () => {};
+        default: () => {
+            close: string;
+        };
     };
     /**
      * Modifiers (to add any modifier classes based on base class [ie. 'tertiary'])
@@ -216,7 +218,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
      */
     classes: {
         type: ObjectConstructor;
-        default: () => {};
+        default: () => {
+            close: string;
+        };
     };
     /**
      * Modifiers (to add any modifier classes based on base class [ie. 'tertiary'])

package/dist/components/collapsible/UluModal.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UluModal.vue.d.ts","sourceRoot":"","sources":["../../../lib/components/collapsible/UluModal.vue"],"names":[],"mappings":"AA+DA;;IA2YM;;OAEG;;IAEH;;;;OAIG;;;;;IAKH;;OAEG;;;;;IAKH;;;OAGG;;;;;IAKH;;OAEG;;IAEH;;OAEG;;;;;IAKH;;OAEG;;IAEH;;OAEG;;;;;IAKH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;;OAGG;;;;;IAKH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;IAlGH;;OAEG;;IAEH;;;;OAIG;;;;;IAKH;;OAEG;;;;;IAKH;;;OAGG;;;;;IAKH;;OAEG;;IAEH;;OAEG;;;;;IAKH;;OAEG;;IAEH;;OAEG;;;;;IAKH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;;OAGG;;;;;IAKH;;OAEG"}
+{"version":3,"file":"UluModal.vue.d.ts","sourceRoot":"","sources":["../../../lib/components/collapsible/UluModal.vue"],"names":[],"mappings":"AAqEA;;IAmZM;;OAEG;;IAEH;;;;OAIG;;;;;IAKH;;OAEG;;;;;IAKH;;;OAGG;;;;;IAKH;;OAEG;;IAEH;;OAEG;;;;;IAKH;;OAEG;;IAEH;;OAEG;;;;;IAKH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;;OAGG;;;;;;;IAOH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;IApGH;;OAEG;;IAEH;;;;OAIG;;;;;IAKH;;OAEG;;;;;IAKH;;;OAGG;;;;;IAKH;;OAEG;;IAEH;;OAEG;;;;;IAKH;;OAEG;;IAEH;;OAEG;;;;;IAKH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;;OAGG;;;;;;;IAOH;;OAEG"}

package/dist/components/collapsible/UluModal.vue.js

@@ -1,11 +1,11 @@
-import { resolveComponent as v, createBlock as b, openBlock as a, Teleport as S, createElementVNode as d, withModifiers as R, normalizeStyle as _, normalizeClass as c, createElementBlock as z, createCommentVNode as u, renderSlot as h, toDisplayString as I, createVNode as g, useSlots as k, computed as f } from "vue";
+import { resolveComponent as v, createBlock as b, openBlock as d, Teleport as S, createElementVNode as c, withModifiers as R, normalizeStyle as _, normalizeClass as r, createElementBlock as z, createCommentVNode as u, renderSlot as h, toDisplayString as I, createVNode as g, useSlots as k, computed as f } from "vue";
 import C from "../elements/UluIcon.vue.js";
 import { useModifiers as w } from "../../composables/useModifiers.js";
 import { preventScroll as E, wasClickOutside as B } from "@ulu/utils/browser/dom.js";
 import { Resizer as M } from "@ulu/frontend";
 import { newId as V } from "../../utils/dom.js";
-import p from "../../_virtual/_plugin-vue_export-helper.js";
-const T = {
+import T from "../../_virtual/_plugin-vue_export-helper.js";
+const p = {
   name: "UluModal",
   components: {
     UluIcon: C
@@ -107,7 +107,9 @@ const T = {
      */
     classes: {
       type: Object,
-      default: () => ({})
+      default: () => ({
+        close: "button button--icon"
+      })
     },
     /**
      * Modifiers (to add any modifier classes based on base class [ie. 'tertiary'])
@@ -124,7 +126,7 @@ const T = {
     };
   },
   setup(e) {
-    const t = k(), l = f(() => e.title || t.title), o = f(() => {
+    const l = k(), t = f(() => e.title || l.title), o = f(() => {
       const { allowResize: i, position: m } = e;
       if (!i || !m) return;
       const y = ["left", "right", "center"];
@@ -133,28 +135,28 @@ const T = {
       [e.position]: e.position,
       resize: e.allowResize,
       "no-resize": !e.allowResize,
-      "no-header": !l.value,
+      "no-header": !t.value,
       "body-fills": e.bodyFills,
       "no-backdrop": e.noBackdrop,
       "no-min-height": e.noMinHeight,
       "non-modal": e.nonModal,
       "resizer-active": o.value
-    })), { resolvedModifiers: r } = w({
+    })), { resolvedModifiers: a } = w({
       props: e,
       baseClass: "modal",
       internal: s
     });
     return {
-      resolvedModifiers: r,
-      hasHeader: l,
+      resolvedModifiers: a,
+      hasHeader: t,
       resizerEnabled: o,
       resizerIconType: n
     };
   },
   computed: {
     resolvedLabelledby() {
-      const { labelledby: e, titleId: t } = this;
-      return e || t;
+      const { labelledby: e, titleId: l } = this;
+      return e || l;
     }
   },
   watch: {
@@ -163,8 +165,8 @@ const T = {
       immediate: !0,
       handler(e) {
         this.$nextTick(() => {
-          const { container: t } = this.$refs;
-          e ? (t[this.nonModal ? "show" : "showModal"](), this.$emit("open")) : t.close();
+          const { container: l } = this.$refs;
+          e ? (l[this.nonModal ? "show" : "showModal"](), this.$emit("open")) : l.close();
         });
       }
     },
@@ -177,8 +179,8 @@ const T = {
         }) : this.destroyResizer();
       }
     },
-    position(e, t) {
-      e !== t && (this.destroyResizer(), this.$nextTick(() => {
+    position(e, l) {
+      e !== l && (this.destroyResizer(), this.$nextTick(() => {
         this.setupResizer();
       }));
     }
@@ -192,8 +194,8 @@ const T = {
     },
     handleClick(e) {
       if (this.clickOutsideCloses && !this.isResizing) {
-        const { target: t } = e, { container: l } = this.$refs;
-        t === l && B(l, e) && this.close();
+        const { target: l } = e, { container: t } = this.$refs;
+        l === t && B(t, e) && this.close();
       }
     },
     setupPreventScroll() {
@@ -205,21 +207,21 @@ const T = {
     },
     handleToggle(e) {
       if (!this.nonModal && this.preventScroll) {
-        const { preventScrollShift: t } = this;
-        e.newState === "open" ? this.restoreScroll = E({ preventShift: t }) : this.destroyPreventScroll();
+        const { preventScrollShift: l } = this;
+        e.newState === "open" ? this.restoreScroll = E({ preventShift: l }) : this.destroyPreventScroll();
       }
     },
     setupResizer() {
-      const { position: e, resizerEnabled: t } = this;
-      if (t) {
-        const { container: l, resizer: o } = this.$refs, n = e === "center" ? { fromX: "right", fromY: "bottom", multiplier: 2 } : { fromX: e === "right" ? "left" : "right" };
-        this.resizerInstance = new M(l, o, n), this.handleResizerStart = () => {
+      const { position: e, resizerEnabled: l } = this;
+      if (l) {
+        const { container: t, resizer: o } = this.$refs, n = e === "center" ? { fromX: "right", fromY: "bottom", multiplier: 2 } : { fromX: e === "right" ? "left" : "right" };
+        this.resizerInstance = new M(t, o, n), this.handleResizerStart = () => {
           this.isResizing = !0;
         }, this.handleResizerEnd = () => {
           setTimeout(() => {
             this.isResizing = !1;
           }, 0);
-        }, l.addEventListener("ulu:resizer:start", this.handleResizerStart), l.addEventListener("ulu:resizer:end", this.handleResizerEnd);
+        }, t.addEventListener("ulu:resizer:start", this.handleResizerStart), t.addEventListener("ulu:resizer:end", this.handleResizerEnd);
       }
     },
     destroyResizer() {
@@ -240,77 +242,77 @@ const T = {
   ref: "resizer",
   type: "button"
 };
-function H(e, t, l, o, n, s) {
-  const r = v("UluIcon");
-  return a(), b(S, {
-    to: l.teleport === !1 ? null : l.teleport,
-    disabled: l.teleport === !1
+function H(e, l, t, o, n, s) {
+  const a = v("UluIcon");
+  return d(), b(S, {
+    to: t.teleport === !1 ? null : t.teleport,
+    disabled: t.teleport === !1
   }, [
-    d("dialog", {
-      class: c(["modal", [o.resolvedModifiers, l.classes.container]]),
+    c("dialog", {
+      class: r(["modal", [o.resolvedModifiers, t.classes.container]]),
       "aria-labelledby": s.resolvedLabelledby,
-      "aria-describedby": l.describedby,
+      "aria-describedby": t.describedby,
       ref: "container",
       style: _({ width: n.containerWidth }),
-      onCancel: t[1] || (t[1] = R((...i) => s.close && s.close(...i), ["prevent"])),
-      onClose: t[2] || (t[2] = (...i) => s.handleDialogCloseEvent && s.handleDialogCloseEvent(...i)),
-      onClick: t[3] || (t[3] = (...i) => s.handleClick && s.handleClick(...i)),
-      onToggle: t[4] || (t[4] = (...i) => s.handleToggle && s.handleToggle(...i))
+      onCancel: l[1] || (l[1] = R((...i) => s.close && s.close(...i), ["prevent"])),
+      onClose: l[2] || (l[2] = (...i) => s.handleDialogCloseEvent && s.handleDialogCloseEvent(...i)),
+      onClick: l[3] || (l[3] = (...i) => s.handleClick && s.handleClick(...i)),
+      onToggle: l[4] || (l[4] = (...i) => s.handleToggle && s.handleToggle(...i))
     }, [
-      o.hasHeader ? (a(), z("header", {
+      o.hasHeader ? (d(), z("header", {
         key: 0,
-        class: c(["modal__header", l.classes.header])
+        class: r(["modal__header", t.classes.header])
       }, [
-        d("h2", {
-          class: c(["modal__title", l.classes.title]),
+        c("h2", {
+          class: r(["modal__title", t.classes.title]),
           id: n.titleId
         }, [
           h(e.$slots, "title", { close: s.close }, () => [
-            l.titleIcon ? (a(), b(r, {
+            t.titleIcon ? (d(), b(a, {
               key: 0,
               class: "modal__title-icon",
-              icon: l.titleIcon
+              icon: t.titleIcon
             }, null, 8, ["icon"])) : u("", !0),
-            d("span", L, I(l.title), 1)
+            c("span", L, I(t.title), 1)
           ])
         ], 10, P),
-        d("button", {
-          class: "modal__close",
+        c("button", {
+          class: r(["modal__close", t.classes.close]),
           "aria-label": "Close modal",
-          onClick: t[0] || (t[0] = (...i) => s.close && s.close(...i)),
+          onClick: l[0] || (l[0] = (...i) => s.close && s.close(...i)),
           autofocus: ""
         }, [
           h(e.$slots, "closeIcon", {}, () => [
-            g(r, {
+            g(a, {
               class: "modal__close-icon",
-              icon: l.closeIcon || "type:close"
+              icon: t.closeIcon || "type:close"
             }, null, 8, ["icon"])
           ])
-        ])
+        ], 2)
       ], 2)) : u("", !0),
-      d("div", {
-        class: c(["modal__body", l.classes.body])
+      c("div", {
+        class: r(["modal__body", t.classes.body])
       }, [
         h(e.$slots, "default", { close: s.close })
       ], 2),
-      e.$slots.footer ? (a(), z("div", {
+      e.$slots.footer ? (d(), z("div", {
         key: 1,
-        class: c(["site-modal__footer", l.classes.footer])
+        class: r(["site-modal__footer", t.classes.footer])
       }, [
         h(e.$slots, "footer", { close: s.close })
       ], 2)) : u("", !0),
-      o.resizerEnabled ? (a(), z("button", U, [
+      o.resizerEnabled ? (d(), z("button", U, [
         h(e.$slots, "resizerIcon", {}, () => [
-          g(r, {
+          g(a, {
             class: "modal__resizer-icon",
-            icon: l.resizerIcon || o.resizerIconType
+            icon: t.resizerIcon || o.resizerIconType
           }, null, 8, ["icon"])
         ])
       ], 512)) : u("", !0)
     ], 46, O)
   ], 8, ["to", "disabled"]);
 }
-const A = /* @__PURE__ */ p(T, [["render", H]]);
+const A = /* @__PURE__ */ T(p, [["render", H]]);
 export {
   A as default
 };

package/dist/utils/router.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"router.d.ts","sourceRoot":"","sources":["../../lib/utils/router.js"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;;;;;;;GAQG;AACH,qCAJW,MAAM,iBACN,MAAM,GACJ,MAAM,GAAC,SAAS,CAW5B;AAED;;;;;GAKG;AAEH;;;;;;;GAOG;AACH,uCANW,GAAC,WAET;IAAwB,SAAS,EAAzB,MAAM;IACU,IAAI,EAApB,MAAM;CACd,GAAU,KAAK,CAAE,aAAa,CAAC,CAgCjC;AAED;;;;GAIG;AACH,kCAHW,KAAK,CAAC,aAAa,CAAC,GAClB,KAAK,CAAC,aAAa,CAAC,CAgBhC;AAED;;;;;;;;GAQG;AACH,0CAPW,GAAC,eACD,GAAC,WAET;IAAyB,YAAY;IACb,IAAI,EAApB,MAAM;CACd,GAAU,KAAK,CAAE,aAAa,CAAC,CA4BjC;AAED;;;;GAIG;AACH,qDAFa,MAAM,CAIlB;AAED;;;;;;;;GAQG;AACH,sCAPW,MAAM,aACN,MAAM,uBAEd;IAA0B,MAAM;IACN,SAAS;CACnC,GAAU,aAAa,CAuBzB;AAED;;;;GAIG;AACH,qCAHW,MAAM,WAKhB;AAED;;;;GAIG;AACH,yCAHW,MAAM,WAMhB;AAED;;;;GAIG;AACH,yCAHW,MAAM,SACN,MAAM,QAYhB;AAED;;;;GAIG;AACH,yCAHW,MAAM,2BACJ,KAAK,CAAC,MAAM,CAAC,GAAC,SAAS,CAInC;AAED;;;;;GAKG;AACH,uCAJW,MAAM,WACN,MAAM,GACL,MAAM,OAAK,CAUtB;AAUD;;;;;;;;;;GAUG;AACH,0CAPW,MAAM,WAEd;IAAwB,MAAM,EAAtB,MAAM;IACW,YAAY;IACb,IAAI,EAApB,MAAM;CACd,GAAU,KAAK,CAAE,aAAa,CAAC,CAgBjC;AAED;;;;;;;;GAQG;AACH,yCAHW,MAAM,GACJ,KAAK,CAAE;IAAC,KAAK,SAAS;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,OAAO,UAAS;CAAC,CAAC,CA6BjE"}
+{"version":3,"file":"router.d.ts","sourceRoot":"","sources":["../../lib/utils/router.js"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;;;;;;;GAQG;AACH,qCAJW,MAAM,iBACN,MAAM,GACJ,MAAM,GAAC,SAAS,CAW5B;AAED;;;;;GAKG;AAEH;;;;;;;GAOG;AACH,uCANW,GAAC,WAET;IAAwB,SAAS,EAAzB,MAAM;IACU,IAAI,EAApB,MAAM;CACd,GAAU,KAAK,CAAE,aAAa,CAAC,CAgCjC;AAED;;;;GAIG;AACH,kCAHW,KAAK,CAAC,aAAa,CAAC,GAClB,KAAK,CAAC,aAAa,CAAC,CAgBhC;AAED;;;;;;;;GAQG;AACH,0CAPW,GAAC,eACD,GAAC,WAET;IAAyB,YAAY;IACb,IAAI,EAApB,MAAM;CACd,GAAU,KAAK,CAAE,aAAa,CAAC,CA4BjC;AAED;;;;GAIG;AACH,qDAFa,MAAM,CAIlB;AAED;;;;;;;;GAQG;AACH,sCAPW,MAAM,aACN,MAAM,uBAEd;IAA0B,MAAM;IACN,SAAS;CACnC,GAAU,aAAa,CAuBzB;AAED;;;;GAIG;AACH,qCAHW,MAAM,WAKhB;AAED;;;;GAIG;AACH,yCAHW,MAAM,WAMhB;AAED;;;;GAIG;AACH,yCAHW,MAAM,SACN,MAAM,QAYhB;AAED;;;;GAIG;AACH,yCAHW,MAAM,2BACJ,KAAK,CAAC,MAAM,CAAC,GAAC,SAAS,CAInC;AAED;;;;;GAKG;AACH,uCAJW,MAAM,WACN,MAAM,GACL,MAAM,OAAK,CAUtB;AAUD;;;;;;;;;;GAUG;AACH,0CAPW,MAAM,WAEd;IAAwB,MAAM,EAAtB,MAAM;IACW,YAAY;IACb,IAAI,EAApB,MAAM;CACd,GAAU,KAAK,CAAE,aAAa,CAAC,CAgBjC;AAED;;;;;;;;GAQG;AACH,yCAHW,MAAM,GACJ,KAAK,CAAE;IAAC,KAAK,SAAS;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,OAAO,UAAS;CAAC,CAAC,CAmCjE"}

package/dist/utils/router.js

@@ -2,63 +2,63 @@ function m(t, e) {
   let n = (t?.meta || {}).title;
   return typeof n == "function" && (n = n(e || t)), n;
 }
-function j(t, e) {
+function w(t, e) {
   const n = Object.assign({}, {
-    qualifier(c, l) {
-      return l ? b(c) : $(c);
+    qualifier(s, c) {
+      return c ? b(s) : $(s);
     },
     sort: p,
     item: {},
     includeChildren: !1
-  }, e), s = (c, l) => l ? `${l}/${c.path}` : c.path, i = (c, l = null) => c.filter((u) => n.qualifier(u, l)).map((u) => {
-    const a = u.children ? g(u.children) : u, f = u.children ? u.children.filter((d) => d.path !== "") : !1, o = h(a, s(u, l), n.item);
-    return n.includeChildren && f.length && (o.children = i(f, o.path)), o;
+  }, e), r = (s, c) => c ? `${c}/${s.path}` : s.path, i = (s, c = null) => s.filter((u) => n.qualifier(u, c)).map((u) => {
+    const o = u.children ? g(u.children) : u, h = u.children ? u.children.filter((d) => d.path !== "") : !1, a = f(o, r(u, c), n.item);
+    return n.includeChildren && h.length && (a.children = i(h, a.path)), a;
   }).sort(n.sort);
   return i(t);
 }
-function w(t) {
-  function e(r) {
+function j(t) {
+  function e(l) {
     const n = [];
-    for (const s of r) {
-      const i = { ...s };
-      delete i.children, n.push(i), s.children && n.push(...e(s.children));
+    for (const r of l) {
+      const i = { ...r };
+      delete i.children, n.push(i), r.children && n.push(...e(r.children));
     }
     return n;
   }
   return e(t);
 }
-function O(t, e, r) {
-  const s = Object.assign({}, {
+function O(t, e, l) {
+  const r = Object.assign({}, {
     includeIndex: !1,
     item: {},
     sort: p
-  }, r), i = t.find((a) => a.path !== "/" && e.includes(a.path)), c = (a, f, o) => {
-    if (a.children) {
-      const d = a.children.find((x) => x.path.includes(e));
+  }, l), i = t.find((o) => o.path !== "/" && e.includes(o.path)), s = (o, h, a) => {
+    if (o.children) {
+      const d = o.children.find((x) => x.path.includes(e));
       if (d)
-        return c(d, a, o + d.path);
+        return s(d, o, a + d.path);
     }
-    return { route: f, path: o };
-  }, { route: l, path: u } = c(i, i, i.path);
-  return l.children ? l.children.filter(I(s.includeIndex)).map((a) => h(a, `${u}/${a.path}`, s.item)).sort(s.sort) : (console.warn("Unable to build menu for:", e), []);
+    return { route: h, path: a };
+  }, { route: c, path: u } = s(i, i, i.path);
+  return c.children ? c.children.filter(I(r.includeIndex)).map((o) => f(o, `${u}/${o.path}`, r.item)).sort(r.sort) : (console.warn("Unable to build menu for:", e), []);
 }
 function g(t) {
   return t.find((e) => e.path === "");
 }
-function h(t, e = t.path, r) {
-  const s = Object.assign({}, {
+function f(t, e = t.path, l) {
+  const r = Object.assign({}, {
     indexMeta: !0,
     modify: null
-  }, r);
+  }, l);
   let i = Object.assign({}, t.meta);
-  s.indexMeta && t.children && (i = Object.assign({}, i, g(t.children)?.meta));
-  const c = { ...t, meta: i }, l = {
+  r.indexMeta && t.children && (i = Object.assign({}, i, g(t.children)?.meta));
+  const s = { ...t, meta: i }, c = {
     path: e,
-    title: m(c, t) || "Missing Title",
+    title: m(s, t) || "Missing Title",
     weight: i?.weight || 0,
     meta: i
   };
-  return s.modify && s.modify(l, t), l;
+  return r.modify && r.modify(c, t), c;
 }
 function b(t) {
   return !t.path.includes("/:");
@@ -68,18 +68,18 @@ function $(t) {
   return b(t) && e.length === 1;
 }
 function y(t, e) {
-  const { target: r } = e, n = r.closest("a");
+  const { target: l } = e, n = l.closest("a");
   if (n) {
-    let s = n.getAttribute("href");
-    s.startsWith("/") && (t.push(s), e.preventDefault());
+    let r = n.getAttribute("href");
+    r.startsWith("/") && (t.push(r), e.preventDefault());
   }
 }
 function R(t, e = M(t)) {
   return e?.children;
 }
 function M(t, e) {
-  const r = t.matched.length, n = r - 2;
-  return e ? r > 1 ? t.matched[0] : null : n < 0 ? null : t.matched[n];
+  const l = t.matched.length, n = l - 2;
+  return e ? l > 1 ? t.matched[0] : null : n < 0 ? null : t.matched[n];
 }
 function I(t) {
   return (e) => t || e.path !== "";
@@ -93,32 +93,34 @@ function S(t, e) {
     includeIndex: !1,
     item: {},
     sort: p
-  }, e), s = n.parent || M(t);
-  return (R(t, s) || []).filter(I(n.includeIndex)).map((c) => h(c, `${s.path}/${c.path}`, n.item)).sort(n.sort);
+  }, e), r = n.parent || M(t);
+  return (R(t, r) || []).filter(I(n.includeIndex)).map((s) => f(s, `${r.path}/${s.path}`, n.item)).sort(n.sort);
 }
 function B(t) {
-  const { matched: e, path: r } = t;
-  let n;
-  return e.reduce((i, c, l) => {
-    if (c.meta?.breadcrumb === !1 || c.path === n)
+  const { matched: e, path: l } = t, n = e.reduce((i, s) => {
+    if (s.meta?.breadcrumb === !1)
       return i;
-    const u = l === e.length - 1, a = m(c, t) || "Missing Title";
-    return i.push({
-      title: a,
-      to: { path: u ? r : c.path },
-      current: u
-    }), n = c.path, i;
+    const c = i[i.length - 1];
+    return c && c.path === s.path || i.push(s), i;
   }, []);
+  return n.map((i, s) => {
+    const c = s === n.length - 1, u = m(i, t);
+    return u || console.warn("Missing route title"), {
+      title: u || "Missing Title",
+      to: { path: c ? l : i.path },
+      current: c
+    };
+  });
 }
 export {
   B as $createBreadcrumb,
   S as $createSectionMenu,
   M as $getParentRoute,
   R as $getRouteChildren,
-  j as createBaseMenu,
-  h as createMenuItem,
+  w as createBaseMenu,
+  f as createMenuItem,
   O as createSectionMenu,
-  w as flattenMenu,
+  j as flattenMenu,
   g as getChildIndexRoute,
   m as getRouteTitle,
   $ as isStaticBaseRoute,

package/lib/components/collapsible/UluModal.vue

@@ -31,7 +31,13 @@
             <span class="modal__title-text">{{ title }}</span>
           </slot>
         </h2>
-        <button class="modal__close" aria-label="Close modal" @click="close" autofocus>
+        <button 
+          class="modal__close" 
+          :class="classes.close"
+          aria-label="Close modal" 
+          @click="close" 
+          autofocus
+        >
           <slot name="closeIcon">
             <UluIcon 
               class="modal__close-icon" 
@@ -171,7 +177,9 @@
        */
       classes: {
         type: Object,
-        default: () => ({})
+        default: () => ({
+          close: "button button--icon"
+        })
       },
       /**
        * Modifiers (to add any modifier classes based on base class [ie. 'tertiary'])

package/lib/utils/router.js

@@ -277,29 +277,35 @@ export function $createSectionMenu(route, options) {
  */
 export function $createBreadcrumb(route) {
   const { matched, path: currentPath } = route;
-  let prevPath;
 
-  const crumbs = matched.reduce((arr, match, index) => {
+  const filteredMatched = matched.reduce((acc, match) => {
     if (match.meta?.breadcrumb === false) {
-      return arr;
+      return acc;
     }
 
-    if (match.path === prevPath) {
-      return arr;
+    const prevMatch = acc[acc.length - 1];
+    if (prevMatch && prevMatch.path === match.path) {
+      return acc;
     }
     
-    const isLast = index === matched.length - 1;
-    const title = getRouteTitle(match, route) || "Missing Title";
+    acc.push(match);
+    return acc;
+  }, []);
+
+  const crumbs = filteredMatched.map((match, index) => {
+    const isLast = index === filteredMatched.length - 1;
+    const title = getRouteTitle(match, route);
+
+    if (!title) {
+      console.warn("Missing route title");
+    }
 
-    arr.push({
-      title,
+    return {
+      title: title || "Missing Title",
       to: { path: isLast ? currentPath : match.path },
       current: isLast,
-    });
-
-    prevPath = match.path;
-    return arr;
-  }, []);
+    };
+  });
   
   return crumbs;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ulu/frontend-vue",
-  "version": "0.2.0-beta.6",
+  "version": "0.2.0-beta.8",
   "description": "A modular and tree-shakeable Vue 3 component library for the Ulu frontend",
   "type": "module",
   "files": [
@@ -32,9 +32,7 @@
   "scripts": {
     "dev": "storybook dev -p 6006",
     "docs:build": "storybook build -o docs",
-    "build": "vite build",
-    "types_TRASH": "vue-tsc",
-    "deploy_TRASH": "rm -rf dist && npm run types && npm run build && npm run docs:build",
+    "build": "vite build --config library.vite.config.js",
     "deploy": "npm run build && npm run docs:build",
     "update-contexts": "rm -rf .ctx && mkdir -p .ctx/frontend && cp -R node_modules/@ulu/frontend/lib/scss node_modules/@ulu/frontend/lib/js .ctx/frontend/"
   },