@depict-ai/ui 2.0.11 → 2.0.12

package/ES10/index.cjs

@@ -67,7 +67,7 @@ $parcel$export(module.exports, "defaultColsAtSize", () => $33eed84f447aa0c0$expo
 $parcel$export(module.exports, "defaultCategoryTitlePlugin", () => $33eed84f447aa0c0$export$7bf543b9d9be2c22);
 $parcel$export(module.exports, "version", () => $aa1938dec50d6c12$export$83d89fbfd8236492);
 /*! Depict.ai search and product listing SDK */
-const $aa1938dec50d6c12$export$83d89fbfd8236492 = "2.0.11";
+const $aa1938dec50d6c12$export$83d89fbfd8236492 = "2.0.12";
 
 /** @jsxImportSource solid-js */
 
@@ -854,17 +854,26 @@ function $858fdcf73148519f$export$e6fffe67d4cdd848(whatToWatch) {
       setSize(Math.round(new_size));
     }
   }));
-  resizeObserver.observe(whatToWatch);
-  $52FdA$solidjs.onCleanup(() => resizeObserver.disconnect());
+  // If we start observing elements before they're in the DOM Chrome (Version 117.0.5938.92 (Official Build) (arm64)) sometimes gives us a resize event with a width of 0 and then doesn't dispatch one with the actual width once it's in the DOM. So we wait until the element is in the DOM before we start observing it.
+  const disconnect = (0, $52FdA$depictaiutilishared.observer).onexists(whatToWatch, _ref => {
+    let {
+      element: element
+    } = _ref;
+    return resizeObserver.observe(element);
+  });
+  $52FdA$solidjs.onCleanup(() => {
+    resizeObserver.disconnect();
+    disconnect();
+  });
   return size;
 }
-function $858fdcf73148519f$export$6e5611bc7e57e477(_ref) {
+function $858fdcf73148519f$export$6e5611bc7e57e477(_ref2) {
   let {
     src: raw_src,
     size: size,
     resolutions = [64, 128, 256, 300, 400, 512, 768, 1024, 1280, 1536, 2048, 4096],
     ...otherOptions
-  } = _ref;
+  } = _ref2;
   const src = new URL(raw_src, location.origin);
   const fallbackSrc = $858fdcf73148519f$var$generateImageUrl(src, 400);
   const srcset = $858fdcf73148519f$var$make_srcset(src, resolutions);

package/ES10/index.d.ts

@@ -7,7 +7,7 @@ import { CategorySuggestion, SearchSuggestionsResponse } from "@depict-ai/types/
 import { BaseSearchRequest } from "@depict-ai/types/api/BaseSearchRequest";
 import { SearchSuggestionsRequest } from "@depict-ai/types/api/SearchSuggestionsRequest";
 import { ProductListingRequest } from "@depict-ai/types/api/ProductListingRequest";
-export const version = "2.0.11";
+export const version = "2.0.12";
 /**
  * Returns accessor with the size of the provided element, including padding and border (I think)
  */

package/ES10/index.js

@@ -8,7 +8,7 @@ import $8tj43$babelruntimehelpersdefineProperty from "@babel/runtime/helpers/def
 /*! 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 = "2.0.11";
+const $8db9a15135765c11$export$83d89fbfd8236492 = "2.0.12";
 
 /** @jsxImportSource solid-js */
 
@@ -795,17 +795,26 @@ function $56047603f9d212b6$export$e6fffe67d4cdd848(whatToWatch) {
       setSize(Math.round(new_size));
     }
   }));
-  resizeObserver.observe(whatToWatch);
-  $8tj43$onCleanup(() => resizeObserver.disconnect());
+  // If we start observing elements before they're in the DOM Chrome (Version 117.0.5938.92 (Official Build) (arm64)) sometimes gives us a resize event with a width of 0 and then doesn't dispatch one with the actual width once it's in the DOM. So we wait until the element is in the DOM before we start observing it.
+  const disconnect = (0, $8tj43$observer).onexists(whatToWatch, _ref => {
+    let {
+      element: element
+    } = _ref;
+    return resizeObserver.observe(element);
+  });
+  $8tj43$onCleanup(() => {
+    resizeObserver.disconnect();
+    disconnect();
+  });
   return size;
 }
