wickes-css2 2.106.0-develop.5 → 2.106.0-develop.7

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 (52) hide show
  1. package/Readme.md +0 -1
  2. package/build/css/category-main.css +1 -1
  3. package/build/css/components/global-search.css +1 -1
  4. package/build/css/homepage-main.css +1 -1
  5. package/build/css/kitchen-plp-main.css +1 -1
  6. package/build/css/main.css +1 -1
  7. package/build/css/my-account-main-v2.css +1 -1
  8. package/build/css/my-account-main.css +1 -1
  9. package/build/css/pages/page_products-list-combined.css +1 -1
  10. package/build/css/pdp-main-before-combine.css +1 -1
  11. package/build/css/pdp-main-critical.css +1 -1
  12. package/build/css/pdp-main.css +1 -1
  13. package/build/css/plp-main.css +1 -1
  14. package/build/css/store-locator-main.css +1 -1
  15. package/build/js/basket.min.js +1 -1
  16. package/build/js/bundle.min.js +1 -1
  17. package/build/js/checkout.min.js +1 -1
  18. package/build/js/emulation.min.js +9 -1
  19. package/build/js/general.bundle.min.js +1 -1
  20. package/build/js/merged-checkout.min.js +1 -1
  21. package/build/js/page/filters/plp-filters-mobile.js +7 -4
  22. package/build/js/page/filters/plp-filters-utils.js +0 -9
  23. package/build/js/page/filters/plp-filters.js +3 -11
  24. package/build/js/page/plp-img-v2.js +25 -0
  25. package/build/js/pdp.bundle.min.js +1 -1
  26. package/build/js/plp-filters.min.js +2 -2
  27. package/build/js/plp.bundle.min.js +1 -1
  28. package/build/js/project-list.min.js +1 -1
  29. package/package.json +2 -2
  30. package/src/components/card_product_v2.hbs +6 -1
  31. package/src/components/price-block-v2.hbs +16 -15
  32. package/src/data/data_search-results_v2.json +2 -1
  33. package/src/js/components/general/switchVat.js +1 -4
  34. package/src/js/emulation/mock.js +10 -0
  35. package/src/js/emulation/plp-load-more.js +4 -1
  36. package/src/js/page/filters/plp-filters-mobile.js +7 -4
  37. package/src/js/page/filters/plp-filters-utils.js +0 -9
  38. package/src/js/page/filters/plp-filters.js +3 -11
  39. package/src/js/page/plp-img-v2.js +25 -0
  40. package/src/page_plp-with-paint.html +1 -1
  41. package/src/page_plp_v2-energy-efficiency.html +1 -1
  42. package/src/page_plp_v2-favourite-products.html +1 -1
  43. package/src/page_plp_v2-vat.html +32 -27
  44. package/src/page_plp_v2.html +1 -1
  45. package/src/page_product-details-cnc-success-notification-vat.html +3 -2
  46. package/src/page_product_search-vat.html +1 -1
  47. package/src/page_product_search.html +1 -1
  48. package/src/page_search-results.html +1 -1
  49. package/src/partials/scripts.hbs +3 -0
  50. package/src/scss/components/_custom-slider.scss +2 -2
  51. package/src/scss/helpers/_variables.scss +15 -6
  52. package/src/scss/pages/page_products-list-combined.scss +2 -34
package/build/js/page/filters/plp-filters-mobile.js CHANGED
@@ -65,6 +65,11 @@ Wick.PLPFiltersMobile = {
65
65
  $btn.text(total > 0 ? `View results (${total})` : 'View results');
66
66
  },
67
67
 
