@depict-ai/ui 1.0.4 → 1.0.6

package/README.md

@@ -1,5 +1,3 @@
-# Depict UI SDK
+# Depict Search SDK
 
-Underlying package of js-ui and react-ui containing the actual UI components.
-
-https://docs.depict.ai/docs/search-sdk-overview
+https://docs.depict.ai/docs/getting-started-with-the-depict-search-sdk-dssdk

package/dist/index.d.ts

@@ -7,10 +7,7 @@ import { SearchSuggestionsResponse, CategorySuggestion } from "@depict-ai/types/
 import { SearchSuggestionsRequest } from "@depict-ai/types/api/SearchSuggestionsRequest";
 import { ProductListingRequest } from "@depict-ai/types/api/ProductListingRequest";
 import { ProductListingResponse } from "@depict-ai/types/api/ProductListingResponse";
-export const version = "1.0.3";
-export function SSRTestComponent({ start_at }: {
-    start_at: number;
-}): HTMLElement;
+export const version = "1.0.6";
 export type OnNavigation = ((options: {
     is_replace: boolean;
     new_url: URL;
@@ -353,7 +350,7 @@ export class DepictSearch<T extends Display> {
     set merchant(tenant: string);
     get market(): string;
     set market(market: string);
-    fetchSearchResults(query: string, filters?: SearchFilter[]): Promise<T[]>;
+    fetchSearchResults(query: string, filters?: SearchFilter[], limit?: number): Promise<T[]>;
 }
 export function SearchPage<T extends Display>({ depict_search, include_input_field, grid_spacing, cols_at_size, product_card_template, extra_depict_options, }: {
     depict_search: DepictSearch<T>;
@@ -536,4 +533,10 @@ export class PageReplacer extends EventTarget {
  * makes so that links to the previous page close the search instead of closing the search and reloading the page (to be used with non-spas)
  */
 export function setup_fast_leave(pr: PageReplacer): void;
+export const defaultColsAtSize: SDKColsAtSize;
+export const defaultGridSpacing = "2%";
+export const defaultCategoryTitlePlugin: ({ category_title_, product_count_, }: {
+    category_title_: import("solid-js").Accessor<string | undefined>;
+    product_count_: import("solid-js").JSX.Element;
+}) => HTMLElement;
 export type { SearchFilter } from "@depict-ai/types/api/SearchRequest";

package/dist/main.js

@@ -6,7 +6,6 @@ function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
 
-$parcel$export(module.exports, "SSRTestComponent", () => $33c5fcea480a2ddd$export$4f6abd76125ba82f);
 $parcel$export(module.exports, "fetchDepictRecommendations", () => $bc91d938b8c601b4$export$58e808b1db15d3bc);
 $parcel$export(module.exports, "QuickLinks", () => $48567ac5b39bac56$export$de035477d6fef996);
 $parcel$export(module.exports, "BreadCrumbs", () => $48567ac5b39bac56$export$5b7c3ce0ebe51f86);
@@ -34,36 +33,15 @@ $parcel$export(module.exports, "show_toast", () => $ee498ec5e7dc2bba$export$5196
 $parcel$export(module.exports, "SolidFormatPrice", () => $d659702496cb72ea$export$a71e92cfbb498adc);
 $parcel$export(module.exports, "connect_search_field_height_to_aligner_height", () => $d8e94ea381ab57fa$export$828dcdd425fd3231);
 $parcel$export(module.exports, "PageReplacer", () => $0a6acf31d1eae57c$export$3ccaa27d81dd8556);
+$parcel$export(module.exports, "defaultGridSpacing", () => $a3280f0aad997933$export$864d304a0bc46829);
+$parcel$export(module.exports, "defaultColsAtSize", () => $a3280f0aad997933$export$c3834fa86c616831);
+$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 = "1.0.3";
+/*! Depict.ai search and product listing SDK */ const $b757f75811f3261f$export$83d89fbfd8236492 = "1.0.6";
 
 
 
 
-
-
-const $33c5fcea480a2ddd$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$iBTHO$solidjsweb.template)(`<div>count: </div>`, 2), $33c5fcea480a2ddd$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$iBTHO$solidjsweb.template)(`<p>Here's a paragraph. And some <b>bold</b> text. BTW, count is <!>. And 10x:ed it's </p>`, 5);
-function $33c5fcea480a2ddd$export$4f6abd76125ba82f({ start_at: start_at  }) {
-    const [count, setCount] = (0, $iBTHO$solidjs.createSignal)(start_at ?? 0);
-    const interval = setInterval(()=>setCount((old)=>old + 1), 1000);
-    (0, $iBTHO$solidjs.onCleanup)(()=>clearInterval(interval));
-    return [
-        (()=>{
-            const _el$ = $33c5fcea480a2ddd$var$_tmpl$.cloneNode(true), _el$2 = _el$.firstChild;
-            (0, $iBTHO$solidjsweb.insert)(_el$, count, null);
-            return _el$;
-        })(),
-        (()=>{
-            const _el$3 = $33c5fcea480a2ddd$var$_tmpl$2.cloneNode(true), _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling, _el$6 = _el$5.nextSibling, _el$8 = _el$6.nextSibling, _el$7 = _el$8.nextSibling;
-            (0, $iBTHO$solidjsweb.insert)(_el$3, count, _el$8);
-            (0, $iBTHO$solidjsweb.insert)(_el$3, ()=>count() * 10, null);
-            return _el$3;
-        })()
-    ];
-}
-
-
-
 async function $bc91d938b8c601b4$export$58e808b1db15d3bc({ merchant: merchant , market: market , headers: headers , ...fetch_recs_options }) {
     return await (0, $iBTHO$depictaiutilishared.fetch_recs)({
         tenant: merchant,
@@ -264,6 +242,7 @@ class $e1d6c0f3d89d531c$export$e015ed2f2950f2e3 {
 
 
 
+
 function $b54e6192d0caa293$export$d9f36cf74e24d595(media_query) {
     const signal = (0, $iBTHO$solidjs.createSignal)(false);
     (0, $iBTHO$solidjs.onCleanup)((0, $iBTHO$depictaiutilishared.javascript_media_query)(media_query, ({ matches: matches  })=>signal[1](matches)).remove);
@@ -359,6 +338,32 @@ function $d659702496cb72ea$export$a71e92cfbb498adc(props) {
 }
 
 
+
+
+function $76b6ac05693f5c71$export$205efb947c7ffd78(handler, passive = true) {
+    const catchified_handler = (0, $iBTHO$depictaiutilishared.catchify)(handler);
+    // Some customers (e.g. equestrian) have `height: 100%` and/or `overflow-x: hidden` on the body, which means that scroll events won't get dispatched on `window`. The pages who get it on <body> won't get it on `window` and vice-versa, so there shouldn't be a worry about duplicate calling of the handler.
+    // Use observer in case that this gets called before body exists
+    const disconnect = (0, $iBTHO$depictaiutilishared.observer).onexists("body", ({ element: element  })=>{
+        element.addEventListener("scroll", catchified_handler, {
+            passive: passive
+        });
+        (0, $iBTHO$solidjs.onCleanup)(()=>element.removeEventListener("scroll", catchified_handler));
+    });
+    (0, $iBTHO$solidjs.onCleanup)(disconnect);
+    for (const event of [
+        "resize",
+        "orientationchange",
+        "scroll"
+    ]){
+        addEventListener(event, catchified_handler, {
+            passive: passive
+        });
+        (0, $iBTHO$solidjs.onCleanup)(()=>removeEventListener(event, catchified_handler));
+    }
+}
+
+
 const $401aee5f33dca9e2$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$iBTHO$solidjsweb.template)(`<div class="scroll-status" style="display:none"><span class="text"><b></b> – <b></b> <!> <b></b></span></div>`, 11);
 function $401aee5f33dca9e2$export$83fd5de5504a7a67({ formatted_number_of_results_: formatted_number_of_results_ , first_result_in_viewport_: [get_first_result_in_viewport] , last_result_in_viewport_: [get_last_result_in_viewport] , number_of_results_: number_of_results_ , i18n_: { price_formatting_: price_formatting_ , of_: of_  }  }) {
     const [first_to_show, set_first_to_show] = (0, $iBTHO$solidjs.createSignal)(0);
@@ -376,7 +381,7 @@ function $401aee5f33dca9e2$export$83fd5de5504a7a67({ formatted_number_of_results
     let last_pos = scrollY;
     let unpermit_when_possible = false;
     let times_too_fast = 0;
-    const handle_scrollpos_change = (0, $iBTHO$depictaiutilishared.catchify)(()=>{
+    const handle_scrollpos_change = ()=>{
         if (animation) set_show_triggered((prev)=>!prev); // make sure that once we've decided to show the indicator it doesn't disappear before we stop scrolling
         const distance_travelled = Math.abs(scrollY - last_pos);
         const now = +new Date();
@@ -393,17 +398,8 @@ function $401aee5f33dca9e2$export$83fd5de5504a7a67({ formatted_number_of_results
         else set_permitted_to_show(false);
         last_pos_time = now;
         last_pos = scrollY;
-    });
-    for (const event of [
-        "resize",
-        "orientationchange",
-        "scroll"
-    ]){
-        addEventListener(event, handle_scrollpos_change, {
-            passive: true
-        });
-        (0, $iBTHO$solidjs.onCleanup)(()=>removeEventListener(event, handle_scrollpos_change));
-    }
+    };
+    (0, $76b6ac05693f5c71$export$205efb947c7ffd78)(handle_scrollpos_change);
     (0, $iBTHO$solidjs.createEffect)(()=>{
         show_triggered();
         const first = get_first_result_in_viewport();
@@ -4245,6 +4241,7 @@ function $f8f64d05c525825b$var$OpenSortingButton({ i18n_: i18n_ , get_current_so
 
 
 
+
 const $2fb324fbcc7b4a7b$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$iBTHO$solidjsweb.template)(`<div class="floating-buttons"><button class="filter"><div></div></button><button class="sort"><div></div></button><button class="up"><div></div></button></div>`, 14);
 function $2fb324fbcc7b4a7b$export$b23abd26de154ede(props) {
     const [is_small, set_is_small] = (0, $iBTHO$solidjs.createSignal)(true);
@@ -4271,7 +4268,7 @@ function $2fb324fbcc7b4a7b$var$ActualFloatingButtons({ search_filters_open_: [ge
     const [get_is_showing_toast] = (0, $ee498ec5e7dc2bba$export$22970a0140fc759c);
     const [modal_is_closed, set_if_modal_is_closed] = (0, $iBTHO$solidjs.createSignal)(!(0, $iBTHO$solidjs.untrack)(get_search_filters_open_) && !(0, $iBTHO$solidjs.untrack)(get_search_sorting_open_));
     const [regular_buttons_are_in_view, set_regular_buttons_are_in_view] = (0, $iBTHO$solidjs.createSignal)(false);
-    const handle_scrollpos_change = (0, $iBTHO$depictaiutilishared.catchify)(()=>(0, $iBTHO$solidjs.untrack)(()=>{
+    const handle_scrollpos_change = ()=>(0, $iBTHO$solidjs.untrack)(()=>{
             const new_pos = scrollY;
             if (modal_is_closed()) {
                 const diff = new_pos - old_pos;
@@ -4286,7 +4283,7 @@ function $2fb324fbcc7b4a7b$var$ActualFloatingButtons({ search_filters_open_: [ge
                 else if (diff_over_second_or_touch > 30) set_is_scrolling_upwards(false);
             }
             old_pos = new_pos;
-        }));
+        });
     const touchstart_handler = (0, $iBTHO$depictaiutilishared.catchify)((e)=>{
         is_in_touch_scroll = true;
         if (e.touches.length === 1) {
@@ -4309,16 +4306,7 @@ function $2fb324fbcc7b4a7b$var$ActualFloatingButtons({ search_filters_open_: [ge
         removeEventListener("touchstart", touchstart_handler);
         removeEventListener("touchend", touchend_handler);
     });
-    for (const event of [
-        "resize",
-        "orientationchange",
-        "scroll"
-    ]){
-        addEventListener(event, handle_scrollpos_change, {
-            passive: true
-        });
-        (0, $iBTHO$solidjs.onCleanup)(()=>removeEventListener(event, handle_scrollpos_change));
-    }
+    (0, $76b6ac05693f5c71$export$205efb947c7ffd78)(handle_scrollpos_change);
     (0, $iBTHO$solidjs.onCleanup)(resolve_cleanup_promise);
     (0, $iBTHO$solidjs.createComputed)(()=>{
         clearTimeout(timeout);
@@ -4982,6 +4970,46 @@ function $cc7c480116d2eba0$var$clear_if_opened_new_tab_with_sideways_url_params_
 }
 
 
+
+
+
+
+
+
+const $cafad5eca9f09cb5$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$iBTHO$solidjsweb.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), $cafad5eca9f09cb5$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$iBTHO$solidjsweb.template)(`<div class="buttons"><button class="ok major"></button></div>`, 4);
+function $cafad5eca9f09cb5$export$d4fc5c0e68a52116(el, query_id_, i18n_) {
+    if (!(0, $iBTHO$depictaiutilishared.is_debug)) return; // Just to make sure we don't show this in production
+    const owner = (0, $iBTHO$solidjs.getOwner)();
+    const disconnect = (0, $iBTHO$depictaiutilishared.observer).onexists(el, ({ element: element  })=>(0, $iBTHO$solidjs.runWithOwner)(owner, ()=>(0, $iBTHO$solidjs.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.";
+                    (0, $iBTHO$depictaiutilishared.dwarn)(warning);
+                    const { close_toast_: close_toast_  } = (0, $ee498ec5e7dc2bba$export$5196e4c01fa56fcb)({
+                        class: "warning",
+                        close_after_: 120000,
+                        style: {
+                            background: "#ffb830"
+                        },
+                        children: [
+                            $cafad5eca9f09cb5$var$_tmpl$.cloneNode(true),
+                            (()=>{
+                                const _el$2 = $cafad5eca9f09cb5$var$_tmpl$2.cloneNode(true), _el$3 = _el$2.firstChild;
+                                _el$3.$$click = ()=>close_toast_() /* We have to wait for close_toast_ to get defined after the call to show_toast */ ;
+                                (0, $iBTHO$solidjsweb.insert)(_el$3, ()=>i18n_.ok_());
+                                return _el$2;
+                            })()
+                        ]
+                    });
+                }
+            })));
+    (0, $iBTHO$solidjs.onCleanup)(disconnect);
+}
+(0, $iBTHO$solidjsweb.delegateEvents)([
+    "click"
+]);
+
+
 const $840d88a04b2d22a7$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$iBTHO$solidjsweb.template)(`<div class="product-count"> </div>`, 2), $840d88a04b2d22a7$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$iBTHO$solidjsweb.template)(`<div></div>`, 2), $840d88a04b2d22a7$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$iBTHO$solidjsweb.template)(`<div class="filter-results-for-one-row"></div>`, 2), $840d88a04b2d22a7$var$_tmpl$4 = /*@__PURE__*/ (0, /*@__PURE__*/$iBTHO$solidjsweb.template)(`<div class="depict plp category"><div class="listing-page"></div></div>`, 4);
 function $840d88a04b2d22a7$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;
@@ -5167,6 +5195,7 @@ function $840d88a04b2d22a7$export$f7d2f673fc2f091d({ depict_api_: depict_api_ ,
         document.createComment("Category page based on Depict SDK"),
         (()=>{
             const _el$5 = $840d88a04b2d22a7$var$_tmpl$4.cloneNode(true), _el$6 = _el$5.firstChild;
+            (0, $iBTHO$solidjsweb.use)((el)=>process.env.NODE_ENV === "development" && (0, $cafad5eca9f09cb5$export$d4fc5c0e68a52116)(el, query_id_, i18n_), _el$5);
             (0, $iBTHO$solidjsweb.insert)(_el$6, (0, $iBTHO$solidjsweb.createComponent)((0, $iBTHO$solidjs.Show), {
                 when: show_breadcrumbs_,
                 get children () {
@@ -6217,6 +6246,7 @@ function $fb29c6201c369e39$var$make_state_saved_rows([get_showing_recommendation
 
 
 
+
 function $fd463ff0edb29915$export$b3ad617e9036868(modal_body_style, input_field, width_transformer, includeScroll, one_axies_only) {
     let aligned_this_microtask = false;
     const align_position = ()=>{
@@ -6249,8 +6279,7 @@ function $fd463ff0edb29915$export$b3ad617e9036868(modal_body_style, input_field,
         }));
         ro.observe(input_field);
     }
-    window.addEventListener("resize", align_position);
-    window.addEventListener("orientationchange", align_position);
+    (0, $76b6ac05693f5c71$export$205efb947c7ffd78)(align_position);
     // "resize" doesn't fire sometimes when it should, also it doesn't when showing/hiding scrollbars which disabling scrolling does
     // this works
     // keeping resize just in case
@@ -6260,8 +6289,6 @@ function $fd463ff0edb29915$export$b3ad617e9036868(modal_body_style, input_field,
     (0, $iBTHO$solidjs.onCleanup)((0, $iBTHO$depictaiutilishared.catchify)(()=>{
         ro?.disconnect();
         resize_resize_observer.disconnect();
-        window.removeEventListener("resize", align_position);
-        window.removeEventListener("orientationchange", align_position);
     }));
     return align_position;
 }
@@ -8121,13 +8148,14 @@ class $2c61e4cd8229c49a$export$ac6237957a15b3f0 {
     set market(market) {
         this.#market_signal[1](market);
     }
-    async fetchSearchResults(query, filters) {
+    async fetchSearchResults(query, filters, limit = 50) {
         const { depict_api_: depict_api_  } = $2c61e4cd8229c49a$var$privately_shared_properties.get(this);
         const result = await depict_api_.query({
             tenant: this.merchant,
             market: this.market,
             query: query,
-            filters: filters
+            filters: filters,
+            limit: limit
         });
         if (result.failed) throw new Error("Failed to fetch search results");
         return result.displays;
@@ -8554,6 +8582,24 @@ class $0a6acf31d1eae57c$export$3ccaa27d81dd8556 extends EventTarget {
 }
 
 
+
+const $a3280f0aad997933$export$c3834fa86c616831 = [
+    [
+        4
+    ],
+    [
+        3,
+        1024
+    ],
+    [
+        2,
+        901
+    ]
+];
+const $a3280f0aad997933$export$864d304a0bc46829 = "2%";
+const $a3280f0aad997933$export$7bf543b9d9be2c22 = (0, $0b23bfd073d9a4e8$export$b91cec6bdc6b32a1);
+
+
 (0, $iBTHO$depictaiutilishared.add_to_version_info)("ui", (0, $b757f75811f3261f$export$83d89fbfd8236492));
 
 

package/dist/module.js

@@ -1,36 +1,12 @@
-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, make_random_classname as $kyEB6$make_random_classname, n_col_styling_with_dist as $kyEB6$n_col_styling_with_dist, observer as $kyEB6$observer, 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, 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 {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 {createSignal as $kyEB6$createSignal, onCleanup as $kyEB6$onCleanup, getOwner as $kyEB6$getOwner, createRoot as $kyEB6$createRoot, runWithOwner as $kyEB6$runWithOwner, 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";
+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.3";
+/*! Depict.ai search and product listing SDK */ const $ec291e0010116877$export$83d89fbfd8236492 = "1.0.6";
 
 
 
 
-
-
-const $23d09820c60b7015$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$kyEB6$template)(`<div>count: </div>`, 2), $23d09820c60b7015$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$kyEB6$template)(`<p>Here's a paragraph. And some <b>bold</b> text. BTW, count is <!>. And 10x:ed it's </p>`, 5);
-function $23d09820c60b7015$export$4f6abd76125ba82f({ start_at: start_at  }) {
-    const [count, setCount] = (0, $kyEB6$createSignal)(start_at ?? 0);
-    const interval = setInterval(()=>setCount((old)=>old + 1), 1000);
-    (0, $kyEB6$onCleanup)(()=>clearInterval(interval));
-    return [
-        (()=>{
-            const _el$ = $23d09820c60b7015$var$_tmpl$.cloneNode(true), _el$2 = _el$.firstChild;
-            (0, $kyEB6$insert)(_el$, count, null);
-            return _el$;
-        })(),
-        (()=>{
-            const _el$3 = $23d09820c60b7015$var$_tmpl$2.cloneNode(true), _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling, _el$6 = _el$5.nextSibling, _el$8 = _el$6.nextSibling, _el$7 = _el$8.nextSibling;
-            (0, $kyEB6$insert)(_el$3, count, _el$8);
-            (0, $kyEB6$insert)(_el$3, ()=>count() * 10, null);
-            return _el$3;
-        })()
-    ];
-}
-
-
-
 async function $c58717f39bf51647$export$58e808b1db15d3bc({ merchant: merchant , market: market , headers: headers , ...fetch_recs_options }) {
     return await (0, $kyEB6$fetch_recs)({
         tenant: merchant,
@@ -231,6 +207,7 @@ class $7fa23e2a0079eca4$export$e015ed2f2950f2e3 {
 
 
 
+
 function $dc9262ef6f786812$export$d9f36cf74e24d595(media_query) {
     const signal = (0, $kyEB6$createSignal)(false);
     (0, $kyEB6$onCleanup)((0, $kyEB6$javascript_media_query)(media_query, ({ matches: matches  })=>signal[1](matches)).remove);
@@ -326,6 +303,32 @@ function $8c0f86cb3e266eeb$export$a71e92cfbb498adc(props) {
 }
 
 
+
+
+function $8f9120a1ca151e6a$export$205efb947c7ffd78(handler, passive = true) {
+    const catchified_handler = (0, $kyEB6$catchify)(handler);
+    // Some customers (e.g. equestrian) have `height: 100%` and/or `overflow-x: hidden` on the body, which means that scroll events won't get dispatched on `window`. The pages who get it on <body> won't get it on `window` and vice-versa, so there shouldn't be a worry about duplicate calling of the handler.
+    // Use observer in case that this gets called before body exists
+    const disconnect = (0, $kyEB6$observer).onexists("body", ({ element: element  })=>{
+        element.addEventListener("scroll", catchified_handler, {
+            passive: passive
+        });
+        (0, $kyEB6$onCleanup)(()=>element.removeEventListener("scroll", catchified_handler));
+    });
+    (0, $kyEB6$onCleanup)(disconnect);
+    for (const event of [
+        "resize",
+        "orientationchange",
+        "scroll"
+    ]){
+        addEventListener(event, catchified_handler, {
+            passive: passive
+        });
+        (0, $kyEB6$onCleanup)(()=>removeEventListener(event, catchified_handler));
+    }
+}
+
+
 const $6db49ca163afa2c3$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$kyEB6$template)(`<div class="scroll-status" style="display:none"><span class="text"><b></b> – <b></b> <!> <b></b></span></div>`, 11);
 function $6db49ca163afa2c3$export$83fd5de5504a7a67({ formatted_number_of_results_: formatted_number_of_results_ , first_result_in_viewport_: [get_first_result_in_viewport] , last_result_in_viewport_: [get_last_result_in_viewport] , number_of_results_: number_of_results_ , i18n_: { price_formatting_: price_formatting_ , of_: of_  }  }) {
     const [first_to_show, set_first_to_show] = (0, $kyEB6$createSignal)(0);
@@ -343,7 +346,7 @@ function $6db49ca163afa2c3$export$83fd5de5504a7a67({ formatted_number_of_results
     let last_pos = scrollY;
     let unpermit_when_possible = false;
     let times_too_fast = 0;
-    const handle_scrollpos_change = (0, $kyEB6$catchify)(()=>{
+    const handle_scrollpos_change = ()=>{
         if (animation) set_show_triggered((prev)=>!prev); // make sure that once we've decided to show the indicator it doesn't disappear before we stop scrolling
         const distance_travelled = Math.abs(scrollY - last_pos);
         const now = +new Date();
@@ -360,17 +363,8 @@ function $6db49ca163afa2c3$export$83fd5de5504a7a67({ formatted_number_of_results
         else set_permitted_to_show(false);
         last_pos_time = now;
         last_pos = scrollY;
-    });
-    for (const event of [
-        "resize",
-        "orientationchange",
-        "scroll"
-    ]){
-        addEventListener(event, handle_scrollpos_change, {
-            passive: true
-        });
-        (0, $kyEB6$onCleanup)(()=>removeEventListener(event, handle_scrollpos_change));
-    }
+    };
+    (0, $8f9120a1ca151e6a$export$205efb947c7ffd78)(handle_scrollpos_change);
     (0, $kyEB6$createEffect)(()=>{
         show_triggered();
         const first = get_first_result_in_viewport();
@@ -4212,6 +4206,7 @@ function $cdea4cf8c5c071ef$var$OpenSortingButton({ i18n_: i18n_ , get_current_so
 
 
 
+
 const $0b0380f75d729d63$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$kyEB6$template)(`<div class="floating-buttons"><button class="filter"><div></div></button><button class="sort"><div></div></button><button class="up"><div></div></button></div>`, 14);
 function $0b0380f75d729d63$export$b23abd26de154ede(props) {
     const [is_small, set_is_small] = (0, $kyEB6$createSignal)(true);
@@ -4238,7 +4233,7 @@ function $0b0380f75d729d63$var$ActualFloatingButtons({ search_filters_open_: [ge
     const [get_is_showing_toast] = (0, $bf52d9f9eebd1938$export$22970a0140fc759c);
     const [modal_is_closed, set_if_modal_is_closed] = (0, $kyEB6$createSignal)(!(0, $kyEB6$untrack)(get_search_filters_open_) && !(0, $kyEB6$untrack)(get_search_sorting_open_));
     const [regular_buttons_are_in_view, set_regular_buttons_are_in_view] = (0, $kyEB6$createSignal)(false);
-    const handle_scrollpos_change = (0, $kyEB6$catchify)(()=>(0, $kyEB6$untrack)(()=>{
+    const handle_scrollpos_change = ()=>(0, $kyEB6$untrack)(()=>{
             const new_pos = scrollY;
             if (modal_is_closed()) {
                 const diff = new_pos - old_pos;
@@ -4253,7 +4248,7 @@ function $0b0380f75d729d63$var$ActualFloatingButtons({ search_filters_open_: [ge
                 else if (diff_over_second_or_touch > 30) set_is_scrolling_upwards(false);
             }
             old_pos = new_pos;
-        }));
+        });
     const touchstart_handler = (0, $kyEB6$catchify)((e)=>{
         is_in_touch_scroll = true;
         if (e.touches.length === 1) {
@@ -4276,16 +4271,7 @@ function $0b0380f75d729d63$var$ActualFloatingButtons({ search_filters_open_: [ge
         removeEventListener("touchstart", touchstart_handler);
         removeEventListener("touchend", touchend_handler);
     });
-    for (const event of [
-        "resize",
-        "orientationchange",
-        "scroll"
-    ]){
-        addEventListener(event, handle_scrollpos_change, {
-            passive: true
-        });
-        (0, $kyEB6$onCleanup)(()=>removeEventListener(event, handle_scrollpos_change));
-    }
+    (0, $8f9120a1ca151e6a$export$205efb947c7ffd78)(handle_scrollpos_change);
     (0, $kyEB6$onCleanup)(resolve_cleanup_promise);
     (0, $kyEB6$createComputed)(()=>{
         clearTimeout(timeout);
@@ -4949,6 +4935,46 @@ 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);
+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.";
+                    (0, $kyEB6$dwarn)(warning);
+                    const { close_toast_: close_toast_  } = (0, $bf52d9f9eebd1938$export$5196e4c01fa56fcb)({
+                        class: "warning",
+                        close_after_: 120000,
+                        style: {
+                            background: "#ffb830"
+                        },
+                        children: [
+                            $eb9ba2e49ab3dcc2$var$_tmpl$.cloneNode(true),
+                            (()=>{
+                                const _el$2 = $eb9ba2e49ab3dcc2$var$_tmpl$2.cloneNode(true), _el$3 = _el$2.firstChild;
+                                _el$3.$$click = ()=>close_toast_() /* We have to wait for close_toast_ to get defined after the call to show_toast */ ;
+                                (0, $kyEB6$insert)(_el$3, ()=>i18n_.ok_());
+                                return _el$2;
+                            })()
+                        ]
+                    });
+                }
+            })));
+    (0, $kyEB6$onCleanup)(disconnect);
+}
+(0, $kyEB6$delegateEvents)([
+    "click"
+]);
+
+
 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;
@@ -5134,6 +5160,7 @@ function $df5d81d0fe61ff21$export$f7d2f673fc2f091d({ depict_api_: depict_api_ ,
         document.createComment("Category page based on Depict SDK"),
         (()=>{
             const _el$5 = $df5d81d0fe61ff21$var$_tmpl$4.cloneNode(true), _el$6 = _el$5.firstChild;
+            (0, $kyEB6$use)((el)=>process.env.NODE_ENV === "development" && (0, $eb9ba2e49ab3dcc2$export$d4fc5c0e68a52116)(el, query_id_, i18n_), _el$5);
             (0, $kyEB6$insert)(_el$6, (0, $kyEB6$createComponent)((0, $kyEB6$Show), {
                 when: show_breadcrumbs_,
                 get children () {
@@ -6184,6 +6211,7 @@ function $172e1b898d457050$var$make_state_saved_rows([get_showing_recommendation
 
 
 
+
 function $b6d5529b253681aa$export$b3ad617e9036868(modal_body_style, input_field, width_transformer, includeScroll, one_axies_only) {
     let aligned_this_microtask = false;
     const align_position = ()=>{
@@ -6216,8 +6244,7 @@ function $b6d5529b253681aa$export$b3ad617e9036868(modal_body_style, input_field,
         }));
         ro.observe(input_field);
     }
-    window.addEventListener("resize", align_position);
-    window.addEventListener("orientationchange", align_position);
+    (0, $8f9120a1ca151e6a$export$205efb947c7ffd78)(align_position);
     // "resize" doesn't fire sometimes when it should, also it doesn't when showing/hiding scrollbars which disabling scrolling does
     // this works
     // keeping resize just in case
@@ -6227,8 +6254,6 @@ function $b6d5529b253681aa$export$b3ad617e9036868(modal_body_style, input_field,
     (0, $kyEB6$onCleanup)((0, $kyEB6$catchify)(()=>{
         ro?.disconnect();
         resize_resize_observer.disconnect();
-        window.removeEventListener("resize", align_position);
-        window.removeEventListener("orientationchange", align_position);
     }));
     return align_position;
 }
@@ -8088,13 +8113,14 @@ class $806c97b931758897$export$ac6237957a15b3f0 {
     set market(market) {
         this.#market_signal[1](market);
     }
-    async fetchSearchResults(query, filters) {
+    async fetchSearchResults(query, filters, limit = 50) {
         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
+            filters: filters,
+            limit: limit
         });
         if (result.failed) throw new Error("Failed to fetch search results");
         return result.displays;
@@ -8521,7 +8547,25 @@ class $753e9b2889a47c89$export$3ccaa27d81dd8556 extends EventTarget {
 }
 
 
+
+const $4690a06c8489dcd0$export$c3834fa86c616831 = [
+    [
+        4
+    ],
+    [
+        3,
+        1024
+    ],
+    [
+        2,
+        901
+    ]
+];
+const $4690a06c8489dcd0$export$864d304a0bc46829 = "2%";
+const $4690a06c8489dcd0$export$7bf543b9d9be2c22 = (0, $e4615ecd1849548f$export$b91cec6bdc6b32a1);
+
+
 (0, $kyEB6$add_to_version_info)("ui", (0, $ec291e0010116877$export$83d89fbfd8236492));
 
 
-export {$23d09820c60b7015$export$4f6abd76125ba82f as SSRTestComponent, $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, $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, $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};