@depict-ai/ui 0.0.70 → 0.0.72

package/dist/module.js

@@ -2,7 +2,7 @@ import {add_to_version_info as $g9l4l$add_to_version_info, fetch_recs as $g9l4l$
 import {template as $g9l4l$template, insert as $g9l4l$insert, effect as $g9l4l$effect, setAttribute as $g9l4l$setAttribute, createComponent as $g9l4l$createComponent, use as $g9l4l$use, addEventListener as $g9l4l$addEventListener, delegateEvents as $g9l4l$delegateEvents, spread as $g9l4l$spread, classList as $g9l4l$classList, memo as $g9l4l$memo, style as $g9l4l$style, mergeProps as $g9l4l$mergeProps, className as $g9l4l$className} from "solid-js/web";
 import {createSignal as $g9l4l$createSignal, onCleanup as $g9l4l$onCleanup, createComputed as $g9l4l$createComputed, createEffect as $g9l4l$createEffect, untrack as $g9l4l$untrack, batch as $g9l4l$batch, createResource as $g9l4l$createResource, createMemo as $g9l4l$createMemo, Show as $g9l4l$Show, createRenderEffect as $g9l4l$createRenderEffect, runWithOwner as $g9l4l$runWithOwner, createRoot as $g9l4l$createRoot, getOwner as $g9l4l$getOwner, createReaction as $g9l4l$createReaction, on as $g9l4l$on, ErrorBoundary as $g9l4l$ErrorBoundary, Index as $g9l4l$Index, For as $g9l4l$For} from "solid-js";
 
-/*! Depict.ai search and product listing SDK */ const $18bf1d29fb889cca$export$83d89fbfd8236492 = "0.0.70";
+/*! Depict.ai search and product listing SDK */ const $18bf1d29fb889cca$export$83d89fbfd8236492 = "0.0.72";
 
 
 
@@ -777,8 +777,8 @@ function $a20b0ecfca7ab32d$export$ef6006467f04ee41({ i18n_: i18n_ , expanded_hie
 ]);
 
 
-/*
- * Usually product templates are somewhat height-elastic depending on the content, i.e. if the title is longer we might up to two extra rows for this. That means that the placeholders almost never will reflect the size of the actual content when we do scroll restoration. This magic number specifies how many extra placeholders we should render everytime to compensate for this, since if the placeholders are in total shorter than the old scroll location the scroll restoration won't work.
+/*
+ * Usually product templates are somewhat height-elastic depending on the content, i.e. if the title is longer we might up to two extra rows for this. That means that the placeholders almost never will reflect the size of the actual content when we do scroll restoration. This magic number specifies how many extra placeholders we should render everytime to compensate for this, since if the placeholders are in total shorter than the old scroll location the scroll restoration won't work.
  */ const $9679915780ee67c0$export$6c9030e511152266 = 30;
 
 
@@ -838,7 +838,7 @@ function $a406ebe9523f192f$export$b69d0d92862de18b(props) {
 
 const $57363319986950eb$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="PLP-results"></div>`, 2), $57363319986950eb$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="cards"></div>`, 2);
 let $57363319986950eb$var$cached_placeholder_element;
-function $57363319986950eb$export$3925f87b1545cfc6({ plp_results_: plp_results_ , depict_api_: depict_api_ , all_products_loaded_: all_products_loaded_ , min_products_to_fetch_: min_products_to_fetch_ , query_base_: query_base_ , first_result_in_viewport_: first_result_in_viewport_ , last_result_in_viewport_: last_result_in_viewport_ , scroll_restoration_data_: scroll_restoration_data_ , no_results_options_: no_results_options_ , desktop_filter_elements_: desktop_filter_elements_ , sort_or_filter_open_: sort_or_filter_open_ , rr_options_: rr_options_ , layout_options_: layout_options_ , tenant_object_: tenant_object_ , type_for_tracking_: type_for_tracking_ , id_currently_querying_for_: id_currently_querying_for_  }) {
+function $57363319986950eb$export$3925f87b1545cfc6({ plp_results_: plp_results_ , depict_api_: depict_api_ , all_products_loaded_: all_products_loaded_ , min_products_to_fetch_: min_products_to_fetch_ , query_base_: query_base_ , first_result_in_viewport_: first_result_in_viewport_ , last_result_in_viewport_: last_result_in_viewport_ , scroll_restoration_data_: scroll_restoration_data_ , no_results_options_: no_results_options_ , desktop_filter_elements_: desktop_filter_elements_ , sort_or_filter_open_: sort_or_filter_open_ , rr_options_: rr_options_ , layout_options_: layout_options_ , tenant_object_: tenant_object_ , type_for_tracking_: type_for_tracking_ , id_currently_querying_for_: id_currently_querying_for_ , disable_default_tracking_: disable_default_tracking_  }) {
     // The plp_results_ resource will be delayed because we're using createBatchedMemo to not make triplicate API requests, but we need to show the placeholders before already to match Chrome and Firefox's "content has to be there, ready for scroll restoration, before all popstate tasks have been completed"-requirement
     const is_loading = (0, $g9l4l$createMemo)(()=>plp_results_.loading || query_base_.loading);
     const cleanup_old_cards = [];
@@ -877,7 +877,9 @@ function $57363319986950eb$export$3925f87b1545cfc6({ plp_results_: plp_results_
             post_processors: [
                 ...rr_options_.post_processors || [],
                 load_more_post_processor
-            ]
+            ],
+            view_tracking: disable_default_tracking_ ? [] : undefined,
+            click_tracking: disable_default_tracking_ ? [] : undefined
         });
         // check if we still should insert or something new happened while we were rendering
         if ((0, $g9l4l$untrack)(has_no_results_or_failed) || (0, $g9l4l$untrack)(is_loading)) {
@@ -1037,6 +1039,8 @@ async function $57363319986950eb$var$insert_placeholders({ scroll_restoration_da
             type: "placeholder",
             pre_processors: [],
             post_processors: [],
+            view_tracking: [],
+            click_tracking: [],
             ...typeof rr_options_.template === "function" ? {
                 template: $57363319986950eb$var$wrap_template_to_throw_into_error_boundary(rr_options_.template, root_in_root, ()=>(0, $g9l4l$queueMacroTask)((0, $g9l4l$catchify)(dispose_card)) // we just want it cloned and dead
                 )
@@ -2941,9 +2945,9 @@ function $dd3727f29e682893$export$b288c38ae3fddb56({ available_filters_: availab
     });
     return read_local_cache;
 }
-/**
- * When a filter is only available locally due to being selected in a previous navigation, we want to make that clear and prevent further "invalid" choices.
- * This sets the counts to 0 (if applicable) and removes non-selected options (if applicable)
+/**
+ * When a filter is only available locally due to being selected in a previous navigation, we want to make that clear and prevent further "invalid" choices.
+ * This sets the counts to 0 (if applicable) and removes non-selected options (if applicable)
  */ function $dd3727f29e682893$var$modify_only_local_filter(local_filter_object, selected_filter) {
     const old_meta = local_filter_object.meta;
     const selected_filter_data = selected_filter.data;
@@ -4504,7 +4508,7 @@ let $01115659405f3c64$export$44dad306455dddf;
 
 
 const $1ae892b13d7746ab$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="product-count"> </div>`, 2), $1ae892b13d7746ab$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div></div>`, 2), $1ae892b13d7746ab$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="filter-results-for-one-row"></div>`, 2), $1ae892b13d7746ab$var$_tmpl$4 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="depict plp category"><div class="listing-page"></div></div>`, 4);
-function $1ae892b13d7746ab$export$f7d2f673fc2f091d({ depict_api_: depict_api_ , query_id_: query_id_ , current_sorting_: current_sorting_ , min_products_to_fetch_: min_products_to_fetch_ , category_filters_open_: category_filters_open_ , category_sorting_open_: category_sorting_open_ , expanded_filters_: expanded_filters_ , selected_filters_: selected_filters_ , get_quicklinks_accessor_: get_quicklinks_accessor_ , i18n_: incoming_i18n , get_breadcrumb_accessor_: get_breadcrumb_accessor_ , slider_arrow_button_: slider_arrow_button_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_ , local_filter_cache_: local_filter_cache_ , tenant_: tenant_ , market_: market_ , on_category_link_click_: on_category_link_click_ , show_quicklinks_: show_quicklinks_ , category_title_: category_title_ , show_breadcrumbs_: show_breadcrumbs_ , layout_options_: layout_options_ , scroll_restoration_data_: scroll_restoration_data_ , rr_options_: rr_options_ , get_product_id_: get_product_id_  }) {
+function $1ae892b13d7746ab$export$f7d2f673fc2f091d({ depict_api_: depict_api_ , query_id_: query_id_ , current_sorting_: current_sorting_ , min_products_to_fetch_: min_products_to_fetch_ , category_filters_open_: category_filters_open_ , category_sorting_open_: category_sorting_open_ , expanded_filters_: expanded_filters_ , selected_filters_: selected_filters_ , get_quicklinks_accessor_: get_quicklinks_accessor_ , i18n_: incoming_i18n , get_breadcrumb_accessor_: get_breadcrumb_accessor_ , slider_arrow_button_: slider_arrow_button_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_ , local_filter_cache_: local_filter_cache_ , tenant_: tenant_ , market_: market_ , on_category_link_click_: on_category_link_click_ , show_quicklinks_: show_quicklinks_ , category_title_: category_title_ , show_breadcrumbs_: show_breadcrumbs_ , layout_options_: layout_options_ , scroll_restoration_data_: scroll_restoration_data_ , rr_options_: rr_options_ , get_product_id_: get_product_id_ , disable_default_tracking_: disable_default_tracking_ = false  }) {
     let results_for;
     let only_show_filters_opener_;
     let middle_elements_;
@@ -4518,7 +4522,8 @@ function $1ae892b13d7746ab$export$f7d2f673fc2f091d({ depict_api_: depict_api_ ,
         TENANT: (0, $g9l4l$untrack)(tenant_),
         MARKET: (0, $g9l4l$untrack)(market_),
         GA_ID: "",
-        get_product_id: get_product_id_
+        get_product_id: get_product_id_,
+        pageview_tracking: !disable_default_tracking_
     });
     const [get_sorting] = current_sorting_;
     const number_of_rendered_selected_filters_items_ = (0, $g9l4l$createSignal)(0);
@@ -4765,7 +4770,8 @@ function $1ae892b13d7746ab$export$f7d2f673fc2f091d({ depict_api_: depict_api_ ,
                             expanded_hierarchical_filters_: expanded_hierarchical_filters_,
                             i18n_: i18n_,
                             local_filter_cache_: local_filter_cache_
-                        }
+                        },
+                        disable_default_tracking_: disable_default_tracking_
                     });
                 }
             }), null);
