@depict-ai/ui 1.0.4 → 1.0.6

package/jest.setup.js

@@ -0,0 +1,7 @@
+module.exports = function () {
+  // When utilishared is imported, all kinds of DOM stuff is referenced, which jest doesn't have and needs polyfilling.
+  HTMLCanvasElement.prototype.getContext = () => {
+    // Empty mock
+  };
+  require("../../lib/depict_polyfills/the_polyfills");
+};

package/locales/index.d.ts

@@ -86,3 +86,4 @@ export const pl: Locale;
 export const pt: Locale;
 export const es: Locale;
 export const sv: Locale;
+export const defaultLocale: Locale;

package/locales/index.js

@@ -1131,6 +1131,7 @@ const $70cb39a790dd4f65$export$65540e5f7f6e7dce = {
     ...(0, $38de3920ebd2d651$export$7ba4dc17618f444f),
     ...(0, $38de3920ebd2d651$export$596caee559c76764)
 };
+const $70cb39a790dd4f65$export$d7f512c98c859244 = $70cb39a790dd4f65$export$84584c2a98eb6753;
 
 
-export {$70cb39a790dd4f65$export$67ff43e65e668f2b as cz, $70cb39a790dd4f65$export$8c8450b83b664ba4 as da, $70cb39a790dd4f65$export$9c64ee4d84d79ce1 as nl, $70cb39a790dd4f65$export$84584c2a98eb6753 as en, $70cb39a790dd4f65$export$ed5179c818622fb as fi, $70cb39a790dd4f65$export$acb2a88f7d552ebf as fr, $70cb39a790dd4f65$export$2fa162a495d26869 as de, $70cb39a790dd4f65$export$3486a10f30cf1ee4 as it, $70cb39a790dd4f65$export$401451a107dc42ce as no, $70cb39a790dd4f65$export$6ea5311eda92944f as pl, $70cb39a790dd4f65$export$84175d5f1cb4e39d as pt, $70cb39a790dd4f65$export$ca5e4045a55e76d2 as es, $70cb39a790dd4f65$export$65540e5f7f6e7dce as sv};
+export {$70cb39a790dd4f65$export$67ff43e65e668f2b as cz, $70cb39a790dd4f65$export$8c8450b83b664ba4 as da, $70cb39a790dd4f65$export$9c64ee4d84d79ce1 as nl, $70cb39a790dd4f65$export$84584c2a98eb6753 as en, $70cb39a790dd4f65$export$ed5179c818622fb as fi, $70cb39a790dd4f65$export$acb2a88f7d552ebf as fr, $70cb39a790dd4f65$export$2fa162a495d26869 as de, $70cb39a790dd4f65$export$3486a10f30cf1ee4 as it, $70cb39a790dd4f65$export$401451a107dc42ce as no, $70cb39a790dd4f65$export$6ea5311eda92944f as pl, $70cb39a790dd4f65$export$84175d5f1cb4e39d as pt, $70cb39a790dd4f65$export$ca5e4045a55e76d2 as es, $70cb39a790dd4f65$export$65540e5f7f6e7dce as sv, $70cb39a790dd4f65$export$d7f512c98c859244 as defaultLocale};

package/locales/require.js

