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

package/dist/npm/drawer/interfaces/DrawerProps.d.ts

@@ -1,85 +0,0 @@
-import { DrawerSelectEvent } from './DrawerSelectEvent';
-import { DrawerAnimation } from '../interfaces/DrawerAnimation';
-import { DrawerItemProps } from './DrawerItemProps';
-/**
- * The properties of the [Kendo UI for Vue Drawer component]({% slug overview_drawer %}).
- */
-export interface DrawerProps {
-    /**
-     * Specifies the animation settings of the Drawer.
-     * If boolean enables or disables the default animation.
-     * Use DrawerAnimation to set slide animation with customizable duration option. Accepts a number in milliseconds.
-     */
-    animation?: boolean | DrawerAnimation;
-    /**
-     * Specifies the state of the Drawer. Defaults to `false` ([see example]({% slug expanded_state_drawer %})).
-     */
-    expanded?: boolean;
-    /**
-     * Represents the `dir` HTML attribute. This is used to switch from LTR to RTL.
-     */
-    dir?: string;
-    /**
-     * Specifies the mode in which the Drawer will be displayed.
-     * The possible values are `overlay` and `push`.
-     * Defaults to `overlay` ([see example]({% slug display_modes_drawer %}#toc-expand-modes)).
-     */
-    mode?: 'overlay' | 'push' | string;
-    /**
-     * Specifies the position of the Drawer.
-     * The possible values are `start` and `end` ([see example]({% slug positioning_drawer %})).
-     */
-    position?: 'start' | 'end' | string;
-    /**
-     * Sets the `tabIndex` property of the Drawer.
-     */
-    tabIndex?: number;
-    /**
-     * Enables the mini (compact) view of the Drawer which is displayed when the component is collapsed
-     * ([see example]({% slug display_modes_drawer %}#toc-mini-view))).
-     */
-    mini?: boolean;
-    /**
-     * Defines the width of the Drawer when the mini view is enabled and the component is collapsed. Defaults to `50`.
-     */
-    miniWidth?: number;
-    /**
-     * Defines the width of the Drawer when it is expanded. Defaults to `240`.
-     */
-    width?: number;
-    /**
-     * The collection of items that will be rendered in the Drawer ([see example]({% slug overview_drawer %})).
-     */
-    items?: Array<DrawerItemProps>;
-    /**
-     * Overrides the default component responsible for visualizing a single item ([see example]({% slug custom_rendering %})).
-     *
-     * The default Component is: [DrawerItem]({% slug api_layout_draweritem %}).
-     */
-    item?: any;
-    /**
-     * The event handler that will be fired when the overlay is clicked.
-     * Used in overlay mode only.
-     */
-    onOverlayclick?: (event: any) => void;
-    /**
-     * Fires when a Drawer item is selected.
-     */
-    onSelect?: (event: DrawerSelectEvent) => void;
-    /**
-     * Provides the option to define a `header` in the Drawer component ([see example]({% slug custom_rendering %})).
-     * The header is rendered above the Drawer Items. By default, the property is not defined.
-     */
-    navigationHeader?: String | Object | Function;
-    /**
-     * Provides the option to define a `footer` in the Drawer component ([see example]({% slug custom_rendering %})).
-     * The footer is rendered below the Drawer Items. By default, the property is not defined.
-     */
-    navigationFooter?: String | Object | Function;
-    /**
-     * Provides the option to define a custom template inside the navigational section of the Drawer component ([see example]({% slug custom_rendering %})).
-     * When defined, the custom template will override the default [DrawerItem]({% slug api_layout_draweritem %}) rendering.
-     * By default, the property is not defined.
-     */
-    navigationContent?: String | Object | Function;
-}

package/dist/npm/drawer/interfaces/DrawerProps.js

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

package/dist/npm/drawer/interfaces/DrawerSelectEvent.d.ts