@@ -5019,7 +5025,7 @@ class $ec52ef1e6c117813$export$f34314aa9505732e {
         });
     }
 }
-function $ec52ef1e6c117813$export$e2bf8ce7779e827e({ depict_category: depict_category , grid_spacing: grid_spacing , cols_at_size: cols_at_size , product_card_template: product_card_template , get_product_id: get_product_id , show_breadcrumbs: show_breadcrumbs = true , show_quicklinks: show_quicklinks = true , category_title: category_title  }) {
+function $ec52ef1e6c117813$export$e2bf8ce7779e827e({ depict_category: depict_category , grid_spacing: grid_spacing , cols_at_size: cols_at_size , product_card_template: product_card_template , get_product_id: get_product_id , show_breadcrumbs: show_breadcrumbs = true , show_quicklinks: show_quicklinks = true , category_title: category_title , disable_default_tracking: disable_default_tracking = false  }) {
     const shared_properties = $ec52ef1e6c117813$var$get_shared_properties(depict_category);
     const grid_spacing_override = typeof grid_spacing === "string" ? {
         grid_spacing: grid_spacing
@@ -5062,7 +5068,8 @@ function $ec52ef1e6c117813$export$e2bf8ce7779e827e({ depict_category: depict_cat
                     const is_placeholder = info.rendering_options.type === "placeholder";
                     return product_card_template(is_placeholder ? null : display, info);
                 }
-            }
+            },
+            disable_default_tracking_: disable_default_tracking
         });
     }, "Entire CategoryPage failed");
 }
