@progress/kendo-vue-layout 2.5.1 → 2.5.2

package/dist/es/menu/utils/itemsIdsUtils.d.ts

@@ -0,0 +1,64 @@
+/**
+ * @hidden
+ */
+export declare const EMPTY_ID = "";
+/**
+ * @hidden
+ */
+export declare const ZERO_LEVEL_ZERO_ITEM_ID = "0";
+/**
+ * @hidden
+ */
+export declare const SEPARATOR = "_";
+/**
+ * @hidden
+ */
+export declare function getItemById(itemId: string, items: any): any;
+/**
+ * @hidden
+ */
+export declare function getRootParentId(itemId: string): string;
+/**
+ * @hidden
+ */
+export declare function getIdWithoutRootParentId(itemId: string): string;
+/**
+ * @hidden
+ */
+export declare function getFirstChildId(itemId: string): string;
+/**
+ * @hidden
+ */
+export declare function shouldOpenItem(itemId: string, lastItemIdToBeOpened: string): boolean;
+/**
+ * @hidden
+ */
+export declare function createId(childId: string, parentId?: string): string;
+/**
+ * @hidden
+ */
+export declare function getDirectParentId(itemId: string): string;
+/**
+ * @hidden
+ */
+export declare function isIdEmptyOrZeroLevel(itemId: string): boolean;
+/**
+ * @hidden
+ */
+export declare function isIdZeroLevel(itemId: string): boolean;
+/**
+ * @hidden
+ */
+export declare function isIdFirstLevel(itemId: string): boolean;
+/**
+ * @hidden
+ */
+export declare function isFirstItemFromSiblings(itemId: string): boolean;
+/**
+ * @hidden
+ */
+export declare function getShortId(itemId: string): string;
+/**
+ * @hidden
+ */
+export declare function getDirectSiblingIdForLevelZero(next: boolean, shortItemId: string, siblingsCount: number): string;

package/dist/es/menu/utils/itemsIdsUtils.js

@@ -0,0 +1,119 @@
+/**
+ * @hidden
+ */
+export var EMPTY_ID = '';
+/**
+ * @hidden
+ */
+export var ZERO_LEVEL_ZERO_ITEM_ID = '0';
+/**
+ * @hidden
+ */
+export var SEPARATOR = '_';
+/**
+ * @hidden
+ */
+export function getItemById(itemId, items) {
+    if (isIdZeroLevel(itemId)) {
+        return items[Number(itemId)];
+    }
+    else {
+        var rootParentItem = items[Number(getRootParentId(itemId))];
+        return rootParentItem.items ?
+            getItemById(getIdWithoutRootParentId(itemId), rootParentItem.items) : undefined;
+    }
+}
+/**
+ * @hidden
+ */
+export function getRootParentId(itemId) {
+    return isIdEmptyOrZeroLevel(itemId) ? itemId : itemId.split(SEPARATOR)[0];
+}
+/**
+ * @hidden
+ */
+export function getIdWithoutRootParentId(itemId) {
+    if (isIdEmptyOrZeroLevel(itemId)) {
+        return itemId;
+    }
+    else {
+        var firstSeparatorIndex = itemId.indexOf(SEPARATOR);
+        return itemId.substring(firstSeparatorIndex + 1);
+    }
+}
+/**
+ * @hidden
+ */
+export function getFirstChildId(itemId) {
+    return createId('0', itemId);
+}
+/**
+ * @hidden
+ */
+export function shouldOpenItem(itemId, lastItemIdToBeOpened) {
+    if (lastItemIdToBeOpened.indexOf(itemId) === 0) {
+        return lastItemIdToBeOpened.length === itemId.length ||
+            lastItemIdToBeOpened.charAt(itemId.length) === SEPARATOR;
+    }
+    else {
+        return false;
+    }
+}
+/**
+ * @hidden
+ */
+export function createId(childId, parentId) {
+    return parentId ? parentId + SEPARATOR + childId : childId;
+}
+/**
+ * @hidden
+ */
+export function getDirectParentId(itemId) {
+    var lastSeparatorIndex = itemId.lastIndexOf(SEPARATOR);
+    return lastSeparatorIndex < 0 ? EMPTY_ID : itemId.substring(0, lastSeparatorIndex);
+}
+/**
+ * @hidden
+ */
+export function isIdEmptyOrZeroLevel(itemId) {
+    return itemId === EMPTY_ID || itemId.indexOf(SEPARATOR) < 0;
+}
+/**
+ * @hidden
+ */
+export function isIdZeroLevel(itemId) {
+    return itemId !== EMPTY_ID && itemId.indexOf(SEPARATOR) < 0;
+}
+/**
+ * @hidden
+ */
+export function isIdFirstLevel(itemId) {
+    return getSeparatorOccurances(itemId) === 1;
+}
+/**
+ * @hidden
+ */
+export function isFirstItemFromSiblings(itemId) {
+    return getShortId(itemId) === ZERO_LEVEL_ZERO_ITEM_ID;
+}
+/**
+ * @hidden
+ */
+export function getShortId(itemId) {
+    var lastSeparatorIndex = itemId.lastIndexOf(SEPARATOR);
+    return lastSeparatorIndex < 0 ? itemId : itemId.substring(lastSeparatorIndex + 1);
+}
+/**
+ * @hidden
+ */
+export function getDirectSiblingIdForLevelZero(next, shortItemId, siblingsCount) {
+    if (!isIdZeroLevel(shortItemId)) {
+        return shortItemId;
+    }
+    return next ?
+        Number(shortItemId) < siblingsCount - 1 ? (Number(shortItemId) + 1).toString() : '0' :
+        Number(shortItemId) > 0 ? (Number(shortItemId) - 1).toString() : (siblingsCount - 1).toString();
+}
+function getSeparatorOccurances(itemId) {
+    return itemId.split(SEPARATOR).length - 1;
+}

