@empathyco/x-components 6.0.0-alpha.25 → 6.0.0-alpha.27

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 (53) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/core/index.js +1 -1
  3. package/core/index.js.map +1 -1
  4. package/design-system/deprecated-full-theme.css +382 -382
  5. package/docs/API-reference/api/x-components.md +2 -2
  6. package/docs/API-reference/api/x-components.relatedprompt.md +27 -11
  7. package/docs/API-reference/api/x-components.relatedpromptsmutations.md +1 -0
  8. package/docs/API-reference/api/x-components.relatedpromptsmutations.resetselectedprompt.md +17 -0
  9. package/docs/API-reference/api/x-components.relatedpromptsmutations.setrelatedpromptsproducts.md +1 -1
  10. package/docs/API-reference/api/x-components.relatedpromptstaglist.md +22 -0
  11. package/docs/API-reference/components/related-prompts/x-components.related-prompt.md +11 -14
  12. package/docs/API-reference/components/related-prompts/x-components.related-prompts-tag-list.md +23 -0
  13. package/js/composables/use-alias-api.js +1 -1
  14. package/js/composables/use-getter.js +1 -1
  15. package/js/composables/use-state.js +1 -1
  16. package/js/index.js +2 -1
  17. package/js/index.js.map +1 -1
  18. package/js/x-modules/related-prompts/components/related-prompt.vue.js +43 -81
  19. package/js/x-modules/related-prompts/components/related-prompt.vue.js.map +1 -1
  20. package/js/x-modules/related-prompts/components/related-prompt.vue2.js +34 -26
  21. package/js/x-modules/related-prompts/components/related-prompt.vue2.js.map +1 -1
  22. package/js/x-modules/related-prompts/components/related-prompts-tag-list.vue.js +80 -0
  23. package/js/x-modules/related-prompts/components/related-prompts-tag-list.vue.js.map +1 -0
  24. package/js/x-modules/related-prompts/components/related-prompts-tag-list.vue2.js +55 -0
  25. package/js/x-modules/related-prompts/components/related-prompts-tag-list.vue2.js.map +1 -0
  26. package/js/x-modules/related-prompts/components/related-prompts-tag-list.vue3.js +7 -0
  27. package/js/x-modules/related-prompts/components/related-prompts-tag-list.vue3.js.map +1 -0
  28. package/js/x-modules/related-prompts/store/module.js +9 -1
  29. package/js/x-modules/related-prompts/store/module.js.map +1 -1
  30. package/js/x-modules/related-prompts/wiring.js +10 -0
  31. package/js/x-modules/related-prompts/wiring.js.map +1 -1
  32. package/package.json +2 -2
  33. package/related-prompts/index.js +1 -0
  34. package/report/x-components.api.json +209 -47
  35. package/report/x-components.api.md +49 -12
  36. package/types/composables/use-store.d.ts +2 -2
  37. package/types/composables/use-store.d.ts.map +1 -1
  38. package/types/x-modules/related-prompts/components/index.d.ts +1 -0
  39. package/types/x-modules/related-prompts/components/index.d.ts.map +1 -1
  40. package/types/x-modules/related-prompts/components/related-prompt.vue.d.ts +27 -13
  41. package/types/x-modules/related-prompts/components/related-prompt.vue.d.ts.map +1 -1
  42. package/types/x-modules/related-prompts/components/related-prompts-tag-list.vue.d.ts +14 -0
  43. package/types/x-modules/related-prompts/components/related-prompts-tag-list.vue.d.ts.map +1 -0
  44. package/types/x-modules/related-prompts/store/module.d.ts.map +1 -1
  45. package/types/x-modules/related-prompts/store/types.d.ts +5 -1
  46. package/types/x-modules/related-prompts/store/types.d.ts.map +1 -1
  47. package/types/x-modules/related-prompts/wiring.d.ts +6 -0
  48. package/types/x-modules/related-prompts/wiring.d.ts.map +1 -1
  49. package/docs/API-reference/api/x-components.usestore.md +0 -19
  50. package/js/composables/use-store.js +0 -15
  51. package/js/composables/use-store.js.map +0 -1
  52. package/js/x-modules/related-prompts/components/related-prompt.vue3.js +0 -7
  53. package/js/x-modules/related-prompts/components/related-prompt.vue3.js.map +0 -1
