@progress/kendo-vue-layout 3.5.0 → 3.5.1-dev.202208150613

package/dist/esm/menu/utils/getNewItemIdUponKeyboardNavigation.js

@@ -0,0 +1,202 @@
+import { Keys } from '@progress/kendo-vue-common';
+import { getFirstChildId, isIdZeroLevel, getRootParentId, isIdFirstLevel, getDirectParentId, getShortId, createId, getDirectSiblingIdForLevelZero, getItemById as getItemByIdUtil } from './itemsIdsUtils.js';
+var NO_WHITESPACE_REGEX = /\S/;
+/**
+ * @hidden
+ * Returns the `itemId` (string) for applicable key codes even when the id has not changed.
+ * For key codes that are not applicable, returns `undefined`.
+ */
+export function getNewItemIdUponKeyboardNavigation(sourceItems, sourceItemId, keyCode, key, isMenuVertical, isDirectionRightToLeft) {
+    var sourceItem = getItemById();
+    switch (keyCode) {
+        case Keys.left:
+            return getIdUponLeftKey();
+        case Keys.right:
+            return getIdUponRightKey();
+        case Keys.up:
+            return getIdUponUpKey();
+        case Keys.down:
+            return getIdUponDownKey();
+        case Keys.enter:
+        case Keys.space:
+            return getIdUponEnterAndSpaceKeys();
+        case Keys.home:
+            return getIdUponHomeKey();
+        case Keys.end:
+            return getIdUponEndKey();
+        case Keys.esc:
+            return getIdUponEscKey();
+        default:
+            return isSearchableKey() ? getIdUponSearchByChar() : sourceItemId;
+    }
+    function getIdUponLeftKey() {
+        if (isMenuVertical) {
+            return isDirectionRightToLeft ? getIdUponRightKeyForVerticalMenu() : getIdUponLeftKeyForVerticalMenu();
+        }
+        else {
+            return isDirectionRightToLeft ?
+                getIdUponRightKeyForHorizontalMenu() : getIdUponLeftKeyForHorizontalMenu();
+        }
+    }
+    function getIdUponRightKey() {
+        if (isMenuVertical) {
+            return isDirectionRightToLeft ? getIdUponLeftKeyForVerticalMenu() : getIdUponRightKeyForVerticalMenu();
+        }
+        else {
+            return isDirectionRightToLeft ?
+                getIdUponLeftKeyForHorizontalMenu() : getIdUponRightKeyForHorizontalMenu();
+        }
+    }
+    function getIdUponDownKey() {
+        if (isMenuVertical) {
+            return getNextSiblingId();
+        }
+        else {
+            if (isIdZeroLevel(sourceItemId)) {
+                return getFirstChildIdForEnabledItemOrGetSameId();
+            }
+            else {
+                return getNextSiblingId();
+            }
+        }
+    }
+    function getIdUponUpKey() {
+        if (isMenuVertical) {
+            return getPrevSiblingId();
+        }
+        else {
+            if (isIdZeroLevel(sourceItemId)) {
+                return getLastChildIdForEnabledItemOrGetSameId();
+            }
+            else {
+                return getPrevSiblingId();
+            }
+        }
+    }
+    function getIdUponEnterAndSpaceKeys() {
+        if (sourceItem.disabled) {
+            return sourceItemId;
+        }
+        else {
+            return hasChildren() ? getFirstChildId(sourceItemId) : getRootParentId(sourceItemId);
+        }
+    }
+    function getIdUponHomeKey() {
+        return getSiblings()[0].id;
+    }
+    function getIdUponEndKey() {
+        var siblings = getSiblings();
+        return siblings[siblings.length - 1].id;
+    }
+    function getIdUponEscKey() {
+        return isIdZeroLevel(sourceItemId) ? sourceItemId : getDirectParentId(sourceItemId);
+    }
+    function getIdUponSearchByChar() {
+        var searchChar = key.toLowerCase();
+        var siblings = getSiblings();
+        var currentItemIndex = Number(getShortId(sourceItemId));
+        var itemsToSearch = siblings.slice(currentItemIndex + 1).concat(siblings.slice(0, currentItemIndex + 1));
+        var matchedSibling = itemsToSearch.find(function (item) {
+            return (item.text || '').toLowerCase().startsWith(searchChar);
+        });
+        return matchedSibling ? matchedSibling.id : sourceItemId;
+    }
+    // #region Left Key Internals
+    function getIdUponLeftKeyForHorizontalMenu() {
+        if (isIdZeroLevel(sourceItemId)) {
+            return getPrevSiblingId();
+        }
+        else if (isIdFirstLevel(sourceItemId)) {
+            return getFirstChildIdForEnabledItemOrGetSameId(getPrevSiblingId(getRootParentId(sourceItemId)));
+        }
+        else {
+            return getDirectParentId(sourceItemId);
+        }
+    }
+    function getIdUponLeftKeyForVerticalMenu() {
+        if (isIdZeroLevel(sourceItemId)) {
+            return getLastChildIdForEnabledItemOrGetSameId();
+        }
+        else {
+            return getDirectParentId(sourceItemId);
+        }
+    }
+    // #endregion
+    // #region Right Key Internals
+    function getIdUponRightKeyForHorizontalMenu() {
+        if (isIdZeroLevel(sourceItemId)) {
+            return getNextSiblingId();
+        }
+        else {
+            return getFirstChildIdForEnabledItemOrGetSameId(hasChildren() ? sourceItemId : getNextSiblingId(getRootParentId(sourceItemId)));
+        }
+    }
+    function getIdUponRightKeyForVerticalMenu() {
+        return getFirstChildIdForEnabledItemOrGetSameId(isIdZeroLevel(sourceItemId) || hasChildren() ?
+            sourceItemId : getNextSiblingId(getRootParentId(sourceItemId)));
+    }
+    // #endregion
+    // #region Utils
+    function getFirstChildIdForEnabledItemOrGetSameId(itemId) {
+        return getFirstOrLastChildIdForEnabledItemOrGetSameId(true, itemId);
+    }
+    function getLastChildIdForEnabledItemOrGetSameId(itemId) {
+        return getFirstOrLastChildIdForEnabledItemOrGetSameId(false, itemId);
+    }
+    function isSearchableKey() {
+        return key.length === 1 && NO_WHITESPACE_REGEX.test(key);
+    }
+    function getItemById(itemId, items) {
+        if (itemId === undefined) {
+            itemId = sourceItemId;
+        }
+        if (items === undefined) {
+            items = sourceItems;
+        }
+        return getItemByIdUtil(itemId, items);
+    }
+    function hasChildren(itemId) {
+        return getItemById(itemId).items.length > 0;
+    }
+    function getPrevSiblingId(itemId) {
+        return getSiblingId(false, itemId);
+    }
+    function getNextSiblingId(itemId) {
+        return getSiblingId(true, itemId);
+    }
+    function getLastChildId(itemId) {
+        var itemChildren = getItemById(itemId).items;
+        return itemChildren[itemChildren.length - 1].id;
+    }
+    function getSiblings() {
+        return isIdZeroLevel(sourceItemId) ?
+            sourceItems : getItemById(getDirectParentId(sourceItemId), sourceItems).items;
+    }
+    function getFirstOrLastChildIdForEnabledItemOrGetSameId(getFirstChild, itemId) {
+        if (itemId === undefined) {
+            itemId = sourceItemId;
+        }
+        var item = getItemById(itemId);
+        if (hasChildren(itemId) && !item.disabled) {
+            return getFirstChild ? getFirstChildId(itemId) : getLastChildId(itemId);
+        }
+        else {
+            return itemId;
+        }
+    }
+    function getSiblingId(next, itemId) {
+        if (itemId === undefined) {
+            itemId = sourceItemId;
+        }
+        if (isIdZeroLevel(itemId)) {
+            return getDirectSiblingIdForLevelZero(next, itemId, sourceItems.length);
+        }
+        else {
+            var directParentId = getDirectParentId(itemId);
+            var shortId = getShortId(itemId);
+            var siblingsCount = getItemById(directParentId).items.length;
+            return createId(getDirectSiblingIdForLevelZero(next, shortId, siblingsCount), directParentId);
+        }
+    }
+    // #endregion
+}

