@progress/kendo-vue-conversational-ui 6.5.0-develop.3 → 6.5.0-develop.4

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"),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}));
+!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}));

package/index.d.mts

@@ -5,14 +5,12 @@
  * 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';
 
@@ -370,270 +368,6 @@ 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,14 +5,12 @@
  * 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';
 
@@ -370,270 +368,6 @@ 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 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;
+"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;

package/index.mjs

@@ -5,28 +5,25 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { AIPrompt as e } from "./ai-prompt/AIPrompt.mjs";
-import { AIPromptHeader as p } from "./ai-prompt/AIPromptHeader.mjs";
+import { AIPrompt as r } from "./ai-prompt/AIPrompt.mjs";
+import { AIPromptHeader as m } from "./ai-prompt/AIPromptHeader.mjs";
 import { AIPromptFooter as f } from "./ai-prompt/AIPromptFooter.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";
+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";
 export {
-  e as AIPrompt,
-  d as AIPromptCommandsView,
-  x as AIPromptContent,
+  r as AIPrompt,
+  s as AIPromptCommandsView,
+  A as AIPromptContent,
   f as AIPromptFooter,
-  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
+  m as AIPromptHeader,
+  a as AIPromptOutputRating,
+  w as AIPromptOutputView,
+  P as AIPromptView,
+  D as AIPromptViewRender,
+  d as commandsViewDefaults,
+  V as outputViewDefaults,
+  i as promptViewDefaults
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-vue-conversational-ui",
-  "version": "6.5.0-develop.3",
+  "version": "6.5.0-develop.4",
   "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.5.0-develop.3",
-    "@progress/kendo-vue-common": "6.5.0-develop.3",
-    "@progress/kendo-vue-intl": "6.5.0-develop.3",
-    "@progress/kendo-vue-inputs": "6.5.0-develop.3",
-    "@progress/kendo-vue-layout": "6.5.0-develop.3",
+    "@progress/kendo-vue-buttons": "6.5.0-develop.4",
+    "@progress/kendo-vue-common": "6.5.0-develop.4",
+    "@progress/kendo-vue-intl": "6.5.0-develop.4",
+    "@progress/kendo-vue-inputs": "6.5.0-develop.4",
+    "@progress/kendo-vue-layout": "6.5.0-develop.4",
     "@progress/kendo-svg-icons": "^4.0.0",
     "vue": "^3.0.2"
   },

package/speech-to-text/SpeechToTextButton.js

@@ -1,8 +0,0 @@
-/**
- * @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

@@ -1,198 +0,0 @@
-/**
- * @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
-};