tickera-angular-components 0.0.1-dev.65 → 0.0.1-dev.67

package/fesm2022/tickera-angular-components.mjs

@@ -2,7 +2,7 @@ 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 * as i2$1 from '@jsverse/transloco';
 import { provideTransloco, TranslocoModule, TranslocoService } from '@jsverse/transloco';
-import { from, throwError, BehaviorSubject, Subject, of } from 'rxjs';
+import { from, throwError, BehaviorSubject, Subject, of, takeUntil as takeUntil$1 } from 'rxjs';
 import * as i2 from '@angular/common';
 import { DATE_PIPE_DEFAULT_OPTIONS, isPlatformBrowser, formatDate, CommonModule, DatePipe } from '@angular/common';
 import * as i1 from '@angular/common/http';
@@ -18,6 +18,7 @@ import { DEFAULT_TOOLBAR, Editor, toHTML, NgxEditorComponent, NgxEditorMenuCompo
 import * as i2$2 from '@ng-select/ng-select';
 import { NgSelectModule } from '@ng-select/ng-select';
 import { StageComponent, CoreShapeComponent } from 'ng2-konva';
+import QRCode from 'qrcode';
 
 var formErrors$1 = {
 	required: "Este campo es requerido",
@@ -107,6 +108,10 @@ var order$1 = {
 		internal_exchange: "Cambio interno",
 		customer_exchange: "Cambio cliente",
 		mercado_pago: "Mercado Pago"
+	},
+	itemType: {
+		PRODUCT: "Producto",
+		TICKET: "Entrada"
 	}
 };
 var es = {
@@ -207,6 +212,10 @@ var order = {
 		internal_exchange: "Internal exchange",
 		customer_exchange: "Customer exchange",
 		mercado_pago: "Mercado Pago"
+	},
+	itemType: {
+		PRODUCT: "Product",
+		TICKET: "Ticket"
 	}
 };
 var en = {
@@ -499,6 +508,10 @@ const ORDER_STATUS_COLORS = {
     'on-hold': { text: '#ca8a04', bg: '#fef9c3' },
     'pending-payment': { text: '#ca8a04', bg: '#fef9c3' },
 };
+const ORDER_ITEM_TYPES_COLORS = {
+    TICKET: { text: '#1d4ed8', bg: '#eff6ff' },
+    PRODUCT: { text: '#7e22ce', bg: '#faf5ff' },
+};
 
 var FileType;
 (function (FileType) {
@@ -3601,6 +3614,46 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
             args: [{ providedIn: 'root' }]
         }] });
 
