creative-connections/aurelia-bodylight-plugin

### Receptacle, bdl-receptacle
`<bdl-receptacle id="id10" hx="100" hy="100" px="50" py="50"></bdl-receptacle>` Renders a range input which may trigger a value. With following attributes:
  * `id` unique id
  * `hx` maximum *x* point of the receptacle shape (default 100)
  * `hy` maximum *y* point of the receptacle shape (default 100)
  * `px` middle *x* point of the shape (default 50)
  * `py` middle *y* point of the shape (default 50)

Example:
  * `<bdl-receptacle id="id10" hx="100" hy="100" px="50" py="50" value="50"></bdl-receptacle>` Renders a range input which may trigger a value. With following attributes:
  <bdl-receptacle id="id2" hx="100" hy="100" px="50" py="50" value="50" value.bind="valueid3"></bdl-receptacle>