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

package/expansionpanel/ExpansionPanel.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
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * @hidden
+ */
+declare const ExpansionPanel: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    dir: StringConstructor;
+    id: StringConstructor;
+    tabIndex: NumberConstructor;
+    title: StringConstructor;
+    subtitle: StringConstructor;
+    titleRender: (ObjectConstructor | StringConstructor | FunctionConstructor)[];
+    subtitleRender: (ObjectConstructor | StringConstructor | FunctionConstructor)[];
+    expandIcon: StringConstructor;
+    expandSvgIcon: ObjectConstructor;
+    collapseIcon: StringConstructor;
+    collapseSvgIcon: ObjectConstructor;
+    expanded: BooleanConstructor;
+    disabled: BooleanConstructor;
+}>, {}, {
+    focused: boolean;
+}, {
+    wrapperClass(): {
+        'k-expander': boolean;
+        'k-expanded': any;
+        'k-focus': boolean;
+        'k-disabled': any;
+    };
+    expandIconName(): string;
+    expandSVGIcon(): any;
+}, {
+    onClick(event: any): void;
+    onKeyDown(event: any): void;
+    handleFocus(): void;
+    handleBlur(): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    dir: StringConstructor;
+    id: StringConstructor;
+    tabIndex: NumberConstructor;
+    title: StringConstructor;
+    subtitle: StringConstructor;
+    titleRender: (ObjectConstructor | StringConstructor | FunctionConstructor)[];
+    subtitleRender: (ObjectConstructor | StringConstructor | FunctionConstructor)[];
+    expandIcon: StringConstructor;
+    expandSvgIcon: ObjectConstructor;
+    collapseIcon: StringConstructor;
+    collapseSvgIcon: ObjectConstructor;
+    expanded: BooleanConstructor;
+    disabled: BooleanConstructor;
+}>> & Readonly<{}>, {
+    disabled: boolean;
+    expanded: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { ExpansionPanel };

package/expansionpanel/ExpansionPanel.mjs

@@ -5,7 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as S, createVNode as a, h as s } from "vue";
+import { defineComponent as S, h as s, createVNode as a } from "vue";
 import { Keys as o, getDefaultSlots as $, templateRendering as i, getListeners as d, getTemplate as r, getTabIndex as v, Icon as C, getIconName as l, validatePackage as R } from "@progress/kendo-vue-common";
 import { chevronUpIcon as w, chevronDownIcon as y } from "@progress/kendo-svg-icons";
 import { packageMetadata as F } from "../package-metadata.mjs";

package/expansionpanel/ExpansionPanelContent.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * @hidden
+ */
+declare const ExpansionPanelContent: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { ExpansionPanelContent };

package/expansionpanel/interfaces.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 { SVGIcon } from '@progress/kendo-vue-common';
+/**
+ * The ExpansionPanel ref.
+ */
+export interface ExpansionPanelHandle {
+    /**
+     * The ExpansionPanel element.
+     */
+    element: HTMLDivElement | null;
+}
+/**
+ * The arguments for the `onAction` ExpansionPanel event.
+ */
+export interface ExpansionPanelActionEvent {
+    /**
+     * Represents the `expanded` state of the ExpansionPanel.
+     */
+    expanded: boolean;
+}
+/**
+ * The props of the ExpansionPanel component.
+ */
+export interface ExpansionPanelProps {
+    /**
+     * Sets additional CSS classes to the ExpansionPanel.
+     */
+    class?: string;
+    /**
+     * Sets the `id` property of the root ExpansionPanel element.
+     */
+    id?: string;
+    /**
+     * Specifies the primary text in the header of the ExpansionPanel.
+     */
+    title?: string;
+    /**
+     * Specifies the secondary text in the header of the ExpansionPanel, which is rendered next to the collapse/expand icon.
+     */
+    subtitle?: string;
+    /**
+     * Specifies the primary text template in the header of the ExpansionPanel.
+     */
+    titleRender?: any;
+    /**
+     * Specifies the secondary text in the header of the ExpansionPanel, which is rendered next to the collapse/expand icon.
+     */
+    subtitleRender?: any;
+    /**
+     * Sets a custom icon via css class(es), for the expanded state of the ExpansionPanel.
+     */
+    expandIcon?: string;
+    /**
+     * Defines an SVGIcon to be rendered within the expand arrow.
+     */
+    expandSvgIcon?: SVGIcon;
+    /**
+     * Sets a custom icon via css class(es), for the collapsed state of the ExpansionPanel.
+     */
+    collapseIcon?: string;
+    /**
+     * Defines an SVGIcon to be rendered within the collapse arrow.
+     */
+    collapseSvgIcon?: SVGIcon;
+    /**
+     * Sets the `dir` property of the ExpansionPanel.
+     */
+    dir?: string;
+    /**
+     * Sets the `tabIndex` property of the ExpansionPanel.
+     */
+    tabIndex?: number;
+    /**
+     * Sets the `expanded` state of the ExpansionPanel.
+     */
+    expanded?: boolean;
+    /**
+     * Sets the `disabled` state of the ExpansionPanel.
+     */
+    disabled?: boolean;
+    /**
+     * Sets `aria-controls`. The value should represent the `id` of the controlled content element.
+     */
+    ariaControls?: string;
+    /**
+     * The event handler that will be fired when the expanded state of the ExpansionPanel is about to change.
+     */
+    onAction?: (event: ExpansionPanelActionEvent) => void;
+}

