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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (39) hide show
  1. package/Readme.md +0 -1
  2. package/build/css/category-main.css +1 -1
  3. package/build/css/components/card-product-banner.css +1 -1
  4. package/build/css/main.css +1 -1
  5. package/build/css/pages/page_products-list-combined.css +1 -1
  6. package/build/css/pages/page_products-list.css +1 -1
  7. package/build/css/plp-main.css +1 -1
  8. package/build/js/basket.min.js +1 -1
  9. package/build/js/bundle.min.js +1 -1
  10. package/build/js/checkout.min.js +1 -1
  11. package/build/js/emulation.min.js +0 -54
  12. package/build/js/merged-checkout.min.js +1 -1
  13. package/build/js/page/accordion.js +31 -29
  14. package/build/js/page/plp-cards-v2.js +6 -15
  15. package/build/js/page/plp-load-more.js +1 -1
  16. package/build/js/plp.bundle.min.js +1 -1
  17. package/build/js/project-list.min.js +1 -1
  18. package/package.json +14 -3
  19. package/src/components/card_product_v2.hbs +5 -10
  20. package/src/components/injected-content.hbs +1 -1
  21. package/src/components/srp-injected.hbs +3 -13
  22. package/src/data/data_search-results_v2.json +141 -56
  23. package/src/js/components/product-banner.js +148 -0
  24. package/src/js/page/accordion.js +31 -29
  25. package/src/js/page/plp-cards-v2.js +6 -15
  26. package/src/js/page/plp-load-more.js +1 -1
  27. package/src/page_plp_v2.html +7 -16
  28. package/src/page_search-results.html +2 -12
  29. package/src/scss/category-main.scss +1 -0
  30. package/src/scss/components/card-product-banner.scss +3 -91
  31. package/src/scss/helpers/_colors-semantic.scss +1 -1
  32. package/src/scss/helpers/_variables.scss +2 -0
  33. package/src/scss/pages/page_products-list-combined.scss +0 -11
  34. package/src/scss/pages/page_products-list.scss +0 -8
  35. package/src/scss/plp-main.scss +1 -0
  36. package/src/components/card_sponsor_banner.hbs +0 -8
  37. package/src/components/card_sponsor_product.hbs +0 -6
  38. package/src/js/components/banner-placement-manager.js +0 -258
  39. package/src/js/emulation/banner-placement-manager.js +0 -53
@@ -1,35 +1,37 @@
1
1
  var Wick = Wick || {};
