tickera-angular-components 0.0.1-dev.3 → 0.0.1-dev.5

package/i18n/en.json

@@ -0,0 +1,45 @@
+{
+  "formErrors": {
+    "required": "This field is required",
+    "minlength": "Must be at least {{minLength}} characters",
+    "maxlength": "Must not exceed {{maxLength}} characters",
+    "pattern": "Invalid format",
+    "email": "Invalid format",
+    "mustMatch": "Passwords do not match",
+    "invalidField": "Invalid field",
+    "invalidSelection": "Invalid selection"
+  },
+  "common": {
+    "selectOption": "Select option"
+  },
+  "fileUpload": {
+    "dropSingle": "Drag and drop a file here, or click to select",
+    "dropMultiple": "Drag and drop files here, or click to select",
+    "allowedExtensions": "Allowed extensions:",
+    "maxSize": "Maximum size:",
+    "sizeError": "File {{fileName}} exceeds maximum size of {{maxSize}} MB",
+    "extensionError": "File {{fileName}} has an invalid extension. Use: {{extensions}}",
+    "fileTypeImages": "Images",
+    "fileTypeExcel": "Excel",
+    "fileTypeWord": "Word",
+    "fileTypeText": "Text",
+    "fileTypeOther": "Other"
+  },
+  "deleteConfirmation": {
+    "warning": "Are you sure you want to delete this item?",
+    "instructions": "Type <strong>delete</strong> to confirm",
+    "placeholder": "Type delete",
+    "cancel": "Cancel",
+    "delete": "Delete"
+  },
+  "changePassword": {
+    "title": "Change password",
+    "newPasswordLabel": "New password",
+    "newPasswordPlaceholder": "Enter new password",
+    "confirmPasswordLabel": "Confirm password",
+    "confirmPasswordPlaceholder": "Confirm new password",
+    "cancel": "Cancel",
+    "save": "Save",
+    "saving": "Saving..."
+  }
+}

package/i18n/es.json

@@ -0,0 +1,45 @@
+{
+  "formErrors": {
+    "required": "Este campo es requerido",
+    "minlength": "Debe tener al menos {{minLength}} caracteres",
+    "maxlength": "No debe exceder {{maxLength}} caracteres",
+    "pattern": "El formato no es válido",
+    "email": "El formato no es válido",
+    "mustMatch": "Las contraseñas no coinciden",
+    "invalidField": "Campo inválido",
+    "invalidSelection": "Selección inválida"
+  },
+  "common": {
+    "selectOption": "Seleccionar opción"
+  },
+  "fileUpload": {
+    "dropSingle": "Arrastra y suelta un archivo aquí, o haz clic para seleccionar",
+    "dropMultiple": "Arrastra y suelta archivos aquí, o haz clic para seleccionar",
+    "allowedExtensions": "Extensiones permitidas:",
+    "maxSize": "Tamaño máximo:",
+    "sizeError": "El archivo {{fileName}} excede el tamaño máximo de {{maxSize}} MB",
+    "extensionError": "El archivo {{fileName}} no tiene una extensión permitida. Use: {{extensions}}",
+    "fileTypeImages": "Imágenes",
+    "fileTypeExcel": "Excel",
+    "fileTypeWord": "Word",
+    "fileTypeText": "Texto",
+    "fileTypeOther": "Otro"
+  },
+  "deleteConfirmation": {
+    "warning": "¿Estás seguro de que deseas eliminar este elemento?",
+    "instructions": "Escriba <strong>eliminar</strong> para confirmar",
+    "placeholder": "Escriba eliminar",
+    "cancel": "Cancelar",
+    "delete": "Eliminar"
+  },
+  "changePassword": {
+    "title": "Cambiar contraseña",
+    "newPasswordLabel": "Nueva contraseña",
+    "newPasswordPlaceholder": "Ingrese la nueva contraseña",
+    "confirmPasswordLabel": "Confirmar contraseña",
+    "confirmPasswordPlaceholder": "Confirme la nueva contraseña",
+    "cancel": "Cancelar",
+    "save": "Guardar",
+    "saving": "Guardando..."
+  }
+}

package/index.d.ts

@@ -1,33 +1,31 @@
 import * as i0 from '@angular/core';
 import { InjectionToken, EnvironmentProviders, WritableSignal, EventEmitter, Injector, Type, OnInit, OnDestroy, ElementRef, OnChanges, SimpleChanges } from '@angular/core';