package/dist/es/menu/utils/misc.d.ts

@@ -0,0 +1,16 @@
+/**
+ * @hidden
+ */
+export declare function getPopupSettings(itemId: string, isMenuVertical: boolean, isDirectionRightToLeft?: boolean): any;
+/**
+ * @hidden
+ */
+export declare function getChildrenPosition(itemId: string, isMenuVertical: boolean, isDirectionRightToLeft?: boolean): "leftward" | "rightward" | "downward";
+/**
+ * @hidden
+ */
+export declare function convertBoolDirectionToString(isDirectionRightToLeft?: boolean): "ltr" | "rtl";
+/**
+ * @hidden
+ */
+export declare function getDOMElementId(menuGuid: string, itemId: string): string;

package/dist/es/menu/utils/misc.js

@@ -0,0 +1,42 @@
+import { POPUP_SETTINGS, POPUP_SETTINGS_RTL } from '../consts';
+import { isIdZeroLevel } from './itemsIdsUtils';
+/**
+ * @hidden
+ */
+export function getPopupSettings(itemId, isMenuVertical, isDirectionRightToLeft) {
+    var childrenPosition = getChildrenPosition(itemId, isMenuVertical, isDirectionRightToLeft);
+    if (isDirectionRightToLeft) {
+        return childrenPosition === 'downward' ? POPUP_SETTINGS_RTL.downward : POPUP_SETTINGS_RTL.leftward;
+    }
+    else {
+        return childrenPosition === 'downward' ? POPUP_SETTINGS.downward : POPUP_SETTINGS.rightward;
+    }
+}
+/**
+ * @hidden
+ */
+export function getChildrenPosition(itemId, isMenuVertical, isDirectionRightToLeft) {
+    if (isIdZeroLevel(itemId)) {
+        if (isMenuVertical) {
+            return isDirectionRightToLeft ? 'leftward' : 'rightward';
+        }
+        else {
+            return 'downward';
+        }
+    }
+    else {
+        return isDirectionRightToLeft ? 'leftward' : 'rightward';
+    }
+}
+/**
+ * @hidden
+ */
+export function convertBoolDirectionToString(isDirectionRightToLeft) {
+    return isDirectionRightToLeft ? 'rtl' : 'ltr';
+}
+/**
+ * @hidden
+ */
+export function getDOMElementId(menuGuid, itemId) {
+    return menuGuid + "_" + itemId;
+}

package/dist/es/menu/utils/prepareInputItemsForInternalWork.d.ts

@@ -0,0 +1,5 @@
+import { MenuItemModel } from '../models/MenuItemModel';
+/**
+ * @hidden
+ */
+export declare function prepareInputItemsForInternalWork(this: any, models?: MenuItemModel[]): any;

package/dist/es/menu/utils/prepareInputItemsForInternalWork.js

