@empathyco/x-components 3.0.0-alpha.52 → 3.0.0-alpha.53

package/js/x-modules/facets/components/filters/number-range-filter.vue.js

@@ -1,8 +1,8 @@
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-import script from './number-range-filter.vue_rollup-plugin-vue=script.js';
+import script from './number-range-filter.vue_rollup-plugin-vue_script.vue.js';
+import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.mjs';
 
 /* script */
-var __vue_script__ = script;
+const __vue_script__ = script;
 
 /* template */
 var __vue_render__ = function () {
@@ -46,9 +46,11 @@ var __vue_render__ = function () {
                             return [_vm._v(_vm._s(filter.label))]
                           },
                           { filter: filter }
-                        ) ],
+                        ),
+                      ],
                       2
-                    ) ]
+                    ),
+                  ]
                 },
                 null,
                 {
@@ -57,9 +59,11 @@ var __vue_render__ = function () {
                   cssClasses: cssClasses,
                   isDisabled: isDisabled,
                 }
-              ) ]
+              ),
+            ]
           },
-        } ],
+        },
+      ],
       null,
       true
     ),
@@ -69,13 +73,13 @@ var __vue_staticRenderFns__ = [];
 __vue_render__._withStripped = true;
 
   /* style */
-  var __vue_inject_styles__ = undefined;
+  const __vue_inject_styles__ = undefined;
   /* scoped */
-  var __vue_scope_id__ = undefined;
+  const __vue_scope_id__ = undefined;
   /* module identifier */
-  var __vue_module_identifier__ = undefined;
+  const __vue_module_identifier__ = undefined;
   /* functional template */
-  var __vue_is_functional_template__ = false;
+  const __vue_is_functional_template__ = false;
   /* style inject */
   
   /* style inject SSR */
@@ -84,7 +88,7 @@ __vue_render__._withStripped = true;
   
 
   
