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

package/Button.d.ts

@@ -19,14 +19,14 @@ export interface ButtonProps extends ButtonInterface {
      * Configures the `size` of the Button.
      *
      * The available options are:
-     * - xsmall
+     * - xs
      * - small
      * - medium
      * - large
      *
      * @default `undefined`
      */
-    size?: 'xsmall' | 'small' | 'medium' | 'large';
+    size?: 'xs' | 'small' | 'medium' | 'large';
     /**
      * Configures the `roundness` of the Button.
      *
@@ -64,13 +64,12 @@ export interface ButtonProps extends ButtonInterface {
      * - 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';
     /**
      * Sets the `tabIndex` property of the Button.
      */
@@ -165,10 +164,10 @@ declare const Button: import('vue').DefineComponent<import('vue').ExtractPropTyp
         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">;
     tabIndex: PropType<number>;
     accessKey: PropType<string>;
     id: PropType<string>;
@@ -243,10 +242,10 @@ declare const Button: import('vue').DefineComponent<import('vue').ExtractPropTyp
         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">;
     tabIndex: PropType<number>;
     accessKey: PropType<string>;
     id: PropType<string>;

package/Chip/Chip.d.ts

@@ -171,10 +171,6 @@ export interface ChipProps {
      * For example these elements could contain error or hint message.
      */
     ariaDescribedBy?: string;
-    /**
-     * Identifies the accessible name for the Chip component.
-     */
-    ariaLabel?: string;
     /**
      * @hidden
      */
@@ -256,7 +252,6 @@ declare const Chip: import('vue').DefineComponent<import('vue').ExtractPropTypes
         default: string;
     };
     tabIndex: PropType<number>;
-    ariaLabel: PropType<string>;
     onMousedown: PropType<(event: any) => void>;
 }>, {
     chipRef: import('vue').Ref<any, any>;
@@ -335,7 +330,6 @@ declare const Chip: import('vue').DefineComponent<import('vue').ExtractPropTypes
         default: string;
     };
     tabIndex: PropType<number>;
