@progress/kendo-vue-indicators 5.3.0-dev.202409130647 → 5.3.0-develop.1

package/dist/es/skeleton/Skeleton.d.ts

@@ -1,57 +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 { SkeletonProps } from './SkeletonProps';
-/**
- * @hidden
- */
-export interface SkeletonHandle {
-    /**
-     * The Skeleton element.
-     */
-    element: HTMLSpanElement | null;
-    /**
-     * Focus the Skeleton.
-     */
-    focus: () => void;
-}
-/**
- * @hidden
- */
-export interface SkeletonState {
-}
-/**
- * @hidden
- */
-export interface SkeletonComputed {
-    [key: string]: any;
-    skeletonClasses: object;
-}
-/**
- * @hidden
- */
-export interface SkeletonMethods {
-    [key: string]: any;
-}
-/**
- * @hidden
- */
-export interface SkeletonData {
-}
-/**
- * @hidden
- */
-export interface SkeletonAll extends Vue, SkeletonMethods, SkeletonData, SkeletonComputed, SkeletonState {
-}
-/**
- * @hidden
- */
-declare let SkeletonVue2: ComponentOptions<SkeletonAll, DefaultData<SkeletonData>, DefaultMethods<SkeletonAll>, SkeletonComputed, RecordPropsDefinition<SkeletonProps>>;
-/**
- * @hidden
- */
-declare const Skeleton: DefineComponent<SkeletonProps, any, SkeletonData, SkeletonComputed, SkeletonMethods, {}, {}, {}, string, SkeletonProps, SkeletonProps, {}>;
-export { Skeleton, SkeletonVue2 };

package/dist/es/skeleton/Skeleton.js

@@ -1,81 +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 { validatePackage, isObject } from '@progress/kendo-vue-common';
-import { packageMetadata } from '../package-metadata';
-/**
- * @hidden
- */
-var SkeletonVue2 = {
-  name: 'KendoSkeleton',
-  props: {
-    animation: {
-      type: [Object, Boolean],
-      default: function _default() {
-        return {
-          type: 'pulse'
-        };
-      },
-      validator: function validator(value) {
-        return value === false || ['wave', 'pulse'].includes(value.type);
-      }
-    },
-    shape: {
-      type: String,
-      default: 'text',
-      validator: function validator(value) {
-        return ['circle', 'rectangle', 'text'].includes(value);
-      }
-    },
-    ariaBusy: {
-      type: Boolean,
-      default: undefined
-    },
-    role: {
-      type: String,
-      default: undefined
-    }
-  },
-  created: function created() {
-    validatePackage(packageMetadata);
-  },
-  computed: {
-    skeletonClasses: function skeletonClasses() {
-      return {
-        'k-skeleton': true,
-        'k-skeleton-circle': this.shape === 'circle',
-        'k-skeleton-rect': this.shape === 'rectangle',
-        'k-skeleton-text': this.shape === 'text',
-        'k-skeleton-pulse': isObject(this.animation) && this.animation.type === 'pulse',
-        'k-skeleton-wave': isObject(this.animation) && this.animation.type === 'wave' || this.animation === true
-      };
-    }
-  },
-  // @ts-ignore
-  setup: !isV3 ? undefined : function () {
-    var v3 = !!isV3;
-    return {
-      v3: v3
-    };
-  },
-  // @ts-ignore
-  render: function render(createElement) {
-    var h = gh || createElement;
-    return h("span", {
-      role: this.$props.role,
-      attrs: this.v3 ? undefined : {
-        role: this.$props.role,
-        ariaBusy: this.$props.ariaBusy
-      },
-      "class": this.skeletonClasses,
-      ariaBusy: this.$props.ariaBusy
-    });
-  }
-};
-/**
- * @hidden
- */
-var Skeleton = SkeletonVue2;
-export { Skeleton, SkeletonVue2 };

package/dist/es/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/es/skeleton/SkeletonProps.js

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

package/dist/esm/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/esm/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/esm/badge/Badge.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 { getDefaultSlots, getDir, kendoThemeMaps } from '@progress/kendo-vue-common';
-import { validatePackage } from '@progress/kendo-vue-common';
-import { packageMetadata } from '../package-metadata.js';
-/**
- * @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() {
-    validatePackage(packageMetadata);
-    this.currentDir = undefined;
-  },
-  mounted: function mounted() {
-    this.currentDir = 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(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 = 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();
-      }
-    }
-  }
-};
-/**
- * Represents the [Kendo UI for Vue Badge component]({% slug api_indicators_badgeprops %}).
- *
- * @example
- * ```jsx
- *     <Badge>99+</Badge>
- * ```
- */
-var Badge = BadgeVue2;
-export { Badge, BadgeVue2 };

package/dist/esm/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/esm/badge/BadgeContainer.js

@@ -1,145 +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, getDir, getListeners, getTemplate, kendoThemeMaps, templateRendering } from '@progress/kendo-vue-common';
-import { validatePackage } from '@progress/kendo-vue-common';
-import { packageMetadata } from '../package-metadata.js';
-/**
- * @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() {
-    validatePackage(packageMetadata);
-    this.currentDir = undefined;
-  },
-  mounted: function mounted() {
-    this.currentDir = 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(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 = getDefaultSlots(this);
-    var content = templateRendering.call(this, this.content, getListeners.call(this));
-    var contentElement = 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();
-      }
-    }
-  }
-};
-/**
- * Represents the [Kendo UI for Vue BadgeContainer component]({% slug api_indicators_badgeprops %}).
- *
- * @example
- * ```jsx
- *     <BadgeContainer>99+</BadgeContainer>
- * ```
- */
-var BadgeContainer = BadgeContainerVue2;
-export { BadgeContainer, BadgeContainerVue2 };