@progress/kendo-vue-layout 3.7.2 → 3.7.3-dev.202211021251

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-vue-layout',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1667290002,
+    publishDate: 1667392740,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
 };

package/dist/es/tilelayout/interfaces/main.d.ts

@@ -0,0 +1,135 @@
+/**
+ * The interface for describing items that can be passed to the `items` property of the TileLayout component.
+ */
+export interface TileLayoutItem {
+    /**
+     * The position which is used when the TileLayout is in uncontrolled mode
+     * ([see example]({% slug tiles_tilelayout %}#toc-position-and-dimensions)).
+     */
+    defaultPosition?: TilePosition;
+    /**
+     * Sets additional classes to the TileLayoutItem.
+     */
+    className?: string;
+    /**
+     * Sets additional CSS styles to the TileLayoutItem hint element.
+     */
+    hintStyle?: object;
+    /**
+     * Sets additional classes to the TileLayoutItem hint element.
+     */
+    hintClassName?: string;
+    /**
+     * Sets the title in the TileLayoutItem's header
+     * ([see example]({% slug tiles_tilelayout %})).
+     */
+    header?: any;
+    /**
+     * Sets the content in TileLayoutItem's body
+     * ([see example]({% slug tiles_tilelayout %})).
+     */
+    body?: any;
+    /**
+     * Overrides the default rendering of the TileLayoutItem
+     * ([see example]({% slug tiles_tilelayout %}#toc-custom-rendering)).
+     */
+    item?: any;
+    /**
+     * Specifies if the user is allowed to resize the TileLayoutItem and in which direction
+     * ([see example]({% slug tiles_tilelayout %}#toc-resizing)).
+     * If `resizable` is not specified, the resizing of the TileLayoutItem will be enabled for both directions.
+     */
+    resizable?: TileResizeMode;
+    /**
+     * Specifies if the user is allowed to reorder the TileLayoutItem by dragging and dropping it
+     * ([see example]({% slug tiles_tilelayout %}#toc-reordering)).
+     * If `reorderable` is not specified, the dragging functionality of the TileLayoutItem will be enabled.
+     */
+    reorderable?: boolean;
+}
+/**
+ * Specifies the position of each tile.
+ */
+export interface TilePosition {
+    /**
+     * Defines the order index of the TileLayoutItem.
+     * If not set, items will receive a sequential order.
+     */
+    order?: number;
+    /**
+     * (Required) Defines on which column-line the TileLayoutItem will start.
+     * It is required in order reordering and resizing functionalities to work as expected as they rely on it.
+     */
+    col: number;
+    /**
+     * Specifies how many columns will the TileLayoutItem spans.
+     * Defaults to `1`.
+     */
+    colSpan?: number;
+    /**
+     * Defines on which row-line the TileLayoutItem will start.
+     */
+    row?: number;
+    /**
+     * Specifies how many rows will the TileLayoutItem spans.
+     * Defaults to `1`.
+     */
+    rowSpan?: number;
+}
+/**
+ * Specifies the strict position of each tile.
+ * Used in the [TileLayoutRepositionEvent]({% slug api_layout_tilelayoutrepositionevent %}).
+ */
+export interface TileStrictPosition extends TilePosition {
+    /**
+     * Defines the order index of the TileLayoutItem.
+     * If not set, items will receive a sequential order.
+     */
+    order: number;
+    /**
+     * Specifies how many rows will the TileLayoutItem spans.
+     * Defaults to `1`.
+     */
+    rowSpan: number;
+    /**
+     * Specifies how many columns will the TileLayoutItem spans.
+     * Defaults to `1`.
+     */
+    colSpan: number;
+}
+/**
+ * Specifies if the user is allowed to resize the TileLayoutItem and in which direction
+ * ([see example]({% slug tiles_tilelayout %}#toc-resizing)).
+ * If `resizable` is not specified, the resizing of the TileLayoutItem will be enabled for both directions.
+ */
+export declare type TileResizeMode = 'horizontal' | 'vertical' | boolean;
+/**
+ * Specifies the gaps between the tiles.
+ */
+export interface TileLayoutGap {
+    /**
+     * The rows gap between tiles.
+     * Defaults to `16px`.
+     */
+    rows?: number | string;
+    /**
+     * The columns gap between tiles.
+     * Defaults to `16px`.
+     */
+    columns?: number | string;
+}
+/**
+ * Controls how the auto-placement algorithm works, specifying exactly how auto-placed items get flowed into the TileLayout.
+ * For further reference, check [grid-auto-flow CSS](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-flow) article.
+ * Defaults to `column`.
+ */
+export declare type TileLayoutAutoFlow = 'column' | 'row' | 'column dense' | 'row dense' | 'unset';
+/**
+ * The arguments for the `onReposition` TileLayout event.
+ */
+export interface TileLayoutRepositionEvent {
+    /**
+     * The new positions of the TileLayout tiles.
+     */
+    value: Array<TileStrictPosition>;
+}

