@salesforcedevs/dx-components 0.53.10 → 0.53.11-alpha

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.
Files changed (45) hide show
  1. package/lwc.config.json +15 -17
  2. package/package.json +3 -6
  3. package/src/modules/base-elements/headerBase/headerBase.ts +1 -1
  4. package/src/modules/dx/cardCallout/cardCallout.ts +4 -4
  5. package/src/modules/dx/cardNews/cardNews.ts +1 -1
  6. package/src/modules/dx/codeBlock/codeBlock.ts +1 -1
  7. package/src/modules/dx/dropdownOption/dropdownOption.ts +1 -1
  8. package/src/modules/dx/footer/footer.ts +1 -1
  9. package/src/modules/dx/footerOption/footerOption.ts +1 -1
  10. package/src/modules/dx/groupText/groupText.ts +1 -1
  11. package/src/modules/dx/headerMobileNavMenuOption/headerMobileNavMenuOption.ts +1 -1
  12. package/src/modules/dx/pagination/pagination.ts +1 -1
  13. package/src/modules/dx/sidebar/sidebar.ts +1 -1
  14. package/src/modules/dx/sidebarOld/sidebarOld.ts +1 -1
  15. package/src/modules/dx/tab/tab.ts +1 -1
  16. package/src/modules/dx/treeItem/treeItem.ts +1 -1
  17. package/src/modules/utils/analytics/analytics.ts +24 -0
  18. package/LICENSE +0 -12
  19. package/src/modules/dx/cardBlogPostProvider/cardBlogPostProvider.css +0 -3
  20. package/src/modules/dx/cardBlogPostProvider/cardBlogPostProvider.html +0 -16
  21. package/src/modules/dx/cardBlogPostProvider/cardBlogPostProvider.ts +0 -29
  22. package/src/modules/dx/cardPodcastEpisodeProvider/cardPodcastEpisodeProvider.css +0 -3
  23. package/src/modules/dx/cardPodcastEpisodeProvider/cardPodcastEpisodeProvider.html +0 -12
  24. package/src/modules/dx/cardPodcastEpisodeProvider/cardPodcastEpisodeProvider.ts +0 -29
  25. package/src/modules/dx/contentArchive/contentArchive.css +0 -242
  26. package/src/modules/dx/contentArchive/contentArchive.html +0 -337
  27. package/src/modules/dx/contentArchive/contentArchive.ts +0 -461
  28. package/src/modules/dx/contentArchive/contentArchive.types.ts +0 -6
  29. package/src/modules/dx/instrumentation/instrumentation.html +0 -1
  30. package/src/modules/dx/instrumentation/instrumentation.ts +0 -116
  31. package/src/modules/dx/newsletterForm/newsletterForm.css +0 -73
  32. package/src/modules/dx/newsletterForm/newsletterForm.html +0 -73
  33. package/src/modules/dx/newsletterForm/newsletterForm.ts +0 -238
  34. package/src/modules/dx/podcastSubscription/podcastSubscription.css +0 -91
  35. package/src/modules/dx/podcastSubscription/podcastSubscription.html +0 -24
  36. package/src/modules/dx/podcastSubscription/podcastSubscription.ts +0 -52
  37. package/src/modules/dx/searchResults/coveo.css +0 -18989
  38. package/src/modules/dx/searchResults/searchResults.css +0 -387
  39. package/src/modules/dx/searchResults/searchResults.html +0 -104
  40. package/src/modules/dx/searchResults/searchResults.ts +0 -186
  41. package/src/modules/dx/slackCta/slackCta.css +0 -47
  42. package/src/modules/dx/slackCta/slackCta.html +0 -17
  43. package/src/modules/dx/slackCta/slackCta.ts +0 -12
  44. package/src/modules/utils/contentArchive/altData.js +0 -3
  45. package/src/modules/utils/contentArchive/contentArchive.ts +0 -163
