v2.2.0

What's Changed

Warning

v2.2.0 now replaces v1 as latest package version! Meaning npm i vue-ellipse-progress will now by default install the Vue 3 compatible v2, v1 should be considered deprecated now. The legacy documentation is moved to v1-legacy branch.

• chore: update issue templates by @setaman in #154
• Changed plugin export for non-plugin-version by @pngcsgta in #153
• Dev by @setaman in #155
• improve issue templates by @setaman in #205
• feat: add progress circle experimental slot by @setaman in #240
• feat: v2 by @setaman in #245

New Contributors

• @pngcsgta made their first contribution in #153

Full Changelog: v2.1.2...v2.2.0

v2.1.2

What's Changed

• fix: initial animation/transition on Safari by @setaman in #211

Full Changelog: v2.1.1...v2.1.2

v2.1.1

See CHANGELOG.md for more details!

🚧 Fixes

• Fix legendHeight setter in mount #170

📜 Misc

• Bump development dependencies and Vue version to 3.2.33 #175
• Add commitlint and husky #171

v1.3.1

What's Changed

• chore: update issue templates by @setaman in #154
• Changed plugin export for non-plugin-version by @pngcsgta in #153

New Contributors

• @pngcsgta made their first contribution in #153

Full Changelog: v1.3.0...v1.3.1

v2.1.0

See a CHANGELOG.md for more details!

✅ New Features

• Smooth legend transition between states 885fbda
• loader now supports duration property to control animation duration 561859c

🚧 Fixes

• apply transition properly to loader circle 9d6e4ee
• correctly apply dash property #147

v2.0.0 - Vue 3 release

Vue 3 compatible release with new features, fixes, a lot of internal code refactorings and usability improvements. Following the current state of the Vue 3 ecosystem, the v2 is released under the next tag and will become latest with the next minor release. Until then, this version lives in the v2-dev branch. The release contains several breaking changes, introduces new options to provide more customization possibilities and makes with 150+ new tests the code base more reliable.

npm i vue-ellipse-progress
docs
changelog

⚠️ Breaking Changes and migration

• build with Vue 3, release is not compatible wit Vue 2.6 and down. The initialization process has changed

  You have to import and initialize the component in Vue 3 manner:

  import { createApp } from "vue";
  import veProgress from "vue-ellipse-progress";
  createApp(App).use(veProgress);

  Please note that the default plugin name has changed and you use the component like follows:

  <ve-progress />

  You will find more details in the installation guide

• removed legendValue option, it is legend now

  The option legendValue just has to be renamed in legend. The old usage of legend must be renamed to hideLegend. The following
  code from v1:

  <vue-ellipse-progress :legend="true" :legendValue="123.56" />

  should look like follows:

  <ve-progress :hideLegend="false" :legend="123.56" />

• old legend option renamed to hideLegend

  Just rename legend to hideLegend. Also note that you have to revert the Boolean value

• lineMode default mode normal renamed to center

• slot legend-value renamed to legend

✅ New features

• added options linePosition, emptyLinePosition, loader

• improved simple legend formatting with legend

• improved animated counter properties that can be used in legendFormatter and default slot

• component can be imported directly, no more restricted to the usage as a plugin

v2.0.0-beta.1

Fixes

• Loader circle fixes (#99)
• Fixes #100 (#101)

v2.0.0-beta.0

A well tested Vue 3 compatible beta release with stable interface. This release introduces new features, patches, some breaking changes and a lot of internal code improvements. All previous releases are not compatible with this version. The stable v2 version is a few tests away and is actually only blocked by the vue-test-utils@beta issues. Furthermore I need to ensure the backward compatibility with Vue 2.6.

At this point this version is feature complete and no more breaking changes will be introduced. Please read the documentation to learn more details about changes. Below is an overview of important breaking changes. A detailed upgrade guide will be available later.

• Component is build with Vue 3

• Component initialization changed due to Vue 3 specifics, also changed the usage over CDN

• Options changes: legendValue, legend, lineMode

• Slots usage changed

v1.3.0

The release contains important fixes concerning compatibility with IOS ans MacOS and adds the possibility to format the legend of the circle.

Features

• legendFormatter (#80)
• default scoped slot (#80)
• Smooth transitions between circle states

Fixes

• Dot reimlemented to work on IOS/MacOS (#82)
• Fixes animations on IOS/MacOS (#86)

Improvements

• Tests extended
• Documentation corrections and updates
• Dot and Animation internals rewritten completely
• All dependencies updated to latest versions

v1.2.0

After the request in #73 reverse mode was added

Features

• reverse

  The reverse property lets the progress circle fill counterclockwise:

  <vue-ellipse-progress reverse />

• progress now accepts also negative values in the range [-100, 100]

• added support for usage over CDN

Fixes and Improvements

• Tests extended
• Small CSS and JS refactoring
• Documentation corrections (#77) and updates
• Added contribution guide and PRs template!
• All dependencies updated to latest versions