open-index/open-npm huggingface dataset:
npm package: @jojovms/angular-lens-zoom
Description: Detailō: Angular wrapper for @jojovms/lens-zoom-core. Discover hidden details.
Author: Shijo Shaji
Latest version: 0.0.1

# @jojovms/angular-lens-zoom

Angular wrapper for `@jojovms/lens-zoom-core`.

## Installation

```bash
npm install @jojovms/angular-lens-zoom
```

## Usage

Import the `LensZoomDirective` (it's standalone) or add to your module.

```typescript
import { LensZoomDirective } from '@jojovms/angular-lens-zoom';

@Component({
  standalone: true,
  imports: [LensZoomDirective],
  template: `
    <img 
      src="product.jpg" 
      lensZoom 
      [zoom]="2.5" 
      [lensSize]="120"
      borderColor="#007bff"
    >
  `
})
export class ProductComponent {}
```

## Inputs

| Input | Type | Default | Description |
|---|---|---|---|
| `[zoom]` | `number` | `2` | Magnification level. |
| `[lensSize]` | `number` | `100` | Diameter of the lens. |
| `[lensColor]` | `string` | `rgba...` | Background tint. |
| `[borderColor]` | `string` | `'#000'` | Border color. |
npm package: @jojovms/angular-ninja-keys
Description: Commandō: Angular wrapper for @jojovms/ninja-keys-core. Your commands, unleashed.
Author: Shijo Shaji
Latest version: 0.0.1

# @jojovms/angular-ninja-keys 🥷

Angular wrapper for `@jojovms/ninja-keys-core`.

## Installation

```bash
npm install @jojovms/angular-ninja-keys
```

## Usage

```typescript
import { NinjaKeysComponent } from '@jojovms/angular-ninja-keys';

@Component({
  standalone: true,
  imports: [NinjaKeysComponent],
  template: `
    <button (click)="ninja.toggle()">Open Command Palette</button>
    
    <ninja-keys 
      #ninja 
      [actions]="myActions" 
      theme="dark"
      hotkey="k"
    ></ninja-keys>
  `
})
export class AppComponent {
  myActions = [
    { id: '1', title: 'Save', icon: '💾', handler: () => this.save() }
  ];

  save() {
    console.log('Saved!');
  }
}
```