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

package/dist/es/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';
-/**
- * @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 };

package/dist/es/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/es/badge/BadgeProps.js

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

package/dist/es/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/es/loader/Loader.js

@@ -1,112 +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 } from '@progress/kendo-vue-common';
-import { packageMetadata } from '../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() {
-    validatePackage(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);
-      }
-    }
-  }
-};
-/**
- * @hidden
- */
-var Loader = LoaderVue2;
-export { Loader, LoaderVue2 };

package/dist/es/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/es/loader/LoaderProps.js

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

package/dist/es/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/es/loader/models/size.js

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

package/dist/es/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/es/loader/models/theme-color.js

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

package/dist/es/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/es/loader/models/type.js

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

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

@@ -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/es/package-metadata.d.ts

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

package/dist/es/package-metadata.js

@@ -1,11 +0,0 @@
-/**
- * @hidden
- */
-export var packageMetadata = {
-    name: '@progress/kendo-vue-indicators',
-    productName: 'Kendo UI for Vue',
-    productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1728905924,
-    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'
-};