@progress/kendo-vue-layout 8.0.3-develop.1 → 8.0.3-develop.3

package/actionsheet/ActionSheet.d.ts

@@ -0,0 +1,234 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { Navigation } from '@progress/kendo-vue-common';
+import { ActionSheetItemProps } from './interfaces/ActionSheetItemProps';
+import { PropType } from 'vue';
+/**
+ * The props of the ActionSheet component.
+ */
+export interface ActionSheetProps {
+    /**
+     * The collection of items that will be rendered in the ActionSheet.
+     */
+    items?: ActionSheetItemProps[];
+    /**
+     * Specifies the text that is rendered under the title.
+     */
+    subTitle?: string;
+    /**
+     * Specifies the text that is rendered as title.
+     */
+    title?: string;
+    /**
+     * Fires when the modal overlay is clicked.
+     */
+    onClose?: (event: any) => void;
+    /**
+     * Fires when an ActionSheet item is clicked.
+     */
+    onItemselect?: (event: {
+        syntheticEvent: any;
+        title?: string;
+        item?: any;
+    }) => void;
+    /**
+     * Specifies the `tabIndex` of the ActionSheet.
+     */
+    tabIndex?: number;
+    /**
+     * Specifies if the ActionSheet can be navigatable with keyboard.
+     * Defaults to `true`.
+     */
+    navigatable?: boolean;
+    /**
+     * Specifies the selectors of the navigatable elements inside the templates of the ActionSheet.
+     */
+    navigatableElements?: string[];
+    /**
+     * Controls the popup animation. By default, the animation is enabled.
+     */
+    animation?: boolean;
+    /**
+     * @hidden
+     */
+    animationStyles?: any;
+    /**
+     * @hidden
+     * Used to render the close button in the header of the ActionSheet.
+     */
+    actions?: any;
+    /**
+     * Specifies the duration of the transition for the entering and closing Animation. Defaults to `300ms`.
+     */
+    animationDuration?: number;
+    /**
+     * The CSS classes that will be rendered on the inner ActionSheet element.
+     */
+    className?: string;
+    /**
+     * The CSS classes that will be rendered on the DOM element that wraps the header section of the ActionSheet element.
+     */
+    headerClassName?: string;
+    /**
+     * The CSS classes that will be rendered on the DOM element that wraps the footer section of the ActionSheet element.
+     */
+    footerClassName?: string;
+    /**
+     * The CSS classes that will be rendered on the DOM element that wraps the content section of the ActionSheet element.
+     */
+    contentClassName?: string;
+    /**
+     * The custom Styles that will be applied on the DOM element that wraps the header section of the ActionSheet element.
+     */
+    headerStyle?: string;
+    /**
+     * Sets the header content of the ActionSheet either as string that is pointing to a slot template of as render function.
+     */
+    header?: string | Function;
+    /**
+     * Sets the content content of the ActionSheet either as string that is pointing to a slot template of as render function.
+     */
+    content?: string | Function;
+    /**
+     * Sets the footer content of the ActionSheet either as string that is pointing to a slot template of as render function.
+     */
+    footer?: string | Function;
+    /**
+     * Sets the item content of the ActionSheet either as string that is pointing to a slot template of as render function.
+     */
+    item?: string | Function;
+    /**
+     * Specifies the state of the ActionSheet.
+     */
+    expand?: boolean;
+}
+/**
+ * @hidden
+ */
+declare const ActionSheet: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    expand: PropType<boolean>;
+    animation: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    animationDuration: {
+        type: PropType<number>;
+        default: number;
+    };
+    animationStyles: PropType<any>;
+    tabIndex: PropType<number>;
+    items: PropType<ActionSheetItemProps[]>;
+    subTitle: PropType<string>;
+    title: PropType<string>;
+    className: PropType<string>;
+    headerClassName: {
+        type: PropType<string>;
+        default: any;
+    };
+    contentClassName: {
+        type: PropType<string>;
+        default: any;
+    };
+    headerStyle: {
+        type: PropType<string>;
+        default: any;
+    };
+    footerClassName: {
+        type: PropType<string>;
+        default: any;
+    };
+    header: PropType<string | Function>;
+    content: PropType<string | Function>;
+    footer: PropType<string | Function>;
+    item: PropType<string | Function>;
+    navigatable: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    navigatableElements: {
+        type: PropType<string[]>;
+        default: () => any[];
+    };
+    actions: PropType<any>;
+    onClose: PropType<(event: any) => void>;
+}>, {}, {
+    show: boolean;
+    slide: boolean;
+}, {
+    topGroupItems(): Array<ActionSheetItemProps> | undefined;
+    bottomGroupItems(): Array<ActionSheetItemProps> | undefined;
+    shouldRenderSeparator(): boolean;
+}, {
+    handleKeyDown(e: any): void;
+    onTab(target: HTMLElement, nav: Navigation, ev: any): void;
+    handleOverlayClick(ev: any): void;
+    handleItemClick(ev: {
+        syntheticEvent: any;
+        title?: string;
+        item?: any;
+    }): void;
+    onEnter(target: HTMLElement, nav: Navigation, ev: any): void;
+    onEscape(_target: HTMLElement, _nav: Navigation, ev: any): void;
+    hideActionSheet(): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    expand: PropType<boolean>;
+    animation: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    animationDuration: {
+        type: PropType<number>;
+        default: number;
+    };
+    animationStyles: PropType<any>;
+    tabIndex: PropType<number>;
+    items: PropType<ActionSheetItemProps[]>;
+    subTitle: PropType<string>;
+    title: PropType<string>;
+    className: PropType<string>;
+    headerClassName: {
+        type: PropType<string>;
+        default: any;
+    };
+    contentClassName: {
+        type: PropType<string>;
+        default: any;
+    };
+    headerStyle: {
+        type: PropType<string>;
+        default: any;
+    };
+    footerClassName: {
+        type: PropType<string>;
+        default: any;
+    };
+    header: PropType<string | Function>;
+    content: PropType<string | Function>;
+    footer: PropType<string | Function>;
+    item: PropType<string | Function>;
+    navigatable: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    navigatableElements: {
+        type: PropType<string[]>;
+        default: () => any[];
+    };
+    actions: PropType<any>;
+    onClose: PropType<(event: any) => void>;
+}>> & Readonly<{}>, {
+    animation: boolean;
+    contentClassName: string;
+    animationDuration: number;
+    headerClassName: string;
+    headerStyle: string;
+    footerClassName: string;
+    navigatable: boolean;
+    navigatableElements: string[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { ActionSheet };

package/actionsheet/ActionSheetContent.d.ts

@@ -0,0 +1,25 @@
+/**
+ * @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';
+/**
+ * @hidden
+ */
+declare const ActionSheetContent: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    contentClassName: {
+        type: PropType<string>;
+        default: any;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    contentClassName: {
+        type: PropType<string>;
+        default: any;
+    };
+}>> & Readonly<{}>, {
+    contentClassName: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { ActionSheetContent };

package/actionsheet/ActionSheetFooter.d.ts

@@ -0,0 +1,25 @@
+/**
+ * @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';
+/**
+ * @hidden
+ */
+declare const ActionSheetFooter: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    footerClassName: {
+        type: PropType<string>;
+        default: any;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    footerClassName: {
+        type: PropType<string>;
+        default: any;
+    };
+}>> & Readonly<{}>, {
+    footerClassName: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { ActionSheetFooter };

package/actionsheet/ActionSheetHeader.d.ts

@@ -0,0 +1,34 @@
+/**
+ * @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';
+/**
+ * @hidden
+ */
+declare const ActionSheetHeader: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    headerClassName: {
+        type: PropType<string>;
+        default: any;
+    };
+    headerStyle: {
+        type: PropType<string>;
+        default: any;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    headerClassName: {
+        type: PropType<string>;
+        default: any;
+    };
+    headerStyle: {
+        type: PropType<string>;
+        default: any;
+    };
+}>> & Readonly<{}>, {
+    headerClassName: string;
+    headerStyle: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { ActionSheetHeader };

package/actionsheet/ActionSheetItem.d.ts

@@ -0,0 +1,65 @@
+/**
+ * @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';
+/**
+ * @hidden
+ */
+declare const ActionSheetItem: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    id: PropType<number>;
+    description: PropType<string>;
+    disabled: PropType<boolean>;
+    group: {
+        type: PropType<string>;
+        validator: (value?: string) => any;
+    };
+    item: PropType<object>;
+    icon: PropType<string>;
+    svgIcon: PropType<import('@progress/kendo-vue-common').SVGIcon>;
+    iconColor: PropType<string>;
+    iconSize: PropType<string>;
+    content: PropType<string | Function>;
+    title: PropType<string>;
+    tabIndex: {
+        type: PropType<number>;
+        default: number;
+    };
+}>, {}, {}, {
+    wrapperClass(): {
+        'k-actionsheet-item': boolean;
+        'k-cursor-pointer': boolean;
+        'k-disabled': any;
+    };
+}, {
+    onClick(event: any): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: any;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    id: PropType<number>;
+    description: PropType<string>;
+    disabled: PropType<boolean>;
+    group: {
+        type: PropType<string>;
+        validator: (value?: string) => any;
+    };
+    item: PropType<object>;
+    icon: PropType<string>;
+    svgIcon: PropType<import('@progress/kendo-vue-common').SVGIcon>;
+    iconColor: PropType<string>;
+    iconSize: PropType<string>;
+    content: PropType<string | Function>;
+    title: PropType<string>;
+    tabIndex: {
+        type: PropType<number>;
+        default: number;
+    };
+}>> & Readonly<{
+    onClick?: (...args: any[] | unknown[]) => any;
+}>, {
+    tabIndex: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { ActionSheetItem };

package/actionsheet/interfaces/ActionSheetContentProps.d.ts

@@ -0,0 +1,16 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * Represents the props of the Kendo UI for Vue ActionSheetContent component.
+ */
+export interface ActionSheetContentProps {
+    /**
+     * Sets additional CSS classes to the ActionSheetContent.
+     */
+    contentClassName?: string;
+}

package/actionsheet/interfaces/ActionSheetFooterProps.d.ts

@@ -0,0 +1,16 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * Represents the props of the Kendo UI for Vue ActionSheetFooter component.
+ */
+export interface ActionSheetFooterProps {
+    /**
+     * Sets additional CSS classes to the ActionSheetFooter.
+     */
+    footerClassName?: string;
+}

package/actionsheet/interfaces/ActionSheetHeaderProps.d.ts

@@ -0,0 +1,20 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * Represents the props of the Kendo UI for Vue ActionSheetHeader component.
+ */
+export interface ActionSheetHeaderProps {
+    /**
+     * Sets additional CSS classes to the ActionSheetHeader.
+     */
+    headerClassName?: string;
+    /**
+     * Sets additional CSS styles to the ActionSheetHeader.
+     */
+    headerStyle?: string;
+}

package/actionsheet/interfaces/ActionSheetItemProps.d.ts

@@ -0,0 +1,81 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { SVGIcon } from '@progress/kendo-vue-common';
+/**
+ * Represents the props of the Kendo UI for Vue ActionSheetItem.
+ */
+export interface ActionSheetItemProps {
+    /**
+     * Sets additional CSS classes to the ActionSheetItem.
+     */
+    class?: string;
+    /**
+     * Sets additional CSS styles to the ActionSheetItem.
+     */
+    style?: object;
+    /**
+     * Specifies additional text rendered under the item's title.
+     */
+    description?: string;
+    /**
+     * Specifies if the ActionSheet item is initially disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Defines the group of the item. Items can be segregated in two groups - `top` and `bottom`.
+     * Each specifying whether the ActionSheet item will be rendered over the separator or under it.
+     */
+    group?: 'top' | 'bottom' | string;
+    /**
+     * Defines the icon rendered inside the ActionSheet item.
+     */
+    icon?: string;
+    /**
+     * Defines an SVGIcon to be rendered inside the ActionSheet item.
+     */
+    svgIcon?: SVGIcon;
+    /**
+     * Defines an size of the icon or SVGIcon that is rendered inside the ActionSheet item.
+     */
+    iconSize?: string;
+    /**
+     * Defines the color of the icon or SVGIcon that is rendered inside the ActionSheet item.
+     */
+    iconColor?: string;
+    /**
+     * Specifies the text content of the ActionSheet item.
+     */
+    title?: string;
+    /**
+     * @hidden
+     */
+    item?: object;
+    /**
+     * Sets the content of the ActionSheetItem either as string that is pointing to a slot template of as render function.
+     */
+    content?: string | Function;
+    /**
+     * @hidden
+     */
+    onClick?: (event: {
+        event: any;
+        title?: string;
+    }) => void;
+    /**
+     * @hidden
+     */
+    onKeydown?: (event: any, title: string | undefined, id: number | undefined) => void;
+    /**
+     * @hidden
+     */
+    id?: number;
+    /**
+     * The tabIndex of the ActionSheetItem.
+     */
+    tabIndex?: number;
+}

package/appbar/AppBar.d.ts

@@ -0,0 +1,60 @@
+/**
+ * @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';
+/**
+ * @hidden
+ */
+export interface AppBarComputed {
+    [key: string]: any;
+    wrapperClass: object;
+}
+/**
+ * @hidden
+ */
+declare const AppBar: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    id: PropType<string>;
+    themeColor: {
+        type: PropType<string>;
+        default: string;
+    };
+    position: {
+        type: PropType<string>;
+        default: string;
+        validator: (value: string) => any;
+    };
+    positionMode: {
+        type: PropType<string>;
+        default: string;
+        validator: (value: string) => any;
+    };
+}>, {}, {}, {
+    wrapperClass(): AppBarComputed['wrapperClass'];
+}, {
+    focus(): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    id: PropType<string>;
+    themeColor: {
+        type: PropType<string>;
+        default: string;
+    };
+    position: {
+        type: PropType<string>;
+        default: string;
+        validator: (value: string) => any;
+    };
+    positionMode: {
+        type: PropType<string>;
+        default: string;
+        validator: (value: string) => any;
+    };
+}>> & Readonly<{}>, {
+    themeColor: string;
+    position: string;
+    positionMode: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { AppBar };

package/appbar/AppBarSection.d.ts

@@ -0,0 +1,21 @@
+/**
+ * @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 interface AppBarSectionComputed {
+    [key: string]: any;
+    wrapperClass: object;
+}
+/**
+ * @hidden
+ */
+declare const AppBarSection: import('vue').DefineComponent<{}, {}, {}, {}, {
+    focus(): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { AppBarSection };

package/appbar/AppBarSpacer.d.ts

@@ -0,0 +1,30 @@
+/**
+ * @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';
+/**
+ * @hidden
+ */
+export interface AppBarSpacerComputed {
+    [key: string]: any;
+    spacerClasses: object;
+    spacerStyles: object;
+}
+/**
+ * @hidden
+ */
+declare const AppBarSpacer: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    width: PropType<string | number>;
+}>, {}, {}, {
+    spacerClasses(): AppBarSpacerComputed['spacerClasses'];
+    spacerStyles(): AppBarSpacerComputed['spacerStyles'];
+}, {
+    focus(): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    width: PropType<string | number>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { AppBarSpacer };