@depict-ai/ui 4.0.24 → 4.0.26

package/ES10/index.cjs

@@ -18,6 +18,9 @@ function $parcel$export(e, n, v, s) {
 function $parcel$interopDefault(a) {
   return a && a.__esModule ? a.default : a;
 }
+$parcel$export(module.exports, "preserve_items_in_history_dot_state", () => $cfcd56242923775d$export$5162a71f252e6122);
+$parcel$export(module.exports, "prefixes_to_preserve_in_history_dot_state", () => $cfcd56242923775d$export$3064e1e8c6513da3);
+$parcel$export(module.exports, "allowNativeNavigation", () => $9ca08bcacbc598ce$export$29d28dadc2d6b631);
 $parcel$export(module.exports, "modalVersionSymbol", () => $072ab198d82c3eb7$export$1ea76ea778b880dd);
 $parcel$export(module.exports, "createDeparallelizedNoDropResource", () => $a28000bc10de28ad$export$e417c49320921907);
 $parcel$export(module.exports, "throw_globally", () => $bdea39a75c454f4f$export$f50b88e2a00918b5);
@@ -95,7 +98,56 @@ $parcel$export(module.exports, "defaultCategoryTitlePlugin", () => $33eed84f447a
 $parcel$export(module.exports, "version", () => $aa1938dec50d6c12$export$83d89fbfd8236492);
 $parcel$export(module.exports, "SearchField", () => $98aef9965764903d$export$316f6f283ae64765);
 /*! Depict.ai search and product listing SDK */
-const $aa1938dec50d6c12$export$83d89fbfd8236492 = "4.0.24";
+const $aa1938dec50d6c12$export$83d89fbfd8236492 = "4.0.26";
+const $cfcd56242923775d$export$3064e1e8c6513da3 = new Set();
+let $cfcd56242923775d$var$has_ran = false;
+function $cfcd56242923775d$export$5162a71f252e6122() {
+  if ($cfcd56242923775d$var$has_ran || typeof history !== "object") return;
+  $cfcd56242923775d$var$has_ran = true;
+  for (const function_name of ["replaceState", "pushState"]) {
+    if (Object.getOwnPropertyNames(history).includes(function_name)) $cfcd56242923775d$var$proxy_push_state(function_name, history);
+    $cfcd56242923775d$var$proxy_push_state(function_name, History.prototype);
+  }
+}
+function $cfcd56242923775d$var$proxy_push_state(function_name, thing) {
+  thing[function_name] = new Proxy(thing[function_name], {
+    apply(target, this_arg, arg_list) {
+      try {
+        const old_state = history.state;
+        if (typeof old_state == "object" && old_state !== null) {
+          var _arg_list$;
+          // This effectively disallows the user from passing in a string, number, null or undefined
+          const intended_new_value_as_obj = typeof arg_list[0] === "object" ? (_arg_list$ = arg_list[0]) !== null && _arg_list$ !== void 0 ? _arg_list$ : {} : {};
+          const cloned_object = {
+            ...intended_new_value_as_obj
+          };
+          for (const key in old_state) {
+            if (!$cfcd56242923775d$var$starts_with_any_prefix(key)) continue;
+            if (!(key in cloned_object)) cloned_object[key] = old_state[key];
+          }
+          arg_list[0] = cloned_object;
+        }
+      } catch (e) {
+        $52FdA$depictaiutilishared.report([e, "Failed to preserve items in history.state"], "error");
+      }
+      return Reflect.apply(target, this_arg, arg_list);
+    }
+  });
+}
+function $cfcd56242923775d$var$starts_with_any_prefix(key) {
+  for (const prefix of $cfcd56242923775d$export$3064e1e8c6513da3) {
+    if (key.startsWith(prefix)) return true;
+  }
+}
+
+/**
+ * This function is used to determine if the user is trying to open a link in a new tab or window, and we therefore should not single page navigate
+ * @param clickEvent The click event that triggered the navigation
+ */
+function $9ca08bcacbc598ce$export$29d28dadc2d6b631(clickEvent) {
+  return (clickEvent === null || clickEvent === void 0 ? void 0 : clickEvent.button) || (clickEvent === null || clickEvent === void 0 ? void 0 : clickEvent.metaKey) || (clickEvent === null || clickEvent === void 0 ? void 0 : clickEvent.ctrlKey) || (clickEvent === null || clickEvent === void 0 ? void 0 : clickEvent.shiftKey // if true, shift button on windows, linux or macOS which opens in a new window
+  );
+}
 
 /**
  * Symbol used to identify the version of a SearchModal function. Values right now: 1 = 1st gen classic modal, 2 = second gen modal
@@ -898,7 +950,7 @@ function $ca262da429af47ea$export$a146ac6fa8346a25(_ref) {
             $52FdA$solidjsweb.use(element => element.addEventListener(
             // Viskan's Oscar Jacobson site requires us to add the event listener normally here. They do too much when this element is clicked. We work around it by blocking the event and just dispatching it non-bubbling on this element.
             "click", $52FdA$depictaiutilishared.catchify(ev => {
-              if (ev.button || ev.metaKey || ev.ctrlKey)
+              if ($9ca08bcacbc598ce$export$29d28dadc2d6b631(ev))
                 // not button 0 or cmd/ctrl click
                 return;
               ev.preventDefault();
@@ -1104,7 +1156,7 @@ function $210882b9ebe2b1d8$export$e872e2339fb04a7f(_ref) {
       $52FdA$solidjsweb.use(element => element.addEventListener("click", $52FdA$depictaiutilishared.catchify(ev => {
         // Viskan's Oscar Jacobson site requires us to add the event listener normally here. They do too much when this element is clicked. We work around it by blocking the event and just dispatching it non-bubbling on this element.
         if (is_query()) {
-          if (ev.button || ev.metaKey || ev.ctrlKey)
+          if ($9ca08bcacbc598ce$export$29d28dadc2d6b631(ev))
             // not button 0 or cmd/ctrl click
             return;
           const input = input_obj();
@@ -1320,8 +1372,8 @@ function $210882b9ebe2b1d8$export$e872e2339fb04a7f(_ref) {
 }
 var $1730e5b4d47679a3$var$_tmpl$ = /*#__PURE__*/$52FdA$solidjsweb.template(`<a target=_blank>`);
 function $1730e5b4d47679a3$export$1efe1013da60d0e4(e, href) {
-  if (e.metaKey || e.ctrlKey) {
-    // Open link in a new tab with cmd/ctrl + enter.
+  if (e.metaKey || e.ctrlKey || e.shiftKey) {
+    // Open link in a new tab/window with cmd/ctrl + enter.
     const link = (() => {
       var _el$ = $52FdA$solidjsweb.getNextElement($1730e5b4d47679a3$var$_tmpl$);
       $52FdA$solidjsweb.setAttribute(_el$, "href", href);
@@ -3386,7 +3438,7 @@ function $79a8fa74cb5cdfb9$export$d4994a86c6235f72(_ref) {
                       });
                       return;
                     }
-                    if (ev.button || ev.metaKey || ev.ctrlKey) return; // not button 0 or cmd/ctrl click
+                    if ($9ca08bcacbc598ce$export$29d28dadc2d6b631(ev)) return; // not button 0 or cmd/ctrl click
                     ev.preventDefault();
                     submit_query_(itemContents.title_);
                   }));
@@ -4321,46 +4373,6 @@ function $367b536a2a94d24e$var$history_state_change(signals, entries, state) {
     }
   });
 }
