wickes-css2 2.103.0-IC-976-pre-commit-lint.5 → 2.103.0-IC-976-pre-commit-lint.8

package/src/js/components/banner-placement-manager.js

@@ -1,295 +1,258 @@
 var Wick = Wick || {};
 Wick.BannerPlacementManager = {
-    SPONSOR_BANNERS_DISPLAYED_EVENT: 'sponsorAdsDisplayedEvent',
-    el: {
-        banners: '.card-product-banner',
-        sponsorBanners: '.card-sponsor-banner',
-        sponsorProducts: '.card-sponsor-product',
-        allBanners: '.card-product-banner, .card-sponsor-banner, .card-sponsor-product',
-        productCard: '.product-card',
-        allListSlots:
-            '.product-card, .card-product-banner, .card-sponsor-banner, .card-sponsor-product',
-        productsWrap: '.products-list-v2',
-        $products: $('.product-card'),
-        attrPositionDesktop: 'data-desktop-position',
-        attrPositionMobile: 'data-mobile-position',
-        attrRequiredAmountDesktop: 'data-required-amount-desktop',
-        attrRequiredAmountMobile: 'data-required-amount-mobile',
-        hide: 'd-none',
-        sponsoredAdvBanners: '.sponsored-ad',
-    },
-    classes: {
-        sponsorBanners: 'card-sponsor-banner',
-        sponsorProducts: 'card-sponsor-product',
-        productBanners: 'card-product-banner',
-        bannerInactiveClass: 'card-product-banner--inactive',
-    },
-    isEventSent: false,
-    currentBreakpoint: null,
-    checkProductsInColumn() {
-        Wick.BannerPlacementManager.addInactiveClasses();
-        Wick.BannerPlacementManager.arrangeBannersInRightOrder();
-        const $allBanners = $(Wick.BannerPlacementManager.el.allBanners);
-        const totalProducts = Wick.BannerPlacementManager.getListLength();
-        const totalSlots = totalProducts + $allBanners.length;
-        $allBanners.each((index, banner) => {
-            const bannerPosition = Wick.BannerPlacementManager.getBannerPosition(banner);
+  SPONSOR_BANNERS_DISPLAYED_EVENT: 'sponsorAdsDisplayedEvent',
+  el: {
+    banners: '.card-product-banner',
+    sponsorBanners: '.card-sponsor-banner',
+    sponsorProducts: '.card-sponsor-product',
+    allBanners: '.card-product-banner, .card-sponsor-banner, .card-sponsor-product',
+    productCard: '.product-card',
+    allListSlots: '.product-card, .card-product-banner, .card-sponsor-banner, .card-sponsor-product',
+    productsWrap: '.products-list-v2',
+    $products: $('.product-card'),
+    attrPositionDesktop: 'data-desktop-position',
+    attrPositionMobile: 'data-mobile-position',
+    attrRequiredAmountDesktop: 'data-required-amount-desktop',
+    attrRequiredAmountMobile: 'data-required-amount-mobile',
+    hide: 'd-none',
+    sponsoredAdvBanners: '.sponsored-ad'
+  },
+  classes: {
+    sponsorBanners: 'card-sponsor-banner',
+    sponsorProducts: 'card-sponsor-product',
+    productBanners: 'card-product-banner',
+    bannerInactiveClass: 'card-product-banner--inactive'
+  },
+  isEventSent: false,
+  currentBreakpoint: null,
+  checkProductsInColumn() {
+    Wick.BannerPlacementManager.addInactiveClasses();
+    Wick.BannerPlacementManager.arrangeBannersInRightOrder();
+    const $allBanners = $(Wick.BannerPlacementManager.el.allBanners);
+    const totalProducts = Wick.BannerPlacementManager.getListLength();
+    const totalSlots = totalProducts + $allBanners.length;
+    $allBanners.each((index, banner) => {
+      const bannerPosition = Wick.BannerPlacementManager.getBannerPosition(banner);
 
-            if ($(banner).hasClass('card-product-banner')) {
-                if (bannerPosition > totalSlots) {
-                    Wick.BannerPlacementManager.hideBanner(banner);
-                    $(Wick.BannerPlacementManager.el.productsWrap).append(banner);
-                    return;
-                }
-            }
+      if ($(banner).hasClass('card-product-banner')) {
+        if (bannerPosition > totalSlots) {
+          Wick.BannerPlacementManager.hideBanner(banner);
+          $(Wick.BannerPlacementManager.el.productsWrap).append(banner);
+          return;
+        }
+      }
 
-            if (
-                $(banner).hasClass(Wick.BannerPlacementManager.classes.sponsorBanners) ||
-                $(banner).hasClass(Wick.BannerPlacementManager.classes.sponsorProducts)
-            ) {
-                if (bannerPosition > totalProducts) {
-                    Wick.BannerPlacementManager.showBanner(banner);
-                    Wick.BannerPlacementManager.removeInactiveClass(banner);
-                    $(Wick.BannerPlacementManager.el.productsWrap).append(banner);
-                    return;
-                }
-            }
+      if ($(banner).hasClass(Wick.BannerPlacementManager.classes.sponsorBanners) || $(banner).hasClass(Wick.BannerPlacementManager.classes.sponsorProducts)) {
+        if (bannerPosition > totalProducts) {
+          Wick.BannerPlacementManager.showBanner(banner);
+          Wick.BannerPlacementManager.removeInactiveClass(banner);
+          $(Wick.BannerPlacementManager.el.productsWrap).append(banner);
+          return;
+        }
+      }
 
-            Wick.BannerPlacementManager.hideBannerDueLimit(banner, index);
-            Wick.BannerPlacementManager.moveBannerToSpecifiedPosition(banner);
-        });
-    },
-    moveBannerToSpecifiedPosition(banner) {
-        const $listSlots = Wick.BannerPlacementManager.getListSlots();
-        const bannerPosition = Wick.BannerPlacementManager.getBannerPosition(banner) - 2;
-        const listSlotsLength = $listSlots.length;
+      Wick.BannerPlacementManager.hideBannerDueLimit(banner, index);
+      Wick.BannerPlacementManager.moveBannerToSpecifiedPosition(banner);
+    });
+  },
+  moveBannerToSpecifiedPosition(banner) {
+    const $listSlots = Wick.BannerPlacementManager.getListSlots();
+    const bannerPosition = Wick.BannerPlacementManager.getBannerPosition(banner) - 2;
+    const listSlotsLength = $listSlots.length;
 
-        if (Wick.BannerPlacementManager.isBannerVisible(banner)) {
-            if (bannerPosition <= listSlotsLength) {
-                if ($listSlots[bannerPosition]) {
-                    Wick.BannerPlacementManager.showBanner(banner);
-                    Wick.BannerPlacementManager.removeInactiveClass(banner);
-                    Wick.BannerPlacementManager.moveBanner(banner, $listSlots[bannerPosition]);
-                } else {
-                    Wick.BannerPlacementManager.hideBanner(banner);
-                    Wick.BannerPlacementManager.coverEdgeCases(banner);
-                }
-            } else {
-                if (
-                    $(banner).hasClass(Wick.BannerPlacementManager.classes.sponsorBanners) ||
-                    $(banner).hasClass(Wick.BannerPlacementManager.classes.sponsorProducts)
-                ) {
-                    Wick.BannerPlacementManager.showBanner(banner);
-                    Wick.BannerPlacementManager.removeInactiveClass(banner);
-                    $(Wick.BannerPlacementManager.el.productsWrap).append(banner);
-                } else {
-                    Wick.BannerPlacementManager.hideBanner(banner);
-                }
-            }
+    if (Wick.BannerPlacementManager.isBannerVisible(banner)) {
+      if (bannerPosition <= listSlotsLength) {
+        if ($listSlots[bannerPosition]) {
+          Wick.BannerPlacementManager.showBanner(banner);
+          Wick.BannerPlacementManager.removeInactiveClass(banner);
+          Wick.BannerPlacementManager.moveBanner(banner, $listSlots[bannerPosition]);
+        } else {
+          Wick.BannerPlacementManager.hideBanner(banner);
+          Wick.BannerPlacementManager.coverEdgeCases(banner);
         }
-    },
-    moveBanner(banner, targetElement) {
-        $(banner).remove();
-        $(targetElement).after(banner);
-    },
-    hideBanner(banner) {
-        $(banner).addClass(Wick.BannerPlacementManager.el.hide);
-    },
-    showBanner(banner) {
-        $(banner).removeClass(Wick.BannerPlacementManager.el.hide);
-    },
-    isBannerVisible(banner) {
-        return !$(banner).hasClass(Wick.BannerPlacementManager.el.hide);
-    },
-    hideBannerDueLimit(banner) {
-        const bannerMinLimit = Wick.BannerPlacementManager.getBannerLimit(banner) - 1;
-        const $listSlots = Wick.BannerPlacementManager.getListSlots();
-        const listProductsLength = $listSlots.length;
-        Wick.BannerPlacementManager.showBanner(banner);
-
-        if (bannerMinLimit > listProductsLength) {
-            Wick.BannerPlacementManager.hideBanner(banner);
+      } else {
+        if ($(banner).hasClass(Wick.BannerPlacementManager.classes.sponsorBanners) || $(banner).hasClass(Wick.BannerPlacementManager.classes.sponsorProducts)) {
+          Wick.BannerPlacementManager.showBanner(banner);
+          Wick.BannerPlacementManager.removeInactiveClass(banner);
+          $(Wick.BannerPlacementManager.el.productsWrap).append(banner);
+        } else {
+          Wick.BannerPlacementManager.hideBanner(banner);
         }
-    },
-    getBannerPosition(banner) {
-        const isMobile = Wick.BannerPlacementManager.isMobileResolution();
-        const positionAttribute = isMobile
-            ? Wick.BannerPlacementManager.el.attrPositionMobile
-            : Wick.BannerPlacementManager.el.attrPositionDesktop;
+      }
+    }
+  },
+  moveBanner(banner, targetElement) {
+    $(banner).remove();
+    $(targetElement).after(banner);
+  },
+  hideBanner(banner) {
+    $(banner).addClass(Wick.BannerPlacementManager.el.hide);
+  },
+  showBanner(banner) {
+    $(banner).removeClass(Wick.BannerPlacementManager.el.hide);
+  },
+  isBannerVisible(banner) {
+    return !$(banner).hasClass(Wick.BannerPlacementManager.el.hide);
+  },
+  hideBannerDueLimit(banner) {
+    const bannerMinLimit = Wick.BannerPlacementManager.getBannerLimit(banner) - 1;
+    const $listSlots = Wick.BannerPlacementManager.getListSlots();
+    const listProductsLength = $listSlots.length;
+    Wick.BannerPlacementManager.showBanner(banner);
 
-        return banner.hasAttribute(positionAttribute)
-            ? Number(banner.getAttribute(positionAttribute))
-            : Number(
-                  Wick.BannerPlacementManager.getListLength() +
-                      Wick.BannerPlacementManager.getBannersAmount()
-              );
-    },
-    getBannerLimit(banner) {
-        const isMobile = Wick.BannerPlacementManager.isMobileResolution();
+    if (bannerMinLimit > listProductsLength) {
+      Wick.BannerPlacementManager.hideBanner(banner);
+    }
+  },
+  getBannerPosition(banner) {
+    const isMobile = Wick.BannerPlacementManager.isMobileResolution();
+    const positionAttribute = isMobile
+      ?  Wick.BannerPlacementManager.el.attrPositionMobile
+      : Wick.BannerPlacementManager.el.attrPositionDesktop
 
-        const limitAttribute = isMobile
-            ? Wick.BannerPlacementManager.el.attrRequiredAmountMobile
-            : Wick.BannerPlacementManager.el.attrRequiredAmountDesktop;
+    return banner.hasAttribute(positionAttribute)
+      ? Number(banner.getAttribute(positionAttribute))
+      : Number(Wick.BannerPlacementManager.getListLength() + Wick.BannerPlacementManager.getBannersAmount());
+  },
+  getBannerLimit(banner) {
+    const isMobile = Wick.BannerPlacementManager.isMobileResolution();
 
-        return banner.hasAttribute(limitAttribute)
-            ? Number(banner.getAttribute(limitAttribute))
-            : 0;
-    },
-    isMobileResolution() {
-        return Wick.Responsive.getCurrentBreakpoint() !== 'up-lg';
-    },
-    getListLength() {
-        const $listItems = $(Wick.BannerPlacementManager.el.productsWrap).children(
-            Wick.BannerPlacementManager.el.productCard
-        );
-        return $listItems.length;
-    },
-    getBannersAmount() {
-        return $(Wick.BannerPlacementManager.el.allBanners).length;
-    },
-    getProductsAmount() {
-        return Wick.BannerPlacementManager.el.$products.length;
-    },
-    arrangeBannersInRightOrder() {
-        const $allBanners = $(Wick.BannerPlacementManager.el.allBanners);
+    const limitAttribute = isMobile
+      ? Wick.BannerPlacementManager.el.attrRequiredAmountMobile
+      : Wick.BannerPlacementManager.el.attrRequiredAmountDesktop;
 
-        const sponsorProducts = $allBanners.filter((i, el) =>
-            $(el).hasClass(Wick.BannerPlacementManager.classes.sponsorProducts)
-        );
-        const sponsorBanners = $allBanners.filter((i, el) =>
-            $(el).hasClass(Wick.BannerPlacementManager.classes.sponsorBanners)
-        );
+    return banner.hasAttribute(limitAttribute)
+      ? Number(banner.getAttribute(limitAttribute))
+      : 0;
+  },
+  isMobileResolution() {
+    return Wick.Responsive.getCurrentBreakpoint() !== 'up-lg';
+  },
+  getListLength() {
+    const $listItems = $(Wick.BannerPlacementManager.el.productsWrap).children(Wick.BannerPlacementManager.el.productCard);
+    return $listItems.length;
+  },
+  getBannersAmount() {
+    return $(Wick.BannerPlacementManager.el.allBanners).length;
+  },
+  getProductsAmount() {
+    return Wick.BannerPlacementManager.el.$products.length;
+  },
+  arrangeBannersInRightOrder() {
+    const $allBanners = $(Wick.BannerPlacementManager.el.allBanners);
 
-        const firstSponsorProductPos =
-            sponsorProducts.length > 0
-                ? Math.min(
-                      ...sponsorProducts
-                          .map((i, el) => Wick.BannerPlacementManager.getBannerPosition(el))
-                          .get()
-                  )
-                : Infinity;
-        const firstSponsorBannerPos =
-            sponsorBanners.length > 0
-                ? Math.min(
-                      ...sponsorBanners
-                          .map((i, el) => Wick.BannerPlacementManager.getBannerPosition(el))
-                          .get()
-                  )
-                : Infinity;
+    const sponsorProducts = $allBanners.filter((i, el) =>
+      $(el).hasClass(Wick.BannerPlacementManager.classes.sponsorProducts)
+    );
+    const sponsorBanners = $allBanners.filter((i, el) =>
+      $(el).hasClass(Wick.BannerPlacementManager.classes.sponsorBanners)
+    );
 
-        let groupOrder;
-        if (firstSponsorProductPos < firstSponsorBannerPos) {
-            groupOrder = [
-                Wick.BannerPlacementManager.classes.sponsorProducts,
-                Wick.BannerPlacementManager.classes.sponsorBanners,
-                Wick.BannerPlacementManager.classes.productBanners,
-            ];
-        } else {
-            groupOrder = [
-                Wick.BannerPlacementManager.classes.sponsorBanners,
-                Wick.BannerPlacementManager.classes.sponsorProducts,
-                Wick.BannerPlacementManager.classes.productBanners,
-            ];
-        }
+    const firstSponsorProductPos = sponsorProducts.length > 0
+      ? Math.min(...sponsorProducts.map((i, el) => Wick.BannerPlacementManager.getBannerPosition(el)).get())
+      : Infinity;
+    const firstSponsorBannerPos = sponsorBanners.length > 0
+      ? Math.min(...sponsorBanners.map((i, el) => Wick.BannerPlacementManager.getBannerPosition(el)).get())
+      : Infinity;
 
-        $allBanners
-            .sort((a, b) => {
-                function getGroupIndex(el) {
-                    if ($(el).hasClass(groupOrder[0])) return 0;
-                    if ($(el).hasClass(groupOrder[1])) return 1;
-                    if ($(el).hasClass(groupOrder[2])) return 2;
-                    return 3;
-                }
+    let groupOrder;
+    if (firstSponsorProductPos < firstSponsorBannerPos) {
+      groupOrder = [
+        Wick.BannerPlacementManager.classes.sponsorProducts,
+        Wick.BannerPlacementManager.classes.sponsorBanners,
+        Wick.BannerPlacementManager.classes.productBanners
+      ];
+    } else {
+      groupOrder = [
+        Wick.BannerPlacementManager.classes.sponsorBanners,
+        Wick.BannerPlacementManager.classes.sponsorProducts,
+        Wick.BannerPlacementManager.classes.productBanners
+      ];
+    }
 
-                const groupA = getGroupIndex(a);
-                const groupB = getGroupIndex(b);
+    $allBanners.sort((a, b) => {
+      function getGroupIndex(el) {
+        if ($(el).hasClass(groupOrder[0])) return 0;
+        if ($(el).hasClass(groupOrder[1])) return 1;
+        if ($(el).hasClass(groupOrder[2])) return 2;
+        return 3;
+      }
 
-                if (groupA !== groupB) {
-                    return groupA - groupB;
-                }
+      const groupA = getGroupIndex(a);
+      const groupB = getGroupIndex(b);
 
-                const positionA = Wick.BannerPlacementManager.getBannerPosition(a);
-                const positionB = Wick.BannerPlacementManager.getBannerPosition(b);
+      if (groupA !== groupB) {
+        return groupA - groupB;
+      }
 
-                return positionA - positionB;
-            })
-            .appendTo(Wick.BannerPlacementManager.el.productsWrap);
-    },
-    addInactiveClasses() {
-        $(Wick.BannerPlacementManager.el.allBanners).addClass(Wick.BannerPlacementManager.el.hide);
-    },
-    removeInactiveClass(banner) {
-        $(banner).removeClass(Wick.BannerPlacementManager.classes.bannerInactiveClass);
-    },
-    insertFirstBanner(banner) {
-        const bannerPosition = Wick.BannerPlacementManager.getBannerPosition(banner);
+      const positionA = Wick.BannerPlacementManager.getBannerPosition(a);
+      const positionB = Wick.BannerPlacementManager.getBannerPosition(b);
 
-        if (bannerPosition === 1) {
-            Wick.BannerPlacementManager.showBanner(banner);
-            Wick.BannerPlacementManager.removeInactiveClass(banner);
-            $(banner).remove();
-            $(Wick.BannerPlacementManager.el.productsWrap).prepend(banner);
-        }
-    },
-    coverEdgeCases(banner) {
-        Wick.BannerPlacementManager.insertFirstBanner(banner);
-    },
-    getListSlots() {
-        return $(Wick.BannerPlacementManager.el.productsWrap).children(
-            Wick.BannerPlacementManager.el.allListSlots
-        );
-    },
-    getBannerPriority(banner) {
-        if ($(banner).hasClass(Wick.BannerPlacementManager.classes.sponsorProducts)) {
-            return 1;
-        }
-        if ($(banner).hasClass(Wick.BannerPlacementManager.classes.sponsorBanners)) {
-            return 2;
-        }
-        return 3;
-    },
-    dispatchSponsorAdsDisplayedEvent() {
-        return new Promise((resolve, reject) => {
-            const eventDetail = { resolve, reject };
-            const sponsorAdsEvent = createEvent(
-                Wick.BannerPlacementManager.SPONSOR_BANNERS_DISPLAYED_EVENT,
-                { displayed: true },
-                eventDetail
-            );
-            window.dispatchEvent(sponsorAdsEvent);
-        });
-    },
-    init() {
-        Wick.Responsive.onResize(function () {
-            if (
-                Wick.BannerPlacementManager.currentBreakpoint !==
-                Wick.Responsive.getCurrentBreakpoint()
-            ) {
-                Wick.BannerPlacementManager.currentBreakpoint =
-                    Wick.Responsive.getCurrentBreakpoint();
-                Wick.BannerPlacementManager.checkProductsInColumn();
+      return positionA - positionB;
+    }).appendTo(Wick.BannerPlacementManager.el.productsWrap);
+  },
+  addInactiveClasses() {
+    $(Wick.BannerPlacementManager.el.allBanners).addClass(Wick.BannerPlacementManager.el.hide);
+  },
+  removeInactiveClass(banner) {
+    $(banner).removeClass(Wick.BannerPlacementManager.classes.bannerInactiveClass)
+  },
+  insertFirstBanner(banner) {
+    const bannerPosition = Wick.BannerPlacementManager.getBannerPosition(banner);
+
+    if (bannerPosition === 1) {
+      Wick.BannerPlacementManager.showBanner(banner);
+      Wick.BannerPlacementManager.removeInactiveClass(banner);
+      $(banner).remove();
+      $(Wick.BannerPlacementManager.el.productsWrap).prepend(banner);
+    }
+  },
+  coverEdgeCases(banner) {
+    Wick.BannerPlacementManager.insertFirstBanner(banner);
+  },
+  getListSlots() {
+    return $(Wick.BannerPlacementManager.el.productsWrap)
+      .children(Wick.BannerPlacementManager.el.allListSlots);
+  },
+  getBannerPriority(banner) {
+    if ($(banner).hasClass(Wick.BannerPlacementManager.classes.sponsorProducts)) {
+      return 1;
+    }
+    if ($(banner).hasClass(Wick.BannerPlacementManager.classes.sponsorBanners)) {
+      return 2;
+    }
+    return 3;
+  },
+  dispatchSponsorAdsDisplayedEvent() {
+    return new Promise((resolve, reject) => {
+      const eventDetail = { resolve, reject };
+      const sponsorAdsEvent = createEvent(Wick.BannerPlacementManager.SPONSOR_BANNERS_DISPLAYED_EVENT, { displayed: true }, eventDetail);
+      window.dispatchEvent(sponsorAdsEvent);
+    });
+  },
+  init() {
+    Wick.Responsive.onResize(function () {
+      if(Wick.BannerPlacementManager.currentBreakpoint !== Wick.Responsive.getCurrentBreakpoint()) {
+        Wick.BannerPlacementManager.currentBreakpoint = Wick.Responsive.getCurrentBreakpoint()
+        Wick.BannerPlacementManager.checkProductsInColumn();
 
-                if (
-                    !Wick.BannerPlacementManager.isEventSent &&
-                    $(Wick.BannerPlacementManager.el.sponsoredAdvBanners).length
-                ) {
-                    Wick.BannerPlacementManager.dispatchSponsorAdsDisplayedEvent();
-                    Wick.BannerPlacementManager.isEventSent = true;
-                }
+        if (
+          !Wick.BannerPlacementManager.isEventSent && $(Wick.BannerPlacementManager.el.sponsoredAdvBanners).length
+        ) {
+          Wick.BannerPlacementManager.dispatchSponsorAdsDisplayedEvent();
+          Wick.BannerPlacementManager.isEventSent = true;
+        }
 
-                $(window).trigger('productBannerPositionChanged');
-            }
-        });
-    },
+        $(window).trigger('productBannerPositionChanged');
+      }
+    });
+  }
 };
 
 $(document).ready(function () {
-    if (
-        !Wick.BannerPlacementManager.getBannersAmount() ||
-        !Wick.BannerPlacementManager.getProductsAmount()
-    ) {
-        return;
-    }
+  if (!Wick.BannerPlacementManager.getBannersAmount() || !Wick.BannerPlacementManager.getProductsAmount()) {
+    return;
+  }
 
-    Wick.BannerPlacementManager.init();
-});
+  Wick.BannerPlacementManager.init();
+})

