@getlupa/client 0.6.0-alpha-21 → 0.6.0-alpha-22

package/dist/cjs/components/search-results/filters/MobileFilterSidebar.vue.d.ts

@@ -2,7 +2,7 @@ import { SearchResultsFilterOptions } from "@/types/search-results/SearchResults
 import Vue from "vue";
 export default class MobileFilterSidebar extends Vue {
     options: SearchResultsFilterOptions;
-    setSidebarVisibility: ({ visible, }: {
+    setSidebarState: ({ visible, }: {
         visible: boolean;
     }) => void;
     isMobileSidebarVisible: boolean;

package/dist/cjs/components/search-results/products/SearchResultsMobileToggle.vue.d.ts

@@ -3,7 +3,7 @@ export default class SearchResultsMobileToggle extends Vue {
     label: string;
     showFilterCount: boolean;
     currentFilterCount: number;
-    setSidebarVisibility: ({ visible, }: {
+    setSidebarState: ({ visible, }: {
         visible: boolean;
     }) => void;
     handleMobileToggle(): void;

package/dist/cjs/index.min.js

@@ -15760,6 +15760,17 @@ const scrollTo = (elementId) => {
         top: el.offsetTop,
         behavior: "smooth",
     });
+};
+const disableBodyScroll = () => {
+    const scrollY = window.scrollY;
+    document.body.style.position = "fixed";
+    document.body.style.top = `-${scrollY}px`;
+};
+const enableBodyScroll = () => {
+    const scrollY = document.body.style.top;
+    document.body.style.position = "";
+    document.body.style.top = "";
+    window.scrollTo(0, parseInt(scrollY || "0") * -1);
 };
 
 const searchResult$g = namespace("searchResult");
@@ -16278,15 +16289,15 @@ let MobileFilterSidebar = class MobileFilterSidebar extends Vue$1 {
         return !((_b = (_a = this.options.currentFilters) === null || _a === void 0 ? void 0 : _a.mobileSidebar) === null || _b === void 0 ? void 0 : _b.activeFiltersExpanded);
     }
     handleMobileToggle() {
-        this.setSidebarVisibility({ visible: false });
+        this.setSidebarState({ visible: false });
     }
 };
 __decorate([
     Prop()
 ], MobileFilterSidebar.prototype, "options", void 0);
 __decorate([
-    searchResult$f.Mutation("setSidebarVisibility")
-], MobileFilterSidebar.prototype, "setSidebarVisibility", void 0);
+    searchResult$f.Action("setSidebarState")
+], MobileFilterSidebar.prototype, "setSidebarState", void 0);
 __decorate([
     searchResult$f.State((state) => state.isMobileSidebarVisible)
 ], MobileFilterSidebar.prototype, "isMobileSidebarVisible", void 0);
@@ -19106,7 +19117,7 @@ __vue_render__$f._withStripped = true;
 const searchResult$8 = namespace("searchResult");
 let SearchResultsMobileToggle = class SearchResultsMobileToggle extends Vue$1 {
     handleMobileToggle() {
-        this.setSidebarVisibility({ visible: true });
+        this.setSidebarState({ visible: true });
     }
 };
 __decorate([
@@ -19119,8 +19130,8 @@ __decorate([
     searchResult$8.Getter("currentFilterCount")
 ], SearchResultsMobileToggle.prototype, "currentFilterCount", void 0);
 __decorate([
-    searchResult$8.Mutation("setSidebarVisibility")
-], SearchResultsMobileToggle.prototype, "setSidebarVisibility", void 0);
+    searchResult$8.Action("setSidebarState")
+], SearchResultsMobileToggle.prototype, "setSidebarState", void 0);
 SearchResultsMobileToggle = __decorate([
     Component({
         name: "searchResultsMobileToggle",
@@ -19887,10 +19898,7 @@ var __vue_render__$8 = function () {
   var _c = _vm._self._c || _h;
   return _c(
     "div",
-    {
-      style: { display: _vm.isMobileSidebarVisible ? "none" : "block" },
-      attrs: { id: "lupa-search-results-products" },
-    },
+    { attrs: { id: "lupa-search-results-products" } },
     [
       _vm.loading && !_vm.isMobileSidebarVisible
         ? _c("spinner", { staticClass: "lupa-loader" })
@@ -21702,6 +21710,16 @@ let SearchResultModule = class SearchResultModule extends VuexModule {
         var _a;
         return (this.hasResults && ((_a = this.searchResult.offset) !== null && _a !== void 0 ? _a : 0) >= this.totalItems);
     }
+    setSidebarState({ visible }) {
+        // Disable body scroll when sidebar is open and preserve scroll position when scrolling is closed
+        if (visible) {
+            disableBodyScroll();
+        }
+        else {
+            enableBodyScroll();
+        }
+        return { visible };
+    }
     setSidebarVisibility({ visible }) {
         this.isMobileSidebarVisible = visible;
     }
@@ -21781,6 +21799,9 @@ let SearchResultModule = class SearchResultModule extends VuexModule {
         return loading || false;
     }
 };
+__decorate([
+    Action({ commit: "setSidebarVisibility" })
+], SearchResultModule.prototype, "setSidebarState", null);
 __decorate([
     Mutation
 ], SearchResultModule.prototype, "setSidebarVisibility", null);

package/dist/cjs/store/modules/searchResult.d.ts

@@ -27,6 +27,11 @@ export default class SearchResultModule extends VuexModule {
     get isMobileWidth(): boolean;
     get currentScreenWidth(): ScreenSize;
     get isPageEmpty(): boolean;
+    setSidebarState({ visible }: {
+        visible: boolean;
+    }): {
+        visible: boolean;
+    };
     setSidebarVisibility({ visible }: {
         visible: boolean;
     }): void;

package/dist/cjs/utils/scroll.utils.d.ts

@@ -1,2 +1,4 @@
 export declare const scrollToSearchResults: (timeout?: number) => void;
 export declare const scrollTo: (elementId: string) => void;
+export declare const disableBodyScroll: () => void;
+export declare const enableBodyScroll: () => void;

package/dist/es/components/search-results/filters/MobileFilterSidebar.vue.d.ts

@@ -2,7 +2,7 @@ import { SearchResultsFilterOptions } from "@/types/search-results/SearchResults
 import Vue from "vue";
 export default class MobileFilterSidebar extends Vue {
     options: SearchResultsFilterOptions;
-    setSidebarVisibility: ({ visible, }: {
+    setSidebarState: ({ visible, }: {
         visible: boolean;
     }) => void;
     isMobileSidebarVisible: boolean;

package/dist/es/components/search-results/products/SearchResultsMobileToggle.vue.d.ts

@@ -3,7 +3,7 @@ export default class SearchResultsMobileToggle extends Vue {
     label: string;
     showFilterCount: boolean;
     currentFilterCount: number;
-    setSidebarVisibility: ({ visible, }: {
+    setSidebarState: ({ visible, }: {
         visible: boolean;
     }) => void;
     handleMobileToggle(): void;

package/dist/es/index.min.js

@@ -15756,6 +15756,17 @@ const scrollTo = (elementId) => {
         top: el.offsetTop,
         behavior: "smooth",
     });
+};
+const disableBodyScroll = () => {
+    const scrollY = window.scrollY;
+    document.body.style.position = "fixed";
+    document.body.style.top = `-${scrollY}px`;
+};
+const enableBodyScroll = () => {
+    const scrollY = document.body.style.top;
+    document.body.style.position = "";
+    document.body.style.top = "";
+    window.scrollTo(0, parseInt(scrollY || "0") * -1);
 };
 
 const searchResult$g = namespace("searchResult");
@@ -16274,15 +16285,15 @@ let MobileFilterSidebar = class MobileFilterSidebar extends Vue$1 {
         return !((_b = (_a = this.options.currentFilters) === null || _a === void 0 ? void 0 : _a.mobileSidebar) === null || _b === void 0 ? void 0 : _b.activeFiltersExpanded);
     }
     handleMobileToggle() {
-        this.setSidebarVisibility({ visible: false });
+        this.setSidebarState({ visible: false });
     }
 };
 __decorate([
     Prop()
 ], MobileFilterSidebar.prototype, "options", void 0);
 __decorate([
-    searchResult$f.Mutation("setSidebarVisibility")
-], MobileFilterSidebar.prototype, "setSidebarVisibility", void 0);
+    searchResult$f.Action("setSidebarState")
+], MobileFilterSidebar.prototype, "setSidebarState", void 0);
 __decorate([
     searchResult$f.State((state) => state.isMobileSidebarVisible)
 ], MobileFilterSidebar.prototype, "isMobileSidebarVisible", void 0);
@@ -19102,7 +19113,7 @@ __vue_render__$f._withStripped = true;
 const searchResult$8 = namespace("searchResult");
 let SearchResultsMobileToggle = class SearchResultsMobileToggle extends Vue$1 {
     handleMobileToggle() {
-        this.setSidebarVisibility({ visible: true });
+        this.setSidebarState({ visible: true });
     }
 };
 __decorate([
@@ -19115,8 +19126,8 @@ __decorate([
     searchResult$8.Getter("currentFilterCount")
 ], SearchResultsMobileToggle.prototype, "currentFilterCount", void 0);
 __decorate([
-    searchResult$8.Mutation("setSidebarVisibility")
-], SearchResultsMobileToggle.prototype, "setSidebarVisibility", void 0);
+    searchResult$8.Action("setSidebarState")
+], SearchResultsMobileToggle.prototype, "setSidebarState", void 0);
 SearchResultsMobileToggle = __decorate([
     Component({
         name: "searchResultsMobileToggle",
@@ -19883,10 +19894,7 @@ var __vue_render__$8 = function () {
   var _c = _vm._self._c || _h;
   return _c(
     "div",
-    {
-      style: { display: _vm.isMobileSidebarVisible ? "none" : "block" },
-      attrs: { id: "lupa-search-results-products" },
-    },
+    { attrs: { id: "lupa-search-results-products" } },
     [
       _vm.loading && !_vm.isMobileSidebarVisible
         ? _c("spinner", { staticClass: "lupa-loader" })
@@ -21698,6 +21706,16 @@ let SearchResultModule = class SearchResultModule extends VuexModule {
         var _a;
         return (this.hasResults && ((_a = this.searchResult.offset) !== null && _a !== void 0 ? _a : 0) >= this.totalItems);
     }
+    setSidebarState({ visible }) {
+        // Disable body scroll when sidebar is open and preserve scroll position when scrolling is closed
+        if (visible) {
+            disableBodyScroll();
+        }
+        else {
+            enableBodyScroll();
+        }
+        return { visible };
+    }
     setSidebarVisibility({ visible }) {
         this.isMobileSidebarVisible = visible;
     }
@@ -21777,6 +21795,9 @@ let SearchResultModule = class SearchResultModule extends VuexModule {
         return loading || false;
     }
 };
+__decorate([
+    Action({ commit: "setSidebarVisibility" })
+], SearchResultModule.prototype, "setSidebarState", null);
 __decorate([
     Mutation
 ], SearchResultModule.prototype, "setSidebarVisibility", null);

package/dist/es/store/modules/searchResult.d.ts

@@ -27,6 +27,11 @@ export default class SearchResultModule extends VuexModule {
     get isMobileWidth(): boolean;
     get currentScreenWidth(): ScreenSize;
     get isPageEmpty(): boolean;
+    setSidebarState({ visible }: {
+        visible: boolean;
+    }): {
+        visible: boolean;
+    };
     setSidebarVisibility({ visible }: {
         visible: boolean;
     }): void;

package/dist/es/utils/scroll.utils.d.ts

@@ -1,2 +1,4 @@
 export declare const scrollToSearchResults: (timeout?: number) => void;
 export declare const scrollTo: (elementId: string) => void;
+export declare const disableBodyScroll: () => void;
+export declare const enableBodyScroll: () => void;

package/dist/iife/components/search-results/filters/MobileFilterSidebar.vue.d.ts

@@ -2,7 +2,7 @@ import { SearchResultsFilterOptions } from "@/types/search-results/SearchResults
 import Vue from "vue";
 export default class MobileFilterSidebar extends Vue {
     options: SearchResultsFilterOptions;
-    setSidebarVisibility: ({ visible, }: {
+    setSidebarState: ({ visible, }: {
         visible: boolean;
     }) => void;
     isMobileSidebarVisible: boolean;

package/dist/iife/components/search-results/products/SearchResultsMobileToggle.vue.d.ts

@@ -3,7 +3,7 @@ export default class SearchResultsMobileToggle extends Vue {
     label: string;
     showFilterCount: boolean;
     currentFilterCount: number;
-    setSidebarVisibility: ({ visible, }: {
+    setSidebarState: ({ visible, }: {
         visible: boolean;
     }) => void;
     handleMobileToggle(): void;