-  var __vue_component__ = /*#__PURE__*/__vue_normalize__(
+  const __vue_component__ = /*#__PURE__*/__vue_normalize__(
     { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
     __vue_inject_styles__,
     __vue_script__,
@@ -97,5 +101,5 @@ __vue_render__._withStripped = true;
     undefined
   );
 
-export default __vue_component__;
+export { __vue_component__ as default };
 //# sourceMappingURL=number-range-filter.vue.js.map

package/js/x-modules/facets/components/filters/number-range-filter.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"number-range-filter.vue.js","sources":["../../../../../../src/x-modules/facets/components/filters/number-range-filter.vue"],"sourcesContent":["<template>\n  <RenderlessFilter\n    v-slot=\"{ filter, clickFilter, cssClasses, isDisabled }\"\n    :class=\"cssClasses\"\n    :clickEvents=\"clickEvents\"\n    :filter=\"filter\"\n    class=\"x-number-range-filter\"\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 {Object} cssClasses - Object containing CSS classes to add to the button\n      @binding {Boolean} isDisabled - True if the filter shouldn't be able to be selected by the\n      user\n    -->\n    <slot\n      v-bind=\"{\n        filter,\n        clickFilter,\n        cssClasses,\n        isDisabled\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      >\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 Vue from 'vue';\n  import { Component, Prop } from 'vue-property-decorator';\n  import { NumberRangeFilter as NumberRangeFilterModel } from '@empathyco/x-types';\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 number range 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 NumberRangeFilter extends Vue {\n    /** The filter data to render. */\n    @Prop({ required: true })\n    public filter!: NumberRangeFilterModel;\n\n    /**\n     * Additional events to emit when the filter is clicked.\n     *\n     * @returns A dictionary with the events to be emitted when the filter is clicked, and its\n     * payload.\n     * @internal\n     */\n    protected get clickEvents(): Partial<XEventsTypes> {\n      return {\n        UserClickedANumberRangeFilter: this.filter\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-number-range-filter--is-selected': this.filter.selected\n      };\n    }\n  }\n</script>\n\n<docs lang=\"mdx\">\n## Examples\n\nThis component renders a button, which on clicked emits the `UserClickedAFilter` and the\n`UserClickedANumberRangeFilter` events. By default, it renders the filter label as the button text.\n\n### Basic usage\n\n```vue\n<NumberRangeFilter :filter=\"filter\" />\n```\n\n### Customizing its contents\n\n```vue\n<NumberRangeFilter :filter=\"filter\" v-slot=\"{ filter }\">\n  <img src=\"checkbox.png\"/>\n  <span>{{ filter.label }}</span>\n</NumberRangeFilter>\n```\n\n## Events\n\nA list of events that the component will emit:\n\n- `UserClickedANumberRangeFilter`: the event is emitted after the user clicks the button. The event\n  payload is the number range filter.\n</docs>\n"],"names":["const"],"mappings":";;;;AAEAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"number-range-filter.vue.js","sources":["../../../../../../src/x-modules/facets/components/filters/number-range-filter.vue"],"sourcesContent":["<template>\n  <RenderlessFilter\n    v-slot=\"{ filter, clickFilter, cssClasses, isDisabled }\"\n    :class=\"cssClasses\"\n    :clickEvents=\"clickEvents\"\n    :filter=\"filter\"\n    class=\"x-number-range-filter\"\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 {Object} cssClasses - Object containing CSS classes to add to the button\n      @binding {Boolean} isDisabled - True if the filter shouldn't be able to be selected by the\n      user\n    -->\n    <slot\n      v-bind=\"{\n        filter,\n        clickFilter,\n        cssClasses,\n        isDisabled\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      >\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 Vue from 'vue';\n  import { Component, Prop } from 'vue-property-decorator';\n  import { NumberRangeFilter as NumberRangeFilterModel } from '@empathyco/x-types';\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 number range 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 NumberRangeFilter extends Vue {\n    /** The filter data to render. */\n    @Prop({ required: true })\n    public filter!: NumberRangeFilterModel;\n\n    /**\n     * Additional events to emit when the filter is clicked.\n     *\n     * @returns A dictionary with the events to be emitted when the filter is clicked, and its\n     * payload.\n     * @internal\n     */\n    protected get clickEvents(): Partial<XEventsTypes> {\n      return {\n        UserClickedANumberRangeFilter: this.filter\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-number-range-filter--is-selected': this.filter.selected\n      };\n    }\n  }\n</script>\n\n<docs lang=\"mdx\">\n## Examples\n\nThis component renders a button, which on clicked emits the `UserClickedAFilter` and the\n`UserClickedANumberRangeFilter` events. By default, it renders the filter label as the button text.\n\n### Basic usage\n\n```vue\n<NumberRangeFilter :filter=\"filter\" />\n```\n\n### Customizing its contents\n\n```vue\n<NumberRangeFilter :filter=\"filter\" v-slot=\"{ filter }\">\n  <img src=\"checkbox.png\"/>\n  <span>{{ filter.label }}</span>\n</NumberRangeFilter>\n```\n\n## Events\n\nA list of events that the component will emit:\n\n- `UserClickedANumberRangeFilter`: the event is emitted after the user clicks the button. The event\n  payload is the number range filter.\n</docs>\n"],"names":[],"mappings":";;;;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/js/x-modules/facets/components/filters/{number-range-filter.vue_rollup-plugin-vue=script.js → number-range-filter.vue_rollup-plugin-vue_script.vue.js}

@@ -1,29 +1,23 @@
-import { __extends, __decorate } from 'tslib';
+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-from-top.vue.js';
-import '../../../../components/animations/animations.mixin.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-and-slide.vue.js';
-import '../../../../components/animations/staggering-transition-group.vue.js';
 import '../../../../components/animations/staggered-fade-and-slide.vue.js';
+import '../../../../components/animations/staggering-transition-group.vue_rollup-plugin-vue_script.vue.js';
+import 'vue-runtime-helpers/dist/normalize-component.mjs';
+import 'vue-runtime-helpers/dist/inject-style/browser.mjs';
 import '../../../../components/animations/translate-from-left.vue.js';
 import '../../../../components/animations/translate-from-right.vue.js';
-import '../../../../components/base-event-button.vue.js';
-import '../../../../components/no-element.js';
-import '../../../../components/base-dropdown.vue.js';
-import '../../../../components/decorators/bus.decorators.js';
-import '../../../../components/column-picker/column-picker.mixin.js';
 import '../../../../components/column-picker/base-column-picker-dropdown.vue.js';
 import '../../../../components/column-picker/base-column-picker-list.vue.js';
-import '../../../../components/decorators/injection.decorators.js';
+import '../../../../components/column-picker/column-picker.mixin.js';
 import '../../../../components/currency/base-currency.vue.js';
-import '../../../../components/filters/labels/base-price-filter-label.vue.js';
-import '../../../../components/icons/star.vue.js';
-import '../../../../components/base-rating.vue.js';
+import '../../../../components/filters/labels/base-price-filter-label.vue_rollup-plugin-vue_script.vue.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';
@@ -69,6 +63,7 @@ import '../../../../components/icons/nq-4.vue.js';
 import '../../../../components/icons/plus.vue.js';
 import '../../../../components/icons/search.vue.js';
 import '../../../../components/icons/show.vue.js';
+import '../../../../components/icons/star.vue.js';
 import '../../../../components/icons/search-tiny.vue.js';
 import '../../../../components/icons/tag.vue.js';
 import '../../../../components/icons/trash-open.vue.js';
@@ -76,24 +71,19 @@ 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/decorators/store.decorators.js';
-import '../../../../components/x-component.utils.js';
-import { xComponentMixin } from '../../../../components/x-component.mixin.js';
-import '../../../../components/modals/base-modal.vue.js';
-import '../../../../components/modals/base-id-modal.vue.js';
-import '../../../../components/scroll/scroll.mixin.js';
-import '../../../../components/scroll/base-scroll.vue.js';
 import '../../../../components/layouts/fixed-header-and-asides-layout.vue.js';
-import '../../../../components/panels/base-toggle-panel.vue.js';
-import '../../../../components/panels/base-id-toggle-panel.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/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/result/base-result-add-to-cart.vue.js';
 import '../../../../components/result/base-result-current-price.vue.js';
@@ -103,75 +93,71 @@ 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/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/decorators/injection.consts.js';
+import '../../../../components/base-event-button.vue.js';
+import '../../../../components/base-dropdown.vue.js';
 import '../../../../components/base-grid.vue.js';
 import '../../../../components/base-keyboard-navigation.vue.js';
+import '../../../../components/base-rating.vue.js';
 import '../../../../components/base-variable-column-grid.vue.js';
-import '../../../../components/decorators/debounce.decorators.js';
+import '../../../../components/no-element.js';
 import '../../../../components/sliding-panel.vue.js';
 import '../../../../components/items-list.vue.js';
-import '../../../../components/location-provider.vue.js';
-import '../../../../components/global-x-bus.vue.js';
+import '../../../../components/location-provider.vue_rollup-plugin-vue_script.vue.js';
+import '../../../../components/global-x-bus.vue_rollup-plugin-vue_script.vue.js';
 import '../../../../components/snippet-callbacks.vue.js';
+import 'rxjs';
+import 'rxjs/operators';
+import 'vue-class-component';
 import '../../../../components/items-list-injection.mixin.js';
+import { xComponentMixin } from '../../../../components/x-component.mixin.js';
 import { facetsXModule } from '../../x-module.js';
-import RenderlessFilter from './renderless-filter.vue.js';
+import __vue_component__ from './renderless-filter.vue.js';
 
 /**
  * Renders a number range filter, emitting the needed events when clicked.
  *
  * @public
  */
-var NumberRangeFilter = /** @class */ (function (_super) {
-    __extends(NumberRangeFilter, _super);
-    function NumberRangeFilter() {
-        return _super !== null && _super.apply(this, arguments) || this;
+let NumberRangeFilter = class NumberRangeFilter extends Vue {
+    /**
+     * Additional events to emit when the filter is clicked.
+     *
+     * @returns A dictionary with the events to be emitted when the filter is clicked, and its
+     * payload.
+     * @internal
+     */
+    get clickEvents() {
+        return {
+            UserClickedANumberRangeFilter: this.filter
+        };
+    }
+    /**
+     * Dynamic CSS classes to apply to the component.
+     *
+     * @returns The dynamic CSS classes to apply to the component.
+     * @internal
+     */
+    get cssClasses() {
+        return {
+            'x-number-range-filter--is-selected': this.filter.selected
+        };
     }
-    Object.defineProperty(NumberRangeFilter.prototype, "clickEvents", {
-        /**
-         * Additional events to emit when the filter is clicked.
-         *
-         * @returns A dictionary with the events to be emitted when the filter is clicked, and its
-         * payload.
-         * @internal
-         */
-        get: function () {
-            return {
-                UserClickedANumberRangeFilter: this.filter
-            };
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(NumberRangeFilter.prototype, "cssClasses", {
-        /**
-         * Dynamic CSS classes to apply to the component.
-         *
-         * @returns The dynamic CSS classes to apply to the component.
-         * @internal
-         */
-        get: function () {
-            return {
-                'x-number-range-filter--is-selected': this.filter.selected
-            };
-        },
-        enumerable: false,
-        configurable: true
-    });
-    __decorate([
-        Prop({ required: true })
-    ], NumberRangeFilter.prototype, "filter", void 0);
-    NumberRangeFilter = __decorate([
-        Component({
-            components: { RenderlessFilter: RenderlessFilter },
-            mixins: [xComponentMixin(facetsXModule)]
-        })
-    ], NumberRangeFilter);
-    return NumberRangeFilter;
-}(Vue));
+};
+__decorate([
+    Prop({ required: true })
+], NumberRangeFilter.prototype, "filter", void 0);
+NumberRangeFilter = __decorate([
+    Component({
+        components: { RenderlessFilter: __vue_component__ },
+        mixins: [xComponentMixin(facetsXModule)]
+    })
+], NumberRangeFilter);
+var script = NumberRangeFilter;
 
-export default NumberRangeFilter;
-//# sourceMappingURL=number-range-filter.vue_rollup-plugin-vue=script.js.map
+export { script as default };
+//# sourceMappingURL=number-range-filter.vue_rollup-plugin-vue_script.vue.js.map

package/js/x-modules/facets/components/filters/number-range-filter.vue_rollup-plugin-vue_script.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-range-filter.vue_rollup-plugin-vue_script.vue.js","sources":["../../../../../../src/x-modules/facets/components/filters/number-range-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\nimport Vue from 'vue';\nimport { Component, Prop } from 'vue-property-decorator';\nimport { NumberRangeFilter as NumberRangeFilterModel } from '@empathyco/x-types';\nimport { xComponentMixin } from '../../../../components';\nimport { VueCSSClasses } from '../../../../utils/types';\nimport { XEventsTypes } from '../../../../wiring/events.types';\nimport { facetsXModule } from '../../x-module';\nimport RenderlessFilter from './renderless-filter.vue';\n\n/**\n * Renders a number range filter, emitting the needed events when clicked.\n *\n * @public\n */\n@Component({\n  components: { RenderlessFilter },\n  mixins: [xComponentMixin(facetsXModule)]\n})\nexport default class NumberRangeFilter extends Vue {\n  /** The filter data to render. */\n  @Prop({ required: true })\n  public filter!: NumberRangeFilterModel;\n\n  /**\n   * Additional events to emit when the filter is clicked.\n   *\n   * @returns A dictionary with the events to be emitted when the filter is clicked, and its\n   * payload.\n   * @internal\n   */\n  protected get clickEvents(): Partial<XEventsTypes> {\n    return {\n      UserClickedANumberRangeFilter: this.filter\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-number-range-filter--is-selected': this.filter.selected\n    };\n  }\n}\n"],"names":["RenderlessFilter"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqDA;;;;;AASA,IAAqB,iBAAiB,GAAtC,MAAqB,iBAAkB,SAAQ,GAAG;;;;;;;;IAYhD,IAAc,WAAW;QACvB,OAAO;YACL,6BAA6B,EAAE,IAAI,CAAC,MAAM;SAC3C,CAAC;KACH;;;;;;;IAQD,IAAc,UAAU;QACtB,OAAO;YACL,oCAAoC,EAAE,IAAI,CAAC,MAAM,CAAC,QAAQ;SAC3D,CAAC;KACH;CACF,CAAA;AA1BC;IADC,IAAI,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;iDACc;AAHpB,iBAAiB;IAJrC,SAAS,CAAC;QACT,UAAU,EAAE,oBAAEA,iBAAgB,EAAE;QAChC,MAAM,EAAE,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC;KACzC,CAAC;GACmB,iBAAiB,CA6BrC;aA7BoB,iBAAiB;;;;"}

package/js/x-modules/facets/components/filters/renderless-filter.vue.js

@@ -1,19 +1,19 @@
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-import script from './renderless-filter.vue_rollup-plugin-vue=script.js';
+import script from './renderless-filter.vue_rollup-plugin-vue_script.vue.js';
+import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.mjs';
 
 /* script */
-var __vue_script__ = script;
+const __vue_script__ = script;
 
 /* template */
 
   /* style */
-  var __vue_inject_styles__ = undefined;
+  const __vue_inject_styles__ = undefined;
   /* scoped */
-  var __vue_scope_id__ = undefined;
+  const __vue_scope_id__ = undefined;
   /* module identifier */
-  var __vue_module_identifier__ = undefined;
+  const __vue_module_identifier__ = undefined;
   /* functional template */
-  var __vue_is_functional_template__ = undefined;
+  const __vue_is_functional_template__ = undefined;
   /* style inject */
   
   /* style inject SSR */
@@ -22,7 +22,7 @@ var __vue_script__ = script;
   
 
   
-  var __vue_component__ = /*#__PURE__*/__vue_normalize__(
+  const __vue_component__ = /*#__PURE__*/__vue_normalize__(
     {},
     __vue_inject_styles__,
     __vue_script__,
@@ -35,5 +35,5 @@ var __vue_script__ = script;
     undefined
   );
 
-export default __vue_component__;
+export { __vue_component__ as default };
 //# sourceMappingURL=renderless-filter.vue.js.map

package/js/x-modules/facets/components/filters/renderless-filter.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderless-filter.vue.js","sources":["../../../../../../src/x-modules/facets/components/filters/renderless-filter.vue"],"sourcesContent":["<script lang=\"ts\">\n  import Vue, { CreateElement, VNode } from 'vue';\n  import { Component, Prop } from 'vue-property-decorator';\n  import { BooleanFilter } from '@empathyco/x-types';\n  import { xComponentMixin } from '../../../../components';\n  import { VueCSSClasses } from '../../../../utils/types';\n  import { XEvent, XEventsTypes } from '../../../../wiring/events.types';\n  import { facetsXModule } from '../../x-module';\n\n  /**\n   * Renders default slot content. It binds to the default slot a\n   * {@link @empathyco/x-types#BooleanFilter | BooleanFilter}, the {@link XEvent | XEvents}\n   * that will be emitted when clicking the content, the css classes and if the content should be\n   * disabled.\n   *\n   * @remarks The default slot expects a root element, if it receives a list of elements, it will\n   * renders the first element.\n   *\n   * @public\n   */\n  @Component({\n    mixins: [xComponentMixin(facetsXModule)]\n  })\n  export default class RenderlessFilter extends Vue {\n    /** The filter data to render. */\n    @Prop({ required: true })\n    public filter!: BooleanFilter;\n\n    /** Additional events with its payload to emit when the filter is clicked. */\n    @Prop()\n    public clickEvents?: Partial<XEventsTypes>;\n\n    /**\n     * The events that will be emitted when the filter is clicked.\n     *\n     * @returns The events to be emitted when the filter is clicked.\n     * @internal\n     */\n    protected get events(): Partial<XEventsTypes> {\n      return {\n        UserClickedAFilter: this.filter,\n        ...this.clickEvents\n      };\n    }\n\n    /**\n     * The events to emit to the bus.\n     *\n     * @internal\n     */\n    protected emitEvents(): void {\n      Object.entries(this.events).forEach(([event, payload]) => {\n        this.$x.emit(event as XEvent, payload, { target: this.$el as HTMLElement });\n      });\n    }\n\n    /**\n     * Returns `true` when the filter should be disabled.\n     *\n     * @returns `true` if the filter should be disabled.\n     * @internal\n     */\n    protected get isDisabled(): boolean {\n      return this.filter.totalResults === 0;\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-filter',\n        {\n          'x-filter--is-selected': this.filter.selected,\n          'x-filter--is-disabled': this.isDisabled\n        }\n      ];\n    }\n\n    render(h: CreateElement): VNode {\n      return (\n        this.$scopedSlots.default?.({\n          filter: this.filter,\n          // eslint-disable-next-line @typescript-eslint/unbound-method\n          clickFilter: this.emitEvents,\n          cssClasses: this.cssClasses,\n          isDisabled: this.isDisabled\n        })?.[0] ?? h()\n      );\n    }\n  }\n</script>\n\n<docs lang=\"mdx\">\n## Examples\n\nRenders default slot content. It binds to the default slot a filter, the events that will be emitted\nwhen clicking the content, the css classes and if the content should be disabled.\n\n### Basic usage\n\n```vue\n<RenderlessFilter :filter=\"filter\" />\n```\n\n### Customizing its contents and adding new events\n\n```vue\n<template>\n  <RenderlessFilter\n    :filter=\"filter\"\n    :clickEvents=\"clickEvents\"\n    v-slot=\"{ filter, clickFilter, cssClasses, isDisabled }\"\n  >\n    <button @click=\"clickFilter\" :class=\"cssClasses\" :disabled=\"isDisabled\">\n      {{ filter.label }}\n    </button>\n  </RenderlessFilter>\n</template>\n\n<script>\n  import { RenderlessFilter } from '@empathyco/x-components';\n\n  export default {\n    components: {\n      RenderlessFilter\n    },\n    props: ['filter'],\n    computed: {\n      clickEvents() {\n        return { UserClickedAHierarchicalFilter: this.filter };\n      }\n    }\n  };\n</script>\n```\n</docs>\n"],"names":["const"],"mappings":";;;;AAEAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"renderless-filter.vue.js","sources":["../../../../../../src/x-modules/facets/components/filters/renderless-filter.vue"],"sourcesContent":["<script lang=\"ts\">\n  import Vue, { CreateElement, VNode } from 'vue';\n  import { Component, Prop } from 'vue-property-decorator';\n  import { BooleanFilter } from '@empathyco/x-types';\n  import { xComponentMixin } from '../../../../components';\n  import { VueCSSClasses } from '../../../../utils/types';\n  import { XEvent, XEventsTypes } from '../../../../wiring/events.types';\n  import { facetsXModule } from '../../x-module';\n\n  /**\n   * Renders default slot content. It binds to the default slot a\n   * {@link @empathyco/x-types#BooleanFilter | BooleanFilter}, the {@link XEvent | XEvents}\n   * that will be emitted when clicking the content, the css classes and if the content should be\n   * disabled.\n   *\n   * @remarks The default slot expects a root element, if it receives a list of elements, it will\n   * renders the first element.\n   *\n   * @public\n   */\n  @Component({\n    mixins: [xComponentMixin(facetsXModule)]\n  })\n  export default class RenderlessFilter extends Vue {\n    /** The filter data to render. */\n    @Prop({ required: true })\n    public filter!: BooleanFilter;\n\n    /** Additional events with its payload to emit when the filter is clicked. */\n    @Prop()\n    public clickEvents?: Partial<XEventsTypes>;\n\n    /**\n     * The events that will be emitted when the filter is clicked.\n     *\n     * @returns The events to be emitted when the filter is clicked.\n     * @internal\n     */\n    protected get events(): Partial<XEventsTypes> {\n      return {\n        UserClickedAFilter: this.filter,\n        ...this.clickEvents\n      };\n    }\n\n    /**\n     * The events to emit to the bus.\n     *\n     * @internal\n     */\n    protected emitEvents(): void {\n      Object.entries(this.events).forEach(([event, payload]) => {\n        this.$x.emit(event as XEvent, payload, { target: this.$el as HTMLElement });\n      });\n    }\n\n    /**\n     * Returns `true` when the filter should be disabled.\n     *\n     * @returns `true` if the filter should be disabled.\n     * @internal\n     */\n    protected get isDisabled(): boolean {\n      return this.filter.totalResults === 0;\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-filter',\n        {\n          'x-filter--is-selected': this.filter.selected,\n          'x-filter--is-disabled': this.isDisabled\n        }\n      ];\n    }\n\n    render(h: CreateElement): VNode {\n      return (\n        this.$scopedSlots.default?.({\n          filter: this.filter,\n          // eslint-disable-next-line @typescript-eslint/unbound-method\n          clickFilter: this.emitEvents,\n          cssClasses: this.cssClasses,\n          isDisabled: this.isDisabled\n        })?.[0] ?? h()\n      );\n    }\n  }\n</script>\n\n<docs lang=\"mdx\">\n## Examples\n\nRenders default slot content. It binds to the default slot a filter, the events that will be emitted\nwhen clicking the content, the css classes and if the content should be disabled.\n\n### Basic usage\n\n```vue\n<RenderlessFilter :filter=\"filter\" />\n```\n\n### Customizing its contents and adding new events\n\n```vue\n<template>\n  <RenderlessFilter\n    :filter=\"filter\"\n    :clickEvents=\"clickEvents\"\n    v-slot=\"{ filter, clickFilter, cssClasses, isDisabled }\"\n  >\n    <button @click=\"clickFilter\" :class=\"cssClasses\" :disabled=\"isDisabled\">\n      {{ filter.label }}\n    </button>\n  </RenderlessFilter>\n</template>\n\n<script>\n  import { RenderlessFilter } from '@empathyco/x-components';\n\n  export default {\n    components: {\n      RenderlessFilter\n    },\n    props: ['filter'],\n    computed: {\n      clickEvents() {\n        return { UserClickedAHierarchicalFilter: this.filter };\n      }\n    }\n  };\n</script>\n```\n</docs>\n"],"names":[],"mappings":";;;;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/js/x-modules/facets/components/filters/{renderless-filter.vue_rollup-plugin-vue=script.js → renderless-filter.vue_rollup-plugin-vue_script.vue.js}

@@ -1,29 +1,23 @@
-import { __extends, __assign, __decorate } from 'tslib';
+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-from-top.vue.js';
-import '../../../../components/animations/animations.mixin.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-and-slide.vue.js';
-import '../../../../components/animations/staggering-transition-group.vue.js';
 import '../../../../components/animations/staggered-fade-and-slide.vue.js';
+import '../../../../components/animations/staggering-transition-group.vue_rollup-plugin-vue_script.vue.js';
+import 'vue-runtime-helpers/dist/normalize-component.mjs';
+import 'vue-runtime-helpers/dist/inject-style/browser.mjs';
 import '../../../../components/animations/translate-from-left.vue.js';
 import '../../../../components/animations/translate-from-right.vue.js';
-import '../../../../components/base-event-button.vue.js';
-import '../../../../components/no-element.js';
-import '../../../../components/base-dropdown.vue.js';
-import '../../../../components/decorators/bus.decorators.js';
-import '../../../../components/column-picker/column-picker.mixin.js';
 import '../../../../components/column-picker/base-column-picker-dropdown.vue.js';
 import '../../../../components/column-picker/base-column-picker-list.vue.js';
-import '../../../../components/decorators/injection.decorators.js';
+import '../../../../components/column-picker/column-picker.mixin.js';
 import '../../../../components/currency/base-currency.vue.js';
-import '../../../../components/filters/labels/base-price-filter-label.vue.js';
-import '../../../../components/icons/star.vue.js';
-import '../../../../components/base-rating.vue.js';
+import '../../../../components/filters/labels/base-price-filter-label.vue_rollup-plugin-vue_script.vue.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';
@@ -69,6 +63,7 @@ import '../../../../components/icons/nq-4.vue.js';
 import '../../../../components/icons/plus.vue.js';
 import '../../../../components/icons/search.vue.js';
 import '../../../../components/icons/show.vue.js';
+import '../../../../components/icons/star.vue.js';
 import '../../../../components/icons/search-tiny.vue.js';
 import '../../../../components/icons/tag.vue.js';
 import '../../../../components/icons/trash-open.vue.js';
@@ -76,24 +71,19 @@ 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/decorators/store.decorators.js';
-import '../../../../components/x-component.utils.js';
-import { xComponentMixin } from '../../../../components/x-component.mixin.js';
-import '../../../../components/modals/base-modal.vue.js';
-import '../../../../components/modals/base-id-modal.vue.js';
-import '../../../../components/scroll/scroll.mixin.js';
-import '../../../../components/scroll/base-scroll.vue.js';
 import '../../../../components/layouts/fixed-header-and-asides-layout.vue.js';
-import '../../../../components/panels/base-toggle-panel.vue.js';
-import '../../../../components/panels/base-id-toggle-panel.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/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/result/base-result-add-to-cart.vue.js';
 import '../../../../components/result/base-result-current-price.vue.js';
@@ -103,20 +93,28 @@ 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/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/decorators/injection.consts.js';
+import '../../../../components/base-event-button.vue.js';
+import '../../../../components/base-dropdown.vue.js';
 import '../../../../components/base-grid.vue.js';
 import '../../../../components/base-keyboard-navigation.vue.js';
+import '../../../../components/base-rating.vue.js';
 import '../../../../components/base-variable-column-grid.vue.js';
-import '../../../../components/decorators/debounce.decorators.js';
+import '../../../../components/no-element.js';
 import '../../../../components/sliding-panel.vue.js';
 import '../../../../components/items-list.vue.js';
-import '../../../../components/location-provider.vue.js';
-import '../../../../components/global-x-bus.vue.js';
+import '../../../../components/location-provider.vue_rollup-plugin-vue_script.vue.js';
+import '../../../../components/global-x-bus.vue_rollup-plugin-vue_script.vue.js';
 import '../../../../components/snippet-callbacks.vue.js';
+import 'rxjs';
+import 'rxjs/operators';
+import 'vue-class-component';
 import '../../../../components/items-list-injection.mixin.js';
+import { xComponentMixin } from '../../../../components/x-component.mixin.js';
 import { facetsXModule } from '../../x-module.js';
 
 /**
@@ -130,91 +128,75 @@ import { facetsXModule } from '../../x-module.js';
  *
  * @public
  */
-var RenderlessFilter = /** @class */ (function (_super) {
-    __extends(RenderlessFilter, _super);
-    function RenderlessFilter() {
-        return _super !== null && _super.apply(this, arguments) || this;
+let RenderlessFilter = class RenderlessFilter extends Vue {
+    /**
+     * The events that will be emitted when the filter is clicked.
+     *
+     * @returns The events to be emitted when the filter is clicked.
+     * @internal
+     */
+    get events() {
+        return {
+            UserClickedAFilter: this.filter,
+            ...this.clickEvents
+        };
     }
-    Object.defineProperty(RenderlessFilter.prototype, "events", {
-        /**
-         * The events that will be emitted when the filter is clicked.
-         *
-         * @returns The events to be emitted when the filter is clicked.
-         * @internal
-         */
-        get: function () {
-            return __assign({ UserClickedAFilter: this.filter }, this.clickEvents);
-        },
-        enumerable: false,
-        configurable: true
-    });
     /**
      * The events to emit to the bus.
      *
      * @internal
      */
-    RenderlessFilter.prototype.emitEvents = function () {
-        var _this = this;
-        Object.entries(this.events).forEach(function (_a) {
-            var event = _a[0], payload = _a[1];
-            _this.$x.emit(event, payload, { target: _this.$el });
+    emitEvents() {
+        Object.entries(this.events).forEach(([event, payload]) => {
+            this.$x.emit(event, payload, { target: this.$el });
         });
-    };
-    Object.defineProperty(RenderlessFilter.prototype, "isDisabled", {
-        /**
-         * Returns `true` when the filter should be disabled.
-         *
-         * @returns `true` if the filter should be disabled.
-         * @internal
-         */
-        get: function () {
-            return this.filter.totalResults === 0;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(RenderlessFilter.prototype, "cssClasses", {
-        /**
-         * Dynamic CSS classes to apply to the component.
-         *
-         * @returns The dynamic CSS classes to apply to the component.
-         * @internal
-         */
-        get: function () {
-            return [
-                'x-filter',
-                {
-                    'x-filter--is-selected': this.filter.selected,
-                    'x-filter--is-disabled': this.isDisabled
-                }
-            ];
-        },
-        enumerable: false,
-        configurable: true
-    });
-    RenderlessFilter.prototype.render = function (h) {
-        var _a, _b, _c, _d;
-        return ((_d = (_c = (_b = (_a = this.$scopedSlots).default) === null || _b === void 0 ? void 0 : _b.call(_a, {
+    }
+    /**
+     * Returns `true` when the filter should be disabled.
+     *
+     * @returns `true` if the filter should be disabled.
+     * @internal
+     */
+    get isDisabled() {
+        return this.filter.totalResults === 0;
+    }
+    /**
+     * Dynamic CSS classes to apply to the component.
+     *
+     * @returns The dynamic CSS classes to apply to the component.
+     * @internal
+     */
+    get cssClasses() {
+        return [
+            'x-filter',
+            {
+                'x-filter--is-selected': this.filter.selected,
+                'x-filter--is-disabled': this.isDisabled
+            }
+        ];
+    }
+    render(h) {
+        return (this.$scopedSlots.default?.({
             filter: this.filter,
             // eslint-disable-next-line @typescript-eslint/unbound-method
             clickFilter: this.emitEvents,
             cssClasses: this.cssClasses,
             isDisabled: this.isDisabled
-        })) === null || _c === void 0 ? void 0 : _c[0]) !== null && _d !== void 0 ? _d : h());
-    };
-    __decorate([
-        Prop({ required: true })
-    ], RenderlessFilter.prototype, "filter", void 0);
-    __decorate([
-        Prop()
-    ], RenderlessFilter.prototype, "clickEvents", void 0);
-    RenderlessFilter = __decorate([
-        Component({
-            mixins: [xComponentMixin(facetsXModule)]
-        })
-    ], RenderlessFilter);
-    return RenderlessFilter;
-}(Vue));
+        })?.[0] ?? h());
+    }
+};
+__decorate([
+    Prop({ required: true })
+], RenderlessFilter.prototype, "filter", void 0);
+__decorate([
+    Prop()
+], RenderlessFilter.prototype, "clickEvents", void 0);
+RenderlessFilter = __decorate([
+    Component({
+        mixins: [xComponentMixin(facetsXModule)]
+    })
+], RenderlessFilter);
+var script = RenderlessFilter;
 
-export default RenderlessFilter;
-//# sourceMappingURL=renderless-filter.vue_rollup-plugin-vue=script.js.map
+export { script as default };
+//# sourceMappingURL=renderless-filter.vue_rollup-plugin-vue_script.vue.js.map