sprintify-ui 0.12.15 → 0.12.16

package/dist/sprintify-ui.es.js

@@ -18976,6 +18976,14 @@ const TA = ["align", "colspan"], AA = ["innerHTML"], X0 = /* @__PURE__ */ se({
       data: S(() => {
         var de;
         return ((de = d.value) == null ? void 0 : de.data) ?? void 0;
+      }),
+      activeFilterCount: S(() => {
+        var de;
+        return ((de = d.value) == null ? void 0 : de.activeFilterCount) ?? 0;
+      }),
+      hasActiveFilters: S(() => {
+        var de;
+        return ((de = d.value) == null ? void 0 : de.hasActiveFilters) ?? !1;
       })
     }), (de, Se) => (k(), ie(B0, {
       ref_key: "dataIteratorRef",
@@ -19133,12 +19141,14 @@ const TA = ["align", "colspan"], AA = ["innerHTML"], X0 = /* @__PURE__ */ se({
     }, [
       de.$slots.filters ? {
         name: "filters",
-        fn: Z(({ query: Be, updateQuery: G, updateQueryValue: ue, updateQueryValueDebounce: be }) => [
+        fn: Z(({ query: Be, updateQuery: G, updateQueryValue: ue, updateQueryValueDebounce: be, activeFilterCount: re, hasActiveFilters: R }) => [
           fe(de.$slots, "filters", {
             query: Be,
             updateQuery: G,
             updateQueryValue: ue,
-            updateQueryValueDebounce: be
+            updateQueryValueDebounce: be,
+            activeFilterCount: re,
+            hasActiveFilters: R
           })
         ]),
         key: "0"

package/dist/types/components/BaseDataTable.vue.d.ts

@@ -29,6 +29,8 @@ declare var __VLS_28: {
     updateQuery: (newQuery: DataTableQuery) => void;
     updateQueryValue: (key: string | DataTableQuery, value?: any) => void;
     updateQueryValueDebounce: import("lodash").DebouncedFunc<(key: string, value: any) => void>;
+    activeFilterCount: number;
+    hasActiveFilters: boolean;
 }, __VLS_57: {
     paginationMetadata: import("@/types").PaginationMetadata | null;
 }, __VLS_59: {
@@ -314,6 +316,8 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     fetchWithoutLoading: typeof fetchWithoutLoading;
     query: import("vue").ComputedRef<DataTableQuery | null>;
     data: import("vue").ComputedRef<ResourceCollection | Collection | PaginatedCollection | undefined>;
+    activeFilterCount: import("vue").ComputedRef<number>;
+    hasActiveFilters: import("vue").ComputedRef<boolean>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     delete: (...args: any[]) => void;
     "update:checked-rows": (...args: any[]) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sprintify-ui",
-  "version": "0.12.15",
+  "version": "0.12.16",
   "type": "module",
   "scripts": {
     "generate-llm-txt": "node scripts/generate-llm-txt.js",

package/src/components/BaseDataIterator.mdx

@@ -118,6 +118,11 @@ The count is exposed on three channels — pick whichever fits:
 The built-in badge in the three filter positions already consumes this — you
 only need these channels for custom rendering.
 
+`BaseDataTable` wraps `BaseDataIterator` and forwards all of the above: the
+same `filters` slot props, the same `provide`/`inject` keys, and
+`activeFilterCount` / `hasActiveFilters` on its own `defineExpose`. The counter
+works identically whether you use `BaseDataIterator` or `BaseDataTable`.
+
 ### Positions and visual treatment
 
 The badge is consistent across the three positions. **0 filters** → neutral

package/src/components/BaseDataTable.vue

@@ -166,7 +166,7 @@
 
     <template
       v-if="$slots.filters"
-      #filters="{ query, updateQuery, updateQueryValue, updateQueryValueDebounce }"
+      #filters="{ query, updateQuery, updateQueryValue, updateQueryValueDebounce, activeFilterCount, hasActiveFilters }"
     >
       <slot
         name="filters"
@@ -174,6 +174,8 @@
         :update-query="updateQuery"
         :update-query-value="updateQueryValue"
         :update-query-value-debounce="updateQueryValueDebounce"
+        :active-filter-count="activeFilterCount"
+        :has-active-filters="hasActiveFilters"
       />
     </template>
 
@@ -962,5 +964,7 @@ defineExpose({
   fetchWithoutLoading,
   query: dataIteratorQuery,
   data: computed(() => dataIteratorRef.value?.data ?? undefined),
+  activeFilterCount: computed((): number => dataIteratorRef.value?.activeFilterCount ?? 0),
+  hasActiveFilters: computed((): boolean => dataIteratorRef.value?.hasActiveFilters ?? false),
 });
 </script>