@@ -15,6 +15,7 @@ $parcel$export(module.exports, "pl", () => $2d187e768d780a64$export$6ea5311eda92
 $parcel$export(module.exports, "pt", () => $2d187e768d780a64$export$84175d5f1cb4e39d);
 $parcel$export(module.exports, "es", () => $2d187e768d780a64$export$ca5e4045a55e76d2);
 $parcel$export(module.exports, "sv", () => $2d187e768d780a64$export$65540e5f7f6e7dce);
+$parcel$export(module.exports, "defaultLocale", () => $2d187e768d780a64$export$d7f512c98c859244);
 /**
  * Exported naming follows IETF BCP 47: https://en.wikipedia.org/wiki/IETF_language_tag
  */ const $f1b6d8431ecd6285$var$english_base_translation = {
@@ -1148,5 +1149,6 @@ const $2d187e768d780a64$export$65540e5f7f6e7dce = {
     ...(0, $9c8f18e0e8a2b1d9$export$7ba4dc17618f444f),
     ...(0, $9c8f18e0e8a2b1d9$export$596caee559c76764)
 };
+const $2d187e768d780a64$export$d7f512c98c859244 = $2d187e768d780a64$export$84584c2a98eb6753;
 
 

package/package.json

@@ -1,8 +1,12 @@
 {
   "name": "@depict-ai/ui",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "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",
@@ -57,45 +61,14 @@
       "outputFormat": "commonjs",
       "context": "node"
     },
-    "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"
-    }
+    "types": {}
   },
   "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": {
@@ -103,29 +76,8 @@
       "import": "./locales/index.js",
       "require": "./locales/require.js",
       "default": "./locales/index.js"
-    },
-    "./ssr": {
-      "types": "./dist/index.d.ts",
-      "browser": {
-        "types": "./dist/index.d.ts",
-        "import": "./ssr/client/module.js",
-        "require": "./ssr/client/main.js",
-        "default": "./ssr/client/module.js"
-      },
-      "node": {
-        "types": "./dist/index.d.ts",
-        "import": "./ssr/server/module.js",
-        "require": "./ssr/server/main.js",
-        "default": "./ssr/server/module.js"
-      }
     }
   },
-  "files": [
-    "/dist",
-    "/locales",
-    "/ssr",
-    "/styles.scss"
-  ],
   "devDependencies": {
     "@babel/core": "latest",
     "@babel/preset-env": "latest",
@@ -144,9 +96,9 @@
     "ts-jest": "^29.0.3"
   },
   "dependencies": {
-    "@depict-ai/plp-styling": "^1.0.3",
-    "@depict-ai/types": "^1.0.3",
-    "@depict-ai/utilishared": "^1.0.3",
+    "@depict-ai/plp-styling": "^1.0.6",
+    "@depict-ai/types": "^1.0.5",
+    "@depict-ai/utilishared": "^1.0.5",
     "solid-js": "^1.7.3"
   },
   "types": "dist/index.d.ts"

