@empathyco/x-components 6.0.0-alpha.40 → 6.0.0-alpha.42

package/docs/API-reference/api/x-components.md

@@ -650,6 +650,7 @@ X-Components is a library usable everywhere not only for search experiences.
 |  [trackResultClickedWire](./x-components.trackresultclickedwire.md) | Tracks the tagging of the result. |
 |  [trackToolingAdd2CartWire](./x-components.tracktoolingadd2cartwire.md) | Performs a track of a display result being clicked. |
 |  [trackToolingDisplayClickedWire](./x-components.tracktoolingdisplayclickedwire.md) | Performs a track of a display result being clicked. |
+|  [typing](./x-components.typing.md) | Typing directive. |
 |  [updateHistoryQueriesWithSearchResponse](./x-components.updatehistoryquerieswithsearchresponse.md) | Updates the history queries with the relevant info included in a search response. |
 |  [UrlHandler](./x-components.urlhandler.md) | This component manages the browser URL parameters to preserve them through reloads and browser history navigation. It allow to configure the default url parameter names using its attributes. This component doesn't render elements to the DOM. |
 |  [urlXModule](./x-components.urlxmodule.md) | URL [XModule](./x-components.xmodule.md) implementation. This module is auto-registered as soon as you import any component from the <code>url</code> entry point. |

package/docs/API-reference/api/x-components.relatedpromptstaglist.md

@@ -34,9 +34,14 @@ _default: import("vue").DefineComponent<{
     visibleRelatedPrompts: import("vue").ComputedRef<{
         index: number;
         relatedPromptNextQueries: import("@empathyco/x-types").RelatedPromptNextQuery[];
+        nextQueries: string[];
         suggestionText: string;
         type: string;
-        toolingDisplayTagging: import("@empathyco/x-types").TaggingRequest;
+        toolingDisplayTagging?: import("@empathyco/x-types").TaggingRequest | undefined;
+        tagging?: {
+            toolingDisplayTagging?: import("@empathyco/x-types").TaggingRequest | undefined;
+            nextQueriesTagging?: import("@empathyco/x-types").RelatedPromptNextQuery[] | undefined;
+        } | undefined;
         modelName: "RelatedPrompt";
     }[]>;
     listItems: import("vue").Ref<HTMLElement[]>;

package/docs/API-reference/api/x-components.typing.md

@@ -0,0 +1,13 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@empathyco/x-components](./x-components.md) &gt; [typing](./x-components.typing.md)
+
+## typing variable
+
+Typing directive.
+
+**Signature:**
+
+```typescript
+typing: Directive<TypingHTMLElement, TypingOptions>
+```

package/docs/API-reference/api/x-types.relatedprompt.md

@@ -17,8 +17,10 @@ export interface RelatedPrompt extends NamedModel<'RelatedPrompt'>
 
 |  Property | Modifiers | Type | Description |
 |  --- | --- | --- | --- |
+|  [nextQueries](./x-types.relatedprompt.nextqueries.md) |  | string\[\] | The queries of the next queries related to the prompt. |
 |  [relatedPromptNextQueries](./x-types.relatedprompt.relatedpromptnextqueries.md) |  | [RelatedPromptNextQuery](./x-types.relatedpromptnextquery.md)<!-- -->\[\] | The next queries related to the prompt. |
 |  [suggestionText](./x-types.relatedprompt.suggestiontext.md) |  | string | The prompt. |
-|  [toolingDisplayTagging](./x-types.relatedprompt.toolingdisplaytagging.md) |  | [TaggingRequest](./x-types.taggingrequest.md) | The tooling display tagging of the prompt. |
+|  [tagging?](./x-types.relatedprompt.tagging.md) |  | { toolingDisplayTagging?: [TaggingRequest](./x-types.taggingrequest.md)<!-- -->; nextQueriesTagging?: [RelatedPromptNextQuery](./x-types.relatedpromptnextquery.md)<!-- -->\[\]; } | _(Optional)_ Related prompt tagging. |
+|  [toolingDisplayTagging?](./x-types.relatedprompt.toolingdisplaytagging.md) |  | [TaggingRequest](./x-types.taggingrequest.md) | _(Optional)_ The tooling display tagging of the prompt. |
 |  [type](./x-types.relatedprompt.type.md) |  | string | The type of the prompt. |
 

package/docs/API-reference/api/x-types.relatedprompt.nextqueries.md

@@ -0,0 +1,13 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@empathyco/x-types](./x-types.md) &gt; [RelatedPrompt](./x-types.relatedprompt.md) &gt; [nextQueries](./x-types.relatedprompt.nextqueries.md)
+
+## RelatedPrompt.nextQueries property
+
+The queries of the next queries related to the prompt.
+
+**Signature:**
+
+```typescript
+nextQueries: string[];
+```

