@depict-ai/ui 2.1.22 → 2.1.24

package/ES10/index.cjs

@@ -78,25 +78,25 @@ $parcel$export(module.exports, "defaultColsAtSize", () => $33eed84f447aa0c0$expo
 $parcel$export(module.exports, "defaultCategoryTitlePlugin", () => $33eed84f447aa0c0$export$7bf543b9d9be2c22);
 $parcel$export(module.exports, "version", () => $aa1938dec50d6c12$export$83d89fbfd8236492);
 /*! Depict.ai search and product listing SDK */
-const $aa1938dec50d6c12$export$83d89fbfd8236492 = "2.1.22";
+const $aa1938dec50d6c12$export$83d89fbfd8236492 = "2.1.24";
 const $a68b73fd7ba0853f$var$fallback_operator = "in";
 const $a68b73fd7ba0853f$var$fallback_token = "";
 const $a68b73fd7ba0853f$var$legacy_filter_prefix = "filter_";
 const $a68b73fd7ba0853f$var$operator_map = {
-  "eq": "≡",
-  "neq": "≠",
-  "in": "∈",
-  "nin": "∉",
-  "leq": "≤",
-  "geq": "≥",
+  "eq": "\u2261",
+  "neq": "\u2260",
+  "in": "\u2208",
+  "nin": "\u2209",
+  "leq": "\u2264",
+  "geq": "\u2265",
   "inrange": "\uD83D\uDD22"
 };
 const $a68b73fd7ba0853f$var$ascending_token = "\uD83D\uDCC8";
 const $a68b73fd7ba0853f$var$descending_token = "\uD83D\uDCC9";
 const $a68b73fd7ba0853f$var$range_delimiter = "-";
-const $a68b73fd7ba0853f$var$string_item_delimiter = "‚"; // This is not a comma but a comma-like character that browsers will render in the URL bar.
-const $a68b73fd7ba0853f$var$array_item_delimiter = "‣"; // FIXME: decide on a character. Could theoretically be a double string delimiter.
-const $a68b73fd7ba0853f$var$empty_item_replacement = "0️⃣";
+const $a68b73fd7ba0853f$var$string_item_delimiter = "\u201A"; // This is not a comma but a comma-like character that browsers will render in the URL bar.
+const $a68b73fd7ba0853f$var$array_item_delimiter = "\u2023"; // FIXME: decide on a character. Could theoretically be a double string delimiter.
+const $a68b73fd7ba0853f$var$empty_item_replacement = "0\uFE0F\u20E3";
 const $a68b73fd7ba0853f$var$op_to_token = op => {
   if (op === $a68b73fd7ba0853f$var$fallback_operator) return $a68b73fd7ba0853f$var$fallback_token;
   return $a68b73fd7ba0853f$var$operator_map[op];
@@ -478,6 +478,9 @@ function $28535bb7671c63d1$export$e4b984597b71e989(props) {
     },
     get src() {
       return props.src;
+    },
+    get alt() {
+      return props.alt;
     }
   }));
   return container;
@@ -1656,7 +1659,7 @@ function $e2d74bb03cc5252e$export$325f75597868c4f0(stuff) {
 }
 const $c5842bdb10e57229$var$_tmpl$ = /*#__PURE__*/$52FdA$solidjsweb.template(`<button class="clear-all-filters minor">`),
   $c5842bdb10e57229$var$_tmpl$2 = /*#__PURE__*/$52FdA$solidjsweb.template(`<div class=inner><span class=title><!$><!/>: </span><!$><!/>`),
