@seatmap.pro/renderer 1.57.0 → 1.58.6

package/lib/index.d.ts

@@ -353,6 +353,7 @@ interface IVisibilityStatus {
 interface IVisibilityStatuses {
     outline: IVisibilityStatus;
     seat: IVisibilityStatus;
+    marker: IVisibilityStatus;
 }
 
 /**
@@ -374,6 +375,8 @@ interface IRendererMachineContext {
     tiltX?: number;
     getWidth?: () => number;
     getHeight?: () => number;
+    /** Zoom strategy configuration for eagle eye view interactions */
+    interactionZoomStrategy?: InteractionZoomStrategy;
 }
 /**
  * @hidden
@@ -526,15 +529,23 @@ interface IRectSelectDestEvent {
     };
 }
 /**
+ * Pan-zoom destination event.
+ * Triggered when clicking in eagle eye view to zoom into the venue.
  * @hidden
  */
 interface IPanZoomDestEvent {
     type: DestEventType.PAN_ZOOM;
+    /** Target zoom scale */
     scale: number;
+    /** Origin point in viewport coordinates */
     origin?: {
         x: number;
         y: number;
     };
+    /** Section at the clicked point, if any */
+    section?: ISection;
+    /** Zoom strategy to apply */
+    strategy?: InteractionZoomStrategy;
 }
 /**
  * @hidden
@@ -635,6 +646,8 @@ declare class Context {
     translate: IPoint;
     isEagleView: boolean;
     visibility: IVisibilityStatuses;
+    width: number;
+    height: number;
     enable3DView: boolean;
     rotationZ: number;
     perspectiveZ: number;
@@ -859,6 +872,57 @@ interface ISection {
      */
     type?: string | null;
 }
+/**
+ * Visual and interaction states that can be applied to entities
+ */
+interface IEntityStates {
+    highlighted: boolean;
+    selected: boolean;
+    unavailable: boolean;
+    filtered: boolean;
+}
+/**
+ * Metadata for a section including visual states, bounds, and rendering info
+ */
+interface ISectionMetadata {
+    id: number;
+    name: string;
+    guid?: string;
+    type?: string;
+    elementCount: number;
+    seatCount?: number;
+    priceId?: number | string;
+    isGa?: boolean;
+    disabled?: boolean;
+    filtered?: boolean;
+    bounds?: DOMRect | null;
+    center?: {
+        x: number;
+        y: number;
+    } | null;
+    centerOutsideViewBox?: boolean;
+    outlineSource?: 'svg' | 'shape' | 'auto' | 'fallback';
+    states: IEntityStates;
+}
+/**
+ * Metadata for a seat including visual states, position, and availability
+ */
+interface ISeatMetadata {
+    id: number;
+    key: string;
+    sectionId: number;
+    sectionName?: string;
+    row?: string;
+    seat?: string;
+    x: number;
+    y: number;
+    priceId?: number | string;
+    available: boolean;
+    locked?: boolean;
+    filtered?: boolean;
+    inCart: boolean;
+    states: IEntityStates;
+}
 /**
  * Interface representing a section with additional coordinate information.
  * Extends ISection with absolute x and y coordinates.
@@ -1077,9 +1141,23 @@ interface IVisibleSetting {
     visible?: IRange;
     selectable?: IRange;
 }
+/**
+ * Visibility settings for different elements based on zoom level.
+ */
 interface IVisibilitySettings {
+    /**
+     * Visibility configuration for seats.
+     */
     seats?: IVisibleSetting;
+    /**
+     * Visibility configuration for section outlines.
+     */
     outlines?: IVisibleSetting;
+    /**
+     * Visibility configuration for custom markers.
+     * Controls when markers are visible and interactive based on zoom level.
+     */
+    markers?: IVisibleSetting;
 }
 /**
  * Minimap position options.
@@ -1103,6 +1181,12 @@ interface IMinimapSettings {
      * @default 200
      */
     width?: number;