package/docs/API-reference/api/x-types.relatedprompt.tagging.md

@@ -0,0 +1,16 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@empathyco/x-types](./x-types.md) &gt; [RelatedPrompt](./x-types.relatedprompt.md) &gt; [tagging](./x-types.relatedprompt.tagging.md)
+
+## RelatedPrompt.tagging property
+
+Related prompt tagging.
+
+**Signature:**
+
+```typescript
+tagging?: {
+        toolingDisplayTagging?: TaggingRequest;
+        nextQueriesTagging?: RelatedPromptNextQuery[];
+    };
+```

package/docs/API-reference/api/x-types.relatedprompt.toolingdisplaytagging.md

@@ -9,5 +9,5 @@ The tooling display tagging of the prompt.
 **Signature:**
 
 ```typescript
-toolingDisplayTagging: TaggingRequest;
+toolingDisplayTagging?: TaggingRequest;
 ```

package/js/directives/typing.js

@@ -1,4 +1,9 @@
-const typingDirective = {
+/**
+ * Typing directive.
+ *
+ * @public
+ */
+const typing = {
     mounted(el, binding) {
         execute(el, binding.value);
     },
@@ -21,6 +26,7 @@ const typingDirective = {
 function execute(el, options) {
     const { text, speed = 1, targetAttr = '' } = options;
     if (!text) {
+        // eslint-disable-next-line no-console
         console.error('v-typing: "text" is required.');
         return;
     }
@@ -48,5 +54,5 @@ function execute(el, options) {
     type();
 }
 
-export { typingDirective as default };
+export { typing };
 //# sourceMappingURL=typing.js.map

package/js/directives/typing.js.map

@@ -1 +1 @@
-{"version":3,"file":"typing.js","sources":["../../../src/directives/typing.ts"],"sourcesContent":["import type { Directive } from 'vue';\n\n/**\n * TypingOptions interface.\n *\n * @public\n */\nexport interface TypingOptions {\n  /**\n   * The text (plain or html) that will be typed into the target element.\n   */\n  text: string;\n  /**\n   * The typing speed in milliseconds per character.\n   *\n   */\n  speed?: number;\n  /**\n   * The attribute of the HTML element where the typed text will be placed.\n   * If not specified, the text will be set as content (innerHTML).\n   *\n   * @example 'placeholder'\n   */\n  targetAttr?: string;\n}\n\ninterface TypingHTMLElement extends HTMLElement {\n  __timeoutId?: number;\n}\n\nconst typingDirective: Directive<TypingHTMLElement, TypingOptions> = {\n  mounted(el, binding) {\n    execute(el, binding.value);\n  },\n\n  updated(el, binding) {\n    if (binding.value.text !== binding.oldValue?.text) {\n      clearTimeout(el.__timeoutId);\n      execute(el, binding.value);\n    }\n  },\n\n  unmounted(el) {\n    clearTimeout(el.__timeoutId);\n  }\n};\n\n/**\n * Execute a typing animation in an HTML element.\n *\n * @param el - The HTML element where the typing animation will be displayed.\n * @param options - Options for the behavior of the animation.\n */\nfunction execute(el: TypingHTMLElement, options: TypingOptions) {\n  const { text, speed = 1, targetAttr = '' } = options;\n\n  if (!text) {\n    console.error('v-typing: \"text\" is required.');\n    return;\n  }\n\n  let index = 0;\n\n  const updateContent = (value: string) => {\n    if (targetAttr) {\n      el.setAttribute(targetAttr, value);\n    } else {\n      el.innerHTML = value;\n    }\n  };\n\n  const type = () => {\n    if (index < text.length) {\n      updateContent(text.slice(0, index + 1));\n      index++;\n      el.__timeoutId = setTimeout(type, speed) as unknown as number;\n    } else {\n      updateContent(text);\n      clearTimeout(el.__timeoutId);\n      el.__timeoutId = undefined;\n    }\n  };\n\n  type();\n}\n\nexport default typingDirective;\n"],"names":[],"mappings":"AA8BA,MAAM,eAAe,GAAgD;IACnE,OAAO,CAAC,EAAE,EAAE,OAAO,EAAA;AACjB,QAAA,OAAO,CAAC,EAAE,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;KAC5B;IAED,OAAO,CAAC,EAAE,EAAE,OAAO,EAAA;QACjB,IAAI,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,OAAO,CAAC,QAAQ,EAAE,IAAI,EAAE;AACjD,YAAA,YAAY,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC;AAC7B,YAAA,OAAO,CAAC,EAAE,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;AAC5B,SAAA;KACF;AAED,IAAA,SAAS,CAAC,EAAE,EAAA;AACV,QAAA,YAAY,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC;KAC9B;EACD;AAEF;;;;;AAKG;AACH,SAAS,OAAO,CAAC,EAAqB,EAAE,OAAsB,EAAA;AAC5D,IAAA,MAAM,EAAE,IAAI,EAAE,KAAK,GAAG,CAAC,EAAE,UAAU,GAAG,EAAE,EAAE,GAAG,OAAO,CAAC;IAErD,IAAI,CAAC,IAAI,EAAE;AACT,QAAA,OAAO,CAAC,KAAK,CAAC,+BAA+B,CAAC,CAAC;QAC/C,OAAO;AACR,KAAA;IAED,IAAI,KAAK,GAAG,CAAC,CAAC;AAEd,IAAA,MAAM,aAAa,GAAG,CAAC,KAAa,KAAI;AACtC,QAAA,IAAI,UAAU,EAAE;AACd,YAAA,EAAE,CAAC,YAAY,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC;AACpC,SAAA;AAAM,aAAA;AACL,YAAA,EAAE,CAAC,SAAS,GAAG,KAAK,CAAC;AACtB,SAAA;AACH,KAAC,CAAC;IAEF,MAAM,IAAI,GAAG,MAAK;AAChB,QAAA,IAAI,KAAK,GAAG,IAAI,CAAC,MAAM,EAAE;AACvB,YAAA,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC;AACxC,YAAA,KAAK,EAAE,CAAC;YACR,EAAE,CAAC,WAAW,GAAG,UAAU,CAAC,IAAI,EAAE,KAAK,CAAsB,CAAC;AAC/D,SAAA;AAAM,aAAA;YACL,aAAa,CAAC,IAAI,CAAC,CAAC;AACpB,YAAA,YAAY,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC;AAC7B,YAAA,EAAE,CAAC,WAAW,GAAG,SAAS,CAAC;AAC5B,SAAA;AACH,KAAC,CAAC;AAEF,IAAA,IAAI,EAAE,CAAC;AACT;;;;"}
+{"version":3,"file":"typing.js","sources":["../../../src/directives/typing.ts"],"sourcesContent":["import type { Directive } from 'vue';\n\n/**\n * TypingOptions interface.\n *\n * @public\n */\nexport interface TypingOptions {\n  /**\n   * The text (plain or html) that will be typed into the target element.\n   */\n  text: string;\n  /**\n   * The typing speed in milliseconds per character.\n   *\n   */\n  speed?: number;\n  /**\n   * The attribute of the HTML element where the typed text will be placed.\n   * If not specified, the text will be set as content (innerHTML).\n   *\n   * @example 'placeholder'\n   */\n  targetAttr?: string;\n}\n\ninterface TypingHTMLElement extends HTMLElement {\n  __timeoutId?: number;\n}\n\n/**\n * Typing directive.\n *\n * @public\n */\nexport const typing: Directive<TypingHTMLElement, TypingOptions> = {\n  mounted(el, binding) {\n    execute(el, binding.value);\n  },\n\n  updated(el, binding) {\n    if (binding.value.text !== binding.oldValue?.text) {\n      clearTimeout(el.__timeoutId);\n      execute(el, binding.value);\n    }\n  },\n\n  unmounted(el) {\n    clearTimeout(el.__timeoutId);\n  }\n};\n\n/**\n * Execute a typing animation in an HTML element.\n *\n * @param el - The HTML element where the typing animation will be displayed.\n * @param options - Options for the behavior of the animation.\n */\nfunction execute(el: TypingHTMLElement, options: TypingOptions) {\n  const { text, speed = 1, targetAttr = '' } = options;\n\n  if (!text) {\n    // eslint-disable-next-line no-console\n    console.error('v-typing: \"text\" is required.');\n    return;\n  }\n\n  let index = 0;\n\n  const updateContent = (value: string) => {\n    if (targetAttr) {\n      el.setAttribute(targetAttr, value);\n    } else {\n      el.innerHTML = value;\n    }\n  };\n\n  const type = () => {\n    if (index < text.length) {\n      updateContent(text.slice(0, index + 1));\n      index++;\n      el.__timeoutId = setTimeout(type, speed) as unknown as number;\n    } else {\n      updateContent(text);\n      clearTimeout(el.__timeoutId);\n      el.__timeoutId = undefined;\n    }\n  };\n\n  type();\n}\n"],"names":[],"mappings":"AA8BA;;;;AAIG;AACU,MAAA,MAAM,GAAgD;IACjE,OAAO,CAAC,EAAE,EAAE,OAAO,EAAA;AACjB,QAAA,OAAO,CAAC,EAAE,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;KAC5B;IAED,OAAO,CAAC,EAAE,EAAE,OAAO,EAAA;QACjB,IAAI,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,OAAO,CAAC,QAAQ,EAAE,IAAI,EAAE;AACjD,YAAA,YAAY,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC;AAC7B,YAAA,OAAO,CAAC,EAAE,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;AAC5B,SAAA;KACF;AAED,IAAA,SAAS,CAAC,EAAE,EAAA;AACV,QAAA,YAAY,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC;KAC9B;EACD;AAEF;;;;;AAKG;AACH,SAAS,OAAO,CAAC,EAAqB,EAAE,OAAsB,EAAA;AAC5D,IAAA,MAAM,EAAE,IAAI,EAAE,KAAK,GAAG,CAAC,EAAE,UAAU,GAAG,EAAE,EAAE,GAAG,OAAO,CAAC;IAErD,IAAI,CAAC,IAAI,EAAE;;AAET,QAAA,OAAO,CAAC,KAAK,CAAC,+BAA+B,CAAC,CAAC;QAC/C,OAAO;AACR,KAAA;IAED,IAAI,KAAK,GAAG,CAAC,CAAC;AAEd,IAAA,MAAM,aAAa,GAAG,CAAC,KAAa,KAAI;AACtC,QAAA,IAAI,UAAU,EAAE;AACd,YAAA,EAAE,CAAC,YAAY,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC;AACpC,SAAA;AAAM,aAAA;AACL,YAAA,EAAE,CAAC,SAAS,GAAG,KAAK,CAAC;AACtB,SAAA;AACH,KAAC,CAAC;IAEF,MAAM,IAAI,GAAG,MAAK;AAChB,QAAA,IAAI,KAAK,GAAG,IAAI,CAAC,MAAM,EAAE;AACvB,YAAA,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC;AACxC,YAAA,KAAK,EAAE,CAAC;YACR,EAAE,CAAC,WAAW,GAAG,UAAU,CAAC,IAAI,EAAE,KAAK,CAAsB,CAAC;AAC/D,SAAA;AAAM,aAAA;YACL,aAAa,CAAC,IAAI,CAAC,CAAC;AACpB,YAAA,YAAY,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC;AAC7B,YAAA,EAAE,CAAC,WAAW,GAAG,SAAS,CAAC;AAC5B,SAAA;AACH,KAAC,CAAC;AAEF,IAAA,IAAI,EAAE,CAAC;AACT;;;;"}

package/js/index.js

@@ -153,6 +153,7 @@ export { useState } from './composables/use-state.js';
 export { useStore } from 'vuex';
 export { useXBus } from './composables/use-x-bus.js';
 export { infiniteScroll } from './directives/infinite-scroll.js';
+export { typing } from './directives/typing.js';
 export { setupDevtools } from './plugins/devtools/devtools.plugin.js';
 export { bus } from './plugins/x-bus.js';
 export { isSimpleSelector, registerStoreEmitters } from './plugins/x-emitters.js';

package/js/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/js/x-modules/related-prompts/components/related-prompt.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"related-prompt.vue.js","sources":["../../../../../src/x-modules/related-prompts/components/related-prompt.vue"],"sourcesContent":["<template>\n  <button class=\"x-related-prompt\">\n    <span v-typing=\"{ text: relatedPrompt.suggestionText, speed: 50 }\" />\n    <component\n      :is=\"selected ? 'CrossTinyIcon' : 'PlusIcon'\"\n      class=\"x-icon-lg x-related-prompt-icon\"\n    />\n  </button>\n</template>\n<script lang=\"ts\">\n  import { defineComponent, PropType } from 'vue';\n  import { RelatedPrompt } from '@empathyco/x-types';\n  import CrossTinyIcon from '../../../components/icons/cross-tiny.vue';\n  import PlusIcon from '../../../components/icons/plus.vue';\n  import vTyping from '../../../directives/typing';\n\n  /**\n   * This component shows a suggested related prompt.\n   */\n  export default defineComponent({\n    name: 'RelatedPrompt',\n    directives: {\n      typing: vTyping\n    },\n    components: {\n      CrossTinyIcon,\n      PlusIcon\n    },\n    props: {\n      relatedPrompt: {\n        type: Object as PropType<RelatedPrompt>,\n        required: true\n      },\n      selected: {\n        type: Boolean,\n        default: false\n      }\n    }\n  });\n</script>\n<style lang=\"css\">\n  .x-related-prompt {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    text-align: start;\n    padding: 8px;\n    height: 100%;\n    width: 100%;\n  }\n  .x-related-prompt-icon {\n    align-self: start;\n  }\n</style>\n"],"names":["_resolveDirective","relatedPrompt","_withDirectives","_createElementVNode","selected"],"mappings":";;;;;;;AACE,EAAA,MAAA,iBAAA,GAAAA,gBAAA,CAMS,QANT,CAAA,CAAA;yCAC0BC,QAAc,EAAA,UAAA,EAAA;AAAA,IAAAC,cAAA,CAAAC,kBAAA;;;;;;;AACtC,MAAA,CAAA,iBAAA,EAAA,EAAA,IAAA,EAHJ,mCAIWC,KAAQ,EAAA,EAAA,EAAA,CAAA;AAAA,KAAA,CAAA;;;;;;;;"}
+{"version":3,"file":"related-prompt.vue.js","sources":["../../../../../src/x-modules/related-prompts/components/related-prompt.vue"],"sourcesContent":["<template>\n  <button class=\"x-related-prompt\">\n    <span v-typing=\"{ text: relatedPrompt.suggestionText, speed: 50 }\" />\n    <component\n      :is=\"selected ? 'CrossTinyIcon' : 'PlusIcon'\"\n      class=\"x-icon-lg x-related-prompt-icon\"\n    />\n  </button>\n</template>\n<script lang=\"ts\">\n  import { defineComponent, PropType } from 'vue';\n  import { RelatedPrompt } from '@empathyco/x-types';\n  import CrossTinyIcon from '../../../components/icons/cross-tiny.vue';\n  import PlusIcon from '../../../components/icons/plus.vue';\n  import { typing } from '../../../directives/typing';\n\n  /**\n   * This component shows a suggested related prompt.\n   */\n  export default defineComponent({\n    name: 'RelatedPrompt',\n    directives: {\n      typing\n    },\n    components: {\n      CrossTinyIcon,\n      PlusIcon\n    },\n    props: {\n      relatedPrompt: {\n        type: Object as PropType<RelatedPrompt>,\n        required: true\n      },\n      selected: {\n        type: Boolean,\n        default: false\n      }\n    }\n  });\n</script>\n<style lang=\"css\">\n  .x-related-prompt {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    text-align: start;\n    padding: 8px;\n    height: 100%;\n    width: 100%;\n  }\n  .x-related-prompt-icon {\n    align-self: start;\n  }\n</style>\n"],"names":["_resolveDirective","relatedPrompt","_withDirectives","_createElementVNode","selected"],"mappings":";;;;;;;AACE,EAAA,MAAA,iBAAA,GAAAA,gBAAA,CAMS,QANT,CAAA,CAAA;yCAC0BC,QAAc,EAAA,UAAA,EAAA;AAAA,IAAAC,cAAA,CAAAC,kBAAA;;;;;;;AACtC,MAAA,CAAA,iBAAA,EAAA,EAAA,IAAA,EAHJ,mCAIWC,KAAQ,EAAA,EAAA,EAAA,CAAA;AAAA,KAAA,CAAA;;;;;;;;"}

package/js/x-modules/related-prompts/components/related-prompt.vue2.js

@@ -1,7 +1,7 @@
 import { defineComponent } from 'vue';
 import CrossTinyIcon from '../../../components/icons/cross-tiny.vue.js';
 import PlusIcon from '../../../components/icons/plus.vue.js';
-import typingDirective from '../../../directives/typing.js';
+import { typing } from '../../../directives/typing.js';
 
 /**
  * This component shows a suggested related prompt.
@@ -9,7 +9,7 @@ import typingDirective from '../../../directives/typing.js';
 var _sfc_main = defineComponent({
     name: 'RelatedPrompt',
     directives: {
-        typing: typingDirective
+        typing
     },
     components: {
         CrossTinyIcon,

package/js/x-modules/related-prompts/components/related-prompt.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"related-prompt.vue2.js","sources":["../../../../../src/x-modules/related-prompts/components/related-prompt.vue"],"sourcesContent":["<template>\n  <button class=\"x-related-prompt\">\n    <span v-typing=\"{ text: relatedPrompt.suggestionText, speed: 50 }\" />\n    <component\n      :is=\"selected ? 'CrossTinyIcon' : 'PlusIcon'\"\n      class=\"x-icon-lg x-related-prompt-icon\"\n    />\n  </button>\n</template>\n<script lang=\"ts\">\n  import { defineComponent, PropType } from 'vue';\n  import { RelatedPrompt } from '@empathyco/x-types';\n  import CrossTinyIcon from '../../../components/icons/cross-tiny.vue';\n  import PlusIcon from '../../../components/icons/plus.vue';\n  import vTyping from '../../../directives/typing';\n\n  /**\n   * This component shows a suggested related prompt.\n   */\n  export default defineComponent({\n    name: 'RelatedPrompt',\n    directives: {\n      typing: vTyping\n    },\n    components: {\n      CrossTinyIcon,\n      PlusIcon\n    },\n    props: {\n      relatedPrompt: {\n        type: Object as PropType<RelatedPrompt>,\n        required: true\n      },\n      selected: {\n        type: Boolean,\n        default: false\n      }\n    }\n  });\n</script>\n<style lang=\"css\">\n  .x-related-prompt {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    text-align: start;\n    padding: 8px;\n    height: 100%;\n    width: 100%;\n  }\n  .x-related-prompt-icon {\n    align-self: start;\n  }\n</style>\n"],"names":["vTyping"],"mappings":";;;;;AAgBE;;AAEE;AACF,gBAAe,eAAe,CAAC;AAC7B,IAAA,IAAI,EAAE,eAAe;AACrB,IAAA,UAAU,EAAE;AACV,QAAA,MAAM,EAAEA,eAAM;AACf,KAAA;AACD,IAAA,UAAU,EAAE;QACV,aAAa;QACb,QAAO;AACR,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,aAAa,EAAE;AACb,YAAA,IAAI,EAAE,MAAiC;AACvC,YAAA,QAAQ,EAAE,IAAG;AACd,SAAA;AACD,QAAA,QAAQ,EAAE;AACR,YAAA,IAAI,EAAE,OAAO;AACb,YAAA,OAAO,EAAE,KAAI;AACf,SAAA;AACF,KAAA;AACD,CAAA,CAAC;;;;"}
+{"version":3,"file":"related-prompt.vue2.js","sources":["../../../../../src/x-modules/related-prompts/components/related-prompt.vue"],"sourcesContent":["<template>\n  <button class=\"x-related-prompt\">\n    <span v-typing=\"{ text: relatedPrompt.suggestionText, speed: 50 }\" />\n    <component\n      :is=\"selected ? 'CrossTinyIcon' : 'PlusIcon'\"\n      class=\"x-icon-lg x-related-prompt-icon\"\n    />\n  </button>\n</template>\n<script lang=\"ts\">\n  import { defineComponent, PropType } from 'vue';\n  import { RelatedPrompt } from '@empathyco/x-types';\n  import CrossTinyIcon from '../../../components/icons/cross-tiny.vue';\n  import PlusIcon from '../../../components/icons/plus.vue';\n  import { typing } from '../../../directives/typing';\n\n  /**\n   * This component shows a suggested related prompt.\n   */\n  export default defineComponent({\n    name: 'RelatedPrompt',\n    directives: {\n      typing\n    },\n    components: {\n      CrossTinyIcon,\n      PlusIcon\n    },\n    props: {\n      relatedPrompt: {\n        type: Object as PropType<RelatedPrompt>,\n        required: true\n      },\n      selected: {\n        type: Boolean,\n        default: false\n      }\n    }\n  });\n</script>\n<style lang=\"css\">\n  .x-related-prompt {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    text-align: start;\n    padding: 8px;\n    height: 100%;\n    width: 100%;\n  }\n  .x-related-prompt-icon {\n    align-self: start;\n  }\n</style>\n"],"names":[],"mappings":";;;;;AAgBE;;AAEE;AACF,gBAAe,eAAe,CAAC;AAC7B,IAAA,IAAI,EAAE,eAAe;AACrB,IAAA,UAAU,EAAE;QACV,MAAK;AACN,KAAA;AACD,IAAA,UAAU,EAAE;QACV,aAAa;QACb,QAAO;AACR,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,aAAa,EAAE;AACb,YAAA,IAAI,EAAE,MAAiC;AACvC,YAAA,QAAQ,EAAE,IAAG;AACd,SAAA;AACD,QAAA,QAAQ,EAAE;AACR,YAAA,IAAI,EAAE,OAAO;AACb,YAAA,OAAO,EAAE,KAAI;AACf,SAAA;AACF,KAAA;AACD,CAAA,CAAC;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@empathyco/x-components",
-  "version": "6.0.0-alpha.40",
+  "version": "6.0.0-alpha.42",
   "description": "Empathy X Components",
   "author": "Empathy Systems Corporation S.L.",
   "license": "Apache-2.0",
@@ -70,12 +70,12 @@
   },
   "dependencies": {
     "@empathyco/x-adapter": "^8.1.0-alpha.1",
-    "@empathyco/x-adapter-platform": "^1.1.0-alpha.11",
+    "@empathyco/x-adapter-platform": "^1.1.0-alpha.12",
     "@empathyco/x-bus": "^1.0.3-alpha.2",
     "@empathyco/x-deep-merge": "^2.0.3-alpha.2",
     "@empathyco/x-logger": "^1.2.0-alpha.11",
     "@empathyco/x-storage-service": "^2.0.3-alpha.1",
-    "@empathyco/x-types": "^10.1.0-alpha.8",
+    "@empathyco/x-types": "^10.1.0-alpha.9",
     "@empathyco/x-utils": "^1.0.3-alpha.2",
     "@vue/devtools-api": "~6.5.0",
     "@vueuse/core": "~10.7.1",
@@ -138,5 +138,5 @@
     "access": "public",
     "directory": "dist"
   },
-  "gitHead": "5ee84f6196ab56a35974343899b2616d7b8a9a86"
+  "gitHead": "2658b6fbe2ccc7fb2a18c9ee4a0e1b3e092676ec"
 }

