@empathyco/x-components 3.0.0-alpha.7 → 3.0.0-alpha.70

package/js/x-modules/facets/entities/simple-filter.entity.js

@@ -0,0 +1,35 @@
+import { isSimpleFilter } from '@empathyco/x-types';
+import { addFacetIfNotPresent } from './add-facet-if-not-present.js';
+
+/**
+ * Allows selecting and deselecting a filter of {@link SimpleFilter}.
+ *
+ * @internal
+ */
+class SimpleFilterEntity {
+    constructor(store) {
+        this.store = store;
+    }
+    /**
+     * Deselects and saves to the store the given filter.
+     *
+     * @param filter - The filter to deselect.
+     */
+    deselect(filter) {
+        this.store.commit('x/facets/setFilter', { ...filter, selected: false });
+        addFacetIfNotPresent(this.store, filter.facetId, 'SimpleFacet');
+    }
+    /**
+     * Selects and saves to the store the given filter.
+     *
+     * @param filter - The filter to select.
+     */
+    select(filter) {
+        this.store.commit('x/facets/setFilter', { ...filter, selected: true });
+        addFacetIfNotPresent(this.store, filter.facetId, 'SimpleFacet');
+    }
+}
+SimpleFilterEntity.accepts = isSimpleFilter;
+
+export { SimpleFilterEntity };
+//# sourceMappingURL=simple-filter.entity.js.map

package/js/x-modules/facets/entities/simple-filter.entity.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"simple-filter.entity.js","sources":["../../../../../src/x-modules/facets/entities/simple-filter.entity.ts"],"sourcesContent":["import { SimpleFilter, isSimpleFilter } from '@empathyco/x-types';\nimport { Store } from 'vuex';\nimport { RootXStoreState } from '../../../store/store.types';\nimport { addFacetIfNotPresent } from './add-facet-if-not-present';\nimport { FilterEntity } from './types';\n\n/**\n * Allows selecting and deselecting a filter of {@link SimpleFilter}.\n *\n * @internal\n */\nexport class SimpleFilterEntity implements FilterEntity {\n  public static accepts = isSimpleFilter;\n\n  public constructor(protected store: Store<RootXStoreState>) {}\n\n  /**\n   * Deselects and saves to the store the given filter.\n   *\n   * @param filter - The filter to deselect.\n   */\n  deselect(filter: SimpleFilter): void {\n    this.store.commit('x/facets/setFilter', { ...filter, selected: false });\n    addFacetIfNotPresent(this.store, filter.facetId, 'SimpleFacet');\n  }\n\n  /**\n   * Selects and saves to the store the given filter.\n   *\n   * @param filter - The filter to select.\n   */\n  select(filter: SimpleFilter): void {\n    this.store.commit('x/facets/setFilter', { ...filter, selected: true });\n    addFacetIfNotPresent(this.store, filter.facetId, 'SimpleFacet');\n  }\n}\n"],"names":[],"mappings":";;;AAMA;;;;;MAKa,kBAAkB;IAG7B,YAA6B,KAA6B;QAA7B,UAAK,GAAL,KAAK,CAAwB;KAAI;;;;;;IAO9D,QAAQ,CAAC,MAAoB;QAC3B,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,oBAAoB,EAAE,EAAE,GAAG,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC;QACxE,oBAAoB,CAAC,IAAI,CAAC,KAAK,EAAE,MAAM,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;KACjE;;;;;;IAOD,MAAM,CAAC,MAAoB;QACzB,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,oBAAoB,EAAE,EAAE,GAAG,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;QACvE,oBAAoB,CAAC,IAAI,CAAC,KAAK,EAAE,MAAM,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;KACjE;;AAtBa,0BAAO,GAAG,cAAc;;;;"}

package/js/x-modules/facets/entities/single-select.modifier.js

@@ -0,0 +1,88 @@
+import { isHierarchicalFilter, isFacetFilter } from '@empathyco/x-types';
+import { BaseFilterEntityModifier } from './types.js';
+
+/**
+ * Allows only to select only one filter from the same facet at the same time.
+ *
+ * @internal
+ */
+class SingleSelectModifier extends BaseFilterEntityModifier {
+    /**
+     * Selects the passed filter, and then deselects any other filter of the same facet.
+     *
+     * @param filter - The filter to select.
+     */
+    select(filter) {
+        this.getOtherFilters(filter).forEach(this.deselect.bind(this));
+        this.entity.select(filter);
+    }
+    /**
+     * Retrieves the rest of selected filters of the same facet than the one given.
+     *
+     * @param filter - The filter to find its relatives.
+     * @returns A list of selected filters that belong to the same facet than the filter passed.
+     * @remarks It takes into account if the passed filter is an
+     * {@link @empathyco/x-types#HierarchicalFilter | HierarchicalFilter} to exclude the ancestors and
+     * descendants.
+     *
+     * @internal
+     */
+    getOtherFilters(filter) {
+        /* This check seems dumb, but when you instantiate this modifier using the factory, the types
+          `FacetFilter` parameter type is lost, so we should check it to avoid unexpected crashes
+          due to a wrong configuration. */
+        if (isHierarchicalFilter(filter)) {
+            const ancestorsIds = this.getAncestorsIds(filter);
+            const descendantsIds = this.getDescendantsIds(filter);
+            return this.getFacetFilters(filter.facetId).filter(storeFilter => !ancestorsIds.includes(storeFilter.id) && !descendantsIds.includes(storeFilter.id));
+        }
+        else if (isFacetFilter(filter)) {
+            return this.getFacetFilters(filter.facetId).filter(storeFilter => storeFilter.id !== filter.id && storeFilter.selected);
+        }
+        else {
+            // TODO Add a warning in case a non facet filter is passed here.
+            return [];
+        }
+    }
+    /**
+     * Returns the ancestors Filters Ids of the passed filter.
+     *
+     * @param filter - The {@link @empathyco/x-types#Filter | Filter} which obtain the ancestors from.
+     * @param ids - (Optional) an Array with the Ids used to execute the method recursively.
+     * @returns An Array with the ancestors ids.
+     * @internal
+     */
+    getAncestorsIds(filter, ids = [filter.id]) {
+        return filter?.parentId
+            ? this.getAncestorsIds(this.store.state.x.facets.filters[filter.parentId], [filter.parentId, ...ids])
+            : ids;
+    }
+    /**
+     * Returns the descendants Filters Ids of the passed filter.
+     *
+     * @param filter - The {@link @empathyco/x-types#Filter | Filter} which obtain the descendants
+     * from.
+     * @param ids - (Optional) an Array with the Ids used to execute the method recursively.
+     * @returns An Array with the descendants ids.
+     * @internal
+     */
+    getDescendantsIds(filter, ids = [filter.id]) {
+        return filter?.children
+            ? filter?.children.flatMap(descendantId => this.getAncestorsIds(this.store.state.x.facets.filters[descendantId], [descendantId, ...ids]))
+            : ids;
+    }
+    /**
+     * Retrieves All the filters from the given facet.
+     *
+     * @param facetId - The facet id to retrieve its filters.
+     * @returns The filters from the given facet.
+     * @internal
+     */
+    getFacetFilters(facetId) {
+        return (this.store.getters['x/facets/facets'][facetId]
+            ?.filters ?? []);
+    }
+}
+
+export { SingleSelectModifier };
+//# sourceMappingURL=single-select.modifier.js.map