-function $56047603f9d212b6$export$6e5611bc7e57e477(_ref) {
+function $56047603f9d212b6$export$6e5611bc7e57e477(_ref2) {
   let {
     src: raw_src,
     size: size,
     resolutions = [64, 128, 256, 300, 400, 512, 768, 1024, 1280, 1536, 2048, 4096],
     ...otherOptions
-  } = _ref;
+  } = _ref2;
   const src = new URL(raw_src, location.origin);
   const fallbackSrc = $56047603f9d212b6$var$generateImageUrl(src, 400);
   const srcset = $56047603f9d212b6$var$make_srcset(src, resolutions);

package/latest/index.cjs

@@ -61,7 +61,7 @@ $parcel$export(module.exports, "defaultColsAtSize", () => $a3280f0aad997933$expo
 $parcel$export(module.exports, "defaultCategoryTitlePlugin", () => $a3280f0aad997933$export$7bf543b9d9be2c22);
 $parcel$export(module.exports, "version", () => $b757f75811f3261f$export$83d89fbfd8236492);
 /*! Depict.ai search and product listing SDK */
-const $b757f75811f3261f$export$83d89fbfd8236492 = "2.0.11";
+const $b757f75811f3261f$export$83d89fbfd8236492 = "2.0.12";
 
 /** @jsxImportSource solid-js */
 
@@ -800,8 +800,14 @@ function $19950faaac026e09$export$e6fffe67d4cdd848(whatToWatch) {
       setSize(Math.round(new_size));
     }
   }));
-  resizeObserver.observe(whatToWatch);
-  $gVhhF$solidjs.onCleanup(() => resizeObserver.disconnect());
+  // If we start observing elements before they're in the DOM Chrome (Version 117.0.5938.92 (Official Build) (arm64)) sometimes gives us a resize event with a width of 0 and then doesn't dispatch one with the actual width once it's in the DOM. So we wait until the element is in the DOM before we start observing it.
+  const disconnect = (0, $gVhhF$depictaiutilishared.observer).onexists(whatToWatch, ({
+    element: element
+  }) => resizeObserver.observe(element));
+  $gVhhF$solidjs.onCleanup(() => {
+    resizeObserver.disconnect();
+    disconnect();
+  });
   return size;
 }
 function $19950faaac026e09$export$6e5611bc7e57e477({

package/latest/index.d.ts

@@ -7,7 +7,7 @@ import { CategorySuggestion, SearchSuggestionsResponse } from "@depict-ai/types/
 import { BaseSearchRequest } from "@depict-ai/types/api/BaseSearchRequest";
 import { SearchSuggestionsRequest } from "@depict-ai/types/api/SearchSuggestionsRequest";
 import { ProductListingRequest } from "@depict-ai/types/api/ProductListingRequest";
-export const version = "2.0.11";
+export const version = "2.0.12";
 /**
  * Returns accessor with the size of the provided element, including padding and border (I think)
  */

package/latest/index.js

@@ -5,7 +5,7 @@ import { template as $9HbP8$template, getNextElement as $9HbP8$getNextElement, i
 /*! 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 = "2.0.11";
+const $ec291e0010116877$export$83d89fbfd8236492 = "2.0.12";
 
 /** @jsxImportSource solid-js */
 
@@ -744,8 +744,14 @@ function $e8ffe11ed01df0fe$export$e6fffe67d4cdd848(whatToWatch) {
       setSize(Math.round(new_size));
     }
   }));
