tickera-angular-components 0.0.1-dev.88 → 0.0.1-dev.89

package/fesm2022/tickera-angular-components.mjs

@@ -96,6 +96,16 @@ var show$1 = {
 		OTHER: "Otro"
 	}
 };
+var performance$1 = {
+	status: {
+		scheduled: "Programada",
+		open: "Abierta",
+		closed: "Cerrada",
+		cancelled: "Cancelada",
+		completed: "Completada",
+		postponed: "Pospuesta"
+	}
+};
 var order$1 = {
 	status: {
 		"on-hold": "En espera",
@@ -158,6 +168,7 @@ var es = {
 	deleteConfirmation: deleteConfirmation$1,
 	changePassword: changePassword$1,
 	show: show$1,
+	performance: performance$1,
 	order: order$1
 };
 
@@ -237,6 +248,16 @@ var show = {
 		OTHER: "Other"
 	}
 };
+var performance = {
+	status: {
+		scheduled: "Scheduled",
+		open: "Open",
+		closed: "Closed",
+		cancelled: "Cancelled",
+		completed: "Completed",
+		postponed: "Postponed"
+	}
+};
 var order = {
 	status: {
 		"on-hold": "On hold",
@@ -299,6 +320,7 @@ var en = {
 	deleteConfirmation: deleteConfirmation,
 	changePassword: changePassword,
 	show: show,
+	performance: performance,
 	order: order
 };
 
@@ -736,6 +758,15 @@ const TRANSACTION_STATUS_COLORS = {
     [TransactionStatus.ERROR]: { text: '#ea580c', bg: '#ffedd5' },
 };
 
+const PERFORMANCE_STATUS_COLORS = {
+    scheduled: { text: '#1e40af', bg: '#dbeafe' },
+    open: { text: '#16a34a', bg: '#dcfce7' },
+    closed: { text: '#525252', bg: '#f5f5f5' },
+    cancelled: { text: '#dc2626', bg: '#fee2e2' },
+    completed: { text: '#374151', bg: '#f3f4f6' },
+    postponed: { text: '#ea580c', bg: '#ffedd5' },
+};
+
 const TICKET_MAP_LAST_TICKETS_LIMIT = 10;
 const TICKET_ELEMENT_TYPES = [
     RoomMapElementType.SEAT_BLOCK,
@@ -4496,6 +4527,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
             args: [{ selector: 'show-card-skeleton', standalone: true, imports: [CommonModule], template: "<div class=\"show-card-skeleton\">\n  <div class=\"show-card-skeleton__image\">\n    <div class=\"show-card-skeleton__badge\"></div>\n  </div>\n\n  <div class=\"show-card-skeleton__info\">\n    <div class=\"show-card-skeleton__title\"></div>\n\n    <div class=\"show-card-skeleton__text\"></div>\n    <div class=\"show-card-skeleton__text-sm\"></div>\n\n    <div class=\"show-card-skeleton__tags\">\n      <div class=\"show-card-skeleton__tag\"></div>\n      <div class=\"show-card-skeleton__tag\"></div>\n      <div class=\"show-card-skeleton__tag\"></div>\n    </div>\n\n    <div class=\"show-card-skeleton__tags\">\n      <div class=\"show-card-skeleton__tag\"></div>\n      <div class=\"show-card-skeleton__tag\"></div>\n    </div>\n\n    <div class=\"show-card-skeleton__button\"></div>\n  </div>\n</div>\n", styles: [".show-card-skeleton{align-items:center;background-color:#404040;border-radius:.5rem;display:flex;flex-direction:column;gap:0;justify-content:space-between;overflow:hidden;padding:0;position:relative;max-width:320px;width:100%}.show-card-skeleton__image{aspect-ratio:1/1;background-color:#e5e7eb;display:flex;position:relative;width:100%;animation:show-card-skeleton-pulse 2s cubic-bezier(.4,0,.6,1) infinite}@media(prefers-color-scheme:dark){.show-card-skeleton__image{background-color:#4b5563}}.show-card-skeleton__badge{background-color:#e5e7eb;border-radius:.375rem;height:20px;left:1rem;position:absolute;top:1rem;width:48px;animation:show-card-skeleton-pulse 2s cubic-bezier(.4,0,.6,1) infinite}@media(prefers-color-scheme:dark){.show-card-skeleton__badge{background-color:#4b5563}}.show-card-skeleton__info{display:flex;flex-direction:column;flex:1;gap:.25rem;padding:1.5rem;width:100%;animation:show-card-skeleton-pulse 2s cubic-bezier(.4,0,.6,1) infinite}.show-card-skeleton__title{background-color:#e5e7eb;border-radius:.375rem;height:2rem;margin-bottom:.5rem;width:100%}@media(prefers-color-scheme:dark){.show-card-skeleton__title{background-color:#4b5563}}.show-card-skeleton__text{background-color:#e5e7eb;border-radius:.375rem;height:1rem;margin-bottom:.5rem;width:50%}@media(prefers-color-scheme:dark){.show-card-skeleton__text{background-color:#4b5563}}.show-card-skeleton__text-sm{background-color:#e5e7eb;border-radius:.375rem;height:.75rem;margin-bottom:.5rem;width:80%}@media(prefers-color-scheme:dark){.show-card-skeleton__text-sm{background-color:#4b5563}}.show-card-skeleton__tags{display:flex;flex-flow:row wrap;gap:.25rem;margin-bottom:.5rem}.show-card-skeleton__tag{background-color:#e5e7eb;border-radius:.375rem;height:1rem;width:2.5rem}@media(prefers-color-scheme:dark){.show-card-skeleton__tag{background-color:#4b5563}}.show-card-skeleton__button{background-color:#e5e7eb;border-radius:.375rem;height:1.5rem;margin-bottom:0;margin-top:auto;width:100%}@media(prefers-color-scheme:dark){.show-card-skeleton__button{background-color:#4b5563}}@keyframes show-card-skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}\n"] }]
         }] });
 