package/js/x-modules/facets/entities/single-select.modifier.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"single-select.modifier.js","sources":["../../../../../src/x-modules/facets/entities/single-select.modifier.ts"],"sourcesContent":["import {\n  isFacetFilter,\n  isHierarchicalFilter,\n  FacetFilter,\n  Facet,\n  Filter,\n  HierarchicalFilter\n} from '@empathyco/x-types';\nimport { BaseFilterEntityModifier } from './types';\n\n/**\n * Allows only to select only one filter from the same facet at the same time.\n *\n * @internal\n */\nexport class SingleSelectModifier extends BaseFilterEntityModifier {\n  /**\n   * Selects the passed filter, and then deselects any other filter of the same facet.\n   *\n   * @param filter - The filter to select.\n   */\n  select(filter: FacetFilter): void {\n    this.getOtherFilters(filter).forEach(this.deselect.bind(this));\n    this.entity.select(filter);\n  }\n\n  /**\n   * Retrieves the rest of selected filters of the same facet than the one given.\n   *\n   * @param filter - The filter to find its relatives.\n   * @returns A list of selected filters that belong to the same facet than the filter passed.\n   * @remarks It takes into account if the passed filter is an\n   * {@link @empathyco/x-types#HierarchicalFilter | HierarchicalFilter} to exclude the ancestors and\n   * descendants.\n   *\n   * @internal\n   */\n  protected getOtherFilters(filter: FacetFilter): FacetFilter[] {\n    /* This check seems dumb, but when you instantiate this modifier using the factory, the types\n      `FacetFilter` parameter type is lost, so we should check it to avoid unexpected crashes\n      due to a wrong configuration. */\n    if (isHierarchicalFilter(filter)) {\n      const ancestorsIds = this.getAncestorsIds(filter);\n      const descendantsIds = this.getDescendantsIds(filter);\n      return this.getFacetFilters(filter.facetId).filter(\n        storeFilter =>\n          !ancestorsIds.includes(storeFilter.id) && !descendantsIds.includes(storeFilter.id)\n      );\n    } else if (isFacetFilter(filter)) {\n      return this.getFacetFilters(filter.facetId).filter(\n        storeFilter => storeFilter.id !== filter.id && storeFilter.selected\n      );\n    } else {\n      // TODO Add a warning in case a non facet filter is passed here.\n      return [];\n    }\n  }\n\n  /**\n   * Returns the ancestors Filters Ids of the passed filter.\n   *\n   * @param filter - The {@link @empathyco/x-types#Filter | Filter} which obtain the ancestors from.\n   * @param ids - (Optional) an Array with the Ids used to execute the method recursively.\n   * @returns An Array with the ancestors ids.\n   * @internal\n   */\n  protected getAncestorsIds(\n    filter: HierarchicalFilter,\n    ids: Array<Filter['id']> = [filter.id]\n  ): Array<Filter['id']> {\n    return filter?.parentId\n      ? this.getAncestorsIds(\n          this.store.state.x.facets.filters[filter.parentId] as HierarchicalFilter,\n          [filter.parentId, ...ids]\n        )\n      : ids;\n  }\n\n  /**\n   * Returns the descendants Filters Ids of the passed filter.\n   *\n   * @param filter - The {@link @empathyco/x-types#Filter | Filter} which obtain the descendants\n   * from.\n   * @param ids - (Optional) an Array with the Ids used to execute the method recursively.\n   * @returns An Array with the descendants ids.\n   * @internal\n   */\n  protected getDescendantsIds(\n    filter: HierarchicalFilter,\n    ids: Array<Filter['id']> = [filter.id]\n  ): Array<Filter['id']> {\n    return filter?.children\n      ? filter?.children.flatMap(descendantId =>\n          this.getAncestorsIds(\n            this.store.state.x.facets.filters[descendantId] as HierarchicalFilter,\n            [descendantId, ...ids]\n          )\n        )\n      : ids;\n  }\n\n  /**\n   * Retrieves All the filters from the given facet.\n   *\n   * @param facetId - The facet id to retrieve its filters.\n   * @returns The filters from the given facet.\n   * @internal\n   */\n  protected getFacetFilters(facetId: Facet['id']): FacetFilter[] {\n    return (\n      ((this.store.getters['x/facets/facets'] as Record<Facet['id'], Facet>)[facetId]\n        ?.filters as FacetFilter[]) ?? []\n    );\n  }\n}\n"],"names":[],"mappings":";;;AAUA;;;;;MAKa,oBAAqB,SAAQ,wBAAwB;;;;;;IAMhE,MAAM,CAAC,MAAmB;QACxB,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAC/D,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;KAC5B;;;;;;;;;;;;IAaS,eAAe,CAAC,MAAmB;;;;QAI3C,IAAI,oBAAoB,CAAC,MAAM,CAAC,EAAE;YAChC,MAAM,YAAY,GAAG,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;YAClD,MAAM,cAAc,GAAG,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC;YACtD,OAAO,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,MAAM,CAChD,WAAW,IACT,CAAC,YAAY,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC,CACrF,CAAC;SACH;aAAM,IAAI,aAAa,CAAC,MAAM,CAAC,EAAE;YAChC,OAAO,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,MAAM,CAChD,WAAW,IAAI,WAAW,CAAC,EAAE,KAAK,MAAM,CAAC,EAAE,IAAI,WAAW,CAAC,QAAQ,CACpE,CAAC;SACH;aAAM;;YAEL,OAAO,EAAE,CAAC;SACX;KACF;;;;;;;;;IAUS,eAAe,CACvB,MAA0B,EAC1B,MAA2B,CAAC,MAAM,CAAC,EAAE,CAAC;QAEtC,OAAO,MAAM,EAAE,QAAQ;cACnB,IAAI,CAAC,eAAe,CAClB,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAuB,EACxE,CAAC,MAAM,CAAC,QAAQ,EAAE,GAAG,GAAG,CAAC,CAC1B;cACD,GAAG,CAAC;KACT;;;;;;;;;;IAWS,iBAAiB,CACzB,MAA0B,EAC1B,MAA2B,CAAC,MAAM,CAAC,EAAE,CAAC;QAEtC,OAAO,MAAM,EAAE,QAAQ;cACnB,MAAM,EAAE,QAAQ,CAAC,OAAO,CAAC,YAAY,IACnC,IAAI,CAAC,eAAe,CAClB,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,YAAY,CAAuB,EACrE,CAAC,YAAY,EAAE,GAAG,GAAG,CAAC,CACvB,CACF;cACD,GAAG,CAAC;KACT;;;;;;;;IASS,eAAe,CAAC,OAAoB;QAC5C,QACI,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,iBAAiB,CAAgC,CAAC,OAAO,CAAC;cAC3E,OAAyB,IAAI,EAAE,EACnC;KACH;;;;;"}

