@salesforcedevs/dx-components 1.32.0-alpha.9 → 1.32.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.
@@ -1,102 +1,106 @@
1
1
  <template>
2
- <div id="search" class="dx-search-results">
3
- <div lwc:if={hasQuery} class="dx-search-header">
2
+ <div
3
+ id="search"
4
+ class="CoveoSearchInterface"
5
+ data-enable-history="true"
6
+ data-pipeline={coveoSearchPipeline}
7
+ >
8
+ <div
9
+ class="CoveoAnalytics"
10
+ data-search-hub="salesforcedevdoc"
11
+ data-endpoint={coveoAnalyticsEndpoint}
12
+ ></div>
13
+ <div if:true={hasQuery} class="dx-search-header">
4
14
  <div class="dx-search-header-container">
5
15
  <p class="dx-search-header-title">
6
- <span class="dx-search-header-title-results">
7
- {resultCountLabel}
8
- </span>
16
+ <span class="dx-search-header-title-results">{header}</span>
9
17
  &nbsp;results for
10
18
  </p>
11
19
  <p class="dx-search-header-query">&ldquo;{query}&rdquo;</p>
12
20
  </div>
13
21
  </div>
14
- <div class="dx-search-main">
15
- <div class="dx-search-results-column">
16
- <div class="dx-search-box-row">
17
- <dx-input
18
- class="dx-search-box"
19
- type="search"
20
- placeholder="Search"
21
- role="search"
22
- aria-label="Search"
23
- icon-symbol="search"
24
- size="small"
25
- value={query}
26
- onchange={onSearchInputChange}
27
- clearable
28
- ></dx-input>
22
+ <div class="coveo-main-section">
23
+ <div class="coveo-facet-column">
24
+ <div class="dx-facet-column-header">
25
+ <span class="dx-facet-column-header-title">Filters</span>
26
+ <template if:true={hasFilters}>
27
+ <dx-button onclick={clearFilters} variant="inline">
28
+ Clear
29
+ </dx-button>
30
+ </template>
29
31
  </div>
30
- <div lwc:if={isLoading} class="dx-search-loading">
31
- <img
32
- class="dx-search-loading-image"
33
- src="https://a.sfdcstatic.com/developer-website/prod/images/sidebar-loading.svg"
34
- alt="Loading"
35
- />
32
+ <div
33
+ class="CoveoDynamicFacetManager"
34
+ data-enable-reorder="false"
35
+ >
36
+ <div
37
+ class="CoveoDynamicFacet"
38
+ data-title="Content Type"
39
+ data-field="@commonsource"
40
+ data-tab="All"
41
+ data-enable-facet-search="false"
42
+ ></div>
43
+ <div
44
+ class="CoveoDynamicFacet"
45
+ data-title="Language"
46
+ data-field="@language"
47
+ data-tab="All"
48
+ data-enable-facet-search="false"
49
+ ></div>
36
50
  </div>
37
- <template lwc:if={showNoResults}>
38
- <div class="dx-search-no-results">
39
- <img
40
- src="https://a.sfdcstatic.com/developer-website/prod/images/binary-cloud-circle-small.svg"
41
- alt=""
42
- />
43
- <div class="dx-search-no-results-info">
44
- <p class="dx-text-display-8">
45
- Sorry, no results were found for your search
46
- &ldquo;{query}&rdquo;
47
- </p>
48
- <p class="dx-text-display-8 tip">Search Tips:</p>
49
- <ul class="tip-list">
50
- <li>Please consider misspellings</li>
51
- <li>Try different search keywords</li>
52
- </ul>
53
- <p class="dx-text-display-8 tip tbc-container">
54
- Still not finding what you're looking for?
55
- Consider asking in the&nbsp;
56
- <a
57
- class="link"
58
- href="https://trailhead.salesforce.com/trailblazer-community/feed"
59
- >
60
- Trailblazer Community
61
- </a>
62
- !
63
- </p>
64
- </div>
51
+ <div class="dx-facet-column-footer">
52
+ <dx-button onclick={dismissFiltersOverlay}>
53
+ View {header} results
54
+ </dx-button>
55
+ </div>
56
+ </div>
57
+ <div class="coveo-results-column">
58
+ <div class="CoveoShareQuery"></div>
59
+ <div class="CoveoExportToExcel"></div>
60
+ <div class="CoveoPreferencesPanel">
61
+ <div class="CoveoResultsPreferences"></div>
62
+ <div class="CoveoResultsFiltersPreferences"></div>
63
+ </div>
64
+ <div class="CoveoDidYouMean"></div>
65
+ <div class="coveo-results-header">
66
+ <div class="coveo-summary-section"></div>
67
+ <div class="coveo-sort-section" role="radiogroup">
68
+ <span
69
+ class="CoveoSort"
70
+ data-sort-criteria="relevancy"
71
+ data-caption="Sorted by Relevance"
72
+ ></span>
65
73
  </div>
66
- </template>
67
- <template lwc:if={hasResults}>
68
- <div class="dx-search-result-list">
69
- <template
70
- for:each={results}
71
- for:item="result"
72
- for:index="index"
73
- >
74
- <div
75
- key={result.uniqueId}
76
- class="dx-result"
77
- data-result-id={result.uniqueId}
78
- >
79
- <a
80
- href={result.href}
81
- class="dx-result-title"
82
- target={result.openInNewTab}
83
- rel={result.rel}
84
- data-index={result.resultIndex}
85
- data-title={result.title}
86
- onclick={onSearchResultClick}
87
- >
88
- {result.title}
89
- </a>
90
- <p
91
- lwc:if={result.matchedText}
92
- class="dx-result-excerpt"
93
- >
94
- {result.matchedText}
95
- </p>
96
- </div>
97
- </template>
74
+ <div>
75
+ <div
76
+ class="CoveoSearchbox"
77
+ data-enable-omnibox="false"
78
+ data-add-search-button="false"
79
+ aria-hidden="true"
80
+ ></div>
98
81
  </div>
99
- </template>
82
+ </div>
83
+ <div class="CoveoBreadcrumb"></div>
84
+ <div class="CoveoHiddenQuery"></div>
85
+ <div class="CoveoErrorReport"></div>
86
+ <div
87
+ class="CoveoResultList"
88
+ data-layout="list"
89
+ data-wait-animation="fade"
90
+ data-auto-select-fields-to-include="true"
91
+ lwc:dom="manual"
92
+ ></div>
93
+ <div class="coveo-results-footer" aria-hidden="true">
94
+ <div class="CoveoPager"></div>
95
+ </div>
96
+ <div class="pagination-container">
97
+ <dx-pagination
98
+ current-page={currentPage}
99
+ total-pages={totalPages}
100
+ onpagechange={goToPage}
101
+ pages-to-show="5"
102
+ ></dx-pagination>
103
+ </div>
100
104
  </div>
101
105
  </div>
102
106
  </div>