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

package/dist/esm/bottomnavigation/BottomNavigationProps.d.ts

@@ -1,147 +0,0 @@
-import { BottomNavigationItemProps } from './BottomNavigationItemProps';
-import { BottomNavigationEvent, BottomNavigationSelectEvent } from './models/events';
-/**
- * Represents the props of the [Kendo UI for Vue BottomNavigation component]({% slug overview_bottomnavigation %}).
- */
-export interface BottomNavigationProps {
-    /**
-     * Sets the `id` property of the root BottomNavigation element.
-     */
-    id?: string;
-    /**
-     * Represents the `dir` HTML attribute. This is used to switch from LTR to RTL.
-     */
-    dir?: string;
-    /**
-     * Specifies the theme color of the BottomNavigation
-     * ([see example]({% slug appearance_bottomnavigation %}#toc-theme-color)).
-     *
-     * The possible values are:
-     * * `primary` (Default) — Applies coloring based on the primary theme color.
-     * * `secondary` — Applies coloring based on the secondary theme color.
-     * * `tertiary` — Applies coloring based on the tertiary theme color.
-     * * `info` — Applies coloring based on the info theme color.
-     * * `success` — Applies coloring based on the success theme color.
-     * * `warning` — Applies coloring based on the warning theme color.
-     * * `error` — Applies coloring based on the error theme color.
-     * * `dark` — Applies coloring based on the dark theme color.
-     * * `light` — Applies coloring based on the light theme color.
-     * * `inverse` — Applies coloring based on the inverted theme color.
-     */
-    themeColor?: BottomNavigationThemeColor | string;
-    /**
-     * The fill style of the BottomNavigation
-     * ([see example]({% slug appearance_bottomnavigation %}#toc-fill)).
-     *
-     * The possible values are:
-     * * `flat`(Default) — Sets the theme color as the text color. The background will be white.
-     * * `solid` — Sets the theme color as a background color.
-     */
-    fillMode?: BottomNavigationFill | string;
-    /**
-     * @hidden
-     */
-    fill?: BottomNavigationFill | string;
-    /**
-     * Specifies the position and behavior of the BottomNavigation when the page is scrolled
-     * ([see example]({% slug positioning_bottomnavigation %}#toc-position-mode)).
-     *
-     * The possible values are:
-     * * `fixed`(Default) — The BottomNavigation always stays at the bottom of the viewport, regardless of the page scroll position.
-     * * `sticky` — Positions the BottomNavigation based on the user's scroll position. A sticky element toggles between static
-     * and fixed CSS [`position`](https://developer.mozilla.org/en-US/docs/Web/CSS/position) property, depending on the scroll position.
-     * It is positioned static until a given offset position is met in the viewport - then it "sticks" in place like `fixed` positionMode.
-     */
-    positionMode?: BottomNavigationPositionMode | string;
-    /**
-     * Specifies how the icon and text label are positioned in each item of the BottomNavigation
-     * ([see example]({% slug content_types_bottomnavigation %}#toc-item-flow)).
-     *
-     * The possible values are:
-     * * `vertical`(Default) — Renders the text below the icon.
-     * * `horizontal` — Renders the text and the icon on the same line.
-     */
-    itemFlow?: BottomNavigationItemFlow | string;
-    /**
-     * Sets a border to the BottomNavigation.
-     */
-    border?: boolean;
-    /**
-     * Disables the whole BottomNavigation.
-     */
-    disabled?: boolean;
-    /**
-     * The index of the selected BottomNavigationItem.
-     */
-    selected?: number;
-    /**
-     * The collection of items that will be rendered in the BottomNavigation ([see example]({% slug overview_bottomnavigation %})).
-     */
-    items?: Array<BottomNavigationItemProps>;
-    /**
-     * Overrides the default component's content responsible for visualizing a single item
-     * ([see example]({% slug custom_rendering_bottomnavigation %}#toc-custom-rendering)).
-     */
-    item?: any;
-    /**
-     * Fires when a BottomNavigation item is about to be rendered
-     * ([see example]({% slug custom_rendering_bottomnavigation %}#toc-item-render-property)).
-     * Used to override the default appearance of the items.
-     */
-    itemRender?: any;
-    /**
-     * Fires when a BottomNavigation item is selected.
-     */
-    onSelect?: (event: BottomNavigationSelectEvent) => void;
-    /**
-     * Triggered on `onKeyDown` event.
-     */
-    onKeyDown?: (event: BottomNavigationEvent) => void;
-}
-/**
- * The fill style of the BottomNavigation
- * ([see example]({% slug appearance_bottomnavigation %}#toc-fill)).
- *
- * The possible values are:
- * * `flat`(Default) &mdash; Sets the theme color as the text color. The background will be white.
- * * `solid` &mdash; Sets the theme color as a background color.
- *
- */
-export declare type BottomNavigationFill = 'solid' | 'flat';
-/**
- * Specifies how the icon and text label are positioned in each item of the BottomNavigation
- * ([see example]({% slug content_types_bottomnavigation %}#toc-item-flow)).
- *
- * The possible values are:
- * * `vertical`(Default) &mdash; Renders the text below the icon.
- * * `horizontal` &mdash; Renders the text and the icon on the same line.
- */
-export declare type BottomNavigationItemFlow = 'vertical' | 'horizontal';
-/**
- * Specifies the theme color of the BottomNavigationThemeColor.
- * ([see example]({% slug appearance_bottomnavigation %}#toc-theme-color)).
- *
- * The possible values are:
- * * `primary` (Default) &mdash; Applies coloring based on the primary theme color.
- * * `secondary` &mdash; Applies coloring based on the secondary theme color.
- * * `tertiary` &mdash; Applies coloring based on the tertiary theme color.
- * * `info` &mdash; Applies coloring based on the info theme color.
- * * `success` &mdash; Applies coloring based on the success theme color.
- * * `warning` &mdash; Applies coloring based on the warning theme color.
- * * `error` &mdash; Applies coloring based on the error theme color.
- * * `dark` &mdash; Applies coloring based on the dark theme color.
- * * `light` &mdash; Applies coloring based on the light theme color.
- * * `inverse` &mdash; Applies coloring based on the inverted theme color.
- */
-export declare type BottomNavigationThemeColor = 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse';
-/**
- * Specifies the position and behavior of the BottomNavigation when the page is scrolled
- * ([see example]({% slug positioning_bottomnavigation %}#toc-position-mode)).
- *
- * The possible values are:
- * * `fixed`(Default) &mdash; The BottomNavigation always stays at the bottom of the viewport, regardless of the page scroll position.
- * * `sticky` &mdash; Positions the BottomNavigation based on the user's scroll position. A sticky element toggles between
- * static and fixed CSS [`position`](https://developer.mozilla.org/en-US/docs/Web/CSS/position) property, depending on the scroll position.
- * It is positioned static until a given offset position is met in the viewport - then it "sticks" in place like `fixed` positionMode.
- */
-export declare type BottomNavigationPositionMode = 'sticky' | 'fixed';

