infinity-forge 9.9.0 → 9.9.1

package/dist/ui/components/carousel/carousel-lib/modules/pagination.js

@@ -1,8 +1,24 @@
-import classesToSelector from '../shared/classes-to-selector.js';
-import createElementIfNotDefined from '../shared/create-element-if-not-defined.js';
-import { elementIndex, elementOuterSize, elementParents, makeElementsArray, } from '../shared/utils.js';
-export function Pagination({ swiper, extendParams, on, emit }) {
-    const pfx = 'swiper-pagination';
+"use strict";
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Pagination = Pagination;
+var classes_to_selector_1 = __importDefault(require("../shared/classes-to-selector.js"));
+var create_element_if_not_defined_1 = __importDefault(require("../shared/create-element-if-not-defined.js"));
+var utils_1 = require("../shared/utils.js");
+function Pagination(_a) {
+    var swiper = _a.swiper, extendParams = _a.extendParams, on = _a.on, emit = _a.emit;
+    var pfx = 'swiper-pagination';
     extendParams({
         pagination: {
             el: null,
@@ -17,54 +33,54 @@ export function Pagination({ swiper, extendParams, on, emit }) {
             type: 'bullets', // 'bullets' or 'progressbar' or 'fraction' or 'custom'
             dynamicBullets: false,
             dynamicMainBullets: 1,
-            formatFractionCurrent: (number) => number,
-            formatFractionTotal: (number) => number,
-            bulletClass: `${pfx}-bullet`,
-            bulletActiveClass: `${pfx}-bullet-active`,
-            modifierClass: `${pfx}-`,
-            currentClass: `${pfx}-current`,
-            totalClass: `${pfx}-total`,
-            hiddenClass: `${pfx}-hidden`,
-            progressbarFillClass: `${pfx}-progressbar-fill`,
-            progressbarOppositeClass: `${pfx}-progressbar-opposite`,
-            clickableClass: `${pfx}-clickable`,
-            lockClass: `${pfx}-lock`,
-            horizontalClass: `${pfx}-horizontal`,
-            verticalClass: `${pfx}-vertical`,
-            paginationDisabledClass: `${pfx}-disabled`,
+            formatFractionCurrent: function (number) { return number; },
+            formatFractionTotal: function (number) { return number; },
+            bulletClass: "".concat(pfx, "-bullet"),
+            bulletActiveClass: "".concat(pfx, "-bullet-active"),
+            modifierClass: "".concat(pfx, "-"),
+            currentClass: "".concat(pfx, "-current"),
+            totalClass: "".concat(pfx, "-total"),
+            hiddenClass: "".concat(pfx, "-hidden"),
+            progressbarFillClass: "".concat(pfx, "-progressbar-fill"),
+            progressbarOppositeClass: "".concat(pfx, "-progressbar-opposite"),
+            clickableClass: "".concat(pfx, "-clickable"),
+            lockClass: "".concat(pfx, "-lock"),
+            horizontalClass: "".concat(pfx, "-horizontal"),
+            verticalClass: "".concat(pfx, "-vertical"),
+            paginationDisabledClass: "".concat(pfx, "-disabled"),
         },
     });
     swiper.pagination = {
         el: null,
         bullets: [],
     };
-    let bulletSize;
-    let dynamicBulletIndex = 0;
+    var bulletSize;
+    var dynamicBulletIndex = 0;
     function isPaginationDisabled() {
         return (!swiper.params.pagination.el ||
             !swiper.pagination.el ||
             (Array.isArray(swiper.pagination.el) && swiper.pagination.el.length === 0));
     }
     function setSideBullets(bulletEl, position) {
-        const { bulletActiveClass } = swiper.params.pagination;
+        var bulletActiveClass = swiper.params.pagination.bulletActiveClass;
         if (!bulletEl)
             return;
-        bulletEl = bulletEl[`${position === 'prev' ? 'previous' : 'next'}ElementSibling`];
+        bulletEl = bulletEl["".concat(position === 'prev' ? 'previous' : 'next', "ElementSibling")];
         if (bulletEl) {
-            bulletEl.classList.add(`${bulletActiveClass}-${position}`);
-            bulletEl = bulletEl[`${position === 'prev' ? 'previous' : 'next'}ElementSibling`];
+            bulletEl.classList.add("".concat(bulletActiveClass, "-").concat(position));
+            bulletEl = bulletEl["".concat(position === 'prev' ? 'previous' : 'next', "ElementSibling")];
             if (bulletEl) {
-                bulletEl.classList.add(`${bulletActiveClass}-${position}-${position}`);
+                bulletEl.classList.add("".concat(bulletActiveClass, "-").concat(position, "-").concat(position));
             }
         }
     }
     function onBulletClick(e) {
-        const bulletEl = e.target.closest(classesToSelector(swiper.params.pagination.bulletClass));
+        var bulletEl = e.target.closest((0, classes_to_selector_1.default)(swiper.params.pagination.bulletClass));
         if (!bulletEl) {
             return;
         }
         e.preventDefault();
-        const index = elementIndex(bulletEl) * swiper.params.slidesPerGroup;
+        var index = (0, utils_1.elementIndex)(bulletEl) * swiper.params.slidesPerGroup;
         if (swiper.params.loop) {
             if (swiper.realIndex === index)
                 return;
@@ -75,20 +91,21 @@ export function Pagination({ swiper, extendParams, on, emit }) {
         }
     }
     function update() {
+        var _a, _b;
         // Render || Update Pagination bullets/items
-        const rtl = swiper.rtl;
-        const params = swiper.params.pagination;
+        var rtl = swiper.rtl;
+        var params = swiper.params.pagination;
         if (isPaginationDisabled())
             return;
-        let el = swiper.pagination.el;
-        el = makeElementsArray(el);
+        var el = swiper.pagination.el;
+        el = (0, utils_1.makeElementsArray)(el);
         // Current/Total
-        let current;
-        let previousIndex;
-        const slidesLength = swiper.virtual && swiper.params.virtual.enabled
+        var current;
+        var previousIndex;
+        var slidesLength = swiper.virtual && swiper.params.virtual.enabled
             ? swiper.virtual.slides.length
             : swiper.slides.length;
-        const total = swiper.params.loop
+        var total = swiper.params.loop
             ? Math.ceil(slidesLength / swiper.params.slidesPerGroup)
             : swiper.snapGrid.length;
         if (swiper.params.loop) {
@@ -110,14 +127,14 @@ export function Pagination({ swiper, extendParams, on, emit }) {
         if (params.type === 'bullets' &&
             swiper.pagination.bullets &&
             swiper.pagination.bullets.length > 0) {
-            const bullets = swiper.pagination.bullets;
-            let firstIndex;
-            let lastIndex;
-            let midIndex;
+            var bullets = swiper.pagination.bullets;
+            var firstIndex_1;
+            var lastIndex_1;
+            var midIndex = void 0;
             if (params.dynamicBullets) {
-                bulletSize = elementOuterSize(bullets[0], swiper.isHorizontal() ? 'width' : 'height', true);
-                el.forEach((subEl) => {
-                    subEl.style[swiper.isHorizontal() ? 'width' : 'height'] = `${bulletSize * (params.dynamicMainBullets + 4)}px`;
+                bulletSize = (0, utils_1.elementOuterSize)(bullets[0], swiper.isHorizontal() ? 'width' : 'height', true);
+                el.forEach(function (subEl) {
+                    subEl.style[swiper.isHorizontal() ? 'width' : 'height'] = "".concat(bulletSize * (params.dynamicMainBullets + 4), "px");
                 });
                 if (params.dynamicMainBullets > 1 && previousIndex !== undefined) {
                     dynamicBulletIndex += current - (previousIndex || 0);
@@ -128,56 +145,55 @@ export function Pagination({ swiper, extendParams, on, emit }) {
                         dynamicBulletIndex = 0;
                     }
                 }
-                firstIndex = Math.max(current - dynamicBulletIndex, 0);
-                lastIndex = firstIndex + (Math.min(bullets.length, params.dynamicMainBullets) - 1);
-                midIndex = (lastIndex + firstIndex) / 2;
+                firstIndex_1 = Math.max(current - dynamicBulletIndex, 0);
+                lastIndex_1 = firstIndex_1 + (Math.min(bullets.length, params.dynamicMainBullets) - 1);
+                midIndex = (lastIndex_1 + firstIndex_1) / 2;
             }
-            bullets.forEach((bulletEl) => {
-                const classesToRemove = [
-                    ...['', '-next', '-next-next', '-prev', '-prev-prev', '-main'].map((suffix) => `${params.bulletActiveClass}${suffix}`),
-                ]
-                    .map((s) => (typeof s === 'string' && s.includes(' ') ? s.split(' ') : s))
+            bullets.forEach(function (bulletEl) {
+                var _a;
+                var classesToRemove = __spreadArray([], ['', '-next', '-next-next', '-prev', '-prev-prev', '-main'].map(function (suffix) { return "".concat(params.bulletActiveClass).concat(suffix); }), true).map(function (s) { return (typeof s === 'string' && s.includes(' ') ? s.split(' ') : s); })
                     .flat();
-                bulletEl.classList.remove(...classesToRemove);
+                (_a = bulletEl.classList).remove.apply(_a, classesToRemove);
             });
             if (el.length > 1) {
-                bullets.forEach((bullet) => {
-                    const bulletIndex = elementIndex(bullet);
+                bullets.forEach(function (bullet) {
+                    var _a, _b;
+                    var bulletIndex = (0, utils_1.elementIndex)(bullet);
                     if (bulletIndex === current) {
-                        bullet.classList.add(...params.bulletActiveClass.split(' '));
+                        (_a = bullet.classList).add.apply(_a, params.bulletActiveClass.split(' '));
                     }
                     else if (swiper.isElement) {
                         bullet.setAttribute('part', 'bullet');
                     }
                     if (params.dynamicBullets) {
-                        if (bulletIndex >= firstIndex && bulletIndex <= lastIndex) {
-                            bullet.classList.add(...`${params.bulletActiveClass}-main`.split(' '));
+                        if (bulletIndex >= firstIndex_1 && bulletIndex <= lastIndex_1) {
+                            (_b = bullet.classList).add.apply(_b, "".concat(params.bulletActiveClass, "-main").split(' '));
                         }
-                        if (bulletIndex === firstIndex) {
+                        if (bulletIndex === firstIndex_1) {
                             setSideBullets(bullet, 'prev');
                         }
-                        if (bulletIndex === lastIndex) {
+                        if (bulletIndex === lastIndex_1) {
                             setSideBullets(bullet, 'next');
                         }
                     }
                 });
             }
             else {
-                const bullet = bullets[current];
+                var bullet = bullets[current];
                 if (bullet) {
-                    bullet.classList.add(...params.bulletActiveClass.split(' '));
+                    (_a = bullet.classList).add.apply(_a, params.bulletActiveClass.split(' '));
                 }
                 if (swiper.isElement) {
-                    bullets.forEach((bulletEl, bulletIndex) => {
+                    bullets.forEach(function (bulletEl, bulletIndex) {
                         bulletEl.setAttribute('part', bulletIndex === current ? 'bullet-active' : 'bullet');
                     });
                 }
                 if (params.dynamicBullets) {
-                    const firstDisplayedBullet = bullets[firstIndex];
-                    const lastDisplayedBullet = bullets[lastIndex];
-                    for (let i = firstIndex; i <= lastIndex; i += 1) {
+                    var firstDisplayedBullet = bullets[firstIndex_1];
+                    var lastDisplayedBullet = bullets[lastIndex_1];
+                    for (var i = firstIndex_1; i <= lastIndex_1; i += 1) {
                         if (bullets[i]) {
-                            bullets[i].classList.add(...`${params.bulletActiveClass}-main`.split(' '));
+                            (_b = bullets[i].classList).add.apply(_b, "".concat(params.bulletActiveClass, "-main").split(' '));
                         }
                     }
                     setSideBullets(firstDisplayedBullet, 'prev');
@@ -185,45 +201,45 @@ export function Pagination({ swiper, extendParams, on, emit }) {
                 }
             }
             if (params.dynamicBullets) {
-                const dynamicBulletsLength = Math.min(bullets.length, params.dynamicMainBullets + 4);
-                const bulletsOffset = (bulletSize * dynamicBulletsLength - bulletSize) / 2 - midIndex * bulletSize;
-                const offsetProp = rtl ? 'right' : 'left';
-                bullets.forEach((bullet) => {
-                    bullet.style[swiper.isHorizontal() ? offsetProp : 'top'] = `${bulletsOffset}px`;
+                var dynamicBulletsLength = Math.min(bullets.length, params.dynamicMainBullets + 4);
+                var bulletsOffset_1 = (bulletSize * dynamicBulletsLength - bulletSize) / 2 - midIndex * bulletSize;
+                var offsetProp_1 = rtl ? 'right' : 'left';
+                bullets.forEach(function (bullet) {
+                    bullet.style[swiper.isHorizontal() ? offsetProp_1 : 'top'] = "".concat(bulletsOffset_1, "px");
                 });
             }
         }
-        el.forEach((subEl, subElIndex) => {
+        el.forEach(function (subEl, subElIndex) {
             if (params.type === 'fraction') {
-                subEl.querySelectorAll(classesToSelector(params.currentClass)).forEach((fractionEl) => {
+                subEl.querySelectorAll((0, classes_to_selector_1.default)(params.currentClass)).forEach(function (fractionEl) {
                     fractionEl.textContent = params.formatFractionCurrent(current + 1);
                 });
-                subEl.querySelectorAll(classesToSelector(params.totalClass)).forEach((totalEl) => {
+                subEl.querySelectorAll((0, classes_to_selector_1.default)(params.totalClass)).forEach(function (totalEl) {
                     totalEl.textContent = params.formatFractionTotal(total);
                 });
             }
             if (params.type === 'progressbar') {
-                let progressbarDirection;
+                var progressbarDirection = void 0;
                 if (params.progressbarOpposite) {
                     progressbarDirection = swiper.isHorizontal() ? 'vertical' : 'horizontal';
                 }
                 else {
                     progressbarDirection = swiper.isHorizontal() ? 'horizontal' : 'vertical';
                 }
-                const scale = (current + 1) / total;
-                let scaleX = 1;
-                let scaleY = 1;
+                var scale = (current + 1) / total;
+                var scaleX_1 = 1;
+                var scaleY_1 = 1;
                 if (progressbarDirection === 'horizontal') {
-                    scaleX = scale;
+                    scaleX_1 = scale;
                 }
                 else {
-                    scaleY = scale;
+                    scaleY_1 = scale;
                 }
                 subEl
-                    .querySelectorAll(classesToSelector(params.progressbarFillClass))
-                    .forEach((progressEl) => {
-                    progressEl.style.transform = `translate3d(0,0,0) scaleX(${scaleX}) scaleY(${scaleY})`;
-                    progressEl.style.transitionDuration = `${swiper.params.speed}ms`;
+                    .querySelectorAll((0, classes_to_selector_1.default)(params.progressbarFillClass))
+                    .forEach(function (progressEl) {
+                    progressEl.style.transform = "translate3d(0,0,0) scaleX(".concat(scaleX_1, ") scaleY(").concat(scaleY_1, ")");
+                    progressEl.style.transitionDuration = "".concat(swiper.params.speed, "ms");
                 });
             }
             if (params.type === 'custom' && params.renderCustom) {
@@ -243,19 +259,19 @@ export function Pagination({ swiper, extendParams, on, emit }) {
     }
     function render() {
         // Render Container
-        const params = swiper.params.pagination;
+        var params = swiper.params.pagination;
         if (isPaginationDisabled())
             return;
-        const slidesLength = swiper.virtual && swiper.params.virtual.enabled
+        var slidesLength = swiper.virtual && swiper.params.virtual.enabled
             ? swiper.virtual.slides.length
             : swiper.grid && swiper.params.grid.rows > 1
                 ? swiper.slides.length / Math.ceil(swiper.params.grid.rows)
                 : swiper.slides.length;
-        let el = swiper.pagination.el;
-        el = makeElementsArray(el);
-        let paginationHTML = '';
+        var el = swiper.pagination.el;
+        el = (0, utils_1.makeElementsArray)(el);
+        var paginationHTML = '';
         if (params.type === 'bullets') {
-            let numberOfBullets = swiper.params.loop
+            var numberOfBullets = swiper.params.loop
                 ? Math.ceil(slidesLength / swiper.params.slidesPerGroup)
                 : swiper.snapGrid.length;
             if (swiper.params.freeMode &&
@@ -263,13 +279,13 @@ export function Pagination({ swiper, extendParams, on, emit }) {
                 numberOfBullets > slidesLength) {
                 numberOfBullets = slidesLength;
             }
-            for (let i = 0; i < numberOfBullets; i += 1) {
+            for (var i = 0; i < numberOfBullets; i += 1) {
                 if (params.renderBullet) {
                     paginationHTML += params.renderBullet.call(swiper, i, params.bulletClass);
                 }
                 else {
                     // prettier-ignore
-                    paginationHTML += `<${params.bulletElement} ${swiper.isElement ? 'part="bullet"' : ''} class="${params.bulletClass}"></${params.bulletElement}>`;
+                    paginationHTML += "<".concat(params.bulletElement, " ").concat(swiper.isElement ? 'part="bullet"' : '', " class=\"").concat(params.bulletClass, "\"></").concat(params.bulletElement, ">");
                 }
             }
         }
@@ -279,9 +295,9 @@ export function Pagination({ swiper, extendParams, on, emit }) {
             }
             else {
                 paginationHTML =
-                    `<span class="${params.currentClass}"></span>` +
+                    "<span class=\"".concat(params.currentClass, "\"></span>") +
                         ' / ' +
-                        `<span class="${params.totalClass}"></span>`;
+                        "<span class=\"".concat(params.totalClass, "\"></span>");
             }
         }
         if (params.type === 'progressbar') {
@@ -289,16 +305,17 @@ export function Pagination({ swiper, extendParams, on, emit }) {
                 paginationHTML = params.renderProgressbar.call(swiper, params.progressbarFillClass);
             }
             else {
-                paginationHTML = `<span class="${params.progressbarFillClass}"></span>`;
+                paginationHTML = "<span class=\"".concat(params.progressbarFillClass, "\"></span>");
             }
         }
         swiper.pagination.bullets = [];
-        el.forEach((subEl) => {
+        el.forEach(function (subEl) {
+            var _a;
             if (params.type !== 'custom') {
                 subEl.innerHTML = paginationHTML || '';
             }
             if (params.type === 'bullets') {
-                swiper.pagination.bullets.push(...subEl.querySelectorAll(classesToSelector(params.bulletClass)));
+                (_a = swiper.pagination.bullets).push.apply(_a, subEl.querySelectorAll((0, classes_to_selector_1.default)(params.bulletClass)));
             }
         });
         if (params.type !== 'custom') {
@@ -306,16 +323,16 @@ export function Pagination({ swiper, extendParams, on, emit }) {
         }
     }
     function init() {
-        swiper.params.pagination = createElementIfNotDefined(swiper, swiper.originalParams.pagination, swiper.params.pagination, { el: 'swiper-pagination' });
-        const params = swiper.params.pagination;
+        swiper.params.pagination = (0, create_element_if_not_defined_1.default)(swiper, swiper.originalParams.pagination, swiper.params.pagination, { el: 'swiper-pagination' });
+        var params = swiper.params.pagination;
         if (!params.el)
             return;
-        let el;
+        var el;
         if (typeof params.el === 'string' && swiper.isElement) {
             el = swiper.el.querySelector(params.el);
         }
         if (!el && typeof params.el === 'string') {
-            el = [...document.querySelectorAll(params.el)];
+            el = __spreadArray([], document.querySelectorAll(params.el), true);
         }
         if (!el) {
             el = params.el;
@@ -326,11 +343,11 @@ export function Pagination({ swiper, extendParams, on, emit }) {
             typeof params.el === 'string' &&
             Array.isArray(el) &&
             el.length > 1) {
-            el = [...swiper.el.querySelectorAll(params.el)];
+            el = __spreadArray([], swiper.el.querySelectorAll(params.el), true);
             // check if it belongs to another nested Swiper
             if (el.length > 1) {
-                el = el.filter((subEl) => {
-                    if (elementParents(subEl, '.swiper')[0] !== swiper.el)
+                el = el.filter(function (subEl) {
+                    if ((0, utils_1.elementParents)(subEl, '.swiper')[0] !== swiper.el)
                         return false;
                     return true;
                 })[0];
@@ -339,17 +356,18 @@ export function Pagination({ swiper, extendParams, on, emit }) {
         if (Array.isArray(el) && el.length === 1)
             el = el[0];
         Object.assign(swiper.pagination, {
-            el,
+            el: el,
         });
-        el = makeElementsArray(el);
-        el.forEach((subEl) => {
+        el = (0, utils_1.makeElementsArray)(el);
+        el.forEach(function (subEl) {
+            var _a;
             if (params.type === 'bullets' && params.clickable) {
-                subEl.classList.add(...(params.clickableClass || '').split(' '));
+                (_a = subEl.classList).add.apply(_a, (params.clickableClass || '').split(' '));
             }
             subEl.classList.add(params.modifierClass + params.type);
             subEl.classList.add(swiper.isHorizontal() ? params.horizontalClass : params.verticalClass);
             if (params.type === 'bullets' && params.dynamicBullets) {
-                subEl.classList.add(`${params.modifierClass}${params.type}-dynamic`);
+                subEl.classList.add("".concat(params.modifierClass).concat(params.type, "-dynamic"));
                 dynamicBulletIndex = 0;
                 if (params.dynamicMainBullets < 1) {
                     params.dynamicMainBullets = 1;
@@ -367,37 +385,41 @@ export function Pagination({ swiper, extendParams, on, emit }) {
         });
     }
     function destroy() {
-        const params = swiper.params.pagination;
+        var params = swiper.params.pagination;
         if (isPaginationDisabled())
             return;
-        let el = swiper.pagination.el;
+        var el = swiper.pagination.el;
         if (el) {
-            el = makeElementsArray(el);
-            el.forEach((subEl) => {
+            el = (0, utils_1.makeElementsArray)(el);
+            el.forEach(function (subEl) {
+                var _a;
                 subEl.classList.remove(params.hiddenClass);
                 subEl.classList.remove(params.modifierClass + params.type);
                 subEl.classList.remove(swiper.isHorizontal() ? params.horizontalClass : params.verticalClass);
                 if (params.clickable) {
-                    subEl.classList.remove(...(params.clickableClass || '').split(' '));
+                    (_a = subEl.classList).remove.apply(_a, (params.clickableClass || '').split(' '));
                     subEl.removeEventListener('click', onBulletClick);
                 }
             });
         }
         if (swiper.pagination.bullets)
-            swiper.pagination.bullets.forEach((subEl) => subEl.classList.remove(...params.bulletActiveClass.split(' ')));
+            swiper.pagination.bullets.forEach(function (subEl) {
+                var _a;
+                return (_a = subEl.classList).remove.apply(_a, params.bulletActiveClass.split(' '));
+            });
     }
-    on('changeDirection', () => {
+    on('changeDirection', function () {
         if (!swiper.pagination || !swiper.pagination.el)
             return;
-        const params = swiper.params.pagination;
-        let { el } = swiper.pagination;
-        el = makeElementsArray(el);
-        el.forEach((subEl) => {
+        var params = swiper.params.pagination;
+        var el = swiper.pagination.el;
+        el = (0, utils_1.makeElementsArray)(el);
+        el.forEach(function (subEl) {
             subEl.classList.remove(params.horizontalClass, params.verticalClass);
             subEl.classList.add(swiper.isHorizontal() ? params.horizontalClass : params.verticalClass);
         });
     });
-    on('init', () => {
+    on('init', function () {
         if (swiper.params.pagination.enabled === false) {
             // eslint-disable-next-line
             disable();
@@ -408,34 +430,36 @@ export function Pagination({ swiper, extendParams, on, emit }) {
             update();
         }
     });
-    on('activeIndexChange', () => {
+    on('activeIndexChange', function () {
         if (typeof swiper.snapIndex === 'undefined') {
             update();
         }
     });
-    on('snapIndexChange', () => {
+    on('snapIndexChange', function () {
         update();
     });
-    on('snapGridLengthChange', () => {
+    on('snapGridLengthChange', function () {
         render();
         update();
     });
-    on('destroy', () => {
+    on('destroy', function () {
         destroy();
     });
-    on('enable disable', () => {
-        let { el } = swiper.pagination;
+    on('enable disable', function () {
+        var el = swiper.pagination.el;
         if (el) {
-            el = makeElementsArray(el);
-            el.forEach((subEl) => subEl.classList[swiper.enabled ? 'remove' : 'add'](swiper.params.pagination.lockClass));
+            el = (0, utils_1.makeElementsArray)(el);
+            el.forEach(function (subEl) {
+                return subEl.classList[swiper.enabled ? 'remove' : 'add'](swiper.params.pagination.lockClass);
+            });
         }
     });
-    on('lock unlock', () => {
+    on('lock unlock', function () {
         update();
     });
-    on('click', (_s, e) => {
-        const targetEl = e.target;
-        const el = makeElementsArray(swiper.pagination.el);
+    on('click', function (_s, e) {
+        var targetEl = e.target;
+        var el = (0, utils_1.makeElementsArray)(swiper.pagination.el);
         if (swiper.params.pagination.el &&
             swiper.params.pagination.hideOnClick &&
             el &&
@@ -445,43 +469,45 @@ export function Pagination({ swiper, extendParams, on, emit }) {
                 ((swiper.navigation.nextEl && targetEl === swiper.navigation.nextEl) ||
                     (swiper.navigation.prevEl && targetEl === swiper.navigation.prevEl)))
                 return;
-            const isHidden = el[0].classList.contains(swiper.params.pagination.hiddenClass);
+            var isHidden = el[0].classList.contains(swiper.params.pagination.hiddenClass);
             if (isHidden === true) {
                 emit('paginationShow');
             }
             else {
                 emit('paginationHide');
             }
-            el.forEach((subEl) => subEl.classList.toggle(swiper.params.pagination.hiddenClass));
+            el.forEach(function (subEl) { return subEl.classList.toggle(swiper.params.pagination.hiddenClass); });
         }
     });
-    const enable = () => {
+    var enable = function () {
         swiper.el.classList.remove(swiper.params.pagination.paginationDisabledClass);
-        let { el } = swiper.pagination;
+        var el = swiper.pagination.el;
         if (el) {
-            el = makeElementsArray(el);
-            el.forEach((subEl) => subEl.classList.remove(swiper.params.pagination.paginationDisabledClass));
+            el = (0, utils_1.makeElementsArray)(el);
+            el.forEach(function (subEl) {
+                return subEl.classList.remove(swiper.params.pagination.paginationDisabledClass);
+            });
         }
         init();
         render();
         update();
     };
-    const disable = () => {
+    var disable = function () {
         swiper.el.classList.add(swiper.params.pagination.paginationDisabledClass);
-        let { el } = swiper.pagination;
+        var el = swiper.pagination.el;
         if (el) {
-            el = makeElementsArray(el);
-            el.forEach((subEl) => subEl.classList.add(swiper.params.pagination.paginationDisabledClass));
+            el = (0, utils_1.makeElementsArray)(el);
+            el.forEach(function (subEl) { return subEl.classList.add(swiper.params.pagination.paginationDisabledClass); });
         }
         destroy();
     };
     Object.assign(swiper.pagination, {
-        enable,
-        disable,
-        render,
-        update,
-        init,
-        destroy,
+        enable: enable,
+        disable: disable,
+        render: render,
+        update: update,
+        init: init,
+        destroy: destroy,
     });
 }
 //# sourceMappingURL=pagination.js.map