ngx-edge-slider 1.0.1 → 2.0.1

package/README.md

@@ -1,104 +1,24 @@
-Edge Slider is a flexible and customizable slider component for Angular applications. It offers an intuitive interface to manage slides with various configurable options, enabling smooth transitions, autoplay, and responsive design. This component is ideal for creating interactive image galleries, product carousels, content sliders, and more.
-
-Features:
-Customizable Slide Configurations: Easily control slide behavior, width, autoplay, loop, and more.
-Draggable: Allow users to manually drag slides for an interactive experience.
-Autoplay: Set an automatic slideshow with configurable delay time.
-Slide Navigation & Pagination: Enable navigation arrows and pagination with customizable positions.
-Responsive Design: Configure different breakpoints for mobile, tablet, and desktop to ensure your slider works well across devices.
-Vertical/Horizontal Mode: Support for both vertical and horizontal slides, with smooth transitions.
-Customizable Title: Add and position titles for each slide.
-Flexible Navigation: Easily enable navigation buttons with hover effect support.
-Configurable Breakpoints: Tailor slide behavior and appearance at different screen sizes for optimal performance on all devices.
-SlideConfig Object:
-title: Optional title for each slide.
-titlePosition: Customize the position of the slide title.
-draggable: Enable or disable draggable functionality.
-slides: The array of slides to be displayed.
-slidesToSlide: Number of slides to move when navigating.
-slideChangeDelay: Time delay (in milliseconds) between slide transitions.
-slidesPerView: Number of slides visible at a time.
-slideWidth: Optional custom width for each slide.
-changeToClickedSlide: Automatically change to the clicked slide.
-autoPlay: Enable automatic slide transitions.
-delay: Delay in milliseconds between slides when autoplay is enabled.
-loop: Number of times the slides will loop. Set to 0 for infinite looping.
-vertical: If set to true, the slider will display slides vertically.
-navEnabled: Enable navigation arrows.
-navPosition: Position of the navigation arrows.
-navHoverable: If true, navigation arrows will be visible only on hover.
-paginationEnabled: Enable pagination dots.
-paginationPosition: Position of the pagination dots.
-breakpoints: Define slide configuration based on breakpoints for responsive behavior (mobile, tablet, desktop).
-Responsive Support:
-Configure the slider's behavior for different screen sizes using breakpoints. The library allows customization for:
-
-Mobile (mobile): Custom slide configuration for mobile devices.
-Tablet (tablet): Tailored configuration for tablet-sized screens.
-Desktop (desktop): Adjustments for desktop layouts.
-Usage Example:
-To use the Edge Slider in your Angular 17+ application, follow the steps below:
-
-Import the Module: First, import the EdgeSliderModule into your AppModule or the module where you want to use the slider.
-typescript
-Copy code
-import { EdgeSliderModule } from '@your-username/edge-slider';
-
-@NgModule({
-  imports: [EdgeSliderModule],
-  // other configurations...
-})
-export class AppModule { }
-Component HTML: You can use the lib-ngx-edge-slider component in your template. Here's how to initialize it in your Angular component.
-
-<!-- Initialize EdgeSlider component in your template -->
-<lib-ngx-edge-slider *ngIf="sliderConfig.slides?.length"
-    [config]="sliderConfig" 
-    id="EdgeSlider"
-    [slideTemplate]="EdgeSliderTemplate" 
-    (onSlideChange)="onSlideChange($event)">
-</lib-ngx-edge-slider>
-
-<!-- Define the template for the slides -->
-<ng-template #EdgeSliderTemplate let-slide="slide" let-index="currentSlide">
-    <!-- Template rendering logic here -->
-    <!-- 'slide' is our entity, and its properties can be accessed, like slide.id, slide.image -->
-    <img [src]="slide.image" alt="Slide image">
-</ng-template>
-
-Component TypeScript: In your component's .ts file, define the sliderConfig with the desired slide settings, and create an onSlideChange handler for capturing slide change events.
-typescript
-
-import { Component } from '@angular/core';
-import { SlideConfig } from '@your-username/edge-slider'; // Import your library
-
-@Component({
-  selector: 'app-your-component',
-  templateUrl: './your-component.component.html',
-  styleUrls: ['./your-component.component.css'],
-})
-export class YourComponent {
-  // Define the slider configuration
-  sliderConfig: SlideConfig = new SlideConfig({
-    slides: [
-      { id: 1, image: 'path_to_image_1.jpg' },
-      { id: 2, image: 'path_to_image_2.jpg' },
-      { id: 3, image: 'path_to_image_3.jpg' },
-    ],
-    autoPlay: true,
-    delay: 3000, // Set autoplay delay
-    loop: 0, // Infinite loop
-    slidesToSlide: 1,
-    slidesPerView: 1,
-    navEnabled: true, // Enable navigation
-    paginationEnabled: true, // Enable pagination dots
-  });
-
-  // Handle slide change event
-  onSlideChange(event: any): void {
-    console.log('Slide changed to: ', event);
-  }
-}
-
-Summary
-This package provides an easy-to-integrate, flexible Angular component for building interactive and responsive sliders. With options for autoplay, navigation, pagination, and breakpoints, it adapts to various use cases, making it a powerful tool for displaying image galleries, content carousels, and more.
+# NgxEdgeSlider
+
+This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 18.2.0.
+
+## Code scaffolding
+
+Run `ng generate component component-name --project ngx-edge-slider` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project ngx-edge-slider`.
+> Note: Don't forget to add `--project ngx-edge-slider` or else it will be added to the default project in your `angular.json` file. 
+
+## Build
+
+Run `ng build ngx-edge-slider` to build the project. The build artifacts will be stored in the `dist/` directory.
+
+## Publishing
+
+After building your library with `ng build ngx-edge-slider`, go to the dist folder `cd dist/ngx-edge-slider` and run `npm publish`.
+
+## Running unit tests
+
+Run `ng test ngx-edge-slider` to execute the unit tests via [Karma](https://karma-runner.github.io).
+
+## Further help
+
+To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.

package/esm2022/lib/component/simple-slider.component.mjs

@@ -0,0 +1,192 @@
+import { Component, ChangeDetectionStrategy, Input, EventEmitter, Output, ViewChild, } from "@angular/core";
+import { Subject, takeUntil } from "rxjs";
+import { SliderEngine } from "../engine/slider-engine.service";
+import { SliderStore } from "../store/slider-store.service";
+import { SliderAutoplayPlugin } from "../plugins/autoplay.plugin";
+import { SliderDraggablePlugin } from "../plugins/draggable/draggable.plugin";
+import { SliderNavigationPlugin } from "../plugins/navigation/navigation.plugin";
+import { SliderPaginationPlugin } from "../plugins/pagination/pagination.plugin";
+import { SliderThumbsScrollPlugin } from "../plugins/thumbs/thumbs-scroll.plugin";
+import { CommonModule } from "@angular/common";
+import * as i0 from "@angular/core";
+import * as i1 from "../engine/slider-engine.service";
+import * as i2 from "../store/slider-store.service";
+import * as i3 from "../plugins/draggable/draggable.plugin";
+import * as i4 from "../plugins/pagination/pagination.plugin";
+import * as i5 from "../plugins/navigation/navigation.plugin";
+import * as i6 from "../plugins/autoplay.plugin";
+import * as i7 from "../plugins/thumbs/thumbs-scroll.plugin";
+import * as i8 from "@angular/common";
+export class SimpleSliderComponent {
+    engine;
+    store;
+    draggable;
+    pagination;
+    navigation;
+    autoplay;
+    thumbs;
+    config;
+    slideTemplate;
+    navigationTemplate;
+    paginationTemplate;
+    slideChange = new EventEmitter();
+    isDraggingPointer = false;
+    dragStartX = 0;
+    dragStartY = 0;
+    lastIndex = -1;
+    lastSlidesRef = null;
+    destroy$ = new Subject();
+    state$;
+    sliderHost;
+    constructor(engine, store, draggable, pagination, navigation, autoplay, thumbs) {
+        this.engine = engine;
+        this.store = store;
+        this.draggable = draggable;
+        this.pagination = pagination;
+        this.navigation = navigation;
+        this.autoplay = autoplay;
+        this.thumbs = thumbs;
+    }
+    ngOnInit() {
+        this.state$ = this.store.view$;
+        this.state$.pipe(takeUntil(this.destroy$)).subscribe((state) => {
+            if (state.currentSlide !== this.lastIndex) {
+                this.lastIndex = state.currentSlide;
+                this.slideChange.emit(state.currentSlide);
+            }
+        });
+        this.lastSlidesRef = this.config?.slides ?? null;
+        this.engine.init({ ...this.config, plugins: this.config.plugins });
+    }
+    ngAfterViewInit() {
+        if (this.sliderHost?.nativeElement) {
+            this.engine.attachContainer(this.sliderHost.nativeElement);
+        }
+    }
+    ngOnChanges(changes) {
+        if (!changes["config"] || !this.config)
+            return;
+        const newSlidesRef = this.config.slides ?? null;
+        if (newSlidesRef !== this.lastSlidesRef) {
+            this.lastSlidesRef = newSlidesRef;
+            this.engine.destroy();
+            this.resolvePlugins(this.config);
+        }
+    }
+    ngOnDestroy() {
+        this.destroySlider();
+    }
+    goTo(index) {
+        this.engine.selectSlide(index); // add this line
+        //this.slideChange.emit(index);
+    }
+    destroySlider() {
+        this.destroy$.next();
+        this.destroy$.complete();
+        this.engine.destroy();
+    } // destroys plugins and clears store
+    onNext() {
+        this.engine.next();
+    }
+    onPrevious() {
+        this.engine.previous();
+    }
+    selectSlide(index) {
+        this.engine.selectSlide(index);
+    }
+    // Handle Pointers
+    onPointerDown(event) {
+        this.dragStartX = event.clientX;
+        this.dragStartY = event.clientY;
+        this.isDraggingPointer = false;
+        // Do not capture yet; wait until movement exceeds threshold
+        this.engine.handleDragStart(event);
+    }
+    onPointerMove(event) {
+        const dx = Math.abs(event.clientX - this.dragStartX);
+        const dy = Math.abs(event.clientY - this.dragStartY);
+        if (!this.isDraggingPointer && (dx > 5 || dy > 5)) {
+            this.isDraggingPointer = true;
+            // Now start capturing pointer so dragging works outside the slider bounds
+            event.currentTarget.setPointerCapture(event.pointerId);
+        }
+        if (this.isDraggingPointer) {
+            this.engine.handleDragMove(event);
+        }
+    }
+    onPointerUp(event) {
+        if (!event)
+            return;
+        if (!this.isDraggingPointer) {
+            const target = event.target;
+            // Only select the slide if click is not on an interactive child
+            const slideEl = target.closest(".slide");
+            if (slideEl && !target.closest("button, video, a")) {
+                const indexAttr = slideEl.getAttribute("data-index");
+                const index = indexAttr ? parseInt(indexAttr, 10) : null;
+                if (index !== null)
+                    this.engine.selectSlide(index);
+            }
+        }
+        this.engine.handleDragEnd();
+        this.isDraggingPointer = false;
+        // Release pointer capture if it was captured
+        try {
+            event.currentTarget.releasePointerCapture(event.pointerId);
+        }
+        catch { }
+    }
+    resolvePlugins(config) {
+        const runtimePlugins = [];
+        const cfg = config.plugins;
+        if (cfg?.draggable)
+            runtimePlugins.push(this.draggable);
+        if (cfg?.pagination)
+            runtimePlugins.push(this.pagination);
+        if (cfg?.navigation)
+            runtimePlugins.push(this.navigation);
+        if (cfg?.autoplay) {
+            this.autoplay.setConfig(cfg.autoplay);
+            runtimePlugins.push(this.autoplay);
+        }
+        if (cfg?.thumbs)
+            runtimePlugins.push(this.thumbs);
+        this.engine.init({ ...config, plugins: undefined }, runtimePlugins);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SimpleSliderComponent, deps: [{ token: i1.SliderEngine }, { token: i2.SliderStore }, { token: i3.SliderDraggablePlugin }, { token: i4.SliderPaginationPlugin }, { token: i5.SliderNavigationPlugin }, { token: i6.SliderAutoplayPlugin }, { token: i7.SliderThumbsScrollPlugin }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: SimpleSliderComponent, isStandalone: true, selector: "app-simple-slider", inputs: { config: "config", slideTemplate: "slideTemplate", navigationTemplate: "navigationTemplate", paginationTemplate: "paginationTemplate" }, outputs: { slideChange: "slideChange" }, providers: [
+            SliderEngine,
+            SliderStore,
+            SliderDraggablePlugin,
+            SliderPaginationPlugin,
+            SliderNavigationPlugin,
+            SliderAutoplayPlugin,
+            SliderThumbsScrollPlugin,
+        ], viewQueries: [{ propertyName: "sliderHost", first: true, predicate: ["sliderHost"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"state$ | async as state\">\r\n  <div\r\n    class=\"slider\"\r\n    #sliderHost\r\n    [class.slider-vertical]=\"state.vertical\"\r\n    [class.slider-draggable]=\"state.isDragging\"\r\n    [class.slider--main]=\"!config.isThumbs\"\r\n    [class.slider--thumbs]=\"config.isThumbs\"\r\n    *ngIf=\"state.visibleSlides?.length > 0 && state.isVisible\"\r\n    (pointerdown)=\"onPointerDown($event)\"\r\n    (pointermove)=\"onPointerMove($event)\"\r\n    (pointerup)=\"onPointerUp($event)\"\r\n    (pointercancel)=\"onPointerUp($event)\">\r\n    <div\r\n      class=\"slider__wrapper\"\r\n      [ngStyle]=\"{\r\n        transform: state.translate,\r\n        transition: state.transition,\r\n        display: 'flex',\r\n        'flex-direction': state.vertical ? 'column' : 'row',\r\n        'justify-content': state.visibleSlides?.length < state.slidesPerView ? 'center' : 'flex-start',\r\n        gap: (state.slidesPerView > 1 ? state.gap || 0 : 0) + 'px',\r\n      }\">\r\n      <div\r\n        *ngFor=\"let slide of state.visibleSlides; let i = index\"\r\n        class=\"slide\"\r\n        [attr.data-index]=\"i\"\r\n        [class.slide--current]=\"state.selectedSlide === i\"\r\n        [style.flex]=\"\r\n          !config.isThumbs\r\n            ? '0 0 calc(' +\r\n              100 / state.slidesPerView +\r\n              '% - ' +\r\n              ((state.gap || 0) * (state.slidesPerView - 1)) / state.slidesPerView +\r\n              'px)'\r\n            : '0 0 ' + thumbSize + 'px'\r\n        \"\r\n        [style.width]=\"config.isThumbs ? thumbSize + 'px' : null\"\r\n        [style.height]=\"config.isThumbs ? thumbSize + 'px' : null\"\r\n        (click)=\"engine.selectSlide(i)\">\r\n        <ng-container\r\n          *ngTemplateOutlet=\"slideTemplate ? slideTemplate : defaultSlideTemplate; context: { slide: slide, index: i }\"></ng-container>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</ng-container>\r\n", styles: [".slider-main-product{display:inline-flex;height:520px}.slider-main{width:100%;height:600px;justify-content:center;display:flex}@media (max-width: 577px){.slider-main{height:100%;display:block}}.slider--main{height:100%;overflow:hidden}.slider--main .slider__wrapper{display:flex;will-change:transform}.slider--main .slider__wrapper .slide{flex:0 0 100%}.slider--main .slider__wrapper .slide .slide-content,.slider--main .slider__wrapper .slide picture{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.slider--main .slider__wrapper .slide .slide-content .drag-handle,.slider--main .slider__wrapper .slide picture .drag-handle{width:100%;height:100%;cursor:grab;z-index:10;pointer-events:all}.slider--main .slider__wrapper .slide .slide-content img,.slider--main .slider__wrapper .slide picture img{max-width:100%;max-height:100%;object-fit:contain;display:block;transform-origin:center;transform:translateZ(0);pointer-events:none}.slider--thumbs{margin-top:24px;margin-bottom:36px;height:70px!important}.slider--thumbs .slider__wrapper{display:flex;gap:8px;will-change:transform;transform:translateZ(0)}.slider--thumbs .slide{flex:0 0 auto;pointer-events:auto}.slider--thumbs .slide .slide-content{width:54px;height:68px;display:flex;align-items:center;justify-content:center;border:1px solid #ebebeb;cursor:pointer}.slider--thumbs .slide .slide-content img{max-width:100%;max-height:100%;object-fit:contain;display:block;transform:scale(.9)}.slider--thumbs .slide .slide-content.slide--current{border-color:#212121}.slider{width:100%;height:100%;overflow:hidden;position:relative;touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.slider.slider-draggable{cursor:grabbing}.slider .slider__wrapper{display:flex;transition:transform .3s cubic-bezier(.25,.46,.45,.84);will-change:transform;transform:none;width:auto;height:100%}.slider .slide{display:flex;align-items:center;justify-content:center;height:100%;overflow:hidden;flex-shrink:0;position:relative;transition:transform .3s cubic-bezier(.25,.46,.45,.84)}@media (min-width: 1441px){.slider--thumbs .slide{flex:0 0 20%}}@media (max-width: 1024px){.slider--thumbs .slide{flex:0 0 33.333%}}@media (max-width: 1023px){.slider--thumbs .slide{flex:0 0 50%}}.slider-arrow-next,.slider-arrow-prev{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:32px;background:#fffc no-repeat center center;cursor:pointer;z-index:10}.slider-arrow-next.next,.slider-arrow-prev.next{right:10px}.slider-arrow-next.prev,.slider-arrow-prev.prev{left:10px}.thumbs-wrapper{position:relative}.thumb-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:20;width:48px;height:48px;background:#ffffffe6 url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='4.51 0.01 10.99 19.97'%3E%3Cpath fill='%23000' d='m4.508 18.968 1.006 1.006 9.983-9.984L5.514.005 4.508 1.011l8.984 8.984-8.984 8.973Z'/%3E%3C/svg%3E\") no-repeat center center/11px 18px;font-size:36px;line-height:56px;opacity:0;pointer-events:none;transition:opacity .2s ease}.thumb-nav.activeArrow{opacity:1;pointer-events:all}.thumb-nav--left{left:-73px;transform:translateY(-50%) rotate(180deg)!important}.thumb-nav--right{right:-65px}.slider-pagination .thumb-dots-wrapper{display:flex;align-items:center;justify-content:center;gap:7px}.slider-pagination .thumb-dots-wrapper .thumb-dot{display:inline-block;width:4px;height:4px;margin:0 0 0 8px;border-radius:50%;background:#b3b3b3}.slider-pagination .thumb-dots-wrapper .thumb-dot.active,.slider-pagination .thumb-dots-wrapper .thumb-dot:hover{background:#212121;border:1px solid #212121}.slider-pagination .thumb-dots-wrapper .thumb-dot.hidden{opacity:0;pointer-events:none}.navigation-slider{position:relative}.navigation-slider app-simple-slider{position:relative;z-index:1}.navigation-slider .nav-btn{position:absolute;z-index:10;border:0;cursor:pointer;width:42px;height:42px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:transparent;box-shadow:unset;font-size:32px;line-height:1;transition:transform .15s ease,opacity .15s ease}.navigation-slider .nav-btn:hover{transform:translateY(-1px)}.navigation-slider .nav-btn.is-hidden{color:#a0a0a58d;pointer-events:none}.navigation-slider.nav--top-left .nav-btn--prev{top:12px;left:12px}.navigation-slider.nav--top-left .nav-btn--next{top:12px;left:56px}.navigation-slider.nav--center-sides .nav-btn--prev{top:50%;left:10px;transform:translateY(-50%)}.navigation-slider.nav--center-sides .nav-btn--next{top:50%;right:10px;transform:translateY(-50%)}.navigation-slider.nav--center-sides .nav-btn:hover{transform:translateY(-50%) translateY(-1px)}.navigation-slider.nav--top-right-compact .nav-btn--next{top:-50px;right:0}.navigation-slider.nav--top-right-compact .nav-btn--prev{top:-50px;right:60px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i8.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i8.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i8.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: i8.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SimpleSliderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "app-simple-slider", changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule], providers: [
+                        SliderEngine,
+                        SliderStore,
+                        SliderDraggablePlugin,
+                        SliderPaginationPlugin,
+                        SliderNavigationPlugin,
+                        SliderAutoplayPlugin,
+                        SliderThumbsScrollPlugin,
+                    ], template: "<ng-container *ngIf=\"state$ | async as state\">\r\n  <div\r\n    class=\"slider\"\r\n    #sliderHost\r\n    [class.slider-vertical]=\"state.vertical\"\r\n    [class.slider-draggable]=\"state.isDragging\"\r\n    [class.slider--main]=\"!config.isThumbs\"\r\n    [class.slider--thumbs]=\"config.isThumbs\"\r\n    *ngIf=\"state.visibleSlides?.length > 0 && state.isVisible\"\r\n    (pointerdown)=\"onPointerDown($event)\"\r\n    (pointermove)=\"onPointerMove($event)\"\r\n    (pointerup)=\"onPointerUp($event)\"\r\n    (pointercancel)=\"onPointerUp($event)\">\r\n    <div\r\n      class=\"slider__wrapper\"\r\n      [ngStyle]=\"{\r\n        transform: state.translate,\r\n        transition: state.transition,\r\n        display: 'flex',\r\n        'flex-direction': state.vertical ? 'column' : 'row',\r\n        'justify-content': state.visibleSlides?.length < state.slidesPerView ? 'center' : 'flex-start',\r\n        gap: (state.slidesPerView > 1 ? state.gap || 0 : 0) + 'px',\r\n      }\">\r\n      <div\r\n        *ngFor=\"let slide of state.visibleSlides; let i = index\"\r\n        class=\"slide\"\r\n        [attr.data-index]=\"i\"\r\n        [class.slide--current]=\"state.selectedSlide === i\"\r\n        [style.flex]=\"\r\n          !config.isThumbs\r\n            ? '0 0 calc(' +\r\n              100 / state.slidesPerView +\r\n              '% - ' +\r\n              ((state.gap || 0) * (state.slidesPerView - 1)) / state.slidesPerView +\r\n              'px)'\r\n            : '0 0 ' + thumbSize + 'px'\r\n        \"\r\n        [style.width]=\"config.isThumbs ? thumbSize + 'px' : null\"\r\n        [style.height]=\"config.isThumbs ? thumbSize + 'px' : null\"\r\n        (click)=\"engine.selectSlide(i)\">\r\n        <ng-container\r\n          *ngTemplateOutlet=\"slideTemplate ? slideTemplate : defaultSlideTemplate; context: { slide: slide, index: i }\"></ng-container>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</ng-container>\r\n", styles: [".slider-main-product{display:inline-flex;height:520px}.slider-main{width:100%;height:600px;justify-content:center;display:flex}@media (max-width: 577px){.slider-main{height:100%;display:block}}.slider--main{height:100%;overflow:hidden}.slider--main .slider__wrapper{display:flex;will-change:transform}.slider--main .slider__wrapper .slide{flex:0 0 100%}.slider--main .slider__wrapper .slide .slide-content,.slider--main .slider__wrapper .slide picture{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.slider--main .slider__wrapper .slide .slide-content .drag-handle,.slider--main .slider__wrapper .slide picture .drag-handle{width:100%;height:100%;cursor:grab;z-index:10;pointer-events:all}.slider--main .slider__wrapper .slide .slide-content img,.slider--main .slider__wrapper .slide picture img{max-width:100%;max-height:100%;object-fit:contain;display:block;transform-origin:center;transform:translateZ(0);pointer-events:none}.slider--thumbs{margin-top:24px;margin-bottom:36px;height:70px!important}.slider--thumbs .slider__wrapper{display:flex;gap:8px;will-change:transform;transform:translateZ(0)}.slider--thumbs .slide{flex:0 0 auto;pointer-events:auto}.slider--thumbs .slide .slide-content{width:54px;height:68px;display:flex;align-items:center;justify-content:center;border:1px solid #ebebeb;cursor:pointer}.slider--thumbs .slide .slide-content img{max-width:100%;max-height:100%;object-fit:contain;display:block;transform:scale(.9)}.slider--thumbs .slide .slide-content.slide--current{border-color:#212121}.slider{width:100%;height:100%;overflow:hidden;position:relative;touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.slider.slider-draggable{cursor:grabbing}.slider .slider__wrapper{display:flex;transition:transform .3s cubic-bezier(.25,.46,.45,.84);will-change:transform;transform:none;width:auto;height:100%}.slider .slide{display:flex;align-items:center;justify-content:center;height:100%;overflow:hidden;flex-shrink:0;position:relative;transition:transform .3s cubic-bezier(.25,.46,.45,.84)}@media (min-width: 1441px){.slider--thumbs .slide{flex:0 0 20%}}@media (max-width: 1024px){.slider--thumbs .slide{flex:0 0 33.333%}}@media (max-width: 1023px){.slider--thumbs .slide{flex:0 0 50%}}.slider-arrow-next,.slider-arrow-prev{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:32px;background:#fffc no-repeat center center;cursor:pointer;z-index:10}.slider-arrow-next.next,.slider-arrow-prev.next{right:10px}.slider-arrow-next.prev,.slider-arrow-prev.prev{left:10px}.thumbs-wrapper{position:relative}.thumb-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:20;width:48px;height:48px;background:#ffffffe6 url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='4.51 0.01 10.99 19.97'%3E%3Cpath fill='%23000' d='m4.508 18.968 1.006 1.006 9.983-9.984L5.514.005 4.508 1.011l8.984 8.984-8.984 8.973Z'/%3E%3C/svg%3E\") no-repeat center center/11px 18px;font-size:36px;line-height:56px;opacity:0;pointer-events:none;transition:opacity .2s ease}.thumb-nav.activeArrow{opacity:1;pointer-events:all}.thumb-nav--left{left:-73px;transform:translateY(-50%) rotate(180deg)!important}.thumb-nav--right{right:-65px}.slider-pagination .thumb-dots-wrapper{display:flex;align-items:center;justify-content:center;gap:7px}.slider-pagination .thumb-dots-wrapper .thumb-dot{display:inline-block;width:4px;height:4px;margin:0 0 0 8px;border-radius:50%;background:#b3b3b3}.slider-pagination .thumb-dots-wrapper .thumb-dot.active,.slider-pagination .thumb-dots-wrapper .thumb-dot:hover{background:#212121;border:1px solid #212121}.slider-pagination .thumb-dots-wrapper .thumb-dot.hidden{opacity:0;pointer-events:none}.navigation-slider{position:relative}.navigation-slider app-simple-slider{position:relative;z-index:1}.navigation-slider .nav-btn{position:absolute;z-index:10;border:0;cursor:pointer;width:42px;height:42px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:transparent;box-shadow:unset;font-size:32px;line-height:1;transition:transform .15s ease,opacity .15s ease}.navigation-slider .nav-btn:hover{transform:translateY(-1px)}.navigation-slider .nav-btn.is-hidden{color:#a0a0a58d;pointer-events:none}.navigation-slider.nav--top-left .nav-btn--prev{top:12px;left:12px}.navigation-slider.nav--top-left .nav-btn--next{top:12px;left:56px}.navigation-slider.nav--center-sides .nav-btn--prev{top:50%;left:10px;transform:translateY(-50%)}.navigation-slider.nav--center-sides .nav-btn--next{top:50%;right:10px;transform:translateY(-50%)}.navigation-slider.nav--center-sides .nav-btn:hover{transform:translateY(-50%) translateY(-1px)}.navigation-slider.nav--top-right-compact .nav-btn--next{top:-50px;right:0}.navigation-slider.nav--top-right-compact .nav-btn--prev{top:-50px;right:60px}\n"] }]
+        }], ctorParameters: () => [{ type: i1.SliderEngine }, { type: i2.SliderStore }, { type: i3.SliderDraggablePlugin }, { type: i4.SliderPaginationPlugin }, { type: i5.SliderNavigationPlugin }, { type: i6.SliderAutoplayPlugin }, { type: i7.SliderThumbsScrollPlugin }], propDecorators: { config: [{
+                type: Input
+            }], slideTemplate: [{
+                type: Input
+            }], navigationTemplate: [{
+                type: Input
+            }], paginationTemplate: [{
+                type: Input
+            }], slideChange: [{
+                type: Output
+            }], sliderHost: [{
+                type: ViewChild,
+                args: ["sliderHost", { static: false }]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2ltcGxlLXNsaWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtZWRnZS1zbGlkZXIvc3JjL2xpYi9jb21wb25lbnQvc2ltcGxlLXNsaWRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtZWRnZS1zbGlkZXIvc3JjL2xpYi9jb21wb25lbnQvc2ltcGxlLXNsaWRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULHVCQUF1QixFQUd2QixLQUFLLEVBQ0wsWUFBWSxFQUNaLE1BQU0sRUFJTixTQUFTLEdBR1YsTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFjLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFFdEQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQy9ELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUM1RCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUNsRSxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUM5RSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUNqRixPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUNqRixPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUVsRixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7Ozs7Ozs7Ozs7QUFtQi9DLE1BQU0sT0FBTyxxQkFBcUI7SUFrQnRCO0lBQ0E7SUFDQTtJQUNBO0lBQ0E7SUFDQTtJQUNBO0lBdkJELE1BQU0sQ0FBZTtJQUNyQixhQUFhLENBQW9CO0lBQ2pDLGtCQUFrQixDQUFvQjtJQUN0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LElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQyxhQUNaO3dCQUNULFlBQVk7d0JBQ1osV0FBVzt3QkFDWCxxQkFBcUI7d0JBQ3JCLHNCQUFzQjt3QkFDdEIsc0JBQXNCO3dCQUN0QixvQkFBb0I7d0JBQ3BCLHdCQUF3QjtxQkFDekI7bVNBR1EsTUFBTTtzQkFBZCxLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csa0JBQWtCO3NCQUExQixLQUFLO2dCQUNHLGtCQUFrQjtzQkFBMUIsS0FBSztnQkFDSSxXQUFXO3NCQUFwQixNQUFNO2dCQVVxQyxVQUFVO3NCQUFyRCxTQUFTO3VCQUFDLFlBQVksRUFBRSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gIENvbXBvbmVudCxcclxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcclxuICBPbkluaXQsXHJcbiAgVGVtcGxhdGVSZWYsXHJcbiAgSW5wdXQsXHJcbiAgRXZlbnRFbWl0dGVyLFxyXG4gIE91dHB1dCxcclxuICBTaW1wbGVDaGFuZ2VzLFxyXG4gIE9uQ2hhbmdlcyxcclxuICBPbkRlc3Ryb3ksXHJcbiAgVmlld0NoaWxkLFxyXG4gIEVsZW1lbnRSZWYsXHJcbiAgQWZ0ZXJWaWV3SW5pdCxcclxufSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5pbXBvcnQgeyBTbGlkZXJWaWV3U3RhdGUgfSBmcm9tIFwiLi4vbW9kZWxzL3NsaWRlci1zdGF0ZS5tb2RlbFwiO1xyXG5pbXBvcnQgeyBPYnNlcnZhYmxlLCBTdWJqZWN0LCB0YWtlVW50aWwgfSBmcm9tIFwicnhqc1wiO1xyXG5pbXBvcnQgeyBTbGlkZXJDb25maWcgfSBmcm9tIFwiLi4vbW9kZWxzL3NsaWRlci1jb25maWcubW9kZWxcIjtcclxuaW1wb3J0IHsgU2xpZGVyRW5naW5lIH0gZnJvbSBcIi4uL2VuZ2luZS9zbGlkZXItZW5naW5lLnNlcnZpY2VcIjtcclxuaW1wb3J0IHsgU2xpZGVyU3RvcmUgfSBmcm9tIFwiLi4vc3RvcmUvc2xpZGVyLXN0b3JlLnNlcnZpY2VcIjtcclxuaW1wb3J0IHsgU2xpZGVyQXV0b3BsYXlQbHVnaW4gfSBmcm9tIFwiLi4vcGx1Z2lucy9hdXRvcGxheS5wbHVnaW5cIjtcclxuaW1wb3J0IHsgU2xpZGVyRHJhZ2dhYmxlUGx1Z2luIH0gZnJvbSBcIi4uL3BsdWdpbnMvZHJhZ2dhYmxlL2RyYWdnYWJsZS5wbHVnaW5cIjtcclxuaW1wb3J0IHsgU2xpZGVyTmF2aWdhdGlvblBsdWdpbiB9IGZyb20gXCIuLi9wbHVnaW5zL25hdmlnYXRpb24vbmF2aWdhdGlvbi5wbHVnaW5cIjtcclxuaW1wb3J0IHsgU2xpZGVyUGFnaW5hdGlvblBsdWdpbiB9IGZyb20gXCIuLi9wbHVnaW5zL3BhZ2luYXRpb24vcGFnaW5hdGlvbi5wbHVnaW5cIjtcclxuaW1wb3J0IHsgU2xpZGVyVGh1bWJzU2Nyb2xsUGx1Z2luIH0gZnJvbSBcIi4uL3BsdWdpbnMvdGh1bWJzL3RodW1icy1zY3JvbGwucGx1Z2luXCI7XHJcbmltcG9ydCB7IFNsaWRlclBsdWdpbiB9IGZyb20gXCIuLi9wbHVnaW5zL3NsaWRlci1wbHVnaW5cIjtcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSBcIkBhbmd1bGFyL2NvbW1vblwiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6IFwiYXBwLXNpbXBsZS1zbGlkZXJcIixcclxuICB0ZW1wbGF0ZVVybDogXCIuL3NpbXBsZS1zbGlkZXIuY29tcG9uZW50Lmh0bWxcIixcclxuICBzdHlsZVVybDogXCIuL3NpbXBsZS1zbGlkZXIuY29tcG9uZW50LnNjc3NcIixcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxyXG4gIHByb3ZpZGVyczogW1xyXG4gICAgU2xpZGVyRW5naW5lLFxyXG4gICAgU2xpZGVyU3RvcmUsXHJcbiAgICBTbGlkZXJEcmFnZ2FibGVQbHVnaW4sXHJcbiAgICBTbGlkZXJQYWdpbmF0aW9uUGx1Z2luLFxyXG4gICAgU2xpZGVyTmF2aWdhdGlvblBsdWdpbixcclxuICAgIFNsaWRlckF1dG9wbGF5UGx1Z2luLFxyXG4gICAgU2xpZGVyVGh1bWJzU2Nyb2xsUGx1Z2luLFxyXG4gIF0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTaW1wbGVTbGlkZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIEFmdGVyVmlld0luaXQsIE9uQ2hhbmdlcywgT25EZXN0cm95IHtcclxuICBASW5wdXQoKSBjb25maWc6IFNsaWRlckNvbmZpZztcclxuICBASW5wdXQoKSBzbGlkZVRlbXBsYXRlPzogVGVtcGxhdGVSZWY8YW55PjtcclxuICBASW5wdXQoKSBuYXZpZ2F0aW9uVGVtcGxhdGU/OiBUZW1wbGF0ZVJlZjxhbnk+O1xyXG4gIEBJbnB1dCgpIHBhZ2luYXRpb25UZW1wbGF0ZT86IFRlbXBsYXRlUmVmPGFueT47XHJcbiAgQE91dHB1dCgpIHNsaWRlQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxudW1iZXI+KCk7XHJcblxyXG4gIHByaXZhdGUgaXNEcmFnZ2luZ1BvaW50ZXIgPSBmYWxzZTtcclxuICBwcml2YXRlIGRyYWdTdGFydFggPSAwO1xyXG4gIHByaXZhdGUgZHJhZ1N0YXJ0WSA9IDA7XHJcbiAgcHJpdmF0ZSBsYXN0SW5kZXggPSAtMTtcclxuICBwcml2YXRlIGxhc3RTbGlkZXNSZWY6IGFueVtdIHwgbnVsbCA9IG51bGw7XHJcbiAgcHJpdmF0ZSBkZXN0cm95JCA9IG5ldyBTdWJqZWN0PHZvaWQ+KCk7XHJcblxyXG4gIHN0YXRlJDogT2JzZXJ2YWJsZTxTbGlkZXJWaWV3U3RhdGU+O1xyXG4gIEBWaWV3Q2hpbGQoXCJzbGlkZXJIb3N0XCIsIHsgc3RhdGljOiBmYWxzZSB9KSBzbGlkZXJIb3N0PzogRWxlbWVudFJlZjxIVE1MRWxlbWVudD47XHJcblxyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgcHJpdmF0ZSBlbmdpbmU6IFNsaWRlckVuZ2luZSxcclxuICAgIHByaXZhdGUgc3RvcmU6IFNsaWRlclN0b3JlLFxyXG4gICAgcHJpdmF0ZSBkcmFnZ2FibGU6IFNsaWRlckRyYWdnYWJsZVBsdWdpbixcclxuICAgIHByaXZhdGUgcGFnaW5hdGlvbjogU2xpZGVyUGFnaW5hdGlvblBsdWdpbixcclxuICAgIHByaXZhdGUgbmF2aWdhdGlvbjogU2xpZGVyTmF2aWdhdGlvblBsdWdpbixcclxuICAgIHByaXZhdGUgYXV0b3BsYXk6IFNsaWRlckF1dG9wbGF5UGx1Z2luLFxyXG4gICAgcHJpdmF0ZSB0aHVtYnM6IFNsaWRlclRodW1ic1Njcm9sbFBsdWdpbixcclxuICApIHt9XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gICAgdGhpcy5zdGF0ZSQgPSB0aGlzLnN0b3JlLnZpZXckO1xyXG5cclxuICAgIHRoaXMuc3RhdGUkLnBpcGUodGFrZVVudGlsKHRoaXMuZGVzdHJveSQpKS5zdWJzY3JpYmUoKHN0YXRlKSA9PiB7XHJcbiAgICAgIGlmIChzdGF0ZS5jdXJyZW50U2xpZGUgIT09IHRoaXMubGFzdEluZGV4KSB7XHJcbiAgICAgICAgdGhpcy5sYXN0SW5kZXggPSBzdGF0ZS5jdXJyZW50U2xpZGU7XHJcbiAgICAgICAgdGhpcy5zbGlkZUNoYW5nZS5lbWl0KHN0YXRlLmN1cnJlbnRTbGlkZSk7XHJcbiAgICAgIH1cclxuICAgIH0pO1xyXG4gICAgdGhpcy5sYXN0U2xpZGVzUmVmID0gdGhpcy5jb25maWc/LnNsaWRlcyA/PyBudWxsO1xyXG4gICAgdGhpcy5lbmdpbmUuaW5pdCh7IC4uLnRoaXMuY29uZmlnLCBwbHVnaW5zOiB0aGlzLmNvbmZpZy5wbHVnaW5zIH0pO1xyXG4gIH1cclxuICBuZ0FmdGVyVmlld0luaXQoKSB7XHJcbiAgICBpZiAodGhpcy5zbGlkZXJIb3N0Py5uYXRpdmVFbGVtZW50KSB7XHJcbiAgICAgIHRoaXMuZW5naW5lLmF0dGFjaENvbnRhaW5lcih0aGlzLnNsaWRlckhvc3QubmF0aXZlRWxlbWVudCk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKSB7XHJcbiAgICBpZiAoIWNoYW5nZXNbXCJjb25maWdcIl0gfHwgIXRoaXMuY29uZmlnKSByZXR1cm47XHJcblxyXG4gICAgY29uc3QgbmV3U2xpZGVzUmVmID0gdGhpcy5jb25maWcuc2xpZGVzID8/IG51bGw7XHJcblxyXG4gICAgaWYgKG5ld1NsaWRlc1JlZiAhPT0gdGhpcy5sYXN0U2xpZGVzUmVmKSB7XHJcbiAgICAgIHRoaXMubGFzdFNsaWRlc1JlZiA9IG5ld1NsaWRlc1JlZjtcclxuICAgICAgdGhpcy5lbmdpbmUuZGVzdHJveSgpO1xyXG4gICAgICB0aGlzLnJlc29sdmVQbHVnaW5zKHRoaXMuY29uZmlnKTtcclxuICAgIH1cclxuICB9XHJcbiAgbmdPbkRlc3Ryb3koKSB7XHJcbiAgICB0aGlzLmRlc3Ryb3lTbGlkZXIoKTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBnb1RvKGluZGV4OiBudW1iZXIpIHtcclxuICAgIHRoaXMuZW5naW5lLnNlbGVjdFNsaWRlKGluZGV4KTsgLy8gYWRkIHRoaXMgbGluZVxyXG4gICAgLy90aGlzLnNsaWRlQ2hhbmdlLmVtaXQoaW5kZXgpO1xyXG4gIH1cclxuXHJcbiAgZGVzdHJveVNsaWRlcigpIHtcclxuICAgIHRoaXMuZGVzdHJveSQubmV4dCgpO1xyXG4gICAgdGhpcy5kZXN0cm95JC5jb21wbGV0ZSgpO1xyXG4gICAgdGhpcy5lbmdpbmUuZGVzdHJveSgpO1xyXG4gIH0gLy8gZGVzdHJveXMgcGx1Z2lucyBhbmQgY2xlYXJzIHN0b3JlXHJcblxyXG4gIG9uTmV4dCgpIHtcclxuICAgIHRoaXMuZW5naW5lLm5leHQoKTtcclxuICB9XHJcbiAgb25QcmV2aW91cygpIHtcclxuICAgIHRoaXMuZW5naW5lLnByZXZpb3VzKCk7XHJcbiAgfVxyXG4gIHNlbGVjdFNsaWRlKGluZGV4OiBudW1iZXIpIHtcclxuICAgIHRoaXMuZW5naW5lLnNlbGVjdFNsaWRlKGluZGV4KTtcclxuICB9XHJcblxyXG4gIC8vIEhhbmRsZSBQb2ludGVyc1xyXG5cclxuICBvblBvaW50ZXJEb3duKGV2ZW50OiBQb2ludGVyRXZlbnQpIHtcclxuICAgIHRoaXMuZHJhZ1N0YXJ0WCA9IGV2ZW50LmNsaWVudFg7XHJcbiAgICB0aGlzLmRyYWdTdGFydFkgPSBldmVudC5jbGllbnRZO1xyXG4gICAgdGhpcy5pc0RyYWdnaW5nUG9pbnRlciA9IGZhbHNlO1xyXG5cclxuICAgIC8vIERvIG5vdCBjYXB0dXJlIHlldDsgd2FpdCB1bnRpbCBtb3ZlbWVudCBleGNlZWRzIHRocmVzaG9sZFxyXG4gICAgdGhpcy5lbmdpbmUuaGFuZGxlRHJhZ1N0YXJ0KGV2ZW50KTtcclxuICB9XHJcblxyXG4gIG9uUG9pbnRlck1vdmUoZXZlbnQ6IFBvaW50ZXJFdmVudCkge1xyXG4gICAgY29uc3QgZHggPSBNYXRoLmFicyhldmVudC5jbGllbnRYIC0gdGhpcy5kcmFnU3RhcnRYKTtcclxuICAgIGNvbnN0IGR5ID0gTWF0aC5hYnMoZXZlbnQuY2xpZW50WSAtIHRoaXMuZHJhZ1N0YXJ0WSk7XHJcblxyXG4gICAgaWYgKCF0aGlzLmlzRHJhZ2dpbmdQb2ludGVyICYmIChkeCA+IDUgfHwgZHkgPiA1KSkge1xyXG4gICAgICB0aGlzLmlzRHJhZ2dpbmdQb2ludGVyID0gdHJ1ZTtcclxuXHJcbiAgICAgIC8vIE5vdyBzdGFydCBjYXB0dXJpbmcgcG9pbnRlciBzbyBkcmFnZ2luZyB3b3JrcyBvdXRzaWRlIHRoZSBzbGlkZXIgYm91bmRzXHJcbiAgICAgIChldmVudC5jdXJyZW50VGFyZ2V0IGFzIEhUTUxFbGVtZW50KS5zZXRQb2ludGVyQ2FwdHVyZShldmVudC5wb2ludGVySWQpO1xyXG4gICAgfVxyXG5cclxuICAgIGlmICh0aGlzLmlzRHJhZ2dpbmdQb2ludGVyKSB7XHJcbiAgICAgIHRoaXMuZW5naW5lLmhhbmRsZURyYWdNb3ZlKGV2ZW50KTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIG9uUG9pbnRlclVwKGV2ZW50OiBQb2ludGVyRXZlbnQpIHtcclxuICAgIGlmICghZXZlbnQpIHJldHVybjtcclxuXHJcbiAgICBpZiAoIXRoaXMuaXNEcmFnZ2luZ1BvaW50ZXIpIHtcclxuICAgICAgY29uc3QgdGFyZ2V0ID0gZXZlbnQudGFyZ2V0IGFzIEhUTUxFbGVtZW50O1xyXG5cclxuICAgICAgLy8gT25seSBzZWxlY3QgdGhlIHNsaWRlIGlmIGNsaWNrIGlzIG5vdCBvbiBhbiBpbnRlcmFjdGl2ZSBjaGlsZFxyXG4gICAgICBjb25zdCBzbGlkZUVsID0gdGFyZ2V0LmNsb3Nlc3QoXCIuc2xpZGVcIik7XHJcbiAgICAgIGlmIChzbGlkZUVsICYmICF0YXJnZXQuY2xvc2VzdChcImJ1dHRvbiwgdmlkZW8sIGFcIikpIHtcclxuICAgICAgICBjb25zdCBpbmRleEF0dHIgPSBzbGlkZUVsLmdldEF0dHJpYnV0ZShcImRhdGEtaW5kZXhcIik7XHJcbiAgICAgICAgY29uc3QgaW5kZXggPSBpbmRleEF0dHIgPyBwYXJzZUludChpbmRleEF0dHIsIDEwKSA6IG51bGw7XHJcbiAgICAgICAgaWYgKGluZGV4ICE9PSBudWxsKSB0aGlzLmVuZ2luZS5zZWxlY3RTbGlkZShpbmRleCk7XHJcbiAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICB0aGlzLmVuZ2luZS5oYW5kbGVEcmFnRW5kKCk7XHJcbiAgICB0aGlzLmlzRHJhZ2dpbmdQb2ludGVyID0gZmFsc2U7XHJcblxyXG4gICAgLy8gUmVsZWFzZSBwb2ludGVyIGNhcHR1cmUgaWYgaXQgd2FzIGNhcHR1cmVkXHJcbiAgICB0cnkge1xyXG4gICAgICAoZXZlbnQuY3VycmVudFRhcmdldCBhcyBIVE1MRWxlbWVudCkucmVsZWFzZVBvaW50ZXJDYXB0dXJlKGV2ZW50LnBvaW50ZXJJZCk7XHJcbiAgICB9IGNhdGNoIHt9XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIHJlc29sdmVQbHVnaW5zKGNvbmZpZzogU2xpZGVyQ29uZmlnKSB7XHJcbiAgICBjb25zdCBydW50aW1lUGx1Z2luczogU2xpZGVyUGx1Z2luW10gPSBbXTtcclxuXHJcbiAgICBjb25zdCBjZmcgPSBjb25maWcucGx1Z2lucztcclxuXHJcbiAgICBpZiAoY2ZnPy5kcmFnZ2FibGUpIHJ1bnRpbWVQbHVnaW5zLnB1c2godGhpcy5kcmFnZ2FibGUpO1xyXG4gICAgaWYgKGNmZz8ucGFnaW5hdGlvbikgcnVudGltZVBsdWdpbnMucHVzaCh0aGlzLnBhZ2luYXRpb24pO1xyXG4gICAgaWYgKGNmZz8ubmF2aWdhdGlvbikgcnVudGltZVBsdWdpbnMucHVzaCh0aGlzLm5hdmlnYXRpb24pO1xyXG5cclxuICAgIGlmIChjZmc/LmF1dG9wbGF5KSB7XHJcbiAgICAgIHRoaXMuYXV0b3BsYXkuc2V0Q29uZmlnKGNmZy5hdXRvcGxheSk7XHJcbiAgICAgIHJ1bnRpbWVQbHVnaW5zLnB1c2godGhpcy5hdXRvcGxheSk7XHJcbiAgICB9XHJcblxyXG4gICAgaWYgKGNmZz8udGh1bWJzKSBydW50aW1lUGx1Z2lucy5wdXNoKHRoaXMudGh1bWJzKTtcclxuXHJcbiAgICB0aGlzLmVuZ2luZS5pbml0KHsgLi4uY29uZmlnLCBwbHVnaW5zOiB1bmRlZmluZWQgfSwgcnVudGltZVBsdWdpbnMpO1xyXG4gIH1cclxufVxyXG4iLCI8bmctY29udGFpbmVyICpuZ0lmPVwic3RhdGUkIHwgYXN5bmMgYXMgc3RhdGVcIj5cclxuICA8ZGl2XHJcbiAgICBjbGFzcz1cInNsaWRlclwiXHJcbiAgICAjc2xpZGVySG9zdFxyXG4gICAgW2NsYXNzLnNsaWRlci12ZXJ0aWNhbF09XCJzdGF0ZS52ZXJ0aWNhbFwiXHJcbiAgICBbY2xhc3Muc2xpZGVyLWRyYWdnYWJsZV09XCJzdGF0ZS5pc0RyYWdnaW5nXCJcclxuICAgIFtjbGFzcy5zbGlkZXItLW1haW5dPVwiIWNvbmZpZy5pc1RodW1ic1wiXHJcbiAgICBbY2xhc3Muc2xpZGVyLS10aHVtYnNdPVwiY29uZmlnLmlzVGh1bWJzXCJcclxuICAgICpuZ0lmPVwic3RhdGUudmlzaWJsZVNsaWRlcz8ubGVuZ3RoID4gMCAmJiBzdGF0ZS5pc1Zpc2libGVcIlxyXG4gICAgKHBvaW50ZXJkb3duKT1cIm9uUG9pbnRlckRvd24oJGV2ZW50KVwiXHJcbiAgICAocG9pbnRlcm1vdmUpPVwib25Qb2ludGVyTW92ZSgkZXZlbnQpXCJcclxuICAgIChwb2ludGVydXApPVwib25Qb2ludGVyVXAoJGV2ZW50KVwiXHJcbiAgICAocG9pbnRlcmNhbmNlbCk9XCJvblBvaW50ZXJVcCgkZXZlbnQpXCI+XHJcbiAgICA8ZGl2XHJcbiAgICAgIGNsYXNzPVwic2xpZGVyX193cmFwcGVyXCJcclxuICAgICAgW25nU3R5bGVdPVwie1xyXG4gICAgICAgIHRyYW5zZm9ybTogc3RhdGUudHJhbnNsYXRlLFxyXG4gICAgICAgIHRyYW5zaXRpb246IHN0YXRlLnRyYW5zaXRpb24sXHJcbiAgICAgICAgZGlzcGxheTogJ2ZsZXgnLFxyXG4gICAgICAgICdmbGV4LWRpcmVjdGlvbic6IHN0YXRlLnZlcnRpY2FsID8gJ2NvbHVtbicgOiAncm93JyxcclxuICAgICAgICAnanVzdGlmeS1jb250ZW50Jzogc3RhdGUudmlzaWJsZVNsaWRlcz8ubGVuZ3RoIDwgc3RhdGUuc2xpZGVzUGVyVmlldyA/ICdjZW50ZXInIDogJ2ZsZXgtc3RhcnQnLFxyXG4gICAgICAgIGdhcDogKHN0YXRlLnNsaWRlc1BlclZpZXcgPiAxID8gc3RhdGUuZ2FwIHx8IDAgOiAwKSArICdweCcsXHJcbiAgICAgIH1cIj5cclxuICAgICAgPGRpdlxyXG4gICAgICAgICpuZ0Zvcj1cImxldCBzbGlkZSBvZiBzdGF0ZS52aXNpYmxlU2xpZGVzOyBsZXQgaSA9IGluZGV4XCJcclxuICAgICAgICBjbGFzcz1cInNsaWRlXCJcclxuICAgICAgICBbYXR0ci5kYXRhLWluZGV4XT1cImlcIlxyXG4gICAgICAgIFtjbGFzcy5zbGlkZS0tY3VycmVudF09XCJzdGF0ZS5zZWxlY3RlZFNsaWRlID09PSBpXCJcclxuICAgICAgICBbc3R5bGUuZmxleF09XCJcclxuICAgICAgICAgICFjb25maWcuaXNUaHVtYnNcclxuICAgICAgICAgICAgPyAnMCAwIGNhbGMoJyArXHJcbiAgICAgICAgICAgICAgMTAwIC8gc3RhdGUuc2xpZGVzUGVyVmlldyArXHJcbiAgICAgICAgICAgICAgJyUgLSAnICtcclxuICAgICAgICAgICAgICAoKHN0YXRlLmdhcCB8fCAwKSAqIChzdGF0ZS5zbGlkZXNQZXJWaWV3IC0gMSkpIC8gc3RhdGUuc2xpZGVzUGVyVmlldyArXHJcbiAgICAgICAgICAgICAgJ3B4KSdcclxuICAgICAgICAgICAgOiAnMCAwICcgKyB0aHVtYlNpemUgKyAncHgnXHJcbiAgICAgICAgXCJcclxuICAgICAgICBbc3R5bGUud2lkdGhdPVwiY29uZmlnLmlzVGh1bWJzID8gdGh1bWJTaXplICsgJ3B4JyA6IG51bGxcIlxyXG4gICAgICAgIFtzdHlsZS5oZWlnaHRdPVwiY29uZmlnLmlzVGh1bWJzID8gdGh1bWJTaXplICsgJ3B4JyA6IG51bGxcIlxyXG4gICAgICAgIChjbGljayk9XCJlbmdpbmUuc2VsZWN0U2xpZGUoaSlcIj5cclxuICAgICAgICA8bmctY29udGFpbmVyXHJcbiAgICAgICAgICAqbmdUZW1wbGF0ZU91dGxldD1cInNsaWRlVGVtcGxhdGUgPyBzbGlkZVRlbXBsYXRlIDogZGVmYXVsdFNsaWRlVGVtcGxhdGU7IGNvbnRleHQ6IHsgc2xpZGU6IHNsaWRlLCBpbmRleDogaSB9XCI+PC9uZy1jb250YWluZXI+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcbjwvbmctY29udGFpbmVyPlxyXG4iXX0=