@depict-ai/ui 2.1.14 → 2.1.16

package/ES10/index.cjs

@@ -76,7 +76,7 @@ $parcel$export(module.exports, "defaultColsAtSize", () => $33eed84f447aa0c0$expo
 $parcel$export(module.exports, "defaultCategoryTitlePlugin", () => $33eed84f447aa0c0$export$7bf543b9d9be2c22);
 $parcel$export(module.exports, "version", () => $aa1938dec50d6c12$export$83d89fbfd8236492);
 /*! Depict.ai search and product listing SDK */
-const $aa1938dec50d6c12$export$83d89fbfd8236492 = "2.1.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_";
@@ -2145,16 +2145,26 @@ function $9b54b9c5381716eb$export$dd948f91abc3a1c4(_ref) {
       return !!(data !== null && data !== void 0 && data.some(item => $e2d74bb03cc5252e$export$325f75597868c4f0(item) === value));
     });
     const value = $52FdA$solidjs.createMemo(() => checkbox().value_);
+    const is_count_zero = $52FdA$solidjs.createMemo(() => checkbox().count_ === 0);
+    const display_text = $52FdA$solidjs.createMemo(() => checkbox().name_ || value());
     return $52FdA$solidjsweb.createComponent((0, $902a0ca2b52f3898$export$48513f6b9f8ce62d), {
       get value_() {
         return value();
       },
       get label_() {
-        return $52FdA$solidjsweb.createComponent((0, $23c3f390dee33ff8$export$ba17c5b7e6dda39f), {
-          get whole_text_to_display_() {
-            return $52FdA$solidjs.createMemo(() => checkbox().name_ || value());
+        return $52FdA$solidjsweb.createComponent((0, $52FdA$solidjs.Show), {
+          get when() {
+            return is_count_zero();
+          },
+          get fallback() {
+            return $52FdA$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_()
+            });
           },
-          searching_for_value_: () => filter_query_ === null || filter_query_ === void 0 ? void 0 : filter_query_()
+          get children() {
+            return display_text();
+          }
         });
       },
       get count_() {
@@ -2198,6 +2208,7 @@ function $9b54b9c5381716eb$export$dd948f91abc3a1c4(_ref) {
       i18n_: i18n_
     }) : []);
   });
