open-index/open-npm huggingface dataset:
npm package: @giolongo/nx-draggable-carousel
Description: nx-draggable-carousel is an Angular component designed to show draggable carousel.
Author: Giovanni Emanuele Longo
Latest version: 1.0.4

# nx-draggable-carousel
nx-draggable-carousel is an Angular component designed to show draggable carousel.

## Installation
You can install nx-draggable-carousel via npm:

`npm install @giolongo/nx-draggable-carousel`

## Demo

[Simple Demo](https://giolongo.github.io/nx-libraries-demo/#/nx-draggable-carousel).

## Usage
Import NxDraggableCarouselComponent into your Angular module:

`import { NgModule } from '@angular/core';`

`import {NxDraggableCarouselComponent} from "@giolongo/nx-draggable-carousel";`

`@NgModule({
declarations: [
NxDraggableCarouselComponent
],
imports: [
// Any necessary modules
],
exports: [
NxDraggableCarouselComponent
]
})`

In Standalone Component

`
import {NxDraggableCarouselComponent} from "@giolongo/nx-draggable-carousel";
@Component({
selector: 'app-nx-draggable-carousel-use',
standalone: true,
imports: [
NxDraggableCarouselComponent,
],
templateUrl: './nx-tree-gle-use.component.html',
styleUrl: './nx-tree-gle-use.component.scss'
})
`

### API
#### Inputs
* classContainer: string for define css class for carousel container.
* classElement: string for define css class for carousel element.
* debounceAutoMove: millisecond for define carousel's automove. 0 for not automove.
* maxHeight (required): string for define max height of carousel.
* elementHeight (required): string for define height of carousel's element.
* maxWidth (required): string for define max width of carousel.
* elementWidth (required): string for define width of carousel's element.
* elements (required): array of string. It contains the html of single carousel's elements.
npm package: @giolongo/nx-tree
Description: Simple Tree viewer
Author: Giovanni Emanuele Longo
Latest version: 1.0.7

# nx-tree-gle
nx-tree-gle is an Angular component designed to display tree-like structures with expandable/collapsible nodes.

## Installation
You can install nx-tree-gle via npm:

`npm install nx-tree-gle`

## Demo

[Simple Demo](https://giolongo.github.io/nx-libraries-demo).

## Usage
Import NxTreeGleComponent into your Angular module:

`import { NgModule } from '@angular/core';`

`import {NxTreeGleComponent} from "@giolongo/nx-tree";`

`@NgModule({
declarations: [
NxTreeGleComponent
],
imports: [
// Any necessary modules
],
exports: [
NxTreeGleComponent
]
})`

In Standalone Component

`
import {NxTreeGleComponent} from "@giolongo/nx-tree";
@Component({
selector: 'app-nx-tree-gle-use',
standalone: true,
imports: [
NxTreeGleComponent,
],
templateUrl: './nx-tree-gle-use.component.html',
styleUrl: './nx-tree-gle-use.component.scss'
})
`




You can use your icon set, important is import it in style.css project or in styles tag inside your project.json


### API
#### Inputs
* element (required): The object representing the tree structure to be displayed.
* otherFunction: An object containing functions to be called when an item is clicked.
* openAll: An EventEmitter to trigger opening all tree nodes.
* closeAll: An EventEmitter to trigger closing all tree nodes.
* openDefaultIcon: Html for binding your open default icon.
* closeDefaultIcon: Html for binding your close default icon.
* plSize: The padding-left size of each node (default: '2vw').
* ptSize: The padding-top size of each node (default: '1vh').

#### Outputs
* changeItemStatus: An EventEmitter emitting the status change of an item (open/close).
* listOpenedItem: An EventEmitter emitting the list of currently opened items.