advanced-filter-system 1.0.0 → 1.0.2

package/dist/filter.js

@@ -1,493 +0,0 @@
-(function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
-    typeof define === 'function' && define.amd ? define(['exports'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.Filter = {}));
-})(this, (function (exports) { 'use strict';
-
-    /**
-     * @fileoverview Advanced Filter System for DOM elements
-     * @version 1.0.0
-     * 
-     * A flexible and customizable filtering system that supports:
-     * - Multiple filtering modes (OR/AND)
-     * - Text search with debouncing
-     * - Multiple sorting criteria
-     * - Range filtering
-     * - URL state management
-     * - Animation and transitions
-     * - Results counter
-     */
-
-    /**
-     * Utility function for debouncing
-     * @param {Function} func - Function to debounce
-     * @param {number} wait - Delay in milliseconds
-     * @returns {Function} Debounced function
-     */
-    function debounce(func, wait) {
-      let timeout;
-      return function executedFunction(...args) {
-        const later = () => {
-          clearTimeout(timeout);
-          func(...args);
-        };
-        clearTimeout(timeout);
-        timeout = setTimeout(later, wait);
-      };
-    }
-    class Filter {
-      /**
-       * @typedef {Object} FilterOptions
-       * @property {string} containerSelector - Main container selector
-       * @property {string} itemSelector - Items to filter selector
-       * @property {string} filterButtonSelector - Filter buttons selector
-       * @property {string} [searchInputSelector] - Search input selector
-       * @property {string} [counterSelector] - Results counter selector
-       * @property {string} [activeClass='active'] - Active state class
-       * @property {string} [hiddenClass='hidden'] - Hidden state class
-       * @property {number} [animationDuration=300] - Animation duration in ms
-       * @property {string} [filterMode='OR'] - Filter mode ('OR' or 'AND')
-       * @property {string[]} [searchKeys=['title']] - Data attributes to search in
-       * @property {number} [debounceTime=300] - Search debounce delay in ms
-       */
-
-      /**
-       * @param {FilterOptions} options - Filter configuration options
-       */
-      constructor(options = {}) {
-        this.options = {
-          containerSelector: '.filter-container',
-          itemSelector: '.filter-item',
-          filterButtonSelector: '.btn-filter',
-          searchInputSelector: '.filter-search',
-          counterSelector: '.filter-counter',
-          activeClass: 'active',
-          hiddenClass: 'hidden',
-          animationDuration: 300,
-          filterMode: 'OR',
-          searchKeys: ['title'],
-          debounceTime: 300,
-          ...options
-        };
-
-        // Initialize elements
-        this.container = document.querySelector(this.options.containerSelector);
-        this.items = document.querySelectorAll(this.options.itemSelector);
-        this.filterButtons = document.querySelectorAll(this.options.filterButtonSelector);
-        this.searchInput = document.querySelector(this.options.searchInputSelector);
-        this.counter = document.querySelector(this.options.counterSelector);
-
-        // Initialize state
-        this.currentFilters = new Set(['*']);
-        this.currentSearch = '';
-        this.visibleItems = new Set(this.items);
-        this.init();
-      }
-
-      /**
-       * Initialize the filter system
-       * @private
-       */
-      init() {
-        this.addStyles();
-        this.bindEvents();
-        this.loadFromURL();
-        this.updateCounter();
-      }
-
-      /**
-       * Add required styles to document
-       * @private
-       */
-      addStyles() {
-        const styles = `
-            .${this.options.hiddenClass} {
-                display: none !important;
-            }
-
-            ${this.options.itemSelector} {
-                opacity: 1;
-                transform: scale(1);
-                transition: opacity ${this.options.animationDuration}ms ease-out,
-                            transform ${this.options.animationDuration}ms ease-out;
-            }
-
-            ${this.options.filterButtonSelector} {
-                opacity: 0.5;
-                transition: opacity ${this.options.animationDuration}ms ease;
-            }
-
-            ${this.options.filterButtonSelector}.${this.options.activeClass} {
-                opacity: 1;
-            }
-        `;
-        const styleSheet = document.createElement('style');
-        styleSheet.textContent = styles;
-        document.head.appendChild(styleSheet);
-      }
-
-      /**
-       * Bind all event listeners
-       * @private
-       */
-      bindEvents() {
-        this.filterButtons.forEach(button => {
-          button.addEventListener('click', () => this.handleFilterClick(button));
-        });
-        if (this.searchInput) {
-          this.searchInput.addEventListener('input', debounce(e => {
-            this.search(e.target.value);
-          }, this.options.debounceTime));
-        }
-        window.addEventListener('popstate', () => this.loadFromURL());
-      }
-
-      /**
-       * Handle filter button clicks
-       * @private
-       * @param {HTMLElement} button - Clicked filter button
-       */
-      handleFilterClick(button) {
-        const filterValue = button.dataset.filter;
-        if (filterValue === '*') {
-          this.resetFilters();
-        } else {
-          this.toggleFilter(filterValue, button);
-        }
-        this.filter();
-        this.updateURL();
-      }
-
-      /**
-       * Reset all filters to default state
-       * @private
-       */
-      resetFilters() {
-        this.filterButtons.forEach(btn => btn.classList.remove(this.options.activeClass));
-        this.currentFilters.clear();
-        this.currentFilters.add('*');
-        this.filterButtons[0].classList.add(this.options.activeClass);
-        this.resetCounter();
-      }
-
-      /**
-       * Reset visible items counter
-       * @private
-       */
-      resetCounter() {
-        this.visibleItems = new Set(this.items);
-        this.updateCounter();
-      }
-
-      /**
-       * Toggle individual filter state
-       * @private
-       * @param {string} filterValue - Filter value to toggle
-       * @param {HTMLElement} button - Filter button element
-       */
-      toggleFilter(filterValue, button) {
-        this.currentFilters.delete('*');
-        this.filterButtons[0].classList.remove(this.options.activeClass);
-        if (button.classList.contains(this.options.activeClass)) {
-          button.classList.remove(this.options.activeClass);
-          this.currentFilters.delete(filterValue);
-          if (this.currentFilters.size === 0) {
-            this.resetFilters();
-          }
-        } else {
-          button.classList.add(this.options.activeClass);
-          this.currentFilters.add(filterValue);
-        }
-      }
-
-      /**
-       * Apply current filters to items
-       * @public
-       */
-      filter() {
-        this.items.forEach(item => {
-          if (this.currentFilters.has('*')) {
-            this.showItem(item);
-            return;
-          }
-          const itemCategories = new Set(item.dataset.categories?.split(' ') || []);
-          const matchesFilter = this.options.filterMode === 'OR' ? this.matchesAnyFilter(itemCategories) : this.matchesAllFilters(itemCategories);
-          if (matchesFilter) {
-            this.showItem(item);
-          } else {
-            this.hideItem(item);
-          }
-        });
-        setTimeout(() => {
-          this.updateCounter();
-        }, this.options.animationDuration);
-      }
-
-      /**
-       * Check if item matches any active filter (OR mode)
-       * @private
-       * @param {Set} itemCategories - Item's categories
-       * @returns {boolean} Whether item matches any filter
-       */
-      matchesAnyFilter(itemCategories) {
-        return [...this.currentFilters].some(filter => {
-          const [type, value] = filter.split(':');
-          return itemCategories.has(`${type}:${value}`);
-        });
-      }
-
-      /**
-       * Check if item matches all active filters (AND mode)
-       * @private
-       * @param {Set} itemCategories - Item's categories
-       * @returns {boolean} Whether item matches all filters
-       */
-      matchesAllFilters(itemCategories) {
-        return [...this.currentFilters].every(filter => {
-          const [type, value] = filter.split(':');
-          return itemCategories.has(`${type}:${value}`);
-        });
-      }
-
-      /**
-       * Show an item with animation
-       * @private
-       * @param {HTMLElement} item - Item to show
-       */
-      showItem(item) {
-        this.visibleItems.add(item);
-        item.classList.remove(this.options.hiddenClass);
-        item.style.opacity = '0';
-        item.style.transform = 'scale(0.95)';
-        item.offsetHeight;
-        requestAnimationFrame(() => {
-          item.style.opacity = '1';
-          item.style.transform = 'scale(1)';
-        });
-      }
-
-      /**
-       * Hide an item with animation
-       * @private
-       * @param {HTMLElement} item - Item to hide
-       */
-      hideItem(item) {
-        item.style.opacity = '0';
-        item.style.transform = 'scale(0.95)';
-        setTimeout(() => {
-          if (item.style.opacity === '0') {
-            item.classList.add(this.options.hiddenClass);
-            this.visibleItems.delete(item);
-          }
-        }, this.options.animationDuration);
-      }
-
-      /**
-       * Search items by text
-       * @public
-       * @param {string} query - Search query
-       */
-      search(query) {
-        this.currentSearch = query.toLowerCase().trim();
-        this.items.forEach(item => {
-          const searchText = this.options.searchKeys.map(key => item.dataset[key] || '').join(' ').toLowerCase();
-          const matchesSearch = this.currentSearch === '' || searchText.includes(this.currentSearch);
-          if (matchesSearch) {
-            this.showItem(item);
-          } else {
-            this.hideItem(item);
-          }
-        });
-        this.updateURL();
-        setTimeout(() => {
-          this.updateCounter();
-        }, this.options.animationDuration);
-      }
-
-      /**
-       * Sort items by multiple criteria
-       * @public
-       * @param {Array<{key: string, direction: string}>} criteria - Sort criteria
-       */
-      sortMultiple(criteria) {
-        const items = [...this.items];
-        items.sort((a, b) => {
-          for (const criterion of criteria) {
-            const valueA = a.dataset[criterion.key];
-            const valueB = b.dataset[criterion.key];
-            const comparison = criterion.direction === 'asc' ? valueA.localeCompare(valueB) : valueB.localeCompare(valueA);
-            if (comparison !== 0) return comparison;
-          }
-          return 0;
-        });
-        items.forEach(item => this.container.appendChild(item));
-      }
-
-      /**
-       * Filter items by numeric range
-       * @public
-       * @param {string} key - Data attribute key
-       * @param {number} min - Minimum value
-       * @param {number} max - Maximum value
-       */
-      addRangeFilter(key, min, max) {
-        this.items.forEach(item => {
-          const value = parseFloat(item.dataset[key]);
-          const inRange = value >= min && value <= max;
-          if (inRange) {
-            this.showItem(item);
-          } else {
-            this.hideItem(item);
-          }
-        });
-        setTimeout(() => {
-          this.updateCounter();
-        }, this.options.animationDuration);
-      }
-
-      /**
-       * Update URL with current filter state
-       * @private
-       */
-      updateURL() {
-        const params = new URLSearchParams();
-
-        // Séparer les filtres par type
-        const filtersByType = {};
-        for (const filter of this.currentFilters) {
-          if (filter !== '*') {
-            const [type, value] = filter.split(':');
-            if (!filtersByType[type]) {
-              filtersByType[type] = new Set();
-            }
-            filtersByType[type].add(value);
-          }
-        }
-
-        // Ajouter chaque type de filtre à l'URL
-        Object.entries(filtersByType).forEach(([type, values]) => {
-          params.set(type, Array.from(values).join(','));
-        });
-        if (this.currentSearch) {
-          params.set('search', this.currentSearch);
-        }
-        const newURL = `${window.location.pathname}${params.toString() ? '?' + params.toString() : ''}`;
-        window.history.pushState({}, '', newURL);
-      }
-
-      /**
-       * Load filter state from URL
-       * @private
-       */
-      loadFromURL() {
-        const params = new URLSearchParams(window.location.search);
-        this.currentFilters.clear();
-
-        // Si aucun filtre n'est présent, utiliser '*'
-        let hasFilters = false;
-
-        // Parcourir tous les paramètres
-        for (const [type, values] of params.entries()) {
-          if (type !== 'search') {
-            hasFilters = true;
-            values.split(',').forEach(value => {
-              this.currentFilters.add(`${type}:${value}`);
-            });
-          }
-        }
-        if (!hasFilters) {
-          this.currentFilters.add('*');
-        }
-
-        // Update active buttons
-        this.filterButtons.forEach(button => {
-          const filterValue = button.dataset.filter;
-          if (this.currentFilters.has(filterValue) || filterValue === '*' && this.currentFilters.has('*')) {
-            button.classList.add(this.options.activeClass);
-          } else {
-            button.classList.remove(this.options.activeClass);
-          }
-        });
-
-        // Load search
-        const search = params.get('search') || '';
-        if (this.searchInput) {
-          this.searchInput.value = search;
-        }
-        this.filter();
-        if (search) {
-          this.search(search);
-        }
-      }
-
-      /**
-       * Update results counter
-       * @private
-       * @returns {{total: number, visible: number}}
-       */
-      updateCounter() {
-        const total = this.items.length;
-        const visible = this.visibleItems.size;
-        if (this.counter) {
-          this.counter.textContent = `Showing ${visible} of ${total}`;
-        }
-        return {
-          total,
-          visible
-        };
-      }
-
-      /**
-       * Change filter mode
-       * @public
-       * @param {string} mode - New filter mode ('OR' or 'AND')
-       */
-      setFilterMode(mode) {
-        if (['OR', 'AND'].includes(mode.toUpperCase())) {
-          this.options.filterMode = mode.toUpperCase();
-          this.filter();
-        }
-      }
-
-      /**
-       * Add filter by type and value
-       * @public
-       * @param {string} type - Filter type
-       * @param {string} value - Filter value
-       */
-      addFilter(type, value) {
-        this.currentFilters.add(`${type}:${value}`);
-        this.filter();
-        this.updateURL();
-      }
-
-      /**
-       * Remove filter by type and value
-       * @public
-       * @param {string} type - Filter type
-       */
-      removeFilter(type, value) {
-        this.currentFilters.delete(`${type}:${value}`);
-        if (this.currentFilters.size === 0) {
-          this.currentFilters.add('*');
-        }
-        this.filter();
-        this.updateURL();
-      }
-
-      /**
-       * Get active filters by type
-       * @public
-       * @param {string} type - Filter type
-       */
-      getActiveFiltersByType(type) {
-        return [...this.currentFilters].filter(filter => filter.startsWith(`${type}:`)).map(filter => filter.split(':')[1]);
-      }
-    }
-
-    exports.Filter = Filter;
-
-    Object.defineProperty(exports, '__esModule', { value: true });
-
-}));
-//# sourceMappingURL=filter.js.map

