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

package/stepper/interfaces/StepperProps.d.ts

@@ -0,0 +1,95 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { StepProps } from './StepProps';
+import { StepperChangeEvent } from './StepperChangeEvent';
+import { StepperFocusEvent } from './StepperFocusEvent';
+/**
+ * Represents the props of the [Kendo UI for Vue Stepper component]({% slug overview_stepper %}).
+ */
+export interface StepperProps {
+    /**
+     * Sets the duration of the Stepper animation. Defaults to `400ms`.
+     */
+    animationDuration?: boolean | number;
+    /**
+     * Specifies a list of CSS classes that will be added to the Stepper.
+     */
+    className?: string;
+    /**
+     * Represents the `dir` HTML attribute. This is used to switch from LTR to RTL.
+     */
+    dir?: string;
+    /**
+     * Disables the whole Stepper.
+     */
+    disabled?: boolean;
+    /**
+     * Specifies a custom icon that will be rendered inside the step for invalid steps.
+     */
+    errorIcon?: string;
+    /**
+     * Overrides the default component responsible for visualizing a single item ([see example]({% slug custom_rendering_stepper %})).
+     *
+     * The default Component is: [Step]({% slug api_layout_step %}).
+     */
+    item?: any;
+    /**
+     * The collection of steps that will be rendered in the Stepper ([see example]({% slug overview_stepper %})).
+     */
+    items: Array<StepProps>;
+    /**
+     * Specifies the linear flow of the Stepper.
+     * ([see example]({% slug linear_mode_stepper %})).
+     */
+    linear?: boolean;
+    /**
+     * Specifies the display mode of the Stepper
+     * ([see example]({% slug display_modes_stepper %})).
+     * * The possible values are:
+     * * (Default) `steps`. Render step indicator and optional label.
+     * * `labels`. Render labels only.
+     */
+    mode?: 'steps' | 'labels' | string;
+    /**
+     * Specifies the orientation of the Stepper
+     * ([see example]({% slug orientation_stepper %})).
+     *
+     * The possible values are:
+     * * (Default) `horizontal`
+     * * `vertical`
+     */
+    orientation?: 'horizontal' | 'vertical' | string;
+    /**
+     * Specifies a custom icon that will be rendered inside the step for valid steps.
+     */
+    successIcon?: string;
+    /**
+     * Specifies the index of the selected Step.
+     */
+    value: number;
+    /**
+     * The maximum value of the ProgressBar inside the Stepper. If not defined it is equal to the number of steps defined.
+     */
+    progressTotal?: number;
+    /**
+     * Specifies the current progress of the ProgressBar inside the Stepper. If not defined it is equal to the current value.
+     */
+    progress?: number;
+    /**
+     * @hidden
+     */
+    modelValue?: number;
+    /**
+     * The event handler that will be fired when the value is changed.
+     */
+    onChange?: (event: StepperChangeEvent) => void;
+    /**
+     * The event handler that will be fired when a Step is focused.
+     */
+    onFocus?: (event: StepperFocusEvent) => void;
+}

package/stepper/messages/main.d.ts

@@ -0,0 +1,22 @@
+/**
+ * @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 const optionalText = "stepper.optionalText";
+/**
+ * @hidden
+ */
+export declare const ariaLabel = "stepper.ariaLabel";
+/**
+ * @hidden
+ */
+export declare const messages: {
+    "stepper.optionalText": string;
+    "stepper.ariaLabel": string;
+};

package/tabstrip/TabStrip.d.ts

