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

package/js/x-modules/search/components/spellcheck.vue.js

@@ -1,67 +1,24 @@
-import script from './spellcheck.vue2.js';
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.mjs';
+import _sfc_main from './spellcheck.vue2.js';
+import { openBlock, createElementBlock, renderSlot, normalizeProps, guardReactiveProps, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
+import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.js';
 
-/* script */
-const __vue_script__ = script;
-
-/* template */
-var __vue_render__ = function () {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _vm.spellcheckedQuery
-    ? _c(
-        "div",
-        { staticClass: "x-spellcheck", attrs: { "data-test": "spellcheck" } },
-        [
-          _vm._t(
-            "default",
-            function () {
-              return [
-                _vm._v(
-                  _vm._s(_vm.query) + " - " + _vm._s(_vm.spellcheckedQuery)
-                ),
-              ]
-            },
-            null,
-            { query: _vm.query, spellcheckedQuery: _vm.spellcheckedQuery }
-          ),
-        ],
-        2
-      )
-    : _vm._e()
+const _hoisted_1 = {
+  key: 0,
+  class: "x-spellcheck",
+  "data-test": "spellcheck"
 };
-var __vue_staticRenderFns__ = [];
-__vue_render__._withStripped = true;
-
-  /* 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__ = false;
-  /* style inject */
-  
-  /* style inject SSR */
-  
-  /* style inject shadow dom */
-  
-
-  
-  const __vue_component__ = /*#__PURE__*/__vue_normalize__(
-    { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
-    __vue_inject_styles__,
-    __vue_script__,
-    __vue_scope_id__,
-    __vue_is_functional_template__,
-    __vue_module_identifier__,
-    false,
-    undefined,
-    undefined,
-    undefined
-  );
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return _ctx.spellcheckedQuery ? (openBlock(), createElementBlock("div", _hoisted_1, [
+    renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({ query: _ctx.query, spellcheckedQuery: _ctx.spellcheckedQuery })), () => [
+      createTextVNode(
+        toDisplayString(_ctx.query) + " - " + toDisplayString(_ctx.spellcheckedQuery),
+        1
+        /* TEXT */
+      )
+    ])
+  ])) : createCommentVNode("v-if", true);
+}
+var spellcheck = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 
-export { __vue_component__ as default };
+export { spellcheck as default };
 //# sourceMappingURL=spellcheck.vue.js.map

package/js/x-modules/search/components/spellcheck.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"spellcheck.vue.js","sources":["../../../../../src/x-modules/search/components/spellcheck.vue"],"sourcesContent":["<template>\n  <div v-if=\"spellcheckedQuery\" class=\"x-spellcheck\" data-test=\"spellcheck\">\n    <slot v-bind=\"{ query, spellcheckedQuery }\">{{ query }} - {{ spellcheckedQuery }}</slot>\n  </div>\n</template>\n\n<script lang=\"ts\">\n  import Vue from 'vue';\n  import { Component } from 'vue-property-decorator';\n  import { State, xComponentMixin } from '../../../components';\n  import { searchXModule } from '../x-module';\n\n  /**\n   * The `Spellcheck` component allows to inform the user with a friendly message that he\n   * might have misspelled the search query. This message can be set using the default slot\n   * of the component, which gives access to the searched query using the `query` scope property,\n   * and the spellchecked query proposal, using the `spellcheckedQuery` scope property.\n   *\n   * The component will only render itself if the `spellcheckedQuery` property has value.\n   *\n   * @public\n   */\n  @Component({\n    mixins: [xComponentMixin(searchXModule)]\n  })\n  export default class Spellcheck extends Vue {\n    /**\n     * The query from the search state.\n     *\n     * @public\n     */\n    @State('search', 'query')\n    public query!: string;\n\n    /**\n     * The spellcheckedQuery from the search state.\n     *\n     * @public\n     */\n    @State('search', 'spellcheckedQuery')\n    public spellcheckedQuery!: string;\n  }\n</script>\n\n<docs lang=\"mdx\">\n## Examples\n\nThis default spellcheck component expects a query and a spellcheckedQuery to render and pass to its\ndefault slot.\n\nThis two props should be show like a message comparing them.\n\n### Basic usage\n\n```vue\n<Spellcheck />\n```\n\n### Customizing its contents\n\n```vue\n<Spellcheck>\n  <template #default=\"{ query, spellcheckedQuery }\">\n    No results found for '{{ query }}'. We show you results for '{{ spellcheckedQuery }}'\n  </template>\n</Spellcheck>\n\n<script>\n  import { Spellcheck } from '@empathyco/x-components/search';\n\n  export default {\n    components: {\n      Spellcheck\n    }\n  };\n</script>\n```\n</docs>\n"],"names":[],"mappings":";;;;AAEA,MAAc,cAAA,GAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"spellcheck.vue.js","sources":["../../../../../src/x-modules/search/components/spellcheck.vue"],"sourcesContent":["<template>\n  <div v-if=\"spellcheckedQuery\" class=\"x-spellcheck\" data-test=\"spellcheck\">\n    <slot v-bind=\"{ query, spellcheckedQuery }\">{{ query }} - {{ spellcheckedQuery }}</slot>\n  </div>\n</template>\n\n<script lang=\"ts\">\n  import { defineComponent } from 'vue';\n  import { searchXModule } from '../x-module';\n  import { useState } from '../../../composables/use-state';\n\n  /**\n   * The `Spellcheck` component allows to inform the user with a friendly message that he\n   * might have misspelled the search query. This message can be set using the default slot\n   * of the component, which gives access to the searched query using the `query` scope property,\n   * and the spellchecked query proposal, using the `spellcheckedQuery` scope property.\n   *\n   * The component will only render itself if the `spellcheckedQuery` property has value.\n   *\n   * @public\n   */\n  export default defineComponent({\n    name: 'Spellcheck',\n    xModule: searchXModule.name,\n    setup() {\n      /**\n       * The query and the spellcheckedQuery from the search state.\n       *\n       * @public\n       */\n      const { query, spellcheckedQuery } = useState('search', ['query', 'spellcheckedQuery']);\n\n      return {\n        query,\n        spellcheckedQuery\n      };\n    }\n  });\n</script>\n\n<docs lang=\"mdx\">\n## Examples\n\nThis default spellcheck component expects a query and a spellcheckedQuery to render and pass to its\ndefault slot.\n\nThis two props should be show like a message comparing them.\n\n### Basic usage\n\n```vue\n<Spellcheck />\n```\n\n### Customizing its contents\n\n```vue\n<Spellcheck>\n  <template #default=\"{ query, spellcheckedQuery }\">\n    No results found for '{{ query }}'. We show you results for '{{ spellcheckedQuery }}'\n  </template>\n</Spellcheck>\n\n<script>\n  import { Spellcheck } from '@empathyco/x-components/search';\n\n  export default {\n    components: {\n      Spellcheck\n    }\n  };\n</script>\n```\n</docs>\n"],"names":["_openBlock","query","_renderSlot","_normalizeProps","_guardReactiveProps","_createCommentVNode"],"mappings":";;;;MACgC,UAAM,GAAA;AAAA,EAAe,GAAA,EAAA,CAAA;AAAA,EAAA,KAAA,EAAA,cAAA;;;AAAnD,SAAA,WAAA,CAAA,IAAA,EAAA,MAAA,EAAA,MAAA,EAEM,QAFN,KAEM,EAAA,QAAA,EAAA;AADJ,EAAA,OAAA,IAAA,CAAA,iBAAA,IAAAA,SAAA,8BAA+CC,UAAQ,EAAA;AAAA,IAAAC,UAAA,CAAA,IAAA,CAAA,MAAA,EAAA,SAAA,EAAAC,cAAA,CAAAC,kBAAA,CAAA,EAAA,KAAA,EAAA,IAAA,CAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,CAAA,iBAAA,EAAA,CAAA,CAAA,EAAA,MAAA;;;;;;AAF3D,KAAA,CAAA;AAAA,GAAA,CAAA,IAAAC,kBAAA,CAAA,MAAA,EAAA,IAAA,CAAA,CAAA;;;;;;"}

