@seatlayer/angular 0.35.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 SeatLayer
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,128 @@
+# @seatlayer/angular
+
+[![npm](https://img.shields.io/npm/v/@seatlayer/angular)](https://www.npmjs.com/package/@seatlayer/angular)
+[![npm downloads](https://img.shields.io/npm/dm/@seatlayer/angular)](https://www.npmjs.com/package/@seatlayer/angular)
+[![Angular](https://img.shields.io/badge/Angular-%E2%89%A517-DD0031.svg)](https://angular.dev/)
+[![License: MIT](https://img.shields.io/badge/license-MIT-111827.svg)](../../LICENSE)
+
+The official Angular component for SeatLayer reserved seating. Render an
+interactive chart, hold inventory in the browser, and complete the booking from
+your trusted server.
+
+[Package on npm](https://www.npmjs.com/package/@seatlayer/angular) ·
+[SeatPicker docs](https://docs.seatlayer.io/buyer-sdk/seat-picker/) ·
+[Live demo](https://app.seatlayer.io/demo/play) ·
+[Website](https://seatlayer.io/developers/)
+
+## Install
+
+```bash
+npm install @seatlayer/angular
+```
+
+Requires Angular 17 or newer. The component is **standalone** — import it
+directly, no NgModule needed.
+
+## Usage
+
+```ts
+import { Component, ViewChild } from '@angular/core';
+import { SeatLayerSeatingChartComponent, type SelectedSeat } from '@seatlayer/angular';
+
+@Component({
+  selector: 'app-checkout',
+  standalone: true,
+  imports: [SeatLayerSeatingChartComponent],
+  template: `
+    <seatlayer-seating-chart
+      #chart
+      event="ev_9f3a"
+      style="display:block; height:520px"
+      (selectionChange)="onSelectionChange($event)"
+      (hold)="bookOnYourServer($event.holdId)"
+    />
+    <button (click)="chart.holdSelection()">Continue</button>
+  `,
+})
+export class CheckoutComponent {
+  @ViewChild('chart') chart!: SeatLayerSeatingChartComponent;
+
+  onSelectionChange(seats: SelectedSeat[]) {
+    console.log('selected', seats);
+  }
+
+  bookOnYourServer(holdId: string) { /* … */ }
+}
+```
+
+## Inputs
+
+| Input | Type | Notes |
+| --- | --- | --- |
+| `event` | `string` | **Required.** Changing it rebuilds the chart. |
+| `apiBase` | `string` | Defaults to the public API. |
+| `maxSelection` | `number` | Cap on how many seats a buyer may select. |
+| `publicKey` | `string` | Publishable key, when your integration uses one. |
+| `locale` | `string` | BCP-47 locale for built-in copy. |
+| `currency` | `string` | ISO currency for price formatting. |
+| `colorblindSafe` | `boolean` | Render colorblind-safe seat glyphs. |
+| `seatTooltip` | `boolean` | Set `false` to draw your own popover from `(seatHover)`. |
+| `messages` | `object` | Copy overrides. Read once per rebuild. |
+
+Only `event`, `apiBase`, `maxSelection`, `publicKey`, `locale`, `currency` and
+`colorblindSafe` rebuild the canvas — an unrelated change-detection pass never
+destroys the chart mid-selection.
+
+## Outputs
+
+| Output | Payload |
+| --- | --- |
+| `(selectionChange)` | `SelectedSeat[]` |
+| `(hold)` | `HoldResult` |
+| `(holdRestored)` | `HoldResult` |
+| `(holdExpired)` | — |
+| `(gaClick)` | `GAAreaAvailability` |
+| `(errored)` | `unknown` |
+| `(deckTap)` | `string` (floor id) |
+| `(hint)` | `string \| null` — `null` clears the hint |
+| `(seatHover)` | `SeatHoverDetails \| null` — `null` when the pointer leaves |
+
+> `(errored)` rather than `(error)`: `error` collides with the native DOM error
+> event on the host element, which would fire your handler for unrelated
+> failures.
+
+## Imperative API
+
+Via a template ref (`#chart`):
+
+`holdSelection` · `resumeHold` · `getCurrentHold` · `getGAAreas` · `holdGA` ·
+`bestAvailable` · `release` · `releaseLabels` · `getSelection` · `setSeatTier` ·
+`getFloors` · `setFloor` · `setColorblindSafe` · `zoomIn` · `zoomOut` ·
+`zoomToFit`
+
+> `holdSelection()` rather than `hold()`: `hold` is already the name of the
+> `@Output`, and a class cannot have both.
+
+## Zone behaviour
+
+The chart runs a `requestAnimationFrame` render loop and its own pointer
+handlers. Those are created **outside** the Angular zone — left inside it, every
+frame would schedule change detection for your whole application. Each callback
+re-enters the zone only to emit, which is the only part Angular needs to see.
+
+## Also exported
+
+- `SeatPickerWidget` — the framework-agnostic one-call modal (`SeatPickerWidget.open()`).
+- `attachPickerFrame` — host-side iframe helper; grows on `seatlayer:height` and
+  pins on `seatlayer:fullscreen`.
+
+## Related
+
+- [`@seatlayer/react`](https://www.npmjs.com/package/@seatlayer/react) — React components
+- [`@seatlayer/vue`](https://www.npmjs.com/package/@seatlayer/vue) — Vue 3 components
+- [`@seatlayer/js`](https://www.npmjs.com/package/@seatlayer/js) — framework-agnostic core
+- [Server SDKs](https://docs.seatlayer.io/server-sdk/install/) — Node.js, Python, PHP, Java, Go, Ruby, .NET
+
+## License
+
+MIT

package/dist/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 SeatLayer
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/README.md

@@ -0,0 +1,128 @@
+# @seatlayer/angular
+
+[![npm](https://img.shields.io/npm/v/@seatlayer/angular)](https://www.npmjs.com/package/@seatlayer/angular)
+[![npm downloads](https://img.shields.io/npm/dm/@seatlayer/angular)](https://www.npmjs.com/package/@seatlayer/angular)
+[![Angular](https://img.shields.io/badge/Angular-%E2%89%A517-DD0031.svg)](https://angular.dev/)
+[![License: MIT](https://img.shields.io/badge/license-MIT-111827.svg)](../../LICENSE)
+
+The official Angular component for SeatLayer reserved seating. Render an
+interactive chart, hold inventory in the browser, and complete the booking from
+your trusted server.
+
+[Package on npm](https://www.npmjs.com/package/@seatlayer/angular) ·
+[SeatPicker docs](https://docs.seatlayer.io/buyer-sdk/seat-picker/) ·
+[Live demo](https://app.seatlayer.io/demo/play) ·
+[Website](https://seatlayer.io/developers/)
+
+## Install
+
+```bash
+npm install @seatlayer/angular
+```
+
+Requires Angular 17 or newer. The component is **standalone** — import it
+directly, no NgModule needed.
+
+## Usage
+
+```ts
+import { Component, ViewChild } from '@angular/core';
+import { SeatLayerSeatingChartComponent, type SelectedSeat } from '@seatlayer/angular';
+
+@Component({
+  selector: 'app-checkout',
+  standalone: true,
+  imports: [SeatLayerSeatingChartComponent],
+  template: `
+    <seatlayer-seating-chart
+      #chart
+      event="ev_9f3a"
+      style="display:block; height:520px"
+      (selectionChange)="onSelectionChange($event)"
+      (hold)="bookOnYourServer($event.holdId)"
+    />
+    <button (click)="chart.holdSelection()">Continue</button>
+  `,
+})
+export class CheckoutComponent {
+  @ViewChild('chart') chart!: SeatLayerSeatingChartComponent;
+
+  onSelectionChange(seats: SelectedSeat[]) {
+    console.log('selected', seats);
+  }
+
+  bookOnYourServer(holdId: string) { /* … */ }
+}
+```
+
+## Inputs
+
+| Input | Type | Notes |
+| --- | --- | --- |
+| `event` | `string` | **Required.** Changing it rebuilds the chart. |
+| `apiBase` | `string` | Defaults to the public API. |
+| `maxSelection` | `number` | Cap on how many seats a buyer may select. |
+| `publicKey` | `string` | Publishable key, when your integration uses one. |
+| `locale` | `string` | BCP-47 locale for built-in copy. |
+| `currency` | `string` | ISO currency for price formatting. |
+| `colorblindSafe` | `boolean` | Render colorblind-safe seat glyphs. |
+| `seatTooltip` | `boolean` | Set `false` to draw your own popover from `(seatHover)`. |
+| `messages` | `object` | Copy overrides. Read once per rebuild. |
+
+Only `event`, `apiBase`, `maxSelection`, `publicKey`, `locale`, `currency` and
+`colorblindSafe` rebuild the canvas — an unrelated change-detection pass never
+destroys the chart mid-selection.
+
+## Outputs
+
+| Output | Payload |
+| --- | --- |
+| `(selectionChange)` | `SelectedSeat[]` |
+| `(hold)` | `HoldResult` |
+| `(holdRestored)` | `HoldResult` |
+| `(holdExpired)` | — |
+| `(gaClick)` | `GAAreaAvailability` |
+| `(errored)` | `unknown` |
+| `(deckTap)` | `string` (floor id) |
+| `(hint)` | `string \| null` — `null` clears the hint |
+| `(seatHover)` | `SeatHoverDetails \| null` — `null` when the pointer leaves |
+
+> `(errored)` rather than `(error)`: `error` collides with the native DOM error
+> event on the host element, which would fire your handler for unrelated
+> failures.
+
+## Imperative API
+
+Via a template ref (`#chart`):
+
+`holdSelection` · `resumeHold` · `getCurrentHold` · `getGAAreas` · `holdGA` ·
+`bestAvailable` · `release` · `releaseLabels` · `getSelection` · `setSeatTier` ·
+`getFloors` · `setFloor` · `setColorblindSafe` · `zoomIn` · `zoomOut` ·
+`zoomToFit`
+
+> `holdSelection()` rather than `hold()`: `hold` is already the name of the
+> `@Output`, and a class cannot have both.
+
+## Zone behaviour
+
+The chart runs a `requestAnimationFrame` render loop and its own pointer
+handlers. Those are created **outside** the Angular zone — left inside it, every
+frame would schedule change detection for your whole application. Each callback
+re-enters the zone only to emit, which is the only part Angular needs to see.
+
+## Also exported
+
+- `SeatPickerWidget` — the framework-agnostic one-call modal (`SeatPickerWidget.open()`).
+- `attachPickerFrame` — host-side iframe helper; grows on `seatlayer:height` and
+  pins on `seatlayer:fullscreen`.
+
+## Related
+
+- [`@seatlayer/react`](https://www.npmjs.com/package/@seatlayer/react) — React components
+- [`@seatlayer/vue`](https://www.npmjs.com/package/@seatlayer/vue) — Vue 3 components
+- [`@seatlayer/js`](https://www.npmjs.com/package/@seatlayer/js) — framework-agnostic core
+- [Server SDKs](https://docs.seatlayer.io/server-sdk/install/) — Node.js, Python, PHP, Java, Go, Ruby, .NET
+
+## License
+
+MIT

package/dist/fesm2022/seatlayer-angular.mjs

@@ -0,0 +1,246 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, inject, NgZone, DestroyRef, ViewChild, Output, Input, ChangeDetectionStrategy, Component } from '@angular/core';
+import { SeatingChart } from '@seatlayer/js';
+export { SeatPicker as SeatPickerWidget, attachPickerFrame } from '@seatlayer/js';
+
+/**
+ * Angular wrapper around the framework-agnostic `@seatlayer/js` SDK.
+ *
+ * Standalone, so it is imported directly rather than through an NgModule.
+ *
+ * The canvas is created once and torn down on destroy. Only the inputs that
+ * change the chart's identity — `event`, `apiBase`, `maxSelection`, `publicKey`,
+ * `locale`, `currency`, `colorblindSafe` — trigger a rebuild, so an unrelated
+ * change-detection pass never destroys the canvas mid-selection.
+ *
+ * @example
+ * ```html
+ * <seatlayer-seating-chart
+ *   #chart
+ *   event="summer-gala"
+ *   (selectionChange)="onSelectionChange($event)"
+ *   (hold)="onHold($event)"
+ * />
+ * <button (click)="chart.hold()">Continue</button>
+ * ```
+ */
+class SeatLayerSeatingChartComponent {
+    /** Event key to render. Changing it rebuilds the chart. */
+    event;
+    /** API base URL. Defaults to the public API. */
+    apiBase;
+    /** Cap on how many seats a buyer may select. */
+    maxSelection;
+    /** Publishable key, when your integration uses one. */
+    publicKey;
+    /** BCP-47 locale for built-in copy. */
+    locale;
+    /** ISO currency for price formatting. */
+    currency;
+    /** Render with colorblind-safe seat glyphs. */
+    colorblindSafe;
+    /** Show the built-in seat tooltip. Set false to draw your own from `seatHover`. */
+    seatTooltip;
+    /** Copy overrides, read once per rebuild. */
+    messages;
+    /** The buyer's selection changed. */
+    selectionChange = new EventEmitter();
+    /** A hold succeeded. */
+    hold = new EventEmitter();
+    /** A previous hold was restored on mount. */
+    holdRestored = new EventEmitter();
+    /** The active hold lapsed. */
+    holdExpired = new EventEmitter();
+    /** A GA area was clicked. */
+    gaClick = new EventEmitter();
+    /** Something failed — a network error, a rejected hold. */
+    errored = new EventEmitter();
+    /** A floor deck was tapped in the 3D view. */
+    deckTap = new EventEmitter();
+    /** A transient hint worth showing the buyer, or `null` to clear it. */
+    hint = new EventEmitter();
+    /** The pointer moved onto a seat, or off one (`null`). */
+    seatHover = new EventEmitter();
+    container;
+    zone = inject(NgZone);
+    chart = null;
+    /** Inputs that require tearing the canvas down and rebuilding it. */
+    static REBUILD_INPUTS = [
+        'event', 'apiBase', 'maxSelection', 'publicKey', 'locale', 'currency', 'colorblindSafe',
+    ];
+    constructor() {
+        inject(DestroyRef).onDestroy(() => this.destroy());
+    }
+    ngOnChanges(changes) {
+        const needsRebuild = SeatLayerSeatingChartComponent.REBUILD_INPUTS.some((name) => name in changes);
+        if (needsRebuild) {
+            this.build();
+        }
+    }
+    // ---------- imperative API, for a template ref ----------
+    /** Hold the current selection. Resolves the hold, or `null` on a 409 conflict. */
+    holdSelection(options) {
+        return this.chart?.hold(options) ?? Promise.resolve(null);
+    }
+    /** Restore an active hold by its opaque id. */
+    resumeHold(holdId) {
+        return this.chart?.resumeHold(holdId) ?? Promise.resolve(null);
+    }
+    /** Current active hold known to the chart. */
+    getCurrentHold() {
+        return this.chart?.getCurrentHold() ?? null;
+    }
+    /** GA areas with live remaining capacity. */
+    getGAAreas() {
+        return this.chart?.getGAAreas() ?? [];
+    }
+    /** Atomically hold a quantity from one GA area. */
+    holdGA(areaId, qty, options) {
+        return this.chart?.holdGA(areaId, qty, options) ?? Promise.resolve(null);
+    }
+    /** Ask the server for the `qty` best free seats and hold them atomically. */
+    bestAvailable(qty, categoryKey) {
+        return this.chart?.bestAvailable(qty, categoryKey) ?? Promise.resolve(null);
+    }
+    /** Release the current hold (if any). */
+    release() {
+        return this.chart?.release() ?? Promise.resolve();
+    }
+    /** Release some held labels while keeping the remainder active. */
+    releaseLabels(labels) {
+        return this.chart?.releaseLabels(labels) ?? Promise.resolve(false);
+    }
+    /** The current selection, with prices resolved from the chart categories. */
+    getSelection() {
+        return this.chart?.getSelection() ?? [];
+    }
+    /** Choose a ticket tier for a selected seat; `null` reverts to the default. */
+    setSeatTier(seatId, tierId) {
+        this.chart?.setSeatTier(seatId, tierId);
+    }
+    /** Floors of a multi-floor chart. Empty before the first render. */
+    getFloors() {
+        return this.chart?.getFloors() ?? [];
+    }
+    /** Switch the shown floor (2D). No-ops on single-floor charts. */
+    setFloor(floorId) {
+        this.chart?.setFloor(floorId);
+    }
+    /** Toggle colorblind-safe rendering at runtime. */
+    setColorblindSafe(on) {
+        this.chart?.setColorblindSafe(on);
+    }
+    /** Zoom in one step (same increment as the wheel/pinch gesture). */
+    zoomIn() {
+        this.chart?.zoomIn();
+    }
+    /** Zoom out one step. */
+    zoomOut() {
+        this.chart?.zoomOut();
+    }
+    /** Reset the camera so the whole chart fits the container. */
+    zoomToFit() {
+        this.chart?.zoomToFit();
+    }
+    // ---------- internals ----------
+    build() {
+        const element = this.container?.nativeElement;
+        if (!element)
+            return;
+        this.destroy();
+        // The chart runs a rAF render loop and pointer handlers. Left inside the
+        // Angular zone, every frame would schedule change detection for the whole
+        // application — so it is built outside, and each callback re-enters the zone
+        // only to emit, which is the only part Angular needs to see.
+        this.zone.runOutsideAngular(() => {
+            const emit = (emitter, value) => this.zone.run(() => emitter.emit(value));
+            const instance = new SeatingChart({
+                container: element,
+                event: this.event,
+                apiBase: this.apiBase,
+                maxSelection: this.maxSelection,
+                publicKey: this.publicKey,
+                locale: this.locale,
+                currency: this.currency,
+                colorblindSafe: this.colorblindSafe,
+                seatTooltip: this.seatTooltip,
+                messages: this.messages,
+                onSelectionChange: (seats) => emit(this.selectionChange, seats),
+                onHold: (result) => emit(this.hold, result),
+                onHoldRestored: (result) => emit(this.holdRestored, result),
+                onHoldExpired: () => this.zone.run(() => this.holdExpired.emit()),
+                onGAClick: (area) => emit(this.gaClick, area),
+                onError: (error) => emit(this.errored, error),
+                onDeckTap: (floorId) => emit(this.deckTap, floorId),
+                onHint: (message) => emit(this.hint, message),
+                onSeatHover: (details) => emit(this.seatHover, details),
+            });
+            this.chart = instance;
+            void instance.render();
+        });
+    }
+    destroy() {
+        this.chart?.destroy();
+        this.chart = null;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: SeatLayerSeatingChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: SeatLayerSeatingChartComponent, isStandalone: true, selector: "seatlayer-seating-chart", inputs: { event: "event", apiBase: "apiBase", maxSelection: "maxSelection", publicKey: "publicKey", locale: "locale", currency: "currency", colorblindSafe: "colorblindSafe", seatTooltip: "seatTooltip", messages: "messages" }, outputs: { selectionChange: "selectionChange", hold: "hold", holdRestored: "holdRestored", holdExpired: "holdExpired", gaClick: "gaClick", errored: "errored", deckTap: "deckTap", hint: "hint", seatHover: "seatHover" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: '<div #container class="seatlayer-container"></div>', isInline: true, styles: [":host{display:block}.seatlayer-container{width:100%;height:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: SeatLayerSeatingChartComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'seatlayer-seating-chart', standalone: true, template: '<div #container class="seatlayer-container"></div>', changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block}.seatlayer-container{width:100%;height:100%}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { event: [{
+                type: Input,
+                args: [{ required: true }]
+            }], apiBase: [{
+                type: Input
+            }], maxSelection: [{
+                type: Input
+            }], publicKey: [{
+                type: Input
+            }], locale: [{
+                type: Input
+            }], currency: [{
+                type: Input
+            }], colorblindSafe: [{
+                type: Input
+            }], seatTooltip: [{
+                type: Input
+            }], messages: [{
+                type: Input
+            }], selectionChange: [{
+                type: Output
+            }], hold: [{
+                type: Output
+            }], holdRestored: [{
+                type: Output
+            }], holdExpired: [{
+                type: Output
+            }], gaClick: [{
+                type: Output
+            }], errored: [{
+                type: Output
+            }], deckTap: [{
+                type: Output
+            }], hint: [{
+                type: Output
+            }], seatHover: [{
+                type: Output
+            }], container: [{
+                type: ViewChild,
+                args: ['container', { static: true }]
+            }] } });
+
+/**
+ * @seatlayer/angular — the Angular wrapper for the SeatLayer embed SDK.
+ *
+ * The component is standalone; import it directly rather than through an
+ * NgModule.
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SeatLayerSeatingChartComponent };
+//# sourceMappingURL=seatlayer-angular.mjs.map

package/dist/fesm2022/seatlayer-angular.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"seatlayer-angular.mjs","sources":["../../src/seating-chart.component.ts","../../src/index.ts","../../src/seatlayer-angular.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  DestroyRef,\n  ElementRef,\n  EventEmitter,\n  Input,\n  NgZone,\n  OnChanges,\n  Output,\n  SimpleChanges,\n  ViewChild,\n  inject,\n} from '@angular/core';\nimport {\n  SeatingChart as CoreSeatingChart,\n  type SeatingChartOptions,\n  type SelectedSeat,\n  type HoldResult,\n  type BestAvailableResult,\n  type GAAreaAvailability,\n  type SeatHoverDetails,\n} from '@seatlayer/js';\n\n/**\n * Angular wrapper around the framework-agnostic `@seatlayer/js` SDK.\n *\n * Standalone, so it is imported directly rather than through an NgModule.\n *\n * The canvas is created once and torn down on destroy. Only the inputs that\n * change the chart's identity — `event`, `apiBase`, `maxSelection`, `publicKey`,\n * `locale`, `currency`, `colorblindSafe` — trigger a rebuild, so an unrelated\n * change-detection pass never destroys the canvas mid-selection.\n *\n * @example\n * ```html\n * <seatlayer-seating-chart\n *   #chart\n *   event=\"summer-gala\"\n *   (selectionChange)=\"onSelectionChange($event)\"\n *   (hold)=\"onHold($event)\"\n * />\n * <button (click)=\"chart.hold()\">Continue</button>\n * ```\n */\n@Component({\n  selector: 'seatlayer-seating-chart',\n  standalone: true,\n  template: '<div #container class=\"seatlayer-container\"></div>',\n  styles: [':host { display: block; } .seatlayer-container { width: 100%; height: 100%; }'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SeatLayerSeatingChartComponent implements OnChanges {\n  /** Event key to render. Changing it rebuilds the chart. */\n  @Input({ required: true }) event!: string;\n\n  /** API base URL. Defaults to the public API. */\n  @Input() apiBase?: string;\n\n  /** Cap on how many seats a buyer may select. */\n  @Input() maxSelection?: number;\n\n  /** Publishable key, when your integration uses one. */\n  @Input() publicKey?: string;\n\n  /** BCP-47 locale for built-in copy. */\n  @Input() locale?: string;\n\n  /** ISO currency for price formatting. */\n  @Input() currency?: string;\n\n  /** Render with colorblind-safe seat glyphs. */\n  @Input() colorblindSafe?: boolean;\n\n  /** Show the built-in seat tooltip. Set false to draw your own from `seatHover`. */\n  @Input() seatTooltip?: boolean;\n\n  /** Copy overrides, read once per rebuild. */\n  @Input() messages?: SeatingChartOptions['messages'];\n\n  /** The buyer's selection changed. */\n  @Output() readonly selectionChange: EventEmitter<SelectedSeat[]> = new EventEmitter<SelectedSeat[]>();\n\n  /** A hold succeeded. */\n  @Output() readonly hold: EventEmitter<HoldResult> = new EventEmitter<HoldResult>();\n\n  /** A previous hold was restored on mount. */\n  @Output() readonly holdRestored: EventEmitter<HoldResult> = new EventEmitter<HoldResult>();\n\n  /** The active hold lapsed. */\n  @Output() readonly holdExpired: EventEmitter<void> = new EventEmitter<void>();\n\n  /** A GA area was clicked. */\n  @Output() readonly gaClick: EventEmitter<GAAreaAvailability> = new EventEmitter<GAAreaAvailability>();\n\n  /** Something failed — a network error, a rejected hold. */\n  @Output() readonly errored: EventEmitter<unknown> = new EventEmitter<unknown>();\n\n  /** A floor deck was tapped in the 3D view. */\n  @Output() readonly deckTap: EventEmitter<string> = new EventEmitter<string>();\n\n  /** A transient hint worth showing the buyer, or `null` to clear it. */\n  @Output() readonly hint: EventEmitter<string | null> = new EventEmitter<string | null>();\n\n  /** The pointer moved onto a seat, or off one (`null`). */\n  @Output() readonly seatHover: EventEmitter<SeatHoverDetails | null> = new EventEmitter<SeatHoverDetails | null>();\n\n  @ViewChild('container', { static: true })\n  private readonly container!: ElementRef<HTMLDivElement>;\n\n  private readonly zone = inject(NgZone);\n  private chart: CoreSeatingChart | null = null;\n\n  /** Inputs that require tearing the canvas down and rebuilding it. */\n  private static readonly REBUILD_INPUTS = [\n    'event', 'apiBase', 'maxSelection', 'publicKey', 'locale', 'currency', 'colorblindSafe',\n  ] as const;\n\n  constructor() {\n    inject(DestroyRef).onDestroy(() => this.destroy());\n  }\n\n  ngOnChanges(changes: SimpleChanges): void {\n    const needsRebuild = SeatLayerSeatingChartComponent.REBUILD_INPUTS.some((name) => name in changes);\n    if (needsRebuild) {\n      this.build();\n    }\n  }\n\n  // ---------- imperative API, for a template ref ----------\n\n  /** Hold the current selection. Resolves the hold, or `null` on a 409 conflict. */\n  holdSelection(options?: { ttlMs?: number }): Promise<HoldResult | null> {\n    return this.chart?.hold(options) ?? Promise.resolve(null);\n  }\n\n  /** Restore an active hold by its opaque id. */\n  resumeHold(holdId: string): Promise<HoldResult | null> {\n    return this.chart?.resumeHold(holdId) ?? Promise.resolve(null);\n  }\n\n  /** Current active hold known to the chart. */\n  getCurrentHold(): HoldResult | null {\n    return this.chart?.getCurrentHold() ?? null;\n  }\n\n  /** GA areas with live remaining capacity. */\n  getGAAreas(): GAAreaAvailability[] {\n    return this.chart?.getGAAreas() ?? [];\n  }\n\n  /** Atomically hold a quantity from one GA area. */\n  holdGA(\n    areaId: string,\n    qty: number,\n    options?: { tierId?: string | null; ttlMs?: number },\n  ): Promise<HoldResult | null> {\n    return this.chart?.holdGA(areaId, qty, options) ?? Promise.resolve(null);\n  }\n\n  /** Ask the server for the `qty` best free seats and hold them atomically. */\n  bestAvailable(qty: number, categoryKey?: string): Promise<BestAvailableResult | null> {\n    return this.chart?.bestAvailable(qty, categoryKey) ?? Promise.resolve(null);\n  }\n\n  /** Release the current hold (if any). */\n  release(): Promise<void> {\n    return this.chart?.release() ?? Promise.resolve();\n  }\n\n  /** Release some held labels while keeping the remainder active. */\n  releaseLabels(labels: string[]): Promise<boolean> {\n    return this.chart?.releaseLabels(labels) ?? Promise.resolve(false);\n  }\n\n  /** The current selection, with prices resolved from the chart categories. */\n  getSelection(): SelectedSeat[] {\n    return this.chart?.getSelection() ?? [];\n  }\n\n  /** Choose a ticket tier for a selected seat; `null` reverts to the default. */\n  setSeatTier(seatId: string, tierId: string | null): void {\n    this.chart?.setSeatTier(seatId, tierId);\n  }\n\n  /** Floors of a multi-floor chart. Empty before the first render. */\n  getFloors(): { id: string; name: string }[] {\n    return this.chart?.getFloors() ?? [];\n  }\n\n  /** Switch the shown floor (2D). No-ops on single-floor charts. */\n  setFloor(floorId: string): void {\n    this.chart?.setFloor(floorId);\n  }\n\n  /** Toggle colorblind-safe rendering at runtime. */\n  setColorblindSafe(on: boolean): void {\n    this.chart?.setColorblindSafe(on);\n  }\n\n  /** Zoom in one step (same increment as the wheel/pinch gesture). */\n  zoomIn(): void {\n    this.chart?.zoomIn();\n  }\n\n  /** Zoom out one step. */\n  zoomOut(): void {\n    this.chart?.zoomOut();\n  }\n\n  /** Reset the camera so the whole chart fits the container. */\n  zoomToFit(): void {\n    this.chart?.zoomToFit();\n  }\n\n  // ---------- internals ----------\n\n  private build(): void {\n    const element = this.container?.nativeElement;\n    if (!element) return;\n\n    this.destroy();\n\n    // The chart runs a rAF render loop and pointer handlers. Left inside the\n    // Angular zone, every frame would schedule change detection for the whole\n    // application — so it is built outside, and each callback re-enters the zone\n    // only to emit, which is the only part Angular needs to see.\n    this.zone.runOutsideAngular(() => {\n      const emit = <T>(emitter: EventEmitter<T>, value: T) =>\n        this.zone.run(() => emitter.emit(value));\n\n      const instance = new CoreSeatingChart({\n        container: element,\n        event: this.event,\n        apiBase: this.apiBase,\n        maxSelection: this.maxSelection,\n        publicKey: this.publicKey,\n        locale: this.locale,\n        currency: this.currency,\n        colorblindSafe: this.colorblindSafe,\n        seatTooltip: this.seatTooltip,\n        messages: this.messages,\n        onSelectionChange: (seats) => emit(this.selectionChange, seats),\n        onHold: (result) => emit(this.hold, result),\n        onHoldRestored: (result) => emit(this.holdRestored, result),\n        onHoldExpired: () => this.zone.run(() => this.holdExpired.emit()),\n        onGAClick: (area) => emit(this.gaClick, area),\n        onError: (error) => emit(this.errored, error),\n        onDeckTap: (floorId) => emit(this.deckTap, floorId),\n        onHint: (message) => emit(this.hint, message),\n        onSeatHover: (details) => emit(this.seatHover, details),\n      });\n\n      this.chart = instance;\n      void instance.render();\n    });\n  }\n\n  private destroy(): void {\n    this.chart?.destroy();\n    this.chart = null;\n  }\n}\n","/**\n * @seatlayer/angular — the Angular wrapper for the SeatLayer embed SDK.\n *\n * The component is standalone; import it directly rather than through an\n * NgModule.\n */\nexport { SeatLayerSeatingChartComponent } from './seating-chart.component';\n\nexport type {\n  SelectedSeat,\n  HoldResult,\n  BestAvailableResult,\n  GAAreaAvailability,\n  HoldLineItem,\n  SeatHoverDetails,\n} from '@seatlayer/js';\n\n// The framework-agnostic widget class — for the one-call modal (SeatPickerWidget.open()).\nexport { SeatPicker as SeatPickerWidget } from '@seatlayer/js';\n\n// Host-side embed helper: grows the iframe on `seatlayer:height` and pins it on\n// `seatlayer:fullscreen`. Angular hosts depend on this package alone, so it has to\n// be reachable here rather than only from @seatlayer/js.\nexport { attachPickerFrame } from '@seatlayer/js';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["CoreSeatingChart"],"mappings":"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"}

package/dist/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @seatlayer/angular — the Angular wrapper for the SeatLayer embed SDK.
+ *
+ * The component is standalone; import it directly rather than through an
+ * NgModule.
+ */
+export { SeatLayerSeatingChartComponent } from './seating-chart.component';
+export type { SelectedSeat, HoldResult, BestAvailableResult, GAAreaAvailability, HoldLineItem, SeatHoverDetails, } from '@seatlayer/js';
+export { SeatPicker as SeatPickerWidget } from '@seatlayer/js';
+export { attachPickerFrame } from '@seatlayer/js';

package/dist/seating-chart.component.d.ts

@@ -0,0 +1,113 @@
+import { EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
+import { type SeatingChartOptions, type SelectedSeat, type HoldResult, type BestAvailableResult, type GAAreaAvailability, type SeatHoverDetails } from '@seatlayer/js';
+import * as i0 from "@angular/core";
+/**
+ * Angular wrapper around the framework-agnostic `@seatlayer/js` SDK.
+ *
+ * Standalone, so it is imported directly rather than through an NgModule.
+ *
+ * The canvas is created once and torn down on destroy. Only the inputs that
+ * change the chart's identity — `event`, `apiBase`, `maxSelection`, `publicKey`,
+ * `locale`, `currency`, `colorblindSafe` — trigger a rebuild, so an unrelated
+ * change-detection pass never destroys the canvas mid-selection.
+ *
+ * @example
+ * ```html
+ * <seatlayer-seating-chart
+ *   #chart
+ *   event="summer-gala"
+ *   (selectionChange)="onSelectionChange($event)"
+ *   (hold)="onHold($event)"
+ * />
+ * <button (click)="chart.hold()">Continue</button>
+ * ```
+ */
+export declare class SeatLayerSeatingChartComponent implements OnChanges {
+    /** Event key to render. Changing it rebuilds the chart. */
+    event: string;
+    /** API base URL. Defaults to the public API. */
+    apiBase?: string;
+    /** Cap on how many seats a buyer may select. */
+    maxSelection?: number;
+    /** Publishable key, when your integration uses one. */
+    publicKey?: string;
+    /** BCP-47 locale for built-in copy. */
+    locale?: string;
+    /** ISO currency for price formatting. */
+    currency?: string;
+    /** Render with colorblind-safe seat glyphs. */
+    colorblindSafe?: boolean;
+    /** Show the built-in seat tooltip. Set false to draw your own from `seatHover`. */
+    seatTooltip?: boolean;
+    /** Copy overrides, read once per rebuild. */
+    messages?: SeatingChartOptions['messages'];
+    /** The buyer's selection changed. */
+    readonly selectionChange: EventEmitter<SelectedSeat[]>;
+    /** A hold succeeded. */
+    readonly hold: EventEmitter<HoldResult>;
+    /** A previous hold was restored on mount. */
+    readonly holdRestored: EventEmitter<HoldResult>;
+    /** The active hold lapsed. */
+    readonly holdExpired: EventEmitter<void>;
+    /** A GA area was clicked. */
+    readonly gaClick: EventEmitter<GAAreaAvailability>;
+    /** Something failed — a network error, a rejected hold. */
+    readonly errored: EventEmitter<unknown>;
+    /** A floor deck was tapped in the 3D view. */
+    readonly deckTap: EventEmitter<string>;
+    /** A transient hint worth showing the buyer, or `null` to clear it. */
+    readonly hint: EventEmitter<string | null>;
+    /** The pointer moved onto a seat, or off one (`null`). */
+    readonly seatHover: EventEmitter<SeatHoverDetails | null>;
+    private readonly container;
+    private readonly zone;
+    private chart;
+    /** Inputs that require tearing the canvas down and rebuilding it. */
+    private static readonly REBUILD_INPUTS;
+    constructor();
+    ngOnChanges(changes: SimpleChanges): void;
+    /** Hold the current selection. Resolves the hold, or `null` on a 409 conflict. */
+    holdSelection(options?: {
+        ttlMs?: number;
+    }): Promise<HoldResult | null>;
+    /** Restore an active hold by its opaque id. */
+    resumeHold(holdId: string): Promise<HoldResult | null>;
+    /** Current active hold known to the chart. */
+    getCurrentHold(): HoldResult | null;
+    /** GA areas with live remaining capacity. */
+    getGAAreas(): GAAreaAvailability[];
+    /** Atomically hold a quantity from one GA area. */
+    holdGA(areaId: string, qty: number, options?: {
+        tierId?: string | null;
+        ttlMs?: number;
+    }): Promise<HoldResult | null>;
+    /** Ask the server for the `qty` best free seats and hold them atomically. */
+    bestAvailable(qty: number, categoryKey?: string): Promise<BestAvailableResult | null>;
+    /** Release the current hold (if any). */
+    release(): Promise<void>;
+    /** Release some held labels while keeping the remainder active. */
+    releaseLabels(labels: string[]): Promise<boolean>;
+    /** The current selection, with prices resolved from the chart categories. */
+    getSelection(): SelectedSeat[];
+    /** Choose a ticket tier for a selected seat; `null` reverts to the default. */
+    setSeatTier(seatId: string, tierId: string | null): void;
+    /** Floors of a multi-floor chart. Empty before the first render. */
+    getFloors(): {
+        id: string;
+        name: string;
+    }[];
+    /** Switch the shown floor (2D). No-ops on single-floor charts. */
+    setFloor(floorId: string): void;
+    /** Toggle colorblind-safe rendering at runtime. */
+    setColorblindSafe(on: boolean): void;
+    /** Zoom in one step (same increment as the wheel/pinch gesture). */
+    zoomIn(): void;
+    /** Zoom out one step. */
+    zoomOut(): void;
+    /** Reset the camera so the whole chart fits the container. */
+    zoomToFit(): void;
+    private build;
+    private destroy;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SeatLayerSeatingChartComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SeatLayerSeatingChartComponent, "seatlayer-seating-chart", never, { "event": { "alias": "event"; "required": true; }; "apiBase": { "alias": "apiBase"; "required": false; }; "maxSelection": { "alias": "maxSelection"; "required": false; }; "publicKey": { "alias": "publicKey"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "currency": { "alias": "currency"; "required": false; }; "colorblindSafe": { "alias": "colorblindSafe"; "required": false; }; "seatTooltip": { "alias": "seatTooltip"; "required": false; }; "messages": { "alias": "messages"; "required": false; }; }, { "selectionChange": "selectionChange"; "hold": "hold"; "holdRestored": "holdRestored"; "holdExpired": "holdExpired"; "gaClick": "gaClick"; "errored": "errored"; "deckTap": "deckTap"; "hint": "hint"; "seatHover": "seatHover"; }, never, never, true, never>;
+}

package/package.json

@@ -0,0 +1,62 @@
+{
+  "name": "@seatlayer/angular",
+  "version": "0.35.0",
+  "description": "Angular component for the SeatLayer embed SDK — render an interactive seat picker and hold seats.",
+  "license": "MIT",
+  "homepage": "https://docs.seatlayer.io/buyer-sdk/seat-picker/",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/seatlayer/seatlayer-sdk.git",
+    "directory": "packages/angular"
+  },
+  "bugs": {
+    "url": "https://github.com/seatlayer/seatlayer-sdk/issues"
+  },
+  "sideEffects": false,
+  "keywords": [
+    "seating",
+    "seat-map",
+    "seating-chart",
+    "seat-picker",
+    "seatlayer",
+    "angular",
+    "ticketing"
+  ],
+  "dependencies": {
+    "tslib": "^2.8.1",
+    "@seatlayer/core": "0.35.0",
+    "@seatlayer/js": "0.35.0"
+  },
+  "peerDependencies": {
+    "@angular/common": ">=17.0.0",
+    "@angular/core": ">=17.0.0"
+  },
+  "devDependencies": {
+    "@angular/common": "^19.0.0",
+    "@angular/compiler": "^19.0.0",
+    "@angular/compiler-cli": "^19.0.0",
+    "@angular/core": "^19.0.0",
+    "ng-packagr": "^19.0.0",
+    "rxjs": "^7.8.1",
+    "typescript": "~5.6.0",
+    "zone.js": "^0.15.0"
+  },
+  "module": "./dist/fesm2022/seatlayer-angular.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/fesm2022/seatlayer-angular.mjs"
+    },
+    "./package.json": {
+      "default": "./package.json"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "ng-packagr -p ng-package.json && node ./check-entry-points.mjs",
+    "typecheck": "tsc --noEmit -p tsconfig.lib.json"
+  }
+}