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

package/dist/npm/ai-prompt/views/AIPromptView.d.ts

@@ -0,0 +1,56 @@
+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';
+/**
+ * @hidden
+ */
+interface AIPromptViewProps {
+    promptInput?: any;
+    generateButton?: any;
+    promptValue?: string;
+    promptSuggestions?: string[];
+}
+/**
+ * Specifies the default values for Prompt view Toolbar.
+ */
+export declare const promptViewDefaults: AIPromptToolbarItemInterface;
+/**
+ * @hidden
+ */
+interface AIPromptViewState {
+}
+/**
+ * @hidden
+ */
+interface AIPromptViewData {
+}
+/**
+ * @hidden
+ */
+export interface AIPromptViewMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface AIPromptViewComputed {
+    [key: string]: any;
+    computedValue: object;
+}
+/**
+ * @hidden
+ */
+export interface AIPromptViewAll extends AIPromptViewMethods, AIPromptViewState, AIPromptViewData, AIPromptViewComputed, Vue2type {
+}
+/**
+ * @hidden
+ */
+declare const AIPromptViewVue2: ComponentOptions<Vue2type, DefaultData<AIPromptViewData>, DefaultMethods<AIPromptViewAll>, AIPromptViewComputed, RecordPropsDefinition<AIPromptViewProps>>;
+/**
+ * @hidden
+ */
+declare const AIPromptView: DefineComponent<AIPromptViewProps, any, AIPromptViewData, AIPromptViewComputed, AIPromptViewMethods, {}, {}, {}, string, AIPromptViewProps, AIPromptViewProps, {}>;
+export { AIPromptView, AIPromptViewVue2 };

package/dist/npm/ai-prompt/views/AIPromptView.js

