@depict-ai/ui 2.1.22 → 2.1.24

package/server/ES10/index.js

@@ -9,25 +9,25 @@ import { createStore as $b8hua$createStore, reconcile as $b8hua$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];
@@ -396,6 +396,9 @@ function $4df489344a0f97c7$export$e4b984597b71e989(props) {
     },
     get src() {
       return props.src;
+    },
+    get alt() {
+      return props.alt;
     }
   }));
   return container;
@@ -1305,7 +1308,7 @@ function $af5d8e0b7d97a7f6$export$325f75597868c4f0(stuff) {
 }
 const $4711a82d08d2021b$var$_tmpl$ = ["<button", ' class="clear-all-filters minor">', "</button>"],
   $4711a82d08d2021b$var$_tmpl$2 = ["<div", ' class="inner"><span class="title"><!--$-->', "<!--/-->: </span><!--$-->", "<!--/--></div>"],
-  $4711a82d08d2021b$var$_tmpl$3 = ["<button", ' class="clear-filter major"><!--$-->', "<!--/--><span><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--> – <!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></span></button>"],
+  $4711a82d08d2021b$var$_tmpl$3 = ["<button", ' class="clear-filter major"><!--$-->', "<!--/--><span><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--> \u2013 <!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></span></button>"],
   $4711a82d08d2021b$var$_tmpl$4 = ["<button", ' class="clear-filter major"><!--$-->', "<!--/--><span>", "</span></button>"];
 function $4711a82d08d2021b$export$fecbb157621501bd(_ref) {
   let {
@@ -2128,7 +2131,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) => {
@@ -2222,7 +2225,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;
@@ -3184,7 +3187,7 @@ function $d0ff304c14f50521$export$53c59af873b303c9(_ref) {
           get price_formatting_() {
             return price_formatting_();
           }
-        }), price_formatting_().post_, " – ", price_formatting_().pre_, $b8hua$createComponent((0, $60ec7a29849d81db$export$a71e92cfbb498adc), {
+        }), price_formatting_().post_, " \u2013 ", price_formatting_().pre_, $b8hua$createComponent((0, $60ec7a29849d81db$export$a71e92cfbb498adc), {
           get price_() {
             return selected_filter.data[1];
           },
@@ -4120,7 +4123,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) {
-        $b8hua$dwarn("URL creator failed", e);
+        $b8hua$dwarn("displayTransformer failed", e);
       }
     }
     return {
@@ -4171,7 +4174,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;
     });
@@ -4292,7 +4295,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) {
-        $b8hua$dwarn("URL creator or json decoding failed", e);
+        $b8hua$dwarn("displayTransformer or json decoding failed", e);
         break return_successfully;
       }
       // Here result actually becomes O
@@ -4425,7 +4428,7 @@ function $33e7d1906c93db7d$export$205efb947c7ffd78(handler) {
     $b8hua$onCleanup(() => removeEventListener(event, catchified_handler));
   }
 }
