@empathyco/x-components 6.0.0-alpha.41 → 6.0.0-alpha.43
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/CHANGELOG.md +18 -0
- package/design-system/deprecated-full-theme.css +632 -633
- package/docs/API-reference/api/x-components.empathize.md +1 -1
- package/docs/API-reference/api/x-components.relatedpromptstaglist.md +6 -1
- package/docs/API-reference/api/x-types.relatedprompt.md +3 -1
- package/docs/API-reference/api/x-types.relatedprompt.nextqueries.md +13 -0
- package/docs/API-reference/api/x-types.relatedprompt.tagging.md +16 -0
- package/docs/API-reference/api/x-types.relatedprompt.toolingdisplaytagging.md +1 -1
- package/js/x-modules/empathize/components/empathize.vue.js.map +1 -1
- package/js/x-modules/empathize/components/empathize.vue2.js +2 -3
- package/js/x-modules/empathize/components/empathize.vue2.js.map +1 -1
- package/package.json +4 -4
- package/report/x-components.api.json +23 -5
- package/report/x-components.api.md +7 -2
- package/report/x-types.api.json +74 -2
- package/types/x-modules/empathize/components/empathize.vue.d.ts +1 -1
- package/types/x-modules/empathize/components/empathize.vue.d.ts.map +1 -1
- package/types/x-modules/related-prompts/components/related-prompts-tag-list.vue.d.ts +6 -1
- package/types/x-modules/related-prompts/components/related-prompts-tag-list.vue.d.ts.map +1 -1
|
@@ -25,7 +25,7 @@ _default: import("vue").DefineComponent<{
|
|
|
25
25
|
}, {
|
|
26
26
|
close: () => void;
|
|
27
27
|
empathizeRef: import("vue").Ref<HTMLDivElement | undefined>;
|
|
28
|
-
hasContent: import("vue").
|
|
28
|
+
hasContent: import("vue").ComputedRef<boolean>;
|
|
29
29
|
isOpen: import("vue").Ref<boolean>;
|
|
30
30
|
open: () => void;
|
|
31
31
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
@@ -34,9 +34,14 @@ _default: import("vue").DefineComponent<{
|
|
|
34
34
|
visibleRelatedPrompts: import("vue").ComputedRef<{
|
|
35
35
|
index: number;
|
|
36
36
|
relatedPromptNextQueries: import("@empathyco/x-types").RelatedPromptNextQuery[];
|
|
37
|
+
nextQueries: string[];
|
|
37
38
|
suggestionText: string;
|
|
38
39
|
type: string;
|
|
39
|
-
toolingDisplayTagging
|
|
40
|
+
toolingDisplayTagging?: import("@empathyco/x-types").TaggingRequest | undefined;
|
|
41
|
+
tagging?: {
|
|
42
|
+
toolingDisplayTagging?: import("@empathyco/x-types").TaggingRequest | undefined;
|
|
43
|
+
nextQueriesTagging?: import("@empathyco/x-types").RelatedPromptNextQuery[] | undefined;
|
|
44
|
+
} | undefined;
|
|
40
45
|
modelName: "RelatedPrompt";
|
|
41
46
|
}[]>;
|
|
42
47
|
listItems: import("vue").Ref<HTMLElement[]>;
|
|
@@ -17,8 +17,10 @@ export interface RelatedPrompt extends NamedModel<'RelatedPrompt'>
|
|
|
17
17
|
|
|
18
18
|
| Property | Modifiers | Type | Description |
|
|
19
19
|
| --- | --- | --- | --- |
|
|
20
|
+
| [nextQueries](./x-types.relatedprompt.nextqueries.md) | | string\[\] | The queries of the next queries related to the prompt. |
|
|
20
21
|
| [relatedPromptNextQueries](./x-types.relatedprompt.relatedpromptnextqueries.md) | | [RelatedPromptNextQuery](./x-types.relatedpromptnextquery.md)<!-- -->\[\] | The next queries related to the prompt. |
|
|
21
22
|
| [suggestionText](./x-types.relatedprompt.suggestiontext.md) | | string | The prompt. |
|
|
22
|
-
| [
|
|
23
|
+
| [tagging?](./x-types.relatedprompt.tagging.md) | | { toolingDisplayTagging?: [TaggingRequest](./x-types.taggingrequest.md)<!-- -->; nextQueriesTagging?: [RelatedPromptNextQuery](./x-types.relatedpromptnextquery.md)<!-- -->\[\]; } | _(Optional)_ Related prompt tagging. |
|
|
24
|
+
| [toolingDisplayTagging?](./x-types.relatedprompt.toolingdisplaytagging.md) | | [TaggingRequest](./x-types.taggingrequest.md) | _(Optional)_ The tooling display tagging of the prompt. |
|
|
23
25
|
| [type](./x-types.relatedprompt.type.md) | | string | The type of the prompt. |
|
|
24
26
|
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
<!-- Do not edit this file. It is automatically generated by API Documenter. -->
|
|
2
|
+
|
|
3
|
+
[Home](./index.md) > [@empathyco/x-types](./x-types.md) > [RelatedPrompt](./x-types.relatedprompt.md) > [nextQueries](./x-types.relatedprompt.nextqueries.md)
|
|
4
|
+
|
|
5
|
+
## RelatedPrompt.nextQueries property
|
|
6
|
+
|
|
7
|
+
The queries of the next queries related to the prompt.
|
|
8
|
+
|
|
9
|
+
**Signature:**
|
|
10
|
+
|
|
11
|
+
```typescript
|
|
12
|
+
nextQueries: string[];
|
|
13
|
+
```
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
<!-- Do not edit this file. It is automatically generated by API Documenter. -->
|
|
2
|
+
|
|
3
|
+
[Home](./index.md) > [@empathyco/x-types](./x-types.md) > [RelatedPrompt](./x-types.relatedprompt.md) > [tagging](./x-types.relatedprompt.tagging.md)
|
|
4
|
+
|
|
5
|
+
## RelatedPrompt.tagging property
|
|
6
|
+
|
|
7
|
+
Related prompt tagging.
|
|
8
|
+
|
|
9
|
+
**Signature:**
|
|
10
|
+
|
|
11
|
+
```typescript
|
|
12
|
+
tagging?: {
|
|
13
|
+
toolingDisplayTagging?: TaggingRequest;
|
|
14
|
+
nextQueriesTagging?: RelatedPromptNextQuery[];
|
|
15
|
+
};
|
|
16
|
+
```
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"empathize.vue.js","sources":["../../../../../src/x-modules/empathize/components/empathize.vue"],"sourcesContent":["<template>\n <component :is=\"animation\">\n <div\n v-show=\"isOpen && hasContent\"\n ref=\"empathizeRef\"\n @mousedown.prevent\n @focusin=\"open\"\n @focusout=\"close\"\n class=\"x-empathize\"\n data-test=\"empathize\"\n >\n <!-- @slot (Required) Modal container content -->\n <slot />\n </div>\n </component>\n</template>\n\n<script lang=\"ts\">\n import { defineComponent, PropType, ref } from 'vue';\n import { NoAnimation } from '../../../components';\n import { use$x, useDebounce } from '../../../composables';\n import { AnimationProp } from '../../../types';\n import { XEvent } from '../../../wiring';\n import { empathizeXModule } from '../x-module';\n import { getActiveElement } from '../../../utils/html';\n\n /**\n * Component containing the empathize. It has a required slot to define its content and two props\n * to define when to open and close it: `eventsToOpenEmpathize` and `eventsToCloseEmpathize`.\n *\n * @public\n */\n export default defineComponent({\n name: 'Empathize',\n xModule: empathizeXModule.name,\n props: {\n /** Array of {@link XEvent} to open the empathize. */\n eventsToOpenEmpathize: {\n type: Array as PropType<XEvent[]>,\n default: () => ['UserFocusedSearchBox', 'UserIsTypingAQuery', 'UserClickedSearchBox']\n },\n /** Array of {@link XEvent} to close the empathize. */\n eventsToCloseEmpathize: {\n type: Array as PropType<XEvent[]>,\n default: () => [\n 'UserClosedEmpathize',\n 'UserSelectedASuggestion',\n 'UserPressedEnterKey',\n 'UserBlurredSearchBox'\n ]\n },\n /** Animation component that will be used to animate the empathize. */\n animation: {\n type: AnimationProp,\n default: () => NoAnimation\n }\n },\n setup(props) {\n const $x = use$x();\n\n const empathizeRef = ref<HTMLDivElement>();\n\n const isOpen = ref(false);\n const hasContent =
|
|
1
|
+
{"version":3,"file":"empathize.vue.js","sources":["../../../../../src/x-modules/empathize/components/empathize.vue"],"sourcesContent":["<template>\n <component :is=\"animation\">\n <div\n v-show=\"isOpen && hasContent\"\n ref=\"empathizeRef\"\n @mousedown.prevent\n @focusin=\"open\"\n @focusout=\"close\"\n class=\"x-empathize\"\n data-test=\"empathize\"\n >\n <!-- @slot (Required) Modal container content -->\n <slot />\n </div>\n </component>\n</template>\n\n<script lang=\"ts\">\n import { defineComponent, PropType, ref, computed } from 'vue';\n import { NoAnimation } from '../../../components';\n import { use$x, useDebounce } from '../../../composables';\n import { AnimationProp } from '../../../types';\n import { XEvent } from '../../../wiring';\n import { empathizeXModule } from '../x-module';\n import { getActiveElement } from '../../../utils/html';\n\n /**\n * Component containing the empathize. It has a required slot to define its content and two props\n * to define when to open and close it: `eventsToOpenEmpathize` and `eventsToCloseEmpathize`.\n *\n * @public\n */\n export default defineComponent({\n name: 'Empathize',\n xModule: empathizeXModule.name,\n props: {\n /** Array of {@link XEvent} to open the empathize. */\n eventsToOpenEmpathize: {\n type: Array as PropType<XEvent[]>,\n default: () => ['UserFocusedSearchBox', 'UserIsTypingAQuery', 'UserClickedSearchBox']\n },\n /** Array of {@link XEvent} to close the empathize. */\n eventsToCloseEmpathize: {\n type: Array as PropType<XEvent[]>,\n default: () => [\n 'UserClosedEmpathize',\n 'UserSelectedASuggestion',\n 'UserPressedEnterKey',\n 'UserBlurredSearchBox'\n ]\n },\n /** Animation component that will be used to animate the empathize. */\n animation: {\n type: AnimationProp,\n default: () => NoAnimation\n }\n },\n setup(props) {\n const $x = use$x();\n\n const empathizeRef = ref<HTMLDivElement>();\n\n const isOpen = ref(false);\n const hasContent = computed(() => !!empathizeRef.value?.children?.length);\n\n /**\n * Changes the state of {@link Empathize.isOpen} assigning to it the value of `newOpen`\n * parameter. Also emits the {@link XEvent} `EmpathizeOpened` or `EmpathizeClosed` if\n * the state really changes.\n *\n * @param newOpen - The new open state to assign to {@link Empathize.isOpen}.\n */\n const changeOpen = useDebounce((newOpen: boolean) => {\n if (isOpen.value !== newOpen) {\n isOpen.value = newOpen;\n const empathizeEvent = isOpen.value ? 'EmpathizeOpened' : 'EmpathizeClosed';\n $x.emit(empathizeEvent, undefined, { target: empathizeRef.value });\n }\n }, 0);\n\n /**\n * Open empathize. This method will be executed on any event in\n * {@link Empathize.eventsToOpenEmpathize} and on DOM event `focusin` on Empathize root\n * element.\n */\n function open() {\n if (hasContent.value) {\n changeOpen(true);\n }\n }\n\n /**\n * Close empathize. This method will be executed on any event in\n * {@link Empathize.eventsToCloseEmpathize} and on DOM event `focusout` on Empathize root\n * element.\n */\n function close() {\n const activeElement = getActiveElement();\n if (!empathizeRef.value?.contains(activeElement)) {\n changeOpen(false);\n }\n }\n\n props.eventsToOpenEmpathize.forEach(event => $x.on(event, false).subscribe(open));\n props.eventsToCloseEmpathize.forEach(event => $x.on(event, false).subscribe(close));\n\n return {\n close,\n empathizeRef,\n hasContent,\n isOpen,\n open\n };\n }\n });\n</script>\n\n<docs lang=\"mdx\">\n## Events\n\nA list of events that the component will emit:\n\n- [`EmpathizeOpened`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts):\n the event is emitted after receiving an event to change the state `isOpen` to `true`. The event\n payload is undefined and can have a metadata with the module and the element that emitted it.\n- [`EmpathizeClosed`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts):\n the event is emitted after receiving an event to change the state `isOpen` to `false`. The event\n payload is undefined and can have a metadata with the module and the element that emitted it.\n\n## Examples\n\nThis component will listen to the configured events in `eventsToOpenEmpathize` and\n`eventsToCloseEmpathize` props and open/close itself accordingly. By default, those props values\nare:\n\n- Open: `UserFocusedSearchBox`, `'`UserIsTypingAQuery`, `'`UserClickedSearchBox` and\n- Close: `UserClosedEmpathize`, `UserSelectedASuggestion`, `UserPressedEnter`,\n 'UserBlurredSearchBox`\n\n### Basic examples\n\nThe component rendering the query suggestions, popular searches and history queries with keyboard\nnavigation.\n\n```vue\n<Empathize>\n <template #default>\n <BaseKeyboardNavigation>\n <QuerySuggestions/>\n <PopularSearches/>\n <HistoryQueries/>\n </BaseKeyboardNavigation>\n </template>\n</Empathize>\n```\n\nDefining custom values for the events to open and close the Empathize. For example opening it when\nthe search box loses the focus and closing it when the search box receives the focus:\n\n```vue\n<Empathize\n :eventsToOpenEmpathize=\"['UserBlurredSearchBox']\"\n :eventsToCloseEmpathize=\"['UserFocusedSearchBox']\"\n>\n <template #default>\n Please, type a query in the Search Box.\n </template>\n</Empathize>\n```\n\nAn animation can be used for the opening and closing using the `animation` prop. The animation, must\nbe a Component with a `Transition` with a slot inside:\n\n```vue\n<Empathize :animation=\"collapseFromTop\">\n <template #default>\n <PopularSearches/>\n </template>\n</Empathize>\n```\n</docs>\n"],"names":["_createBlock","_resolveDynamicComponent","_withCtx","_withDirectives","_createElementVNode","_withModifiers","isOpen","hasContent"],"mappings":";;;;SAAA,WAaU,CAAA,IAAA,EAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,KAAA,EAAA,QAAA,EAAA;sBAXNA,WAWM,CAAAC,uBAAA,CAAA,IAAA,CAAA,SAAA,CAAA,EAAA,IAAA,EAAA;AAAA,IAAA,OAAA,EATAC,OAAc,CAAA,MAAA;AAAA,MACRC,cAAA,CAAAC,kBAAA;AAAA,QAAA,KAAA;AAAA,QALhB;AAAA,UAMO,GAAA,EAAA,cAAA;AAAA,UACA,aAAQ,MAAE,CAAA,CAAA,CAAA,KAAA,MAAA,CAAA,CAAA,CAAA,GAAAC,aAAA,CAAA,MAAA;AAAA,WAAA,EAAA,CAAA,SAAA,CAAA,CAAA,CAAA;AAAA,UACX,WAAM,MAAa,CAAA,CAAA,CAAA,KAAA,MAAA,CAAA,CAAA,CAAA,GAAA,CAAA,GAAA,IAAA,KAAA,IAAA,CAAA,IAAA,IAAA,IAAA,CAAA,IAAA,CAAA,GAAA,IAAA,CAAA,CAAA;AAAA,UACnB,UAAA,EAAS,OAAC,CAAW,CAAA,KAAA,MAAA,CAAA,CAAA,CAAA,GAAA,CAAA,GAAA,IAAA,KAAA,IAAA,CAAA,KAAA,IAAA,IAAA,CAAA,KAAA,CAAA,GAAA,IAAA,CAAA,CAAA;AAAA,UAAA,KAAA,EAAA,aAAA;UAGrB,WAAQ,EAAA,WAAA;AAAA,SAAA;;qBATAC,IAAUC,CAAAA,MAAAA,EAAAA,SAAAA,CAAAA;AAAAA,SAAAA;;;;;AAHxB,OAAA,CAAA;AAAA,KAAA,CAAA;;;;;;;;;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent, ref } from 'vue';
|
|
1
|
+
import { defineComponent, ref, computed } from 'vue';
|
|
2
2
|
import '../../../components/animations/animate-width.vue2.js';
|
|
3
3
|
import '../../../components/animations/animate-width.vue3.js';
|
|
4
4
|
import '../../../components/animations/collapse-height.vue2.js';
|
|
@@ -143,7 +143,7 @@ var _sfc_main = defineComponent({
|
|
|
143
143
|
const $x = use$x();
|
|
144
144
|
const empathizeRef = ref();
|
|
145
145
|
const isOpen = ref(false);
|
|
146
|
-
const hasContent =
|
|
146
|
+
const hasContent = computed(() => !!empathizeRef.value?.children?.length);
|
|
147
147
|
/**
|
|
148
148
|
* Changes the state of {@link Empathize.isOpen} assigning to it the value of `newOpen`
|
|
149
149
|
* parameter. Also emits the {@link XEvent} `EmpathizeOpened` or `EmpathizeClosed` if
|
|
@@ -164,7 +164,6 @@ var _sfc_main = defineComponent({
|
|
|
164
164
|
* element.
|
|
165
165
|
*/
|
|
166
166
|
function open() {
|
|
167
|
-
hasContent.value = !!empathizeRef.value?.children.length;
|
|
168
167
|
if (hasContent.value) {
|
|
169
168
|
changeOpen(true);
|
|
170
169
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"empathize.vue2.js","sources":["../../../../../src/x-modules/empathize/components/empathize.vue"],"sourcesContent":["<template>\n <component :is=\"animation\">\n <div\n v-show=\"isOpen && hasContent\"\n ref=\"empathizeRef\"\n @mousedown.prevent\n @focusin=\"open\"\n @focusout=\"close\"\n class=\"x-empathize\"\n data-test=\"empathize\"\n >\n <!-- @slot (Required) Modal container content -->\n <slot />\n </div>\n </component>\n</template>\n\n<script lang=\"ts\">\n import { defineComponent, PropType, ref } from 'vue';\n import { NoAnimation } from '../../../components';\n import { use$x, useDebounce } from '../../../composables';\n import { AnimationProp } from '../../../types';\n import { XEvent } from '../../../wiring';\n import { empathizeXModule } from '../x-module';\n import { getActiveElement } from '../../../utils/html';\n\n /**\n * Component containing the empathize. It has a required slot to define its content and two props\n * to define when to open and close it: `eventsToOpenEmpathize` and `eventsToCloseEmpathize`.\n *\n * @public\n */\n export default defineComponent({\n name: 'Empathize',\n xModule: empathizeXModule.name,\n props: {\n /** Array of {@link XEvent} to open the empathize. */\n eventsToOpenEmpathize: {\n type: Array as PropType<XEvent[]>,\n default: () => ['UserFocusedSearchBox', 'UserIsTypingAQuery', 'UserClickedSearchBox']\n },\n /** Array of {@link XEvent} to close the empathize. */\n eventsToCloseEmpathize: {\n type: Array as PropType<XEvent[]>,\n default: () => [\n 'UserClosedEmpathize',\n 'UserSelectedASuggestion',\n 'UserPressedEnterKey',\n 'UserBlurredSearchBox'\n ]\n },\n /** Animation component that will be used to animate the empathize. */\n animation: {\n type: AnimationProp,\n default: () => NoAnimation\n }\n },\n setup(props) {\n const $x = use$x();\n\n const empathizeRef = ref<HTMLDivElement>();\n\n const isOpen = ref(false);\n const hasContent =
|
|
1
|
+
{"version":3,"file":"empathize.vue2.js","sources":["../../../../../src/x-modules/empathize/components/empathize.vue"],"sourcesContent":["<template>\n <component :is=\"animation\">\n <div\n v-show=\"isOpen && hasContent\"\n ref=\"empathizeRef\"\n @mousedown.prevent\n @focusin=\"open\"\n @focusout=\"close\"\n class=\"x-empathize\"\n data-test=\"empathize\"\n >\n <!-- @slot (Required) Modal container content -->\n <slot />\n </div>\n </component>\n</template>\n\n<script lang=\"ts\">\n import { defineComponent, PropType, ref, computed } from 'vue';\n import { NoAnimation } from '../../../components';\n import { use$x, useDebounce } from '../../../composables';\n import { AnimationProp } from '../../../types';\n import { XEvent } from '../../../wiring';\n import { empathizeXModule } from '../x-module';\n import { getActiveElement } from '../../../utils/html';\n\n /**\n * Component containing the empathize. It has a required slot to define its content and two props\n * to define when to open and close it: `eventsToOpenEmpathize` and `eventsToCloseEmpathize`.\n *\n * @public\n */\n export default defineComponent({\n name: 'Empathize',\n xModule: empathizeXModule.name,\n props: {\n /** Array of {@link XEvent} to open the empathize. */\n eventsToOpenEmpathize: {\n type: Array as PropType<XEvent[]>,\n default: () => ['UserFocusedSearchBox', 'UserIsTypingAQuery', 'UserClickedSearchBox']\n },\n /** Array of {@link XEvent} to close the empathize. */\n eventsToCloseEmpathize: {\n type: Array as PropType<XEvent[]>,\n default: () => [\n 'UserClosedEmpathize',\n 'UserSelectedASuggestion',\n 'UserPressedEnterKey',\n 'UserBlurredSearchBox'\n ]\n },\n /** Animation component that will be used to animate the empathize. */\n animation: {\n type: AnimationProp,\n default: () => NoAnimation\n }\n },\n setup(props) {\n const $x = use$x();\n\n const empathizeRef = ref<HTMLDivElement>();\n\n const isOpen = ref(false);\n const hasContent = computed(() => !!empathizeRef.value?.children?.length);\n\n /**\n * Changes the state of {@link Empathize.isOpen} assigning to it the value of `newOpen`\n * parameter. Also emits the {@link XEvent} `EmpathizeOpened` or `EmpathizeClosed` if\n * the state really changes.\n *\n * @param newOpen - The new open state to assign to {@link Empathize.isOpen}.\n */\n const changeOpen = useDebounce((newOpen: boolean) => {\n if (isOpen.value !== newOpen) {\n isOpen.value = newOpen;\n const empathizeEvent = isOpen.value ? 'EmpathizeOpened' : 'EmpathizeClosed';\n $x.emit(empathizeEvent, undefined, { target: empathizeRef.value });\n }\n }, 0);\n\n /**\n * Open empathize. This method will be executed on any event in\n * {@link Empathize.eventsToOpenEmpathize} and on DOM event `focusin` on Empathize root\n * element.\n */\n function open() {\n if (hasContent.value) {\n changeOpen(true);\n }\n }\n\n /**\n * Close empathize. This method will be executed on any event in\n * {@link Empathize.eventsToCloseEmpathize} and on DOM event `focusout` on Empathize root\n * element.\n */\n function close() {\n const activeElement = getActiveElement();\n if (!empathizeRef.value?.contains(activeElement)) {\n changeOpen(false);\n }\n }\n\n props.eventsToOpenEmpathize.forEach(event => $x.on(event, false).subscribe(open));\n props.eventsToCloseEmpathize.forEach(event => $x.on(event, false).subscribe(close));\n\n return {\n close,\n empathizeRef,\n hasContent,\n isOpen,\n open\n };\n }\n });\n</script>\n\n<docs lang=\"mdx\">\n## Events\n\nA list of events that the component will emit:\n\n- [`EmpathizeOpened`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts):\n the event is emitted after receiving an event to change the state `isOpen` to `true`. The event\n payload is undefined and can have a metadata with the module and the element that emitted it.\n- [`EmpathizeClosed`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts):\n the event is emitted after receiving an event to change the state `isOpen` to `false`. The event\n payload is undefined and can have a metadata with the module and the element that emitted it.\n\n## Examples\n\nThis component will listen to the configured events in `eventsToOpenEmpathize` and\n`eventsToCloseEmpathize` props and open/close itself accordingly. By default, those props values\nare:\n\n- Open: `UserFocusedSearchBox`, `'`UserIsTypingAQuery`, `'`UserClickedSearchBox` and\n- Close: `UserClosedEmpathize`, `UserSelectedASuggestion`, `UserPressedEnter`,\n 'UserBlurredSearchBox`\n\n### Basic examples\n\nThe component rendering the query suggestions, popular searches and history queries with keyboard\nnavigation.\n\n```vue\n<Empathize>\n <template #default>\n <BaseKeyboardNavigation>\n <QuerySuggestions/>\n <PopularSearches/>\n <HistoryQueries/>\n </BaseKeyboardNavigation>\n </template>\n</Empathize>\n```\n\nDefining custom values for the events to open and close the Empathize. For example opening it when\nthe search box loses the focus and closing it when the search box receives the focus:\n\n```vue\n<Empathize\n :eventsToOpenEmpathize=\"['UserBlurredSearchBox']\"\n :eventsToCloseEmpathize=\"['UserFocusedSearchBox']\"\n>\n <template #default>\n Please, type a query in the Search Box.\n </template>\n</Empathize>\n```\n\nAn animation can be used for the opening and closing using the `animation` prop. The animation, must\nbe a Component with a `Transition` with a slot inside:\n\n```vue\n<Empathize :animation=\"collapseFromTop\">\n <template #default>\n <PopularSearches/>\n </template>\n</Empathize>\n```\n</docs>\n"],"names":["NoAnimation"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BE;;;;;AAKE;AACF,gBAAe,eAAe,CAAC;AAC7B,IAAA,IAAI,EAAE,WAAW;IACjB,OAAO,EAAE,gBAAgB,CAAC,IAAI;AAC9B,IAAA,KAAK,EAAE;;AAEL,QAAA,qBAAqB,EAAE;AACrB,YAAA,IAAI,EAAE,KAA2B;YACjC,OAAO,EAAE,MAAM,CAAC,sBAAsB,EAAE,oBAAoB,EAAE,sBAAsB,CAAA;AACrF,SAAA;;AAED,QAAA,sBAAsB,EAAE;AACtB,YAAA,IAAI,EAAE,KAA2B;YACjC,OAAO,EAAE,MAAM;gBACb,qBAAqB;gBACrB,yBAAyB;gBACzB,qBAAqB;gBACrB,sBAAqB;AACvB,aAAA;AACD,SAAA;;AAED,QAAA,SAAS,EAAE;AACT,YAAA,IAAI,EAAE,aAAa;AACnB,YAAA,OAAO,EAAE,MAAMA,WAAU;AAC3B,SAAA;AACD,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAA;AACT,QAAA,MAAM,EAAC,GAAI,KAAK,EAAE,CAAA;AAElB,QAAA,MAAM,eAAe,GAAG,EAAkB,CAAA;AAE1C,QAAA,MAAM,MAAK,GAAI,GAAG,CAAC,KAAK,CAAC,CAAA;AACzB,QAAA,MAAM,UAAW,GAAE,QAAQ,CAAC,MAAM,CAAC,CAAC,YAAY,CAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAA;AAEzE;;;;;;AAME;AACF,QAAA,MAAM,aAAa,WAAW,CAAC,CAAC,OAAgB,KAAK;AACnD,YAAA,IAAI,MAAM,CAAC,KAAM,KAAI,OAAO,EAAE;AAC5B,gBAAA,MAAM,CAAC,KAAI,GAAI,OAAO,CAAA;AACtB,gBAAA,MAAM,cAAe,GAAE,MAAM,CAAC,QAAQ,iBAAkB,GAAE,iBAAiB,CAAA;AAC3E,gBAAA,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,SAAS,EAAE,EAAE,MAAM,EAAE,YAAY,CAAC,KAAM,EAAC,CAAC,CAAA;AACpE,aAAA;SACD,EAAE,CAAC,CAAC,CAAA;AAEL;;;;AAIE;AACF,QAAA,SAAS,IAAI,GAAA;YACX,IAAI,UAAU,CAAC,KAAK,EAAE;gBACpB,UAAU,CAAC,IAAI,CAAC,CAAA;AAClB,aAAA;SACF;AAEA;;;;AAIE;AACF,QAAA,SAAS,KAAK,GAAA;AACZ,YAAA,MAAM,aAAY,GAAI,gBAAgB,EAAE,CAAA;YACxC,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,QAAQ,CAAC,aAAa,CAAC,EAAE;gBAChD,UAAU,CAAC,KAAK,CAAC,CAAA;AACnB,aAAA;SACF;QAEA,KAAK,CAAC,qBAAqB,CAAC,OAAO,CAAC,KAAI,IAAK,EAAE,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAA;QACjF,KAAK,CAAC,sBAAsB,CAAC,OAAO,CAAC,KAAI,IAAK,EAAE,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAA;QAEnF,OAAO;YACL,KAAK;YACL,YAAY;YACZ,UAAU;YACV,MAAM;YACN,IAAG;SACJ,CAAA;KACH;AACD,CAAA,CAAC;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@empathyco/x-components",
|
|
3
|
-
"version": "6.0.0-alpha.
|
|
3
|
+
"version": "6.0.0-alpha.43",
|
|
4
4
|
"description": "Empathy X Components",
|
|
5
5
|
"author": "Empathy Systems Corporation S.L.",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -70,12 +70,12 @@
|
|
|
70
70
|
},
|
|
71
71
|
"dependencies": {
|
|
72
72
|
"@empathyco/x-adapter": "^8.1.0-alpha.1",
|
|
73
|
-
"@empathyco/x-adapter-platform": "^1.1.0-alpha.
|
|
73
|
+
"@empathyco/x-adapter-platform": "^1.1.0-alpha.12",
|
|
74
74
|
"@empathyco/x-bus": "^1.0.3-alpha.2",
|
|
75
75
|
"@empathyco/x-deep-merge": "^2.0.3-alpha.2",
|
|
76
76
|
"@empathyco/x-logger": "^1.2.0-alpha.11",
|
|
77
77
|
"@empathyco/x-storage-service": "^2.0.3-alpha.1",
|
|
78
|
-
"@empathyco/x-types": "^10.1.0-alpha.
|
|
78
|
+
"@empathyco/x-types": "^10.1.0-alpha.9",
|
|
79
79
|
"@empathyco/x-utils": "^1.0.3-alpha.2",
|
|
80
80
|
"@vue/devtools-api": "~6.5.0",
|
|
81
81
|
"@vueuse/core": "~10.7.1",
|
|
@@ -138,5 +138,5 @@
|
|
|
138
138
|
"access": "public",
|
|
139
139
|
"directory": "dist"
|
|
140
140
|
},
|
|
141
|
-
"gitHead": "
|
|
141
|
+
"gitHead": "d38c720c7c322fe0721f9b1eb3ba557eb411b752"
|
|
142
142
|
}
|
|
@@ -16835,8 +16835,8 @@
|
|
|
16835
16835
|
},
|
|
16836
16836
|
{
|
|
16837
16837
|
"kind": "Reference",
|
|
16838
|
-
"text": "
|
|
16839
|
-
"canonicalReference": "@vue/reactivity!
|
|
16838
|
+
"text": "ComputedRef",
|
|
16839
|
+
"canonicalReference": "@vue/reactivity!ComputedRef:interface"
|
|
16840
16840
|
},
|
|
16841
16841
|
{
|
|
16842
16842
|
"kind": "Content",
|
|
@@ -53571,7 +53571,7 @@
|
|
|
53571
53571
|
},
|
|
53572
53572
|
{
|
|
53573
53573
|
"kind": "Content",
|
|
53574
|
-
"text": "[];\n suggestionText: string;\n type: string;\n toolingDisplayTagging
|
|
53574
|
+
"text": "[];\n nextQueries: string[];\n suggestionText: string;\n type: string;\n toolingDisplayTagging?: import(\"@empathyco/x-types\")."
|
|
53575
53575
|
},
|
|
53576
53576
|
{
|
|
53577
53577
|
"kind": "Reference",
|
|
@@ -53580,7 +53580,25 @@
|
|
|
53580
53580
|
},
|
|
53581
53581
|
{
|
|
53582
53582
|
"kind": "Content",
|
|
53583
|
-
"text": ";\n
|
|
53583
|
+
"text": " | undefined;\n tagging?: {\n toolingDisplayTagging?: import(\"@empathyco/x-types\")."
|
|
53584
|
+
},
|
|
53585
|
+
{
|
|
53586
|
+
"kind": "Reference",
|
|
53587
|
+
"text": "TaggingRequest",
|
|
53588
|
+
"canonicalReference": "@empathyco/x-components!TaggingRequest:interface"
|
|
53589
|
+
},
|
|
53590
|
+
{
|
|
53591
|
+
"kind": "Content",
|
|
53592
|
+
"text": " | undefined;\n nextQueriesTagging?: import(\"@empathyco/x-types\")."
|
|
53593
|
+
},
|
|
53594
|
+
{
|
|
53595
|
+
"kind": "Reference",
|
|
53596
|
+
"text": "RelatedPromptNextQuery",
|
|
53597
|
+
"canonicalReference": "@empathyco/x-components!RelatedPromptNextQuery:interface"
|
|
53598
|
+
},
|
|
53599
|
+
{
|
|
53600
|
+
"kind": "Content",
|
|
53601
|
+
"text": "[] | undefined;\n } | undefined;\n modelName: \"RelatedPrompt\";\n }[]>;\n listItems: import(\"vue\")."
|
|
53584
53602
|
},
|
|
53585
53603
|
{
|
|
53586
53604
|
"kind": "Reference",
|
|
@@ -53859,7 +53877,7 @@
|
|
|
53859
53877
|
"name": "RelatedPromptsTagList",
|
|
53860
53878
|
"variableTypeTokenRange": {
|
|
53861
53879
|
"startIndex": 1,
|
|
53862
|
-
"endIndex":
|
|
53880
|
+
"endIndex": 94
|
|
53863
53881
|
}
|
|
53864
53882
|
},
|
|
53865
53883
|
{
|
|
@@ -2223,7 +2223,7 @@ default: () => DefineComponent< {}, {}, any, ComputedOptions, MethodOptions,
|
|
|
2223
2223
|
}, {
|
|
2224
2224
|
close: () => void;
|
|
2225
2225
|
empathizeRef: Ref<HTMLDivElement | undefined>;
|
|
2226
|
-
hasContent:
|
|
2226
|
+
hasContent: ComputedRef<boolean>;
|
|
2227
2227
|
isOpen: Ref<boolean>;
|
|
2228
2228
|
open: () => void;
|
|
2229
2229
|
}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes< {
|
|
@@ -5889,9 +5889,14 @@ selectedPromptIndex: ComputedRef<any>;
|
|
|
5889
5889
|
visibleRelatedPrompts: ComputedRef< {
|
|
5890
5890
|
index: number;
|
|
5891
5891
|
relatedPromptNextQueries: RelatedPromptNextQuery[];
|
|
5892
|
+
nextQueries: string[];
|
|
5892
5893
|
suggestionText: string;
|
|
5893
5894
|
type: string;
|
|
5894
|
-
toolingDisplayTagging
|
|
5895
|
+
toolingDisplayTagging?: TaggingRequest | undefined;
|
|
5896
|
+
tagging?: {
|
|
5897
|
+
toolingDisplayTagging?: TaggingRequest | undefined;
|
|
5898
|
+
nextQueriesTagging?: RelatedPromptNextQuery[] | undefined;
|
|
5899
|
+
} | undefined;
|
|
5895
5900
|
modelName: "RelatedPrompt";
|
|
5896
5901
|
}[]>;
|
|
5897
5902
|
listItems: Ref<HTMLElement[]>;
|
package/report/x-types.api.json
CHANGED
|
@@ -4608,6 +4608,33 @@
|
|
|
4608
4608
|
"name": "RelatedPrompt",
|
|
4609
4609
|
"preserveMemberOrder": false,
|
|
4610
4610
|
"members": [
|
|
4611
|
+
{
|
|
4612
|
+
"kind": "PropertySignature",
|
|
4613
|
+
"canonicalReference": "@empathyco/x-types!RelatedPrompt#nextQueries:member",
|
|
4614
|
+
"docComment": "/**\n * The queries of the next queries related to the prompt.\n */\n",
|
|
4615
|
+
"excerptTokens": [
|
|
4616
|
+
{
|
|
4617
|
+
"kind": "Content",
|
|
4618
|
+
"text": "nextQueries: "
|
|
4619
|
+
},
|
|
4620
|
+
{
|
|
4621
|
+
"kind": "Content",
|
|
4622
|
+
"text": "string[]"
|
|
4623
|
+
},
|
|
4624
|
+
{
|
|
4625
|
+
"kind": "Content",
|
|
4626
|
+
"text": ";"
|
|
4627
|
+
}
|
|
4628
|
+
],
|
|
4629
|
+
"isReadonly": false,
|
|
4630
|
+
"isOptional": false,
|
|
4631
|
+
"releaseTag": "Public",
|
|
4632
|
+
"name": "nextQueries",
|
|
4633
|
+
"propertyTypeTokenRange": {
|
|
4634
|
+
"startIndex": 1,
|
|
4635
|
+
"endIndex": 2
|
|
4636
|
+
}
|
|
4637
|
+
},
|
|
4611
4638
|
{
|
|
4612
4639
|
"kind": "PropertySignature",
|
|
4613
4640
|
"canonicalReference": "@empathyco/x-types!RelatedPrompt#relatedPromptNextQueries:member",
|
|
@@ -4667,6 +4694,51 @@
|
|
|
4667
4694
|
"endIndex": 2
|
|
4668
4695
|
}
|
|
4669
4696
|
},
|
|
4697
|
+
{
|
|
4698
|
+
"kind": "PropertySignature",
|
|
4699
|
+
"canonicalReference": "@empathyco/x-types!RelatedPrompt#tagging:member",
|
|
4700
|
+
"docComment": "/**\n * Related prompt tagging.\n */\n",
|
|
4701
|
+
"excerptTokens": [
|
|
4702
|
+
{
|
|
4703
|
+
"kind": "Content",
|
|
4704
|
+
"text": "tagging?: "
|
|
4705
|
+
},
|
|
4706
|
+
{
|
|
4707
|
+
"kind": "Content",
|
|
4708
|
+
"text": "{\n toolingDisplayTagging?: "
|
|
4709
|
+
},
|
|
4710
|
+
{
|
|
4711
|
+
"kind": "Reference",
|
|
4712
|
+
"text": "TaggingRequest",
|
|
4713
|
+
"canonicalReference": "@empathyco/x-types!TaggingRequest:interface"
|
|
4714
|
+
},
|
|
4715
|
+
{
|
|
4716
|
+
"kind": "Content",
|
|
4717
|
+
"text": ";\n nextQueriesTagging?: "
|
|
4718
|
+
},
|
|
4719
|
+
{
|
|
4720
|
+
"kind": "Reference",
|
|
4721
|
+
"text": "RelatedPromptNextQuery",
|
|
4722
|
+
"canonicalReference": "@empathyco/x-types!RelatedPromptNextQuery:interface"
|
|
4723
|
+
},
|
|
4724
|
+
{
|
|
4725
|
+
"kind": "Content",
|
|
4726
|
+
"text": "[];\n }"
|
|
4727
|
+
},
|
|
4728
|
+
{
|
|
4729
|
+
"kind": "Content",
|
|
4730
|
+
"text": ";"
|
|
4731
|
+
}
|
|
4732
|
+
],
|
|
4733
|
+
"isReadonly": false,
|
|
4734
|
+
"isOptional": true,
|
|
4735
|
+
"releaseTag": "Public",
|
|
4736
|
+
"name": "tagging",
|
|
4737
|
+
"propertyTypeTokenRange": {
|
|
4738
|
+
"startIndex": 1,
|
|
4739
|
+
"endIndex": 6
|
|
4740
|
+
}
|
|
4741
|
+
},
|
|
4670
4742
|
{
|
|
4671
4743
|
"kind": "PropertySignature",
|
|
4672
4744
|
"canonicalReference": "@empathyco/x-types!RelatedPrompt#toolingDisplayTagging:member",
|
|
@@ -4674,7 +4746,7 @@
|
|
|
4674
4746
|
"excerptTokens": [
|
|
4675
4747
|
{
|
|
4676
4748
|
"kind": "Content",
|
|
4677
|
-
"text": "toolingDisplayTagging
|
|
4749
|
+
"text": "toolingDisplayTagging?: "
|
|
4678
4750
|
},
|
|
4679
4751
|
{
|
|
4680
4752
|
"kind": "Reference",
|
|
@@ -4687,7 +4759,7 @@
|
|
|
4687
4759
|
}
|
|
4688
4760
|
],
|
|
4689
4761
|
"isReadonly": false,
|
|
4690
|
-
"isOptional":
|
|
4762
|
+
"isOptional": true,
|
|
4691
4763
|
"releaseTag": "Public",
|
|
4692
4764
|
"name": "toolingDisplayTagging",
|
|
4693
4765
|
"propertyTypeTokenRange": {
|
|
@@ -24,7 +24,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
24
24
|
}, {
|
|
25
25
|
close: () => void;
|
|
26
26
|
empathizeRef: import("vue").Ref<HTMLDivElement | undefined>;
|
|
27
|
-
hasContent: import("vue").
|
|
27
|
+
hasContent: import("vue").ComputedRef<boolean>;
|
|
28
28
|
isOpen: import("vue").Ref<boolean>;
|
|
29
29
|
open: () => void;
|
|
30
30
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"empathize.vue?vue&type=script&lang.d.ts","sourceRoot":"","sources":["../../../../../src/x-modules/empathize/components/empathize.vue?vue&type=script&lang.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,QAAQ,
|
|
1
|
+
{"version":3,"file":"empathize.vue?vue&type=script&lang.d.ts","sourceRoot":"","sources":["../../../../../src/x-modules/empathize/components/empathize.vue?vue&type=script&lang.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,QAAQ,EAAiB,MAAM,KAAK,CAAC;AAQ/D;;;;;GAKG;;IAKC,qDAAqD;;;;;IAKrD,sDAAsD;;;;;IAUtD,sEAAsE;;;;;;;;;;;;IAftE,qDAAqD;;;;;IAKrD,sDAAsD;;;;;IAUtD,sEAAsE;;;;;;;;;;AAnB1E,wBAkFG"}
|
|
@@ -61,9 +61,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
61
61
|
visibleRelatedPrompts: import("vue").ComputedRef<{
|
|
62
62
|
index: number;
|
|
63
63
|
relatedPromptNextQueries: import("@empathyco/x-types").RelatedPromptNextQuery[];
|
|
64
|
+
nextQueries: string[];
|
|
64
65
|
suggestionText: string;
|
|
65
66
|
type: string;
|
|
66
|
-
toolingDisplayTagging
|
|
67
|
+
toolingDisplayTagging?: import("@empathyco/x-types").TaggingRequest | undefined;
|
|
68
|
+
tagging?: {
|
|
69
|
+
toolingDisplayTagging?: import("@empathyco/x-types").TaggingRequest | undefined;
|
|
70
|
+
nextQueriesTagging?: import("@empathyco/x-types").RelatedPromptNextQuery[] | undefined;
|
|
71
|
+
} | undefined;
|
|
67
72
|
modelName: "RelatedPrompt";
|
|
68
73
|
}[]>;
|
|
69
74
|
listItems: import("vue").Ref<HTMLElement[]>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"related-prompts-tag-list.vue?vue&type=script&lang.d.ts","sourceRoot":"","sources":["../../../../../src/x-modules/related-prompts/components/related-prompts-tag-list.vue?vue&type=script&lang.ts"],"names":[],"mappings":"AAEE,OAAO,EAA6B,QAAQ,EAAc,MAAM,KAAK,CAAC;AAOtE;;;;;;;GAOG;;IAMC;;;;OAIG;;IAEH;;;;OAIG;;;;;IAEH;;;;OAIG;;IAEH;;;;OAIG;;IAEH;;;;;OAKG;;IAEH;;;;OAIG;;;;;;wBAwLwB,MAAM,KAAG,OAAO;8BA5GV,MAAM,KAAG,IAAI;wBA8DnB,OAAO;kBAeb,OAAO,QAAQ,MAAM,IAAI;kBAkBzB,OAAO,QAAQ,MAAM,IAAI
|
|
1
|
+
{"version":3,"file":"related-prompts-tag-list.vue?vue&type=script&lang.d.ts","sourceRoot":"","sources":["../../../../../src/x-modules/related-prompts/components/related-prompts-tag-list.vue?vue&type=script&lang.ts"],"names":[],"mappings":"AAEE,OAAO,EAA6B,QAAQ,EAAc,MAAM,KAAK,CAAC;AAOtE;;;;;;;GAOG;;IAMC;;;;OAIG;;IAEH;;;;OAIG;;;;;IAEH;;;;OAIG;;IAEH;;;;OAIG;;IAEH;;;;;OAKG;;IAEH;;;;OAIG;;;;;;wBAwLwB,MAAM,KAAG,OAAO;8BA5GV,MAAM,KAAG,IAAI;wBA8DnB,OAAO;kBAeb,OAAO,QAAQ,MAAM,IAAI;kBAkBzB,OAAO,QAAQ,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;IA9M9C;;;;OAIG;;IAEH;;;;OAIG;;;;;IAEH;;;;OAIG;;IAEH;;;;OAIG;;IAEH;;;;;OAKG;;IAEH;;;;OAIG;;;;;;;;;AAxCP,wBAmPG"}
|