package/dist/esm/menu/utils/hoverDelay.d.ts

@@ -0,0 +1,9 @@
+import { MenuProps } from '../MenuProps';
+/**
+ * @hidden
+ */
+export declare function getHoverOpenDelay(props: MenuProps): number;
+/**
+ * @hidden
+ */
+export declare function getHoverCloseDelay(props: MenuProps): number;

package/dist/esm/menu/utils/hoverDelay.js

@@ -0,0 +1,17 @@
+/**
+ * @hidden
+ */
+export function getHoverOpenDelay(props) {
+    if (props.hoverOpenDelay !== undefined) {
+        return props.hoverOpenDelay;
+    }
+    else {
+        return props.openOnClick ? 0 : 100;
+    }
+}
+/**
+ * @hidden
+ */
+export function getHoverCloseDelay(props) {
+    return props.hoverCloseDelay !== undefined ? props.hoverCloseDelay : 100;
+}

package/dist/esm/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/esm/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/esm/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/esm/menu/utils/misc.js

@@ -0,0 +1,42 @@
+import { POPUP_SETTINGS, POPUP_SETTINGS_RTL } from '../consts.js';
+import { isIdZeroLevel } from './itemsIdsUtils.js';
+/**
+ * @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 "".concat(menuGuid, "_").concat(itemId);
+}

package/dist/esm/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/esm/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.js';
+/**
+ * @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.call(this, 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: templateRendering.call(this, inputModel.contentRender, getListeners.call(this)),
+                items: []
+            }];
+    }
+    else if (inputModel.items) {
+        return convertInputModelsToInternalOnesHelper.call(this, inputModel.items, internalModel.id);
+    }
+    else {
+        return [];
+    }
+}

package/dist/esm/package-metadata.d.ts

@@ -0,0 +1,5 @@
+import { PackageMetadata } from '@progress/kendo-licensing';
+/**
+ * @hidden
+ */
+export declare const packageMetadata: PackageMetadata;

