Record property changes with this handy little element.

[ This description is mirrored from README.md at github.com/jifalops/value-history on 2019-05-10 ]

Published on webcomponents.org

value-history

Record property changes with this handy little element.

Installation

bower i -S value-history        # Polymer 2.0 hybrid (1.x compatible)
bower i -S value-history#0.1.0  # Polymer 1.x based

Usage

Primarily for use with app-location in client-side routed apps, or for debugging and testing.

  • Tell it which property to watch for changes
  • Optionally limit the history to a certain length.

Demo

Polymer bindings may not work in this readme demo.

<value-history value="[[val]]" history="{{history}}" limit="[[limit]]"></value-history>
<input placeholder="value" value="{{val::input}}" length="5"/><br/>
<input placeholder="limit" value="{{limit::input}}" length="5"/>
<dom-repeat items="[[history]]">
  <template>[[item]]<br/></template>
</dom-repeat>

Full demo: webcomponents.org | github.

API: webcomponents.org

Contributing

  1. Fork it on Github.
  2. Create your feature branch: git checkout -b my-new-feature
  3. Commit your changes: git commit -am 'Add some feature'
  4. Push to the branch: git push origin my-new-feature
  5. Submit a pull request

License

MIT

Install

Link to this version
ImportedReleased 03 March 2017MIT License
Framework Support
Polymer 1.0+
Also supported:
Polymer 2 (0.2.3)
Browser Compatibility
Install with
bower install --save jifalops/value-history"#0.1.0"
Run the above Bower command in your project folder. If you have any issues installing, please contact the author.
Release notes - Version 0.1.0

Dependencies

  • polymer#Polymer/polymer#^1.4.0