@@ -0,0 +1,171 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { TabStripTabProperties } from './TabStripTab';
+import { PropType } from 'vue';
+/**
+ * The arguments that are passed to the `onSelect` callback function of the TabStrip.
+ */
+export interface TabStripSelectEventArguments {
+    /**
+     * The index of the selected TabStrip tab.
+     */
+    selected: number;
+}
+/**
+ * Represents the emits of the [Kendo UI for Vue TabStrip component]({% slug overview_tabstrip %}).
+ */
+export interface TabStripEmits {
+    /**
+     * Fires each time the user makes a selection.
+     */
+    onSelect?: (e: TabStripSelectEventArguments) => void;
+}
+/**
+ * The values of the `size` property of the TabStrip.
+ */
+export type TabStripSize = 'small' | 'medium' | 'large' | null;
+/**
+ * Represents the props of the [Kendo UI for Vue TabStrip component]({% slug overview_tabstrip %}).
+ */
+export interface TabStripProps extends TabStripEmits {
+    /**
+     * Enables the tab animation.
+     */
+    animation?: boolean;
+    /**
+     * Sets the index of the selected TabStripTab component
+     * ([see example]({% slug tabs_tabstrip %}#toc-tabs-on-initial-loading)).
+     */
+    selected?: number;
+    /**
+     * Specifies the possible sizes of the TabStrip.
+     *
+     * @default `medium`
+     */
+    size?: TabStripSize;
+    /**
+     * The position in which the TabStripNavigation components will be rendered.
+     *
+     * The available options are:
+     * - `"top"`—Renders the `TabStripNavigation` components to the top of the TabStrip.
+     * - `"bottom"`—Renders the `TabStripNavigation` components to the bottom of the TabStrip.
+     * - `"left"`—Renders the `TabStripNavigation` components to the left of the TabStrip.
+     * - `"right"`—Renders the `TabStripNavigation` components to the right of the TabStrip.
+     *
+     * @default 'top'.
+     */
+    tabPosition?: string;
+    /**
+     * Sets the alignment of the tabs.
+     *
+     *
+     * The available options are:
+     * - `"start"`—Aligns the tabs at the start of the `TabStripNavigation`.
+     * - `"center"`—Aligns the tabs in the center of the `TabStripNavigation`.
+     * - `"end"`—Aligns the tabs at the end of the `TabStripNavigation`.
+     * - `"justify"`—Justifies the tabs inside the `TabStripNavigation`.
+     * - `"stretched"`—Stretches the tabs inside the `TabStripNavigation`.
+     *
+     * @default 'start'.
+     */
+    tabAlignment?: string;
+    /**
+     * Sets the array of tabs.
+     */
+    tabs?: TabStripTabProperties[];
+    /**
+     * Sets the `tabIndex` of the TabStripNavigation.
+     */
+    tabIndex?: number;
+    /**
+     * Sets the direction of the TabStrip component.
+     */
+    dir?: string;
+}
+/**
+ * @hidden
+ */
+declare const TabStrip: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    animation: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    size: {
+        type: PropType<TabStripSize>;
+    };
+    selected: PropType<number>;
+    tabPosition: {
+        type: PropType<string>;
+        default: string;
+    };
+    tabAlignment: {
+        type: PropType<string>;
+        default: string;
+    };
+    tabs: {
+        type: PropType<TabStripTabProperties[]>;
+        default: any;
+    };
+    tabIndex: PropType<number>;
+    dir: PropType<string>;
+}>, {}, {
+    currentShowAll: boolean;
+    currentTabs: any[];
+    showLicenseWatermark: boolean;
+    licenseMessage: any;
+}, {
+    compTabs(): any;
+}, {
+    addRenderTitle(currentId: string, titleTemplate: any): void;
+    addTab(newTab: TabStripTabProperties): void;
+    removeTab(currentId: string): void;
+    onSelect(index: number): void;
+    onKeyDown(event: any): void;
+    invertKeys(original: any, inverted: any): any;
+    firstNavigatableTab(): number;
+    lastNavigatableTab(): number;
+    prevNavigatableTab(): number;
+    nextNavigatableTab(): number;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    select: (e: TabStripSelectEventArguments) => true;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    animation: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    size: {
+        type: PropType<TabStripSize>;
+    };
+    selected: PropType<number>;
+    tabPosition: {
+        type: PropType<string>;
+        default: string;
+    };
+    tabAlignment: {
+        type: PropType<string>;
+        default: string;
+    };
+    tabs: {
+        type: PropType<TabStripTabProperties[]>;
+        default: any;
+    };
+    tabIndex: PropType<number>;
+    dir: PropType<string>;
+}>> & Readonly<{
+    onSelect?: (e: TabStripSelectEventArguments) => any;
+}>, {
+    animation: boolean;
+    tabs: TabStripTabProperties[];
+    tabPosition: string;
+    tabAlignment: string;
+}, {}, {}, {}, string, () => {
+    addRenderTitle: any;
+    addTab: any;
+    removeTab: any;
+}, true, {}, any>;
+export { TabStrip };

package/tabstrip/TabStripContent.d.ts

