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

package/dist/esm/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/esm/drawer/interfaces/DrawerSelectEvent.js

@@ -1 +0,0 @@
-export {};

package/dist/esm/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/esm/expansionpanel/ExpansionPanel.js

@@ -1,189 +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 { getTabIndex, validatePackage, Keys, getDefaultSlots, templateRendering, getListeners, getTemplate, Icon, getIconName } from '@progress/kendo-vue-common';
-import { chevronUpIcon, chevronDownIcon } from '@progress/kendo-svg-icons';
-import { packageMetadata } from '../package-metadata.js';
-/**
- * @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() {
-    validatePackage(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 ? getIconName(expandIcon) : 'chevron-up' : collapseIcon ? getIconName(collapseIcon) : 'chevron-down';
-    },
-    expandSVGIcon: function expandSVGIcon() {
-      var _a = this.$props,
-        expanded = _a.expanded,
-        expandSvgIcon = _a.expandSvgIcon,
-        collapseSvgIcon = _a.collapseSvgIcon;
-      return expanded ? expandSvgIcon || chevronUpIcon : collapseSvgIcon || 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 = 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 = templateRendering.call(this, titleRender, getListeners.call(this));
-    var titleToRender = getTemplate.call(this, {
-      h: h,
-      template: titleTemplate,
-      defaultRendering: h("div", {
-        "class": "k-expander-title"
-      }, [title])
-    });
-    var subtitleTemplate = templateRendering.call(this, subtitleRender, getListeners.call(this));
-    var subtitleToRender = 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: getTabIndex(tabIndex, disabled)
-      },
-      ref: 'header',
-      "aria-controls": ariaControls,
-      "aria-expanded": expanded,
-      "aria-disabled": disabled,
-      tabIndex: 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(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 === Keys.enter || event.keyCode === 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;
-    }
-  }
-};
-/**
- * @hidden
- */
-var ExpansionPanel = ExpansionPanelVue2;
-export { ExpansionPanel, ExpansionPanelVue2 };

package/dist/esm/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/esm/expansionpanel/ExpansionPanelContent.js

@@ -1,37 +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 { packageMetadata } from '../package-metadata.js';
-import { getDefaultSlots, validatePackage } from '@progress/kendo-vue-common';
-/**
- * @hidden
- */
-var ExpansionPanelContentVue2 = {
-  name: 'KendoExpansionPanelContent',
-  created: function created() {
-    validatePackage(packageMetadata);
-  },
-  // @ts-ignore
-  setup: !isV3 ? undefined : function () {
-    var v3 = !!isV3;
-    return {
-      v3: v3
-    };
-  },
-  render: function render(createElement) {
-    var h = gh || createElement;
-    var defaultSlots = getDefaultSlots(this);
-    return h("div", {
-      "class": 'k-expander-content-wrapper'
-    }, [h("div", {
-      "class": 'k-expander-content'
-    }, [defaultSlots])]);
-  }
-};
-/**
- * @hidden
- */
-var ExpansionPanelContent = ExpansionPanelContentVue2;
-export { ExpansionPanelContent, ExpansionPanelContentVue2 };

package/dist/esm/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/esm/expansionpanel/interfaces.js

@@ -1 +0,0 @@
-export {};

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

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

package/dist/esm/expansionpanel/main.js

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

package/dist/esm/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 };

package/dist/esm/gridlayout/GridLayout.js