+class AppBreadcumbComponent {
+    steps = [];
+    theme = 'light';
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AppBreadcumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: AppBreadcumbComponent, isStandalone: true, selector: "app-breadcrumb", inputs: { steps: "steps", theme: "theme" }, ngImport: i0, template: "<div class=\"breadcrumb\" [class.breadcrumb--dark]=\"theme === 'dark'\">\n  <nav class=\"breadcrumb__nav\" aria-label=\"Breadcrumb\">\n    <ol class=\"breadcrumb__list\">\n      <li class=\"breadcrumb__item\">\n        <a href=\"/\" class=\"breadcrumb__link\"> <i class=\"ri-home-2-line\"></i> Inicio </a>\n      </li>\n\n      @for (step of steps; track step.label) {\n        <li class=\"breadcrumb__item\">\n          <i class=\"ri-arrow-right-s-line breadcrumb__separator\"></i>\n\n          @if (!!step.href) {\n            <a [href]=\"step.href\" class=\"breadcrumb__link\">\n              @if (step.icon; as icon) {\n                <i [class]=\"icon\"></i>\n              }\n\n              {{ step.label }}\n            </a>\n          } @else {\n            <span class=\"breadcrumb__current\">\n              @if (step.icon; as icon) {\n                <i [class]=\"icon\"></i>\n              }\n\n              {{ step.label }}\n            </span>\n          }\n        </li>\n      }\n    </ol>\n  </nav>\n</div>\n", styles: [".breadcrumb{display:flex;align-items:center;width:100%;height:2.5rem;padding:0 1rem}.breadcrumb__nav{display:flex;width:100%;max-width:80rem;margin:0 auto}.breadcrumb__list{display:inline-flex;align-items:center;gap:.25rem}@media(min-width:768px){.breadcrumb__list{gap:.5rem}}.breadcrumb__item{display:inline-flex;align-items:center;gap:.375rem}.breadcrumb__link,.breadcrumb__current{display:inline-flex;align-items:center;font-size:.75rem;font-weight:500}.breadcrumb__link{gap:.5rem;color:#374151}.breadcrumb__link:hover{color:#4f46e5}.breadcrumb__current{color:#6b7280}.breadcrumb--dark .breadcrumb__link{color:#f3f4f6}.breadcrumb--dark .breadcrumb__current{color:#d1d5db}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: AppBreadcumbComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-breadcrumb', standalone: true, imports: [CommonModule], encapsulation: ViewEncapsulation.None, template: "<div class=\"breadcrumb\" [class.breadcrumb--dark]=\"theme === 'dark'\">\n  <nav class=\"breadcrumb__nav\" aria-label=\"Breadcrumb\">\n    <ol class=\"breadcrumb__list\">\n      <li class=\"breadcrumb__item\">\n        <a href=\"/\" class=\"breadcrumb__link\"> <i class=\"ri-home-2-line\"></i> Inicio </a>\n      </li>\n\n      @for (step of steps; track step.label) {\n        <li class=\"breadcrumb__item\">\n          <i class=\"ri-arrow-right-s-line breadcrumb__separator\"></i>\n\n          @if (!!step.href) {\n            <a [href]=\"step.href\" class=\"breadcrumb__link\">\n              @if (step.icon; as icon) {\n                <i [class]=\"icon\"></i>\n              }\n\n              {{ step.label }}\n            </a>\n          } @else {\n            <span class=\"breadcrumb__current\">\n              @if (step.icon; as icon) {\n                <i [class]=\"icon\"></i>\n              }\n\n              {{ step.label }}\n            </span>\n          }\n        </li>\n      }\n    </ol>\n  </nav>\n</div>\n", styles: [".breadcrumb{display:flex;align-items:center;width:100%;height:2.5rem;padding:0 1rem}.breadcrumb__nav{display:flex;width:100%;max-width:80rem;margin:0 auto}.breadcrumb__list{display:inline-flex;align-items:center;gap:.25rem}@media(min-width:768px){.breadcrumb__list{gap:.5rem}}.breadcrumb__item{display:inline-flex;align-items:center;gap:.375rem}.breadcrumb__link,.breadcrumb__current{display:inline-flex;align-items:center;font-size:.75rem;font-weight:500}.breadcrumb__link{gap:.5rem;color:#374151}.breadcrumb__link:hover{color:#4f46e5}.breadcrumb__current{color:#6b7280}.breadcrumb--dark .breadcrumb__link{color:#f3f4f6}.breadcrumb--dark .breadcrumb__current{color:#d1d5db}\n"] }]
+        }], propDecorators: { steps: [{
+                type: Input
+            }], theme: [{
+                type: Input
+            }] } });
+
 class LanguageSwitcherComponent {
     transloco;
     availableLangs = ['es', 'en'];
@@ -7332,6 +7378,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
                 type: Output
             }] } });
 
