@depict-ai/ui 2.0.6 → 2.0.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@depict-ai/ui",
-  "version": "2.0.6",
+  "version": "2.0.8",
   "description": "Base package containing the actual UI of Depict UI along with translations, with a not-simplified API. We recommend using @depict-ai/js-ui or @depict-ai/react-ui instead.",
   "packageManager": "yarn@3.2.2",
   "sass": "styles.scss",

package/server/ES10/index.cjs

@@ -67,7 +67,7 @@ $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.0.6";
+const $aa1938dec50d6c12$export$83d89fbfd8236492 = "2.0.8";
 
 /** @jsxImportSource solid-js */
 
@@ -123,40 +123,8 @@ const $5401a6698b0c0658$export$6daf8749b65a1b77 = cols_at_size => {
   });
   return $5401a6698b0c0658$var$transform_elements(sorted_cols_at_size);
 };
-
-/**
- * Content results ContentCard look stupid on mobile if there are two columns of them, so we limit the number of columns to 1 if the screen is too small
- */
-function $b1ea8d47bcf03111$export$ff7109b9b2b206ba(sdk_cols_at_size) {
-  let min_width_for_more_than_one_column = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 500;
-  if (!sdk_cols_at_size.length) return sdk_cols_at_size;
-  const sorted_sizes = sdk_cols_at_size.map(_ref => {
-    let [cols, max_width] = _ref;
-    return [cols, max_width !== null && max_width !== void 0 ? max_width : Infinity];
-  }).sort((_ref2, _ref3) => {
-    let [, a] = _ref2;
-    let [, b] = _ref3;
-    return a - b;
-  });
-  const [[, smallest_max_width]] = sorted_sizes;
-  if (smallest_max_width > min_width_for_more_than_one_column)
-    // If everything above min_width_for_more_than_one_column, we can just add a 1 column at the beginning
-    return [[1, min_width_for_more_than_one_column], ...sdk_cols_at_size];
-  const to_delete = [];
-  for (let i = 0; i < sorted_sizes.length; i++) {
-    const [, max_width] = sorted_sizes[i];
-    if (max_width > min_width_for_more_than_one_column) continue;
-    to_delete.push(i);
-  }
-  while (to_delete.length) sorted_sizes.splice(to_delete.pop(), 1);
-  sorted_sizes.unshift([1, min_width_for_more_than_one_column]);
-  return sorted_sizes.map(_ref4 => {
-    let [cols, max_width] = _ref4;
-    return max_width == Infinity ? [cols] : [cols, max_width];
-  });
-}
 function $8edd3cf30d1fd8b4$export$a2cc176055f8f08() {
-  const text = "Please try setting `colsAtSize` on the `SearchPage`/`CategoryPage` components to change the grid before setting it with CSS. If you do with CSS, set `ColsAtSize` to an empty array to ensure no declarations created by the SDK leak through.";
+  const text = "Please try setting `columnsAtSize` on the `SearchPage`/`CategoryPage` components to change the grid before setting it with CSS. If you do with CSS, set `ColsAtSize` to an empty array to ensure no declarations created by the SDK leak through.";
   return (0, $3hooq$solidjsweb.isServer) ? {
     t: "<!-- ".concat(text, " -->")
   } : document.createComment(text);
@@ -613,7 +581,14 @@ function $d05611ff6b8c8357$export$23fca46f3143581f(component, error_message) {
     return component_in_error_boundary(elements => {
       const have_multiple = Array.isArray(elements);
       if (have_multiple ? !(elements !== null && elements !== void 0 && elements.length) : !elements) return;
-      (0, $3hooq$depictaiutilishared.observer).onremoved(have_multiple ? elements[0] : elements, dispose);
+      (0, $3hooq$depictaiutilishared.observer).onremoved(have_multiple ? elements[0] : elements, _ref => {
+        let {
+          element: element
+        } = _ref;
+        if (document.documentElement.contains(element)) return; // If element has instantly been re-inserted, don't dispose
+        // See https://depictaiworkspace.slack.com/archives/C050GHEPBTR/p1695809102791259?thread_ts=1695106805.459729&cid=C050GHEPBTR
+        dispose();
+      });
     });
   });else
     // we're already in a root so cleanups are handled
