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

package/dist/npm/loader/Loader.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 { LoaderProps } from './LoaderProps';
-/**
- * @hidden
- */
-export interface LoaderHandle {
-    /**
-     * The Loader element.
-     */
-    element: HTMLSpanElement | null;
-    /**
-     * Focus the Loader.
-     */
-    focus: () => void;
-}
-/**
- * @hidden
- */
-export interface LoaderState {
-}
-/**
- * @hidden
- */
-export interface LoaderComputed {
-    [key: string]: any;
-    loaderClasses: object;
-}
-/**
- * @hidden
- */
-export interface LoaderMethods {
-    [key: string]: any;
-}
-/**
- * @hidden
- */
-export interface LoaderData {
-}
-/**
- * @hidden
- */
-export interface LoaderAll extends Vue, LoaderMethods, LoaderData, LoaderComputed, LoaderState {
-}
-/**
- * @hidden
- */
-declare let LoaderVue2: ComponentOptions<LoaderAll, DefaultData<LoaderData>, DefaultMethods<LoaderAll>, LoaderComputed, RecordPropsDefinition<LoaderProps>>;
-/**
- * @hidden
- */
-declare const Loader: DefineComponent<LoaderProps, any, LoaderData, LoaderComputed, LoaderMethods, {}, {}, {}, string, LoaderProps, LoaderProps, {}>;
-export { Loader, LoaderVue2 };

package/dist/npm/loader/Loader.js

@@ -1,119 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.LoaderVue2 = exports.Loader = 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 package_metadata_1 = require("../package-metadata");
-var SEGMENT_COUNT = {
-  'pulsing': 2,
-  'infinite-spinner': 3,
-  'converging-spinner': 4
-};
-var TYPE_CLASSES = {
-  'pulsing': 'k-loader-pulsing-2',
-  'infinite-spinner': 'k-loader-spinner-3',
-  'converging-spinner': 'k-loader-spinner-4'
-};
-/**
- * @hidden
- */
-var LoaderVue2 = {
-  name: 'KendoLoader',
-  props: {
-    type: {
-      type: String,
-      default: 'pulsing',
-      validator: function validator(value) {
-        return ['pulsing', 'infinite-spinner', 'converging-spinner'].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'].includes(value);
-      }
-    }
-  },
-  created: function created() {
-    (0, kendo_vue_common_1.validatePackage)(package_metadata_1.packageMetadata);
-  },
-  computed: {
-    loaderClasses: function loaderClasses() {
-      var _a = this.$props,
-        type = _a.type,
-        size = _a.size,
-        themeColor = _a.themeColor;
-      return {
-        'k-loader': true,
-        'k-loader-sm': size === 'small',
-        'k-loader-md': size === 'medium',
-        'k-loader-lg': size === 'large',
-        'k-loader-primary': themeColor === 'primary',
-        'k-loader-secondary': themeColor === 'secondary',
-        'k-loader-tertiary': themeColor === 'tertiary',
-        'k-loader-info': themeColor === 'info',
-        'k-loader-success': themeColor === 'success',
-        'k-loader-warning': themeColor === 'warning',
-        'k-loader-error': themeColor === 'error',
-        'k-loader-dark': themeColor === 'dark',
-        'k-loader-light': themeColor === 'light',
-        'k-loader-inverse': themeColor === 'inverse',
-        'k-loader-pulsing-2': type === 'pulsing',
-        'k-loader-spinner-3': type === 'infinite-spinner',
-        'k-loader-spinner-4': type === 'converging-spinner'
-      };
-    }
-  },
-  // @ts-ignore
-  setup: !isV3 ? undefined : function () {
-    var v3 = !!isV3;
-    return {
-      v3: v3
-    };
-  },
-  // @ts-ignore
-  render: function render(createElement) {
-    var h = gh || createElement;
-    var type = this.$props.type;
-    var spans = new Array(SEGMENT_COUNT[type]);
-    spans.fill(0, 0, SEGMENT_COUNT[type]);
-    return h("div", {
-      "class": this.loaderClasses
-    }, [h("div", {
-      "class": "k-loader-canvas"
-    }, [spans.map(function (_, i) {
-      return h("span", {
-        key: i,
-        "class": "k-loader-segment"
-      });
-    }, this)])]);
-  },
-  methods: {
-    focus: function focus(e) {
-      if (this.$el) {
-        this.$el.focus(e);
-      }
-    }
-  }
-};
-exports.LoaderVue2 = LoaderVue2;
-/**
- * @hidden
- */
-var Loader = LoaderVue2;
-exports.Loader = Loader;

package/dist/npm/loader/LoaderProps.d.ts