-const $cfcd56242923775d$export$3064e1e8c6513da3 = new Set();
-let $cfcd56242923775d$var$has_ran = false;
-function $cfcd56242923775d$export$5162a71f252e6122() {
-  if ($cfcd56242923775d$var$has_ran || typeof history !== "object") return;
-  $cfcd56242923775d$var$has_ran = true;
-  for (const function_name of ["replaceState", "pushState"]) {
-    if (Object.getOwnPropertyNames(history).includes(function_name)) $cfcd56242923775d$var$proxy_push_state(function_name, history);
-    $cfcd56242923775d$var$proxy_push_state(function_name, History.prototype);
-  }
-}
-function $cfcd56242923775d$var$proxy_push_state(function_name, thing) {
-  thing[function_name] = new Proxy(thing[function_name], {
-    apply(target, this_arg, arg_list) {
-      try {
-        const old_state = history.state;
-        if (typeof old_state == "object" && old_state !== null) {
-          var _arg_list$;
-          // This effectively disallows the user from passing in a string, number, null or undefined
-          const intended_new_value_as_obj = typeof arg_list[0] === "object" ? (_arg_list$ = arg_list[0]) !== null && _arg_list$ !== void 0 ? _arg_list$ : {} : {};
-          const cloned_object = {
-            ...intended_new_value_as_obj
-          };
-          for (const key in old_state) {
-            if (!$cfcd56242923775d$var$starts_with_any_prefix(key)) continue;
-            if (!(key in cloned_object)) cloned_object[key] = old_state[key];
-          }
-          arg_list[0] = cloned_object;
-        }
-      } catch (e) {
-        $52FdA$depictaiutilishared.report([e, "Failed to preserve items in history.state"], "error");
-      }
-      return Reflect.apply(target, this_arg, arg_list);
-    }
-  });
-}
-function $cfcd56242923775d$var$starts_with_any_prefix(key) {
-  for (const prefix of $cfcd56242923775d$export$3064e1e8c6513da3) {
-    if (key.startsWith(prefix)) return true;
-  }
-}
 function $73014ff36186a4dd$var$_classPrivateMethodInitSpec(obj, privateSet) {
   $73014ff36186a4dd$var$_checkPrivateRedeclaration(obj, privateSet);
   privateSet.add(obj);
@@ -4373,7 +4385,6 @@ function $73014ff36186a4dd$var$_classPrivateMethodGet(receiver, privateSet, fn)
   return fn;
 }
 var $73014ff36186a4dd$var$_throwing_on_navigation = /*#__PURE__*/new WeakSet();
