@ulu/frontend-vue 0.1.1-beta.2 → 0.1.1-beta.21

package/lib/components/systems/facets/useFacets.js

@@ -1,6 +1,74 @@
 import { ref, computed, watch } from 'vue';
 import Fuse from 'fuse.js';
 
+/**
+ * Helper function to create a union of multiple Sets.
+ * @param {Array<Set>} sets - An array of sets to unify.
+ * @returns {Set} A new set containing all unique items from the input sets.
+ */
+function unionSets(sets) {
+  const union = new Set();
+  for (const set of sets) {
+    for (const item of set) {
+      union.add(item);
+    }
+  }
+  return union;
+}
+
+/**
+ * Helper function to create an intersection of multiple Sets.
+ * @param {Array<Set>} sets - An array of sets to intersect.
+ * @returns {Set} A new set containing only the items present in all input sets.
+ */
+function intersectSets(sets) {
+  if (!sets || sets.length === 0) return new Set();
+  // Start with a copy of the first set, which is an optimization if it's the smallest.
+  // For better performance, sort sets by size and start with the smallest.
+  const sortedSets = sets.sort((a, b) => a.size - b.size);
+  const intersection = new Set(sortedSets[0]);
+  for (let i = 1; i < sortedSets.length; i++) {
+    for (const item of intersection) {
+      if (!sortedSets[i].has(item)) {
+        intersection.delete(item);
+      }
+    }
+    // If intersection becomes empty, no need to continue.
+    if (intersection.size === 0) break;
+  }
+  return intersection;
+}
+
+/**
+ * Calculates the final set of item indices based on selected facets using the pre-built index.
+ * @param {Array<Object>} selected - The array of selected facet groups.
+ * @param {Map<String, Set>} index - The inverted index.
+ * @param {Set<number>} allItemsSet - A set of all possible item indices.
+ * @returns {Set} A set of indices for the items that match the filters.
+ */
+function getFilteredSetFromIndex(selected, index, allItemsSet) {
+  if (!selected || selected.length === 0) {
+    return allItemsSet;
+  }
+
+  const groupSets = selected.map(group => {
+    const childSets = group.children.map(child => {
+      const key = `${group.uid}:${child.uid}`;
+      return index.get(key) || new Set();
+    });
+
+    // For 'all' (AND), intersect the sets within the group.
+    if (group.match === 'all') {
+      return intersectSets(childSets);
+    }
+    // For 'some' (OR), union the sets within the group.
+    return unionSets(childSets);
+  });
+
+  // Intersect the results from each group.
+  return intersectSets(groupSets);
+}
+
 /**
  * Generates facet groups and their possible values from a list of items.
  * @param {Array<Object>} allItems - The full list of items.
@@ -54,6 +122,7 @@ function generateInitialFacets(allItems, facetFields) {
  * @param {Object} [options.searchOptions={}] - Configuration options for Fuse.js.
  * @param {Function} [options.getItemFacet] - A function to retrieve facet information from an item. Should always return an array of values.
  * @param {Function} [options.getSortValue] - A function to get the value to sort by from an item.
+ * @param {String} [options.countMode='none'] - The mode for calculating facet counts. Can be 'none', 'simple', or 'intuitive'.
  */
 export function useFacets(allItems, options = {}) {
   const defaultGetItemFacet = (item, uid) => {
@@ -120,6 +189,37 @@ export function useFacets(allItems, options = {}) {
     ...extraSortTypes
   }));
 
