{"__symbolic":"module","version":4,"metadata":{"MxSlider":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":12,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/fire/firestore","name":"AngularFirestore","line":41,"character":16},{"__symbolic":"reference","module":"@angular/fire/storage","name":"AngularFireStorage","line":42,"character":21},{"__symbolic":"reference","module":"@marxa/devkit","name":"MxAlert","line":43,"character":19},{"__symbolic":"reference","module":"@angular/common","name":"Location","line":44,"character":22}]}],"addSlide":[{"__symbolic":"method"}],"getSlidesList":[{"__symbolic":"method"}],"loadSlides":[{"__symbolic":"method"}],"updateSlide":[{"__symbolic":"method"}],"deleteSlide":[{"__symbolic":"method"}],"loadConfiguration":[{"__symbolic":"method"}],"setSliderConfiguration":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"MxSlide":{"__symbolic":"interface"},"MxLink":{"__symbolic":"interface"},"MxSliderConfig":{"__symbolic":"interface"},"MxSliderModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":16,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":24,"character":4},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":26,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":27,"character":4},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","module":"@marxa/carrier","name":"MxStorageModule","line":30,"character":4}],"exports":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵc"}]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"mx-slider","template":"<mx-carousel\r\n  [timings]=\"sliderConfig.timings\"\r\n  [autoplay]=\"sliderConfig.autoplay\"\r\n  [interval]=\"sliderConfig.interval\"\r\n  [color]=\"sliderConfig.color\"\r\n  [maxWidth]=\"sliderConfig.maxWidth\"\r\n  [proportion]=\"sliderConfig.proportion\"\r\n  [slides]=\"slides.length\"\r\n  [loop]=\"sliderConfig.loop\"\r\n  [hideArrows]=\"sliderConfig.hideArrows\"\r\n  [hideIndicators]=\"sliderConfig.hideIndicators\"\r\n  [useKeyboard]=\"sliderConfig.useKeyboard\"\r\n  [useMouseWheel]=\"sliderConfig.useMouseWheel\"\r\n  [orientation]=\"sliderConfig.orientation\"\r\n>\r\n  <mx-carousel-slide\r\n    #matCarouselSlide\r\n    *ngFor=\"let slide of slides; let i = index\"\r\n    [image]=\"slide.imageURL\"\r\n    overlayColor=\"#00000040\"\r\n    [hideOverlay]=\"true\"\r\n    templateRef=\"'hola'\"\r\n    [enlace]=\"slide.enlace\"\r\n  ></mx-carousel-slide>\r\n</mx-carousel>\r\n","styles":[""]}]}],"members":{"slides":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"slidesCollection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"MxSlider"},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":19,"character":20}]}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"mx-slider-config","template":"<div class=\"container\">\r\n    <div class=\"row\">\r\n        <div class=\"col s10\">\r\n            <h5>Configuración del Slider</h5>\r\n        </div>\r\n        <div class=\"col s2\">\r\n            <button mat-raised-button (click)=\"location.back()\">Regresar</button>\r\n        </div>\r\n    </div>\r\n    <div class=\"row\">\r\n        <div class=\"col s12\">\r\n            <form (ngSubmit)=\"onSubmit()\" #sliderConfig=\"ngForm\" >\r\n                <div class=\"row\">\r\n                    <div class=\"col s12 m6 l4 slide-config-sec\">\r\n                        <p><b>Movimiento</b></p>\r\n                        <mat-form-field matTooltip=\"El tiempo que dura el efecto de cambio\">\r\n                            <mat-label>Tiempo de transición</mat-label>\r\n                            <input matInput\r\n                            id=\"timing\"\r\n                            name=\"timing\"\r\n                            [(ngModel)]=\"timing\"\r\n                            type=\"number\">\r\n                        </mat-form-field>\r\n\r\n                        <mat-form-field matTooltip=\"Suavidad del efecto de cambio\">\r\n                            <mat-label>Efecto de transición</mat-label>\r\n                            <mat-select [(ngModel)]=\"efect\" name=\"efect\">\r\n                                <mat-option *ngFor=\"let fx of efects\" [value]=\"fx.value\">\r\n                                    {{fx.display}}\r\n                                </mat-option>\r\n                            </mat-select>\r\n                        </mat-form-field>\r\n\r\n                        <mat-slide-toggle\r\n                        name=\"autoplay\"\r\n                        [(ngModel)]=\"SliderConfig.autoplay\"\r\n                         >\r\n                            AutoPLay\r\n                        </mat-slide-toggle>\r\n\r\n                        <mat-slide-toggle\r\n                        name=\"loop\"\r\n                        [(ngModel)]=\"SliderConfig.loop\"\r\n                         >\r\n                            Loop (Repetir)\r\n                        </mat-slide-toggle>\r\n\r\n                        <mat-form-field matTooltip=\"El tiempo que permanece el slide (En milisegundos)\">\r\n                            <mat-label>Duración de espera (ms)</mat-label>\r\n                            <input matInput\r\n                            id=\"interval\"\r\n                            name=\"interval\"\r\n                            [(ngModel)]=\"SliderConfig.interval\"\r\n                            type=\"number\">\r\n                        </mat-form-field>\r\n\r\n                        <mat-form-field>\r\n                            <mat-label>Orientación</mat-label>\r\n                            <mat-select name=\"orientation\" [(ngModel)]=\"SliderConfig.orientation\">\r\n                                <mat-option *ngFor=\"let dir of orientaciones\" [value]=\"dir.value\">\r\n                                    {{dir.display}}\r\n                                </mat-option>\r\n                            </mat-select>\r\n                        </mat-form-field>\r\n\r\n                    </div>\r\n\r\n\r\n\r\n                    <div class=\"col s12 m6 l4 slide-config-sec\">\r\n                        <p><b>Tamaño</b></p>\r\n\r\n                        <mat-slide-toggle\r\n                        [checked]=\"SliderConfig.maxWidth != ''\"\r\n                        (change)=\"onMaxwidth($event)\"\r\n                        >\r\n                            Ancho Completo\r\n                        </mat-slide-toggle>\r\n\r\n                        <div class=\"col s12\">\r\n                            <mat-label>Anchura máxima: </mat-label><br>\r\n                            <mat-slider\r\n                            id=\"maxWidth\"\r\n                            name=\"maxWidth\"\r\n                            [(ngModel)]=\"maxWidth\"\r\n                            thumbLabel\r\n                            [disabled]=\"SliderConfig.maxWidth == 'auto'\"\r\n                            [displayWith]=\"formatLabel\"\r\n                            tickInterval=\"1\"\r\n                            min=\"1\"\r\n                            max=\"100\">\r\n                            </mat-slider>\r\n                        </div>\r\n\r\n                        <mat-slide-toggle\r\n                        name=\"aspect\"\r\n                        [(ngModel)]=\"SliderConfig.maintainAspectRatio\"\r\n                        >\r\n                            Mantener el aspecto\r\n                        </mat-slide-toggle>\r\n\r\n                        <div class=\"col s12\">\r\n                            <mat-label>Proporción de altura: </mat-label><br>\r\n                            <mat-slider\r\n                            id=\"proportion\"\r\n                            name=\"proportion\"\r\n                            [(ngModel)]=\"SliderConfig.proportion\"\r\n                            thumbLabel\r\n                            [disabled]=\"!SliderConfig.maintainAspectRatio\"\r\n                            [displayWith]=\"formatLabel\"\r\n                            tickInterval=\"1\"\r\n                            min=\"1\"\r\n                            max=\"100\">\r\n                            </mat-slider>\r\n                        </div>\r\n\r\n                        <mat-form-field matTooltip=\"La altura que mantendrá fija (En pixeles)\">\r\n                            <mat-label>Altura fija (px)</mat-label>\r\n                            <input matInput\r\n                            id=\"height\"\r\n                            name=\"height\"\r\n                            [(ngModel)]=\"slideHeight\"\r\n                            type=\"number\"\r\n                            placeholder=\"Porcentaje de altura\"\r\n                            >\r\n                        </mat-form-field>\r\n                    </div>\r\n\r\n\r\n\r\n\r\n                    <div class=\"col s12 m6 l4 slide-config-sec\">\r\n                        <p><b>Decoraciones</b></p>\r\n                        <mat-slide-toggle\r\n                        name=\"hideArrows\"\r\n                        [(ngModel)]=\"SliderConfig.hideArrows\"\r\n                        >\r\n                            Ocultar Flechas\r\n                        </mat-slide-toggle><br>\r\n                        <mat-slide-toggle\r\n                        name=\"hideIndi\"\r\n                        [(ngModel)]=\"SliderConfig.hideIndicators\"\r\n                        >\r\n                            Ocultar Indicadores\r\n                        </mat-slide-toggle><br>\r\n                         <mat-slide-toggle\r\n                        name=\"hideIndi\"\r\n                        [(ngModel)]=\"SliderConfig.useKeyboard\"\r\n                        >\r\n                            Usar teclado\r\n                        </mat-slide-toggle><br>\r\n                        <mat-slide-toggle\r\n                        name=\"mouseWheel\"\r\n                        [(ngModel)]=\"SliderConfig.useMouseWheel\"\r\n                        >\r\n                            Permitir usar la rueda del mouse\r\n                        </mat-slide-toggle>\r\n                    </div>\r\n                </div>\r\n                <div class=\"row\">\r\n                    <div class=\"col s12 center\">\r\n                        <button [disabled]=\"sliderConfig.pristine\" mat-raised-button color=\"primary\">Guardar</button>\r\n                    </div>\r\n                </div>\r\n            </form>\r\n        </div>\r\n    </div>\r\n</div>\r\n","styles":[""]}]}],"members":{"collection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"MxSlider"},{"__symbolic":"reference","module":"@angular/common","name":"Location","line":36,"character":21}]}],"ngOnInit":[{"__symbolic":"method"}],"formatLabel":[{"__symbolic":"method"}],"onMaxwidth":[{"__symbolic":"method"}],"onSubmit":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"mx-slider-crud","template":"<mat-drawer-container\r\n  [hasBackdrop]=\"false\"\r\n  [ngStyle]=\"{ 'min-heigth.vh': height_vh }\"\r\n>\r\n  <mat-drawer id=\"add_item\" #addItem mode=\"over\" position=\"start\">\r\n    <mat-card-content>\r\n      <mx-slide-edit\r\n      (changes)=\"onChanges($event)\"\r\n      ></mx-slide-edit>\r\n    </mat-card-content>\r\n    <mat-card-actions style=\"display: flex; justify-content: space-around\">\r\n      <button mat-raised-button (click)=\"onCloseColeccion()\">Cancelar</button>\r\n      <button\r\n        mat-raised-button\r\n        (click)=\"onCloseColeccion()\"\r\n        (click)=\"onAdded.emit()\"\r\n        color=\"primary\"\r\n      >\r\n        Guardar\r\n      </button>\r\n    </mat-card-actions>\r\n  </mat-drawer>\r\n\r\n  <mat-drawer id=\"current_item\" #currentItem [mode]=\"'over'\" position=\"end\">\r\n    <mat-card-content *ngIf=\"slideSelected\">\r\n      <mx-slide-edit\r\n      (changes)=\"onChanges($event)\"\r\n      [slide]=\"slideSelected\"\r\n      ></mx-slide-edit>\r\n    </mat-card-content>\r\n    <mat-card-actions style=\"display: flex; justify-content: space-around\">\r\n      <button mat-raised-button (click)=\"onCloseColeccion()\">Cancelar</button>\r\n      <button\r\n        mat-raised-button\r\n        (click)=\"onCloseColeccion()\"\r\n        (click)=\"onSaved.emit()\"\r\n        color=\"primary\"\r\n      >\r\n        Guardar\r\n      </button>\r\n    </mat-card-actions>\r\n  </mat-drawer>\r\n\r\n  <mat-drawer-content>\r\n    <div class=\"container\">\r\n      <div class=\"row\">\r\n        <div class=\"col s12 header\">\r\n          <h4 class=\"mat-elevation-z3\">\r\n            <b>Slides</b>\r\n            <span>\r\n              <button mat-mini-fab (click)=\"addItem.open()\">\r\n                <mat-icon>add</mat-icon>\r\n              </button>\r\n            </span>\r\n          </h4>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col s12\">\r\n          <mat-selection-list\r\n            #listPanel\r\n            (selectionChange)=\"onItemSelected($event)\"\r\n            [disableRipple]=\"true\"\r\n            [multiple]=\"false\"\r\n          >\r\n            <mat-list-option *ngFor=\"let slide of list\" [value]=\"slide\">\r\n              {{ slide.nombre }}\r\n            </mat-list-option>\r\n          </mat-selection-list>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </mat-drawer-content>\r\n</mat-drawer-container>\r\n","styles":["#add_item,#current_item{width:100%}mat-drawer-container{min-height:90vh}.header h4{border-radius:10px;padding:1em;display:flex;justify-content:space-between;align-items:center;text-transform:uppercase}"]}]}],"members":{"height_vh":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"collection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"itemPanel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":21,"character":3},"arguments":["currentItem"]}]}],"listPanel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":22,"character":3},"arguments":["listPanel"]}]}],"addPanel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":23,"character":3},"arguments":["addItem"]}]}],"onAdded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":26,"character":3}}]}],"onSaved":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":27,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"MxSlider"}]}],"ngOnInit":[{"__symbolic":"method"}],"onCloseColeccion":[{"__symbolic":"method"}],"onItemSelected":[{"__symbolic":"method"}],"onChanges":[{"__symbolic":"method"}],"onAddSlide":[{"__symbolic":"method"}],"onUpdateSlide":[{"__symbolic":"method"}],"closeAddPanel":[{"__symbolic":"method"}],"save":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"mx-slide-edit","template":"<form  class=\"row\" [formGroup]=\"slideForm\">\r\n\r\n\r\n  <!-- Nombre -->\r\n  <div class=\"col s12\">\r\n    <mat-form-field appearance=\"outline\">\r\n      <mat-label>Nombre del slide</mat-label>\r\n      <input\r\n      matInput\r\n      type=\"text\"\r\n      name=\"nombre\"\r\n      formControlName=\"nombre\"\r\n      required\r\n      >\r\n      <mat-error *ngIf=\"slideForm.hasError('required', 'nombre')\">\r\n       El nombre es necesario\r\n      </mat-error>\r\n    </mat-form-field>\r\n  </div>\r\n\r\n  <div class=\"col s12\">\r\n    <div class=\"row\">\r\n      <div class=\"col s12 m6\">\r\n        <mx-files-picker\r\n        [maxFileSize]=\"2097152\"\r\n        path=\"slides\"\r\n        [multiple]=\"false\"\r\n        [showDropzone]=\"true\"\r\n        [uploadStatus]=\"true\"\r\n        dropzoneLabel=\"Arrastra o da click en esta area para cargar una imagen\"\r\n        uploadButtonLabel=\"Guardar imagen\"\r\n        (uploadComplete)=\"onFileUploaded($event)\"\r\n        [disable]=\"storage.files.length < 1\"\r\n        >\r\n        </mx-files-picker>\r\n      </div>\r\n      <div class=\"col s12 m6\">\r\n        <div class=\"slide-preview\" *ngIf=\"slide\">\r\n          <img [src]=\"slide.imageURL\" alt=\"\">\r\n        </div>\r\n      </div>\r\n\r\n    </div>\r\n  </div>\r\n\r\n  <!-- Enlace -->\r\n  <div class=\"col s12\">\r\n    <mat-form-field appearance=\"outline\">\r\n      <mat-label>Enlace</mat-label>\r\n      <input\r\n      matInput\r\n      type=\"text\"\r\n      name=\"enlace\"\r\n      formControlName=\"enlace\"\r\n      >\r\n    </mat-form-field>\r\n  </div>\r\n\r\n\r\n  <!-- OPTIONS -->\r\n  <div class=\"col s12 m6\">\r\n    <mat-checkbox formControlName=\"activado\">Activar mostrar</mat-checkbox>\r\n  </div>\r\n  <div class=\"col s12 m6\">\r\n    <mat-checkbox formControlName=\"newTab\">Abrir en nueva pestaña</mat-checkbox>\r\n  </div>\r\n\r\n</form>\r\n","styles":[""]}]}],"members":{"slide":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"changes":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":26,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@marxa/carrier","name":"MxStorage","line":28,"character":20}]}],"ngOnInit":[{"__symbolic":"method"}],"onFileUploaded":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵe":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@angular/platform-browser","name":"HammerGestureConfig","line":14,"character":45},"members":{}},"ɵf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":20,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵh"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":26,"character":4},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":27,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":28,"character":4}],"exports":[{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵh"}],"providers":[{"provide":{"__symbolic":"reference","module":"@angular/platform-browser","name":"HAMMER_GESTURE_CONFIG","line":35,"character":15},"useClass":{"__symbolic":"reference","name":"ɵe"}}]}]}],"members":{}},"ɵg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":33,"character":1},"arguments":[{"selector":"mx-carousel","template":"<div\r\n  #carouselContainer\r\n  class=\"carousel\"\r\n  tabindex=\"0\"\r\n  [style.max-width]=\"maxWidth\"\r\n  [style.height]=\"!maintainAspectRatio ? '100%' : 'auto'\"\r\n>\r\n  <ul\r\n    #carouselList\r\n    class=\"carousel-list\"\r\n    role=\"listbox\"\r\n    [style.flex-direction]=\"orientation === 'rtl' ? 'row-reverse' : 'row'\"\r\n    [style.height]=\"!maintainAspectRatio ? '100%' : 'auto'\"\r\n  >\r\n    <li\r\n      #carouselSlide\r\n      *ngFor=\"let slide of slidesList\"\r\n      class=\"carousel-slide\"\r\n      role=\"option\"\r\n      [style.padding-bottom]=\"maintainAspectRatio && proportion ? proportion + '%': '0px'\"\r\n      [style.height]=\"!maintainAspectRatio && slideHeight ? slideHeight : '0px'\"\r\n      (panleft)=\"onPan($event, carouselSlide)\"\r\n      (panright)=\"onPan($event, carouselSlide)\"\r\n      (panend)=\"onPanEnd($event, carouselSlide)\"\r\n      (pancancel)=\"onPanEnd($event, carouselSlide)\"\r\n    >\r\n      <ng-container [ngTemplateOutlet]=\"slide.templateRef\"></ng-container>\r\n    </li>\r\n  </ul>\r\n\r\n  <button\r\n    *ngIf=\"!hideArrows\"\r\n    mat-icon-button\r\n    type=\"button\"\r\n    tabindex=\"-1\"\r\n    [color]=\"color\"\r\n    [disabled]=\"!loop && currentIndex == 0\"\r\n    (click)=\"previous()\"\r\n  >\r\n    <mat-icon\r\n      *ngIf=\"svgIconOverrides?.arrowBack; else: defaultArrowBack\"\r\n      [svgIcon]=\"svgIconOverrides.arrowBack\"\r\n    ></mat-icon>\r\n    <ng-template #defaultArrowBack>\r\n      <mat-icon>arrow_back</mat-icon>\r\n    </ng-template>\r\n  </button>\r\n  <button\r\n    *ngIf=\"!hideArrows\"\r\n    mat-icon-button\r\n    type=\"button\"\r\n    tabindex=\"-1\"\r\n    [color]=\"color\"\r\n    [disabled]=\"!loop && currentIndex == slidesList.length - 1\"\r\n    (click)=\"next()\"\r\n  >\r\n    <mat-icon\r\n      *ngIf=\"svgIconOverrides?.arrowForward; else: defaultArrowForward\"\r\n      [svgIcon]=\"svgIconOverrides.arrowForward\"\r\n    ></mat-icon>\r\n    <ng-template #defaultArrowForward>\r\n      <mat-icon>arrow_forward</mat-icon>\r\n    </ng-template>\r\n  </button>\r\n\r\n  <div\r\n    *ngIf=\"!hideIndicators\"\r\n    class=\"carousel-indicators\"\r\n    tabindex=\"-1\"\r\n    [style.flex-direction]=\"orientation === 'rtl' ? 'row-reverse' : 'row'\"\r\n  >\r\n    <button\r\n      *ngFor=\"let slide of slidesList; let i = index\"\r\n      type=\"button\"\r\n      tabindex=\"-1\"\r\n      mat-mini-fab\r\n      [color]=\"color\"\r\n      [disabled]=\"i == currentIndex\"\r\n      (click)=\"slideTo(i)\"\r\n      (focus)=\"carouselContainer.focus()\"\r\n    ></button>\r\n  </div>\r\n</div>\r\n","styles":[".carousel{width:100%;position:relative;overflow:hidden;outline:none}.carousel>button{position:absolute;z-index:1;top:50%;transform:translateY(-50%)}.carousel>button:first-of-type{left:30px}.carousel>button:last-of-type{right:30px}.carousel-list{margin:0;padding:0;list-style:none}.carousel-list,.carousel-slide{width:100%;display:flex;position:relative}.carousel-slide{height:0;flex-shrink:0}.carousel-slide:hover{cursor:pointer}.carousel-indicators{display:flex;position:absolute;bottom:15px;z-index:1;left:50%;transform:translateX(-50%);outline:none}.carousel-indicators>button{width:10px;height:10px;margin:7.5px}"]}]}],"members":{"timings":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"svgIconOverrides":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"autoplay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"interval":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":3}}]}],"loop":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":3}}]}],"hideArrows":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":63,"character":3}}]}],"hideIndicators":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":64,"character":3}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":65,"character":3}}]}],"maxWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":70,"character":3}}]}],"maintainAspectRatio":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":76,"character":3}}]}],"proportion":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":77,"character":3}}]}],"slideHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":78,"character":3}}]}],"slides":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":80,"character":3}}]}],"useKeyboard":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":85,"character":3}}]}],"useMouseWheel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":86,"character":3}}]}],"orientation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":91,"character":3}}]}],"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":97,"character":3}}]}],"slidesList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":115,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵh"}]}]}],"carouselContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":118,"character":3},"arguments":["carouselContainer"]}]}],"carouselList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":120,"character":3},"arguments":["carouselList"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":149,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"PLATFORM_ID","line":149,"character":12}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/animations","name":"AnimationBuilder","line":147,"character":30},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":148,"character":22},{"__symbolic":"reference","name":"any"}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"next":[{"__symbolic":"method"}],"previous":[{"__symbolic":"method"}],"slideTo":[{"__symbolic":"method"}],"onKeyUp":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":213,"character":3},"arguments":["keyup",["$event"]]}]}],"onMouseEnter":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":220,"character":3},"arguments":["mouseenter"]}]}],"onMouseLeave":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":225,"character":3},"arguments":["mouseleave"]}]}],"onResize":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":244,"character":3},"arguments":["window:resize",["$event"]]}]}],"onPan":[{"__symbolic":"method"}],"onPanEnd":[{"__symbolic":"method"}],"isOutOfBounds":[{"__symbolic":"method"}],"isVisible":[{"__symbolic":"method"}],"getOffset":[{"__symbolic":"method"}],"getTranslation":[{"__symbolic":"method"}],"getWidth":[{"__symbolic":"method"}],"goto":[{"__symbolic":"method"}],"playAnimation":[{"__symbolic":"method"}],"resetSlides":[{"__symbolic":"method"}],"resetTimer":[{"__symbolic":"method"}],"startTimer":[{"__symbolic":"method"}],"stopTimer":[{"__symbolic":"method"}]}},"ɵh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"mx-carousel-slide","template":"<ng-template>\r\n\r\n  <div class=\"carousel-slide\" [style.background-image]=\"image\" (click)=\"goto(enlace)\" >\r\n    <div class=\"carousel-slide-content\"><ng-content></ng-content></div>\r\n    <div\r\n      *ngIf=\"!hideOverlay\"\r\n      class=\"carousel-slide-overlay\"\r\n      [style.background-color]=\"overlayColor\"\r\n    ></div>\r\n  </div>\r\n</ng-template>\r\n","styles":[".carousel-slide{background-size:cover;background-repeat:no-repeat;background-position:50%}.carousel-slide,.carousel-slide-overlay{width:100%;height:100%;position:absolute;z-index:auto}.carousel-slide-content{width:100%;height:100%;position:absolute;z-index:1}"]}]}],"members":{"image":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"overlayColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"hideOverlay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"enlace":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"templateRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":27,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":27,"character":13}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":30,"character":22},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":31,"character":19}]}],"ngOnInit":[{"__symbolic":"method"}],"goto":[{"__symbolic":"method"}]}},"ɵi":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":12,"character":8},{"__symbolic":"reference","module":"@angular/fire/firestore","name":"AngularFirestoreModule","line":13,"character":8},{"__symbolic":"reference","module":"@angular/fire/storage","name":"AngularFireStorageModule","line":14,"character":8},{"__symbolic":"reference","module":"@angular/fire/auth","name":"AngularFireAuthModule","line":15,"character":8},{"__symbolic":"reference","module":"@angular/fire/messaging","name":"AngularFireMessagingModule","line":16,"character":8}],"exports":[{"__symbolic":"reference","module":"@angular/fire","name":"AngularFireModule","line":18,"character":8},{"__symbolic":"reference","module":"@angular/fire/firestore","name":"AngularFirestoreModule","line":19,"character":8},{"__symbolic":"reference","module":"@angular/fire/storage","name":"AngularFireStorageModule","line":20,"character":8},{"__symbolic":"reference","module":"@angular/fire/auth","name":"AngularFireAuthModule","line":21,"character":8},{"__symbolic":"reference","module":"@angular/fire/messaging","name":"AngularFireMessagingModule","line":22,"character":8}]}]}],"members":{}},"ɵj":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":52,"character":1},"arguments":[{"exports":[{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"A11yModule","line":55,"character":8},{"__symbolic":"reference","module":"@angular/cdk/bidi","name":"BidiModule","line":56,"character":8},{"__symbolic":"reference","module":"@angular/cdk/observers","name":"ObserversModule","line":57,"character":8},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayModule","line":58,"character":8},{"__symbolic":"reference","module":"@angular/cdk/platform","name":"PlatformModule","line":59,"character":8},{"__symbolic":"reference","module":"@angular/cdk/portal","name":"PortalModule","line":60,"character":8},{"__symbolic":"reference","module":"@angular/cdk/stepper","name":"CdkStepperModule","line":61,"character":8},{"__symbolic":"reference","module":"@angular/cdk/table","name":"CdkTableModule","line":62,"character":8},{"__symbolic":"reference","module":"@angular/cdk/tree","name":"CdkTreeModule","line":63,"character":8},{"__symbolic":"reference","module":"@angular/cdk/drag-drop","name":"DragDropModule","line":64,"character":8},{"__symbolic":"reference","module":"@angular/material/autocomplete","name":"MatAutocompleteModule","line":66,"character":8},{"__symbolic":"reference","module":"@angular/material/badge","name":"MatBadgeModule","line":67,"character":8},{"__symbolic":"reference","module":"@angular/material/bottom-sheet","name":"MatBottomSheetModule","line":68,"character":8},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":69,"character":8},{"__symbolic":"reference","module":"@angular/material/button-toggle","name":"MatButtonToggleModule","line":70,"character":8},{"__symbolic":"reference","module":"@angular/material/card","name":"MatCardModule","line":71,"character":8},{"__symbolic":"reference","module":"@angular/material/checkbox","name":"MatCheckboxModule","line":72,"character":8},{"__symbolic":"reference","module":"@angular/material/chips","name":"MatChipsModule","line":73,"character":8},{"__symbolic":"reference","module":"@angular/material/datepicker","name":"MatDatepickerModule","line":74,"character":8},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialogModule","line":75,"character":8},{"__symbolic":"reference","module":"@angular/material/divider","name":"MatDividerModule","line":76,"character":8},{"__symbolic":"reference","module":"@angular/material/expansion","name":"MatExpansionModule","line":77,"character":8},{"__symbolic":"reference","module":"@angular/material/form-field","name":"MatFormFieldModule","line":78,"character":8},{"__symbolic":"reference","module":"@angular/material/grid-list","name":"MatGridListModule","line":79,"character":8},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":80,"character":8},{"__symbolic":"reference","module":"@angular/material/input","name":"MatInputModule","line":81,"character":8},{"__symbolic":"reference","module":"@angular/material/list","name":"MatListModule","line":82,"character":8},{"__symbolic":"reference","module":"@angular/material/menu","name":"MatMenuModule","line":83,"character":8},{"__symbolic":"reference","module":"@angular/material/core","name":"MatNativeDateModule","line":84,"character":8},{"__symbolic":"reference","module":"@angular/material/paginator","name":"MatPaginatorModule","line":85,"character":8},{"__symbolic":"reference","module":"@angular/material/progress-bar","name":"MatProgressBarModule","line":86,"character":8},{"__symbolic":"reference","module":"@angular/material/progress-spinner","name":"MatProgressSpinnerModule","line":87,"character":8},{"__symbolic":"reference","module":"@angular/material/radio","name":"MatRadioModule","line":88,"character":8},{"__symbolic":"reference","module":"@angular/material/core","name":"MatRippleModule","line":89,"character":8},{"__symbolic":"reference","module":"@angular/material/select","name":"MatSelectModule","line":90,"character":8},{"__symbolic":"reference","module":"@angular/material/sidenav","name":"MatSidenavModule","line":91,"character":8},{"__symbolic":"reference","module":"@angular/material/slider","name":"MatSliderModule","line":92,"character":8},{"__symbolic":"reference","module":"@angular/material/slide-toggle","name":"MatSlideToggleModule","line":93,"character":8},{"__symbolic":"reference","module":"@angular/material/snack-bar","name":"MatSnackBarModule","line":94,"character":8},{"__symbolic":"reference","module":"@angular/material/sort","name":"MatSortModule","line":95,"character":8},{"__symbolic":"reference","module":"@angular/material/stepper","name":"MatStepperModule","line":96,"character":8},{"__symbolic":"reference","module":"@angular/material/table","name":"MatTableModule","line":97,"character":8},{"__symbolic":"reference","module":"@angular/material/tabs","name":"MatTabsModule","line":98,"character":8},{"__symbolic":"reference","module":"@angular/material/toolbar","name":"MatToolbarModule","line":99,"character":8},{"__symbolic":"reference","module":"@angular/material/tooltip","name":"MatTooltipModule","line":100,"character":8},{"__symbolic":"reference","module":"@angular/material/tree","name":"MatTreeModule","line":101,"character":8}]}]}],"members":{}}},"origins":{"MxSlider":"./lib/mx-slider.service","MxSlide":"./lib/mx-slider.model","MxLink":"./lib/mx-slider.model","MxSliderConfig":"./lib/mx-slider.model","MxSliderModule":"./lib/mx-slider.module","ɵa":"./lib/mx-slider/mx-slider.component","ɵb":"./lib/mx-slider-config/mx-slider-config.component","ɵc":"./lib/mx-slider-crud/mx-slider-crud.component","ɵd":"./lib/mx-slide-edit/mx-slide-edit.component","ɵe":"./lib/mat-carousel/carousel.module","ɵf":"./lib/mat-carousel/carousel.module","ɵg":"./lib/mat-carousel/carousel.component","ɵh":"./lib/mat-carousel/carousel-slide/carousel-slide.component","ɵi":"./shared/firebase.module","ɵj":"./shared/material.module"},"importAs":"@marxa/slider"}