@@ -642,7 +617,7 @@ function $2badc30d7c6610e1$export$9574e176201e5e8d(props) {
       market_: () => props.market,
       merchant_: () => props.merchant,
       layout_options_: $3hooq$solidjs.createMemo(() => ({
-        cols_at_size: $5401a6698b0c0658$export$6daf8749b65a1b77($b1ea8d47bcf03111$export$ff7109b9b2b206ba(props.cols_at_size)),
+        cols_at_size: $5401a6698b0c0658$export$6daf8749b65a1b77(props.cols_at_size),
         ...grid_spacing_override()
       }))
     })));
@@ -747,7 +722,7 @@ function $41227f10ad680afd$export$9756467d34d91cdb(props) {
       market_: () => props.market,
       merchant_: () => props.merchant,
       layout_options_: $3hooq$solidjs.createMemo(() => ({
-        cols_at_size: $5401a6698b0c0658$export$6daf8749b65a1b77($b1ea8d47bcf03111$export$ff7109b9b2b206ba(props.cols_at_size)),
+        cols_at_size: $5401a6698b0c0658$export$6daf8749b65a1b77(props.cols_at_size),
         ...grid_spacing_override()
       }))
     })));
@@ -8880,6 +8855,38 @@ function $98bd00c15a2e3159$export$828dcdd425fd3231(aligner) {
     cleanup: cleanup
   };
 }
+
+/**
+ * Content results ContentCard look stupid on mobile if there are two columns of them, so we limit the number of columns to 1 if the screen is too small
+ */
+function $b1ea8d47bcf03111$export$ff7109b9b2b206ba(sdk_cols_at_size) {
+  let min_width_for_more_than_one_column = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 500;
+  if (!sdk_cols_at_size.length) return sdk_cols_at_size;
+  const sorted_sizes = sdk_cols_at_size.map(_ref => {
+    let [cols, max_width] = _ref;
+    return [cols, max_width !== null && max_width !== void 0 ? max_width : Infinity];
+  }).sort((_ref2, _ref3) => {
+    let [, a] = _ref2;
+    let [, b] = _ref3;
+    return a - b;
+  });
+  const [[, smallest_max_width]] = sorted_sizes;
+  if (smallest_max_width > min_width_for_more_than_one_column)
+    // If everything above min_width_for_more_than_one_column, we can just add a 1 column at the beginning
+    return [[1, min_width_for_more_than_one_column], ...sdk_cols_at_size];
+  const to_delete = [];
+  for (let i = 0; i < sorted_sizes.length; i++) {
+    const [, max_width] = sorted_sizes[i];
+    if (max_width > min_width_for_more_than_one_column) continue;
+    to_delete.push(i);
+  }
+  while (to_delete.length) sorted_sizes.splice(to_delete.pop(), 1);
+  sorted_sizes.unshift([1, min_width_for_more_than_one_column]);
+  return sorted_sizes.map(_ref4 => {
+    let [cols, max_width] = _ref4;
+    return max_width == Infinity ? [cols] : [cols, max_width];
+  });
+}
 const $ddd39c5f36f49703$var$_tmpl$ = ["<div", ' class="depict plp search">', "</div>"];
 function $ddd39c5f36f49703$var$_classPrivateFieldInitSpec(obj, privateMap, value) {
   $ddd39c5f36f49703$var$_checkPrivateRedeclaration(obj, privateMap);

package/server/ES10/index.d.ts

@@ -7,7 +7,7 @@ import { CategorySuggestion, SearchSuggestionsResponse } from "@depict-ai/types/
 import { BaseSearchRequest } from "@depict-ai/types/api/BaseSearchRequest";
 import { SearchSuggestionsRequest } from "@depict-ai/types/api/SearchSuggestionsRequest";
 import { ProductListingRequest } from "@depict-ai/types/api/ProductListingRequest";
-export const version = "2.0.6";
+export const version = "2.0.8";
 /**
  * Returns accessor with the size of the provided element, including padding and border (I think)
  */

package/server/ES10/index.js

@@ -8,7 +8,7 @@ import $b8hua$babelruntimehelpersdefineProperty from "@babel/runtime/helpers/def
 /*! 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.0.6";
+const $8db9a15135765c11$export$83d89fbfd8236492 = "2.0.8";
 
 /** @jsxImportSource solid-js */
 
@@ -64,40 +64,8 @@ const $a9c7ba6087881ac2$export$6daf8749b65a1b77 = cols_at_size => {
   });
   return $a9c7ba6087881ac2$var$transform_elements(sorted_cols_at_size);
 };
