@progress/kendo-vue-indicators 3.5.0 → 3.5.1-dev.202208150613

package/dist/es/badge/BadgeProps.d.ts

@@ -0,0 +1,183 @@
+/**
+ * Represents the props of the [KendoReact 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;
+}
+/**
+ * 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

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

package/dist/es/loader/LoaderProps.js

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

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

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

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

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

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

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

package/dist/es/main.d.ts

@@ -1,3 +1,7 @@
+export * from './badge/Badge';
+export * from './badge/BadgeProps';
+export * from './badge/BadgeContainer';
+export * from './badge/BadgeContainerProps';
 export * from './loader/Loader';
 export * from './loader/LoaderProps';
 export * from './loader/models/size';

package/dist/es/main.js

@@ -1,3 +1,7 @@
+export * from './badge/Badge';
+export * from './badge/BadgeProps';
+export * from './badge/BadgeContainer';
+export * from './badge/BadgeContainerProps';
 export * from './loader/Loader';
 export * from './loader/LoaderProps';
 export * from './loader/models/size';

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-vue-indicators',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1659429139,
+    publishDate: 1660543598,
     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/es/skeleton/SkeletonProps.js

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

package/dist/esm/additionalTypes.ts

@@ -0,0 +1,21 @@
+// @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

@@ -0,0 +1,50 @@
+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 overview_badge_props %}).
+ *
+ * @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

@@ -0,0 +1,126 @@
+// @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);
+  },
+  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 overview_badge_props %}).
+ *
+ * @example
+ * ```jsx
+ *     <Badge>99+</Badge>
+ * ```
+ */
+
+var Badge = BadgeVue2;
+export { Badge, BadgeVue2 };

package/dist/esm/badge/BadgeContainer.d.ts

@@ -0,0 +1,50 @@
+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 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<BadgeProps>>;
+/**
+ * Represents the [Kendo UI for Vue BadgeContainer component]({% slug overview_badge_props %}).
+ *
+ * @example
+ * ```jsx
+ *     <BadgeContainer>99+</BadgeContainer>
+ * ```
+ */
+declare const BadgeContainer: DefineComponent<BadgeProps, any, BadgeContainerData, BadgeContainerComputed, BadgeContainerMethods, {}, {}, {}, string, BadgeProps, BadgeProps, {}>;
+export { BadgeContainer, BadgeContainerVue2 };

package/dist/esm/badge/BadgeContainer.js

@@ -0,0 +1,139 @@
+var __assign = this && this.__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+
+      for (var p in s) {
+        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+      }
+    }
+
+    return t;
+  };
+
+  return __assign.apply(this, arguments);
+}; // @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 } from '@progress/kendo-vue-common';
+import { validatePackage } from '@progress/kendo-vue-common';
+import { packageMetadata } from '../package-metadata.js';
+import { Badge } from './Badge.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
+  },
+  created: function created() {
+    validatePackage(packageMetadata);
+  },
+  mounted: function mounted() {
+    this.currentDir = getDir(this.$el, this.$props.dir);
+  },
+  computed: {
+    badgeContainerClasses: function badgeContainerClasses() {
+      return {
+        'k-badge-container': true
+      };
+    }
+  },
+  // @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 badgeProps = __assign({}, this.$props);
+
+    var badge = h(Badge, __assign({
+      attrs: this.v3 ? undefined : badgeProps
+    }, badgeProps));
+    return h("span", {
+      "class": this.badgeContainerClasses,
+      style: {
+        display: 'inline-block'
+      },
+      dir: this.currentDir,
+      attrs: this.v3 ? undefined : {
+        dir: this.currentDir
+      }
+    }, [defaultSlot, badge]);
+  },
+  methods: {
+    focusElement: function focusElement() {
+      if (this.$el) {
+        this.$el.focus();
+      }
+    }
+  }
+};
+/**
+ * Represents the [Kendo UI for Vue BadgeContainer component]({% slug overview_badge_props %}).
+ *
+ * @example
+ * ```jsx
+ *     <BadgeContainer>99+</BadgeContainer>
+ * ```
+ */
+
+var BadgeContainer = BadgeContainerVue2;
+export { BadgeContainer, BadgeContainerVue2 };

package/dist/esm/badge/BadgeContainerProps.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Represents the props of the [Kendo UI for Vue BadgeContainer component]({% slug overview_badge %}).
+ */
+export interface BadgeContainerProps {
+    /**
+     * Represents the `dir` HTML attribute. This is used to switch from LTR to RTL.
+     */
+    dir?: string;
+}

package/dist/esm/badge/BadgeContainerProps.js

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