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

package/prompt-box/PromptBox.mjs

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

package/prompt-box/PromptBoxActionButton.d.ts

@@ -0,0 +1,20 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * Represents the props of the PromptBoxActionButton component.
+ * Extends the ButtonProps from @progress/kendo-vue-buttons.
+ */
+export interface PromptBoxActionButtonProps {
+    [key: string]: any;
+}
+/**
+ * Represents the PromptBox Action Button component.
+ * Receives default props from the parent PromptBox component.
+ */
+declare const PromptBoxActionButton: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { PromptBoxActionButton };

package/prompt-box/PromptBoxActionButton.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 t=require("vue"),e=require("@progress/kendo-vue-buttons"),o=t.defineComponent({name:"KendoPromptBoxActionButton",inheritAttrs:!1,render(){return t.createVNode(e.Button,this.$attrs,null)}});exports.PromptBoxActionButton=o;

package/prompt-box/PromptBoxActionButton.mjs

@@ -0,0 +1,19 @@
+/**
+ * @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 t, createVNode as o } from "vue";
+import { Button as n } from "@progress/kendo-vue-buttons";
+const i = /* @__PURE__ */ t({
+  name: "KendoPromptBoxActionButton",
+  inheritAttrs: !1,
+  render() {
+    return o(n, this.$attrs, null);
+  }
+});
+export {
+  i as PromptBoxActionButton
+};

package/prompt-box/PromptBoxSpeechToTextButton.d.ts

@@ -0,0 +1,20 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * Represents the props of the PromptBoxSpeechToTextButton component.
+ * Extends the SpeechToTextButtonProps from @progress/kendo-vue-buttons.
+ */
+export interface PromptBoxSpeechToTextButtonProps {
+    [key: string]: any;
+}
+/**
+ * Represents the PromptBox Speech-to-Text Button component.
+ * Receives default props from the parent PromptBox component.
+ */
+declare const PromptBoxSpeechToTextButton: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { PromptBoxSpeechToTextButton };

package/prompt-box/PromptBoxSpeechToTextButton.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 e=require("vue"),t=require("@progress/kendo-vue-buttons"),o=e.defineComponent({name:"KendoPromptBoxSpeechToTextButton",inheritAttrs:!1,render(){return e.createVNode(t.SpeechToTextButton,this.$attrs,null)}});exports.PromptBoxSpeechToTextButton=o;

package/prompt-box/PromptBoxSpeechToTextButton.mjs

@@ -0,0 +1,19 @@
+/**
+ * @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 t, createVNode as e } from "vue";
+import { SpeechToTextButton as o } from "@progress/kendo-vue-buttons";
+const p = /* @__PURE__ */ t({
+  name: "KendoPromptBoxSpeechToTextButton",
+  inheritAttrs: !1,
+  render() {
+    return e(o, this.$attrs, null);
+  }
+});
+export {
+  p as PromptBoxSpeechToTextButton
+};

package/prompt-box/PromptBoxUploadButton.d.ts