package/dist/es/tilelayout/interfaces/main.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-vue-layout',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1667290002,
+    publishDate: 1667392740,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
 };

package/dist/esm/tilelayout/interfaces/main.d.ts

@@ -0,0 +1,135 @@
+/**
+ * The interface for describing items that can be passed to the `items` property of the TileLayout component.
+ */
+export interface TileLayoutItem {
+    /**
+     * The position which is used when the TileLayout is in uncontrolled mode
+     * ([see example]({% slug tiles_tilelayout %}#toc-position-and-dimensions)).
+     */
+    defaultPosition?: TilePosition;
+    /**
+     * Sets additional classes to the TileLayoutItem.
+     */
+    className?: string;
+    /**
+     * Sets additional CSS styles to the TileLayoutItem hint element.
+     */
+    hintStyle?: object;
+    /**
+     * Sets additional classes to the TileLayoutItem hint element.
+     */
+    hintClassName?: string;
+    /**
+     * Sets the title in the TileLayoutItem's header
+     * ([see example]({% slug tiles_tilelayout %})).
+     */
+    header?: any;
+    /**
+     * Sets the content in TileLayoutItem's body
+     * ([see example]({% slug tiles_tilelayout %})).
+     */
+    body?: any;
+    /**
+     * Overrides the default rendering of the TileLayoutItem
+     * ([see example]({% slug tiles_tilelayout %}#toc-custom-rendering)).
+     */
+    item?: any;
+    /**
+     * Specifies if the user is allowed to resize the TileLayoutItem and in which direction
+     * ([see example]({% slug tiles_tilelayout %}#toc-resizing)).
+     * If `resizable` is not specified, the resizing of the TileLayoutItem will be enabled for both directions.
+     */
+    resizable?: TileResizeMode;
+    /**
+     * Specifies if the user is allowed to reorder the TileLayoutItem by dragging and dropping it
+     * ([see example]({% slug tiles_tilelayout %}#toc-reordering)).
+     * If `reorderable` is not specified, the dragging functionality of the TileLayoutItem will be enabled.
+     */
+    reorderable?: boolean;
+}
+/**
+ * Specifies the position of each tile.
+ */
+export interface TilePosition {
+    /**
+     * Defines the order index of the TileLayoutItem.
+     * If not set, items will receive a sequential order.
+     */
+    order?: number;
+    /**
+     * (Required) Defines on which column-line the TileLayoutItem will start.
+     * It is required in order reordering and resizing functionalities to work as expected as they rely on it.
+     */
+    col: number;
+    /**
+     * Specifies how many columns will the TileLayoutItem spans.
+     * Defaults to `1`.
+     */
+    colSpan?: number;
+    /**
+     * Defines on which row-line the TileLayoutItem will start.
+     */
+    row?: number;
+    /**
+     * Specifies how many rows will the TileLayoutItem spans.
+     * Defaults to `1`.
+     */
+    rowSpan?: number;
+}
+/**
+ * Specifies the strict position of each tile.
+ * Used in the [TileLayoutRepositionEvent]({% slug api_layout_tilelayoutrepositionevent %}).
+ */
+export interface TileStrictPosition extends TilePosition {
+    /**
+     * Defines the order index of the TileLayoutItem.
+     * If not set, items will receive a sequential order.
+     */
+    order: number;
+    /**
+     * Specifies how many rows will the TileLayoutItem spans.
+     * Defaults to `1`.
+     */
+    rowSpan: number;
+    /**
+     * Specifies how many columns will the TileLayoutItem spans.
+     * Defaults to `1`.
+     */
+    colSpan: number;
+}
+/**
+ * Specifies if the user is allowed to resize the TileLayoutItem and in which direction
+ * ([see example]({% slug tiles_tilelayout %}#toc-resizing)).
+ * If `resizable` is not specified, the resizing of the TileLayoutItem will be enabled for both directions.
+ */
+export declare type TileResizeMode = 'horizontal' | 'vertical' | boolean;
+/**
+ * Specifies the gaps between the tiles.
+ */
+export interface TileLayoutGap {
+    /**
+     * The rows gap between tiles.
+     * Defaults to `16px`.
+     */
+    rows?: number | string;
+    /**
+     * The columns gap between tiles.
+     * Defaults to `16px`.
+     */
+    columns?: number | string;
+}
+/**
+ * Controls how the auto-placement algorithm works, specifying exactly how auto-placed items get flowed into the TileLayout.
+ * For further reference, check [grid-auto-flow CSS](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-flow) article.
+ * Defaults to `column`.
+ */
+export declare type TileLayoutAutoFlow = 'column' | 'row' | 'column dense' | 'row dense' | 'unset';
+/**
+ * The arguments for the `onReposition` TileLayout event.
+ */
+export interface TileLayoutRepositionEvent {
+    /**
+     * The new positions of the TileLayout tiles.
+     */
+    value: Array<TileStrictPosition>;
+}