package/js/x-modules/facets/entities/types.js

@@ -0,0 +1,30 @@
+/**
+ * The base class for any Modifier. It delegates to the `entity` methods by default.
+ *
+ * @internal
+ */
+class BaseFilterEntityModifier {
+    constructor(store, entity) {
+        this.store = store;
+        this.entity = entity;
+    }
+    /**
+     * Selects the filter passed by parameter.
+     *
+     * @param filter - The filter to select.
+     */
+    select(filter) {
+        this.entity.select(filter);
+    }
+    /**
+     * Deselects the filter passed by parameter.
+     *
+     * @param filter - The filter to deselect.
+     */
+    deselect(filter) {
+        this.entity.deselect(filter);
+    }
+}
+
+export { BaseFilterEntityModifier };
+//# sourceMappingURL=types.js.map

package/js/x-modules/facets/entities/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../../../src/x-modules/facets/entities/types.ts"],"sourcesContent":["import { Store } from 'vuex';\nimport { Filter } from '@empathyco/x-types';\nimport { RootXStoreState } from '../../../store/store.types';\n\n/**\n * Contains business logic to select or deselect a filter of a certain type.\n *\n * @internal\n */\nexport interface FilterEntity {\n  /** Selects the filter. */\n  select(filter: Filter): void;\n  /** Deselects the filter. */\n  deselect(filter: Filter): void;\n}\n\n/** Constructor of a {@link FilterEntity}.\n *\n * @internal\n */\nexport interface FilterEntityConstructor {\n  new (store: Store<RootXStoreState>): FilterEntity;\n  /**\n   * Checks if this class can create an instance with the passed filter DTO.\n   *\n   * @param filter - The filter to check if this class can create an instance with it.\n   * @returns True if this class can create an instance with it. False otherwise.\n   */\n  accepts(filter: Filter): boolean;\n}\n\n/**\n * The FilterEntityModifier constructor.\n *\n * @param store - The {@link https://vuex.vuejs.org/api/#vuex-store | Vuex Store} that modifier\n * uses.\n * @param entity - The {@link FilterEntity } that the modifier modifies.\n *\n * @internal\n */\nexport interface FilterEntityModifier {\n  new (store: Store<RootXStoreState>, entity: FilterEntity): FilterEntity;\n}\n\n/**\n * The base class for any Modifier. It delegates to the `entity` methods by default.\n *\n * @internal\n */\nexport abstract class BaseFilterEntityModifier implements FilterEntity {\n  public constructor(protected store: Store<RootXStoreState>, protected entity: FilterEntity) {}\n\n  /**\n   * Selects the filter passed by parameter.\n   *\n   * @param filter - The filter to select.\n   */\n  select(filter: Filter): void {\n    this.entity.select(filter);\n  }\n\n  /**\n   * Deselects the filter passed by parameter.\n   *\n   * @param filter - The filter to deselect.\n   */\n  deselect(filter: Filter): void {\n    this.entity.deselect(filter);\n  }\n}\n"],"names":[],"mappings":"AA4CA;;;;;MAKsB,wBAAwB;IAC5C,YAA6B,KAA6B,EAAY,MAAoB;QAA7D,UAAK,GAAL,KAAK,CAAwB;QAAY,WAAM,GAAN,MAAM,CAAc;KAAI;;;;;;IAO9F,MAAM,CAAC,MAAc;QACnB,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;KAC5B;;;;;;IAOD,QAAQ,CAAC,MAAc;QACrB,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;KAC9B;;;;;"}

package/js/x-modules/facets/service/facets.service.js

