wickes-css2 2.107.0-ripple.2 → 2.107.0-ripple.21

package/build/js/components/general/accordion.js

@@ -0,0 +1,69 @@
+var Wick = Wick || {};
+Wick.Accordion = (function () {
+    var accordionRoot = '.accordion',
+        accordionToggler = '.accordion__header',
+        accordionIcon = '.accordion__action',
+        accordionBottomClose = '.opening-times-accordion__close',
+        accordionContent = '.accordion__content',
+        collapsed = 'accordion_collapsed',
+        $asideAccordion = $('.aside-accordion .js-toggle-aside-accordion');
+
+    function toggleAccordion($acc) {
+        if (!$acc.length) return;
+
+        $acc.toggleClass(collapsed);
+        $acc.children(accordionContent).stop(true, true).slideToggle(200);
+    }
+
+    function getTriggerSelector($acc) {
+        return $acc.attr('data-action-element') === 'icon' ? accordionIcon : accordionToggler;
+    }
+
+    function onAccordionClick(e) {
+        var $trigger = $(e.currentTarget);
+        var $acc = $trigger.closest(accordionRoot);
+        if (!$acc.length) return;
+
+        var triggerSel = getTriggerSelector($acc);
+
+        if (!$trigger.is(triggerSel)) return;
+
+        toggleAccordion($acc);
+    }
+
+    function onAccordionBottomCloseClick(e) {
+        e.preventDefault();
+
+        var $trigger = $(e.currentTarget);
+        var $acc = $trigger.closest(accordionRoot);
+        if (!$acc.length) return;
+
+        if (!$acc.hasClass(collapsed)) {
+            toggleAccordion($acc);
+        }
+    }
+
+    function init() {
+        $(document)
+            .off('click.wickAccordion', accordionToggler + ',' + accordionIcon)
+            .on('click.wickAccordion', accordionToggler + ',' + accordionIcon, onAccordionClick);
+
+        $(document)
+            .off('click.wickAccordionClose', accordionBottomClose)
+            .on('click.wickAccordionClose', accordionBottomClose, onAccordionBottomCloseClick);
+
+        $asideAccordion.off('click.wickAsideAccordion').on('click.wickAsideAccordion', function () {
+            if (window.matchMedia('(min-width: 992px)').matches) {
+                if ($(this).text().toLowerCase() !== 'useful links') {
+                    $(this)
+                        .closest('.aside-nav2__holder')
+                        .toggleClass('is-active')
+                        .find('.aside-nav2__list')
+                        .slideToggle(250);
+                }
+            }
+        });
+    }
+
+    init();
+})();

package/build/js/components/general/back-to-top.js

@@ -0,0 +1,45 @@
+var Wick = Wick || {};
+Wick.BackToTop = (function () {
+  let $backToTop = $('#back-to-top'),
+    scrollTrigger = 200,
+    actionSpeed = 700,
+    chatBotBtnTag = 'wickes-chat',
+    backToTopWithChatClass = 'back-to-top--with-chat';
+
+  function checkScrollPosition(){
+    $(window).scrollTop() > scrollTrigger ? $backToTop.fadeIn(300) : $backToTop.fadeOut(300);
+  }
+
+  function clickHandler(){
+    $backToTop.click(function () {
+      $backToTop.prop("disabled", true);
+
+      setTimeout(function () {
+        $backToTop.prop("disabled", false);
+      }, actionSpeed);
+
+      $('html, body').animate({
+        scrollTop: 0
+      }, actionSpeed);
+    });
+  }
+
+  function chatBotClassHandler(){
+    window.onload = function(){
+      let chatBotElement = $(chatBotBtnTag);
+      if(chatBotElement.length) {
+        $backToTop.addClass(backToTopWithChatClass);
+      }
+    }
+  }
+
+  function init(){
+    $(window).on('scroll', _.debounce(checkScrollPosition, 200));
+
+    clickHandler();
+
+    chatBotClassHandler();
+  }
+
+  init();
+})();

package/build/js/components/general/backdrop.js