+  const facetIndex = computed(() => {
+    const index = new Map();
+    // Depend on searchedItems to re-build when search changes.
+    const items = searchedItems.value;
+    if (!items || !facetFields) return index;
+
+    // Create a map of getters for efficiency inside the loop.
+    const getters = new Map(facetFields.map(group => {
+      const getValue = group.getValue || (item => item[group.uid]);
+      return [group.uid, getValue];
+    }));
+
+    for (let i = 0; i < items.length; i++) {
+      const item = items[i];
+      for (const group of facetFields) {
+        const getValue = getters.get(group.uid);
+        const value = getValue(item);
+        const values = Array.isArray(value) ? value : (value ? [value] : []);
+
+        for (const v of values) {
+          const key = `${group.uid}:${v}`;
+          if (!index.has(key)) {
+            index.set(key, new Set());
+          }
+          index.get(key).add(i);
+        }
+      }
+    }
+    return index;
+  });
+
   const searchOptions = computed(() => ({
     shouldSort: true,
     keys: ["title", "label", "description", "author"],
@@ -138,7 +238,6 @@ export function useFacets(allItems, options = {}) {
     const selected = [];
     facets.value.forEach((group) => {
       const selectedChildren = group.children.filter(child => child.selected);
-      group.selectedCount = selectedChildren.length;
       if (selectedChildren.length > 0) {
         selected.push({ ...group, children: selectedChildren });
       }
@@ -147,7 +246,23 @@ export function useFacets(allItems, options = {}) {
   });
 
   const filteredItems = computed(() => {
-    return getFilteredItems(searchedItems.value, selectedFacets.value);
+    if (!selectedFacets.value.length) {
+      return searchedItems.value;
+    }
+    const index = facetIndex.value;
+    // This check is important because the index might not be ready on the first render.
+    if (index.size === 0 && searchedItems.value.length > 0 && facetFields?.length > 0) {
+      return [];
+    }
+    const allItemsSet = new Set(searchedItems.value.map((_, i) => i));
+    const filteredIndexSet = getFilteredSetFromIndex(selectedFacets.value, index, allItemsSet);
+    
+    const result = [];
+    // Using a direct loop for performance.
+    for (const i of filteredIndexSet) {
+      result.push(searchedItems.value[i]);
+    }
+    return result;
   });
 
   const displayItems = computed(() => {
@@ -159,27 +274,12 @@ export function useFacets(allItems, options = {}) {
   });
 
   // --- Methods ---
-  function getFilteredItems(items, selected) {
-    if (!selected.length) return items;
-    return items.filter(item => {
-      return selected.every(group => {
-        const itemFacetValues = getItemFacet(item, group.uid);
-        if (itemFacetValues && itemFacetValues.length) {
-          if (group.match === 'all') {
-            return group.children.every(facet => itemFacetValues.includes(facet.uid));
-          }
-          return group.children.some(facet => itemFacetValues.includes(facet.uid));
-        }
-        return false;
-      });
-    });
-  }
-
   function clearFilters() {
     facets.value.forEach(group => {
       if (group.children) {
         group.children.forEach(child => child.selected = false);
       }
+      group.selectedCount = 0;
     });
   }
 
@@ -197,12 +297,19 @@ export function useFacets(allItems, options = {}) {
       if (facet) {
         facet.selected = selected;
       }
+      // Recalculate selectedCount for the group
+      group.selectedCount = group.children.filter(c => c.selected).length;
     }
   }
 
   // --- Watchers ---
   watch(generatedFacets, (newGeneratedFacets) => {
-    facets.value = createFacets(initialFacets || newGeneratedFacets);
+    const newFacets = createFacets(initialFacets || newGeneratedFacets);
+    // Calculate initial counts
+    newFacets.forEach(group => {
+      group.selectedCount = group.children.filter(c => c.selected).length;
+    });
+    facets.value = newFacets;
   }, { immediate: true });
 
   watch([selectedFacets, searchedItems], ([currentSelected, currentSearchedItems], [prevSelected, prevSearchedItems]) => {
@@ -223,33 +330,52 @@ export function useFacets(allItems, options = {}) {
         });
       });
     } else if (countMode === 'intuitive') {
+      const index = facetIndex.value;
+      if (index.size === 0 && searchedItems.value.length > 0 && facetFields?.length > 0) {
+        // Index might not be ready yet.
+        return;
+      }
+      const allItemsSet = new Set(searchedItems.value.map((_, i) => i));
+      const currentFilteredSet = getFilteredSetFromIndex(currentSelected, index, allItemsSet);
+
       facets.value.forEach(group => {
         group.children.forEach(child => {
-          const tempFacets = JSON.parse(JSON.stringify(facets.value));
-          const tempGroup = tempFacets.find(g => g.uid === group.uid);
-          const tempChild = tempGroup.children.find(c => c.uid === child.uid);
-
-          if (tempGroup.multiple) {
-            if (tempChild.selected) {
-              child.count = filteredItems.value.filter(item => {
-                const itemValues = getItemFacet(item, group.uid);
-                return itemValues.includes(child.uid);
-              }).length;
-              return;
+          const key = `${group.uid}:${child.uid}`;
+          const childSet = index.get(key) || new Set();
+
+          if (child.selected) {
+            // --- Logic for already-selected facets (now performant) ---
+            if (group.multiple) {
+              // This is the intersection of currently filtered items and items with this facet value.
+              const intersection = intersectSets([currentFilteredSet, childSet]);
+              child.count = intersection.size;
+            } else {
+              // For single-select, the count is just the total number of filtered items.
+              child.count = currentFilteredSet.size;
             }
-            tempChild.selected = true;
           } else {
-            if (tempChild.selected) {
-              child.count = filteredItems.value.length;
-              return;
+            // --- Logic for un-selected facets (now without deep clone) ---
+            const tempSelected = [];
+            for (const g of currentSelected) {
+              tempSelected.push({ ...g, children: [...g.children] });
+            }
+      
+            let groupInTemp = tempSelected.find(g => g.uid === group.uid);
+      
+            if (!groupInTemp) {
+              groupInTemp = { ...group, children: [] };
+              tempSelected.push(groupInTemp);
+            }
+      
+            if (group.multiple) {
+              groupInTemp.children.push(child);
+            } else {
+              groupInTemp.children = [child];
             }
-            tempGroup.children.forEach(f => { f.selected = false; });
-            tempChild.selected = true;
+            
+            const finalSet = getFilteredSetFromIndex(tempSelected, index, allItemsSet);
+            child.count = finalSet.size;
           }
-          
-          const tempSelected = tempFacets.map(g => ({...g, children: g.children.filter(c => c.selected)})).filter(g => g.children.length > 0);
-          const resultItems = getFilteredItems(currentSearchedItems, tempSelected);
-          child.count = resultItems.length;
         });
       });
     }

package/lib/components/systems/index.js

@@ -1,5 +1,7 @@
 export { useFacets } from './facets/useFacets.js';
+export { default as UluFacetsActiveFilters } from './facets/UluFacetsActiveFilters.vue';
 export { default as UluFacetsFilterLists } from './facets/UluFacetsFilterLists.vue';
+export { default as UluFacetsFilterAccordions } from './facets/UluFacetsFilterAccordions.vue';
 export { default as UluFacetsFilterPopovers } from './facets/UluFacetsFilterPopovers.vue';
 export { default as UluFacetsFilterSelects } from './facets/UluFacetsFilterSelects.vue';
 export { default as UluFacetsHeaderLayout } from './facets/UluFacetsHeaderLayout.vue';

package/lib/components/systems/slider/UluSlideShow.vue

@@ -50,7 +50,7 @@
             @click="previous"
             :disabled="!canScrollLeft"
           >
-            <UluIcon class="slideshow__control-icon" icon="type:next"/>
+            <UluIcon class="slideshow__control-icon" icon="type:previous"/>
           </button>
         </li>
         <li class="slideshow__controls-item slideshow__controls-item--next">
@@ -60,7 +60,7 @@
             @click="next"
             :disabled="!canScrollRight"
           >
-            <UluIcon class="slideshow__control-icon" icon="type:previous" />
+            <UluIcon class="slideshow__control-icon" icon="type:next" />
           </button>
         </li>
       </ul>

package/lib/components/utils/{UluCondText.vue → UluConditionalText.vue}

@@ -10,7 +10,7 @@
    * Print out text if set (has value)
    */
   export default {
-    name: "UluCondText",
+    name: "UluConditionalText",
     props: {
       /**
        * Text to print in element

package/lib/components/utils/UluConditionalWrapper.vue

@@ -0,0 +1,29 @@
+<template>
+  <component v-if="!unwrapped" :is="is">
+    <slot></slot>
+  </component>
+  <template v-else>
+    <slot></slot>
+  </template>
+</template>
+
+<script setup>
+  defineProps({
+    /**
+     * The underlying component or HTML tag to render.
+     * Can be a string like 'div' or an imported component object.
+     */
+    is: {
+      type: [String, Object, Function], // Can be a string or a component definition
+      default: 'div' // A sensible default for a wrapper
+    },
+    /**
+     * If true, the wrapper will not be rendered and the content
+     * will be output directly.
+     */
+    unwrapped: {
+      type: Boolean,
+      default: false
+    }
+  });
+</script>

package/lib/components/utils/UluRouteAnnouncer.vue

@@ -26,7 +26,7 @@
     props: {
       /**
        * Allow user to bypass this functionality
-       * - Function should return true if the page should be annouced
+       * - Function should return true if the page should be announced
        * - Function is passed  (to, from, $route) => {}
        *   - to/from are path strings
        */

package/lib/components/utils/UluSanityRichText.vue

@@ -0,0 +1,41 @@
+<template>
+  <UluConditionalWrapper 
+    v-if="content?.length" 
+    class="wysiwyg" 
+    :unwrapped="noWrapper"
+  >
+    <PortableText :value="content" :components="portableComponents"/>
+  </UluConditionalWrapper>
+</template>
+<script setup>
+  import { h } from "vue";
+  import { PortableText } from '@portabletext/vue';
+  import UluConditionalWrapper from './UluConditionalWrapper.vue';
+
+  /**
+   * A component to render Sanity's Portable Text format.
+   * It requires the '@portabletext/vue' package to be installed by the consumer.
+   */
+  defineProps({
+    /**
+     * The array of Portable Text blocks to render.
+     */
+    content: Array,
+    /**
+     * If true, the output will not be wrapped in a div with the 'wysiwyg' class.
+     */
+    noWrapper: {
+      type: Boolean,
+      default: false
+    }
+  });
+
+  const portableComponents = {
+    types: {
+      image: ({ value }) => h('img', { 
+        src: `${ value.imageUrl }?max-w=1100&fit=crop`,
+        alt: value.imageAlt
+      }),
+    },
+  };
+</script>

package/lib/components/visualizations/UluProgressCircle.vue

@@ -61,7 +61,7 @@ const props = defineProps({
    */
   formatValue: {
     type: Function,
-    default: (value) => `${value}%`,
+    default: (value) => `${ value }%`,
   },
   /**
    * Hides the percentage value display.

package/lib/plugins/core/index.js

@@ -15,6 +15,7 @@ const defaults = {
     success: "fas fa-circle-check",
     externalLink: "fas fa-arrow-up-right-from-square",
     close: "fas fa-xmark",
+    remove: "fas fa-xmark",
     expand: "fas fa-plus",
     collapse: "fas fa-minus",
     resizeHorizontal: "fas fa-grip-lines-vertical",
@@ -24,8 +25,8 @@ const defaults = {
     pathSeparator: "fas fa-chevron-right",
     image: "fas fa-image",
     file: "fas fa-file",
-    next: "fas fa-chevron-left",
-    previous: "fas fa-chevron-right",
+    previous: "fas fa-chevron-left",
+    next: "fas fa-chevron-right",
     dropdownExpand: "fas fa-caret-down"
   }
 };

package/lib/plugins/popovers/UluPopover.vue

@@ -15,7 +15,7 @@
     :aria-label="triggerAlt"
     v-ulu-tooltip="tooltip ? tooltip : null"
   >
-    <slot name="trigger" :isOpen="isOpen" :toggle="toggle" :close="close">
+    <slot name="trigger" :isOpen="isOpen" :close="close">
       {{ triggerText }}
     </slot>
   </button>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ulu/frontend-vue",
-  "version": "0.1.1-beta.2",
+  "version": "0.1.1-beta.21",
   "description": "A modular and tree-shakeable Vue 3 component library for the Ulu frontend",
   "type": "module",
   "files": [
@@ -14,10 +14,13 @@
       "import": "./lib/index.js",
       "types": "./types/index.d.ts"
     },
+    "./*": {
+      "import": "./lib/*",
+      "types": "./types/*"
+    },
     "./dist": {
       "import": "./dist/frontend-vue.js"
     },
-    "./*": "./lib/*",
     "./scss": "./lib/_index.scss"
   },
   "types": "./types/index.d.ts",
@@ -36,7 +39,7 @@
     "dev": "storybook dev -p 6006",
     "docs:build": "storybook build -o docs",
     "build": "vite build",
-    "types": "npx tsc",
+    "types": "vue-tsc",
     "deploy": "npm run types && npm run build && npm run docs:build",
     "update-contexts": "rm -rf .ctx && mkdir -p .ctx/frontend && cp -R node_modules/@ulu/frontend/scss node_modules/@ulu/frontend/js .ctx/frontend/"
   },
@@ -58,14 +61,15 @@
   },
   "homepage": "https://github.com/Jscherbe/frontend-vue#readme",
   "peerDependencies": {
+    "@formkit/auto-animate": "^0.9.0",
     "@headlessui/vue": "^1.7.23",
-    "@ulu/frontend": "^0.1.0-beta.112",
+    "@ulu/frontend": "^0.1.0-beta.122",
     "@unhead/vue": "^2.0.11",
     "vue": "^3.5.17",
-    "vue-router": "^4.5.1",
-    "@formkit/auto-animate" : "^0.9.0"
+    "vue-router": "^4.5.1"
   },
   "optionalDependencies": {
+    "@portabletext/vue": "^1.0.14",
     "fuse.js": "^6.6.2",
     "gsap": "^3.13.0",
     "vue3-dropzone": "^2.2.1"
@@ -76,6 +80,7 @@
     "lodash-es": "^4.17.21"
   },
   "devDependencies": {
+    "@formkit/auto-animate": "^0.9.0",
     "@fortawesome/fontawesome-svg-core": "^6.7.2",
     "@fortawesome/free-solid-svg-icons": "^6.7.2",
     "@fortawesome/vue-fontawesome": "^3.0.8",
@@ -83,7 +88,7 @@
     "@storybook/addon-essentials": "^9.0.0-alpha.12",
     "@storybook/addon-links": "^9.1.1",
     "@storybook/vue3-vite": "^9.1.1",
-    "@ulu/frontend": "^0.1.0-beta.112",
+    "@ulu/frontend": "^0.1.0-beta.122",
     "@unhead/vue": "^2.0.11",
     "@vitejs/plugin-vue": "^6.0.0",
     "ollama": "^0.5.16",
@@ -95,7 +100,7 @@
     "typescript": "^5.3.3",
     "vite": "^7.0.0",
     "vue-router": "^4.5.1",
-    "@formkit/auto-animate" : "^0.9.0"
+    "vue-tsc": "^3.0.6"
   },
   "volta": {
     "node": "22.17.0"

package/types/components/collapsible/UluAccordion.vue.d.ts

@@ -0,0 +1,41 @@
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & (new () => {
+    $slots: S;
+});
+declare const __VLS_component: import("vue").DefineComponent<{}, {
+    $emit: typeof emit;
+    $props: Partial<typeof props>;
+    startOpen: boolean;
+    classes: Record<string, any>;
+    animate: boolean | Record<string, any>;
+    triggerTextElement: string;
+    triggerText?: string | undefined;
+    modifiers?: string | unknown[] | undefined;
+    modelValue?: boolean | undefined;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+type __VLS_Slots = {
+    trigger?: ((props: {
+        isOpen: boolean | undefined;
+    }) => any) | undefined;
+} & {
+    icon?: ((props: {
+        isOpen: boolean | undefined;
+    }) => any) | undefined;
+} & {
+    default?: ((props: {
+        isOpen: true;
+        toggle: typeof toggle;
+    }) => any) | undefined;
+};
+declare const emit: (event: "update:modelValue", ...args: any[]) => void;
+declare const props: {
+    readonly startOpen: boolean;
+    readonly classes: Record<string, any>;
+    readonly animate: boolean | Record<string, any>;
+    readonly triggerTextElement: string;
+    readonly triggerText?: string | undefined;
+    readonly modifiers?: string | unknown[] | undefined;
+    readonly modelValue?: boolean | undefined;
+};
+//# sourceMappingURL=UluAccordion.vue.d.ts.map

package/types/components/collapsible/UluAccordion.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UluAccordion.vue.d.ts","sourceRoot":"","sources":["../../../lib/components/collapsible/UluAccordion.vue"],"names":[],"mappings":"wBAkSqB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;;qBAEpD,CAAC,EAAE,CAAC;;;AATzB;WAIkB,OAAO,IAAI;YADV,OAAO,CAAC,OAAO,KAAK,CAAC;;;;;;;;2OAGrC;;;;;;;;;;;;;;;AAjID,yEAAgD;AArDhD;;;;;;;;EAmDG"}

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

@@ -0,0 +1,19 @@
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & (new () => {
+    $slots: S;
+});
+declare const __VLS_component: import("vue").DefineComponent<{}, {
+    $props: Partial<typeof props>;
+    items: unknown[];
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+type __VLS_Slots = {
+    item?: ((props: {
+        item: never;
+        index: number;
+    }) => any) | undefined;
+};
+declare const props: {
+    readonly items: unknown[];
+};
+//# sourceMappingURL=UluAccordionGroup.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UluAccordionGroup.vue.d.ts","sourceRoot":"","sources":["../../../lib/components/collapsible/UluAccordionGroup.vue"],"names":[],"mappings":"wBAwKqB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;;qBAEpD,CAAC,EAAE,CAAC;;;AARzB;YAGmB,OAAO,CAAC,OAAO,KAAK,CAAC;;2OAErC;;;;;;;AA5GH;;EASG"}

package/types/components/collapsible/UluCollapsible.vue.d.ts

@@ -0,0 +1,39 @@
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & (new () => {
+    $slots: S;
+});
+declare const __VLS_component: import("vue").DefineComponent<{}, {
+    $emit: typeof emit;
+    $props: Partial<typeof props>;
+    startOpen: boolean;
+    classes: Record<string, any>;
+    animate: boolean | Record<string, any>;
+    closeOnEscape: boolean;
+    triggerText?: string | undefined;
+    modelValue?: boolean | undefined;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+type __VLS_Slots = {
+    trigger?: ((props: {
+        isOpen: boolean | undefined;
+    }) => any) | undefined;
+} & {
+    default?: ((props: {
+        isOpen: true;
+        toggle: typeof toggle;
+    }) => any) | undefined;
+};
+declare const emit: (event: "update:modelValue", ...args: any[]) => void;
+declare const props: {
+    readonly startOpen: boolean;
+    readonly classes: Record<string, any>;
+    readonly animate: boolean | Record<string, any>;
+    readonly closeOnEscape: boolean;
+    readonly triggerText?: string | undefined;
+    readonly modelValue?: boolean | undefined;
+};
+/**
+ * Function used to toggle the collapsible
+ */
+declare function toggle(): void;
+//# sourceMappingURL=UluCollapsible.vue.d.ts.map

package/types/components/collapsible/UluCollapsible.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UluCollapsible.vue.d.ts","sourceRoot":"","sources":["../../../lib/components/collapsible/UluCollapsible.vue"],"names":[],"mappings":"wBA6TqB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;;qBAEpD,CAAC,EAAE,CAAC;;;AATzB;WAIkB,OAAO,IAAI;YADV,OAAO,CAAC,OAAO,KAAK,CAAC;;;;;;;2OAGrC;;;;;;;;;;;AAxID,yEAAgD;AA9ChD;;;;;;;EA4CG;AAqCH;;GAEG;AACH,gCAEC"}

package/types/components/collapsible/UluDropdown.vue.d.ts

@@ -0,0 +1,22 @@
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & (new () => {
+    $slots: S;
+});
+declare const __VLS_component: import("vue").DefineComponent<{}, {
+    $props: Partial<typeof __VLS_props>;
+    popoverClasses: Record<string, any>;
+    triggerText?: string | undefined;
+    items?: 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: {
+        isOpen: boolean;
+    }) => any) | undefined;
+};
+declare const __VLS_props: {
+    readonly popoverClasses: Record<string, any>;
+    readonly triggerText?: string | undefined;
+    readonly items?: unknown[] | undefined;
+};
+//# sourceMappingURL=UluDropdown.vue.d.ts.map

package/types/components/collapsible/UluDropdown.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UluDropdown.vue.d.ts","sourceRoot":"","sources":["../../../lib/components/collapsible/UluDropdown.vue"],"names":[],"mappings":"wBA2JqB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;;qBAEpD,CAAC,EAAE,CAAC;;;AARzB;YAGmB,OAAO,CAAC,OAAO,WAAW,CAAC;;;;2OAE3C;;;;;;AA5GD;;;;EAkBG"}