@depict-ai/ui 3.0.8 → 3.0.10

package/ES10/index.cjs

@@ -83,7 +83,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 = "3.0.8";
+const $aa1938dec50d6c12$export$83d89fbfd8236492 = "3.0.10";
 const $9d19451330d04c3c$var$_tmpl$ = /*#__PURE__*/$52FdA$solidjsweb.template(`<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 14 26"><path d="M2 24.656c-.078 0-.156-.016-.234-.047s-.133-.066-.187-.129c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422l10.371-10.371L1.578 2.883c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422.258-.176.422-.176.305.059.422.176l10.805 10.793a.59.59 0 0 1 .176.434c0 .172-.059.305-.176.422L2.422 24.48a.42.42 0 0 1-.199.129.54.54 0 0 1-.223.047zm0 0"fill=#0f0f0f>`);
 function $9d19451330d04c3c$export$8be2714ec7f169ee() {
   let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -658,10 +658,11 @@ function $083b2336093176cf$export$3b621d86b1566b2() {
 }
 const $e3d733f899558f40$var$_tmpl$ = /*#__PURE__*/$52FdA$solidjsweb.template(`<span>`);
 function $e3d733f899558f40$export$acb3eaade4b23afd(props) {
+  // Work around https://github.com/solidjs/solid/issues/1980
   return (() => {
     const _el$ = $52FdA$solidjsweb.getNextElement($e3d733f899558f40$var$_tmpl$);
     $52FdA$solidjsweb.effect(_p$ => {
-      const _v$ = "depict-placeholder ".concat(props.class || ""),
+      const _v$ = "".concat(props.class || "", " depict-placeholder"),
         _v$2 = props.style;
       _v$ !== _p$._v$ && $52FdA$solidjsweb.className(_el$, _p$._v$ = _v$);
       _p$._v$2 = $52FdA$solidjsweb.style(_el$, _v$2, _p$._v$2);
@@ -10107,10 +10108,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

@@ -10,7 +10,7 @@ import { ProductListingRequestV3 } from "@depict-ai/types/api/ProductListingRequ
 import { GetListingRequest } from "@depict-ai/types/api/GetListingRequest";
 import { BaseSearchRequestV3 } from "@depict-ai/types/api/BaseSearchRequestV3";
 import { SearchFilter as _SearchFilter2 } from "@depict-ai/types/api/SearchRequestV2";
-export const version = "3.0.8";
+export const version = "3.0.10";
 export type SDKColsAtSize = [number, number?][];
 /**
  * Transform SDK ColsAtSize into valid Layout ColsAtSize
@@ -454,7 +454,7 @@ type ShopTheLookOpenModalOptions<T extends Display> = {
 type ShopTheLookButtonProps<T extends Display> = ShopTheLookOpenModalOptions<T> & {
   buttonAttributes?: JSX.ButtonHTMLAttributes<HTMLButtonElement>;
 };
-export function ShopTheLookButton<T extends Display>(props: ShopTheLookButtonProps<T>): import("solid-js").JSX.Element;
+export function ShopTheLookButton<T extends Display>(props: ShopTheLookButtonProps<T>): JSX.Element;
 /**
  * Use `javascript_media_query` but return a reactive accessor instead of taking a callback function
  */
@@ -965,7 +965,7 @@ export function CategoryPage<OriginalDisplay extends Display, OutputDisplay exte
   category_title: typeof CategoryTitle | typeof embedded_num_products;
   on_listing_query_change?: (new_listing_query?: ListingQuery | undefined, old_listing_query?: ListingQuery | undefined) => void;
   content_blocks_by_row?: ContentBlocksByRow;
-}): import("@depict-ai/utilishared").Node_Array;
+}): import("@depict-ai/utilishared/latest").Node_Array;
 export function BreadCrumbs<T extends Display>({
   depict_category
 }: {
@@ -1117,7 +1117,7 @@ type OpenModalParams<OriginalDisplay extends Display, OutputDisplay extends Mode
  * Open the modal with support for alignment.
  * @returns {void}
  */
-export const open_modal_with_alignment: <OriginalDisplay extends Display, OutputDisplay extends unknown>(openModalParams: OpenModalParams<OriginalDisplay, OutputDisplay>) => void;
+export const open_modal_with_alignment: <OriginalDisplay extends Display, OutputDisplay extends ModernDisplay>(openModalParams: OpenModalParams<OriginalDisplay, OutputDisplay>) => void;
 export function open_search_with_shift_slash(open_search: VoidFunction): () => void;
 export interface PageReplacer {
   readonly render_: () => Node_Array;

package/ES10/index.js

@@ -10,7 +10,7 @@ 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 = "3.0.8";
+const $8db9a15135765c11$export$83d89fbfd8236492 = "3.0.10";
 const $ca6ab5f08bd28bca$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 14 26"><path d="M2 24.656c-.078 0-.156-.016-.234-.047s-.133-.066-.187-.129c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422l10.371-10.371L1.578 2.883c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422.258-.176.422-.176.305.059.422.176l10.805 10.793a.59.59 0 0 1 .176.434c0 .172-.059.305-.176.422L2.422 24.48a.42.42 0 0 1-.199.129.54.54 0 0 1-.223.047zm0 0"fill=#0f0f0f>`);
 function $ca6ab5f08bd28bca$export$8be2714ec7f169ee() {
   let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -585,10 +585,11 @@ function $9783d437ad61594c$export$3b621d86b1566b2() {
 }
 const $bc2337c9a05ecd18$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<span>`);
 function $bc2337c9a05ecd18$export$acb3eaade4b23afd(props) {
+  // Work around https://github.com/solidjs/solid/issues/1980
   return (() => {
     const _el$ = $8tj43$getNextElement($bc2337c9a05ecd18$var$_tmpl$);
     $8tj43$effect(_p$ => {
-      const _v$ = "depict-placeholder ".concat(props.class || ""),
+      const _v$ = "".concat(props.class || "", " depict-placeholder"),
         _v$2 = props.style;
       _v$ !== _p$._v$ && $8tj43$className(_el$, _p$._v$ = _v$);
       _p$._v$2 = $8tj43$style(_el$, _v$2, _p$._v$2);
@@ -10034,10 +10035,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

@@ -77,7 +77,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 = "3.0.8";
+const $b757f75811f3261f$export$83d89fbfd8236492 = "3.0.10";
 const $0f313083912e447a$var$_tmpl$ = /*#__PURE__*/$gVhhF$solidjsweb.template(`<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 14 26"><path d="M2 24.656c-.078 0-.156-.016-.234-.047s-.133-.066-.187-.129c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422l10.371-10.371L1.578 2.883c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422.258-.176.422-.176.305.059.422.176l10.805 10.793a.59.59 0 0 1 .176.434c0 .172-.059.305-.176.422L2.422 24.48a.42.42 0 0 1-.199.129.54.54 0 0 1-.223.047zm0 0"fill=#0f0f0f>`);
 function $0f313083912e447a$export$8be2714ec7f169ee(props = {}) {
   return (() => {
@@ -614,10 +614,11 @@ function $c77c68e559a1506c$export$3b621d86b1566b2(props = {}) {
 }
 const $9fe9883b1d8ecccc$var$_tmpl$ = /*#__PURE__*/$gVhhF$solidjsweb.template(`<span>`);
 function $9fe9883b1d8ecccc$export$acb3eaade4b23afd(props) {
+  // Work around https://github.com/solidjs/solid/issues/1980
   return (() => {
     const _el$ = $gVhhF$solidjsweb.getNextElement($9fe9883b1d8ecccc$var$_tmpl$);
     $gVhhF$solidjsweb.effect(_p$ => {
-      const _v$ = `depict-placeholder ${props.class || ""}`,
+      const _v$ = `${props.class || ""} depict-placeholder`,
         _v$2 = props.style;
       _v$ !== _p$._v$ && $gVhhF$solidjsweb.className(_el$, _p$._v$ = _v$);
       _p$._v$2 = $gVhhF$solidjsweb.style(_el$, _v$2, _p$._v$2);
@@ -9449,7 +9450,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

@@ -10,7 +10,7 @@ import { ProductListingRequestV3 } from "@depict-ai/types/api/ProductListingRequ
 import { GetListingRequest } from "@depict-ai/types/api/GetListingRequest";
 import { BaseSearchRequestV3 } from "@depict-ai/types/api/BaseSearchRequestV3";
 import { SearchFilter as _SearchFilter2 } from "@depict-ai/types/api/SearchRequestV2";
-export const version = "3.0.8";
+export const version = "3.0.10";
 export type SDKColsAtSize = [number, number?][];
 /**
  * Transform SDK ColsAtSize into valid Layout ColsAtSize
@@ -454,7 +454,7 @@ type ShopTheLookOpenModalOptions<T extends Display> = {
 type ShopTheLookButtonProps<T extends Display> = ShopTheLookOpenModalOptions<T> & {
   buttonAttributes?: JSX.ButtonHTMLAttributes<HTMLButtonElement>;
 };
-export function ShopTheLookButton<T extends Display>(props: ShopTheLookButtonProps<T>): import("solid-js").JSX.Element;
+export function ShopTheLookButton<T extends Display>(props: ShopTheLookButtonProps<T>): JSX.Element;
 /**
  * Use `javascript_media_query` but return a reactive accessor instead of taking a callback function
  */
@@ -965,7 +965,7 @@ export function CategoryPage<OriginalDisplay extends Display, OutputDisplay exte
   category_title: typeof CategoryTitle | typeof embedded_num_products;
   on_listing_query_change?: (new_listing_query?: ListingQuery | undefined, old_listing_query?: ListingQuery | undefined) => void;
   content_blocks_by_row?: ContentBlocksByRow;
-}): import("@depict-ai/utilishared").Node_Array;
+}): import("@depict-ai/utilishared/latest").Node_Array;
 export function BreadCrumbs<T extends Display>({
   depict_category
 }: {
@@ -1117,7 +1117,7 @@ type OpenModalParams<OriginalDisplay extends Display, OutputDisplay extends Mode
  * Open the modal with support for alignment.
  * @returns {void}
  */
-export const open_modal_with_alignment: <OriginalDisplay extends Display, OutputDisplay extends unknown>(openModalParams: OpenModalParams<OriginalDisplay, OutputDisplay>) => void;
+export const open_modal_with_alignment: <OriginalDisplay extends Display, OutputDisplay extends ModernDisplay>(openModalParams: OpenModalParams<OriginalDisplay, OutputDisplay>) => void;
 export function open_search_with_shift_slash(open_search: VoidFunction): () => void;
 export interface PageReplacer {
   readonly render_: () => Node_Array;

package/latest/index.js

@@ -7,7 +7,7 @@ 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 = "3.0.8";
+const $ec291e0010116877$export$83d89fbfd8236492 = "3.0.10";
 const $fbbadcb080ad1d4a$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 14 26"><path d="M2 24.656c-.078 0-.156-.016-.234-.047s-.133-.066-.187-.129c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422l10.371-10.371L1.578 2.883c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422.258-.176.422-.176.305.059.422.176l10.805 10.793a.59.59 0 0 1 .176.434c0 .172-.059.305-.176.422L2.422 24.48a.42.42 0 0 1-.199.129.54.54 0 0 1-.223.047zm0 0"fill=#0f0f0f>`);
 function $fbbadcb080ad1d4a$export$8be2714ec7f169ee(props = {}) {
   return (() => {
@@ -544,10 +544,11 @@ function $19976a74d273070d$export$3b621d86b1566b2(props = {}) {
 }
 const $d20eff0aadc28983$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<span>`);
 function $d20eff0aadc28983$export$acb3eaade4b23afd(props) {
+  // Work around https://github.com/solidjs/solid/issues/1980
   return (() => {
     const _el$ = $9HbP8$getNextElement($d20eff0aadc28983$var$_tmpl$);
     $9HbP8$effect(_p$ => {
-      const _v$ = `depict-placeholder ${props.class || ""}`,
+      const _v$ = `${props.class || ""} depict-placeholder`,
         _v$2 = props.style;
       _v$ !== _p$._v$ && $9HbP8$className(_el$, _p$._v$ = _v$);
       _p$._v$2 = $9HbP8$style(_el$, _v$2, _p$._v$2);
@@ -9379,7 +9380,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$),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@depict-ai/ui",
-  "version": "3.0.8",
+  "version": "3.0.10",
   "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",
@@ -238,7 +238,7 @@
     "@babel/runtime-corejs3": "^7.22.6",
     "@depict-ai/plp-styling": "^2.0.2",
     "@depict-ai/types": "^5.0.2",
-    "@depict-ai/utilishared": "^2.0.2",
+    "@depict-ai/utilishared": "^2.0.4",
     "solid-js": "^1.8.1"
   },
   "type": "module",

package/server/ES10/index.cjs

@@ -83,7 +83,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 = "3.0.8";
+const $aa1938dec50d6c12$export$83d89fbfd8236492 = "3.0.10";
 const $9d19451330d04c3c$var$_tmpl$ = ["<svg", ' xmlns="http://www.w3.org/2000/svg"', ' viewBox="0 0 14 26"><path d="M2 24.656c-.078 0-.156-.016-.234-.047s-.133-.066-.187-.129c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422l10.371-10.371L1.578 2.883c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422.258-.176.422-.176.305.059.422.176l10.805 10.793a.59.59 0 0 1 .176.434c0 .172-.059.305-.176.422L2.422 24.48a.42.42 0 0 1-.199.129.54.54 0 0 1-.223.047zm0 0" fill="#0f0f0f"></path></svg>'];
 function $9d19451330d04c3c$export$8be2714ec7f169ee() {
   var _$escape2, _$escape3;
@@ -594,7 +594,8 @@ function $083b2336093176cf$export$3b621d86b1566b2() {
 }
 const $e3d733f899558f40$var$_tmpl$ = ["<span", ' class="', '" style="', '"></span>'];
 function $e3d733f899558f40$export$acb3eaade4b23afd(props) {
-  return $3hooq$solidjsweb.ssr($e3d733f899558f40$var$_tmpl$, $3hooq$solidjsweb.ssrHydrationKey(), "depict-placeholder".concat($3hooq$solidjsweb.escape(props.class, true) || ""), $3hooq$solidjsweb.ssrStyle(props.style));
+  // Work around https://github.com/solidjs/solid/issues/1980
+  return $3hooq$solidjsweb.ssr($e3d733f899558f40$var$_tmpl$, $3hooq$solidjsweb.ssrHydrationKey(), "".concat($3hooq$solidjsweb.escape(props.class, true) || "", " depict-placeholder"), $3hooq$solidjsweb.ssrStyle(props.style));
 }
 function $b8a8d61b3ec5f5ac$export$3f37af283f8fb843(props) {
   const style = $3hooq$solidjs.createMemo(() => {
@@ -8376,10 +8377,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_ = $3hooq$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_ = $3hooq$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 = $3hooq$solidjsweb.ssr($c77adcdf5346b187$var$_tmpl$, $3hooq$solidjsweb.ssrHydrationKey(), $3hooq$solidjsweb.escape(i18n_.search_recs_title_()), $3hooq$solidjsweb.escape($8edd3cf30d1fd8b4$export$a2cc176055f8f08()), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $6c2c739b113a8ddf$export$d21e32dfedac04be), $3hooq$solidjsweb.mergeProps({
     rows: rows_object,

package/server/ES10/index.d.ts

@@ -10,7 +10,7 @@ import { ProductListingRequestV3 } from "@depict-ai/types/api/ProductListingRequ
 import { GetListingRequest } from "@depict-ai/types/api/GetListingRequest";
 import { BaseSearchRequestV3 } from "@depict-ai/types/api/BaseSearchRequestV3";
 import { SearchFilter as _SearchFilter2 } from "@depict-ai/types/api/SearchRequestV2";
-export const version = "3.0.8";
+export const version = "3.0.10";
 export type SDKColsAtSize = [number, number?][];
 /**
  * Transform SDK ColsAtSize into valid Layout ColsAtSize
@@ -454,7 +454,7 @@ type ShopTheLookOpenModalOptions<T extends Display> = {
 type ShopTheLookButtonProps<T extends Display> = ShopTheLookOpenModalOptions<T> & {
   buttonAttributes?: JSX.ButtonHTMLAttributes<HTMLButtonElement>;
 };
-export function ShopTheLookButton<T extends Display>(props: ShopTheLookButtonProps<T>): import("solid-js").JSX.Element;
+export function ShopTheLookButton<T extends Display>(props: ShopTheLookButtonProps<T>): JSX.Element;
 /**
  * Use `javascript_media_query` but return a reactive accessor instead of taking a callback function
  */
@@ -965,7 +965,7 @@ export function CategoryPage<OriginalDisplay extends Display, OutputDisplay exte
   category_title: typeof CategoryTitle | typeof embedded_num_products;
   on_listing_query_change?: (new_listing_query?: ListingQuery | undefined, old_listing_query?: ListingQuery | undefined) => void;
   content_blocks_by_row?: ContentBlocksByRow;
-}): import("@depict-ai/utilishared").Node_Array;
+}): import("@depict-ai/utilishared/latest").Node_Array;
 export function BreadCrumbs<T extends Display>({
   depict_category
 }: {
@@ -1117,7 +1117,7 @@ type OpenModalParams<OriginalDisplay extends Display, OutputDisplay extends Mode
  * Open the modal with support for alignment.
  * @returns {void}
  */
-export const open_modal_with_alignment: <OriginalDisplay extends Display, OutputDisplay extends unknown>(openModalParams: OpenModalParams<OriginalDisplay, OutputDisplay>) => void;
+export const open_modal_with_alignment: <OriginalDisplay extends Display, OutputDisplay extends ModernDisplay>(openModalParams: OpenModalParams<OriginalDisplay, OutputDisplay>) => void;
 export function open_search_with_shift_slash(open_search: VoidFunction): () => void;
 export interface PageReplacer {
   readonly render_: () => Node_Array;

package/server/ES10/index.js

@@ -10,7 +10,7 @@ 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 = "3.0.8";
+const $8db9a15135765c11$export$83d89fbfd8236492 = "3.0.10";
 const $ca6ab5f08bd28bca$var$_tmpl$ = ["<svg", ' xmlns="http://www.w3.org/2000/svg"', ' viewBox="0 0 14 26"><path d="M2 24.656c-.078 0-.156-.016-.234-.047s-.133-.066-.187-.129c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422l10.371-10.371L1.578 2.883c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422.258-.176.422-.176.305.059.422.176l10.805 10.793a.59.59 0 0 1 .176.434c0 .172-.059.305-.176.422L2.422 24.48a.42.42 0 0 1-.199.129.54.54 0 0 1-.223.047zm0 0" fill="#0f0f0f"></path></svg>'];
 function $ca6ab5f08bd28bca$export$8be2714ec7f169ee() {
   var _$escape2, _$escape3;
@@ -521,7 +521,8 @@ function $9783d437ad61594c$export$3b621d86b1566b2() {
 }
 const $bc2337c9a05ecd18$var$_tmpl$ = ["<span", ' class="', '" style="', '"></span>'];
 function $bc2337c9a05ecd18$export$acb3eaade4b23afd(props) {
-  return $b8hua$ssr($bc2337c9a05ecd18$var$_tmpl$, $b8hua$ssrHydrationKey(), "depict-placeholder".concat($b8hua$escape(props.class, true) || ""), $b8hua$ssrStyle(props.style));
+  // Work around https://github.com/solidjs/solid/issues/1980
+  return $b8hua$ssr($bc2337c9a05ecd18$var$_tmpl$, $b8hua$ssrHydrationKey(), "".concat($b8hua$escape(props.class, true) || "", " depict-placeholder"), $b8hua$ssrStyle(props.style));
 }
 function $3ab4aa97880fb88d$export$3f37af283f8fb843(props) {
   const style = $b8hua$createMemo(() => {
@@ -8303,10 +8304,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$mergeProps({
     rows: rows_object,

package/server/latest/index.cjs

@@ -77,7 +77,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 = "3.0.8";
+const $b757f75811f3261f$export$83d89fbfd8236492 = "3.0.10";
 const $0f313083912e447a$var$_tmpl$ = ["<svg", ' xmlns="http://www.w3.org/2000/svg"', ' viewBox="0 0 14 26"><path d="M2 24.656c-.078 0-.156-.016-.234-.047s-.133-.066-.187-.129c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422l10.371-10.371L1.578 2.883c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422.258-.176.422-.176.305.059.422.176l10.805 10.793a.59.59 0 0 1 .176.434c0 .172-.059.305-.176.422L2.422 24.48a.42.42 0 0 1-.199.129.54.54 0 0 1-.223.047zm0 0" fill="#0f0f0f"></path></svg>'];
 function $0f313083912e447a$export$8be2714ec7f169ee(props = {}) {
   return $5vyXB$solidjsweb.ssr($0f313083912e447a$var$_tmpl$, $5vyXB$solidjsweb.ssrHydrationKey(), $5vyXB$solidjsweb.ssrAttribute("width", $5vyXB$solidjsweb.escape(props.width_, true) ?? 14, false) + $5vyXB$solidjsweb.ssrAttribute("height", $5vyXB$solidjsweb.escape(props.height_, true) ?? 26, false));
@@ -555,7 +555,8 @@ function $c77c68e559a1506c$export$3b621d86b1566b2(props = {}) {
 }
 const $9fe9883b1d8ecccc$var$_tmpl$ = ["<span", ' class="', '" style="', '"></span>'];
 function $9fe9883b1d8ecccc$export$acb3eaade4b23afd(props) {
-  return $5vyXB$solidjsweb.ssr($9fe9883b1d8ecccc$var$_tmpl$, $5vyXB$solidjsweb.ssrHydrationKey(), `depict-placeholder${$5vyXB$solidjsweb.escape(props.class, true) || ""}`, $5vyXB$solidjsweb.ssrStyle(props.style));
+  // Work around https://github.com/solidjs/solid/issues/1980
+  return $5vyXB$solidjsweb.ssr($9fe9883b1d8ecccc$var$_tmpl$, $5vyXB$solidjsweb.ssrHydrationKey(), `${$5vyXB$solidjsweb.escape(props.class, true) || ""} depict-placeholder`, $5vyXB$solidjsweb.ssrStyle(props.style));
 }
 function $3bc4a89b971a3af5$export$3f37af283f8fb843(props) {
   const style = $5vyXB$solidjs.createMemo(() => {
@@ -7778,7 +7779,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

@@ -10,7 +10,7 @@ import { ProductListingRequestV3 } from "@depict-ai/types/api/ProductListingRequ
 import { GetListingRequest } from "@depict-ai/types/api/GetListingRequest";
 import { BaseSearchRequestV3 } from "@depict-ai/types/api/BaseSearchRequestV3";
 import { SearchFilter as _SearchFilter2 } from "@depict-ai/types/api/SearchRequestV2";
-export const version = "3.0.8";
+export const version = "3.0.10";
 export type SDKColsAtSize = [number, number?][];
 /**
  * Transform SDK ColsAtSize into valid Layout ColsAtSize
@@ -454,7 +454,7 @@ type ShopTheLookOpenModalOptions<T extends Display> = {
 type ShopTheLookButtonProps<T extends Display> = ShopTheLookOpenModalOptions<T> & {
   buttonAttributes?: JSX.ButtonHTMLAttributes<HTMLButtonElement>;
 };
-export function ShopTheLookButton<T extends Display>(props: ShopTheLookButtonProps<T>): import("solid-js").JSX.Element;
+export function ShopTheLookButton<T extends Display>(props: ShopTheLookButtonProps<T>): JSX.Element;
 /**
  * Use `javascript_media_query` but return a reactive accessor instead of taking a callback function
  */
@@ -965,7 +965,7 @@ export function CategoryPage<OriginalDisplay extends Display, OutputDisplay exte
   category_title: typeof CategoryTitle | typeof embedded_num_products;
   on_listing_query_change?: (new_listing_query?: ListingQuery | undefined, old_listing_query?: ListingQuery | undefined) => void;
   content_blocks_by_row?: ContentBlocksByRow;
-}): import("@depict-ai/utilishared").Node_Array;
+}): import("@depict-ai/utilishared/latest").Node_Array;
 export function BreadCrumbs<T extends Display>({
   depict_category
 }: {
@@ -1117,7 +1117,7 @@ type OpenModalParams<OriginalDisplay extends Display, OutputDisplay extends Mode
  * Open the modal with support for alignment.
  * @returns {void}
  */
-export const open_modal_with_alignment: <OriginalDisplay extends Display, OutputDisplay extends unknown>(openModalParams: OpenModalParams<OriginalDisplay, OutputDisplay>) => void;
+export const open_modal_with_alignment: <OriginalDisplay extends Display, OutputDisplay extends ModernDisplay>(openModalParams: OpenModalParams<OriginalDisplay, OutputDisplay>) => void;
 export function open_search_with_shift_slash(open_search: VoidFunction): () => void;
 export interface PageReplacer {
   readonly render_: () => Node_Array;

package/server/latest/index.js

@@ -7,7 +7,7 @@ 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 = "3.0.8";
+const $ec291e0010116877$export$83d89fbfd8236492 = "3.0.10";
 const $fbbadcb080ad1d4a$var$_tmpl$ = ["<svg", ' xmlns="http://www.w3.org/2000/svg"', ' viewBox="0 0 14 26"><path d="M2 24.656c-.078 0-.156-.016-.234-.047s-.133-.066-.187-.129c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422l10.371-10.371L1.578 2.883c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422.258-.176.422-.176.305.059.422.176l10.805 10.793a.59.59 0 0 1 .176.434c0 .172-.059.305-.176.422L2.422 24.48a.42.42 0 0 1-.199.129.54.54 0 0 1-.223.047zm0 0" fill="#0f0f0f"></path></svg>'];
 function $fbbadcb080ad1d4a$export$8be2714ec7f169ee(props = {}) {
   return $i7OB2$ssr($fbbadcb080ad1d4a$var$_tmpl$, $i7OB2$ssrHydrationKey(), $i7OB2$ssrAttribute("width", $i7OB2$escape(props.width_, true) ?? 14, false) + $i7OB2$ssrAttribute("height", $i7OB2$escape(props.height_, true) ?? 26, false));
@@ -485,7 +485,8 @@ function $19976a74d273070d$export$3b621d86b1566b2(props = {}) {
 }
 const $d20eff0aadc28983$var$_tmpl$ = ["<span", ' class="', '" style="', '"></span>'];
 function $d20eff0aadc28983$export$acb3eaade4b23afd(props) {
-  return $i7OB2$ssr($d20eff0aadc28983$var$_tmpl$, $i7OB2$ssrHydrationKey(), `depict-placeholder${$i7OB2$escape(props.class, true) || ""}`, $i7OB2$ssrStyle(props.style));
+  // Work around https://github.com/solidjs/solid/issues/1980
+  return $i7OB2$ssr($d20eff0aadc28983$var$_tmpl$, $i7OB2$ssrHydrationKey(), `${$i7OB2$escape(props.class, true) || ""} depict-placeholder`, $i7OB2$ssrStyle(props.style));
 }
 function $7f60f09116a3fe61$export$3f37af283f8fb843(props) {
   const style = $i7OB2$createMemo(() => {
@@ -7708,7 +7709,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$mergeProps({
     rows: rows_object,