package/src/js/components/card-color-slider.js

@@ -1,35 +1,35 @@
 var Wick = Wick || {};
 Wick.CardColorSlider = (function () {
-    var $colorSlider = $('.color-slider');
+  var $colorSlider = $('.color-slider');
 
-    var getParameters = function (element) {
-        var $elemParent = $(element).parent(),
-            count = $(element).find('.swiper-wrapper').children().length,
-            isLocked = count <= element.dataset.slides;
-        return {
-            roundLengths: true,
-            navigation: {
-                nextEl: $elemParent.find('.color-slider__nav-btn_next')[0],
-                prevEl: $elemParent.find('.color-slider__nav-btn_prev')[0],
-            },
-            slidesPerView: element.dataset.slides,
-            loop: !isLocked,
-            spaceBetween: 0,
-            watchOverflow: true,
-            width: element.dataset.width,
-        };
-    };
+  var getParameters = function (element) {
+    var $elemParent = $(element).parent(),
+      count = $(element).find('.swiper-wrapper').children().length,
+      isLocked = count <= element.dataset.slides;
+    return {
+      roundLengths: true,
+      navigation: {
+        nextEl: $elemParent.find('.color-slider__nav-btn_next')[0],
+        prevEl: $elemParent.find('.color-slider__nav-btn_prev')[0]
+      },
+      slidesPerView: element.dataset.slides,
+      loop: !isLocked,
+      spaceBetween: 0,
+      watchOverflow: true,
+      width: element.dataset.width
+    }
+  };
 
-    var createColorSlider = function (index, element) {
-        var slider = new Swiper(element, getParameters(element));
-        if (slider.isLocked) {
-            slider.$el.addClass('is-locked');
-        }
-    };
+  var createColorSlider = function (index, element) {
+    var slider = new Swiper(element, getParameters(element));
+    if (slider.isLocked){
+      slider.$el.addClass('is-locked');
+    }
+  };
 
-    var init = function () {
-        $colorSlider.each(createColorSlider);
-    };
+  var init = function () {
+    $colorSlider.each(createColorSlider);
+  };
 
-    init();
-})();
+  init();
+})();