Counter

Numeric counter with optional bounds. Listen for counter-change to receiveoldValue and newValue in event.detail.

Event: none

Example Code

<lta-counter
  label="Permanent"
  value="10"
  minimum="0"
  max="20"
  increment-by="1"
></lta-counter>

<script type="module">
  import SelectorEngine from './utils/dom/selector-engine';
  import EventHandler from './utils/dom/event-handler';

  const counter = SelectorEngine.findOne('lta-counter');

  EventHandler.on(counter, 'counter-change', (event) => {
    const { oldValue, newValue } = event.detail;
    console.log({ oldValue, newValue });
  });
</script>