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

package/dist/esm/ai-prompt/AIPrompt.js

@@ -0,0 +1,117 @@
+var __assign = this && this.__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+      for (var p in s) {
+        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+      }
+    }
+    return t;
+  };
+  return __assign.apply(this, arguments);
+};
+// @ts-ignore
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+var isV3 = allVue.version && allVue.version[0] === '3';
+import { AIPromptHeader } from './AIPromptHeader.js';
+import { promptViewDefaults } from './views/AIPromptView.js';
+import { outputViewDefaults } from './views/AIPromptOutputView.js';
+import { getDefaultSlots, getListeners, templateRendering } from '@progress/kendo-vue-common';
+/**
+ * @hidden
+ */
+var AIPromptVue2 = {
+  name: 'KendoAIPrompt',
+  props: {
+    activeView: {
+      type: String,
+      required: true
+    },
+    dir: String,
+    toolbarItems: Array,
+    outputs: Array,
+    promptPlaceholder: String
+  },
+  // @ts-ignore
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
+    return {
+      v3: v3
+    };
+  },
+  provide: function provide() {
+    return {
+      kendoAIPrompt: this.$data.contextState
+    };
+  },
+  data: function data() {
+    return {
+      contextState: {
+        activeView: this.$props.activeView,
+        onActiveViewChange: this.onActiveViewChange,
+        onPromptRequest: this.onPromptRequest,
+        onCommandExecute: this.onCommandExecute,
+        onStateAction: this.onStateAction
+      }
+    };
+  },
+  watch: {
+    activeView: function activeView(newValue) {
+      this.contextState.activeView = newValue;
+    }
+  },
+  methods: {
+    onStateAction: function onStateAction(action) {
+      this.contextState.activeView = action.activeView;
+    },
+    onActiveViewChange: function onActiveViewChange(event) {
+      this.$emit('activeviewchange', event);
+    },
+    onPromptRequest: function onPromptRequest(prompt, outputItem) {
+      this.$emit('promptrequest', prompt, outputItem);
+    },
+    onCommandExecute: function onCommandExecute(event) {
+      this.$emit('commandexecute', event);
+    }
+  },
+  render: function render(createElement) {
+    var _this = this;
+    var h = gh || createElement;
+    var defaultSlots = getDefaultSlots(this);
+    var _a = this.$props,
+      toolbarItems = _a.toolbarItems,
+      dir = _a.dir;
+    var itemsToShow = toolbarItems || [promptViewDefaults, outputViewDefaults];
+    var items = itemsToShow.map(function (item) {
+      var content = templateRendering.call(_this, item.content, getListeners.call(_this));
+      return __assign(__assign({}, item), {
+        content: content
+      });
+    });
+    return h("div", {
+      "class": "k-prompt",
+      dir: dir,
+      attrs: this.v3 ? undefined : {
+        dir: dir
+      }
+    }, [h(AIPromptHeader, {
+      activeView: this.contextState.activeView,
+      attrs: this.v3 ? undefined : {
+        activeView: this.contextState.activeView,
+        toolbarItems: items
+      },
+      toolbarItems: items,
+      onActiveviewchange: this.onActiveViewChange,
+      on: this.v3 ? undefined : {
+        "activeviewchange": this.onActiveViewChange
+      }
+    }), defaultSlots]);
+  }
+};
+/**
+ * @hidden
+ */
+var AIPrompt = AIPromptVue2;
+export { AIPrompt, AIPromptVue2 };

package/dist/esm/ai-prompt/AIPromptContent.d.ts

@@ -0,0 +1,47 @@
+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;
+};
+/**
+ * The props of the AIPromptContent component.
+ */
+interface AIPromptContentProps {
+}
+/**
+ * @hidden
+ */
+interface AIPromptContentState {
+}
+/**
+ * @hidden
+ */
+interface AIPromptContentData {
+}
+/**
+ * @hidden
+ */
+export interface AIPromptContentMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface AIPromptContentComputed {
+    [key: string]: any;
+    wrapperClass: object;
+}
+/**
+ * @hidden
+ */
+export interface AIPromptContentAll extends AIPromptContentMethods, AIPromptContentState, AIPromptContentData, AIPromptContentComputed, Vue2type {
+}
+/**
+ * @hidden
+ */
+declare const AIPromptContentVue2: ComponentOptions<Vue2type, DefaultData<AIPromptContentData>, DefaultMethods<AIPromptContentAll>, AIPromptContentComputed, RecordPropsDefinition<AIPromptContentProps>>;
+/**
+ * @hidden
+ */
+declare const AIPromptContent: DefineComponent<AIPromptContentProps, any, AIPromptContentData, AIPromptContentComputed, AIPromptContentMethods, {}, {}, {}, string, AIPromptContentProps, AIPromptContentProps, {}>;
+export { AIPromptContent, AIPromptContentVue2 };