-
-/**
- * Content results ContentCard look stupid on mobile if there are two columns of them, so we limit the number of columns to 1 if the screen is too small
- */
-function $3f7203368ad0d3ca$export$ff7109b9b2b206ba(sdk_cols_at_size) {
-  let min_width_for_more_than_one_column = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 500;
-  if (!sdk_cols_at_size.length) return sdk_cols_at_size;
-  const sorted_sizes = sdk_cols_at_size.map(_ref => {
-    let [cols, max_width] = _ref;
-    return [cols, max_width !== null && max_width !== void 0 ? max_width : Infinity];
-  }).sort((_ref2, _ref3) => {
-    let [, a] = _ref2;
-    let [, b] = _ref3;
-    return a - b;
-  });
-  const [[, smallest_max_width]] = sorted_sizes;
-  if (smallest_max_width > min_width_for_more_than_one_column)
-    // If everything above min_width_for_more_than_one_column, we can just add a 1 column at the beginning
-    return [[1, min_width_for_more_than_one_column], ...sdk_cols_at_size];
-  const to_delete = [];
-  for (let i = 0; i < sorted_sizes.length; i++) {
-    const [, max_width] = sorted_sizes[i];
-    if (max_width > min_width_for_more_than_one_column) continue;
-    to_delete.push(i);
-  }
-  while (to_delete.length) sorted_sizes.splice(to_delete.pop(), 1);
-  sorted_sizes.unshift([1, min_width_for_more_than_one_column]);
-  return sorted_sizes.map(_ref4 => {
-    let [cols, max_width] = _ref4;
-    return max_width == Infinity ? [cols] : [cols, max_width];
-  });
-}
 function $ca55612a53dbbdd2$export$a2cc176055f8f08() {
-  const text = "Please try setting `colsAtSize` on the `SearchPage`/`CategoryPage` components to change the grid before setting it with CSS. If you do with CSS, set `ColsAtSize` to an empty array to ensure no declarations created by the SDK leak through.";
+  const text = "Please try setting `columnsAtSize` on the `SearchPage`/`CategoryPage` components to change the grid before setting it with CSS. If you do with CSS, set `ColsAtSize` to an empty array to ensure no declarations created by the SDK leak through.";
   return (0, $b8hua$isServer) ? {
     t: "<!-- ".concat(text, " -->")
   } : document.createComment(text);
@@ -554,7 +522,14 @@ function $83e8cf2c0b87a58a$export$23fca46f3143581f(component, error_message) {
     return component_in_error_boundary(elements => {
       const have_multiple = Array.isArray(elements);
       if (have_multiple ? !(elements !== null && elements !== void 0 && elements.length) : !elements) return;
-      (0, $b8hua$observer).onremoved(have_multiple ? elements[0] : elements, dispose);
+      (0, $b8hua$observer).onremoved(have_multiple ? elements[0] : elements, _ref => {
+        let {
+          element: element
+        } = _ref;
+        if (document.documentElement.contains(element)) return; // If element has instantly been re-inserted, don't dispose
+        // See https://depictaiworkspace.slack.com/archives/C050GHEPBTR/p1695809102791259?thread_ts=1695106805.459729&cid=C050GHEPBTR
+        dispose();
+      });
     });
   });else
     // we're already in a root so cleanups are handled
@@ -583,7 +558,7 @@ function $d5d7e58c5c9d8db0$export$9574e176201e5e8d(props) {
       market_: () => props.market,
       merchant_: () => props.merchant,
       layout_options_: $b8hua$createMemo(() => ({
-        cols_at_size: $a9c7ba6087881ac2$export$6daf8749b65a1b77($3f7203368ad0d3ca$export$ff7109b9b2b206ba(props.cols_at_size)),
+        cols_at_size: $a9c7ba6087881ac2$export$6daf8749b65a1b77(props.cols_at_size),
         ...grid_spacing_override()
       }))
     })));