@@ -0,0 +1,23 @@
+var Wick = Wick || {};
+
+Wick.Backdrop = (function () {
+  const el = {
+    modalBackdrop: 'modal-backdrop',
+    modalBackdropShow: 'show'
+  }
+
+  function show() {
+    if (!$(`.${el.modalBackdrop}`).length) {
+      $('body').append(`<div class="${el.modalBackdrop} ${el.modalBackdropShow}"></div>`);
+    }
+  }
+
+  function hide() {
+    $('body').find(`.${el.modalBackdrop}.${el.modalBackdropShow}`).remove();
+  }
+
+  return {
+    show,
+    hide,
+  };
+})();

package/build/js/components/general/cart-slider.js

@@ -0,0 +1,36 @@
+const cartSliderHTML = '<div class="custom-slider just-added d-none"></div>';
+
+createPopupSlider({
+    type: 'cart',
+    sliderSelector: '.custom-slider.just-added',
+    onAppendEvent: 'productAddedToCart',
+    onAppend: function (event, { showSlider, handleScroll, el }) {
+        Wick.MiniBasketSliderFE.isMiniBasketLoaded = false;
+
+        if (event.detail.bulkAddToCartData) {
+            return;
+        }
+
+        if (!$('.custom-slider.just-added').length) {
+            $('body').append(cartSliderHTML);
+        }
+
+        const htmlContent = event.detail.html;
+
+        if (htmlContent) {
+            $(el.slider).append(htmlContent);
+        }
+
+        showSlider();
+
+        if ($(el.sliderWrap).length) {
+            $(el.sliderWrap).on(
+                'scroll',
+                _.debounce(() => handleScroll(el.sliderWrap), 100)
+            );
+        }
+    },
+    onClose: function () {
+        Wick.MiniBasketSliderFE.cartEntries = [];
+    },
+});

package/build/js/components/general/clamp-content.js

@@ -0,0 +1,95 @@
+var Wick = Wick || {};
+Wick.ClampContent = {
+  CLAMP_BUTTON_SELECTOR: '.clamp_btn.clamp_btn-new',
+  CLAMP_BUTTON_READ_MORE_TEXT: 'Read more',
+  CLAMP_BUTTON_READ_LESS_TEXT: 'Read less',
+  CLAMPED_CLASS: 'clamped-text',
+  CLAMP_BUTTON_HTML: '<a class="clamp_btn clamp_btn-new" href="#">Read more</a>',
+  MAX_LINES: 3,
+  clampContentClass: 'clamp-content',
+  clampContentSafariClass: 'clamp-content--safari',
+  clampContentSelector: '.clamp-content',
+  clampElementsList: [
+    '.page-header__intro',
+    '.srp-injected__content'
+  ],
+  calculateLineCount(element) {
+    const lineHeight = parseFloat(element.css('line-height'));
+    return Math.round(element[0].scrollHeight / lineHeight);
+  },
+  updateClamping(el) {
+    const arrayElement = $(el);
+    const linesQuantity = Wick.ClampContent.calculateLineCount(arrayElement);
+    const buttonNextToEl = arrayElement.next(Wick.ClampContent.CLAMP_BUTTON_SELECTOR);
+
+    const isExpanded = buttonNextToEl.text() === Wick.ClampContent.CLAMP_BUTTON_READ_LESS_TEXT;
+
+    const shouldElementClamp = linesQuantity > Wick.ClampContent.MAX_LINES;
+
+    if (isExpanded && shouldElementClamp) {
+      return;
+    }
+
+    Wick.ClampContent.updateClampedClass(arrayElement, shouldElementClamp);
+    Wick.ClampContent.updateButtonState(arrayElement, shouldElementClamp);
+  },
+  updateClampedClass(element, shouldClamp) {
+    element.toggleClass(Wick.ClampContent.CLAMPED_CLASS, shouldClamp);
+  },
+  updateButtonState(element, shouldClamp) {
+    const buttonNextToEl = element.next(Wick.ClampContent.CLAMP_BUTTON_SELECTOR);
+    buttonNextToEl.remove();
+
+    if (shouldClamp) {
+      element.after(Wick.ClampContent.CLAMP_BUTTON_HTML);
+    }
+  },
+  executeClamping() {
+    const $clampContentWrapper = $(Wick.ClampContent.clampContentSelector);
+    const arrayClampContent = $clampContentWrapper.toArray();
+
+    $.each(arrayClampContent, function (_, el) {
+      Wick.ClampContent.updateClamping(el);
+    });
+  },
+  bindEvent() {
+    $(document).on('click', Wick.ClampContent.CLAMP_BUTTON_SELECTOR, function (e) {
+      e.preventDefault();
+      const toggleButton = $(this);
+      const relatedContent = toggleButton.prev('.clamp-content');
+
+      relatedContent.toggleClass(Wick.ClampContent.CLAMPED_CLASS);
+
+      toggleButton.text(
+        relatedContent.hasClass(Wick.ClampContent.CLAMPED_CLASS)
+          ? Wick.ClampContent.CLAMP_BUTTON_READ_MORE_TEXT
+          : Wick.ClampContent.CLAMP_BUTTON_READ_LESS_TEXT
+      );
+    });
+  },
+  isSafari() {
+    return /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
+  },
+  getElementsForClamping() {
+    Wick.ClampContent.clampElementsList.forEach((el) => {
+      $(el).addClass(Wick.ClampContent.clampContentClass);
+
+      if (Wick.ClampContent.isSafari()) {
+        $(el).addClass(Wick.ClampContent.clampContentSafariClass);
+      }
+    })
+  },
+  init() {
+    Wick.ClampContent.getElementsForClamping();
+    $(Wick.ClampContent.clampContentSelector).length && Wick.ClampContent.executeClamping();
+    Wick.ClampContent.bindEvent();
+  }
+}
+
+$(window).on('resize', _.debounce(function () {
+  $(Wick.ClampContent.clampContentSelector).length && Wick.ClampContent.executeClamping();
+}, 250));
+
+$(document).ready(function () {
+  Wick.ClampContent.init();
+});

