# ngx-doe-gallery

Latest version **1.1.3** (published 2021-12-12) · Apache-2.0 license · 0 weekly downloads

## Install

```sh
npm install ngx-doe-gallery
pnpm add ngx-doe-gallery
yarn add ngx-doe-gallery
bun add ngx-doe-gallery
```

## Health

**Score 35/100 (D)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities.

Warnings: low downloads.

Negative: abandoned.

## Facts

| | |
|---|---|
| Version | 1.1.3 |
| Published | 2021-12-12 |
| First published | 2020-04-29 |
| Weekly downloads | 0 |
| License | Apache-2.0 |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Node | >=10.0.0 |
| Dependencies | 1 |
| Unpacked size | 632.7 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 19 |
| Author | Daniel Macak |
| Maintainers | daelmaak |
| Keywords | gallery, angular, image, picture |

## Links

- npm: https://www.npmjs.com/package/ngx-doe-gallery
- Repository: https://github.com/daelmaak/ngx-doe-gallery
- Homepage: https://daelmaak.github.io/ngx-doe-gallery/
- Issues: https://github.com/daelmaak/ngx-doe-gallery/issues
- npm.io page: https://npm.io/package/ngx-doe-gallery

## Dependencies (1)

- [tslib](https://npm.io/package/tslib.md) ^1.9.0

## Alternatives

- [exif-parser](https://npm.io/package/exif-parser.md) — 3.8M weekly downloads
- [vite-plugin-compression](https://npm.io/package/vite-plugin-compression.md) — 569.5K weekly downloads
- [pica](https://npm.io/package/pica.md) — 442.4K weekly downloads
- [@reportportal/client-javascript](https://npm.io/package/@reportportal/client-javascript.md) — 408.8K weekly downloads
- [@tldraw/state](https://npm.io/package/@tldraw/state.md) — 316.0K weekly downloads

## Recent versions

- 1.1.3 (latest) — 2021-12-12
- 1.1.2 — 2021-07-22
- 1.1.1 — 2020-12-05
- 1.1.0 — 2020-11-26
- 1.1.0-RC1 — 2020-11-15
- 1.0.0 — 2020-08-22
- 1.0.0-beta.3 — 2020-08-15
- 1.0.0-beta.2 — 2020-07-06
- 1.0.0-beta.0 — 2020-07-01
- 1.0.0-alpha.1 — 2020-06-07
- 1.0.0-alpha.0 — 2020-05-23
- 0.1.0-alpha.6 — 2020-05-17
- 0.1.0-alpha.5 — 2020-05-07
- 0.1.0-alpha.4 — 2020-05-03
- 0.1.0-alpha.3 — 2020-05-03
- … 3 more at https://npm.io/package/ngx-doe-gallery/versions

## README

<div align="center">
<img src="https://daelmaak.github.io/ngx-doe-gallery/assets/icons/doe.png" width="90">
</div>

# Doe Gallery

Performant, responsive, easy to use Angular 8+ gallery

[![CircleCI](https://circleci.com/gh/daelmaak/ngx-doe-gallery.svg?style=shield)](https://circleci.com/gh/daelmaak/ngx-doe-gallery)
[![codecov](https://codecov.io/gh/daelmaak/ngx-doe-gallery/branch/master/graph/badge.svg?token=eQhl2BmseY)](https://codecov.io/gh/daelmaak/ngx-doe-gallery)
[![npm](https://img.shields.io/npm/v/ngx-doe-gallery.svg)](https://www.npmjs.com/package/ngx-doe-gallery)

[**Demos**](https://daelmaak.github.io/ngx-doe-gallery/) |
[**Docs**](https://github.com/daelmaak/ngx-doe-gallery/wiki/Gallery-API) |
[**Changelog**](https://github.com/daelmaak/ngx-doe-gallery/blob/master/CHANGELOG.md)

## Why ngx-doe-gallery?

Because it gives you the doe eyes! Seriously though, use it if you need:

- Great performance and feel both on mobile and desktop
- Very small size - gallery itself has just 9kB gzipped! It also packs no dependencies
- Easy usage and lots of customizations
- It just works!

## Installation

`npm i -S ngx-doe-gallery`

## Usage

In your ng module

```
import { GalleryModule } from 'ngx-doe-gallery';

@NgModule({
  imports: [ GalleryModule ]
})
...
```

In your component

```
import { GalleryImage } from 'ngx-doe-gallery';

@Component({...})
export class AppComponent {
  images = [ new GalleryImage('kitten1.jpg') ]
}
```

In your component template

```
<doe-gallery [items]="images"></doe-gallery>
```

### Usage with IE11

Support for IE11 is only rudimentary and requires you to use IntersectionObserver polyfill https://github.com/w3c/IntersectionObserver/tree/master/polyfill

## Development

### Install dependencies

In the root of the project, run

```
npm ci
```

### Serve

```
npm start
```

### Test

```
npm test
```

---
_Source: https://npm.io/package/ngx-doe-gallery · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._