@depict-ai/ui 1.0.8 → 1.0.10

package/dist/module.js

@@ -1,8 +1,8 @@
-import {add_to_version_info as $kyEB6$add_to_version_info, fetch_recs as $kyEB6$fetch_recs, snakeCasifyObject as $kyEB6$snakeCasifyObject, GenericSliderArrowButton as $kyEB6$GenericSliderArrowButton, catchify as $kyEB6$catchify, instant_exec_on_suspect_history_change as $kyEB6$instant_exec_on_suspect_history_change, base_url as $kyEB6$base_url, dlog as $kyEB6$dlog, get_depict_id as $kyEB6$get_depict_id, get_user_id as $kyEB6$get_user_id, get_session_id as $kyEB6$get_session_id, make_url_with_query_params as $kyEB6$make_url_with_query_params, fetch_retry as $kyEB6$fetch_retry, add_version_query_params as $kyEB6$add_version_query_params, sort_obj as $kyEB6$sort_obj, Placeholder as $kyEB6$Placeholder, report as $kyEB6$report, javascript_media_query as $kyEB6$javascript_media_query, standard_price_format as $kyEB6$standard_price_format, observer as $kyEB6$observer, make_random_classname as $kyEB6$make_random_classname, n_col_styling_with_dist as $kyEB6$n_col_styling_with_dist, CrossIcon as $kyEB6$CrossIcon, useExpandingContainer as $kyEB6$useExpandingContainer, Amazing_Slider as $kyEB6$Amazing_Slider, slider_snap_css as $kyEB6$slider_snap_css, slider_fading_factory as $kyEB6$slider_fading_factory, MinusIcon as $kyEB6$MinusIcon, FilterIcon as $kyEB6$FilterIcon, SortIconAsc as $kyEB6$SortIconAsc, SortIconDesc as $kyEB6$SortIconDesc, PlusIcon as $kyEB6$PlusIcon, hsl_to_rgb as $kyEB6$hsl_to_rgb, relative_luminance_from_rgb as $kyEB6$relative_luminance_from_rgb, TickIcon as $kyEB6$TickIcon, ArrowUp as $kyEB6$ArrowUp, base64_encode_unicode as $kyEB6$base64_encode_unicode, base64_decode_unicode as $kyEB6$base64_decode_unicode, queueMacroTask as $kyEB6$queueMacroTask, is_debug as $kyEB6$is_debug, dwarn as $kyEB6$dwarn, ContainedPlaceholderImage as $kyEB6$ContainedPlaceholderImage, BackIcon as $kyEB6$BackIcon, SearchIcon as $kyEB6$SearchIcon, Layout as $kyEB6$Layout, async_iterable_ipns as $kyEB6$async_iterable_ipns, make_asyncIterable_exiter as $kyEB6$make_asyncIterable_exiter, href_change_ipns as $kyEB6$href_change_ipns, ContainedImage as $kyEB6$ContainedImage, buildThresholdList as $kyEB6$buildThresholdList, deparallelize_no_drop as $kyEB6$deparallelize_no_drop, PreviousSearchIcon as $kyEB6$PreviousSearchIcon, insert_surfaces as $kyEB6$insert_surfaces} from "@depict-ai/utilishared";
-import {template as $kyEB6$template, insert as $kyEB6$insert, effect as $kyEB6$effect, setAttribute as $kyEB6$setAttribute, createComponent as $kyEB6$createComponent, use as $kyEB6$use, memo as $kyEB6$memo, addEventListener as $kyEB6$addEventListener, delegateEvents as $kyEB6$delegateEvents, spread as $kyEB6$spread, classList as $kyEB6$classList, style as $kyEB6$style, Dynamic as $kyEB6$Dynamic, mergeProps as $kyEB6$mergeProps, className as $kyEB6$className} from "solid-js/web";
+import {add_to_version_info as $kyEB6$add_to_version_info, fetch_recs as $kyEB6$fetch_recs, snakeCasifyObject as $kyEB6$snakeCasifyObject, GenericSliderArrowButton as $kyEB6$GenericSliderArrowButton, catchify as $kyEB6$catchify, instant_exec_on_suspect_history_change as $kyEB6$instant_exec_on_suspect_history_change, base_url as $kyEB6$base_url, dlog as $kyEB6$dlog, get_depict_id as $kyEB6$get_depict_id, get_user_id as $kyEB6$get_user_id, get_session_id as $kyEB6$get_session_id, make_url_with_query_params as $kyEB6$make_url_with_query_params, fetch_retry as $kyEB6$fetch_retry, add_version_query_params as $kyEB6$add_version_query_params, sort_obj as $kyEB6$sort_obj, report as $kyEB6$report, javascript_media_query as $kyEB6$javascript_media_query, standard_price_format as $kyEB6$standard_price_format, observer as $kyEB6$observer, make_random_classname as $kyEB6$make_random_classname, n_col_styling_with_dist as $kyEB6$n_col_styling_with_dist, CrossIcon as $kyEB6$CrossIcon, useExpandingContainer as $kyEB6$useExpandingContainer, Amazing_Slider as $kyEB6$Amazing_Slider, slider_snap_css as $kyEB6$slider_snap_css, slider_fading_factory as $kyEB6$slider_fading_factory, MinusIcon as $kyEB6$MinusIcon, FilterIcon as $kyEB6$FilterIcon, SortIconAsc as $kyEB6$SortIconAsc, SortIconDesc as $kyEB6$SortIconDesc, PlusIcon as $kyEB6$PlusIcon, hsl_to_rgb as $kyEB6$hsl_to_rgb, relative_luminance_from_rgb as $kyEB6$relative_luminance_from_rgb, TickIcon as $kyEB6$TickIcon, ArrowUp as $kyEB6$ArrowUp, base64_encode_unicode as $kyEB6$base64_encode_unicode, base64_decode_unicode as $kyEB6$base64_decode_unicode, queueMacroTask as $kyEB6$queueMacroTask, is_debug as $kyEB6$is_debug, dwarn as $kyEB6$dwarn, BackIcon as $kyEB6$BackIcon, SearchIcon as $kyEB6$SearchIcon, Layout as $kyEB6$Layout, async_iterable_ipns as $kyEB6$async_iterable_ipns, make_asyncIterable_exiter as $kyEB6$make_asyncIterable_exiter, href_change_ipns as $kyEB6$href_change_ipns, ContainedImage as $kyEB6$ContainedImage, buildThresholdList as $kyEB6$buildThresholdList, deparallelize_no_drop as $kyEB6$deparallelize_no_drop, PreviousSearchIcon as $kyEB6$PreviousSearchIcon, insert_surfaces as $kyEB6$insert_surfaces} from "@depict-ai/utilishared";
+import {template as $kyEB6$template, insert as $kyEB6$insert, effect as $kyEB6$effect, setAttribute as $kyEB6$setAttribute, createComponent as $kyEB6$createComponent, use as $kyEB6$use, memo as $kyEB6$memo, addEventListener as $kyEB6$addEventListener, delegateEvents as $kyEB6$delegateEvents, spread as $kyEB6$spread, classList as $kyEB6$classList, style as $kyEB6$style, Dynamic as $kyEB6$Dynamic, className as $kyEB6$className, mergeProps as $kyEB6$mergeProps} from "solid-js/web";
 import {createSignal as $kyEB6$createSignal, getOwner as $kyEB6$getOwner, createRoot as $kyEB6$createRoot, runWithOwner as $kyEB6$runWithOwner, onCleanup as $kyEB6$onCleanup, createComputed as $kyEB6$createComputed, createRenderEffect as $kyEB6$createRenderEffect, createEffect as $kyEB6$createEffect, untrack as $kyEB6$untrack, batch as $kyEB6$batch, createResource as $kyEB6$createResource, createMemo as $kyEB6$createMemo, Show as $kyEB6$Show, createReaction as $kyEB6$createReaction, Suspense as $kyEB6$Suspense, on as $kyEB6$on, ErrorBoundary as $kyEB6$ErrorBoundary, For as $kyEB6$For, Index as $kyEB6$Index} from "solid-js";
 
