@searchstax-inc/searchstudio-ux-angular 0.0.1 → 0.0.2

package/fesm2020/searchstax-inc-searchstudio-ux-angular.mjs

@@ -130,16 +130,16 @@ class SearchstaxInputWidget {
             throw Error('Searchstax instance needs to be passed via props');
         }
     }
-    onMouseLeave() {
-        this.storeServiceService.searchstax.searchInputWidget?.resetAutosuggestSelection();
-        this.storeServiceService.searchstax.searchInputWidget?.markActiveAutosuggestItem();
+    onMouseLeave(context) {
+        context.storeServiceService.searchstax.searchInputWidget?.resetAutosuggestSelection();
+        context.storeServiceService.searchstax.searchInputWidget?.markActiveAutosuggestItem();
     }
-    onMouseOver(suggestion) {
-        this.storeServiceService.searchstax.searchInputWidget?.onSuggestionEnter(suggestion);
+    onMouseOver(suggestion, context) {
+        context.storeServiceService.searchstax.searchInputWidget?.onSuggestionEnter(suggestion);
     }
-    onMouseClick(e) {
+    onMouseClick(e, context) {
         e.stopImmediatePropagation();
-        this.storeServiceService.searchstax.searchInputWidget?.suggestionChosen();
+        context.storeServiceService.searchstax.searchInputWidget?.suggestionChosen();
     }
     attachObservables() {
         this.storeServiceService.searchstax.dataLayer.$autosuggestResults.subscribe((suggestions) => {
@@ -148,10 +148,10 @@ class SearchstaxInputWidget {
     }
 }
 SearchstaxInputWidget.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SearchstaxInputWidget, deps: [{ token: StoreServiceService }], target: i0.ɵɵFactoryTarget.Component });
-SearchstaxInputWidget.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: SearchstaxInputWidget, selector: "app-searchstax-input", inputs: { afterAutosuggest: "afterAutosuggest", beforeAutosuggest: "beforeAutosuggest", searchInputId: "searchInputId", suggestAfterMinChars: "suggestAfterMinChars", templateOverride: "templateOverride" }, ngImport: i0, template: "<div id=\"searchstax-input-container\">\n  <div class=\"searchstax-search-input-container\">\n    <div *ngIf=\"!templateOverride\" class=\"searchstax-search-input-wrapper\">\n      <input\n        type=\"text\"\n        id=\"searchstax-search-input\"\n        class=\"searchstax-search-input\"\n        placeholder=\"SEARCH FOR...\"\n      />\n      <div\n        class=\"searchstax-autosuggest-container\"\n        [ngClass]=\"{ hidden: suggestions.length === 0 }\"\n        (mouseleave)=\"(onMouseLeave)\"\n      >\n        <div\n          class=\"searchstax-autosuggest-item\"\n          *ngFor=\"let suggestion of suggestions\"\n        >\n          <div\n            class=\"searchstax-autosuggest-item-term-container\"\n            [innerHtml]=\"suggestion.term\"\n            (mouseover)=\"onMouseOver(suggestion)\"\n            (click)=\"onMouseClick($event)\"\n          ></div>\n        </div>\n      </div>\n      <button\n        class=\"searchstax-spinner-icon\"\n        id=\"searchstax-search-input-action-button\"\n      ></button>\n    </div>\n    <div *ngIf=\"templateOverride\">\n      <ng-container\n        *ngTemplateOutlet=\"templateOverride; context: context\"\n      ></ng-container>\n    </div>\n\n    <!-- <slot\n      name=\"input\"\n      :suggestions=\"suggestions\"\n      :onMouseClick=\"onMouseClick\"\n      :onMouseOver=\"onMouseOver\"\n      :onMouseLeave=\"onMouseLeave\"\n    ></slot> -->\n  </div>\n</div>\n", directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
+SearchstaxInputWidget.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: SearchstaxInputWidget, selector: "app-searchstax-input", inputs: { afterAutosuggest: "afterAutosuggest", beforeAutosuggest: "beforeAutosuggest", searchInputId: "searchInputId", suggestAfterMinChars: "suggestAfterMinChars", templateOverride: "templateOverride" }, ngImport: i0, template: "<div id=\"searchstax-input-container\">\n  <div class=\"searchstax-search-input-container\">\n    <div *ngIf=\"!templateOverride\" class=\"searchstax-search-input-wrapper\">\n      <input\n        type=\"text\"\n        id=\"searchstax-search-input\"\n        class=\"searchstax-search-input\"\n        placeholder=\"SEARCH FOR...\"\n      />\n      <div\n        class=\"searchstax-autosuggest-container\"\n        [ngClass]=\"{ hidden: suggestions.length === 0 }\"\n        (mouseleave)=\"(onMouseLeave)\"\n      >\n        <div\n          class=\"searchstax-autosuggest-item\"\n          *ngFor=\"let suggestion of suggestions\"\n        >\n          <div\n            class=\"searchstax-autosuggest-item-term-container\"\n            [innerHtml]=\"suggestion.term\"\n            (mouseover)=\"onMouseOver(suggestion, context)\"\n            (click)=\"onMouseClick($event, context)\"\n          ></div>\n        </div>\n      </div>\n      <button\n        class=\"searchstax-spinner-icon\"\n        id=\"searchstax-search-input-action-button\"\n      ></button>\n    </div>\n    <div *ngIf=\"templateOverride\">\n      <ng-container\n        *ngTemplateOutlet=\"templateOverride; context: context\"\n      ></ng-container>\n    </div>\n\n    <!-- <slot\n      name=\"input\"\n      :suggestions=\"suggestions\"\n      :onMouseClick=\"onMouseClick\"\n      :onMouseOver=\"onMouseOver\"\n      :onMouseLeave=\"onMouseLeave\"\n    ></slot> -->\n  </div>\n</div>\n", directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SearchstaxInputWidget, decorators: [{
             type: Component,
-            args: [{ selector: 'app-searchstax-input', styles: [], template: "<div id=\"searchstax-input-container\">\n  <div class=\"searchstax-search-input-container\">\n    <div *ngIf=\"!templateOverride\" class=\"searchstax-search-input-wrapper\">\n      <input\n        type=\"text\"\n        id=\"searchstax-search-input\"\n        class=\"searchstax-search-input\"\n        placeholder=\"SEARCH FOR...\"\n      />\n      <div\n        class=\"searchstax-autosuggest-container\"\n        [ngClass]=\"{ hidden: suggestions.length === 0 }\"\n        (mouseleave)=\"(onMouseLeave)\"\n      >\n        <div\n          class=\"searchstax-autosuggest-item\"\n          *ngFor=\"let suggestion of suggestions\"\n        >\n          <div\n            class=\"searchstax-autosuggest-item-term-container\"\n            [innerHtml]=\"suggestion.term\"\n            (mouseover)=\"onMouseOver(suggestion)\"\n            (click)=\"onMouseClick($event)\"\n          ></div>\n        </div>\n      </div>\n      <button\n        class=\"searchstax-spinner-icon\"\n        id=\"searchstax-search-input-action-button\"\n      ></button>\n    </div>\n    <div *ngIf=\"templateOverride\">\n      <ng-container\n        *ngTemplateOutlet=\"templateOverride; context: context\"\n      ></ng-container>\n    </div>\n\n    <!-- <slot\n      name=\"input\"\n      :suggestions=\"suggestions\"\n      :onMouseClick=\"onMouseClick\"\n      :onMouseOver=\"onMouseOver\"\n      :onMouseLeave=\"onMouseLeave\"\n    ></slot> -->\n  </div>\n</div>\n" }]
+            args: [{ selector: 'app-searchstax-input', styles: [], template: "<div id=\"searchstax-input-container\">\n  <div class=\"searchstax-search-input-container\">\n    <div *ngIf=\"!templateOverride\" class=\"searchstax-search-input-wrapper\">\n      <input\n        type=\"text\"\n        id=\"searchstax-search-input\"\n        class=\"searchstax-search-input\"\n        placeholder=\"SEARCH FOR...\"\n      />\n      <div\n        class=\"searchstax-autosuggest-container\"\n        [ngClass]=\"{ hidden: suggestions.length === 0 }\"\n        (mouseleave)=\"(onMouseLeave)\"\n      >\n        <div\n          class=\"searchstax-autosuggest-item\"\n          *ngFor=\"let suggestion of suggestions\"\n        >\n          <div\n            class=\"searchstax-autosuggest-item-term-container\"\n            [innerHtml]=\"suggestion.term\"\n            (mouseover)=\"onMouseOver(suggestion, context)\"\n            (click)=\"onMouseClick($event, context)\"\n          ></div>\n        </div>\n      </div>\n      <button\n        class=\"searchstax-spinner-icon\"\n        id=\"searchstax-search-input-action-button\"\n      ></button>\n    </div>\n    <div *ngIf=\"templateOverride\">\n      <ng-container\n        *ngTemplateOutlet=\"templateOverride; context: context\"\n      ></ng-container>\n    </div>\n\n    <!-- <slot\n      name=\"input\"\n      :suggestions=\"suggestions\"\n      :onMouseClick=\"onMouseClick\"\n      :onMouseOver=\"onMouseOver\"\n      :onMouseLeave=\"onMouseLeave\"\n    ></slot> -->\n  </div>\n</div>\n" }]
         }], ctorParameters: function () { return [{ type: StoreServiceService }]; }, propDecorators: { afterAutosuggest: [{
                 type: Input
             }], beforeAutosuggest: [{
@@ -204,20 +204,20 @@ class SearchstaxResultsWidget {
             this.metadata = value;
         });
     }
-    resultClicked(result, event) {
+    resultClicked(result, event, context) {
         event.preventDefault();
         event.stopPropagation();
-        this.storeServiceService.searchstax.executeLinkClick(result.uniqueId);
+        context.storeServiceService.searchstax.executeLinkClick(result.uniqueId);
     }
     isImage(field) {
         return field.isImage && typeof field.value === 'string';
     }
 }
 SearchstaxResultsWidget.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SearchstaxResultsWidget, deps: [{ token: StoreServiceService }], target: i0.ɵɵFactoryTarget.Component });
-SearchstaxResultsWidget.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: SearchstaxResultsWidget, selector: "app-searchstax-results", inputs: { afterLinkClick: "afterLinkClick", noResultsTemplate: "noResultsTemplate", resultsTemplate: "resultsTemplate" }, ngImport: i0, template: "<div id=\"searchstax-results-container\">\n  <div class=\"searchstax-search-results-container\">\n    <div id=\"searchstax-result-container\">\n      <div\n        *ngIf=\"\n          searchResults && searchResults.length === 0 && !noResultsTemplate\n        \"\n      >\n        <div class=\"searchstax-no-results\">\n          Showing <strong>no results</strong> for\n          <strong>\"{{ searchTerm }}\"</strong>\n          <br />\n          <span *ngIf=\"metadata?.spellingSuggestion\"\n            >&nbsp;Did you mean\n            <a href=\"#\" class=\"searchstax-suggestion-term\">{{\n              metadata?.spellingSuggestion\n            }}</a\n            >?</span\n          >\n        </div>\n        <div>\n          <p>\n            Try searching for search related terms or topics. We offer a wide\n            variety of content to help you get the information you need.\n          </p>\n          <p>Lost? Click on the \u2018X\u201D in the Search Box to reset your search.</p>\n        </div>\n      </div>\n      <div\n        *ngIf=\"searchResults && searchResults.length === 0 && noResultsTemplate\"\n      >\n        <ng-container\n          *ngTemplateOutlet=\"noResultsTemplate; context: context\"\n        ></ng-container>\n      </div>\n\n      <div\n        class=\"searchstax-search-results\"\n        *ngIf=\"searchResults && searchResults.length && !resultsTemplate\"\n      >\n        <div\n          class=\"searchstax-search-result\"\n          [ngClass]=\"{ 'has-thumbnail': searchResult.thumbnail }\"\n          *ngFor=\"let searchResult of searchResults\"\n        >\n          <div\n            *ngIf=\"searchResult.promoted\"\n            class=\"searchstax-search-result-promoted\"\n          ></div>\n          <a\n            *ngIf=\"searchResult.url\"\n            [href]=\"searchResult.url\"\n            attr.data-searchstax-unique-result-id=\"searchResult.uniqueId\"\n            (click)=\"resultClicked(searchResult, $event)\"\n            class=\"searchstax-result-item-link\"\n          ></a>\n          <div\n            *ngIf=\"searchResult.ribbon\"\n            class=\"searchstax-search-result-ribbon\"\n          >\n            {{ searchResult.ribbon }}\n          </div>\n          <img\n            *ngIf=\"searchResult.thumbnail\"\n            [src]=\"searchResult.thumbnail\"\n            class=\"searchstax-thumbnail\"\n          />\n          <div class=\"searchstax-search-result-title-container\">\n            <span class=\"searchstax-search-result-title\">{{\n              searchResult.title\n            }}</span>\n          </div>\n          <p *ngIf=\"searchResult.paths\" class=\"searchstax-search-result-common\">\n            {{ searchResult.paths }}\n          </p>\n          <p\n            *ngIf=\"searchResult.description\"\n            class=\"searchstax-search-result-description searchstax-search-result-common\"\n          >\n            {{ searchResult.description }}\n          </p>\n          <div *ngFor=\"let unmappedField of searchResult.unmappedFields\">\n            <div\n              *ngIf=\"isImage(unmappedField)\"\n              class=\"searchstax-search-result-image-container\"\n            >\n              <img\n                [src]=\"unmappedField.value\"\n                class=\"searchstax-result-image\"\n              />\n            </div>\n            <div *ngIf=\"!isImage(unmappedField)\">\n              <p class=\"searchstax-search-result-common\">\n                {{ unmappedField.value }}\n              </p>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <div *ngIf=\"searchResults && searchResults.length && resultsTemplate\">\n        <ng-container\n          *ngTemplateOutlet=\"resultsTemplate; context: context\"\n        ></ng-container>\n      </div>\n    </div>\n  </div>\n</div>\n", directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+SearchstaxResultsWidget.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: SearchstaxResultsWidget, selector: "app-searchstax-results", inputs: { afterLinkClick: "afterLinkClick", noResultsTemplate: "noResultsTemplate", resultsTemplate: "resultsTemplate" }, ngImport: i0, template: "<div id=\"searchstax-results-container\">\n  <div class=\"searchstax-search-results-container\">\n    <div id=\"searchstax-result-container\">\n      <div\n        *ngIf=\"\n          searchResults && searchResults.length === 0 && !noResultsTemplate\n        \"\n      >\n        <div class=\"searchstax-no-results\">\n          Showing <strong>no results</strong> for\n          <strong>\"{{ searchTerm }}\"</strong>\n          <br />\n          <span *ngIf=\"metadata?.spellingSuggestion\"\n            >&nbsp;Did you mean\n            <a href=\"#\" class=\"searchstax-suggestion-term\">{{\n              metadata?.spellingSuggestion\n            }}</a\n            >?</span\n          >\n        </div>\n        <div>\n          <p>\n            Try searching for search related terms or topics. We offer a wide\n            variety of content to help you get the information you need.\n          </p>\n          <p>Lost? Click on the \u2018X\u201D in the Search Box to reset your search.</p>\n        </div>\n      </div>\n      <div\n        *ngIf=\"searchResults && searchResults.length === 0 && noResultsTemplate\"\n      >\n        <ng-container\n          *ngTemplateOutlet=\"noResultsTemplate; context: context\"\n        ></ng-container>\n      </div>\n\n      <div\n        class=\"searchstax-search-results\"\n        *ngIf=\"searchResults && searchResults.length && !resultsTemplate\"\n      >\n        <div\n          class=\"searchstax-search-result\"\n          [ngClass]=\"{ 'has-thumbnail': searchResult.thumbnail }\"\n          *ngFor=\"let searchResult of searchResults\"\n        >\n          <div\n            *ngIf=\"searchResult.promoted\"\n            class=\"searchstax-search-result-promoted\"\n          ></div>\n          <a\n            *ngIf=\"searchResult.url\"\n            [href]=\"searchResult.url\"\n            [attr.data-searchstax-unique-result-id]=\"searchResult.uniqueId\"\n            (click)=\"resultClicked(searchResult, $event, context)\"\n            class=\"searchstax-result-item-link\"\n          ></a>\n          <div\n            *ngIf=\"searchResult.ribbon\"\n            class=\"searchstax-search-result-ribbon\"\n          >\n            {{ searchResult.ribbon }}\n          </div>\n          <img\n            *ngIf=\"searchResult.thumbnail\"\n            [src]=\"searchResult.thumbnail\"\n            class=\"searchstax-thumbnail\"\n          />\n          <div class=\"searchstax-search-result-title-container\">\n            <span class=\"searchstax-search-result-title\">{{\n              searchResult.title\n            }}</span>\n          </div>\n          <p *ngIf=\"searchResult.paths\" class=\"searchstax-search-result-common\">\n            {{ searchResult.paths }}\n          </p>\n          <p\n            *ngIf=\"searchResult.description\"\n            class=\"searchstax-search-result-description searchstax-search-result-common\"\n          >\n            {{ searchResult.description }}\n          </p>\n          <div *ngFor=\"let unmappedField of searchResult.unmappedFields\">\n            <div\n              *ngIf=\"isImage(unmappedField)\"\n              class=\"searchstax-search-result-image-container\"\n            >\n              <img\n                [src]=\"unmappedField.value\"\n                class=\"searchstax-result-image\"\n              />\n            </div>\n            <div *ngIf=\"!isImage(unmappedField)\">\n              <p class=\"searchstax-search-result-common\">\n                {{ unmappedField.value }}\n              </p>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <div *ngIf=\"searchResults && searchResults.length && resultsTemplate\">\n        <ng-container\n          *ngTemplateOutlet=\"resultsTemplate; context: context\"\n        ></ng-container>\n      </div>\n    </div>\n  </div>\n</div>\n", directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SearchstaxResultsWidget, decorators: [{
             type: Component,
-            args: [{ selector: 'app-searchstax-results', styles: [], template: "<div id=\"searchstax-results-container\">\n  <div class=\"searchstax-search-results-container\">\n    <div id=\"searchstax-result-container\">\n      <div\n        *ngIf=\"\n          searchResults && searchResults.length === 0 && !noResultsTemplate\n        \"\n      >\n        <div class=\"searchstax-no-results\">\n          Showing <strong>no results</strong> for\n          <strong>\"{{ searchTerm }}\"</strong>\n          <br />\n          <span *ngIf=\"metadata?.spellingSuggestion\"\n            >&nbsp;Did you mean\n            <a href=\"#\" class=\"searchstax-suggestion-term\">{{\n              metadata?.spellingSuggestion\n            }}</a\n            >?</span\n          >\n        </div>\n        <div>\n          <p>\n            Try searching for search related terms or topics. We offer a wide\n            variety of content to help you get the information you need.\n          </p>\n          <p>Lost? Click on the \u2018X\u201D in the Search Box to reset your search.</p>\n        </div>\n      </div>\n      <div\n        *ngIf=\"searchResults && searchResults.length === 0 && noResultsTemplate\"\n      >\n        <ng-container\n          *ngTemplateOutlet=\"noResultsTemplate; context: context\"\n        ></ng-container>\n      </div>\n\n      <div\n        class=\"searchstax-search-results\"\n        *ngIf=\"searchResults && searchResults.length && !resultsTemplate\"\n      >\n        <div\n          class=\"searchstax-search-result\"\n          [ngClass]=\"{ 'has-thumbnail': searchResult.thumbnail }\"\n          *ngFor=\"let searchResult of searchResults\"\n        >\n          <div\n            *ngIf=\"searchResult.promoted\"\n            class=\"searchstax-search-result-promoted\"\n          ></div>\n          <a\n            *ngIf=\"searchResult.url\"\n            [href]=\"searchResult.url\"\n            attr.data-searchstax-unique-result-id=\"searchResult.uniqueId\"\n            (click)=\"resultClicked(searchResult, $event)\"\n            class=\"searchstax-result-item-link\"\n          ></a>\n          <div\n            *ngIf=\"searchResult.ribbon\"\n            class=\"searchstax-search-result-ribbon\"\n          >\n            {{ searchResult.ribbon }}\n          </div>\n          <img\n            *ngIf=\"searchResult.thumbnail\"\n            [src]=\"searchResult.thumbnail\"\n            class=\"searchstax-thumbnail\"\n          />\n          <div class=\"searchstax-search-result-title-container\">\n            <span class=\"searchstax-search-result-title\">{{\n              searchResult.title\n            }}</span>\n          </div>\n          <p *ngIf=\"searchResult.paths\" class=\"searchstax-search-result-common\">\n            {{ searchResult.paths }}\n          </p>\n          <p\n            *ngIf=\"searchResult.description\"\n            class=\"searchstax-search-result-description searchstax-search-result-common\"\n          >\n            {{ searchResult.description }}\n          </p>\n          <div *ngFor=\"let unmappedField of searchResult.unmappedFields\">\n            <div\n              *ngIf=\"isImage(unmappedField)\"\n              class=\"searchstax-search-result-image-container\"\n            >\n              <img\n                [src]=\"unmappedField.value\"\n                class=\"searchstax-result-image\"\n              />\n            </div>\n            <div *ngIf=\"!isImage(unmappedField)\">\n              <p class=\"searchstax-search-result-common\">\n                {{ unmappedField.value }}\n              </p>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <div *ngIf=\"searchResults && searchResults.length && resultsTemplate\">\n        <ng-container\n          *ngTemplateOutlet=\"resultsTemplate; context: context\"\n        ></ng-container>\n      </div>\n    </div>\n  </div>\n</div>\n" }]
+            args: [{ selector: 'app-searchstax-results', styles: [], template: "<div id=\"searchstax-results-container\">\n  <div class=\"searchstax-search-results-container\">\n    <div id=\"searchstax-result-container\">\n      <div\n        *ngIf=\"\n          searchResults && searchResults.length === 0 && !noResultsTemplate\n        \"\n      >\n        <div class=\"searchstax-no-results\">\n          Showing <strong>no results</strong> for\n          <strong>\"{{ searchTerm }}\"</strong>\n          <br />\n          <span *ngIf=\"metadata?.spellingSuggestion\"\n            >&nbsp;Did you mean\n            <a href=\"#\" class=\"searchstax-suggestion-term\">{{\n              metadata?.spellingSuggestion\n            }}</a\n            >?</span\n          >\n        </div>\n        <div>\n          <p>\n            Try searching for search related terms or topics. We offer a wide\n            variety of content to help you get the information you need.\n          </p>\n          <p>Lost? Click on the \u2018X\u201D in the Search Box to reset your search.</p>\n        </div>\n      </div>\n      <div\n        *ngIf=\"searchResults && searchResults.length === 0 && noResultsTemplate\"\n      >\n        <ng-container\n          *ngTemplateOutlet=\"noResultsTemplate; context: context\"\n        ></ng-container>\n      </div>\n\n      <div\n        class=\"searchstax-search-results\"\n        *ngIf=\"searchResults && searchResults.length && !resultsTemplate\"\n      >\n        <div\n          class=\"searchstax-search-result\"\n          [ngClass]=\"{ 'has-thumbnail': searchResult.thumbnail }\"\n          *ngFor=\"let searchResult of searchResults\"\n        >\n          <div\n            *ngIf=\"searchResult.promoted\"\n            class=\"searchstax-search-result-promoted\"\n          ></div>\n          <a\n            *ngIf=\"searchResult.url\"\n            [href]=\"searchResult.url\"\n            [attr.data-searchstax-unique-result-id]=\"searchResult.uniqueId\"\n            (click)=\"resultClicked(searchResult, $event, context)\"\n            class=\"searchstax-result-item-link\"\n          ></a>\n          <div\n            *ngIf=\"searchResult.ribbon\"\n            class=\"searchstax-search-result-ribbon\"\n          >\n            {{ searchResult.ribbon }}\n          </div>\n          <img\n            *ngIf=\"searchResult.thumbnail\"\n            [src]=\"searchResult.thumbnail\"\n            class=\"searchstax-thumbnail\"\n          />\n          <div class=\"searchstax-search-result-title-container\">\n            <span class=\"searchstax-search-result-title\">{{\n              searchResult.title\n            }}</span>\n          </div>\n          <p *ngIf=\"searchResult.paths\" class=\"searchstax-search-result-common\">\n            {{ searchResult.paths }}\n          </p>\n          <p\n            *ngIf=\"searchResult.description\"\n            class=\"searchstax-search-result-description searchstax-search-result-common\"\n          >\n            {{ searchResult.description }}\n          </p>\n          <div *ngFor=\"let unmappedField of searchResult.unmappedFields\">\n            <div\n              *ngIf=\"isImage(unmappedField)\"\n              class=\"searchstax-search-result-image-container\"\n            >\n              <img\n                [src]=\"unmappedField.value\"\n                class=\"searchstax-result-image\"\n              />\n            </div>\n            <div *ngIf=\"!isImage(unmappedField)\">\n              <p class=\"searchstax-search-result-common\">\n                {{ unmappedField.value }}\n              </p>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <div *ngIf=\"searchResults && searchResults.length && resultsTemplate\">\n        <ng-container\n          *ngTemplateOutlet=\"resultsTemplate; context: context\"\n        ></ng-container>\n      </div>\n    </div>\n  </div>\n</div>\n" }]
         }], ctorParameters: function () { return [{ type: StoreServiceService }]; }, propDecorators: { afterLinkClick: [{
                 type: Input
             }], noResultsTemplate: [{
@@ -226,17 +226,130 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
                 type: Input
             }] } });
 