@@ -1,13 +0,0 @@
-/**
- * The arguments for the `onSelect` Drawer event.
- */
-export interface DrawerSelectEvent {
-    /**
-     * A Drawer item event target.
-     */
-    itemTarget: any;
-    /**
-     * The index of the selected Drawer item.
-     */
-    itemIndex: number;
-}

package/dist/npm/drawer/interfaces/DrawerSelectEvent.js

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

package/dist/npm/expansionpanel/ExpansionPanel.d.ts

@@ -1,42 +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 { ExpansionPanelProps } from './interfaces';
-/**
- * @hidden
- */
-interface ExpansionPanelState {
-}
-/**
- * @hidden
- */
-interface ExpansionPanelData {
-}
-/**
- * @hidden
- */
-export interface ExpansionPanelMethods {
-    [key: string]: any;
-}
-/**
- * @hidden
- */
-export interface ExpansionPanelComputed {
-    [key: string]: any;
-}
-/**
- * @hidden
- */
-export interface ExpansionPanelAll extends ExpansionPanelMethods, ExpansionPanelState, ExpansionPanelData, ExpansionPanelComputed, Vue2type {
-}
-/**
- * @hidden
- */
-declare const ExpansionPanelVue2: ComponentOptions<Vue2type, DefaultData<ExpansionPanelData>, DefaultMethods<ExpansionPanelAll>, ExpansionPanelComputed, RecordPropsDefinition<ExpansionPanelProps>>;
-/**
- * @hidden
- */
-declare let ExpansionPanel: DefineComponent<ExpansionPanelProps, any, ExpansionPanelData, ExpansionPanelComputed, ExpansionPanelMethods, {}, {}, {}, string, ExpansionPanelProps, ExpansionPanelProps, {}>;
-export { ExpansionPanel, ExpansionPanelVue2 };

package/dist/npm/expansionpanel/ExpansionPanel.js

