{"_id":"@160over90/vue-tweened-number","_rev":"10-0052088d2ac2594173f755f498ee9367","name":"@160over90/vue-tweened-number","dist-tags":{"latest":"1.1.0"},"versions":{"1.1.0":{"name":"@160over90/vue-tweened-number","version":"1.1.0","private":false,"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","lint":"vue-cli-service lint","build-bundle":"vue-cli-service build --target lib --name @160over90/vue-tweened-number ./src/components/index.js"},"main":"./dist/@160over90/vue-tweened-number.common.js","dependencies":{"vue":"^2.5.17"},"devDependencies":{"@vue/cli-plugin-babel":"^3.0.0","@vue/cli-plugin-eslint":"^3.0.0","@vue/cli-service":"^3.0.0","@vue/eslint-config-airbnb":"^3.0.3","vue-template-compiler":"^2.5.17"},"eslintConfig":{"root":true,"env":{"node":true},"extends":["plugin:vue/essential","@vue/airbnb"],"rules":{},"parserOptions":{"parser":"babel-eslint"}},"postcss":{"plugins":{"autoprefixer":{}}},"browserslist":["> 1%","last 2 versions","not ie <= 8"],"peerDependencies":{"@tweenjs/tween.js":"^17.2.0"},"gitHead":"7d1a935371a463d21d87bac339ff99e6327fadae","description":"A component for tweening between numeric values.","_id":"@160over90/vue-tweened-number@1.1.0","_npmVersion":"6.2.0","_nodeVersion":"10.4.1","_npmUser":{"name":"160over90","email":"interactive@160over90.com"},"dist":{"integrity":"sha512-bo7Nl/pG3jVC1py3ye4AM13QtLxzUmZGXXNJfcie+npjppsWmX/ypKbbzchlKJeUZzzHPJ4O74qUSyhX/8Fl9A==","shasum":"f63955b1f924662097b1ab8be52c70fe27eeee90","tarball":"https://registry.npmjs.org/@160over90/vue-tweened-number/-/vue-tweened-number-1.1.0.tgz","fileCount":19,"unpackedSize":381366,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbo7kYCRA9TVsSAnZWagAA/HEQAKHj45/tct59qL5B9XcM\n+6JxOXEM6SH10+Or52ypMtk9aMDjUxGBbFpA6XssF3UUYJx5SNhgEIMdC2IN\njETqUTIVYdcHD8Nq+cfuvA0H5nDvc7ibz08YKF7wHPE2sYJFbiV9FCWJeK1e\nNhONAncFlbJTt+11Q1CBFfOr46fsXefeM418oyF7MpScW/ZeUWndpK8+nMN5\nUuFJMfKDtqAkvY/5v1vs/1HSCST90b6EOzD9qZtd1g6gk8IyWKWclInLat7L\n3ld2BP3RSi0cz/skg4eHjPcDSCOmgvR+fB4/kgZPI+hDPsvhBNl+uT9n+eNY\nYdC5S9TvkpfijqqJBEdD3ECZyFpcDB908wTMZtU/TGbZYYNphmZqMT1Nbh79\nCQyd57UJJIQGRO3hdqFlXyV9Zowu7BbHWkdZkUyVj+jhx2imcA4k0TITimF2\nnhcV2BRgJX9qWQnWeWHS/fuLaxkxU/jvSRy22l57QVVD3ys+mFwZIFawQVjh\no9PTIVLDaXgiTVG2W3mKfp49R+N295RtIKp/4NiDf6naMSN9IgOL1FgeberZ\nyuSVAat/xo4DA3NZiaBJtU+v2i7OCke4hoc7IXazAYqJz9lHtuSCOf7/o8F6\n41Iy/gfUT/LqhcpSFsL9M8T09d9wPyS6UAn6HEMeD0D+UyoDOrejFFuCFO7Y\nSPMe\r\n=sukN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCaTnFMElcw8I9hQVR686W1RtZoTbHsIVjn6EYZXlGYRQIgQvQsmgTjCvZxVQkCkSexiBFiP1ZpnN9dnJOtXQoCMfE="}]},"maintainers":[{"name":"160over90","email":"interactive@160over90.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tweened-number_1.1.0_1537456407956_0.19925457337762764"},"_hasShrinkwrap":false}},"time":{"created":"2018-09-20T15:13:27.792Z","1.1.0":"2018-09-20T15:13:28.088Z","modified":"2022-04-04T10:32:02.024Z"},"maintainers":[{"email":"ryan.landman@gmail.com","name":"rlandman"},{"email":"caseyjoneal@gmail.com","name":"caseyjoneal"}],"description":"A component for tweening between numeric values.","readme":"# TweenedNumber\n\nA component for tweening between numeric values.\n\n## Features\nAllows you to tween any given numbers. You also have the ability to change CSS or invoke logic while the value is tweening or once the tweening is completed.\n\n## Events\nThis component allows two event hooks.\n\n- `@update` allows you to execute logic while the value is tweening.\n- `@complete` allows you to execute logic once the tweening is completed.\n\nExample\n```\n<TweenedNumber\n  :value=\"number\"\n  :duration=\"2000\"\n  :easing=\"easing.bind()\"\n  @update=\"update\"\n  @complete=\"complete\"\n/>\n...\nmethods: {\n  update() {\n    // Do something\n  },\n  complete() {\n    // Do something\n  },\n},\n```\n\nTo get access to the original DOM event, use the special `$event` variable.\n```\n<TweenedNumber\n  :value=\"number\"\n  :duration=\"2000\"\n  :easing=\"easing.bind()\"\n  @update=\"update($event)\"\n/>\n...\nmethods: {\n  update(event) {\n    // eslint-disable-next-line no-console\n    console.log('updating', event);\n  },\n},\n```\n\n## Props\n**tag** (String,  Default: 'span')\nThe type of HTML element you want.\n\n**value** (Number, Required)\nThe value that you want to tween.\n\n**easing** ([String, Function], Default: TWEEN.Easing.Linear.None)\nWhat determines how [Tween.js](https://github.com/tweenjs/tween.js) interpolates between values. For more information on Tween easing methods [click here](https://github.com/tweenjs/tween.js/blob/master/docs/user_guide.md).\n\n**duration** (Number, Default: 1000)\nHow long you want the tweening to last.\n\n\n## Project setup\n```\nyarn install\n```\n\n### Compiles and hot-reloads for development\n```\nyarn run serve\n```\n\n### Compiles and minifies for production\n```\nyarn run build\n```\n\n### Lints and fixes files\n```\nyarn run lint\n```\n","readmeFilename":"README.md"}