@depict-ai/ui 1.0.9 → 1.0.11

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.9";
+/*! Depict.ai search and product listing SDK */ const $ec291e0010116877$export$83d89fbfd8236492 = "1.0.11";
 
 
 
@@ -786,8 +786,8 @@ function $6e41f1fde994db72$export$f33414a4df0afd3f({ product_card_template_: pro
     });
     return get_elements; // https://github.com/solidjs/solid/releases/tag/v1.7.0
 }
-/**
- * Get one placeholder element. It will be cloned for each placeholder for ultimate performance even when solid-js isn't rendering the placeholders.
+/**
+ * Get one placeholder element. It will be cloned for each placeholder for ultimate performance even when solid-js isn't rendering the placeholders.
  */ function $6e41f1fde994db72$var$Placeholder({ product_card_template_: product_card_template_  }) {
     const get_cloned_placeholders = (element_to_clone = $6e41f1fde994db72$var$cached_placeholder_element)=>Array.isArray(element_to_clone) ? element_to_clone.map((el)=>el instanceof Node ? el.cloneNode(true) : el) : element_to_clone;
     if ($6e41f1fde994db72$var$cached_placeholder_element) return get_cloned_placeholders();
@@ -832,8 +832,8 @@ function $6e41f1fde994db72$export$f33414a4df0afd3f({ product_card_template_: pro
 }
 
 
-/*
- * Usually product templates are somewhat height-elastic depending on the content, i.e. if the title is longer we might up to two extra rows for this. That means that the placeholders almost never will reflect the size of the actual content when we do scroll restoration. This magic number specifies how many extra placeholders we should render everytime to compensate for this, since if the placeholders are in total shorter than the old scroll location the scroll restoration won't work.
+/*
+ * Usually product templates are somewhat height-elastic depending on the content, i.e. if the title is longer we might up to two extra rows for this. That means that the placeholders almost never will reflect the size of the actual content when we do scroll restoration. This magic number specifies how many extra placeholders we should render everytime to compensate for this, since if the placeholders are in total shorter than the old scroll location the scroll restoration won't work.
  */ const $7747fe1a8c5652e3$export$6c9030e511152266 = 30;
 
 
@@ -925,8 +925,8 @@ function $0e0b96a8dc1ad492$export$63dd0350f8559dda({ displays_by_key_: displays_
 
 
 
-/**
- * Gets product_id (the thing we key the rendering on) from a display
+/**
+ * Gets product_id (the thing we key the rendering on) from a display
  */ function $16351e4c87b90b3d$export$548d053aba053d79(display) {
     if ("variant_index" in display) {
         const actual_display = display.variant_displays[display.variant_index];
@@ -1227,9 +1227,9 @@ function $2d25e42846eac370$export$3925f87b1545cfc6({ plp_results_: plp_results_
         return _el$;
     })();
 }
-/**
- * Sets styling to styling generated by "Layout" (n_col_styling_with_dist) depending on if filters are open or not
- * This function is special to the actual PLPResults.
+/**
+ * Sets styling to styling generated by "Layout" (n_col_styling_with_dist) depending on if filters are open or not
+ * This function is special to the actual PLPResults.
  */ function $2d25e42846eac370$var$results_grid_styling_generator({ layout_options_: layout_options_ , sort_or_filter_open_: sort_or_filter_open_ , set_styling_: set_styling_ , selector_beginning_: selector_beginning_  }) {
     (0, $kyEB6$createRenderEffect)(()=>{
         // Add grid styling that changes when filters get opened/closed
@@ -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);
@@ -3919,9 +3966,9 @@ function $5efb5894079b220e$export$b288c38ae3fddb56({ available_filters_: availab
         last_remote_state = available_filters_();
     });
 }
-/**
- * When a filter is only available locally due to being selected in a previous navigation, we want to make that clear and prevent further "invalid" choices.
- * This sets the counts to 0 (if applicable) and removes non-selected options (if applicable)
+/**
+ * When a filter is only available locally due to being selected in a previous navigation, we want to make that clear and prevent further "invalid" choices.
+ * This sets the counts to 0 (if applicable) and removes non-selected options (if applicable)
  */ function $5efb5894079b220e$var$modify_only_local_filter(local_filter_object, selected_filter) {
     const old_meta = local_filter_object.meta;
     const selected_filter_data = selected_filter.data;
@@ -4361,10 +4408,10 @@ const $4147651646da990a$var$range_delimiter = "-";
 const $4147651646da990a$var$string_item_delimiter = "‚"; // This is not a comma but a comma-like character that browsers will render in the URL bar.
 const $4147651646da990a$var$array_item_delimiter = "‣"; // FIXME: decide on a character. Could theoretically be a double string delimiter.
 const $4147651646da990a$var$empty_item_replacement = "0️⃣";
-/**
- * Checks if a given array of filter data can be neatly serialized into an URL query parameter, or if it should fall back to JSON+base64.
- * The requirements are either an array of strings, containing no reserved characters, or an array of arrays of strings, containing no reserved characters.
- * No deep or mixed nesting levels are supported.
+/**
+ * Checks if a given array of filter data can be neatly serialized into an URL query parameter, or if it should fall back to JSON+base64.
+ * The requirements are either an array of strings, containing no reserved characters, or an array of arrays of strings, containing no reserved characters.
+ * No deep or mixed nesting levels are supported.
  */ function $4147651646da990a$var$array_is_serializable(array, is_root = true) {
     if (array.every((item)=>Array.isArray(item))) {
         if (!is_root) // Deeply nested arrays are not supported, but also don't exist as filters (yet)
@@ -4376,10 +4423,10 @@ const $4147651646da990a$var$empty_item_replacement = "0️⃣";
     // Encoding reserved characters is not supported
     return !array.some((item)=>item.includes($4147651646da990a$var$array_item_delimiter) || item.includes($4147651646da990a$var$string_item_delimiter) || item === $4147651646da990a$var$empty_item_replacement);
 }
-/**
- * Human readable string[] or string[][] serialization for URLs.
- * @param array
- * @returns
+/**
+ * Human readable string[] or string[][] serialization for URLs.
+ * @param array
+ * @returns
  */ function $4147651646da990a$var$encode_array(array) {
     const is_nested = array.every((item)=>Array.isArray(item));
     if (is_nested) return array.map($4147651646da990a$var$encode_array).join($4147651646da990a$var$array_item_delimiter) + $4147651646da990a$var$array_item_delimiter; // Nested arrays require a suffix to close nesting levels
@@ -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"
                         })
@@ -5474,8 +5524,8 @@ function $ccd5db07a3a069c5$export$477caf01aecaeb2a(options) {
         }
     };
 }
-/**
- * Writes the sorting and filters to the URL query parameters when they change.
+/**
+ * Writes the sorting and filters to the URL query parameters when they change.
  */ function $ccd5db07a3a069c5$var$start_href_writer({ get_sorting_: get_sorting_ , get_selected_filters_: get_selected_filters_ , router_: router_ , get_has_sideways_filter_clearing_flag_: get_has_sideways_filter_clearing_flag_  }) {
     (0, $kyEB6$createEffect)((0, $kyEB6$on)([
         get_sorting_,
@@ -5515,8 +5565,8 @@ function $ccd5db07a3a069c5$var$delete_sideways_param_flag(searchParams) {
 
 
 class $4fd2ba03703a7d92$export$7e1297a3a19f10d8 {
-    /**
-   * Function that will be called when we want to navigate, or a string saying it's not an SPA. You can change this OTG
+    /**
+   * Function that will be called when we want to navigate, or a string saying it's not an SPA. You can change this OTG
    */ #throwing_on_navigation(...args) {
         const { on_navigation_: on_navigation_  } = this;
         if (typeof on_navigation_ !== "function") throw new Error("on_navigation_ is not a function");
@@ -5529,14 +5579,14 @@ class $4fd2ba03703a7d92$export$7e1297a3a19f10d8 {
             });
         }
     }
-    /**
-   * Checks if this tab shouldn't navigate because user wants to open in new tab
+    /**
+   * Checks if this tab shouldn't navigate because user wants to open in new tab
    */ #dont_attempt_navigation(ev) {
         return ev?.button || ev?.metaKey || ev?.ctrlKey;
     }
-    /**
-   * Vue has async router that needs to be awaited (it navigates after a microtask)
-   * This standardises waiting for all kinds of routers
+    /**
+   * Vue has async router that needs to be awaited (it navigates after a microtask)
+   * This standardises waiting for all kinds of routers
    */ #get_navigation_happened_promise(is_replace) {
         return new Promise((resolve)=>{
             const handler = (what_happened)=>{
@@ -5549,19 +5599,19 @@ class $4fd2ba03703a7d92$export$7e1297a3a19f10d8 {
         });
     }
     navigate_ = {
-        /**
-     * Call this if you *just* want to replace the state object in history.state
+        /**
+     * Call this if you *just* want to replace the state object in history.state
      */ replace_state_: (new_state)=>{
             // This doesn't break any router, so we just do this directly for now, since many don't expose an interface for changing the state
             history.replaceState(new_state, "");
         },
-        /**
-     * Call this to change the URL
-     * @param new_url_ new URL to go to
-     * @param event_ event if you have this in a click handler, will not do anything on cmd/ctrl or non-left click then
-     * @param force_spa_navigation_ if you want to force SPA navigation even if on_navigation_ is set to "hard_navigation". You should only set this to true for inter-SDK-page navigations
-     * @param is_replace_ if you want to replace the current URL in history instead of pushing a new one
-     * @param category_query_id_ If you are navigating to a category and know the query_id of, please provide it. This is for making a better devEx in js-ui
+        /**
+     * Call this to change the URL
+     * @param new_url_ new URL to go to
+     * @param event_ event if you have this in a click handler, will not do anything on cmd/ctrl or non-left click then
+     * @param force_spa_navigation_ if you want to force SPA navigation even if on_navigation_ is set to "hard_navigation". You should only set this to true for inter-SDK-page navigations
+     * @param is_replace_ if you want to replace the current URL in history instead of pushing a new one
+     * @param category_query_id_ If you are navigating to a category and know the query_id of, please provide it. This is for making a better devEx in js-ui
      */ go_to_: (0, $kyEB6$catchify)(async ({ new_url_: raw_new_url , event_: event_ , force_spa_navigation_: force_spa_navigation_ , is_replace_: is_replace_ , category_query_id_: category_query_id_  })=>{
             const new_url_ = raw_new_url instanceof URL ? raw_new_url : new URL(raw_new_url, location.origin);
             const wants_hard_navigation = this.on_navigation_ === "hard_navigation";
@@ -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"
         }));
@@ -6369,8 +6450,8 @@ async function $bfd908d13d90934c$export$e16630ecb9644a1c({ on_submit_with_unchan
 
 
 
-/**
- * Expand an object where every value in the top-level is an accessor into a normal object. Used for converting solid_i18n objects into external i18n typed objects.
+/**
+ * Expand an object where every value in the top-level is an accessor into a normal object. Used for converting solid_i18n objects into external i18n typed objects.
  */ const $c97b1f0e44afb9d2$export$27b710c08412a7ad = (obj)=>{
     return Object.fromEntries(Object.keys(obj).map((key)=>[
             key,
@@ -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"
                                 }));
@@ -7911,8 +7992,8 @@ function $4ca91518c9a35379$export$828dcdd425fd3231(aligner) {
 
 
 const $806c97b931758897$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$kyEB6$template)(`<div class="depict plp search"></div>`, 2);
-/**
- * Type for the private properties that are shared between the different exported search SDK wrapper functions. SDK users are not allowed to change/access these, they're an internal implementation detail.
+/**
+ * Type for the private properties that are shared between the different exported search SDK wrapper functions. SDK users are not allowed to change/access these, they're an internal implementation detail.
  */ const $806c97b931758897$var$privately_shared_properties = /*@__PURE__*/ new WeakMap();
 const $806c97b931758897$var$min_products_to_fetch_ = 20;
 const $806c97b931758897$export$bde3eb976dfded9 = (depict_search)=>$806c97b931758897$var$privately_shared_properties.get(depict_search)?.search_query_updating_blocked_;
@@ -8113,7 +8194,7 @@ class $806c97b931758897$export$ac6237957a15b3f0 {
     set market(market) {
         this.#market_signal[1](market);
     }
-    async fetchSearchResults(query, filters, maxResults = 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,
@@ -8309,8 +8390,8 @@ const $6891c018a834cfdd$export$d86a33413558014e = (openModalParams)=>{
     }
     const { cleanup: cleanup  } = (0, $4ca91518c9a35379$export$828dcdd425fd3231)(openModalParams.element);
     let dispose_aligner;
-    /**
-   * Setting position to fixed is important to make the modal work with align_field.
+    /**
+   * Setting position to fixed is important to make the modal work with align_field.
    */ const style_props_ = (0, $kyEB6$createSignal)({
         position: "fixed"
     });
@@ -8390,6 +8471,9 @@ function $6936724b9e0b98d5$export$689e204eadb33baf(pr) {
 
 
 
+
+
+
 class $753e9b2889a47c89$export$3ccaa27d81dd8556 extends EventTarget {
     #stop_listening;
     #disconnect_observer;
@@ -8406,8 +8490,8 @@ class $753e9b2889a47c89$export$3ccaa27d81dd8556 extends EventTarget {
         })();
         return new Set();
     })();
-    /**
-   * Returns if the "replacement page" is currently open
+    /**
+   * Returns if the "replacement page" is currently open
    */ get open_() {
         // make this "readonly" from the outside, the only way to open is by making the url change so that is_page_ returns true
         return this.#is_open;
@@ -8492,26 +8576,26 @@ class $753e9b2889a47c89$export$3ccaa27d81dd8556 extends EventTarget {
             if (what_happened !== "popstate") return;
             const cleaned_current_url = $753e9b2889a47c89$var$clean_url(location.href);
             if (!$753e9b2889a47c89$export$3ccaa27d81dd8556.#visited_urls.has(cleaned_current_url)) {
-                /*
-        What does this check do? Well, there's a bug without it where people end up on a page that they shouldn't see (i.e. a somewhat blank page).
-        The culprit of that bug is: the browser remembers where to make "hard"-navigations (i.e. a full document rebuild with a new `document` and `window` object) when going back and forwards in the history and where to just change the url. What it doesn't always correctly remember (observed in at least chrome and firefox), is *what document to hard-navigate to*. Therefore, we have to jump in and take care of that.
-        The reproduction is this:
-          Spendrups has set up a search page for us under /start/search. We don't want to hard-reload the page though to get there.
-          1. Go to a product page like https://ehandel.spendrups.se/Product/1104201
-          2. Make a search
-          We use PageReplacer to just replace the current page (and the url in the address bar) with the search page. The thing is though, that when going back now the URL just updates but the browser doesn't actually navigate - that's fine, PageReplacer will just restore the old page contents
-          3. Try going back just for fun
-          Everything works as expected
-          4. Go forwards again (just for fun, skip this if you skipped 3)
-          Now the trouble comes when we introduce "hard" navigation.
-          5. Click on a search result. The browser will now "hard" navigate to a new page.
-          6. Click "back"
-          What happens now, is that the browser hard-navigates to /start/search.
-          7. Click "back" again
-          What happens now, is that the browser "soft-navigates" (just changes the URL) to https://ehandel.spendrups.se/Product/1104201
-          PageReplacer unload itself and reveals the original document - it is expected to be the one under https://ehandel.spendrups.se/Product/1104201, but actually it is the one under /start/search - a white page.
-            The fix: is to remember all pages that we have visited since the creation of `window` (we do that by having a static property on PageReplacer since we assume the PageReplacer source code will only exist once on the page and will be loaded at page load, the latter assumption might be wrong, but I hope not). If we get a "popstate" event (meaning back or forwards button, not new page being pushed) to an unknown page we reload.
-             */ (0, $kyEB6$dlog)("PageReplacer: ", cleaned_current_url, " hasn't been visited since document was created, reloading since we won't be able to show this page otherwise");
+                /*
+        What does this check do? Well, there's a bug without it where people end up on a page that they shouldn't see (i.e. a somewhat blank page).
+        The culprit of that bug is: the browser remembers where to make "hard"-navigations (i.e. a full document rebuild with a new `document` and `window` object) when going back and forwards in the history and where to just change the url. What it doesn't always correctly remember (observed in at least chrome and firefox), is *what document to hard-navigate to*. Therefore, we have to jump in and take care of that.
+        The reproduction is this:
+          Spendrups has set up a search page for us under /start/search. We don't want to hard-reload the page though to get there.
+          1. Go to a product page like https://ehandel.spendrups.se/Product/1104201
+          2. Make a search
+          We use PageReplacer to just replace the current page (and the url in the address bar) with the search page. The thing is though, that when going back now the URL just updates but the browser doesn't actually navigate - that's fine, PageReplacer will just restore the old page contents
+          3. Try going back just for fun
+          Everything works as expected
+          4. Go forwards again (just for fun, skip this if you skipped 3)
+          Now the trouble comes when we introduce "hard" navigation.
+          5. Click on a search result. The browser will now "hard" navigate to a new page.
+          6. Click "back"
+          What happens now, is that the browser hard-navigates to /start/search.
+          7. Click "back" again
+          What happens now, is that the browser "soft-navigates" (just changes the URL) to https://ehandel.spendrups.se/Product/1104201
+          PageReplacer unload itself and reveals the original document - it is expected to be the one under https://ehandel.spendrups.se/Product/1104201, but actually it is the one under /start/search - a white page.
+           The fix: is to remember all pages that we have visited since the creation of `window` (we do that by having a static property on PageReplacer since we assume the PageReplacer source code will only exist once on the page and will be loaded at page load, the latter assumption might be wrong, but I hope not). If we get a "popstate" event (meaning back or forwards button, not new page being pushed) to an unknown page we reload.
+            */ (0, $kyEB6$dlog)("PageReplacer: ", cleaned_current_url, " hasn't been visited since document was created, reloading since we won't be able to show this page otherwise");
                 location.reload();
                 $753e9b2889a47c89$export$3ccaa27d81dd8556.#reverting_permitted = false; // Disallow any reverting since we can't - it would flash a white page until the reload has finished.
                 this.#unload(); // Call unload to "kill" the solid-js stuff quicker so that it stops updating - the user is expecting the next thing that happens to be a navigation to the actual page the URL says they're on.
@@ -8520,8 +8604,8 @@ class $753e9b2889a47c89$export$3ccaa27d81dd8556 extends EventTarget {
         (0, $kyEB6$instant_exec_on_suspect_history_change).add(on_maybe_popstate);
         this.#revert_fns.push(()=>(0, $kyEB6$instant_exec_on_suspect_history_change).delete(on_maybe_popstate)); // Don't run the bugfixer if there isn't a PageReplacer page open since I assume the bug only happens when going back from a PageReplace'd page
     }
-    /**
-   * Stops listening to URL changes and closes the page (if it is currently open)
+    /**
+   * Stops listening to URL changes and closes the page (if it is currently open)
    */ destroy_() {
         this.#unload();
         this.#stop_listening?.();
@@ -8536,8 +8620,8 @@ class $753e9b2889a47c89$export$3ccaa27d81dd8556 extends EventTarget {
         if (!is_spa_) (0, $6936724b9e0b98d5$export$689e204eadb33baf)(this); // Make so that clicking on links to the previous page work instantly
     }
 }
-/**
- * Remove hash from URL
+/**
+ * Remove hash from URL
  */ function $753e9b2889a47c89$var$clean_url(url) {
     // Would want to have this a static private function on PageReplacer, but that's not supported in MobileSafari yet
     // remove hash, all other params *could* trigger a re-request
@@ -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};