68
+ hideAccordions() {
69
+ $(Wick.PLPFiltersMobile.$ACCORDION).addClass(Wick.PLPFiltersMobile.ACCORDION_COLLAPSED);
70
+ $(Wick.PLPFiltersMobile.$ACCORDION_CONTENT).hide();
71
+ },
72
+
68
73
  init() {
69
74
  // two-way binding for input between desktop and modal
70
75
  $(document)
@@ -81,14 +86,13 @@ Wick.PLPFiltersMobile = {
81
86
  $(document)
82
87
  .off('shown.bs.modal.plpFiltersMobile', Wick.PLPFiltersMobile.MODAL_SEL)
83
88
  .on('shown.bs.modal.plpFiltersMobile', Wick.PLPFiltersMobile.MODAL_SEL, function () {
84
- Wick.PLPFilters.setDOMFromState($(this), Wick.PLPFilters.draftState);
89
+ Wick.PLPFilters.setDOMFromState($(this), Wick.PLPFilters.appliedState);
85
90
  });
86
91
 
87
92
  $(document)
88
93
  .off('hide.bs.modal.plpFiltersMobile', Wick.PLPFiltersMobile.MODAL_SEL)
89
94
  .on('hide.bs.modal.plpFiltersMobile', Wick.PLPFiltersMobile.MODAL_SEL, function () {
90
- const scope = $(Wick.PLPFiltersMobile.ROOT_WRAPPER).add($(this));
91
- Wick.PLPFilters.draftState = Wick.PLPFilters.collectStateFromDOM(scope);
95
+ Wick.PLPFiltersMobile.hideAccordions();
92
96
  });
93
97
 
94
98
  // mobile "View results" button in modal
@@ -122,7 +126,6 @@ Wick.PLPFiltersMobile = {
122
126
 
123
127
  e.preventDefault();
124
128
 
125
- Wick.PLPFilters.draftState = {};
126
129
  Wick.PLPFilters.appliedState = {};
127
130
  Wick.PLPFilters.writeStateToURL(Wick.PLPFilters.appliedState, false);
128
131
 
package/build/js/page/filters/plp-filters-utils.js CHANGED
@@ -1,14 +1,6 @@
1
1
  var Wick = window.Wick || {};
2
2
 
3
3
  Wick.PLPUtils = (function () {
4
- function cloneState(state) {
5
- const out = {};
6
- Object.keys(state).forEach((k) => {
7
- out[k] = new Set(state[k]);
8
- });
9
- return out;
10
- }
11
-
12
4
  function syncTwinInputsByName(name, checked, source) {
13
5
  const all = $('.filter-card__checkbox, .swatch__checkbox, .checkbox__input').filter(
14
6
  function () {
@@ -65,7 +57,6 @@ Wick.PLPUtils = (function () {
65
57
  }
66
58
 
67
59
  return {
68
- cloneState,
69
60
  syncTwinInputsByName,
70
61
  getPanelType,
71
62
  countItems,
package/build/js/page/filters/plp-filters.js CHANGED
@@ -6,7 +6,6 @@ Wick.PLPFilters = {
6
6
  ROOT: '.plp-filters',
7
7
  GROUP: '.plp-filters__group',
8
8
  APPLY_BTN: '.plp-filters__apply',
9
- draftState: null,
10
9
 
11
10
  INPUTS: '.filter-card__checkbox, .swatch__checkbox, .checkbox__input',
12
11
 
@@ -25,7 +24,6 @@ Wick.PLPFilters = {
25
24
  }
26
25
 
27
26
  Wick.PLPFilters.appliedState = Wick.PLPFilters.readStateFromURL(rootWrapper);
28
- Wick.PLPFilters.draftState = Wick.PLPUtils.cloneState(Wick.PLPFilters.appliedState);
29
27
  Wick.PLPFilters.setDOMFromState(rootWrapper, Wick.PLPFilters.appliedState);
30
28
 
31
29
  // 3) chips
@@ -45,11 +43,8 @@ Wick.PLPFilters = {
45
43
  handlePageShow() {
46
44
  window.addEventListener('pageshow', function () {
47
45
  const rootWrapper = $(Wick.PLPFilters.ROOT_WRAPPER);
48
- const stateScope = rootWrapper.add($(Wick.PLPFiltersMobile.MODAL_SEL));
49
-
50
- Wick.PLPFilters.appliedState = Wick.PLPFilters.readStateFromURL(stateScope);
51
- Wick.PLPFilters.draftState = Wick.PLPFilters.appliedState;
52
- Wick.PLPFilters.setDOMFromState(stateScope, Wick.PLPFilters.appliedState);
46
+ Wick.PLPFilters.appliedState = Wick.PLPFilters.readStateFromURL(rootWrapper);
47
+ Wick.PLPFilters.setDOMFromState(rootWrapper, Wick.PLPFilters.appliedState);
53
48
  });
54
49
  },
55
50
 
@@ -192,10 +187,7 @@ Wick.PLPFilters = {
192
187
 
193
188
  // ===== APPLY
194
189
  applyFromScopes(scopeForCollect, push) {
195
- const nextState = Wick.PLPFilters.collectStateFromDOM(scopeForCollect);
196
-
197
- Wick.PLPFilters.draftState = nextState;
198
- Wick.PLPFilters.appliedState = nextState;
190
+ Wick.PLPFilters.appliedState = Wick.PLPFilters.collectStateFromDOM(scopeForCollect);
199
191
  Wick.PLPFilters.writeStateToURL(Wick.PLPFilters.appliedState, !!push);
200
192
  },
201
193
 
package/build/js/page/plp-img-v2.js ADDED
@@ -0,0 +1,25 @@
1
+ $(document).ready(function () {
2
+
3
+ let imgWrap = $('.products-list-v2 .card__img-wrap');
4
+ let img = $('.products-list-v2 .card__img-v2');
5
+
6
+ square();
7
+
8
+ img.height(function () {
9
+ if (Math.round($(this).height()) > Math.round($(this).width())) {
10
+ $(this).height('99.9%'); //fix for ie
11
+ } else if ((Math.round($(this).height()) < Math.round($(this).width()))){
12
+ $(this).width('99.9%'); // fix for ie
13
+ } else {
14
+ $(this).width('99.9%'); // fix for ie
15
+ $(this).height('99.9%'); // fix for ie
16
+ }
17
+ });
18
+
19
+ function square() {
20
+ let width = imgWrap.width();
21
+ imgWrap.height(width);
22
+ }
23
+
24
+ $(window).on('resize', square);
25
+ });