+class SearchstaxSearchFeedbackWidget {
+    constructor(storeServiceService) {
+        this.storeServiceService = storeServiceService;
+        this.searchFeedbackData = null;
+        this.rand = Math.random();
+        this.context = this;
+    }
+    ngOnInit() {
+        if (this.storeServiceService.searchstax) {
+            this.attachObservables();
+            setTimeout(() => {
+                this.storeServiceService.searchstax.addSearchFeedbackWidget("search-feedback-container" + this.rand, {});
+            }, 0);
+        }
+        else {
+            throw Error("Searchstax instance needs to be passed via props");
+        }
+    }
+    onOriginalQueryClick(e, context) {
+        e.stopImmediatePropagation();
+        context.storeServiceService.searchstax.searchFeedbackWidget?.onOriginalQueryClick(e);
+    }
+    attachObservables() {
+        this.storeServiceService.searchstax.dataLayer.$searchFeedbackData.subscribe((searchFeedbackData) => {
+            this.searchFeedbackData = searchFeedbackData;
+        });
+    }
+}
+SearchstaxSearchFeedbackWidget.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SearchstaxSearchFeedbackWidget, deps: [{ token: StoreServiceService }], target: i0.ɵɵFactoryTarget.Component });
+SearchstaxSearchFeedbackWidget.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: SearchstaxSearchFeedbackWidget, selector: "app-searchstax-seach-feedback", inputs: { templateOverride: "templateOverride" }, ngImport: i0, template: "<div\n  class=\"search-feedback-container\"\n  [id]=\"'search-feedback-container' + rand\"\n>\n  <div\n    class=\"searchstax-feedback-container\"\n    *ngIf=\"\n      searchFeedbackData &&\n      searchFeedbackData?.searchExecuted &&\n      !templateOverride &&\n      searchFeedbackData?.totalResults\n    \"\n  >\n    Showing\n    <b\n      >{{ searchFeedbackData!.startResultIndex }} -\n      {{ searchFeedbackData!.endResultIndex }}</b\n    >\n    of <b>{{ searchFeedbackData!.totalResults }}</b> results\n    <span *ngIf=\"searchFeedbackData.searchTerm\"\n      >for \"<b>{{ searchFeedbackData!.searchTerm }}</b\n      >\"\n    </span>\n    <div class=\"searchstax-feedback-container-suggested\">\n      <div *ngIf=\"searchFeedbackData.autoCorrectedQuery\">\n        Search instead for\n        <a\n          href=\"#\"\n          (click)=\"onOriginalQueryClick($event, context)\"\n          class=\"searchstax-feedback-original-query\"\n          >{{ searchFeedbackData!.originalQuery }}</a\n        >\n      </div>\n    </div>\n  </div>\n\n  <div\n    *ngIf=\"\n      searchFeedbackData &&\n      searchFeedbackData?.searchExecuted &&\n      templateOverride &&\n      searchFeedbackData?.totalResults\n    \"\n  >\n    <ng-container\n      *ngTemplateOutlet=\"templateOverride; context: context\"\n    ></ng-container>\n  </div>\n</div>\n", directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SearchstaxSearchFeedbackWidget, decorators: [{
+            type: Component,
+            args: [{ selector: "app-searchstax-seach-feedback", styles: [], template: "<div\n  class=\"search-feedback-container\"\n  [id]=\"'search-feedback-container' + rand\"\n>\n  <div\n    class=\"searchstax-feedback-container\"\n    *ngIf=\"\n      searchFeedbackData &&\n      searchFeedbackData?.searchExecuted &&\n      !templateOverride &&\n      searchFeedbackData?.totalResults\n    \"\n  >\n    Showing\n    <b\n      >{{ searchFeedbackData!.startResultIndex }} -\n      {{ searchFeedbackData!.endResultIndex }}</b\n    >\n    of <b>{{ searchFeedbackData!.totalResults }}</b> results\n    <span *ngIf=\"searchFeedbackData.searchTerm\"\n      >for \"<b>{{ searchFeedbackData!.searchTerm }}</b\n      >\"\n    </span>\n    <div class=\"searchstax-feedback-container-suggested\">\n      <div *ngIf=\"searchFeedbackData.autoCorrectedQuery\">\n        Search instead for\n        <a\n          href=\"#\"\n          (click)=\"onOriginalQueryClick($event, context)\"\n          class=\"searchstax-feedback-original-query\"\n          >{{ searchFeedbackData!.originalQuery }}</a\n        >\n      </div>\n    </div>\n  </div>\n\n  <div\n    *ngIf=\"\n      searchFeedbackData &&\n      searchFeedbackData?.searchExecuted &&\n      templateOverride &&\n      searchFeedbackData?.totalResults\n    \"\n  >\n    <ng-container\n      *ngTemplateOutlet=\"templateOverride; context: context\"\n    ></ng-container>\n  </div>\n</div>\n" }]
+        }], ctorParameters: function () { return [{ type: StoreServiceService }]; }, propDecorators: { templateOverride: [{
+                type: Input
+            }] } });
+
+class SearchstaxSearchPaginationWidget {
+    constructor(storeServiceService) {
+        this.storeServiceService = storeServiceService;
+        this.paginationData = null;
+        this.rand = Math.random();
+        this.context = this;
+        this.paginationAdded = false;
+    }
+    ngOnInit() {
+        if (this.storeServiceService.searchstax) {
+            this.attachObservables();
+            setTimeout(() => {
+                this.addWidget();
+            }, 0);
+        }
+        else {
+            throw Error("Searchstax instance needs to be passed via props");
+        }
+    }
+    nextPage(event, context) {
+        event.stopImmediatePropagation();
+        if (!context.paginationData?.isLastPage) {
+            context.storeServiceService.searchstax.searchPaginationWidget?.nextPage(event);
+        }
+    }
+    previousPage(event, context) {
+        event.stopImmediatePropagation();
+        if (!context.paginationData?.isFirstPage) {
+            context.storeServiceService.searchstax.searchPaginationWidget?.previousPage(event);
+        }
+    }
+    addWidget() {
+        if (!this.paginationAdded &&
+            this.storeServiceService.searchstax.routerHelper) {
+            this.paginationAdded = true;
+            this.storeServiceService.searchstax.addPaginationWidget("searchstax-pagination-container" + this.rand, {});
+        }
+    }
+    attachObservables() {
+        this.storeServiceService.searchstax.dataLayer.$searchObject.subscribe((pagination) => {
+            this.addWidget();
+        });
+        this.storeServiceService.searchstax.dataLayer.$paginationData.subscribe((pagination) => {
+            this.paginationData = pagination;
+        });
+    }
+}
+SearchstaxSearchPaginationWidget.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SearchstaxSearchPaginationWidget, deps: [{ token: StoreServiceService }], target: i0.ɵɵFactoryTarget.Component });
+SearchstaxSearchPaginationWidget.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: SearchstaxSearchPaginationWidget, selector: "app-searchstax-seach-pagination", inputs: { templateOverride: "templateOverride" }, ngImport: i0, template: "<div [id]=\"'searchstax-pagination-container' + rand\">\n  <div\n    class=\"searchstax-pagination-container\"\n    *ngIf=\"paginationData?.totalResults && !templateOverride\"\n  >\n    <div class=\"searchstax-pagination-content\">\n      <a\n        class=\"searchstax-pagination-previous\"\n        (click)=\"previousPage($event, context)\"\n        id=\"searchstax-pagination-previous\"\n      >\n        &lt; Previous\n      </a>\n      <div class=\"searchstax-pagination-details\">\n        {{ paginationData?.startResultIndex }} -\n        {{ paginationData?.endResultIndex }} of\n        {{ paginationData?.totalResults }}\n      </div>\n      <a\n        class=\"searchstax-pagination-next\"\n        (click)=\"nextPage($event, context)\"\n        id=\"searchstax-pagination-next\"\n        >Next ></a\n      >\n    </div>\n  </div>\n\n  <div *ngIf=\"paginationData?.totalResults && templateOverride\">\n    <ng-container\n      *ngTemplateOutlet=\"templateOverride; context: context\"\n    ></ng-container>\n  </div>\n</div>\n", directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SearchstaxSearchPaginationWidget, decorators: [{
+            type: Component,
+            args: [{ selector: "app-searchstax-seach-pagination", styles: [], template: "<div [id]=\"'searchstax-pagination-container' + rand\">\n  <div\n    class=\"searchstax-pagination-container\"\n    *ngIf=\"paginationData?.totalResults && !templateOverride\"\n  >\n    <div class=\"searchstax-pagination-content\">\n      <a\n        class=\"searchstax-pagination-previous\"\n        (click)=\"previousPage($event, context)\"\n        id=\"searchstax-pagination-previous\"\n      >\n        &lt; Previous\n      </a>\n      <div class=\"searchstax-pagination-details\">\n        {{ paginationData?.startResultIndex }} -\n        {{ paginationData?.endResultIndex }} of\n        {{ paginationData?.totalResults }}\n      </div>\n      <a\n        class=\"searchstax-pagination-next\"\n        (click)=\"nextPage($event, context)\"\n        id=\"searchstax-pagination-next\"\n        >Next ></a\n      >\n    </div>\n  </div>\n\n  <div *ngIf=\"paginationData?.totalResults && templateOverride\">\n    <ng-container\n      *ngTemplateOutlet=\"templateOverride; context: context\"\n    ></ng-container>\n  </div>\n</div>\n" }]
+        }], ctorParameters: function () { return [{ type: StoreServiceService }]; }, propDecorators: { templateOverride: [{
+                type: Input
+            }] } });
+
 class SearchstudioUxAngularModule {
 }
 SearchstudioUxAngularModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SearchstudioUxAngularModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SearchstudioUxAngularModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SearchstudioUxAngularModule, declarations: [SearchstaxWrapper, SearchstaxInputWidget, SearchstaxResultsWidget], imports: [CommonModule], exports: [SearchstaxWrapper, SearchstaxInputWidget, SearchstaxResultsWidget] });
+SearchstudioUxAngularModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SearchstudioUxAngularModule, declarations: [SearchstaxWrapper,
+        SearchstaxInputWidget,
+        SearchstaxResultsWidget,
+        SearchstaxSearchFeedbackWidget,
+        SearchstaxSearchPaginationWidget], imports: [CommonModule], exports: [SearchstaxWrapper,
+        SearchstaxInputWidget,
+        SearchstaxResultsWidget,
+        SearchstaxSearchFeedbackWidget,
+        SearchstaxSearchPaginationWidget] });
 SearchstudioUxAngularModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SearchstudioUxAngularModule, imports: [[CommonModule]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: SearchstudioUxAngularModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [SearchstaxWrapper, SearchstaxInputWidget, SearchstaxResultsWidget],
+                    declarations: [
+                        SearchstaxWrapper,
+                        SearchstaxInputWidget,
+                        SearchstaxResultsWidget,
+                        SearchstaxSearchFeedbackWidget,
+                        SearchstaxSearchPaginationWidget
+                    ],
                     imports: [CommonModule],
-                    exports: [SearchstaxWrapper, SearchstaxInputWidget, SearchstaxResultsWidget],
+                    exports: [
+                        SearchstaxWrapper,
+                        SearchstaxInputWidget,
+                        SearchstaxResultsWidget,
+                        SearchstaxSearchFeedbackWidget,
+                        SearchstaxSearchPaginationWidget
+                    ],
                 }]
         }] });
 
