ctt-babylon 0.9.17 → 0.9.19

package/esm2022/lib/directives/babylon-sliders/babylon-swiper-slider.directive.mjs

@@ -0,0 +1,109 @@
+import { isPlatformBrowser } from '@angular/common';
+import { Directive, PLATFORM_ID, inject, } from '@angular/core';
+import { tap } from 'rxjs';
+import Swiper, { Navigation } from 'swiper';
+import { Utils } from '../../utils';
+import * as i0 from "@angular/core";
+export class BabylonSwiperSliderDirective {
+    constructor(el) {
+        this.el = el;
+        this.platform = inject(PLATFORM_ID);
+        Swiper.use([Navigation]);
+    }
+    ngAfterViewInit() {
+        if (!isPlatformBrowser(this.platform))
+            return;
+        Utils.loadStyle$('assets/babylon/css/swiper-bundle.min.css')
+            .pipe(tap(() => {
+            this.initSwiperSlider();
+        }))
+            .subscribe();
+        this.observeSlides();
+    }
+    ngOnDestroy() {
+        this.observer?.disconnect();
+    }
+    initSwiperSlider() {
+        const parallaxSliderSelector = '.cs_parallax_slider';
+        const interleaveOffset = 0.5;
+        const parallaxSliderElement = this.el.nativeElement.querySelector(parallaxSliderSelector);
+        if (parallaxSliderElement) {
+            const slides = parallaxSliderElement.querySelectorAll('.swiper-slide');
+            const slideCount = slides.length;
+            const mainSliderOptions = {
+                loop: false,
+                speed: 1000,
+                autoplay: slideCount > 1 ? { delay: 3000 } : false,
+                loopAdditionalSlides: 10,
+                grabCursor: slideCount > 1,
+                watchSlidesProgress: true,
+                navigation: {
+                    nextEl: '.cs_swiper_button_next',
+                    prevEl: '.cs_swiper_button_prev',
+                },
+                pagination: false,
+                on: {
+                    init: (swp) => {
+                        swp.autoplay?.stop();
+                    },
+                    imagesReady: (swp) => {
+                        parallaxSliderElement.classList.remove('loading');
+                        swp.autoplay?.start();
+                    },
+                    progress: (swp) => {
+                        swp.slides.forEach((slide) => {
+                            const slideProgress = slide.progress || 0;
+                            const innerOffset = swp.width * interleaveOffset;
+                            const innerTranslate = slideProgress * innerOffset;
+                            const parallaxBg = slide.querySelector('.cs_swiper_parallax_bg');
+                            if (parallaxBg) {
+                                parallaxBg.style.transform = `translateX(${innerTranslate}px)`;
+                            }
+                        });
+                    },
+                    touchStart: function () {
+                        this.slides.forEach((slide) => {
+                            slide.style.transition = '';
+                        });
+                    },
+                    setTransition: (swp, transition) => {
+                        swp.slides.forEach((slide) => {
+                            slide.style.transition =
+                                `${transition}ms`;
+                            const parallaxBg = slide.querySelector('.cs_swiper_parallax_bg');
+                            if (parallaxBg) {
+                                parallaxBg.style.transition = `${transition}ms`;
+                            }
+                        });
+                    },
+                },
+            };
+            new Swiper(parallaxSliderSelector, mainSliderOptions);
+        }
+    }
+    observeSlides() {
+        if (!isPlatformBrowser(this.platform))
+            return;
+        const wrapper = this.el.nativeElement.querySelector('.swiper-wrapper');
+        if (!wrapper) {
+            return;
+        }
+        this.observer = new MutationObserver(() => {
+            // Destruye e inicializa Swiper de nuevo
+            this.initSwiperSlider();
+        });
+        this.observer.observe(this.el.nativeElement.querySelector('.swiper-wrapper'), {
+            childList: true,
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonSwiperSliderDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: BabylonSwiperSliderDirective, isStandalone: true, selector: "[babylonSwiperSlider]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonSwiperSliderDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[babylonSwiperSlider]',
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFieWxvbi1zd2lwZXItc2xpZGVyLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2JhYnlsb24vc3JjL2xpYi9kaXJlY3RpdmVzL2JhYnlsb24tc2xpZGVycy9iYWJ5bG9uLXN3aXBlci1zbGlkZXIuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3BELE9BQU8sRUFFSCxTQUFTLEVBR1QsV0FBVyxFQUNYLE1BQU0sR0FDVCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsR0FBRyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQzNCLE9BQU8sTUFBTSxFQUFFLEVBQUUsVUFBVSxFQUFpQixNQUFNLFFBQVEsQ0FBQztBQUMzRCxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sYUFBYSxDQUFDOztBQU1wQyxNQUFNLE9BQU8sNEJBQTRCO0lBSXJDLFlBQW9CLEVBQWM7UUFBZCxPQUFFLEdBQUYsRUFBRSxDQUFZO1FBSGpCLGFBQVEsR0FBRyxNQUFNLENBQUMsV0FBVyxDQUFDLENBQUM7UUFJNUMsTUFBTSxDQUFDLEdBQUcsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUM7SUFDN0IsQ0FBQztJQUVELGVBQWU7UUFDWCxJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQztZQUFFLE9BQU87UUFDOUMsS0FBSyxDQUFDLFVBQVUsQ0FBQywwQ0FBMEMsQ0FBQzthQUN2RCxJQUFJLENBQ0QsR0FBRyxDQUFDLEdBQUcsRUFBRTtZQUNMLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxDQUFDO1FBQzVCLENBQUMsQ0FBQyxDQUNMO2FBQ0EsU0FBUyxFQUFFLENBQUM7UUFDakIsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQ3pCLENBQUM7SUFFRCxXQUFXO1FBQ1AsSUFBSSxD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LENBQUM7b0JBQ1AsQ0FBQztpQkFDSjthQUNKLENBQUM7WUFFRixJQUFJLE1BQU0sQ0FBQyxzQkFBc0IsRUFBRSxpQkFBaUIsQ0FBQyxDQUFDO1NBQ3pEO0lBQ0wsQ0FBQztJQUVELGFBQWE7UUFDVCxJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQztZQUFFLE9BQU87UUFDOUMsTUFBTSxPQUFPLEdBQUcsSUFBSSxDQUFDLEVBQUUsQ0FBQyxhQUFhLENBQUMsYUFBYSxDQUFDLGlCQUFpQixDQUFDLENBQUM7UUFDdkUsSUFBSSxDQUFDLE9BQU8sRUFBRTtZQUNWLE9BQU87U0FDVjtRQUNELElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxnQkFBZ0IsQ0FBQyxHQUFHLEVBQUU7WUFDdEMsd0NBQXdDO1lBQ3hDLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxDQUFDO1FBQzVCLENBQUMsQ0FBQyxDQUFDO1FBQ0gsSUFBSSxDQUFDLFFBQVEsQ0FBQyxPQUFPLENBQ2pCLElBQUksQ0FBQyxFQUFFLENBQUMsYUFBYSxDQUFDLGFBQWEsQ0FBQyxpQkFBaUIsQ0FBQyxFQUN0RDtZQUNJLFNBQVMsRUFBRSxJQUFJO1NBQ2xCLENBQ0osQ0FBQztJQUNOLENBQUM7K0dBOUdRLDRCQUE0QjttR0FBNUIsNEJBQTRCOzs0RkFBNUIsNEJBQTRCO2tCQUp4QyxTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSx1QkFBdUI7b0JBQ2pDLFVBQVUsRUFBRSxJQUFJO2lCQUNuQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGlzUGxhdGZvcm1Ccm93c2VyIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7XG4gICAgQWZ0ZXJWaWV3SW5pdCxcbiAgICBEaXJlY3RpdmUsXG4gICAgRWxlbWVudFJlZixcbiAgICBPbkRlc3Ryb3ksXG4gICAgUExBVEZPUk1fSUQsXG4gICAgaW5qZWN0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IHRhcCB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IFN3aXBlciwgeyBOYXZpZ2F0aW9uLCBTd2lwZXJPcHRpb25zIH0gZnJvbSAnc3dpcGVyJztcbmltcG9ydCB7IFV0aWxzIH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuXG5ARGlyZWN0aXZlKHtcbiAgICBzZWxlY3RvcjogJ1tiYWJ5bG9uU3dpcGVyU2xpZGVyXScsXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbn0pXG5leHBvcnQgY2xhc3MgQmFieWxvblN3aXBlclNsaWRlckRpcmVjdGl2ZSBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQsIE9uRGVzdHJveSB7XG4gICAgcHJpdmF0ZSByZWFkb25seSBwbGF0Zm9ybSA9IGluamVjdChQTEFURk9STV9JRCk7XG4gICAgcHJpdmF0ZSBvYnNlcnZlcj86IE11dGF0aW9uT2JzZXJ2ZXI7XG5cbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIGVsOiBFbGVtZW50UmVmKSB7XG4gICAgICAgIFN3aXBlci51c2UoW05hdmlnYXRpb25dKTtcbiAgICB9XG5cbiAgICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgICAgIGlmICghaXNQbGF0Zm9ybUJyb3dzZXIodGhpcy5wbGF0Zm9ybSkpIHJldHVybjtcbiAgICAgICAgVXRpbHMubG9hZFN0eWxlJCgnYXNzZXRzL2JhYnlsb24vY3NzL3N3aXBlci1idW5kbGUubWluLmNzcycpXG4gICAgICAgICAgICAucGlwZShcbiAgICAgICAgICAgICAgICB0YXAoKCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICB0aGlzLmluaXRTd2lwZXJTbGlkZXIoKTtcbiAgICAgICAgICAgICAgICB9KVxuICAgICAgICAgICAgKVxuICAgICAgICAgICAgLnN1YnNjcmliZSgpO1xuICAgICAgICB0aGlzLm9ic2VydmVTbGlkZXMoKTtcbiAgICB9XG5cbiAgICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5vYnNlcnZlcj8uZGlzY29ubmVjdCgpO1xuICAgIH1cblxuICAgIGluaXRTd2lwZXJTbGlkZXIoKTogdm9pZCB7XG4gICAgICAgIGNvbnN0IHBhcmFsbGF4U2xpZGVyU2VsZWN0b3IgPSAnLmNzX3BhcmFsbGF4X3NsaWRlcic7XG4gICAgICAgIGNvbnN0IGludGVybGVhdmVPZmZzZXQgPSAwLjU7XG5cbiAgICAgICAgY29uc3QgcGFyYWxsYXhTbGlkZXJFbGVtZW50ID0gdGhpcy5lbC5uYXRpdmVFbGVtZW50LnF1ZXJ5U2VsZWN0b3IoXG4gICAgICAgICAgICBwYXJhbGxheFNsaWRlclNlbGVjdG9yXG4gICAgICAgICk7XG4gICAgICAgIGlmIChwYXJhbGxheFNsaWRlckVsZW1lbnQpIHtcbiAgICAgICAgICAgIGNvbnN0IHNsaWRlcyA9XG4gICAgICAgICAgICAgICAgcGFyYWxsYXhTbGlkZXJFbGVtZW50LnF1ZXJ5U2VsZWN0b3JBbGwoJy5zd2lwZXItc2xpZGUnKTtcbiAgICAgICAgICAgIGNvbnN0IHNsaWRlQ291bnQgPSBzbGlkZXMubGVuZ3RoO1xuXG4gICAgICAgICAgICBjb25zdCBtYWluU2xpZGVyT3B0aW9uczogU3dpcGVyT3B0aW9ucyA9IHtcbiAgICAgICAgICAgICAgICBsb29wOiBmYWxzZSxcbiAgICAgICAgICAgICAgICBzcGVlZDogMTAwMCxcbiAgICAgICAgICAgICAgICBhdXRvcGxheTogc2xpZGVDb3VudCA+IDEgPyB7IGRlbGF5OiAzMDAwIH0gOiBmYWxzZSxcbiAgICAgICAgICAgICAgICBsb29wQWRkaXRpb25hbFNsaWRlczogMTAsXG4gICAgICAgICAgICAgICAgZ3JhYkN1cnNvcjogc2xpZGVDb3VudCA+IDEsXG4gICAgICAgICAgICAgICAgd2F0Y2hTbGlkZXNQcm9ncmVzczogdHJ1ZSxcbiAgICAgICAgICAgICAgICBuYXZpZ2F0aW9uOiB7XG4gICAgICAgICAgICAgICAgICAgIG5leHRFbDogJy5jc19zd2lwZXJfYnV0dG9uX25leHQnLFxuICAgICAgICAgICAgICAgICAgICBwcmV2RWw6ICcuY3Nfc3dpcGVyX2J1dHRvbl9wcmV2JyxcbiAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgIHBhZ2luYXRpb246IGZhbHNlLFxuICAgICAgICAgICAgICAgIG9uOiB7XG4gICAgICAgICAgICAgICAgICAgIGluaXQ6IChzd3A6IFN3aXBlcikgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgc3dwLmF1dG9wbGF5Py5zdG9wKCk7XG4gICAgICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgICAgIGltYWdlc1JlYWR5OiAoc3dwOiBTd2lwZXIpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICAgIHBhcmFsbGF4U2xpZGVyRWxlbWVudC5jbGFzc0xpc3QucmVtb3ZlKCdsb2FkaW5nJyk7XG4gICAgICAgICAgICAgICAgICAgICAgICBzd3AuYXV0b3BsYXk/LnN0YXJ0KCk7XG4gICAgICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgICAgIHByb2dyZXNzOiAoc3dwOiBTd2lwZXIpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICAgIHN3cC5zbGlkZXMuZm9yRWFjaCgoc2xpZGUpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBjb25zdCBzbGlkZVByb2dyZXNzID0gKHNsaWRlIGFzIGFueSkucHJvZ3Jlc3MgfHwgMDtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBjb25zdCBpbm5lck9mZnNldCA9IHN3cC53aWR0aCAqIGludGVybGVhdmVPZmZzZXQ7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgY29uc3QgaW5uZXJUcmFuc2xhdGUgPSBzbGlkZVByb2dyZXNzICogaW5uZXJPZmZzZXQ7XG5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBjb25zdCBwYXJhbGxheEJnID0gc2xpZGUucXVlcnlTZWxlY3RvcjxIVE1MRWxlbWVudD4oXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICcuY3Nfc3dpcGVyX3BhcmFsbGF4X2JnJ1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgaWYgKHBhcmFsbGF4QmcpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgcGFyYWxsYXhCZy5zdHlsZS50cmFuc2Zvcm0gPSBgdHJhbnNsYXRlWCgke2lubmVyVHJhbnNsYXRlfXB4KWA7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgICAgIHRvdWNoU3RhcnQ6IGZ1bmN0aW9uICh0aGlzOiBTd2lwZXIpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIHRoaXMuc2xpZGVzLmZvckVhY2goKHNsaWRlKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgKHNsaWRlIGFzIEhUTUxFbGVtZW50KS5zdHlsZS50cmFuc2l0aW9uID0gJyc7XG4gICAgICAgICAgICAgICAgICAgICAgICB9KTtcbiAgICAgICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgICAgICAgc2V0VHJhbnNpdGlvbjogKHN3cDogU3dpcGVyLCB0cmFuc2l0aW9uOiBudW1iZXIpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICAgIHN3cC5zbGlkZXMuZm9yRWFjaCgoc2xpZGUpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAoc2xpZGUgYXMgSFRNTEVsZW1lbnQpLnN0eWxlLnRyYW5zaXRpb24gPVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBgJHt0cmFuc2l0aW9ufW1zYDtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBjb25zdCBwYXJhbGxheEJnID0gc2xpZGUucXVlcnlTZWxlY3RvcjxIVE1MRWxlbWVudD4oXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICcuY3Nfc3dpcGVyX3BhcmFsbGF4X2JnJ1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgaWYgKHBhcmFsbGF4QmcpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgcGFyYWxsYXhCZy5zdHlsZS50cmFuc2l0aW9uID0gYCR7dHJhbnNpdGlvbn1tc2A7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIH07XG5cbiAgICAgICAgICAgIG5ldyBTd2lwZXIocGFyYWxsYXhTbGlkZXJTZWxlY3RvciwgbWFpblNsaWRlck9wdGlvbnMpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgb2JzZXJ2ZVNsaWRlcygpIHtcbiAgICAgICAgaWYgKCFpc1BsYXRmb3JtQnJvd3Nlcih0aGlzLnBsYXRmb3JtKSkgcmV0dXJuO1xuICAgICAgICBjb25zdCB3cmFwcGVyID0gdGhpcy5lbC5uYXRpdmVFbGVtZW50LnF1ZXJ5U2VsZWN0b3IoJy5zd2lwZXItd3JhcHBlcicpO1xuICAgICAgICBpZiAoIXdyYXBwZXIpIHtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuICAgICAgICB0aGlzLm9ic2VydmVyID0gbmV3IE11dGF0aW9uT2JzZXJ2ZXIoKCkgPT4ge1xuICAgICAgICAgICAgLy8gRGVzdHJ1eWUgZSBpbmljaWFsaXphIFN3aXBlciBkZSBudWV2b1xuICAgICAgICAgICAgdGhpcy5pbml0U3dpcGVyU2xpZGVyKCk7XG4gICAgICAgIH0pO1xuICAgICAgICB0aGlzLm9ic2VydmVyLm9ic2VydmUoXG4gICAgICAgICAgICB0aGlzLmVsLm5hdGl2ZUVsZW1lbnQucXVlcnlTZWxlY3RvcignLnN3aXBlci13cmFwcGVyJyksXG4gICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgY2hpbGRMaXN0OiB0cnVlLFxuICAgICAgICAgICAgfVxuICAgICAgICApO1xuICAgIH1cbn1cbiJdfQ==

package/esm2022/lib/directives/babylon-sliders/babylon-swiper.directive.mjs

@@ -0,0 +1,125 @@
+import { isPlatformBrowser } from '@angular/common';
+import { Directive, HostListener, PLATFORM_ID, inject, } from '@angular/core';
+import { tap } from 'rxjs';
+import Swiper, { Navigation } from 'swiper';
+import { Utils } from '../../utils';
+import * as i0 from "@angular/core";
+export class BabylonSwiperSliderV2Directive {
+    constructor(el) {
+        this.el = el;
+        this.platform = inject(PLATFORM_ID);
+        this.swiperSlides = [];
+        // Registramos el módulo de navegación de Swiper
+        Swiper.use([Navigation]);
+    }
+    ngAfterViewInit() {
+        if (!isPlatformBrowser(this.platform))
+            return;
+        // Cargamos el CSS de Swiper y luego inicializamos
+        Utils.loadStyle$('assets/babylon/css/swiper-bundle.min.css')
+            .pipe(tap(() => this.initSwiper()))
+            .subscribe();
+    }
+    ngOnDestroy() {
+        if (!isPlatformBrowser(this.platform))
+            return;
+        if (this.swiperInstance) {
+            try {
+                this.swiperInstance.destroy(true, true);
+            }
+            catch {
+                /* sin drama */
+            }
+        }
+    }
+    initSwiper() {
+        if (!isPlatformBrowser(this.platform))
+            return;
+        const host = this.el.nativeElement;
+        // La directiva se aplica sobre .swiper-container
+        const container = host.classList.contains('swiper-container')
+            ? host
+            : (host.querySelector('.swiper-container') ??
+                host);
+        // Buscamos los botones de navegación dentro del mismo bloque
+        const nextBtn = container
+            .closest('.mdl-experiencias')
+            ?.querySelector('.swiper-button-next');
+        const prevBtn = container
+            .closest('.mdl-experiencias')
+            ?.querySelector('.swiper-button-prev');
+        const options = {
+            slidesPerView: 1,
+            loop: false,
+            navigation: {
+                // Si hay botones dentro de la sección, los usamos.
+                nextEl: nextBtn ?? '.swiper-button-next',
+                prevEl: prevBtn ?? '.swiper-button-prev',
+            },
+            spaceBetween: 24,
+            breakpoints: {
+                0: {
+                    slidesPerView: 1,
+                },
+                500: {
+                    slidesPerView: 2,
+                },
+                1024: {
+                    slidesPerView: 3,
+                },
+                1366: {
+                    slidesPerView: 4,
+                },
+                1680: {
+                    slidesPerView: 5,
+                },
+            },
+        };
+        // Si ya había una instancia, la destruimos antes de crear otra
+        if (this.swiperInstance) {
+            try {
+                this.swiperInstance.destroy(true, true);
+            }
+            catch {
+                /* nada */
+            }
+        }
+        this.swiperInstance = new Swiper(container, options);
+        // Guardamos los slides para la lógica de botonactivo
+        this.swiperSlides = Array.from(container.querySelectorAll('div.swiper-slide'));
+        this.updateBotonActivo();
+    }
+    /** Lógica equivalente a tu función activarBoton() */
+    updateBotonActivo() {
+        if (!isPlatformBrowser(this.platform))
+            return;
+        if (!this.swiperSlides.length)
+            return;
+        const activar = window.innerWidth < 1024;
+        this.swiperSlides.forEach((slide) => {
+            if (activar) {
+                slide.classList.add('botonactivo');
+            }
+            else {
+                slide.classList.remove('botonactivo');
+            }
+        });
+    }
+    // Sustituimos el addEventListener de tu JS por HostListener
+    onResize() {
+        this.updateBotonActivo();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonSwiperSliderV2Directive, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: BabylonSwiperSliderV2Directive, isStandalone: true, selector: "[babylonSwiperSliderV2]", host: { listeners: { "window:resize": "onResize()" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonSwiperSliderV2Directive, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[babylonSwiperSliderV2]',
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { onResize: [{
+                type: HostListener,
+                args: ['window:resize']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFieWxvbi1zd2lwZXIuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFieWxvbi9zcmMvbGliL2RpcmVjdGl2ZXMvYmFieWxvbi1zbGlkZXJzL2JhYnlsb24tc3dpcGVyLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUNwRCxPQUFPLEVBRUgsU0FBUyxFQUVULFlBQVksRUFFWixXQUFXLEVBQ1gsTUFBTSxHQUNULE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDM0IsT0FBTyxNQUFNLEVBQUUsRUFBRSxVQUFVLEVBQWlCLE1BQU0sUUFBUSxDQUFDO0FBQzNELE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxhQUFhLENBQUM7O0FBTXBDLE1BQU0sT0FBTyw4QkFBOEI7SUFPdkMsWUFBb0IsRUFBMkI7UUFBM0IsT0FBRSxHQUFGLEVBQUUsQ0FBeUI7UUFKOUIsYUFBUSxHQUFHLE1BQU0sQ0FBQyxXQUFXLENBQUMsQ0FBQztRQUV4QyxpQkFBWSxHQUFrQixFQUFFLENBQUM7UUFHckMsZ0RBQWdEO1FBQ2hELE1BQU0sQ0FBQyxHQUFHLENBQUMsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDO0lBQzdCLENBQUM7SUFFRCxlQUFlO1FBQ1gsSUFBSSxDQUFDLGlCQUFpQixDQUFDLElBQUksQ0FBQyxRQUFRLENBQUM7WUFBRSxPQUFPO1FBRTlDLGtEQUFrRDtRQUNsRCxLQUFLLENBQUMsVUFBVSxDQUFDLDBDQUEwQyxDQUFDO2FBQ3ZELElBQUksQ0FBQyxHQUFHLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDLENBQUM7YUFDbEMsU0FBUyxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUVELFdBQVc7UUFDUCxJ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Q0FBQzthQUN0QztpQkFBTTtnQkFDSCxLQUFLLENBQUMsU0FBUyxDQUFDLE1BQU0sQ0FBQyxhQUFhLENBQUMsQ0FBQzthQUN6QztRQUNMLENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQztJQUVELDREQUE0RDtJQUU1RCxRQUFRO1FBQ0osSUFBSSxDQUFDLGlCQUFpQixFQUFFLENBQUM7SUFDN0IsQ0FBQzsrR0F4SFEsOEJBQThCO21HQUE5Qiw4QkFBOEI7OzRGQUE5Qiw4QkFBOEI7a0JBSjFDLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLHlCQUF5QjtvQkFDbkMsVUFBVSxFQUFFLElBQUk7aUJBQ25COytFQXVIRyxRQUFRO3NCQURQLFlBQVk7dUJBQUMsZUFBZSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGlzUGxhdGZvcm1Ccm93c2VyIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7XG4gICAgQWZ0ZXJWaWV3SW5pdCxcbiAgICBEaXJlY3RpdmUsXG4gICAgRWxlbWVudFJlZixcbiAgICBIb3N0TGlzdGVuZXIsXG4gICAgT25EZXN0cm95LFxuICAgIFBMQVRGT1JNX0lELFxuICAgIGluamVjdCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyB0YXAgfSBmcm9tICdyeGpzJztcbmltcG9ydCBTd2lwZXIsIHsgTmF2aWdhdGlvbiwgU3dpcGVyT3B0aW9ucyB9IGZyb20gJ3N3aXBlcic7XG5pbXBvcnQgeyBVdGlscyB9IGZyb20gJy4uLy4uL3V0aWxzJztcblxuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6ICdbYmFieWxvblN3aXBlclNsaWRlclYyXScsXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbn0pXG5leHBvcnQgY2xhc3MgQmFieWxvblN3aXBlclNsaWRlclYyRGlyZWN0aXZlXG4gICAgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0LCBPbkRlc3Ryb3lcbntcbiAgICBwcml2YXRlIHJlYWRvbmx5IHBsYXRmb3JtID0gaW5qZWN0KFBMQVRGT1JNX0lEKTtcbiAgICBwcml2YXRlIHN3aXBlckluc3RhbmNlPzogU3dpcGVyO1xuICAgIHByaXZhdGUgc3dpcGVyU2xpZGVzOiBIVE1MRWxlbWVudFtdID0gW107XG5cbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIGVsOiBFbGVtZW50UmVmPEhUTUxFbGVtZW50Pikge1xuICAgICAgICAvLyBSZWdpc3RyYW1vcyBlbCBtw7NkdWxvIGRlIG5hdmVnYWNpw7NuIGRlIFN3aXBlclxuICAgICAgICBTd2lwZXIudXNlKFtOYXZpZ2F0aW9uXSk7XG4gICAgfVxuXG4gICAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgICAgICBpZiAoIWlzUGxhdGZvcm1Ccm93c2VyKHRoaXMucGxhdGZvcm0pKSByZXR1cm47XG5cbiAgICAgICAgLy8gQ2FyZ2Ftb3MgZWwgQ1NTIGRlIFN3aXBlciB5IGx1ZWdvIGluaWNpYWxpemFtb3NcbiAgICAgICAgVXRpbHMubG9hZFN0eWxlJCgnYXNzZXRzL2JhYnlsb24vY3NzL3N3aXBlci1idW5kbGUubWluLmNzcycpXG4gICAgICAgICAgICAucGlwZSh0YXAoKCkgPT4gdGhpcy5pbml0U3dpcGVyKCkpKVxuICAgICAgICAgICAgLnN1YnNjcmliZSgpO1xuICAgIH1cblxuICAgIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgICAgICBpZiAoIWlzUGxhdGZvcm1Ccm93c2VyKHRoaXMucGxhdGZvcm0pKSByZXR1cm47XG5cbiAgICAgICAgaWYgKHRoaXMuc3dpcGVySW5zdGFuY2UpIHtcbiAgICAgICAgICAgIHRyeSB7XG4gICAgICAgICAgICAgICAgdGhpcy5zd2lwZXJJbnN0YW5jZS5kZXN0cm95KHRydWUsIHRydWUpO1xuICAgICAgICAgICAgfSBjYXRjaCB7XG4gICAgICAgICAgICAgICAgLyogc2luIGRyYW1hICovXG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBwcml2YXRlIGluaXRTd2lwZXIoKTogdm9pZCB7XG4gICAgICAgIGlmICghaXNQbGF0Zm9ybUJyb3dzZXIodGhpcy5wbGF0Zm9ybSkpIHJldHVybjtcblxuICAgICAgICBjb25zdCBob3N0ID0gdGhpcy5lbC5uYXRpdmVFbGVtZW50O1xuXG4gICAgICAgIC8vIExhIGRpcmVjdGl2YSBzZSBhcGxpY2Egc29icmUgLnN3aXBlci1jb250YWluZXJcbiAgICAgICAgY29uc3QgY29udGFpbmVyID0gaG9zdC5jbGFzc0xpc3QuY29udGFpbnMoJ3N3aXBlci1jb250YWluZXInKVxuICAgICAgICAgICAgPyBob3N0XG4gICAgICAgICAgICA6ICgoaG9zdC5xdWVyeVNlbGVjdG9yKCcuc3dpcGVyLWNvbnRhaW5lcicpIGFzIEhUTUxFbGVtZW50KSA/P1xuICAgICAgICAgICAgICBob3N0KTtcblxuICAgICAgICAvLyBCdXNjYW1vcyBsb3MgYm90b25lcyBkZSBuYXZlZ2FjacOzbiBkZW50cm8gZGVsIG1pc21vIGJsb3F1ZVxuICAgICAgICBjb25zdCBuZXh0QnRuID0gY29udGFpbmVyXG4gICAgICAgICAgICAuY2xvc2VzdCgnLm1kbC1leHBlcmllbmNpYXMnKVxuICAgICAgICAgICAgPy5xdWVyeVNlbGVjdG9yKCcuc3dpcGVyLWJ1dHRvbi1uZXh0JykgYXMgSFRNTEVsZW1lbnQgfCBudWxsO1xuXG4gICAgICAgIGNvbnN0IHByZXZCdG4gPSBjb250YWluZXJcbiAgICAgICAgICAgIC5jbG9zZXN0KCcubWRsLWV4cGVyaWVuY2lhcycpXG4gICAgICAgICAgICA/LnF1ZXJ5U2VsZWN0b3IoJy5zd2lwZXItYnV0dG9uLXByZXYnKSBhcyBIVE1MRWxlbWVudCB8IG51bGw7XG5cbiAgICAgICAgY29uc3Qgb3B0aW9uczogU3dpcGVyT3B0aW9ucyA9IHtcbiAgICAgICAgICAgIHNsaWRlc1BlclZpZXc6IDEsXG4gICAgICAgICAgICBsb29wOiBmYWxzZSxcbiAgICAgICAgICAgIG5hdmlnYXRpb246IHtcbiAgICAgICAgICAgICAgICAvLyBTaSBoYXkgYm90b25lcyBkZW50cm8gZGUgbGEgc2VjY2nDs24sIGxvcyB1c2Ftb3MuXG4gICAgICAgICAgICAgICAgbmV4dEVsOiBuZXh0QnRuID8/ICcuc3dpcGVyLWJ1dHRvbi1uZXh0JyxcbiAgICAgICAgICAgICAgICBwcmV2RWw6IHByZXZCdG4gPz8gJy5zd2lwZXItYnV0dG9uLXByZXYnLFxuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIHNwYWNlQmV0d2VlbjogMjQsXG4gICAgICAgICAgICBicmVha3BvaW50czoge1xuICAgICAgICAgICAgICAgIDA6IHtcbiAgICAgICAgICAgICAgICAgICAgc2xpZGVzUGVyVmlldzogMSxcbiAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgIDUwMDoge1xuICAgICAgICAgICAgICAgICAgICBzbGlkZXNQZXJWaWV3OiAyLFxuICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgMTAyNDoge1xuICAgICAgICAgICAgICAgICAgICBzbGlkZXNQZXJWaWV3OiAzLFxuICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgMTM2Njoge1xuICAgICAgICAgICAgICAgICAgICBzbGlkZXNQZXJWaWV3OiA0LFxuICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgMTY4MDoge1xuICAgICAgICAgICAgICAgICAgICBzbGlkZXNQZXJWaWV3OiA1LFxuICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICB9LFxuICAgICAgICB9O1xuXG4gICAgICAgIC8vIFNpIHlhIGhhYsOtYSB1bmEgaW5zdGFuY2lhLCBsYSBkZXN0cnVpbW9zIGFudGVzIGRlIGNyZWFyIG90cmFcbiAgICAgICAgaWYgKHRoaXMuc3dpcGVySW5zdGFuY2UpIHtcbiAgICAgICAgICAgIHRyeSB7XG4gICAgICAgICAgICAgICAgdGhpcy5zd2lwZXJJbnN0YW5jZS5kZXN0cm95KHRydWUsIHRydWUpO1xuICAgICAgICAgICAgfSBjYXRjaCB7XG4gICAgICAgICAgICAgICAgLyogbmFkYSAqL1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgdGhpcy5zd2lwZXJJbnN0YW5jZSA9IG5ldyBTd2lwZXIoY29udGFpbmVyLCBvcHRpb25zKTtcblxuICAgICAgICAvLyBHdWFyZGFtb3MgbG9zIHNsaWRlcyBwYXJhIGxhIGzDs2dpY2EgZGUgYm90b25hY3Rpdm9cbiAgICAgICAgdGhpcy5zd2lwZXJTbGlkZXMgPSBBcnJheS5mcm9tKFxuICAgICAgICAgICAgY29udGFpbmVyLnF1ZXJ5U2VsZWN0b3JBbGw8SFRNTEVsZW1lbnQ+KCdkaXYuc3dpcGVyLXNsaWRlJylcbiAgICAgICAgKTtcblxuICAgICAgICB0aGlzLnVwZGF0ZUJvdG9uQWN0aXZvKCk7XG4gICAgfVxuXG4gICAgLyoqIEzDs2dpY2EgZXF1aXZhbGVudGUgYSB0dSBmdW5jacOzbiBhY3RpdmFyQm90b24oKSAqL1xuICAgIHByaXZhdGUgdXBkYXRlQm90b25BY3Rpdm8oKTogdm9pZCB7XG4gICAgICAgIGlmICghaXNQbGF0Zm9ybUJyb3dzZXIodGhpcy5wbGF0Zm9ybSkpIHJldHVybjtcbiAgICAgICAgaWYgKCF0aGlzLnN3aXBlclNsaWRlcy5sZW5ndGgpIHJldHVybjtcblxuICAgICAgICBjb25zdCBhY3RpdmFyID0gd2luZG93LmlubmVyV2lkdGggPCAxMDI0O1xuXG4gICAgICAgIHRoaXMuc3dpcGVyU2xpZGVzLmZvckVhY2goKHNsaWRlKSA9PiB7XG4gICAgICAgICAgICBpZiAoYWN0aXZhcikge1xuICAgICAgICAgICAgICAgIHNsaWRlLmNsYXNzTGlzdC5hZGQoJ2JvdG9uYWN0aXZvJyk7XG4gICAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgICAgIHNsaWRlLmNsYXNzTGlzdC5yZW1vdmUoJ2JvdG9uYWN0aXZvJyk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH0pO1xuICAgIH1cblxuICAgIC8vIFN1c3RpdHVpbW9zIGVsIGFkZEV2ZW50TGlzdGVuZXIgZGUgdHUgSlMgcG9yIEhvc3RMaXN0ZW5lclxuICAgIEBIb3N0TGlzdGVuZXIoJ3dpbmRvdzpyZXNpemUnKVxuICAgIG9uUmVzaXplKCkge1xuICAgICAgICB0aGlzLnVwZGF0ZUJvdG9uQWN0aXZvKCk7XG4gICAgfVxufVxuIl19

package/esm2022/lib/directives/data-background/data-background.directive.mjs

@@ -0,0 +1,37 @@
+import { isPlatformBrowser } from '@angular/common';
+import { Directive, inject, Input, PLATFORM_ID, } from '@angular/core';
+import * as i0 from "@angular/core";
+export class BabylonDataBackgroundDirective {
+    constructor(el, renderer) {
+        this.el = el;
+        this.renderer = renderer;
+        this.platform = inject(PLATFORM_ID);
+    }
+    ngOnChanges(changes) {
+        if (!isPlatformBrowser(this.platform)) {
+            return;
+        }
+        const element = this.el.nativeElement;
+        const observer = new IntersectionObserver((entries, observer) => {
+            entries.forEach((entry) => {
+                if (entry.isIntersecting) {
+                    this.renderer.setStyle(element, 'background-image', this.dataBackground);
+                    observer.unobserve(element);
+                }
+            });
+        });
+        observer.observe(element);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonDataBackgroundDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: BabylonDataBackgroundDirective, isStandalone: true, selector: "[dataBackground]", inputs: { dataBackground: "dataBackground" }, usesOnChanges: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonDataBackgroundDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[dataBackground]',
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { dataBackground: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YS1iYWNrZ3JvdW5kLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2JhYnlsb24vc3JjL2xpYi9kaXJlY3RpdmVzL2RhdGEtYmFja2dyb3VuZC9kYXRhLWJhY2tncm91bmQuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3BELE9BQU8sRUFDSCxTQUFTLEVBRVQsTUFBTSxFQUNOLEtBQUssRUFFTCxXQUFXLEdBR2QsTUFBTSxlQUFlLENBQUM7O0FBTXZCLE1BQU0sT0FBTyw4QkFBOEI7SUFJdkMsWUFDcUIsRUFBYyxFQUNkLFFBQW1CO1FBRG5CLE9BQUUsR0FBRixFQUFFLENBQVk7UUFDZCxhQUFRLEdBQVIsUUFBUSxDQUFXO1FBSnZCLGFBQVEsR0FBRyxNQUFNLENBQUMsV0FBVyxDQUFDLENBQUM7SUFLN0MsQ0FBQztJQUVKLFdBQVcsQ0FBQyxPQUFzQjtRQUM5QixJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxFQUFFO1lBQ25DLE9BQU87U0FDVjtRQUVELE1BQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxFQUFFLENBQUMsYUFBYSxDQUFDO1FBRXRDLE1BQU0sUUFBUSxHQUFHLElBQUksb0JBQW9CLENBQUMsQ0FBQyxPQUFPLEVBQUUsUUFBUSxFQUFFLEVBQUU7WUFDNUQsT0FBTyxDQUFDLE9BQU8sQ0FBQyxDQUFDLEtBQUssRUFBRSxFQUFFO2dCQUN0QixJQUFJLEtBQUssQ0FBQyxjQUFjLEVBQUU7b0JBQ3RCLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUNsQixPQUFPLEVBQ1Asa0JBQWtCLEVBQ2xCLElBQUksQ0FBQyxjQUFjLENBQ3RCLENBQUM7b0JBQ0YsUUFBUSxDQUFDLFNBQVMsQ0FBQyxPQUFPLENBQUMsQ0FBQztpQkFDL0I7WUFDTCxDQUFDLENBQUMsQ0FBQztRQUNQLENBQUMsQ0FBQyxDQUFDO1FBRUgsUUFBUSxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUM5QixDQUFDOytHQTlCUSw4QkFBOEI7bUdBQTlCLDhCQUE4Qjs7NEZBQTlCLDhCQUE4QjtrQkFKMUMsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsa0JBQWtCO29CQUM1QixVQUFVLEVBQUUsSUFBSTtpQkFDbkI7dUdBRVksY0FBYztzQkFBdEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGlzUGxhdGZvcm1Ccm93c2VyIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7XG4gICAgRGlyZWN0aXZlLFxuICAgIEVsZW1lbnRSZWYsXG4gICAgaW5qZWN0LFxuICAgIElucHV0LFxuICAgIE9uQ2hhbmdlcyxcbiAgICBQTEFURk9STV9JRCxcbiAgICBSZW5kZXJlcjIsXG4gICAgU2ltcGxlQ2hhbmdlcyxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBEaXJlY3RpdmUoe1xuICAgIHNlbGVjdG9yOiAnW2RhdGFCYWNrZ3JvdW5kXScsXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbn0pXG5leHBvcnQgY2xhc3MgQmFieWxvbkRhdGFCYWNrZ3JvdW5kRGlyZWN0aXZlIGltcGxlbWVudHMgT25DaGFuZ2VzIHtcbiAgICBASW5wdXQoKSBkYXRhQmFja2dyb3VuZD86IHN0cmluZztcbiAgICBwcml2YXRlIHJlYWRvbmx5IHBsYXRmb3JtID0gaW5qZWN0KFBMQVRGT1JNX0lEKTtcblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBwcml2YXRlIHJlYWRvbmx5IGVsOiBFbGVtZW50UmVmLFxuICAgICAgICBwcml2YXRlIHJlYWRvbmx5IHJlbmRlcmVyOiBSZW5kZXJlcjJcbiAgICApIHt9XG5cbiAgICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XG4gICAgICAgIGlmICghaXNQbGF0Zm9ybUJyb3dzZXIodGhpcy5wbGF0Zm9ybSkpIHtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuXG4gICAgICAgIGNvbnN0IGVsZW1lbnQgPSB0aGlzLmVsLm5hdGl2ZUVsZW1lbnQ7XG5cbiAgICAgICAgY29uc3Qgb2JzZXJ2ZXIgPSBuZXcgSW50ZXJzZWN0aW9uT2JzZXJ2ZXIoKGVudHJpZXMsIG9ic2VydmVyKSA9PiB7XG4gICAgICAgICAgICBlbnRyaWVzLmZvckVhY2goKGVudHJ5KSA9PiB7XG4gICAgICAgICAgICAgICAgaWYgKGVudHJ5LmlzSW50ZXJzZWN0aW5nKSB7XG4gICAgICAgICAgICAgICAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUoXG4gICAgICAgICAgICAgICAgICAgICAgICBlbGVtZW50LFxuICAgICAgICAgICAgICAgICAgICAgICAgJ2JhY2tncm91bmQtaW1hZ2UnLFxuICAgICAgICAgICAgICAgICAgICAgICAgdGhpcy5kYXRhQmFja2dyb3VuZFxuICAgICAgICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgICAgICAgICBvYnNlcnZlci51bm9ic2VydmUoZWxlbWVudCk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfSk7XG4gICAgICAgIH0pO1xuXG4gICAgICAgIG9ic2VydmVyLm9ic2VydmUoZWxlbWVudCk7XG4gICAgfVxufVxuIl19