@searchstax-inc/searchstudio-ux-vue 0.2.2 → 0.2.4

package/README.md

@@ -206,6 +206,11 @@ example of results widget initialization with minimum options
 <SearchstaxResultWidget :afterLinkClick="afterLinkClick"></SearchstaxResultWidget>
 ```
 
+example of results widget initialization with infinite scroll behavior
+```
+<SearchstaxResultWidget :afterLinkClick="afterLinkClick" :resultsPerPage="3" :renderMethod="'infiniteScroll'"></SearchstaxResultWidget>
+```
+
 example of result widget initialization with template override
 ```
  <SearchstaxResultWidget :afterLinkClick="afterLinkClick">
@@ -308,6 +313,17 @@ example of pagination widget initialization with various options
                 </div>
               </template>
 ```
+example of pagination widget initialization with infinite scroll template override
+```
+<template #infiniteScroll="{ nextPage }">
+<div className="searchstax-pagination-container"
+                <a
+                  class="searchstax-pagination-load-more"
+                  @click="nextPage"
+                >Load More override</a>
+</div>
+</template>
+```
 
 ### Facets Widget ###
 

package/dist/@searchstax-inc/components/SearchstaxFacetsWidget.vue.d.ts

@@ -1064,7 +1064,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
                     readonly cookiesDisabled: boolean;
                 };
                 config: {
-                    renderMethod?: "pagination" | "infiniteScroll";
+                    renderMethod?: "infiniteScroll" | "pagination";
                     resultsPerPage?: number;
                     templates?: {
                         mainTemplate?: {

package/dist/@searchstax-inc/components/SearchstaxPaginationWidget.vue.d.ts

@@ -5,6 +5,7 @@ declare const _sfc_main: import("vue").DefineComponent<{}, {}, {
     paginationAdded: boolean;
 }, {
     hasPaginationSlot(): boolean;
+    hasInfiniteScrollSlot(): boolean;
 }, {
     nextPage(event: Event): void;
     previousPage(event: Event): void;

package/dist/@searchstax-inc/components/SearchstaxPaginationWidget.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchstaxPaginationWidget.vue.d.ts","sourceRoot":"","sources":["../../src/components/SearchstaxPaginationWidget.vue"],"names":[],"mappings":"AACA,cAAc,iJAAiJ,CAAC;;AA2ChK,wBAAiF"}
+{"version":3,"file":"SearchstaxPaginationWidget.vue.d.ts","sourceRoot":"","sources":["../../src/components/SearchstaxPaginationWidget.vue"],"names":[],"mappings":"AACA,cAAc,iJAAiJ,CAAC;;AA4DhK,wBAAiF"}

package/dist/@searchstax-inc/components/SearchstaxResultWidget.vue.d.ts

@@ -5,6 +5,14 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: PropType<(results: ISearchstaxParsedResult) => ISearchstaxParsedResult>;
         required: false;
     };
+    resultsPerPage: {
+        type: PropType<number>;
+        required: false;
+    };
+    renderMethod: {
+        type: PropType<"infiniteScroll" | "pagination">;
+        required: false;
+    };
 }, unknown, {
     searchResults: ISearchstaxParsedResult[];
     metadata: ISearchstaxSearchMetadata;
@@ -1053,7 +1061,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
                     readonly cookiesDisabled: boolean;
                 };
                 config: {
-                    renderMethod?: "pagination" | "infiniteScroll";
+                    renderMethod?: "infiniteScroll" | "pagination";
                     resultsPerPage?: number;
                     templates?: {
                         mainTemplate?: {
@@ -9454,5 +9462,13 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: PropType<(results: ISearchstaxParsedResult) => ISearchstaxParsedResult>;
         required: false;
     };
+    resultsPerPage: {
+        type: PropType<number>;
+        required: false;
+    };
+    renderMethod: {
+        type: PropType<"infiniteScroll" | "pagination">;
+        required: false;
+    };
 }>>, {}, {}>;
 export default _sfc_main;