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

package/dist/npm/panelbar/PanelBarItem.js

@@ -1,221 +0,0 @@
-"use strict";
-
-var __assign = undefined && undefined.__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);
-};
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.PanelBarItemVue2 = exports.PanelBarItem = 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");
-var kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
-var PanelBarGroup_1 = require("./PanelBarGroup");
-/**
- * @hidden
- */
-var PanelBarItemVue2 = {
-  name: 'KendoPanelBarItem',
-  props: {
-    item: Object,
-    items: Array,
-    animation: Boolean,
-    expanded: Boolean,
-    disabled: Boolean,
-    selected: Boolean,
-    level: Number,
-    title: {
-      type: [String, Object, Function],
-      default: function _default() {
-        return 'Untitled';
-      }
-    },
-    id: [String, Number],
-    focused: Boolean,
-    keepItemsMounted: Boolean,
-    uniquePrivateKey: [String, Number],
-    parentUniquePrivateKey: Array,
-    parentExpanded: Boolean,
-    headerClassName: String,
-    iconClass: String,
-    imageUrl: String,
-    icon: String,
-    svgIcon: Object,
-    content: Object,
-    header: Object
-  },
-  inject: {
-    dispatchItemSelect: {
-      default: null
-    }
-  },
-  // @ts-ignore
-  setup: !isV3 ? undefined : function () {
-    var v3 = !!isV3;
-    return {
-      v3: v3
-    };
-  },
-  // @ts-ignore
-  render: function render(createElement) {
-    var _a;
-    var h = gh || createElement;
-    var _b = this.$props,
-      id = _b.id,
-      item = _b.item,
-      icon = _b.icon,
-      svgIcon = _b.svgIcon,
-      items = _b.items,
-      content = _b.content,
-      title = _b.title,
-      uniquePrivateKey = _b.uniquePrivateKey,
-      disabled = _b.disabled,
-      selected = _b.selected,
-      focused = _b.focused,
-      expanded = _b.expanded,
-      className = _b.className,
-      level = _b.level,
-      headerClassName = _b.headerClassName,
-      animation = _b.animation,
-      keepItemsMounted = _b.keepItemsMounted;
-    var hasContent = !!items || content;
-    var panelBarItemClassName = (0, kendo_vue_common_1.classNames)('k-panelbar-item', {
-      'k-panelbar-header': level === 0,
-      'k-panelbar-item': level !== 0,
-      'k-expanded': expanded && hasContent,
-      'k-disabled': disabled
-    }, "k-level-".concat(level), className);
-    var panelBarLinkClassName = (0, kendo_vue_common_1.classNames)('k-link', {
-      'k-selected': !disabled && selected,
-      'k-focus': focused
-    }, headerClassName);
-    var panelBarItemArrowClassName = (0, kendo_vue_common_1.classNames)('k-panelbar-toggle', (_a = {}, _a['k-panelbar-collapse'] = expanded && hasContent, _a['k-panelbar-expand'] = !expanded && hasContent, _a));
-    var itemIconName = expanded ? 'chevron-up' : 'chevron-down';
-    var itemIconSVG = expanded ? kendo_svg_icons_1.chevronUpIcon : kendo_svg_icons_1.chevronDownIcon;
-    var iconElement = function iconElement() {
-      if (this.imageUrl) {
-        return h("img", {
-          role: "presentation",
-          attrs: this.v3 ? undefined : {
-            role: "presentation",
-            src: this.imageUrl
-          },
-          "class": 'k-panelbar-item-icon k-image',
-          src: this.imageUrl
-        });
-      } else if (icon || svgIcon) {
-        return h(kendo_vue_common_1.Icon, {
-          name: icon,
-          attrs: this.v3 ? undefined : {
-            name: icon,
-            icon: svgIcon
-          },
-          "class": 'k-panelbar-item-icon',
-          icon: svgIcon
-        });
-      } else if (this.iconClass) {
-        return h(kendo_vue_common_1.Icon, {
-          "class": 'k-panelbar-item-icon ' + this.iconClass
-        });
-      }
-      return null;
-    };
-    var iconRender = iconElement.call(this);
-    var arrow = !disabled && (items || content) ? h(kendo_vue_common_1.Icon, {
-      name: itemIconName,
-      attrs: this.v3 ? undefined : {
-        name: itemIconName,
-        icon: itemIconSVG
-      },
-      icon: itemIconSVG,
-      "class": panelBarItemArrowClassName
-    }) : null;
-    var group = items || content ? h(PanelBarGroup_1.PanelBarGroup, {
-      items: items,
-      attrs: this.v3 ? undefined : {
-        items: items,
-        item: item,
-        content: content,
-        uniquePrivateKey: uniquePrivateKey,
-        disabled: disabled,
-        expanded: expanded,
-        animation: animation,
-        keepItemsMounted: keepItemsMounted
-      },
-      item: item,
-      content: content,
-      uniquePrivateKey: uniquePrivateKey,
-      disabled: disabled,
-      expanded: expanded,
-      animation: animation,
-      keepItemsMounted: keepItemsMounted
-    }) : null;
-    var header = kendo_vue_common_1.getTemplate.call(this, {
-      h: h,
-      template: this.$props.header,
-      defaultRendering: null,
-      additionalProps: __assign({}, this.$props)
-    });
-    return h("li", {
-      id: id,
-      attrs: this.v3 ? undefined : {
-        id: id,
-        role: 'treeitem',
-        "aria-disabled": disabled,
-        "aria-hidden": !disabled && !expanded,
-        "aria-selected": !disabled && selected,
-        "aria-expanded": !disabled && expanded && hasContent
-      },
-      "class": panelBarItemClassName,
-      role: 'treeitem',
-      "aria-disabled": disabled,
-      "aria-hidden": !disabled && !expanded,
-      "aria-selected": !disabled && selected,
-      "aria-expanded": !disabled && expanded && hasContent
-    }, [h("span", {
-      "class": panelBarLinkClassName,
-      onClick: this.handleItemClick,
-      on: this.v3 ? undefined : {
-        "click": this.handleItemClick
-      }
-    }, [iconRender, this.$props.header ? header : h("span", {
-      "class": 'k-panelbar-item-text'
-    }, [title]), arrow]), group]);
-  },
-  methods: {
-    handleItemClick: function handleItemClick() {
-      var _a = this.$props,
-        disabled = _a.disabled,
-        id = _a.id;
-      if (!disabled) {
-        this.dispatchItemSelect({
-          uniquePrivateKey: this.$props.uniquePrivateKey,
-          id: id,
-          target: this
-        });
-      }
-    },
-    childFactory: function childFactory(child) {
-      return child;
-    }
-  }
-};
-exports.PanelBarItemVue2 = PanelBarItemVue2;
-/**
- * @hidden
- */
-var PanelBarItem = PanelBarItemVue2;
-exports.PanelBarItem = PanelBarItem;