package/ssr/client/{require.js → 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);
@@ -35,37 +34,11 @@ $parcel$export(module.exports, "SolidFormatPrice", () => $d659702496cb72ea$expor
 $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, "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.5";
 
 
 
 
-
-
-
-
-const $33c5fcea480a2ddd$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$aggTu$solidjsweb.template)(`<div>count: <!#><!/></div>`, 4), $33c5fcea480a2ddd$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$aggTu$solidjsweb.template)(`<p>Here's a paragraph. And some <b>bold</b> text. BTW, count is <!#><!/>. And 10x:ed it's <!#><!/></p>`, 8);
-function $33c5fcea480a2ddd$export$4f6abd76125ba82f({ start_at: start_at  }) {
-    const [count, setCount] = (0, $aggTu$solidjs.createSignal)(start_at ?? 0);
-    const interval = setInterval(()=>setCount((old)=>old + 1), 1000);
-    (0, $aggTu$solidjs.onCleanup)(()=>clearInterval(interval));
-    return [
-        (()=>{
-            const _el$ = (0, $aggTu$solidjsweb.getNextElement)($33c5fcea480a2ddd$var$_tmpl$), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, [_el$4, _co$] = (0, $aggTu$solidjsweb.getNextMarker)(_el$3.nextSibling);
-            (0, $aggTu$solidjsweb.insert)(_el$, count, _el$4, _co$);
-            return _el$;
-        })(),
-        (()=>{
-            const _el$5 = (0, $aggTu$solidjsweb.getNextElement)($33c5fcea480a2ddd$var$_tmpl$2), _el$6 = _el$5.firstChild, _el$7 = _el$6.nextSibling, _el$8 = _el$7.nextSibling, _el$10 = _el$8.nextSibling, [_el$11, _co$2] = (0, $aggTu$solidjsweb.getNextMarker)(_el$10.nextSibling), _el$9 = _el$11.nextSibling, _el$12 = _el$9.nextSibling, [_el$13, _co$3] = (0, $aggTu$solidjsweb.getNextMarker)(_el$12.nextSibling);
-            (0, $aggTu$solidjsweb.insert)(_el$5, count, _el$11, _co$2);
-            (0, $aggTu$solidjsweb.insert)(_el$5, ()=>count() * 10, _el$13, _co$3);
-            return _el$5;
-        })()
-    ];
-}
-
-
-
 async function $bc91d938b8c601b4$export$58e808b1db15d3bc({ merchant: merchant , market: market , headers: headers , ...fetch_recs_options }) {
     return await (0, $aggTu$depictaiutilishared.fetch_recs)({
         tenant: merchant,
@@ -366,6 +339,32 @@ function $d659702496cb72ea$export$a71e92cfbb498adc(props) {
 }
 
 
+
+
+function $76b6ac05693f5c71$export$205efb947c7ffd78(handler, passive = true) {
+    const catchified_handler = (0, $aggTu$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, $aggTu$depictaiutilishared.observer).onexists("body", ({ element: element  })=>{
+        element.addEventListener("scroll", catchified_handler, {
+            passive: passive
+        });
+        (0, $aggTu$solidjs.onCleanup)(()=>element.removeEventListener("scroll", catchified_handler));
+    });
+    (0, $aggTu$solidjs.onCleanup)(disconnect);
+    for (const event of [
+        "resize",
+        "orientationchange",
+        "scroll"
+    ]){
+        addEventListener(event, catchified_handler, {
+            passive: passive
+        });
+        (0, $aggTu$solidjs.onCleanup)(()=>removeEventListener(event, catchified_handler));
+    }
+}
+
+
 const $401aee5f33dca9e2$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$aggTu$solidjsweb.template)(`<div class="scroll-status" style="display:none"><span class="text"><b></b> – <b></b> <!#><!/> <b></b></span></div>`, 12);
 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, $aggTu$solidjs.createSignal)(0);
@@ -383,7 +382,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, $aggTu$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();
@@ -400,17 +399,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, $aggTu$solidjs.onCleanup)(()=>removeEventListener(event, handle_scrollpos_change));
-    }
+    };
+    (0, $76b6ac05693f5c71$export$205efb947c7ffd78)(handle_scrollpos_change);
     (0, $aggTu$solidjs.createEffect)(()=>{
         show_triggered();
         const first = get_first_result_in_viewport();
@@ -4317,6 +4307,7 @@ function $f8f64d05c525825b$var$OpenSortingButton({ i18n_: i18n_ , get_current_so
 
 
 
+
 const $2fb324fbcc7b4a7b$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$aggTu$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, $aggTu$solidjs.createSignal)(true);
@@ -4343,7 +4334,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, $aggTu$solidjs.createSignal)(!(0, $aggTu$solidjs.untrack)(get_search_filters_open_) && !(0, $aggTu$solidjs.untrack)(get_search_sorting_open_));
     const [regular_buttons_are_in_view, set_regular_buttons_are_in_view] = (0, $aggTu$solidjs.createSignal)(false);
-    const handle_scrollpos_change = (0, $aggTu$depictaiutilishared.catchify)(()=>(0, $aggTu$solidjs.untrack)(()=>{
+    const handle_scrollpos_change = ()=>(0, $aggTu$solidjs.untrack)(()=>{
             const new_pos = scrollY;
             if (modal_is_closed()) {
                 const diff = new_pos - old_pos;
@@ -4358,7 +4349,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, $aggTu$depictaiutilishared.catchify)((e)=>{
         is_in_touch_scroll = true;
         if (e.touches.length === 1) {
@@ -4381,16 +4372,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, $aggTu$solidjs.onCleanup)(()=>removeEventListener(event, handle_scrollpos_change));
-    }
+    (0, $76b6ac05693f5c71$export$205efb947c7ffd78)(handle_scrollpos_change);
     (0, $aggTu$solidjs.onCleanup)(resolve_cleanup_promise);
     (0, $aggTu$solidjs.createComputed)(()=>{
         clearTimeout(timeout);
@@ -6313,6 +6295,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 = ()=>{
@@ -6345,8 +6328,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
@@ -6356,8 +6338,6 @@ function $fd463ff0edb29915$export$b3ad617e9036868(modal_body_style, input_field,
     (0, $aggTu$solidjs.onCleanup)((0, $aggTu$depictaiutilishared.catchify)(()=>{
         ro?.disconnect();
         resize_resize_observer.disconnect();
-        window.removeEventListener("resize", align_position);
-        window.removeEventListener("orientationchange", align_position);
     }));
     return align_position;
 }

package/ssr/client/{index.js → module.js}

@@ -1,38 +1,12 @@
-import {add_to_version_info as $2gBB1$add_to_version_info, fetch_recs as $2gBB1$fetch_recs, snakeCasifyObject as $2gBB1$snakeCasifyObject, GenericSliderArrowButton as $2gBB1$GenericSliderArrowButton, catchify as $2gBB1$catchify, instant_exec_on_suspect_history_change as $2gBB1$instant_exec_on_suspect_history_change, base_url as $2gBB1$base_url, dlog as $2gBB1$dlog, get_depict_id as $2gBB1$get_depict_id, get_user_id as $2gBB1$get_user_id, get_session_id as $2gBB1$get_session_id, make_url_with_query_params as $2gBB1$make_url_with_query_params, fetch_retry as $2gBB1$fetch_retry, add_version_query_params as $2gBB1$add_version_query_params, sort_obj as $2gBB1$sort_obj, Placeholder as $2gBB1$Placeholder, report as $2gBB1$report, javascript_media_query as $2gBB1$javascript_media_query, standard_price_format as $2gBB1$standard_price_format, make_random_classname as $2gBB1$make_random_classname, n_col_styling_with_dist as $2gBB1$n_col_styling_with_dist, observer as $2gBB1$observer, CrossIcon as $2gBB1$CrossIcon, useExpandingContainer as $2gBB1$useExpandingContainer, Amazing_Slider as $2gBB1$Amazing_Slider, slider_snap_css as $2gBB1$slider_snap_css, slider_fading_factory as $2gBB1$slider_fading_factory, MinusIcon as $2gBB1$MinusIcon, FilterIcon as $2gBB1$FilterIcon, SortIconAsc as $2gBB1$SortIconAsc, SortIconDesc as $2gBB1$SortIconDesc, PlusIcon as $2gBB1$PlusIcon, hsl_to_rgb as $2gBB1$hsl_to_rgb, relative_luminance_from_rgb as $2gBB1$relative_luminance_from_rgb, TickIcon as $2gBB1$TickIcon, ArrowUp as $2gBB1$ArrowUp, base64_encode_unicode as $2gBB1$base64_encode_unicode, base64_decode_unicode as $2gBB1$base64_decode_unicode, queueMacroTask as $2gBB1$queueMacroTask, dwarn as $2gBB1$dwarn, ContainedPlaceholderImage as $2gBB1$ContainedPlaceholderImage, BackIcon as $2gBB1$BackIcon, SearchIcon as $2gBB1$SearchIcon, Layout as $2gBB1$Layout, async_iterable_ipns as $2gBB1$async_iterable_ipns, make_asyncIterable_exiter as $2gBB1$make_asyncIterable_exiter, href_change_ipns as $2gBB1$href_change_ipns, ContainedImage as $2gBB1$ContainedImage, buildThresholdList as $2gBB1$buildThresholdList, deparallelize_no_drop as $2gBB1$deparallelize_no_drop, PreviousSearchIcon as $2gBB1$PreviousSearchIcon, insert_surfaces as $2gBB1$insert_surfaces} from "@depict-ai/utilishared";
-import {template as $2gBB1$template, getNextElement as $2gBB1$getNextElement, getNextMarker as $2gBB1$getNextMarker, insert as $2gBB1$insert, effect as $2gBB1$effect, setAttribute as $2gBB1$setAttribute, createComponent as $2gBB1$createComponent, use as $2gBB1$use, memo as $2gBB1$memo, addEventListener as $2gBB1$addEventListener, runHydrationEvents as $2gBB1$runHydrationEvents, delegateEvents as $2gBB1$delegateEvents, spread as $2gBB1$spread, classList as $2gBB1$classList, style as $2gBB1$style, Dynamic as $2gBB1$Dynamic, mergeProps as $2gBB1$mergeProps, className as $2gBB1$className} from "solid-js/web";
-import {createSignal as $2gBB1$createSignal, onCleanup as $2gBB1$onCleanup, getOwner as $2gBB1$getOwner, createRoot as $2gBB1$createRoot, runWithOwner as $2gBB1$runWithOwner, createComputed as $2gBB1$createComputed, createRenderEffect as $2gBB1$createRenderEffect, createEffect as $2gBB1$createEffect, untrack as $2gBB1$untrack, batch as $2gBB1$batch, createResource as $2gBB1$createResource, createMemo as $2gBB1$createMemo, Show as $2gBB1$Show, createReaction as $2gBB1$createReaction, Suspense as $2gBB1$Suspense, on as $2gBB1$on, ErrorBoundary as $2gBB1$ErrorBoundary, For as $2gBB1$For, Index as $2gBB1$Index} from "solid-js";
+import {add_to_version_info as $2gBB1$add_to_version_info, fetch_recs as $2gBB1$fetch_recs, snakeCasifyObject as $2gBB1$snakeCasifyObject, GenericSliderArrowButton as $2gBB1$GenericSliderArrowButton, catchify as $2gBB1$catchify, instant_exec_on_suspect_history_change as $2gBB1$instant_exec_on_suspect_history_change, base_url as $2gBB1$base_url, dlog as $2gBB1$dlog, get_depict_id as $2gBB1$get_depict_id, get_user_id as $2gBB1$get_user_id, get_session_id as $2gBB1$get_session_id, make_url_with_query_params as $2gBB1$make_url_with_query_params, fetch_retry as $2gBB1$fetch_retry, add_version_query_params as $2gBB1$add_version_query_params, sort_obj as $2gBB1$sort_obj, Placeholder as $2gBB1$Placeholder, report as $2gBB1$report, javascript_media_query as $2gBB1$javascript_media_query, standard_price_format as $2gBB1$standard_price_format, observer as $2gBB1$observer, make_random_classname as $2gBB1$make_random_classname, n_col_styling_with_dist as $2gBB1$n_col_styling_with_dist, CrossIcon as $2gBB1$CrossIcon, useExpandingContainer as $2gBB1$useExpandingContainer, Amazing_Slider as $2gBB1$Amazing_Slider, slider_snap_css as $2gBB1$slider_snap_css, slider_fading_factory as $2gBB1$slider_fading_factory, MinusIcon as $2gBB1$MinusIcon, FilterIcon as $2gBB1$FilterIcon, SortIconAsc as $2gBB1$SortIconAsc, SortIconDesc as $2gBB1$SortIconDesc, PlusIcon as $2gBB1$PlusIcon, hsl_to_rgb as $2gBB1$hsl_to_rgb, relative_luminance_from_rgb as $2gBB1$relative_luminance_from_rgb, TickIcon as $2gBB1$TickIcon, ArrowUp as $2gBB1$ArrowUp, base64_encode_unicode as $2gBB1$base64_encode_unicode, base64_decode_unicode as $2gBB1$base64_decode_unicode, queueMacroTask as $2gBB1$queueMacroTask, dwarn as $2gBB1$dwarn, ContainedPlaceholderImage as $2gBB1$ContainedPlaceholderImage, BackIcon as $2gBB1$BackIcon, SearchIcon as $2gBB1$SearchIcon, Layout as $2gBB1$Layout, async_iterable_ipns as $2gBB1$async_iterable_ipns, make_asyncIterable_exiter as $2gBB1$make_asyncIterable_exiter, href_change_ipns as $2gBB1$href_change_ipns, ContainedImage as $2gBB1$ContainedImage, buildThresholdList as $2gBB1$buildThresholdList, deparallelize_no_drop as $2gBB1$deparallelize_no_drop, PreviousSearchIcon as $2gBB1$PreviousSearchIcon, insert_surfaces as $2gBB1$insert_surfaces} from "@depict-ai/utilishared";
+import {template as $2gBB1$template, getNextElement as $2gBB1$getNextElement, insert as $2gBB1$insert, effect as $2gBB1$effect, setAttribute as $2gBB1$setAttribute, createComponent as $2gBB1$createComponent, getNextMarker as $2gBB1$getNextMarker, use as $2gBB1$use, memo as $2gBB1$memo, addEventListener as $2gBB1$addEventListener, runHydrationEvents as $2gBB1$runHydrationEvents, delegateEvents as $2gBB1$delegateEvents, spread as $2gBB1$spread, classList as $2gBB1$classList, style as $2gBB1$style, Dynamic as $2gBB1$Dynamic, mergeProps as $2gBB1$mergeProps, className as $2gBB1$className} from "solid-js/web";
+import {createSignal as $2gBB1$createSignal, getOwner as $2gBB1$getOwner, createRoot as $2gBB1$createRoot, runWithOwner as $2gBB1$runWithOwner, onCleanup as $2gBB1$onCleanup, createComputed as $2gBB1$createComputed, createRenderEffect as $2gBB1$createRenderEffect, createEffect as $2gBB1$createEffect, untrack as $2gBB1$untrack, batch as $2gBB1$batch, createResource as $2gBB1$createResource, createMemo as $2gBB1$createMemo, Show as $2gBB1$Show, createReaction as $2gBB1$createReaction, Suspense as $2gBB1$Suspense, on as $2gBB1$on, ErrorBoundary as $2gBB1$ErrorBoundary, For as $2gBB1$For, Index as $2gBB1$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.5";
 
 
 
 
-
-
-
-
-const $23d09820c60b7015$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$2gBB1$template)(`<div>count: <!#><!/></div>`, 4), $23d09820c60b7015$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$2gBB1$template)(`<p>Here's a paragraph. And some <b>bold</b> text. BTW, count is <!#><!/>. And 10x:ed it's <!#><!/></p>`, 8);
-function $23d09820c60b7015$export$4f6abd76125ba82f({ start_at: start_at  }) {
-    const [count, setCount] = (0, $2gBB1$createSignal)(start_at ?? 0);
-    const interval = setInterval(()=>setCount((old)=>old + 1), 1000);
-    (0, $2gBB1$onCleanup)(()=>clearInterval(interval));
-    return [
-        (()=>{
-            const _el$ = (0, $2gBB1$getNextElement)($23d09820c60b7015$var$_tmpl$), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, [_el$4, _co$] = (0, $2gBB1$getNextMarker)(_el$3.nextSibling);
-            (0, $2gBB1$insert)(_el$, count, _el$4, _co$);
-            return _el$;
-        })(),
-        (()=>{
-            const _el$5 = (0, $2gBB1$getNextElement)($23d09820c60b7015$var$_tmpl$2), _el$6 = _el$5.firstChild, _el$7 = _el$6.nextSibling, _el$8 = _el$7.nextSibling, _el$10 = _el$8.nextSibling, [_el$11, _co$2] = (0, $2gBB1$getNextMarker)(_el$10.nextSibling), _el$9 = _el$11.nextSibling, _el$12 = _el$9.nextSibling, [_el$13, _co$3] = (0, $2gBB1$getNextMarker)(_el$12.nextSibling);
-            (0, $2gBB1$insert)(_el$5, count, _el$11, _co$2);
-            (0, $2gBB1$insert)(_el$5, ()=>count() * 10, _el$13, _co$3);
-            return _el$5;
-        })()
-    ];
-}
-
-
-
 async function $c58717f39bf51647$export$58e808b1db15d3bc({ merchant: merchant , market: market , headers: headers , ...fetch_recs_options }) {
     return await (0, $2gBB1$fetch_recs)({
         tenant: merchant,
@@ -333,6 +307,32 @@ function $8c0f86cb3e266eeb$export$a71e92cfbb498adc(props) {
 }
 
 
+
+
+function $8f9120a1ca151e6a$export$205efb947c7ffd78(handler, passive = true) {
+    const catchified_handler = (0, $2gBB1$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, $2gBB1$observer).onexists("body", ({ element: element  })=>{
+        element.addEventListener("scroll", catchified_handler, {
+            passive: passive
+        });
+        (0, $2gBB1$onCleanup)(()=>element.removeEventListener("scroll", catchified_handler));
+    });
+    (0, $2gBB1$onCleanup)(disconnect);
+    for (const event of [
+        "resize",
+        "orientationchange",
+        "scroll"
+    ]){
+        addEventListener(event, catchified_handler, {
+            passive: passive
+        });
+        (0, $2gBB1$onCleanup)(()=>removeEventListener(event, catchified_handler));
+    }
+}
+
+
 const $6db49ca163afa2c3$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$2gBB1$template)(`<div class="scroll-status" style="display:none"><span class="text"><b></b> – <b></b> <!#><!/> <b></b></span></div>`, 12);
 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, $2gBB1$createSignal)(0);
@@ -350,7 +350,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, $2gBB1$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();
@@ -367,17 +367,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, $2gBB1$onCleanup)(()=>removeEventListener(event, handle_scrollpos_change));
-    }
+    };
+    (0, $8f9120a1ca151e6a$export$205efb947c7ffd78)(handle_scrollpos_change);
     (0, $2gBB1$createEffect)(()=>{
         show_triggered();
         const first = get_first_result_in_viewport();
@@ -4284,6 +4275,7 @@ function $cdea4cf8c5c071ef$var$OpenSortingButton({ i18n_: i18n_ , get_current_so
 
 
 
+
 const $0b0380f75d729d63$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$2gBB1$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, $2gBB1$createSignal)(true);
@@ -4310,7 +4302,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, $2gBB1$createSignal)(!(0, $2gBB1$untrack)(get_search_filters_open_) && !(0, $2gBB1$untrack)(get_search_sorting_open_));
     const [regular_buttons_are_in_view, set_regular_buttons_are_in_view] = (0, $2gBB1$createSignal)(false);
-    const handle_scrollpos_change = (0, $2gBB1$catchify)(()=>(0, $2gBB1$untrack)(()=>{
+    const handle_scrollpos_change = ()=>(0, $2gBB1$untrack)(()=>{
             const new_pos = scrollY;
             if (modal_is_closed()) {
                 const diff = new_pos - old_pos;
@@ -4325,7 +4317,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, $2gBB1$catchify)((e)=>{
         is_in_touch_scroll = true;
         if (e.touches.length === 1) {
@@ -4348,16 +4340,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, $2gBB1$onCleanup)(()=>removeEventListener(event, handle_scrollpos_change));
-    }
+    (0, $8f9120a1ca151e6a$export$205efb947c7ffd78)(handle_scrollpos_change);
     (0, $2gBB1$onCleanup)(resolve_cleanup_promise);
     (0, $2gBB1$createComputed)(()=>{
         clearTimeout(timeout);
@@ -6280,6 +6263,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 = ()=>{
@@ -6312,8 +6296,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
@@ -6323,8 +6306,6 @@ function $b6d5529b253681aa$export$b3ad617e9036868(modal_body_style, input_field,
     (0, $2gBB1$onCleanup)((0, $2gBB1$catchify)(()=>{
         ro?.disconnect();
         resize_resize_observer.disconnect();
-        window.removeEventListener("resize", align_position);
-        window.removeEventListener("orientationchange", align_position);
     }));
     return align_position;
 }
@@ -8643,4 +8624,4 @@ class $753e9b2889a47c89$export$3ccaa27d81dd8556 extends EventTarget {
 (0, $2gBB1$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, $ec291e0010116877$export$83d89fbfd8236492 as version};

package/ssr/{client/index.d.ts → 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.5";
 export type OnNavigation = ((options: {
     is_replace: boolean;
     new_url: URL;