@searchstax-inc/searchstudio-ux-angular 1.2.51 → 2.0.0

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

@@ -0,0 +1,119 @@
+// reusable-template.component.ts
+import { Component, ViewChild } from "@angular/core";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class AnswerTemplateComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AnswerTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: AnswerTemplateComponent, selector: "app-answer-template", viewQueries: [{ propertyName: "answerTemplate", first: true, predicate: ["answerTemplate"], descendants: true }], ngImport: i0, template: `
+    <ng-template
+      #answerTemplate
+      let-answerData="answerData"
+      let-showMore="showMore"
+      let-context="context"
+    >
+      <div class="searchstax-answer-wrap">
+        <div class="searchstax-answer-icon"></div>
+        <div>
+          <div
+            [class]="{
+              'searchstax-answer-container': true,
+              'searchstax-answer-show-more': answerData.showMoreButtonVisible
+            }"
+          >
+            <div class="searchstax-answer-title">Smart Answers</div>
+            <div
+              class="searchstax-answer-error"
+              *ngIf="answerData.shouldShowAnswerError"
+              [innerHTML]="answerData.answerErrorMessage"
+            ></div>
+            <div
+              class="searchstax-answer-description"
+              [innerHTML]="answerData.fullAnswerFormatted"
+            ></div>
+            <div
+              *ngIf="answerData.answerLoading"
+              class="searchstax-answer-loading"
+            ></div>
+          </div>
+          <div
+            *ngIf="answerData.showMoreButtonVisible"
+            class="searchstax-answer-load-more-button-container"
+          >
+            <button
+              class="searchstax-answer-load-more-button"
+              (click)="showMore($event, context)"
+            >
+              Read More
+            </button>
+          </div>
+        </div>
+        <div class="searchstax-answer-footer">
+          <div id="feedbackWidgetContainer"></div>
+          <div class="searchstax-lightweight-widget-separator-inline"></div>
+          <p class="searchstax-disclaimer">Generative AI is Experimental</p>
+        </div>
+      </div>
+    </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: AnswerTemplateComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "app-answer-template",
+                    template: `
+    <ng-template
+      #answerTemplate
+      let-answerData="answerData"
+      let-showMore="showMore"
+      let-context="context"
+    >
+      <div class="searchstax-answer-wrap">
+        <div class="searchstax-answer-icon"></div>
+        <div>
+          <div
+            [class]="{
+              'searchstax-answer-container': true,
+              'searchstax-answer-show-more': answerData.showMoreButtonVisible
+            }"
+          >
+            <div class="searchstax-answer-title">Smart Answers</div>
+            <div
+              class="searchstax-answer-error"
+              *ngIf="answerData.shouldShowAnswerError"
+              [innerHTML]="answerData.answerErrorMessage"
+            ></div>
+            <div
+              class="searchstax-answer-description"
+              [innerHTML]="answerData.fullAnswerFormatted"
+            ></div>
+            <div
+              *ngIf="answerData.answerLoading"
+              class="searchstax-answer-loading"
+            ></div>
+          </div>
+          <div
+            *ngIf="answerData.showMoreButtonVisible"
+            class="searchstax-answer-load-more-button-container"
+          >
+            <button
+              class="searchstax-answer-load-more-button"
+              (click)="showMore($event, context)"
+            >
+              Read More
+            </button>
+          </div>
+        </div>
+        <div class="searchstax-answer-footer">
+          <div id="feedbackWidgetContainer"></div>
+          <div class="searchstax-lightweight-widget-separator-inline"></div>
+          <p class="searchstax-disclaimer">Generative AI is Experimental</p>
+        </div>
+      </div>
+    </ng-template>
+  `,
+                }]
+        }], propDecorators: { answerTemplate: [{
+                type: ViewChild,
+                args: ["answerTemplate"]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoc3RheC1zZWFyY2gtYW5zd2VyLXRlbXBsYXRlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2VhcmNoc3RheC1pbmMvc2VhcmNoc3R1ZGlvLXV4LWFuZ3VsYXIvc3JjL2xpYi9jb21wb25lbnRzL3RlbXBsYXRlcy9zZWFyY2hzdGF4LXNlYXJjaC1hbnN3ZXItdGVtcGxhdGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsaUNBQWlDO0FBQ2pDLE9BQU8sRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFlLE1BQU0sZUFBZSxDQUFDOzs7QUF3RGxFLE1BQU0sT0FBTyx1QkFBdUI7K0dBQXZCLHVCQUF1QjttR0FBdkIsdUJBQXVCLDZLQXBEeEI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBa0RUOzs0RkFFVSx1QkFBdUI7a0JBdERuQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxxQkFBcUI7b0JBQy9CLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FrRFQ7aUJBQ0Y7OEJBRThCLGNBQWM7c0JBQTFDLFNBQVM7dUJBQUMsZ0JBQWdCIiwic291cmNlc0NvbnRlbnQiOlsiLy8gcmV1c2FibGUtdGVtcGxhdGUuY29tcG9uZW50LnRzXG5pbXBvcnQgeyBDb21wb25lbnQsIFZpZXdDaGlsZCwgVGVtcGxhdGVSZWYgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6IFwiYXBwLWFuc3dlci10ZW1wbGF0ZVwiLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxuZy10ZW1wbGF0ZVxuICAgICAgI2Fuc3dlclRlbXBsYXRlXG4gICAgICBsZXQtYW5zd2VyRGF0YT1cImFuc3dlckRhdGFcIlxuICAgICAgbGV0LXNob3dNb3JlPVwic2hvd01vcmVcIlxuICAgICAgbGV0LWNvbnRleHQ9XCJjb250ZXh0XCJcbiAgICA+XG4gICAgICA8ZGl2IGNsYXNzPVwic2VhcmNoc3RheC1hbnN3ZXItd3JhcFwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwic2VhcmNoc3RheC1hbnN3ZXItaWNvblwiPjwvZGl2PlxuICAgICAgICA8ZGl2PlxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIFtjbGFzc109XCJ7XG4gICAgICAgICAgICAgICdzZWFyY2hzdGF4LWFuc3dlci1jb250YWluZXInOiB0cnVlLFxuICAgICAgICAgICAgICAnc2VhcmNoc3RheC1hbnN3ZXItc2hvdy1tb3JlJzogYW5zd2VyRGF0YS5zaG93TW9yZUJ1dHRvblZpc2libGVcbiAgICAgICAgICAgIH1cIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzZWFyY2hzdGF4LWFuc3dlci10aXRsZVwiPlNtYXJ0IEFuc3dlcnM8L2Rpdj5cbiAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgY2xhc3M9XCJzZWFyY2hzdGF4LWFuc3dlci1lcnJvclwiXG4gICAgICAgICAgICAgICpuZ0lmPVwiYW5zd2VyRGF0YS5zaG91bGRTaG93QW5zd2VyRXJyb3JcIlxuICAgICAgICAgICAgICBbaW5uZXJIVE1MXT1cImFuc3dlckRhdGEuYW5zd2VyRXJyb3JNZXNzYWdlXCJcbiAgICAgICAgICAgID48L2Rpdj5cbiAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgY2xhc3M9XCJzZWFyY2hzdGF4LWFuc3dlci1kZXNjcmlwdGlvblwiXG4gICAgICAgICAgICAgIFtpbm5lckhUTUxdPVwiYW5zd2VyRGF0YS5mdWxsQW5zd2VyRm9ybWF0dGVkXCJcbiAgICAgICAgICAgID48L2Rpdj5cbiAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgKm5nSWY9XCJhbnN3ZXJEYXRhLmFuc3dlckxvYWRpbmdcIlxuICAgICAgICAgICAgICBjbGFzcz1cInNlYXJjaHN0YXgtYW5zd2VyLWxvYWRpbmdcIlxuICAgICAgICAgICAgPjwvZGl2PlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICpuZ0lmPVwiYW5zd2VyRGF0YS5zaG93TW9yZUJ1dHRvblZpc2libGVcIlxuICAgICAgICAgICAgY2xhc3M9XCJzZWFyY2hzdGF4LWFuc3dlci1sb2FkLW1vcmUtYnV0dG9uLWNvbnRhaW5lclwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgICBjbGFzcz1cInNlYXJjaHN0YXgtYW5zd2VyLWxvYWQtbW9yZS1idXR0b25cIlxuICAgICAgICAgICAgICAoY2xpY2spPVwic2hvd01vcmUoJGV2ZW50LCBjb250ZXh0KVwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIFJlYWQgTW9yZVxuICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwic2VhcmNoc3RheC1hbnN3ZXItZm9vdGVyXCI+XG4gICAgICAgICAgPGRpdiBpZD1cImZlZWRiYWNrV2lkZ2V0Q29udGFpbmVyXCI+PC9kaXY+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cInNlYXJjaHN0YXgtbGlnaHR3ZWlnaHQtd2lkZ2V0LXNlcGFyYXRvci1pbmxpbmVcIj48L2Rpdj5cbiAgICAgICAgICA8cCBjbGFzcz1cInNlYXJjaHN0YXgtZGlzY2xhaW1lclwiPkdlbmVyYXRpdmUgQUkgaXMgRXhwZXJpbWVudGFsPC9wPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvbmctdGVtcGxhdGU+XG4gIGAsXG59KVxuZXhwb3J0IGNsYXNzIEFuc3dlclRlbXBsYXRlQ29tcG9uZW50IHtcbiAgQFZpZXdDaGlsZChcImFuc3dlclRlbXBsYXRlXCIpIGFuc3dlclRlbXBsYXRlITogVGVtcGxhdGVSZWY8YW55Pjtcbn1cbiJdfQ==

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

@@ -0,0 +1,107 @@
+// reusable-template.component.ts
+import { Component, ViewChild } from "@angular/core";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class ExternalPromotionsTemplateComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ExternalPromotionsTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ExternalPromotionsTemplateComponent, selector: "app-external-template", viewQueries: [{ propertyName: "externalPromotionsTemplate", first: true, predicate: ["externalPromotionsTemplate"], descendants: true }], ngImport: i0, template: `
+    <ng-template
+      #externalPromotionsTemplate
+      let-context="context"
+      let-externalPromotionsData="externalPromotionsData"
+      let-trackClick="trackClick"
+    >
+      <div
+        class="searchstax-external-promotions-container"
+        id="searchstax-external-promotions-container"
+      >
+        <div
+          class="searchstax-external-promotion searchstax-search-result"
+          *ngFor="
+            let externalPromotion of externalPromotionsData.externalPromotions
+          "
+        >
+          <div class="icon-elevated"></div>
+          <a
+            *ngIf="externalPromotion.url"
+            [href]="externalPromotion.url"
+            (click)="trackClick(externalPromotion, $event, context)"
+            class="searchstax-result-item-link"
+          ></a>
+          <div class="searchstax-search-result-title-container">
+            <span class="searchstax-search-result-title">{{
+              externalPromotion.name
+            }}</span>
+          </div>
+          <p
+            *ngIf="externalPromotion.description"
+            class="searchstax-search-result-description searchstax-search-result-common"
+          >
+            {{ externalPromotion.description }}
+          </p>
+          <p
+            *ngIf="externalPromotion.url"
+            class="searchstax-search-result-description searchstax-search-result-common"
+          >
+            {{ externalPromotion.url }}
+          </p>
+        </div>
+      </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: ExternalPromotionsTemplateComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "app-external-template",
+                    template: `
+    <ng-template
+      #externalPromotionsTemplate
+      let-context="context"
+      let-externalPromotionsData="externalPromotionsData"
+      let-trackClick="trackClick"
+    >
+      <div
+        class="searchstax-external-promotions-container"
+        id="searchstax-external-promotions-container"
+      >
+        <div
+          class="searchstax-external-promotion searchstax-search-result"
+          *ngFor="
+            let externalPromotion of externalPromotionsData.externalPromotions
+          "
+        >
+          <div class="icon-elevated"></div>
+          <a
+            *ngIf="externalPromotion.url"
+            [href]="externalPromotion.url"
+            (click)="trackClick(externalPromotion, $event, context)"
+            class="searchstax-result-item-link"
+          ></a>
+          <div class="searchstax-search-result-title-container">
+            <span class="searchstax-search-result-title">{{
+              externalPromotion.name
+            }}</span>
+          </div>
+          <p
+            *ngIf="externalPromotion.description"
+            class="searchstax-search-result-description searchstax-search-result-common"
+          >
+            {{ externalPromotion.description }}
+          </p>
+          <p
+            *ngIf="externalPromotion.url"
+            class="searchstax-search-result-description searchstax-search-result-common"
+          >
+            {{ externalPromotion.url }}
+          </p>
+        </div>
+      </div>
+    </ng-template>
+  `,
+                }]
+        }], propDecorators: { externalPromotionsTemplate: [{
+                type: ViewChild,
+                args: ["externalPromotionsTemplate"]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoc3RheC1zZWFyY2gtZXh0ZXJuYWwtdGVtcGxhdGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zZWFyY2hzdGF4LWluYy9zZWFyY2hzdHVkaW8tdXgtYW5ndWxhci9zcmMvbGliL2NvbXBvbmVudHMvdGVtcGxhdGVzL3NlYXJjaHN0YXgtc2VhcmNoLWV4dGVybmFsLXRlbXBsYXRlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGlDQUFpQztBQUNqQyxPQUFPLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBZSxNQUFNLGVBQWUsQ0FBQzs7O0FBa0RsRSxNQUFNLE9BQU8sbUNBQW1DOytHQUFuQyxtQ0FBbUM7bUdBQW5DLG1DQUFtQyx1TUE5Q3BDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQTRDVDs7NEZBRVUsbUNBQW1DO2tCQWhEL0MsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsdUJBQXVCO29CQUNqQyxRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBNENUO2lCQUNGOzhCQUUwQywwQkFBMEI7c0JBQWxFLFNBQVM7dUJBQUMsNEJBQTRCIiwic291cmNlc0NvbnRlbnQiOlsiLy8gcmV1c2FibGUtdGVtcGxhdGUuY29tcG9uZW50LnRzXG5pbXBvcnQgeyBDb21wb25lbnQsIFZpZXdDaGlsZCwgVGVtcGxhdGVSZWYgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6IFwiYXBwLWV4dGVybmFsLXRlbXBsYXRlXCIsXG4gIHRlbXBsYXRlOiBgXG4gICAgPG5nLXRlbXBsYXRlXG4gICAgICAjZXh0ZXJuYWxQcm9tb3Rpb25zVGVtcGxhdGVcbiAgICAgIGxldC1jb250ZXh0PVwiY29udGV4dFwiXG4gICAgICBsZXQtZXh0ZXJuYWxQcm9tb3Rpb25zRGF0YT1cImV4dGVybmFsUHJvbW90aW9uc0RhdGFcIlxuICAgICAgbGV0LXRyYWNrQ2xpY2s9XCJ0cmFja0NsaWNrXCJcbiAgICA+XG4gICAgICA8ZGl2XG4gICAgICAgIGNsYXNzPVwic2VhcmNoc3RheC1leHRlcm5hbC1wcm9tb3Rpb25zLWNvbnRhaW5lclwiXG4gICAgICAgIGlkPVwic2VhcmNoc3RheC1leHRlcm5hbC1wcm9tb3Rpb25zLWNvbnRhaW5lclwiXG4gICAgICA+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjbGFzcz1cInNlYXJjaHN0YXgtZXh0ZXJuYWwtcHJvbW90aW9uIHNlYXJjaHN0YXgtc2VhcmNoLXJlc3VsdFwiXG4gICAgICAgICAgKm5nRm9yPVwiXG4gICAgICAgICAgICBsZXQgZXh0ZXJuYWxQcm9tb3Rpb24gb2YgZXh0ZXJuYWxQcm9tb3Rpb25zRGF0YS5leHRlcm5hbFByb21vdGlvbnNcbiAgICAgICAgICBcIlxuICAgICAgICA+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImljb24tZWxldmF0ZWRcIj48L2Rpdj5cbiAgICAgICAgICA8YVxuICAgICAgICAgICAgKm5nSWY9XCJleHRlcm5hbFByb21vdGlvbi51cmxcIlxuICAgICAgICAgICAgW2hyZWZdPVwiZXh0ZXJuYWxQcm9tb3Rpb24udXJsXCJcbiAgICAgICAgICAgIChjbGljayk9XCJ0cmFja0NsaWNrKGV4dGVybmFsUHJvbW90aW9uLCAkZXZlbnQsIGNvbnRleHQpXCJcbiAgICAgICAgICAgIGNsYXNzPVwic2VhcmNoc3RheC1yZXN1bHQtaXRlbS1saW5rXCJcbiAgICAgICAgICA+PC9hPlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJzZWFyY2hzdGF4LXNlYXJjaC1yZXN1bHQtdGl0bGUtY29udGFpbmVyXCI+XG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cInNlYXJjaHN0YXgtc2VhcmNoLXJlc3VsdC10aXRsZVwiPnt7XG4gICAgICAgICAgICAgIGV4dGVybmFsUHJvbW90aW9uLm5hbWVcbiAgICAgICAgICAgIH19PC9zcGFuPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDxwXG4gICAgICAgICAgICAqbmdJZj1cImV4dGVybmFsUHJvbW90aW9uLmRlc2NyaXB0aW9uXCJcbiAgICAgICAgICAgIGNsYXNzPVwic2VhcmNoc3RheC1zZWFyY2gtcmVzdWx0LWRlc2NyaXB0aW9uIHNlYXJjaHN0YXgtc2VhcmNoLXJlc3VsdC1jb21tb25cIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIHt7IGV4dGVybmFsUHJvbW90aW9uLmRlc2NyaXB0aW9uIH19XG4gICAgICAgICAgPC9wPlxuICAgICAgICAgIDxwXG4gICAgICAgICAgICAqbmdJZj1cImV4dGVybmFsUHJvbW90aW9uLnVybFwiXG4gICAgICAgICAgICBjbGFzcz1cInNlYXJjaHN0YXgtc2VhcmNoLXJlc3VsdC1kZXNjcmlwdGlvbiBzZWFyY2hzdGF4LXNlYXJjaC1yZXN1bHQtY29tbW9uXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICB7eyBleHRlcm5hbFByb21vdGlvbi51cmwgfX1cbiAgICAgICAgICA8L3A+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgPC9uZy10ZW1wbGF0ZT5cbiAgYCxcbn0pXG5leHBvcnQgY2xhc3MgRXh0ZXJuYWxQcm9tb3Rpb25zVGVtcGxhdGVDb21wb25lbnQge1xuICBAVmlld0NoaWxkKFwiZXh0ZXJuYWxQcm9tb3Rpb25zVGVtcGxhdGVcIikgZXh0ZXJuYWxQcm9tb3Rpb25zVGVtcGxhdGUhOiBUZW1wbGF0ZVJlZjxhbnk+O1xufVxuIl19

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

@@ -0,0 +1,207 @@
+// reusable-template.component.ts
+import { Component, ViewChild } from "@angular/core";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class FacetDesktopTemplateComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FacetDesktopTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: FacetDesktopTemplateComponent, selector: "app-facet-desktop-template", viewQueries: [{ propertyName: "templateOverrideDesktop", first: true, predicate: ["templateOverrideDesktop"], descendants: true }], ngImport: i0, template: `
+    <ng-template
+      #templateOverrideDesktop
+      let-facetsTemplateDataDesktop="facetsTemplateDataDesktop"
+      let-isNotDeactivated="isNotDeactivated"
+      let-context="context"
+      let-toggleFacetGroup="toggleFacetGroup"
+      let-facetValues="facetValues"
+      let-isChecked="isChecked"
+      let-selectFacet="selectFacet"
+      let-showMoreLessDesktop="showMoreLessDesktop"
+    >
+      <div class="searchstax-facets-container-desktop">
+        <div
+          class="searchstax-facet-container"
+          *ngFor="let facet of facetsTemplateDataDesktop?.facets"
+          [class]="{ active: isNotDeactivated(facet.name, context) }"
+        >
+          <div>
+            <div
+              class="searchstax-facet-title-container"
+              (click)="toggleFacetGroup(facet.name, context)"
+            >
+              <div class="searchstax-facet-title">
+                {{ facet.label }}
+              </div>
+              <div class="searchstax-facet-title-arrow active"></div>
+            </div>
+            <div class="searchstax-facet-values-container" aria-live="polite">
+              <div
+                *ngFor="let facetValue of facetValues(facet); index as key"
+                class="searchstax-facet-value-container"
+                [class]="{
+                  'searchstax-facet-value-disabled': facetValue.disabled
+                }"
+                #ref
+              >
+                <div class="searchstax-facet-input">
+                  <input
+                    type="checkbox"
+                    class="searchstax-facet-input-checkbox"
+                    [checked]="isChecked(facetValue, context)"
+                    [attr.aria-label]="
+                      facetValue.value + ' ' + facetValue.count
+                    "
+                    [disabled]="facetValue.disabled"
+                    (click)="
+                      selectFacet(ref, $event, facetValue, true, context)
+                    "
+                  />
+                </div>
+                <div
+                  class="searchstax-facet-value-label"
+                  (click)="selectFacet(ref, $event, facetValue, false, context)"
+                >
+                  {{ facetValue.value }}
+                </div>
+                <div
+                  class="searchstax-facet-value-count"
+                  (click)="selectFacet(ref, $event, facetValue, false, context)"
+                >
+                  ({{ facetValue.count }})
+                </div>
+              </div>
+              <div
+                class="searchstax-facet-show-more-container"
+                *ngIf="facet.hasMoreFacets"
+              >
+                <div
+                  class="searchstax-facet-show-more-container"
+                  (click)="showMoreLessDesktop($event, facet, context)"
+                  (keyup.enter)="showMoreLessDesktop($event, facet, context)"
+                  (keyup.space)="showMoreLessDesktop($event, facet, context)"
+                  tabindex="0"
+                >
+                  <div
+                    *ngIf="facet.showingAllFacets"
+                    class="searchstax-facet-show-less-button searchstax-facet-show-button"
+                  >
+                    less
+                  </div>
+                  <div
+                    *ngIf="!facet.showingAllFacets"
+                    class="searchstax-facet-show-more-button searchstax-facet-show-button"
+                  >
+                    more
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </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: FacetDesktopTemplateComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "app-facet-desktop-template",
+                    template: `
+    <ng-template
+      #templateOverrideDesktop
+      let-facetsTemplateDataDesktop="facetsTemplateDataDesktop"
+      let-isNotDeactivated="isNotDeactivated"
+      let-context="context"
+      let-toggleFacetGroup="toggleFacetGroup"
+      let-facetValues="facetValues"
+      let-isChecked="isChecked"
+      let-selectFacet="selectFacet"
+      let-showMoreLessDesktop="showMoreLessDesktop"
+    >
+      <div class="searchstax-facets-container-desktop">
+        <div
+          class="searchstax-facet-container"
+          *ngFor="let facet of facetsTemplateDataDesktop?.facets"
+          [class]="{ active: isNotDeactivated(facet.name, context) }"
+        >
+          <div>
+            <div
+              class="searchstax-facet-title-container"
+              (click)="toggleFacetGroup(facet.name, context)"
+            >
+              <div class="searchstax-facet-title">
+                {{ facet.label }}
+              </div>
+              <div class="searchstax-facet-title-arrow active"></div>
+            </div>
+            <div class="searchstax-facet-values-container" aria-live="polite">
+              <div
+                *ngFor="let facetValue of facetValues(facet); index as key"
+                class="searchstax-facet-value-container"
+                [class]="{
+                  'searchstax-facet-value-disabled': facetValue.disabled
+                }"
+                #ref
+              >
+                <div class="searchstax-facet-input">
+                  <input
+                    type="checkbox"
+                    class="searchstax-facet-input-checkbox"
+                    [checked]="isChecked(facetValue, context)"
+                    [attr.aria-label]="
+                      facetValue.value + ' ' + facetValue.count
+                    "
+                    [disabled]="facetValue.disabled"
+                    (click)="
+                      selectFacet(ref, $event, facetValue, true, context)
+                    "
+                  />
+                </div>
+                <div
+                  class="searchstax-facet-value-label"
+                  (click)="selectFacet(ref, $event, facetValue, false, context)"
+                >
+                  {{ facetValue.value }}
+                </div>
+                <div
+                  class="searchstax-facet-value-count"
+                  (click)="selectFacet(ref, $event, facetValue, false, context)"
+                >
+                  ({{ facetValue.count }})
+                </div>
+              </div>
+              <div
+                class="searchstax-facet-show-more-container"
+                *ngIf="facet.hasMoreFacets"
+              >
+                <div
+                  class="searchstax-facet-show-more-container"
+                  (click)="showMoreLessDesktop($event, facet, context)"
+                  (keyup.enter)="showMoreLessDesktop($event, facet, context)"
+                  (keyup.space)="showMoreLessDesktop($event, facet, context)"
+                  tabindex="0"
+                >
+                  <div
+                    *ngIf="facet.showingAllFacets"
+                    class="searchstax-facet-show-less-button searchstax-facet-show-button"
+                  >
+                    less
+                  </div>
+                  <div
+                    *ngIf="!facet.showingAllFacets"
+                    class="searchstax-facet-show-more-button searchstax-facet-show-button"
+                  >
+                    more
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </ng-template>
+  `,
+                }]
+        }], propDecorators: { templateOverrideDesktop: [{
+                type: ViewChild,
+                args: ["templateOverrideDesktop"]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoc3RheC1zZWFyY2gtZmFjZXQtZGVza3RvcC10ZW1wbGF0ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NlYXJjaHN0YXgtaW5jL3NlYXJjaHN0dWRpby11eC1hbmd1bGFyL3NyYy9saWIvY29tcG9uZW50cy90ZW1wbGF0ZXMvc2VhcmNoc3RheC1zZWFyY2gtZmFjZXQtZGVza3RvcC10ZW1wbGF0ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxpQ0FBaUM7QUFDakMsT0FBTyxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQWUsTUFBTSxlQUFlLENBQUM7OztBQW9HbEUsTUFBTSxPQUFPLDZCQUE2QjsrR0FBN0IsNkJBQTZCO21HQUE3Qiw2QkFBNkIsc01BaEc5Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQThGVDs7NEZBRVUsNkJBQTZCO2tCQWxHekMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsNEJBQTRCO29CQUN0QyxRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0E4RlQ7aUJBQ0Y7OEJBR0MsdUJBQXVCO3NCQUR0QixTQUFTO3VCQUFDLHlCQUF5QiIsInNvdXJjZXNDb250ZW50IjpbIi8vIHJldXNhYmxlLXRlbXBsYXRlLmNvbXBvbmVudC50c1xuaW1wb3J0IHsgQ29tcG9uZW50LCBWaWV3Q2hpbGQsIFRlbXBsYXRlUmVmIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiBcImFwcC1mYWNldC1kZXNrdG9wLXRlbXBsYXRlXCIsXG4gIHRlbXBsYXRlOiBgXG4gICAgPG5nLXRlbXBsYXRlXG4gICAgICAjdGVtcGxhdGVPdmVycmlkZURlc2t0b3BcbiAgICAgIGxldC1mYWNldHNUZW1wbGF0ZURhdGFEZXNrdG9wPVwiZmFjZXRzVGVtcGxhdGVEYXRhRGVza3RvcFwiXG4gICAgICBsZXQtaXNOb3REZWFjdGl2YXRlZD1cImlzTm90RGVhY3RpdmF0ZWRcIlxuICAgICAgbGV0LWNvbnRleHQ9XCJjb250ZXh0XCJcbiAgICAgIGxldC10b2dnbGVGYWNldEdyb3VwPVwidG9nZ2xlRmFjZXRHcm91cFwiXG4gICAgICBsZXQtZmFjZXRWYWx1ZXM9XCJmYWNldFZhbHVlc1wiXG4gICAgICBsZXQtaXNDaGVja2VkPVwiaXNDaGVja2VkXCJcbiAgICAgIGxldC1zZWxlY3RGYWNldD1cInNlbGVjdEZhY2V0XCJcbiAgICAgIGxldC1zaG93TW9yZUxlc3NEZXNrdG9wPVwic2hvd01vcmVMZXNzRGVza3RvcFwiXG4gICAgPlxuICAgICAgPGRpdiBjbGFzcz1cInNlYXJjaHN0YXgtZmFjZXRzLWNvbnRhaW5lci1kZXNrdG9wXCI+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjbGFzcz1cInNlYXJjaHN0YXgtZmFjZXQtY29udGFpbmVyXCJcbiAgICAgICAgICAqbmdGb3I9XCJsZXQgZmFjZXQgb2YgZmFjZXRzVGVtcGxhdGVEYXRhRGVza3RvcD8uZmFjZXRzXCJcbiAgICAgICAgICBbY2xhc3NdPVwieyBhY3RpdmU6IGlzTm90RGVhY3RpdmF0ZWQoZmFjZXQubmFtZSwgY29udGV4dCkgfVwiXG4gICAgICAgID5cbiAgICAgICAgICA8ZGl2PlxuICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICBjbGFzcz1cInNlYXJjaHN0YXgtZmFjZXQtdGl0bGUtY29udGFpbmVyXCJcbiAgICAgICAgICAgICAgKGNsaWNrKT1cInRvZ2dsZUZhY2V0R3JvdXAoZmFjZXQubmFtZSwgY29udGV4dClcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwic2VhcmNoc3RheC1mYWNldC10aXRsZVwiPlxuICAgICAgICAgICAgICAgIHt7IGZhY2V0LmxhYmVsIH19XG4gICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwic2VhcmNoc3RheC1mYWNldC10aXRsZS1hcnJvdyBhY3RpdmVcIj48L2Rpdj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInNlYXJjaHN0YXgtZmFjZXQtdmFsdWVzLWNvbnRhaW5lclwiIGFyaWEtbGl2ZT1cInBvbGl0ZVwiPlxuICAgICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgKm5nRm9yPVwibGV0IGZhY2V0VmFsdWUgb2YgZmFjZXRWYWx1ZXMoZmFjZXQpOyBpbmRleCBhcyBrZXlcIlxuICAgICAgICAgICAgICAgIGNsYXNzPVwic2VhcmNoc3RheC1mYWNldC12YWx1ZS1jb250YWluZXJcIlxuICAgICAgICAgICAgICAgIFtjbGFzc109XCJ7XG4gICAgICAgICAgICAgICAgICAnc2VhcmNoc3RheC1mYWNldC12YWx1ZS1kaXNhYmxlZCc6IGZhY2V0VmFsdWUuZGlzYWJsZWRcbiAgICAgICAgICAgICAgICB9XCJcbiAgICAgICAgICAgICAgICAjcmVmXG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwic2VhcmNoc3RheC1mYWNldC1pbnB1dFwiPlxuICAgICAgICAgICAgICAgICAgPGlucHV0XG4gICAgICAgICAgICAgICAgICAgIHR5cGU9XCJjaGVja2JveFwiXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzPVwic2VhcmNoc3RheC1mYWNldC1pbnB1dC1jaGVja2JveFwiXG4gICAgICAgICAgICAgICAgICAgIFtjaGVja2VkXT1cImlzQ2hlY2tlZChmYWNldFZhbHVlLCBjb250ZXh0KVwiXG4gICAgICAgICAgICAgICAgICAgIFthdHRyLmFyaWEtbGFiZWxdPVwiXG4gICAgICAgICAgICAgICAgICAgICAgZmFjZXRWYWx1ZS52YWx1ZSArICcgJyArIGZhY2V0VmFsdWUuY291bnRcbiAgICAgICAgICAgICAgICAgICAgXCJcbiAgICAgICAgICAgICAgICAgICAgW2Rpc2FibGVkXT1cImZhY2V0VmFsdWUuZGlzYWJsZWRcIlxuICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwiXG4gICAgICAgICAgICAgICAgICAgICAgc2VsZWN0RmFjZXQocmVmLCAkZXZlbnQsIGZhY2V0VmFsdWUsIHRydWUsIGNvbnRleHQpXG4gICAgICAgICAgICAgICAgICAgIFwiXG4gICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICAgIGNsYXNzPVwic2VhcmNoc3RheC1mYWNldC12YWx1ZS1sYWJlbFwiXG4gICAgICAgICAgICAgICAgICAoY2xpY2spPVwic2VsZWN0RmFjZXQocmVmLCAkZXZlbnQsIGZhY2V0VmFsdWUsIGZhbHNlLCBjb250ZXh0KVwiXG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAge3sgZmFjZXRWYWx1ZS52YWx1ZSB9fVxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICAgIGNsYXNzPVwic2VhcmNoc3RheC1mYWNldC12YWx1ZS1jb3VudFwiXG4gICAgICAgICAgICAgICAgICAoY2xpY2spPVwic2VsZWN0RmFjZXQocmVmLCAkZXZlbnQsIGZhY2V0VmFsdWUsIGZhbHNlLCBjb250ZXh0KVwiXG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgKHt7IGZhY2V0VmFsdWUuY291bnQgfX0pXG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgY2xhc3M9XCJzZWFyY2hzdGF4LWZhY2V0LXNob3ctbW9yZS1jb250YWluZXJcIlxuICAgICAgICAgICAgICAgICpuZ0lmPVwiZmFjZXQuaGFzTW9yZUZhY2V0c1wiXG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgICBjbGFzcz1cInNlYXJjaHN0YXgtZmFjZXQtc2hvdy1tb3JlLWNvbnRhaW5lclwiXG4gICAgICAgICAgICAgICAgICAoY2xpY2spPVwic2hvd01vcmVMZXNzRGVza3RvcCgkZXZlbnQsIGZhY2V0LCBjb250ZXh0KVwiXG4gICAgICAgICAgICAgICAgICAoa2V5dXAuZW50ZXIpPVwic2hvd01vcmVMZXNzRGVza3RvcCgkZXZlbnQsIGZhY2V0LCBjb250ZXh0KVwiXG4gICAgICAgICAgICAgICAgICAoa2V5dXAuc3BhY2UpPVwic2hvd01vcmVMZXNzRGVza3RvcCgkZXZlbnQsIGZhY2V0LCBjb250ZXh0KVwiXG4gICAgICAgICAgICAgICAgICB0YWJpbmRleD1cIjBcIlxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICAgICAgKm5nSWY9XCJmYWNldC5zaG93aW5nQWxsRmFjZXRzXCJcbiAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJzZWFyY2hzdGF4LWZhY2V0LXNob3ctbGVzcy1idXR0b24gc2VhcmNoc3RheC1mYWNldC1zaG93LWJ1dHRvblwiXG4gICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIGxlc3NcbiAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgICAgICAqbmdJZj1cIiFmYWNldC5zaG93aW5nQWxsRmFjZXRzXCJcbiAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJzZWFyY2hzdGF4LWZhY2V0LXNob3ctbW9yZS1idXR0b24gc2VhcmNoc3RheC1mYWNldC1zaG93LWJ1dHRvblwiXG4gICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIG1vcmVcbiAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvbmctdGVtcGxhdGU+XG4gIGAsXG59KVxuZXhwb3J0IGNsYXNzIEZhY2V0RGVza3RvcFRlbXBsYXRlQ29tcG9uZW50IHtcbiAgQFZpZXdDaGlsZChcInRlbXBsYXRlT3ZlcnJpZGVEZXNrdG9wXCIpXG4gIHRlbXBsYXRlT3ZlcnJpZGVEZXNrdG9wITogVGVtcGxhdGVSZWY8YW55Pjtcbn1cbiJdfQ==