package/expansionpanel/main.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+export * from './ExpansionPanel';
+export * from './ExpansionPanelContent';
+export * from './interfaces';

package/gridlayout/GridLayout.d.ts

@@ -0,0 +1,61 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { GridLayoutAlign } from './interfaces/GridLayoutProps';
+import { GridLayoutItemProps } from './interfaces/GridLayoutItemProps';
+import { PropType } from 'vue';
+/**
+ * @hidden
+ */
+declare const GridLayout: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    id: PropType<string>;
+    gap: {
+        type: PropType<import('./interfaces/GridLayoutProps').GridLayoutGap>;
+    };
+    align: {
+        type: PropType<any>;
+        validator: (value: GridLayoutAlign) => any;
+    };
+    rows: PropType<import('..').GridLayoutRowProps[]>;
+    cols: PropType<import('..').GridLayoutColumnProps[]>;
+    items: PropType<GridLayoutItemProps[]>;
+}>, {}, {}, {
+    hAlign(): any;
+    vAlign(): any;
+    gridLayoutClasses(): {
+        'k-grid-layout': boolean;
+        'k-justify-items-start': boolean;
+        'k-justify-items-center': boolean;
+        'k-justify-items-end': boolean;
+        'k-justify-items-stretch': boolean;
+        'k-align-items-start': boolean;
+        'k-align-items-center': boolean;
+        'k-align-items-end': boolean;
+        'k-align-items-stretch': boolean;
+    };
+    gapStyle(): string;
+    gridTemplateRowsStyle(): any;
+    gridTemplateColumnsStyle(): any;
+    gridLayoutStyles(): {
+        gap: any;
+        gridTemplateColumns: any;
+        gridTemplateRows: any;
+    };
+}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    id: PropType<string>;
+    gap: {
+        type: PropType<import('./interfaces/GridLayoutProps').GridLayoutGap>;
+    };
+    align: {
+        type: PropType<any>;
+        validator: (value: GridLayoutAlign) => any;
+    };
+    rows: PropType<import('..').GridLayoutRowProps[]>;
+    cols: PropType<import('..').GridLayoutColumnProps[]>;
+    items: PropType<GridLayoutItemProps[]>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { GridLayout };

package/gridlayout/GridLayoutItem.d.ts

@@ -0,0 +1,35 @@
+/**
+ * @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';
+/**
+ * Represents the Object which is passed to the [`ref`](https://vuejs.org/docs/refs-and-the-dom.html)
+ * callback of the GridLayoutItem component.
+ */
+/**
+ * @hidden
+ */
+declare const GridLayoutItem: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    content: PropType<any>;
+    id: PropType<string>;
+    col: PropType<number>;
+    colSpan: PropType<number>;
+    row: PropType<number>;
+    rowSpan: PropType<number>;
+}>, {}, {}, {
+    gridLayoutItemStyles(): {
+        gridArea: string;
+    };
+}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    content: PropType<any>;
+    id: PropType<string>;
+    col: PropType<number>;
+    colSpan: PropType<number>;
+    row: PropType<number>;
+    rowSpan: PropType<number>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { GridLayoutItem };

package/gridlayout/interfaces/GridLayoutColumnProps.d.ts

@@ -0,0 +1,17 @@
+/**
+ * @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 GridLayout column]({% slug overview_gridlayout %}).
+ */
+export interface GridLayoutColumnProps {
+    /**
+     * Specifies the width of the GridLayout
+     * column ([see example]({% slug overview_gridlayout %})).
+     */
+    width?: number | string;
+}

package/gridlayout/interfaces/GridLayoutItemProps.d.ts

@@ -0,0 +1,46 @@
+/**
+ * @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 GridLayoutItem component]({% slug overview_gridlayout %}).
+ */
+export interface GridLayoutItemProps {
+    /**
+     * Sets additional CSS classes to the GridLayoutItem.
+     */
+    class?: string;
+    /**
+     * Sets additional CSS styles to the GridLayoutItem.
+     */
+    style?: any;
+    /**
+     * Sets the `id` property of the root GridLayoutItem element.
+     */
+    id?: string;
+    /**
+     * Defines the column line from which the element will start ([see example]({% slug items_gridlayout %}#toc-items)).
+     */
+    col?: number;
+    /**
+     * Specifies the number of columns over which the element will span ([see example]({% slug items_gridlayout %}#toc-items)).
+     * Defaults to `1`.
+     */
+    colSpan?: number;
+    /**
+     * Defines the row line from which the element will start ([see example]({% slug items_gridlayout %}#toc-items)).
+     */
+    row?: number;
+    /**
+     * Specifies the number of rows over which the element will span ([see example]({% slug items_gridlayout %}#toc-items)).
+     * Defaults to `1`.
+     */
+    rowSpan?: number;
+    /**
+     * Sets the content of the GridLayoutItem.
+     */
+    content?: any;
+}