package/dist/esm/tilelayout/interfaces/main.js

@@ -0,0 +1 @@
+export {};

package/dist/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-vue-layout',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1667290002,
+    publishDate: 1667392740,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
 };

package/dist/npm/tilelayout/interfaces/main.d.ts

@@ -0,0 +1,135 @@
+/**
+ * The interface for describing items that can be passed to the `items` property of the TileLayout component.
+ */
+export interface TileLayoutItem {
+    /**
+     * The position which is used when the TileLayout is in uncontrolled mode
+     * ([see example]({% slug tiles_tilelayout %}#toc-position-and-dimensions)).
+     */
+    defaultPosition?: TilePosition;
+    /**
+     * Sets additional classes to the TileLayoutItem.
+     */
+    className?: string;
+    /**
+     * Sets additional CSS styles to the TileLayoutItem hint element.
+     */
+    hintStyle?: object;
+    /**
+     * Sets additional classes to the TileLayoutItem hint element.
+     */
+    hintClassName?: string;
+    /**
+     * Sets the title in the TileLayoutItem's header
+     * ([see example]({% slug tiles_tilelayout %})).
+     */
+    header?: any;
+    /**
+     * Sets the content in TileLayoutItem's body
+     * ([see example]({% slug tiles_tilelayout %})).
+     */
+    body?: any;
+    /**
+     * Overrides the default rendering of the TileLayoutItem
+     * ([see example]({% slug tiles_tilelayout %}#toc-custom-rendering)).
+     */
+    item?: any;
+    /**
+     * Specifies if the user is allowed to resize the TileLayoutItem and in which direction
+     * ([see example]({% slug tiles_tilelayout %}#toc-resizing)).
+     * If `resizable` is not specified, the resizing of the TileLayoutItem will be enabled for both directions.
+     */
+    resizable?: TileResizeMode;
+    /**
+     * Specifies if the user is allowed to reorder the TileLayoutItem by dragging and dropping it
+     * ([see example]({% slug tiles_tilelayout %}#toc-reordering)).
+     * If `reorderable` is not specified, the dragging functionality of the TileLayoutItem will be enabled.
+     */
+    reorderable?: boolean;
+}
+/**
+ * Specifies the position of each tile.
+ */
+export interface TilePosition {
+    /**
+     * Defines the order index of the TileLayoutItem.
+     * If not set, items will receive a sequential order.
+     */
+    order?: number;
+    /**
+     * (Required) Defines on which column-line the TileLayoutItem will start.
+     * It is required in order reordering and resizing functionalities to work as expected as they rely on it.
+     */
+    col: number;
+    /**
+     * Specifies how many columns will the TileLayoutItem spans.
+     * Defaults to `1`.
+     */
+    colSpan?: number;
+    /**
+     * Defines on which row-line the TileLayoutItem will start.
+     */
+    row?: number;
+    /**
+     * Specifies how many rows will the TileLayoutItem spans.
+     * Defaults to `1`.
+     */
+    rowSpan?: number;
+}
+/**
+ * Specifies the strict position of each tile.
+ * Used in the [TileLayoutRepositionEvent]({% slug api_layout_tilelayoutrepositionevent %}).
+ */
+export interface TileStrictPosition extends TilePosition {
+    /**
+     * Defines the order index of the TileLayoutItem.
+     * If not set, items will receive a sequential order.
+     */
+    order: number;
+    /**
+     * Specifies how many rows will the TileLayoutItem spans.
+     * Defaults to `1`.
+     */
+    rowSpan: number;
+    /**
+     * Specifies how many columns will the TileLayoutItem spans.
+     * Defaults to `1`.
+     */
+    colSpan: number;
+}
+/**
+ * Specifies if the user is allowed to resize the TileLayoutItem and in which direction
+ * ([see example]({% slug tiles_tilelayout %}#toc-resizing)).
+ * If `resizable` is not specified, the resizing of the TileLayoutItem will be enabled for both directions.
+ */
+export declare type TileResizeMode = 'horizontal' | 'vertical' | boolean;
+/**
+ * Specifies the gaps between the tiles.
+ */
+export interface TileLayoutGap {
+    /**
+     * The rows gap between tiles.
+     * Defaults to `16px`.
+     */
+    rows?: number | string;
+    /**
+     * The columns gap between tiles.
+     * Defaults to `16px`.
+     */
+    columns?: number | string;
+}
+/**
+ * Controls how the auto-placement algorithm works, specifying exactly how auto-placed items get flowed into the TileLayout.
+ * For further reference, check [grid-auto-flow CSS](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-flow) article.
+ * Defaults to `column`.
+ */
+export declare type TileLayoutAutoFlow = 'column' | 'row' | 'column dense' | 'row dense' | 'unset';
+/**
+ * The arguments for the `onReposition` TileLayout event.
+ */
+export interface TileLayoutRepositionEvent {
+    /**
+     * The new positions of the TileLayout tiles.
+     */
+    value: Array<TileStrictPosition>;
+}