package/report/x-components.api.json

@@ -53571,7 +53571,7 @@
             },
             {
               "kind": "Content",
-              "text": "[];\n        suggestionText: string;\n        type: string;\n        toolingDisplayTagging: import(\"@empathyco/x-types\")."
+              "text": "[];\n        nextQueries: string[];\n        suggestionText: string;\n        type: string;\n        toolingDisplayTagging?: import(\"@empathyco/x-types\")."
             },
             {
               "kind": "Reference",
@@ -53580,7 +53580,25 @@
             },
             {
               "kind": "Content",
-              "text": ";\n        modelName: \"RelatedPrompt\";\n    }[]>;\n    listItems: import(\"vue\")."
+              "text": " | undefined;\n        tagging?: {\n            toolingDisplayTagging?: import(\"@empathyco/x-types\")."
+            },
+            {
+              "kind": "Reference",
+              "text": "TaggingRequest",
+              "canonicalReference": "@empathyco/x-components!TaggingRequest:interface"
+            },
+            {
+              "kind": "Content",
+              "text": " | undefined;\n            nextQueriesTagging?: import(\"@empathyco/x-types\")."
+            },
+            {
+              "kind": "Reference",
+              "text": "RelatedPromptNextQuery",
+              "canonicalReference": "@empathyco/x-components!RelatedPromptNextQuery:interface"
+            },
+            {
+              "kind": "Content",
+              "text": "[] | undefined;\n        } | undefined;\n        modelName: \"RelatedPrompt\";\n    }[]>;\n    listItems: import(\"vue\")."
             },
             {
               "kind": "Reference",
@@ -53859,7 +53877,7 @@
           "name": "RelatedPromptsTagList",
           "variableTypeTokenRange": {
             "startIndex": 1,
-            "endIndex": 90
+            "endIndex": 94
           }
         },
         {
@@ -76674,6 +76692,52 @@
             "endIndex": 5
           }
         },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@empathyco/x-components!typing:var",