package/dist/filter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"filter.js","sources":["../src/index.js"],"sourcesContent":["/**\n * @fileoverview Advanced Filter System for DOM elements\n * @version 1.0.0\n * \n * A flexible and customizable filtering system that supports:\n * - Multiple filtering modes (OR/AND)\n * - Text search with debouncing\n * - Multiple sorting criteria\n * - Range filtering\n * - URL state management\n * - Animation and transitions\n * - Results counter\n */\n\n/**\n * Utility function for debouncing\n * @param {Function} func - Function to debounce\n * @param {number} wait - Delay in milliseconds\n * @returns {Function} Debounced function\n */\nfunction debounce(func, wait) {\n    let timeout;\n    return function executedFunction(...args) {\n        const later = () => {\n            clearTimeout(timeout);\n            func(...args);\n        };\n        clearTimeout(timeout);\n        timeout = setTimeout(later, wait);\n    };\n}\n\nclass Filter {\n    /**\n     * @typedef {Object} FilterOptions\n     * @property {string} containerSelector - Main container selector\n     * @property {string} itemSelector - Items to filter selector\n     * @property {string} filterButtonSelector - Filter buttons selector\n     * @property {string} [searchInputSelector] - Search input selector\n     * @property {string} [counterSelector] - Results counter selector\n     * @property {string} [activeClass='active'] - Active state class\n     * @property {string} [hiddenClass='hidden'] - Hidden state class\n     * @property {number} [animationDuration=300] - Animation duration in ms\n     * @property {string} [filterMode='OR'] - Filter mode ('OR' or 'AND')\n     * @property {string[]} [searchKeys=['title']] - Data attributes to search in\n     * @property {number} [debounceTime=300] - Search debounce delay in ms\n     */\n\n    /**\n     * @param {FilterOptions} options - Filter configuration options\n     */\n    constructor(options = {}) {\n        this.options = {\n            containerSelector: '.filter-container',\n            itemSelector: '.filter-item',\n            filterButtonSelector: '.btn-filter',\n            searchInputSelector: '.filter-search',\n            counterSelector: '.filter-counter',\n            activeClass: 'active',\n            hiddenClass: 'hidden',\n            animationDuration: 300,\n            filterMode: 'OR',\n            searchKeys: ['title'],\n            debounceTime: 300,\n            ...options,\n        };\n\n        // Initialize elements\n        this.container = document.querySelector(this.options.containerSelector);\n        this.items = document.querySelectorAll(this.options.itemSelector);\n        this.filterButtons = document.querySelectorAll(this.options.filterButtonSelector);\n        this.searchInput = document.querySelector(this.options.searchInputSelector);\n        this.counter = document.querySelector(this.options.counterSelector);\n\n        // Initialize state\n        this.currentFilters = new Set(['*']);\n        this.currentSearch = '';\n        this.visibleItems = new Set(this.items);\n\n        this.init();\n    }\n\n    /**\n     * Initialize the filter system\n     * @private\n     */\n    init() {\n        this.addStyles();\n        this.bindEvents();\n        this.loadFromURL();\n        this.updateCounter();\n    }\n\n    /**\n     * Add required styles to document\n     * @private\n     */\n    addStyles() {\n        const styles = `\n            .${this.options.hiddenClass} {\n                display: none !important;\n            }\n\n            ${this.options.itemSelector} {\n                opacity: 1;\n                transform: scale(1);\n                transition: opacity ${this.options.animationDuration}ms ease-out,\n                            transform ${this.options.animationDuration}ms ease-out;\n            }\n\n            ${this.options.filterButtonSelector} {\n                opacity: 0.5;\n                transition: opacity ${this.options.animationDuration}ms ease;\n            }\n\n            ${this.options.filterButtonSelector}.${this.options.activeClass} {\n                opacity: 1;\n            }\n        `;\n\n        const styleSheet = document.createElement('style');\n        styleSheet.textContent = styles;\n        document.head.appendChild(styleSheet);\n    }\n\n    /**\n     * Bind all event listeners\n     * @private\n     */\n    bindEvents() {\n        this.filterButtons.forEach(button => {\n            button.addEventListener('click', () => this.handleFilterClick(button));\n        });\n\n        if (this.searchInput) {\n            this.searchInput.addEventListener('input', debounce((e) => {\n                this.search(e.target.value);\n            }, this.options.debounceTime));\n        }\n\n        window.addEventListener('popstate', () => this.loadFromURL());\n    }\n\n    /**\n     * Handle filter button clicks\n     * @private\n     * @param {HTMLElement} button - Clicked filter button\n     */\n    handleFilterClick(button) {\n        const filterValue = button.dataset.filter;\n\n        if (filterValue === '*') {\n            this.resetFilters();\n        } else {\n            this.toggleFilter(filterValue, button);\n        }\n\n        this.filter();\n        this.updateURL();\n    }\n\n    /**\n     * Reset all filters to default state\n     * @private\n     */\n    resetFilters() {\n        this.filterButtons.forEach(btn => btn.classList.remove(this.options.activeClass));\n        this.currentFilters.clear();\n        this.currentFilters.add('*');\n        this.filterButtons[0].classList.add(this.options.activeClass);\n        this.resetCounter();\n    }\n\n    /**\n     * Reset visible items counter\n     * @private\n     */\n    resetCounter() {\n        this.visibleItems = new Set(this.items);\n        this.updateCounter();\n    }\n\n    /**\n     * Toggle individual filter state\n     * @private\n     * @param {string} filterValue - Filter value to toggle\n     * @param {HTMLElement} button - Filter button element\n     */\n    toggleFilter(filterValue, button) {\n        this.currentFilters.delete('*');\n        this.filterButtons[0].classList.remove(this.options.activeClass);\n\n        if (button.classList.contains(this.options.activeClass)) {\n            button.classList.remove(this.options.activeClass);\n            this.currentFilters.delete(filterValue);\n\n            if (this.currentFilters.size === 0) {\n                this.resetFilters();\n            }\n        } else {\n            button.classList.add(this.options.activeClass);\n            this.currentFilters.add(filterValue);\n        }\n    }\n\n    /**\n     * Apply current filters to items\n     * @public\n     */\n    filter() {\n        this.items.forEach(item => {\n            if (this.currentFilters.has('*')) {\n                this.showItem(item);\n                return;\n            }\n\n            const itemCategories = new Set(item.dataset.categories?.split(' ') || []);\n            const matchesFilter = this.options.filterMode === 'OR'\n                ? this.matchesAnyFilter(itemCategories)\n                : this.matchesAllFilters(itemCategories);\n\n            if (matchesFilter) {\n                this.showItem(item);\n            } else {\n                this.hideItem(item);\n            }\n        });\n\n        setTimeout(() => {\n            this.updateCounter();\n        }, this.options.animationDuration);\n    }\n\n    /**\n     * Check if item matches any active filter (OR mode)\n     * @private\n     * @param {Set} itemCategories - Item's categories\n     * @returns {boolean} Whether item matches any filter\n     */\n    matchesAnyFilter(itemCategories) {\n        return [...this.currentFilters].some(filter => {\n            const [type, value] = filter.split(':');\n            return itemCategories.has(`${type}:${value}`);\n        });\n    }\n\n    /**\n     * Check if item matches all active filters (AND mode)\n     * @private\n     * @param {Set} itemCategories - Item's categories\n     * @returns {boolean} Whether item matches all filters\n     */\n    matchesAllFilters(itemCategories) {\n        return [...this.currentFilters].every(filter => {\n            const [type, value] = filter.split(':');\n            return itemCategories.has(`${type}:${value}`);\n        });\n    }\n\n    /**\n     * Show an item with animation\n     * @private\n     * @param {HTMLElement} item - Item to show\n     */\n    showItem(item) {\n        this.visibleItems.add(item);\n        item.classList.remove(this.options.hiddenClass);\n        item.style.opacity = '0';\n        item.style.transform = 'scale(0.95)';\n        \n        item.offsetHeight;\n        \n        requestAnimationFrame(() => {\n            item.style.opacity = '1';\n            item.style.transform = 'scale(1)';\n        });\n    }\n\n    /**\n     * Hide an item with animation\n     * @private\n     * @param {HTMLElement} item - Item to hide\n     */\n    hideItem(item) {\n        item.style.opacity = '0';\n        item.style.transform = 'scale(0.95)';\n        \n        setTimeout(() => {\n            if (item.style.opacity === '0') {\n                item.classList.add(this.options.hiddenClass);\n                this.visibleItems.delete(item);\n            }\n        }, this.options.animationDuration);\n    }\n\n    /**\n     * Search items by text\n     * @public\n     * @param {string} query - Search query\n     */\n    search(query) {\n        this.currentSearch = query.toLowerCase().trim();\n        let matches = 0;\n        \n        this.items.forEach(item => {\n            const searchText = this.options.searchKeys\n                .map(key => item.dataset[key] || '')\n                .join(' ')\n                .toLowerCase();\n\n            const matchesSearch = this.currentSearch === '' || \n                searchText.includes(this.currentSearch);\n\n            if (matchesSearch) {\n                this.showItem(item);\n                matches++;\n            } else {\n                this.hideItem(item);\n            }\n        });\n\n        this.updateURL();\n        \n        setTimeout(() => {\n            this.updateCounter();\n        }, this.options.animationDuration);\n    }\n\n    /**\n     * Sort items by multiple criteria\n     * @public\n     * @param {Array<{key: string, direction: string}>} criteria - Sort criteria\n     */\n    sortMultiple(criteria) {\n        const items = [...this.items];\n        \n        items.sort((a, b) => {\n            for (const criterion of criteria) {\n                const valueA = a.dataset[criterion.key];\n                const valueB = b.dataset[criterion.key];\n                \n                const comparison = criterion.direction === 'asc'\n                    ? valueA.localeCompare(valueB)\n                    : valueB.localeCompare(valueA);\n                    \n                if (comparison !== 0) return comparison;\n            }\n            return 0;\n        });\n\n        items.forEach(item => this.container.appendChild(item));\n    }\n\n    /**\n     * Filter items by numeric range\n     * @public\n     * @param {string} key - Data attribute key\n     * @param {number} min - Minimum value\n     * @param {number} max - Maximum value\n     */\n    addRangeFilter(key, min, max) {\n        this.items.forEach(item => {\n            const value = parseFloat(item.dataset[key]);\n            const inRange = value >= min && value <= max;\n            \n            if (inRange) {\n                this.showItem(item);\n            } else {\n                this.hideItem(item);\n            }\n        });\n\n        setTimeout(() => {\n            this.updateCounter();\n        }, this.options.animationDuration);\n    }\n\n    /**\n     * Update URL with current filter state\n     * @private\n     */\n    updateURL() {\n        const params = new URLSearchParams();\n        \n        // Séparer les filtres par type\n        const filtersByType = {};\n        for (const filter of this.currentFilters) {\n            if (filter !== '*') {\n                const [type, value] = filter.split(':');\n                if (!filtersByType[type]) {\n                    filtersByType[type] = new Set();\n                }\n                filtersByType[type].add(value);\n            }\n        }\n    \n        // Ajouter chaque type de filtre à l'URL\n        Object.entries(filtersByType).forEach(([type, values]) => {\n            params.set(type, Array.from(values).join(','));\n        });\n        \n        if (this.currentSearch) {\n            params.set('search', this.currentSearch);\n        }\n        \n        const newURL = `${window.location.pathname}${params.toString() ? '?' + params.toString() : ''}`;\n        window.history.pushState({}, '', newURL);\n    }\n\n    /**\n     * Load filter state from URL\n     * @private\n     */\n    loadFromURL() {\n        const params = new URLSearchParams(window.location.search);\n        this.currentFilters.clear();\n        \n        // Si aucun filtre n'est présent, utiliser '*'\n        let hasFilters = false;\n        \n        // Parcourir tous les paramètres\n        for (const [type, values] of params.entries()) {\n            if (type !== 'search') {\n                hasFilters = true;\n                values.split(',').forEach(value => {\n                    this.currentFilters.add(`${type}:${value}`);\n                });\n            }\n        }\n        \n        if (!hasFilters) {\n            this.currentFilters.add('*');\n        }\n        \n        // Update active buttons\n        this.filterButtons.forEach(button => {\n            const filterValue = button.dataset.filter;\n            if (this.currentFilters.has(filterValue) || \n                (filterValue === '*' && this.currentFilters.has('*'))) {\n                button.classList.add(this.options.activeClass);\n            } else {\n                button.classList.remove(this.options.activeClass);\n            }\n        });\n        \n        // Load search\n        const search = params.get('search') || '';\n        if (this.searchInput) {\n            this.searchInput.value = search;\n        }\n        \n        this.filter();\n        if (search) {\n            this.search(search);\n        }\n    }\n\n    /**\n     * Update results counter\n     * @private\n     * @returns {{total: number, visible: number}}\n     */\n    updateCounter() {\n        const total = this.items.length;\n        const visible = this.visibleItems.size;\n        \n        if (this.counter) {\n            this.counter.textContent = `Showing ${visible} of ${total}`;\n        }\n        \n        return { total, visible };\n    }\n\n    /**\n     * Change filter mode\n     * @public\n     * @param {string} mode - New filter mode ('OR' or 'AND')\n     */\n    setFilterMode(mode) {\n        if (['OR', 'AND'].includes(mode.toUpperCase())) {\n            this.options.filterMode = mode.toUpperCase();\n            this.filter();\n        }\n    }\n\n    /**\n     * Add filter by type and value\n     * @public\n     * @param {string} type - Filter type\n     * @param {string} value - Filter value\n     */\n    addFilter(type, value) {\n        this.currentFilters.add(`${type}:${value}`);\n        this.filter();\n        this.updateURL();\n    }\n    \n    /**\n     * Remove filter by type and value\n     * @public\n     * @param {string} type - Filter type\n     */\n    removeFilter(type, value) {\n        this.currentFilters.delete(`${type}:${value}`);\n        if (this.currentFilters.size === 0) {\n            this.currentFilters.add('*');\n        }\n        this.filter();\n        this.updateURL();\n    }\n    \n    /**\n     * Get active filters by type\n     * @public\n     * @param {string} type - Filter type\n     */\n    getActiveFiltersByType(type) {\n        return [...this.currentFilters]\n            .filter(filter => filter.startsWith(`${type}:`))\n            .map(filter => filter.split(':')[1]);\n    }\n}\n\nexport { Filter };"],"names":["debounce","func","wait","timeout","executedFunction","args","later","clearTimeout","setTimeout","Filter","constructor","options","containerSelector","itemSelector","filterButtonSelector","searchInputSelector","counterSelector","activeClass","hiddenClass","animationDuration","filterMode","searchKeys","debounceTime","container","document","querySelector","items","querySelectorAll","filterButtons","searchInput","counter","currentFilters","Set","currentSearch","visibleItems","init","addStyles","bindEvents","loadFromURL","updateCounter","styles","styleSheet","createElement","textContent","head","appendChild","forEach","button","addEventListener","handleFilterClick","e","search","target","value","window","filterValue","dataset","filter","resetFilters","toggleFilter","updateURL","btn","classList","remove","clear","add","resetCounter","delete","contains","size","item","has","showItem","itemCategories","categories","split","matchesFilter","matchesAnyFilter","matchesAllFilters","hideItem","some","type","every","style","opacity","transform","offsetHeight","requestAnimationFrame","query","toLowerCase","trim","searchText","map","key","join","matchesSearch","includes","sortMultiple","criteria","sort","a","b","criterion","valueA","valueB","comparison","direction","localeCompare","addRangeFilter","min","max","parseFloat","inRange","params","URLSearchParams","filtersByType","Object","entries","values","set","Array","from","newURL","location","pathname","toString","history","pushState","hasFilters","get","total","length","visible","setFilterMode","mode","toUpperCase","addFilter","removeFilter","getActiveFiltersByType","startsWith"],"mappings":"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"}