@@ -5470,7 +5477,7 @@ function $6ded59a142c93078$export$b94867ecbd698f21({ search_field_value_: search
 
 const $aee0c68312d971f4$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="cards"></div>`, 2), $aee0c68312d971f4$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="search-recs"><h3 class="search-recs-title"></h3></div>`, 4), $aee0c68312d971f4$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<button class="show-more major" type="button"></button>`, 2);
 const $aee0c68312d971f4$export$1c8c715550dc689d = 2;
-function $aee0c68312d971f4$export$7de92c4c2205ebf3({ depict_api_: depict_api_ , i18n_: i18n_ , tenant_object_: tenant_object_ , search_query_base_: search_query_base_ , rr_options_: rr_options_ , showing_recommendation_rows_: showing_recommendation_rows_ , view_more_button_: view_more_button_ = true , layout_options_: layout_options_  }) {
+function $aee0c68312d971f4$export$7de92c4c2205ebf3({ depict_api_: depict_api_ , i18n_: i18n_ , tenant_object_: tenant_object_ , search_query_base_: search_query_base_ , rr_options_: rr_options_ , showing_recommendation_rows_: showing_recommendation_rows_ , view_more_button_: view_more_button_ = true , layout_options_: layout_options_ , disable_default_tracking_: disable_default_tracking_  }) {
     const [is_showing_something, set_is_showing_something] = (0, $g9l4l$createSignal)(false);
     const cards = $aee0c68312d971f4$var$_tmpl$.cloneNode(true);
     const on_next_render = [];
@@ -5538,7 +5545,9 @@ function $aee0c68312d971f4$export$7de92c4c2205ebf3({ depict_api_: depict_api_ ,
                 template: (...args)=>(0, $g9l4l$runWithOwner)(owner_for_cards, ()=>// give template the possibility to know when it gets removed from the DOM by using solid-js onCleanup
                         // @ts-ignore
                         rr_options_.template(...args))
-            } : {}
+            } : {},
+            view_tracking: disable_default_tracking_ ? [] : undefined,
+            click_tracking: disable_default_tracking_ ? [] : undefined
         });
         const { elements: elements , should_stay_inserted: should_stay_inserted  } = rendering_result;
         let dead = false;
@@ -5711,8 +5720,8 @@ function $4d62f5daa51642fe$export$84bba84a7b837187(search_query) {
 
 
 
-/**
- * Calls history.pushState wiht the current url BUT the query parameter with name url_param_name has been set to value (or deleted if no value is provided) and url_transformer has been executed on the URL object that we're pushing
+/**
+ * Calls history.pushState wiht the current url BUT the query parameter with name url_param_name has been set to value (or deleted if no value is provided) and url_transformer has been executed on the URL object that we're pushing
  */ function $972ebf2641490830$export$26df08e242fe83a3(url_param_name, value, url_transformer) {
     $972ebf2641490830$var$set_param(false, url_param_name, value, url_transformer);
 }
@@ -5788,8 +5797,8 @@ function $4ad18a8b237ff7f6$export$2542ffb77b620b02(params_to_default_value) {
 
 
 
-/**
- * Expand an object where every value in the top-level is an accessor into a normal object. Used for converting solid_i18n objects into external i18n typed objects.
+/**
+ * Expand an object where every value in the top-level is an accessor into a normal object. Used for converting solid_i18n objects into external i18n typed objects.
  */ const $589fd8dc82a78e48$export$27b710c08412a7ad = (obj)=>{
     return Object.fromEntries(Object.keys(obj).map((key)=>[
             key,
@@ -5988,7 +5997,6 @@ function $d811ce622b5b7626$var$track_elements(display, index, elements, tenant,
                 click_location: type + "_" + (index + 1),
                 recommendation_type: type
             });
-            localStorage.setItem(`depict_attribution_${d.product_id}`, d.search_result_id);
         };
         while(disconnectors.length)// disconnect stuff from old display
         disconnectors.pop()();
@@ -7110,12 +7118,13 @@ function $57ec75eac12fe1fc$export$9dd50d35b9d94fdf({ search_query_: search_query
 
 const $b76e8f62b1f313ef$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="filter-results-for-one-row"></div>`, 2), $b76e8f62b1f313ef$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="depict plp search"><div class="listing-page"></div></div>`, 4);
 function $b76e8f62b1f313ef$export$a54ec244c8863715(opts) {
-    const { depict_api_: depict_api_ , search_field_value_: search_field_value_ , search_query_: search_query_ , open_modal_: open_modal_ , submit_query_: submit_query_ , current_sorting_: current_sorting_ , min_products_to_fetch_: min_products_to_fetch_ , search_filters_open_: search_filters_open_ , search_sorting_open_: search_sorting_open_ , expanded_filters_: expanded_filters_ , input_modal_open_: input_modal_open_ , selected_filters_: selected_filters_ , i18n_: i18n_ , slider_arrow_button_: slider_arrow_button_ , make_category_suggestion_card_: make_category_suggestion_card_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_ , clear_filters_on_next_submit_: clear_filters_on_next_submit_ , local_filter_cache_: local_filter_cache_ , include_input_field_: include_input_field_ , tenant_: tenant_ , market_: market_ , showing_recommendation_rows_: showing_recommendation_rows_ , rr_options_: rr_options_ , recommendations_rr_options_: recommendations_rr_options_ = rr_options_ , search_recs_view_more_: search_recs_view_more_ , get_product_id_: get_product_id_ , disable_search_recommendations_: disable_search_recommendations_ , layout_options_: layout_options_ , recommendations_layout_options_: recommendations_layout_options_ = layout_options_ , scroll_restoration_data_: scroll_restoration_data_  } = opts;
+    const { depict_api_: depict_api_ , search_field_value_: search_field_value_ , search_query_: search_query_ , open_modal_: open_modal_ , submit_query_: submit_query_ , current_sorting_: current_sorting_ , min_products_to_fetch_: min_products_to_fetch_ , search_filters_open_: search_filters_open_ , search_sorting_open_: search_sorting_open_ , expanded_filters_: expanded_filters_ , input_modal_open_: input_modal_open_ , selected_filters_: selected_filters_ , i18n_: i18n_ , slider_arrow_button_: slider_arrow_button_ , make_category_suggestion_card_: make_category_suggestion_card_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_ , clear_filters_on_next_submit_: clear_filters_on_next_submit_ , local_filter_cache_: local_filter_cache_ , include_input_field_: include_input_field_ , tenant_: tenant_ , market_: market_ , showing_recommendation_rows_: showing_recommendation_rows_ , rr_options_: rr_options_ , recommendations_rr_options_: recommendations_rr_options_ = rr_options_ , search_recs_view_more_: search_recs_view_more_ , get_product_id_: get_product_id_ , disable_search_recommendations_: disable_search_recommendations_ , layout_options_: layout_options_ , recommendations_layout_options_: recommendations_layout_options_ = layout_options_ , scroll_restoration_data_: scroll_restoration_data_ , disable_default_tracking_: disable_default_tracking_ = false  } = opts;
     const tenant_object_ = new (0, $g9l4l$Tenant)({
         TENANT: (0, $g9l4l$untrack)(tenant_),
         MARKET: (0, $g9l4l$untrack)(market_),
         GA_ID: "",
-        get_product_id: get_product_id_
+        get_product_id: get_product_id_,
+        pageview_tracking: !disable_default_tracking_
     });
     const [get_sorting] = current_sorting_;
     const [get_search_query] = search_query_;
@@ -7340,7 +7349,8 @@ function $b76e8f62b1f313ef$export$a54ec244c8863715(opts) {
                             expanded_hierarchical_filters_: expanded_hierarchical_filters_,
                             local_filter_cache_: local_filter_cache_,
                             i18n_: i18n_
-                        }
+                        },
+                        disable_default_tracking_: disable_default_tracking_
                     });
                 }
             }), null);
@@ -7362,7 +7372,8 @@ function $b76e8f62b1f313ef$export$a54ec244c8863715(opts) {
                                 showing_recommendation_rows_: showing_recommendation_rows_,
                                 rr_options_: recommendations_rr_options_,
                                 view_more_button_: search_recs_view_more_,
-                                tenant_object_: tenant_object_
+                                tenant_object_: tenant_object_,
+                                disable_default_tracking_: disable_default_tracking_
                             });
                         }
                     });
@@ -7433,8 +7444,8 @@ function $a79ffb1cbfbd2a09$export$828dcdd425fd3231(aligner) {
 
 
 const $540e930c58500cbe$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="depict plp search"></div>`, 2);