@@ -0,0 +1 @@
1
+ {"version":3,"file":"related-prompts-tag-list.vue.js","sources":["../../../../../src/x-modules/related-prompts/components/related-prompts-tag-list.vue"],"sourcesContent":["<template>\n <div>\n <template v-if=\"$slots.header\">\n <slot name=\"header\" />\n </template>\n <SlidingPanel\n :reset-on-content-change=\"true\"\n :button-class=\"buttonClass\"\n :scroll-container-class=\"\n selectedPrompt === -1 ? 'desktop:x-sliding-panel-fade desktop:x-sliding-panel-fade-sm' : ''\n \"\n >\n <template #sliding-panel-left-button>\n <slot name=\"sliding-panel-left-button\" />\n </template>\n\n <slot name=\"sliding-panel-content\">\n <div\n ref=\"slidingPanelContent\"\n class=\"x-related-prompt__sliding-panel-content\"\n :class=\"{ 'x-w-[calc(100%)]': selectedPrompt !== -1 }\"\n >\n <div\n v-for=\"(suggestion, index) in relatedPrompts\"\n :key=\"index\"\n :style=\"{\n animationDelay: `${index * 0.4 + 0.05}s`\n }\"\n class=\"x-related-prompt x-staggered-initial\"\n :class=\"[\n { 'x-staggered-animation': arePromptsVisible },\n { 'x-hidden': hidePrompt(index) },\n { 'x-related-prompt-selected': isSelected(index) }\n ]\"\n data-test=\"related-prompt-item\"\n >\n <slot\n name=\"related-prompt-button\"\n v-bind=\"{ suggestion, index, arePromptsVisible, isSelected }\"\n >\n <RelatedPrompt\n :related-prompt=\"suggestion\"\n :index=\"index\"\n :is-prompt-visible=\"arePromptsVisible\"\n :is-selected=\"isSelected(index)\"\n />\n </slot>\n </div>\n </div>\n </slot>\n\n <template #sliding-panel-right-button>\n <slot name=\"sliding-panel-right-button\" />\n </template>\n </SlidingPanel>\n </div>\n</template>\n<script lang=\"ts\">\n import { defineComponent, onMounted, onUnmounted, ref } from 'vue';\n import SlidingPanel from '../../../components/sliding-panel.vue';\n import { relatedPromptsXModule } from '../x-module';\n import { useState } from '../../../composables/index';\n import RelatedPrompt from './related-prompt.vue';\n\n export default defineComponent({\n name: 'RelatedPromptsTagList',\n xModule: relatedPromptsXModule.name,\n components: { RelatedPrompt, SlidingPanel },\n props: {\n buttonClass: String\n },\n setup() {\n const { relatedPrompts, selectedPrompt } = useState('relatedPrompts', [\n 'relatedPrompts',\n 'selectedPrompt'\n ]);\n\n const slidingPanelContent = ref<Element>();\n const arePromptsVisible = ref(false);\n\n const observer = new IntersectionObserver(([entry]) => {\n arePromptsVisible.value = entry.isIntersecting;\n });\n\n onMounted(() => {\n observer.observe(slidingPanelContent.value as Element);\n });\n\n onUnmounted(() => {\n observer.disconnect();\n });\n\n const isSelected = (index: number): boolean => selectedPrompt.value === index;\n\n const hidePrompt = (index: number): boolean =>\n selectedPrompt.value !== -1 && selectedPrompt.value !== index;\n\n return {\n arePromptsVisible,\n hidePrompt,\n isSelected,\n relatedPrompts,\n selectedPrompt,\n slidingPanelContent\n };\n }\n });\n</script>\n\n<style lang=\"css\">\n .x-related-prompt__sliding-panel-content {\n display: flex;\n gap: 8px;\n }\n\n .x-related-prompt {\n display: flex;\n flex-direction: column;\n border-radius: 12px;\n transition-property: all;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 500ms;\n min-height: 112px;\n height: 100%;\n width: 303px;\n }\n\n .x-related-prompt-selected {\n width: 100% !important;\n min-height: 0;\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n\n &__button {\n width: 100% !important;\n }\n }\n\n .x-related-prompt__button {\n display: flex;\n flex-direction: row;\n gap: 12px;\n justify-content: space-between;\n align-items: start;\n text-align: start;\n padding: 16px;\n transition-property: all;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 500ms;\n flex-grow: 1;\n width: 303px;\n }\n\n .x-related-prompt__button-info {\n display: flex;\n min-height: 32px;\n }\n\n @media (max-width: 743px) {\n .x-related-prompt {\n width: 204px;\n &__button {\n width: 204px;\n }\n }\n }\n\n .x-no-scrollbar::-webkit-scrollbar {\n display: none;\n }\n\n .x-no-scrollbar {\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n }\n\n .x-typewritter-initial {\n color: #0000;\n background: linear-gradient(-90deg, transparent 5px, #0000 0) 10px 0,\n linear-gradient(#575757 0 0) 0 0;\n background-size: 0 200%;\n -webkit-background-clip: padding-box, text;\n background-clip: padding-box, text;\n background-repeat: no-repeat;\n }\n\n .x-typewritter-animation {\n animation: typewritter calc(var(--suggestion-text-length) * 0.05s)\n steps(var(--suggestion-text-length)) forwards;\n }\n\n @keyframes typewritter {\n from {\n background-size: 0 200%;\n }\n to {\n background-size: calc(var(--suggestion-text-length) * 1ch) 200%;\n }\n }\n\n .x-staggered-initial {\n opacity: 0;\n transform: translateY(20px);\n }\n\n .x-staggered-animation {\n animation: fadeInUp 0.6s forwards;\n }\n\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(20px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n</style>\n"],"names":["_resolveComponent","_openBlock","_createElementBlock","_renderSlot","_createCommentVNode","_createVNode","selectedPrompt","_withCtx","_createElementVNode","relatedPrompts","_Fragment","_renderList","hidePrompt","isSelected","_mergeProps"],"mappings":";;;;;;;kCACEA,gBAsDM,CAAA,cAAA,CAAA,CAAA;AApDF,EAAA,OAAAC,SAAA,EAHN,EAAAC,kBAAA,CAAA,KAAA,EAAA,IAAA,EAAA;AAAA,IAKI,IAAA,CAAA,MAAA,CAAA,MAAA,GAAAC,UAAA,CAiDe,IAhDZ,CAAA,MAAA,EAAA,QAAA,EAAA,EAAA,GAAA,EAAA,CAAA,EAAA,CAAA,GAAAC,kBAAA,CAAA,MAAA,EAAyB,IAAI,CAAA;AAAA,IAAAC,WAAA,CAC7B,uBAAyB,EAAA;AAAA,MACzB,yBAAsB,EAAA,IAAA;AAAA,MAAA,cAAA,EAAWC,IAAc,CAAA,WAAA;AAAA,MAAA,wBAAA,EAAA,IAAA,CAAA,cAAA,KAAA,CAAA,CAAA,GAAA,8DAAA,GAAA,EAAA;;;QA2CrCH,UACiC,CAAA,IAAA,CAAA,MAAA,EAAA,2BAAA,CAAA;AAAA,OAAA,CAAA;;QApDlDA,UAiDa,CAAA,IAAA,CAAA,MAAA,EAAA,4BAAA,CAAA;AAAA,OAAA,CAAA;eAhCLI,OA+BM,CAAA,MAAA;AAAA,QAAAJ,UAAA,CA9BA,IAAqB,CAAA,MAAA,EAAA,uBAAA,EAAA,EAAA,EAAA,MAAA;AAAA,UAAAK,kBAAA;AAlBnC,YAAA,KAAA;AAAA,YAmBgB;AAAA,cAAA,GAAA,EAAA,qBAAA;oCAGN,CAtBV,yCAAA,EAAA,EAuB0CC,kBAvB1C,EAAA,IAAA,CAuBoB,cAAiB,KAAA,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,aAAA;;yBACnB,IAAK,CAAA,EAAAP,kBAAA;AAAA,gBAAAQ,QAAA;AAAA,gBAAA,IAAA;AAAA,gBAAAC,UAAA,CAAA,IAAA,CAAA,cAAA,EAAA,CAAA,UAAA,EAAA,KAAA,KAAA;yBACLV,SAzBlB,EAAA,EAAAC,kBAAA;AAAA,oBAAA,KAAA;AAAA,oBAAA;AAAA,sBAAA,GAAA,EAAA,KAAA;;wCAAA,CA4BkB,EAAA,KAAA,GAAA,GAAA,GAAA,IAAA,CAAA,CAAA,CAAA;AAAA,uBAAA,CAAA;4CAC8FU,CAAgB,sCAAA,EAAA;AAAA,wBAAA,EAAA,uBAAA,EAAA,IAAA,CAAkDC,iBAAW,EAAA;AAAA,wBAAA,EAAA,UAAA,EAAA,IAAA,CAAA,UAAA,CAAA,KAAA,CAAA,EAAA;AAKjL,wBAAA,EAAA,2BAAA,EAAU,IAAqB,CAAA,UAAA,CAAA,KAAA,CAAA,EAAA;AAAA,uBAAA,CAAA,CAAA;sBAE/B,WAUO,EAAA,qBAAA;AAAA,qBAAA;;AALF,sBAAAV,UAAA,CAAA,IAAA,CAAA,MAAA,EAAgB,uBAAU,EAAAW,UAAA,CAAA,EAAA,OAAA,EAAA,IAAA,EAAA,EAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,CAAA,iBAAA,EAAA,UAAA,EAAA,IAAA,CAAA,UAAA,EAAA,CAAA,EAAA,MAAA;AAAA,wBAAAT,WAAA,CACnB,wBAAK,EAAA;AAAA,0BACZ,gBAAA,EAAA,UAAA;AAAA,0BACA,KAAA;AAAA,0BAAA,mBAAA,EAAA,IAAA,CAAA,iBAAA;;;;;;;;;;;;;;;;AA5CjB,SAAA,CAAA;AAAA,OAAA,CAAA;;;;;;;;;;"}
@@ -0,0 +1,55 @@
1
+ import { defineComponent, ref, onMounted, onUnmounted } from 'vue';
2
+ import SlidingPanel from '../../../components/sliding-panel.vue.js';
3
+ import { relatedPromptsXModule } from '../x-module.js';
4
+ import '../../../composables/create-use-device.js';
5
+ import '@vue/devtools-api';
6
+ import '../../../plugins/devtools/timeline.devtools.js';
7
+ import '@empathyco/x-utils';
8
+ import 'rxjs/operators';
9
+ import 'rxjs';
10
+ import '../../../plugins/devtools/colors.utils.js';
11
+ import '../../../plugins/x-bus.js';
12
+ import '../../../plugins/x-plugin.js';
13
+ import 'vuex';
14
+ import '@vueuse/core';
15
+ import { useState } from '../../../composables/use-state.js';
16
+ import RelatedPrompt from './related-prompt.vue.js';
17
+
18
+ var _sfc_main = defineComponent({
19
+ name: 'RelatedPromptsTagList',
20
+ xModule: relatedPromptsXModule.name,
21
+ components: { RelatedPrompt, SlidingPanel },
22
+ props: {
23
+ buttonClass: String
24
+ },
25
+ setup() {
26
+ const { relatedPrompts, selectedPrompt } = useState('relatedPrompts', [
27
+ 'relatedPrompts',
28
+ 'selectedPrompt'
29
+ ]);
30
+ const slidingPanelContent = ref();
31
+ const arePromptsVisible = ref(false);
32
+ const observer = new IntersectionObserver(([entry]) => {
33
+ arePromptsVisible.value = entry.isIntersecting;
34
+ });
35
+ onMounted(() => {
36
+ observer.observe(slidingPanelContent.value);
37
+ });
38
+ onUnmounted(() => {
39
+ observer.disconnect();
40
+ });
41
+ const isSelected = (index) => selectedPrompt.value === index;
42
+ const hidePrompt = (index) => selectedPrompt.value !== -1 && selectedPrompt.value !== index;
43
+ return {
44
+ arePromptsVisible,
45
+ hidePrompt,
46
+ isSelected,
47
+ relatedPrompts,
48
+ selectedPrompt,
49
+ slidingPanelContent
50
+ };
51
+ }
52
+ });
53
+
54
+ export { _sfc_main as default };
55
+ //# sourceMappingURL=related-prompts-tag-list.vue2.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"related-prompts-tag-list.vue2.js","sources":["../../../../../src/x-modules/related-prompts/components/related-prompts-tag-list.vue"],"sourcesContent":["<template>\n <div>\n <template v-if=\"$slots.header\">\n <slot name=\"header\" />\n </template>\n <SlidingPanel\n :reset-on-content-change=\"true\"\n :button-class=\"buttonClass\"\n :scroll-container-class=\"\n selectedPrompt === -1 ? 'desktop:x-sliding-panel-fade desktop:x-sliding-panel-fade-sm' : ''\n \"\n >\n <template #sliding-panel-left-button>\n <slot name=\"sliding-panel-left-button\" />\n </template>\n\n <slot name=\"sliding-panel-content\">\n <div\n ref=\"slidingPanelContent\"\n class=\"x-related-prompt__sliding-panel-content\"\n :class=\"{ 'x-w-[calc(100%)]': selectedPrompt !== -1 }\"\n >\n <div\n v-for=\"(suggestion, index) in relatedPrompts\"\n :key=\"index\"\n :style=\"{\n animationDelay: `${index * 0.4 + 0.05}s`\n }\"\n class=\"x-related-prompt x-staggered-initial\"\n :class=\"[\n { 'x-staggered-animation': arePromptsVisible },\n { 'x-hidden': hidePrompt(index) },\n { 'x-related-prompt-selected': isSelected(index) }\n ]\"\n data-test=\"related-prompt-item\"\n >\n <slot\n name=\"related-prompt-button\"\n v-bind=\"{ suggestion, index, arePromptsVisible, isSelected }\"\n >\n <RelatedPrompt\n :related-prompt=\"suggestion\"\n :index=\"index\"\n :is-prompt-visible=\"arePromptsVisible\"\n :is-selected=\"isSelected(index)\"\n />\n </slot>\n </div>\n </div>\n </slot>\n\n <template #sliding-panel-right-button>\n <slot name=\"sliding-panel-right-button\" />\n </template>\n </SlidingPanel>\n </div>\n</template>\n<script lang=\"ts\">\n import { defineComponent, onMounted, onUnmounted, ref } from 'vue';\n import SlidingPanel from '../../../components/sliding-panel.vue';\n import { relatedPromptsXModule } from '../x-module';\n import { useState } from '../../../composables/index';\n import RelatedPrompt from './related-prompt.vue';\n\n export default defineComponent({\n name: 'RelatedPromptsTagList',\n xModule: relatedPromptsXModule.name,\n components: { RelatedPrompt, SlidingPanel },\n props: {\n buttonClass: String\n },\n setup() {\n const { relatedPrompts, selectedPrompt } = useState('relatedPrompts', [\n 'relatedPrompts',\n 'selectedPrompt'\n ]);\n\n const slidingPanelContent = ref<Element>();\n const arePromptsVisible = ref(false);\n\n const observer = new IntersectionObserver(([entry]) => {\n arePromptsVisible.value = entry.isIntersecting;\n });\n\n onMounted(() => {\n observer.observe(slidingPanelContent.value as Element);\n });\n\n onUnmounted(() => {\n observer.disconnect();\n });\n\n const isSelected = (index: number): boolean => selectedPrompt.value === index;\n\n const hidePrompt = (index: number): boolean =>\n selectedPrompt.value !== -1 && selectedPrompt.value !== index;\n\n return {\n arePromptsVisible,\n hidePrompt,\n isSelected,\n relatedPrompts,\n selectedPrompt,\n slidingPanelContent\n };\n }\n });\n</script>\n\n<style lang=\"css\">\n .x-related-prompt__sliding-panel-content {\n display: flex;\n gap: 8px;\n }\n\n .x-related-prompt {\n display: flex;\n flex-direction: column;\n border-radius: 12px;\n transition-property: all;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 500ms;\n min-height: 112px;\n height: 100%;\n width: 303px;\n }\n\n .x-related-prompt-selected {\n width: 100% !important;\n min-height: 0;\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n\n &__button {\n width: 100% !important;\n }\n }\n\n .x-related-prompt__button {\n display: flex;\n flex-direction: row;\n gap: 12px;\n justify-content: space-between;\n align-items: start;\n text-align: start;\n padding: 16px;\n transition-property: all;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 500ms;\n flex-grow: 1;\n width: 303px;\n }\n\n .x-related-prompt__button-info {\n display: flex;\n min-height: 32px;\n }\n\n @media (max-width: 743px) {\n .x-related-prompt {\n width: 204px;\n &__button {\n width: 204px;\n }\n }\n }\n\n .x-no-scrollbar::-webkit-scrollbar {\n display: none;\n }\n\n .x-no-scrollbar {\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n }\n\n .x-typewritter-initial {\n color: #0000;\n background: linear-gradient(-90deg, transparent 5px, #0000 0) 10px 0,\n linear-gradient(#575757 0 0) 0 0;\n background-size: 0 200%;\n -webkit-background-clip: padding-box, text;\n background-clip: padding-box, text;\n background-repeat: no-repeat;\n }\n\n .x-typewritter-animation {\n animation: typewritter calc(var(--suggestion-text-length) * 0.05s)\n steps(var(--suggestion-text-length)) forwards;\n }\n\n @keyframes typewritter {\n from {\n background-size: 0 200%;\n }\n to {\n background-size: calc(var(--suggestion-text-length) * 1ch) 200%;\n }\n }\n\n .x-staggered-initial {\n opacity: 0;\n transform: translateY(20px);\n }\n\n .x-staggered-animation {\n animation: fadeInUp 0.6s forwards;\n }\n\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(20px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAgEE,gBAAe,eAAe,CAAC;AAC7B,IAAA,IAAI,EAAE,uBAAuB;IAC7B,OAAO,EAAE,qBAAqB,CAAC,IAAI;AACnC,IAAA,UAAU,EAAE,EAAE,aAAa,EAAE,cAAc;AAC3C,IAAA,KAAK,EAAE;AACL,QAAA,WAAW,EAAE,MAAK;AACnB,KAAA;IACD,KAAK,GAAA;QACH,MAAM,EAAE,cAAc,EAAE,cAAa,EAAI,GAAE,QAAQ,CAAC,gBAAgB,EAAE;YACpE,gBAAgB;YAChB,gBAAe;AAChB,SAAA,CAAC,CAAA;AAEF,QAAA,MAAM,mBAAkB,GAAI,GAAG,EAAW,CAAA;AAC1C,QAAA,MAAM,iBAAgB,GAAI,GAAG,CAAC,KAAK,CAAC,CAAA;QAEpC,MAAM,QAAS,GAAE,IAAI,oBAAoB,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK;AACrD,YAAA,iBAAiB,CAAC,KAAM,GAAE,KAAK,CAAC,cAAc,CAAA;AAChD,SAAC,CAAC,CAAA;QAEF,SAAS,CAAC,MAAM;AACd,YAAA,QAAQ,CAAC,OAAO,CAAC,mBAAmB,CAAC,KAAgB,CAAC,CAAA;AACxD,SAAC,CAAC,CAAA;QAEF,WAAW,CAAC,MAAM;YAChB,QAAQ,CAAC,UAAU,EAAE,CAAA;AACvB,SAAC,CAAC,CAAA;AAEF,QAAA,MAAM,UAAW,GAAE,CAAC,KAAa,KAAc,cAAc,CAAC,KAAI,KAAM,KAAK,CAAA;AAE7E,QAAA,MAAM,UAAW,GAAE,CAAC,KAAa,KAC/B,cAAc,CAAC,KAAI,KAAM,CAAC,CAAA,IAAK,cAAc,CAAC,KAAM,KAAI,KAAK,CAAA;QAE/D,OAAO;YACL,iBAAiB;YACjB,UAAU;YACV,UAAU;YACV,cAAc;YACd,cAAc;YACd,mBAAkB;SACnB,CAAA;KACH;AACD,CAAA,CAAC;;;;"}
@@ -0,0 +1,7 @@
1
+ import injectCss from '../../../../tools/inject-css.js';
2
+
3
+ var css = ".x-related-prompt__sliding-panel-content{display:flex;gap:8px}.x-related-prompt{border-radius:12px;display:flex;flex-direction:column;height:100%;min-height:112px;transition-duration:.5s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:303px}.x-related-prompt-selected{border-bottom-left-radius:0;border-bottom-right-radius:0;min-height:0;width:100%!important}.x-related-prompt-selected__button{width:100%!important}[dir=ltr] .x-related-prompt__button{text-align:left}[dir=rtl] .x-related-prompt__button{text-align:right}.x-related-prompt__button{align-items:start;display:flex;flex-direction:row;flex-grow:1;gap:12px;justify-content:space-between;padding:16px;transition-duration:.5s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:303px}.x-related-prompt__button-info{display:flex;min-height:32px}@media (max-width:743px){.x-related-prompt,.x-related-prompt__button{width:204px}}.x-no-scrollbar::-webkit-scrollbar{display:none}.x-no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.x-typewritter-initial{background:linear-gradient(-90deg,transparent 5px,#0000 0) 10px 0,linear-gradient(#575757 0 0) 0 0;background-clip:padding-box,text;background-repeat:no-repeat;background-size:0 200%;color:#0000}.x-typewritter-animation{animation:typewritter calc(var(--suggestion-text-length)*.05s) steps(var(--suggestion-text-length)) forwards}@keyframes typewritter{0%{background-size:0 200%}to{background-size:calc(var(--suggestion-text-length)*1ch) 200%}}.x-staggered-initial{opacity:0;transform:translateY(20px)}.x-staggered-animation{animation:fadeInUp .6s forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}";
4
+ injectCss(css);
5
+
6
+ export { css, css as default };
7
+ //# sourceMappingURL=related-prompts-tag-list.vue3.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"related-prompts-tag-list.vue3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}
@@ -31,7 +31,12 @@ const relatedPromptsXStoreModule = {
31
31
  state.relatedPrompts = products;
32
32
  },
