@progress/kendo-vue-buttons 8.0.3-develop.2 → 8.0.3-develop.3

package/Chip/focus-reducer.d.ts

@@ -0,0 +1,31 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * @hidden
+ */
+export declare enum FOCUS_ACTION {
+    next = "next",
+    prev = "prev",
+    current = "current",
+    reset = "reset"
+}
+/**
+ * @hidden
+ */
+export type FocusAction = {
+    type: FOCUS_ACTION;
+    payload: string;
+    items: string[];
+    target?: any;
+    event?: any;
+    state?: any;
+};
+/**
+ * @hidden
+ */
+export declare const focusReducer: (state: any, action: FocusAction) => any;

package/Chip/focus-reducer.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"});let t=function(e){return e.next="next",e.prev="prev",e.current="current",e.reset="reset",e}({});const s=(e,r)=>{const u=r.items.findIndex(n=>n===e);switch(r.type){case t.next:return u===r.items.length-1?e:r.items[u+1];case t.prev:return u===0?e:r.items[u-1];case t.current:return r.payload;case t.reset:return null;default:return e}};exports.FOCUS_ACTION=t;exports.focusReducer=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});let t=(function(e){return e.next="next",e.prev="prev",e.current="current",e.reset="reset",e})({});const s=(e,r)=>{const u=r.items.findIndex(n=>n===e);switch(r.type){case t.next:return u===r.items.length-1?e:r.items[u+1];case t.prev:return u===0?e:r.items[u-1];case t.current:return r.payload;case t.reset:return null;default:return e}};exports.FOCUS_ACTION=t;exports.focusReducer=s;

package/Chip/focus-reducer.mjs

