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

package/dist/esm/skeleton/SkeletonProps.d.ts

@@ -1,70 +0,0 @@
-/**
- * Represents the props of the [Kendo Ui for Vue Skeleton component]({% slug overview_skeleton %}).
- */
-export interface SkeletonProps {
-    /**
-     * Specifies the animation settings of the Skeleton.
-     *
-     * The possible keys are:
-     * * `type`—Defines the type of the Skeleton animation.
-     *   * `wave`—Shows wave animation effect.
-     *   * `pulse`(Default)—Shows pulse animation effect.
-     *
-     * To disable the animation, set the property to `false`.
-     *
-     */
-    animation?: boolean | SkeletonAnimation;
-    /**
-     * Specifies the shape of the Skeleton.
-     *
-     * The possible values are:
-     * * `circle`—Renders a circular Skeleton.
-     * * `text`(Default)—Renders a line Skeleton.
-     * * `rectangle`—Renders a rectangular Skeleton.
-     *
-     */
-    shape?: SkeletonShape | string;
-    /**
-     * Specifies the ariaBusy attribute of the Skeleton.
-     *
-     * The Skeleton component does not have accessibility on its own as it is only a visual indicator.
-     * It should be integrated within an element that refers to the loading state.
-     * When integrating the Skeleton on a page, you might want to define an `ariaBusy` attribute and
-     * this property gives you this option.
-     *
-     * By default the `ariaBusy` attribute is not rendered.
-     */
-    ariaBusy?: boolean | undefined;
-    /**
-     * Specifies the role attribute of the Skeleton.
-     *
-     * The Skeleton component does not have accessibility on its own as it is only a visual indicator.
-     * It should be integrated within an element that refers to the loading state.
-     * When integrating the Skeleton on a page, you might want to define a `role` attribute and
-     * this property gives you this option.
-     *
-     * By default the `role` attribute is not rendered.
-     *
-     * The recommended value of the attribute is `alert`
-     */
-    role?: string | undefined;
-}
-/**
- * Specifies the shape of the Skeleton.
- *
- * The possible values are:
- * * `circle`—Renders a circular Skeleton.
- * * `text`(Default)—Renders a line Skeleton.
- * * `rectangle`—Renders a rectangular Skeleton.
- *
- */
-export declare type SkeletonShape = 'circle' | 'text' | 'rectangle';
-/**
- * Specifies the animation settings of the Skeleton.
- */
-export interface SkeletonAnimation {
-    /**
-     * Specifies the type of the Skeleton animation. Defaults to `pulse`.
-     */
-    type?: 'wave' | 'pulse';
-}

package/dist/esm/skeleton/SkeletonProps.js

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

package/dist/npm/additionalTypes.ts

@@ -1,21 +0,0 @@
-// @ts-ignore
-import { DefineComponent } from 'vue';
-// @ts-ignore
-import * as Vue from 'vue';
-
-/**
- * @hidden
- */
-// @ts-ignore
-type Vue2type = Vue.default;
-
-/**
- * @hidden
- */
-// @ts-ignore
-import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
-/**
- * @hidden
- */
-// @ts-ignore
-export { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type };

package/dist/npm/badge/Badge.d.ts

@@ -1,50 +0,0 @@
-import { DefineComponent } from '../additionalTypes';
-import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
-declare type DefaultData<V> = object | ((this: V) => {});
-declare type DefaultMethods<V> = {
-    [key: string]: (this: V, ...args: any[]) => any;
-};
-import { BadgeProps } from './BadgeProps';
-/**
- * @hidden
- */
-export interface BadgeState {
-}
-/**
- * @hidden
- */
-export interface BadgeComputed {
-    [key: string]: any;
-    badgeClasses: object;
-}
-/**
- * @hidden
- */
-export interface BadgeMethods {
-    [key: string]: any;
-}
-/**
- * @hidden
- */
-export interface BadgeData {
-    currentDir?: string;
-}
-/**
- * @hidden
- */
-export interface BadgeAll extends Vue, BadgeMethods, BadgeData, BadgeComputed, BadgeState {
-}
-/**
- * @hidden
- */
-declare let BadgeVue2: ComponentOptions<BadgeAll, DefaultData<BadgeData>, DefaultMethods<BadgeAll>, BadgeComputed, RecordPropsDefinition<BadgeProps>>;
-/**
- * Represents the [Kendo UI for Vue Badge component]({% slug api_indicators_badgeprops %}).
- *
- * @example
- * ```jsx
- *     <Badge>99+</Badge>
- * ```
- */
-declare const Badge: DefineComponent<BadgeProps, any, BadgeData, BadgeComputed, BadgeMethods, {}, {}, {}, string, BadgeProps, BadgeProps, {}>;
-export { Badge, BadgeVue2 };

