5.2.0

Author: omikron-fp

CHANGELOG.md

@@ -1,3 +1,31 @@
+# 5.2.0
+## FEATURE
+- Recently Viewed Products
+  - Introduced a new component `ff-recently-viewed` to display the user's most recently viewed products.
+
+## IMPROVEMENT
+- Suggest
+  - Add `hide-delay` attribute to `ff-suggest` to allow configuration of the time it takes Suggest's popup to close. Use it when your users experience unreliable click behavior. Happens typically with input devices such as touchpads.
+  - `<a>` tags within `ff-suggest-item` elements now behave "natively" on Ctrl-click etc.
+- Hit highlighting
+  - Introduced new formatter `ff-hitHighlight` to be used in HTML templates of `ff-asn-group-element` and `ff-suggest-item`.
+  - New attribute `no-auto-highlight` on `ff-asn` and `ff-suggest`.
+    - These two elements add the highlighting markup to the underlying data.
+      This makes the data unusable for other purposes.
+      With `no-auto-highlight`, this no longer happens.
+      Instead, you specify `ff-hitHighlight` in the HTML templates yourself wherever you need it.
+      Example: `<ff-suggest-item type="productName">{{{ff-hitHighlight name}}}</ff-suggest-item>`.
+    - We recommend to adjust your integration to use `no-auto-highlight` as this behavior will become the default in a future release.
+
+## FIX
+- Suggest
+  - Popup closes before click event is registered. Especially noticeable on touchpads.
+- `ff-asn`
+  - Default template of `ff-asn-group-element` correctly renders hit highlighting.
+- Predictive Basket
+  - Cart and checkout tracking threw an error.
+
+
 # 5.1.8
 ## FIX
 - Suggest

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "ff-web-components",
-  "version": "5.1.8",
+  "version": "5.2.0",
   "author": "Omikron Data Quality GmbH",
   "description": "Web Components made to easily integrate FACT-Finder in online shops",
   "main": "./dist/bundle.js",

dist/bundle.js

@@ -274,6 +274,13 @@ ff-similar-products {
 }
 
 
+/* ---- ff-recently-viewed ---- */
+
+ff-recently-viewed {
+    display: block;
+}
+
+
 /* ---- ff-onfocus-suggest ---- */
 
 ff-onfocus-suggest {
@@ -727,6 +734,13 @@ ff-slider .ffw-slider-button-right {
     transform: translate(0, -50%);
 }
 
+/* Hidden visibility is important to take nested elements out of the tabindex chain when group is collapsed.
+   `display:none` cannot be used because it breaks the recalculation of the slider's position. */
+ff-asn-group .ffw-wrapper:not([opened]),
+ff-asn-group-slider .ffw-wrapper:not([opened]) {
+    visibility: hidden;
+}
+
 ff-asn-remove-all-filters {
     display: inline-block;
 }

dist/default-styles.css

@@ -1,6 +1,6 @@
 {
   "name": "ff-web-components",
-  "version": "5.1.8",
+  "version": "5.2.0",
   "author": "Omikron Data Quality GmbH",
   "description": "Web Components made to easily integrate FACT-Finder in online shops",
   "repository": {