@@ -248,5 +361,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { SearchstaxInputWidget, SearchstaxResultsWidget, SearchstaxWrapper, SearchstudioUxAngularModule, StoreServiceService };
+export { SearchstaxInputWidget, SearchstaxResultsWidget, SearchstaxSearchFeedbackWidget, SearchstaxSearchPaginationWidget, SearchstaxWrapper, SearchstudioUxAngularModule, StoreServiceService };
 //# sourceMappingURL=searchstax-inc-searchstudio-ux-angular.mjs.map

package/fesm2020/searchstax-inc-searchstudio-ux-angular.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"searchstax-inc-searchstudio-ux-angular.mjs","sources":["../../../../projects/searchstax-inc/searchstudio-ux-angular/src/lib/services/store-service.service.ts","../../../../projects/searchstax-inc/searchstudio-ux-angular/src/lib/components/searchstax-wrapper.component.ts","../../../../projects/searchstax-inc/searchstudio-ux-angular/src/lib/components/searchstax-input/searchstax-input.component.ts","../../../../projects/searchstax-inc/searchstudio-ux-angular/src/lib/components/searchstax-input/searchstax-input.component.html","../../../../projects/searchstax-inc/searchstudio-ux-angular/src/lib/components/searchstax-results/searchstax-results.component.ts","../../../../projects/searchstax-inc/searchstudio-ux-angular/src/lib/components/searchstax-results/searchstax-results.component.html","../../../../projects/searchstax-inc/searchstudio-ux-angular/src/lib/searchstudio-ux-angular.module.ts","../../../../projects/searchstax-inc/searchstudio-ux-angular/src/public-api.ts","../../../../projects/searchstax-inc/searchstudio-ux-angular/src/searchstax-inc-searchstudio-ux-angular.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { Searchstax } from '@searchstax-inc/searchstudio-ux-js'\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class StoreServiceService {\n  searchstax = new Searchstax('vue' as any)\n  constructor() { }\n}\n","import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\nimport { IRouterConfig, ISearchObject, ISearchstaxParsedResult, Searchstax } from '@searchstax-inc/searchstudio-ux-js';\nimport { StoreServiceService } from '../services/store-service.service';\n\n@Component({\n  selector: 'app-searchstax-wrapper',\n  template: `\n  <div>\n    <ng-content></ng-content>\n  </div>\n  `,\n  styles: [\n  ]\n})\nexport class SearchstaxWrapper implements OnInit {\n  @Input() language =  'en';\n  @Input() searchURL: string = '';\n  @Input() suggesterURL: string = '';\n  @Input() trackApiKey: string = '';\n  @Input() searchAuth: string = '';\n  @Input() authType: 'basic' | 'token' = 'basic';\n  @Input() autoCorrect = true;\n  @Input() router?: IRouterConfig;\n  @Input() beforeSearch?: (props: ISearchObject) => ISearchObject | null ;\n  @Input() afterSearch?: (results: ISearchstaxParsedResult[]) => ISearchstaxParsedResult[];\n  @Output() initialized = new EventEmitter<Searchstax>();\n  hooks: { beforeSearch?: (props: ISearchObject) => ISearchObject | null, afterSearch?: (results: ISearchstaxParsedResult[]) => ISearchstaxParsedResult[] } = {};\n  constructor(private storeServiceService: StoreServiceService) {\n    if (this.beforeSearch) {\n      this.hooks.beforeSearch = this.beforeSearch;\n    }\n    if (this.afterSearch) {\n      this.hooks.afterSearch = this.afterSearch;\n    }\n\n  }\n\n  ngOnInit(): void {\n\n    this.storeServiceService.searchstax.initialize({\n      language: this.language,\n      searchURL: this.searchURL,\n      suggesterURL: this.suggesterURL,\n      trackApiKey: this.trackApiKey,\n      searchAuth: this.searchAuth,\n      authType: this.authType,\n      autoCorrect: this.autoCorrect,\n      router: this.router,\n      hooks: this.hooks\n    })\n\n    this.initialized.emit(this.storeServiceService.searchstax)\n  }\n\n}\n","import { Component, Input, OnInit, TemplateRef } from '@angular/core';\nimport { ISearchstaxSEARCHTERM, ISearchstaxSuggestProps, ISearchstaxSuggestResponse, ISearchstaxSuggestion } from '@searchstax-inc/searchstudio-ux-js';\nimport { StoreServiceService } from '../../services/store-service.service';\n\n@Component({\n  selector: 'app-searchstax-input',\n  templateUrl: './searchstax-input.component.html',\n  styles: []\n})\nexport class SearchstaxInputWidget implements OnInit {\n  @Input() afterAutosuggest?: (result: ISearchstaxSuggestResponse) => ISearchstaxSuggestResponse;\n  @Input() beforeAutosuggest?: (props: ISearchstaxSuggestProps) => ISearchstaxSuggestProps | null\n  @Input() searchInputId = '';\n  @Input() suggestAfterMinChars = 3;\n  @Input() templateOverride?: TemplateRef<any>;\n\n  hooks: {[key: string]: (prop: any) => any } = {};\n  suggestions: ISearchstaxSuggestion[] =  []\n  context = this;\n\n  constructor(private storeServiceService: StoreServiceService) { }\n\n  ngOnInit(): void {\n    console.log('this.templateOverride', this.templateOverride);\n    if (this.storeServiceService.searchstax) {\n      this.attachObservables();\n      // const hooks: { [key: string]: (prop: any) => any } = {}\n      if (this.afterAutosuggest) {\n        this.hooks['afterAutosuggest'] = this.afterAutosuggest\n      }\n      if (this.beforeAutosuggest) {\n        this.hooks['beforeAutosuggest'] = this.beforeAutosuggest\n      }\n      setTimeout(() => {\n        this.storeServiceService.searchstax.addSearchInputWidget('searchstax-input-container', {\n          suggestAfterMinChars: this.suggestAfterMinChars,\n          hooks: this.hooks,\n          templates: {\n            mainTemplate: {\n              template: ``,\n              searchInputId: this.searchInputId ?? 'searchstax-search-input'\n            }\n          }\n        })\n      }, 0);\n    } else {\n      throw Error('Searchstax instance needs to be passed via props')\n    }\n  }\n\n  onMouseLeave() {\n    this.storeServiceService.searchstax.searchInputWidget?.resetAutosuggestSelection();\n    this.storeServiceService.searchstax.searchInputWidget?.markActiveAutosuggestItem();\n  }\n\n  onMouseOver(suggestion: ISearchstaxSuggestion) {\n    this.storeServiceService.searchstax.searchInputWidget?.onSuggestionEnter(suggestion)\n  }\n\n  onMouseClick(e: Event) {\n    e.stopImmediatePropagation();\n    this.storeServiceService.searchstax.searchInputWidget?.suggestionChosen()\n  }\n\n  attachObservables() {\n    this.storeServiceService.searchstax.dataLayer.$autosuggestResults.subscribe(\n      (suggestions: null | ISearchstaxSEARCHTERM) => {\n        this.suggestions = suggestions?.suggestions ?? [];\n      }\n    );\n  }\n\n}\n","<div id=\"searchstax-input-container\">\n  <div class=\"searchstax-search-input-container\">\n    <div *ngIf=\"!templateOverride\" class=\"searchstax-search-input-wrapper\">\n      <input\n        type=\"text\"\n        id=\"searchstax-search-input\"\n        class=\"searchstax-search-input\"\n        placeholder=\"SEARCH FOR...\"\n      />\n      <div\n        class=\"searchstax-autosuggest-container\"\n        [ngClass]=\"{ hidden: suggestions.length === 0 }\"\n        (mouseleave)=\"(onMouseLeave)\"\n      >\n        <div\n          class=\"searchstax-autosuggest-item\"\n          *ngFor=\"let suggestion of suggestions\"\n        >\n          <div\n            class=\"searchstax-autosuggest-item-term-container\"\n            [innerHtml]=\"suggestion.term\"\n            (mouseover)=\"onMouseOver(suggestion)\"\n            (click)=\"onMouseClick($event)\"\n          ></div>\n        </div>\n      </div>\n      <button\n        class=\"searchstax-spinner-icon\"\n        id=\"searchstax-search-input-action-button\"\n      ></button>\n    </div>\n    <div *ngIf=\"templateOverride\">\n      <ng-container\n        *ngTemplateOutlet=\"templateOverride; context: context\"\n      ></ng-container>\n    </div>\n\n    <!-- <slot\n      name=\"input\"\n      :suggestions=\"suggestions\"\n      :onMouseClick=\"onMouseClick\"\n      :onMouseOver=\"onMouseOver\"\n      :onMouseLeave=\"onMouseLeave\"\n    ></slot> -->\n  </div>\n</div>\n","import { Component, Input, OnInit, TemplateRef } from '@angular/core';\nimport { StoreServiceService } from '../../services/store-service.service';\nimport {\n  ISearchstaxParsedResult,\n  ISearchstaxSearchMetadata,\n} from '@searchstax-inc/searchstudio-ux-js';\n\n@Component({\n  selector: 'app-searchstax-results',\n  templateUrl: './searchstax-results.component.html',\n  styles: [],\n})\nexport class SearchstaxResultsWidget implements OnInit {\n  @Input() afterLinkClick?: (\n    results: ISearchstaxParsedResult\n  ) => ISearchstaxParsedResult;\n\n  @Input() noResultsTemplate?: TemplateRef<any>;\n  @Input() resultsTemplate?: TemplateRef<any>;\n\n  searchResults: ISearchstaxParsedResult[] | null = null;\n  metadata: ISearchstaxSearchMetadata | null = null;\n  searchTerm = '';\n  context = this;\n\n  get hooks(): { [key: string]: (prop: any) => any } {\n    const hooks: { [key: string]: (prop: any) => any } = {};\n    if (this.afterLinkClick) {\n      hooks['afterLinkClick'] = this.afterLinkClick;\n    }\n    return hooks;\n  }\n\n  constructor(private storeServiceService: StoreServiceService) {}\n\n  ngOnInit(): void {\n    if (this.storeServiceService.searchstax) {\n      this.attachObservables();\n\n      setTimeout(() => {\n        this.storeServiceService.searchstax.addSearchResultsWidget(\n          'searchstax-results-container',\n          {\n            templates: {},\n            hooks: this.hooks,\n          }\n        );\n      }, 0);\n    } else {\n      throw Error('Searchstax instance needs to be passed via props');\n    }\n  }\n\n  attachObservables() {\n    this.storeServiceService.searchstax.dataLayer.$searchResults.subscribe(\n      (results: ISearchstaxParsedResult[] | null) => {\n        this.searchResults = results;\n      }\n    );\n    this.storeServiceService.searchstax.dataLayer.$searchTermChange.subscribe(\n      (result: string) => {\n        this.searchTerm = result;\n      }\n    );\n\n    this.storeServiceService.searchstax.dataLayer.$searchResultsMetadata.subscribe(\n      (value: ISearchstaxSearchMetadata) => {\n        this.metadata = value;\n      }\n    );\n  }\n\n  resultClicked(result: ISearchstaxParsedResult, event: Event) {\n    event.preventDefault();\n    event.stopPropagation();\n    this.storeServiceService.searchstax.executeLinkClick(result.uniqueId);\n  }\n\n  isImage(field: any){\n    return field.isImage && typeof field.value === 'string'\n  }\n}\n","<div id=\"searchstax-results-container\">\n  <div class=\"searchstax-search-results-container\">\n    <div id=\"searchstax-result-container\">\n      <div\n        *ngIf=\"\n          searchResults && searchResults.length === 0 && !noResultsTemplate\n        \"\n      >\n        <div class=\"searchstax-no-results\">\n          Showing <strong>no results</strong> for\n          <strong>\"{{ searchTerm }}\"</strong>\n          <br />\n          <span *ngIf=\"metadata?.spellingSuggestion\"\n            >&nbsp;Did you mean\n            <a href=\"#\" class=\"searchstax-suggestion-term\">{{\n              metadata?.spellingSuggestion\n            }}</a\n            >?</span\n          >\n        </div>\n        <div>\n          <p>\n            Try searching for search related terms or topics. We offer a wide\n            variety of content to help you get the information you need.\n          </p>\n          <p>Lost? Click on the ‘X” in the Search Box to reset your search.</p>\n        </div>\n      </div>\n      <div\n        *ngIf=\"searchResults && searchResults.length === 0 && noResultsTemplate\"\n      >\n        <ng-container\n          *ngTemplateOutlet=\"noResultsTemplate; context: context\"\n        ></ng-container>\n      </div>\n\n      <div\n        class=\"searchstax-search-results\"\n        *ngIf=\"searchResults && searchResults.length && !resultsTemplate\"\n      >\n        <div\n          class=\"searchstax-search-result\"\n          [ngClass]=\"{ 'has-thumbnail': searchResult.thumbnail }\"\n          *ngFor=\"let searchResult of searchResults\"\n        >\n          <div\n            *ngIf=\"searchResult.promoted\"\n            class=\"searchstax-search-result-promoted\"\n          ></div>\n          <a\n            *ngIf=\"searchResult.url\"\n            [href]=\"searchResult.url\"\n            attr.data-searchstax-unique-result-id=\"searchResult.uniqueId\"\n            (click)=\"resultClicked(searchResult, $event)\"\n            class=\"searchstax-result-item-link\"\n          ></a>\n          <div\n            *ngIf=\"searchResult.ribbon\"\n            class=\"searchstax-search-result-ribbon\"\n          >\n            {{ searchResult.ribbon }}\n          </div>\n          <img\n            *ngIf=\"searchResult.thumbnail\"\n            [src]=\"searchResult.thumbnail\"\n            class=\"searchstax-thumbnail\"\n          />\n          <div class=\"searchstax-search-result-title-container\">\n            <span class=\"searchstax-search-result-title\">{{\n              searchResult.title\n            }}</span>\n          </div>\n          <p *ngIf=\"searchResult.paths\" class=\"searchstax-search-result-common\">\n            {{ searchResult.paths }}\n          </p>\n          <p\n            *ngIf=\"searchResult.description\"\n            class=\"searchstax-search-result-description searchstax-search-result-common\"\n          >\n            {{ searchResult.description }}\n          </p>\n          <div *ngFor=\"let unmappedField of searchResult.unmappedFields\">\n            <div\n              *ngIf=\"isImage(unmappedField)\"\n              class=\"searchstax-search-result-image-container\"\n            >\n              <img\n                [src]=\"unmappedField.value\"\n                class=\"searchstax-result-image\"\n              />\n            </div>\n            <div *ngIf=\"!isImage(unmappedField)\">\n              <p class=\"searchstax-search-result-common\">\n                {{ unmappedField.value }}\n              </p>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <div *ngIf=\"searchResults && searchResults.length && resultsTemplate\">\n        <ng-container\n          *ngTemplateOutlet=\"resultsTemplate; context: context\"\n        ></ng-container>\n      </div>\n    </div>\n  </div>\n</div>\n","import { NgModule } from '@angular/core';\nimport { SearchstaxWrapper } from './components/searchstax-wrapper.component';\nimport { SearchstaxInputWidget } from './components/searchstax-input/searchstax-input.component';\nimport { CommonModule } from '@angular/common';\nimport { SearchstaxResultsWidget } from './components/searchstax-results/searchstax-results.component';\n\n@NgModule({\n  declarations: [SearchstaxWrapper, SearchstaxInputWidget, SearchstaxResultsWidget],\n  imports: [CommonModule],\n  exports: [SearchstaxWrapper, SearchstaxInputWidget, SearchstaxResultsWidget],\n})\nexport class SearchstudioUxAngularModule {}\n","/*\n * Public API Surface of searchstudio-ux-angular\n */\n\nexport * from './lib/components/searchstax-wrapper.component';\nexport * from './lib/components/searchstax-input/searchstax-input.component';\nexport * from './lib/components/searchstax-results/searchstax-results.component';\nexport * from './lib/services/store-service.service';\nexport * from './lib/searchstudio-ux-angular.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1.StoreServiceService"],"mappings":"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"}
+{"version":3,"file":"searchstax-inc-searchstudio-ux-angular.mjs","sources":["../../../../projects/searchstax-inc/searchstudio-ux-angular/src/lib/services/store-service.service.ts","../../../../projects/searchstax-inc/searchstudio-ux-angular/src/lib/components/searchstax-wrapper.component.ts","../../../../projects/searchstax-inc/searchstudio-ux-angular/src/lib/components/searchstax-input/searchstax-input.component.ts","../../../../projects/searchstax-inc/searchstudio-ux-angular/src/lib/components/searchstax-input/searchstax-input.component.html","../../../../projects/searchstax-inc/searchstudio-ux-angular/src/lib/components/searchstax-results/searchstax-results.component.ts","../../../../projects/searchstax-inc/searchstudio-ux-angular/src/lib/components/searchstax-results/searchstax-results.component.html","../../../../projects/searchstax-inc/searchstudio-ux-angular/src/lib/components/searchstax-search-overview/searchstax-search-overview.component.ts","../../../../projects/searchstax-inc/searchstudio-ux-angular/src/lib/components/searchstax-search-overview/searchstax-seach-overview.component.html","../../../../projects/searchstax-inc/searchstudio-ux-angular/src/lib/components/searchstax-search-pagination/searchstax-search-pagination.component.ts","../../../../projects/searchstax-inc/searchstudio-ux-angular/src/lib/components/searchstax-search-pagination/searchstax-seach-pagination.component.html","../../../../projects/searchstax-inc/searchstudio-ux-angular/src/lib/searchstudio-ux-angular.module.ts","../../../../projects/searchstax-inc/searchstudio-ux-angular/src/public-api.ts","../../../../projects/searchstax-inc/searchstudio-ux-angular/src/searchstax-inc-searchstudio-ux-angular.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { Searchstax } from '@searchstax-inc/searchstudio-ux-js'\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class StoreServiceService {\n  searchstax = new Searchstax('vue' as any)\n  constructor() { }\n}\n","import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\nimport { IRouterConfig, ISearchObject, ISearchstaxParsedResult, Searchstax } from '@searchstax-inc/searchstudio-ux-js';\nimport { StoreServiceService } from '../services/store-service.service';\n\n@Component({\n  selector: 'app-searchstax-wrapper',\n  template: `\n  <div>\n    <ng-content></ng-content>\n  </div>\n  `,\n  styles: [\n  ]\n})\nexport class SearchstaxWrapper implements OnInit {\n  @Input() language =  'en';\n  @Input() searchURL: string = '';\n  @Input() suggesterURL: string = '';\n  @Input() trackApiKey: string = '';\n  @Input() searchAuth: string = '';\n  @Input() authType: 'basic' | 'token' = 'basic';\n  @Input() autoCorrect = true;\n  @Input() router?: IRouterConfig;\n  @Input() beforeSearch?: (props: ISearchObject) => ISearchObject | null ;\n  @Input() afterSearch?: (results: ISearchstaxParsedResult[]) => ISearchstaxParsedResult[];\n  @Output() initialized = new EventEmitter<Searchstax>();\n  hooks: { beforeSearch?: (props: ISearchObject) => ISearchObject | null, afterSearch?: (results: ISearchstaxParsedResult[]) => ISearchstaxParsedResult[] } = {};\n  constructor(private storeServiceService: StoreServiceService) {\n    if (this.beforeSearch) {\n      this.hooks.beforeSearch = this.beforeSearch;\n    }\n    if (this.afterSearch) {\n      this.hooks.afterSearch = this.afterSearch;\n    }\n\n  }\n\n  ngOnInit(): void {\n\n    this.storeServiceService.searchstax.initialize({\n      language: this.language,\n      searchURL: this.searchURL,\n      suggesterURL: this.suggesterURL,\n      trackApiKey: this.trackApiKey,\n      searchAuth: this.searchAuth,\n      authType: this.authType,\n      autoCorrect: this.autoCorrect,\n      router: this.router,\n      hooks: this.hooks\n    })\n\n    this.initialized.emit(this.storeServiceService.searchstax)\n  }\n\n}\n","import { Component, Input, OnInit, TemplateRef } from '@angular/core';\nimport { ISearchstaxSEARCHTERM, ISearchstaxSuggestProps, ISearchstaxSuggestResponse, ISearchstaxSuggestion } from '@searchstax-inc/searchstudio-ux-js';\nimport { StoreServiceService } from '../../services/store-service.service';\n\n@Component({\n  selector: 'app-searchstax-input',\n  templateUrl: './searchstax-input.component.html',\n  styles: []\n})\nexport class SearchstaxInputWidget implements OnInit {\n  @Input() afterAutosuggest?: (result: ISearchstaxSuggestResponse) => ISearchstaxSuggestResponse;\n  @Input() beforeAutosuggest?: (props: ISearchstaxSuggestProps) => ISearchstaxSuggestProps | null\n  @Input() searchInputId = '';\n  @Input() suggestAfterMinChars = 3;\n  @Input() templateOverride?: TemplateRef<any>;\n\n  hooks: {[key: string]: (prop: any) => any } = {};\n  suggestions: ISearchstaxSuggestion[] =  []\n  context = this;\n\n  constructor(private storeServiceService: StoreServiceService) { }\n\n  ngOnInit(): void {\n    console.log('this.templateOverride', this.templateOverride);\n    if (this.storeServiceService.searchstax) {\n      this.attachObservables();\n      // const hooks: { [key: string]: (prop: any) => any } = {}\n      if (this.afterAutosuggest) {\n        this.hooks['afterAutosuggest'] = this.afterAutosuggest\n      }\n      if (this.beforeAutosuggest) {\n        this.hooks['beforeAutosuggest'] = this.beforeAutosuggest\n      }\n      setTimeout(() => {\n        this.storeServiceService.searchstax.addSearchInputWidget('searchstax-input-container', {\n          suggestAfterMinChars: this.suggestAfterMinChars,\n          hooks: this.hooks,\n          templates: {\n            mainTemplate: {\n              template: ``,\n              searchInputId: this.searchInputId ?? 'searchstax-search-input'\n            }\n          }\n        })\n      }, 0);\n    } else {\n      throw Error('Searchstax instance needs to be passed via props')\n    }\n  }\n\n  onMouseLeave(context: this) {\n   context.storeServiceService.searchstax.searchInputWidget?.resetAutosuggestSelection();\n   context.storeServiceService.searchstax.searchInputWidget?.markActiveAutosuggestItem();\n  }\n\n  onMouseOver(suggestion: ISearchstaxSuggestion, context: this) {\n   context.storeServiceService.searchstax.searchInputWidget?.onSuggestionEnter(suggestion)\n  }\n\n  onMouseClick(e: Event, context: this) {\n    e.stopImmediatePropagation();\n   context.storeServiceService.searchstax.searchInputWidget?.suggestionChosen()\n  }\n\n  attachObservables() {\n    this.storeServiceService.searchstax.dataLayer.$autosuggestResults.subscribe(\n      (suggestions: null | ISearchstaxSEARCHTERM) => {\n        this.suggestions = suggestions?.suggestions ?? [];\n      }\n    );\n  }\n\n}\n","<div id=\"searchstax-input-container\">\n  <div class=\"searchstax-search-input-container\">\n    <div *ngIf=\"!templateOverride\" class=\"searchstax-search-input-wrapper\">\n      <input\n        type=\"text\"\n        id=\"searchstax-search-input\"\n        class=\"searchstax-search-input\"\n        placeholder=\"SEARCH FOR...\"\n      />\n      <div\n        class=\"searchstax-autosuggest-container\"\n        [ngClass]=\"{ hidden: suggestions.length === 0 }\"\n        (mouseleave)=\"(onMouseLeave)\"\n      >\n        <div\n          class=\"searchstax-autosuggest-item\"\n          *ngFor=\"let suggestion of suggestions\"\n        >\n          <div\n            class=\"searchstax-autosuggest-item-term-container\"\n            [innerHtml]=\"suggestion.term\"\n            (mouseover)=\"onMouseOver(suggestion, context)\"\n            (click)=\"onMouseClick($event, context)\"\n          ></div>\n        </div>\n      </div>\n      <button\n        class=\"searchstax-spinner-icon\"\n        id=\"searchstax-search-input-action-button\"\n      ></button>\n    </div>\n    <div *ngIf=\"templateOverride\">\n      <ng-container\n        *ngTemplateOutlet=\"templateOverride; context: context\"\n      ></ng-container>\n    </div>\n\n    <!-- <slot\n      name=\"input\"\n      :suggestions=\"suggestions\"\n      :onMouseClick=\"onMouseClick\"\n      :onMouseOver=\"onMouseOver\"\n      :onMouseLeave=\"onMouseLeave\"\n    ></slot> -->\n  </div>\n</div>\n","import { Component, Input, OnInit, TemplateRef } from '@angular/core';\nimport { StoreServiceService } from '../../services/store-service.service';\nimport {\n  ISearchstaxParsedResult,\n  ISearchstaxSearchMetadata,\n} from '@searchstax-inc/searchstudio-ux-js';\n\n@Component({\n  selector: 'app-searchstax-results',\n  templateUrl: './searchstax-results.component.html',\n  styles: [],\n})\nexport class SearchstaxResultsWidget implements OnInit {\n  @Input() afterLinkClick?: (\n    results: ISearchstaxParsedResult\n  ) => ISearchstaxParsedResult;\n\n  @Input() noResultsTemplate?: TemplateRef<any>;\n  @Input() resultsTemplate?: TemplateRef<any>;\n\n  searchResults: ISearchstaxParsedResult[] | null = null;\n  metadata: ISearchstaxSearchMetadata | null = null;\n  searchTerm = '';\n  context = this;\n\n  get hooks(): { [key: string]: (prop: any) => any } {\n    const hooks: { [key: string]: (prop: any) => any } = {};\n    if (this.afterLinkClick) {\n      hooks['afterLinkClick'] = this.afterLinkClick;\n    }\n    return hooks;\n  }\n\n  constructor(private storeServiceService: StoreServiceService) {}\n\n  ngOnInit(): void {\n    if (this.storeServiceService.searchstax) {\n      this.attachObservables();\n\n      setTimeout(() => {\n        this.storeServiceService.searchstax.addSearchResultsWidget(\n          'searchstax-results-container',\n          {\n            templates: {},\n            hooks: this.hooks,\n          }\n        );\n      }, 0);\n    } else {\n      throw Error('Searchstax instance needs to be passed via props');\n    }\n  }\n\n  attachObservables() {\n    this.storeServiceService.searchstax.dataLayer.$searchResults.subscribe(\n      (results: ISearchstaxParsedResult[] | null) => {\n        this.searchResults = results;\n      }\n    );\n    this.storeServiceService.searchstax.dataLayer.$searchTermChange.subscribe(\n      (result: string) => {\n        this.searchTerm = result;\n      }\n    );\n\n    this.storeServiceService.searchstax.dataLayer.$searchResultsMetadata.subscribe(\n      (value: ISearchstaxSearchMetadata) => {\n        this.metadata = value;\n      }\n    );\n  }\n\n  resultClicked(result: ISearchstaxParsedResult, event: Event, context: this) {\n    event.preventDefault();\n    event.stopPropagation();\n    context.storeServiceService.searchstax.executeLinkClick(result.uniqueId);\n  }\n\n  isImage(field: any){\n    return field.isImage && typeof field.value === 'string'\n  }\n}\n","<div id=\"searchstax-results-container\">\n  <div class=\"searchstax-search-results-container\">\n    <div id=\"searchstax-result-container\">\n      <div\n        *ngIf=\"\n          searchResults && searchResults.length === 0 && !noResultsTemplate\n        \"\n      >\n        <div class=\"searchstax-no-results\">\n          Showing <strong>no results</strong> for\n          <strong>\"{{ searchTerm }}\"</strong>\n          <br />\n          <span *ngIf=\"metadata?.spellingSuggestion\"\n            >&nbsp;Did you mean\n            <a href=\"#\" class=\"searchstax-suggestion-term\">{{\n              metadata?.spellingSuggestion\n            }}</a\n            >?</span\n          >\n        </div>\n        <div>\n          <p>\n            Try searching for search related terms or topics. We offer a wide\n            variety of content to help you get the information you need.\n          </p>\n          <p>Lost? Click on the ‘X” in the Search Box to reset your search.</p>\n        </div>\n      </div>\n      <div\n        *ngIf=\"searchResults && searchResults.length === 0 && noResultsTemplate\"\n      >\n        <ng-container\n          *ngTemplateOutlet=\"noResultsTemplate; context: context\"\n        ></ng-container>\n      </div>\n\n      <div\n        class=\"searchstax-search-results\"\n        *ngIf=\"searchResults && searchResults.length && !resultsTemplate\"\n      >\n        <div\n          class=\"searchstax-search-result\"\n          [ngClass]=\"{ 'has-thumbnail': searchResult.thumbnail }\"\n          *ngFor=\"let searchResult of searchResults\"\n        >\n          <div\n            *ngIf=\"searchResult.promoted\"\n            class=\"searchstax-search-result-promoted\"\n          ></div>\n          <a\n            *ngIf=\"searchResult.url\"\n            [href]=\"searchResult.url\"\n            [attr.data-searchstax-unique-result-id]=\"searchResult.uniqueId\"\n            (click)=\"resultClicked(searchResult, $event, context)\"\n            class=\"searchstax-result-item-link\"\n          ></a>\n          <div\n            *ngIf=\"searchResult.ribbon\"\n            class=\"searchstax-search-result-ribbon\"\n          >\n            {{ searchResult.ribbon }}\n          </div>\n          <img\n            *ngIf=\"searchResult.thumbnail\"\n            [src]=\"searchResult.thumbnail\"\n            class=\"searchstax-thumbnail\"\n          />\n          <div class=\"searchstax-search-result-title-container\">\n            <span class=\"searchstax-search-result-title\">{{\n              searchResult.title\n            }}</span>\n          </div>\n          <p *ngIf=\"searchResult.paths\" class=\"searchstax-search-result-common\">\n            {{ searchResult.paths }}\n          </p>\n          <p\n            *ngIf=\"searchResult.description\"\n            class=\"searchstax-search-result-description searchstax-search-result-common\"\n          >\n            {{ searchResult.description }}\n          </p>\n          <div *ngFor=\"let unmappedField of searchResult.unmappedFields\">\n            <div\n              *ngIf=\"isImage(unmappedField)\"\n              class=\"searchstax-search-result-image-container\"\n            >\n              <img\n                [src]=\"unmappedField.value\"\n                class=\"searchstax-result-image\"\n              />\n            </div>\n            <div *ngIf=\"!isImage(unmappedField)\">\n              <p class=\"searchstax-search-result-common\">\n                {{ unmappedField.value }}\n              </p>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <div *ngIf=\"searchResults && searchResults.length && resultsTemplate\">\n        <ng-container\n          *ngTemplateOutlet=\"resultsTemplate; context: context\"\n        ></ng-container>\n      </div>\n    </div>\n  </div>\n</div>\n","import { Component, Input, OnInit, TemplateRef } from \"@angular/core\";\nimport {\n  ISearchstaxSEARCHTERM,\n  ISearchstaxSearchFeedbackData,\n  ISearchstaxSuggestProps,\n  ISearchstaxSuggestResponse,\n  ISearchstaxSuggestion,\n} from \"@searchstax-inc/searchstudio-ux-js\";\nimport { StoreServiceService } from \"../../services/store-service.service\";\n\n@Component({\n  selector: \"app-searchstax-seach-feedback\",\n  templateUrl: \"./searchstax-seach-overview.component.html\",\n  styles: [],\n})\nexport class SearchstaxSearchFeedbackWidget implements OnInit {\n  @Input() templateOverride?: TemplateRef<any>;\n\n  searchFeedbackData: null | ISearchstaxSearchFeedbackData = null;\n  rand = Math.random();\n  context = this;\n  constructor(private storeServiceService: StoreServiceService) {}\n\n  ngOnInit(): void {\n    if (this.storeServiceService.searchstax) {\n      this.attachObservables();\n      setTimeout(() => {\n        this.storeServiceService.searchstax.addSearchFeedbackWidget(\n          \"search-feedback-container\" + this.rand,\n          {}\n        );\n      }, 0);\n    } else {\n      throw Error(\"Searchstax instance needs to be passed via props\");\n    }\n  }\n\n  onOriginalQueryClick(e: Event, context: this) {\n    e.stopImmediatePropagation();\n    context.storeServiceService.searchstax.searchFeedbackWidget?.onOriginalQueryClick(\n      e\n    );\n  }\n\n  attachObservables() {\n    this.storeServiceService.searchstax.dataLayer.$searchFeedbackData.subscribe(\n      (searchFeedbackData: null | ISearchstaxSearchFeedbackData) => {\n        this.searchFeedbackData = searchFeedbackData;\n      }\n    );\n  }\n}\n","<div\n  class=\"search-feedback-container\"\n  [id]=\"'search-feedback-container' + rand\"\n>\n  <div\n    class=\"searchstax-feedback-container\"\n    *ngIf=\"\n      searchFeedbackData &&\n      searchFeedbackData?.searchExecuted &&\n      !templateOverride &&\n      searchFeedbackData?.totalResults\n    \"\n  >\n    Showing\n    <b\n      >{{ searchFeedbackData!.startResultIndex }} -\n      {{ searchFeedbackData!.endResultIndex }}</b\n    >\n    of <b>{{ searchFeedbackData!.totalResults }}</b> results\n    <span *ngIf=\"searchFeedbackData.searchTerm\"\n      >for \"<b>{{ searchFeedbackData!.searchTerm }}</b\n      >\"\n    </span>\n    <div class=\"searchstax-feedback-container-suggested\">\n      <div *ngIf=\"searchFeedbackData.autoCorrectedQuery\">\n        Search instead for\n        <a\n          href=\"#\"\n          (click)=\"onOriginalQueryClick($event, context)\"\n          class=\"searchstax-feedback-original-query\"\n          >{{ searchFeedbackData!.originalQuery }}</a\n        >\n      </div>\n    </div>\n  </div>\n\n  <div\n    *ngIf=\"\n      searchFeedbackData &&\n      searchFeedbackData?.searchExecuted &&\n      templateOverride &&\n      searchFeedbackData?.totalResults\n    \"\n  >\n    <ng-container\n      *ngTemplateOutlet=\"templateOverride; context: context\"\n    ></ng-container>\n  </div>\n</div>\n","import { Component, Input, OnInit, TemplateRef } from \"@angular/core\";\nimport {\n  IPaginationData,\n  ISearchObject,\n} from \"@searchstax-inc/searchstudio-ux-js\";\nimport { StoreServiceService } from \"../../services/store-service.service\";\n\n@Component({\n  selector: \"app-searchstax-seach-pagination\",\n  templateUrl: \"./searchstax-seach-pagination.component.html\",\n  styles: [],\n})\nexport class SearchstaxSearchPaginationWidget implements OnInit {\n  @Input() templateOverride?: TemplateRef<any>;\n\n  paginationData: null | IPaginationData = null;\n  rand = Math.random();\n  context = this;\n  paginationAdded = false;\n  constructor(private storeServiceService: StoreServiceService) {}\n\n  ngOnInit(): void {\n    if (this.storeServiceService.searchstax) {\n      this.attachObservables();\n      setTimeout(() => {\n        this.addWidget();\n      }, 0);\n    } else {\n      throw Error(\"Searchstax instance needs to be passed via props\");\n    }\n  }\n\n  nextPage(event: Event, context: this) {\n    event.stopImmediatePropagation();\n    if (!context.paginationData?.isLastPage) {\n      context.storeServiceService.searchstax.searchPaginationWidget?.nextPage(\n        event\n      );\n    }\n  }\n\n  previousPage(event: Event, context: this) {\n    event.stopImmediatePropagation();\n    if (!context.paginationData?.isFirstPage) {\n      context.storeServiceService.searchstax.searchPaginationWidget?.previousPage(\n        event\n      );\n    }\n  }\n\n  addWidget() {\n    if (\n      !this.paginationAdded &&\n      this.storeServiceService.searchstax.routerHelper\n    ) {\n      this.paginationAdded = true;\n      this.storeServiceService.searchstax.addPaginationWidget(\n        \"searchstax-pagination-container\" + this.rand,\n        {}\n      );\n    }\n  }\n\n  attachObservables() {\n    this.storeServiceService.searchstax.dataLayer.$searchObject.subscribe(\n      (pagination: ISearchObject | null) => {\n        this.addWidget();\n      }\n    );\n\n    this.storeServiceService.searchstax.dataLayer.$paginationData.subscribe(\n      (pagination: IPaginationData | null) => {\n        this.paginationData = pagination;\n      }\n    );\n  }\n}\n","<div [id]=\"'searchstax-pagination-container' + rand\">\n  <div\n    class=\"searchstax-pagination-container\"\n    *ngIf=\"paginationData?.totalResults && !templateOverride\"\n  >\n    <div class=\"searchstax-pagination-content\">\n      <a\n        class=\"searchstax-pagination-previous\"\n        (click)=\"previousPage($event, context)\"\n        id=\"searchstax-pagination-previous\"\n      >\n        &lt; Previous\n      </a>\n      <div class=\"searchstax-pagination-details\">\n        {{ paginationData?.startResultIndex }} -\n        {{ paginationData?.endResultIndex }} of\n        {{ paginationData?.totalResults }}\n      </div>\n      <a\n        class=\"searchstax-pagination-next\"\n        (click)=\"nextPage($event, context)\"\n        id=\"searchstax-pagination-next\"\n        >Next ></a\n      >\n    </div>\n  </div>\n\n  <div *ngIf=\"paginationData?.totalResults && templateOverride\">\n    <ng-container\n      *ngTemplateOutlet=\"templateOverride; context: context\"\n    ></ng-container>\n  </div>\n</div>\n","import { NgModule } from \"@angular/core\";\nimport { SearchstaxWrapper } from \"./components/searchstax-wrapper.component\";\nimport { SearchstaxInputWidget } from \"./components/searchstax-input/searchstax-input.component\";\nimport { CommonModule } from \"@angular/common\";\nimport { SearchstaxResultsWidget } from \"./components/searchstax-results/searchstax-results.component\";\nimport { SearchstaxSearchFeedbackWidget } from \"../public-api\";\nimport { SearchstaxSearchPaginationWidget } from \"./components/searchstax-search-pagination/searchstax-search-pagination.component\";\n\n@NgModule({\n  declarations: [\n    SearchstaxWrapper,\n    SearchstaxInputWidget,\n    SearchstaxResultsWidget,\n    SearchstaxSearchFeedbackWidget,\n    SearchstaxSearchPaginationWidget\n  ],\n  imports: [CommonModule],\n  exports: [\n    SearchstaxWrapper,\n    SearchstaxInputWidget,\n    SearchstaxResultsWidget,\n    SearchstaxSearchFeedbackWidget,\n    SearchstaxSearchPaginationWidget\n  ],\n})\nexport class SearchstudioUxAngularModule {}\n","/*\n * Public API Surface of searchstudio-ux-angular\n */\n\nexport * from './lib/components/searchstax-wrapper.component';\nexport * from './lib/components/searchstax-input/searchstax-input.component';\nexport * from './lib/components/searchstax-results/searchstax-results.component';\nexport * from './lib/components/searchstax-search-overview/searchstax-search-overview.component';\nexport * from './lib/components/searchstax-search-pagination/searchstax-search-pagination.component';\nexport * from './lib/services/store-service.service';\nexport * from './lib/searchstudio-ux-angular.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1.StoreServiceService"],"mappings":"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"}