-/*! Depict.ai search and product listing SDK */ const $ec291e0010116877$export$83d89fbfd8236492 = "1.0.8";
+/*! Depict.ai search and product listing SDK */ const $ec291e0010116877$export$83d89fbfd8236492 = "1.0.10";
 
 
 
@@ -3152,6 +3152,52 @@ function $84d6cd10bb7b1589$export$ab34afce88557c0e(props) {
 
 
 
+
+
+
+
+
+const $d20eff0aadc28983$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$kyEB6$template)(`<span></span>`, 2);
+function $d20eff0aadc28983$export$acb3eaade4b23afd(props) {
+    return (()=>{
+        const _el$ = $d20eff0aadc28983$var$_tmpl$.cloneNode(true);
+        (0, $kyEB6$effect)((_p$)=>{
+            const _v$ = `depict-placeholder ${props.class || ""}`, _v$2 = props.style;
+            _v$ !== _p$._v$ && (0, $kyEB6$className)(_el$, _p$._v$ = _v$);
+            _p$._v$2 = (0, $kyEB6$style)(_el$, _v$2, _p$._v$2);
+            return _p$;
+        }, {
+            _v$: undefined,
+            _v$2: undefined
+        });
+        return _el$;
+    })();
+}
+
+
+
+function $d134eae24341b4a1$export$89c6019e4baa40b1(props) {
+    const style = (0, $kyEB6$createMemo)(()=>{
+        const { style: style , height: height , width: width  } = props;
+        return {
+            ...style || {},
+            height: height ?? "1em",
+            ...width && {
+                width: width
+            }
+        };
+    });
+    return (0, $kyEB6$createComponent)((0, $d20eff0aadc28983$export$acb3eaade4b23afd), {
+        get style () {
+            return style();
+        },
+        get ["class"] () {
+            return props.class;
+        }
+    });
+}
+
+
 const $fab07f52c9861732$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$kyEB6$template)(`<div class="filter-collapsible"></div>`, 2), $fab07f52c9861732$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$kyEB6$template)(`<button class="clear-group"><span></span></button>`, 4), $fab07f52c9861732$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$kyEB6$template)(`<div class="view-more-clear"></div>`, 2), $fab07f52c9861732$var$_tmpl$4 = /*@__PURE__*/ (0, /*@__PURE__*/$kyEB6$template)(`<div class="filter-collapsible-body"><div class="filter-part"></div></div>`, 4), $fab07f52c9861732$var$_tmpl$5 = /*@__PURE__*/ (0, /*@__PURE__*/$kyEB6$template)(`<details class="filter-collapsible"></details>`, 2), $fab07f52c9861732$var$_tmpl$6 = /*@__PURE__*/ (0, /*@__PURE__*/$kyEB6$template)(`<summary class="filter-group-summary"><div class="summary"><span></span><div class="selected-w-sign"></div></div></summary>`, 8), $fab07f52c9861732$var$_tmpl$7 = /*@__PURE__*/ (0, /*@__PURE__*/$kyEB6$template)(`<div class="ungrouped"></div>`, 2), $fab07f52c9861732$var$_tmpl$8 = /*@__PURE__*/ (0, /*@__PURE__*/$kyEB6$template)(`<button class="clear-all-filters major"></button>`, 2);
 function $fab07f52c9861732$export$3f1a388cc0d8fed7(props) {
     // Split like this to make placeholder wrapping more visible & this component is exported and used in MobileModal
@@ -3164,7 +3210,7 @@ function $fab07f52c9861732$export$3f1a388cc0d8fed7(props) {
                 length: 5
             }).map(()=>(()=>{
                     const _el$ = $fab07f52c9861732$var$_tmpl$.cloneNode(true);
-                    (0, $kyEB6$insert)(_el$, (0, $kyEB6$createComponent)((0, $kyEB6$Placeholder), {
+                    (0, $kyEB6$insert)(_el$, (0, $kyEB6$createComponent)((0, $d134eae24341b4a1$export$89c6019e4baa40b1), {
                         width: "100%",
                         height: "50px"
                     }));
@@ -3394,6 +3440,7 @@ function $fab07f52c9861732$var$ActualFilterBody(props) {
 
 
 
+
 const $68a258a92b88f02f$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$kyEB6$template)(`<div class="sorting-attributes"></div>`, 2), $68a258a92b88f02f$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$kyEB6$template)(`<div class="sorting-direction"></div>`, 2), $68a258a92b88f02f$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$kyEB6$template)(`<div><div class="input-row"><input type="radio"><span class="custom-indicator"></span></div></div>`, 7), $68a258a92b88f02f$var$_tmpl$4 = /*@__PURE__*/ (0, /*@__PURE__*/$kyEB6$template)(`<div><label class="input-row"><input type="radio"><span class="custom-indicator"></span></label></div>`, 7);
 function $68a258a92b88f02f$export$1f1775a58da589b5({ available_sortings_: available_sortings_ , current_sorting_: [get_current_sorting, set_current_sorting] , meta_of_currently_selected_sorting_: meta_of_currently_selected_sorting_  }) {
     const title_radio_name = (0, $kyEB6$make_random_classname)();
@@ -3410,7 +3457,7 @@ function $68a258a92b88f02f$export$1f1775a58da589b5({ available_sortings_: availa
                     }).map(()=>(()=>{
                             const _el$4 = $68a258a92b88f02f$var$_tmpl$3.cloneNode(true), _el$5 = _el$4.firstChild, _el$6 = _el$5.firstChild, _el$7 = _el$6.nextSibling;
                             _el$6.disabled = true;
-                            (0, $kyEB6$insert)(_el$5, (0, $kyEB6$createComponent)((0, $kyEB6$Placeholder), {
+                            (0, $kyEB6$insert)(_el$5, (0, $kyEB6$createComponent)((0, $d134eae24341b4a1$export$89c6019e4baa40b1), {
                                 height: "1.2em",
                                 width: "100%"
                             }), null);
@@ -4491,6 +4538,7 @@ function $4147651646da990a$export$43cd1e747fecd42e(to_url, set_clearing_flag, fr
 }
 
 
+
 const $dfa5b6f7c5e421df$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$kyEB6$template)(`<nav class="crumbs"></nav>`, 2), $dfa5b6f7c5e421df$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$kyEB6$template)(`<a class="crumb"></a>`, 2), $dfa5b6f7c5e421df$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$kyEB6$template)(`<span class="separator"></span>`, 2);
 function $dfa5b6f7c5e421df$export$5646050d516e06bc({ crumb_data_: get_api_crumb_data , router_: router_ , i18n_: i18n_  }) {
     const placeholder_crumb_data = [
@@ -4516,7 +4564,7 @@ function $dfa5b6f7c5e421df$export$5646050d516e06bc({ crumb_data_: get_api_crumb_
                                 return display_accessor();
                             },
                             get fallback () {
-                                return (0, $kyEB6$createComponent)((0, $kyEB6$Placeholder), {
+                                return (0, $kyEB6$createComponent)((0, $d134eae24341b4a1$export$89c6019e4baa40b1), {
                                     height: "calc(1em + 1px)",
                                     width: "10ch"
                                 });
@@ -4569,6 +4617,7 @@ function $dfa5b6f7c5e421df$export$5646050d516e06bc({ crumb_data_: get_api_crumb_
 
 
 
+
 const $06edf3aec9073663$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$kyEB6$template)(`<nav class="quicklinks"></nav>`, 2), $06edf3aec9073663$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$kyEB6$template)(`<div>QuickLinks failed</div>`, 2), $06edf3aec9073663$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$kyEB6$template)(`<a class="quicklink"></a>`, 2);
 function $06edf3aec9073663$export$466cdc317043f6cb({ quicklinks_data_: quicklinks_data_ , router_: router_ , current_query_id_: current_query_id_ , slider_arrow_button_: slider_arrow_button_ , breadcrumb_data_: breadcrumb_data_ , i18n_: i18n_  }) {
     let scrolling_logic_ran_for_query_id = false;
@@ -4721,7 +4770,7 @@ function $06edf3aec9073663$export$466cdc317043f6cb({ quicklinks_data_: quicklink
                                         category_query_id_: display_accessor()?.query_id
                                     });
                                 }), true);
-                                (0, $kyEB6$insert)(_el$3, ()=>display_accessor()?.title || (0, $kyEB6$createComponent)((0, $kyEB6$Placeholder), {
+                                (0, $kyEB6$insert)(_el$3, ()=>display_accessor()?.title || (0, $kyEB6$createComponent)((0, $d134eae24341b4a1$export$89c6019e4baa40b1), {
                                         height: "1em",
                                         width: "10ch"
                                     }));
@@ -4941,14 +4990,14 @@ function $a1c4da51ff91dd01$var$clear_if_opened_new_tab_with_sideways_url_params_
 
 
 
-const $eb9ba2e49ab3dcc2$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$kyEB6$template)(`<div class="statement">No category ID specified, this is probably unintentional. Make sure to first create (and insert) the SearchPage once you have told the SDK about a category ID.</div>`, 2), $eb9ba2e49ab3dcc2$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$kyEB6$template)(`<div class="buttons"><button class="ok major"></button></div>`, 4);
+const $eb9ba2e49ab3dcc2$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$kyEB6$template)(`<div class="statement">No category ID specified, this is probably unintentional. Make sure to create (and insert) the CategoryPage *after* you have specified a category ID in your Depict Provider.</div>`, 2), $eb9ba2e49ab3dcc2$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$kyEB6$template)(`<div class="buttons"><button class="ok major"></button></div>`, 4);
 function $eb9ba2e49ab3dcc2$export$d4fc5c0e68a52116(el, query_id_, i18n_) {
     if (!(0, $kyEB6$is_debug)) return; // Just to make sure we don't show this in production
     const owner = (0, $kyEB6$getOwner)();
     const disconnect = (0, $kyEB6$observer).onexists(el, ({ element: element  })=>(0, $kyEB6$runWithOwner)(owner, ()=>(0, $kyEB6$createEffect)(()=>{
                 if (!document.documentElement.contains(element)) return;
                 if (!query_id_()) {
-                    const warning = "No category ID specified, this is probably unintentional. Make sure to first create (and insert) the SearchPage once you have told the SDK about a category ID.";
+                    const warning = "No category ID specified, this is probably unintentional. Make sure to create (and insert) the CategoryPage *after* you have specified a category ID in your Depict Provider.";
                     (0, $kyEB6$dwarn)(warning);
                     const { close_toast_: close_toast_  } = (0, $bf52d9f9eebd1938$export$5196e4c01fa56fcb)({
                         class: "warning",
@@ -4975,6 +5024,7 @@ function $eb9ba2e49ab3dcc2$export$d4fc5c0e68a52116(el, query_id_, i18n_) {
 ]);
 
 
+
 const $df5d81d0fe61ff21$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$kyEB6$template)(`<div class="product-count"> </div>`, 2), $df5d81d0fe61ff21$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$kyEB6$template)(`<div></div>`, 2), $df5d81d0fe61ff21$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$kyEB6$template)(`<div class="filter-results-for-one-row"></div>`, 2), $df5d81d0fe61ff21$var$_tmpl$4 = /*@__PURE__*/ (0, /*@__PURE__*/$kyEB6$template)(`<div class="depict plp category"><div class="listing-page"></div></div>`, 4);
 function $df5d81d0fe61ff21$export$f7d2f673fc2f091d({ depict_api_: depict_api_ , query_id_: query_id_ , current_sorting_: current_sorting_ , min_products_to_fetch_: min_products_to_fetch_ , category_filters_open_: category_filters_open_ , category_sorting_open_: category_sorting_open_ , expanded_filters_: expanded_filters_ , selected_filters_: selected_filters_ , get_quicklinks_accessor_: get_quicklinks_accessor_ , i18n_: incoming_i18n , get_breadcrumb_accessor_: get_breadcrumb_accessor_ , slider_arrow_button_: slider_arrow_button_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_ , local_filter_cache_: local_filter_cache_ , tenant_: tenant_ , market_: market_ , router_: router_ , show_quicklinks_: show_quicklinks_ , category_title_: category_title_ , show_breadcrumbs_: show_breadcrumbs_ , layout_options_: layout_options_ , scroll_restoration_data_: scroll_restoration_data_ , product_card_template_: product_card_template_ , sideways_filter_clearing_flag_: sideways_filter_clearing_flag_  }) {
     let results_for;
@@ -5051,7 +5101,7 @@ function $df5d81d0fe61ff21$export$f7d2f673fc2f091d({ depict_api_: depict_api_ ,
                 get children () {
                     return [
                         " ",
-                        (0, $kyEB6$createComponent)((0, $kyEB6$Placeholder), {
+                        (0, $kyEB6$createComponent)((0, $d134eae24341b4a1$export$89c6019e4baa40b1), {
                             height: "1em",
                             width: "3ch"
                         })
@@ -5769,7 +5819,7 @@ const $e4615ecd1849548f$export$b91cec6bdc6b32a1 = /*@__PURE__*/ (()=>{
     const actual_function = ({ category_title_: category_title_ , product_count_: product_count_  })=>{
         return (()=>{
             const _el$ = $e4615ecd1849548f$var$_tmpl$.cloneNode(true), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.firstChild;
-            (0, $kyEB6$insert)(_el$2, ()=>category_title_() || (0, $kyEB6$createComponent)((0, $kyEB6$Placeholder), {
+            (0, $kyEB6$insert)(_el$2, ()=>category_title_() || (0, $kyEB6$createComponent)((0, $d134eae24341b4a1$export$89c6019e4baa40b1), {
                     height: "1em",
                     width: "10ch"
                 }));
@@ -5947,14 +5997,45 @@ async function $5c5f95951393e5d1$var$download_categories(tenant, market) {
 
 
 
+
+
+function $7f60f09116a3fe61$export$3f37af283f8fb843(props) {
+    const style = (0, $kyEB6$createMemo)(()=>{
+        const { style: style , height: height , width: width , aspectRatio: aspectRatio  } = props;
+        const is_image = aspectRatio != undefined;
+        const size_data = is_image ? {
+            width: "100%",
+            "padding-bottom": 1 / aspectRatio * 100 + "%"
+        } : {
+            width: width,
+            height: height
+        };
+        return {
+            display: "block",
+            ...style || {},
+            ...size_data
+        };
+    });
+    return (0, $kyEB6$createComponent)((0, $d20eff0aadc28983$export$acb3eaade4b23afd), {
+        get style () {
+            return style();
+        },
+        get ["class"] () {
+            return props.class;
+        }
+    });
+}
+
+
+
 const $bb15dfb548a7666e$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$kyEB6$template)(`<div class="instant-card"><div class="img-part"></div><div class="right-part"><div class="title-brand-tagline"><span class="title"></span></div></div></div>`, 10);
 function $bb15dfb548a7666e$export$ee1733d9a8495996() {
     return (()=>{
         const _el$ = $bb15dfb548a7666e$var$_tmpl$.cloneNode(true), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.firstChild, _el$5 = _el$4.firstChild;
-        (0, $kyEB6$insert)(_el$2, (0, $kyEB6$createComponent)((0, $kyEB6$ContainedPlaceholderImage), {
-            aspect_ratio: 1
+        (0, $kyEB6$insert)(_el$2, (0, $kyEB6$createComponent)((0, $7f60f09116a3fe61$export$3f37af283f8fb843), {
+            aspectRatio: 1
         }));
-        (0, $kyEB6$insert)(_el$5, (0, $kyEB6$createComponent)((0, $kyEB6$Placeholder), {
+        (0, $kyEB6$insert)(_el$5, (0, $kyEB6$createComponent)((0, $d134eae24341b4a1$export$89c6019e4baa40b1), {
             width: "20ch",
             height: "1em"
         }));
@@ -7537,7 +7618,7 @@ function $793905995512612d$export$c05a196222ba1302({ suggestions_: suggestions_
                         get fallback () {
                             return (()=>{
                                 const _el$2 = $793905995512612d$var$_tmpl$2.cloneNode(true);
-                                (0, $kyEB6$insert)(_el$2, (0, $kyEB6$createComponent)((0, $kyEB6$Placeholder), {
+                                (0, $kyEB6$insert)(_el$2, (0, $kyEB6$createComponent)((0, $d134eae24341b4a1$export$89c6019e4baa40b1), {
                                     height: "19px",
                                     width: "133px"
                                 }));
@@ -8113,14 +8194,14 @@ class $806c97b931758897$export$ac6237957a15b3f0 {
     set market(market) {
         this.#market_signal[1](market);
     }
-    async fetchSearchResults(query, filters, limit = 50) {
+    async fetchSearchResults(query, filters, maxResults = 48) {
         const { depict_api_: depict_api_  } = $806c97b931758897$var$privately_shared_properties.get(this);
         const result = await depict_api_.query({
             tenant: this.merchant,
             market: this.market,
             query: query,
             filters: filters,
-            limit: limit
+            limit: maxResults
         });
         if (result.failed) throw new Error("Failed to fetch search results");
         return result.displays;
@@ -8390,6 +8471,9 @@ function $6936724b9e0b98d5$export$689e204eadb33baf(pr) {
 
 
 
+
+
+
 class $753e9b2889a47c89$export$3ccaa27d81dd8556 extends EventTarget {
     #stop_listening;
     #disconnect_observer;
@@ -8568,4 +8652,4 @@ const $4690a06c8489dcd0$export$7bf543b9d9be2c22 = (0, $e4615ecd1849548f$export$b
 (0, $kyEB6$add_to_version_info)("ui", (0, $ec291e0010116877$export$83d89fbfd8236492));
 
 
-export {$c58717f39bf51647$export$58e808b1db15d3bc as fetchDepictRecommendations, $961b5c64bef4662f$export$de035477d6fef996 as QuickLinks, $961b5c64bef4662f$export$5b7c3ce0ebe51f86 as BreadCrumbs, $e4615ecd1849548f$export$b91cec6bdc6b32a1 as CategoryTitle, $a79d86d64fb64e8e$export$824dde41348efed1 as embedded_num_products, $5c5f95951393e5d1$export$643598a327b5833e as get_categories, $961b5c64bef4662f$export$f34314aa9505732e as DepictCategory, $961b5c64bef4662f$export$e2bf8ce7779e827e as CategoryPage, $806c97b931758897$export$ac6237957a15b3f0 as DepictSearch, $806c97b931758897$export$bde3eb976dfded9 as get_search_query_updating_blocked_signal, $806c97b931758897$export$f2dc7e4e4aa11abb as SearchPage, $806c97b931758897$export$316f6f283ae64765 as SearchField, $4fd48cb976bf1789$export$aa14a9f43128f61f as ProductCardError, $6891c018a834cfdd$export$d86a33413558014e as open_modal_with_alignment, $bb15dfb548a7666e$export$ee1733d9a8495996 as DefaultInstantCardPlaceholder, $b6d5529b253681aa$export$b3ad617e9036868 as align_field, $b5cccc8ee7d24677$export$6daf8749b65a1b77 as convert_sdk_cols_at_size_to_layout, $926b1b5ba2239356$export$1233ca167bf71f9a as styles_to_valid_css_string, $aea1edf92433e81e$export$fe334901e8bebd57 as disable_scrolling, $6e8944558258054f$export$d0596b5cae35ad4 as open_search_with_shift_slash, $7fa23e2a0079eca4$export$e015ed2f2950f2e3 as DepictAPI, $dc9262ef6f786812$export$d9f36cf74e24d595 as media_query_to_accessor, $6936724b9e0b98d5$export$689e204eadb33baf as setup_fast_leave, $bf52d9f9eebd1938$export$5196e4c01fa56fcb as show_toast, $8c0f86cb3e266eeb$export$a71e92cfbb498adc as SolidFormatPrice, $4ca91518c9a35379$export$828dcdd425fd3231 as connect_search_field_height_to_aligner_height, $753e9b2889a47c89$export$3ccaa27d81dd8556 as PageReplacer, $4690a06c8489dcd0$export$864d304a0bc46829 as defaultGridSpacing, $4690a06c8489dcd0$export$c3834fa86c616831 as defaultColsAtSize, $4690a06c8489dcd0$export$7bf543b9d9be2c22 as defaultCategoryTitlePlugin, $ec291e0010116877$export$83d89fbfd8236492 as version};
+export {$c58717f39bf51647$export$58e808b1db15d3bc as fetchDepictRecommendations, $961b5c64bef4662f$export$de035477d6fef996 as QuickLinks, $961b5c64bef4662f$export$5b7c3ce0ebe51f86 as BreadCrumbs, $e4615ecd1849548f$export$b91cec6bdc6b32a1 as CategoryTitle, $a79d86d64fb64e8e$export$824dde41348efed1 as embedded_num_products, $5c5f95951393e5d1$export$643598a327b5833e as get_categories, $961b5c64bef4662f$export$f34314aa9505732e as DepictCategory, $961b5c64bef4662f$export$e2bf8ce7779e827e as CategoryPage, $806c97b931758897$export$ac6237957a15b3f0 as DepictSearch, $806c97b931758897$export$bde3eb976dfded9 as get_search_query_updating_blocked_signal, $806c97b931758897$export$f2dc7e4e4aa11abb as SearchPage, $806c97b931758897$export$316f6f283ae64765 as SearchField, $4fd48cb976bf1789$export$aa14a9f43128f61f as ProductCardError, $6891c018a834cfdd$export$d86a33413558014e as open_modal_with_alignment, $bb15dfb548a7666e$export$ee1733d9a8495996 as DefaultInstantCardPlaceholder, $b6d5529b253681aa$export$b3ad617e9036868 as align_field, $b5cccc8ee7d24677$export$6daf8749b65a1b77 as convert_sdk_cols_at_size_to_layout, $926b1b5ba2239356$export$1233ca167bf71f9a as styles_to_valid_css_string, $aea1edf92433e81e$export$fe334901e8bebd57 as disable_scrolling, $6e8944558258054f$export$d0596b5cae35ad4 as open_search_with_shift_slash, $7fa23e2a0079eca4$export$e015ed2f2950f2e3 as DepictAPI, $dc9262ef6f786812$export$d9f36cf74e24d595 as media_query_to_accessor, $6936724b9e0b98d5$export$689e204eadb33baf as setup_fast_leave, $bf52d9f9eebd1938$export$5196e4c01fa56fcb as show_toast, $8c0f86cb3e266eeb$export$a71e92cfbb498adc as SolidFormatPrice, $4ca91518c9a35379$export$828dcdd425fd3231 as connect_search_field_height_to_aligner_height, $d20eff0aadc28983$export$acb3eaade4b23afd as BasePlaceholder, $d134eae24341b4a1$export$89c6019e4baa40b1 as TextPlaceholder, $7f60f09116a3fe61$export$3f37af283f8fb843 as ImagePlaceholder, $753e9b2889a47c89$export$3ccaa27d81dd8556 as PageReplacer, $4690a06c8489dcd0$export$864d304a0bc46829 as defaultGridSpacing, $4690a06c8489dcd0$export$c3834fa86c616831 as defaultColsAtSize, $4690a06c8489dcd0$export$7bf543b9d9be2c22 as defaultCategoryTitlePlugin, $ec291e0010116877$export$83d89fbfd8236492 as version};

package/package.json

@@ -1,12 +1,8 @@
 {
   "name": "@depict-ai/ui",
-  "version": "1.0.8",
+  "version": "1.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",
-  "source": [
-    "src/index.ts",
-    "src/locales/index.ts"
-  ],
   "main": "dist/main.js",
   "module": "dist/module.js",
   "sass": "styles.scss",
@@ -61,7 +57,38 @@
       "outputFormat": "commonjs",
       "context": "node"
     },
-    "types": {}
+    "ssr_client_esmodule": {
+      "isLibrary": true,
+      "source": "src/index.ts",
+      "optimize": false,
+      "outputFormat": "esmodule",
+      "context": "node",
+      "distDir": "ssr/client/esmodule"
+    },
+    "ssr_client_commonjs": {
+      "isLibrary": true,
+      "source": "src/index.ts",
+      "optimize": false,
+      "context": "node",
+      "outputFormat": "commonjs",
+      "distDir": "ssr/client/commonjs"
+    },
+    "ssr_server_esmodule": {
+      "isLibrary": true,
+      "source": "src/index.ts",
+      "optimize": false,
+      "outputFormat": "esmodule",
+      "context": "node",
+      "distDir": "ssr/server/esmodule"
+    },
+    "ssr_server_commonjs": {
+      "isLibrary": true,
+      "source": "src/index.ts",
+      "optimize": false,
+      "context": "node",
+      "outputFormat": "commonjs",
+      "distDir": "ssr/server/commonjs"
+    }
   },
   "files": [
     "/dist",
@@ -72,9 +99,9 @@
   "exports": {
     "./styles.scss": "./styles.scss",
     ".": {
+      "types": "./dist/index.d.ts",
       "import": "./dist/module.js",
       "require": "./dist/main.js",
-      "types": "./dist/index.d.ts",
       "default": "./dist/module.js"
     },
     "./locales": {
@@ -82,6 +109,17 @@
       "import": "./locales/index.js",
       "require": "./locales/require.js",
       "default": "./locales/index.js"
+    },
+    "./ssr": {
+      "types": "./ssr/index.d.ts",
+      "browser": {
+        "import": "./ssr/client/module.js",
+        "require": "./ssr/client/main.js"
+      },
+      "node": {
+        "import": "./ssr/server/module.js",
+        "require": "./ssr/server/main.js"
+      }
     }
   },
   "devDependencies": {
@@ -102,9 +140,9 @@
     "ts-jest": "^29.0.3"
   },
   "dependencies": {
-    "@depict-ai/plp-styling": "^1.0.8",
-    "@depict-ai/types": "^1.0.7",
-    "@depict-ai/utilishared": "^1.0.7",
+    "@depict-ai/plp-styling": "^1.0.10",
+    "@depict-ai/types": "^1.0.9",
+    "@depict-ai/utilishared": "^1.0.9",
     "solid-js": "^1.7.3"
   },
   "types": "dist/index.d.ts"

package/dist/typescript_schema/BaseSearchRequest.d.ts

@@ -1,197 +0,0 @@
-/* tslint:disable */
-/**
- * This file was automatically generated by json-schema-to-typescript.
- * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
- * and run json-schema-to-typescript to regenerate this file.
- */
-
-/**
- * An enumeration.
- */
-export type SortingOrder = "asc" | "desc";
-
-export interface BaseSearchRequest {
-  tenant: string;
-  market: string;
-  /**
-   * List of filters to apply to the results.
-   */
-  filters?: SearchFilter[];
-  /**
-   * Specifies the sorting method. By default, the results are ordered by relevance. To find the possible values for this field, query the endpoint and look at the `sorts` field.
-   */
-  sort?: SortModel;
-  /**
-   * User identifier
-   */
-  user_id?: string;
-  /**
-   * Session identifier
-   */
-  session_id?: string;
-  /**
-   * Populated for integrations performed by Depict.ai only. Depict.ai Session Id
-   */
-  dsid?: string;
-  /**
-   * Metadata that can be used to modify the behaviour of the search.
-   */
-  metadata?: {
-    [k: string]: string;
-  };
-  /**
-   * The search query.
-   */
-  query?: string;
-}
-export interface SearchFilter {
-  /**
-   * The field to filter by.
-   */
-  field: string;
-  /**
-   * The operation used for filtering. The filtering should be read as `field op data`, for example `brand in ["Nike", "Adidas"]`.
-   */
-  op: "eq" | "neq" | "in" | "nin" | "leq" | "geq" | "inrange";
-  /**
-   * Data for the filter.
-   */
-  data?:
-    | ("true" | "false")
-    | number
-    | number
-    | string
-    | [number, number]
-    | [number, number]
-    | [number, number]
-    | [number, number]
-    | (
-        | ("true" | "false")
-        | number
-        | number
-        | string
-        | [number, number]
-        | [number, number]
-        | [number, number]
-        | [number, number]
-      )[]
-    | (("true" | "false") | number | number | string)[][];
-  /**
-   * Metadata about the filter that can be used for rendering. For example, this could contain the possible values to filter by and their counts in the results.
-   */
-  meta?: RangeFilterMeta | ValuesFilterMeta | HierarchicalValuesFilterMeta;
-  /**
-   * ID of the filter. If multiple filters share the same ID, they should be grouped together in the UI.
-   */
-  id?: string;
-}
-export interface RangeFilterMeta {
-  /**
-   * Title of the group, where a group consists of all the filters that share an ID.
-   */
-  group_title?: string;
-  /**
-   * Whether the filter group should be expanded by default or not.
-   */
-  group_expanded?: boolean;
-  type?: "range";
-  /**
-   * The minimum value that can be selected in the range.
-   */
-  min: number;
-  /**
-   * The maximum value that can be selected in the range.
-   */
-  max: number;
-  /**
-   * The unit of the range values.
-   */
-  unit?: string;
-  /**
-   * The currency of the range values.
-   */
-  currency?: string;
-}
-export interface ValuesFilterMeta {
-  /**
-   * Title of the group, where a group consists of all the filters that share an ID.
-   */
-  group_title?: string;
-  /**
-   * Whether the filter group should be expanded by default or not.
-   */
-  group_expanded?: boolean;
-  /**
-   * Type of filter.
-   */
-  type?: "radio" | "checkbox" | "checkbox-grid";
-  /**
-   * Selectable values
-   */
-  values: (
-    | ("true" | "false")
-    | number
-    | number
-    | string
-    | [number, number]
-    | [number, number]
-    | [number, number]
-    | [number, number]
-  )[];
-  /**
-   * Counts for values
-   */
-  counts?: number[];
-  /**
-   * Names for values
-   */
-  names?: string[];
-}
-export interface HierarchicalValuesFilterMeta {
-  /**
-   * Title of the group, where a group consists of all the filters that share an ID.
-   */
-  group_title?: string;
-  /**
-   * Whether the filter group should be expanded by default or not.
-   */
-  group_expanded?: boolean;
-  type?: "checkbox-hierarchical";
-  /**
-   * Selectable hierarchical values
-   */
-  values: (("true" | "false") | number | number | string)[][];
-  /**
-   * Counts for values
-   */
-  counts?: number[];
-  /**
-   * Names for hierarchical values
-   */
-  names?: string[];
-}
-export interface SortModel {
-  /**
-   * The field to sort by.
-   */
-  field: string;
-  /**
-   * The order to sort by.
-   */
-  order: SortingOrder;
-  /**
-   * Metadata about the sort that can be used for rendering.
-   */
-  meta?: SortMeta;
-}
-export interface SortMeta {
-  title: string;
-  /**
-   * Selectable values
-   */
-  values?: SortingOrder[];
-  /**
-   * Names for orders
-   */
-  names?: string[];
-}

package/dist/typescript_schema/ProductListingQueriesRequest.d.ts

@@ -1,14 +0,0 @@
-/* tslint:disable */
-/**
- * This file was automatically generated by json-schema-to-typescript.
- * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
- * and run json-schema-to-typescript to regenerate this file.
- */
-
-export interface ProductListingQueriesRequest {
-  tenant: string;
-  market: string;
-  metadata?: {
-    [k: string]: string;
-  };
-}

package/dist/typescript_schema/ProductListingQueriesResponse.d.ts

@@ -1,10 +0,0 @@
-/* tslint:disable */
-/**
- * This file was automatically generated by json-schema-to-typescript.
- * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
- * and run json-schema-to-typescript to regenerate this file.
- */
-
-export interface ProductListingQueriesResponse {
-  query_ids?: string[];
-}