package/dist/npm/panelbar/interfaces/NavigationAction.d.ts

@@ -1,8 +0,0 @@
-/**
- * @hidden
- */
-export declare enum NavigationAction {
-    Toggle = 0,
-    Next = 1,
-    Previous = 2
-}

package/dist/npm/panelbar/interfaces/NavigationAction.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NavigationAction = void 0;
-/**
- * @hidden
- */
-var NavigationAction;
-(function (NavigationAction) {
-    NavigationAction[NavigationAction["Toggle"] = 0] = "Toggle";
-    NavigationAction[NavigationAction["Next"] = 1] = "Next";
-    NavigationAction[NavigationAction["Previous"] = 2] = "Previous";
-})(NavigationAction = exports.NavigationAction || (exports.NavigationAction = {}));

package/dist/npm/panelbar/interfaces/PanelBarItemClickEventArguments.d.ts

@@ -1,7 +0,0 @@
-/**
- * @hidden
- */
-export interface PanelBarItemClickEventArguments {
-    uniquePrivateKey: number;
-    target: any;
-}

package/dist/npm/panelbar/interfaces/PanelBarItemClickEventArguments.js

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

package/dist/npm/panelbar/interfaces/PanelBarItemProps.d.ts

@@ -1,90 +0,0 @@
-import { SVGIcon } from '@progress/kendo-vue-common';
-/**
- * Represents the props of the PanelBarItem component.
- */
-export interface PanelBarItemProps {
-    /**
-     * Sets the subitems of the item.
-     */
-    items?: any[];
-    /**
-     * Allows individual animation control over the child ([see example]({% slug animations_panelbar %})). By default, it is controlled by the PanelBar component.
-     */
-    animation?: boolean;
-    /**
-     * The class name that is set to the PanelBarItem header.
-     */
-    headerClassName?: string;
-    /**
-     * Sets the initial expanded state of the PanelBarItem ([see example]({% slug statesitems_panelbar %}#toc-expanded-items)). Controlled by the PanelBar component.
-     */
-    expanded?: boolean;
-    /**
-     * Sets the disabled state of the PanelBarItem ([see example]({% slug statesitems_panelbar %}#toc-disabled-items)).
-     */
-    disabled?: boolean;
-    /**
-     * @hidden
-     */
-    level?: number;
-    /**
-     * Defines an icon that will be rendered next to the title ([see example]({% slug titlesitems_panelbar %}#toc-adding-icons)).
-     */
-    icon?: string;
-    /**
-     * Defines an SVGIcon to be rendered next to the title.
-     */
-    svgIcon?: SVGIcon;
-    /**
-     * Defines an icon with a custom CSS class that will be rendered next to the title ([see example]({% slug titlesitems_panelbar %}#toc-adding-icons)).
-     */
-    iconClass?: string;
-    /**
-     * Defines the location of the image that will be displayed next to the title ([see example]({% slug titlesitems_panelbar %}#toc-adding-images)).
-     */
-    imageUrl?: string;
-    /**
-     * Sets the initial selected state of the PanelBarItem. Controlled by the PanelBarItem component ([see example]({% slug statesitems_panelbar %}#toc-selected-items)).
-     */
-    selected?: boolean;
-    /**
-     * Sets the title of the PanelBar item ([see example]({% slug titlesitems_panelbar %}#toc-getting-started)).
-     */
-    title?: any;
-    /**
-     * Allows the component to set the `id` property to each item. If not set, a default `id` is applied.
-     */
-    id?: string | number;
-    /**
-     * Sets the initial focused state of the PanelBarItem. Controlled by the PanelBar component.
-     */
-    focused?: boolean;
-    /**
-     * @hidden
-     */
-    parentExpanded?: boolean;
-    /**
-     *  Defines the custom rendering of the content of the PanelBarItem. Accepts a Vue component, a `render` function, or a slot name.
-     */
-    content?: any;
-    /**
-     *  Defines the custom rendering of the header of the PanelBarItem. Accepts a Vue component, a `render` function, or a slot name.
-     */
-    header?: any;
-    /**
-     * Used to identify the PanelBarItems inside the PanelBar ([see example]({% slug controlling_state_panelbar %})). Does not depend on the state of the PanelBarItem.
-     */
-    uniquePrivateKey?: string | number;
-    /**
-     * @hidden
-     */
-    parentUniquePrivateKey?: string[];
-    /**
-     * @hidden
-     */
-    keepItemsMounted?: boolean;
-    /**
-     * @hidden
-     */
-    item?: any;
-}

