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

package/dist/esm/common/BaseProps.d.ts

@@ -1,78 +0,0 @@
-/**
- * @hidden
- */
-export interface BaseProps {
-    /**
-     * Sets one of the two visually distinct types of progress bar.
-     *
-     * @hidden
-     */
-    type?: 'linear' | 'circular';
-    /**
-     * Sets the value of the progress bar. Has to be between `min` and `max` values. Defaults to `0`.
-     * Set `null` to enable the indeterminate state of the progress bar.
-     * See examples ([here]({% slug overview_progressbar %})).
-     */
-    value?: number | null;
-    /**
-     * The minimum value of the progress bar. Defaults to `0`.
-     */
-    min?: number;
-    /**
-     * The maximum value of the progress bar. Defaults to `100`.
-     */
-    max?: number;
-    /**
-     * Represents the `dir` HTML attribute. This is used to switch from LTR to RTL.
-     */
-    dir?: string;
-    /**
-     * The accessible label of the component.
-     */
-    ariaLabel?: string;
-    /**
-     * Sets the disabled state of the progress bar.
-     * See examples ([here]({% slug progressbar_disabled %})).
-     */
-    disabled?: boolean;
-    /**
-     * Defines the orientation of the progress bar.
-     * See examples ([here]({% slug progressbar_orientation %})) .
-     * Defaults to `horizontal`.
-     */
-    orientation?: 'horizontal' | 'vertical' | string;
-    /**
-     * If set to `true`, the progress bar will be reversed.
-     * See examples ([here]({% slug progressbar_direction %})).
-     * Defaults to `false`.
-     */
-    reverse?: boolean;
-    /**
-     * Specifies a list of CSS classes that will be added to the progress bar element.
-     */
-    className?: string;
-    /**
-     * The styles that are applied to the inner element which represents the empty portion of the progress bar.
-     * See examples ([here]({% slug progressbar_appearance %})).
-     */
-    emptyStyle?: object;
-    /**
-     * Sets additional classes to the inner element which represents the empty portion of the progress bar.
-     * See examples ([here]({% slug progressbar_appearance %})).
-     */
-    emptyClassName?: string;
-    /**
-     * The styles that are applied to the inner element which represents the full portion of the progress bar.
-     * See examples ([here]({% slug progressbar_appearance %})).
-     */
-    progressStyle?: object;
-    /**
-     * Sets additional classes to the inner element which represents the full portion of the progress bar.
-     * See examples ([here]({% slug progressbar_appearance %})).
-     */
-    progressClassName?: string;
-    /**
-     * Sets the `tabIndex` property of the progress bar.
-     */
-    tabIndex?: number;
-}

package/dist/esm/common/BaseProps.js

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

package/dist/esm/common/constants.d.ts

@@ -1,16 +0,0 @@
-/**
- * @hidden
- */
-export declare const MIN_RATIO = 0.00001;
-/**
- * @hidden
- */
-export declare const LABEL_DECIMALS = 3;
-/**
- * @hidden
- */
-export declare const DEFAULT_ANIMATION_DURATION = 400;
-/**
- * @hidden
- */
-export declare const NO_ANIMATION = 0;

package/dist/esm/common/constants.js

@@ -1,16 +0,0 @@
-/**
- * @hidden
- */
-export var MIN_RATIO = 0.00001;
-/**
- * @hidden
- */
-export var LABEL_DECIMALS = 3;
-/**
- * @hidden
- */
-export var DEFAULT_ANIMATION_DURATION = 400;
-/**
- * @hidden
- */
-export var NO_ANIMATION = 0;

package/dist/esm/common/utils.d.ts

@@ -1,16 +0,0 @@
-/**
- * @hidden
- */
-export declare const truncateNumber: (value: number) => string;
-/**
- * @hidden
- */
-export declare const calculatePercentage: (min: number, max: number, value: number) => number;
-/**
- * @hidden
- */
-export declare const updateProgress: (progressRef: any, progressWrapRef: any, percentage: number, isVertical: boolean) => void;
-/**
- * @hidden
- */
-export declare const calculateRatio: (min: number, max: number, value: number) => number;

package/dist/esm/common/utils.js

