open-index/open-npm huggingface dataset:
npm package: @ngx-mct/app-form-code
Description: This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.0.2.
Latest version: 0.0.1-next.1

# AppFormCode

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

## Development server

Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.

## Code scaffolding

Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.

## Build

Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory.

## Running unit tests

Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Running end-to-end tests

Run `ng e2e` to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
npm package: @ngx-misc/dropzone-overlay
Description: Directive that will listen for drag & drop events on [`Window`](https://developer.mozilla.org/en-US/docs/Web/API/Window) object, render custom overlay and provide and set associated [`FormControl`](https://angular.io/api/forms/FormControl) instance value 
Latest version: 0.0.1

# dropzone-overlay

Directive that will listen for drag & drop events on
[`Window`](https://developer.mozilla.org/en-US/docs/Web/API/Window) object,
render custom overlay and provide and set associated
[`FormControl`](https://angular.io/api/forms/FormControl) instance value with
dropped files.

This library was generated with [Nx](https://nx.dev).

## Installation

```sh
npm install @ngx-misc/dropzone-overlay
```

## Usage

Import the module:

```typescript
import { ReactiveFormsModule } from '@angular/forms';
import { DropzoneOverlayModule } from '@ngx-misc/dropzone-overlay';

@NgModule({
  imports: [
    ReactiveFormsModule,
    DropzoneOverlayModule
  ]
})
```

In component template:

```html
<input
  [ngmDropzoneOverlay]="customDropzoneComponent"
  [formControl]="fileControl"
  [accept]="accept"
  [multiple]="true"
  type="file"
/>
```

Where:
- `customDropzoneComponent` is a component class that will be rendered in full
  screen overlay while files are dragged over the window,
- `fileControl` is a `FormControl` in host component,
- `accept` is a `string` of [acceptable file
  types](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#accept),
- `multiple` is a `boolean` for [multiple file
  selection](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#multiple).

Because `<input[type=file]>` can be cumbersome to style, you can hide it and
use `<button>` element for interaction, like so:

```html
<button (click)="fileInput.click()">Upload</button>

<input
  #fileInput
  [ngmDropzoneOverlay]="customDropzoneComponent"
  [formControl]="fileControl"
  [accept]="accept"
  [multiple]="true"
  type="file"
  [hidden]="true"
/>
```

## Running unit tests

Run `nx test dropzone-overlay` to execute the unit tests.
npm package: @ngx-misc/unobtrusive-scrollbars
Description: Library provides an easy way to check if browser's scrollbars are obtrusive and apply custom CSS class (`ngm-unobtrusive-scrollbars` by default) to `<body>` element to allow easy customization.
Latest version: 0.0.1

# unobtrusive-scrollbars

Library provides an easy way to check if browser's scrollbars are obtrusive and
apply custom CSS class (`ngm-unobtrusive-scrollbars` by default) to `<body>`
element to allow easy customization.

Based on [Two Browsers Walked Into a
Scrollbar](https://www.filamentgroup.com/lab/scrollbars/) solution.

This library was generated with [Nx](https://nx.dev).

## Installation

```sh
npm install @ngx-misc/unobtrusive-scrollbars
```

## Usage

Import the module:

```typescript
import { UnobtrusiveScrollbarsModule } from '@ngx-misc/unobtrusive-scrollbars';

@NgModule({
  imports: [
    UnobtrusiveScrollbarsModule
  ]
})
```

Use in component template (preferably in app component):

```html
<ngm-unobtrusive-scrollbars></ngm-unobtrusive-scrollbars>

... other code
```

Add necessary CSS styles in app's root styles.scss file:

```scss
.ngm-unobtrusive-scrollbars {
  ::-webkit-scrollbar {
    width: 0.5rem;
  }

  ::-webkit-scrollbar-thumb {
    background-color: gray;
    border-radius: 50%;
  }
}
```

## Running unit tests

Run `nx test unobtrusive-scrollbars` to execute the unit tests.