open-index/open-npm huggingface dataset:
npm package: @talrace/ngx-tree
Description: Ngx-tree is a custom Angular package that provides a tree component for displaying hierarchical data in a collapsible, expandable, and customizable format, making it easier for users to navigate and interact with the data. It offers various features such 
Latest version: 0.0.11

# Ngx-tree

Ngx-tree is a custom Angular package that provides a tree component for displaying hierarchical data in a collapsible, expandable, and customizable format, making it easier for users to navigate and interact with the data. It offers various features such as drag and drop and keyboard navigation, and can be easily integrated into Angular applications.

## Installation
### Add NgxTreeModule to your AppModule:
```typescript
...
import { NgxTreeModule } from '@talrace/ngx-tree';
...

@NgModule({
    ...
    imports: [
        ...
        NgxMediaModule,
        ...
    ],
    ...
})
export class AppModule {}
```

## Usage

### Template
```html
<tlr-flat-tree
    [isEditMode]="true"
    [title]="title"
    [menuTitle]="menuTitle"
    [data]="data"
    [selectedItem]="selectedItem | async"
    [canAddChild]="true"
    [canEdit]="true"
    [canDelete]="true"
    [canDuplicate]="true"
    [emptyTitle]="emptyTitle"
    (createItem)="addNewItem($event)"
    (editItem)="onEditItem($event)"
    (deleteItem)="onDeleteItem($event)"
    (moveItemAbove)="onMoveItemAbove($event)"
    (moveItemBelow)="onMoveItemBelow($event)"
    (moveItem)="onMoveItem($event)"
    (selectItem)="onSelectItem($event)"
    (duplicateItem)="onDuplicateItem($event)">
</<tlr-flat-tree>
```

### Ts controller
```typescript
...
import { TreeNodeModel } from '@talrace/ngx-tree/src';
...
    data = new BehaviorSubject<TreeNodeModel[]>([]);

    selectedItem = new BehaviorSubject<TreeNodeModel>(new TreeNodeModel());
    
    title = 'Add new item';
    
    menuTitle = 'item';
    
    emptyTitle = 'New Page';

    addNewItem(node?: TreeNodeModel): void {
        //implementation
    }

    onDuplicateItem(node: TreeNodeModel): void {
        //implementation
    }

    onEditItem(node: TreeNodeModel): void {
        //implementation
    }

    onDeleteItem(node: TreeNodeModel): void {
        //implementation
    }

    onMoveItemAbove(item: any): void {
        //implementation
    }

    onMoveItemBelow(item: any): void {
        //implementation
    }

    onMoveItem(item: any): void {
        //implementation
    }

    onSelectItem(node: TreeNodeModel): void {
        //implementation
    }
...
```
npm package: @talrace/ngx-uploader
Description: This package provides you with a component for file uploading.
Latest version: 0.0.13

# NgxUploader

This package provides you with a component for file uploading.

## Installation

```typescript
...
import { NgxUploaderModule } from '@talrace/ngx-uploader';
...

@NgModule({
    ...
    imports: [
        ...
            NgxUploaderModule,
        ...
    ],
    ...
})
export class AppModule {}
```

## Usage

### Add tag to html template
```html
<tlr-uploader 
    uploadAccept="['*']" 
    (upload)="onUploadImage($event)">
</tlr-uploader>
```

### Implement onUploadImage
```typescript
onUploadImage(model: UploadModel): void {
    //Implementation
}
```