@@ -0,0 +1,304 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AIPromptViewVue2 = exports.AIPromptView = exports.promptViewDefaults = void 0;
+// @ts-ignore
+var Vue = require("vue");
+var allVue = Vue;
+var gh = allVue.h;
+var isV3 = allVue.version && allVue.version[0] === '3';
+var AIPromptContent_1 = require("../AIPromptContent");
+var AIPromptFooter_1 = require("../AIPromptFooter");
+var kendo_vue_buttons_1 = require("@progress/kendo-vue-buttons");
+var kendo_vue_inputs_1 = require("@progress/kendo-vue-inputs");
+var kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
+var AIPromptViewRender_1 = require("./AIPromptViewRender");
+var AIPromptExpander_1 = require("../AIPromptExpander");
+var kendo_vue_common_1 = require("@progress/kendo-vue-common");
+/**
+ * Specifies the default values for Prompt view Toolbar.
+ */
+exports.promptViewDefaults = {
+  name: 'prompt-view',
+  buttonText: 'Ask AI',
+  buttonIcon: kendo_svg_icons_1.sparklesIcon
+};
+/**
+ * @hidden
+ */
+var AIPromptViewVue2 = {
+  name: 'KendoAIPromptView',
+  props: {
+    promptInput: [Object, String],
+    generateButton: [Object, String],
+    promptValue: String,
+    promptSuggestions: Array
+  },
+  // @ts-ignore
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
+    return {
+      v3: v3
+    };
+  },
+  inject: {
+    kendoAIPrompt: {
+      default: null
+    }
+  },
+  computed: {
+    computedValue: function computedValue() {
+      return this.$props.promptValue !== undefined ? this.$props.promptValue : this.value;
+    }
+  },
+  data: function data() {
+    return {
+      value: ''
+    };
+  },
+  methods: {
+    handleOnRequest: function handleOnRequest() {
+      if (this.kendoAIPrompt.onPromptRequest) {
+        this.kendoAIPrompt.onPromptRequest.call(null, this.value);
+      }
+      this.value = '';
+    },
+    handleSuggestionSelect: function handleSuggestionSelect(suggestion) {
+      this.value = suggestion;
+    },
+    onTextChange: function onTextChange(event) {
+      this.value = event.value;
+    }
+  },
+  render: function render(createElement) {
+    var _this2 = this;
+    var h = gh || createElement;
+    var buttonText = 'Generate';
+    var promptSuggestions = this.$props.promptSuggestions;
+    var promptInput = kendo_vue_common_1.templateRendering.call(this, this.$props.promptInput, kendo_vue_common_1.getListeners.call(this));
+    var promptInputDefaultRendering = h(kendo_vue_inputs_1.TextArea, {
+      value: this.computedValue,
+      attrs: this.v3 ? undefined : {
+        value: this.computedValue,
+        placeholder: 'Ask or generate content with AI ...',
+        rows: 2
+      },
+      onChange: this.onTextChange,
+      on: this.v3 ? undefined : {
+        "change": this.onTextChange
+      },
+      placeholder: 'Ask or generate content with AI ...',
+      rows: 2
+    });
+    var promptInputRendering = kendo_vue_common_1.getTemplate.call(this, {
+      h: h,
+      template: promptInput,
+      defaultRendering: promptInputDefaultRendering
+    });
+    var generateButton = kendo_vue_common_1.templateRendering.call(this, this.$props.generateButton, kendo_vue_common_1.getListeners.call(this));
+    var generateButtonDefaultRendering =
+    // @ts-ignore  function children
+    h(kendo_vue_buttons_1.Button, {
+      themeColor: "primary",
+      attrs: this.v3 ? undefined : {
+        themeColor: "primary",
+        fillMode: "solid",
+        "aria-hidden": "true",
+        rounded: "full",
+        size: "medium",
+        title: 'Generate',
+        svgIcon: kendo_svg_icons_1.sparklesIcon
+      },
+      fillMode: "solid",
+      "aria-hidden": "true",
+      rounded: "full",
+      size: "medium",
+      onClick: this.handleOnRequest,
+      on: this.v3 ? undefined : {
+        "click": this.handleOnRequest
+      },
+      title: 'Generate',
+      svgIcon: kendo_svg_icons_1.sparklesIcon
+    }, this.v3 ? function () {
+      return [buttonText];
+    } : [buttonText]);
+    var generateButtonRendering = kendo_vue_common_1.getTemplate.call(this, {
+      h: h,
+      template: generateButton,
+      defaultRendering: generateButtonDefaultRendering
+    });
+    return (
+      // @ts-ignore  function children
+      h(AIPromptViewRender_1.AIPromptViewRender, {
+        name: exports.promptViewDefaults.name,
+        attrs: this.v3 ? undefined : {
+          name: exports.promptViewDefaults.name
+        }
+      }, this.v3 ? function () {
+        return [
+        // @ts-ignore  function children
+        h(AIPromptContent_1.AIPromptContent, _this2.v3 ? function () {
+          return [promptInputRendering, promptSuggestions && promptSuggestions.length > 0 &&
+          // @ts-ignore  function children
+          h(AIPromptExpander_1.AIPromptExpander, {
+            title: 'Prompt Suggestions',
+            attrs: _this2.v3 ? undefined : {
+              title: 'Prompt Suggestions'
+            }
+          }, _this2.v3 ? function () {
+            return [promptSuggestions.map(function (suggestion) {
+              var _this = this;
+              return h("div", {
+                key: suggestion,
+                "class": "k-prompt-suggestion",
+                onClick: function onClick() {
+                  return _this.handleSuggestionSelect(suggestion);
+                },
+                on: this.v3 ? undefined : {
+                  "click": function onClick() {
+                    return _this.handleSuggestionSelect(suggestion);
+                  }
+                }
+              }, [suggestion]);
+            }, _this2)];
+          } : [promptSuggestions.map(function (suggestion) {
+            var _this = this;
+            return h("div", {
+              key: suggestion,
+              "class": "k-prompt-suggestion",
+              onClick: function onClick() {
+                return _this.handleSuggestionSelect(suggestion);
+              },
+              on: this.v3 ? undefined : {
+                "click": function onClick() {
+                  return _this.handleSuggestionSelect(suggestion);
+                }
+              }
+            }, [suggestion]);
+          }, _this2)])];
+        } : [promptInputRendering, promptSuggestions && promptSuggestions.length > 0 && h(AIPromptExpander_1.AIPromptExpander, {
+          title: 'Prompt Suggestions',
+          attrs: _this2.v3 ? undefined : {
+            title: 'Prompt Suggestions'
+          }
+        }, _this2.v3 ? function () {
+          return [promptSuggestions.map(function (suggestion) {
+            var _this = this;
+            return h("div", {
+              key: suggestion,
+              "class": "k-prompt-suggestion",
+              onClick: function onClick() {
+                return _this.handleSuggestionSelect(suggestion);
+              },
+              on: this.v3 ? undefined : {
+                "click": function onClick() {
+                  return _this.handleSuggestionSelect(suggestion);
+                }
+              }
+            }, [suggestion]);
+          }, _this2)];
+        } : [promptSuggestions.map(function (suggestion) {
+          var _this = this;
+          return h("div", {
+            key: suggestion,
+            "class": "k-prompt-suggestion",
+            onClick: function onClick() {
+              return _this.handleSuggestionSelect(suggestion);
+            },
+            on: this.v3 ? undefined : {
+              "click": function onClick() {
+                return _this.handleSuggestionSelect(suggestion);
+              }
+            }
+          }, [suggestion]);
+        }, _this2)])]),
+        // @ts-ignore  function children
+        h(AIPromptFooter_1.AIPromptFooter, _this2.v3 ? function () {
+          return [generateButtonRendering];
+        } : [generateButtonRendering])];
+      } : [h(AIPromptContent_1.AIPromptContent, _this2.v3 ? function () {
+        return [promptInputRendering, promptSuggestions && promptSuggestions.length > 0 && h(AIPromptExpander_1.AIPromptExpander, {
+          title: 'Prompt Suggestions',
+          attrs: _this2.v3 ? undefined : {
+            title: 'Prompt Suggestions'
+          }
+        }, _this2.v3 ? function () {
+          return [promptSuggestions.map(function (suggestion) {
+            var _this = this;
+            return h("div", {
+              key: suggestion,
+              "class": "k-prompt-suggestion",
+              onClick: function onClick() {
+                return _this.handleSuggestionSelect(suggestion);
+              },
+              on: this.v3 ? undefined : {
+                "click": function onClick() {
+                  return _this.handleSuggestionSelect(suggestion);
+                }
+              }
+            }, [suggestion]);
+          }, _this2)];
+        } : [promptSuggestions.map(function (suggestion) {
+          var _this = this;
+          return h("div", {
+            key: suggestion,
+            "class": "k-prompt-suggestion",
+            onClick: function onClick() {
+              return _this.handleSuggestionSelect(suggestion);
+            },
+            on: this.v3 ? undefined : {
+              "click": function onClick() {
+                return _this.handleSuggestionSelect(suggestion);
+              }
+            }
+          }, [suggestion]);
+        }, _this2)])];
+      } : [promptInputRendering, promptSuggestions && promptSuggestions.length > 0 && h(AIPromptExpander_1.AIPromptExpander, {
+        title: 'Prompt Suggestions',
+        attrs: _this2.v3 ? undefined : {
+          title: 'Prompt Suggestions'
+        }
+      }, _this2.v3 ? function () {
+        return [promptSuggestions.map(function (suggestion) {
+          var _this = this;
+          return h("div", {
+            key: suggestion,
+            "class": "k-prompt-suggestion",
+            onClick: function onClick() {
+              return _this.handleSuggestionSelect(suggestion);
+            },
+            on: this.v3 ? undefined : {
+              "click": function onClick() {
+                return _this.handleSuggestionSelect(suggestion);
+              }
+            }
+          }, [suggestion]);
+        }, _this2)];
+      } : [promptSuggestions.map(function (suggestion) {
+        var _this = this;
+        return h("div", {
+          key: suggestion,
+          "class": "k-prompt-suggestion",
+          onClick: function onClick() {
+            return _this.handleSuggestionSelect(suggestion);
+          },
+          on: this.v3 ? undefined : {
+            "click": function onClick() {
+              return _this.handleSuggestionSelect(suggestion);
+            }
+          }
+        }, [suggestion]);
+      }, _this2)])]), h(AIPromptFooter_1.AIPromptFooter, _this2.v3 ? function () {
+        return [generateButtonRendering];
+      } : [generateButtonRendering])])
+    );
+  }
+};
+exports.AIPromptViewVue2 = AIPromptViewVue2;
+/**
+ * @hidden
+ */
+var AIPromptView = AIPromptViewVue2;
+exports.AIPromptView = AIPromptView;