@@ -5,9 +5,9 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-let n = /* @__PURE__ */ function(e) {
+let n = /* @__PURE__ */ (function(e) {
   return e.next = "next", e.prev = "prev", e.current = "current", e.reset = "reset", e;
-}({});
+})({});
 const s = (e, r) => {
   const t = r.items.findIndex((u) => u === e);
   switch (r.type) {

package/Chip/selection-reducer.d.ts

@@ -0,0 +1,36 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * @hidden
+ */
+export declare enum SELECTION_TYPE {
+    single = "single",
+    multiple = "multiple",
+    none = "none"
+}
+/**
+ * @hidden
+ */
+export declare enum SELECTION_ACTION {
+    toggle = "toggle",
+    remove = "remove"
+}
+/**
+ * @hidden
+ */
+export type SelectionAction = {
+    type?: SELECTION_ACTION;
+    selection: SELECTION_TYPE;
+    payload?: string;
+    event?: any;
+    state?: any;
+};
+/**
+ * @hidden
+ */
+export declare const selectionReducer: (state: any, action: SelectionAction) => any;

package/Chip/selection-reducer.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"});let u=function(e){return e.single="single",e.multiple="multiple",e.none="none",e}({}),n=function(e){return e.toggle="toggle",e.remove="remove",e}({});const o=(e,r)=>{switch(r.selection){case u.single:switch(r.type){case n.toggle:{if(!Array.isArray(e)||e===null)return r.payload===e?null:r.payload;throw new Error("State cannot be an array in single selection")}case n.remove:return r.payload===e?null:e;default:return e}case u.multiple:switch(r.type){case n.toggle:{if(Array.isArray(e))return e.some(l=>l===r.payload)?e.filter(l=>l!==r.payload):[...e,r.payload];if(e===null)return[r.payload];throw new Error("State cannot be non-array in multiple selection")}case n.remove:return Array.isArray(e)?e.some(l=>l===r.payload)?e.filter(l=>l!==r.payload):[...e,r.payload]:e;default:return e}case u.none:return null;default:return e}};exports.SELECTION_ACTION=n;exports.SELECTION_TYPE=u;exports.selectionReducer=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});let u=(function(e){return e.single="single",e.multiple="multiple",e.none="none",e})({}),n=(function(e){return e.toggle="toggle",e.remove="remove",e})({});const o=(e,r)=>{switch(r.selection){case u.single:switch(r.type){case n.toggle:{if(!Array.isArray(e)||e===null)return r.payload===e?null:r.payload;throw new Error("State cannot be an array in single selection")}case n.remove:return r.payload===e?null:e;default:return e}case u.multiple:switch(r.type){case n.toggle:{if(Array.isArray(e))return e.some(l=>l===r.payload)?e.filter(l=>l!==r.payload):[...e,r.payload];if(e===null)return[r.payload];throw new Error("State cannot be non-array in multiple selection")}case n.remove:return Array.isArray(e)?e.some(l=>l===r.payload)?e.filter(l=>l!==r.payload):[...e,r.payload]:e;default:return e}case u.none:return null;default:return e}};exports.SELECTION_ACTION=n;exports.SELECTION_TYPE=u;exports.selectionReducer=o;

package/Chip/selection-reducer.mjs

@@ -5,11 +5,11 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-let u = /* @__PURE__ */ function(r) {
+let u = /* @__PURE__ */ (function(r) {
   return r.single = "single", r.multiple = "multiple", r.none = "none", r;
-}({}), n = /* @__PURE__ */ function(r) {
+})({}), n = /* @__PURE__ */ (function(r) {
   return r.toggle = "toggle", r.remove = "remove", r;
-}({});
+})({});
 const o = (r, e) => {
   switch (e.selection) {
     case u.single:

package/FloatingActionButton/FloatingActionButton.d.ts

@@ -0,0 +1,151 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { FloatingActionButtonSize } from './models/size';
+import { FloatingActionButtonThemeColor } from './models/theme-color';
+import { FloatingActionButtonAlign } from './models/align';
+import { FloatingActionButtonPositionMode } from './models/position-mode';
+import { FloatingActionButtonItemEvent, FloatingActionButtonEvent } from './models/events';
+import { PropType } from 'vue';
+/**
+ * @hidden
+ */
+declare const FloatingActionButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    id: PropType<string>;
+    dir: PropType<string>;
+    tabIndex: PropType<number>;
+    accessKey: PropType<string>;
+    disabled: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    icon: PropType<string>;
+    svgIcon: PropType<import('@progress/kendo-vue-common').SVGIcon>;
+    iconClass: PropType<string>;
+    items: PropType<any>;
+    item: PropType<any>;
+    text: PropType<string>;
+    alignOffset: PropType<import('..').FloatingActionButtonAlignOffset>;
+    opened: {
+        type: PropType<boolean>;
+        default: any;
+    };
+    align: {
+        type: PropType<FloatingActionButtonAlign>;
+        default: () => FloatingActionButtonAlign;
+    };
+    positionMode: {
+        type: PropType<FloatingActionButtonPositionMode>;
+        default: () => FloatingActionButtonPositionMode;
+    };
+    popupSettings: {
+        type: PropType<import('..').FloatingActionButtonPopupSettings>;
+        default: () => {};
+    };
+    rounded: PropType<"small" | "medium" | "large" | "full" | "none">;
+    fillMode: {
+        type: PropType<"flat" | "link" | "solid" | "outline">;
+        validator: (value: string) => boolean;
+    };
+    size: PropType<FloatingActionButtonSize>;
+    themeColor: PropType<FloatingActionButtonThemeColor>;
+}>, {
+    chipRef: import('vue').Ref<any, any>;
+    kendoAnchorRef: import('vue').Ref<any, any>;
+}, {
+    currentOpened: boolean;
+    currentFocused: boolean;
+    focusedIndex: number;
+    currentDir: string;
+    isRtl: boolean;
+}, {
+    buttonClassNames(): {
+        [x: string]: any;
+        'k-fab': boolean;
+        'k-disabled': any;
+        'k-focus': any;
+    };
+    computedOpened(): any;
+    rootClassNames(): string;
+}, {
+    dispatchPopupEvent(dispatchedEvent: any, isOpen?: boolean): void;
+    handleClick(event: any): void;
+    handleFocus(event: FocusEvent): void;
+    handleBlur(event: FocusEvent): void;
+    handleMouseDown(event: any): void;
+    handleMouseUp(event: any): void;
+    dispatchItemClickEvent(dispatchedEvent: any, index: number): void;
+    handleItemClick(event: any, clickedItemIndex: number): void;
+    handleItemDown(event: any): void;
+    handleKeyDown(event: any): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (event: FloatingActionButtonEvent) => true;
+    mousedown: (event: FloatingActionButtonEvent) => true;
+    mouseup: (event: FloatingActionButtonEvent) => true;
+    open: (event: FloatingActionButtonEvent) => true;
+    close: (event: FloatingActionButtonEvent) => true;
+    itemclick: (event: FloatingActionButtonItemEvent) => true;
+    focus: (event: FloatingActionButtonEvent) => true;
+    blur: (event: FloatingActionButtonEvent) => true;
+    keydown: (event: FloatingActionButtonEvent) => true;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    id: PropType<string>;
+    dir: PropType<string>;
+    tabIndex: PropType<number>;
+    accessKey: PropType<string>;
+    disabled: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    icon: PropType<string>;
+    svgIcon: PropType<import('@progress/kendo-vue-common').SVGIcon>;
+    iconClass: PropType<string>;
+    items: PropType<any>;
+    item: PropType<any>;
+    text: PropType<string>;
+    alignOffset: PropType<import('..').FloatingActionButtonAlignOffset>;
+    opened: {
+        type: PropType<boolean>;
+        default: any;
+    };
+    align: {
+        type: PropType<FloatingActionButtonAlign>;
+        default: () => FloatingActionButtonAlign;
+    };
+    positionMode: {
+        type: PropType<FloatingActionButtonPositionMode>;
+        default: () => FloatingActionButtonPositionMode;
+    };
+    popupSettings: {
+        type: PropType<import('..').FloatingActionButtonPopupSettings>;
+        default: () => {};
+    };
+    rounded: PropType<"small" | "medium" | "large" | "full" | "none">;
+    fillMode: {
+        type: PropType<"flat" | "link" | "solid" | "outline">;
+        validator: (value: string) => boolean;
+    };
+    size: PropType<FloatingActionButtonSize>;
+    themeColor: PropType<FloatingActionButtonThemeColor>;
+}>> & Readonly<{
+    onClick?: (event: FloatingActionButtonEvent) => any;
+    onBlur?: (event: FloatingActionButtonEvent) => any;
+    onClose?: (event: FloatingActionButtonEvent) => any;
+    onFocus?: (event: FloatingActionButtonEvent) => any;
+    onKeydown?: (event: FloatingActionButtonEvent) => any;
+    onMousedown?: (event: FloatingActionButtonEvent) => any;
+    onMouseup?: (event: FloatingActionButtonEvent) => any;
+    onOpen?: (event: FloatingActionButtonEvent) => any;
+    onItemclick?: (event: FloatingActionButtonItemEvent) => any;
+}>, {
+    disabled: boolean;
+    opened: boolean;
+    align: FloatingActionButtonAlign;
+    positionMode: FloatingActionButtonPositionMode;
+    popupSettings: import('..').FloatingActionButtonPopupSettings;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { FloatingActionButton };

package/FloatingActionButton/FloatingActionButtonItem.d.ts

@@ -0,0 +1,134 @@
+/**
+ * @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 { SVGIcon } from '@progress/kendo-vue-common';
+/**
+ * The FloatingActionButtonItemHandle ref.
+ */
+export interface FloatingActionButtonItemHandle {
+    /**
+     * The FloatingActionButtonItemHandle element.
+     */
+    element: HTMLLIElement | null;
+    /**
+     * Focus the FloatingActionButtonItem.
+     */
+    focus: () => void;
+}
+/**
+ * Represents the props of the
+ * [Kendo UI for Vue FloatingActionButtonItem component]({% slug overview_floatingactionbutton %}).
+ */
+export interface FloatingActionButtonItemProps {
+    /**
+     * Specifies if the Floating Action Button Item
+     * is disabled [see example]({% slug disabled_floatingactionbuttonitem %}).
+     * Defaults to `false`.
+     */
+    disabled?: boolean;
+    /**
+     * Sets the index of the Floating Action Button Item that is used to identify it.
+     */
+    index?: number;
+    /**
+     * Defines the icon rendered in the FloatingActionButtonItem
+     * [see example]({% slug databinding_floatingactionbutton %}).
+     */
+    icon?: string;
+    /**
+     * Defines the svg icon in a Kendo UI for Vue theme.
+     */
+    svgIcon?: SVGIcon;
+    /**
+     * Specifies the text of the FloatingActionButtonItem
+     * [see example]({% slug databinding_floatingactionbutton %}).
+     */
+    text?: string;
+    /**
+     * Sets the `tabIndex` property of the FloatingActionButtonItem..
+     * Defaults to `0`.
+     */
+    tabIndex?: number;
+    /**
+     * Sets a custom property. Contained in the FloatingActionButtonItem props that are
+     * returned from the `onItemClick` FloatingActionButton event
+     * [see example]({% slug customization_floatingactionbutton %}#toc-items-rendering).
+     */
+    [customProp: string]: any;
+    /**
+     * @hidden
+     */
+    id?: string;
+    /**
+     * @hidden
+     */
+    class?: string;
+    /**
+     * @hidden
+     */
+    dataItem?: any;
+    /**
+     * @hidden
+     */
+    item?: any;
+    /**
+     * @hidden
+     */
+    focused?: boolean;
+    /**
+     * @hidden
+     */
+    onDown?: (event: any) => void;
+    /**
+     * @hidden
+     */
+    onClick?: (event: any, index: number) => void;
+}
+/**
+ * @hidden
+ */
+declare const FloatingActionButtonItem: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    id: PropType<string>;
+    disabled: PropType<boolean>;
+    focused: PropType<boolean>;
+    index: PropType<number>;
+    icon: PropType<string>;
+    item: PropType<any>;
+    dataItem: PropType<any>;
+    text: PropType<string>;
+    tabIndex: PropType<number>;
+    customProp: PropType<any>;
+    class: PropType<string>;
+}>, {
+    elementRef: import('vue').Ref<any, any>;
+}, {}, {
+    itemClassNames(): string;
+}, {
+    handleClick(event: any): void;
+    focusElement(): void;
+    onMouseDown(event: any): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (event: any, index: number) => true;
+    down: (event: any) => true;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    id: PropType<string>;
+    disabled: PropType<boolean>;
+    focused: PropType<boolean>;
+    index: PropType<number>;
+    icon: PropType<string>;
+    item: PropType<any>;
+    dataItem: PropType<any>;
+    text: PropType<string>;
+    tabIndex: PropType<number>;
+    customProp: PropType<any>;
+    class: PropType<string>;
+}>> & Readonly<{
+    onClick?: (event: any, index: number) => any;
+    onDown?: (event: any) => any;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { FloatingActionButtonItem };

package/FloatingActionButton/interfaces/FloatingActionButtonHandle.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
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * The FloatingActionButton ref.
+ */
+export interface FloatingActionButtonHandle {
+    /**
+     * The FloatingActionButton element.
+     */
+    element: HTMLButtonElement | null;
+    /**
+     * Focus the FloatingActionButton.
+     */
+    focus: () => void;
+}

package/FloatingActionButton/interfaces/FloatingActionButtonPopupSettings.d.ts

@@ -0,0 +1,31 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { Align, PopupAnimation } from '@progress/kendo-vue-popup';
+/**
+ * Represents the settings that can be passed to the Popup inside the FloatingActionButtonPopupSettings.
+ */
+export interface FloatingActionButtonPopupSettings {
+    /**
+     * Controls the popup animation. By default, the open and close animations are enabled
+     * [see example]({% slug customization_floatingactionbutton %}#toc-popup-behavior).
+     */
+    animate?: boolean | PopupAnimation;
+    /**
+     * Specifies a list of CSS classes that are used for styling the popup
+     * [see example]({% slug customization_floatingactionbutton %}#toc-popup-behavior).
+     */
+    popupClass?: string;
+    /**
+     * @hidden
+     */
+    anchorAlign?: Align;
+    /**
+     * @hidden
+     */
+    popupAlign?: Align;
+}