@@ -688,7 +663,7 @@ function $b432b11321ad4c97$export$9756467d34d91cdb(props) {
       market_: () => props.market,
       merchant_: () => props.merchant,
       layout_options_: $b8hua$createMemo(() => ({
-        cols_at_size: $a9c7ba6087881ac2$export$6daf8749b65a1b77($3f7203368ad0d3ca$export$ff7109b9b2b206ba(props.cols_at_size)),
+        cols_at_size: $a9c7ba6087881ac2$export$6daf8749b65a1b77(props.cols_at_size),
         ...grid_spacing_override()
       }))
     })));
@@ -8821,6 +8796,38 @@ function $37e8c97bb6876197$export$828dcdd425fd3231(aligner) {
     cleanup: cleanup
   };
 }
+
+/**
+ * Content results ContentCard look stupid on mobile if there are two columns of them, so we limit the number of columns to 1 if the screen is too small
+ */
+function $3f7203368ad0d3ca$export$ff7109b9b2b206ba(sdk_cols_at_size) {
+  let min_width_for_more_than_one_column = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 500;
+  if (!sdk_cols_at_size.length) return sdk_cols_at_size;
+  const sorted_sizes = sdk_cols_at_size.map(_ref => {
+    let [cols, max_width] = _ref;
+    return [cols, max_width !== null && max_width !== void 0 ? max_width : Infinity];
+  }).sort((_ref2, _ref3) => {
+    let [, a] = _ref2;
+    let [, b] = _ref3;
+    return a - b;
+  });
+  const [[, smallest_max_width]] = sorted_sizes;
+  if (smallest_max_width > min_width_for_more_than_one_column)
+    // If everything above min_width_for_more_than_one_column, we can just add a 1 column at the beginning
+    return [[1, min_width_for_more_than_one_column], ...sdk_cols_at_size];
+  const to_delete = [];
+  for (let i = 0; i < sorted_sizes.length; i++) {
+    const [, max_width] = sorted_sizes[i];
+    if (max_width > min_width_for_more_than_one_column) continue;
+    to_delete.push(i);
+  }
+  while (to_delete.length) sorted_sizes.splice(to_delete.pop(), 1);
+  sorted_sizes.unshift([1, min_width_for_more_than_one_column]);
+  return sorted_sizes.map(_ref4 => {
+    let [cols, max_width] = _ref4;
+    return max_width == Infinity ? [cols] : [cols, max_width];
+  });
+}
 const $eb064bc3350276c1$var$_tmpl$ = ["<div", ' class="depict plp search">', "</div>"];
 function $eb064bc3350276c1$var$_classPrivateFieldInitSpec(obj, privateMap, value) {
   $eb064bc3350276c1$var$_checkPrivateRedeclaration(obj, privateMap);

package/server/latest/index.cjs

@@ -61,7 +61,7 @@ $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.0.6";
+const $b757f75811f3261f$export$83d89fbfd8236492 = "2.0.8";
 
 /** @jsxImportSource solid-js */
 
@@ -112,29 +112,8 @@ const $4e04be41243c3d80$export$6daf8749b65a1b77 = cols_at_size => {
   });
   return $4e04be41243c3d80$var$transform_elements(sorted_cols_at_size);
 };
