@getlupa/client 0.7.0-alpha-24 → 0.8.0-alpha-2

package/dist/cjs/ProductListEntry.vue.d.ts

@@ -3,4 +3,5 @@ import { ProductListOptions } from "./types/product-list/ProductListOptions";
 export default class ProductListEntry extends Vue {
     productListOptions: ProductListOptions;
     get fullProductListOptions(): ProductListOptions;
+    fetch(): void;
 }

package/dist/cjs/SearchBoxEntry.vue.d.ts

@@ -3,4 +3,5 @@ import Vue from "vue";
 export default class SearchBoxEntry extends Vue {
     searchBoxOptions: SearchBoxOptions;
     get fullSearchBoxOptions(): SearchBoxOptions;
+    fetch(): void;
 }

package/dist/cjs/SearchResultsEntry.vue.d.ts

@@ -3,4 +3,5 @@ import { SearchResultsOptions } from "./types/search-results/SearchResultsOption
 export default class SearchResultsEntry extends Vue {
     searchResultsOptions: SearchResultsOptions;
     get fullSearchResultsOptions(): SearchResultsOptions;
+    fetch(): void;
 }

package/dist/cjs/components/product-list/ProductList.vue.d.ts

@@ -3,4 +3,5 @@ import { ProductListOptions } from "@/types/product-list/ProductListOptions";
 export default class ProductList extends Vue {
     options: ProductListOptions;
     get componentOptions(): ProductListOptions;
+    fetch(): void;
 }

package/dist/cjs/index.d.ts

@@ -8,14 +8,17 @@ import { RoutingBehavior } from "./types/search-results/RoutingBehavior";
 import { AnchorPosition } from "./types/search-results/SearchResultsProductCardOptions";
 import { BadgeGenerateOptions, BadgeGenerateSeed, BadgeOptions, BadgeType, SearchResultBadgeElement, SearchResultBadgeType } from "./types/search-results/BadgeOptions";
 import { SearchResultsSortOptions, SortOptions } from "./types/search-results/SearchResultsSort";
+declare type MountOptions = {
+    fetch: boolean;
+};
 declare const lupaSearch: {
-    searchBox: (options: SearchBoxOptions) => void;
-    searchResults: (options: SearchResultsOptions) => void;
+    searchBox: (options: SearchBoxOptions, mountOptions?: MountOptions | undefined) => void;
+    searchResults: (options: SearchResultsOptions, mountOptions?: MountOptions | undefined) => void;
     tracking: (options: TrackingOptions) => void;
-    productList: (options: ProductListOptions) => void;
-    clearSearchBox: () => void;
-    clearSearchResults: () => void;
-    clearProductList: () => void;
+    productList: (options: ProductListOptions, mountOptions?: MountOptions | undefined) => void;
+    clearSearchBox: (selector?: string | undefined) => void;
+    clearSearchResults: (selector?: string | undefined) => void;
+    clearProductList: (selector?: string | undefined) => void;
 };
-export { TrackingOptions, SearchBoxOptions, SearchResultsOptions, ProductListOptions, SdkOptions, DocumentElementType, SearchBoxPanelType, FacetStyle, Environment, RoutingBehavior, AnchorPosition, BadgeType, SortDirection, DocumentElement, ImageDocumentElement, TitleDocumentElement, DescriptionDocumentElement, CustomDocumentElement, PriceElement, RegularPriceDocumentElement, RatingElement, AddToCartElement, CustomHtmlElement, SortOptions, SearchResultsSortOptions, SearchResultEventCallbacks, CallbackContext, FacetFilterQuery, CategoryFilterOptions, SearchResultsFilterOptions, SearchResultBadgeType, SearchResultBadgeElement, ResultFacetOptions, BadgeGenerateSeed, BadgeGenerateOptions, BadgeOptions, };
+export { TrackingOptions, SearchBoxOptions, SearchResultsOptions, ProductListOptions, SdkOptions, DocumentElementType, SearchBoxPanelType, FacetStyle, Environment, RoutingBehavior, AnchorPosition, BadgeType, SortDirection, DocumentElement, ImageDocumentElement, TitleDocumentElement, DescriptionDocumentElement, CustomDocumentElement, PriceElement, RegularPriceDocumentElement, RatingElement, AddToCartElement, CustomHtmlElement, SortOptions, SearchResultsSortOptions, SearchResultEventCallbacks, CallbackContext, FacetFilterQuery, CategoryFilterOptions, SearchResultsFilterOptions, SearchResultBadgeType, SearchResultBadgeElement, ResultFacetOptions, BadgeGenerateSeed, BadgeGenerateOptions, BadgeOptions, MountOptions, };
 export default lupaSearch;

