meno-core 1.0.52 → 1.0.54

package/lib/client/meno-filter/MenoFilter.test.ts

@@ -83,7 +83,7 @@ describe('MenoFilter', () => {
         Promise.resolve({
           ok: true,
           json: () => Promise.resolve(sampleItems),
-        })
+        }),
       );
       const originalFetch = (globalThis as any).fetch;
       (globalThis as any).fetch = mockFetch;
@@ -127,7 +127,7 @@ describe('MenoFilter', () => {
         Promise.resolve({
           ok: false,
           status: 404,
-        })
+        }),
       );
       const originalFetch = (globalThis as any).fetch;
       (globalThis as any).fetch = mockFetch;
@@ -157,7 +157,7 @@ describe('MenoFilter', () => {
         Promise.resolve({
           ok: true,
           json: () => Promise.resolve([{ _id: 'fetch', title: 'Fetch Data' }]),
-        })
+        }),
       );
       const originalFetch = (globalThis as any).fetch;
       (globalThis as any).fetch = mockFetch;
@@ -193,7 +193,7 @@ describe('MenoFilter', () => {
       const result = filter.filter({ category: 'tech' });
 
       expect(result).toHaveLength(3);
-      expect(result.every(item => item.category === 'tech')).toBe(true);
+      expect(result.every((item) => item.category === 'tech')).toBe(true);
     });
 
     test('should filter by multiple criteria (AND logic)', () => {
@@ -217,7 +217,7 @@ describe('MenoFilter', () => {
 
     test('should emit to subscribers on filter', () => {
       let emittedItems: CMSItemClient[] = [];
-      filter.subscribe(items => {
+      filter.subscribe((items) => {
         emittedItems = items;
       });
 
@@ -245,8 +245,8 @@ describe('MenoFilter', () => {
       const result = filter.search('world');
 
       expect(result).toHaveLength(2);
-      expect(result.map(i => i.title)).toContain('Hello World');
-      expect(result.map(i => i.title)).toContain('Goodbye World');
+      expect(result.map((i) => i.title)).toContain('Hello World');
+      expect(result.map((i) => i.title)).toContain('Goodbye World');
     });
 
     test('should search specified fields only', () => {
@@ -337,9 +337,7 @@ describe('MenoFilter', () => {
     });
 
     test('should find item by _filename', () => {
-      const itemsWithFilename = [
-        { _id: '1', _filename: 'hello-world', title: 'Hello' },
-      ];
+      const itemsWithFilename = [{ _id: '1', _filename: 'hello-world', title: 'Hello' }];
       const mockElement = {
         textContent: JSON.stringify(itemsWithFilename),
       };
@@ -424,7 +422,7 @@ describe('MenoFilter', () => {
       await filter.init();
 
       let receivedItems: CMSItemClient[] = [];
-      filter.subscribe(items => {
+      filter.subscribe((items) => {
         receivedItems = items;
       });
 
@@ -648,7 +646,7 @@ describe('MenoFilter', () => {
       await filter.init();
 
       let receivedItems: CMSItemClient[] = [];
-      filter.subscribe(items => {
+      filter.subscribe((items) => {
         receivedItems = items;
       });
 
@@ -701,7 +699,7 @@ describe('MenoFilter', () => {
       const result = filter.filter({ price: { $gt: 100 } });
 
       expect(result).toHaveLength(2);
-      expect(result.map(i => i.price)).toEqual([200, 150]);
+      expect(result.map((i) => i.price)).toEqual([200, 150]);
     });
 
     test('should filter numbers from string criteria', async () => {
@@ -718,7 +716,7 @@ describe('MenoFilter', () => {
       const result = filter.filter({ price: { $gte: '100', $lte: '150' } });
 
       expect(result).toHaveLength(2);
-      expect(result.map(i => i.price)).toEqual([100, 150]);
+      expect(result.map((i) => i.price)).toEqual([100, 150]);
     });
 
     test('should filter dates with type coercion', async () => {
@@ -735,7 +733,7 @@ describe('MenoFilter', () => {
       const result = filter.filter({ date: { $gt: '2024-01-31' } });
 
       expect(result).toHaveLength(2);
-      expect(result.map(i => i.date)).toEqual(['2024-02-15', '2024-03-15']);
+      expect(result.map((i) => i.date)).toEqual(['2024-02-15', '2024-03-15']);
     });
 
     test('should filter booleans with type coercion', async () => {
@@ -752,7 +750,7 @@ describe('MenoFilter', () => {
       const result = filter.filter({ featured: 'true' });
 
       expect(result).toHaveLength(2);
-      expect(result.every(i => i.featured === true)).toBe(true);
+      expect(result.every((i) => i.featured === true)).toBe(true);
     });
 
     test('setFieldType() should update field types', async () => {
@@ -773,7 +771,7 @@ describe('MenoFilter', () => {
       result = filter.filter({ price: { $gt: 100 } });
 
       expect(result).toHaveLength(2);
-      expect(result.map(i => i.price)).toEqual([200, 150]);
+      expect(result.map((i) => i.price)).toEqual([200, 150]);
     });
 
     test('setFieldTypes() should set multiple types', async () => {
@@ -820,7 +818,7 @@ describe('MenoFilter', () => {
       const result = filter.filterRange('price', { min: 100, max: 200 });
 
       expect(result).toHaveLength(3);
-      expect(result.map(i => i.price).sort((a, b) => (a as number) - (b as number))).toEqual([100, 150, 200]);
+      expect(result.map((i) => i.price).sort((a, b) => (a as number) - (b as number))).toEqual([100, 150, 200]);
     });
 
     test('should filter with only min', async () => {
@@ -836,7 +834,7 @@ describe('MenoFilter', () => {
       const result = filter.filterRange('price', { min: 150 });
 
       expect(result).toHaveLength(3);
-      expect(result.every(i => (i.price as number) >= 150)).toBe(true);
+      expect(result.every((i) => (i.price as number) >= 150)).toBe(true);
     });
 
     test('should filter with only max', async () => {
@@ -852,7 +850,7 @@ describe('MenoFilter', () => {
       const result = filter.filterRange('price', { max: 100 });
 
       expect(result).toHaveLength(2);
-      expect(result.every(i => (i.price as number) <= 100)).toBe(true);
+      expect(result.every((i) => (i.price as number) <= 100)).toBe(true);
     });
 
     test('should clear filter when both min and max are empty', async () => {
@@ -956,7 +954,7 @@ describe('MenoFilter', () => {
       const result = filter.search('recat', ['title']);
 
       expect(result.length).toBeGreaterThanOrEqual(1);
-      expect(result.some(i => i.title === 'React')).toBe(true);
+      expect(result.some((i) => i.title === 'React')).toBe(true);
     });
 
     test('should use exact match for short queries (< 3 chars)', async () => {

package/lib/client/meno-filter/MenoFilter.ts

@@ -797,9 +797,7 @@ export class MenoFilter {
     }
 
     const queryString = params.toString();
-    const url = queryString
-      ? `${window.location.pathname}?${queryString}`
-      : window.location.pathname;
+    const url = queryString ? `${window.location.pathname}?${queryString}` : window.location.pathname;
 
     if (this.urlMode === 'push') {
       history.pushState(null, '', url);
@@ -1082,17 +1080,14 @@ export class MenoFilter {
 
     // Apply OR criteria
     if (this.orCriteria.length > 0) {
-      result = result.filter((item) =>
-        this.orCriteria.some((criteria) => this.matchesCriteria(item, criteria))
-      );
+      result = result.filter((item) => this.orCriteria.some((criteria) => this.matchesCriteria(item, criteria)));
     }
 
     // Apply search
     if (this.searchQuery) {
       const query = this.searchQuery;
       result = result.filter((item) => {
-        const fieldsToSearch =
-          this.searchFields.length > 0 ? this.searchFields : Object.keys(item);
+        const fieldsToSearch = this.searchFields.length > 0 ? this.searchFields : Object.keys(item);
         return fieldsToSearch.some((field) => {
           const value = item[field];
           if (typeof value !== 'string') return false;
@@ -1259,13 +1254,14 @@ export class MenoFilter {
       case '$nin':
         return Array.isArray(opValue) ? !opValue.includes(itemValue) : true;
 
-      case '$empty':
+      case '$empty': {
         const isEmpty =
           itemValue === undefined ||
           itemValue === null ||
           itemValue === '' ||
           (Array.isArray(itemValue) && itemValue.length === 0);
         return opValue ? isEmpty : !isEmpty;
+      }
 
       default:
         console.warn(`MenoFilter: Unknown operator "${op}"`);

package/lib/client/meno-filter/bindings.ts

@@ -5,7 +5,7 @@
  * to MenoFilter instances via data attributes.
  */
 
-import { MenoFilter } from './MenoFilter';
+import type { MenoFilter } from './MenoFilter';
 import { ATTR } from './constants';
 import type { FilterInstance, FilterMode } from './types';
 
@@ -42,12 +42,7 @@ function getFilterMode(element: HTMLElement): FilterMode | null {
  * Handle button click in multi-select mode
  * Toggles value in $in array
  */
-function handleMultiButtonClick(
-  filter: MenoFilter,
-  field: string,
-  value: string,
-  currentValue: unknown
-): void {
+function handleMultiButtonClick(filter: MenoFilter, field: string, value: string, currentValue: unknown): void {
   // Get current values as array
   let values: string[] = [];
   if (currentValue !== undefined) {
@@ -87,9 +82,7 @@ export function bindFilterControls(instance: FilterInstance): void {
   const { wrapper, filter, cleanup } = instance;
 
   // Filter buttons
-  const filterButtons = wrapper.querySelectorAll<HTMLElement>(
-    `[${ATTR.FILTER_FIELD}][${ATTR.FILTER_VALUE}]`
-  );
+  const filterButtons = wrapper.querySelectorAll<HTMLElement>(`[${ATTR.FILTER_FIELD}][${ATTR.FILTER_VALUE}]`);
 
   for (const btn of filterButtons) {
     if (btn.tagName === 'INPUT') continue; // Handle inputs separately
@@ -118,7 +111,6 @@ export function bindFilterControls(instance: FilterInstance): void {
           filter.addFilter(field, value);
         }
       }
-
     };
 
     btn.addEventListener('click', handler);
@@ -126,9 +118,7 @@ export function bindFilterControls(instance: FilterInstance): void {
   }
 
   // Filter checkboxes (allow multiple selections with OR logic)
-  const filterCheckboxes = wrapper.querySelectorAll<HTMLInputElement>(
-    `input[type="checkbox"][${ATTR.FILTER_FIELD}]`
-  );
+  const filterCheckboxes = wrapper.querySelectorAll<HTMLInputElement>(`input[type="checkbox"][${ATTR.FILTER_FIELD}]`);
 
   for (const checkbox of filterCheckboxes) {
     const field = checkbox.getAttribute(ATTR.FILTER_FIELD)!;
@@ -139,7 +129,7 @@ export function bindFilterControls(instance: FilterInstance): void {
       // Single mode: uncheck other checkboxes in the same field
       if (mode === 'single' && checkbox.checked) {
         const siblings = wrapper.querySelectorAll<HTMLInputElement>(
-          `input[type="checkbox"][${ATTR.FILTER_FIELD}="${field}"]`
+          `input[type="checkbox"][${ATTR.FILTER_FIELD}="${field}"]`,
         );
         for (const sibling of siblings) {
           if (sibling !== checkbox) {
@@ -156,9 +146,7 @@ export function bindFilterControls(instance: FilterInstance): void {
   }
 
   // Filter selects
-  const filterSelects = wrapper.querySelectorAll<HTMLSelectElement>(
-    `select[${ATTR.FILTER_FIELD}]`
-  );
+  const filterSelects = wrapper.querySelectorAll<HTMLSelectElement>(`select[${ATTR.FILTER_FIELD}]`);
 
   for (const select of filterSelects) {
     const field = select.getAttribute(ATTR.FILTER_FIELD)!;
@@ -177,9 +165,7 @@ export function bindFilterControls(instance: FilterInstance): void {
   }
 
   // Filter radio buttons
-  const filterRadios = wrapper.querySelectorAll<HTMLInputElement>(
-    `input[type="radio"][${ATTR.FILTER_FIELD}]`
-  );
+  const filterRadios = wrapper.querySelectorAll<HTMLInputElement>(`input[type="radio"][${ATTR.FILTER_FIELD}]`);
 
   for (const radio of filterRadios) {
     const field = radio.getAttribute(ATTR.FILTER_FIELD)!;
@@ -203,18 +189,12 @@ export function bindFilterControls(instance: FilterInstance): void {
 /**
  * Update filters based on checked checkboxes for a field
  */
-function updateCheckboxFilters(
-  wrapper: HTMLElement,
-  filter: MenoFilter,
-  field: string
-): void {
+function updateCheckboxFilters(wrapper: HTMLElement, filter: MenoFilter, field: string): void {
   const checkboxes = wrapper.querySelectorAll<HTMLInputElement>(
-    `input[type="checkbox"][${ATTR.FILTER_FIELD}="${field}"]:checked`
+    `input[type="checkbox"][${ATTR.FILTER_FIELD}="${field}"]:checked`,
   );
 
-  const values = Array.from(checkboxes).map(
-    (cb) => cb.getAttribute(ATTR.FILTER_VALUE) || cb.value
-  );
+  const values = Array.from(checkboxes).map((cb) => cb.getAttribute(ATTR.FILTER_VALUE) || cb.value);
 
   if (values.length === 0) {
     filter.removeFilter(field);
@@ -363,17 +343,13 @@ export function bindActionControls(instance: FilterInstance): void {
  */
 export function resetFormControls(wrapper: HTMLElement): void {
   // Reset checkboxes
-  const checkboxes = wrapper.querySelectorAll<HTMLInputElement>(
-    `input[type="checkbox"][${ATTR.FILTER_FIELD}]`
-  );
+  const checkboxes = wrapper.querySelectorAll<HTMLInputElement>(`input[type="checkbox"][${ATTR.FILTER_FIELD}]`);
   for (const cb of checkboxes) {
     cb.checked = false;
   }
 
   // Reset selects
-  const selects = wrapper.querySelectorAll<HTMLSelectElement>(
-    `select[${ATTR.FILTER_FIELD}]`
-  );
+  const selects = wrapper.querySelectorAll<HTMLSelectElement>(`select[${ATTR.FILTER_FIELD}]`);
   for (const select of selects) {
     select.selectedIndex = 0;
   }
@@ -421,12 +397,13 @@ export function bindPaginationControls(instance: FilterInstance): void {
         case 'last':
           filter.setPage(filter.getPageInfo().total);
           break;
-        default:
+        default: {
           // Numeric page
           const page = parseInt(action || '1', 10);
           if (!isNaN(page)) {
             filter.setPage(page);
           }
+        }
       }
     };
 
@@ -435,9 +412,7 @@ export function bindPaginationControls(instance: FilterInstance): void {
   }
 
   // Per-page select
-  const perPageSelects = wrapper.querySelectorAll<HTMLSelectElement>(
-    `[${ATTR.PER_PAGE_SELECT}]`
-  );
+  const perPageSelects = wrapper.querySelectorAll<HTMLSelectElement>(`[${ATTR.PER_PAGE_SELECT}]`);
 
   for (const select of perPageSelects) {
     const handler = () => {

package/lib/client/meno-filter/init.ts

@@ -136,7 +136,7 @@ async function initFilterInstance(wrapper: HTMLElement, collection: string): Pro
   cleanup.push(
     filter.watch(() => {
       updateUI(instance);
-    })
+    }),
   );
 }
 

package/lib/client/meno-filter/renderer.ts

@@ -20,7 +20,7 @@ export function renderItemFromTemplate(
   item: Record<string, unknown>,
   itemAs: string,
   index: number,
-  total: number
+  total: number,
 ): HTMLElement {
   let html = template;
 
@@ -69,7 +69,7 @@ export function renderNestedItemFromTemplate(
   index: number,
   total: number,
   parentItem: Record<string, unknown>,
-  parentItemAs: string
+  parentItemAs: string,
 ): HTMLElement {
   let html = template;
 
@@ -146,11 +146,9 @@ export function renderNestedItemFromTemplate(
 export function hydrateNestedCMSLists(
   element: HTMLElement,
   parentItem: Record<string, unknown>,
-  parentItemAs: string
+  parentItemAs: string,
 ): void {
-  const placeholders = element.querySelectorAll<HTMLElement>(
-    '[data-cms-list-nested="true"]'
-  );
+  const placeholders = element.querySelectorAll<HTMLElement>('[data-cms-list-nested="true"]');
 
   for (const placeholder of placeholders) {
     hydrateNestedCMSList(placeholder, parentItem, parentItemAs);
@@ -163,7 +161,7 @@ export function hydrateNestedCMSLists(
 function hydrateNestedCMSList(
   placeholder: HTMLElement,
   parentItem: Record<string, unknown>,
-  parentItemAs: string
+  parentItemAs: string,
 ): void {
   const configStr = placeholder.getAttribute('data-cms-config');
   if (!configStr) return;
@@ -176,9 +174,7 @@ function hydrateNestedCMSList(
   }
 
   const collection = config.collection;
-  const templateEl = placeholder.querySelector<HTMLTemplateElement>(
-    'template[data-nested-template]'
-  );
+  const templateEl = placeholder.querySelector<HTMLTemplateElement>('template[data-nested-template]');
   if (!templateEl) return;
 
   const childTemplate = templateEl.innerHTML.trim();
@@ -187,7 +183,9 @@ function hydrateNestedCMSList(
   // Get collection data from inline JSON
   const collectionData = getCollectionData(collection);
   if (!collectionData) {
-    console.warn(`MenoFilter: No data for nested collection "${collection}". Ensure clientData.enabled is true in schema.`);
+    console.warn(
+      `MenoFilter: No data for nested collection "${collection}". Ensure clientData.enabled is true in schema.`,
+    );
     return;
   }
 
@@ -198,7 +196,7 @@ function hydrateNestedCMSList(
     // Reference relationship: resolve IDs from parent
     const itemIds = resolveItemsFromParent(config.items, parentItem, parentItemAs);
     items = itemIds
-      .map(id => collectionData.find(item => item._id === id || item._filename === id))
+      .map((id) => collectionData.find((item) => item._id === id || item._filename === id))
       .filter((item): item is Record<string, unknown> => item !== undefined);
   } else {
     // Filter relationship: apply filter with resolved parent values
@@ -224,15 +222,14 @@ function hydrateNestedCMSList(
       i,
       items.length,
       parentItem,
-      parentItemAs
+      parentItemAs,
     );
     renderedItems.push(childElement);
   }
 
   // Replace placeholder content (keep template for potential re-renders)
-  const existingChildren = Array.from(placeholder.children)
-    .filter(el => el.tagName !== 'TEMPLATE');
-  existingChildren.forEach(el => el.remove());
+  const existingChildren = Array.from(placeholder.children).filter((el) => el.tagName !== 'TEMPLATE');
+  existingChildren.forEach((el) => el.remove());
 
   for (const item of renderedItems) {
     placeholder.appendChild(item);
@@ -260,7 +257,7 @@ function getCollectionData(collection: string): Record<string, unknown>[] | null
 function resolveItemsFromParent(
   template: string | string[],
   parentItem: Record<string, unknown>,
-  parentItemAs: string
+  parentItemAs: string,
 ): string[] {
   if (Array.isArray(template)) return template;
   if (typeof template !== 'string' || !template.startsWith('{{')) return [template];
@@ -284,12 +281,12 @@ function applyNestedFilter(
   items: Record<string, unknown>[],
   filter: unknown,
   parentItem: Record<string, unknown>,
-  parentItemAs: string
+  parentItemAs: string,
 ): Record<string, unknown>[] {
   if (!filter) return items;
 
   const resolved = resolveNestedFilterTemplates(filter, parentItem, parentItemAs);
-  return items.filter(item => matchesNestedFilter(item, resolved));
+  return items.filter((item) => matchesNestedFilter(item, resolved));
 }
 
 /**
@@ -298,12 +295,12 @@ function applyNestedFilter(
 function resolveNestedFilterTemplates(
   filter: unknown,
   parentItem: Record<string, unknown>,
-  parentItemAs: string
+  parentItemAs: string,
 ): unknown {
   if (Array.isArray(filter)) {
-    return filter.map(cond => ({
+    return filter.map((cond) => ({
       ...cond,
-      value: resolveNestedTemplateValue(cond.value, parentItem, parentItemAs)
+      value: resolveNestedTemplateValue(cond.value, parentItem, parentItemAs),
     }));
   }
 
@@ -311,7 +308,7 @@ function resolveNestedFilterTemplates(
     if ('field' in filter && 'value' in filter) {
       return {
         ...filter,
-        value: resolveNestedTemplateValue((filter as { value: unknown }).value, parentItem, parentItemAs)
+        value: resolveNestedTemplateValue((filter as { value: unknown }).value, parentItem, parentItemAs),
       };
     }
 
@@ -332,7 +329,7 @@ function resolveNestedFilterTemplates(
 function resolveNestedTemplateValue(
   value: unknown,
   parentItem: Record<string, unknown>,
-  parentItemAs: string
+  parentItemAs: string,
 ): unknown {
   if (typeof value !== 'string' || !value.startsWith('{{')) return value;
 
@@ -352,7 +349,7 @@ function matchesNestedFilter(item: Record<string, unknown>, filter: unknown): bo
   if (!filter || typeof filter !== 'object') return true;
 
   if (Array.isArray(filter)) {
-    return filter.every(cond => matchesNestedCondition(item, cond));
+    return filter.every((cond) => matchesNestedCondition(item, cond));
   }
 
   if ('field' in filter && 'value' in filter) {
@@ -383,10 +380,7 @@ function matchesNestedCondition(item: Record<string, unknown>, cond: { field: st
 /**
  * Apply sorting to items
  */
-function applyNestedSorting(
-  items: Record<string, unknown>[],
-  sort: unknown
-): Record<string, unknown>[] {
+function applyNestedSorting(items: Record<string, unknown>[], sort: unknown): Record<string, unknown>[] {
   if (!sort) return items;
 
   const sortConfig = Array.isArray(sort) ? sort[0] : sort;

package/lib/client/meno-filter/script.generated.ts

@@ -47,9 +47,7 @@ export function needsMenoFilter(html: string): boolean {
 /**
  * Check if any schemas have clientData enabled
  */
-export function schemasNeedMenoFilter(
-  schemas: Array<{ clientData?: { enabled: boolean } }>
-): boolean {
+export function schemasNeedMenoFilter(schemas: Array<{ clientData?: { enabled: boolean } }>): boolean {
   return schemas.some((schema) => schema.clientData?.enabled === true);
 }
 

package/lib/client/meno-filter/ui.ts

@@ -8,6 +8,7 @@
  */
 
 import { MenoFilter, type CMSItem } from './MenoFilter';
+import { applyNonce } from '../styles/cspNonce';
 
 // ============================================================================
 // Types
@@ -56,10 +57,7 @@ const DEFAULT_OPTIONS: Required<UIOptions> = {
 /**
  * Bind UI rendering to a MenoFilter instance
  */
-export function bindFilterUI(
-  collection: string,
-  options: UIOptions = {}
-): (() => void) | null {
+export function bindFilterUI(collection: string, options: UIOptions = {}): (() => void) | null {
   const filter = MenoFilter.get(collection);
   if (!filter) {
     console.warn(`MenoFilter: No instance found for "${collection}"`);
@@ -170,7 +168,7 @@ function showElement(element: HTMLElement, options: Required<UIOptions>): void {
       }, duration);
       break;
 
-    case 'slide':
+    case 'slide': {
       element.style.maxHeight = '0';
       element.style.overflow = 'hidden';
       element.classList.remove(hiddenClass);
@@ -189,6 +187,7 @@ function showElement(element: HTMLElement, options: Required<UIOptions>): void {
         element.style.overflow = '';
       }, duration);
       break;
+    }
 
     default:
       element.classList.remove(hiddenClass);
@@ -304,6 +303,7 @@ function injectCSS(options: Required<UIOptions>): void {
     }
   `;
 
+  applyNonce(style);
   document.head.appendChild(style);
   cssInjected = true;
 }

package/lib/client/meno-filter/updates.ts

@@ -149,7 +149,7 @@ function filterDOMOnly(instance: FilterInstance, listEl: HTMLElement): void {
   const currentPage = filter.getPageInfo().current;
 
   // Build filtered list
-  let filteredItems = items.filter(item => {
+  const filteredItems = items.filter((item) => {
     // Check filters
     for (const [field, value] of Object.entries(filters)) {
       const itemValue = getItemFieldValue(item, field);
@@ -234,7 +234,7 @@ function getItemFieldValue(item: HTMLElement, field: string): string | null {
  */
 function getSearchableText(item: HTMLElement, fields: string[]): string {
   if (fields.length > 0) {
-    return fields.map(f => getItemFieldValue(item, f) || '').join(' ');
+    return fields.map((f) => getItemFieldValue(item, f) || '').join(' ');
   }
   return item.textContent || '';
 }
@@ -345,17 +345,11 @@ export function updateFacets(wrapper: HTMLElement, filter: MenoFilter): void {
 /**
  * Update active filters display
  */
-export function updateActiveFilters(
-  wrapper: HTMLElement,
-  filter: MenoFilter,
-  instance: FilterInstance
-): void {
+export function updateActiveFilters(wrapper: HTMLElement, filter: MenoFilter, instance: FilterInstance): void {
   const container = wrapper.querySelector<HTMLElement>(`[${ATTR.ACTIVE_FILTERS}]`);
   if (!container) return;
 
-  const template = wrapper.querySelector<HTMLTemplateElement>(
-    `template[${ATTR.ACTIVE_FILTER_TEMPLATE}]`
-  );
+  const template = wrapper.querySelector<HTMLTemplateElement>(`template[${ATTR.ACTIVE_FILTER_TEMPLATE}]`);
 
   const filters = filter.getFilters();
   const entries = Object.entries(filters);
@@ -478,7 +472,7 @@ export function updatePagination(wrapper: HTMLElement, state: FilterState): void
 export function generatePageButtons(
   container: HTMLElement,
   page: { current: number; total: number },
-  onClick: (page: number) => void
+  onClick: (page: number) => void,
 ): void {
   container.innerHTML = '';
 
@@ -566,9 +560,7 @@ export function updateActiveStates(wrapper: HTMLElement, filter: MenoFilter): vo
   const activeClass = wrapper.getAttribute(ATTR.ACTIVE_CLASS) || 'active';
 
   // Update filter buttons
-  const filterButtons = wrapper.querySelectorAll<HTMLElement>(
-    `[${ATTR.FILTER_FIELD}][${ATTR.FILTER_VALUE}]`
-  );
+  const filterButtons = wrapper.querySelectorAll<HTMLElement>(`[${ATTR.FILTER_FIELD}][${ATTR.FILTER_VALUE}]`);
 
   for (const btn of filterButtons) {
     if (btn.tagName === 'INPUT') continue;
@@ -582,13 +574,15 @@ export function updateActiveStates(wrapper: HTMLElement, filter: MenoFilter): vo
     const currentValue = filters[field];
 
     // Only active if filter is explicitly set AND matches this value
-    const isActive = currentValue !== undefined && (
-      currentValue === value ||
-      (Array.isArray(currentValue) && currentValue.includes(value)) ||
-      (typeof currentValue === 'object' && currentValue !== null && '$in' in currentValue &&
-       Array.isArray((currentValue as { $in: unknown[] }).$in) &&
-       (currentValue as { $in: unknown[] }).$in.includes(value))
-    );
+    const isActive =
+      currentValue !== undefined &&
+      (currentValue === value ||
+        (Array.isArray(currentValue) && currentValue.includes(value)) ||
+        (typeof currentValue === 'object' &&
+          currentValue !== null &&
+          '$in' in currentValue &&
+          Array.isArray((currentValue as { $in: unknown[] }).$in) &&
+          (currentValue as { $in: unknown[] }).$in.includes(value)));
 
     btn.classList.toggle(activeClass, isActive);
   }