@@ -1,124 +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 { packageMetadata } from '../package-metadata.js';
-import { getListeners, guid, templateRendering, validatePackage } from '@progress/kendo-vue-common';
-import { GridLayoutItem } from './GridLayoutItem.js';
-/**
- * @hidden
- */
-var GridLayoutVue2 = {
-  name: 'KendoGridLayout',
-  props: {
-    id: String,
-    gap: {
-      type: Object
-    },
-    align: {
-      type: Object,
-      validator: function validator(value) {
-        return ['top', 'middle', 'bottom', 'stretch', undefined].includes(value.vertical) && ['start', 'center', 'end', 'stretch', undefined].includes(value.horizontal);
-      }
-    },
-    rows: Array,
-    cols: Array,
-    items: Array
-  },
-  created: function created() {
-    validatePackage(packageMetadata);
-    this.layoutId = guid();
-  },
-  computed: {
-    hAlign: function hAlign() {
-      return this.$props.align && this.$props.align.horizontal ? this.$props.align.horizontal : 'stretch';
-    },
-    vAlign: function vAlign() {
-      return this.$props.align && this.$props.align.vertical ? this.$props.align.vertical : 'stretch';
-    },
-    gridLayoutClasses: function gridLayoutClasses() {
-      return {
-        'k-grid-layout': true,
-        'k-justify-items-start': this.hAlign === 'start',
-        'k-justify-items-center': this.hAlign === 'center',
-        'k-justify-items-end': this.hAlign === 'end',
-        'k-justify-items-stretch': this.hAlign === 'stretch',
-        'k-align-items-start': this.vAlign === 'top',
-        'k-align-items-center': this.vAlign === 'middle',
-        'k-align-items-end': this.vAlign === 'bottom',
-        'k-align-items-stretch': this.vAlign === 'stretch'
-      };
-    },
-    gapStyle: function gapStyle() {
-      return this.gap ? "".concat(typeof this.gap.rows === 'number' ? this.gap.rows + 'px' : this.gap.rows) + ' ' + "".concat(typeof this.gap.cols === 'number' ? this.gap.cols + 'px' : this.gap.cols) : undefined;
-    },
-    gridTemplateRowsStyle: function gridTemplateRowsStyle() {
-      return this.$props.rows && this.$props.rows.map(function (row) {
-        return "".concat(typeof row.height === 'number' ? row.height + 'px' : row.height);
-      }).join(' ');
-    },
-    gridTemplateColumnsStyle: function gridTemplateColumnsStyle() {
-      return this.$props.cols && this.$props.cols.map(function (col) {
-        return "".concat(typeof col.width === 'number' ? col.width + 'px' : col.width);
-      }).join(' ');
-    },
-    gridLayoutStyles: function gridLayoutStyles() {
-      return {
-        gap: this.gapStyle,
-        gridTemplateColumns: this.gridTemplateColumnsStyle,
-        gridTemplateRows: this.gridTemplateRowsStyle
-      };
-    }
-  },
-  // @ts-ignore
-  setup: !isV3 ? undefined : function () {
-    var v3 = !!isV3;
-    return {
-      v3: v3
-    };
-  },
-  render: function render(createElement) {
-    var h = gh || createElement;
-    var _a = this.$props,
-      id = _a.id,
-      items = _a.items;
-    return h("div", {
-      "class": this.gridLayoutClasses,
-      style: this.gridLayoutStyles,
-      id: id || this.layoutId,
-      attrs: this.v3 ? undefined : {
-        id: id || this.layoutId
-      }
-    }, [items.map(function (item) {
-      var contentTemplate = templateRendering.call(this, item.content, getListeners.call(this));
-      return (
-        // @ts-ignore
-        h(GridLayoutItem, {
-          content: contentTemplate,
-          attrs: this.v3 ? undefined : {
-            content: contentTemplate,
-            id: item.id,
-            col: item.col,
-            colSpan: item.colSpan,
-            row: item.row,
-            rowSpan: item.rowSpan
-          },
-          "class": item.class,
-          style: item.style,
-          id: item.id,
-          col: item.col,
-          colSpan: item.colSpan,
-          row: item.row,
-          rowSpan: item.rowSpan
-        })
-      );
-    }, this)]);
-  }
-};
-/**
- * Represents the Object which is passed to
- * callback of the GridLayout component.
- */
-var GridLayout = GridLayoutVue2;
-export { GridLayout, GridLayoutVue2 };

