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

package/dist/esm/menu/components/Menu.js

@@ -1,310 +0,0 @@
-var __assign = this && this.__assign || function () {
-  __assign = Object.assign || function (t) {
-    for (var s, i = 1, n = arguments.length; i < n; i++) {
-      s = arguments[i];
-      for (var p in s) {
-        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-      }
-    }
-    return t;
-  };
-  return __assign.apply(this, arguments);
-};
-// @ts-ignore
-import * as Vue from 'vue';
-var allVue = Vue;
-var gh = allVue.h;
-var isV3 = allVue.version && allVue.version[0] === '3';
-import { templateRendering, getListeners, setRef, getRef, canUseDOM } from '@progress/kendo-vue-common';
-import { Keys, guid, validatePackage } from '@progress/kendo-vue-common';
-import { getDirectParentId, isIdEmptyOrZeroLevel, EMPTY_ID, ZERO_LEVEL_ZERO_ITEM_ID, getRootParentId, getItemById } from '../utils/itemsIdsUtils.js';
-import { prepareInputItemsForInternalWork } from '../utils/prepareInputItemsForInternalWork.js';
-import { getNewItemIdUponKeyboardNavigation } from '../utils/getNewItemIdUponKeyboardNavigation.js';
-import { getHoverOpenDelay, getHoverCloseDelay } from '../utils/hoverDelay.js';
-import { MenuItemInternalsList } from './MenuItemInternalsList.js';
-import { DirectionHolder } from '../utils/DirectionHolder.js';
-import { MouseOverHandler } from '../utils/MouseOverHandler.js';
-import { packageMetadata } from '../../package-metadata.js';
-/**
- * @hidden
- */
-var MenuVue2 = {
-  name: 'KendoMenu',
-  props: {
-    vertical: {
-      type: Boolean,
-      default: false
-    },
-    items: Array,
-    dir: String,
-    hoverOpenDelay: {
-      type: Number,
-      default: undefined
-    },
-    hoverCloseDelay: {
-      type: Number,
-      default: undefined
-    },
-    openOnClick: Boolean,
-    itemRender: [String, Object, Function],
-    linkRender: [String, Object, Function],
-    customCloseItemIds: Array
-  },
-  created: function created() {
-    validatePackage(packageMetadata);
-    this.mouseOverHandler = new MouseOverHandler(this.$props.openOnClick, this.reset, this.onItemMouseOver);
-    // private itemHoverRequest: any;
-    // private itemLeaveRequest: any;
-    // private menuWrapperEl: any;
-    this.guid = guid();
-    this.directionHolder = new DirectionHolder();
-    this.inputItems = [];
-    this.currentItems = [];
-    // private mouseOverHandler: MouseOverHandler;
-  },
-
-  mounted: function mounted() {
-    this.isFirstRender = false;
-    this.menuWrapperEl = getRef(this, 'menuWrapper');
-  },
-  updated: function updated() {
-    // Reset the Menu upon big UI changes
-    // to avoid misleading the user and to
-    // keep the component consistent.
-    // if (Boolean(prevProps.vertical) !== Boolean(this.$props.vertical) ||
-    //     this.directionHolder.hasDirectionChanged()) {
-    //     this.reset();
-    // }
-    this.mouseOverHandler.OpenOnClick = this.$props.openOnClick;
-  },
-  destroyed: !!isV3 ? undefined : function () {
-    this.clearItemHoverAndLeaveRequestsIfApplicable();
-  },
-  // @ts-ignore
-  unmounted: function unmounted() {
-    this.clearItemHoverAndLeaveRequestsIfApplicable();
-  },
-  data: function data() {
-    return {
-      focusedItemId: EMPTY_ID,
-      hoveredItemId: EMPTY_ID,
-      tabbableItemId: ZERO_LEVEL_ZERO_ITEM_ID,
-      isFirstRender: true
-    };
-  },
-  computed: {
-    menuClassName: function menuClassName() {
-      return {
-        'k-widget': true,
-        'k-reset': true,
-        'k-header': true,
-        'k-menu': true,
-        'k-menu-horizontal': !this.$props.vertical,
-        'k-menu-vertical': this.$props.vertical
-      };
-    }
-  },
-  // @ts-ignore
-  setup: !isV3 ? undefined : function () {
-    var v3 = !!isV3;
-    return {
-      v3: v3
-    };
-  },
-  render: function render(createElement) {
-    var h = gh || createElement;
-    this.prepareItems();
-    if (!this.isFirstRender) {
-      this.directionHolder.setIsDirectionRightToLeft(this.checkIsDirectionRightToLeft());
-    }
-    var lastItemIdToBeOpened = this.hoveredItemId ? this.hoveredItemId : this.focusedItemId ? getDirectParentId(this.focusedItemId) : EMPTY_ID;
-    return h("div", {
-      "class": this.getMenuWrapperClassName(),
-      ref: setRef(this, 'menuWrapper')
-    }, [
-    // @ts-ignore
-    h(MenuItemInternalsList, {
-      "class": this.menuClassName,
-      "aria-orientation": this.$props.vertical ? 'vertical' : undefined,
-      attrs: this.v3 ? undefined : {
-        "aria-orientation": this.$props.vertical ? 'vertical' : undefined,
-        items: this.currentItems,
-        isMenuVertical: this.$props.vertical,
-        isDirectionRightToLeft: this.directionHolder.getIsDirectionRightToLeft(),
-        focusedItemId: this.focusedItemId,
-        lastItemIdToBeOpened: lastItemIdToBeOpened,
-        tabbableItemId: this.tabbableItemId,
-        itemRender: templateRendering.call(this, this.$props.itemRender, getListeners.call(this)),
-        linkRender: templateRendering.call(this, this.$props.linkRender, getListeners.call(this)),
-        menuGuid: this.guid,
-        originalItemNeeded: this.getInputItem
-      },
-      items: this.currentItems,
-      isMenuVertical: this.$props.vertical,
-      isDirectionRightToLeft: this.directionHolder.getIsDirectionRightToLeft(),
-      focusedItemId: this.focusedItemId,
-      lastItemIdToBeOpened: lastItemIdToBeOpened,
-      tabbableItemId: this.tabbableItemId,
-      itemRender: templateRendering.call(this, this.$props.itemRender, getListeners.call(this)),
-      linkRender: templateRendering.call(this, this.$props.linkRender, getListeners.call(this)),
-      menuGuid: this.guid,
-      onMouseleave: this.onItemMouseLeave,
-      on: this.v3 ? undefined : {
-        "mouseleave": this.onItemMouseLeave,
-        "mouseover": this.onItemMouseOver,
-        "mousedown": this.onItemMouseDown,
-        "keydown": this.onKeyDown,
-        "focus": this.onItemFocus,
-        "click": this.onItemClick,
-        "blur": this.onItemBlur
-      },
-      onMouseover: this.onItemMouseOver,
-      onMousedown: this.onItemMouseDown,
-      onKeydown: this.onKeyDown,
-      onFocus: this.onItemFocus,
-      onClick: this.onItemClick,
-      onBlur: this.onItemBlur,
-      originalItemNeeded: this.getInputItem
-    })]);
-  },
-  methods: {
-    reset: function reset() {
-      this.clearItemHoverAndLeaveRequestsIfApplicable();
-      this.focusedItemId = EMPTY_ID;
-      this.hoveredItemId = EMPTY_ID;
-      this.tabbableItemId = ZERO_LEVEL_ZERO_ITEM_ID;
-    },
-    onKeyDown: function onKeyDown(event) {
-      // The focusedItemId may be empty when contentRender is used.
-      // For example, content with input.
-      if (this.focusedItemId !== EMPTY_ID) {
-        var currentItem = getItemById(this.focusedItemId, this.currentItems);
-        var newItemId = getNewItemIdUponKeyboardNavigation(this.currentItems, currentItem.id, event.keyCode, event.key, this.$props.vertical, this.directionHolder.getIsDirectionRightToLeft());
-        if (currentItem.id !== newItemId) {
-          event.preventDefault();
-          this.setFocusedItemId(newItemId);
-        }
-        if ((event.keyCode === Keys.enter || event.keyCode === Keys.space) && !currentItem.disabled) {
-          this.mouseOverHandler.handleItemSelectedViaKeyboard();
-          this.dispatchSelectEventIfWired(event, currentItem.id);
-          if (!event.defaultPrevented && currentItem.items.length === 0 && currentItem.url && canUseDOM) {
-            window.location.assign(currentItem.url);
-          }
-        }
-      }
-    },
-    onItemMouseOver: function onItemMouseOver(itemId) {
-      if (this.mouseOverHandler.IsMouseOverEnabled) {
-        // The `over` event can get fired even without actually leaving the item.
-        // For example, move the mouse little by little over the item content.
-        this.clearItemHoverAndLeaveRequestsIfApplicable();
-        var that_1 = this;
-        this.itemHoverRequest = window.setTimeout(function () {
-          that_1.setHoveredItemId(itemId);
-          that_1.itemHoverRequest = null;
-        }, getHoverOpenDelay(__assign({}, this.$props)));
-      }
-    },
-    onItemMouseLeave: function onItemMouseLeave(itemId) {
-      if (this.mouseOverHandler.IsMouseOverEnabled && this.isItemWithDefaultClose(itemId)) {
-        // Both the `leave` and `hover` requests are cleared
-        // to be defensive and consistent with the `over` handler.
-        this.clearItemHoverAndLeaveRequestsIfApplicable();
-        var that_2 = this;
-        this.itemLeaveRequest = window.setTimeout(function () {
-          that_2.setHoveredItemId(EMPTY_ID);
-          that_2.itemLeaveRequest = null;
-        }, getHoverCloseDelay(__assign({}, this.$props)));
-      }
-    },
-    onItemMouseDown: function onItemMouseDown() {
-      this.mouseOverHandler.handleItemMouseDown();
-    },
-    onItemFocus: function onItemFocus(itemId) {
-      this.setFocusedItemId(itemId);
-      this.mouseOverHandler.handleItemFocus();
-    },
-    onItemClick: function onItemClick(event, itemId) {
-      var item = getItemById(itemId, this.currentItems);
-      if (!item.disabled) {
-        this.setFocusedItemId(itemId);
-        this.mouseOverHandler.handleItemClick(itemId, this.isItemWithDefaultClose(itemId));
-        this.dispatchSelectEventIfWired(event, itemId);
-        if (!event.defaultPrevented && item.url && canUseDOM) {
-          window.location.assign(item.url);
-        }
-      }
-    },
-    onItemBlur: function onItemBlur(itemId) {
-      if (this.isItemWithDefaultClose(itemId)) {
-        this.setFocusedItemId(EMPTY_ID);
-      }
-    },
-    getInputItem: function getInputItem(itemId) {
-      return getItemById(itemId, this.inputItems);
-    },
-    setFocusedItemId: function setFocusedItemId(focusedItemId) {
-      var tabbableItemId = focusedItemId === EMPTY_ID ? this.tabbableItemId : getRootParentId(focusedItemId);
-      var hoveredItemId = focusedItemId === EMPTY_ID || isIdEmptyOrZeroLevel(this.hoveredItemId) && isIdEmptyOrZeroLevel(focusedItemId) ? this.hoveredItemId : EMPTY_ID;
-      this.hoveredItemId = hoveredItemId;
-      this.focusedItemId = focusedItemId;
-      this.tabbableItemId = tabbableItemId;
-    },
-    setHoveredItemId: function setHoveredItemId(hoveredItemId) {
-      if (isIdEmptyOrZeroLevel(hoveredItemId) && isIdEmptyOrZeroLevel(this.focusedItemId)) {
-        this.hoveredItemId = hoveredItemId;
-      } else {
-        this.hoveredItemId = hoveredItemId;
-        this.focusedItemId = EMPTY_ID;
-        this.tabbableItemId = ZERO_LEVEL_ZERO_ITEM_ID;
-      }
-    },
-    getMenuWrapperClassName: function getMenuWrapperClassName() {
-      return {
-        'k-rtl': this.directionHolder.getIsDirectionRightToLeft()
-      };
-    },
-    clearItemHoverAndLeaveRequestsIfApplicable: function clearItemHoverAndLeaveRequestsIfApplicable() {
-      if (this.itemHoverRequest) {
-        clearTimeout(this.itemHoverRequest);
-        this.itemHoverRequest = null;
-      }
-      if (this.itemLeaveRequest) {
-        clearTimeout(this.itemLeaveRequest);
-        this.itemLeaveRequest = null;
-      }
-    },
-    isItemWithDefaultClose: function isItemWithDefaultClose(itemId) {
-      return !this.$props.customCloseItemIds || this.$props.customCloseItemIds.indexOf(itemId) === -1;
-    },
-    checkIsDirectionRightToLeft: function checkIsDirectionRightToLeft() {
-      return this.$props.dir !== undefined ? this.$props.dir === 'rtl' : this.menuWrapperEl && getComputedStyle(this.menuWrapperEl).direction === 'rtl';
-    },
-    prepareItems: function prepareItems() {
-      var _a = prepareInputItemsForInternalWork.call(this, this.$props.items),
-        items = _a.items,
-        inputItems = _a.inputItems;
-      this.currentItems = items;
-      this.inputItems = inputItems;
-    },
-    dispatchSelectEventIfWired: function dispatchSelectEventIfWired(event, itemId) {
-      this.$emit('select', {
-        event: event,
-        compontent: this,
-        item: this.getInputItem(itemId),
-        itemId: itemId
-      });
-    }
-  }
-};
-/**
- *
- * Represents the [Kendo UI for Vue Menu component]({% slug overview_menu %}).
- *
- *
- * ### props <span class='code'>Readonly&lt;[MenuProps]({% slug api_layout_menuprops %})&gt;</span>
- * The props of the Menu component.
- *
- */
-var Menu = MenuVue2;
-export { Menu, MenuVue2 };

