@progress/kendo-vue-conversational-ui 5.3.0-dev.202410141143 → 5.3.0-develop.2

package/ai-prompt/views/AIPromptView.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),g=require("../AIPromptContent.js"),I=require("../AIPromptFooter.js"),V=require("@progress/kendo-vue-buttons"),f=require("@progress/kendo-vue-inputs"),i=require("@progress/kendo-svg-icons"),A=require("./AIPromptViewRender.js"),P=require("../AIPromptExpander.js"),n=require("@progress/kendo-vue-common");function p(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!t.isVNode(e)}const s={name:"prompt-view",buttonText:"Ask AI",buttonIcon:i.sparklesIcon},k=t.defineComponent({name:"KendoAIPromptView",props:{promptInput:[Object,String],generateButton:[Object,String],promptValue:String,promptSuggestions:Array},inject:{kendoAIPrompt:{default:null}},computed:{computedValue(){return this.$props.promptValue!==void 0?this.$props.promptValue:this.value}},data(){return{value:""}},methods:{handleOnRequest(){this.kendoAIPrompt.onPromptRequest&&this.kendoAIPrompt.onPromptRequest.call(null,this.value),this.value=""},handleSuggestionSelect(e){this.value=e},onTextChange(e){this.value=e.value}},render(){let e;const o="Generate",{promptSuggestions:r}=this.$props,a=n.templateRendering.call(this,this.$props.promptInput,n.getListeners.call(this)),c=t.createVNode(f.TextArea,{value:this.computedValue,onChange:this.onTextChange,placeholder:"Ask or generate content with AI ...",rows:2},null),d=n.getTemplate.call(this,{h:t.h,template:a,defaultRendering:c}),m=n.templateRendering.call(this,this.$props.generateButton,n.getListeners.call(this)),h=t.createVNode(V.Button,{type:"button",themeColor:"primary",fillMode:"solid","aria-hidden":"true",rounded:"full",size:"medium",onClick:this.handleOnRequest,title:"Generate",svgIcon:i.sparklesIcon},p(o)?o:{default:()=>[o]}),u=n.getTemplate.call(this,{h:t.h,template:m,defaultRendering:h});return t.createVNode(A.AIPromptViewRender,{name:s.name},{default:()=>[t.createVNode(g.AIPromptContent,null,{default:()=>[d,r&&r.length>0&&t.createVNode(P.AIPromptExpander,{title:"Prompt Suggestions"},p(e=r.map(function(l){return t.createVNode("div",{key:l,class:"k-prompt-suggestion",onClick:()=>this.handleSuggestionSelect(l)},[l])},this))?e:{default:()=>[e]})]}),t.createVNode(I.AIPromptFooter,null,p(u)?u:{default:()=>[u]})]})}});exports.AIPromptView=k;exports.promptViewDefaults=s;

package/ai-prompt/views/AIPromptView.mjs

@@ -0,0 +1,112 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { defineComponent as I, createVNode as e, h as i, isVNode as A } from "vue";
+import { AIPromptContent as P } from "../AIPromptContent.mjs";
+import { AIPromptFooter as R } from "../AIPromptFooter.mjs";
+import { Button as S } from "@progress/kendo-vue-buttons";
+import { TextArea as v } from "@progress/kendo-vue-inputs";
+import { sparklesIcon as m } from "@progress/kendo-svg-icons";
+import { AIPromptViewRender as V } from "./AIPromptViewRender.mjs";
+import { AIPromptExpander as k } from "../AIPromptExpander.mjs";
+import { templateRendering as a, getListeners as u, getTemplate as s } from "@progress/kendo-vue-common";
+function l(t) {
+  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !A(t);
+}
+const b = {
+  name: "prompt-view",
+  buttonText: "Ask AI",
+  buttonIcon: m
+}, q = /* @__PURE__ */ I({
+  name: "KendoAIPromptView",
+  props: {
+    promptInput: [Object, String],
+    generateButton: [Object, String],
+    promptValue: String,
+    promptSuggestions: Array
+  },
+  inject: {
+    kendoAIPrompt: {
+      default: null
+    }
+  },
+  computed: {
+    computedValue() {
+      return this.$props.promptValue !== void 0 ? this.$props.promptValue : this.value;
+    }
+  },
+  data() {
+    return {
+      value: ""
+    };
+  },
+  methods: {
+    handleOnRequest() {
+      this.kendoAIPrompt.onPromptRequest && this.kendoAIPrompt.onPromptRequest.call(null, this.value), this.value = "";
+    },
+    handleSuggestionSelect(t) {
+      this.value = t;
+    },
+    onTextChange(t) {
+      this.value = t.value;
+    }
+  },
+  render() {
+    let t;
+    const o = "Generate", {
+      promptSuggestions: n
+    } = this.$props, d = a.call(this, this.$props.promptInput, u.call(this)), c = e(v, {
+      value: this.computedValue,
+      onChange: this.onTextChange,
+      placeholder: "Ask or generate content with AI ...",
+      rows: 2
+    }, null), h = s.call(this, {
+      h: i,
+      template: d,
+      defaultRendering: c
+    }), g = a.call(this, this.$props.generateButton, u.call(this)), f = e(S, {
+      type: "button",
+      themeColor: "primary",
+      fillMode: "solid",
+      "aria-hidden": "true",
+      rounded: "full",
+      size: "medium",
+      onClick: this.handleOnRequest,
+      title: "Generate",
+      svgIcon: m
+    }, l(o) ? o : {
+      default: () => [o]
+    }), r = s.call(this, {
+      h: i,
+      template: g,
+      defaultRendering: f
+    });
+    return e(V, {
+      name: b.name
+    }, {
+      default: () => [e(P, null, {
+        default: () => [h, n && n.length > 0 && e(k, {
+          title: "Prompt Suggestions"
+        }, l(t = n.map(function(p) {
+          return e("div", {
+            key: p,
+            class: "k-prompt-suggestion",
+            onClick: () => this.handleSuggestionSelect(p)
+          }, [p]);
+        }, this)) ? t : {
+          default: () => [t]
+        })]
+      }), e(R, null, l(r) ? r : {
+        default: () => [r]
+      })]
+    });
+  }
+});
+export {
+  q as AIPromptView,
+  b as promptViewDefaults
+};

package/ai-prompt/views/AIPromptViewRender.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@progress/kendo-vue-common"),n=require("vue"),o=n.defineComponent({name:"KendoAIPromptViewRender",inheritAttrs:!1,props:{name:String},inject:{kendoAIPrompt:{default:null}},render(){const e=t.getDefaultSlots(this);return this.kendoAIPrompt.activeView===this.$props.name?e:null}});exports.AIPromptViewRender=o;

package/ai-prompt/views/AIPromptViewRender.mjs

@@ -0,0 +1,28 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { getDefaultSlots as t } from "@progress/kendo-vue-common";
+import { defineComponent as n } from "vue";
+const m = /* @__PURE__ */ n({
+  name: "KendoAIPromptViewRender",
+  inheritAttrs: !1,
+  props: {
+    name: String
+  },
+  inject: {
+    kendoAIPrompt: {
+      default: null
+    }
+  },
+  render() {
+    const e = t(this);
+    return this.kendoAIPrompt.activeView === this.$props.name ? e : null;
+  }
+});
+export {
+  m as AIPromptViewRender
+};