-    ariaLabel: PropType<string>;
     onMousedown: PropType<(event: any) => void>;
 }>> & Readonly<{
     onClick?: (event: ChipMouseEvent) => any;

package/Chip/Chip.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 a=require("vue"),t=require("@progress/kendo-vue-common"),m=require("@progress/kendo-svg-icons"),o=require("./focus-reducer.js"),$=require("./data-reducer.js"),l=require("./selection-reducer.js"),S=require("../package-metadata.js"),b=a.defineComponent({name:"KendoVueChip",props:{id:String,text:String,avatar:{type:[String,Function,Object],default:function(){}},value:[String,Object],dir:{type:String,default:function(){return"ltr"}},removable:{type:Boolean,default:!1},removeIcon:{type:String,default:function(){return"x-circle"}},removeSvgIcon:{type:Object,default:function(){return m.xCircleIcon}},disabled:{type:Boolean,default:!1},icon:String,svgIcon:Object,selectedIcon:{type:String,default:function(){return"check"}},selectedSvgIcon:{type:Object,default:function(){return m.checkIcon}},size:String,rounded:String,fillMode:{type:String,validator:function(e){return["flat","outline","solid"].includes(e)}},themeColor:{type:String,validator:function(e){return["base","error","info","success","warning"].includes(e)}},dataItem:Object,selected:Boolean,ariaDescribedBy:String,role:{type:String,default:"button"},tabIndex:Number,ariaLabel:String,onMousedown:Function},emits:{click:e=>!0,keydown:e=>!0,blur:e=>!0,focus:e=>!0,remove:e=>!0},inject:{kendoSelection:{default:{value:null}},kendoFocused:{default:{value:null}},kendoDataItems:{default:null},handleDispatchDataItems:{default:t.noop},handleDispatchSelection:{default:t.noop},handleDispatchFocus:{default:t.noop}},created(){this.currentDir=void 0,t.validatePackage(S.packageMetadata)},mounted(){this.chip=t.getRef(this,"chip"),this.currentDir=this.$props.dir!==void 0?this.$props.dir==="rtl":this.$el&&getComputedStyle(this.$el).direction==="rtl"||!1},updated(){this.kendoFocused.value===this.$props.value&&this.$el&&this.$el.focus()},computed:{currentSelected(){return this.$props.selected||(Array.isArray(this.kendoSelection.value)?this.kendoSelection.value.some(e=>e===this.$props.value):this.kendoSelection.value===this.$props.value)},chipLabelClass(){return{"k-chip-label":!0}}},methods:{computedFocused(){return this.kendoFocused.value===this.$props.value},handleMouseDown(e){this.$emit("mousedown",e)},handleClick(e){this.handleDispatchSelection&&this.handleDispatchSelection({type:l.SELECTION_ACTION.toggle,payload:this.$props.value,event:e}),this.$emit("click",{target:this.target,event:e})},handleRemove(e){e.stopPropagation(),this.$props.removable&&(this.handleDispatchFocus&&(this.handleDispatchDataItems({type:$.DATA_ACTION.remove,payload:this.$props.value,event:e}),this.handleDispatchFocus({type:o.FOCUS_ACTION.reset,payload:this.$props.value,event:e}),this.handleDispatchSelection({type:l.SELECTION_ACTION.remove,payload:this.$props.value,event:e})),this.$emit("remove",{target:this.target,event:e}))},handleKeyDown(e){switch(e.keyCode){case t.Keys.left:this.handleDispatchFocus&&this.handleDispatchFocus({type:o.FOCUS_ACTION.prev,payload:this.$props.value,event:e});break;case t.Keys.right:this.handleDispatchFocus&&this.handleDispatchFocus({type:o.FOCUS_ACTION.next,payload:this.$props.value,event:e});break;case t.Keys.enter:this.handleDispatchFocus&&this.handleDispatchSelection({type:l.SELECTION_ACTION.toggle,payload:this.$props.value,event:e});break;case t.Keys.delete:this.handleRemove(e);break}this.$emit("keydown",{target:this.target,event:e})},handleFocus(e){this.handleDispatchFocus&&this.handleDispatchFocus({payload:this.$props.value,type:o.FOCUS_ACTION.current,event:e}),this.$emit("focus",{target:this.target,event:e})},handleBlur(e){this.$emit("blur",{target:this.target,event:e})}},setup(){return{chipRef:a.ref(null)}},render(){const{size:e,rounded:n,themeColor:c,fillMode:r,look:s,avatar:i,icon:d,svgIcon:h,selectedIcon:u,selectedSvgIcon:p,removeIcon:f,removeSvgIcon:v}=this.$props,g=t.templateRendering.call(this,i,t.getListeners.call(this)),k=i?a.createVNode("div",{class:`k-chip-avatar k-avatar k-rounded-${i.rounded||"medium"} k-avatar-${t.kendoThemeMaps.sizeMap[e]||e} k-avatar-solid k-avatar-solid-primary`,style:i.style},[a.createVNode("span",{class:"k-avatar-image"},[a.createVNode("img",{src:i.imageUrl,alt:i.imageAlt},null)])]):null,y=t.getTemplate.call(this,{h:a.h,template:g});return a.createVNode("div",{role:this.$props.role,id:this.$props.value,ref:t.setRef(this,"chip"),dir:this.currentDir,tabindex:t.getTabIndex(this.$props.tabIndex,this.$props.disabled,void 0),class:t.classNames("k-chip",{"k-rtl":this.currentDir==="rtl","k-disabled":this.$props.disabled,"k-selected":this.currentSelected,"k-focus":this.computedFocused(),[`k-chip-${t.kendoThemeMaps.sizeMap[e]||e}`]:e,[`k-rounded-${t.kendoThemeMaps.roundedMap[n]||n}`]:n,[`k-chip-${r}`]:r,[`k-chip-${c}`]:c,"k-chip-outline":s==="outline"||s==="outlined","k-chip-solid":s==="solid"||s==="filled"||r==="solid"}),"aria-pressed":this.$props.role==="button"?this.currentSelected:void 0,"aria-selected":this.$props.role==="option"?this.currentSelected:void 0,"aria-disabled":this.$props.disabled||void 0,"aria-label":this.$props.ariaLabel,"aria-describedby":this.$props.ariaDescribedBy,onFocus:this.handleFocus,onBlur:this.handleBlur,onClick:this.handleClick,onKeydown:this.handleKeyDown,onMousedown:this.handleMouseDown},[this.currentSelected&&(u||p)&&a.createVNode(t.Icon,{name:t.getIconName(u),icon:p,size:"small"},null),(d||h)&&a.createVNode(t.Icon,{name:t.getIconName(d),icon:h,size:"small",class:"k-chip-icon"},null),i?i.imageUrl?k:y:null,a.createVNode("span",{class:"k-chip-content"},[this.$props.text&&a.createVNode("span",{class:this.chipLabelClass},[this.$props.text])]),this.$props.removable&&a.createVNode("span",{class:"k-chip-actions"},[a.createVNode("span",{class:"k-chip-action k-chip-remove-action"},[a.createVNode(t.Icon,{name:t.getIconName(f),icon:v,size:"small",onClick:this.handleRemove},null)])])])}});exports.Chip=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),t=require("@progress/kendo-vue-common"),m=require("@progress/kendo-svg-icons"),o=require("./focus-reducer.js"),$=require("./data-reducer.js"),l=require("./selection-reducer.js"),S=require("../package-metadata.js"),b=a.defineComponent({name:"KendoVueChip",props:{id:String,text:String,avatar:{type:[String,Function,Object],default:function(){}},value:[String,Object],dir:{type:String,default:function(){return"ltr"}},removable:{type:Boolean,default:!1},removeIcon:{type:String,default:function(){return"x-circle"}},removeSvgIcon:{type:Object,default:function(){return m.xCircleIcon}},disabled:{type:Boolean,default:!1},icon:String,svgIcon:Object,selectedIcon:{type:String,default:function(){return"check"}},selectedSvgIcon:{type:Object,default:function(){return m.checkIcon}},size:String,rounded:String,fillMode:{type:String,validator:function(e){return["flat","outline","solid"].includes(e)}},themeColor:{type:String,validator:function(e){return["base","error","info","success","warning"].includes(e)}},dataItem:Object,selected:Boolean,ariaDescribedBy:String,role:{type:String,default:"button"},tabIndex:Number,onMousedown:Function},emits:{click:e=>!0,keydown:e=>!0,blur:e=>!0,focus:e=>!0,remove:e=>!0},inject:{kendoSelection:{default:{value:null}},kendoFocused:{default:{value:null}},kendoDataItems:{default:null},handleDispatchDataItems:{default:t.noop},handleDispatchSelection:{default:t.noop},handleDispatchFocus:{default:t.noop}},created(){this.currentDir=void 0,t.validatePackage(S.packageMetadata)},mounted(){this.chip=t.getRef(this,"chip"),this.currentDir=this.$props.dir!==void 0?this.$props.dir==="rtl":this.$el&&getComputedStyle(this.$el).direction==="rtl"||!1},updated(){this.kendoFocused.value===this.$props.value&&this.$el&&this.$el.focus()},computed:{currentSelected(){return this.$props.selected||(Array.isArray(this.kendoSelection.value)?this.kendoSelection.value.some(e=>e===this.$props.value):this.kendoSelection.value===this.$props.value)},chipLabelClass(){return{"k-chip-label":!0}}},methods:{computedFocused(){return this.kendoFocused.value===this.$props.value},handleMouseDown(e){this.$emit("mousedown",e)},handleClick(e){this.handleDispatchSelection&&this.handleDispatchSelection({type:l.SELECTION_ACTION.toggle,payload:this.$props.value,event:e}),this.$emit("click",{target:this.target,event:e})},handleRemove(e){e.stopPropagation(),this.$props.removable&&(this.handleDispatchFocus&&(this.handleDispatchDataItems({type:$.DATA_ACTION.remove,payload:this.$props.value,event:e}),this.handleDispatchFocus({type:o.FOCUS_ACTION.reset,payload:this.$props.value,event:e}),this.handleDispatchSelection({type:l.SELECTION_ACTION.remove,payload:this.$props.value,event:e})),this.$emit("remove",{target:this.target,event:e}))},handleKeyDown(e){switch(e.keyCode){case t.Keys.left:this.handleDispatchFocus&&this.handleDispatchFocus({type:o.FOCUS_ACTION.prev,payload:this.$props.value,event:e});break;case t.Keys.right:this.handleDispatchFocus&&this.handleDispatchFocus({type:o.FOCUS_ACTION.next,payload:this.$props.value,event:e});break;case t.Keys.enter:this.handleDispatchFocus&&this.handleDispatchSelection({type:l.SELECTION_ACTION.toggle,payload:this.$props.value,event:e});break;case t.Keys.delete:this.handleRemove(e);break}this.$emit("keydown",{target:this.target,event:e})},handleFocus(e){this.handleDispatchFocus&&this.handleDispatchFocus({payload:this.$props.value,type:o.FOCUS_ACTION.current,event:e}),this.$emit("focus",{target:this.target,event:e})},handleBlur(e){this.$emit("blur",{target:this.target,event:e})}},setup(){return{chipRef:a.ref(null)}},render(){const{size:e,rounded:n,themeColor:c,fillMode:r,look:s,avatar:i,icon:d,svgIcon:h,selectedIcon:u,selectedSvgIcon:p,removeIcon:v,removeSvgIcon:f}=this.$props,g=t.templateRendering.call(this,i,t.getListeners.call(this)),k=i?a.createVNode("div",{class:`k-chip-avatar k-avatar k-rounded-${i.rounded||"medium"} k-avatar-${t.kendoThemeMaps.sizeMap[e]||e} k-avatar-solid k-avatar-solid-primary`,style:i.style},[a.createVNode("span",{class:"k-avatar-image"},[a.createVNode("img",{src:i.imageUrl,alt:i.imageAlt},null)])]):null,y=t.getTemplate.call(this,{h:a.h,template:g});return a.createVNode("div",{role:this.$props.role,id:this.$props.value,ref:t.setRef(this,"chip"),dir:this.currentDir,tabindex:t.getTabIndex(this.$props.tabIndex,this.$props.disabled,void 0),class:t.classNames("k-chip",{"k-rtl":this.currentDir==="rtl","k-disabled":this.$props.disabled,"k-selected":this.currentSelected,"k-focus":this.computedFocused(),[`k-chip-${t.kendoThemeMaps.sizeMap[e]||e}`]:e,[`k-rounded-${t.kendoThemeMaps.roundedMap[n]||n}`]:n,[`k-chip-${r}`]:r,[`k-chip-${c}`]:c,"k-chip-outline":s==="outline"||s==="outlined","k-chip-solid":s==="solid"||s==="filled"||r==="solid"}),"aria-pressed":this.$props.role==="button"?this.currentSelected:void 0,"aria-selected":this.$props.role==="option"?this.currentSelected:void 0,"aria-disabled":this.$props.disabled,"aria-describedby":this.$props.ariaDescribedBy,onFocus:this.handleFocus,onBlur:this.handleBlur,onClick:this.handleClick,onKeydown:this.handleKeyDown,onMousedown:this.handleMouseDown},[this.currentSelected&&(u||p)&&a.createVNode(t.Icon,{name:t.getIconName(u),icon:p,size:"small"},null),(d||h)&&a.createVNode(t.Icon,{name:t.getIconName(d),icon:h,size:"small"},null),i?i.imageUrl?k:y:null,a.createVNode("span",{class:"k-chip-content"},[this.$props.text&&a.createVNode("span",{"aria-label":this.$props.text,class:this.chipLabelClass},[this.$props.text])]),this.$props.removable&&a.createVNode("span",{class:"k-chip-actions"},[a.createVNode("span",{class:"k-chip-action k-chip-remove-action"},[a.createVNode(t.Icon,{name:t.getIconName(v),icon:f,size:"small",onClick:this.handleRemove},null)])])])}});exports.Chip=b;