package/build/js/components/general/clamp.js

@@ -0,0 +1,216 @@
+var Wick = Wick || {};
+Wick.Clamping = (function () {
+    var originalTexts = {};
+
+    return {
+        clamp: function (origin, params) {
+
+            var text = $(origin).text().trim();
+            var link = $(origin).find('.clamp_btn');
+            var linkNode = null;
+            if (link.length) {
+                linkNode = link.detach();
+            }
+            if (params.reset) {
+                return {
+                    text: originalTexts[params.id],
+                    type: 'reset',
+                    link: linkNode
+                }
+            }
+
+            var cssObj = {};
+            cssObj.fontSize = $(origin).css('font-size');
+            cssObj.lineHeight = $(origin).css('line-height');
+            cssObj.width = $(origin).width();
+
+            if (originalTexts[params.id]) {
+                text = originalTexts[params.id];
+            } else {
+                originalTexts[params.id] = text;
+            }
+
+            $(origin).text(text);
+
+            var clone = $('<p></p>');
+            clone.css({
+                display: 'inline-block',
+                margin: 0,
+                width: 'auto',
+                maxWidth: cssObj.width,
+                fontSize: cssObj.fontSize,
+                lineHeight: cssObj.lineHeight
+            });
+
+            $('body').append(clone);
+            var arr = text.split(" ");
+            var someString = '', safeWordIndex, dangerWordIndex;
+
+            if ($(origin).height() <= parseInt($(origin).css('line-height')) * (params.lines)) {
+                clone.remove();
+                return {
+                    text: text,
+                    type: 'full',
+                    link: linkNode
+                }
+            }
+            for (var i = 0; i < arr.length; i++) {
+                someString += arr[i];
+                clone.text(someString);
+
+                if (clone.height() > parseInt(clone.css('line-height')) * (params.lines - 1)) {
+                    safeWordIndex = i;
+                    break
+                }
+                someString += ' ';
+            }
+            var newArr = arr.splice(safeWordIndex);
+            var safePart = arr.join(' ').length;
+            var workPart = newArr.join(' ');
+            someString = '... Read more';
+            clone.text(someString);
+            var extraWidth = clone.width();
+            someString = '';
+            for (var j = 0; j < workPart.length; j++) {
+                someString += workPart[j];
+                clone.text(someString);
+                if (clone.width() > cssObj.width - extraWidth - 8) {
+                    dangerWordIndex = j;
+                    break
+                }
+            }
+
+            someString = text.slice(0, safePart + dangerWordIndex);
+            someString += '...';
+            clone.text(someString);
+            var clampedText = clone.text();
+            clone.remove();
+
+            return {
+                text: clampedText,
+                type: 'usual',
+                link: linkNode
+            }
+        },
+        clampAll: function (obj, params) {
+            var checkToMobile = $(window).width() < 768;
+
+            for (var i = 0; i < obj.length; i++) {
+
+                var unit = obj.eq(i);
+                var newID = params.id + i;
+                unit.addClass('clamp_container');
+                var newLines;
+                if (params.variableLines) {
+                    newLines = params.lines - params.variableLines[i];
+                } else {
+                    newLines = params.lines;
+                }
+                var clampage = Wick.Clamping.clamp(unit, {id: newID, lines: newLines});
+                unit.text(clampage.text);
+
+                if (checkToMobile) {
+                    Wick.Clamping.resetCardContentStyle(unit)
+                } else {
+                    Wick.Clamping.setHeightToOriginalCardContent(unit)
+                }
+
+                var btn = $('<a>', {
+                    text: 'Read more',
+                    class: 'clamp_btn',
+                    href: '#',
+                    'data-id': newID,
+                    'data-lines': newLines,
+                    on: {
+                        click: function (e) {
+                            e.preventDefault();
+                            var element = $(this).parent();
+                            element.toggleClass('clamp-full');
+                            var respond = null;
+                            if ($(this).text() === 'Read more') {
+                                $(this).text('Read less');
+                                if (params.additionalLines) {
+                                    if (checkToMobile) {
+                                        element.parents(".full-width-offers").find(".card__inner").addClass("full-height");
+                                        respond = Wick.Clamping.clamp(element, {
+                                            reset: true,
+                                            id: $(this).attr('data-id')
+                                        });
+                                    } else {
+                                        $(this).parents(".full-width-offers").find(".card__content-wrap").addClass("change-card");
+                                        respond = Wick.Clamping.clamp(element, {
+                                            lines: +$(this).attr('data-lines') + params.additionalLines,
+                                            id: $(this).attr('data-id')
+                                        });
+
+                                    }
+                                } else {
+                                    respond = Wick.Clamping.clamp(element, {reset: true, id: $(this).attr('data-id')});
+                                }
+                            } else {
+                                element.parents(".full-width-offers").find(".card__inner").removeClass("full-height");
+                                element.parents(".full-width-offers").find(".card__content-wrap").removeClass("change-card");
+                                $(this).text('Read more');
+                                respond = Wick.Clamping.clamp(element, {
+                                    lines: $(this).attr('data-lines'),
+                                    id: $(this).attr('data-id')
+                                });
+                            }
+                            element.text(respond.text).append(respond.link);
+
+                        }
+                    }
+                });
+                if (clampage.type === 'usual') {
+                    unit.append(btn);
+                }
+
+                if ((unit.height() / parseInt(unit.css('line-height'))) < newLines && checkToMobile) {
+                    unit.children('.clamp_btn').addClass('clamp_btn-block');
+                }
+            }
+        },
+        flush: function (obj) {
+            for (var i = 0; i < obj.length; i++) {
+                var unit = obj.eq(i);
+                var id = unit.find('.clamp_btn').attr('data-id');
+                if (id) {
+                    unit.text(Wick.Clamping.clamp(unit, {id: id, reset: true}).text);
+                }
+                unit.removeClass('clamp_container clamp-full');
+            }
+        },
+        variableArray: function (obj) {
+            // this method returns the array, how many lines of text is in every element of jQuery collection passed in
+            var arr = [];
+            for (var i = 0; i < obj.length; i++) {
+                var unit = obj.eq(i);
+                var val = Math.round(unit.height() / parseInt(unit.css('lineHeight')));
+                arr.push(val);
+            }
+            return arr;
+        },
+        setHeightToOriginalCardContent: function (unit) {
+            let cardContentWrap = $(unit).closest('.card__content-wrap');
+            let originalHeight = cardContentWrap.outerHeight();
+            let newHeightStyle = 'height: ' + originalHeight + 'px;';
+            $(unit).closest('.card__content').attr('style', newHeightStyle);
+        },
+        resetCardContentStyle: function (unit) {
+            $(unit).closest('.card__content').attr('style', '');
+        }
+    }
+
+    //$0.innerHTML = Wick.Clamping.clamp($0, {id:'one', lines: 3}).text
+    //$($0).text(Wick.Clamping.clamp($($0), {id:'one', lines: 3}).text)
+
+    //Wick.Clamping.clampAll($($0), {id:'one', lines: 3})
+
+    //Wick.Clamping.flush($($0), 'one')
+
+    /*let TESTparamsTEST = {
+        id: 'x1',
+        reset: false,
+        lines: 3
+    };*/
+})();