@@ -0,0 +1,197 @@
+import { isFacetFilter } from '@empathyco/x-types';
+import '../../../plugins/x-bus.js';
+import { XPlugin } from '../../../plugins/x-plugin.js';
+import { isArrayEmpty, arrayToObject, groupItemsBy } from '../../../utils/array.js';
+import '../../../utils/storage.js';
+import { FilterEntityFactory } from '../entities/filter-entity.factory.js';
+
+/**
+ * Default implementation for the {@link FacetsService}.
+ *
+ * @public
+ */
+class DefaultFacetsService {
+    constructor(filterEntityFactory = FilterEntityFactory.instance) {
+        this.filterEntityFactory = filterEntityFactory;
+    }
+    /**
+     * The {@link https://vuex.vuejs.org/ | Vuex} store to use in the service.
+     *
+     * @returns The store.
+     * @internal
+     */
+    get store() {
+        return XPlugin.store;
+    }
+    setFacets(facetsGroup) {
+        const newFilters = this.updateStore(facetsGroup);
+        /* Ensures that filters are selected with valid values. For example, you can't set a single
+         select facet with 2 or more selected filters */
+        this.updateFiltersSelectedState(newFilters);
+    }
+    updateFacets(facetsGroup) {
+        const selectedFilters = this.getSelectedFilters();
+        const newFilters = this.updateStore(facetsGroup);
+        this.updateFiltersSelectedState(newFilters, selectedFilters);
+    }
+    clearFilters(facetIds) {
+        this.getSelectedFilters()
+            .filter(filter => !facetIds || (isFacetFilter(filter) && facetIds.includes(filter.facetId)))
+            .forEach(this.deselect.bind(this));
+    }
+    deselect(filter) {
+        this.getFilterEntity(filter).deselect(filter);
+    }
+    select(filterOrFilters) {
+        const filters = Array.isArray(filterOrFilters) ? filterOrFilters : [filterOrFilters];
+        filters.forEach(filter => this.getFilterEntity(filter).select(filter));
+    }
+    toggle(filter) {
+        if (filter.selected) {
+            this.deselect(filter);
+        }
+        else {
+            this.select(filter);
+        }
+    }
+    /**
+     * Creates an entity from a filter DTO.
+     *
+     * @param filter - The filter to create an entity from.
+     * @returns The filter entity.
+     * @internal
+     */
+    getFilterEntity(filter) {
+        return this.filterEntityFactory.getFilterEntity(this.store, filter);
+    }
+    /**
+     * Sets in the store the Facets, the Filters and the FacetsGroup, without applying any logic
+     * to the selected state.
+     *
+     * @param facetsGroup - The {@link FacetsGroup} to set into the store state.
+     * @returns An array with the new filters.
+     * @internal
+     */
+    updateStore(facetsGroup) {
+        this.removeGroupFacets(facetsGroup.id);
+        this.removeGroupFilters(facetsGroup.id);
+        facetsGroup.facets.forEach(facet => {
+            this.setFacetGroup({ facetId: facet.id, groupId: facetsGroup.id });
+            this.setFacet(facet);
+        });
+        const newFilters = facetsGroup.facets.flatMap(facet => facet.filters);
+        this.setFilters(newFilters);
+        return newFilters;
+    }
+    /**
+     * Retrieves the selected filters from the store.
+     *
+     * @returns The list of selected filters of the store.
+     * @internal
+     */
+    getSelectedFilters() {
+        return this.store.getters['x/facets/selectedFilters'];
+    }
+    /**
+     * Changes the filters selection state to match the store.
+     *
+     * @param newFilters - The list of filters to save.
+     * @param previousFilters - (Optional) The list of old filters, used to set the `newFilters`
+     * selected state.
+     */
+    updateFiltersSelectedState(newFilters, previousFilters) {
+        if (!isArrayEmpty(newFilters)) {
+            const newStateFiltersMap = arrayToObject(previousFilters ?? newFilters, 'id');
+            newFilters.forEach(filter => {
+                const filterEntity = this.getFilterEntity(filter);
+                if (newStateFiltersMap[filter.id]?.selected) {
+                    filterEntity.select(filter);
+                }
+                else {
+                    filterEntity.deselect(filter);
+                }
+            });
+        }
+    }
+    /**
+     * Removes the filters that belong to the given group.
+     *
+     * @param groupId - The id of the group from whom remove the filters that are in the store.
+     *
+     * @returns The removed filters.
+     *
+     * @internal
+     */
+    removeGroupFilters(groupId) {
+        const filtersToRemove = groupItemsBy(Object.values(this.store.state.x.facets.filters), filter => isFacetFilter(filter)
+            ? this.store.state.x.facets.groups[filter.facetId]
+            : '__unknown-group__')[groupId] ?? [];
+        this.removeFilters(filtersToRemove);
+        return filtersToRemove;
+    }
+    /**
+     * Removes the facets that belong to the given group.
+     *
+     * @param groupId - The id of the group from whom remove the facets that are in the store.
+     * @returns The removed facets.
+     * @internal
+     */
+    removeGroupFacets(groupId) {
+        const facetsToRemove = Object.values(this.store.state.x.facets.facets).filter(facet => this.store.state.x.facets.groups[facet.id] === groupId);
+        facetsToRemove.forEach(this.removeFacet.bind(this));
+        return facetsToRemove;
+    }
+    /**
+     * Sets the group that a facet belongs to.
+     *
+     * @param facetGroup - The id of the facet, and the group it belongs to.
+     * @internal
+     */
+    setFacetGroup(facetGroup) {
+        this.store.commit('x/facets/setFacetGroup', facetGroup);
+    }
+    /**
+     * Sets the Facet to the store facets record.
+     *
+     * @param facet - The facet to store.
+     *
+     * @internal
+     */
+    setFacet({ filters, ...restFacet }) {
+        this.store.commit('x/facets/setFacet', restFacet);
+    }
+    /**
+     * Removes a facet from the store.
+     *
+     * @param facet - The facet to remove.
+     * @internal
+     */
+    removeFacet(facet) {
+        this.store.commit('x/facets/removeFacet', facet);
+    }
+    /**
+     * Saves a list of filters to the store without any state change logic applied.
+     *
+     * @param filters - The filters to save.
+     * @internal
+     */
+    setFilters(filters) {
+        this.store.commit('x/facets/setFilters', filters);
+    }
+    /**
+     * Removes a list of filters from the store.
+     *
+     * @param filters - The filters to remove.
+     * @internal
+     */
+    removeFilters(filters) {
+        this.store.commit('x/facets/removeFilters', filters);
+    }
+}
+/**
+ * Global instance of the {@link FacetsService}.
+ */
+DefaultFacetsService.instance = new DefaultFacetsService();
+
+export { DefaultFacetsService };
+//# sourceMappingURL=facets.service.js.map

