@depict-ai/ui 2.0.19 → 2.0.21

package/ES10/index.cjs

@@ -72,7 +72,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.19";
+const $aa1938dec50d6c12$export$83d89fbfd8236492 = "2.0.21";
 const $d067f3a30f047b41$var$ListingContext = /*@__PURE__*/$52FdA$solidjs.createContext();
 function $d067f3a30f047b41$export$e68cff63f76bd15b(props) {
   const our_object = {};
@@ -535,22 +535,28 @@ function $76012c4468a53d1f$export$43f0fb951fcb0c54(_ref) {
     }
   });
 }
-// Source: https://dmitripavlutin.com/how-to-compare-objects-in-javascript/
-function $76012c4468a53d1f$var$deep_equal(object1, object2) {
-  const keys1 = Object.keys(object1);
-  const keys2 = Object.keys(object2);
-  if (keys1.length !== keys2.length) return false;
-  for (const key of keys1) {
-    if ($76012c4468a53d1f$var$result_ids.includes(key)) continue; // ignore result ids that change per response
-    const val1 = object1[key];
-    const val2 = object2[key];
-    const areObjects = $76012c4468a53d1f$var$is_object(val1) && $76012c4468a53d1f$var$is_object(val2);
-    if (areObjects && !$76012c4468a53d1f$var$deep_equal(val1, val2) || !areObjects && val1 !== val2) return false;
+// source: https://medium.com/@pancemarko/deep-equality-in-javascript-determining-if-two-objects-are-equal-bf98cf47e934
+function $76012c4468a53d1f$var$deep_equal(obj1, obj2) {
+  if (obj1 === obj2) return true;
+  if (Array.isArray(obj1) && Array.isArray(obj2)) {
+    if (obj1.length !== obj2.length) return false;
+    return obj1.every((elem, index) => {
+      return $76012c4468a53d1f$var$deep_equal(elem, obj2[index]);
+    });
   }
-  return true;
-}
-function $76012c4468a53d1f$var$is_object(object) {
-  return object != null && typeof object === "object";
+  if (typeof obj1 === "object" && typeof obj2 === "object" && obj1 !== null && obj2 !== null) {
+    if (Array.isArray(obj1) || Array.isArray(obj2)) return false;
+    const keys1 = Object.keys(obj1);
+    const keys2 = Object.keys(obj2);
+    if (keys1.length !== keys2.length || !keys1.every(key => keys2.includes(key))) return false;
+    for (const key in obj1) {
+      if ($76012c4468a53d1f$var$result_ids.includes(key)) continue; // ignore keys changing with every request
+      const isEqual = $76012c4468a53d1f$var$deep_equal(obj1[key], obj2[key]);
+      if (!isEqual) return false;
+    }
+    return true;
+  }
+  return false;
 }
 
 // Errors caused by SDK consuming code interfacing with the SDK, not the SDK itself or other Depict packages
@@ -3502,7 +3508,11 @@ function $164d474fea221d77$var$ActualFilterBody(props) {
             return $52FdA$solidjsweb.createComponent((0, $4cfe8400ed3f92c4$export$6c6d7a51fa9aa15d), {
               is_open_: is_open,
               get details_() {
-                return $52FdA$solidjsweb.getNextElement($164d474fea221d77$var$_tmpl$5);
+                return (() => {
+                  const _el$15 = $52FdA$solidjsweb.getNextElement($164d474fea221d77$var$_tmpl$5);
+                  $52FdA$solidjsweb.setAttribute(_el$15, "data-group-title", section_);
+                  return _el$15;
+                })();
               },
               get summary_() {
                 return (() => {

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.19";
+export const version = "2.0.21";
 /**
  * Provider to wrap every listing (group of products) in
  * Used for example for deduplicating ResizeObservers for responsive images

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.19";
+const $8db9a15135765c11$export$83d89fbfd8236492 = "2.0.21";
 const $5441862cd2f5e111$var$ListingContext = /*@__PURE__*/$8tj43$createContext();
 function $5441862cd2f5e111$export$e68cff63f76bd15b(props) {
   const our_object = {};
@@ -471,22 +471,28 @@ function $2d7bad8684bc7f44$export$43f0fb951fcb0c54(_ref) {
     }
   });
 }
-// Source: https://dmitripavlutin.com/how-to-compare-objects-in-javascript/
-function $2d7bad8684bc7f44$var$deep_equal(object1, object2) {
-  const keys1 = Object.keys(object1);
-  const keys2 = Object.keys(object2);
-  if (keys1.length !== keys2.length) return false;
-  for (const key of keys1) {
-    if ($2d7bad8684bc7f44$var$result_ids.includes(key)) continue; // ignore result ids that change per response
-    const val1 = object1[key];
-    const val2 = object2[key];
-    const areObjects = $2d7bad8684bc7f44$var$is_object(val1) && $2d7bad8684bc7f44$var$is_object(val2);
-    if (areObjects && !$2d7bad8684bc7f44$var$deep_equal(val1, val2) || !areObjects && val1 !== val2) return false;
+// source: https://medium.com/@pancemarko/deep-equality-in-javascript-determining-if-two-objects-are-equal-bf98cf47e934
+function $2d7bad8684bc7f44$var$deep_equal(obj1, obj2) {
+  if (obj1 === obj2) return true;
+  if (Array.isArray(obj1) && Array.isArray(obj2)) {
+    if (obj1.length !== obj2.length) return false;
+    return obj1.every((elem, index) => {
+      return $2d7bad8684bc7f44$var$deep_equal(elem, obj2[index]);
+    });
   }
-  return true;
-}
-function $2d7bad8684bc7f44$var$is_object(object) {
-  return object != null && typeof object === "object";
+  if (typeof obj1 === "object" && typeof obj2 === "object" && obj1 !== null && obj2 !== null) {
+    if (Array.isArray(obj1) || Array.isArray(obj2)) return false;
+    const keys1 = Object.keys(obj1);
+    const keys2 = Object.keys(obj2);
+    if (keys1.length !== keys2.length || !keys1.every(key => keys2.includes(key))) return false;
+    for (const key in obj1) {
+      if ($2d7bad8684bc7f44$var$result_ids.includes(key)) continue; // ignore keys changing with every request
+      const isEqual = $2d7bad8684bc7f44$var$deep_equal(obj1[key], obj2[key]);
+      if (!isEqual) return false;
+    }
+    return true;
+  }
+  return false;
 }
 
 // Errors caused by SDK consuming code interfacing with the SDK, not the SDK itself or other Depict packages
@@ -3438,7 +3444,11 @@ function $f6b0500577e1b210$var$ActualFilterBody(props) {
             return $8tj43$createComponent((0, $ad371564683947ab$export$6c6d7a51fa9aa15d), {
               is_open_: is_open,
               get details_() {
-                return $8tj43$getNextElement($f6b0500577e1b210$var$_tmpl$5);
+                return (() => {
+                  const _el$15 = $8tj43$getNextElement($f6b0500577e1b210$var$_tmpl$5);
+                  $8tj43$setAttribute(_el$15, "data-group-title", section_);
+                  return _el$15;
+                })();
               },
               get summary_() {
                 return (() => {

package/latest/index.cjs

@@ -66,7 +66,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.19";
+const $b757f75811f3261f$export$83d89fbfd8236492 = "2.0.21";
 const $84798aaa863a4909$var$ListingContext = /*@__PURE__*/$gVhhF$solidjs.createContext();
 function $84798aaa863a4909$export$e68cff63f76bd15b(props) {
   const our_object = {};
@@ -504,22 +504,28 @@ function $a73063cc642f3e5f$export$43f0fb951fcb0c54({
     }
   });
 }
-// Source: https://dmitripavlutin.com/how-to-compare-objects-in-javascript/
-function $a73063cc642f3e5f$var$deep_equal(object1, object2) {
-  const keys1 = Object.keys(object1);
-  const keys2 = Object.keys(object2);
-  if (keys1.length !== keys2.length) return false;
-  for (const key of keys1) {
-    if ($a73063cc642f3e5f$var$result_ids.includes(key)) continue; // ignore result ids that change per response
-    const val1 = object1[key];
-    const val2 = object2[key];
-    const areObjects = $a73063cc642f3e5f$var$is_object(val1) && $a73063cc642f3e5f$var$is_object(val2);
-    if (areObjects && !$a73063cc642f3e5f$var$deep_equal(val1, val2) || !areObjects && val1 !== val2) return false;
+// source: https://medium.com/@pancemarko/deep-equality-in-javascript-determining-if-two-objects-are-equal-bf98cf47e934
+function $a73063cc642f3e5f$var$deep_equal(obj1, obj2) {
+  if (obj1 === obj2) return true;
+  if (Array.isArray(obj1) && Array.isArray(obj2)) {
+    if (obj1.length !== obj2.length) return false;
+    return obj1.every((elem, index) => {
+      return $a73063cc642f3e5f$var$deep_equal(elem, obj2[index]);
+    });
   }
-  return true;
-}
-function $a73063cc642f3e5f$var$is_object(object) {
-  return object != null && typeof object === "object";
+  if (typeof obj1 === "object" && typeof obj2 === "object" && obj1 !== null && obj2 !== null) {
+    if (Array.isArray(obj1) || Array.isArray(obj2)) return false;
+    const keys1 = Object.keys(obj1);
+    const keys2 = Object.keys(obj2);
+    if (keys1.length !== keys2.length || !keys1.every(key => keys2.includes(key))) return false;
+    for (const key in obj1) {
+      if ($a73063cc642f3e5f$var$result_ids.includes(key)) continue; // ignore keys changing with every request
+      const isEqual = $a73063cc642f3e5f$var$deep_equal(obj1[key], obj2[key]);
+      if (!isEqual) return false;
+    }
+    return true;
+  }
+  return false;
 }
 
 // Errors caused by SDK consuming code interfacing with the SDK, not the SDK itself or other Depict packages
@@ -3287,7 +3293,11 @@ function $aff9a96d30ed3563$var$ActualFilterBody(props) {
             return $gVhhF$solidjsweb.createComponent((0, $a69e505a12a77874$export$6c6d7a51fa9aa15d), {
               is_open_: is_open,
               get details_() {
-                return $gVhhF$solidjsweb.getNextElement($aff9a96d30ed3563$var$_tmpl$5);
+                return (() => {
+                  const _el$15 = $gVhhF$solidjsweb.getNextElement($aff9a96d30ed3563$var$_tmpl$5);
+                  $gVhhF$solidjsweb.setAttribute(_el$15, "data-group-title", section_);
+                  return _el$15;
+                })();
               },
               get summary_() {
                 return (() => {

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.19";
+export const version = "2.0.21";
 /**
  * Provider to wrap every listing (group of products) in
  * Used for example for deduplicating ResizeObservers for responsive images

package/latest/index.js

@@ -5,7 +5,7 @@ import { createSignal as $9HbP8$createSignal, getOwner as $9HbP8$getOwner, creat
 /*! 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.19";
+const $ec291e0010116877$export$83d89fbfd8236492 = "2.0.21";
 const $011607bdf658f807$var$ListingContext = /*@__PURE__*/$9HbP8$createContext();
 function $011607bdf658f807$export$e68cff63f76bd15b(props) {
   const our_object = {};
@@ -443,22 +443,28 @@ function $29ec7cddbe1d3484$export$43f0fb951fcb0c54({
     }
   });
 }
-// Source: https://dmitripavlutin.com/how-to-compare-objects-in-javascript/
-function $29ec7cddbe1d3484$var$deep_equal(object1, object2) {
-  const keys1 = Object.keys(object1);
-  const keys2 = Object.keys(object2);
-  if (keys1.length !== keys2.length) return false;
-  for (const key of keys1) {
-    if ($29ec7cddbe1d3484$var$result_ids.includes(key)) continue; // ignore result ids that change per response
-    const val1 = object1[key];
-    const val2 = object2[key];
-    const areObjects = $29ec7cddbe1d3484$var$is_object(val1) && $29ec7cddbe1d3484$var$is_object(val2);
-    if (areObjects && !$29ec7cddbe1d3484$var$deep_equal(val1, val2) || !areObjects && val1 !== val2) return false;
+// source: https://medium.com/@pancemarko/deep-equality-in-javascript-determining-if-two-objects-are-equal-bf98cf47e934
+function $29ec7cddbe1d3484$var$deep_equal(obj1, obj2) {
+  if (obj1 === obj2) return true;
+  if (Array.isArray(obj1) && Array.isArray(obj2)) {
+    if (obj1.length !== obj2.length) return false;
+    return obj1.every((elem, index) => {
+      return $29ec7cddbe1d3484$var$deep_equal(elem, obj2[index]);
+    });
   }
-  return true;
-}
-function $29ec7cddbe1d3484$var$is_object(object) {
-  return object != null && typeof object === "object";
+  if (typeof obj1 === "object" && typeof obj2 === "object" && obj1 !== null && obj2 !== null) {
+    if (Array.isArray(obj1) || Array.isArray(obj2)) return false;
+    const keys1 = Object.keys(obj1);
+    const keys2 = Object.keys(obj2);
+    if (keys1.length !== keys2.length || !keys1.every(key => keys2.includes(key))) return false;
+    for (const key in obj1) {
+      if ($29ec7cddbe1d3484$var$result_ids.includes(key)) continue; // ignore keys changing with every request
+      const isEqual = $29ec7cddbe1d3484$var$deep_equal(obj1[key], obj2[key]);
+      if (!isEqual) return false;
+    }
+    return true;
+  }
+  return false;
 }
 
 // Errors caused by SDK consuming code interfacing with the SDK, not the SDK itself or other Depict packages
@@ -3226,7 +3232,11 @@ function $fab07f52c9861732$var$ActualFilterBody(props) {
             return $9HbP8$createComponent((0, $6bb0a0c563dff4bb$export$6c6d7a51fa9aa15d), {
               is_open_: is_open,
               get details_() {
-                return $9HbP8$getNextElement($fab07f52c9861732$var$_tmpl$5);
+                return (() => {
+                  const _el$15 = $9HbP8$getNextElement($fab07f52c9861732$var$_tmpl$5);
+                  $9HbP8$setAttribute(_el$15, "data-group-title", section_);
+                  return _el$15;
+                })();
               },
               get summary_() {
                 return (() => {

package/package.json

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

@@ -72,7 +72,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.19";
+const $aa1938dec50d6c12$export$83d89fbfd8236492 = "2.0.21";
 const $d067f3a30f047b41$var$ListingContext = /*@__PURE__*/$3hooq$solidjs.createContext();
 function $d067f3a30f047b41$export$e68cff63f76bd15b(props) {
   const our_object = {};
@@ -504,22 +504,28 @@ function $76012c4468a53d1f$export$43f0fb951fcb0c54(_ref) {
     }
   });
 }
-// Source: https://dmitripavlutin.com/how-to-compare-objects-in-javascript/
-function $76012c4468a53d1f$var$deep_equal(object1, object2) {
-  const keys1 = Object.keys(object1);
-  const keys2 = Object.keys(object2);
-  if (keys1.length !== keys2.length) return false;
-  for (const key of keys1) {
-    if ($76012c4468a53d1f$var$result_ids.includes(key)) continue; // ignore result ids that change per response
-    const val1 = object1[key];
-    const val2 = object2[key];
-    const areObjects = $76012c4468a53d1f$var$is_object(val1) && $76012c4468a53d1f$var$is_object(val2);
-    if (areObjects && !$76012c4468a53d1f$var$deep_equal(val1, val2) || !areObjects && val1 !== val2) return false;
+// source: https://medium.com/@pancemarko/deep-equality-in-javascript-determining-if-two-objects-are-equal-bf98cf47e934
+function $76012c4468a53d1f$var$deep_equal(obj1, obj2) {
+  if (obj1 === obj2) return true;
+  if (Array.isArray(obj1) && Array.isArray(obj2)) {
+    if (obj1.length !== obj2.length) return false;
+    return obj1.every((elem, index) => {
+      return $76012c4468a53d1f$var$deep_equal(elem, obj2[index]);
+    });
   }
-  return true;
-}
-function $76012c4468a53d1f$var$is_object(object) {
-  return object != null && typeof object === "object";
+  if (typeof obj1 === "object" && typeof obj2 === "object" && obj1 !== null && obj2 !== null) {
+    if (Array.isArray(obj1) || Array.isArray(obj2)) return false;
+    const keys1 = Object.keys(obj1);
+    const keys2 = Object.keys(obj2);
+    if (keys1.length !== keys2.length || !keys1.every(key => keys2.includes(key))) return false;
+    for (const key in obj1) {
+      if ($76012c4468a53d1f$var$result_ids.includes(key)) continue; // ignore keys changing with every request
+      const isEqual = $76012c4468a53d1f$var$deep_equal(obj1[key], obj2[key]);
+      if (!isEqual) return false;
+    }
+    return true;
+  }
+  return false;
 }
 
 // Errors caused by SDK consuming code interfacing with the SDK, not the SDK itself or other Depict packages
@@ -2620,7 +2626,7 @@ const $164d474fea221d77$var$_tmpl$ = ["<div", ' class="filter-collapsible">', "<
   $164d474fea221d77$var$_tmpl$2 = ["<button", ' class="clear-group"><!--#-->', "<!--/--><span>", "</span></button>"],
   $164d474fea221d77$var$_tmpl$3 = ["<div", ' class="view-more-clear"><!--#-->', "<!--/--><!--#-->", "<!--/--></div>"],
   $164d474fea221d77$var$_tmpl$4 = ["<div", ' class="filter-collapsible-body"><div class="filter-part">', "</div><!--#-->", "<!--/--></div>"],
-  $164d474fea221d77$var$_tmpl$5 = ["<details", ' class="filter-collapsible"></details>'],
+  $164d474fea221d77$var$_tmpl$5 = ["<details", ' class="filter-collapsible"', "></details>"],
   $164d474fea221d77$var$_tmpl$6 = ["<summary", ' class="filter-group-summary"><div class="summary"><span>', '</span><div class="selected-w-sign"><!--#-->', "<!--/--><!--#-->", "<!--/--></div></div></summary>"],
   $164d474fea221d77$var$_tmpl$7 = ["<div", ' class="ungrouped">', "</div>"],
   $164d474fea221d77$var$_tmpl$8 = ["<button", ' class="clear-all-filters major">', "</button>"];
@@ -2695,7 +2701,7 @@ function $164d474fea221d77$var$ActualFilterBody(props) {
             return $3hooq$solidjsweb.createComponent((0, $4cfe8400ed3f92c4$export$6c6d7a51fa9aa15d), {
               is_open_: is_open,
               get details_() {
-                return $3hooq$solidjsweb.ssr($164d474fea221d77$var$_tmpl$5, $3hooq$solidjsweb.ssrHydrationKey());
+                return $3hooq$solidjsweb.ssr($164d474fea221d77$var$_tmpl$5, $3hooq$solidjsweb.ssrHydrationKey(), $3hooq$solidjsweb.ssrAttribute("data-group-title", $3hooq$solidjsweb.escape(section_, true), false));
               },
               get summary_() {
                 return $3hooq$solidjsweb.ssr($164d474fea221d77$var$_tmpl$6, $3hooq$solidjsweb.ssrHydrationKey(), $3hooq$solidjsweb.escape(section_), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $3hooq$solidjs.Show), {

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.19";
+export const version = "2.0.21";
 /**
  * Provider to wrap every listing (group of products) in
  * Used for example for deduplicating ResizeObservers for responsive images

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.19";
+const $8db9a15135765c11$export$83d89fbfd8236492 = "2.0.21";
 const $5441862cd2f5e111$var$ListingContext = /*@__PURE__*/$b8hua$createContext();
 function $5441862cd2f5e111$export$e68cff63f76bd15b(props) {
   const our_object = {};
@@ -440,22 +440,28 @@ function $2d7bad8684bc7f44$export$43f0fb951fcb0c54(_ref) {
     }
   });
 }
-// Source: https://dmitripavlutin.com/how-to-compare-objects-in-javascript/
-function $2d7bad8684bc7f44$var$deep_equal(object1, object2) {
-  const keys1 = Object.keys(object1);
-  const keys2 = Object.keys(object2);
-  if (keys1.length !== keys2.length) return false;
-  for (const key of keys1) {
-    if ($2d7bad8684bc7f44$var$result_ids.includes(key)) continue; // ignore result ids that change per response
-    const val1 = object1[key];
-    const val2 = object2[key];
-    const areObjects = $2d7bad8684bc7f44$var$is_object(val1) && $2d7bad8684bc7f44$var$is_object(val2);
-    if (areObjects && !$2d7bad8684bc7f44$var$deep_equal(val1, val2) || !areObjects && val1 !== val2) return false;
+// source: https://medium.com/@pancemarko/deep-equality-in-javascript-determining-if-two-objects-are-equal-bf98cf47e934
+function $2d7bad8684bc7f44$var$deep_equal(obj1, obj2) {
+  if (obj1 === obj2) return true;
+  if (Array.isArray(obj1) && Array.isArray(obj2)) {
+    if (obj1.length !== obj2.length) return false;
+    return obj1.every((elem, index) => {
+      return $2d7bad8684bc7f44$var$deep_equal(elem, obj2[index]);
+    });
   }
-  return true;
-}
-function $2d7bad8684bc7f44$var$is_object(object) {
-  return object != null && typeof object === "object";
+  if (typeof obj1 === "object" && typeof obj2 === "object" && obj1 !== null && obj2 !== null) {
+    if (Array.isArray(obj1) || Array.isArray(obj2)) return false;
+    const keys1 = Object.keys(obj1);
+    const keys2 = Object.keys(obj2);
+    if (keys1.length !== keys2.length || !keys1.every(key => keys2.includes(key))) return false;
+    for (const key in obj1) {
+      if ($2d7bad8684bc7f44$var$result_ids.includes(key)) continue; // ignore keys changing with every request
+      const isEqual = $2d7bad8684bc7f44$var$deep_equal(obj1[key], obj2[key]);
+      if (!isEqual) return false;
+    }
+    return true;
+  }
+  return false;
 }
 
 // Errors caused by SDK consuming code interfacing with the SDK, not the SDK itself or other Depict packages
@@ -2556,7 +2562,7 @@ const $f6b0500577e1b210$var$_tmpl$ = ["<div", ' class="filter-collapsible">', "<
   $f6b0500577e1b210$var$_tmpl$2 = ["<button", ' class="clear-group"><!--#-->', "<!--/--><span>", "</span></button>"],
   $f6b0500577e1b210$var$_tmpl$3 = ["<div", ' class="view-more-clear"><!--#-->', "<!--/--><!--#-->", "<!--/--></div>"],
   $f6b0500577e1b210$var$_tmpl$4 = ["<div", ' class="filter-collapsible-body"><div class="filter-part">', "</div><!--#-->", "<!--/--></div>"],
-  $f6b0500577e1b210$var$_tmpl$5 = ["<details", ' class="filter-collapsible"></details>'],
+  $f6b0500577e1b210$var$_tmpl$5 = ["<details", ' class="filter-collapsible"', "></details>"],
   $f6b0500577e1b210$var$_tmpl$6 = ["<summary", ' class="filter-group-summary"><div class="summary"><span>', '</span><div class="selected-w-sign"><!--#-->', "<!--/--><!--#-->", "<!--/--></div></div></summary>"],
   $f6b0500577e1b210$var$_tmpl$7 = ["<div", ' class="ungrouped">', "</div>"],
   $f6b0500577e1b210$var$_tmpl$8 = ["<button", ' class="clear-all-filters major">', "</button>"];
@@ -2631,7 +2637,7 @@ function $f6b0500577e1b210$var$ActualFilterBody(props) {
             return $b8hua$createComponent((0, $ad371564683947ab$export$6c6d7a51fa9aa15d), {
               is_open_: is_open,
               get details_() {
-                return $b8hua$ssr($f6b0500577e1b210$var$_tmpl$5, $b8hua$ssrHydrationKey());
+                return $b8hua$ssr($f6b0500577e1b210$var$_tmpl$5, $b8hua$ssrHydrationKey(), $b8hua$ssrAttribute("data-group-title", $b8hua$escape(section_, true), false));
               },
               get summary_() {
                 return $b8hua$ssr($f6b0500577e1b210$var$_tmpl$6, $b8hua$ssrHydrationKey(), $b8hua$escape(section_), $b8hua$escape($b8hua$createComponent((0, $b8hua$Show), {

package/server/latest/index.cjs

@@ -66,7 +66,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.19";
+const $b757f75811f3261f$export$83d89fbfd8236492 = "2.0.21";
 const $84798aaa863a4909$var$ListingContext = /*@__PURE__*/$5vyXB$solidjs.createContext();
 function $84798aaa863a4909$export$e68cff63f76bd15b(props) {
   const our_object = {};
@@ -473,22 +473,28 @@ function $a73063cc642f3e5f$export$43f0fb951fcb0c54({
     }
   });
 }
-// Source: https://dmitripavlutin.com/how-to-compare-objects-in-javascript/
-function $a73063cc642f3e5f$var$deep_equal(object1, object2) {
-  const keys1 = Object.keys(object1);
-  const keys2 = Object.keys(object2);
-  if (keys1.length !== keys2.length) return false;
-  for (const key of keys1) {
-    if ($a73063cc642f3e5f$var$result_ids.includes(key)) continue; // ignore result ids that change per response
-    const val1 = object1[key];
-    const val2 = object2[key];
-    const areObjects = $a73063cc642f3e5f$var$is_object(val1) && $a73063cc642f3e5f$var$is_object(val2);
-    if (areObjects && !$a73063cc642f3e5f$var$deep_equal(val1, val2) || !areObjects && val1 !== val2) return false;
+// source: https://medium.com/@pancemarko/deep-equality-in-javascript-determining-if-two-objects-are-equal-bf98cf47e934
+function $a73063cc642f3e5f$var$deep_equal(obj1, obj2) {
+  if (obj1 === obj2) return true;
+  if (Array.isArray(obj1) && Array.isArray(obj2)) {
+    if (obj1.length !== obj2.length) return false;
+    return obj1.every((elem, index) => {
+      return $a73063cc642f3e5f$var$deep_equal(elem, obj2[index]);
+    });
   }
-  return true;
-}
-function $a73063cc642f3e5f$var$is_object(object) {
-  return object != null && typeof object === "object";
+  if (typeof obj1 === "object" && typeof obj2 === "object" && obj1 !== null && obj2 !== null) {
+    if (Array.isArray(obj1) || Array.isArray(obj2)) return false;
+    const keys1 = Object.keys(obj1);
+    const keys2 = Object.keys(obj2);
+    if (keys1.length !== keys2.length || !keys1.every(key => keys2.includes(key))) return false;
+    for (const key in obj1) {
+      if ($a73063cc642f3e5f$var$result_ids.includes(key)) continue; // ignore keys changing with every request
+      const isEqual = $a73063cc642f3e5f$var$deep_equal(obj1[key], obj2[key]);
+      if (!isEqual) return false;
+    }
+    return true;
+  }
+  return false;
 }
 
 // Errors caused by SDK consuming code interfacing with the SDK, not the SDK itself or other Depict packages
@@ -2449,7 +2455,7 @@ const $aff9a96d30ed3563$var$_tmpl$ = ["<div", ' class="filter-collapsible">', "<
   $aff9a96d30ed3563$var$_tmpl$2 = ["<button", ' class="clear-group"><!--#-->', "<!--/--><span>", "</span></button>"],
   $aff9a96d30ed3563$var$_tmpl$3 = ["<div", ' class="view-more-clear"><!--#-->', "<!--/--><!--#-->", "<!--/--></div>"],
   $aff9a96d30ed3563$var$_tmpl$4 = ["<div", ' class="filter-collapsible-body"><div class="filter-part">', "</div><!--#-->", "<!--/--></div>"],
-  $aff9a96d30ed3563$var$_tmpl$5 = ["<details", ' class="filter-collapsible"></details>'],
+  $aff9a96d30ed3563$var$_tmpl$5 = ["<details", ' class="filter-collapsible"', "></details>"],
   $aff9a96d30ed3563$var$_tmpl$6 = ["<summary", ' class="filter-group-summary"><div class="summary"><span>', '</span><div class="selected-w-sign"><!--#-->', "<!--/--><!--#-->", "<!--/--></div></div></summary>"],
   $aff9a96d30ed3563$var$_tmpl$7 = ["<div", ' class="ungrouped">', "</div>"],
   $aff9a96d30ed3563$var$_tmpl$8 = ["<button", ' class="clear-all-filters major">', "</button>"];
@@ -2514,7 +2520,7 @@ function $aff9a96d30ed3563$var$ActualFilterBody(props) {
             return $5vyXB$solidjsweb.createComponent((0, $a69e505a12a77874$export$6c6d7a51fa9aa15d), {
               is_open_: is_open,
               get details_() {
-                return $5vyXB$solidjsweb.ssr($aff9a96d30ed3563$var$_tmpl$5, $5vyXB$solidjsweb.ssrHydrationKey());
+                return $5vyXB$solidjsweb.ssr($aff9a96d30ed3563$var$_tmpl$5, $5vyXB$solidjsweb.ssrHydrationKey(), $5vyXB$solidjsweb.ssrAttribute("data-group-title", $5vyXB$solidjsweb.escape(section_, true), false));
               },
               get summary_() {
                 return $5vyXB$solidjsweb.ssr($aff9a96d30ed3563$var$_tmpl$6, $5vyXB$solidjsweb.ssrHydrationKey(), $5vyXB$solidjsweb.escape(section_), $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent((0, $5vyXB$solidjs.Show), {

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.19";
+export const version = "2.0.21";
 /**
  * Provider to wrap every listing (group of products) in
  * Used for example for deduplicating ResizeObservers for responsive images

package/server/latest/index.js

@@ -5,7 +5,7 @@ import { createSignal as $i7OB2$createSignal, getOwner as $i7OB2$getOwner, creat
 /*! 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.19";
+const $ec291e0010116877$export$83d89fbfd8236492 = "2.0.21";
 const $011607bdf658f807$var$ListingContext = /*@__PURE__*/$i7OB2$createContext();
 function $011607bdf658f807$export$e68cff63f76bd15b(props) {
   const our_object = {};
@@ -412,22 +412,28 @@ function $29ec7cddbe1d3484$export$43f0fb951fcb0c54({
     }
   });
 }
-// Source: https://dmitripavlutin.com/how-to-compare-objects-in-javascript/
-function $29ec7cddbe1d3484$var$deep_equal(object1, object2) {
-  const keys1 = Object.keys(object1);
-  const keys2 = Object.keys(object2);
-  if (keys1.length !== keys2.length) return false;
-  for (const key of keys1) {
-    if ($29ec7cddbe1d3484$var$result_ids.includes(key)) continue; // ignore result ids that change per response
-    const val1 = object1[key];
-    const val2 = object2[key];
-    const areObjects = $29ec7cddbe1d3484$var$is_object(val1) && $29ec7cddbe1d3484$var$is_object(val2);
-    if (areObjects && !$29ec7cddbe1d3484$var$deep_equal(val1, val2) || !areObjects && val1 !== val2) return false;
+// source: https://medium.com/@pancemarko/deep-equality-in-javascript-determining-if-two-objects-are-equal-bf98cf47e934
+function $29ec7cddbe1d3484$var$deep_equal(obj1, obj2) {
+  if (obj1 === obj2) return true;
+  if (Array.isArray(obj1) && Array.isArray(obj2)) {
+    if (obj1.length !== obj2.length) return false;
+    return obj1.every((elem, index) => {
+      return $29ec7cddbe1d3484$var$deep_equal(elem, obj2[index]);
+    });
   }
-  return true;
-}
-function $29ec7cddbe1d3484$var$is_object(object) {
-  return object != null && typeof object === "object";
+  if (typeof obj1 === "object" && typeof obj2 === "object" && obj1 !== null && obj2 !== null) {
+    if (Array.isArray(obj1) || Array.isArray(obj2)) return false;
+    const keys1 = Object.keys(obj1);
+    const keys2 = Object.keys(obj2);
+    if (keys1.length !== keys2.length || !keys1.every(key => keys2.includes(key))) return false;
+    for (const key in obj1) {
+      if ($29ec7cddbe1d3484$var$result_ids.includes(key)) continue; // ignore keys changing with every request
+      const isEqual = $29ec7cddbe1d3484$var$deep_equal(obj1[key], obj2[key]);
+      if (!isEqual) return false;
+    }
+    return true;
+  }
+  return false;
 }
 
 // Errors caused by SDK consuming code interfacing with the SDK, not the SDK itself or other Depict packages
@@ -2388,7 +2394,7 @@ const $fab07f52c9861732$var$_tmpl$ = ["<div", ' class="filter-collapsible">', "<
   $fab07f52c9861732$var$_tmpl$2 = ["<button", ' class="clear-group"><!--#-->', "<!--/--><span>", "</span></button>"],
   $fab07f52c9861732$var$_tmpl$3 = ["<div", ' class="view-more-clear"><!--#-->', "<!--/--><!--#-->", "<!--/--></div>"],
   $fab07f52c9861732$var$_tmpl$4 = ["<div", ' class="filter-collapsible-body"><div class="filter-part">', "</div><!--#-->", "<!--/--></div>"],
-  $fab07f52c9861732$var$_tmpl$5 = ["<details", ' class="filter-collapsible"></details>'],
+  $fab07f52c9861732$var$_tmpl$5 = ["<details", ' class="filter-collapsible"', "></details>"],
   $fab07f52c9861732$var$_tmpl$6 = ["<summary", ' class="filter-group-summary"><div class="summary"><span>', '</span><div class="selected-w-sign"><!--#-->', "<!--/--><!--#-->", "<!--/--></div></div></summary>"],
   $fab07f52c9861732$var$_tmpl$7 = ["<div", ' class="ungrouped">', "</div>"],
   $fab07f52c9861732$var$_tmpl$8 = ["<button", ' class="clear-all-filters major">', "</button>"];
@@ -2453,7 +2459,7 @@ function $fab07f52c9861732$var$ActualFilterBody(props) {
             return $i7OB2$createComponent((0, $6bb0a0c563dff4bb$export$6c6d7a51fa9aa15d), {
               is_open_: is_open,
               get details_() {
-                return $i7OB2$ssr($fab07f52c9861732$var$_tmpl$5, $i7OB2$ssrHydrationKey());
+                return $i7OB2$ssr($fab07f52c9861732$var$_tmpl$5, $i7OB2$ssrHydrationKey(), $i7OB2$ssrAttribute("data-group-title", $i7OB2$escape(section_, true), false));
               },
               get summary_() {
                 return $i7OB2$ssr($fab07f52c9861732$var$_tmpl$6, $i7OB2$ssrHydrationKey(), $i7OB2$escape(section_), $i7OB2$escape($i7OB2$createComponent((0, $i7OB2$Show), {