@@ -0,0 +1,71 @@
+/**
+ * @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';
+/**
+ * The props that are passed to the TabStripContent by the TabStrip.
+ */
+export interface TabStripContentProps {
+    /**
+     * Defines whether the content appearance will be animated.
+     */
+    animation?: boolean;
+    /**
+     * Defines whether to render all the tabs.
+     */
+    showAll?: boolean;
+    /**
+     * The index of the selected tab. Used to indicate which child to render.
+     */
+    selected?: number;
+    /**
+     * The tabs collection.
+     */
+    tabs?: Array<any>;
+    /**
+     * @hidden
+     */
+    index?: number;
+    /**
+     * @hidden
+     */
+    keepTabsMounted?: boolean;
+    /**
+     * @hidden
+     */
+    hasTabs?: boolean;
+}
+/**
+ * @hidden
+ */
+export interface TabStripContentMethods {
+    [key: string]: any;
+    addTab: () => void;
+    removeTab: (id: string) => void;
+    getTabs: (tabs: any[], children: any) => any;
+}
+/**
+ * @hidden
+ */
+declare const TabStripContent: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    showAll: PropType<boolean>;
+    animation: PropType<boolean>;
+    tabs: PropType<any[]>;
+    selected: PropType<number>;
+    hasTabs: PropType<boolean>;
+}>, {}, {
+    midAnimation: boolean;
+}, {
+    animationClass(): any;
+}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    showAll: PropType<boolean>;
+    animation: PropType<boolean>;
+    tabs: PropType<any[]>;
+    selected: PropType<number>;
+    hasTabs: PropType<boolean>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { TabStripContent };

package/tabstrip/TabStripNavigation.d.ts