-  $c5842bdb10e57229$var$_tmpl$3 = /*#__PURE__*/$52FdA$solidjsweb.template(`<button class="clear-filter major"><!$><!/><span><!$><!/><!$><!/><!$><!/> – <!$><!/><!$><!/><!$><!/>`),
+  $c5842bdb10e57229$var$_tmpl$3 = /*#__PURE__*/$52FdA$solidjsweb.template(`<button class="clear-filter major"><!$><!/><span><!$><!/><!$><!/><!$><!/> \u{2013} <!$><!/><!$><!/><!$><!/>`),
   $c5842bdb10e57229$var$_tmpl$4 = /*#__PURE__*/$52FdA$solidjsweb.template(`<button class="clear-filter major"><!$><!/><span>`);
 function $c5842bdb10e57229$export$fecbb157621501bd(_ref) {
   let {
@@ -2895,7 +2898,7 @@ function $99472afa7112c427$var$cut_text(segmented_text) {
   // identical split point, or split end before split start, can't do anything
   split_start_segment == split_end_segment && split_start_character >= split_end_character || split_start_segment > split_end_segment) return;
   const dots_segment = {
-    text_: " … ",
+    text_: " \u2026 ",
     highlighted_: false
   };
   const split_and_dotted_values = segmented_text.flatMap((segment, i) => {
@@ -2989,7 +2992,7 @@ function $99472afa7112c427$var$cut_start(cut_left_of_index, segmented_text) {
         if (character === "," || is_space)
           // if we cut at a comma or psace, we add a … at the beginning
           segmented_text.unshift({
-            text_: "… ",
+            text_: "\u2026 ",
             highlighted_: false
           });
         break outmost_loop;
@@ -4085,7 +4088,7 @@ function $958981128e559776$export$53c59af873b303c9(_ref) {
           get price_formatting_() {
             return price_formatting_();
           }
-        }), $52FdA$solidjsweb.memo(() => price_formatting_().post_), " – ", $52FdA$solidjsweb.memo(() => price_formatting_().pre_), $52FdA$solidjsweb.createComponent((0, $f38f2e64ebe2da86$export$a71e92cfbb498adc), {
+        }), $52FdA$solidjsweb.memo(() => price_formatting_().post_), " \u2013 ", $52FdA$solidjsweb.memo(() => price_formatting_().pre_), $52FdA$solidjsweb.createComponent((0, $f38f2e64ebe2da86$export$a71e92cfbb498adc), {
           get price_() {
             return selected_filter.data[1];
           },
@@ -5139,7 +5142,7 @@ class $e270e9f953fcbc58$export$e015ed2f2950f2e3 {
       try {
         return await $e270e9f953fcbc58$var$_classPrivateMethodGet(this, $e270e9f953fcbc58$var$_run_url_creator_for_suggest, $e270e9f953fcbc58$var$_run_url_creator_for_suggest2).call(this, input_req.tenant, input_req.market, decoded_json);
       } catch (e) {
-        $52FdA$depictaiutilishared.dwarn("URL creator failed", e);
+        $52FdA$depictaiutilishared.dwarn("displayTransformer failed", e);
       }
     }
     return {
@@ -5190,7 +5193,7 @@ function $e270e9f953fcbc58$var$_get_cache_obj_for_endpoint2(endpoint) {
 }
 function $e270e9f953fcbc58$var$_guard_url_creator_length2(expected, received) {
   if (expected.length !== received.length) {
-    const e = new Error("Page URL creator returned wrong number of page URLs, got " + received.length + ", expected " + expected.length);
+    const e = new Error("displayTransformer returned wrong number of page URLs, got " + received.length + ", expected " + expected.length);
     queueMicrotask(() => {
       throw e;
     });
@@ -5311,7 +5314,7 @@ async function $e270e9f953fcbc58$var$_cached_post_request2(endpoint, input_req,
         const unmodified_result = await api_response.json();
         result = await $e270e9f953fcbc58$var$_classPrivateMethodGet(this, $e270e9f953fcbc58$var$_run_display_transformers_for_rest, $e270e9f953fcbc58$var$_run_display_transformers_for_rest2).call(this, input_req.tenant, input_req.market, unmodified_result);
       } catch (e) {
-        $52FdA$depictaiutilishared.dwarn("URL creator or json decoding failed", e);
+        $52FdA$depictaiutilishared.dwarn("displayTransformer or json decoding failed", e);
         break return_successfully;
       }
       // Here result actually becomes O
@@ -5444,7 +5447,7 @@ function $1689794f03ba2554$export$205efb947c7ffd78(handler) {
     $52FdA$solidjs.onCleanup(() => removeEventListener(event, catchified_handler));
   }
 }
-const $e03dec587b6e91e3$var$_tmpl$ = /*#__PURE__*/$52FdA$solidjsweb.template(`<div class=scroll-status style=display:none><span class=text><b></b> – <b></b> <!$><!/> <b>`);
+const $e03dec587b6e91e3$var$_tmpl$ = /*#__PURE__*/$52FdA$solidjsweb.template(`<div class=scroll-status style=display:none><span class=text><b></b> \u{2013} <b></b> <!$><!/> <b>`);
 function $e03dec587b6e91e3$export$83fd5de5504a7a67(_ref) {
   let {
     formatted_number_of_results_: formatted_number_of_results_,
@@ -9054,7 +9057,7 @@ function $9cbefc32b9dab36d$var$get_shared_properties(depict_category) {
   if (!shared_properties) throw new Error("Can't connect to provided DepictCategory instance");
   return shared_properties;
 }
-const $dc0bcefcc3486ebd$var$_tmpl$ = /*#__PURE__*/$52FdA$solidjsweb.template(`<div class=category-title><h1 class=title></h1><span class=explanation> — <!$><!/>`);
+const $dc0bcefcc3486ebd$var$_tmpl$ = /*#__PURE__*/$52FdA$solidjsweb.template(`<div class=category-title><h1 class=title></h1><span class=explanation> \u{2014} <!$><!/>`);
 const $dc0bcefcc3486ebd$export$b91cec6bdc6b32a1 = /*@__PURE__*/(() => {
   const actual_function = _ref => {
     let {
@@ -9463,10 +9466,17 @@ function $c77adcdf5346b187$export$7de92c4c2205ebf3(_ref) {
     var _recommendations_reso;
     return !!((recommendations_resource.loading || (_recommendations_reso = recommendations_resource()) !== null && _recommendations_reso !== void 0 && _recommendations_reso.length) && all_products_loaded_());
   });
-  const num_placeholders_ = $52FdA$solidjs.createMemo(() => (0, $da887c42f8e8847a$export$6c9030e511152266) + get_showing_recommendation_rows() * Math.max(...layout_options_().cols_at_size.map(_ref2 => {
-    let [per_column] = _ref2;
-    return per_column;
-  })));
+  const num_placeholders_ = $52FdA$solidjs.createMemo(() => {
+    const possible_num_columns = layout_options_().cols_at_size.map(_ref2 => {
+      let [per_column] = _ref2;
+      return per_column;
+    });
+    if (!possible_num_columns.length)
+      // Empty cols_at_size, for example artilleriet has that
+      // Assume there will be 4 columns
+      possible_num_columns.push(4);
+    return (0, $da887c42f8e8847a$export$6c9030e511152266) + get_showing_recommendation_rows() * Math.max(...possible_num_columns);
+  });
   // Don't tear down elements every time one updates the page - don't put them within <Show>
   const elements = (() => {
     const _el$ = $52FdA$solidjsweb.getNextElement($c77adcdf5346b187$var$_tmpl$),

package/ES10/index.d.ts

@@ -7,7 +7,7 @@ import { LegacyCategorySuggestion, SearchSuggestionsResponse } from "@depict-ai/
 import { BaseSearchRequestV2 } from "@depict-ai/types/api/BaseSearchRequestV2";
 import { SearchSuggestionsRequestV2 } from "@depict-ai/types/api/SearchSuggestionsRequestV2";
 import { ProductListingRequestV2 } from "@depict-ai/types/api/ProductListingRequestV2";
-export const version = "2.1.22";
+export const version = "2.1.24";
 /**
  * Use `javascript_media_query` but return a reactive accessor instead of taking a callback function
  */
@@ -183,11 +183,13 @@ export const shopifyContainedImageContextSymbol: unique symbol;
  * @property src image source
  * @property aspectRatio aspect ratio of the image
  * @property class extra class to add to the container
+ * @property alt alt text for the image
  */
 export function ShopifyContainedImage(props: {
   src: string;
   aspectRatio: number;
   class?: string;
+  alt?: string;
 }): HTMLDivElement;
 /** @jsxImportSource solid-js */
 export function GenericSliderArrowButton(props?: {

package/ES10/index.js

@@ -9,25 +9,25 @@ import { createStore as $8tj43$createStore, reconcile as $8tj43$reconcile } from
 /*! Depict.ai search and product listing SDK */
 import { register_es_version } from "../multi_import_deduplicator.mjs";
 register_es_version("ui", "ES10");
-const $8db9a15135765c11$export$83d89fbfd8236492 = "2.1.22";
+const $8db9a15135765c11$export$83d89fbfd8236492 = "2.1.24";
 const $2855bffe06ef7a03$var$fallback_operator = "in";
 const $2855bffe06ef7a03$var$fallback_token = "";
 const $2855bffe06ef7a03$var$legacy_filter_prefix = "filter_";
 const $2855bffe06ef7a03$var$operator_map = {
-  "eq": "≡",
-  "neq": "≠",
-  "in": "∈",
-  "nin": "∉",
-  "leq": "≤",
-  "geq": "≥",
+  "eq": "\u2261",
+  "neq": "\u2260",
+  "in": "\u2208",
+  "nin": "\u2209",
+  "leq": "\u2264",
+  "geq": "\u2265",
   "inrange": "\uD83D\uDD22"
 };
 const $2855bffe06ef7a03$var$ascending_token = "\uD83D\uDCC8";
 const $2855bffe06ef7a03$var$descending_token = "\uD83D\uDCC9";
 const $2855bffe06ef7a03$var$range_delimiter = "-";
-const $2855bffe06ef7a03$var$string_item_delimiter = "‚"; // This is not a comma but a comma-like character that browsers will render in the URL bar.
-const $2855bffe06ef7a03$var$array_item_delimiter = "‣"; // FIXME: decide on a character. Could theoretically be a double string delimiter.
-const $2855bffe06ef7a03$var$empty_item_replacement = "0️⃣";
+const $2855bffe06ef7a03$var$string_item_delimiter = "\u201A"; // This is not a comma but a comma-like character that browsers will render in the URL bar.
+const $2855bffe06ef7a03$var$array_item_delimiter = "\u2023"; // FIXME: decide on a character. Could theoretically be a double string delimiter.
+const $2855bffe06ef7a03$var$empty_item_replacement = "0\uFE0F\u20E3";
 const $2855bffe06ef7a03$var$op_to_token = op => {
   if (op === $2855bffe06ef7a03$var$fallback_operator) return $2855bffe06ef7a03$var$fallback_token;
   return $2855bffe06ef7a03$var$operator_map[op];
@@ -409,6 +409,9 @@ function $4df489344a0f97c7$export$e4b984597b71e989(props) {
     },
     get src() {
       return props.src;
+    },
+    get alt() {
+      return props.alt;
     }
   }));
   return container;
@@ -1587,7 +1590,7 @@ function $af5d8e0b7d97a7f6$export$325f75597868c4f0(stuff) {
 }
 const $4711a82d08d2021b$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<button class="clear-all-filters minor">`),
   $4711a82d08d2021b$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<div class=inner><span class=title><!$><!/>: </span><!$><!/>`),
-  $4711a82d08d2021b$var$_tmpl$3 = /*#__PURE__*/$8tj43$template(`<button class="clear-filter major"><!$><!/><span><!$><!/><!$><!/><!$><!/> – <!$><!/><!$><!/><!$><!/>`),
+  $4711a82d08d2021b$var$_tmpl$3 = /*#__PURE__*/$8tj43$template(`<button class="clear-filter major"><!$><!/><span><!$><!/><!$><!/><!$><!/> \u{2013} <!$><!/><!$><!/><!$><!/>`),
   $4711a82d08d2021b$var$_tmpl$4 = /*#__PURE__*/$8tj43$template(`<button class="clear-filter major"><!$><!/><span>`);
 function $4711a82d08d2021b$export$fecbb157621501bd(_ref) {
   let {
@@ -2826,7 +2829,7 @@ function $f3a159279dc1a8fb$var$cut_text(segmented_text) {
   // identical split point, or split end before split start, can't do anything
   split_start_segment == split_end_segment && split_start_character >= split_end_character || split_start_segment > split_end_segment) return;
   const dots_segment = {
-    text_: " … ",
+    text_: " \u2026 ",
     highlighted_: false
   };
   const split_and_dotted_values = segmented_text.flatMap((segment, i) => {
@@ -2920,7 +2923,7 @@ function $f3a159279dc1a8fb$var$cut_start(cut_left_of_index, segmented_text) {
         if (character === "," || is_space)
           // if we cut at a comma or psace, we add a … at the beginning
           segmented_text.unshift({
-            text_: "… ",
+            text_: "\u2026 ",
             highlighted_: false
           });
         break outmost_loop;
@@ -4016,7 +4019,7 @@ function $d0ff304c14f50521$export$53c59af873b303c9(_ref) {
           get price_formatting_() {
             return price_formatting_();
           }
-        }), $8tj43$memo(() => price_formatting_().post_), " – ", $8tj43$memo(() => price_formatting_().pre_), $8tj43$createComponent((0, $60ec7a29849d81db$export$a71e92cfbb498adc), {
+        }), $8tj43$memo(() => price_formatting_().post_), " \u2013 ", $8tj43$memo(() => price_formatting_().pre_), $8tj43$createComponent((0, $60ec7a29849d81db$export$a71e92cfbb498adc), {
           get price_() {
             return selected_filter.data[1];
           },
@@ -5070,7 +5073,7 @@ class $284849364a6ef73a$export$e015ed2f2950f2e3 {
       try {
         return await $284849364a6ef73a$var$_classPrivateMethodGet(this, $284849364a6ef73a$var$_run_url_creator_for_suggest, $284849364a6ef73a$var$_run_url_creator_for_suggest2).call(this, input_req.tenant, input_req.market, decoded_json);
       } catch (e) {
-        $8tj43$dwarn("URL creator failed", e);
+        $8tj43$dwarn("displayTransformer failed", e);
       }
     }
     return {
@@ -5121,7 +5124,7 @@ function $284849364a6ef73a$var$_get_cache_obj_for_endpoint2(endpoint) {
 }
 function $284849364a6ef73a$var$_guard_url_creator_length2(expected, received) {
   if (expected.length !== received.length) {
-    const e = new Error("Page URL creator returned wrong number of page URLs, got " + received.length + ", expected " + expected.length);
+    const e = new Error("displayTransformer returned wrong number of page URLs, got " + received.length + ", expected " + expected.length);
     queueMicrotask(() => {
       throw e;
     });
@@ -5242,7 +5245,7 @@ async function $284849364a6ef73a$var$_cached_post_request2(endpoint, input_req,
         const unmodified_result = await api_response.json();
         result = await $284849364a6ef73a$var$_classPrivateMethodGet(this, $284849364a6ef73a$var$_run_display_transformers_for_rest, $284849364a6ef73a$var$_run_display_transformers_for_rest2).call(this, input_req.tenant, input_req.market, unmodified_result);
       } catch (e) {
-        $8tj43$dwarn("URL creator or json decoding failed", e);
+        $8tj43$dwarn("displayTransformer or json decoding failed", e);
         break return_successfully;
       }
       // Here result actually becomes O
@@ -5375,7 +5378,7 @@ function $33e7d1906c93db7d$export$205efb947c7ffd78(handler) {
     $8tj43$onCleanup(() => removeEventListener(event, catchified_handler));
   }
 }
-const $b69740fc6de9f17e$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class=scroll-status style=display:none><span class=text><b></b> – <b></b> <!$><!/> <b>`);
+const $b69740fc6de9f17e$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class=scroll-status style=display:none><span class=text><b></b> \u{2013} <b></b> <!$><!/> <b>`);
 function $b69740fc6de9f17e$export$83fd5de5504a7a67(_ref) {
   let {
     formatted_number_of_results_: formatted_number_of_results_,
@@ -8985,7 +8988,7 @@ function $f5f54892fd0c7d9f$var$get_shared_properties(depict_category) {
   if (!shared_properties) throw new Error("Can't connect to provided DepictCategory instance");
   return shared_properties;
 }
-const $fa332ea03168857c$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class=category-title><h1 class=title></h1><span class=explanation> — <!$><!/>`);
+const $fa332ea03168857c$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class=category-title><h1 class=title></h1><span class=explanation> \u{2014} <!$><!/>`);
 const $fa332ea03168857c$export$b91cec6bdc6b32a1 = /*@__PURE__*/(() => {
   const actual_function = _ref => {
     let {
@@ -9394,10 +9397,17 @@ function $8ef6232475d44150$export$7de92c4c2205ebf3(_ref) {
     var _recommendations_reso;
     return !!((recommendations_resource.loading || (_recommendations_reso = recommendations_resource()) !== null && _recommendations_reso !== void 0 && _recommendations_reso.length) && all_products_loaded_());
   });
-  const num_placeholders_ = $8tj43$createMemo(() => (0, $981356a8bf29ad72$export$6c9030e511152266) + get_showing_recommendation_rows() * Math.max(...layout_options_().cols_at_size.map(_ref2 => {
-    let [per_column] = _ref2;
-    return per_column;
-  })));
+  const num_placeholders_ = $8tj43$createMemo(() => {
+    const possible_num_columns = layout_options_().cols_at_size.map(_ref2 => {
+      let [per_column] = _ref2;
+      return per_column;
+    });
+    if (!possible_num_columns.length)
+      // Empty cols_at_size, for example artilleriet has that
+      // Assume there will be 4 columns
+      possible_num_columns.push(4);
+    return (0, $981356a8bf29ad72$export$6c9030e511152266) + get_showing_recommendation_rows() * Math.max(...possible_num_columns);
+  });
   // Don't tear down elements every time one updates the page - don't put them within <Show>
   const elements = (() => {
     const _el$ = $8tj43$getNextElement($8ef6232475d44150$var$_tmpl$),

package/latest/index.cjs

@@ -72,25 +72,25 @@ $parcel$export(module.exports, "defaultColsAtSize", () => $a3280f0aad997933$expo
 $parcel$export(module.exports, "defaultCategoryTitlePlugin", () => $a3280f0aad997933$export$7bf543b9d9be2c22);
 $parcel$export(module.exports, "version", () => $b757f75811f3261f$export$83d89fbfd8236492);
 /*! Depict.ai search and product listing SDK */
-const $b757f75811f3261f$export$83d89fbfd8236492 = "2.1.22";
+const $b757f75811f3261f$export$83d89fbfd8236492 = "2.1.24";
 const $1ab22f2cd39b3061$var$fallback_operator = "in";
 const $1ab22f2cd39b3061$var$fallback_token = "";
 const $1ab22f2cd39b3061$var$legacy_filter_prefix = "filter_";
 const $1ab22f2cd39b3061$var$operator_map = {
-  "eq": "≡",
-  "neq": "≠",
-  "in": "∈",
-  "nin": "∉",
-  "leq": "≤",
-  "geq": "≥",
+  "eq": "\u2261",
+  "neq": "\u2260",
+  "in": "\u2208",
+  "nin": "\u2209",
+  "leq": "\u2264",
+  "geq": "\u2265",
   "inrange": "\uD83D\uDD22"
 };
 const $1ab22f2cd39b3061$var$ascending_token = "\uD83D\uDCC8";
 const $1ab22f2cd39b3061$var$descending_token = "\uD83D\uDCC9";
 const $1ab22f2cd39b3061$var$range_delimiter = "-";
-const $1ab22f2cd39b3061$var$string_item_delimiter = "‚"; // This is not a comma but a comma-like character that browsers will render in the URL bar.
-const $1ab22f2cd39b3061$var$array_item_delimiter = "‣"; // FIXME: decide on a character. Could theoretically be a double string delimiter.
-const $1ab22f2cd39b3061$var$empty_item_replacement = "0️⃣";
+const $1ab22f2cd39b3061$var$string_item_delimiter = "\u201A"; // This is not a comma but a comma-like character that browsers will render in the URL bar.
+const $1ab22f2cd39b3061$var$array_item_delimiter = "\u2023"; // FIXME: decide on a character. Could theoretically be a double string delimiter.
+const $1ab22f2cd39b3061$var$empty_item_replacement = "0\uFE0F\u20E3";
 const $1ab22f2cd39b3061$var$op_to_token = op => {
   if (op === $1ab22f2cd39b3061$var$fallback_operator) return $1ab22f2cd39b3061$var$fallback_token;
   return $1ab22f2cd39b3061$var$operator_map[op];
@@ -461,6 +461,9 @@ function $a33065cfed827fc0$export$e4b984597b71e989(props) {
     },
     get src() {
       return props.src;
+    },
+    get alt() {
+      return props.alt;
     }
   }));
   return container;
@@ -1579,7 +1582,7 @@ function $daa394359b026187$export$325f75597868c4f0(stuff) {
 }
 const $235a2771a44e28e9$var$_tmpl$ = /*#__PURE__*/$gVhhF$solidjsweb.template(`<button class="clear-all-filters minor">`),
   $235a2771a44e28e9$var$_tmpl$2 = /*#__PURE__*/$gVhhF$solidjsweb.template(`<div class=inner><span class=title><!$><!/>: </span><!$><!/>`),
-  $235a2771a44e28e9$var$_tmpl$3 = /*#__PURE__*/$gVhhF$solidjsweb.template(`<button class="clear-filter major"><!$><!/><span><!$><!/><!$><!/><!$><!/> – <!$><!/><!$><!/><!$><!/>`),
+  $235a2771a44e28e9$var$_tmpl$3 = /*#__PURE__*/$gVhhF$solidjsweb.template(`<button class="clear-filter major"><!$><!/><span><!$><!/><!$><!/><!$><!/> \u{2013} <!$><!/><!$><!/><!$><!/>`),
   $235a2771a44e28e9$var$_tmpl$4 = /*#__PURE__*/$gVhhF$solidjsweb.template(`<button class="clear-filter major"><!$><!/><span>`);
 function $235a2771a44e28e9$export$fecbb157621501bd({
   number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_,
@@ -2752,7 +2755,7 @@ function $5ea5a82e398f6f44$var$cut_text(segmented_text) {
   // identical split point, or split end before split start, can't do anything
   split_start_segment == split_end_segment && split_start_character >= split_end_character || split_start_segment > split_end_segment) return;
   const dots_segment = {
-    text_: " … ",
+    text_: " \u2026 ",
     highlighted_: false
   };
   const split_and_dotted_values = segmented_text.flatMap((segment, i) => {
@@ -2844,7 +2847,7 @@ function $5ea5a82e398f6f44$var$cut_start(cut_left_of_index, segmented_text) {
         if (character === "," || is_space)
           // if we cut at a comma or psace, we add a … at the beginning
           segmented_text.unshift({
-            text_: "… ",
+            text_: "\u2026 ",
             highlighted_: false
           });
         break outmost_loop;
@@ -3858,7 +3861,7 @@ function $b064919833b3e80b$export$53c59af873b303c9({
           get price_formatting_() {
             return price_formatting_();
           }
-        }), $gVhhF$solidjsweb.memo(() => price_formatting_().post_), " – ", $gVhhF$solidjsweb.memo(() => price_formatting_().pre_), $gVhhF$solidjsweb.createComponent((0, $d659702496cb72ea$export$a71e92cfbb498adc), {
+        }), $gVhhF$solidjsweb.memo(() => price_formatting_().post_), " \u2013 ", $gVhhF$solidjsweb.memo(() => price_formatting_().pre_), $gVhhF$solidjsweb.createComponent((0, $d659702496cb72ea$export$a71e92cfbb498adc), {
           get price_() {
             return selected_filter.data[1];
           },
@@ -4773,7 +4776,7 @@ class $e1d6c0f3d89d531c$export$e015ed2f2950f2e3 {
   #get_session_id;
   #guard_url_creator_length(expected, received) {
     if (expected.length !== received.length) {
-      const e = new Error("Page URL creator returned wrong number of page URLs, got " + received.length + ", expected " + expected.length);
+      const e = new Error("displayTransformer returned wrong number of page URLs, got " + received.length + ", expected " + expected.length);
       queueMicrotask(() => {
         throw e;
       });
@@ -4892,7 +4895,7 @@ class $e1d6c0f3d89d531c$export$e015ed2f2950f2e3 {
           const unmodified_result = await api_response.json();
           result = await this.#run_display_transformers_for_rest(input_req.tenant, input_req.market, unmodified_result);
         } catch (e) {
-          $gVhhF$depictaiutilishared.dwarn("URL creator or json decoding failed", e);
+          $gVhhF$depictaiutilishared.dwarn("displayTransformer or json decoding failed", e);
           break return_successfully;
         }
         // Here result actually becomes O
@@ -4946,7 +4949,7 @@ class $e1d6c0f3d89d531c$export$e015ed2f2950f2e3 {
       try {
         return await this.#run_url_creator_for_suggest(input_req.tenant, input_req.market, decoded_json);
       } catch (e) {
-        $gVhhF$depictaiutilishared.dwarn("URL creator failed", e);
+        $gVhhF$depictaiutilishared.dwarn("displayTransformer failed", e);
       }
     }
     return {
@@ -5079,7 +5082,7 @@ function $76b6ac05693f5c71$export$205efb947c7ffd78(handler, passive = true) {
     $gVhhF$solidjs.onCleanup(() => removeEventListener(event, catchified_handler));
   }
 }
-const $401aee5f33dca9e2$var$_tmpl$ = /*#__PURE__*/$gVhhF$solidjsweb.template(`<div class=scroll-status style=display:none><span class=text><b></b> – <b></b> <!$><!/> <b>`);
+const $401aee5f33dca9e2$var$_tmpl$ = /*#__PURE__*/$gVhhF$solidjsweb.template(`<div class=scroll-status style=display:none><span class=text><b></b> \u{2013} <b></b> <!$><!/> <b>`);
 function $401aee5f33dca9e2$export$83fd5de5504a7a67({
   formatted_number_of_results_: formatted_number_of_results_,
   first_result_in_viewport_: [get_first_result_in_viewport],
@@ -8405,7 +8408,7 @@ function $48567ac5b39bac56$var$get_shared_properties(depict_category) {
   if (!shared_properties) throw new Error("Can't connect to provided DepictCategory instance");
   return shared_properties;
 }
-const $0b23bfd073d9a4e8$var$_tmpl$ = /*#__PURE__*/$gVhhF$solidjsweb.template(`<div class=category-title><h1 class=title></h1><span class=explanation> — <!$><!/>`);
+const $0b23bfd073d9a4e8$var$_tmpl$ = /*#__PURE__*/$gVhhF$solidjsweb.template(`<div class=category-title><h1 class=title></h1><span class=explanation> \u{2014} <!$><!/>`);
 const $0b23bfd073d9a4e8$export$b91cec6bdc6b32a1 = /*@__PURE__*/(() => {
   const actual_function = ({
     category_title_: category_title_,
@@ -8802,7 +8805,14 @@ function $fb29c6201c369e39$export$7de92c4c2205ebf3({
   // only fetch/refetch if all products are loaded
   query => query && depict_api_.get_recommended(query).then(r => r.displays));
   const should_show = $gVhhF$solidjs.createMemo(() => !!((recommendations_resource.loading || recommendations_resource()?.length) && all_products_loaded_()));
-  const num_placeholders_ = $gVhhF$solidjs.createMemo(() => (0, $aec24316ed262dc0$export$6c9030e511152266) + get_showing_recommendation_rows() * Math.max(...layout_options_().cols_at_size.map(([per_column]) => per_column)));
+  const num_placeholders_ = $gVhhF$solidjs.createMemo(() => {
+    const possible_num_columns = layout_options_().cols_at_size.map(([per_column]) => per_column);
+    if (!possible_num_columns.length)
+      // Empty cols_at_size, for example artilleriet has that
+      // Assume there will be 4 columns
+      possible_num_columns.push(4);
+    return (0, $aec24316ed262dc0$export$6c9030e511152266) + get_showing_recommendation_rows() * Math.max(...possible_num_columns);
+  });
   // Don't tear down elements every time one updates the page - don't put them within <Show>
   const elements = (() => {
     const _el$ = $gVhhF$solidjsweb.getNextElement($fb29c6201c369e39$var$_tmpl$),

package/latest/index.d.ts

@@ -7,7 +7,7 @@ import { LegacyCategorySuggestion, SearchSuggestionsResponse } from "@depict-ai/
 import { BaseSearchRequestV2 } from "@depict-ai/types/api/BaseSearchRequestV2";
 import { SearchSuggestionsRequestV2 } from "@depict-ai/types/api/SearchSuggestionsRequestV2";
 import { ProductListingRequestV2 } from "@depict-ai/types/api/ProductListingRequestV2";
-export const version = "2.1.22";
+export const version = "2.1.24";
 /**
  * Use `javascript_media_query` but return a reactive accessor instead of taking a callback function
  */
@@ -183,11 +183,13 @@ export const shopifyContainedImageContextSymbol: unique symbol;
  * @property src image source
  * @property aspectRatio aspect ratio of the image
  * @property class extra class to add to the container
+ * @property alt alt text for the image
  */
 export function ShopifyContainedImage(props: {
   src: string;
   aspectRatio: number;
   class?: string;
+  alt?: string;
 }): HTMLDivElement;
 /** @jsxImportSource solid-js */
 export function GenericSliderArrowButton(props?: {

package/latest/index.js

@@ -6,25 +6,25 @@ import { createStore as $9HbP8$createStore, reconcile as $9HbP8$reconcile } from
 /*! Depict.ai search and product listing SDK */
 import { register_es_version } from "../multi_import_deduplicator.mjs";
 register_es_version("ui", "latest");
-const $ec291e0010116877$export$83d89fbfd8236492 = "2.1.22";
+const $ec291e0010116877$export$83d89fbfd8236492 = "2.1.24";
 const $4147651646da990a$var$fallback_operator = "in";
 const $4147651646da990a$var$fallback_token = "";
 const $4147651646da990a$var$legacy_filter_prefix = "filter_";
 const $4147651646da990a$var$operator_map = {
-  "eq": "≡",
-  "neq": "≠",
-  "in": "∈",
-  "nin": "∉",
-  "leq": "≤",
-  "geq": "≥",
+  "eq": "\u2261",
+  "neq": "\u2260",
+  "in": "\u2208",
+  "nin": "\u2209",
+  "leq": "\u2264",
+  "geq": "\u2265",
   "inrange": "\uD83D\uDD22"
 };
 const $4147651646da990a$var$ascending_token = "\uD83D\uDCC8";
 const $4147651646da990a$var$descending_token = "\uD83D\uDCC9";
 const $4147651646da990a$var$range_delimiter = "-";
-const $4147651646da990a$var$string_item_delimiter = "‚"; // This is not a comma but a comma-like character that browsers will render in the URL bar.
-const $4147651646da990a$var$array_item_delimiter = "‣"; // FIXME: decide on a character. Could theoretically be a double string delimiter.
-const $4147651646da990a$var$empty_item_replacement = "0️⃣";
+const $4147651646da990a$var$string_item_delimiter = "\u201A"; // This is not a comma but a comma-like character that browsers will render in the URL bar.
+const $4147651646da990a$var$array_item_delimiter = "\u2023"; // FIXME: decide on a character. Could theoretically be a double string delimiter.
+const $4147651646da990a$var$empty_item_replacement = "0\uFE0F\u20E3";
 const $4147651646da990a$var$op_to_token = op => {
   if (op === $4147651646da990a$var$fallback_operator) return $4147651646da990a$var$fallback_token;
   return $4147651646da990a$var$operator_map[op];
@@ -395,6 +395,9 @@ function $660070e2a394b3c3$export$e4b984597b71e989(props) {
     },
     get src() {
       return props.src;
+    },
+    get alt() {
+      return props.alt;
     }
   }));
   return container;
@@ -1513,7 +1516,7 @@ function $91aa8ee9f431800d$export$325f75597868c4f0(stuff) {
 }
 const $1adfe60f3a14a1d7$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<button class="clear-all-filters minor">`),
   $1adfe60f3a14a1d7$var$_tmpl$2 = /*#__PURE__*/$9HbP8$template(`<div class=inner><span class=title><!$><!/>: </span><!$><!/>`),
-  $1adfe60f3a14a1d7$var$_tmpl$3 = /*#__PURE__*/$9HbP8$template(`<button class="clear-filter major"><!$><!/><span><!$><!/><!$><!/><!$><!/> – <!$><!/><!$><!/><!$><!/>`),
+  $1adfe60f3a14a1d7$var$_tmpl$3 = /*#__PURE__*/$9HbP8$template(`<button class="clear-filter major"><!$><!/><span><!$><!/><!$><!/><!$><!/> \u{2013} <!$><!/><!$><!/><!$><!/>`),
   $1adfe60f3a14a1d7$var$_tmpl$4 = /*#__PURE__*/$9HbP8$template(`<button class="clear-filter major"><!$><!/><span>`);
 function $1adfe60f3a14a1d7$export$fecbb157621501bd({
   number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_,
@@ -2686,7 +2689,7 @@ function $522a690e0e2bd46d$var$cut_text(segmented_text) {
   // identical split point, or split end before split start, can't do anything
   split_start_segment == split_end_segment && split_start_character >= split_end_character || split_start_segment > split_end_segment) return;
   const dots_segment = {
-    text_: " … ",
+    text_: " \u2026 ",
     highlighted_: false
   };
   const split_and_dotted_values = segmented_text.flatMap((segment, i) => {
@@ -2778,7 +2781,7 @@ function $522a690e0e2bd46d$var$cut_start(cut_left_of_index, segmented_text) {
         if (character === "," || is_space)
           // if we cut at a comma or psace, we add a … at the beginning
           segmented_text.unshift({
-            text_: "… ",
+            text_: "\u2026 ",
             highlighted_: false
           });
         break outmost_loop;
@@ -3792,7 +3795,7 @@ function $a7b58cb3bcffd156$export$53c59af873b303c9({
           get price_formatting_() {
             return price_formatting_();
           }
-        }), $9HbP8$memo(() => price_formatting_().post_), " – ", $9HbP8$memo(() => price_formatting_().pre_), $9HbP8$createComponent((0, $8c0f86cb3e266eeb$export$a71e92cfbb498adc), {
+        }), $9HbP8$memo(() => price_formatting_().post_), " \u2013 ", $9HbP8$memo(() => price_formatting_().pre_), $9HbP8$createComponent((0, $8c0f86cb3e266eeb$export$a71e92cfbb498adc), {
           get price_() {
             return selected_filter.data[1];
           },
@@ -4707,7 +4710,7 @@ class $7fa23e2a0079eca4$export$e015ed2f2950f2e3 {
   #get_session_id;
   #guard_url_creator_length(expected, received) {
     if (expected.length !== received.length) {
-      const e = new Error("Page URL creator returned wrong number of page URLs, got " + received.length + ", expected " + expected.length);
+      const e = new Error("displayTransformer returned wrong number of page URLs, got " + received.length + ", expected " + expected.length);
       queueMicrotask(() => {
         throw e;
       });
@@ -4826,7 +4829,7 @@ class $7fa23e2a0079eca4$export$e015ed2f2950f2e3 {
           const unmodified_result = await api_response.json();
           result = await this.#run_display_transformers_for_rest(input_req.tenant, input_req.market, unmodified_result);
         } catch (e) {
-          $9HbP8$dwarn("URL creator or json decoding failed", e);
+          $9HbP8$dwarn("displayTransformer or json decoding failed", e);
           break return_successfully;
         }
         // Here result actually becomes O
@@ -4880,7 +4883,7 @@ class $7fa23e2a0079eca4$export$e015ed2f2950f2e3 {
       try {
         return await this.#run_url_creator_for_suggest(input_req.tenant, input_req.market, decoded_json);
       } catch (e) {
-        $9HbP8$dwarn("URL creator failed", e);
+        $9HbP8$dwarn("displayTransformer failed", e);
       }
     }
     return {
@@ -5013,7 +5016,7 @@ function $8f9120a1ca151e6a$export$205efb947c7ffd78(handler, passive = true) {
     $9HbP8$onCleanup(() => removeEventListener(event, catchified_handler));
   }
 }
-const $6db49ca163afa2c3$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<div class=scroll-status style=display:none><span class=text><b></b> – <b></b> <!$><!/> <b>`);
+const $6db49ca163afa2c3$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<div class=scroll-status style=display:none><span class=text><b></b> \u{2013} <b></b> <!$><!/> <b>`);
 function $6db49ca163afa2c3$export$83fd5de5504a7a67({
   formatted_number_of_results_: formatted_number_of_results_,
   first_result_in_viewport_: [get_first_result_in_viewport],
@@ -8339,7 +8342,7 @@ function $961b5c64bef4662f$var$get_shared_properties(depict_category) {
   if (!shared_properties) throw new Error("Can't connect to provided DepictCategory instance");
   return shared_properties;
 }
-const $e4615ecd1849548f$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<div class=category-title><h1 class=title></h1><span class=explanation> — <!$><!/>`);
+const $e4615ecd1849548f$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<div class=category-title><h1 class=title></h1><span class=explanation> \u{2014} <!$><!/>`);
 const $e4615ecd1849548f$export$b91cec6bdc6b32a1 = /*@__PURE__*/(() => {
   const actual_function = ({
     category_title_: category_title_,
@@ -8736,7 +8739,14 @@ function $172e1b898d457050$export$7de92c4c2205ebf3({
   // only fetch/refetch if all products are loaded
   query => query && depict_api_.get_recommended(query).then(r => r.displays));
   const should_show = $9HbP8$createMemo(() => !!((recommendations_resource.loading || recommendations_resource()?.length) && all_products_loaded_()));
-  const num_placeholders_ = $9HbP8$createMemo(() => (0, $7747fe1a8c5652e3$export$6c9030e511152266) + get_showing_recommendation_rows() * Math.max(...layout_options_().cols_at_size.map(([per_column]) => per_column)));
+  const num_placeholders_ = $9HbP8$createMemo(() => {
+    const possible_num_columns = layout_options_().cols_at_size.map(([per_column]) => per_column);
+    if (!possible_num_columns.length)
+      // Empty cols_at_size, for example artilleriet has that
+      // Assume there will be 4 columns
+      possible_num_columns.push(4);
+    return (0, $7747fe1a8c5652e3$export$6c9030e511152266) + get_showing_recommendation_rows() * Math.max(...possible_num_columns);
+  });
   // Don't tear down elements every time one updates the page - don't put them within <Show>
   const elements = (() => {
     const _el$ = $9HbP8$getNextElement($172e1b898d457050$var$_tmpl$),