@@ -1,196 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ExpansionPanelVue2 = exports.ExpansionPanel = 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 package_metadata_1 = require("../package-metadata");
-/**
- * @hidden
- */
-var ExpansionPanelVue2 = {
-  name: 'KendoExpansionPanel',
-  props: {
-    dir: String,
-    id: String,
-    tabIndex: Number,
-    title: String,
-    subtitle: String,
-    titleRender: [String, Object, Function],
-    subtitleRender: [String, Object, Function],
-    expandIcon: String,
-    expandSvgIcon: Object,
-    collapseIcon: String,
-    collapseSvgIcon: Object,
-    expanded: Boolean,
-    disabled: Boolean
-  },
-  created: function created() {
-    (0, kendo_vue_common_1.validatePackage)(package_metadata_1.packageMetadata);
-  },
-  computed: {
-    wrapperClass: function wrapperClass() {
-      var _a = this.$props,
-        expanded = _a.expanded,
-        disabled = _a.disabled;
-      return {
-        'k-expander': true,
-        'k-expanded': expanded,
-        'k-focus': this.focused && !disabled,
-        'k-disabled': disabled
-      };
-    },
-    expandIconName: function expandIconName() {
-      var _a = this.$props,
-        expanded = _a.expanded,
-        expandIcon = _a.expandIcon,
-        collapseIcon = _a.collapseIcon;
-      return expanded ? expandIcon ? (0, kendo_vue_common_1.getIconName)(expandIcon) : 'chevron-up' : collapseIcon ? (0, kendo_vue_common_1.getIconName)(collapseIcon) : 'chevron-down';
-    },
-    expandSVGIcon: function expandSVGIcon() {
-      var _a = this.$props,
-        expanded = _a.expanded,
-        expandSvgIcon = _a.expandSvgIcon,
-        collapseSvgIcon = _a.collapseSvgIcon;
-      return expanded ? expandSvgIcon || kendo_svg_icons_1.chevronUpIcon : collapseSvgIcon || kendo_svg_icons_1.chevronDownIcon;
-    }
-  },
-  data: function data() {
-    return {
-      focused: false
-    };
-  },
-  // @ts-ignore
-  setup: !isV3 ? undefined : function () {
-    var v3 = !!isV3;
-    return {
-      v3: v3
-    };
-  },
-  render: function render(createElement) {
-    var h = gh || createElement;
-    var defaultSlots = (0, kendo_vue_common_1.getDefaultSlots)(this);
-    var _a = this.$props,
-      _b = _a.expanded,
-      expanded = _b === void 0 ? false : _b,
-      disabled = _a.disabled,
-      title = _a.title,
-      titleRender = _a.titleRender,
-      subtitle = _a.subtitle,
-      subtitleRender = _a.subtitleRender,
-      ariaControls = _a.ariaControls,
-      tabIndex = _a.tabIndex,
-      id = _a.id;
-    var titleTemplate = kendo_vue_common_1.templateRendering.call(this, titleRender, kendo_vue_common_1.getListeners.call(this));
-    var titleToRender = kendo_vue_common_1.getTemplate.call(this, {
-      h: h,
-      template: titleTemplate,
-      defaultRendering: h("div", {
-        "class": "k-expander-title"
-      }, [title])
-    });
-    var subtitleTemplate = kendo_vue_common_1.templateRendering.call(this, subtitleRender, kendo_vue_common_1.getListeners.call(this));
-    var subtitleToRender = kendo_vue_common_1.getTemplate.call(this, {
-      h: h,
-      template: subtitleTemplate,
-      defaultRendering: h("div", {
-        "class": "k-expander-sub-title"
-      }, [subtitle])
-    });
-    return h("div", {
-      "class": this.wrapperClass,
-      onFocusin: this.handleFocus,
-      on: this.v3 ? undefined : {
-        "focusin": this.handleFocus,
-        "focusout": this.handleBlur,
-        "keydown": this.onKeyDown
-      },
-      onFocusout: this.handleBlur,
-      id: id
-      // dir={useRtl(elementRef, dir)}
-      ,
-      attrs: this.v3 ? undefined : {
-        id: id
-      },
-      onKeydown: this.onKeyDown
-    }, [h("div", {
-      role: 'button',
-      attrs: this.v3 ? undefined : {
-        role: 'button',
-        "aria-controls": ariaControls,
-        "aria-expanded": expanded,
-        "aria-disabled": disabled,
-        tabIndex: (0, kendo_vue_common_1.getTabIndex)(tabIndex, disabled)
-      },
-      ref: 'header',
-      "aria-controls": ariaControls,
-      "aria-expanded": expanded,
-      "aria-disabled": disabled,
-      tabIndex: (0, kendo_vue_common_1.getTabIndex)(tabIndex, disabled),
-      "class": "k-expander-header",
-      onClick: this.onClick,
-      on: this.v3 ? undefined : {
-        "click": this.onClick
-      }
-    }, [titleToRender, h("span", {
-      "class": "k-spacer"
-    }), subtitleToRender, h("span", {
-      "class": "k-expander-indicator"
-    }, [h(kendo_vue_common_1.Icon, {
-      name: this.expandIconName,
-      attrs: this.v3 ? undefined : {
-        name: this.expandIconName,
-        icon: this.expandSVGIcon
-      },
-      icon: this.expandSVGIcon
-    })])]), defaultSlots]);
-  },
-  methods: {
-    onClick: function onClick(event) {
-      if (this.$props.disabled) {
-        return;
-      }
-      this.$emit('action', {
-        event: event,
-        expanded: this.expanded
-      });
-    },
-    onKeyDown: function onKeyDown(event) {
-      if (this.$props.disabled) {
-        return;
-      }
-      if ((event.keyCode === kendo_vue_common_1.Keys.enter || event.keyCode === kendo_vue_common_1.Keys.space) && event.target === this.$refs.header) {
-        event.preventDefault();
-        this.$emit('action', {
-          event: event,
-          expanded: this.expanded
-        });
-      }
-    },
-    handleFocus: function handleFocus() {
-      if (this.$props.disabled) {
-        return;
-      }
-      this.focused = true;
-    },
-    handleBlur: function handleBlur() {
-      if (this.$props.disabled) {
-        return;
-      }
-      this.focused = false;
-    }
-  }
-};
-exports.ExpansionPanelVue2 = ExpansionPanelVue2;
-/**
- * @hidden
- */
-var ExpansionPanel = ExpansionPanelVue2;
-exports.ExpansionPanel = ExpansionPanel;