-var $73014ff36186a4dd$var$_dont_attempt_navigation = /*#__PURE__*/new WeakSet();
 var $73014ff36186a4dd$var$_get_navigation_happened_promise = /*#__PURE__*/new WeakSet();
 class $73014ff36186a4dd$export$7e1297a3a19f10d8 {
   /**
@@ -4381,14 +4392,11 @@ class $73014ff36186a4dd$export$7e1297a3a19f10d8 {
   */ /**
      * We store listing_id in history.state and do operate on this both here and in js-ui, this is the key to be used which js-ui provides
      */ /**
-        * Checks if this tab shouldn't navigate because user wants to open in new tab
-        */ /**
-           * Vue has async router that needs to be awaited (it navigates after a microtask)
-           * This standardises waiting for all kinds of routers
-           */
+        * Vue has async router that needs to be awaited (it navigates after a microtask)
+        * This standardises waiting for all kinds of routers
+        */
   constructor(on_navigation, listing_query_state_key) {
     $73014ff36186a4dd$var$_classPrivateMethodInitSpec(this, $73014ff36186a4dd$var$_get_navigation_happened_promise);
-    $73014ff36186a4dd$var$_classPrivateMethodInitSpec(this, $73014ff36186a4dd$var$_dont_attempt_navigation);
     $73014ff36186a4dd$var$_classPrivateMethodInitSpec(this, $73014ff36186a4dd$var$_throwing_on_navigation);
     $parcel$interopDefault($52FdA$babelruntimehelpersdefineProperty)(this, "on_navigation_", void 0);
     $parcel$interopDefault($52FdA$babelruntimehelpersdefineProperty)(this, "listing_query_state_key", void 0);
@@ -4420,7 +4428,7 @@ class $73014ff36186a4dd$export$7e1297a3a19f10d8 {
         } = _ref;
         const new_url_ = raw_new_url instanceof URL ? raw_new_url : new URL(raw_new_url, location.origin);
         const wants_hard_navigation = this.on_navigation_ === "hard_navigation";
-        if ($73014ff36186a4dd$var$_classPrivateMethodGet(this, $73014ff36186a4dd$var$_dont_attempt_navigation, $73014ff36186a4dd$var$_dont_attempt_navigation2).call(this, event_)) return;
+        if ($9ca08bcacbc598ce$export$29d28dadc2d6b631(event_)) return;
         const different_origin = new_url_.origin !== location.origin;
         if (wants_hard_navigation && (!force_spa_navigation_ || different_origin)) {
           if (force_spa_navigation_ && different_origin)
@@ -4468,9 +4476,6 @@ function $73014ff36186a4dd$var$_throwing_on_navigation2() {
     });
   }
 }
