diff --git a/projects/seatsio-angular/README.md b/projects/seatsio-angular/README.md index 4842fea..f21ddb4 100644 --- a/projects/seatsio-angular/README.md +++ b/projects/seatsio-angular/README.md @@ -36,6 +36,9 @@ import { SeatsioAngularModule } from '@seatsio/seatsio-angular'; Make sure you expose `config` in your component. For example: ```js +import {ChartRendererConfigOptions} from '@seatsio/seatsio-types'; +import {EmbeddableProps} from 'seatsio-angular'; + const config: EmbeddableProps = { region: "", // e.g. "eu" workspaceKey: "", @@ -56,6 +59,9 @@ to change the chart size. `onRenderStarted` is fired when the chart has started loading, but hasn't rendered yet: ```js +import {ChartRendererConfigOptions} from '@seatsio/seatsio-types'; +import {EmbeddableProps} from 'seatsio-angular'; + const config: EmbeddableProps = { region: "", workspaceKey: "", @@ -69,6 +75,9 @@ const config: EmbeddableProps = { If you store the chart object that's passed to `onRenderStarted`, you can access the properties defined on the wrapped `seatsio.SeatingChart`: ```js +import {ChartRendererConfigOptions} from '@seatsio/seatsio-types'; +import {EmbeddableProps} from 'seatsio-angular'; + let chart = null const config: EmbeddableProps = { @@ -84,6 +93,9 @@ const config: EmbeddableProps = { `onChartRendered` is fired when the chart is rendered successfully: ```js +import {ChartRendererConfigOptions} from '@seatsio/seatsio-types'; +import {EmbeddableProps} from 'seatsio-angular'; + const config: EmbeddableProps = { region: "", workspaceKey: "", @@ -99,6 +111,9 @@ const config: EmbeddableProps = { Other parameters are supported as well. For a full list, check https://docs.seats.io/docs/renderer/embed-a-floor-plan ```js +import {ChartRendererConfigOptions} from '@seatsio/seatsio-types'; +import {EmbeddableProps} from 'seatsio-angular'; + const config: EmbeddableProps = { region: "", workspaceKey: "", @@ -115,6 +130,9 @@ const config: EmbeddableProps = { ## Event manager ```js +import {EventManagerConfigOptions} from '@seatsio/seatsio-types'; +import {EmbeddableProps} from 'seatsio-angular'; + const eventManagerConfig: EmbeddableProps = { region: "", secretKey: "", @@ -135,6 +153,9 @@ Other parameters are supported as well. For a full list, check https://docs.seat To embed the seating chart designer for the purpose of creating a new chart, do this: ```js +import {ChartDesignerConfigOptions} from '@seatsio/seatsio-types'; +import {EmbeddableProps} from 'seatsio-angular'; + const designerConfig: EmbeddableProps = { region: "", secretKey: "" @@ -149,6 +170,9 @@ const designerConfig: EmbeddableProps = { To be able to edit a chart from an embedded designer, you need to specify the chart to load: ```js +import {ChartDesignerConfigOptions} from '@seatsio/seatsio-types'; +import {EmbeddableProps} from 'seatsio-angular'; + const designerConfig: EmbeddableProps = { region: "", secretKey: "", diff --git a/projects/seatsio-angular/src/public_api.ts b/projects/seatsio-angular/src/public_api.ts index 5bbe189..083347a 100644 --- a/projects/seatsio-angular/src/public_api.ts +++ b/projects/seatsio-angular/src/public_api.ts @@ -7,4 +7,3 @@ export * from './lib/seatsio-designer/seatsio-designer.component'; export * from './lib/seatsio-seating-chart/seatsio-seating-chart.component'; export * from './lib/seatsio-event-manager/seatsio-event-manager.component'; export * from './lib/seatsio-angular.module'; -export type * from '@seatsio/seatsio-types';