@searchstax-inc/searchstudio-ux-angular 4.1.68 → 4.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +13 -0
- package/README.md +323 -264
- package/fesm2022/searchstax-inc-searchstudio-ux-angular.mjs +994 -788
- package/fesm2022/searchstax-inc-searchstudio-ux-angular.mjs.map +1 -1
- package/package.json +6 -8
- package/types/searchstax-inc-searchstudio-ux-angular.d.ts +388 -0
- package/esm2022/lib/components/searchstax-input/searchstax-input.component.mjs +0 -81
- package/esm2022/lib/components/searchstax-results/searchstax-results.component.mjs +0 -88
- package/esm2022/lib/components/searchstax-search-answer/searchstax-search-answer.component.mjs +0 -49
- package/esm2022/lib/components/searchstax-search-external/searchstax-search-external.component.mjs +0 -41
- package/esm2022/lib/components/searchstax-search-facets/searchstax-search-facets.component.mjs +0 -119
- package/esm2022/lib/components/searchstax-search-location/searchstax-search-location.component.mjs +0 -92
- package/esm2022/lib/components/searchstax-search-overview/searchstax-search-overview.component.mjs +0 -42
- package/esm2022/lib/components/searchstax-search-pagination/searchstax-search-pagination.component.mjs +0 -64
- package/esm2022/lib/components/searchstax-search-related/searchstax-search-related.component.mjs +0 -45
- package/esm2022/lib/components/searchstax-search-sorting/searchstax-search-sorting.component.mjs +0 -46
- package/esm2022/lib/components/searchstax-wrapper.component.mjs +0 -93
- package/esm2022/lib/components/templates/SearchstaxLocationWidgetTemplateConfig.mjs +0 -91
- package/esm2022/lib/components/templates/searchstax-search-answer-template.mjs +0 -119
- package/esm2022/lib/components/templates/searchstax-search-external-template.mjs +0 -107
- package/esm2022/lib/components/templates/searchstax-search-facet-desktop-template.mjs +0 -209
- package/esm2022/lib/components/templates/searchstax-search-facet-mobile-template.mjs +0 -343
- package/esm2022/lib/components/templates/searchstax-search-input-template.mjs +0 -126
- package/esm2022/lib/components/templates/searchstax-search-location-template.mjs +0 -152
- package/esm2022/lib/components/templates/searchstax-search-no-results-template.mjs +0 -83
- package/esm2022/lib/components/templates/searchstax-search-overview-template.mjs +0 -87
- package/esm2022/lib/components/templates/searchstax-search-pagination-infinite-template.mjs +0 -60
- package/esm2022/lib/components/templates/searchstax-search-pagination-template.mjs +0 -96
- package/esm2022/lib/components/templates/searchstax-search-related-template.mjs +0 -81
- package/esm2022/lib/components/templates/searchstax-search-results-template.mjs +0 -181
- package/esm2022/lib/components/templates/searchstax-search-sorting-template.mjs +0 -76
- package/esm2022/lib/searchstudio-ux-angular.module.mjs +0 -138
- package/esm2022/lib/services/store-service.service.mjs +0 -17
- package/esm2022/public-api.mjs +0 -30
- package/esm2022/searchstax-inc-searchstudio-ux-angular.mjs +0 -5
- package/index.d.ts +0 -5
- package/lib/components/searchstax-input/searchstax-input.component.d.ts +0 -37
- package/lib/components/searchstax-results/searchstax-results.component.d.ts +0 -27
- package/lib/components/searchstax-search-answer/searchstax-search-answer.component.d.ts +0 -20
- package/lib/components/searchstax-search-external/searchstax-search-external.component.d.ts +0 -17
- package/lib/components/searchstax-search-facets/searchstax-search-facets.component.d.ts +0 -38
- package/lib/components/searchstax-search-location/searchstax-search-location.component.d.ts +0 -33
- package/lib/components/searchstax-search-overview/searchstax-search-overview.component.d.ts +0 -17
- package/lib/components/searchstax-search-pagination/searchstax-search-pagination.component.d.ts +0 -21
- package/lib/components/searchstax-search-related/searchstax-search-related.component.d.ts +0 -19
- package/lib/components/searchstax-search-sorting/searchstax-search-sorting.component.d.ts +0 -18
- package/lib/components/searchstax-wrapper.component.d.ts +0 -31
- package/lib/components/templates/SearchstaxLocationWidgetTemplateConfig.d.ts +0 -13
- package/lib/components/templates/searchstax-search-answer-template.d.ts +0 -7
- package/lib/components/templates/searchstax-search-external-template.d.ts +0 -7
- package/lib/components/templates/searchstax-search-facet-desktop-template.d.ts +0 -7
- package/lib/components/templates/searchstax-search-facet-mobile-template.d.ts +0 -7
- package/lib/components/templates/searchstax-search-input-template.d.ts +0 -7
- package/lib/components/templates/searchstax-search-location-template.d.ts +0 -7
- package/lib/components/templates/searchstax-search-no-results-template.d.ts +0 -7
- package/lib/components/templates/searchstax-search-overview-template.d.ts +0 -7
- package/lib/components/templates/searchstax-search-pagination-infinite-template.d.ts +0 -7
- package/lib/components/templates/searchstax-search-pagination-template.d.ts +0 -7
- package/lib/components/templates/searchstax-search-related-template.d.ts +0 -7
- package/lib/components/templates/searchstax-search-results-template.d.ts +0 -7
- package/lib/components/templates/searchstax-search-sorting-template.d.ts +0 -7
- package/lib/searchstudio-ux-angular.module.d.ts +0 -32
- package/lib/services/store-service.service.d.ts +0 -8
- package/public-api.d.ts +0 -26
|
@@ -1,107 +0,0 @@
|
|
|
1
|
-
// reusable-template.component.ts
|
|
2
|
-
import { Component, ViewChild } from "@angular/core";
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "@angular/common";
|
|
5
|
-
export class ExternalPromotionsTemplateComponent {
|
|
6
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ExternalPromotionsTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7
|
-
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: `
|
|
8
|
-
<ng-template
|
|
9
|
-
#externalPromotionsTemplate
|
|
10
|
-
let-context="context"
|
|
11
|
-
let-externalPromotionsData="externalPromotionsData"
|
|
12
|
-
let-trackClick="trackClick"
|
|
13
|
-
>
|
|
14
|
-
<div
|
|
15
|
-
class="searchstax-external-promotions-container"
|
|
16
|
-
id="searchstax-external-promotions-container"
|
|
17
|
-
>
|
|
18
|
-
<div
|
|
19
|
-
class="searchstax-external-promotion searchstax-search-result"
|
|
20
|
-
*ngFor="
|
|
21
|
-
let externalPromotion of externalPromotionsData.externalPromotions
|
|
22
|
-
"
|
|
23
|
-
>
|
|
24
|
-
<div class="icon-elevated"></div>
|
|
25
|
-
<a
|
|
26
|
-
*ngIf="externalPromotion.url"
|
|
27
|
-
[href]="externalPromotion.url"
|
|
28
|
-
(click)="trackClick(externalPromotion, $event, context)"
|
|
29
|
-
class="searchstax-result-item-link"
|
|
30
|
-
></a>
|
|
31
|
-
<div class="searchstax-search-result-title-container">
|
|
32
|
-
<span class="searchstax-search-result-title">{{
|
|
33
|
-
externalPromotion.name
|
|
34
|
-
}}</span>
|
|
35
|
-
</div>
|
|
36
|
-
<p
|
|
37
|
-
*ngIf="externalPromotion.description"
|
|
38
|
-
class="searchstax-search-result-description searchstax-search-result-common"
|
|
39
|
-
>
|
|
40
|
-
{{ externalPromotion.description }}
|
|
41
|
-
</p>
|
|
42
|
-
<p
|
|
43
|
-
*ngIf="externalPromotion.url"
|
|
44
|
-
class="searchstax-search-result-description searchstax-search-result-common"
|
|
45
|
-
>
|
|
46
|
-
{{ externalPromotion.url }}
|
|
47
|
-
</p>
|
|
48
|
-
</div>
|
|
49
|
-
</div>
|
|
50
|
-
</ng-template>
|
|
51
|
-
`, 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"] }] }); }
|
|
52
|
-
}
|
|
53
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ExternalPromotionsTemplateComponent, decorators: [{
|
|
54
|
-
type: Component,
|
|
55
|
-
args: [{
|
|
56
|
-
selector: "app-external-template",
|
|
57
|
-
template: `
|
|
58
|
-
<ng-template
|
|
59
|
-
#externalPromotionsTemplate
|
|
60
|
-
let-context="context"
|
|
61
|
-
let-externalPromotionsData="externalPromotionsData"
|
|
62
|
-
let-trackClick="trackClick"
|
|
63
|
-
>
|
|
64
|
-
<div
|
|
65
|
-
class="searchstax-external-promotions-container"
|
|
66
|
-
id="searchstax-external-promotions-container"
|
|
67
|
-
>
|
|
68
|
-
<div
|
|
69
|
-
class="searchstax-external-promotion searchstax-search-result"
|
|
70
|
-
*ngFor="
|
|
71
|
-
let externalPromotion of externalPromotionsData.externalPromotions
|
|
72
|
-
"
|
|
73
|
-
>
|
|
74
|
-
<div class="icon-elevated"></div>
|
|
75
|
-
<a
|
|
76
|
-
*ngIf="externalPromotion.url"
|
|
77
|
-
[href]="externalPromotion.url"
|
|
78
|
-
(click)="trackClick(externalPromotion, $event, context)"
|
|
79
|
-
class="searchstax-result-item-link"
|
|
80
|
-
></a>
|
|
81
|
-
<div class="searchstax-search-result-title-container">
|
|
82
|
-
<span class="searchstax-search-result-title">{{
|
|
83
|
-
externalPromotion.name
|
|
84
|
-
}}</span>
|
|
85
|
-
</div>
|
|
86
|
-
<p
|
|
87
|
-
*ngIf="externalPromotion.description"
|
|
88
|
-
class="searchstax-search-result-description searchstax-search-result-common"
|
|
89
|
-
>
|
|
90
|
-
{{ externalPromotion.description }}
|
|
91
|
-
</p>
|
|
92
|
-
<p
|
|
93
|
-
*ngIf="externalPromotion.url"
|
|
94
|
-
class="searchstax-search-result-description searchstax-search-result-common"
|
|
95
|
-
>
|
|
96
|
-
{{ externalPromotion.url }}
|
|
97
|
-
</p>
|
|
98
|
-
</div>
|
|
99
|
-
</div>
|
|
100
|
-
</ng-template>
|
|
101
|
-
`,
|
|
102
|
-
}]
|
|
103
|
-
}], propDecorators: { externalPromotionsTemplate: [{
|
|
104
|
-
type: ViewChild,
|
|
105
|
-
args: ["externalPromotionsTemplate"]
|
|
106
|
-
}] } });
|
|
107
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoc3RheC1zZWFyY2gtZXh0ZXJuYWwtdGVtcGxhdGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zZWFyY2hzdGF4LWluYy9zZWFyY2hzdHVkaW8tdXgtYW5ndWxhci9zcmMvbGliL2NvbXBvbmVudHMvdGVtcGxhdGVzL3NlYXJjaHN0YXgtc2VhcmNoLWV4dGVybmFsLXRlbXBsYXRlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGlDQUFpQztBQUNqQyxPQUFPLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBZSxNQUFNLGVBQWUsQ0FBQzs7O0FBa0RsRSxNQUFNLE9BQU8sbUNBQW1DOytHQUFuQyxtQ0FBbUM7bUdBQW5DLG1DQUFtQyx1TUE5Q3BDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQTRDVDs7NEZBRVUsbUNBQW1DO2tCQWhEL0MsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsdUJBQXVCO29CQUNqQyxRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBNENUO2lCQUNGOzhCQUUwQywwQkFBMEI7c0JBQWxFLFNBQVM7dUJBQUMsNEJBQTRCIiwic291cmNlc0NvbnRlbnQiOlsiLy8gcmV1c2FibGUtdGVtcGxhdGUuY29tcG9uZW50LnRzXG5pbXBvcnQgeyBDb21wb25lbnQsIFZpZXdDaGlsZCwgVGVtcGxhdGVSZWYgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6IFwiYXBwLWV4dGVybmFsLXRlbXBsYXRlXCIsXG4gIHRlbXBsYXRlOiBgXG4gICAgPG5nLXRlbXBsYXRlXG4gICAgICAjZXh0ZXJuYWxQcm9tb3Rpb25zVGVtcGxhdGVcbiAgICAgIGxldC1jb250ZXh0PVwiY29udGV4dFwiXG4gICAgICBsZXQtZXh0ZXJuYWxQcm9tb3Rpb25zRGF0YT1cImV4dGVybmFsUHJvbW90aW9uc0RhdGFcIlxuICAgICAgbGV0LXRyYWNrQ2xpY2s9XCJ0cmFja0NsaWNrXCJcbiAgICA+XG4gICAgICA8ZGl2XG4gICAgICAgIGNsYXNzPVwic2VhcmNoc3RheC1leHRlcm5hbC1wcm9tb3Rpb25zLWNvbnRhaW5lclwiXG4gICAgICAgIGlkPVwic2VhcmNoc3RheC1leHRlcm5hbC1wcm9tb3Rpb25zLWNvbnRhaW5lclwiXG4gICAgICA+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjbGFzcz1cInNlYXJjaHN0YXgtZXh0ZXJuYWwtcHJvbW90aW9uIHNlYXJjaHN0YXgtc2VhcmNoLXJlc3VsdFwiXG4gICAgICAgICAgKm5nRm9yPVwiXG4gICAgICAgICAgICBsZXQgZXh0ZXJuYWxQcm9tb3Rpb24gb2YgZXh0ZXJuYWxQcm9tb3Rpb25zRGF0YS5leHRlcm5hbFByb21vdGlvbnNcbiAgICAgICAgICBcIlxuICAgICAgICA+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImljb24tZWxldmF0ZWRcIj48L2Rpdj5cbiAgICAgICAgICA8YVxuICAgICAgICAgICAgKm5nSWY9XCJleHRlcm5hbFByb21vdGlvbi51cmxcIlxuICAgICAgICAgICAgW2hyZWZdPVwiZXh0ZXJuYWxQcm9tb3Rpb24udXJsXCJcbiAgICAgICAgICAgIChjbGljayk9XCJ0cmFja0NsaWNrKGV4dGVybmFsUHJvbW90aW9uLCAkZXZlbnQsIGNvbnRleHQpXCJcbiAgICAgICAgICAgIGNsYXNzPVwic2VhcmNoc3RheC1yZXN1bHQtaXRlbS1saW5rXCJcbiAgICAgICAgICA+PC9hPlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJzZWFyY2hzdGF4LXNlYXJjaC1yZXN1bHQtdGl0bGUtY29udGFpbmVyXCI+XG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cInNlYXJjaHN0YXgtc2VhcmNoLXJlc3VsdC10aXRsZVwiPnt7XG4gICAgICAgICAgICAgIGV4dGVybmFsUHJvbW90aW9uLm5hbWVcbiAgICAgICAgICAgIH19PC9zcGFuPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDxwXG4gICAgICAgICAgICAqbmdJZj1cImV4dGVybmFsUHJvbW90aW9uLmRlc2NyaXB0aW9uXCJcbiAgICAgICAgICAgIGNsYXNzPVwic2VhcmNoc3RheC1zZWFyY2gtcmVzdWx0LWRlc2NyaXB0aW9uIHNlYXJjaHN0YXgtc2VhcmNoLXJlc3VsdC1jb21tb25cIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIHt7IGV4dGVybmFsUHJvbW90aW9uLmRlc2NyaXB0aW9uIH19XG4gICAgICAgICAgPC9wPlxuICAgICAgICAgIDxwXG4gICAgICAgICAgICAqbmdJZj1cImV4dGVybmFsUHJvbW90aW9uLnVybFwiXG4gICAgICAgICAgICBjbGFzcz1cInNlYXJjaHN0YXgtc2VhcmNoLXJlc3VsdC1kZXNjcmlwdGlvbiBzZWFyY2hzdGF4LXNlYXJjaC1yZXN1bHQtY29tbW9uXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICB7eyBleHRlcm5hbFByb21vdGlvbi51cmwgfX1cbiAgICAgICAgICA8L3A+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgPC9uZy10ZW1wbGF0ZT5cbiAgYCxcbn0pXG5leHBvcnQgY2xhc3MgRXh0ZXJuYWxQcm9tb3Rpb25zVGVtcGxhdGVDb21wb25lbnQge1xuICBAVmlld0NoaWxkKFwiZXh0ZXJuYWxQcm9tb3Rpb25zVGVtcGxhdGVcIikgZXh0ZXJuYWxQcm9tb3Rpb25zVGVtcGxhdGUhOiBUZW1wbGF0ZVJlZjxhbnk+O1xufVxuIl19
|
|
@@ -1,209 +0,0 @@
|
|
|
1
|
-
// reusable-template.component.ts
|
|
2
|
-
import { Component, ViewChild } from "@angular/core";
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "@angular/common";
|
|
5
|
-
export class FacetDesktopTemplateComponent {
|
|
6
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FacetDesktopTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7
|
-
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: `
|
|
8
|
-
<ng-template
|
|
9
|
-
#templateOverrideDesktop
|
|
10
|
-
let-facetsTemplateDataDesktop="facetsTemplateDataDesktop"
|
|
11
|
-
let-isNotDeactivated="isNotDeactivated"
|
|
12
|
-
let-context="context"
|
|
13
|
-
let-toggleFacetGroup="toggleFacetGroup"
|
|
14
|
-
let-facetValues="facetValues"
|
|
15
|
-
let-isChecked="isChecked"
|
|
16
|
-
let-selectFacet="selectFacet"
|
|
17
|
-
let-showMoreLessDesktop="showMoreLessDesktop"
|
|
18
|
-
>
|
|
19
|
-
<div class="searchstax-facets-container-desktop">
|
|
20
|
-
<div
|
|
21
|
-
class="searchstax-facet-container"
|
|
22
|
-
*ngFor="let facet of facetsTemplateDataDesktop?.facets"
|
|
23
|
-
[class]="{ active: isNotDeactivated(facet.name, context) }"
|
|
24
|
-
>
|
|
25
|
-
<div>
|
|
26
|
-
<div
|
|
27
|
-
class="searchstax-facet-title-container"
|
|
28
|
-
(click)="toggleFacetGroup(facet.name, context)"
|
|
29
|
-
>
|
|
30
|
-
<div class="searchstax-facet-title">
|
|
31
|
-
{{ facet.label }}
|
|
32
|
-
</div>
|
|
33
|
-
<div class="searchstax-facet-title-arrow active"></div>
|
|
34
|
-
</div>
|
|
35
|
-
<div class="searchstax-facet-values-container" aria-live="polite">
|
|
36
|
-
<div
|
|
37
|
-
*ngFor="let facetValue of facetValues(facet); index as key"
|
|
38
|
-
class="searchstax-facet-value-container"
|
|
39
|
-
[class]="{
|
|
40
|
-
'searchstax-facet-value-disabled': facetValue.disabled
|
|
41
|
-
}"
|
|
42
|
-
#ref
|
|
43
|
-
>
|
|
44
|
-
<div class="searchstax-facet-input">
|
|
45
|
-
<input
|
|
46
|
-
type="checkbox"
|
|
47
|
-
class="searchstax-facet-input-checkbox"
|
|
48
|
-
[checked]="isChecked(facetValue, context)"
|
|
49
|
-
[attr.aria-label]="
|
|
50
|
-
facetValue.value + ' ' + facetValue.count
|
|
51
|
-
"
|
|
52
|
-
[disabled]="facetValue.disabled"
|
|
53
|
-
(click)="
|
|
54
|
-
selectFacet(ref, $event, facetValue, true, context)
|
|
55
|
-
"
|
|
56
|
-
/>
|
|
57
|
-
</div>
|
|
58
|
-
<div
|
|
59
|
-
class="searchstax-facet-value-label"
|
|
60
|
-
(click)="selectFacet(ref, $event, facetValue, false, context)"
|
|
61
|
-
>
|
|
62
|
-
{{ facetValue.value }}
|
|
63
|
-
</div>
|
|
64
|
-
<div
|
|
65
|
-
class="searchstax-facet-value-count"
|
|
66
|
-
(click)="selectFacet(ref, $event, facetValue, false, context)"
|
|
67
|
-
>
|
|
68
|
-
({{ facetValue.count }})
|
|
69
|
-
</div>
|
|
70
|
-
</div>
|
|
71
|
-
<div
|
|
72
|
-
class="searchstax-facet-show-more-container"
|
|
73
|
-
*ngIf="facet.hasMoreFacets"
|
|
74
|
-
>
|
|
75
|
-
<div
|
|
76
|
-
class="searchstax-facet-show-more-container"
|
|
77
|
-
(click)="showMoreLessDesktop($event, facet, context)"
|
|
78
|
-
(keyup.enter)="showMoreLessDesktop($event, facet, context)"
|
|
79
|
-
(keyup.space)="showMoreLessDesktop($event, facet, context)"
|
|
80
|
-
tabindex="0"
|
|
81
|
-
role="button"
|
|
82
|
-
>
|
|
83
|
-
<div
|
|
84
|
-
*ngIf="facet.showingAllFacets"
|
|
85
|
-
class="searchstax-facet-show-less-button searchstax-facet-show-button"
|
|
86
|
-
>
|
|
87
|
-
less
|
|
88
|
-
</div>
|
|
89
|
-
<div
|
|
90
|
-
*ngIf="!facet.showingAllFacets"
|
|
91
|
-
class="searchstax-facet-show-more-button searchstax-facet-show-button"
|
|
92
|
-
>
|
|
93
|
-
more
|
|
94
|
-
</div>
|
|
95
|
-
</div>
|
|
96
|
-
</div>
|
|
97
|
-
</div>
|
|
98
|
-
</div>
|
|
99
|
-
</div>
|
|
100
|
-
</div>
|
|
101
|
-
</ng-template>
|
|
102
|
-
`, 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"] }] }); }
|
|
103
|
-
}
|
|
104
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FacetDesktopTemplateComponent, decorators: [{
|
|
105
|
-
type: Component,
|
|
106
|
-
args: [{
|
|
107
|
-
selector: "app-facet-desktop-template",
|
|
108
|
-
template: `
|
|
109
|
-
<ng-template
|
|
110
|
-
#templateOverrideDesktop
|
|
111
|
-
let-facetsTemplateDataDesktop="facetsTemplateDataDesktop"
|
|
112
|
-
let-isNotDeactivated="isNotDeactivated"
|
|
113
|
-
let-context="context"
|
|
114
|
-
let-toggleFacetGroup="toggleFacetGroup"
|
|
115
|
-
let-facetValues="facetValues"
|
|
116
|
-
let-isChecked="isChecked"
|
|
117
|
-
let-selectFacet="selectFacet"
|
|
118
|
-
let-showMoreLessDesktop="showMoreLessDesktop"
|
|
119
|
-
>
|
|
120
|
-
<div class="searchstax-facets-container-desktop">
|
|
121
|
-
<div
|
|
122
|
-
class="searchstax-facet-container"
|
|
123
|
-
*ngFor="let facet of facetsTemplateDataDesktop?.facets"
|
|
124
|
-
[class]="{ active: isNotDeactivated(facet.name, context) }"
|
|
125
|
-
>
|
|
126
|
-
<div>
|
|
127
|
-
<div
|
|
128
|
-
class="searchstax-facet-title-container"
|
|
129
|
-
(click)="toggleFacetGroup(facet.name, context)"
|
|
130
|
-
>
|
|
131
|
-
<div class="searchstax-facet-title">
|
|
132
|
-
{{ facet.label }}
|
|
133
|
-
</div>
|
|
134
|
-
<div class="searchstax-facet-title-arrow active"></div>
|
|
135
|
-
</div>
|
|
136
|
-
<div class="searchstax-facet-values-container" aria-live="polite">
|
|
137
|
-
<div
|
|
138
|
-
*ngFor="let facetValue of facetValues(facet); index as key"
|
|
139
|
-
class="searchstax-facet-value-container"
|
|
140
|
-
[class]="{
|
|
141
|
-
'searchstax-facet-value-disabled': facetValue.disabled
|
|
142
|
-
}"
|
|
143
|
-
#ref
|
|
144
|
-
>
|
|
145
|
-
<div class="searchstax-facet-input">
|
|
146
|
-
<input
|
|
147
|
-
type="checkbox"
|
|
148
|
-
class="searchstax-facet-input-checkbox"
|
|
149
|
-
[checked]="isChecked(facetValue, context)"
|
|
150
|
-
[attr.aria-label]="
|
|
151
|
-
facetValue.value + ' ' + facetValue.count
|
|
152
|
-
"
|
|
153
|
-
[disabled]="facetValue.disabled"
|
|
154
|
-
(click)="
|
|
155
|
-
selectFacet(ref, $event, facetValue, true, context)
|
|
156
|
-
"
|
|
157
|
-
/>
|
|
158
|
-
</div>
|
|
159
|
-
<div
|
|
160
|
-
class="searchstax-facet-value-label"
|
|
161
|
-
(click)="selectFacet(ref, $event, facetValue, false, context)"
|
|
162
|
-
>
|
|
163
|
-
{{ facetValue.value }}
|
|
164
|
-
</div>
|
|
165
|
-
<div
|
|
166
|
-
class="searchstax-facet-value-count"
|
|
167
|
-
(click)="selectFacet(ref, $event, facetValue, false, context)"
|
|
168
|
-
>
|
|
169
|
-
({{ facetValue.count }})
|
|
170
|
-
</div>
|
|
171
|
-
</div>
|
|
172
|
-
<div
|
|
173
|
-
class="searchstax-facet-show-more-container"
|
|
174
|
-
*ngIf="facet.hasMoreFacets"
|
|
175
|
-
>
|
|
176
|
-
<div
|
|
177
|
-
class="searchstax-facet-show-more-container"
|
|
178
|
-
(click)="showMoreLessDesktop($event, facet, context)"
|
|
179
|
-
(keyup.enter)="showMoreLessDesktop($event, facet, context)"
|
|
180
|
-
(keyup.space)="showMoreLessDesktop($event, facet, context)"
|
|
181
|
-
tabindex="0"
|
|
182
|
-
role="button"
|
|
183
|
-
>
|
|
184
|
-
<div
|
|
185
|
-
*ngIf="facet.showingAllFacets"
|
|
186
|
-
class="searchstax-facet-show-less-button searchstax-facet-show-button"
|
|
187
|
-
>
|
|
188
|
-
less
|
|
189
|
-
</div>
|
|
190
|
-
<div
|
|
191
|
-
*ngIf="!facet.showingAllFacets"
|
|
192
|
-
class="searchstax-facet-show-more-button searchstax-facet-show-button"
|
|
193
|
-
>
|
|
194
|
-
more
|
|
195
|
-
</div>
|
|
196
|
-
</div>
|
|
197
|
-
</div>
|
|
198
|
-
</div>
|
|
199
|
-
</div>
|
|
200
|
-
</div>
|
|
201
|
-
</div>
|
|
202
|
-
</ng-template>
|
|
203
|
-
`,
|
|
204
|
-
}]
|
|
205
|
-
}], propDecorators: { templateOverrideDesktop: [{
|
|
206
|
-
type: ViewChild,
|
|
207
|
-
args: ["templateOverrideDesktop"]
|
|
208
|
-
}] } });
|
|
209
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoc3RheC1zZWFyY2gtZmFjZXQtZGVza3RvcC10ZW1wbGF0ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NlYXJjaHN0YXgtaW5jL3NlYXJjaHN0dWRpby11eC1hbmd1bGFyL3NyYy9saWIvY29tcG9uZW50cy90ZW1wbGF0ZXMvc2VhcmNoc3RheC1zZWFyY2gtZmFjZXQtZGVza3RvcC10ZW1wbGF0ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxpQ0FBaUM7QUFDakMsT0FBTyxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQWUsTUFBTSxlQUFlLENBQUM7OztBQXFHbEUsTUFBTSxPQUFPLDZCQUE2QjsrR0FBN0IsNkJBQTZCO21HQUE3Qiw2QkFBNkIsc01Bakc5Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0ErRlQ7OzRGQUVVLDZCQUE2QjtrQkFuR3pDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLDRCQUE0QjtvQkFDdEMsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQStGVDtpQkFDRjs4QkFHQyx1QkFBdUI7c0JBRHRCLFNBQVM7dUJBQUMseUJBQXlCIiwic291cmNlc0NvbnRlbnQiOlsiLy8gcmV1c2FibGUtdGVtcGxhdGUuY29tcG9uZW50LnRzXG5pbXBvcnQgeyBDb21wb25lbnQsIFZpZXdDaGlsZCwgVGVtcGxhdGVSZWYgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6IFwiYXBwLWZhY2V0LWRlc2t0b3AtdGVtcGxhdGVcIixcbiAgdGVtcGxhdGU6IGBcbiAgICA8bmctdGVtcGxhdGVcbiAgICAgICN0ZW1wbGF0ZU92ZXJyaWRlRGVza3RvcFxuICAgICAgbGV0LWZhY2V0c1RlbXBsYXRlRGF0YURlc2t0b3A9XCJmYWNldHNUZW1wbGF0ZURhdGFEZXNrdG9wXCJcbiAgICAgIGxldC1pc05vdERlYWN0aXZhdGVkPVwiaXNOb3REZWFjdGl2YXRlZFwiXG4gICAgICBsZXQtY29udGV4dD1cImNvbnRleHRcIlxuICAgICAgbGV0LXRvZ2dsZUZhY2V0R3JvdXA9XCJ0b2dnbGVGYWNldEdyb3VwXCJcbiAgICAgIGxldC1mYWNldFZhbHVlcz1cImZhY2V0VmFsdWVzXCJcbiAgICAgIGxldC1pc0NoZWNrZWQ9XCJpc0NoZWNrZWRcIlxuICAgICAgbGV0LXNlbGVjdEZhY2V0PVwic2VsZWN0RmFjZXRcIlxuICAgICAgbGV0LXNob3dNb3JlTGVzc0Rlc2t0b3A9XCJzaG93TW9yZUxlc3NEZXNrdG9wXCJcbiAgICA+XG4gICAgICA8ZGl2IGNsYXNzPVwic2VhcmNoc3RheC1mYWNldHMtY29udGFpbmVyLWRlc2t0b3BcIj5cbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNsYXNzPVwic2VhcmNoc3RheC1mYWNldC1jb250YWluZXJcIlxuICAgICAgICAgICpuZ0Zvcj1cImxldCBmYWNldCBvZiBmYWNldHNUZW1wbGF0ZURhdGFEZXNrdG9wPy5mYWNldHNcIlxuICAgICAgICAgIFtjbGFzc109XCJ7IGFjdGl2ZTogaXNOb3REZWFjdGl2YXRlZChmYWNldC5uYW1lLCBjb250ZXh0KSB9XCJcbiAgICAgICAgPlxuICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgIGNsYXNzPVwic2VhcmNoc3RheC1mYWNldC10aXRsZS1jb250YWluZXJcIlxuICAgICAgICAgICAgICAoY2xpY2spPVwidG9nZ2xlRmFjZXRHcm91cChmYWNldC5uYW1lLCBjb250ZXh0KVwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzZWFyY2hzdGF4LWZhY2V0LXRpdGxlXCI+XG4gICAgICAgICAgICAgICAge3sgZmFjZXQubGFiZWwgfX1cbiAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzZWFyY2hzdGF4LWZhY2V0LXRpdGxlLWFycm93IGFjdGl2ZVwiPjwvZGl2PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwic2VhcmNoc3RheC1mYWNldC12YWx1ZXMtY29udGFpbmVyXCIgYXJpYS1saXZlPVwicG9saXRlXCI+XG4gICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICAqbmdGb3I9XCJsZXQgZmFjZXRWYWx1ZSBvZiBmYWNldFZhbHVlcyhmYWNldCk7IGluZGV4IGFzIGtleVwiXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJzZWFyY2hzdGF4LWZhY2V0LXZhbHVlLWNvbnRhaW5lclwiXG4gICAgICAgICAgICAgICAgW2NsYXNzXT1cIntcbiAgICAgICAgICAgICAgICAgICdzZWFyY2hzdGF4LWZhY2V0LXZhbHVlLWRpc2FibGVkJzogZmFjZXRWYWx1ZS5kaXNhYmxlZFxuICAgICAgICAgICAgICAgIH1cIlxuICAgICAgICAgICAgICAgICNyZWZcbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzZWFyY2hzdGF4LWZhY2V0LWlucHV0XCI+XG4gICAgICAgICAgICAgICAgICA8aW5wdXRcbiAgICAgICAgICAgICAgICAgICAgdHlwZT1cImNoZWNrYm94XCJcbiAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJzZWFyY2hzdGF4LWZhY2V0LWlucHV0LWNoZWNrYm94XCJcbiAgICAgICAgICAgICAgICAgICAgW2NoZWNrZWRdPVwiaXNDaGVja2VkKGZhY2V0VmFsdWUsIGNvbnRleHQpXCJcbiAgICAgICAgICAgICAgICAgICAgW2F0dHIuYXJpYS1sYWJlbF09XCJcbiAgICAgICAgICAgICAgICAgICAgICBmYWNldFZhbHVlLnZhbHVlICsgJyAnICsgZmFjZXRWYWx1ZS5jb3VudFxuICAgICAgICAgICAgICAgICAgICBcIlxuICAgICAgICAgICAgICAgICAgICBbZGlzYWJsZWRdPVwiZmFjZXRWYWx1ZS5kaXNhYmxlZFwiXG4gICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJcbiAgICAgICAgICAgICAgICAgICAgICBzZWxlY3RGYWNldChyZWYsICRldmVudCwgZmFjZXRWYWx1ZSwgdHJ1ZSwgY29udGV4dClcbiAgICAgICAgICAgICAgICAgICAgXCJcbiAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgICAgY2xhc3M9XCJzZWFyY2hzdGF4LWZhY2V0LXZhbHVlLWxhYmVsXCJcbiAgICAgICAgICAgICAgICAgIChjbGljayk9XCJzZWxlY3RGYWNldChyZWYsICRldmVudCwgZmFjZXRWYWx1ZSwgZmFsc2UsIGNvbnRleHQpXCJcbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICB7eyBmYWNldFZhbHVlLnZhbHVlIH19XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgICAgY2xhc3M9XCJzZWFyY2hzdGF4LWZhY2V0LXZhbHVlLWNvdW50XCJcbiAgICAgICAgICAgICAgICAgIChjbGljayk9XCJzZWxlY3RGYWNldChyZWYsICRldmVudCwgZmFjZXRWYWx1ZSwgZmFsc2UsIGNvbnRleHQpXCJcbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAoe3sgZmFjZXRWYWx1ZS5jb3VudCB9fSlcbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICBjbGFzcz1cInNlYXJjaHN0YXgtZmFjZXQtc2hvdy1tb3JlLWNvbnRhaW5lclwiXG4gICAgICAgICAgICAgICAgKm5nSWY9XCJmYWNldC5oYXNNb3JlRmFjZXRzXCJcbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICAgIGNsYXNzPVwic2VhcmNoc3RheC1mYWNldC1zaG93LW1vcmUtY29udGFpbmVyXCJcbiAgICAgICAgICAgICAgICAgIChjbGljayk9XCJzaG93TW9yZUxlc3NEZXNrdG9wKCRldmVudCwgZmFjZXQsIGNvbnRleHQpXCJcbiAgICAgICAgICAgICAgICAgIChrZXl1cC5lbnRlcik9XCJzaG93TW9yZUxlc3NEZXNrdG9wKCRldmVudCwgZmFjZXQsIGNvbnRleHQpXCJcbiAgICAgICAgICAgICAgICAgIChrZXl1cC5zcGFjZSk9XCJzaG93TW9yZUxlc3NEZXNrdG9wKCRldmVudCwgZmFjZXQsIGNvbnRleHQpXCJcbiAgICAgICAgICAgICAgICAgIHRhYmluZGV4PVwiMFwiXG4gICAgICAgICAgICAgICAgICByb2xlPVwiYnV0dG9uXCJcbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgICAgICpuZ0lmPVwiZmFjZXQuc2hvd2luZ0FsbEZhY2V0c1wiXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzPVwic2VhcmNoc3RheC1mYWNldC1zaG93LWxlc3MtYnV0dG9uIHNlYXJjaHN0YXgtZmFjZXQtc2hvdy1idXR0b25cIlxuICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICBsZXNzXG4gICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICAgICAgKm5nSWY9XCIhZmFjZXQuc2hvd2luZ0FsbEZhY2V0c1wiXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzPVwic2VhcmNoc3RheC1mYWNldC1zaG93LW1vcmUtYnV0dG9uIHNlYXJjaHN0YXgtZmFjZXQtc2hvdy1idXR0b25cIlxuICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICBtb3JlXG4gICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L25nLXRlbXBsYXRlPlxuICBgLFxufSlcbmV4cG9ydCBjbGFzcyBGYWNldERlc2t0b3BUZW1wbGF0ZUNvbXBvbmVudCB7XG4gIEBWaWV3Q2hpbGQoXCJ0ZW1wbGF0ZU92ZXJyaWRlRGVza3RvcFwiKVxuICB0ZW1wbGF0ZU92ZXJyaWRlRGVza3RvcCE6IFRlbXBsYXRlUmVmPGFueT47XG59XG4iXX0=
|