@ulu/frontend-vue 0.6.11 → 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
 };