@ulu/frontend-vue 0.2.0-beta.10 → 0.2.0-beta.12

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

@@ -14,7 +14,7 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
         readonly items?: unknown[] | undefined;
         readonly modifiers?: string | unknown[] | undefined;
     };
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 type __VLS_TemplateResult = {
     attrs: Partial<{}>;
     slots: {
@@ -36,6 +36,6 @@ type __VLS_TemplateResult = {
         }): any;
     };
     refs: {};
-    rootEl: HTMLDivElement;
+    rootEl: any;
 };
 //# sourceMappingURL=UluAccordionGroup.vue.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"UluAccordionGroup.vue.d.ts","sourceRoot":"","sources":["../../../lib/components/collapsible/UluAccordionGroup.vue"],"names":[],"mappings":"AA6BA;wBA8QqB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;;6BAEtE,CAAC,EAAE,CAAC;;;AAXjC;;;;;;;;;;;sPAQG"}
+{"version":3,"file":"UluAccordionGroup.vue.d.ts","sourceRoot":"","sources":["../../../lib/components/collapsible/UluAccordionGroup.vue"],"names":[],"mappings":"AAgCA;wBAkRqB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;;6BAEtE,CAAC,EAAE,CAAC;;;AAVjC;;;;;;;;;;;2OAOG"}

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