package/dist/esm/bottomnavigation/BottomNavigationProps.js

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

package/dist/esm/bottomnavigation/models/events.d.ts

@@ -1,18 +0,0 @@
-/**
- * The arguments for the `onSelect` BottomNavigation event.
- */
-export interface BottomNavigationSelectEvent {
-    /**
-     * A BottomNavigation item event target.
-     */
-    itemTarget: any;
-    /**
-     * The index of the selected BottomNavigation item.
-     */
-    itemIndex: number;
-}
-/**
- * Represents the return type of the BottomNavigation events.
- */
-export interface BottomNavigationEvent {
-}

package/dist/esm/bottomnavigation/models/events.js

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

package/dist/esm/bottomnavigation/models/utils.d.ts

@@ -1,36 +0,0 @@
-/**
- * @hidden
- */
-export declare const THEME_COLOR_CLASSES: {
-    primary: string;
-    secondary: string;
-    tertiary: string;
-    info: string;
-    success: string;
-    warning: string;
-    error: string;
-    dark: string;
-    light: string;
-    inverse: string;
-};
-/**
- * @hidden
- */
-export declare const FILL_CLASSES: {
-    flat: string;
-    solid: string;
-};
-/**
- * @hidden
- */
-export declare const ITEM_FLOW_CLASSES: {
-    vertical: string;
-    horizontal: string;
-};
-/**
- * @hidden
- */
-export declare const POSITION_MODE_CLASSES: {
-    fixed: string;
-    sticky: string;
-};

package/dist/esm/bottomnavigation/models/utils.js

