@progress/kendo-vue-buttons 8.4.0-develop.3 → 8.4.0-develop.4

package/ListButton/SplitButton.mjs

@@ -5,16 +5,16 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as y, createVNode as r, ref as O } from "vue";
-import { Button as a } from "../Button.mjs";
-import { canUseDOM as I, Keys as s, getDefaultSlots as S, guid as h, validatePackage as D, classNames as w, templateRendering as f, getListeners as m } from "@progress/kendo-vue-common";
+import { defineComponent as k, createVNode as o, ref as y } from "vue";
+import { Button as l } from "../Button.mjs";
+import { canUseDOM as O, Keys as s, getDefaultSlots as I, guid as a, validatePackage as S, classNames as D, templateRendering as h, getListeners as f } from "@progress/kendo-vue-common";
 import { ButtonItem as x } from "./ButtonItem.mjs";
-import v from "./utils/navigation.mjs";
-import { Popup as P } from "@progress/kendo-vue-popup";
-import { getPopupAlign as B, getAnchorAlign as E } from "./utils/popup.mjs";
-import { chevronDownIcon as K } from "@progress/kendo-svg-icons";
-import { packageMetadata as A } from "../package-metadata.mjs";
-const L = /* @__PURE__ */ y({
+import w from "./utils/navigation.mjs";
+import { Popup as v } from "@progress/kendo-vue-popup";
+import { getPopupAlign as P, getAnchorAlign as B } from "./utils/popup.mjs";
+import { chevronDownIcon as E } from "@progress/kendo-svg-icons";
+import { packageMetadata as K } from "../package-metadata.mjs";
+const L = /* @__PURE__ */ k({
   name: "KendoSplitButton",
   emits: {
     focus: (t) => !0,
@@ -50,7 +50,7 @@ const L = /* @__PURE__ */ y({
     themeColor: {
       type: String,
       validator: function(t) {
-        return ["base", "dark", "error", "info", "inverse", "light", "primary", "secondary", "success", "tertiary", "warning"].includes(t);
+        return ["base", "error", "info", "inverse", "primary", "secondary", "success", "tertiary", "warning"].includes(t);
       }
     },
     opened: {
@@ -74,7 +74,7 @@ const L = /* @__PURE__ */ y({
     };
   },
   created() {
-    this._blurTimeout = null, this._anchor = h(), this.mainButton = null, this.guid = h(), this.buttonsData = [], D(A);
+    this._blurTimeout = null, this._anchor = a(), this.mainButton = null, this.guid = a(), this.buttonsData = [], S(K);
   },
   mounted() {
     this.mainButton = this.$refs[this._anchor], (this.$props.dir === void 0 && this.isRtl() || this.computedOpened) && this.$forceUpdate();
@@ -96,79 +96,77 @@ const L = /* @__PURE__ */ y({
   },
   setup() {
     return {
-      kendoAnchorRef: O(null)
+      kendoAnchorRef: y(null)
     };
   },
   render() {
     this.buttonsData = this.$props.items;
     const t = this.isRtl(), e = t ? "rtl" : void 0, {
       tabIndex: i,
-      disabled: d
-    } = this.$props, p = S(this), g = function() {
+      disabled: r
+    } = this.$props, p = I(this), m = function() {
       const {
         item: n,
         itemRender: c,
         textField: C
-      } = this.$props, l = this.buttonsData.length;
-      return l > 0 ? this.buttonsData.map(function(u, o) {
-        const k = typeof u != "string" ? {
-          ...u,
-          render: f.call(this, u.render, m.call(this))
-        } : u;
-        return r(x, {
+      } = this.$props;
+      return this.buttonsData.length > 0 ? this.buttonsData.map(function(d, u) {
+        const $ = typeof d != "string" ? {
+          ...d,
+          render: h.call(this, d.render, f.call(this))
+        } : d;
+        return o(x, {
           role: "menuitem",
-          dataItem: k,
+          dataItem: $,
           textField: C,
-          focused: this.focusedIndex === o,
+          focused: this.focusedIndex === u,
           onClick: this.onItemClick,
           onDown: this.onItemDown,
-          render: f.call(this, c, m.call(this)),
+          render: h.call(this, c, f.call(this)),
           item: n,
-          key: o,
-          index: o,
-          id: `${this.guid}-${o}`,
-          first: o === 0,
-          last: o === l - 1
+          key: u,
+          index: u,
+          id: `${this.guid}-${u}`
         }, null);
       }, this) : null;
-    }, b = function() {
+    }, g = function() {
       const {
         popupSettings: n = {},
         size: c
       } = this.$props;
-      return r(P, {
+      return o(v, {
         anchor: this._anchor,
         show: this.computedOpened,
         animate: n.animate,
-        popupClass: w("k-menu-popup", n.popupClass),
-        anchorAlign: n.anchorAlign || E(t),
-        popupAlign: n.popupAlign || B(t),
+        popupClass: D("k-menu-popup", n.popupClass),
+        anchorAlign: n.anchorAlign || B(t),
+        popupAlign: n.popupAlign || P(t),
         style: t ? {
           direction: "rtl"
         } : void 0
       }, {
-        default: () => [r("ul", {
+        default: () => [o("ul", {
           class: "k-menu-group",
           role: "menu",
           id: this.guid
-        }, [g.call(this)])]
+        }, [m.call(this)])]
       });
-    }, $ = this.$props.text || p ? {
+    }, b = this.$props.text || p ? {
       default: () => [this.$props.text, p]
     } : {};
-    return r("div", {
+    return o("div", {
       class: this.wrapperClass,
       onKeydown: this.onKeyDown,
       onFocusin: this.onFocus,
       onFocusout: this.onBlur,
       dir: e
-    }, [r(a, {
+    }, [o(l, {
       size: this.$props.size,
       rounded: this.$props.rounded,
       fillMode: this.$props.fillMode,
       themeColor: this.$props.themeColor,
       onClick: (n) => this.onItemClick(n, -1),
-      disabled: d || void 0,
+      disabled: r || void 0,
       tabIndex: i,
       accessKey: this.$props.accessKey,
       class: this.$props.buttonClass,
@@ -180,17 +178,17 @@ const L = /* @__PURE__ */ y({
       id: this._anchor,
       ref: this._anchor,
       type: "button",
-      "aria-disabled": d || void 0,
+      "aria-disabled": r || void 0,
       "aria-label": this.$props.ariaLabel || (!this.$props.text && !p && (this.$props.svgIcon || this.$props.icon || this.$props.iconClass) ? "Action" : void 0)
-    }, $), r(a, {
-      svgIcon: K,
+    }, b), o(l, {
+      svgIcon: E,
       size: this.$props.size,
       rounded: this.$props.rounded,
       fillMode: this.$props.fillMode,
       themeColor: this.$props.themeColor,
       icon: "chevron-down",
       class: "k-split-button-arrow",
-      disabled: d || void 0,
+      disabled: r || void 0,
       tabIndex: -1,
       onClick: this.onSplitPartClick,
       onMousedown: this.onDownSplitPart,
@@ -199,7 +197,7 @@ const L = /* @__PURE__ */ y({
       "aria-label": "Toggle dropdown",
       "aria-expanded": this.computedOpened,
       "aria-controls": this.computedOpened ? this.guid : void 0
-    }, null), b.call(this)]);
+    }, null), g.call(this)]);
   },
   methods: {
     element() {
@@ -218,10 +216,10 @@ const L = /* @__PURE__ */ y({
         focusedIndex: -1,
         currentOpened: !1
       }, this.dispatchPopupEvent(t, e.currentOpened)), this.computedOpened) {
-        const i = v(this.focusedIndex, t.keyCode, t.altKey, this.buttonsData.length);
+        const i = w(this.focusedIndex, t.keyCode, t.altKey, this.buttonsData.length);
         i !== this.focusedIndex && (e = e || {}, e.focusedIndex = i);
-        const d = t.keyCode === s.up || t.keyCode === s.down || t.keyCode === s.left || t.keyCode === s.right;
-        !t.altKey && d && t.preventDefault();
+        const r = t.keyCode === s.up || t.keyCode === s.down || t.keyCode === s.left || t.keyCode === s.right;
+        !t.altKey && r && t.preventDefault();
       }
       e && (this.focusedIndex = e.focusedIndex, this.focused = e.focused, e.currentOpened !== void 0 && (this.currentOpened = e.currentOpened));
     },
@@ -240,7 +238,7 @@ const L = /* @__PURE__ */ y({
     createBlurTimeout(t) {
       const e = this;
       this._blurTimeout = setTimeout(() => {
-        I && document.activeElement !== e.mainButton && (e.focused = !1, e.focusedIndex = -1, e.$emit("blur", {
+        O && document.activeElement !== e.mainButton && (e.focused = !1, e.focusedIndex = -1, e.$emit("blur", {
           event: t
         }), e.computedOpened && (e.currentOpened = !1, e.dispatchPopupEvent(t, !1)));
       }, 200);

package/ListButton/models/ListButtonProps.d.ts

@@ -83,13 +83,14 @@ export interface DropDownButtonProps {
      * Configures the `size` of the Button.
      *
      * The available options are:
+     * - xs
      * - small
      * - medium
      * - large
      *
      * @default `undefined`
      */
-    size?: 'small' | 'medium' | 'large';
+    size?: 'xs' | 'small' | 'medium' | 'large';
     /**
      * Configures the `roundness` of the Button.
      *
@@ -127,13 +128,12 @@ export interface DropDownButtonProps {
      * - info
      * - success
      * - warning
-     * - dark
-     * - light
+     * - error
      * - inverse
      *
      * @default `undefined`
      */
-    themeColor?: 'base' | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'dark' | 'light' | 'inverse';
+    themeColor?: 'base' | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'inverse';
     /**
      * Fires when the component is focused ([see example]({% slug events_dropdownbutton %})).
      */
@@ -233,13 +233,14 @@ export interface SplitButtonProps {
      * Configures the `size` of the Button.
      *
      * The available options are:
+     * - xs
      * - small
      * - medium
      * - large
      *
      * @default `undefined`
      */
-    size?: 'small' | 'medium' | 'large';
+    size?: 'xs' | 'small' | 'medium' | 'large';
     /**
      * Configures the `roundness` of the Button.
      *
@@ -277,13 +278,12 @@ export interface SplitButtonProps {
      * - info
      * - success
      * - warning
-     * - dark
-     * - light
+     * - error
      * - inverse
      *
      * @default `undefined`
      */
-    themeColor?: 'base' | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'dark' | 'light' | 'inverse';
+    themeColor?: 'base' | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'inverse';
     /**
      * Fires when the main button is clicked ([see example]({% slug events_splitbutton %})).
      */

package/SegmentedControl/SegmentedControl.d.ts

@@ -19,7 +19,7 @@ declare const SegmentedControl: import('vue').DefineComponent<import('vue').Extr
         type: PropType<SegmentedItemProps[]>;
         default: () => any[];
     };
-    size: PropType<"small" | "medium" | "xsmall" | "large">;
+    size: PropType<"small" | "medium" | "xs" | "large">;
     layoutMode: {
         type: PropType<"stretch" | "compact">;
         default: string;
@@ -49,7 +49,7 @@ declare const SegmentedControl: import('vue').DefineComponent<import('vue').Extr
         type: PropType<SegmentedItemProps[]>;
         default: () => any[];
     };
-    size: PropType<"small" | "medium" | "xsmall" | "large">;
+    size: PropType<"small" | "medium" | "xs" | "large">;
     layoutMode: {
         type: PropType<"stretch" | "compact">;
         default: string;

package/SegmentedControl/interfaces/SegmentedControlTypes.d.ts

@@ -119,6 +119,7 @@ export interface SegmentedControlProps {
      * to the corresponding CSS size class.
      *
      * The available options are:
+    * - `xs`
      * - `small`
      * - `medium`
      * - `large`

package/SmartPasteButton/SmartPasteButton.d.ts

@@ -25,14 +25,14 @@ declare const SmartPasteButton: import('vue').DefineComponent<import('vue').Extr
         default: string;
     };
     size: {
-        type: PropType<"small" | "medium" | "xsmall" | "large">;
+        type: PropType<"small" | "medium" | "xs" | "large">;
         default: string;
     };
     svgIcon: {
         type: PropType<import('@progress/kendo-vue-common').SVGIcon>;
         default: () => import('@progress/kendo-svg-icons').SVGIcon;
     };
-    themeColor: PropType<"base" | "primary" | "secondary" | "tertiary" | "info" | "success" | "warning" | "dark" | "light" | "inverse">;
+    themeColor: PropType<"base" | "primary" | "secondary" | "tertiary" | "info" | "success" | "warning" | "error" | "inverse">;
     formFields: PropType<SmartPasteFormField[]>;
     togglable: {
         type: PropType<boolean>;
@@ -81,14 +81,14 @@ declare const SmartPasteButton: import('vue').DefineComponent<import('vue').Extr
         default: string;
     };
     size: {
-        type: PropType<"small" | "medium" | "xsmall" | "large">;
+        type: PropType<"small" | "medium" | "xs" | "large">;
         default: string;
     };
     svgIcon: {
         type: PropType<import('@progress/kendo-vue-common').SVGIcon>;
         default: () => import('@progress/kendo-svg-icons').SVGIcon;
     };
-    themeColor: PropType<"base" | "primary" | "secondary" | "tertiary" | "info" | "success" | "warning" | "dark" | "light" | "inverse">;
+    themeColor: PropType<"base" | "primary" | "secondary" | "tertiary" | "info" | "success" | "warning" | "error" | "inverse">;
     formFields: PropType<SmartPasteFormField[]>;
     togglable: {
         type: PropType<boolean>;
@@ -118,11 +118,11 @@ declare const SmartPasteButton: import('vue').DefineComponent<import('vue').Extr
     onClick?: (event: SmartPasteClickEvent) => any;
 }>, {
     type: string;
-    size: "small" | "medium" | "xsmall" | "large";
+    size: "small" | "medium" | "xs" | "large";
+    fillMode: "flat" | "link" | "solid" | "outline";
     rounded: "small" | "medium" | "large" | "full" | "none";
     selected: boolean;
     disabled: boolean;
-    fillMode: "flat" | "link" | "solid" | "outline";
     togglable: boolean;
     svgIcon: import('@progress/kendo-vue-common').SVGIcon;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/SpeechToText/SpeechToTextButton.d.ts

@@ -157,10 +157,10 @@ declare const SpeechToTextButton: import('vue').DefineComponent<import('vue').Ex
         type: PropType<boolean>;
         default: any;
     };
-    size: PropType<"small" | "medium" | "xsmall" | "large">;
+    size: PropType<"small" | "medium" | "xs" | "large">;
     rounded: PropType<"small" | "medium" | "large" | "full" | "none">;
     fillMode: PropType<"flat" | "link" | "solid" | "outline">;
-    themeColor: PropType<"base" | "primary" | "secondary" | "tertiary" | "info" | "success" | "warning" | "dark" | "light" | "inverse">;
+    themeColor: PropType<"base" | "primary" | "secondary" | "tertiary" | "info" | "success" | "warning" | "error" | "inverse">;
     title: {
         type: PropType<string>;
         default: string;
@@ -216,10 +216,10 @@ declare const SpeechToTextButton: import('vue').DefineComponent<import('vue').Ex
         type: PropType<boolean>;
         default: any;
     };
-    size: PropType<"small" | "medium" | "xsmall" | "large">;
+    size: PropType<"small" | "medium" | "xs" | "large">;
     rounded: PropType<"small" | "medium" | "large" | "full" | "none">;
     fillMode: PropType<"flat" | "link" | "solid" | "outline">;
-    themeColor: PropType<"base" | "primary" | "secondary" | "tertiary" | "info" | "success" | "warning" | "dark" | "light" | "inverse">;
+    themeColor: PropType<"base" | "primary" | "secondary" | "tertiary" | "info" | "success" | "warning" | "error" | "inverse">;
     title: {
         type: PropType<string>;
         default: string;

package/SpeechToText/SpeechToTextButton.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 i=require("vue"),E=require("@progress/kendo-webspeech-common"),k=require("../Button.js"),m=require("@progress/kendo-svg-icons");function T(e){return new E.KendoSpeechRecognition(e)}let f=(function(e){return e.WebSpeech="WebSpeech",e.None="None",e})({});const z=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:f.WebSpeech},onStart:{type:Function},onResult:{type:Function},onEnd:{type:Function},onError:{type:Function},svgIcon:{type:Object,default:m.microphoneOutlineIcon},iconSize:{type:String},disabled:{type:Boolean,default:void 0},size:String,rounded:String,fillMode:String,themeColor:String,title:{type:String,default:"Speech to Text Button"},ariaLabel:{type:String,default:"Start speech recognition"}},setup(e,{emit:c,expose:S}){const o=i.ref(null),n=i.ref(!1),g=()=>{var t;return(t=o.value)==null?void 0:t.isActive()},a=()=>e.integrationMode!==f.None,l=typeof window!="undefined"&&!("webkitSpeechRecognition"in window||"SpeechRecognition"in window)?(e.onError&&e.onError({errorMessage:"Speech Recognition API is not supported in this browser."}),!1):!0,u=()=>{var t;n.value||(a()&&((t=o.value)==null||t.start()),n.value=!0)},r=()=>{var t;n.value&&(a()&&((t=o.value)==null||t.stop()),n.value=!1)},v=()=>{var t;n.value&&a()&&((t=o.value)==null||t.abort(),n.value=!1)},h=()=>{l&&(n.value?b():d())},d=async()=>{n.value||(e.onStart&&await e.onStart(),u())},M=t=>{const s=t.results,B=s.length-1,R=s[B],x=Array.from(R).map(I=>({transcript:I.transcript,confidence:I.confidence})),w={isFinal:R.isFinal,alternatives:x};e.onResult&&e.onResult(w),c("result",w)},b=async()=>{n.value&&(e.onEnd&&await e.onEnd(),r())},A=t=>{n.value=!1;const s={errorMessage:t.error||t.errorMessage||"Unknown error"};e.onError&&e.onError(s),c("error",s)},p=()=>{var t;l&&e.integrationMode===f.WebSpeech&&((t=o.value)!=null&&t.isActive()&&r(),o.value=T({lang:e.lang,continuous:e.continuous,interimResults:e.interimResults,integrationMode:e.integrationMode,maxAlternatives:e.maxAlternatives,events:{start:d,result:M,end:b,error:A}}))};return i.watch(()=>({lang:e.lang,continuous:e.continuous,interimResults:e.interimResults,integrationMode:e.integrationMode,maxAlternatives:e.maxAlternatives}),()=>{p()},{deep:!0}),i.onMounted(()=>{p()}),i.onUnmounted(()=>{var t;(t=o.value)!=null&&t.isInActiveState&&r()}),S({start:u,stop:r,abort:v,isActive:g}),{clickHandler:h,isInActiveState:n}},render(){const{ariaLabel:e,svgIcon:c,fillMode:S,rounded:o,size:n,disabled:g,themeColor:a,iconSize:y,title:l}=this.$props,{className:u,style:r,id:v}=this.$attrs,h=i.computed(()=>["k-speech-to-text-button",u,{"k-listening":this.isInActiveState}]),d=i.computed(()=>this.isInActiveState?m.stopSmIcon:c||m.microphoneOutlineIcon);return i.createVNode(k.Button,{id:v,style:r,class:h.value,onClick:this.clickHandler,svgIcon:d.value,iconSize:y,fillMode:S,rounded:o,size:n,themeColor:a,"aria-label":e,disabled:g,title:l},null)}});exports.SpeechToTextButton=z;exports.SpeechToTextButtonMode=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("vue"),E=require("@progress/kendo-webspeech-common"),k=require("../Button.js"),m=require("@progress/kendo-svg-icons");function T(e){return new E.KendoSpeechRecognition(e)}let f=(function(e){return e.WebSpeech="WebSpeech",e.None="None",e})({});const z=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:f.WebSpeech},onStart:{type:Function},onResult:{type:Function},onEnd:{type:Function},onError:{type:Function},svgIcon:{type:Object,default:m.microphoneIcon},iconSize:{type:String},disabled:{type:Boolean,default:void 0},size:String,rounded:String,fillMode:String,themeColor:String,title:{type:String,default:"Speech to Text Button"},ariaLabel:{type:String,default:"Start speech recognition"}},setup(e,{emit:c,expose:S}){const o=i.ref(null),n=i.ref(!1),g=()=>{var t;return(t=o.value)==null?void 0:t.isActive()},a=()=>e.integrationMode!==f.None,l=typeof window!="undefined"&&!("webkitSpeechRecognition"in window||"SpeechRecognition"in window)?(e.onError&&e.onError({errorMessage:"Speech Recognition API is not supported in this browser."}),!1):!0,u=()=>{var t;n.value||(a()&&((t=o.value)==null||t.start()),n.value=!0)},r=()=>{var t;n.value&&(a()&&((t=o.value)==null||t.stop()),n.value=!1)},v=()=>{var t;n.value&&a()&&((t=o.value)==null||t.abort(),n.value=!1)},h=()=>{l&&(n.value?b():d())},d=async()=>{n.value||(e.onStart&&await e.onStart(),u())},M=t=>{const s=t.results,B=s.length-1,R=s[B],x=Array.from(R).map(I=>({transcript:I.transcript,confidence:I.confidence})),w={isFinal:R.isFinal,alternatives:x};e.onResult&&e.onResult(w),c("result",w)},b=async()=>{n.value&&(e.onEnd&&await e.onEnd(),r())},A=t=>{n.value=!1;const s={errorMessage:t.error||t.errorMessage||"Unknown error"};e.onError&&e.onError(s),c("error",s)},p=()=>{var t;l&&e.integrationMode===f.WebSpeech&&((t=o.value)!=null&&t.isActive()&&r(),o.value=T({lang:e.lang,continuous:e.continuous,interimResults:e.interimResults,integrationMode:e.integrationMode,maxAlternatives:e.maxAlternatives,events:{start:d,result:M,end:b,error:A}}))};return i.watch(()=>({lang:e.lang,continuous:e.continuous,interimResults:e.interimResults,integrationMode:e.integrationMode,maxAlternatives:e.maxAlternatives}),()=>{p()},{deep:!0}),i.onMounted(()=>{p()}),i.onUnmounted(()=>{var t;(t=o.value)!=null&&t.isInActiveState&&r()}),S({start:u,stop:r,abort:v,isActive:g}),{clickHandler:h,isInActiveState:n}},render(){const{ariaLabel:e,svgIcon:c,fillMode:S,rounded:o,size:n,disabled:g,themeColor:a,iconSize:y,title:l}=this.$props,{className:u,style:r,id:v}=this.$attrs,h=i.computed(()=>["k-speech-to-text-button",u,{"k-listening":this.isInActiveState}]),d=i.computed(()=>this.isInActiveState?m.stopIcon:c||m.microphoneIcon);return i.createVNode(k.Button,{id:v,style:r,class:h.value,onClick:this.clickHandler,svgIcon:d.value,iconSize:y,fillMode:S,rounded:o,size:n,themeColor:a,"aria-label":e,disabled:g,title:l},null)}});exports.SpeechToTextButton=z;exports.SpeechToTextButtonMode=f;

package/SpeechToText/SpeechToTextButton.mjs

@@ -8,14 +8,14 @@
 import { defineComponent as k, computed as w, createVNode as z, ref as A, watch as C, onMounted as F, onUnmounted as H } from "vue";
 import { KendoSpeechRecognition as N } from "@progress/kendo-webspeech-common";
 import { Button as T } from "../Button.mjs";
-import { microphoneOutlineIcon as I, stopSmIcon as W } from "@progress/kendo-svg-icons";
+import { microphoneIcon as I, stopIcon as W } from "@progress/kendo-svg-icons";
 function U(e) {
   return new N(e);
 }
-let v = /* @__PURE__ */ (function(e) {
+let S = /* @__PURE__ */ (function(e) {
   return e.WebSpeech = "WebSpeech", e.None = "None", e;
 })({});
-const j = /* @__PURE__ */ k({
+const O = /* @__PURE__ */ k({
   name: "KendoSpeechToTextButton",
   props: {
     lang: {
@@ -36,7 +36,7 @@ const j = /* @__PURE__ */ k({
     },
     integrationMode: {
       type: String,
-      default: v.WebSpeech
+      default: S.WebSpeech
     },
     onStart: {
       type: Function
@@ -81,7 +81,7 @@ const j = /* @__PURE__ */ k({
     const o = A(null), n = A(!1), f = () => {
       var t;
       return (t = o.value) == null ? void 0 : t.isActive();
-    }, r = () => e.integrationMode !== v.None, l = typeof window != "undefined" && !("webkitSpeechRecognition" in window || "SpeechRecognition" in window) ? (e.onError && e.onError({
+    }, r = () => e.integrationMode !== S.None, l = typeof window != "undefined" && !("webkitSpeechRecognition" in window || "SpeechRecognition" in window) ? (e.onError && e.onError({
       errorMessage: "Speech Recognition API is not supported in this browser."
     }), !1) : !0, c = () => {
       var t;
@@ -89,10 +89,10 @@ const j = /* @__PURE__ */ k({
     }, i = () => {
       var t;
       n.value && (r() && ((t = o.value) == null || t.stop()), n.value = !1);
-    }, S = () => {
+    }, g = () => {
       var t;
       n.value && r() && ((t = o.value) == null || t.abort(), n.value = !1);
-    }, g = () => {
+    }, v = () => {
       l && (n.value ? h() : u());
     }, u = async () => {
       n.value || (e.onStart && await e.onStart(), c());
@@ -115,7 +115,7 @@ const j = /* @__PURE__ */ k({
       e.onError && e.onError(a), s("error", a);
     }, y = () => {
       var t;
-      l && e.integrationMode === v.WebSpeech && ((t = o.value) != null && t.isActive() && i(), o.value = U({
+      l && e.integrationMode === S.WebSpeech && ((t = o.value) != null && t.isActive() && i(), o.value = U({
         lang: e.lang,
         continuous: e.continuous,
         interimResults: e.interimResults,
@@ -147,10 +147,10 @@ const j = /* @__PURE__ */ k({
     }), d({
       start: c,
       stop: i,
-      abort: S,
+      abort: g,
       isActive: f
     }), {
-      clickHandler: g,
+      clickHandler: v,
       isInActiveState: n
     };
   },
@@ -168,14 +168,14 @@ const j = /* @__PURE__ */ k({
     } = this.$props, {
       className: c,
       style: i,
-      id: S
-    } = this.$attrs, g = w(() => ["k-speech-to-text-button", c, {
+      id: g
+    } = this.$attrs, v = w(() => ["k-speech-to-text-button", c, {
       "k-listening": this.isInActiveState
     }]), u = w(() => this.isInActiveState ? W : s || I);
     return z(T, {
-      id: S,
+      id: g,
       style: i,
-      class: g.value,
+      class: v.value,
       onClick: this.clickHandler,
       svgIcon: u.value,
       iconSize: m,
@@ -190,6 +190,6 @@ const j = /* @__PURE__ */ k({
   }
 });
 export {
-  j as SpeechToTextButton,
-  v as SpeechToTextButtonMode
+  O as SpeechToTextButton,
+  S as SpeechToTextButtonMode
 };