-  resizeObserver.observe(whatToWatch);
-  $9HbP8$onCleanup(() => resizeObserver.disconnect());
+  // If we start observing elements before they're in the DOM Chrome (Version 117.0.5938.92 (Official Build) (arm64)) sometimes gives us a resize event with a width of 0 and then doesn't dispatch one with the actual width once it's in the DOM. So we wait until the element is in the DOM before we start observing it.
+  const disconnect = (0, $9HbP8$observer).onexists(whatToWatch, ({
+    element: element
+  }) => resizeObserver.observe(element));
+  $9HbP8$onCleanup(() => {
+    resizeObserver.disconnect();
+    disconnect();
+  });
   return size;
 }
 function $e8ffe11ed01df0fe$export$6e5611bc7e57e477({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@depict-ai/ui",
-  "version": "2.0.11",
+  "version": "2.0.12",
   "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

@@ -67,7 +67,7 @@ $parcel$export(module.exports, "defaultColsAtSize", () => $33eed84f447aa0c0$expo
 $parcel$export(module.exports, "defaultCategoryTitlePlugin", () => $33eed84f447aa0c0$export$7bf543b9d9be2c22);
 $parcel$export(module.exports, "version", () => $aa1938dec50d6c12$export$83d89fbfd8236492);
 /*! Depict.ai search and product listing SDK */
-const $aa1938dec50d6c12$export$83d89fbfd8236492 = "2.0.11";
+const $aa1938dec50d6c12$export$83d89fbfd8236492 = "2.0.12";
 
 /** @jsxImportSource solid-js */
 
@@ -773,17 +773,26 @@ function $858fdcf73148519f$export$e6fffe67d4cdd848(whatToWatch) {
       setSize(Math.round(new_size));
     }
   }));
-  resizeObserver.observe(whatToWatch);
-  $3hooq$solidjs.onCleanup(() => resizeObserver.disconnect());
+  // If we start observing elements before they're in the DOM Chrome (Version 117.0.5938.92 (Official Build) (arm64)) sometimes gives us a resize event with a width of 0 and then doesn't dispatch one with the actual width once it's in the DOM. So we wait until the element is in the DOM before we start observing it.
+  const disconnect = (0, $3hooq$depictaiutilishared.observer).onexists(whatToWatch, _ref => {
+    let {
+      element: element
+    } = _ref;
+    return resizeObserver.observe(element);
+  });
+  $3hooq$solidjs.onCleanup(() => {
+    resizeObserver.disconnect();
+    disconnect();
+  });
   return size;
 }
-function $858fdcf73148519f$export$6e5611bc7e57e477(_ref) {
+function $858fdcf73148519f$export$6e5611bc7e57e477(_ref2) {
   let {
     src: raw_src,
     size: size,
     resolutions = [64, 128, 256, 300, 400, 512, 768, 1024, 1280, 1536, 2048, 4096],
     ...otherOptions
-  } = _ref;
+  } = _ref2;
   const src = new URL(raw_src, location.origin);
   const fallbackSrc = $858fdcf73148519f$var$generateImageUrl(src, 400);
   const srcset = $858fdcf73148519f$var$make_srcset(src, resolutions);

package/server/ES10/index.d.ts

@@ -7,7 +7,7 @@ import { CategorySuggestion, SearchSuggestionsResponse } from "@depict-ai/types/
 import { BaseSearchRequest } from "@depict-ai/types/api/BaseSearchRequest";
 import { SearchSuggestionsRequest } from "@depict-ai/types/api/SearchSuggestionsRequest";
 import { ProductListingRequest } from "@depict-ai/types/api/ProductListingRequest";
-export const version = "2.0.11";
+export const version = "2.0.12";
 /**
  * Returns accessor with the size of the provided element, including padding and border (I think)
  */

package/server/ES10/index.js

@@ -8,7 +8,7 @@ import $b8hua$babelruntimehelpersdefineProperty from "@babel/runtime/helpers/def
 /*! 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 = "2.0.11";
+const $8db9a15135765c11$export$83d89fbfd8236492 = "2.0.12";
 
 /** @jsxImportSource solid-js */
 
@@ -714,17 +714,26 @@ function $56047603f9d212b6$export$e6fffe67d4cdd848(whatToWatch) {
       setSize(Math.round(new_size));
     }
   }));
-  resizeObserver.observe(whatToWatch);
-  $b8hua$onCleanup(() => resizeObserver.disconnect());
+  // If we start observing elements before they're in the DOM Chrome (Version 117.0.5938.92 (Official Build) (arm64)) sometimes gives us a resize event with a width of 0 and then doesn't dispatch one with the actual width once it's in the DOM. So we wait until the element is in the DOM before we start observing it.
+  const disconnect = (0, $b8hua$observer).onexists(whatToWatch, _ref => {
+    let {
+      element: element
+    } = _ref;
+    return resizeObserver.observe(element);
+  });
+  $b8hua$onCleanup(() => {
+    resizeObserver.disconnect();
+    disconnect();
+  });
   return size;
 }
