@depict-ai/ui 4.3.14 → 4.4.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/latest/index.cjs CHANGED
@@ -94,7 +94,7 @@ $parcel$export(module.exports, "BreadCrumbs", () => $1f4925833f07df29$export$5b7
94
94
  $parcel$export(module.exports, "QuickLinks", () => $1f4925833f07df29$export$de035477d6fef996);
95
95
  $parcel$export(module.exports, "CategoryPage", () => $14f289047713d67a$export$e2bf8ce7779e827e);
96
96
  /*! Depict.ai search and product listing SDK */
97
- const $b757f75811f3261f$export$83d89fbfd8236492 = "4.3.14";
97
+ const $b757f75811f3261f$export$83d89fbfd8236492 = "4.4.1";
98
98
  const $4e04be41243c3d80$var$transform_elements = sorted_cols_at_size => {
99
99
  const cols_at_size = [];
100
100
  for (let i = 0; i < sorted_cols_at_size.length; i++) {
@@ -3411,9 +3411,12 @@ let $0b6e2070a98de347$export$44dad306455dddf;
3411
3411
  DEPICT_ID["PLP_CATEGORY"] = "depict-plp-category";
3412
3412
  })($0b6e2070a98de347$export$44dad306455dddf || ($0b6e2070a98de347$export$44dad306455dddf = {}));
3413
3413
  var $66b8b9a9613c141d$var$_tmpl$ = /*#__PURE__*/$gVhhF$solidjsweb.template(`<button class=back type=button>`),
3414
- $66b8b9a9613c141d$var$_tmpl$2 = /*#__PURE__*/$gVhhF$solidjsweb.template(`<div class=search-field role=search><!$><!/><div class=field><input class=query tabindex=0><button type=button class=clear></button></div><button class="submit major"type=button>`);
3414
+ $66b8b9a9613c141d$var$_tmpl$2 = /*#__PURE__*/$gVhhF$solidjsweb.template(`<button type=button class=clear>`),
3415
+ $66b8b9a9613c141d$var$_tmpl$3 = /*#__PURE__*/$gVhhF$solidjsweb.template(`<div class=spacer>`),
3416
+ $66b8b9a9613c141d$var$_tmpl$4 = /*#__PURE__*/$gVhhF$solidjsweb.template(`<button class="submit major"type=button>`),
3417
+ $66b8b9a9613c141d$var$_tmpl$5 = /*#__PURE__*/$gVhhF$solidjsweb.template(`<div class=search-field role=search><!$><!/><!$><!/><div class=field><!$><!/><input class=query tabindex=0><!$><!/></div><!$><!/><!$><!/>`);
3415
3418
  function $66b8b9a9613c141d$export$b94867ecbd698f21({
3416
- search_field_value_: search_field_value_,
3419
+ search_field_value_: [searchFieldValue, setSearchFieldValue],
3417
3420
  input_field_ref_: input_field_ref_,
3418
3421
  field_element_ref_: field_element_ref_,
3419
3422
  submit_query_: submit_query_,
@@ -3424,7 +3427,7 @@ function $66b8b9a9613c141d$export$b94867ecbd698f21({
3424
3427
  i18n_: i18n_,
3425
3428
  after_focusing_: after_focusing_,
3426
3429
  BackIcon_: BackIcon_,
3427
- submit_button_ref_: submit_button_ref_
3430
+ buttonInFieldRef_: buttonInFieldRef_
3428
3431
  }) {
3429
3432
  let input_element;
3430
3433
  // This is the div where we recommend (and ourselves do) attach the event listener to that opens the search modal.
@@ -3438,30 +3441,104 @@ function $66b8b9a9613c141d$export$b94867ecbd698f21({
3438
3441
  })); // focus field on render
3439
3442
  const owner_of_field_element = $gVhhF$solidjs.getOwner();
3440
3443
  const isNewModal = BackIcon_[(0, $ad1fa088e5509cca$export$1ea76ea778b880dd)] === 2;
3444
+ const [backButtonWidthAccessor, setBackButtonWidthAccessor] = $gVhhF$solidjs.createSignal();
3445
+ const getBackButtonWidth = () => backButtonWidthAccessor()?.();
3446
+ const searchFieldEmpty = $gVhhF$solidjs.createMemo(() => !searchFieldValue());
3447
+ const BackButton = () => $gVhhF$solidjsweb.createComponent((0, $gVhhF$solidjs.Show), {
3448
+ when: on_back_,
3449
+ get children() {
3450
+ var _el$ = $gVhhF$solidjsweb.getNextElement($66b8b9a9613c141d$var$_tmpl$);
3451
+ $gVhhF$solidjsweb.spread(_el$, $gVhhF$solidjsweb.mergeProps({
3452
+ get onClick() {
3453
+ return $gVhhF$depictaiutilishared.catchify(on_back_);
3454
+ },
3455
+ get ["aria-label"]() {
3456
+ return i18n_.back_();
3457
+ }
3458
+ }, isNewModal && {
3459
+ ref: el => {
3460
+ setBackButtonWidthAccessor(() => $f13855d1b951b24a$export$ebdc3711f7e02ccd(el));
3461
+ $gVhhF$solidjs.onCleanup(() => setBackButtonWidthAccessor());
3462
+ }
3463
+ }), false, true);
3464
+ $gVhhF$solidjsweb.insert(_el$, isNewModal ? $gVhhF$solidjsweb.createComponent((0, $c77c68e559a1506c$export$3b621d86b1566b2), {}) : $gVhhF$solidjsweb.createComponent(BackIcon_, {}));
3465
+ $gVhhF$solidjsweb.runHydrationEvents();
3466
+ return _el$;
3467
+ }
3468
+ });
3469
+ const ClearButton = () => (() => {
3470
+ var _el$2 = $gVhhF$solidjsweb.getNextElement($66b8b9a9613c141d$var$_tmpl$2);
3471
+ var _ref$ = buttonInFieldRef_;
3472
+ typeof _ref$ === "function" ? $gVhhF$solidjsweb.use(_ref$, _el$2) : buttonInFieldRef_ = _el$2;
3473
+ $gVhhF$solidjsweb.spread(_el$2, $gVhhF$solidjsweb.mergeProps({
3474
+ get classList() {
3475
+ return {
3476
+ empty: searchFieldEmpty()
3477
+ };
3478
+ },
3479
+ get style() {
3480
+ return isNewModal || !searchFieldEmpty() ? "" : "display: none";
3481
+ },
3482
+ get onClick() {
3483
+ return $gVhhF$depictaiutilishared.catchify(() => {
3484
+ if (isNewModal && searchFieldEmpty()) return;
3485
+ setSearchFieldValue("");
3486
+ clear_filters_(true);
3487
+ if (!disabled_) input_element.focus();
3488
+ });
3489
+ }
3490
+ }, () => searchFieldEmpty() ? {
3491
+ "aria-hidden": "true"
3492
+ } : {
3493
+ title: i18n_.clear_filters_query_sorting_after_submit_()
3494
+ }), false, true);
3495
+ $gVhhF$solidjsweb.insert(_el$2, isNewModal ? $gVhhF$solidjsweb.createComponent((0, $gVhhF$solidjs.Show), {
3496
+ get when() {
3497
+ return !searchFieldEmpty();
3498
+ },
3499
+ get fallback() {
3500
+ return $gVhhF$solidjsweb.createComponent((0, $87d7574e1d89d69b$export$82eafebb825fc23f), {});
3501
+ },
3502
+ get children() {
3503
+ return $gVhhF$solidjsweb.createComponent(BackIcon_, {});
3504
+ }
3505
+ }) : $gVhhF$solidjsweb.createComponent((0, $c77c68e559a1506c$export$3b621d86b1566b2), {}));
3506
+ $gVhhF$solidjsweb.runHydrationEvents();
3507
+ return _el$2;
3508
+ })();
3441
3509
  return (() => {
3442
- var _el$ = $gVhhF$solidjsweb.getNextElement($66b8b9a9613c141d$var$_tmpl$2),
3443
- _el$7 = _el$.firstChild,
3510
+ var _el$3 = $gVhhF$solidjsweb.getNextElement($66b8b9a9613c141d$var$_tmpl$5),
3511
+ _el$12 = _el$3.firstChild,
3512
+ [_el$13, _co$3] = $gVhhF$solidjsweb.getNextMarker(_el$12.nextSibling),
3513
+ _el$14 = _el$13.nextSibling,
3514
+ [_el$15, _co$4] = $gVhhF$solidjsweb.getNextMarker(_el$14.nextSibling),
3515
+ _el$5 = _el$15.nextSibling,
3516
+ _el$7 = _el$5.firstChild,
3444
3517
  [_el$8, _co$] = $gVhhF$solidjsweb.getNextMarker(_el$7.nextSibling),
3445
- _el$3 = _el$8.nextSibling,
3446
- _el$4 = _el$3.firstChild,
3447
- _el$5 = _el$4.nextSibling,
3448
- _el$6 = _el$3.nextSibling;
3449
- $gVhhF$solidjsweb.insert(_el$, $gVhhF$solidjsweb.createComponent((0, $gVhhF$solidjs.Show), {
3450
- when: on_back_,
3518
+ _el$6 = _el$8.nextSibling,
3519
+ _el$9 = _el$6.nextSibling,
3520
+ [_el$10, _co$2] = $gVhhF$solidjsweb.getNextMarker(_el$9.nextSibling),
3521
+ _el$16 = _el$5.nextSibling,
3522
+ [_el$17, _co$5] = $gVhhF$solidjsweb.getNextMarker(_el$16.nextSibling),
3523
+ _el$18 = _el$17.nextSibling,
3524
+ [_el$19, _co$6] = $gVhhF$solidjsweb.getNextMarker(_el$18.nextSibling);
3525
+ _el$3.classList.toggle("in-modal", !!!!on_back_);
3526
+ $gVhhF$solidjsweb.insert(_el$3, $gVhhF$solidjsweb.createComponent((0, $gVhhF$solidjs.Show), {
3527
+ get when() {
3528
+ return getBackButtonWidth() !== undefined && on_back_;
3529
+ },
3451
3530
  get children() {
3452
- var _el$2 = $gVhhF$solidjsweb.getNextElement($66b8b9a9613c141d$var$_tmpl$);
3453
- $gVhhF$solidjsweb.addEventListener(_el$2, "click", $gVhhF$depictaiutilishared.catchify(on_back_), true);
3454
- $gVhhF$solidjsweb.insert(_el$2, $gVhhF$solidjsweb.createComponent(BackIcon_, {}));
3455
- $gVhhF$solidjsweb.effect(() => $gVhhF$solidjsweb.setAttribute(_el$2, "aria-label", i18n_.back_()));
3456
- $gVhhF$solidjsweb.runHydrationEvents();
3457
- return _el$2;
3531
+ var _el$4 = $gVhhF$solidjsweb.getNextElement($66b8b9a9613c141d$var$_tmpl$3);
3532
+ $gVhhF$solidjsweb.effect(() => (getBackButtonWidth(), _el$4.style.setProperty("width", getBackButtonWidth() + "px")));
3533
+ return _el$4;
3458
3534
  }
3459
- }), _el$8, _co$);
3535
+ }), _el$13, _co$3);
3536
+ $gVhhF$solidjsweb.insert(_el$3, !isNewModal && $gVhhF$solidjsweb.createComponent(BackButton, {}), _el$15, _co$4);
3460
3537
  $gVhhF$solidjsweb.use(el => {
3461
3538
  field_div = el;
3462
3539
  field_element_ref_?.(el);
3463
- }, _el$3);
3464
- $gVhhF$solidjsweb.addEventListener(_el$3, "click", $gVhhF$depictaiutilishared.catchify(({
3540
+ }, _el$5);
3541
+ $gVhhF$solidjsweb.addEventListener(_el$5, "click", $gVhhF$depictaiutilishared.catchify(({
3465
3542
  target: target,
3466
3543
  currentTarget: currentTarget,
3467
3544
  detail: detail
@@ -3485,7 +3562,8 @@ function $66b8b9a9613c141d$export$b94867ecbd698f21({
3485
3562
  }
3486
3563
  }
3487
3564
  }), true);
3488
- _el$4.$$pointerdown = ({
3565
+ $gVhhF$solidjsweb.insert(_el$5, isNewModal && $gVhhF$solidjsweb.createComponent(ClearButton, {}), _el$8, _co$);
3566
+ _el$6.$$pointerdown = ({
3489
3567
  pointerType: pointerType
3490
3568
  }) => {
3491
3569
  // When selecting text with a mouse we want a SearchField to be focussed even when releasing the mouse outside the .field element (we assume the event listener which opens the modal is attached to that).
@@ -3503,7 +3581,7 @@ function $66b8b9a9613c141d$export$b94867ecbd698f21({
3503
3581
  $gVhhF$solidjs.runWithOwner(owner_of_field_element, () => $gVhhF$solidjs.onCleanup(() => window.removeEventListener("pointerup", handler)));
3504
3582
  }
3505
3583
  };
3506
- $gVhhF$solidjsweb.addEventListener(_el$4, "select", $gVhhF$depictaiutilishared.catchify(() => {
3584
+ $gVhhF$solidjsweb.addEventListener(_el$6, "select", $gVhhF$depictaiutilishared.catchify(() => {
3507
3585
  if (disabled_)
3508
3586
  // just in case. The field not actually being disabled when being disabled_ is so that you can focus it and open the modal. We don't want any of the other input-field-interaction features to work
3509
3587
  return;
@@ -3515,14 +3593,14 @@ function $66b8b9a9613c141d$export$b94867ecbd698f21({
3515
3593
  once: true
3516
3594
  });
3517
3595
  }));
3518
- $gVhhF$solidjsweb.addEventListener(_el$4, "input", $gVhhF$depictaiutilishared.catchify(() => {
3596
+ $gVhhF$solidjsweb.addEventListener(_el$6, "input", $gVhhF$depictaiutilishared.catchify(() => {
3519
3597
  const {
3520
3598
  value: value
3521
3599
  } = input_element;
3522
3600
  if (!disabled_ && !value.length) clear_filters_(false); // if the user clears the whole field, reset filters on next submit
3523
- search_field_value_[1](value);
3601
+ setSearchFieldValue(value);
3524
3602
  }), true);
3525
- $gVhhF$solidjsweb.addEventListener(_el$4, "keydown", $gVhhF$depictaiutilishared.catchify(e => {
3603
+ $gVhhF$solidjsweb.addEventListener(_el$6, "keydown", $gVhhF$depictaiutilishared.catchify(e => {
3526
3604
  if (disabled_) {
3527
3605
  if (e.key !== "Tab" && e.key !== "Shift")
3528
3606
  // alow tab-selecting the input field and then open the modal when the user start writing but also to move past the field with tab
@@ -3532,49 +3610,38 @@ function $66b8b9a9613c141d$export$b94867ecbd698f21({
3532
3610
  if (!dont_submit) submit_query_();
3533
3611
  }
3534
3612
  }), true);
3535
- var _ref$ = $gVhhF$depictaiutilishared.catchify(el => {
3613
+ var _ref$2 = $gVhhF$depictaiutilishared.catchify(el => {
3536
3614
  input_element = el;
3537
3615
  input_field_ref_?.(el);
3538
3616
  });
3539
- typeof _ref$ === "function" && $gVhhF$solidjsweb.use(_ref$, _el$4);
3540
- _el$4.classList.toggle("has-adjacent-back-button", !!!!on_back_);
3541
- $gVhhF$solidjsweb.addEventListener(_el$5, "click", $gVhhF$depictaiutilishared.catchify(() => {
3542
- search_field_value_[1]("");
3543
- clear_filters_(true);
3544
- if (!disabled_) input_element.focus();
3545
- }), true);
3546
- $gVhhF$solidjsweb.insert(_el$5, $gVhhF$solidjsweb.createComponent((0, $c77c68e559a1506c$export$3b621d86b1566b2), {}));
3547
- var _ref$2 = submit_button_ref_;
3548
- typeof _ref$2 === "function" ? $gVhhF$solidjsweb.use(_ref$2, _el$6) : submit_button_ref_ = _el$6;
3549
- $gVhhF$solidjsweb.spread(_el$6, $gVhhF$solidjsweb.mergeProps({
3550
- get onClick() {
3551
- return $gVhhF$depictaiutilishared.catchify(() => submit_query_());
3617
+ typeof _ref$2 === "function" && $gVhhF$solidjsweb.use(_ref$2, _el$6);
3618
+ _el$6.classList.toggle("has-adjacent-back-button", !!!!on_back_);
3619
+ $gVhhF$solidjsweb.insert(_el$5, !isNewModal && $gVhhF$solidjsweb.createComponent(ClearButton, {}), _el$10, _co$2);
3620
+ $gVhhF$solidjsweb.insert(_el$3, isNewModal && $gVhhF$solidjsweb.createComponent(BackButton, {}), _el$17, _co$5);
3621
+ $gVhhF$solidjsweb.insert(_el$3, $gVhhF$solidjsweb.createComponent((0, $gVhhF$solidjs.Show), {
3622
+ when: !isNewModal,
3623
+ get children() {
3624
+ var _el$11 = $gVhhF$solidjsweb.getNextElement($66b8b9a9613c141d$var$_tmpl$4);
3625
+ $gVhhF$solidjsweb.addEventListener(_el$11, "click", $gVhhF$depictaiutilishared.catchify(() => submit_query_()), true);
3626
+ $gVhhF$solidjsweb.insert(_el$11, $gVhhF$solidjsweb.createComponent((0, $87d7574e1d89d69b$export$82eafebb825fc23f), {}));
3627
+ $gVhhF$solidjsweb.effect(() => $gVhhF$solidjsweb.setAttribute(_el$11, "aria-label", i18n_.search_submit_button_aria_label_()));
3628
+ $gVhhF$solidjsweb.runHydrationEvents();
3629
+ return _el$11;
3552
3630
  }
3553
- }, () => isNewModal ? {
3554
- tabindex: "-1"
3555
- } : {
3556
- "aria-label": i18n_.search_submit_button_aria_label_()
3557
- }), false, true);
3558
- $gVhhF$solidjsweb.insert(_el$6, $gVhhF$solidjsweb.createComponent((0, $87d7574e1d89d69b$export$82eafebb825fc23f), {}));
3631
+ }), _el$19, _co$6);
3559
3632
  $gVhhF$solidjsweb.effect(_p$ => {
3560
3633
  var _v$ = i18n_.search_field_field_aria_label_(),
3561
- _v$2 = i18n_.placeholder_text_(),
3562
- _v$3 = i18n_.clear_filters_query_sorting_after_submit_(),
3563
- _v$4 = $gVhhF$solidjs.createMemo(() => search_field_value_[0]() ? "" : "display: none")();
3564
- _v$ !== _p$.e && $gVhhF$solidjsweb.setAttribute(_el$4, "aria-label", _p$.e = _v$);
3565
- _v$2 !== _p$.t && $gVhhF$solidjsweb.setAttribute(_el$4, "placeholder", _p$.t = _v$2);
3566
- _v$3 !== _p$.a && $gVhhF$solidjsweb.setAttribute(_el$5, "title", _p$.a = _v$3);
3567
- _p$.o = $gVhhF$solidjsweb.style(_el$5, _v$4, _p$.o);
3634
+ _v$2 = i18n_.placeholder_text_();
3635
+ _v$ !== _p$.e && $gVhhF$solidjsweb.setAttribute(_el$6, "aria-label", _p$.e = _v$);
3636
+ _v$2 !== _p$.t && $gVhhF$solidjsweb.setAttribute(_el$6, "placeholder", _p$.t = _v$2);
3568
3637
  return _p$;
3569
3638
  }, {
3570
3639
  e: undefined,
3571
- t: undefined,
3572
- a: undefined,
3573
- o: undefined
3640
+ t: undefined
3574
3641
  });
3575
- $gVhhF$solidjsweb.effect(() => $gVhhF$solidjsweb.setProperty(_el$4, "value", search_field_value_[0]()));
3642
+ $gVhhF$solidjsweb.effect(() => $gVhhF$solidjsweb.setProperty(_el$6, "value", searchFieldValue()));
3576
3643
  $gVhhF$solidjsweb.runHydrationEvents();
3577
- return _el$;
3644
+ return _el$3;
3578
3645
  })();
3579
3646
  }
3580
3647
  $gVhhF$solidjsweb.delegateEvents(["click", "keydown", "input", "pointerdown"]);
@@ -3754,7 +3821,7 @@ function $44f0b2e312a9b710$var$RawClassicSearchModal({
3754
3821
  };
3755
3822
  });
3756
3823
  const search_field = $66b8b9a9613c141d$export$b94867ecbd698f21({
3757
- BackIcon_: () => $gVhhF$solidjsweb.createComponent((0, $610b584d4f54699e$export$8d8893ffd8aca39a), {}),
3824
+ BackIcon_: (0, $610b584d4f54699e$export$8d8893ffd8aca39a),
3758
3825
  input_field_ref_: element => set_input_field(element),
3759
3826
  override_on_enter_: e => on_enter_in_search_field_function?.(e),
3760
3827
  on_back_: close_modal_,
@@ -3770,7 +3837,6 @@ function $44f0b2e312a9b710$var$RawClassicSearchModal({
3770
3837
  input_el.setSelectionRange(start, end);
3771
3838
  }
3772
3839
  });
3773
- search_field.classList.add("in-modal");
3774
3840
  const modal_element = (() => {
3775
3841
  var _el$4 = $gVhhF$solidjsweb.getNextElement($44f0b2e312a9b710$var$_tmpl$3),
3776
3842
  _el$5 = _el$4.firstChild,
@@ -4994,7 +5060,7 @@ function $11597ae03e703a47$var$RawSearchModalV2({
4994
5060
  return _el$7;
4995
5061
  })();
4996
5062
  const search_field = $66b8b9a9613c141d$export$b94867ecbd698f21({
4997
- BackIcon_: () => $gVhhF$solidjsweb.createComponent((0, $b8660a70353e03cf$export$11e9f390c90a537f), {}),
5063
+ BackIcon_: (0, $b8660a70353e03cf$export$11e9f390c90a537f),
4998
5064
  input_field_ref_: element => set_input_field(element),
4999
5065
  override_on_enter_: e => on_enter_in_search_field_function?.(e),
5000
5066
  on_back_: close_modal_,
@@ -5010,7 +5076,6 @@ function $11597ae03e703a47$var$RawSearchModalV2({
5010
5076
  input_el.setSelectionRange(start, end);
5011
5077
  }
5012
5078
  });
5013
- search_field.classList.add("in-modal");
5014
5079
  if (setSearchFieldOuterWidth_) {
5015
5080
  const resizeObserver = new ResizeObserver($gVhhF$depictaiutilishared.catchify(records => setSearchFieldOuterWidth_(records.at(-1).contentRect.width)));
5016
5081
  resizeObserver.observe(search_field);
@@ -12753,7 +12818,7 @@ function $5cbaffcb5602e671$export$44f738469d5570cf({
12753
12818
  bodyAlignmentSignal_: [, setBodyAlignment_],
12754
12819
  backdropStyleSignal_: [, setBackdropStyle_],
12755
12820
  setPollAlignment_: setPollAlignment_,
12756
- submitButton_: submitButton_,
12821
+ buttonInField_: buttonInField_,
12757
12822
  modalSearchFieldOuterWidth_: modalSearchFieldOuterWidth_
12758
12823
  }) {
12759
12824
  return $gVhhF$solidjs.createRoot(dispose => {
@@ -12800,7 +12865,7 @@ function $5cbaffcb5602e671$export$44f738469d5570cf({
12800
12865
  const closeDuration_ = pxOffCenter > 100 ? 150 : 100;
12801
12866
  setPollAlignment_(true);
12802
12867
  // Fade out submit button so there aren't two overlapping buttons for a split second
12803
- submitButton_.animate([{
12868
+ if (pxOffCenter > 10) buttonInField_.animate([{
12804
12869
  opacity: 1
12805
12870
  }, {
12806
12871
  opacity: 0
@@ -12867,6 +12932,8 @@ function $5cbaffcb5602e671$export$44f738469d5570cf({
12867
12932
  width: width,
12868
12933
  left: left
12869
12934
  } = fakeField.getBoundingClientRect();
12935
+ // Just copy-pasted below line without thinking, it might be wrong
12936
+ const pxOffCenter = Math.abs($gVhhF$solidjs.untrack(innerWidthReactive) / 2 - (left + width / 2));
12870
12937
  $6892e0748f94faa6$export$23d40cc5971c3acd({
12871
12938
  setBackdropStyle_: setBackdropStyle_,
12872
12939
  setBodyAlignment_: setBodyAlignment_,
@@ -12882,12 +12949,12 @@ function $5cbaffcb5602e671$export$44f738469d5570cf({
12882
12949
  duration: closeDuration_,
12883
12950
  fill: "forwards",
12884
12951
  easing: "ease-out"
12885
- }).finished, submitButton_.animate([{
12952
+ }).finished, buttonInField_.animate([{
12886
12953
  opacity: 0
12887
12954
  }, {
12888
12955
  opacity: 1
12889
12956
  }], {
12890
- duration: closeDuration_ / 3,
12957
+ duration: pxOffCenter > 10 ? closeDuration_ / 3 : 1,
12891
12958
  delay: closeDuration_ * (2 / 3),
12892
12959
  fill: "forwards"
12893
12960
  }).finished]);
@@ -13089,7 +13156,7 @@ function $f1d7cb69f839a526$export$a54ec244c8863715({
13089
13156
  if (!input_field_accessor_value) break add_input_field;
13090
13157
  let input_element;
13091
13158
  let div_with_field_class;
13092
- let submitButton_;
13159
+ let buttonInField;
13093
13160
  const search_field = SafeSearchField({
13094
13161
  i18n_: i18n_,
13095
13162
  search_field_value_: search_field_value_,
@@ -13099,7 +13166,7 @@ function $f1d7cb69f839a526$export$a54ec244c8863715({
13099
13166
  field_element_ref_: el => div_with_field_class = el,
13100
13167
  disabled_: true,
13101
13168
  BackIcon_: BackIcon_,
13102
- submit_button_ref_: el => submitButton_ = el
13169
+ buttonInFieldRef_: el => buttonInField = el
13103
13170
  });
13104
13171
  if (!search_field) break add_input_field;
13105
13172
  setModalBodyStyle({});
@@ -13133,7 +13200,7 @@ function $f1d7cb69f839a526$export$a54ec244c8863715({
13133
13200
  bodyAlignmentSignal_: modal_body_style,
13134
13201
  backdropStyleSignal_: modal_backdrop_style,
13135
13202
  setPollAlignment_: setPollAlignment_,
13136
- submitButton_: submitButton_,
13203
+ buttonInField_: buttonInField,
13137
13204
  modalSearchFieldOuterWidth_: modalSearchFieldOuterWidth_
13138
13205
  });
13139
13206
  }
@@ -14003,7 +14070,7 @@ function $c0a0659cf97e8eb2$export$316f6f283ae64765(props) {
14003
14070
  const shared_properties = $2c61e4cd8229c49a$export$12fa711345994013(depict_search);
14004
14071
  return $95837413165cc2df$export$23fca46f3143581f(() => {
14005
14072
  let input_element;
14006
- let submitButton_;
14073
+ let buttonInField;
14007
14074
  const search_field = $gVhhF$solidjsweb.createComponent((0, $66b8b9a9613c141d$export$b94867ecbd698f21), {
14008
14075
  get BackIcon_() {
14009
14076
  return shared_properties.BackIcon_;
@@ -14022,7 +14089,7 @@ function $c0a0659cf97e8eb2$export$316f6f283ae64765(props) {
14022
14089
  },
14023
14090
  disabled_: true,
14024
14091
  input_field_ref_: el => input_element = el,
14025
- submit_button_ref_: el => submitButton_ = el,
14092
+ buttonInFieldRef_: el => buttonInField = el,
14026
14093
  field_element_ref_: field => {
14027
14094
  const bodyAlignmentSignal_ = $gVhhF$solidjs.createSignal({
14028
14095
  position: "fixed"
@@ -14069,7 +14136,7 @@ function $c0a0659cf97e8eb2$export$316f6f283ae64765(props) {
14069
14136
  bodyAlignmentSignal_: bodyAlignmentSignal_,
14070
14137
  backdropStyleSignal_: backdropAlignmentSignal_,
14071
14138
  setPollAlignment_: setPollAlignment_,
14072
- submitButton_: submitButton_,
14139
+ buttonInField_: buttonInField,
14073
14140
  modalSearchFieldOuterWidth_: modalSearchFieldOuterWidth_
14074
14141
  });
14075
14142
  }
package/latest/index.d.ts CHANGED
@@ -10,7 +10,7 @@ import { ProductListingRequestV3 } from "@depict-ai/types/api/ProductListingRequ
10
10
  import { GetListingRequest } from "@depict-ai/types/api/GetListingRequest";
11
11
  import { BaseSearchRequestV3 } from "@depict-ai/types/api/BaseSearchRequestV3";
12
12
  import { SearchFilter as _SearchFilter3 } from "@depict-ai/types/api/SearchRequestV2";
13
- export const version = "4.3.14";
13
+ export const version = "4.4.1";
14
14
  declare const LISTING_ID = "listingId";
15
15
  declare const EXTERNAL_ID = "externalId";
16
16
  type ScrollRestorationData = {