+class TicketQrService {
+    apiService;
+    constructor(apiService) {
+        this.apiService = apiService;
+    }
+    fetchQrToken(ticketUuid) {
+        return this.apiService.get(PERFORMANCES_API_ROUTES.ticketQrToken(ticketUuid));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TicketQrService, deps: [{ token: ApiService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TicketQrService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TicketQrService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: ApiService }] });
+
+class TicketQrModalService {
+    isOpen = signal(false, ...(ngDevMode ? [{ debugName: "isOpen" }] : []));
+    ticketUuid = signal(null, ...(ngDevMode ? [{ debugName: "ticketUuid" }] : []));
+    ticketDescription = signal(null, ...(ngDevMode ? [{ debugName: "ticketDescription" }] : []));
+    open(ticketUuid, description) {
+        this.ticketUuid.set(ticketUuid);
+        this.ticketDescription.set(description ?? null);
+        this.isOpen.set(true);
+    }
+    close() {
+        this.isOpen.set(false);
+        this.ticketUuid.set(null);
+        this.ticketDescription.set(null);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TicketQrModalService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TicketQrModalService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TicketQrModalService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
 const authInterceptor = (req, next) => {
     const platformId = inject(PLATFORM_ID);
     const config = inject(TICKERA_COMPONENTS_CONFIG);
@@ -4051,20 +4104,23 @@ class AppBadgeComponent {
     text = '';
     color = 'primary';
     size = 'md';
+    bordered = true;
     backgroundColor = '';
     textColor = '';
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AppBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: AppBadgeComponent, isStandalone: true, selector: "app-badge", inputs: { text: "text", color: "color", size: "size", backgroundColor: "backgroundColor", textColor: "textColor" }, ngImport: i0, template: "<span\n  class=\"badge\"\n  [class]=\"'badge--' + color + ' badge--' + size\"\n  [style.background-color]=\"backgroundColor || null\"\n  [style.color]=\"textColor || null\"\n  [style.color]=\"textColor || null\"\n>\n  {{ text }}\n</span>\n", styles: [".badge{display:inline-flex;align-items:center;border-radius:9999px;font-weight:700;line-height:1;white-space:nowrap}.badge--primary{background-color:#dbeafe;color:#1d4ed8}.badge--secondary{background-color:#f3f4f6;color:#374151}.badge--success{background-color:#dcfce7;color:#15803d}.badge--warning{background-color:#fef9c3;color:#a16207}.badge--error{background-color:#fee2e2;color:#b91c1c}.badge--info{background-color:#e0e7ff;color:#4338ca}.badge--xs{padding:.25rem .5rem;font-size:.75rem}.badge--sm{padding:.375rem .625rem;font-size:.875rem}.badge--md{padding:.5rem .75rem;font-size:.875rem}.badge--lg{padding:.625rem .875rem;font-size:1rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: AppBadgeComponent, isStandalone: true, selector: "app-badge", inputs: { text: "text", color: "color", size: "size", bordered: "bordered", backgroundColor: "backgroundColor", textColor: "textColor" }, ngImport: i0, template: "<span\n  class=\"badge\"\n  [class]=\"'badge--' + color + ' badge--' + size\"\n  [class.badge--bordered]=\"bordered\"\n  [style.background-color]=\"backgroundColor || null\"\n  [style.color]=\"textColor || null\"\n  [style.border-color]=\"textColor || null\"\n>\n  {{ text }}\n</span>\n", styles: [".badge{display:inline-flex;align-items:center;border-radius:9999px;font-weight:700;line-height:1;white-space:nowrap}.badge--bordered{border:1px solid}.badge--primary{background-color:#dbeafe;border-color:#1d4ed8;color:#1d4ed8}.badge--secondary{background-color:#f3f4f6;border-color:#374151;color:#374151}.badge--success{background-color:#dcfce7;border-color:#15803d;color:#15803d}.badge--warning{background-color:#fef9c3;border-color:#a16207;color:#a16207}.badge--error{background-color:#fee2e2;border-color:#b91c1c;color:#b91c1c}.badge--info{background-color:#e0e7ff;border-color:#4338ca;color:#4338ca}.badge--xs{padding:.25rem .5rem;font-size:.75rem}.badge--sm{padding:.375rem .625rem;font-size:.875rem}.badge--md{padding:.5rem .75rem;font-size:.875rem}.badge--lg{padding:.625rem .875rem;font-size:1rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AppBadgeComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-badge', standalone: true, imports: [CommonModule], encapsulation: ViewEncapsulation.None, template: "<span\n  class=\"badge\"\n  [class]=\"'badge--' + color + ' badge--' + size\"\n  [style.background-color]=\"backgroundColor || null\"\n  [style.color]=\"textColor || null\"\n  [style.color]=\"textColor || null\"\n>\n  {{ text }}\n</span>\n", styles: [".badge{display:inline-flex;align-items:center;border-radius:9999px;font-weight:700;line-height:1;white-space:nowrap}.badge--primary{background-color:#dbeafe;color:#1d4ed8}.badge--secondary{background-color:#f3f4f6;color:#374151}.badge--success{background-color:#dcfce7;color:#15803d}.badge--warning{background-color:#fef9c3;color:#a16207}.badge--error{background-color:#fee2e2;color:#b91c1c}.badge--info{background-color:#e0e7ff;color:#4338ca}.badge--xs{padding:.25rem .5rem;font-size:.75rem}.badge--sm{padding:.375rem .625rem;font-size:.875rem}.badge--md{padding:.5rem .75rem;font-size:.875rem}.badge--lg{padding:.625rem .875rem;font-size:1rem}\n"] }]
+            args: [{ selector: 'app-badge', standalone: true, imports: [CommonModule], encapsulation: ViewEncapsulation.None, template: "<span\n  class=\"badge\"\n  [class]=\"'badge--' + color + ' badge--' + size\"\n  [class.badge--bordered]=\"bordered\"\n  [style.background-color]=\"backgroundColor || null\"\n  [style.color]=\"textColor || null\"\n  [style.border-color]=\"textColor || null\"\n>\n  {{ text }}\n</span>\n", styles: [".badge{display:inline-flex;align-items:center;border-radius:9999px;font-weight:700;line-height:1;white-space:nowrap}.badge--bordered{border:1px solid}.badge--primary{background-color:#dbeafe;border-color:#1d4ed8;color:#1d4ed8}.badge--secondary{background-color:#f3f4f6;border-color:#374151;color:#374151}.badge--success{background-color:#dcfce7;border-color:#15803d;color:#15803d}.badge--warning{background-color:#fef9c3;border-color:#a16207;color:#a16207}.badge--error{background-color:#fee2e2;border-color:#b91c1c;color:#b91c1c}.badge--info{background-color:#e0e7ff;border-color:#4338ca;color:#4338ca}.badge--xs{padding:.25rem .5rem;font-size:.75rem}.badge--sm{padding:.375rem .625rem;font-size:.875rem}.badge--md{padding:.5rem .75rem;font-size:.875rem}.badge--lg{padding:.625rem .875rem;font-size:1rem}\n"] }]
         }], propDecorators: { text: [{
                 type: Input
             }], color: [{
                 type: Input
             }], size: [{
                 type: Input
+            }], bordered: [{
+                type: Input
             }], backgroundColor: [{
                 type: Input
             }], textColor: [{
@@ -4174,7 +4230,7 @@ class ShowCardComponent {
         return new Date(date);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ShowCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: ShowCardComponent, isStandalone: true, selector: "show-card", inputs: { show: "show", linkText: "linkText", linkUrlFn: "linkUrlFn", linkQueryParams: "linkQueryParams" }, ngImport: i0, template: "<div class=\"show-card\">\n  <div class=\"show-card__image\">\n    <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\n    @if (show.images && show.images.length > 0) {\n      <img [src]=\"show.images[0].full_url\" class=\"show-card__image-img\" />\n    } @else {\n      <span class=\"show-card__image-placeholder\"></span>\n    }\n  </div>\n\n  <div class=\"show-card__info\">\n    <p class=\"show-card__title\">\n      {{ show.title }}\n    </p>\n\n    @if (show.next_performance) {\n      <div class=\"show-card__datetime\">\n        <span class=\"show-card__datetime-title\">\n          {{ 'show.next_performance' | transloco }}\n        </span>\n\n        <br />\n\n        <span class=\"show-card__date\">\n          {{ show.next_performance.start_time | date: `EEEE` | titlecase }}\n          {{ show.next_performance.start_time | date: `dd 'de' MMMM, hh:mm a` }}\n        </span>\n      </div>\n    }\n\n    @if (show.days_of_week && show.days_of_week.length > 0) {\n      <div class=\"show-card__days\">\n        @for (day of show.days_of_week; track $index) {\n          <app-badge\n            [text]=\"`common.daysOfWeekByNumber.${day}` | transloco\"\n            size=\"xs\"\n            backgroundColor=\"#525252\"\n            textColor=\"#e5e5e5\"\n          />\n        }\n      </div>\n    }\n\n    @if (show.unique_start_times && show.unique_start_times.length > 0) {\n      <div class=\"show-card__times\">\n        @for (time of show.unique_start_times; track $index) {\n          <app-badge\n            [text]=\"dateService.formatDate(formatTimeDate(time), 'hh:mm a')\"\n            size=\"xs\"\n            backgroundColor=\"#525252\"\n            textColor=\"#e5e5e5\"\n          />\n        }\n      </div>\n    }\n\n    <app-link-button\n      class=\"show-card__link\"\n      [route]=\"linkUrlFn ? linkUrlFn(show) : '#'\"\n      [queryParams]=\"linkQueryParams ?? {}\"\n      [text]=\"linkText\"\n      icon=\"ri-calendar-line\"\n      variant=\"primary\"\n      size=\"sm\"\n    />\n  </div>\n</div>\n", styles: [".show-card{align-items:center;background-color:#171717;border-radius:.5rem;display:flex;flex-direction:column;gap:0;justify-content:space-between;overflow:hidden;padding:0;position:relative;transition:all .2s ease-in-out;max-width:320px;width:100%}.show-card:hover{border-color:#525252}.show-card--selected{background-color:#262626;border-color:#ef4444;box-shadow:0 0 0 1px #ef444480,0 0 16px #ef444459}.show-card--selected:hover{border-color:#ef4444}.show-card__image{aspect-ratio:1/1;display:flex;border-radius:.125rem;overflow:hidden;position:relative;width:100%}.show-card__image-img{object-fit:cover;object-position:center;max-height:100%;max-width:100%;margin-left:auto;margin-right:auto}.show-card__image-placeholder{display:flex;background-color:#e5e7eb;height:100%;width:100%}.show-card__badge{position:absolute;left:1rem;top:1rem}.show-card__info{display:flex;flex-direction:column;flex:1;gap:.5rem;padding:1.5rem;width:100%}.show-card__title{color:#e5e7eb;font-size:1.5rem;font-weight:800;line-height:130%;margin:0}.show-card__datetime{line-height:1}.show-card__datetime-title{color:#a3a3a3;font-size:.75rem;font-weight:700;width:100%}.show-card__date{color:#a3a3a3;font-size:.875rem}.show-card__days,.show-card__times{display:flex;flex-flow:row wrap;gap:.25rem}.show-card__times{margin-bottom:.5rem}.show-card__link{margin-top:auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: AppLinkButtonComponent, selector: "app-link-button", inputs: ["disabled", "loading", "target", "text", "icon", "loadingText", "route", "queryParams", "size", "variant"] }, { kind: "component", type: AppBadgeComponent, selector: "app-badge", inputs: ["text", "color", "size", "backgroundColor", "textColor"] }, { kind: "ngmodule", type: TranslocoModule }, { kind: "pipe", type: i2.TitleCasePipe, name: "titlecase" }, { kind: "pipe", type: i2.DatePipe, name: "date" }, { kind: "pipe", type: i2$1.TranslocoPipe, name: "transloco" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: ShowCardComponent, isStandalone: true, selector: "show-card", inputs: { show: "show", linkText: "linkText", linkUrlFn: "linkUrlFn", linkQueryParams: "linkQueryParams" }, ngImport: i0, template: "<div class=\"show-card\">\n  <div class=\"show-card__image\">\n    <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\n    @if (show.images && show.images.length > 0) {\n      <img [src]=\"show.images[0].full_url\" class=\"show-card__image-img\" />\n    } @else {\n      <span class=\"show-card__image-placeholder\"></span>\n    }\n  </div>\n\n  <div class=\"show-card__info\">\n    <p class=\"show-card__title\">\n      {{ show.title }}\n    </p>\n\n    @if (show.next_performance) {\n      <div class=\"show-card__datetime\">\n        <span class=\"show-card__datetime-title\">\n          {{ 'show.next_performance' | transloco }}\n        </span>\n\n        <br />\n\n        <span class=\"show-card__date\">\n          {{ show.next_performance.start_time | date: `EEEE` | titlecase }}\n          {{ show.next_performance.start_time | date: `dd 'de' MMMM, hh:mm a` }}\n        </span>\n      </div>\n    }\n\n    @if (show.days_of_week && show.days_of_week.length > 0) {\n      <div class=\"show-card__days\">\n        @for (day of show.days_of_week; track $index) {\n          <app-badge\n            [text]=\"`common.daysOfWeekByNumber.${day}` | transloco\"\n            size=\"xs\"\n            backgroundColor=\"#525252\"\n            textColor=\"#e5e5e5\"\n          />\n        }\n      </div>\n    }\n\n    @if (show.unique_start_times && show.unique_start_times.length > 0) {\n      <div class=\"show-card__times\">\n        @for (time of show.unique_start_times; track $index) {\n          <app-badge\n            [text]=\"dateService.formatDate(formatTimeDate(time), 'hh:mm a')\"\n            size=\"xs\"\n            backgroundColor=\"#525252\"\n            textColor=\"#e5e5e5\"\n          />\n        }\n      </div>\n    }\n\n    <app-link-button\n      class=\"show-card__link\"\n      [route]=\"linkUrlFn ? linkUrlFn(show) : '#'\"\n      [queryParams]=\"linkQueryParams ?? {}\"\n      [text]=\"linkText\"\n      icon=\"ri-calendar-line\"\n      variant=\"primary\"\n      size=\"sm\"\n    />\n  </div>\n</div>\n", styles: [".show-card{align-items:center;background-color:#171717;border-radius:.5rem;display:flex;flex-direction:column;gap:0;justify-content:space-between;overflow:hidden;padding:0;position:relative;transition:all .2s ease-in-out;max-width:320px;width:100%}.show-card:hover{border-color:#525252}.show-card--selected{background-color:#262626;border-color:#ef4444;box-shadow:0 0 0 1px #ef444480,0 0 16px #ef444459}.show-card--selected:hover{border-color:#ef4444}.show-card__image{aspect-ratio:1/1;display:flex;border-radius:.125rem;overflow:hidden;position:relative;width:100%}.show-card__image-img{object-fit:cover;object-position:center;max-height:100%;max-width:100%;margin-left:auto;margin-right:auto}.show-card__image-placeholder{display:flex;background-color:#e5e7eb;height:100%;width:100%}.show-card__badge{position:absolute;left:1rem;top:1rem}.show-card__info{display:flex;flex-direction:column;flex:1;gap:.5rem;padding:1.5rem;width:100%}.show-card__title{color:#e5e7eb;font-size:1.5rem;font-weight:800;line-height:130%;margin:0}.show-card__datetime{line-height:1}.show-card__datetime-title{color:#a3a3a3;font-size:.75rem;font-weight:700;width:100%}.show-card__date{color:#a3a3a3;font-size:.875rem}.show-card__days,.show-card__times{display:flex;flex-flow:row wrap;gap:.25rem}.show-card__times{margin-bottom:.5rem}.show-card__link{margin-top:auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: AppLinkButtonComponent, selector: "app-link-button", inputs: ["disabled", "loading", "target", "text", "icon", "loadingText", "route", "queryParams", "size", "variant"] }, { kind: "component", type: AppBadgeComponent, selector: "app-badge", inputs: ["text", "color", "size", "bordered", "backgroundColor", "textColor"] }, { kind: "ngmodule", type: TranslocoModule }, { kind: "pipe", type: i2.TitleCasePipe, name: "titlecase" }, { kind: "pipe", type: i2.DatePipe, name: "date" }, { kind: "pipe", type: i2$1.TranslocoPipe, name: "transloco" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ShowCardComponent, decorators: [{
             type: Component,
@@ -7120,7 +7176,7 @@ class PerformanceCardComponent {
         return this.listEventService.selectedPerformance()?.id === this.card.id;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PerformanceCardComponent, deps: [{ token: PerformancesListEventsService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: PerformanceCardComponent, isStandalone: true, selector: "performance-card", inputs: { card: "card", linkText: "linkText", linkUrlFn: "linkUrlFn", linkQueryParams: "linkQueryParams" }, ngImport: i0, template: "<div class=\"performance-card\" [class.performance-card--selected]=\"isSelected()\">\n  <div class=\"performance-card-image\">\n    @if (card.show.images && card.show.images.length > 0) {\n      <img [src]=\"card.show.images[0].full_url\" class=\"performance-card-image-img\" />\n    } @else {\n      <span class=\"performance-card-image-placeholder\"></span>\n    }\n  </div>\n\n  <div class=\"performance-card-info\">\n    <div class=\"performance-card-title\">\n      {{ card.show.title }}\n    </div>\n\n    <div class=\"performance-card-datetime\">\n      <span class=\"performance-card-date\">\n        {{ card.start_time | date: `EEEE` | titlecase }}\n        {{ card.start_time | date: `dd 'de' MMMM,` }}\n      </span>\n\n      <span class=\"performance-card-time\">\n        {{ card.start_time | date: `hh:mm` }}\n      </span>\n\n      <span class=\"performance-card-meridiem\">\n        {{ card.start_time | date: 'a' }}\n      </span>\n    </div>\n\n    <ul class=\"performance-card-location\">\n      @if (card.hall) {\n        <li class=\"performance-card-location__item\">\n          <i class=\"ri-armchair-line\"></i>\n          <strong>Sala:</strong>\n          <span>{{ card.hall.name }}</span>\n        </li>\n      }\n\n      @if (card.venue) {\n        <li class=\"performance-card-location__item\">\n          <i class=\"ri-building-4-line\"></i>\n          <strong>Teatro:</strong>\n          <span>{{ card.venue.name }}</span>\n        </li>\n      }\n    </ul>\n  </div>\n\n  <div class=\"performance-card-actions\">\n    <app-badge\n      [text]=\"`${card.available_tickets_count} entrada(s) disponible(s)`\"\n      size=\"xs\"\n      [color]=\"badgeColor\"\n    />\n\n    <div class=\"performance-card-price\">\n      Desde\n\n      <span class=\"performance-card-price-value\">\n        ${{ card.zone_price_cheapest | number: '1.0-2' }}\n      </span>\n    </div>\n\n    <app-link-button\n      [style.width]=\"'100%'\"\n      [route]=\"linkUrlFn ? linkUrlFn(card) : '#'\"\n      [queryParams]=\"linkQueryParams ?? {}\"\n      [text]=\"linkText\"\n      icon=\"ri-coupon-line\"\n      variant=\"primary\"\n      size=\"xs\"\n    />\n  </div>\n</div>\n", styles: [".performance-card{align-items:center;background-color:#171717;border-radius:.5rem;border:1px solid #404040;display:flex;flex-direction:column;gap:1rem;justify-content:space-between;padding:1rem 1.25rem;transition:all .2s ease-in-out}@media(min-width:640px){.performance-card{flex-direction:row}}.performance-card:hover{border-color:#525252}.performance-card--selected{background-color:#262626;border-color:#ef4444;box-shadow:0 0 0 1px #ef444480,0 0 16px #ef444459}.performance-card--selected:hover{border-color:#ef4444}.performance-card-image{display:flex;border-radius:.125rem;overflow:hidden;height:auto;min-height:6rem;width:100%}@media(min-width:640px){.performance-card-image{height:6rem;width:6rem}}.performance-card-image-img{object-fit:contain;object-position:center;max-height:100%;max-width:100%;margin-left:auto;margin-right:auto}.performance-card-image-placeholder{display:flex;background-color:#e5e7eb;height:6rem;width:100%}.performance-card-info{display:flex;flex-direction:column;flex:1;gap:.5rem;width:100%}.performance-card-title{color:#e5e7eb;font-size:1.5rem;font-weight:800;line-height:1}.performance-card--selected .performance-card-title{color:#f3f4f6}.performance-card-datetime{line-height:1}.performance-card-date{font-size:.875rem;color:#9ca3af}.performance-card-time{font-weight:800;font-size:1.125rem;color:#e5e7eb}.performance-card-meridiem{font-weight:800;font-size:.875rem;color:#fff}.performance-card--selected .performance-card-meridiem{color:#ef4444}.performance-card-price{font-size:1rem;color:#9ca3af;line-height:1}.performance-card-price-value{color:#d1d5db;font-weight:600}.performance-card-location{align-items:flex-start;display:flex;flex-flow:row wrap;gap:1rem;list-style:none;margin:0;padding:0;width:100%}.performance-card-location__item{color:#a3a3a3;align-self:center;display:flex;flex-flow:row nowrap;font-size:.75rem;justify-content:flex-start;gap:.25rem}.performance-card-actions{align-items:center;display:flex;flex-direction:column;gap:.5rem;width:100%}@media(min-width:640px){.performance-card-actions{max-width:200px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: AppLinkButtonComponent, selector: "app-link-button", inputs: ["disabled", "loading", "target", "text", "icon", "loadingText", "route", "queryParams", "size", "variant"] }, { kind: "component", type: AppBadgeComponent, selector: "app-badge", inputs: ["text", "color", "size", "backgroundColor", "textColor"] }, { kind: "pipe", type: i2.DecimalPipe, name: "number" }, { kind: "pipe", type: i2.TitleCasePipe, name: "titlecase" }, { kind: "pipe", type: i2.DatePipe, name: "date" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: PerformanceCardComponent, isStandalone: true, selector: "performance-card", inputs: { card: "card", linkText: "linkText", linkUrlFn: "linkUrlFn", linkQueryParams: "linkQueryParams" }, ngImport: i0, template: "<div class=\"performance-card\" [class.performance-card--selected]=\"isSelected()\">\n  <div class=\"performance-card-image\">\n    @if (card.show.images && card.show.images.length > 0) {\n      <img [src]=\"card.show.images[0].full_url\" class=\"performance-card-image-img\" />\n    } @else {\n      <span class=\"performance-card-image-placeholder\"></span>\n    }\n  </div>\n\n  <div class=\"performance-card-info\">\n    <div class=\"performance-card-title\">\n      {{ card.show.title }}\n    </div>\n\n    <div class=\"performance-card-datetime\">\n      <span class=\"performance-card-date\">\n        {{ card.start_time | date: `EEEE` | titlecase }}\n        {{ card.start_time | date: `dd 'de' MMMM,` }}\n      </span>\n\n      <span class=\"performance-card-time\">\n        {{ card.start_time | date: `hh:mm` }}\n      </span>\n\n      <span class=\"performance-card-meridiem\">\n        {{ card.start_time | date: 'a' }}\n      </span>\n    </div>\n\n    <ul class=\"performance-card-location\">\n      @if (card.hall) {\n        <li class=\"performance-card-location__item\">\n          <i class=\"ri-armchair-line\"></i>\n          <strong>Sala:</strong>\n          <span>{{ card.hall.name }}</span>\n        </li>\n      }\n\n      @if (card.venue) {\n        <li class=\"performance-card-location__item\">\n          <i class=\"ri-building-4-line\"></i>\n          <strong>Teatro:</strong>\n          <span>{{ card.venue.name }}</span>\n        </li>\n      }\n    </ul>\n  </div>\n\n  <div class=\"performance-card-actions\">\n    <app-badge\n      [text]=\"`${card.available_tickets_count} entrada(s) disponible(s)`\"\n      size=\"xs\"\n      [color]=\"badgeColor\"\n    />\n\n    <div class=\"performance-card-price\">\n      Desde\n\n      <span class=\"performance-card-price-value\">\n        ${{ card.zone_price_cheapest | number: '1.0-2' }}\n      </span>\n    </div>\n\n    <app-link-button\n      [style.width]=\"'100%'\"\n      [route]=\"linkUrlFn ? linkUrlFn(card) : '#'\"\n      [queryParams]=\"linkQueryParams ?? {}\"\n      [text]=\"linkText\"\n      icon=\"ri-coupon-line\"\n      variant=\"primary\"\n      size=\"xs\"\n    />\n  </div>\n</div>\n", styles: [".performance-card{align-items:center;background-color:#171717;border-radius:.5rem;border:1px solid #404040;display:flex;flex-direction:column;gap:1rem;justify-content:space-between;padding:1rem 1.25rem;transition:all .2s ease-in-out}@media(min-width:640px){.performance-card{flex-direction:row}}.performance-card:hover{border-color:#525252}.performance-card--selected{background-color:#262626;border-color:#ef4444;box-shadow:0 0 0 1px #ef444480,0 0 16px #ef444459}.performance-card--selected:hover{border-color:#ef4444}.performance-card-image{display:flex;border-radius:.125rem;overflow:hidden;height:auto;min-height:6rem;width:100%}@media(min-width:640px){.performance-card-image{height:6rem;width:6rem}}.performance-card-image-img{object-fit:contain;object-position:center;max-height:100%;max-width:100%;margin-left:auto;margin-right:auto}.performance-card-image-placeholder{display:flex;background-color:#e5e7eb;height:6rem;width:100%}.performance-card-info{display:flex;flex-direction:column;flex:1;gap:.5rem;width:100%}.performance-card-title{color:#e5e7eb;font-size:1.5rem;font-weight:800;line-height:1}.performance-card--selected .performance-card-title{color:#f3f4f6}.performance-card-datetime{line-height:1}.performance-card-date{font-size:.875rem;color:#9ca3af}.performance-card-time{font-weight:800;font-size:1.125rem;color:#e5e7eb}.performance-card-meridiem{font-weight:800;font-size:.875rem;color:#fff}.performance-card--selected .performance-card-meridiem{color:#ef4444}.performance-card-price{font-size:1rem;color:#9ca3af;line-height:1}.performance-card-price-value{color:#d1d5db;font-weight:600}.performance-card-location{align-items:flex-start;display:flex;flex-flow:row wrap;gap:1rem;list-style:none;margin:0;padding:0;width:100%}.performance-card-location__item{color:#a3a3a3;align-self:center;display:flex;flex-flow:row nowrap;font-size:.75rem;justify-content:flex-start;gap:.25rem}.performance-card-actions{align-items:center;display:flex;flex-direction:column;gap:.5rem;width:100%}@media(min-width:640px){.performance-card-actions{max-width:200px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: AppLinkButtonComponent, selector: "app-link-button", inputs: ["disabled", "loading", "target", "text", "icon", "loadingText", "route", "queryParams", "size", "variant"] }, { kind: "component", type: AppBadgeComponent, selector: "app-badge", inputs: ["text", "color", "size", "bordered", "backgroundColor", "textColor"] }, { kind: "pipe", type: i2.DecimalPipe, name: "number" }, { kind: "pipe", type: i2.TitleCasePipe, name: "titlecase" }, { kind: "pipe", type: i2.DatePipe, name: "date" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PerformanceCardComponent, decorators: [{
             type: Component,
@@ -7902,7 +7958,7 @@ class OrderStatusBadgeComponent {
         return ORDER_STATUS_COLORS[this.order.status] ?? null;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OrderStatusBadgeComponent, deps: [{ token: i2$1.TranslocoService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: OrderStatusBadgeComponent, isStandalone: true, selector: "order-status-badge", inputs: { order: "order", size: "size" }, ngImport: i0, template: "<app-badge\n  [text]=\"`order.status.${order.status}` | transloco\"\n  [backgroundColor]=\"statusColors.bg\"\n  [textColor]=\"statusColors.text\"\n  [size]=\"size\"\n/>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: TranslocoModule }, { kind: "component", type: AppBadgeComponent, selector: "app-badge", inputs: ["text", "color", "size", "backgroundColor", "textColor"] }, { kind: "pipe", type: i2$1.TranslocoPipe, name: "transloco" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: OrderStatusBadgeComponent, isStandalone: true, selector: "order-status-badge", inputs: { order: "order", size: "size" }, ngImport: i0, template: "<app-badge\n  [text]=\"`order.status.${order.status}` | transloco\"\n  [backgroundColor]=\"statusColors.bg\"\n  [textColor]=\"statusColors.text\"\n  [size]=\"size\"\n/>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: TranslocoModule }, { kind: "component", type: AppBadgeComponent, selector: "app-badge", inputs: ["text", "color", "size", "bordered", "backgroundColor", "textColor"] }, { kind: "pipe", type: i2$1.TranslocoPipe, name: "transloco" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OrderStatusBadgeComponent, decorators: [{
             type: Component,
@@ -7931,11 +7987,218 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
                 args: [{ required: true }]
             }] } });
 
+class OrderItemTypeBadgeComponent {
+    transloco;
+    item;
+    size = 'sm';
+    constructor(transloco) {
+        this.transloco = transloco;
+    }
+    get statusColors() {
+        return ORDER_ITEM_TYPES_COLORS[this.item.item_type] ?? null;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OrderItemTypeBadgeComponent, deps: [{ token: i2$1.TranslocoService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: OrderItemTypeBadgeComponent, isStandalone: true, selector: "order-item-type-badge", inputs: { item: "item", size: "size" }, ngImport: i0, template: "<app-badge\n  [text]=\"`order.itemType.${item.item_type}` | transloco\"\n  [backgroundColor]=\"statusColors.bg\"\n  [textColor]=\"statusColors.text\"\n  [size]=\"size\"\n/>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: TranslocoModule }, { kind: "component", type: AppBadgeComponent, selector: "app-badge", inputs: ["text", "color", "size", "bordered", "backgroundColor", "textColor"] }, { kind: "pipe", type: i2$1.TranslocoPipe, name: "transloco" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OrderItemTypeBadgeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'order-item-type-badge', standalone: true, imports: [CommonModule, TranslocoModule, AppBadgeComponent], template: "<app-badge\n  [text]=\"`order.itemType.${item.item_type}` | transloco\"\n  [backgroundColor]=\"statusColors.bg\"\n  [textColor]=\"statusColors.text\"\n  [size]=\"size\"\n/>\n" }]
+        }], ctorParameters: () => [{ type: i2$1.TranslocoService }], propDecorators: { item: [{
+                type: Input,
+                args: [{ required: true }]
+            }], size: [{
+                type: Input
+            }] } });
+
+class TicketQrComponent {
+    ticketQrService;
+    ticketUuid;
+    qrCanvas;
+    loading = signal(true, ...(ngDevMode ? [{ debugName: "loading" }] : []));
+    error = signal(false, ...(ngDevMode ? [{ debugName: "error" }] : []));
+    refreshing = signal(false, ...(ngDevMode ? [{ debugName: "refreshing" }] : []));
+    countdown = signal(0, ...(ngDevMode ? [{ debugName: "countdown" }] : []));
+    destroy$ = new Subject();
+    refreshTimeout = null;
+    countdownInterval = null;
+    constructor(ticketQrService) {
+        this.ticketQrService = ticketQrService;
+    }
+    ngOnInit() {
+        this.fetchAndRender();
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+        this.clearTimers();
+    }
+    retry() {
+        this.error.set(false);
+        this.loading.set(true);
+        this.clearTimers();
+        this.fetchAndRender();
+    }
+    clearTimers() {
+        if (this.refreshTimeout) {
+            clearTimeout(this.refreshTimeout);
+            this.refreshTimeout = null;
+        }
+        if (this.countdownInterval) {
+            clearInterval(this.countdownInterval);
+            this.countdownInterval = null;
+        }
+    }
+    fetchAndRender() {
+        this.ticketQrService
+            .fetchQrToken(this.ticketUuid)
+            .pipe(takeUntil$1(this.destroy$))
+            .subscribe({
+            next: (res) => {
+                this.loading.set(false);
+                this.error.set(false);
+                this.renderQr(res.data.token);
+                this.startCountdown(res.data.refresh_in);
+                this.scheduleRefresh(res.data.refresh_in);
+            },
+            error: () => {
+                this.loading.set(false);
+                this.error.set(true);
+            },
+        });
+    }
+    scheduleRefresh(seconds) {
+        this.refreshTimeout = setTimeout(() => {
+            this.refreshing.set(true);
+            this.ticketQrService
+                .fetchQrToken(this.ticketUuid)
+                .pipe(takeUntil$1(this.destroy$))
+                .subscribe({
+                next: (res) => {
+                    this.renderQr(res.data.token);
+                    this.error.set(false);
+                    this.startCountdown(res.data.refresh_in);
+                    setTimeout(() => {
+                        this.refreshing.set(false);
+                        this.scheduleRefresh(res.data.refresh_in);
+                    }, 300);
+                },
+                error: () => {
+                    this.refreshing.set(false);
+                    this.error.set(true);
+                },
+            });
+        }, seconds * 1000);
+    }
+    startCountdown(seconds) {
+        if (this.countdownInterval) {
+            clearInterval(this.countdownInterval);
+        }
+        this.countdown.set(seconds);
+        this.countdownInterval = setInterval(() => {
+            this.countdown.update((v) => Math.max(0, v - 1));
+        }, 1000);
+    }
+    renderQr(token) {
+        const canvas = this.qrCanvas.nativeElement;
+        QRCode.toCanvas(canvas, token, { width: 256, margin: 2 }, (err) => {
+            if (err)
+                console.error('Error rendering QR:', err);
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TicketQrComponent, deps: [{ token: TicketQrService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: TicketQrComponent, isStandalone: true, selector: "performance-ticket-qr", inputs: { ticketUuid: "ticketUuid" }, viewQueries: [{ propertyName: "qrCanvas", first: true, predicate: ["qrCanvas"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"ticket-qr\">\n  @if (loading()) {\n    <div class=\"ticket-qr__loader\">\n      <span class=\"ticket-qr__loader-text\">Cargando QR...</span>\n    </div>\n  }\n\n  @if (error()) {\n    <div class=\"ticket-qr__container\">\n      <app-alert text=\"Error al cargar el c\u00F3digo QR\" type=\"error\" />\n      <app-button text=\"Reintentar\" (clicked)=\"retry()\" [disabled]=\"loading()\" />\n    </div>\n  }\n\n  <div [class.hidden]=\"loading() || error()\" class=\"ticket-qr__container\">\n    <div class=\"transition-opacity duration-300\" [class.opacity-50]=\"refreshing()\">\n      <canvas #qrCanvas class=\"ticket-qr__canvas\" width=\"256\" height=\"256\"></canvas>\n    </div>\n    <span class=\"ticket-qr__updating-text\">\n      {{ countdown() > 0 ? `Actualizando en ${countdown()}` : '0s' }}\n    </span>\n  </div>\n</div>\n", styles: [".ticket-qr{align-items:center;display:flex;flex-flow:column nowrap;gap:.75rem;height:auto;padding:1rem;width:100%}.ticket-qr__loader{align-items:center;background-color:#f3f4f6;border-radius:.5rem;display:flex;flex-flow:column nowrap;height:16rem;justify-content:center;width:16rem}.ticket-qr__loader-text{color:#9ca3af;font-size:.875rem}.ticket-qr__container{align-items:center;display:flex;flex-flow:column nowrap;gap:.75rem;width:100%}.ticket-qr__container.hidden{display:none}.ticket-qr__canvas{box-shadow:0 0 10px #0003;border-radius:.5rem}.ticket-qr__updating-text{color:#9ca3af;font-size:.875rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: AppButtonComponent, selector: "app-button", inputs: ["disabled", "loading", "type", "variant", "text", "size", "loadingText", "icon"], outputs: ["clicked"] }, { kind: "component", type: AppAlertComponent, selector: "app-alert", inputs: ["type", "text", "closeable", "size"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TicketQrComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'performance-ticket-qr', standalone: true, imports: [CommonModule, AppButtonComponent, AppAlertComponent], template: "<div class=\"ticket-qr\">\n  @if (loading()) {\n    <div class=\"ticket-qr__loader\">\n      <span class=\"ticket-qr__loader-text\">Cargando QR...</span>\n    </div>\n  }\n\n  @if (error()) {\n    <div class=\"ticket-qr__container\">\n      <app-alert text=\"Error al cargar el c\u00F3digo QR\" type=\"error\" />\n      <app-button text=\"Reintentar\" (clicked)=\"retry()\" [disabled]=\"loading()\" />\n    </div>\n  }\n\n  <div [class.hidden]=\"loading() || error()\" class=\"ticket-qr__container\">\n    <div class=\"transition-opacity duration-300\" [class.opacity-50]=\"refreshing()\">\n      <canvas #qrCanvas class=\"ticket-qr__canvas\" width=\"256\" height=\"256\"></canvas>\n    </div>\n    <span class=\"ticket-qr__updating-text\">\n      {{ countdown() > 0 ? `Actualizando en ${countdown()}` : '0s' }}\n    </span>\n  </div>\n</div>\n", styles: [".ticket-qr{align-items:center;display:flex;flex-flow:column nowrap;gap:.75rem;height:auto;padding:1rem;width:100%}.ticket-qr__loader{align-items:center;background-color:#f3f4f6;border-radius:.5rem;display:flex;flex-flow:column nowrap;height:16rem;justify-content:center;width:16rem}.ticket-qr__loader-text{color:#9ca3af;font-size:.875rem}.ticket-qr__container{align-items:center;display:flex;flex-flow:column nowrap;gap:.75rem;width:100%}.ticket-qr__container.hidden{display:none}.ticket-qr__canvas{box-shadow:0 0 10px #0003;border-radius:.5rem}.ticket-qr__updating-text{color:#9ca3af;font-size:.875rem}\n"] }]
+        }], ctorParameters: () => [{ type: TicketQrService }], propDecorators: { ticketUuid: [{
+                type: Input,
+                args: [{ required: true }]
+            }], qrCanvas: [{
+                type: ViewChild,
+                args: ['qrCanvas', { static: true }]
+            }] } });
+
+class TicketQrModalComponent {
+    ticketQrModalService;
+    constructor(ticketQrModalService) {
+        this.ticketQrModalService = ticketQrModalService;
+    }
+    get isOpen() {
+        return this.ticketQrModalService.isOpen;
+    }
+    get ticketUuid() {
+        return this.ticketQrModalService.ticketUuid;
+    }
+    get ticketDescription() {
+        return this.ticketQrModalService.ticketDescription;
+    }
+    onClose() {
+        this.ticketQrModalService.close();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TicketQrModalComponent, deps: [{ token: TicketQrModalService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: TicketQrModalComponent, isStandalone: true, selector: "ticket-qr-modal", ngImport: i0, template: "<app-modal title=\"C\u00F3digo QR del ticket\" [isOpen]=\"isOpen\" (closeModal)=\"onClose()\" size=\"md\">\n  <div class=\"ticket-qr-modal\">\n    @if (ticketDescription(); as desc) {\n      <p class=\"ticket-qr-modal__description\">{{ desc }}</p>\n    }\n\n    @if (ticketUuid(); as uuid) {\n      <performance-ticket-qr [ticketUuid]=\"uuid\" />\n    }\n  </div>\n</app-modal>\n", styles: [".ticket-qr-modal__description{color:#6b7280;font-weight:700;font-size:1rem;margin-bottom:1rem;text-align:center;width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: AppModalComponent, selector: "app-modal", inputs: ["title", "disableClose", "showHeader", "showCloseButton", "showTitle", "isOpen", "size"], outputs: ["closeModal"] }, { kind: "component", type: TicketQrComponent, selector: "performance-ticket-qr", inputs: ["ticketUuid"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TicketQrModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ticket-qr-modal', standalone: true, imports: [CommonModule, AppModalComponent, TicketQrComponent], template: "<app-modal title=\"C\u00F3digo QR del ticket\" [isOpen]=\"isOpen\" (closeModal)=\"onClose()\" size=\"md\">\n  <div class=\"ticket-qr-modal\">\n    @if (ticketDescription(); as desc) {\n      <p class=\"ticket-qr-modal__description\">{{ desc }}</p>\n    }\n\n    @if (ticketUuid(); as uuid) {\n      <performance-ticket-qr [ticketUuid]=\"uuid\" />\n    }\n  </div>\n</app-modal>\n", styles: [".ticket-qr-modal__description{color:#6b7280;font-weight:700;font-size:1rem;margin-bottom:1rem;text-align:center;width:100%}\n"] }]
+        }], ctorParameters: () => [{ type: TicketQrModalService }] });
+
+class OrderItemsComponent {
+    ticketQrModalService;
+    order;
+    constructor(ticketQrModalService) {
+        this.ticketQrModalService = ticketQrModalService;
+    }
+    get orderItems() {
+        return this.order.order_items ?? [];
+    }
+    get products() {
+        return this.orderItems?.filter(({ item_type }) => item_type === OrderItemType.PRODUCT) ?? [];
+    }
+    get tickets() {
+        return this.orderItems?.filter(({ item_type }) => item_type === OrderItemType.TICKET) ?? [];
+    }
+    itemTotal(quantity, price) {
+        return quantity * Number(price);
+    }
+    hasDiscount() {
+        return this.order.discount_amount > 0;
+    }
+    get totals() {
+        const products = this.products?.reduce((accumulator, currentProduct) => {
+            return accumulator + currentProduct?.normal_price;
+        }, 0);
+        const tickets = this.tickets?.reduce((accumulator, currentTicket) => {
+            return accumulator + currentTicket?.normal_price;
+        }, 0);
+        return { products, tickets };
+    }
+    openTicketQr(ticketUuid, description) {
+        this.ticketQrModalService.open(ticketUuid, description);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OrderItemsComponent, deps: [{ token: TicketQrModalService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: OrderItemsComponent, isStandalone: true, selector: "order-items", inputs: { order: "order" }, ngImport: i0, template: "@if (!!order) {\n  <div class=\"order-items\">\n    <div class=\"order-items__header\">\n      <ticket-map-widget-header [title]=\"`Art\u00EDculos (${order.order_items.length})`\" />\n    </div>\n    <div class=\"order-items__table-container\">\n      <table class=\"order-items__table\">\n        <thead class=\"order-items__table-head\">\n          <tr class=\"order-items__table-head-row\">\n            <th class=\"order-items__table-head-cell\">Tipo</th>\n            <th class=\"order-items__table-head-cell\">Descripci\u00F3n</th>\n\n            <th class=\"order-items__table-head-cell text-right\">Cant.</th>\n            <th class=\"order-items__table-head-cell text-right\">Precio</th>\n            <th class=\"order-items__table-head-cell text-right\">Total</th>\n            @if (order.status === 'completed') {\n              <th class=\"order-items__table-head-cell\">Acciones</th>\n            }\n          </tr>\n        </thead>\n        <tbody class=\"order-items__table-body\">\n          @for (item of order.order_items; track $index) {\n            <tr class=\"order-items__table-body-row\">\n              <td class=\"order-items__table-body-cell\">\n                <order-item-type-badge [item]=\"item\" size=\"xs\" />\n              </td>\n\n              <td class=\"order-items__table-body-cell\">\n                {{ item.description }}\n              </td>\n\n              <td class=\"order-items__table-body-cell text-right\">\n                {{ item.quantity }}\n              </td>\n\n              <td class=\"order-items__table-body-cell text-right\">\n                ${{ item.normal_price | number: '1.0-2' }}\n              </td>\n\n              <td class=\"order-items__table-body-cell text-right\">\n                <strong>\n                  ${{ itemTotal(item.quantity, item.normal_price) | number: '1.0-2' }}\n                </strong>\n              </td>\n\n              @if (item.ticket_uuid && order.status === 'completed') {\n                <td class=\"order-items__table-body-cell actions\">\n                  <app-button\n                    text=\"Ver ticket\"\n                    size=\"xs\"\n                    icon=\"ri-eye-line\"\n                    (clicked)=\"openTicketQr(item.ticket_uuid!, item.description)\"\n                  />\n                </td>\n              }\n            </tr>\n          }\n        </tbody>\n      </table>\n    </div>\n\n    <div class=\"order-items__totals\">\n      <dl class=\"order-items__totals-container\">\n        @if (tickets.length > 0 && totals.tickets > 0) {\n          <div class=\"order-items__totals-item\">\n            <dt class=\"order-items__totals-item-title\">Entradas ({{ tickets.length }})</dt>\n            <dd class=\"order-items__totals-item-value\">\n              @if (totals.tickets > 0) {\n                <span class=\"text-gray-900\"> ${{ totals.tickets | number: '1.0-2' }} </span>\n              }\n            </dd>\n          </div>\n        }\n\n        @if (products.length > 0 && totals.products > 0) {\n          <div class=\"order-items__totals-item\">\n            <dt class=\"order-items__totals-item-title\">Productos</dt>\n            <dd class=\"order-items__totals-item-value\">\n              @if (totals.products > 0) {\n                <span class=\"text-gray-900\"> ${{ totals.products | number: '1.0-2' }} </span>\n              }\n            </dd>\n          </div>\n        }\n\n        @if (order.service_fee && order.service_fee > 0) {\n          <div class=\"order-items__totals-item\">\n            <dt class=\"order-items__totals-item-title\">Tarifa de servicio</dt>\n            <dd class=\"order-items__totals-item-value\">\n              <span class=\"text-gray-900\"> ${{ order.service_fee | number: '1.0-2' }} </span>\n            </dd>\n          </div>\n        }\n\n        @if (hasDiscount()) {\n          <div class=\"order-items__totals-item\">\n            <dt class=\"order-items__totals-item-title\">Descuento</dt>\n            <dd class=\"order-items__totals-item-title\">\n              $-{{ order.discount_amount | number: '1.0-2' }}\n            </dd>\n          </div>\n        }\n\n        <div class=\"order-items__totals-item total-item\">\n          <dt class=\"order-items__totals-item-total\">Total</dt>\n          <dd class=\"order-items__totals-item-value\">\n            @if (!hasDiscount()) {\n              <span class=\"order-items__totals-item-total\">\n                ${{ order.total | number: '1.0-2' }}\n              </span>\n            }\n            @if (hasDiscount()) {\n              <span class=\"order-items__totals-item-discount-wrapper\">\n                <span class=\"order-items__totals-item-discount\">\n                  ${{ order.total | number: '1.0-2' }}\n                </span>\n                <span class=\"order-items__totals-item-total\">\n                  ${{ order.total_discounted | number: '1.0-2' }}\n                </span>\n              </span>\n            }\n          </dd>\n        </div>\n      </dl>\n    </div>\n  </div>\n\n  <ticket-qr-modal />\n}\n", styles: [".order-items{background-color:#fff;border-radius:.5rem;border:1px solid #f3f4f6;box-sizing:border-box;overflow:hidden;position:relative;width:100%}.order-items__header{align-items:center;display:flex;flex-flow:row wrap;gap:1rem;padding:1rem;width:100%}.order-items__table-container{overflow-x:auto}.order-items__table{border-collapse:collapse;font-size:.875rem;width:100%}.order-items__table-head-row{background-color:#f3f4f6;text-align:left}.order-items__table-head-cell{color:#6b7280;font-size:.75rem;font-weight:700;padding:.75rem 1.5rem;text-transform:uppercase}.order-items__table-head-cell.text-right{text-align:right}.order-items__table-body>:not(:last-child){border-bottom:1px solid #f3f4f6}.order-items__table-body-row{transition:all .4s ease}.order-items__table-body-row:hover{background-color:#f9fafb}.order-items__table-body-cell{color:#374151;padding:.75rem 1.5rem;white-space:nowrap}.order-items__table-body-cell.text-right{text-align:right}.order-items__totals{background-color:#f3f4f6;border-top:1px solid #f3f4f6;padding:1rem 1.5rem;width:100%}.order-items__totals-container{display:flex;flex-flow:column;gap:.5rem;margin-left:auto;max-width:20rem;width:100%}.order-items__totals-item{display:flex;font-size:.875rem;justify-content:space-between;width:100%}.order-items__totals-item.actions{text-align:left}.order-items__totals-item.total-item{border-top:1px solid #e5e7eb;padding-top:.5rem}.order-items__totals-item-title{color:#6b7280}.order-items__totals-item-total{color:#111827;font-size:1.125rem;font-weight:700;line-height:100%}.order-items__totals-item-discount-wrapper{align-items:flex-end;display:flex;flex-flow:column nowrap;width:100%}.order-items__totals-item-discount{color:#9ca3af;font-size:.75rem;text-decoration:line-through}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: AppButtonComponent, selector: "app-button", inputs: ["disabled", "loading", "type", "variant", "text", "size", "loadingText", "icon"], outputs: ["clicked"] }, { kind: "component", type: TicketQrModalComponent, selector: "ticket-qr-modal" }, { kind: "component", type: TicketMapWidgetHeaderComponent, selector: "ticket-map-widget-header", inputs: ["title"] }, { kind: "component", type: OrderItemTypeBadgeComponent, selector: "order-item-type-badge", inputs: ["item", "size"] }, { kind: "pipe", type: i2.DecimalPipe, name: "number" }], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OrderItemsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'order-items', standalone: true, imports: [
+                        CommonModule,
+                        AppButtonComponent,
+                        TicketQrModalComponent,
+                        TicketMapWidgetHeaderComponent,
+                        OrderItemTypeBadgeComponent,
+                    ], encapsulation: ViewEncapsulation.None, template: "@if (!!order) {\n  <div class=\"order-items\">\n    <div class=\"order-items__header\">\n      <ticket-map-widget-header [title]=\"`Art\u00EDculos (${order.order_items.length})`\" />\n    </div>\n    <div class=\"order-items__table-container\">\n      <table class=\"order-items__table\">\n        <thead class=\"order-items__table-head\">\n          <tr class=\"order-items__table-head-row\">\n            <th class=\"order-items__table-head-cell\">Tipo</th>\n            <th class=\"order-items__table-head-cell\">Descripci\u00F3n</th>\n\n            <th class=\"order-items__table-head-cell text-right\">Cant.</th>\n            <th class=\"order-items__table-head-cell text-right\">Precio</th>\n            <th class=\"order-items__table-head-cell text-right\">Total</th>\n            @if (order.status === 'completed') {\n              <th class=\"order-items__table-head-cell\">Acciones</th>\n            }\n          </tr>\n        </thead>\n        <tbody class=\"order-items__table-body\">\n          @for (item of order.order_items; track $index) {\n            <tr class=\"order-items__table-body-row\">\n              <td class=\"order-items__table-body-cell\">\n                <order-item-type-badge [item]=\"item\" size=\"xs\" />\n              </td>\n\n              <td class=\"order-items__table-body-cell\">\n                {{ item.description }}\n              </td>\n\n              <td class=\"order-items__table-body-cell text-right\">\n                {{ item.quantity }}\n              </td>\n\n              <td class=\"order-items__table-body-cell text-right\">\n                ${{ item.normal_price | number: '1.0-2' }}\n              </td>\n\n              <td class=\"order-items__table-body-cell text-right\">\n                <strong>\n                  ${{ itemTotal(item.quantity, item.normal_price) | number: '1.0-2' }}\n                </strong>\n              </td>\n\n              @if (item.ticket_uuid && order.status === 'completed') {\n                <td class=\"order-items__table-body-cell actions\">\n                  <app-button\n                    text=\"Ver ticket\"\n                    size=\"xs\"\n                    icon=\"ri-eye-line\"\n                    (clicked)=\"openTicketQr(item.ticket_uuid!, item.description)\"\n                  />\n                </td>\n              }\n            </tr>\n          }\n        </tbody>\n      </table>\n    </div>\n\n    <div class=\"order-items__totals\">\n      <dl class=\"order-items__totals-container\">\n        @if (tickets.length > 0 && totals.tickets > 0) {\n          <div class=\"order-items__totals-item\">\n            <dt class=\"order-items__totals-item-title\">Entradas ({{ tickets.length }})</dt>\n            <dd class=\"order-items__totals-item-value\">\n              @if (totals.tickets > 0) {\n                <span class=\"text-gray-900\"> ${{ totals.tickets | number: '1.0-2' }} </span>\n              }\n            </dd>\n          </div>\n        }\n\n        @if (products.length > 0 && totals.products > 0) {\n          <div class=\"order-items__totals-item\">\n            <dt class=\"order-items__totals-item-title\">Productos</dt>\n            <dd class=\"order-items__totals-item-value\">\n              @if (totals.products > 0) {\n                <span class=\"text-gray-900\"> ${{ totals.products | number: '1.0-2' }} </span>\n              }\n            </dd>\n          </div>\n        }\n\n        @if (order.service_fee && order.service_fee > 0) {\n          <div class=\"order-items__totals-item\">\n            <dt class=\"order-items__totals-item-title\">Tarifa de servicio</dt>\n            <dd class=\"order-items__totals-item-value\">\n              <span class=\"text-gray-900\"> ${{ order.service_fee | number: '1.0-2' }} </span>\n            </dd>\n          </div>\n        }\n\n        @if (hasDiscount()) {\n          <div class=\"order-items__totals-item\">\n            <dt class=\"order-items__totals-item-title\">Descuento</dt>\n            <dd class=\"order-items__totals-item-title\">\n              $-{{ order.discount_amount | number: '1.0-2' }}\n            </dd>\n          </div>\n        }\n\n        <div class=\"order-items__totals-item total-item\">\n          <dt class=\"order-items__totals-item-total\">Total</dt>\n          <dd class=\"order-items__totals-item-value\">\n            @if (!hasDiscount()) {\n              <span class=\"order-items__totals-item-total\">\n                ${{ order.total | number: '1.0-2' }}\n              </span>\n            }\n            @if (hasDiscount()) {\n              <span class=\"order-items__totals-item-discount-wrapper\">\n                <span class=\"order-items__totals-item-discount\">\n                  ${{ order.total | number: '1.0-2' }}\n                </span>\n                <span class=\"order-items__totals-item-total\">\n                  ${{ order.total_discounted | number: '1.0-2' }}\n                </span>\n              </span>\n            }\n          </dd>\n        </div>\n      </dl>\n    </div>\n  </div>\n\n  <ticket-qr-modal />\n}\n", styles: [".order-items{background-color:#fff;border-radius:.5rem;border:1px solid #f3f4f6;box-sizing:border-box;overflow:hidden;position:relative;width:100%}.order-items__header{align-items:center;display:flex;flex-flow:row wrap;gap:1rem;padding:1rem;width:100%}.order-items__table-container{overflow-x:auto}.order-items__table{border-collapse:collapse;font-size:.875rem;width:100%}.order-items__table-head-row{background-color:#f3f4f6;text-align:left}.order-items__table-head-cell{color:#6b7280;font-size:.75rem;font-weight:700;padding:.75rem 1.5rem;text-transform:uppercase}.order-items__table-head-cell.text-right{text-align:right}.order-items__table-body>:not(:last-child){border-bottom:1px solid #f3f4f6}.order-items__table-body-row{transition:all .4s ease}.order-items__table-body-row:hover{background-color:#f9fafb}.order-items__table-body-cell{color:#374151;padding:.75rem 1.5rem;white-space:nowrap}.order-items__table-body-cell.text-right{text-align:right}.order-items__totals{background-color:#f3f4f6;border-top:1px solid #f3f4f6;padding:1rem 1.5rem;width:100%}.order-items__totals-container{display:flex;flex-flow:column;gap:.5rem;margin-left:auto;max-width:20rem;width:100%}.order-items__totals-item{display:flex;font-size:.875rem;justify-content:space-between;width:100%}.order-items__totals-item.actions{text-align:left}.order-items__totals-item.total-item{border-top:1px solid #e5e7eb;padding-top:.5rem}.order-items__totals-item-title{color:#6b7280}.order-items__totals-item-total{color:#111827;font-size:1.125rem;font-weight:700;line-height:100%}.order-items__totals-item-discount-wrapper{align-items:flex-end;display:flex;flex-flow:column nowrap;width:100%}.order-items__totals-item-discount{color:#9ca3af;font-size:.75rem;text-decoration:line-through}\n"] }]
+        }], ctorParameters: () => [{ type: TicketQrModalService }], propDecorators: { order: [{
+                type: Input,
+                args: [{ required: true }]
+            }] } });
+
 // Config
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { ADMIN_API_ROUTES, ALERT_ICONS, AdminSelectComponent, AdminService, ApiService, AppAlertComponent, AppBadgeComponent, AppButtonComponent, AppLinkButtonComponent, AppModalComponent, AsyncSelectComponent, AuditInformationComponent, BASE_BUTTON_CLASSES, BASE_INPUT_CLASSES, BUTTON_SIZES_CLASSES, BUTTON_VARIANT_CLASSES, BaseModalService, 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, GiftBondStatus, KONVA_SHAPE_MAPPINGS, LanguageSwitcherComponent, MinTodayValidator, MustMatchValidator, ORDER_STATUS_COLORS, OrderInformationComponent, OrderItemType, OrderStatus, OrderStatusBadgeComponent, PAYMENT_METHODS_OPTIONS, PERFORMANCES_API_ROUTES, PRICE_ZONES_API_ROUTES, PRODUCTS_API_ROUTES, PRODUCT_CATEGORIES_API_ROUTES, PRODUCT_TAGS_API_ROUTES, PRODUCT_TYPES_API_ROUTES, PaymentMethod, PerformanceBookingDataService, PerformanceCardComponent, PerformanceCardListComponent, PerformanceMultiSelectComponent, PerformanceSelectComponent, PerformanceService, PerformanceStatus, PerformanceStepperComponent, PerformanceTicketMapComponent, PerformanceTicketStatus, PerformancesListEventsService, PriceZoneEventService, PriceZoneFormModalService, PriceZoneSelectComponent, PriceZoneService, ProductCategoryService, ProductMultiSelectComponent, ProductSelectComponent, ProductService, ProductTagService, ProductTypeService, RoomMapElementOrientation, RoomMapElementType, SHOWS_API_ROUTES, SHOW_TYPE_COLORS, STATE_API_ENDPOINTS, SeatSelectionEmptySummaryComponent, SeatSelectionSummaryComponent, SeatSelectionSummaryItemComponent, SelectedDiscountCardType, ShowCardComponent, ShowCardSkeletonComponent, ShowMultiSelectComponent, ShowSelectComponent, ShowService, ShowType, 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, TickeraTranslocoLoader, TicketMapPriceZonesComponent, TicketMapProductSelectionItemComponent, TicketMapTotalsComponent, TicketMapWidgetComponent, TicketMapWidgetHeaderComponent, TicketMapWrapperComponent, TicketMapZoomControlsComponent, TicketMapZoomService, TicketSelectionDetailsService, TicketSelectionDiscountService, TicketSelectionService, TicketSelectionTotalsService, ToastService, ToggleSwitchComponent, TransactionStatus, VENUES_API_ROUTES, ZonePriceItemComponent, ZonePriceListComponent, authInterceptor, drawChairIcon$1 as drawChairIcon, drawHappyFace, drawRoundedRect, drawWheelchairIcon, findElementAtPosition, findTicketAtPosition, formatCitiesResponseToSelect, generateExitScene, generateHallwayScene, generateProductionAreaScene, generateSeatBlockScene, generateSeatBlockTicketScene, generateStageScene, generateStairScene, generateTableScene, generateTableTicketScene, generateUnavailableSpaceScene, generateZoneScene, getBrowserLanguage, getCustomerFullname, getItemTypeIcon, getStoredLanguage, numberToLetter$1 as numberToLetter, parseJsonToFormDataAdvanced, processElementsToRenderData, provideTickeraComponents, resolveLanguage, setStoredLanguage, tintColor, transformImageToFile };
+export { ADMIN_API_ROUTES, ALERT_ICONS, AdminSelectComponent, AdminService, ApiService, AppAlertComponent, AppBadgeComponent, AppButtonComponent, AppLinkButtonComponent, AppModalComponent, AsyncSelectComponent, AuditInformationComponent, BASE_BUTTON_CLASSES, BASE_INPUT_CLASSES, BUTTON_SIZES_CLASSES, BUTTON_VARIANT_CLASSES, BaseModalService, 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, GiftBondStatus, KONVA_SHAPE_MAPPINGS, LanguageSwitcherComponent, MinTodayValidator, MustMatchValidator, ORDER_ITEM_TYPES_COLORS, ORDER_STATUS_COLORS, OrderInformationComponent, OrderItemType, OrderItemTypeBadgeComponent, OrderItemsComponent, OrderStatus, OrderStatusBadgeComponent, PAYMENT_METHODS_OPTIONS, PERFORMANCES_API_ROUTES, PRICE_ZONES_API_ROUTES, PRODUCTS_API_ROUTES, PRODUCT_CATEGORIES_API_ROUTES, PRODUCT_TAGS_API_ROUTES, PRODUCT_TYPES_API_ROUTES, PaymentMethod, PerformanceBookingDataService, PerformanceCardComponent, PerformanceCardListComponent, PerformanceMultiSelectComponent, PerformanceSelectComponent, PerformanceService, PerformanceStatus, PerformanceStepperComponent, PerformanceTicketMapComponent, PerformanceTicketStatus, PerformancesListEventsService, PriceZoneEventService, PriceZoneFormModalService, PriceZoneSelectComponent, PriceZoneService, ProductCategoryService, ProductMultiSelectComponent, ProductSelectComponent, ProductService, ProductTagService, ProductTypeService, RoomMapElementOrientation, RoomMapElementType, SHOWS_API_ROUTES, SHOW_TYPE_COLORS, STATE_API_ENDPOINTS, SeatSelectionEmptySummaryComponent, SeatSelectionSummaryComponent, SeatSelectionSummaryItemComponent, SelectedDiscountCardType, ShowCardComponent, ShowCardSkeletonComponent, ShowMultiSelectComponent, ShowSelectComponent, ShowService, ShowType, 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, TickeraTranslocoLoader, TicketMapPriceZonesComponent, TicketMapProductSelectionItemComponent, TicketMapTotalsComponent, TicketMapWidgetComponent, TicketMapWidgetHeaderComponent, TicketMapWrapperComponent, TicketMapZoomControlsComponent, TicketMapZoomService, TicketQrComponent, TicketQrModalComponent, TicketQrModalService, TicketQrService, TicketSelectionDetailsService, TicketSelectionDiscountService, TicketSelectionService, TicketSelectionTotalsService, ToastService, ToggleSwitchComponent, TransactionStatus, VENUES_API_ROUTES, ZonePriceItemComponent, ZonePriceListComponent, authInterceptor, drawChairIcon$1 as drawChairIcon, drawHappyFace, drawRoundedRect, drawWheelchairIcon, findElementAtPosition, findTicketAtPosition, formatCitiesResponseToSelect, generateExitScene, generateHallwayScene, generateProductionAreaScene, generateSeatBlockScene, generateSeatBlockTicketScene, generateStageScene, generateStairScene, generateTableScene, generateTableTicketScene, generateUnavailableSpaceScene, generateZoneScene, getBrowserLanguage, getCustomerFullname, getItemTypeIcon, getStoredLanguage, numberToLetter$1 as numberToLetter, parseJsonToFormDataAdvanced, processElementsToRenderData, provideTickeraComponents, resolveLanguage, setStoredLanguage, tintColor, transformImageToFile };
 //# sourceMappingURL=tickera-angular-components.mjs.map