@progress/kendo-vue-conversational-ui 4.3.0-dev.202401291303

package/dist/es/ai-prompt/AIPromptHeader.js

@@ -0,0 +1,141 @@
+// @ts-ignore
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+var isV3 = allVue.version && allVue.version[0] === '3';
+import { classNames, getTemplate } from '@progress/kendo-vue-common';
+import { Button, Toolbar } from '@progress/kendo-vue-buttons';
+/**
+ * @hidden
+ */
+var AIPromptHeaderVue2 = {
+  name: 'KendoAIPromptHeader',
+  props: {
+    activeView: String,
+    toolbarItems: Array
+  },
+  // @ts-ignore
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
+    return {
+      v3: v3
+    };
+  },
+  methods: {
+    handleClick: function handleClick(viewName) {
+      this.$emit('activeviewchange', viewName);
+    }
+  },
+  render: function render(createElement) {
+    var _this2 = this;
+    var h = gh || createElement;
+    var _a = this.$props,
+      activeView = _a.activeView,
+      toolbarItems = _a.toolbarItems;
+    return h("div", {
+      "class": "k-prompt-header"
+    }, [
+    // @ts-ignore  function children
+    h(Toolbar, {
+      keyboardNavigation: false,
+      attrs: this.v3 ? undefined : {
+        keyboardNavigation: false,
+        role: "toolbar"
+      },
+      role: "toolbar"
+    }, this.v3 ? function () {
+      return [toolbarItems.map(function (item) {
+        var _this = this;
+        var itemContent = getTemplate.call(this, {
+          h: h,
+          template: item.content,
+          defaultRendering: null,
+          additionalProps: {
+            item: item
+          }
+        });
+        return item.content ? itemContent :
+        // @ts-ignore  function children
+        h(Button, {
+          key: item.name,
+          "class": classNames('k-toolbar-item', {
+            'k-selected': activeView === item.name
+          }),
+          size: 'medium',
+          attrs: this.v3 ? undefined : {
+            size: 'medium',
+            themeColor: 'primary',
+            fillMode: 'flat',
+            rounded: 'full',
+            title: item.buttonText,
+            svgIcon: item.buttonIcon,
+            "aria-hidden": "true"
+          },
+          themeColor: 'primary',
+          fillMode: 'flat',
+          rounded: 'full',
+          title: item.buttonText,
+          svgIcon: item.buttonIcon,
+          "aria-hidden": "true",
+          onClick: function onClick() {
+            return _this.handleClick(item.name);
+          },
+          on: this.v3 ? undefined : {
+            "click": function onClick() {
+              return _this.handleClick(item.name);
+            }
+          }
+        }, this.v3 ? function () {
+          return [item.buttonText];
+        } : [item.buttonText]);
+      }, _this2)];
+    } : [toolbarItems.map(function (item) {
+      var _this = this;
+      var itemContent = getTemplate.call(this, {
+        h: h,
+        template: item.content,
+        defaultRendering: null,
+        additionalProps: {
+          item: item
+        }
+      });
+      return item.content ? itemContent : h(Button, {
+        key: item.name,
+        "class": classNames('k-toolbar-item', {
+          'k-selected': activeView === item.name
+        }),
+        size: 'medium',
+        attrs: this.v3 ? undefined : {
+          size: 'medium',
+          themeColor: 'primary',
+          fillMode: 'flat',
+          rounded: 'full',
+          title: item.buttonText,
+          svgIcon: item.buttonIcon,
+          "aria-hidden": "true"
+        },
+        themeColor: 'primary',
+        fillMode: 'flat',
+        rounded: 'full',
+        title: item.buttonText,
+        svgIcon: item.buttonIcon,
+        "aria-hidden": "true",
+        onClick: function onClick() {
+          return _this.handleClick(item.name);
+        },
+        on: this.v3 ? undefined : {
+          "click": function onClick() {
+            return _this.handleClick(item.name);
+          }
+        }
+      }, this.v3 ? function () {
+        return [item.buttonText];
+      } : [item.buttonText]);
+    }, _this2)])]);
+  }
+};
+/**
+ * @hidden
+ */
+var AIPromptHeader = AIPromptHeaderVue2;
+export { AIPromptHeader, AIPromptHeaderVue2 };

package/dist/es/ai-prompt/views/AIPromptCommandsView.d.ts