package/dist/npm/ai-prompt/views/AIPromptViewRender.d.ts

@@ -0,0 +1,51 @@
+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 AIPromptViewRender component.
+ */
+interface AIPromptViewRenderProps {
+    /**
+     * Specifies the name of the view.
+     */
+    name: string;
+}
+/**
+ * @hidden
+ */
+interface AIPromptViewRenderState {
+}
+/**
+ * @hidden
+ */
+interface AIPromptViewRenderData {
+}
+/**
+ * @hidden
+ */
+export interface AIPromptViewRenderMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface AIPromptViewRenderComputed {
+    [key: string]: any;
+    wrapperClass: object;
+}
+/**
+ * @hidden
+ */
+export interface AIPromptViewRenderAll extends AIPromptViewRenderMethods, AIPromptViewRenderState, AIPromptViewRenderData, AIPromptViewRenderComputed, Vue2type {
+}
+/**
+ * @hidden
+ */
+declare const AIPromptViewRenderVue2: ComponentOptions<Vue2type, DefaultData<AIPromptViewRenderData>, DefaultMethods<AIPromptViewRenderAll>, AIPromptViewRenderComputed, RecordPropsDefinition<AIPromptViewRenderProps>>;
+/**
+ * @hidden
+ */
+declare const AIPromptViewRender: DefineComponent<AIPromptViewRenderProps, any, AIPromptViewRenderData, AIPromptViewRenderComputed, AIPromptViewRenderMethods, {}, {}, {}, string, AIPromptViewRenderProps, AIPromptViewRenderProps, {}>;
+export { AIPromptViewRender, AIPromptViewRenderVue2 };

