@depict-ai/ui 2.1.10 → 2.1.12

package/ES10/index.cjs

@@ -76,7 +76,7 @@ $parcel$export(module.exports, "defaultColsAtSize", () => $33eed84f447aa0c0$expo
 $parcel$export(module.exports, "defaultCategoryTitlePlugin", () => $33eed84f447aa0c0$export$7bf543b9d9be2c22);
 $parcel$export(module.exports, "version", () => $aa1938dec50d6c12$export$83d89fbfd8236492);
 /*! Depict.ai search and product listing SDK */
-const $aa1938dec50d6c12$export$83d89fbfd8236492 = "2.1.10";
+const $aa1938dec50d6c12$export$83d89fbfd8236492 = "2.1.12";
 const $a68b73fd7ba0853f$var$fallback_operator = "in";
 const $a68b73fd7ba0853f$var$fallback_token = "";
 const $a68b73fd7ba0853f$var$legacy_filter_prefix = "filter_";
@@ -342,12 +342,12 @@ function $858fdcf73148519f$export$6e5611bc7e57e477(props) {
     if (listingContext) listingContext[$858fdcf73148519f$var$onIdleFunctionsSymbol] = newStack;
     const processStackWhenIdle = () => requestIdleCallback(deadline => {
       const start = performance.now();
-      const quarterDeadlineTime = deadline.timeRemaining() / 4; // observers coming after this take up 2-6x the time so don't use all of it
+      const thirdDeadlineTime = deadline.timeRemaining() / 3; // observers coming after this take up 2-3x the time so don't use all of it
       for (const fn of newStack) {
         newStack.delete(fn);
         fn();
         const timeTaken = performance.now() - start;
-        if ((!deadline.timeRemaining() || timeTaken > quarterDeadlineTime) && newStack.size) {
+        if ((!deadline.timeRemaining() || timeTaken > thirdDeadlineTime) && newStack.size) {
           // There's still work to be done but no time, so schedule another idle callback
           processStackWhenIdle();
           return;
@@ -356,8 +356,8 @@ function $858fdcf73148519f$export$6e5611bc7e57e477(props) {
       // Stack is empty
       if (listingContext) delete listingContext[$858fdcf73148519f$var$onIdleFunctionsSymbol];
     }, {
-      timeout: 5000
-    } // long timeout (I had 15s), better to not have images than to freeze the browser. But also we don't want to confuse user why no images are loading
+      timeout: 15000
+    } // long timeout, better to not have images than to freeze the browser. But also we don't want to confuse user why no iamges are loading
     );
 
     processStackWhenIdle();
@@ -853,11 +853,10 @@ class $95e4006e1dcb5b72$export$aa14a9f43128f61f extends $95e4006e1dcb5b72$export
     });
   }
 }
-const $1b3cf201cdd38687$var$_tmpl$ = /*#__PURE__*/$52FdA$solidjsweb.template(`<div>`);
+const $1b3cf201cdd38687$var$_tmpl$ = /*#__PURE__*/$52FdA$solidjsweb.template(`<div><!$><!/><!$><!/>`);
 function $1b3cf201cdd38687$export$b69d0d92862de18b(props) {
   return $52FdA$solidjs.ErrorBoundary({
     fallback(err, retry) {
-      var _props$on_error_;
       const {
         message_: message_,
         severity_: severity_
@@ -867,10 +866,17 @@ function $1b3cf201cdd38687$export$b69d0d92862de18b(props) {
         console.error(err.cause);
         message = "".concat(message, ": ").concat(err.message);
       } else $52FdA$depictaiutilishared.report([err, message_], severity_);
-      (_props$on_error_ = props.on_error_) === null || _props$on_error_ === void 0 || _props$on_error_.call(props, retry);
       return (() => {
-        const _el$ = $52FdA$solidjsweb.getNextElement($1b3cf201cdd38687$var$_tmpl$);
-        $52FdA$solidjsweb.insert(_el$, message);
+        const _el$ = $52FdA$solidjsweb.getNextElement($1b3cf201cdd38687$var$_tmpl$),
+          _el$2 = _el$.firstChild,
+          [_el$3, _co$] = $52FdA$solidjsweb.getNextMarker(_el$2.nextSibling),
+          _el$4 = _el$3.nextSibling,
+          [_el$5, _co$2] = $52FdA$solidjsweb.getNextMarker(_el$4.nextSibling);
+        $52FdA$solidjsweb.insert(_el$, message, _el$3, _co$);
+        $52FdA$solidjsweb.insert(_el$, () => {
+          var _props$on_error_;
+          return (_props$on_error_ = props.on_error_) === null || _props$on_error_ === void 0 ? void 0 : _props$on_error_.call(props, retry);
+        }, _el$5, _co$2);
         $52FdA$solidjsweb.effect(_$p => {
           var _props$class_list_;
           return $52FdA$solidjsweb.classList(_el$, Object.fromEntries(((_props$class_list_ = props.class_list_) === null || _props$class_list_ === void 0 ? void 0 : _props$class_list_.map(c => [c, true])) || []), _$p);

package/ES10/index.d.ts

@@ -7,7 +7,7 @@ import { CategorySuggestion, SearchSuggestionsResponse } from "@depict-ai/types/
 import { BaseSearchRequest } from "@depict-ai/types/api/BaseSearchRequest";
 import { SearchSuggestionsRequest } from "@depict-ai/types/api/SearchSuggestionsRequest";
 import { ProductListingRequestV2 } from "@depict-ai/types/api/ProductListingRequestV2";
-export const version = "2.1.10";
+export const version = "2.1.12";
 /**
  * Use `javascript_media_query` but return a reactive accessor instead of taking a callback function
  */
@@ -20,7 +20,7 @@ export function SentryErrorBoundary(props: {
   children: JSX.Element;
   message_: string;
   severity_: Parameters<typeof report>[1];
-  on_error_?: (retry: VoidFunction) => void;
+  on_error_?: (retry: VoidFunction) => JSX.Element | void;
   class_list_?: string[];
 }): JSX.Element;
 /**

package/ES10/index.js

@@ -1,5 +1,5 @@
 import { add_to_version_info as $8tj43$add_to_version_info, base64_encode_unicode as $8tj43$base64_encode_unicode, base64_decode_unicode as $8tj43$base64_decode_unicode, dlog as $8tj43$dlog, queueMacroTask as $8tj43$queueMacroTask, catchify as $8tj43$catchify, is_safari as $8tj43$is_safari, observer as $8tj43$observer, dwarn as $8tj43$dwarn, Amazing_Slider as $8tj43$Amazing_Slider, slider_snap_css as $8tj43$slider_snap_css, slider_fading_factory as $8tj43$slider_fading_factory, slider_fractional_factory as $8tj43$slider_fractional_factory, camelCasifyObject as $8tj43$camelCasifyObject, make_random_classname as $8tj43$make_random_classname, n_col_styling_with_dist as $8tj43$n_col_styling_with_dist, layout_get_visible_recs_without_partial_rows as $8tj43$layout_get_visible_recs_without_partial_rows, layout_get_total_rec_amount_for_row as $8tj43$layout_get_total_rec_amount_for_row, layout_media_query_header as $8tj43$layout_media_query_header, report as $8tj43$report, useExpandingContainer as $8tj43$useExpandingContainer, standard_price_format as $8tj43$standard_price_format, hex_to_rgb as $8tj43$hex_to_rgb, relative_luminance_from_rgb as $8tj43$relative_luminance_from_rgb, fetch_recs as $8tj43$fetch_recs, snakeCasifyObject as $8tj43$snakeCasifyObject, instant_exec_on_suspect_history_change as $8tj43$instant_exec_on_suspect_history_change, base_url as $8tj43$base_url, get_depict_id as $8tj43$get_depict_id, get_user_id as $8tj43$get_user_id, get_session_id as $8tj43$get_session_id, make_url_with_query_params as $8tj43$make_url_with_query_params, fetch_retry as $8tj43$fetch_retry, add_version_query_params as $8tj43$add_version_query_params, sort_obj as $8tj43$sort_obj, edit_current_page_meta_tags as $8tj43$edit_current_page_meta_tags, javascript_media_query as $8tj43$javascript_media_query, use_href_accessor as $8tj43$use_href_accessor, is_debug as $8tj43$is_debug, make_asyncIterable_exiter as $8tj43$make_asyncIterable_exiter, href_change_ipns as $8tj43$href_change_ipns, ContainedImage as $8tj43$ContainedImage, buildThresholdList as $8tj43$buildThresholdList, deparallelize_no_drop as $8tj43$deparallelize_no_drop, ListenableSet as $8tj43$ListenableSet, insert_surfaces as $8tj43$insert_surfaces } from "@depict-ai/utilishared/ES10";
-import { createComponent as $8tj43$createComponent, insert as $8tj43$insert, template as $8tj43$template, getNextElement as $8tj43$getNextElement, effect as $8tj43$effect, style as $8tj43$style, spread as $8tj43$spread, setAttribute as $8tj43$setAttribute, mergeProps as $8tj43$mergeProps1, isServer as $8tj43$isServer, runHydrationEvents as $8tj43$runHydrationEvents, addEventListener as $8tj43$addEventListener, className as $8tj43$className, memo as $8tj43$memo, delegateEvents as $8tj43$delegateEvents, classList as $8tj43$classList, getNextMarker as $8tj43$getNextMarker, Dynamic as $8tj43$Dynamic, use as $8tj43$use, setProperty as $8tj43$setProperty } from "solid-js/web";
+import { createComponent as $8tj43$createComponent, insert as $8tj43$insert, template as $8tj43$template, getNextElement as $8tj43$getNextElement, effect as $8tj43$effect, style as $8tj43$style, spread as $8tj43$spread, setAttribute as $8tj43$setAttribute, mergeProps as $8tj43$mergeProps1, isServer as $8tj43$isServer, runHydrationEvents as $8tj43$runHydrationEvents, addEventListener as $8tj43$addEventListener, className as $8tj43$className, memo as $8tj43$memo, delegateEvents as $8tj43$delegateEvents, getNextMarker as $8tj43$getNextMarker, classList as $8tj43$classList, Dynamic as $8tj43$Dynamic, use as $8tj43$use, setProperty as $8tj43$setProperty } from "solid-js/web";
 import { createSignal as $8tj43$createSignal, getOwner as $8tj43$getOwner, createEffect as $8tj43$createEffect, runWithOwner as $8tj43$runWithOwner, onCleanup as $8tj43$onCleanup, createMemo as $8tj43$createMemo, createContext as $8tj43$createContext, useContext as $8tj43$useContext, mergeProps as $8tj43$mergeProps, Show as $8tj43$Show, createResource as $8tj43$createResource, Suspense as $8tj43$Suspense, untrack as $8tj43$untrack, createRenderEffect as $8tj43$createRenderEffect, Index as $8tj43$Index, createRoot as $8tj43$createRoot, For as $8tj43$For, createUniqueId as $8tj43$createUniqueId, createComputed as $8tj43$createComputed, ErrorBoundary as $8tj43$ErrorBoundary, on as $8tj43$on, batch as $8tj43$batch, createReaction as $8tj43$createReaction, mapArray as $8tj43$mapArray } from "solid-js";
 import $8tj43$babelruntimehelpersclassPrivateFieldSet from "@babel/runtime/helpers/classPrivateFieldSet";
 import $8tj43$babelruntimehelpersclassPrivateFieldGet from "@babel/runtime/helpers/classPrivateFieldGet";
@@ -9,7 +9,7 @@ import { createStore as $8tj43$createStore, reconcile as $8tj43$reconcile } from
 /*! Depict.ai search and product listing SDK */
 import { register_es_version } from "../multi_import_deduplicator.mjs";
 register_es_version("ui", "ES10");
-const $8db9a15135765c11$export$83d89fbfd8236492 = "2.1.10";
+const $8db9a15135765c11$export$83d89fbfd8236492 = "2.1.12";
 const $2855bffe06ef7a03$var$fallback_operator = "in";
 const $2855bffe06ef7a03$var$fallback_token = "";
 const $2855bffe06ef7a03$var$legacy_filter_prefix = "filter_";
@@ -275,12 +275,12 @@ function $56047603f9d212b6$export$6e5611bc7e57e477(props) {
     if (listingContext) listingContext[$56047603f9d212b6$var$onIdleFunctionsSymbol] = newStack;
     const processStackWhenIdle = () => requestIdleCallback(deadline => {
       const start = performance.now();
-      const quarterDeadlineTime = deadline.timeRemaining() / 4; // observers coming after this take up 2-6x the time so don't use all of it
+      const thirdDeadlineTime = deadline.timeRemaining() / 3; // observers coming after this take up 2-3x the time so don't use all of it
       for (const fn of newStack) {
         newStack.delete(fn);
         fn();
         const timeTaken = performance.now() - start;
-        if ((!deadline.timeRemaining() || timeTaken > quarterDeadlineTime) && newStack.size) {
+        if ((!deadline.timeRemaining() || timeTaken > thirdDeadlineTime) && newStack.size) {
           // There's still work to be done but no time, so schedule another idle callback
           processStackWhenIdle();
           return;
@@ -289,8 +289,8 @@ function $56047603f9d212b6$export$6e5611bc7e57e477(props) {
       // Stack is empty
       if (listingContext) delete listingContext[$56047603f9d212b6$var$onIdleFunctionsSymbol];
     }, {
-      timeout: 5000
-    } // long timeout (I had 15s), better to not have images than to freeze the browser. But also we don't want to confuse user why no images are loading
+      timeout: 15000
+    } // long timeout, better to not have images than to freeze the browser. But also we don't want to confuse user why no iamges are loading
     );
 
     processStackWhenIdle();
@@ -786,11 +786,10 @@ class $f3b7124b76123e44$export$aa14a9f43128f61f extends $f3b7124b76123e44$export
     });
   }
 }
-const $74777e8fe65b3dcb$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div>`);
+const $74777e8fe65b3dcb$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div><!$><!/><!$><!/>`);
 function $74777e8fe65b3dcb$export$b69d0d92862de18b(props) {
   return $8tj43$ErrorBoundary({
     fallback(err, retry) {
-      var _props$on_error_;
       const {
         message_: message_,
         severity_: severity_
@@ -800,10 +799,17 @@ function $74777e8fe65b3dcb$export$b69d0d92862de18b(props) {
         console.error(err.cause);
         message = "".concat(message, ": ").concat(err.message);
       } else $8tj43$report([err, message_], severity_);
-      (_props$on_error_ = props.on_error_) === null || _props$on_error_ === void 0 || _props$on_error_.call(props, retry);
       return (() => {
-        const _el$ = $8tj43$getNextElement($74777e8fe65b3dcb$var$_tmpl$);
-        $8tj43$insert(_el$, message);
+        const _el$ = $8tj43$getNextElement($74777e8fe65b3dcb$var$_tmpl$),
+          _el$2 = _el$.firstChild,
+          [_el$3, _co$] = $8tj43$getNextMarker(_el$2.nextSibling),
+          _el$4 = _el$3.nextSibling,
+          [_el$5, _co$2] = $8tj43$getNextMarker(_el$4.nextSibling);
+        $8tj43$insert(_el$, message, _el$3, _co$);
+        $8tj43$insert(_el$, () => {
+          var _props$on_error_;
+          return (_props$on_error_ = props.on_error_) === null || _props$on_error_ === void 0 ? void 0 : _props$on_error_.call(props, retry);
+        }, _el$5, _co$2);
         $8tj43$effect(_$p => {
           var _props$class_list_;
           return $8tj43$classList(_el$, Object.fromEntries(((_props$class_list_ = props.class_list_) === null || _props$class_list_ === void 0 ? void 0 : _props$class_list_.map(c => [c, true])) || []), _$p);

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.10";
+const $b757f75811f3261f$export$83d89fbfd8236492 = "2.1.12";
 const $1ab22f2cd39b3061$var$fallback_operator = "in";
 const $1ab22f2cd39b3061$var$fallback_token = "";
 const $1ab22f2cd39b3061$var$legacy_filter_prefix = "filter_";
@@ -328,12 +328,12 @@ function $19950faaac026e09$export$6e5611bc7e57e477(props) {
     if (listingContext) listingContext[$19950faaac026e09$var$onIdleFunctionsSymbol] = newStack;
     const processStackWhenIdle = () => requestIdleCallback(deadline => {
       const start = performance.now();
-      const quarterDeadlineTime = deadline.timeRemaining() / 4; // observers coming after this take up 2-6x the time so don't use all of it
+      const thirdDeadlineTime = deadline.timeRemaining() / 3; // observers coming after this take up 2-3x the time so don't use all of it
       for (const fn of newStack) {
         newStack.delete(fn);
         fn();
         const timeTaken = performance.now() - start;
-        if ((!deadline.timeRemaining() || timeTaken > quarterDeadlineTime) && newStack.size) {
+        if ((!deadline.timeRemaining() || timeTaken > thirdDeadlineTime) && newStack.size) {
           // There's still work to be done but no time, so schedule another idle callback
           processStackWhenIdle();
           return;
@@ -342,8 +342,8 @@ function $19950faaac026e09$export$6e5611bc7e57e477(props) {
       // Stack is empty
       if (listingContext) delete listingContext[$19950faaac026e09$var$onIdleFunctionsSymbol];
     }, {
-      timeout: 5000
-    } // long timeout (I had 15s), better to not have images than to freeze the browser. But also we don't want to confuse user why no images are loading
+      timeout: 15000
+    } // long timeout, better to not have images than to freeze the browser. But also we don't want to confuse user why no iamges are loading
     );
 
     processStackWhenIdle();
@@ -811,7 +811,7 @@ class $7dd1edb2ee2b43ad$export$aa14a9f43128f61f extends $7dd1edb2ee2b43ad$export
     });
   }
 }
-const $edafe91daf3091d7$var$_tmpl$ = /*#__PURE__*/$gVhhF$solidjsweb.template(`<div>`);
+const $edafe91daf3091d7$var$_tmpl$ = /*#__PURE__*/$gVhhF$solidjsweb.template(`<div><!$><!/><!$><!/>`);
 function $edafe91daf3091d7$export$b69d0d92862de18b(props) {
   return $gVhhF$solidjs.ErrorBoundary({
     fallback(err, retry) {
@@ -824,10 +824,14 @@ function $edafe91daf3091d7$export$b69d0d92862de18b(props) {
         console.error(err.cause);
         message = `${message}: ${err.message}`;
       } else $gVhhF$depictaiutilishared.report([err, message_], severity_);
-      props.on_error_?.(retry);
       return (() => {
-        const _el$ = $gVhhF$solidjsweb.getNextElement($edafe91daf3091d7$var$_tmpl$);
-        $gVhhF$solidjsweb.insert(_el$, message);
+        const _el$ = $gVhhF$solidjsweb.getNextElement($edafe91daf3091d7$var$_tmpl$),
+          _el$2 = _el$.firstChild,
+          [_el$3, _co$] = $gVhhF$solidjsweb.getNextMarker(_el$2.nextSibling),
+          _el$4 = _el$3.nextSibling,
+          [_el$5, _co$2] = $gVhhF$solidjsweb.getNextMarker(_el$4.nextSibling);
+        $gVhhF$solidjsweb.insert(_el$, message, _el$3, _co$);
+        $gVhhF$solidjsweb.insert(_el$, () => props.on_error_?.(retry), _el$5, _co$2);
         $gVhhF$solidjsweb.effect(_$p => $gVhhF$solidjsweb.classList(_el$, Object.fromEntries(props.class_list_?.map(c => [c, true]) || []), _$p));
         return _el$;
       })();

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.10";
+export const version = "2.1.12";
 /**
  * Use `javascript_media_query` but return a reactive accessor instead of taking a callback function
  */
@@ -20,7 +20,7 @@ export function SentryErrorBoundary(props: {
   children: JSX.Element;
   message_: string;
   severity_: Parameters<typeof report>[1];
-  on_error_?: (retry: VoidFunction) => void;
+  on_error_?: (retry: VoidFunction) => JSX.Element | void;
   class_list_?: string[];
 }): JSX.Element;
 /**

package/latest/index.js

@@ -1,12 +1,12 @@
 import { add_to_version_info as $9HbP8$add_to_version_info, base64_encode_unicode as $9HbP8$base64_encode_unicode, base64_decode_unicode as $9HbP8$base64_decode_unicode, dlog as $9HbP8$dlog, queueMacroTask as $9HbP8$queueMacroTask, catchify as $9HbP8$catchify, is_safari as $9HbP8$is_safari, observer as $9HbP8$observer, dwarn as $9HbP8$dwarn, Amazing_Slider as $9HbP8$Amazing_Slider, slider_snap_css as $9HbP8$slider_snap_css, slider_fading_factory as $9HbP8$slider_fading_factory, slider_fractional_factory as $9HbP8$slider_fractional_factory, camelCasifyObject as $9HbP8$camelCasifyObject, make_random_classname as $9HbP8$make_random_classname, n_col_styling_with_dist as $9HbP8$n_col_styling_with_dist, layout_get_visible_recs_without_partial_rows as $9HbP8$layout_get_visible_recs_without_partial_rows, layout_get_total_rec_amount_for_row as $9HbP8$layout_get_total_rec_amount_for_row, layout_media_query_header as $9HbP8$layout_media_query_header, report as $9HbP8$report, useExpandingContainer as $9HbP8$useExpandingContainer, standard_price_format as $9HbP8$standard_price_format, hex_to_rgb as $9HbP8$hex_to_rgb, relative_luminance_from_rgb as $9HbP8$relative_luminance_from_rgb, fetch_recs as $9HbP8$fetch_recs, snakeCasifyObject as $9HbP8$snakeCasifyObject, instant_exec_on_suspect_history_change as $9HbP8$instant_exec_on_suspect_history_change, base_url as $9HbP8$base_url, get_depict_id as $9HbP8$get_depict_id, get_user_id as $9HbP8$get_user_id, get_session_id as $9HbP8$get_session_id, sort_obj as $9HbP8$sort_obj, fetch_retry as $9HbP8$fetch_retry, add_version_query_params as $9HbP8$add_version_query_params, make_url_with_query_params as $9HbP8$make_url_with_query_params, edit_current_page_meta_tags as $9HbP8$edit_current_page_meta_tags, javascript_media_query as $9HbP8$javascript_media_query, use_href_accessor as $9HbP8$use_href_accessor, is_debug as $9HbP8$is_debug, make_asyncIterable_exiter as $9HbP8$make_asyncIterable_exiter, href_change_ipns as $9HbP8$href_change_ipns, ContainedImage as $9HbP8$ContainedImage, buildThresholdList as $9HbP8$buildThresholdList, deparallelize_no_drop as $9HbP8$deparallelize_no_drop, ListenableSet as $9HbP8$ListenableSet, insert_surfaces as $9HbP8$insert_surfaces } from "@depict-ai/utilishared/latest";
-import { createComponent as $9HbP8$createComponent, insert as $9HbP8$insert, template as $9HbP8$template, getNextElement as $9HbP8$getNextElement, effect as $9HbP8$effect, style as $9HbP8$style, spread as $9HbP8$spread, setAttribute as $9HbP8$setAttribute, mergeProps as $9HbP8$mergeProps1, isServer as $9HbP8$isServer, runHydrationEvents as $9HbP8$runHydrationEvents, addEventListener as $9HbP8$addEventListener, className as $9HbP8$className, memo as $9HbP8$memo, delegateEvents as $9HbP8$delegateEvents, classList as $9HbP8$classList, getNextMarker as $9HbP8$getNextMarker, Dynamic as $9HbP8$Dynamic, use as $9HbP8$use, setProperty as $9HbP8$setProperty } from "solid-js/web";
+import { createComponent as $9HbP8$createComponent, insert as $9HbP8$insert, template as $9HbP8$template, getNextElement as $9HbP8$getNextElement, effect as $9HbP8$effect, style as $9HbP8$style, spread as $9HbP8$spread, setAttribute as $9HbP8$setAttribute, mergeProps as $9HbP8$mergeProps1, isServer as $9HbP8$isServer, runHydrationEvents as $9HbP8$runHydrationEvents, addEventListener as $9HbP8$addEventListener, className as $9HbP8$className, memo as $9HbP8$memo, delegateEvents as $9HbP8$delegateEvents, getNextMarker as $9HbP8$getNextMarker, classList as $9HbP8$classList, Dynamic as $9HbP8$Dynamic, use as $9HbP8$use, setProperty as $9HbP8$setProperty } from "solid-js/web";
 import { createSignal as $9HbP8$createSignal, getOwner as $9HbP8$getOwner, createEffect as $9HbP8$createEffect, runWithOwner as $9HbP8$runWithOwner, onCleanup as $9HbP8$onCleanup, createMemo as $9HbP8$createMemo, createContext as $9HbP8$createContext, useContext as $9HbP8$useContext, mergeProps as $9HbP8$mergeProps, Show as $9HbP8$Show, createResource as $9HbP8$createResource, Suspense as $9HbP8$Suspense, untrack as $9HbP8$untrack, createRenderEffect as $9HbP8$createRenderEffect, Index as $9HbP8$Index, createRoot as $9HbP8$createRoot, For as $9HbP8$For, createUniqueId as $9HbP8$createUniqueId, createComputed as $9HbP8$createComputed, ErrorBoundary as $9HbP8$ErrorBoundary, on as $9HbP8$on, batch as $9HbP8$batch, createReaction as $9HbP8$createReaction, mapArray as $9HbP8$mapArray } from "solid-js";
 import { createStore as $9HbP8$createStore, reconcile as $9HbP8$reconcile } from "solid-js/store";
 
 /*! 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.10";
+const $ec291e0010116877$export$83d89fbfd8236492 = "2.1.12";
 const $4147651646da990a$var$fallback_operator = "in";
 const $4147651646da990a$var$fallback_token = "";
 const $4147651646da990a$var$legacy_filter_prefix = "filter_";
@@ -264,12 +264,12 @@ function $e8ffe11ed01df0fe$export$6e5611bc7e57e477(props) {
     if (listingContext) listingContext[$e8ffe11ed01df0fe$var$onIdleFunctionsSymbol] = newStack;
     const processStackWhenIdle = () => requestIdleCallback(deadline => {
       const start = performance.now();
-      const quarterDeadlineTime = deadline.timeRemaining() / 4; // observers coming after this take up 2-6x the time so don't use all of it
+      const thirdDeadlineTime = deadline.timeRemaining() / 3; // observers coming after this take up 2-3x the time so don't use all of it
       for (const fn of newStack) {
         newStack.delete(fn);
         fn();
         const timeTaken = performance.now() - start;
-        if ((!deadline.timeRemaining() || timeTaken > quarterDeadlineTime) && newStack.size) {
+        if ((!deadline.timeRemaining() || timeTaken > thirdDeadlineTime) && newStack.size) {
           // There's still work to be done but no time, so schedule another idle callback
           processStackWhenIdle();
           return;
@@ -278,8 +278,8 @@ function $e8ffe11ed01df0fe$export$6e5611bc7e57e477(props) {
       // Stack is empty
       if (listingContext) delete listingContext[$e8ffe11ed01df0fe$var$onIdleFunctionsSymbol];
     }, {
-      timeout: 5000
-    } // long timeout (I had 15s), better to not have images than to freeze the browser. But also we don't want to confuse user why no images are loading
+      timeout: 15000
+    } // long timeout, better to not have images than to freeze the browser. But also we don't want to confuse user why no iamges are loading
     );
 
     processStackWhenIdle();
@@ -747,7 +747,7 @@ class $4fd48cb976bf1789$export$aa14a9f43128f61f extends $4fd48cb976bf1789$export
     });
   }
 }
-const $b7436a6d1fd64e3b$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<div>`);
+const $b7436a6d1fd64e3b$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<div><!$><!/><!$><!/>`);
 function $b7436a6d1fd64e3b$export$b69d0d92862de18b(props) {
   return $9HbP8$ErrorBoundary({
     fallback(err, retry) {
@@ -760,10 +760,14 @@ function $b7436a6d1fd64e3b$export$b69d0d92862de18b(props) {
         console.error(err.cause);
         message = `${message}: ${err.message}`;
       } else $9HbP8$report([err, message_], severity_);
-      props.on_error_?.(retry);
       return (() => {
-        const _el$ = $9HbP8$getNextElement($b7436a6d1fd64e3b$var$_tmpl$);
-        $9HbP8$insert(_el$, message);
+        const _el$ = $9HbP8$getNextElement($b7436a6d1fd64e3b$var$_tmpl$),
+          _el$2 = _el$.firstChild,
+          [_el$3, _co$] = $9HbP8$getNextMarker(_el$2.nextSibling),
+          _el$4 = _el$3.nextSibling,
+          [_el$5, _co$2] = $9HbP8$getNextMarker(_el$4.nextSibling);
+        $9HbP8$insert(_el$, message, _el$3, _co$);
+        $9HbP8$insert(_el$, () => props.on_error_?.(retry), _el$5, _co$2);
         $9HbP8$effect(_$p => $9HbP8$classList(_el$, Object.fromEntries(props.class_list_?.map(c => [c, true]) || []), _$p));
         return _el$;
       })();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@depict-ai/ui",
-  "version": "2.1.10",
+  "version": "2.1.12",
   "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",
@@ -238,7 +238,7 @@
     "@babel/runtime-corejs3": "^7.22.6",
     "@depict-ai/plp-styling": "^1.2.6",
     "@depict-ai/types": "^1.0.39",
-    "@depict-ai/utilishared": "^1.0.47",
+    "@depict-ai/utilishared": "^1.0.48",
     "solid-js": "^1.8.1"
   },
   "type": "module",

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.10";
+const $aa1938dec50d6c12$export$83d89fbfd8236492 = "2.1.12";
 const $a68b73fd7ba0853f$var$fallback_operator = "in";
 const $a68b73fd7ba0853f$var$fallback_token = "";
 const $a68b73fd7ba0853f$var$legacy_filter_prefix = "filter_";
@@ -338,12 +338,12 @@ function $858fdcf73148519f$export$6e5611bc7e57e477(props) {
     if (listingContext) listingContext[$858fdcf73148519f$var$onIdleFunctionsSymbol] = newStack;
     const processStackWhenIdle = () => requestIdleCallback(deadline => {
       const start = performance.now();
-      const quarterDeadlineTime = deadline.timeRemaining() / 4; // observers coming after this take up 2-6x the time so don't use all of it
+      const thirdDeadlineTime = deadline.timeRemaining() / 3; // observers coming after this take up 2-3x the time so don't use all of it
       for (const fn of newStack) {
         newStack.delete(fn);
         fn();
         const timeTaken = performance.now() - start;
-        if ((!deadline.timeRemaining() || timeTaken > quarterDeadlineTime) && newStack.size) {
+        if ((!deadline.timeRemaining() || timeTaken > thirdDeadlineTime) && newStack.size) {
           // There's still work to be done but no time, so schedule another idle callback
           processStackWhenIdle();
           return;
@@ -352,8 +352,8 @@ function $858fdcf73148519f$export$6e5611bc7e57e477(props) {
       // Stack is empty
       if (listingContext) delete listingContext[$858fdcf73148519f$var$onIdleFunctionsSymbol];
     }, {
-      timeout: 5000
-    } // long timeout (I had 15s), better to not have images than to freeze the browser. But also we don't want to confuse user why no images are loading
+      timeout: 15000
+    } // long timeout, better to not have images than to freeze the browser. But also we don't want to confuse user why no iamges are loading
     );
 
     processStackWhenIdle();
@@ -828,11 +828,11 @@ class $95e4006e1dcb5b72$export$aa14a9f43128f61f extends $95e4006e1dcb5b72$export
     });
   }
 }
-const $1b3cf201cdd38687$var$_tmpl$ = ["<div", ' class="', '">', "</div>"];
+const $1b3cf201cdd38687$var$_tmpl$ = ["<div", ' class="', '"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"];
 function $1b3cf201cdd38687$export$b69d0d92862de18b(props) {
   return $3hooq$solidjs.ErrorBoundary({
     fallback(err, retry) {
-      var _props$on_error_, _props$class_list_;
+      var _props$class_list_, _props$on_error_;
       const {
         message_: message_,
         severity_: severity_
@@ -842,8 +842,7 @@ function $1b3cf201cdd38687$export$b69d0d92862de18b(props) {
         console.error(err.cause);
         message = "".concat(message, ": ").concat(err.message);
       } else $3hooq$depictaiutilishared.report([err, message_], severity_);
-      (_props$on_error_ = props.on_error_) === null || _props$on_error_ === void 0 || _props$on_error_.call(props, retry);
-      return $3hooq$solidjsweb.ssr($1b3cf201cdd38687$var$_tmpl$, $3hooq$solidjsweb.ssrHydrationKey(), $3hooq$solidjsweb.ssrClassList(Object.fromEntries(((_props$class_list_ = props.class_list_) === null || _props$class_list_ === void 0 ? void 0 : _props$class_list_.map(c => [c, true])) || [])), $3hooq$solidjsweb.escape(message));
+      return $3hooq$solidjsweb.ssr($1b3cf201cdd38687$var$_tmpl$, $3hooq$solidjsweb.ssrHydrationKey(), $3hooq$solidjsweb.ssrClassList(Object.fromEntries(((_props$class_list_ = props.class_list_) === null || _props$class_list_ === void 0 ? void 0 : _props$class_list_.map(c => [c, true])) || [])), $3hooq$solidjsweb.escape(message), $3hooq$solidjsweb.escape((_props$on_error_ = props.on_error_) === null || _props$on_error_ === void 0 ? void 0 : _props$on_error_.call(props, retry)));
     },
     get children() {
       return props.children;

package/server/ES10/index.d.ts

@@ -7,7 +7,7 @@ import { CategorySuggestion, SearchSuggestionsResponse } from "@depict-ai/types/
 import { BaseSearchRequest } from "@depict-ai/types/api/BaseSearchRequest";
 import { SearchSuggestionsRequest } from "@depict-ai/types/api/SearchSuggestionsRequest";
 import { ProductListingRequestV2 } from "@depict-ai/types/api/ProductListingRequestV2";
-export const version = "2.1.10";
+export const version = "2.1.12";
 /**
  * Use `javascript_media_query` but return a reactive accessor instead of taking a callback function
  */
@@ -20,7 +20,7 @@ export function SentryErrorBoundary(props: {
   children: JSX.Element;
   message_: string;
   severity_: Parameters<typeof report>[1];
-  on_error_?: (retry: VoidFunction) => void;
+  on_error_?: (retry: VoidFunction) => JSX.Element | void;
   class_list_?: string[];
 }): JSX.Element;
 /**

package/server/ES10/index.js

@@ -9,7 +9,7 @@ import { createStore as $b8hua$createStore, reconcile as $b8hua$reconcile } from
 /*! Depict.ai search and product listing SDK */
 import { register_es_version } from "../../multi_import_deduplicator.mjs";
 register_es_version("ui", "ES10");
-const $8db9a15135765c11$export$83d89fbfd8236492 = "2.1.10";
+const $8db9a15135765c11$export$83d89fbfd8236492 = "2.1.12";
 const $2855bffe06ef7a03$var$fallback_operator = "in";
 const $2855bffe06ef7a03$var$fallback_token = "";
 const $2855bffe06ef7a03$var$legacy_filter_prefix = "filter_";
@@ -271,12 +271,12 @@ function $56047603f9d212b6$export$6e5611bc7e57e477(props) {
     if (listingContext) listingContext[$56047603f9d212b6$var$onIdleFunctionsSymbol] = newStack;
     const processStackWhenIdle = () => requestIdleCallback(deadline => {
       const start = performance.now();
-      const quarterDeadlineTime = deadline.timeRemaining() / 4; // observers coming after this take up 2-6x the time so don't use all of it
+      const thirdDeadlineTime = deadline.timeRemaining() / 3; // observers coming after this take up 2-3x the time so don't use all of it
       for (const fn of newStack) {
         newStack.delete(fn);
         fn();
         const timeTaken = performance.now() - start;
-        if ((!deadline.timeRemaining() || timeTaken > quarterDeadlineTime) && newStack.size) {
+        if ((!deadline.timeRemaining() || timeTaken > thirdDeadlineTime) && newStack.size) {
           // There's still work to be done but no time, so schedule another idle callback
           processStackWhenIdle();
           return;
@@ -285,8 +285,8 @@ function $56047603f9d212b6$export$6e5611bc7e57e477(props) {
       // Stack is empty
       if (listingContext) delete listingContext[$56047603f9d212b6$var$onIdleFunctionsSymbol];
     }, {
-      timeout: 5000
-    } // long timeout (I had 15s), better to not have images than to freeze the browser. But also we don't want to confuse user why no images are loading
+      timeout: 15000
+    } // long timeout, better to not have images than to freeze the browser. But also we don't want to confuse user why no iamges are loading
     );
 
     processStackWhenIdle();
@@ -761,11 +761,11 @@ class $f3b7124b76123e44$export$aa14a9f43128f61f extends $f3b7124b76123e44$export
     });
   }
 }
-const $74777e8fe65b3dcb$var$_tmpl$ = ["<div", ' class="', '">', "</div>"];
+const $74777e8fe65b3dcb$var$_tmpl$ = ["<div", ' class="', '"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"];
 function $74777e8fe65b3dcb$export$b69d0d92862de18b(props) {
   return $b8hua$ErrorBoundary({
     fallback(err, retry) {
-      var _props$on_error_, _props$class_list_;
+      var _props$class_list_, _props$on_error_;
       const {
         message_: message_,
         severity_: severity_
@@ -775,8 +775,7 @@ function $74777e8fe65b3dcb$export$b69d0d92862de18b(props) {
         console.error(err.cause);
         message = "".concat(message, ": ").concat(err.message);
       } else $b8hua$report([err, message_], severity_);
-      (_props$on_error_ = props.on_error_) === null || _props$on_error_ === void 0 || _props$on_error_.call(props, retry);
-      return $b8hua$ssr($74777e8fe65b3dcb$var$_tmpl$, $b8hua$ssrHydrationKey(), $b8hua$ssrClassList(Object.fromEntries(((_props$class_list_ = props.class_list_) === null || _props$class_list_ === void 0 ? void 0 : _props$class_list_.map(c => [c, true])) || [])), $b8hua$escape(message));
+      return $b8hua$ssr($74777e8fe65b3dcb$var$_tmpl$, $b8hua$ssrHydrationKey(), $b8hua$ssrClassList(Object.fromEntries(((_props$class_list_ = props.class_list_) === null || _props$class_list_ === void 0 ? void 0 : _props$class_list_.map(c => [c, true])) || [])), $b8hua$escape(message), $b8hua$escape((_props$on_error_ = props.on_error_) === null || _props$on_error_ === void 0 ? void 0 : _props$on_error_.call(props, retry)));
     },
     get children() {
       return props.children;

package/server/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.10";
+const $b757f75811f3261f$export$83d89fbfd8236492 = "2.1.12";
 const $1ab22f2cd39b3061$var$fallback_operator = "in";
 const $1ab22f2cd39b3061$var$fallback_token = "";
 const $1ab22f2cd39b3061$var$legacy_filter_prefix = "filter_";
@@ -324,12 +324,12 @@ function $19950faaac026e09$export$6e5611bc7e57e477(props) {
     if (listingContext) listingContext[$19950faaac026e09$var$onIdleFunctionsSymbol] = newStack;
     const processStackWhenIdle = () => requestIdleCallback(deadline => {
       const start = performance.now();
-      const quarterDeadlineTime = deadline.timeRemaining() / 4; // observers coming after this take up 2-6x the time so don't use all of it
+      const thirdDeadlineTime = deadline.timeRemaining() / 3; // observers coming after this take up 2-3x the time so don't use all of it
       for (const fn of newStack) {
         newStack.delete(fn);
         fn();
         const timeTaken = performance.now() - start;
-        if ((!deadline.timeRemaining() || timeTaken > quarterDeadlineTime) && newStack.size) {
+        if ((!deadline.timeRemaining() || timeTaken > thirdDeadlineTime) && newStack.size) {
           // There's still work to be done but no time, so schedule another idle callback
           processStackWhenIdle();
           return;
@@ -338,8 +338,8 @@ function $19950faaac026e09$export$6e5611bc7e57e477(props) {
       // Stack is empty
       if (listingContext) delete listingContext[$19950faaac026e09$var$onIdleFunctionsSymbol];
     }, {
-      timeout: 5000
-    } // long timeout (I had 15s), better to not have images than to freeze the browser. But also we don't want to confuse user why no images are loading
+      timeout: 15000
+    } // long timeout, better to not have images than to freeze the browser. But also we don't want to confuse user why no iamges are loading
     );
 
     processStackWhenIdle();
@@ -786,7 +786,7 @@ class $7dd1edb2ee2b43ad$export$aa14a9f43128f61f extends $7dd1edb2ee2b43ad$export
     });
   }
 }
-const $edafe91daf3091d7$var$_tmpl$ = ["<div", ' class="', '">', "</div>"];
+const $edafe91daf3091d7$var$_tmpl$ = ["<div", ' class="', '"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"];
 function $edafe91daf3091d7$export$b69d0d92862de18b(props) {
   return $5vyXB$solidjs.ErrorBoundary({
     fallback(err, retry) {
@@ -799,8 +799,7 @@ function $edafe91daf3091d7$export$b69d0d92862de18b(props) {
         console.error(err.cause);
         message = `${message}: ${err.message}`;
       } else $5vyXB$depictaiutilishared.report([err, message_], severity_);
-      props.on_error_?.(retry);
-      return $5vyXB$solidjsweb.ssr($edafe91daf3091d7$var$_tmpl$, $5vyXB$solidjsweb.ssrHydrationKey(), $5vyXB$solidjsweb.ssrClassList(Object.fromEntries(props.class_list_?.map(c => [c, true]) || [])), $5vyXB$solidjsweb.escape(message));
+      return $5vyXB$solidjsweb.ssr($edafe91daf3091d7$var$_tmpl$, $5vyXB$solidjsweb.ssrHydrationKey(), $5vyXB$solidjsweb.ssrClassList(Object.fromEntries(props.class_list_?.map(c => [c, true]) || [])), $5vyXB$solidjsweb.escape(message), $5vyXB$solidjsweb.escape(props.on_error_?.(retry)));
     },
     get children() {
       return props.children;

package/server/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.10";
+export const version = "2.1.12";
 /**
  * Use `javascript_media_query` but return a reactive accessor instead of taking a callback function
  */
@@ -20,7 +20,7 @@ export function SentryErrorBoundary(props: {
   children: JSX.Element;
   message_: string;
   severity_: Parameters<typeof report>[1];
-  on_error_?: (retry: VoidFunction) => void;
+  on_error_?: (retry: VoidFunction) => JSX.Element | void;
   class_list_?: string[];
 }): JSX.Element;
 /**

package/server/latest/index.js

@@ -6,7 +6,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 = "2.1.10";
+const $ec291e0010116877$export$83d89fbfd8236492 = "2.1.12";
 const $4147651646da990a$var$fallback_operator = "in";
 const $4147651646da990a$var$fallback_token = "";
 const $4147651646da990a$var$legacy_filter_prefix = "filter_";
@@ -260,12 +260,12 @@ function $e8ffe11ed01df0fe$export$6e5611bc7e57e477(props) {
     if (listingContext) listingContext[$e8ffe11ed01df0fe$var$onIdleFunctionsSymbol] = newStack;
     const processStackWhenIdle = () => requestIdleCallback(deadline => {
       const start = performance.now();
-      const quarterDeadlineTime = deadline.timeRemaining() / 4; // observers coming after this take up 2-6x the time so don't use all of it
+      const thirdDeadlineTime = deadline.timeRemaining() / 3; // observers coming after this take up 2-3x the time so don't use all of it
       for (const fn of newStack) {
         newStack.delete(fn);
         fn();
         const timeTaken = performance.now() - start;
-        if ((!deadline.timeRemaining() || timeTaken > quarterDeadlineTime) && newStack.size) {
+        if ((!deadline.timeRemaining() || timeTaken > thirdDeadlineTime) && newStack.size) {
           // There's still work to be done but no time, so schedule another idle callback
           processStackWhenIdle();
           return;
@@ -274,8 +274,8 @@ function $e8ffe11ed01df0fe$export$6e5611bc7e57e477(props) {
       // Stack is empty
       if (listingContext) delete listingContext[$e8ffe11ed01df0fe$var$onIdleFunctionsSymbol];
     }, {
-      timeout: 5000
-    } // long timeout (I had 15s), better to not have images than to freeze the browser. But also we don't want to confuse user why no images are loading
+      timeout: 15000
+    } // long timeout, better to not have images than to freeze the browser. But also we don't want to confuse user why no iamges are loading
     );
 
     processStackWhenIdle();
@@ -722,7 +722,7 @@ class $4fd48cb976bf1789$export$aa14a9f43128f61f extends $4fd48cb976bf1789$export
     });
   }
 }
-const $b7436a6d1fd64e3b$var$_tmpl$ = ["<div", ' class="', '">', "</div>"];
+const $b7436a6d1fd64e3b$var$_tmpl$ = ["<div", ' class="', '"><!--$-->', "<!--/--><!--$-->", "<!--/--></div>"];
 function $b7436a6d1fd64e3b$export$b69d0d92862de18b(props) {
   return $i7OB2$ErrorBoundary({
     fallback(err, retry) {
@@ -735,8 +735,7 @@ function $b7436a6d1fd64e3b$export$b69d0d92862de18b(props) {
         console.error(err.cause);
         message = `${message}: ${err.message}`;
       } else $i7OB2$report([err, message_], severity_);
-      props.on_error_?.(retry);
-      return $i7OB2$ssr($b7436a6d1fd64e3b$var$_tmpl$, $i7OB2$ssrHydrationKey(), $i7OB2$ssrClassList(Object.fromEntries(props.class_list_?.map(c => [c, true]) || [])), $i7OB2$escape(message));
+      return $i7OB2$ssr($b7436a6d1fd64e3b$var$_tmpl$, $i7OB2$ssrHydrationKey(), $i7OB2$ssrClassList(Object.fromEntries(props.class_list_?.map(c => [c, true]) || [])), $i7OB2$escape(message), $i7OB2$escape(props.on_error_?.(retry)));
     },
     get children() {
       return props.children;