@empathyco/x-components 5.0.0-alpha.9 → 6.0.0-alpha.2

package/js/x-modules/facets/components/filters/simple-filter.vue2.js

@@ -1,197 +1,49 @@
-import { __decorate } from 'tslib';
-import Vue from 'vue';
-import { Prop, Component } from 'vue-property-decorator';
-import '../../../../components/animations/animate-width.vue.js';
-import '../../../../components/animations/collapse-height.vue.js';
-import '../../../../components/animations/collapse-width.vue.js';
-import '../../../../components/animations/cross-fade.vue.js';
-import '../../../../components/animations/fade.vue.js';
-import '../../../../components/animations/fade-and-slide.vue.js';
-import '../../../../components/animations/staggered-fade-and-slide.vue.js';
-import '../../../../components/animations/staggering-transition-group.vue2.js';
-import '../../../../components/animations/staggering-transition-group.vue3.js';
-import 'vue-runtime-helpers/dist/normalize-component.mjs';
-import '../../../../components/animations/disable-animation.mixin.js';
-import '../../../../components/animations/animate-clip-path/animate-clip-path.style.scss.js';
-import '../../../../components/animations/animate-scale/animate-scale.style.scss.js';
-import '../../../../components/animations/animate-translate/animate-translate.style.scss.js';
-import '../../../../components/column-picker/base-column-picker-dropdown.vue.js';
-import '../../../../components/column-picker/base-column-picker-list.vue.js';
-import '../../../../components/currency/base-currency.vue.js';
-import '../../../../components/filters/labels/base-price-filter-label.vue2.js';
-import '../../../../components/filters/labels/base-rating-filter-label.vue.js';
-import '../../../../components/icons/arrow-down.vue.js';
-import '../../../../components/icons/arrow-left.vue.js';
-import '../../../../components/icons/arrow-right.vue.js';
-import '../../../../components/icons/arrow-up.vue.js';
-import '../../../../components/icons/bag.vue.js';
-import '../../../../components/icons/bar-code.vue.js';
-import '../../../../components/icons/barcode-tiny.vue.js';
-import '../../../../components/icons/cart.vue.js';
-import '../../../../components/icons/cart-filled.vue.js';
-import '../../../../components/icons/check-tiny.vue.js';
-import '../../../../components/icons/check.vue.js';
-import '../../../../components/icons/checkbox-selected.vue.js';
-import '../../../../components/icons/checkbox-selected-filled.vue.js';
-import '../../../../components/icons/checkbox-unselected.vue.js';
-import '../../../../components/icons/checkbox-unselected-filled.vue.js';
-import '../../../../components/icons/chevron-down.vue.js';
-import '../../../../components/icons/chevron-left.vue.js';
-import '../../../../components/icons/chevron-right.vue.js';
-import '../../../../components/icons/chevron-tiny-down.vue.js';
-import '../../../../components/icons/chevron-tiny-left.vue.js';
-import '../../../../components/icons/chevron-tiny-right.vue.js';
-import '../../../../components/icons/chevron-tiny-up.vue.js';
-import '../../../../components/icons/chevron-up.vue.js';
-import '../../../../components/icons/corner-arrow-left.vue.js';
-import '../../../../components/icons/corner-arrow-right.vue.js';
-import '../../../../components/icons/cross-tiny.vue.js';
-import '../../../../components/icons/cross.vue.js';
-import '../../../../components/icons/curated-check.vue.js';
-import '../../../../components/icons/curated-check-filled.vue.js';
-import '../../../../components/icons/curated-check-tiny.vue.js';
-import '../../../../components/icons/curated-check-tiny-filled.vue.js';
-import '../../../../components/icons/diagonal-arrow-left-down.vue.js';
-import '../../../../components/icons/diagonal-arrow-left-top.vue.js';
-import '../../../../components/icons/diagonal-arrow-right-down.vue.js';
-import '../../../../components/icons/diagonal-arrow-right-top.vue.js';
-import '../../../../components/icons/filters.vue.js';
-import '../../../../components/icons/grid-1-col.vue.js';
-import '../../../../components/icons/grid-2-col.vue.js';
-import '../../../../components/icons/grid-4-col.vue.js';
-import '../../../../components/icons/grid-2-rows.vue.js';
-import '../../../../components/icons/heart.vue.js';
-import '../../../../components/icons/heart-filled.vue.js';
-import '../../../../components/icons/hide.vue.js';
-import '../../../../components/icons/history-tiny.vue.js';
-import '../../../../components/icons/history.vue.js';
-import '../../../../components/icons/light-bulb-off.vue.js';
-import '../../../../components/icons/light-bulb-on.vue.js';
-import '../../../../components/icons/menu.vue.js';
-import '../../../../components/icons/minus-tiny.vue.js';
-import '../../../../components/icons/minus.vue.js';
-import '../../../../components/icons/plus.vue.js';
-import '../../../../components/icons/plus-tiny.vue.js';
-import '../../../../components/icons/radiobutton-selected.vue.js';
-import '../../../../components/icons/radiobutton-unselected.vue.js';
-import '../../../../components/icons/search.vue.js';
-import '../../../../components/icons/settings.vue.js';
-import '../../../../components/icons/show.vue.js';
-import '../../../../components/icons/sort-az.vue.js';
-import '../../../../components/icons/sort-price-down.vue.js';
-import '../../../../components/icons/sort-price-up.vue.js';
-import '../../../../components/icons/sort-relevancy.vue.js';
-import '../../../../components/icons/sort-za.vue.js';
-import '../../../../components/icons/star.vue.js';
-import '../../../../components/icons/star-filled.vue.js';
-import '../../../../components/icons/search-tiny.vue.js';
-import '../../../../components/icons/tag.vue.js';
-import '../../../../components/icons/tag-filled.vue.js';
-import '../../../../components/icons/trash-open.vue.js';
-import '../../../../components/icons/trash.vue.js';
-import '../../../../components/icons/trending-tiny.vue.js';
-import '../../../../components/icons/trending.vue.js';
-import '../../../../components/icons/user.vue.js';
-import '../../../../components/icons/user-filled.vue.js';
-import '../../../../components/layouts/fixed-header-and-asides-layout.vue.js';
-import '../../../../components/layouts/multi-column-max-width-layout.vue.js';
-import '../../../../components/layouts/single-column-layout.vue.js';
-import '../../../../components/modals/base-events-modal-close.vue.js';
-import '../../../../components/modals/base-events-modal.vue.js';
-import '../../../../components/modals/base-events-modal-open.vue.js';
-import '../../../../components/modals/base-modal.vue.js';
-import '../../../../components/modals/base-id-modal.vue.js';
-import '../../../../components/modals/base-id-modal-close.vue.js';
-import '../../../../components/modals/base-id-modal-open.vue.js';
-import '../../../../components/modals/close-main-modal.vue.js';
-import '../../../../components/modals/main-modal.vue.js';
-import '../../../../components/modals/open-main-modal.vue.js';
-import '../../../../components/panels/base-header-toggle-panel.vue.js';
-import '../../../../components/panels/base-toggle-panel.vue.js';
-import '../../../../components/panels/base-id-toggle-panel.vue.js';
-import '../../../../components/panels/base-id-toggle-panel-button.vue.js';
-import '../../../../components/panels/base-tabs-panel.vue.js';
-import '../../../../components/result/base-result-add-to-cart.vue.js';
-import '../../../../components/result/base-result-current-price.vue.js';
-import '../../../../components/result/base-result-image.vue.js';
-import '../../../../components/result/base-result-link.vue.js';
-import '../../../../components/result/base-result-previous-price.vue.js';
-import '../../../../components/result/base-result-fallback-image.vue.js';
-import '../../../../components/result/base-result-placeholder-image.vue.js';
-import '../../../../components/result/base-result-rating.vue.js';
-import '../../../../components/result/result-variants-provider.vue2.js';
-import '../../../../components/result/result-variant-selector.vue.js';
-import '../../../../components/scroll/base-scroll.vue.js';
-import '../../../../components/scroll/scroll.mixin.js';
-import '../../../../components/suggestions/base-suggestion.vue.js';
-import '../../../../components/suggestions/base-suggestions.vue.js';
-import '../../../../components/auto-progress-bar.vue.js';
-import '../../../../components/base-dropdown.vue.js';
-import '../../../../components/base-event-button.vue.js';
-import '../../../../components/base-grid.vue.js';
-import '../../../../components/base-keyboard-navigation.vue.js';
-import '../../../../components/base-rating.vue.js';
-import '../../../../components/base-switch.vue.js';
-import '../../../../components/base-variable-column-grid.vue.js';
-import '../../../../components/display-emitter.vue.js';
-import '../../../../components/global-x-bus.vue2.js';
-import '../../../../components/highlight.vue.js';
-import '../../../../components/items-list.vue.js';
-import '../../../../components/location-provider.vue2.js';
-import '../../../../components/no-element.js';
-import '../../../../components/sliding-panel.vue.js';
-import '../../../../components/snippet-callbacks.vue.js';
-import '../../../../components/page-loader-button.vue.js';
-import 'rxjs';
-import 'rxjs/operators';
-import 'vue-class-component';
-import { xComponentMixin } from '../../../../components/x-component.mixin.js';
+import { defineComponent, computed } from 'vue';
 import { facetsXModule } from '../../x-module.js';
