UellLib

Librería Angular con componentes reutilizables compatible con múltiples versiones de Angular (13, 14, 15, 16, 17, 18, 19, 20).

Instalación

npm install uell-lib

Uso

Componente TokenButton

El componente TokenButton es un botón que abre un modal cuando se hace clic. Acepta un token como parámetro.

import { TokenButtonComponent } from 'uell-lib';

@Component({
  selector: 'app-example',
  standalone: true,
  imports: [TokenButtonComponent],
  template: `
    <lib-token-button 
      [token]="miToken" 
      buttonText="Abrir Modal"
      buttonClass="mi-clase-css">
    </lib-token-button>
  `
})
export class ExampleComponent {
  miToken = 'mi-token-de-ejemplo-123';
}

Parámetros del Componente TokenButton

• token (string, requerido): El token que se mostrará en el modal
• buttonText (string, opcional): Texto del botón. Por defecto: "Abrir Modal"
• buttonClass (string, opcional): Clases CSS adicionales para el botón

Componente TokenModal

El componente TokenModal muestra un modal con el token recibido.

import { TokenModalComponent } from 'uell-lib';

@Component({
  selector: 'app-example',
  standalone: true,
  imports: [TokenModalComponent],
  template: `
    <lib-token-modal 
      [token]="miToken"
      (close)="onModalClose()">
    </lib-token-modal>
  `
})
export class ExampleComponent {
  miToken = 'mi-token-de-ejemplo-123';
  
  onModalClose() {
    console.log('Modal cerrado');
  }
}

Parámetros del Componente TokenModal

• token (string, requerido): El token que se mostrará en el modal
• close (EventEmitter): Evento que se emite cuando se cierra el modal

Construcción

Para construir la librería:

npm run build:lib

Para construir en modo watch (desarrollo):

npm run watch:lib

Publicación

Una vez construida la librería:

1. Navega al directorio dist:

   cd dist/uell-lib

2. Publica en npm:

   npm publish

Compatibilidad

Esta librería es compatible con Angular versión 13 a 20 gracias a las peerDependencies configuradas.