33
33
  setSelectedPrompt(state, selectedPrompt) {
34
- state.selectedPrompt = selectedPrompt;
34
+ if (state.selectedPrompt === selectedPrompt) {
35
+ state.selectedPrompt = -1;
36
+ }
37
+ else {
38
+ state.selectedPrompt = selectedPrompt;
39
+ }
35
40
  },
36
41
  setSelectedQuery(state, selectedQuery) {
37
42
  state.selectedQuery = selectedQuery;
@@ -40,6 +45,9 @@ const relatedPromptsXStoreModule = {
40
45
  state.selectedQuery = -1;
41
46
  state.selectedPrompt = -1;
42
47
  state.relatedPrompts = [];
48
+ },
49
+ resetSelectedPrompt(state) {
50
+ state.selectedPrompt = -1;
43
51
  }
44
52
  },
45
53
  actions: {
@@ -1 +1 @@
1
- {"version":3,"file":"module.js","sources":["../../../../../src/x-modules/related-prompts/store/module.ts"],"sourcesContent":["import { setStatus } from '../../../store/utils/status-store.utils';\nimport { setQuery } from '../../../store/utils/query.utils';\nimport { RelatedPromptsXStoreModule } from './types';\nimport {\n cancelFetchAndSaveRelatedPrompts,\n fetchAndSaveRelatedPrompts\n} from './actions/fetch-and-save-related-prompts.action';\nimport { fetchRelatedPrompts } from './actions/fetch-related-prompts.action';\nimport { request } from './getters/request.getter';\n\n/**\n * {@link XStoreModule} For the related prompt module.\n *\n * @internal\n */\nexport const relatedPromptsXStoreModule: RelatedPromptsXStoreModule = {\n state: () => ({\n query: '',\n relatedPrompts: [],\n selectedPrompt: -1,\n selectedQuery: -1,\n status: 'initial',\n params: {}\n }),\n getters: {\n request\n },\n mutations: {\n setStatus,\n setQuery,\n setParams(state, params) {\n state.params = params;\n },\n setRelatedPromptsProducts(state, products) {\n state.relatedPrompts = products;\n },\n setSelectedPrompt(state, selectedPrompt) {\n state.selectedPrompt = selectedPrompt;\n },\n setSelectedQuery(state, selectedQuery) {\n state.selectedQuery = selectedQuery;\n },\n resetRelatedPromptsState(state) {\n state.selectedQuery = -1;\n state.selectedPrompt = -1;\n state.relatedPrompts = [];\n }\n },\n actions: {\n fetchRelatedPrompts,\n fetchAndSaveRelatedPrompts,\n cancelFetchAndSaveRelatedPrompts\n }\n};\n"],"names":[],"mappings":";;;;;;AAUA;;;;AAIG;AACU,MAAA,0BAA0B,GAA+B;AACpE,IAAA,KAAK,EAAE,OAAO;AACZ,QAAA,KAAK,EAAE,EAAE;AACT,QAAA,cAAc,EAAE,EAAE;QAClB,cAAc,EAAE,CAAC,CAAC;QAClB,aAAa,EAAE,CAAC,CAAC;AACjB,QAAA,MAAM,EAAE,SAAS;AACjB,QAAA,MAAM,EAAE,EAAE;KACX,CAAC;AACF,IAAA,OAAO,EAAE;QACP,OAAO;AACR,KAAA;AACD,IAAA,SAAS,EAAE;QACT,SAAS;QACT,QAAQ;QACR,SAAS,CAAC,KAAK,EAAE,MAAM,EAAA;AACrB,YAAA,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;SACvB;QACD,yBAAyB,CAAC,KAAK,EAAE,QAAQ,EAAA;AACvC,YAAA,KAAK,CAAC,cAAc,GAAG,QAAQ,CAAC;SACjC;QACD,iBAAiB,CAAC,KAAK,EAAE,cAAc,EAAA;AACrC,YAAA,KAAK,CAAC,cAAc,GAAG,cAAc,CAAC;SACvC;QACD,gBAAgB,CAAC,KAAK,EAAE,aAAa,EAAA;AACnC,YAAA,KAAK,CAAC,aAAa,GAAG,aAAa,CAAC;SACrC;AACD,QAAA,wBAAwB,CAAC,KAAK,EAAA;AAC5B,YAAA,KAAK,CAAC,aAAa,GAAG,CAAC,CAAC,CAAC;AACzB,YAAA,KAAK,CAAC,cAAc,GAAG,CAAC,CAAC,CAAC;AAC1B,YAAA,KAAK,CAAC,cAAc,GAAG,EAAE,CAAC;SAC3B;AACF,KAAA;AACD,IAAA,OAAO,EAAE;QACP,mBAAmB;QACnB,0BAA0B;QAC1B,gCAAgC;AACjC,KAAA;;;;;"}
1
+ {"version":3,"file":"module.js","sources":["../../../../../src/x-modules/related-prompts/store/module.ts"],"sourcesContent":["import { setStatus } from '../../../store/utils/status-store.utils';\nimport { setQuery } from '../../../store/utils/query.utils';\nimport { RelatedPromptsXStoreModule } from './types';\nimport {\n cancelFetchAndSaveRelatedPrompts,\n fetchAndSaveRelatedPrompts\n} from './actions/fetch-and-save-related-prompts.action';\nimport { fetchRelatedPrompts } from './actions/fetch-related-prompts.action';\nimport { request } from './getters/request.getter';\n\n/**\n * {@link XStoreModule} For the related prompt module.\n *\n * @internal\n */\nexport const relatedPromptsXStoreModule: RelatedPromptsXStoreModule = {\n state: () => ({\n query: '',\n relatedPrompts: [],\n selectedPrompt: -1,\n selectedQuery: -1,\n status: 'initial',\n params: {}\n }),\n getters: {\n request\n },\n mutations: {\n setStatus,\n setQuery,\n setParams(state, params) {\n state.params = params;\n },\n setRelatedPromptsProducts(state, products) {\n state.relatedPrompts = products;\n },\n setSelectedPrompt(state, selectedPrompt) {\n if (state.selectedPrompt === selectedPrompt) {\n state.selectedPrompt = -1;\n } else {\n state.selectedPrompt = selectedPrompt;\n }\n },\n setSelectedQuery(state, selectedQuery) {\n state.selectedQuery = selectedQuery;\n },\n resetRelatedPromptsState(state) {\n state.selectedQuery = -1;\n state.selectedPrompt = -1;\n state.relatedPrompts = [];\n },\n resetSelectedPrompt(state) {\n state.selectedPrompt = -1;\n }\n },\n actions: {\n fetchRelatedPrompts,\n fetchAndSaveRelatedPrompts,\n cancelFetchAndSaveRelatedPrompts\n }\n};\n"],"names":[],"mappings":";;;;;;AAUA;;;;AAIG;AACU,MAAA,0BAA0B,GAA+B;AACpE,IAAA,KAAK,EAAE,OAAO;AACZ,QAAA,KAAK,EAAE,EAAE;AACT,QAAA,cAAc,EAAE,EAAE;QAClB,cAAc,EAAE,CAAC,CAAC;QAClB,aAAa,EAAE,CAAC,CAAC;AACjB,QAAA,MAAM,EAAE,SAAS;AACjB,QAAA,MAAM,EAAE,EAAE;KACX,CAAC;AACF,IAAA,OAAO,EAAE;QACP,OAAO;AACR,KAAA;AACD,IAAA,SAAS,EAAE;QACT,SAAS;QACT,QAAQ;QACR,SAAS,CAAC,KAAK,EAAE,MAAM,EAAA;AACrB,YAAA,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;SACvB;QACD,yBAAyB,CAAC,KAAK,EAAE,QAAQ,EAAA;AACvC,YAAA,KAAK,CAAC,cAAc,GAAG,QAAQ,CAAC;SACjC;QACD,iBAAiB,CAAC,KAAK,EAAE,cAAc,EAAA;AACrC,YAAA,IAAI,KAAK,CAAC,cAAc,KAAK,cAAc,EAAE;AAC3C,gBAAA,KAAK,CAAC,cAAc,GAAG,CAAC,CAAC,CAAC;AAC3B,aAAA;AAAM,iBAAA;AACL,gBAAA,KAAK,CAAC,cAAc,GAAG,cAAc,CAAC;AACvC,aAAA;SACF;QACD,gBAAgB,CAAC,KAAK,EAAE,aAAa,EAAA;AACnC,YAAA,KAAK,CAAC,aAAa,GAAG,aAAa,CAAC;SACrC;AACD,QAAA,wBAAwB,CAAC,KAAK,EAAA;AAC5B,YAAA,KAAK,CAAC,aAAa,GAAG,CAAC,CAAC,CAAC;AACzB,YAAA,KAAK,CAAC,cAAc,GAAG,CAAC,CAAC,CAAC;AAC1B,YAAA,KAAK,CAAC,cAAc,GAAG,EAAE,CAAC;SAC3B;AACD,QAAA,mBAAmB,CAAC,KAAK,EAAA;AACvB,YAAA,KAAK,CAAC,cAAc,GAAG,CAAC,CAAC,CAAC;SAC3B;AACF,KAAA;AACD,IAAA,OAAO,EAAE;QACP,mBAAmB;QACnB,0BAA0B;QAC1B,gCAAgC;AACjC,KAAA;;;;;"}
@@ -45,6 +45,10 @@ const setRelatedPromptsExtraParams = wireCommit('setParams');
45
45
  * Resets the related prompts state.
46
46
  */
47
47
  const resetRelatedPromptsStateWire = wireCommitWithoutPayload('resetRelatedPromptsState');
48
+ /**
49
+ * Resets the selected related prompt number.
50
+ */
51
+ const resetSelectedPromptWire = wireCommitWithoutPayload('resetSelectedPrompt');
48
52
  /**
49
53
  * Fetches and saves the related prompts response.
50
54
  */
@@ -81,6 +85,12 @@ const relatedPromptsWiring = createWiring({
81
85
  },
82
86
  UserSelectedARelatedPromptQuery: {
83
87
  setSelectedQueryWire
88
+ },
89
+ UserAcceptedAQueryPreview: {
90
+ resetSelectedPromptWire
91
+ },
92
+ SearchRequestChanged: {
93
+ resetSelectedPromptWire
84
94
  }
85
95
  });
