@progress/kendo-vue-conversational-ui 8.1.0-develop.4 → 8.1.0-develop.5

package/prompt-box/FileBox.mjs

@@ -0,0 +1,140 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { defineComponent as h, h as u, createVNode as r, mergeProps as d, nextTick as a } from "vue";
+import { Button as m } from "@progress/kendo-vue-buttons";
+import { getTemplate as f, classNames as S, Icon as v, getFileExtensionIcon as L } from "@progress/kendo-vue-common";
+import { xMarkSmOutlineIcon as g } from "@progress/kendo-svg-icons";
+import { provideLocalizationService as b } from "@progress/kendo-vue-intl";
+import { promptBoxRemoveFile as c, messages as F } from "../messages/main.mjs";
+const k = "k-prompt-box", x = 1, z = (e) => "." + (e.split(".").pop() || ""), R = (e) => {
+  if (e == null)
+    return "";
+  if (e === 0)
+    return "0 B";
+  const t = 1024, s = ["B", "KB", "MB", "GB", "TB"], n = Math.floor(Math.log(e) / Math.log(t));
+  return `${Number.parseFloat((e / Math.pow(t, n)).toFixed(2))} ${s[n]}`;
+}, _ = /* @__PURE__ */ h({
+  name: "KendoFileBox",
+  props: {
+    files: {
+      type: Array,
+      required: !0
+    },
+    onRemoveFile: {
+      type: Function,
+      required: !0
+    },
+    header: {
+      type: [Object, Function, String],
+      default: void 0
+    }
+  },
+  inject: {
+    kendoLocalizationService: {
+      default: null
+    }
+  },
+  data() {
+    return {
+      canScrollRight: !1,
+      canScrollLeft: !1,
+      resizeObserver: null
+    };
+  },
+  watch: {
+    files: {
+      handler() {
+        a(() => {
+          this.setupScrollListeners(), this.updateScrollState();
+        });
+      },
+      deep: !0
+    }
+  },
+  mounted() {
+    a(() => {
+      this.setupScrollListeners(), this.updateScrollState();
+    });
+  },
+  beforeUnmount() {
+    this.cleanupScrollListeners();
+  },
+  methods: {
+    setupScrollListeners() {
+      const e = this.$refs.scrollContainer;
+      if (!e) {
+        this.cleanupScrollListeners();
+        return;
+      }
+      this._scrollContainer !== e && (this.cleanupScrollListeners(), e.addEventListener("scroll", this.updateScrollState, {
+        passive: !0
+      }), this.resizeObserver = new ResizeObserver(() => this.updateScrollState()), this.resizeObserver.observe(e), this._scrollContainer = e);
+    },
+    cleanupScrollListeners() {
+      this._scrollContainer && (this._scrollContainer.removeEventListener("scroll", this.updateScrollState), this._scrollContainer = null), this.resizeObserver && (this.resizeObserver.disconnect(), this.resizeObserver = null);
+    },
+    updateScrollState() {
+      const e = this.$refs.scrollContainer;
+      if (!e)
+        return;
+      const {
+        scrollLeft: t,
+        scrollWidth: s,
+        clientWidth: n
+      } = e, o = t === 0, i = t + n >= s - x;
+      this.canScrollLeft = !o, this.canScrollRight = !i;
+    },
+    handleRemoveFile(e, t) {
+      t.stopPropagation(), this.$props.onRemoveFile && this.$props.onRemoveFile(e);
+    }
+  },
+  render() {
+    const e = b(this), {
+      files: t,
+      header: s
+    } = this.$props;
+    if (t.length === 0 && !s)
+      return null;
+    const n = f.call(this, {
+      h: u,
+      template: s,
+      defaultRendering: null
+    }), o = e.toLanguageString(c, F[c]), i = t.length > 0 && r("ul", {
+      class: S("k-file-box-wrapper", {
+        "k-file-box-wrapper-scrollable-start": this.canScrollRight,
+        "k-file-box-wrapper-scrollable-end": this.canScrollLeft
+      })
+    }, [r("div", {
+      class: "k-files-scroll",
+      ref: "scrollContainer"
+    }, [t.map((l) => r("li", {
+      key: l.name,
+      class: "k-file-box"
+    }, [r(v, d({
+      size: "xlarge"
+    }, L(z(l.name))), null), r("div", {
+      class: "k-file-info"
+    }, [r("span", {
+      class: "k-file-name"
+    }, [l.name]), r("span", {
+      class: "k-file-size"
+    }, [R(l.size)])]), r(m, {
+      fillMode: "flat",
+      svgIcon: g,
+      onClick: (p) => this.handleRemoveFile(l.name, p),
+      "aria-label": `${o} ${l.name}`,
+      title: `${o} ${l.name}`
+    }, null)]))])]);
+    return r("div", {
+      class: `${k}-header`
+    }, [n, i]);
+  }
+});
+export {
+  _ as FileBox
+};