-import { ValidatorFn, FormGroup, FormBuilder, ControlValueAccessor, NgControl, Validator, AbstractControl, FormControl } from '@angular/forms';
-import { HttpClient, HttpInterceptorFn } from '@angular/common/http';
+import { TranslocoLoader, TranslocoService } from '@jsverse/transloco';
 import * as rxjs from 'rxjs';
 import { Observable, Subject } from 'rxjs';
-import { TranslocoService } from '@jsverse/transloco';
+import { ValidatorFn, FormGroup, FormBuilder, ControlValueAccessor, NgControl, Validator, AbstractControl, FormControl } from '@angular/forms';
+import { HttpClient, HttpInterceptorFn } from '@angular/common/http';
 import { Toolbar, Editor } from 'ngx-editor';
 import { Router } from '@angular/router';
 
 interface TickeraComponentsConfig {
     apiUrl: string;
     accessTokenKey?: string;
+    defaultLang?: string;
+    availableLangs?: string[];
 }
 declare const TICKERA_COMPONENTS_CONFIG: InjectionToken<TickeraComponentsConfig>;
 declare function provideTickeraComponents(config: TickeraComponentsConfig): EnvironmentProviders;
 
-declare const ALERT_BASE_CLASSES = "border rounded relative flex items-center gap-2 px-4 py-2";
-declare const ALERT_COLOR_CLASSES: {
-    success: string;
-    error: string;
-    warning: string;
-    info: string;
-};
-declare const ALERT_SIZE_CLASSES: {
-    xs: string;
-    sm: string;
-    md: string;
-    lg: string;
-};
+declare class TickeraTranslocoLoader implements TranslocoLoader {
+    getTranslation(lang: string): Observable<Record<string, unknown>>;
+}
+
+declare function getStoredLanguage(): string;
+declare function setStoredLanguage(lang: string): void;
+declare function getBrowserLanguage(): string;
+declare function resolveLanguage(): string;
+
 declare const ALERT_ICONS: {
     success: string;
     error: string;
@@ -35,20 +33,9 @@ declare const ALERT_ICONS: {
     info: string;
 };
 
-declare const BUTTON_VARIANT_CLASSES: {
-    primary: string;
-    secondary: string;
-    terciary: string;
-    success: string;
-    transparent: string;
-};
-declare const BASE_BUTTON_CLASSES: string;
-declare const BUTTON_SIZES_CLASSES: {
-    xs: string;
-    sm: string;
-    md: string;
-    lg: string;
-};
+declare const BUTTON_VARIANT_CLASSES: Record<string, string>;
+declare const BASE_BUTTON_CLASSES = "btn";
+declare const BUTTON_SIZES_CLASSES: Record<string, string>;
 
 declare const FORM_ERROR_MESSAGES: Record<string, string>;
 
@@ -1341,7 +1328,7 @@ declare class AppButtonComponent {
     disabled: boolean;
     loading: boolean;
     type: 'button' | 'submit';
-    variant: 'primary' | 'secondary' | 'terciary' | 'success' | 'transparent';
+    variant: 'primary' | 'secondary' | 'tertiary' | 'success' | 'transparent';
     text: string;
     size: 'xs' | 'sm' | 'md' | 'lg';
     loadingText: string;
@@ -1353,7 +1340,6 @@ declare class AppButtonComponent {
 }
 
 declare class AppLinkButtonComponent {
-    protected readonly BASE_BUTTON_CLASSES: string;
     disabled: boolean;
     loading: boolean;
     target: '_blank' | '_self' | '_parent' | '_top';
@@ -1374,9 +1360,6 @@ declare class AppAlertComponent {
     text: string;
     closeable: boolean;
     size: 'xs' | 'sm' | 'md' | 'lg';
-    get alertColorClasses(): string;
-    get alertSizeClasses(): string;
-    get alertClasses(): string;
     get alertIcon(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<AppAlertComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AppAlertComponent, "app-alert", never, { "type": { "alias": "type"; "required": false; }; "text": { "alias": "text"; "required": false; }; "closeable": { "alias": "closeable"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, never>;
@@ -1416,8 +1399,6 @@ declare class AppModalComponent {
     isOpen: WritableSignal<boolean>;
     size: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';
     closeModal: EventEmitter<void>;
-    private readonly SIZE_CLASSES;
-    get sizeClass(): string;
     onCloseModal(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AppModalComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AppModalComponent, "app-modal", never, { "title": { "alias": "title"; "required": false; }; "disableClose": { "alias": "disableClose"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "closeModal": "closeModal"; }, never, ["*"], true, never>;
@@ -1527,7 +1508,6 @@ declare class FormSelectComponent implements ControlValueAccessor {
     get showError(): boolean;
     get errorMessage(): string;
     get resolvedDefaultOptionLabel(): string;
-    get selectClasses(): string;
     get fieldGroupClasses(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormSelectComponent, [{ optional: true; self: true; }, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<FormSelectComponent, "form-select", never, { "label": { "alias": "label"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "options": { "alias": "options"; "required": false; }; "fieldGroupClass": { "alias": "fieldGroupClass"; "required": false; }; "showDefaultOption": { "alias": "showDefaultOption"; "required": false; }; "defaultOptionLabel": { "alias": "defaultOptionLabel"; "required": false; }; }, {}, never, never, true, never>;
@@ -1560,7 +1540,6 @@ declare class FormTextareaComponent implements ControlValueAccessor {
     get inputId(): string;
     get showError(): boolean;
     get errorMessage(): string;
-    get inputClasses(): string;
     get fieldGroupClasses(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormTextareaComponent, [{ optional: true; self: true; }, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<FormTextareaComponent, "form-textarea", never, { "label": { "alias": "label"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "minlength": { "alias": "minlength"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "cols": { "alias": "cols"; "required": false; }; "fieldGroupClass": { "alias": "fieldGroupClass"; "required": false; }; }, {}, never, never, true, never>;
@@ -1628,7 +1607,6 @@ declare class ColorPickerComponent implements ControlValueAccessor {
     selectPresetColor(color: string): void;
     get inputId(): string;
     get showError(): boolean;
-    get inputClasses(): string;
     get fieldGroupClasses(): string;
     isValidHexColor(color: string): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<ColorPickerComponent, [{ optional: true; self: true; }, null]>;
@@ -1665,7 +1643,6 @@ declare class DateInputComponent implements ControlValueAccessor {
     get inputId(): string;
     get showError(): boolean;
     get errorMessage(): string;
-    get inputClasses(): string;
     get fieldGroupClasses(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<DateInputComponent, [{ optional: true; self: true; }, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DateInputComponent, "date-input", never, { "label": { "alias": "label"; "required": false; }; "type": { "alias": "type"; "required": false; }; "includeTime": { "alias": "includeTime"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "fieldGroupClass": { "alias": "fieldGroupClass"; "required": false; }; "dateFormat": { "alias": "dateFormat"; "required": false; }; }, {}, never, never, true, never>;
@@ -1692,9 +1669,6 @@ declare class ToggleSwitchComponent implements ControlValueAccessor {
     setDisabledState(isDisabled: boolean): void;
     onToggle(): void;
     get inputId(): string;
-    get toggleSizeClasses(): string;
-    get toggleThumbSizeClasses(): string;
-    get toggleThumbTranslateClasses(): string;
     get fieldGroupClasses(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<ToggleSwitchComponent, [{ optional: true; self: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ToggleSwitchComponent, "toggle-switch", never, { "label": { "alias": "label"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "size": { "alias": "size"; "required": false; }; "fieldGroupClass": { "alias": "fieldGroupClass"; "required": false; }; "description": { "alias": "description"; "required": false; }; }, { "toggleClick": "toggleClick"; }, never, never, true, never>;
@@ -2336,5 +2310,5 @@ declare class ZonePriceListComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<ZonePriceListComponent, "zone-price-list", never, { "zones": { "alias": "zones"; "required": true; }; }, {}, never, never, true, never>;
 }
 
-export { ADMIN_API_ROUTES, ALERT_BASE_CLASSES, ALERT_COLOR_CLASSES, ALERT_ICONS, ALERT_SIZE_CLASSES, AdminSelectComponent, AdminService, ApiService, AppAlertComponent, AppButtonComponent, AppLinkButtonComponent, AppModalComponent, AsyncSelectComponent, AuditInformationComponent, BASE_BUTTON_CLASSES, BASE_INPUT_CLASSES, BUTTON_SIZES_CLASSES, BUTTON_VARIANT_CLASSES, CITY_API_ENDPOINTS, COUNTRY_API_ENDPOINTS, CUSTOMERS_API_ROUTES, ChangePasswordFormComponent, ChangePasswordFormService, CitiesService, CitySelectComponent, ColorPickerComponent, CorporateBondStatus, CountrySelectComponent, CountryService, CouponApplicability, CouponDiscountType, CustomerSelectComponent, CustomerService, DateInputComponent, DateService, DaySelectorGridComponent, DeleteConfirmationComponent, DeleteConfirmationService, DynamicTableComponent, ERROR_INPUT_CLASSES, EndDateGreaterThanStartValidator, FORM_ERROR_MESSAGES, FileType, FileUploadComponent, FileUploadPreviewComponent, FormEditorComponent, FormInputComponent, FormSelectComponent, FormTextareaComponent, LanguageSwitcherComponent, LoadingModalService, LoadingmModalComponent, MinTodayValidator, MustMatchValidator, OrderItemType, OrderStatus, PERFORMANCES_API_ROUTES, PRICE_ZONES_API_ROUTES, PRODUCTS_API_ROUTES, PerformanceCardComponent, PerformanceCardListComponent, PerformanceMultiSelectComponent, PerformanceSelectComponent, PerformanceService, PerformanceStatus, PerformanceStepperComponent, PerformanceTicketStatus, PerformancesListEventsService, PriceZoneEventService, PriceZoneFormModalService, PriceZoneSelectComponent, PriceZoneService, ProductMultiSelectComponent, ProductSelectComponent, ProductService, RoomMapElementOrientation, RoomMapElementType, SHOWS_API_ROUTES, STATE_API_ENDPOINTS, ShowMultiSelectComponent, ShowSelectComponent, ShowService, ShowsFilterComponent, StateSelectComponent, StatesService, TICKERA_COMPONENTS_CONFIG, ToastService, ToggleSwitchComponent, VENUES_API_ROUTES, ZonePriceItemComponent, ZonePriceListComponent, authInterceptor, formatCitiesResponseToSelect, getCustomerFullname, parseJsonToFormDataAdvanced, provideTickeraComponents, 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, CITY_API_ENDPOINTS, COUNTRY_API_ENDPOINTS, CUSTOMERS_API_ROUTES, ChangePasswordFormComponent, ChangePasswordFormService, CitiesService, CitySelectComponent, ColorPickerComponent, CorporateBondStatus, CountrySelectComponent, CountryService, CouponApplicability, CouponDiscountType, CustomerSelectComponent, CustomerService, DateInputComponent, DateService, DaySelectorGridComponent, DeleteConfirmationComponent, DeleteConfirmationService, DynamicTableComponent, ERROR_INPUT_CLASSES, EndDateGreaterThanStartValidator, FORM_ERROR_MESSAGES, FileType, FileUploadComponent, FileUploadPreviewComponent, FormEditorComponent, FormInputComponent, FormSelectComponent, FormTextareaComponent, LanguageSwitcherComponent, LoadingModalService, LoadingmModalComponent, MinTodayValidator, MustMatchValidator, OrderItemType, OrderStatus, PERFORMANCES_API_ROUTES, PRICE_ZONES_API_ROUTES, PRODUCTS_API_ROUTES, PerformanceCardComponent, PerformanceCardListComponent, PerformanceMultiSelectComponent, PerformanceSelectComponent, PerformanceService, PerformanceStatus, PerformanceStepperComponent, PerformanceTicketStatus, PerformancesListEventsService, PriceZoneEventService, PriceZoneFormModalService, PriceZoneSelectComponent, PriceZoneService, ProductMultiSelectComponent, ProductSelectComponent, ProductService, RoomMapElementOrientation, RoomMapElementType, SHOWS_API_ROUTES, STATE_API_ENDPOINTS, ShowMultiSelectComponent, ShowSelectComponent, ShowService, ShowsFilterComponent, StateSelectComponent, StatesService, TICKERA_COMPONENTS_CONFIG, TickeraTranslocoLoader, ToastService, ToggleSwitchComponent, VENUES_API_ROUTES, ZonePriceItemComponent, ZonePriceListComponent, authInterceptor, formatCitiesResponseToSelect, getBrowserLanguage, getCustomerFullname, getStoredLanguage, parseJsonToFormDataAdvanced, provideTickeraComponents, resolveLanguage, setStoredLanguage, transformImageToFile };
 export type { Admin, AdminsResponse, AsyncSelectConfig, Auditable, CitiesResponse, City, CityResponse, CorporateBond, CorporateBondCode, CorporateBondResponse, CountriesResponse, Country, CountryResponse, Coupon, CouponResponse, Customer, CustomerResponse, CustomersResponse, DailyPerformanceHall, DailyPerformanceItem, DailyPerformancePriceZone, DailyPerformanceShow, DailyPerformanceVenue, DailyPerformancesResponse, DeleteConfirmationOpen, DragDropEvent, DynamicTableHeader, ElementPropertiesTab, FetchCitiesParams, FetchDailyPerformancesParams, FetchShowsParams, FileUploadConfig, FindAllPriceZoneParams, Hall, HallFloor, NumerationConfig, Order, OrderItem, OrderResponse, OrdersResponse, Performance, PerformanceAvailableDay, PerformanceBookingDataResponse, PerformanceResponse, PerformanceTicket, PerformancesAvailableDaysResponse, PerformancesResponseInterface, PriceZone, PriceZoneResponse, PriceZoneUpdateResponse, PriceZonesResponseInterface, Product, ProductResponse, ProductsResponseInterface, RoomMap, RoomMapBaseElement, RoomMapCanvasConfiguration, RoomMapCanvasElement, RoomMapChairPosition, RoomMapElementTemplate, RoomMapExitElement, RoomMapGridPosition, RoomMapPosition, RoomMapProductionAreaElement, RoomMapSeatDisplayState, RoomMapSeatElement, RoomMapSeatState, RoomMapSize, RoomMapStageElement, RoomMapTableElement, RoomMapUnavailableElement, RoomMapZoneElement, SelectOption, Show, ShowImage, ShowResponse, ShowType, ShowsResponseInterface, State, StateResponse, StatesResponse, TickeraComponentsConfig, UploadedFile, ValidateCorporateBondResponse, ValidateCouponResponse, Venue, VenueImage };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tickera-angular-components",
-  "version": "0.0.1-dev.3",
+  "version": "0.0.1-dev.5",
   "description": "Angular 20 standalone component library for Tickera backoffice system",
   "license": "MIT",
   "repository": {

package/tickera.styles.css

@@ -0,0 +1 @@
+@font-face{font-family:"Open Sans";font-style:normal;font-weight:300;font-display:swap;src:url("./fonts/open-sans-latin-300-normal.woff2") format("woff2")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:300;font-display:swap;src:url("./fonts/open-sans-latin-300-italic.woff2") format("woff2")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;font-display:swap;src:url("./fonts/open-sans-latin-400-normal.woff2") format("woff2")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:400;font-display:swap;src:url("./fonts/open-sans-latin-400-italic.woff2") format("woff2")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:500;font-display:swap;src:url("./fonts/open-sans-latin-500-normal.woff2") format("woff2")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:500;font-display:swap;src:url("./fonts/open-sans-latin-500-italic.woff2") format("woff2")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:600;font-display:swap;src:url("./fonts/open-sans-latin-600-normal.woff2") format("woff2")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:600;font-display:swap;src:url("./fonts/open-sans-latin-600-italic.woff2") format("woff2")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:700;font-display:swap;src:url("./fonts/open-sans-latin-700-normal.woff2") format("woff2")}@font-face{font-family:"Open Sans";font-style:italic;font-weight:700;font-display:swap;src:url("./fonts/open-sans-latin-700-italic.woff2") format("woff2")}@font-face{font-family:"remixicon";font-style:normal;font-weight:normal;font-display:swap;src:url("./fonts/remixicon.woff2") format("woff2")}[class^=ri-],[class*=" ri-"]{font-family:"remixicon" !important;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*::before,*::after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1rem;line-height:1.5;color:#111827;background-color:#fff}:focus-visible{outline:2px solid #4f46e5;outline-offset:2px}button{font-family:inherit}input,textarea,select{font-family:inherit}a{color:inherit;text-decoration:inherit}