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

package/badge/Badge.d.ts

@@ -0,0 +1,93 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { BadgeAlign } from './BadgeProps';
+import { PropType } from 'vue';
+/**
+ * Represents the [Kendo UI for Vue Badge component]({% slug api_indicators_badgeprops %}).
+ *
+ * @example
+ * ```jsx
+ *     <Badge>99+</Badge>
+ * ```
+ */
+declare const Badge: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    dir: PropType<string>;
+    align: {
+        type: PropType<BadgeAlign>;
+        default: () => BadgeAlign;
+    };
+    size: {
+        type: PropType<"small" | "medium" | "large">;
+        validator: (value: string) => boolean;
+    };
+    fillMode: {
+        type: PropType<"solid" | "outline">;
+        validator: (value: string) => boolean;
+    };
+    themeColor: {
+        type: PropType<"primary" | "secondary" | "tertiary" | "info" | "success" | "warning" | "error" | "dark" | "light" | "inverse" | "inherit">;
+        validator: (value: string) => boolean;
+    };
+    rounded: {
+        type: PropType<"small" | "medium" | "large" | "none" | "full">;
+        validator: (value: string) => boolean;
+    };
+    position: {
+        type: PropType<string>;
+        default: string;
+        validator: (value: string) => any;
+    };
+    cutoutBorder: PropType<boolean>;
+}>, {}, {}, {
+    badgeClasses(): {
+        [x: string]: any;
+        'k-badge': boolean;
+        'k-badge-sm': boolean;
+        'k-badge-md': boolean;
+        'k-badge-lg': boolean;
+        'k-badge-border-cutout': any;
+        'k-top-start': boolean;
+        'k-top-end': boolean;
+        'k-bottom-start': boolean;
+        'k-bottom-end': boolean;
+    };
+}, {
+    focusElement(): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    dir: PropType<string>;
+    align: {
+        type: PropType<BadgeAlign>;
+        default: () => BadgeAlign;
+    };
+    size: {
+        type: PropType<"small" | "medium" | "large">;
+        validator: (value: string) => boolean;
+    };
+    fillMode: {
+        type: PropType<"solid" | "outline">;
+        validator: (value: string) => boolean;
+    };
+    themeColor: {
+        type: PropType<"primary" | "secondary" | "tertiary" | "info" | "success" | "warning" | "error" | "dark" | "light" | "inverse" | "inherit">;
+        validator: (value: string) => boolean;
+    };
+    rounded: {
+        type: PropType<"small" | "medium" | "large" | "none" | "full">;
+        validator: (value: string) => boolean;
+    };
+    position: {
+        type: PropType<string>;
+        default: string;
+        validator: (value: string) => any;
+    };
+    cutoutBorder: PropType<boolean>;
+}>> & Readonly<{}>, {
+    position: string;
+    align: BadgeAlign;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { Badge };

package/badge/BadgeContainer.d.ts

@@ -0,0 +1,101 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { BadgeAlign } from './BadgeProps';
+import { PropType } from 'vue';
+/**
+ * Represents the [Kendo UI for Vue BadgeContainer component]({% slug api_indicators_badgeprops %}).
+ *
+ * @example
+ * ```jsx
+ *     <BadgeContainer>99+</BadgeContainer>
+ * ```
+ */
+declare const BadgeContainer: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    dir: PropType<string>;
+    align: {
+        type: PropType<BadgeAlign>;
+        default: () => BadgeAlign;
+    };
+    size: {
+        type: PropType<"small" | "medium" | "large">;
+        validator: (value: string) => boolean;
+    };
+    fillMode: {
+        type: PropType<"solid" | "outline">;
+        validator: (value: string) => boolean;
+    };
+    themeColor: {
+        type: PropType<"primary" | "secondary" | "tertiary" | "info" | "success" | "warning" | "error" | "dark" | "light" | "inverse" | "inherit">;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    rounded: {
+        type: PropType<"small" | "medium" | "large" | "none" | "full">;
+        validator: (value: string) => boolean;
+    };
+    position: {
+        type: PropType<string>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    cutoutBorder: PropType<boolean>;
+    content: PropType<any>;
+}>, {}, {}, {
+    badgeContainerClasses(): {
+        'k-badge-container': boolean;
+    };
+    badgeClasses(): {
+        [x: string]: any;
+        'k-badge': boolean;
+        'k-badge-sm': boolean;
+        'k-badge-md': boolean;
+        'k-badge-lg': boolean;
+        'k-badge-border-cutout': any;
+        'k-top-start': boolean;
+        'k-top-end': boolean;
+        'k-bottom-start': boolean;
+        'k-bottom-end': boolean;
+    };
+}, {
+    focusElement(): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    dir: PropType<string>;
+    align: {
+        type: PropType<BadgeAlign>;
+        default: () => BadgeAlign;
+    };
+    size: {
+        type: PropType<"small" | "medium" | "large">;
+        validator: (value: string) => boolean;
+    };
+    fillMode: {
+        type: PropType<"solid" | "outline">;
+        validator: (value: string) => boolean;
+    };
+    themeColor: {
+        type: PropType<"primary" | "secondary" | "tertiary" | "info" | "success" | "warning" | "error" | "dark" | "light" | "inverse" | "inherit">;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    rounded: {
+        type: PropType<"small" | "medium" | "large" | "none" | "full">;
+        validator: (value: string) => boolean;
+    };
+    position: {
+        type: PropType<string>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    cutoutBorder: PropType<boolean>;
+    content: PropType<any>;
+}>> & Readonly<{}>, {
+    themeColor: "primary" | "secondary" | "tertiary" | "info" | "success" | "warning" | "error" | "dark" | "light" | "inverse" | "inherit";
+    position: string;
+    align: BadgeAlign;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { BadgeContainer };

package/badge/BadgeProps.d.ts

@@ -0,0 +1,196 @@
+/**
+ * @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 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`
+     * * `large`
+     *
+     * @default `undefined`
+     */
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * Specifies the roundness of the Badge.
+     *
+     * The possible values are:
+     * - none
+     * - small
+     * - medium
+     * - large
+     * - full
+     *
+     * @default `undefined`
+     */
+    rounded?: 'none' | 'small' | 'medium' | 'large' | 'full';
+    /**
+     * Specifies the appearance fill style of the Badge.
+     *
+     * The possible values are:
+     * * `solid`
+     * * `outline`
+     *
+     * @default `undefined`
+     */
+    fillMode?: 'solid' | 'outline';
+    /**
+     * Specifies the theme color of the Badge.
+     *
+     * The possible values are:
+     * * `primary`—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.
+     *
+     * @default `undefined`
+     */
+    themeColor?: 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse' | 'inherit';
+    /**
+     * 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 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 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 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 type BadgePosition = 'edge' | 'outside' | 'inside';

package/dist/cdn/js/kendo-vue-indicators.js

@@ -12,4 +12,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("@progress/kendo-vue-common")):"function"==typeof define&&define.amd?define(["exports","vue","@progress/kendo-vue-common"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoVueIndicators={},e.Vue,e.KendoVueCommon)}(this,(function(e,t,r){"use strict";const n={name:"@progress/kendo-vue-indicators",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate:1636623080,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"},i=t.defineComponent({name:"KendoBadge",props:{dir:String,align:{type:Object,default:function(){return{vertical:"top",horizontal:"end"}}},size:{type:String,validator:function(e){return["small","medium","large"].includes(e)}},fillMode:{type:String,validator:function(e){return["solid","outline"].includes(e)}},themeColor:{type:String,validator:function(e){return["primary","secondary","tertiary","info","success","warning","error","dark","light","inverse"].includes(e)}},rounded:{type:String,validator:function(e){return["none","small","medium","large","full"].includes(e)}},position:{type:String,default:"edge",validator:function(e){return["edge","outside","inside"].includes(e)}},cutoutBorder:Boolean},created(){r.validatePackage(n),this.currentDir=void 0},mounted(){this.currentDir=r.getDir(this.$el,this.$props.dir)},computed:{badgeClasses(){const{size:e,fillMode:t,cutoutBorder:n,position:i,align:o,themeColor:a,rounded:s}=this.$props;return{"k-badge":!0,"k-badge-sm":"small"===e,"k-badge-md":"medium"===e,"k-badge-lg":"large"===e,[`k-badge-${t}`]:t,[`k-badge-${a}`]:a,[`k-rounded-${r.kendoThemeMaps.roundedMap[s]||s}`]:s,"k-badge-border-cutout":n,[`k-badge-${i}`]:i,"k-top-start":"top"===o.vertical&&"start"===o.horizontal,"k-top-end":"top"===o.vertical&&"end"===o.horizontal,"k-bottom-start":"bottom"===o.vertical&&"start"===o.horizontal,"k-bottom-end":"bottom"===o.vertical&&"end"===o.horizontal}}},render(){const e=r.getDefaultSlots(this);return t.createVNode("span",{class:this.badgeClasses,dir:this.currentDir},[e])},methods:{focusElement(){this.$el&&this.$el.focus()}}}),o=t.defineComponent({name:"KendoBadgeContainer",props:{dir:String,align:{type:Object,default:function(){return{vertical:"top",horizontal:"end"}}},size:{type:String,validator:function(e){return["none","small","medium","large"].includes(e)}},fillMode:{type:String,validator:function(e){return["solid","outline"].includes(e)}},themeColor:{type:String,default:"primary",validator:function(e){return["primary","secondary","tertiary","info","success","warning","error","dark","light","inverse"].includes(e)}},rounded:{type:String,validator:function(e){return[null,"small","medium","large","full"].includes(e)}},position:{type:String,default:"edge",validator:function(e){return["edge","outside","inside"].includes(e)}},cutoutBorder:Boolean,content:[String,Function,Object]},created(){r.validatePackage(n),this.currentDir=void 0},mounted(){this.currentDir=r.getDir(this.$el,this.$props.dir)},computed:{badgeContainerClasses:()=>({"k-badge-container":!0}),badgeClasses(){const{size:e,fillMode:t,cutoutBorder:n,position:i,align:o,themeColor:a,rounded:s}=this.$props;return{"k-badge":!0,"k-badge-sm":"small"===e,"k-badge-md":"medium"===e,"k-badge-lg":"large"===e,[`k-badge-${t}`]:t,[`k-badge-${t}-${a}`]:!(!t||!a),[`k-rounded-${r.kendoThemeMaps.roundedMap[s]||s}`]:s,"k-badge-border-cutout":n,[`k-badge-${i}`]:i,"k-top-start":"top"===o.vertical&&"start"===o.horizontal,"k-top-end":"top"===o.vertical&&"end"===o.horizontal,"k-bottom-start":"bottom"===o.vertical&&"start"===o.horizontal,"k-bottom-end":"bottom"===o.vertical&&"end"===o.horizontal}}},render(){const e=r.getDefaultSlots(this),n=r.templateRendering.call(this,this.content,r.getListeners.call(this)),i=r.getTemplate.call(this,{h:t.h,template:n,additionalProps:this.$props});return t.createVNode("span",{class:this.badgeContainerClasses,style:{display:"inline-block"},dir:this.currentDir},[e,t.createVNode("span",{class:this.badgeClasses,dir:this.currentDir},[i])])},methods:{focusElement(){this.$el&&this.$el.focus()}}}),a={pulsing:2,"infinite-spinner":3,"converging-spinner":4},s=t.defineComponent({name:"KendoLoader",props:{type:{type:String,default:"pulsing",validator:function(e){return["pulsing","infinite-spinner","converging-spinner"].includes(e)}},size:{type:String,validator:function(e){return["none","small","medium","large"].includes(e)}},themeColor:{type:String,default:"primary",validator:function(e){return["primary","secondary","tertiary","info","success","warning","error","dark","light","inverse"].includes(e)}}},created(){r.validatePackage(n)},computed:{loaderClasses(){const{type:e,size:t,themeColor:r}=this.$props;return{"k-loader":!0,"k-loader-sm":"small"===t,"k-loader-md":"medium"===t,"k-loader-lg":"large"===t,"k-loader-primary":"primary"===r,"k-loader-secondary":"secondary"===r,"k-loader-tertiary":"tertiary"===r,"k-loader-info":"info"===r,"k-loader-success":"success"===r,"k-loader-warning":"warning"===r,"k-loader-error":"error"===r,"k-loader-dark":"dark"===r,"k-loader-light":"light"===r,"k-loader-inverse":"inverse"===r,"k-loader-pulsing-2":"pulsing"===e,"k-loader-spinner-3":"infinite-spinner"===e,"k-loader-spinner-4":"converging-spinner"===e}}},render(){const{type:e}=this.$props,r=new Array(a[e]);return r.fill(0,0,a[e]),t.createVNode("div",{class:this.loaderClasses},[t.createVNode("div",{class:"k-loader-canvas"},[r.map((function(e,r){return t.createVNode("span",{key:r,class:"k-loader-segment"},null)}),this)])])},methods:{focus(e){this.$el&&this.$el.focus(e)}}}),d=t.defineComponent({name:"KendoSkeleton",props:{animation:{type:[Object,Boolean],default:function(){return{type:"pulse"}},validator:function(e){return!1===e||["wave","pulse"].includes(e.type)}},shape:{type:String,default:"text",validator:function(e){return["circle","rectangle","text"].includes(e)}},ariaBusy:{type:Boolean,default:void 0},role:{type:String,default:void 0}},created(){r.validatePackage(n)},computed:{skeletonClasses(){return{"k-skeleton":!0,"k-skeleton-circle":"circle"===this.shape,"k-skeleton-rect":"rectangle"===this.shape,"k-skeleton-text":"text"===this.shape,"k-skeleton-pulse":r.isObject(this.animation)&&"pulse"===this.animation.type,"k-skeleton-wave":r.isObject(this.animation)&&"wave"===this.animation.type||!0===this.animation}}},render(){return t.createVNode("span",{role:this.$props.role,class:this.skeletonClasses,"aria-busy":this.$props.ariaBusy},null)}});e.Badge=i,e.BadgeContainer=o,e.Loader=s,e.Skeleton=d}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("@progress/kendo-vue-common")):"function"==typeof define&&define.amd?define(["exports","vue","@progress/kendo-vue-common"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoVueIndicators={},e.Vue,e.KendoVueCommon)}(this,function(e,t,r){"use strict";const n={name:"@progress/kendo-vue-indicators",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate:1636623080,version:"8.0.3-develop.3",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"},i=t.defineComponent({name:"KendoBadge",props:{dir:String,align:{type:Object,default:function(){return{vertical:"top",horizontal:"end"}}},size:{type:String,validator:function(e){return["small","medium","large"].includes(e)}},fillMode:{type:String,validator:function(e){return["solid","outline"].includes(e)}},themeColor:{type:String,validator:function(e){return["primary","secondary","tertiary","info","success","warning","error","dark","light","inverse"].includes(e)}},rounded:{type:String,validator:function(e){return["none","small","medium","large","full"].includes(e)}},position:{type:String,default:"edge",validator:function(e){return["edge","outside","inside"].includes(e)}},cutoutBorder:Boolean},created(){r.validatePackage(n),this.currentDir=void 0},mounted(){this.currentDir=r.getDir(this.$el,this.$props.dir)},computed:{badgeClasses(){const{size:e,fillMode:t,cutoutBorder:n,position:i,align:o,themeColor:a,rounded:s}=this.$props;return{"k-badge":!0,"k-badge-sm":"small"===e,"k-badge-md":"medium"===e,"k-badge-lg":"large"===e,[`k-badge-${t}`]:t,[`k-badge-${a}`]:a,[`k-rounded-${r.kendoThemeMaps.roundedMap[s]||s}`]:s,"k-badge-border-cutout":n,[`k-badge-${i}`]:i,"k-top-start":"top"===o.vertical&&"start"===o.horizontal,"k-top-end":"top"===o.vertical&&"end"===o.horizontal,"k-bottom-start":"bottom"===o.vertical&&"start"===o.horizontal,"k-bottom-end":"bottom"===o.vertical&&"end"===o.horizontal}}},render(){const e=r.getDefaultSlots(this);return t.createVNode("span",{class:this.badgeClasses,dir:this.currentDir},[e])},methods:{focusElement(){this.$el&&this.$el.focus()}}}),o=t.defineComponent({name:"KendoBadgeContainer",props:{dir:String,align:{type:Object,default:function(){return{vertical:"top",horizontal:"end"}}},size:{type:String,validator:function(e){return["none","small","medium","large"].includes(e)}},fillMode:{type:String,validator:function(e){return["solid","outline"].includes(e)}},themeColor:{type:String,default:"primary",validator:function(e){return["primary","secondary","tertiary","info","success","warning","error","dark","light","inverse"].includes(e)}},rounded:{type:String,validator:function(e){return[null,"small","medium","large","full"].includes(e)}},position:{type:String,default:"edge",validator:function(e){return["edge","outside","inside"].includes(e)}},cutoutBorder:Boolean,content:[String,Function,Object]},created(){r.validatePackage(n),this.currentDir=void 0},mounted(){this.currentDir=r.getDir(this.$el,this.$props.dir)},computed:{badgeContainerClasses:()=>({"k-badge-container":!0}),badgeClasses(){const{size:e,fillMode:t,cutoutBorder:n,position:i,align:o,themeColor:a,rounded:s}=this.$props;return{"k-badge":!0,"k-badge-sm":"small"===e,"k-badge-md":"medium"===e,"k-badge-lg":"large"===e,[`k-badge-${t}`]:t,[`k-badge-${t}-${a}`]:!(!t||!a),[`k-rounded-${r.kendoThemeMaps.roundedMap[s]||s}`]:s,"k-badge-border-cutout":n,[`k-badge-${i}`]:i,"k-top-start":"top"===o.vertical&&"start"===o.horizontal,"k-top-end":"top"===o.vertical&&"end"===o.horizontal,"k-bottom-start":"bottom"===o.vertical&&"start"===o.horizontal,"k-bottom-end":"bottom"===o.vertical&&"end"===o.horizontal}}},render(){const e=r.getDefaultSlots(this),n=r.templateRendering.call(this,this.content,r.getListeners.call(this)),i=r.getTemplate.call(this,{h:t.h,template:n,additionalProps:this.$props});return t.createVNode("span",{class:this.badgeContainerClasses,style:{display:"inline-block"},dir:this.currentDir},[e,t.createVNode("span",{class:this.badgeClasses,dir:this.currentDir},[i])])},methods:{focusElement(){this.$el&&this.$el.focus()}}}),a={pulsing:2,"infinite-spinner":3,"converging-spinner":4},s=t.defineComponent({name:"KendoLoader",props:{type:{type:String,default:"pulsing",validator:function(e){return["pulsing","infinite-spinner","converging-spinner"].includes(e)}},size:{type:String,validator:function(e){return["none","small","medium","large"].includes(e)}},themeColor:{type:String,default:"primary",validator:function(e){return["primary","secondary","tertiary","info","success","warning","error","dark","light","inverse"].includes(e)}}},created(){r.validatePackage(n)},computed:{loaderClasses(){const{type:e,size:t,themeColor:r}=this.$props;return{"k-loader":!0,"k-loader-sm":"small"===t,"k-loader-md":"medium"===t,"k-loader-lg":"large"===t,"k-loader-primary":"primary"===r,"k-loader-secondary":"secondary"===r,"k-loader-tertiary":"tertiary"===r,"k-loader-info":"info"===r,"k-loader-success":"success"===r,"k-loader-warning":"warning"===r,"k-loader-error":"error"===r,"k-loader-dark":"dark"===r,"k-loader-light":"light"===r,"k-loader-inverse":"inverse"===r,"k-loader-pulsing-2":"pulsing"===e,"k-loader-spinner-3":"infinite-spinner"===e,"k-loader-spinner-4":"converging-spinner"===e}}},render(){const{type:e}=this.$props,r=new Array(a[e]);return r.fill(0,0,a[e]),t.createVNode("div",{class:this.loaderClasses},[t.createVNode("div",{class:"k-loader-canvas"},[r.map(function(e,r){return t.createVNode("span",{key:r,class:"k-loader-segment"},null)},this)])])},methods:{focus(e){this.$el&&this.$el.focus(e)}}}),d=t.defineComponent({name:"KendoSkeleton",props:{animation:{type:[Object,Boolean],default:function(){return{type:"pulse"}},validator:function(e){return!1===e||["wave","pulse"].includes(e.type)}},shape:{type:String,default:"text",validator:function(e){return["circle","rectangle","text"].includes(e)}},ariaBusy:{type:Boolean,default:void 0},role:{type:String,default:void 0}},created(){r.validatePackage(n)},computed:{skeletonClasses(){return{"k-skeleton":!0,"k-skeleton-circle":"circle"===this.shape,"k-skeleton-rect":"rectangle"===this.shape,"k-skeleton-text":"text"===this.shape,"k-skeleton-pulse":r.isObject(this.animation)&&"pulse"===this.animation.type,"k-skeleton-wave":r.isObject(this.animation)&&"wave"===this.animation.type||!0===this.animation}}},render(){return t.createVNode("span",{role:this.$props.role,class:this.skeletonClasses,"aria-busy":this.$props.ariaBusy},null)}});e.Badge=i,e.BadgeContainer=o,e.Loader=s,e.Skeleton=d});