-/**
- * Type for the private properties that are shared between the different exported search SDK wrapper functions. SDK users are not allowed to change/access these, they're an internal implementation detail.
+/**
+ * Type for the private properties that are shared between the different exported search SDK wrapper functions. SDK users are not allowed to change/access these, they're an internal implementation detail.
  */ const $540e930c58500cbe$var$privately_shared_properties = /*@__PURE__*/ new WeakMap();
 const $540e930c58500cbe$var$min_products_to_fetch_ = 20;
 const $540e930c58500cbe$export$bde3eb976dfded9 = (depict_search)=>$540e930c58500cbe$var$privately_shared_properties.get(depict_search)?.search_query_updating_blocked_;
@@ -7645,13 +7656,24 @@ class $540e930c58500cbe$export$ac6237957a15b3f0 {
     set market(market) {
         this.#market_signal[1](market);
     }
+    async fetchSearchResults(query, filters) {
+        const { depict_api_: depict_api_  } = $540e930c58500cbe$var$privately_shared_properties.get(this);
+        const result = await depict_api_.query({
+            tenant: this.merchant,
+            market: this.market,
+            query: query,
+            filters: filters
+        });
+        if (result.failed) throw new Error("Failed to fetch search results");
+        return result.displays;
+    }
 }
 function $540e930c58500cbe$var$get_shared_properties(depict_search) {
     const shared_properties = $540e930c58500cbe$var$privately_shared_properties.get(depict_search);
     if (!shared_properties) throw new Error("Can't connect to provided DepictSearch instance");
     return shared_properties;
 }