+    /**
+     * Maximum minimap height as a percentage (0..100) of the seatmap container height.
+     * When set and the computed minimap height exceeds this limit, minimap width is reduced proportionally
+     * to preserve the venue aspect ratio.
+     */
+    maxHeightPercent?: number;
     /**
      * Opacity of the minimap.
      * @default 0.8
@@ -1146,6 +1230,105 @@ interface IMinimapSettings {
      * @default true
      */
     showCartPins?: boolean;
+    /**
+     * Show custom markers on the minimap.
+     * @default true
+     */
+    showMarkers?: boolean;
+}
+type MarkerTarget = {
+    type: 'seat';
+    seatId: number;
+} | {
+    type: 'section';
+    sectionId: number;
+} | {
+    type: 'point';
+    x: number;
+    y: number;
+};
+type MarkerAppearance = {
+    type: 'pin';
+    color?: string;
+} | {
+    type: 'circle';
+    radius?: number;
+    color?: string;
+    label?: string;
+} | {
+    type: 'custom';
+    svg: string;
+    width?: number;
+    height?: number;
+};
+interface IMarker {
+    id: string;
+    target: MarkerTarget;
+    appearance?: MarkerAppearance;
+    showOnCanvas?: boolean;
+    showOnMinimap?: boolean;
+    interactive?: boolean;
+    data?: Record<string, unknown>;
+}
+/**
+ * Individual zoom strategy option for eagle eye view interactions.
+ *
+ * @public
+ */
+type InteractionZoomStrategyType = 'default' | 'section' | 'next-scale';
+/**
+ * Zoom strategy configuration for eagle eye view interactions.
+ * Can be a single strategy or an array of strategies for fallback behavior.
+ *
+ * When an array is provided, strategies are tried in order until one succeeds.
+ * If all strategies fail, falls back to default zoom behavior (scale 1).
+ *
+ * The `'section'` strategy only works in eagle eye view. When already zoomed to a section,
+ * it will fall through to the next strategy, enabling progressive zoom behavior.
+ *
+ * @example
+ * ```typescript
+ * // Single strategy
+ * interactionZoomStrategy: 'section'
+ *
+ * // Progressive zoom with fallback
+ * interactionZoomStrategy: ['section', 'next-scale']
+ * // First click (eagle view): zooms to section
+ * // Second click (at section): zooms to next scale step
+ * ```
+ *
+ * @public
+ */
+type InteractionZoomStrategy = InteractionZoomStrategyType | InteractionZoomStrategyType[];
+/**
+ * Default settings for markers.
+ */
+interface IMarkerSettings {
+    /**
+     * Default appearance for markers when not specified per-marker.
+     * @default { type: 'pin' }
+     */
+    defaultAppearance?: MarkerAppearance;
+    /**
+     * Whether markers are shown on the main canvas by default.
+     * @default true
+     */
+    defaultShowOnCanvas?: boolean;
+    /**
+     * Whether markers are shown on the minimap by default.
+     * @default true
+     */
+    defaultShowOnMinimap?: boolean;
+    /**
+     * Whether markers are interactive (clickable/hoverable) by default.
+     * @default false
+     */
+    defaultInteractive?: boolean;
+}
+interface IResolvedMarker {
+    marker: IMarker;
+    x: number;
+    y: number;
 }
 /**
  * Loading phase identifiers for progress tracking.
@@ -1232,6 +1415,7 @@ interface IRendererSettings {
      * Theme settings for the renderer.
      */
     theme?: IRendererTheme;
+    markers?: IMarkerSettings;
     /**
      * Delay in milliseconds for debounced events.
      */
