@ulu/frontend-vue 0.1.3-beta.14 → 0.1.3-beta.15

package/dist/frontend-vue.js

@@ -1936,6 +1936,27 @@ const ao = ["id", "aria-controls", "aria-expanded"], ro = ["id", "aria-hidden",
     items: {
       type: Array,
       default: () => []
+    },
+    /**
+     * If using summary text sets the inner element the text is wrapped in, usually a headline or strong
+     */
+    triggerTextElement: {
+      type: String,
+      default: "strong"
+    },
+    /**
+     * Class modifiers (ie. 'transparent', 'secondary', etc)
+     */
+    modifiers: [String, Array],
+    /**
+     * Enable or configure animations.
+     * - `false` (default) to disable all animations.
+     * - `true` to enable animations with default settings.
+     * - An object to provide custom options to auto-animate (e.g., { duration: 100, easing: 'linear' }).
+     */
+    animate: {
+      type: [Boolean, Object],
+      default: !0
     }
   },
   setup(e) {
@@ -1957,7 +1978,10 @@ const ao = ["id", "aria-controls", "aria-expanded"], ro = ["id", "aria-hidden",
         "model-value": a.isOpen,
         "onUpdate:modelValue": (c) => s(r, c),
         "trigger-text": a.title,
-        classes: a.classes
+        classes: a.classes,
+        "trigger-text-element": e.triggerTextElement,
+        modifiers: e.modifiers,
+        animate: e.animate
       }, Te({
         default: $(({ isOpen: c, toggle: i }) => [
           g(l.$slots, "item", {
@@ -1993,7 +2017,7 @@ const ao = ["id", "aria-controls", "aria-expanded"], ro = ["id", "aria-hidden",
           ]),
           key: "1"
         } : void 0
-      ]), 1032, ["model-value", "onUpdate:modelValue", "trigger-text", "classes"]))), 128))
+      ]), 1032, ["model-value", "onUpdate:modelValue", "trigger-text", "classes", "trigger-text-element", "modifiers", "animate"]))), 128))
     ]));
   }
 }, os = {

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

@@ -5,7 +5,10 @@ type __VLS_WithSlots<T, S> = T & (new () => {
 });
 declare const __VLS_component: import("vue").DefineComponent<{}, {
     $props: Partial<typeof props>;
+    animate: boolean | Record<string, any>;
+    triggerTextElement: string;
     items: unknown[];
+    modifiers?: string | unknown[] | undefined;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 type __VLS_Slots = {
     trigger?: ((props: {
@@ -28,6 +31,9 @@ type __VLS_Slots = {
     }) => any) | undefined;
 };
 declare const props: {
+    readonly animate: boolean | Record<string, any>;
+    readonly triggerTextElement: string;
     readonly items: unknown[];
+    readonly modifiers?: string | unknown[] | undefined;
 };
 //# sourceMappingURL=UluAccordionGroup.vue.d.ts.map

package/dist/types/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":"wBAoNqB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;;qBAEpD,CAAC,EAAE,CAAC;;;AARzB;YAGmB,OAAO,CAAC,OAAO,KAAK,CAAC;;2OAErC;;;;;;;;;;;;;;;;;;;;;AA9IH;;EASG"}
+{"version":3,"file":"UluAccordionGroup.vue.d.ts","sourceRoot":"","sources":["../../../../lib/components/collapsible/UluAccordionGroup.vue"],"names":[],"mappings":"wBAsQqB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;;qBAEpD,CAAC,EAAE,CAAC;;;AARzB;YAGmB,OAAO,CAAC,OAAO,KAAK,CAAC;;;;;2OAErC;;;;;;;;;;;;;;;;;;;;;AAzKH;;;;;EA8BG"}

package/lib/components/collapsible/UluAccordionGroup.vue

@@ -7,6 +7,9 @@
       @update:modelValue="(newValue) => handleToggle(index, newValue)"
       :trigger-text="item.title"
       :classes="item.classes"
+      :trigger-text-element="triggerTextElement"
+      :modifiers="modifiers"
+      :animate="animate"
     >
       <template #trigger="{ isOpen }" v-if="$slots.trigger">
         <slot name="trigger" :item="item" :index="index" :isOpen="isOpen"></slot>
@@ -37,7 +40,28 @@ const props = defineProps({
   items: {
     type: Array,
     default: () => []
-  }
+  },
+  /**
+   * If using summary text sets the inner element the text is wrapped in, usually a headline or strong
+   */
+  triggerTextElement: {
+    type: String,
+    default: "strong"
+  },
+  /**
+   * Class modifiers (ie. 'transparent', 'secondary', etc)
+   */
+  modifiers: [String, Array],
+  /**
+   * Enable or configure animations.
+   * - `false` (default) to disable all animations.
+   * - `true` to enable animations with default settings.
+   * - An object to provide custom options to auto-animate (e.g., { duration: 100, easing: 'linear' }).
+   */
+  animate: {
+    type: [Boolean, Object],
+    default: true
+  },
 });
 
 const internalItems = ref([]);
@@ -61,4 +85,4 @@ function handleToggle(selectedIndex, newValue) {
     internalItems.value[selectedIndex].isOpen = false;
   }
 }
-</script>
+</script>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ulu/frontend-vue",
-  "version": "0.1.3-beta.14",
+  "version": "0.1.3-beta.15",
   "description": "A modular and tree-shakeable Vue 3 component library for the Ulu frontend",
   "type": "module",
   "files": [