package/dist/npm/panelbar/interfaces/PanelBarItemProps.js

@@ -1,3 +0,0 @@
-"use strict";
-/* eslint-disable max-len */
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/panelbar/interfaces/PanelBarProps.d.ts

@@ -1,58 +0,0 @@
-import { PanelBarSelectEventArguments } from './PanelBarSelectEventArguments';
-/**
- * Represents the expand modes of the Kendo UI for Vue PanelBar. Defaults to `multiple`.
- */
-export declare type PanelBarExpandMode = 'single' | 'multiple';
-/**
- * Represents the props of the [Kendo UI for Vue PanelBar component]({% slug overview_panelbar %}).
- */
-export interface PanelBarProps {
-    /**
-     * The class name that is set to the PanelBar.
-     */
-    className?: string;
-    /**
-     * Sets the animation state of the PanelBar.
-     */
-    animation?: boolean;
-    /**
-     * Sets the items of the PanelBar.
-     */
-    items?: any[];
-    /**
-     * Sets the expand mode of the PanelBar ([see example]({% slug expandmodes_panelbar %})).
-     *
-     * The available modes are:
-     * - `"single"`—Allows you to expand only one item at a time. The expanding of an item collapses the item that was previously expanded.
-     * - `"multiple"` (default)—Allows you to expand two or more items at a time. Items can also be toggled.
-     */
-    expandMode?: PanelBarExpandMode | string;
-    /**
-     * Sets the direction of the PanelBar component.
-     */
-    dir?: string;
-    /**
-     * If set, overrides the currently selected property in the PanelBar state.
-     */
-    selected?: string;
-    /**
-     * Sets the initial expanded state of the PanelBar.
-     */
-    expanded?: string[];
-    /**
-     * Sets the initial focused state of the PanelBar.
-     */
-    focused?: string;
-    /**
-     * Determines if the PanelBar items will be mounted after expand collapse. Defaults to `false`.
-     */
-    keepItemsMounted?: boolean;
-    /**
-     * Determines if the PanelBar is going to be used in controlled state.
-     */
-    isControlled?: boolean;
-    /**
-     * Fires each time the user makes a selection ([see example]({% slug controlling_state_panelbar %})).
-     */
-    onSelect?: (event: PanelBarSelectEventArguments) => void;
-}