+class PerformanceStatusBadgeComponent {
+    performance;
+    size = 'sm';
+    get statusColors() {
+        return PERFORMANCE_STATUS_COLORS[this.performance.status];
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PerformanceStatusBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: PerformanceStatusBadgeComponent, isStandalone: true, selector: "performance-status-badge", inputs: { performance: "performance", size: "size" }, ngImport: i0, template: "<app-badge\n  [text]=\"`performance.status.${performance.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.TranslocoPipe, name: "transloco" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PerformanceStatusBadgeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'performance-status-badge', standalone: true, imports: [CommonModule, TranslocoModule, AppBadgeComponent], template: "<app-badge\n  [text]=\"`performance.status.${performance.status}` | transloco\"\n  [backgroundColor]=\"statusColors.bg\"\n  [textColor]=\"statusColors.text\"\n  [size]=\"size\"\n/>\n" }]
+        }], propDecorators: { performance: [{
+                type: Input,
+                args: [{ required: true }]
+            }], size: [{
+                type: Input
+            }] } });
+
 class DaySelectorGridComponent {
     platformId;
     performanceService;
@@ -8622,5 +8687,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
  * 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, GiftBondPurchaseStatus, GiftBondStatus, KONVA_SHAPE_MAPPINGS, LanguageSwitcherComponent, MinTodayValidator, MustMatchValidator, ORDER_DISCOUNT_COLORS, ORDER_ITEM_TYPES_COLORS, ORDER_STATUS_COLORS, OrderBillingInfoComponent, OrderDiscountAppliedComponent, OrderInformationComponent, OrderItemType, OrderItemTypeBadgeComponent, OrderItemsComponent, OrderStatus, OrderStatusBadgeComponent, OrderTransactionDetailsModalComponent, OrderTransactionDetailsModalService, OrderTransactionsComponent, PAYMENT_METHODS_OPTIONS, PERFORMANCES_API_ROUTES, 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, ShowTypeBadgeComponent, ShowsFilterComponent, StateSelectComponent, StatesService, TICKERA_COMPONENTS_CONFIG, TICKET_ELEMENT_TYPES, TICKET_MAP_GRID_SIZE, TICKET_MAP_LAST_TICKETS_LIMIT, TICKET_MAP_TITLE_HEIGHT, TICKET_STATUS_COLORS, TICKET_STATUS_FILLS, TICKET_STATUS_LABELS, TIcketMapProductSelectionComponent, TRANSACTION_STATUS_COLORS, TextExpandableComponent, TickeraTranslocoLoader, 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, getOrderDiscount, getStoredLanguage, numberToLetter$1 as numberToLetter, parseJsonToFormDataAdvanced, processElementsToRenderData, provideTickeraComponents, resolveLanguage, setStoredLanguage, tintColor, transformImageToFile };
