@progress/kendo-vue-layout 5.3.0-dev.202410141143 → 5.3.0-develop.2

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

@@ -1,58 +0,0 @@
-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;
-};
-/**
- * The properties of the Kendo UI for Vue MenuItemLink component.
- */
-export interface MenuItemLinkProps {
-    /**
-     * Specifies whether the MenuItemLink component is opened.
-     */
-    opened: boolean;
-    /**
-     * Specifies whether the MenuItemLink component is focused.
-     */
-    focused: boolean;
-    /**
-     * Sets the URL of the MenuItemLink component.
-     */
-    url?: string;
-}
-/**
- * @hidden
- */
-export interface MenuItemLinkState {
-}
-/**
- * @hidden
- */
-export interface MenuItemLinkComputed {
-    menuItemClassName: object;
-}
-/**
- * @hidden
- */
-export interface MenuItemLinkMethods {
-    [key: string]: any;
-}
-/**
- * @hidden
- */
-export interface MenuItemLinkData {
-}
-/**
- * @hidden
- */
-export interface MenuItemLinkAll extends Vue2type, MenuItemLinkMethods, MenuItemLinkData, MenuItemLinkComputed, MenuItemLinkState {
-}
-/**
- * @hidden
- */
-declare let MenuItemLinkVue2: ComponentOptions<MenuItemLinkAll, DefaultData<MenuItemLinkData>, DefaultMethods<MenuItemLinkAll>, MenuItemLinkComputed, RecordPropsDefinition<MenuItemLinkProps>>;
-/**
- * @hidden
- */
-declare const MenuItemLink: DefineComponent<MenuItemLinkProps, any, MenuItemLinkData, MenuItemLinkComputed, MenuItemLinkMethods, {}, {}, {}, string, MenuItemLinkProps, MenuItemLinkProps, {}>;
-export { MenuItemLink, MenuItemLinkVue2 };

package/dist/npm/menu/components/MenuItemLink.js

@@ -1,71 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MenuItemLinkVue2 = exports.MenuItemLink = void 0;
-// @ts-ignore
-var Vue = require("vue");
-var allVue = Vue;
-var gh = allVue.h;
-var isV3 = allVue.version && allVue.version[0] === '3';
-var kendo_vue_common_1 = require("@progress/kendo-vue-common");
-/**
- * @hidden
- */
-var MenuItemLinkVue2 = {
-  name: 'KendoMenuItemLink',
-  props: {
-    opened: Boolean,
-    focused: Boolean,
-    url: String
-  },
-  computed: {
-    menuItemClassName: function menuItemClassName() {
-      return {
-        'k-link': true,
-        'k-menu-link': true,
-        'k-active': this.$props.opened,
-        'k-focus': this.$props.focused
-      };
-    }
-  },
-  // @ts-ignore
-  setup: !isV3 ? undefined : function () {
-    var v3 = !!isV3;
-    return {
-      v3: v3
-    };
-  },
-  render: function render(createElement) {
-    var h = gh || createElement;
-    var defaultSlot = (0, kendo_vue_common_1.getDefaultSlots)(this);
-    if (this.$props.url) {
-      return h("a", {
-        "class": this.menuItemClassName,
-        role: "presentation",
-        attrs: this.v3 ? undefined : {
-          role: "presentation",
-          href: this.$props.url,
-          tabindex: -1
-        },
-        href: this.$props.url,
-        tabindex: -1
-      }, [defaultSlot]);
-    } else {
-      return h("span", {
-        "class": this.menuItemClassName,
-        role: "presentation",
-        attrs: this.v3 ? undefined : {
-          role: "presentation"
-        }
-      }, [defaultSlot]);
-    }
-  }
-};
-exports.MenuItemLinkVue2 = MenuItemLinkVue2;
-/**
- * @hidden
- */
-var MenuItemLink = MenuItemLinkVue2;
-exports.MenuItemLink = MenuItemLink;

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

@@ -1,54 +0,0 @@
-/**
- * @hidden
- */
-export declare const POPUP_SETTINGS_RTL: {
-    downward: {
-        anchorAlign: {
-            vertical: string;
-            horizontal: string;
-        };
-        popupAlign: any;
-        collision: {
-            vertical: string;
-            horizontal: string;
-        };
-    };
-    leftward: {
-        anchorAlign: {
-            vertical: string;
-            horizontal: string;
-        };
-        popupAlign: any;
-        collision: {
-            vertical: string;
-            horizontal: string;
-        };
-    };
-};
-/**
- * @hidden
- */
-export declare const POPUP_SETTINGS: {
-    downward: {
-        anchorAlign: {
-            vertical: string;
-            horizontal: string;
-        };
-        popupAlign: any;
-        collision: {
-            vertical: string;
-            horizontal: string;
-        };
-    };
-    rightward: {
-        anchorAlign: {
-            vertical: string;
-            horizontal: string;
-        };
-        popupAlign: any;
-        collision: {
-            vertical: string;
-            horizontal: string;
-        };
-    };
-};

package/dist/npm/menu/consts.js