@@ -1,36 +0,0 @@
-/**
- * @hidden
- */
-export var THEME_COLOR_CLASSES = {
-    'primary': 'k-bottom-nav-primary',
-    'secondary': 'k-bottom-nav-secondary',
-    'tertiary': 'k-bottom-nav-tertiary',
-    'info': 'k-bottom-nav-info',
-    'success': 'k-bottom-nav-success',
-    'warning': 'k-bottom-nav-warning',
-    'error': 'k-bottom-nav-error',
-    'dark': 'k-bottom-nav-dark',
-    'light': 'k-bottom-nav-light',
-    'inverse': 'k-bottom-nav-inverse'
-};
-/**
- * @hidden
- */
-export var FILL_CLASSES = {
-    'flat': 'k-bottom-nav-flat',
-    'solid': 'k-bottom-nav-solid'
-};
-/**
- * @hidden
- */
-export var ITEM_FLOW_CLASSES = {
-    'vertical': 'k-bottom-nav-item-flow-vertical',
-    'horizontal': 'k-bottom-nav-item-flow-horizontal'
-};
-/**
- * @hidden
- */
-export var POSITION_MODE_CLASSES = {
-    'fixed': 'k-pos-fixed',
-    'sticky': 'k-pos-sticky'
-};

package/dist/esm/card/Avatar.d.ts

@@ -1,43 +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 { AvatarProps } from './interfaces/AvatarProps';
-/**
- * @hidden
- */
-interface AvatarState {
-}
-/**
- * @hidden
- */
-interface AvatarData {
-}
-/**
- * @hidden
- */
-export interface AvatarMethods {
-    [key: string]: any;
-}
-/**
- * @hidden
- */
-export interface AvatarComputed {
-    [key: string]: any;
-    wrapperClass: object;
-}
-/**
- * @hidden
- */
-export interface AvatarAll extends AvatarMethods, AvatarState, AvatarData, AvatarComputed, Vue2type {
-}
-/**
- * @hidden
- */
-declare const AvatarVue2: ComponentOptions<Vue2type, DefaultData<AvatarData>, DefaultMethods<AvatarAll>, AvatarComputed, RecordPropsDefinition<AvatarProps>>;
-/**
- * @hidden
- */
-declare let Avatar: DefineComponent<AvatarProps, any, AvatarData, AvatarComputed, AvatarMethods, {}, {}, {}, string, AvatarProps, AvatarProps, {}>;
-export { Avatar, AvatarVue2 };

package/dist/esm/card/Avatar.js

