@seatmaps.com/react-lib-angular-wrapper/README.md

Jets seat map React library wrapper.

# SeatmapAngularWrapper

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

## Build

Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. For installation from root folder contents of the `dist/` directory will be copied to the root. This may be changed later

# Angular wrapper for Seatmap react app

## Integration process

1. Run `npm i @seatmaps.com/react-lib-angular-wrapper`

2. Import module into your `app.module.ts` and add it to `imports`

```ts
import { SeatmapAngularLibModule } from '@seatmaps.com/react-lib-angular-wrapper';
...

@NgModule({
  declarations: [
    AppComponent,
    ...
  ],
  imports: [
    ...
    SeatmapAngularLibModule,
    ...
  ],
  providers: [

  ],
  bootstrap: [AppComponent]
})
export class AppModule { }
```

3. See usage below

## Usage

```html
<seatmap
  [config]="config"
  [flight]="flight"
  [availability]="availability"
  [passengers]="passengers"
  [seatJumpTo]="seatJumpTo"
  [currentDeckIndex]="deckIndex"
  (onSeatMapInited)="onSeatInit($event)"
  (onSeatSelected)="onSeatSelect($event)"
  (onSeatUnselected)="onSeatUnselect($event)"
  (onTooltipRequested)="onTooltipRequested($event)"
  (onLayoutUpdated)="onLayoutUpdated($event)"
  (onSeatMouseLeave)="onSeatMouseLeave($event)"
  (onSeatMouseClick)="onSeatMouseClick($event)"
  (onAvailabilityApplied)="onAvailabilityApplied($event)"
></seatmap>
```

For better understanding how it works read [React lib doc](https://www.npmjs.com/package/@seatmaps.com/react-lib) and [Integration instruction](https://github.com/Kwiket/jets-seatmap-react-lib-pub/blob/version-3/README.md)