@@ -1,34 +0,0 @@
-import { LABEL_DECIMALS, MIN_RATIO } from './constants.js';
-/**
- * @hidden
- */
-export var truncateNumber = function (value) {
-    var numberParts = value.toString().split('.');
-    return numberParts.length === 1 ? "".concat(numberParts[0]) : "".concat(numberParts[0], ".").concat(numberParts[1].substr(0, LABEL_DECIMALS));
-};
-/**
- * @hidden
- */
-export var calculatePercentage = function (min, max, value) {
-    var onePercent = Math.abs((max - min) / 100);
-    return Math.abs((value - min) / onePercent);
-};
-/**
- * @hidden
- */
-export var updateProgress = function (progressRef, progressWrapRef, percentage, isVertical) {
-    var progressPercentage = Math.max(percentage, 0.01);
-    var progressWrapPercentage = (100 / progressPercentage) * 100;
-    if (progressRef && progressWrapRef) {
-        progressRef.style.width = !isVertical ? "".concat(progressPercentage, "%") : '100%';
-        progressWrapRef.style.width = !isVertical ? "".concat(progressWrapPercentage, "%") : '100%';
-        progressRef.style.height = isVertical ? "".concat(progressPercentage, "%") : '100%';
-        progressWrapRef.style.height = isVertical ? "".concat(progressWrapPercentage, "%") : '100%';
-    }
-};
-/**
- * @hidden
- */
-export var calculateRatio = function (min, max, value) {
-    return Math.max((value - min) / (max - min), MIN_RATIO);
-};

package/dist/esm/main.d.ts

@@ -1,7 +0,0 @@
-export * from './progressbar/ProgressBar';
-export * from './progressbar/interfaces/ProgressBarHandle';
-export * from './progressbar/interfaces/ProgressBarProps';
-export * from './progressbar/interfaces/ProgressBarAnimation';
-export * from './progressbar/interfaces/LabelProps';
-export * from './chunkprogressbar/ChunkProgressBar';
-export * from './chunkprogressbar/interfaces/ChunkProgressBarProps';

package/dist/esm/main.js

@@ -1,7 +0,0 @@
-export * from './progressbar/ProgressBar.js';
-export * from './progressbar/interfaces/ProgressBarHandle.js';
-export * from './progressbar/interfaces/ProgressBarProps.js';
-export * from './progressbar/interfaces/ProgressBarAnimation.js';
-export * from './progressbar/interfaces/LabelProps.js';
-export * from './chunkprogressbar/ChunkProgressBar.js';
-export * from './chunkprogressbar/interfaces/ChunkProgressBarProps.js';

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

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

package/dist/esm/package-metadata.js