86
96
 
@@ -1 +1 @@
1
- {"version":3,"file":"wiring.js","sources":["../../../../src/x-modules/related-prompts/wiring.ts"],"sourcesContent":["import {\n namespacedWireCommit,\n namespacedWireCommitWithoutPayload,\n namespacedWireDispatch,\n namespacedWireDispatchWithoutPayload\n} from '../../wiring/namespaced-wires.factory';\nimport {\n NamespacedWireCommit,\n NamespacedWireCommitWithoutPayload\n} from '../../wiring/namespaced-wiring.types';\nimport { createWiring } from '../../wiring/wiring.utils';\n\n/**\n * `relatedPrompts` {@link XModuleName | XModule name}.\n */\nconst moduleName = 'relatedPrompts';\n\n/**\n * WireCommit for {@link RelatedPromptsXModule}.\n */\nconst wireCommit: NamespacedWireCommit<typeof moduleName> = namespacedWireCommit(moduleName);\n\n/**\n * WireCommitWithoutPayload for {@link RelatedPromptsXModule}.\n */\nconst wireCommitWithoutPayload: NamespacedWireCommitWithoutPayload<typeof moduleName> =\n namespacedWireCommitWithoutPayload(moduleName);\n\n/**\n * WireDispatch for {@link RelatedPromptsXModule}.\n */\nconst wireDispatch = namespacedWireDispatch(moduleName);\n\n/**\n * WireDispatchWithoutPayload for {@link RelatedPromptsXModule}.\n */\nconst wireDispatchWithoutPayload = namespacedWireDispatchWithoutPayload(moduleName);\n\n/**\n * Sets the related prompts state `query`.\n */\nconst setRelatedPromptsQuery = wireCommit('setQuery');\n\n/**\n * Sets the related prompts state `selectedPrompt`.\n */\nconst setSelectedPromptWire = wireCommit('setSelectedPrompt');\n\n/**\n * Sets the related prompts state `selectedQuery`.\n */\nconst setSelectedQueryWire = wireCommit('setSelectedQuery');\n\n/**\n * Sets the related prompts state `query` from url params.\n */\nconst setRelatedPromptsQueryFromUrl = wireCommit(\n 'setQuery',\n ({ eventPayload: { query } }) => query\n);\n\n/**\n * Sets the related prompts state `params`.\n */\nconst setRelatedPromptsExtraParams = wireCommit('setParams');\n\n/**\n * Resets the related prompts state.\n */\nconst resetRelatedPromptsStateWire = wireCommitWithoutPayload('resetRelatedPromptsState');\n\n/**\n * Fetches and saves the related prompts response.\n */\nconst fetchAndSaveRelatedPromptsResponseWire = wireDispatch('fetchAndSaveRelatedPrompts');\n\n/**\n * Cancels the fetch and save related prompts response.\n */\nconst cancelFetchAndSaveSearchResponseWire = wireDispatchWithoutPayload(\n 'cancelFetchAndSaveRelatedPrompts'\n);\n\n/**\n * Wiring configuration for the {@link RelatedPromptsXModule | related prompts module}.\n *\n * @internal\n */\nexport const relatedPromptsWiring = createWiring({\n ParamsLoadedFromUrl: {\n setRelatedPromptsQueryFromUrl\n },\n UserAcceptedAQuery: {\n setRelatedPromptsQuery\n },\n UserClearedQuery: {\n cancelFetchAndSaveSearchResponseWire,\n resetRelatedPromptsStateWire,\n setRelatedPromptsQuery\n },\n RelatedPromptsRequestUpdated: {\n fetchAndSaveRelatedPromptsResponseWire\n },\n ExtraParamsChanged: {\n setRelatedPromptsExtraParams\n },\n UserSelectedARelatedPrompt: {\n setSelectedPromptWire\n },\n UserSelectedARelatedPromptQuery: {\n setSelectedQueryWire\n }\n});\n"],"names":[],"mappings":";;;AAYA;;AAEG;AACH,MAAM,UAAU,GAAG,gBAAgB,CAAC;AAEpC;;AAEG;AACH,MAAM,UAAU,GAA4C,oBAAoB,CAAC,UAAU,CAAC,CAAC;AAE7F;;AAEG;AACH,MAAM,wBAAwB,GAC5B,kCAAkC,CAAC,UAAU,CAAC,CAAC;AAEjD;;AAEG;AACH,MAAM,YAAY,GAAG,sBAAsB,CAAC,UAAU,CAAC,CAAC;AAExD;;AAEG;AACH,MAAM,0BAA0B,GAAG,oCAAoC,CAAC,UAAU,CAAC,CAAC;AAEpF;;AAEG;AACH,MAAM,sBAAsB,GAAG,UAAU,CAAC,UAAU,CAAC,CAAC;AAEtD;;AAEG;AACH,MAAM,qBAAqB,GAAG,UAAU,CAAC,mBAAmB,CAAC,CAAC;AAE9D;;AAEG;AACH,MAAM,oBAAoB,GAAG,UAAU,CAAC,kBAAkB,CAAC,CAAC;AAE5D;;AAEG;AACH,MAAM,6BAA6B,GAAG,UAAU,CAC9C,UAAU,EACV,CAAC,EAAE,YAAY,EAAE,EAAE,KAAK,EAAE,EAAE,KAAK,KAAK,CACvC,CAAC;AAEF;;AAEG;AACH,MAAM,4BAA4B,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC;AAE7D;;AAEG;AACH,MAAM,4BAA4B,GAAG,wBAAwB,CAAC,0BAA0B,CAAC,CAAC;AAE1F;;AAEG;AACH,MAAM,sCAAsC,GAAG,YAAY,CAAC,4BAA4B,CAAC,CAAC;AAE1F;;AAEG;AACH,MAAM,oCAAoC,GAAG,0BAA0B,CACrE,kCAAkC,CACnC,CAAC;AAEF;;;;AAIG;AACI,MAAM,oBAAoB,GAAG,YAAY,CAAC;AAC/C,IAAA,mBAAmB,EAAE;QACnB,6BAA6B;AAC9B,KAAA;AACD,IAAA,kBAAkB,EAAE;QAClB,sBAAsB;AACvB,KAAA;AACD,IAAA,gBAAgB,EAAE;QAChB,oCAAoC;QACpC,4BAA4B;QAC5B,sBAAsB;AACvB,KAAA;AACD,IAAA,4BAA4B,EAAE;QAC5B,sCAAsC;AACvC,KAAA;AACD,IAAA,kBAAkB,EAAE;QAClB,4BAA4B;AAC7B,KAAA;AACD,IAAA,0BAA0B,EAAE;QAC1B,qBAAqB;AACtB,KAAA;AACD,IAAA,+BAA+B,EAAE;QAC/B,oBAAoB;AACrB,KAAA;AACF,CAAA;;;;"}
1
+ {"version":3,"file":"wiring.js","sources":["../../../../src/x-modules/related-prompts/wiring.ts"],"sourcesContent":["import {\n namespacedWireCommit,\n namespacedWireCommitWithoutPayload,\n namespacedWireDispatch,\n namespacedWireDispatchWithoutPayload\n} from '../../wiring/namespaced-wires.factory';\nimport {\n NamespacedWireCommit,\n NamespacedWireCommitWithoutPayload\n} from '../../wiring/namespaced-wiring.types';\nimport { createWiring } from '../../wiring/wiring.utils';\n\n/**\n * `relatedPrompts` {@link XModuleName | XModule name}.\n */\nconst moduleName = 'relatedPrompts';\n\n/**\n * WireCommit for {@link RelatedPromptsXModule}.\n */\nconst wireCommit: NamespacedWireCommit<typeof moduleName> = namespacedWireCommit(moduleName);\n\n/**\n * WireCommitWithoutPayload for {@link RelatedPromptsXModule}.\n */\nconst wireCommitWithoutPayload: NamespacedWireCommitWithoutPayload<typeof moduleName> =\n namespacedWireCommitWithoutPayload(moduleName);\n\n/**\n * WireDispatch for {@link RelatedPromptsXModule}.\n */\nconst wireDispatch = namespacedWireDispatch(moduleName);\n\n/**\n * WireDispatchWithoutPayload for {@link RelatedPromptsXModule}.\n */\nconst wireDispatchWithoutPayload = namespacedWireDispatchWithoutPayload(moduleName);\n\n/**\n * Sets the related prompts state `query`.\n */\nconst setRelatedPromptsQuery = wireCommit('setQuery');\n\n/**\n * Sets the related prompts state `selectedPrompt`.\n */\nconst setSelectedPromptWire = wireCommit('setSelectedPrompt');\n\n/**\n * Sets the related prompts state `selectedQuery`.\n */\nconst setSelectedQueryWire = wireCommit('setSelectedQuery');\n\n/**\n * Sets the related prompts state `query` from url params.\n */\nconst setRelatedPromptsQueryFromUrl = wireCommit(\n 'setQuery',\n ({ eventPayload: { query } }) => query\n);\n\n/**\n * Sets the related prompts state `params`.\n */\nconst setRelatedPromptsExtraParams = wireCommit('setParams');\n\n/**\n * Resets the related prompts state.\n */\nconst resetRelatedPromptsStateWire = wireCommitWithoutPayload('resetRelatedPromptsState');\n\n/**\n * Resets the selected related prompt number.\n */\nconst resetSelectedPromptWire = wireCommitWithoutPayload('resetSelectedPrompt');\n\n/**\n * Fetches and saves the related prompts response.\n */\nconst fetchAndSaveRelatedPromptsResponseWire = wireDispatch('fetchAndSaveRelatedPrompts');\n\n/**\n * Cancels the fetch and save related prompts response.\n */\nconst cancelFetchAndSaveSearchResponseWire = wireDispatchWithoutPayload(\n 'cancelFetchAndSaveRelatedPrompts'\n);\n\n/**\n * Wiring configuration for the {@link RelatedPromptsXModule | related prompts module}.\n *\n * @internal\n */\nexport const relatedPromptsWiring = createWiring({\n ParamsLoadedFromUrl: {\n setRelatedPromptsQueryFromUrl\n },\n UserAcceptedAQuery: {\n setRelatedPromptsQuery\n },\n UserClearedQuery: {\n cancelFetchAndSaveSearchResponseWire,\n resetRelatedPromptsStateWire,\n setRelatedPromptsQuery\n },\n RelatedPromptsRequestUpdated: {\n fetchAndSaveRelatedPromptsResponseWire\n },\n ExtraParamsChanged: {\n setRelatedPromptsExtraParams\n },\n UserSelectedARelatedPrompt: {\n setSelectedPromptWire\n },\n UserSelectedARelatedPromptQuery: {\n setSelectedQueryWire\n },\n UserAcceptedAQueryPreview: {\n resetSelectedPromptWire\n },\n SearchRequestChanged: {\n resetSelectedPromptWire\n }\n});\n"],"names":[],"mappings":";;;AAYA;;AAEG;AACH,MAAM,UAAU,GAAG,gBAAgB,CAAC;AAEpC;;AAEG;AACH,MAAM,UAAU,GAA4C,oBAAoB,CAAC,UAAU,CAAC,CAAC;AAE7F;;AAEG;AACH,MAAM,wBAAwB,GAC5B,kCAAkC,CAAC,UAAU,CAAC,CAAC;AAEjD;;AAEG;AACH,MAAM,YAAY,GAAG,sBAAsB,CAAC,UAAU,CAAC,CAAC;AAExD;;AAEG;AACH,MAAM,0BAA0B,GAAG,oCAAoC,CAAC,UAAU,CAAC,CAAC;AAEpF;;AAEG;AACH,MAAM,sBAAsB,GAAG,UAAU,CAAC,UAAU,CAAC,CAAC;AAEtD;;AAEG;AACH,MAAM,qBAAqB,GAAG,UAAU,CAAC,mBAAmB,CAAC,CAAC;AAE9D;;AAEG;AACH,MAAM,oBAAoB,GAAG,UAAU,CAAC,kBAAkB,CAAC,CAAC;AAE5D;;AAEG;AACH,MAAM,6BAA6B,GAAG,UAAU,CAC9C,UAAU,EACV,CAAC,EAAE,YAAY,EAAE,EAAE,KAAK,EAAE,EAAE,KAAK,KAAK,CACvC,CAAC;AAEF;;AAEG;AACH,MAAM,4BAA4B,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC;AAE7D;;AAEG;AACH,MAAM,4BAA4B,GAAG,wBAAwB,CAAC,0BAA0B,CAAC,CAAC;AAE1F;;AAEG;AACH,MAAM,uBAAuB,GAAG,wBAAwB,CAAC,qBAAqB,CAAC,CAAC;AAEhF;;AAEG;AACH,MAAM,sCAAsC,GAAG,YAAY,CAAC,4BAA4B,CAAC,CAAC;AAE1F;;AAEG;AACH,MAAM,oCAAoC,GAAG,0BAA0B,CACrE,kCAAkC,CACnC,CAAC;AAEF;;;;AAIG;AACI,MAAM,oBAAoB,GAAG,YAAY,CAAC;AAC/C,IAAA,mBAAmB,EAAE;QACnB,6BAA6B;AAC9B,KAAA;AACD,IAAA,kBAAkB,EAAE;QAClB,sBAAsB;AACvB,KAAA;AACD,IAAA,gBAAgB,EAAE;QAChB,oCAAoC;QACpC,4BAA4B;QAC5B,sBAAsB;AACvB,KAAA;AACD,IAAA,4BAA4B,EAAE;QAC5B,sCAAsC;AACvC,KAAA;AACD,IAAA,kBAAkB,EAAE;QAClB,4BAA4B;AAC7B,KAAA;AACD,IAAA,0BAA0B,EAAE;QAC1B,qBAAqB;AACtB,KAAA;AACD,IAAA,+BAA+B,EAAE;QAC/B,oBAAoB;AACrB,KAAA;AACD,IAAA,yBAAyB,EAAE;QACzB,uBAAuB;AACxB,KAAA;AACD,IAAA,oBAAoB,EAAE;QACpB,uBAAuB;AACxB,KAAA;AACF,CAAA;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@empathyco/x-components",
3
- "version": "6.0.0-alpha.25",
3
+ "version": "6.0.0-alpha.27",
4
4
  "description": "Empathy X Components",
5
5
  "author": "Empathy Systems Corporation S.L.",
6
6
  "license": "Apache-2.0",
@@ -138,5 +138,5 @@
138
138
  "access": "public",
139
139
  "directory": "dist"
140
140
  },