package/dist/npm/ai-prompt/views/AIPromptViewRender.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AIPromptViewRenderVue2 = exports.AIPromptViewRender = void 0;
+// @ts-ignore
+var Vue = require("vue");
+var allVue = Vue;
+var gh = allVue.h;
+var isV3 = allVue.version && allVue.version[0] === '3';
+var kendo_vue_common_1 = require("@progress/kendo-vue-common");
+/**
+ * @hidden
+ */
+var AIPromptViewRenderVue2 = {
+  name: 'KendoAIPromptViewRender',
+  inheritAttrs: false,
+  props: {
+    name: String
+  },
+  // @ts-ignore
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
+    return {
+      v3: v3
+    };
+  },
+  inject: {
+    kendoAIPrompt: {
+      default: null
+    }
+  },
+  render: function render(createElement) {
+    var h = gh || createElement;
+    var defaultSlots = (0, kendo_vue_common_1.getDefaultSlots)(this);
+    var active = this.kendoAIPrompt.activeView === this.$props.name;
+    return active ? this.v3 ? defaultSlots : h("div", [defaultSlots]) : null;
+  }
+};
+exports.AIPromptViewRenderVue2 = AIPromptViewRenderVue2;
+/**
+ * @hidden
+ */
+var AIPromptViewRender = AIPromptViewRenderVue2;
+exports.AIPromptViewRender = AIPromptViewRender;

package/dist/npm/main.d.ts

@@ -0,0 +1,8 @@
+export * from './ai-prompt/AIPrompt';
+export * from './ai-prompt/AIPromptHeader';
+export * from './ai-prompt/AIPromptFooter';
+export * from './ai-prompt/AIPromptContent';
+export * from './ai-prompt/views/AIPromptView';
+export * from './ai-prompt/views/AIPromptOutputView';
+export * from './ai-prompt/views/AIPromptCommandsView';
+export * from './ai-prompt/views/AIPromptViewRender';

package/dist/npm/main.js

@@ -0,0 +1,24 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./ai-prompt/AIPrompt"), exports);
+__exportStar(require("./ai-prompt/AIPromptHeader"), exports);
+__exportStar(require("./ai-prompt/AIPromptFooter"), exports);
+__exportStar(require("./ai-prompt/AIPromptContent"), exports);
+__exportStar(require("./ai-prompt/views/AIPromptView"), exports);
+__exportStar(require("./ai-prompt/views/AIPromptOutputView"), exports);
+__exportStar(require("./ai-prompt/views/AIPromptCommandsView"), exports);
+__exportStar(require("./ai-prompt/views/AIPromptViewRender"), exports);

package/dist/npm/messages/main.d.ts