package/dist/esm/ai-prompt/AIPromptContent.js

@@ -0,0 +1,33 @@
+// @ts-ignore
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+var isV3 = allVue.version && allVue.version[0] === '3';
+import { getDefaultSlots } from '@progress/kendo-vue-common';
+/**
+ * @hidden
+ */
+var AIPromptContentVue2 = {
+  name: 'KendoAIPromptContent',
+  // @ts-ignore
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
+    return {
+      v3: v3
+    };
+  },
+  render: function render(createElement) {
+    var h = gh || createElement;
+    var defaultSlots = getDefaultSlots(this);
+    return h("div", {
+      "class": "k-prompt-content"
+    }, [h("div", {
+      "class": "k-prompt-view"
+    }, [defaultSlots])]);
+  }
+};
+/**
+ * @hidden
+ */
+var AIPromptContent = AIPromptContentVue2;
+export { AIPromptContent, AIPromptContentVue2 };

package/dist/esm/ai-prompt/AIPromptExpander.d.ts

@@ -0,0 +1,45 @@
+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;
+};
+export interface AIPromptExpanderProps {
+    title: string;
+}
+/**
+ * @hidden
+ */
+interface AIPromptExpanderState {
+}
+/**
+ * @hidden
+ */
+interface AIPromptExpanderData {
+}
+/**
+ * @hidden
+ */
+export interface AIPromptExpanderMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface AIPromptExpanderComputed {
+    [key: string]: any;
+    wrapperClass: object;
+}
+/**
+ * @hidden
+ */
+export interface AIPromptExpanderAll extends AIPromptExpanderMethods, AIPromptExpanderState, AIPromptExpanderData, AIPromptExpanderComputed, Vue2type {
+}
+/**
+ * @hidden
+ */
+declare const AIPromptExpanderVue2: ComponentOptions<Vue2type, DefaultData<AIPromptExpanderData>, DefaultMethods<AIPromptExpanderAll>, AIPromptExpanderComputed, RecordPropsDefinition<AIPromptExpanderProps>>;
+/**
+ * @hidden
+ */
+declare const AIPromptExpander: DefineComponent<AIPromptExpanderProps, any, AIPromptExpanderData, AIPromptExpanderComputed, AIPromptExpanderMethods, {}, {}, {}, string, AIPromptExpanderProps, AIPromptExpanderProps, {}>;
+export { AIPromptExpander, AIPromptExpanderVue2 };

package/dist/esm/ai-prompt/AIPromptExpander.js

@@ -0,0 +1,66 @@
+// @ts-ignore
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+var isV3 = allVue.version && allVue.version[0] === '3';
+import { getDefaultSlots } from '@progress/kendo-vue-common';
+import { Button } from '@progress/kendo-vue-buttons';
+import { chevronDownIcon, chevronUpIcon } from '@progress/kendo-svg-icons';
+/**
+ * @hidden
+ */
+var AIPromptExpanderVue2 = {
+  name: 'KendoAIPromptExpander',
+  props: {
+    title: String
+  },
+  // @ts-ignore
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
+    return {
+      v3: v3
+    };
+  },
+  data: function data() {
+    return {
+      expanded: true
+    };
+  },
+  methods: {
+    buttonClick: function buttonClick() {
+      this.expanded = !this.expanded;
+    }
+  },
+  render: function render(createElement) {
+    var h = gh || createElement;
+    var defaultSlots = getDefaultSlots(this);
+    var title = this.$props.title;
+    return h("div", {
+      "class": "k-prompt-expander"
+    }, [
+    // @ts-ignore  function children
+    h(Button, {
+      fillMode: 'flat',
+      attrs: this.v3 ? undefined : {
+        fillMode: 'flat',
+        svgIcon: this.expanded ? chevronUpIcon : chevronDownIcon,
+        title: title
+      },
+      svgIcon: this.expanded ? chevronUpIcon : chevronDownIcon,
+      title: title,
+      onClick: this.buttonClick,
+      on: this.v3 ? undefined : {
+        "click": this.buttonClick
+      }
+    }, this.v3 ? function () {
+      return [title];
+    } : [title]), this.expanded && h("div", {
+      "class": "k-prompt-expander-content"
+    }, [defaultSlots])]);
+  }
+};
+/**
+ * @hidden
+ */
+var AIPromptExpander = AIPromptExpanderVue2;
+export { AIPromptExpander, AIPromptExpanderVue2 };