141
- "gitHead": "68a9cd09f37965b33ca0c35380e7a3335f845a5f"
141
+ "gitHead": "cc91c55beed9cd1c4e056ba61b19801e279a6eac"
142
142
  }
@@ -1,5 +1,6 @@
1
1
  export { default as RelatedPrompt } from '../js/x-modules/related-prompts/components/related-prompt.vue.js';
2
2
  export { default as RelatedPromptsList } from '../js/x-modules/related-prompts/components/related-prompts-list.vue.js';
3
+ export { default as RelatedPromptsTagList } from '../js/x-modules/related-prompts/components/related-prompts-tag-list.vue.js';
3
4
  export { cancelFetchAndSaveRelatedPrompts, fetchAndSaveRelatedPrompts } from '../js/x-modules/related-prompts/store/actions/fetch-and-save-related-prompts.action.js';
4
5
  export { fetchRelatedPrompts } from '../js/x-modules/related-prompts/store/actions/fetch-related-prompts.action.js';
5
6
  export { request as relatedPromptRequest } from '../js/x-modules/related-prompts/store/getters/request.getter.js';
@@ -51530,7 +51530,7 @@
51530
51530
  {
51531
51531
  "kind": "Variable",
51532
51532
  "canonicalReference": "@empathyco/x-components!RelatedPrompt:var",
51533
- "docComment": "/**\n * This component shows a suggested related prompt with the associated next queries. It allows to select one of the next query and show it.\n *\n * It provide slots to customize the header, the next queries list, the individual next query inside the list and the selected query.\n *\n * @public\n */\n",
51533
+ "docComment": "/**\n * This component shows a suggested related prompt.\n *\n * It provides a slot to customize the related prompt button information.\n *\n * @public\n */\n",
51534
51534
  "excerptTokens": [
51535
51535
  {
51536
51536
  "kind": "Content",
@@ -51565,25 +51565,34 @@
51565
51565
  },
51566
51566
  {
51567
51567
  "kind": "Content",
51568
- "text": ">;\n required: true;\n };\n nextQueryButtonClass: {\n type: "
51568
+ "text": ">;\n required: true;\n };\n isPromptVisible: {\n type: "
51569
51569
  },
51570
51570
  {
51571
51571
  "kind": "Reference",
51572
- "text": "StringConstructor",
51573
- "canonicalReference": "!StringConstructor:interface"
51572
+ "text": "BooleanConstructor",
51573
+ "canonicalReference": "!BooleanConstructor:interface"
51574
51574
  },
51575
51575
  {
51576
51576
  "kind": "Content",
51577
- "text": ";\n default: string;\n };\n}, {\n selectedNextQuery: import(\"vue\")."
51577
+ "text": ";\n default: boolean;\n };\n isSelected: {\n type: "
51578
51578
  },
51579
51579
  {
51580
51580
  "kind": "Reference",
51581
- "text": "Ref",
51582
- "canonicalReference": "@vue/reactivity!Ref:interface"
51581
+ "text": "BooleanConstructor",
51582
+ "canonicalReference": "!BooleanConstructor:interface"
51583
+ },
51584
+ {
51585
+ "kind": "Content",
51586
+ "text": ";\n default: boolean;\n };\n index: {\n type: "
51587
+ },
51588
+ {
51589
+ "kind": "Reference",
51590
+ "text": "NumberConstructor",
51591
+ "canonicalReference": "!NumberConstructor:interface"
51583
51592
  },
51584
51593
  {
51585
51594
  "kind": "Content",
51586
- "text": "<string>;\n onClick: (nextQuery: string) => void;\n}, unknown, {}, {}, import(\"vue\")."
51595
+ "text": ";\n required: true;\n };\n}, {\n toggleSuggestion: (index: number) => void;\n}, unknown, {}, {}, import(\"vue\")."
51587
51596
  },
51588
51597
  {
51589
51598
  "kind": "Reference",
@@ -51646,16 +51655,34 @@
51646
51655
  },
51647
51656
  {
51648
51657
  "kind": "Content",
51649
- "text": ">;\n required: true;\n };\n nextQueryButtonClass: {\n type: "
51658
+ "text": ">;\n required: true;\n };\n isPromptVisible: {\n type: "
51650
51659
  },
51651
51660
  {
51652
51661
  "kind": "Reference",
51653
- "text": "StringConstructor",
51654
- "canonicalReference": "!StringConstructor:interface"
51662
+ "text": "BooleanConstructor",
51663
+ "canonicalReference": "!BooleanConstructor:interface"
51664
+ },
51665
+ {
51666
+ "kind": "Content",
51667
+ "text": ";\n default: boolean;\n };\n isSelected: {\n type: "
51668
+ },
51669
+ {
51670
+ "kind": "Reference",
51671
+ "text": "BooleanConstructor",
51672
+ "canonicalReference": "!BooleanConstructor:interface"
51655
51673
  },
51656
51674
  {
51657
51675
  "kind": "Content",
51658
- "text": ";\n default: string;\n };\n}>>, {\n nextQueryButtonClass: string;\n}, {}>"
51676
+ "text": ";\n default: boolean;\n };\n index: {\n type: "
51677
+ },
51678
+ {
51679
+ "kind": "Reference",
51680
+ "text": "NumberConstructor",
51681
+ "canonicalReference": "!NumberConstructor:interface"
51682
+ },
51683
+ {
51684
+ "kind": "Content",
51685
+ "text": ";\n required: true;\n };\n}>>, {\n isPromptVisible: boolean;\n isSelected: boolean;\n}, {}>"
51659
51686
  }
51660
51687
  ],
51661
51688
  "fileUrlPath": "dist/types/x-modules/related-prompts/components/related-prompt.vue.d.ts",
@@ -51664,7 +51691,7 @@
51664
51691
  "name": "RelatedPrompt",
51665
51692
  "variableTypeTokenRange": {
51666
51693
  "startIndex": 1,
51667
- "endIndex": 28
51694
+ "endIndex": 34
51668
51695
  }
51669
51696
  },
