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

package/dist/es/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/es/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';
-import { DEFAULT_ANIMATION_DURATION, NO_ANIMATION } from '../common/constants';
-import { validatePackage } from '@progress/kendo-vue-common';
-import { packageMetadata } from '../package-metadata';
-/**
- * @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/es/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/es/progressbar/interfaces/LabelProps.js

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

package/dist/es/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/es/progressbar/interfaces/ProgressBarAnimation.js

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

package/dist/es/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/es/progressbar/interfaces/ProgressBarHandle.js

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

package/dist/es/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/es/progressbar/interfaces/ProgressBarProps.js

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

package/dist/esm/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/esm/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 };

package/dist/esm/chunkprogressbar/ChunkProgressBar.js

@@ -1,172 +0,0 @@
-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 { classNames, getDir, getTabIndex } from '@progress/kendo-vue-common';
-import { calculateRatio } from '../common/utils.js';
-import { validatePackage } from '@progress/kendo-vue-common';
-import { packageMetadata } from '../package-metadata.js';
-/**
- * @hidden
- */
-var ChunkProgressBarVue2 = {
-  name: 'KendoChunkProgressBar',
-  props: {
-    chunkCount: {
-      type: Number,
-      default: 5
-    },
-    ariaLabel: String,
-    disabled: Boolean,
-    reverse: {
-      type: Boolean,
-      default: false
-    },
-    max: {
-      type: Number,
-      default: 100
-    },
-    min: {
-      type: Number,
-      default: 0
-    },
-    value: {
-      type: Number,
-      default: 0
-    },
-    tabIndex: Number,
-    emptyStyle: Object,
-    emptyClassName: String,
-    progressStyle: Object,
-    progressClassName: String,
-    orientation: {
-      type: String,
-      default: 'horizontal',
-      validator: function validator(value) {
-        return ['horizontal', 'vertical'].includes(value);
-      }
-    }
-  },
-  created: function created() {
-    validatePackage(packageMetadata);
-  },
-  data: function data() {
-    return {
-      currentDir: undefined
-    };
-  },
-  mounted: function mounted() {
-    this.currentDir = getDir(this.$el, this.$props.dir);
-  },
-  // @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,
-      chunkCount = _a.chunkCount,
-      disabled = _a.disabled,
-      orientation = _a.orientation,
-      min = _a.min,
-      max = _a.max,
-      reverse = _a.reverse,
-      tabIndex = _a.tabIndex,
-      emptyStyle = _a.emptyStyle,
-      emptyClassName = _a.emptyClassName,
-      progressStyle = _a.progressStyle,
-      progressClassName = _a.progressClassName;
-    var value = this.$props.value;
-    var indeterminateProp = this.$props.value === null;
-    var isVertical = orientation === 'vertical';
-    var renderChunks = function renderChunks(count) {
-      var chunks = [];
-      var chunkSizePercentage = 100 / count + '%';
-      var progressRatio = calculateRatio(min, max, value);
-      var completedChunksCount = Math.floor(progressRatio * count);
-      var completedChunks = Array(count).fill(false);
-      var reverseCompletedChunks = isVertical && !reverse || !isVertical && reverse;
-      for (var i = 0; i < completedChunksCount; i++) {
-        completedChunks[i] = true;
-      }
-      for (var i = 0; i < count; ++i) {
-        var isComplete = completedChunks[i];
-        var classes = isComplete ? progressClassName : emptyClassName;
-        var layoutStyles = {
-          width: !isVertical ? chunkSizePercentage : undefined,
-          height: isVertical ? chunkSizePercentage : undefined
-        };
-        var styles = isComplete ? progressStyle : emptyStyle;
-        var mergedStyles = __assign(__assign({}, layoutStyles), styles);
-        chunks.push(h("li", {
-          key: i,
-          "class": classNames('k-progressbar-chunk', {
-            'k-first': i === 0,
-            'k-last': i === count - 1,
-            'k-selected': isComplete
-          }, classes),
-          style: mergedStyles
-        }));
-      }
-      return chunks;
-    };
-    return h("div", {
-      "class": classNames('k-progressbar', 'k-chunk-progressbar', {
-        'k-progressbar-horizontal': !isVertical,
-        'k-progressbar-vertical': isVertical,
-        'k-progressbar-reverse': reverse,
-        'k-progressbar-indeterminate': indeterminateProp,
-        'k-disabled': disabled
-      }),
-      dir: this.currentDir,
-      attrs: this.v3 ? undefined : {
-        dir: this.currentDir,
-        tabIndex: getTabIndex(tabIndex, disabled),
-        role: 'progressbar',
-        "aria-label": this.$props.ariaLabel,
-        "aria-valuemin": min,
-        "aria-valuemax": max,
-        "aria-valuenow": indeterminateProp ? undefined : value,
-        "aria-disabled": disabled
-      },
-      tabIndex: getTabIndex(tabIndex, disabled),
-      role: 'progressbar',
-      "aria-label": this.$props.ariaLabel,
-      "aria-valuemin": min,
-      "aria-valuemax": max,
-      "aria-valuenow": indeterminateProp ? undefined : value,
-      "aria-disabled": disabled
-    }, [h("ul", {
-      "class": 'k-progressbar-chunks k-reset'
-    }, [renderChunks.call(this, chunkCount)])]);
-  },
-  methods: {
-    focusElement: function focusElement() {
-      if (this.$el) {
-        this.$el.focus();
-      }
-    }
-  }
-};
-/**
- * @hidden
- */
-var ChunkProgressBar = ChunkProgressBarVue2;
-export { ChunkProgressBar, ChunkProgressBarVue2 };

package/dist/esm/chunkprogressbar/interfaces/ChunkProgressBarProps.d.ts

@@ -1,10 +0,0 @@
-import { BaseProps } from '../../common/BaseProps';
-/**
- * Represents the props of the [Kendo UI for Vue ChunkProgressBar component]({% slug overview_chunkprogressbar %}).
- */
-export interface ChunkProgressBarProps extends BaseProps {
-    /**
-     * Sets the number of chunks into which the ChunkProgressBar will be split. Defaults to `5`.
-     */
-    chunkCount?: number;
-}

package/dist/esm/chunkprogressbar/interfaces/ChunkProgressBarProps.js

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