@@ -1,337 +0,0 @@
1
- <template>
2
- <dx-featured-content-header
3
- class="documentation_header"
4
- title="Content Archive"
5
- body="Learn more about the topics that interest you most by exploring the full collection of Salesforce Developers blog and podcast content."
6
- dark="true"
7
- no-swoop={isMobile}
8
- ></dx-featured-content-header>
9
- <div class="container">
10
- <template if:true={isMobile}>
11
- <dx-modal-drawer open={modalOpen} onclickclose={toggleModal}>
12
- <img
13
- if:true={filtersLoading}
14
- src="/assets/svg/sidebar-loading.svg"
15
- alt="loading"
16
- class="modal-loading"
17
- />
18
- <template if:false={filtersLoading}>
19
- <div class="filter-header-container">
20
- <p class="filter-title">Filters</p>
21
- <button
22
- onclick={handleFilterClear}
23
- class="filter-clear-btn"
24
- >
25
- Clear all
26
- </button>
27
- </div>
28
- <dx-filter-menu
29
- name="site"
30
- title={contentTypeTitle}
31
- options={contentTypeList}
32
- onchange={handleUpdateSiteFilter}
33
- ></dx-filter-menu>
34
- <dx-filter-menu
35
- name="dates"
36
- title={dateTitle}
37
- options={dateList}
38
- variant="nested"
39
- onchange={handleFiltersEvent}
40
- ></dx-filter-menu>
41
- <template if:false={hideBlogFilters}>
42
- <dx-filter-menu
43
- name="authors"
44
- title={authorTitle}
45
- options={authorList}
46
- onchange={handleFiltersEvent}
47
- ></dx-filter-menu>
48
- </template>
49
- <dx-filter-menu
50
- name="categories"
51
- title={categoryTitle}
52
- options={categoryList}
53
- onchange={handleFiltersEvent}
54
- ></dx-filter-menu>
55
- </template>
56
- </dx-modal-drawer>
57
- </template>
58
- <div class="filter-container">
59
- <template if:false={isMobile}>
60
- <img
61
- if:true={filtersLoading}
62
- src="/assets/svg/sidebar-loading.svg"
63
- alt="loading"
64
- />
65
- <template if:false={filtersLoading}>
66
- <div class="filter-header-container">
67
- <p class="filter-title">Filters</p>
68
- <button
69
- onclick={handleFilterClear}
70
- class="filter-clear-btn"
71
- >
72
- Clear all
73
- </button>
74
- </div>
75
- <dx-filter-menu
76
- name="site"
77
- title={contentTypeTitle}
78
- options={contentTypeList}
79
- onchange={handleUpdateSiteFilter}
80
- ></dx-filter-menu>
81
- <dx-filter-menu
82
- name="dates"
83
- title={dateTitle}
84
- options={dateList}
85
- variant="nested"
86
- onchange={handleFiltersEvent}
87
- ></dx-filter-menu>
88
- <template if:false={hideBlogFilters}>
89
- <dx-filter-menu
90
- name="authors"
91
- title={authorTitle}
92
- options={authorList}
93
- onchange={handleFiltersEvent}
94
- ></dx-filter-menu>
95
- </template>
96
- <dx-filter-menu
97
- name="categories"
98
- title={categoryTitle}
99
- options={categoryList}
100
- onchange={handleFiltersEvent}
101
- ></dx-filter-menu>
102
- </template>
103
- </template>
104
- <template if:true={isMobile}>
105
- <div class="content-info-container">
106
- <button class="filter-content" onclick={toggleModal}>
107
- Filter
108
- <span>
109
- <dx-icon
110
- class="filter-icon"
111
- symbol="filter"
112
- sprite="action"
113
- size="small"
114
- ></dx-icon>
115
- </span>
116
- </button>
117
- <div class="card-type-group">
118
- <button
119
- onclick={handleCardTypeChange}
120
- value="expanded"
121
- class={expandedCardClass}
122
- >
123
- Expanded
124
- </button>
125
- <button
126
- onclick={handleCardTypeChange}
127
- value="minimal"
128
- class={minimalCardClass}
129
- >
130
- Minimal
131
- </button>
132
- </div>
133
- </div>
134
- </template>
135
- </div>
136
- <div class="content-container">
137
- <div class="content-info-container">
138
- <p class="content-page-length">{currentPageLength}</p>
139
- <template if:false={isMobile}>
140
- <div class="card-type-group">
141
- <button
142
- onclick={handleCardTypeChange}
143
- value="expanded"
144
- class={expandedCardClass}
145
- >
146
- Expanded
147
- </button>
148
- <button
149
- onclick={handleCardTypeChange}
150
- value="minimal"
151
- class={minimalCardClass}
152
- >
153
- Minimal
154
- </button>
155
- </div>
156
- </template>
157
- </div>
158
- <div class="filter-chips-container">
159
- <template if:true={selectedFilterMenuData.site.length}>
160
- <div class="chip-item-container">
161
- <p class="chip-title">Type</p>
162
- <template
163
- for:each={selectedFilterMenuData.site}
164
- for:item="postType"
165
- >
166
- <span class="chip-item" key={postType.name}>
167
- {postType.name}
168
- <dx-button
169
- name="site"
170
- value={postType}
171
- onclick={removeFilterItem}
172
- variant="inline"
173
- >
174
- &#10005;
175
- </dx-button>
176
- </span>
177
- </template>
178
- </div>
179
- </template>
180
- <template if:true={selectedFilterMenuData.dates.length}>
181
- <div class="chip-item-container">
182
- <p class="chip-title">Date</p>
183
- <template
184
- for:each={selectedFilterMenuData.dates}
185
- for:item="date"
186
- >
187
- <span class="chip-item" key={date}>
188
- {date.name}
189
- <dx-button
190
- name="dates"
191
- onclick={removeFilterItem}
192
- value={date}
193
- variant="inline"
194
- >
195
- &#10005;
196
- </dx-button>
197
- </span>
198
- </template>
199
- </div>
200
- </template>
201
- <template if:true={selectedFilterMenuData.authors.length}>
202
- <div class="chip-item-container">
203
- <p class="chip-title">Author</p>
204
- <template
205
- for:each={selectedFilterMenuData.authors}
206
- for:item="author"
207
- >
208
- <span class="chip-item" key={author.name}>
209
- {author.name}
210
- <dx-button
211
- name="authors"
212
- value={author}
213
- onclick={removeFilterItem}
214
- variant="inline"
215
- >
216
- &#10005;
217
- </dx-button>
218
- </span>
219
- </template>
220
- </div>
221
- </template>
222
- <template if:true={selectedFilterMenuData.categories.length}>
223
- <div class="chip-item-container">
224
- <p class="chip-title">Category</p>
225
- <template
226
- for:each={selectedFilterMenuData.categories}
227
- for:item="category"
228
- >
229
- <span class="chip-item" key={category.name}>
230
- {category.name}
231
- <dx-button
232
- name="categories"
233
- value={category}
234
- onclick={removeFilterItem}
235
- variant="inline"
236
- >
237
- &#10005;
238
- </dx-button>
239
- </span>
240
- </template>
241
- </div>
242
- </template>
243
- </div>
244
- <h3 class="results-heading" if:false={loading}>{resultsHeading}</h3>
245
- <hr />
246
- <template if:true={loading}>
247
- <template if:false={modalOpen}>
248
- <div class="spinner-container">
249
- <dx-spinner
250
- size={spinnerSize}
251
- variant="brand"
252
- ></dx-spinner>
253
- </div>
254
- </template>
255
- </template>
256
- <template if:false={loading}>
257
- <template if:false={isEmptyState}>
258
- <template if:true={isMinimalCard}>
259
- <template
260
- for:each={postsByMonth}
261
- for:item="postByMonth"
262
- >
263
- <template iterator:it={postByMonth}>
264
- <h3
265
- key={it.value}
266
- class="posts-month"
267
- if:true={it.first}
268
- >
269
- {it.value}
270
- </h3>
271
- <template
272
- if:false={it.first}
273
- for:each={it.value}
274
- for:item="post"
275
- >
276
- <dx-card-minimal
277
- key={post.id}
278
- content-type={post.contentType}
279
- title={post.title}
280
- href={post.href}
281
- ></dx-card-minimal>
282
- </template>
283
- </template>
284
- </template>
285
- </template>
286
- <template for:each={posts} for:item="post">
287
- <template if:false={isMinimalCard}>
288
- <template if:true={post.author}>
289
- <dx-card-expanded
290
- key={post.id}
291
- title={post.title}
292
- content-type={post.contentType}
293
- href={post.href}
294
- date={post.date}
295
- body={post.excerpt}
296
- author-img-src={post.authorImgSrc}
297
- author-label={post.author.name}
298
- topics={post.topics}
299
- length={post.duration}
300
- ></dx-card-expanded>
301
- </template>
302
- <template if:false={post.author}>
303
- <dx-card-expanded
304
- key={post.id}
305
- title={post.title}
306
- content-type={post.contentType}
307
- href={post.href}
308
- date={post.date}
309
- body={post.excerpt}
310
- topics={post.topics}
311
- length={post.duration}
312
- ></dx-card-expanded>
313
- </template>
314
- </template>
315
- </template>
316
- <template if:true={showPagination}>
317
- <div class="pagination-container">
318
- <dx-pagination
319
- current-page={currentPage}
320
- total-pages={totalPages}
321
- onpagechange={goToPage}
322
- pages-to-show="5"
323
- ></dx-pagination>
324
- </div>
325
- </template>
326
- </template>
327
- </template>
328
- <template if:true={isEmptyState}>
329
- <div class="empty-state-container">
330
- <p class="empty-state-text">
331
- Please try a different filter selection.
332
- </p>
333
- </div>
334
- </template>
335
- </div>
336
- </div>
337
- </template>