@@ -0,0 +1,87 @@
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../../additionalTypes';
+declare type DefaultData<V> = object | ((this: V) => {});
+declare type DefaultMethods<V> = {
+    [key: string]: (this: V, ...args: any[]) => any;
+};
+import { AIPromptToolbarItemInterface } from '../AIPromptHeader';
+import { SVGIcon } from '@progress/kendo-vue-common';
+/**
+ * The props of the AIPromptCommandsView component.
+ */
+interface AIPromptCommandsViewProps {
+    /**
+     * The collection of commands that will be rendered in the Command view.
+     */
+    commands?: CommandInterface[];
+    /**
+     * Fires each time the user clicks over a Command view command. Exposes the selected command as event data.
+     */
+    onCommandExecute?: (command: CommandItemInterface) => void;
+}
+/**
+ * An interface for the Command view command.
+ */
+export interface CommandInterface extends CommandItemInterface {
+    /**
+     * Collection with nested commands.
+     */
+    children?: CommandItemInterface[];
+}
+/**
+ * @hidden
+ */
+interface CommandItemInterface {
+    /**
+     * The unique identifier of the command.
+     */
+    id: string;
+    /**
+     * Specifies the command text.
+     */
+    text: string;
+    /**
+     * Specifies the name of the SVG icon that will be rendered for the command.
+     */
+    svgIcon?: SVGIcon;
+}
+/**
+ * Specifies the default values for Commands view Toolbar.
+ */
+export declare const commandsViewDefaults: AIPromptToolbarItemInterface;
+/**
+ * @hidden
+ */
+interface AIPromptCommandsViewState {
+}
+/**
+ * @hidden
+ */
+interface AIPromptCommandsViewData {
+}
+/**
+ * @hidden
+ */
+export interface AIPromptCommandsViewMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface AIPromptCommandsViewComputed {
+    [key: string]: any;
+    wrapperClass: object;
+}
+/**
+ * @hidden
+ */
+export interface AIPromptCommandsViewAll extends AIPromptCommandsViewMethods, AIPromptCommandsViewState, AIPromptCommandsViewData, AIPromptCommandsViewComputed, Vue2type {
+}
+/**
+ * @hidden
+ */
+declare const AIPromptCommandsViewVue2: ComponentOptions<Vue2type, DefaultData<AIPromptCommandsViewData>, DefaultMethods<AIPromptCommandsViewAll>, AIPromptCommandsViewComputed, RecordPropsDefinition<AIPromptCommandsViewProps>>;
+/**
+ * @hidden
+ */
+declare const AIPromptCommandsView: DefineComponent<AIPromptCommandsViewProps, any, AIPromptCommandsViewData, AIPromptCommandsViewComputed, AIPromptCommandsViewMethods, {}, {}, {}, string, AIPromptCommandsViewProps, AIPromptCommandsViewProps, {}>;
+export { AIPromptCommandsView, AIPromptCommandsViewVue2 };

package/dist/es/ai-prompt/views/AIPromptCommandsView.js