package/dist/esm/gridlayout/GridLayoutItem.d.ts

@@ -1,47 +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 { GridLayoutItemProps } from './interfaces/GridLayoutItemProps';
-/**
- * Represents the Object which is passed to the [`ref`](https://vuejs.org/docs/refs-and-the-dom.html)
- * callback of the GridLayoutItem component.
- */
-/**
- * @hidden
- */
-export interface GridLayoutItemState {
-    v3: boolean;
-}
-/**
- * @hidden
- */
-export interface GridLayoutItemData {
-}
-/**
- * @hidden
- */
-export interface GridLayoutItemMethods {
-    [key: string]: any;
-}
-/**
- * @hidden
- */
-export interface GridLayoutItemComputed {
-    [key: string]: any;
-}
-/**
- * @hidden
- */
-export interface GridLayoutItemAll extends Vue2type, GridLayoutItemMethods, GridLayoutItemState, GridLayoutItemData, GridLayoutItemComputed {
-}
-/**
- * @hidden
- */
-declare let GridLayoutItemVue2: ComponentOptions<GridLayoutItemAll, DefaultData<GridLayoutItemData>, DefaultMethods<GridLayoutItemAll>, GridLayoutItemComputed, RecordPropsDefinition<GridLayoutItemProps>>;
-/**
- * @hidden
- */
-declare const GridLayoutItem: DefineComponent<GridLayoutItemProps, any, GridLayoutItemData, GridLayoutItemComputed, GridLayoutItemMethods, {}, {}, {}, string, GridLayoutItemProps, GridLayoutItemProps, {}>;
-export { GridLayoutItem, GridLayoutItemVue2 };

package/dist/esm/gridlayout/GridLayoutItem.js

@@ -1,68 +0,0 @@
-// @ts-ignore
-import * as Vue from 'vue';
-var allVue = Vue;
-var gh = allVue.h;
-var isV3 = allVue.version && allVue.version[0] === '3';
-var ref = allVue.ref;
-var inject = allVue.inject;
-import { packageMetadata } from '../package-metadata.js';
-import { getTemplate, guid, validatePackage } from '@progress/kendo-vue-common';
-/**
- * @hidden
- */
-var GridLayoutItemVue2 = {
-  name: 'KendoGridLayoutItem',
-  props: {
-    content: [String, Function, Object],
-    id: String,
-    col: Number,
-    colSpan: Number,
-    row: Number,
-    rowSpan: Number
-  },
-  created: function created() {
-    validatePackage(packageMetadata);
-    this.itemId = guid();
-  },
-  // @ts-ignore
-  setup: !isV3 ? undefined : function () {
-    var v3 = !!isV3;
-    return {
-      v3: v3
-    };
-  },
-  computed: {
-    gridLayoutItemStyles: function gridLayoutItemStyles() {
-      var _a = this.$props,
-        row = _a.row,
-        col = _a.col,
-        rowSpan = _a.rowSpan,
-        colSpan = _a.colSpan;
-      return {
-        gridArea: "".concat(row || 'auto', " / ").concat(col || 'auto', " / ").concat(rowSpan ? 'span ' + rowSpan : 'auto', " / ").concat(colSpan ? 'span ' + colSpan : 'auto')
-      };
-    }
-  },
-  render: function render(createElement) {
-    var h = gh || createElement;
-    var _a = this.$props,
-      id = _a.id,
-      content = _a.content;
-    var contentToRender = getTemplate.call(this, {
-      h: h,
-      template: content
-    });
-    return h("div", {
-      style: this.gridLayoutItemStyles,
-      id: id || this.itemId,
-      attrs: this.v3 ? undefined : {
-        id: id || this.itemId
-      }
-    }, [contentToRender]);
-  }
-};
-/**
- * @hidden
- */
-var GridLayoutItem = GridLayoutItemVue2;
-export { GridLayoutItem, GridLayoutItemVue2 };