package/dist/npm/badge/Badge.js

@@ -1,131 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.BadgeVue2 = exports.Badge = 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_vue_common_2 = require("@progress/kendo-vue-common");
-var package_metadata_1 = require("../package-metadata");
-/**
- * @hidden
- */
-var BadgeVue2 = {
-  name: 'KendoBadge',
-  props: {
-    dir: String,
-    align: {
-      type: Object,
-      default: function _default() {
-        return {
-          vertical: 'top',
-          horizontal: 'end'
-        };
-      }
-    },
-    size: {
-      type: String,
-      default: 'medium',
-      validator: function validator(value) {
-        return ['small', 'medium', 'large'].includes(value);
-      }
-    },
-    fillMode: {
-      type: String,
-      default: 'solid',
-      validator: function validator(value) {
-        return ['solid', 'outline'].includes(value);
-      }
-    },
-    themeColor: {
-      type: String,
-      default: 'primary',
-      validator: function validator(value) {
-        return ['primary', 'secondary', 'tertiary', 'info', 'success', 'warning', 'error', 'dark', 'light', 'inverse'].includes(value);
-      }
-    },
-    rounded: {
-      type: String,
-      default: 'medium',
-      validator: function validator(value) {
-        return [null, 'small', 'medium', 'large', 'full'].includes(value);
-      }
-    },
-    position: {
-      type: String,
-      default: 'edge',
-      validator: function validator(value) {
-        return ['edge', 'outside', 'inside'].includes(value);
-      }
-    },
-    cutoutBorder: Boolean
-  },
-  created: function created() {
-    (0, kendo_vue_common_2.validatePackage)(package_metadata_1.packageMetadata);
-    this.currentDir = undefined;
-  },
-  mounted: function mounted() {
-    this.currentDir = (0, kendo_vue_common_1.getDir)(this.$el, this.$props.dir);
-  },
-  computed: {
-    badgeClasses: function badgeClasses() {
-      var _a;
-      var _b = this.$props,
-        size = _b.size,
-        fillMode = _b.fillMode,
-        cutoutBorder = _b.cutoutBorder,
-        position = _b.position,
-        align = _b.align,
-        themeColor = _b.themeColor,
-        rounded = _b.rounded;
-      return _a = {
-        'k-badge': true,
-        'k-badge-sm': size === 'small',
-        'k-badge-md': size === 'medium',
-        'k-badge-lg': size === 'large'
-      }, _a["k-badge-".concat(fillMode)] = fillMode, _a["k-badge-".concat(fillMode, "-").concat(themeColor)] = Boolean(fillMode && themeColor), _a["k-rounded-".concat(kendo_vue_common_1.kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded, _a['k-badge-border-cutout'] = cutoutBorder, _a["k-badge-".concat(position)] = position, _a['k-top-start'] = align.vertical === 'top' && align.horizontal === 'start', _a['k-top-end'] = align.vertical === 'top' && align.horizontal === 'end', _a['k-bottom-start'] = align.vertical === 'bottom' && align.horizontal === 'start', _a['k-bottom-end'] = align.vertical === 'bottom' && align.horizontal === 'end', _a;
-    }
-  },
-  // @ts-ignore
-  setup: !isV3 ? undefined : function () {
-    var v3 = !!isV3;
-    return {
-      v3: v3
-    };
-  },
-  // @ts-ignore
-  render: function render(createElement) {
-    var h = gh || createElement;
-    var defaultSlot = (0, kendo_vue_common_1.getDefaultSlots)(this);
-    return h("span", {
-      "class": this.badgeClasses,
-      dir: this.currentDir,
-      attrs: this.v3 ? undefined : {
-        dir: this.currentDir
-      }
-    }, [defaultSlot]);
-  },
-  methods: {
-    focusElement: function focusElement() {
-      if (this.$el) {
-        this.$el.focus();
-      }
-    }
-  }
-};
-exports.BadgeVue2 = BadgeVue2;
-/**
- * Represents the [Kendo UI for Vue Badge component]({% slug api_indicators_badgeprops %}).
- *
- * @example
- * ```jsx
- *     <Badge>99+</Badge>
- * ```
- */
-var Badge = BadgeVue2;
-exports.Badge = Badge;

package/dist/npm/badge/BadgeContainer.d.ts

@@ -1,50 +0,0 @@
-import { DefineComponent } from '../additionalTypes';
-import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
-declare type DefaultData<V> = object | ((this: V) => {});
-declare type DefaultMethods<V> = {
-    [key: string]: (this: V, ...args: any[]) => any;
-};
-import { BadgeContainerProps } from './BadgeProps';
-/**
- * @hidden
- */
-export interface BadgeContainerState {
-}
-/**
- * @hidden
- */
-export interface BadgeContainerComputed {
-    [key: string]: any;
-    badgeContainerClasses: object;
-}
-/**
- * @hidden
- */
-export interface BadgeContainerMethods {
-    [key: string]: any;
-}
-/**
- * @hidden
- */
-export interface BadgeContainerData {
-    currentDir?: string;
-}
-/**
- * @hidden
- */
-export interface BadgeContainerAll extends Vue, BadgeContainerMethods, BadgeContainerData, BadgeContainerComputed, BadgeContainerState {
-}
-/**
- * @hidden
- */
-declare let BadgeContainerVue2: ComponentOptions<BadgeContainerAll, DefaultData<BadgeContainerData>, DefaultMethods<BadgeContainerAll>, BadgeContainerComputed, RecordPropsDefinition<BadgeContainerProps>>;
-/**
- * Represents the [Kendo UI for Vue BadgeContainer component]({% slug api_indicators_badgeprops %}).
- *
- * @example
- * ```jsx
- *     <BadgeContainer>99+</BadgeContainer>
- * ```
- */
-declare const BadgeContainer: DefineComponent<BadgeContainerProps, any, BadgeContainerData, BadgeContainerComputed, BadgeContainerMethods, {}, {}, {}, string, BadgeContainerProps, BadgeContainerProps, {}>;
-export { BadgeContainer, BadgeContainerVue2 };

package/dist/npm/badge/BadgeContainer.js

@@ -1,152 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.BadgeContainerVue2 = exports.BadgeContainer = 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_vue_common_2 = require("@progress/kendo-vue-common");
-var package_metadata_1 = require("../package-metadata");
-/**
- * @hidden
- */
-var BadgeContainerVue2 = {
-  name: 'KendoBadgeContainer',
-  props: {
-    dir: String,
-    align: {
-      type: Object,
-      default: function _default() {
-        return {
-          vertical: 'top',
-          horizontal: 'end'
-        };
-      }
-    },
-    size: {
-      type: String,
-      default: 'medium',
-      validator: function validator(value) {
-        return ['small', 'medium', 'large'].includes(value);
-      }
-    },
-    fillMode: {
-      type: String,
-      default: 'solid',
-      validator: function validator(value) {
-        return ['solid', 'outline'].includes(value);
-      }
-    },
-    themeColor: {
-      type: String,
-      default: 'primary',
-      validator: function validator(value) {
-        return ['primary', 'secondary', 'tertiary', 'info', 'success', 'warning', 'error', 'dark', 'light', 'inverse'].includes(value);
-      }
-    },
-    rounded: {
-      type: String,
-      default: 'medium',
-      validator: function validator(value) {
-        return [null, 'small', 'medium', 'large', 'full'].includes(value);
-      }
-    },
-    position: {
-      type: String,
-      default: 'edge',
-      validator: function validator(value) {
-        return ['edge', 'outside', 'inside'].includes(value);
-      }
-    },
-    cutoutBorder: Boolean,
-    content: [String, Function, Object]
-  },
-  created: function created() {
-    (0, kendo_vue_common_2.validatePackage)(package_metadata_1.packageMetadata);
-    this.currentDir = undefined;
-  },
-  mounted: function mounted() {
-    this.currentDir = (0, kendo_vue_common_1.getDir)(this.$el, this.$props.dir);
-  },
-  computed: {
-    badgeContainerClasses: function badgeContainerClasses() {
-      return {
-        'k-badge-container': true
-      };
-    },
-    badgeClasses: function badgeClasses() {
-      var _a;
-      var _b = this.$props,
-        size = _b.size,
-        fillMode = _b.fillMode,
-        cutoutBorder = _b.cutoutBorder,
-        position = _b.position,
-        align = _b.align,
-        themeColor = _b.themeColor,
-        rounded = _b.rounded;
-      return _a = {
-        'k-badge': true,
-        'k-badge-sm': size === 'small',
-        'k-badge-md': size === 'medium',
-        'k-badge-lg': size === 'large'
-      }, _a["k-badge-".concat(fillMode)] = fillMode, _a["k-badge-".concat(fillMode, "-").concat(themeColor)] = Boolean(fillMode && themeColor), _a["k-rounded-".concat(kendo_vue_common_1.kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded, _a['k-badge-border-cutout'] = cutoutBorder, _a["k-badge-".concat(position)] = position, _a['k-top-start'] = align.vertical === 'top' && align.horizontal === 'start', _a['k-top-end'] = align.vertical === 'top' && align.horizontal === 'end', _a['k-bottom-start'] = align.vertical === 'bottom' && align.horizontal === 'start', _a['k-bottom-end'] = align.vertical === 'bottom' && align.horizontal === 'end', _a;
-    }
-  },
-  // @ts-ignore
-  setup: !isV3 ? undefined : function () {
-    var v3 = !!isV3;
-    return {
-      v3: v3
-    };
-  },
-  // @ts-ignore
-  render: function render(createElement) {
-    var h = gh || createElement;
-    var defaultSlot = (0, kendo_vue_common_1.getDefaultSlots)(this);
-    var content = kendo_vue_common_1.templateRendering.call(this, this.content, kendo_vue_common_1.getListeners.call(this));
-    var contentElement = kendo_vue_common_1.getTemplate.call(this, {
-      h: h,
-      template: content,
-      additionalProps: this.$props
-    });
-    return h("span", {
-      "class": this.badgeContainerClasses,
-      style: {
-        display: 'inline-block'
-      },
-      dir: this.currentDir,
-      attrs: this.v3 ? undefined : {
-        dir: this.currentDir
-      }
-    }, [defaultSlot, h("span", {
-      "class": this.badgeClasses,
-      dir: this.currentDir,
-      attrs: this.v3 ? undefined : {
-        dir: this.currentDir
-      }
-    }, [contentElement])]);
-  },
-  methods: {
-    focusElement: function focusElement() {
-      if (this.$el) {
-        this.$el.focus();
-      }
-    }
-  }
-};
-exports.BadgeContainerVue2 = BadgeContainerVue2;
-/**
- * Represents the [Kendo UI for Vue BadgeContainer component]({% slug api_indicators_badgeprops %}).
- *
- * @example
- * ```jsx
- *     <BadgeContainer>99+</BadgeContainer>
- * ```
- */
-var BadgeContainer = BadgeContainerVue2;
-exports.BadgeContainer = BadgeContainer;

package/dist/npm/badge/BadgeProps.d.ts

@@ -1,192 +0,0 @@
-/**
- * Represents the props of the [Kendo UI for Vue Badge component]({% slug overview_badge %}).
- */
-export interface BadgeProps {
-    /**
-     * Represents the `dir` HTML attribute. This is used to switch from LTR to RTL.
-     */
-    dir?: string;
-    /**
-     * Specifies the size of the Badge.
-     *
-     * The possible values are:
-     * * `small`
-     * * `medium` (Default)
-     * * `large`
-     * * null—Does not set a size `className`
-     *
-     * @default `medium`
-     */
-    size?: null | 'small' | 'medium' | 'large' | string;
-    /**
-     * Specifies the roundness of the Badge.
-     *
-     * The possible values are:
-     * - small
-     * - medium (Default)
-     * - large
-     * - full
-     * - null—Does not set a rounded `className`
-     *
-     * @default `medium`
-     */
-    rounded?: null | 'small' | 'medium' | 'large' | 'full' | string;
-    /**
-     * Specifies the appearance fill style of the Badge.
-     *
-     * The possible values are:
-     * * `solid` (Default)
-     * * `outline`
-     * * null—Does not set a fillMode `className`
-     *
-     * @default `solid`
-     */
-    fillMode?: null | 'solid' | 'outline' | string;
-    /**
-     * Specifies the theme color of the Badge.
-     *
-     * The possible values are:
-     * * `primary` (Default)—Applies coloring based on primary theme color.
-     * * `secondary`—Applies coloring based on secondary theme color.
-     * * `tertiary`— Applies coloring based on tertiary theme color.
-     * * `inherit`— Applies inherited coloring value.
-     * * `info`—Applies coloring based on info theme color.
-     * * `success`— Applies coloring based on success theme color.
-     * * `warning`— Applies coloring based on warning theme color.
-     * * `error`— Applies coloring based on error theme color.
-     * * `dark`— Applies coloring based on dark theme color.
-     * * `light`— Applies coloring based on light theme color.
-     * * `inverse`— Applies coloring based on inverse theme color.
-     * * null—Does not set a themeColor `className`.
-     *
-     * @default `primary`
-     */
-    themeColor?: null | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse' | 'inherit' | string;
-    /**
-     * Specifies the alignment of the Badge.
-     *
-     * The possible keys are:
-     * * `horizontal`— Defines the possible horizontal alignment of the Badge.
-     *   * `start`—Uses the start point of the parent element.
-     *   * `end`(Default)—Uses the end point of the parent element.
-     * * `vertical`— Defines the possible vertical alignment of the Badge.
-     *   * `top`(Default)—Uses the top point of the parent element.
-     *   * `bottom`—Uses the bottom point of the parent element.
-     *
-     */
-    align?: {
-        /**
-         * Defines the possible horizontal alignment of the Badge.
-         *
-         * The available values are:
-         * - `start`—Uses the start point of the parent element.
-         * - `end`(Default)—Uses the end point of the parent element.
-         */
-        horizontal: 'start' | 'end';
-        /**
-         * Defines the possible vertical alignment of the Badge.
-         *
-         * The available values are:
-         * - `top`(Default)—Uses the top point of the parent element.
-         * - `bottom`—Uses the bottom point of the parent element.
-         */
-        vertical: 'top' | 'bottom';
-    };
-    /**
-     * Specifies the position of the Badge relative to the edge of the container element.
-     *
-     * The possible values are:
-     * * `edge` (Default)—The center of the Badge is positioned on the edge of the container element.
-     * * `outside`—The Badge is entirely positioned outside the edge of the container element.
-     * * `inside`—The Badge is entirely positioned inside the edge of the the container element.
-     *
-     * @default `edge`
-     */
-    position?: 'edge' | 'outside' | 'inside' | string;
-    /**
-     * Specifies wether or not to render additional "cutout" border around the Badge.
-     *
-     * The possible values are:
-     * * `true`
-     * * `false` (Default)
-     *
-     */
-    cutoutBorder?: boolean;
-}
-/**
- * Represents the props of the [Kendo UI for Vue Badge component]({% slug overview_badge %}).
- */
-export interface BadgeContainerProps extends BadgeProps {
-    /**
-     * Defines the custom rendering of the Badge content. Accepts a slot name, a `render` function, or a Vue Component.
-     */
-    content?: any;
-}
-/**
- * Specifies the theme color of the Badge.
- *
- * The possible values are:
- * * `primary` (Default)—Applies coloring based on primary theme color.
- * * `secondary`—Applies coloring based on secondary theme color.
- * * `tertiary`— Applies coloring based on tertiary theme color.
- * * `inherit`— Applies inherited coloring value.
- * * `info`—Applies coloring based on info theme color.
- * * `success`— Applies coloring based on success theme color.
- * * `warning`— Applies coloring based on warning theme color.
- * * `error`— Applies coloring based on error theme color.
- * * `dark`— Applies coloring based on dark theme color.
- * * `light`— Applies coloring based on light theme color.
- * * `inverse`— Applies coloring based on inverse theme color.
- *
- */
-export declare type BadgeThemeColor = 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse' | 'inherit';
-/**
- * Specifies the size of the Badge.
- *
- * The possible values are:
- * * `small`
- * * `medium` (Default)
- * * `large`
- *
- */
-export declare type BadgeSize = 'small' | 'medium' | 'large';
-/**
- * Specifies the horizontal and vertical alignment of the Badge in a relation to the element.
- */
-export interface BadgeAlign {
-    /**
-     * Defines the possible horizontal alignment of the Badge.
-     *
-     * The available values are:
-     * - `start`—Uses the start point of the parent element.
-     * - `end`(Default)—Uses the end point of the parent element.
-     */
-    horizontal: 'start' | 'end';
-    /**
-     * Defines the possible vertical alignment of the Badge.
-     *
-     * The available values are:
-     * - `top`(Default)—Uses the top point of the parent element.
-     * - `bottom`—Uses the bottom point of the parent element.
-     */
-    vertical: 'top' | 'bottom';
-}
-/**
- * Specifies the appearance fill style of the Badge.
- *
- * The possible values are:
- * * `solid` (Default)
- * * `outline`
- *
- */
-export declare type BadgeFill = 'solid' | 'outline';
-/**
- * Specifies the position of the Badge relative to the edge of the container element.
- *
- * The possible values are:
- * * `edge` (Default)—The center of the Badge is positioned on the edge of the container element.
- * * `outside`—The Badge is entirely positioned outside the edge of the container element.
- * * `inside`—The Badge is entirely positioned inside the edge of the the container element.
- *
- */
-export declare type BadgePosition = 'edge' | 'outside' | 'inside';

package/dist/npm/badge/BadgeProps.js

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