open-index/open-npm huggingface dataset:
npm package: @gecosuy/angular-inapp-notifications
Description: Librería Angular para el despliegue de notificaciones in app
Latest version: 19.0.0

# AngularInappNotifications

## Tema

Se requiere que la app que use esta librería tenga definido un tema de Angular Material.

**Diálogos**  
Para usar modo de visualización DIALOG se requiere que la app defina valor para las siguientes variables CSS:

-   `--inapp-notification-front-color`: color para titulo y boton
-   `--inapp-notificacion-info-icon-color`: color del icono de info
-   `--inapp-notificacion-warn-icon-color`: color del icono de warn
-   `--inapp-notificacion-error-icon-color`: color del icono de error

Además se requeire que la app tenga definidos los siguientes 3 iconos de material: `success_icon`, `warning_icon` y `error_icon`.

**Snacks**  
Cuando se usa el modo de visualización SNACKBAR, la librería agrega agrega una clase CSS a los snacks desplegados: `inapp-info`, `inapp-warn` o `inapp-error` segun corresponda.  
La app puede usar estas clases CSS para customizar los estilos de cada caso, ver el proyecto tester de este repositorio para un ejemplo.

**Otros**  
Todas las demás cosas, como padding de diálogos, backgrounds de diálogos y snacks, etc., se deben manejar mediante customizaciones generales a Angular Material, las cuales serán aplicadas a toda la app incluídos los diálogos y snacks que se usen por esta librería, ver el proyecto tester de este repositorio para un ejemplo.
npm package: @gecosuy/angular-overlays
Description: Librería utilitaria para despliegue de diferntes tipos de diálogos, como ser pedidos de confirmación, selección de opciones, diálogos de info, error, etc.
Latest version: 19.0.0

# Angular Overlays

Librería utilitaria para despliegue de diferentes tipos de diálogos, como ser pedidos de confirmación, selección de opciones, diálogos de info, error.  
También funcionalidades para despliegue de algunos tipos de bottom sheets como ser listado de opciones.  
La librería cuenta con funcionalidades simples para mostrar diálogos y bottom sheets comunes, si se requiere mostrar un diálogo o bottom sheet con un componente custom entonces utilizar directamente el MatDialgo o MatBottomSheet de Angular Material.

# Uso

## Dependencias

-   Angular Material (`@angular/material` y `"@angular/cdk`)

## Iconos

Los iconos que se quieran usar deben estar definidos como SVG, agregados a la app de la siguiente forma:

```typescript
export class AppModule {
    constructor(iconRegistry: MatIconRegistry, sanitizer: DomSanitizer) {
        iconRegistry.addSvgIcon('icon_name', sanitizer.bypassSecurityTrustResourceUrl('assets/path/to/icon.svg'));
    }
}
```

## Importación

-   instalar la lib mediante `npm i @gecosuy/angular-overlays`
-   importar el `AngularOverlaysModule` en el AppModule de la app
-   inyectar y utilizar el `AngularOverlaysService` donde se requiera utilizar diálogos

## Menu

Cuando un menu tiene un conjunto vacio de acciones aparece una opcion que indica "Sin acciones". Este texto puede ser personalizado mediante el input `noItemsText`.

## Themming

El Theming esta por fuera de la librería, se debe manejar ajustandolo en la app cliente.  
Lo único que necesita la librería es tener definida la variable CSS `--overlays-principal-color` que será usada para color de títulos, botones de acción e iconos.  
Para cambiar color de letra del item "sin acciones" se puede utilizar la variable CSS `--overlays-shade-color`.
npm package: @gecosuy/angular-responsive
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 13.3.0.
Latest version: 21.0.0

# AngularResponsive

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

## Code scaffolding

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

## Build

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

## Publishing

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

## Running unit tests

Run `ng test angular-responsive` 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.