package/js/x-modules/facets/service/facets.service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"facets.service.js","sources":["../../../../../src/x-modules/facets/service/facets.service.ts"],"sourcesContent":["import { Facet, Filter, isFacetFilter } from '@empathyco/x-types';\nimport { Store } from 'vuex';\nimport { XPlugin } from '../../../plugins/index';\nimport { RootXStoreState } from '../../../store/index';\nimport { arrayToObject, groupItemsBy, isArrayEmpty } from '../../../utils/index';\nimport { FilterEntityFactory } from '../entities/filter-entity.factory';\nimport { FilterEntity } from '../entities/types';\nimport { FacetGroupEntry, FacetsGetters } from '../store/types';\nimport { FacetsGroup, FacetsService } from './types';\n\n/**\n * Default implementation for the {@link FacetsService}.\n *\n * @public\n */\nexport class DefaultFacetsService implements FacetsService {\n  /**\n   * Global instance of the {@link FacetsService}.\n   */\n  public static instance: FacetsService = new DefaultFacetsService();\n\n  public constructor(\n    protected filterEntityFactory: FilterEntityFactory = FilterEntityFactory.instance\n  ) {}\n\n  /**\n   * The {@link https://vuex.vuejs.org/ | Vuex} store to use in the service.\n   *\n   * @returns The store.\n   * @internal\n   */\n  protected get store(): Store<RootXStoreState> {\n    return XPlugin.store;\n  }\n\n  setFacets(facetsGroup: FacetsGroup): void {\n    const newFilters = this.updateStore(facetsGroup);\n    /* Ensures that filters are selected with valid values. For example, you can't set a single\n     select facet with 2 or more selected filters */\n    this.updateFiltersSelectedState(newFilters);\n  }\n\n  updateFacets(facetsGroup: FacetsGroup): void {\n    const selectedFilters = this.getSelectedFilters();\n    const newFilters = this.updateStore(facetsGroup);\n    this.updateFiltersSelectedState(newFilters, selectedFilters);\n  }\n\n  clearFilters(facetIds?: Array<Facet['id']>): void {\n    this.getSelectedFilters()\n      .filter(filter => !facetIds || (isFacetFilter(filter) && facetIds.includes(filter.facetId)))\n      .forEach(this.deselect.bind(this));\n  }\n\n  deselect(filter: Filter): void {\n    this.getFilterEntity(filter).deselect(filter);\n  }\n\n  select(filterOrFilters: Filter | Filter[]): void {\n    const filters = Array.isArray(filterOrFilters) ? filterOrFilters : [filterOrFilters];\n    filters.forEach(filter => this.getFilterEntity(filter).select(filter));\n  }\n\n  toggle(filter: Filter): void {\n    if (filter.selected) {\n      this.deselect(filter);\n    } else {\n      this.select(filter);\n    }\n  }\n\n  /**\n   * Creates an entity from a filter DTO.\n   *\n   * @param filter - The filter to create an entity from.\n   * @returns The filter entity.\n   * @internal\n   */\n  protected getFilterEntity(filter: Filter): FilterEntity {\n    return this.filterEntityFactory.getFilterEntity(this.store, filter);\n  }\n\n  /**\n   * Sets in the store the Facets, the Filters and the FacetsGroup, without applying any logic\n   * to the selected state.\n   *\n   * @param facetsGroup - The {@link FacetsGroup} to set into the store state.\n   * @returns An array with the new filters.\n   * @internal\n   */\n  protected updateStore(facetsGroup: FacetsGroup): Filter[] {\n    this.removeGroupFacets(facetsGroup.id);\n    this.removeGroupFilters(facetsGroup.id);\n    facetsGroup.facets.forEach(facet => {\n      this.setFacetGroup({ facetId: facet.id, groupId: facetsGroup.id });\n      this.setFacet(facet);\n    });\n    const newFilters = facetsGroup.facets.flatMap(facet => facet.filters);\n    this.setFilters(newFilters);\n    return newFilters;\n  }\n\n  /**\n   * Retrieves the selected filters from the store.\n   *\n   * @returns The list of selected filters of the store.\n   * @internal\n   */\n  protected getSelectedFilters(): FacetsGetters['selectedFilters'] {\n    return this.store.getters['x/facets/selectedFilters'];\n  }\n\n  /**\n   * Changes the filters selection state to match the store.\n   *\n   * @param newFilters - The list of filters to save.\n   * @param previousFilters - (Optional) The list of old filters, used to set the `newFilters`\n   * selected state.\n   */\n  protected updateFiltersSelectedState(newFilters: Filter[], previousFilters?: Filter[]): void {\n    if (!isArrayEmpty(newFilters)) {\n      const newStateFiltersMap = arrayToObject(previousFilters ?? newFilters, 'id');\n      newFilters.forEach(filter => {\n        const filterEntity = this.getFilterEntity(filter);\n        if (newStateFiltersMap[filter.id]?.selected) {\n          filterEntity.select(filter);\n        } else {\n          filterEntity.deselect(filter);\n        }\n      });\n    }\n  }\n\n  /**\n   * Removes the filters that belong to the given group.\n   *\n   * @param groupId - The id of the group from whom remove the filters that are in the store.\n   *\n   * @returns The removed filters.\n   *\n   * @internal\n   */\n  protected removeGroupFilters(groupId: FacetsGroup['id']): Filter[] {\n    const filtersToRemove =\n      groupItemsBy(Object.values(this.store.state.x.facets.filters), filter =>\n        isFacetFilter(filter)\n          ? this.store.state.x.facets.groups[filter.facetId]\n          : '__unknown-group__'\n      )[groupId] ?? [];\n    this.removeFilters(filtersToRemove);\n    return filtersToRemove;\n  }\n  /**\n   * Removes the facets that belong to the given group.\n   *\n   * @param groupId - The id of the group from whom remove the facets that are in the store.\n   * @returns The removed facets.\n   * @internal\n   */\n  protected removeGroupFacets(groupId: FacetsGroup['id']): Omit<Facet, 'filters'>[] {\n    const facetsToRemove = Object.values(this.store.state.x.facets.facets).filter(\n      facet => this.store.state.x.facets.groups[facet.id] === groupId\n    );\n    facetsToRemove.forEach(this.removeFacet.bind(this));\n    return facetsToRemove;\n  }\n\n  /**\n   * Sets the group that a facet belongs to.\n   *\n   * @param facetGroup - The id of the facet, and the group it belongs to.\n   * @internal\n   */\n  protected setFacetGroup(facetGroup: FacetGroupEntry): void {\n    this.store.commit('x/facets/setFacetGroup', facetGroup);\n  }\n\n  /**\n   * Sets the Facet to the store facets record.\n   *\n   * @param facet - The facet to store.\n   *\n   * @internal\n   */\n  protected setFacet({ filters, ...restFacet }: Facet): void {\n    this.store.commit('x/facets/setFacet', restFacet);\n  }\n\n  /**\n   * Removes a facet from the store.\n   *\n   * @param facet - The facet to remove.\n   * @internal\n   */\n  protected removeFacet(facet: Omit<Facet, 'filters'>): void {\n    this.store.commit('x/facets/removeFacet', facet);\n  }\n\n  /**\n   * Saves a list of filters to the store without any state change logic applied.\n   *\n   * @param filters - The filters to save.\n   * @internal\n   */\n  protected setFilters(filters: Filter[]): void {\n    this.store.commit('x/facets/setFilters', filters);\n  }\n\n  /**\n   * Removes a list of filters from the store.\n   *\n   * @param filters - The filters to remove.\n   * @internal\n   */\n  protected removeFilters(filters: Filter[]): void {\n    this.store.commit('x/facets/removeFilters', filters);\n  }\n}\n"],"names":[],"mappings":"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"}

