tickera-angular-components 0.0.1-dev.190 → 0.0.1-dev.192

package/fesm2022/tickera-angular-components.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, makeEnvironmentProviders, PLATFORM_ID, Inject, Injectable, signal, LOCALE_ID, computed, inject, EventEmitter, Input, Output, Component, ViewEncapsulation, HostListener, Self, Optional, Injector, forwardRef, effect, untracked, ViewChild } from '@angular/core';
+import { InjectionToken, makeEnvironmentProviders, PLATFORM_ID, Inject, Injectable, signal, LOCALE_ID, computed, inject, EventEmitter, Input, Output, Component, ViewEncapsulation, HostListener, Self, Optional, Injector, forwardRef, effect, untracked, ViewChild, viewChildren } from '@angular/core';
 import * as i1$3 from '@jsverse/transloco';
 import { provideTransloco, TranslocoModule, TranslocoService } from '@jsverse/transloco';
 import { from, throwError, BehaviorSubject, Subject, of, Observable, takeUntil as takeUntil$1 } from 'rxjs';
@@ -21,7 +21,7 @@ import { FormsModule, ReactiveFormsModule, Validators, NgControl, NG_VALUE_ACCES
 import * as i3 from '@ng-select/ng-select';
 import { NgSelectModule } from '@ng-select/ng-select';
 import { DEFAULT_TOOLBAR, Editor, toHTML, NgxEditorComponent, NgxEditorMenuComponent } from 'ngx-editor';
-import { StageComponent, CoreShapeComponent } from 'ng2-konva';
+import { CoreShapeComponent, StageComponent } from 'ng2-konva';
 import QRCode from 'qrcode';
 
 var formErrors$1 = {
@@ -1174,6 +1174,11 @@ const TICKET_STATUS_LABELS = {
 };
 const TICKET_MAP_GRID_SIZE = 30;
 const TICKET_MAP_TITLE_HEIGHT = 30;
+// Hover por piso: al pasar el mouse sobre un elemento de un piso, los demás
+// pisos visibles se atenúan y el piso activo pasa al frente (ver
+// PerformanceBookingDataService.floorZOrder y PerformanceTicketMapComponent).
+const TICKET_MAP_FLOOR_HOVER_OPACITY = 0.25;
+const TICKET_MAP_FLOOR_HOVER_FADE_MS = 150;
 
 function drawRoundedRect(con, shape, x, y, width, height, cornerRadius) {
     con.beginPath();
@@ -2318,31 +2323,6 @@ const KONVA_SHAPE_MAPPINGS = {
     },
 };
 
-const SHOW_TYPE_COLORS = {
-    PLAY: { bg: '#f5f3ff', text: '#5b21b6' }, // violet-50 / violet-800
-    MUSICAL: { bg: '#fef9c3', text: '#a16207' }, // yellow-100 / yellow-700
-    CONCERT: { bg: '#dbeafe', text: '#1e40af' }, // blue-100 / blue-800
-    DANCE: { bg: '#d1fae5', text: '#065f46' }, // emerald-100 / emerald-800
-    OPERA: { bg: '#fee2e2', text: '#991b1b' }, // red-100 / red-800
-    STAND_UP_COMEDY: { bg: '#fef3c7', text: '#92400e' }, // amber-100 / amber-800
-    SPORT: { bg: '#cbfec3', text: '#07a19c' }, // yellow-100 / yellow-700
-    OTHER: { bg: '#f5f5f5', text: '#262626' }, // neutral-100 / neutral-800
-    DEFAULT: { bg: '#f3f4f6', text: '#374151' }, // gray-100 / gray-700
-};
-
-var ShowType;
-(function (ShowType) {
-    ShowType["PLAY"] = "PLAY";
-    ShowType["CONCERT"] = "CONCERT";
-    ShowType["STAND_UP_COMEDY"] = "STAND_UP_COMEDY";
-    ShowType["OPERA"] = "OPERA";
-    ShowType["MUSICAL"] = "MUSICAL";
-    ShowType["DANCE"] = "DANCE";
-    ShowType["SPORT"] = "SPORT";
-    ShowType["OTHER"] = "OTHER";
-    ShowType["DEFAULT"] = "DEFAULT";
-})(ShowType || (ShowType = {}));
-
 var SelectedDiscountCardType;
 (function (SelectedDiscountCardType) {
     SelectedDiscountCardType["COUPON"] = "COUPON";
@@ -3620,6 +3600,7 @@ class PerformanceBookingDataService {
     _selectedHallFloor = signal(null, ...(ngDevMode ? [{ debugName: "_selectedHallFloor" }] : []));
     _allRenderData = signal([], ...(ngDevMode ? [{ debugName: "_allRenderData" }] : []));
     _visibleFloorIds = signal(new Set(), ...(ngDevMode ? [{ debugName: "_visibleFloorIds" }] : []));
+    _hoveredFloorId = signal(null, ...(ngDevMode ? [{ debugName: "_hoveredFloorId" }] : []));
     _stageConfig = signal(DEFAULT_STAGE_CONFIG, ...(ngDevMode ? [{ debugName: "_stageConfig" }] : []));
     // Snapshot de tickets tal como llegó del último `setPerformanceBookingData`,
     // más los parches aplicados por `applySeatStatusUpdates` (SSE). Se guarda
@@ -3633,17 +3614,44 @@ class PerformanceBookingDataService {
     stageConfig = computed(() => this._stageConfig(), ...(ngDevMode ? [{ debugName: "stageConfig" }] : []));
     roomMap = computed(() => this._roomMap(), ...(ngDevMode ? [{ debugName: "roomMap" }] : []));
     visibleFloorIds = computed(() => this._visibleFloorIds(), ...(ngDevMode ? [{ debugName: "visibleFloorIds" }] : []));
+    hoveredFloorId = computed(() => this._hoveredFloorId(), ...(ngDevMode ? [{ debugName: "hoveredFloorId" }] : []));
     availableFloors = computed(() => {
         const allData = this._allRenderData();
         const floors = this._hallFloors();
         const floorIdsWithElements = new Set(allData.map((el) => el.hallFloorId).filter(Boolean));
         return floors.filter((f) => floorIdsWithElements.has(f.id));
     }, ...(ngDevMode ? [{ debugName: "availableFloors" }] : []));
+    // Orden de los pisos visibles de "atrás hacia adelante": el orden natural
+    // es el mismo que usa el selector de pisos (availableFloors), y el piso
+    // que está en hover siempre se manda al final (= arriba del todo).
+    floorZOrder = computed(() => {
+        const visible = this._visibleFloorIds();
+        const order = this.availableFloors()
+            .map((floor) => floor.id)
+            .filter((id) => visible.has(id));
+        const hovered = this._hoveredFloorId();
+        if (hovered != null && visible.has(hovered)) {
+            const withoutHovered = order.filter((id) => id !== hovered);
+            withoutHovered.push(hovered);
+            return withoutHovered;
+        }
+        return order;
+    }, ...(ngDevMode ? [{ debugName: "floorZOrder" }] : []));
+    // Agrupado por piso según floorZOrder, para que tanto el hit-test
+    // (findElementAtPosition, que asume "último = más arriba") como el
+    // render por capas (una <ko-layer> por piso) usen el mismo z-order.
     renderData = computed(() => {
         const visible = this._visibleFloorIds();
-        return this._allRenderData()?.filter(({ hallFloorId }) => {
-            return hallFloorId != null && visible.has(hallFloorId);
-        });
+        const order = this.floorZOrder();
+        const byFloor = new Map();
+        for (const el of this._allRenderData()) {
+            if (el.hallFloorId == null || !visible.has(el.hallFloorId))
+                continue;
+            const arr = byFloor.get(el.hallFloorId) ?? [];
+            arr.push(el);
+            byFloor.set(el.hallFloorId, arr);
+        }
+        return order.flatMap((floorId) => byFloor.get(floorId) ?? []);
     }, ...(ngDevMode ? [{ debugName: "renderData" }] : []));
     setPerformanceBookingData({ data }) {
         this._performance.set(data.performance);
@@ -3718,6 +3726,11 @@ class PerformanceBookingDataService {
         const hallFloor = this._hallFloors().find((hallFloor) => hallFloor.id === id);
         this._selectedHallFloor.set(hallFloor ?? null);
     }
+    setHoveredFloor(floorId) {
+        if (this._hoveredFloorId() === floorId)
+            return;
+        this._hoveredFloorId.set(floorId);
+    }
     toggleFloorVisibility(floorId) {
         const current = new Set(this._visibleFloorIds());
         if (current.has(floorId)) {
@@ -5781,15 +5794,12 @@ class ShowTypeBadgeComponent {
     show;
     size = 'xs';
     transloco = inject(TranslocoService);
-    get showTypeColor() {
-        return this.show.show_type ? SHOW_TYPE_COLORS[this.show.show_type] : SHOW_TYPE_COLORS['DEFAULT'];
-    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ShowTypeBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: ShowTypeBadgeComponent, isStandalone: true, selector: "show-type-badge", inputs: { show: "show", size: "size" }, ngImport: i0, template: "<app-badge\n  [text]=\"`show.showTypes.${show.show_type}` | transloco\"\n  [backgroundColor]=\"this.showTypeColor.bg\"\n  [textColor]=\"this.showTypeColor.text\"\n  size=\"xs\"\n  class=\"show-card__badge\"\n/>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: AppBadgeComponent, selector: "app-badge", inputs: ["text", "color", "size", "bordered", "backgroundColor", "textColor"] }, { kind: "ngmodule", type: TranslocoModule }, { kind: "pipe", type: i1$3.TranslocoPipe, name: "transloco" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: ShowTypeBadgeComponent, isStandalone: true, selector: "show-type-badge", inputs: { show: "show", size: "size" }, ngImport: i0, template: "@if (show.show_type; as showType) {\n  <app-badge [text]=\"showType.name\" size=\"xs\" class=\"show-card__badge\" />\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: AppBadgeComponent, selector: "app-badge", inputs: ["text", "color", "size", "bordered", "backgroundColor", "textColor"] }, { kind: "ngmodule", type: TranslocoModule }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ShowTypeBadgeComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'show-type-badge', standalone: true, imports: [CommonModule, AppBadgeComponent, TranslocoModule], template: "<app-badge\n  [text]=\"`show.showTypes.${show.show_type}` | transloco\"\n  [backgroundColor]=\"this.showTypeColor.bg\"\n  [textColor]=\"this.showTypeColor.text\"\n  size=\"xs\"\n  class=\"show-card__badge\"\n/>\n" }]
+            args: [{ selector: 'show-type-badge', standalone: true, imports: [CommonModule, AppBadgeComponent, TranslocoModule], template: "@if (show.show_type; as showType) {\n  <app-badge [text]=\"showType.name\" size=\"xs\" class=\"show-card__badge\" />\n}\n" }]
         }], propDecorators: { show: [{
                 type: Input,
                 args: [{ required: true }]
@@ -5804,9 +5814,6 @@ class ShowCardComponent {
     linkQueryParams;
     transloco = inject(TranslocoService);
     dateService = inject(DateService);
-    get showTypeColor() {
-        return this.show.show_type ? SHOW_TYPE_COLORS[this.show.show_type] : SHOW_TYPE_COLORS['DEFAULT'];
-    }
     formatTimeDate(date) {
         return new Date(date);
     }
@@ -9808,6 +9815,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
             args: [{ selector: 'ticket-map-floor-selector', standalone: true, imports: [CommonModule], template: "@if (availableFloors().length > 1) {\n  <div class=\"ticket-map-floor-selector\">\n    @for (floor of availableFloors(); track floor.id) {\n      <button\n        class=\"floor-button\"\n        [class.floor-button-active]=\"isFloorVisible(floor.id)\"\n        [class.floor-button-locked]=\"isFloorVisible(floor.id) && !canToggleOff(floor.id)\"\n        [disabled]=\"isFloorVisible(floor.id) && !canToggleOff(floor.id)\"\n        (click)=\"toggleFloor(floor.id)\"\n        [title]=\"floor.name\"\n      >\n        {{ floor.name }}\n      </button>\n    }\n  </div>\n}\n", styles: [".ticket-map-floor-selector{display:flex;flex-direction:row;align-items:center;gap:.25rem;font-size:.75rem}.ticket-map-floor-selector .floor-button{align-items:center;background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:.375rem;color:#4b5563;cursor:pointer;display:flex;font-size:.75rem;font-weight:500;height:2rem;justify-content:center;padding-left:.75rem;padding-right:.75rem;transition:all .2s;white-space:nowrap}.ticket-map-floor-selector .floor-button:hover{background-color:#e5e7eb;color:#1f2937}.ticket-map-floor-selector .floor-button.floor-button-active{background-color:#4f46e5;border-color:#4f46e5;color:#fff}.ticket-map-floor-selector .floor-button.floor-button-active:hover{background-color:#4338ca}.ticket-map-floor-selector .floor-button.floor-button-active.floor-button-locked{opacity:.7;cursor:not-allowed}.ticket-map-floor-selector .floor-button.floor-button-active.floor-button-locked:hover{background-color:#4f46e5}\n"] }]
         }], ctorParameters: () => [{ type: PerformanceBookingDataService }] });
 
+const FLOOR_LAYER_NAME_PREFIX = 'ticket-map-floor-layer-';
 class PerformanceTicketMapComponent {
     platformId;
     bookingDataService;
@@ -9850,6 +9858,29 @@ class PerformanceTicketMapComponent {
     stageReady = signal(false, ...(ngDevMode ? [{ debugName: "stageReady" }] : []));
     autoFitDone = false;
     resizeObserver;
+    // Una <ko-layer #floorLayer> por piso (ver template). No asumimos que su
+    // orden coincida con floorGroups(); cada capa se identifica por su `name`
+    // de Konva (ver FLOOR_LAYER_NAME_PREFIX).
+    floorLayerRefs = viewChildren('floorLayer', ...(ngDevMode ? [{ debugName: "floorLayerRefs", read: CoreShapeComponent }] : [{ read: CoreShapeComponent }]));
+    floorLayerName(floorId) {
+        return `${FLOOR_LAYER_NAME_PREFIX}${floorId}`;
+    }
+    floorGroups = computed(() => {
+        const order = this.bookingDataService.floorZOrder();
+        const elements = this.renderData();
+        const byFloor = new Map();
+        for (const el of elements) {
+            if (el.hallFloorId == null)
+                continue;
+            const arr = byFloor.get(el.hallFloorId) ?? [];
+            arr.push(el);
+            byFloor.set(el.hallFloorId, arr);
+        }
+        return order.map((floorId) => ({
+            floorId,
+            elements: byFloor.get(floorId) ?? [],
+        }));
+    }, ...(ngDevMode ? [{ debugName: "floorGroups" }] : []));
     constructor(platformId, bookingDataService, feedbackModalService, selectionService, zoomService) {
         this.platformId = platformId;
         this.bookingDataService = bookingDataService;
@@ -9864,6 +9895,47 @@ class PerformanceTicketMapComponent {
                 this.zoomService.fitToContainer();
             }
         });
+        // Trae al frente y atenúa/resalta cada capa (piso) según el hover.
+        // Todo esto se hace de forma 100% imperativa sobre el nodo Konva real
+        // (moveToTop + .to() para el fade), en vez de reordenar el @for y
+        // esperar a que el MutationObserver de ng2-konva sincronice el zIndex:
+        // ese camino depende de que Angular vuelva a renderizar la plantilla.
+        // Así el cambio es instantáneo pase lo que pase con el ciclo de detección
+        // de cambios.
+        effect(() => {
+            const hoveredFloorId = this.bookingDataService.hoveredFloorId();
+            const order = this.bookingDataService.floorZOrder();
+            const layerRefs = this.floorLayerRefs();
+            const layerNodeByFloorId = new Map();
+            for (const layerComponent of layerRefs) {
+                const layerNode = layerComponent.getStage();
+                const name = layerNode?.name?.() ?? '';
+                if (!name.startsWith(FLOOR_LAYER_NAME_PREFIX))
+                    continue;
+                const floorId = Number(name.slice(FLOOR_LAYER_NAME_PREFIX.length));
+                if (Number.isFinite(floorId)) {
+                    layerNodeByFloorId.set(floorId, layerNode);
+                }
+            }
+            let needsRedraw = false;
+            for (const floorId of order) {
+                const layerNode = layerNodeByFloorId.get(floorId);
+                if (!layerNode)
+                    continue;
+                layerNode.moveToTop();
+                needsRedraw = true;
+                const targetOpacity = hoveredFloorId == null || hoveredFloorId === floorId ? 1 : TICKET_MAP_FLOOR_HOVER_OPACITY;
+                if (layerNode.opacity() !== targetOpacity) {
+                    layerNode.to({
+                        opacity: targetOpacity,
+                        duration: TICKET_MAP_FLOOR_HOVER_FADE_MS / 1000,
+                    });
+                }
+            }
+            if (needsRedraw) {
+                this.stageComponent?.getStage()?.batchDraw();
+            }
+        });
     }
     get isBrowser() {
         return isPlatformBrowser(this.platformId);
@@ -9970,6 +10042,7 @@ class PerformanceTicketMapComponent {
             return;
         const internalPos = this.getInternalPointer(stage);
         const hit = findElementAtPosition(this.bookingDataService.renderData(), internalPos.x, internalPos.y);
+        this.bookingDataService.setHoveredFloor(hit?.element.hallFloorId ?? null);
         if (!hit) {
             this.tooltipData.set(null);
             return;
@@ -9996,6 +10069,7 @@ class PerformanceTicketMapComponent {
     }
     handleStageMouseLeave() {
         this.tooltipData.set(null);
+        this.bookingDataService.setHoveredFloor(null);
     }
     handleWheel(konvaEvent) {
         const nativeEvent = konvaEvent.event?.evt;
@@ -10011,11 +10085,11 @@ class PerformanceTicketMapComponent {
         return floor;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PerformanceTicketMapComponent, deps: [{ token: PLATFORM_ID }, { token: PerformanceBookingDataService }, { token: FeedbackModalService }, { token: TicketSelectionService }, { token: TicketMapZoomService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: PerformanceTicketMapComponent, isStandalone: true, selector: "performance-ticket-map", inputs: { readOnly: "readOnly", needsLogin: "needsLogin", isLoggedIn: "isLoggedIn" }, outputs: { selectionChange: "selectionChange", needsLoginError: "needsLoginError" }, viewQueries: [{ propertyName: "stageComponent", first: true, predicate: StageComponent, descendants: true }], ngImport: i0, template: "<div class=\"ticket-map-canvas-container\">\n  @if (isBrowser) {\n    <ko-stage\n      [config]=\"bookingDataService.stageConfig()\"\n      (click)=\"handleStageClick($event)\"\n      (mousemove)=\"handleStageMouseMove($event)\"\n      (mouseleave)=\"handleStageMouseLeave()\"\n      (wheel)=\"handleWheel($event)\"\n    >\n      <ko-layer>\n        @for (element of renderData(); track trackByElementId($index, element)) {\n          <ko-shape [config]=\"element.shapeConfig\" />\n        }\n      </ko-layer>\n    </ko-stage>\n\n    @if (tooltipData(); as tooltip) {\n      <div class=\"ticket-tooltip\" [style.left.px]=\"tooltip.x\" [style.top.px]=\"tooltip.y\">\n        <div class=\"tooltip-header\">{{ tooltip.elementName }}</div>\n        @if (tooltip.seatLabel) {\n          <div class=\"tooltip-row\">\n            <span class=\"tooltip-label\">Asiento:</span>\n            <span class=\"tooltip-value\">{{ tooltip.seatLabel }}</span>\n          </div>\n        }\n        <div class=\"tooltip-row\">\n          <span class=\"tooltip-label\">Precio:</span>\n          <span class=\"tooltip-value\">${{ tooltip.price | number: '1.0-0' }}</span>\n        </div>\n        <div class=\"tooltip-row\">\n          <span class=\"tooltip-label\">Estado:</span>\n          <span class=\"tooltip-status\">\n            <span class=\"status-dot\" [style.background]=\"tooltip.statusColor\"></span>\n            {{ tooltip.statusLabel }}\n          </span>\n        </div>\n        @if (tooltip.isSelected) {\n          <div class=\"tooltip-selected-badge\">Seleccionado</div>\n        }\n      </div>\n    }\n  }\n</div>\n", styles: [".ticket-map-canvas-container{min-height:500px;overflow:hidden;position:relative;touch-action:pan-x pan-y;width:100%}.ticket-tooltip{position:absolute;z-index:100;background:#1f2937;color:#f9fafb;border-radius:8px;padding:10px 14px;font-size:12px;line-height:1.5;pointer-events:none;min-width:160px;box-shadow:0 4px 12px #00000040}.tooltip-header{font-weight:600;font-size:13px;margin-bottom:6px;padding-bottom:6px;border-bottom:1px solid #374151}.tooltip-row{display:flex;justify-content:space-between;gap:12px}.tooltip-label{color:#9ca3af}.tooltip-value{color:#f9fafb;font-weight:500}.tooltip-status{display:flex;align-items:center;gap:6px;color:#f9fafb;font-weight:500}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%}.tooltip-selected-badge{margin-top:6px;padding-top:6px;border-top:1px solid #374151;color:#34d399;font-weight:500;font-size:11px}.zoom-controls{position:absolute;bottom:16px;right:16px;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:4px 8px;box-shadow:0 1px 3px #0000001a}.zoom-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #d1d5db;background:#f9fafb;border-radius:6px;cursor:pointer;font-size:16px;font-weight:600;color:#374151;line-height:1}.zoom-btn:hover{background:#e5e7eb}.zoom-level{font-size:12px;color:#6b7280;min-width:40px;text-align:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: StageComponent, selector: "ko-stage", inputs: ["config"], outputs: ["mouseover", "mousemove", "mouseout", "mouseenter", "mouseleave", "mousedown", "mouseup", "wheel", "contextmenu", "click", "dblclick", "touchstart", "touchmove", "touchend", "tap", "dbltap", "dragstart", "dragmove", "dragend", "transformstart", "transform", "transformend"] }, { kind: "component", type: CoreShapeComponent, selector: "ko-shape, ko-layer, ko-circle, ko-fastlayer, ko-group, ko-label, ko-rect, ko-ellipse, ko-wedge, ko-line, ko-sprite, ko-image, ko-text, ko-text-path, ko-star, ko-ring, ko-arc, ko-tag, ko-path, ko-regular-polygon, ko-arrow, ko-transformer", inputs: ["config"], outputs: ["configChange", "mouseover", "mousemove", "mouseout", "mouseenter", "mouseleave", "mousedown", "mouseup", "wheel", "contextmenu", "click", "dblclick", "touchstart", "touchmove", "touchend", "tap", "dbltap", "dragstart", "dragmove", "dragend", "transformstart", "transform", "transformend"] }, { kind: "pipe", type: i1$1.DecimalPipe, name: "number" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: PerformanceTicketMapComponent, isStandalone: true, selector: "performance-ticket-map", inputs: { readOnly: "readOnly", needsLogin: "needsLogin", isLoggedIn: "isLoggedIn" }, outputs: { selectionChange: "selectionChange", needsLoginError: "needsLoginError" }, viewQueries: [{ propertyName: "floorLayerRefs", predicate: ["floorLayer"], descendants: true, read: CoreShapeComponent, isSignal: true }, { propertyName: "stageComponent", first: true, predicate: StageComponent, descendants: true }], ngImport: i0, template: "<div class=\"ticket-map-canvas-container\">\n  @if (isBrowser) {\n    <ko-stage\n      [config]=\"bookingDataService.stageConfig()\"\n      (click)=\"handleStageClick($event)\"\n      (mousemove)=\"handleStageMouseMove($event)\"\n      (mouseleave)=\"handleStageMouseLeave()\"\n      (wheel)=\"handleWheel($event)\"\n    >\n      @for (group of floorGroups(); track group.floorId) {\n        <ko-layer #floorLayer [config]=\"{ name: floorLayerName(group.floorId) }\">\n          @for (element of group.elements; track trackByElementId($index, element)) {\n            <ko-shape [config]=\"element.shapeConfig\" />\n          }\n        </ko-layer>\n      }\n    </ko-stage>\n\n    @if (tooltipData(); as tooltip) {\n      <div class=\"ticket-tooltip\" [style.left.px]=\"tooltip.x\" [style.top.px]=\"tooltip.y\">\n        <div class=\"tooltip-header\">{{ tooltip.elementName }}</div>\n        @if (tooltip.seatLabel) {\n          <div class=\"tooltip-row\">\n            <span class=\"tooltip-label\">Asiento:</span>\n            <span class=\"tooltip-value\">{{ tooltip.seatLabel }}</span>\n          </div>\n        }\n        <div class=\"tooltip-row\">\n          <span class=\"tooltip-label\">Precio:</span>\n          <span class=\"tooltip-value\">${{ tooltip.price | number: '1.0-0' }}</span>\n        </div>\n        <div class=\"tooltip-row\">\n          <span class=\"tooltip-label\">Estado:</span>\n          <span class=\"tooltip-status\">\n            <span class=\"status-dot\" [style.background]=\"tooltip.statusColor\"></span>\n            {{ tooltip.statusLabel }}\n          </span>\n        </div>\n        @if (tooltip.isSelected) {\n          <div class=\"tooltip-selected-badge\">Seleccionado</div>\n        }\n      </div>\n    }\n  }\n</div>\n", styles: [".ticket-map-canvas-container{min-height:500px;overflow:hidden;position:relative;touch-action:pan-x pan-y;width:100%}.ticket-tooltip{position:absolute;z-index:100;background:#1f2937;color:#f9fafb;border-radius:8px;padding:10px 14px;font-size:12px;line-height:1.5;pointer-events:none;min-width:160px;box-shadow:0 4px 12px #00000040}.tooltip-header{font-weight:600;font-size:13px;margin-bottom:6px;padding-bottom:6px;border-bottom:1px solid #374151}.tooltip-row{display:flex;justify-content:space-between;gap:12px}.tooltip-label{color:#9ca3af}.tooltip-value{color:#f9fafb;font-weight:500}.tooltip-status{display:flex;align-items:center;gap:6px;color:#f9fafb;font-weight:500}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%}.tooltip-selected-badge{margin-top:6px;padding-top:6px;border-top:1px solid #374151;color:#34d399;font-weight:500;font-size:11px}.zoom-controls{position:absolute;bottom:16px;right:16px;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:4px 8px;box-shadow:0 1px 3px #0000001a}.zoom-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #d1d5db;background:#f9fafb;border-radius:6px;cursor:pointer;font-size:16px;font-weight:600;color:#374151;line-height:1}.zoom-btn:hover{background:#e5e7eb}.zoom-level{font-size:12px;color:#6b7280;min-width:40px;text-align:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: StageComponent, selector: "ko-stage", inputs: ["config"], outputs: ["mouseover", "mousemove", "mouseout", "mouseenter", "mouseleave", "mousedown", "mouseup", "wheel", "contextmenu", "click", "dblclick", "touchstart", "touchmove", "touchend", "tap", "dbltap", "dragstart", "dragmove", "dragend", "transformstart", "transform", "transformend"] }, { kind: "component", type: CoreShapeComponent, selector: "ko-shape, ko-layer, ko-circle, ko-fastlayer, ko-group, ko-label, ko-rect, ko-ellipse, ko-wedge, ko-line, ko-sprite, ko-image, ko-text, ko-text-path, ko-star, ko-ring, ko-arc, ko-tag, ko-path, ko-regular-polygon, ko-arrow, ko-transformer", inputs: ["config"], outputs: ["configChange", "mouseover", "mousemove", "mouseout", "mouseenter", "mouseleave", "mousedown", "mouseup", "wheel", "contextmenu", "click", "dblclick", "touchstart", "touchmove", "touchend", "tap", "dbltap", "dragstart", "dragmove", "dragend", "transformstart", "transform", "transformend"] }, { kind: "pipe", type: i1$1.DecimalPipe, name: "number" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PerformanceTicketMapComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'performance-ticket-map', standalone: true, imports: [CommonModule, StageComponent, CoreShapeComponent], template: "<div class=\"ticket-map-canvas-container\">\n  @if (isBrowser) {\n    <ko-stage\n      [config]=\"bookingDataService.stageConfig()\"\n      (click)=\"handleStageClick($event)\"\n      (mousemove)=\"handleStageMouseMove($event)\"\n      (mouseleave)=\"handleStageMouseLeave()\"\n      (wheel)=\"handleWheel($event)\"\n    >\n      <ko-layer>\n        @for (element of renderData(); track trackByElementId($index, element)) {\n          <ko-shape [config]=\"element.shapeConfig\" />\n        }\n      </ko-layer>\n    </ko-stage>\n\n    @if (tooltipData(); as tooltip) {\n      <div class=\"ticket-tooltip\" [style.left.px]=\"tooltip.x\" [style.top.px]=\"tooltip.y\">\n        <div class=\"tooltip-header\">{{ tooltip.elementName }}</div>\n        @if (tooltip.seatLabel) {\n          <div class=\"tooltip-row\">\n            <span class=\"tooltip-label\">Asiento:</span>\n            <span class=\"tooltip-value\">{{ tooltip.seatLabel }}</span>\n          </div>\n        }\n        <div class=\"tooltip-row\">\n          <span class=\"tooltip-label\">Precio:</span>\n          <span class=\"tooltip-value\">${{ tooltip.price | number: '1.0-0' }}</span>\n        </div>\n        <div class=\"tooltip-row\">\n          <span class=\"tooltip-label\">Estado:</span>\n          <span class=\"tooltip-status\">\n            <span class=\"status-dot\" [style.background]=\"tooltip.statusColor\"></span>\n            {{ tooltip.statusLabel }}\n          </span>\n        </div>\n        @if (tooltip.isSelected) {\n          <div class=\"tooltip-selected-badge\">Seleccionado</div>\n        }\n      </div>\n    }\n  }\n</div>\n", styles: [".ticket-map-canvas-container{min-height:500px;overflow:hidden;position:relative;touch-action:pan-x pan-y;width:100%}.ticket-tooltip{position:absolute;z-index:100;background:#1f2937;color:#f9fafb;border-radius:8px;padding:10px 14px;font-size:12px;line-height:1.5;pointer-events:none;min-width:160px;box-shadow:0 4px 12px #00000040}.tooltip-header{font-weight:600;font-size:13px;margin-bottom:6px;padding-bottom:6px;border-bottom:1px solid #374151}.tooltip-row{display:flex;justify-content:space-between;gap:12px}.tooltip-label{color:#9ca3af}.tooltip-value{color:#f9fafb;font-weight:500}.tooltip-status{display:flex;align-items:center;gap:6px;color:#f9fafb;font-weight:500}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%}.tooltip-selected-badge{margin-top:6px;padding-top:6px;border-top:1px solid #374151;color:#34d399;font-weight:500;font-size:11px}.zoom-controls{position:absolute;bottom:16px;right:16px;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:4px 8px;box-shadow:0 1px 3px #0000001a}.zoom-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #d1d5db;background:#f9fafb;border-radius:6px;cursor:pointer;font-size:16px;font-weight:600;color:#374151;line-height:1}.zoom-btn:hover{background:#e5e7eb}.zoom-level{font-size:12px;color:#6b7280;min-width:40px;text-align:center}\n"] }]
+            args: [{ selector: 'performance-ticket-map', standalone: true, imports: [CommonModule, StageComponent, CoreShapeComponent], template: "<div class=\"ticket-map-canvas-container\">\n  @if (isBrowser) {\n    <ko-stage\n      [config]=\"bookingDataService.stageConfig()\"\n      (click)=\"handleStageClick($event)\"\n      (mousemove)=\"handleStageMouseMove($event)\"\n      (mouseleave)=\"handleStageMouseLeave()\"\n      (wheel)=\"handleWheel($event)\"\n    >\n      @for (group of floorGroups(); track group.floorId) {\n        <ko-layer #floorLayer [config]=\"{ name: floorLayerName(group.floorId) }\">\n          @for (element of group.elements; track trackByElementId($index, element)) {\n            <ko-shape [config]=\"element.shapeConfig\" />\n          }\n        </ko-layer>\n      }\n    </ko-stage>\n\n    @if (tooltipData(); as tooltip) {\n      <div class=\"ticket-tooltip\" [style.left.px]=\"tooltip.x\" [style.top.px]=\"tooltip.y\">\n        <div class=\"tooltip-header\">{{ tooltip.elementName }}</div>\n        @if (tooltip.seatLabel) {\n          <div class=\"tooltip-row\">\n            <span class=\"tooltip-label\">Asiento:</span>\n            <span class=\"tooltip-value\">{{ tooltip.seatLabel }}</span>\n          </div>\n        }\n        <div class=\"tooltip-row\">\n          <span class=\"tooltip-label\">Precio:</span>\n          <span class=\"tooltip-value\">${{ tooltip.price | number: '1.0-0' }}</span>\n        </div>\n        <div class=\"tooltip-row\">\n          <span class=\"tooltip-label\">Estado:</span>\n          <span class=\"tooltip-status\">\n            <span class=\"status-dot\" [style.background]=\"tooltip.statusColor\"></span>\n            {{ tooltip.statusLabel }}\n          </span>\n        </div>\n        @if (tooltip.isSelected) {\n          <div class=\"tooltip-selected-badge\">Seleccionado</div>\n        }\n      </div>\n    }\n  }\n</div>\n", styles: [".ticket-map-canvas-container{min-height:500px;overflow:hidden;position:relative;touch-action:pan-x pan-y;width:100%}.ticket-tooltip{position:absolute;z-index:100;background:#1f2937;color:#f9fafb;border-radius:8px;padding:10px 14px;font-size:12px;line-height:1.5;pointer-events:none;min-width:160px;box-shadow:0 4px 12px #00000040}.tooltip-header{font-weight:600;font-size:13px;margin-bottom:6px;padding-bottom:6px;border-bottom:1px solid #374151}.tooltip-row{display:flex;justify-content:space-between;gap:12px}.tooltip-label{color:#9ca3af}.tooltip-value{color:#f9fafb;font-weight:500}.tooltip-status{display:flex;align-items:center;gap:6px;color:#f9fafb;font-weight:500}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%}.tooltip-selected-badge{margin-top:6px;padding-top:6px;border-top:1px solid #374151;color:#34d399;font-weight:500;font-size:11px}.zoom-controls{position:absolute;bottom:16px;right:16px;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:4px 8px;box-shadow:0 1px 3px #0000001a}.zoom-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #d1d5db;background:#f9fafb;border-radius:6px;cursor:pointer;font-size:16px;font-weight:600;color:#374151;line-height:1}.zoom-btn:hover{background:#e5e7eb}.zoom-level{font-size:12px;color:#6b7280;min-width:40px;text-align:center}\n"] }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [PLATFORM_ID]
@@ -10032,7 +10106,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
             }], stageComponent: [{
                 type: ViewChild,
                 args: [StageComponent]
-            }] } });
+            }], floorLayerRefs: [{ type: i0.ViewChildren, args: ['floorLayer', { ...{ read: CoreShapeComponent }, isSignal: true }] }] } });
 
 class TicketMapPriceZonesComponent {
     title = 'Precios por zona';
@@ -11150,5 +11224,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ADMIN_API_ROUTES, ADMISSION_API_ROUTES, ALERT_ICONS, AdminSelectComponent, AdminService, AdmissionQueueService, ApiService, AppAlertComponent, AppBadgeComponent, AppBreadcumbComponent, AppButtonComponent, AppLinkButtonComponent, AppModalComponent, AsyncSelectComponent, AuditInformationComponent, BASE_BUTTON_CLASSES, BASE_INPUT_CLASSES, BUTTON_SIZES_CLASSES, BUTTON_VARIANT_CLASSES, BaseModalService, BrowserZoomLockService, BulkSaveBarComponent, CITY_API_ENDPOINTS, COUNTRY_API_ENDPOINTS, CUSTOMERS_API_ROUTES, ChangePasswordFormComponent, ChangePasswordFormService, CitiesService, CitySelectComponent, ColorPickerComponent, ConfirmationOrderModalComponent, ConfirmationOrderModalService, CorporateBondStatus, CountrySelectComponent, CountryService, CouponApplicability, CouponDiscountType, CouponStatus, CreatorType, CustomerSelectComponent, CustomerService, DEFAULT_STAGE_CONFIG, DOCUMENT_TYPES_OPTIONS, DateInputComponent, DateService, DaySelectorGridComponent, DeleteConfirmationComponent, DeleteConfirmationService, DynamicTableComponent, ERROR_INPUT_CLASSES, EndDateGreaterThanStartValidator, FORM_ERROR_MESSAGES, FeedbackModalComponent, FeedbackModalService, FileType, FileUploadComponent, FileUploadPreviewComponent, FormEditorComponent, FormInputComponent, FormSelectComponent, FormTextareaComponent, GiftBondPurchaseStatus, GiftBondStatus, IdentityDocumentInputComponent, KONVA_SHAPE_MAPPINGS, LanguageSwitcherComponent, MembershipStatus, MinTodayValidator, MustMatchValidator, NumberInputComponent, ORDER_DISCOUNT_COLORS, ORDER_ITEM_TYPES_COLORS, ORDER_STATUS_COLORS, OrderBillingInfoComponent, OrderDiscountAppliedComponent, OrderInformationComponent, OrderItemType, OrderItemTypeBadgeComponent, OrderItemsComponent, OrderStatus, OrderStatusBadgeComponent, OrderTransactionDetailsModalComponent, OrderTransactionDetailsModalService, OrderTransactionsComponent, PAYMENT_METHODS_OPTIONS, PERFORMANCES_API_ROUTES, PERFORMANCE_STATUS_COLORS, PERFORMANCE_TICKET_STATUS_COLORS, PHONE_COUNTRIES, PRICE_ZONES_API_ROUTES, PRODUCTS_API_ROUTES, PRODUCT_CATEGORIES_API_ROUTES, PRODUCT_TAGS_API_ROUTES, PRODUCT_TYPES_API_ROUTES, PaymentMethod, PendingChangesService, PerformanceBookingDataService, PerformanceCardComponent, PerformanceCardListComponent, PerformanceMultiSelectComponent, PerformanceSelectComponent, PerformanceService, PerformanceStatus, PerformanceStatusBadgeComponent, PerformanceStepperComponent, PerformanceTicketMapComponent, PerformanceTicketStatus, PerformanceTicketStatusBadgeComponent, PerformancesListEventsService, PhoneInputComponent, PriceZoneEventService, PriceZoneFormModalService, PriceZoneSelectComponent, PriceZoneService, ProductCategoryService, ProductMultiSelectComponent, ProductSelectComponent, ProductService, ProductTagService, ProductTypeService, PurchaseLimitService, QuickStatusEditComponent, RoomMapElementOrientation, RoomMapElementType, SHOWS_API_ROUTES, SHOW_TYPE_COLORS, STATE_API_ENDPOINTS, SeatAvailabilitySseService, SeatSelectionEmptySummaryComponent, SeatSelectionSummaryComponent, SeatSelectionSummaryItemComponent, SelectedDiscountCardType, ShowCardComponent, ShowCardSkeletonComponent, ShowMultiSelectComponent, ShowSelectComponent, ShowService, ShowType, ShowTypeBadgeComponent, ShowsFilterComponent, StateSelectComponent, StatesService, TICKERA_COMPONENTS_CONFIG, TICKET_ELEMENT_TYPES, TICKET_MAP_GRID_SIZE, TICKET_MAP_LAST_TICKETS_LIMIT, TICKET_MAP_TITLE_HEIGHT, TICKET_STATUS_COLORS, TICKET_STATUS_FILLS, TICKET_STATUS_LABELS, TIcketMapProductSelectionComponent, TRANSACTION_STATUS_COLORS, TextExpandableComponent, TickeraTranslocoLoader, TicketMapFloorSelectorComponent, TicketMapPriceZonesComponent, TicketMapProductSelectionItemComponent, TicketMapTotalsComponent, TicketMapWidgetComponent, TicketMapWidgetHeaderComponent, TicketMapWrapperComponent, TicketMapZoomControlsComponent, TicketMapZoomService, TicketQrComponent, TicketQrModalComponent, TicketQrModalService, TicketQrService, TicketSelectionDetailsService, TicketSelectionDiscountService, TicketSelectionService, TicketSelectionTotalsService, ToastService, ToggleSwitchComponent, TransactionStatus, VENUES_API_ROUTES, VIP_CARDS_API_ROUTES, VipBalanceCardComponent, VipCardService, VipCardStatus, VipCardStatusBadgeComponent, VipRechargeModalComponent, VipTransactionType, VipTransactionsTableComponent, ZonePriceItemComponent, ZonePriceListComponent, authInterceptor, drawChairIcon$1 as drawChairIcon, drawHappyFace, drawRoundedRect, drawWheelchairIcon, emailValidator, findElementAtPosition, findTicketAtPosition, formatCitiesResponseToSelect, generateExitScene, generateHallwayScene, generateProductionAreaScene, generateSeatBlockScene, generateSeatBlockTicketScene, generateStageScene, generateStairScene, generateTableScene, generateTableTicketScene, generateUnavailableSpaceScene, generateZoneScene, getBrowserLanguage, getCustomerFullname, getItemTypeIcon, getOrderDiscount, getStoredLanguage, numberToLetter$1 as numberToLetter, parseJsonToFormDataAdvanced, phoneCountryFlag, processElementsToRenderData, provideTickeraComponents, resolveLanguage, setStoredLanguage, ticketCanOpenQr, tintColor, transformImageToFile, transformUrlParams };
+export { ADMIN_API_ROUTES, ADMISSION_API_ROUTES, ALERT_ICONS, AdminSelectComponent, AdminService, AdmissionQueueService, ApiService, AppAlertComponent, AppBadgeComponent, AppBreadcumbComponent, AppButtonComponent, AppLinkButtonComponent, AppModalComponent, AsyncSelectComponent, AuditInformationComponent, BASE_BUTTON_CLASSES, BASE_INPUT_CLASSES, BUTTON_SIZES_CLASSES, BUTTON_VARIANT_CLASSES, BaseModalService, BrowserZoomLockService, BulkSaveBarComponent, CITY_API_ENDPOINTS, COUNTRY_API_ENDPOINTS, CUSTOMERS_API_ROUTES, ChangePasswordFormComponent, ChangePasswordFormService, CitiesService, CitySelectComponent, ColorPickerComponent, ConfirmationOrderModalComponent, ConfirmationOrderModalService, CorporateBondStatus, CountrySelectComponent, CountryService, CouponApplicability, CouponDiscountType, CouponStatus, CreatorType, CustomerSelectComponent, CustomerService, DEFAULT_STAGE_CONFIG, DOCUMENT_TYPES_OPTIONS, DateInputComponent, DateService, DaySelectorGridComponent, DeleteConfirmationComponent, DeleteConfirmationService, DynamicTableComponent, ERROR_INPUT_CLASSES, EndDateGreaterThanStartValidator, FORM_ERROR_MESSAGES, FeedbackModalComponent, FeedbackModalService, FileType, FileUploadComponent, FileUploadPreviewComponent, FormEditorComponent, FormInputComponent, FormSelectComponent, FormTextareaComponent, GiftBondPurchaseStatus, GiftBondStatus, IdentityDocumentInputComponent, KONVA_SHAPE_MAPPINGS, LanguageSwitcherComponent, MembershipStatus, MinTodayValidator, MustMatchValidator, NumberInputComponent, ORDER_DISCOUNT_COLORS, ORDER_ITEM_TYPES_COLORS, ORDER_STATUS_COLORS, OrderBillingInfoComponent, OrderDiscountAppliedComponent, OrderInformationComponent, OrderItemType, OrderItemTypeBadgeComponent, OrderItemsComponent, OrderStatus, OrderStatusBadgeComponent, OrderTransactionDetailsModalComponent, OrderTransactionDetailsModalService, OrderTransactionsComponent, PAYMENT_METHODS_OPTIONS, PERFORMANCES_API_ROUTES, PERFORMANCE_STATUS_COLORS, PERFORMANCE_TICKET_STATUS_COLORS, PHONE_COUNTRIES, PRICE_ZONES_API_ROUTES, PRODUCTS_API_ROUTES, PRODUCT_CATEGORIES_API_ROUTES, PRODUCT_TAGS_API_ROUTES, PRODUCT_TYPES_API_ROUTES, PaymentMethod, PendingChangesService, PerformanceBookingDataService, PerformanceCardComponent, PerformanceCardListComponent, PerformanceMultiSelectComponent, PerformanceSelectComponent, PerformanceService, PerformanceStatus, PerformanceStatusBadgeComponent, PerformanceStepperComponent, PerformanceTicketMapComponent, PerformanceTicketStatus, PerformanceTicketStatusBadgeComponent, PerformancesListEventsService, PhoneInputComponent, PriceZoneEventService, PriceZoneFormModalService, PriceZoneSelectComponent, PriceZoneService, ProductCategoryService, ProductMultiSelectComponent, ProductSelectComponent, ProductService, ProductTagService, ProductTypeService, PurchaseLimitService, QuickStatusEditComponent, RoomMapElementOrientation, RoomMapElementType, SHOWS_API_ROUTES, STATE_API_ENDPOINTS, SeatAvailabilitySseService, SeatSelectionEmptySummaryComponent, SeatSelectionSummaryComponent, SeatSelectionSummaryItemComponent, SelectedDiscountCardType, ShowCardComponent, ShowCardSkeletonComponent, ShowMultiSelectComponent, ShowSelectComponent, ShowService, ShowTypeBadgeComponent, ShowsFilterComponent, StateSelectComponent, StatesService, TICKERA_COMPONENTS_CONFIG, TICKET_ELEMENT_TYPES, TICKET_MAP_FLOOR_HOVER_FADE_MS, TICKET_MAP_FLOOR_HOVER_OPACITY, TICKET_MAP_GRID_SIZE, TICKET_MAP_LAST_TICKETS_LIMIT, TICKET_MAP_TITLE_HEIGHT, TICKET_STATUS_COLORS, TICKET_STATUS_FILLS, TICKET_STATUS_LABELS, TIcketMapProductSelectionComponent, TRANSACTION_STATUS_COLORS, TextExpandableComponent, TickeraTranslocoLoader, TicketMapFloorSelectorComponent, TicketMapPriceZonesComponent, TicketMapProductSelectionItemComponent, TicketMapTotalsComponent, TicketMapWidgetComponent, TicketMapWidgetHeaderComponent, TicketMapWrapperComponent, TicketMapZoomControlsComponent, TicketMapZoomService, TicketQrComponent, TicketQrModalComponent, TicketQrModalService, TicketQrService, TicketSelectionDetailsService, TicketSelectionDiscountService, TicketSelectionService, TicketSelectionTotalsService, ToastService, ToggleSwitchComponent, TransactionStatus, VENUES_API_ROUTES, VIP_CARDS_API_ROUTES, VipBalanceCardComponent, VipCardService, VipCardStatus, VipCardStatusBadgeComponent, VipRechargeModalComponent, VipTransactionType, VipTransactionsTableComponent, ZonePriceItemComponent, ZonePriceListComponent, authInterceptor, drawChairIcon$1 as drawChairIcon, drawHappyFace, drawRoundedRect, drawWheelchairIcon, emailValidator, findElementAtPosition, findTicketAtPosition, formatCitiesResponseToSelect, generateExitScene, generateHallwayScene, generateProductionAreaScene, generateSeatBlockScene, generateSeatBlockTicketScene, generateStageScene, generateStairScene, generateTableScene, generateTableTicketScene, generateUnavailableSpaceScene, generateZoneScene, getBrowserLanguage, getCustomerFullname, getItemTypeIcon, getOrderDiscount, getStoredLanguage, numberToLetter$1 as numberToLetter, parseJsonToFormDataAdvanced, phoneCountryFlag, processElementsToRenderData, provideTickeraComponents, resolveLanguage, setStoredLanguage, ticketCanOpenQr, tintColor, transformImageToFile, transformUrlParams };
 //# sourceMappingURL=tickera-angular-components.mjs.map