@searchstax-inc/searchstudio-ux-angular 4.1.0 → 4.1.5

package/esm2022/lib/components/templates/searchstax-search-no-results-template.mjs

@@ -0,0 +1,85 @@
+// reusable-template.component.ts
+import { Component, ViewChild } from "@angular/core";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class NoResultsTemplateComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NoResultsTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: NoResultsTemplateComponent, selector: "app-no-results-template", viewQueries: [{ propertyName: "noResultsTemplate", first: true, predicate: ["noResultsTemplate"], descendants: true }], ngImport: i0, template: `
+    <ng-template
+      #noResultsTemplate
+      let-metadata="metadata"
+      let-searchTerm="searchTerm"
+      let-executeSearch="executeSearch"
+      let-context="context"
+    >
+      <div class="searchstax-no-results">
+        Showing <strong>no results</strong> for
+        <strong>"{{ searchTerm }}"</strong>
+        <br />
+        <span *ngIf="metadata?.spellingSuggestion"
+          >&nbsp;Did you mean
+          <a
+            href="#"
+            [attr.aria-label]="'did you mean: ' + metadata?.spellingSuggestion"
+            class="searchstax-suggestion-term"
+            (click)="
+              executeSearch(metadata?.spellingSuggestion ?? '', $event, context)
+            "
+            >{{ metadata?.spellingSuggestion }}</a
+          >?</span
+        >
+      </div>
+      <ul>
+        <li>
+          Try searching for search related terms or topics. We offer a wide
+          variety of content to help you get the information you need.
+        </li>
+        <li>Lost? Click on the ‘X” in the Search Box to reset your search.</li>
+      </ul>
+    </ng-template>
+  `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NoResultsTemplateComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "app-no-results-template",
+                    template: `
+    <ng-template
+      #noResultsTemplate
+      let-metadata="metadata"
+      let-searchTerm="searchTerm"
+      let-executeSearch="executeSearch"
+      let-context="context"
+    >
+      <div class="searchstax-no-results">
+        Showing <strong>no results</strong> for
+        <strong>"{{ searchTerm }}"</strong>
+        <br />
+        <span *ngIf="metadata?.spellingSuggestion"
+          >&nbsp;Did you mean
+          <a
+            href="#"
+            [attr.aria-label]="'did you mean: ' + metadata?.spellingSuggestion"
+            class="searchstax-suggestion-term"
+            (click)="
+              executeSearch(metadata?.spellingSuggestion ?? '', $event, context)
+            "
+            >{{ metadata?.spellingSuggestion }}</a
+          >?</span
+        >
+      </div>
+      <ul>
+        <li>
+          Try searching for search related terms or topics. We offer a wide
+          variety of content to help you get the information you need.
+        </li>
+        <li>Lost? Click on the ‘X” in the Search Box to reset your search.</li>
+      </ul>
+    </ng-template>
+  `,
+                }]
+        }], propDecorators: { noResultsTemplate: [{
+                type: ViewChild,
+                args: ["noResultsTemplate"]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoc3RheC1zZWFyY2gtbm8tcmVzdWx0cy10ZW1wbGF0ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NlYXJjaHN0YXgtaW5jL3NlYXJjaHN0dWRpby11eC1hbmd1bGFyL3NyYy9saWIvY29tcG9uZW50cy90ZW1wbGF0ZXMvc2VhcmNoc3RheC1zZWFyY2gtbm8tcmVzdWx0cy10ZW1wbGF0ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxpQ0FBaUM7QUFDakMsT0FBTyxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQWUsTUFBTSxlQUFlLENBQUM7OztBQXVDbEUsTUFBTSxPQUFPLDBCQUEwQjsrR0FBMUIsMEJBQTBCO21HQUExQiwwQkFBMEIsdUxBbkMzQjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBaUNUOzs0RkFFVSwwQkFBMEI7a0JBckN0QyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSx5QkFBeUI7b0JBQ25DLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBaUNUO2lCQUNGOzhCQUVpQyxpQkFBaUI7c0JBQWhELFNBQVM7dUJBQUMsbUJBQW1CIiwic291cmNlc0NvbnRlbnQiOlsiLy8gcmV1c2FibGUtdGVtcGxhdGUuY29tcG9uZW50LnRzXG5pbXBvcnQgeyBDb21wb25lbnQsIFZpZXdDaGlsZCwgVGVtcGxhdGVSZWYgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6IFwiYXBwLW5vLXJlc3VsdHMtdGVtcGxhdGVcIixcbiAgdGVtcGxhdGU6IGBcbiAgICA8bmctdGVtcGxhdGVcbiAgICAgICNub1Jlc3VsdHNUZW1wbGF0ZVxuICAgICAgbGV0LW1ldGFkYXRhPVwibWV0YWRhdGFcIlxuICAgICAgbGV0LXNlYXJjaFRlcm09XCJzZWFyY2hUZXJtXCJcbiAgICAgIGxldC1leGVjdXRlU2VhcmNoPVwiZXhlY3V0ZVNlYXJjaFwiXG4gICAgICBsZXQtY29udGV4dD1cImNvbnRleHRcIlxuICAgID5cbiAgICAgIDxkaXYgY2xhc3M9XCJzZWFyY2hzdGF4LW5vLXJlc3VsdHNcIj5cbiAgICAgICAgU2hvd2luZyA8c3Ryb25nPm5vIHJlc3VsdHM8L3N0cm9uZz4gZm9yXG4gICAgICAgIDxzdHJvbmc+XCJ7eyBzZWFyY2hUZXJtIH19XCI8L3N0cm9uZz5cbiAgICAgICAgPGJyIC8+XG4gICAgICAgIDxzcGFuICpuZ0lmPVwibWV0YWRhdGE/LnNwZWxsaW5nU3VnZ2VzdGlvblwiXG4gICAgICAgICAgPiZuYnNwO0RpZCB5b3UgbWVhblxuICAgICAgICAgIDxhXG4gICAgICAgICAgICBocmVmPVwiI1wiXG4gICAgICAgICAgICBbYXR0ci5hcmlhLWxhYmVsXT1cIidkaWQgeW91IG1lYW46ICcgKyBtZXRhZGF0YT8uc3BlbGxpbmdTdWdnZXN0aW9uXCJcbiAgICAgICAgICAgIGNsYXNzPVwic2VhcmNoc3RheC1zdWdnZXN0aW9uLXRlcm1cIlxuICAgICAgICAgICAgKGNsaWNrKT1cIlxuICAgICAgICAgICAgICBleGVjdXRlU2VhcmNoKG1ldGFkYXRhPy5zcGVsbGluZ1N1Z2dlc3Rpb24gPz8gJycsICRldmVudCwgY29udGV4dClcbiAgICAgICAgICAgIFwiXG4gICAgICAgICAgICA+e3sgbWV0YWRhdGE/LnNwZWxsaW5nU3VnZ2VzdGlvbiB9fTwvYVxuICAgICAgICAgID4/PC9zcGFuXG4gICAgICAgID5cbiAgICAgIDwvZGl2PlxuICAgICAgPHVsPlxuICAgICAgICA8bGk+XG4gICAgICAgICAgVHJ5IHNlYXJjaGluZyBmb3Igc2VhcmNoIHJlbGF0ZWQgdGVybXMgb3IgdG9waWNzLiBXZSBvZmZlciBhIHdpZGVcbiAgICAgICAgICB2YXJpZXR5IG9mIGNvbnRlbnQgdG8gaGVscCB5b3UgZ2V0IHRoZSBpbmZvcm1hdGlvbiB5b3UgbmVlZC5cbiAgICAgICAgPC9saT5cbiAgICAgICAgPGxpPkxvc3Q/IENsaWNrIG9uIHRoZSDigJhY4oCdIGluIHRoZSBTZWFyY2ggQm94IHRvIHJlc2V0IHlvdXIgc2VhcmNoLjwvbGk+XG4gICAgICA8L3VsPlxuICAgIDwvbmctdGVtcGxhdGU+XG4gIGAsXG59KVxuZXhwb3J0IGNsYXNzIE5vUmVzdWx0c1RlbXBsYXRlQ29tcG9uZW50IHtcbiAgQFZpZXdDaGlsZChcIm5vUmVzdWx0c1RlbXBsYXRlXCIpIG5vUmVzdWx0c1RlbXBsYXRlITogVGVtcGxhdGVSZWY8YW55Pjtcbn1cbiJdfQ==

package/esm2022/lib/components/templates/searchstax-search-overview-template.mjs

@@ -0,0 +1,87 @@
+// reusable-template.component.ts
+import { Component, ViewChild } from "@angular/core";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class OverviewTemplateComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OverviewTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: OverviewTemplateComponent, selector: "app-overview-template", viewQueries: [{ propertyName: "overviewTemplate", first: true, predicate: ["feedbackTemplate"], descendants: true }], ngImport: i0, template: `
+    <ng-template
+      #feedbackTemplate
+      let-searchFeedbackData="searchFeedbackData"
+      let-onOriginalQueryClick="onOriginalQueryClick"
+      let-context="context"
+    >
+      <h2 class="searchstax-feedback-container">
+        Showing
+        <b
+          >{{ searchFeedbackData!.startResultIndex }} -
+          {{ searchFeedbackData!.endResultIndex }}</b
+        >
+        of <b>{{ searchFeedbackData!.totalResults }}</b> results
+        <span *ngIf="searchFeedbackData.searchTerm"
+          >for "<b>{{ searchFeedbackData!.searchTerm }}</b
+          >"
+        </span>
+        <div class="searchstax-feedback-container-suggested">
+          <div *ngIf="searchFeedbackData.autoCorrectedQuery">
+            Search instead for
+            <a
+              href="#"
+              (click)="onOriginalQueryClick($event, context)"
+              class="searchstax-feedback-original-query"
+              [attr.aria-label]="
+                'Search instead for: ' + searchFeedbackData!.originalQuery
+              "
+              >{{ searchFeedbackData!.originalQuery }}</a
+            >
+          </div>
+        </div>
+      </h2>
+    </ng-template>
+  `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OverviewTemplateComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "app-overview-template",
+                    template: `
+    <ng-template
+      #feedbackTemplate
+      let-searchFeedbackData="searchFeedbackData"
+      let-onOriginalQueryClick="onOriginalQueryClick"
+      let-context="context"
+    >
+      <h2 class="searchstax-feedback-container">
+        Showing
+        <b
+          >{{ searchFeedbackData!.startResultIndex }} -
+          {{ searchFeedbackData!.endResultIndex }}</b
+        >
+        of <b>{{ searchFeedbackData!.totalResults }}</b> results
+        <span *ngIf="searchFeedbackData.searchTerm"
+          >for "<b>{{ searchFeedbackData!.searchTerm }}</b
+          >"
+        </span>
+        <div class="searchstax-feedback-container-suggested">
+          <div *ngIf="searchFeedbackData.autoCorrectedQuery">
+            Search instead for
+            <a
+              href="#"
+              (click)="onOriginalQueryClick($event, context)"
+              class="searchstax-feedback-original-query"
+              [attr.aria-label]="
+                'Search instead for: ' + searchFeedbackData!.originalQuery
+              "
+              >{{ searchFeedbackData!.originalQuery }}</a
+            >
+          </div>
+        </div>
+      </h2>
+    </ng-template>
+  `,
+                }]
+        }], propDecorators: { overviewTemplate: [{
+                type: ViewChild,
+                args: ["feedbackTemplate"]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoc3RheC1zZWFyY2gtb3ZlcnZpZXctdGVtcGxhdGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zZWFyY2hzdGF4LWluYy9zZWFyY2hzdHVkaW8tdXgtYW5ndWxhci9zcmMvbGliL2NvbXBvbmVudHMvdGVtcGxhdGVzL3NlYXJjaHN0YXgtc2VhcmNoLW92ZXJ2aWV3LXRlbXBsYXRlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGlDQUFpQztBQUNqQyxPQUFPLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBZSxNQUFNLGVBQWUsQ0FBQzs7O0FBd0NsRSxNQUFNLE9BQU8seUJBQXlCOytHQUF6Qix5QkFBeUI7bUdBQXpCLHlCQUF5QixtTEFwQzFCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBa0NUOzs0RkFFVSx5QkFBeUI7a0JBdENyQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSx1QkFBdUI7b0JBQ2pDLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQWtDVDtpQkFDRjs4QkFFZ0MsZ0JBQWdCO3NCQUE5QyxTQUFTO3VCQUFDLGtCQUFrQiIsInNvdXJjZXNDb250ZW50IjpbIi8vIHJldXNhYmxlLXRlbXBsYXRlLmNvbXBvbmVudC50c1xuaW1wb3J0IHsgQ29tcG9uZW50LCBWaWV3Q2hpbGQsIFRlbXBsYXRlUmVmIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiBcImFwcC1vdmVydmlldy10ZW1wbGF0ZVwiLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxuZy10ZW1wbGF0ZVxuICAgICAgI2ZlZWRiYWNrVGVtcGxhdGVcbiAgICAgIGxldC1zZWFyY2hGZWVkYmFja0RhdGE9XCJzZWFyY2hGZWVkYmFja0RhdGFcIlxuICAgICAgbGV0LW9uT3JpZ2luYWxRdWVyeUNsaWNrPVwib25PcmlnaW5hbFF1ZXJ5Q2xpY2tcIlxuICAgICAgbGV0LWNvbnRleHQ9XCJjb250ZXh0XCJcbiAgICA+XG4gICAgICA8aDIgY2xhc3M9XCJzZWFyY2hzdGF4LWZlZWRiYWNrLWNvbnRhaW5lclwiPlxuICAgICAgICBTaG93aW5nXG4gICAgICAgIDxiXG4gICAgICAgICAgPnt7IHNlYXJjaEZlZWRiYWNrRGF0YSEuc3RhcnRSZXN1bHRJbmRleCB9fSAtXG4gICAgICAgICAge3sgc2VhcmNoRmVlZGJhY2tEYXRhIS5lbmRSZXN1bHRJbmRleCB9fTwvYlxuICAgICAgICA+XG4gICAgICAgIG9mIDxiPnt7IHNlYXJjaEZlZWRiYWNrRGF0YSEudG90YWxSZXN1bHRzIH19PC9iPiByZXN1bHRzXG4gICAgICAgIDxzcGFuICpuZ0lmPVwic2VhcmNoRmVlZGJhY2tEYXRhLnNlYXJjaFRlcm1cIlxuICAgICAgICAgID5mb3IgXCI8Yj57eyBzZWFyY2hGZWVkYmFja0RhdGEhLnNlYXJjaFRlcm0gfX08L2JcbiAgICAgICAgICA+XCJcbiAgICAgICAgPC9zcGFuPlxuICAgICAgICA8ZGl2IGNsYXNzPVwic2VhcmNoc3RheC1mZWVkYmFjay1jb250YWluZXItc3VnZ2VzdGVkXCI+XG4gICAgICAgICAgPGRpdiAqbmdJZj1cInNlYXJjaEZlZWRiYWNrRGF0YS5hdXRvQ29ycmVjdGVkUXVlcnlcIj5cbiAgICAgICAgICAgIFNlYXJjaCBpbnN0ZWFkIGZvclxuICAgICAgICAgICAgPGFcbiAgICAgICAgICAgICAgaHJlZj1cIiNcIlxuICAgICAgICAgICAgICAoY2xpY2spPVwib25PcmlnaW5hbFF1ZXJ5Q2xpY2soJGV2ZW50LCBjb250ZXh0KVwiXG4gICAgICAgICAgICAgIGNsYXNzPVwic2VhcmNoc3RheC1mZWVkYmFjay1vcmlnaW5hbC1xdWVyeVwiXG4gICAgICAgICAgICAgIFthdHRyLmFyaWEtbGFiZWxdPVwiXG4gICAgICAgICAgICAgICAgJ1NlYXJjaCBpbnN0ZWFkIGZvcjogJyArIHNlYXJjaEZlZWRiYWNrRGF0YSEub3JpZ2luYWxRdWVyeVxuICAgICAgICAgICAgICBcIlxuICAgICAgICAgICAgICA+e3sgc2VhcmNoRmVlZGJhY2tEYXRhIS5vcmlnaW5hbFF1ZXJ5IH19PC9hXG4gICAgICAgICAgICA+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9oMj5cbiAgICA8L25nLXRlbXBsYXRlPlxuICBgLFxufSlcbmV4cG9ydCBjbGFzcyBPdmVydmlld1RlbXBsYXRlQ29tcG9uZW50IHtcbiAgQFZpZXdDaGlsZChcImZlZWRiYWNrVGVtcGxhdGVcIikgb3ZlcnZpZXdUZW1wbGF0ZSE6IFRlbXBsYXRlUmVmPGFueT47XG59XG4iXX0=

package/esm2022/lib/components/templates/searchstax-search-pagination-infinite-template.mjs

@@ -0,0 +1,60 @@
+// reusable-template.component.ts
+import { Component, ViewChild } from "@angular/core";
+import * as i0 from "@angular/core";
+export class PaginationInfiniteTemplateComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PaginationInfiniteTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PaginationInfiniteTemplateComponent, selector: "app-pagination-infinite-template", viewQueries: [{ propertyName: "infiniteScrollTemplate", first: true, predicate: ["infiniteScrollTemplate"], descendants: true }], ngImport: i0, template: `
+    <ng-template
+      #infiniteScrollTemplate
+      let-paginationData="paginationData"
+      let-nextPage="nextPage"
+      let-context="context"
+    >
+      <div class="searchstax-pagination-container">
+        <div class="searchstax-pagination-content">
+          <a
+            class="searchstax-pagination-load-more"
+            (click)="nextPage($event, context)"
+            (keyup.enter)="nextPage($event, context)"
+            (keyup.space)="nextPage($event, context)"
+            tabindex="0"
+          >
+            Load More
+          </a>
+        </div>
+      </div>
+    </ng-template>
+  `, isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PaginationInfiniteTemplateComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "app-pagination-infinite-template",
+                    template: `
+    <ng-template
+      #infiniteScrollTemplate
+      let-paginationData="paginationData"
+      let-nextPage="nextPage"
+      let-context="context"
+    >
+      <div class="searchstax-pagination-container">
+        <div class="searchstax-pagination-content">
+          <a
+            class="searchstax-pagination-load-more"
+            (click)="nextPage($event, context)"
+            (keyup.enter)="nextPage($event, context)"
+            (keyup.space)="nextPage($event, context)"
+            tabindex="0"
+          >
+            Load More
+          </a>
+        </div>
+      </div>
+    </ng-template>
+  `,
+                }]
+        }], propDecorators: { infiniteScrollTemplate: [{
+                type: ViewChild,
+                args: ["infiniteScrollTemplate"]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoc3RheC1zZWFyY2gtcGFnaW5hdGlvbi1pbmZpbml0ZS10ZW1wbGF0ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NlYXJjaHN0YXgtaW5jL3NlYXJjaHN0dWRpby11eC1hbmd1bGFyL3NyYy9saWIvY29tcG9uZW50cy90ZW1wbGF0ZXMvc2VhcmNoc3RheC1zZWFyY2gtcGFnaW5hdGlvbi1pbmZpbml0ZS10ZW1wbGF0ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxpQ0FBaUM7QUFDakMsT0FBTyxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQWUsTUFBTSxlQUFlLENBQUM7O0FBMkJsRSxNQUFNLE9BQU8sbUNBQW1DOytHQUFuQyxtQ0FBbUM7bUdBQW5DLG1DQUFtQywwTUF2QnBDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FxQlQ7OzRGQUVVLG1DQUFtQztrQkF6Qi9DLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGtDQUFrQztvQkFDNUMsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FxQlQ7aUJBQ0Y7OEJBRXNDLHNCQUFzQjtzQkFBMUQsU0FBUzt1QkFBQyx3QkFBd0IiLCJzb3VyY2VzQ29udGVudCI6WyIvLyByZXVzYWJsZS10ZW1wbGF0ZS5jb21wb25lbnQudHNcbmltcG9ydCB7IENvbXBvbmVudCwgVmlld0NoaWxkLCBUZW1wbGF0ZVJlZiB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogXCJhcHAtcGFnaW5hdGlvbi1pbmZpbml0ZS10ZW1wbGF0ZVwiLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxuZy10ZW1wbGF0ZVxuICAgICAgI2luZmluaXRlU2Nyb2xsVGVtcGxhdGVcbiAgICAgIGxldC1wYWdpbmF0aW9uRGF0YT1cInBhZ2luYXRpb25EYXRhXCJcbiAgICAgIGxldC1uZXh0UGFnZT1cIm5leHRQYWdlXCJcbiAgICAgIGxldC1jb250ZXh0PVwiY29udGV4dFwiXG4gICAgPlxuICAgICAgPGRpdiBjbGFzcz1cInNlYXJjaHN0YXgtcGFnaW5hdGlvbi1jb250YWluZXJcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInNlYXJjaHN0YXgtcGFnaW5hdGlvbi1jb250ZW50XCI+XG4gICAgICAgICAgPGFcbiAgICAgICAgICAgIGNsYXNzPVwic2VhcmNoc3RheC1wYWdpbmF0aW9uLWxvYWQtbW9yZVwiXG4gICAgICAgICAgICAoY2xpY2spPVwibmV4dFBhZ2UoJGV2ZW50LCBjb250ZXh0KVwiXG4gICAgICAgICAgICAoa2V5dXAuZW50ZXIpPVwibmV4dFBhZ2UoJGV2ZW50LCBjb250ZXh0KVwiXG4gICAgICAgICAgICAoa2V5dXAuc3BhY2UpPVwibmV4dFBhZ2UoJGV2ZW50LCBjb250ZXh0KVwiXG4gICAgICAgICAgICB0YWJpbmRleD1cIjBcIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIExvYWQgTW9yZVxuICAgICAgICAgIDwvYT5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L25nLXRlbXBsYXRlPlxuICBgLFxufSlcbmV4cG9ydCBjbGFzcyBQYWdpbmF0aW9uSW5maW5pdGVUZW1wbGF0ZUNvbXBvbmVudCB7XG4gIEBWaWV3Q2hpbGQoXCJpbmZpbml0ZVNjcm9sbFRlbXBsYXRlXCIpIGluZmluaXRlU2Nyb2xsVGVtcGxhdGUhOiBUZW1wbGF0ZVJlZjxhbnk+O1xufVxuIl19

package/esm2022/lib/components/templates/searchstax-search-pagination-template.mjs

@@ -0,0 +1,96 @@
+// reusable-template.component.ts
+import { Component, ViewChild } from "@angular/core";
+import * as i0 from "@angular/core";
+export class PaginationTemplateComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PaginationTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PaginationTemplateComponent, selector: "app-pagination-template", viewQueries: [{ propertyName: "paginationTemplate", first: true, predicate: ["paginationTemplate"], descendants: true }], ngImport: i0, template: `
+    <ng-template
+      #paginationTemplate
+      let-paginationData="paginationData"
+      let-previousPage="previousPage"
+      let-nextPage="nextPage"
+      let-context="context"
+    >
+      <div class="searchstax-pagination-container">
+        <div class="searchstax-pagination-content">
+          <a
+            class="searchstax-pagination-previous"
+            [class]="paginationData.isFirstPage ? 'disabled' : ''"
+            (click)="previousPage($event, context)"
+            (keyup.enter)="previousPage($event, context)"
+            (keyup.space)="previousPage($event, context)"
+            tabindex="0"
+            id="searchstax-pagination-previous"
+          >
+            &lt; Previous
+          </a>
+          <div class="searchstax-pagination-details">
+            {{ paginationData?.startResultIndex }} -
+            {{ paginationData?.endResultIndex }} of
+            {{ paginationData?.totalResults }}
+          </div>
+          <a
+            class="searchstax-pagination-next"
+            [class]="paginationData.isLastPage ? 'disabled' : ''"
+            (click)="nextPage($event, context)"
+            (keyup.enter)="nextPage($event, context)"
+            (keyup.space)="nextPage($event, context)"
+            tabindex="0"
+            id="searchstax-pagination-next"
+            >Next ></a
+          >
+        </div>
+      </div>
+    </ng-template>
+  `, isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PaginationTemplateComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "app-pagination-template",
+                    template: `
+    <ng-template
+      #paginationTemplate
+      let-paginationData="paginationData"
+      let-previousPage="previousPage"
+      let-nextPage="nextPage"
+      let-context="context"
+    >
+      <div class="searchstax-pagination-container">
+        <div class="searchstax-pagination-content">
+          <a
+            class="searchstax-pagination-previous"
+            [class]="paginationData.isFirstPage ? 'disabled' : ''"
+            (click)="previousPage($event, context)"
+            (keyup.enter)="previousPage($event, context)"
+            (keyup.space)="previousPage($event, context)"
+            tabindex="0"
+            id="searchstax-pagination-previous"
+          >
+            &lt; Previous
+          </a>
+          <div class="searchstax-pagination-details">
+            {{ paginationData?.startResultIndex }} -
+            {{ paginationData?.endResultIndex }} of
+            {{ paginationData?.totalResults }}
+          </div>
+          <a
+            class="searchstax-pagination-next"
+            [class]="paginationData.isLastPage ? 'disabled' : ''"
+            (click)="nextPage($event, context)"
+            (keyup.enter)="nextPage($event, context)"
+            (keyup.space)="nextPage($event, context)"
+            tabindex="0"
+            id="searchstax-pagination-next"
+            >Next ></a
+          >
+        </div>
+      </div>
+    </ng-template>
+  `,
+                }]
+        }], propDecorators: { paginationTemplate: [{
+                type: ViewChild,
+                args: ["paginationTemplate"]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoc3RheC1zZWFyY2gtcGFnaW5hdGlvbi10ZW1wbGF0ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NlYXJjaHN0YXgtaW5jL3NlYXJjaHN0dWRpby11eC1hbmd1bGFyL3NyYy9saWIvY29tcG9uZW50cy90ZW1wbGF0ZXMvc2VhcmNoc3RheC1zZWFyY2gtcGFnaW5hdGlvbi10ZW1wbGF0ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxpQ0FBaUM7QUFDakMsT0FBTyxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQWUsTUFBTSxlQUFlLENBQUM7O0FBNkNsRSxNQUFNLE9BQU8sMkJBQTJCOytHQUEzQiwyQkFBMkI7bUdBQTNCLDJCQUEyQix5TEF6QzVCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0F1Q1Q7OzRGQUVVLDJCQUEyQjtrQkEzQ3ZDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLHlCQUF5QjtvQkFDbkMsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0F1Q1Q7aUJBQ0Y7OEJBRWtDLGtCQUFrQjtzQkFBbEQsU0FBUzt1QkFBQyxvQkFBb0IiLCJzb3VyY2VzQ29udGVudCI6WyIvLyByZXVzYWJsZS10ZW1wbGF0ZS5jb21wb25lbnQudHNcbmltcG9ydCB7IENvbXBvbmVudCwgVmlld0NoaWxkLCBUZW1wbGF0ZVJlZiB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogXCJhcHAtcGFnaW5hdGlvbi10ZW1wbGF0ZVwiLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxuZy10ZW1wbGF0ZVxuICAgICAgI3BhZ2luYXRpb25UZW1wbGF0ZVxuICAgICAgbGV0LXBhZ2luYXRpb25EYXRhPVwicGFnaW5hdGlvbkRhdGFcIlxuICAgICAgbGV0LXByZXZpb3VzUGFnZT1cInByZXZpb3VzUGFnZVwiXG4gICAgICBsZXQtbmV4dFBhZ2U9XCJuZXh0UGFnZVwiXG4gICAgICBsZXQtY29udGV4dD1cImNvbnRleHRcIlxuICAgID5cbiAgICAgIDxkaXYgY2xhc3M9XCJzZWFyY2hzdGF4LXBhZ2luYXRpb24tY29udGFpbmVyXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJzZWFyY2hzdGF4LXBhZ2luYXRpb24tY29udGVudFwiPlxuICAgICAgICAgIDxhXG4gICAgICAgICAgICBjbGFzcz1cInNlYXJjaHN0YXgtcGFnaW5hdGlvbi1wcmV2aW91c1wiXG4gICAgICAgICAgICBbY2xhc3NdPVwicGFnaW5hdGlvbkRhdGEuaXNGaXJzdFBhZ2UgPyAnZGlzYWJsZWQnIDogJydcIlxuICAgICAgICAgICAgKGNsaWNrKT1cInByZXZpb3VzUGFnZSgkZXZlbnQsIGNvbnRleHQpXCJcbiAgICAgICAgICAgIChrZXl1cC5lbnRlcik9XCJwcmV2aW91c1BhZ2UoJGV2ZW50LCBjb250ZXh0KVwiXG4gICAgICAgICAgICAoa2V5dXAuc3BhY2UpPVwicHJldmlvdXNQYWdlKCRldmVudCwgY29udGV4dClcIlxuICAgICAgICAgICAgdGFiaW5kZXg9XCIwXCJcbiAgICAgICAgICAgIGlkPVwic2VhcmNoc3RheC1wYWdpbmF0aW9uLXByZXZpb3VzXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICAmbHQ7IFByZXZpb3VzXG4gICAgICAgICAgPC9hPlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJzZWFyY2hzdGF4LXBhZ2luYXRpb24tZGV0YWlsc1wiPlxuICAgICAgICAgICAge3sgcGFnaW5hdGlvbkRhdGE/LnN0YXJ0UmVzdWx0SW5kZXggfX0gLVxuICAgICAgICAgICAge3sgcGFnaW5hdGlvbkRhdGE/LmVuZFJlc3VsdEluZGV4IH19IG9mXG4gICAgICAgICAgICB7eyBwYWdpbmF0aW9uRGF0YT8udG90YWxSZXN1bHRzIH19XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPGFcbiAgICAgICAgICAgIGNsYXNzPVwic2VhcmNoc3RheC1wYWdpbmF0aW9uLW5leHRcIlxuICAgICAgICAgICAgW2NsYXNzXT1cInBhZ2luYXRpb25EYXRhLmlzTGFzdFBhZ2UgPyAnZGlzYWJsZWQnIDogJydcIlxuICAgICAgICAgICAgKGNsaWNrKT1cIm5leHRQYWdlKCRldmVudCwgY29udGV4dClcIlxuICAgICAgICAgICAgKGtleXVwLmVudGVyKT1cIm5leHRQYWdlKCRldmVudCwgY29udGV4dClcIlxuICAgICAgICAgICAgKGtleXVwLnNwYWNlKT1cIm5leHRQYWdlKCRldmVudCwgY29udGV4dClcIlxuICAgICAgICAgICAgdGFiaW5kZXg9XCIwXCJcbiAgICAgICAgICAgIGlkPVwic2VhcmNoc3RheC1wYWdpbmF0aW9uLW5leHRcIlxuICAgICAgICAgICAgPk5leHQgPjwvYVxuICAgICAgICAgID5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L25nLXRlbXBsYXRlPlxuICBgLFxufSlcbmV4cG9ydCBjbGFzcyBQYWdpbmF0aW9uVGVtcGxhdGVDb21wb25lbnQge1xuICBAVmlld0NoaWxkKFwicGFnaW5hdGlvblRlbXBsYXRlXCIpIHBhZ2luYXRpb25UZW1wbGF0ZSE6IFRlbXBsYXRlUmVmPGFueT47XG59XG4iXX0=

package/esm2022/lib/components/templates/searchstax-search-related-template.mjs

@@ -0,0 +1,81 @@
+// reusable-template.component.ts
+import { Component, ViewChild } from "@angular/core";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class RelatedTemplateComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: RelatedTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: RelatedTemplateComponent, selector: "app-related-template", viewQueries: [{ propertyName: "relatedTemplate", first: true, predicate: ["relatedTemplate"], descendants: true }], ngImport: i0, template: `
+    <ng-template
+      #relatedTemplate
+      let-rand="rand"
+      let-relatedData="relatedData"
+      let-executeSearch="executeSearch"
+      let-context="context"
+    >
+      <div
+        class="searchstax-related-searches-container"
+        [id]="'searchstax-related-searches-container' + rand"
+      >
+        Related searches: <span id="searchstax-related-searches"></span>
+        <span
+          class="searchstax-related-search"
+          *ngIf="relatedData.relatedSearches"
+        >
+          <span
+            *ngFor="let related of relatedData.relatedSearches"
+            (click)="executeSearch(related, context)"
+            (keyup.enter)="executeSearch(related, context)"
+            (keyup.space)="executeSearch(related, context)"
+            tabindex="0"
+            class="searchstax-related-search searchstax-related-search-item"
+            [attr.aria-label]="'Related search: ' + related.related_search"
+          >
+            {{ related.related_search }}<span *ngIf="!related.last">,</span>
+          </span>
+        </span>
+      </div>
+    </ng-template>
+  `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: RelatedTemplateComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "app-related-template",
+                    template: `
+    <ng-template
+      #relatedTemplate
+      let-rand="rand"
+      let-relatedData="relatedData"
+      let-executeSearch="executeSearch"
+      let-context="context"
+    >
+      <div
+        class="searchstax-related-searches-container"
+        [id]="'searchstax-related-searches-container' + rand"
+      >
+        Related searches: <span id="searchstax-related-searches"></span>
+        <span
+          class="searchstax-related-search"
+          *ngIf="relatedData.relatedSearches"
+        >
+          <span
+            *ngFor="let related of relatedData.relatedSearches"
+            (click)="executeSearch(related, context)"
+            (keyup.enter)="executeSearch(related, context)"
+            (keyup.space)="executeSearch(related, context)"
+            tabindex="0"
+            class="searchstax-related-search searchstax-related-search-item"
+            [attr.aria-label]="'Related search: ' + related.related_search"
+          >
+            {{ related.related_search }}<span *ngIf="!related.last">,</span>
+          </span>
+        </span>
+      </div>
+    </ng-template>
+  `,
+                }]
+        }], propDecorators: { relatedTemplate: [{
+                type: ViewChild,
+                args: ["relatedTemplate"]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoc3RheC1zZWFyY2gtcmVsYXRlZC10ZW1wbGF0ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NlYXJjaHN0YXgtaW5jL3NlYXJjaHN0dWRpby11eC1hbmd1bGFyL3NyYy9saWIvY29tcG9uZW50cy90ZW1wbGF0ZXMvc2VhcmNoc3RheC1zZWFyY2gtcmVsYXRlZC10ZW1wbGF0ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxpQ0FBaUM7QUFDakMsT0FBTyxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQWUsTUFBTSxlQUFlLENBQUM7OztBQXFDbEUsTUFBTSxPQUFPLHdCQUF3QjsrR0FBeEIsd0JBQXdCO21HQUF4Qix3QkFBd0IsZ0xBakN6Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQStCVDs7NEZBRVUsd0JBQXdCO2tCQW5DcEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsc0JBQXNCO29CQUNoQyxRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0ErQlQ7aUJBQ0Y7OEJBRStCLGVBQWU7c0JBQTVDLFNBQVM7dUJBQUMsaUJBQWlCIiwic291cmNlc0NvbnRlbnQiOlsiLy8gcmV1c2FibGUtdGVtcGxhdGUuY29tcG9uZW50LnRzXG5pbXBvcnQgeyBDb21wb25lbnQsIFZpZXdDaGlsZCwgVGVtcGxhdGVSZWYgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6IFwiYXBwLXJlbGF0ZWQtdGVtcGxhdGVcIixcbiAgdGVtcGxhdGU6IGBcbiAgICA8bmctdGVtcGxhdGVcbiAgICAgICNyZWxhdGVkVGVtcGxhdGVcbiAgICAgIGxldC1yYW5kPVwicmFuZFwiXG4gICAgICBsZXQtcmVsYXRlZERhdGE9XCJyZWxhdGVkRGF0YVwiXG4gICAgICBsZXQtZXhlY3V0ZVNlYXJjaD1cImV4ZWN1dGVTZWFyY2hcIlxuICAgICAgbGV0LWNvbnRleHQ9XCJjb250ZXh0XCJcbiAgICA+XG4gICAgICA8ZGl2XG4gICAgICAgIGNsYXNzPVwic2VhcmNoc3RheC1yZWxhdGVkLXNlYXJjaGVzLWNvbnRhaW5lclwiXG4gICAgICAgIFtpZF09XCInc2VhcmNoc3RheC1yZWxhdGVkLXNlYXJjaGVzLWNvbnRhaW5lcicgKyByYW5kXCJcbiAgICAgID5cbiAgICAgICAgUmVsYXRlZCBzZWFyY2hlczogPHNwYW4gaWQ9XCJzZWFyY2hzdGF4LXJlbGF0ZWQtc2VhcmNoZXNcIj48L3NwYW4+XG4gICAgICAgIDxzcGFuXG4gICAgICAgICAgY2xhc3M9XCJzZWFyY2hzdGF4LXJlbGF0ZWQtc2VhcmNoXCJcbiAgICAgICAgICAqbmdJZj1cInJlbGF0ZWREYXRhLnJlbGF0ZWRTZWFyY2hlc1wiXG4gICAgICAgID5cbiAgICAgICAgICA8c3BhblxuICAgICAgICAgICAgKm5nRm9yPVwibGV0IHJlbGF0ZWQgb2YgcmVsYXRlZERhdGEucmVsYXRlZFNlYXJjaGVzXCJcbiAgICAgICAgICAgIChjbGljayk9XCJleGVjdXRlU2VhcmNoKHJlbGF0ZWQsIGNvbnRleHQpXCJcbiAgICAgICAgICAgIChrZXl1cC5lbnRlcik9XCJleGVjdXRlU2VhcmNoKHJlbGF0ZWQsIGNvbnRleHQpXCJcbiAgICAgICAgICAgIChrZXl1cC5zcGFjZSk9XCJleGVjdXRlU2VhcmNoKHJlbGF0ZWQsIGNvbnRleHQpXCJcbiAgICAgICAgICAgIHRhYmluZGV4PVwiMFwiXG4gICAgICAgICAgICBjbGFzcz1cInNlYXJjaHN0YXgtcmVsYXRlZC1zZWFyY2ggc2VhcmNoc3RheC1yZWxhdGVkLXNlYXJjaC1pdGVtXCJcbiAgICAgICAgICAgIFthdHRyLmFyaWEtbGFiZWxdPVwiJ1JlbGF0ZWQgc2VhcmNoOiAnICsgcmVsYXRlZC5yZWxhdGVkX3NlYXJjaFwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAge3sgcmVsYXRlZC5yZWxhdGVkX3NlYXJjaCB9fTxzcGFuICpuZ0lmPVwiIXJlbGF0ZWQubGFzdFwiPiw8L3NwYW4+XG4gICAgICAgICAgPC9zcGFuPlxuICAgICAgICA8L3NwYW4+XG4gICAgICA8L2Rpdj5cbiAgICA8L25nLXRlbXBsYXRlPlxuICBgLFxufSlcbmV4cG9ydCBjbGFzcyBSZWxhdGVkVGVtcGxhdGVDb21wb25lbnQge1xuICBAVmlld0NoaWxkKFwicmVsYXRlZFRlbXBsYXRlXCIpIHJlbGF0ZWRUZW1wbGF0ZSE6IFRlbXBsYXRlUmVmPGFueT47XG59XG4iXX0=

package/esm2022/lib/components/templates/searchstax-search-results-template.mjs

@@ -0,0 +1,175 @@
+// reusable-template.component.ts
+import { Component, ViewChild } from "@angular/core";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class ResultsTemplateComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ResultsTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ResultsTemplateComponent, selector: "app-results-template", viewQueries: [{ propertyName: "resultsTemplate", first: true, predicate: ["resultsTemplate"], descendants: true }], ngImport: i0, template: `
+    <ng-template
+      #resultsTemplate
+      let-searchResults="searchResults"
+      let-resultClicked="resultClicked"
+      let-isImage="isImage"
+      let-context="context"
+    >
+      <div class="searchstax-search-results">
+        <a
+          *ngFor="let searchResult of searchResults"
+          [href]="searchResult.url"
+          [attr.data-searchstax-unique-result-id]="searchResult.uniqueId"
+          (click)="resultClicked(searchResult, $event, context)"
+          (keyup.enter)="resultClicked(searchResult, $event, context)"
+          (keyup.space)="resultClicked(searchResult, $event, context)"
+          [attr.aria-labelledby]="'title-' + searchResult.uniqueId"
+          tabindex="0"
+          class="searchstax-result-item-link searchstax-result-item-link-wrapping"
+        >
+          <div
+            class="searchstax-search-result"
+            [ngClass]="{ 'has-thumbnail': searchResult.thumbnail }"
+          >
+            <div
+              *ngIf="searchResult.promoted"
+              class="searchstax-search-result-promoted"
+            ></div>
+            <div
+              *ngIf="searchResult.ribbon"
+              [innerHTML]="searchResult.ribbon"
+              class="searchstax-search-result-ribbon"
+            ></div>
+            <img
+              alt=""
+              *ngIf="searchResult.thumbnail"
+              [src]="searchResult.thumbnail"
+              class="searchstax-thumbnail"
+            />
+            <div class="searchstax-search-result-title-container">
+              <span
+                class="searchstax-search-result-title"
+                [id]="'title-' + searchResult.uniqueId"
+                [innerHTML]="searchResult.title"
+              ></span>
+            </div>
+            <p
+              *ngIf="searchResult.paths"
+              class="searchstax-search-result-common"
+              [innerHTML]="searchResult.paths"
+            ></p>
+            <p
+              *ngIf="searchResult.description"
+              [innerHTML]="searchResult.description"
+              class="searchstax-search-result-description searchstax-search-result-common"
+            ></p>
+            <div *ngFor="let unmappedField of searchResult.unmappedFields">
+              <div
+                *ngIf="isImage(unmappedField)"
+                class="searchstax-search-result-image-container"
+              >
+                <img
+                  alt=""
+                  [src]="unmappedField.value"
+                  class="searchstax-result-image"
+                />
+              </div>
+              <div *ngIf="!isImage(unmappedField)">
+                <p
+                  class="searchstax-search-result-common"
+                  [innerHTML]="unmappedField.value"
+                ></p>
+              </div>
+            </div>
+          </div>
+        </a>
+      </div>
+    </ng-template>
+  `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ResultsTemplateComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "app-results-template",
+                    template: `
+    <ng-template
+      #resultsTemplate
+      let-searchResults="searchResults"
+      let-resultClicked="resultClicked"
+      let-isImage="isImage"
+      let-context="context"
+    >
+      <div class="searchstax-search-results">
+        <a
+          *ngFor="let searchResult of searchResults"
+          [href]="searchResult.url"
+          [attr.data-searchstax-unique-result-id]="searchResult.uniqueId"
+          (click)="resultClicked(searchResult, $event, context)"
+          (keyup.enter)="resultClicked(searchResult, $event, context)"
+          (keyup.space)="resultClicked(searchResult, $event, context)"
+          [attr.aria-labelledby]="'title-' + searchResult.uniqueId"
+          tabindex="0"
+          class="searchstax-result-item-link searchstax-result-item-link-wrapping"
+        >
+          <div
+            class="searchstax-search-result"
+            [ngClass]="{ 'has-thumbnail': searchResult.thumbnail }"
+          >
+            <div
+              *ngIf="searchResult.promoted"
+              class="searchstax-search-result-promoted"
+            ></div>
+            <div
+              *ngIf="searchResult.ribbon"
+              [innerHTML]="searchResult.ribbon"
+              class="searchstax-search-result-ribbon"
+            ></div>
+            <img
+              alt=""
+              *ngIf="searchResult.thumbnail"
+              [src]="searchResult.thumbnail"
+              class="searchstax-thumbnail"
+            />
+            <div class="searchstax-search-result-title-container">
+              <span
+                class="searchstax-search-result-title"
+                [id]="'title-' + searchResult.uniqueId"
+                [innerHTML]="searchResult.title"
+              ></span>
+            </div>
+            <p
+              *ngIf="searchResult.paths"
+              class="searchstax-search-result-common"
+              [innerHTML]="searchResult.paths"
+            ></p>
+            <p
+              *ngIf="searchResult.description"
+              [innerHTML]="searchResult.description"
+              class="searchstax-search-result-description searchstax-search-result-common"
+            ></p>
+            <div *ngFor="let unmappedField of searchResult.unmappedFields">
+              <div
+                *ngIf="isImage(unmappedField)"
+                class="searchstax-search-result-image-container"
+              >
+                <img
+                  alt=""
+                  [src]="unmappedField.value"
+                  class="searchstax-result-image"
+                />
+              </div>
+              <div *ngIf="!isImage(unmappedField)">
+                <p
+                  class="searchstax-search-result-common"
+                  [innerHTML]="unmappedField.value"
+                ></p>
+              </div>
+            </div>
+          </div>
+        </a>
+      </div>
+    </ng-template>
+  `,
+                }]
+        }], propDecorators: { resultsTemplate: [{
+                type: ViewChild,
+                args: ["resultsTemplate"]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoc3RheC1zZWFyY2gtcmVzdWx0cy10ZW1wbGF0ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NlYXJjaHN0YXgtaW5jL3NlYXJjaHN0dWRpby11eC1hbmd1bGFyL3NyYy9saWIvY29tcG9uZW50cy90ZW1wbGF0ZXMvc2VhcmNoc3RheC1zZWFyY2gtcmVzdWx0cy10ZW1wbGF0ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxpQ0FBaUM7QUFDakMsT0FBTyxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQWUsTUFBTSxlQUFlLENBQUM7OztBQW9GbEUsTUFBTSxPQUFPLHdCQUF3QjsrR0FBeEIsd0JBQXdCO21HQUF4Qix3QkFBd0IsZ0xBaEZ6Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBOEVUOzs0RkFFVSx3QkFBd0I7a0JBbEZwQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxzQkFBc0I7b0JBQ2hDLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBOEVUO2lCQUNGOzhCQUUrQixlQUFlO3NCQUE1QyxTQUFTO3VCQUFDLGlCQUFpQiIsInNvdXJjZXNDb250ZW50IjpbIi8vIHJldXNhYmxlLXRlbXBsYXRlLmNvbXBvbmVudC50c1xuaW1wb3J0IHsgQ29tcG9uZW50LCBWaWV3Q2hpbGQsIFRlbXBsYXRlUmVmIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiBcImFwcC1yZXN1bHRzLXRlbXBsYXRlXCIsXG4gIHRlbXBsYXRlOiBgXG4gICAgPG5nLXRlbXBsYXRlXG4gICAgICAjcmVzdWx0c1RlbXBsYXRlXG4gICAgICBsZXQtc2VhcmNoUmVzdWx0cz1cInNlYXJjaFJlc3VsdHNcIlxuICAgICAgbGV0LXJlc3VsdENsaWNrZWQ9XCJyZXN1bHRDbGlja2VkXCJcbiAgICAgIGxldC1pc0ltYWdlPVwiaXNJbWFnZVwiXG4gICAgICBsZXQtY29udGV4dD1cImNvbnRleHRcIlxuICAgID5cbiAgICAgIDxkaXYgY2xhc3M9XCJzZWFyY2hzdGF4LXNlYXJjaC1yZXN1bHRzXCI+XG4gICAgICAgIDxhXG4gICAgICAgICAgKm5nRm9yPVwibGV0IHNlYXJjaFJlc3VsdCBvZiBzZWFyY2hSZXN1bHRzXCJcbiAgICAgICAgICBbaHJlZl09XCJzZWFyY2hSZXN1bHQudXJsXCJcbiAgICAgICAgICBbYXR0ci5kYXRhLXNlYXJjaHN0YXgtdW5pcXVlLXJlc3VsdC1pZF09XCJzZWFyY2hSZXN1bHQudW5pcXVlSWRcIlxuICAgICAgICAgIChjbGljayk9XCJyZXN1bHRDbGlja2VkKHNlYXJjaFJlc3VsdCwgJGV2ZW50LCBjb250ZXh0KVwiXG4gICAgICAgICAgKGtleXVwLmVudGVyKT1cInJlc3VsdENsaWNrZWQoc2VhcmNoUmVzdWx0LCAkZXZlbnQsIGNvbnRleHQpXCJcbiAgICAgICAgICAoa2V5dXAuc3BhY2UpPVwicmVzdWx0Q2xpY2tlZChzZWFyY2hSZXN1bHQsICRldmVudCwgY29udGV4dClcIlxuICAgICAgICAgIFthdHRyLmFyaWEtbGFiZWxsZWRieV09XCIndGl0bGUtJyArIHNlYXJjaFJlc3VsdC51bmlxdWVJZFwiXG4gICAgICAgICAgdGFiaW5kZXg9XCIwXCJcbiAgICAgICAgICBjbGFzcz1cInNlYXJjaHN0YXgtcmVzdWx0LWl0ZW0tbGluayBzZWFyY2hzdGF4LXJlc3VsdC1pdGVtLWxpbmstd3JhcHBpbmdcIlxuICAgICAgICA+XG4gICAgICAgICAgPGRpdlxuICAgICAgICAgICAgY2xhc3M9XCJzZWFyY2hzdGF4LXNlYXJjaC1yZXN1bHRcIlxuICAgICAgICAgICAgW25nQ2xhc3NdPVwieyAnaGFzLXRodW1ibmFpbCc6IHNlYXJjaFJlc3VsdC50aHVtYm5haWwgfVwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAqbmdJZj1cInNlYXJjaFJlc3VsdC5wcm9tb3RlZFwiXG4gICAgICAgICAgICAgIGNsYXNzPVwic2VhcmNoc3RheC1zZWFyY2gtcmVzdWx0LXByb21vdGVkXCJcbiAgICAgICAgICAgID48L2Rpdj5cbiAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgKm5nSWY9XCJzZWFyY2hSZXN1bHQucmliYm9uXCJcbiAgICAgICAgICAgICAgW2lubmVySFRNTF09XCJzZWFyY2hSZXN1bHQucmliYm9uXCJcbiAgICAgICAgICAgICAgY2xhc3M9XCJzZWFyY2hzdGF4LXNlYXJjaC1yZXN1bHQtcmliYm9uXCJcbiAgICAgICAgICAgID48L2Rpdj5cbiAgICAgICAgICAgIDxpbWdcbiAgICAgICAgICAgICAgYWx0PVwiXCJcbiAgICAgICAgICAgICAgKm5nSWY9XCJzZWFyY2hSZXN1bHQudGh1bWJuYWlsXCJcbiAgICAgICAgICAgICAgW3NyY109XCJzZWFyY2hSZXN1bHQudGh1bWJuYWlsXCJcbiAgICAgICAgICAgICAgY2xhc3M9XCJzZWFyY2hzdGF4LXRodW1ibmFpbFwiXG4gICAgICAgICAgICAvPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInNlYXJjaHN0YXgtc2VhcmNoLXJlc3VsdC10aXRsZS1jb250YWluZXJcIj5cbiAgICAgICAgICAgICAgPHNwYW5cbiAgICAgICAgICAgICAgICBjbGFzcz1cInNlYXJjaHN0YXgtc2VhcmNoLXJlc3VsdC10aXRsZVwiXG4gICAgICAgICAgICAgICAgW2lkXT1cIid0aXRsZS0nICsgc2VhcmNoUmVzdWx0LnVuaXF1ZUlkXCJcbiAgICAgICAgICAgICAgICBbaW5uZXJIVE1MXT1cInNlYXJjaFJlc3VsdC50aXRsZVwiXG4gICAgICAgICAgICAgID48L3NwYW4+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDxwXG4gICAgICAgICAgICAgICpuZ0lmPVwic2VhcmNoUmVzdWx0LnBhdGhzXCJcbiAgICAgICAgICAgICAgY2xhc3M9XCJzZWFyY2hzdGF4LXNlYXJjaC1yZXN1bHQtY29tbW9uXCJcbiAgICAgICAgICAgICAgW2lubmVySFRNTF09XCJzZWFyY2hSZXN1bHQucGF0aHNcIlxuICAgICAgICAgICAgPjwvcD5cbiAgICAgICAgICAgIDxwXG4gICAgICAgICAgICAgICpuZ0lmPVwic2VhcmNoUmVzdWx0LmRlc2NyaXB0aW9uXCJcbiAgICAgICAgICAgICAgW2lubmVySFRNTF09XCJzZWFyY2hSZXN1bHQuZGVzY3JpcHRpb25cIlxuICAgICAgICAgICAgICBjbGFzcz1cInNlYXJjaHN0YXgtc2VhcmNoLXJlc3VsdC1kZXNjcmlwdGlvbiBzZWFyY2hzdGF4LXNlYXJjaC1yZXN1bHQtY29tbW9uXCJcbiAgICAgICAgICAgID48L3A+XG4gICAgICAgICAgICA8ZGl2ICpuZ0Zvcj1cImxldCB1bm1hcHBlZEZpZWxkIG9mIHNlYXJjaFJlc3VsdC51bm1hcHBlZEZpZWxkc1wiPlxuICAgICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgKm5nSWY9XCJpc0ltYWdlKHVubWFwcGVkRmllbGQpXCJcbiAgICAgICAgICAgICAgICBjbGFzcz1cInNlYXJjaHN0YXgtc2VhcmNoLXJlc3VsdC1pbWFnZS1jb250YWluZXJcIlxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPGltZ1xuICAgICAgICAgICAgICAgICAgYWx0PVwiXCJcbiAgICAgICAgICAgICAgICAgIFtzcmNdPVwidW5tYXBwZWRGaWVsZC52YWx1ZVwiXG4gICAgICAgICAgICAgICAgICBjbGFzcz1cInNlYXJjaHN0YXgtcmVzdWx0LWltYWdlXCJcbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgPGRpdiAqbmdJZj1cIiFpc0ltYWdlKHVubWFwcGVkRmllbGQpXCI+XG4gICAgICAgICAgICAgICAgPHBcbiAgICAgICAgICAgICAgICAgIGNsYXNzPVwic2VhcmNoc3RheC1zZWFyY2gtcmVzdWx0LWNvbW1vblwiXG4gICAgICAgICAgICAgICAgICBbaW5uZXJIVE1MXT1cInVubWFwcGVkRmllbGQudmFsdWVcIlxuICAgICAgICAgICAgICAgID48L3A+XG4gICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvYT5cbiAgICAgIDwvZGl2PlxuICAgIDwvbmctdGVtcGxhdGU+XG4gIGAsXG59KVxuZXhwb3J0IGNsYXNzIFJlc3VsdHNUZW1wbGF0ZUNvbXBvbmVudCB7XG4gIEBWaWV3Q2hpbGQoXCJyZXN1bHRzVGVtcGxhdGVcIikgcmVzdWx0c1RlbXBsYXRlITogVGVtcGxhdGVSZWY8YW55Pjtcbn1cbiJdfQ==