package/lib/components/searchstax-input/searchstax-input.component.d.ts

@@ -16,9 +16,9 @@ export declare class SearchstaxInputWidget implements OnInit {
     context: this;
     constructor(storeServiceService: StoreServiceService);
     ngOnInit(): void;
-    onMouseLeave(): void;
-    onMouseOver(suggestion: ISearchstaxSuggestion): void;
-    onMouseClick(e: Event): void;
+    onMouseLeave(context: this): void;
+    onMouseOver(suggestion: ISearchstaxSuggestion, context: this): void;
+    onMouseClick(e: Event, context: this): void;
     attachObservables(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SearchstaxInputWidget, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SearchstaxInputWidget, "app-searchstax-input", never, { "afterAutosuggest": "afterAutosuggest"; "beforeAutosuggest": "beforeAutosuggest"; "searchInputId": "searchInputId"; "suggestAfterMinChars": "suggestAfterMinChars"; "templateOverride": "templateOverride"; }, {}, never, never>;

package/lib/components/searchstax-results/searchstax-results.component.d.ts

@@ -17,7 +17,7 @@ export declare class SearchstaxResultsWidget implements OnInit {
     constructor(storeServiceService: StoreServiceService);
     ngOnInit(): void;
     attachObservables(): void;
-    resultClicked(result: ISearchstaxParsedResult, event: Event): void;
+    resultClicked(result: ISearchstaxParsedResult, event: Event, context: this): void;
     isImage(field: any): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<SearchstaxResultsWidget, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SearchstaxResultsWidget, "app-searchstax-results", never, { "afterLinkClick": "afterLinkClick"; "noResultsTemplate": "noResultsTemplate"; "resultsTemplate": "resultsTemplate"; }, {}, never, never>;

package/lib/components/searchstax-search-overview/searchstax-search-overview.component.d.ts

@@ -0,0 +1,17 @@
+import { OnInit, TemplateRef } from "@angular/core";
+import { ISearchstaxSearchFeedbackData } from "@searchstax-inc/searchstudio-ux-js";
+import { StoreServiceService } from "../../services/store-service.service";
+import * as i0 from "@angular/core";
+export declare class SearchstaxSearchFeedbackWidget implements OnInit {
+    private storeServiceService;
+    templateOverride?: TemplateRef<any>;
+    searchFeedbackData: null | ISearchstaxSearchFeedbackData;
+    rand: number;
+    context: this;
+    constructor(storeServiceService: StoreServiceService);
+    ngOnInit(): void;
+    onOriginalQueryClick(e: Event, context: this): void;
+    attachObservables(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SearchstaxSearchFeedbackWidget, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SearchstaxSearchFeedbackWidget, "app-searchstax-seach-feedback", never, { "templateOverride": "templateOverride"; }, {}, never, never>;
+}

package/lib/components/searchstax-search-pagination/searchstax-search-pagination.component.d.ts

@@ -0,0 +1,20 @@
+import { OnInit, TemplateRef } from "@angular/core";
+import { IPaginationData } from "@searchstax-inc/searchstudio-ux-js";
+import { StoreServiceService } from "../../services/store-service.service";
+import * as i0 from "@angular/core";
+export declare class SearchstaxSearchPaginationWidget implements OnInit {
+    private storeServiceService;
+    templateOverride?: TemplateRef<any>;
+    paginationData: null | IPaginationData;
+    rand: number;
+    context: this;
+    paginationAdded: boolean;
+    constructor(storeServiceService: StoreServiceService);
+    ngOnInit(): void;
+    nextPage(event: Event, context: this): void;
+    previousPage(event: Event, context: this): void;
+    addWidget(): void;
+    attachObservables(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SearchstaxSearchPaginationWidget, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SearchstaxSearchPaginationWidget, "app-searchstax-seach-pagination", never, { "templateOverride": "templateOverride"; }, {}, never, never>;
+}

package/lib/searchstudio-ux-angular.module.d.ts

@@ -2,9 +2,11 @@ import * as i0 from "@angular/core";
 import * as i1 from "./components/searchstax-wrapper.component";
 import * as i2 from "./components/searchstax-input/searchstax-input.component";
 import * as i3 from "./components/searchstax-results/searchstax-results.component";
-import * as i4 from "@angular/common";
+import * as i4 from "./components/searchstax-search-overview/searchstax-search-overview.component";
+import * as i5 from "./components/searchstax-search-pagination/searchstax-search-pagination.component";
+import * as i6 from "@angular/common";
 export declare class SearchstudioUxAngularModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SearchstudioUxAngularModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SearchstudioUxAngularModule, [typeof i1.SearchstaxWrapper, typeof i2.SearchstaxInputWidget, typeof i3.SearchstaxResultsWidget], [typeof i4.CommonModule], [typeof i1.SearchstaxWrapper, typeof i2.SearchstaxInputWidget, typeof i3.SearchstaxResultsWidget]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SearchstudioUxAngularModule, [typeof i1.SearchstaxWrapper, typeof i2.SearchstaxInputWidget, typeof i3.SearchstaxResultsWidget, typeof i4.SearchstaxSearchFeedbackWidget, typeof i5.SearchstaxSearchPaginationWidget], [typeof i6.CommonModule], [typeof i1.SearchstaxWrapper, typeof i2.SearchstaxInputWidget, typeof i3.SearchstaxResultsWidget, typeof i4.SearchstaxSearchFeedbackWidget, typeof i5.SearchstaxSearchPaginationWidget]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SearchstudioUxAngularModule>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@searchstax-inc/searchstudio-ux-angular",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "peerDependencies": {
     "@angular/common": "^13.0.0",
     "@angular/core": "^13.0.0"

package/public-api.d.ts

@@ -1,5 +1,7 @@
 export * from './lib/components/searchstax-wrapper.component';
 export * from './lib/components/searchstax-input/searchstax-input.component';
 export * from './lib/components/searchstax-results/searchstax-results.component';
+export * from './lib/components/searchstax-search-overview/searchstax-search-overview.component';
+export * from './lib/components/searchstax-search-pagination/searchstax-search-pagination.component';
 export * from './lib/services/store-service.service';
 export * from './lib/searchstudio-ux-angular.module';