package/build/js/components/general/clear-input.js

@@ -0,0 +1,33 @@
+var Wick = window.Wick || {};
+
+Wick.ClearInput = {
+  el: {
+    $btnClear: $('[data-clearable] .btn--clear'),
+    formRow: '.form-row',
+    formTag: 'form',
+    $clearableInput: $('[data-clearable]'),
+  },
+  clearInputField () {
+    let $formTag = $(this).closest(Wick.ClearInput.el.formTag)
+    let $formRow = $(this).closest(Wick.ClearInput.el.formRow);
+    let $inputField = $formRow.length > 0 ? $formRow.find('input') : $formTag.find('input');
+
+    $inputField.val('').focus();
+    Wick.ClearInput.checkVisibilityOfClearButton(this, $inputField);
+    $(document).trigger('clearInput', [$formTag]);
+  },
+  checkVisibilityOfClearButton (currentBtnClear, el) {
+    $(currentBtnClear).toggleClass('d-block', el > 0);
+  },
+  init () {
+    Wick.ClearInput.el.$btnClear.on('click', Wick.ClearInput.clearInputField);
+  }
+}
+
+$(document).ready(function () {
+  if (!Wick.ClearInput.el.$clearableInput.length) {
+    return;
+  }
+
+  Wick.ClearInput.init();
+});

