@nightingale-elements/nightingale-sequence
TypeScript icon, indicating that this package has built-in type declarations

4.5.0 • Public • Published

nightingale-sequence

Published on NPM

This custom element displays the sequence in the selected region if the zoom level allows it, otherwise it displays the axis legend of the selected region. As it inherits from , it supports highlighting.

Usage

Setting sequence through property

<nightingale-sequence
  sequence="SEQUENCESEQUENCESEQUENCESEQUENCE"
  width="800"
  height="40"
  length="32"
  display-start="10"
  display-end="20"
  highlight="3:15"
  id="my-nightingale-sequence-id"
></nightingale-sequence>

Alternatively the sequence can be set as a parameter once the component is loaded.

const nightingaleSequence = document.querySelectAll(
  "#my-nightingale-sequence-id",
);
nightingaleSequence.sequence = proteinSequence;

API Reference

Attributes

sequence?: string|null (default null)

The sequence to display can be set via this attribute.

Property

data?: string|null (default null)

For compatibility purposes with other components the sequence can also be set using this property.

Other attributes and parameters

This component inherits from NightingaleElement.

The component implements the following mixins: withManager, withResizable, withMargin, withPosition, withDimensions, withHighlight

Package Sidebar

Install

npm i @nightingale-elements/nightingale-sequence

Weekly Downloads

131

Version

4.5.0

License

ISC

Unpacked Size

316 kB

Total Files

12

Last publish

Collaborators

  • aurel-l
  • xwatkins
  • dlrice2
  • 4ndr01d3