@depict-ai/ui 1.0.3 → 1.0.5

package/.idea/GitLink.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="uk.co.ben_gibson.git.link.SettingsState">
+    <option name="host" value="16abfb4c-4717-4d04-a8f1-7a40fcac9b07" />
+  </component>
+</project>

package/.idea/modules.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/ui.iml" filepath="$PROJECT_DIR$/.idea/ui.iml" />
+    </modules>
+  </component>
+</project>

package/.idea/ui.iml

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="WEB_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$">
+      <excludeFolder url="file://$MODULE_DIR$/.tmp" />
+      <excludeFolder url="file://$MODULE_DIR$/temp" />
+      <excludeFolder url="file://$MODULE_DIR$/tmp" />
+    </content>
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>

package/.idea/vcs.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="$PROJECT_DIR$/../../.." vcs="Git" />
+  </component>
+</project>

package/.idea/workspace.xml

@@ -0,0 +1,53 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ChangeListManager">
+    <list default="true" id="8fb005d5-010e-47cc-ae0c-ebe2817ecfd0" name="Changes" comment="">
+      <change beforePath="$PROJECT_DIR$/../utilishared/src/components/Placeholder.tsx" beforeDir="false" afterPath="$PROJECT_DIR$/../utilishared/src/components/Placeholder.tsx" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/../../../storefronts/next-web/package.json" beforeDir="false" afterPath="$PROJECT_DIR$/../../../storefronts/next-web/package.json" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/../../../storefronts/next-web/yarn.lock" beforeDir="false" afterPath="$PROJECT_DIR$/../../../storefronts/next-web/yarn.lock" afterDir="false" />
+    </list>
+    <option name="SHOW_DIALOG" value="false" />
+    <option name="HIGHLIGHT_CONFLICTS" value="true" />
+    <option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
+    <option name="LAST_RESOLUTION" value="IGNORE" />
+  </component>
+  <component name="Git.Settings">
+    <option name="RECENT_GIT_ROOT_PATH" value="$PROJECT_DIR$/../../.." />
+  </component>
+  <component name="MarkdownSettingsMigration">
+    <option name="stateVersion" value="1" />
+  </component>
+  <component name="ProjectId" id="2P0qK3tmIHFTEmciJk9OSlP6jTP" />
+  <component name="ProjectViewState">
+    <option name="autoscrollFromSource" value="true" />
+    <option name="autoscrollToSource" value="true" />
+    <option name="hideEmptyMiddlePackages" value="true" />
+    <option name="showLibraryContents" value="true" />
+  </component>
+  <component name="PropertiesComponent"><![CDATA[{
+  "keyToString": {
+    "RunOnceActivity.ShowReadmeOnStart": "true",
+    "WebServerToolWindowFactoryState": "false",
+    "git-widget-placeholder": "dt/improve__placeholders",
+    "nodejs_package_manager_path": "npm",
+    "settings.editor.selected.configurable": "settings.nodejs",
+    "ts.external.directory.path": "/Applications/WebStorm.app/Contents/plugins/javascript-impl/jsLanguageServicesImpl/external",
+    "vue.rearranger.settings.migration": "true"
+  }
+}]]></component>
+  <component name="SpellCheckerSettings" RuntimeDictionaries="0" Folders="0" CustomDictionaries="0" DefaultDictionary="application-level" UseSingleDictionary="true" transferred="true" />
+  <component name="TaskManager">
+    <task active="true" id="Default" summary="Default task">
+      <changelist id="8fb005d5-010e-47cc-ae0c-ebe2817ecfd0" name="Changes" comment="" />
+      <created>1682604279249</created>
+      <option name="number" value="Default" />
+      <option name="presentableId" value="Default" />
+      <updated>1682604279249</updated>
+      <workItem from="1682604280899" duration="29000" />
+    </task>
+    <servers />
+  </component>
+  <component name="TypeScriptGeneratedFilesManager">
+    <option name="version" value="3" />
+  </component>
+</project>

package/dist/index.d.ts