package/js/x-modules/search/components/spellcheck.vue2.js

@@ -1,153 +1,6 @@
-import { __decorate } from 'tslib';
-import Vue from 'vue';
-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 '../../../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 { State } from '../../../components/decorators/store.decorators.js';
-import { xComponentMixin } from '../../../components/x-component.mixin.js';
+import { defineComponent } from 'vue';
 import { searchXModule } from '../x-module.js';
+import { useState } from '../../../composables/use-state.js';
 
 /**
  * The `Spellcheck` component allows to inform the user with a friendly message that he
@@ -159,20 +12,22 @@ import { searchXModule } from '../x-module.js';
  *
  * @public
  */
-let Spellcheck = class Spellcheck extends Vue {
-};
-__decorate([
-    State('search', 'query')
-], Spellcheck.prototype, "query", void 0);
-__decorate([
-    State('search', 'spellcheckedQuery')
-], Spellcheck.prototype, "spellcheckedQuery", void 0);
-Spellcheck = __decorate([
-    Component({
-        mixins: [xComponentMixin(searchXModule)]
-    })
-], Spellcheck);
-var script = Spellcheck;
+var _sfc_main = defineComponent({
+    name: 'Spellcheck',
+    xModule: searchXModule.name,
+    setup() {
+        /**
+         * The query and the spellcheckedQuery from the search state.
+         *
+         * @public
+         */
+        const { query, spellcheckedQuery } = useState('search', ['query', 'spellcheckedQuery']);
+        return {
+            query,
+            spellcheckedQuery
+        };
+    }
+});
 
-export { script as default };
+export { _sfc_main as default };
 //# sourceMappingURL=spellcheck.vue2.js.map

package/js/x-modules/search/components/spellcheck.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"spellcheck.vue2.js","sources":["../../../../../src/x-modules/search/components/spellcheck.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\n\n\n\n\n\n\n  import Vue from 'vue';\n  import { Component } from 'vue-property-decorator';\n  import { State, xComponentMixin } from '../../../components';\n  import { searchXModule } from '../x-module';\n\n  /**\n   * The `Spellcheck` component allows to inform the user with a friendly message that he\n   * might have misspelled the search query. This message can be set using the default slot\n   * of the component, which gives access to the searched query using the `query` scope property,\n   * and the spellchecked query proposal, using the `spellcheckedQuery` scope property.\n   *\n   * The component will only render itself if the `spellcheckedQuery` property has value.\n   *\n   * @public\n   */\n  @Component({\n    mixins: [xComponentMixin(searchXModule)]\n  })\n  export default class Spellcheck extends Vue {\n    /**\n     * The query from the search state.\n     *\n     * @public\n     */\n    @State('search', 'query')\n    public query!: string;\n\n    /**\n     * The spellcheckedQuery from the search state.\n     *\n     * @public\n     */\n    @State('search', 'spellcheckedQuery')\n    public spellcheckedQuery!: string;\n  }\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYE;;;;;;;;;AASG;AAIY,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,GAAG,CAAA;CAgB1C,CAAA;AATC,UAAA,CAAA;AADC,IAAA,KAAK,CAAC,QAAQ,EAAE,OAAO,CAAC;AACH,CAAA,EAAA,UAAA,CAAA,SAAA,EAAA,OAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAQtB,UAAA,CAAA;AADC,IAAA,KAAK,CAAC,QAAQ,EAAE,mBAAmB,CAAC;AACH,CAAA,EAAA,UAAA,CAAA,SAAA,EAAA,mBAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAff,UAAU,GAAA,UAAA,CAAA;AAH9B,IAAA,SAAS,CAAC;AACT,QAAA,MAAM,EAAE,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC;KACzC,CAAC;AACmB,CAAA,EAAA,UAAU,CAgB9B,CAAA;aAhBoB,UAAU;;;;"}
+{"version":3,"file":"spellcheck.vue2.js","sources":["../../../../../src/x-modules/search/components/spellcheck.vue"],"sourcesContent":["<template>\n  <div v-if=\"spellcheckedQuery\" class=\"x-spellcheck\" data-test=\"spellcheck\">\n    <slot v-bind=\"{ query, spellcheckedQuery }\">{{ query }} - {{ spellcheckedQuery }}</slot>\n  </div>\n</template>\n\n<script lang=\"ts\">\n  import { defineComponent } from 'vue';\n  import { searchXModule } from '../x-module';\n  import { useState } from '../../../composables/use-state';\n\n  /**\n   * The `Spellcheck` component allows to inform the user with a friendly message that he\n   * might have misspelled the search query. This message can be set using the default slot\n   * of the component, which gives access to the searched query using the `query` scope property,\n   * and the spellchecked query proposal, using the `spellcheckedQuery` scope property.\n   *\n   * The component will only render itself if the `spellcheckedQuery` property has value.\n   *\n   * @public\n   */\n  export default defineComponent({\n    name: 'Spellcheck',\n    xModule: searchXModule.name,\n    setup() {\n      /**\n       * The query and the spellcheckedQuery from the search state.\n       *\n       * @public\n       */\n      const { query, spellcheckedQuery } = useState('search', ['query', 'spellcheckedQuery']);\n\n      return {\n        query,\n        spellcheckedQuery\n      };\n    }\n  });\n</script>\n\n<docs lang=\"mdx\">\n## Examples\n\nThis default spellcheck component expects a query and a spellcheckedQuery to render and pass to its\ndefault slot.\n\nThis two props should be show like a message comparing them.\n\n### Basic usage\n\n```vue\n<Spellcheck />\n```\n\n### Customizing its contents\n\n```vue\n<Spellcheck>\n  <template #default=\"{ query, spellcheckedQuery }\">\n    No results found for '{{ query }}'. We show you results for '{{ spellcheckedQuery }}'\n  </template>\n</Spellcheck>\n\n<script>\n  import { Spellcheck } from '@empathyco/x-components/search';\n\n  export default {\n    components: {\n      Spellcheck\n    }\n  };\n</script>\n```\n</docs>\n"],"names":[],"mappings":";;;;AAWE;;;;;;;;;AASE;AACF,gBAAe,eAAe,CAAC;AAC7B,IAAA,IAAI,EAAE,YAAY;IAClB,OAAO,EAAE,aAAa,CAAC,IAAI;IAC3B,KAAK,GAAA;AACH;;;;AAIE;AACF,QAAA,MAAM,EAAE,KAAK,EAAE,iBAAgB,EAAI,GAAE,QAAQ,CAAC,QAAQ,EAAE,CAAC,OAAO,EAAE,mBAAmB,CAAC,CAAC,CAAA;QAEvF,OAAO;YACL,KAAK;YACL,iBAAgB;SACjB,CAAA;KACH;AACD,CAAA,CAAC;;;;"}

package/js/x-modules/search/store/module.js