package/dist/esm/menu/components/MenuItemArrow.d.ts

@@ -1,70 +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 MenuItemArrow component.
- */
-export interface MenuItemArrowProps {
-    /**
-     * Sets the item id of the MenuItemArrow component.
-     */
-    itemId: string;
-    /**
-     * Sets the direction of the MenuItemArrow component.
-     */
-    dir: 'ltr' | 'rtl' | string;
-    /**
-     * Specifies whether the Menu which holds the MenuItemArrow component is vertical.
-     */
-    verticalMenu?: boolean;
-}
-/**
- * @hidden
- */
-export declare const downArrowIcon: import("@progress/kendo-svg-icons").SVGIcon;
-/**
- * @hidden
- */
-export declare const rightArrowIcon: import("@progress/kendo-svg-icons").SVGIcon;
-/**
- * @hidden
- */
-export declare const leftArrowIcon: import("@progress/kendo-svg-icons").SVGIcon;
-/**
- * @hidden
- */
-export interface MenuItemArrowState {
-}
-/**
- * @hidden
- */
-export interface MenuItemArrowComputed {
-}
-/**
- * @hidden
- */
-export interface MenuItemArrowMethods {
-    [key: string]: any;
-    getArrowClassName: () => object;
-}
-/**
- * @hidden
- */
-export interface MenuItemArrowData {
-}
-/**
- * @hidden
- */
-export interface MenuItemArrowAll extends Vue2type, MenuItemArrowMethods, MenuItemArrowData, MenuItemArrowComputed, MenuItemArrowState {
-}
-/**
- * @hidden
- */
-declare let MenuItemArrowVue2: ComponentOptions<MenuItemArrowAll, DefaultData<MenuItemArrowData>, DefaultMethods<MenuItemArrowAll>, MenuItemArrowComputed, RecordPropsDefinition<MenuItemArrowProps>>;
-/**
- * @hidden
- */
-declare const MenuItemArrow: DefineComponent<MenuItemArrowProps, any, MenuItemArrowData, MenuItemArrowComputed, MenuItemArrowMethods, {}, {}, {}, string, MenuItemArrowProps, MenuItemArrowProps, {}>;
-export { MenuItemArrow, MenuItemArrowVue2 };