51670
51697
  {
@@ -52290,6 +52317,34 @@
52290
52317
  "parameters": [],
52291
52318
  "name": "resetRelatedPromptsState"
52292
52319
  },
52320
+ {
52321
+ "kind": "MethodSignature",
52322
+ "canonicalReference": "@empathyco/x-components!RelatedPromptsMutations#resetSelectedPrompt:member(1)",
52323
+ "docComment": "/**\n * Resets the selected related prompt number.\n */\n",
52324
+ "excerptTokens": [
52325
+ {
52326
+ "kind": "Content",
52327
+ "text": "resetSelectedPrompt(): "
52328
+ },
52329
+ {
52330
+ "kind": "Content",
52331
+ "text": "void"
52332
+ },
52333
+ {
52334
+ "kind": "Content",
52335
+ "text": ";"
52336
+ }
52337
+ ],
52338
+ "isOptional": false,
52339
+ "returnTypeTokenRange": {
52340
+ "startIndex": 1,
52341
+ "endIndex": 2
52342
+ },
52343
+ "releaseTag": "Public",
52344
+ "overloadIndex": 1,
52345
+ "parameters": [],
52346
+ "name": "resetSelectedPrompt"
52347
+ },
52293
52348
  {
52294
52349
  "kind": "MethodSignature",
52295
52350
  "canonicalReference": "@empathyco/x-components!RelatedPromptsMutations#setParams:member(1)",
@@ -52343,7 +52398,7 @@
52343
52398
  {
52344
52399
  "kind": "MethodSignature",
52345
52400
  "canonicalReference": "@empathyco/x-components!RelatedPromptsMutations#setRelatedPromptsProducts:member(1)",
52346
- "docComment": "/**\n * Sets the related prompts of the module.\n *\n * @param relatedPrompts - The new related prompts to save to the state.\n */\n",
52401
+ "docComment": "/**\n * Sets the related prompts of the module.\n *\n * @param products - The new related prompts to save to the state.\n */\n",
52347
52402
  "excerptTokens": [
52348
52403
  {
52349
52404
  "kind": "Content",
@@ -52655,6 +52710,146 @@
52655
52710
  }
52656
52711
  ]
52657
52712
  },
52713
+ {
52714
+ "kind": "Variable",
52715
+ "canonicalReference": "@empathyco/x-components!RelatedPromptsTagList:var",
52716
+ "docComment": "",
52717
+ "excerptTokens": [
52718
+ {
52719
+ "kind": "Content",
52720
+ "text": "_default: "
52721
+ },
52722
+ {
52723
+ "kind": "Content",
52724
+ "text": "import(\"vue\")."
52725
+ },
52726
+ {
52727
+ "kind": "Reference",
52728
+ "text": "DefineComponent",
52729
+ "canonicalReference": "@vue/runtime-core!DefineComponent:type"
52730
+ },
52731
+ {
52732
+ "kind": "Content",
52733
+ "text": "<{\n buttonClass: "
52734
+ },
52735
+ {
52736
+ "kind": "Reference",
52737
+ "text": "StringConstructor",
52738
+ "canonicalReference": "!StringConstructor:interface"
52739
+ },
52740
+ {
52741
+ "kind": "Content",
52742
+ "text": ";\n}, {\n arePromptsVisible: import(\"vue\")."
52743
+ },
52744
+ {
52745
+ "kind": "Reference",
52746
+ "text": "Ref",
52747
+ "canonicalReference": "@vue/reactivity!Ref:interface"
52748
+ },
52749
+ {
52750
+ "kind": "Content",
52751
+ "text": "<boolean>;\n hidePrompt: (index: number) => boolean;\n isSelected: (index: number) => boolean;\n relatedPrompts: import(\"vue\")."
52752
+ },
52753
+ {
52754
+ "kind": "Reference",
52755
+ "text": "ComputedRef",
52756
+ "canonicalReference": "@vue/reactivity!ComputedRef:interface"
52757
+ },
52758
+ {
52759
+ "kind": "Content",
52760
+ "text": "<any>;\n selectedPrompt: import(\"vue\")."
52761
+ },
52762
+ {
52763
+ "kind": "Reference",
52764
+ "text": "ComputedRef",
52765
+ "canonicalReference": "@vue/reactivity!ComputedRef:interface"
52766
+ },
52767
+ {
52768
+ "kind": "Content",
52769
+ "text": "<any>;\n slidingPanelContent: import(\"vue\")."
52770
+ },
52771
+ {
52772
+ "kind": "Reference",
52773
+ "text": "Ref",
52774
+ "canonicalReference": "@vue/reactivity!Ref:interface"
52775
+ },
52776
+ {
52777
+ "kind": "Content",
52778
+ "text": "<"
52779
+ },
52780
+ {
52781
+ "kind": "Reference",
52782
+ "text": "Element",
52783
+ "canonicalReference": "!Element:interface"
52784
+ },
52785
+ {
52786
+ "kind": "Content",
52787
+ "text": " | undefined>;\n}, unknown, {}, {}, import(\"vue\")."
52788
+ },
52789
+ {
52790
+ "kind": "Reference",
52791
+ "text": "ComponentOptionsMixin",
52792
+ "canonicalReference": "@vue/runtime-core!ComponentOptionsMixin:type"
52793
+ },
52794
+ {
52795
+ "kind": "Content",
52796
+ "text": ", import(\"vue\")."
52797
+ },
52798
+ {
52799
+ "kind": "Reference",
52800
+ "text": "ComponentOptionsMixin",
52801
+ "canonicalReference": "@vue/runtime-core!ComponentOptionsMixin:type"
52802
+ },
52803
+ {
52804
+ "kind": "Content",
52805
+ "text": ", {}, string, import(\"vue\")."
52806
+ },
52807
+ {
52808
+ "kind": "Reference",
52809
+ "text": "PublicProps",
52810
+ "canonicalReference": "@vue/runtime-core!PublicProps:type"
52811
+ },
52812
+ {
52813
+ "kind": "Content",
52814
+ "text": ", "
52815
+ },
52816
+ {
52817
+ "kind": "Reference",
52818
+ "text": "Readonly",
52819
+ "canonicalReference": "!Readonly:type"
52820
+ },
52821
+ {
52822
+ "kind": "Content",
52823
+ "text": "<import(\"vue\")."
52824
+ },
52825
+ {
52826
+ "kind": "Reference",
52827
+ "text": "ExtractPropTypes",
52828
+ "canonicalReference": "@vue/runtime-core!ExtractPropTypes:type"
52829
+ },
52830
+ {
52831
+ "kind": "Content",
52832
+ "text": "<{\n buttonClass: "
52833
+ },
52834
+ {
52835
+ "kind": "Reference",
52836
+ "text": "StringConstructor",
52837
+ "canonicalReference": "!StringConstructor:interface"
52838
+ },
52839
+ {
52840
+ "kind": "Content",
52841
+ "text": ";\n}>>, {}, {}>"
52842
+ }
52843
+ ],
52844
+ "fileUrlPath": "dist/types/x-modules/related-prompts/components/related-prompts-tag-list.vue.d.ts",
52845
+ "isReadonly": true,
52846
+ "releaseTag": "Public",
52847
+ "name": "RelatedPromptsTagList",
52848
+ "variableTypeTokenRange": {
52849
+ "startIndex": 1,
52850
+ "endIndex": 28
52851
+ }
52852
+ },
52658
52853
  {
52659
52854
  "kind": "Interface",
52660
52855
  "canonicalReference": "@empathyco/x-components!RelatedPromptsXEvents:interface",
@@ -79336,39 +79531,6 @@
79336
79531
  ],
79337
79532
  "name": "useState"
79338
79533
  },