+export { ADMIN_API_ROUTES, ALERT_ICONS, AdminSelectComponent, AdminService, ApiService, AppAlertComponent, AppBadgeComponent, AppBreadcumbComponent, 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, GiftBondPurchaseStatus, GiftBondStatus, KONVA_SHAPE_MAPPINGS, LanguageSwitcherComponent, MinTodayValidator, MustMatchValidator, ORDER_DISCOUNT_COLORS, ORDER_ITEM_TYPES_COLORS, ORDER_STATUS_COLORS, OrderBillingInfoComponent, OrderDiscountAppliedComponent, OrderInformationComponent, OrderItemType, OrderItemTypeBadgeComponent, OrderItemsComponent, OrderStatus, OrderStatusBadgeComponent, OrderTransactionDetailsModalComponent, OrderTransactionDetailsModalService, OrderTransactionsComponent, PAYMENT_METHODS_OPTIONS, PERFORMANCES_API_ROUTES, PERFORMANCE_STATUS_COLORS, 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, PerformanceStatusBadgeComponent, 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, ShowTypeBadgeComponent, ShowsFilterComponent, StateSelectComponent, StatesService, TICKERA_COMPONENTS_CONFIG, TICKET_ELEMENT_TYPES, TICKET_MAP_GRID_SIZE, TICKET_MAP_LAST_TICKETS_LIMIT, TICKET_MAP_TITLE_HEIGHT, TICKET_STATUS_COLORS, TICKET_STATUS_FILLS, TICKET_STATUS_LABELS, TIcketMapProductSelectionComponent, TRANSACTION_STATUS_COLORS, TextExpandableComponent, TickeraTranslocoLoader, 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, getOrderDiscount, getStoredLanguage, numberToLetter$1 as numberToLetter, parseJsonToFormDataAdvanced, processElementsToRenderData, provideTickeraComponents, resolveLanguage, setStoredLanguage, tintColor, transformImageToFile };
 //# sourceMappingURL=tickera-angular-components.mjs.map