@depict-ai/ui 2.1.5 → 2.1.7

package/ES10/index.cjs

@@ -76,7 +76,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.1.5";
+const $aa1938dec50d6c12$export$83d89fbfd8236492 = "2.1.7";
 const $a68b73fd7ba0853f$var$fallback_operator = "in";
 const $a68b73fd7ba0853f$var$fallback_token = "";
 const $a68b73fd7ba0853f$var$legacy_filter_prefix = "filter_";
@@ -335,7 +335,7 @@ function $858fdcf73148519f$export$6e5611bc7e57e477(props) {
   // Batch idle callbacks so that MutationObserver can batch the resulting mutations better, so we don't lose tons of CPU time to MutationObservers doing lots of things for each image
   // Happened on singular, they have some weird observer (+we also have one but ours is at least 3x more efficient)
   const executeWhenIdleBatched = fn => {
-    if (typeof requestIdleCallback !== "function") setTimeout(fn); // Old browsers don't get optimisation
+    if (typeof requestIdleCallback !== "function") return setTimeout(fn); // Old browsers don't get optimisation
     const existingStack = listingContext === null || listingContext === void 0 ? void 0 : listingContext[$858fdcf73148519f$var$onIdleFunctionsSymbol];
     if (existingStack) return existingStack.add(fn);
     const newStack = new Set([fn]);
@@ -365,11 +365,14 @@ function $858fdcf73148519f$export$6e5611bc7e57e477(props) {
   let sizeSetFastPath = false;
   let hasDecodedFastPath = false;
   let timeoutSet = false;
+  let gotCleanedUp = false;
+  $52FdA$solidjs.onCleanup(() => gotCleanedUp = true);
   $52FdA$solidjsweb.spread(img, $52FdA$solidjs.mergeProps(otherOptions), false, true);
   $52FdA$solidjs.createEffect(() => {
     if (!props.size()) return; // wait until we have a size
     if (timeoutSet) return;
     const handler = $52FdA$depictaiutilishared.catchify(() => {
+      if (gotCleanedUp) return;
       img.sizes = sizePX(); // use latest available value of props.size
       if (!sizeSetFastPath) {
         setHasSetSize(true);
@@ -401,6 +404,7 @@ function $858fdcf73148519f$export$6e5611bc7e57e477(props) {
     .then(async () => {
       // Also wait with inserting image (i.e. paint) until browser is idle
       await new Promise(r => executeWhenIdleBatched(r));
+      if (gotCleanedUp) return;
       setHasDecoded(true);
       hasDecodedFastPath = true;
     });

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 { ProductListingRequestV2 } from "@depict-ai/types/api/ProductListingRequestV2";
-export const version = "2.1.5";
+export const version = "2.1.7";
 /**
  * Use `javascript_media_query` but return a reactive accessor instead of taking a callback function
  */

package/ES10/index.js

@@ -9,7 +9,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 = "2.1.5";
+const $8db9a15135765c11$export$83d89fbfd8236492 = "2.1.7";
 const $2855bffe06ef7a03$var$fallback_operator = "in";
 const $2855bffe06ef7a03$var$fallback_token = "";
 const $2855bffe06ef7a03$var$legacy_filter_prefix = "filter_";
@@ -268,7 +268,7 @@ function $56047603f9d212b6$export$6e5611bc7e57e477(props) {
   // Batch idle callbacks so that MutationObserver can batch the resulting mutations better, so we don't lose tons of CPU time to MutationObservers doing lots of things for each image
   // Happened on singular, they have some weird observer (+we also have one but ours is at least 3x more efficient)
   const executeWhenIdleBatched = fn => {
-    if (typeof requestIdleCallback !== "function") setTimeout(fn); // Old browsers don't get optimisation
+    if (typeof requestIdleCallback !== "function") return setTimeout(fn); // Old browsers don't get optimisation
     const existingStack = listingContext === null || listingContext === void 0 ? void 0 : listingContext[$56047603f9d212b6$var$onIdleFunctionsSymbol];
     if (existingStack) return existingStack.add(fn);
     const newStack = new Set([fn]);
@@ -298,11 +298,14 @@ function $56047603f9d212b6$export$6e5611bc7e57e477(props) {
   let sizeSetFastPath = false;
   let hasDecodedFastPath = false;
   let timeoutSet = false;
+  let gotCleanedUp = false;
+  $8tj43$onCleanup(() => gotCleanedUp = true);
   $8tj43$spread(img, $8tj43$mergeProps(otherOptions), false, true);
   $8tj43$createEffect(() => {
     if (!props.size()) return; // wait until we have a size
     if (timeoutSet) return;
     const handler = $8tj43$catchify(() => {
+      if (gotCleanedUp) return;
       img.sizes = sizePX(); // use latest available value of props.size
       if (!sizeSetFastPath) {
         setHasSetSize(true);
@@ -334,6 +337,7 @@ function $56047603f9d212b6$export$6e5611bc7e57e477(props) {
     .then(async () => {
       // Also wait with inserting image (i.e. paint) until browser is idle
       await new Promise(r => executeWhenIdleBatched(r));
+      if (gotCleanedUp) return;
       setHasDecoded(true);
       hasDecodedFastPath = true;
     });

package/latest/index.cjs

@@ -70,7 +70,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.1.5";
+const $b757f75811f3261f$export$83d89fbfd8236492 = "2.1.7";
 const $1ab22f2cd39b3061$var$fallback_operator = "in";
 const $1ab22f2cd39b3061$var$fallback_token = "";
 const $1ab22f2cd39b3061$var$legacy_filter_prefix = "filter_";
@@ -321,7 +321,7 @@ function $19950faaac026e09$export$6e5611bc7e57e477(props) {
   // Batch idle callbacks so that MutationObserver can batch the resulting mutations better, so we don't lose tons of CPU time to MutationObservers doing lots of things for each image
   // Happened on singular, they have some weird observer (+we also have one but ours is at least 3x more efficient)
   const executeWhenIdleBatched = fn => {
-    if (typeof requestIdleCallback !== "function") setTimeout(fn); // Old browsers don't get optimisation
+    if (typeof requestIdleCallback !== "function") return setTimeout(fn); // Old browsers don't get optimisation
     const existingStack = listingContext?.[$19950faaac026e09$var$onIdleFunctionsSymbol];
     if (existingStack) return existingStack.add(fn);
     const newStack = new Set([fn]);
@@ -351,11 +351,14 @@ function $19950faaac026e09$export$6e5611bc7e57e477(props) {
   let sizeSetFastPath = false;
   let hasDecodedFastPath = false;
   let timeoutSet = false;
+  let gotCleanedUp = false;
+  $gVhhF$solidjs.onCleanup(() => gotCleanedUp = true);
   $gVhhF$solidjsweb.spread(img, $gVhhF$solidjs.mergeProps(otherOptions), false, true);
   $gVhhF$solidjs.createEffect(() => {
     if (!props.size()) return; // wait until we have a size
     if (timeoutSet) return;
     const handler = $gVhhF$depictaiutilishared.catchify(() => {
+      if (gotCleanedUp) return;
       img.sizes = sizePX(); // use latest available value of props.size
       if (!sizeSetFastPath) {
         setHasSetSize(true);
@@ -387,6 +390,7 @@ function $19950faaac026e09$export$6e5611bc7e57e477(props) {
     .then(async () => {
       // Also wait with inserting image (i.e. paint) until browser is idle
       await new Promise(r => executeWhenIdleBatched(r));
+      if (gotCleanedUp) return;
       setHasDecoded(true);
       hasDecodedFastPath = true;
     });

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 { ProductListingRequestV2 } from "@depict-ai/types/api/ProductListingRequestV2";
-export const version = "2.1.5";
+export const version = "2.1.7";
 /**
  * Use `javascript_media_query` but return a reactive accessor instead of taking a callback function
  */

package/latest/index.js

@@ -6,7 +6,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 = "2.1.5";
+const $ec291e0010116877$export$83d89fbfd8236492 = "2.1.7";
 const $4147651646da990a$var$fallback_operator = "in";
 const $4147651646da990a$var$fallback_token = "";
 const $4147651646da990a$var$legacy_filter_prefix = "filter_";
@@ -257,7 +257,7 @@ function $e8ffe11ed01df0fe$export$6e5611bc7e57e477(props) {
   // Batch idle callbacks so that MutationObserver can batch the resulting mutations better, so we don't lose tons of CPU time to MutationObservers doing lots of things for each image
   // Happened on singular, they have some weird observer (+we also have one but ours is at least 3x more efficient)
   const executeWhenIdleBatched = fn => {
-    if (typeof requestIdleCallback !== "function") setTimeout(fn); // Old browsers don't get optimisation
+    if (typeof requestIdleCallback !== "function") return setTimeout(fn); // Old browsers don't get optimisation
     const existingStack = listingContext?.[$e8ffe11ed01df0fe$var$onIdleFunctionsSymbol];
     if (existingStack) return existingStack.add(fn);
     const newStack = new Set([fn]);
@@ -287,11 +287,14 @@ function $e8ffe11ed01df0fe$export$6e5611bc7e57e477(props) {
   let sizeSetFastPath = false;
   let hasDecodedFastPath = false;
   let timeoutSet = false;
+  let gotCleanedUp = false;
+  $9HbP8$onCleanup(() => gotCleanedUp = true);
   $9HbP8$spread(img, $9HbP8$mergeProps(otherOptions), false, true);
   $9HbP8$createEffect(() => {
     if (!props.size()) return; // wait until we have a size
     if (timeoutSet) return;
     const handler = $9HbP8$catchify(() => {
+      if (gotCleanedUp) return;
       img.sizes = sizePX(); // use latest available value of props.size
       if (!sizeSetFastPath) {
         setHasSetSize(true);
@@ -323,6 +326,7 @@ function $e8ffe11ed01df0fe$export$6e5611bc7e57e477(props) {
     .then(async () => {
       // Also wait with inserting image (i.e. paint) until browser is idle
       await new Promise(r => executeWhenIdleBatched(r));
+      if (gotCleanedUp) return;
       setHasDecoded(true);
       hasDecodedFastPath = true;
     });

package/package.json

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

@@ -76,7 +76,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.1.5";
+const $aa1938dec50d6c12$export$83d89fbfd8236492 = "2.1.7";
 const $a68b73fd7ba0853f$var$fallback_operator = "in";
 const $a68b73fd7ba0853f$var$fallback_token = "";
 const $a68b73fd7ba0853f$var$legacy_filter_prefix = "filter_";
@@ -331,7 +331,7 @@ function $858fdcf73148519f$export$6e5611bc7e57e477(props) {
   // Batch idle callbacks so that MutationObserver can batch the resulting mutations better, so we don't lose tons of CPU time to MutationObservers doing lots of things for each image
   // Happened on singular, they have some weird observer (+we also have one but ours is at least 3x more efficient)
   const executeWhenIdleBatched = fn => {
-    if (typeof requestIdleCallback !== "function") setTimeout(fn); // Old browsers don't get optimisation
+    if (typeof requestIdleCallback !== "function") return setTimeout(fn); // Old browsers don't get optimisation
     const existingStack = listingContext === null || listingContext === void 0 ? void 0 : listingContext[$858fdcf73148519f$var$onIdleFunctionsSymbol];
     if (existingStack) return existingStack.add(fn);
     const newStack = new Set([fn]);
@@ -361,11 +361,14 @@ function $858fdcf73148519f$export$6e5611bc7e57e477(props) {
   let sizeSetFastPath = false;
   let hasDecodedFastPath = false;
   let timeoutSet = false;
+  let gotCleanedUp = false;
+  $3hooq$solidjs.onCleanup(() => gotCleanedUp = true);
   $3hooq$solidjsweb.spread(img, $3hooq$solidjs.mergeProps(otherOptions), false, true);
   $3hooq$solidjs.createEffect(() => {
     if (!props.size()) return; // wait until we have a size
     if (timeoutSet) return;
     const handler = $3hooq$depictaiutilishared.catchify(() => {
+      if (gotCleanedUp) return;
       img.sizes = sizePX(); // use latest available value of props.size
       if (!sizeSetFastPath) {
         setHasSetSize(true);
@@ -397,6 +400,7 @@ function $858fdcf73148519f$export$6e5611bc7e57e477(props) {
     .then(async () => {
       // Also wait with inserting image (i.e. paint) until browser is idle
       await new Promise(r => executeWhenIdleBatched(r));
+      if (gotCleanedUp) return;
       setHasDecoded(true);
       hasDecodedFastPath = true;
     });

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 { ProductListingRequestV2 } from "@depict-ai/types/api/ProductListingRequestV2";
-export const version = "2.1.5";
+export const version = "2.1.7";
 /**
  * Use `javascript_media_query` but return a reactive accessor instead of taking a callback function
  */

package/server/ES10/index.js

@@ -9,7 +9,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 = "2.1.5";
+const $8db9a15135765c11$export$83d89fbfd8236492 = "2.1.7";
 const $2855bffe06ef7a03$var$fallback_operator = "in";
 const $2855bffe06ef7a03$var$fallback_token = "";
 const $2855bffe06ef7a03$var$legacy_filter_prefix = "filter_";
@@ -264,7 +264,7 @@ function $56047603f9d212b6$export$6e5611bc7e57e477(props) {
   // Batch idle callbacks so that MutationObserver can batch the resulting mutations better, so we don't lose tons of CPU time to MutationObservers doing lots of things for each image
   // Happened on singular, they have some weird observer (+we also have one but ours is at least 3x more efficient)
   const executeWhenIdleBatched = fn => {
-    if (typeof requestIdleCallback !== "function") setTimeout(fn); // Old browsers don't get optimisation
+    if (typeof requestIdleCallback !== "function") return setTimeout(fn); // Old browsers don't get optimisation
     const existingStack = listingContext === null || listingContext === void 0 ? void 0 : listingContext[$56047603f9d212b6$var$onIdleFunctionsSymbol];
     if (existingStack) return existingStack.add(fn);
     const newStack = new Set([fn]);
@@ -294,11 +294,14 @@ function $56047603f9d212b6$export$6e5611bc7e57e477(props) {
   let sizeSetFastPath = false;
   let hasDecodedFastPath = false;
   let timeoutSet = false;
+  let gotCleanedUp = false;
+  $b8hua$onCleanup(() => gotCleanedUp = true);
   $b8hua$spread(img, $b8hua$mergeProps(otherOptions), false, true);
   $b8hua$createEffect(() => {
     if (!props.size()) return; // wait until we have a size
     if (timeoutSet) return;
     const handler = $b8hua$catchify(() => {
+      if (gotCleanedUp) return;
       img.sizes = sizePX(); // use latest available value of props.size
       if (!sizeSetFastPath) {
         setHasSetSize(true);
@@ -330,6 +333,7 @@ function $56047603f9d212b6$export$6e5611bc7e57e477(props) {
     .then(async () => {
       // Also wait with inserting image (i.e. paint) until browser is idle
       await new Promise(r => executeWhenIdleBatched(r));
+      if (gotCleanedUp) return;
       setHasDecoded(true);
       hasDecodedFastPath = true;
     });

package/server/latest/index.cjs

@@ -70,7 +70,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.1.5";
+const $b757f75811f3261f$export$83d89fbfd8236492 = "2.1.7";
 const $1ab22f2cd39b3061$var$fallback_operator = "in";
 const $1ab22f2cd39b3061$var$fallback_token = "";
 const $1ab22f2cd39b3061$var$legacy_filter_prefix = "filter_";
@@ -317,7 +317,7 @@ function $19950faaac026e09$export$6e5611bc7e57e477(props) {
   // Batch idle callbacks so that MutationObserver can batch the resulting mutations better, so we don't lose tons of CPU time to MutationObservers doing lots of things for each image
   // Happened on singular, they have some weird observer (+we also have one but ours is at least 3x more efficient)
   const executeWhenIdleBatched = fn => {
-    if (typeof requestIdleCallback !== "function") setTimeout(fn); // Old browsers don't get optimisation
+    if (typeof requestIdleCallback !== "function") return setTimeout(fn); // Old browsers don't get optimisation
     const existingStack = listingContext?.[$19950faaac026e09$var$onIdleFunctionsSymbol];
     if (existingStack) return existingStack.add(fn);
     const newStack = new Set([fn]);
@@ -347,11 +347,14 @@ function $19950faaac026e09$export$6e5611bc7e57e477(props) {
   let sizeSetFastPath = false;
   let hasDecodedFastPath = false;
   let timeoutSet = false;
+  let gotCleanedUp = false;
+  $5vyXB$solidjs.onCleanup(() => gotCleanedUp = true);
   $5vyXB$solidjsweb.spread(img, $5vyXB$solidjs.mergeProps(otherOptions), false, true);
   $5vyXB$solidjs.createEffect(() => {
     if (!props.size()) return; // wait until we have a size
     if (timeoutSet) return;
     const handler = $5vyXB$depictaiutilishared.catchify(() => {
+      if (gotCleanedUp) return;
       img.sizes = sizePX(); // use latest available value of props.size
       if (!sizeSetFastPath) {
         setHasSetSize(true);
@@ -383,6 +386,7 @@ function $19950faaac026e09$export$6e5611bc7e57e477(props) {
     .then(async () => {
       // Also wait with inserting image (i.e. paint) until browser is idle
       await new Promise(r => executeWhenIdleBatched(r));
+      if (gotCleanedUp) return;
       setHasDecoded(true);
       hasDecodedFastPath = true;
     });

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 { ProductListingRequestV2 } from "@depict-ai/types/api/ProductListingRequestV2";
-export const version = "2.1.5";
+export const version = "2.1.7";
 /**
  * Use `javascript_media_query` but return a reactive accessor instead of taking a callback function
  */

package/server/latest/index.js

@@ -6,7 +6,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 = "2.1.5";
+const $ec291e0010116877$export$83d89fbfd8236492 = "2.1.7";
 const $4147651646da990a$var$fallback_operator = "in";
 const $4147651646da990a$var$fallback_token = "";
 const $4147651646da990a$var$legacy_filter_prefix = "filter_";
@@ -253,7 +253,7 @@ function $e8ffe11ed01df0fe$export$6e5611bc7e57e477(props) {
   // Batch idle callbacks so that MutationObserver can batch the resulting mutations better, so we don't lose tons of CPU time to MutationObservers doing lots of things for each image
   // Happened on singular, they have some weird observer (+we also have one but ours is at least 3x more efficient)
   const executeWhenIdleBatched = fn => {
-    if (typeof requestIdleCallback !== "function") setTimeout(fn); // Old browsers don't get optimisation
+    if (typeof requestIdleCallback !== "function") return setTimeout(fn); // Old browsers don't get optimisation
     const existingStack = listingContext?.[$e8ffe11ed01df0fe$var$onIdleFunctionsSymbol];
     if (existingStack) return existingStack.add(fn);
     const newStack = new Set([fn]);
@@ -283,11 +283,14 @@ function $e8ffe11ed01df0fe$export$6e5611bc7e57e477(props) {
   let sizeSetFastPath = false;
   let hasDecodedFastPath = false;
   let timeoutSet = false;
+  let gotCleanedUp = false;
+  $i7OB2$onCleanup(() => gotCleanedUp = true);
   $i7OB2$spread(img, $i7OB2$mergeProps(otherOptions), false, true);
   $i7OB2$createEffect(() => {
     if (!props.size()) return; // wait until we have a size
     if (timeoutSet) return;
     const handler = $i7OB2$catchify(() => {
+      if (gotCleanedUp) return;
       img.sizes = sizePX(); // use latest available value of props.size
       if (!sizeSetFastPath) {
         setHasSetSize(true);
@@ -319,6 +322,7 @@ function $e8ffe11ed01df0fe$export$6e5611bc7e57e477(props) {
     .then(async () => {
       // Also wait with inserting image (i.e. paint) until browser is idle
       await new Promise(r => executeWhenIdleBatched(r));
+      if (gotCleanedUp) return;
       setHasDecoded(true);
       hasDecodedFastPath = true;
     });