@@ -1,73 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.POPUP_SETTINGS = exports.POPUP_SETTINGS_RTL = void 0;
-/**
- * @hidden
- */
-var POPUP_ALIGN = {
-    vertical: 'top',
-    horizontal: 'left'
-};
-/**
- * @hidden
- */
-var POPUP_ALIGN_RTL = {
-    vertical: 'top',
-    horizontal: 'right'
-};
-/**
- * @hidden
- */
-var VERTICAL_COLLISION = {
-    vertical: 'flip',
-    horizontal: 'fit'
-};
-/**
- * @hidden
- */
-var HORIZONTAL_COLLISION = {
-    vertical: 'fit',
-    horizontal: 'flip'
-};
-/**
- * @hidden
- */
-exports.POPUP_SETTINGS_RTL = {
-    downward: {
-        anchorAlign: {
-            vertical: 'bottom',
-            horizontal: 'right'
-        },
-        popupAlign: POPUP_ALIGN_RTL,
-        collision: VERTICAL_COLLISION
-    },
-    leftward: {
-        anchorAlign: {
-            vertical: 'top',
-            horizontal: 'left'
-        },
-        popupAlign: POPUP_ALIGN_RTL,
-        collision: HORIZONTAL_COLLISION
-    }
-};
-/**
- * @hidden
- */
-exports.POPUP_SETTINGS = {
-    downward: {
-        anchorAlign: {
-            vertical: 'bottom',
-            horizontal: 'left'
-        },
-        popupAlign: POPUP_ALIGN,
-        collision: VERTICAL_COLLISION
-    },
-    rightward: {
-        anchorAlign: {
-            vertical: 'top',
-            horizontal: 'right'
-        },
-        popupAlign: POPUP_ALIGN,
-        collision: HORIZONTAL_COLLISION
-    }
-};

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

@@ -1,14 +0,0 @@
-import { MenuItemModel } from './models/MenuItemModel';
-/**
- * The arguments for the `select` event of the Menu. If the item has a URL and the event is prevented, navigation to the URL does not occur.
- */
-export interface MenuSelectEvent {
-    /**
-     * The id of selected item. 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 acquires a `0_0` id and the second acquires a `0_1` id.
-     */
-    itemId: string;
-    /**
-     * The selected item.
-     */
-    item: MenuItemModel;
-}

package/dist/npm/menu/events.js

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

package/dist/npm/menu/models/BaseMenuItem.d.ts

@@ -1,54 +0,0 @@
-import { SVGIcon } from '@progress/kendo-svg-icons';
-/**
- * An interface which holds the shared properties of the MenuItemModel and the MenuItem components.
- */
-export interface BaseMenuItem {
-    /**
-     * Specifies the item text ([see example]({% slug itemproperties_menu %}#toc-text)).
-     */
-    text?: string;
-    /**
-     * Specifies a URL which is rendered as a `href` attribute on the item link ([see example]({% slug itemproperties_menu %}#toc-url)).
-     */
-    url?: string;
-    /**
-     * Specifies the name of the [FontIcon]({% slug overview_icon %}) that will be rendered for the item).
-     */
-    icon?: string;
-    /**
-     * Specifies the name of the [SVGIcon]({% slug overview_svgicon %}) that will be rendered for the item).
-     */
-    svgIcon?: SVGIcon;
-    /**
-     * Specifies if the item is disabled ([see example]({% slug itemproperties_menu %}#toc-disabled-state)).
-     */
-    disabled?: boolean;
-    /**
-     * The additional CSS classes that will be rendered on the item ([see example]({% slug itemproperties_menu %}#toc-styles-and-classes)).
-     */
-    cssClass?: string;
-    /**
-     * The additional CSS classes that will be rendered on the item's popup.
-     */
-    popupClass?: string;
-    /**
-     * The CSS styles that will be rendered on the item ([see example]({% slug itemproperties_menu %}#toc-styles-and-classes)).
-     */
-    cssStyle?: any;
-    /**
-     * A Vue 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.
-     */
-    render?: any;
-    /**
-     * A Vue 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;
-    /**
-     * A Vue functional or class component which is used for rendering content instead of the item children ([see example]({% slug rendering_menu %}#toc-content)).
-     */
-    contentRender?: any;
-    /**
-     * Represents any additional data that is associated with the Menu item.
-     */
-    data?: any;
-}

package/dist/npm/menu/models/BaseMenuItem.js

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

package/dist/npm/menu/models/MenuItemModel.d.ts

@@ -1,19 +0,0 @@
-import { BaseMenuItem } from './BaseMenuItem';
-/**
- * The interface for describing items that can be passed to the `items` property of the Menu as an alternative to passing them as children.
- */
-export interface MenuItemModel extends BaseMenuItem {
-    /**
-     * Specifies the children of the item.
-     */
-    items?: MenuItemModel[];
-}
-/**
- * @hidden
- */
-export interface MenuItemInternalModel extends BaseMenuItem {
-    id: string;
-    items: MenuItemInternalModel[];
-    contentParentItemId?: string;
-    isLastFromSiblings: boolean;
-}

package/dist/npm/menu/models/MenuItemModel.js

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

