npm - @getlupa/client - Versions diffs - 0.7.0-alpha-19 → 0.7.0-alpha-22 - Mend

@getlupa/client 0.7.0-alpha-19 → 0.7.0-alpha-22

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 (11) hide show

package/dist/cjs/components/search-results/products/product-card/badges/SearchResultsBadgeWrapper.vue.d.ts CHANGED Viewed

@@ -5,5 +5,7 @@ export default class SearchResultsBadgeWrapper extends Vue {
     options: BadgeOptions;
     get anchorPosition(): AnchorPosition;
     get badges(): BadgeElement[];
+    get leftBadges(): BadgeElement[];
+    get bottomBadges(): BadgeElement[];
     getBadgeComponent(type: string): string;
 }

package/dist/cjs/index.min.js CHANGED Viewed

@@ -16986,6 +16986,12 @@ let SearchResultsBadgeWrapper = class SearchResultsBadgeWrapper extends Vue$1 {
             return Object.assign(Object.assign({}, x), { value: ((_a = this.options.product) === null || _a === void 0 ? void 0 : _a[x.key]) || "badge", product: this.options.product });
         });
     }
+    get leftBadges() {
+        return this.badges.filter((b) => !b.position || b.position === "left");
+    }
+    get bottomBadges() {
+        return this.badges.filter((b) => b.position === "bottom");
+    }
     getBadgeComponent(type) {
         switch (type) {
             case exports.BadgeType.TEXT:
@@ -17028,7 +17034,7 @@ var __vue_render__$x = function () {
       "div",
       { class: _vm.anchorPosition, attrs: { id: "lupa-badges" } },
       [
-        _vm._l(_vm.badges, function (badge, index) {
+        _vm._l(_vm.leftBadges, function (badge, index) {
           return _c(_vm.getBadgeComponent(badge.type), {
             key: index,
             tag: "search-results-badge",
@@ -17040,6 +17046,19 @@ var __vue_render__$x = function () {
       ],
       2
     ),
+    _vm._v(" "),
+    _c(
+      "div",
+      { staticClass: "lupa-bottom-badges" },
+      _vm._l(_vm.bottomBadges, function (badge, index) {
+        return _c(_vm.getBadgeComponent(badge.type), {
+          key: index,
+          tag: "search-results-badge",
+          attrs: { badge: badge },
+        })
+      }),
+      1
+    ),
   ])
 };
 var __vue_staticRenderFns__$x = [];
@@ -22428,7 +22447,6 @@ const tracking = (options) => {
     initTracking(options);
 };
 const searchBox = (options) => {
-    clearSearchBox();
     Vue$1.use(Vuex);
     app.box = new Vue$1({
         el: options.inputSelector,
@@ -22438,7 +22456,6 @@ const searchBox = (options) => {
     });
 };
 const searchResults = (options) => {
-    clearSearchResults();
     Vue$1.use(Vuex);
     app.results = new Vue$1({
         el: options.containerSelector,
@@ -22448,7 +22465,6 @@ const searchResults = (options) => {
     });
 };
 const productList = (options) => {
-    clearProductList();
     Vue$1.use(Vuex);
     app.productList = new Vue$1({
         el: options.containerSelector,

package/dist/cjs/types/search-results/BadgeOptions.d.ts CHANGED Viewed

@@ -28,6 +28,7 @@ export declare type SearchResultBadgeElement<T = any> = {
     rootImageUrl?: string;
     maxItems?: number;
     html?: (doc: T) => string;
+    position?: "left" | "bottom";
 };
 export declare type BaseBadgeElement<T = any> = SearchResultBadgeElement<T> & {
     value?: string;

package/dist/es/components/search-results/products/product-card/badges/SearchResultsBadgeWrapper.vue.d.ts CHANGED Viewed

@@ -5,5 +5,7 @@ export default class SearchResultsBadgeWrapper extends Vue {
     options: BadgeOptions;
     get anchorPosition(): AnchorPosition;
     get badges(): BadgeElement[];
+    get leftBadges(): BadgeElement[];
+    get bottomBadges(): BadgeElement[];
     getBadgeComponent(type: string): string;
 }

package/dist/es/index.min.js CHANGED Viewed

@@ -16982,6 +16982,12 @@ let SearchResultsBadgeWrapper = class SearchResultsBadgeWrapper extends Vue$1 {
             return Object.assign(Object.assign({}, x), { value: ((_a = this.options.product) === null || _a === void 0 ? void 0 : _a[x.key]) || "badge", product: this.options.product });
         });
     }
+    get leftBadges() {
+        return this.badges.filter((b) => !b.position || b.position === "left");
+    }
+    get bottomBadges() {
+        return this.badges.filter((b) => b.position === "bottom");
+    }
     getBadgeComponent(type) {
         switch (type) {
             case BadgeType.TEXT:
@@ -17024,7 +17030,7 @@ var __vue_render__$x = function () {
       "div",
       { class: _vm.anchorPosition, attrs: { id: "lupa-badges" } },
       [
-        _vm._l(_vm.badges, function (badge, index) {
+        _vm._l(_vm.leftBadges, function (badge, index) {
           return _c(_vm.getBadgeComponent(badge.type), {
             key: index,
             tag: "search-results-badge",
@@ -17036,6 +17042,19 @@ var __vue_render__$x = function () {
       ],
       2
     ),
+    _vm._v(" "),
+    _c(
+      "div",
+      { staticClass: "lupa-bottom-badges" },
+      _vm._l(_vm.bottomBadges, function (badge, index) {
+        return _c(_vm.getBadgeComponent(badge.type), {
+          key: index,
+          tag: "search-results-badge",
+          attrs: { badge: badge },
+        })
+      }),
+      1
+    ),
   ])
 };
 var __vue_staticRenderFns__$x = [];
@@ -22424,7 +22443,6 @@ const tracking = (options) => {
     initTracking(options);
 };
 const searchBox = (options) => {
-    clearSearchBox();
     Vue$1.use(Vuex);
     app.box = new Vue$1({
         el: options.inputSelector,
@@ -22434,7 +22452,6 @@ const searchBox = (options) => {
     });
 };
 const searchResults = (options) => {
-    clearSearchResults();
     Vue$1.use(Vuex);
     app.results = new Vue$1({
         el: options.containerSelector,
@@ -22444,7 +22461,6 @@ const searchResults = (options) => {
     });
 };
 const productList = (options) => {
-    clearProductList();
     Vue$1.use(Vuex);
     app.productList = new Vue$1({
         el: options.containerSelector,

package/dist/es/types/search-results/BadgeOptions.d.ts CHANGED Viewed

@@ -28,6 +28,7 @@ export declare type SearchResultBadgeElement<T = any> = {
     rootImageUrl?: string;
     maxItems?: number;
     html?: (doc: T) => string;
+    position?: "left" | "bottom";
 };
 export declare type BaseBadgeElement<T = any> = SearchResultBadgeElement<T> & {
     value?: string;

package/dist/iife/components/search-results/products/product-card/badges/SearchResultsBadgeWrapper.vue.d.ts CHANGED Viewed

@@ -5,5 +5,7 @@ export default class SearchResultsBadgeWrapper extends Vue {
     options: BadgeOptions;
     get anchorPosition(): AnchorPosition;
     get badges(): BadgeElement[];
+    get leftBadges(): BadgeElement[];
+    get bottomBadges(): BadgeElement[];
     getBadgeComponent(type: string): string;
 }