-function $540e930c58500cbe$export$f2dc7e4e4aa11abb({ depict_search: depict_search , include_input_field: include_input_field , grid_spacing: grid_spacing , cols_at_size: cols_at_size , product_card_template: product_card_template , get_product_id: get_product_id = (0, $g9l4l$normal_get_product_id) , extra_depict_options: extra_depict_options  }) {
+function $540e930c58500cbe$export$f2dc7e4e4aa11abb({ depict_search: depict_search , include_input_field: include_input_field , grid_spacing: grid_spacing , cols_at_size: cols_at_size , product_card_template: product_card_template , get_product_id: get_product_id = (0, $g9l4l$normal_get_product_id) , extra_depict_options: extra_depict_options , disable_default_tracking: disable_default_tracking  }) {
     const shared_properties = $540e930c58500cbe$var$get_shared_properties(depict_search);
     const grid_spacing_override = typeof grid_spacing === "string" ? {
         grid_spacing: grid_spacing
@@ -7726,7 +7748,8 @@ function $540e930c58500cbe$export$f2dc7e4e4aa11abb({ depict_search: depict_searc
                 pre_processors: extra_depict_options?.pre_processors,
                 post_processors: extra_depict_options?.post_processors
             },
-            get_product_id_: get_product_id
+            get_product_id_: get_product_id,
+            disable_default_tracking_: disable_default_tracking
         });
     }, "Entire SearchPage failed");
 }
@@ -7840,8 +7863,8 @@ const $7cbfd6122dbaf087$export$d86a33413558014e = (openModalParams)=>{
     }
     const { cleanup: cleanup  } = (0, $a79ffb1cbfbd2a09$export$828dcdd425fd3231)(openModalParams.element);
     let dispose_aligner;
-    /**
-   * Setting position to fixed is important to make the modal work with align_field.
+    /**
+   * Setting position to fixed is important to make the modal work with align_field.
    */ const style_props_ = (0, $g9l4l$createSignal)({
         position: "fixed"
     });
@@ -7938,8 +7961,8 @@ class $ba6c9609228edf6b$export$3ccaa27d81dd8556 extends EventTarget {
         })();
         return new Set();
     })();
