@depict-ai/ui 2.1.14 → 2.1.16

package/server/ES10/index.cjs

@@ -76,7 +76,7 @@ $parcel$export(module.exports, "defaultColsAtSize", () => $33eed84f447aa0c0$expo
 $parcel$export(module.exports, "defaultCategoryTitlePlugin", () => $33eed84f447aa0c0$export$7bf543b9d9be2c22);
 $parcel$export(module.exports, "version", () => $aa1938dec50d6c12$export$83d89fbfd8236492);
 /*! Depict.ai search and product listing SDK */
-const $aa1938dec50d6c12$export$83d89fbfd8236492 = "2.1.14";
+const $aa1938dec50d6c12$export$83d89fbfd8236492 = "2.1.16";
 const $a68b73fd7ba0853f$var$fallback_operator = "in";
 const $a68b73fd7ba0853f$var$fallback_token = "";
 const $a68b73fd7ba0853f$var$legacy_filter_prefix = "filter_";
@@ -1695,16 +1695,26 @@ function $9b54b9c5381716eb$export$dd948f91abc3a1c4(_ref) {
       return !!(data !== null && data !== void 0 && data.some(item => $e2d74bb03cc5252e$export$325f75597868c4f0(item) === value));
     });
     const value = $3hooq$solidjs.createMemo(() => checkbox().value_);
