@depict-ai/ui 2.1.15 → 2.1.17

package/latest/index.cjs

@@ -70,7 +70,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.1.15";
+const $b757f75811f3261f$export$83d89fbfd8236492 = "2.1.17";
 const $1ab22f2cd39b3061$var$fallback_operator = "in";
 const $1ab22f2cd39b3061$var$fallback_token = "";
 const $1ab22f2cd39b3061$var$legacy_filter_prefix = "filter_";
@@ -2040,16 +2040,26 @@ function $d94869c80e337a3d$export$dd948f91abc3a1c4({
       return !!data?.some(item => $daa394359b026187$export$325f75597868c4f0(item) === value);
     });
     const value = $gVhhF$solidjs.createMemo(() => checkbox().value_);
+    const is_count_zero = $gVhhF$solidjs.createMemo(() => checkbox().count_ === 0);
+    const display_text = $gVhhF$solidjs.createMemo(() => checkbox().name_ || value());
     return $gVhhF$solidjsweb.createComponent((0, $1c63082b2da848ad$export$48513f6b9f8ce62d), {
       get value_() {
         return value();
       },
       get label_() {
-        return $gVhhF$solidjsweb.createComponent((0, $d023ed916c84e75d$export$ba17c5b7e6dda39f), {
-          get whole_text_to_display_() {
-            return $gVhhF$solidjs.createMemo(() => checkbox().name_ || value());
+        return $gVhhF$solidjsweb.createComponent((0, $gVhhF$solidjs.Show), {
+          get when() {
+            return is_count_zero();
+          },
+          get fallback() {
+            return $gVhhF$solidjsweb.createComponent((0, $d023ed916c84e75d$export$ba17c5b7e6dda39f), {
+              whole_text_to_display_: display_text,
+              searching_for_value_: () => filter_query_?.()
+            });
           },
-          searching_for_value_: () => filter_query_?.()
+          get children() {
+            return display_text();
+          }
         });
       },
       get count_() {
@@ -2196,9 +2206,19 @@ function $c1dc1554c1b94233$export$430444115f70a734({
           }));
           $gVhhF$solidjsweb.setAttribute(_el$4, "id", random_selector);
           $gVhhF$solidjsweb.setAttribute(_el$4, "name", radio_name);
-          $gVhhF$solidjsweb.insert(_el$3, $gVhhF$solidjsweb.createComponent((0, $d023ed916c84e75d$export$ba17c5b7e6dda39f), {
-            whole_text_to_display_: label,
-            searching_for_value_: () => filter_query_?.()
+          $gVhhF$solidjsweb.insert(_el$3, $gVhhF$solidjsweb.createComponent((0, $gVhhF$solidjs.Show), {
+            get when() {
+              return count() !== 0;
+            },
+            get fallback() {
+              return label();
+            },
+            get children() {
+              return $gVhhF$solidjsweb.createComponent((0, $d023ed916c84e75d$export$ba17c5b7e6dda39f), {
+                whole_text_to_display_: label,
+                searching_for_value_: () => filter_query_?.()
+              });
+            }
           }), _el$7, _co$);
           $gVhhF$solidjsweb.insert(_el$2, $gVhhF$solidjsweb.createComponent((0, $gVhhF$solidjs.Show), {
             get when() {
@@ -3061,12 +3081,22 @@ function $3bdc00a1353c1150$var$render_stuff(data, existing_filter, i18n_, filter
                 return value_as_string();
               },
               get label_() {
-                return $gVhhF$solidjsweb.createComponent((0, $f6efb1605fcb9f39$export$8e79c28529dbfa90), {
-                  get text_() {
-                    return label_text();
+                return $gVhhF$solidjsweb.createComponent((0, $gVhhF$solidjs.Show), {
+                  get when() {
+                    return value()?.count_ === 0;
+                  },
+                  get fallback() {
+                    return $gVhhF$solidjsweb.createComponent((0, $f6efb1605fcb9f39$export$8e79c28529dbfa90), {
+                      get text_() {
+                        return label_text();
+                      },
+                      get to_highlight_() {
+                        return filter_query_?.();
+                      }
+                    });
                   },
-                  get to_highlight_() {
-                    return filter_query_?.();
+                  get children() {
+                    return label_text();
                   }
                 });
               },
@@ -3399,6 +3429,7 @@ const $0ef1681699140f1a$export$414f6a19d38e655c = ({
           });
           const MakeButton = attributes => {
             const label = $gVhhF$solidjs.createMemo(() => value().name_ || value().value_ + "");
+            const count_zero = $gVhhF$solidjs.createMemo(() => value().count_ === 0);
             return (() => {
               const _el$2 = $gVhhF$solidjsweb.getNextElement($0ef1681699140f1a$var$_tmpl$3),
                 _el$5 = _el$2.firstChild,
@@ -3407,7 +3438,7 @@ const $0ef1681699140f1a$export$414f6a19d38e655c = ({
                 [_el$8, _co$2] = $gVhhF$solidjsweb.getNextMarker(_el$7.nextSibling);
               $gVhhF$solidjsweb.spread(_el$2, $gVhhF$solidjsweb.mergeProps(attributes, {
                 get disabled() {
-                  return $gVhhF$solidjsweb.memo(() => value().count_ === 0)() && !is_selected();
+                  return $gVhhF$solidjsweb.memo(() => !!count_zero())() && !is_selected();
                 },
                 get classList() {
                   return {
@@ -3442,9 +3473,19 @@ const $0ef1681699140f1a$export$414f6a19d38e655c = ({
                   });
                 }
               }), false, true);
-              $gVhhF$solidjsweb.insert(_el$2, $gVhhF$solidjsweb.createComponent((0, $d023ed916c84e75d$export$ba17c5b7e6dda39f), {
-                whole_text_to_display_: label,
-                searching_for_value_: () => filter_query_?.()
+              $gVhhF$solidjsweb.insert(_el$2, $gVhhF$solidjsweb.createComponent((0, $gVhhF$solidjs.Show), {
+                get when() {
+                  return count_zero();
+                },
+                get fallback() {
+                  return $gVhhF$solidjsweb.createComponent((0, $d023ed916c84e75d$export$ba17c5b7e6dda39f), {
+                    whole_text_to_display_: label,
+                    searching_for_value_: () => filter_query_?.()
+                  });
+                },
+                get children() {
+                  return label();
+                }
               }), _el$6, _co$);
               $gVhhF$solidjsweb.insert(_el$2, $gVhhF$solidjsweb.createComponent((0, $gVhhF$solidjs.Show), {
                 get when() {
@@ -3585,18 +3626,29 @@ function $b51a2b8b9355e66c$export$82ed4b28ecb67608({
     });
     const value = $gVhhF$solidjs.createMemo(() => checkbox().value_);
     const label_text = $gVhhF$solidjs.createMemo(() => checkbox().name_ || value() + "");
+    const count = $gVhhF$solidjs.createMemo(() => checkbox().count_);
     const input_row = $gVhhF$solidjsweb.createComponent((0, $1c63082b2da848ad$export$48513f6b9f8ce62d), {
       get value_() {
         return value();
       },
       get label_() {
-        return $gVhhF$solidjsweb.createComponent((0, $d023ed916c84e75d$export$ba17c5b7e6dda39f), {
-          whole_text_to_display_: label_text,
-          searching_for_value_: () => filter_query_?.()
+        return $gVhhF$solidjsweb.createComponent((0, $gVhhF$solidjs.Show), {
+          get when() {
+            return count() !== 0;
+          },
+          get fallback() {
+            return label_text();
+          },
+          get children() {
+            return $gVhhF$solidjsweb.createComponent((0, $d023ed916c84e75d$export$ba17c5b7e6dda39f), {
+              whole_text_to_display_: label_text,
+              searching_for_value_: () => filter_query_?.()
+            });
+          }
         });
       },
       get count_() {
-        return checkbox().count_;
+        return count();
       },
       get checked_() {
         return is_checked();
@@ -3907,7 +3959,7 @@ function $87d7574e1d89d69b$export$82eafebb825fc23f(props = {}) {
   })();
 }
 const $47d8681015b71901$var$_tmpl$ = /*#__PURE__*/$gVhhF$solidjsweb.template(`<div class=search-in-filters><input type=text class=query><!$><!/><button class=clear-filter-search>`);
-const $47d8681015b71901$var$min_items_to_enable_filter_searching = 10; // For checkbox hierarchical we 2x this
+const $47d8681015b71901$var$min_items_to_enable_filter_searching = 15; // For checkbox color and checkbox grid we 2x this
 function $47d8681015b71901$export$4b2c5292ffe0c5dd(filter_array_, section, i18n_) {
   const [filter_query_, set_filter_query_] = $gVhhF$solidjs.createSignal();
   // Check if we have enough items to enable searching
@@ -3917,7 +3969,7 @@ function $47d8681015b71901$export$4b2c5292ffe0c5dd(filter_array_, section, i18n_
       const type = filter.meta?.type;
       if (type === "range") continue;
       const length = filter.meta.values.length;
-      count += type === "checkbox-color" || type === "checkbox-grid" ? length / 3 : length; // For checkbox-color we have two columns, checkbox-grid three, so we can show search later
+      count += type === "checkbox-color" || type === "checkbox-grid" ? length / 2 : length; // For checkbox-color we have two columns, checkbox-grid three, so we can show search later
     }
 
     return count >= $47d8681015b71901$var$min_items_to_enable_filter_searching;

package/latest/index.d.ts

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

package/latest/index.js

@@ -6,7 +6,7 @@ import { createStore as $9HbP8$createStore, reconcile as $9HbP8$reconcile } from
 /*! 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.1.15";
+const $ec291e0010116877$export$83d89fbfd8236492 = "2.1.17";
 const $4147651646da990a$var$fallback_operator = "in";
 const $4147651646da990a$var$fallback_token = "";
 const $4147651646da990a$var$legacy_filter_prefix = "filter_";
@@ -1976,16 +1976,26 @@ function $a4601e6bea3ed1e6$export$dd948f91abc3a1c4({
       return !!data?.some(item => $91aa8ee9f431800d$export$325f75597868c4f0(item) === value);
     });
     const value = $9HbP8$createMemo(() => checkbox().value_);
+    const is_count_zero = $9HbP8$createMemo(() => checkbox().count_ === 0);
+    const display_text = $9HbP8$createMemo(() => checkbox().name_ || value());
     return $9HbP8$createComponent((0, $49b79728e7d9e2a1$export$48513f6b9f8ce62d), {
       get value_() {
         return value();
       },
       get label_() {
-        return $9HbP8$createComponent((0, $f3213c0640246d58$export$ba17c5b7e6dda39f), {
-          get whole_text_to_display_() {
-            return $9HbP8$createMemo(() => checkbox().name_ || value());
+        return $9HbP8$createComponent((0, $9HbP8$Show), {
+          get when() {
+            return is_count_zero();
+          },
+          get fallback() {
+            return $9HbP8$createComponent((0, $f3213c0640246d58$export$ba17c5b7e6dda39f), {
+              whole_text_to_display_: display_text,
+              searching_for_value_: () => filter_query_?.()
+            });
           },
-          searching_for_value_: () => filter_query_?.()
+          get children() {
+            return display_text();
+          }
         });
       },
       get count_() {
@@ -2132,9 +2142,19 @@ function $eb8d9bf3b5700c26$export$430444115f70a734({
           }));
           $9HbP8$setAttribute(_el$4, "id", random_selector);
           $9HbP8$setAttribute(_el$4, "name", radio_name);
-          $9HbP8$insert(_el$3, $9HbP8$createComponent((0, $f3213c0640246d58$export$ba17c5b7e6dda39f), {
-            whole_text_to_display_: label,
-            searching_for_value_: () => filter_query_?.()
+          $9HbP8$insert(_el$3, $9HbP8$createComponent((0, $9HbP8$Show), {
+            get when() {
+              return count() !== 0;
+            },
+            get fallback() {
+              return label();
+            },
+            get children() {
+              return $9HbP8$createComponent((0, $f3213c0640246d58$export$ba17c5b7e6dda39f), {
+                whole_text_to_display_: label,
+                searching_for_value_: () => filter_query_?.()
+              });
+            }
           }), _el$7, _co$);
           $9HbP8$insert(_el$2, $9HbP8$createComponent((0, $9HbP8$Show), {
             get when() {
@@ -2997,12 +3017,22 @@ function $1c8cac76cb67e9af$var$render_stuff(data, existing_filter, i18n_, filter
                 return value_as_string();
               },
               get label_() {
-                return $9HbP8$createComponent((0, $3ec2b9489931358d$export$8e79c28529dbfa90), {
-                  get text_() {
-                    return label_text();
+                return $9HbP8$createComponent((0, $9HbP8$Show), {
+                  get when() {
+                    return value()?.count_ === 0;
+                  },
+                  get fallback() {
+                    return $9HbP8$createComponent((0, $3ec2b9489931358d$export$8e79c28529dbfa90), {
+                      get text_() {
+                        return label_text();
+                      },
+                      get to_highlight_() {
+                        return filter_query_?.();
+                      }
+                    });
                   },
-                  get to_highlight_() {
-                    return filter_query_?.();
+                  get children() {
+                    return label_text();
                   }
                 });
               },
@@ -3335,6 +3365,7 @@ const $93716a9ad0dea854$export$414f6a19d38e655c = ({
           });
           const MakeButton = attributes => {
             const label = $9HbP8$createMemo(() => value().name_ || value().value_ + "");
+            const count_zero = $9HbP8$createMemo(() => value().count_ === 0);
             return (() => {
               const _el$2 = $9HbP8$getNextElement($93716a9ad0dea854$var$_tmpl$3),
                 _el$5 = _el$2.firstChild,
@@ -3343,7 +3374,7 @@ const $93716a9ad0dea854$export$414f6a19d38e655c = ({
                 [_el$8, _co$2] = $9HbP8$getNextMarker(_el$7.nextSibling);
               $9HbP8$spread(_el$2, $9HbP8$mergeProps1(attributes, {
                 get disabled() {
-                  return $9HbP8$memo(() => value().count_ === 0)() && !is_selected();
+                  return $9HbP8$memo(() => !!count_zero())() && !is_selected();
                 },
                 get classList() {
                   return {
@@ -3378,9 +3409,19 @@ const $93716a9ad0dea854$export$414f6a19d38e655c = ({
                   });
                 }
               }), false, true);
-              $9HbP8$insert(_el$2, $9HbP8$createComponent((0, $f3213c0640246d58$export$ba17c5b7e6dda39f), {
-                whole_text_to_display_: label,
-                searching_for_value_: () => filter_query_?.()
+              $9HbP8$insert(_el$2, $9HbP8$createComponent((0, $9HbP8$Show), {
+                get when() {
+                  return count_zero();
+                },
+                get fallback() {
+                  return $9HbP8$createComponent((0, $f3213c0640246d58$export$ba17c5b7e6dda39f), {
+                    whole_text_to_display_: label,
+                    searching_for_value_: () => filter_query_?.()
+                  });
+                },
+                get children() {
+                  return label();
+                }
               }), _el$6, _co$);
               $9HbP8$insert(_el$2, $9HbP8$createComponent((0, $9HbP8$Show), {
                 get when() {
@@ -3521,18 +3562,29 @@ function $e731d52d97444b7c$export$82ed4b28ecb67608({
     });
     const value = $9HbP8$createMemo(() => checkbox().value_);
     const label_text = $9HbP8$createMemo(() => checkbox().name_ || value() + "");
+    const count = $9HbP8$createMemo(() => checkbox().count_);
     const input_row = $9HbP8$createComponent((0, $49b79728e7d9e2a1$export$48513f6b9f8ce62d), {
       get value_() {
         return value();
       },
       get label_() {
-        return $9HbP8$createComponent((0, $f3213c0640246d58$export$ba17c5b7e6dda39f), {
-          whole_text_to_display_: label_text,
-          searching_for_value_: () => filter_query_?.()
+        return $9HbP8$createComponent((0, $9HbP8$Show), {
+          get when() {
+            return count() !== 0;
+          },
+          get fallback() {
+            return label_text();
+          },
+          get children() {
+            return $9HbP8$createComponent((0, $f3213c0640246d58$export$ba17c5b7e6dda39f), {
+              whole_text_to_display_: label_text,
+              searching_for_value_: () => filter_query_?.()
+            });
+          }
         });
       },
       get count_() {
-        return checkbox().count_;
+        return count();
       },
       get checked_() {
         return is_checked();
@@ -3843,7 +3895,7 @@ function $16f0ed5ea30d8d9c$export$82eafebb825fc23f(props = {}) {
   })();
 }
 const $e01b34f289b61435$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<div class=search-in-filters><input type=text class=query><!$><!/><button class=clear-filter-search>`);
-const $e01b34f289b61435$var$min_items_to_enable_filter_searching = 10; // For checkbox hierarchical we 2x this
+const $e01b34f289b61435$var$min_items_to_enable_filter_searching = 15; // For checkbox color and checkbox grid we 2x this
 function $e01b34f289b61435$export$4b2c5292ffe0c5dd(filter_array_, section, i18n_) {
   const [filter_query_, set_filter_query_] = $9HbP8$createSignal();
   // Check if we have enough items to enable searching
@@ -3853,7 +3905,7 @@ function $e01b34f289b61435$export$4b2c5292ffe0c5dd(filter_array_, section, i18n_
       const type = filter.meta?.type;
       if (type === "range") continue;
       const length = filter.meta.values.length;
-      count += type === "checkbox-color" || type === "checkbox-grid" ? length / 3 : length; // For checkbox-color we have two columns, checkbox-grid three, so we can show search later
+      count += type === "checkbox-color" || type === "checkbox-grid" ? length / 2 : length; // For checkbox-color we have two columns, checkbox-grid three, so we can show search later
     }
 
     return count >= $e01b34f289b61435$var$min_items_to_enable_filter_searching;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@depict-ai/ui",
-  "version": "2.1.15",
+  "version": "2.1.17",
   "description": "Base package containing the actual UI of Depict UI along with translations, with a not-simplified API. We recommend using @depict-ai/js-ui or @depict-ai/react-ui instead.",
   "packageManager": "yarn@3.2.2",
   "sass": "styles.scss",
@@ -236,7 +236,7 @@
     "@babel/plugin-transform-typescript": "^7.22.9",
     "@babel/runtime": "latest",
     "@babel/runtime-corejs3": "^7.22.6",
-    "@depict-ai/plp-styling": "^1.2.9",
+    "@depict-ai/plp-styling": "^1.2.12",
     "@depict-ai/types": "^1.0.39",
     "@depict-ai/utilishared": "^1.0.48",
     "solid-js": "^1.8.1"

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.15";
+const $aa1938dec50d6c12$export$83d89fbfd8236492 = "2.1.17";
 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_() {
@@ -1809,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;
@@ -2504,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_));
@@ -2577,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;
                         });
                       }
                     })));
@@ -2593,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_);
                   }
                 });
@@ -2861,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 {
@@ -2872,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;
@@ -3021,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();
@@ -3299,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 2x 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
@@ -3310,7 +3363,7 @@ function $8e7ac26c00243687$export$4b2c5292ffe0c5dd(filter_array_, section, i18n_
       const type = (_filter$meta = filter.meta) === null || _filter$meta === void 0 ? void 0 : _filter$meta.type;
       if (type === "range") continue;
       const length = filter.meta.values.length;
-      count += type === "checkbox-color" || type === "checkbox-grid" ? length / 3 : length; // For checkbox-color we have two columns, checkbox-grid three, so we can show search later
+      count += type === "checkbox-color" || type === "checkbox-grid" ? length / 2 : length; // For checkbox-color we have two columns, checkbox-grid three, so we can show search later
     }
 
     return count >= $8e7ac26c00243687$var$min_items_to_enable_filter_searching;