-
-/**
- * Content results ContentCard look stupid on mobile if there are two columns of them, so we limit the number of columns to 1 if the screen is too small
- */
-function $ab7c6c7911bae2f5$export$ff7109b9b2b206ba(sdk_cols_at_size, min_width_for_more_than_one_column = 500) {
-  if (!sdk_cols_at_size.length) return sdk_cols_at_size;
-  const sorted_sizes = sdk_cols_at_size.map(([cols, max_width]) => [cols, max_width ?? Infinity]).sort(([, a], [, b]) => a - b);
-  const [[, smallest_max_width]] = sorted_sizes;
-  if (smallest_max_width > min_width_for_more_than_one_column)
-    // If everything above min_width_for_more_than_one_column, we can just add a 1 column at the beginning
-    return [[1, min_width_for_more_than_one_column], ...sdk_cols_at_size];
-  const to_delete = [];
-  for (let i = 0; i < sorted_sizes.length; i++) {
-    const [, max_width] = sorted_sizes[i];
-    if (max_width > min_width_for_more_than_one_column) continue;
-    to_delete.push(i);
-  }
-  while (to_delete.length) sorted_sizes.splice(to_delete.pop(), 1);
-  sorted_sizes.unshift([1, min_width_for_more_than_one_column]);
-  return sorted_sizes.map(([cols, max_width]) => max_width == Infinity ? [cols] : [cols, max_width]);
-}
 function $fc23d7668ae0011d$export$a2cc176055f8f08() {
-  const text = "Please try setting `colsAtSize` on the `SearchPage`/`CategoryPage` components to change the grid before setting it with CSS. If you do with CSS, set `ColsAtSize` to an empty array to ensure no declarations created by the SDK leak through.";
+  const text = "Please try setting `columnsAtSize` on the `SearchPage`/`CategoryPage` components to change the grid before setting it with CSS. If you do with CSS, set `ColsAtSize` to an empty array to ensure no declarations created by the SDK leak through.";
   return (0, $5vyXB$solidjsweb.isServer) ? {
     t: `<!-- ${text} -->`
   } : document.createComment(text);
@@ -571,7 +550,13 @@ function $95837413165cc2df$export$23fca46f3143581f(component, error_message) {
     return component_in_error_boundary(elements => {
       const have_multiple = Array.isArray(elements);
       if (have_multiple ? !elements?.length : !elements) return;
-      (0, $5vyXB$depictaiutilishared.observer).onremoved(have_multiple ? elements[0] : elements, dispose);
+      (0, $5vyXB$depictaiutilishared.observer).onremoved(have_multiple ? elements[0] : elements, ({
+        element: element
+      }) => {
+        if (document.documentElement.contains(element)) return; // If element has instantly been re-inserted, don't dispose
+        // See https://depictaiworkspace.slack.com/archives/C050GHEPBTR/p1695809102791259?thread_ts=1695106805.459729&cid=C050GHEPBTR
+        dispose();
+      });
     });
   });else
     // we're already in a root so cleanups are handled
@@ -598,7 +583,7 @@ function $72f96c4782db0b1b$export$9574e176201e5e8d(props) {
       market_: () => props.market,
       merchant_: () => props.merchant,
       layout_options_: $5vyXB$solidjs.createMemo(() => ({
-        cols_at_size: $4e04be41243c3d80$export$6daf8749b65a1b77($ab7c6c7911bae2f5$export$ff7109b9b2b206ba(props.cols_at_size)),
+        cols_at_size: $4e04be41243c3d80$export$6daf8749b65a1b77(props.cols_at_size),
         ...grid_spacing_override()
       }))
     })));
@@ -696,7 +681,7 @@ function $1f8dbf7e28b3eff2$export$9756467d34d91cdb(props) {
       market_: () => props.market,
       merchant_: () => props.merchant,
       layout_options_: $5vyXB$solidjs.createMemo(() => ({
-        cols_at_size: $4e04be41243c3d80$export$6daf8749b65a1b77($ab7c6c7911bae2f5$export$ff7109b9b2b206ba(props.cols_at_size)),
+        cols_at_size: $4e04be41243c3d80$export$6daf8749b65a1b77(props.cols_at_size),
         ...grid_spacing_override()
       }))
     })));
@@ -8192,6 +8177,27 @@ function $d8e94ea381ab57fa$export$828dcdd425fd3231(aligner) {
     cleanup: cleanup
   };
 }