package/gridlayout/interfaces/GridLayoutProps.d.ts

@@ -0,0 +1,102 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { GridLayoutColumnProps } from './GridLayoutColumnProps';
+import { GridLayoutItemProps } from './GridLayoutItemProps';
+import { GridLayoutRowProps } from './GridLayoutRowProps';
+/**
+ * Represents the props of the [Kendo UI for Vue GridLayout component]({% slug overview_gridlayout %}).
+ */
+export interface GridLayoutProps {
+    /**
+     * Sets additional CSS classes to the GridLayout.
+     */
+    className?: string;
+    /**
+     * Sets additional CSS styles to the GridLayout.
+     */
+    style?: any;
+    /**
+     * Sets the `id` property of the root GridLayout element.
+     */
+    id?: string;
+    /**
+     * Specifies the gaps between the elements ([see example]({% slug layout_gridlayout_gaps %})).
+     *
+     * * The possible keys are:
+     * * `rows`
+     * * `columns`
+     */
+    gap?: GridLayoutGap;
+    /**
+     * Specifies the horizontal and vertical alignment of the inner GridLayout elements (see demos
+     * [here]({% slug layout_gridlayout_alignment %}#toc-horizontal-alignment) and [here]({% slug layout_gridlayout_alignment %}#toc-vertical-alignment)).
+     *
+     * The possible keys are:
+     * * `horizontal`—Defines the possible horizontal alignment of the inner GridLayout elements.
+     *   * `start`—Uses the start point of the container.
+     *   * `center`—Uses the central point of the container.
+     *   * `end`—Uses the end point of the container.
+     *   * (Default)`stretch`—Stretches the items to fill the width of the container.
+     * * `vertical`— Defines the possible vertical alignment of the inner GridLayout elements.
+     *   * `top`—Uses the top point of the container.
+     *   * `middle`—Uses the middle point of the container.
+     *   * `bottom`—Uses the bottom point of the container.
+     *   * (Default)`stretch`—Stretches the items to fill the height of the container.
+     */
+    align?: GridLayoutAlign | any;
+    /**
+     * Specifies the default number of columns and their widths ([see example]({% slug layout_gridlayout_rowscolumns %})).
+     */
+    cols?: GridLayoutColumnProps[];
+    /**
+     * Specifies the default number of rows and their height ([see example]({% slug layout_gridlayout_rowscolumns %})).
+     */
+    rows?: GridLayoutRowProps[];
+    /**
+     * The collection of GridLayoutItemProps.
+     */
+    items?: GridLayoutItemProps[];
+}
+/**
+ * Specifies the gaps between the elements.
+ */
+export interface GridLayoutGap {
+    /**
+     * Represents the row gap between the elements
+     */
+    rows?: number | string;
+    /**
+     * Represents the column gap between the elements
+     */
+    cols?: number | string;
+}
+/**
+ * Specifies the horizontal and vertical alignment of the inner GridLayout elements.
+ */
+export interface GridLayoutAlign {
+    /**
+     * Defines the possible horizontal alignment of the inner GridLayout elements.
+     *
+     * The available values are:
+     * - `start`—Uses the start point of the container.
+     * - `center`—Uses the center point of the container.
+     * - `end`—Uses the end point of the container.
+     * - (Default)`stretch`—Stretches the items to fill the width of the container.
+     */
+    horizontal?: 'start' | 'center' | 'end' | 'stretch';
+    /**
+     * Defines the possible vertical alignment of the inner GridLayout elements.
+     *
+     * The available values are:
+     * - `top`—Uses the top point of the container.
+     * - `middle`—Uses the middle point of the container.
+     * - `bottom`—Uses the bottom point of the container.
+     * - (Default)`stretch`—Stretches the items to fill the height of the container.
+     */
+    vertical?: 'top' | 'middle' | 'bottom' | 'stretch';
+}

package/gridlayout/interfaces/GridLayoutRowProps.d.ts

@@ -0,0 +1,17 @@
+/**
+ * @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 GridLayout row]({% slug overview_gridlayout %}).
+ */
+export interface GridLayoutRowProps {
+    /**
+     * Specifies the height of the GridLayout
+     * row ([see example]({% slug overview_gridlayout %})).
+     */
+    height?: number | string;
+}