@@ -0,0 +1,101 @@
+/**
+ * @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';
+/**
+ * The props that are passed to the TabStripNavigation by the TabStrip.
+ */
+export interface TabStripNavigationProps {
+    /**
+     * The tabs collection.
+     */
+    tabs?: Array<any>;
+    /**
+     * Sets the index of the selected tab. Controlled by the TabStrip component.
+     */
+    selected?: number;
+    /**
+     * @hidden
+     * The event that is triggered when a tab is selected.
+     */
+    onSelect?: (e: number) => void;
+    /**
+     * @hidden
+     * The event that is triggered when a key is pressed.
+     */
+    onKeydown?: (e: number) => void;
+    /**
+     * @hidden
+     */
+    tabIndex?: number;
+    /**
+     * @hidden
+     */
+    tabPosition?: string;
+    /**
+     * @hidden
+     */
+    tabAlignment?: string;
+}
+/**
+ * The props that are passed to the TabStripNavigation by the TabStrip.
+ */
+export interface TabStripNavigationEmits {
+    /**
+     * @hidden
+     */
+    keydown?: any;
+    /**
+     * @hidden
+     */
+    select?(idx: number): void;
+}
+/**
+ * @hidden
+ */
+export interface TabStripNavigationComputed {
+    [key: string]: any;
+    wrapperNavClasses: object;
+    navClasses: object;
+}
+/**
+ * @hidden
+ */
+declare const TabStripNavigation: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    tabs: PropType<any[]>;
+    selected: PropType<number>;
+    tabIndex: PropType<number>;
+    tabPosition: PropType<string>;
+    tabAlignment: PropType<string>;
+    onSelect: PropType<(e: number) => void>;
+    onKeydown: PropType<(e: number) => void>;
+}>, {}, {}, {
+    wrapperNavClasses(): {
+        'k-tabstrip-items-wrapper': boolean;
+        'k-hstack': boolean;
+        'k-vstack': boolean;
+    };
+    navClasses(): string;
+}, {
+    onKeyDown(e: any): void;
+    onNavigationItemSelect(idx: number): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    select: any;
+    keydown: any;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    tabs: PropType<any[]>;
+    selected: PropType<number>;
+    tabIndex: PropType<number>;
+    tabPosition: PropType<string>;
+    tabAlignment: PropType<string>;
+    onSelect: PropType<(e: number) => void>;
+    onKeydown: PropType<(e: number) => void>;
+}>> & Readonly<{
+    onSelect?: (...args: any[] | unknown[]) => any;
+    onKeydown?: (...args: any[] | unknown[]) => any;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { TabStripNavigation };

package/tabstrip/TabStripNavigationItem.d.ts

@@ -0,0 +1,118 @@
+/**
+ * @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';
+/**
+ * The props that are passed by the TabStripNavigation to the TabStripNavigationItem.
+ */
+export interface TabStripNavigationItemProps {
+    /**
+     * Defines whether the current TabStripNavigationItem is selected.
+     */
+    active?: boolean;
+    /**
+     * Defines whether the TabStripNavigationItem is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Sets the index of the TabStripNavigationItem that is used to identify it.
+     */
+    index: number;
+    /**
+     * Sets the id of the TabStripNavigationItem.
+     */
+    id?: any;
+    /**
+     * Sets the title of the TabStripNavigationItem.
+     */
+    title?: any;
+    /**
+     * Defines the custom rendering of the title. Accepts a Vue component, a `render` function, or a slot name.
+     */
+    titleRender?: any;
+    /**
+     * @hidden
+     */
+    first?: boolean;
+    /**
+     * @hidden
+     */
+    last?: boolean;
+}
+/**
+ * The emits that are triggered by the TabStripNavigation to the TabStripNavigationItem.
+ */
+export interface TabStripNavigationItemEmits {
+    /**
+     * @hidden
+     */
+    select?(idx: number): void;
+}
+/**
+ * @hidden
+ */
+export interface TabStripNavigationItemComputed {
+    [key: string]: any;
+    itemClasses: object;
+}
+/**
+ * @hidden
+ */
+declare const TabStripNavigationItem: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    active: PropType<boolean>;
+    disabled: PropType<boolean>;
+    index: PropType<number>;
+    title: {
+        type: PropType<any>;
+        default: string;
+    };
+    id: {
+        type: PropType<any>;
+    };
+    titleRender: PropType<any>;
+    first: {
+        type: PropType<boolean>;
+        default: any;
+    };
+    last: {
+        type: PropType<boolean>;
+        default: any;
+    };
+}>, {}, {}, {
+    itemClasses(): TabStripNavigationItemComputed['itemClasses'];
+}, {
+    onClick(): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    select: any;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    active: PropType<boolean>;
+    disabled: PropType<boolean>;
+    index: PropType<number>;
+    title: {
+        type: PropType<any>;
+        default: string;
+    };
+    id: {
+        type: PropType<any>;
+    };
+    titleRender: PropType<any>;
+    first: {
+        type: PropType<boolean>;
+        default: any;
+    };
+    last: {
+        type: PropType<boolean>;
+        default: any;
+    };
+}>> & Readonly<{
+    onSelect?: (...args: any[] | unknown[]) => any;
+}>, {
+    title: any;
+    first: boolean;
+    last: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { TabStripNavigationItem };

package/tabstrip/TabStripTab.d.ts

@@ -0,0 +1,59 @@
+/**
+ * @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';
+export interface TabStripTabProperties {
+    disabled?: boolean;
+    id?: string;
+    tabId?: string;
+    title?: string;
+    titleRender?: any;
+    content?: any;
+    contentClassName?: string;
+}
+/**
+ * Represents the props of the TabStrip tabs.
+ */
+export interface TabStripTabProps {
+    /**
+     * Defines whether a tab is disabled ([see example]({% slug tabs_tabstrip %}#toc-disabled-state)).
+     */
+    disabled?: boolean;
+    /**
+     * Sets the title of the tab ([see example]({% slug tabs_tabstrip %}#toc-titles)).
+     */
+    title?: any;
+    /**
+     * Sets the id of the tab (li element).
+     */
+    id?: string;
+    /**
+     * Defines the custom rendering of the title. Accepts a Vue component, a `render` function, or a slot name.
+     */
+    titleRender?: ((h: any, defaultRendering: any | null, props: any, listeners: any) => any) | any;
+    /**
+     * Specifies the CSS class names of the TabStripTab content.
+     */
+    contentClassName?: string;
+}
+/**
+ * @hidden
+ */
+declare const TabStripTab: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    disabled: PropType<boolean>;
+    contentClassName: PropType<string>;
+    title: PropType<any>;
+    id: PropType<string>;
+    titleRender: PropType<any>;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    disabled: PropType<boolean>;
+    contentClassName: PropType<string>;
+    title: PropType<any>;
+    id: PropType<string>;
+    titleRender: PropType<any>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { TabStripTab };

package/tabstrip/utils.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+export declare const getTabs: (this: any, curTabs: any[], children: any) => any[];