@getlupa/vue 0.6.0 → 0.6.2

package/dist/lupaSearch.js

@@ -2705,6 +2705,14 @@ const useParamsStore = defineStore("params", () => {
     var _a;
     return (_a = params.value.filters) != null ? _a : {};
   });
+  const navigate = (url) => {
+    var _a, _b, _c;
+    window.history.pushState("", "Append params", url.pathname + url.search);
+    const params2 = parseParams(url.searchParams);
+    (_c = (_b = (_a = optionsStore == null ? void 0 : optionsStore.searchBoxOptions) == null ? void 0 : _a.callbacks) == null ? void 0 : _b.onSearchResultsNavigate) == null ? void 0 : _c.call(_b, {
+      params: params2
+    });
+  };
   const add = (newParams, ssr) => {
     if (!newParams) {
       return { params: params.value };
@@ -2717,7 +2725,7 @@ const useParamsStore = defineStore("params", () => {
     const url = getPageUrl();
     const paramsToRemove = Array.from(url.searchParams.keys()).filter(isFacetKey);
     removeParams(url, paramsToRemove);
-    window.history.pushState("", "Append params", url.pathname + url.search);
+    navigate(url);
     params.value = parseParams(url.searchParams);
     searchString.value = url.search;
   };
@@ -2728,7 +2736,7 @@ const useParamsStore = defineStore("params", () => {
     const url = getPageUrl();
     paramsToRemove = getRemovableParams(url, paramsToRemove);
     removeParams(url, paramsToRemove);
-    window.history.pushState("", "Append params", url.pathname + url.search);
+    navigate(url);
     if (!save) {
       return;
     }
@@ -2790,7 +2798,7 @@ const useParamsStore = defineStore("params", () => {
     paramsToRemove = getRemovableParams(url, paramsToRemove);
     removeParams(url, paramsToRemove);
     newParams.forEach((p2) => appendParam(url, p2, encode));
-    window.history.pushState("", "Append params", url.pathname + url.search);
+    navigate(url);
     if (!save) {
       return;
     }
@@ -3616,16 +3624,22 @@ const _sfc_main$1c = /* @__PURE__ */ vue.defineComponent({
         targetImage.src = placeholder.value;
       }
     };
+    const imageAlt = vue.computed(() => {
+      const alt = props.options.alt;
+      if (alt) {
+        return alt(props.item);
+      }
+      return "";
+    });
     return (_ctx, _cache) => {
       var _a, _b;
       return vue.openBlock(), vue.createElementBlock("div", {
         class: vue.normalizeClass((_a = _ctx.wrapperClass) != null ? _a : "")
       }, [
-        vue.createElementVNode("img", {
-          class: vue.normalizeClass((_b = _ctx.imageClass) != null ? _b : ""),
-          src: finalUrl.value,
-          onError: replaceWithPlaceholder
-        }, null, 42, _hoisted_1$16)
+        vue.createElementVNode("img", vue.mergeProps({
+          class: (_b = _ctx.imageClass) != null ? _b : "",
+          src: finalUrl.value
+        }, { alt: imageAlt.value ? imageAlt.value : void 0 }, { onError: replaceWithPlaceholder }), null, 16, _hoisted_1$16)
       ], 2);
     };
   }

package/dist/lupaSearch.mjs

@@ -2703,6 +2703,14 @@ const useParamsStore = defineStore("params", () => {
     var _a;
     return (_a = params.value.filters) != null ? _a : {};
   });
+  const navigate = (url) => {
+    var _a, _b, _c;
+    window.history.pushState("", "Append params", url.pathname + url.search);
+    const params2 = parseParams(url.searchParams);
+    (_c = (_b = (_a = optionsStore == null ? void 0 : optionsStore.searchBoxOptions) == null ? void 0 : _a.callbacks) == null ? void 0 : _b.onSearchResultsNavigate) == null ? void 0 : _c.call(_b, {
+      params: params2
+    });
+  };
   const add = (newParams, ssr) => {
     if (!newParams) {
       return { params: params.value };
@@ -2715,7 +2723,7 @@ const useParamsStore = defineStore("params", () => {
     const url = getPageUrl();
     const paramsToRemove = Array.from(url.searchParams.keys()).filter(isFacetKey);
     removeParams(url, paramsToRemove);
-    window.history.pushState("", "Append params", url.pathname + url.search);
+    navigate(url);
     params.value = parseParams(url.searchParams);
     searchString.value = url.search;
   };
@@ -2726,7 +2734,7 @@ const useParamsStore = defineStore("params", () => {
     const url = getPageUrl();
     paramsToRemove = getRemovableParams(url, paramsToRemove);
     removeParams(url, paramsToRemove);
-    window.history.pushState("", "Append params", url.pathname + url.search);
+    navigate(url);
     if (!save) {
       return;
     }
@@ -2788,7 +2796,7 @@ const useParamsStore = defineStore("params", () => {
     paramsToRemove = getRemovableParams(url, paramsToRemove);
     removeParams(url, paramsToRemove);
     newParams.forEach((p2) => appendParam(url, p2, encode));
-    window.history.pushState("", "Append params", url.pathname + url.search);
+    navigate(url);
     if (!save) {
       return;
     }
@@ -3614,16 +3622,22 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent({
         targetImage.src = placeholder.value;
       }
     };
+    const imageAlt = computed(() => {
+      const alt = props.options.alt;
+      if (alt) {
+        return alt(props.item);
+      }
+      return "";
+    });
     return (_ctx, _cache) => {
       var _a, _b;
       return openBlock(), createElementBlock("div", {
         class: normalizeClass((_a = _ctx.wrapperClass) != null ? _a : "")
       }, [
-        createElementVNode("img", {
-          class: normalizeClass((_b = _ctx.imageClass) != null ? _b : ""),
-          src: finalUrl.value,
-          onError: replaceWithPlaceholder
-        }, null, 42, _hoisted_1$16)
+        createElementVNode("img", mergeProps({
+          class: (_b = _ctx.imageClass) != null ? _b : "",
+          src: finalUrl.value
+        }, { alt: imageAlt.value ? imageAlt.value : void 0 }, { onError: replaceWithPlaceholder }), null, 16, _hoisted_1$16)
       ], 2);
     };
   }

package/dist/src/index.d.ts

@@ -4,7 +4,7 @@ import { DocumentElementType } from './types/DocumentElement';
 import type { DocumentElement, ImageDocumentElement, TitleDocumentElement, DescriptionDocumentElement, CustomDocumentElement, PriceElement, RegularPriceDocumentElement, RatingElement, AddToCartElement, CustomHtmlElement, SingleStarRatingElement } from './types/DocumentElement';
 import type { ProductListOptions, CategoryFilterOptions } from './types/product-list/ProductListOptions';
 import type { ProductRecommendationOptions, RecommendationABTestingOptions } from './types/recommendations/RecommendationsOptions';
-import type { SearchBoxEventCallbacks, SearchBoxOptions, SearchBoxResultCallbackContext } from './types/search-box/SearchBoxOptions';
+import type { SearchBoxEventCallbacks, SearchBoxOptions, SearchBoxResultCallbackContext, SearchBoxResultsNavigateContext } from './types/search-box/SearchBoxOptions';
 import { SearchBoxPanelType } from './types/search-box/SearchBoxPanel';
 import type { SearchContainerOptions, SearchContainerConfigOptions } from './types/search-container/SearchContainerOptions';
 import type { SearchResultBadgeType, SearchResultBadgeElement, BadgeGenerateSeed, BadgeGenerateOptions, BadgeOptions } from './types/search-results/BadgeOptions';
@@ -21,10 +21,11 @@ import Recommendations from './components/recommendations/Recommendations.vue';
 import ChatContainer from './components/chat/ChatContainer.vue';
 import { getInitialSearchResults } from './utils/ssr.utils';
 import { ChatOptions, ChatSettings } from './types/chat/ChatOptions';
+import { QueryParams } from './types/search-results/QueryParams';
 declare const initPinia: () => Pinia;
 declare const setupTracking: (options: TrackingOptions) => void;
 declare const LupaSearch: {
     install: (app: any, options: any) => void;
 };
 export { SearchBox, SearchResults, ProductList, Recommendations, SearchContainer, ChatContainer, DocumentElementType, SearchBoxPanelType, BadgeType, setupTracking, LupaSearch, initPinia, getInitialSearchResults };
-export type { TrackingOptions, SearchBoxOptions, SearchResultsOptions, ProductListOptions, SdkOptions, FacetStyle, Environment, RoutingBehavior, AnchorPosition, SortDirection, DocumentElement, ImageDocumentElement, TitleDocumentElement, DescriptionDocumentElement, CustomDocumentElement, PriceElement, RegularPriceDocumentElement, RatingElement, AddToCartElement, CustomHtmlElement, SortOptions, SearchResultsSortOptions, SearchResultEventCallbacks, CallbackContext, SortCallbackContext, ResultCallbackContext, FacetFilterQuery, CategoryFilterOptions, SearchResultsFilterOptions, SearchResultBadgeType, SearchResultBadgeElement, ResultFacetOptions, BadgeGenerateSeed, BadgeGenerateOptions, BadgeOptions, SearchContainerOptions, SearchContainerConfigOptions, SingleStarRatingElement, DynamicData, ProductRecommendationOptions, RecommendationABTestingOptions, SsrOptions, ChatOptions, ChatSettings, SearchBoxEventCallbacks, SearchBoxResultCallbackContext };
+export type { TrackingOptions, SearchBoxOptions, SearchResultsOptions, ProductListOptions, SdkOptions, FacetStyle, Environment, RoutingBehavior, AnchorPosition, SortDirection, DocumentElement, ImageDocumentElement, TitleDocumentElement, DescriptionDocumentElement, CustomDocumentElement, PriceElement, RegularPriceDocumentElement, RatingElement, AddToCartElement, CustomHtmlElement, SortOptions, SearchResultsSortOptions, SearchResultEventCallbacks, CallbackContext, SortCallbackContext, ResultCallbackContext, FacetFilterQuery, CategoryFilterOptions, SearchResultsFilterOptions, SearchResultBadgeType, SearchResultBadgeElement, ResultFacetOptions, BadgeGenerateSeed, BadgeGenerateOptions, BadgeOptions, SearchContainerOptions, SearchContainerConfigOptions, SingleStarRatingElement, DynamicData, ProductRecommendationOptions, RecommendationABTestingOptions, SsrOptions, ChatOptions, ChatSettings, SearchBoxEventCallbacks, SearchBoxResultCallbackContext, QueryParams, SearchBoxResultsNavigateContext };

package/dist/src/types/DocumentElement.d.ts

@@ -24,6 +24,7 @@ export type ImageDocumentElement<T = any> = DocumentElementBase<T> & {
     baseUrl?: string;
     key: string;
     customUrl?: (document: T) => string;
+    alt?: (document: T) => string;
 };
 export type TitleDocumentElement<T = any> = DocumentElementBase<T> & {
     type: DocumentElementType.TITLE;

package/dist/src/types/search-box/SearchBoxOptions.d.ts

@@ -5,6 +5,7 @@ import type { DynamicData } from '../search-results/SearchResultsOptions';
 import type { SearchBoxHistory } from './SearchBoxHistory';
 import type { SearchBoxPanel } from './SearchBoxPanel';
 import { DisplaySuggestion } from './Common';
+import { QueryParams } from '../search-results/QueryParams';
 export type SearchBoxOptions = SearchBoxPanelOptions & {
     inputSelector: string;
     searchTriggers?: string[];
@@ -41,8 +42,14 @@ export type SearchBoxResultCallbackContext = {
     }[];
     inputValue?: string;
 };
+export type SearchBoxResultsNavigateContext = {
+    params: QueryParams & {
+        query: string;
+    };
+};
 export type SearchBoxEventCallbacks = {
     onSearchBoxResults?: (context: SearchBoxResultCallbackContext) => unknown;
+    onSearchResultsNavigate?: (context: SearchBoxResultsNavigateContext) => unknown;
 };
 export type SearchBoxPanelOptions = SearchBoxInputOptions & {
     history: SearchBoxHistory;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getlupa/vue",
-  "version": "0.6.0",
+  "version": "0.6.2",
   "main": "dist/lupaSearch.js",
   "module": "dist/lupaSearch.mjs",
   "types": "dist/src/index.d.ts",