@@ -0,0 +1,20 @@
+/**
+ * @hidden
+ */
+export declare const avatarAlt = "avatar.alt";
+/**
+ * @hidden
+ */
+export declare const ariaLabelMessageList = "messageList.ariaLabel";
+/**
+ * @hidden
+ */
+export declare const aIPromptNoOutputs = "aIPrompt.noOutputs";
+/**
+ * @hidden
+ */
+export declare const messages: {
+    "avatar.alt": string;
+    "messageList.ariaLabel": string;
+    "aIPrompt.noOutputs": string;
+};

package/dist/npm/messages/main.js

@@ -0,0 +1,24 @@
+"use strict";
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.messages = exports.aIPromptNoOutputs = exports.ariaLabelMessageList = exports.avatarAlt = void 0;
+/**
+ * @hidden
+ */
+exports.avatarAlt = 'avatar.alt';
+/**
+ * @hidden
+ */
+exports.ariaLabelMessageList = 'messageList.ariaLabel';
+/**
+ * @hidden
+ */
+exports.aIPromptNoOutputs = 'aIPrompt.noOutputs';
+/**
+ * @hidden
+ */
+exports.messages = (_a = {},
+    _a[exports.avatarAlt] = 'Avatar',
+    _a[exports.ariaLabelMessageList] = 'Message list',
+    _a[exports.aIPromptNoOutputs] = 'No output from Ai available',
+    _a);

package/package.json

@@ -0,0 +1,70 @@
+{
+  "name": "@progress/kendo-vue-conversational-ui",
+  "version": "4.3.0-dev.202401291303",
+  "description": "Vue Chat component allows the user to participate in chat sessions with users or chat bots. Kendo UI for Vue Conversational UI components",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/telerik/kendo-vue.git"
+  },
+  "main": "dist/npm/main.js",
+  "types": "dist/npm/main.d.ts",
+  "module": "dist/es/main.js",
+  "jsnext:main": "dist/es/main.js",
+  "exports": {
+    "node": "./dist/esm/main.js",
+    "import": "./dist/es/main.js",
+    "require": "./dist/npm/main.js",
+    "default": "./dist/npm/main.js"
+  },
+  "scripts": {
+    "test": "cd ../../ && npm run test -- --testPathPattern=/packages/conversational-ui/.*",
+    "start": "gulp start",
+    "build-package": "gulp build-package"
+  },
+  "homepage": "https://www.telerik.com/kendo-vue-ui",
+  "keywords": [
+    "Kendo UI",
+    "Vue",
+    "Conversational UI",
+    "Chat",
+    "Chat Bot UI",
+    "Progress",
+    "Kendo UI for Vue",
+    "vuejs",
+    "UI",
+    "components",
+    "Vue component",
+    "Telerik"
+  ],
+  "peerDependencies": {
+    "@progress/kendo-licensing": "^1.3.0",
+    "@progress/kendo-svg-icons": "^2.1.0",
+    "@progress/kendo-vue-buttons": "4.3.0-dev.202401231815",
+    "@progress/kendo-vue-inputs": "4.3.0-dev.202401231815",
+    "@progress/kendo-vue-intl": "4.3.0-dev.202401231815",
+    "@progress/kendo-vue-layout": "4.3.0-dev.202401231815",
+    "vue": "^2.6.12 || ^3.0.2"
+  },
+  "dependencies": {
+    "@progress/kendo-vue-common": "4.3.0-dev.202401291303"
+  },
+  "devDependencies": {
+    "@progress/kendo-licensing": "^1.3.0",
+    "@progress/kendo-svg-icons": "^2.0.0",
+    "@progress/kendo-vue-buttons": "4.3.0-dev.202401291303",
+    "@progress/kendo-vue-inputs": "4.3.0-dev.202401291303",
+    "@progress/kendo-vue-intl": "4.3.0-dev.202401291303",
+    "@progress/kendo-vue-layout": "4.3.0-dev.202401291303",
+    "@progress/kendo-vue-popup": "4.3.0-dev.202401291303"
+  },
+  "@progress": {
+    "friendlyName": "ListBox",
+    "framework": "Kendo UI for Vue"
+  },
+  "author": "Progress",
+  "license": "SEE LICENSE IN LICENSE.md",
+  "publishConfig": {
+    "access": "public"
+  },
+  "sideEffects": false
+}