package/js/x-modules/facets/store/emitters.js

@@ -1,6 +1,5 @@
-import '../../../store/x.module.js';
-import { createStoreEmitters } from '../../../store/store.utils.js';
-import { areFiltersDifferent, isNewQuery } from '../utils.js';
+import { createStoreEmitters } from '../../../store/utils/store-emitters.utils.js';
+import { areFiltersDifferent } from '../../../utils/filters.js';
 import { facetsXStoreModule } from './module.js';
 
 /**
@@ -8,14 +7,10 @@ import { facetsXStoreModule } from './module.js';
  *
  * @internal
  */
-var facetsEmitters = createStoreEmitters(facetsXStoreModule, {
+const facetsEmitters = createStoreEmitters(facetsXStoreModule, {
     SelectedFiltersChanged: {
-        selector: function (_, getters) { return getters.selectedFilters; },
+        selector: (_, getters) => getters.selectedFilters,
         filter: areFiltersDifferent
-    },
-    FacetsQueryChanged: {
-        selector: function (state) { return state.query; },
-        filter: isNewQuery
     }
 });
 

package/js/x-modules/facets/store/emitters.js.map

@@ -1 +1 @@
-{"version":3,"file":"emitters.js","sources":["../../../../../src/x-modules/facets/store/emitters.ts"],"sourcesContent":["import { createStoreEmitters } from '../../../store';\nimport { areFiltersDifferent, isNewQuery } from '../utils';\nimport { facetsXStoreModule } from './module';\n\n/**\n * {@link StoreEmitters} For the facets module.\n *\n * @internal\n */\nexport const facetsEmitters = createStoreEmitters(facetsXStoreModule, {\n  SelectedFiltersChanged: {\n    selector: (_, getters) => getters.selectedFilters,\n    filter: areFiltersDifferent\n  },\n  FacetsQueryChanged: {\n    selector: state => state.query,\n    filter: isNewQuery\n  }\n});\n"],"names":[],"mappings":";;;;;AAIA;;;;;IAKa,cAAc,GAAG,mBAAmB,CAAC,kBAAkB,EAAE;IACpE,sBAAsB,EAAE;QACtB,QAAQ,EAAE,UAAC,CAAC,EAAE,OAAO,IAAK,OAAA,OAAO,CAAC,eAAe,GAAA;QACjD,MAAM,EAAE,mBAAmB;KAC5B;IACD,kBAAkB,EAAE;QAClB,QAAQ,EAAE,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,GAAA;QAC9B,MAAM,EAAE,UAAU;KACnB;CACF;;;;"}
+{"version":3,"file":"emitters.js","sources":["../../../../../src/x-modules/facets/store/emitters.ts"],"sourcesContent":["import { createStoreEmitters } from '../../../store/utils/store-emitters.utils';\nimport { areFiltersDifferent } from '../../../utils/filters';\nimport { facetsXStoreModule } from './module';\n\n/**\n * {@link StoreEmitters} For the facets module.\n *\n * @internal\n */\nexport const facetsEmitters = createStoreEmitters(facetsXStoreModule, {\n  SelectedFiltersChanged: {\n    selector: (_, getters) => getters.selectedFilters,\n    filter: areFiltersDifferent\n  }\n});\n"],"names":[],"mappings":";;;;AAIA;;;;;MAKa,cAAc,GAAG,mBAAmB,CAAC,kBAAkB,EAAE;IACpE,sBAAsB,EAAE;QACtB,QAAQ,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC,eAAe;QACjD,MAAM,EAAE,mBAAmB;KAC5B;CACF;;;;"}

package/js/x-modules/facets/store/getters/facets.getter.js

@@ -1,17 +1,22 @@
-import { __assign } from 'tslib';
+import { isFacetFilter } from '@empathyco/x-types';
+import { groupItemsBy } from '../../../../utils/array.js';
+import { map } from '../../../../utils/object.js';
 
 /**
  * Default implementation for the {@link FacetsGetters.facets} getter.
  *
  * @param state - Current {@link https://vuex.vuejs.org/guide/state.html | state} of the facets
  * module.
- *
- * @returns A dictionary of facets.
+ * @returns An array containing the facets with the filters.
  *
  * @public
  */
-var facets = function (state) {
-    return __assign(__assign({}, state.backendFacets), state.frontendFacets);
+const facets = state => {
+    const filtersByFacet = groupItemsBy(Object.values(state.filters), filter => isFacetFilter(filter) ? filter.facetId : '__unknown-facet__');
+    return map(state.facets, (_id, facet) => ({
+        ...facet,
+        filters: filtersByFacet[facet.id] ?? []
+    }));
 };
 
 export { facets };

package/js/x-modules/facets/store/getters/facets.getter.js.map

@@ -1 +1 @@
-{"version":3,"file":"facets.getter.js","sources":["../../../../../../src/x-modules/facets/store/getters/facets.getter.ts"],"sourcesContent":["import { Facet } from '@empathyco/x-types';\nimport { FacetsXStoreModule } from '../types';\n\n/**\n * Default implementation for the {@link FacetsGetters.facets} getter.\n *\n * @param state - Current {@link https://vuex.vuejs.org/guide/state.html | state} of the facets\n * module.\n *\n * @returns A dictionary of facets.\n *\n * @public\n */\nexport const facets: FacetsXStoreModule['getters']['facets'] = (\n  state\n): Record<Facet['id'], Facet> => {\n  return { ...state.backendFacets, ...state.frontendFacets };\n};\n"],"names":[],"mappings":";;AAGA;;;;;;;;;;IAUa,MAAM,GAA4C,UAC7D,KAAK;IAEL,6BAAY,KAAK,CAAC,aAAa,GAAK,KAAK,CAAC,cAAc,EAAG;AAC7D;;;;"}
+{"version":3,"file":"facets.getter.js","sources":["../../../../../../src/x-modules/facets/store/getters/facets.getter.ts"],"sourcesContent":["import { isFacetFilter } from '@empathyco/x-types';\nimport { groupItemsBy } from '../../../../utils/array';\nimport { map } from '../../../../utils/object';\nimport { FacetsXStoreModule } from '../types';\n\n/**\n * Default implementation for the {@link FacetsGetters.facets} getter.\n *\n * @param state - Current {@link https://vuex.vuejs.org/guide/state.html | state} of the facets\n * module.\n * @returns An array containing the facets with the filters.\n *\n * @public\n */\nexport const facets: FacetsXStoreModule['getters']['facets'] = state => {\n  const filtersByFacet = groupItemsBy(Object.values(state.filters), filter =>\n    isFacetFilter(filter) ? filter.facetId : '__unknown-facet__'\n  );\n  return map(state.facets, (_id, facet) => ({\n    ...facet,\n    filters: filtersByFacet[facet.id] ?? []\n  }));\n};\n"],"names":[],"mappings":";;;;AAKA;;;;;;;;;MASa,MAAM,GAA4C,KAAK;IAClE,MAAM,cAAc,GAAG,YAAY,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,MAAM,IACtE,aAAa,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC,OAAO,GAAG,mBAAmB,CAC7D,CAAC;IACF,OAAO,GAAG,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,GAAG,EAAE,KAAK,MAAM;QACxC,GAAG,KAAK;QACR,OAAO,EAAE,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC,IAAI,EAAE;KACxC,CAAC,CAAC,CAAC;AACN;;;;"}

package/js/x-modules/facets/store/getters/selected-filters-by-facet.getter.js

@@ -1,37 +1,27 @@
+import { isFacetFilter } from '@empathyco/x-types';
+import { groupItemsBy } from '../../../../utils/array.js';
+import { map } from '../../../../utils/object.js';
+
 /**
  * Default implementation for the {@link FacetsGetters.selectedFiltersByFacet} getter.
  *
- * @param _state - Current {@link https://vuex.vuejs.org/guide/state.html | state} of the facets
+ * @param state - Current {@link https://vuex.vuejs.org/guide/state.html | state} of the facets
  * module.
  * @param getters - Current {@link https://vuex.vuejs.org/guide/getters.html | getters} of the
- * facets
- * module.
+ * facets module.
  *
- * @returns A dictionary grouping the selected filters by their facet id.
- * @public
- */
-var selectedFiltersByFacet = function (_state, _a) {
-    var facets = _a.facets, selectedFilters = _a.selectedFilters;
-    var selectedFiltersByFacet = createEmptyFacetsDictionary(facets);
-    selectedFilters.forEach(function (selectedFilter) {
-        selectedFiltersByFacet[selectedFilter.facetId].push(selectedFilter);
-    });
-    return selectedFiltersByFacet;
-};
-/**
- * Create a dictionary with empty arrays for each facet id.
- *
- * @param facets - The facets dictionary.
+ * @returns A record containing the selected filters indexed by its facet id.
+ * @remarks If there are filters without facet Id (RawFilter), they will be grouped under
+ * `__unknown-facet__` key.
  *
- * @returns A dictionary with existing facet ids as keys and empty arrays as values.
+ * @public
  */
-function createEmptyFacetsDictionary(facets) {
-    var facetKeys = Object.keys(facets);
-    return facetKeys.reduce(function (filtersByFacet, key) {
-        filtersByFacet[key] = [];
-        return filtersByFacet;
-    }, {});
-}
+const selectedFiltersByFacet = (state, getters) => {
+    // The `emptyRecord` is to return an empty array for those facets that haven't selected filters.
+    const emptyRecord = map(state.facets, () => []);
+    const filtersByFacet = groupItemsBy(getters.selectedFilters, filter => isFacetFilter(filter) ? filter.facetId : '__unknown-facet__');
+    return Object.assign(emptyRecord, filtersByFacet);
+};
 
 export { selectedFiltersByFacet };
 //# sourceMappingURL=selected-filters-by-facet.getter.js.map

package/js/x-modules/facets/store/getters/selected-filters-by-facet.getter.js.map

@@ -1 +1 @@
-{"version":3,"file":"selected-filters-by-facet.getter.js","sources":["../../../../../../src/x-modules/facets/store/getters/selected-filters-by-facet.getter.ts"],"sourcesContent":["import { Facet } from '@empathyco/x-types';\nimport { Dictionary } from '../../../../utils/types';\nimport { FacetsXStoreModule, FiltersByFacet } from '../types';\n\n/**\n * Default implementation for the {@link FacetsGetters.selectedFiltersByFacet} getter.\n *\n * @param _state - Current {@link https://vuex.vuejs.org/guide/state.html | state} of the facets\n * module.\n * @param getters - Current {@link https://vuex.vuejs.org/guide/getters.html | getters} of the\n * facets\n * module.\n *\n * @returns A dictionary grouping the selected filters by their facet id.\n * @public\n */\nexport const selectedFiltersByFacet: FacetsXStoreModule['getters']['selectedFiltersByFacet'] = (\n  _state,\n  { facets, selectedFilters }\n): FiltersByFacet => {\n  const selectedFiltersByFacet = createEmptyFacetsDictionary(facets);\n  selectedFilters.forEach(selectedFilter => {\n    selectedFiltersByFacet[selectedFilter.facetId].push(selectedFilter);\n  });\n\n  return selectedFiltersByFacet;\n};\n\n/**\n * Create a dictionary with empty arrays for each facet id.\n *\n * @param facets - The facets dictionary.\n *\n * @returns A dictionary with existing facet ids as keys and empty arrays as values.\n */\nfunction createEmptyFacetsDictionary(facets: Dictionary<Facet>): FiltersByFacet {\n  const facetKeys = Object.keys(facets);\n  return facetKeys.reduce((filtersByFacet: FiltersByFacet, key) => {\n    filtersByFacet[key] = [];\n    return filtersByFacet;\n  }, {});\n}\n"],"names":[],"mappings":"AAIA;;;;;;;;;;;;IAYa,sBAAsB,GAA4D,UAC7F,MAAM,EACN,EAA2B;QAAzB,kBAAM,EAAE,oCAAe;IAEzB,IAAM,sBAAsB,GAAG,2BAA2B,CAAC,MAAM,CAAC,CAAC;IACnE,eAAe,CAAC,OAAO,CAAC,UAAA,cAAc;QACpC,sBAAsB,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;KACrE,CAAC,CAAC;IAEH,OAAO,sBAAsB,CAAC;AAChC,EAAE;AAEF;;;;;;;AAOA,SAAS,2BAA2B,CAAC,MAAyB;IAC5D,IAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACtC,OAAO,SAAS,CAAC,MAAM,CAAC,UAAC,cAA8B,EAAE,GAAG;QAC1D,cAAc,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC;QACzB,OAAO,cAAc,CAAC;KACvB,EAAE,EAAE,CAAC,CAAC;AACT;;;;"}
+{"version":3,"file":"selected-filters-by-facet.getter.js","sources":["../../../../../../src/x-modules/facets/store/getters/selected-filters-by-facet.getter.ts"],"sourcesContent":["import { isFacetFilter } from '@empathyco/x-types';\nimport { groupItemsBy } from '../../../../utils/array';\nimport { map } from '../../../../utils/object';\nimport { FacetsXStoreModule, FiltersByFacet } from '../types';\n\n/**\n * Default implementation for the {@link FacetsGetters.selectedFiltersByFacet} getter.\n *\n * @param state - Current {@link https://vuex.vuejs.org/guide/state.html | state} of the facets\n * module.\n * @param getters - Current {@link https://vuex.vuejs.org/guide/getters.html | getters} of the\n * facets module.\n *\n * @returns A record containing the selected filters indexed by its facet id.\n * @remarks If there are filters without facet Id (RawFilter), they will be grouped under\n * `__unknown-facet__` key.\n *\n * @public\n */\nexport const selectedFiltersByFacet: FacetsXStoreModule['getters']['selectedFiltersByFacet'] = (\n  state,\n  getters\n): FiltersByFacet => {\n  // The `emptyRecord` is to return an empty array for those facets that haven't selected filters.\n  const emptyRecord: FiltersByFacet = map(state.facets, () => []);\n  const filtersByFacet = groupItemsBy(getters.selectedFilters, filter =>\n    isFacetFilter(filter) ? filter.facetId : '__unknown-facet__'\n  );\n  return Object.assign(emptyRecord, filtersByFacet);\n};\n"],"names":[],"mappings":";;;;AAKA;;;;;;;;;;;;;;MAca,sBAAsB,GAA4D,CAC7F,KAAK,EACL,OAAO;;IAGP,MAAM,WAAW,GAAmB,GAAG,CAAC,KAAK,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IAChE,MAAM,cAAc,GAAG,YAAY,CAAC,OAAO,CAAC,eAAe,EAAE,MAAM,IACjE,aAAa,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC,OAAO,GAAG,mBAAmB,CAC7D,CAAC;IACF,OAAO,MAAM,CAAC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,CAAC;AACpD;;;;"}

package/js/x-modules/facets/store/getters/selected-filters.getter.js

@@ -1,38 +1,14 @@
-import '../../../../utils/array.js';
-import '../../../../utils/function.js';
-import '../../../../utils/cancellable-promise.js';
-import '../../../../utils/clone.js';
-import '../../../../utils/currency-formatter.js';
-import '../../../../utils/debounce.js';
-import { isFilterSelected } from '../../../../utils/filters.js';
-import '../../../../utils/get-url-parameters.js';
-import '../../../../utils/html.js';
-import '../../../../utils/normalize.js';
-import '../../../../utils/number.js';
-import { objectFilter } from '../../../../utils/object.js';
-import '../../../../utils/sanitize.js';
-import '../../../../utils/storage.js';
-import '../../../../utils/string.js';
-import '../../../../utils/throttle.js';
-
 /**
  * Default implementation for the {@link FacetsGetters.selectedFilters} getter.
  *
- * @param _state - Current {@link https://vuex.vuejs.org/guide/state.html | state} of the facets
- * module.
- * @param getters - Current {@link https://vuex.vuejs.org/guide/getters.html | getters} of the
- * facets
+ * @param state - Current {@link https://vuex.vuejs.org/guide/state.html | state} of the facets
  * module.
  *
- * @returns Array of selected filters.
+ * @returns A list containing the selected filters.
+ *
  * @public
  */
-var selectedFilters = function (_state, getters) {
-    var selectedFilters = objectFilter(getters.flattenedFilters, function (_, filter) {
-        return isFilterSelected(filter);
-    });
-    return Object.values(selectedFilters);
-};
+const selectedFilters = state => Object.values(state.filters).filter(filter => filter.selected);
 
 export { selectedFilters };
 //# sourceMappingURL=selected-filters.getter.js.map

package/js/x-modules/facets/store/getters/selected-filters.getter.js.map

@@ -1 +1 @@
-{"version":3,"file":"selected-filters.getter.js","sources":["../../../../../../src/x-modules/facets/store/getters/selected-filters.getter.ts"],"sourcesContent":["import { Filter } from '@empathyco/x-types';\nimport { objectFilter } from '../../../../utils';\nimport { isFilterSelected } from '../../../../utils/filters';\nimport { FacetsXStoreModule } from '../types';\n\n/**\n * Default implementation for the {@link FacetsGetters.selectedFilters} getter.\n *\n * @param _state - Current {@link https://vuex.vuejs.org/guide/state.html | state} of the facets\n * module.\n * @param getters - Current {@link https://vuex.vuejs.org/guide/getters.html | getters} of the\n * facets\n * module.\n *\n * @returns Array of selected filters.\n * @public\n */\nexport const selectedFilters: FacetsXStoreModule['getters']['selectedFilters'] = (\n  _state,\n  getters\n): Filter[] => {\n  const selectedFilters = objectFilter(getters.flattenedFilters, (_, filter) =>\n    isFilterSelected(filter)\n  );\n  return Object.values(selectedFilters);\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAKA;;;;;;;;;;;;IAYa,eAAe,GAAqD,UAC/E,MAAM,EACN,OAAO;IAEP,IAAM,eAAe,GAAG,YAAY,CAAC,OAAO,CAAC,gBAAgB,EAAE,UAAC,CAAC,EAAE,MAAM;QACvE,OAAA,gBAAgB,CAAC,MAAM,CAAC;KAAA,CACzB,CAAC;IACF,OAAO,MAAM,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC;AACxC;;;;"}
+{"version":3,"file":"selected-filters.getter.js","sources":["../../../../../../src/x-modules/facets/store/getters/selected-filters.getter.ts"],"sourcesContent":["import { FacetsXStoreModule } from '../types';\n\n/**\n * Default implementation for the {@link FacetsGetters.selectedFilters} getter.\n *\n * @param state - Current {@link https://vuex.vuejs.org/guide/state.html | state} of the facets\n * module.\n *\n * @returns A list containing the selected filters.\n *\n * @public\n */\nexport const selectedFilters: FacetsXStoreModule['getters']['selectedFilters'] = state =>\n  Object.values(state.filters).filter(filter => filter.selected);\n"],"names":[],"mappings":"AAEA;;;;;;;;;;MAUa,eAAe,GAAqD,KAAK,IACpF,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,MAAM,IAAI,MAAM,CAAC,QAAQ;;;;"}