0.7.11 • Published 5 years ago

hrvcomponents v0.7.11

Weekly downloads
4
License
MIT
Repository
github
Last release
5 years ago

HRV Components

A collection of components for use in heart rate monitoring apps.

Usage -- web page

Put these tags

<script type="module" src="https://unpkg.com/hrvcomponents@0.7.3/dist/hrvcomponents/hrvcomponents.esm.js"></script>
<script nomodule="" src="https://unpkg.com/hrvcomponents@0.7.3/dist/hrvcomponents/hrvcomponents.js"></script

in the head of your index.html

Usage -- Ionic/Angular

Install the package

npm install --save hrvcomponents

See the Stencil docs for a walk-through of how to

  1. Include the CUSTOM_ELEMENTS_SCHEMA in the modules that use the components.
  2. Call defineCustomElements(window) from main.ts (or some other appropriate place).

Other frameworks

Install the package

npm install --save hrvcomponents

Then in main.ts or the equivalent,

import { defineCustomElements } from 'test-components/dist/loader';
defineCustomElements(window);

See details for your framework at the Stencil docs under Framework Integrations. For example, in a Vue app, you may need to config ignored elements.

API

<breath-circle>

The component is helpful for guiding breathing rates. It displays a circle which grows and shrinks at a controllable rate; you simply time your inhales/exhales to the growth/shrinking of the circle.

Demo it here

Examples:

<breath-circle></breath-circle >
<breath-circle base-rate="3000"></breath-circle > 
<breath-circle inhale-time="4000" exhale-time="4000" inhale-hold-time="1200" exhale-hold-time="3000" is-verbose="true"></breath-circle >

Properties

Most properties set the time for the stages in the breathing cycle, in milliseconds.

PropertyAttributeDescriptionTypeDefault
baseRatebase-rateIf set, overrides inhale/exhale times and sets hold times to 100msnumberundefined
inhaleTimeinhale-timenumber2000
inhaleHoldTimeinhale-hold-timenumber100
exhaleTimeexhale-timenumber2000
exhaleHoldTimeexhale-hold-timenumber100
isVerboseis-verboseToggles console messaging of changes to the different times.booleanfalse

*Built with [St

0.7.11

5 years ago

0.7.10

5 years ago

0.7.9

5 years ago

0.7.8

5 years ago

0.7.7

5 years ago

0.7.6

5 years ago

0.7.5

5 years ago

0.7.4

5 years ago

0.7.3

5 years ago

0.7.2

5 years ago

0.7.1

5 years ago

0.7.0

5 years ago