open-index/open-npm huggingface dataset:
npm package: @mazhar-dev/attendance
Description: This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 21.2.0.
Latest version: 0.0.2

# Attendance

This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 21.2.0.

## Code scaffolding

Angular CLI includes powerful code scaffolding tools. To generate a new component, run:

```bash
ng generate component component-name
```

For a complete list of available schematics (such as `components`, `directives`, or `pipes`), run:

```bash
ng generate --help
```

## Building

To build the library, run:

```bash
ng build attendance
```

This command will compile your project, and the build artifacts will be placed in the `dist/` directory.

### Publishing the Library

Once the project is built, you can publish your library by following these steps:

1. Navigate to the `dist` directory:

   ```bash
   cd dist/attendance
   ```

2. Run the `npm publish` command to publish your library to the npm registry:
   ```bash
   npm publish
   ```

## Running unit tests

To execute unit tests with the [Karma](https://karma-runner.github.io) test runner, use the following command:

```bash
ng test
```

## Running end-to-end tests

For end-to-end (e2e) testing, run:

```bash
ng e2e
```

Angular CLI does not come with an end-to-end testing framework by default. You can choose one that suits your needs.

## Additional Resources

For more information on using the Angular CLI, including detailed command references, visit the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.
npm package: @mazi1/joystick
Description: ## Installation ### npm: ```bash npm i @mazi1/joystick ``` ## Usage ```js <template>   <Joystick></Joystick> </template>
Latest version: 0.1.3

# Joystick-like selection component

## Installation
### npm:
```bash
npm i @mazi1/joystick
```
## Usage
```js
<template>
  <Joystick></Joystick>
</template>

<script>
import Joystick from '@mazi1/joystick'

export default {
  name: 'App',
  components: {
    Joystick
  }
}
</script>
```

## Documentation
Use properties to define:
- number of entries/points (_number_of_points_) 
- color (_color_) 
- distance from points to joystick (_width_points_circle_) 
- width of joystick (_circle_width_)
- font size (_font_size_)
- properties of entries (_entry_props_) __*must be passed in as array of objects with value and link property (optional)__

```js
<template>
  <Joystick 
    :number_of_points="6" 
    :color="'#ff9933'" 
    :width_points_circle="200" 
    :circle_width="50" 
    :font_size="18"
    :entry_props="[
      {value: 'Cute Cat!',
       linkurl: 'https://cdnuploads.aa.com.tr/uploads/Contents/2020/05/14/thumbs_b_c_88bedbc66bb57f0e884555e8250ae5f9.jpg?v=140708' },
      {value: 'Entry 2'},
      {value: 'Entry 3'},
      {value: 'Entry 4'},
      {value: 'Entry 5'},
      {value: 'Entry 6'}
    ]">
  </Joystick>
</template>
```