+
+/**
+ * Content results ContentCard look stupid on mobile if there are two columns of them, so we limit the number of columns to 1 if the screen is too small
+ */
+function $ab7c6c7911bae2f5$export$ff7109b9b2b206ba(sdk_cols_at_size, min_width_for_more_than_one_column = 500) {
+  if (!sdk_cols_at_size.length) return sdk_cols_at_size;
+  const sorted_sizes = sdk_cols_at_size.map(([cols, max_width]) => [cols, max_width ?? Infinity]).sort(([, a], [, b]) => a - b);
+  const [[, smallest_max_width]] = sorted_sizes;
+  if (smallest_max_width > min_width_for_more_than_one_column)
+    // If everything above min_width_for_more_than_one_column, we can just add a 1 column at the beginning
+    return [[1, min_width_for_more_than_one_column], ...sdk_cols_at_size];
+  const to_delete = [];
+  for (let i = 0; i < sorted_sizes.length; i++) {
+    const [, max_width] = sorted_sizes[i];
+    if (max_width > min_width_for_more_than_one_column) continue;
+    to_delete.push(i);
+  }
+  while (to_delete.length) sorted_sizes.splice(to_delete.pop(), 1);
+  sorted_sizes.unshift([1, min_width_for_more_than_one_column]);
+  return sorted_sizes.map(([cols, max_width]) => max_width == Infinity ? [cols] : [cols, max_width]);
+}
 const $2c61e4cd8229c49a$var$_tmpl$ = ["<div", ' class="depict plp search">', "</div>"];
 // We just pass page_url_creator to DepictAPI when we instantiate it, so don't allow it to be specified if api is already specified
 /**

package/server/latest/index.d.ts

@@ -7,7 +7,7 @@ import { CategorySuggestion, SearchSuggestionsResponse } from "@depict-ai/types/
 import { BaseSearchRequest } from "@depict-ai/types/api/BaseSearchRequest";
 import { SearchSuggestionsRequest } from "@depict-ai/types/api/SearchSuggestionsRequest";
 import { ProductListingRequest } from "@depict-ai/types/api/ProductListingRequest";
-export const version = "2.0.6";
+export const version = "2.0.8";
 /**
  * Returns accessor with the size of the provided element, including padding and border (I think)
  */

package/server/latest/index.js

@@ -5,7 +5,7 @@ import { ssr as $i7OB2$ssr, ssrHydrationKey as $i7OB2$ssrHydrationKey, escape as
 /*! 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.0.6";
+const $ec291e0010116877$export$83d89fbfd8236492 = "2.0.8";
 
 /** @jsxImportSource solid-js */
 
@@ -56,29 +56,8 @@ const $b5cccc8ee7d24677$export$6daf8749b65a1b77 = cols_at_size => {
   });
   return $b5cccc8ee7d24677$var$transform_elements(sorted_cols_at_size);
 };
-
-/**
- * Content results ContentCard look stupid on mobile if there are two columns of them, so we limit the number of columns to 1 if the screen is too small
- */
-function $1848f7cca286fbab$export$ff7109b9b2b206ba(sdk_cols_at_size, min_width_for_more_than_one_column = 500) {
-  if (!sdk_cols_at_size.length) return sdk_cols_at_size;
-  const sorted_sizes = sdk_cols_at_size.map(([cols, max_width]) => [cols, max_width ?? Infinity]).sort(([, a], [, b]) => a - b);
-  const [[, smallest_max_width]] = sorted_sizes;
-  if (smallest_max_width > min_width_for_more_than_one_column)
-    // If everything above min_width_for_more_than_one_column, we can just add a 1 column at the beginning
-    return [[1, min_width_for_more_than_one_column], ...sdk_cols_at_size];
-  const to_delete = [];
-  for (let i = 0; i < sorted_sizes.length; i++) {
-    const [, max_width] = sorted_sizes[i];
-    if (max_width > min_width_for_more_than_one_column) continue;
-    to_delete.push(i);
-  }
-  while (to_delete.length) sorted_sizes.splice(to_delete.pop(), 1);
-  sorted_sizes.unshift([1, min_width_for_more_than_one_column]);
-  return sorted_sizes.map(([cols, max_width]) => max_width == Infinity ? [cols] : [cols, max_width]);
-}
 function $a458486f22b22f63$export$a2cc176055f8f08() {
-  const text = "Please try setting `colsAtSize` on the `SearchPage`/`CategoryPage` components to change the grid before setting it with CSS. If you do with CSS, set `ColsAtSize` to an empty array to ensure no declarations created by the SDK leak through.";
+  const text = "Please try setting `columnsAtSize` on the `SearchPage`/`CategoryPage` components to change the grid before setting it with CSS. If you do with CSS, set `ColsAtSize` to an empty array to ensure no declarations created by the SDK leak through.";
   return (0, $i7OB2$isServer) ? {
     t: `<!-- ${text} -->`
   } : document.createComment(text);
@@ -515,7 +494,13 @@ function $16b52438165aafe2$export$23fca46f3143581f(component, error_message) {
     return component_in_error_boundary(elements => {
       const have_multiple = Array.isArray(elements);
       if (have_multiple ? !elements?.length : !elements) return;
-      (0, $i7OB2$observer).onremoved(have_multiple ? elements[0] : elements, dispose);
+      (0, $i7OB2$observer).onremoved(have_multiple ? elements[0] : elements, ({
+        element: element
+      }) => {
+        if (document.documentElement.contains(element)) return; // If element has instantly been re-inserted, don't dispose
+        // See https://depictaiworkspace.slack.com/archives/C050GHEPBTR/p1695809102791259?thread_ts=1695106805.459729&cid=C050GHEPBTR
+        dispose();
+      });
     });
   });else
     // we're already in a root so cleanups are handled
