open-index/open-npm huggingface dataset:
npm package: @fyn-software/component
Description: FYN Component
Author: Chris Kruining
Latest version: 0.1.0
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

[![CodeFactor](https://www.codefactor.io/repository/github/fyn-software/component/badge/master)](https://www.codefactor.io/repository/github/fyn-software/component/overview/master)
[![DeepScan grade](https://deepscan.io/api/teams/4426/projects/6205/branches/50700/badge/grade.svg)](https://deepscan.io/dashboard#view=project&tid=4426&pid=6205&bid=50700)

# component
Web component suite

## TODO's
- [FYN Core](https://github.com/FYN-Software/core)
  - [x] Extends (normalization and extension layer, dirty implemented, monkey-patched...)
  - [x] Events abstractions
  - [x] Mixins (To be convered to `decorators` if/when they hit browsers)
- [FYN Data](https://github.com/FYN-Software/data)
  - Base class (`Type`)
    - [ ] Assignable renderers (simple key-value object)
    - [ ] Assingable data stores (might be usefull on type level, most likely will be remain on model level)
    - [x] Configuration API (couple of methods to configure your type)
  - Types
    - [x] `Boolean`
    - [x] `Number`
      - [ ] `Currency`
      - [ ] `Size`
      - [ ] `Point` (a x and y position)
      - [ ] `Percentage`
    - [x] `List`
    - [x] `Object`
    - [x] `Enum`
      - [ ] `Unit` (CSS units, think: px, %, em, etc.)
      - [ ] `Font`
      - [ ] `TextAlignment`
      - [ ] `Postion` (CSS prositioning)
    - [x] `Datetime`
    - [x] `String`
      - [ ] `Color`
  - Model (Will likally become a separate package)
    - [ ] Configuration API (API to define fields and relations)
    - [ ] Assingable data stores
  - Stores (Will likally become a separate package)
    - [ ] Configuration API
    - [ ] Assingable `Endpoint`
    - [ ] Assingable `Adapter`
- [FYN Component](https://github.com/FYN-Software/component)
  - [x] `Base`
  - [x] `Component`
  - [x] `Loop`
  - [x] `Generic`
  - [ ] `Behavior`
- [FYN Suite](https://github.com/FYN-Software/duite)
  - Common
    - Form
      - [x] `Button`
      - [x] `Checkbox`
      - [x] `Color`
      - [x] `Datetime` (picker)
      - [x] `Dropdown` (Select/Combobox or any other name this common element is known by)
      - [x] `Font` (picker)
      - [x] `Form`
      - [ ] `Grid` (interactive data grid)
      - [x] `Group` (element to visually group/combine components)
      - [x] `Input` (text input field)
      - [x] `Slider`
      - [ ] `Editor` (rich text editor, wysiwyg markdown editor)
    - Graphics
      - [ ] `Chart`
      - [x] `Flag`
      - [x] `Icon`
      - [x] `Image`
      - [x] `Progress`
    - Layout
      - [x] `Collapsable` (Probably will be to a `Behavior`)
      - [x] `Docks`
      - [x] `Grid`
      - [x] `List`
      - [x] `Resizable` (Probably will be to a `Behavior`)
      - [x] `Tabs`
    - Misc
      - [x] `Calander` (subcomponent for `Common.Form.Datetime')
      - [x] `Clock` (subcomponent for `Common.Form.Datetime')
    - Overlay
      - [x] `Dialog`
      - [x] `Modal` (Likally to be deprecated or converted to `Behavior`)