open-index/open-npm huggingface dataset:
npm package: @marxa/mail
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.2.0.
Author: Jorge Guzman
Latest version: 0.0.1

# Mail

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.2.0.

## Code scaffolding

### Importing Angular
```json
"@marxa/mail": {
  "projectType": "library",
  "root": "projects/marxa/mail",
  "sourceRoot": "projects/marxa/mail/src",
  "prefix": "mx",
  "architect": {
    "build": {
      "builder": "@angular-devkit/build-angular:ng-packagr",
      "options": {
        "project": "projects/marxa/mail/ng-package.json"
      },
      "configurations": {
        "production": {
          "tsConfig": "projects/marxa/mail/tsconfig.lib.prod.json"
        },
        "development": {
          "tsConfig": "projects/marxa/mail/tsconfig.lib.json"
        }
      },
      "defaultConfiguration": "production"
    },
    "test": {
      "builder": "@angular-devkit/build-angular:karma",
      "options": {
        "main": "projects/marxa/mail/src/test.ts",
        "tsConfig": "projects/marxa/mail/tsconfig.spec.json",
        "karmaConfig": "projects/marxa/mail/karma.conf.js"
      }
    }
  }
}
```

Run `ng generate component component-name --project mail` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project mail`.
> Note: Don't forget to add `--project mail` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build mail` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build mail`, go to the dist folder `cd dist/mail` and run `npm publish`.

## Running unit tests

Run `ng test mail` 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: @marxa/search
Description: Componente para hacer un consultas con autocomplete de material
Author: Jorge Guzman
Latest version: 12.1.0

# MxSearch
Componente para hacer un consultas con autocomplete de material

## Primerso pasos

| :exclamation:  IMPORTANTE :exclamation: |
|-----------------------------------------|
| Esta librería requiere **@angular/material** y opcionalmente **@angular/fire** |
<!-- | Esta librería no funciona en proyectos de versiones anteriores a **Angular 11**, puedes usar la versión para [Angular 9](https://www.npmjs.com/package/@marxa/devkit-v9) si lo necesitas | -->

Si deseas elegir directamente una colección de **Firestore** deberás instalar **@angular/fire**

Sigue estos pasos para empezar un proyecto **Firebase -  Angular**

 1. Ve a [Firebase console](https://console.firebase.google.com/) y pícale en **Crear proyecto** o selecciona alguno que ya hayas creado.
 2. Ve a la configuración y baja a la parte **Fireabase SDK** y pícale en la opción de *Configuracion*.
 3. Copia las lineas de código que están entre los corchetes
 4. Ve a tu proyecto de Angular y entra en el archivo `src/environments/environment.ts` y pega las lineas de código en una variable nueva. El código se debe ver así:
 ```ts
 export  const  environment  =  {
	production:  false,
	firebaseConfig:  {
		apiKey:  "AIzaS++++++++++++++++++++++++++",
		authDomain:  "++++++++.firebaseapp.com",
		projectId:  "++++++++",
		storageBucket:  "+++++++++.appspot.com",
		messagingSenderId:  "0000000000",
		appId:  "1:000000000000:web:++++++++++++++",
		measurementId:  "G-++++++++++"
	}
}; 
```
 5. Corre los siguientes comandos y sigue sus respectivas instrucciones:
	 `ng add @angular/fire`
	 `ng add @angular/material`
  6. Inicializa tu proyecto de **Firebases** en `app.module.ts`:
```ts
import { AngularFireModule } from "@angular/fire";

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    AngularFireModule.initializeApp(environment.firebaseConfig)
  ],
  bootstrap: [AppComponent]
})
export class AppModule { }
```
	 
 7. Ahora sí, ya puedes instalar esta librería `npm i -s @marxa/search`


## Modo de uso
Podrás hacer uso de el componente llamándolo desde el HTML

```html
<mx-searcher
[selector]="'name'"
[items]="items"
(selected)="onSelect($event)"
></mx-searcher>
```

Si has instalado **@angular/fire** puedes seleccionar una colección en firestore

```html
<mx-searcher
[selector]="'name'"
[collection]="items"
[lengthTrigger]="3"
(selected)="onSelect($event)"
></mx-searcher>
```



This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 11.0.9.
npm package: @marxa/social-share
Description: Un componente que permite agregar una botonera de redes sociales en tu proyecto de angular
Author: Jorge Guzman
Latest version: 0.0.1

# SocialShare
Un componente que permite agregar una botonera de redes sociales en tu proyecto de angular

## Primerso pasos

| :exclamation:  IMPORTANTE :exclamation: |
|-----------------------------------------|
| Esta librería requiere **@angular/material** y **Font Awesome** el cuál ya viene incluido |

## Modo de uso
Importa el módulo a tu proyecto
```ts
import { MxSocialShareModule } from "@marxa/devkit";

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

Ahora, agrega el componente donde lo requieras
La propiedad `social_networks` debe contener las redes que serán habilitadas.

```html
<mx-social-share 
[social_networks]="['facebook', 'twitter', 'linkedin', 'whatsapp']"
[ARTICLE_TITLE]="Hello World"
[ARTICLE_URL]="http://myapp.com/hello-world"
[MAIN_IMAGE_URL]="http://myapp.com/assets/hello-world.jpg"
></mx-social-share>
```

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