@depict-ai/ui 0.0.8 → 0.0.9

package/dist/index.d.ts

@@ -34,6 +34,10 @@ export const embedded_num_products: ({ make_product_count_, set_observed_results
     middle_elements_: Accessor<JSX.Element>;
     on_filters_constructed_: () => void;
 };
+export const version = "0.0.9";
+export function add_to_version_info(stuff_to_add: {
+    [key: string]: string;
+}): void;
 export class DepictAPI {
     #private;
     constructor(get_metadata?: () => Promise<{

package/dist/main.js

@@ -1,5 +1,5 @@
-var $iBTHO$solidjsweb = require("solid-js/web");
 var $iBTHO$depictaiutilishared = require("@depict-ai/utilishared");
+var $iBTHO$solidjsweb = require("solid-js/web");
 var $iBTHO$solidjs = require("solid-js");
 
 function $parcel$export(e, n, v, s) {
@@ -51,6 +51,9 @@ $parcel$export(module.exports, "DepictSearch", () => $fd2d5ef67fc09716$export$ac
 $parcel$export(module.exports, "SearchPage", () => $fd2d5ef67fc09716$export$f2dc7e4e4aa11abb);
 $parcel$export(module.exports, "SearchField", () => $fd2d5ef67fc09716$export$b94867ecbd698f21);
 $parcel$export(module.exports, "get_search_query_updating_blocked_signal", () => $fd2d5ef67fc09716$export$bde3eb976dfded9);
+$parcel$export(module.exports, "add_to_version_info", () => $770e2bea06889bf6$export$2cefb7e61fcbae00);
+$parcel$export(module.exports, "version", () => $b757f75811f3261f$export$83d89fbfd8236492);
+/*! Depict.ai search and product listing SDK */ 
 
 
 
@@ -165,6 +168,17 @@ const $93e94e7b0aa8ca88$export$824dde41348efed1 = /*@__PURE__*/ (()=>{
 
 
 
+const $b757f75811f3261f$export$83d89fbfd8236492 = "0.0.9";
+
+
+/**
+ * Adds things to the object we send to backend as a header to report the package versions used
+ */ const $770e2bea06889bf6$export$89a2f5e6eb5005b6 = {};
+function $770e2bea06889bf6$export$2cefb7e61fcbae00(stuff_to_add) {
+    Object.assign($770e2bea06889bf6$export$89a2f5e6eb5005b6, stuff_to_add);
+}
+
+
 const $e1d6c0f3d89d531c$var$v2_base_url = (0, $iBTHO$depictaiutilishared.base_url) + "/v2/";
 const $e1d6c0f3d89d531c$var$search_base_url = $e1d6c0f3d89d531c$var$v2_base_url + "search/";
 const $e1d6c0f3d89d531c$var$add_ids_to_request = (input_req)=>{
@@ -200,9 +214,7 @@ class $e1d6c0f3d89d531c$export$e015ed2f2950f2e3 {
         const results = await (0, $iBTHO$depictaiutilishared.fetch_retry)(url, {
             headers: {
                 "Content-Type": "text/plain",
-                ...process.env.DEBUG === "true" ? {
-                    "X-DEBUG": "true"
-                } : {}
+                ...$e1d6c0f3d89d531c$var$get_version_headers()
             }
         });
         attempt_to_return_api_response: {
@@ -233,7 +245,8 @@ class $e1d6c0f3d89d531c$export$e015ed2f2950f2e3 {
         try {
             const search_results = await (0, $iBTHO$depictaiutilishared.fetch_retry)(endpoint1, {
                 headers: {
-                    "Content-Type": "text/plain"
+                    "Content-Type": "text/plain",
+                    ...$e1d6c0f3d89d531c$var$get_version_headers()
                 },
                 method: "POST",
                 body: body
@@ -248,7 +261,7 @@ class $e1d6c0f3d89d531c$export$e015ed2f2950f2e3 {
             resolve_in_progress(result);
             setTimeout((0, $iBTHO$depictaiutilishared.catchify)(()=>{
                 if (this.#supports_finalization_registry) cache_obj.finalization_registry_.register(result, body); // delete key from cache when value (WeakRefs) are collected
-                else // delete things from cache after 5 minutes so it doesn't get too heavy
+                else // delete things from cache after 5 minutes, so it doesn't get too heavy
                 setTimeout((0, $iBTHO$depictaiutilishared.catchify)(()=>delete cache_obj.cache_[body]), 300000);
             }), 30000 // cache values for at least 30 seconds
             );
@@ -285,6 +298,15 @@ class $e1d6c0f3d89d531c$export$e015ed2f2950f2e3 {
             }));
     }
 }
+function $e1d6c0f3d89d531c$var$get_version_headers() {
+    return {
+        Versions: JSON.stringify({
+            ...(0, $770e2bea06889bf6$export$89a2f5e6eb5005b6),
+            "@depict-ai/utilishared": (0, $iBTHO$depictaiutilishared.version),
+            "@depict-ai/ui": (0, $b757f75811f3261f$export$83d89fbfd8236492)
+        })
+    };
+}
 
 
 
@@ -5961,7 +5983,7 @@ function $840d88a04b2d22a7$export$f7d2f673fc2f091d({ depict_api_: depict_api_ ,
                 get_breadcrumb_accessor_?.(crumb_data_);
                 get_quicklinks_accessor_?.(quicklinks_data_);
                 return [
-                    document.createComment("Depict.ai frontend integrated category page"),
+                    document.createComment("Category page based on Depict SDK"),
                     (()=>{
                         const _el$5 = $840d88a04b2d22a7$var$_tmpl$4.cloneNode(true), _el$6 = _el$5.firstChild;
                         (0, $iBTHO$solidjsweb.insert)(_el$6, (0, $iBTHO$solidjsweb.createComponent)((0, $iBTHO$solidjs.Show), {
@@ -6346,7 +6368,6 @@ function $2f8c7dc07090fca9$export$ff21851bb5d30e15({ search_field_value_: search
                     once: true
                 });
             }
-            (0, $iBTHO$depictaiutilishared.dlog)("select", e);
         }));
         (0, $iBTHO$solidjsweb.addEventListener)(_el$4, "input", (0, $iBTHO$depictaiutilishared.catchify)(()=>{
             const { value: value  } = input_field;
@@ -6672,7 +6693,6 @@ function $b7d0212db218bf0b$export$2542ffb77b620b02(params_to_default_value) {
 
 
 
-
 
 
 const $6ae613870d3380fc$var$_tmpl$ = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<span class="orig price"></span>`, 2), $6ae613870d3380fc$var$_tmpl$2 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<a class="instant-card"><div class="img-part"></div><div class="right-part"><div class="title-brand-tagline"><span class="brand"></span><span class="title"></span></div><div class="price-container"><span class="price"></span></div></div></a>`, 16), $6ae613870d3380fc$var$_tmpl$3 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<div class="tagline"></div>`, 2);
@@ -7642,6 +7662,30 @@ function $036d367ce3058351$export$3340fdd8259bd4fd({ get_search_field_value_: ge
 
 
 
+
+
+const $f978ab22f3df4bd7$export$af8311b651139246 = (css_properties)=>{
+    return Object.entries(css_properties).map(([key, value])=>`${key}: ${value};`).join(" ");
+};
+const $f978ab22f3df4bd7$export$1233ca167bf71f9a = (styles)=>{
+    return Object.entries(styles).map(([selector, css_properties])=>`${selector} { ${$f978ab22f3df4bd7$export$af8311b651139246(css_properties)} }`).join(" ");
+};
+
+
+
+const $b776f25acdda22eb$var$_tmpl$ = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<style></style>`, 2);
+function $b776f25acdda22eb$export$f021bdedd3ec901a(props) {
+    const valid_css_string = (0, $iBTHO$solidjs.createMemo)(()=>{
+        return (0, $f978ab22f3df4bd7$export$1233ca167bf71f9a)(props.styles());
+    });
+    return (()=>{
+        const _el$ = $b776f25acdda22eb$var$_tmpl$.cloneNode(true);
+        (0, $iBTHO$solidjsweb.insert)(_el$, valid_css_string);
+        return _el$;
+    })();
+}
+
+
 const $f40a47a30a358305$var$_tmpl$ = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<div class="discover-more"><button class="major" type="button"></button></div>`, 4), $f40a47a30a358305$var$_tmpl$2 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<b></b>`, 2), $f40a47a30a358305$var$_tmpl$3 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<div class="depict-search-modal"><div class="body"><div class="padded"></div></div></div>`, 6), $f40a47a30a358305$var$_tmpl$4 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<div class="depict plp search"><div class="depict-search-modal-backdrop"></div></div>`, 4);
 function $f40a47a30a358305$export$1c593cbd6f1e10bc({ search_field_value_: search_field_value_ , search_query_: search_query_ , search_page_url_param_name_: search_page_url_param_name_ , previous_searches_: previous_searches_ , close_modal_: close_modal_ , style_props_: style_props_ = (0, $iBTHO$solidjs.createSignal)({}) , depict_api_: depict_api_ , tenant_: tenant_ , market_: market_ , submit_query_: submit_query_ , instant_results_options_: instant_results_options_ , register_closing_animation_: register_closing_animation_ , url_transformer_: url_transformer_ , closing_animation_: closing_animation_ , alternative_query_submitter_for_spas_: alternative_query_submitter_for_spas_ , clear_filters_: clear_filters_ , i18n_: i18n_ , disable_scrolling_: disable_scrolling_ = true , enable_category_suggestions_: enable_category_suggestions_ , class_list_: class_list_ , after_submit_: after_submit_ , bottom_distance_under_modal_: bottom_distance_under_modal_ , navigate_page_to_href_: navigate_page_to_href_ , on_submit_with_unchanged_value_: on_submit_with_unchanged_value_  }) {
     let on_enter_in_query_input_function;
@@ -7684,6 +7728,12 @@ function $f40a47a30a358305$export$1c593cbd6f1e10bc({ search_field_value_: search
         search_page_url_param_name_: search_page_url_param_name_,
         get_search_query_: search_query_[0]
     });
+    const random_classname = (0, $iBTHO$depictaiutilishared.make_random_classname)();
+    const body_style = (0, $iBTHO$solidjs.createMemo)(()=>{
+        return {
+            [`.depict .${random_classname}`]: style_props_[0]()
+        };
+    });
     const modal_element = (()=>{
         const _el$4 = $f40a47a30a358305$var$_tmpl$3.cloneNode(true), _el$5 = _el$4.firstChild, _el$6 = _el$5.firstChild;
         (0, $iBTHO$solidjsweb.addEventListener)(_el$4, "click", (0, $iBTHO$depictaiutilishared.catchify)(({ target: target  })=>{
@@ -7746,7 +7796,12 @@ function $f40a47a30a358305$export$1c593cbd6f1e10bc({ search_field_value_: search
         }), null);
         (0, $iBTHO$solidjsweb.insert)(_el$6, elements_inside_scrollable, null);
         (0, $iBTHO$solidjsweb.insert)(_el$5, elements_outside_scrollable, null);
-        (0, $iBTHO$solidjsweb.effect)((_$p)=>(0, $iBTHO$solidjsweb.style)(_el$5, style_props_[0](), _$p));
+        (0, $iBTHO$solidjsweb.insert)(_el$4, (0, $iBTHO$solidjsweb.createComponent)((0, $b776f25acdda22eb$export$f021bdedd3ec901a), {
+            styles: body_style
+        }), null);
+        (0, $iBTHO$solidjsweb.effect)((_$p)=>(0, $iBTHO$solidjsweb.classList)(_el$5, {
+                [random_classname]: true
+            }, _$p));
         return _el$4;
     })();
     return [
@@ -8050,7 +8105,7 @@ function $f1d7cb69f839a526$export$a54ec244c8863715(opts) {
         tenant_object_.market = tenant_object_.MARKET = market_();
     });
     return [
-        document.createComment("Depict.ai frontend integrated search page"),
+        document.createComment("Search page based on Depict SDK"),
         (()=>{
             const _el$2 = $f1d7cb69f839a526$var$_tmpl$2.cloneNode(true), _el$3 = _el$2.firstChild;
             (0, $iBTHO$solidjsweb.insert)(_el$3, input_field, null);
@@ -8585,3 +8640,6 @@ function $fd2d5ef67fc09716$var$run_in_root_or_auto_cleanup(component, error_mess
 
 
 
+(0, $iBTHO$depictaiutilishared.dlog)("@depict-ai/ui version", (0, $b757f75811f3261f$export$83d89fbfd8236492));
+
+

package/dist/module.js

@@ -1,7 +1,8 @@
+import {dlog as $kyEB6$dlog, Placeholder as $kyEB6$Placeholder, catchify as $kyEB6$catchify, base_url as $kyEB6$base_url, get_depict_id as $kyEB6$get_depict_id, get_user_id as $kyEB6$get_user_id, get_session_id as $kyEB6$get_session_id, make_url_with_query_params as $kyEB6$make_url_with_query_params, fetch_retry as $kyEB6$fetch_retry, sort_obj as $kyEB6$sort_obj, version as $kyEB6$version, observer as $kyEB6$observer, report as $kyEB6$report, ContainedPlaceholderImage as $kyEB6$ContainedPlaceholderImage, javascript_media_query as $kyEB6$javascript_media_query, href_change_ipns as $kyEB6$href_change_ipns, standard_price_format as $kyEB6$standard_price_format, deparallelize as $kyEB6$deparallelize, make_asyncIterable_exiter as $kyEB6$make_asyncIterable_exiter, insert_surfaces as $kyEB6$insert_surfaces, Tenant as $kyEB6$Tenant, deparallelize_no_drop as $kyEB6$deparallelize_no_drop, default_rr as $kyEB6$default_rr, make_random_classname as $kyEB6$make_random_classname, n_col_styling_with_dist as $kyEB6$n_col_styling_with_dist, Lazyfier as $kyEB6$Lazyfier, queueMacroTask as $kyEB6$queueMacroTask, Rec_Renderer as $kyEB6$Rec_Renderer, CrossIcon as $kyEB6$CrossIcon, useExpandingContainer as $kyEB6$useExpandingContainer, Amazing_Slider as $kyEB6$Amazing_Slider, slider_snap_css as $kyEB6$slider_snap_css, slider_fading_factory as $kyEB6$slider_fading_factory, MinusIcon as $kyEB6$MinusIcon, FilterIcon as $kyEB6$FilterIcon, SortIconAsc as $kyEB6$SortIconAsc, SortIconDesc as $kyEB6$SortIconDesc, PlusIcon as $kyEB6$PlusIcon, TickIcon as $kyEB6$TickIcon, ArrowUp as $kyEB6$ArrowUp, normal_get_product_id as $kyEB6$normal_get_product_id, GenericSliderArrowButton as $kyEB6$GenericSliderArrowButton, BackIcon as $kyEB6$BackIcon, SearchIcon as $kyEB6$SearchIcon, Layout as $kyEB6$Layout, make_placeholder_rr as $kyEB6$make_placeholder_rr, async_iterable_ipns as $kyEB6$async_iterable_ipns, depict_click as $kyEB6$depict_click, impression_track_element as $kyEB6$impression_track_element, add_new_tab_listener as $kyEB6$add_new_tab_listener, ContainedImage as $kyEB6$ContainedImage, buildThresholdList as $kyEB6$buildThresholdList, PreviousSearchIcon as $kyEB6$PreviousSearchIcon} from "@depict-ai/utilishared";
 import {template as $kyEB6$template, insert as $kyEB6$insert, createComponent as $kyEB6$createComponent, spread as $kyEB6$spread, effect as $kyEB6$effect, setAttribute as $kyEB6$setAttribute, use as $kyEB6$use, addEventListener as $kyEB6$addEventListener, delegateEvents as $kyEB6$delegateEvents, memo as $kyEB6$memo, style as $kyEB6$style, mergeProps as $kyEB6$mergeProps, classList as $kyEB6$classList, className as $kyEB6$className} from "solid-js/web";
-import {Placeholder as $kyEB6$Placeholder, catchify as $kyEB6$catchify, base_url as $kyEB6$base_url, get_depict_id as $kyEB6$get_depict_id, get_user_id as $kyEB6$get_user_id, get_session_id as $kyEB6$get_session_id, dlog as $kyEB6$dlog, make_url_with_query_params as $kyEB6$make_url_with_query_params, fetch_retry as $kyEB6$fetch_retry, sort_obj as $kyEB6$sort_obj, observer as $kyEB6$observer, report as $kyEB6$report, ContainedPlaceholderImage as $kyEB6$ContainedPlaceholderImage, javascript_media_query as $kyEB6$javascript_media_query, href_change_ipns as $kyEB6$href_change_ipns, standard_price_format as $kyEB6$standard_price_format, deparallelize as $kyEB6$deparallelize, make_asyncIterable_exiter as $kyEB6$make_asyncIterable_exiter, insert_surfaces as $kyEB6$insert_surfaces, Tenant as $kyEB6$Tenant, deparallelize_no_drop as $kyEB6$deparallelize_no_drop, default_rr as $kyEB6$default_rr, make_random_classname as $kyEB6$make_random_classname, n_col_styling_with_dist as $kyEB6$n_col_styling_with_dist, Lazyfier as $kyEB6$Lazyfier, queueMacroTask as $kyEB6$queueMacroTask, Rec_Renderer as $kyEB6$Rec_Renderer, CrossIcon as $kyEB6$CrossIcon, useExpandingContainer as $kyEB6$useExpandingContainer, Amazing_Slider as $kyEB6$Amazing_Slider, slider_snap_css as $kyEB6$slider_snap_css, slider_fading_factory as $kyEB6$slider_fading_factory, MinusIcon as $kyEB6$MinusIcon, FilterIcon as $kyEB6$FilterIcon, SortIconAsc as $kyEB6$SortIconAsc, SortIconDesc as $kyEB6$SortIconDesc, PlusIcon as $kyEB6$PlusIcon, TickIcon as $kyEB6$TickIcon, ArrowUp as $kyEB6$ArrowUp, normal_get_product_id as $kyEB6$normal_get_product_id, GenericSliderArrowButton as $kyEB6$GenericSliderArrowButton, BackIcon as $kyEB6$BackIcon, SearchIcon as $kyEB6$SearchIcon, Layout as $kyEB6$Layout, make_placeholder_rr as $kyEB6$make_placeholder_rr, async_iterable_ipns as $kyEB6$async_iterable_ipns, depict_click as $kyEB6$depict_click, impression_track_element as $kyEB6$impression_track_element, add_new_tab_listener as $kyEB6$add_new_tab_listener, ContainedImage as $kyEB6$ContainedImage, buildThresholdList as $kyEB6$buildThresholdList, PreviousSearchIcon as $kyEB6$PreviousSearchIcon} from "@depict-ai/utilishared";
 import {createSignal as $kyEB6$createSignal, untrack as $kyEB6$untrack, createMemo as $kyEB6$createMemo, onCleanup as $kyEB6$onCleanup, createEffect as $kyEB6$createEffect, createComputed as $kyEB6$createComputed, createRoot as $kyEB6$createRoot, createResource as $kyEB6$createResource, Show as $kyEB6$Show, createRenderEffect as $kyEB6$createRenderEffect, runWithOwner as $kyEB6$runWithOwner, getOwner as $kyEB6$getOwner, on as $kyEB6$on, Index as $kyEB6$Index, batch as $kyEB6$batch, For as $kyEB6$For, ErrorBoundary as $kyEB6$ErrorBoundary} from "solid-js";
 
+/*! Depict.ai search and product listing SDK */ 
 
 
 
@@ -116,6 +117,17 @@ const $a79d86d64fb64e8e$export$824dde41348efed1 = /*@__PURE__*/ (()=>{
 
 
 
+const $ec291e0010116877$export$83d89fbfd8236492 = "0.0.9";
+
+
+/**
+ * Adds things to the object we send to backend as a header to report the package versions used
+ */ const $8d80d8d4afb6dcd3$export$89a2f5e6eb5005b6 = {};
+function $8d80d8d4afb6dcd3$export$2cefb7e61fcbae00(stuff_to_add) {
+    Object.assign($8d80d8d4afb6dcd3$export$89a2f5e6eb5005b6, stuff_to_add);
+}
+
+
 const $7fa23e2a0079eca4$var$v2_base_url = (0, $kyEB6$base_url) + "/v2/";
 const $7fa23e2a0079eca4$var$search_base_url = $7fa23e2a0079eca4$var$v2_base_url + "search/";
 const $7fa23e2a0079eca4$var$add_ids_to_request = (input_req)=>{
@@ -151,9 +163,7 @@ class $7fa23e2a0079eca4$export$e015ed2f2950f2e3 {
         const results = await (0, $kyEB6$fetch_retry)(url, {
             headers: {
                 "Content-Type": "text/plain",
-                ...process.env.DEBUG === "true" ? {
-                    "X-DEBUG": "true"
-                } : {}
+                ...$7fa23e2a0079eca4$var$get_version_headers()
             }
         });
         attempt_to_return_api_response: {
@@ -184,7 +194,8 @@ class $7fa23e2a0079eca4$export$e015ed2f2950f2e3 {
         try {
             const search_results = await (0, $kyEB6$fetch_retry)(endpoint1, {
                 headers: {
-                    "Content-Type": "text/plain"
+                    "Content-Type": "text/plain",
+                    ...$7fa23e2a0079eca4$var$get_version_headers()
                 },
                 method: "POST",
                 body: body
@@ -199,7 +210,7 @@ class $7fa23e2a0079eca4$export$e015ed2f2950f2e3 {
             resolve_in_progress(result);
             setTimeout((0, $kyEB6$catchify)(()=>{
                 if (this.#supports_finalization_registry) cache_obj.finalization_registry_.register(result, body); // delete key from cache when value (WeakRefs) are collected
-                else // delete things from cache after 5 minutes so it doesn't get too heavy
+                else // delete things from cache after 5 minutes, so it doesn't get too heavy
                 setTimeout((0, $kyEB6$catchify)(()=>delete cache_obj.cache_[body]), 300000);
             }), 30000 // cache values for at least 30 seconds
             );
@@ -236,6 +247,15 @@ class $7fa23e2a0079eca4$export$e015ed2f2950f2e3 {
             }));
     }
 }
+function $7fa23e2a0079eca4$var$get_version_headers() {
+    return {
+        Versions: JSON.stringify({
+            ...(0, $8d80d8d4afb6dcd3$export$89a2f5e6eb5005b6),
+            "@depict-ai/utilishared": (0, $kyEB6$version),
+            "@depict-ai/ui": (0, $ec291e0010116877$export$83d89fbfd8236492)
+        })
+    };
+}
 
 
 
@@ -5912,7 +5932,7 @@ function $df5d81d0fe61ff21$export$f7d2f673fc2f091d({ depict_api_: depict_api_ ,
                 get_breadcrumb_accessor_?.(crumb_data_);
                 get_quicklinks_accessor_?.(quicklinks_data_);
                 return [
-                    document.createComment("Depict.ai frontend integrated category page"),
+                    document.createComment("Category page based on Depict SDK"),
                     (()=>{
                         const _el$5 = $df5d81d0fe61ff21$var$_tmpl$4.cloneNode(true), _el$6 = _el$5.firstChild;
                         (0, $kyEB6$insert)(_el$6, (0, $kyEB6$createComponent)((0, $kyEB6$Show), {
@@ -6297,7 +6317,6 @@ function $857105c41ea47bee$export$ff21851bb5d30e15({ search_field_value_: search
                     once: true
                 });
             }
-            (0, $kyEB6$dlog)("select", e);
         }));
         (0, $kyEB6$addEventListener)(_el$4, "input", (0, $kyEB6$catchify)(()=>{
             const { value: value  } = input_field;
@@ -6623,7 +6642,6 @@ function $13e008d5237dbbee$export$2542ffb77b620b02(params_to_default_value) {
 
 
 
-
 
 
 const $e003be2a50d9e5bc$var$_tmpl$ = /*#__PURE__*/ (0, $kyEB6$template)(`<span class="orig price"></span>`, 2), $e003be2a50d9e5bc$var$_tmpl$2 = /*#__PURE__*/ (0, $kyEB6$template)(`<a class="instant-card"><div class="img-part"></div><div class="right-part"><div class="title-brand-tagline"><span class="brand"></span><span class="title"></span></div><div class="price-container"><span class="price"></span></div></div></a>`, 16), $e003be2a50d9e5bc$var$_tmpl$3 = /*#__PURE__*/ (0, $kyEB6$template)(`<div class="tagline"></div>`, 2);
@@ -7593,6 +7611,30 @@ function $c64d28ca12452b21$export$3340fdd8259bd4fd({ get_search_field_value_: ge
 
 
 
+
+
+const $4df637cb4cf113fa$export$af8311b651139246 = (css_properties)=>{
+    return Object.entries(css_properties).map(([key, value])=>`${key}: ${value};`).join(" ");
+};
+const $4df637cb4cf113fa$export$1233ca167bf71f9a = (styles)=>{
+    return Object.entries(styles).map(([selector, css_properties])=>`${selector} { ${$4df637cb4cf113fa$export$af8311b651139246(css_properties)} }`).join(" ");
+};
+
+
+
+const $19f1f3e588d63502$var$_tmpl$ = /*#__PURE__*/ (0, $kyEB6$template)(`<style></style>`, 2);
+function $19f1f3e588d63502$export$f021bdedd3ec901a(props) {
+    const valid_css_string = (0, $kyEB6$createMemo)(()=>{
+        return (0, $4df637cb4cf113fa$export$1233ca167bf71f9a)(props.styles());
+    });
+    return (()=>{
+        const _el$ = $19f1f3e588d63502$var$_tmpl$.cloneNode(true);
+        (0, $kyEB6$insert)(_el$, valid_css_string);
+        return _el$;
+    })();
+}
+
+
 const $fabfda1230351b1a$var$_tmpl$ = /*#__PURE__*/ (0, $kyEB6$template)(`<div class="discover-more"><button class="major" type="button"></button></div>`, 4), $fabfda1230351b1a$var$_tmpl$2 = /*#__PURE__*/ (0, $kyEB6$template)(`<b></b>`, 2), $fabfda1230351b1a$var$_tmpl$3 = /*#__PURE__*/ (0, $kyEB6$template)(`<div class="depict-search-modal"><div class="body"><div class="padded"></div></div></div>`, 6), $fabfda1230351b1a$var$_tmpl$4 = /*#__PURE__*/ (0, $kyEB6$template)(`<div class="depict plp search"><div class="depict-search-modal-backdrop"></div></div>`, 4);
 function $fabfda1230351b1a$export$1c593cbd6f1e10bc({ search_field_value_: search_field_value_ , search_query_: search_query_ , search_page_url_param_name_: search_page_url_param_name_ , previous_searches_: previous_searches_ , close_modal_: close_modal_ , style_props_: style_props_ = (0, $kyEB6$createSignal)({}) , depict_api_: depict_api_ , tenant_: tenant_ , market_: market_ , submit_query_: submit_query_ , instant_results_options_: instant_results_options_ , register_closing_animation_: register_closing_animation_ , url_transformer_: url_transformer_ , closing_animation_: closing_animation_ , alternative_query_submitter_for_spas_: alternative_query_submitter_for_spas_ , clear_filters_: clear_filters_ , i18n_: i18n_ , disable_scrolling_: disable_scrolling_ = true , enable_category_suggestions_: enable_category_suggestions_ , class_list_: class_list_ , after_submit_: after_submit_ , bottom_distance_under_modal_: bottom_distance_under_modal_ , navigate_page_to_href_: navigate_page_to_href_ , on_submit_with_unchanged_value_: on_submit_with_unchanged_value_  }) {
     let on_enter_in_query_input_function;
@@ -7635,6 +7677,12 @@ function $fabfda1230351b1a$export$1c593cbd6f1e10bc({ search_field_value_: search
         search_page_url_param_name_: search_page_url_param_name_,
         get_search_query_: search_query_[0]
     });
+    const random_classname = (0, $kyEB6$make_random_classname)();
+    const body_style = (0, $kyEB6$createMemo)(()=>{
+        return {
+            [`.depict .${random_classname}`]: style_props_[0]()
+        };
+    });
     const modal_element = (()=>{
         const _el$4 = $fabfda1230351b1a$var$_tmpl$3.cloneNode(true), _el$5 = _el$4.firstChild, _el$6 = _el$5.firstChild;
         (0, $kyEB6$addEventListener)(_el$4, "click", (0, $kyEB6$catchify)(({ target: target  })=>{
@@ -7697,7 +7745,12 @@ function $fabfda1230351b1a$export$1c593cbd6f1e10bc({ search_field_value_: search
         }), null);
         (0, $kyEB6$insert)(_el$6, elements_inside_scrollable, null);
         (0, $kyEB6$insert)(_el$5, elements_outside_scrollable, null);
-        (0, $kyEB6$effect)((_$p)=>(0, $kyEB6$style)(_el$5, style_props_[0](), _$p));
+        (0, $kyEB6$insert)(_el$4, (0, $kyEB6$createComponent)((0, $19f1f3e588d63502$export$f021bdedd3ec901a), {
+            styles: body_style
+        }), null);
+        (0, $kyEB6$effect)((_$p)=>(0, $kyEB6$classList)(_el$5, {
+                [random_classname]: true
+            }, _$p));
         return _el$4;
     })();
     return [
@@ -8001,7 +8054,7 @@ function $7097477c78a89208$export$a54ec244c8863715(opts) {
         tenant_object_.market = tenant_object_.MARKET = market_();
     });
     return [
-        document.createComment("Depict.ai frontend integrated search page"),
+        document.createComment("Search page based on Depict SDK"),
         (()=>{
             const _el$2 = $7097477c78a89208$var$_tmpl$2.cloneNode(true), _el$3 = _el$2.firstChild;
             (0, $kyEB6$insert)(_el$3, input_field, null);
@@ -8536,4 +8589,7 @@ function $59f48be661ca9195$var$run_in_root_or_auto_cleanup(component, error_mess
 
 
 
-export {$e4615ecd1849548f$export$b91cec6bdc6b32a1 as CategoryTitle, $a79d86d64fb64e8e$export$824dde41348efed1 as embedded_num_products, $7fa23e2a0079eca4$export$e015ed2f2950f2e3 as DepictAPI, $bf52d9f9eebd1938$export$5196e4c01fa56fcb as show_toast, $d1d4dbcadcf4cb02$export$26df08e242fe83a3 as push_state_with_query_param_value, $aea1edf92433e81e$export$fe334901e8bebd57 as disable_scrolling, $5c5f95951393e5d1$export$643598a327b5833e as get_categories, $bb15dfb548a7666e$export$ee1733d9a8495996 as DefaultInstantCardPlaceholder, $dc9262ef6f786812$export$d9f36cf74e24d595 as media_query_to_accessor, $6e8944558258054f$export$d0596b5cae35ad4 as open_search_with_shift_slash, $b6d5529b253681aa$export$b3ad617e9036868 as align_field, $6936724b9e0b98d5$export$689e204eadb33baf as setup_fast_leave, $2e7dbdfa682bea45$export$93916862db74da11 as czech_category_translation, $2e7dbdfa682bea45$export$62ef558576ddaf3d as czech_search_translation, $88b98b9d8654446d$export$70578856b2420b5d as danish_search_translation, $88b98b9d8654446d$export$f816e22bdb8038e1 as danish_category_translation, $45ff89a5006dbeee$export$e6614b50d36f30aa as dutch_category_translation, $45ff89a5006dbeee$export$5d14584e27bf4bc5 as dutch_search_translation, $8e57f28e9b8ba103$export$434b5d2e9cbbcde1 as english_search_translation, $8e57f28e9b8ba103$export$61b15fe6451cdba0 as english_category_translation, $17bb4bc19a558158$export$bf7930000f7ad633 as finnish_category_translation, $17bb4bc19a558158$export$bb9c5e11b9203620 as finnish_search_translation, $8f244ab97fceb5b3$export$ef75fbff2e809c9 as french_category_translation, $8f244ab97fceb5b3$export$e608b2bb21ba1862 as french_search_translation, $52d8525a7f06f813$export$f1905e1353ecf78e as german_category_translation, $52d8525a7f06f813$export$b43a5e72c07b4d2a as german_search_translation, $af10c927f9d40ee9$export$3812cbf78064c3ab as italian_category_translation, $af10c927f9d40ee9$export$c05550c0848a3fe4 as italian_search_translation, $b6fc9ca373acfd8e$export$e3024c30c728ef08 as norwegian_category_translation, $b6fc9ca373acfd8e$export$dcb702a89633f297 as norwegian_search_translation, $02d28687f3e70797$export$ca594fc9015508ad as polish_category_translation, $02d28687f3e70797$export$b0eb0dd41442f532 as polish_search_translation, $f6f89421463e8473$export$b3b5aa2c4df8976f as portuguese_search_translation, $f6f89421463e8473$export$d8290cf1bac152ab as portuguese_category_translation, $eb8757bc61f65db5$export$40e5a8a77e52bc27 as spanish_category_translation, $eb8757bc61f65db5$export$49b8f20513f0ff25 as spanish_search_translation, $ee9ca02aebefa7e4$export$7ba4dc17618f444f as swedish_category_translation, $ee9ca02aebefa7e4$export$596caee559c76764 as swedish_search_translation, $8c0f86cb3e266eeb$export$469c7af753d08925 as solid_format_price, $753e9b2889a47c89$export$3ccaa27d81dd8556 as PageReplacer, $9653a36120f642b0$export$3a8840c5b2ecf003 as Category, $59f48be661ca9195$export$ac6237957a15b3f0 as DepictSearch, $59f48be661ca9195$export$f2dc7e4e4aa11abb as SearchPage, $59f48be661ca9195$export$b94867ecbd698f21 as SearchField, $59f48be661ca9195$export$bde3eb976dfded9 as get_search_query_updating_blocked_signal};
+(0, $kyEB6$dlog)("@depict-ai/ui version", (0, $ec291e0010116877$export$83d89fbfd8236492));
+
+
+export {$e4615ecd1849548f$export$b91cec6bdc6b32a1 as CategoryTitle, $a79d86d64fb64e8e$export$824dde41348efed1 as embedded_num_products, $7fa23e2a0079eca4$export$e015ed2f2950f2e3 as DepictAPI, $bf52d9f9eebd1938$export$5196e4c01fa56fcb as show_toast, $d1d4dbcadcf4cb02$export$26df08e242fe83a3 as push_state_with_query_param_value, $aea1edf92433e81e$export$fe334901e8bebd57 as disable_scrolling, $5c5f95951393e5d1$export$643598a327b5833e as get_categories, $bb15dfb548a7666e$export$ee1733d9a8495996 as DefaultInstantCardPlaceholder, $dc9262ef6f786812$export$d9f36cf74e24d595 as media_query_to_accessor, $6e8944558258054f$export$d0596b5cae35ad4 as open_search_with_shift_slash, $b6d5529b253681aa$export$b3ad617e9036868 as align_field, $6936724b9e0b98d5$export$689e204eadb33baf as setup_fast_leave, $2e7dbdfa682bea45$export$93916862db74da11 as czech_category_translation, $2e7dbdfa682bea45$export$62ef558576ddaf3d as czech_search_translation, $88b98b9d8654446d$export$70578856b2420b5d as danish_search_translation, $88b98b9d8654446d$export$f816e22bdb8038e1 as danish_category_translation, $45ff89a5006dbeee$export$e6614b50d36f30aa as dutch_category_translation, $45ff89a5006dbeee$export$5d14584e27bf4bc5 as dutch_search_translation, $8e57f28e9b8ba103$export$434b5d2e9cbbcde1 as english_search_translation, $8e57f28e9b8ba103$export$61b15fe6451cdba0 as english_category_translation, $17bb4bc19a558158$export$bf7930000f7ad633 as finnish_category_translation, $17bb4bc19a558158$export$bb9c5e11b9203620 as finnish_search_translation, $8f244ab97fceb5b3$export$ef75fbff2e809c9 as french_category_translation, $8f244ab97fceb5b3$export$e608b2bb21ba1862 as french_search_translation, $52d8525a7f06f813$export$f1905e1353ecf78e as german_category_translation, $52d8525a7f06f813$export$b43a5e72c07b4d2a as german_search_translation, $af10c927f9d40ee9$export$3812cbf78064c3ab as italian_category_translation, $af10c927f9d40ee9$export$c05550c0848a3fe4 as italian_search_translation, $b6fc9ca373acfd8e$export$e3024c30c728ef08 as norwegian_category_translation, $b6fc9ca373acfd8e$export$dcb702a89633f297 as norwegian_search_translation, $02d28687f3e70797$export$ca594fc9015508ad as polish_category_translation, $02d28687f3e70797$export$b0eb0dd41442f532 as polish_search_translation, $f6f89421463e8473$export$b3b5aa2c4df8976f as portuguese_search_translation, $f6f89421463e8473$export$d8290cf1bac152ab as portuguese_category_translation, $eb8757bc61f65db5$export$40e5a8a77e52bc27 as spanish_category_translation, $eb8757bc61f65db5$export$49b8f20513f0ff25 as spanish_search_translation, $ee9ca02aebefa7e4$export$7ba4dc17618f444f as swedish_category_translation, $ee9ca02aebefa7e4$export$596caee559c76764 as swedish_search_translation, $8c0f86cb3e266eeb$export$469c7af753d08925 as solid_format_price, $753e9b2889a47c89$export$3ccaa27d81dd8556 as PageReplacer, $9653a36120f642b0$export$3a8840c5b2ecf003 as Category, $59f48be661ca9195$export$ac6237957a15b3f0 as DepictSearch, $59f48be661ca9195$export$f2dc7e4e4aa11abb as SearchPage, $59f48be661ca9195$export$b94867ecbd698f21 as SearchField, $59f48be661ca9195$export$bde3eb976dfded9 as get_search_query_updating_blocked_signal, $8d80d8d4afb6dcd3$export$2cefb7e61fcbae00 as add_to_version_info, $ec291e0010116877$export$83d89fbfd8236492 as version};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@depict-ai/ui",
-  "version": "0.0.8",
+  "version": "0.0.9",
   "packageManager": "yarn@3.2.2",
   "source": "src/index.ts",
   "main": "dist/main.js",
@@ -36,7 +36,7 @@
     }
   },
   "dependencies": {
-    "@depict-ai/utilishared": "^0.0.8",
+    "@depict-ai/utilishared": "^0.0.9",
     "solid-js": "^1.6.2"
   },
   "devDependencies": {