+          "docComment": "/**\n * Typing directive.\n *\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "typing: "
+            },
+            {
+              "kind": "Reference",
+              "text": "Directive",
+              "canonicalReference": "@vue/runtime-core!Directive:type"
+            },
+            {
+              "kind": "Content",
+              "text": "<"
+            },
+            {
+              "kind": "Reference",
+              "text": "TypingHTMLElement",
+              "canonicalReference": "@empathyco/x-components!~TypingHTMLElement:interface"
+            },
+            {
+              "kind": "Content",
+              "text": ", "
+            },
+            {
+              "kind": "Reference",
+              "text": "TypingOptions",
+              "canonicalReference": "@empathyco/x-components!TypingOptions:interface"
+            },
+            {
+              "kind": "Content",
+              "text": ">"
+            }
+          ],
+          "fileUrlPath": "src/directives/typing.ts",
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "typing",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 7
+          }
+        },
         {
           "kind": "Interface",
           "canonicalReference": "@empathyco/x-components!TypingOptions:interface",

package/report/x-components.api.md

@@ -5889,9 +5889,14 @@ selectedPromptIndex: ComputedRef<any>;
 visibleRelatedPrompts: ComputedRef<    {
 index: number;
 relatedPromptNextQueries: RelatedPromptNextQuery[];
+nextQueries: string[];
 suggestionText: string;
 type: string;
-toolingDisplayTagging: TaggingRequest;
+toolingDisplayTagging?: TaggingRequest | undefined;
+tagging?: {
+toolingDisplayTagging?: TaggingRequest | undefined;
+nextQueriesTagging?: RelatedPromptNextQuery[] | undefined;
+} | undefined;
 modelName: "RelatedPrompt";
 }[]>;
 listItems: Ref<HTMLElement[]>;
@@ -8392,6 +8397,11 @@ export { TrendingIcon }
 
 export { TrendingTinyIcon }
 
+// Warning: (ae-forgotten-export) The symbol "TypingHTMLElement" needs to be exported by the entry point index.d.ts
+//
+// @public
+export const typing: Directive<TypingHTMLElement, TypingOptions>;
+
 // @public
 export interface TypingOptions {
     speed?: number;

package/report/x-types.api.json

@@ -4608,6 +4608,33 @@
           "name": "RelatedPrompt",
           "preserveMemberOrder": false,
           "members": [
+            {
+              "kind": "PropertySignature",
+              "canonicalReference": "@empathyco/x-types!RelatedPrompt#nextQueries:member",
+              "docComment": "/**\n * The queries of the next queries related to the prompt.\n */\n",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "nextQueries: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "string[]"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isReadonly": false,
+              "isOptional": false,
+              "releaseTag": "Public",
+              "name": "nextQueries",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              }
+            },
             {
               "kind": "PropertySignature",
               "canonicalReference": "@empathyco/x-types!RelatedPrompt#relatedPromptNextQueries:member",
@@ -4667,6 +4694,51 @@
                 "endIndex": 2
               }
             },
+            {
+              "kind": "PropertySignature",
+              "canonicalReference": "@empathyco/x-types!RelatedPrompt#tagging:member",
+              "docComment": "/**\n * Related prompt tagging.\n */\n",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "tagging?: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "{\n        toolingDisplayTagging?: "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "TaggingRequest",
+                  "canonicalReference": "@empathyco/x-types!TaggingRequest:interface"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";\n        nextQueriesTagging?: "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "RelatedPromptNextQuery",
+                  "canonicalReference": "@empathyco/x-types!RelatedPromptNextQuery:interface"
+                },
+                {
+                  "kind": "Content",
+                  "text": "[];\n    }"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isReadonly": false,
+              "isOptional": true,
+              "releaseTag": "Public",
+              "name": "tagging",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 6
+              }
+            },
             {
               "kind": "PropertySignature",
               "canonicalReference": "@empathyco/x-types!RelatedPrompt#toolingDisplayTagging:member",
@@ -4674,7 +4746,7 @@
               "excerptTokens": [
                 {
                   "kind": "Content",
-                  "text": "toolingDisplayTagging: "
+                  "text": "toolingDisplayTagging?: "
                 },
                 {
                   "kind": "Reference",
@@ -4687,7 +4759,7 @@
                 }
               ],
               "isReadonly": false,
-              "isOptional": false,
+              "isOptional": true,
               "releaseTag": "Public",
               "name": "toolingDisplayTagging",
               "propertyTypeTokenRange": {

package/types/directives/typing.d.ts

@@ -25,6 +25,11 @@ export interface TypingOptions {
 interface TypingHTMLElement extends HTMLElement {
     __timeoutId?: number;
 }
-declare const typingDirective: Directive<TypingHTMLElement, TypingOptions>;
-export default typingDirective;
+/**
+ * Typing directive.
+ *
+ * @public
+ */
+export declare const typing: Directive<TypingHTMLElement, TypingOptions>;
+export {};
 //# sourceMappingURL=typing.d.ts.map

package/types/directives/typing.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"typing.d.ts","sourceRoot":"","sources":["../../../src/directives/typing.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AAErC;;;;GAIG;AACH,MAAM,WAAW,aAAa;IAC5B;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;OAKG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,UAAU,iBAAkB,SAAQ,WAAW;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,QAAA,MAAM,eAAe,EAAE,SAAS,CAAC,iBAAiB,EAAE,aAAa,CAehE,CAAC;AAyCF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"typing.d.ts","sourceRoot":"","sources":["../../../src/directives/typing.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AAErC;;;;GAIG;AACH,MAAM,WAAW,aAAa;IAC5B;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;OAKG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,UAAU,iBAAkB,SAAQ,WAAW;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;GAIG;AACH,eAAO,MAAM,MAAM,EAAE,SAAS,CAAC,iBAAiB,EAAE,aAAa,CAe9D,CAAC"}

package/types/x-modules/related-prompts/components/related-prompts-tag-list.vue.d.ts

@@ -61,9 +61,14 @@ declare const _default: import("vue").DefineComponent<{
     visibleRelatedPrompts: import("vue").ComputedRef<{
         index: number;
         relatedPromptNextQueries: import("@empathyco/x-types").RelatedPromptNextQuery[];
+        nextQueries: string[];
         suggestionText: string;
         type: string;
-        toolingDisplayTagging: import("@empathyco/x-types").TaggingRequest;
+        toolingDisplayTagging?: import("@empathyco/x-types").TaggingRequest | undefined;
+        tagging?: {
+            toolingDisplayTagging?: import("@empathyco/x-types").TaggingRequest | undefined;
+            nextQueriesTagging?: import("@empathyco/x-types").RelatedPromptNextQuery[] | undefined;
+        } | undefined;
         modelName: "RelatedPrompt";
     }[]>;
     listItems: import("vue").Ref<HTMLElement[]>;

package/types/x-modules/related-prompts/components/related-prompts-tag-list.vue.d.ts.map

@@ -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;;;;;;;;;;;;;;;;;;;IA9M9C;;;;OAIG;;IAEH;;;;OAIG;;;;;IAEH;;;;OAIG;;IAEH;;;;OAIG;;IAEH;;;;;OAKG;;IAEH;;;;OAIG;;;;;;;;;AAxCP,wBAmPG"}
+{"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"}