package/Chip/Chip.mjs

@@ -6,7 +6,7 @@
  *-------------------------------------------------------------------------------------------
  */
 import { defineComponent as D, createVNode as t, h as I, ref as F } from "vue";
-import { noop as r, templateRendering as C, getListeners as w, kendoThemeMaps as c, getTemplate as x, classNames as M, getTabIndex as O, setRef as R, Icon as d, getIconName as h, Keys as s, getRef as T, validatePackage as A } from "@progress/kendo-vue-common";
+import { noop as n, templateRendering as C, getListeners as w, kendoThemeMaps as c, getTemplate as x, classNames as M, getTabIndex as O, setRef as R, Icon as d, getIconName as h, Keys as a, getRef as T, validatePackage as A } from "@progress/kendo-vue-common";
 import { checkIcon as B, xCircleIcon as N } from "@progress/kendo-svg-icons";
 import { FOCUS_ACTION as o } from "./focus-reducer.mjs";
 import { DATA_ACTION as j } from "./data-reducer.mjs";
@@ -85,7 +85,6 @@ const q = /* @__PURE__ */ D({
       default: "button"
     },
     tabIndex: Number,
-    ariaLabel: String,
     onMousedown: Function
   },
   emits: {
@@ -110,13 +109,13 @@ const q = /* @__PURE__ */ D({
       default: null
     },
     handleDispatchDataItems: {
-      default: r
+      default: n
     },
     handleDispatchSelection: {
-      default: r
+      default: n
     },
     handleDispatchFocus: {
-      default: r
+      default: n
     }
   },
   created() {
@@ -175,28 +174,28 @@ const q = /* @__PURE__ */ D({
     },
     handleKeyDown(e) {
       switch (e.keyCode) {
-        case s.left:
+        case a.left:
           this.handleDispatchFocus && this.handleDispatchFocus({
             type: o.prev,
             payload: this.$props.value,
             event: e
           });
           break;
-        case s.right:
+        case a.right:
           this.handleDispatchFocus && this.handleDispatchFocus({
             type: o.next,
             payload: this.$props.value,
             event: e
           });
           break;
-        case s.enter:
+        case a.enter:
           this.handleDispatchFocus && this.handleDispatchSelection({
             type: p.toggle,
             payload: this.$props.value,
             event: e
           });
           break;
-        case s.delete:
+        case a.delete:
           this.handleRemove(e);
           break;
       }
@@ -232,8 +231,8 @@ const q = /* @__PURE__ */ D({
       size: e,
       rounded: l,
       themeColor: u,
-      fillMode: n,
-      look: a,
+      fillMode: r,
+      look: s,
       avatar: i,
       icon: m,
       svgIcon: f,
@@ -266,15 +265,14 @@ const q = /* @__PURE__ */ D({
         "k-focus": this.computedFocused(),
         [`k-chip-${c.sizeMap[e] || e}`]: e,
         [`k-rounded-${c.roundedMap[l] || l}`]: l,
-        [`k-chip-${n}`]: n,
+        [`k-chip-${r}`]: r,
         [`k-chip-${u}`]: u,
-        "k-chip-outline": a === "outline" || a === "outlined",
-        "k-chip-solid": a === "solid" || a === "filled" || n === "solid"
+        "k-chip-outline": s === "outline" || s === "outlined",
+        "k-chip-solid": s === "solid" || s === "filled" || r === "solid"
       }),
       "aria-pressed": this.$props.role === "button" ? this.currentSelected : void 0,
       "aria-selected": this.$props.role === "option" ? this.currentSelected : void 0,
-      "aria-disabled": this.$props.disabled || void 0,
-      "aria-label": this.$props.ariaLabel,
+      "aria-disabled": this.$props.disabled,
       "aria-describedby": this.$props.ariaDescribedBy,
       onFocus: this.handleFocus,
       onBlur: this.handleBlur,
@@ -288,11 +286,11 @@ const q = /* @__PURE__ */ D({
     }, null), (m || f) && t(d, {
       name: h(m),
       icon: f,
-      size: "small",
-      class: "k-chip-icon"
+      size: "small"
     }, null), i ? i.imageUrl ? b : S : null, t("span", {
       class: "k-chip-content"
     }, [this.$props.text && t("span", {
+      "aria-label": this.$props.text,
       class: this.chipLabelClass
     }, [this.$props.text])]), this.$props.removable && t("span", {
       class: "k-chip-actions"

package/FloatingActionButton/FloatingActionButton.d.ts

@@ -40,7 +40,7 @@ declare const FloatingActionButton: import('vue').DefineComponent<import('vue').
     };
     positionMode: {
         type: PropType<FloatingActionButtonPositionMode>;
-        default: any;
+        default: () => FloatingActionButtonPositionMode;
     };
     popupSettings: {
         type: PropType<import('..').FloatingActionButtonPopupSettings>;
@@ -68,11 +68,9 @@ declare const FloatingActionButton: import('vue').DefineComponent<import('vue').
         'k-fab': boolean;
         'k-disabled': any;
         'k-focus': any;
-        'k-pos-absolute': boolean;
-        'k-pos-fixed': boolean;
     };
     computedOpened(): any;
-    rootClassNames(): any;
+    rootClassNames(): string;
 }, {
     dispatchPopupEvent(dispatchedEvent: any, isOpen?: boolean): void;
     handleClick(event: any): void;
@@ -120,7 +118,7 @@ declare const FloatingActionButton: import('vue').DefineComponent<import('vue').
     };
     positionMode: {
         type: PropType<FloatingActionButtonPositionMode>;
-        default: any;
+        default: () => FloatingActionButtonPositionMode;
     };
     popupSettings: {
         type: PropType<import('..').FloatingActionButtonPopupSettings>;

package/FloatingActionButton/FloatingActionButton.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),s=require("@progress/kendo-vue-common"),I=require("./FloatingActionButtonItem.js"),y=require("../package-metadata.js"),u=require("./utils.js"),x=require("@progress/kendo-vue-popup"),v=o.defineComponent({name:"KendoVueFloatingActionButton",props:{id:String,dir:String,tabIndex:Number,accessKey:String,disabled:{type:Boolean,default:!1},icon:String,svgIcon:Object,iconClass:String,items:[Object,Array],item:[String,Function,Object],text:String,alignOffset:Object,opened:{type:Boolean,default:void 0},align:{type:Object,default:function(){return{vertical:"bottom",horizontal:"end"}}},positionMode:{type:String,default:void 0},popupSettings:{type:Object,default:function(){return{}}},rounded:String,fillMode:{type:String,validator:function(e){return["flat","link","outline","solid"].includes(e)}},size:String,themeColor:String},emits:{click:e=>!0,mousedown:e=>!0,mouseup:e=>!0,open:e=>!0,close:e=>!0,itemclick:e=>!0,focus:e=>!0,blur:e=>!0,keydown:e=>!0},data(){return{currentOpened:!1,currentFocused:!1,focusedIndex:-1,currentDir:"ltr",isRtl:!1}},created(){s.validatePackage(y.packageMetadata),this.element=void 0,this._anchor=s.guid(),this.listId=s.guid(),this.buttonId=s.guid()},mounted(){this.element=this.kendoAnchorRef,this.list=s.getRef(this,"list"),this.popup=s.getRef(this,"popup"),this.currentDir=this.$props.dir!==void 0?this.$props.dir:this.$el&&getComputedStyle(this.$el).direction==="rtl"||!1,this.isRtl=this.currentDir==="rtl",this.opened!==void 0&&u.position(this.$el,this.$props.align,this.$props.alignOffset,this.isRtl)},updated(){u.position(this.$el,this.$props.align,this.$props.alignOffset,this.isRtl),this.currentFocused&&this.element&&this.element.focus()},computed:{buttonClassNames(){const{size:e,themeColor:t,fillMode:n,rounded:i,positionMode:d}=this.$props;return{"k-fab":!0,[`k-fab-${s.kendoThemeMaps.sizeMap[e]||e}`]:e,[`k-rounded-${s.kendoThemeMaps.roundedMap[i]||i}`]:i,[`k-fab-${n}`]:n,[`k-fab-${t}`]:t,"k-disabled":this.$props.disabled,"k-focus":this.currentFocused,"k-pos-absolute":d==="absolute","k-pos-fixed":d==="fixed",[`k-${this.$props.align.vertical}-${this.$props.align.horizontal}`]:!!d}},computedOpened(){return this.$props.opened===void 0?this.currentOpened:this.$props.opened},rootClassNames(){}},methods:{dispatchPopupEvent(e,t){this.$props.items&&this.$emit(t?"open":"close",{event:e,isOpened:!t})},handleClick(e){if(!(!e.target||this.$props.disabled))if(!this.$props.items)this.$emit("click",e,void 0);else{const t=!this.computedOpened;this.currentOpened=t,this.currentFocused=!0,this.focusedIndex=t?0:-1,this.dispatchPopupEvent(e,!this.computedOpened)}},handleFocus(e){this.currentFocused=!0,this.focusedIndex=this.computedOpened?0:-1,this.$emit("focus",{event:e})},handleBlur(e){this.currentFocused=!1,this.currentOpened=!1,this.focusedIndex=-1,this.$emit("blur",{event:e}),this.computedOpened&&this.dispatchPopupEvent(e,!1)},handleMouseDown(e){e.preventDefault(),this.$emit("mousedown",e)},handleMouseUp(e){this.$emit("mouseup",e)},dispatchItemClickEvent(e,t){this.$props.items&&(this.$props.items[t].disabled||this.$emit("itemclick",e,{itemProps:this.$props.items[t],itemIndex:t}))},handleItemClick(e,t){!e.target||!this.$props.items||(this.focusedIndex=t,this.currentOpened=!1,this.dispatchItemClickEvent(e,t),this.dispatchPopupEvent(e,!1))},handleItemDown(e){s.canUseDOM&&document.activeElement===this.element&&e.preventDefault()},handleKeyDown(e){const t=this.focusedIndex,n=this.$props.items?this.$props.items.length-1:-1,i=this.$props.align.vertical==="bottom";switch(e.keyCode){case s.Keys.enter:case s.Keys.space:t>=0&&this.dispatchItemClickEvent(e,t),e.preventDefault(),this.currentOpened=!this.currentOpened,this.focusedIndex=this.currentOpened?-1:0;break;case s.Keys.esc:e.preventDefault(),this.currentOpened=!1,this.focusedIndex=-1;break;case s.Keys.home:e.preventDefault(),this.focusedIndex=0;break;case s.Keys.end:e.preventDefault(),this.focusedIndex=n;break;case s.Keys.down:case s.Keys.right:e.preventDefault(),t<n&&!i&&(this.focusedIndex=t+1),t>0&&i&&(this.focusedIndex=t-1);break;case s.Keys.up:case s.Keys.left:e.preventDefault(),t>0&&!i&&(this.focusedIndex=t-1),t<n&&i&&(this.focusedIndex=t+1);break}this.$emit("keydown",e,void 0)}},setup(){const e=o.ref(null),t=o.ref(null);return{chipRef:e,kendoAnchorRef:t}},render(){const{align:e,disabled:t,icon:n,svgIcon:i,iconClass:d,id:h,items:r,text:c,tabIndex:g,accessKey:b,popupSettings:l}=this.$props,k=s.templateRendering.call(this,this.$props.item,s.getListeners.call(this)),$=function(){return r&&r.map(function(a,p){return o.createVNode(I.FloatingActionButtonItem,{key:p,index:p,id:`${this.listId}-${p}`,disabled:t||a.disabled,focused:this.focusedIndex===p,dataItem:a,item:k,class:s.classNames(a.className,u.getTextDirectionClass(this.currentDir||"ltr",e.horizontal)),onClick:this.handleItemClick,onDown:this.handleItemDown},null)},this)},f=n&&!c,m=(this.element?this.element.offsetWidth:0)/2-32/2;return o.createVNode("div",{class:this.rootClassNames},[o.createVNode("button",{ref:a=>{this.kendoAnchorRef=a},id:h||this.buttonId,role:r?"menubutton":void 0,type:"button","aria-disabled":t||void 0,"aria-expanded":r?this.computedOpened:void 0,"aria-haspopup":r?!0:void 0,"aria-label":!c&&(n||i||d)?"Action":void 0,"aria-owns":r?this.listId:void 0,"aria-activedescendant":this.focusedIndex>=0&&r?`${this.listId}-${this.focusedIndex}`:void 0,tabindex:s.getTabIndex(g,t),accesskey:b,dir:this.currentDir,disabled:t,class:this.buttonClassNames,onClick:this.handleClick,onMousedown:this.handleMouseDown,onMouseup:this.handleMouseUp,onFocusin:this.handleFocus,onBlur:this.handleBlur,onKeydown:this.handleKeyDown},[n||i?o.createVNode(s.Icon,{name:n,icon:i,class:"k-fab-icon"},null):d?o.createVNode(s.Icon,{class:d},null):null,c&&o.createVNode("span",{class:"k-fab-text"},[c])]),o.createVNode(x.Popup,{ref:s.setRef(this,"popup"),show:this.computedOpened,anchor:this._anchor,animate:l.animate,popupClass:s.classNames("k-popup-transparent k-fab-popup",l.popupClass),anchorAlign:l.anchorAlign||u.getAnchorAlign(e,this.isRtl),popupAlign:l.popupAlign||u.getPopupAlign(e,this.isRtl),style:{boxShadow:"none"}},{default:()=>[o.createVNode("ul",{ref:s.setRef(this,"list"),role:"menu","aria-labelledby":h,id:this.listId,class:s.classNames("k-fab-items",{"k-fab-items-bottom":e.vertical!=="bottom","k-fab-items-top":e.vertical==="bottom"}),style:{paddingLeft:f?m+"px":void 0,paddingRight:f?m+"px":void 0}},[$.call(this)])]})])}});exports.FloatingActionButton=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),s=require("@progress/kendo-vue-common"),y=require("./FloatingActionButtonItem.js"),x=require("../package-metadata.js"),a=require("./utils.js"),v=require("@progress/kendo-vue-popup"),O=n.defineComponent({name:"KendoVueFloatingActionButton",props:{id:String,dir:String,tabIndex:Number,accessKey:String,disabled:{type:Boolean,default:!1},icon:String,svgIcon:Object,iconClass:String,items:[Object,Array],item:[String,Function,Object],text:String,alignOffset:Object,opened:{type:Boolean,default:void 0},align:{type:Object,default:function(){return{vertical:"bottom",horizontal:"end"}}},positionMode:{type:String,default:function(){return"fixed"}},popupSettings:{type:Object,default:function(){return{}}},rounded:String,fillMode:{type:String,validator:function(e){return["flat","link","outline","solid"].includes(e)}},size:String,themeColor:String},emits:{click:e=>!0,mousedown:e=>!0,mouseup:e=>!0,open:e=>!0,close:e=>!0,itemclick:e=>!0,focus:e=>!0,blur:e=>!0,keydown:e=>!0},data(){return{currentOpened:!1,currentFocused:!1,focusedIndex:-1,currentDir:"ltr",isRtl:!1}},created(){s.validatePackage(x.packageMetadata),this.element=void 0,this._anchor=s.guid(),this.listId=s.guid(),this.buttonId=s.guid()},mounted(){this.element=this.kendoAnchorRef,this.list=s.getRef(this,"list"),this.popup=s.getRef(this,"popup"),this.currentDir=this.$props.dir!==void 0?this.$props.dir:this.$el&&getComputedStyle(this.$el).direction==="rtl"||!1,this.isRtl=this.currentDir==="rtl",this.opened!==void 0&&a.position(this.$el,this.$props.align,this.$props.alignOffset,this.isRtl)},updated(){a.position(this.$el,this.$props.align,this.$props.alignOffset,this.isRtl),this.currentFocused&&this.element&&this.element.focus()},computed:{buttonClassNames(){const{size:e,themeColor:t,fillMode:o,rounded:i}=this.$props;return{"k-fab":!0,[`k-fab-${s.kendoThemeMaps.sizeMap[e]||e}`]:e,[`k-rounded-${s.kendoThemeMaps.roundedMap[i]||i}`]:i,[`k-fab-${o}`]:o,[`k-fab-${t}`]:t,"k-disabled":this.$props.disabled,"k-focus":this.currentFocused,[`k-${this.$props.align.vertical}-${this.$props.align.horizontal}`]:!0}},computedOpened(){return this.$props.opened===void 0?this.currentOpened:this.$props.opened},rootClassNames(){return s.classNames({"k-pos-absolute":this.$props.positionMode==="absolute","k-pos-fixed":this.$props.positionMode==="fixed"})}},methods:{dispatchPopupEvent(e,t){this.$props.items&&this.$emit(t?"open":"close",{event:e,isOpened:!t})},handleClick(e){if(!(!e.target||this.$props.disabled))if(!this.$props.items)this.$emit("click",e,void 0);else{const t=!this.computedOpened;this.currentOpened=t,this.currentFocused=!0,this.focusedIndex=t?0:-1,this.dispatchPopupEvent(e,!this.computedOpened)}},handleFocus(e){this.currentFocused=!0,this.focusedIndex=this.computedOpened?0:-1,this.$emit("focus",{event:e})},handleBlur(e){this.currentFocused=!1,this.currentOpened=!1,this.focusedIndex=-1,this.$emit("blur",{event:e}),this.computedOpened&&this.dispatchPopupEvent(e,!1)},handleMouseDown(e){e.preventDefault(),this.$emit("mousedown",e)},handleMouseUp(e){this.$emit("mouseup",e)},dispatchItemClickEvent(e,t){this.$props.items&&(this.$props.items[t].disabled||this.$emit("itemclick",e,{itemProps:this.$props.items[t],itemIndex:t}))},handleItemClick(e,t){!e.target||!this.$props.items||(this.focusedIndex=t,this.currentOpened=!1,this.dispatchItemClickEvent(e,t),this.dispatchPopupEvent(e,!1))},handleItemDown(e){s.canUseDOM&&document.activeElement===this.element&&e.preventDefault()},handleKeyDown(e){const t=this.focusedIndex,o=this.$props.items?this.$props.items.length-1:-1,i=this.$props.align.vertical==="bottom";switch(e.keyCode){case s.Keys.enter:case s.Keys.space:t>=0&&this.dispatchItemClickEvent(e,t),e.preventDefault(),this.currentOpened=!this.currentOpened,this.focusedIndex=this.currentOpened?-1:0;break;case s.Keys.esc:e.preventDefault(),this.currentOpened=!1,this.focusedIndex=-1;break;case s.Keys.home:e.preventDefault(),this.focusedIndex=0;break;case s.Keys.end:e.preventDefault(),this.focusedIndex=o;break;case s.Keys.down:case s.Keys.right:e.preventDefault(),t<o&&!i&&(this.focusedIndex=t+1),t>0&&i&&(this.focusedIndex=t-1);break;case s.Keys.up:case s.Keys.left:e.preventDefault(),t>0&&!i&&(this.focusedIndex=t-1),t<o&&i&&(this.focusedIndex=t+1);break}this.$emit("keydown",e,void 0)}},setup(){const e=n.ref(null),t=n.ref(null);return{chipRef:e,kendoAnchorRef:t}},render(){var b;const{align:e,disabled:t,icon:o,svgIcon:i,iconClass:p,id:h,items:d,text:u,tabIndex:g,accessKey:k,popupSettings:c}=this.$props,$=s.templateRendering.call(this,this.$props.item,s.getListeners.call(this)),I=function(){return d&&d.map(function(r,l){return n.createVNode(y.FloatingActionButtonItem,{key:l,index:l,id:`${this.listId}-${l}`,disabled:t||r.disabled,focused:this.focusedIndex===l,dataItem:r,item:$,class:s.classNames(r.className,a.getTextDirectionClass(this.currentDir||"ltr",e.horizontal)),onClick:this.handleItemClick,onDown:this.handleItemDown},null)},this)},f=o&&!u,m=(this.element?this.element.offsetWidth:0)/2-32/2;return n.createVNode("div",{class:this.rootClassNames},[n.createVNode("button",{ref:r=>{this.kendoAnchorRef=r},id:h||this.buttonId,role:d?"menubutton":"button",type:"button","aria-disabled":t,"aria-expanded":d?this.computedOpened:void 0,"aria-haspopup":!!d,"aria-label":`${u||""} floatingactionbutton`,"aria-owns":d?this.listId:void 0,"aria-activedescendant":this.focusedIndex>=0&&d?`${this.listId}-${this.focusedIndex}`:void 0,tabindex:(b=s.getTabIndex(g,t))!=null?b:0,accesskey:k,dir:this.currentDir,disabled:t,class:this.buttonClassNames,onClick:this.handleClick,onMousedown:this.handleMouseDown,onMouseup:this.handleMouseUp,onFocusin:this.handleFocus,onBlur:this.handleBlur,onKeydown:this.handleKeyDown},[o||i?n.createVNode(s.Icon,{name:o,icon:i,class:"k-fab-icon"},null):p?n.createVNode(s.Icon,{class:p},null):null,u&&n.createVNode("span",{class:"k-fab-text"},[u])]),n.createVNode(v.Popup,{ref:s.setRef(this,"popup"),show:this.computedOpened,anchor:this._anchor,animate:c.animate,popupClass:s.classNames("k-popup-transparent k-fab-popup",c.popupClass),anchorAlign:c.anchorAlign||a.getAnchorAlign(e,this.isRtl),popupAlign:c.popupAlign||a.getPopupAlign(e,this.isRtl),style:{boxShadow:"none"}},{default:()=>[n.createVNode("ul",{ref:s.setRef(this,"list"),role:"menu","aria-labelledby":h,id:this.listId,class:s.classNames("k-fab-items",{"k-fab-items-bottom":e.vertical!=="bottom","k-fab-items-top":e.vertical==="bottom"}),style:{paddingLeft:f?m+"px":void 0,paddingRight:f?m+"px":void 0}},[I.call(this)])]})])}});exports.FloatingActionButton=O;

package/FloatingActionButton/FloatingActionButton.mjs

@@ -5,13 +5,13 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as w, createVNode as o, ref as g } from "vue";
-import { templateRendering as A, getListeners as S, getTabIndex as M, Icon as k, classNames as c, setRef as $, Keys as n, canUseDOM as F, kendoThemeMaps as I, getRef as x, validatePackage as R, guid as h } from "@progress/kendo-vue-common";
-import { FloatingActionButtonItem as E } from "./FloatingActionButtonItem.mjs";
-import { packageMetadata as B } from "../package-metadata.mjs";
-import { getPopupAlign as N, getAnchorAlign as P, position as O, getTextDirectionClass as K } from "./utils.mjs";
-import { Popup as j } from "@progress/kendo-vue-popup";
-const G = /* @__PURE__ */ w({
+import { defineComponent as M, createVNode as o, ref as $ } from "vue";
+import { templateRendering as S, getListeners as A, getTabIndex as F, Icon as k, classNames as p, setRef as I, Keys as n, canUseDOM as R, kendoThemeMaps as x, getRef as O, validatePackage as E, guid as c } from "@progress/kendo-vue-common";
+import { FloatingActionButtonItem as B } from "./FloatingActionButtonItem.mjs";
+import { packageMetadata as N } from "../package-metadata.mjs";
+import { getPopupAlign as P, getAnchorAlign as K, position as v, getTextDirectionClass as j } from "./utils.mjs";
+import { Popup as z } from "@progress/kendo-vue-popup";
+const H = /* @__PURE__ */ M({
   name: "KendoVueFloatingActionButton",
   props: {
     id: String,
@@ -44,7 +44,9 @@ const G = /* @__PURE__ */ w({
     },
     positionMode: {
       type: String,
-      default: void 0
+      default: function() {
+        return "fixed";
+      }
     },
     popupSettings: {
       type: Object,
@@ -83,13 +85,13 @@ const G = /* @__PURE__ */ w({
     };
   },
   created() {
-    R(B), this.element = void 0, this._anchor = h(), this.listId = h(), this.buttonId = h();
+    E(N), this.element = void 0, this._anchor = c(), this.listId = c(), this.buttonId = c();
   },
   mounted() {
-    this.element = this.kendoAnchorRef, this.list = x(this, "list"), this.popup = x(this, "popup"), this.currentDir = this.$props.dir !== void 0 ? this.$props.dir : this.$el && getComputedStyle(this.$el).direction === "rtl" || !1, this.isRtl = this.currentDir === "rtl", this.opened !== void 0 && O(this.$el, this.$props.align, this.$props.alignOffset, this.isRtl);
+    this.element = this.kendoAnchorRef, this.list = O(this, "list"), this.popup = O(this, "popup"), this.currentDir = this.$props.dir !== void 0 ? this.$props.dir : this.$el && getComputedStyle(this.$el).direction === "rtl" || !1, this.isRtl = this.currentDir === "rtl", this.opened !== void 0 && v(this.$el, this.$props.align, this.$props.alignOffset, this.isRtl);
   },
   updated() {
-    O(this.$el, this.$props.align, this.$props.alignOffset, this.isRtl), this.currentFocused && this.element && this.element.focus();
+    v(this.$el, this.$props.align, this.$props.alignOffset, this.isRtl), this.currentFocused && this.element && this.element.focus();
   },
   computed: {
     buttonClassNames() {
@@ -97,26 +99,27 @@ const G = /* @__PURE__ */ w({
         size: e,
         themeColor: t,
         fillMode: i,
-        rounded: s,
-        positionMode: d
+        rounded: s
       } = this.$props;
       return {
         "k-fab": !0,
-        [`k-fab-${I.sizeMap[e] || e}`]: e,
-        [`k-rounded-${I.roundedMap[s] || s}`]: s,
+        [`k-fab-${x.sizeMap[e] || e}`]: e,
+        [`k-rounded-${x.roundedMap[s] || s}`]: s,
         [`k-fab-${i}`]: i,
         [`k-fab-${t}`]: t,
         "k-disabled": this.$props.disabled,
         "k-focus": this.currentFocused,
-        "k-pos-absolute": d === "absolute",
-        "k-pos-fixed": d === "fixed",
-        [`k-${this.$props.align.vertical}-${this.$props.align.horizontal}`]: !!d
+        [`k-${this.$props.align.vertical}-${this.$props.align.horizontal}`]: !0
       };
     },
     computedOpened() {
       return this.$props.opened === void 0 ? this.currentOpened : this.$props.opened;
     },
     rootClassNames() {
+      return p({
+        "k-pos-absolute": this.$props.positionMode === "absolute",
+        "k-pos-fixed": this.$props.positionMode === "fixed"
+      });
     }
   },
   methods: {
@@ -161,7 +164,7 @@ const G = /* @__PURE__ */ w({
       !e.target || !this.$props.items || (this.focusedIndex = t, this.currentOpened = !1, this.dispatchItemClickEvent(e, t), this.dispatchPopupEvent(e, !1));
     },
     handleItemDown(e) {
-      F && document.activeElement === this.element && e.preventDefault();
+      R && document.activeElement === this.element && e.preventDefault();
     },
     handleKeyDown(e) {
       const t = this.focusedIndex, i = this.$props.items ? this.$props.items.length - 1 : -1, s = this.$props.align.vertical === "bottom";
@@ -192,58 +195,59 @@ const G = /* @__PURE__ */ w({
     }
   },
   setup() {
-    const e = g(null), t = g(null);
+    const e = $(null), t = $(null);
     return {
       chipRef: e,
       kendoAnchorRef: t
     };
   },
   render() {
+    var g;
     const {
       align: e,
       disabled: t,
       icon: i,
       svgIcon: s,
-      iconClass: d,
+      iconClass: h,
       id: f,
       items: r,
-      text: u,
-      tabIndex: v,
-      accessKey: C,
+      text: a,
+      tabIndex: C,
+      accessKey: y,
       popupSettings: l
-    } = this.$props, y = A.call(this, this.$props.item, S.call(this)), D = function() {
-      return r && r.map(function(a, p) {
-        return o(E, {
-          key: p,
-          index: p,
-          id: `${this.listId}-${p}`,
-          disabled: t || a.disabled,
-          focused: this.focusedIndex === p,
-          dataItem: a,
-          item: y,
-          class: c(a.className, K(this.currentDir || "ltr", e.horizontal)),
+    } = this.$props, D = S.call(this, this.$props.item, A.call(this)), w = function() {
+      return r && r.map(function(d, u) {
+        return o(B, {
+          key: u,
+          index: u,
+          id: `${this.listId}-${u}`,
+          disabled: t || d.disabled,
+          focused: this.focusedIndex === u,
+          dataItem: d,
+          item: D,
+          class: p(d.className, j(this.currentDir || "ltr", e.horizontal)),
           onClick: this.handleItemClick,
           onDown: this.handleItemDown
         }, null);
       }, this);
-    }, m = i && !u, b = (this.element ? this.element.offsetWidth : 0) / 2 - 32 / 2;
+    }, m = i && !a, b = (this.element ? this.element.offsetWidth : 0) / 2 - 32 / 2;
     return o("div", {
       class: this.rootClassNames
     }, [o("button", {
-      ref: (a) => {
-        this.kendoAnchorRef = a;
+      ref: (d) => {
+        this.kendoAnchorRef = d;
       },
       id: f || this.buttonId,
-      role: r ? "menubutton" : void 0,
+      role: r ? "menubutton" : "button",
       type: "button",
-      "aria-disabled": t || void 0,
+      "aria-disabled": t,
       "aria-expanded": r ? this.computedOpened : void 0,
-      "aria-haspopup": r ? !0 : void 0,
-      "aria-label": !u && (i || s || d) ? "Action" : void 0,
+      "aria-haspopup": !!r,
+      "aria-label": `${a || ""} floatingactionbutton`,
       "aria-owns": r ? this.listId : void 0,
       "aria-activedescendant": this.focusedIndex >= 0 && r ? `${this.listId}-${this.focusedIndex}` : void 0,
-      tabindex: M(v, t),
-      accesskey: C,
+      tabindex: (g = F(C, t)) != null ? g : 0,
+      accesskey: y,
       dir: this.currentDir,
       disabled: t,
       class: this.buttonClassNames,
@@ -257,28 +261,28 @@ const G = /* @__PURE__ */ w({
       name: i,
       icon: s,
       class: "k-fab-icon"
-    }, null) : d ? o(k, {
-      class: d
-    }, null) : null, u && o("span", {
+    }, null) : h ? o(k, {
+      class: h
+    }, null) : null, a && o("span", {
       class: "k-fab-text"
-    }, [u])]), o(j, {
-      ref: $(this, "popup"),
+    }, [a])]), o(z, {
+      ref: I(this, "popup"),
       show: this.computedOpened,
       anchor: this._anchor,
       animate: l.animate,
-      popupClass: c("k-popup-transparent k-fab-popup", l.popupClass),
-      anchorAlign: l.anchorAlign || P(e, this.isRtl),
-      popupAlign: l.popupAlign || N(e, this.isRtl),
+      popupClass: p("k-popup-transparent k-fab-popup", l.popupClass),
+      anchorAlign: l.anchorAlign || K(e, this.isRtl),
+      popupAlign: l.popupAlign || P(e, this.isRtl),
       style: {
         boxShadow: "none"
       }
     }, {
       default: () => [o("ul", {
-        ref: $(this, "list"),
+        ref: I(this, "list"),
         role: "menu",
         "aria-labelledby": f,
         id: this.listId,
-        class: c("k-fab-items", {
+        class: p("k-fab-items", {
           "k-fab-items-bottom": e.vertical !== "bottom",
           "k-fab-items-top": e.vertical === "bottom"
         }),
@@ -286,10 +290,10 @@ const G = /* @__PURE__ */ w({
           paddingLeft: m ? b + "px" : void 0,
           paddingRight: m ? b + "px" : void 0
         }
-      }, [D.call(this)])]
+      }, [w.call(this)])]
     })]);
   }
 });
 export {
-  G as FloatingActionButton
+  H as FloatingActionButton
 };

package/FloatingActionButton/interfaces/FloatingActionButtonProps.d.ts

@@ -154,16 +154,10 @@ export interface FloatingActionButtonProps extends Omit<any, 'onBlur' | 'onFocus
      * [see example]({% slug appearance_floatingactionbutton %}).
      *
      * The possible values are:
-     * * `primary` (Default)&mdash;Applies coloring based on the primary theme color.
+        * * `base` (Default)&mdash;Applies base coloring.
+        * * `primary`&mdash;Applies coloring based on the primary theme color.
      * * `secondary`&mdash;Applies coloring based on the secondary theme color.
      * * `tertiary`&mdash; Applies coloring based on the tertiary theme color.
-     * * `info`&mdash;Applies coloring based on the info theme color.
-     * * `success`&mdash; Applies coloring based on the success theme color.
-     * * `warning`&mdash; Applies coloring based on the warning theme color.
-     * * `error`&mdash; Applies coloring based on the error theme color.
-     * * `dark`&mdash; Applies coloring based on the dark theme color.
-     * * `light`&mdash; Applies coloring based on the light theme color.
-     * * `inverse`&mdash; Applies coloring based on the inverse theme color.
      *
      */
     themeColor?: FloatingActionButtonThemeColor;

package/FloatingActionButton/models/theme-color.d.ts

@@ -9,16 +9,10 @@
  * Specifies the theme color of the Floating Action Button..
  *
  * The possible values are:
- * * `primary` (Default)—Applies coloring based on the primary theme color.
+ * * `base` (Default)—Applies base coloring.
+ * * `primary`—Applies coloring based on the primary theme color.
  * * `secondary`—Applies coloring based on the secondary theme color.
  * * `tertiary`— Applies coloring based on the tertiary theme color.
- * * `info`—Applies coloring based on the info theme color.
- * * `success`— Applies coloring based on the success theme color.
- * * `warning`— Applies coloring based on the warning theme color.
- * * `error`— Applies coloring based on the error theme color.
- * * `dark`— Applies coloring based on the dark theme color.
- * * `light`— Applies coloring based on the light theme color.
- * * `inverse`— Applies coloring based on the inverse theme color.
  *
  */
-export type FloatingActionButtonThemeColor = 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse';
+export type FloatingActionButtonThemeColor = 'base' | 'primary' | 'secondary' | 'tertiary';

package/ListButton/ButtonItem.d.ts

@@ -19,8 +19,6 @@ export interface ButtonItemProps {
     id?: string;
     textField?: string;
     role?: string;
-    first?: boolean;
-    last?: boolean;
 }
 /**
  * @hidden
@@ -34,8 +32,6 @@ declare const ButtonItem: import('vue').DefineComponent<import('vue').ExtractPro
     id: PropType<string>;
     textField: PropType<string>;
     role: PropType<string>;
-    first: PropType<boolean>;
-    last: PropType<boolean>;
 }>, {}, {}, {
     wrapperClass(): object;
     innerClass(): object;
@@ -54,8 +50,6 @@ declare const ButtonItem: import('vue').DefineComponent<import('vue').ExtractPro
     id: PropType<string>;
     textField: PropType<string>;
     role: PropType<string>;
-    first: PropType<boolean>;
-    last: PropType<boolean>;
 }>> & Readonly<{
     onClick?: (event: any, index: number) => any;
     onDown?: (event: any, index: number) => any;

package/ListButton/ButtonItem.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 t=require("vue"),o=require("@progress/kendo-vue-common"),c=t.defineComponent({name:"KendoButtonItem",emits:{click:(e,n)=>!0,down:(e,n)=>!0},props:{focused:Boolean,index:Number,item:Object,render:[String,Object,Function],dataItem:[String,Object],id:String,textField:String,role:String,first:Boolean,last:Boolean},computed:{wrapperClass(){return{"k-item":!0,"k-menu-item":!0,"k-first":this.$props.first,"k-last":this.$props.last,"k-focus":this.$props.focused}},innerClass(){const{dataItem:e}=this.$props;return{"k-link k-menu-link":!0,"k-selected":e.selected,"k-disabled":e.disabled}}},methods:{onClick(e){this.$emit("click",e,this.$props.index)},onDown(e){this.$emit("down",e,this.$props.index)}},render(){const{dataItem:e,id:n,render:r}=this.$props,a=function(){const{textField:s,index:l}=this.$props,i=e.text!==void 0?e.text:s?e[s]:e,d=t.createVNode("span",{tabindex:-1,class:this.innerClass,key:"icon"},[e.icon||e.svgIcon?t.createVNode(o.Icon,{name:e.icon,icon:e.svgIcon,class:e.iconClass},null):e.iconClass&&t.createVNode("span",{class:e.iconClass,role:"presentation"},null),e.imageUrl&&t.createVNode("img",{class:"k-icon",alt:"",src:e.imageUrl,role:"presentation",key:"image"},null),i&&t.createVNode("span",{class:"k-menu-link-text"},[i])]);return o.getTemplate.call(this,{h:t.h,template:this.$props.dataItem.render||r,defaultRendering:d,additionalProps:{item:e,itemIndex:l,innerClass:this.innerClass,focused:this.focused}})};return t.createVNode("li",{id:n,class:this.wrapperClass,onClick:this.onClick,onMousedown:this.onDown,onPointerdown:this.onDown,role:"menuitem","aria-disabled":e.disabled||void 0},[a.call(this)])}});exports.ButtonItem=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),o=require("@progress/kendo-vue-common"),l=t.defineComponent({name:"KendoButtonItem",emits:{click:(e,n)=>!0,down:(e,n)=>!0},props:{focused:Boolean,index:Number,item:Object,render:[String,Object,Function],dataItem:[String,Object],id:String,textField:String,role:String},computed:{wrapperClass(){return{"k-item":!0,"k-focus":this.$props.focused}},innerClass(){const{dataItem:e}=this.$props;return{"k-link k-menu-link":!0,"k-selected":e.selected,"k-disabled":e.disabled}}},methods:{onClick(e){this.$emit("click",e,this.$props.index)},onDown(e){this.$emit("down",e,this.$props.index)}},render(){const{dataItem:e,id:n,render:r}=this.$props,d=function(){const{textField:i,index:a}=this.$props,s=e.text!==void 0?e.text:i?e[i]:e,c=t.createVNode("span",{tabindex:-1,class:this.innerClass,key:"icon"},[e.icon||e.svgIcon?t.createVNode(o.Icon,{name:e.icon,icon:e.svgIcon,class:e.iconClass},null):e.iconClass&&t.createVNode("span",{class:e.iconClass,role:"presentation"},null),e.imageUrl&&t.createVNode("img",{class:"k-icon",alt:"",src:e.imageUrl,role:"presentation",key:"image"},null),s&&t.createVNode("span",{class:"k-menu-link-text"},[s])]);return o.getTemplate.call(this,{h:t.h,template:this.$props.dataItem.render||r,defaultRendering:c,additionalProps:{item:e,itemIndex:a,innerClass:this.innerClass,focused:this.focused}})};return t.createVNode("li",{id:n,class:this.wrapperClass,onClick:this.onClick,onMousedown:this.onDown,onPointerdown:this.onDown,role:"menuitem","aria-disabled":e.disabled||void 0},[d.call(this)])}});exports.ButtonItem=l;