@ulu/frontend-vue 0.6.10 → 0.6.12

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

@@ -4,17 +4,20 @@ type __VLS_WithTemplateSlots<T, S> = T & (new () => {
     $slots: S;
 });
 declare const __VLS_component: import('vue').DefineComponent<{}, {
+    $emit: (event: "change", ...args: any[]) => void;
     vertical: boolean;
     sticky: boolean;
     transparent: boolean;
     modifiers?: string | unknown[] | undefined;
     defaultIndex?: number | undefined;
+    selectedIndex?: number | undefined;
     $props: {
         readonly vertical?: boolean | undefined;
         readonly sticky?: boolean | undefined;
         readonly transparent?: boolean | undefined;
         readonly modifiers?: string | unknown[] | undefined;
         readonly defaultIndex?: number | undefined;
+        readonly selectedIndex?: number | undefined;
     };
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 type __VLS_TemplateResult = {

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

@@ -1 +1 @@
-{"version":3,"file":"UluTabGroup.vue.d.ts","sourceRoot":"","sources":["../../../lib/components/collapsible/UluTabGroup.vue"],"names":[],"mappings":"AAeA;wBA2KqB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;;6BAEtE,CAAC,EAAE,CAAC;;;AAVjC;;;;;;;;;;;;;2OAOG"}
+{"version":3,"file":"UluTabGroup.vue.d.ts","sourceRoot":"","sources":["../../../lib/components/collapsible/UluTabGroup.vue"],"names":[],"mappings":"AAiBA;wBAwMqB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;;6BAEtE,CAAC,EAAE,CAAC;;;AAXjC;;;;;;;;;;;;;;;;2OAQG"}

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

@@ -1,15 +1,19 @@
-import { computed as n, createBlock as i, openBlock as l, unref as a, withCtx as c, createElementVNode as d, mergeProps as u, renderSlot as f, normalizeProps as p, guardReactiveProps as m } from "vue";
-import { TabGroup as v } from "@headlessui/vue";
-import { useModifiers as b } from "../../composables/useModifiers.js";
-const y = /* @__PURE__ */ Object.assign({
+import { computed as l, createBlock as i, openBlock as d, unref as s, withCtx as c, createElementVNode as u, mergeProps as m, renderSlot as f, normalizeProps as p, guardReactiveProps as v } from "vue";
+import { TabGroup as b } from "@headlessui/vue";
+import { useModifiers as x } from "../../composables/useModifiers.js";
+const B = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
 }, {
   __name: "UluTabGroup",
   props: {
     /**
-     * Active tab index by default
+     * Active tab index by default (uncontrolled)
      */
     defaultIndex: Number,
+    /**
+     * Actively selected tab index (controlled)
+     */
+    selectedIndex: Number,
     /**
      * Whether or not to use vertical layout
      */
@@ -27,31 +31,34 @@ const y = /* @__PURE__ */ Object.assign({
      */
     modifiers: [String, Array]
   },
-  setup(t) {
-    const e = t, { resolvedModifiers: s } = b({
-      props: e,
+  emits: ["change"],
+  setup(e) {
+    const t = e, { resolvedModifiers: o } = x({
+      props: t,
       baseClass: "tabs",
-      internal: n(() => ({
-        vertical: e.vertical,
-        sticky: e.sticky,
-        transparent: e.transparent
+      internal: l(() => ({
+        vertical: t.vertical,
+        sticky: t.sticky,
+        transparent: t.transparent
       }))
     });
-    return (r, k) => (l(), i(a(v), {
-      defaultIndex: t.defaultIndex,
-      vertical: t.vertical
+    return (r, n) => (d(), i(s(b), {
+      defaultIndex: e.defaultIndex,
+      selectedIndex: e.selectedIndex,
+      vertical: e.vertical,
+      onChange: n[0] || (n[0] = (a) => r.$emit("change", a))
     }, {
-      default: c((o) => [
-        d("div", u(r.$attrs, {
-          class: ["tabs", a(s)]
+      default: c((a) => [
+        u("div", m(r.$attrs, {
+          class: ["tabs", s(o)]
         }), [
-          f(r.$slots, "default", p(m(o)))
+          f(r.$slots, "default", p(v(a)))
         ], 16)
       ]),
       _: 3
-    }, 8, ["defaultIndex", "vertical"]));
+    }, 8, ["defaultIndex", "selectedIndex", "vertical"]));
   }
 });
 export {
-  y as default
+  B as default
 };

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

@@ -2,10 +2,12 @@ declare const _default: import('vue').DefineComponent<{}, {
     validator: Function;
     exclude: unknown[];
     getTitle: Function;
+    debug: boolean;
     $props: {
         readonly validator?: Function | undefined;
         readonly exclude?: unknown[] | undefined;
         readonly getTitle?: Function | undefined;
+        readonly debug?: boolean | undefined;
     };
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
     el: HTMLParagraphElement;

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

@@ -1,14 +1,14 @@
-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";
-import { getRouteTitle as g } from "../../utils/router.js";
-const A = {
+import { ref as d, computed as f, watch as p, nextTick as h, createElementBlock as m, createCommentVNode as g, openBlock as v, toDisplayString as y } from "vue";
+import { useRoute as R, useRouter as _, START_LOCATION as A } from "vue-router";
+import { getRouteTitle as T } from "../../utils/router.js";
+const b = {
   __name: "UluRouteAnnouncer",
   props: {
     /**
      * Allow user to bypass this functionality
      * - Function should return true if the page should be announced
-     * - Function is passed  (to, from, $route) => {}
-     *   - to/from are path strings
+     * - Function is passed (to, from) => {}
+     *   - to/from are RouteLocationNormalizedLoaded objects
      */
     validator: {
       type: Function,
@@ -28,32 +28,36 @@ const A = {
      */
     getTitle: {
       type: Function,
-      default: (r) => g(r)
-    }
+      default: (r) => T(r)
+    },
+    /**
+     * Enable debug logging
+     */
+    debug: Boolean
   },
   setup(r) {
-    const n = r, t = _(), u = s(null), l = f(() => {
-      if (!t) return "";
-      const e = n.getTitle(t);
+    const t = r, l = R(), c = _(), a = d(null), n = f(() => {
+      if (!l || l.matched.length === 0) return "";
+      const e = t.getTitle(l);
       return e || console.warn("RouteAnnouncer: No page title!"), e;
     });
-    return t ? d(
-      () => t.path,
-      async (e, a) => {
-        if (t.hash)
+    return c ? p(
+      c.currentRoute,
+      async (e, o) => {
+        if (o === A || o.matched.length === 0 || e.hash)
           return;
-        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());
+        const s = t.validator(e, o), i = t.exclude.some((u) => u.endsWith("*") ? e.path.startsWith(u.slice(0, u.length - 1)) : e.path === u);
+        n.value && s && !i && (t.debug && console.log("RouteAnnouncer: Focused title:", n.value), await h(), a.value?.focus());
       }
-    ) : console.error("RouteAnnouncer: No route found (install vue-router)."), (e, a) => l.value ? (y(), m("p", {
+    ) : console.error("RouteAnnouncer: No route found (install vue-router)."), (e, o) => n.value ? (v(), m("p", {
       key: 0,
       tabindex: "-1",
       class: "hidden-visually",
       ref_key: "el",
-      ref: u
-    }, v(l.value), 513)) : h("", !0);
+      ref: a
+    }, y(n.value), 513)) : g("", !0);
   }
 };
 export {
-  A as default
+  b as default
 };