@getlupa/client 0.7.0-alpha-21 → 0.7.0-alpha-24

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

@@ -2,10 +2,10 @@ import { BadgeElement, BadgeOptions } from "@/types/search-results/BadgeOptions"
 import { AnchorPosition } from "@/types/search-results/SearchResultsProductCardOptions";
 import Vue from "vue";
 export default class SearchResultsBadgeWrapper extends Vue {
+    position: "card" | "image";
     options: BadgeOptions;
     get anchorPosition(): AnchorPosition;
     get badges(): BadgeElement[];
-    get leftBadges(): BadgeElement[];
-    get bottomBadges(): BadgeElement[];
+    get displayBadges(): BadgeElement[];
     getBadgeComponent(type: string): string;
 }

package/dist/cjs/index.min.js

@@ -16986,11 +16986,10 @@ 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");
+    get displayBadges() {
+        return this.position === "card"
+            ? this.badges.filter((b) => !b.position || b.position === "card")
+            : this.badges.filter((b) => b.position === "image");
     }
     getBadgeComponent(type) {
         switch (type) {
@@ -17005,6 +17004,9 @@ let SearchResultsBadgeWrapper = class SearchResultsBadgeWrapper extends Vue$1 {
         }
     }
 };
+__decorate([
+    Prop({ default: "card" })
+], SearchResultsBadgeWrapper.prototype, "position", void 0);
 __decorate([
     Prop({ default: {} })
 ], SearchResultsBadgeWrapper.prototype, "options", void 0);
@@ -17034,7 +17036,7 @@ var __vue_render__$x = function () {
       "div",
       { class: _vm.anchorPosition, attrs: { id: "lupa-badges" } },
       [
-        _vm._l(_vm.leftBadges, function (badge, index) {
+        _vm._l(_vm.displayBadges, function (badge, index) {
           return _c(_vm.getBadgeComponent(badge.type), {
             key: index,
             tag: "search-results-badge",
@@ -17042,23 +17044,14 @@ var __vue_render__$x = function () {
           })
         }),
         _vm._v(" "),
-        _c("SearchResultGeneratedBadges", { attrs: { options: _vm.options } }),
+        _vm.position === "card"
+          ? _c("SearchResultGeneratedBadges", {
+              attrs: { options: _vm.options },
+            })
+          : _vm._e(),
       ],
       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 = [];
@@ -18179,6 +18172,11 @@ var __vue_render__$m = function () {
                 })
               }),
               _vm._v(" "),
+              _c("SearchResultsBadgeWrapper", {
+                staticClass: "lupa-image-badges",
+                attrs: { options: _vm.badgesOptions, position: "image" },
+              }),
+              _vm._v(" "),
               _vm.labels.outOfStock && !_vm.isInStock
                 ? _c("div", { staticClass: "lupa-out-of-stock" }, [
                     _vm._v(
@@ -22456,7 +22454,6 @@ const searchBox = (options) => {
     });
 };
 const searchResults = (options) => {
-    clearSearchResults();
     Vue$1.use(Vuex);
     app.results = new Vue$1({
         el: options.containerSelector,
@@ -22466,7 +22463,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

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

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

@@ -2,10 +2,10 @@ import { BadgeElement, BadgeOptions } from "@/types/search-results/BadgeOptions"
 import { AnchorPosition } from "@/types/search-results/SearchResultsProductCardOptions";
 import Vue from "vue";
 export default class SearchResultsBadgeWrapper extends Vue {
+    position: "card" | "image";
     options: BadgeOptions;
     get anchorPosition(): AnchorPosition;
     get badges(): BadgeElement[];
-    get leftBadges(): BadgeElement[];
-    get bottomBadges(): BadgeElement[];
+    get displayBadges(): BadgeElement[];
     getBadgeComponent(type: string): string;
 }

package/dist/es/index.min.js

@@ -16982,11 +16982,10 @@ 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");
+    get displayBadges() {
+        return this.position === "card"
+            ? this.badges.filter((b) => !b.position || b.position === "card")
+            : this.badges.filter((b) => b.position === "image");
     }
     getBadgeComponent(type) {
         switch (type) {
@@ -17001,6 +17000,9 @@ let SearchResultsBadgeWrapper = class SearchResultsBadgeWrapper extends Vue$1 {
         }
     }
 };
+__decorate([
+    Prop({ default: "card" })
+], SearchResultsBadgeWrapper.prototype, "position", void 0);
 __decorate([
     Prop({ default: {} })
 ], SearchResultsBadgeWrapper.prototype, "options", void 0);
@@ -17030,7 +17032,7 @@ var __vue_render__$x = function () {
       "div",
       { class: _vm.anchorPosition, attrs: { id: "lupa-badges" } },
       [
-        _vm._l(_vm.leftBadges, function (badge, index) {
+        _vm._l(_vm.displayBadges, function (badge, index) {
           return _c(_vm.getBadgeComponent(badge.type), {
             key: index,
             tag: "search-results-badge",
@@ -17038,23 +17040,14 @@ var __vue_render__$x = function () {
           })
         }),
         _vm._v(" "),
-        _c("SearchResultGeneratedBadges", { attrs: { options: _vm.options } }),
+        _vm.position === "card"
+          ? _c("SearchResultGeneratedBadges", {
+              attrs: { options: _vm.options },
+            })
+          : _vm._e(),
       ],
       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 = [];
@@ -18175,6 +18168,11 @@ var __vue_render__$m = function () {
                 })
               }),
               _vm._v(" "),
+              _c("SearchResultsBadgeWrapper", {
+                staticClass: "lupa-image-badges",
+                attrs: { options: _vm.badgesOptions, position: "image" },
+              }),
+              _vm._v(" "),
               _vm.labels.outOfStock && !_vm.isInStock
                 ? _c("div", { staticClass: "lupa-out-of-stock" }, [
                     _vm._v(
@@ -22452,7 +22450,6 @@ const searchBox = (options) => {
     });
 };
 const searchResults = (options) => {
-    clearSearchResults();
     Vue$1.use(Vuex);
     app.results = new Vue$1({
         el: options.containerSelector,
@@ -22462,7 +22459,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

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

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

@@ -2,10 +2,10 @@ import { BadgeElement, BadgeOptions } from "@/types/search-results/BadgeOptions"
 import { AnchorPosition } from "@/types/search-results/SearchResultsProductCardOptions";
 import Vue from "vue";
 export default class SearchResultsBadgeWrapper extends Vue {
+    position: "card" | "image";
     options: BadgeOptions;
     get anchorPosition(): AnchorPosition;
     get badges(): BadgeElement[];
-    get leftBadges(): BadgeElement[];
-    get bottomBadges(): BadgeElement[];
+    get displayBadges(): BadgeElement[];
     getBadgeComponent(type: string): string;
 }