package/dist/npm/panelbar/interfaces/PanelBarProps.js

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

package/dist/npm/panelbar/interfaces/PanelBarSelectEventArguments.d.ts

@@ -1,13 +0,0 @@
-/**
- * The arguments that are passed to the `onSelect` callback function.
- */
-export interface PanelBarSelectEventArguments {
-    /**
-     * The selected PanelBar item.
-     */
-    target: any;
-    /**
-     * The new expanded PanelBar items state.
-     */
-    expandedItems: string[];
-}

package/dist/npm/panelbar/interfaces/PanelBarSelectEventArguments.js

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

package/dist/npm/panelbar/interfaces/RenderPanelBarItem.d.ts

@@ -1,14 +0,0 @@
-import { PanelBarData } from '../PanelBar';
-/**
- * @hidden
- */
-export interface RenderPanelBarItem {
-    animation?: boolean;
-    keepItemsMounted?: boolean;
-    state: PanelBarData;
-    expanded: string[];
-    handleSelect: any;
-    parentExpanded?: boolean;
-    level?: number;
-    parentPrivateKey?: string[];
-}

package/dist/npm/panelbar/interfaces/RenderPanelBarItem.js

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

package/dist/npm/panelbar/util.d.ts

@@ -1,35 +0,0 @@
-import { PanelBarAll, PanelBarData } from './PanelBar';
-import { RenderPanelBarItem } from './interfaces/RenderPanelBarItem';
-import { PanelBarExpandMode } from './interfaces/PanelBarProps';
-/**
- * @hidden
- */
-export declare const renderChildren: (this: PanelBarAll, items: any[], { animation, keepItemsMounted, state, expanded, handleSelect, parentExpanded, level, parentPrivateKey }: RenderPanelBarItem) => any;
-/**
- * @hidden
- */
-export declare const getFirstId: (props: any) => any;
-/**
- * @hidden
- */
-export declare const getInitialState: (props: any, expandMode: PanelBarExpandMode, result?: PanelBarData, parentExpanded?: boolean, parentPrivateKey?: string[]) => PanelBarData;
-/**
- * @hidden
- */
-export declare function flatVisibleItems(data: any, flattedItems?: any[]): any[];
-/**
- * @hidden
- */
-export declare function flatChildren(children: any, flattenChildren?: any[]): any[];
-/**
- * @hidden
- */
-export declare function flatVisibleChildren(children: any, flattenVisibleChildren?: any[]): any[];
-/**
- * @hidden
- */
-export declare const isPresent: Function;
-/**
- * @hidden
- */
-export declare const isArrayEqual: (firstArray: any[], secondArray: any[]) => boolean;