-const $b69740fc6de9f17e$var$_tmpl$ = ["<div", ' class="scroll-status" style="display:none"><span class="text"><b>', "</b> – <b>", "</b> <!--$-->", "<!--/--> <b>", "</b></span></div>"];
+const $b69740fc6de9f17e$var$_tmpl$ = ["<div", ' class="scroll-status" style="display:none"><span class="text"><b>', "</b> \u2013 <b>", "</b> <!--$-->", "<!--/--> <b>", "</b></span></div>"];
 function $b69740fc6de9f17e$export$83fd5de5504a7a67(_ref) {
   let {
     formatted_number_of_results_: formatted_number_of_results_,
@@ -7536,7 +7539,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$ = ["<div", ' class="category-title"><h1 class="title">', '</h1><span class="explanation"> — <!--$-->', "<!--/--></span></div>"];
+const $fa332ea03168857c$var$_tmpl$ = ["<div", ' class="category-title"><h1 class="title">', '</h1><span class="explanation"> \u2014 <!--$-->', "<!--/--></span></div>"];
 const $fa332ea03168857c$export$b91cec6bdc6b32a1 = /*@__PURE__*/(() => {
   const actual_function = _ref => {
     let {
@@ -7788,10 +7791,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_ = $b8hua$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_ = $b8hua$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 = $b8hua$ssr($8ef6232475d44150$var$_tmpl$, $b8hua$ssrHydrationKey(), $b8hua$escape(i18n_.search_recs_title_()), $b8hua$escape($ca55612a53dbbdd2$export$a2cc176055f8f08()), $b8hua$escape($b8hua$createComponent((0, $63f1f8dbcd07d3b0$export$d21e32dfedac04be), $b8hua$mergeProps1({
     rows: rows_object,

package/server/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];
@@ -448,6 +448,9 @@ function $a33065cfed827fc0$export$e4b984597b71e989(props) {
     },
     get src() {
       return props.src;
+    },
+    get alt() {
+      return props.alt;
     }
   }));
   return container;
@@ -1310,7 +1313,7 @@ function $daa394359b026187$export$325f75597868c4f0(stuff) {
 }
 const $235a2771a44e28e9$var$_tmpl$ = ["<button", ' class="clear-all-filters minor">', "</button>"],
   $235a2771a44e28e9$var$_tmpl$2 = ["<div", ' class="inner"><span class="title"><!--$-->', "<!--/-->: </span><!--$-->", "<!--/--></div>"],
-  $235a2771a44e28e9$var$_tmpl$3 = ["<button", ' class="clear-filter major"><!--$-->', "<!--/--><span><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--> – <!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></span></button>"],
+  $235a2771a44e28e9$var$_tmpl$3 = ["<button", ' class="clear-filter major"><!--$-->', "<!--/--><span><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--> \u2013 <!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></span></button>"],
   $235a2771a44e28e9$var$_tmpl$4 = ["<button", ' class="clear-filter major"><!--$-->', "<!--/--><span>", "</span></button>"];
 function $235a2771a44e28e9$export$fecbb157621501bd({
   number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_,
@@ -2079,7 +2082,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) => {
@@ -2171,7 +2174,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;
@@ -3062,7 +3065,7 @@ function $b064919833b3e80b$export$53c59af873b303c9({
           get price_formatting_() {
             return price_formatting_();
           }
-        }), price_formatting_().post_, " – ", price_formatting_().pre_, $5vyXB$solidjsweb.createComponent((0, $d659702496cb72ea$export$a71e92cfbb498adc), {
+        }), price_formatting_().post_, " \u2013 ", price_formatting_().pre_, $5vyXB$solidjsweb.createComponent((0, $d659702496cb72ea$export$a71e92cfbb498adc), {
           get price_() {
             return selected_filter.data[1];
           },
@@ -3862,7 +3865,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;
       });
@@ -3981,7 +3984,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) {
-          $5vyXB$depictaiutilishared.dwarn("URL creator or json decoding failed", e);
+          $5vyXB$depictaiutilishared.dwarn("displayTransformer or json decoding failed", e);
           break return_successfully;
         }
         // Here result actually becomes O
@@ -4035,7 +4038,7 @@ class $e1d6c0f3d89d531c$export$e015ed2f2950f2e3 {
       try {
         return await this.#run_url_creator_for_suggest(input_req.tenant, input_req.market, decoded_json);
       } catch (e) {
-        $5vyXB$depictaiutilishared.dwarn("URL creator failed", e);
+        $5vyXB$depictaiutilishared.dwarn("displayTransformer failed", e);
       }
     }
     return {
@@ -4168,7 +4171,7 @@ function $76b6ac05693f5c71$export$205efb947c7ffd78(handler, passive = true) {
     $5vyXB$solidjs.onCleanup(() => removeEventListener(event, catchified_handler));
   }
 }
-const $401aee5f33dca9e2$var$_tmpl$ = ["<div", ' class="scroll-status" style="display:none"><span class="text"><b>', "</b> – <b>", "</b> <!--$-->", "<!--/--> <b>", "</b></span></div>"];
+const $401aee5f33dca9e2$var$_tmpl$ = ["<div", ' class="scroll-status" style="display:none"><span class="text"><b>', "</b> \u2013 <b>", "</b> <!--$-->", "<!--/--> <b>", "</b></span></div>"];
 function $401aee5f33dca9e2$export$83fd5de5504a7a67({
   formatted_number_of_results_: formatted_number_of_results_,
   first_result_in_viewport_: [get_first_result_in_viewport],
@@ -7016,7 +7019,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$ = ["<div", ' class="category-title"><h1 class="title">', '</h1><span class="explanation"> — <!--$-->', "<!--/--></span></div>"];
+const $0b23bfd073d9a4e8$var$_tmpl$ = ["<div", ' class="category-title"><h1 class="title">', '</h1><span class="explanation"> \u2014 <!--$-->', "<!--/--></span></div>"];
 const $0b23bfd073d9a4e8$export$b91cec6bdc6b32a1 = /*@__PURE__*/(() => {
   const actual_function = ({
     category_title_: category_title_,
@@ -7258,7 +7261,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 = $5vyXB$solidjs.createMemo(() => !!((recommendations_resource.loading || recommendations_resource()?.length) && all_products_loaded_()));
-  const num_placeholders_ = $5vyXB$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_ = $5vyXB$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 = $5vyXB$solidjsweb.ssr($fb29c6201c369e39$var$_tmpl$, $5vyXB$solidjsweb.ssrHydrationKey(), $5vyXB$solidjsweb.escape(i18n_.search_recs_title_()), $5vyXB$solidjsweb.escape($fc23d7668ae0011d$export$a2cc176055f8f08()), $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent((0, $f48d0fbb00835aaa$export$d21e32dfedac04be), $5vyXB$solidjsweb.mergeProps({
     rows: rows_object,

package/server/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/server/latest/index.js

@@ -6,25 +6,25 @@ import { createStore as $i7OB2$createStore, reconcile as $i7OB2$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];
@@ -382,6 +382,9 @@ function $660070e2a394b3c3$export$e4b984597b71e989(props) {
     },
     get src() {
       return props.src;
+    },
+    get alt() {
+      return props.alt;
     }
   }));
   return container;
@@ -1244,7 +1247,7 @@ function $91aa8ee9f431800d$export$325f75597868c4f0(stuff) {
 }
 const $1adfe60f3a14a1d7$var$_tmpl$ = ["<button", ' class="clear-all-filters minor">', "</button>"],
   $1adfe60f3a14a1d7$var$_tmpl$2 = ["<div", ' class="inner"><span class="title"><!--$-->', "<!--/-->: </span><!--$-->", "<!--/--></div>"],
-  $1adfe60f3a14a1d7$var$_tmpl$3 = ["<button", ' class="clear-filter major"><!--$-->', "<!--/--><span><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--> – <!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></span></button>"],
+  $1adfe60f3a14a1d7$var$_tmpl$3 = ["<button", ' class="clear-filter major"><!--$-->', "<!--/--><span><!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--> \u2013 <!--$-->", "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></span></button>"],
   $1adfe60f3a14a1d7$var$_tmpl$4 = ["<button", ' class="clear-filter major"><!--$-->', "<!--/--><span>", "</span></button>"];
 function $1adfe60f3a14a1d7$export$fecbb157621501bd({
   number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_,
@@ -2013,7 +2016,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) => {
@@ -2105,7 +2108,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;
@@ -2996,7 +2999,7 @@ function $a7b58cb3bcffd156$export$53c59af873b303c9({
           get price_formatting_() {
             return price_formatting_();
           }
-        }), price_formatting_().post_, " – ", price_formatting_().pre_, $i7OB2$createComponent((0, $8c0f86cb3e266eeb$export$a71e92cfbb498adc), {
+        }), price_formatting_().post_, " \u2013 ", price_formatting_().pre_, $i7OB2$createComponent((0, $8c0f86cb3e266eeb$export$a71e92cfbb498adc), {
           get price_() {
             return selected_filter.data[1];
           },
@@ -3796,7 +3799,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;
       });
@@ -3915,7 +3918,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) {
-          $i7OB2$dwarn("URL creator or json decoding failed", e);
+          $i7OB2$dwarn("displayTransformer or json decoding failed", e);
           break return_successfully;
         }
         // Here result actually becomes O
@@ -3969,7 +3972,7 @@ class $7fa23e2a0079eca4$export$e015ed2f2950f2e3 {
       try {
         return await this.#run_url_creator_for_suggest(input_req.tenant, input_req.market, decoded_json);
       } catch (e) {
-        $i7OB2$dwarn("URL creator failed", e);
+        $i7OB2$dwarn("displayTransformer failed", e);
       }
     }
     return {
@@ -4102,7 +4105,7 @@ function $8f9120a1ca151e6a$export$205efb947c7ffd78(handler, passive = true) {
     $i7OB2$onCleanup(() => removeEventListener(event, catchified_handler));
   }
 }
-const $6db49ca163afa2c3$var$_tmpl$ = ["<div", ' class="scroll-status" style="display:none"><span class="text"><b>', "</b> – <b>", "</b> <!--$-->", "<!--/--> <b>", "</b></span></div>"];
+const $6db49ca163afa2c3$var$_tmpl$ = ["<div", ' class="scroll-status" style="display:none"><span class="text"><b>', "</b> \u2013 <b>", "</b> <!--$-->", "<!--/--> <b>", "</b></span></div>"];
 function $6db49ca163afa2c3$export$83fd5de5504a7a67({
   formatted_number_of_results_: formatted_number_of_results_,
   first_result_in_viewport_: [get_first_result_in_viewport],
@@ -6950,7 +6953,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$ = ["<div", ' class="category-title"><h1 class="title">', '</h1><span class="explanation"> — <!--$-->', "<!--/--></span></div>"];
+const $e4615ecd1849548f$var$_tmpl$ = ["<div", ' class="category-title"><h1 class="title">', '</h1><span class="explanation"> \u2014 <!--$-->', "<!--/--></span></div>"];
 const $e4615ecd1849548f$export$b91cec6bdc6b32a1 = /*@__PURE__*/(() => {
   const actual_function = ({
     category_title_: category_title_,
@@ -7192,7 +7195,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 = $i7OB2$createMemo(() => !!((recommendations_resource.loading || recommendations_resource()?.length) && all_products_loaded_()));
-  const num_placeholders_ = $i7OB2$createMemo(() => (0, $7747fe1a8c5652e3$export$6c9030e511152266) + get_showing_recommendation_rows() * Math.max(...layout_options_().cols_at_size.map(([per_column]) => per_column)));
+  const num_placeholders_ = $i7OB2$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 = $i7OB2$ssr($172e1b898d457050$var$_tmpl$, $i7OB2$ssrHydrationKey(), $i7OB2$escape(i18n_.search_recs_title_()), $i7OB2$escape($a458486f22b22f63$export$a2cc176055f8f08()), $i7OB2$escape($i7OB2$createComponent((0, $c8d5ff4524619fcd$export$d21e32dfedac04be), $i7OB2$mergeProps1({
     rows: rows_object,