@depict-ai/ui 3.0.14 → 3.0.16

package/server/latest/index.js

@@ -7,7 +7,7 @@ import { createStore as $i7OB2$createStore, reconcile as $i7OB2$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 = "3.0.14";
+const $ec291e0010116877$export$83d89fbfd8236492 = "3.0.16";
 const $fbbadcb080ad1d4a$var$_tmpl$ = ["<svg", ' xmlns="http://www.w3.org/2000/svg"', ' viewBox="0 0 14 26"><path d="M2 24.656c-.078 0-.156-.016-.234-.047s-.133-.066-.187-.129c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422l10.371-10.371L1.578 2.883c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422.258-.176.422-.176.305.059.422.176l10.805 10.793a.59.59 0 0 1 .176.434c0 .172-.059.305-.176.422L2.422 24.48a.42.42 0 0 1-.199.129.54.54 0 0 1-.223.047zm0 0" fill="#0f0f0f"></path></svg>'];
 function $fbbadcb080ad1d4a$export$8be2714ec7f169ee(props = {}) {
   return $i7OB2$ssr($fbbadcb080ad1d4a$var$_tmpl$, $i7OB2$ssrHydrationKey(), $i7OB2$ssrAttribute("width", $i7OB2$escape(props.width_, true) ?? 14, false) + $i7OB2$ssrAttribute("height", $i7OB2$escape(props.height_, true) ?? 26, false));
@@ -5489,7 +5489,11 @@ function $2d25e42846eac370$export$3925f87b1545cfc6({
             product_card_template_: product_card_template_,
             num_placeholders_: num_placeholders_
           }) : undefined);
-          const layout = $i7OB2$createMemo(() => layout_options_().layout || "grid");
+          const layout = $i7OB2$createMemo(() => {
+            const incoming_layout = layout_options_().layout;
+            if (incoming_layout === "slider-without-filters") return "slider";
+            return incoming_layout || "grid";
+          });
           const [get_suspense_is_blocked, set_suspense_is_blocked] = $i7OB2$createSignal(false);
           const block_suspense_if_needed = () => {
             if (!is_just_after_plp_results_update) return;
@@ -5512,6 +5516,7 @@ function $2d25e42846eac370$export$3925f87b1545cfc6({
           }, {
             defer: true
           }));
+          $i7OB2$createEffect(() => layout() !== "grid" && !doesnt_have_content_blocks() && $i7OB2$dwarn("Slider layout doesn't support content blocks"));
           /*
           This suspense ensures that if someone has async templates, we still show placeholders until the product cards actually have finished rendering (automagically since they're createResource's)
           We're creating it outside the <Show> so that we can benefit from <For>'s optimisation between changing results
@@ -5600,9 +5605,8 @@ function $2d25e42846eac370$export$3925f87b1545cfc6({
                       } = slider;
                       const Layout = props => $c8d5ff4524619fcd$export$445d8d3f5f706a40(props, insert_here, true);
                       // Do like this, so we don't have to call mergeProps ourselves
-                      $i7OB2$createComponent(Layout, $i7OB2$mergeProps({
-                        rows: "all"
-                      }, layout_options_, {
+                      $i7OB2$createComponent(Layout, $i7OB2$mergeProps(layout_options_, {
+                        rows: "all",
                         get cols_at_size() {
                           return modified_cols_at_size();
                         },
@@ -5888,6 +5892,7 @@ function $cdea4cf8c5c071ef$export$d7841e452f2e59a8({
   expanded_hierarchical_filters_: expanded_hierarchical_filters_,
   number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_,
   set_sort_and_filter_element_: set_sort_and_filter_element_,
+  sort_and_filter_disabled_: sort_and_filter_disabled_,
   formatted_number_of_results_: formatted_number_of_results_,
   filter_button_width_: filter_button_width_,
   sort_button_width_: sort_button_width_,
@@ -6010,7 +6015,21 @@ function $cdea4cf8c5c071ef$export$d7841e452f2e59a8({
     })();
     get_extra_filters_button_?.(make_open_filters_button());
     get_extra_sorting_button_?.(make_open_sorting_button());
-    return $i7OB2$ssr($cdea4cf8c5c071ef$var$_tmpl$3, $i7OB2$ssrHydrationKey(), $i7OB2$escape(make_open_filters_button(true, true)), $i7OB2$escape(middle_elements_?.()), $i7OB2$escape(make_open_sorting_button(true, true)));
+    $i7OB2$createEffect(() => {
+      if (sort_and_filter_disabled_()) {
+        // If someone changes the layout to slider-without-filters dynamically, close sorting and filters
+        set_filters_open(false);
+        set_sorting_open(false);
+      }
+    });
+    return $i7OB2$createComponent((0, $i7OB2$Show), {
+      get when() {
+        return !sort_and_filter_disabled_();
+      },
+      get children() {
+        return $i7OB2$ssr($cdea4cf8c5c071ef$var$_tmpl$3, $i7OB2$ssrHydrationKey(), $i7OB2$escape(make_open_filters_button(true, true)), $i7OB2$escape(middle_elements_?.()), $i7OB2$escape(make_open_sorting_button(true, true)));
+      }
+    });
   };
   return $i7OB2$createComponent((0, $b7436a6d1fd64e3b$export$b69d0d92862de18b), {
     message_: "Sorting and filters failed",
@@ -6903,7 +6922,9 @@ function $df5d81d0fe61ff21$export$f7d2f673fc2f091d({
     i18n_: i18n_
   });
   const [sort_and_filter_element_, set_sort_and_filter_element_] = $i7OB2$createSignal();
+  // Sort and filter button
   const [results_filters, set_results_filters] = $i7OB2$createSignal();
+  // Cloned, invisible sort and filter button used for measuring the minimum size of the buttons if using embedded_num_products
   const [observed_results_filters_elements, set_observed_results_filters_elements_] = $i7OB2$createSignal();
   const is_slim_ = $dc9262ef6f786812$export$d9f36cf74e24d595("(max-width:600px)");
   // @ts-ignore - there's no type error here when writing the code, but parcel can't generate types that include the symbol, so we need to suppress the error that creates in our pipelines
@@ -6972,6 +6993,7 @@ function $df5d81d0fe61ff21$export$f7d2f673fc2f091d({
     $i7OB2$report1(new Error("Unrecognised category_title_type, UI will look messed up"), "error");
     results_for = $i7OB2$ssr($df5d81d0fe61ff21$var$_tmpl$2, $i7OB2$ssrHydrationKey());
   }
+  const sort_and_filter_disabled_ = $i7OB2$createMemo(() => layout_options_().layout === "slider-without-filters");
   const filters_opener = $cdea4cf8c5c071ef$export$d7841e452f2e59a8({
     set_sort_or_filter_open_: set_sort_or_filter_open_,
     set_extra_els_in_results_container_: set_desktop_filter_elements,
@@ -6989,6 +7011,7 @@ function $df5d81d0fe61ff21$export$f7d2f673fc2f091d({
     local_filter_cache_: local_filter_cache_,
     expanded_hierarchical_filters_: expanded_hierarchical_filters_,
     number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_,
+    sort_and_filter_disabled_: sort_and_filter_disabled_,
     ...extra_sort_and_filter_args_
   });
   $i7OB2$catchify((0, $641bba2917fe862b$export$6e49da55e449af7c))({
@@ -7434,6 +7457,7 @@ function $961b5c64bef4662f$export$e2bf8ce7779e827e(props) {
       return newId;
     });
     $i7OB2$onCleanup(() => $d8dbf52fea1773e2$export$f50b88e2a00918b5(props.on_listing_query_change)());
+    const is_grid = $i7OB2$createMemo(() => props.layout === "grid");
     const grid_spacing_override = $i7OB2$createMemo(() => {
       const {
         grid_spacing: grid_spacing
@@ -7480,9 +7504,10 @@ function $961b5c64bef4662f$export$e2bf8ce7779e827e(props) {
         return depict_category.listing_query.type;
       }),
       i18n_: i18n_,
-      show_quicklinks_: $i7OB2$createMemo(() => props.show_quicklinks ?? true),
+      // default disable quicklinks and breadcrumbs for sliders
+      show_quicklinks_: $i7OB2$createMemo(() => props.show_quicklinks ?? is_grid()),
       category_title_: category_title,
-      show_breadcrumbs_: $i7OB2$createMemo(() => props.show_breadcrumbs ?? true),
+      show_breadcrumbs_: $i7OB2$createMemo(() => props.show_breadcrumbs ?? is_grid()),
       current_sorting_: current_sorting_,
       router_: router_,
       get_breadcrumb_accessor_: accessor => $i7OB2$createComputed(() => breadcrumb_signal_[1](accessor())),
@@ -7498,7 +7523,7 @@ function $961b5c64bef4662f$export$e2bf8ce7779e827e(props) {
       layout_options_: $i7OB2$createMemo(() => ({
         cols_at_size: $b5cccc8ee7d24677$export$6daf8749b65a1b77(props.cols_at_size),
         ...grid_spacing_override(),
-        layout: props.layout || "grid"
+        layout: props.layout
       })),
       product_card_template_: product_card_template,
       sorting_query_param_: sorting_query_param_,