package/dist/filter.min.js

@@ -1,2 +0,0 @@
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).Filter={})}(this,(function(t){"use strict";t.Filter=class{constructor(t={}){this.options={containerSelector:".filter-container",itemSelector:".filter-item",filterButtonSelector:".btn-filter",searchInputSelector:".filter-search",counterSelector:".filter-counter",activeClass:"active",hiddenClass:"hidden",animationDuration:300,filterMode:"OR",searchKeys:["title"],debounceTime:300,...t},this.container=document.querySelector(this.options.containerSelector),this.items=document.querySelectorAll(this.options.itemSelector),this.filterButtons=document.querySelectorAll(this.options.filterButtonSelector),this.searchInput=document.querySelector(this.options.searchInputSelector),this.counter=document.querySelector(this.options.counterSelector),this.currentFilters=new Set(["*"]),this.currentSearch="",this.visibleItems=new Set(this.items),this.init()}init(){this.addStyles(),this.bindEvents(),this.loadFromURL(),this.updateCounter()}addStyles(){const t=`\n            .${this.options.hiddenClass} {\n                display: none !important;\n            }\n\n            ${this.options.itemSelector} {\n                opacity: 1;\n                transform: scale(1);\n                transition: opacity ${this.options.animationDuration}ms ease-out,\n                            transform ${this.options.animationDuration}ms ease-out;\n            }\n\n            ${this.options.filterButtonSelector} {\n                opacity: 0.5;\n                transition: opacity ${this.options.animationDuration}ms ease;\n            }\n\n            ${this.options.filterButtonSelector}.${this.options.activeClass} {\n                opacity: 1;\n            }\n        `,e=document.createElement("style");e.textContent=t,document.head.appendChild(e)}bindEvents(){this.filterButtons.forEach((t=>{t.addEventListener("click",(()=>this.handleFilterClick(t)))})),this.searchInput&&this.searchInput.addEventListener("input",function(t,e){let s;return function(...i){clearTimeout(s),s=setTimeout((()=>{clearTimeout(s),t(...i)}),e)}}((t=>{this.search(t.target.value)}),this.options.debounceTime)),window.addEventListener("popstate",(()=>this.loadFromURL()))}handleFilterClick(t){const e=t.dataset.filter;"*"===e?this.resetFilters():this.toggleFilter(e,t),this.filter(),this.updateURL()}resetFilters(){this.filterButtons.forEach((t=>t.classList.remove(this.options.activeClass))),this.currentFilters.clear(),this.currentFilters.add("*"),this.filterButtons[0].classList.add(this.options.activeClass),this.resetCounter()}resetCounter(){this.visibleItems=new Set(this.items),this.updateCounter()}toggleFilter(t,e){this.currentFilters.delete("*"),this.filterButtons[0].classList.remove(this.options.activeClass),e.classList.contains(this.options.activeClass)?(e.classList.remove(this.options.activeClass),this.currentFilters.delete(t),0===this.currentFilters.size&&this.resetFilters()):(e.classList.add(this.options.activeClass),this.currentFilters.add(t))}filter(){this.items.forEach((t=>{if(this.currentFilters.has("*"))return void this.showItem(t);const e=new Set(t.dataset.categories?.split(" ")||[]);("OR"===this.options.filterMode?this.matchesAnyFilter(e):this.matchesAllFilters(e))?this.showItem(t):this.hideItem(t)})),setTimeout((()=>{this.updateCounter()}),this.options.animationDuration)}matchesAnyFilter(t){return[...this.currentFilters].some((e=>{const[s,i]=e.split(":");return t.has(`${s}:${i}`)}))}matchesAllFilters(t){return[...this.currentFilters].every((e=>{const[s,i]=e.split(":");return t.has(`${s}:${i}`)}))}showItem(t){this.visibleItems.add(t),t.classList.remove(this.options.hiddenClass),t.style.opacity="0",t.style.transform="scale(0.95)",t.offsetHeight,requestAnimationFrame((()=>{t.style.opacity="1",t.style.transform="scale(1)"}))}hideItem(t){t.style.opacity="0",t.style.transform="scale(0.95)",setTimeout((()=>{"0"===t.style.opacity&&(t.classList.add(this.options.hiddenClass),this.visibleItems.delete(t))}),this.options.animationDuration)}search(t){this.currentSearch=t.toLowerCase().trim(),this.items.forEach((t=>{const e=this.options.searchKeys.map((e=>t.dataset[e]||"")).join(" ").toLowerCase();""===this.currentSearch||e.includes(this.currentSearch)?this.showItem(t):this.hideItem(t)})),this.updateURL(),setTimeout((()=>{this.updateCounter()}),this.options.animationDuration)}sortMultiple(t){const e=[...this.items];e.sort(((e,s)=>{for(const i of t){const t=e.dataset[i.key],r=s.dataset[i.key],o="asc"===i.direction?t.localeCompare(r):r.localeCompare(t);if(0!==o)return o}return 0})),e.forEach((t=>this.container.appendChild(t)))}addRangeFilter(t,e,s){this.items.forEach((i=>{const r=parseFloat(i.dataset[t]);r>=e&&r<=s?this.showItem(i):this.hideItem(i)})),setTimeout((()=>{this.updateCounter()}),this.options.animationDuration)}updateURL(){const t=new URLSearchParams,e={};for(const t of this.currentFilters)if("*"!==t){const[s,i]=t.split(":");e[s]||(e[s]=new Set),e[s].add(i)}Object.entries(e).forEach((([e,s])=>{t.set(e,Array.from(s).join(","))})),this.currentSearch&&t.set("search",this.currentSearch);const s=`${window.location.pathname}${t.toString()?"?"+t.toString():""}`;window.history.pushState({},"",s)}loadFromURL(){const t=new URLSearchParams(window.location.search);this.currentFilters.clear();let e=!1;for(const[s,i]of t.entries())"search"!==s&&(e=!0,i.split(",").forEach((t=>{this.currentFilters.add(`${s}:${t}`)})));e||this.currentFilters.add("*"),this.filterButtons.forEach((t=>{const e=t.dataset.filter;this.currentFilters.has(e)||"*"===e&&this.currentFilters.has("*")?t.classList.add(this.options.activeClass):t.classList.remove(this.options.activeClass)}));const s=t.get("search")||"";this.searchInput&&(this.searchInput.value=s),this.filter(),s&&this.search(s)}updateCounter(){const t=this.items.length,e=this.visibleItems.size;return this.counter&&(this.counter.textContent=`Showing ${e} of ${t}`),{total:t,visible:e}}setFilterMode(t){["OR","AND"].includes(t.toUpperCase())&&(this.options.filterMode=t.toUpperCase(),this.filter())}addFilter(t,e){this.currentFilters.add(`${t}:${e}`),this.filter(),this.updateURL()}removeFilter(t,e){this.currentFilters.delete(`${t}:${e}`),0===this.currentFilters.size&&this.currentFilters.add("*"),this.filter(),this.updateURL()}getActiveFiltersByType(t){return[...this.currentFilters].filter((e=>e.startsWith(`${t}:`))).map((t=>t.split(":")[1]))}},Object.defineProperty(t,"__esModule",{value:!0})}));
-//# sourceMappingURL=filter.min.js.map

