@depict-ai/ui 2.0.4 → 2.0.6

package/server/latest/index.js

@@ -5,7 +5,7 @@ import { ssr as $i7OB2$ssr, ssrHydrationKey as $i7OB2$ssrHydrationKey, escape as
 /*! Depict.ai search and product listing SDK */
 import { register_es_version } from "../../multi_import_deduplicator.mjs";
 register_es_version("ui", "latest");
-const $ec291e0010116877$export$83d89fbfd8236492 = "2.0.4";
+const $ec291e0010116877$export$83d89fbfd8236492 = "2.0.6";
 
 /** @jsxImportSource solid-js */
 
@@ -1195,14 +1195,17 @@ function $eb8d9bf3b5700c26$export$430444115f70a734({
     }
   })));
 }
-const $a6b08770e164eced$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 $a6b08770e164eced$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>"],
   $a6b08770e164eced$var$_tmpl$2 = ["<div", ' class="slider"><div class="progress" style="', '"></div></div>'],
-  $a6b08770e164eced$var$_tmpl$3 = ["<div", ' class="range-group"><input type="range"', ' step="any"><input', ' type="range"', ' step="any"></div>'];
+  $a6b08770e164eced$var$_tmpl$3 = ["<div", ' class="range-group"><input', ' type="range"', ' step="any"><input', ' type="range"', ' step="any"></div>'];
 function $a6b08770e164eced$export$e0d834a0ad870cda({
   filter_: filter_,
   selected_filters_: selected_filters_,
   i18n_: i18n_
 }) {
+  // If you ever attempt to implement that one can drag one range "knob" over the other like on prisjakt, see https://gitlab.com/depict-ai/depict.ai/-/merge_requests/8458/diffs?commit_id=c52dbdd15ca073489bee138b15d27bb6bf2992df
+  // The issue with it is that one wants to discard the changes to the lower value as soon as the lower value has become the upper value when dragging the initially lower knob over the initially upper knob
+  // But we can't reliably know when we've started dragging/changing the value (or at least I gave up at that point for now)
   const current_range = $i7OB2$createSignal($i7OB2$untrack(() => filter_().data));
   const selected_filter = $i7OB2$createMemo(() => selected_filters_[0]().find(({
     field: checking_field,
@@ -1267,11 +1270,13 @@ function $a6b08770e164eced$var$RangeSelector({
   const [get_current_range] = current_range_;
   const pre_price = $i7OB2$createMemo(() => price_formatting_().pre_);
   const post_price = $i7OB2$createMemo(() => price_formatting_().post_);
-  return $i7OB2$ssr($a6b08770e164eced$var$_tmpl$, $i7OB2$ssrHydrationKey(), $i7OB2$ssrAttribute("aria-label", $i7OB2$escape(i18n_.range_filter_low_point_aria_label_(), true), false) + $i7OB2$ssrAttribute("min", $i7OB2$escape(min_(), true), false) + $i7OB2$ssrAttribute("max", $i7OB2$escape(max_(), true), false) + $i7OB2$ssrAttribute("value", $i7OB2$escape(get_current_range()[0], true), false), $i7OB2$ssrAttribute("aria-label", $i7OB2$escape(i18n_.range_filter_high_point_aria_label_(), true), false), $i7OB2$ssrAttribute("min", $i7OB2$escape(min_(), true), false) + $i7OB2$ssrAttribute("max", $i7OB2$escape(max_(), true), false) + $i7OB2$ssrAttribute("value", $i7OB2$escape(get_current_range()[1], true), false), $i7OB2$escape($i7OB2$createComponent($a6b08770e164eced$var$ExponentialSlider, {
+  const should_be_disabled_ = $i7OB2$createMemo(() => Math.abs(min_() - max_()) < 2);
+  return $i7OB2$ssr($a6b08770e164eced$var$_tmpl$, $i7OB2$ssrHydrationKey(), `range ${min_() === max_() ? "disabled" : ""}`, $i7OB2$ssrAttribute("disabled", should_be_disabled_(), true), $i7OB2$ssrAttribute("aria-label", $i7OB2$escape(i18n_.range_filter_low_point_aria_label_(), true), false) + $i7OB2$ssrAttribute("min", $i7OB2$escape(min_(), true), false) + $i7OB2$ssrAttribute("max", $i7OB2$escape(max_(), true), false) + $i7OB2$ssrAttribute("value", $i7OB2$escape(get_current_range()[0], true), false), $i7OB2$ssrAttribute("disabled", should_be_disabled_(), true) + $i7OB2$ssrAttribute("aria-label", $i7OB2$escape(i18n_.range_filter_high_point_aria_label_(), true), false), $i7OB2$ssrAttribute("min", $i7OB2$escape(min_(), true), false) + $i7OB2$ssrAttribute("max", $i7OB2$escape(max_(), true), false) + $i7OB2$ssrAttribute("value", $i7OB2$escape(get_current_range()[1], true), false), $i7OB2$escape($i7OB2$createComponent($a6b08770e164eced$var$ExponentialSlider, {
     max_: max_,
     min_: min_,
     current_range_: current_range_,
-    i18n_: i18n_
+    i18n_: i18n_,
+    should_be_disabled_: should_be_disabled_
   })), $i7OB2$escape(pre_price()), $i7OB2$escape($i7OB2$createComponent((0, $8c0f86cb3e266eeb$export$a71e92cfbb498adc), {
     get price_() {
       return min_();
@@ -1292,13 +1297,13 @@ function $a6b08770e164eced$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 = $i7OB2$createSignal(transform_linear_to_nonlinear($i7OB2$untrack(read_current_range)));
-  const [read_modified_range, write_modified_range] = modified_range;
+  const modified_range_accessor = $i7OB2$createMemo(() => transform_linear_to_nonlinear(read_current_range()));
   const modified_max = $i7OB2$createMemo(() => Math.sqrt(max_()));
   const modified_min = $i7OB2$createMemo(() => Math.sqrt(min_()));
   const offset_value_calculator_ = (value, how_many) => {
@@ -1306,23 +1311,28 @@ function $a6b08770e164eced$var$ExponentialSlider({
     const changed = number_in_linear + how_many;
     return Math.sqrt(changed);
   };
-  $i7OB2$createComputed($i7OB2$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
-  }));
-  $i7OB2$createComputed($i7OB2$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 = $i7OB2$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 $a6b08770e164eced$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 $a6b08770e164eced$var$LinearSlider({
@@ -1330,14 +1340,19 @@ function $a6b08770e164eced$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;
   let clickable_slider;
   const [get_current_range, set_current_range] = current_range_;
   const progress_styling = $i7OB2$createMemo(() => {
-    return `left:${get_current_range()[0] / max_() * 100}%;right:${100 - get_current_range()[1] / max_() * 100}%`;
+    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) => {
     // initially I set the value on the elements by just having value={get_current_range()[0]}
@@ -1350,13 +1365,13 @@ function $a6b08770e164eced$var$LinearSlider({
       el.value = get_current_range()[index];
     });
   };
-  return [$i7OB2$ssr($a6b08770e164eced$var$_tmpl$2, $i7OB2$ssrHydrationKey(), $i7OB2$ssrStyle(progress_styling())), $i7OB2$ssr($a6b08770e164eced$var$_tmpl$3, $i7OB2$ssrHydrationKey(), $i7OB2$ssrAttribute("aria-label", $i7OB2$escape(i18n_.range_filter_low_point_aria_label_(), true), false) + $i7OB2$ssrAttribute("min", $i7OB2$escape(min_(), true), false) + $i7OB2$ssrAttribute("max", $i7OB2$escape(max_(), true), false) + $i7OB2$ssrAttribute("value", $i7OB2$escape($i7OB2$createMemo(() => {
+  return [$i7OB2$ssr($a6b08770e164eced$var$_tmpl$2, $i7OB2$ssrHydrationKey(), $i7OB2$ssrStyle(progress_styling())), $i7OB2$ssr($a6b08770e164eced$var$_tmpl$3, $i7OB2$ssrHydrationKey(), $i7OB2$ssrAttribute("disabled", should_be_disabled_(), true), $i7OB2$ssrAttribute("aria-label", $i7OB2$escape(i18n_.range_filter_low_point_aria_label_(), true), false) + $i7OB2$ssrAttribute("min", $i7OB2$escape(min_(), true), false) + $i7OB2$ssrAttribute("max", $i7OB2$escape(max_(), true), false) + $i7OB2$ssrAttribute("value", $i7OB2$escape($i7OB2$createMemo(() => {
     min_();
     max_();
     return get_current_range()[0];
   }, undefined, {
     equals: false
-  })(), true), false), $i7OB2$ssrAttribute("aria-label", $i7OB2$escape(i18n_.range_filter_high_point_aria_label_(), true), false), $i7OB2$ssrAttribute("min", $i7OB2$escape(min_(), true), false) + $i7OB2$ssrAttribute("max", $i7OB2$escape(max_(), true), false))];
+  })(), true), false), $i7OB2$ssrAttribute("disabled", should_be_disabled_(), true) + $i7OB2$ssrAttribute("aria-label", $i7OB2$escape(i18n_.range_filter_high_point_aria_label_(), true), false), $i7OB2$ssrAttribute("min", $i7OB2$escape(min_(), true), false) + $i7OB2$ssrAttribute("max", $i7OB2$escape(max_(), true), false))];
 }
 function $a6b08770e164eced$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;
@@ -1605,37 +1620,40 @@ function $1c8cac76cb67e9af$var$render_stuff(data, existing_filter, i18n_) {
               return has_expandable();
             },
             get children() {
-              return $i7OB2$createComponent((0, $6bb0a0c563dff4bb$export$6c6d7a51fa9aa15d), {
-                get details_() {
-                  return $i7OB2$ssr($1c8cac76cb67e9af$var$_tmpl$3, $i7OB2$ssrHydrationKey());
-                },
-                get summary_() {
-                  return $i7OB2$ssr($1c8cac76cb67e9af$var$_tmpl$4, $i7OB2$ssrHydrationKey(), `count ${value()?.count_ === 0 ? "count-0" : ""}`, $i7OB2$escape(value()?.count_), $i7OB2$escape($i7OB2$createComponent((0, $0b6bc2f8309efa8a$export$e5c2828934226505), {
-                    i18n_: i18n_,
-                    get expanded_() {
-                      return $i7OB2$createMemo(() => value()?.is_expanded_?.ui_should_show_expanded_?.() ?? false);
+              return (() => {
+                const is_open = $i7OB2$createMemo(() => {
+                  const v = value();
+                  if (!v)
+                    // only to prevent cleanup errors
+                    return $i7OB2$createSignal(false);
+                  const {
+                    is_expanded_: {
+                      ui_should_show_expanded_: ui_should_show_expanded_,
+                      set_user_expanded_: set_user_expanded_
                     }
-                  })));
-                },
-                get is_open_() {
-                  return $i7OB2$createMemo(() => {
-                    const v = value();
-                    if (!v)
-                      // only to prevent cleanup errors
-                      return $i7OB2$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 $i7OB2$createComponent((0, $6bb0a0c563dff4bb$export$6c6d7a51fa9aa15d), {
+                  get details_() {
+                    return $i7OB2$ssr($1c8cac76cb67e9af$var$_tmpl$3, $i7OB2$ssrHydrationKey());
+                  },
+                  get summary_() {
+                    return $i7OB2$ssr($1c8cac76cb67e9af$var$_tmpl$4, $i7OB2$ssrHydrationKey(), `count ${value()?.count_ === 0 ? "count-0" : ""}`, $i7OB2$escape(value()?.count_), $i7OB2$escape($i7OB2$createComponent((0, $0b6bc2f8309efa8a$export$e5c2828934226505), {
+                      i18n_: i18n_,
+                      get expanded_() {
+                        return $i7OB2$createMemo(() => value()?.is_expanded_?.ui_should_show_expanded_?.() ?? false);
                       }
-                    } = v;
-                    return [ui_should_show_expanded_, set_user_expanded_];
-                  })();
-                },
-                get children() {
-                  return $1c8cac76cb67e9af$var$render_stuff($i7OB2$createMemo(() => value()?.children_ || {}), existing_filter, i18n_);
-                }
-              });
+                    })));
+                  },
+                  get is_open_() {
+                    return is_open();
+                  },
+                  get children() {
+                    return $1c8cac76cb67e9af$var$render_stuff($i7OB2$createMemo(() => value()?.children_ || {}), existing_filter, i18n_);
+                  }
+                });
+              })();
             }
           })));
         })();
@@ -1698,7 +1716,7 @@ function $1c8cac76cb67e9af$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(...$i7OB2$createSignal(index_of_us_in_selected_filter >= 0 ? true : false));
+    signal_.push(...$i7OB2$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(({