tickera-angular-components 0.0.1-dev.34 → 0.0.1-dev.36

package/fesm2022/tickera-angular-components.mjs

@@ -2761,6 +2761,452 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
             args: [{ providedIn: 'root' }]
         }] });
 
+class PerformanceBookingDataService {
+    _show = signal(null, ...(ngDevMode ? [{ debugName: "_show" }] : []));
+    _performance = signal(null, ...(ngDevMode ? [{ debugName: "_performance" }] : []));
+    _roomMap = signal(null, ...(ngDevMode ? [{ debugName: "_roomMap" }] : []));
+    _hallFloors = signal([], ...(ngDevMode ? [{ debugName: "_hallFloors" }] : []));
+    _selectedHallFloor = signal(null, ...(ngDevMode ? [{ debugName: "_selectedHallFloor" }] : []));
+    _selectedTicketIds = signal(new Set(), ...(ngDevMode ? [{ debugName: "_selectedTicketIds" }] : []));
+    _allRenderData = signal([], ...(ngDevMode ? [{ debugName: "_allRenderData" }] : []));
+    _stageConfig = signal(DEFAULT_STAGE_CONFIG, ...(ngDevMode ? [{ debugName: "_stageConfig" }] : []));
+    selectedCount = computed(() => this._selectedTicketIds().size, ...(ngDevMode ? [{ debugName: "selectedCount" }] : []));
+    selectedTicketIds = computed(() => this._selectedTicketIds(), ...(ngDevMode ? [{ debugName: "selectedTicketIds" }] : []));
+    show = computed(() => this._show(), ...(ngDevMode ? [{ debugName: "show" }] : []));
+    hallFloors = computed(() => this._hallFloors(), ...(ngDevMode ? [{ debugName: "hallFloors" }] : []));
+    selectedHallFloor = computed(() => this._selectedHallFloor(), ...(ngDevMode ? [{ debugName: "selectedHallFloor" }] : []));
+    performance = computed(() => this._performance(), ...(ngDevMode ? [{ debugName: "performance" }] : []));
+    stageConfig = computed(() => this._stageConfig(), ...(ngDevMode ? [{ debugName: "stageConfig" }] : []));
+    roomMap = computed(() => this._roomMap(), ...(ngDevMode ? [{ debugName: "roomMap" }] : []));
+    renderData = computed(() => {
+        return this._allRenderData()?.filter(({ hallFloorId }) => {
+            return hallFloorId == this._selectedHallFloor()?.id;
+        });
+    }, ...(ngDevMode ? [{ debugName: "renderData" }] : []));
+    setPerformanceBookingData({ data }) {
+        this._performance.set(data.performance);
+        this._show.set(data.show);
+        const roomMap = data.room_map;
+        this._roomMap.set(roomMap);
+        const hallFloors = data.room_map?.hall?.hall_floors ?? [];
+        const selectedHallFloor = hallFloors.length > 0 ? hallFloors[0] : null;
+        this._hallFloors.set(hallFloors);
+        this._selectedHallFloor.set(selectedHallFloor);
+        const renderData = processElementsToRenderData(roomMap.elements, data.tickets, roomMap.price_zones);
+        this._allRenderData.set(renderData);
+        const canvasSettings = roomMap.canvas_settings || {};
+        this._stageConfig.set({
+            ...DEFAULT_STAGE_CONFIG,
+            width: canvasSettings.width || 800,
+            height: canvasSettings.height || 600,
+        });
+    }
+    setSelectedHallFloor(id) {
+        const hallFloor = this._hallFloors().find((hallFloor) => hallFloor.id === id);
+        this._selectedHallFloor.set(hallFloor ?? null);
+    }
+    updateStageConfig(data) {
+        this._stageConfig.set({
+            ...this._stageConfig(),
+            ...data,
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PerformanceBookingDataService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PerformanceBookingDataService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PerformanceBookingDataService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+class TicketSelectionDetailsService {
+    _customerEmail = signal(null, ...(ngDevMode ? [{ debugName: "_customerEmail" }] : []));
+    _customerId = signal(null, ...(ngDevMode ? [{ debugName: "_customerId" }] : []));
+    _paymentMethod = signal(null, ...(ngDevMode ? [{ debugName: "_paymentMethod" }] : []));
+    _billingInformation = signal(null, ...(ngDevMode ? [{ debugName: "_billingInformation" }] : []));
+    customerEmail = computed(() => this._customerEmail(), ...(ngDevMode ? [{ debugName: "customerEmail" }] : []));
+    customerId = computed(() => this._customerId(), ...(ngDevMode ? [{ debugName: "customerId" }] : []));
+    paymentMethod = computed(() => this._paymentMethod(), ...(ngDevMode ? [{ debugName: "paymentMethod" }] : []));
+    billingInformation = computed(() => this._billingInformation(), ...(ngDevMode ? [{ debugName: "billingInformation" }] : []));
+    setCustomerEmail(email) {
+        this._customerEmail.set(email);
+    }
+    setCustomerId(id) {
+        this._customerId.set(id);
+    }
+    setPaymentMethod(method) {
+        this._paymentMethod.set(method);
+    }
+    setBillingInformation(values) {
+        this._billingInformation.set(values);
+    }
+    clearSelection() {
+        this._customerEmail.set(null);
+        this._customerId.set(null);
+        this._paymentMethod.set(null);
+        this._billingInformation.set(null);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TicketSelectionDetailsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TicketSelectionDetailsService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TicketSelectionDetailsService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+class TicketSelectionDiscountService {
+    _coupon = signal(null, ...(ngDevMode ? [{ debugName: "_coupon" }] : []));
+    _corporateBond = signal(null, ...(ngDevMode ? [{ debugName: "_corporateBond" }] : []));
+    _corporateBondCode = signal(null, ...(ngDevMode ? [{ debugName: "_corporateBondCode" }] : []));
+    _giftBond = signal(null, ...(ngDevMode ? [{ debugName: "_giftBond" }] : []));
+    _giftBondCode = signal(null, ...(ngDevMode ? [{ debugName: "_giftBondCode" }] : []));
+    coupon = computed(() => this._coupon(), ...(ngDevMode ? [{ debugName: "coupon" }] : []));
+    corporateBond = computed(() => this._corporateBond(), ...(ngDevMode ? [{ debugName: "corporateBond" }] : []));
+    corporateBondCode = computed(() => this._corporateBondCode(), ...(ngDevMode ? [{ debugName: "corporateBondCode" }] : []));
+    giftBond = computed(() => this._giftBond(), ...(ngDevMode ? [{ debugName: "giftBond" }] : []));
+    giftBondCode = computed(() => this._giftBondCode(), ...(ngDevMode ? [{ debugName: "giftBondCode" }] : []));
+    selectedDiscount = computed(() => {
+        const coupon = this.coupon();
+        if (!!coupon) {
+            return {
+                name: coupon.code,
+                value: coupon.discount_value,
+                type: SelectedDiscountCardType.COUPON,
+            };
+        }
+        const giftBond = this.giftBond();
+        if (!!giftBond) {
+            return {
+                name: giftBond.name,
+                value: giftBond.value,
+                type: SelectedDiscountCardType.GIFT_BOND,
+            };
+        }
+        const [corporateBond, corporateBondCode] = [this.corporateBond(), this.corporateBondCode()];
+        if (!!corporateBond && !!corporateBondCode) {
+            return {
+                name: corporateBondCode,
+                value: corporateBond.value,
+                type: SelectedDiscountCardType.CORPORATE_BOND,
+            };
+        }
+        return null;
+    }, ...(ngDevMode ? [{ debugName: "selectedDiscount" }] : []));
+    selectedDiscountType = computed(() => {
+        return this.selectedDiscount()?.type;
+    }, ...(ngDevMode ? [{ debugName: "selectedDiscountType" }] : []));
+    selectedDiscountValue = computed(() => {
+        return this.selectedDiscount()?.value ?? undefined;
+    }, ...(ngDevMode ? [{ debugName: "selectedDiscountValue" }] : []));
+    setCoupon(coupon) {
+        this._coupon.set(coupon);
+    }
+    setCorporateBond(corporateBond) {
+        this._corporateBond.set(corporateBond);
+    }
+    setCorporateBondCode(code) {
+        this._corporateBondCode.set(code);
+    }
+    setGiftBond(giftBond) {
+        this._giftBond.set(giftBond);
+    }
+    setGiftBondCode(code) {
+        this._giftBondCode.set(code);
+    }
+    clearSelection() {
+        this._coupon.set(null);
+        this._corporateBond.set(null);
+        this._corporateBondCode.set(null);
+        this._giftBond.set(null);
+        this._giftBondCode.set(null);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TicketSelectionDiscountService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TicketSelectionDiscountService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TicketSelectionDiscountService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+class TicketSelectionService {
+    bookingDataService = inject(PerformanceBookingDataService);
+    selectionDetailsService = inject(TicketSelectionDetailsService);
+    selectionDiscountService = inject(TicketSelectionDiscountService);
+    _zoneQuantities = signal(new Map(), ...(ngDevMode ? [{ debugName: "_zoneQuantities" }] : []));
+    _allTickets = signal([], ...(ngDevMode ? [{ debugName: "_allTickets" }] : []));
+    _selectedTickets = signal(new Set(), ...(ngDevMode ? [{ debugName: "_selectedTickets" }] : []));
+    _selectedBlockedTickets = signal(new Set(), ...(ngDevMode ? [{ debugName: "_selectedBlockedTickets" }] : []));
+    _products = signal([], ...(ngDevMode ? [{ debugName: "_products" }] : []));
+    _productQuantities = signal(new Map(), ...(ngDevMode ? [{ debugName: "_productQuantities" }] : []));
+    selectedTickets = computed(() => {
+        const ids = this._selectedTickets();
+        return this._allTickets().filter((t) => ids.has(t));
+    }, ...(ngDevMode ? [{ debugName: "selectedTickets" }] : []));
+    selectedBlockedTickets = computed(() => {
+        const ids = this._selectedBlockedTickets();
+        return this._allTickets().filter((t) => ids.has(t));
+    }, ...(ngDevMode ? [{ debugName: "selectedBlockedTickets" }] : []));
+    selectedCount = computed(() => this._selectedTickets().size, ...(ngDevMode ? [{ debugName: "selectedCount" }] : []));
+    blockedSelectedCount = computed(() => this._selectedBlockedTickets().size, ...(ngDevMode ? [{ debugName: "blockedSelectedCount" }] : []));
+    selectedTicketIds = computed(() => this._selectedTickets(), ...(ngDevMode ? [{ debugName: "selectedTicketIds" }] : []));
+    selectedBlockedTicketIds = computed(() => this.selectedBlockedTickets().map((t) => t.id), ...(ngDevMode ? [{ debugName: "selectedBlockedTicketIds" }] : []));
+    selectedTicketIdList = computed(() => this.selectedTickets().map((t) => t.id), ...(ngDevMode ? [{ debugName: "selectedTicketIdList" }] : []));
+    products = computed(() => this._products(), ...(ngDevMode ? [{ debugName: "products" }] : []));
+    productQuantities = computed(() => this._productQuantities(), ...(ngDevMode ? [{ debugName: "productQuantities" }] : []));
+    selectedProductEntries = computed(() => {
+        const entries = [];
+        this._productQuantities().forEach((quantity, id) => {
+            if (quantity > 0) {
+                entries.push({ id, quantity });
+            }
+        });
+        return entries;
+    }, ...(ngDevMode ? [{ debugName: "selectedProductEntries" }] : []));
+    selectedProductCount = computed(() => this.selectedProductEntries().length, ...(ngDevMode ? [{ debugName: "selectedProductCount" }] : []));
+    serviceFee = computed(() => {
+        return Number(this.bookingDataService.show()?.service_fee ?? '0');
+    }, ...(ngDevMode ? [{ debugName: "serviceFee" }] : []));
+    setTickets(tickets) {
+        this._allTickets.set(tickets);
+    }
+    setProducts(products) {
+        this._products.set(products);
+    }
+    updateProductQuantity(productId, delta) {
+        this._productQuantities.update((map) => {
+            const next = new Map(map);
+            const current = next.get(productId) ?? 0;
+            const newQty = Math.max(0, current + delta);
+            if (newQty === 0) {
+                next.delete(productId);
+            }
+            else {
+                next.set(productId, newQty);
+            }
+            return next;
+        });
+    }
+    getProductQuantity(productId) {
+        return this._productQuantities().get(productId) ?? 0;
+    }
+    getListByStatus(ticket) {
+        const lists = {
+            [PerformanceTicketStatus.BLOCKED]: this._selectedBlockedTickets,
+            [PerformanceTicketStatus.AVAILABLE]: this._selectedTickets,
+        };
+        return lists[ticket.status] ?? null;
+    }
+    toggle(ticket) {
+        const list = this.getListByStatus(ticket);
+        if (list) {
+            list.update((ids) => {
+                const next = new Set(ids);
+                if (next.has(ticket)) {
+                    next.delete(ticket);
+                }
+                else {
+                    next.add(ticket);
+                }
+                return next;
+            });
+        }
+    }
+    select(ticket) {
+        const list = this.getListByStatus(ticket);
+        if (list) {
+            list.update((ids) => {
+                const next = new Set(ids);
+                next.add(ticket);
+                return next;
+            });
+        }
+    }
+    deselect(ticket) {
+        const list = this.getListByStatus(ticket);
+        if (list) {
+            list.update((ids) => {
+                const next = new Set(ids);
+                next.delete(ticket);
+                return next;
+            });
+        }
+    }
+    clearBlockedSelection() {
+        this._selectedBlockedTickets.set(new Set());
+    }
+    clearSelection() {
+        this._selectedTickets.set(new Set());
+        this._zoneQuantities.set(new Map());
+        this._productQuantities.set(new Map());
+        this.selectionDetailsService.clearSelection();
+        this.selectionDiscountService.clearSelection();
+    }
+    isSelected(ticket) {
+        return this._selectedTickets().has(ticket);
+    }
+    initZoneQuantity(elementId, maxCapacity) {
+        this._zoneQuantities.update((map) => {
+            const next = new Map(map);
+            if (!next.has(elementId)) {
+                next.set(elementId, { elementId, selectedCount: 0, maxCapacity });
+            }
+            return next;
+        });
+    }
+    adjustZoneQuantity(elementId, delta) {
+        const zoneTickets = this._allTickets()
+            .filter((t) => t.room_map_element_id === elementId)
+            .sort((a, b) => ((a.seat_label || '') < (b.seat_label || '') ? -1 : 1));
+        this._zoneQuantities.update((map) => {
+            const next = new Map(map);
+            const current = next.get(elementId);
+            if (!current)
+                return next;
+            const newCount = Math.max(0, Math.min(current.maxCapacity, current.selectedCount + delta));
+            next.set(elementId, { ...current, selectedCount: newCount });
+            return next;
+        });
+        const state = this._zoneQuantities().get(elementId);
+        const currentCount = state ? state.selectedCount : 0;
+        this._selectedTickets.update((ids) => {
+            const next = new Set(ids);
+            const nowSelected = zoneTickets.filter((t) => next.has(t));
+            if (delta > 0) {
+                const toSelect = zoneTickets.find((t) => !next.has(t) && t.status === 'available');
+                if (toSelect)
+                    next.add(toSelect);
+            }
+            else if (delta < 0 && nowSelected.length > 0) {
+                const lastSelected = nowSelected[nowSelected.length - 1];
+                next.delete(lastSelected);
+            }
+            return next;
+        });
+    }
+    getZoneTickets(elementId) {
+        return this._allTickets()
+            .filter((t) => t.room_map_element_id === elementId)
+            .sort((a, b) => ((a.seat_label || '') < (b.seat_label || '') ? -1 : 1));
+    }
+    buildTooltipData(ticket, elementName, seatLabel, x, y) {
+        return {
+            x,
+            y,
+            elementName,
+            seatLabel,
+            price: Number(ticket.normal_price ?? '0'),
+            status: ticket.status,
+            statusLabel: TICKET_STATUS_LABELS[ticket.status] || ticket.status,
+            statusColor: TICKET_STATUS_COLORS[ticket.status] || '#999',
+            isSelected: this.isSelected(ticket),
+            ticketId: ticket.id,
+        };
+    }
+    buildReservePerformanceDto(paymentMethod = 'cash', termsAccepted = true, dataProcessingAccepted = true) {
+        const billing = this.selectionDetailsService.billingInformation();
+        return {
+            ticket_ids: this.selectedTicketIdList(),
+            coupon_code: this.selectionDiscountService.coupon()?.code ?? undefined,
+            gift_bond_code: this.selectionDiscountService.giftBondCode() ?? undefined,
+            corporate_bond_code: this.selectionDiscountService.corporateBondCode() ?? undefined,
+            billing: {
+                first_name: billing?.first_name ?? '',
+                last_name: billing?.last_name ?? '',
+                email: billing?.email ?? '',
+                mobile: billing?.mobile ?? '',
+                document_type: billing?.document_type ?? '',
+                document_number: String(billing?.document_number ?? ''),
+                address: billing?.address ?? '',
+                city_id: billing?.city_id ?? 0,
+                postal_code: billing?.postal_code ?? undefined,
+                address_notes: undefined,
+                payment_method: paymentMethod,
+                terms_accepted: termsAccepted,
+                data_processing_accepted: dataProcessingAccepted,
+                comments: undefined,
+            },
+        };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TicketSelectionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TicketSelectionService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TicketSelectionService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+class TicketSelectionTotalsService {
+    bookingDataService = inject(PerformanceBookingDataService);
+    selectionService = inject(TicketSelectionService);
+    selectionDiscountService = inject(TicketSelectionDiscountService);
+    selectedProductEntries = computed(() => {
+        const entries = [];
+        this.selectionService.productQuantities().forEach((quantity, id) => {
+            if (quantity > 0) {
+                entries.push({ id, quantity });
+            }
+        });
+        return entries;
+    }, ...(ngDevMode ? [{ debugName: "selectedProductEntries" }] : []));
+    selectedProductCount = computed(() => this.selectedProductEntries().length, ...(ngDevMode ? [{ debugName: "selectedProductCount" }] : []));
+    productSubtotal = computed(() => {
+        let total = 0;
+        const products = this.selectionService.products();
+        this.selectionService.productQuantities().forEach((quantity, id) => {
+            if (quantity > 0) {
+                const product = products.find((p) => p.id === id);
+                if (product) {
+                    total += product.price * quantity;
+                }
+            }
+        });
+        return total;
+    }, ...(ngDevMode ? [{ debugName: "productSubtotal" }] : []));
+    serviceFee = computed(() => {
+        return Number(this.bookingDataService.show()?.service_fee ?? '0');
+    }, ...(ngDevMode ? [{ debugName: "serviceFee" }] : []));
+    subtotalValue() {
+        return (this.selectionService.selectedTickets().reduce((sum, ticket) => {
+            return sum + Number(ticket?.normal_price || '0');
+        }, 0) + this.productSubtotal());
+    }
+    totalValue() {
+        if (this.subtotalValue() < 1) {
+            return 0;
+        }
+        return this.subtotalValue() + this.serviceFee();
+    }
+    totalDiscounted() {
+        let total = null;
+        if (this.subtotalValue() < 1) {
+            return total;
+        }
+        total = this.subtotalValue();
+        if (this.serviceFee() > 0) {
+            total += this.serviceFee();
+        }
+        const discountValue = this.selectionDiscountService.selectedDiscountValue();
+        if (!discountValue) {
+            return null;
+        }
+        if (discountValue && discountValue > 0) {
+            total = total - discountValue;
+        }
+        if (total && total < 0) {
+            total = 0;
+        }
+        return total;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TicketSelectionTotalsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TicketSelectionTotalsService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TicketSelectionTotalsService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
 const authInterceptor = (req, next) => {
     const platformId = inject(PLATFORM_ID);
     const config = inject(TICKERA_COMPONENTS_CONFIG);
@@ -6403,11 +6849,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
                 args: [{ required: true }]
             }] } });
 
+class TicketMapWidgetComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TicketMapWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: TicketMapWidgetComponent, isStandalone: true, selector: "ticket-map-widget", ngImport: i0, template: "<div class=\"ticket-map-widget\">\n  <ng-content></ng-content>\n</div>\n", styles: [".ticket-map-widget{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem;width:100%}.ticket-map-widget ng-content{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TicketMapWidgetComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ticket-map-widget', standalone: true, imports: [CommonModule], template: "<div class=\"ticket-map-widget\">\n  <ng-content></ng-content>\n</div>\n", styles: [".ticket-map-widget{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem;width:100%}.ticket-map-widget ng-content{display:block}\n"] }]
+        }] });
+
+class TicketMapWidgetHeaderComponent {
+    title = '';
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TicketMapWidgetHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: TicketMapWidgetHeaderComponent, isStandalone: true, selector: "ticket-map-widget-header", inputs: { title: "title" }, ngImport: i0, template: "<div class=\"ticket-map-widget-header\">\n  @if (title) {\n    <p class=\"ticket-map-widget-header__title\">{{ title }}</p>\n  }\n\n  <div class=\"ticket-map-widget-header__content\">\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: [".ticket-map-widget-header{display:flex;flex-direction:row;align-items:center;justify-content:start;gap:.5rem}.ticket-map-widget-header__title{font-weight:700;color:#374151;font-size:.875rem;text-transform:uppercase}.ticket-map-widget-header__content{display:flex;align-items:center;justify-content:end}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TicketMapWidgetHeaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ticket-map-widget-header', standalone: true, imports: [CommonModule], template: "<div class=\"ticket-map-widget-header\">\n  @if (title) {\n    <p class=\"ticket-map-widget-header__title\">{{ title }}</p>\n  }\n\n  <div class=\"ticket-map-widget-header__content\">\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: [".ticket-map-widget-header{display:flex;flex-direction:row;align-items:center;justify-content:start;gap:.5rem}.ticket-map-widget-header__title{font-weight:700;color:#374151;font-size:.875rem;text-transform:uppercase}.ticket-map-widget-header__content{display:flex;align-items:center;justify-content:end}\n"] }]
+        }], propDecorators: { title: [{
+                type: Input
+            }] } });
+
 // Config
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { ADMIN_API_ROUTES, ALERT_ICONS, AdminSelectComponent, AdminService, ApiService, AppAlertComponent, 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, CorporateBondStatus, CountrySelectComponent, CountryService, CouponApplicability, CouponDiscountType, CouponStatus, 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, OrderItemType, OrderStatus, 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, PerformanceCardComponent, PerformanceCardListComponent, PerformanceMultiSelectComponent, PerformanceSelectComponent, PerformanceService, PerformanceStatus, PerformanceStepperComponent, PerformanceTicketStatus, PerformancesListEventsService, PriceZoneEventService, PriceZoneFormModalService, PriceZoneSelectComponent, PriceZoneService, ProductCategoryService, ProductMultiSelectComponent, ProductSelectComponent, ProductService, ProductTagService, ProductTypeService, RoomMapElementOrientation, RoomMapElementType, SHOWS_API_ROUTES, STATE_API_ENDPOINTS, SelectedDiscountCardType, ShowMultiSelectComponent, ShowSelectComponent, ShowService, ShowsFilterComponent, StateSelectComponent, StatesService, TICKERA_COMPONENTS_CONFIG, TICKET_ELEMENT_TYPES, TICKET_MAP_GRID_SIZE, TICKET_MAP_TITLE_HEIGHT, TICKET_STATUS_COLORS, TICKET_STATUS_FILLS, TICKET_STATUS_LABELS, TickeraTranslocoLoader, ToastService, ToggleSwitchComponent, 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, 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, CorporateBondStatus, CountrySelectComponent, CountryService, CouponApplicability, CouponDiscountType, CouponStatus, 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, OrderItemType, OrderStatus, 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, PerformanceBookingDataService, PerformanceCardComponent, PerformanceCardListComponent, PerformanceMultiSelectComponent, PerformanceSelectComponent, PerformanceService, PerformanceStatus, PerformanceStepperComponent, PerformanceTicketStatus, PerformancesListEventsService, PriceZoneEventService, PriceZoneFormModalService, PriceZoneSelectComponent, PriceZoneService, ProductCategoryService, ProductMultiSelectComponent, ProductSelectComponent, ProductService, ProductTagService, ProductTypeService, RoomMapElementOrientation, RoomMapElementType, SHOWS_API_ROUTES, STATE_API_ENDPOINTS, SelectedDiscountCardType, ShowMultiSelectComponent, ShowSelectComponent, ShowService, ShowsFilterComponent, StateSelectComponent, StatesService, TICKERA_COMPONENTS_CONFIG, TICKET_ELEMENT_TYPES, TICKET_MAP_GRID_SIZE, TICKET_MAP_TITLE_HEIGHT, TICKET_STATUS_COLORS, TICKET_STATUS_FILLS, TICKET_STATUS_LABELS, TickeraTranslocoLoader, TicketMapWidgetComponent, TicketMapWidgetHeaderComponent, TicketSelectionDetailsService, TicketSelectionDiscountService, TicketSelectionService, TicketSelectionTotalsService, ToastService, ToggleSwitchComponent, 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