-import __vue_component__ from './renderless-filter.vue.js';
+import _sfc_main$1 from './renderless-filter.vue.js';
 
 /**
  * Renders a simple filter, emitting the needed events when clicked.
  *
  * @public
  */
-let SimpleFilter = class SimpleFilter extends Vue {
-    /**
-     * The {@link XEventsTypes} to emit.
-     *
-     * @returns The events to emit when clicked.
-     * @internal
-     */
-    get _clickEvents() {
+var _sfc_main = defineComponent({
+    name: 'SimpleFilter',
+    xModule: facetsXModule.name,
+    components: { RenderlessFilter: _sfc_main$1 },
+    inheritAttrs: false,
+    props: {
+        /** The filter data to render. */
+        filter: {
+            type: Object,
+            required: true
+        },
+        /** Additional events, with their payload, to emit when the filter is clicked. */
+        clickEvents: Object,
+        /** Inheritance CSS classes. */
+        cssClasses: {
+            type: Array,
+            default: () => []
+        }
+    },
+    setup(props) {
+        /** The {@link XEventsTypes} to emit. */
+        const innerClickEvents = computed(() => ({
+            UserClickedASimpleFilter: props.filter,
+            ...props.clickEvents
+        }));
+        /** CSS classes to apply to the element. */
+        const innerCssClasses = computed(() => [
+            'x-simple-filter',
+            { 'x-simple-filter--is-selected': props.filter.selected },
+            ...props.cssClasses
+        ]);
         return {
-            UserClickedASimpleFilter: this.filter,
-            ...this.clickEvents
+            innerClickEvents,
+            innerCssClasses
         };
     }
-    /**
-     * Dynamic CSS classes to apply to the component.
-     *
-     * @returns The dynamic CSS classes to apply to the component.
-     * @internal
-     */
-    get cssClasses() {
-        return {
-            'x-simple-filter--is-selected': this.filter.selected
-        };
-    }
-};
-__decorate([
-    Prop({ required: true })
-], SimpleFilter.prototype, "filter", void 0);
-__decorate([
-    Prop()
-], SimpleFilter.prototype, "clickEvents", void 0);
-SimpleFilter = __decorate([
-    Component({
-        components: { RenderlessFilter: __vue_component__ },
-        mixins: [xComponentMixin(facetsXModule)]
-    })
-], SimpleFilter);
-var script = SimpleFilter;
+});
 
-export { script as default };
+export { _sfc_main as default };
 //# sourceMappingURL=simple-filter.vue2.js.map

package/js/x-modules/facets/components/filters/simple-filter.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"simple-filter.vue2.js","sources":["../../../../../../src/x-modules/facets/components/filters/simple-filter.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  import { SimpleFilter as SimpleFilterModel } from '@empathyco/x-types';\n  import Vue from 'vue';\n  import { Component, Prop } from 'vue-property-decorator';\n  import { xComponentMixin } from '../../../../components';\n  import { VueCSSClasses } from '../../../../utils/types';\n  import { XEventsTypes } from '../../../../wiring/events.types';\n  import { facetsXModule } from '../../x-module';\n  import RenderlessFilter from './renderless-filter.vue';\n\n  /**\n   * Renders a simple filter, emitting the needed events when clicked.\n   *\n   * @public\n   */\n  @Component({\n    components: { RenderlessFilter },\n    mixins: [xComponentMixin(facetsXModule)]\n  })\n  export default class SimpleFilter extends Vue {\n    /** The filter data to render. */\n    @Prop({ required: true })\n    public filter!: SimpleFilterModel;\n\n    /**\n     * Additional events, with their payload, to emit when the filter is clicked.\n     *\n     * @public\n     */\n    @Prop()\n    public clickEvents?: Partial<XEventsTypes>;\n\n    /**\n     * The {@link XEventsTypes} to emit.\n     *\n     * @returns The events to emit when clicked.\n     * @internal\n     */\n    protected get _clickEvents(): Partial<XEventsTypes> {\n      return {\n        UserClickedASimpleFilter: this.filter,\n        ...this.clickEvents\n      };\n    }\n\n    /**\n     * Dynamic CSS classes to apply to the component.\n     *\n     * @returns The dynamic CSS classes to apply to the component.\n     * @internal\n     */\n    protected get cssClasses(): VueCSSClasses {\n      return {\n        'x-simple-filter--is-selected': this.filter.selected\n      };\n    }\n  }\n"],"names":["RenderlessFilter"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqDE;;;;AAIG;AAKY,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,GAAG,CAAA;AAa3C;;;;;AAKG;AACH,IAAA,IAAc,YAAY,GAAA;QACxB,OAAO;YACL,wBAAwB,EAAE,IAAI,CAAC,MAAM;YACrC,GAAG,IAAI,CAAC,WAAW;SACpB,CAAC;KACH;AAED;;;;;AAKG;AACH,IAAA,IAAc,UAAU,GAAA;QACtB,OAAO;AACL,YAAA,8BAA8B,EAAE,IAAI,CAAC,MAAM,CAAC,QAAQ;SACrD,CAAC;KACH;CACF,CAAA;AAlCC,UAAA,CAAA;AADC,IAAA,IAAI,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AACS,CAAA,EAAA,YAAA,CAAA,SAAA,EAAA,QAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAQlC,UAAA,CAAA;AADC,IAAA,IAAI,EAAE;AACoC,CAAA,EAAA,YAAA,CAAA,SAAA,EAAA,aAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAXxB,YAAY,GAAA,UAAA,CAAA;AAJhC,IAAA,SAAS,CAAC;QACT,UAAU,EAAE,oBAAEA,iBAAgB,EAAE;AAChC,QAAA,MAAM,EAAE,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC;KACzC,CAAC;AACmB,CAAA,EAAA,YAAY,CAqChC,CAAA;aArCoB,YAAY;;;;"}
+{"version":3,"file":"simple-filter.vue2.js","sources":["../../../../../../src/x-modules/facets/components/filters/simple-filter.vue"],"sourcesContent":["<template>\n  <RenderlessFilter\n    v-slot=\"{ filter, clickFilter, isDisabled, cssClasses }\"\n    :filter=\"filter\"\n    :clickEvents=\"innerClickEvents\"\n    :cssClasses=\"innerCssClasses\"\n  >\n    <!--\n      @slot The control element to render\n      @binding {Filter} filter - The filter data\n      @binding {() => void} clickFilter - Method that will invoke the needed actions after the user\n      clicks the filter.\n      @binding {Boolean} isDisabled - True if the filter shouldn't be able to be selected by the\n      user\n      @binding {Object} cssClasses - Object containing CSS classes to add to the button\n    -->\n    <slot\n      v-bind=\"{\n        filter,\n        clickFilter,\n        isDisabled,\n        cssClasses\n      }\"\n    >\n      <button\n        @click=\"clickFilter\"\n        :aria-checked=\"filter.selected.toString()\"\n        :class=\"cssClasses\"\n        :disabled=\"isDisabled\"\n        data-test=\"filter\"\n        role=\"checkbox\"\n        v-bind=\"$attrs\"\n      >\n        <!--\n          @slot The content to render inside the button\n          @binding {Filter} filter - The filter data\n        -->\n        <slot :filter=\"filter\" name=\"label\">{{ filter.label }}</slot>\n      </button>\n    </slot>\n  </RenderlessFilter>\n</template>\n\n<script lang=\"ts\">\n  import { SimpleFilter as SimpleFilterModel } from '@empathyco/x-types';\n  import { Dictionary } from '@empathyco/x-utils';\n  import { computed, defineComponent, PropType } from 'vue';\n  import { XEventsTypes } from '../../../../wiring/events.types';\n  import { facetsXModule } from '../../x-module';\n  import RenderlessFilter from './renderless-filter.vue';\n\n  /**\n   * Renders a simple filter, emitting the needed events when clicked.\n   *\n   * @public\n   */\n  export default defineComponent({\n    name: 'SimpleFilter',\n    xModule: facetsXModule.name,\n    components: { RenderlessFilter },\n    inheritAttrs: false,\n    props: {\n      /** The filter data to render. */\n      filter: {\n        type: Object as PropType<SimpleFilterModel>,\n        required: true\n      },\n      /** Additional events, with their payload, to emit when the filter is clicked. */\n      clickEvents: Object as PropType<Partial<XEventsTypes>>,\n      /** Inheritance CSS classes. */\n      cssClasses: {\n        type: Array as PropType<(string | Dictionary<boolean>)[]>,\n        default: () => []\n      }\n    },\n    setup(props) {\n      /** The {@link XEventsTypes} to emit. */\n      const innerClickEvents = computed(() => ({\n        UserClickedASimpleFilter: props.filter,\n        ...props.clickEvents\n      }));\n\n      /** CSS classes to apply to the element. */\n      const innerCssClasses = computed(() => [\n        'x-simple-filter',\n        { 'x-simple-filter--is-selected': props.filter.selected },\n        ...props.cssClasses\n      ]);\n\n      return {\n        innerClickEvents,\n        innerCssClasses\n      };\n    }\n  });\n</script>\n\n<docs lang=\"mdx\">\n## Events\n\nA list of events that the component will emit:\n\n- [`UserClickedAFilter`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts):\n  the event is emitted after the user clicks the button, using the `filter` prop as its payload.\n- [`UserClickedASimpleFilter`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts):\n  the event is emitted after the user clicks the button, using the `filter` prop as its payload.\n\n## See it in action\n\nThis component renders a button, which on clicked emits the `UserClickedAFilter` and the\n`UserClickedASimpleFilter` events. By default, it renders a `button` with the `filter.label`\nproperty as text.\n\nThe `filter` prop is required. The `clickEvents` prop is optional and allows configuring the events\nto emit on click.\n\n```vue\n<template>\n  <SimpleFilter :filter=\"filter\" />\n</template>\n\n<script>\n  import { SimpleFilter } from '@empathyco/x-components/facets';\n\n  export default {\n    name: 'SimpleFilterTest',\n    components: {\n      SimpleFilter\n    },\n    data() {\n      return {\n        filter: {\n          modelName: 'SimpleFilter',\n          selected: false,\n          id: 'category:shirts',\n          value: 'category:shirts',\n          facetId: 'category',\n          totalResults: 10\n        }\n      };\n    }\n  };\n</script>\n```\n\n### Playing with props\n\nConfiguring the events to emit when the filter is clicked.\n\n```vue\n<template>\n  <SimpleFilter :clickEvents=\"{ UserClickedASimpleFilter: filter }\" :filter=\"filter\" />\n</template>\n\n<script>\n  import { SimpleFilter } from '@empathyco/x-components/facets';\n\n  export default {\n    name: 'SimpleFilterTest',\n    components: {\n      SimpleFilter\n    },\n    data() {\n      return {\n        filter: {\n          modelName: 'SimpleFilter',\n          selected: false,\n          id: 'category:shirts',\n          value: 'category:shirts',\n          facetId: 'category',\n          totalResults: 10\n        }\n      };\n    }\n  };\n</script>\n```\n\n### Rendering an input\n\nYou can change the rendered control using the default slot. Note that because of the current Vue\nlimitations, you must only render one single root node in this slot. There you will receive all the\ndata and methods needed:\n\n```vue\n<template>\n  <SimpleFilter v-slot=\"{ filter, clickFilter, isDisabled, cssClasses }\" :filter=\"filter\">\n    <label :class=\"cssClasses\">\n      <input :checked=\"filter.selected\" type=\"checkbox\" @change=\"clickFilter\" />\n      {{ filter.label }}\n    </label>\n  </SimpleFilter>\n</template>\n\n<script>\n  import { SimpleFilter } from '@empathyco/x-components/facets';\n\n  export default {\n    name: 'SimpleFilterTest',\n    components: {\n      SimpleFilter\n    },\n    data() {\n      return {\n        filter: {\n          modelName: 'SimpleFilter',\n          selected: false,\n          id: 'category:shirts',\n          value: 'category:shirts',\n          facetId: 'category',\n          label: 'Shirts',\n          totalResults: 10\n        }\n      };\n    }\n  };\n</script>\n```\n\n### Changing default button content\n\nYou can change the content rendered by the default button using the `label` slot. There you will\nreceive the filter data.\n\n```vue\n<template>\n  <SimpleFilter :filter=\"filter\">\n    <template #label=\"{ filter }\">\n      <img :src=\"`imgs/filters/${filter.id}.png`\" />\n      <span>{{ filter.label }}</span>\n    </template>\n  </SimpleFilter>\n</template>\n\n<script>\n  import { SimpleFilter } from '@empathyco/x-components/facets';\n\n  export default {\n    name: 'SimpleFilterTest',\n    components: {\n      SimpleFilter\n    },\n    data() {\n      return {\n        filter: {\n          modelName: 'SimpleFilter',\n          selected: false,\n          id: 'category:shirts',\n          value: 'category:shirts',\n          facetId: 'category',\n          label: 'Shirts',\n          totalResults: 10\n        }\n      };\n    }\n  };\n</script>\n```\n</docs>\n"],"names":["RenderlessFilter"],"mappings":";;;;AAmDE;;;;AAIE;AACF,gBAAe,eAAe,CAAC;AAC7B,IAAA,IAAI,EAAE,cAAc;IACpB,OAAO,EAAE,aAAa,CAAC,IAAI;IAC3B,UAAU,EAAE,oBAAEA,WAAe,EAAG;AAChC,IAAA,YAAY,EAAE,KAAK;AACnB,IAAA,KAAK,EAAE;;AAEL,QAAA,MAAM,EAAE;AACN,YAAA,IAAI,EAAE,MAAqC;AAC3C,YAAA,QAAQ,EAAE,IAAG;AACd,SAAA;;AAED,QAAA,WAAW,EAAE,MAAyC;;AAEtD,QAAA,UAAU,EAAE;AACV,YAAA,IAAI,EAAE,KAAmD;AACzD,YAAA,OAAO,EAAE,MAAM,EAAC;AAClB,SAAA;AACD,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAA;;AAET,QAAA,MAAM,gBAAiB,GAAE,QAAQ,CAAC,OAAO;YACvC,wBAAwB,EAAE,KAAK,CAAC,MAAM;YACtC,GAAG,KAAK,CAAC,WAAU;AACpB,SAAA,CAAC,CAAC,CAAA;;AAGH,QAAA,MAAM,eAAgB,GAAE,QAAQ,CAAC,MAAM;YACrC,iBAAiB;AACjB,YAAA,EAAE,8BAA8B,EAAE,KAAK,CAAC,MAAM,CAAC,QAAO,EAAG;YACzD,GAAG,KAAK,CAAC,UAAS;AACnB,SAAA,CAAC,CAAA;QAEF,OAAO;YACL,gBAAgB;YAChB,eAAc;SACf,CAAA;KACH;AACD,CAAA,CAAC;;;;"}

package/js/x-modules/facets/components/lists/exclude-filters-with-no-results.vue.js

@@ -1,39 +1,44 @@
-import script from './exclude-filters-with-no-results.vue2.js';
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.mjs';
+import { isBooleanFilter } from '@empathyco/x-types';
+import { defineComponent, computed, provide } from 'vue';
+import { facetsXModule } from '../../x-module.js';
+import { useFiltersInjection } from '../../composables/use-filters-injection.js';
 
-/* script */
-const __vue_script__ = script;
+/**
+ * The `ExcludeFiltersWithNoResults` component filters the provided list of filters, excluding
+ * those which have the `totalResults` property exactly equal to `0`. It won't remove filters with
+ * no `totalResults` property.
+ *
+ * The new list of filters is bound to the default scoped slot. As this component does not render
+ * no root element, this default slot must contain a single root node.
+ *
+ * @public
+ */
+var _sfc_main = defineComponent({
+    name: 'ExcludeFiltersWithNoResults',
+    xModule: facetsXModule.name,
+    props: {
+        /** The list of filters to be rendered as slots. */
+        filters: Array,
+        /**
+         * This prop is used in the `HierarchicalFilter` component and only in that case. It is necessary
+         * to make the `renderedFilters` to return only the filters of each level of the hierarchy.
+         */
+        parentId: {
+            type: String
+        }
+    },
+    setup(props, { slots }) {
+        const renderedFilters = useFiltersInjection(props);
+        /**
+         * Removes the filters that have exactly 0 results associated.
+         *
+         * @returns A sublist of the filters prop, excluding the ones with no results.
+         */
+        const filtersWithResults = computed(() => renderedFilters.value.filter(filter => !isBooleanFilter(filter) || filter.totalResults !== 0));
+        provide('filters', filtersWithResults);
+        return () => slots.default?.({ filters: filtersWithResults.value })[0] ?? '';
+    }
+});
 
-/* template */
-
-  /* style */
-  const __vue_inject_styles__ = undefined;
-  /* scoped */
-  const __vue_scope_id__ = undefined;
-  /* module identifier */
-  const __vue_module_identifier__ = undefined;
-  /* functional template */
-  const __vue_is_functional_template__ = undefined;
-  /* style inject */
-  
-  /* style inject SSR */
-  
-  /* style inject shadow dom */
-  
-
-  
-  const __vue_component__ = /*#__PURE__*/__vue_normalize__(
-    {},
-    __vue_inject_styles__,
-    __vue_script__,
-    __vue_scope_id__,
-    __vue_is_functional_template__,
-    __vue_module_identifier__,
-    false,
-    undefined,
-    undefined,
-    undefined
-  );
-
-export { __vue_component__ as default };
+export { _sfc_main as default };
 //# sourceMappingURL=exclude-filters-with-no-results.vue.js.map

package/js/x-modules/facets/components/lists/exclude-filters-with-no-results.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"exclude-filters-with-no-results.vue.js","sources":["../../../../../../src/x-modules/facets/components/lists/exclude-filters-with-no-results.vue"],"sourcesContent":["<script lang=\"ts\">\n  import { Filter, isBooleanFilter } from '@empathyco/x-types';\n  import { CreateElement, VNode } from 'vue';\n  import { mixins } from 'vue-class-component';\n  import { Component } from 'vue-property-decorator';\n  import { xComponentMixin, XProvide } from '../../../../components';\n  import { facetsXModule } from '../../x-module';\n  import FiltersInjectionMixin from './filters-injection.mixin';\n\n  /**\n   * The `ExcludeFiltersWithNoResults` component filters the provided list of filters, excluding\n   * those which have the `totalResults` property exactly equal to `0`. It won't remove filters with\n   * no `totalResults` property.\n   *\n   * The new list of filters is bound to the default scoped slot. As this component does not render\n   * no root element, this default slot must contain a single root node.\n   *\n   * @public\n   */\n  @Component({\n    mixins: [xComponentMixin(facetsXModule)]\n  })\n  export default class ExcludeFiltersWithNoResults extends mixins(FiltersInjectionMixin) {\n    /**\n     * Removes the filters that have exactly 0 results associated.\n     *\n     * @returns A sublist of the filters prop, excluding the ones with no results.\n     * @internal\n     */\n    @XProvide('filters')\n    public get filtersWithResults(): Filter[] {\n      return this.renderedFilters.filter(\n        filter => !isBooleanFilter(filter) || filter.totalResults !== 0\n      );\n    }\n\n    render(h: CreateElement): VNode {\n      return this.$scopedSlots.default?.({ filters: this.filtersWithResults })?.[0] ?? h();\n    }\n  }\n</script>\n\n<docs lang=\"mdx\">\n## Example\n\nThe `ExcludeFiltersWithNoResults` component filters the provided list of filter, excluding those\nwhich have the `totalResults` property exactly equal to `0`. It won't remove filters with no\n`totalResults` property.\n\nThe new list of filters is bound to the default scoped slot. As this component does not render no\nroot element, this default slot must contain a single root node.\n\n### Important\n\nThe component has two ways of receive the filters list, it can be injected by another component or\nbe send it as a prop. If the component doesnt have a parent component that receive and exposed a\nfilters list to their children, it is mandatory to send it as prop.\n\n### Basic Usage\n\n```vue\n<template>\n  <ExcludeFiltersWithNoResults v-slot=\"{ filters }\" :filters=\"filters\">\n    <div>\n      <span v-for=\"filter in filters\" :key=\"filter.id\">{{ filter.label }}</span>\n    </div>\n  </ExcludeFiltersWithNoResults>\n</template>\n\n<script>\n  import { ExcludeFiltersWithNoResults } from '@empathyco/x-components/facets';\n\n  export default {\n    components: {\n      ExcludeFiltersWithNoResults\n    },\n    data() {\n      return {\n        filters: [\n          {\n            // This is the only filter that will be removed.\n            facetId: 'category',\n            id: 'category:men',\n            modelName: 'SimpleFilter',\n            selected: false,\n            label: 'Men',\n            totalResults: 0\n          },\n          {\n            facetId: 'category',\n            id: 'category:women',\n            modelName: 'SimpleFilter',\n            selected: false,\n            label: 'Women',\n            totalResults: 10\n          },\n          {\n            facetId: 'category',\n            id: 'category:kids',\n            modelName: 'SimpleFilter',\n            selected: false,\n            label: 'Kids',\n            totalResults: undefined\n          }\n        ]\n      };\n    }\n  };\n</script>\n```\n\n> **Using injection**: It can receive the filters list by injection. It only works if it has a\n> parent component that receives and exposes the filters list. Using the injection, It is not\n> necessary to send the prop to the child components, it has to be send it in the parent component,\n> the rest of components will inject this list.\n\n```vue\n<template>\n  <ExcludeFiltersWithNoResults :filters=\"filters\">\n    <FiltersSearch>\n      <Filters v-slot=\"{ filter }\">\n        <SimpleFilter :filter=\"filter\" data-test=\"brand-filter\" />\n      </Filters>\n    </FiltersSearch>\n  </ExcludeFiltersWithNoResults>\n</template>\n\n<script>\n  import {\n    ExcludeFiltersWithNoResults,\n    FiltersSearch,\n    Filters,\n    SimpleFilter\n  } from '@empathyco/x-components/facets';\n\n  export default {\n    components: {\n      ExcludeFiltersWithNoResults,\n      FiltersSearch,\n      Filters,\n      SimpleFilter\n    },\n    data() {\n      return {\n        filters: [\n          {\n            // This is the only filter that will be removed.\n            facetId: 'category',\n            id: 'category:men',\n            modelName: 'SimpleFilter',\n            selected: false,\n            label: 'Men',\n            totalResults: 0\n          },\n          {\n            facetId: 'category',\n            id: 'category:women',\n            modelName: 'SimpleFilter',\n            selected: false,\n            label: 'Women',\n            totalResults: 10\n          },\n          {\n            facetId: 'category',\n            id: 'category:kids',\n            modelName: 'SimpleFilter',\n            selected: false,\n            label: 'Kids',\n            totalResults: undefined\n          }\n        ]\n      };\n    }\n  };\n</script>\n```\n</docs>\n"],"names":[],"mappings":";;;;AAEA,MAAc,cAAA,GAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"exclude-filters-with-no-results.vue.js","sources":["../../../../../../src/x-modules/facets/components/lists/exclude-filters-with-no-results.vue"],"sourcesContent":["<script lang=\"ts\">\n  import { Filter, isBooleanFilter } from '@empathyco/x-types';\n  import { computed, defineComponent, PropType, provide } from 'vue';\n  import { facetsXModule } from '../../x-module';\n  import { useFiltersInjection } from '../../composables/use-filters-injection';\n\n  /**\n   * The `ExcludeFiltersWithNoResults` component filters the provided list of filters, excluding\n   * those which have the `totalResults` property exactly equal to `0`. It won't remove filters with\n   * no `totalResults` property.\n   *\n   * The new list of filters is bound to the default scoped slot. As this component does not render\n   * no root element, this default slot must contain a single root node.\n   *\n   * @public\n   */\n  export default defineComponent({\n    name: 'ExcludeFiltersWithNoResults',\n    xModule: facetsXModule.name,\n    props: {\n      /** The list of filters to be rendered as slots. */\n      filters: Array as PropType<Filter[]>,\n\n      /**\n       * This prop is used in the `HierarchicalFilter` component and only in that case. It is necessary\n       * to make the `renderedFilters` to return only the filters of each level of the hierarchy.\n       */\n      parentId: {\n        type: String as PropType<Filter['id']>\n      }\n    },\n    setup(props, { slots }) {\n      const renderedFilters = useFiltersInjection(props);\n\n      /**\n       * Removes the filters that have exactly 0 results associated.\n       *\n       * @returns A sublist of the filters prop, excluding the ones with no results.\n       */\n      const filtersWithResults = computed(() =>\n        renderedFilters.value.filter(\n          filter => !isBooleanFilter(filter) || filter.totalResults !== 0\n        )\n      );\n      provide('filters', filtersWithResults);\n\n      return () => slots.default?.({ filters: filtersWithResults.value })[0] ?? '';\n    }\n  });\n</script>\n\n<docs lang=\"mdx\">\n## Example\n\nThe `ExcludeFiltersWithNoResults` component filters the provided list of filter, excluding those\nwhich have the `totalResults` property exactly equal to `0`. It won't remove filters with no\n`totalResults` property.\n\nThe new list of filters is bound to the default scoped slot. As this component does not render no\nroot element, this default slot must contain a single root node.\n\n### Important\n\nThe component has two ways of receive the filters list, it can be injected by another component or\nbe send it as a prop. If the component doesnt have a parent component that receive and exposed a\nfilters list to their children, it is mandatory to send it as prop.\n\n### Basic Usage\n\n```vue\n<template>\n  <ExcludeFiltersWithNoResults v-slot=\"{ filters }\" :filters=\"filters\">\n    <div>\n      <span v-for=\"filter in filters\" :key=\"filter.id\">{{ filter.label }}</span>\n    </div>\n  </ExcludeFiltersWithNoResults>\n</template>\n\n<script>\n  import { ExcludeFiltersWithNoResults } from '@empathyco/x-components/facets';\n\n  export default {\n    components: {\n      ExcludeFiltersWithNoResults\n    },\n    data() {\n      return {\n        filters: [\n          {\n            // This is the only filter that will be removed.\n            facetId: 'category',\n            id: 'category:men',\n            modelName: 'SimpleFilter',\n            selected: false,\n            label: 'Men',\n            totalResults: 0\n          },\n          {\n            facetId: 'category',\n            id: 'category:women',\n            modelName: 'SimpleFilter',\n            selected: false,\n            label: 'Women',\n            totalResults: 10\n          },\n          {\n            facetId: 'category',\n            id: 'category:kids',\n            modelName: 'SimpleFilter',\n            selected: false,\n            label: 'Kids',\n            totalResults: undefined\n          }\n        ]\n      };\n    }\n  };\n</script>\n```\n\n> **Using injection**: It can receive the filters list by injection. It only works if it has a\n> parent component that receives and exposes the filters list. Using the injection, It is not\n> necessary to send the prop to the child components, it has to be send it in the parent component,\n> the rest of components will inject this list.\n\n```vue\n<template>\n  <ExcludeFiltersWithNoResults :filters=\"filters\">\n    <FiltersSearch>\n      <Filters v-slot=\"{ filter }\">\n        <SimpleFilter :filter=\"filter\" data-test=\"brand-filter\" />\n      </Filters>\n    </FiltersSearch>\n  </ExcludeFiltersWithNoResults>\n</template>\n\n<script>\n  import {\n    ExcludeFiltersWithNoResults,\n    FiltersSearch,\n    Filters,\n    SimpleFilter\n  } from '@empathyco/x-components/facets';\n\n  export default {\n    components: {\n      ExcludeFiltersWithNoResults,\n      FiltersSearch,\n      Filters,\n      SimpleFilter\n    },\n    data() {\n      return {\n        filters: [\n          {\n            // This is the only filter that will be removed.\n            facetId: 'category',\n            id: 'category:men',\n            modelName: 'SimpleFilter',\n            selected: false,\n            label: 'Men',\n            totalResults: 0\n          },\n          {\n            facetId: 'category',\n            id: 'category:women',\n            modelName: 'SimpleFilter',\n            selected: false,\n            label: 'Women',\n            totalResults: 10\n          },\n          {\n            facetId: 'category',\n            id: 'category:kids',\n            modelName: 'SimpleFilter',\n            selected: false,\n            label: 'Kids',\n            totalResults: undefined\n          }\n        ]\n      };\n    }\n  };\n</script>\n```\n</docs>\n"],"names":[],"mappings":";;;;;AAME;;;;;;;;;AASE;AACF,gBAAe,eAAe,CAAC;AAC7B,IAAA,IAAI,EAAE,6BAA6B;IACnC,OAAO,EAAE,aAAa,CAAC,IAAI;AAC3B,IAAA,KAAK,EAAE;;AAEL,QAAA,OAAO,EAAE,KAA2B;AAEpC;;;AAGE;AACF,QAAA,QAAQ,EAAE;AACR,YAAA,IAAI,EAAE,MAA+B;AACvC,SAAA;AACD,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAI,EAAG,EAAA;AACpB,QAAA,MAAM,eAAc,GAAI,mBAAmB,CAAC,KAAK,CAAC,CAAA;AAElD;;;;AAIE;AACF,QAAA,MAAM,kBAAmB,GAAE,QAAQ,CAAC,MAClC,eAAe,CAAC,KAAK,CAAC,MAAM,CAC1B,MAAK,IAAK,CAAC,eAAe,CAAC,MAAM,CAAE,IAAG,MAAM,CAAC,YAAW,KAAM,CAAA,CAChE,CACD,CAAA;AACD,QAAA,OAAO,CAAC,SAAS,EAAE,kBAAkB,CAAC,CAAA;QAEtC,OAAO,MAAM,KAAK,CAAC,OAAO,GAAG,EAAE,OAAO,EAAE,kBAAkB,CAAC,KAAM,EAAC,CAAC,CAAC,CAAC,CAAA,IAAK,EAAE,CAAA;KAC9E;AACD,CAAA,CAAC;;;;"}