@@ -542,7 +527,7 @@ function $ee116da074deb002$export$9574e176201e5e8d(props) {
       market_: () => props.market,
       merchant_: () => props.merchant,
       layout_options_: $i7OB2$createMemo(() => ({
-        cols_at_size: $b5cccc8ee7d24677$export$6daf8749b65a1b77($1848f7cca286fbab$export$ff7109b9b2b206ba(props.cols_at_size)),
+        cols_at_size: $b5cccc8ee7d24677$export$6daf8749b65a1b77(props.cols_at_size),
         ...grid_spacing_override()
       }))
     })));
@@ -640,7 +625,7 @@ function $9ea5383493360761$export$9756467d34d91cdb(props) {
       market_: () => props.market,
       merchant_: () => props.merchant,
       layout_options_: $i7OB2$createMemo(() => ({
-        cols_at_size: $b5cccc8ee7d24677$export$6daf8749b65a1b77($1848f7cca286fbab$export$ff7109b9b2b206ba(props.cols_at_size)),
+        cols_at_size: $b5cccc8ee7d24677$export$6daf8749b65a1b77(props.cols_at_size),
         ...grid_spacing_override()
       }))
     })));
@@ -8136,6 +8121,27 @@ function $4ca91518c9a35379$export$828dcdd425fd3231(aligner) {
     cleanup: cleanup
   };
 }
+
+/**
+ * Content results ContentCard look stupid on mobile if there are two columns of them, so we limit the number of columns to 1 if the screen is too small
+ */
+function $1848f7cca286fbab$export$ff7109b9b2b206ba(sdk_cols_at_size, min_width_for_more_than_one_column = 500) {
+  if (!sdk_cols_at_size.length) return sdk_cols_at_size;
+  const sorted_sizes = sdk_cols_at_size.map(([cols, max_width]) => [cols, max_width ?? Infinity]).sort(([, a], [, b]) => a - b);
+  const [[, smallest_max_width]] = sorted_sizes;
+  if (smallest_max_width > min_width_for_more_than_one_column)
+    // If everything above min_width_for_more_than_one_column, we can just add a 1 column at the beginning
+    return [[1, min_width_for_more_than_one_column], ...sdk_cols_at_size];
+  const to_delete = [];
+  for (let i = 0; i < sorted_sizes.length; i++) {
+    const [, max_width] = sorted_sizes[i];
+    if (max_width > min_width_for_more_than_one_column) continue;
+    to_delete.push(i);
+  }
+  while (to_delete.length) sorted_sizes.splice(to_delete.pop(), 1);
+  sorted_sizes.unshift([1, min_width_for_more_than_one_column]);
+  return sorted_sizes.map(([cols, max_width]) => max_width == Infinity ? [cols] : [cols, max_width]);
+}
 const $806c97b931758897$var$_tmpl$ = ["<div", ' class="depict plp search">', "</div>"];
 // We just pass page_url_creator to DepictAPI when we instantiate it, so don't allow it to be specified if api is already specified
 /**