-function $56047603f9d212b6$export$6e5611bc7e57e477(_ref) {
+function $56047603f9d212b6$export$6e5611bc7e57e477(_ref2) {
   let {
     src: raw_src,
     size: size,
     resolutions = [64, 128, 256, 300, 400, 512, 768, 1024, 1280, 1536, 2048, 4096],
     ...otherOptions
-  } = _ref;
+  } = _ref2;
   const src = new URL(raw_src, location.origin);
   const fallbackSrc = $56047603f9d212b6$var$generateImageUrl(src, 400);
   const srcset = $56047603f9d212b6$var$make_srcset(src, resolutions);

package/server/latest/index.cjs

@@ -61,7 +61,7 @@ $parcel$export(module.exports, "defaultColsAtSize", () => $a3280f0aad997933$expo
 $parcel$export(module.exports, "defaultCategoryTitlePlugin", () => $a3280f0aad997933$export$7bf543b9d9be2c22);
 $parcel$export(module.exports, "version", () => $b757f75811f3261f$export$83d89fbfd8236492);
 /*! Depict.ai search and product listing SDK */
-const $b757f75811f3261f$export$83d89fbfd8236492 = "2.0.11";
+const $b757f75811f3261f$export$83d89fbfd8236492 = "2.0.12";
 
 /** @jsxImportSource solid-js */
 
@@ -728,8 +728,14 @@ function $19950faaac026e09$export$e6fffe67d4cdd848(whatToWatch) {
       setSize(Math.round(new_size));
     }
   }));
-  resizeObserver.observe(whatToWatch);
-  $5vyXB$solidjs.onCleanup(() => resizeObserver.disconnect());
+  // If we start observing elements before they're in the DOM Chrome (Version 117.0.5938.92 (Official Build) (arm64)) sometimes gives us a resize event with a width of 0 and then doesn't dispatch one with the actual width once it's in the DOM. So we wait until the element is in the DOM before we start observing it.
+  const disconnect = (0, $5vyXB$depictaiutilishared.observer).onexists(whatToWatch, ({
+    element: element
+  }) => resizeObserver.observe(element));
+  $5vyXB$solidjs.onCleanup(() => {
+    resizeObserver.disconnect();
+    disconnect();
+  });
   return size;
 }
 function $19950faaac026e09$export$6e5611bc7e57e477({

package/server/latest/index.d.ts

@@ -7,7 +7,7 @@ import { CategorySuggestion, SearchSuggestionsResponse } from "@depict-ai/types/
 import { BaseSearchRequest } from "@depict-ai/types/api/BaseSearchRequest";
 import { SearchSuggestionsRequest } from "@depict-ai/types/api/SearchSuggestionsRequest";
 import { ProductListingRequest } from "@depict-ai/types/api/ProductListingRequest";
-export const version = "2.0.11";
+export const version = "2.0.12";
 /**
  * Returns accessor with the size of the provided element, including padding and border (I think)
  */

package/server/latest/index.js

@@ -5,7 +5,7 @@ import { ssr as $i7OB2$ssr, ssrHydrationKey as $i7OB2$ssrHydrationKey, escape as
 /*! 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 = "2.0.11";
+const $ec291e0010116877$export$83d89fbfd8236492 = "2.0.12";
 
 /** @jsxImportSource solid-js */
 
@@ -672,8 +672,14 @@ function $e8ffe11ed01df0fe$export$e6fffe67d4cdd848(whatToWatch) {
       setSize(Math.round(new_size));
     }
   }));
-  resizeObserver.observe(whatToWatch);
-  $i7OB2$onCleanup(() => resizeObserver.disconnect());
+  // If we start observing elements before they're in the DOM Chrome (Version 117.0.5938.92 (Official Build) (arm64)) sometimes gives us a resize event with a width of 0 and then doesn't dispatch one with the actual width once it's in the DOM. So we wait until the element is in the DOM before we start observing it.
+  const disconnect = (0, $i7OB2$observer).onexists(whatToWatch, ({
+    element: element
+  }) => resizeObserver.observe(element));
+  $i7OB2$onCleanup(() => {
+    resizeObserver.disconnect();
+    disconnect();
+  });
   return size;
 }
 function $e8ffe11ed01df0fe$export$6e5611bc7e57e477({