@empathyco/x-components 6.0.0-alpha.155 → 6.0.0-alpha.157

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.
Files changed (31) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/docs/API-reference/api/x-components.aioverview.md +1 -0
  3. package/docs/API-reference/api/x-components.empathizexevents.empathizegotnocontent.md +13 -0
  4. package/docs/API-reference/api/x-components.empathizexevents.md +1 -0
  5. package/docs/API-reference/api/x-components.hierarchicalfilter.md +1 -0
  6. package/docs/API-reference/api/x-components.simplefilter.md +1 -0
  7. package/docs/API-reference/api/x-components.snippetcallbacks.md +1 -0
  8. package/js/x-modules/ai/components/ai-overview.vue.js +240 -233
  9. package/js/x-modules/ai/components/ai-overview.vue.js.map +1 -1
  10. package/js/x-modules/ai/components/ai-overview.vue2.js +6 -1
  11. package/js/x-modules/ai/components/ai-overview.vue2.js.map +1 -1
  12. package/js/x-modules/empathize/components/empathize.vue.js.map +1 -1
  13. package/js/x-modules/empathize/components/empathize.vue2.js +1 -1
  14. package/js/x-modules/empathize/components/empathize.vue2.js.map +1 -1
  15. package/js/x-modules/search/wiring.js +4 -0
  16. package/js/x-modules/search/wiring.js.map +1 -1
  17. package/package.json +2 -2
  18. package/report/x-components.api.json +59 -5
  19. package/report/x-components.api.md +15 -6
  20. package/types/components/snippet-callbacks.vue.d.ts +1 -0
  21. package/types/components/snippet-callbacks.vue.d.ts.map +1 -1
  22. package/types/x-modules/ai/components/ai-overview.vue.d.ts +1 -0
  23. package/types/x-modules/ai/components/ai-overview.vue.d.ts.map +1 -1
  24. package/types/x-modules/empathize/events.types.d.ts +5 -0
  25. package/types/x-modules/empathize/events.types.d.ts.map +1 -1
  26. package/types/x-modules/facets/components/filters/hierarchical-filter.vue.d.ts +1 -0
  27. package/types/x-modules/facets/components/filters/hierarchical-filter.vue.d.ts.map +1 -1
  28. package/types/x-modules/facets/components/filters/simple-filter.vue.d.ts +1 -0
  29. package/types/x-modules/facets/components/filters/simple-filter.vue.d.ts.map +1 -1
  30. package/types/x-modules/search/wiring.d.ts +4 -0
  31. package/types/x-modules/search/wiring.d.ts.map +1 -1