package/js/x-modules/facets/components/lists/exclude-filters-with-no-results.vue2.js

@@ -1,189 +1,6 @@
-import { __decorate } from 'tslib';
-import { isBooleanFilter } from '@empathyco/x-types';
-import { mixins } from 'vue-class-component';
-import { Component } from 'vue-property-decorator';
-import '../../../../components/animations/animate-width.vue.js';
-import '../../../../components/animations/collapse-height.vue.js';
-import '../../../../components/animations/collapse-width.vue.js';
-import '../../../../components/animations/cross-fade.vue.js';
-import '../../../../components/animations/fade.vue.js';
-import '../../../../components/animations/fade-and-slide.vue.js';
-import '../../../../components/animations/staggered-fade-and-slide.vue.js';
-import '../../../../components/animations/staggering-transition-group.vue2.js';
-import '../../../../components/animations/staggering-transition-group.vue3.js';
-import 'vue-runtime-helpers/dist/normalize-component.mjs';
-import '../../../../components/animations/disable-animation.mixin.js';
-import 'vue';
-import '../../../../components/animations/animate-clip-path/animate-clip-path.style.scss.js';
-import '../../../../components/animations/animate-scale/animate-scale.style.scss.js';
-import '../../../../components/animations/animate-translate/animate-translate.style.scss.js';
-import '../../../../components/column-picker/base-column-picker-dropdown.vue.js';
-import '../../../../components/column-picker/base-column-picker-list.vue.js';
-import '../../../../components/currency/base-currency.vue.js';
-import '../../../../components/filters/labels/base-price-filter-label.vue2.js';
-import '../../../../components/filters/labels/base-rating-filter-label.vue.js';
-import '../../../../components/icons/arrow-down.vue.js';
-import '../../../../components/icons/arrow-left.vue.js';
-import '../../../../components/icons/arrow-right.vue.js';
-import '../../../../components/icons/arrow-up.vue.js';
-import '../../../../components/icons/bag.vue.js';
-import '../../../../components/icons/bar-code.vue.js';
-import '../../../../components/icons/barcode-tiny.vue.js';
-import '../../../../components/icons/cart.vue.js';
-import '../../../../components/icons/cart-filled.vue.js';
-import '../../../../components/icons/check-tiny.vue.js';
-import '../../../../components/icons/check.vue.js';
-import '../../../../components/icons/checkbox-selected.vue.js';
-import '../../../../components/icons/checkbox-selected-filled.vue.js';
-import '../../../../components/icons/checkbox-unselected.vue.js';
-import '../../../../components/icons/checkbox-unselected-filled.vue.js';
-import '../../../../components/icons/chevron-down.vue.js';
-import '../../../../components/icons/chevron-left.vue.js';
-import '../../../../components/icons/chevron-right.vue.js';
-import '../../../../components/icons/chevron-tiny-down.vue.js';
-import '../../../../components/icons/chevron-tiny-left.vue.js';
-import '../../../../components/icons/chevron-tiny-right.vue.js';
-import '../../../../components/icons/chevron-tiny-up.vue.js';
-import '../../../../components/icons/chevron-up.vue.js';
-import '../../../../components/icons/corner-arrow-left.vue.js';
-import '../../../../components/icons/corner-arrow-right.vue.js';
-import '../../../../components/icons/cross-tiny.vue.js';
-import '../../../../components/icons/cross.vue.js';
-import '../../../../components/icons/curated-check.vue.js';
-import '../../../../components/icons/curated-check-filled.vue.js';
-import '../../../../components/icons/curated-check-tiny.vue.js';
-import '../../../../components/icons/curated-check-tiny-filled.vue.js';
-import '../../../../components/icons/diagonal-arrow-left-down.vue.js';
-import '../../../../components/icons/diagonal-arrow-left-top.vue.js';
-import '../../../../components/icons/diagonal-arrow-right-down.vue.js';
-import '../../../../components/icons/diagonal-arrow-right-top.vue.js';
-import '../../../../components/icons/filters.vue.js';
-import '../../../../components/icons/grid-1-col.vue.js';
-import '../../../../components/icons/grid-2-col.vue.js';
-import '../../../../components/icons/grid-4-col.vue.js';
-import '../../../../components/icons/grid-2-rows.vue.js';
-import '../../../../components/icons/heart.vue.js';
-import '../../../../components/icons/heart-filled.vue.js';
-import '../../../../components/icons/hide.vue.js';
-import '../../../../components/icons/history-tiny.vue.js';
-import '../../../../components/icons/history.vue.js';
-import '../../../../components/icons/light-bulb-off.vue.js';
-import '../../../../components/icons/light-bulb-on.vue.js';
-import '../../../../components/icons/menu.vue.js';
-import '../../../../components/icons/minus-tiny.vue.js';
-import '../../../../components/icons/minus.vue.js';
-import '../../../../components/icons/plus.vue.js';
-import '../../../../components/icons/plus-tiny.vue.js';
-import '../../../../components/icons/radiobutton-selected.vue.js';
-import '../../../../components/icons/radiobutton-unselected.vue.js';
-import '../../../../components/icons/search.vue.js';
-import '../../../../components/icons/settings.vue.js';
-import '../../../../components/icons/show.vue.js';
-import '../../../../components/icons/sort-az.vue.js';
-import '../../../../components/icons/sort-price-down.vue.js';
-import '../../../../components/icons/sort-price-up.vue.js';
-import '../../../../components/icons/sort-relevancy.vue.js';
-import '../../../../components/icons/sort-za.vue.js';
-import '../../../../components/icons/star.vue.js';
-import '../../../../components/icons/star-filled.vue.js';
-import '../../../../components/icons/search-tiny.vue.js';
-import '../../../../components/icons/tag.vue.js';
-import '../../../../components/icons/tag-filled.vue.js';
-import '../../../../components/icons/trash-open.vue.js';
-import '../../../../components/icons/trash.vue.js';
-import '../../../../components/icons/trending-tiny.vue.js';
-import '../../../../components/icons/trending.vue.js';
-import '../../../../components/icons/user.vue.js';
-import '../../../../components/icons/user-filled.vue.js';
-import '../../../../components/layouts/fixed-header-and-asides-layout.vue.js';
-import '../../../../components/layouts/multi-column-max-width-layout.vue.js';
-import '../../../../components/layouts/single-column-layout.vue.js';
-import '../../../../components/modals/base-events-modal-close.vue.js';
-import '../../../../components/modals/base-events-modal.vue.js';
-import '../../../../components/modals/base-events-modal-open.vue.js';
-import '../../../../components/modals/base-modal.vue.js';
-import '../../../../components/modals/base-id-modal.vue.js';
-import '../../../../components/modals/base-id-modal-close.vue.js';
-import '../../../../components/modals/base-id-modal-open.vue.js';
-import '../../../../components/modals/close-main-modal.vue.js';
-import '../../../../components/modals/main-modal.vue.js';
-import '../../../../components/modals/open-main-modal.vue.js';
-import '../../../../components/panels/base-header-toggle-panel.vue.js';
-import '../../../../components/panels/base-toggle-panel.vue.js';
-import '../../../../components/panels/base-id-toggle-panel.vue.js';
-import '../../../../components/panels/base-id-toggle-panel-button.vue.js';
-import '../../../../components/panels/base-tabs-panel.vue.js';
-import '../../../../components/result/base-result-add-to-cart.vue.js';
-import '../../../../components/result/base-result-current-price.vue.js';
-import '../../../../components/result/base-result-image.vue.js';
-import '../../../../components/result/base-result-link.vue.js';
-import '../../../../components/result/base-result-previous-price.vue.js';
-import '../../../../components/result/base-result-fallback-image.vue.js';
-import '../../../../components/result/base-result-placeholder-image.vue.js';
-import '../../../../components/result/base-result-rating.vue.js';
-import '../../../../components/result/result-variants-provider.vue2.js';
-import '../../../../components/result/result-variant-selector.vue.js';
-import '../../../../components/scroll/base-scroll.vue.js';
-import '../../../../components/scroll/scroll.mixin.js';
-import '../../../../components/suggestions/base-suggestion.vue.js';
-import '../../../../components/suggestions/base-suggestions.vue.js';
-import '../../../../components/auto-progress-bar.vue.js';
-import '../../../../components/base-dropdown.vue.js';
-import '../../../../components/base-event-button.vue.js';
-import '../../../../components/base-grid.vue.js';
-import '../../../../components/base-keyboard-navigation.vue.js';
-import '../../../../components/base-rating.vue.js';
-import '../../../../components/base-switch.vue.js';
-import '../../../../components/base-variable-column-grid.vue.js';
-import '../../../../components/display-emitter.vue.js';
-import '../../../../components/global-x-bus.vue2.js';
-import '../../../../components/highlight.vue.js';
-import '../../../../components/items-list.vue.js';
-import '../../../../components/location-provider.vue2.js';
-import '../../../../components/no-element.js';
-import '../../../../components/sliding-panel.vue.js';
-import '../../../../components/snippet-callbacks.vue.js';
-import '../../../../components/page-loader-button.vue.js';
-import 'rxjs';
-import 'rxjs/operators';
-import { XProvide } from '../../../../components/decorators/injection.decorators.js';
-import { xComponentMixin } from '../../../../components/x-component.mixin.js';
-import { facetsXModule } from '../../x-module.js';
-import FiltersInjectionMixin from './filters-injection.mixin.js';
+import _sfc_main from './exclude-filters-with-no-results.vue.js';
 