package/dist/npm/expansionpanel/ExpansionPanelContent.d.ts

@@ -1,19 +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;
-};
-/**
- * @hidden
- */
-export interface ExpansionPanelContentAll extends Vue2type {
-}
-/**
- * @hidden
- */
-declare const ExpansionPanelContentVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<ExpansionPanelContentAll>, {}, RecordPropsDefinition<{}>>;
-/**
- * @hidden
- */
-declare let ExpansionPanelContent: DefineComponent<{}, any, {}, {}, {}, {}, {}, {}, string, {}, {}, {}>;
-export { ExpansionPanelContent, ExpansionPanelContentVue2 };

package/dist/npm/expansionpanel/ExpansionPanelContent.js

@@ -1,44 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ExpansionPanelContentVue2 = exports.ExpansionPanelContent = void 0;
-// @ts-ignore
-var Vue = require("vue");
-var allVue = Vue;
-var gh = allVue.h;
-var isV3 = allVue.version && allVue.version[0] === '3';
-var package_metadata_1 = require("../package-metadata");
-var kendo_vue_common_1 = require("@progress/kendo-vue-common");
-/**
- * @hidden
- */
-var ExpansionPanelContentVue2 = {
-  name: 'KendoExpansionPanelContent',
-  created: function created() {
-    (0, kendo_vue_common_1.validatePackage)(package_metadata_1.packageMetadata);
-  },
-  // @ts-ignore
-  setup: !isV3 ? undefined : function () {
-    var v3 = !!isV3;
-    return {
-      v3: v3
-    };
-  },
-  render: function render(createElement) {
-    var h = gh || createElement;
-    var defaultSlots = (0, kendo_vue_common_1.getDefaultSlots)(this);
-    return h("div", {
-      "class": 'k-expander-content-wrapper'
-    }, [h("div", {
-      "class": 'k-expander-content'
-    }, [defaultSlots])]);
-  }
-};
-exports.ExpansionPanelContentVue2 = ExpansionPanelContentVue2;
-/**
- * @hidden
- */
-var ExpansionPanelContent = ExpansionPanelContentVue2;
-exports.ExpansionPanelContent = ExpansionPanelContent;

package/dist/npm/expansionpanel/interfaces.d.ts

@@ -1,88 +0,0 @@
-import { SVGIcon } from '@progress/kendo-vue-common';
-/**
- * The ExpansionPanel ref.
- */
-export interface ExpansionPanelHandle {
-    /**
-     * The ExpansionPanel element.
-     */
-    element: HTMLDivElement | null;
-}
-/**
- * The arguments for the `onAction` ExpansionPanel event.
- */
-export interface ExpansionPanelActionEvent {
-    /**
-     * Represents the `expanded` state of the ExpansionPanel.
-     */
-    expanded: boolean;
-}
-/**
- * The props of the ExpansionPanel component.
- */
-export interface ExpansionPanelProps {
-    /**
-     * Sets additional CSS classes to the ExpansionPanel.
-     */
-    class?: string;
-    /**
-     * Sets the `id` property of the root ExpansionPanel element.
-     */
-    id?: string;
-    /**
-     * Specifies the primary text in the header of the ExpansionPanel.
-     */
-    title?: string;
-    /**
-     * Specifies the secondary text in the header of the ExpansionPanel, which is rendered next to the collapse/expand icon.
-     */
-    subtitle?: string;
-    /**
-     * Specifies the primary text template in the header of the ExpansionPanel.
-     */
-    titleRender?: any;
-    /**
-     * Specifies the secondary text in the header of the ExpansionPanel, which is rendered next to the collapse/expand icon.
-     */
-    subtitleRender?: any;
-    /**
-     * Sets a custom icon via css class(es), for the expanded state of the ExpansionPanel.
-     */
-    expandIcon?: string;
-    /**
-     * Defines an SVGIcon to be rendered within the expand arrow.
-     */
-    expandSvgIcon?: SVGIcon;
-    /**
-     * Sets a custom icon via css class(es), for the collapsed state of the ExpansionPanel.
-     */
-    collapseIcon?: string;
-    /**
-     * Defines an SVGIcon to be rendered within the collapse arrow.
-     */
-    collapseSvgIcon?: SVGIcon;
-    /**
-     * Sets the `dir` property of the ExpansionPanel.
-     */
-    dir?: string;
-    /**
-     * Sets the `tabIndex` property of the ExpansionPanel.
-     */
-    tabIndex?: number;
-    /**
-     * Sets the `expanded` state of the ExpansionPanel.
-     */
-    expanded?: boolean;
-    /**
-     * Sets the `disabled` state of the ExpansionPanel.
-     */
-    disabled?: boolean;
-    /**
-     * Sets `aria-controls`. The value should represent the `id` of the controlled content element.
-     */
-    ariaControls?: string;
-    /**
-     * The event handler that will be fired when the expanded state of the ExpansionPanel is about to change.
-     */
-    onAction?: (event: ExpansionPanelActionEvent) => void;
-}