package/dist/npm/menu/utils/DirectionHolder.d.ts

@@ -1,11 +0,0 @@
-/**
- * @hidden
- */
-export declare class DirectionHolder {
-    private phase;
-    private previousIsDirectionRightToLeft?;
-    private isDirectionRightToLeft?;
-    getIsDirectionRightToLeft(): boolean;
-    setIsDirectionRightToLeft(value: boolean): void;
-    hasDirectionChanged(): boolean;
-}

package/dist/npm/menu/utils/DirectionHolder.js

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DirectionHolder = void 0;
-/**
- * @hidden
- */
-var DirectionHolder = /** @class */ (function () {
-    function DirectionHolder() {
-        // The phase changes in the following sequence:
-        // NotInitialized -> Initialized -> NewValueReceived.
-        this.phase = 'Initialized';
-    }
-    DirectionHolder.prototype.getIsDirectionRightToLeft = function () {
-        return this.isDirectionRightToLeft;
-    };
-    DirectionHolder.prototype.setIsDirectionRightToLeft = function (value) {
-        this.phase = this.phase === 'NotInitialized' ? 'Initialized' : 'NewValueReceived';
-        this.previousIsDirectionRightToLeft = this.isDirectionRightToLeft;
-        this.isDirectionRightToLeft = value;
-    };
-    DirectionHolder.prototype.hasDirectionChanged = function () {
-        return this.phase === 'NewValueReceived' ?
-            this.previousIsDirectionRightToLeft !== this.isDirectionRightToLeft : false;
-    };
-    return DirectionHolder;
-}());
-exports.DirectionHolder = DirectionHolder;

package/dist/npm/menu/utils/MouseOverHandler.d.ts

@@ -1,17 +0,0 @@
-/**
- * @hidden
- */
-export declare class MouseOverHandler {
-    private openOnClick;
-    private resetMenu;
-    private openItem;
-    private isMouseOverEnabled;
-    private mouseDown;
-    constructor(openOnClick: boolean | undefined, resetMenu: any, openItem: any);
-    set OpenOnClick(value: boolean | undefined);
-    handleItemSelectedViaKeyboard(): void;
-    get IsMouseOverEnabled(): boolean;
-    handleItemMouseDown(): void;
-    handleItemFocus(): void;
-    handleItemClick(itemId: string, clickedItemIsWithDefaultClose: boolean): void;
-}

package/dist/npm/menu/utils/MouseOverHandler.js

@@ -1,67 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MouseOverHandler = void 0;
-/**
- * @hidden
- */
-var MouseOverHandler = /** @class */ (function () {
-    function MouseOverHandler(openOnClick, resetMenu, openItem) {
-        this.openOnClick = openOnClick;
-        this.resetMenu = resetMenu;
-        this.openItem = openItem;
-        this.openOnClick = openOnClick;
-        this.isMouseOverEnabled = openOnClick ? false : true;
-    }
-    Object.defineProperty(MouseOverHandler.prototype, "OpenOnClick", {
-        set: function (value) {
-            if (Boolean(value) !== Boolean(this.openOnClick)) {
-                this.mouseDown = false;
-                this.isMouseOverEnabled = value ? false : true;
-            }
-            this.openOnClick = value;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    MouseOverHandler.prototype.handleItemSelectedViaKeyboard = function () {
-        if (this.openOnClick) {
-            this.isMouseOverEnabled = false;
-            this.resetMenu();
-        }
-    };
-    Object.defineProperty(MouseOverHandler.prototype, "IsMouseOverEnabled", {
-        get: function () {
-            return this.isMouseOverEnabled;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    MouseOverHandler.prototype.handleItemMouseDown = function () {
-        this.mouseDown = true;
-    };
-    MouseOverHandler.prototype.handleItemFocus = function () {
-        // Keep opening on mouse over upon tabbing
-        // and keyboard navigation. However, discard the event
-        // upon click because a cycle occurs and the item does not open.
-        if (this.openOnClick && !this.mouseDown) {
-            this.isMouseOverEnabled = true;
-        }
-        this.mouseDown = false;
-    };
-    MouseOverHandler.prototype.handleItemClick = function (itemId, clickedItemIsWithDefaultClose) {
-        if (this.openOnClick) {
-            if (this.isMouseOverEnabled) {
-                if (clickedItemIsWithDefaultClose) {
-                    this.isMouseOverEnabled = false;
-                    this.resetMenu();
-                }
-            }
-            else {
-                this.isMouseOverEnabled = true;
-                this.openItem(itemId);
-            }
-        }
-    };
-    return MouseOverHandler;
-}());
-exports.MouseOverHandler = MouseOverHandler;

package/dist/npm/menu/utils/getNewItemIdUponKeyboardNavigation.d.ts

@@ -1,7 +0,0 @@
-import { MenuItemInternalModel } from '../models/MenuItemModel';
-/**
- * @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 declare function getNewItemIdUponKeyboardNavigation(sourceItems: MenuItemInternalModel[], sourceItemId: string, keyCode: number, key: string, isMenuVertical?: boolean, isDirectionRightToLeft?: boolean): string;