-/**
- * The `ExcludeFiltersWithNoResults` component filters the provided list of filters, excluding
- * those which have the `totalResults` property exactly equal to `0`. It won't remove filters with
- * no `totalResults` property.
- *
- * The new list of filters is bound to the default scoped slot. As this component does not render
- * no root element, this default slot must contain a single root node.
- *
- * @public
- */
-let ExcludeFiltersWithNoResults = class ExcludeFiltersWithNoResults extends mixins(FiltersInjectionMixin) {
-    /**
-     * Removes the filters that have exactly 0 results associated.
-     *
-     * @returns A sublist of the filters prop, excluding the ones with no results.
-     * @internal
-     */
-    get filtersWithResults() {
-        return this.renderedFilters.filter(filter => !isBooleanFilter(filter) || filter.totalResults !== 0);
-    }
-    render(h) {
-        return this.$scopedSlots.default?.({ filters: this.filtersWithResults })?.[0] ?? h();
-    }
-};
-__decorate([
-    XProvide('filters')
-], ExcludeFiltersWithNoResults.prototype, "filtersWithResults", null);
-ExcludeFiltersWithNoResults = __decorate([
-    Component({
-        mixins: [xComponentMixin(facetsXModule)]
-    })
-], ExcludeFiltersWithNoResults);
-var script = ExcludeFiltersWithNoResults;
 
