open-index/open-npm huggingface dataset:
npm package: @numetalsour/email-material
Description: Simple EMAIL component to Angular Material with validators and formatting
Author: Jarek Castro
Latest version: 1.0.1
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# EmailMaterial

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

## Code scaffolding

Run `ng generate component component-name --project email-material` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project email-material`.
> Note: Don't forget to add `--project email-material` or else it will be added to the default project in your `angular.json` file. 

## Build

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

## Publishing

After building your library with `ng build email-material`, go to the dist folder `cd dist/email-material` and run `npm publish`.

## Running unit tests

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

## 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: @numetalsour/ngx-number
Description: format(onkey) & custom format
Latest version: 1.0.6


# Angular 14+ Number(input only numbers)

format(onkey) & custom format


## Install project with npm


```bash
  npm i @numetalsour/ngx-number --save
```


    
## Parameters

| attributes | type | default value | 
|-----------|-------|---------|
| allowDecimals | boolean | false |
| allowSign     | boolean | false |
| decimalSeparator     | string | '.' |
| canPaste     | boolean | true |

## Usage

```sh
...
import { NgxNumberModule } from '@numetalsour/ngx-number';
...

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



## Example


```html
<form [formGroup]="form">
    <mat-form-field>
        <mat-label>Number</mat-label>
        <input 
            matInput 
            formControlName="number"
            ngxNumber 
            [allowDecimals]="false" 
            [allowSign]="false" 
            [decimalSeparator]="'.'"  
            [canPaste]="true" >
    </mat-form-field>
</form>


<input ngxNumber [(ngModel)]="rut" >
```
npm package: @numetalsour/ngx-rut
Description: Validations, format(onkey) & error
Latest version: 1.0.5


# Angular 14+ RUT

Validations, format(onkey) & error


## Install project with npm


```bash
  npm i @numetalsour/ngx-rut --save
```


    
## Usage

```sh
...
import { NgxRutModule } from '@numetalsour/ngx-rut';
...

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


## Usage/Examples

Programmatically

```javascript
import { NgxRutService, NgxRutValidator } from '@numetalsour/ngx-rut';

constructor(private _NgxRutService: NgxRutService)

const rutDV = '173426593'
const rut = '17342659'

const format = this._NgxRutService.formatRut(rutDV)
console.log({ format }) //17.342.659-3

const validate = this._NgxRutService.validateRut(rutDV)
console.log({ validate }) // true or false

const calculate = this._NgxRutService.calculateDigit(rut)
console.log({ calculate }) //3
```



Forms

```javascript
import { NgxRutService, NgxRutValidator } from '@numetalsour/ngx-rut';
import { FormGroup, FormBuilder } from '@angular/forms';

form: FormGroup;
rut: string

constructor(
    private _NgxRutService: NgxRutService,
    private fb: FormBuilder
) {
this.form = this.fb.group({
        rut: ['', [NgxRutValidator.validate]]
    })
}
```

```html
<form [formGroup]="form">
    <mat-form-field>
        <mat-label>Rut</mat-label>
        <input matInput ngxRut formControlName="rut" >
        <mat-error *ngIf="form.get('rut').hasError('invalid')">El rut ingresado no es válido</mat-error>
    </mat-form-field>
</form>


<input ngxRut [(ngModel)]="rut" >
```
npm package: @numetalsour/ngx-text
Description: format(onkey)
Latest version: 1.0.0


# Angular 14+ Text

format(onkey)


## Install project with npm


```bash
  npm i @numetalsour/ngx-text --save
```


    
## Usage

```sh
...
import { NgxTextModule } from '@numetalsour/ngx-text';
...

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



## Example


```html
<form [formGroup]="form">
    <mat-form-field>
        <mat-label>text</mat-label>
        <input matInput ngxText formControlName="text" >
    </mat-form-field>
</form>


<input ngxText [(ngModel)]="text" >
```
npm package: @numetalsour/rut-material
Description: Simple RUT component to Angular Material with validators and formatting
Author: Jarek Castro
Latest version: 1.0.4
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.


# RutMaterial for ReactiveForm Angular

Simple input RUT with MaterialAngular, 
validations, format & errors


## Reference


| Parameter | Default    | Type     | Description                |
| :-------- | :------- | :------- | :------------------------- |
| `formParent`| <FormGroup> | `<FormGroup>` | **Required**. parent FormBuilder  |
| `label`|'Ingrese su RUT' | `string` | **Required**. text on label |
| `name`|'rut' | `string` | **Required**. unique 'name' of control  |
| `value`| ''| `string ` | Optional. to set initial value on input |
| `placeholder`| '12.345.678-9'| `string`  | Optional. placeholder on input |
| `disabled`| false | `boolean` | Optional. if control is disabled |
| `readonly`| false | `boolean` | Optional. if control is readonly |
| `required`| false | `boolean` | Optional. if control is required |
| `appearance`| 'outline'| `'fill', 'legacy', 'outline', 'standard'` | Optional. appearance of 'mat-form-field' |
| `floatLabel`| 'auto'| `'auto', 'always', 'never'` | Optional. appearance of 'Label' |
| `hint`| false | `string, boolean` | Optional. show mat-hint|
| `classField`| '' | `string` | Optional. set class to add style to 'mat-form-field' |
| `classHint`| ''| `string` | Optional. set class to add style to 'mat-hint' |
| `paste`| true| `boolean` | Optional. enable or disabled paste on input |
| `autocomplete`| on| `'on', 'off'` | Optional. if input have autocomplete form |
| `errorRequired`| 'El RUT es requerido' | `string` | Optional. set message to required error |
| `errorInvalid`| 'El Rut es inválido'| `string` | Optional. set message to Invalid error |
| `errorCustom`| false | `string, boolean` | Optional. set message to custom error |



  
## Installation

```bash
  ng add @angular/material
  npm i @numetalsour/rut-material
  
  add "RutMaterialModule" to your "imports" in x.module.ts 
  add "FormsModule" to your "imports" in x.module.ts

  Check styles.x if you have
  @import "~@angular/material/prebuilt-themes/indigo-pink.css"
  or another
```
HTML:
```bash
<form (ngSubmit)="onSubmint()">
<rut-material
    [name]="'rut_empresa'"
    [value]="'12.345.678-9'"
    [label]="'Ingrese su RUT'"
    [formParent]="formExample"
    [required]="true"
></rut-material>

<button type="submit">click!</button>
</form>
```

Component:
```bash
formExample: FormGroup

constructor(private fb: FormBuilder) {
    this.formExample = this.fb.group({
        rut_empresa: ['', []],
    })
```