@@ -0,0 +1,95 @@
+/**
+ * @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 { UploadOnAddEvent, UploadFileInfo, UploadFileRestrictions } from '@progress/kendo-vue-upload';
+import { PromptBoxSelectAttachmentsEvent } from './Events';
+/**
+ * Represents the props of the PromptBoxUploadButton component.
+ */
+export interface PromptBoxUploadButtonProps {
+    /**
+     * Callback fired when files are selected.
+     *
+     * @hidden
+     */
+    onFilesAdd?: (event: UploadOnAddEvent) => void;
+    /**
+     * The currently selected files.
+     *
+     * @hidden
+     */
+    files?: UploadFileInfo[];
+    /**
+     * Restrictions on the files that can be uploaded.
+     */
+    restrictions?: UploadFileRestrictions;
+    /**
+     * Whether multiple files can be selected.
+     */
+    multiple?: boolean;
+    /**
+     * The file types that can be selected.
+     */
+    accept?: string;
+    /**
+     * Fires when the user selects files via the upload button.
+     */
+    onSelectAttachments?: (event: PromptBoxSelectAttachmentsEvent) => void;
+    /**
+     * Fires when the user removes an attachment by clicking the remove button.
+     */
+    onRemoveAttachment?: (fileName: string) => void;
+    /**
+     * @hidden
+     * Internal callback registration for parent component.
+     */
+    _registerRemoveCallback?: (callback: ((fileName: string) => void) | undefined) => void;
+    [key: string]: any;
+}
+/**
+ * Represents the PromptBox Upload Button component.
+ * Receives default props from the parent PromptBox component.
+ */
+declare const PromptBoxUploadButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    onFilesAdd: PropType<(event: UploadOnAddEvent) => void>;
+    files: {
+        type: PropType<UploadFileInfo[]>;
+        default: () => any[];
+    };
+    restrictions: PropType<UploadFileRestrictions>;
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    accept: StringConstructor;
+    onSelectAttachments: PropType<(event: PromptBoxSelectAttachmentsEvent) => void>;
+    onRemoveAttachment: PropType<(fileName: string) => void>;
+    _registerRemoveCallback: PropType<(callback: (fileName: string) => void) => void>;
+}>, {
+    uploadRef: import('vue').Ref<any, any>;
+    handleFilesAdd: (event: UploadOnAddEvent) => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    onFilesAdd: PropType<(event: UploadOnAddEvent) => void>;
+    files: {
+        type: PropType<UploadFileInfo[]>;
+        default: () => any[];
+    };
+    restrictions: PropType<UploadFileRestrictions>;
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    accept: StringConstructor;
+    onSelectAttachments: PropType<(event: PromptBoxSelectAttachmentsEvent) => void>;
+    onRemoveAttachment: PropType<(fileName: string) => void>;
+    _registerRemoveCallback: PropType<(callback: (fileName: string) => void) => void>;
+}>> & Readonly<{}>, {
+    multiple: boolean;
+    files: UploadFileInfo[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { PromptBoxUploadButton };

package/prompt-box/PromptBoxUploadButton.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 t=require("vue"),s=require("@progress/kendo-vue-buttons"),d=require("@progress/kendo-vue-upload"),r=t.defineComponent({name:"KendoPromptBoxUploadButton",inheritAttrs:!1,props:{onFilesAdd:Function,files:{type:Array,default:()=>[]},restrictions:Object,multiple:{type:Boolean,default:!0},accept:String,onSelectAttachments:Function,onRemoveAttachment:Function,_registerRemoveCallback:Function},setup(e){const o=t.ref(null);return t.watch(()=>e.onRemoveAttachment,n=>{e._registerRemoveCallback&&n&&e._registerRemoveCallback(n)},{immediate:!0}),t.onUnmounted(()=>{e._registerRemoveCallback&&e.onRemoveAttachment&&e._registerRemoveCallback(void 0)}),{uploadRef:o,handleFilesAdd:n=>{e.onFilesAdd&&e.onFilesAdd(n),e.onSelectAttachments&&e.onSelectAttachments({selectedFiles:n.affectedFiles,allFiles:n.newState})}}},render(){const{onFilesAdd:e,files:o,restrictions:a,multiple:n,accept:u,onSelectAttachments:m,onRemoveAttachment:f,_registerRemoveCallback:h,_uploadRef:l,...c}=this.$attrs;return t.createVNode(t.Fragment,null,[t.createVNode(s.Button,c,null),t.createVNode(d.Upload,{ref:i=>{this.uploadRef=i,l&&(l.value=i)},files:this.files,onAdd:this.handleFilesAdd,autoUpload:!1,restrictions:this.restrictions,multiple:this.multiple,accept:this.accept,class:"k-hidden"},null)])}});exports.PromptBoxUploadButton=r;