package/CHANGELOG.md CHANGED
@@ -3,6 +3,22 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## 6.0.0-alpha.157 (2025-10-01)
7
+
8
+ * fix: selected tag being removed (#1894) ([287cb48](https://github.com/empathyco/x/commit/287cb48)), closes [#1894](https://github.com/empathyco/x/issues/1894)
9
+
10
+
11
+
12
+
13
+
14
+ ## 6.0.0-alpha.156 (2025-09-26)
15
+
16
+ * feat(ai): smoothly scroll to AI overview on collapse and add relevant test ([45e8133](https://github.com/empathyco/x/commit/45e8133))
17
+
18
+
19
+
20
+
21
+
6
22
  ## 6.0.0-alpha.155 (2025-09-26)
7
23
 
8
24
  * style(ai): prevent content shrinking by adding `flex-shrink: 0` to overview icon (#1891) ([368ca3a](https://github.com/empathyco/x/commit/368ca3a)), closes [#1891](https://github.com/empathyco/x/issues/1891)
package/docs/API-reference/api/x-components.aioverview.md CHANGED
@@ -33,6 +33,7 @@ _default: import("vue").DefineComponent<{
33
33
  type: PropType<string>;
34
34
  };
35
35
  }, {
36
+ aiOverviewRef: import("vue").Ref<HTMLDivElement | null>;
36
37
  buttonText: import("vue").ComputedRef<string>;
37
38
  emptyTaggingRequest: TaggingRequest;
38
39
  expanded: import("vue").Ref<boolean>;
package/docs/API-reference/api/x-components.empathizexevents.empathizegotnocontent.md ADDED
@@ -0,0 +1,13 @@
1
+ <!-- Do not edit this file. It is automatically generated by API Documenter. -->
2
+
3
+ [Home](./index.md) &gt; [@empathyco/x-components](./x-components.md) &gt; [EmpathizeXEvents](./x-components.empathizexevents.md) &gt; [EmpathizeGotNoContent](./x-components.empathizexevents.empathizegotnocontent.md)
4
+
5
+ ## EmpathizeXEvents.EmpathizeGotNoContent property
6
+
7
+ The empathize reached a state with no content (empty). Payload: The search box query at the time of the event.
8
+
9
+ **Signature:**
10
+
11
+ ```typescript
12
+ EmpathizeGotNoContent: string;
13
+ ```
package/docs/API-reference/api/x-components.empathizexevents.md CHANGED
@@ -17,6 +17,7 @@ export interface EmpathizeXEvents
17
17
  | Property | Modifiers | Type | Description |
18
18
  | --- | --- | --- | --- |
19
19
  | [EmpathizeClosed](./x-components.empathizexevents.empathizeclosed.md) | | void | The empathize closed following its events configuration. Payload: none. |
20
+ | [EmpathizeGotNoContent](./x-components.empathizexevents.empathizegotnocontent.md) | | string | The empathize reached a state with no content (empty). Payload: The search box query at the time of the event. |
20
21
  | [EmpathizeOpened](./x-components.empathizexevents.empathizeopened.md) | | void | The empathize opened following its events configuration. Payload: none. |
21
22
  | [UserClosedEmpathize](./x-components.empathizexevents.userclosedempathize.md) | | void | The user closed the empathize. Payload: none. |
22
23
 
package/docs/API-reference/api/x-components.hierarchicalfilter.md CHANGED
@@ -67,6 +67,7 @@ _default: import("vue").DefineComponent<{
67
67
  EmpathizeClosed?: void | undefined;
68
68
  EmpathizeOpened?: void | undefined;
69
69
  UserClosedEmpathize?: void | undefined;
70
+ EmpathizeGotNoContent?: string | undefined;
70
71
  UserChangedExtraParams?: Dictionary<unknown> | undefined;
71
72
  ExtraParamsChanged?: Dictionary<unknown> | undefined;
72
73
  ExtraParamsProvided?: Dictionary<unknown> | undefined;
package/docs/API-reference/api/x-components.simplefilter.md CHANGED
@@ -64,6 +64,7 @@ _default: import("vue").DefineComponent<{
64
64
  EmpathizeClosed?: void | undefined;
65
65
  EmpathizeOpened?: void | undefined;
66
66
  UserClosedEmpathize?: void | undefined;
67
+ EmpathizeGotNoContent?: string | undefined;
67
68
  UserChangedExtraParams?: Dictionary<unknown> | undefined;
68
69
  ExtraParamsChanged?: Dictionary<unknown> | undefined;
69
70
  ExtraParamsProvided?: Dictionary<unknown> | undefined;
package/docs/API-reference/api/x-components.snippetcallbacks.md CHANGED
@@ -54,6 +54,7 @@ _default: import("vue").DefineComponent<{}, {
54
54
  EmpathizeClosed: (payload: undefined, metadata: WireMetadata) => unknown;
55
55
  EmpathizeOpened: (payload: undefined, metadata: WireMetadata) => unknown;
56
56
  UserClosedEmpathize: (payload: undefined, metadata: WireMetadata) => unknown;
57
+ EmpathizeGotNoContent: (payload: string, metadata: WireMetadata) => unknown;
57
58
  UserChangedExtraParams: (payload: import("@empathyco/x-utils").Dictionary<unknown>, metadata: WireMetadata) => unknown;
58
59
  ExtraParamsChanged: (payload: import("@empathyco/x-utils").Dictionary<unknown>, metadata: WireMetadata) => unknown;
59
60
  ExtraParamsProvided: (payload: import("@empathyco/x-utils").Dictionary<unknown>, metadata: WireMetadata) => unknown;
package/js/x-modules/ai/components/ai-overview.vue.js CHANGED
@@ -5,6 +5,7 @@ import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.js';
5
5
 
6
6
  const _hoisted_1 = {
7
7
  key: 0,
8
+ ref: "aiOverviewRef",
8
9
  class: "x-ai-overview",
9
10
  "data-test": "ai-overview-wrapper"
10
11
  };
@@ -59,250 +60,256 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
59
60
  const _component_ChevronDownIcon = resolveComponent("ChevronDownIcon");
60
61
  return openBlock(), createBlock(_component_CollapseHeight, null, {
61
62
  default: withCtx(() => [
62
- !_ctx.isNoResults ? (openBlock(), createElementBlock("div", _hoisted_1, [
63
- createElementVNode("div", _hoisted_2, [
64
- createVNode(_component_Fade, { mode: "out-in" }, {
65
- default: withCtx(() => [
66
- _ctx.suggestionsLoading ? (openBlock(), createElementBlock("span", _hoisted_3, [
67
- _hoisted_4,
68
- createElementVNode("span", _hoisted_5, [
69
- renderSlot(_ctx.$slots, "title-loading", {}, () => [
70
- createTextVNode(
71
- toDisplayString(_ctx.titleLoading),
72
- 1
73
- /* TEXT */
74
- )
63
+ !_ctx.isNoResults ? (openBlock(), createElementBlock(
64
+ "div",
65
+ _hoisted_1,
66
+ [
67
+ createElementVNode("div", _hoisted_2, [
68
+ createVNode(_component_Fade, { mode: "out-in" }, {
69
+ default: withCtx(() => [
70
+ _ctx.suggestionsLoading ? (openBlock(), createElementBlock("span", _hoisted_3, [
71
+ _hoisted_4,
72
+ createElementVNode("span", _hoisted_5, [
73
+ renderSlot(_ctx.$slots, "title-loading", {}, () => [
74
+ createTextVNode(
75
+ toDisplayString(_ctx.titleLoading),
76
+ 1
77
+ /* TEXT */
78
+ )
79
+ ])
75
80
  ])
81
+ ])) : (openBlock(), createBlock(_component_DisplayEmitter, {
82
+ key: 1,
83
+ payload: _ctx.tagging?.toolingDisplay ?? _ctx.emptyTaggingRequest,
84
+ "event-metadata": {
85
+ feature: "overview",
86
+ displayOriginalQuery: _ctx.query || "overview-without-query",
87
+ replaceable: false
88
+ },
89
+ "data-test": "ai-overview-display-emitter"
90
+ }, {
91
+ default: withCtx(() => [
92
+ createElementVNode("span", _hoisted_6, [
93
+ createVNode(_component_AIStarIcon, { class: "x-ai-overview-title-icon" }),
94
+ createTextVNode(
95
+ toDisplayString(!!_ctx.title ? _ctx.title : _ctx.suggestionText),
96
+ 1
97
+ /* TEXT */
98
+ )
99
+ ])
100
+ ]),
101
+ _: 1
102
+ /* STABLE */
103
+ }, 8, ["payload", "event-metadata"]))
104
+ ]),
105
+ _: 3
106
+ /* FORWARDED */
107
+ }),
108
+ createVNode(_component_ChangeHeight, null, {
109
+ default: withCtx(() => [
110
+ createElementVNode("div", _hoisted_7, [
111
+ _ctx.title ? (openBlock(), createElementBlock(
112
+ "span",
113
+ _hoisted_8,
114
+ toDisplayString(_ctx.suggestionText),
115
+ 1
116
+ /* TEXT */
117
+ )) : createCommentVNode("v-if", true),
118
+ createElementVNode(
119
+ "p",
120
+ null,
121
+ toDisplayString(_ctx.responseText),
122
+ 1
123
+ /* TEXT */
124
+ )
76
125
  ])
77
- ])) : (openBlock(), createBlock(_component_DisplayEmitter, {
78
- key: 1,
79
- payload: _ctx.tagging?.toolingDisplay ?? _ctx.emptyTaggingRequest,
80
- "event-metadata": {
81
- feature: "overview",
82
- displayOriginalQuery: _ctx.query || "overview-without-query",
83
- replaceable: false
84
- },
85
- "data-test": "ai-overview-display-emitter"
86
- }, {
87
- default: withCtx(() => [
88
- createElementVNode("span", _hoisted_6, [
89
- createVNode(_component_AIStarIcon, { class: "x-ai-overview-title-icon" }),
90
- createTextVNode(
91
- toDisplayString(!!_ctx.title ? _ctx.title : _ctx.suggestionText),
92
- 1
93
- /* TEXT */
94
- )
95
- ])
96
- ]),
97
- _: 1
98
- /* STABLE */
99
- }, 8, ["payload", "event-metadata"]))
126
+ ]),
127
+ _: 1
128
+ /* STABLE */
129
+ })
130
+ ]),
131
+ createVNode(_component_CollapseHeight, {
132
+ style: normalizeStyle({
133
+ "--x-collapse-height-transition-duration": `${300 * _ctx.suggestionsSearch.length}ms`
134
+ }),
135
+ "data-test": "ai-overview-collapse-height-suggestions"
136
+ }, {
137
+ default: withCtx(() => [
138
+ withDirectives(createElementVNode(
139
+ "div",
140
+ null,
141
+ [
142
+ !_ctx.suggestionsSearch.length ? (openBlock(), createBlock(_component_SpinnerIcon, {
143
+ key: 0,
144
+ class: "x-ai-overview-suggestions-loading",
145
+ "data-test": "ai-overview-suggestions-loading"
146
+ })) : (openBlock(), createElementBlock("div", _hoisted_9, [
147
+ (openBlock(true), createElementBlock(
148
+ Fragment,
149
+ null,
150
+ renderList(_ctx.suggestionsSearch, ({ query: suggestionQuery, results: queriesResults, tagging: suggestionTagging }, suggestionIndex) => {
151
+ return openBlock(), createBlock(_component_DisplayEmitter, {
152
+ key: suggestionQuery,
153
+ payload: _ctx.tagging?.searchQueries[suggestionQuery].toolingDisplay ?? _ctx.emptyTaggingRequest,
154
+ "event-metadata": {
155
+ feature: "overview",
156
+ displayOriginalQuery: _ctx.query || "overview-without-query",
157
+ replaceable: false
158
+ },
159
+ "data-test": "ai-overview-query-display-emitter"
160
+ }, {
161
+ default: withCtx(() => [
162
+ createElementVNode(
163
+ "div",
164
+ {
165
+ class: normalizeClass(["x-ai-overview-suggestion", {
166
+ "x-ai-overview-result-animation": _ctx.shouldAnimateSuggestion
167
+ }]),
168
+ "data-test": "ai-overview-suggestion",
169
+ style: normalizeStyle({ animationDelay: `${suggestionIndex * 300}ms` })
170
+ },
171
+ [
172
+ createVNode(_component_BaseEventButton, {
173
+ class: "x-ai-overview-suggestion-query-btn",
174
+ events: { UserAcceptedAQuery: suggestionQuery }
175
+ }, {
176
+ default: withCtx(() => [
177
+ createTextVNode(
178
+ toDisplayString(suggestionQuery) + " ",
179
+ 1
180
+ /* TEXT */
181
+ ),
182
+ createVNode(_component_ArrowRightIcon, { class: "x-ai-overview-suggestion-query-btn-icon" })
183
+ ]),
184
+ _: 2
185
+ /* DYNAMIC */
186
+ }, 1032, ["events"]),
187
+ createVNode(_component_DisplayClickProvider, {
188
+ "query-tagging": suggestionTagging.query,
189
+ "tooling-display-tagging": _ctx.tagging?.searchQueries[suggestionQuery].toolingDisplayClick,
190
+ "tooling-add2-cart-tagging": _ctx.tagging?.searchQueries[suggestionQuery].toolingDisplayAdd2Cart,
191
+ "result-feature": "overview"
192
+ }, {
193
+ default: withCtx(() => [
194
+ renderSlot(_ctx.$slots, "sliding-panel", { results: queriesResults }, () => [
195
+ createVNode(_component_SlidingPanel, {
196
+ class: normalizeClass(_ctx.slidingPanelsClasses),
197
+ "scroll-container-class": _ctx.slidingPanelContainersClasses,
198
+ "button-class": _ctx.slidingPanelButtonsClasses,
199
+ "reset-on-content-change": false
200
+ }, {
201
+ "sliding-panel-addons": withCtx(({ arrivedState }) => [
202
+ renderSlot(_ctx.$slots, "sliding-panels-addons", { arrivedState })
203
+ ]),
204
+ "sliding-panel-left-button": withCtx(() => [
205
+ renderSlot(_ctx.$slots, "sliding-panels-left-button")
206
+ ]),
207
+ "sliding-panel-right-button": withCtx(() => [
208
+ renderSlot(_ctx.$slots, "sliding-panels-right-button")
209
+ ]),
210
+ default: withCtx(() => [
211
+ createElementVNode("ul", _hoisted_10, [
212
+ (openBlock(true), createElementBlock(
213
+ Fragment,
214
+ null,
215
+ renderList(queriesResults, (result, resultIndex) => {
216
+ return openBlock(), createElementBlock(
217
+ "li",
218
+ {
219
+ key: result.id,
220
+ "data-test": "ai-overview-suggestion-result",
221
+ class: normalizeClass({
222
+ "x-ai-overview-result-animation": _ctx.shouldAnimateSuggestion
223
+ }),
224
+ style: normalizeStyle({
225
+ animationDelay: `${suggestionIndex * 300 + resultIndex * 300}ms`
226
+ })
227
+ },
228
+ [
229
+ renderSlot(_ctx.$slots, "result", { result })
230
+ ],
231
+ 6
232
+ /* CLASS, STYLE */
233
+ );
234
+ }),
235
+ 128
236
+ /* KEYED_FRAGMENT */
237
+ ))
238
+ ])
239
+ ]),
240
+ _: 2
241
+ /* DYNAMIC */
242
+ }, 1032, ["class", "scroll-container-class", "button-class"])
243
+ ])
244
+ ]),
245
+ _: 2
246
+ /* DYNAMIC */
247
+ }, 1032, ["query-tagging", "tooling-display-tagging", "tooling-add2-cart-tagging"])
248
+ ],
249
+ 6
250
+ /* CLASS, STYLE */
251
+ )
252
+ ]),
253
+ _: 2
254
+ /* DYNAMIC */
255
+ }, 1032, ["payload", "event-metadata"]);
256
+ }),
257
+ 128
258
+ /* KEYED_FRAGMENT */
259
+ ))
260
+ ]))
261
+ ],
262
+ 512
263
+ /* NEED_PATCH */
264
+ ), [
265
+ [vShow, _ctx.expanded]
266
+ ])
100
267
  ]),
101
268
  _: 3
102
269
  /* FORWARDED */
103
- }),
104
- createVNode(_component_ChangeHeight, null, {
270
+ }, 8, ["style"]),
271
+ createVNode(_component_Fade, null, {
105
272
  default: withCtx(() => [
106
- createElementVNode("div", _hoisted_7, [
107
- _ctx.title ? (openBlock(), createElementBlock(
108
- "span",
109
- _hoisted_8,
110
- toDisplayString(_ctx.suggestionText),
111
- 1
112
- /* TEXT */
113
- )) : createCommentVNode("v-if", true),
114
- createElementVNode(
115
- "p",
273
+ _ctx.queries.length ? (openBlock(), createElementBlock("div", {
274
+ key: 0,
275
+ class: "x-cursor-pointer",
276
+ "data-test": "ai-overview-toggle-button-wrapper",
277
+ onClick: _cache[1] || (_cache[1] = ($event) => _ctx.onExpandButtonClick(!_ctx.expanded))
278
+ }, [
279
+ withDirectives(createElementVNode(
280
+ "div",
281
+ _hoisted_11,
116
282
  null,
117
- toDisplayString(_ctx.responseText),
118
- 1
119
- /* TEXT */
120
- )
121
- ])
283
+ 512
284
+ /* NEED_PATCH */
285
+ ), [
286
+ [vShow, !_ctx.expanded]
287
+ ]),
288
+ createElementVNode("div", _hoisted_12, [
289
+ createElementVNode("button", {
290
+ class: "x-ai-overview-toggle-btn",
291
+ "data-test": "ai-overview-toggle-button",
292
+ onClick: _cache[0] || (_cache[0] = withModifiers(($event) => _ctx.onExpandButtonClick(!_ctx.expanded), ["stop"]))
293
+ }, [
294
+ createTextVNode(
295
+ toDisplayString(_ctx.buttonText) + " ",
296
+ 1
297
+ /* TEXT */
298
+ ),
299
+ createVNode(_component_ChevronDownIcon, {
300
+ class: normalizeClass(["x-ai-overview-toggle-btn-icon", { "x-ai-overview-toggle-btn-icon-expanded": _ctx.expanded }])
301
+ }, null, 8, ["class"])
302
+ ])
303
+ ])
304
+ ])) : createCommentVNode("v-if", true)
122
305
  ]),
123
306
  _: 1
124
307
  /* STABLE */
125
308
  })
126
- ]),
127
- createVNode(_component_CollapseHeight, {
128
- style: normalizeStyle({
129
- "--x-collapse-height-transition-duration": `${300 * _ctx.suggestionsSearch.length}ms`
130
- }),
131
- "data-test": "ai-overview-collapse-height-suggestions"
132
- }, {
133
- default: withCtx(() => [
134
- withDirectives(createElementVNode(
135
- "div",
136
- null,
137
- [
138
- !_ctx.suggestionsSearch.length ? (openBlock(), createBlock(_component_SpinnerIcon, {
139
- key: 0,
140
- class: "x-ai-overview-suggestions-loading",
141
- "data-test": "ai-overview-suggestions-loading"
142
- })) : (openBlock(), createElementBlock("div", _hoisted_9, [
143
- (openBlock(true), createElementBlock(
144
- Fragment,
145
- null,
146
- renderList(_ctx.suggestionsSearch, ({ query: suggestionQuery, results: queriesResults, tagging: suggestionTagging }, suggestionIndex) => {
147
- return openBlock(), createBlock(_component_DisplayEmitter, {
148
- key: suggestionQuery,
149
- payload: _ctx.tagging?.searchQueries[suggestionQuery].toolingDisplay ?? _ctx.emptyTaggingRequest,
150
- "event-metadata": {
151
- feature: "overview",
152
- displayOriginalQuery: _ctx.query || "overview-without-query",
153
- replaceable: false
154
- },
155
- "data-test": "ai-overview-query-display-emitter"
156
- }, {
157
- default: withCtx(() => [
158
- createElementVNode(
159
- "div",
160
- {
161
- class: normalizeClass(["x-ai-overview-suggestion", {
162
- "x-ai-overview-result-animation": _ctx.shouldAnimateSuggestion
163
- }]),
164
- "data-test": "ai-overview-suggestion",
165
- style: normalizeStyle({ animationDelay: `${suggestionIndex * 300}ms` })
166
- },
167
- [
168
- createVNode(_component_BaseEventButton, {
169
- class: "x-ai-overview-suggestion-query-btn",
170
- events: { UserAcceptedAQuery: suggestionQuery }
171
- }, {
172
- default: withCtx(() => [
173
- createTextVNode(
174
- toDisplayString(suggestionQuery) + " ",
175
- 1
176
- /* TEXT */
177
- ),
178
- createVNode(_component_ArrowRightIcon, { class: "x-ai-overview-suggestion-query-btn-icon" })
179
- ]),
180
- _: 2
181
- /* DYNAMIC */
182
- }, 1032, ["events"]),
183
- createVNode(_component_DisplayClickProvider, {
184
- "query-tagging": suggestionTagging.query,
185
- "tooling-display-tagging": _ctx.tagging?.searchQueries[suggestionQuery].toolingDisplayClick,
186
- "tooling-add2-cart-tagging": _ctx.tagging?.searchQueries[suggestionQuery].toolingDisplayAdd2Cart,
187
- "result-feature": "overview"
188
- }, {
189
- default: withCtx(() => [
190
- renderSlot(_ctx.$slots, "sliding-panel", { results: queriesResults }, () => [
191
- createVNode(_component_SlidingPanel, {
192
- class: normalizeClass(_ctx.slidingPanelsClasses),
193
- "scroll-container-class": _ctx.slidingPanelContainersClasses,
194
- "button-class": _ctx.slidingPanelButtonsClasses,
195
- "reset-on-content-change": false
196
- }, {
197
- "sliding-panel-addons": withCtx(({ arrivedState }) => [
198
- renderSlot(_ctx.$slots, "sliding-panels-addons", { arrivedState })
199
- ]),
200
- "sliding-panel-left-button": withCtx(() => [
201
- renderSlot(_ctx.$slots, "sliding-panels-left-button")
202
- ]),
203
- "sliding-panel-right-button": withCtx(() => [
204
- renderSlot(_ctx.$slots, "sliding-panels-right-button")
205
- ]),
206
- default: withCtx(() => [
207
- createElementVNode("ul", _hoisted_10, [
208
- (openBlock(true), createElementBlock(
209
- Fragment,
210
- null,
211
- renderList(queriesResults, (result, resultIndex) => {
212
- return openBlock(), createElementBlock(
213
- "li",
214
- {
215
- key: result.id,
216
- "data-test": "ai-overview-suggestion-result",
217
- class: normalizeClass({
218
- "x-ai-overview-result-animation": _ctx.shouldAnimateSuggestion
219
- }),
220
- style: normalizeStyle({
221
- animationDelay: `${suggestionIndex * 300 + resultIndex * 300}ms`
222
- })
223
- },
224
- [
225
- renderSlot(_ctx.$slots, "result", { result })
226
- ],
227
- 6
228
- /* CLASS, STYLE */
229
- );
230
- }),
231
- 128
232
- /* KEYED_FRAGMENT */
233
- ))
234
- ])
235
- ]),
236
- _: 2
237
- /* DYNAMIC */
238
- }, 1032, ["class", "scroll-container-class", "button-class"])
239
- ])
240
- ]),
241
- _: 2
242
- /* DYNAMIC */
243
- }, 1032, ["query-tagging", "tooling-display-tagging", "tooling-add2-cart-tagging"])
244
- ],
245
- 6
246
- /* CLASS, STYLE */
247
- )
248
- ]),
249
- _: 2
250
- /* DYNAMIC */
251
- }, 1032, ["payload", "event-metadata"]);
252
- }),
253
- 128
254
- /* KEYED_FRAGMENT */
255
- ))
256
- ]))
257
- ],
258
- 512
259
- /* NEED_PATCH */
260
- ), [
261
- [vShow, _ctx.expanded]
262
- ])
263
- ]),
264
- _: 3
265
- /* FORWARDED */
266
- }, 8, ["style"]),
267
- createVNode(_component_Fade, null, {
268
- default: withCtx(() => [
269
- _ctx.queries.length ? (openBlock(), createElementBlock("div", {
270
- key: 0,
271
- class: "x-cursor-pointer",
272
- "data-test": "ai-overview-toggle-button-wrapper",
273
- onClick: _cache[1] || (_cache[1] = ($event) => _ctx.onExpandButtonClick(!_ctx.expanded))
274
- }, [
275
- withDirectives(createElementVNode(
276
- "div",
277
- _hoisted_11,
278
- null,
279
- 512
280
- /* NEED_PATCH */
281
- ), [
282
- [vShow, !_ctx.expanded]
283
- ]),
284
- createElementVNode("div", _hoisted_12, [
285
- createElementVNode("button", {
286
- class: "x-ai-overview-toggle-btn",
287
- "data-test": "ai-overview-toggle-button",
288
- onClick: _cache[0] || (_cache[0] = withModifiers(($event) => _ctx.onExpandButtonClick(!_ctx.expanded), ["stop"]))
289
- }, [
290
- createTextVNode(
291
- toDisplayString(_ctx.buttonText) + " ",
292
- 1
293
- /* TEXT */
294
- ),
295
- createVNode(_component_ChevronDownIcon, {
296
- class: normalizeClass(["x-ai-overview-toggle-btn-icon", { "x-ai-overview-toggle-btn-icon-expanded": _ctx.expanded }])
297
- }, null, 8, ["class"])
298
- ])
299
- ])
300
- ])) : createCommentVNode("v-if", true)
301
- ]),
302
- _: 1
303
- /* STABLE */
304
- })
305
- ])) : createCommentVNode("v-if", true)
309
+ ],
310
+ 512
311
+ /* NEED_PATCH */
312
+ )) : createCommentVNode("v-if", true)
306
313
  ]),
307
314
  _: 3
308
315
  /* FORWARDED */