@@ -1,6 +1,9 @@
-import { ref as f, watch as p, createElementBlock as g, openBlock as o, Fragment as y, renderList as O, createBlock as v, createSlots as h, withCtx as l, renderSlot as m, createTextVNode as k, toDisplayString as $ } from "vue";
-import S from "./UluAccordion.vue.js";
-const B = { class: "accordion-group" }, x = {
+import { ref as f, watch as p, createElementBlock as g, createCommentVNode as y, openBlock as s, Fragment as O, renderList as h, createBlock as k, createSlots as v, withCtx as l, renderSlot as m, createTextVNode as $, toDisplayString as S } from "vue";
+import B from "./UluAccordion.vue.js";
+const E = {
+  key: 0,
+  class: "accordion-group"
+}, x = {
   __name: "UluAccordionGroup",
   props: {
     /**
@@ -33,30 +36,30 @@ const B = { class: "accordion-group" }, x = {
       default: !0
     }
   },
-  setup(i) {
-    const u = i, s = f([]);
+  setup(a) {
+    const u = a, o = f([]);
     p(() => u.items, (e) => {
-      s.value = e.map((a) => ({
-        ...a,
-        isOpen: a.isOpen || !1
+      o.value = e.map((i) => ({
+        ...i,
+        isOpen: i.isOpen || !1
       }));
     }, { immediate: !0, deep: !0 });
-    function c(e, a) {
-      a ? s.value.forEach((t, r) => {
+    function c(e, i) {
+      i ? o.value.forEach((t, r) => {
         t.isOpen = r === e;
-      }) : s.value[e].isOpen = !1;
+      }) : o.value[e].isOpen = !1;
     }
-    return (e, a) => (o(), g("div", B, [
-      (o(!0), g(y, null, O(s.value, (t, r) => (o(), v(S, {
+    return (e, i) => a.items?.length ? (s(), g("div", E, [
+      (s(!0), g(O, null, h(o.value, (t, r) => (s(), k(B, {
         key: r,
         "model-value": t.isOpen,
         "onUpdate:modelValue": (n) => c(r, n),
         "trigger-text": t.title,
         classes: t.classes,
-        "trigger-text-element": i.triggerTextElement,
-        modifiers: i.modifiers,
-        animate: i.animate
-      }, h({
+        "trigger-text-element": a.triggerTextElement,
+        modifiers: a.modifiers,
+        animate: a.animate
+      }, v({
         default: l(({ isOpen: n, toggle: d }) => [
           m(e.$slots, "item", {
             item: t,
@@ -64,7 +67,7 @@ const B = { class: "accordion-group" }, x = {
             isOpen: n,
             toggle: d
           }, () => [
-            k($(t.content), 1)
+            $(S(t.content), 1)
           ])
         ]),
         _: 2
@@ -92,7 +95,7 @@ const B = { class: "accordion-group" }, x = {
           key: "1"
         } : void 0
       ]), 1032, ["model-value", "onUpdate:modelValue", "trigger-text", "classes", "trigger-text-element", "modifiers", "animate"]))), 128))
-    ]));
+    ])) : y("", !0);
   }
 };
 export {

package/dist/components/elements/UluBadgeStack.vue.d.ts

@@ -3,6 +3,6 @@ declare const _default: import('vue').DefineComponent<{}, {
     $props: {
         readonly items?: unknown[] | undefined;
     };
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLUListElement>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;
 //# sourceMappingURL=UluBadgeStack.vue.d.ts.map

package/dist/components/elements/UluBadgeStack.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UluBadgeStack.vue.d.ts","sourceRoot":"","sources":["../../../lib/components/elements/UluBadgeStack.vue"],"names":[],"mappings":"AAWA;"}
+{"version":3,"file":"UluBadgeStack.vue.d.ts","sourceRoot":"","sources":["../../../lib/components/elements/UluBadgeStack.vue"],"names":[],"mappings":"AAcA;"}

package/dist/components/elements/UluBadgeStack.vue.js

@@ -1,6 +1,9 @@
-import { createElementBlock as e, openBlock as r, Fragment as c, renderList as o, createVNode as n, mergeProps as l } from "vue";
-import m from "./UluBadge.vue.js";
-const _ = { class: "badge-stack" }, f = {
+import { createElementBlock as e, createCommentVNode as c, openBlock as t, Fragment as m, renderList as n, createVNode as o, mergeProps as l } from "vue";
+import u from "./UluBadge.vue.js";
+const i = {
+  key: 0,
+  class: "badge-stack"
+}, g = {
   __name: "UluBadgeStack",
   props: {
     /**
@@ -8,17 +11,17 @@ const _ = { class: "badge-stack" }, f = {
      */
     items: Array
   },
-  setup(t) {
-    return (u, i) => (r(), e("ul", _, [
-      (r(!0), e(c, null, o(t.items, (a, s) => (r(), e("li", {
+  setup(r) {
+    return (_, d) => r.items?.length ? (t(), e("ul", i, [
+      (t(!0), e(m, null, n(r.items, (a, s) => (t(), e("li", {
         class: "badge-stack__item",
         key: s
       }, [
-        n(m, l({ ref_for: !0 }, a), null, 16)
+        o(u, l({ ref_for: !0 }, a), null, 16)
       ]))), 128))
-    ]));
+    ])) : c("", !0);
   }
 };
 export {
-  f as default
+  g as default
 };

package/dist/components/elements/UluDefinitionList.vue.d.ts

@@ -26,7 +26,7 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
         readonly modifiers?: string | unknown[] | undefined;
         readonly items?: unknown[] | undefined;
     };
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDListElement>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 type __VLS_TemplateResult = {
     attrs: Partial<{}>;
     slots: {
@@ -40,6 +40,6 @@ type __VLS_TemplateResult = {
         }): any;
     };
     refs: {};
-    rootEl: HTMLDListElement;
+    rootEl: any;
 };
 //# sourceMappingURL=UluDefinitionList.vue.d.ts.map

package/dist/components/elements/UluDefinitionList.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UluDefinitionList.vue.d.ts","sourceRoot":"","sources":["../../../lib/components/elements/UluDefinitionList.vue"],"names":[],"mappings":"AAqBA;wBAqOqB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;;6BAEtE,CAAC,EAAE,CAAC;;;AAXjC;;;;;;;;;;;;;;;;;;;;;;;wPAQG"}
+{"version":3,"file":"UluDefinitionList.vue.d.ts","sourceRoot":"","sources":["../../../lib/components/elements/UluDefinitionList.vue"],"names":[],"mappings":"AAyBA;wBA0OqB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;;6BAEtE,CAAC,EAAE,CAAC;;;AAVjC;;;;;;;;;;;;;;;;;;;;;;;2OAOG"}

package/dist/components/elements/UluDefinitionList.vue.js

@@ -1,5 +1,5 @@
-import { computed as u, createElementBlock as l, openBlock as n, normalizeClass as a, unref as B, Fragment as b, renderList as y, createElementVNode as o, renderSlot as c, createTextVNode as d, toDisplayString as m } from "vue";
-import { useModifiers as A } from "../../composables/useModifiers.js";
+import { computed as u, createElementBlock as l, createCommentVNode as B, openBlock as n, normalizeClass as a, unref as y, Fragment as b, renderList as g, createElementVNode as o, renderSlot as c, createTextVNode as d, toDisplayString as m } from "vue";
+import { useModifiers as k } from "../../composables/useModifiers.js";
 const F = {
   __name: "UluDefinitionList",
   props: {
@@ -57,15 +57,16 @@ const F = {
       "separated-first": e.separatedFirst,
       "separated-last": e.separatedLast,
       compact: e.compact
-    })), { resolvedModifiers: f } = A({
+    })), { resolvedModifiers: f } = k({
       props: e,
       internal: p,
       baseClass: "definition-list"
     });
-    return (r, L) => (n(), l("dl", {
-      class: a(["definition-list", [B(f), t.classes.list]])
+    return (r, A) => t.items?.length ? (n(), l("dl", {
+      key: 0,
+      class: a(["definition-list", [y(f), t.classes.list]])
     }, [
-      (n(!0), l(b, null, y(t.items, (s, i) => (n(), l("div", {
+      (n(!0), l(b, null, g(t.items, (s, i) => (n(), l("div", {
         key: i,
         class: a(t.classes.item)
       }, [
@@ -90,7 +91,7 @@ const F = {
           ])
         ], 2)
       ], 2))), 128))
-    ], 2));
+    ], 2)) : B("", !0);
   }
 };
 export {

package/dist/components/elements/UluList.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UluList.vue.d.ts","sourceRoot":"","sources":["../../../lib/components/elements/UluList.vue"],"names":[],"mappings":"AA6BA;wBA0OqB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;;6BAEtE,CAAC,EAAE,CAAC;;;AAXjC;;;;;;;;;;;;;;;;;;;;;;;2OAQG"}
+{"version":3,"file":"UluList.vue.d.ts","sourceRoot":"","sources":["../../../lib/components/elements/UluList.vue"],"names":[],"mappings":"AA8BA;wBA2OqB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;;6BAEtE,CAAC,EAAE,CAAC;;;AAVjC;;;;;;;;;;;;;;;;;;;;;;;2OAOG"}

package/dist/components/elements/UluList.vue.js

@@ -1,5 +1,5 @@
-import { computed as o, createBlock as u, openBlock as t, resolveDynamicComponent as m, normalizeStyle as y, normalizeClass as n, withCtx as B, createElementBlock as d, Fragment as f, renderList as v, renderSlot as S, createTextVNode as g, toDisplayString as k } from "vue";
-const x = {
+import { computed as n, createBlock as m, createCommentVNode as u, openBlock as t, resolveDynamicComponent as y, normalizeStyle as B, normalizeClass as o, withCtx as f, createElementBlock as d, Fragment as v, renderList as S, renderSlot as g, createTextVNode as k, toDisplayString as C } from "vue";
+const h = {
   __name: "UluList",
   props: {
     /**
@@ -49,9 +49,10 @@ const x = {
     listStyleType: String
   },
   setup(e) {
-    const l = e, r = o(() => l.ordered || l.forceOrdered), c = o(() => r.value ? "ol" : "ul");
-    return (i, O) => (t(), u(m(c.value), {
-      class: n([
+    const l = e, r = n(() => l.ordered || l.forceOrdered), c = n(() => r.value ? "ol" : "ul");
+    return (i, O) => e.items?.length ? (t(), m(y(c.value), {
+      key: 0,
+      class: o([
         {
           "list-ordered": e.ordered,
           "list-unordered": e.unordered,
@@ -60,29 +61,29 @@ const x = {
         },
         e.classes.list
       ]),
-      style: y({
+      style: B({
         listStyleType: e.listStyleType
       }),
       reversed: r.value ? e.reversed : null,
       start: e.start
     }, {
-      default: B(() => [
-        (t(!0), d(f, null, v(e.items, (s, a) => (t(), d("li", {
+      default: f(() => [
+        (t(!0), d(v, null, S(e.items, (s, a) => (t(), d("li", {
           key: a,
-          class: n(e.classes.listItem)
+          class: o(e.classes.listItem)
         }, [
-          S(i.$slots, "default", {
+          g(i.$slots, "default", {
             item: s,
             index: a
           }, () => [
-            g(k(s), 1)
+            k(C(s), 1)
           ])
         ], 2))), 128))
       ]),
       _: 3
-    }, 8, ["class", "style", "reversed", "start"]));
+    }, 8, ["class", "style", "reversed", "start"])) : u("", !0);
   }
 };
 export {
-  x as default
+  h as default
 };

package/dist/components/navigation/UluMenu.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UluMenu.vue.d.ts","sourceRoot":"","sources":["../../../lib/components/navigation/UluMenu.vue"],"names":[],"mappings":"AAmDA;;IAoIM;;;;;;;;;;;OAWG;;IAEH;;;OAGG;;;;;IAKH;;OAEG;;IAEH;;OAEG;;;;;IA3BH;;;;;;;;;;;OAWG;;IAEH;;;OAGG;;;;;IAKH;;OAEG;;IAEH;;OAEG"}
+{"version":3,"file":"UluMenu.vue.d.ts","sourceRoot":"","sources":["../../../lib/components/navigation/UluMenu.vue"],"names":[],"mappings":"AAsDA;;IAuIM;;;;;;;;;;;OAWG;;IAEH;;;OAGG;;;;;IAKH;;OAEG;;IAEH;;OAEG;;;;;IA3BH;;;;;;;;;;;OAWG;;IAEH;;;OAGG;;;;;IAKH;;OAEG;;IAEH;;OAEG"}

package/dist/components/navigation/UluMenuStack.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UluMenuStack.vue.d.ts","sourceRoot":"","sources":["../../../lib/components/navigation/UluMenuStack.vue"],"names":[],"mappings":"AAqBA;"}
+{"version":3,"file":"UluMenuStack.vue.d.ts","sourceRoot":"","sources":["../../../lib/components/navigation/UluMenuStack.vue"],"names":[],"mappings":"AAsBA;"}

package/dist/components/navigation/UluMenuStack.vue.js

@@ -1,7 +1,7 @@
-import { computed as i, createBlock as o, openBlock as r, resolveDynamicComponent as s, normalizeClass as c, unref as m, withCtx as l, createVNode as u } from "vue";
-import k from "./UluMenu.vue.js";
-import { useModifiers as f } from "../../composables/useModifiers.js";
-const C = {
+import { computed as i, createBlock as o, createCommentVNode as r, openBlock as s, resolveDynamicComponent as m, normalizeClass as c, unref as l, withCtx as u, createVNode as k } from "vue";
+import f from "./UluMenu.vue.js";
+import { useModifiers as d } from "../../composables/useModifiers.js";
+const B = {
   __name: "UluMenuStack",
   props: {
     /**
@@ -33,19 +33,20 @@ const C = {
     modifiers: [String, Array]
   },
   setup(e) {
-    const n = e, t = i(() => ({
-      hanging: n.hanging,
-      compact: n.compact
-    })), { resolvedModifiers: a } = f({
-      props: n,
-      internal: t,
+    const t = e, n = i(() => ({
+      hanging: t.hanging,
+      compact: t.compact
+    })), { resolvedModifiers: a } = d({
+      props: t,
+      internal: n,
       baseClass: "menu-stack"
     });
-    return (_, d) => (r(), o(s(e.containerElement), {
-      class: c(["menu-stack", m(a)])
+    return (_, p) => e.items?.length ? (s(), o(m(e.containerElement), {
+      key: 0,
+      class: c(["menu-stack", l(a)])
     }, {
-      default: l(() => [
-        u(k, {
+      default: u(() => [
+        k(f, {
           items: e.items,
           classes: {
             list: "menu-stack__list",
@@ -60,9 +61,9 @@ const C = {
         }, null, 8, ["items", "noChildren"])
       ]),
       _: 1
-    }, 8, ["class"]));
+    }, 8, ["class"])) : r("", !0);
   }
 };
 export {
-  C as default
+  B as default
 };

package/dist/components/navigation/UluNavStrip.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UluNavStrip.vue.d.ts","sourceRoot":"","sources":["../../../lib/components/navigation/UluNavStrip.vue"],"names":[],"mappings":"AAoBA;;IAwDM;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;;IAdH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG"}
+{"version":3,"file":"UluNavStrip.vue.d.ts","sourceRoot":"","sources":["../../../lib/components/navigation/UluNavStrip.vue"],"names":[],"mappings":"AAqBA;;IAyDM;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;;IAdH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG"}

package/dist/components/navigation/UluNavStrip.vue.js

@@ -1,7 +1,7 @@
 import n from "./UluMenu.vue.js";
-import { resolveComponent as r, createElementBlock as i, openBlock as o, normalizeClass as s, createVNode as a } from "vue";
-import l from "../../_virtual/_plugin-vue_export-helper.js";
-const c = {
+import { resolveComponent as r, createElementBlock as i, createCommentVNode as o, openBlock as a, normalizeClass as s, createVNode as l } from "vue";
+import c from "../../_virtual/_plugin-vue_export-helper.js";
+const m = {
   name: "UluNavStrip",
   components: {
     UluMenu: n
@@ -25,16 +25,17 @@ const c = {
     rule: Boolean
   }
 };
-function m(p, u, e, _, v, f) {
+function u(_, p, e, v, f, d) {
   const t = r("UluMenu");
-  return o(), i("nav", {
+  return e.items?.length ? (a(), i("nav", {
+    key: 0,
     class: s(["nav-strip", {
       "nav-strip--rule": e.rule,
       "nav-strip--center": e.center,
       "nav-strip--right": e.right
     }])
   }, [
-    a(t, {
+    l(t, {
       items: e.items,
       classes: {
         list: "nav-strip__list",
@@ -43,9 +44,9 @@ function m(p, u, e, _, v, f) {
         linkExactActive: "is-active"
       }
     }, null, 8, ["items"])
-  ], 2);
+  ], 2)) : o("", !0);
 }
-const U = /* @__PURE__ */ l(c, [["render", m]]);
+const U = /* @__PURE__ */ c(m, [["render", u]]);
 export {
   U as default
 };

package/dist/components/utils/UluRouteAnnouncer.vue.d.ts

@@ -1,7 +1,7 @@
 declare const _default: import('vue').DefineComponent<{}, {
     validator: Function;
     exclude: unknown[];
-    getTitle?: Function | undefined;
+    getTitle: Function;
     $props: {
         readonly validator?: Function | undefined;
         readonly exclude?: unknown[] | undefined;

package/dist/components/utils/UluRouteAnnouncer.vue.js

@@ -1,6 +1,7 @@
-import { ref as i, computed as d, watch as f, nextTick as p, createElementBlock as m, createCommentVNode as h, openBlock as y, toDisplayString as v } from "vue";
+import { ref as s, computed as f, watch as d, nextTick as p, createElementBlock as m, createCommentVNode as h, openBlock as y, toDisplayString as v } from "vue";
 import { useRoute as _ } from "vue-router";
-const x = {
+import { getRouteTitle as g } from "../../utils/router.js";
+const A = {
   __name: "UluRouteAnnouncer",
   props: {
     /**
@@ -27,24 +28,24 @@ const x = {
      */
     getTitle: {
       type: Function,
-      default: (r) => r.meta?.title
+      default: (r) => g(r)
     }
   },
   setup(r) {
-    const o = r, t = _(), u = i(null), l = d(() => {
+    const n = r, t = _(), u = s(null), l = f(() => {
       if (!t) return "";
-      const e = o.getTitle(t);
+      const e = n.getTitle(t);
       return e || console.warn("RouteAnnouncer: No page title!"), e;
     });
-    return t ? f(
+    return t ? d(
       () => t.path,
-      async (e, s) => {
+      async (e, a) => {
         if (t.hash)
           return;
-        const a = o.validator(e, s, t), c = o.exclude.some((n) => n.endsWith("*") ? e.startsWith(n.slice(0, n.length - 1)) : e === n);
-        a && !c && (await p(), u.value?.focus());
+        const c = n.validator(e, a, t), i = n.exclude.some((o) => o.endsWith("*") ? e.startsWith(o.slice(0, o.length - 1)) : e === o);
+        c && !i && (await p(), u.value?.focus());
       }
-    ) : console.error("RouteAnnouncer: No route instance found. Ensure vue-router is installed."), (e, s) => l.value ? (y(), m("p", {
+    ) : console.error("RouteAnnouncer: No route found (install vue-router)."), (e, a) => l.value ? (y(), m("p", {
       key: 0,
       tabindex: "-1",
       class: "hidden-visually",
@@ -54,5 +55,5 @@ const x = {
   }
 };
 export {
-  x as default
+  A as default
 };

package/lib/components/collapsible/UluAccordionGroup.vue

@@ -1,5 +1,8 @@
 <template>
-  <div class="accordion-group">
+  <div  
+    v-if="items?.length"
+    class="accordion-group"
+  >
     <UluAccordion
       v-for="(item, index) in internalItems"
       :key="index"

package/lib/components/elements/UluBadgeStack.vue

@@ -1,5 +1,8 @@
 <template>
-  <ul class="badge-stack">
+  <ul 
+    v-if="items?.length"
+    class="badge-stack" 
+  >
     <li
       class="badge-stack__item"
       v-for="(item, index) in items"

package/lib/components/elements/UluDefinitionList.vue

@@ -1,5 +1,9 @@
 <template>
-  <dl class="definition-list" :class="[resolvedModifiers, classes.list]">
+  <dl 
+    v-if="items?.length"
+    class="definition-list" 
+    :class="[resolvedModifiers, classes.list]"
+  >
     <div 
       v-for="(item, index) in items" 
       :key="index"

package/lib/components/elements/UluList.vue

@@ -1,5 +1,6 @@
 <template>
   <component 
+    v-if="items?.length"
     :is="listElement"
     :class="[
       {

package/lib/components/navigation/UluMenu.vue

@@ -1,5 +1,8 @@
 <template>
-  <ul v-if="items?.length" :class="classes.list">
+  <ul 
+    v-if="items?.length" 
+    :class="classes.list"
+  >
     <li 
       v-for="(item, index) in items" 
       :key="index" 

package/lib/components/navigation/UluMenuStack.vue

@@ -1,5 +1,6 @@
 <template>
   <component
+    v-if="items?.length"
     class="menu-stack"
     :is="containerElement" 
     :class="resolvedModifiers"

package/lib/components/navigation/UluNavStrip.vue

@@ -1,5 +1,6 @@
 <template>
   <nav 
+    v-if="items?.length"
     class="nav-strip"
     :class="{
       'nav-strip--rule' : rule,

package/lib/components/utils/UluRouteAnnouncer.vue

@@ -23,6 +23,7 @@
 <script setup>
   import { ref, computed, watch, nextTick } from 'vue';
   import { useRoute } from 'vue-router';
+  import { getRouteTitle } from '../../utils/router.js';
 
   const props = defineProps({
     /**
@@ -49,7 +50,7 @@
      */
     getTitle: {
       type: Function,
-      default: (route) => route.meta?.title 
+      default: (route) => getRouteTitle(route)
     }
   });
 
@@ -89,6 +90,6 @@
       }
     );
   } else {
-    console.error("RouteAnnouncer: No route instance found. Ensure vue-router is installed.");
+    console.error("RouteAnnouncer: No route found (install vue-router).");
   }
 </script>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ulu/frontend-vue",
-  "version": "0.2.0-beta.10",
+  "version": "0.2.0-beta.12",
   "description": "A modular and tree-shakeable Vue 3 component library for the Ulu frontend",
   "type": "module",
   "files": [
@@ -45,7 +45,8 @@
     "design-system",
     "ulu",
     "frontend",
-    "scss"
+    "scss",
+    "theme"
   ],
   "author": "Joseph Scherben <jscherbe@gmail.com>",
   "license": "MIT",