79339
- {
79340
- "kind": "Function",
79341
- "canonicalReference": "@empathyco/x-components!useStore:function(1)",
79342
- "docComment": "/**\n * Function which returns the `$store` object from the current component instance.\n *\n * @returns The `$store` object from the current component instance.\n *\n * @public\n */\n",
79343
- "excerptTokens": [
79344
- {
79345
- "kind": "Content",
79346
- "text": "export declare function useStore(): "
79347
- },
79348
- {
79349
- "kind": "Reference",
79350
- "text": "Store",
79351
- "canonicalReference": "vuex!Store:class"
79352
- },
79353
- {
79354
- "kind": "Content",
79355
- "text": "<any>"
79356
- },
79357
- {
79358
- "kind": "Content",
79359
- "text": ";"
79360
- }
79361
- ],
79362
- "fileUrlPath": "src/composables/use-store.ts",
79363
- "returnTypeTokenRange": {
79364
- "startIndex": 1,
79365
- "endIndex": 3
79366
- },
79367
- "releaseTag": "Public",
79368
- "overloadIndex": 1,
79369
- "parameters": [],
79370
- "name": "useStore"
79371
- },
79372
79534
  {
79373
79535
  "kind": "Function",
79374
79536
  "canonicalReference": "@empathyco/x-components!useXBus:function(1)",