npm - @getlupa/client - Versions diffs - 0.7.0-alpha-20 → 0.7.0-alpha-23 - Mend

@getlupa/client 0.7.0-alpha-20 → 0.7.0-alpha-23

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

@@ -2,8 +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 displayBadges(): BadgeElement[];
     getBadgeComponent(type: string): string;
 }

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

@@ -16986,6 +16986,11 @@ 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 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) {
             case exports.BadgeType.TEXT:
@@ -16999,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);
@@ -17028,7 +17036,7 @@ var __vue_render__$x = function () {
       "div",
       { class: _vm.anchorPosition, attrs: { id: "lupa-badges" } },
       [
-        _vm._l(_vm.badges, function (badge, index) {
+        _vm._l(_vm.displayBadges, function (badge, index) {
           return _c(_vm.getBadgeComponent(badge.type), {
             key: index,
             tag: "search-results-badge",
@@ -18160,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(
@@ -22437,7 +22450,6 @@ const searchBox = (options) => {
     });
 };
 const searchResults = (options) => {
-    clearSearchResults();
     Vue$1.use(Vuex);
     app.results = new Vue$1({
         el: options.containerSelector,
@@ -22447,7 +22459,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?: "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 CHANGED Viewed

@@ -2,8 +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 displayBadges(): BadgeElement[];
     getBadgeComponent(type: string): string;
 }

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

@@ -16982,6 +16982,11 @@ 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 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) {
             case BadgeType.TEXT:
@@ -16995,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);
@@ -17024,7 +17032,7 @@ var __vue_render__$x = function () {
       "div",
       { class: _vm.anchorPosition, attrs: { id: "lupa-badges" } },
       [
-        _vm._l(_vm.badges, function (badge, index) {
+        _vm._l(_vm.displayBadges, function (badge, index) {
           return _c(_vm.getBadgeComponent(badge.type), {
             key: index,
             tag: "search-results-badge",
@@ -18156,6 +18164,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(
@@ -22433,7 +22446,6 @@ const searchBox = (options) => {
     });
 };
 const searchResults = (options) => {
-    clearSearchResults();
     Vue$1.use(Vuex);
     app.results = new Vue$1({
         el: options.containerSelector,
@@ -22443,7 +22455,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?: "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 CHANGED Viewed

@@ -2,8 +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 displayBadges(): BadgeElement[];
     getBadgeComponent(type: string): string;
 }