package/dist/filter.min.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"filter.min.js","sources":["../src/index.js"],"sourcesContent":["/**\n * @fileoverview Advanced Filter System for DOM elements\n * @version 1.0.0\n * \n * A flexible and customizable filtering system that supports:\n * - Multiple filtering modes (OR/AND)\n * - Text search with debouncing\n * - Multiple sorting criteria\n * - Range filtering\n * - URL state management\n * - Animation and transitions\n * - Results counter\n */\n\n/**\n * Utility function for debouncing\n * @param {Function} func - Function to debounce\n * @param {number} wait - Delay in milliseconds\n * @returns {Function} Debounced function\n */\nfunction debounce(func, wait) {\n    let timeout;\n    return function executedFunction(...args) {\n        const later = () => {\n            clearTimeout(timeout);\n            func(...args);\n        };\n        clearTimeout(timeout);\n        timeout = setTimeout(later, wait);\n    };\n}\n\nclass Filter {\n    /**\n     * @typedef {Object} FilterOptions\n     * @property {string} containerSelector - Main container selector\n     * @property {string} itemSelector - Items to filter selector\n     * @property {string} filterButtonSelector - Filter buttons selector\n     * @property {string} [searchInputSelector] - Search input selector\n     * @property {string} [counterSelector] - Results counter selector\n     * @property {string} [activeClass='active'] - Active state class\n     * @property {string} [hiddenClass='hidden'] - Hidden state class\n     * @property {number} [animationDuration=300] - Animation duration in ms\n     * @property {string} [filterMode='OR'] - Filter mode ('OR' or 'AND')\n     * @property {string[]} [searchKeys=['title']] - Data attributes to search in\n     * @property {number} [debounceTime=300] - Search debounce delay in ms\n     */\n\n    /**\n     * @param {FilterOptions} options - Filter configuration options\n     */\n    constructor(options = {}) {\n        this.options = {\n            containerSelector: '.filter-container',\n            itemSelector: '.filter-item',\n            filterButtonSelector: '.btn-filter',\n            searchInputSelector: '.filter-search',\n            counterSelector: '.filter-counter',\n            activeClass: 'active',\n            hiddenClass: 'hidden',\n            animationDuration: 300,\n            filterMode: 'OR',\n            searchKeys: ['title'],\n            debounceTime: 300,\n            ...options,\n        };\n\n        // Initialize elements\n        this.container = document.querySelector(this.options.containerSelector);\n        this.items = document.querySelectorAll(this.options.itemSelector);\n        this.filterButtons = document.querySelectorAll(this.options.filterButtonSelector);\n        this.searchInput = document.querySelector(this.options.searchInputSelector);\n        this.counter = document.querySelector(this.options.counterSelector);\n\n        // Initialize state\n        this.currentFilters = new Set(['*']);\n        this.currentSearch = '';\n        this.visibleItems = new Set(this.items);\n\n        this.init();\n    }\n\n    /**\n     * Initialize the filter system\n     * @private\n     */\n    init() {\n        this.addStyles();\n        this.bindEvents();\n        this.loadFromURL();\n        this.updateCounter();\n    }\n\n    /**\n     * Add required styles to document\n     * @private\n     */\n    addStyles() {\n        const styles = `\n            .${this.options.hiddenClass} {\n                display: none !important;\n            }\n\n            ${this.options.itemSelector} {\n                opacity: 1;\n                transform: scale(1);\n                transition: opacity ${this.options.animationDuration}ms ease-out,\n                            transform ${this.options.animationDuration}ms ease-out;\n            }\n\n            ${this.options.filterButtonSelector} {\n                opacity: 0.5;\n                transition: opacity ${this.options.animationDuration}ms ease;\n            }\n\n            ${this.options.filterButtonSelector}.${this.options.activeClass} {\n                opacity: 1;\n            }\n        `;\n\n        const styleSheet = document.createElement('style');\n        styleSheet.textContent = styles;\n        document.head.appendChild(styleSheet);\n    }\n\n    /**\n     * Bind all event listeners\n     * @private\n     */\n    bindEvents() {\n        this.filterButtons.forEach(button => {\n            button.addEventListener('click', () => this.handleFilterClick(button));\n        });\n\n        if (this.searchInput) {\n            this.searchInput.addEventListener('input', debounce((e) => {\n                this.search(e.target.value);\n            }, this.options.debounceTime));\n        }\n\n        window.addEventListener('popstate', () => this.loadFromURL());\n    }\n\n    /**\n     * Handle filter button clicks\n     * @private\n     * @param {HTMLElement} button - Clicked filter button\n     */\n    handleFilterClick(button) {\n        const filterValue = button.dataset.filter;\n\n        if (filterValue === '*') {\n            this.resetFilters();\n        } else {\n            this.toggleFilter(filterValue, button);\n        }\n\n        this.filter();\n        this.updateURL();\n    }\n\n    /**\n     * Reset all filters to default state\n     * @private\n     */\n    resetFilters() {\n        this.filterButtons.forEach(btn => btn.classList.remove(this.options.activeClass));\n        this.currentFilters.clear();\n        this.currentFilters.add('*');\n        this.filterButtons[0].classList.add(this.options.activeClass);\n        this.resetCounter();\n    }\n\n    /**\n     * Reset visible items counter\n     * @private\n     */\n    resetCounter() {\n        this.visibleItems = new Set(this.items);\n        this.updateCounter();\n    }\n\n    /**\n     * Toggle individual filter state\n     * @private\n     * @param {string} filterValue - Filter value to toggle\n     * @param {HTMLElement} button - Filter button element\n     */\n    toggleFilter(filterValue, button) {\n        this.currentFilters.delete('*');\n        this.filterButtons[0].classList.remove(this.options.activeClass);\n\n        if (button.classList.contains(this.options.activeClass)) {\n            button.classList.remove(this.options.activeClass);\n            this.currentFilters.delete(filterValue);\n\n            if (this.currentFilters.size === 0) {\n                this.resetFilters();\n            }\n        } else {\n            button.classList.add(this.options.activeClass);\n            this.currentFilters.add(filterValue);\n        }\n    }\n\n    /**\n     * Apply current filters to items\n     * @public\n     */\n    filter() {\n        this.items.forEach(item => {\n            if (this.currentFilters.has('*')) {\n                this.showItem(item);\n                return;\n            }\n\n            const itemCategories = new Set(item.dataset.categories?.split(' ') || []);\n            const matchesFilter = this.options.filterMode === 'OR'\n                ? this.matchesAnyFilter(itemCategories)\n                : this.matchesAllFilters(itemCategories);\n\n            if (matchesFilter) {\n                this.showItem(item);\n            } else {\n                this.hideItem(item);\n            }\n        });\n\n        setTimeout(() => {\n            this.updateCounter();\n        }, this.options.animationDuration);\n    }\n\n    /**\n     * Check if item matches any active filter (OR mode)\n     * @private\n     * @param {Set} itemCategories - Item's categories\n     * @returns {boolean} Whether item matches any filter\n     */\n    matchesAnyFilter(itemCategories) {\n        return [...this.currentFilters].some(filter => {\n            const [type, value] = filter.split(':');\n            return itemCategories.has(`${type}:${value}`);\n        });\n    }\n\n    /**\n     * Check if item matches all active filters (AND mode)\n     * @private\n     * @param {Set} itemCategories - Item's categories\n     * @returns {boolean} Whether item matches all filters\n     */\n    matchesAllFilters(itemCategories) {\n        return [...this.currentFilters].every(filter => {\n            const [type, value] = filter.split(':');\n            return itemCategories.has(`${type}:${value}`);\n        });\n    }\n\n    /**\n     * Show an item with animation\n     * @private\n     * @param {HTMLElement} item - Item to show\n     */\n    showItem(item) {\n        this.visibleItems.add(item);\n        item.classList.remove(this.options.hiddenClass);\n        item.style.opacity = '0';\n        item.style.transform = 'scale(0.95)';\n        \n        item.offsetHeight;\n        \n        requestAnimationFrame(() => {\n            item.style.opacity = '1';\n            item.style.transform = 'scale(1)';\n        });\n    }\n\n    /**\n     * Hide an item with animation\n     * @private\n     * @param {HTMLElement} item - Item to hide\n     */\n    hideItem(item) {\n        item.style.opacity = '0';\n        item.style.transform = 'scale(0.95)';\n        \n        setTimeout(() => {\n            if (item.style.opacity === '0') {\n                item.classList.add(this.options.hiddenClass);\n                this.visibleItems.delete(item);\n            }\n        }, this.options.animationDuration);\n    }\n\n    /**\n     * Search items by text\n     * @public\n     * @param {string} query - Search query\n     */\n    search(query) {\n        this.currentSearch = query.toLowerCase().trim();\n        let matches = 0;\n        \n        this.items.forEach(item => {\n            const searchText = this.options.searchKeys\n                .map(key => item.dataset[key] || '')\n                .join(' ')\n                .toLowerCase();\n\n            const matchesSearch = this.currentSearch === '' || \n                searchText.includes(this.currentSearch);\n\n            if (matchesSearch) {\n                this.showItem(item);\n                matches++;\n            } else {\n                this.hideItem(item);\n            }\n        });\n\n        this.updateURL();\n        \n        setTimeout(() => {\n            this.updateCounter();\n        }, this.options.animationDuration);\n    }\n\n    /**\n     * Sort items by multiple criteria\n     * @public\n     * @param {Array<{key: string, direction: string}>} criteria - Sort criteria\n     */\n    sortMultiple(criteria) {\n        const items = [...this.items];\n        \n        items.sort((a, b) => {\n            for (const criterion of criteria) {\n                const valueA = a.dataset[criterion.key];\n                const valueB = b.dataset[criterion.key];\n                \n                const comparison = criterion.direction === 'asc'\n                    ? valueA.localeCompare(valueB)\n                    : valueB.localeCompare(valueA);\n                    \n                if (comparison !== 0) return comparison;\n            }\n            return 0;\n        });\n\n        items.forEach(item => this.container.appendChild(item));\n    }\n\n    /**\n     * Filter items by numeric range\n     * @public\n     * @param {string} key - Data attribute key\n     * @param {number} min - Minimum value\n     * @param {number} max - Maximum value\n     */\n    addRangeFilter(key, min, max) {\n        this.items.forEach(item => {\n            const value = parseFloat(item.dataset[key]);\n            const inRange = value >= min && value <= max;\n            \n            if (inRange) {\n                this.showItem(item);\n            } else {\n                this.hideItem(item);\n            }\n        });\n\n        setTimeout(() => {\n            this.updateCounter();\n        }, this.options.animationDuration);\n    }\n\n    /**\n     * Update URL with current filter state\n     * @private\n     */\n    updateURL() {\n        const params = new URLSearchParams();\n        \n        // Séparer les filtres par type\n        const filtersByType = {};\n        for (const filter of this.currentFilters) {\n            if (filter !== '*') {\n                const [type, value] = filter.split(':');\n                if (!filtersByType[type]) {\n                    filtersByType[type] = new Set();\n                }\n                filtersByType[type].add(value);\n            }\n        }\n    \n        // Ajouter chaque type de filtre à l'URL\n        Object.entries(filtersByType).forEach(([type, values]) => {\n            params.set(type, Array.from(values).join(','));\n        });\n        \n        if (this.currentSearch) {\n            params.set('search', this.currentSearch);\n        }\n        \n        const newURL = `${window.location.pathname}${params.toString() ? '?' + params.toString() : ''}`;\n        window.history.pushState({}, '', newURL);\n    }\n\n    /**\n     * Load filter state from URL\n     * @private\n     */\n    loadFromURL() {\n        const params = new URLSearchParams(window.location.search);\n        this.currentFilters.clear();\n        \n        // Si aucun filtre n'est présent, utiliser '*'\n        let hasFilters = false;\n        \n        // Parcourir tous les paramètres\n        for (const [type, values] of params.entries()) {\n            if (type !== 'search') {\n                hasFilters = true;\n                values.split(',').forEach(value => {\n                    this.currentFilters.add(`${type}:${value}`);\n                });\n            }\n        }\n        \n        if (!hasFilters) {\n            this.currentFilters.add('*');\n        }\n        \n        // Update active buttons\n        this.filterButtons.forEach(button => {\n            const filterValue = button.dataset.filter;\n            if (this.currentFilters.has(filterValue) || \n                (filterValue === '*' && this.currentFilters.has('*'))) {\n                button.classList.add(this.options.activeClass);\n            } else {\n                button.classList.remove(this.options.activeClass);\n            }\n        });\n        \n        // Load search\n        const search = params.get('search') || '';\n        if (this.searchInput) {\n            this.searchInput.value = search;\n        }\n        \n        this.filter();\n        if (search) {\n            this.search(search);\n        }\n    }\n\n    /**\n     * Update results counter\n     * @private\n     * @returns {{total: number, visible: number}}\n     */\n    updateCounter() {\n        const total = this.items.length;\n        const visible = this.visibleItems.size;\n        \n        if (this.counter) {\n            this.counter.textContent = `Showing ${visible} of ${total}`;\n        }\n        \n        return { total, visible };\n    }\n\n    /**\n     * Change filter mode\n     * @public\n     * @param {string} mode - New filter mode ('OR' or 'AND')\n     */\n    setFilterMode(mode) {\n        if (['OR', 'AND'].includes(mode.toUpperCase())) {\n            this.options.filterMode = mode.toUpperCase();\n            this.filter();\n        }\n    }\n\n    /**\n     * Add filter by type and value\n     * @public\n     * @param {string} type - Filter type\n     * @param {string} value - Filter value\n     */\n    addFilter(type, value) {\n        this.currentFilters.add(`${type}:${value}`);\n        this.filter();\n        this.updateURL();\n    }\n    \n    /**\n     * Remove filter by type and value\n     * @public\n     * @param {string} type - Filter type\n     */\n    removeFilter(type, value) {\n        this.currentFilters.delete(`${type}:${value}`);\n        if (this.currentFilters.size === 0) {\n            this.currentFilters.add('*');\n        }\n        this.filter();\n        this.updateURL();\n    }\n    \n    /**\n     * Get active filters by type\n     * @public\n     * @param {string} type - Filter type\n     */\n    getActiveFiltersByType(type) {\n        return [...this.currentFilters]\n            .filter(filter => filter.startsWith(`${type}:`))\n            .map(filter => filter.split(':')[1]);\n    }\n}\n\nexport { Filter };"],"names":["constructor","options","this","containerSelector","itemSelector","filterButtonSelector","searchInputSelector","counterSelector","activeClass","hiddenClass","animationDuration","filterMode","searchKeys","debounceTime","container","document","querySelector","items","querySelectorAll","filterButtons","searchInput","counter","currentFilters","Set","currentSearch","visibleItems","init","addStyles","bindEvents","loadFromURL","updateCounter","styles","styleSheet","createElement","textContent","head","appendChild","forEach","button","addEventListener","handleFilterClick","func","wait","timeout","args","clearTimeout","setTimeout","later","debounce","e","search","target","value","window","filterValue","dataset","filter","resetFilters","toggleFilter","updateURL","btn","classList","remove","clear","add","resetCounter","delete","contains","size","item","has","showItem","itemCategories","categories","split","matchesAnyFilter","matchesAllFilters","hideItem","some","type","every","style","opacity","transform","offsetHeight","requestAnimationFrame","query","toLowerCase","trim","searchText","map","key","join","includes","sortMultiple","criteria","sort","a","b","criterion","valueA","valueB","comparison","direction","localeCompare","addRangeFilter","min","max","parseFloat","params","URLSearchParams","filtersByType","Object","entries","values","set","Array","from","newURL","location","pathname","toString","history","pushState","hasFilters","get","total","length","visible","setFilterMode","mode","toUpperCase","addFilter","removeFilter","getActiveFiltersByType","startsWith"],"mappings":"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"}