-function $73014ff36186a4dd$var$_dont_attempt_navigation2(ev) {
-  return (ev === null || ev === void 0 ? void 0 : ev.button) || (ev === null || ev === void 0 ? void 0 : ev.metaKey) || (ev === null || ev === void 0 ? void 0 : ev.ctrlKey);
-}
 function $73014ff36186a4dd$var$_get_navigation_happened_promise2(is_replace) {
   return new Promise(resolve => {
     const handler = what_happened => {
@@ -9799,7 +9804,7 @@ function $c749e60bca5000cb$export$cb5808ba002cdeed(_ref) {
     }) : when_filters_closed_cols;
   });
 }
-function $85fcdab554c24789$export$a79e666719b3647c(cols_at_size_) {
+function $478e5a09664da64c$export$a79e666719b3647c(cols_at_size_) {
   const size_active = $52FdA$solidjs.createMemo(() => cols_at_size_().map(_ref => {
     let [n_cols, min_width, max_width] = _ref;
     const media_query = $52FdA$depictaiutilishared.layout_media_query_header(min_width, max_width).replaceAll("@media", "");
@@ -9829,7 +9834,7 @@ function $f8f375d6245ffff2$export$791ef57e62e21c3f(_ref) {
   } = _ref;
   // these are by row
   const [content_blocks, set_content_blocks] = $52FdA$solidjsstore.createStore([]);
-  const n_cols_currently_showing_ = $85fcdab554c24789$export$a79e666719b3647c(cols_at_size_);
+  const n_cols_currently_showing_ = $478e5a09664da64c$export$a79e666719b3647c(cols_at_size_);
   $52FdA$solidjs.createEffect(() => {
     const incoming_value = incoming_content_blocks();
     if (!incoming_value) {
@@ -10830,9 +10835,13 @@ function $f70cc6dfcadf0fd5$export$d7841e452f2e59a8(_ref) {
     });
     const meta_of_currently_selected_sorting_ = $52FdA$solidjs.createMemo(() => {
       var _available_sortings_, _available_sortings_$, _available_sortings_$2;
-      return (_available_sortings_ = available_sortings_()) === null || _available_sortings_ === void 0 ? void 0 : (_available_sortings_$ = _available_sortings_.find) === null || _available_sortings_$ === void 0 ? void 0 : (_available_sortings_$2 = _available_sortings_$.call(_available_sortings_, sorting => {
-        var _get_current_sorting_;
-        return sorting.field === ((_get_current_sorting_ = get_current_sorting_()) === null || _get_current_sorting_ === void 0 ? void 0 : _get_current_sorting_.field);
+      return (_available_sortings_ = available_sortings_()) === null || _available_sortings_ === void 0 ? void 0 : (_available_sortings_$ = _available_sortings_.find) === null || _available_sortings_$ === void 0 ? void 0 : (_available_sortings_$2 = _available_sortings_$.call(_available_sortings_, _ref2 => {
+        let {
+          field: field,
+          order: order
+        } = _ref2;
+        const current = get_current_sorting_();
+        return (current === null || current === void 0 ? void 0 : current.field) === field && (current === null || current === void 0 ? void 0 : current.order) === order;
       })) === null || _available_sortings_$2 === void 0 ? void 0 : _available_sortings_$2.meta;
     });
     const filter_options = {
@@ -10944,10 +10953,10 @@ function $f70cc6dfcadf0fd5$export$d7841e452f2e59a8(_ref) {
       }));
       const {
         remove: remove
-      } = $52FdA$depictaiutilishared.javascript_media_query("(max-width:651px)", _ref2 => {
+      } = $52FdA$depictaiutilishared.javascript_media_query("(max-width:651px)", _ref3 => {
         let {
           matches: matches
-        } = _ref2;
+        } = _ref3;
         return set_is_small(matches);
       });
       cleanup_promise.then(remove);
@@ -10992,7 +11001,7 @@ function $f70cc6dfcadf0fd5$export$d7841e452f2e59a8(_ref) {
     }
   });
 }
-function $f70cc6dfcadf0fd5$var$OpenFiltersButton(_ref3) {
+function $f70cc6dfcadf0fd5$var$OpenFiltersButton(_ref4) {
   let {
     i18n_: i18n_,
     search_filters_open_: search_filters_open_,
@@ -11001,7 +11010,7 @@ function $f70cc6dfcadf0fd5$var$OpenFiltersButton(_ref3) {
     tabindex_: tabindex_,
     number_of_rendered_selected_filters_items_: [num_selected_filters],
     hide_button_: hide_button_
-  } = _ref3;
+  } = _ref4;
   const filters_closed = $52FdA$solidjs.createMemo(() => !search_filters_open_[0]());
   // We assume in embedded_num_products that this is a single HTMLElement so pls change there if you change it here
   return (() => {
@@ -11072,7 +11081,7 @@ function $f70cc6dfcadf0fd5$var$OpenFiltersButton(_ref3) {
     return _el$14;
   })();
 }
-function $f70cc6dfcadf0fd5$var$OpenSortingButton(_ref4) {
+function $f70cc6dfcadf0fd5$var$OpenSortingButton(_ref5) {
   let {
     i18n_: i18n_,
     get_current_sorting_: get_current_sorting_,
@@ -11082,7 +11091,7 @@ function $f70cc6dfcadf0fd5$var$OpenSortingButton(_ref4) {
     sort_button_width_: sort_button_width_,
     tabindex_: tabindex_,
     meta_of_currently_selected_sorting_: meta_of_currently_selected_sorting_
-  } = _ref4;
+  } = _ref5;
   const sorting_closed = $52FdA$solidjs.createMemo(() => !search_sorting_open_[0]());
   // We assume in embedded_num_products that this is a single HTMLElement so pls change there if you change it here
   return (() => {
@@ -11120,8 +11129,8 @@ function $f70cc6dfcadf0fd5$var$OpenSortingButton(_ref4) {
       },
       get children() {
         return $52FdA$solidjsweb.memo(() => {
-          var _get_current_sorting_2;
-          return ((_get_current_sorting_2 = get_current_sorting_()) === null || _get_current_sorting_2 === void 0 ? void 0 : _get_current_sorting_2.order) === "asc";
+          var _get_current_sorting_;
+          return ((_get_current_sorting_ = get_current_sorting_()) === null || _get_current_sorting_ === void 0 ? void 0 : _get_current_sorting_.order) === "asc";
         })() ? $52FdA$solidjsweb.createComponent((0, $0b45ba458cbff67a$export$da32f7add8a22e86), {}) : $52FdA$solidjsweb.createComponent((0, $549632402b57d811$export$d10e63059ddb9fd4), {});
       }
     }), _el$25, _co$6);
@@ -11474,9 +11483,9 @@ function $21a004c2e7bd4c16$export$466cdc317043f6cb(_ref) {
                 var _el$3 = $52FdA$solidjsweb.getNextElement($21a004c2e7bd4c16$var$_tmpl$3);
                 $52FdA$solidjsweb.addEventListener(_el$3, "click", $52FdA$depictaiutilishared.catchify(ev => {
                   const url = href();
-                  if (is_selected() && !ev.metaKey && !ev.ctrlKey && !ev.button || !url)
+                  if (is_selected() && !$9ca08bcacbc598ce$export$29d28dadc2d6b631(ev) || !url)
                     // allow open currently selected one in new tab but otherwise prevent clicks
-                    ev.preventDefault();else if (href()) router_.navigate_.go_to_({
+                    ev.preventDefault();else if (url) router_.navigate_.go_to_({
                     new_url_: url,
                     is_replace_: false,
                     event_: ev,

package/ES10/index.d.ts

@@ -10,7 +10,17 @@ import { ProductListingRequestV3 } from "@depict-ai/types/api/ProductListingRequ
 import { GetListingRequest } from "@depict-ai/types/api/GetListingRequest";
 import { BaseSearchRequestV3 } from "@depict-ai/types/api/BaseSearchRequestV3";
 import { SearchFilter as _SearchFilter2 } from "@depict-ai/types/api/SearchRequestV2";
-export const version = "4.0.24";
+export const version = "4.0.26";
+export const prefixes_to_preserve_in_history_dot_state: Set<string>;
+/**
+ * Prevent, usually SPAs, from deleting our stuff from history.state when they call history.pushState with a new object they have constructed. This will only run once no matter how often it's called.
+ */
+export function preserve_items_in_history_dot_state(): void;
+/**
+ * This function is used to determine if the user is trying to open a link in a new tab or window, and we therefore should not single page navigate
+ * @param clickEvent The click event that triggered the navigation
+ */
+export function allowNativeNavigation(clickEvent?: MouseEvent): number | boolean | undefined;
 /**
  * Symbol used to identify the version of a SearchModal function. Values right now: 1 = 1st gen classic modal, 2 = second gen modal
  */