# wg-dialog

> WgDialog is an angular component library, based on [wg-angular-library](https://github.infra.int.daas-watchguard.com/rkesavan/wg-angular-library/tree/rkesavan) project. This component shows a popup dialog with header, body, footer that is passed in as inp

Latest version **1.0.8** (published 2017-03-30) · MIT license · 0 weekly downloads

## Install

```sh
npm install wg-dialog
pnpm add wg-dialog
yarn add wg-dialog
bun add wg-dialog
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.8 |
| Published | 2017-03-30 |
| First published | 2017-03-30 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 13 |
| Known vulnerabilities | 0 (+24 in 4 direct dependencies) |
| Install scripts | no |
| Maintainers | rahul0923 |

## Links

- npm: https://www.npmjs.com/package/wg-dialog
- npm.io page: https://npm.io/package/wg-dialog

## Dependencies (13)

- [rxjs](https://npm.io/package/rxjs.md) ^5.1.0
- [moment](https://npm.io/package/moment.md) ^2.13.0
- [core-js](https://npm.io/package/core-js.md) ^2.4.1
- [primeng](https://npm.io/package/primeng.md) 2.0.1
- [primeui](https://npm.io/package/primeui.md) ^4.1.15
- [zone.js](https://npm.io/package/zone.js.md) ^0.7.6
- [@angular/core](https://npm.io/package/@angular/core.md) ^2.4.0
- [@angular/forms](https://npm.io/package/@angular/forms.md) ^2.4.0
- [@angular/common](https://npm.io/package/@angular/common.md) ^2.4.0
- [@angular/router](https://npm.io/package/@angular/router.md) ^3.4.0
- [@angular/compiler](https://npm.io/package/@angular/compiler.md) ^2.4.0
- [@angular/platform-browser](https://npm.io/package/@angular/platform-browser.md) ^2.4.0
- [@angular/platform-browser-dynamic](https://npm.io/package/@angular/platform-browser-dynamic.md) ^2.4.0

## Recent versions

- 1.0.8 (latest) — 2017-03-30
- 1.0.7 — 2017-03-30
- 1.0.6 — 2017-03-30
- 1.0.4 — 2017-03-30
- 1.0.2 — 2017-03-30
- 1.0.1 — 2017-03-30
- 1.0.0 — 2017-03-30
- 0.0.1 — 2017-03-30

## README

# WgDialog
WgDialog is an angular component library, based on [wg-angular-library](https://github.infra.int.daas-watchguard.com/rkesavan/wg-angular-library/tree/rkesavan) project. This component shows a popup dialog with header, body, footer that is passed in as inputs and emits events to close the dialog.

# Notes
It was generated by [angular-cli](https://github.com/angular/angular-cli) with `ng new wg-dialog` command.

This library has demo app, that can be used for documentation or sandbox purposes, and expose only `component` directory, which has the code for the library.

Run `npm install` to download the dependencies.

Run `npm start` to run it and test the app locally. 

go to [http://localhost:4200](http://localhost:4200) in your browser.

# Package.json
Before running `npm install` update your package.json to add libraries (Primeng, bootstrap, d3 etc).

# Usage
 * create new [angular-cli] project: `ng new test-wg-dialog` or use it within your existing repo.
 * install library: `npm install --save wg-dialog`
 * add module import declaration in `app.module.ts`:
 ```typescript
    import { BrowserModule } from '@angular/platform-browser';
    import { NgModule } from '@angular/core';
    
    import { AppComponent } from './app.component';
    import { WgDialogModule } from 'wg-dialog/wg-dialog';

    @NgModule({
      declarations: [
        AppComponent
      ],
      imports: [
        BrowserModule,
        WgDialogModule
      ],
      providers: [],
      bootstrap: [AppComponent]
    })
 ```
 * use `wg-dialog` in `app.component.html`
  	```typescript
	<h2>Test Dialog Component</h2>
	<button class="btn" type="button"
			id="showDialog"
			(click)="showDialog()">Show Dialog
	</button>

	<wg-dialog 
	  [showDialog]="dialogVisible"
	  (dialogClosedEvent)="dialogCloseFired()">
	  <div dialog-title>Sample Dialog</div>
	  <div dialog-content>
		<p>Sample Dialog body</p>
	  </div>
	</wg-dialog>
  ```
  
 * run project: `npm start`


For a more in depth explanation of the component, please see the [Wiki](https://github.infra.int.daas-watchguard.com/Team-DaaShers/wg-dialog/wiki)

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