+    const is_count_zero = $3hooq$solidjs.createMemo(() => checkbox().count_ === 0);
+    const display_text = $3hooq$solidjs.createMemo(() => checkbox().name_ || value());
     return $3hooq$solidjsweb.createComponent((0, $902a0ca2b52f3898$export$48513f6b9f8ce62d), {
       get value_() {
         return value();
       },
       get label_() {
-        return $3hooq$solidjsweb.createComponent((0, $23c3f390dee33ff8$export$ba17c5b7e6dda39f), {
-          get whole_text_to_display_() {
-            return $3hooq$solidjs.createMemo(() => checkbox().name_ || value());
+        return $3hooq$solidjsweb.createComponent((0, $3hooq$solidjs.Show), {
+          get when() {
+            return is_count_zero();
           },
-          searching_for_value_: () => filter_query_ === null || filter_query_ === void 0 ? void 0 : filter_query_()
+          get fallback() {
+            return $3hooq$solidjsweb.createComponent((0, $23c3f390dee33ff8$export$ba17c5b7e6dda39f), {
+              whole_text_to_display_: display_text,
+              searching_for_value_: () => filter_query_ === null || filter_query_ === void 0 ? void 0 : filter_query_()
+            });
+          },
+          get children() {
+            return display_text();
+          }
         });
       },
       get count_() {
@@ -1748,6 +1758,7 @@ function $9b54b9c5381716eb$export$dd948f91abc3a1c4(_ref) {
       i18n_: i18n_
     }) : []);
   });
+  $3hooq$solidjs.onCleanup(() => set_view_more_button_below_group_());
   $3hooq$solidjs.createEffect($3hooq$depictaiutilishared.catchify(async () => {
     if (!togglable_rest()) {
       await collapse();
@@ -1808,9 +1819,19 @@ function $d9239dad9a9d899b$export$430444115f70a734(_ref) {
         const data = (_existing_filter = existing_filter()) === null || _existing_filter === void 0 ? void 0 : _existing_filter.data;
         if ($e2d74bb03cc5252e$export$325f75597868c4f0(data) === $e2d74bb03cc5252e$export$325f75597868c4f0(v)) return true;
         return Array.isArray(data) && data.every((item, index) => item === v[index]);
-      })(), true), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $23c3f390dee33ff8$export$ba17c5b7e6dda39f), {
-        whole_text_to_display_: label,
-        searching_for_value_: () => filter_query_ === null || filter_query_ === void 0 ? void 0 : filter_query_()
+      })(), true), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $3hooq$solidjs.Show), {
+        get when() {
+          return count() !== 0;
+        },
+        get fallback() {
+          return label();
+        },
+        get children() {
+          return $3hooq$solidjsweb.createComponent((0, $23c3f390dee33ff8$export$ba17c5b7e6dda39f), {
+            whole_text_to_display_: label,
+            searching_for_value_: () => filter_query_ === null || filter_query_ === void 0 ? void 0 : filter_query_()
+          });
+        }
       })), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $3hooq$solidjs.Show), {
         get when() {
           return count() != undefined;
@@ -2332,7 +2353,7 @@ function $9c1d49181fb3002a$export$a32086fa6616eafd(_ref) {
     filter_: filter_,
     selected_filters_: selected_filters_,
     i18n_: i18n_,
-    view_more_button_below_group_: view_more_button_below_group_,
+    view_more_button_below_group_: [, set_view_more_button_below_group],
     expanded_hierarchical_filters_: expanded_hierarchical_filters_,
     filter_query_: filter_query_
   } = _ref;
@@ -2457,11 +2478,12 @@ function $9c1d49181fb3002a$export$a32086fa6616eafd(_ref) {
     }
   });
   $3hooq$solidjs.createRenderEffect(() => {
-    view_more_button_below_group_[1](some_top_level_are_hidden() ? $3hooq$solidjsweb.createComponent((0, $b0477e4d832f090e$export$ca21a16d65b3dd8), {
+    set_view_more_button_below_group(some_top_level_are_hidden() ? $3hooq$solidjsweb.createComponent((0, $b0477e4d832f090e$export$ca21a16d65b3dd8), {
       show_extras_: show_extras,
       i18n_: i18n_
     }) : []);
   });
+  $3hooq$solidjs.onCleanup(() => set_view_more_button_below_group());
   $3hooq$solidjs.createEffect($3hooq$depictaiutilishared.catchify(async () => {
     if (!some_top_level_are_hidden()) {
       await collapse();
@@ -2502,43 +2524,54 @@ function $9c1d49181fb3002a$var$render_stuff(data, existing_filter, i18n_, filter
               return value_as_string();
             },
             get label_() {
-              return $3hooq$solidjsweb.createComponent((0, $dc5db6bf7093867a$export$8e79c28529dbfa90), {
-                get text_() {
-                  return label_text();
+              return $3hooq$solidjsweb.createComponent((0, $3hooq$solidjs.Show), {
+                get when() {
+                  var _value4;
+                  return ((_value4 = value()) === null || _value4 === void 0 ? void 0 : _value4.count_) === 0;
+                },
+                get fallback() {
+                  return $3hooq$solidjsweb.createComponent((0, $dc5db6bf7093867a$export$8e79c28529dbfa90), {
+                    get text_() {
+                      return label_text();
+                    },
+                    get to_highlight_() {
+                      return filter_query_ === null || filter_query_ === void 0 ? void 0 : filter_query_();
+                    }
+                  });
                 },
-                get to_highlight_() {
-                  return filter_query_ === null || filter_query_ === void 0 ? void 0 : filter_query_();
+                get children() {
+                  return label_text();
                 }
               });
             },
             get count_() {
-              var _value4;
-              return has_expandable() ? undefined : (_value4 = value()) === null || _value4 === void 0 ? void 0 : _value4.count_;
+              var _value5;
+              return has_expandable() ? undefined : (_value5 = value()) === null || _value5 === void 0 ? void 0 : _value5.count_;
             },
             get is_count_zero_() {
-              var _value5;
-              return has_expandable() && ((_value5 = value()) === null || _value5 === void 0 ? void 0 : _value5.count_) === 0;
+              var _value6;
+              return has_expandable() && ((_value6 = value()) === null || _value6 === void 0 ? void 0 : _value6.count_) === 0;
             },
             get checked_() {
-              var _value$is_checked_$, _value6, _value6$is_checked_, _value6$is_checked_$;
-              return (_value$is_checked_$ = (_value6 = value()) === null || _value6 === void 0 ? void 0 : (_value6$is_checked_ = _value6.is_checked_) === null || _value6$is_checked_ === void 0 ? void 0 : (_value6$is_checked_$ = _value6$is_checked_[0]) === null || _value6$is_checked_$ === void 0 ? void 0 : _value6$is_checked_$.call(_value6$is_checked_)) !== null && _value$is_checked_$ !== void 0 ? _value$is_checked_$ : false;
+              var _value$is_checked_$, _value7, _value7$is_checked_, _value7$is_checked_$;
+              return (_value$is_checked_$ = (_value7 = value()) === null || _value7 === void 0 ? void 0 : (_value7$is_checked_ = _value7.is_checked_) === null || _value7$is_checked_ === void 0 ? void 0 : (_value7$is_checked_$ = _value7$is_checked_[0]) === null || _value7$is_checked_$ === void 0 ? void 0 : _value7$is_checked_$.call(_value7$is_checked_)) !== null && _value$is_checked_$ !== void 0 ? _value$is_checked_$ : false;
             },
             input_ref_: input => {
               input.addEventListener("change", $3hooq$depictaiutilishared.catchify(() => $3hooq$solidjs.untrack(() => {
-                var _value8;
+                var _value9;
                 const {
                   checked: checked
                 } = input;
                 if (checked) {
-                  var _value7;
-                  (_value7 = value()) === null || _value7 === void 0 || _value7.is_expanded_.set_user_expanded_(true);
+                  var _value8;
+                  (_value8 = value()) === null || _value8 === void 0 || _value8.is_expanded_.set_user_expanded_(true);
                 }
-                (_value8 = value()) === null || _value8 === void 0 || _value8.is_checked_[1](checked);
+                (_value9 = value()) === null || _value9 === void 0 || _value9.is_checked_[1](checked);
               })));
               const any_kids_checked = $3hooq$solidjs.createMemo(() => {
-                var _value9;
+                var _value10;
                 let are_checked = false;
-                const to_check = Object.values(((_value9 = value()) === null || _value9 === void 0 ? void 0 : _value9.children_) || {});
+                const to_check = Object.values(((_value10 = value()) === null || _value10 === void 0 ? void 0 : _value10.children_) || {});
                 while (to_check.length) {
                   const kid_to_check = to_check.pop();
                   to_check.push(...Object.values(kid_to_check.children_));
@@ -2575,13 +2608,13 @@ function $9c1d49181fb3002a$var$render_stuff(data, existing_filter, i18n_, filter
                     return $3hooq$solidjsweb.ssr($9c1d49181fb3002a$var$_tmpl$3, $3hooq$solidjsweb.ssrHydrationKey());
                   },
                   get summary_() {
-                    var _value10, _value11;
-                    return $3hooq$solidjsweb.ssr($9c1d49181fb3002a$var$_tmpl$4, $3hooq$solidjsweb.ssrHydrationKey(), "count ".concat(((_value10 = value()) === null || _value10 === void 0 ? void 0 : _value10.count_) === 0 ? "count-0" : ""), $3hooq$solidjsweb.escape((_value11 = value()) === null || _value11 === void 0 ? void 0 : _value11.count_), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $ac040bdfeed58ee4$export$e5c2828934226505), {
+                    var _value11, _value12;
+                    return $3hooq$solidjsweb.ssr($9c1d49181fb3002a$var$_tmpl$4, $3hooq$solidjsweb.ssrHydrationKey(), "count ".concat(((_value11 = value()) === null || _value11 === void 0 ? void 0 : _value11.count_) === 0 ? "count-0" : ""), $3hooq$solidjsweb.escape((_value12 = value()) === null || _value12 === void 0 ? void 0 : _value12.count_), $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $ac040bdfeed58ee4$export$e5c2828934226505), {
                       i18n_: i18n_,
                       get expanded_() {
                         return $3hooq$solidjs.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;
+                          var _value$is_expanded_$u, _value13, _value13$is_expanded_, _value13$is_expanded_2;
+                          return (_value$is_expanded_$u = (_value13 = value()) === null || _value13 === void 0 ? void 0 : (_value13$is_expanded_ = _value13.is_expanded_) === null || _value13$is_expanded_ === void 0 ? void 0 : (_value13$is_expanded_2 = _value13$is_expanded_.ui_should_show_expanded_) === null || _value13$is_expanded_2 === void 0 ? void 0 : _value13$is_expanded_2.call(_value13$is_expanded_)) !== null && _value$is_expanded_$u !== void 0 ? _value$is_expanded_$u : false;
                         });
                       }
                     })));
@@ -2591,8 +2624,8 @@ function $9c1d49181fb3002a$var$render_stuff(data, existing_filter, i18n_, filter
                   },
                   get children() {
                     return $9c1d49181fb3002a$var$render_stuff($3hooq$solidjs.createMemo(() => {
-                      var _value13;
-                      return ((_value13 = value()) === null || _value13 === void 0 ? void 0 : _value13.children_) || {};
+                      var _value14;
+                      return ((_value14 = value()) === null || _value14 === void 0 ? void 0 : _value14.children_) || {};
                     }), existing_filter, i18n_, filter_query_);
                   }
                 });
@@ -2859,9 +2892,10 @@ const $cd0e5524f9476f9b$export$414f6a19d38e655c = _ref => {
           });
           const MakeButton = attributes => {
             const label = $3hooq$solidjs.createMemo(() => value().name_ || value().value_ + "");
+            const count_zero = $3hooq$solidjs.createMemo(() => value().count_ === 0);
             return $3hooq$solidjsweb.ssrElement("button", $3hooq$solidjsweb.mergeProps(attributes, {
               get disabled() {
-                return value().count_ === 0 && !is_selected();
+                return count_zero() && !is_selected();
               },
               get classList() {
                 return {
@@ -2870,9 +2904,19 @@ const $cd0e5524f9476f9b$export$414f6a19d38e655c = _ref => {
                   "major-minor-transition": true
                 };
               }
-            }), () => ["<!--$-->", $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $23c3f390dee33ff8$export$ba17c5b7e6dda39f), {
-              whole_text_to_display_: label,
-              searching_for_value_: () => filter_query_ === null || filter_query_ === void 0 ? void 0 : filter_query_()
+            }), () => ["<!--$-->", $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $3hooq$solidjs.Show), {
+              get when() {
+                return count_zero();
+              },
+              get fallback() {
+                return $3hooq$solidjsweb.createComponent((0, $23c3f390dee33ff8$export$ba17c5b7e6dda39f), {
+                  whole_text_to_display_: label,
+                  searching_for_value_: () => filter_query_ === null || filter_query_ === void 0 ? void 0 : filter_query_()
+                });
+              },
+              get children() {
+                return label();
+              }
             })), "<!--/-->", "<!--$-->", $3hooq$solidjsweb.escape($3hooq$solidjsweb.createComponent((0, $3hooq$solidjs.Show), {
               get when() {
                 return value().count_ != undefined;
@@ -2971,7 +3015,7 @@ function $476a3dc36afc1938$export$82ed4b28ecb67608(_ref) {
     filter_: filter_,
     selected_filters_: [get_selected_filters, set_selected_filters],
     i18n_: i18n_,
-    view_more_button_below_group_: [_get_view_more_button_below_group_, set_view_more_button_below_group_],
+    view_more_button_below_group_: [, set_view_more_button_below_group_],
     filter_query_: filter_query_
   } = _ref;
   // same as in CheckboxFilter, maybe we should make this DRY at some point
@@ -3019,18 +3063,29 @@ function $476a3dc36afc1938$export$82ed4b28ecb67608(_ref) {
     });
     const value = $3hooq$solidjs.createMemo(() => checkbox().value_);
     const label_text = $3hooq$solidjs.createMemo(() => checkbox().name_ || value() + "");
+    const count = $3hooq$solidjs.createMemo(() => checkbox().count_);
     const input_row = $3hooq$solidjsweb.createComponent((0, $902a0ca2b52f3898$export$48513f6b9f8ce62d), {
       get value_() {
         return value();
       },
       get label_() {
-        return $3hooq$solidjsweb.createComponent((0, $23c3f390dee33ff8$export$ba17c5b7e6dda39f), {
-          whole_text_to_display_: label_text,
-          searching_for_value_: () => filter_query_ === null || filter_query_ === void 0 ? void 0 : filter_query_()
+        return $3hooq$solidjsweb.createComponent((0, $3hooq$solidjs.Show), {
+          get when() {
+            return count() !== 0;
+          },
+          get fallback() {
+            return label_text();
+          },
+          get children() {
+            return $3hooq$solidjsweb.createComponent((0, $23c3f390dee33ff8$export$ba17c5b7e6dda39f), {
+              whole_text_to_display_: label_text,
+              searching_for_value_: () => filter_query_ === null || filter_query_ === void 0 ? void 0 : filter_query_()
+            });
+          }
         });
       },
       get count_() {
-        return checkbox().count_;
+        return count();
       },
       get checked_() {
         return is_checked();
@@ -3092,6 +3147,7 @@ function $476a3dc36afc1938$export$82ed4b28ecb67608(_ref) {
       i18n_: i18n_
     }) : []);
   });
+  $3hooq$solidjs.onCleanup(() => set_view_more_button_below_group_());
   $3hooq$solidjs.createEffect($3hooq$depictaiutilishared.catchify(async () => {
     if (!togglable_rest()) {
       await collapse();
@@ -3296,7 +3352,7 @@ function $5b88b077e48a4451$export$82eafebb825fc23f() {
   }, props), () => $3hooq$solidjsweb.ssr($5b88b077e48a4451$var$_tmpl$), true);
 }
 const $8e7ac26c00243687$var$_tmpl$ = ["<div", ' class="search-in-filters"><input type="text" class="query"', "><!--$-->", '<!--/--><button style="', '" class="clear-filter-search">', "</button></div>"];
-const $8e7ac26c00243687$var$min_items_to_enable_filter_searching = 10; // For checkbox hierarchical we 2x this
+const $8e7ac26c00243687$var$min_items_to_enable_filter_searching = 15; // For checkbox color and checkbox grid we 3x this
 function $8e7ac26c00243687$export$4b2c5292ffe0c5dd(filter_array_, section, i18n_) {
   const [filter_query_, set_filter_query_] = $3hooq$solidjs.createSignal();
   // Check if we have enough items to enable searching

package/server/ES10/index.d.ts

@@ -7,7 +7,7 @@ import { CategorySuggestion, SearchSuggestionsResponse } from "@depict-ai/types/
 import { BaseSearchRequest } from "@depict-ai/types/api/BaseSearchRequest";
 import { SearchSuggestionsRequest } from "@depict-ai/types/api/SearchSuggestionsRequest";
 import { ProductListingRequestV2 } from "@depict-ai/types/api/ProductListingRequestV2";
-export const version = "2.1.14";
+export const version = "2.1.16";
 /**
  * Use `javascript_media_query` but return a reactive accessor instead of taking a callback function
  */

package/server/ES10/index.js

@@ -9,7 +9,7 @@ import { createStore as $b8hua$createStore, reconcile as $b8hua$reconcile } from
 /*! Depict.ai search and product listing SDK */
 import { register_es_version } from "../../multi_import_deduplicator.mjs";
 register_es_version("ui", "ES10");
-const $8db9a15135765c11$export$83d89fbfd8236492 = "2.1.14";
+const $8db9a15135765c11$export$83d89fbfd8236492 = "2.1.16";
 const $2855bffe06ef7a03$var$fallback_operator = "in";
 const $2855bffe06ef7a03$var$fallback_token = "";
 const $2855bffe06ef7a03$var$legacy_filter_prefix = "filter_";
@@ -1628,16 +1628,26 @@ function $133484ef10e4e954$export$dd948f91abc3a1c4(_ref) {
       return !!(data !== null && data !== void 0 && data.some(item => $af5d8e0b7d97a7f6$export$325f75597868c4f0(item) === value));
     });
     const value = $b8hua$createMemo(() => checkbox().value_);
+    const is_count_zero = $b8hua$createMemo(() => checkbox().count_ === 0);
+    const display_text = $b8hua$createMemo(() => checkbox().name_ || value());
     return $b8hua$createComponent((0, $19e828709c7723a0$export$48513f6b9f8ce62d), {
       get value_() {
         return value();
       },
       get label_() {
-        return $b8hua$createComponent((0, $02b6641aa50ce528$export$ba17c5b7e6dda39f), {
-          get whole_text_to_display_() {
-            return $b8hua$createMemo(() => checkbox().name_ || value());
+        return $b8hua$createComponent((0, $b8hua$Show), {
+          get when() {
+            return is_count_zero();
           },
-          searching_for_value_: () => filter_query_ === null || filter_query_ === void 0 ? void 0 : filter_query_()
+          get fallback() {
+            return $b8hua$createComponent((0, $02b6641aa50ce528$export$ba17c5b7e6dda39f), {
+              whole_text_to_display_: display_text,
+              searching_for_value_: () => filter_query_ === null || filter_query_ === void 0 ? void 0 : filter_query_()
+            });
+          },
+          get children() {
+            return display_text();
+          }
         });
       },
       get count_() {
@@ -1681,6 +1691,7 @@ function $133484ef10e4e954$export$dd948f91abc3a1c4(_ref) {
       i18n_: i18n_
     }) : []);
   });
+  $b8hua$onCleanup(() => set_view_more_button_below_group_());
   $b8hua$createEffect($b8hua$catchify(async () => {
     if (!togglable_rest()) {
       await collapse();
@@ -1741,9 +1752,19 @@ function $b54fc842e721c9eb$export$430444115f70a734(_ref) {
         const data = (_existing_filter = existing_filter()) === null || _existing_filter === void 0 ? void 0 : _existing_filter.data;
         if ($af5d8e0b7d97a7f6$export$325f75597868c4f0(data) === $af5d8e0b7d97a7f6$export$325f75597868c4f0(v)) return true;
         return Array.isArray(data) && data.every((item, index) => item === v[index]);
-      })(), true), $b8hua$escape($b8hua$createComponent((0, $02b6641aa50ce528$export$ba17c5b7e6dda39f), {
-        whole_text_to_display_: label,
-        searching_for_value_: () => filter_query_ === null || filter_query_ === void 0 ? void 0 : filter_query_()
+      })(), true), $b8hua$escape($b8hua$createComponent((0, $b8hua$Show), {
+        get when() {
+          return count() !== 0;
+        },
+        get fallback() {
+          return label();
+        },
+        get children() {
+          return $b8hua$createComponent((0, $02b6641aa50ce528$export$ba17c5b7e6dda39f), {
+            whole_text_to_display_: label,
+            searching_for_value_: () => filter_query_ === null || filter_query_ === void 0 ? void 0 : filter_query_()
+          });
+        }
       })), $b8hua$escape($b8hua$createComponent((0, $b8hua$Show), {
         get when() {
           return count() != undefined;
@@ -2265,7 +2286,7 @@ function $0ae614c5c7babb43$export$a32086fa6616eafd(_ref) {
     filter_: filter_,
     selected_filters_: selected_filters_,
     i18n_: i18n_,
-    view_more_button_below_group_: view_more_button_below_group_,
+    view_more_button_below_group_: [, set_view_more_button_below_group],
     expanded_hierarchical_filters_: expanded_hierarchical_filters_,
     filter_query_: filter_query_
   } = _ref;
@@ -2390,11 +2411,12 @@ function $0ae614c5c7babb43$export$a32086fa6616eafd(_ref) {
     }
   });
   $b8hua$createRenderEffect(() => {
-    view_more_button_below_group_[1](some_top_level_are_hidden() ? $b8hua$createComponent((0, $3e850b2f2cca761f$export$ca21a16d65b3dd8), {
+    set_view_more_button_below_group(some_top_level_are_hidden() ? $b8hua$createComponent((0, $3e850b2f2cca761f$export$ca21a16d65b3dd8), {
       show_extras_: show_extras,
       i18n_: i18n_
     }) : []);
   });
+  $b8hua$onCleanup(() => set_view_more_button_below_group());
   $b8hua$createEffect($b8hua$catchify(async () => {
     if (!some_top_level_are_hidden()) {
       await collapse();
@@ -2435,43 +2457,54 @@ function $0ae614c5c7babb43$var$render_stuff(data, existing_filter, i18n_, filter
               return value_as_string();
             },
             get label_() {
-              return $b8hua$createComponent((0, $b0e2100b511ec9a4$export$8e79c28529dbfa90), {
-                get text_() {
-                  return label_text();
+              return $b8hua$createComponent((0, $b8hua$Show), {
+                get when() {
+                  var _value4;
+                  return ((_value4 = value()) === null || _value4 === void 0 ? void 0 : _value4.count_) === 0;
+                },
+                get fallback() {
+                  return $b8hua$createComponent((0, $b0e2100b511ec9a4$export$8e79c28529dbfa90), {
+                    get text_() {
+                      return label_text();
+                    },
+                    get to_highlight_() {
+                      return filter_query_ === null || filter_query_ === void 0 ? void 0 : filter_query_();
+                    }
+                  });
                 },
-                get to_highlight_() {
-                  return filter_query_ === null || filter_query_ === void 0 ? void 0 : filter_query_();
+                get children() {
+                  return label_text();
                 }
               });
             },
             get count_() {
-              var _value4;
-              return has_expandable() ? undefined : (_value4 = value()) === null || _value4 === void 0 ? void 0 : _value4.count_;
+              var _value5;
+              return has_expandable() ? undefined : (_value5 = value()) === null || _value5 === void 0 ? void 0 : _value5.count_;
             },
             get is_count_zero_() {
-              var _value5;
-              return has_expandable() && ((_value5 = value()) === null || _value5 === void 0 ? void 0 : _value5.count_) === 0;
+              var _value6;
+              return has_expandable() && ((_value6 = value()) === null || _value6 === void 0 ? void 0 : _value6.count_) === 0;
             },
             get checked_() {
-              var _value$is_checked_$, _value6, _value6$is_checked_, _value6$is_checked_$;
-              return (_value$is_checked_$ = (_value6 = value()) === null || _value6 === void 0 ? void 0 : (_value6$is_checked_ = _value6.is_checked_) === null || _value6$is_checked_ === void 0 ? void 0 : (_value6$is_checked_$ = _value6$is_checked_[0]) === null || _value6$is_checked_$ === void 0 ? void 0 : _value6$is_checked_$.call(_value6$is_checked_)) !== null && _value$is_checked_$ !== void 0 ? _value$is_checked_$ : false;
+              var _value$is_checked_$, _value7, _value7$is_checked_, _value7$is_checked_$;
+              return (_value$is_checked_$ = (_value7 = value()) === null || _value7 === void 0 ? void 0 : (_value7$is_checked_ = _value7.is_checked_) === null || _value7$is_checked_ === void 0 ? void 0 : (_value7$is_checked_$ = _value7$is_checked_[0]) === null || _value7$is_checked_$ === void 0 ? void 0 : _value7$is_checked_$.call(_value7$is_checked_)) !== null && _value$is_checked_$ !== void 0 ? _value$is_checked_$ : false;
             },
             input_ref_: input => {
               input.addEventListener("change", $b8hua$catchify(() => $b8hua$untrack(() => {
-                var _value8;
+                var _value9;
                 const {
                   checked: checked
                 } = input;
                 if (checked) {
-                  var _value7;
-                  (_value7 = value()) === null || _value7 === void 0 || _value7.is_expanded_.set_user_expanded_(true);
+                  var _value8;
+                  (_value8 = value()) === null || _value8 === void 0 || _value8.is_expanded_.set_user_expanded_(true);
                 }
-                (_value8 = value()) === null || _value8 === void 0 || _value8.is_checked_[1](checked);
+                (_value9 = value()) === null || _value9 === void 0 || _value9.is_checked_[1](checked);
               })));
               const any_kids_checked = $b8hua$createMemo(() => {
-                var _value9;
+                var _value10;
                 let are_checked = false;
-                const to_check = Object.values(((_value9 = value()) === null || _value9 === void 0 ? void 0 : _value9.children_) || {});
+                const to_check = Object.values(((_value10 = value()) === null || _value10 === void 0 ? void 0 : _value10.children_) || {});
                 while (to_check.length) {
                   const kid_to_check = to_check.pop();
                   to_check.push(...Object.values(kid_to_check.children_));
@@ -2508,13 +2541,13 @@ function $0ae614c5c7babb43$var$render_stuff(data, existing_filter, i18n_, filter
                     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), {
+                    var _value11, _value12;
+                    return $b8hua$ssr($0ae614c5c7babb43$var$_tmpl$4, $b8hua$ssrHydrationKey(), "count ".concat(((_value11 = value()) === null || _value11 === void 0 ? void 0 : _value11.count_) === 0 ? "count-0" : ""), $b8hua$escape((_value12 = value()) === null || _value12 === void 0 ? void 0 : _value12.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;
+                          var _value$is_expanded_$u, _value13, _value13$is_expanded_, _value13$is_expanded_2;
+                          return (_value$is_expanded_$u = (_value13 = value()) === null || _value13 === void 0 ? void 0 : (_value13$is_expanded_ = _value13.is_expanded_) === null || _value13$is_expanded_ === void 0 ? void 0 : (_value13$is_expanded_2 = _value13$is_expanded_.ui_should_show_expanded_) === null || _value13$is_expanded_2 === void 0 ? void 0 : _value13$is_expanded_2.call(_value13$is_expanded_)) !== null && _value$is_expanded_$u !== void 0 ? _value$is_expanded_$u : false;
                         });
                       }
                     })));
@@ -2524,8 +2557,8 @@ function $0ae614c5c7babb43$var$render_stuff(data, existing_filter, i18n_, filter
                   },
                   get children() {
                     return $0ae614c5c7babb43$var$render_stuff($b8hua$createMemo(() => {
-                      var _value13;
-                      return ((_value13 = value()) === null || _value13 === void 0 ? void 0 : _value13.children_) || {};
+                      var _value14;
+                      return ((_value14 = value()) === null || _value14 === void 0 ? void 0 : _value14.children_) || {};
                     }), existing_filter, i18n_, filter_query_);
                   }
                 });
@@ -2792,9 +2825,10 @@ const $830ea8efda59884e$export$414f6a19d38e655c = _ref => {
           });
           const MakeButton = attributes => {
             const label = $b8hua$createMemo(() => value().name_ || value().value_ + "");
+            const count_zero = $b8hua$createMemo(() => value().count_ === 0);
             return $b8hua$ssrElement("button", $b8hua$mergeProps1(attributes, {
               get disabled() {
-                return value().count_ === 0 && !is_selected();
+                return count_zero() && !is_selected();
               },
               get classList() {
                 return {
@@ -2803,9 +2837,19 @@ const $830ea8efda59884e$export$414f6a19d38e655c = _ref => {
                   "major-minor-transition": true
                 };
               }
-            }), () => ["<!--$-->", $b8hua$escape($b8hua$createComponent((0, $02b6641aa50ce528$export$ba17c5b7e6dda39f), {
-              whole_text_to_display_: label,
-              searching_for_value_: () => filter_query_ === null || filter_query_ === void 0 ? void 0 : filter_query_()
+            }), () => ["<!--$-->", $b8hua$escape($b8hua$createComponent((0, $b8hua$Show), {
+              get when() {
+                return count_zero();
+              },
+              get fallback() {
+                return $b8hua$createComponent((0, $02b6641aa50ce528$export$ba17c5b7e6dda39f), {
+                  whole_text_to_display_: label,
+                  searching_for_value_: () => filter_query_ === null || filter_query_ === void 0 ? void 0 : filter_query_()
+                });
+              },
+              get children() {
+                return label();
+              }
             })), "<!--/-->", "<!--$-->", $b8hua$escape($b8hua$createComponent((0, $b8hua$Show), {
               get when() {
                 return value().count_ != undefined;
@@ -2904,7 +2948,7 @@ function $2cb856c297c53e6c$export$82ed4b28ecb67608(_ref) {
     filter_: filter_,
     selected_filters_: [get_selected_filters, set_selected_filters],
     i18n_: i18n_,
-    view_more_button_below_group_: [_get_view_more_button_below_group_, set_view_more_button_below_group_],
+    view_more_button_below_group_: [, set_view_more_button_below_group_],
     filter_query_: filter_query_
   } = _ref;
   // same as in CheckboxFilter, maybe we should make this DRY at some point
@@ -2952,18 +2996,29 @@ function $2cb856c297c53e6c$export$82ed4b28ecb67608(_ref) {
     });
     const value = $b8hua$createMemo(() => checkbox().value_);
     const label_text = $b8hua$createMemo(() => checkbox().name_ || value() + "");
+    const count = $b8hua$createMemo(() => checkbox().count_);
     const input_row = $b8hua$createComponent((0, $19e828709c7723a0$export$48513f6b9f8ce62d), {
       get value_() {
         return value();
       },
       get label_() {
-        return $b8hua$createComponent((0, $02b6641aa50ce528$export$ba17c5b7e6dda39f), {
-          whole_text_to_display_: label_text,
-          searching_for_value_: () => filter_query_ === null || filter_query_ === void 0 ? void 0 : filter_query_()
+        return $b8hua$createComponent((0, $b8hua$Show), {
+          get when() {
+            return count() !== 0;
+          },
+          get fallback() {
+            return label_text();
+          },
+          get children() {
+            return $b8hua$createComponent((0, $02b6641aa50ce528$export$ba17c5b7e6dda39f), {
+              whole_text_to_display_: label_text,
+              searching_for_value_: () => filter_query_ === null || filter_query_ === void 0 ? void 0 : filter_query_()
+            });
+          }
         });
       },
       get count_() {
-        return checkbox().count_;
+        return count();
       },
       get checked_() {
         return is_checked();
@@ -3025,6 +3080,7 @@ function $2cb856c297c53e6c$export$82ed4b28ecb67608(_ref) {
       i18n_: i18n_
     }) : []);
   });
+  $b8hua$onCleanup(() => set_view_more_button_below_group_());
   $b8hua$createEffect($b8hua$catchify(async () => {
     if (!togglable_rest()) {
       await collapse();
@@ -3229,7 +3285,7 @@ function $ef0f18a578b32578$export$82eafebb825fc23f() {
   }, props), () => $b8hua$ssr($ef0f18a578b32578$var$_tmpl$), true);
 }
 const $e354b2f9ce33cb75$var$_tmpl$ = ["<div", ' class="search-in-filters"><input type="text" class="query"', "><!--$-->", '<!--/--><button style="', '" class="clear-filter-search">', "</button></div>"];
-const $e354b2f9ce33cb75$var$min_items_to_enable_filter_searching = 10; // For checkbox hierarchical we 2x this
+const $e354b2f9ce33cb75$var$min_items_to_enable_filter_searching = 15; // For checkbox color and checkbox grid we 3x this
 function $e354b2f9ce33cb75$export$4b2c5292ffe0c5dd(filter_array_, section, i18n_) {
   const [filter_query_, set_filter_query_] = $b8hua$createSignal();
   // Check if we have enough items to enable searching