package/dist/cjs/index.min.js

@@ -13899,6 +13899,11 @@ let SearchBoxEntry = class SearchBoxEntry extends Vue$1 {
         const options = cloneDeep(this.searchBoxOptions);
         return merge(DEFAULT_SEARCH_BOX_OPTIONS, options);
     }
+    fetch() {
+        var _a;
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        (_a = this.$refs.searchBox) === null || _a === void 0 ? void 0 : _a.handleCurrentValueSearch();
+    }
 };
 __decorate([
     Prop()
@@ -13921,7 +13926,10 @@ var __vue_render__$R = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
-  return _c("SearchBox", { attrs: { options: _vm.fullSearchBoxOptions } })
+  return _c("SearchBox", {
+    ref: "searchBox",
+    attrs: { options: _vm.fullSearchBoxOptions },
+  })
 };
 var __vue_staticRenderFns__$R = [];
 __vue_render__$R._withStripped = true;
@@ -21041,6 +21049,11 @@ let SearchResultsEntry = class SearchResultsEntry extends Vue$1 {
         const options = cloneDeep(this.searchResultsOptions);
         return merge(DEFAULT_OPTIONS_RESULTS, options);
     }
+    fetch() {
+        var _a;
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        (_a = this.$refs.searchResults) === null || _a === void 0 ? void 0 : _a.handleMounted();
+    }
 };
 __decorate([
     Prop()
@@ -21064,6 +21077,7 @@ var __vue_render__$3 = function () {
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
   return _c("SearchResults", {
+    ref: "searchResults",
     attrs: { options: _vm.fullSearchResultsOptions },
   })
 };
@@ -21175,6 +21189,11 @@ let ProductList = class ProductList extends Vue$1 {
     get componentOptions() {
         return Object.assign(Object.assign({}, this.options), { filters: Object.assign(Object.assign({}, this.options.filters), { categories: this.options.categories }) });
     }
+    fetch() {
+        var _a;
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        (_a = this.$refs.searchResults) === null || _a === void 0 ? void 0 : _a.handleMounted();
+    }
 };
 __decorate([
     Prop()
@@ -21204,6 +21223,7 @@ var __vue_render__$1 = function () {
       _c(
         "SearchResults",
         {
+          ref: "searchResults",
           attrs: {
             options: _vm.componentOptions,
             "initial-filters": _vm.options.initialFilters,
@@ -21253,6 +21273,11 @@ let ProductListEntry = class ProductListEntry extends Vue$1 {
     get fullProductListOptions() {
         return cloneDeep(this.productListOptions);
     }
+    fetch() {
+        var _a;
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        (_a = this.$refs.productList) === null || _a === void 0 ? void 0 : _a.fetch();
+    }
 };
 __decorate([
     Prop()
@@ -21275,7 +21300,10 @@ var __vue_render__ = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
-  return _c("ProductList", { attrs: { options: _vm.productListOptions } })
+  return _c("ProductList", {
+    ref: "productList",
+    attrs: { options: _vm.productListOptions },
+  })
 };
 var __vue_staticRenderFns__ = [];
 __vue_render__._withStripped = true;
@@ -22213,7 +22241,7 @@ let ParamsModule = class ParamsModule extends VuexModule {
     goToResults({ searchText, facet, }) {
         var _a;
         if (!this.searchResultsLink ||
-            this.searchResultsLink === window.location.pathname) {
+            linksMatch(this.searchResultsLink, window.location.pathname)) {
             const facetParam = facet ? [getFacetParam(facet.key, [facet.title])] : [];
             this.context.dispatch("appendParams", {
                 params: [
@@ -22444,57 +22472,117 @@ const app = {
 const tracking = (options) => {
     initTracking(options);
 };
-const searchBox = (options) => {
+const searchBox = (options, mountOptions) => {
+    const existingInstance = app.box[options.inputSelector];
+    if (existingInstance) {
+        existingInstance.searchBoxOptions = options;
+        if (mountOptions === null || mountOptions === void 0 ? void 0 : mountOptions.fetch) {
+            setTimeout(() => {
+                var _a;
+                (_a = existingInstance.fetch) === null || _a === void 0 ? void 0 : _a.call(existingInstance);
+            });
+        }
+        return;
+    }
     Vue$1.use(Vuex);
-    app.box = new Vue$1({
+    const SearchBoxEntryComponent = Vue$1.component("SearchBoxEntry", __vue_component__$R);
+    const instance = new SearchBoxEntryComponent({
         el: options.inputSelector,
-        components: { SearchBoxEntry: __vue_component__$R },
-        render: (h) => h(__vue_component__$R, { props: { searchBoxOptions: options } }),
+        propsData: { searchBoxOptions: options },
         store,
     });
+    app.box[options.inputSelector] = instance;
 };
-const searchResults = (options) => {
+const searchResults = (options, mountOptions) => {
+    const existingInstance = app.results[options.containerSelector];
+    if (existingInstance) {
+        existingInstance.searchResultsOptions = options;
+        if (mountOptions === null || mountOptions === void 0 ? void 0 : mountOptions.fetch) {
+            setTimeout(() => {
+                var _a;
+                (_a = existingInstance.fetch) === null || _a === void 0 ? void 0 : _a.call(existingInstance);
+            });
+        }
+        return;
+    }
     Vue$1.use(Vuex);
-    app.results = new Vue$1({
+    const SearchResultsEntryComponent = Vue$1.component("SearchResultsEntry", __vue_component__$3);
+    const instance = new SearchResultsEntryComponent({
         el: options.containerSelector,
-        components: { SearchResultsEntry: __vue_component__$3 },
-        render: (h) => h(__vue_component__$3, { props: { searchResultsOptions: options } }),
+        propsData: { searchResultsOptions: options },
         store,
     });
+    app.results[options.containerSelector] = instance;
 };
-const productList = (options) => {
+const productList = (options, mountOptions) => {
+    const existingInstance = app.productList[options.containerSelector];
+    if (existingInstance) {
+        existingInstance.productListOptions = options;
+        if (mountOptions === null || mountOptions === void 0 ? void 0 : mountOptions.fetch) {
+            setTimeout(() => {
+                var _a;
+                (_a = existingInstance.fetch) === null || _a === void 0 ? void 0 : _a.call(existingInstance);
+            });
+        }
+        return;
+    }
     Vue$1.use(Vuex);
-    app.productList = new Vue$1({
+    const ProductListEntryComponent = Vue$1.component("ProductListEntry", __vue_component__);
+    const instance = new ProductListEntryComponent({
         el: options.containerSelector,
-        components: { ProductListEntry: __vue_component__ },
-        render: (h) => h(__vue_component__, { props: { productListOptions: options } }),
+        propsData: { productListOptions: options },
         store,
     });
+    app.productList[options.containerSelector] = instance;
 };
-const clearSearchBox = () => {
-    var _a;
+const clearSearchBox = (selector) => {
     try {
-        (_a = app.box) === null || _a === void 0 ? void 0 : _a.$destroy();
+        if (selector) {
+            const instance = app.box[selector];
+            instance === null || instance === void 0 ? void 0 : instance.$destroy();
+            return;
+        }
+        for (const key in app.box) {
+            const instance = app.box[key];
+            instance === null || instance === void 0 ? void 0 : instance.$destroy();
+        }
+        app.box = {};
     }
-    catch (_b) {
+    catch (_a) {
         // do nothing, already destroyed;
     }
 };
-const clearSearchResults = () => {
-    var _a;
+const clearSearchResults = (selector) => {
     try {
-        (_a = app.results) === null || _a === void 0 ? void 0 : _a.$destroy();
+        if (selector) {
+            const instance = app.box[selector];
+            instance === null || instance === void 0 ? void 0 : instance.$destroy();
+            return;
+        }
+        for (const key in app.results) {
+            const instance = app.results[key];
+            instance === null || instance === void 0 ? void 0 : instance.$destroy();
+        }
+        app.results = {};
     }
-    catch (_b) {
+    catch (_a) {
         // do nothing, already destroyed;
     }
 };
-const clearProductList = () => {
-    var _a;
+const clearProductList = (selector) => {
     try {
-        (_a = app.productList) === null || _a === void 0 ? void 0 : _a.$destroy();
+        if (selector) {
+            const instance = app.box[selector];
+            instance === null || instance === void 0 ? void 0 : instance.$destroy();
+            return;
+        }
+        for (const key in app.productList) {
+            const instance = app.productList[key];
+            instance === null || instance === void 0 ? void 0 : instance.$destroy();
+        }
+        app.productList = {};
     }
-    catch (_b) {
+    catch (_a) {
         // do nothing, already destroyed;
     }
 };

package/dist/es/ProductListEntry.vue.d.ts

@@ -3,4 +3,5 @@ import { ProductListOptions } from "./types/product-list/ProductListOptions";
 export default class ProductListEntry extends Vue {
     productListOptions: ProductListOptions;
     get fullProductListOptions(): ProductListOptions;
+    fetch(): void;
 }

package/dist/es/SearchBoxEntry.vue.d.ts

@@ -3,4 +3,5 @@ import Vue from "vue";
 export default class SearchBoxEntry extends Vue {
     searchBoxOptions: SearchBoxOptions;
     get fullSearchBoxOptions(): SearchBoxOptions;
+    fetch(): void;
 }

package/dist/es/SearchResultsEntry.vue.d.ts

@@ -3,4 +3,5 @@ import { SearchResultsOptions } from "./types/search-results/SearchResultsOption
 export default class SearchResultsEntry extends Vue {
     searchResultsOptions: SearchResultsOptions;
     get fullSearchResultsOptions(): SearchResultsOptions;
+    fetch(): void;
 }

package/dist/es/components/product-list/ProductList.vue.d.ts

@@ -3,4 +3,5 @@ import { ProductListOptions } from "@/types/product-list/ProductListOptions";
 export default class ProductList extends Vue {
     options: ProductListOptions;
     get componentOptions(): ProductListOptions;
+    fetch(): void;
 }

package/dist/es/index.d.ts

@@ -8,14 +8,17 @@ import { RoutingBehavior } from "./types/search-results/RoutingBehavior";
 import { AnchorPosition } from "./types/search-results/SearchResultsProductCardOptions";
 import { BadgeGenerateOptions, BadgeGenerateSeed, BadgeOptions, BadgeType, SearchResultBadgeElement, SearchResultBadgeType } from "./types/search-results/BadgeOptions";
 import { SearchResultsSortOptions, SortOptions } from "./types/search-results/SearchResultsSort";
+declare type MountOptions = {
+    fetch: boolean;
+};
 declare const lupaSearch: {
-    searchBox: (options: SearchBoxOptions) => void;
-    searchResults: (options: SearchResultsOptions) => void;
+    searchBox: (options: SearchBoxOptions, mountOptions?: MountOptions | undefined) => void;
+    searchResults: (options: SearchResultsOptions, mountOptions?: MountOptions | undefined) => void;
     tracking: (options: TrackingOptions) => void;
-    productList: (options: ProductListOptions) => void;
-    clearSearchBox: () => void;
-    clearSearchResults: () => void;
-    clearProductList: () => void;
+    productList: (options: ProductListOptions, mountOptions?: MountOptions | undefined) => void;
+    clearSearchBox: (selector?: string | undefined) => void;
+    clearSearchResults: (selector?: string | undefined) => void;
+    clearProductList: (selector?: string | undefined) => void;
 };
-export { TrackingOptions, SearchBoxOptions, SearchResultsOptions, ProductListOptions, SdkOptions, DocumentElementType, SearchBoxPanelType, FacetStyle, Environment, RoutingBehavior, AnchorPosition, BadgeType, SortDirection, DocumentElement, ImageDocumentElement, TitleDocumentElement, DescriptionDocumentElement, CustomDocumentElement, PriceElement, RegularPriceDocumentElement, RatingElement, AddToCartElement, CustomHtmlElement, SortOptions, SearchResultsSortOptions, SearchResultEventCallbacks, CallbackContext, FacetFilterQuery, CategoryFilterOptions, SearchResultsFilterOptions, SearchResultBadgeType, SearchResultBadgeElement, ResultFacetOptions, BadgeGenerateSeed, BadgeGenerateOptions, BadgeOptions, };
+export { TrackingOptions, SearchBoxOptions, SearchResultsOptions, ProductListOptions, SdkOptions, DocumentElementType, SearchBoxPanelType, FacetStyle, Environment, RoutingBehavior, AnchorPosition, BadgeType, SortDirection, DocumentElement, ImageDocumentElement, TitleDocumentElement, DescriptionDocumentElement, CustomDocumentElement, PriceElement, RegularPriceDocumentElement, RatingElement, AddToCartElement, CustomHtmlElement, SortOptions, SearchResultsSortOptions, SearchResultEventCallbacks, CallbackContext, FacetFilterQuery, CategoryFilterOptions, SearchResultsFilterOptions, SearchResultBadgeType, SearchResultBadgeElement, ResultFacetOptions, BadgeGenerateSeed, BadgeGenerateOptions, BadgeOptions, MountOptions, };
 export default lupaSearch;

package/dist/es/index.min.js

@@ -13895,6 +13895,11 @@ let SearchBoxEntry = class SearchBoxEntry extends Vue$1 {
         const options = cloneDeep(this.searchBoxOptions);
         return merge(DEFAULT_SEARCH_BOX_OPTIONS, options);
     }
+    fetch() {
+        var _a;
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        (_a = this.$refs.searchBox) === null || _a === void 0 ? void 0 : _a.handleCurrentValueSearch();
+    }
 };
 __decorate([
     Prop()
@@ -13917,7 +13922,10 @@ var __vue_render__$R = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
-  return _c("SearchBox", { attrs: { options: _vm.fullSearchBoxOptions } })
+  return _c("SearchBox", {
+    ref: "searchBox",
+    attrs: { options: _vm.fullSearchBoxOptions },
+  })
 };
 var __vue_staticRenderFns__$R = [];
 __vue_render__$R._withStripped = true;
@@ -21037,6 +21045,11 @@ let SearchResultsEntry = class SearchResultsEntry extends Vue$1 {
         const options = cloneDeep(this.searchResultsOptions);
         return merge(DEFAULT_OPTIONS_RESULTS, options);
     }
+    fetch() {
+        var _a;
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        (_a = this.$refs.searchResults) === null || _a === void 0 ? void 0 : _a.handleMounted();
+    }
 };
 __decorate([
     Prop()
@@ -21060,6 +21073,7 @@ var __vue_render__$3 = function () {
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
   return _c("SearchResults", {
+    ref: "searchResults",
     attrs: { options: _vm.fullSearchResultsOptions },
   })
 };
@@ -21171,6 +21185,11 @@ let ProductList = class ProductList extends Vue$1 {
     get componentOptions() {
         return Object.assign(Object.assign({}, this.options), { filters: Object.assign(Object.assign({}, this.options.filters), { categories: this.options.categories }) });
     }
+    fetch() {
+        var _a;
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        (_a = this.$refs.searchResults) === null || _a === void 0 ? void 0 : _a.handleMounted();
+    }
 };
 __decorate([
     Prop()
@@ -21200,6 +21219,7 @@ var __vue_render__$1 = function () {
       _c(
         "SearchResults",
         {
+          ref: "searchResults",
           attrs: {
             options: _vm.componentOptions,
             "initial-filters": _vm.options.initialFilters,
@@ -21249,6 +21269,11 @@ let ProductListEntry = class ProductListEntry extends Vue$1 {
     get fullProductListOptions() {
         return cloneDeep(this.productListOptions);
     }
+    fetch() {
+        var _a;
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        (_a = this.$refs.productList) === null || _a === void 0 ? void 0 : _a.fetch();
+    }
 };
 __decorate([
     Prop()
@@ -21271,7 +21296,10 @@ var __vue_render__ = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
-  return _c("ProductList", { attrs: { options: _vm.productListOptions } })
+  return _c("ProductList", {
+    ref: "productList",
+    attrs: { options: _vm.productListOptions },
+  })
 };
 var __vue_staticRenderFns__ = [];
 __vue_render__._withStripped = true;
@@ -22209,7 +22237,7 @@ let ParamsModule = class ParamsModule extends VuexModule {
     goToResults({ searchText, facet, }) {
         var _a;
         if (!this.searchResultsLink ||
-            this.searchResultsLink === window.location.pathname) {
+            linksMatch(this.searchResultsLink, window.location.pathname)) {
             const facetParam = facet ? [getFacetParam(facet.key, [facet.title])] : [];
             this.context.dispatch("appendParams", {
                 params: [
@@ -22440,57 +22468,117 @@ const app = {
 const tracking = (options) => {
     initTracking(options);
 };
-const searchBox = (options) => {
+const searchBox = (options, mountOptions) => {
+    const existingInstance = app.box[options.inputSelector];
+    if (existingInstance) {
+        existingInstance.searchBoxOptions = options;
+        if (mountOptions === null || mountOptions === void 0 ? void 0 : mountOptions.fetch) {
+            setTimeout(() => {
+                var _a;
+                (_a = existingInstance.fetch) === null || _a === void 0 ? void 0 : _a.call(existingInstance);
+            });
+        }
+        return;
+    }
     Vue$1.use(Vuex);
-    app.box = new Vue$1({
+    const SearchBoxEntryComponent = Vue$1.component("SearchBoxEntry", __vue_component__$R);
+    const instance = new SearchBoxEntryComponent({
         el: options.inputSelector,
-        components: { SearchBoxEntry: __vue_component__$R },
-        render: (h) => h(__vue_component__$R, { props: { searchBoxOptions: options } }),
+        propsData: { searchBoxOptions: options },
         store,
     });
+    app.box[options.inputSelector] = instance;
 };
-const searchResults = (options) => {
+const searchResults = (options, mountOptions) => {
+    const existingInstance = app.results[options.containerSelector];
+    if (existingInstance) {
+        existingInstance.searchResultsOptions = options;
+        if (mountOptions === null || mountOptions === void 0 ? void 0 : mountOptions.fetch) {
+            setTimeout(() => {
+                var _a;
+                (_a = existingInstance.fetch) === null || _a === void 0 ? void 0 : _a.call(existingInstance);
+            });
+        }
+        return;
+    }
     Vue$1.use(Vuex);
-    app.results = new Vue$1({
+    const SearchResultsEntryComponent = Vue$1.component("SearchResultsEntry", __vue_component__$3);
+    const instance = new SearchResultsEntryComponent({
         el: options.containerSelector,
-        components: { SearchResultsEntry: __vue_component__$3 },
-        render: (h) => h(__vue_component__$3, { props: { searchResultsOptions: options } }),
+        propsData: { searchResultsOptions: options },
         store,
     });
+    app.results[options.containerSelector] = instance;
 };
-const productList = (options) => {
+const productList = (options, mountOptions) => {
+    const existingInstance = app.productList[options.containerSelector];
+    if (existingInstance) {
+        existingInstance.productListOptions = options;
+        if (mountOptions === null || mountOptions === void 0 ? void 0 : mountOptions.fetch) {
+            setTimeout(() => {
+                var _a;
+                (_a = existingInstance.fetch) === null || _a === void 0 ? void 0 : _a.call(existingInstance);
+            });
+        }
+        return;
+    }
     Vue$1.use(Vuex);
-    app.productList = new Vue$1({
+    const ProductListEntryComponent = Vue$1.component("ProductListEntry", __vue_component__);
+    const instance = new ProductListEntryComponent({
         el: options.containerSelector,
-        components: { ProductListEntry: __vue_component__ },
-        render: (h) => h(__vue_component__, { props: { productListOptions: options } }),
+        propsData: { productListOptions: options },
         store,
     });
+    app.productList[options.containerSelector] = instance;
 };
-const clearSearchBox = () => {
-    var _a;
+const clearSearchBox = (selector) => {
     try {
-        (_a = app.box) === null || _a === void 0 ? void 0 : _a.$destroy();
+        if (selector) {
+            const instance = app.box[selector];
+            instance === null || instance === void 0 ? void 0 : instance.$destroy();
+            return;
+        }
+        for (const key in app.box) {
+            const instance = app.box[key];
+            instance === null || instance === void 0 ? void 0 : instance.$destroy();
+        }
+        app.box = {};
     }
-    catch (_b) {
+    catch (_a) {
         // do nothing, already destroyed;
     }
 };
-const clearSearchResults = () => {
-    var _a;
+const clearSearchResults = (selector) => {
     try {
-        (_a = app.results) === null || _a === void 0 ? void 0 : _a.$destroy();
+        if (selector) {
+            const instance = app.box[selector];
+            instance === null || instance === void 0 ? void 0 : instance.$destroy();
+            return;
+        }
+        for (const key in app.results) {
+            const instance = app.results[key];
+            instance === null || instance === void 0 ? void 0 : instance.$destroy();
+        }
+        app.results = {};
     }
-    catch (_b) {
+    catch (_a) {
         // do nothing, already destroyed;
     }
 };
-const clearProductList = () => {
-    var _a;
+const clearProductList = (selector) => {
     try {
-        (_a = app.productList) === null || _a === void 0 ? void 0 : _a.$destroy();
+        if (selector) {
+            const instance = app.box[selector];
+            instance === null || instance === void 0 ? void 0 : instance.$destroy();
+            return;
+        }
+        for (const key in app.productList) {
+            const instance = app.productList[key];
+            instance === null || instance === void 0 ? void 0 : instance.$destroy();
+        }
+        app.productList = {};
     }
-    catch (_b) {
+    catch (_a) {
         // do nothing, already destroyed;
     }
 };

package/dist/iife/ProductListEntry.vue.d.ts

@@ -3,4 +3,5 @@ import { ProductListOptions } from "./types/product-list/ProductListOptions";
 export default class ProductListEntry extends Vue {
     productListOptions: ProductListOptions;
     get fullProductListOptions(): ProductListOptions;
+    fetch(): void;
 }

package/dist/iife/SearchBoxEntry.vue.d.ts

@@ -3,4 +3,5 @@ import Vue from "vue";
 export default class SearchBoxEntry extends Vue {
     searchBoxOptions: SearchBoxOptions;
     get fullSearchBoxOptions(): SearchBoxOptions;
+    fetch(): void;
 }

package/dist/iife/SearchResultsEntry.vue.d.ts

@@ -3,4 +3,5 @@ import { SearchResultsOptions } from "./types/search-results/SearchResultsOption
 export default class SearchResultsEntry extends Vue {
     searchResultsOptions: SearchResultsOptions;
     get fullSearchResultsOptions(): SearchResultsOptions;
+    fetch(): void;
 }

package/dist/iife/components/product-list/ProductList.vue.d.ts

@@ -3,4 +3,5 @@ import { ProductListOptions } from "@/types/product-list/ProductListOptions";
 export default class ProductList extends Vue {
     options: ProductListOptions;
     get componentOptions(): ProductListOptions;
+    fetch(): void;
 }

package/dist/iife/index.d.ts

@@ -8,14 +8,17 @@ import { RoutingBehavior } from "./types/search-results/RoutingBehavior";
 import { AnchorPosition } from "./types/search-results/SearchResultsProductCardOptions";
 import { BadgeGenerateOptions, BadgeGenerateSeed, BadgeOptions, BadgeType, SearchResultBadgeElement, SearchResultBadgeType } from "./types/search-results/BadgeOptions";
 import { SearchResultsSortOptions, SortOptions } from "./types/search-results/SearchResultsSort";
+declare type MountOptions = {
+    fetch: boolean;
+};
 declare const lupaSearch: {
-    searchBox: (options: SearchBoxOptions) => void;
-    searchResults: (options: SearchResultsOptions) => void;
+    searchBox: (options: SearchBoxOptions, mountOptions?: MountOptions | undefined) => void;
+    searchResults: (options: SearchResultsOptions, mountOptions?: MountOptions | undefined) => void;
     tracking: (options: TrackingOptions) => void;
-    productList: (options: ProductListOptions) => void;
-    clearSearchBox: () => void;
-    clearSearchResults: () => void;
-    clearProductList: () => void;
+    productList: (options: ProductListOptions, mountOptions?: MountOptions | undefined) => void;
+    clearSearchBox: (selector?: string | undefined) => void;
+    clearSearchResults: (selector?: string | undefined) => void;
+    clearProductList: (selector?: string | undefined) => void;
 };
-export { TrackingOptions, SearchBoxOptions, SearchResultsOptions, ProductListOptions, SdkOptions, DocumentElementType, SearchBoxPanelType, FacetStyle, Environment, RoutingBehavior, AnchorPosition, BadgeType, SortDirection, DocumentElement, ImageDocumentElement, TitleDocumentElement, DescriptionDocumentElement, CustomDocumentElement, PriceElement, RegularPriceDocumentElement, RatingElement, AddToCartElement, CustomHtmlElement, SortOptions, SearchResultsSortOptions, SearchResultEventCallbacks, CallbackContext, FacetFilterQuery, CategoryFilterOptions, SearchResultsFilterOptions, SearchResultBadgeType, SearchResultBadgeElement, ResultFacetOptions, BadgeGenerateSeed, BadgeGenerateOptions, BadgeOptions, };
+export { TrackingOptions, SearchBoxOptions, SearchResultsOptions, ProductListOptions, SdkOptions, DocumentElementType, SearchBoxPanelType, FacetStyle, Environment, RoutingBehavior, AnchorPosition, BadgeType, SortDirection, DocumentElement, ImageDocumentElement, TitleDocumentElement, DescriptionDocumentElement, CustomDocumentElement, PriceElement, RegularPriceDocumentElement, RatingElement, AddToCartElement, CustomHtmlElement, SortOptions, SearchResultsSortOptions, SearchResultEventCallbacks, CallbackContext, FacetFilterQuery, CategoryFilterOptions, SearchResultsFilterOptions, SearchResultBadgeType, SearchResultBadgeElement, ResultFacetOptions, BadgeGenerateSeed, BadgeGenerateOptions, BadgeOptions, MountOptions, };
 export default lupaSearch;