@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/ES10/index.cjs +142 -72
- package/ES10/index.d.ts +1 -1
- package/ES10/index.js +142 -72
- package/latest/index.cjs +139 -72
- package/latest/index.d.ts +1 -1
- package/latest/index.js +139 -72
- package/package.json +2 -2
- package/server/ES10/index.cjs +75 -28
- package/server/ES10/index.d.ts +1 -1
- package/server/ES10/index.js +75 -28
- package/server/latest/index.cjs +72 -28
- package/server/latest/index.d.ts +1 -1
- package/server/latest/index.js +72 -28
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.
|
|
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(`<
|
|
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_:
|
|
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
|
-
|
|
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$
|
|
3443
|
-
_el$
|
|
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$
|
|
3446
|
-
_el$
|
|
3447
|
-
_el$
|
|
3448
|
-
_el$
|
|
3449
|
-
|
|
3450
|
-
|
|
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$
|
|
3453
|
-
$gVhhF$solidjsweb.
|
|
3454
|
-
|
|
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$
|
|
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$
|
|
3464
|
-
$gVhhF$solidjsweb.addEventListener(_el$
|
|
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$
|
|
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$
|
|
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$
|
|
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
|
-
|
|
3601
|
+
setSearchFieldValue(value);
|
|
3524
3602
|
}), true);
|
|
3525
|
-
$gVhhF$solidjsweb.addEventListener(_el$
|
|
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
|
|
3540
|
-
_el$
|
|
3541
|
-
$gVhhF$solidjsweb.
|
|
3542
|
-
|
|
3543
|
-
|
|
3544
|
-
|
|
3545
|
-
|
|
3546
|
-
|
|
3547
|
-
|
|
3548
|
-
|
|
3549
|
-
|
|
3550
|
-
|
|
3551
|
-
return $
|
|
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
|
-
},
|
|
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
|
-
|
|
3563
|
-
|
|
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$
|
|
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_: (
|
|
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_: (
|
|
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
|
-
|
|
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
|
-
|
|
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,
|
|
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
|
|
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
|
-
|
|
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
|
-
|
|
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
|
|
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
|
-
|
|
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
|
-
|
|
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.
|
|
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 = {
|