@@ -37,11 +37,15 @@ const searchXStoreModule = {
     },
     mutations: {
         appendResults(state, results) {
-            state.results.push(...results);
+            state.results = [...state.results, ...results];
         },
         resetState(state) {
             Object.assign(state, resettableState());
         },
+        resetStateForReload(state) {
+            const { query, facets, sort, page, ...resettable } = resettableState();
+            Object.assign(state, resettable);
+        },
         setQuery,
         setResults(state, results) {
             state.results = results;

package/js/x-modules/search/store/module.js.map

@@ -1 +1 @@
-{"version":3,"file":"module.js","sources":["../../../../../src/x-modules/search/store/module.ts"],"sourcesContent":["import { isFacetFilter } from '@empathyco/x-types';\nimport { setQuery } from '../../../store/utils/query.utils';\nimport { setStatus } from '../../../store/utils/status-store.utils';\nimport { groupItemsBy } from '../../../utils/array';\nimport { mergeConfig, setConfig } from '../../../store/utils/config-store.utils';\nimport { UNKNOWN_FACET_KEY } from '../../facets/store/constants';\nimport {\n  cancelFetchAndSaveSearchResponse,\n  fetchAndSaveSearchResponse\n} from './actions/fetch-and-save-search-response.action';\nimport { fetchSearchResponse } from './actions/fetch-search-response.action';\nimport { increasePageAppendingResults } from './actions/increase-page-apending-results.action';\nimport { resetRequestOnRefinement } from './actions/reset-request-on-refinement.action';\nimport { saveOrigin } from './actions/save-origin.action';\nimport { saveSearchResponse } from './actions/save-search-response.action';\nimport { setUrlParams } from './actions/set-url-params.action';\nimport { query } from './getters/query.getter';\nimport { request } from './getters/request.getter';\nimport { SearchXStoreModule } from './types';\n\n/**\n * {@link XStoreModule} For the search module.\n *\n * @internal\n */\nexport const searchXStoreModule: SearchXStoreModule = {\n  state: () => ({\n    ...resettableState(),\n    selectedFilters: {},\n    params: {},\n    config: {\n      pageSize: 24\n    },\n    status: 'initial',\n    isNoResults: false,\n    fromNoResultsWithFilters: false\n  }),\n  getters: {\n    request,\n    query\n  },\n  mutations: {\n    appendResults(state, results) {\n      state.results.push(...results);\n    },\n    resetState(state) {\n      Object.assign(state, resettableState());\n    },\n    setQuery,\n    setResults(state, results) {\n      state.results = results;\n    },\n    setPartialResults(state, partialResults) {\n      state.partialResults = partialResults;\n    },\n    setFacets(state, facets) {\n      state.facets = facets;\n    },\n    setRelatedTags(state, relatedTags) {\n      state.relatedTags = relatedTags;\n    },\n    setSelectedFilters(state, selectedFilters) {\n      state.selectedFilters = groupItemsBy(selectedFilters, filter =>\n        isFacetFilter(filter) ? filter.facetId : UNKNOWN_FACET_KEY\n      );\n    },\n    setBanners(state, banners) {\n      state.banners = banners;\n    },\n    setPromoteds(state, promoteds) {\n      state.promoteds = promoteds;\n    },\n    setSpellcheck(state, spellcheckedQuery) {\n      state.spellcheckedQuery = spellcheckedQuery;\n    },\n    setTotalResults(state, totalResults) {\n      state.totalResults = totalResults;\n    },\n    setSort(state, sort) {\n      state.sort = sort;\n    },\n    setPage(state, page) {\n      state.page = page;\n    },\n    setConfig,\n    mergeConfig,\n    setIsAppendResults(state, isAppendResults) {\n      state.isAppendResults = isAppendResults;\n    },\n    setIsNoResults(state, isNoResults) {\n      state.isNoResults = isNoResults;\n    },\n    setFromNoResultsWithFilters(state, fromNoResultsWithFilters) {\n      state.fromNoResultsWithFilters = fromNoResultsWithFilters;\n    },\n    setStatus,\n    setParams(state, params) {\n      state.params = params;\n    },\n    setOrigin(state, origin = null) {\n      state.origin = origin;\n    },\n    setRedirections(state, redirections) {\n      state.redirections = redirections;\n    },\n    setQueryTagging(state, queryTagging) {\n      state.queryTagging = queryTagging;\n    },\n    setDisplayTagging(state, displayTagging) {\n      state.displayTagging = displayTagging;\n    },\n    updateResult(state, result) {\n      const stateResult = state.results.find(stateResult => result.id === stateResult.id);\n      if (stateResult) {\n        Object.assign(stateResult, result);\n      }\n    }\n  },\n  actions: {\n    cancelFetchAndSaveSearchResponse,\n    fetchSearchResponse,\n    fetchAndSaveSearchResponse,\n    increasePageAppendingResults,\n    resetRequestOnRefinement,\n    saveSearchResponse,\n    setUrlParams,\n    saveOrigin\n  }\n};\n\n/**\n * Function to return the \"resettable\" part of the state. This will be used in the `resetState`\n * mutation to reset to the initial state.\n *\n * @returns The \"resettable\" part of the {@link SearchState}.\n *\n * @internal\n */\nexport function resettableState() {\n  return {\n    query: '',\n    results: [],\n    partialResults: [],\n    facets: [],\n    relatedTags: [],\n    banners: [],\n    promoteds: [],\n    totalResults: 0,\n    spellcheckedQuery: '',\n    sort: '',\n    page: 1,\n    origin: null,\n    isAppendResults: false,\n    redirections: [],\n    queryTagging: {\n      url: '',\n      params: {}\n    },\n    displayTagging: {\n      url: '',\n      params: {}\n    }\n  };\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"module.js","sources":["../../../../../src/x-modules/search/store/module.ts"],"sourcesContent":["import { isFacetFilter } from '@empathyco/x-types';\nimport { setQuery } from '../../../store/utils/query.utils';\nimport { setStatus } from '../../../store';\nimport { groupItemsBy } from '../../../utils/array';\nimport { mergeConfig, setConfig } from '../../../store/utils/config-store.utils';\nimport { UNKNOWN_FACET_KEY } from '../../facets/store/constants';\nimport {\n  cancelFetchAndSaveSearchResponse,\n  fetchAndSaveSearchResponse,\n  fetchSearchResponse,\n  increasePageAppendingResults,\n  resetRequestOnRefinement,\n  saveSearchResponse\n} from './actions';\nimport { saveOrigin } from './actions/save-origin.action';\nimport { setUrlParams } from './actions/set-url-params.action';\nimport { query } from './getters/query.getter';\nimport { request } from './getters/request.getter';\nimport { SearchXStoreModule } from './types';\n\n/**\n * {@link XStoreModule} For the search module.\n *\n * @internal\n */\nexport const searchXStoreModule: SearchXStoreModule = {\n  state: () => ({\n    ...resettableState(),\n    selectedFilters: {},\n    params: {},\n    config: {\n      pageSize: 24\n    },\n    status: 'initial',\n    isNoResults: false,\n    fromNoResultsWithFilters: false\n  }),\n  getters: {\n    request,\n    query\n  },\n  mutations: {\n    appendResults(state, results) {\n      state.results = [...state.results, ...results];\n    },\n    resetState(state) {\n      Object.assign(state, resettableState());\n    },\n    resetStateForReload(state) {\n      const { query, facets, sort, page, ...resettable } = resettableState();\n      Object.assign(state, resettable);\n    },\n    setQuery,\n    setResults(state, results) {\n      state.results = results;\n    },\n    setPartialResults(state, partialResults) {\n      state.partialResults = partialResults;\n    },\n    setFacets(state, facets) {\n      state.facets = facets;\n    },\n    setRelatedTags(state, relatedTags) {\n      state.relatedTags = relatedTags;\n    },\n    setSelectedFilters(state, selectedFilters) {\n      state.selectedFilters = groupItemsBy(selectedFilters, filter =>\n        isFacetFilter(filter) ? filter.facetId : UNKNOWN_FACET_KEY\n      );\n    },\n    setBanners(state, banners) {\n      state.banners = banners;\n    },\n    setPromoteds(state, promoteds) {\n      state.promoteds = promoteds;\n    },\n    setSpellcheck(state, spellcheckedQuery) {\n      state.spellcheckedQuery = spellcheckedQuery;\n    },\n    setTotalResults(state, totalResults) {\n      state.totalResults = totalResults;\n    },\n    setSort(state, sort) {\n      state.sort = sort;\n    },\n    setPage(state, page) {\n      state.page = page;\n    },\n    setConfig,\n    mergeConfig,\n    setIsAppendResults(state, isAppendResults) {\n      state.isAppendResults = isAppendResults;\n    },\n    setIsNoResults(state, isNoResults) {\n      state.isNoResults = isNoResults;\n    },\n    setFromNoResultsWithFilters(state, fromNoResultsWithFilters) {\n      state.fromNoResultsWithFilters = fromNoResultsWithFilters;\n    },\n    setStatus,\n    setParams(state, params) {\n      state.params = params;\n    },\n    setOrigin(state, origin = null) {\n      state.origin = origin;\n    },\n    setRedirections(state, redirections) {\n      state.redirections = redirections;\n    },\n    setQueryTagging(state, queryTagging) {\n      state.queryTagging = queryTagging;\n    },\n    setDisplayTagging(state, displayTagging) {\n      state.displayTagging = displayTagging;\n    },\n    updateResult(state, result) {\n      const stateResult = state.results.find(stateResult => result.id === stateResult.id);\n      if (stateResult) {\n        Object.assign(stateResult, result);\n      }\n    }\n  },\n  actions: {\n    cancelFetchAndSaveSearchResponse,\n    fetchSearchResponse,\n    fetchAndSaveSearchResponse,\n    increasePageAppendingResults,\n    resetRequestOnRefinement,\n    saveSearchResponse,\n    setUrlParams,\n    saveOrigin\n  }\n};\n\n/**\n * Function to return the \"resettable\" part of the state. This will be used in the `resetState`\n * mutation to reset to the initial state.\n *\n * @returns The \"resettable\" part of the {@link SearchState}.\n *\n * @internal\n */\nexport function resettableState() {\n  return {\n    query: '',\n    results: [],\n    partialResults: [],\n    facets: [],\n    relatedTags: [],\n    banners: [],\n    promoteds: [],\n    totalResults: 0,\n    spellcheckedQuery: '',\n    sort: '',\n    page: 1,\n    origin: null,\n    isAppendResults: false,\n    redirections: [],\n    queryTagging: {\n      url: '',\n      params: {}\n    },\n    displayTagging: {\n      url: '',\n      params: {}\n    }\n  };\n}\n"],"names":[],"mappings":"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"}

package/js/x-modules/search/wiring.js

@@ -2,6 +2,7 @@ import { namespacedWireCommit, namespacedWireCommitWithoutPayload, namespacedWir
 import { filterTruthyPayload } from '../../wiring/wires.operators.js';
 import { createWiring } from '../../wiring/wiring.utils.js';
 import { createRawFilters } from '../../utils/filters.js';
+import '../../utils/storage.js';
 
 /**
  * `search` {@link XModuleName | XModule name}.
@@ -105,6 +106,12 @@ const setSearchPage = wireCommit('setPage');
  * @public
  */
 const setSearchExtraParams = wireCommit('setParams');
+/**
+ * Resets the search state to reload the current search.
+ *
+ * @public
+ */
+const resetStateForReloadWire = wireCommitWithoutPayload('resetStateForReload');
 /**
  * Resets the search state `isNoResults`.
  *
@@ -218,6 +225,9 @@ const searchWiring = createWiring({
     ResultsChanged: {
         resetAppending
     },
+    ReloadSearchRequested: {
+        resetStateForReloadWire
+    },
     SelectedSortProvided: {
         setSort
     },
@@ -244,5 +254,5 @@ const searchWiring = createWiring({
     }
 });
 
-export { cancelFetchAndSaveSearchResponseWire, clearSearchQuery, fetchAndSaveSearchResponseWire, increasePageAppendingResultsWire, resetAppending, resetFromNoResultsWithFilters, resetIsNoResults, resetRequestOnRefinementWire, resetSpellcheckQuery, resetStateIfNoRequestWire, saveOriginWire, searchWiring, setRelatedTags, setSearchExtraParams, setSearchExtraParamsFromPreview, setSearchPage, setSearchQuery, setSearchQueryFromPreview, setSearchSelectedFiltersFromHistoryQuery, setSearchSelectedFiltersFromPreview, setSelectedFilters, setSort, setUrlParams };
+export { cancelFetchAndSaveSearchResponseWire, clearSearchQuery, fetchAndSaveSearchResponseWire, increasePageAppendingResultsWire, resetAppending, resetFromNoResultsWithFilters, resetIsNoResults, resetRequestOnRefinementWire, resetSpellcheckQuery, resetStateForReloadWire, resetStateIfNoRequestWire, saveOriginWire, searchWiring, setRelatedTags, setSearchExtraParams, setSearchExtraParamsFromPreview, setSearchPage, setSearchQuery, setSearchQueryFromPreview, setSearchSelectedFiltersFromHistoryQuery, setSearchSelectedFiltersFromPreview, setSelectedFilters, setSort, setUrlParams };
 //# sourceMappingURL=wiring.js.map

package/js/x-modules/search/wiring.js.map

@@ -1 +1 @@
-{"version":3,"file":"wiring.js","sources":["../../../../src/x-modules/search/wiring.ts"],"sourcesContent":["import { filterTruthyPayload, namespacedWireCommitWithoutPayload } from '../../wiring';\nimport {\n  namespacedWireCommit,\n  namespacedWireDispatch,\n  namespacedWireDispatchWithoutPayload\n} from '../../wiring/namespaced-wires.factory';\nimport { WirePayload } from '../../wiring/wiring.types';\nimport { createWiring } from '../../wiring/wiring.utils';\nimport { createRawFilters } from '../../utils/filters';\nimport { InternalSearchRequest } from './types';\n\n/**\n * `search` {@link XModuleName | XModule name}.\n *\n * @internal\n */\nconst moduleName = 'search';\n\n/**\n * WireCommit for {@link SearchXModule}.\n *\n * @internal\n */\nconst wireCommit = namespacedWireCommit(moduleName);\n\n/**\n * WireCommit without Payload for {@link SearchXModule}.\n *\n * @internal\n */\nconst wireCommitWithoutPayload = namespacedWireCommitWithoutPayload(moduleName);\n\n/**\n * WireDispatch for {@link SearchXModule}.\n *\n * @internal\n */\nconst wireDispatch = namespacedWireDispatch(moduleName);\n\n/**\n * WireDispatchWithoutPayload for {@link SearchXModule}.\n *\n * @internal\n */\nconst wireDispatchWithoutPayload = namespacedWireDispatchWithoutPayload(moduleName);\n\n/**\n * Cancels the {@link SearchActions.fetchAndSaveSearchResponse} request promise.\n *\n * @public\n */\nexport const cancelFetchAndSaveSearchResponseWire = wireDispatchWithoutPayload(\n  'cancelFetchAndSaveSearchResponse'\n);\n\n/**\n * Sets the search state `origin`.\n *\n * @public\n */\nexport const saveOriginWire = wireDispatch('saveOrigin', ({ metadata }) => metadata);\n\n/**\n * Requests and stores the search response.\n *\n * @public\n */\nexport const fetchAndSaveSearchResponseWire = wireDispatch('fetchAndSaveSearchResponse');\n\n/**\n * Resets the search state `spellcheckedQuery` to its initial value, an empty string.\n *\n * @public\n */\nexport const resetSpellcheckQuery = wireCommit('setSpellcheck', '');\n\n/**\n * Sets the search state `relatedTags`.\n *\n * @public\n */\nexport const setRelatedTags = wireCommit('setRelatedTags');\n\n/**\n * Sets the search state `query`.\n *\n * @public\n */\nexport const setSearchQuery = wireCommit('setQuery');\n\n/**\n * Clears the search state `query`.\n *\n * @public\n */\nexport const clearSearchQuery = wireCommit('setQuery', '');\n\n/**\n * Sets the search state `selectedFilters`.\n *\n * @public\n */\nexport const setSelectedFilters = wireCommit('setSelectedFilters');\n\n/**\n * Sets the search state `sort`.\n *\n * @public\n */\nexport const setSort = wireCommit('setSort');\n\n/**\n * Sets the search state `query`.\n *\n * @public\n */\nexport const setUrlParams = wireDispatch('setUrlParams');\n\n/**\n * Sets the search state `page`.\n *\n * @public\n */\nexport const setSearchPage = wireCommit('setPage');\n\n/**\n * Sets the search state `params`.\n *\n * @public\n */\nexport const setSearchExtraParams = wireCommit('setParams');\n\n/**\n * Resets the search state `isNoResults`.\n *\n * @public\n */\nexport const resetIsNoResults = wireCommit('setIsNoResults', false);\n\n/**\n * Resets the search state `fromNoResultsWithFilters`.\n *\n * @public\n */\nexport const resetFromNoResultsWithFilters = wireCommit('setFromNoResultsWithFilters', false);\n\n/**\n * Increases the current search state `page` by one.\n *\n * @public\n */\nexport const increasePageAppendingResultsWire = wireDispatchWithoutPayload(\n  'increasePageAppendingResults'\n);\n\n/**\n * Resets the search state `isAppendingResults`.\n *\n * @public\n */\nexport const resetAppending = wireCommit('setIsAppendResults', false);\n\n/**\n * Resets the {@link SearchGetters.request} parameters when refining request and before the actual\n * request is launched.\n *\n * @public\n */\nexport const resetRequestOnRefinementWire = wireDispatch(\n  'resetRequestOnRefinement',\n  ({ eventPayload: newRequest, metadata: { oldValue } }: WirePayload<InternalSearchRequest>) => ({\n    newRequest,\n    oldRequest: oldValue as InternalSearchRequest\n  })\n);\n\n/**\n * Resets the search state when the request is changed to null. See the\n * {@link searchXStoreModule} for details.\n *\n * @public\n */\nexport const resetStateIfNoRequestWire = filterTruthyPayload<InternalSearchRequest | null>(\n  wireCommitWithoutPayload('resetState')\n);\n\n/**\n * Sets the search state `query` with the selectedQueryPreview's query.\n *\n * @public\n */\nexport const setSearchQueryFromPreview = wireCommit(\n  'setQuery',\n  ({ eventPayload: { query } }) => query\n);\n\n/**\n * Sets the search state `params` with the selectedQueryPreview's extraParams.\n *\n * @public\n */\nexport const setSearchExtraParamsFromPreview = wireCommit(\n  'setParams',\n  ({ eventPayload: { extraParams } }) => extraParams\n);\n\n/**\n * Sets the search state `selectedFilters` with the selectedQueryPreview's filters.\n *\n * @public\n */\nexport const setSearchSelectedFiltersFromPreview = wireCommit(\n  'setSelectedFilters',\n  ({ eventPayload: { filters } }) => (filters ? createRawFilters(filters) : [])\n);\n\n/**\n * Sets the search state `selectedFilters` with a selectedHistoryQuery's filters.\n *\n * @public\n */\nexport const setSearchSelectedFiltersFromHistoryQuery = wireCommit(\n  'setSelectedFilters',\n  ({ eventPayload: { selectedFilters } }) => selectedFilters ?? []\n);\n\n/**\n * Search wiring.\n *\n * @internal\n */\nexport const searchWiring = createWiring({\n  ParamsLoadedFromUrl: {\n    setUrlParams,\n    saveOriginWire\n  },\n  UserAcceptedAQuery: {\n    setSearchQuery,\n    saveOriginWire\n  },\n  UserAcceptedSpellcheckQuery: {\n    resetSpellcheckQuery\n  },\n  UserClearedQuery: {\n    setSearchQuery,\n    cancelFetchAndSaveSearchResponseWire,\n    resetFromNoResultsWithFilters,\n    resetIsNoResults\n  },\n  UserClickedASort: {\n    setSort\n  },\n  UserPickedARelatedTag: {\n    saveOriginWire\n  },\n  UserReachedResultsListEnd: {\n    increasePageAppendingResultsWire\n  },\n  SearchRequestUpdated: {\n    resetStateIfNoRequestWire,\n    fetchAndSaveSearchResponseWire\n  },\n  SearchRequestChanged: {\n    resetRequestOnRefinementWire\n  },\n  SelectedRelatedTagsChanged: {\n    setRelatedTags\n  },\n  SelectedFiltersForRequestChanged: {\n    setSelectedFilters\n  },\n  ResultsChanged: {\n    resetAppending\n  },\n  SelectedSortProvided: {\n    setSort\n  },\n  ExtraParamsChanged: {\n    setSearchExtraParams\n  },\n  UserClickedCloseX: {\n    clearSearchQuery\n  },\n  UserClickedOutOfMainModal: {\n    clearSearchQuery\n  },\n  UserAcceptedAQueryPreview: {\n    setSearchQueryFromPreview,\n    setSearchExtraParamsFromPreview,\n    setSearchSelectedFiltersFromPreview,\n    saveOriginWire\n  },\n  QueryPreviewUnselected: {\n    setSearchExtraParams\n  },\n  UserSelectedAHistoryQuery: {\n    setSearchSelectedFiltersFromHistoryQuery\n  }\n});\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"wiring.js","sources":["../../../../src/x-modules/search/wiring.ts"],"sourcesContent":["import {\n  createWiring,\n  filterTruthyPayload,\n  namespacedWireCommit,\n  namespacedWireCommitWithoutPayload,\n  namespacedWireDispatch,\n  namespacedWireDispatchWithoutPayload,\n  WirePayload\n} from '../../wiring';\nimport { createRawFilters } from '../../utils';\nimport { InternalSearchRequest } from './types';\n\n/**\n * `search` {@link XModuleName | XModule name}.\n *\n * @internal\n */\nconst moduleName = 'search';\n\n/**\n * WireCommit for {@link SearchXModule}.\n *\n * @internal\n */\nconst wireCommit = namespacedWireCommit(moduleName);\n\n/**\n * WireCommit without Payload for {@link SearchXModule}.\n *\n * @internal\n */\nconst wireCommitWithoutPayload = namespacedWireCommitWithoutPayload(moduleName);\n\n/**\n * WireDispatch for {@link SearchXModule}.\n *\n * @internal\n */\nconst wireDispatch = namespacedWireDispatch(moduleName);\n\n/**\n * WireDispatchWithoutPayload for {@link SearchXModule}.\n *\n * @internal\n */\nconst wireDispatchWithoutPayload = namespacedWireDispatchWithoutPayload(moduleName);\n\n/**\n * Cancels the {@link SearchActions.fetchAndSaveSearchResponse} request promise.\n *\n * @public\n */\nexport const cancelFetchAndSaveSearchResponseWire = wireDispatchWithoutPayload(\n  'cancelFetchAndSaveSearchResponse'\n);\n\n/**\n * Sets the search state `origin`.\n *\n * @public\n */\nexport const saveOriginWire = wireDispatch('saveOrigin', ({ metadata }) => metadata);\n\n/**\n * Requests and stores the search response.\n *\n * @public\n */\nexport const fetchAndSaveSearchResponseWire = wireDispatch('fetchAndSaveSearchResponse');\n\n/**\n * Resets the search state `spellcheckedQuery` to its initial value, an empty string.\n *\n * @public\n */\nexport const resetSpellcheckQuery = wireCommit('setSpellcheck', '');\n\n/**\n * Sets the search state `relatedTags`.\n *\n * @public\n */\nexport const setRelatedTags = wireCommit('setRelatedTags');\n\n/**\n * Sets the search state `query`.\n *\n * @public\n */\nexport const setSearchQuery = wireCommit('setQuery');\n\n/**\n * Clears the search state `query`.\n *\n * @public\n */\nexport const clearSearchQuery = wireCommit('setQuery', '');\n\n/**\n * Sets the search state `selectedFilters`.\n *\n * @public\n */\nexport const setSelectedFilters = wireCommit('setSelectedFilters');\n\n/**\n * Sets the search state `sort`.\n *\n * @public\n */\nexport const setSort = wireCommit('setSort');\n\n/**\n * Sets the search state `query`.\n *\n * @public\n */\nexport const setUrlParams = wireDispatch('setUrlParams');\n\n/**\n * Sets the search state `page`.\n *\n * @public\n */\nexport const setSearchPage = wireCommit('setPage');\n\n/**\n * Sets the search state `params`.\n *\n * @public\n */\nexport const setSearchExtraParams = wireCommit('setParams');\n\n/**\n * Resets the search state to reload the current search.\n *\n * @public\n */\nexport const resetStateForReloadWire = wireCommitWithoutPayload('resetStateForReload');\n\n/**\n * Resets the search state `isNoResults`.\n *\n * @public\n */\nexport const resetIsNoResults = wireCommit('setIsNoResults', false);\n\n/**\n * Resets the search state `fromNoResultsWithFilters`.\n *\n * @public\n */\nexport const resetFromNoResultsWithFilters = wireCommit('setFromNoResultsWithFilters', false);\n\n/**\n * Increases the current search state `page` by one.\n *\n * @public\n */\nexport const increasePageAppendingResultsWire = wireDispatchWithoutPayload(\n  'increasePageAppendingResults'\n);\n\n/**\n * Resets the search state `isAppendingResults`.\n *\n * @public\n */\nexport const resetAppending = wireCommit('setIsAppendResults', false);\n\n/**\n * Resets the {@link SearchGetters.request} parameters when refining request and before the actual\n * request is launched.\n *\n * @public\n */\nexport const resetRequestOnRefinementWire = wireDispatch(\n  'resetRequestOnRefinement',\n  ({ eventPayload: newRequest, metadata: { oldValue } }: WirePayload<InternalSearchRequest>) => ({\n    newRequest,\n    oldRequest: oldValue as InternalSearchRequest\n  })\n);\n\n/**\n * Resets the search state when the request is changed to null. See the\n * {@link searchXStoreModule} for details.\n *\n * @public\n */\nexport const resetStateIfNoRequestWire = filterTruthyPayload<InternalSearchRequest | null>(\n  wireCommitWithoutPayload('resetState')\n);\n\n/**\n * Sets the search state `query` with the selectedQueryPreview's query.\n *\n * @public\n */\nexport const setSearchQueryFromPreview = wireCommit(\n  'setQuery',\n  ({ eventPayload: { query } }) => query\n);\n\n/**\n * Sets the search state `params` with the selectedQueryPreview's extraParams.\n *\n * @public\n */\nexport const setSearchExtraParamsFromPreview = wireCommit(\n  'setParams',\n  ({ eventPayload: { extraParams } }) => extraParams\n);\n\n/**\n * Sets the search state `selectedFilters` with the selectedQueryPreview's filters.\n *\n * @public\n */\nexport const setSearchSelectedFiltersFromPreview = wireCommit(\n  'setSelectedFilters',\n  ({ eventPayload: { filters } }) => (filters ? createRawFilters(filters) : [])\n);\n\n/**\n * Sets the search state `selectedFilters` with a selectedHistoryQuery's filters.\n *\n * @public\n */\nexport const setSearchSelectedFiltersFromHistoryQuery = wireCommit(\n  'setSelectedFilters',\n  ({ eventPayload: { selectedFilters } }) => selectedFilters ?? []\n);\n\n/**\n * Search wiring.\n *\n * @internal\n */\nexport const searchWiring = createWiring({\n  ParamsLoadedFromUrl: {\n    setUrlParams,\n    saveOriginWire\n  },\n  UserAcceptedAQuery: {\n    setSearchQuery,\n    saveOriginWire\n  },\n  UserAcceptedSpellcheckQuery: {\n    resetSpellcheckQuery\n  },\n  UserClearedQuery: {\n    setSearchQuery,\n    cancelFetchAndSaveSearchResponseWire,\n    resetFromNoResultsWithFilters,\n    resetIsNoResults\n  },\n  UserClickedASort: {\n    setSort\n  },\n  UserPickedARelatedTag: {\n    saveOriginWire\n  },\n  UserReachedResultsListEnd: {\n    increasePageAppendingResultsWire\n  },\n  SearchRequestUpdated: {\n    resetStateIfNoRequestWire,\n    fetchAndSaveSearchResponseWire\n  },\n  SearchRequestChanged: {\n    resetRequestOnRefinementWire\n  },\n  SelectedRelatedTagsChanged: {\n    setRelatedTags\n  },\n  SelectedFiltersForRequestChanged: {\n    setSelectedFilters\n  },\n  ResultsChanged: {\n    resetAppending\n  },\n  ReloadSearchRequested: {\n    resetStateForReloadWire\n  },\n  SelectedSortProvided: {\n    setSort\n  },\n  ExtraParamsChanged: {\n    setSearchExtraParams\n  },\n  UserClickedCloseX: {\n    clearSearchQuery\n  },\n  UserClickedOutOfMainModal: {\n    clearSearchQuery\n  },\n  UserAcceptedAQueryPreview: {\n    setSearchQueryFromPreview,\n    setSearchExtraParamsFromPreview,\n    setSearchSelectedFiltersFromPreview,\n    saveOriginWire\n  },\n  QueryPreviewUnselected: {\n    setSearchExtraParams\n  },\n  UserSelectedAHistoryQuery: {\n    setSearchSelectedFiltersFromHistoryQuery\n  }\n});\n"],"names":[],"mappings":"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"}

package/js/x-modules/search/x-module.js

@@ -1,3 +1,4 @@
+import { XPlugin } from '../../plugins/x-plugin.js';
 import { searchEmitters } from './store/emitters.js';
 import { searchXStoreModule } from './store/module.js';
 import { searchWiring } from './wiring.js';
@@ -13,7 +14,8 @@ const searchXModule = {
     storeModule: searchXStoreModule,
     storeEmitters: searchEmitters,
     wiring: searchWiring
-};
+};
+XPlugin.registerXModule(searchXModule);
 
 export { searchXModule };
 //# sourceMappingURL=x-module.js.map

package/js/x-modules/search/x-module.js.map

@@ -1 +1 @@
-{"version":3,"file":"x-module.js","sources":["../../../../src/x-modules/search/x-module.ts"],"sourcesContent":["// XModule\nimport { XModule } from '../x-modules.types';\nimport { searchEmitters } from './store/emitters';\nimport { searchXStoreModule } from './store/module';\nimport { SearchXStoreModule } from './store/types';\nimport { searchWiring } from './wiring';\n\n/**\n * Search {@link XModule} alias.\n *\n * @public\n */\nexport type SearchXModule = XModule<SearchXStoreModule>;\n\n/**\n * Search {@link XModule} implementation. This module is auto-registered as soon as you\n * import any component from the `search` entry point.\n *\n * @public\n */\nexport const searchXModule: SearchXModule = {\n  name: 'search',\n  storeModule: searchXStoreModule,\n  storeEmitters: searchEmitters,\n  wiring: searchWiring\n};\n"],"names":[],"mappings":";;;;AAcA;;;;;AAKG;AACU,MAAA,aAAa,GAAkB;AAC1C,IAAA,IAAI,EAAE,QAAQ;AACd,IAAA,WAAW,EAAE,kBAAkB;AAC/B,IAAA,aAAa,EAAE,cAAc;AAC7B,IAAA,MAAM,EAAE,YAAY;;;;;"}
+{"version":3,"file":"x-module.js","sources":["../../../../src/x-modules/search/x-module.ts"],"sourcesContent":["// XModule\nimport { XModule } from '../x-modules.types';\nimport { XPlugin } from '../../plugins/x-plugin';\nimport { searchEmitters } from './store/emitters';\nimport { searchXStoreModule } from './store/module';\nimport { SearchXStoreModule } from './store/types';\nimport { searchWiring } from './wiring';\n\n/**\n * Search {@link XModule} alias.\n *\n * @public\n */\nexport type SearchXModule = XModule<SearchXStoreModule>;\n\n/**\n * Search {@link XModule} implementation. This module is auto-registered as soon as you\n * import any component from the `search` entry point.\n *\n * @public\n */\nexport const searchXModule: SearchXModule = {\n  name: 'search',\n  storeModule: searchXStoreModule,\n  storeEmitters: searchEmitters,\n  wiring: searchWiring\n};\n\nXPlugin.registerXModule(searchXModule);\n"],"names":[],"mappings":";;;;;AAeA;;;;;AAKG;AACU,MAAA,aAAa,GAAkB;AAC1C,IAAA,IAAI,EAAE,QAAQ;AACd,IAAA,WAAW,EAAE,kBAAkB;AAC/B,IAAA,aAAa,EAAE,cAAc;AAC7B,IAAA,MAAM,EAAE,YAAY;EACpB;AAEF,OAAO,CAAC,eAAe,CAAC,aAAa,CAAC;;;;"}

package/js/x-modules/search-box/components/clear-search-input.vue.js

@@ -1,63 +1,25 @@
-import script from './clear-search-input.vue2.js';
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.mjs';
+import _sfc_main from './clear-search-input.vue2.js';
+import { resolveComponent, openBlock, createBlock, normalizeClass, withCtx, createCommentVNode, renderSlot, createTextVNode } from 'vue';
+import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.js';
 
-/* script */
-const __vue_script__ = script;
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_BaseEventButton = resolveComponent("BaseEventButton");
+  return openBlock(), createBlock(_component_BaseEventButton, {
+    class: normalizeClass(["x-clear-search-input x-button", _ctx.dynamicClasses]),
+    events: _ctx.clearSearchInputEvents,
+    "data-test": "clear-search-input"
+  }, {
+    default: withCtx(() => [
+      createCommentVNode(" @slot _Required_. Button content (text, icon, or both) "),
+      renderSlot(_ctx.$slots, "default", {}, () => [
+        createTextVNode("\u2715")
+      ])
+    ]),
+    _: 3
+    /* FORWARDED */
+  }, 8, ["class", "events"]);
+}
+var clearSearchInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 
-/* template */
-var __vue_render__ = function () {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c(
-    "BaseEventButton",
-    {
-      staticClass: "x-clear-search-input x-button",
-      class: _vm.dynamicClasses,
-      attrs: {
-        events: _vm.clearSearchInputEvents,
-        "data-test": "clear-search-input",
-      },
-    },
-    [
-      _vm._t("default", function () {
-        return [_vm._v("✕")]
-      }),
-    ],
-    2
-  )
-};
-var __vue_staticRenderFns__ = [];
-__vue_render__._withStripped = true;
-
-  /* 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__ = false;
-  /* style inject */
-  
-  /* style inject SSR */
-  
-  /* style inject shadow dom */
-  
-
-  
-  const __vue_component__ = /*#__PURE__*/__vue_normalize__(
-    { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
-    __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 { clearSearchInput as default };
 //# sourceMappingURL=clear-search-input.vue.js.map

package/js/x-modules/search-box/components/clear-search-input.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"clear-search-input.vue.js","sources":["../../../../../src/x-modules/search-box/components/clear-search-input.vue"],"sourcesContent":["<template>\n  <BaseEventButton\n    class=\"x-clear-search-input x-button\"\n    :class=\"dynamicClasses\"\n    :events=\"clearSearchInputEvents\"\n    data-test=\"clear-search-input\"\n  >\n    <!-- @slot _Required_. Button content (text, icon, or both) -->\n    <slot>✕</slot>\n  </BaseEventButton>\n</template>\n\n<script lang=\"ts\">\n  import Vue from 'vue';\n  import { Component } from 'vue-property-decorator';\n  import BaseEventButton from '../../../components/base-event-button.vue';\n  import { State } from '../../../components/decorators/store.decorators';\n  import { xComponentMixin } from '../../../components/x-component.mixin';\n  import { VueCSSClasses } from '../../../utils/types';\n  import { XEventsTypes } from '../../../wiring/events.types';\n  import { searchBoxXModule } from '../x-module';\n\n  /**\n   * This component renders a button to delete the current query.\n   *\n   * @remarks\n   * A button that when pressed emits the {@link SearchBoxXEvents.UserPressedClearSearchBoxButton}\n   * and {@link SearchBoxXEvents.UserClearedQuery} events, expressing the user intention to clear\n   * the current query.\n   * It also adds `x-clear-search-input--has-empty-query` as class when there is no query.\n   *\n   * @public\n   */\n  @Component({\n    components: { BaseEventButton },\n    mixins: [xComponentMixin(searchBoxXModule)]\n  })\n  export default class ClearSearchInput extends Vue {\n    @State('searchBox', 'query')\n    public query!: string;\n\n    protected get isQueryEmpty(): boolean {\n      return this.query.length === 0;\n    }\n\n    protected get dynamicClasses(): VueCSSClasses {\n      return {\n        'x-clear-search-input--has-empty-query': this.isQueryEmpty\n      };\n    }\n\n    /**\n     * The events dictionary that are going to be emitted when the button is pressed.\n     *\n     * @internal\n     */\n    protected clearSearchInputEvents: Partial<XEventsTypes> = {\n      UserPressedClearSearchBoxButton: undefined\n    };\n  }\n</script>\n\n<docs lang=\"mdx\">\n## Events\n\nThis component emits the following events:\n\n- [`UserPressedClearSearchBoxButton`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts)\n- [`UserClearedQuery`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts)\n\n## See it in action\n\nHere a basic example of how the clear button is rendered.\n\n_Type any term in the input field and then click the Clear button to try it out!_\n\n```vue live\n<template>\n  <div style=\"display: flex;\">\n    <SearchInput />\n    <ClearSearchInput />\n  </div>\n</template>\n\n<script>\n  import { ClearSearchInput, SearchInput } from '@empathyco/x-components/search-box';\n\n  export default {\n    name: 'ClearSearchInputDemo',\n    components: {\n      ClearSearchInput,\n      SearchInput\n    }\n  };\n</script>\n```\n\n### Play with default slot\n\nIn this example, a custom text is passed in the default slot instead of the default text to\ncustomize the button content.\n\n_Click the icon button to try it out!_\n\n```vue live\n<template>\n  <ClearSearchInput>Clear</ClearSearchInput>\n</template>\n\n<script>\n  import { ClearSearchInput } from '@empathyco/x-components/search-box';\n\n  export default {\n    name: 'ClearSearchInputDemo',\n    components: {\n      ClearSearchInput\n    }\n  };\n</script>\n```\n\n### Play with events\n\nIn this example, the `UserPressedClearSearchBoxButton` event is implemented, triggering the message\n“clear” when the clear search input button is clicked.\n\n_Click the Clear button to try it out!_\n\n```vue live\n<template>\n  <div>\n    <ClearSearchInput @UserPressedClearSearchBoxButton=\"message = 'clear'\">Clear</ClearSearchInput>\n    {{ message }}\n  </div>\n</template>\n\n<script>\n  import { ClearSearchInput } from '@empathyco/x-components/search-box';\n\n  export default {\n    name: 'ClearSearchInputDemo',\n    components: {\n      ClearSearchInput\n    },\n    data() {\n      return {\n        message: ''\n      };\n    }\n  };\n</script>\n```\n\n## Extending the component\n\nComponents can be combined and communicate with each other. Commonly, the `ClearSearchInput`\ncomponent communicates with the [`SearchInput`](./search-input.md), deleting the search term\nentered.\n\n_Type any term in the input field and then click the icon button to try it out!_\n\n```vue live\n<template>\n  <div style=\"display: flex;\">\n    <SearchInput />\n    <ClearSearchInput />\n  </div>\n</template>\n\n<script>\n  import { SearchInput, ClearSearchInput } from '@empathyco/x-components/search-box';\n\n  export default {\n    name: 'ClearSearchInputDemo',\n    components: {\n      SearchInput,\n      ClearSearchInput\n    }\n  };\n</script>\n```\n</docs>\n"],"names":[],"mappings":";;;;AAEA,MAAc,cAAA,GAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"clear-search-input.vue.js","sources":["../../../../../src/x-modules/search-box/components/clear-search-input.vue"],"sourcesContent":["<template>\n  <BaseEventButton\n    class=\"x-clear-search-input x-button\"\n    :class=\"dynamicClasses\"\n    :events=\"clearSearchInputEvents\"\n    data-test=\"clear-search-input\"\n  >\n    <!-- @slot _Required_. Button content (text, icon, or both) -->\n    <slot>✕</slot>\n  </BaseEventButton>\n</template>\n\n<script lang=\"ts\">\n  import { defineComponent, computed, ref } from 'vue';\n  import BaseEventButton from '../../../components/base-event-button.vue';\n  import { VueCSSClasses } from '../../../utils/types';\n  import { useState } from '../../../composables/use-state';\n  import { searchBoxXModule } from '../x-module';\n\n  /**\n   * This component renders a button to delete the current query.\n   *\n   * @remarks\n   * A button that when pressed emits the {@link SearchBoxXEvents.UserPressedClearSearchBoxButton}\n   * and {@link SearchBoxXEvents.UserClearedQuery} events, expressing the user intention to clear\n   * the current query.\n   * It also adds `x-clear-search-input--has-empty-query` as class when there is no query.\n   *\n   * @public\n   */\n  export default defineComponent({\n    name: 'ClearSearchInput',\n    components: { BaseEventButton },\n    xModule: searchBoxXModule.name,\n    setup: function () {\n      const { query } = useState('searchBox', ['query']);\n\n      /**\n       * The events dictionary that are going to be emitted when the button is pressed.\n       *\n       * @internal\n       */\n      const clearSearchInputEvents = ref({\n        UserPressedClearSearchBoxButton: undefined\n      });\n\n      const isQueryEmpty = computed(() => query.value.length === 0);\n\n      const dynamicClasses = computed<VueCSSClasses>(() => ({\n        'x-clear-search-input--has-empty-query': isQueryEmpty.value\n      }));\n\n      return {\n        dynamicClasses,\n        clearSearchInputEvents\n      };\n    }\n  });\n</script>\n\n<docs lang=\"mdx\">\n## Events\n\nThis component emits the following events:\n\n- [`UserPressedClearSearchBoxButton`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts)\n- [`UserClearedQuery`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts)\n\n## See it in action\n\nHere a basic example of how the clear button is rendered.\n\n_Type any term in the input field and then click the Clear button to try it out!_\n\n```vue live\n<template>\n  <div style=\"display: flex;\">\n    <SearchInput />\n    <ClearSearchInput />\n  </div>\n</template>\n\n<script>\n  import { ClearSearchInput, SearchInput } from '@empathyco/x-components/search-box';\n\n  export default {\n    name: 'ClearSearchInputDemo',\n    components: {\n      ClearSearchInput,\n      SearchInput\n    }\n  };\n</script>\n```\n\n### Play with default slot\n\nIn this example, a custom text is passed in the default slot instead of the default text to\ncustomize the button content.\n\n_Click the icon button to try it out!_\n\n```vue live\n<template>\n  <ClearSearchInput>Clear</ClearSearchInput>\n</template>\n\n<script>\n  import { ClearSearchInput } from '@empathyco/x-components/search-box';\n\n  export default {\n    name: 'ClearSearchInputDemo',\n    components: {\n      ClearSearchInput\n    }\n  };\n</script>\n```\n\n### Play with events\n\nIn this example, the `UserPressedClearSearchBoxButton` event is implemented, triggering the message\n“clear” when the clear search input button is clicked.\n\n_Click the Clear button to try it out!_\n\n```vue live\n<template>\n  <div>\n    <ClearSearchInput @UserPressedClearSearchBoxButton=\"message = 'clear'\">Clear</ClearSearchInput>\n    {{ message }}\n  </div>\n</template>\n\n<script>\n  import { ClearSearchInput } from '@empathyco/x-components/search-box';\n\n  export default {\n    name: 'ClearSearchInputDemo',\n    components: {\n      ClearSearchInput\n    },\n    data() {\n      return {\n        message: ''\n      };\n    }\n  };\n</script>\n```\n\n## Extending the component\n\nComponents can be combined and communicate with each other. Commonly, the `ClearSearchInput`\ncomponent communicates with the [`SearchInput`](./search-input.md), deleting the search term\nentered.\n\n_Type any term in the input field and then click the icon button to try it out!_\n\n```vue live\n<template>\n  <div style=\"display: flex;\">\n    <SearchInput />\n    <ClearSearchInput />\n  </div>\n</template>\n\n<script>\n  import { SearchInput, ClearSearchInput } from '@empathyco/x-components/search-box';\n\n  export default {\n    name: 'ClearSearchInputDemo',\n    components: {\n      SearchInput,\n      ClearSearchInput\n    }\n  };\n</script>\n```\n</docs>\n"],"names":["_resolveComponent","_openBlock","_createBlock","_withCtx","_createCommentVNode","_renderSlot"],"mappings":";;;;;AASoB,EAAA,MAAA,0BAAA,GAAAA,gBAAA,CAAA,iBAAA,CAAA,CAAA;AALT,EAAA,OAAAC,SAAA,EAAwB,EAAAC,WAAA,CAAA,0BAAA,EAAA;AAAA,IAC/B,sBAAU,CAAoB,+BAAA,EAAA,IAAA,CAAA,cAAA,CAAA,CAAA;AAAA,IAAA,MAAA,EAAA,IAAA,CAAA,sBAAA;AALlC,IAAA,WAAA,EAAA,oBAAA;AAAA,GAAA,EAAA;aAQIC,OAAc,CAAA,MAAA;AAAA,MAAAC,kBAAA,CAAR,0DAAC,CAAA;AAAA,MAAAC,UAAA,CAAA,IAAA,CAAA,MAAA,EAAA,SAAA,EAAA,EAAA,EAAA,MAAA;;AARX,OAAA,CAAA;AAAA,KAAA,CAAA;;;;;;;;;"}