package/dist/npm/tilelayout/interfaces/main.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-vue-layout",
   "description": "Kendo UI for Vue Layouts package",
-  "version": "3.7.2",
+  "version": "3.7.3-dev.202211021251",
   "repository": {
     "type": "git",
     "url": "https://github.com/telerik/kendo-vue.git"
@@ -43,22 +43,22 @@
     "vue": "^2.6.12 || ^3.0.2"
   },
   "dependencies": {
-    "@progress/kendo-vue-animation": "3.7.2",
-    "@progress/kendo-vue-common": "3.7.2",
-    "@progress/kendo-vue-popup": "3.7.2"
+    "@progress/kendo-vue-animation": "3.7.3-dev.202211021251",
+    "@progress/kendo-vue-common": "3.7.3-dev.202211021251",
+    "@progress/kendo-vue-popup": "3.7.3-dev.202211021251"
   },
   "devDependencies": {
     "@progress/kendo-data-query": "^1.5.0",
     "@progress/kendo-date-math": "^1.5.1",
     "@progress/kendo-drawing": "^1.8.0",
     "@progress/kendo-licensing": "^1.0.1",
-    "@progress/kendo-vue-buttons": "3.7.2",
-    "@progress/kendo-vue-dateinputs": "3.7.2",
-    "@progress/kendo-vue-dropdowns": "3.7.2",
-    "@progress/kendo-vue-indicators": "3.7.2",
-    "@progress/kendo-vue-inputs": "3.7.2",
-    "@progress/kendo-vue-intl": "3.7.2",
-    "@progress/kendo-vue-progressbars": "3.7.2"
+    "@progress/kendo-vue-buttons": "3.7.3-dev.202211021251",
+    "@progress/kendo-vue-dateinputs": "3.7.3-dev.202211021251",
+    "@progress/kendo-vue-dropdowns": "3.7.3-dev.202211021251",
+    "@progress/kendo-vue-indicators": "3.7.3-dev.202211021251",
+    "@progress/kendo-vue-inputs": "3.7.3-dev.202211021251",
+    "@progress/kendo-vue-intl": "3.7.3-dev.202211021251",
+    "@progress/kendo-vue-progressbars": "3.7.3-dev.202211021251"
   },
   "@progress": {
     "friendlyName": "Layouts",