@progress/kendo-vue-indicators 8.0.3-develop.2 → 8.0.3-develop.4

package/loader/Loader.d.ts

@@ -0,0 +1,68 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { PropType } from 'vue';
+/**
+ * @hidden
+ */
+declare const Loader: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    type: {
+        type: PropType<string>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    size: {
+        type: PropType<string>;
+        validator: (value: string) => boolean;
+    };
+    themeColor: {
+        type: PropType<string>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+}>, {}, {}, {
+    loaderClasses(): {
+        'k-loader': boolean;
+        'k-loader-sm': boolean;
+        'k-loader-md': boolean;
+        'k-loader-lg': boolean;
+        'k-loader-primary': boolean;
+        'k-loader-secondary': boolean;
+        'k-loader-tertiary': boolean;
+        'k-loader-info': boolean;
+        'k-loader-success': boolean;
+        'k-loader-warning': boolean;
+        'k-loader-error': boolean;
+        'k-loader-dark': boolean;
+        'k-loader-light': boolean;
+        'k-loader-inverse': boolean;
+        'k-loader-pulsing-2': boolean;
+        'k-loader-spinner-3': boolean;
+        'k-loader-spinner-4': boolean;
+    };
+}, {
+    focus(e: any): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    type: {
+        type: PropType<string>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    size: {
+        type: PropType<string>;
+        validator: (value: string) => boolean;
+    };
+    themeColor: {
+        type: PropType<string>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+}>> & Readonly<{}>, {
+    type: string;
+    themeColor: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { Loader };

package/loader/LoaderProps.d.ts

@@ -0,0 +1,50 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+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/loader/models/size.d.ts

@@ -0,0 +1,18 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * Specifies the size of the Loader
+ * ([see example]({% slug appearance_loader %}#toc-size)).
+ *
+ * The possible values are:
+ * * `small`
+ * * `medium` (Default)
+ * * `large`
+ *
+ */
+export type LoaderSize = 'small' | 'medium' | 'large';

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

@@ -0,0 +1,25 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * 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 type LoaderThemeColor = 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse';

package/loader/models/type.d.ts

@@ -0,0 +1,17 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * Specifies the Loader animation type.
+ *
+ * The possible values are:
+ * - `pulsing` (default)
+ * - `infinite-spinner`
+ * - `converging-spinner`
+ *
+ */
+export type LoaderType = 'pulsing' | 'infinite-spinner' | 'converging-spinner';

package/package-metadata.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { PackageMetadata } from '@progress/kendo-licensing';
+/**
+ * @hidden
+ */
+export declare const packageMetadata: PackageMetadata;

package/package-metadata.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-vue-indicators",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate: 1773130119,version:"8.0.3-develop.2",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"};exports.packageMetadata=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-vue-indicators",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate: 1773755940,version:"8.0.3-develop.4",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"};exports.packageMetadata=e;

package/package-metadata.mjs

@@ -10,8 +10,8 @@ const e = {
   productName: "Kendo UI for Vue",
   productCode: "KENDOUIVUE",
   productCodes: ["KENDOUIVUE"],
-  publishDate: 1773130119,
-  version: "8.0.3-develop.2",
+  publishDate: 1773755940,
+  version: "8.0.3-develop.4",
   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"
 };
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-vue-indicators",
-  "version": "8.0.3-develop.2",
+  "version": "8.0.3-develop.4",
   "description": "TODO",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -9,8 +9,14 @@
   "types": "./index.d.ts",
   "exports": {
     ".": {
-      "import": "./index.mjs",
-      "require": "./index.js"
+      "import": {
+        "types": "./index.d.mts",
+        "default": "./index.mjs"
+      },
+      "require": {
+        "types": "./index.d.ts",
+        "default": "./index.js"
+      }
     },
     "./package.json": {
       "default": "./package.json"
@@ -19,7 +25,7 @@
   "sideEffects": false,
   "peerDependencies": {
     "@progress/kendo-licensing": "^1.7.2",
-    "@progress/kendo-vue-common": "8.0.3-develop.2",
+    "@progress/kendo-vue-common": "8.0.3-develop.4",
     "vue": "^3.0.2"
   },
   "dependencies": {},
@@ -39,7 +45,7 @@
     "package": {
       "productName": "Kendo UI for Vue",
       "productCode": "KENDOUIVUE",
-      "publishDate": 1773130119,
+      "publishDate": 1773755940,
       "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/skeleton/Skeleton.d.ts

@@ -0,0 +1,71 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { PropType } from 'vue';
+/**
+ * @hidden
+ */
+declare const Skeleton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    animation: {
+        type: PropType<boolean | import('./SkeletonProps').SkeletonAnimation>;
+        default: () => {
+            type: string;
+        };
+        validator: (value: any) => any;
+    };
+    shape: {
+        type: PropType<string>;
+        default: string;
+        validator: (value: any) => any;
+    };
+    ariaBusy: {
+        type: PropType<boolean>;
+        default: any;
+    };
+    role: {
+        type: PropType<string>;
+        default: any;
+    };
+}>, {}, {}, {
+    skeletonClasses(): {
+        'k-skeleton': boolean;
+        'k-skeleton-circle': boolean;
+        'k-skeleton-rect': boolean;
+        'k-skeleton-text': boolean;
+        'k-skeleton-pulse': boolean;
+        'k-skeleton-wave': boolean;
+    };
+}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    animation: {
+        type: PropType<boolean | import('./SkeletonProps').SkeletonAnimation>;
+        default: () => {
+            type: string;
+        };
+        validator: (value: any) => any;
+    };
+    shape: {
+        type: PropType<string>;
+        default: string;
+        validator: (value: any) => any;
+    };
+    ariaBusy: {
+        type: PropType<boolean>;
+        default: any;
+    };
+    role: {
+        type: PropType<string>;
+        default: any;
+    };
+}>> & Readonly<{}>, {
+    role: string;
+    animation: {
+        type: string;
+    };
+    shape: string;
+    ariaBusy: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { Skeleton };

package/skeleton/SkeletonProps.d.ts

@@ -0,0 +1,77 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * 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 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';
+}