package/dist/esm/menu/components/MenuItemArrow.js

@@ -1,66 +0,0 @@
-// @ts-ignore
-import * as Vue from 'vue';
-var allVue = Vue;
-var gh = allVue.h;
-var isV3 = allVue.version && allVue.version[0] === '3';
-import { Icon } from '@progress/kendo-vue-common';
-import { caretAltDownIcon, caretAltRightIcon, caretAltLeftIcon } from '@progress/kendo-svg-icons';
-import { getChildrenPosition } from '../utils/misc.js';
-/**
- * @hidden
- */
-export var downArrowIcon = caretAltDownIcon;
-/**
- * @hidden
- */
-export var rightArrowIcon = caretAltRightIcon;
-/**
- * @hidden
- */
-export var leftArrowIcon = caretAltLeftIcon;
-/**
- * @hidden
- */
-var MenuItemArrowVue2 = {
-  name: 'KendoMenuItemArrow',
-  props: {
-    itemId: String,
-    dir: String,
-    verticalMenu: Boolean
-  },
-  // @ts-ignore
-  setup: !isV3 ? undefined : function () {
-    var v3 = !!isV3;
-    return {
-      v3: v3
-    };
-  },
-  render: function render(createElement) {
-    var h = gh || createElement;
-    return h("span", {
-      "class": "k-menu-expand-arrow",
-      "aria-hidden": "true",
-      attrs: this.v3 ? undefined : {
-        "aria-hidden": "true"
-      }
-    }, [h(Icon, {
-      icon: this.getArrowName(),
-      attrs: this.v3 ? undefined : {
-        icon: this.getArrowName(),
-        role: "presentation"
-      },
-      role: "presentation"
-    })]);
-  },
-  methods: {
-    getArrowName: function getArrowName() {
-      var childrenPosition = getChildrenPosition(this.$props.itemId, this.$props.verticalMenu === true, this.$props.dir === 'rtl');
-      return childrenPosition === 'downward' ? downArrowIcon : childrenPosition === 'rightward' ? rightArrowIcon : childrenPosition === 'leftward' ? leftArrowIcon : '';
-    }
-  }
-};
-/**
- * @hidden
- */
-var MenuItemArrow = MenuItemArrowVue2;
-export { MenuItemArrow, MenuItemArrowVue2 };

