@depict-ai/ui 2.0.5 → 2.0.7

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.5";
+const $8db9a15135765c11$export$83d89fbfd8236492 = "2.0.7";
 
 /** @jsxImportSource solid-js */
 
@@ -64,38 +64,6 @@ const $a9c7ba6087881ac2$export$6daf8749b65a1b77 = cols_at_size => {
   });
   return $a9c7ba6087881ac2$var$transform_elements(sorted_cols_at_size);
 };
-
-/**
- * Content results ContentCard look stupid on mobile if there are two columns of them, so we limit the number of columns to 1 if the screen is too small
- */
-function $3f7203368ad0d3ca$export$ff7109b9b2b206ba(sdk_cols_at_size) {
-  let min_width_for_more_than_one_column = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 500;
-  if (!sdk_cols_at_size.length) return sdk_cols_at_size;
-  const sorted_sizes = sdk_cols_at_size.map(_ref => {
-    let [cols, max_width] = _ref;
-    return [cols, max_width !== null && max_width !== void 0 ? max_width : Infinity];
-  }).sort((_ref2, _ref3) => {
-    let [, a] = _ref2;
-    let [, b] = _ref3;
-    return a - b;
-  });
-  const [[, smallest_max_width]] = sorted_sizes;
-  if (smallest_max_width > min_width_for_more_than_one_column)
-    // If everything above min_width_for_more_than_one_column, we can just add a 1 column at the beginning
-    return [[1, min_width_for_more_than_one_column], ...sdk_cols_at_size];
-  const to_delete = [];
-  for (let i = 0; i < sorted_sizes.length; i++) {
-    const [, max_width] = sorted_sizes[i];
-    if (max_width > min_width_for_more_than_one_column) continue;
-    to_delete.push(i);
-  }
-  while (to_delete.length) sorted_sizes.splice(to_delete.pop(), 1);
-  sorted_sizes.unshift([1, min_width_for_more_than_one_column]);
-  return sorted_sizes.map(_ref4 => {
-    let [cols, max_width] = _ref4;
-    return max_width == Infinity ? [cols] : [cols, max_width];
-  });
-}
 function $ca55612a53dbbdd2$export$a2cc176055f8f08() {
   const text = "Please try setting `colsAtSize` on the `SearchPage`/`CategoryPage` components to change the grid before setting it with CSS. If you do with CSS, set `ColsAtSize` to an empty array to ensure no declarations created by the SDK leak through.";
   return (0, $b8hua$isServer) ? {
@@ -583,7 +551,7 @@ function $d5d7e58c5c9d8db0$export$9574e176201e5e8d(props) {
       market_: () => props.market,
       merchant_: () => props.merchant,
       layout_options_: $b8hua$createMemo(() => ({
-        cols_at_size: $a9c7ba6087881ac2$export$6daf8749b65a1b77($3f7203368ad0d3ca$export$ff7109b9b2b206ba(props.cols_at_size)),
+        cols_at_size: $a9c7ba6087881ac2$export$6daf8749b65a1b77(props.cols_at_size),
         ...grid_spacing_override()
       }))
     })));
@@ -688,7 +656,7 @@ function $b432b11321ad4c97$export$9756467d34d91cdb(props) {
       market_: () => props.market,
       merchant_: () => props.merchant,
       layout_options_: $b8hua$createMemo(() => ({
-        cols_at_size: $a9c7ba6087881ac2$export$6daf8749b65a1b77($3f7203368ad0d3ca$export$ff7109b9b2b206ba(props.cols_at_size)),
+        cols_at_size: $a9c7ba6087881ac2$export$6daf8749b65a1b77(props.cols_at_size),
         ...grid_spacing_override()
       }))
     })));
@@ -1278,9 +1246,9 @@ function $b54fc842e721c9eb$export$430444115f70a734(_ref) {
     }
   })));
 }
-const $1e7465a8ffa97f6c$var$_tmpl$ = ["<div", ' class="range"><div class="input-group"><div class="field"><input type="number"', '></div><div class="separator">-</div><div class="field"><input', ' type="number"', "></div></div><!--#-->", '<!--/--><div class="value-text"><span class="min"><!--#-->', "<!--/--><!--#-->", "<!--/--><!--#-->", '<!--/--></span><span class="max"><!--#-->', "<!--/--><!--#-->", "<!--/--><!--#-->", "<!--/--></span></div></div>"],
+const $1e7465a8ffa97f6c$var$_tmpl$ = ["<div", ' class="', '"><div class="input-group"><div class="field"><input', ' type="number"', '></div><div class="separator">-</div><div class="field"><input', ' type="number"', "></div></div><!--#-->", '<!--/--><div class="value-text"><span class="min"><!--#-->', "<!--/--><!--#-->", "<!--/--><!--#-->", '<!--/--></span><span class="max"><!--#-->', "<!--/--><!--#-->", "<!--/--><!--#-->", "<!--/--></span></div></div>"],
   $1e7465a8ffa97f6c$var$_tmpl$2 = ["<div", ' class="slider"><div class="progress" style="', '"></div></div>'],