@@ -0,0 +1,80 @@
+import { templateRendering, getListeners } from '@progress/kendo-vue-common';
+import { createId, ZERO_LEVEL_ZERO_ITEM_ID } from './itemsIdsUtils';
+/**
+ * @hidden
+ */
+export function prepareInputItemsForInternalWork(models) {
+    if (models && models.length > 0) {
+        return {
+            items: convertInputModelsToInternalOnesHelper.call(this, models),
+            inputItems: models
+        };
+    }
+    else {
+        return { items: [], inputItems: [] };
+    }
+}
+function copyInputItemWithoutChildren(inputModel) {
+    var result = {};
+    var text = inputModel.text, url = inputModel.url, icon = inputModel.icon, disabled = inputModel.disabled, cssClass = inputModel.cssClass, cssStyle = inputModel.cssStyle, render = inputModel.render, linkRender = inputModel.linkRender, contentRender = inputModel.contentRender, data = inputModel.data;
+    if (text !== undefined) {
+        result.text = text;
+    }
+    if (url !== undefined) {
+        result.url = url;
+    }
+    if (icon !== undefined) {
+        result.icon = icon;
+    }
+    if (disabled !== undefined) {
+        result.disabled = disabled;
+    }
+    if (cssClass !== undefined) {
+        result.cssClass = cssClass;
+    }
+    if (cssStyle !== undefined) {
+        result.cssStyle = cssStyle;
+    }
+    if (render !== undefined) {
+        result.render = templateRendering.call(this, render, getListeners.call(this));
+    }
+    if (linkRender !== undefined) {
+        result.linkRender = templateRendering.call(this, linkRender, getListeners.call(this));
+    }
+    if (contentRender !== undefined) {
+        result.contentRender = templateRendering.call(this, contentRender, getListeners.call(this));
+    }
+    if (data !== undefined) {
+        result.data = data;
+    }
+    return result;
+}
+function convertInputModelsToInternalOnesHelper(inputModels, parentId) {
+    var result = [];
+    for (var index = 0; index < inputModels.length; index++) {
+        var inputModel = inputModels[index];
+        var internalModel = copyInputItemWithoutChildren.call(this, inputModel);
+        internalModel.id = createId(index.toString(), parentId);
+        internalModel.isLastFromSiblings = index === inputModels.length - 1;
+        internalModel.items = copyOrCreateModelChildren(inputModel, internalModel);
+        result.push(internalModel);
+    }
+    return result;
+}
+function copyOrCreateModelChildren(inputModel, internalModel) {
+    if (inputModel.contentRender) {
+        return [{
+                contentParentItemId: internalModel.id,
+                id: createId(ZERO_LEVEL_ZERO_ITEM_ID, internalModel.id),
+                isLastFromSiblings: true,
+                contentRender: inputModel.contentRender,
+                items: []
+            }];
+    }
+    else if (inputModel.items) {
+        return convertInputModelsToInternalOnesHelper.call(this, inputModel.items, internalModel.id);
+    }
+    else {
+        return [];
+    }
+}

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: 1633591190,
+    publishDate: 1634297459,
     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/main.d.ts

@@ -12,3 +12,8 @@ export * from './card/CardImage';
 export * from './card/CardSubtitle';
 export * from './card/CardFooter';
 export * from './card/Avatar';
+export * from './menu/components/Menu';
+export * from './menu/components/MenuItemLink';
+export * from './menu/components/MenuItemArrow';
+export * from './menu/models/MenuItemModel';
+export * from './menu/events';

package/dist/npm/main.js

@@ -24,3 +24,8 @@ __exportStar(require("./card/CardImage"), exports);
 __exportStar(require("./card/CardSubtitle"), exports);
 __exportStar(require("./card/CardFooter"), exports);
 __exportStar(require("./card/Avatar"), exports);
+__exportStar(require("./menu/components/Menu"), exports);
+__exportStar(require("./menu/components/MenuItemLink"), exports);
+__exportStar(require("./menu/components/MenuItemArrow"), exports);
+__exportStar(require("./menu/models/MenuItemModel"), exports);
+__exportStar(require("./menu/events"), exports);

package/dist/npm/menu/BaseMenuItemInternalProps.d.ts

@@ -0,0 +1,20 @@
+/**
+ * @hidden
+ */
+export interface BaseMenuItemInternalProps {
+    focusedItemId: string;
+    lastItemIdToBeOpened: string;
+    tabbableItemId: string;
+    itemRender?: any;
+    linkRender?: any;
+    isMenuVertical: boolean;
+    isDirectionRightToLeft?: boolean;
+    menuGuid: string;
+    onMouseOver?: any;
+    onMouseLeave?: any;
+    onMouseDown?: any;
+    onFocus?: any;
+    onClick?: any;
+    onBlur?: any;
+    originalItemNeeded?: any;
+}

package/dist/npm/menu/BaseMenuItemInternalProps.js

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

package/dist/npm/menu/MenuProps.d.ts