@@ -7,7 +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 const version = "1.0.5";
 export type OnNavigation = ((options: {
     is_replace: boolean;
     new_url: URL;

package/dist/main.js

@@ -34,7 +34,7 @@ $parcel$export(module.exports, "SolidFormatPrice", () => $5fc9fc23df1591db$expor
 $parcel$export(module.exports, "connect_search_field_height_to_aligner_height", () => $246e3e89a097f014$export$828dcdd425fd3231);
 $parcel$export(module.exports, "PageReplacer", () => $37e96a5ebc768cc7$export$3ccaa27d81dd8556);
 $parcel$export(module.exports, "version", () => $ae93561d5649a847$export$83d89fbfd8236492);
-/*! Depict.ai search and product listing SDK */ const $ae93561d5649a847$export$83d89fbfd8236492 = "1.0.3";
+/*! Depict.ai search and product listing SDK */ const $ae93561d5649a847$export$83d89fbfd8236492 = "1.0.5";
 
 
 
@@ -334,6 +334,32 @@ function $5fc9fc23df1591db$export$a71e92cfbb498adc(props) {
 }
 
 
+
+
+function $a1a6a9583c4e66ae$export$205efb947c7ffd78(handler, passive = true) {
+    const catchified_handler = (0, $46MJV$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, $46MJV$depictaiutilishared.observer).onexists("body", ({ element: element  })=>{
+        element.addEventListener("scroll", catchified_handler, {
+            passive: passive
+        });
+        (0, $46MJV$solidjs.onCleanup)(()=>element.removeEventListener("scroll", catchified_handler));
+    });
+    (0, $46MJV$solidjs.onCleanup)(disconnect);
+    for (const event of [
+        "resize",
+        "orientationchange",
+        "scroll"
+    ]){
+        addEventListener(event, catchified_handler, {
+            passive: passive
+        });
+        (0, $46MJV$solidjs.onCleanup)(()=>removeEventListener(event, catchified_handler));
+    }
+}
+
+
 const $08fa9d20f7ec85af$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="scroll-status" style="display:none"><span class="text"><b></b> – <b></b> <!> <b></b></span></div>`, 11);
 function $08fa9d20f7ec85af$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, $46MJV$solidjs.createSignal)(0);
@@ -351,7 +377,7 @@ function $08fa9d20f7ec85af$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, $46MJV$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();
@@ -368,17 +394,8 @@ function $08fa9d20f7ec85af$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, $46MJV$solidjs.onCleanup)(()=>removeEventListener(event, handle_scrollpos_change));
-    }
+    };
+    (0, $a1a6a9583c4e66ae$export$205efb947c7ffd78)(handle_scrollpos_change);
     (0, $46MJV$solidjs.createEffect)(()=>{
         show_triggered();
         const first = get_first_result_in_viewport();
@@ -4220,6 +4237,7 @@ function $881cb1745bafff7a$var$OpenSortingButton({ i18n_: i18n_ , get_current_so
 
 
 
+
 const $fd64465f894d1f29$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$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 $fd64465f894d1f29$export$b23abd26de154ede(props) {
     const [is_small, set_is_small] = (0, $46MJV$solidjs.createSignal)(true);
@@ -4246,7 +4264,7 @@ function $fd64465f894d1f29$var$ActualFloatingButtons({ search_filters_open_: [ge
     const [get_is_showing_toast] = (0, $b3e6a0e9382bf87e$export$22970a0140fc759c);
     const [modal_is_closed, set_if_modal_is_closed] = (0, $46MJV$solidjs.createSignal)(!(0, $46MJV$solidjs.untrack)(get_search_filters_open_) && !(0, $46MJV$solidjs.untrack)(get_search_sorting_open_));
     const [regular_buttons_are_in_view, set_regular_buttons_are_in_view] = (0, $46MJV$solidjs.createSignal)(false);
-    const handle_scrollpos_change = (0, $46MJV$depictaiutilishared.catchify)(()=>(0, $46MJV$solidjs.untrack)(()=>{
+    const handle_scrollpos_change = ()=>(0, $46MJV$solidjs.untrack)(()=>{
             const new_pos = scrollY;
             if (modal_is_closed()) {
                 const diff = new_pos - old_pos;
@@ -4261,7 +4279,7 @@ function $fd64465f894d1f29$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, $46MJV$depictaiutilishared.catchify)((e)=>{
         is_in_touch_scroll = true;
         if (e.touches.length === 1) {
@@ -4284,16 +4302,7 @@ function $fd64465f894d1f29$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, $46MJV$solidjs.onCleanup)(()=>removeEventListener(event, handle_scrollpos_change));
-    }
+    (0, $a1a6a9583c4e66ae$export$205efb947c7ffd78)(handle_scrollpos_change);
     (0, $46MJV$solidjs.onCleanup)(resolve_cleanup_promise);
     (0, $46MJV$solidjs.createComputed)(()=>{
         clearTimeout(timeout);
@@ -6192,6 +6201,7 @@ function $9f81b7ced87aabf2$var$make_state_saved_rows([get_showing_recommendation
 
 
 
+
 function $67b60b572b7b7059$export$b3ad617e9036868(modal_body_style, input_field, width_transformer, includeScroll, one_axies_only) {
     let aligned_this_microtask = false;
     const align_position = ()=>{
@@ -6224,8 +6234,7 @@ function $67b60b572b7b7059$export$b3ad617e9036868(modal_body_style, input_field,
         }));
         ro.observe(input_field);
     }
-    window.addEventListener("resize", align_position);
-    window.addEventListener("orientationchange", align_position);
+    (0, $a1a6a9583c4e66ae$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
@@ -6235,8 +6244,6 @@ function $67b60b572b7b7059$export$b3ad617e9036868(modal_body_style, input_field,
     (0, $46MJV$solidjs.onCleanup)((0, $46MJV$depictaiutilishared.catchify)(()=>{
         ro?.disconnect();
         resize_resize_observer.disconnect();
-        window.removeEventListener("resize", align_position);
-        window.removeEventListener("orientationchange", align_position);
     }));
     return align_position;
 }

package/dist/module.js

@@ -1,8 +1,8 @@
-import {add_to_version_info as $g9l4l$add_to_version_info, fetch_recs as $g9l4l$fetch_recs, snakeCasifyObject as $g9l4l$snakeCasifyObject, GenericSliderArrowButton as $g9l4l$GenericSliderArrowButton, catchify as $g9l4l$catchify, instant_exec_on_suspect_history_change as $g9l4l$instant_exec_on_suspect_history_change, base_url as $g9l4l$base_url, dlog as $g9l4l$dlog, get_depict_id as $g9l4l$get_depict_id, get_user_id as $g9l4l$get_user_id, get_session_id as $g9l4l$get_session_id, make_url_with_query_params as $g9l4l$make_url_with_query_params, fetch_retry as $g9l4l$fetch_retry, add_version_query_params as $g9l4l$add_version_query_params, sort_obj as $g9l4l$sort_obj, Placeholder as $g9l4l$Placeholder, report as $g9l4l$report, javascript_media_query as $g9l4l$javascript_media_query, standard_price_format as $g9l4l$standard_price_format, make_random_classname as $g9l4l$make_random_classname, n_col_styling_with_dist as $g9l4l$n_col_styling_with_dist, observer as $g9l4l$observer, CrossIcon as $g9l4l$CrossIcon, useExpandingContainer as $g9l4l$useExpandingContainer, Amazing_Slider as $g9l4l$Amazing_Slider, slider_snap_css as $g9l4l$slider_snap_css, slider_fading_factory as $g9l4l$slider_fading_factory, MinusIcon as $g9l4l$MinusIcon, FilterIcon as $g9l4l$FilterIcon, SortIconAsc as $g9l4l$SortIconAsc, SortIconDesc as $g9l4l$SortIconDesc, PlusIcon as $g9l4l$PlusIcon, hsl_to_rgb as $g9l4l$hsl_to_rgb, relative_luminance_from_rgb as $g9l4l$relative_luminance_from_rgb, TickIcon as $g9l4l$TickIcon, ArrowUp as $g9l4l$ArrowUp, base64_encode_unicode as $g9l4l$base64_encode_unicode, base64_decode_unicode as $g9l4l$base64_decode_unicode, queueMacroTask as $g9l4l$queueMacroTask, dwarn as $g9l4l$dwarn, ContainedPlaceholderImage as $g9l4l$ContainedPlaceholderImage, BackIcon as $g9l4l$BackIcon, SearchIcon as $g9l4l$SearchIcon, Layout as $g9l4l$Layout, async_iterable_ipns as $g9l4l$async_iterable_ipns, make_asyncIterable_exiter as $g9l4l$make_asyncIterable_exiter, href_change_ipns as $g9l4l$href_change_ipns, ContainedImage as $g9l4l$ContainedImage, buildThresholdList as $g9l4l$buildThresholdList, deparallelize_no_drop as $g9l4l$deparallelize_no_drop, PreviousSearchIcon as $g9l4l$PreviousSearchIcon, insert_surfaces as $g9l4l$insert_surfaces} from "@depict-ai/utilishared";
+import {add_to_version_info as $g9l4l$add_to_version_info, fetch_recs as $g9l4l$fetch_recs, snakeCasifyObject as $g9l4l$snakeCasifyObject, GenericSliderArrowButton as $g9l4l$GenericSliderArrowButton, catchify as $g9l4l$catchify, instant_exec_on_suspect_history_change as $g9l4l$instant_exec_on_suspect_history_change, base_url as $g9l4l$base_url, dlog as $g9l4l$dlog, get_depict_id as $g9l4l$get_depict_id, get_user_id as $g9l4l$get_user_id, get_session_id as $g9l4l$get_session_id, make_url_with_query_params as $g9l4l$make_url_with_query_params, fetch_retry as $g9l4l$fetch_retry, add_version_query_params as $g9l4l$add_version_query_params, sort_obj as $g9l4l$sort_obj, Placeholder as $g9l4l$Placeholder, report as $g9l4l$report, javascript_media_query as $g9l4l$javascript_media_query, standard_price_format as $g9l4l$standard_price_format, observer as $g9l4l$observer, make_random_classname as $g9l4l$make_random_classname, n_col_styling_with_dist as $g9l4l$n_col_styling_with_dist, CrossIcon as $g9l4l$CrossIcon, useExpandingContainer as $g9l4l$useExpandingContainer, Amazing_Slider as $g9l4l$Amazing_Slider, slider_snap_css as $g9l4l$slider_snap_css, slider_fading_factory as $g9l4l$slider_fading_factory, MinusIcon as $g9l4l$MinusIcon, FilterIcon as $g9l4l$FilterIcon, SortIconAsc as $g9l4l$SortIconAsc, SortIconDesc as $g9l4l$SortIconDesc, PlusIcon as $g9l4l$PlusIcon, hsl_to_rgb as $g9l4l$hsl_to_rgb, relative_luminance_from_rgb as $g9l4l$relative_luminance_from_rgb, TickIcon as $g9l4l$TickIcon, ArrowUp as $g9l4l$ArrowUp, base64_encode_unicode as $g9l4l$base64_encode_unicode, base64_decode_unicode as $g9l4l$base64_decode_unicode, queueMacroTask as $g9l4l$queueMacroTask, dwarn as $g9l4l$dwarn, ContainedPlaceholderImage as $g9l4l$ContainedPlaceholderImage, BackIcon as $g9l4l$BackIcon, SearchIcon as $g9l4l$SearchIcon, Layout as $g9l4l$Layout, async_iterable_ipns as $g9l4l$async_iterable_ipns, make_asyncIterable_exiter as $g9l4l$make_asyncIterable_exiter, href_change_ipns as $g9l4l$href_change_ipns, ContainedImage as $g9l4l$ContainedImage, buildThresholdList as $g9l4l$buildThresholdList, deparallelize_no_drop as $g9l4l$deparallelize_no_drop, PreviousSearchIcon as $g9l4l$PreviousSearchIcon, insert_surfaces as $g9l4l$insert_surfaces} from "@depict-ai/utilishared";
 import {template as $g9l4l$template, insert as $g9l4l$insert, effect as $g9l4l$effect, setAttribute as $g9l4l$setAttribute, createComponent as $g9l4l$createComponent, use as $g9l4l$use, memo as $g9l4l$memo, addEventListener as $g9l4l$addEventListener, delegateEvents as $g9l4l$delegateEvents, spread as $g9l4l$spread, classList as $g9l4l$classList, style as $g9l4l$style, Dynamic as $g9l4l$Dynamic, mergeProps as $g9l4l$mergeProps, className as $g9l4l$className} from "solid-js/web";
 import {createSignal as $g9l4l$createSignal, getOwner as $g9l4l$getOwner, createRoot as $g9l4l$createRoot, runWithOwner as $g9l4l$runWithOwner, onCleanup as $g9l4l$onCleanup, createComputed as $g9l4l$createComputed, createRenderEffect as $g9l4l$createRenderEffect, createEffect as $g9l4l$createEffect, untrack as $g9l4l$untrack, batch as $g9l4l$batch, createResource as $g9l4l$createResource, createMemo as $g9l4l$createMemo, Show as $g9l4l$Show, createReaction as $g9l4l$createReaction, Suspense as $g9l4l$Suspense, on as $g9l4l$on, ErrorBoundary as $g9l4l$ErrorBoundary, For as $g9l4l$For, Index as $g9l4l$Index} from "solid-js";
 
-/*! Depict.ai search and product listing SDK */ const $18bf1d29fb889cca$export$83d89fbfd8236492 = "1.0.3";
+/*! Depict.ai search and product listing SDK */ const $18bf1d29fb889cca$export$83d89fbfd8236492 = "1.0.5";
 
 
 
@@ -302,6 +302,32 @@ function $5178263ed1e394ca$export$a71e92cfbb498adc(props) {
 }
 
 
+
+
+function $171b6a474d2e9601$export$205efb947c7ffd78(handler, passive = true) {
+    const catchified_handler = (0, $g9l4l$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, $g9l4l$observer).onexists("body", ({ element: element  })=>{
+        element.addEventListener("scroll", catchified_handler, {
+            passive: passive
+        });
+        (0, $g9l4l$onCleanup)(()=>element.removeEventListener("scroll", catchified_handler));
+    });
+    (0, $g9l4l$onCleanup)(disconnect);
+    for (const event of [
+        "resize",
+        "orientationchange",
+        "scroll"
+    ]){
+        addEventListener(event, catchified_handler, {
+            passive: passive
+        });
+        (0, $g9l4l$onCleanup)(()=>removeEventListener(event, catchified_handler));
+    }
+}
+
+
 const $51b5c03492337d58$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="scroll-status" style="display:none"><span class="text"><b></b> – <b></b> <!> <b></b></span></div>`, 11);
 function $51b5c03492337d58$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, $g9l4l$createSignal)(0);
@@ -319,7 +345,7 @@ function $51b5c03492337d58$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, $g9l4l$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();
@@ -336,17 +362,8 @@ function $51b5c03492337d58$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, $g9l4l$onCleanup)(()=>removeEventListener(event, handle_scrollpos_change));
-    }
+    };
+    (0, $171b6a474d2e9601$export$205efb947c7ffd78)(handle_scrollpos_change);
     (0, $g9l4l$createEffect)(()=>{
         show_triggered();
         const first = get_first_result_in_viewport();
@@ -4188,6 +4205,7 @@ function $bf7fe049e78f975a$var$OpenSortingButton({ i18n_: i18n_ , get_current_so
 
 
 
+
 const $4a2667e8d77eb55a$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$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 $4a2667e8d77eb55a$export$b23abd26de154ede(props) {
     const [is_small, set_is_small] = (0, $g9l4l$createSignal)(true);
@@ -4214,7 +4232,7 @@ function $4a2667e8d77eb55a$var$ActualFloatingButtons({ search_filters_open_: [ge
     const [get_is_showing_toast] = (0, $886fa987db4f3805$export$22970a0140fc759c);
     const [modal_is_closed, set_if_modal_is_closed] = (0, $g9l4l$createSignal)(!(0, $g9l4l$untrack)(get_search_filters_open_) && !(0, $g9l4l$untrack)(get_search_sorting_open_));
     const [regular_buttons_are_in_view, set_regular_buttons_are_in_view] = (0, $g9l4l$createSignal)(false);
-    const handle_scrollpos_change = (0, $g9l4l$catchify)(()=>(0, $g9l4l$untrack)(()=>{
+    const handle_scrollpos_change = ()=>(0, $g9l4l$untrack)(()=>{
             const new_pos = scrollY;
             if (modal_is_closed()) {
                 const diff = new_pos - old_pos;
@@ -4229,7 +4247,7 @@ function $4a2667e8d77eb55a$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, $g9l4l$catchify)((e)=>{
         is_in_touch_scroll = true;
         if (e.touches.length === 1) {
@@ -4252,16 +4270,7 @@ function $4a2667e8d77eb55a$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, $g9l4l$onCleanup)(()=>removeEventListener(event, handle_scrollpos_change));
-    }
+    (0, $171b6a474d2e9601$export$205efb947c7ffd78)(handle_scrollpos_change);
     (0, $g9l4l$onCleanup)(resolve_cleanup_promise);
     (0, $g9l4l$createComputed)(()=>{
         clearTimeout(timeout);
@@ -6160,6 +6169,7 @@ function $aee0c68312d971f4$var$make_state_saved_rows([get_showing_recommendation
 
 
 
+
 function $079defea521d5e2a$export$b3ad617e9036868(modal_body_style, input_field, width_transformer, includeScroll, one_axies_only) {
     let aligned_this_microtask = false;
     const align_position = ()=>{
@@ -6192,8 +6202,7 @@ function $079defea521d5e2a$export$b3ad617e9036868(modal_body_style, input_field,
         }));
         ro.observe(input_field);
     }
-    window.addEventListener("resize", align_position);
-    window.addEventListener("orientationchange", align_position);
+    (0, $171b6a474d2e9601$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
@@ -6203,8 +6212,6 @@ function $079defea521d5e2a$export$b3ad617e9036868(modal_body_style, input_field,
     (0, $g9l4l$onCleanup)((0, $g9l4l$catchify)(()=>{
         ro?.disconnect();
         resize_resize_observer.disconnect();
-        window.removeEventListener("resize", align_position);
-        window.removeEventListener("orientationchange", align_position);
     }));
     return align_position;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@depict-ai/ui",
-  "version": "1.0.3",
+  "version": "1.0.5",
   "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": [
@@ -92,9 +92,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.5",
+    "@depict-ai/types": "^1.0.4",
+    "@depict-ai/utilishared": "^1.0.4",
     "solid-js": "^1.7.3"
   },
   "types": "dist/index.d.ts"