@@ -0,0 +1,116 @@
+// @ts-ignore
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+var isV3 = allVue.version && allVue.version[0] === '3';
+import { AIPromptContent } from '../AIPromptContent';
+import { AIPromptViewRender } from './AIPromptViewRender';
+import { moreHorizontalIcon } from '@progress/kendo-svg-icons';
+import { PanelBar } from '@progress/kendo-vue-layout';
+/**
+ * Specifies the default values for Commands view Toolbar.
+ */
+export var commandsViewDefaults = {
+  name: 'Commands view',
+  buttonIcon: moreHorizontalIcon
+};
+/**
+ * @hidden
+ */
+var AIPromptCommandsViewVue2 = {
+  name: 'KendoAIPromptCommandsView',
+  props: {
+    commands: Array
+  },
+  // @ts-ignore
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
+    return {
+      v3: v3
+    };
+  },
+  inject: {
+    kendoAIPrompt: {
+      default: null
+    }
+  },
+  render: function render(createElement) {
+    var _this2 = this;
+    var _this = this;
+    var h = gh || createElement;
+    var commands = this.$props.commands;
+    var onCommandClick = function onCommandClick(event) {
+      var _a;
+      var command = event.target;
+      if (!((_a = command.items) === null || _a === void 0 ? void 0 : _a.length) && _this.kendoAIPrompt.onCommandExecute) {
+        _this.kendoAIPrompt.onCommandExecute.call(null, command);
+      }
+    };
+    return (
+      // @ts-ignore  function children
+      h(AIPromptViewRender, {
+        name: commandsViewDefaults.name,
+        attrs: this.v3 ? undefined : {
+          name: commandsViewDefaults.name
+        }
+      }, this.v3 ? function () {
+        return [
+        // @ts-ignore  function children
+        h(AIPromptContent, _this2.v3 ? function () {
+          return [h("div", {
+            "class": "k-prompt-view"
+          }, [h(PanelBar, {
+            onSelect: onCommandClick,
+            on: _this2.v3 ? undefined : {
+              "select": onCommandClick
+            },
+            items: commands,
+            attrs: _this2.v3 ? undefined : {
+              items: commands
+            }
+          })])];
+        } : [h("div", {
+          "class": "k-prompt-view"
+        }, [h(PanelBar, {
+          onSelect: onCommandClick,
+          on: _this2.v3 ? undefined : {
+            "select": onCommandClick
+          },
+          items: commands,
+          attrs: _this2.v3 ? undefined : {
+            items: commands
+          }
+        })])])];
+      } : [h(AIPromptContent, _this2.v3 ? function () {
+        return [h("div", {
+          "class": "k-prompt-view"
+        }, [h(PanelBar, {
+          onSelect: onCommandClick,
+          on: _this2.v3 ? undefined : {
+            "select": onCommandClick
+          },
+          items: commands,
+          attrs: _this2.v3 ? undefined : {
+            items: commands
+          }
+        })])];
+      } : [h("div", {
+        "class": "k-prompt-view"
+      }, [h(PanelBar, {
+        onSelect: onCommandClick,
+        on: _this2.v3 ? undefined : {
+          "select": onCommandClick
+        },
+        items: commands,
+        attrs: _this2.v3 ? undefined : {
+          items: commands
+        }
+      })])])])
+    );
+  }
+};
+/**
+ * @hidden
+ */
+var AIPromptCommandsView = AIPromptCommandsViewVue2;
+export { AIPromptCommandsView, AIPromptCommandsViewVue2 };

package/dist/es/ai-prompt/views/AIPromptOutputView.d.ts

@@ -0,0 +1,77 @@
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../../additionalTypes';
+declare type DefaultData<V> = object | ((this: V) => {});
+declare type DefaultMethods<V> = {
+    [key: string]: (this: V, ...args: any[]) => any;
+};
+import { AIPromptOutputInterface } from '../AIPrompt';
+import { AIPromptToolbarItemInterface } from '../AIPromptHeader';
+/**
+ * The props of the AIPromptOutputView component.
+ */
+interface AIPromptOutputViewProps {
+    /**
+     * The collection of generated prompt outputs that will be rendered in the Output view.
+     */
+    outputs?: AIPromptOutputInterface[];
+    /**
+     * Represents a template that allows you to define custom Card .It accepts string of a named slot or a render function.
+     * The custom fields will override the default one.
+     */
+    outputCard?: String | Function;
+    /**
+     * Specifies if the rating buttons in each card will be rendered.
+     * By default, rating buttons are not rendered.
+     *
+     * @default false
+     */
+    showOutputRating?: boolean;
+    onRetry?: (value: any) => void;
+    /**
+     * Fires each time the user clicks Copy button in the card.
+     */
+    onCopy?: () => void;
+    /**
+     * Fires each time the user clicks a rating button in the card.
+     */
+    onOutputRating?: () => void;
+}
+/**
+ * Specifies the default values for Output view Toolbar.
+ */
+export declare const outputViewDefaults: AIPromptToolbarItemInterface;
+/**
+ * @hidden
+ */
+interface AIPromptOutputViewState {
+}
+/**
+ * @hidden
+ */
+interface AIPromptOutputViewData {
+}
+/**
+ * @hidden
+ */
+export interface AIPromptOutputViewMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface AIPromptOutputViewComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface AIPromptOutputViewAll extends AIPromptOutputViewMethods, AIPromptOutputViewState, AIPromptOutputViewData, AIPromptOutputViewComputed, Vue2type {
+}
+/**
+ * @hidden
+ */
+declare const AIPromptOutputViewVue2: ComponentOptions<Vue2type, DefaultData<AIPromptOutputViewData>, DefaultMethods<AIPromptOutputViewAll>, AIPromptOutputViewComputed, RecordPropsDefinition<AIPromptOutputViewProps>>;
+/**
+ * @hidden
+ */
+declare const AIPromptOutputView: DefineComponent<AIPromptOutputViewProps, any, AIPromptOutputViewData, AIPromptOutputViewComputed, AIPromptOutputViewMethods, {}, {}, {}, string, AIPromptOutputViewProps, AIPromptOutputViewProps, {}>;
+export { AIPromptOutputView, AIPromptOutputViewVue2 };