@getlupa/vue 0.1.6 → 0.1.7
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/dist/lupaSearch.js +67 -63
- package/dist/lupaSearch.mjs +67 -63
- package/package.json +1 -1
package/dist/lupaSearch.js
CHANGED
|
@@ -3001,7 +3001,7 @@ const useSearchBoxStore = defineStore("searchBox", () => {
|
|
|
3001
3001
|
const _hoisted_1$12 = { id: "lupa-search-box-input-container" };
|
|
3002
3002
|
const _hoisted_2$I = { class: "lupa-input-clear" };
|
|
3003
3003
|
const _hoisted_3$u = { id: "lupa-search-box-input" };
|
|
3004
|
-
const _hoisted_4$
|
|
3004
|
+
const _hoisted_4$n = ["value"];
|
|
3005
3005
|
const _hoisted_5$c = ["placeholder"];
|
|
3006
3006
|
const _hoisted_6$6 = {
|
|
3007
3007
|
key: 0,
|
|
@@ -3096,7 +3096,7 @@ const _sfc_main$1a = /* @__PURE__ */ vue.defineComponent({
|
|
|
3096
3096
|
class: "lupa-hint",
|
|
3097
3097
|
value: showHint.value ? suggestedValue.value.item.suggestion : "",
|
|
3098
3098
|
disabled: ""
|
|
3099
|
-
}, null, 8, _hoisted_4$
|
|
3099
|
+
}, null, 8, _hoisted_4$n),
|
|
3100
3100
|
vue.withDirectives(vue.createElementVNode("input", vue.mergeProps({
|
|
3101
3101
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event)
|
|
3102
3102
|
}, inputAttributes.value, {
|
|
@@ -3263,7 +3263,7 @@ const _hoisted_3$t = {
|
|
|
3263
3263
|
class: "lupa-suggestion-facet",
|
|
3264
3264
|
"data-cy": "lupa-suggestion-facet"
|
|
3265
3265
|
};
|
|
3266
|
-
const _hoisted_4$
|
|
3266
|
+
const _hoisted_4$m = {
|
|
3267
3267
|
class: "lupa-suggestion-facet-label",
|
|
3268
3268
|
"data-cy": "lupa-suggestion-facet-label"
|
|
3269
3269
|
};
|
|
@@ -3309,7 +3309,7 @@ const _sfc_main$16 = /* @__PURE__ */ vue.defineComponent({
|
|
|
3309
3309
|
innerHTML: _ctx.suggestion.displayHighlight
|
|
3310
3310
|
}, null, 8, _hoisted_1$$)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$G, vue.toDisplayString(_ctx.suggestion.display), 1)),
|
|
3311
3311
|
_ctx.suggestion.facet ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$t, [
|
|
3312
|
-
vue.createElementVNode("span", _hoisted_4$
|
|
3312
|
+
vue.createElementVNode("span", _hoisted_4$m, vue.toDisplayString(facetLabel.value), 1),
|
|
3313
3313
|
vue.createElementVNode("span", _hoisted_5$b, vue.toDisplayString(_ctx.suggestion.facet.title), 1)
|
|
3314
3314
|
])) : vue.createCommentVNode("", true)
|
|
3315
3315
|
]);
|
|
@@ -3711,7 +3711,7 @@ const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
|
|
|
3711
3711
|
const _hoisted_1$U = ["innerHTML"];
|
|
3712
3712
|
const _hoisted_2$D = { key: 0 };
|
|
3713
3713
|
const _hoisted_3$s = { key: 1 };
|
|
3714
|
-
const _hoisted_4$
|
|
3714
|
+
const _hoisted_4$l = { class: "lupa-search-box-custom-label" };
|
|
3715
3715
|
const _hoisted_5$a = { class: "lupa-search-box-custom-text" };
|
|
3716
3716
|
const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
|
|
3717
3717
|
__name: "SearchBoxProductCustom",
|
|
@@ -3744,7 +3744,7 @@ const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
|
|
|
3744
3744
|
class: [className.value, "lupa-search-box-product-custom"]
|
|
3745
3745
|
}, vue.toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), [
|
|
3746
3746
|
!label.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$D, vue.toDisplayString(text.value), 1)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$s, [
|
|
3747
|
-
vue.createElementVNode("div", _hoisted_4$
|
|
3747
|
+
vue.createElementVNode("div", _hoisted_4$l, vue.toDisplayString(label.value), 1),
|
|
3748
3748
|
vue.createElementVNode("div", _hoisted_5$a, vue.toDisplayString(text.value), 1)
|
|
3749
3749
|
]))
|
|
3750
3750
|
], 16));
|
|
@@ -4140,7 +4140,7 @@ const useTrackingStore = defineStore("tracking", () => {
|
|
|
4140
4140
|
const _hoisted_1$R = ["href"];
|
|
4141
4141
|
const _hoisted_2$B = { class: "lupa-search-box-product-image-section" };
|
|
4142
4142
|
const _hoisted_3$q = { class: "lupa-search-box-product-details-section" };
|
|
4143
|
-
const _hoisted_4$
|
|
4143
|
+
const _hoisted_4$k = {
|
|
4144
4144
|
key: 0,
|
|
4145
4145
|
class: "lupa-search-box-product-add-to-cart-section"
|
|
4146
4146
|
};
|
|
@@ -4261,7 +4261,7 @@ const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
|
|
|
4261
4261
|
}, null, 8, ["item", "element", "labels", "link"]);
|
|
4262
4262
|
}), 128))
|
|
4263
4263
|
]),
|
|
4264
|
-
addToCartElement.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$
|
|
4264
|
+
addToCartElement.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$k, [
|
|
4265
4265
|
vue.createVNode(_sfc_main$W, {
|
|
4266
4266
|
class: "lupa-search-box-product-element",
|
|
4267
4267
|
item: _ctx.item,
|
|
@@ -4393,14 +4393,17 @@ const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
|
|
|
4393
4393
|
}
|
|
4394
4394
|
});
|
|
4395
4395
|
const _hoisted_1$P = {
|
|
4396
|
+
key: 0,
|
|
4397
|
+
id: "lupa-search-box-panel"
|
|
4398
|
+
};
|
|
4399
|
+
const _hoisted_2$A = {
|
|
4396
4400
|
class: "lupa-main-panel",
|
|
4397
4401
|
"data-cy": "lupa-main-panel"
|
|
4398
4402
|
};
|
|
4399
|
-
const
|
|
4400
|
-
const
|
|
4403
|
+
const _hoisted_3$p = ["data-cy"];
|
|
4404
|
+
const _hoisted_4$j = {
|
|
4401
4405
|
key: 1,
|
|
4402
|
-
id: "lupa-search-box-panel"
|
|
4403
|
-
ref: "panel"
|
|
4406
|
+
id: "lupa-search-box-panel"
|
|
4404
4407
|
};
|
|
4405
4408
|
const __default__$3 = {
|
|
4406
4409
|
components: {
|
|
@@ -4466,7 +4469,9 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadVa
|
|
|
4466
4469
|
vue.onMounted(() => {
|
|
4467
4470
|
window.addEventListener("resize", appHeight);
|
|
4468
4471
|
window.addEventListener("keydown", handleNavigation);
|
|
4469
|
-
|
|
4472
|
+
setTimeout(() => {
|
|
4473
|
+
appHeight();
|
|
4474
|
+
});
|
|
4470
4475
|
});
|
|
4471
4476
|
vue.onBeforeUnmount(() => {
|
|
4472
4477
|
highlightChange({ action: "clear" });
|
|
@@ -4516,59 +4521,58 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadVa
|
|
|
4516
4521
|
};
|
|
4517
4522
|
return (_ctx, _cache) => {
|
|
4518
4523
|
var _a;
|
|
4519
|
-
return
|
|
4520
|
-
key: 0,
|
|
4521
|
-
id: "lupa-search-box-panel",
|
|
4524
|
+
return vue.openBlock(), vue.createElementBlock("div", {
|
|
4522
4525
|
ref_key: "panelContainer",
|
|
4523
4526
|
ref: panelContainer
|
|
4524
4527
|
}, [
|
|
4525
|
-
vue.
|
|
4526
|
-
|
|
4527
|
-
|
|
4528
|
-
|
|
4529
|
-
|
|
4530
|
-
|
|
4531
|
-
|
|
4532
|
-
|
|
4533
|
-
|
|
4534
|
-
|
|
4535
|
-
|
|
4536
|
-
|
|
4537
|
-
|
|
4538
|
-
|
|
4539
|
-
|
|
4540
|
-
|
|
4541
|
-
|
|
4542
|
-
|
|
4543
|
-
|
|
4544
|
-
|
|
4545
|
-
|
|
4546
|
-
|
|
4547
|
-
|
|
4548
|
-
|
|
4549
|
-
|
|
4550
|
-
|
|
4551
|
-
|
|
4552
|
-
|
|
4553
|
-
|
|
4554
|
-
|
|
4555
|
-
|
|
4556
|
-
|
|
4557
|
-
|
|
4558
|
-
|
|
4559
|
-
|
|
4560
|
-
|
|
4561
|
-
|
|
4562
|
-
|
|
4563
|
-
vue.
|
|
4564
|
-
|
|
4565
|
-
|
|
4566
|
-
|
|
4567
|
-
|
|
4568
|
-
|
|
4569
|
-
|
|
4570
|
-
|
|
4571
|
-
|
|
4528
|
+
displayResults.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$P, [
|
|
4529
|
+
vue.createElementVNode("div", _hoisted_2$A, [
|
|
4530
|
+
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(displayPanels.value, (panel, index) => {
|
|
4531
|
+
return vue.openBlock(), vue.createElementBlock("div", {
|
|
4532
|
+
key: index,
|
|
4533
|
+
class: vue.normalizeClass([
|
|
4534
|
+
"lupa-panel-" + panel.type + "-index",
|
|
4535
|
+
panel.customClassName ? panel.customClassName : ""
|
|
4536
|
+
]),
|
|
4537
|
+
"data-cy": "lupa-panel-" + panel.type + "-index"
|
|
4538
|
+
}, [
|
|
4539
|
+
panel.queryKey ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(getComponent(panel.type)), {
|
|
4540
|
+
key: 0,
|
|
4541
|
+
panel,
|
|
4542
|
+
options: sdkOptions.value,
|
|
4543
|
+
debounce: _ctx.options.debounce,
|
|
4544
|
+
inputValue: getInput(panel),
|
|
4545
|
+
labels: labels.value,
|
|
4546
|
+
onFetched: _cache[0] || (_cache[0] = (data) => _ctx.$emit("fetched", data)),
|
|
4547
|
+
onItemSelect: _cache[1] || (_cache[1] = (item) => _ctx.$emit("itemSelect", item)),
|
|
4548
|
+
onProductClick: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("product-click"))
|
|
4549
|
+
}, vue.createSlots({ _: 2 }, [
|
|
4550
|
+
_ctx.$slots.productCard ? {
|
|
4551
|
+
name: "productCard",
|
|
4552
|
+
fn: vue.withCtx((props2) => [
|
|
4553
|
+
vue.renderSlot(_ctx.$slots, "productCard", vue.normalizeProps(vue.guardReactiveProps(props2)))
|
|
4554
|
+
]),
|
|
4555
|
+
key: "0"
|
|
4556
|
+
} : void 0
|
|
4557
|
+
]), 1064, ["panel", "options", "debounce", "inputValue", "labels"])) : vue.createCommentVNode("", true)
|
|
4558
|
+
], 10, _hoisted_3$p);
|
|
4559
|
+
}), 128))
|
|
4560
|
+
]),
|
|
4561
|
+
vue.createVNode(_sfc_main$19, {
|
|
4562
|
+
labels: labels.value,
|
|
4563
|
+
showTotalCount: (_a = _ctx.options.showTotalCount) != null ? _a : false,
|
|
4564
|
+
onGoToResults: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("go-to-results"))
|
|
4565
|
+
}, null, 8, ["labels", "showTotalCount"])
|
|
4566
|
+
])) : displayHistory.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$j, [
|
|
4567
|
+
vue.createVNode(_sfc_main$17, {
|
|
4568
|
+
options: _ctx.options.history,
|
|
4569
|
+
history: history.value,
|
|
4570
|
+
onGoToResults: handleGoToResults,
|
|
4571
|
+
onRemove: remove,
|
|
4572
|
+
onRemoveAll: removeAll
|
|
4573
|
+
}, null, 8, ["options", "history"])
|
|
4574
|
+
])) : vue.createCommentVNode("", true)
|
|
4575
|
+
], 512);
|
|
4572
4576
|
};
|
|
4573
4577
|
}
|
|
4574
4578
|
}));
|
package/dist/lupaSearch.mjs
CHANGED
|
@@ -2999,7 +2999,7 @@ const useSearchBoxStore = defineStore("searchBox", () => {
|
|
|
2999
2999
|
const _hoisted_1$12 = { id: "lupa-search-box-input-container" };
|
|
3000
3000
|
const _hoisted_2$I = { class: "lupa-input-clear" };
|
|
3001
3001
|
const _hoisted_3$u = { id: "lupa-search-box-input" };
|
|
3002
|
-
const _hoisted_4$
|
|
3002
|
+
const _hoisted_4$n = ["value"];
|
|
3003
3003
|
const _hoisted_5$c = ["placeholder"];
|
|
3004
3004
|
const _hoisted_6$6 = {
|
|
3005
3005
|
key: 0,
|
|
@@ -3094,7 +3094,7 @@ const _sfc_main$1a = /* @__PURE__ */ defineComponent({
|
|
|
3094
3094
|
class: "lupa-hint",
|
|
3095
3095
|
value: showHint.value ? suggestedValue.value.item.suggestion : "",
|
|
3096
3096
|
disabled: ""
|
|
3097
|
-
}, null, 8, _hoisted_4$
|
|
3097
|
+
}, null, 8, _hoisted_4$n),
|
|
3098
3098
|
withDirectives(createElementVNode("input", mergeProps({
|
|
3099
3099
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event)
|
|
3100
3100
|
}, inputAttributes.value, {
|
|
@@ -3261,7 +3261,7 @@ const _hoisted_3$t = {
|
|
|
3261
3261
|
class: "lupa-suggestion-facet",
|
|
3262
3262
|
"data-cy": "lupa-suggestion-facet"
|
|
3263
3263
|
};
|
|
3264
|
-
const _hoisted_4$
|
|
3264
|
+
const _hoisted_4$m = {
|
|
3265
3265
|
class: "lupa-suggestion-facet-label",
|
|
3266
3266
|
"data-cy": "lupa-suggestion-facet-label"
|
|
3267
3267
|
};
|
|
@@ -3307,7 +3307,7 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
|
|
|
3307
3307
|
innerHTML: _ctx.suggestion.displayHighlight
|
|
3308
3308
|
}, null, 8, _hoisted_1$$)) : (openBlock(), createElementBlock("div", _hoisted_2$G, toDisplayString(_ctx.suggestion.display), 1)),
|
|
3309
3309
|
_ctx.suggestion.facet ? (openBlock(), createElementBlock("div", _hoisted_3$t, [
|
|
3310
|
-
createElementVNode("span", _hoisted_4$
|
|
3310
|
+
createElementVNode("span", _hoisted_4$m, toDisplayString(facetLabel.value), 1),
|
|
3311
3311
|
createElementVNode("span", _hoisted_5$b, toDisplayString(_ctx.suggestion.facet.title), 1)
|
|
3312
3312
|
])) : createCommentVNode("", true)
|
|
3313
3313
|
]);
|
|
@@ -3709,7 +3709,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
|
|
|
3709
3709
|
const _hoisted_1$U = ["innerHTML"];
|
|
3710
3710
|
const _hoisted_2$D = { key: 0 };
|
|
3711
3711
|
const _hoisted_3$s = { key: 1 };
|
|
3712
|
-
const _hoisted_4$
|
|
3712
|
+
const _hoisted_4$l = { class: "lupa-search-box-custom-label" };
|
|
3713
3713
|
const _hoisted_5$a = { class: "lupa-search-box-custom-text" };
|
|
3714
3714
|
const _sfc_main$Z = /* @__PURE__ */ defineComponent({
|
|
3715
3715
|
__name: "SearchBoxProductCustom",
|
|
@@ -3742,7 +3742,7 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
|
|
|
3742
3742
|
class: [className.value, "lupa-search-box-product-custom"]
|
|
3743
3743
|
}, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), [
|
|
3744
3744
|
!label.value ? (openBlock(), createElementBlock("div", _hoisted_2$D, toDisplayString(text.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$s, [
|
|
3745
|
-
createElementVNode("div", _hoisted_4$
|
|
3745
|
+
createElementVNode("div", _hoisted_4$l, toDisplayString(label.value), 1),
|
|
3746
3746
|
createElementVNode("div", _hoisted_5$a, toDisplayString(text.value), 1)
|
|
3747
3747
|
]))
|
|
3748
3748
|
], 16));
|
|
@@ -4138,7 +4138,7 @@ const useTrackingStore = defineStore("tracking", () => {
|
|
|
4138
4138
|
const _hoisted_1$R = ["href"];
|
|
4139
4139
|
const _hoisted_2$B = { class: "lupa-search-box-product-image-section" };
|
|
4140
4140
|
const _hoisted_3$q = { class: "lupa-search-box-product-details-section" };
|
|
4141
|
-
const _hoisted_4$
|
|
4141
|
+
const _hoisted_4$k = {
|
|
4142
4142
|
key: 0,
|
|
4143
4143
|
class: "lupa-search-box-product-add-to-cart-section"
|
|
4144
4144
|
};
|
|
@@ -4259,7 +4259,7 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
|
|
|
4259
4259
|
}, null, 8, ["item", "element", "labels", "link"]);
|
|
4260
4260
|
}), 128))
|
|
4261
4261
|
]),
|
|
4262
|
-
addToCartElement.value ? (openBlock(), createElementBlock("div", _hoisted_4$
|
|
4262
|
+
addToCartElement.value ? (openBlock(), createElementBlock("div", _hoisted_4$k, [
|
|
4263
4263
|
createVNode(_sfc_main$W, {
|
|
4264
4264
|
class: "lupa-search-box-product-element",
|
|
4265
4265
|
item: _ctx.item,
|
|
@@ -4391,14 +4391,17 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
|
|
|
4391
4391
|
}
|
|
4392
4392
|
});
|
|
4393
4393
|
const _hoisted_1$P = {
|
|
4394
|
+
key: 0,
|
|
4395
|
+
id: "lupa-search-box-panel"
|
|
4396
|
+
};
|
|
4397
|
+
const _hoisted_2$A = {
|
|
4394
4398
|
class: "lupa-main-panel",
|
|
4395
4399
|
"data-cy": "lupa-main-panel"
|
|
4396
4400
|
};
|
|
4397
|
-
const
|
|
4398
|
-
const
|
|
4401
|
+
const _hoisted_3$p = ["data-cy"];
|
|
4402
|
+
const _hoisted_4$j = {
|
|
4399
4403
|
key: 1,
|
|
4400
|
-
id: "lupa-search-box-panel"
|
|
4401
|
-
ref: "panel"
|
|
4404
|
+
id: "lupa-search-box-panel"
|
|
4402
4405
|
};
|
|
4403
4406
|
const __default__$3 = {
|
|
4404
4407
|
components: {
|
|
@@ -4464,7 +4467,9 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
|
|
|
4464
4467
|
onMounted(() => {
|
|
4465
4468
|
window.addEventListener("resize", appHeight);
|
|
4466
4469
|
window.addEventListener("keydown", handleNavigation);
|
|
4467
|
-
|
|
4470
|
+
setTimeout(() => {
|
|
4471
|
+
appHeight();
|
|
4472
|
+
});
|
|
4468
4473
|
});
|
|
4469
4474
|
onBeforeUnmount(() => {
|
|
4470
4475
|
highlightChange({ action: "clear" });
|
|
@@ -4514,59 +4519,58 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
|
|
|
4514
4519
|
};
|
|
4515
4520
|
return (_ctx, _cache) => {
|
|
4516
4521
|
var _a;
|
|
4517
|
-
return
|
|
4518
|
-
key: 0,
|
|
4519
|
-
id: "lupa-search-box-panel",
|
|
4522
|
+
return openBlock(), createElementBlock("div", {
|
|
4520
4523
|
ref_key: "panelContainer",
|
|
4521
4524
|
ref: panelContainer
|
|
4522
4525
|
}, [
|
|
4523
|
-
|
|
4524
|
-
(
|
|
4525
|
-
|
|
4526
|
-
|
|
4527
|
-
|
|
4528
|
-
|
|
4529
|
-
|
|
4530
|
-
|
|
4531
|
-
|
|
4532
|
-
|
|
4533
|
-
|
|
4534
|
-
|
|
4535
|
-
|
|
4536
|
-
|
|
4537
|
-
|
|
4538
|
-
|
|
4539
|
-
|
|
4540
|
-
|
|
4541
|
-
|
|
4542
|
-
|
|
4543
|
-
|
|
4544
|
-
|
|
4545
|
-
|
|
4546
|
-
|
|
4547
|
-
|
|
4548
|
-
|
|
4549
|
-
|
|
4550
|
-
|
|
4551
|
-
|
|
4552
|
-
|
|
4553
|
-
|
|
4554
|
-
|
|
4555
|
-
|
|
4556
|
-
|
|
4557
|
-
|
|
4558
|
-
|
|
4559
|
-
|
|
4560
|
-
|
|
4561
|
-
|
|
4562
|
-
|
|
4563
|
-
|
|
4564
|
-
|
|
4565
|
-
|
|
4566
|
-
|
|
4567
|
-
|
|
4568
|
-
|
|
4569
|
-
|
|
4526
|
+
displayResults.value ? (openBlock(), createElementBlock("div", _hoisted_1$P, [
|
|
4527
|
+
createElementVNode("div", _hoisted_2$A, [
|
|
4528
|
+
(openBlock(true), createElementBlock(Fragment, null, renderList(displayPanels.value, (panel, index) => {
|
|
4529
|
+
return openBlock(), createElementBlock("div", {
|
|
4530
|
+
key: index,
|
|
4531
|
+
class: normalizeClass([
|
|
4532
|
+
"lupa-panel-" + panel.type + "-index",
|
|
4533
|
+
panel.customClassName ? panel.customClassName : ""
|
|
4534
|
+
]),
|
|
4535
|
+
"data-cy": "lupa-panel-" + panel.type + "-index"
|
|
4536
|
+
}, [
|
|
4537
|
+
panel.queryKey ? (openBlock(), createBlock(resolveDynamicComponent(getComponent(panel.type)), {
|
|
4538
|
+
key: 0,
|
|
4539
|
+
panel,
|
|
4540
|
+
options: sdkOptions.value,
|
|
4541
|
+
debounce: _ctx.options.debounce,
|
|
4542
|
+
inputValue: getInput(panel),
|
|
4543
|
+
labels: labels.value,
|
|
4544
|
+
onFetched: _cache[0] || (_cache[0] = (data) => _ctx.$emit("fetched", data)),
|
|
4545
|
+
onItemSelect: _cache[1] || (_cache[1] = (item) => _ctx.$emit("itemSelect", item)),
|
|
4546
|
+
onProductClick: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("product-click"))
|
|
4547
|
+
}, createSlots({ _: 2 }, [
|
|
4548
|
+
_ctx.$slots.productCard ? {
|
|
4549
|
+
name: "productCard",
|
|
4550
|
+
fn: withCtx((props2) => [
|
|
4551
|
+
renderSlot(_ctx.$slots, "productCard", normalizeProps(guardReactiveProps(props2)))
|
|
4552
|
+
]),
|
|
4553
|
+
key: "0"
|
|
4554
|
+
} : void 0
|
|
4555
|
+
]), 1064, ["panel", "options", "debounce", "inputValue", "labels"])) : createCommentVNode("", true)
|
|
4556
|
+
], 10, _hoisted_3$p);
|
|
4557
|
+
}), 128))
|
|
4558
|
+
]),
|
|
4559
|
+
createVNode(_sfc_main$19, {
|
|
4560
|
+
labels: labels.value,
|
|
4561
|
+
showTotalCount: (_a = _ctx.options.showTotalCount) != null ? _a : false,
|
|
4562
|
+
onGoToResults: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("go-to-results"))
|
|
4563
|
+
}, null, 8, ["labels", "showTotalCount"])
|
|
4564
|
+
])) : displayHistory.value ? (openBlock(), createElementBlock("div", _hoisted_4$j, [
|
|
4565
|
+
createVNode(_sfc_main$17, {
|
|
4566
|
+
options: _ctx.options.history,
|
|
4567
|
+
history: history.value,
|
|
4568
|
+
onGoToResults: handleGoToResults,
|
|
4569
|
+
onRemove: remove,
|
|
4570
|
+
onRemoveAll: removeAll
|
|
4571
|
+
}, null, 8, ["options", "history"])
|
|
4572
|
+
])) : createCommentVNode("", true)
|
|
4573
|
+
], 512);
|
|
4570
4574
|
};
|
|
4571
4575
|
}
|
|
4572
4576
|
}));
|