@@ -1,11 +0,0 @@
-/**
- * @hidden
- */
-export var packageMetadata = {
-    name: '@progress/kendo-vue-progressbars',
-    productName: 'Kendo UI for Vue',
-    productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1726209459,
-    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/esm/package.json

@@ -1,3 +0,0 @@
-{
-                    "type": "module"
-                 }

package/dist/esm/progressbar/ProgressBar.d.ts

@@ -1,54 +0,0 @@
-import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
-declare type DefaultData<V> = object | ((this: V) => {});
-declare type DefaultMethods<V> = {
-    [key: string]: (this: V, ...args: any[]) => any;
-};
-import { ProgressBarProps } from './interfaces/ProgressBarProps';
-/**
- * @hidden
- */
-export interface ProgressBarState {
-    _progressStatus?: any;
-    _progressStatusWrap?: any;
-    animationFrame: any;
-    prevValue: number;
-    v3: boolean;
-}
-/**
- * @hidden
- */
-export interface ProgressBarComputed {
-    [key: string]: any;
-    wrapperClass: object;
-    isVertical: boolean;
-    animationDuration: number;
-}
-/**
- * @hidden
- */
-export interface ProgressBarMethods {
-    [key: string]: any;
-    focus: (e: any) => void;
-    toggleIfApplicable: () => void;
-    handleClick: (event: any) => void;
-}
-/**
- * @hidden
- */
-export interface ProgressBarData {
-    currentActive: boolean;
-}
-/**
- * @hidden
- */
-export interface ProgressBarAll extends Vue2type, ProgressBarMethods, ProgressBarData, ProgressBarComputed, ProgressBarState {
-}
-/**
- * @hidden
- */
-declare let ProgressBarVue2: ComponentOptions<ProgressBarAll, DefaultData<ProgressBarData>, DefaultMethods<ProgressBarAll>, ProgressBarComputed, RecordPropsDefinition<ProgressBarProps>>;
-/**
- * @hidden
- */
-declare const ProgressBar: DefineComponent<ProgressBarProps, any, ProgressBarData, ProgressBarComputed, ProgressBarMethods, {}, {}, {}, string, ProgressBarProps, ProgressBarProps, {}>;
-export { ProgressBar, ProgressBarVue2 };

package/dist/esm/progressbar/ProgressBar.js

@@ -1,244 +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 { animate, cancelAnimation } from '@progress/kendo-vue-animation';
-import { classNames, isRtl, getTabIndex, templateRendering, getListeners, getTemplate, setRef, getRef } from '@progress/kendo-vue-common';
-import { calculatePercentage, updateProgress, truncateNumber } from '../common/utils.js';
-import { DEFAULT_ANIMATION_DURATION, NO_ANIMATION } from '../common/constants.js';
-import { validatePackage } from '@progress/kendo-vue-common';
-import { packageMetadata } from '../package-metadata.js';
-/**
- * @hidden
- */
-var ProgressBarVue2 = {
-  name: 'KendoProgressBar',
-  props: {
-    animation: {
-      type: [Boolean, Object],
-      default: false
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    reverse: {
-      type: Boolean,
-      default: false
-    },
-    label: String,
-    labelRender: [String, Object, Function],
-    labelVisible: {
-      type: Boolean,
-      default: true
-    },
-    labelPlacement: {
-      type: String,
-      default: undefined,
-      validator: function validator(value) {
-        return ['start', 'center', 'end'].includes(value);
-      }
-    },
-    dir: {
-      type: String,
-      default: undefined
-    },
-    max: {
-      type: Number,
-      default: 100
-    },
-    min: {
-      type: Number,
-      default: 0
-    },
-    value: {
-      type: Number,
-      default: 0
-    },
-    orientation: {
-      type: String,
-      default: 'horizontal',
-      validator: function validator(value) {
-        return ['horizontal', 'vertical'].includes(value);
-      }
-    },
-    tabIndex: Number,
-    emptyStyle: Object,
-    emptyClassName: String,
-    progressStyle: Object,
-    progressClassName: String,
-    ariaLabel: String
-  },
-  created: function created() {
-    validatePackage(packageMetadata);
-    this.currentDir = this.$props.dir;
-  },
-  mounted: function mounted() {
-    this._progressStatus = getRef(this, 'progressStatus');
-    this._progressStatusWrap = getRef(this, 'progressStatusWrap');
-    this.currentDir = this.$props.dir !== undefined ? this.$props.dir : isRtl(this.$el) ? 'rtl' : 'ltr';
-    this.animationFrame = animate({
-      duration: this.animationDuration,
-      onStart: this.handleStart,
-      onUpdate: this.handleUpdate,
-      onEnd: this.handleEnd
-    });
-  },
-  destroyed: !!isV3 ? undefined : function () {
-    cancelAnimation(this.animationFrame);
-  },
-  // @ts-ignore
-  unmounted: function unmounted() {
-    cancelAnimation(this.animationFrame);
-  },
-  data: function data() {
-    return {
-      currentDir: undefined
-    };
-  },
-  watch: {
-    value: function value(_newValue, oldValue) {
-      this.prevValue = oldValue;
-      this.animationFrame = animate({
-        duration: this.animationDuration,
-        onStart: this.handleStart,
-        onUpdate: this.handleUpdate,
-        onEnd: this.handleEnd
-      });
-    }
-  },
-  computed: {
-    wrapperClass: function wrapperClass() {
-      var _a = this.$props,
-        disabled = _a.disabled,
-        reverse = _a.reverse,
-        orientation = _a.orientation,
-        value = _a.value;
-      var isVertical = orientation === 'vertical';
-      var indeterminateProp = value === null;
-      return {
-        'k-progressbar': true,
-        'k-progressbar-horizontal': !isVertical,
-        'k-progressbar-vertical': isVertical,
-        'k-progressbar-reverse': reverse,
-        'k-progressbar-indeterminate': indeterminateProp,
-        'k-disabled': disabled
-      };
-    },
-    isVertical: function isVertical() {
-      return this.orientation === 'vertical';
-    },
-    animationDuration: function animationDuration() {
-      var animation = this.$props.animation;
-      return typeof animation !== 'boolean' && animation !== undefined ? animation.duration : animation ? DEFAULT_ANIMATION_DURATION : NO_ANIMATION;
-    }
-  },
-  // @ts-ignore
-  setup: !isV3 ? undefined : function () {
-    var v3 = !!isV3;
-    return {
-      v3: v3
-    };
-  },
-  // @ts-ignore
-  render: function render(createElement) {
-    var h = gh || createElement;
-    var _a = this.$props,
-      disabled = _a.disabled,
-      labelVisible = _a.labelVisible,
-      labelPlacement = _a.labelPlacement,
-      max = _a.max,
-      min = _a.min,
-      tabIndex = _a.tabIndex,
-      emptyStyle = _a.emptyStyle,
-      emptyClassName = _a.emptyClassName,
-      progressStyle = _a.progressStyle,
-      progressClassName = _a.progressClassName;
-    var value = this.$props.value || 0;
-    var indeterminateProp = this.$props.value === null;
-    var formattedLabel = truncateNumber(value);
-    var labelProps = {
-      value: value
-    };
-    var label = this.$props.labelRender ? templateRendering.call(this, this.$props.labelRender, getListeners.call(this)) : undefined;
-    var labelDefaultRendering = h('span', {
-      'class': 'k-progress-status'
-    }, formattedLabel);
-    var toggleButtonRendering = getTemplate.call(this, {
-      h: h,
-      template: label,
-      defaultRendering: labelDefaultRendering,
-      additionalProps: labelProps
-    });
-    var renderLabel = labelVisible ? this.$props.label ? h("span", {
-      "class": 'k-progress-status'
-    }, [this.$props.label]) : toggleButtonRendering : undefined;
-    var positionClasses = classNames('k-progress-status-wrap', {
-      'k-progress-start': labelPlacement === 'start',
-      'k-progress-center': labelPlacement === 'center',
-      'k-progress-end': labelPlacement === 'end' || labelPlacement === undefined
-    });
-    return h("div", {
-      "class": this.wrapperClass,
-      dir: this.currentDir,
-      attrs: this.v3 ? undefined : {
-        dir: this.currentDir,
-        tabindex: getTabIndex(tabIndex, disabled),
-        role: 'progressbar',
-        "aria-valuemin": min,
-        "aria-valuemax": max,
-        "aria-valuenow": indeterminateProp ? undefined : value,
-        "aria-disabled": disabled,
-        "aria-label": this.$props.ariaLabel
-      },
-      tabindex: getTabIndex(tabIndex, disabled),
-      role: 'progressbar',
-      "aria-valuemin": min,
-      "aria-valuemax": max,
-      "aria-valuenow": indeterminateProp ? undefined : value,
-      "aria-disabled": disabled,
-      "aria-label": this.$props.ariaLabel
-    }, [h("span", {
-      "class": positionClasses + (emptyClassName ? ' ' + emptyClassName : ''),
-      style: emptyStyle
-    }, [renderLabel]), h("div", {
-      "class": 'k-progressbar-value k-selected',
-      style: progressStyle,
-      ref: setRef(this, 'progressStatus')
-    }, [h("span", {
-      "class": positionClasses + (progressClassName ? ' ' + progressClassName : ''),
-      ref: setRef(this, 'progressStatusWrap')
-    }, [renderLabel])])]);
-  },
-  methods: {
-    focus: function focus() {
-      if (this.$el) {
-        this.$el.focus();
-      }
-    },
-    progressStatusElement: function progressStatusElement() {
-      return this._progressStatus;
-    },
-    progressStatusWrapElement: function progressStatusWrapElement() {
-      return this._progressStatusWrap;
-    },
-    handleStart: function handleStart() {
-      var percentage = calculatePercentage(this.min, this.max, this.prevValue);
-      updateProgress(this._progressStatus, this._progressStatusWrap, percentage, this.isVertical);
-    },
-    handleUpdate: function handleUpdate(progress) {
-      var percentage = calculatePercentage(this.min, this.max, this.prevValue + (this.value - this.prevValue) * progress);
-      updateProgress(this._progressStatus, this._progressStatusWrap, percentage, this.isVertical);
-    },
-    handleEnd: function handleEnd() {
-      var percentage = calculatePercentage(this.min, this.max, this.value);
-      updateProgress(this._progressStatus, this._progressStatusWrap, percentage, this.isVertical);
-    }
-  }
-};
-/**
- * @hidden
- */
-var ProgressBar = ProgressBarVue2;
-export { ProgressBar, ProgressBarVue2 };

package/dist/esm/progressbar/interfaces/LabelProps.d.ts

@@ -1,9 +0,0 @@
-/**
- * An interface for the ProgressBar label.
- */
-export interface LabelProps {
-    /**
-     * Represents the current value of the ProgressBar.
-     */
-    value?: number | null;
-}

package/dist/esm/progressbar/interfaces/LabelProps.js

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

package/dist/esm/progressbar/interfaces/ProgressBarAnimation.d.ts

@@ -1,9 +0,0 @@
-/**
- * Specifies the animation settings of the ProgressBar.
- */
-export interface ProgressBarAnimation {
-    /**
-     * Specifies the duration of the ProgressBar animation. Defaults to `400`.
-     */
-    duration: number;
-}

package/dist/esm/progressbar/interfaces/ProgressBarAnimation.js

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

package/dist/esm/progressbar/interfaces/ProgressBarHandle.d.ts

@@ -1,21 +0,0 @@
-/**
- * The ProgressBar ref.
- */
-export interface ProgressBarHandle {
-    /**
-     * The ProgressBar element.
-     */
-    element: HTMLDivElement | null;
-    /**
-     * The progress status element.
-     */
-    progressStatusElement: HTMLDivElement | null;
-    /**
-     * The progress status wrap element.
-     */
-    progressStatusWrapElement: HTMLSpanElement | null;
-    /**
-     * Focus the ProgressBar.
-     */
-    focus: () => void;
-}

package/dist/esm/progressbar/interfaces/ProgressBarHandle.js

@@ -1,4 +0,0 @@
-/**
- * The ProgressBar ref.
- */
-export {};

package/dist/esm/progressbar/interfaces/ProgressBarProps.d.ts

@@ -1,29 +0,0 @@
-import { BaseProps } from '../../common/BaseProps';
-import { ProgressBarAnimation } from './ProgressBarAnimation';
-/**
- * Represents the props of the [Kendo UI for Vue ProgressBar component]({% slug overview_progressbar %}).
- */
-export interface ProgressBarProps extends BaseProps {
-    /**
-     * Specifies the animation settings of the ProgressBar. Defaults to `false`.
-     * If boolean, enables or disables the default animation.
-     * Use ProgressBarAnimation to set slide animation with customizable duration option. Accepts a number in milliseconds.
-     */
-    animation?: boolean | ProgressBarAnimation;
-    /**
-     * Overrides the default label ([see example]({% slug progressbar_label %})).
-     */
-    label?: any;
-    /**
-     * Overrides the default label template ([see example]({% slug progressbar_label %})).
-     */
-    labelRender?: any;
-    /**
-     * Sets the visibility of the progress status label. Defaults to `true`.
-     */
-    labelVisible?: boolean;
-    /**
-     * Sets the position of the progress status label. Defaults to `end` ([see example]({% slug progressbar_label %})).
-     */
-    labelPlacement?: 'start' | 'center' | 'end' | any;
-}

package/dist/esm/progressbar/interfaces/ProgressBarProps.js

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

package/dist/npm/additionalTypes.ts

@@ -1,21 +0,0 @@
-// @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/npm/chunkprogressbar/ChunkProgressBar.d.ts

@@ -1,44 +0,0 @@
-import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
-declare type DefaultData<V> = object | ((this: V) => {});
-declare type DefaultMethods<V> = {
-    [key: string]: (this: V, ...args: any[]) => any;
-};
-import { ChunkProgressBarProps } from './interfaces/ChunkProgressBarProps';
-/**
- * @hidden
- */
-export interface ChunkProgressBarState {
-    v3: boolean;
-}
-/**
- * @hidden
- */
-export interface ChunkProgressBarComputed {
-    [key: string]: any;
-}
-/**
- * @hidden
- */
-export interface ChunkProgressBarMethods {
-    [key: string]: any;
-}
-/**
- * @hidden
- */
-export interface ChunkProgressBarData {
-    currentActive: boolean;
-}
-/**
- * @hidden
- */
-export interface ChunkProgressBarAll extends Vue2type, ChunkProgressBarMethods, ChunkProgressBarData, ChunkProgressBarComputed, ChunkProgressBarState {
-}
-/**
- * @hidden
- */
-declare let ChunkProgressBarVue2: ComponentOptions<ChunkProgressBarAll, DefaultData<ChunkProgressBarData>, DefaultMethods<ChunkProgressBarAll>, ChunkProgressBarComputed, RecordPropsDefinition<ChunkProgressBarProps>>;
-/**
- * @hidden
- */
-declare const ChunkProgressBar: DefineComponent<ChunkProgressBarProps, any, ChunkProgressBarData, ChunkProgressBarComputed, ChunkProgressBarMethods, {}, {}, {}, string, ChunkProgressBarProps, ChunkProgressBarProps, {}>;
-export { ChunkProgressBar, ChunkProgressBarVue2 };