package/dist/esm/menu/components/MenuItemInternal.d.ts

@@ -1,62 +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;
-};
-import { MenuItemInternalModel } from '../models/MenuItemModel';
-import { BaseMenuItemInternalProps } from './../BaseMenuItemInternalProps';
-/**
- * @hidden
- */
-export interface MenuItemInternalProps extends BaseMenuItemInternalProps {
-    item: MenuItemInternalModel;
-}
-/**
- * @hidden
- */
-export interface MenuItemInternalState {
-    itemElement: any;
-    isFirstRender: boolean;
-    prevFocusedItemId?: string;
-    kendoAnchorRef: any;
-    _anchor: string;
-}
-/**
- * @hidden
- */
-export interface MenuItemInternalComputed {
-    currentItemRender: any;
-    currentLinkRender: any;
-    contentRender: any;
-    currentOpened: boolean;
-    currentFocused: boolean;
-    popupClassName: string;
-    menuItemClassName: object;
-    hasItems: boolean;
-}
-/**
- * @hidden
- */
-export interface MenuItemInternalMethods {
-    [key: string]: any;
-}
-/**
- * @hidden
- */
-export interface MenuItemInternalData {
-    opened: boolean;
-}
-/**
- * @hidden
- */
-export interface MenuItemInternalAll extends Vue2type, MenuItemInternalMethods, MenuItemInternalData, MenuItemInternalComputed, MenuItemInternalState {
-}
-/**
- * @hidden
- */
-declare let MenuItemInternalVue2: ComponentOptions<MenuItemInternalAll, DefaultData<MenuItemInternalData>, DefaultMethods<MenuItemInternalAll>, MenuItemInternalComputed, RecordPropsDefinition<MenuItemInternalProps>>;
-/**
- * @hidden
- */
-declare const MenuItemInternal: DefineComponent<MenuItemInternalProps, any, MenuItemInternalData, MenuItemInternalComputed, MenuItemInternalMethods, {}, {}, {}, string, MenuItemInternalProps, MenuItemInternalProps, {}>;
-export { MenuItemInternal, MenuItemInternalVue2 };