ng-easycommerce-v18 0.2.9 → 0.2.11

package/lib/ec-components/blocks-ec/block-banner-full-ec/block-banner-full-ec.component.d.ts

@@ -17,12 +17,24 @@ export declare class BlockBannerFullEcComponent extends BlockEcComponent impleme
      * Datos del bloque que contiene a los banners
      */
     meta: any;
+    /**
+     * Personalización de las flechas de navegación
+     * Por defecto usa símbolos de texto, pero se pueden especificar imágenes
+     */
+    prevArrowImage?: string;
+    nextArrowImage?: string;
+    prevArrowText: string;
+    nextArrowText: string;
+    /**
+     * Opción para habilitar/deshabilitar la navegación personalizada
+     */
+    enableCustomNavigation: boolean;
     /**
      * Servicio para Analytics
      */
     private analyticsService;
     /**
-     * Signal utlizado para guarda el contenedor del carrusel
+     * Signal utilizado para guardar el contenedor del carrusel
      */
     swiperElement: import("@angular/core").WritableSignal<SwiperContainer | null>;
     /**
@@ -31,24 +43,45 @@ export declare class BlockBannerFullEcComponent extends BlockEcComponent impleme
      * @returns
      */
     getImage: (banner: any) => string;
+    private document?;
+    private platformId;
     /**
      * Se mappea los banners para sumarle el objeto de translations y que
      * sean mas amigables para su uso.
      */
     ngOnInit(): void;
-    private document?;
-    private platformId;
     /**
-     * Ejecuta el método `afterNextRender`para cargar las configuraciones necesarias
-     * para el carrusel del banners. Esto debe ser asi debido a que ya debe estar presente
-     * en el Dom el element `<swiper-container>` para poder configurarlo.
+     * Ejecuta el método `afterNextRender` para cargar las configuraciones necesarias
+     * para el carrusel de banners. Esto debe ser así debido a que ya debe estar presente
+     * en el DOM el elemento `<swiper-container>` para poder configurarlo.
      */
     constructor();
     /**
-     * Aplica el evento `select_promotion` junto con el banner que interactua.
+     * Inicializa el Swiper con navegación personalizada
+     */
+    private initializeSwiperWithNavigation;
+    /**
+     * Configura la navegación personalizada del Swiper para banners
+     */
+    private setupCustomNavigation;
+    /**
+     * Actualiza la configuración del Swiper específicamente para banners
+     */
+    private updateSwiperForBanners;
+    /**
+     * Configura los event listeners para los botones de navegación de banners
+     */
+    private setupBannerNavigationEventListeners;
+    /**
+     * Aplica el evento `select_promotion` junto con el banner que interactúa.
      * @param banner
      */
     selectPromotion(banner: any): void;
+    /**
+     * Obtiene la configuración específica del Swiper para banners
+     * Sobrescribe la configuración base si es necesario
+     */
+    private getBannerSwiperConfiguration;
     static ɵfac: i0.ɵɵFactoryDeclaration<BlockBannerFullEcComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BlockBannerFullEcComponent, "app-block-banner-full-ec", never, { "banners": { "alias": "banners"; "required": true; }; "meta": { "alias": "meta"; "required": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BlockBannerFullEcComponent, "app-block-banner-full-ec", never, { "banners": { "alias": "banners"; "required": true; }; "meta": { "alias": "meta"; "required": true; }; "prevArrowImage": { "alias": "prevArrowImage"; "required": false; }; "nextArrowImage": { "alias": "nextArrowImage"; "required": false; }; "prevArrowText": { "alias": "prevArrowText"; "required": false; }; "nextArrowText": { "alias": "nextArrowText"; "required": false; }; "enableCustomNavigation": { "alias": "enableCustomNavigation"; "required": false; }; }, {}, never, never, true, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ng-easycommerce-v18",
-  "version": "0.2.9",
+  "version": "0.2.11",
   "peerDependencies": {
     "@angular/common": "^18.2.0",
     "@angular/core": "^18.2.0"