@@ -1,96 +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 { avatarType } from './interfaces/Enums.js';
-import { packageMetadata } from '../package-metadata.js';
-import { getDefaultSlots, validatePackage, kendoThemeMaps } from '@progress/kendo-vue-common';
-/**
- * @hidden
- */
-var AvatarVue2 = {
-  name: 'KendoAvatar',
-  props: {
-    type: {
-      type: String,
-      default: avatarType.TEXT,
-      validator: function validator(value) {
-        return ['text', 'image', 'icon'].includes(value);
-      }
-    },
-    border: Boolean,
-    rounded: {
-      type: String,
-      default: 'medium',
-      validator: function validator(value) {
-        return ['small', 'medium', 'large', 'full'].includes(value);
-      }
-    },
-    fillMode: {
-      type: String,
-      default: 'solid',
-      validator: function validator(value) {
-        return ['solid', 'outline'].includes(value);
-      }
-    },
-    size: {
-      type: String,
-      default: 'medium',
-      validator: function validator(value) {
-        return ['small', 'medium', 'large'].includes(value);
-      }
-    },
-    themeColor: {
-      type: String,
-      default: 'primary',
-      validator: function validator(value) {
-        return ['primary', 'secondary', 'tertiary', 'info', 'success', 'warning', 'error', 'dark', 'light', 'inverse', 'inherit'].includes(value);
-      }
-    }
-  },
-  created: function created() {
-    validatePackage(packageMetadata);
-  },
-  // @ts-ignore
-  setup: !isV3 ? undefined : function () {
-    var v3 = !!isV3;
-    return {
-      v3: v3
-    };
-  },
-  computed: {
-    wrapperClass: function wrapperClass() {
-      var _a;
-      var _b = this.$props,
-        border = _b.border,
-        type = _b.type,
-        size = _b.size,
-        rounded = _b.rounded,
-        fillMode = _b.fillMode,
-        themeColor = _b.themeColor;
-      return _a = {
-        'k-avatar-bordered': border,
-        'k-avatar': true
-      }, _a["k-avatar-".concat(kendoThemeMaps.sizeMap[size] || size)] = size, _a["k-rounded-".concat(kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded, _a["k-avatar-".concat(fillMode)] = fillMode, _a["k-avatar-".concat(fillMode, "-").concat(themeColor)] = Boolean(fillMode && themeColor), _a;
-    },
-    innerClass: function innerClass() {
-      var _a;
-      return _a = {}, _a["k-avatar-".concat(this.$props.type)] = this.$props.type, _a;
-    }
-  },
-  render: function render(createElement) {
-    var h = gh || createElement;
-    var defaultSlots = getDefaultSlots(this);
-    return h("div", {
-      "class": this.wrapperClass
-    }, [h("span", {
-      "class": this.innerClass
-    }, [defaultSlots])]);
-  }
-};
-/**
- * @hidden
- */
-var Avatar = AvatarVue2;
-export { Avatar, AvatarVue2 };

package/dist/esm/card/Card.d.ts

@@ -1,43 +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 { CardProps } from './interfaces/CardProps';
-/**
- * @hidden
- */
-interface CardState {
-}
-/**
- * @hidden
- */
-interface CardData {
-}
-/**
- * @hidden
- */
-export interface CardMethods {
-    [key: string]: any;
-}
-/**
- * @hidden
- */
-export interface CardComputed {
-    [key: string]: any;
-    wrapperClass: object;
-}
-/**
- * @hidden
- */
-export interface CardAll extends CardMethods, CardState, CardData, CardComputed, Vue2type {
-}
-/**
- * @hidden
- */
-declare const CardVue2: ComponentOptions<Vue2type, DefaultData<CardData>, DefaultMethods<CardAll>, CardComputed, RecordPropsDefinition<CardProps>>;
-/**
- * @hidden
- */
-declare let Card: DefineComponent<CardProps, any, CardData, CardComputed, CardMethods, {}, {}, {}, string, CardProps, CardProps, {}>;
-export { Card, CardVue2 };

package/dist/esm/card/Card.js

@@ -1,67 +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 { cardType } from './interfaces/Enums.js';
-import { cardOrientation } from './interfaces/Enums.js';
-import { packageMetadata } from '../package-metadata.js';
-import { getDefaultSlots, validatePackage } from '@progress/kendo-vue-common';
-/**
- * @hidden
- */
-var CardVue2 = {
-  name: 'KendoCard',
-  props: {
-    dir: String,
-    type: {
-      type: String,
-      default: cardType.DEFAULT,
-      validator: function validator(value) {
-        return ['default', 'primary', 'info', 'success', 'warning', 'error'].includes(value);
-      }
-    },
-    orientation: {
-      type: String,
-      default: cardOrientation.VERTICAL,
-      validator: function validator(value) {
-        return ['horizontal', 'vertical'].includes(value);
-      }
-    }
-  },
-  created: function created() {
-    validatePackage(packageMetadata);
-  },
-  // @ts-ignore
-  setup: !isV3 ? undefined : function () {
-    var v3 = !!isV3;
-    return {
-      v3: v3
-    };
-  },
-  computed: {
-    wrapperClass: function wrapperClass() {
-      var _a;
-      var orientationClass = this.$props.orientation !== cardOrientation.HORIZONTAL ? 'vertical' : 'horizontal';
-      return _a = {
-        'k-card': true
-      }, _a["k-card-".concat(this.$props.type)] = this.$props.type !== cardType.DEFAULT, _a["k-card-".concat(orientationClass)] = true, _a;
-    }
-  },
-  render: function render(createElement) {
-    var h = gh || createElement;
-    var defaultSlots = getDefaultSlots(this);
-    return h("div", {
-      dir: this.$props.dir,
-      attrs: this.v3 ? undefined : {
-        dir: this.$props.dir
-      },
-      "class": this.wrapperClass
-    }, [defaultSlots]);
-  }
-};
-/**
- * @hidden
- */
-var Card = CardVue2;
-export { Card, CardVue2 };

package/dist/esm/card/CardActions.d.ts

@@ -1,43 +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 { CardActionsProps } from './interfaces/CardActionsProps';
-/**
- * @hidden
- */
-interface CardActionsState {
-}
-/**
- * @hidden
- */
-interface CardActionsData {
-}
-/**
- * @hidden
- */
-export interface CardActionsMethods {
-    [key: string]: any;
-}
-/**
- * @hidden
- */
-export interface CardActionsComputed {
-    [key: string]: any;
-    wrapperClass: object;
-}
-/**
- * @hidden
- */
-export interface CardActionsAll extends CardActionsMethods, CardActionsState, CardActionsData, CardActionsComputed, Vue2type {
-}
-/**
- * @hidden
- */
-declare const CardActionsVue2: ComponentOptions<Vue2type, DefaultData<CardActionsData>, DefaultMethods<CardActionsAll>, CardActionsComputed, RecordPropsDefinition<CardActionsProps>>;
-/**
- * @hidden
- */
-declare let CardActions: DefineComponent<CardActionsProps, any, CardActionsData, CardActionsComputed, CardActionsMethods, {}, {}, {}, string, CardActionsProps, CardActionsProps, {}>;
-export { CardActions, CardActionsVue2 };

package/dist/esm/card/CardActions.js

@@ -1,57 +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 { getDefaultSlots } from '@progress/kendo-vue-common';
-import { cardActionsLayout, cardOrientation } from './interfaces/Enums.js';
-/**
- * @hidden
- */
-var CardActionsVue2 = {
-  name: 'KendoCardActions',
-  props: {
-    layout: {
-      type: String,
-      default: cardActionsLayout.START,
-      validator: function validator(value) {
-        return ['stretched', 'start', 'center', 'end'].includes(value);
-      }
-    },
-    orientation: {
-      type: String,
-      default: cardOrientation.HORIZONTAL,
-      validator: function validator(value) {
-        return ['horizontal', 'vertical'].includes(value);
-      }
-    }
-  },
-  // @ts-ignore
-  setup: !isV3 ? undefined : function () {
-    var v3 = !!isV3;
-    return {
-      v3: v3
-    };
-  },
-  computed: {
-    wrapperClass: function wrapperClass() {
-      var _a;
-      return _a = {
-        'k-card-actions': true,
-        'k-actions': true
-      }, _a["k-actions-".concat(this.$props.layout)] = true, _a["k-actions-".concat(this.$props.orientation !== cardOrientation.HORIZONTAL ? 'vertical' : 'horizontal')] = true, _a;
-    }
-  },
-  render: function render(createElement) {
-    var h = gh || createElement;
-    var defaultSlots = getDefaultSlots(this);
-    return h("div", {
-      "class": this.wrapperClass
-    }, [defaultSlots]);
-  }
-};
-/**
- * @hidden
- */
-var CardActions = CardActionsVue2;
-export { CardActions, CardActionsVue2 };

package/dist/esm/card/CardBody.d.ts

@@ -1,43 +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 { CardBodyProps } from './interfaces/CardBodyProps';
-/**
- * @hidden
- */
-interface CardBodyState {
-}
-/**
- * @hidden
- */
-interface CardBodyData {
-}
-/**
- * @hidden
- */
-export interface CardBodyMethods {
-    [key: string]: any;
-}
-/**
- * @hidden
- */
-export interface CardBodyComputed {
-    [key: string]: any;
-    wrapperClass: object;
-}
-/**
- * @hidden
- */
-export interface CardBodyAll extends CardBodyMethods, CardBodyState, CardBodyData, CardBodyComputed, Vue2type {
-}
-/**
- * @hidden
- */
-declare const CardBodyVue2: ComponentOptions<Vue2type, DefaultData<CardBodyData>, DefaultMethods<CardBodyAll>, CardBodyComputed, RecordPropsDefinition<CardBodyProps>>;
-/**
- * @hidden
- */
-declare const CardBody: DefineComponent<CardBodyProps, any, CardBodyData, CardBodyComputed, CardBodyMethods, {}, {}, {}, string, CardBodyProps, CardBodyProps, {}>;
-export { CardBody, CardBodyVue2 };

package/dist/esm/card/CardBody.js

@@ -1,31 +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 { getDefaultSlots } from '@progress/kendo-vue-common';
-/**
- * @hidden
- */
-var CardBodyVue2 = {
-  name: 'KendoCardBody',
-  // @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-card-body'
-    }, [defaultSlots]);
-  }
-};
-/**
- * @hidden
- */
-var CardBody = CardBodyVue2;
-export { CardBody, CardBodyVue2 };