package/dist/npm/expansionpanel/interfaces.js

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

package/dist/npm/expansionpanel/main.d.ts

@@ -1,3 +0,0 @@
-export * from './ExpansionPanel';
-export * from './ExpansionPanelContent';
-export * from './interfaces';

package/dist/npm/expansionpanel/main.js

@@ -1,29 +0,0 @@
-"use strict";
-
-var __createBinding = undefined && undefined.__createBinding || (Object.create ? function (o, m, k, k2) {
-  if (k2 === undefined) k2 = k;
-  var desc = Object.getOwnPropertyDescriptor(m, k);
-  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-    desc = {
-      enumerable: true,
-      get: function get() {
-        return m[k];
-      }
-    };
-  }
-  Object.defineProperty(o, k2, desc);
-} : function (o, m, k, k2) {
-  if (k2 === undefined) k2 = k;
-  o[k2] = m[k];
-});
-var __exportStar = undefined && undefined.__exportStar || function (m, exports) {
-  for (var p in m) {
-    if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-  }
-};
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-__exportStar(require("./ExpansionPanel"), exports);
-__exportStar(require("./ExpansionPanelContent"), exports);
-__exportStar(require("./interfaces"), exports);

package/dist/npm/gridlayout/GridLayout.d.ts

@@ -1,44 +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 { GridLayoutProps } from './interfaces/GridLayoutProps';
-/**
- * @hidden
- */
-export interface GridLayoutData {
-}
-/**
- * @hidden
- */
-export interface GridLayoutState {
-    v3: boolean;
-}
-/**
- * @hidden
- */
-export interface GridLayoutMethods {
-    [key: string]: any;
-}
-/**
- * @hidden
- */
-export interface GridLayoutComputed {
-    [key: string]: any;
-}
-/**
- * @hidden
- */
-export interface GridLayoutAll extends Vue2type, GridLayoutMethods, GridLayoutState, GridLayoutData, GridLayoutComputed {
-}
-/**
- * @hidden
- */
-declare let GridLayoutVue2: ComponentOptions<GridLayoutAll, DefaultData<GridLayoutData>, DefaultMethods<GridLayoutAll>, GridLayoutComputed, RecordPropsDefinition<GridLayoutProps>>;
-/**
- * Represents the Object which is passed to
- * callback of the GridLayout component.
- */
-declare const GridLayout: DefineComponent<GridLayoutProps, any, GridLayoutData, GridLayoutComputed, GridLayoutMethods, {}, {}, {}, string, GridLayoutProps, GridLayoutProps, {}>;
-export { GridLayout, GridLayoutVue2 };