ngx card deck

Summary

This is the library package of the Angular component for building dashboard layouts

Platform dependencies versions

• Angular 7 (version 8 would require refactoring as this component uses some internal Angular APIs)
• Clarity 1
• RxJS 6
• Node.js 10+ ( Angular CLI requirements)
• ES2015 ( no need to support IE11 going forward? )

Feature Set Matrix

| Feature | Category | Description | |:-------------------------:|------------|:-------------| | Themes | experience | Can swap in various color or branded color themes, for example dark mode. Able to extend to other UI libraries, like Material | Accessibility | experience | Using keyboard alone, user can use <tab>, <enter> and four arrows keys to rearrange cards | Zoom | experience | For very complicated layouts, it is necessary to see a thumbnail view at any scale | Pan | experience | For large layouts, it is necessary to move around in a smaller viewport see cards | Layers | ui | can program in additional content above or behind the cards, for example diagrams and connectors | Localization | ui | ability to render text in other languages. Could alternatively leverage Angular's official i18n build-time mechanism | Lazy loading | ui | Custom card components can be eagerly or loaded on demand, for example heavy views should be split to separate bundles for performance gains | Remote plugin views | ui | Easy to point to remote served components. Todo: build library to synchronize theme changes | Metadata driven | developer | Two modular JSON-based formats for configuring a deck layout: a simplified and advanced (verbose, fine-grained) model. | Library packaged | developer | Code shipped as full source ( for learning) or preferably consumed as a single library for clients in Angular Package Format.

An existing Angular project will need to be prepared whereby this library can be dropped in. There is a seed project to help walk through the extensive setup and configuration steps