-export { script as default };
+
+export { _sfc_main as default };
 //# sourceMappingURL=exclude-filters-with-no-results.vue2.js.map

package/js/x-modules/facets/components/lists/exclude-filters-with-no-results.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"exclude-filters-with-no-results.vue2.js","sources":["../../../../../../src/x-modules/facets/components/lists/exclude-filters-with-no-results.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\n  import { Filter, isBooleanFilter } from '@empathyco/x-types';\n  import { CreateElement, VNode } from 'vue';\n  import { mixins } from 'vue-class-component';\n  import { Component } from 'vue-property-decorator';\n  import { xComponentMixin, XProvide } from '../../../../components';\n  import { facetsXModule } from '../../x-module';\n  import FiltersInjectionMixin from './filters-injection.mixin';\n\n  /**\n   * The `ExcludeFiltersWithNoResults` component filters the provided list of filters, excluding\n   * those which have the `totalResults` property exactly equal to `0`. It won't remove filters with\n   * no `totalResults` property.\n   *\n   * The new list of filters is bound to the default scoped slot. As this component does not render\n   * no root element, this default slot must contain a single root node.\n   *\n   * @public\n   */\n  @Component({\n    mixins: [xComponentMixin(facetsXModule)]\n  })\n  export default class ExcludeFiltersWithNoResults extends mixins(FiltersInjectionMixin) {\n    /**\n     * Removes the filters that have exactly 0 results associated.\n     *\n     * @returns A sublist of the filters prop, excluding the ones with no results.\n     * @internal\n     */\n    @XProvide('filters')\n    public get filtersWithResults(): Filter[] {\n      return this.renderedFilters.filter(\n        filter => !isBooleanFilter(filter) || filter.totalResults !== 0\n      );\n    }\n\n    render(h: CreateElement): VNode {\n      return this.$scopedSlots.default?.({ filters: this.filtersWithResults })?.[0] ?? h();\n    }\n  }\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASE;;;;;;;;;AASG;AAIY,IAAM,2BAA2B,GAAjC,MAAM,2BAA4B,SAAQ,MAAM,CAAC,qBAAqB,CAAC,CAAA;AACpF;;;;;AAKG;AAEH,IAAA,IAAW,kBAAkB,GAAA;QAC3B,OAAO,IAAI,CAAC,eAAe,CAAC,MAAM,CAChC,MAAM,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,IAAI,MAAM,CAAC,YAAY,KAAK,CAAC,CAChE,CAAC;KACH;AAED,IAAA,MAAM,CAAC,CAAgB,EAAA;QACrB,OAAO,IAAI,CAAC,YAAY,CAAC,OAAO,GAAG,EAAE,OAAO,EAAE,IAAI,CAAC,kBAAkB,EAAE,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC;KACtF;CACF,CAAA;AATC,UAAA,CAAA;IADC,QAAQ,CAAC,SAAS,CAAC;AAKnB,CAAA,EAAA,2BAAA,CAAA,SAAA,EAAA,oBAAA,EAAA,IAAA,CAAA,CAAA;AAZkB,2BAA2B,GAAA,UAAA,CAAA;AAH/C,IAAA,SAAS,CAAC;AACT,QAAA,MAAM,EAAE,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC;KACzC,CAAC;AACmB,CAAA,EAAA,2BAA2B,CAiB/C,CAAA;aAjBoB,2BAA2B;;;;"}
+{"version":3,"file":"exclude-filters-with-no-results.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}