@progress/kendo-vue-conversational-ui 6.4.1 → 6.5.0-develop.1

package/ai-prompt/views/AIPromptOutputView.mjs

@@ -10,7 +10,7 @@ import { AIPromptContent as I } from "../AIPromptContent.mjs";
 import { aIPromptNoOutputs as d, messages as C } from "../../messages/main.mjs";
 import { AIPromptViewRender as b } from "./AIPromptViewRender.mjs";
 import { Card as m, CardHeader as v, CardTitle as R, CardSubtitle as P, CardBody as c, CardActions as k } from "@progress/kendo-vue-layout";
-import { commentIcon as T, copyIcon as a, checkIcon as w, rotateIcon as A, thumbUpOutlineIcon as O, thumbDownOutlineIcon as B } from "@progress/kendo-svg-icons";
+import { commentIcon as T, copyIcon as a, rotateIcon as w, thumbUpOutlineIcon as A, thumbDownOutlineIcon as O, checkIcon as B } from "@progress/kendo-svg-icons";
 import { Button as i } from "@progress/kendo-vue-buttons";
 import { provideLocalizationService as S } from "@progress/kendo-vue-intl";
 import { templateRendering as z, getListeners as V, getTemplate as j } from "@progress/kendo-vue-common";
@@ -58,7 +58,7 @@ const q = {
       });
     },
     copyToClipboard(e, n) {
-      e != null && e.responseContent && navigator.clipboard.writeText(e.responseContent), this.copiedIndex = n, this.copyButtonIcon = w, this.$emit("copy", e == null ? void 0 : e.responseContent), setTimeout(() => {
+      e != null && e.responseContent && navigator.clipboard.writeText(e.responseContent), this.copiedIndex = n, this.copyButtonIcon = B, this.$emit("copy", e == null ? void 0 : e.responseContent), setTimeout(() => {
         this.copyButtonIcon = a, this.copiedIndex = -1;
       }, 1e3);
     },
@@ -124,7 +124,7 @@ const q = {
                 fillMode: "flat",
                 rounded: "medium",
                 title: "Retry",
-                svgIcon: A,
+                svgIcon: w,
                 "aria-hidden": "true",
                 onClick: () => this.retryPrompt(o, l)
               }, {
@@ -138,7 +138,7 @@ const q = {
                 fillMode: "flat",
                 rounded: "medium",
                 title: "Rate up",
-                svgIcon: O,
+                svgIcon: A,
                 "aria-hidden": "true",
                 onClick: () => this.outputRating(o, "positive")
               }, null), r && t(i, {
@@ -148,7 +148,7 @@ const q = {
                 fillMode: "flat",
                 rounded: "medium",
                 title: "Rate down",
-                svgIcon: B,
+                svgIcon: O,
                 "aria-hidden": "true",
                 onClick: () => this.outputRating(o, "negative")
               }, null)]

package/dist/cdn/js/kendo-vue-conversational-ui.js

@@ -12,4 +12,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("@progress/kendo-vue-common"),require("@progress/kendo-vue-buttons"),require("@progress/kendo-vue-inputs"),require("@progress/kendo-svg-icons"),require("@progress/kendo-vue-layout"),require("@progress/kendo-vue-intl")):"function"==typeof define&&define.amd?define(["exports","vue","@progress/kendo-vue-common","@progress/kendo-vue-buttons","@progress/kendo-vue-inputs","@progress/kendo-svg-icons","@progress/kendo-vue-layout","@progress/kendo-vue-intl"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoVueConversationalUi={},e.Vue,e.KendoVueCommon,e.KendoVueButtons,e.KendoVueInputs,e.KendoSVGIcons,e.KendoVueLayout,e.KendoVueIntl)}(this,(function(e,t,o,n,r,i,a,s){"use strict";function l(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!t.isVNode(e)}const d=t.defineComponent({name:"KendoAIPromptHeader",props:{activeView:String,toolbarItems:Array,onActiveviewchange:Function},methods:{handleClick(e){this.$emit("activeviewchange",e)}},render(){let e;const{activeView:r,toolbarItems:i}=this.$props;return t.createVNode("div",{class:"k-prompt-header"},[t.createVNode(n.Toolbar,{overflow:"none",keyboardNavigation:!1,class:"k-toolbar-flat"},l(e=i.map((function(e){const i=o.getTemplate.call(this,{h:t.h,template:e.content,defaultRendering:null,additionalProps:{item:e}});return e.content?i:t.createVNode(n.Button,{type:"button",key:e.name,class:o.classNames("k-toolbar-item",{"k-selected":r===e.name}),size:"medium",themeColor:"primary",fillMode:"flat",rounded:"full",title:e.buttonText,svgIcon:e.buttonIcon,"aria-hidden":"true",onClick:()=>this.handleClick(e.name)},{default:()=>[e.buttonText]})}),this))?e:{default:()=>[e]})])}}),u=t.defineComponent({name:"KendoAIPromptContent",render(){const e=o.getDefaultSlots(this);return t.createVNode("div",{class:"k-prompt-content"},[t.createVNode("div",{class:"k-prompt-view"},[e])])}}),p=t.defineComponent({name:"KendoAIPromptFooter",render(){const e=o.getDefaultSlots(this);return t.createVNode("div",{class:"k-prompt-footer"},[t.createVNode("div",{class:"k-actions k-actions-start k-actions-horizontal k-prompt-actions"},[e])])}}),c=t.defineComponent({name:"KendoAIPromptViewRender",inheritAttrs:!1,props:{name:String},inject:{kendoAIPrompt:{default:null}},render(){const e=o.getDefaultSlots(this);return this.kendoAIPrompt.activeView===this.$props.name?e:null}});function m(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!t.isVNode(e)}const h=t.defineComponent({name:"KendoAIPromptExpander",props:{title:String},data:()=>({expanded:!0}),methods:{buttonClick(){this.expanded=!this.expanded}},render(){const e=o.getDefaultSlots(this),{title:r}=this.$props;return t.createVNode("div",{class:"k-prompt-expander"},[t.createVNode(n.Button,{type:"button",fillMode:"flat",svgIcon:this.expanded?i.chevronUpIcon:i.chevronDownIcon,title:r,onClick:this.buttonClick},m(r)?r:{default:()=>[r]}),this.expanded&&t.createVNode("div",{class:"k-prompt-expander-content"},[e])])}});function g(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!t.isVNode(e)}const f={name:"prompt-view",buttonText:"Ask AI",buttonIcon:i.sparklesIcon},v=t.defineComponent({name:"KendoAIPromptView",props:{promptInput:[Object,String],generateButton:[Object,String],promptValue:String,promptSuggestions:Array},inject:{kendoAIPrompt:{default:null}},computed:{computedValue(){return void 0!==this.$props.promptValue?this.$props.promptValue:this.value}},data:()=>({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 a="Generate",{promptSuggestions:s}=this.$props,l=o.templateRendering.call(this,this.$props.promptInput,o.getListeners.call(this)),d=t.createVNode(r.TextArea,{value:this.computedValue,onChange:this.onTextChange,placeholder:"Ask or generate content with AI ...",rows:2},null),m=o.getTemplate.call(this,{h:t.h,template:l,defaultRendering:d}),v=o.templateRendering.call(this,this.$props.generateButton,o.getListeners.call(this)),V=t.createVNode(n.Button,{type:"button",themeColor:"primary",fillMode:"solid","aria-hidden":"true",rounded:"full",size:"medium",onClick:this.handleOnRequest,title:"Generate",svgIcon:i.sparklesIcon},g(a)?a:{default:()=>[a]}),I=o.getTemplate.call(this,{h:t.h,template:v,defaultRendering:V});return t.createVNode(c,{name:f.name},{default:()=>[t.createVNode(u,null,{default:()=>[m,s&&s.length>0&&t.createVNode(h,{title:"Prompt Suggestions"},g(e=s.map((function(e){return t.createVNode("div",{key:e,class:"k-prompt-suggestion",onClick:()=>this.handleSuggestionSelect(e)},[e])}),this))?e:{default:()=>[e]})]}),t.createVNode(p,null,g(I)?I:{default:()=>[I]})]})}}),V="avatar.alt",I="messageList.ariaLabel",k="aIPrompt.noOutputs",y={[V]:"Avatar",[I]:"Message list",[k]:"No output from Ai available"};function C(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!t.isVNode(e)}let b=function(e){return e.positive="positive",e.negative="negative",e}({});const A={name:"output-view",buttonText:"Output",buttonIcon:i.commentIcon},P=t.defineComponent({name:"KendoAIPromptOutputView",emits:{copy:null,retry:null,rating:null},props:{outputs:Array,outputCard:[String,Function,Object],showOutputRating:Boolean},inject:{kendoAIPrompt:{default:null},kendoLocalizationService:{default:null}},data:()=>({copiedIndex:-1,copyButtonIcon:i.copyIcon}),methods:{retryPrompt(e){this.$emit("retry",e),this.kendoAIPrompt.onPromptRequest&&this.kendoAIPrompt.onPromptRequest.call(null,e.prompt,{...e,isRetry:!0})},copyToClipboard(e,t){null!=e&&e.responseContent&&navigator.clipboard.writeText(e.responseContent),this.copiedIndex=t,this.copyButtonIcon=i.checkIcon,this.$emit("copy",null==e?void 0:e.responseContent),setTimeout((()=>{this.copyButtonIcon=i.copyIcon,this.copiedIndex=-1}),1e3)},outputRating(e,t){this.$emit("rating",e,t),this.kendoAIPrompt.onPromptRequest&&this.kendoAIPrompt.onPromptRequest.call(null,e.prompt,{...e,ratingType:t,isRetry:!1})}},render(){let e;const{outputs:r,showOutputRating:l,outputCard:d}=this.$props,p=s.provideLocalizationService(this),m=o.templateRendering.call(this,d,o.getListeners.call(this));return t.createVNode(c,{name:A.name},{default:()=>[t.createVNode(u,null,{default:()=>[t.createVNode("div",{class:"k-card-list"},[r&&r.length>0?r.map((function(e,r){const s=o.getTemplate.call(this,{h:t.h,template:m,defaultRendering:null,additionalProps:{output:e}});return d?s:t.createVNode(a.Card,{key:e.id,class:e.class},{default:()=>[t.createVNode(a.CardHeader,null,{default:()=>[e.title&&t.createVNode(a.CardTitle,null,{default:()=>[e.title]}),e.subTitle&&t.createVNode(a.CardSubtitle,null,{default:()=>[e.subTitle]})]}),t.createVNode(a.CardBody,null,{default:()=>[e.responseContent]}),t.createVNode(a.CardActions,null,{default:()=>[t.createVNode(n.Button,{type:"button",size:"medium",themeColor:"primary",fillMode:"flat",rounded:"medium",title:"Copy",svgIcon:this.copiedIndex===r?this.copyButtonIcon:i.copyIcon,"aria-hidden":"true",onClick:()=>this.copyToClipboard(e,r)},{default:()=>["Copy"]}),t.createVNode(n.Button,{type:"button",size:"medium",themeColor:"base",fillMode:"flat",rounded:"medium",title:"Retry",svgIcon:i.rotateIcon,"aria-hidden":"true",onClick:()=>this.retryPrompt(e,r)},{default:()=>["Retry"]}),l&&t.createVNode("span",{class:"k-spacer"},null),l&&t.createVNode(n.Button,{type:"button",size:"medium",themeColor:"positive"===e.ratingType?"primary":"base",fillMode:"flat",rounded:"medium",title:"Rate up",svgIcon:i.thumbUpOutlineIcon,"aria-hidden":"true",onClick:()=>this.outputRating(e,"positive")},null),l&&t.createVNode(n.Button,{type:"button",size:"medium",themeColor:"negative"===e.ratingType?"primary":"base",fillMode:"flat",rounded:"medium",title:"Rate down",svgIcon:i.thumbDownOutlineIcon,"aria-hidden":"true",onClick:()=>this.outputRating(e,"negative")},null)]})]})}),this):t.createVNode(a.Card,null,{default:()=>[t.createVNode(a.CardBody,null,C(e=p.toLanguageString(k,y[k]))?e:{default:()=>[e]})]})])]})]})}}),w=t.defineComponent({name:"KendoAIPrompt",props:{activeView:{type:String,required:!0},dir:String,toolbarItems:Array,outputs:Array,promptPlaceholder:String},provide(){return{kendoAIPrompt:this.$data.contextState}},data(){return{contextState:{activeView:this.$props.activeView,onActiveViewChange:this.onActiveViewChange,onPromptRequest:this.onPromptRequest,onCommandExecute:this.onCommandExecute,onStateAction:this.onStateAction}}},watch:{activeView(e){this.contextState.activeView=e}},methods:{onStateAction(e){this.contextState.activeView=e.activeView},onActiveViewChange(e){this.$emit("activeviewchange",e)},onPromptRequest(e,t){this.$emit("promptrequest",e,t)},onCommandExecute(e){this.$emit("commandexecute",e)}},render(){const e=o.getDefaultSlots(this),{toolbarItems:n,dir:r}=this.$props,i=(n||[f,A]).map((e=>{const t=o.templateRendering.call(this,e.content,o.getListeners.call(this));return{...e,content:t}}));return t.createVNode("div",{class:"k-prompt",dir:r},[t.createVNode(d,{activeView:this.contextState.activeView,toolbarItems:i,onActiveviewchange:this.onActiveViewChange},null),e])}}),N={name:"commands-view",buttonIcon:i.moreHorizontalIcon},S=t.defineComponent({name:"KendoAIPromptCommandsView",props:{commands:Array},inject:{kendoAIPrompt:{default:null}},render(){const{commands:e}=this.$props,o=e=>{var t;const o=e.target;(null==(t=o.items)||!t.length)&&this.kendoAIPrompt.onCommandExecute&&(this.$emit("commandexecute",o),this.kendoAIPrompt.onCommandExecute.call(null,o))};return t.createVNode(c,{name:N.name},{default:()=>[t.createVNode(u,null,{default:()=>[t.createVNode("div",{class:"k-prompt-view"},[t.createVNode(a.PanelBar,{onSelect:o,items:e},null)])]})]})}});e.AIPrompt=w,e.AIPromptCommandsView=S,e.AIPromptContent=u,e.AIPromptFooter=p,e.AIPromptHeader=d,e.AIPromptOutputRating=b,e.AIPromptOutputView=P,e.AIPromptView=v,e.AIPromptViewRender=c,e.commandsViewDefaults=N,e.outputViewDefaults=A,e.promptViewDefaults=f}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("@progress/kendo-vue-common"),require("@progress/kendo-vue-buttons"),require("@progress/kendo-vue-inputs"),require("@progress/kendo-svg-icons"),require("@progress/kendo-vue-layout"),require("@progress/kendo-vue-intl"),require("@progress/kendo-webspeech-common")):"function"==typeof define&&define.amd?define(["exports","vue","@progress/kendo-vue-common","@progress/kendo-vue-buttons","@progress/kendo-vue-inputs","@progress/kendo-svg-icons","@progress/kendo-vue-layout","@progress/kendo-vue-intl","@progress/kendo-webspeech-common"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoVueConversationalUi={},e.Vue,e.KendoVueCommon,e.KendoVueButtons,e.KendoVueInputs,e.KendoSVGIcons,e.KendoVueLayout,e.KendoVueIntl,e.KendoWebspeechCommon)}(this,(function(e,t,o,n,i,r,a,l,s){"use strict";function u(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!t.isVNode(e)}const d=t.defineComponent({name:"KendoAIPromptHeader",props:{activeView:String,toolbarItems:Array,onActiveviewchange:Function},methods:{handleClick(e){this.$emit("activeviewchange",e)}},render(){let e;const{activeView:i,toolbarItems:r}=this.$props;return t.createVNode("div",{class:"k-prompt-header"},[t.createVNode(n.Toolbar,{overflow:"none",keyboardNavigation:!1,class:"k-toolbar-flat"},u(e=r.map((function(e){const r=o.getTemplate.call(this,{h:t.h,template:e.content,defaultRendering:null,additionalProps:{item:e}});return e.content?r:t.createVNode(n.Button,{type:"button",key:e.name,class:o.classNames("k-toolbar-item",{"k-selected":i===e.name}),size:"medium",themeColor:"primary",fillMode:"flat",rounded:"full",title:e.buttonText,svgIcon:e.buttonIcon,"aria-hidden":"true",onClick:()=>this.handleClick(e.name)},{default:()=>[e.buttonText]})}),this))?e:{default:()=>[e]})])}}),c=t.defineComponent({name:"KendoAIPromptContent",render(){const e=o.getDefaultSlots(this);return t.createVNode("div",{class:"k-prompt-content"},[t.createVNode("div",{class:"k-prompt-view"},[e])])}}),p=t.defineComponent({name:"KendoAIPromptFooter",render(){const e=o.getDefaultSlots(this);return t.createVNode("div",{class:"k-prompt-footer"},[t.createVNode("div",{class:"k-actions k-actions-start k-actions-horizontal k-prompt-actions"},[e])])}}),m=t.defineComponent({name:"KendoAIPromptViewRender",inheritAttrs:!1,props:{name:String},inject:{kendoAIPrompt:{default:null}},render(){const e=o.getDefaultSlots(this);return this.kendoAIPrompt.activeView===this.$props.name?e:null}});function h(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!t.isVNode(e)}const g=t.defineComponent({name:"KendoAIPromptExpander",props:{title:String},data:()=>({expanded:!0}),methods:{buttonClick(){this.expanded=!this.expanded}},render(){const e=o.getDefaultSlots(this),{title:i}=this.$props;return t.createVNode("div",{class:"k-prompt-expander"},[t.createVNode(n.Button,{type:"button",fillMode:"flat",svgIcon:this.expanded?r.chevronUpIcon:r.chevronDownIcon,title:i,onClick:this.buttonClick},h(i)?i:{default:()=>[i]}),this.expanded&&t.createVNode("div",{class:"k-prompt-expander-content"},[e])])}});function v(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!t.isVNode(e)}const f={name:"prompt-view",buttonText:"Ask AI",buttonIcon:r.sparklesIcon},y=t.defineComponent({name:"KendoAIPromptView",props:{promptInput:[Object,String],generateButton:[Object,String],promptValue:String,promptSuggestions:Array},inject:{kendoAIPrompt:{default:null}},computed:{computedValue(){return void 0!==this.$props.promptValue?this.$props.promptValue:this.value}},data:()=>({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 a="Generate",{promptSuggestions:l}=this.$props,s=o.templateRendering.call(this,this.$props.promptInput,o.getListeners.call(this)),u=t.createVNode(i.TextArea,{value:this.computedValue,onChange:this.onTextChange,placeholder:"Ask or generate content with AI ...",rows:2},null),d=o.getTemplate.call(this,{h:t.h,template:s,defaultRendering:u}),h=o.templateRendering.call(this,this.$props.generateButton,o.getListeners.call(this)),y=t.createVNode(n.Button,{type:"button",themeColor:"primary",fillMode:"solid","aria-hidden":"true",rounded:"full",size:"medium",onClick:this.handleOnRequest,title:"Generate",svgIcon:r.sparklesIcon},v(a)?a:{default:()=>[a]}),I=o.getTemplate.call(this,{h:t.h,template:h,defaultRendering:y});return t.createVNode(m,{name:f.name},{default:()=>[t.createVNode(c,null,{default:()=>[d,l&&l.length>0&&t.createVNode(g,{title:"Prompt Suggestions"},v(e=l.map((function(e){return t.createVNode("div",{key:e,class:"k-prompt-suggestion",onClick:()=>this.handleSuggestionSelect(e)},[e])}),this))?e:{default:()=>[e]})]}),t.createVNode(p,null,v(I)?I:{default:()=>[I]})]})}}),I="avatar.alt",V="messageList.ariaLabel",b="aIPrompt.noOutputs",k={[I]:"Avatar",[V]:"Message list",[b]:"No output from Ai available"};function S(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!t.isVNode(e)}let A=function(e){return e.positive="positive",e.negative="negative",e}({});const C={name:"output-view",buttonText:"Output",buttonIcon:r.commentIcon},w=t.defineComponent({name:"KendoAIPromptOutputView",emits:{copy:null,retry:null,rating:null},props:{outputs:Array,outputCard:[String,Function,Object],showOutputRating:Boolean},inject:{kendoAIPrompt:{default:null},kendoLocalizationService:{default:null}},data:()=>({copiedIndex:-1,copyButtonIcon:r.copyIcon}),methods:{retryPrompt(e){this.$emit("retry",e),this.kendoAIPrompt.onPromptRequest&&this.kendoAIPrompt.onPromptRequest.call(null,e.prompt,{...e,isRetry:!0})},copyToClipboard(e,t){null!=e&&e.responseContent&&navigator.clipboard.writeText(e.responseContent),this.copiedIndex=t,this.copyButtonIcon=r.checkIcon,this.$emit("copy",null==e?void 0:e.responseContent),setTimeout((()=>{this.copyButtonIcon=r.copyIcon,this.copiedIndex=-1}),1e3)},outputRating(e,t){this.$emit("rating",e,t),this.kendoAIPrompt.onPromptRequest&&this.kendoAIPrompt.onPromptRequest.call(null,e.prompt,{...e,ratingType:t,isRetry:!1})}},render(){let e;const{outputs:i,showOutputRating:s,outputCard:u}=this.$props,d=l.provideLocalizationService(this),p=o.templateRendering.call(this,u,o.getListeners.call(this));return t.createVNode(m,{name:C.name},{default:()=>[t.createVNode(c,null,{default:()=>[t.createVNode("div",{class:"k-card-list"},[i&&i.length>0?i.map((function(e,i){const l=o.getTemplate.call(this,{h:t.h,template:p,defaultRendering:null,additionalProps:{output:e}});return u?l:t.createVNode(a.Card,{key:e.id,class:e.class},{default:()=>[t.createVNode(a.CardHeader,null,{default:()=>[e.title&&t.createVNode(a.CardTitle,null,{default:()=>[e.title]}),e.subTitle&&t.createVNode(a.CardSubtitle,null,{default:()=>[e.subTitle]})]}),t.createVNode(a.CardBody,null,{default:()=>[e.responseContent]}),t.createVNode(a.CardActions,null,{default:()=>[t.createVNode(n.Button,{type:"button",size:"medium",themeColor:"primary",fillMode:"flat",rounded:"medium",title:"Copy",svgIcon:this.copiedIndex===i?this.copyButtonIcon:r.copyIcon,"aria-hidden":"true",onClick:()=>this.copyToClipboard(e,i)},{default:()=>["Copy"]}),t.createVNode(n.Button,{type:"button",size:"medium",themeColor:"base",fillMode:"flat",rounded:"medium",title:"Retry",svgIcon:r.rotateIcon,"aria-hidden":"true",onClick:()=>this.retryPrompt(e,i)},{default:()=>["Retry"]}),s&&t.createVNode("span",{class:"k-spacer"},null),s&&t.createVNode(n.Button,{type:"button",size:"medium",themeColor:"positive"===e.ratingType?"primary":"base",fillMode:"flat",rounded:"medium",title:"Rate up",svgIcon:r.thumbUpOutlineIcon,"aria-hidden":"true",onClick:()=>this.outputRating(e,"positive")},null),s&&t.createVNode(n.Button,{type:"button",size:"medium",themeColor:"negative"===e.ratingType?"primary":"base",fillMode:"flat",rounded:"medium",title:"Rate down",svgIcon:r.thumbDownOutlineIcon,"aria-hidden":"true",onClick:()=>this.outputRating(e,"negative")},null)]})]})}),this):t.createVNode(a.Card,null,{default:()=>[t.createVNode(a.CardBody,null,S(e=d.toLanguageString(b,k[b]))?e:{default:()=>[e]})]})])]})]})}}),N=t.defineComponent({name:"KendoAIPrompt",props:{activeView:{type:String,required:!0},dir:String,toolbarItems:Array,outputs:Array,promptPlaceholder:String},provide(){return{kendoAIPrompt:this.$data.contextState}},data(){return{contextState:{activeView:this.$props.activeView,onActiveViewChange:this.onActiveViewChange,onPromptRequest:this.onPromptRequest,onCommandExecute:this.onCommandExecute,onStateAction:this.onStateAction}}},watch:{activeView(e){this.contextState.activeView=e}},methods:{onStateAction(e){this.contextState.activeView=e.activeView},onActiveViewChange(e){this.$emit("activeviewchange",e)},onPromptRequest(e,t){this.$emit("promptrequest",e,t)},onCommandExecute(e){this.$emit("commandexecute",e)}},render(){const e=o.getDefaultSlots(this),{toolbarItems:n,dir:i}=this.$props,r=(n||[f,C]).map((e=>{const t=o.templateRendering.call(this,e.content,o.getListeners.call(this));return{...e,content:t}}));return t.createVNode("div",{class:"k-prompt",dir:i},[t.createVNode(d,{activeView:this.contextState.activeView,toolbarItems:r,onActiveviewchange:this.onActiveViewChange},null),e])}}),P={name:"commands-view",buttonIcon:r.moreHorizontalIcon},x=t.defineComponent({name:"KendoAIPromptCommandsView",props:{commands:Array},inject:{kendoAIPrompt:{default:null}},render(){const{commands:e}=this.$props,o=e=>{var t;const o=e.target;(null==(t=o.items)||!t.length)&&this.kendoAIPrompt.onCommandExecute&&(this.$emit("commandexecute",o),this.kendoAIPrompt.onCommandExecute.call(null,o))};return t.createVNode(m,{name:P.name},{default:()=>[t.createVNode(c,null,{default:()=>[t.createVNode("div",{class:"k-prompt-view"},[t.createVNode(a.PanelBar,{onSelect:o,items:e},null)])]})]})}});let R=function(e){return e.WebSpeech="WebSpeech",e.None="None",e}({});const T=t.defineComponent({name:"KendoSpeechToTextButton",props:{lang:{type:String,default:"en-US"},continuous:{type:Boolean,default:!1},interimResults:{type:Boolean,default:!1},maxAlternatives:{type:Number,default:1},integrationMode:{type:String,default:R.WebSpeech},onStart:{type:Function},onResult:{type:Function},onEnd:{type:Function},onError:{type:Function},svgIcon:{type:Object,default:r.microphoneOutlineIcon},iconSize:{type:String,default:"medium"},disabled:{type:Boolean,default:void 0},size:{type:String,default:"medium"},rounded:{type:String,default:"medium"},fillMode:{type:String,default:"solid"},themeColor:{type:String,default:"base"},title:{type:String,default:"Speech to Text Button"},ariaLabel:{type:String,default:"Start speech recognition"}},setup(e,{emit:o,expose:n}){const i=t.ref(null),r=t.ref(!1),a=()=>e.integrationMode!==R.None,l=()=>{var e;r.value||(a&&(null==(e=i.value)||e.start()),r.value=!0)},u=()=>{var e;r.value&&(a&&(null==(e=i.value)||e.stop()),r.value=!1)},d=async()=>{r.value||e.onStart&&(await e.onStart(),l())},c=e=>{const t=e.results,n=t[t.length-1],i=Array.from(n).map((e=>({transcript:e.transcript,confidence:e.confidence})));o("result",{isFinal:n.isFinal,alternatives:i})},p=async()=>{r.value&&e.onEnd&&(await e.onEnd(),u())},m=e=>{o("error",e)},h=()=>{var t;e.integrationMode===R.WebSpeech&&(null!=(t=i.value)&&t.isActive()&&u(),i.value=function(e){return new s.KendoSpeechRecognition(e)}({lang:e.lang,continuous:e.continuous,interimResults:e.interimResults,integrationMode:e.integrationMode,maxAlternatives:e.maxAlternatives,events:{start:d,result:c,end:p,error:m}}))};return t.watch((()=>({lang:e.lang,continuous:e.continuous,interimResults:e.interimResults,integrationMode:e.integrationMode,maxAlternatives:e.maxAlternatives})),(()=>{h()}),{deep:!0}),t.onMounted((()=>{h()})),t.onUnmounted((()=>{var e;null!=(e=i.value)&&e.isInActiveState&&u()})),n({start:l,stop:u,isActive:()=>{var e;return null==(e=i.value)?void 0:e.isActive()}}),{clickHandler:()=>{r.value?p():d()},isInActiveState:r}},render(){const{ariaLabel:e,svgIcon:o,fillMode:i,rounded:a,size:l,disabled:s,themeColor:u,iconSize:d,title:c}=this.$props,{className:p,style:m,id:h}=this.$attrs,g=t.computed((()=>["k-speech-to-text-button",p,{"k-listening":this.isInActiveState}])),v=t.computed((()=>this.isInActiveState?r.stopSmIcon:o||r.microphoneOutlineIcon));return t.createVNode(n.Button,{id:h,style:m,class:g.value,onClick:this.clickHandler,svgIcon:v.value,iconSize:d,fillMode:i,rounded:a,size:l,themeColor:u,"aria-label":e,disabled:s,title:c},null)}});e.AIPrompt=N,e.AIPromptCommandsView=x,e.AIPromptContent=c,e.AIPromptFooter=p,e.AIPromptHeader=d,e.AIPromptOutputRating=A,e.AIPromptOutputView=w,e.AIPromptView=y,e.AIPromptViewRender=m,e.SpeechToTextButton=T,e.SpeechToTextButtonMode=R,e.commandsViewDefaults=P,e.outputViewDefaults=C,e.promptViewDefaults=f}));

package/index.d.mts

@@ -5,12 +5,14 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+import { ButtonProps } from '@progress/kendo-vue-buttons';
 import { ComponentOptionsMixin } from 'vue';
 import { ComponentProvideOptions } from 'vue';
 import { DefineComponent } from 'vue';
 import { ExtractPropTypes } from 'vue';
 import { PropType } from 'vue';
 import { PublicProps } from 'vue';
+import { Ref } from 'vue';
 import { SVGIcon } from '@progress/kendo-svg-icons';
 import { SVGIcon as SVGIcon_2 } from '@progress/kendo-vue-common';
 
@@ -368,6 +370,270 @@ export declare const outputViewDefaults: AIPromptToolbarItemInterface;
  */
 export declare const promptViewDefaults: AIPromptToolbarItemInterface;
 
+/**
+ * Represents a single recognition alternative from the speech engine.
+ */
+declare interface SpeechRecognitionAlternative_2 {
+    /**
+     * The transcript of the recognized speech.
+     */
+    transcript: string;
+    /**
+     * A confidence score for the transcript, between 0 and 1.
+     */
+    confidence: number;
+}
+export { SpeechRecognitionAlternative_2 as SpeechRecognitionAlternative }
+
+/**
+ * @hidden
+ */
+export declare const SpeechToTextButton: DefineComponent<ExtractPropTypes<    {
+lang: {
+type: PropType<string>;
+default: string;
+};
+continuous: {
+type: PropType<boolean>;
+default: boolean;
+};
+interimResults: {
+type: PropType<boolean>;
+default: boolean;
+};
+maxAlternatives: {
+type: PropType<number>;
+default: number;
+};
+integrationMode: {
+type: PropType<"WebSpeech" | "None">;
+default: SpeechToTextButtonMode;
+};
+onStart: {
+type: PropType<() => void>;
+};
+onResult: {
+type: PropType<(event: SpeechToTextResultEvent) => void>;
+};
+onEnd: {
+type: PropType<() => void>;
+};
+onError: {
+type: PropType<(event: SpeechToTextErrorEvent) => void>;
+};
+svgIcon: {
+type: PropType<SVGIcon_2>;
+default: SVGIcon;
+};
+iconSize: {
+type: PropType<string>;
+default: string;
+};
+disabled: {
+type: PropType<boolean>;
+default: any;
+};
+size: {
+type: PropType<string>;
+default: string;
+};
+rounded: {
+type: PropType<string>;
+default: string;
+};
+fillMode: {
+type: PropType<string>;
+default: string;
+};
+themeColor: {
+type: PropType<string>;
+default: string;
+};
+title: {
+type: PropType<string>;
+default: string;
+};
+ariaLabel: {
+type: PropType<string>;
+default: string;
+};
+}>, {
+clickHandler: () => void;
+isInActiveState: Ref<boolean, boolean>;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
+lang: {
+type: PropType<string>;
+default: string;
+};
+continuous: {
+type: PropType<boolean>;
+default: boolean;
+};
+interimResults: {
+type: PropType<boolean>;
+default: boolean;
+};
+maxAlternatives: {
+type: PropType<number>;
+default: number;
+};
+integrationMode: {
+type: PropType<"WebSpeech" | "None">;
+default: SpeechToTextButtonMode;
+};
+onStart: {
+type: PropType<() => void>;
+};
+onResult: {
+type: PropType<(event: SpeechToTextResultEvent) => void>;
+};
+onEnd: {
+type: PropType<() => void>;
+};
+onError: {
+type: PropType<(event: SpeechToTextErrorEvent) => void>;
+};
+svgIcon: {
+type: PropType<SVGIcon_2>;
+default: SVGIcon;
+};
+iconSize: {
+type: PropType<string>;
+default: string;
+};
+disabled: {
+type: PropType<boolean>;
+default: any;
+};
+size: {
+type: PropType<string>;
+default: string;
+};
+rounded: {
+type: PropType<string>;
+default: string;
+};
+fillMode: {
+type: PropType<string>;
+default: string;
+};
+themeColor: {
+type: PropType<string>;
+default: string;
+};
+title: {
+type: PropType<string>;
+default: string;
+};
+ariaLabel: {
+type: PropType<string>;
+default: string;
+};
+}>> & Readonly<{}>, {
+title: string;
+ariaLabel: string;
+themeColor: string;
+size: string;
+rounded: string;
+fillMode: string;
+iconSize: string;
+svgIcon: SVGIcon_2;
+disabled: boolean;
+lang: string;
+continuous: boolean;
+interimResults: boolean;
+maxAlternatives: number;
+integrationMode: "WebSpeech" | "None";
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
+export declare enum SpeechToTextButtonMode {
+    WebSpeech = "WebSpeech",
+    None = "None"
+}
+
+export declare interface SpeechToTextButtonProps extends Omit<ButtonProps, 'shape'> {
+    /**
+     * The language to use for speech recognition. Defaults to 'en-US'.
+     */
+    lang?: string;
+    /**
+     * Specifies whether the speech recognition should continue until explicitly stopped. Defaults to `true`.
+     */
+    continuous?: boolean;
+    /**
+     * Specifies whether to return interim results. Defaults to `true`.
+     */
+    interimResults?: boolean;
+    /**
+     * Specifies the maximum number of alternative transcriptions to return. Defaults to `1`.
+     */
+    maxAlternatives?: number;
+    /**
+     * Specifies which speech recognition engine or integration the component should use.
+     * This allows the component to operate in different environments or use alternative implementations.
+     */
+    integrationMode?: 'WebSpeech' | 'None';
+    /**
+     * Callback function that is called when speech recognition starts.
+     */
+    onStart?: () => void;
+    /**
+     * Callback function that is called when a speech recognition result is available.
+     * The event contains the `isFinal` flag and an array of alternatives.
+     */
+    onResult?: (event: SpeechToTextResultEvent) => void;
+    /**
+     * Callback function that is called when speech recognition ends.
+     */
+    onEnd?: () => void;
+    /**
+     * Callback function that is called when an error occurs during speech recognition.
+     */
+    onError?: (event: SpeechToTextErrorEvent) => void;
+    /**
+     * Method that helps you start the speech recognition process manually.
+     *
+     * @memberof SpeechToTextButtonProps
+     */
+    start(): void;
+    /**
+     * Method that helps you stop the speech recognition process manually.
+     *
+     * @memberof SpeechToTextButtonProps
+     */
+    stop(): void;
+    /**
+     * Method that checks if the speech recognition is currently active.
+     *
+     * @returns `true` if the speech recognition is active, otherwise `false`.
+     */
+    isActive(): boolean;
+}
+
+/**
+ * The event argument for the `error` event of the SpeechToTextButton.
+ */
+export declare interface SpeechToTextErrorEvent {
+    /**
+     * Message detailing the cause of the speech recognition error. Use this message for debugging or user feedback.
+     */
+    errorMessage: string;
+}
+
+/**
+ * The event argument for the `result` event of the SpeechToTextButton.
+ */
+export declare interface SpeechToTextResultEvent {
+    /**
+     * Indicates whether the speech recognition result is final (true) or interim (false).
+     */
+    isFinal: boolean;
+    /**
+     * An array of possible recognition alternatives returned by the speech engine.
+     */
+    alternatives: SpeechRecognitionAlternative_2[];
+}
+
 /**
  * @hidden
  */

package/index.d.ts

@@ -5,12 +5,14 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+import { ButtonProps } from '@progress/kendo-vue-buttons';
 import { ComponentOptionsMixin } from 'vue';
 import { ComponentProvideOptions } from 'vue';
 import { DefineComponent } from 'vue';
 import { ExtractPropTypes } from 'vue';
 import { PropType } from 'vue';
 import { PublicProps } from 'vue';
+import { Ref } from 'vue';
 import { SVGIcon } from '@progress/kendo-svg-icons';
 import { SVGIcon as SVGIcon_2 } from '@progress/kendo-vue-common';
 
@@ -368,6 +370,270 @@ export declare const outputViewDefaults: AIPromptToolbarItemInterface;
  */
 export declare const promptViewDefaults: AIPromptToolbarItemInterface;
 
+/**
+ * Represents a single recognition alternative from the speech engine.
+ */
+declare interface SpeechRecognitionAlternative_2 {
+    /**
+     * The transcript of the recognized speech.
+     */
+    transcript: string;
+    /**
+     * A confidence score for the transcript, between 0 and 1.
+     */
+    confidence: number;
+}
+export { SpeechRecognitionAlternative_2 as SpeechRecognitionAlternative }
+
+/**
+ * @hidden
+ */
+export declare const SpeechToTextButton: DefineComponent<ExtractPropTypes<    {
+lang: {
+type: PropType<string>;
+default: string;
+};
+continuous: {
+type: PropType<boolean>;
+default: boolean;
+};
+interimResults: {
+type: PropType<boolean>;
+default: boolean;
+};
+maxAlternatives: {
+type: PropType<number>;
+default: number;
+};
+integrationMode: {
+type: PropType<"WebSpeech" | "None">;
+default: SpeechToTextButtonMode;
+};
+onStart: {
+type: PropType<() => void>;
+};
+onResult: {
+type: PropType<(event: SpeechToTextResultEvent) => void>;
+};
+onEnd: {
+type: PropType<() => void>;
+};
+onError: {
+type: PropType<(event: SpeechToTextErrorEvent) => void>;
+};
+svgIcon: {
+type: PropType<SVGIcon_2>;
+default: SVGIcon;
+};
+iconSize: {
+type: PropType<string>;
+default: string;
+};
+disabled: {
+type: PropType<boolean>;
+default: any;
+};
+size: {
+type: PropType<string>;
+default: string;
+};
+rounded: {
+type: PropType<string>;
+default: string;
+};
+fillMode: {
+type: PropType<string>;
+default: string;
+};
+themeColor: {
+type: PropType<string>;
+default: string;
+};
+title: {
+type: PropType<string>;
+default: string;
+};
+ariaLabel: {
+type: PropType<string>;
+default: string;
+};
+}>, {
+clickHandler: () => void;
+isInActiveState: Ref<boolean, boolean>;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
+lang: {
+type: PropType<string>;
+default: string;
+};
+continuous: {
+type: PropType<boolean>;
+default: boolean;
+};
+interimResults: {
+type: PropType<boolean>;
+default: boolean;
+};
+maxAlternatives: {
+type: PropType<number>;
+default: number;
+};
+integrationMode: {
+type: PropType<"WebSpeech" | "None">;
+default: SpeechToTextButtonMode;
+};
+onStart: {
+type: PropType<() => void>;
+};
+onResult: {
+type: PropType<(event: SpeechToTextResultEvent) => void>;
+};
+onEnd: {
+type: PropType<() => void>;
+};
+onError: {
+type: PropType<(event: SpeechToTextErrorEvent) => void>;
+};
+svgIcon: {
+type: PropType<SVGIcon_2>;
+default: SVGIcon;
+};
+iconSize: {
+type: PropType<string>;
+default: string;
+};
+disabled: {
+type: PropType<boolean>;
+default: any;
+};
+size: {
+type: PropType<string>;
+default: string;
+};
+rounded: {
+type: PropType<string>;
+default: string;
+};
+fillMode: {
+type: PropType<string>;
+default: string;
+};
+themeColor: {
+type: PropType<string>;
+default: string;
+};
+title: {
+type: PropType<string>;
+default: string;
+};
+ariaLabel: {
+type: PropType<string>;
+default: string;
+};
+}>> & Readonly<{}>, {
+title: string;
+ariaLabel: string;
+themeColor: string;
+size: string;
+rounded: string;
+fillMode: string;
+iconSize: string;
+svgIcon: SVGIcon_2;
+disabled: boolean;
+lang: string;
+continuous: boolean;
+interimResults: boolean;
+maxAlternatives: number;
+integrationMode: "WebSpeech" | "None";
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
+export declare enum SpeechToTextButtonMode {
+    WebSpeech = "WebSpeech",
+    None = "None"
+}
+
+export declare interface SpeechToTextButtonProps extends Omit<ButtonProps, 'shape'> {
+    /**
+     * The language to use for speech recognition. Defaults to 'en-US'.
+     */
+    lang?: string;
+    /**
+     * Specifies whether the speech recognition should continue until explicitly stopped. Defaults to `true`.
+     */
+    continuous?: boolean;
+    /**
+     * Specifies whether to return interim results. Defaults to `true`.
+     */
+    interimResults?: boolean;
+    /**
+     * Specifies the maximum number of alternative transcriptions to return. Defaults to `1`.
+     */
+    maxAlternatives?: number;
+    /**
+     * Specifies which speech recognition engine or integration the component should use.
+     * This allows the component to operate in different environments or use alternative implementations.
+     */
+    integrationMode?: 'WebSpeech' | 'None';
+    /**
+     * Callback function that is called when speech recognition starts.
+     */
+    onStart?: () => void;
+    /**
+     * Callback function that is called when a speech recognition result is available.
+     * The event contains the `isFinal` flag and an array of alternatives.
+     */
+    onResult?: (event: SpeechToTextResultEvent) => void;
+    /**
+     * Callback function that is called when speech recognition ends.
+     */
+    onEnd?: () => void;
+    /**
+     * Callback function that is called when an error occurs during speech recognition.
+     */
+    onError?: (event: SpeechToTextErrorEvent) => void;
+    /**
+     * Method that helps you start the speech recognition process manually.
+     *
+     * @memberof SpeechToTextButtonProps
+     */
+    start(): void;
+    /**
+     * Method that helps you stop the speech recognition process manually.
+     *
+     * @memberof SpeechToTextButtonProps
+     */
+    stop(): void;
+    /**
+     * Method that checks if the speech recognition is currently active.
+     *
+     * @returns `true` if the speech recognition is active, otherwise `false`.
+     */
+    isActive(): boolean;
+}
+
+/**
+ * The event argument for the `error` event of the SpeechToTextButton.
+ */
+export declare interface SpeechToTextErrorEvent {
+    /**
+     * Message detailing the cause of the speech recognition error. Use this message for debugging or user feedback.
+     */
+    errorMessage: string;
+}
+
+/**
+ * The event argument for the `result` event of the SpeechToTextButton.
+ */
+export declare interface SpeechToTextResultEvent {
+    /**
+     * Indicates whether the speech recognition result is final (true) or interim (false).
+     */
+    isFinal: boolean;
+    /**
+     * An array of possible recognition alternatives returned by the speech engine.
+     */
+    alternatives: SpeechRecognitionAlternative_2[];
+}
+
 /**
  * @hidden
  */

package/index.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./ai-prompt/AIPrompt.js"),m=require("./ai-prompt/AIPromptHeader.js"),p=require("./ai-prompt/AIPromptFooter.js"),i=require("./ai-prompt/AIPromptContent.js"),e=require("./ai-prompt/views/AIPromptView.js"),t=require("./ai-prompt/views/AIPromptOutputView.js"),r=require("./ai-prompt/views/AIPromptCommandsView.js"),u=require("./ai-prompt/views/AIPromptViewRender.js");exports.AIPrompt=o.AIPrompt;exports.AIPromptHeader=m.AIPromptHeader;exports.AIPromptFooter=p.AIPromptFooter;exports.AIPromptContent=i.AIPromptContent;exports.AIPromptView=e.AIPromptView;exports.promptViewDefaults=e.promptViewDefaults;exports.AIPromptOutputRating=t.AIPromptOutputRating;exports.AIPromptOutputView=t.AIPromptOutputView;exports.outputViewDefaults=t.outputViewDefaults;exports.AIPromptCommandsView=r.AIPromptCommandsView;exports.commandsViewDefaults=r.commandsViewDefaults;exports.AIPromptViewRender=u.AIPromptViewRender;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("./ai-prompt/AIPrompt.js"),m=require("./ai-prompt/AIPromptHeader.js"),u=require("./ai-prompt/AIPromptFooter.js"),i=require("./ai-prompt/AIPromptContent.js"),e=require("./ai-prompt/views/AIPromptView.js"),t=require("./ai-prompt/views/AIPromptOutputView.js"),o=require("./ai-prompt/views/AIPromptCommandsView.js"),n=require("./ai-prompt/views/AIPromptViewRender.js"),r=require("./speech-to-text/SpeechToTextButton.js");exports.AIPrompt=p.AIPrompt;exports.AIPromptHeader=m.AIPromptHeader;exports.AIPromptFooter=u.AIPromptFooter;exports.AIPromptContent=i.AIPromptContent;exports.AIPromptView=e.AIPromptView;exports.promptViewDefaults=e.promptViewDefaults;exports.AIPromptOutputRating=t.AIPromptOutputRating;exports.AIPromptOutputView=t.AIPromptOutputView;exports.outputViewDefaults=t.outputViewDefaults;exports.AIPromptCommandsView=o.AIPromptCommandsView;exports.commandsViewDefaults=o.commandsViewDefaults;exports.AIPromptViewRender=n.AIPromptViewRender;exports.SpeechToTextButton=r.SpeechToTextButton;exports.SpeechToTextButtonMode=r.SpeechToTextButtonMode;

package/index.mjs

@@ -5,25 +5,28 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { AIPrompt as r } from "./ai-prompt/AIPrompt.mjs";
-import { AIPromptHeader as m } from "./ai-prompt/AIPromptHeader.mjs";
+import { AIPrompt as e } from "./ai-prompt/AIPrompt.mjs";
+import { AIPromptHeader as p } from "./ai-prompt/AIPromptHeader.mjs";
 import { AIPromptFooter as f } from "./ai-prompt/AIPromptFooter.mjs";
-import { AIPromptContent as A } from "./ai-prompt/AIPromptContent.mjs";
-import { AIPromptView as P, promptViewDefaults as i } from "./ai-prompt/views/AIPromptView.mjs";
-import { AIPromptOutputRating as a, AIPromptOutputView as w, outputViewDefaults as V } from "./ai-prompt/views/AIPromptOutputView.mjs";
-import { AIPromptCommandsView as s, commandsViewDefaults as d } from "./ai-prompt/views/AIPromptCommandsView.mjs";
-import { AIPromptViewRender as D } from "./ai-prompt/views/AIPromptViewRender.mjs";
+import { AIPromptContent as x } from "./ai-prompt/AIPromptContent.mjs";
+import { AIPromptView as I, promptViewDefaults as P } from "./ai-prompt/views/AIPromptView.mjs";
+import { AIPromptOutputRating as n, AIPromptOutputView as a, outputViewDefaults as w } from "./ai-prompt/views/AIPromptOutputView.mjs";
+import { AIPromptCommandsView as d, commandsViewDefaults as s } from "./ai-prompt/views/AIPromptCommandsView.mjs";
+import { AIPromptViewRender as c } from "./ai-prompt/views/AIPromptViewRender.mjs";
+import { SpeechToTextButton as D, SpeechToTextButtonMode as h } from "./speech-to-text/SpeechToTextButton.mjs";
 export {
-  r as AIPrompt,
-  s as AIPromptCommandsView,
-  A as AIPromptContent,
+  e as AIPrompt,
+  d as AIPromptCommandsView,
+  x as AIPromptContent,
   f as AIPromptFooter,
-  m as AIPromptHeader,
-  a as AIPromptOutputRating,
-  w as AIPromptOutputView,
-  P as AIPromptView,
-  D as AIPromptViewRender,
-  d as commandsViewDefaults,
-  V as outputViewDefaults,
-  i as promptViewDefaults
+  p as AIPromptHeader,
+  n as AIPromptOutputRating,
+  a as AIPromptOutputView,
+  I as AIPromptView,
+  c as AIPromptViewRender,
+  D as SpeechToTextButton,
+  h as SpeechToTextButtonMode,
+  s as commandsViewDefaults,
+  w as outputViewDefaults,
+  P as promptViewDefaults
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-vue-conversational-ui",
-  "version": "6.4.1",
+  "version": "6.5.0-develop.1",
   "description": "TODO",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -19,11 +19,11 @@
   "sideEffects": false,
   "peerDependencies": {
     "@progress/kendo-licensing": "^1.4.0",
-    "@progress/kendo-vue-buttons": "6.4.1",
-    "@progress/kendo-vue-common": "6.4.1",
-    "@progress/kendo-vue-intl": "6.4.1",
-    "@progress/kendo-vue-inputs": "6.4.1",
-    "@progress/kendo-vue-layout": "6.4.1",
+    "@progress/kendo-vue-buttons": "6.5.0-develop.1",
+    "@progress/kendo-vue-common": "6.5.0-develop.1",
+    "@progress/kendo-vue-intl": "6.5.0-develop.1",
+    "@progress/kendo-vue-inputs": "6.5.0-develop.1",
+    "@progress/kendo-vue-layout": "6.5.0-develop.1",
     "@progress/kendo-svg-icons": "^4.0.0",
     "vue": "^3.0.2"
   },

package/speech-to-text/SpeechToTextButton.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2025 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 i=require("vue"),M=require("@progress/kendo-webspeech-common"),R=require("@progress/kendo-vue-buttons"),h=require("@progress/kendo-svg-icons");function B(e){return new M.KendoSpeechRecognition(e)}let d=function(e){return e.WebSpeech="WebSpeech",e.None="None",e}({});const T=i.defineComponent({name:"KendoSpeechToTextButton",props:{lang:{type:String,default:"en-US"},continuous:{type:Boolean,default:!1},interimResults:{type:Boolean,default:!1},maxAlternatives:{type:Number,default:1},integrationMode:{type:String,default:d.WebSpeech},onStart:{type:Function},onResult:{type:Function},onEnd:{type:Function},onError:{type:Function},svgIcon:{type:Object,default:h.microphoneOutlineIcon},iconSize:{type:String,default:"medium"},disabled:{type:Boolean,default:void 0},size:{type:String,default:"medium"},rounded:{type:String,default:"medium"},fillMode:{type:String,default:"solid"},themeColor:{type:String,default:"base"},title:{type:String,default:"Speech to Text Button"},ariaLabel:{type:String,default:"Start speech recognition"}},setup(e,{emit:l,expose:f}){const o=i.ref(null),n=i.ref(!1),S=()=>{var t;return(t=o.value)==null?void 0:t.isActive()},r=()=>e.integrationMode!==d.None,u=()=>{var t;n.value||(r&&((t=o.value)==null||t.start()),n.value=!0)},a=()=>{var t;n.value&&(r&&((t=o.value)==null||t.stop()),n.value=!1)},v=()=>{n.value?c():s()},s=async()=>{n.value||e.onStart&&(await e.onStart(),u())},g=t=>{const p=t.results,A=p.length-1,b=p[A],x=Array.from(b).map(I=>({transcript:I.transcript,confidence:I.confidence}));l("result",{isFinal:b.isFinal,alternatives:x})},c=async()=>{n.value&&e.onEnd&&(await e.onEnd(),a())},m=t=>{l("error",t)},y=()=>{var t;e.integrationMode===d.WebSpeech&&((t=o.value)!=null&&t.isActive()&&a(),o.value=B({lang:e.lang,continuous:e.continuous,interimResults:e.interimResults,integrationMode:e.integrationMode,maxAlternatives:e.maxAlternatives,events:{start:s,result:g,end:c,error:m}}))};return i.watch(()=>({lang:e.lang,continuous:e.continuous,interimResults:e.interimResults,integrationMode:e.integrationMode,maxAlternatives:e.maxAlternatives}),()=>{y()},{deep:!0}),i.onMounted(()=>{y()}),i.onUnmounted(()=>{var t;(t=o.value)!=null&&t.isInActiveState&&a()}),f({start:u,stop:a,isActive:S}),{clickHandler:v,isInActiveState:n}},render(){const{ariaLabel:e,svgIcon:l,fillMode:f,rounded:o,size:n,disabled:S,themeColor:r,iconSize:u,title:a}=this.$props,{className:v,style:s,id:g}=this.$attrs,c=i.computed(()=>["k-speech-to-text-button",v,{"k-listening":this.isInActiveState}]),m=i.computed(()=>this.isInActiveState?h.stopSmIcon:l||h.microphoneOutlineIcon);return i.createVNode(R.Button,{id:g,style:s,class:c.value,onClick:this.clickHandler,svgIcon:m.value,iconSize:u,fillMode:f,rounded:o,size:n,themeColor:r,"aria-label":e,disabled:S,title:a},null)}});exports.SpeechToTextButton=T;exports.SpeechToTextButtonMode=d;

package/speech-to-text/SpeechToTextButton.mjs

@@ -0,0 +1,198 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { defineComponent as M, computed as b, createVNode as z, ref as A, watch as B, onMounted as C, onUnmounted as E } from "vue";
+import { KendoSpeechRecognition as F } from "@progress/kendo-webspeech-common";
+import { Button as H } from "@progress/kendo-vue-buttons";
+import { microphoneOutlineIcon as I, stopSmIcon as N } from "@progress/kendo-svg-icons";
+function k(e) {
+  return new F(e);
+}
+let S = /* @__PURE__ */ function(e) {
+  return e.WebSpeech = "WebSpeech", e.None = "None", e;
+}({});
+const L = /* @__PURE__ */ M({
+  name: "KendoSpeechToTextButton",
+  props: {
+    lang: {
+      type: String,
+      default: "en-US"
+    },
+    continuous: {
+      type: Boolean,
+      default: !1
+    },
+    interimResults: {
+      type: Boolean,
+      default: !1
+    },
+    maxAlternatives: {
+      type: Number,
+      default: 1
+    },
+    integrationMode: {
+      type: String,
+      default: S.WebSpeech
+    },
+    onStart: {
+      type: Function
+    },
+    onResult: {
+      type: Function
+    },
+    onEnd: {
+      type: Function
+    },
+    onError: {
+      type: Function
+    },
+    svgIcon: {
+      type: Object,
+      default: I
+    },
+    iconSize: {
+      type: String,
+      default: "medium"
+    },
+    disabled: {
+      type: Boolean,
+      default: void 0
+    },
+    size: {
+      type: String,
+      default: "medium"
+    },
+    rounded: {
+      type: String,
+      default: "medium"
+    },
+    fillMode: {
+      type: String,
+      default: "solid"
+    },
+    themeColor: {
+      type: String,
+      default: "base"
+    },
+    title: {
+      type: String,
+      default: "Speech to Text Button"
+    },
+    ariaLabel: {
+      type: String,
+      default: "Start speech recognition"
+    }
+  },
+  setup(e, {
+    emit: a,
+    expose: c
+  }) {
+    const i = A(null), n = A(!1), d = () => {
+      var t;
+      return (t = i.value) == null ? void 0 : t.isActive();
+    }, l = () => e.integrationMode !== S.None, r = () => {
+      var t;
+      n.value || (l && ((t = i.value) == null || t.start()), n.value = !0);
+    }, o = () => {
+      var t;
+      n.value && (l && ((t = i.value) == null || t.stop()), n.value = !1);
+    }, f = () => {
+      n.value ? u() : s();
+    }, s = async () => {
+      n.value || e.onStart && (await e.onStart(), r());
+    }, m = (t) => {
+      const h = t.results, R = h.length - 1, y = h[R], x = Array.from(y).map((p) => ({
+        transcript: p.transcript,
+        confidence: p.confidence
+      }));
+      a("result", {
+        isFinal: y.isFinal,
+        alternatives: x
+      });
+    }, u = async () => {
+      n.value && e.onEnd && (await e.onEnd(), o());
+    }, v = (t) => {
+      a("error", t);
+    }, g = () => {
+      var t;
+      e.integrationMode === S.WebSpeech && ((t = i.value) != null && t.isActive() && o(), i.value = k({
+        lang: e.lang,
+        continuous: e.continuous,
+        interimResults: e.interimResults,
+        integrationMode: e.integrationMode,
+        maxAlternatives: e.maxAlternatives,
+        events: {
+          start: s,
+          result: m,
+          end: u,
+          error: v
+        }
+      }));
+    };
+    return B(() => ({
+      lang: e.lang,
+      continuous: e.continuous,
+      interimResults: e.interimResults,
+      integrationMode: e.integrationMode,
+      maxAlternatives: e.maxAlternatives
+    }), () => {
+      g();
+    }, {
+      deep: !0
+    }), C(() => {
+      g();
+    }), E(() => {
+      var t;
+      (t = i.value) != null && t.isInActiveState && o();
+    }), c({
+      start: r,
+      stop: o,
+      isActive: d
+    }), {
+      clickHandler: f,
+      isInActiveState: n
+    };
+  },
+  render() {
+    const {
+      ariaLabel: e,
+      svgIcon: a,
+      fillMode: c,
+      rounded: i,
+      size: n,
+      disabled: d,
+      themeColor: l,
+      iconSize: r,
+      title: o
+    } = this.$props, {
+      className: f,
+      style: s,
+      id: m
+    } = this.$attrs, u = b(() => ["k-speech-to-text-button", f, {
+      "k-listening": this.isInActiveState
+    }]), v = b(() => this.isInActiveState ? N : a || I);
+    return z(H, {
+      id: m,
+      style: s,
+      class: u.value,
+      onClick: this.clickHandler,
+      svgIcon: v.value,
+      iconSize: r,
+      fillMode: c,
+      rounded: i,
+      size: n,
+      themeColor: l,
+      "aria-label": e,
+      disabled: d,
+      title: o
+    }, null);
+  }
+});
+export {
+  L as SpeechToTextButton,
+  S as SpeechToTextButtonMode
+};