-    /**
-   * Returns if the "replacement page" is currently open
+    /**
+   * Returns if the "replacement page" is currently open
    */ get open_() {
         // make this "readonly" from the outside, the only way to open is by making the url change so that is_page_ returns true
         return this.#is_open;
@@ -8023,26 +8046,26 @@ class $ba6c9609228edf6b$export$3ccaa27d81dd8556 extends EventTarget {
         const on_popstate = ()=>{
             const cleaned_current_url = $ba6c9609228edf6b$var$clean_url(location.href);
             if (!$ba6c9609228edf6b$export$3ccaa27d81dd8556.#visited_urls.has(cleaned_current_url)) {
-                /*
-        What does this check do? Well, there's a bug without it where people end up on a page that they shouldn't see (i.e. a somewhat blank page).
-        The culprit of that bug is: the browser remembers where to make "hard"-navigations (i.e. a full document rebuild with a new `document` and `window` object) when going back and forwards in the history and where to just change the url. What it doesn't always correctly remember (observed in at least chrome and firefox), is *what document to hard-navigate to*. Therefore, we have to jump in and take care of that.
-        The reproduction is this:
-          Spendrups has set up a search page for us under /start/search. We don't want to hard-reload the page though to get there.
-          1. Go to a product page like https://ehandel.spendrups.se/Product/1104201
-          2. Make a search
-          We use PageReplacer to just replace the current page (and the url in the address bar) with the search page. The thing is though, that when going back now the URL just updates but the browser doesn't actually navigate - that's fine, PageReplacer will just restore the old page contents
-          3. Try going back just for fun
-          Everything works as expected
-          4. Go forwards again (just for fun, skip this if you skipped 3)
-          Now the trouble comes when we introduce "hard" navigation.
-          5. Click on a search result. The browser will now "hard" navigate to a new page.
-          6. Click "back"
-          What happens now, is that the browser hard-navigates to /start/search.
-          7. Click "back" again
-          What happens now, is that the browser "soft-navigates" (just changes the URL) to https://ehandel.spendrups.se/Product/1104201
-          PageReplacer unload itself and reveals the original document - it is expected to be the one under https://ehandel.spendrups.se/Product/1104201, but actually it is the one under /start/search - a white page.
-           The fix: is to remember all pages that we have visited since the creation of `window` (we do that by having a static property on PageReplacer since we assume the PageReplacer source code will only exist once on the page and will be loaded at page load, the latter assumption might be wrong, but I hope not). If we get a "popstate" event (meaning back or forwards button, not new page being pushed) to an unknown page we reload.
-            */ (0, $g9l4l$dlog)("PageReplacer: ", cleaned_current_url, " hasn't been visited since document was created, reloading since we won't be able to show this page otherwise");
+                /*
+        What does this check do? Well, there's a bug without it where people end up on a page that they shouldn't see (i.e. a somewhat blank page).
+        The culprit of that bug is: the browser remembers where to make "hard"-navigations (i.e. a full document rebuild with a new `document` and `window` object) when going back and forwards in the history and where to just change the url. What it doesn't always correctly remember (observed in at least chrome and firefox), is *what document to hard-navigate to*. Therefore, we have to jump in and take care of that.
+        The reproduction is this:
+          Spendrups has set up a search page for us under /start/search. We don't want to hard-reload the page though to get there.
+          1. Go to a product page like https://ehandel.spendrups.se/Product/1104201
+          2. Make a search
+          We use PageReplacer to just replace the current page (and the url in the address bar) with the search page. The thing is though, that when going back now the URL just updates but the browser doesn't actually navigate - that's fine, PageReplacer will just restore the old page contents
+          3. Try going back just for fun
+          Everything works as expected
+          4. Go forwards again (just for fun, skip this if you skipped 3)
+          Now the trouble comes when we introduce "hard" navigation.
+          5. Click on a search result. The browser will now "hard" navigate to a new page.
+          6. Click "back"
+          What happens now, is that the browser hard-navigates to /start/search.
+          7. Click "back" again
+          What happens now, is that the browser "soft-navigates" (just changes the URL) to https://ehandel.spendrups.se/Product/1104201
+          PageReplacer unload itself and reveals the original document - it is expected to be the one under https://ehandel.spendrups.se/Product/1104201, but actually it is the one under /start/search - a white page.
+            The fix: is to remember all pages that we have visited since the creation of `window` (we do that by having a static property on PageReplacer since we assume the PageReplacer source code will only exist once on the page and will be loaded at page load, the latter assumption might be wrong, but I hope not). If we get a "popstate" event (meaning back or forwards button, not new page being pushed) to an unknown page we reload.
+             */ (0, $g9l4l$dlog)("PageReplacer: ", cleaned_current_url, " hasn't been visited since document was created, reloading since we won't be able to show this page otherwise");
                 location.reload();
                 $ba6c9609228edf6b$export$3ccaa27d81dd8556.#reverting_permitted = false; // Disallow any reverting since we can't - it would flash a white page until the reload has finished.
                 this.#unload(); // Call unload to "kill" the solid-js stuff quicker so that it stops updating - the user is expecting the next thing that happens to be a navigation to the actual page the URL says they're on.
@@ -8051,8 +8074,8 @@ class $ba6c9609228edf6b$export$3ccaa27d81dd8556 extends EventTarget {
         (0, $g9l4l$instant_exec_on_popstate_before_ipns_update).add(on_popstate);
         this.#revert_fns.push(()=>(0, $g9l4l$instant_exec_on_popstate_before_ipns_update).delete(on_popstate)); // Don't run the bugfixer if there isn't a PageReplacer page open since I assume the bug only happens when going back from a PageReplace'd page
     }
-    /**
-   * Stops listening to URL changes and closes the page (if it is currently open)
+    /**
+   * Stops listening to URL changes and closes the page (if it is currently open)
    */ destroy_() {
         this.#unload();
         this.#stop_listening?.();
@@ -8067,8 +8090,8 @@ class $ba6c9609228edf6b$export$3ccaa27d81dd8556 extends EventTarget {
         if (!is_spa_) (0, $36316d7b4c897a03$export$689e204eadb33baf)(this); // Make so that clicking on links to the previous page work instantly
     }
 }
-/**
- * Remove hash from URL
+/**
+ * Remove hash from URL
  */ function $ba6c9609228edf6b$var$clean_url(url) {
     // Would want to have this a static private function on PageReplacer, but that's not supported in MobileSafari yet
     // remove hash, all other params *could* trigger a re-request

package/locales/index.d.ts

@@ -1,88 +1,88 @@
-import { Elem } from "@depict-ai/utilishared";
-/**
- * PLP internationalisation shared between search and category listing
- */
-type plp_shared_i18n = {
-    scroll_to_top_: string;
-    back_: string;
-    open_sorting_: string;
-    close_sorting_: string;
-    open_filters_: string;
-    close_filters_: string;
-    close_: string;
-    ok_: string;
-    filters_cleared_: string;
-    we_cleared_your_filters_: string;
-    restore_: string;
-    sorting_text_: string;
-    filter_text_: string;
-    selected_filters_title_: string;
-    filters_: string;
-    view_less_: string;
-    view_more_: string;
-    clear_all_from_filter_crumbs_: string;
-    clear_individual_filter_: string;
-    of_: string;
-    clear_all_filters_from_big_button_: string;
-    try_without_filters_: string;
-    range_filter_low_point_aria_label_: string;
-    range_filter_high_point_aria_label_: string;
-    morphing_sign_expanded_aria_label_: string;
-    morphing_sign_collapsed_aria_label_: string;
-    price_formatting_: {
-        pre_: string;
-        post_: string;
-        decimal_places_delimiter_: string;
-        thousands_delimiter_: string;
-        places_after_comma_: number | "auto";
-    };
-};
-/**
- * Search internationalisation
- */
-interface search_i18n extends plp_shared_i18n {
-    placeholder_text_: string;
-    show_n_results_: (number_of_results: HTMLElement) => Elem[];
-    no_results_text_: string;
-    search_recs_title_: string;
-    clear_filters_query_sorting_after_submit_: string;
-    modal_view_all_results_: (number_of_results: HTMLElement) => Elem[];
-    modal_discover_more_: string;
-    get_showing_results_for_: (query: HTMLElement, number_of_results: HTMLElement) => Elem[];
-    previous_searches_text_: string;
-    category_: string;
-    suggestions_: string;
-    search_submit_button_aria_label_: string;
-    search_field_field_aria_label_: string;
-    previous_searches_delete_entry_from_history_: string;
-}
-/**
- * Category internationalisation
- */
-interface category_i18n extends plp_shared_i18n {
-    show_n_products_: (number_of_results: HTMLElement) => Elem[];
-    no_products_text_: string;
-    product_: string;
-    products_: string;
-    breadcrumbs_aria_label_: string;
-    quicklinks_aria_label_: string;
-    breadcrumbs_separator_: string;
-}
-/**
- * Depict UI internationalisation
- */
-interface Locale extends category_i18n, search_i18n {
-}
-export const cz: Locale;
-export const da: Locale;
-export const nl: Locale;
-export const en: Locale;
-export const fi: Locale;
-export const fr: Locale;
-export const de: Locale;
-export const it: Locale;
-export const no: Locale;
-export const pl: Locale;
-export const pt: Locale;
-export const es: Locale;
-export const sv: Locale;
+import { Elem } from "@depict-ai/utilishared";
+/**
+ * PLP internationalisation shared between search and category listing
+ */
+type plp_shared_i18n = {
+    scroll_to_top_: string;
+    back_: string;
+    open_sorting_: string;
+    close_sorting_: string;
+    open_filters_: string;
+    close_filters_: string;
+    close_: string;
+    ok_: string;
+    filters_cleared_: string;
+    we_cleared_your_filters_: string;
+    restore_: string;
+    sorting_text_: string;
+    filter_text_: string;
+    selected_filters_title_: string;
+    filters_: string;
+    view_less_: string;
+    view_more_: string;
+    clear_all_from_filter_crumbs_: string;
+    clear_individual_filter_: string;
+    of_: string;
+    clear_all_filters_from_big_button_: string;
+    try_without_filters_: string;
+    range_filter_low_point_aria_label_: string;
+    range_filter_high_point_aria_label_: string;
+    morphing_sign_expanded_aria_label_: string;
+    morphing_sign_collapsed_aria_label_: string;
+    price_formatting_: {
+        pre_: string;
+        post_: string;
+        decimal_places_delimiter_: string;
+        thousands_delimiter_: string;
+        places_after_comma_: number | "auto";
+    };
+};
+/**
+ * Search internationalisation
+ */
+interface search_i18n extends plp_shared_i18n {
+    placeholder_text_: string;
+    show_n_results_: (number_of_results: HTMLElement) => Elem[];
+    no_results_text_: string;
+    search_recs_title_: string;
+    clear_filters_query_sorting_after_submit_: string;
+    modal_view_all_results_: (number_of_results: HTMLElement) => Elem[];
+    modal_discover_more_: string;
+    get_showing_results_for_: (query: HTMLElement, number_of_results: HTMLElement) => Elem[];
+    previous_searches_text_: string;
+    category_: string;
+    suggestions_: string;
+    search_submit_button_aria_label_: string;
+    search_field_field_aria_label_: string;
+    previous_searches_delete_entry_from_history_: string;
+}
+/**
+ * Category internationalisation
+ */
+interface category_i18n extends plp_shared_i18n {
+    show_n_products_: (number_of_results: HTMLElement) => Elem[];
+    no_products_text_: string;
+    product_: string;
+    products_: string;
+    breadcrumbs_aria_label_: string;
+    quicklinks_aria_label_: string;
+    breadcrumbs_separator_: string;
+}
+/**
+ * Depict UI internationalisation
+ */
+interface Locale extends category_i18n, search_i18n {
+}
+export const cz: Locale;
+export const da: Locale;
+export const nl: Locale;
+export const en: Locale;
+export const fi: Locale;
+export const fr: Locale;
+export const de: Locale;
+export const it: Locale;
+export const no: Locale;
+export const pl: Locale;
+export const pt: Locale;
+export const es: Locale;
+export const sv: Locale;

package/locales/index.js

@@ -1,5 +1,5 @@
-/**
- * Exported naming follows IETF BCP 47: https://en.wikipedia.org/wiki/IETF_language_tag
+/**
+ * Exported naming follows IETF BCP 47: https://en.wikipedia.org/wiki/IETF_language_tag
  */ const $fec3b2c9bf29834a$var$english_base_translation = {
     "of_": "of",
     "sorting_text_": "Sort",

package/locales/require.js

@@ -15,8 +15,8 @@ $parcel$export(module.exports, "pl", () => $67afe8a16c63d928$export$6ea5311eda92
 $parcel$export(module.exports, "pt", () => $67afe8a16c63d928$export$84175d5f1cb4e39d);
 $parcel$export(module.exports, "es", () => $67afe8a16c63d928$export$ca5e4045a55e76d2);
 $parcel$export(module.exports, "sv", () => $67afe8a16c63d928$export$65540e5f7f6e7dce);
-/**
- * Exported naming follows IETF BCP 47: https://en.wikipedia.org/wiki/IETF_language_tag
+/**
+ * Exported naming follows IETF BCP 47: https://en.wikipedia.org/wiki/IETF_language_tag
  */ const $07db801ee546c1bd$var$english_base_translation = {
     "of_": "of",
     "sorting_text_": "Sort",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@depict-ai/ui",
-  "version": "0.0.70",
+  "version": "0.0.72",
   "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",
   "source": [
@@ -84,9 +84,9 @@
     "ts-jest": "^29.0.3"
   },
   "dependencies": {
-    "@depict-ai/plp-styling": "^0.0.31",
-    "@depict-ai/types": "^0.0.22",
-    "@depict-ai/utilishared": "^0.0.74",
+    "@depict-ai/plp-styling": "^0.0.33",
+    "@depict-ai/types": "^0.0.24",
+    "@depict-ai/utilishared": "^0.0.76",
     "solid-js": "^1.6.2"
   },
   "types": "dist/index.d.ts"

package/styles.scss

@@ -1 +1 @@
-@forward "@depict-ai/plp-styling";
+@forward "@depict-ai/plp-styling";

package/tsconfig.json

@@ -1,8 +1,8 @@
-{
-  "extends": "../../tsconfig_base.json",
-  "compilerOptions": {
-    "composite": true,
-    "types": ["node", "jest", "solid-js", "solid-js/web"]
-  },
-  "exclude": ["./dist/*"]
-}
+{
+  "extends": "../../tsconfig_base.json",
+  "compilerOptions": {
+    "composite": true,
+    "types": ["node", "jest", "solid-js", "solid-js/web"]
+  },
+  "exclude": ["./dist/*"]
+}