+  $52FdA$solidjs.onCleanup(() => set_view_more_button_below_group_());
   $52FdA$solidjs.createEffect($52FdA$depictaiutilishared.catchify(async () => {
     if (!togglable_rest()) {
       await collapse();
@@ -2314,9 +2325,19 @@ function $d9239dad9a9d899b$export$430444115f70a734(_ref) {
           }));
           $52FdA$solidjsweb.setAttribute(_el$4, "id", random_selector);
           $52FdA$solidjsweb.setAttribute(_el$4, "name", radio_name);
-          $52FdA$solidjsweb.insert(_el$3, $52FdA$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_()
+          $52FdA$solidjsweb.insert(_el$3, $52FdA$solidjsweb.createComponent((0, $52FdA$solidjs.Show), {
+            get when() {
+              return count() !== 0;
+            },
+            get fallback() {
+              return label();
+            },
+            get children() {
+              return $52FdA$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_()
+              });
+            }
           }), _el$7, _co$);
           $52FdA$solidjsweb.insert(_el$2, $52FdA$solidjsweb.createComponent((0, $52FdA$solidjs.Show), {
             get when() {
@@ -3033,7 +3054,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;
@@ -3158,11 +3179,12 @@ function $9c1d49181fb3002a$export$a32086fa6616eafd(_ref) {
     }
   });
   $52FdA$solidjs.createRenderEffect(() => {
-    view_more_button_below_group_[1](some_top_level_are_hidden() ? $52FdA$solidjsweb.createComponent((0, $b0477e4d832f090e$export$ca21a16d65b3dd8), {
+    set_view_more_button_below_group(some_top_level_are_hidden() ? $52FdA$solidjsweb.createComponent((0, $b0477e4d832f090e$export$ca21a16d65b3dd8), {
       show_extras_: show_extras,
       i18n_: i18n_
     }) : []);
   });
+  $52FdA$solidjs.onCleanup(() => set_view_more_button_below_group());
   $52FdA$solidjs.createEffect($52FdA$depictaiutilishared.catchify(async () => {
     if (!some_top_level_are_hidden()) {
       await collapse();
@@ -3221,43 +3243,54 @@ function $9c1d49181fb3002a$var$render_stuff(data, existing_filter, i18n_, filter
                 return value_as_string();
               },
               get label_() {
-                return $52FdA$solidjsweb.createComponent((0, $dc5db6bf7093867a$export$8e79c28529dbfa90), {
-                  get text_() {
-                    return label_text();
+                return $52FdA$solidjsweb.createComponent((0, $52FdA$solidjs.Show), {
+                  get when() {
+                    var _value4;
+                    return ((_value4 = value()) === null || _value4 === void 0 ? void 0 : _value4.count_) === 0;
+                  },
+                  get fallback() {
+                    return $52FdA$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 $52FdA$solidjsweb.memo(() => !!has_expandable())() ? undefined : (_value4 = value()) === null || _value4 === void 0 ? void 0 : _value4.count_;
+                var _value5;
+                return $52FdA$solidjsweb.memo(() => !!has_expandable())() ? undefined : (_value5 = value()) === null || _value5 === void 0 ? void 0 : _value5.count_;
               },
               get is_count_zero_() {
-                var _value5;
-                return $52FdA$solidjsweb.memo(() => !!has_expandable())() && ((_value5 = value()) === null || _value5 === void 0 ? void 0 : _value5.count_) === 0;
+                var _value6;
+                return $52FdA$solidjsweb.memo(() => !!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", $52FdA$depictaiutilishared.catchify(() => $52FdA$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 = $52FdA$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_));
@@ -3302,21 +3335,21 @@ function $9c1d49181fb3002a$var$render_stuff(data, existing_filter, i18n_, filter
                           _el$15 = _el$14.nextSibling,
                           [_el$16, _co$5] = $52FdA$solidjsweb.getNextMarker(_el$15.nextSibling);
                         $52FdA$solidjsweb.insert(_el$14, () => {
-                          var _value10;
-                          return (_value10 = value()) === null || _value10 === void 0 ? void 0 : _value10.count_;
+                          var _value11;
+                          return (_value11 = value()) === null || _value11 === void 0 ? void 0 : _value11.count_;
                         });
                         $52FdA$solidjsweb.insert(_el$13, $52FdA$solidjsweb.createComponent((0, $ac040bdfeed58ee4$export$e5c2828934226505), {
                           i18n_: i18n_,
                           get expanded_() {
                             return $52FdA$solidjs.createMemo(() => {
-                              var _value$is_expanded_$u, _value11, _value11$is_expanded_, _value11$is_expanded_2;
-                              return (_value$is_expanded_$u = (_value11 = value()) === null || _value11 === void 0 ? void 0 : (_value11$is_expanded_ = _value11.is_expanded_) === null || _value11$is_expanded_ === void 0 ? void 0 : (_value11$is_expanded_2 = _value11$is_expanded_.ui_should_show_expanded_) === null || _value11$is_expanded_2 === void 0 ? void 0 : _value11$is_expanded_2.call(_value11$is_expanded_)) !== null && _value$is_expanded_$u !== void 0 ? _value$is_expanded_$u : false;
+                              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;
                             });
                           }
                         }), _el$16, _co$5);
                         $52FdA$solidjsweb.effect(() => {
-                          var _value12;
-                          return _el$14.classList.toggle("count-0", !!(((_value12 = value()) === null || _value12 === void 0 ? void 0 : _value12.count_) === 0));
+                          var _value13;
+                          return _el$14.classList.toggle("count-0", !!(((_value13 = value()) === null || _value13 === void 0 ? void 0 : _value13.count_) === 0));
                         });
                         return _el$12;
                       })();
@@ -3326,8 +3359,8 @@ function $9c1d49181fb3002a$var$render_stuff(data, existing_filter, i18n_, filter
                     },
                     get children() {
                       return $9c1d49181fb3002a$var$render_stuff($52FdA$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_);
                     }
                   });
@@ -3602,6 +3635,7 @@ const $cd0e5524f9476f9b$export$414f6a19d38e655c = _ref => {
           });
           const MakeButton = attributes => {
             const label = $52FdA$solidjs.createMemo(() => value().name_ || value().value_ + "");
+            const count_zero = $52FdA$solidjs.createMemo(() => value().count_ === 0);
             return (() => {
               const _el$2 = $52FdA$solidjsweb.getNextElement($cd0e5524f9476f9b$var$_tmpl$3),
                 _el$5 = _el$2.firstChild,
@@ -3610,7 +3644,7 @@ const $cd0e5524f9476f9b$export$414f6a19d38e655c = _ref => {
                 [_el$8, _co$2] = $52FdA$solidjsweb.getNextMarker(_el$7.nextSibling);
               $52FdA$solidjsweb.spread(_el$2, $52FdA$solidjsweb.mergeProps(attributes, {
                 get disabled() {
-                  return $52FdA$solidjsweb.memo(() => value().count_ === 0)() && !is_selected();
+                  return $52FdA$solidjsweb.memo(() => !!count_zero())() && !is_selected();
                 },
                 get classList() {
                   return {
@@ -3645,9 +3679,19 @@ const $cd0e5524f9476f9b$export$414f6a19d38e655c = _ref => {
                   });
                 }
               }), false, true);
-              $52FdA$solidjsweb.insert(_el$2, $52FdA$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_()
+              $52FdA$solidjsweb.insert(_el$2, $52FdA$solidjsweb.createComponent((0, $52FdA$solidjs.Show), {
+                get when() {
+                  return count_zero();
+                },
+                get fallback() {
+                  return $52FdA$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();
+                }
               }), _el$6, _co$);
               $52FdA$solidjsweb.insert(_el$2, $52FdA$solidjsweb.createComponent((0, $52FdA$solidjs.Show), {
                 get when() {
@@ -3753,7 +3797,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
@@ -3801,18 +3845,29 @@ function $476a3dc36afc1938$export$82ed4b28ecb67608(_ref) {
     });
     const value = $52FdA$solidjs.createMemo(() => checkbox().value_);
     const label_text = $52FdA$solidjs.createMemo(() => checkbox().name_ || value() + "");
+    const count = $52FdA$solidjs.createMemo(() => checkbox().count_);
     const input_row = $52FdA$solidjsweb.createComponent((0, $902a0ca2b52f3898$export$48513f6b9f8ce62d), {
       get value_() {
         return value();
       },
       get label_() {
-        return $52FdA$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 $52FdA$solidjsweb.createComponent((0, $52FdA$solidjs.Show), {
+          get when() {
+            return count() !== 0;
+          },
+          get fallback() {
+            return label_text();
+          },
+          get children() {
+            return $52FdA$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();
@@ -3874,6 +3929,7 @@ function $476a3dc36afc1938$export$82ed4b28ecb67608(_ref) {
       i18n_: i18n_
     }) : []);
   });
+  $52FdA$solidjs.onCleanup(() => set_view_more_button_below_group_());
   $52FdA$solidjs.createEffect($52FdA$depictaiutilishared.catchify(async () => {
     if (!togglable_rest()) {
       await collapse();
@@ -4136,7 +4192,7 @@ function $5b88b077e48a4451$export$82eafebb825fc23f() {
   })();
 }
 const $8e7ac26c00243687$var$_tmpl$ = /*#__PURE__*/$52FdA$solidjsweb.template(`<div class=search-in-filters><input type=text class=query><!$><!/><button class=clear-filter-search>`);
-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_] = $52FdA$solidjs.createSignal();
   // Check if we have enough items to enable searching

package/ES10/index.d.ts

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

package/ES10/index.js

@@ -9,7 +9,7 @@ import { createStore as $8tj43$createStore, reconcile as $8tj43$reconcile } from
 /*! Depict.ai search and product listing SDK */
 import { register_es_version } from "../multi_import_deduplicator.mjs";
 register_es_version("ui", "ES10");
-const $8db9a15135765c11$export$83d89fbfd8236492 = "2.1.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_";
@@ -2078,16 +2078,26 @@ function $133484ef10e4e954$export$dd948f91abc3a1c4(_ref) {
       return !!(data !== null && data !== void 0 && data.some(item => $af5d8e0b7d97a7f6$export$325f75597868c4f0(item) === value));
     });
     const value = $8tj43$createMemo(() => checkbox().value_);
+    const is_count_zero = $8tj43$createMemo(() => checkbox().count_ === 0);
+    const display_text = $8tj43$createMemo(() => checkbox().name_ || value());
     return $8tj43$createComponent((0, $19e828709c7723a0$export$48513f6b9f8ce62d), {
       get value_() {
         return value();
       },
       get label_() {
-        return $8tj43$createComponent((0, $02b6641aa50ce528$export$ba17c5b7e6dda39f), {
-          get whole_text_to_display_() {
-            return $8tj43$createMemo(() => checkbox().name_ || value());
+        return $8tj43$createComponent((0, $8tj43$Show), {
+          get when() {
+            return is_count_zero();
+          },
+          get fallback() {
+            return $8tj43$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_()
+            });
           },
-          searching_for_value_: () => filter_query_ === null || filter_query_ === void 0 ? void 0 : filter_query_()
+          get children() {
+            return display_text();
+          }
         });
       },
       get count_() {
@@ -2131,6 +2141,7 @@ function $133484ef10e4e954$export$dd948f91abc3a1c4(_ref) {
       i18n_: i18n_
     }) : []);
   });
+  $8tj43$onCleanup(() => set_view_more_button_below_group_());
   $8tj43$createEffect($8tj43$catchify(async () => {
     if (!togglable_rest()) {
       await collapse();
@@ -2247,9 +2258,19 @@ function $b54fc842e721c9eb$export$430444115f70a734(_ref) {
           }));
           $8tj43$setAttribute(_el$4, "id", random_selector);
           $8tj43$setAttribute(_el$4, "name", radio_name);
-          $8tj43$insert(_el$3, $8tj43$createComponent((0, $02b6641aa50ce528$export$ba17c5b7e6dda39f), {
-            whole_text_to_display_: label,
-            searching_for_value_: () => filter_query_ === null || filter_query_ === void 0 ? void 0 : filter_query_()
+          $8tj43$insert(_el$3, $8tj43$createComponent((0, $8tj43$Show), {
+            get when() {
+              return count() !== 0;
+            },
+            get fallback() {
+              return label();
+            },
+            get children() {
+              return $8tj43$createComponent((0, $02b6641aa50ce528$export$ba17c5b7e6dda39f), {
+                whole_text_to_display_: label,
+                searching_for_value_: () => filter_query_ === null || filter_query_ === void 0 ? void 0 : filter_query_()
+              });
+            }
           }), _el$7, _co$);
           $8tj43$insert(_el$2, $8tj43$createComponent((0, $8tj43$Show), {
             get when() {
@@ -2966,7 +2987,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;
@@ -3091,11 +3112,12 @@ function $0ae614c5c7babb43$export$a32086fa6616eafd(_ref) {
     }
   });
   $8tj43$createRenderEffect(() => {
-    view_more_button_below_group_[1](some_top_level_are_hidden() ? $8tj43$createComponent((0, $3e850b2f2cca761f$export$ca21a16d65b3dd8), {
+    set_view_more_button_below_group(some_top_level_are_hidden() ? $8tj43$createComponent((0, $3e850b2f2cca761f$export$ca21a16d65b3dd8), {
       show_extras_: show_extras,
       i18n_: i18n_
     }) : []);
   });
+  $8tj43$onCleanup(() => set_view_more_button_below_group());
   $8tj43$createEffect($8tj43$catchify(async () => {
     if (!some_top_level_are_hidden()) {
       await collapse();
@@ -3154,43 +3176,54 @@ function $0ae614c5c7babb43$var$render_stuff(data, existing_filter, i18n_, filter
                 return value_as_string();
               },
               get label_() {
-                return $8tj43$createComponent((0, $b0e2100b511ec9a4$export$8e79c28529dbfa90), {
-                  get text_() {
-                    return label_text();
+                return $8tj43$createComponent((0, $8tj43$Show), {
+                  get when() {
+                    var _value4;
+                    return ((_value4 = value()) === null || _value4 === void 0 ? void 0 : _value4.count_) === 0;
+                  },
+                  get fallback() {
+                    return $8tj43$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 $8tj43$memo(() => !!has_expandable())() ? undefined : (_value4 = value()) === null || _value4 === void 0 ? void 0 : _value4.count_;
+                var _value5;
+                return $8tj43$memo(() => !!has_expandable())() ? undefined : (_value5 = value()) === null || _value5 === void 0 ? void 0 : _value5.count_;
               },
               get is_count_zero_() {
-                var _value5;
-                return $8tj43$memo(() => !!has_expandable())() && ((_value5 = value()) === null || _value5 === void 0 ? void 0 : _value5.count_) === 0;
+                var _value6;
+                return $8tj43$memo(() => !!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", $8tj43$catchify(() => $8tj43$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 = $8tj43$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_));
@@ -3235,21 +3268,21 @@ function $0ae614c5c7babb43$var$render_stuff(data, existing_filter, i18n_, filter
                           _el$15 = _el$14.nextSibling,
                           [_el$16, _co$5] = $8tj43$getNextMarker(_el$15.nextSibling);
                         $8tj43$insert(_el$14, () => {
-                          var _value10;
-                          return (_value10 = value()) === null || _value10 === void 0 ? void 0 : _value10.count_;
+                          var _value11;
+                          return (_value11 = value()) === null || _value11 === void 0 ? void 0 : _value11.count_;
                         });
                         $8tj43$insert(_el$13, $8tj43$createComponent((0, $457279ff15864cb9$export$e5c2828934226505), {
                           i18n_: i18n_,
                           get expanded_() {
                             return $8tj43$createMemo(() => {
-                              var _value$is_expanded_$u, _value11, _value11$is_expanded_, _value11$is_expanded_2;
-                              return (_value$is_expanded_$u = (_value11 = value()) === null || _value11 === void 0 ? void 0 : (_value11$is_expanded_ = _value11.is_expanded_) === null || _value11$is_expanded_ === void 0 ? void 0 : (_value11$is_expanded_2 = _value11$is_expanded_.ui_should_show_expanded_) === null || _value11$is_expanded_2 === void 0 ? void 0 : _value11$is_expanded_2.call(_value11$is_expanded_)) !== null && _value$is_expanded_$u !== void 0 ? _value$is_expanded_$u : false;
+                              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;
                             });
                           }
                         }), _el$16, _co$5);
                         $8tj43$effect(() => {
-                          var _value12;
-                          return _el$14.classList.toggle("count-0", !!(((_value12 = value()) === null || _value12 === void 0 ? void 0 : _value12.count_) === 0));
+                          var _value13;
+                          return _el$14.classList.toggle("count-0", !!(((_value13 = value()) === null || _value13 === void 0 ? void 0 : _value13.count_) === 0));
                         });
                         return _el$12;
                       })();
@@ -3259,8 +3292,8 @@ function $0ae614c5c7babb43$var$render_stuff(data, existing_filter, i18n_, filter
                     },
                     get children() {
                       return $0ae614c5c7babb43$var$render_stuff($8tj43$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_);
                     }
                   });
@@ -3535,6 +3568,7 @@ const $830ea8efda59884e$export$414f6a19d38e655c = _ref => {
           });
           const MakeButton = attributes => {
             const label = $8tj43$createMemo(() => value().name_ || value().value_ + "");
+            const count_zero = $8tj43$createMemo(() => value().count_ === 0);
             return (() => {
               const _el$2 = $8tj43$getNextElement($830ea8efda59884e$var$_tmpl$3),
                 _el$5 = _el$2.firstChild,
@@ -3543,7 +3577,7 @@ const $830ea8efda59884e$export$414f6a19d38e655c = _ref => {
                 [_el$8, _co$2] = $8tj43$getNextMarker(_el$7.nextSibling);
               $8tj43$spread(_el$2, $8tj43$mergeProps1(attributes, {
                 get disabled() {
-                  return $8tj43$memo(() => value().count_ === 0)() && !is_selected();
+                  return $8tj43$memo(() => !!count_zero())() && !is_selected();
                 },
                 get classList() {
                   return {
@@ -3578,9 +3612,19 @@ const $830ea8efda59884e$export$414f6a19d38e655c = _ref => {
                   });
                 }
               }), false, true);
-              $8tj43$insert(_el$2, $8tj43$createComponent((0, $02b6641aa50ce528$export$ba17c5b7e6dda39f), {
-                whole_text_to_display_: label,
-                searching_for_value_: () => filter_query_ === null || filter_query_ === void 0 ? void 0 : filter_query_()
+              $8tj43$insert(_el$2, $8tj43$createComponent((0, $8tj43$Show), {
+                get when() {
+                  return count_zero();
+                },
+                get fallback() {
+                  return $8tj43$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();
+                }
               }), _el$6, _co$);
               $8tj43$insert(_el$2, $8tj43$createComponent((0, $8tj43$Show), {
                 get when() {
@@ -3686,7 +3730,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
@@ -3734,18 +3778,29 @@ function $2cb856c297c53e6c$export$82ed4b28ecb67608(_ref) {
     });
     const value = $8tj43$createMemo(() => checkbox().value_);
     const label_text = $8tj43$createMemo(() => checkbox().name_ || value() + "");
+    const count = $8tj43$createMemo(() => checkbox().count_);
     const input_row = $8tj43$createComponent((0, $19e828709c7723a0$export$48513f6b9f8ce62d), {
       get value_() {
         return value();
       },
       get label_() {
-        return $8tj43$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 $8tj43$createComponent((0, $8tj43$Show), {
+          get when() {
+            return count() !== 0;
+          },
+          get fallback() {
+            return label_text();
+          },
+          get children() {
+            return $8tj43$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();
@@ -3807,6 +3862,7 @@ function $2cb856c297c53e6c$export$82ed4b28ecb67608(_ref) {
       i18n_: i18n_
     }) : []);
   });
+  $8tj43$onCleanup(() => set_view_more_button_below_group_());
   $8tj43$createEffect($8tj43$catchify(async () => {
     if (!togglable_rest()) {
       await collapse();
@@ -4069,7 +4125,7 @@ function $ef0f18a578b32578$export$82eafebb825fc23f() {
   })();
 }
 const $e354b2f9ce33cb75$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class=search-in-filters><input type=text class=query><!$><!/><button class=clear-filter-search>`);
-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_] = $8tj43$createSignal();
   // Check if we have enough items to enable searching