@empathyco/x-components 6.0.0-alpha.36 → 6.0.0-alpha.37

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

@@ -2,50 +2,27 @@ import { PropType } from 'vue';
 import { RelatedPrompt } from '@empathyco/x-types';
 /**
  * This component shows a suggested related prompt.
- *
- * It provides a slot to customize the related prompt button information.
- *
- * @public
  */
 declare const _default: import("vue").DefineComponent<{
     relatedPrompt: {
         type: PropType<RelatedPrompt>;
         required: true;
     };
-    isPromptVisible: {
+    selected: {
         type: BooleanConstructor;
         default: boolean;
     };
-    isSelected: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    index: {
-        type: NumberConstructor;
-        required: true;
-    };
-}, {
-    toggleSuggestion: (index: number) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     relatedPrompt: {
         type: PropType<RelatedPrompt>;
         required: true;
     };
-    isPromptVisible: {
+    selected: {
         type: BooleanConstructor;
         default: boolean;
     };
-    isSelected: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    index: {
-        type: NumberConstructor;
-        required: true;
-    };
 }>>, {
-    isPromptVisible: boolean;
-    isSelected: boolean;
+    selected: boolean;
 }, {}>;
 export default _default;
 //# sourceMappingURL=related-prompt.vue?vue&type=script&lang.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"related-prompt.vue?vue&type=script&lang.d.ts","sourceRoot":"","sources":["../../../../../src/x-modules/related-prompts/components/related-prompt.vue?vue&type=script&lang.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,QAAQ,EAAE,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAMnD;;;;;;GAMG;;;;;;;;;;;;;;;;;;;8BA6BkC,MAAM,KAAG,IAAI;;;;;;;;;;;;;;;;;;;;;;AA5BlD,wBAoCG"}
+{"version":3,"file":"related-prompt.vue?vue&type=script&lang.d.ts","sourceRoot":"","sources":["../../../../../src/x-modules/related-prompts/components/related-prompt.vue?vue&type=script&lang.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,QAAQ,EAAE,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAKnD;;GAEG;;;;;;;;;;;;;;;;;;;;;;AACH,wBAmBG"}

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

@@ -1,14 +1,94 @@
+import { PropType } from 'vue';
+/**
+ * This component shows the list of `RelatedPrompts` components.
+ *
+ * If the default slot is reimplemented in the consumer, `onSelect` function will be
+ * necessary to handle the selection of the related prompt and to trigger the stagger-fade-slide animation.
+ *
+ * @public
+ */
 declare const _default: import("vue").DefineComponent<{
+    /**
+     * The CSS class for the left and right button of the sliding panel.
+     *
+     * @public
+     */
     buttonClass: StringConstructor;
+    /**
+     * The CSS class for all the related prompt wrapper elements.
+     *
+     * @public
+     */
+    tagClass: StringConstructor;
+    /**
+     * Array of colors to apply to the related prompts. It will be applied to tag
+     * elements cyclically according to their index in the nex way: `tagColors[index % tagColors.length]`.
+     *
+     * @public
+     */
+    tagColors: PropType<string[]>;
+    /**
+     * The duration of the total animation in milliseconds.
+     *
+     * @public
+     */
+    animationDurationInMs: {
+        type: NumberConstructor;
+        default: number;
+    };
 }, {
-    arePromptsVisible: import("vue").Ref<boolean>;
-    hidePrompt: (index: number) => boolean;
     isSelected: (index: number) => boolean;
-    relatedPrompts: import("vue").ComputedRef<any>;
-    selectedPrompt: import("vue").ComputedRef<any>;
-    slidingPanelContent: import("vue").Ref<Element | undefined>;
+    onSelect: (selectedIndex: number) => void;
+    onBeforeEnter: (el: Element) => void;
+    onEnter: (el: Element, done: () => void) => void;
+    onLeave: (el: Element, done: () => void) => void;
+    selectedPromptIndex: import("vue").ComputedRef<any>;
+    visibleRelatedPrompts: import("vue").ComputedRef<{
+        index: number;
+        nextQueries: string[];
+        suggestionText: string;
+        type: string;
+        modelName: "RelatedPrompt";
+    }[]>;
+    listItems: import("vue").Ref<HTMLElement[]>;
+    isAnimating: import("vue").Ref<boolean>;
+    x: import("../../../composables").UseAliasAPI & {
+        on: <Event_1 extends keyof import("../../..").XEventsTypes, Metadata extends boolean>(event: Event_1, withMetadata: Metadata) => {
+            subscribe: (callback: (payload: Metadata extends true ? import("@empathyco/x-bus").SubjectPayload<import("@empathyco/x-bus").EventPayload<import("../../..").XEventsTypes, Event_1>, import("../../..").WireMetadata> : import("@empathyco/x-bus").EventPayload<import("../../..").XEventsTypes, Event_1>) => void) => void;
+        };
+        emit: <Event_2 extends keyof import("../../..").XEventsTypes>(event: Event_2, payload?: import("../../..").XEventPayload<Event_2> | undefined, metadata?: Omit<import("../../..").WireMetadata, "moduleName">) => Promise<import("@empathyco/x-bus").EmittedData<import("../../..").XEventsTypes, Event_2, import("../../..").WireMetadata>>;
+    };
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * The CSS class for the left and right button of the sliding panel.
+     *
+     * @public
+     */
     buttonClass: StringConstructor;
-}>>, {}, {}>;
+    /**
+     * The CSS class for all the related prompt wrapper elements.
+     *
+     * @public
+     */
+    tagClass: StringConstructor;
+    /**
+     * Array of colors to apply to the related prompts. It will be applied to tag
+     * elements cyclically according to their index in the nex way: `tagColors[index % tagColors.length]`.
+     *
+     * @public
+     */
+    tagColors: PropType<string[]>;
+    /**
+     * The duration of the total animation in milliseconds.
+     *
+     * @public
+     */
+    animationDurationInMs: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>>, {
+    animationDurationInMs: number;
+}, {}>;
 export default _default;
 //# sourceMappingURL=related-prompts-tag-list.vue?vue&type=script&lang.d.ts.map

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":";;;;wBAqCiC,MAAM,KAAG,OAAO;wBAFhB,MAAM,KAAG,OAAO;;;;;;;AA5B/C,wBA0CG"}
+{"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;AAMtE;;;;;;;GAOG;;IAMC;;;;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;;;;;;;;;;;;;;;;;;IAlM9C;;;;OAIG;;IAEH;;;;OAIG;;IAEH;;;;;OAKG;;IAEH;;;;OAIG;;;;;;;;AA5BP,wBAuOG"}