SCION Toolkit	Projects Overview	Changelog	Contributing	Sponsoring

SCION Toolkit

SCION Toolkit is a collection of UI components and utilities designed primarily for use in SCION libraries and their demo and test applications. The toolkit is published as single NPM library with a separate entry point per tool, allowing for tree shaking away not used tools. The library has a peer-dependency on the Angular framework, since some tools are Angular agnostic.

The toolkit contains the following tools:

---

Angular Components and Directives

• Viewport
  Provides a viewport component with scrollbars that sit on top of the viewport client.

• Dimension
  Provides a directive for observing changes in the size of the host element.

• Sashbox
  Provides a sashbox component for splitting content into multiple parts, which the user can resize by moving the splitter between the parts.

• Throbber
  Provides an animated graphical control, commonly called a spinner, to indicate the execution of an action. You can choose between different presentations: ellipsis, ripple, roller, spinner.

Framework-agnostic Tools

• Observable
  Provides RxJS Observables for observing the size or DOM mutations of an HTML element.

• Operators
  Provides a set of useful RxJS operators.

• Util
  Provides some utilities for dealing with collections and objects.

• UUID
  Allows generating pseudo-random identifiers.

• BeanManager
  Provides a registry for looking up singleton objects.

• WebStorage
  Allows observing items contained in local or session storage.

---

Disclaimer

As for now, SCION Toolkit is exclusively optimized and tested on the latest Google Chrome release. Nevertheless, most things should work fine on other modern browsers.

Versioning

SCION Toolkit follows the same SemVer philosophy as Angular, with major versions being released at the same time as major versions of the Angular framework.