1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306 |
- import * as i0 from '@angular/core';
- import { Directive, Input, EventEmitter, PLATFORM_ID, Component, ChangeDetectionStrategy, ViewEncapsulation, Inject, Output, ViewChild, ContentChildren, HostBinding, NgModule } from '@angular/core';
- import * as i1 from '@angular/common';
- import { isPlatformBrowser, CommonModule } from '@angular/common';
- import Swiper from 'swiper';
- import { Subject, of } from 'rxjs';
- function isObject(o) {
- return (typeof o === 'object' &&
- o !== null &&
- o.constructor &&
- Object.prototype.toString.call(o).slice(8, -1) === 'Object');
- }
- function isEnabled(val) {
- return typeof val !== 'undefined' && typeof val !== 'boolean' && val.enabled === true;
- }
- function isShowEl(val, obj, el) {
- return ((coerceBooleanProperty(val) === true && obj && !obj.el) ||
- !(typeof obj !== 'boolean' &&
- obj.el !== el?.nativeElement &&
- (typeof obj.el === 'string' || typeof obj.el === 'object')));
- }
- function extend(target, src) {
- const noExtend = ['__proto__', 'constructor', 'prototype'];
- Object.keys(src)
- .filter((key) => noExtend.indexOf(key) < 0)
- .forEach((key) => {
- if (typeof target[key] === 'undefined') {
- target[key] = src[key];
- return;
- }
- if (target[key] && !src[key]) {
- return;
- }
- if (isObject(src[key]) && isObject(target[key]) && Object.keys(src[key]).length > 0) {
- if (src[key].__swiper__)
- target[key] = src[key];
- else
- extend(target[key], src[key]);
- }
- else {
- target[key] = src[key];
- }
- });
- }
- function coerceBooleanProperty(value) {
- return value != null && `${value}` !== 'false';
- }
- const ignoreNgOnChanges = ['pagination', 'navigation', 'scrollbar', 'virtual'];
- function setProperty(val, obj = {}) {
- if (isObject(val)) {
- return val;
- }
- if (coerceBooleanProperty(val) === true) {
- return obj;
- }
- return false;
- }
- /* underscore in name -> watch for changes */
- const paramsList = [
- 'init',
- 'enabled',
- '_direction',
- 'touchEventsTarget',
- 'initialSlide',
- '_speed',
- 'cssMode',
- 'updateOnWindowResize',
- 'resizeObserver',
- 'nested',
- 'focusableElements',
- '_width',
- '_height',
- 'preventInteractionOnTransition',
- 'userAgent',
- 'url',
- '_edgeSwipeDetection',
- '_edgeSwipeThreshold',
- '_freeMode',
- '_autoHeight',
- 'setWrapperSize',
- 'virtualTranslate',
- '_effect',
- 'breakpoints',
- '_spaceBetween',
- '_slidesPerView',
- 'maxBackfaceHiddenSlides',
- '_grid',
- '_slidesPerGroup',
- '_slidesPerGroupSkip',
- '_centeredSlides',
- '_centeredSlidesBounds',
- '_slidesOffsetBefore',
- '_slidesOffsetAfter',
- 'normalizeSlideIndex',
- '_centerInsufficientSlides',
- '_watchOverflow',
- 'roundLengths',
- 'touchRatio',
- 'touchAngle',
- 'simulateTouch',
- '_shortSwipes',
- '_longSwipes',
- 'longSwipesRatio',
- 'longSwipesMs',
- '_followFinger',
- 'allowTouchMove',
- '_threshold',
- 'touchMoveStopPropagation',
- 'touchStartPreventDefault',
- 'touchStartForcePreventDefault',
- 'touchReleaseOnEdges',
- 'uniqueNavElements',
- '_resistance',
- '_resistanceRatio',
- '_watchSlidesProgress',
- '_grabCursor',
- 'preventClicks',
- 'preventClicksPropagation',
- '_slideToClickedSlide',
- '_preloadImages',
- 'updateOnImagesReady',
- '_loop',
- '_loopAdditionalSlides',
- '_loopedSlides',
- '_loopFillGroupWithBlank',
- 'loopPreventsSlide',
- '_rewind',
- '_allowSlidePrev',
- '_allowSlideNext',
- '_swipeHandler',
- '_noSwiping',
- 'noSwipingClass',
- 'noSwipingSelector',
- 'passiveListeners',
- 'containerModifierClass',
- 'slideClass',
- 'slideBlankClass',
- 'slideActiveClass',
- 'slideDuplicateActiveClass',
- 'slideVisibleClass',
- 'slideDuplicateClass',
- 'slideNextClass',
- 'slideDuplicateNextClass',
- 'slidePrevClass',
- 'slideDuplicatePrevClass',
- 'wrapperClass',
- 'runCallbacksOnInit',
- 'observer',
- 'observeParents',
- 'observeSlideChildren',
- // modules
- 'a11y',
- 'autoplay',
- '_controller',
- 'coverflowEffect',
- 'cubeEffect',
- 'fadeEffect',
- 'flipEffect',
- 'creativeEffect',
- 'cardsEffect',
- 'hashNavigation',
- 'history',
- 'keyboard',
- 'lazy',
- 'mousewheel',
- '_navigation',
- '_pagination',
- 'parallax',
- '_scrollbar',
- '_thumbs',
- 'virtual',
- 'zoom',
- 'on',
- ];
- const allowedParams = paramsList.map((key) => key.replace(/_/, ''));
- function getParams(obj = {}) {
- const params = {
- on: {},
- };
- // const events = {};
- const passedParams = {};
- extend(params, Swiper.defaults);
- extend(params, Swiper.extendedDefaults);
- params._emitClasses = true;
- params.init = false;
- const rest = {};
- const allowedParams = paramsList.map((key) => key.replace(/_/, ''));
- Object.keys(obj).forEach((key) => {
- const _key = key.replace(/^_/, '');
- if (allowedParams.indexOf(_key) >= 0) {
- if (isObject(obj[key])) {
- params[_key] = {};
- passedParams[_key] = {};
- extend(params[_key], obj[key]);
- extend(passedParams[_key], obj[key]);
- }
- else {
- params[_key] = obj[key];
- passedParams[_key] = obj[key];
- }
- }
- // else if (key.search(/on[A-Z]/) === 0 && typeof obj[key] === 'function') {
- // events[`${_key[2].toLowerCase()}${key.substr(3)}`] = obj[key];
- // }
- else {
- rest[_key] = obj[key];
- }
- });
- ['navigation', 'pagination', 'scrollbar'].forEach((key) => {
- if (params[key] === true)
- params[key] = {};
- if (params[key] === false)
- delete params[key];
- });
- return { params, passedParams, rest };
- }
- class SwiperSlideDirective {
- constructor(template) {
- this.template = template;
- this.class = '';
- this.autoplayDelay = null;
- this.slideData = {
- isActive: false,
- isPrev: false,
- isNext: false,
- isVisible: false,
- isDuplicate: false,
- };
- }
- set zoom(val) {
- this._zoom = coerceBooleanProperty(val);
- }
- get zoom() {
- return this._zoom;
- }
- get classNames() {
- return this._classNames;
- }
- set classNames(val) {
- if (this._classNames === val) {
- return;
- }
- this._classNames = val;
- this.slideData = {
- isActive: this._hasClass(['swiper-slide-active', 'swiper-slide-duplicate-active']),
- isVisible: this._hasClass(['swiper-slide-visible']),
- isDuplicate: this._hasClass(['swiper-slide-duplicate']),
- isPrev: this._hasClass(['swiper-slide-prev', 'swiper-slide-duplicate-prev']),
- isNext: this._hasClass(['swiper-slide-next', 'swiper-slide-duplicate-next']),
- };
- }
- _hasClass(classNames) {
- return classNames.some((className) => this._classNames.indexOf(className) >= 0);
- }
- }
- SwiperSlideDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: SwiperSlideDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
- SwiperSlideDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.2", type: SwiperSlideDirective, selector: "ng-template[swiperSlide]", inputs: { virtualIndex: "virtualIndex", class: "class", autoplayDelay: ["data-swiper-autoplay", "autoplayDelay"], zoom: "zoom" }, ngImport: i0 });
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: SwiperSlideDirective, decorators: [{
- type: Directive,
- args: [{
- selector: 'ng-template[swiperSlide]',
- }]
- }], ctorParameters: function () { return [{ type: i0.TemplateRef }]; }, propDecorators: { virtualIndex: [{
- type: Input
- }], class: [{
- type: Input
- }], autoplayDelay: [{
- type: Input,
- args: ['data-swiper-autoplay']
- }], zoom: [{
- type: Input
- }] } });
- class SwiperComponent {
- constructor(_ngZone, elementRef, _changeDetectorRef, _platformId) {
- this._ngZone = _ngZone;
- this.elementRef = elementRef;
- this._changeDetectorRef = _changeDetectorRef;
- this._platformId = _platformId;
- this.slideClass = 'swiper-slide';
- this.wrapperClass = 'swiper-wrapper';
- this.showNavigation = true;
- this.showPagination = true;
- this.showScrollbar = true;
- this.s__beforeBreakpoint = new EventEmitter();
- this.s__containerClasses = new EventEmitter();
- this.s__slideClass = new EventEmitter();
- this.s__swiper = new EventEmitter();
- this.s_activeIndexChange = new EventEmitter();
- this.s_afterInit = new EventEmitter();
- this.s_autoplay = new EventEmitter();
- this.s_autoplayStart = new EventEmitter();
- this.s_autoplayStop = new EventEmitter();
- this.s_autoplayPause = new EventEmitter();
- this.s_autoplayResume = new EventEmitter();
- this.s_beforeDestroy = new EventEmitter();
- this.s_beforeInit = new EventEmitter();
- this.s_beforeLoopFix = new EventEmitter();
- this.s_beforeResize = new EventEmitter();
- this.s_beforeSlideChangeStart = new EventEmitter();
- this.s_beforeTransitionStart = new EventEmitter();
- this.s_breakpoint = new EventEmitter();
- this.s_changeDirection = new EventEmitter();
- this.s_click = new EventEmitter();
- this.s_doubleTap = new EventEmitter();
- this.s_doubleClick = new EventEmitter();
- this.s_destroy = new EventEmitter();
- this.s_fromEdge = new EventEmitter();
- this.s_hashChange = new EventEmitter();
- this.s_hashSet = new EventEmitter();
- this.s_imagesReady = new EventEmitter();
- this.s_init = new EventEmitter();
- this.s_keyPress = new EventEmitter();
- this.s_lazyImageLoad = new EventEmitter();
- this.s_lazyImageReady = new EventEmitter();
- this.s_loopFix = new EventEmitter();
- this.s_momentumBounce = new EventEmitter();
- this.s_navigationHide = new EventEmitter();
- this.s_navigationShow = new EventEmitter();
- this.s_observerUpdate = new EventEmitter();
- this.s_orientationchange = new EventEmitter();
- this.s_paginationHide = new EventEmitter();
- this.s_paginationRender = new EventEmitter();
- this.s_paginationShow = new EventEmitter();
- this.s_paginationUpdate = new EventEmitter();
- this.s_progress = new EventEmitter();
- this.s_reachBeginning = new EventEmitter();
- this.s_reachEnd = new EventEmitter();
- this.s_realIndexChange = new EventEmitter();
- this.s_resize = new EventEmitter();
- this.s_scroll = new EventEmitter();
- this.s_scrollbarDragEnd = new EventEmitter();
- this.s_scrollbarDragMove = new EventEmitter();
- this.s_scrollbarDragStart = new EventEmitter();
- this.s_setTransition = new EventEmitter();
- this.s_setTranslate = new EventEmitter();
- this.s_slideChange = new EventEmitter();
- this.s_slideChangeTransitionEnd = new EventEmitter();
- this.s_slideChangeTransitionStart = new EventEmitter();
- this.s_slideNextTransitionEnd = new EventEmitter();
- this.s_slideNextTransitionStart = new EventEmitter();
- this.s_slidePrevTransitionEnd = new EventEmitter();
- this.s_slidePrevTransitionStart = new EventEmitter();
- this.s_slideResetTransitionStart = new EventEmitter();
- this.s_slideResetTransitionEnd = new EventEmitter();
- this.s_sliderMove = new EventEmitter();
- this.s_sliderFirstMove = new EventEmitter();
- this.s_slidesLengthChange = new EventEmitter();
- this.s_slidesGridLengthChange = new EventEmitter();
- this.s_snapGridLengthChange = new EventEmitter();
- this.s_snapIndexChange = new EventEmitter();
- this.s_tap = new EventEmitter();
- this.s_toEdge = new EventEmitter();
- this.s_touchEnd = new EventEmitter();
- this.s_touchMove = new EventEmitter();
- this.s_touchMoveOpposite = new EventEmitter();
- this.s_touchStart = new EventEmitter();
- this.s_transitionEnd = new EventEmitter();
- this.s_transitionStart = new EventEmitter();
- this.s_update = new EventEmitter();
- this.s_zoomChange = new EventEmitter();
- this.s_swiper = new EventEmitter();
- this.s_lock = new EventEmitter();
- this.s_unlock = new EventEmitter();
- this._activeSlides = new Subject();
- this.containerClasses = 'swiper';
- this.slidesChanges = (val) => {
- this.slides = val.map((slide, index) => {
- slide.slideIndex = index;
- slide.classNames = this.slideClass || '';
- return slide;
- });
- if (this.loop && !this.loopedSlides) {
- this.calcLoopedSlides();
- }
- if (!this.virtual) {
- if (this.loopedSlides) {
- this.prependSlides = of(this.slides.slice(this.slides.length - this.loopedSlides));
- this.appendSlides = of(this.slides.slice(0, this.loopedSlides));
- }
- }
- else if (this.swiperRef && this.swiperRef.virtual) {
- this._ngZone.runOutsideAngular(() => {
- this.swiperRef.virtual.slides = this.slides;
- this.swiperRef.virtual.update(true);
- });
- }
- this._changeDetectorRef.detectChanges();
- };
- this.style = null;
- this.updateVirtualSlides = (virtualData) => {
- // TODO: type virtualData
- if (!this.swiperRef ||
- (this.currentVirtualData &&
- this.currentVirtualData.from === virtualData.from &&
- this.currentVirtualData.to === virtualData.to &&
- this.currentVirtualData.offset === virtualData.offset)) {
- return;
- }
- this.style = this.swiperRef.isHorizontal()
- ? {
- [this.swiperRef.rtlTranslate ? 'right' : 'left']: `${virtualData.offset}px`,
- }
- : {
- top: `${virtualData.offset}px`,
- };
- this.currentVirtualData = virtualData;
- this._activeSlides.next(virtualData.slides);
- this._ngZone.run(() => {
- this._changeDetectorRef.detectChanges();
- });
- this._ngZone.runOutsideAngular(() => {
- this.swiperRef.updateSlides();
- this.swiperRef.updateProgress();
- this.swiperRef.updateSlidesClasses();
- if (isEnabled(this.swiperRef.params.lazy)) {
- this.swiperRef.lazy.load();
- }
- this.swiperRef.virtual.update(true);
- });
- return;
- };
- }
- set navigation(val) {
- const currentNext = typeof this._navigation !== 'boolean' && this._navigation !== ''
- ? this._navigation?.nextEl
- : null;
- const currentPrev = typeof this._navigation !== 'boolean' && this._navigation !== ''
- ? this._navigation?.prevEl
- : null;
- this._navigation = setProperty(val, {
- nextEl: currentNext || null,
- prevEl: currentPrev || null,
- });
- this.showNavigation = !(coerceBooleanProperty(val) !== true ||
- (this._navigation &&
- typeof this._navigation !== 'boolean' &&
- this._navigation.prevEl !== this._prevElRef?.nativeElement &&
- (this._navigation.prevEl !== null || this._navigation.nextEl !== null) &&
- (typeof this._navigation.nextEl === 'string' ||
- typeof this._navigation.prevEl === 'string' ||
- typeof this._navigation.nextEl === 'object' ||
- typeof this._navigation.prevEl === 'object')));
- }
- get navigation() {
- return this._navigation;
- }
- set pagination(val) {
- const current = typeof this._pagination !== 'boolean' && this._pagination !== ''
- ? this._pagination?.el
- : null;
- this._pagination = setProperty(val, {
- el: current || null,
- });
- this.showPagination = isShowEl(val, this._pagination, this._paginationElRef);
- }
- get pagination() {
- return this._pagination;
- }
- set scrollbar(val) {
- const current = typeof this._scrollbar !== 'boolean' && this._scrollbar !== '' ? this._scrollbar?.el : null;
- this._scrollbar = setProperty(val, {
- el: current || null,
- });
- this.showScrollbar = isShowEl(val, this._scrollbar, this._scrollbarElRef);
- }
- get scrollbar() {
- return this._scrollbar;
- }
- set virtual(val) {
- this._virtual = setProperty(val);
- }
- get virtual() {
- return this._virtual;
- }
- set config(val) {
- this.updateSwiper(val);
- const { params } = getParams(val);
- Object.assign(this, params);
- }
- set prevElRef(el) {
- this._prevElRef = el;
- this._setElement(el, this.navigation, 'navigation', 'prevEl');
- }
- set nextElRef(el) {
- this._nextElRef = el;
- this._setElement(el, this.navigation, 'navigation', 'nextEl');
- }
- set scrollbarElRef(el) {
- this._scrollbarElRef = el;
- this._setElement(el, this.scrollbar, 'scrollbar');
- }
- set paginationElRef(el) {
- this._paginationElRef = el;
- this._setElement(el, this.pagination, 'pagination');
- }
- get activeSlides() {
- if (this.virtual) {
- return this._activeSlides;
- }
- return of(this.slides);
- }
- get zoomContainerClass() {
- return this.zoom && typeof this.zoom !== 'boolean'
- ? this.zoom.containerClass
- : 'swiper-zoom-container';
- }
- _setElement(el, ref, update, key = 'el') {
- if (!ref || !el)
- return;
- if (el.nativeElement) {
- if (ref[key] === el.nativeElement) {
- return;
- }
- ref[key] = el.nativeElement;
- }
- const updateObj = {};
- updateObj[update] = true;
- this.updateInitSwiper(updateObj);
- }
- ngOnInit() {
- const { params } = getParams(this);
- Object.assign(this, params);
- }
- ngAfterViewInit() {
- this.childrenSlidesInit();
- this.initSwiper();
- this._changeDetectorRef.detectChanges();
- setTimeout(() => {
- this.s_swiper.emit(this.swiperRef);
- });
- }
- childrenSlidesInit() {
- this.slidesChanges(this.slidesEl);
- this.slidesEl.changes.subscribe(this.slidesChanges);
- }
- get isSwiperActive() {
- return this.swiperRef && !this.swiperRef.destroyed;
- }
- initSwiper() {
- const { params: swiperParams, passedParams } = getParams(this);
- Object.assign(this, swiperParams);
- this._ngZone.runOutsideAngular(() => {
- swiperParams.init = false;
- if (!swiperParams.virtual) {
- swiperParams.observer = true;
- }
- swiperParams.onAny = (eventName, ...args) => {
- const emitter = this[('s_' + eventName)];
- if (emitter) {
- emitter.emit([...args]);
- }
- };
- const _slideClasses = (_, updated) => {
- updated.forEach(({ slideEl, classNames }, index) => {
- const dataIndex = slideEl.getAttribute('data-swiper-slide-index');
- const slideIndex = dataIndex ? parseInt(dataIndex) : index;
- if (this.virtual) {
- const virtualSlide = this.slides.find((item) => {
- return item.virtualIndex && item.virtualIndex === slideIndex;
- });
- if (virtualSlide) {
- virtualSlide.classNames = classNames;
- return;
- }
- }
- if (this.slides[slideIndex]) {
- this.slides[slideIndex].classNames = classNames;
- }
- });
- this._changeDetectorRef.detectChanges();
- };
- const _containerClasses = (_, classes) => {
- setTimeout(() => {
- this.containerClasses = classes;
- });
- };
- Object.assign(swiperParams.on, {
- _containerClasses,
- _slideClasses,
- });
- const swiperRef = new Swiper(swiperParams);
- swiperRef.loopCreate = () => { };
- swiperRef.loopDestroy = () => { };
- if (swiperParams.loop) {
- swiperRef.loopedSlides = this.loopedSlides;
- }
- const isVirtualEnabled = isEnabled(swiperRef.params.virtual);
- if (swiperRef.virtual && isVirtualEnabled) {
- swiperRef.virtual.slides = this.slides;
- const extendWith = {
- cache: false,
- slides: this.slides,
- renderExternal: this.updateVirtualSlides,
- renderExternalUpdate: false,
- };
- extend(swiperRef.params.virtual, extendWith);
- extend(swiperRef.originalParams.virtual, extendWith);
- }
- if (isPlatformBrowser(this._platformId)) {
- this.swiperRef = swiperRef.init(this.elementRef.nativeElement);
- const isVirtualEnabled = isEnabled(this.swiperRef.params.virtual);
- if (this.swiperRef.virtual && isVirtualEnabled) {
- this.swiperRef.virtual.update(true);
- }
- this._changeDetectorRef.detectChanges();
- }
- });
- }
- ngOnChanges(changedParams) {
- this.updateSwiper(changedParams);
- this._changeDetectorRef.detectChanges();
- }
- updateInitSwiper(changedParams) {
- if (!(changedParams && this.swiperRef && !this.swiperRef.destroyed)) {
- return;
- }
- this._ngZone.runOutsideAngular(() => {
- const { params: currentParams, pagination, navigation, scrollbar, virtual, thumbs, } = this.swiperRef;
- if (changedParams.pagination) {
- if (this.pagination &&
- typeof this.pagination !== 'boolean' &&
- this.pagination.el &&
- pagination &&
- !pagination.el) {
- this.updateParameter('pagination', this.pagination);
- pagination.init();
- pagination.render();
- pagination.update();
- }
- else {
- pagination.destroy();
- pagination.el = null;
- }
- }
- if (changedParams.scrollbar) {
- if (this.scrollbar &&
- typeof this.scrollbar !== 'boolean' &&
- this.scrollbar.el &&
- scrollbar &&
- !scrollbar.el) {
- this.updateParameter('scrollbar', this.scrollbar);
- scrollbar.init();
- scrollbar.updateSize();
- scrollbar.setTranslate();
- }
- else {
- scrollbar.destroy();
- scrollbar.el = null;
- }
- }
- if (changedParams.navigation) {
- if (this.navigation &&
- typeof this.navigation !== 'boolean' &&
- this.navigation.prevEl &&
- this.navigation.nextEl &&
- navigation &&
- !navigation.prevEl &&
- !navigation.nextEl) {
- this.updateParameter('navigation', this.navigation);
- navigation.init();
- navigation.update();
- }
- else if (navigation.prevEl && navigation.nextEl) {
- navigation.destroy();
- navigation.nextEl = null;
- navigation.prevEl = null;
- }
- }
- if (changedParams.thumbs && this.thumbs && this.thumbs.swiper) {
- this.updateParameter('thumbs', this.thumbs);
- const initialized = thumbs.init();
- if (initialized)
- thumbs.update(true);
- }
- if (changedParams.controller && this.controller && this.controller.control) {
- this.swiperRef.controller.control = this.controller.control;
- }
- this.swiperRef.update();
- });
- }
- updateSwiper(changedParams) {
- this._ngZone.runOutsideAngular(() => {
- if (changedParams.config) {
- return;
- }
- if (!(changedParams && this.swiperRef && !this.swiperRef.destroyed)) {
- return;
- }
- for (const key in changedParams) {
- if (ignoreNgOnChanges.indexOf(key) >= 0) {
- continue;
- }
- const newValue = changedParams[key]?.currentValue ?? changedParams[key];
- this.updateParameter(key, newValue);
- }
- if (changedParams.allowSlideNext) {
- this.swiperRef.allowSlideNext = this.allowSlideNext;
- }
- if (changedParams.allowSlidePrev) {
- this.swiperRef.allowSlidePrev = this.allowSlidePrev;
- }
- if (changedParams.direction) {
- this.swiperRef.changeDirection(this.direction, false);
- }
- if (changedParams.breakpoints) {
- if (this.loop && !this.loopedSlides) {
- this.calcLoopedSlides();
- }
- this.swiperRef.currentBreakpoint = null;
- this.swiperRef.setBreakpoint();
- }
- if (changedParams.thumbs || changedParams.controller) {
- this.updateInitSwiper(changedParams);
- }
- this.swiperRef.update();
- });
- }
- calcLoopedSlides() {
- if (!this.loop) {
- return false;
- }
- let slidesPerViewParams = this.slidesPerView;
- if (this.breakpoints) {
- const breakpoint = Swiper.prototype.getBreakpoint(this.breakpoints);
- const breakpointOnlyParams = breakpoint in this.breakpoints ? this.breakpoints[breakpoint] : undefined;
- if (breakpointOnlyParams && breakpointOnlyParams.slidesPerView) {
- slidesPerViewParams = breakpointOnlyParams.slidesPerView;
- }
- }
- if (slidesPerViewParams === 'auto') {
- this.loopedSlides = this.slides.length;
- return this.slides.length;
- }
- let loopedSlides = this.loopedSlides || slidesPerViewParams;
- if (!loopedSlides) {
- // ?
- return false;
- }
- if (this.loopAdditionalSlides) {
- loopedSlides += this.loopAdditionalSlides;
- }
- if (loopedSlides > this.slides.length) {
- loopedSlides = this.slides.length;
- }
- this.loopedSlides = loopedSlides;
- return true;
- }
- updateParameter(key, value) {
- if (!(this.swiperRef && !this.swiperRef.destroyed)) {
- return;
- }
- const _key = key.replace(/^_/, '');
- const isCurrentParamObj = isObject(this.swiperRef.params[_key]);
- if (_key === 'enabled') {
- if (value === true) {
- this.swiperRef.enable();
- }
- else if (value === false) {
- this.swiperRef.disable();
- }
- return;
- }
- if (isCurrentParamObj && isObject(value)) {
- extend(this.swiperRef.params[_key], value);
- }
- else {
- this.swiperRef.params[_key] = value;
- }
- }
- ngOnDestroy() {
- this._ngZone.runOutsideAngular(() => {
- this.swiperRef?.destroy(true, false);
- });
- }
- }
- SwiperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: SwiperComponent, deps: [{ token: i0.NgZone }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component });
- SwiperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: SwiperComponent, selector: "swiper, [swiper]", inputs: { enabled: "enabled", on: "on", direction: "direction", touchEventsTarget: "touchEventsTarget", initialSlide: "initialSlide", speed: "speed", cssMode: "cssMode", updateOnWindowResize: "updateOnWindowResize", resizeObserver: "resizeObserver", nested: "nested", focusableElements: "focusableElements", width: "width", height: "height", preventInteractionOnTransition: "preventInteractionOnTransition", userAgent: "userAgent", url: "url", edgeSwipeDetection: "edgeSwipeDetection", edgeSwipeThreshold: "edgeSwipeThreshold", freeMode: "freeMode", autoHeight: "autoHeight", setWrapperSize: "setWrapperSize", virtualTranslate: "virtualTranslate", effect: "effect", breakpoints: "breakpoints", spaceBetween: "spaceBetween", slidesPerView: "slidesPerView", maxBackfaceHiddenSlides: "maxBackfaceHiddenSlides", grid: "grid", slidesPerGroup: "slidesPerGroup", slidesPerGroupSkip: "slidesPerGroupSkip", centeredSlides: "centeredSlides", centeredSlidesBounds: "centeredSlidesBounds", slidesOffsetBefore: "slidesOffsetBefore", slidesOffsetAfter: "slidesOffsetAfter", normalizeSlideIndex: "normalizeSlideIndex", centerInsufficientSlides: "centerInsufficientSlides", watchOverflow: "watchOverflow", roundLengths: "roundLengths", touchRatio: "touchRatio", touchAngle: "touchAngle", simulateTouch: "simulateTouch", shortSwipes: "shortSwipes", longSwipes: "longSwipes", longSwipesRatio: "longSwipesRatio", longSwipesMs: "longSwipesMs", followFinger: "followFinger", allowTouchMove: "allowTouchMove", threshold: "threshold", touchMoveStopPropagation: "touchMoveStopPropagation", touchStartPreventDefault: "touchStartPreventDefault", touchStartForcePreventDefault: "touchStartForcePreventDefault", touchReleaseOnEdges: "touchReleaseOnEdges", uniqueNavElements: "uniqueNavElements", resistance: "resistance", resistanceRatio: "resistanceRatio", watchSlidesProgress: "watchSlidesProgress", grabCursor: "grabCursor", preventClicks: "preventClicks", preventClicksPropagation: "preventClicksPropagation", slideToClickedSlide: "slideToClickedSlide", preloadImages: "preloadImages", updateOnImagesReady: "updateOnImagesReady", loop: "loop", loopAdditionalSlides: "loopAdditionalSlides", loopedSlides: "loopedSlides", loopFillGroupWithBlank: "loopFillGroupWithBlank", loopPreventsSlide: "loopPreventsSlide", rewind: "rewind", allowSlidePrev: "allowSlidePrev", allowSlideNext: "allowSlideNext", swipeHandler: "swipeHandler", noSwiping: "noSwiping", noSwipingClass: "noSwipingClass", noSwipingSelector: "noSwipingSelector", passiveListeners: "passiveListeners", containerModifierClass: "containerModifierClass", slideClass: "slideClass", slideBlankClass: "slideBlankClass", slideActiveClass: "slideActiveClass", slideDuplicateActiveClass: "slideDuplicateActiveClass", slideVisibleClass: "slideVisibleClass", slideDuplicateClass: "slideDuplicateClass", slideNextClass: "slideNextClass", slideDuplicateNextClass: "slideDuplicateNextClass", slidePrevClass: "slidePrevClass", slideDuplicatePrevClass: "slideDuplicatePrevClass", wrapperClass: "wrapperClass", runCallbacksOnInit: "runCallbacksOnInit", observeParents: "observeParents", observeSlideChildren: "observeSlideChildren", a11y: "a11y", autoplay: "autoplay", controller: "controller", coverflowEffect: "coverflowEffect", cubeEffect: "cubeEffect", fadeEffect: "fadeEffect", flipEffect: "flipEffect", creativeEffect: "creativeEffect", cardsEffect: "cardsEffect", hashNavigation: "hashNavigation", history: "history", keyboard: "keyboard", lazy: "lazy", mousewheel: "mousewheel", parallax: "parallax", thumbs: "thumbs", zoom: "zoom", class: "class", id: "id", navigation: "navigation", pagination: "pagination", scrollbar: "scrollbar", virtual: "virtual", config: "config" }, outputs: { s__beforeBreakpoint: "_beforeBreakpoint", s__containerClasses: "_containerClasses", s__slideClass: "_slideClass", s__swiper: "_swiper", s_activeIndexChange: "activeIndexChange", s_afterInit: "afterInit", s_autoplay: "autoplay", s_autoplayStart: "autoplayStart", s_autoplayStop: "autoplayStop", s_autoplayPause: "autoplayPause", s_autoplayResume: "autoplayResume", s_beforeDestroy: "beforeDestroy", s_beforeInit: "beforeInit", s_beforeLoopFix: "beforeLoopFix", s_beforeResize: "beforeResize", s_beforeSlideChangeStart: "beforeSlideChangeStart", s_beforeTransitionStart: "beforeTransitionStart", s_breakpoint: "breakpoint", s_changeDirection: "changeDirection", s_click: "click", s_doubleTap: "doubleTap", s_doubleClick: "doubleClick", s_destroy: "destroy", s_fromEdge: "fromEdge", s_hashChange: "hashChange", s_hashSet: "hashSet", s_imagesReady: "imagesReady", s_init: "init", s_keyPress: "keyPress", s_lazyImageLoad: "lazyImageLoad", s_lazyImageReady: "lazyImageReady", s_loopFix: "loopFix", s_momentumBounce: "momentumBounce", s_navigationHide: "navigationHide", s_navigationShow: "navigationShow", s_observerUpdate: "observerUpdate", s_orientationchange: "orientationchange", s_paginationHide: "paginationHide", s_paginationRender: "paginationRender", s_paginationShow: "paginationShow", s_paginationUpdate: "paginationUpdate", s_progress: "progress", s_reachBeginning: "reachBeginning", s_reachEnd: "reachEnd", s_realIndexChange: "realIndexChange", s_resize: "resize", s_scroll: "scroll", s_scrollbarDragEnd: "scrollbarDragEnd", s_scrollbarDragMove: "scrollbarDragMove", s_scrollbarDragStart: "scrollbarDragStart", s_setTransition: "setTransition", s_setTranslate: "setTranslate", s_slideChange: "slideChange", s_slideChangeTransitionEnd: "slideChangeTransitionEnd", s_slideChangeTransitionStart: "slideChangeTransitionStart", s_slideNextTransitionEnd: "slideNextTransitionEnd", s_slideNextTransitionStart: "slideNextTransitionStart", s_slidePrevTransitionEnd: "slidePrevTransitionEnd", s_slidePrevTransitionStart: "slidePrevTransitionStart", s_slideResetTransitionStart: "slideResetTransitionStart", s_slideResetTransitionEnd: "slideResetTransitionEnd", s_sliderMove: "sliderMove", s_sliderFirstMove: "sliderFirstMove", s_slidesLengthChange: "slidesLengthChange", s_slidesGridLengthChange: "slidesGridLengthChange", s_snapGridLengthChange: "snapGridLengthChange", s_snapIndexChange: "snapIndexChange", s_tap: "tap", s_toEdge: "toEdge", s_touchEnd: "touchEnd", s_touchMove: "touchMove", s_touchMoveOpposite: "touchMoveOpposite", s_touchStart: "touchStart", s_transitionEnd: "transitionEnd", s_transitionStart: "transitionStart", s_update: "update", s_zoomChange: "zoomChange", s_swiper: "swiper", s_lock: "lock", s_unlock: "unlock" }, host: { properties: { "class": "this.containerClasses" } }, queries: [{ propertyName: "slidesEl", predicate: SwiperSlideDirective }], viewQueries: [{ propertyName: "prevElRef", first: true, predicate: ["prevElRef"], descendants: true }, { propertyName: "nextElRef", first: true, predicate: ["nextElRef"], descendants: true }, { propertyName: "scrollbarElRef", first: true, predicate: ["scrollbarElRef"], descendants: true }, { propertyName: "paginationElRef", first: true, predicate: ["paginationElRef"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-content select=\"[slot=container-start]\"></ng-content>\n<ng-container *ngIf=\"navigation && showNavigation\">\n <div class=\"swiper-button-prev\" #prevElRef></div>\n <div class=\"swiper-button-next\" #nextElRef></div>\n</ng-container>\n<div *ngIf=\"scrollbar && showScrollbar\" class=\"swiper-scrollbar\" #scrollbarElRef></div>\n<div *ngIf=\"pagination && showPagination\" class=\"swiper-pagination\" #paginationElRef></div>\n<div [ngClass]=\"wrapperClass\" [attr.id]=\"id\">\n <ng-content select=\"[slot=wrapper-start]\"></ng-content>\n <ng-template\n *ngTemplateOutlet=\"\n slidesTemplate;\n context: {\n loopSlides: prependSlides,\n key: 'prepend'\n }\n \"\n ></ng-template>\n <ng-template\n *ngTemplateOutlet=\"\n slidesTemplate;\n context: {\n loopSlides: activeSlides,\n key: ''\n }\n \"\n ></ng-template>\n <ng-template\n *ngTemplateOutlet=\"\n slidesTemplate;\n context: {\n loopSlides: appendSlides,\n key: 'append'\n }\n \"\n ></ng-template>\n <ng-content select=\"[slot=wrapper-end]\"></ng-content>\n</div>\n<ng-content select=\"[slot=container-end]\"></ng-content>\n\n<ng-template #slidesTemplate let-loopSlides=\"loopSlides\" let-slideKey=\"key\">\n <div\n *ngFor=\"let slide of loopSlides | async\"\n [ngClass]=\"\n (slide.class ? slide.class + ' ' : '') +\n slideClass +\n (slideKey !== '' ? ' ' + slideDuplicateClass : '')\n \"\n [attr.data-swiper-slide-index]=\"slide.virtualIndex ? slide.virtualIndex : slide.slideIndex\"\n [attr.data-swiper-autoplay]=\"slide.autoplayDelay\"\n [style]=\"style\"\n [ngSwitch]=\"slide.zoom\"\n >\n <div *ngSwitchCase=\"true\" [ngClass]=\"zoomContainerClass\">\n <ng-template\n [ngTemplateOutlet]=\"slide.template\"\n [ngTemplateOutletContext]=\"{\n $implicit: slide.slideData\n }\"\n ></ng-template>\n </div>\n <ng-container *ngSwitchDefault>\n <ng-template\n [ngTemplateOutlet]=\"slide.template\"\n [ngTemplateOutletContext]=\"{\n $implicit: slide.slideData\n }\"\n ></ng-template>\n </ng-container>\n </div>\n</ng-template>\n", styles: ["swiper{display:block}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }], pipes: { "async": i1.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: SwiperComponent, decorators: [{
- type: Component,
- args: [{ selector: 'swiper, [swiper]', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, styles: [
- `
- swiper {
- display: block;
- }
- `,
- ], template: "<ng-content select=\"[slot=container-start]\"></ng-content>\n<ng-container *ngIf=\"navigation && showNavigation\">\n <div class=\"swiper-button-prev\" #prevElRef></div>\n <div class=\"swiper-button-next\" #nextElRef></div>\n</ng-container>\n<div *ngIf=\"scrollbar && showScrollbar\" class=\"swiper-scrollbar\" #scrollbarElRef></div>\n<div *ngIf=\"pagination && showPagination\" class=\"swiper-pagination\" #paginationElRef></div>\n<div [ngClass]=\"wrapperClass\" [attr.id]=\"id\">\n <ng-content select=\"[slot=wrapper-start]\"></ng-content>\n <ng-template\n *ngTemplateOutlet=\"\n slidesTemplate;\n context: {\n loopSlides: prependSlides,\n key: 'prepend'\n }\n \"\n ></ng-template>\n <ng-template\n *ngTemplateOutlet=\"\n slidesTemplate;\n context: {\n loopSlides: activeSlides,\n key: ''\n }\n \"\n ></ng-template>\n <ng-template\n *ngTemplateOutlet=\"\n slidesTemplate;\n context: {\n loopSlides: appendSlides,\n key: 'append'\n }\n \"\n ></ng-template>\n <ng-content select=\"[slot=wrapper-end]\"></ng-content>\n</div>\n<ng-content select=\"[slot=container-end]\"></ng-content>\n\n<ng-template #slidesTemplate let-loopSlides=\"loopSlides\" let-slideKey=\"key\">\n <div\n *ngFor=\"let slide of loopSlides | async\"\n [ngClass]=\"\n (slide.class ? slide.class + ' ' : '') +\n slideClass +\n (slideKey !== '' ? ' ' + slideDuplicateClass : '')\n \"\n [attr.data-swiper-slide-index]=\"slide.virtualIndex ? slide.virtualIndex : slide.slideIndex\"\n [attr.data-swiper-autoplay]=\"slide.autoplayDelay\"\n [style]=\"style\"\n [ngSwitch]=\"slide.zoom\"\n >\n <div *ngSwitchCase=\"true\" [ngClass]=\"zoomContainerClass\">\n <ng-template\n [ngTemplateOutlet]=\"slide.template\"\n [ngTemplateOutletContext]=\"{\n $implicit: slide.slideData\n }\"\n ></ng-template>\n </div>\n <ng-container *ngSwitchDefault>\n <ng-template\n [ngTemplateOutlet]=\"slide.template\"\n [ngTemplateOutletContext]=\"{\n $implicit: slide.slideData\n }\"\n ></ng-template>\n </ng-container>\n </div>\n</ng-template>\n" }]
- }], ctorParameters: function () { return [{ type: i0.NgZone }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: Object, decorators: [{
- type: Inject,
- args: [PLATFORM_ID]
- }] }]; }, propDecorators: { enabled: [{
- type: Input
- }], on: [{
- type: Input
- }], direction: [{
- type: Input
- }], touchEventsTarget: [{
- type: Input
- }], initialSlide: [{
- type: Input
- }], speed: [{
- type: Input
- }], cssMode: [{
- type: Input
- }], updateOnWindowResize: [{
- type: Input
- }], resizeObserver: [{
- type: Input
- }], nested: [{
- type: Input
- }], focusableElements: [{
- type: Input
- }], width: [{
- type: Input
- }], height: [{
- type: Input
- }], preventInteractionOnTransition: [{
- type: Input
- }], userAgent: [{
- type: Input
- }], url: [{
- type: Input
- }], edgeSwipeDetection: [{
- type: Input
- }], edgeSwipeThreshold: [{
- type: Input
- }], freeMode: [{
- type: Input
- }], autoHeight: [{
- type: Input
- }], setWrapperSize: [{
- type: Input
- }], virtualTranslate: [{
- type: Input
- }], effect: [{
- type: Input
- }], breakpoints: [{
- type: Input
- }], spaceBetween: [{
- type: Input
- }], slidesPerView: [{
- type: Input
- }], maxBackfaceHiddenSlides: [{
- type: Input
- }], grid: [{
- type: Input
- }], slidesPerGroup: [{
- type: Input
- }], slidesPerGroupSkip: [{
- type: Input
- }], centeredSlides: [{
- type: Input
- }], centeredSlidesBounds: [{
- type: Input
- }], slidesOffsetBefore: [{
- type: Input
- }], slidesOffsetAfter: [{
- type: Input
- }], normalizeSlideIndex: [{
- type: Input
- }], centerInsufficientSlides: [{
- type: Input
- }], watchOverflow: [{
- type: Input
- }], roundLengths: [{
- type: Input
- }], touchRatio: [{
- type: Input
- }], touchAngle: [{
- type: Input
- }], simulateTouch: [{
- type: Input
- }], shortSwipes: [{
- type: Input
- }], longSwipes: [{
- type: Input
- }], longSwipesRatio: [{
- type: Input
- }], longSwipesMs: [{
- type: Input
- }], followFinger: [{
- type: Input
- }], allowTouchMove: [{
- type: Input
- }], threshold: [{
- type: Input
- }], touchMoveStopPropagation: [{
- type: Input
- }], touchStartPreventDefault: [{
- type: Input
- }], touchStartForcePreventDefault: [{
- type: Input
- }], touchReleaseOnEdges: [{
- type: Input
- }], uniqueNavElements: [{
- type: Input
- }], resistance: [{
- type: Input
- }], resistanceRatio: [{
- type: Input
- }], watchSlidesProgress: [{
- type: Input
- }], grabCursor: [{
- type: Input
- }], preventClicks: [{
- type: Input
- }], preventClicksPropagation: [{
- type: Input
- }], slideToClickedSlide: [{
- type: Input
- }], preloadImages: [{
- type: Input
- }], updateOnImagesReady: [{
- type: Input
- }], loop: [{
- type: Input
- }], loopAdditionalSlides: [{
- type: Input
- }], loopedSlides: [{
- type: Input
- }], loopFillGroupWithBlank: [{
- type: Input
- }], loopPreventsSlide: [{
- type: Input
- }], rewind: [{
- type: Input
- }], allowSlidePrev: [{
- type: Input
- }], allowSlideNext: [{
- type: Input
- }], swipeHandler: [{
- type: Input
- }], noSwiping: [{
- type: Input
- }], noSwipingClass: [{
- type: Input
- }], noSwipingSelector: [{
- type: Input
- }], passiveListeners: [{
- type: Input
- }], containerModifierClass: [{
- type: Input
- }], slideClass: [{
- type: Input
- }], slideBlankClass: [{
- type: Input
- }], slideActiveClass: [{
- type: Input
- }], slideDuplicateActiveClass: [{
- type: Input
- }], slideVisibleClass: [{
- type: Input
- }], slideDuplicateClass: [{
- type: Input
- }], slideNextClass: [{
- type: Input
- }], slideDuplicateNextClass: [{
- type: Input
- }], slidePrevClass: [{
- type: Input
- }], slideDuplicatePrevClass: [{
- type: Input
- }], wrapperClass: [{
- type: Input
- }], runCallbacksOnInit: [{
- type: Input
- }], observeParents: [{
- type: Input
- }], observeSlideChildren: [{
- type: Input
- }], a11y: [{
- type: Input
- }], autoplay: [{
- type: Input
- }], controller: [{
- type: Input
- }], coverflowEffect: [{
- type: Input
- }], cubeEffect: [{
- type: Input
- }], fadeEffect: [{
- type: Input
- }], flipEffect: [{
- type: Input
- }], creativeEffect: [{
- type: Input
- }], cardsEffect: [{
- type: Input
- }], hashNavigation: [{
- type: Input
- }], history: [{
- type: Input
- }], keyboard: [{
- type: Input
- }], lazy: [{
- type: Input
- }], mousewheel: [{
- type: Input
- }], parallax: [{
- type: Input
- }], thumbs: [{
- type: Input
- }], zoom: [{
- type: Input
- }], class: [{
- type: Input
- }], id: [{
- type: Input
- }], navigation: [{
- type: Input
- }], pagination: [{
- type: Input
- }], scrollbar: [{
- type: Input
- }], virtual: [{
- type: Input
- }], config: [{
- type: Input
- }], s__beforeBreakpoint: [{
- type: Output,
- args: ['_beforeBreakpoint']
- }], s__containerClasses: [{
- type: Output,
- args: ['_containerClasses']
- }], s__slideClass: [{
- type: Output,
- args: ['_slideClass']
- }], s__swiper: [{
- type: Output,
- args: ['_swiper']
- }], s_activeIndexChange: [{
- type: Output,
- args: ['activeIndexChange']
- }], s_afterInit: [{
- type: Output,
- args: ['afterInit']
- }], s_autoplay: [{
- type: Output,
- args: ['autoplay']
- }], s_autoplayStart: [{
- type: Output,
- args: ['autoplayStart']
- }], s_autoplayStop: [{
- type: Output,
- args: ['autoplayStop']
- }], s_autoplayPause: [{
- type: Output,
- args: ['autoplayPause']
- }], s_autoplayResume: [{
- type: Output,
- args: ['autoplayResume']
- }], s_beforeDestroy: [{
- type: Output,
- args: ['beforeDestroy']
- }], s_beforeInit: [{
- type: Output,
- args: ['beforeInit']
- }], s_beforeLoopFix: [{
- type: Output,
- args: ['beforeLoopFix']
- }], s_beforeResize: [{
- type: Output,
- args: ['beforeResize']
- }], s_beforeSlideChangeStart: [{
- type: Output,
- args: ['beforeSlideChangeStart']
- }], s_beforeTransitionStart: [{
- type: Output,
- args: ['beforeTransitionStart']
- }], s_breakpoint: [{
- type: Output,
- args: ['breakpoint']
- }], s_changeDirection: [{
- type: Output,
- args: ['changeDirection']
- }], s_click: [{
- type: Output,
- args: ['click']
- }], s_doubleTap: [{
- type: Output,
- args: ['doubleTap']
- }], s_doubleClick: [{
- type: Output,
- args: ['doubleClick']
- }], s_destroy: [{
- type: Output,
- args: ['destroy']
- }], s_fromEdge: [{
- type: Output,
- args: ['fromEdge']
- }], s_hashChange: [{
- type: Output,
- args: ['hashChange']
- }], s_hashSet: [{
- type: Output,
- args: ['hashSet']
- }], s_imagesReady: [{
- type: Output,
- args: ['imagesReady']
- }], s_init: [{
- type: Output,
- args: ['init']
- }], s_keyPress: [{
- type: Output,
- args: ['keyPress']
- }], s_lazyImageLoad: [{
- type: Output,
- args: ['lazyImageLoad']
- }], s_lazyImageReady: [{
- type: Output,
- args: ['lazyImageReady']
- }], s_loopFix: [{
- type: Output,
- args: ['loopFix']
- }], s_momentumBounce: [{
- type: Output,
- args: ['momentumBounce']
- }], s_navigationHide: [{
- type: Output,
- args: ['navigationHide']
- }], s_navigationShow: [{
- type: Output,
- args: ['navigationShow']
- }], s_observerUpdate: [{
- type: Output,
- args: ['observerUpdate']
- }], s_orientationchange: [{
- type: Output,
- args: ['orientationchange']
- }], s_paginationHide: [{
- type: Output,
- args: ['paginationHide']
- }], s_paginationRender: [{
- type: Output,
- args: ['paginationRender']
- }], s_paginationShow: [{
- type: Output,
- args: ['paginationShow']
- }], s_paginationUpdate: [{
- type: Output,
- args: ['paginationUpdate']
- }], s_progress: [{
- type: Output,
- args: ['progress']
- }], s_reachBeginning: [{
- type: Output,
- args: ['reachBeginning']
- }], s_reachEnd: [{
- type: Output,
- args: ['reachEnd']
- }], s_realIndexChange: [{
- type: Output,
- args: ['realIndexChange']
- }], s_resize: [{
- type: Output,
- args: ['resize']
- }], s_scroll: [{
- type: Output,
- args: ['scroll']
- }], s_scrollbarDragEnd: [{
- type: Output,
- args: ['scrollbarDragEnd']
- }], s_scrollbarDragMove: [{
- type: Output,
- args: ['scrollbarDragMove']
- }], s_scrollbarDragStart: [{
- type: Output,
- args: ['scrollbarDragStart']
- }], s_setTransition: [{
- type: Output,
- args: ['setTransition']
- }], s_setTranslate: [{
- type: Output,
- args: ['setTranslate']
- }], s_slideChange: [{
- type: Output,
- args: ['slideChange']
- }], s_slideChangeTransitionEnd: [{
- type: Output,
- args: ['slideChangeTransitionEnd']
- }], s_slideChangeTransitionStart: [{
- type: Output,
- args: ['slideChangeTransitionStart']
- }], s_slideNextTransitionEnd: [{
- type: Output,
- args: ['slideNextTransitionEnd']
- }], s_slideNextTransitionStart: [{
- type: Output,
- args: ['slideNextTransitionStart']
- }], s_slidePrevTransitionEnd: [{
- type: Output,
- args: ['slidePrevTransitionEnd']
- }], s_slidePrevTransitionStart: [{
- type: Output,
- args: ['slidePrevTransitionStart']
- }], s_slideResetTransitionStart: [{
- type: Output,
- args: ['slideResetTransitionStart']
- }], s_slideResetTransitionEnd: [{
- type: Output,
- args: ['slideResetTransitionEnd']
- }], s_sliderMove: [{
- type: Output,
- args: ['sliderMove']
- }], s_sliderFirstMove: [{
- type: Output,
- args: ['sliderFirstMove']
- }], s_slidesLengthChange: [{
- type: Output,
- args: ['slidesLengthChange']
- }], s_slidesGridLengthChange: [{
- type: Output,
- args: ['slidesGridLengthChange']
- }], s_snapGridLengthChange: [{
- type: Output,
- args: ['snapGridLengthChange']
- }], s_snapIndexChange: [{
- type: Output,
- args: ['snapIndexChange']
- }], s_tap: [{
- type: Output,
- args: ['tap']
- }], s_toEdge: [{
- type: Output,
- args: ['toEdge']
- }], s_touchEnd: [{
- type: Output,
- args: ['touchEnd']
- }], s_touchMove: [{
- type: Output,
- args: ['touchMove']
- }], s_touchMoveOpposite: [{
- type: Output,
- args: ['touchMoveOpposite']
- }], s_touchStart: [{
- type: Output,
- args: ['touchStart']
- }], s_transitionEnd: [{
- type: Output,
- args: ['transitionEnd']
- }], s_transitionStart: [{
- type: Output,
- args: ['transitionStart']
- }], s_update: [{
- type: Output,
- args: ['update']
- }], s_zoomChange: [{
- type: Output,
- args: ['zoomChange']
- }], s_swiper: [{
- type: Output,
- args: ['swiper']
- }], s_lock: [{
- type: Output,
- args: ['lock']
- }], s_unlock: [{
- type: Output,
- args: ['unlock']
- }], prevElRef: [{
- type: ViewChild,
- args: ['prevElRef', { static: false }]
- }], nextElRef: [{
- type: ViewChild,
- args: ['nextElRef', { static: false }]
- }], scrollbarElRef: [{
- type: ViewChild,
- args: ['scrollbarElRef', { static: false }]
- }], paginationElRef: [{
- type: ViewChild,
- args: ['paginationElRef', { static: false }]
- }], slidesEl: [{
- type: ContentChildren,
- args: [SwiperSlideDirective, { descendants: false, emitDistinctChangesOnly: true }]
- }], containerClasses: [{
- type: HostBinding,
- args: ['class']
- }] } });
- class SwiperModule {
- }
- SwiperModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: SwiperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
- SwiperModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: SwiperModule, declarations: [SwiperComponent, SwiperSlideDirective], imports: [CommonModule], exports: [SwiperComponent, SwiperSlideDirective] });
- SwiperModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: SwiperModule, imports: [[CommonModule]] });
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: SwiperModule, decorators: [{
- type: NgModule,
- args: [{
- declarations: [SwiperComponent, SwiperSlideDirective],
- exports: [SwiperComponent, SwiperSlideDirective],
- imports: [CommonModule],
- }]
- }] });
- /*
- * Public API Surface of angular
- */
- /**
- * Generated bundle index. Do not edit.
- */
- export { SwiperComponent, SwiperModule, SwiperSlideDirective };
- //# sourceMappingURL=swiper_angular.mjs.map
|