@@ -1,43 +0,0 @@
-import { LoaderSize } from './models/size';
-import { LoaderThemeColor } from './models/theme-color';
-import { LoaderType } from './models/type';
-/**
- * Represents the props of the [Kendo UI for Vue Loader component]({% slug overview_loader %}).
- */
-export interface LoaderProps {
-    /**
-     * Specifies the size of the Loader.
-     *
-     * The possible values are:
-     * * `small`
-     * * `medium` (Default)
-     * * `large`
-     *
-     */
-    size?: LoaderSize | string;
-    /**
-     * Specifies the theme color of the Loader.
-     *
-     * 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.
-     * * `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.
-     */
-    themeColor?: LoaderThemeColor | string;
-    /**
-     * Specifies the Loader animation type.
-     *
-     * The possible values are:
-     * - `pulsing` (default)
-     * - `infinite-spinner`
-     * - `converging-spinner`
-     */
-    type?: LoaderType | string;
-}

package/dist/npm/loader/LoaderProps.js

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

package/dist/npm/loader/models/size.d.ts

@@ -1,11 +0,0 @@
-/**
- * Specifies the size of the Loader
- * ([see example]({% slug appearance_loader %}#toc-size)).
- *
- * The possible values are:
- * * `small`
- * * `medium` (Default)
- * * `large`
- *
- */
-export declare type LoaderSize = 'small' | 'medium' | 'large';

package/dist/npm/loader/models/size.js

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

package/dist/npm/loader/models/theme-color.d.ts

@@ -1,18 +0,0 @@
-/**
- * Specifies the theme color of the Loader.
- * ([see example]({% slug appearance_loader %}#toc-theme-color)).
- *
- * 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.
- * * `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 inverted theme color.
- *
- */
-export declare type LoaderThemeColor = 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse';

package/dist/npm/loader/models/theme-color.js

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

package/dist/npm/loader/models/type.d.ts

@@ -1,10 +0,0 @@
-/**
- * Specifies the Loader animation type.
- *
- * The possible values are:
- * - `pulsing` (default)
- * - `infinite-spinner`
- * - `converging-spinner`
- *
- */
-export declare type LoaderType = 'pulsing' | 'infinite-spinner' | 'converging-spinner';

package/dist/npm/loader/models/type.js

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

package/dist/npm/main.d.ts

@@ -1,10 +0,0 @@
-export * from './badge/Badge';
-export * from './badge/BadgeProps';
-export * from './badge/BadgeContainer';
-export * from './loader/Loader';
-export * from './loader/LoaderProps';
-export * from './loader/models/size';
-export * from './loader/models/theme-color';
-export * from './loader/models/type';
-export * from './skeleton/Skeleton';
-export * from './skeleton/SkeletonProps';

package/dist/npm/main.js

@@ -1,26 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__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() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__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("./badge/Badge"), exports);
-__exportStar(require("./badge/BadgeProps"), exports);
-__exportStar(require("./badge/BadgeContainer"), exports);
-__exportStar(require("./loader/Loader"), exports);
-__exportStar(require("./loader/LoaderProps"), exports);
-__exportStar(require("./loader/models/size"), exports);
-__exportStar(require("./loader/models/theme-color"), exports);
-__exportStar(require("./loader/models/type"), exports);
-__exportStar(require("./skeleton/Skeleton"), exports);
-__exportStar(require("./skeleton/SkeletonProps"), exports);

package/dist/npm/package-metadata.d.ts

@@ -1,5 +0,0 @@
-import { PackageMetadata } from '@progress/kendo-licensing';
-/**
- * @hidden
- */
-export declare const packageMetadata: PackageMetadata;

package/dist/npm/package-metadata.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.packageMetadata = void 0;
-/**
- * @hidden
- */
-exports.packageMetadata = {
-    name: '@progress/kendo-vue-indicators',
-    productName: 'Kendo UI for Vue',
-    productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1726209767,
-    version: '',
-    licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
-};

package/dist/npm/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/npm/skeleton/Skeleton.js

@@ -1,88 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SkeletonVue2 = exports.Skeleton = 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 package_metadata_1 = require("../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() {
-    (0, kendo_vue_common_1.validatePackage)(package_metadata_1.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': (0, kendo_vue_common_1.isObject)(this.animation) && this.animation.type === 'pulse',
-        'k-skeleton-wave': (0, kendo_vue_common_1.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
-    });
-  }
-};
-exports.SkeletonVue2 = SkeletonVue2;
-/**
- * @hidden
- */
-var Skeleton = SkeletonVue2;
-exports.Skeleton = Skeleton;

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

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