-  $1e7465a8ffa97f6c$var$_tmpl$3 = ["<div", ' class="range-group"><input type="range"', ' step="any"><input', ' type="range"', ' step="any"></div>'];
+  $1e7465a8ffa97f6c$var$_tmpl$3 = ["<div", ' class="range-group"><input', ' type="range"', ' step="any"><input', ' type="range"', ' step="any"></div>'];
 function $1e7465a8ffa97f6c$export$e0d834a0ad870cda(_ref) {
   let {
     filter_: filter_,
@@ -1359,11 +1327,13 @@ function $1e7465a8ffa97f6c$var$RangeSelector(_ref3) {
   const [get_current_range] = current_range_;
   const pre_price = $b8hua$createMemo(() => price_formatting_().pre_);
   const post_price = $b8hua$createMemo(() => price_formatting_().post_);
-  return $b8hua$ssr($1e7465a8ffa97f6c$var$_tmpl$, $b8hua$ssrHydrationKey(), $b8hua$ssrAttribute("aria-label", $b8hua$escape(i18n_.range_filter_low_point_aria_label_(), true), false) + $b8hua$ssrAttribute("min", $b8hua$escape(min_(), true), false) + $b8hua$ssrAttribute("max", $b8hua$escape(max_(), true), false) + $b8hua$ssrAttribute("value", $b8hua$escape(get_current_range()[0], true), false), $b8hua$ssrAttribute("aria-label", $b8hua$escape(i18n_.range_filter_high_point_aria_label_(), true), false), $b8hua$ssrAttribute("min", $b8hua$escape(min_(), true), false) + $b8hua$ssrAttribute("max", $b8hua$escape(max_(), true), false) + $b8hua$ssrAttribute("value", $b8hua$escape(get_current_range()[1], true), false), $b8hua$escape($b8hua$createComponent($1e7465a8ffa97f6c$var$ExponentialSlider, {
+  const should_be_disabled_ = $b8hua$createMemo(() => Math.abs(min_() - max_()) < 2);
+  return $b8hua$ssr($1e7465a8ffa97f6c$var$_tmpl$, $b8hua$ssrHydrationKey(), "range ".concat(min_() === max_() ? "disabled" : ""), $b8hua$ssrAttribute("disabled", should_be_disabled_(), true), $b8hua$ssrAttribute("aria-label", $b8hua$escape(i18n_.range_filter_low_point_aria_label_(), true), false) + $b8hua$ssrAttribute("min", $b8hua$escape(min_(), true), false) + $b8hua$ssrAttribute("max", $b8hua$escape(max_(), true), false) + $b8hua$ssrAttribute("value", $b8hua$escape(get_current_range()[0], true), false), $b8hua$ssrAttribute("disabled", should_be_disabled_(), true) + $b8hua$ssrAttribute("aria-label", $b8hua$escape(i18n_.range_filter_high_point_aria_label_(), true), false), $b8hua$ssrAttribute("min", $b8hua$escape(min_(), true), false) + $b8hua$ssrAttribute("max", $b8hua$escape(max_(), true), false) + $b8hua$ssrAttribute("value", $b8hua$escape(get_current_range()[1], true), false), $b8hua$escape($b8hua$createComponent($1e7465a8ffa97f6c$var$ExponentialSlider, {
     max_: max_,
     min_: min_,
     current_range_: current_range_,
-    i18n_: i18n_
+    i18n_: i18n_,
+    should_be_disabled_: should_be_disabled_
   })), $b8hua$escape(pre_price()), $b8hua$escape($b8hua$createComponent((0, $60ec7a29849d81db$export$a71e92cfbb498adc), {
     get price_() {
       return min_();
@@ -1385,7 +1355,8 @@ function $1e7465a8ffa97f6c$var$ExponentialSlider(_ref4) {
     current_range_: current_range_,
     min_: min_,
     i18n_: i18n_,
-    max_: max_
+    max_: max_,
+    should_be_disabled_: should_be_disabled_
   } = _ref4;
   // inspired by https://observablehq.com/@mbostock/nonlinear-slider
   const transform_linear_to_nonlinear = _ref5 => {
@@ -1393,8 +1364,7 @@ function $1e7465a8ffa97f6c$var$ExponentialSlider(_ref4) {
     return [Math.sqrt(smaller), Math.sqrt(larger)];
   };
   const [read_current_range, write_current_range] = current_range_;
-  const modified_range = $b8hua$createSignal(transform_linear_to_nonlinear($b8hua$untrack(read_current_range)));
-  const [read_modified_range, write_modified_range] = modified_range;
+  const modified_range_accessor = $b8hua$createMemo(() => transform_linear_to_nonlinear(read_current_range()));
   const modified_max = $b8hua$createMemo(() => Math.sqrt(max_()));
   const modified_min = $b8hua$createMemo(() => Math.sqrt(min_()));
   const offset_value_calculator_ = (value, how_many) => {
@@ -1402,36 +1372,39 @@ function $1e7465a8ffa97f6c$var$ExponentialSlider(_ref4) {
     const changed = number_in_linear + how_many;
     return Math.sqrt(changed);
   };
-  $b8hua$createComputed($b8hua$on(read_current_range, new_range_from_above => {
-    // to prevent from infinite looping, don't write if it's around the same
-    const new_modified_range = transform_linear_to_nonlinear(new_range_from_above);
-    const current_modified_range = read_modified_range();
-    if (!current_modified_range.every((item, index) => Math.round(item) === Math.round(new_modified_range[index]))) write_modified_range(new_modified_range);
-  }, {
-    defer: true
-  }));
-  $b8hua$createComputed($b8hua$on(read_modified_range, _ref6 => {
-    let [smaller, larger] = _ref6;
-    return write_current_range([Math.round(smaller * smaller), Math.round(larger * larger)]);
-  }, {
-    defer: true
-  }));
+  const convert_back = (smaller, larger) => [Math.round(smaller * smaller), Math.round(larger * larger)];
+  const modified_range_setter = new_range_or_function => {
+    const old_range = $b8hua$untrack(modified_range_accessor);
+    const new_range = typeof new_range_or_function === "function" ? new_range_or_function(old_range) : new_range_or_function;
+    const [smaller, larger] = new_range;
+    const [old_smaller, old_larger] = old_range;
+    const new_range_converted = convert_back(smaller, larger);
+    const old_range_converted = convert_back(old_smaller, old_larger);
+    if (new_range_converted[0] === old_range_converted[0] && new_range_converted[1] === old_range_converted[1])
+      // If the new value gets identical rounding errors to the old value when being converted back, don't write it to the signal since it would cause an infinite loop
+      return new_range;
+    write_current_range(new_range_converted);
+    return new_range;
+  };
   return $1e7465a8ffa97f6c$var$LinearSlider({
-    current_range_: modified_range,
+    current_range_: [modified_range_accessor, modified_range_setter],
+    // "Lie" to the actual slider so we don't have to implement exponential handling in there
     min_: modified_min,
     max_: modified_max,
     offset_value_calculator_: offset_value_calculator_,
-    i18n_: i18n_
+    i18n_: i18n_,
+    should_be_disabled_: should_be_disabled_
   });
 }
-function $1e7465a8ffa97f6c$var$LinearSlider(_ref7) {
+function $1e7465a8ffa97f6c$var$LinearSlider(_ref6) {
   let {
     max_: max_,
     min_: min_,
     current_range_: current_range_,
     offset_value_calculator_: offset_value_calculator_,
-    i18n_: i18n_
-  } = _ref7;
+    i18n_: i18n_,
+    should_be_disabled_: should_be_disabled_
+  } = _ref6;
   let range_input_1;
   let range_input_2;
   let clickable_slider;
@@ -1440,6 +1413,7 @@ function $1e7465a8ffa97f6c$var$LinearSlider(_ref7) {
     const min = min_();
     const span = max_() - min;
     const [start, end] = get_current_range();
+    if (should_be_disabled_()) return "left:50%;right:50%";
     return "left:".concat((start - min) / span * 100, "%;right:").concat(100 - (end - min) / span * 100, "%");
   });
   const set_value = (el, index) => {
@@ -1453,13 +1427,13 @@ function $1e7465a8ffa97f6c$var$LinearSlider(_ref7) {
       el.value = get_current_range()[index];
     });
   };
-  return [$b8hua$ssr($1e7465a8ffa97f6c$var$_tmpl$2, $b8hua$ssrHydrationKey(), $b8hua$ssrStyle(progress_styling())), $b8hua$ssr($1e7465a8ffa97f6c$var$_tmpl$3, $b8hua$ssrHydrationKey(), $b8hua$ssrAttribute("aria-label", $b8hua$escape(i18n_.range_filter_low_point_aria_label_(), true), false) + $b8hua$ssrAttribute("min", $b8hua$escape(min_(), true), false) + $b8hua$ssrAttribute("max", $b8hua$escape(max_(), true), false) + $b8hua$ssrAttribute("value", $b8hua$escape($b8hua$createMemo(() => {
+  return [$b8hua$ssr($1e7465a8ffa97f6c$var$_tmpl$2, $b8hua$ssrHydrationKey(), $b8hua$ssrStyle(progress_styling())), $b8hua$ssr($1e7465a8ffa97f6c$var$_tmpl$3, $b8hua$ssrHydrationKey(), $b8hua$ssrAttribute("disabled", should_be_disabled_(), true), $b8hua$ssrAttribute("aria-label", $b8hua$escape(i18n_.range_filter_low_point_aria_label_(), true), false) + $b8hua$ssrAttribute("min", $b8hua$escape(min_(), true), false) + $b8hua$ssrAttribute("max", $b8hua$escape(max_(), true), false) + $b8hua$ssrAttribute("value", $b8hua$escape($b8hua$createMemo(() => {
     min_();
     max_();
     return get_current_range()[0];
   }, undefined, {
     equals: false
-  })(), true), false), $b8hua$ssrAttribute("aria-label", $b8hua$escape(i18n_.range_filter_high_point_aria_label_(), true), false), $b8hua$ssrAttribute("min", $b8hua$escape(min_(), true), false) + $b8hua$ssrAttribute("max", $b8hua$escape(max_(), true), false))];
+  })(), true), false), $b8hua$ssrAttribute("disabled", should_be_disabled_(), true) + $b8hua$ssrAttribute("aria-label", $b8hua$escape(i18n_.range_filter_high_point_aria_label_(), true), false), $b8hua$ssrAttribute("min", $b8hua$escape(min_(), true), false) + $b8hua$ssrAttribute("max", $b8hua$escape(max_(), true), false))];
 }
 function $1e7465a8ffa97f6c$var$set_range_with_sanitation(min_, max_, current_range_signal, index, target_el) {
   let get_offset_value = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : (value, how_many) => value + how_many;
@@ -1728,44 +1702,47 @@ function $0ae614c5c7babb43$var$render_stuff(data, existing_filter, i18n_) {
               return has_expandable();
             },
             get children() {
-              return $b8hua$createComponent((0, $ad371564683947ab$export$6c6d7a51fa9aa15d), {
-                get details_() {
-                  return $b8hua$ssr($0ae614c5c7babb43$var$_tmpl$3, $b8hua$ssrHydrationKey());
-                },
-                get summary_() {
-                  var _value10, _value11;
-                  return $b8hua$ssr($0ae614c5c7babb43$var$_tmpl$4, $b8hua$ssrHydrationKey(), "count ".concat(((_value10 = value()) === null || _value10 === void 0 ? void 0 : _value10.count_) === 0 ? "count-0" : ""), $b8hua$escape((_value11 = value()) === null || _value11 === void 0 ? void 0 : _value11.count_), $b8hua$escape($b8hua$createComponent((0, $457279ff15864cb9$export$e5c2828934226505), {
-                    i18n_: i18n_,
-                    get expanded_() {
-                      return $b8hua$createMemo(() => {
-                        var _value$is_expanded_$u, _value12, _value12$is_expanded_, _value12$is_expanded_2;
-                        return (_value$is_expanded_$u = (_value12 = value()) === null || _value12 === void 0 ? void 0 : (_value12$is_expanded_ = _value12.is_expanded_) === null || _value12$is_expanded_ === void 0 ? void 0 : (_value12$is_expanded_2 = _value12$is_expanded_.ui_should_show_expanded_) === null || _value12$is_expanded_2 === void 0 ? void 0 : _value12$is_expanded_2.call(_value12$is_expanded_)) !== null && _value$is_expanded_$u !== void 0 ? _value$is_expanded_$u : false;
-                      });
+              return (() => {
+                const is_open = $b8hua$createMemo(() => {
+                  const v = value();
+                  if (!v)
+                    // only to prevent cleanup errors
+                    return $b8hua$createSignal(false);
+                  const {
+                    is_expanded_: {
+                      ui_should_show_expanded_: ui_should_show_expanded_,
+                      set_user_expanded_: set_user_expanded_
                     }
-                  })));
-                },
-                get is_open_() {
-                  return $b8hua$createMemo(() => {
-                    const v = value();
-                    if (!v)
-                      // only to prevent cleanup errors
-                      return $b8hua$createSignal(false);
-                    const {
-                      is_expanded_: {
-                        ui_should_show_expanded_: ui_should_show_expanded_,
-                        set_user_expanded_: set_user_expanded_
+                  } = v;
+                  return [ui_should_show_expanded_, set_user_expanded_];
+                });
+                return $b8hua$createComponent((0, $ad371564683947ab$export$6c6d7a51fa9aa15d), {
+                  get details_() {
+                    return $b8hua$ssr($0ae614c5c7babb43$var$_tmpl$3, $b8hua$ssrHydrationKey());
+                  },
+                  get summary_() {
+                    var _value10, _value11;
+                    return $b8hua$ssr($0ae614c5c7babb43$var$_tmpl$4, $b8hua$ssrHydrationKey(), "count ".concat(((_value10 = value()) === null || _value10 === void 0 ? void 0 : _value10.count_) === 0 ? "count-0" : ""), $b8hua$escape((_value11 = value()) === null || _value11 === void 0 ? void 0 : _value11.count_), $b8hua$escape($b8hua$createComponent((0, $457279ff15864cb9$export$e5c2828934226505), {
+                      i18n_: i18n_,
+                      get expanded_() {
+                        return $b8hua$createMemo(() => {
+                          var _value$is_expanded_$u, _value12, _value12$is_expanded_, _value12$is_expanded_2;
+                          return (_value$is_expanded_$u = (_value12 = value()) === null || _value12 === void 0 ? void 0 : (_value12$is_expanded_ = _value12.is_expanded_) === null || _value12$is_expanded_ === void 0 ? void 0 : (_value12$is_expanded_2 = _value12$is_expanded_.ui_should_show_expanded_) === null || _value12$is_expanded_2 === void 0 ? void 0 : _value12$is_expanded_2.call(_value12$is_expanded_)) !== null && _value$is_expanded_$u !== void 0 ? _value$is_expanded_$u : false;
+                        });
                       }
-                    } = v;
-                    return [ui_should_show_expanded_, set_user_expanded_];
-                  })();
-                },
-                get children() {
-                  return $0ae614c5c7babb43$var$render_stuff($b8hua$createMemo(() => {
-                    var _value13;
-                    return ((_value13 = value()) === null || _value13 === void 0 ? void 0 : _value13.children_) || {};
-                  }), existing_filter, i18n_);
-                }
-              });
+                    })));
+                  },
+                  get is_open_() {
+                    return is_open();
+                  },
+                  get children() {
+                    return $0ae614c5c7babb43$var$render_stuff($b8hua$createMemo(() => {
+                      var _value13;
+                      return ((_value13 = value()) === null || _value13 === void 0 ? void 0 : _value13.children_) || {};
+                    }), existing_filter, i18n_);
+                  }
+                });
+              })();
             }
           })));
         })();
@@ -1830,7 +1807,7 @@ function $0ae614c5c7babb43$var$create_updating_signal(_ref3) {
     // wait for the children to have populated and us to have received the correct value_ and name_ values
     let updating_blocked = false;
     const index_of_us_in_selected_filter = existing_filter_ === null || existing_filter_ === void 0 ? void 0 : (_existing_filter_$dat = existing_filter_.data) === null || _existing_filter_$dat === void 0 ? void 0 : (_existing_filter_$dat2 = _existing_filter_$dat.findIndex) === null || _existing_filter_$dat2 === void 0 ? void 0 : _existing_filter_$dat2.call(_existing_filter_$dat, el => el.length === self_.value_.length && el.every((sub_el, index) => self_.value_[index] === sub_el));
-    signal_.push(...$b8hua$createSignal(index_of_us_in_selected_filter >= 0 ? true : false));
+    signal_.push(...$b8hua$createSignal(index_of_us_in_selected_filter >= 0));
     const [read_checked, write_checked] = signal_;
     const child_objects = Object.values(self_.children_);
     const get_child_object_values = child_objects.map(_ref4 => {
@@ -8812,6 +8789,38 @@ function $37e8c97bb6876197$export$828dcdd425fd3231(aligner) {
     cleanup: cleanup
   };
 }
+
+/**
+ * Content results ContentCard look stupid on mobile if there are two columns of them, so we limit the number of columns to 1 if the screen is too small
+ */
+function $3f7203368ad0d3ca$export$ff7109b9b2b206ba(sdk_cols_at_size) {
+  let min_width_for_more_than_one_column = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 500;
+  if (!sdk_cols_at_size.length) return sdk_cols_at_size;
+  const sorted_sizes = sdk_cols_at_size.map(_ref => {
+    let [cols, max_width] = _ref;
+    return [cols, max_width !== null && max_width !== void 0 ? max_width : Infinity];
+  }).sort((_ref2, _ref3) => {
+    let [, a] = _ref2;
+    let [, b] = _ref3;
+    return a - b;
+  });
+  const [[, smallest_max_width]] = sorted_sizes;
+  if (smallest_max_width > min_width_for_more_than_one_column)
+    // If everything above min_width_for_more_than_one_column, we can just add a 1 column at the beginning
+    return [[1, min_width_for_more_than_one_column], ...sdk_cols_at_size];
+  const to_delete = [];
+  for (let i = 0; i < sorted_sizes.length; i++) {
+    const [, max_width] = sorted_sizes[i];
+    if (max_width > min_width_for_more_than_one_column) continue;
+    to_delete.push(i);
+  }
+  while (to_delete.length) sorted_sizes.splice(to_delete.pop(), 1);
+  sorted_sizes.unshift([1, min_width_for_more_than_one_column]);
+  return sorted_sizes.map(_ref4 => {
+    let [cols, max_width] = _ref4;
+    return max_width == Infinity ? [cols] : [cols, max_width];
+  });
+}
 const $eb064bc3350276c1$var$_tmpl$ = ["<div", ' class="depict plp search">', "</div>"];
 function $eb064bc3350276c1$var$_classPrivateFieldInitSpec(obj, privateMap, value) {
   $eb064bc3350276c1$var$_checkPrivateRedeclaration(obj, privateMap);

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.5";
+const $b757f75811f3261f$export$83d89fbfd8236492 = "2.0.7";
 
 /** @jsxImportSource solid-js */
 
@@ -112,27 +112,6 @@ const $4e04be41243c3d80$export$6daf8749b65a1b77 = cols_at_size => {
   });
   return $4e04be41243c3d80$var$transform_elements(sorted_cols_at_size);
 };
-
-/**
- * Content results ContentCard look stupid on mobile if there are two columns of them, so we limit the number of columns to 1 if the screen is too small
- */
-function $ab7c6c7911bae2f5$export$ff7109b9b2b206ba(sdk_cols_at_size, min_width_for_more_than_one_column = 500) {
-  if (!sdk_cols_at_size.length) return sdk_cols_at_size;
-  const sorted_sizes = sdk_cols_at_size.map(([cols, max_width]) => [cols, max_width ?? Infinity]).sort(([, a], [, b]) => a - b);
-  const [[, smallest_max_width]] = sorted_sizes;
-  if (smallest_max_width > min_width_for_more_than_one_column)
-    // If everything above min_width_for_more_than_one_column, we can just add a 1 column at the beginning
-    return [[1, min_width_for_more_than_one_column], ...sdk_cols_at_size];
-  const to_delete = [];
-  for (let i = 0; i < sorted_sizes.length; i++) {
-    const [, max_width] = sorted_sizes[i];
-    if (max_width > min_width_for_more_than_one_column) continue;
-    to_delete.push(i);
-  }
-  while (to_delete.length) sorted_sizes.splice(to_delete.pop(), 1);
-  sorted_sizes.unshift([1, min_width_for_more_than_one_column]);
-  return sorted_sizes.map(([cols, max_width]) => max_width == Infinity ? [cols] : [cols, max_width]);
-}
 function $fc23d7668ae0011d$export$a2cc176055f8f08() {
   const text = "Please try setting `colsAtSize` on the `SearchPage`/`CategoryPage` components to change the grid before setting it with CSS. If you do with CSS, set `ColsAtSize` to an empty array to ensure no declarations created by the SDK leak through.";
   return (0, $5vyXB$solidjsweb.isServer) ? {
@@ -598,7 +577,7 @@ function $72f96c4782db0b1b$export$9574e176201e5e8d(props) {
       market_: () => props.market,
       merchant_: () => props.merchant,
       layout_options_: $5vyXB$solidjs.createMemo(() => ({
-        cols_at_size: $4e04be41243c3d80$export$6daf8749b65a1b77($ab7c6c7911bae2f5$export$ff7109b9b2b206ba(props.cols_at_size)),
+        cols_at_size: $4e04be41243c3d80$export$6daf8749b65a1b77(props.cols_at_size),
         ...grid_spacing_override()
       }))
     })));
@@ -696,7 +675,7 @@ function $1f8dbf7e28b3eff2$export$9756467d34d91cdb(props) {
       market_: () => props.market,
       merchant_: () => props.merchant,
       layout_options_: $5vyXB$solidjs.createMemo(() => ({
-        cols_at_size: $4e04be41243c3d80$export$6daf8749b65a1b77($ab7c6c7911bae2f5$export$ff7109b9b2b206ba(props.cols_at_size)),
+        cols_at_size: $4e04be41243c3d80$export$6daf8749b65a1b77(props.cols_at_size),
         ...grid_spacing_override()
       }))
     })));
@@ -1251,9 +1230,9 @@ function $c1dc1554c1b94233$export$430444115f70a734({
     }
   })));
 }
-const $0b7222ba8a8bb72f$var$_tmpl$ = ["<div", ' class="range"><div class="input-group"><div class="field"><input type="number"', '></div><div class="separator">-</div><div class="field"><input', ' type="number"', "></div></div><!--#-->", '<!--/--><div class="value-text"><span class="min"><!--#-->', "<!--/--><!--#-->", "<!--/--><!--#-->", '<!--/--></span><span class="max"><!--#-->', "<!--/--><!--#-->", "<!--/--><!--#-->", "<!--/--></span></div></div>"],
+const $0b7222ba8a8bb72f$var$_tmpl$ = ["<div", ' class="', '"><div class="input-group"><div class="field"><input', ' type="number"', '></div><div class="separator">-</div><div class="field"><input', ' type="number"', "></div></div><!--#-->", '<!--/--><div class="value-text"><span class="min"><!--#-->', "<!--/--><!--#-->", "<!--/--><!--#-->", '<!--/--></span><span class="max"><!--#-->', "<!--/--><!--#-->", "<!--/--><!--#-->", "<!--/--></span></div></div>"],
   $0b7222ba8a8bb72f$var$_tmpl$2 = ["<div", ' class="slider"><div class="progress" style="', '"></div></div>'],
-  $0b7222ba8a8bb72f$var$_tmpl$3 = ["<div", ' class="range-group"><input type="range"', ' step="any"><input', ' type="range"', ' step="any"></div>'];
+  $0b7222ba8a8bb72f$var$_tmpl$3 = ["<div", ' class="range-group"><input', ' type="range"', ' step="any"><input', ' type="range"', ' step="any"></div>'];
 function $0b7222ba8a8bb72f$export$e0d834a0ad870cda({
   filter_: filter_,
   selected_filters_: selected_filters_,
@@ -1326,11 +1305,13 @@ function $0b7222ba8a8bb72f$var$RangeSelector({
   const [get_current_range] = current_range_;
   const pre_price = $5vyXB$solidjs.createMemo(() => price_formatting_().pre_);
   const post_price = $5vyXB$solidjs.createMemo(() => price_formatting_().post_);
-  return $5vyXB$solidjsweb.ssr($0b7222ba8a8bb72f$var$_tmpl$, $5vyXB$solidjsweb.ssrHydrationKey(), $5vyXB$solidjsweb.ssrAttribute("aria-label", $5vyXB$solidjsweb.escape(i18n_.range_filter_low_point_aria_label_(), true), false) + $5vyXB$solidjsweb.ssrAttribute("min", $5vyXB$solidjsweb.escape(min_(), true), false) + $5vyXB$solidjsweb.ssrAttribute("max", $5vyXB$solidjsweb.escape(max_(), true), false) + $5vyXB$solidjsweb.ssrAttribute("value", $5vyXB$solidjsweb.escape(get_current_range()[0], true), false), $5vyXB$solidjsweb.ssrAttribute("aria-label", $5vyXB$solidjsweb.escape(i18n_.range_filter_high_point_aria_label_(), true), false), $5vyXB$solidjsweb.ssrAttribute("min", $5vyXB$solidjsweb.escape(min_(), true), false) + $5vyXB$solidjsweb.ssrAttribute("max", $5vyXB$solidjsweb.escape(max_(), true), false) + $5vyXB$solidjsweb.ssrAttribute("value", $5vyXB$solidjsweb.escape(get_current_range()[1], true), false), $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent($0b7222ba8a8bb72f$var$ExponentialSlider, {
+  const should_be_disabled_ = $5vyXB$solidjs.createMemo(() => Math.abs(min_() - max_()) < 2);
+  return $5vyXB$solidjsweb.ssr($0b7222ba8a8bb72f$var$_tmpl$, $5vyXB$solidjsweb.ssrHydrationKey(), `range ${min_() === max_() ? "disabled" : ""}`, $5vyXB$solidjsweb.ssrAttribute("disabled", should_be_disabled_(), true), $5vyXB$solidjsweb.ssrAttribute("aria-label", $5vyXB$solidjsweb.escape(i18n_.range_filter_low_point_aria_label_(), true), false) + $5vyXB$solidjsweb.ssrAttribute("min", $5vyXB$solidjsweb.escape(min_(), true), false) + $5vyXB$solidjsweb.ssrAttribute("max", $5vyXB$solidjsweb.escape(max_(), true), false) + $5vyXB$solidjsweb.ssrAttribute("value", $5vyXB$solidjsweb.escape(get_current_range()[0], true), false), $5vyXB$solidjsweb.ssrAttribute("disabled", should_be_disabled_(), true) + $5vyXB$solidjsweb.ssrAttribute("aria-label", $5vyXB$solidjsweb.escape(i18n_.range_filter_high_point_aria_label_(), true), false), $5vyXB$solidjsweb.ssrAttribute("min", $5vyXB$solidjsweb.escape(min_(), true), false) + $5vyXB$solidjsweb.ssrAttribute("max", $5vyXB$solidjsweb.escape(max_(), true), false) + $5vyXB$solidjsweb.ssrAttribute("value", $5vyXB$solidjsweb.escape(get_current_range()[1], true), false), $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent($0b7222ba8a8bb72f$var$ExponentialSlider, {
     max_: max_,
     min_: min_,
     current_range_: current_range_,
-    i18n_: i18n_
+    i18n_: i18n_,
+    should_be_disabled_: should_be_disabled_
   })), $5vyXB$solidjsweb.escape(pre_price()), $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent((0, $d659702496cb72ea$export$a71e92cfbb498adc), {
     get price_() {
       return min_();
@@ -1351,13 +1332,13 @@ function $0b7222ba8a8bb72f$var$ExponentialSlider({
   current_range_: current_range_,
   min_: min_,
   i18n_: i18n_,
-  max_: max_
+  max_: max_,
+  should_be_disabled_: should_be_disabled_
 }) {
   // inspired by https://observablehq.com/@mbostock/nonlinear-slider
   const transform_linear_to_nonlinear = ([smaller, larger]) => [Math.sqrt(smaller), Math.sqrt(larger)];
   const [read_current_range, write_current_range] = current_range_;
-  const modified_range = $5vyXB$solidjs.createSignal(transform_linear_to_nonlinear($5vyXB$solidjs.untrack(read_current_range)));
-  const [read_modified_range, write_modified_range] = modified_range;
+  const modified_range_accessor = $5vyXB$solidjs.createMemo(() => transform_linear_to_nonlinear(read_current_range()));
   const modified_max = $5vyXB$solidjs.createMemo(() => Math.sqrt(max_()));
   const modified_min = $5vyXB$solidjs.createMemo(() => Math.sqrt(min_()));
   const offset_value_calculator_ = (value, how_many) => {
@@ -1365,23 +1346,28 @@ function $0b7222ba8a8bb72f$var$ExponentialSlider({
     const changed = number_in_linear + how_many;
     return Math.sqrt(changed);
   };
-  $5vyXB$solidjs.createComputed($5vyXB$solidjs.on(read_current_range, new_range_from_above => {
-    // to prevent from infinite looping, don't write if it's around the same
-    const new_modified_range = transform_linear_to_nonlinear(new_range_from_above);
-    const current_modified_range = read_modified_range();
-    if (!current_modified_range.every((item, index) => Math.round(item) === Math.round(new_modified_range[index]))) write_modified_range(new_modified_range);
-  }, {
-    defer: true
-  }));
-  $5vyXB$solidjs.createComputed($5vyXB$solidjs.on(read_modified_range, ([smaller, larger]) => write_current_range([Math.round(smaller * smaller), Math.round(larger * larger)]), {
-    defer: true
-  }));
+  const convert_back = (smaller, larger) => [Math.round(smaller * smaller), Math.round(larger * larger)];
+  const modified_range_setter = new_range_or_function => {
+    const old_range = $5vyXB$solidjs.untrack(modified_range_accessor);
+    const new_range = typeof new_range_or_function === "function" ? new_range_or_function(old_range) : new_range_or_function;
+    const [smaller, larger] = new_range;
+    const [old_smaller, old_larger] = old_range;
+    const new_range_converted = convert_back(smaller, larger);
+    const old_range_converted = convert_back(old_smaller, old_larger);
+    if (new_range_converted[0] === old_range_converted[0] && new_range_converted[1] === old_range_converted[1])
+      // If the new value gets identical rounding errors to the old value when being converted back, don't write it to the signal since it would cause an infinite loop
+      return new_range;
+    write_current_range(new_range_converted);
+    return new_range;
+  };
   return $0b7222ba8a8bb72f$var$LinearSlider({
-    current_range_: modified_range,
+    current_range_: [modified_range_accessor, modified_range_setter],
+    // "Lie" to the actual slider so we don't have to implement exponential handling in there
     min_: modified_min,
     max_: modified_max,
     offset_value_calculator_: offset_value_calculator_,
-    i18n_: i18n_
+    i18n_: i18n_,
+    should_be_disabled_: should_be_disabled_
   });
 }
 function $0b7222ba8a8bb72f$var$LinearSlider({
@@ -1389,7 +1375,8 @@ function $0b7222ba8a8bb72f$var$LinearSlider({
   min_: min_,
   current_range_: current_range_,
   offset_value_calculator_: offset_value_calculator_,
-  i18n_: i18n_
+  i18n_: i18n_,
+  should_be_disabled_: should_be_disabled_
 }) {
   let range_input_1;
   let range_input_2;
@@ -1399,6 +1386,7 @@ function $0b7222ba8a8bb72f$var$LinearSlider({
     const min = min_();
     const span = max_() - min;
     const [start, end] = get_current_range();
+    if (should_be_disabled_()) return `left:50%;right:50%`;
     return `left:${(start - min) / span * 100}%;right:${100 - (end - min) / span * 100}%`;
   });
   const set_value = (el, index) => {
@@ -1412,13 +1400,13 @@ function $0b7222ba8a8bb72f$var$LinearSlider({
       el.value = get_current_range()[index];
     });
   };
-  return [$5vyXB$solidjsweb.ssr($0b7222ba8a8bb72f$var$_tmpl$2, $5vyXB$solidjsweb.ssrHydrationKey(), $5vyXB$solidjsweb.ssrStyle(progress_styling())), $5vyXB$solidjsweb.ssr($0b7222ba8a8bb72f$var$_tmpl$3, $5vyXB$solidjsweb.ssrHydrationKey(), $5vyXB$solidjsweb.ssrAttribute("aria-label", $5vyXB$solidjsweb.escape(i18n_.range_filter_low_point_aria_label_(), true), false) + $5vyXB$solidjsweb.ssrAttribute("min", $5vyXB$solidjsweb.escape(min_(), true), false) + $5vyXB$solidjsweb.ssrAttribute("max", $5vyXB$solidjsweb.escape(max_(), true), false) + $5vyXB$solidjsweb.ssrAttribute("value", $5vyXB$solidjsweb.escape($5vyXB$solidjs.createMemo(() => {
+  return [$5vyXB$solidjsweb.ssr($0b7222ba8a8bb72f$var$_tmpl$2, $5vyXB$solidjsweb.ssrHydrationKey(), $5vyXB$solidjsweb.ssrStyle(progress_styling())), $5vyXB$solidjsweb.ssr($0b7222ba8a8bb72f$var$_tmpl$3, $5vyXB$solidjsweb.ssrHydrationKey(), $5vyXB$solidjsweb.ssrAttribute("disabled", should_be_disabled_(), true), $5vyXB$solidjsweb.ssrAttribute("aria-label", $5vyXB$solidjsweb.escape(i18n_.range_filter_low_point_aria_label_(), true), false) + $5vyXB$solidjsweb.ssrAttribute("min", $5vyXB$solidjsweb.escape(min_(), true), false) + $5vyXB$solidjsweb.ssrAttribute("max", $5vyXB$solidjsweb.escape(max_(), true), false) + $5vyXB$solidjsweb.ssrAttribute("value", $5vyXB$solidjsweb.escape($5vyXB$solidjs.createMemo(() => {
     min_();
     max_();
     return get_current_range()[0];
   }, undefined, {
     equals: false
-  })(), true), false), $5vyXB$solidjsweb.ssrAttribute("aria-label", $5vyXB$solidjsweb.escape(i18n_.range_filter_high_point_aria_label_(), true), false), $5vyXB$solidjsweb.ssrAttribute("min", $5vyXB$solidjsweb.escape(min_(), true), false) + $5vyXB$solidjsweb.ssrAttribute("max", $5vyXB$solidjsweb.escape(max_(), true), false))];
+  })(), true), false), $5vyXB$solidjsweb.ssrAttribute("disabled", should_be_disabled_(), true) + $5vyXB$solidjsweb.ssrAttribute("aria-label", $5vyXB$solidjsweb.escape(i18n_.range_filter_high_point_aria_label_(), true), false), $5vyXB$solidjsweb.ssrAttribute("min", $5vyXB$solidjsweb.escape(min_(), true), false) + $5vyXB$solidjsweb.ssrAttribute("max", $5vyXB$solidjsweb.escape(max_(), true), false))];
 }
 function $0b7222ba8a8bb72f$var$set_range_with_sanitation(min_, max_, current_range_signal, index, target_el, get_offset_value = (value, how_many) => value + how_many) {
   let value_as_number = +target_el.value;
@@ -1667,37 +1655,40 @@ function $3bdc00a1353c1150$var$render_stuff(data, existing_filter, i18n_) {
               return has_expandable();
             },
             get children() {
-              return $5vyXB$solidjsweb.createComponent((0, $a69e505a12a77874$export$6c6d7a51fa9aa15d), {
-                get details_() {
-                  return $5vyXB$solidjsweb.ssr($3bdc00a1353c1150$var$_tmpl$3, $5vyXB$solidjsweb.ssrHydrationKey());
-                },
-                get summary_() {
-                  return $5vyXB$solidjsweb.ssr($3bdc00a1353c1150$var$_tmpl$4, $5vyXB$solidjsweb.ssrHydrationKey(), `count ${value()?.count_ === 0 ? "count-0" : ""}`, $5vyXB$solidjsweb.escape(value()?.count_), $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent((0, $7567511a7c3e4bd7$export$e5c2828934226505), {
-                    i18n_: i18n_,
-                    get expanded_() {
-                      return $5vyXB$solidjs.createMemo(() => value()?.is_expanded_?.ui_should_show_expanded_?.() ?? false);
+              return (() => {
+                const is_open = $5vyXB$solidjs.createMemo(() => {
+                  const v = value();
+                  if (!v)
+                    // only to prevent cleanup errors
+                    return $5vyXB$solidjs.createSignal(false);
+                  const {
+                    is_expanded_: {
+                      ui_should_show_expanded_: ui_should_show_expanded_,
+                      set_user_expanded_: set_user_expanded_
                     }
-                  })));
-                },
-                get is_open_() {
-                  return $5vyXB$solidjs.createMemo(() => {
-                    const v = value();
-                    if (!v)
-                      // only to prevent cleanup errors
-                      return $5vyXB$solidjs.createSignal(false);
-                    const {
-                      is_expanded_: {
-                        ui_should_show_expanded_: ui_should_show_expanded_,
-                        set_user_expanded_: set_user_expanded_
+                  } = v;
+                  return [ui_should_show_expanded_, set_user_expanded_];
+                });
+                return $5vyXB$solidjsweb.createComponent((0, $a69e505a12a77874$export$6c6d7a51fa9aa15d), {
+                  get details_() {
+                    return $5vyXB$solidjsweb.ssr($3bdc00a1353c1150$var$_tmpl$3, $5vyXB$solidjsweb.ssrHydrationKey());
+                  },
+                  get summary_() {
+                    return $5vyXB$solidjsweb.ssr($3bdc00a1353c1150$var$_tmpl$4, $5vyXB$solidjsweb.ssrHydrationKey(), `count ${value()?.count_ === 0 ? "count-0" : ""}`, $5vyXB$solidjsweb.escape(value()?.count_), $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent((0, $7567511a7c3e4bd7$export$e5c2828934226505), {
+                      i18n_: i18n_,
+                      get expanded_() {
+                        return $5vyXB$solidjs.createMemo(() => value()?.is_expanded_?.ui_should_show_expanded_?.() ?? false);
                       }
-                    } = v;
-                    return [ui_should_show_expanded_, set_user_expanded_];
-                  })();
-                },
-                get children() {
-                  return $3bdc00a1353c1150$var$render_stuff($5vyXB$solidjs.createMemo(() => value()?.children_ || {}), existing_filter, i18n_);
-                }
-              });
+                    })));
+                  },
+                  get is_open_() {
+                    return is_open();
+                  },
+                  get children() {
+                    return $3bdc00a1353c1150$var$render_stuff($5vyXB$solidjs.createMemo(() => value()?.children_ || {}), existing_filter, i18n_);
+                  }
+                });
+              })();
             }
           })));
         })();
@@ -1760,7 +1751,7 @@ function $3bdc00a1353c1150$var$create_updating_signal({
     // wait for the children to have populated and us to have received the correct value_ and name_ values
     let updating_blocked = false;
     const index_of_us_in_selected_filter = existing_filter_?.data?.findIndex?.(el => el.length === self_.value_.length && el.every((sub_el, index) => self_.value_[index] === sub_el));
-    signal_.push(...$5vyXB$solidjs.createSignal(index_of_us_in_selected_filter >= 0 ? true : false));
+    signal_.push(...$5vyXB$solidjs.createSignal(index_of_us_in_selected_filter >= 0));
     const [read_checked, write_checked] = signal_;
     const child_objects = Object.values(self_.children_);
     const get_child_object_values = child_objects.map(({
@@ -8180,6 +8171,27 @@ function $d8e94ea381ab57fa$export$828dcdd425fd3231(aligner) {
     cleanup: cleanup
   };
 }
+
+/**
+ * Content results ContentCard look stupid on mobile if there are two columns of them, so we limit the number of columns to 1 if the screen is too small
+ */
+function $ab7c6c7911bae2f5$export$ff7109b9b2b206ba(sdk_cols_at_size, min_width_for_more_than_one_column = 500) {
+  if (!sdk_cols_at_size.length) return sdk_cols_at_size;
+  const sorted_sizes = sdk_cols_at_size.map(([cols, max_width]) => [cols, max_width ?? Infinity]).sort(([, a], [, b]) => a - b);
+  const [[, smallest_max_width]] = sorted_sizes;
+  if (smallest_max_width > min_width_for_more_than_one_column)
+    // If everything above min_width_for_more_than_one_column, we can just add a 1 column at the beginning
+    return [[1, min_width_for_more_than_one_column], ...sdk_cols_at_size];
+  const to_delete = [];
+  for (let i = 0; i < sorted_sizes.length; i++) {
+    const [, max_width] = sorted_sizes[i];
+    if (max_width > min_width_for_more_than_one_column) continue;
+    to_delete.push(i);
+  }
+  while (to_delete.length) sorted_sizes.splice(to_delete.pop(), 1);
+  sorted_sizes.unshift([1, min_width_for_more_than_one_column]);
+  return sorted_sizes.map(([cols, max_width]) => max_width == Infinity ? [cols] : [cols, max_width]);
+}
 const $2c61e4cd8229c49a$var$_tmpl$ = ["<div", ' class="depict plp search">', "</div>"];
 // We just pass page_url_creator to DepictAPI when we instantiate it, so don't allow it to be specified if api is already specified
 /**

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.5";
+export const version = "2.0.7";
 /**
  * Returns accessor with the size of the provided element, including padding and border (I think)
  */