package/dist/esm/package-metadata.js

@@ -0,0 +1,11 @@
+/**
+ * @hidden
+ */
+export var packageMetadata = {
+    name: '@progress/kendo-vue-layout',
+    productName: 'Kendo UI for Vue',
+    productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
+    publishDate: 1660543321,
+    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/package.json

@@ -0,0 +1,3 @@
+{
+                    "type": "module"
+                 }

package/dist/esm/panelbar/PanelBar.d.ts

@@ -0,0 +1,48 @@
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
+declare type DefaultData<V> = object | ((this: V) => {});
+declare type DefaultMethods<V> = {
+    [key: string]: (this: V, ...args: any[]) => any;
+};
+import { PanelBarProps } from './interfaces/PanelBarProps';
+/**
+ * @hidden
+ */
+export interface PanelBarState {
+}
+/**
+ * @hidden
+ */
+export interface PanelBarComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface PanelBarMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface PanelBarData {
+    currentFocused?: string;
+    wrapperFocused?: boolean;
+    currentSelected?: string;
+    currentExpanded: string[];
+}
+/**
+ * @hidden
+ */
+export interface PanelBarAll extends Vue2type, PanelBarMethods, PanelBarData, PanelBarComputed, PanelBarState {
+}
+/**
+ * @hidden
+ */
+declare let PanelBarVue2: ComponentOptions<PanelBarAll, DefaultData<PanelBarData>, DefaultMethods<PanelBarAll>, PanelBarComputed, RecordPropsDefinition<PanelBarProps>>;
+/**
+ *
+ * ### props <span class='code'>[PanelBarProps]({% slug api_layout_panelbarprops %})</span>
+ * The props of the PanelBar component.
+ */
+declare const PanelBar: DefineComponent<PanelBarProps, any, PanelBarData, PanelBarComputed, PanelBarMethods, {}, {}, {}, string, PanelBarProps, PanelBarProps, {}>;
+export { PanelBar, PanelBarVue2 };