package/dist/esm/ai-prompt/AIPromptFooter.d.ts

@@ -0,0 +1,44 @@
+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;
+};
+interface AIPromptFooterProps {
+}
+/**
+ * @hidden
+ */
+interface AIPromptFooterState {
+}
+/**
+ * @hidden
+ */
+interface AIPromptFooterData {
+}
+/**
+ * @hidden
+ */
+export interface AIPromptFooterMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface AIPromptFooterComputed {
+    [key: string]: any;
+    wrapperClass: object;
+}
+/**
+ * @hidden
+ */
+export interface AIPromptFooterAll extends AIPromptFooterMethods, AIPromptFooterState, AIPromptFooterData, AIPromptFooterComputed, Vue2type {
+}
+/**
+ * @hidden
+ */
+declare const AIPromptFooterVue2: ComponentOptions<Vue2type, DefaultData<AIPromptFooterData>, DefaultMethods<AIPromptFooterAll>, AIPromptFooterComputed, RecordPropsDefinition<AIPromptFooterProps>>;
+/**
+ * @hidden
+ */
+declare const AIPromptFooter: DefineComponent<AIPromptFooterProps, any, AIPromptFooterData, AIPromptFooterComputed, AIPromptFooterMethods, {}, {}, {}, string, AIPromptFooterProps, AIPromptFooterProps, {}>;
+export { AIPromptFooter, AIPromptFooterVue2 };

package/dist/esm/ai-prompt/AIPromptFooter.js

@@ -0,0 +1,33 @@
+// @ts-ignore
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+var isV3 = allVue.version && allVue.version[0] === '3';
+import { getDefaultSlots } from '@progress/kendo-vue-common';
+/**
+ * @hidden
+ */
+var AIPromptFooterVue2 = {
+  name: 'KendoAIPromptFooter',
+  // @ts-ignore
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
+    return {
+      v3: v3
+    };
+  },
+  render: function render(createElement) {
+    var h = gh || createElement;
+    var defaultSlots = getDefaultSlots(this);
+    return h("div", {
+      "class": "k-prompt-footer"
+    }, [h("div", {
+      "class": "k-actions k-actions-start k-actions-horizontal k-prompt-actions"
+    }, [defaultSlots])]);
+  }
+};
+/**
+ * @hidden
+ */
+var AIPromptFooter = AIPromptFooterVue2;
+export { AIPromptFooter, AIPromptFooterVue2 };

package/dist/esm/ai-prompt/AIPromptHeader.d.ts

@@ -0,0 +1,71 @@
+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 { SVGIcon } from '@progress/kendo-svg-icons';
+/**
+ * An interface for the AIPromptToolbarItem.
+ */
+export interface AIPromptToolbarItemInterface {
+    /**
+     * Defines the name of the view witch is related to.
+     */
+    name: string;
+    /**
+     * Defines the svgIcon used in the Toolbar button.
+     */
+    buttonIcon?: SVGIcon;
+    /**
+     * Defines the text used in the Toolbar button.
+     */
+    buttonText?: string;
+    /**
+     * Defines custom content for the item. It can be either a name of a named slot or a rendered function.
+     */
+    content?: string | Function | Object;
+}
+/**
+ * @hidden
+ */
+interface AIPromptHeaderProps {
+    activeView: string;
+    toolbarItems: AIPromptToolbarItemInterface[];
+    activeViewChange?: (event: any) => void;
+}
+/**
+ * @hidden
+ */
+interface AIPromptHeaderState {
+}
+/**
+ * @hidden
+ */
+interface AIPromptHeaderData {
+}
+/**
+ * @hidden
+ */
+export interface AIPromptHeaderMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface AIPromptHeaderComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface AIPromptHeaderAll extends AIPromptHeaderMethods, AIPromptHeaderState, AIPromptHeaderData, AIPromptHeaderComputed, Vue2type {
+}
+/**
+ * @hidden
+ */
+declare const AIPromptHeaderVue2: ComponentOptions<Vue2type, DefaultData<AIPromptHeaderData>, DefaultMethods<AIPromptHeaderAll>, AIPromptHeaderComputed, RecordPropsDefinition<AIPromptHeaderProps>>;
+/**
+ * @hidden
+ */
+declare const AIPromptHeader: DefineComponent<AIPromptHeaderProps, any, AIPromptHeaderData, AIPromptHeaderComputed, AIPromptHeaderMethods, {}, {}, {}, string, AIPromptHeaderProps, AIPromptHeaderProps, {}>;
+export { AIPromptHeader, AIPromptHeaderVue2 };

package/dist/esm/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/esm/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 };