2
- Wick.Accordion = (function(){
3
- var $accordion = $('.accordion'),
4
- accordionToggler = '.accordion__header',
5
- accordionIcon = '.accordion__action',
6
- accordionContent = '.accordion__content',
7
- collapsed = 'accordion_collapsed',
8
- $asideAccordion = $('.aside-accordion .js-toggle-aside-accordion');
9
- var bindEvents = function (index, element) {
10
- var $acc = $(element);
2
+ Wick.Accordion = (function () {
3
+ var $accordion = $('.accordion'),
4
+ accordionToggler = '.accordion__header',
5
+ accordionIcon = '.accordion__action',
6
+ accordionContent = '.accordion__content',
7
+ collapsed = 'accordion_collapsed',
8
+ $asideAccordion = $('.aside-accordion .js-toggle-aside-accordion');
9
+ var bindEvents = function (index, element) {
10
+ var $acc = $(element);
11
11
 
12
- var accordionTrigger = $acc.attr('data-action-element') === 'icon' ? accordionIcon : accordionToggler
13
- $acc.find(accordionTrigger).on('click', function(){
14
- $acc.toggleClass(collapsed);
15
- $acc.children(accordionContent).slideToggle(200);
16
- });
17
- };
12
+ var accordionTrigger =
13
+ $acc.attr('data-action-element') === 'icon' ? accordionIcon : accordionToggler;
14
+ $acc.find(accordionTrigger).on('click', function () {
15
+ $acc.toggleClass(collapsed);
16
+ $acc.children(accordionContent).slideToggle(200);
17
+ });
18
+ };
18
19
 
19
- var init = function () {
20
- $accordion.each(bindEvents);
20
+ var init = function () {
21
+ $accordion.each(bindEvents);
21
22
 
22
- $asideAccordion.click(function() {
23
- if (window.matchMedia("(min-width: 992px)").matches) {
24
- if ($(this).text().toLowerCase() != 'useful links') {
25
- $(this).closest('.aside-nav2__holder')
26
- .toggleClass('is-active')
27
- .find('.aside-nav2__list')
28
- .slideToggle(250);
29
- }
30
- }
31
- });
32
- }
23
+ $asideAccordion.click(function () {
24
+ if (window.matchMedia('(min-width: 992px)').matches) {
25
+ if ($(this).text().toLowerCase() != 'useful links') {
26
+ $(this)
27
+ .closest('.aside-nav2__holder')
28
+ .toggleClass('is-active')
29
+ .find('.aside-nav2__list')
30
+ .slideToggle(250);
31
+ }
32
+ }
33
+ });
34
+ };
33
35
 
34
- init();
36
+ init();
35
37
  })();
@@ -6,9 +6,7 @@ $(document).ready(function () {
6
6
  }
7
7
 
8
8
  function cardsContent(itemsInRow) {
9
- let card = $('.content .product-card, .content .card-product-banner, .content .card-sponsor-banner, .content .card-sponsor-product').filter(function() {
10
- return $(this).parents('.product-card, .card-product-banner, .card-sponsor-banner, .card-sponsor-product').length === 0;
11
- });
9
+ let card = $('.content .product-card, .content .card-product-banner');
12
10
  let priceSelectors = [
13
11
  '.including-vat .product-card__price__old-price',
14
12
  '.excluding-vat .product-card__price__old-price',
@@ -19,7 +17,6 @@ $(document).ready(function () {
19
17
  revealAll(card, ['.product-card__price__old-price',
20
18
  '.product-card__price-sqm',
21
19
  '.product-card__price-value',
22
- '.product-card__sponsored',
23
20
  '.energy-efficiency',
24
21
  '.energy-efficiency__link']);
25
22
 
@@ -36,8 +33,6 @@ $(document).ready(function () {
36
33
  hideEmptiness(currentRow, '.product-card__price-sqm');
37
34
  }
38
35
  hideEmptiness(currentRow, '.product-card__price-value');
39
- hideEmptiness(currentRow, '.product-card__sponsored');
40
- hideEmptiness(currentRow, '.product-card__price__old-price');
41
36
  hideEmptiness(currentRow, '.energy-efficiency');
42
37
  hideEmptiness(currentRow, '.energy-efficiency__link');
43
38
 
@@ -48,15 +43,11 @@ $(document).ready(function () {
48
43
  function hideEmptiness(query, className) {
49
44
  let currentQuery = query.find(className);
50
45
  let rowContent = currentQuery.text();
51
- const classEmptyCheckMap = {
52
- '.energy-efficiency': 'energy-efficiency--empty',
53
- '.product-card__sponsored': 'product-card__sponsored--empty',
54
- '.product-card__price__old-price': 'product-card__price_empty'
55
- };
56
-
57
- if (classEmptyCheckMap[className]) {
58
- let isClassEmpty = isClassPresentInQuery(currentQuery, classEmptyCheckMap[className]);
59
- if (isClassEmpty) {
46
+
47
+ if (className === '.energy-efficiency') {
48
+ let isEnergyQueryEmpty = isClassPresentInQuery(currentQuery, "energy-efficiency--empty");
49
+
50
+ if (isEnergyQueryEmpty) {
60
51
  currentQuery.hide();
61
52
  }
62
53
  return;
@@ -43,7 +43,7 @@ Wick.PLPLoadMore = {
43
43
  .finally(() => {
44
44
  hideLoader(Wick.PLPLoadMore.el.loader);
45
45
  Wick.PLPLoadMore.el.$loadMoreBtn.blur();
46
- Wick.BannerPlacementManager.checkProductsInColumn();
46
+ Wick.ProductBanner.checkProductsInColumn();
47
47
  $(window).trigger('productBannerPositionChanged');
48
48
  Wick.EnergyEfficiency.drawEnergyLabels();
49
49
  Wick.PLP?.bindEvents();