package/build/js/components/general/cookie-chat-back.js

@@ -0,0 +1,51 @@
+var Wick = Wick || {};
+Wick.CookieChatBack = (function(){
+    function init() {
+        var cookieBar = $('#cookie-bar'),
+            helpButton = $('.zEWidget-launcher'),
+            backToTopButton = $("#back-to-top"),
+            defaultMargin = 40,
+            cookieMargin = 0,
+            helpMargin = 0,
+            tradeProMargin = 0;
+    
+        if (helpButton.length) {
+            helpButton.css({
+                visibility: 'visible',
+                margin: defaultMargin
+            });
+            helpMargin = helpButton.height() + parseInt(helpButton.css('margin-bottom'));
+        }
+
+        if (cookieBar.length) {
+            cookieMargin = cookieBar.height();
+            helpMargin = 0;
+            helpButton.css({
+                visibility: 'hidden'
+            });
+        }
+
+        if (navigator.userAgent.match(/TradeProMobile_iOS|TradeProMobile_Android|DIYMobile_iOS|DIYMobile_Android/i)) {
+            tradeProMargin = 35;
+        }
+
+        backToTopButton.css({
+            bottom: cookieMargin + defaultMargin + helpMargin + tradeProMargin,
+            right: defaultMargin
+        });
+    }
+    
+    $(document).ready(function() {
+        init();
+        var cookieAccept = setInterval(function () {
+            init();
+            if (!$('#cookie-bar').length) {
+                clearInterval(cookieAccept);
+            }
+        }, 2000);
+    });
+    
+    $( window ).resize(_.debounce(function() {
+        init();
+    }, 200));
+})();

package/build/js/components/general/cookies-policy.js

@@ -0,0 +1,9 @@
+var Wick = Wick || {};
+Wick.CookiesPolicy = (function () {
+  var $cookiesPolicy = $('.cookies-policy'),
+    $closeButton = $('.cookies-policy__close-btn');
+
+  $closeButton.click(function () {
+    $cookiesPolicy.addClass('cookies-policy_disabled')
+  });
+})();