package/prompt-box/PromptBox.d.ts

@@ -0,0 +1,180 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { PropType } from 'vue';
+import { AffixTemplateProps, UploadButtonProps } from './interfaces/PromptBoxProps';
+import { PromptBoxBlurEvent, PromptBoxChangeEvent, PromptBoxFocusEvent, PromptBoxPromptActionEvent } from './Events';
+import { UploadFileInfo, UploadOnAddEvent } from '@progress/kendo-vue-upload';
+import { SpeechToTextResultEvent } from '@progress/kendo-vue-buttons';
+/**
+ * Represents the PromptBox component.
+ */
+declare const PromptBox: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    value: PropType<string>;
+    defaultValue: {
+        type: PropType<string>;
+        default: string;
+    };
+    mode: {
+        type: PropType<import('./interfaces/PromptBoxProps').PromptBoxMode>;
+        default: string;
+    };
+    rows: {
+        type: PropType<number>;
+        default: number;
+    };
+    maxTextAreaHeight: PropType<string>;
+    title: PropType<string>;
+    disabled: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    readOnly: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    placeholder: PropType<string>;
+    maxLength: PropType<number>;
+    inputAttributes: PropType<Record<string, any>>;
+    fillMode: PropType<"flat" | "solid" | "outline">;
+    topAffix: PropType<any>;
+    startAffix: PropType<any>;
+    endAffix: PropType<any>;
+    header: PropType<any>;
+    loading: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    uploadButtonConfig: {
+        type: PropType<boolean | UploadButtonProps>;
+        default: boolean;
+    };
+    speechToTextButtonConfig: {
+        type: PropType<boolean | import('@progress/kendo-vue-buttons').SpeechToTextButtonProps>;
+        default: boolean;
+    };
+    actionButtonConfig: {
+        type: PropType<boolean | import('@progress/kendo-vue-buttons').ButtonProps>;
+        default: boolean;
+    };
+    attachments: PropType<UploadFileInfo[]>;
+}>, {}, {
+    stateValue: string;
+    stateFiles: UploadFileInfo[];
+    hasExpanded: boolean;
+    initialHeight: number;
+    minMultiRowHeight: number;
+    isResizing: boolean;
+    previousValueLength: number;
+    singleLineWidth: number;
+    resizeObserver: ResizeObserver;
+    resizeTimeout: NodeJS.Timeout;
+    onRemoveAttachmentCallback: (fileName: string) => void;
+}, {
+    isControlled(): boolean;
+    currentValue(): string;
+    isFilesControlled(): boolean;
+    currentFiles(): UploadFileInfo[];
+    canSendMessage(): boolean;
+    isMultilineLayout(): boolean;
+    hasBuiltInButtons(): boolean;
+    hasEndAffixOrButtons(): boolean;
+    hasStartAffixOrEndAffixOrButtons(): boolean;
+    effectiveRows(): number;
+}, {
+    captureInitialDimensions(): void;
+    calculateHeight(scrollHeight: number): number;
+    resizeMultiMode(textarea: HTMLTextAreaElement): void;
+    updateHeight(textarea: HTMLTextAreaElement): void;
+    shouldCollapse(textarea: HTMLTextAreaElement): boolean;
+    resizeAutoMode(textarea: HTMLTextAreaElement, valueLength: number): void;
+    resize(): void;
+    setupResizeObserver(): void;
+    cleanupResizeObserver(): void;
+    handleChange(event: Event): void;
+    handleFocus(event: FocusEvent): void;
+    handleBlur(event: FocusEvent): void;
+    handleButtonMouseDown(event: MouseEvent): void;
+    handleActionButtonClick(event: Event): void;
+    handleKeyDown(event: KeyboardEvent): void;
+    handleSpeechResult(event: SpeechToTextResultEvent): void;
+    handleUploadButtonClick(): void;
+    onFilesSelect(event: UploadOnAddEvent): void;
+    handleRemoveFile(fileName: string): void;
+    renderAffix(affix: any, affixProps: AffixTemplateProps): any;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (_event: PromptBoxChangeEvent) => true;
+    focus: (_event: PromptBoxFocusEvent) => true;
+    blur: (_event: PromptBoxBlurEvent) => true;
+    promptaction: (_event: PromptBoxPromptActionEvent) => true;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    value: PropType<string>;
+    defaultValue: {
+        type: PropType<string>;
+        default: string;
+    };
+    mode: {
+        type: PropType<import('./interfaces/PromptBoxProps').PromptBoxMode>;
+        default: string;
+    };
+    rows: {
+        type: PropType<number>;
+        default: number;
+    };
+    maxTextAreaHeight: PropType<string>;
+    title: PropType<string>;
+    disabled: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    readOnly: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    placeholder: PropType<string>;
+    maxLength: PropType<number>;
+    inputAttributes: PropType<Record<string, any>>;
+    fillMode: PropType<"flat" | "solid" | "outline">;
+    topAffix: PropType<any>;
+    startAffix: PropType<any>;
+    endAffix: PropType<any>;
+    header: PropType<any>;
+    loading: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    uploadButtonConfig: {
+        type: PropType<boolean | UploadButtonProps>;
+        default: boolean;
+    };
+    speechToTextButtonConfig: {
+        type: PropType<boolean | import('@progress/kendo-vue-buttons').SpeechToTextButtonProps>;
+        default: boolean;
+    };
+    actionButtonConfig: {
+        type: PropType<boolean | import('@progress/kendo-vue-buttons').ButtonProps>;
+        default: boolean;
+    };
+    attachments: PropType<UploadFileInfo[]>;
+}>> & Readonly<{
+    onBlur?: (_event: PromptBoxBlurEvent) => any;
+    onChange?: (_event: PromptBoxChangeEvent) => any;
+    onFocus?: (_event: PromptBoxFocusEvent) => any;
+    onPromptaction?: (_event: PromptBoxPromptActionEvent) => any;
+}>, {
+    disabled: boolean;
+    loading: boolean;
+    defaultValue: string;
+    mode: import('./interfaces/PromptBoxProps').PromptBoxMode;
+    rows: number;
+    readOnly: boolean;
+    uploadButtonConfig: boolean;
+    speechToTextButtonConfig: boolean | import('@progress/kendo-vue-buttons').SpeechToTextButtonProps;
+    actionButtonConfig: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { PromptBox };
+export type { PromptBoxProps } from './interfaces/PromptBoxProps';

package/prompt-box/PromptBox.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 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 s=require("vue"),h=require("@progress/kendo-vue-common"),y=require("@progress/kendo-svg-icons"),I=require("./PromptBoxActionButton.js"),j=require("./PromptBoxSpeechToTextButton.js"),_=require("./PromptBoxUploadButton.js"),D=require("./FileBox.js"),S=require("../package-metadata.js"),q=require("@progress/kendo-vue-intl"),o=require("../messages/main.js"),l="k-prompt-box",U=20,W=50,G=s.defineComponent({name:"KendoPromptBox",emits:{change:e=>!0,focus:e=>!0,blur:e=>!0,promptaction:e=>!0},props:{value:String,defaultValue:{type:String,default:""},mode:{type:String,default:"auto"},rows:{type:Number,default:1},maxTextAreaHeight:String,title:String,disabled:{type:Boolean,default:!1},readOnly:{type:Boolean,default:!1},placeholder:String,maxLength:Number,inputAttributes:Object,fillMode:String,topAffix:[Object,Function,String],startAffix:[Object,Function,String],endAffix:[Object,Function,String],header:[Object,Function,String],loading:{type:Boolean,default:!1},uploadButtonConfig:{type:[Boolean,Object],default:!1},speechToTextButtonConfig:{type:[Boolean,Object],default:!0},actionButtonConfig:{type:[Boolean,Object],default:!0},attachments:Array},inject:{kendoLocalizationService:{default:null}},created(){h.validatePackage(S.packageMetadata),this._uploadRef=s.ref(null)},data(){return{stateValue:this.$props.defaultValue||"",stateFiles:[],hasExpanded:!1,initialHeight:0,minMultiRowHeight:0,isResizing:!1,previousValueLength:0,singleLineWidth:0,resizeObserver:null,resizeTimeout:null,onRemoveAttachmentCallback:null}},computed:{isControlled(){return this.$props.value!==void 0},currentValue(){return this.isControlled?this.$props.value||"":this.stateValue},isFilesControlled(){return this.$props.attachments!==void 0},currentFiles(){return this.isFilesControlled?this.$props.attachments||[]:this.stateFiles},canSendMessage(){var e;return!!((e=this.currentValue)!=null&&e.trim()||this.currentFiles.length>0)},isMultilineLayout(){return this.$props.mode==="multi"||this.$props.mode==="auto"&&this.hasExpanded},hasBuiltInButtons(){return this.$props.uploadButtonConfig!==!1||this.$props.speechToTextButtonConfig!==!1||this.$props.actionButtonConfig!==!1},hasEndAffixOrButtons(){return!!this.$props.endAffix||this.hasBuiltInButtons},hasStartAffixOrEndAffixOrButtons(){return!!this.$props.startAffix||!!this.$props.endAffix||this.hasBuiltInButtons},effectiveRows(){return this.$props.mode==="auto"?1:this.$props.rows}},watch:{currentValue(e){if(this.$props.mode==="single")return;const t=(e==null?void 0:e.length)||0;requestAnimationFrame(()=>{const i=this.$refs.inputElement;i&&(this.$props.mode==="multi"?this.resizeMultiMode(i):this.$props.mode==="auto"&&this.resizeAutoMode(i,t),this.previousValueLength=t)})},rows(){this.$props.mode!=="single"&&(this.captureInitialDimensions(),this.resize())},maxTextAreaHeight(){this.$props.mode!=="single"&&this.resize()},mode(){this.$props.mode!=="single"&&s.nextTick(()=>{this.captureInitialDimensions(),this.resize()})},hasExpanded(e){if(this.$props.mode==="auto"&&e&&requestAnimationFrame(()=>{const t=this.$refs.inputElement;t&&(this.updateHeight(t),this.isResizing=!1)}),this.$props.mode==="auto"&&!e){const t=this.$refs.inputElement;t&&(t.style.height="",t.style.overflow="",this.isResizing=!1)}}},mounted(){this.$props.mode!=="single"&&this.captureInitialDimensions(),this.setupResizeObserver()},beforeUnmount(){this.cleanupResizeObserver()},methods:{captureInitialDimensions(){const e=this.$refs.inputElement;if(!e||this.$props.mode==="single")return;const t=globalThis.getComputedStyle(e),i=Number.parseFloat(t.lineHeight)||U,n=Number.parseFloat(t.paddingTop)||0,r=Number.parseFloat(t.paddingBottom)||0;this.initialHeight=e.offsetHeight||i+n+r,this.minMultiRowHeight=i*this.$props.rows+n+r,this.$props.mode==="auto"&&!this.hasExpanded&&(this.singleLineWidth=e.offsetWidth)},calculateHeight(e){if(this.$props.maxTextAreaHeight){const t=Number.parseInt(this.$props.maxTextAreaHeight,10);if(e>t)return t}return Math.max(this.minMultiRowHeight,e)},resizeMultiMode(e){e.style.overflow="hidden",e.style.height=`${this.initialHeight}px`;const t=e.scrollHeight,i=this.calculateHeight(t);e.style.height=`${i}px`,this.$props.maxTextAreaHeight&&t>Number.parseInt(this.$props.maxTextAreaHeight,10)&&(e.style.overflow="")},updateHeight(e){e.style.overflow="hidden",e.style.height=`${this.initialHeight}px`;const t=e.scrollHeight,i=this.$props.maxTextAreaHeight?Math.min(t,Number.parseInt(this.$props.maxTextAreaHeight,10)):t;e.style.height=`${i}px`,this.$props.maxTextAreaHeight&&t>Number.parseInt(this.$props.maxTextAreaHeight,10)&&(e.style.overflow="")},shouldCollapse(e){if(this.singleLineWidth<=0)return!1;const t=e.style.height,i=e.style.width;e.style.overflow="hidden",e.style.width=`${this.singleLineWidth}px`,e.style.height=`${this.initialHeight}px`;const n=e.scrollWidth<=this.singleLineWidth&&e.scrollHeight<=this.initialHeight;return e.style.overflow="",e.style.width=i||"",e.style.height=t||"",n},resizeAutoMode(e,t){if(this.isResizing)return;if((e.scrollWidth>e.clientWidth||e.scrollHeight>e.clientHeight)&&!this.hasExpanded){this.isResizing=!0,this.hasExpanded=!0;return}if(this.hasExpanded){this.updateHeight(e);const n=this.previousValueLength;t<n&&this.shouldCollapse(e)&&(e.style.height="",this.isResizing=!0,this.hasExpanded=!1)}},resize(){var i;if(this.$props.mode==="single")return;const e=this.$refs.inputElement;if(!e)return;const t=((i=e.value)==null?void 0:i.length)||0;this.$props.mode==="multi"?this.resizeMultiMode(e):this.$props.mode==="auto"&&this.resizeAutoMode(e,t)},setupResizeObserver(){if(this.$props.mode==="single")return;const e=this.$refs.inputElement;e&&(this.resizeObserver=new ResizeObserver(()=>{this.resizeTimeout&&clearTimeout(this.resizeTimeout),this.resizeTimeout=setTimeout(()=>{this.$props.mode==="auto"&&!this.hasExpanded&&this.captureInitialDimensions(),this.resize()},W)}),this.resizeObserver.observe(e))},cleanupResizeObserver(){this.resizeObserver&&(this.resizeObserver.disconnect(),this.resizeObserver=null),this.resizeTimeout&&(clearTimeout(this.resizeTimeout),this.resizeTimeout=null)},handleChange(e){const i=e.target.value;!this.isControlled&&!this.$props.disabled&&(this.stateValue=i),this.$props.disabled||this.$emit("change",{event:e,value:i}),this.$props.mode!=="single"&&this.resize()},handleFocus(e){this.$props.disabled||this.$emit("focus",{event:e})},handleBlur(e){this.$props.disabled||this.$emit("blur",{event:e})},handleButtonMouseDown(e){e.preventDefault()},handleActionButtonClick(e){this.$emit("promptaction",{event:e,value:this.currentValue,attachments:this.currentFiles}),this.isControlled||(this.stateValue=""),this.isFilesControlled||(this.stateFiles=[])},handleKeyDown(e){if(!(e.key==="Enter"&&e.shiftKey)){if(e.key==="ArrowUp"||e.key==="ArrowDown"){e.stopPropagation();return}if(e.key==="Enter"){if(e.preventDefault(),this.$props.loading)return;this.canSendMessage&&this.handleActionButtonClick(e)}}},handleSpeechResult(e){var n;const{isFinal:t,alternatives:i}=e;if(i.length>0){const r=i[0];if(t){const a=this.$refs.inputElement,f=(a==null?void 0:a.value)||"",g=(f?`${f} `:"")+r.transcript;if(this.isControlled||(this.stateValue=g),!this.$props.disabled){const m={target:a,currentTarget:a};this.$emit("change",{event:m,value:g})}}}(n=this.$refs.inputElement)==null||n.focus()},handleUploadButtonClick(){const e=this._uploadRef.value;if(e!=null&&e.$el){const t=e.$el.querySelector('input[type="file"]');t&&t.click()}},onFilesSelect(e){var a;const t=Array.from(e.affectedFiles),i=this.$props.uploadButtonConfig,n=typeof i=="object"&&i,r=n?n.onSelectAttachments:void 0;this.isFilesControlled||(this.stateFiles=[...this.stateFiles,...t]),r&&r({selectedFiles:e.affectedFiles,allFiles:e.newState}),(a=this.$refs.inputElement)==null||a.focus()},handleRemoveFile(e){this.isFilesControlled||(this.stateFiles=this.stateFiles.filter(r=>r.name!==e));const t=this.$props.uploadButtonConfig,i=typeof t=="object"&&t,n=i?i.onRemoveAttachment:void 0;n&&(this.onRemoveAttachmentCallback=n),this.onRemoveAttachmentCallback&&this.onRemoveAttachmentCallback(e)},renderAffix(e,t){return e?typeof e=="function"?e(t):e:null}},render(){const e=q.provideLocalizationService(this),{mode:t,fillMode:i,maxTextAreaHeight:n,disabled:r,readOnly:a,placeholder:f,title:g,maxLength:m,inputAttributes:T,topAffix:C,startAffix:p,endAffix:d,header:z,loading:c,speechToTextButtonConfig:x,actionButtonConfig:B,uploadButtonConfig:$}=this.$props,u={uploadButtonProps:{fillMode:"flat",svgIcon:y.paperclipOutlineAltRightIcon,size:"small",rounded:"full",onClick:this.handleUploadButtonClick,onFilesAdd:this.onFilesSelect,files:this.currentFiles,_uploadRef:this._uploadRef,"aria-label":e.toLanguageString(o.promptBoxAttachFile,o.messages[o.promptBoxAttachFile]),title:e.toLanguageString(o.promptBoxAttachFile,o.messages[o.promptBoxAttachFile]),_registerRemoveCallback:A=>{this.onRemoveAttachmentCallback=A||null}},speechToTextButtonProps:{fillMode:"flat",size:"small",rounded:"full",onResult:this.handleSpeechResult},actionButtonProps:{rounded:"full",size:"small",svgIcon:c?y.stopSmIcon:y.arrowUpOutlineIcon,class:c?"k-generating":"",onClick:this.handleActionButtonClick,onMousedown:this.handleButtonMouseDown,disabled:!c&&!this.canSendMessage,"aria-disabled":!c&&!this.canSendMessage,"aria-label":c?e.toLanguageString(o.promptBoxStopGenerating,o.messages[o.promptBoxStopGenerating]):e.toLanguageString(o.promptBoxSendButton,o.messages[o.promptBoxSendButton]),title:c?e.toLanguageString(o.promptBoxStopGenerating,o.messages[o.promptBoxStopGenerating]):e.toLanguageString(o.promptBoxSendButton,o.messages[o.promptBoxSendButton]),"aria-live":"polite"}},v=()=>{const A=x!==!1,k=B!==!1,E=$!==!1,M=typeof x=="object"?x:void 0,O=typeof $=="object"?$:{},{restrictions:L,multiple:w=!0,accept:V,onSelectAttachments:K,onRemoveAttachment:X,...N}=O,b={restrictions:L,multiple:w,accept:V},P=typeof B=="object"?B:void 0;return s.createVNode(s.Fragment,null,[E&&s.createVNode(_.PromptBoxUploadButton,s.mergeProps({ref:"uploadButton"},u.uploadButtonProps,{restrictions:b.restrictions,multiple:b.multiple,accept:b.accept},N),null),A&&s.createVNode(j.PromptBoxSpeechToTextButton,s.mergeProps(u.speechToTextButtonProps,M),null),k&&s.createVNode(I.PromptBoxActionButton,s.mergeProps(u.actionButtonProps,P),null)])},F={disabled:r,readOnly:a,placeholder:f,title:g,maxLength:m,"aria-label":e.toLanguageString(o.promptBoxInput,o.messages[o.promptBoxInput]),value:this.currentValue,onKeydown:this.handleKeyDown,...T,onInput:this.handleChange,onFocus:this.handleFocus,onBlur:this.handleBlur,ref:"inputElement"},H=()=>s.createVNode("div",{class:`${l}-content`},[p&&s.createVNode("div",{class:`${l}-affix`},[this.renderAffix(p,u)]),s.createVNode("input",s.mergeProps(F,{class:h.classNames("k-input-inner",`${l}-input`)}),null),this.hasEndAffixOrButtons?s.createVNode("div",{class:`${l}-affix`},[d&&this.renderAffix(d,u),v()]):null]),R=()=>s.createVNode("div",{class:`${l}-content`},[t==="multi"&&C&&s.createVNode("div",{class:`${l}-affix`},[this.renderAffix(C,u)]),t==="auto"&&p&&s.createVNode("div",{class:`${l}-affix`,style:{display:this.hasExpanded?"none":void 0}},[this.renderAffix(p,u)]),s.createVNode("textarea",s.mergeProps(F,{class:h.classNames("k-input-inner",`${l}-textarea`),rows:this.effectiveRows,style:n?{maxHeight:n}:{}},this.isMultilineLayout&&{"aria-multiline":"true"}),null),t==="auto"&&this.hasEndAffixOrButtons?s.createVNode("div",{class:`${l}-affix`,style:{display:this.hasExpanded?"none":void 0}},[d&&this.renderAffix(d,u),v()]):null,this.hasStartAffixOrEndAffixOrButtons?s.createVNode("div",{class:`${l}-affix`,style:{display:this.isMultilineLayout?void 0:"none"}},[p&&this.renderAffix(p,u),(p||d)&&s.createVNode("div",{class:"k-spacer"},null),d&&this.renderAffix(d,u),v()]):null]);return s.createVNode("div",{"aria-label":e.toLanguageString(o.promptBoxAriaLabel,o.messages[o.promptBoxAriaLabel]),class:h.classNames("k-input",l,{[`k-input-${i}`]:i,"k-disabled":r,"k-prompt-box-singleline":t==="single","k-prompt-box-multiline":this.isMultilineLayout})},[s.createVNode(D.FileBox,{files:this.currentFiles,onRemoveFile:this.handleRemoveFile,header:h.templateRendering.call(this,z,h.getListeners.call(this))},null),t==="single"?H():R(),h.shouldShowValidationUI(S.packageMetadata)&&s.createVNode(h.WatermarkOverlay,{message:h.getLicenseMessage(S.packageMetadata)},null)])}});exports.PromptBox=G;