@depict-ai/ui 4.0.12 → 4.0.14

package/ES10/index.cjs

@@ -94,7 +94,7 @@ $parcel$export(module.exports, "defaultCategoryTitlePlugin", () => $33eed84f447a
 $parcel$export(module.exports, "version", () => $aa1938dec50d6c12$export$83d89fbfd8236492);
 $parcel$export(module.exports, "SearchField", () => $98aef9965764903d$export$316f6f283ae64765);
 /*! Depict.ai search and product listing SDK */
-const $aa1938dec50d6c12$export$83d89fbfd8236492 = "4.0.12";
+const $aa1938dec50d6c12$export$83d89fbfd8236492 = "4.0.14";
 function $a28000bc10de28ad$export$e417c49320921907(dependency, fetcher) {
   const [promiseOfCurrentFetcherRun, setPromiseOfCurrentFetcherRun] = $52FdA$solidjs.createSignal();
   const deparallelizedFetcher = $52FdA$depictaiutilishared.deparallelize_no_drop(async dependencyValue => {
@@ -13660,9 +13660,9 @@ function $a60bc7692ce52705$export$44f738469d5570cf(_ref) {
         zIndex: +zIndexOfFake + 1
       } : {})
     });
-    const pxOffCenter = $52FdA$solidjs.untrack(innerWidthReactive) / 2 - (left + width / 2);
-    const openDuration_ = pxOffCenter > 100 ? 250 : 125; // faster animations if little left-right movement
-    const closeDuration_ = pxOffCenter > 100 ? 150 : 100;
+    const pxOffCenter = Math.abs($52FdA$solidjs.untrack(innerWidthReactive) / 2 - (left + width / 2));
+    const openDuration_ = pxOffCenter > 100 ? pxOffCenter > 400 ? 350 : 250 : 125; // faster animations if little left-right movement
+    const closeDuration_ = pxOffCenter > 100 ? pxOffCenter > 400 ? 250 : 150 : 100;
     setPollAlignment_(true);
     // Fade out submit button so there aren't two overlapping buttons for a split second
     submitButton_.animate([{
@@ -14777,6 +14777,7 @@ const $a24cfef36ef12dc5$export$d86a33413558014e = openModalParams => {
     search: search,
     makesNewSearch = true
   } = openModalParams;
+  let cleanup;
   openModalParams.location || (openModalParams.location = "centered");
   if (openModalParams.location === "aligned" && !openModalParams.element) throw new Error("No active search header aligner on the page!");
   if (openModalParams.location !== "aligned") {
@@ -14794,9 +14795,9 @@ const $a24cfef36ef12dc5$export$d86a33413558014e = openModalParams => {
     }];
     return;
   }
-  const {
+  if (!openModalParams.ignoreFieldSize_) ({
     cleanup: cleanup
-  } = $98bd00c15a2e3159$export$828dcdd425fd3231(openModalParams.element);
+  } = $98bd00c15a2e3159$export$828dcdd425fd3231(openModalParams.element));
   let dispose_aligner;
   /**
   * Setting position to fixed is important to make the modal work with align_field.
@@ -14809,7 +14810,8 @@ const $a24cfef36ef12dc5$export$d86a33413558014e = openModalParams => {
   };
   $52FdA$solidjs.createRoot(dispose => {
     dispose_aligner = () => {
-      cleanup();
+      var _cleanup;
+      (_cleanup = cleanup) === null || _cleanup === void 0 || _cleanup();
       dispose();
     };
     $d6ed4dbb6507996d$export$b3ad617e9036868(alignmentSignals_, openModalParams.element, (0, $d6ed4dbb6507996d$export$3f238c96c45e6cc6));

package/ES10/index.d.ts

@@ -10,7 +10,7 @@ import { ProductListingRequestV3 } from "@depict-ai/types/api/ProductListingRequ
 import { GetListingRequest } from "@depict-ai/types/api/GetListingRequest";
 import { BaseSearchRequestV3 } from "@depict-ai/types/api/BaseSearchRequestV3";
 import { SearchFilter as _SearchFilter2 } from "@depict-ai/types/api/SearchRequestV2";
-export const version = "4.0.12";
+export const version = "4.0.14";
 export type ModalAlignmentSignals = {
   body_: Signal<JSX.CSSProperties>;
   field_: Signal<JSX.CSSProperties>;
@@ -1323,6 +1323,10 @@ type CenteredLocation = {
 type AlignedLocation = {
   location: "aligned";
   element: HTMLElement;
+  /**
+   * If true, the height of the search field in the modal won't be set to the height of the element we're aligning to
+   */
+  ignoreFieldSize_?: boolean;
 };
 /**
  * How the modal should be opened.

package/ES10/index.js

@@ -10,7 +10,7 @@ import { createStore as $8tj43$createStore, reconcile as $8tj43$reconcile } from
 /*! Depict.ai search and product listing SDK */
 import { register_es_version } from "../multi_import_deduplicator.mjs";
 register_es_version("ui", "ES10");
-const $8db9a15135765c11$export$83d89fbfd8236492 = "4.0.12";
+const $8db9a15135765c11$export$83d89fbfd8236492 = "4.0.14";
 function $a604a8ffa4e4c03f$export$e417c49320921907(dependency, fetcher) {
   const [promiseOfCurrentFetcherRun, setPromiseOfCurrentFetcherRun] = $8tj43$createSignal();
   const deparallelizedFetcher = $8tj43$deparallelize_no_drop(async dependencyValue => {
@@ -13576,9 +13576,9 @@ function $937791b86d3d1509$export$44f738469d5570cf(_ref) {
         zIndex: +zIndexOfFake + 1
       } : {})
     });
-    const pxOffCenter = $8tj43$untrack(innerWidthReactive) / 2 - (left + width / 2);
-    const openDuration_ = pxOffCenter > 100 ? 250 : 125; // faster animations if little left-right movement
-    const closeDuration_ = pxOffCenter > 100 ? 150 : 100;
+    const pxOffCenter = Math.abs($8tj43$untrack(innerWidthReactive) / 2 - (left + width / 2));
+    const openDuration_ = pxOffCenter > 100 ? pxOffCenter > 400 ? 350 : 250 : 125; // faster animations if little left-right movement
+    const closeDuration_ = pxOffCenter > 100 ? pxOffCenter > 400 ? 250 : 150 : 100;
     setPollAlignment_(true);
     // Fade out submit button so there aren't two overlapping buttons for a split second
     submitButton_.animate([{
@@ -14693,6 +14693,7 @@ const $169c13c0531d91d2$export$d86a33413558014e = openModalParams => {
     search: search,
     makesNewSearch = true
   } = openModalParams;
+  let cleanup;
   openModalParams.location || (openModalParams.location = "centered");
   if (openModalParams.location === "aligned" && !openModalParams.element) throw new Error("No active search header aligner on the page!");
   if (openModalParams.location !== "aligned") {
@@ -14710,9 +14711,9 @@ const $169c13c0531d91d2$export$d86a33413558014e = openModalParams => {
     }];
     return;
   }
-  const {
+  if (!openModalParams.ignoreFieldSize_) ({
     cleanup: cleanup
-  } = $37e8c97bb6876197$export$828dcdd425fd3231(openModalParams.element);
+  } = $37e8c97bb6876197$export$828dcdd425fd3231(openModalParams.element));
   let dispose_aligner;
   /**
   * Setting position to fixed is important to make the modal work with align_field.
@@ -14725,7 +14726,8 @@ const $169c13c0531d91d2$export$d86a33413558014e = openModalParams => {
   };
   $8tj43$createRoot(dispose => {
     dispose_aligner = () => {
-      cleanup();
+      var _cleanup;
+      (_cleanup = cleanup) === null || _cleanup === void 0 || _cleanup();
       dispose();
     };
     $1308a7816c3d4f2d$export$b3ad617e9036868(alignmentSignals_, openModalParams.element, (0, $1308a7816c3d4f2d$export$3f238c96c45e6cc6));

package/latest/index.cjs

@@ -88,7 +88,7 @@ $parcel$export(module.exports, "defaultCategoryTitlePlugin", () => $a3280f0aad99
 $parcel$export(module.exports, "version", () => $b757f75811f3261f$export$83d89fbfd8236492);
 $parcel$export(module.exports, "SearchField", () => $c0a0659cf97e8eb2$export$316f6f283ae64765);
 /*! Depict.ai search and product listing SDK */
-const $b757f75811f3261f$export$83d89fbfd8236492 = "4.0.12";
+const $b757f75811f3261f$export$83d89fbfd8236492 = "4.0.14";
 function $53df95e470b2f8d2$export$e417c49320921907(dependency, fetcher) {
   const [promiseOfCurrentFetcherRun, setPromiseOfCurrentFetcherRun] = $gVhhF$solidjs.createSignal();
   const deparallelizedFetcher = $gVhhF$depictaiutilishared.deparallelize_no_drop(async dependencyValue => {
@@ -12835,9 +12835,9 @@ function $5cbaffcb5602e671$export$44f738469d5570cf({
         zIndex: +zIndexOfFake + 1
       } : {})
     });
-    const pxOffCenter = $gVhhF$solidjs.untrack(innerWidthReactive) / 2 - (left + width / 2);
-    const openDuration_ = pxOffCenter > 100 ? 250 : 125; // faster animations if little left-right movement
-    const closeDuration_ = pxOffCenter > 100 ? 150 : 100;
+    const pxOffCenter = Math.abs($gVhhF$solidjs.untrack(innerWidthReactive) / 2 - (left + width / 2));
+    const openDuration_ = pxOffCenter > 100 ? pxOffCenter > 400 ? 350 : 250 : 125; // faster animations if little left-right movement
+    const closeDuration_ = pxOffCenter > 100 ? pxOffCenter > 400 ? 250 : 150 : 100;
     setPollAlignment_(true);
     // Fade out submit button so there aren't two overlapping buttons for a split second
     submitButton_.animate([{
@@ -13835,6 +13835,7 @@ const $9c143d25df1fc2a2$export$d86a33413558014e = openModalParams => {
     search: search,
     makesNewSearch = true
   } = openModalParams;
+  let cleanup;
   openModalParams.location ||= "centered";
   if (openModalParams.location === "aligned" && !openModalParams.element) throw new Error("No active search header aligner on the page!");
   if (openModalParams.location !== "aligned") {
@@ -13852,9 +13853,9 @@ const $9c143d25df1fc2a2$export$d86a33413558014e = openModalParams => {
     }];
     return;
   }
-  const {
+  if (!openModalParams.ignoreFieldSize_) ({
     cleanup: cleanup
-  } = $d8e94ea381ab57fa$export$828dcdd425fd3231(openModalParams.element);
+  } = $d8e94ea381ab57fa$export$828dcdd425fd3231(openModalParams.element));
   let dispose_aligner;
   /**
   * Setting position to fixed is important to make the modal work with align_field.
@@ -13867,7 +13868,7 @@ const $9c143d25df1fc2a2$export$d86a33413558014e = openModalParams => {
   };
   $gVhhF$solidjs.createRoot(dispose => {
     dispose_aligner = () => {
-      cleanup();
+      cleanup?.();
       dispose();
     };
     $fd463ff0edb29915$export$b3ad617e9036868(alignmentSignals_, openModalParams.element, (0, $fd463ff0edb29915$export$3f238c96c45e6cc6));

package/latest/index.d.ts

@@ -10,7 +10,7 @@ import { ProductListingRequestV3 } from "@depict-ai/types/api/ProductListingRequ
 import { GetListingRequest } from "@depict-ai/types/api/GetListingRequest";
 import { BaseSearchRequestV3 } from "@depict-ai/types/api/BaseSearchRequestV3";
 import { SearchFilter as _SearchFilter2 } from "@depict-ai/types/api/SearchRequestV2";
-export const version = "4.0.12";
+export const version = "4.0.14";
 export type ModalAlignmentSignals = {
   body_: Signal<JSX.CSSProperties>;
   field_: Signal<JSX.CSSProperties>;
@@ -1323,6 +1323,10 @@ type CenteredLocation = {
 type AlignedLocation = {
   location: "aligned";
   element: HTMLElement;
+  /**
+   * If true, the height of the search field in the modal won't be set to the height of the element we're aligning to
+   */
+  ignoreFieldSize_?: boolean;
 };
 /**
  * How the modal should be opened.

package/latest/index.js

@@ -7,7 +7,7 @@ import { createStore as $9HbP8$createStore, reconcile as $9HbP8$reconcile } from
 /*! Depict.ai search and product listing SDK */
 import { register_es_version } from "../multi_import_deduplicator.mjs";
 register_es_version("ui", "latest");
-const $ec291e0010116877$export$83d89fbfd8236492 = "4.0.12";
+const $ec291e0010116877$export$83d89fbfd8236492 = "4.0.14";
 function $136f1d4d6c7ba6ac$export$e417c49320921907(dependency, fetcher) {
   const [promiseOfCurrentFetcherRun, setPromiseOfCurrentFetcherRun] = $9HbP8$createSignal();
   const deparallelizedFetcher = $9HbP8$deparallelize_no_drop(async dependencyValue => {
@@ -12754,9 +12754,9 @@ function $0e562a5b247b1fc2$export$44f738469d5570cf({
         zIndex: +zIndexOfFake + 1
       } : {})
     });
-    const pxOffCenter = $9HbP8$untrack(innerWidthReactive) / 2 - (left + width / 2);
-    const openDuration_ = pxOffCenter > 100 ? 250 : 125; // faster animations if little left-right movement
-    const closeDuration_ = pxOffCenter > 100 ? 150 : 100;
+    const pxOffCenter = Math.abs($9HbP8$untrack(innerWidthReactive) / 2 - (left + width / 2));
+    const openDuration_ = pxOffCenter > 100 ? pxOffCenter > 400 ? 350 : 250 : 125; // faster animations if little left-right movement
+    const closeDuration_ = pxOffCenter > 100 ? pxOffCenter > 400 ? 250 : 150 : 100;
     setPollAlignment_(true);
     // Fade out submit button so there aren't two overlapping buttons for a split second
     submitButton_.animate([{
@@ -13754,6 +13754,7 @@ const $6891c018a834cfdd$export$d86a33413558014e = openModalParams => {
     search: search,
     makesNewSearch = true
   } = openModalParams;
+  let cleanup;
   openModalParams.location ||= "centered";
   if (openModalParams.location === "aligned" && !openModalParams.element) throw new Error("No active search header aligner on the page!");
   if (openModalParams.location !== "aligned") {
@@ -13771,9 +13772,9 @@ const $6891c018a834cfdd$export$d86a33413558014e = openModalParams => {
     }];
     return;
   }
-  const {
+  if (!openModalParams.ignoreFieldSize_) ({
     cleanup: cleanup
-  } = $4ca91518c9a35379$export$828dcdd425fd3231(openModalParams.element);
+  } = $4ca91518c9a35379$export$828dcdd425fd3231(openModalParams.element));
   let dispose_aligner;
   /**
   * Setting position to fixed is important to make the modal work with align_field.
@@ -13786,7 +13787,7 @@ const $6891c018a834cfdd$export$d86a33413558014e = openModalParams => {
   };
   $9HbP8$createRoot(dispose => {
     dispose_aligner = () => {
-      cleanup();
+      cleanup?.();
       dispose();
     };
     $b6d5529b253681aa$export$b3ad617e9036868(alignmentSignals_, openModalParams.element, (0, $b6d5529b253681aa$export$3f238c96c45e6cc6));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@depict-ai/ui",
-  "version": "4.0.12",
+  "version": "4.0.14",
   "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",
   "sass": "styles.scss",

package/server/ES10/index.cjs

@@ -94,7 +94,7 @@ $parcel$export(module.exports, "defaultCategoryTitlePlugin", () => $33eed84f447a
 $parcel$export(module.exports, "version", () => $aa1938dec50d6c12$export$83d89fbfd8236492);
 $parcel$export(module.exports, "SearchField", () => $98aef9965764903d$export$316f6f283ae64765);
 /*! Depict.ai search and product listing SDK */
-const $aa1938dec50d6c12$export$83d89fbfd8236492 = "4.0.12";
+const $aa1938dec50d6c12$export$83d89fbfd8236492 = "4.0.14";
 function $a28000bc10de28ad$export$e417c49320921907(dependency, fetcher) {
   const [promiseOfCurrentFetcherRun, setPromiseOfCurrentFetcherRun] = $3hooq$solidjs.createSignal();
   const deparallelizedFetcher = $3hooq$depictaiutilishared.deparallelize_no_drop(async dependencyValue => {
@@ -11222,9 +11222,9 @@ function $a60bc7692ce52705$export$44f738469d5570cf(_ref) {
         zIndex: +zIndexOfFake + 1
       } : {})
     });
-    const pxOffCenter = $3hooq$solidjs.untrack(innerWidthReactive) / 2 - (left + width / 2);
-    const openDuration_ = pxOffCenter > 100 ? 250 : 125; // faster animations if little left-right movement
-    const closeDuration_ = pxOffCenter > 100 ? 150 : 100;
+    const pxOffCenter = Math.abs($3hooq$solidjs.untrack(innerWidthReactive) / 2 - (left + width / 2));
+    const openDuration_ = pxOffCenter > 100 ? pxOffCenter > 400 ? 350 : 250 : 125; // faster animations if little left-right movement
+    const closeDuration_ = pxOffCenter > 100 ? pxOffCenter > 400 ? 250 : 150 : 100;
     setPollAlignment_(true);
     // Fade out submit button so there aren't two overlapping buttons for a split second
     submitButton_.animate([{
@@ -12298,6 +12298,7 @@ const $a24cfef36ef12dc5$export$d86a33413558014e = openModalParams => {
     search: search,
     makesNewSearch = true
   } = openModalParams;
+  let cleanup;
   openModalParams.location || (openModalParams.location = "centered");
   if (openModalParams.location === "aligned" && !openModalParams.element) throw new Error("No active search header aligner on the page!");
   if (openModalParams.location !== "aligned") {
@@ -12315,9 +12316,9 @@ const $a24cfef36ef12dc5$export$d86a33413558014e = openModalParams => {
     }];
     return;
   }
-  const {
+  if (!openModalParams.ignoreFieldSize_) ({
     cleanup: cleanup
-  } = $98bd00c15a2e3159$export$828dcdd425fd3231(openModalParams.element);
+  } = $98bd00c15a2e3159$export$828dcdd425fd3231(openModalParams.element));
   let dispose_aligner;
   /**
   * Setting position to fixed is important to make the modal work with align_field.
@@ -12330,7 +12331,8 @@ const $a24cfef36ef12dc5$export$d86a33413558014e = openModalParams => {
   };
   $3hooq$solidjs.createRoot(dispose => {
     dispose_aligner = () => {
-      cleanup();
+      var _cleanup;
+      (_cleanup = cleanup) === null || _cleanup === void 0 || _cleanup();
       dispose();
     };
     $d6ed4dbb6507996d$export$b3ad617e9036868(alignmentSignals_, openModalParams.element, (0, $d6ed4dbb6507996d$export$3f238c96c45e6cc6));

package/server/ES10/index.d.ts

@@ -10,7 +10,7 @@ import { ProductListingRequestV3 } from "@depict-ai/types/api/ProductListingRequ
 import { GetListingRequest } from "@depict-ai/types/api/GetListingRequest";
 import { BaseSearchRequestV3 } from "@depict-ai/types/api/BaseSearchRequestV3";
 import { SearchFilter as _SearchFilter2 } from "@depict-ai/types/api/SearchRequestV2";
-export const version = "4.0.12";
+export const version = "4.0.14";
 export type ModalAlignmentSignals = {
   body_: Signal<JSX.CSSProperties>;
   field_: Signal<JSX.CSSProperties>;
@@ -1323,6 +1323,10 @@ type CenteredLocation = {
 type AlignedLocation = {
   location: "aligned";
   element: HTMLElement;
+  /**
+   * If true, the height of the search field in the modal won't be set to the height of the element we're aligning to
+   */
+  ignoreFieldSize_?: boolean;
 };
 /**
  * How the modal should be opened.

package/server/ES10/index.js

@@ -10,7 +10,7 @@ import { createStore as $b8hua$createStore, reconcile as $b8hua$reconcile } from
 /*! Depict.ai search and product listing SDK */
 import { register_es_version } from "../../multi_import_deduplicator.mjs";
 register_es_version("ui", "ES10");
-const $8db9a15135765c11$export$83d89fbfd8236492 = "4.0.12";
+const $8db9a15135765c11$export$83d89fbfd8236492 = "4.0.14";
 function $a604a8ffa4e4c03f$export$e417c49320921907(dependency, fetcher) {
   const [promiseOfCurrentFetcherRun, setPromiseOfCurrentFetcherRun] = $b8hua$createSignal();
   const deparallelizedFetcher = $b8hua$deparallelize_no_drop(async dependencyValue => {
@@ -11138,9 +11138,9 @@ function $937791b86d3d1509$export$44f738469d5570cf(_ref) {
         zIndex: +zIndexOfFake + 1
       } : {})
     });
-    const pxOffCenter = $b8hua$untrack(innerWidthReactive) / 2 - (left + width / 2);
-    const openDuration_ = pxOffCenter > 100 ? 250 : 125; // faster animations if little left-right movement
-    const closeDuration_ = pxOffCenter > 100 ? 150 : 100;
+    const pxOffCenter = Math.abs($b8hua$untrack(innerWidthReactive) / 2 - (left + width / 2));
+    const openDuration_ = pxOffCenter > 100 ? pxOffCenter > 400 ? 350 : 250 : 125; // faster animations if little left-right movement
+    const closeDuration_ = pxOffCenter > 100 ? pxOffCenter > 400 ? 250 : 150 : 100;
     setPollAlignment_(true);
     // Fade out submit button so there aren't two overlapping buttons for a split second
     submitButton_.animate([{
@@ -12214,6 +12214,7 @@ const $169c13c0531d91d2$export$d86a33413558014e = openModalParams => {
     search: search,
     makesNewSearch = true
   } = openModalParams;
+  let cleanup;
   openModalParams.location || (openModalParams.location = "centered");
   if (openModalParams.location === "aligned" && !openModalParams.element) throw new Error("No active search header aligner on the page!");
   if (openModalParams.location !== "aligned") {
@@ -12231,9 +12232,9 @@ const $169c13c0531d91d2$export$d86a33413558014e = openModalParams => {
     }];
     return;
   }
-  const {
+  if (!openModalParams.ignoreFieldSize_) ({
     cleanup: cleanup
-  } = $37e8c97bb6876197$export$828dcdd425fd3231(openModalParams.element);
+  } = $37e8c97bb6876197$export$828dcdd425fd3231(openModalParams.element));
   let dispose_aligner;
   /**
   * Setting position to fixed is important to make the modal work with align_field.
@@ -12246,7 +12247,8 @@ const $169c13c0531d91d2$export$d86a33413558014e = openModalParams => {
   };
   $b8hua$createRoot(dispose => {
     dispose_aligner = () => {
-      cleanup();
+      var _cleanup;
+      (_cleanup = cleanup) === null || _cleanup === void 0 || _cleanup();
       dispose();
     };
     $1308a7816c3d4f2d$export$b3ad617e9036868(alignmentSignals_, openModalParams.element, (0, $1308a7816c3d4f2d$export$3f238c96c45e6cc6));

package/server/latest/index.cjs

@@ -88,7 +88,7 @@ $parcel$export(module.exports, "defaultCategoryTitlePlugin", () => $a3280f0aad99
 $parcel$export(module.exports, "version", () => $b757f75811f3261f$export$83d89fbfd8236492);
 $parcel$export(module.exports, "SearchField", () => $c0a0659cf97e8eb2$export$316f6f283ae64765);
 /*! Depict.ai search and product listing SDK */
-const $b757f75811f3261f$export$83d89fbfd8236492 = "4.0.12";
+const $b757f75811f3261f$export$83d89fbfd8236492 = "4.0.14";
 function $53df95e470b2f8d2$export$e417c49320921907(dependency, fetcher) {
   const [promiseOfCurrentFetcherRun, setPromiseOfCurrentFetcherRun] = $5vyXB$solidjs.createSignal();
   const deparallelizedFetcher = $5vyXB$depictaiutilishared.deparallelize_no_drop(async dependencyValue => {
@@ -10469,9 +10469,9 @@ function $5cbaffcb5602e671$export$44f738469d5570cf({
         zIndex: +zIndexOfFake + 1
       } : {})
     });
-    const pxOffCenter = $5vyXB$solidjs.untrack(innerWidthReactive) / 2 - (left + width / 2);
-    const openDuration_ = pxOffCenter > 100 ? 250 : 125; // faster animations if little left-right movement
-    const closeDuration_ = pxOffCenter > 100 ? 150 : 100;
+    const pxOffCenter = Math.abs($5vyXB$solidjs.untrack(innerWidthReactive) / 2 - (left + width / 2));
+    const openDuration_ = pxOffCenter > 100 ? pxOffCenter > 400 ? 350 : 250 : 125; // faster animations if little left-right movement
+    const closeDuration_ = pxOffCenter > 100 ? pxOffCenter > 400 ? 250 : 150 : 100;
     setPollAlignment_(true);
     // Fade out submit button so there aren't two overlapping buttons for a split second
     submitButton_.animate([{
@@ -11428,6 +11428,7 @@ const $9c143d25df1fc2a2$export$d86a33413558014e = openModalParams => {
     search: search,
     makesNewSearch = true
   } = openModalParams;
+  let cleanup;
   openModalParams.location ||= "centered";
   if (openModalParams.location === "aligned" && !openModalParams.element) throw new Error("No active search header aligner on the page!");
   if (openModalParams.location !== "aligned") {
@@ -11445,9 +11446,9 @@ const $9c143d25df1fc2a2$export$d86a33413558014e = openModalParams => {
     }];
     return;
   }
-  const {
+  if (!openModalParams.ignoreFieldSize_) ({
     cleanup: cleanup
-  } = $d8e94ea381ab57fa$export$828dcdd425fd3231(openModalParams.element);
+  } = $d8e94ea381ab57fa$export$828dcdd425fd3231(openModalParams.element));
   let dispose_aligner;
   /**
   * Setting position to fixed is important to make the modal work with align_field.
@@ -11460,7 +11461,7 @@ const $9c143d25df1fc2a2$export$d86a33413558014e = openModalParams => {
   };
   $5vyXB$solidjs.createRoot(dispose => {
     dispose_aligner = () => {
-      cleanup();
+      cleanup?.();
       dispose();
     };
     $fd463ff0edb29915$export$b3ad617e9036868(alignmentSignals_, openModalParams.element, (0, $fd463ff0edb29915$export$3f238c96c45e6cc6));

package/server/latest/index.d.ts

@@ -10,7 +10,7 @@ import { ProductListingRequestV3 } from "@depict-ai/types/api/ProductListingRequ
 import { GetListingRequest } from "@depict-ai/types/api/GetListingRequest";
 import { BaseSearchRequestV3 } from "@depict-ai/types/api/BaseSearchRequestV3";
 import { SearchFilter as _SearchFilter2 } from "@depict-ai/types/api/SearchRequestV2";
-export const version = "4.0.12";
+export const version = "4.0.14";
 export type ModalAlignmentSignals = {
   body_: Signal<JSX.CSSProperties>;
   field_: Signal<JSX.CSSProperties>;
@@ -1323,6 +1323,10 @@ type CenteredLocation = {
 type AlignedLocation = {
   location: "aligned";
   element: HTMLElement;
+  /**
+   * If true, the height of the search field in the modal won't be set to the height of the element we're aligning to
+   */
+  ignoreFieldSize_?: boolean;
 };
 /**
  * How the modal should be opened.

package/server/latest/index.js

@@ -7,7 +7,7 @@ import { createStore as $i7OB2$createStore, reconcile as $i7OB2$reconcile } from
 /*! Depict.ai search and product listing SDK */
 import { register_es_version } from "../../multi_import_deduplicator.mjs";
 register_es_version("ui", "latest");
-const $ec291e0010116877$export$83d89fbfd8236492 = "4.0.12";
+const $ec291e0010116877$export$83d89fbfd8236492 = "4.0.14";
 function $136f1d4d6c7ba6ac$export$e417c49320921907(dependency, fetcher) {
   const [promiseOfCurrentFetcherRun, setPromiseOfCurrentFetcherRun] = $i7OB2$createSignal();
   const deparallelizedFetcher = $i7OB2$deparallelize_no_drop(async dependencyValue => {
@@ -10388,9 +10388,9 @@ function $0e562a5b247b1fc2$export$44f738469d5570cf({
         zIndex: +zIndexOfFake + 1
       } : {})
     });
-    const pxOffCenter = $i7OB2$untrack(innerWidthReactive) / 2 - (left + width / 2);
-    const openDuration_ = pxOffCenter > 100 ? 250 : 125; // faster animations if little left-right movement
-    const closeDuration_ = pxOffCenter > 100 ? 150 : 100;
+    const pxOffCenter = Math.abs($i7OB2$untrack(innerWidthReactive) / 2 - (left + width / 2));
+    const openDuration_ = pxOffCenter > 100 ? pxOffCenter > 400 ? 350 : 250 : 125; // faster animations if little left-right movement
+    const closeDuration_ = pxOffCenter > 100 ? pxOffCenter > 400 ? 250 : 150 : 100;
     setPollAlignment_(true);
     // Fade out submit button so there aren't two overlapping buttons for a split second
     submitButton_.animate([{
@@ -11347,6 +11347,7 @@ const $6891c018a834cfdd$export$d86a33413558014e = openModalParams => {
     search: search,
     makesNewSearch = true
   } = openModalParams;
+  let cleanup;
   openModalParams.location ||= "centered";
   if (openModalParams.location === "aligned" && !openModalParams.element) throw new Error("No active search header aligner on the page!");
   if (openModalParams.location !== "aligned") {
@@ -11364,9 +11365,9 @@ const $6891c018a834cfdd$export$d86a33413558014e = openModalParams => {
     }];
     return;
   }
-  const {
+  if (!openModalParams.ignoreFieldSize_) ({
     cleanup: cleanup
-  } = $4ca91518c9a35379$export$828dcdd425fd3231(openModalParams.element);
+  } = $4ca91518c9a35379$export$828dcdd425fd3231(openModalParams.element));
   let dispose_aligner;
   /**
   * Setting position to fixed is important to make the modal work with align_field.
@@ -11379,7 +11380,7 @@ const $6891c018a834cfdd$export$d86a33413558014e = openModalParams => {
   };
   $i7OB2$createRoot(dispose => {
     dispose_aligner = () => {
-      cleanup();
+      cleanup?.();
       dispose();
     };
     $b6d5529b253681aa$export$b3ad617e9036868(alignmentSignals_, openModalParams.element, (0, $b6d5529b253681aa$export$3f238c96c45e6cc6));