@@ -1244,6 +1428,11 @@ interface IRendererSettings {
      * Fixed height for the renderer in pixels.
      */
     height?: number;
+    /**
+     * Fixed width for the renderer in pixels.
+     * If not provided, the renderer will use the container element's width.
+     */
+    width?: number;
     /**
      * Initial padding around the venue when first loaded.
      */
@@ -1271,6 +1460,33 @@ interface IRendererSettings {
      * Duration of zoom animations in milliseconds.
      */
     zoomAnimationDuration?: number;
+    /**
+     * Zoom mode for zoomToSection method.
+     * 'fit' - Adaptively fit section to screen with padding
+     * 'scale' - Zoom to a specific scale value
+     * @default 'fit'
+     */
+    zoomToSectionMode?: 'fit' | 'scale';
+    /**
+     * Default scale value when zoomToSectionMode is 'scale' and no custom scale provided.
+     * @default 1.0
+     */
+    zoomToSectionDefaultScale?: number;
+    /**
+     * Padding percentage around section when fitting to screen (0.0 to 1.0).
+     * 0.1 means 10% padding on all sides.
+     * @default 0.1
+     */
+    zoomToSectionFitPadding?: number;
+    /**
+     * Threshold dimensions for adaptive zoom behavior.
+     * Small sections get capped zoom, large sections get minimum zoom.
+     * @default { small: 200, large: 1000 }
+     */
+    zoomToSectionAdaptiveThreshold?: {
+        small: number;
+        large: number;
+    };
     /**
      * Delay time for loading the next background in milliseconds.
      */
@@ -1336,6 +1552,44 @@ interface IRendererSettings {
      * Option to configure visibility settings
      */
     visibilitySettings?: IVisibilitySettings;
+    /**
+     * Zoom strategy when clicking on the canvas in eagle eye view.
+     * Can be a single strategy or an array of strategies for fallback behavior.
+     *
+     * Available strategies:
+     * - `'default'`: Zoom to scale 1.0 (current behavior)
+     * - `'section'`: Zoom to the clicked section using adaptive fit (only works in eagle eye view)
+     * - `'next-scale'`: Zoom to the next scale step in zoom presets
+     *
+     * When multiple strategies are provided, they are tried in order.
+     * The first strategy that can be applied is executed.
+     * If all strategies fail, falls back to default zoom behavior.
+     *
+     * **Note:** The `'section'` strategy only works when in eagle eye view (zoomed out).
+     * If already zoomed to a section, clicking again will fall through to the next strategy,
+     * allowing progressive zoom (e.g., section → next-scale → deeper zoom).
+     *
+     * @example Single strategy
+     * ```typescript
+     * interactionZoomStrategy: 'section'
+     * ```
+     *
+     * @example Multiple strategies with progressive zoom
+     * ```typescript
+     * interactionZoomStrategy: ['section', 'next-scale']
+     * // First click: zooms to section (from eagle view)
+     * // Second click: zooms to next scale (already at section, falls through)
+     * ```
+     *
+     * @example Explicit fallback to default
+     * ```typescript
+     * interactionZoomStrategy: ['section', 'default']
+     * // Tries to zoom to section first, if no section clicked or not in eagle view, zooms to scale 1
+     * ```
+     *
+     * @default 'default'
+     */
+    interactionZoomStrategy?: InteractionZoomStrategy;
     /**
      * Rises when the mouse pointer moves above a seat.
      *
@@ -1402,6 +1656,9 @@ interface IRendererSettings {
      * Cart state is passed as a param to the handler (see ICart).
      */
     onCartChange?: (cart: ICart, prevCart?: ICart) => void;
+    onMarkerClick?: (marker: IMarker, event: MouseEvent) => void;
+    onMarkerMouseEnter?: (marker: IMarker) => void;
+    onMarkerMouseLeave?: (marker: IMarker) => void;
     /**
      * Fires when the mouse pointer moves above a section.
      *
@@ -1490,6 +1747,28 @@ interface IRendererSettings {
      */
     onBeforeSeatDraw?: (event: IBeforeSeatDrawEvent) => ISeatStyle;
     lockedSeatsFilter?: (seat: ISeat) => boolean;
+    /**
+     * Suppress console warnings for deprecated API methods.
+     * Useful for gradual migration in production environments.
+     * @default false
+     */
+    suppressDeprecationWarnings?: boolean;
+    /**
+     * Control visibility of outline types based on source.
+     * Each source can be set to 'always', 'eagle-only', or 'hidden'.
+     *
+     * Source meanings:
+     * - svg: bound to the background svg
+     * - fallback: fallback outline generated from seats
+     * - shape: editor-made basic shapes
+     * - auto: editor-generated outline
+     */
+    outlineVisibility?: {
+        auto?: 'always' | 'eagle-only' | 'hidden';
+        fallback?: 'always' | 'eagle-only' | 'hidden';
+        svg?: 'always' | 'eagle-only' | 'hidden';
+        shape?: 'always' | 'eagle-only' | 'hidden';
+    };
 }
 /**
  * Represents the possible interaction states of a seat.
@@ -1582,43 +1861,69 @@ interface IRendererTheme {
 }
 
 /**
- * @hidden
+ * Outline source meaning:
+ * - svg: bound to the background svg
+ * - fallback: fallback outline generated from seats
+ * - shape: editor-made basic shapes
+ * - auto: editor-generated outline
  */
-interface IOutlineRect {
-    sectionId: number;
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-    transform?: string;
+type OutlineSource = 'svg' | 'shape' | 'auto' | 'fallback';
+interface OutlineStates {
+    highlighted?: boolean;
+    selected?: boolean;
+    unavailable?: boolean;
+    filtered?: boolean;
 }
+
 /**
  * @hidden
  */
 declare class OutlineLayer {
     svgElement: SVGSVGElement;
-    private outlineShapes;
     private outlineRect;
     private context;
-    private rowsOverlayElement?;
     private originalSvg;
     private backgroundSVG;
     private hasBackgroundOutline;
     private underlayBindedPathAttr;
-    private calculatedOutlineRects;
+    private outlineElementCache;
+    private stateManager;
+    private svgManipulator;
+    private outlineRenderer;
+    private transformManager;
+    private rowsManager;
+    setStateChangeCallback(callback: (sectionId: number) => void): void;
+    private initializeHoverHandlers;
     constructor(context: Context);
     destroy(): void;
-    setSectionSelection(id: number | undefined): void;
-    highlightGa(id: number | undefined): void;
-    clearSectionHighlight(): void;
-    highlightSection(id: number | undefined): void;
-    highlightAllSections(): void;
+    applyOutlineAttributes(element: Element, source: OutlineSource, section: ISector): void;
+    setOutlineStates(id: number | undefined, states: OutlineStates | null): void;
+    getOutlineStates(id: number): IEntityStates | undefined;
+    highlightSection(id?: number, clear?: boolean): void;
+    selectSection(id?: number): void;
+    unselectSection(id?: number): void;
+    disableSection(id?: number): void;
+    enableSection(id?: number): void;
+    clearSectionHighlight(id?: number): void;
+    filterSection(id?: number): void;
+    unfilterSection(id?: number): void;
+    private warnDeprecated;
+    /** @deprecated Use selectSection() instead */
+    setSectionSelection(id?: number): void;
+    /** @deprecated Use highlightSection() instead */
+    highlightGa(id?: number): void;
+    /** @deprecated Use highlightSection() instead */
+    focusSection(id?: number): void;
+    /** @deprecated Use clearSectionHighlight() instead */
     clearSectionFocus(): void;
-    focusSection(id: number | undefined): void;
-    private removeClassNameAll;
-    private addClassName;
+    /** @deprecated Use highlightSection() for programmatic hover or rely on native :hover */
+    highlightAllSections(): void;
     getSectionRect(id: Nullable<number>): Nullable<DOMRect>;
-    getSectionElement(id: number | undefined): Nullable<Element>;
+    private checkCenterInViewBox;
+    private getElementScreenRectInSvg;
+    getSectionElement(id: number | undefined): Element | null;
+    getSectionElements(id: number | undefined): Element[];
+    getSectionCenter(id: Nullable<number>): Nullable<IPoint>;
     get width(): number;
     get height(): number;
     updateSize(): void;
@@ -1642,15 +1947,15 @@ declare class OutlineLayer {
     private extractSVGBackgroundOutlines;
     cleanSvgInlineStyles(stylesToRemove?: string[]): void;
     updateOutlines(): void;
-    private appendAutoAndGaOutlines;
+    private appendFallbackAndUnderlayOutlines;
+    private getExcludedSectionIds;
     private createOrGetOutlineShapes;
-    private appendAutoOutlines;
-    private appendGAOutlines;
+    private appendFallbackOutlines;
+    private appendShapeOutlines;
     private getOutlineRects;
-    createOutlineRect(section: ISector): SVGRectElement;
-    calcOutlineRect(section: ISector): IOutlineRect;
+    createFallbackOutlineRect(section: ISector): SVGRectElement;
+    private getRenderContext;
     handleChangeEagleView(isEagleView?: boolean): void;
-    createGaInfo: (gaGroups: SVGGElement[]) => IGaInfo[];
     disableSvgSectionById: (id: number) => void;
     enableSvgSectionById: (id: number) => void;
     filterSvgSectionById: (id: number) => void;
@@ -1660,20 +1965,8 @@ declare class OutlineLayer {
     hide(): void;
     show(): void;
     private getContextSvg;
-    /**
-     * Force update the outline layer with current 3D transforms
-     * Similar to forceRedraw in WebGL layer
-     */
     forceUpdate(): void;
-    /**
-     * Applies 3D transforms to the SVG outline layer
-     * Implements the same rotation logic as the WebGL shaders
-     */
     private apply3DTransforms;
-    /**
-     * Appends rows overlay (SVG fragment) into the outline SVG container.
-     * If an overlay already exists, it will be replaced.
-     */
     appendRowsOverlay(rowsFragment: string, css?: string): void;
 }
 
@@ -1977,6 +2270,11 @@ interface IRenderer {
      * @param position - The position to set ('top-left', 'top-right', 'bottom-left', 'bottom-right')
      */
     setMinimapPosition?: (position: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right') => void;
+    addMarker: (marker: IMarker) => void;
+    removeMarker: (markerId: string) => void;
+    clearMarkers: () => void;
+    getMarkers: () => IMarker[];
+    getResolvedMarkers: () => IResolvedMarker[];
 }
 interface IRenderer {
     /**
@@ -1993,6 +2291,69 @@ interface IRenderer {
     }) => void;
 }
 
+type DataManagerEvent = 'sectionsChanged' | 'seatsChanged' | 'dataInvalidated' | 'dataLoaded';
+type DataManagerEventCallback = (entityId?: number) => void;
+/**
+ * Data Manager - Read-only access to cached entity metadata
+ * Aggregates data from various renderer layers without DOM access
+ */
+declare class DataManager {
+    private context;
+    private outlineLayer;
+    private sectionMetadataCache;
+    private seatMetadataCache;
+    private dirtySections;
+    private dirtySeats;
+    private allSectionsDirty;
+    private allSeatsDirty;
+    private eventCallbacks;
+    constructor(context: Context);
+    setOutlineLayer(outlineLayer: OutlineLayer): void;
+    on(event: DataManagerEvent, callback: DataManagerEventCallback): void;
+    off(event: DataManagerEvent, callback: DataManagerEventCallback): void;
+    private emit;
+    getSectionMetadata(sectionId: number): ISectionMetadata | null;
+    getAllSectionMetadata(): ISectionMetadata[];
+    getSectionOutlineElements(sectionId: number): Element[];
+    private rebuildSection;
+    private rebuildAllSections;
+    getSeatMetadata(seatId: number): ISeatMetadata | null;
+    getAllSeatMetadata(sectionId?: number): ISeatMetadata[];
+    private rebuildSeat;
+    private rebuildAllSeats;
+    invalidateSection(sectionId: number): void;
+    invalidateSections(): void;
+    invalidateSeat(seatId: number): void;
+    invalidateSeats(): void;
+    invalidateAll(): void;
+    notifyDataLoaded(): void;
+    refresh(): void;
+    destroy(): void;
+}
+
+type StateManagerEvent = 'sectionStateChanged' | 'seatStateChanged';
+type StateManagerEventCallback = (entityId: number) => void;
+/**
+ * State Manager - Handles mutations of visual/interaction states
+ * Manages state changes and emits events
+ */
+declare class StateManager {
+    private outlineLayer;
+    private eventCallbacks;
+    constructor();
+    setOutlineLayer(outlineLayer: OutlineLayer): void;
+    notifySectionStateChanged(sectionId: number): void;
+    on(event: StateManagerEvent, callback: StateManagerEventCallback): void;
+    off(event: StateManagerEvent, callback: StateManagerEventCallback): void;
+    private emit;
+    updateSectionState(sectionId: number, states: Partial<IEntityStates>): void;
+    toggleSectionState(sectionId: number, stateType: keyof IEntityStates): boolean;
+    getSectionStates(sectionId: number): IEntityStates | null;
+    clearSectionStates(sectionId: number): void;
+    clearAllHighlights(): void;
+    destroy(): void;
+}
+
 /**
  * Base Renderer class that implements the IRenderer interface.
  * Provides core functionality for rendering and interacting with a venue map.
@@ -2007,13 +2368,20 @@ declare class Renderer implements IRenderer {
     protected stageLayer: IStageLayer;
     private selectionLayer;
     protected outlineLayer: OutlineLayer;
+    private outlineLayerForMarkers?;
     private minimapLayer?;
     private loaderLayer?;
+    private markerLayer;
+    private markerManager;
+    private markerUnsubscribe?;
+    private dataManager;
+    private stateManager;
     private service;
     private zoomToFitScale;
     private isTouchMode;
     private pinchStartPoint?;
     private resizeTimer;
+    private resizeObserver?;
     protected isRunning: boolean;
     private disableZoomToEmptySpace;
     private switchToWebGL;
@@ -2035,6 +2403,7 @@ declare class Renderer implements IRenderer {
      * This includes removing event listeners, canceling animations, and destroying canvas layers.
      */
     destroy(): void;
+    private syncMarkers;
     /**
      * Gets the width of the renderer.
      *
@@ -2053,6 +2422,44 @@ declare class Renderer implements IRenderer {
      * @returns The version string
      */
     getVersion(): string;
+    /**
+     * Get the data manager for read-only access to entity metadata
+     * Use this to query section/seat data without DOM access
+     *
+     * @example
+     * ```typescript
+     * // Get all sections (after data is loaded)
+     * const sections = renderer.getDataManager().getAllSectionMetadata();
+     *
+     * // Wait for data to be loaded
+     * renderer.getDataManager().on('dataLoaded', () => {
+     *   const sections = renderer.getDataManager().getAllSectionMetadata();
+     *   console.log('Data loaded:', sections);
+     * });
+     *
+     * // Subscribe to data changes
+     * renderer.getDataManager().on('sectionsChanged', () => {
+     *   console.log('Sections data updated');
+     * });
+     * ```
+     */
+    getDataManager(): DataManager;
+    /**
+     * Get the state manager for manipulating visual states
+     * Use this to change highlight/selection/availability states
+     *
+     * @example
+     * ```typescript
+     * // Toggle section highlight
+     * renderer.getStateManager().toggleSectionState(sectionId, 'highlighted');
+     *
+     * // Subscribe to state changes
+     * renderer.getStateManager().on('sectionStateChanged', (sectionId) => {
+     *   console.log('Section state changed:', sectionId);
+     * });
+     * ```
+     */
+    getStateManager(): StateManager;
     protected showLoader(): void;
     protected updateLoaderProgress(phase: LoadingPhase, phaseProgress?: number): void;
     protected completeLoader(): void;
@@ -2184,8 +2591,14 @@ declare class Renderer implements IRenderer {
      * @returns Returns selected seats and GA ticket count
      */
     getCart(): ICart;
+    addMarker(marker: IMarker): void;
+    removeMarker(markerId: string): void;
+    clearMarkers(): void;
+    getMarkers(): IMarker[];
+    getResolvedMarkers(): IResolvedMarker[];
     private emitSrcEvent;
     private addHandlers;
+    private initializeResizeObserver;
     protected setSchemaData(schema: ISchemaDTO): Promise<void>;
     /**
      * Sets external prices to seats
@@ -2412,7 +2825,23 @@ declare class Renderer implements IRenderer {
     private getGaSectionByOutline;
     private getSectionByOutline;
     private getSectorRectByOutline;
+    /**
+     * Handles pan-zoom destination events from the state machine.
+     * Applies the configured interaction zoom strategy when clicking in eagle eye view.
+     *
+     * @param event - The pan-zoom destination event containing scale, origin, section, and strategy
+     * @private
+     */
     private handleDestPanZoom;
+    /**
+     * Attempts to apply a single zoom strategy.
+     *
+     * @param strategy - The strategy to attempt ('default', 'section', or 'next-scale')
+     * @param event - The pan-zoom event containing context for the zoom operation
+     * @returns true if the strategy was successfully applied, false if it cannot be applied
+     * @private
+     */
+    private tryZoomStrategy;
     private handleDestSeatSelect;
     private findNearestSeatGroup;
     private handleDestSeatCartSwitch;
@@ -2446,8 +2875,12 @@ declare class Renderer implements IRenderer {
     clearSectorHighlight(): void;
     highlightSector(id: number | undefined): void;
     private startPanAnimation;
+    private calculateAdaptiveFitScale;
+    private getSectionZoomTarget;
     zoomToSection(section: string | number, options?: {
         focus?: boolean;
+        mode?: 'fit' | 'scale';
+        scale?: number;
     }): void;
     zoomToDestination(newScale: number, destination: IPoint, duration?: number): void;
     /**
@@ -2588,7 +3021,7 @@ interface IAdminRendererSettings extends IRendererSettings {
  * Extends the base Renderer with admin-specific functionality.
  */
 declare class SeatmapAdminRenderer extends Renderer {
-    static readonly VERSION = "1.57.0";
+    static readonly VERSION = "1.58.6";
     protected apiClient: BookingApiClient;
     /**
      * Creates a new instance of the AdminRenderer.
@@ -2742,7 +3175,7 @@ interface IBookingRendererSettings extends IRendererSettings {
  * Extends the base Renderer with booking-specific functionality.
  */
 declare class SeatmapBookingRenderer extends Renderer {
-    static readonly VERSION = "1.57.0";
+    static readonly VERSION = "1.58.6";
     private apiClient;
     private stats;
     private tags?;
@@ -2830,7 +3263,7 @@ declare class SeatmapBookingRenderer extends Renderer {
  * Package version information
  * This file is automatically updated during the build process
  */
-declare const VERSION = "1.57.0";
+declare const VERSION = "1.58.6";
 
 declare const defaultZoomSettings: IZoomSettings;
 declare const mergeSettings: (defaults: IRendererSettings, settings?: Partial<IRendererSettings>) => IRendererSettings & Partial<IRendererSettings>;
@@ -2873,4 +3306,4 @@ declare class RotationAnimation {
     getAnimation(): IRotationAnimation | null;
 }
 
-export { BookingApiClient, type ById, type ColorById, type ColorSequenceSettings, type DeepPartial, type DestEvent, DestEventType, type IAdminRendererSettings, type IBackgroundImageLoadedEvent, type IBaseSeat, type IBaseSector, type IBasicSeatStyle, type IBeforeSeatDrawEvent, type IBookingRendererSettings, type ICart, type ICartGa, type ICartSeat, type IClickSrcEvent, type IColoredPrice, type IConfigurationDTO, type IDeselectDestEvent, type IDragEndSrcEvent, type IDragMoveSrcEvent, type IDragStartSrcEvent, type IExtendedSeat, type ILoadProgressEvent, type ILoaderSettings, type ILoaderTheme, type IMinimapSettings, type IMouseMoveSrcEvent, type IPanDestEvent, type IPanZoomDestEvent, type IPlainSeatsDTO, type IPngBackgroundDTO, type IPoint, type IPrice, type IPriceDTO, type IPriceId, type IPriceListDTO, type IRectSelectDestEvent, type IRemovedCartGa, type IRenderer, type IRendererAnimation, type IRendererMachineContext, type IRendererSeatStyleSettings, type IRendererSettings, type IRendererSvgSectionStylesSetting, type IRendererTheme, type IRowDTO, type ISVGBackgroundDTO, type ISchemaDTO, type ISeat, type ISeatCartSwitchDestEvent, type ISeatDTO, type ISeatMouseEnterDestEvent, type ISeatMouseLeaveDestEvent, type ISeatPriceScheme, type ISeatSelectDestEvent, type ISeatStyle, type ISection, type ISectionClickDestEvent, type ISectionMouseEnterDestEvent, type ISectionMouseLeaveDestEvent, type ISectionRect, type ISectionWithCoords, type ISector, type ISectorDTO, type ISpecialPrice, type ISpecialState, type ISvgSectionStyle, type IVenueDTO, type IVisibilitySettings, type IZoomSettings, type LoaderStyle, type LoadingPhase, type MinimapPosition, type Nullable, Renderer, type RendererMachine, type RendererMachineReducer, type RendererMachineService, RendererSelectMode, RendererTargetType, type RequestMetrics, RotationAnimation, type SeatFilter, type SeatInteractionState, SeatmapAdminRenderer, SeatmapBookingRenderer, type SrcEvent, SrcEventType, type TransformArray, VERSION, convertPricesToColored, convertPricesToColoredById, defaultZoomSettings, mergeSettings, sortPrices };
+export { BookingApiClient, type ById, type ColorById, type ColorSequenceSettings, DataManager, type DataManagerEvent, type DataManagerEventCallback, type DeepPartial, type DestEvent, DestEventType, type IAdminRendererSettings, type IBackgroundImageLoadedEvent, type IBaseSeat, type IBaseSector, type IBasicSeatStyle, type IBeforeSeatDrawEvent, type IBookingRendererSettings, type ICart, type ICartGa, type ICartSeat, type IClickSrcEvent, type IColoredPrice, type IConfigurationDTO, type IDeselectDestEvent, type IDragEndSrcEvent, type IDragMoveSrcEvent, type IDragStartSrcEvent, type IEntityStates, type IExtendedSeat, type ILoadProgressEvent, type ILoaderSettings, type ILoaderTheme, type IMarker, type IMarkerSettings, type IMinimapSettings, type IMouseMoveSrcEvent, type IPanDestEvent, type IPanZoomDestEvent, type IPlainSeatsDTO, type IPngBackgroundDTO, type IPoint, type IPrice, type IPriceDTO, type IPriceId, type IPriceListDTO, type IRectSelectDestEvent, type IRemovedCartGa, type IRenderer, type IRendererAnimation, type IRendererMachineContext, type IRendererSeatStyleSettings, type IRendererSettings, type IRendererSvgSectionStylesSetting, type IRendererTheme, type IResolvedMarker, type IRowDTO, type ISVGBackgroundDTO, type ISchemaDTO, type ISeat, type ISeatCartSwitchDestEvent, type ISeatDTO, type ISeatMetadata, type ISeatMouseEnterDestEvent, type ISeatMouseLeaveDestEvent, type ISeatPriceScheme, type ISeatSelectDestEvent, type ISeatStyle, type ISection, type ISectionClickDestEvent, type ISectionMetadata, type ISectionMouseEnterDestEvent, type ISectionMouseLeaveDestEvent, type ISectionRect, type ISectionWithCoords, type ISector, type ISectorDTO, type ISpecialPrice, type ISpecialState, type ISvgSectionStyle, type IVenueDTO, type IVisibilitySettings, type IZoomSettings, type InteractionZoomStrategy, type InteractionZoomStrategyType, type LoaderStyle, type LoadingPhase, type MarkerAppearance, type MarkerTarget, type MinimapPosition, type Nullable, Renderer, type RendererMachine, type RendererMachineReducer, type RendererMachineService, RendererSelectMode, RendererTargetType, type RequestMetrics, RotationAnimation, type SeatFilter, type SeatInteractionState, SeatmapAdminRenderer, SeatmapBookingRenderer, type SrcEvent, SrcEventType, StateManager, type StateManagerEvent, type StateManagerEventCallback, type TransformArray, VERSION, convertPricesToColored, convertPricesToColoredById, defaultZoomSettings, mergeSettings, sortPrices };