@@ -0,0 +1,51 @@
+import { MenuItemModel } from './models/MenuItemModel';
+import { MenuSelectEvent } from './events';
+/**
+ * The properties of the [Kendo UI for Vue Menu component]({% slug overview_menu %}).
+ */
+export interface MenuProps {
+    /**
+     * Specifies whether the Menu will be vertical ([see example]({% slug vertical_menu %})).
+     */
+    vertical?: boolean;
+    /**
+     * Sets the Menu items.
+     */
+    items?: MenuItemModel[];
+    /**
+     * Sets the direction of the Menu.
+     */
+    dir?: string;
+    /**
+     * Specifies the delay in milliseconds before the Menu items are opened on item mouse-hover ([see example]({% slug opening_closing_menu %}#toc-delay-on-hover)). Defaults to `100`. If `openOnClick` is `true`, defaults to `0`.
+     */
+    hoverOpenDelay?: number;
+    /**
+     * Specifies the delay in milliseconds before the Menu items are closed on item mouse-leave ([see example]({% slug opening_closing_menu %}#toc-delay-on-hover)). Used to avoid accidental closure on leaving. Defaults to `100`.
+     */
+    hoverCloseDelay?: number;
+    /**
+     * If `openOnClick` is set to `true`, the items are opened on mouse hover only after an initial click.
+     */
+    openOnClick?: boolean;
+    /**
+     * A React functional or class component which is used for rendering the innermost part of the Menu item ([see example]({% slug rendering_menu %}#toc-items)). By default, the innermost item part includes only the text for the item.
+     */
+    itemRender?: any;
+    /**
+     * A React functional or class component which is used for rendering the link of the item ([see example]({% slug rendering_menu %}#toc-links)). The item link is a part of the visual representation of the item which, by default, includes an arrow, icon, and text.
+     */
+    linkRender?: any;
+    /**
+     * Sets the ids of the Menu items that will not be closed on mouse-leave. The ids are hierarchical and zero-based. The first root item has a `0` id. If the first root item has children, the first child item acquires a `0_0` id and the second acquires a `0_1` id.
+     */
+    customCloseItemIds?: string[];
+    /**
+     * Adds a custom className to the Menu top element.
+     */
+    className?: string;
+    /**
+     * Fires when a Menu item is selected.
+     */
+    onSelect?: (event: MenuSelectEvent) => void;
+}

package/dist/npm/menu/MenuProps.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+}); // tslint:enable:max-line-length

package/dist/npm/menu/components/Menu.d.ts

@@ -0,0 +1,68 @@
+import { DefineComponent } from '../../additionalTypes';
+import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
+declare type DefaultData<V> = object | ((this: V) => {});
+declare type DefaultMethods<V> = {
+    [key: string]: (this: V, ...args: any[]) => any;
+};
+import { MenuItemInternalModel, MenuItemModel } from '../models/MenuItemModel';
+import { MenuProps } from '../MenuProps';
+import { MouseOverHandler } from '../utils/MouseOverHandler';
+/**
+ * @hidden
+ */
+export interface MenuState {
+    itemHoverRequest: any;
+    itemLeaveRequest: any;
+    menuWrapperEl: any;
+    guid: string;
+    directionHolder: any;
+    inputItems: MenuItemModel[];
+    currentItems: MenuItemInternalModel[];
+    mouseOverHandler: MouseOverHandler;
+}
+/**
+ * @hidden
+ */
+export interface MenuComputed {
+    menuClassName: object;
+}
+/**
+ * @hidden
+ */
+export interface MenuMethods {
+    [key: string]: any;
+    reset: () => void;
+    onKeyDown: (event: any) => void;
+    onItemMouseOver: (itemId: string) => void;
+    onItemMouseLeave: (itemId: string) => void;
+    onItemMouseDown: () => void;
+    onItemFocus: (itemId: string) => void;
+    onItemClick: (event: any, itemId: string) => void;
+    onItemBlur: (itemId: string) => void;
+    getInputItem: (itemId: string) => void;
+    setFocusedItemId: (focusedItemId: string) => void;
+    setHoveredItemId: (hoveredItemId: string) => void;
+    getMenuWrapperClassName: () => object;
+    clearItemHoverAndLeaveRequestsIfApplicable: () => void;
+    isItemWithDefaultClose: (itemId: string) => boolean;
+    checkIsDirectionRightToLeft: () => any;
+    prepareItems: () => void;
+    dispatchSelectEventIfWired: (event: any, itemId: string) => void;
+}
+/**
+ * @hidden
+ */
+export interface MenuData {
+    focusedItemId: string;
+    hoveredItemId: string;
+    tabbableItemId: string;
+    isFirstRender: boolean;
+}
+/**
+ * @hidden
+ */
+export interface MenuAll extends Vue, MenuMethods, MenuData, MenuComputed, MenuState {
+}
+declare let Menu: ComponentOptions<MenuAll, DefaultData<MenuData>, DefaultMethods<MenuAll>, MenuComputed, RecordPropsDefinition<MenuProps>>;
+declare const MenuVue3: DefineComponent<MenuProps, any, MenuData, MenuComputed, MenuMethods, {}, {}, {}, string, MenuProps, MenuProps, {}>;
+export { Menu, MenuVue3 };